*{ margin:0; padding:0;}
html,
body {
margin: 0;
padding: 0;
height: 100%;
}
body {
font-size: 13px;
background-color: #f5f5f5;
font-family: "Open Sans", Arial, "Hiragino Sans GB", "Microsoft YaHei", 微软雅黑, STHeiti, "WenQuanYi Micro Hei", SimSun, sans-serif;
color: #666666;
-webkit-font-smoothing: antialiased;
}
li{ list-style:none;}
a{ text-decoration:none;}
img{ border: none;}
.clear{
clear: both;
}
.header{ height:auto; background:#fff; overflow:hidden; zoom:1;}
.banner{ height:auto; overflow:hidden; zoom:1;}
.banner img{ width:100%; height:auto; display:block;}
/*广告位*/
.banner{ width:100%; height:auto;overflow:hidden; zoom:1; position:relative;}
.banner img{ width:100%; height:auto; display: block;}
.inbanner{ width:100%; height:300px;}
/* flexslider */
.slides{position:relative;z-index:1;}
.slides img{ display: block; width: 100%; height: auto; }
.xinhua {
margin: 0 auto;
width: 590px;
height: 392px;
position: relative;
overflow: hidden;
zoom:1;
}
.swiper-container {
width: 590px;
height: 335px;
float: left;
}
.pagination {
float: left;
z-index: 20;
bottom: 27px;
width: 100%;
text-align: center;
background: #ff8500;
height: 27px;
}
.swiper-pagination-switch {
display: inline-block;
width: 25px;
height: 25px;
background: url(/home/images/icon.png) no-repeat 0px -50px;
cursor: pointer;
display: none;
}
.swiper-pagination-switch:hover,.swiper-active-switch {
background: url(/home/images/icon.png) no-repeat -25px -50px;
}
.arrow-left {
background: url(/home/images/icon.png) no-repeat;
position: absolute;
right: 50%;
bottom: 28px;
width: 21px;
height: 24px;
z-index: 10;
margin-left: 30px;
}
.arrow-left:hover {
background-position: 0 -25px;
}
.arrow-right {
background: url(/home/images/icon.png) no-repeat -22px 0;
position: absolute;
right: 50%;
bottom: 28px;
width: 21px;
height: 24px;
z-index: 10;
margin-right:-30px;
}
.arrow-right:hover {
background-position: -22px -25px;
}
.caption {
position: absolute;
bottom: 0;
width: 100%;
overflow: hidden;
height: 30px;
background: #ff8500;
border-radius: 0 0 20px 20px;
}
.caption li {
width: 100%;
text-align: center;
position: absolute;
bottom: -36px;
transition: all 0.2s cubic-bezier(0.33, 0, 0.2, 1);
}
.caption .active {
bottom: 8px;
}
.caption li a {
color: #fff;
font-size: 16px;
font-family: microsoft yahei;
text-decoration: none;
}
.flex-control-nav .flex-active{background-position:0 0;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.contenttop{ width: 100%; height: 50px; margin-bottom: 15px;}
.yuansuo li a{
display: block;
width: 270px;
height: 360px;
background: #fff;
padding: 15px;
}
.yuansuo li a:hover{
display: block;
width: 270px;
height: 360px;
background: #ef8641;
padding: 15px;
}
.yuansuo li a:hover h2{
font-size: 18px;
color: #fff;
line-height: 18px;
}
.yuansuo li a:hover p{
height: 46px;
line-height: 23px;
color: #fff;
font-size: 14px;
}
.yuansuo li a:hover span{
display: block;
border-top: 1px solid #fff;
height: 30px;
line-height: 30px;
color: #fff;
}
.yuansuo li a img{
display: block;
width: 270px;
height:195px;
margin: 0 auto 30px auto;
}
.yuansuo li a h2{
font-size: 18px;
color: #ef8641;
line-height: 18px;
margin-bottom: 8px;
}
.yuansuo li a p{
height: 46px;
line-height: 23px;
color: #999;
font-size: 14px;
}
.yuansuo li a span{
display: block;
border-top: 1px solid #ccc;
height: 30px;
line-height: 30px;
color: #333;
}
.yuanshowcontent{
height: auto;
padding: 40px;
background: url(http://www.etonkids.com/Public/static/themes/image/bg1.png) repeat;
font-size: 14px;
color: #707070;
line-height: 26px;
white-space: normal;
}
.yuanshowcontent h1{
font-size: 30px;
color: #474747;
line-height: 30px;
text-align: center;
margin-bottom: 30px;
}
.yuanshowzhici{
height: 498px;
background: url(http://www.etonkids.com/Uploads/Picture/2016/01/04/s5689eb2bd3a1c.png) no-repeat center top;
overflow: hidden; zoom:1;
}
.yuanshowzhicibg{
width: 935px;
height: 498px;
margin: 40px auto 0 auto;
background: url(http://www.etonkids.com/Public/static/themes/image/ljh/dg_bg6.png) no-repeat center top;
position: relative;
}
.yuanshowzhicibgimg{
width: 454px;
height: 454px;
float: left;
margin-left: 26px;
margin-top: 26px;
}
.yuanshowzhicibgimg img{
width: 454px;
height: 454px;
border-radius: 50% 50%;
display: block;
}
.yuanshowzhicibgzc{
position: absolute;
right:25px;
top:24px;
width: 454px;
height: 454px;
float: right;
}
.yuanshowzhicibgzc img{
width: 454px;
height: 454px;
border-radius: 50% 50%;
display: block;
}
.yuanshowzhicibgzc h2{
font-size: 32px;
color: #9f947d;
line-height: 32px;
padding-left: 94px;
padding-top: 20px;
}
.yuanshowzhicibgzc h3{
padding-left: 50px;
font-size: 24px;
color: #e4681c;
line-height: 24px;
padding-top: 16px;
padding-bottom: 20px;
}
.yuanshowpic{
width: 960px;
height: auto;
overflow: hidden;
zoom:1;
padding: 30px 0;
margin: 0 auto;
}
.yuanshowpic li{
display: block;
float:left;
width: 202px;
height: 150px;
margin: 7px;
border: 10px solid #fff;
border-radius: 10px;
}
.yuanshowpic li img{
display: block;
width: 202px;
height: 150px;
}
.bnsss{
width: 100% !important;
height: auto !important;
}
.bnsss img{
width: 100% !important;
display: block !important;
height: auto !important;
}
@media (min-width: 1280px) {
.wrapper{ width:1400px; margin:0 auto; overflow:hidden; zoom:1;}
.header-logo{ float:left; width:356px; height:128px;}
.header-nav{ width:900px; float: right; height: 128px; overflow: hidden; zoom:1;}
.header-nav li{ display:block; float: left; width: 100px; height:auto; text-align:center; position: relative;}
.header-nav li a{ display:block; width:100px; height:50px; margin-top:40px; color:#333; font-size:18px;}
.header-nav li a span{ display:block; font-size:13px;}
.header-nav li a:hover{ color:#ef8641;}
/*固定的悬浮窗*/
.yb_conct{position:fixed;z-index:9999999;top:200px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#ff8500 url(/home/images/rightbar.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#ff8500 url(/home/images/rightbar.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#ff8500 url(/home/images/rightbar.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#ff8500 url(/home/images/rightbar.png) no-repeat 0 -169px;}
.hd_qr{padding:0 29px 25px 29px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}
.youlian{
height:auto;
overflow:hidden;
zoom:1;
text-align: center;
padding-top: 10px;
}
.youlian a{
height: 30px;
line-height:30px;
color: #333;
padding-right:6px;
color: #fff;
}
.youlian p{
color: #fff;
height: 30px;
line-height:30px;
}
#nsul{
display: none;
}
#hdul{
display: none;
}
#newsul{
display: none;
}
#huodongsul{
display: none;
}
.yidongnav{
display: none;
}
.yuansuo{
width:960px;
height: auto;
margin: 0 auto;
overflow: hidden;
zoom:1;
padding: 50px 0;
}
.yuansuo li{
float:left;
margin: 10px 10px;
}
#marker {
height: 6px;
background: #ef8641 !important;
position: absolute;
top: 0;
width: 100px;
z-index: 2;
-webkit-transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
transition: all 0.35s;
}
.header-nav li:nth-child(1):hover ul div {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
.header-nav li:nth-child(1):hover ~ #marker {
-webkit-transform: translate(0px, 0);
-moz-transform: translate(0px, 0);
-ms-transform: translate(0px, 0);
transform: translate(0px, 0);
}
.header-nav li:nth-child(2):hover ul div {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
.header-nav li:nth-child(2):hover ~ #marker {
-webkit-transform: translate(100px, 0);
-moz-transform: translate(100px, 0);
-ms-transform: translate(100px, 0);
transform: translate(100px, 0);
}
.header-nav li:nth-child(3):hover ul div {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
.header-nav li:nth-child(3):hover ~ #marker {
-webkit-transform: translate(200px, 0);
-moz-transform: translate(200px, 0);
-ms-transform: translate(200px, 0);
transform: translate(200px, 0);
}
.header-nav li:nth-child(4):hover ul div {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
.header-nav li:nth-child(4):hover ~ #marker {
-webkit-transform: translate(300px, 0);
-moz-transform: translate(300px, 0);
-ms-transform: translate(300px, 0);
transform: translate(300px, 0);
}
.header-nav li:nth-child(5):hover ul div {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
.header-nav li:nth-child(5):hover ~ #marker {
-webkit-transform: translate(400px, 0);
-moz-transform: translate(400px, 0);
-ms-transform: translate(400px, 0);
transform: translate(400px, 0);
}
.header-nav li:nth-child(6):hover ul div {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
.header-nav li:nth-child(6):hover ~ #marker {
-webkit-transform: translate(500px, 0);
-moz-transform: translate(500px, 0);
-ms-transform: translate(500px, 0);
transform: translate(500px, 0);
}
.header-nav li:nth-child(7):hover ul div {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
.header-nav li:nth-child(7):hover ~ #marker {
-webkit-transform: translate(600px, 0);
-moz-transform: translate(600px, 0);
-ms-transform: translate(600px, 0);
transform: translate(600px, 0);
}
.header-nav li:nth-child(8):hover ul div {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
.header-nav li:nth-child(8):hover ~ #marker {
-webkit-transform: translate(700px, 0);
-moz-transform: translate(700px, 0);
-ms-transform: translate(700px, 0);
transform: translate(700px, 0);
}
.header-nav li:nth-child(9):hover ul div {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
.header-nav li:nth-child(9):hover ~ #marker {
-webkit-transform: translate(800px, 0);
-moz-transform: translate(800px, 0);
-ms-transform: translate(800px, 0);
transform: translate(800px, 0);
}
.chunktop{ height:110px; background:url(../images/chunktop.png) no-repeat center center;}
.chunkbox{ width:180px; height:110px; margin:0 auto; position: relative;}
.chunkbox span{ display:block; height:50px; text-align:center; line-height:50px; font-size:30px; color:#333333; font-weight:bold; padding-top:14px;}
.chunkbox p{ display:block; height:30px; text-align:center; line-height:30px; font-size:16px; color:#9f9f9f;}
.chunktu01{ width: 110px; height: 107px; position: absolute; left: -120px; top:0; background: url(/public/home/images/yu01.png) no-repeat;}
.chunktu02{ width: 87px; height: 125px; position: absolute; right: -100px; top:-15px; background: url(/public/home/images/yu02.png) no-repeat;}
.chunktu03{ width: 143px; height: 102px; position: absolute; left: -140px; top:0; background: url(/public/home/images/yu03.png) no-repeat;}
.chunktu04{ width: 119px; height: 138px; position: absolute; right: -120px; top:-10px; background: url(/public/home/images/yu04.png) no-repeat;}
.about{ width:1280px; height:auto; margin:0 auto; overflow:hidden; zoom:1; padding:30px 0 100px 0;}
.aboutwen{ width:540px; height:auto; overflow:hidden; zoom:1; float:left;}
.aboutwen p{ line-height:30px; font-size:14px; color:#333; text-indent:25px;}
.aboutvideo{ width:680px; height:370px; background:#000; float:right; margin-top:10px; border-radius:10px;}
.news{ width:1280px; height:auto; margin:0 auto; overflow:hidden; zoom:1; padding:50px 0 50px 0; position:relative;}
.newsimg{ width:590px; height:392px; border-radius:5px; position:absolute; left:0;}
.newsimg img{ display:block; width:590px; height:392px; border-radius:20px;}
.newsimgtitle{ position:absolute; left:0px; top:342px; width:590px; height:50px; filter:alpha(Opacity=80);-moz-opacity:0.8;opacity:0.8; background:#000; border-radius:0 0 20px 20px; text-indent:25px; line-height:50px; color:#FFF; font-size:16pxpx;}
.newslist{ width:580px; height:280px; background:#fff; margin-top:15px; margin-right:8px; float:right; box-shadow:0 0 30px -15px #000; border-radius:5px 20px 20px 5px; padding:40px 40px 40px 60px;}
.newslist li.one{ display:block; height:100px; border-bottom:3px solid #f0f5ff; padding-bottom:10px; margin-bottom:10px;}
.newslist li.one h3{ height:33px; line-height:33px;}
.newslist li.one h3 a{ font-size:20px; color:#ef8641;}
.newslist li.one p{ font-size:14px; color:#333; line-height:30px;}
.newslist li{ display:block; height:33px; line-height:33px;}
.newslist li h3{ height:30px; line-height:30px; font-size:14px; font-weight:normal;}
.newslist li h3 a{ font-size:14px; color:#333;}
.newslist li h3 span{ float:right; color:#999999; font-size:14px;}
.environment{ min-width:1280px; height:auto; overflow:hidden; zoom:1; background:url(/home/images/caochang.jpg) no-repeat center top; padding:70px 0 80px 0;}
.environment .chunkbox{ width:180px; height:110px; margin:0 auto;}
.environment .chunkbox span{ display:block; height:50px; text-align:center; line-height:50px; font-size:30px; color:#fff; font-weight:bold; padding-top:14px;}
.environment .chunkbox p{ display:block; height:30px; text-align:center; line-height:30px; font-size:16px; color:#9f9f9f;}
.poster-main{
position: relative;
margin:60px auto 0 auto;
}
.poster-main .poster-list .poster-item{
position: absolute;
left: 0;
top: 0;
}
.poster-main .poster-btn{
position: absolute;
top: 0;
cursor: pointer;
}
.poster-main .poster-prev-btn{
left: 0;
background: url("../images/btn_l.png") no-repeat center center;
}
.poster-main .poster-next-btn{
right: 0;
background: url("../images/btn_r.png") no-repeat center center;
}
.poster-item{ position:relative;}
.poster-item span{ display:block; width:100%; height:50px; line-height:50px; color:#333; text-align:center; font-size:16px; font-weight:bold; background:url(../images/huanjing.png) no-repeat center center;}
.poster-item img{ border-radius:20px;}
.activity{ min-width:1280px; background:#F0F0F0; padding:70px 0 40px 0; background: url(/home/images/sybg_011.jpg) no-repeat top center; }
/*@keyframes animatedBackground {
from { background-position: 0 350px; }
to { background-position: 100% 350px; }
}*/
.actbox{ width:1280px; height:auto; overflow:hidden; zoom:1; margin:0 auto; padding-top:80px;}
.actbox ul{ display:block; width:1350px; height:auto; overflow:hidden; zoom:1; }
.actbox li{ width:414px; height:345px; display:block; float:left; position:relative; margin: 0 5px 30px 5px;}
.actbox li a span{ display:block; height:40px; line-height:40px; text-align:center; color:#333; font-size:16px;}
.actbox li .yinying{ width:414px; height: 283px; background: url(/home/images/yinying.png) no-repeat center bottom;}
.actbox li .yinying img{ display: block; width: 360px; height: 255px; margin: 0 auto;}
.syfooter{ min-width:1280px; height:auto; overflow:hidden; zoom:1; background:url(../images/sybg_03.jpg) no-repeat center top; padding-top:100px;}
.honor{ width:1280px; height:660px; margin:0 auto; padding-top:30px;}
.honor a{ display:block; width:300px; height:40px; line-height:40px; text-align:center; border-radius:5px; color:#fff; font-size:20px; background:#ef8641; margin:40px auto 0 auto;}
.honor ul{ display:block; height:auto; overflow:hidden; zoom:1; width:1350px; text-align: center;}
.honor li{ display:inline-block; width:330px; height:210px; border-radius:10px; -webkit-box-shadow:0 0 10px #000; -moz-box-shadow:0 0 10px #000; box-shadow:0 0 10px #000; margin:20px 40px;}
.honor li img{ display:block; width:330px; height:210px; border-radius:10px;}
/*.footer{ height:202px; margin:0 auto; filter:alpha(Opacity=80);-moz-opacity:0.8;opacity:0.8; background:#fff; overflow:hidden; zoom:1; padding:59px 0;}*/
.footer{ height:202px; margin:0 auto; background:#ef8641; overflow:hidden; zoom:1; padding:59px 0 0 0;}
.footerbox{ width:1000px; height:auto; overflow:hidden; zoom:1; margin:0 auto;}
.erweima{ width:300px; height:118px; overflow:hidden; zoom:1; float:left;}
.erweima img{ width:102px; height:102px; float:left; margin-right:25px; border:1px solid #d6d6d6; padding:7px; background: #fff;}
.footinfo{ float:right; width:700px; height:118px; overflow:hidden; zoom:1;}
.footinfo p{ height:36px; line-height:36px; font-size:14px; color:#fff;}
.nybox{ width:1190px; margin:20px auto 0 auto; padding:5px 5px 70px 5px; background: url(../images/toumingny.png); overflow: hidden; zoom:1; border-radius: 10px 0 0 0;}
/*left*/
.left{ float:left; width:270px; padding:0 5px 0 0;}
.left_menu{ width:270px; height:77px; background:#ef8641; border-radius:10px 0 0 0; line-height: 77px; color: #fff; font-size:30px; text-align: center;}
.left_menu span{ display:block; padding:0 0 0 40px; font-family:黑体,宋体,微软雅黑;}
.left_menu span.cn{ font-size:30px; color:#fff; line-height:50px;}
.left_menu span.en{ font-size:14px; color:#95c0d8;word-spacing:8px; letter-spacing: 2px;}
.left ul.left_nav{ background:#fff;}
.left ul.left_nav li{ margin:0 auto; height:auto; background:url(../images/newslid.png) no-repeat 30px 20px;}
.left ul.left_nav li a{ display:block;width:180px; height:50px; margin:0 auto;border-bottom:1px solid #f1f1f1; padding:0 0 0 60px;color:#313131; }
.left ul.left_nav li a span{ display:block;}
.left ul.left_nav li a span.cn{ font-size:16px; line-height:50px;}
.left ul.left_nav li a span.en{word-spacing:5px; letter-spacing:0.5px;}
.left ul.left_nav li:hover,.left ul.left_nav li.act{ background:#ebebeb url(../images/leftnavh.png) left top no-repeat;}
.left ul.left_nav li a:hover{ color:#ce0404}
.left ul.left_nav li.level1{display:none;background:#f2f2f2;border-top:1px solid #fff;}
.left ul.left_nav li.level1 a{padding:0 0 0 100px;width:150px;color:#062563;background:url(/UploadFile/201610/17/13431292221.png) 80px center no-repeat}
.left ul.left_nav li.level2{display:none}
.left ul.left_nav li.level1 a:hover,.left ul.left_nav li.level1.act a{color:#ce0404}
.left ul.left_nav li ul li{ line-height: 50px; background: none;}
.left ul.left_nav li ul li:hover{ background: none;}
.left ul.left_nav li ul li a{ font-size: 14px; color:#003366; padding-left:90px;}
/*right*/
.right{ float:right; width:900px; padding:0 0 0 5px;}
.Menu{ height:44px; border-bottom:1px solid #e5e5e5; margin:0 15px;}
.Menu span{ display:block; float:left; padding:10px 10px 0 30px; border-bottom:3px solid #e5e5e5;line-height:33px; font-size:16px; color:#003366; font-weight:bold; background:url(../images/menucdbg.png) 5px 18px no-repeat;}
.currentlocation{ float:right; line-height:44px; color:#666; padding:0 10px;}
.currentlocation a{ color:#666;}
.right .Menu{ margin:0;}
.contenttop h2{ line-height: 30px; font-size: 16px; text-align: center; color: #333; margin: 0; padding: 0;}
.contenttop p{ height: 20px; line-height: 20px; font-size: 12px; text-align: center; color: #666;}
.content{padding: 20px 20px;}
.content p{ line-height:30px; font-size:14px; color:#666; text-indent: 30px;}
.content img{ margin: 10px 0;}
.nyfengcai{ width:900px; height: auto; overflow: hidden; zoom:1; float: right;}
.nyfengcai ul{ width:1000px; height: auto; overflow: hidden; zoom:1;}
.nyfengcai li{ width:250px; height:410px; display: block; float: left; border:1px solid #1f317f; margin: 20px 42px 20px 10px; border-radius: 5px; padding: 3px;box-shadow: 5px 5px 5px #cccccc;}
.nyfengcai li a .img{ width:250px; height:360px;}
.nyfengcai li a .img img{ display: block; width: 100%; height: 100%;}
.nyfengcai li a h4{ height:50px; line-height:50px; text-align: center; font-size: 20px; text-align: center; color:#666666;}
.nyhuanjing{ width:900px; height: auto; overflow: hidden; zoom:1; float: right;}
.nyhuanjing ul{ width:1000px; height: auto; overflow: hidden; zoom:1;}
.nyhuanjing li{ width:400px; height:400px; display: block; float: left; border-bottom:3px solid #1f317f; margin: 20px 42px 20px 10px; border-radius: 5px; box-shadow: 5px 5px 5px #cccccc;}
.nyhuanjing li a .img{ width:400px; height:300px;}
.nyhuanjing li a .img img{ width: 100%; height: 100%;}
.nyhuanjing li a h4{ margin-top: -25px; height:50px; line-height:50px; text-align: center; font-size: 20px; text-align: center; color:#666666;}
.nyhuanjing li a h4 span{display: inline-block; background: #1f317f; padding:0 20px; color: #fff;}
.nyhuanjing li a p{ line-height: 30px; color: #666; padding: 20px;}
.nyboxnews{ width:870px; float: right; height: auto; overflow: hidden; zoom:1; padding: 0 10px;}
.nyboxnews ul li{ display: block; height:180px; padding:10px; margin-bottom: 20px; border:1px solid #ddd; background:#fff; border: 5px;}
.nyboxnews ul li a span{ color:#bbb; line-height:24px;}
.nyboxnews ul li a h4{ font-weight:normal;font-size:16px;line-height:30px;padding:5px 0; height:30px; overflow:hidden; color:#333;}
.nyboxnews ul li a .img{width:300px; height:180px; float: left; margin-right: 20px; overflow:hidden; background: #ccc;}
.nyboxnews ul li a .img img{ width:100%; height:auto;transition:transform 1s;}
.nyboxnews ul li a p{ color:#bbb; line-height:24px;}
.nyboxnews ul li:hover{background:#1f317f;}
.nyboxnews ul li:hover span{color:#fff;}
.nyboxnews ul li:hover h4{ color:#fff;}
.nyboxnews ul li:hover p{color:#fff;}
.nyboxnews ul li:hover .img img{transform:scale(1.5,1.5);}
.nyboxnewss{ width:870px; float: right; height: auto; overflow: hidden; zoom:1; padding: 0 10px;}
.nyboxnewss ul li{ display: block; height:180px; padding:10px; margin-bottom: 20px; border:1px solid #ddd; background:#fff; border: 5px;}
.nyboxnewss ul li a span{ color:#bbb; line-height:24px;}
.nyboxnewss ul li a h4{ font-weight:normal;font-size:16px;line-height:30px;padding:5px 0; height:30px; overflow:hidden; color:#333;}
.nyboxnewss ul li a .img{width:300px; height:180px; float: left; margin-right: 20px; overflow:hidden; background: #ccc;}
.nyboxnewss ul li a .img img{ width:100%; height:auto;transition:transform 1s;}
.nyboxnewss ul li a p{ color:#bbb; line-height:24px;}
.nyboxnewss ul li:hover{background:#1f317f;}
.nyboxnewss ul li:hover span{color:#fff;}
.nyboxnewss ul li:hover h4{ color:#fff;}
.nyboxnewss ul li:hover p{color:#fff;}
.flexslider{position:relative;height:auto;overflow:hidden;background:url(images/loading.gif) 50% no-repeat;}
.slides li{height:auto;}
.flex-control-nav{position:absolute;bottom:5px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(/public/home/images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a.flex-prev{left:10px;background:url(/home/images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:10px;background:url(/home/images/next.png) center center no-repeat;}
.aboutnews{ height:auto; background:url(../images/sybg_01.jpg) no-repeat center top; overflow:hidden; zoom:1; padding: 80px 0 0 0;}
.aboutdown{background:url(../images/bignewsbg.jpg) no-repeat center top #F0F0F0; min-width: 1280px; padding: 40px 0 70px 0;}
.bignews{ min-width: 1280px; padding: 40px 0 70px 0;}
a.tel{ display: none;}
.kefu{ position: fixed; width: 60px; height:198px; top:70%; right:20px; z-index: 99999;}
.kefu a{ display: block; width: 60px; height:66px; background:url(/home/images/kefu.jpg) no-repeat;}
.kefu a.qq{ background-position: 0 0;}
.kefu a.bm{ background-position: 0 -66px;}
.kefu a.yj{ background-position: 0 -132px;}
}
@media screen and (min-width:767px) and (max-width:1280px){
.wrapper{ min-width:1190px; margin:0 auto; overflow:hidden; zoom:1;}
.header{ min-width: 1190px; height: auto; overflow: hidden; zoom:1;}
.header-logo{ float:left; width:300px; height:auto;}
.header-logo img{ width:300px; height: auto;}
.header-nav{ width:810px; float: right; height: 128px; overflow: hidden; zoom:1;}
.header-nav li{ display:block; float: left; width: 90px; height:auto; text-align:center; position: relative;}
.header-nav li a{ display:block; width:90px; height:50px; margin-top:40px; color:#333; font-size:18px;}
.header-nav li a span{ display:block; font-size:13px;}
.header-nav li a:hover{ color:#ef8641;}
.caidan{ display:none;}
.banner{ min-width:1190px;}
.youlian{
height:auto;
overflow:hidden;
zoom:1;
text-align: center;
padding-top: 10px;
}
.youlian a{
height: 30px;
line-height:30px;
color: #333;
padding-right:6px;
color: #fff;
}
.youlian p{
color: #fff;
height: 30px;
line-height:30px;
}
#nsul{
display: none;
}
#hdul{
display: none;
}
#newsul{
display: none;
}
#huodongsul{
display: none;
}
.yidongnav{
display: none;
}
.yuansuo{
width:960px;
height: auto;
margin: 0 auto;
overflow: hidden;
zoom:1;
padding: 50px 0;
}
.yuansuo li{
float:left;
margin: 10px 10px;
}
#marker {
height: 6px;
background: #1f317f !important;
position: absolute;
top: 0;
width: 90px;
z-index: 2;
-webkit-transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
transition: all 0.35s;
}
.header-nav li:nth-child(1):hover ul div {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
.header-nav li:nth-child(1):hover ~ #marker {
-webkit-transform: translate(0px, 0);
-moz-transform: translate(0px, 0);
-ms-transform: translate(0px, 0);
transform: translate(0px, 0);
}
.header-nav li:nth-child(2):hover ul div {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
.header-nav li:nth-child(2):hover ~ #marker {
-webkit-transform: translate(100px, 0);
-moz-transform: translate(100px, 0);
-ms-transform: translate(100px, 0);
transform: translate(100px, 0);
}
.header-nav li:nth-child(3):hover ul div {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
.header-nav li:nth-child(3):hover ~ #marker {
-webkit-transform: translate(200px, 0);
-moz-transform: translate(200px, 0);
-ms-transform: translate(200px, 0);
transform: translate(200px, 0);
}
.header-nav li:nth-child(4):hover ul div {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
.header-nav li:nth-child(4):hover ~ #marker {
-webkit-transform: translate(300px, 0);
-moz-transform: translate(300px, 0);
-ms-transform: translate(300px, 0);
transform: translate(300px, 0);
}
.header-nav li:nth-child(5):hover ul div {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
.header-nav li:nth-child(5):hover ~ #marker {
-webkit-transform: translate(400px, 0);
-moz-transform: translate(400px, 0);
-ms-transform: translate(400px, 0);
transform: translate(400px, 0);
}
.header-nav li:nth-child(6):hover ul div {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
.header-nav li:nth-child(6):hover ~ #marker {
-webkit-transform: translate(500px, 0);
-moz-transform: translate(500px, 0);
-ms-transform: translate(500px, 0);
transform: translate(500px, 0);
}
.header-nav li:nth-child(7):hover ul div {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
.header-nav li:nth-child(7):hover ~ #marker {
-webkit-transform: translate(600px, 0);
-moz-transform: translate(600px, 0);
-ms-transform: translate(600px, 0);
transform: translate(600px, 0);
}
.header-nav li:nth-child(8):hover ul div {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
.header-nav li:nth-child(8):hover ~ #marker {
-webkit-transform: translate(700px, 0);
-moz-transform: translate(700px, 0);
-ms-transform: translate(700px, 0);
transform: translate(700px, 0);
}
.header-nav li:nth-child(9):hover ul div {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
.header-nav li:nth-child(9):hover ~ #marker {
-webkit-transform: translate(800px, 0);
-moz-transform: translate(800px, 0);
-ms-transform: translate(800px, 0);
transform: translate(800px, 0);
}
.chunktop{ height:110px; background:url(../images/chunktop.png) no-repeat center center;}
.chunkbox{ width:180px; height:110px; margin:0 auto; position: relative;}
.chunkbox span{ display:block; height:50px; text-align:center; line-height:50px; font-size:40px; color:#333333; font-weight:bold; padding-top:14px;}
.chunkbox p{ display:block; height:30px; text-align:center; line-height:30px; font-size:18px; color:#9f9f9f;}
.chunktu01{ width: 110px; height: 107px; position: absolute; left: -120px; top:0; background: url(/public/home/images/yu01.png) no-repeat;}
.chunktu02{ width: 87px; height: 125px; position: absolute; right: -100px; top:-15px; background: url(/public/home/images/yu02.png) no-repeat;}
.chunktu03{ width: 143px; height: 102px; position: absolute; left: -140px; top:0; background: url(/public/home/images/yu03.png) no-repeat;}
.chunktu04{ width: 119px; height: 138px; position: absolute; right: -120px; top:-10px; background: url(/home/images/yu04.png) no-repeat;}
.about{ max-width:1190px; height:auto; margin:0 auto; overflow:hidden; zoom:1; padding:50px 0 50px 0;}
.aboutwen{ width:520px; height:auto; overflow:hidden; zoom:1; float:left;}
.aboutwen p{ line-height:26px; font-size:14px; color:#333; text-indent:25px;}
.aboutvideo{ width:650px; height:350px; background:#000; float:right; margin-top:10px; border-radius:5px;}
.news{ min-width:1190px; height:auto; margin:0 auto; overflow:hidden; zoom:1; padding:50px 0 50px 0; position:relative;}
.newsimg{ width:590px; height:392px; border-radius:5px; position:absolute; left:0;}
.newsimg img{ display:block; width:590px; height:392px; border-radius:5px;}
.newsimgtitle{ position:absolute; left:0px; top:342px; width:590px; height:50px; filter:alpha(Opacity=80);-moz-opacity:0.8;opacity:0.8; background:#000; border-radius:0 0 5px 5px; text-indent:25px; line-height:50px; color:#FFF; font-size:16pxpx;}
.newslist{ width:540px; height:280px; background:#fff; margin-top:15px; margin-right:8px; float:right; box-shadow:0 0 30px -15px #000; border-radius:5px 5px 5px 5px; padding:40px 20px 40px 40px;}
.newslist li.one{ display:block; height:100px; border-bottom:3px solid #f0f5ff; padding-bottom:10px; margin-bottom:20px;}
.newslist li.one h3{ height:33px; line-height:33px;}
.newslist li.one h3 a{ font-size:20px; color:#1f317f;}
.newslist li.one p{ font-size:14px; color:#333; line-height:30px;}
.newslist li{ display:block; height:33px; line-height:33px;}
.newslist li h3{ height:30px; line-height:30px; font-size:14px; font-weight:normal;}
.newslist li h3 a{ font-size:14px; color:#333;}
.newslist li h3 span{ float:right; color:#999999; font-size:14px;}
.environment{ min-width:1190px; height:auto; overflow:hidden; zoom:1; background:url(/home/images/caochang.jpg) no-repeat center top; padding:70px 0 80px 0;}
.environment .chunkbox{ width:180px; height:110px; margin:0 auto;}
.environment .chunkbox span{ display:block; height:50px; text-align:center; line-height:50px; font-size:40px; color:#fff; font-weight:bold; padding-top:14px;}
.environment .chunkbox p{ display:block; height:30px; text-align:center; line-height:30px; font-size:18px; color:#9f9f9f;}
.poster-main{
position: relative;
margin:100px auto 0 auto;
}
.poster-main .poster-list .poster-item{
position: absolute;
left: 0;
top: 0;
}
.poster-main .poster-btn{
position: absolute;
top: 0;
cursor: pointer;
}
.poster-main .poster-prev-btn{
left: 0;
background: url("../images/btn_l.png") no-repeat center center;
}
.poster-main .poster-next-btn{
right: 0;
background: url("../images/btn_r.png") no-repeat center center;
}
.poster-item{ position:relative;}
.poster-item span{ display:block; width:100%; height:50px; line-height:50px; color:#fff; text-align:center; font-size:16px; font-weight:bold; background:url(../images/huanjing.png) no-repeat center center;}
.poster-item img{ border-radius:5px;}
.activity{ min-width: 1190px; background:#FFF; padding:150px 0 100px 0;}
.actbox{ min-width:1190px; height:auto; overflow:hidden; zoom:1; margin:0 auto; padding-top:80px;}
.actbox ul{ display:block; width:1350px; height:auto; overflow:hidden; zoom:1; }
.actbox li{ width:390px; height:345px; display:block; float:left; position:relative; margin-right:25px; margin-bottom:30px;}
.actbox li a span{ display:block; height:70px; line-height:70px; text-align:center; color:#333; font-size:16px;}
.syfooter{ min-width:1190px; height:1073px; overflow:hidden; zoom:1; background:url(../images/sybg_03.jpg) no-repeat center top; padding-top:150px;}
.honor{ min-width:1190px; height:600px; margin:0 auto; padding-top:100px;}
.honor a{
display: block;
width: 300px;
height: 40px;
line-height: 40px;
text-align: center;
border-radius: 5px;
color: #fff;
font-size: 20px;
background: #ef8641;
margin: 40px auto 0 auto;
}
.honor ul{ display:block; height:auto; overflow:hidden; zoom:1; width:1350px; padding-left:10px;}
.honor li{ display:block; width:380px; height:230px; float:left; border-radius:10px; -webkit-box-shadow:0 0 10px #000; -moz-box-shadow:0 0 10px #000; box-shadow:0 0 10px #000; margin:10px 15px 10px 0;}
.honor li img{ display:block; width:380px; height:230px; border-radius:10px;}
.footer{ height:202px; margin:0 auto; filter:alpha(Opacity=80);-moz-opacity:0.8;opacity:0.8; background:#fff; overflow:hidden; zoom:1; padding:59px 0;}
.footerbox{ min-width:1190px; height:auto; overflow:hidden; zoom:1; margin:0 auto;}
.erweima{ width:300px; height:118px; overflow:hidden; zoom:1; float:left;}
.erweima img{ width:102px; height:102px; float:left; margin-right:25px; border:1px solid #d6d6d6; padding:7px;}
.footinfo{ float:right; width:890px; height:118px; background:url(../images/foottel.png) no-repeat top right; overflow:hidden; zoom:1;}
.footinfo p{ height:36px; line-height:36px; font-size:14px; color:#333;}
.nybox{ width:1190px; margin:20px auto 0 auto; padding:5px 5px 70px 5px; background: url(../images/toumingny.png); overflow: hidden; zoom:1; border-radius: 10px 0 0 0;}
/*left*/
.left{ float:left; width:270px; padding:0 5px 0 0;}
.left_menu{ width:270px; height:77px; background:#ef8641; border-radius:10px 0 0 0; line-height: 77px; color: #fff; font-size:30px; text-align: center;}
.left_menu span{ display:block; padding:0 0 0 40px; font-family:黑体,宋体,微软雅黑;}
.left_menu span.cn{ font-size:30px; color:#fff; line-height:50px;}
.left_menu span.en{ font-size:14px; color:#95c0d8;word-spacing:8px; letter-spacing: 2px;}
.left ul.left_nav{ background:#fff;}
.left ul.left_nav li{ margin:0 auto; height:auto; background:url(../images/newslid.png) no-repeat 30px 20px;}
.left ul.left_nav li a{ display:block;width:180px; height:50px; margin:0 auto;border-bottom:1px solid #f1f1f1; padding:0 0 0 60px;color:#313131; }
.left ul.left_nav li a span{ display:block;}
.left ul.left_nav li a span.cn{ font-size:16px; line-height:50px;}
.left ul.left_nav li a span.en{word-spacing:5px; letter-spacing:0.5px;}
.left ul.left_nav li:hover,.left ul.left_nav li.act{ background:#ebebeb url(../images/leftnavh.png) left top no-repeat;}
.left ul.left_nav li a:hover{ color:#ce0404}
.left ul.left_nav li.level1{display:none;background:#f2f2f2;border-top:1px solid #fff;}
.left ul.left_nav li.level1 a{padding:0 0 0 100px;width:150px;color:#062563;background:url(/UploadFile/201610/17/13431292221.png) 80px center no-repeat}
.left ul.left_nav li.level2{display:none}
.left ul.left_nav li.level1 a:hover,.left ul.left_nav li.level1.act a{color:#ce0404}
.left ul.left_nav li ul li{ line-height: 50px; background: none;}
.left ul.left_nav li ul li:hover{ background: none;}
.left ul.left_nav li ul li a{ font-size: 14px; color:#003366; padding-left:90px;}
/*right*/
.right{ float:right; width:900px; padding:0 0 0 5px;}
.Menu{ height:44px; border-bottom:1px solid #e5e5e5; margin:0 15px;}
.Menu span{ display:block; float:left; padding:10px 10px 0 30px; border-bottom:3px solid #e5e5e5;line-height:33px; font-size:16px; color:#003366; font-weight:bold; background:url(../images/menucdbg.png) 5px 18px no-repeat;}
.currentlocation{ float:right; line-height:44px; color:#666; padding:0 10px;}
.currentlocation a{ color:#666;}
.right .Menu{ margin:0;}
.contenttop h2{ line-height: 30px; font-size: 16px; text-align: center; color: #333; margin: 0; padding: 0;}
.contenttop p{ height: 20px; line-height: 20px; font-size: 12px; text-align: center; color: #666;}
.content{padding: 20px 20px;}
.content p{ line-height:30px; font-size:14px; color:#666; text-indent: 30px;}
.content img{ margin: 10px 0;}
.nyfengcai{ width:900px; height: auto; overflow: hidden; zoom:1; float: right;}
.nyfengcai ul{ width:1000px; height: auto; overflow: hidden; zoom:1;}
.nyfengcai li{ width:250px; height:410px; display: block; float: left; border:1px solid #1f317f; margin: 20px 42px 20px 10px; border-radius: 5px; padding: 3px;box-shadow: 5px 5px 5px #cccccc;}
.nyfengcai li a .img{ width:250px; height:360px;}
.nyfengcai li a .img img{ width: 100%; height: 100%; display: block;}
.nyfengcai li a h4{ height:50px; line-height:50px; text-align: center; font-size: 20px; text-align: center; color:#666666;}
.nyhuanjing{ width:900px; height: auto; overflow: hidden; zoom:1; float: right;}
.nyhuanjing ul{ width:1000px; height: auto; overflow: hidden; zoom:1;}
.nyhuanjing li{ width:400px; height:400px; display: block; float: left; border-bottom:3px solid #1f317f; margin: 20px 42px 20px 10px; border-radius: 5px; box-shadow: 5px 5px 5px #cccccc;}
.nyhuanjing li a .img{ width:400px; height:300px;}
.nyhuanjing li a .img img{ width: 100%; height: 100%;}
.nyhuanjing li a h4{ margin-top: -25px; height:50px; line-height:50px; text-align: center; font-size: 20px; text-align: center; color:#666666;}
.nyhuanjing li a h4 span{display: inline-block; background: #1f317f; padding:0 20px; color: #fff;}
.nyhuanjing li a p{ line-height: 30px; color: #666; padding: 20px;}
.nyboxnews{ width:870px; float: right; height: auto; overflow: hidden; zoom:1; padding: 0 10px;}
.nyboxnews ul li{ display: block; height:180px; padding:10px; margin-bottom: 20px; border:1px solid #ddd; background:#fff; border: 5px;}
.nyboxnews ul li a span{ color:#bbb; line-height:24px;}
.nyboxnews ul li a h4{ font-weight:normal;font-size:16px;line-height:30px;padding:5px 0; height:30px; overflow:hidden; color:#333;}
.nyboxnews ul li a .img{width:300px; height:180px; float: left; margin-right: 20px; overflow:hidden; background: #ccc;}
.nyboxnews ul li a .img img{ width:100%; height:auto;transition:transform 1s;}
.nyboxnews ul li a p{ color:#bbb; line-height:24px;}
.nyboxnews ul li:hover{background:#1f317f;}
.nyboxnews ul li:hover span{color:#fff;}
.nyboxnews ul li:hover h4{ color:#fff;}
.nyboxnews ul li:hover p{color:#fff;}
.nyboxnews ul li:hover .img img{transform:scale(1.5,1.5);}
.flexslider{ min-width:1190px; position:relative;height:auto;overflow:hidden;background:url(images/loading.gif) 50% no-repeat;}
.slides li{height:auto;}
.flex-control-nav{position:absolute;bottom:5px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(/home/images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a.flex-prev{left:10px;background:url(/home/images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:10px;background:url(/home/images/next.png) center center no-repeat;}
.aboutnews{ min-width:1190px; height:auto; background:url(../images/sybg_01.jpg) no-repeat center top; overflow:hidden; zoom:1; padding: 100px 0 100px 0;}
.bignews{background: #F0F0F0; min-width: 1280px; padding: 40px 0 70px 0;}
a.tel{ display: none;}
/*固定的悬浮窗*/
.yb_conct{position:fixed;z-index:9999999;top:200px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#ff4a00 url(/public/home/images/rightbar.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#ff4a00 url(/public/home/images/rightbar.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#ff4a00 url(/public/home/images/rightbar.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#ff4a00 url(/public/home/images/rightbar.png) no-repeat 0 -169px;}
.hd_qr{padding:0 29px 25px 29px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}
}
@media (max-width: 767px) {
.wrapper{ width:100%; overflow:hidden; zoom:1;}
.header-logo{ width:100%; height:auto; overflow:hidden; zoom:1;}
.logo{ width:40%; height:auto; float:left; margin-left:10px;}
.logo img{ width:100%; height:auto;}
.caidan{ display:block; width:40px; height:30px; float:right; color:#fff; background:#ef8641; line-height:30px; text-align:center; margin-top:10px; margin-right:10px;}
.header-nav{ display:none; z-index:999; overflow: hidden; zoom:1;}
.header-nav li{ display:block; height:auto; line-height:30px;}
.header-nav li a{ display:block; padding:10px 20px; line-height: 30px; color:#333;}
.header-nav li a:hover{ background:#ef8641; color:#fff;}
.header-nav li a span{ display:none;}
.youlian{
height:auto;
overflow:hidden;
zoom:1;
text-align: center;
padding-top: 10px;
}
.youlian a{
height: 30px;
line-height:30px;
color: #333;
padding-right:6px;
color: #ef8641;
}
.youlian p{
color: #ef8641;
height: 30px;
line-height:30px;
}
#newsul{
display: none;
}
#huodongsul{
display: none;
}
.header-nav li #newsul li{ padding-left: 0px; background: #ccc;}
.header-nav li #huodongsul li{ padding-left: 20px; background: #ccc;}
.header-nav li a.yidongnav{
display: none;
}
.yuansuo{
height: auto;
margin: 0 auto;
overflow: hidden;
zoom:1;
padding: 50px 0;
}
.yuansuo li{
float:left;
margin: 10px 10px 10px 30px;
}
.chunktop{ height:70px; background:url(../images/chunktop.png) no-repeat center center; background-size:150%;}
.chunkbox{ width:180px; height:70px; margin:0 auto; position: relative;}
.chunkbox span{ display:block; height:30px; text-align:center; line-height:30px; font-size:14px; color:#333333; font-weight:bold; padding-top:10px;}
.chunkbox p{ display:block; height:20px; text-align:center; line-height:20px; font-size:10px; color:#9f9f9f;}
.chunktu01{ width: 50px; height: 49px; position: absolute; left: -5px; top:10px; background: url(/home/images/yu01.png) no-repeat; background-size: 100%;}
.chunktu02{ width: 40px; height: 57px; position: absolute; right: 0; top:0; background: url(/home/images/yu02.png) no-repeat; background-size: 100%;}
.chunktu03{ width: 50px; height: 35px; position: absolute; left: -5px; top:10px; background: url(/home/images/yu03.png) no-repeat; background-size: 100%;}
.chunktu04{ width: 40px; height: 46px; position: absolute; right: 0; top:10px; background: url(/home/images/yu04.png) no-repeat; background-size: 100%;}
.about{ width:90%; height:auto; margin:0 auto; overflow:hidden; zoom:1; padding:5px 0 5px 0;}
.aboutwen{ width:100%; height:auto; overflow:hidden; zoom:1; float:left;}
.aboutwen p{ line-height:24px; font-size:12px; color:#333; text-indent:25px;}
.aboutvideo{ width:100%; height:200px; background:#000; float:left; margin-top:20px; border-radius:5px;}
.xinhua{display: none;}
.news{ width:90%; height:auto; margin:0 auto; overflow:hidden; zoom:1; padding:20px 0 20px 0;}
.newsimg{ width:100%; height:auto; border-radius:5px; position:relative;}
.newsimg img{ display:block; width:100%; height:100%; border-radius:5px;}
.newsimgtitle{ position:absolute; left:0px; bottom:0; width:100%; height:50px; filter:alpha(Opacity=80);-moz-opacity:0.8;opacity:0.8; background:#000; border-radius:0 0 5px 5px; text-indent:25px; line-height:50px; color:#FFF; font-size:16pxpx;}
.newslist{ width:90%; height:auto; background:#fff; box-shadow:0 0 30px -15px #000; border-radius:5px 5px 5px 5px; padding:5%;}
.newslist li.one{ display:block; height:auto; border-bottom:3px solid #f0f5ff; padding-bottom:10px; margin-bottom:10px;}
.newslist li.one h3{ height:33px; line-height:33px;}
.newslist li.one h3 a{ font-size:20px; color:#1f317f;}
.newslist li.one p{ font-size:14px; color:#333; line-height:30px;}
.newslist li{ display:block; height:33px; line-height:33px;}
.newslist li h3{ height:30px; line-height:30px; font-size:14px; font-weight:normal; overflow:hidden; zoom:1;}
.newslist li h3 a{ font-size:14px; color:#333;}
.newslist li h3 span{ float:right; color:#999999; font-size:14px; display:none;}
/*.environment{ display:none;}*/
.activity{ background:#FFF; padding:40px 0 40px 0;}
.actbox{ width:90%; height:auto; overflow:hidden; zoom:1; margin:0 auto; padding-top:30px;}
.actbox ul{ display:block; width:100%; height:auto; overflow:hidden; zoom:1; }
.actbox li{ width:100%; height:auto; display:block; float:left; margin-bottom:20px;}
.actbox li a span{ display:block; height:30px; line-height:30px; text-align:center; color:#333; font-size:14px;}
.syfooter{ height:auto; overflow:hidden; zoom:1; background:url(../images/sybg_03.jpg) no-repeat center top; padding-top:70px;}
.honor{ width:65%; height:auto; margin:0 auto;}
.honor a{ display:block; width:100%; height:40px; line-height:40px; text-align:center; border-radius:5px; color:#fff; font-size:14px; background:#ef8641; margin:20px auto 30px auto;}
.honor ul{ display:block; height:auto; overflow:hidden; zoom:1; width:80%; padding:10px; margin:0 auto;}
.honor li{ display:block; width:100%; height:auto; border-radius:10px; -webkit-box-shadow:0 0 10px #000; -moz-box-shadow:0 0 10px #000; box-shadow:0 0 10px #000; margin:20px 0;}
.honor li img{ display:block; width:100%; height:auto; border-radius:10px;}
.footer{ height:auto; margin:0 auto; filter:alpha(Opacity=80);-moz-opacity:0.8;opacity:0.8; background:#fff; overflow:hidden; zoom:1; padding:40px 0;}
.footerbox{ width:90%; height:auto; overflow:hidden; zoom:1; margin:0 auto;}
.erweima{ width:100%; height:118px; overflow:hidden; zoom:1;}
.erweima img{ width:102px; height:102px; float:left; margin-right:25px; border:1px solid #d6d6d6; padding:7px;}
.footinfo{ width:100%; height:auto; background:url(../images/foottel.png) no-repeat left top; background-size:96%; overflow:hidden; zoom:1; padding-top:40px;}
.footinfo p{ height:auto; line-height:36px; font-size:14px; color:#333;}
.nybox{ margin:20px auto 0 auto; padding:5px 5px 70px 5px; background: url(../images/toumingny.png); overflow: hidden; zoom:1; border-radius: 10px 0 0 0;}
/*left*/
.left{ display:none;}
/*right*/
.right{ width:90%; margin:0 auto;}
.Menu{ height:auto; border-bottom:1px solid #e5e5e5; margin:0 15px; overflow: hidden;zoom:1;}
.Menu span{ display:block; float:left; padding:10px 10px 0 30px; border-bottom:3px solid #e5e5e5;line-height:33px; font-size:16px; color:#003366; font-weight:bold; background:url(../images/menucdbg.png) 5px 18px no-repeat;}
.currentlocation{ float:right; line-height:44px; color:#666; padding:0 10px; display: none;}
.currentlocation a{ color:#666;}
.right .Menu{ margin:0; overflow: hidden;zoom:1;}
.contenttop{height:auto; overflow: hidden; zoom:1;}
.contenttop h2{ line-height: 30px; font-size: 14px; text-align: center; color: #333;}
.contenttop p{ height: 20px; line-height: 20px; font-size: 12px; text-align: center; color: #666;}
.content{padding:20px 0;}
.content p{ line-height:30px; font-size:14px; color:#666;}
.content img{ margin: 10px 0; width: 100%; height:auto;}
.nyfengcai{ width:90%; height: auto; overflow: hidden; zoom:1; margin: 0 auto;}
.nyfengcai ul{ width:100%; height: auto; overflow: hidden; zoom:1;}
.nyfengcai li{ width:40%; height:250px; display: block; float: left; border:1px solid #1f317f; margin: 10px; border-radius: 5px; padding: 3px;box-shadow: 5px 5px 5px #cccccc;}
.nyfengcai li a .img{ width:100%; height:200px;}
.nyfengcai li a .img img{ display: block; width:100%; height:100%;}
.nyfengcai li a h4{ height:50px; line-height:50px; text-align: center; font-size: 20px; text-align: center; color:#666666;;}
.nyboxnews{ width:100%; height: auto; overflow: hidden; zoom:1; }
.nyboxnews ul li{ display: block; height:auto; padding:10px; margin-bottom: 15px; border:1px solid #ddd; background:#fff; overflow: hidden; zoom:1; border-radius:5px; }
.nyboxnews ul li a span{display:block; color:#bbb;}
.nyboxnews ul li a h4{ font-weight:normal;font-size:14px; overflow:hidden; color:#333;}
.nyboxnews ul li a .img{width:100%; height:auto; overflow:hidden; background: #ccc; margin-bottom: 10px;}
.nyboxnews ul li a .img img{ width:100%; height:auto;transition:transform 1s;}
.nyboxnews ul li a p{ color:#bbb; line-height:20px; overflow:hidden; font-size: 12px;}
.nyboxnews ul li:hover{background:#1f317f;}
.nyboxnews ul li:hover span{color:#fff;}
.nyboxnews ul li:hover h4{ color:#fff;}
.nyboxnews ul li:hover p{color:#fff;}
.nyboxnews ul li:hover .img img{transform:scale(1.5,1.5);}
.nyhuanjing{ width:90%; height: auto; overflow: hidden; zoom:1; margin: 0 auto;}
.nyhuanjing ul{ width:100%; height: auto; overflow: hidden; zoom:1;}
.nyhuanjing li{ width:100%; height:auto; display: block; float: left; border-bottom:3px solid #1f317f; margin: 20px 0; border-radius: 5px; box-shadow: 5px 5px 5px #cccccc;}
.nyhuanjing li a .img{ width:100%; height:auto;}
.nyhuanjing li a .img img{ width:100%; height:auto;}
.nyhuanjing li a h4{ margin-top: -15px; height:30px; line-height:30px; text-align: center; font-size:16px; text-align: center; color:#666666;}
.nyhuanjing li a h4 span{display: inline-block; background: #1f317f; padding:0 20px; color: #fff;}
.nyhuanjing li a p{ line-height: 30px; color: #666; padding: 20px;}
.flexslider{position:relative;height:auto;overflow:hidden;background:url(images/loading.gif) 50% no-repeat;}
.slides li{height:auto;}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:30%;}
.flex-direction-nav li a.flex-prev{left:1px; background:url(/public/home/images/prev.png) center center no-repeat; background-size: 40%;}
.flex-direction-nav li a.flex-next{right:1px;background:url(/public/home/images/next.png) center center no-repeat; background-size: 40%;}
.flex-control-nav{position:absolute;bottom:2px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:4px;height:4px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:4px;height:4px;line-height:40px;overflow:hidden;background:url(/home/images/dots.png) right 0 no-repeat;cursor:pointer; background-size:100%;}
.aboutnews{ height:auto; background:url(../images/sybg_01.jpg) no-repeat center top; overflow:hidden; zoom:1; padding:10px 0 10px 0;}
a.tel{ display: block; position: fixed; bottom:0; width: 100%; height: 40px; text-align: center; line-height: 40px; background:#ef8641; font-size: 18px; color:#fff;}
.yb_conct{ display: none;}
.yuanshowzhici {
width:auto;
height:auto;
background: #fff;
overflow: hidden;
zoom: 1;
}
.yuanshowzhicibg {
width:auto;
height: auto;
padding:20px 30px;
background:none;
}
.yuanshowzhicibgimg {
width: 300px;
float:left;
height: 300px;
margin:0 auto;
}
.yuanshowzhicibgimg img {
width: 300px;
height: 300px;
border-radius: 50% 50%;
display: block;
}
.yuanshowzhicibgzc {
width: 300px;
float:left;
height: auto;
margin:0 auto;
}
.yuanshowzhicibgzc img {
width: 300px;
height: 300px;
border-radius: 50% 50%;
display: block;
}
.yuanshowzhicibgzc h2 {
font-size: 32px;
color: #9f947d;
line-height: 32px;
text-align: center;
padding-left:0;
}
.yuanshowzhicibgzc h3 {
font-size: 24px;
color: #e4681c;
line-height: 24px;
padding-bottom: 20px;
text-align: center;
padding-left:0;
}
.yuanshowpic {
width: auto;
height: auto;
overflow: hidden;
zoom: 1;
padding: 30px 0;
margin: 0 auto;
}
.yuanshowpic li {
display: block;
float: left;
width: 120px;
height: 80px;
margin: 10px 0 10px 20px;
border: 10px solid #fff;
border-radius: 10px;
}
.yuanshowpic li img {
display: block;
width: 120px;
height: 80px;
}
.aboutdown{
display: none;
}
}