@charset "utf-8";

body{ color:#333; font-size:14px;font-family: "Microsoft Yahei";} /*??????????*/
body,ul,ol,li,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,img,span,input{margin:0;padding:0;list-style:none;}
a { color:#333; text-decoration:none;font-family: "Microsoft Yahei";}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
/*a:hover { text-decoration:underline;}*/
img{border:none;}
.vam { vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ font-family: "Microsoft Yahei"; }
h1,h2,h3,h4,h5,h6{ font-family:"Microsoft Yahei";}

.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}
i,em{ font-style:normal;}
.clearfix:after{content:"";height:0;clear:both;display:block;visibility:hidden;}
.clearfix{zoom:1;}

.content{ width:1200px; margin:0 auto;font-family: "Microsoft Yahei";}

.banner{height: 645px;position: relative;}
.bdu{/*width: 100% !important;*/height: 645px;margin:0 auto;text-align:center;}
.bdu li{/*width: 100% !important;*/height: 645px;position:relative;}
.bdu li a{display: block;height: 645px;}
.bdu li img{height:645px;/*margin-left: -960px;position:absolute;left:50%;*/}
.hdu{position: absolute;width: 100%;height: 10px;right: 0;bottom: 44px;text-align: center;}
.hdu li{display: inline-block;width: 12px;height: 12px;background: #333333;margin:0 10px;border-radius: 6px;}
.hdu li.on{background: #23B5DC;}
  
/*fuwu*/
    .fuwu{height: 80px;line-height:45px;display: block;background: #F1F1F1;}
    .fuwu ul li{float:left;padding-right:80px;padding-left:50px;margin-top: 20px;font-size:16px;}
    .fuwu ul li.fwu01{background: url(../images/nlo01.png) no-repeat left;}
.fuwu ul li.fwu02{background: url(../images/nlo02.png) no-repeat left;}
.fuwu ul li.fwu03{background: url(../images/nlo03.png) no-repeat left;}
.fuwu ul li.fwu04{background: url(../images/nlo04.png) no-repeat left;}
.fuwu ul li.fwu05{background: url(../images/dhh.png) no-repeat left;color:red;margin-left:25px;font-size:18px;}
.fuwu ul li.fwu05{padding-right:0;}

/*search*/
.search{height: 63px;border-bottom: 1px solid #e8e8e8;}
.search p{float: left;height: 63px;line-height: 63px;font-size: 12px;color: #666;overflow:hidden; }
.search p b{color: #666666; font-weight:normal; padding-left: 30px; background:url(../images/huo.png) no-repeat left;}
.search p a{margin: 0 10px;color: #aaaaaa;}
.s_box{float: right;width: 500px;height: 63px;background:#fff;}
.s_box .input1{float:left;width:280px;margin:15px 0; padding:10px 0 10px 18px;font-size:12px;color:#333;border:0;background: none;outline: 0; border-left: 1px dashed #dddddd;}
.s_box .input2{float:right;width:100px;height: 63px;border: 0;background:url(../images/sea.png) no-repeat #23B5DC 36px 20px ;outline: 0;cursor: pointer;}

.yz{/*height:716px; background:url(../images/yz_bg.jpg) no-repeat center;*/}
.yz h2{text-align: center; padding-top: 50px;font-size: 34px; line-height: 30px;color: #333; font-weight: normal;}
.yz h2 b{ color: #23B5DC;}
.yz p{padding: 30px 70px; text-align: center; font-size:14px; line-height: 26px; color: #666666;}
.yz i{ width: 1200px; height: 450px; display: block;}
.yz video{width: 800px; height: 450px; display: block;margin:0 auto;}

.pz h2{text-align: center; padding-top: 70px;font-size: 34px; line-height: 24px;color: #23B5DC; font-weight: normal;}
.pz  h2 span{ display: block;font-size: 20px;line-height: 24px; color:#666666;padding-top: 16px;padding-bottom: 36px;}
.pz .pz_con{ height: 433px; background:url(../images/pz_s.jpg) no-repeat center; margin-bottom: 70px;}
.pz .pz_con li{float: left; width:300px; height: 215px; position:relative; overflow:hidden;}
.pz .pz_con li b{padding: 45px 35px; display: block;font-weight: normal; }
.pz .pz_con li span{display: block; font-size: 20px; color: #424242;}
.pz .pz_con li span em{display: block; font-size: 13.5px; color: #666666;opacity: 0.5;}
.pz .pz_con li img{ margin-top: 50px;}
.pz .pz_con li p{ position: absolute;background: #23b5dc;bottom:0;transition: all 0.3s linear; width: 300px; height:0;}
.pz .pz_con li p strong{ display: block; margin-left: 25px;color: #fff; font-size: 14px; }
.pz .pz_con li p strong i{ width: 250px; display: block; margin-top: 45px; font-size: 20px; color: #fff;}
.pz .pz_con li p strong a{ font-weight: normal;opacity: 0.7; color: #fff;}
.pz .pz_con li p strong i em{float: right; font-size: 30px; color: #fff; font-family: "GothamBook";}
.pz .pz_con li p span{ margin-left: 25px; color: #fff; margin-top: 32px; font-size: 14px; color: #fff; opacity: 0.9; margin-right: 25px;}
.pz .pz_con li:hover p{height:215px;}


.pro{ background:url(../images/pro_bg.jpg) no-repeat center -17px; background-size: 100% 100%;
    height: 737px; }
.pro h2{text-align: center; padding-top: 60px;font-size: 34px; line-height: 24px;color: #23B5DC; font-weight: normal;padding-bottom: 55px;}
.pro h2 a{color: #23B5DC; }
.pro .tab1 li{ float: left; height: 70px;line-height: 70px; }
.pro .tab1  li a{padding-left: 58px;padding-right: 42px; font-size: 18px; line-height: 70px; color: #666666; background:url(../images/kuang.jpg) no-repeat left; height: 70px;}
.pro .tab1 li:hover,.pro .tab1 li.cur{ border-top: 2px solid #23B5DC;margin-bottom: -2px;}
.pro .tab1 li:hover a,.pro .tab1 li.cur a{ color: #23B5DC; font-weight: bold;}
.pro .pro_con {position: relative;}
.pro .pro_con li{ float: left; width: 274px;margin-right: 36px;position:relative;}
.pro .pro_con li i{display: block;width: 274px;height: 364px;overflow: hidden;}
.pro .pro_con li img{ width: 274px;height: 364px;transition: all 0.3s linear 0s; }
.pro .pro_con li:hover img{ transform: scale(1.05);}
.pro .pro_con li a em{ display: block; width: 274px; height: 48px; line-height: 48px; color: #666666; font-size: 16px; text-align: center; }
.pro_con .sprev{position: absolute;left:-50px;top:140px;width:18px;height: 32px;background:url(../images/sprev.png) no-repeat;z-index: 10;}
.pro_con .snext{position: absolute;right:-50px;top: 140px;width:18px;height: 32px;background:url(../images/snext.png) no-repeat;z-index: 10;}

.so{ height: 680px;}
.so h2{text-align: center; padding-top: 60px;font-size: 34px; line-height: 24px;color: #23B5DC;}
.so  h2 span{ display: block;font-size: 20px;line-height: 24px; color:#666666;padding-top: 16px;padding-bottom: 36px;font-weight: normal;}
.so .so_l{ float: left; width: 404px;}
.so .so_l li{ float: left; width: 193px; height:104px; margin-right: 9px; margin-bottom: 7px; background: #ededed; text-align: center; font-size: 18px; color: #333;}
.so .so_l li  i{ width: 39px; height: 33px; margin:19px auto 12px; display: block;transition: all 0.5s ease-in-out;}
.so .so_l li:hover i{transform: rotateY(180deg);}
.so .so1 i{background:url(../images/so1.png) no-repeat center; }
.so .so2 i{background:url(../images/so2.png) no-repeat center; }
.so .so3 i{background:url(../images/so3.png) no-repeat center; }
.so .so4 i{background:url(../images/so4.png) no-repeat center; }
.so .so5 i{background:url(../images/so5.png) no-repeat center; }
.so .so6 i{background:url(../images/so6.png) no-repeat center; }
.so .so7 i{background:url(../images/so7.png) no-repeat center; }
.so .so8 i{background:url(../images/so8.png) no-repeat center; }
.so .so_l li:hover,.so .so_l li.cur{ background: #23B5DC; color: #fff;}
.so .so_l li:hover a,.so .so_l li.cur a{color: #fff;}
.so .so_l .so1:hover i,.so .so_l .so1.cur i{background:url(../images/so1h.png) no-repeat center; }
.so .so_l .so2:hover i,.so .so_l .so2.cur i{background:url(../images/so2h.png) no-repeat center; }
.so .so_l .so3:hover i,.so .so_l .so3.cur i{background:url(../images/so3h.png) no-repeat center; }
.so .so_l .so4:hover i,.so .so_l .so4.cur i{background:url(../images/so4h.png) no-repeat center; }
.so .so_l .so5:hover i,.so .so_l .so5.cur i{background:url(../images/so5h.png) no-repeat center; }
.so .so_l .so6:hover i,.so .so_l .so6.cur i{background:url(../images/so6h.png) no-repeat center; }
.so .so_l .so7:hover i,.so .so_l .so7.cur i{background:url(../images/so7h.png) no-repeat center; }
.so .so_l .so8:hover i,.so .so_l .so8.cur i{background:url(../images/so8h.png) no-repeat center; }
.so .so_r{float: right;}
.so .so_r dl{position: relative;}
.so .so_r dt{ height:437px;}
.so .so_r dt img{ width: 776px; height: 437px;}
.so .so_r dd{position: absolute; left: 0 ;bottom: 0; background: rgba(0,0,0,0.5); width: 776px;height: 85px;}
.so .so_r dd h3{ padding-top: 18px; padding-left: 45px;}
.so .so_r dd h3 a{ font-size: 18px; line-height: 24px;color: #ffffff; font-weight: normal;}
.so .so_r dd p{ padding-left: 45px; color: #fff; font-size: 14px; line-height: 24px; color:#fff;padding-top: 8px;}
.so .so_r dd p a{font-size: 14px; color: #fff; }

.ys{ height: 915px;background:url(../images/ys_bg.jpg) no-repeat center; }
.ys h2{text-align: center; padding-top: 60px;font-size: 34px; line-height: 24px;color: #23B5DC;}
.ys h2 span{ display: block;font-size: 20px;line-height: 24px; color:#666666;padding-top: 16px;padding-bottom: 36px;font-weight: normal;}
.ys .tab2 li{ float: left; width: 126px; height:142px;background:url(../images/bai.png) no-repeat center;text-align: center; font-size: 20px; color: #333; padding: 0 87px;}
.ys .tab2 li i{ width: 45px; height: 39px; margin:32px auto 10px; display: block;transition: all 0.5s ease-in-out;}
.ys .y1 i{background:url(../images/ys_ic1.png) no-repeat center; }
.ys .y2 i{background:url(../images/ys_ic2.png) no-repeat center; }
.ys .y3 i{background:url(../images/ys_ic3.png) no-repeat center; }
.ys .y4 i{background:url(../images/ys_ic4.png) no-repeat center; }
.ys .tab2 li:hover i{transform: rotateY(180deg);}
.ys .tab2 li:hover,.ys .tab2 li.cur{background:url(../images/lv.png) no-repeat center; color: #fff;}
.ys .y1:hover i,.ys .y1.cur i{background:url(../images/ys_ic1h.png) no-repeat center; }
.ys .y2:hover i,.ys .y2.cur i{background:url(../images/ys_ic2h.png) no-repeat center; }
.ys .y3:hover i,.ys .y3.cur i{background:url(../images/ys_ic3h.png) no-repeat center; }
.ys .y4:hover i,.ys .y4.cur i{background:url(../images/ys_ic4h.png) no-repeat center; }
.ys .ys_con{margin-top: 31px;}
.ys .ys_con dl{position: relative;}
.ys .ys_con dt img{ width: 1200px; height: 582px;}
.ys .ys_con dd{position: absolute; left: 0 ;bottom: 0; background: rgba(0,0,0,0.5); width:1110px;height: 76px; padding: 24px 45px;}
.ys .ys_con dd span{ display: block; width: 114px; height: 70px; background:#23B5DC; border-radius: 5px; font-size: 18px; color: #fff; text-align: center; line-height: 30px;padding-top: 10px; float: left; margin-right: 27px;}
.ys .ys_con dd span em{ display: block;font-weight: bold; padding: auto 0; font-size: 36px; line-height: 30px;}
.ys .ys_con dd p{font-size: 14px;color: #fff; line-height: 22px; padding-left: 15px;background:url(../images/xtb.png) no-repeat left;}
.ys .ys_con dd .ysh1{ float:left; color: #fff; margin-bottom: 16px; width:950px;}
.ys .ys_con dd .ysh2{ float:left; width: 950px; color: #fff;background:url(../images/xtb.png) no-repeat left 5px;}


.cus{ height: 710px;background:#f0f0f0; position: relative;}
.cus h2{text-align: center; padding-top: 65px;font-size: 34px; line-height: 24px;color: #23B5DC;}
.cus h2 a{color: #23B5DC;}
.cus h2 span{ display: block;font-size: 20px;line-height: 24px; color:#666666;padding-top: 16px;padding-bottom: 36px;font-weight: normal;}
.cus_box{position:relative;}
.cus dl { float:left;height:465px; width:372px; margin-right: 40px; }
.cus dl:nth-child(3){ }
.cus dt{ display:block; height:220px;width:372px;overflow: hidden;}
.cus dt img { display:block; height:220px;width:372px; transition: all 0.3s linear 0s;}
.cus dl:hover dt img{transform: scale(1.05);}
.cus dd{  background:#fff;padding: 25px 25px;}
.cus dd h3 a{ font-size:16px;color:#333333;font-weight:normal; text-align: center;font-weight: bold;}
.cus dl:hover h3 a{ color: #23B5DC;}
.cus dl:hover dd span{background: url(../images/cus_ich.png) no-repeat center;  }
.cus dd i{ display: block; font-size: 12px; color: #999999;}
.cus dd p{padding-top:20px; color:#999999; font-size:14px;line-height:26px; color: #555555;}
.cus dd span{display:block; padding-bottom: 30px;width:32px; height:32px;background: url(../images/cus_ic.png) no-repeat center; }
.cus_box .sprev{position: absolute;left:-60px;top:50%;width:18px;height: 32px;background:url(../images/sprev.png) no-repeat;z-index: 10;margin-top:-16px;}
.cus_box .snext{position: absolute;right:-60px;top:50%;width:18px;height: 32px;background:url(../images/snext.png) no-repeat;z-index: 10;margin-top:-16px;}

.new{ height: 966px;}
.new h2{text-align: center; padding-top: 65px;font-size: 34px; line-height: 24px;color: #23B5DC;}
.new h2 span{ display: block;font-size: 20px;line-height: 24px; color:#666666;padding-top: 16px;padding-bottom: 36px;font-weight: normal;}
.new_s ul{ text-align:center; border-top:1px solid #dfdfdf;height:95px;}
.new_s ul li{font-size: 18px;padding:32px 86px;line-height:18px;text-align:center; display:inline-block; background:url(../images/new_ic.png) no-repeat top center;margin-top:-10px;}
.new_s ul li a{ color: #666666; }
.new_s li:hover,.new_s li.cur{background:url(../images/new_ich.png) no-repeat top;}
.new_s li:hover a,.new_s li.cur a{color:#23B5DC;font-weight: bold;}
.new_l{float: left;width:510px;}
.new_l dt{ display:block;width:510px; height:283px;}
.new_l dt span img{ display:block;width:510px; height:283px;position:relative;}
.new_l dd{height:100px; width:510px; border-bottom: 1px solid #d6d6d6;}
.new_l dd .p2 {font-size: 16px; margin-top:15px;line-height:24px; color:#333; font-weight:bold; }  
.new_l dd .p3 {font-size: 14px; margin-top:15px;line-height:24px; color:#666666; }
.new_l .news_list{ height:180px; background:#fff; border:1px solid #d5d5d5; border-top:0; padding-top:20px;}
.new_l .new_list li {font-size: 14px;color: #999999;line-height: 40px;height:40px;}
.new_l .new_list li a{color: #999999;}
.new_l .new_list li  span{color:#999999; float:right;}

.news1{width:600px;float: left;position: relative;}
.news1 .newstit{    font-size: 24px;
    color: #42423f;
    height: 42px;
    line-height: 42px;
    text-align: left;
    margin-bottom: 16px;}
.news1-nr{width:600px;overflow: hidden;position: relative;}
.news1 dl{width:600px; overflow: hidden; position: relative;background: #f2f2f2;}
.news1 dt{ width:600px;height:337px; position: relative; overflow: hidden;margin-bottom: 25px;}
.news1 dt img{width:100%; display: block;}
.news1 dd {padding:0 34px 40px;box-sizing: border-box;}
.news1 dd h5{ height:32px; position: relative; overflow: hidden;margin-bottom: 22px; font-weight: normal;}
.news1 dd h5 span{width:68px;height:32px;line-height: 32px;text-align: center;background:#e62129;color: #fff;display: block; font-size: 20px;}
.news1 dd h5 i{width:auto;height:32px;float: right;;background: url(../images/timer.png) no-repeat left center;padding-left:24px;line-height: 32px; font-size: 14px;color: #a5a5a7;}
.news1 dd h4{height: 36px;line-height: 36px; font-size: 24px;color: #333333; font-weight: normal;margin-bottom: 25px;}
.news1 dd h4 a{color: #333333;}
.news1 dd p{font-size: 16px;color:#666666; line-height: 30px;text-align: justify;height: 82px;;}
.news1 dd span{width:119px;height:38px;line-height: 38px;background:url(../images/news-btn.png) no-repeat;text-align: center;display: block;font-size: 16px;color: #20b495;}
.news1 dd span a{color:#e62129;}
.news1-nr h5{position: absolute;right:0;width:100px;top:305px;height:12px;}
.news1-nr h5 em{width: 12px;height:12px;border-radius: 100%;background:#ccc;display: block;float: left;margin-left: 10px;}
.news1-nr h5 em.on{background: #e62129;}

.new_r{float: right;width:540px;position:relative;}
.new_r h4 span{ display: block; width: 80px; height: 28px; line-height: 28px; background: #23B5DC; color: #fff; font-size: 16px; text-align:center;border-radius: 14px; display: inline-block; margin-right: 10px;}
.new_r h4 a{font-size: 16px; margin-top:15px;line-height:24px; color:#111111; }  
.new_r p {font-size: 14px; margin-top:10px;line-height:24px; color:#666666;height:100px; width:610px;  border-bottom: 1px solid #d5d5d5;}
.new_r ul{ margin-top:20px;}
.new_r li {font-size: 14px;line-height: 37px;height:37px;}
.new_r li a{color: #999999;}
.new_r li  span{color:#999999; float:right; }
.new_r dl{height:180px;margin-top:32px;}
.new_r dt{float: left;}
.new_r dt img{display:block;width: 392px;height: 109px;}
.new_r dd{float:right;width: 148px;height:109px;background:#23B5DC no-repeat center;}
.new_r dd h5{font-size: 16px;line-height: 24px;margin-top:50px; margin-left:40px;height:48px;}
.new_r dd h5 a{color:#fff;}
.new_r dd h5 span{ display:block; margin-left:25px;}

.abt{ height:696px; background: #f5f5f5;}
.abt h2{text-align: center; padding-top: 65px;font-size: 34px; line-height: 24px;color: #23B5DC;}
.abt h2 span{ display: block;font-size: 20px;line-height: 24px; color:#666666;padding-top: 16px;padding-bottom: 36px;font-weight: normal;}
.abt dl{ margin-top: 30px;}
.abt dt{float: right;}
.abt dt img{width: 551px;height: 411px; }
.abt dd{float: left;width: 580px;}
.abt dd h3{height:78px;font-size: 24px;line-height: 26px;color: #333; font-weight:normal; position:relative; }
.abt dd h3:after{ position:absolute;width: 38px;height: 2px;background: #999999;content: "";left:0px;top: 50px;}
.abt dd p{font-size: 14px;color: #666;line-height: 30px;}
.abt dd p a{ color:#23B5DC ;}
.abt h4{ float: left; margin-top: 82px; margin-bottom: 20px; font-size:16px; color: #333333;}
.abt ul{ float: left; width:582px;}
.abt ul li{ float: left; margin-left: 7px;}
.abt ul li:nth-child(1){ margin-left: 0;}
.abt ul li img{ width:139px; height: 90px; display: block; margin:0 auto;}

.cai{ height: 436px;}
.cai h3{display: block; height: 80px; line-height: 80px;background:url(../images/cait.jpg) no-repeat center; text-align: center;}
.cai h3 span{  font-size: 18px; color: #666666;  font-weight: normal; line-height: 94px;}
.cai h3 span a{color: #23B5DC;padding: 0 25px; background:url(../images/line3.png) no-repeat left;font-weight:bold;font-size:30px;}
.cai h3 span.first a{ background: 0;}
.cai h3 span:hover a,.cai h3 span.cur a{ color: #23B5DC; font-weight: bold;}
.cai .tree{ padding-top:30px; width:1300px;}
.cai .tree img{ float:left; width:49%;}
.cai .tree img:nth-child(2){ float:right;}
.abt_pic{ position:relative;padding-top:12px;}
.abt_pic li{float: left;margin-right:15px; position:relative;}
.abt_pic li.first{ margin-left:0;}
.abt_pic li i{display:block;width: 220px;height: 118px;overflow: hidden;}
.abt_pic li img{display:block;width: 220px;height: 118px;transition: all 0.3s linear 0s;}
.abt_pic li:hover img{ transform: scale(1.05);}
.abt_pic ul li  em{display: block;text-align: center; font-size: 14px; color:#333;height: 50px; line-height: 50px;}
.abt_pic ul li:hover em{ display: block; color: #23B5DC; font-weight: bold;}
.cai .sprev{position: absolute;left:-45px;top:60px;width:22px;height: 32px;background:url(../images/sprev.png) no-repeat;z-index: 10;}
.cai .snext{position: absolute;right:-45px;top: 60px;width:22px;height: 32px;background:url(../images/snext.png) no-repeat;z-index: 10;}