@charset "utf-8";

body{ color:#333; font-size:14px;font-family: "Microzcft 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: "Microzcft 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: "Microzcft Yahei"; }
h1,h2,h3,h4,h5,h6{ font-family:"Microzcft 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: "Microzcft Yahei";}

.banner{height: 645px;position: relative;overflow: hidden;}
.bdu{width: 100% !important;height: 645px;}
.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;}
  
.nc{ height: 696px; background: url(../images/nc_bg.jpg) no-repeat center;}
.nc h2{ padding-top: 80px; font-size: 38px; color: #333; font-weight: normal; text-align: center; position: relative;}
.nc b{  font-size: 38px; color: #23B5DC;}
.nc h2:after{ position: absolute; top: 145px; left: 50%; height: 1px; width: 30px; background: #b2b2b2; content:"";}
.nc h3{ display: block; font-size: 14px; color: #666666; opacity: 0.5; text-align: center;font-weight: normal; padding-top: 30px;}
.nc .nc_con{ margin-top: 70px;}
.nc .nc_con li{width: 300px; height: 140px; border: 1px solid #dbdbdb; margin-bottom: 36px;float: left;border-right:3px solid #dbdbdb;border-bottom:3px solid #dbdbdb;box-sizing: border-box;}
.nc .nc_con li:nth-child(1){ margin-left: 80px; margin-right: 436px;}
.nc .nc_con li:nth-child(2){ margin-right: 80px;}
.nc .nc_con li:nth-child(3){ margin-right: 596px;}
.nc .nc_con li span{ margin: 25px 25px 0;  font-size: 22px; color: #666666; display: block; padding-left: 45px;}
.nc .nc_con li.nc1 span{ background: url(../images/nc_ic1.png) no-repeat left;}
.nc .nc_con li.nc2 span{ background: url(../images/nc_ic2.png) no-repeat left;}
.nc .nc_con li.nc3 span{ background: url(../images/nc_ic3.png) no-repeat left;}
.nc .nc_con li.nc4 span{ background: url(../images/nc_ic4.png) no-repeat left;}
.nc .nc_con li em{ margin: 20px 25px 0; float: left; display: block; font-size: 14px; color: #666666; line-height: 24px;}
.nc .nc_con li:hover{ background: #23B5DC;}
.nc .nc_con li:hover span,.nc .nc_con li:hover em{color: #fff;}
.nc .nc_con li.nc1:hover span{ background: url(../images/nc_ic1h.png) no-repeat left;}
.nc .nc_con li.nc2:hover span{ background: url(../images/nc_ic2h.png) no-repeat left;}
.nc .nc_con li.nc3:hover span{ background: url(../images/nc_ic3h.png) no-repeat left;}
.nc .nc_con li.nc4:hover span{ background: url(../images/nc_ic4h.png) no-repeat left;}

.yous{ height: 858px;background: url(../images/yous.jpg) no-repeat center;}
.yous h2{ text-align: center; padding-top: 80px; font-size: 38px; color: #23B5DC;font-weight: normal; }
.yous h2 span{ display: block; font-size: 22px;line-height: 50px; color: #666666;  background: url(../images/tit_line.png) no-repeat center;margin-bottom: 40px;}
.yous ul li{ float: left;width: 285px; margin-left: 20px;}
.yous ul li:first-child{ margin-left: 0;}
.yous ul li span{ height: 224px; width: 285px; display: block; background: url(../images/baibg.png) no-repeat center; margin-top: -60px;z-index: 100; position: relative;}
.yous ul li:hover span{background: url(../images/lvbg.png) no-repeat center;  }
.yous ul li span em{ font-size: 24px; color: #333333; text-align: center; padding-top: 50px; display: block;}
.yous ul li:hover em{ color: #fff; padding-top: 5px; padding-bottom: 10px;}
.yous ul li span i{ width: 52px; height: 45px; display: block; padding-top: 40px; margin: 0 auto;}
.yous ul li span b{ display: none; font-size: 14px; line-height: 24px; color: #ffffff; padding:0 36px; text-align: center;}
.yous ul li:hover span b{ display: block;}
.yous ul li.yous1 span i{ background: url(../images/yous_ic1.png) no-repeat center; }
.yous ul li.yous2 span i{ background: url(../images/yous_ic2.png) no-repeat center; }
.yous ul li.yous3 span i{ background: url(../images/yous_ic3.png) no-repeat center; }
.yous ul li.yous4 span i{ background: url(../images/yous_ic4.png) no-repeat center; }
.yous ul li.yous1:hover span i{ background: url(../images/yous_ic1h.png) no-repeat center; }
.yous ul li.yous2:hover span i{ background: url(../images/yous_ic2h.png) no-repeat center; }
.yous ul li.yous3:hover span i{ background: url(../images/yous_ic3h.png) no-repeat center; }
.yous ul li.yous4:hover span i{ background: url(../images/yous_ic4h.png) no-repeat center; }

.why{ height: 965px;background: url(../images/why_bg.jpg) no-repeat center;}
.why h2{ text-align: center; padding-top: 80px; font-size: 38px; color: #23B5DC;font-weight: normal; }
.why h2 span{ display: block; font-size: 22px;line-height: 50px; color: #666666;  background: url(../images/tit_line.png) no-repeat center;margin-bottom: 40px;}
.qual_c dl{height: 394px;color: #ababab;line-height: 24px;}
.qual_c dt,.qual_c dt img{height: 394px;width: 719px;overflow: hidden;float: left;}
.qual_c dd{width:375px;float: left;padding: 70px 45px 0 61px;position: relative;height: 185px;background: #333;}
.qual_c dd h3{height: 84px;font-size:22px;color: #fff;line-height:27px;}
.qual_c dd h3 span{width: 55px;float: left;font-family: Arial;font-size: 36px;color: #8f8f8f;line-height: 30px; }
.qual_c dd h3>p{ font-weight: normal;}
.qual_c dd em.qual_ico{width:26px;height:40px;background:url(../images/ico07.png) no-repeat 0 0;left: -26px;top:110px;}
.qual_c dd p{padding: 0 0 0 10px;}
.qual_c li{position: relative;float: left;overflow: hidden;}
.qual_c li span.qual_w1{position: absolute;bottom: 0;right: 0;background: rgba(0 , 0 , 0 , 0.5);color: #fff;line-height: 18px;display: inline-block;padding: 10px 32px 0;height: 60px;}
.qual_c li span.qual_w1 b{display: block;font-size: 18px;line-height: 24px;float: left; width: 100px;}
.qual_c li span.qual_w1 i{display: block;font-size: 42px;line-height:45px;color: #f5f5f5;font-family: Arial;float: left;width:60px;}
.qual_c li.qual_l1{margin-top: -139px;}
.qual_c li,.qual_c li img{width: 360px;height: 270px;display: block;}
.qual_c li.qual_l1,.qual_c li.qual_l1 img{width:481px;height:409px;display: block;}
.qual_c li.qual_l2,.qual_c li.qual_l2 img{width: 359px;height: 270px;display: block; }

.qual_c li.qual_l1 p {padding-top: 130px;}
.qual_c li p{position: absolute;bottom: 0;left: 0;background: rgba(0 , 0 , 0 , 0.4);color: #ccc;line-height:24px;display: inline-block;padding:80px 22px 0;height:0;width: 100%;display: none;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -webkit-transition:height .5s cubic-bezier(0.52, 1.64, 0.37, 0.66);-webkit-transition:height .5s cubic-bezier(0.52, 1.64, 0.37, 0.66);}
.qual_c li p span{display: block;height: 88px;font-weight: bold;font-size: 18px;line-height: 27px;color: #fff;}
.qual_c li p span em{display: block;font-size: 58px;line-height:57px;color: #ccc;font-family: Arial;float: left;width:74px;}
.qual_c li:hover p{display: block;height:100%;}
.qual_c li:hover span.qual_w1{display: none;}


.zc{ height: 686px;background: url(../images/zc_bg.jpg) no-repeat center;}
.zc h2{ text-align: center; padding-top: 80px; font-size: 38px; color: #23B5DC;font-weight: normal; }
.zc h2 span{ display: block; font-size: 22px;line-height: 50px; color: #666666;  background: url(../images/tit_line.png) no-repeat center;margin-bottom: 40px;}
.zc .zc_l{ float: left;}
.zc .zc_l li{ float: left; width: 299px; height:165px; margin-right: 1px; margin-bottom: 1px; background: #ededed; text-align: center; font-size: 18px; color: #333; font-weight: bold;}
.zc .zc_l li i{ width: 72px; height: 72px; margin:19px auto 12px; display: block;transition: all 0.5s ease-in-out;}
.zc .zc_l li:hover i{transform: rotateY(180deg);}
.zc .zc1 i{background:url(../images/zc1.png) no-repeat center; }
.zc .zc2 i{background:url(../images/zc2.png) no-repeat center; }
.zc .zc3 i{background:url(../images/zc3.png) no-repeat center; }
.zc .zc4 i{background:url(../images/zc4.png) no-repeat center; }
.zc .zc5 i{background:url(../images/zc5.png) no-repeat center; }
.zc .zc6 i{background:url(../images/zc6.png) no-repeat center; }
.zc .zc7 i{background:url(../images/zc7.png) no-repeat center; }
.zc .zc8 i{background:url(../images/zc8.png) no-repeat center; }
.zc .zc_l li:hover,.zc .zc_l li.cur{ background: #23B5DC; color: #fff;}
.zc .zc_l .zc1:hover i,.zc .zc_l .zc1.cur i{background:url(../images/zc1h.png) no-repeat center; }
.zc .zc_l .zc2:hover i,.zc .zc_l .zc2.cur i{background:url(../images/zc2h.png) no-repeat center; }
.zc .zc_l .zc3:hover i,.zc .zc_l .zc3.cur i{background:url(../images/zc3h.png) no-repeat center; }
.zc .zc_l .zc4:hover i,.zc .zc_l .zc4.cur i{background:url(../images/zc4h.png) no-repeat center; }
.zc .zc_l .zc5:hover i,.zc .zc_l .zc5.cur i{background:url(../images/zc5h.png) no-repeat center; }
.zc .zc_l .zc6:hover i,.zc .zc_l .zc6.cur i{background:url(../images/zc6h.png) no-repeat center; }
.zc .zc_l .zc7:hover i,.zc .zc_l .zc7.cur i{background:url(../images/zc7h.png) no-repeat center; }
.zc .zc_l .zc8:hover i,.zc .zc_l .zc8.cur i{background:url(../images/zc8h.png) no-repeat center; }

.al{ height: 775px;background: url(../images/al_bg.jpg) no-repeat center;}
.al h2{ text-align: center; padding-top: 80px; font-size: 38px; color: #23B5DC;font-weight: normal; }
.al h2 span{ display: block; font-size: 22px;line-height: 50px; color: #666666;  background: url(../images/tit_line.png) no-repeat center;margin-bottom: 40px;}
.al .al_s{ height: 320px; background: #fff; position: relative;}
.al .al_s dl{ margin-left: 96px; padding-top: 50px;}
.al .al_s dt img{ display: block; width: 372px; height: 223px; float: left;}
.al .al_s dd{ float: left; padding-left: 45px; width: 572px;}
.al .al_s dd h3 a{ font-size: 16px; line-height: 42px; color: #333333; padding-top: 15px;}
.al .al_s dd span{ font-size: 12px; color: #999; display: block; padding-bottom: 20px;}
.al .al_s dd p{ font-size: 14px; color: #666; line-height: 24px;}
.al .al_s dd .more{ display: block; width: 142px; height: 36px; line-height: 36px; background:#23B5DC; font-size: 14px; color: #fff; text-align: center; vertical-align: middle; margin-top: 36px;}
.al .al_s dd .more img{ padding-left: 10px;}
.al .zuo{position: absolute;left:36px;top:145px;width:22px;height: 42px;background:url(../images/zuo.png) no-repeat;z-index: 10;}
.al .you{position: absolute;right:36px;top:145px;width:22px;height: 42px;background:url(../images/you.png) no-repeat;z-index: 10;}
.al .al_con { margin-top: 26px;}
.al .al_con .al_t{ float: left; width: 382px; height: 140px; background: #fff; margin-left: 27px;}
.al .al_con .al_t:nth-child(1){ margin-left: 0;}
.al .al_con .al_t dl{padding-top: 16px; padding-left: 18px;}
.al .al_con .al_t dt img{ width: 176px; height: 106px; display: block; float: left;}
.al .al_con .al_t dd{ float: left; padding-left:14px; width: 160px; position: relative;}
.al .al_con .al_t dd h3 a{ font-size: 14px; line-height: 42px;color: #333333;}
.al .al_con .al_t dd p{ font-size: 14px; line-height: 24px; color: #666;}
.al .al_con .al_t dd .more{ position: absolute;right: -15px; bottom: -34px; width: 31px; height: 31px; display: block ;}

.liu{ height: 651px;background: url(../images/liu_bg.jpg) no-repeat center;}
.liu h2{ text-align: center; padding-top: 80px; font-size: 38px; color: #23B5DC;font-weight: normal; }
.liu h2 span{ display: block; font-size: 22px;line-height: 50px; color: #666666;  background: url(../images/tit_line.png) no-repeat center;margin-bottom: 40px;}
.liu ul{ float: left; margin-top: 110px;}
.liu ul li{ float: left; margin-right: 48px; text-align: center; }
.liu ul li i{ width: 72px; height: 72px; display: block;transition: all 0.5s ease-in-out;}
.liu ul li span{ display: block;font-size: 16px; color: #333; padding-top: 20px;}
.liu  ul li:hover i{transform: rotateY(180deg);}
.liu  ul li:hover span{ color: #23B5DC;}
.liu ul li:nth-child(4){ margin-right: 336px;}
.liu ul li:nth-child(8){ margin-right: 0;}
.liu .liu1 i{background:url(../images/liu1.png) no-repeat center; }
.liu .liu2 i{background:url(../images/liu2.png) no-repeat center; }
.liu .liu3 i{background:url(../images/liu3.png) no-repeat center; }
.liu .liu4 i{background:url(../images/liu4.png) no-repeat center; }
.liu .liu5 i{background:url(../images/liu5.png) no-repeat center; }
.liu .liu6 i{background:url(../images/liu6.png) no-repeat center; }
.liu .liu7 i{background:url(../images/liu7.png) no-repeat center; }
.liu .liu8 i{background:url(../images/liu8.png) no-repeat center; }

.liu  .liu1:hover i{background:url(../images/liu1h.png) no-repeat center; }
.liu  .liu2:hover i{background:url(../images/liu2h.png) no-repeat center; }
.liu  .liu3:hover i{background:url(../images/liu3h.png) no-repeat center; }
.liu  .liu4:hover i{background:url(../images/liu4h.png) no-repeat center; }
.liu  .liu5:hover i{background:url(../images/liu5h.png) no-repeat center; }
.liu  .liu6:hover i{background:url(../images/liu6h.png) no-repeat center; }
.liu  .liu7:hover i{background:url(../images/liu7h.png) no-repeat center; }
.liu  .liu8:hover i{background:url(../images/liu8h.png) no-repeat center; }

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