@charset "utf-8";
/* CSS Document */
body{background:#fff;}
.wrap{width:982px; margin:0 auto; zoom:1;}
.wrap:after,.wrap:before{display:table; content:'';}
.wrap:after{clear:both;}
.textOver{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.over{overflow: hidden;}
.alC{text-align: center;}
.alL{text-align: left;}
.alR{text-align: right;}
.picCenter {text-align: center;}
.picCenter span {display: inline-block;height: 100%;vertical-align: middle;}
.trans{-webkit-transition:all 1000ms ease 0s; -moz-transition:all 1000ms ease 0s; -ms-transition:all 1000ms ease 0s; -o-transition:all 1000ms ease 0s; transition:all 1000ms ease 0s;}
.imgZoom img:hover{transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}
@font-face{font-family: 'yhl1';src: url(../fonts/yhl1.ttf);}
.w_detail{}
.w_detail .title{font-size: 24px;color:#000;padding:40px 0 0;}
.w_detail .content{padding:40px 0;}
.w_detail .content img{max-width: 100%!important;max-height: 100% !important;}
.banner a{display:inline-block;height:423px;width:100%;}
.slideBox{ width:100%;max-width:1920px;max-height:760px; overflow:hidden; position:relative; z-index: 999; margin:0 auto;}
.slideBox .hd{ height:17px; overflow:hidden; position:absolute; /*left:49%;*/ bottom:5px; z-index:1; margin-bottom: 18px;width: 100%;}
.slideBox .hd ul{ overflow:hidden; zoom:1; display: inline-block; }
.slideBox .hd ul li{ float:left; margin-right:9px;  width:17px; height:17px; line-height:14px; text-align:center; background:#fff; cursor:pointer; border-radius: 15px;}
.slideBox .hd ul li.on{ background:url(../images/ban_cur.png);}
.slideBox .bd{ position:relative; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd ul li a{display: inline-block;width:100%;}
.slideBox .bd img{width:100%; height:100%;}
.slideBox .button{position:absolute; top:50%;}
.slideBox .button:hover{opacity:0.8;}
.slideBox .prev{left: 3%;}
.slideBox .next{right: 3%;}
.header{padding:30px 0 0;position: relative;}
.header .nav{padding: 10px 0 0;}
.header .nav li{float: left; padding-bottom:30px;}
.header .nav li .a{font-size: 16px;color: #5f5e5e;display: inline-block;border-bottom: 2px solid #fff;padding:0 10px 10px 10px;margin:0 15px;}
.header .nav li .a:hover{color: #62c7ea;}
.header .nav li .on{color: #62c7ea;border-color: #62c7ea;}
.header .snav{display: none; position: absolute;top:85%;left:0;width: 100%;background: url(../images/zp_t_bg.png) repeat;z-index: 1000;text-align: center;padding:15px 0;border-radius: 3px; text-align:center;}
.header .snav .hwrap{ display: inline-block;float: none; padding:0; margin:0;}
.header .snav div{padding: 4px 0;float: left; margin:0 25px;}
.header .snav div a{font-size: 15px;color: #5f5e5e;}
.header .snav div a{ background-repeat:no-repeat; background-position:center top; padding-top:63px; display:inline-block;}
.header .proNav div a{padding: 63px 5px 0px;}
.header .snav div a:hover{color: #62c7ea;}
.infoNav{ display:none !important;}
.header .snav2 .hwrap{padding-left: 260px;width: 300px;}
.header .snav2 div{ margin:0;width: 85px;}
.header .snav3 .hwrap{padding-left: 370px;}
.header .snav4 .hwrap{padding-left: 800px;}
.header .cg{padding: 10px 0 0 30px;}
.header .cg a{color: #757575;font-size: 14px;}
.header .cg span{color: #757575;font-size: 14px;padding:0 4px;}
.ibox{margin: 2px 0;}
.ibox .box{width: 25%;position: relative; cursor: pointer;}
.ibox .box .bg{width: 100%;}
.ibox .box .p{position: absolute;left:0;top:0;width:100%; height:167px;}
.ibox .box .p span{ display:inline-block; vertical-align:middle; height:100%;}
.ibox .box .w{display: inline-block; vertical-align:middle;}
.ibox .box .w div{color: #fff;font-size: 20px;padding-top: 10px;}
.foot{background: #ececec;padding-top: 55px;}
.foot .box{width: 110px;margin-right: 50px;}
.foot .box .t{font-size: 16px;color: #525252;margin-bottom: 30px;}
.foot .box ul li{line-height:200%;}
.foot .box ul li a{font-size: 14px;color: #8f8f8f;}
.foot .box ul li a:hover{color: #000;}
.foot .mes{border-left: 1px solid #ddd9d9;}
.foot .mes .img{padding: 0 35px 0 50px;}
.foot .mes .t1{font-size: 14px;color: #8f8f8f;}
.foot .mes .t2{font-family: 'yhl1';font-size: 28px;color: #525252;margin:10px 0;}
.foot .mes .t3 a{padding: 0 4px;display: inline-block;}
.foot .mes .t3 a:hover{opacity: 0.8;}
.foot .copyR{padding: 20px 0 25px;border-top: 1px solid #ddd9d9;margin-top: 25px;}
.foot .copyR .w{color: #8e8e8e;padding-bottom: 6px;}
.foot .copyR .wa a{color: #8e8e8e;}
.foot .copyR .wa span{color: #8e8e8e;padding:0 4px;}
.foot .copyR .link{ border:1px solid #d5d5d5;color: #8e8e8e;padding:3px 10px;display: inline-block;cursor: pointer;position: relative;}
.foot .copyR .link span{font-size: 12px;color: #8e8e8e;display: inline-block;vertical-align: middle;padding-left: 10px;}
.foot .copyR .link .list{position: absolute;left:0;bottom: 104%;width: 99%;text-align: center;background: #ECECEC ;border:1px solid #d5d5d5;border-bottom: none;display: none;}
.foot .copyR .link .list a{display: block;padding:5px 0;font-size: 13px;border-bottom: 1px solid #d5d5d5;}
.foot .copyR .lang{display: inline-block;margin-left: 15px;}
.wxShare{position: relative;width: 33px;height: 32px;display: inline-block;vertical-align: middle;}
.wxShare .bdsharebuttonbox{position: absolute;top:0;left:0;}
.wxShare .bdsharebuttonbox .bds_weixin{background:url(../images/share2.jpg) no-repeat center!important;width: 33px;height: 32px;margin:0;padding:0!important;}
.goTop{position: fixed;bottom: 10%;right: 5%;z-index: 11000;display: none;cursor: pointer;}
.info_list{}
.info_list .box{margin-right: 30px;margin-top: 32px;width: 380px;cursor: pointer;}
.info_list .box .picCenter{height: 265px;}
.info_list .box .w{background: #f2f2f2;padding:0 20px; padding-bottom:25px;}
.info_list .box .w .t{padding:20px 0;width:100%;}
.info_list .box .w .t a{font-size: 20px;color: #3f4142;}
.info_list .box .w span{border-bottom: 2px solid #63c8ea;display: inline-block;width: 34px;}
.info_list .box .w .b{padding:15px 0 0;color: #706f6f;line-height: 190%;height: 47px;}
.info_list .box:hover .w{background: #63c8ea;}
.info_list .box:hover .w .t{ color: #fff}
.info_list .box:hover .w span{border-color: #fff;}
.info_list .box:hover .w .b{color: #fff;}
.zpBan{position: relative;}
.zpBan .tc{position: absolute;bottom: 0;left:0;width: 100%;}
.zpBan .tc .fl{width: 50%;}
.zpBan .tc .fl a{display: inline-block;background: url(../images/zp_t_bg.png) repeat;height: 54px;line-height: 54px;text-align: center;color: #595959;font-size: 18px;}
.zpBan .tc .on a{font-weight: bold;color: #fff;background: #63c8ea;}
.zpBan .tcfix{position:fixed;top:0;left:0;bottom:initial;box-shadow: 0px 0px 4px #B4B3B3;z-index: 11000;}
.zpBan .tcfix .wrap{ width:100%;}
.zpBan .tcfix .fl a{ background:#fff;}
.zpBan .tcfix .on a{font-weight: bold;color: #fff;background: #63c8ea;}
.zpBan .tcabs{position:absolute;top:0;left:0;bottom:initial;box-shadow: 0px 0px 4px #B4B3B3;z-index: 11000;}
.zpBan .tcabs .wrap{ width:100%;}
.zpBan .tcabs .fl a{ background:#fff;}
.zpBan .tcabs .on a{font-weight: bold;color: #fff;background: #63c8ea;}
.zp { padding:40px 0;}
.zp .apart{/*color: #424242;font-size: 16px;padding:40px 0;*/ width:200px; margin-right:10px; min-height:1px;}
/*.zp .apart img{vertical-align: middle;margin-right: 20px;}*/
.zp .apart a{color: #828282;font-size: 16px;display: inline-block;height: 46px;line-height: 46px;margin: 0 0 1px; background:#ededed; width:100%; text-align: center;}
.zp .apart a:hover{color: #fff; background:#62c9eb;}
.zp .apart .on{color: #fff; background:#62c9eb;}
.zp .list{padding-bottom: 60px;width:770px;}
.zp .list .box{}
.zp .list .box{border: 1px solid #e9eced;border-top:none;}
.zp .list .box .fl{width: 220px;color: #828282;font-size: 13px;height: 50px;line-height: 50px;border-right: 1px solid #e9eced;}
.zp .list .tbox{background: #eef9fc;border-top:1px solid #e9eced;}
.zp .list .tbox .fl{color: #4e6267;font-weight: bold;}
.zp .list .box .last{border:none;width:120px;}
.zp .list .box .last span{display: inline-block;background: #2cc3e2;color: #fff;width: 84px;height: 30px;line-height: 30px;border-radius: 5px;margin-top: 10px;cursor: pointer;}
.zp .list .box .first{ width:200px;}
.zp .list .content{border: 1px solid #e9eced;border-top:none;padding:40px 30px 30px 30px;display: none;}
.zp .list .content .apply{display: inline-block;width: 84px;height: 30px;line-height: 30px;color: #fff;border-radius: 4px;margin-top: 20px;background: #2cc3e2;text-align: center;font-size: 13px;cursor: pointer;}
.abBan .tc .fl{width: 19.9%; border-right:1px solid #fff;}
.about .title{height: 20px;border-bottom: 1px solid #cbcbcb;margin:85px auto;width: 184px;}
.about .title span{font-size: 28px;color: #747474;background: #fff;padding:0 6px;}
.about .box1{background: url(../images/ab1_bg.jpg) no-repeat right center;height: 512px; position:relative;}
.about .box1 .content{ position:absolute; width:1200px;left: 50%;top:240px;margin-left: -600px; display:none; max-height:288px;}
.about .box2{background: #efeeee;}
.about .box2 .title span{background: #efeeee;}
.picScroll-left{ width:1200px;  overflow:hidden; position:relative;padding-bottom: 110px;}
.picScroll-left .button{display:inline-block;  width:38px; height:38px; overflow:hidden;cursor:pointer;}
.picScroll-left .prev{background:url(../images/abh_l.jpgg") no-repeat;}
.picScroll-left .prev:hover{background:url(../images/abh_l_on.jpgg") no-repeat;}
.picScroll-left .next{background:url(../images/abh_r.jpgg") no-repeat;}
.picScroll-left .next:hover{background:url(../images/abh_r_on.jpgg") no-repeat;}
.picScroll-left .pnb{margin-top: 70px;border-bottom: 1px solid #d7d6d6;height: 17px;}
.picScroll-left .hd{display: none;}
.picScroll-left .bd{}
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;}
.picScroll-left .bd ul li .pic{border:1px solid #e1e1e1;width: 283px;height: 212px;}
.picScroll-left .bd ul li .pic img{ max-width:100%; max-height:100%;}
.picScroll-left .bd ul li .t{font-size: 16px;color: #747474;margin-top: 20px;}
.about .box3{padding-bottom: 100px; position:relative;height: 650px;}
.about .box3 .content{ position:absolute; width:1200px;left: 50%;top:240px;margin-left: -600px; max-height:460px; display:none;}
.about .box4{/*background: #ebebeb url(../images/ab2_bg.png) no-repeat center;*/position: relative;}
.about .box4 .abs{ /*position:absolute;left:0;width:100%;top:40px;*/ text-align:center;margin: 0 0 35px 0;}
.about .box4 .sline{ border-bottom:1px solid #989595; display: inline-block;height: 20px;width:30px; vertical-align:middle;}
.about .box4 .title{ border:none;margin: 0px auto; display:inline-block;vertical-align:middle; padding:0;width: 140px;}
.about .box4 .title span{background: none;}
.about .box4 .Content .b{ height:655px;width:100%;}
.about .box4 .year{background:#eeeeee; width: 100%;}
.picScroll-left2{ width:1130px;  position:relative;margin:0 auto;padding:40px 0 30px;}
.picScroll-left2 .button{display:inline-block;  width:36px; height:36px; overflow:hidden;cursor:pointer;position: absolute;top: 30px;}
.picScroll-left2 .prev{background:url(../images/his_l.pngg") no-repeat;left:-40px;}
.picScroll-left2 .next{background:url(../images/his_r.pngg") no-repeat;right:-60px;}
.picScroll-left2 .hd{display: none;}
.picScroll-left2 .bd{}
.picScroll-left2 .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left2 .bd ul li{width: 115px; float:left; _display:inline; overflow:hidden; text-align:center;background: url(../images/his_ball.png) no-repeat center top;padding-top: 30px;cursor: pointer;}
.picScroll-left2 .bd ul .on{background: url(../images/his_ball_on.png) no-repeat center top;}
.picScroll-left2 .bd ul .on .t{font-weight: bold;color: #71cdec;}
.picScroll-left2 .bd ul li .t{font-size: 16px;color: #646464;}
.about .box4 .hContent{}
.about .box4 .hContent .cy{margin:0 auto;background: #71cdec;color: #fff;font-weight: bold;font-size: 24px;width: 113px;height: 113px;line-height: 113px;border-radius: 113px;}
.about .box4 .hContent .c{margin-top: 45px;font-size: 16px;color: #747474;}
.about .box5{padding-bottom: 70px; position:relative;height: 500px;}
.about .box5 .content{position:absolute; width:1200px;left: 50%;top:240px;margin-left: -600px; max-height:320px; display:none;}
.article{ max-width:1920px; margin: 0 auto; overflow:hidden;}
.article .box{ width:100%;margin-top: 1px;}
.article .artFix{ position:fixed;top:0;left:0;}
.article .box .bf{width: 100%;height: 423px;}
.article .box .bf .t{font-size: 40px;color: #fff;font-weight: bold;padding:115px 0 40px;}
.article .box .bf .b{font-size: 18px;color: #fff;}
.article .box .bf .button{margin-top: 60px;}
.article .box .bf .button span{display: inline-block;border:2px solid #fff;color: #fff;font-size: 14px;height: 44px;line-height: 44px;padding:0 50px;cursor: pointer;}
.trans2{-webkit-transition:all 600ms ease 0s; -moz-transition:all 600ms ease 0s; -ms-transition:all 600ms ease 0s; -o-transition:all 600ms ease 0s; transition:all 600ms ease 0s;}
.article .box .bf .button span:hover{background: #62c7ea;border-color: #62c7ea;}
.article .box .bf .button .on{background: #62c7ea;border-color: #62c7ea;}
.article .box .content{}
.article .box .content img{max-width: 1920px;max-height: 100%;width:100% !important; height:100% !important;}
.other{padding:50px 0;height: 200px;}
.other .t{font-size: 26px;margin-bottom: 15px;}
.other .t span{display: inline-block;margin-right: 5px;border-left: 5px solid #62C7EA;height: 30px;vertical-align: middle;}
@media only screen and (min-width: 1920px){
	.article .artFix{ position:fixed;top:0;left:-50%; margin-left:951px;}
}
@media only screen and (max-width: 1680px){
	/*.ibox .box .w{top: 60px;}*/
	.slideBox{}
	/*.article .artFix{ margin-left:831px;}*/
}
@media only screen and (max-width: 1440px){
	.about .box1{background: none;}
	/*.ibox .box .w{top: 35px;}*/
	/*.article .artFix{ margin-left:711px;}*/
}
@media only screen and (max-width: 1300px){
	/*.ibox .box .w{top: 20px;}*/
}
@media only screen and (max-width: 1200px){
	/*.article .artFix{ margin-left:592px;}*/
}
@media only screen and (max-width: 1024px){
	/*.ibox .box .w{top: 10px;}*/
	/*.article .artFix{ margin-left:503px;}*/
}
/* 320 480 640 768 800
@media only screen and (max-width: 960px){
}
@media only screen and (max-width: 800px){
@media only screen and (max-width: 768px){
}
@media only screen and (max-width: 640px){
}
@media only screen and (max-width: 480px){
}
@media only screen and (max-width: 360px){
} */