/*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: #00aca0;
    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: #00aca0;
    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: #00aca0;
    width: 100%;
}

.selected .gh a:after {
    transform: translateY(0px) rotate(45deg);
    -webkit-transform: translateY(0px) rotate(45deg);
    -ms-transform: translateY(0px) rotate(45deg);
    background: #00aca0;
    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:1000px) {
  html{
  	font-size:14px;
  }
  .wrap{
	  width: auto;padding: 0 10px;
  }
  .layout{
	  padding-top: 60px;
  }
  .header{
	  height: 60px;padding: 0;
  }
  .header .wrap{
	  display: block;
  }
  .header .naver .search{
	  display: none;
  }
  .header .naver{
	  padding-right: 0;
  }
  .header .logo{
	  margin-top: 6px;
  }
  .header .logo img.logo1{
	  display: none;
  }
  .header .logo img.logo2{
  	  display: block;
  }
  .gh{
	  right: 20px;top: 18px;display: block;
  }
 
  .header .naver ul{
	  display: block;padding: 14px 0;
  }
  .header .naver li{
	  margin-left: 0;
	  border-bottom: 1px solid #ccc;
  }
  .header .naver{
	      position: absolute;
	      top: 60px;
	      left: 0;
	      right: 0;
	      z-index: 111;height: calc(100vh - 60px);
		  background: #fff;
  }
  .header .naver h3 a{
	  font-size: 16px;line-height: 32px;padding: 0 14px;
  }
  .header .naver li i {
  	    position: absolute;
  	    right: 0;
  	    top: 0;
  	    width:44px;
  	    height: 44px;
  	    background: url(../images/qms2-1.png) no-repeat center/16% auto;
  	    display: block;
  	    z-index: 11;
  	    transition: all 0.3s;
  	    -ms-transition: all 0.3s;
  	    -moz-transition: all 0.3s;
  	    -webkit-transition: all 0.3s;
  	    -o-transition: all 0.3s;
  	}
  .header .naver li .nli{
	  position: static;
  }
  .header .naver li .nli dl{
	  padding: 0;
  }
  .header .naver li .nli dd a{
	  font-size: 14px;line-height: 38px;
  }
  
  .abban{
	  height: 300px;padding: 0 15px;
  }
  h3{
	  font-size: 17px !important;line-height: 1.7;
  }
  p,
  h4{
	  font-size: 14px !important;line-height: 1.6;
  }
  .abban .txt p::before, .abban .txt p::after{
	display: none;
  }
  .abban .txt h4{
	  margin-bottom: 24px;
  }
  .about .abhd{
	  padding: 30px 0;
  }
  .about .abhd .wrap{
	  display: block;
  }
  .about .abhd .txt,
  .about .abhd .pic{
	  width: auto;
  }
  .about .abhd .txt{
	  margin-top: 20px;
  }
  .about .abhd .txt p{
	  margin-top: 8px;
  }
  .about .abbd{
	  margin-top: 20px;transition:all 0s;
	  -ms-transition:all 0s;  /* IE 9 */
	  -moz-transition:all 0s;     /* Firefox */
	  -webkit-transition:all 0s; /* Safari 和 Chrome */
	  -o-transition:all 0s;padding-top: 0px;
  }
  h2{
	  font-size: 17px !important;
  }
  .tit h3{
	  font-size: 12px !important;color: #494949;margin-top: 6px;
  }
  .tit h3 br{
	  display: none !important;
  }
  .about .abbd .pic{
	 transition:all 0s;
	  -ms-transition:all 0s;  /* IE 9 */
	  -moz-transition:all 0s;     /* Firefox */
	  -webkit-transition:all 0s; /* Safari 和 Chrome */
	  -o-transition:all 0s;margin: 20px 0 0;
  }
  .about .abbd .tit{
	  /* position: static; */
  }
  .about .abbd.on .mumores{
	  display: none;
  }
  .about .abbd.on .tit h2, .about .abbd.on .tit h3{
	  margin: 20px 0 0;color: #fff;
  }
  .abswiper .next, .abswiper .prev{
	  background-size: 8px auto !important;
  }
  .about .abbd.on .pic{
	  height: calc(100vh - 60px);
  }
  .abswiper .text{
	  padding: 12px;
  }
  .abul{
	  padding: 30px 20px;
  }
  .abul ul{
	  display: block;
  }
  .abul li{
	  width: auto;margin: 0;margin-bottom: 20px;
  }
  .abul li h4{
	  font-size: 18px !important;
  }
  .dailhez{
	  padding: 30px 0;
  }
  .dailhez .hd ul{
	  margin-top: 20px;
  }
  .dailhez .hd li{
	  float: none;width: auto;margin-bottom: 20px;
  }
  .dailhez .hd li:nth-child(2n){
	  float: none;
  }
  .ubtn i,
  .dailhez .hd li .txt,
  .dailhez .hd li h5{
	  font-size: 14px;
  }
  .dailhez .hd li .txt{
	  height: 32px;
  }
  .footer .wrap{
	  display: block;max-width: initial;
  }
  .footer .copyright{
	  display: block;margin-top: 20px;padding-top: 10px;
  }
  .footer .copyright a{
	  font-size: 12px;
  }
  .footer .copyright .cr a{
	  margin-left: 0;margin-right: 10px;
  }
  .footer .dl{
	  display: none;width: auto;
  }
  .footer{
	  padding-top: 20px;
  }
  
  .footer .l h5{
	  font-size: 15px;line-height: 32px;background-size: 12px auto !important;
  }
  .footer .weix img{
	  width: 100px;margin: 10px auto 0;
  }
  .footer .weix h6{
	  font-size: 14px;
  }
  .hhbanner{
	  height: 180px;background-position: ;
  }
  .hhbanner h6{
	  font-size: 13px;
  }
  .hhbanner h2{
	  font-size: 16px !important;
  }
  .htab .wrap{
	  overflow-x: scroll;overflow-y: hidden;
  }
  .htab ul{
	  display: inline-block;white-space: nowrap; 
  }
  .htab li{
	  display: inline-block;margin: 0 12px;white-space: nowrap; 
  }
  .htab li a{
	  line-height: 36px;
  }
  .changjwt{
	  padding:  30px 0;
  }
  .changjwt li{
	  padding: 10px;margin-bottom: 20px;
  }
  .changjwt li .hd h3{
	  font-size: 14px !important;
  }
  .changjwt li .text{
	  font-size: 14px;margin: 10px 20px;
  }
  .changjwt li .hd img{
	  width: 20px;display: block;position: relative;top: 7px;
  }
  .changjwt li .hd{
	  align-items: baseline;
  }
  .contact .hd{
	  padding: 30px 0;
  }
  .contact .hd ul{
	  display: block;margin-top: 20px;
  }
  .contact .hd ul li{
	  width: auto;margin-bottom: 20px;
  }
  .contact .hd ul li h6{
	  font-size: 14px;
  }
  .map .text{
	  width: auto;margin: 0 10px;
  }
  .dailhez .hd h6{
	  font-size: 14px;margin-top: 6px;
  }
  .dailhez .hd h5{
	  font-size: 14px;
  }
  .dailhez .hd li.wid:last-child{
	  width: auto;
  }
  .dailhez .bd .dseach{
	  margin: 20px 10px;width: auto;
  }
  .dailhez .bd h6{
	  font-size: 14px;
  }
  .dailhez .bd li h3{
	  font-size: 16px !important;
  }
  .down{
	  padding: 30px 0;
  }
  .down li{
	  float: none;width: auto;margin-bottom: 16px;
  }
  .down li:nth-child(2n){
	  float: none;
  }
  .down li a .icon{
	  width: 70px;height: 60px;
  }
  .down li a img{
	  max-width: 40%;
  }
  .down li .txt{
	  width: calc(100% - 80px);
  }
  .down li .img{
	  width: 50px;
  }
  .down li .txt h6{
	  font-size: 12px;
  }
  .down li .txt{
	  height: 60px;
  }
  .news{
	  padding: 30px 0;
  }
  .news li{
	  width: auto;float: none;margin-right: 0;margin-bottom: 20px;
  }
  .news li .txt{
	  padding: 10px 0 10px;
  }
  .news li .txt h2{
	  font-size: 16px !important;height: auto;
  }
  .news li .txt h6{
	  font-size: 14px;margin-top: 10px;
  }
  .qmnewdel{
	  padding: 20px 0;
  }
  .qmnewdel .pad{
	  padding: 0;
  }
  .qmnewdel .hds{
	  padding-bottom: 30px;
  }
  .qmnewdel .bds{
	  display: block;
  }
  .qmnewdel .rts,
  .qmnewdel .lts{
	  width: auto;float: none;
  }
  
  .qmnewdel .lts h1{
	  font-size: 20px;
  }
  .qmnewdel .rts li h6,
  .qmnewdel .lts .del,
  .qmnewdel .lts h6{
	  font-size: 14px;
  }
  .qmnewdel .rts{
	  margin-top: 30px;
  }
  .qmnewdel .rts li{
	  padding: 10px 0;
  }
  .qmnewdel .rts li h4{
	  font-size: 15px !important;line-height: 1.8;height: auto;
  }
  .qmnewdel .rts li h6{
	  margin-top: 6px;
  }
  .qmnewdel .bds{
	  padding-top: 20px;
  }
 .qmnewdel .bds .b1{
	 font-size: 14px;max-width: initial;margin-bottom: 20px;
 } 
  .qmnewdel .bds .b1{
	  background-position: left top 5px;
  }
  .qmnewdel .bds .b2{
	     background: url(../images/qms2.png) no-repeat left top 5px/0.3125rem auto;padding-right: 0;    padding-left: 1.0416666666666667rem;
  }
  .product{
	  padding: 30px 0;
  }
  .product li{
	  float: none;width: auto;margin-right: 0;margin-bottom: 20px;
  }
  .product li .pic{
	  height: 180px;
  }
  .product li h6{
	  font-size: 14px;
  }
  .productdel .hd{
	  padding-top: 30px;
  }
  .productdel .wrap{
	  max-width: initial;
  }
  .productdel .hd .text,
  .productdel .hd .pic{
	  width: auto;float: none;
  }
  .productdel .hd .text{
	  margin-top: 40px;
  }
  .productdel .hd .pic{
	  height: 70vw;
  }
  
  .productdel .hd .pic{
	  padding-bottom: 40px;
  }
  .productdel .hd .text h6{
	  font-size: 14px;
  }
  .mtit,
  .productdel .hd .text h3{
	  font-size: 15px !important;
  }
  .productdel .hd .text h3{
	  margin-bottom: 4px;
  }
  .productdel .bd .tables{
	      overflow-x: auto;
	      overflow-y: hidden;
  }
   .productdel .bd table {
      width: 200%;
  }
  .qmsuos li{
	  padding: 8px 0;
  }
  .qmsuos li a{
	  font-size: 14px;
  }
  .service{
	  padding: 30px 0;
  }
  .service .hd{
	  width: auto;
  }
  .service .hd .bor .lsele{
	  font-size: 12px;
  }
  .service li h3{
	  font-size: 14px !important;width: 100px;
  }
  .service li dl{
	  width: calc(100% - 110px);
  }
  .shouhfw .wrap ul{
	  margin-top: 30px;display: block;
  }
  .shouhfw .wrap li{
	  width: auto;border-right: none;margin-bottom: 20px;
  }
  .shouhfw .wrap li h6{
	  font-size: 14px;
  }
  .hpage4 ul{
	  display: block;
  }
  .hpage4{
	  margin: 30px 0;
  }
  .hpage4 li{
	  width: auto;margin-bottom: 20px;
  }
  .hpage4 li .flxc h4{
	  font-size: 16px !important;
  }
  .hpage4 li .flxc h6{
	  font-size: 14px;padding: 0 10px;
  }
  .mumores a i{
	  font-size: 12px;width: 90px;
  }
  .hnews li{
	  float: none;width: auto;margin-right: 0;margin-bottom: 20px;
  }
  .hnews li .text{
	  padding: 10px 0;
  }
  .hnews li .text h3{
	  height: auto;margin-bottom: 10px;
  }
  .habout li h6,
  .hnews li .text h6{
	  font-size: 14px;
  }
  .habout ul{
	  display: block;margin: 20px 0;
  }
  .habout li{
	  margin-bottom: 20px;
  }
  .habout li h3 i{
	  font-size: 34px;
  }
  .habout li h3{
	  line-height: 1.3;
  }
  .habout{
	  padding: 30px 0 20px;
  }
  .hpage3 .swipercp .prev, .hpage3 .swipercp .next{
	  background-size: 8px auto !important;
  }
  .hpage3 .swipercp{
	  margin: 20px 10px 0;
  }
  .hpage3 .swipercp img{
	  height: 60vw;
  }
  .hpage3{
	  padding:30px 0 10px;
  }
  .hpage2 ul{
	  margin-top: 20px;display: block;
  }
  .hpage2 li{
	  width: auto;
  }
  .more,
  .hpage2 li .txt h5{
	  font-size: 14px;
  }
  .hpage1 .tit{
	  position: static;margin-bottom: 20px;
  }
  .hpage1{
	  margin: 0 10px;padding: 30px 0 20px;
  }
  .banner{
	  height: 70vw;
  }
 .banner .txt h2{
	 font-size: 16px !important;
 }
  .banner .txt h5{
	  font-size: 13px;
  }
  .banner .txt{
	  top: 8%;
  }
  .fxrts li a h5{
	  font-size: 10px;
  }
 .fxrts li .bog img{
	 width: 16px;
 }
 .qmdailhez .hd li:nth-child(3n){
	 float: none;
 }
  .qmtext{
	  margin-top: 30px;
  }
  .layout{
  	  overflow: hidden;
    }
  
  .qmmumk{
	  margin: 0 20px;width: auto;top: 10%;
  }
  .mumk{
	  margin: 0 20px;width: auto;padding: 20px 10px;top: 10%;
  }
  .qmmumk .icon,
  .mumk .icon{
	  width: 20px;height: 20px;top: 10px;right: 10px;
  }
  .qmmumk .lo img,
  .mumk .lo img{
	  width: 100px;
  }
  .mumk h6{
	  font-size: 14px;
  }
  .mumk li{
	  display: block;
  }
  .mumk li:first-child .txt{
	  width: 100%;margin-bottom: 12px;
  }
  .qmnewdel,
  .qmsuos{
	  padding: 30px 0;
  }
  .qmmumk .lo{
	  padding: 10px 0 10px 30px;
  }
  .qmmumk .del{
	  font-size: 16px;padding: 50px 14px;
  }
 .header .naver li .nli{
	 background: none;
	 padding-top: 0;
 } 
 .header .naver li .nli dl{
	 box-shadow: none;
 }
  .header .naver li .nli dd a:hover{
	  
  }
  .header .naver li .nli dd a{
	  text-align: left;
	  padding: 0 30px;
  }
  .header .naver li i.on{
	  transform:rotate(90deg);
  }
  .header .naver h3 a{
	  line-height: 44px;
  }
  .header .naver ul{
	  padding: 0;
  }
  .header{
	  background: #fff !important;
	  box-shadow:  0 0 8px 0 rgba(80,80,80,0.2);
  }
  .header .naver{
	  display: none;
  }
  .hpage3{
	  padding-top: 0;
  }
  .mumores a i{
	font-size: 14px;line-height: 40px;
  }
  .wrap{
	  padding: 0 20px;
  }
  .footer .weix{
	  width: 100px;
  }
  .footer .weix h6{
	  
  }
  .footer .copyright a{
	  line-height: 1.4;
  }
  .footer{
	  padding-bottom: 30px;
  }
  .fxrts{
	  display: none;
  }
  .about .abbd .tit{
	  padding: 0 20px;
  }
  .abswiper{
	  padding: 0 50px;
  }
 .header .logo img.logo1{
	  display: block !important;
  }
  .header .logo img.logo2{
	  display: none;
  }
  .header .naver h3 a{
	  color: #333;
  }
  .hpage2 li{
	  margin-bottom: 20px;
  }
  .hpage2 li .txt{
	  position: static;margin-top: 20px;
  }
  
  
  
  .banner .txt{
	  top: 6%;
  }
  
  .hpage1 {
	  height: 300px;
  }
  .mbg{
	  height: 300px;
  }
  .flccc .txt{
	  top: 60px;
  }
  .flccc .abban{
	  margin-top: -200px;
	  position: relative;z-index: 111;
	  height: auto;
	  padding-bottom: 200px;
  }
  .abban .txt{
	  width: auto;
	  margin: 0 20px;
  }
  .abswiper .text p{
	  margin-top: 20px;font-size: 12px !important;
  }
  .abswiper .text p br{
	  display: none;
  }
  .abswiper .text{
	  padding-bottom: 0;
  }
  .header .naver .search{
	  display: flex;
	  position: static;
	  justify-content: center;
	  margin: 15px 0;
  }
 .header .naver .search .txt {
     padding: 0 0.78125rem;
     width: calc(100% - 80px) !important;
     opacity: 1;height: 40px;font-size: 16px;
 }
  .btncc{
	  display: block;
	  text-align: center;
  }
  .btncc .phone{
	  display: inline-block;
	  padding-left: 30px;
	  background: url(../images/rico4.png) no-repeat left center/24px auto;
	  font-size: 16px;color: #666;font-weight: bold;
	  line-height: 40px;
  }
  .hpage1 .tit h2{
	  color: #000;
  }
  .pages dd {
      margin: 0 8px;
  }
  
  
}