/* CSS Document */

@charset "utf-8";
/*¸ñʽ»¯*/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, span, input, textarea {margin:0;padding:0;}
body{ font-family:"Microsoft Yahei",Verdana,Arial,Helvetica,sans-serif; background:#fff;}
li, ol { list-style:none; }
ins { text-decoration:none; }
i, em { font-style:normal; }
a { text-decoration:none;font-family:"Microsoft Yahei";}
a:hover { cursor:pointer; text-decoration:none;}
a:active{star:expression(this.onFocus=this.blur());}
:focus{outline:0;}
.clear { clear:both; line-height:0px; overflow:hidden; zoom:1; font-size:0px; content:'.';}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
img{ padding:0; margin:0;}
a img { border:none; }
input,textarea{ border:none;font-family:"Microsoft Yahei"; font-size:13px;}
h1, h2, h3, h4, h5, h6{ font-weight:normal; font-size:14px;}
.fl{float: left;}
.fr{float: right;}

.wrap{ min-width:320px; max-width:640px; margin:0 auto; overflow:hidden; position:relative;} 
.wrap img{display:block;width:100%;}

/*banner*/
.g-adv{ position:relative; width:100%; margin:0 auto; height: auto; z-index:15; font-size:0;}
.g-adv .m-box img{ display:block;position: relative;width:100%; height: auto; }


.yz{ height:39.1rem ;}
.yz h2{text-align: center; padding-top:3.3rem;font-size: 1.6rem; line-height:2rem;color: #000000; font-weight: bold; padding-bottom: 1rem; background:url(../images/tit_bg.png) no-repeat bottom;background-size:29rem 0.7rem;}
.yz h2 b{ display: block; color: #23B5DC; font-size: 2rem; line-height: 1.8rem;}
.yz p{padding:0 4.6% 2.5rem; text-align: center; font-size:0.9rem; line-height: 1.6rem; color: #666666;}
.yz i{ width:29rem; height:16.5rem; display: block;padding-left:1.5rem;}
.yz video{width:29rem; height:16.5rem; display: block;}
.yz .guide-count{width:100%;margin:0 auto;}
.yz .guide-count li{width:50%;float: left;border-right: 1px solid #e2e2e2;text-align: center;box-sizing: border-box;    border-bottom: 1px solid #e2e2e2;}
.yz .guide-count li:nth-child(2){border-right: 0;}
.yz .guide-count li:nth-child(3){border-bottom: 0;}
.yz .guide-count li:nth-child(4){border-bottom: 0;}
.yz .guide-count li em{display: block;font-size: 1.2rem;font-weight: bold;height: 3.5rem;background: linear-gradient(to bottom, #5CCCFF, #2BB5F3);
    background-clip: text;
    color: transparent;}
.yz .guide-count li em b{ font-size: 3rem;font-family: Arial, Helvetica, sans-serif;height: 3.5rem;}
.yz .guide-count li p{font-size: 1.2rem;color: #666666;line-height: normal;}
.yz .guide-count li:last-child{border-right: 0;}

.pz{ height: 29.5rem;}
.pz h2{text-align: center; padding-top: 3.2rem;font-size:2rem; line-height: 1.2rem;color: #23B5DC; font-weight: normal;}
.pz  h2 span{ display: block;font-size: 1.2rem;line-height: 1.2rem; color:#666666;padding-top: 0.8rem;}
.pz .pz_con{ margin: 1.5rem 4.6% 0;}
.pz .pz_con li{ float: left; width: 24.2%; height: 9rem; background: #f0f0f0; margin-right: 0.3rem; margin-bottom: 0.3rem;}
.pz .pz_con li img{width: 3.6rem; height: 3.6rem; margin:0.7rem auto 0 ;}
.pz .pz_con li em{ display: block; text-align: center; margin:1rem 1.2rem 0; font-size: 1.1rem; color:#666666;}
.pz .pz_con li:nth-child(4),.pz .pz_con li:nth-child(8){ margin-right: 0;}
.pz .pz_con li.last em{ margin:1rem 0.6rem 0;}

.pro{ padding: 0 0 3rem;background:url(../images/pro_bg.jpg) no-repeat center;background-size:cover;}
.pro h2{text-align: center; padding-top: 3.2rem;font-size:2rem; line-height: 1.2rem;color: #23B5DC; font-weight: normal;}
.pro  h2 span{ display: block;font-size: 1.2rem;line-height: 1.2rem; color:#666666;padding-top: 0.8rem;}
.pro .tab1{ margin:1.5rem 4.6% 0;}
.pro .tab1 li{ height:3rem; border:1px solid #dfdfdf; margin-left: 1rem; position: relative;float:left;margin-bottom: 1rem;display: block; text-align: center; font-size: 1.2rem; color:#666; line-height: 3rem; width:30.4%;}
.pro .tab1 li a{display: block; text-align: center; font-size: 1rem; color:#666; line-height: 3rem;}
.pro .tab1 li:nth-child(1),.pro .tab1 li:nth-child(4){ margin-left:0;}
.pro .tab1 li.first{margin-left: 0;}
.pro .tab1 li.cur{background:#23B5DC; color:#fff;}
.pro .tab1 li.cur a{ color:#fff;}
.pro .pro_con{ margin:0 4.6%;}
.pro .pro_con li{ float: left; width:48%;position: relative;}
.pro .pro_con li:nth-child(2),.pro .pro_con li:nth-child(4){float:right;}
.pro .pro_con li img{width: 100%; height:18.7rem ;}
.pro .pro_con li em{ height: 3rem; line-height: 3rem; display:block;font-size: 1rem; color: #666666;text-align: center; width: 100%;} 
.pro .more{ display: block; width: 67.8%; height: 3.2rem; line-height: 3.2rem; text-align: center; font-size: 1.1rem; color: #23B5DC; border:1px solid #23B5DC; border-radius: 1.6rem; margin:0rem auto 0;  background: #fff;}
.pro .more em{padding-left: 1.5rem;background:url(../images/more_bg.png) no-repeat left;background-size: 1.25rem 1.25rem;}

.case h2{text-align: center; padding-top: 3.2rem;font-size:2rem; line-height: 1.2rem;color: #23B5DC; font-weight: normal;}
.case  h2 span{ display: block;font-size: 1.2rem;line-height: 1.2rem; color:#666666;padding-top: 0.8rem;}
.case .tab2{ margin:1.5rem 4.6% 0;}
.case .tab2 li{ height:4.3rem;margin-left: 0.8rem; position: relative;float:left;margin-bottom: 1rem;display: block; text-align: center; font-size: 1.1rem; color:#333333;  width:31.4%; background: #f1f1f1;}
.case .tab2 li a{display: block; text-align: center; font-size: 1.2rem; color:#666; line-height: 3rem;}
.case .tab2 li em{ display:block; line-height:1.8rem;color:#666;}
.case .tab2 li:nth-child(1),.case .tab2 li:nth-child(4){ margin-left:0;}
.case .tab2 li.first{margin-left: 0;}
.case .tab2 li.cur{background:#23B5DC; color:#fff;}
.case .tab2 li.cur a{ color:#fff;}
.case .tab2 li i{ width: 2rem; height: 1.7rem; margin:0.6rem auto 0rem; display: block; }
.case .tab2 .so1 i{background:url(../images/so1.png) no-repeat center; background-size: 2rem 1.7rem; }
.case .tab2 .so2 i{background:url(../images/so2.png) no-repeat center; background-size: 2rem 1.7rem;}
.case .tab2 .so3 i{background:url(../images/so3.png) no-repeat center; background-size: 2rem 1.7rem;}
.case .tab2 .so4 i{background:url(../images/so4.png) no-repeat center; background-size: 2rem 1.7rem; }
.case .tab2 .so5 i{background:url(../images/so5.png) no-repeat center; background-size: 2rem 1.7rem;}
.case .tab2 .so6 i{background:url(../images/so6.png) no-repeat center; background-size: 2rem 1.7rem;}
.case .tab2 li.cur{ background: #23B5DC; color: #fff;}
.case .tab2 li.cur em{  color: #fff;}
.case .tab2 .so1.cur i{background:url(../images/so1h.png) no-repeat center; background-size: 2rem 1.7rem; }
.case .tab2 .so2.cur i{background:url(../images/so2h.png) no-repeat center; background-size: 2rem 1.7rem;  }
.case .tab2 .so3.cur i{background:url(../images/so3h.png) no-repeat center; background-size: 2rem 1.7rem; }
.case .tab2 .so4.cur i{background:url(../images/so4h.png) no-repeat center; background-size: 2rem 1.7rem;  }
.case .tab2 .so5.cur i{background:url(../images/so5h.png) no-repeat center; background-size: 2rem 1.7rem; }
.case .tab2 .so6.cur i{background:url(../images/so6h.png) no-repeat center; background-size: 2rem 1.7rem; }
.case .case_con{margin:0 4.6%;}
.case .case_con dl{ position: relative;}
.case .case_con dt{display:block;height:16.4rem; }
.case .case_con dt img{ width: 100%; height: 16.4rem; }
.case .case_con dd{ height: 5.5rem; background: #f1f1f1; border-bottom: 2px solid #d8d8d8;}
.case .case_con dd h3{ display: block; height:3rem;line-height: 3rem; font-size: 1.2rem; padding-left: 1.5rem;}
.case .case_con dd h3 a{color: #333;}
.case .case_con dd p{ padding-left: 1.5rem; font-size: 1rem; color: #666666;}
.case .case_con dd p a{ color: #23B5DC;}
.case .case_con .sprev{position: absolute;left:0;top:6.2rem;width:2rem;height: 4rem;background:url(../images/sprev.png) no-repeat center;z-index: 10;background-size: 2.1rem 4rem;}
.case .case_con .snext{position: absolute;right:0;top:6.2rem;width:2.0rem;height: 4rem;background:url(../images/snext.png) no-repeat center;z-index: 10; background-size: 2.1rem 4rem;}

.ys{ height:56rem;background:url(../images/ys_bg.jpg) no-repeat center; background-size:100% 56rem; margin-top: 3.2rem;}
.ys h2{text-align: center; padding-top: 3.2rem;font-size:2rem; line-height: 1.2rem;color: #23B5DC; font-weight: normal;}
.ys h2 span{ display: block;font-size: 1.2rem;line-height: 1.2rem; color:#666666;padding-top: 0.8rem;}
.ys .tab3{ margin: 1.8rem 4.6% 2.8rem;}
.ys .tab3 li{ float: left; width: 17.4%; height:5.7rem;background:url(../images/baibg.png) no-repeat center;text-align: center; font-size: 1rem; color: #333;margin-right: 2.8rem;background-size: 5rem 5.7rem;}
.ys .tab3 .y4{ margin-right: 0;}
.ys .tab3 li i{ width: 2.2rem; height:2rem; margin:1.8rem auto 2.3rem; display: block;}
.ys .y1 i{background:url(../images/ys_ic1.png) no-repeat center; background-size: 2.2rem 2rem;}
.ys .y2 i{background:url(../images/ys_ic2.png) no-repeat center; background-size: 2.2rem 2rem; }
.ys .y3 i{background:url(../images/ys_ic3.png) no-repeat center; background-size: 2.2rem 2rem;}
.ys .y4 i{background:url(../images/ys_ic4.png) no-repeat center; background-size: 2.2rem 2rem;}
.ys .tab3 li.cur{background:url(../images/lvbg.png) no-repeat center;background-size: 5rem 5.7rem; color: #23B5DC; font-weight: bold;}
.ys .y1.cur i{background:url(../images/ys_ic1h.png) no-repeat center; background-size: 2.2rem 2rem;}
.ys .y2.cur i{background:url(../images/ys_ic2h.png) no-repeat center; background-size: 2.2rem 2rem;}
.ys .y3.cur i{background:url(../images/ys_ic3h.png) no-repeat center; background-size: 2.2rem 2rem;}
.ys .y4.cur i{background:url(../images/ys_ic4h.png) no-repeat center; background-size: 2.2rem 2rem;}
.ys .ys_con{ margin: 0 4.6%;}
.ys .ys_con dt img{ width: 100%; height: 19.5rem; }
.ys .ys_con dd p{ font-size: 1.1rem; line-height: 1.6rem; color: #666; padding-left: 2rem;}
.ys .ys_con dd .p1{background:url(../images/gou.png) no-repeat left 0.35rem; background-size: 1rem 1rem; margin: 1.5rem 0;}
.ys .ys_con dd .p2{background:url(../images/gou.png) no-repeat left 0.35rem; background-size: 1rem 1rem; }
.ys .tab4{margin-top: 3.2rem;height: 1.2rem;background:url(../images/tab3_bg.png) no-repeat;background-size:100% 1.2rem;text-align: center;position: relative;}
.ys .tab4 span{display:inline-block; height:1.2rem;line-height:1.2rem;font-size: 1.5rem;color: #666666;margin:0 1.2rem!important;vertical-align:top;box-sizing: border-box; font-family: "GothamBook"; background: 0;}
.ys .tab4 span.swiper-pagination-bullet-active{ color: #23B5DC;}


.cus{ height:36.4rem;background:url(../images/cus_bg.jpg) no-repeat center; background-size:100% 36.4rem;}
.cus h2{text-align: center; padding-top: 3.2rem;font-size:2rem; line-height: 1.2rem;color: #23B5DC; font-weight: normal;}
.cus h2 span{ display: block;font-size: 1.2rem;line-height: 1.2rem; color:#666666;padding-top: 0.8rem;}
.cus .cus_con{ margin: 1.5rem 15.8% 0;position: relative;overflow: visible !important ; }
.cus .cus_con dl{width:100%;}
.cus .cus_con dt img{ width: 100%; height: 12.9rem;}
.cus .cus_con dd{width:100%;padding:0 1.4rem;height:12.5rem;box-sizing:border-box; border:1px solid #f4f4f4; }
.cus .cus_con dd h3 a{ display:block; font-size:1.1rem;color: #333333;padding:1.8rem 0 1rem; text-align: center;}
.cus .cus_con dd p{display: block; font-size: 1rem; line-height:1.7rem;color:#666666; text-align: center;}
.cus .cus_con dd p a{ color: #23B5DC;}
.cus .cus_con .prev{position: absolute;left:-4rem;top:11rem;width:1.3rem;height: 2.2rem;background:url(../images/prev.png) no-repeat center;z-index: 10;background-size: 1.3rem 2.2rem;}
.cus .cus_con .next{position: absolute;right:-4rem;top:11rem;width:1.3rem;height: 2.2rem;background:url(../images/next.png) no-repeat center;z-index: 10; background-size: 1.3rem 2.2rem;}


.new{ height:42rem;background:#f3f3f3;}
.new h2{text-align: center; padding-top: 3.2rem;font-size:2rem; line-height: 1.2rem;color: #23B5DC; font-weight: normal;}
.new h2 a{color: #23B5DC; }
.new h2 span{ display: block;font-size: 1.2rem;line-height: 1.2rem; color:#666666;padding-top: 0.8rem;}
.new ul{ margin:1rem 4.6% 0;  }
.new ul li{ float: left; width: 33%; text-align: center; height: 3.5rem; line-height: 3.5rem; background: #fff; color: #666666; font-size: 1.2rem; border-left: 1px solid #e5e5e5;}
.new ul li:nth-child(1){ border-bottom-left-radius: 1.75rem;border-top-left-radius: 1.75rem;border:0;}
.new ul li:nth-child(3){ border-bottom-right-radius: 1.75rem;border-top-right-radius: 1.75rem;}
.new ul li.cur{ background: #23B5DC; color: #fff; font-weight: bold;}
.new .new_con{ margin: 0 4.6%;}
.new dl{ padding-bottom: 1.5rem; padding-top:1.5rem;border-bottom: 1px solid #dfdfdf; height: 7rem;} 
.new dl:nth-child(3){ border:0 ;}
.new dt{width: 35.3%; height: 7rem;}
.new dt img{  display: block;  height: 7rem;}
.new dd{width: 59%;}
.new dd h3{height: 1.8rem; line-height: 1.4rem;}
.new dd h3 a {font-size: 1.1rem; line-height: 1.4rem; color: #333333;}
.new dd span{ font-size: 0.9rem; line-height:1.4rem ; color: #aaaaaa; margin-bottom: 1rem; display: block; font-family: "GothamBook";}
.new dd p{font-size: 1rem; line-height: 1.5rem; color: #666666; }


.abt h2{text-align: center; padding-top: 3.2rem;font-size:2rem; line-height: 1.2rem;color: #23B5DC; font-weight: normal;}
.abt h2 span{ display: block;font-size: 1.2rem;line-height: 1.2rem; color:#666666;padding-top: 0.8rem;}
.abt dl{margin: 1.1rem 4.6% 0; position: relative;}
.abt dd h3{ display: block; height: 2.5rem; line-height: 2.5rem; width:66.7%; background: #23B5DC; color: #fff; text-align: center; font-size: 1.2rem;position: absolute; left: 4.6rem; top: 17rem;}
.abt dd p{ padding-top: 2.7rem; font-size: 1rem; line-height: 1.6rem; color: #666666; text-align: center;}
.abt dd p a{ color: #23B5DC;}
.abt h3{ text-align: center; height: 3.8rem;background:url(../images/qcpp.png) no-repeat center; background-size: 100% 3.8rem; line-height: 4rem; font-size: 1rem; color: #333333; font-weight: bold;}
.abt ul{ margin: 0 4.6% 2.4rem;}
.abt ul li{float: left; width: 23.9%; margin-right: 0.4rem;}
.abt ul li:nth-child(4){ margin-right: 0;}


/**/
@media screen and (min-width:320px) {html {font-size: 10px;}}
@media screen and (min-width:360px) {html { font-size: 11.25px;}}
@media screen and (min-width:375px) {html { font-size: 11.7px;}}
@media screen and (min-width:384px) {html { font-size: 12px;}}
@media screen and (min-width:480px) {html { font-size: 15px;}}
@media screen and (min-width:414px) {html { font-size: 13px;}}
@media screen and (min-width:560px) {html { font-size: 17.5px;}}
@media screen and (min-width:640px) {html { font-size: 20px;}}