@charset "utf-8";


@media screen and (max-width:1500px){

.wp{width:1200px;}

.index-case .view .swiper-slide .pic{width:700px;}
.index-case .view .swiper-slide .t{padding:40px 40px 0 0;-webkit-flex:1;flex:1;}
.index-case .view .swiper-slide .t p{font-size:15px;}
.index-case .view .swiper-slide .t .more{font-size:17px;}

.index-case .preview{bottom:30px;}

.indexD .nr{margin-top:70px;padding:0;}
.indexD ul li{margin:0 0 0 60px;}

}

@media (max-width: 1199.98px){

}


@media (max-width: 991.98px){



}


@media (max-width: 767.98px){
.visible-xs-block{display:block;}
.wp,.wp2{width:100%;padding-right:10px;box-sizing:border-box;padding-left:10px;}
.header .nav{display:none;}
#footBar,.header span.mo-header-menu{display:block;}

.header{position:static;padding:0;}
.header-wp{padding:0;height:70px;-webkit-align-items:center;align-items:center;}
.header .logo {margin-top:0;}
.header .logo img{height:60px;}

.search{margin-left:0;}
.search i{color:#333;}

.search-box{display:none;top:70px;padding:20px 15px;}
.search-box .close{display:none;}
.search-box .serchbox{width:100%;}

#banner{height:auto;}
#banner .swiper-slide{height:400px;}

#banner .swiper-slide .txt h3{font-size:30px;letter-spacing:2px;}
#banner .swiper-slide .txt h4{font-size:20px;margin-top:20px;letter-spacing:0;}
#banner .swiper-slide .txt p{font-size:14px;margin-top:20px;}
#banner .swiper-slide .txt a.z-g{display:none;}

#banner .swiper-container-horizontal > .swiper-pagination-progress {width:80px;margin-left:-40px;bottom:20px;}

#banner .swiper-button:after,#banner .swiper-button:before{width:20px;}
#banner .swiper-button-prev:after,#banner .swiper-button-prev:before{left:20px;}
#banner .swiper-button-next:after,#banner .swiper-button-next:before{right:20px;}
#banner .swiper-button-prev span{left:10px}
#banner .swiper-button-next span{right:10px}


.foot-form{padding:30px 0;}
.foot-form h5{font-size:18px;display:block;text-align:center;}
.foot-form .sendemail{display:block;width:350px;border-radius:5px;margin:15px auto;}
.foot-form .sendemail .form-control{font-size:14px;height:45px;line-height:45px;padding:0 70px 0 15px;border-radius:5px;}
.foot-form .sendemail .post-btn{padding:0;width:60px;text-align:center;height:45px;display:block;cursor:pointer;}
.foot-form p{font-size:14px;}


#footer{padding:18px 0;text-align:center;}

.foot-nav{float:none;}
.foot-nav ul > li{float:none;display:inline-block;margin:0 10px;position:relative;line-height:30px;}
.foot-nav ul > li a{font-size:14px;}

#footer .share{float:none;margin:15px 0 0;}
#footer .share a{width:40px;height:40px;margin:0 5px;}
#footer .share a i{font-size:20px;line-height:38px;}

.foot-copy{padding:15px 10px 60px;}
.foot-copy p{font-size:14px;line-height:22px;}

#pagesize{margin:20px 0 0;}

}

@media screen and (max-width:768px){

.h-hbg{border-top:10px solid #f3f3f3;border-bottom:10px solid #f3f3f3;padding:25px 0 10px;}
.h-hbg ul{-webkit-flex-wrap:wrap;flex-wrap:wrap}
.h-hbg ul li{width:50%;-webkit-flex-direction:column;flex-direction:column;text-align:center;margin-bottom:15px;}
.h-hbg ul li .z-img img{height:50px;}
.h-hbg ul li .z-txt{margin:10px 0 0;}
.h-hbg ul li .z-txt strong{font-size:22px;}
.h-hbg ul li .z-txt p {font-size:14px;}


.sec_gap{padding:25px 0;}
.sec_gap .tit h3{font-size:30px;}
.sec_gap .tit h3::after{bottom:-15px;}
.sec_gap .tit p{font-size:13px;line-height:24px;margin:30px 0 0;}

.sec_gap ul{margin-top:30px;-webkit-flex-direction:column;flex-direction:column;}
.sec_gap ul li{width:100%;}
.sec_gap ul li~li{margin-top:15px;}
.sec_gap ul li::before,.sec_gap ul li::after{display:none;}
.sec_gap ul li .t{top:auto;padding:15px 0;height:auto;background:rgba(7,168,220,0.8);opacity:1;-webkit-transform:scale(1);transform:scale(1);}
.sec_gap ul li .t p{display:none;}
.sec_gap ul li .t h5{position:static;font-size:18px;}
.sec_gap ul li .t h5 em::before,.sec_gap ul li .t h5 em::after{display:none;}

.sec_gap ul li:hover::before,.sec_gap ul li:hover::after{display:none;}

.sec_gap .more{margin-top:30px;height:32px;}
.sec_gap .more .morelink{line-height:32px;padding:0 20px;}
.sec_gap .more .morelink a{font-size:16px;padding-left:40px;background-size:32px;}


.indexD{background:#f2f2f2;min-height:0;margin-top:0;padding:25px 0;}
.indexD .tit h3{font-size:30px;}
.indexD .tit h3::after{bottom:-15px;}
.indexD .tit p{font-size:13px;line-height:24px;margin:30px 0 0;}

.indexD .nr{margin-top:30px;padding:0;-webkit-flex-direction:column;flex-direction:column;}
.indexD .txt{width:100%;}
.indexD .txt h5{margin-bottom:20px;font-size:14px;text-align:center;}
.indexD .txt p{float:left;width:50%;padding-left:25px;font-size:14px;background-size:20px;line-height:24px;margin-bottom:12px;}
.indexD .txt input.z-inputtxt{width:100%;height:40px;padding-left:10px;margin-top:15px;font-size:14px;}
.indexD .txt .z-zuhe {margin-top:10px;width:100%;}
.indexD .txt .z-zuhe input.z-inputphone{height:40px;padding:0 95px 0 10px;border:2px solid #01a6db;font-size:14px;}
.indexD .txt .z-zuhe button{width:90px;height:40px;font-size:15px;}

.indexD ul li{width:100%;float:none;margin:20px 0 0;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;position:relative;}
.indexD ul li::after{content:"";display:block;left:calc(50% - 16px);margin:0;bottom:auto;top:calc(50% - 11px);width:32px;height:22px;background:url(../images/i6-1.png) no-repeat;position:absolute;z-index: 1;}
.indexD ul li .box{width:110px;height:110px;}
.indexD ul li .box1{padding:15px 0 0;}
.indexD ul li .box1::after{display:none;}
.indexD ul li .box em{font-size:14px;}
.indexD ul li .box span{font-size:22px;margin:5px 0 0;}
.indexD ul li .box p{font-size:14px;margin:5px 0 0;}

.indexD ul li .box2{padding:15px 0 0;margin-top:0;}
.indexD ul li .box2 img{height:50px;}



.index-case{padding:25px 0;}
.index-case .tit h3{font-size:30px;}
.index-case .tit h3::after{bottom:-15px;}
.index-case .tit p{font-size:13px;line-height:24px;margin:30px 0 0;}

.index-case .list{margin:30px 0 0;position:relative;}

.index-case .view{width:100%;box-sizing:border-box;}
.index-case .view .swiper-slide{-webkit-flex-direction:column;flex-direction:column;}
.index-case .view .swiper-slide .pic{width:100%;}
.index-case .view .swiper-slide .pic p em{font-size:16px;}
.index-case .view .swiper-slide .t{padding:20px 0 0 0;-webkit-flex:1;flex:1;}
.index-case .view .swiper-slide .t h5{font-size:18px;display:block;padding:0;text-align:center;}
.index-case .view .swiper-slide .t h5::after{display:none;}
.index-case .view .swiper-slide .t p{font-size:13px;line-height:22px;margin:15px 0 0;}
.index-case .view .swiper-slide .t .more{display:none;}

.index-case .view .swiper-pagination{display:block;}

.index-case .preview{display:none;}

.indexnews{padding:25px 0;}
.indexnews .tit h3{font-size:30px;}
.indexnews .tit h3::after{bottom:-15px;}
.indexnews .tit p{font-size:13px;line-height:24px;margin:30px 0 0;}

.indexnews .list{position:relative;margin:30px 0 0;padding:20px 20px;background:#fff;}
.indexnews .list .swiper-slide{position:relative;box-sizing:border-box;}
.indexnews .list .swiper-slide span{display:block;font-size:14px;}
.indexnews .list .swiper-slide h5{height:48px;line-height:24px;font-size:18px;margin:10px 0 10px;}
.indexnews .list .swiper-slide p{font-size:13px;line-height:22px;}
.indexnews .list .swiper-slide .more{display:none;}

.indexnews .swiper-button-prev,.indexnews .swiper-button-next{display:none;}
.indexnews .swiper-pagination{display:block;}


.index-partner{padding:25px 0;}
.index-partner .tit h3{font-size:30px;}
.index-partner .tit h3::after{bottom:-15px;}
.index-partner .tit p{font-size:13px;line-height:24px;margin:30px 0 0;}

.index-partner ul{margin:20px 0 0;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-wrap:wrap;flex-wrap:wrap}
.index-partner ul li{float:none;width:48%;overflow:hidden;margin:15px 0 0;border:1px solid #EAEAEA;box-sizing:border-box;}
.index-partner ul li img{width:100%;display:block;}

}


@media screen and (max-width:768px) {

.path{height:40px;line-height:39px;}
.path p{font-size:12px;}
.path p i{margin:0 6px 0 0;font-size:12px;}

.main{padding-top:25px;padding-bottom:25px;}

.stit h2{font-size:30px;}
.stit hr{margin:15px auto 0;}
.stit p{font-size:13px;line-height:22px;margin:15px 0 0;}

.service-list ul li{margin:20px 0 0;-webkit-flex-direction:column;flex-direction:column;}
.service-list ul li .pic{width:100%;}
.service-list ul li .txt{padding:15px;-webkit-flex-direction:column;flex-direction:column;}
.service-list ul li .txt h5{font-size:26px;text-align:center;}
.service-list ul li .txt hr{margin:15px auto 5px;}
.service-list ul li .txt p{margin-top:10px;font-size:14px;line-height:22px;}
.service-list ul li .txt .more{display:none;}

.service-list ul li:nth-child(2n){-webkit-flex-direction:column;flex-direction:column;}
.service-list ul li:nth-child(2n) .txt{padding:15px;}


.service{margin:20px 0 0;padding:15px;}
.service .pic{float:none;width:100%;}
.service .qlist{margin:15px 0 0;}
.service .qlist ul li~li{margin-top:10px;}
.service .qlist ul li h5{height:50px;line-height:50px;padding:0 0 0 15px;font-size:15px;}
.service .qlist ul li h5 span{padding:0 60px 0 0;}
.service .qlist ul li h5 i{width:50px;height:40px;line-height:50px;}
.service .qlist ul li h5 i::before{font-size:20px;}
.service .qlist ul li .txt{display:none;padding:12px 15px;font-size:13px;}
.service .qlist ul li .txt p{line-height:22px;}

.service .qlist ul li.active h5{border-bottom:1px solid #DCDBDB;}
.service .qlist ul li.active h5 i::before{content:"\e729";color:#01A6DB;}


.service-2{margin:20px 0 0;}
.service-2 ul{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-wrap:wrap;flex-wrap:wrap}
.service-2 ul li{width:100px;text-align:center;position:relative;margin:20px 0 0;}
.service-2 ul li:not(:last-child)::after{display:none;}
.service-2 ul li span{width:100px;height:100px;}
.service-2 ul li span img{height:50px;}
.service-2 ul li span::after{display:none;content:"";}
.service-2 ul li p{font-size:14px;margin:15px 0 0;}


.case-tit h3{font-size:30px;}
.case-tit hr{margin:15px auto 0;}

.case-tit ul{margin:20px 0 0;}
.case-tit ul li{margin:0 5px 10px;height:25px;line-height:25px;font-size:15px;}
.case-tit ul li::after{bottom:-3px;}

.caselist ul{margin:20px 0 0 -2%;}
.caselist ul li{float:left;width:48%;margin:0 0 15px 2%;}
.caselist ul li .pic .t{display:none;}
.caselist ul li h6{padding:10px 0;height:50px;}
.caselist ul li h6 a{font-size:15px;}


.newsnr h1{font-size:18px;line-height:1;}
.artInfo{padding:10px 5px;margin:20px 0 0;}
.myart{margin:10px 0;font-size:13px;line-height:24px;}

.pnbar{margin-top:20px;}
.pnbar a{width:90px;height:34px;line-height:34px;font-size:12px;margin:0 5px;}
.pnbar a img{margin-right:5px;vertical-align:baseline;display:inline-block;}


.flexbox{-webkit-flex-direction:column;flex-direction:column;}

.news-right{width:100%;margin:20px 0 0;}

.side-list{margin-bottom:20px;}
.side-list h3{height:45px;line-height:45px;font-size:16px;}
.side-list ul li{padding:15px 0;overflow:hidden;}
.side-list ul li .t h5{font-size:14px;line-height:20px;height:40px;}
.side-list ul li .t span{font-size:12px;}

.side-tags{margin-bottom:0;margin-top:20px;}
.side-tags h3{height:45px;line-height:45px;font-size:16px;}
.side-tags .nr{overflow:hidden;margin:15px 0 0;line-height:20px;font-size:13px;color:#444;}
.side-tags .nr a{padding:3px 6px;margin:0 5px 5px 0;}

.news-left{-webkit-flex:1;flex:1;margin-right:0;}

.newslist ul li{padding:15px 0;border-bottom:1px dashed #D9D9D9;position:relative;}
.newslist ul li .pic{float:none;width:160px;display:block;margin:0 auto;}
.newslist ul li .t{margin:15px 0 0;}
.newslist ul li .t h5{font-size:16px;}
.newslist ul li .t p{font-size:13px;line-height:20px;height:40px;}
.newslist ul li .bot{margin:15px 0 0;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;}
.newslist ul li .bot span{font-size:13px;color:#999;background:url(../images/time.png) no-repeat left center;min-height:18px;padding:0 0 0 25px;}
.newslist ul li .bot .more{display:inline-block;font-size:14px;color:#01a6db;}

.newslist ul li:hover{border-bottom:1px dashed #01A6DB;}
.newslist ul li:hover .t h5 a{color:#01A6DB;}
.newslist ul li:hover .more{color:#01A6DB;}


.hr-3{margin-top:10px;}
.hr-3 ul{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-wrap:wrap;flex-wrap:wrap}
.hr-3 ul li{width:33.33333333%;margin:20px 0 0;}
.hr-3 ul li img{height:80px;}
.hr-3 ul li p{font-size:15px;margin:5px 0 0;}
.hr-3 ul li:hover{transform:translate(0);-webkit-transform:translate(0);}


.hr-list{margin-top:20px;}
.hr-list .tit{height:45px;line-height:45px;}
.hr-list .tit span{font-size:14px;box-sizing:border-box;}
.hr-list .tit span:nth-child(1){display:none;}
.hr-list .tit span:nth-child(2){width:130px;text-align:left;padding:0 0 0 8px;}
.hr-list .tit span:nth-child(3){width:110px}
.hr-list .tit span:nth-child(4){width:50px}
.hr-list .tit span:nth-child(5){display:none;}
.hr-list .tit span:nth-child(6){width:30px}

.hr-list .list .t{height:46px;line-height:18px;}
.hr-list .list .t span{font-size:12px;box-sizing:border-box;}
.hr-list .list .t span:nth-child(1){display:none;}
.hr-list .list .t span:nth-child(2){width:130px;text-align:left;padding:0 0 0 8px;}
.hr-list .list .t span:nth-child(3){width:110px}
.hr-list .list .t span:nth-child(4){width:50px}
.hr-list .list .t span:nth-child(5){display:none;}
.hr-list .list .t span:nth-child(6){width:30px}
.hr-list .list .t span:nth-child(6) em{width:30px;}

.hr-list .list .con{display:none;padding:15px 8px;}
.hr-list .list .con p{font-size:13px;line-height:24px;margin-bottom:10px;}
.hr-list .list .con a{display:none;}



.about1{padding:25px 0;}
.about1 .wp{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-direction:column;flex-direction:column;}
.about1 .pic{display:none;}
.about1 .txt{-webkit-flex:1;flex:1;margin-right:0;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;}
.about1 .txt em{font-size:16px;text-align:center;}
.about1 .txt h5{font-size:30px;text-align:center;}
.about1 .txt hr{margin:20px auto 0;}
.about1 .txt p{font-size:14px;line-height:24px;}


.about2{background-size:cover;padding:35px 0 25px;}
.about2 .t{height:auto;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;}
.about2 .t .v{position:relative;width:60px;height:60px;border-radius:50%;background-color:#01A7DB;cursor:pointer;display:inline-block;text-align:center;}
.about2 .t .v::after{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:50%;background-color:rgba(1,167,219,0.2);animation:scale2 2s linear infinite;}
.about2 .t .v i{font-size:25px;line-height:60px;}
.about2 .t h5{font-size:30px;margin:30px 0 0;}

.about2 ul{margin:20px 0 0;height:auto;background:#01A7DB;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:wrap;flex-wrap:wrap;padding:20px 0 5px;}
.about2 ul li{width:50%;margin-bottom:15px;-webkit-flex:auto;flex:auto;}
.about2 ul li:not(:last-child):before{content:'';width:1px;height:45px;background:#E4E2E2;position:absolute;right:0;top:10px;}
.about2 ul li:nth-child(2):before,.about2 ul li:nth-child(4):before{display:none;}
.about2 ul li h5{font-size:24px;}
.about2 ul li h5 em{font-size:22px;}
.about2 ul li p{font-size:14px;margin:7px 0 0;}

@keyframes scale2 { 
from {-webkit-transform:scale(1);transform:scale(1);}
  50% {-webkit-transform:scale(1.1);transform:scale(1.1);}
  to {-webkit-transform:scale(1);transform:scale(1);} 
}

.about3{padding:30px 0;}
.about3 h3{font-size:30px;}
.about3 ul{margin-top:30px;}
.about3 ul li .t{display:none;}
.about3 ul li h5{margin:8px 0 0;font-size:14px;}


.contact{margin:20px 0 0;-webkit-flex-direction:column;flex-direction:column;}

.mess{width:100%;}
.mess h3{margin:0 0 20px 0;font-size:22px;text-align:center;}
.mess dl{line-height:24px;}
.mess dl dt,.mess dl dd{float:none;font-size:14px;}
.mess dl dt{margin-right:0;width:100%;padding-left:0;}
.mess dl dd{padding-left:0;width:100%;margin-top:5px;}

.inquirbox{width:100%;margin:20px 0 0;}
.inquirbox ul li{width:160px;margin:0 20px;}
.inquirbox ul li p{font-size:14px;}

.map{margin:30px 0 0;border:#C1C1C1 5px solid;}

}


@media screen and (max-width:480px) {

.logo img{height:50px;}
#banner .swiper-slide{height:320px;}

}

@media screen and (max-width:400px) {

.h-hbg ul li .z-img img{height:40px;}
.stit h2,.case-tit h3,.about1 .txt h5,.about2 .t h5,.about3 h3,.sec_gap .tit h3,.indexD .tit h3,.index-case .tit h3,.indexnews .tit h3,.index-partner .tit h3{font-size:24px;}

.foot-form .sendemail{width:280px;}

}


@media screen and (max-width: 900px){
  #back{width: 100%;}
  
  #goTop { margin-bottom: 50px; } 
}