/*pad*/

img {
    max-width: 100%;
}

.gh {
    height: 28px;
    width: 28px;
    position: absolute;
    transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -webkit-transition: all 0.5s cubic-bmezier(0.7, 0, 0.3, 1) 0s;
    -ms-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    cursor: pointer;
    z-index: 9999;
    display: none;
}

.selected .gh {
    transform: rotate(90deg);
}

.gh a {
    background-color: #30a8e1;
    display: block;
    margin: 0 auto;
    height: 2px;
    margin-top: -1px;
    position: relative;
    top: 50%;
    transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    width: 100%;
    border-radius: 2px;
}

.gh a:after {
    width: 100%;
}

.gh a:before {
    width: 100%;
}

.gh a:after,
.gh a:before {
    background-color: #30a8e1;
    content: "";
    display: block;
    height: 2px;
    left: 0;
    position: absolute;
    transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
}

.gh a:after {
    top: 7px;
}

.gh a:before {
    top: -7px;
}

.selected .gh a:after,
.selected .gh a:before {
    top: 0;
}

.selected .gh a:before {
    transform: translateY(0px) rotate(-45deg);
    -webkit-transform: translateY(0px) rotate(-45deg);
    -ms-transform: translateY(0px) rotate(-45deg);
    background: #30a8e1;
    width: 100%;
}

.selected .gh a:after {
    transform: translateY(0px) rotate(45deg);
    -webkit-transform: translateY(0px) rotate(45deg);
    -ms-transform: translateY(0px) rotate(45deg);
    background: #30a8e1;
    width: 100%;
}

.selected .gh a {
    background-color: transparent !important;
}






@media only screen and (max-width:1660px) {
	html{
		font-size:16px;
	}
	
}

@media only screen and (max-width:1400px) {
	html{
		font-size:14px;
	}
		
}

@media only screen and (max-width:1200px) {
   html{
   	font-size:12px;
   }
   
 

}
@media only screen and (max-width:1100px) {
  html{
  	font-size:14px;
  }
  .wrap{
	  max-width: initial;padding: 0 15px;
  }
  .header{
	  height: 50px;
  }
  .header .wrap{
	  display: block;
  }
  .gh{
	  display: block;top: 12px;right: 15px;
  }
  .header .logo img{
	  max-width: 100px;margin-top: 10px;
  }
  .header .naver{
	 position: absolute;
  	   right: 0;
  	   top: 100%;z-index: 45;background: #fff;width: 320px;
	   transform:translateX(100%);
	   transition:all 0.3s;
	   -ms-transition:all 0.3s;  /* IE 9 */
	   -moz-transition:all 0.3s;     /* Firefox */
	   -webkit-transition:all 0.3s; /* Safari 和 Chrome */
	   -o-transition:all 0.3s;
	   display: block;
	   height: calc(100vh - 50px);
	   overflow-y: scroll;
	   overflow-x: hidden;
  }
  .selected .header .naver{
	  transform:translateX(0%);
  }
  .header .naver ul{
	  display: block;padding: 10px 0 10px 20px;
  }
  .header .naver li{
	  margin-left: 0;margin-bottom: 4px;
  }
  .header .naver li a{
	  font-size: 16px;line-height: 36px;
  }
  .layout{
	  padding-top: 50px;
  }
  .banner{
	  height: 30vw;
  }
  .uittab .wrap{
	  display: block;
  }
  .crumbs dd span, .crumbs dd a{
	  font-size: 13px;line-height: 1.6;
  }
  .uittab{
	  padding: 8px 0 0;
  }
  .uittab .tab li a{
	  font-size: 14px;
  }
  .uittab .tab li span{
	  margin: 0 8px;
  }
  .news{
	  padding: 30px 0;
  }
  .tit h2{
	  font-size: 20px;
  }
  .tit h3{
	  font-size: 16px;
  }
  .news .list li a{
	  display: block;
  }
  .news .list li .pic{
	  width: auto;height: auto;
  }
  .news .list li .rt{
	  display: block;width: auto;margin-top: 10px;
  }
  .news .list li .txt{
	  width: auto;
  }
  .news .list li .txt h3{
	  font-size: 15px;
  }
  p{
	  font-size: 14px !important;
  }
  .news .list li p{
	  height: auto;margin: 5px 0 20px;line-height: 1.6;
  }
  .news .list li h6{
	  font-size: 14px;width: 110px;line-height: 32px;border-radius: 20px;
  }
  .news .list li dl{
	 display: none;
  }
  .news .list li{
	  margin-bottom: 20px;
  }
  .pages dd a{
	  font-size: 12px;
  }
  .footer{
	  padding: 30px 0;
  }
  .footer .wrap{
	  display: block;
  }
  .footer .ltc{
	  width: auto;padding-right: 0;
  }
  .footer .ltc h1{
	  font-size: 16px;
  }
  .footer .ltc h4{
	  font-size: 14px;margin: 14px 0;
  }
  .footer .ltc .copyright a{
	  font-size: 12px;
  }
  .footer .rtc{
	  display: block;width: auto;display: none;
  }
  .sjweix{
	  display: block;margin-bottom: 10px;
  }
  .footer .sjweix {
  	width:90px;
  	position:relative;
  }
  .footer .sjweix img {
  	width:100%;
  	height:90px;
  	overflow:hidden;
  }
  .footer .sjweix h6 {
  	font-size:14px;
  	line-height:1.6;
  	color:rgba(255,255,255,0.5);
  	text-align:center;
  	margin-top:4px;
  }
  .crumbs dl{
	  display: block;overflow: hidden;
  }
  .crumbs dd{
	  float: left;
  }
  .newsdel{
	  padding: 30px 0;
  }
  .newsdel .hds h1{
	  font-size: 18px;
  }
  .newsdel .hds dd{
	  font-size: 13px;margin: 0 5px;
  }
  .newsdel .del{
	  font-size: 14px;line-height: 1.8;
  }
  .newsdel .fts{
	  display: block;
  }
  .newsdel .fts .b1{
	  max-width: initial;font-size: 14px;margin-bottom: 10px;
  }
  .uittab .tab ul{
	  display: block;overflow-x: scroll;overflow-y: hidden;white-space: nowrap;
  }
   .uittab .tab li{
	   display: inline-block;
   }
   .uitpro li{
	   margin-bottom: 20px;width: auto;float: none;margin-right: 0;
   }
   .uitpro li .pic{
	   height: auto;
   }
   .uitpro li .txt h3{
	   font-size: 16px;
   }
   .uitpro li .txt p{
	   height: auto;
   }
   .prodel{
	   padding: 30px 0;
   }
   .prodel .hds .ovs,
   .prodel .hds .hdswip,
   .prodel .hds .rt,
   .prodel .hds .lt{
	   float: none;width: auto;
   }
   .prodel .hds .ovs{
	   height: auto;
   }
   .prodel .hds .rt{
	   margin-top: 20px;
   }
   .prodel .hds h3{
	   font-size: 20px;
   }
   .prodel .hds .del{
	   font-size: 14px;height: auto;
   }
   .prodel .hds .btn{
	   font-size: 14px;margin-top: 20px;
   }
   .prodel .bds{
	   margin-top: 30px;
   }
   .prodel .ts{
	   font-size: 16px;
   }
   .prodel .bds .txt{
	   font-size: 14px;line-height: 1.8;
   }
   .prodel .fts{
	   margin-top: 30px;
   }
   .about .ab1{
	   padding: 30px 0;
   }
   .about .ab1 .del{
	   font-size: 14px;
   }
   .about .ab2{
	   height: auto;padding: 30px 0;
   }
   .about .ab2 .wrap{
	   border: none;max-width: initial;
   }
   .about .ab2 .tit{
	   position: static;
   }
   .about .ab2 .bds ul{
	   display: block;overflow: hidden;margin-top: 10px;
   }
   .about .ab2 li{
	   width: 50%;padding: 20px 8px;display: block;float: left;    border-bottom: 0.052083333333333336rem solid #eeeeee;
   }
   .about .ab2 li h3{
	   font-size: 16px;margin: 8px 0;
   }
   .about .ab2 li:nth-child(2n){
	   border-right: none;
   }
   .about .ab2 li:last-child,
   .about .ab2 li:nth-last-child(2){
	   border-bottom: none;
   }
   .spabout{
	   padding: 30px 0;
   }
   .spabout .wrap{
	   display: block;
   }
   .spabout .pic,
   .spabout .txt{
	   width: auto;
   }
   .spabout .txt .del{
	   font-size: 14px;
   }
  .spabout .pic{
	  margin-top: 20px;
  }
  
  .rongyun .list li{
	  float: none;width: auto;margin-right: 0;margin-bottom: 20px;
  }
  .rongyun .list li h6{
	  margin-top: 6px;font-size: 14px;
  }
  .habout{
	  padding: 30px 0;
  }
  .habout .pic{
	  float: none;width: auto;
  }
  .habout .pic img{
	  width: 100%;max-width: 100%;border-radius: 15px;
  }
  .habout .text{
	  margin-top: 20px;width: auto;
  }
  .habout .txt{
	  font-size: 14px;margin-top: 10px;
  }
  .habout li:nth-child(2):before, .habout li:nth-child(2)::after{
	  left: -50px;
  }
  .habout li:nth-child(2)::after{
	  left: auto;right: -50px;
  }
  .habout li h4{
	  font-size: 14px;
  }
  .habout ul{
	  margin: 20px 0;
  }
  .umore a{
	  width: 120px;
  }
  .umore a i{
	  line-height: 34px;font-size: 14px;
  }
  .hproduct .tit{
	  position: static;
  }
  .hproduct{
	  padding: 30px 0;
  }
  .hproduct ul{
	  display: block;border: none;overflow: hidden;
  }
  .hproduct li a{
	  height: auto;display: block;
  }
  .hproduct li{
	  width: 50%;float: left;position: relative;padding: 20px 0;
  }
  .hproduct li:nth-child(2n){
	  float: right;
  }
  .hproduct li .bg{
	  display: none;
  }
  .hproduct li:nth-child(2n) a{
	  border-right: none;
  }
  .hproduct li:before{
		  content: "";position: absolute;
		  left: 10px;right: 0;
		  bottom: 0;z-index: 1;width: 90%;height: 1px;background: rgba(255,255,255,0.1);
  }
  .hproduct li h4{
	  font-size: 16px;
  }
  .hproduct li h5{
	  font-size: 12px;
  }
  .hproduct li:nth-last-child(2):before,
   .hproduct li:last-child:before{
	   display: none;
   }
  .hcase{
	  padding: 30px 0;
  }
  .mnext a{
	  width: 26px;height: 26px;
  }
  .uflc{
	  margin-bottom: 20px;
  }
  .hmlist{
	  padding: 30px 0;
  }
  .hmlist .uflc{
	  display: block;
  }
  .uflc .txt{
	  text-align: left;max-width: initial;margin-top: 10px;
  }
  .uflc .txt h4{
	  font-size: 15px;
  }
  .hmlist li{
	  float: none;width: auto;margin-right: 0;margin-bottom: 20px;
  }
  .hmlist li h5{
	  font-size: 15px;
  }
  .hmlist li h6{
	  font-size: 14px;
  }
  .hnews,
  .hmshuzi{
	  padding: 30px 0;
  }
  .hnews .nflca{
	  display: block;margin-top: 20px;
  }
  .hnews dl,
  .hnews ul{
	  width: auto;
  }
  .hnews li h5{
	  font-size: 14px;
  }
  .hnews li h2{
	  font-size: 16px;margin: 5px 0;
  }
  .hnews li p{
	  line-height: 1.7;height: auto;
  }
  .hnews li h6{
	  font-size: 14px;
  }
  .hnews li{
	  padding-bottom: 10px;margin-bottom: 10px;
  }
  .hnews dd{
	  float: none;width: auto;margin-bottom: 20px;
  }
  .hnews dd .pic{
	  height: auto;
  }
  .hnews dd h3{
	  font-size: 16px;height: auto;
  }
  .hnews dd h6{
	  font-size: 14px;
  }
  .hhezuo{
	  padding: 30px 0;
  }
  .hhezuo li{
	  width: calc((100% - 10px)/2);margin-right: 0;height: 20vw;margin-bottom: 10px;
  }
  .hhezuo li:nth-child(2n){
	  float: right;
  }
  
  
  .msak{
	  display: block;position: fixed;
	  left: 0;right: 0;
	  top: 0;z-index: 12;bottom: 0;background: rgba(0, 0, 0,0.5);display: none;
  }
  .selected .msak{
  	display: block;
  }
  .hbanner .text h4{
	  font-size: 13px;
  }
  .hbanner .text h3 img{
	  width: 230px;
  }
  .hbanner .text h5{
	  font-size: 16px;line-height: 1.7;
  }
  .hbanner .text dl{
	  flex-wrap: wrap;margin-top: 18px;
  }
  .hbanner .text{
	  top: 40px;left: 10px;
  }
  .hbanner{
	  height: 28rem;
  }
.hbanner .text dd .ico{
	width: 44px;height: 44px;
}
  .hbanner .text dd .ico img{
	  width: 20px;height: 20px;
  }
  .hbanner .text dd{
	 margin-right: 20px;margin-bottom: 10px;
  }
  .hbanner .ubtn{
	  bottom: 10px;
  }
  .hnli{
	  position: static;padding: 0;
  }
  .header .ph {
	  display: none;
  }
  .header .naver li{
	  border-bottom: 1px solid #eee;
  }
  .header .naver li h3 a{
	  font-size: 16px;line-height: 40px;
  }
  .hnli .ds1{
	  width: auto;
  }
  .hnli .ds .img{
	  display: none;
  }
  .hnli .wraps{
	  display: block;width: auto;
  }
  .hnli .ds1 dl{
	  width: auto;float: none;
  }
  .hnli .ds dd .dnl h6 a,
  .hnli .ds dd h5 a{
	  font-size: 15px;line-height: 30px;
  }
  .hnli .ds dt{
	  font-size: 16px;margin-left: 8px;
  }
   .header .naver li i{
	   width:40px;
	   height:40px;
	   background:url(../images/qmx13.png) no-repeat center/6px auto;
	   cursor:pointer;position: absolute;
	  right: 0;
	   top: 0;z-index: 1;
   }
   .header .naver li{
	   margin: 0;position: relative;
   }
   .hnli .ds dd h5{
	   position: relative;
   }
   .hnli .ds dd h5 a{
	   display: block;
   }
  .hnli .ds dd h5 i{
	  background:url(../images/qmx13.png) no-repeat center/6px auto;width: 30px;height: 30px;display: block;
  }
  .hnli .ds dd h5{
	  margin-left: 30px; border-bottom: 1px solid #eee;
  }
  .hnli .ds dd .dnl h6{
	  margin-left: 30px;
  }
  .hnli .ds dd{
	  display: none;
  }
  .header i{
	  transition:all 0.3s;
	  -ms-transition:all 0.3s;  /* IE 9 */
	  -moz-transition:all 0.3s;     /* Firefox */
	  -webkit-transition:all 0.3s; /* Safari 和 Chrome */
	  -o-transition:all 0.3s;
  }
  .header i.on{
	  transform:rotate(90deg);
	  -ms-transform:rotate(90deg);  /* IE 9 */
	  -moz-transform:rotate(90deg);     /* Firefox */
	  -webkit-transform:rotate(90deg); /* Safari 和 Chrome */
	  -o-transform:rotate(90deg);
  }
 .hnews dd:nth-child(2n){
	 float: none;
 }
  .hmshuzi .hswipers .swiper-slide{
	  height: 15rem;
  }
  .prodel .hds .hdswip .swiper-slide{
	  height: 16rem;
  }
  .prodel .hds .bdswip .swiper-slide{
	  height: 14vw;
  }
  .prodel .hds .ovs{
	  padding: 0 40px;position: relative;margin-top: 10px;
  }
  .prodel .hds .ovs .prev, .prodel .hds .ovs .next{
	  left: 0;width: 30px;height: 14vw;background: url(../images/prev-5.png) no-repeat center/8px auto #ababab;
  }
  .prodel .hds .ovs .next{
	  right: 0;left: auto;
  }
  .cases{
	  padding: 30px 0;
  }
  .cases .list li{
	  float: none;width: auto;margin-right: 0;margin-bottom: 20px;
  }
  .cases .list li .pic{
	  height: auto;
  }
  .cases .list li h4{
	  font-size: 16px;
  }
  .contact{
	  padding-top: 30px;
  }
  .contact .hds{
	  padding-bottom: 30px;
  }
  .contact .hds .wrap{
	  display: block;
  }
  .contact .hds .text h1{
	  font-size: 18px;margin-top: 20px;padding-bottom: 12px;
  }
  .contact .hds .text{
	  width: auto;
  }
  .contact .hds .fsw{
	  display: block;margin-top: 15px;
  }
  .contact .hds .text dl{
	  width: auto;
  }
  .contact .hds .text dd{
	  font-size: 15px;line-height: 1.7;
  }
  .contact .hds .text .wx{
	  margin-top: 20px;width: 90px;
  }
  .contact .hds .text .wx img{
	  height: 90px;
  }
  .contact .hds .form{
	  width: auto;margin-top: 20px;
  }
  .contact .hds .form h3{
	  font-size: 18px;
  }
  .contact .hds .form ul{
	  margin-top: 0;display: block;
  }
  .contact .hds .form li{
	  width: auto;
  }
  .contact .hds .form li .t1{
	  height: 38px;font-size: 14px;
  }
  .contact .hds .form li .t2{
	  height: 90px;
  }
  .contact .hds .form .sub{
	  width: 120px;font-size: 14px;
  }
  .service{
	  padding: 30px 0;
  }
  .service .pic{
	  float: none;width: auto;
  }
  .service .text{
	  width: auto;margin-top: 20px;
  }
  .service .text .flsw{
	  display: block;margin-top: 20px;
  }
  .service .text .flsw .lt{
	  margin-bottom: 20px;
  }
  .service .flsw h3{
	  font-size: 16px;
  }
  .service .text p{
	  line-height: 1.7;
  }
  .join{
	  padding: 30px 0;
  }
  .join .list{
	  margin-top: 20px;
  }
  .join .list li .tps{
	  display: block;padding: 10px 20px;
  }
  .join .list li .tps h3{
	  font-size: 16px;line-height: 36px;
  }
  .join .list li .tps p{
	  width: auto;line-height: 30px;
  }
  .join .list li .tbs{
	  padding: 10px 20px;margin: 0;
  }
  .join .list li .tbs .txt{
	  display: block;
  }
  .join .list li .tbs .ds{
	  width: auto;margin-bottom: 20px;
  }
  .join .list li .tbs .ds:nth-child(2){
	  width: auto;padding-left: 0;
  }
  .join .list li .tbs .ds:nth-child(2):before{
	  display: none;
  }
  .join .list li .tbs .ds h4{
	  font-size: 16px;
  }
  .join .list li .tbs .del{
	  font-size: 14px;line-height: 1.7;
  }
  .join .list li .tbs .ds h4{
	  margin-bottom: 8px;
  }
  .join .list li .tbs .b1{
	  width: 120px;line-height: 36px;font-size: 14px;border-radius: 20px;
  }
  .footer .ltc::before{
	  display: none;
  }
  
}