/*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: #3188c4;
    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: #3188c4;
    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: #3188c4;
    width: 100%;
}

.selected .gh a:after {
    transform: translateY(0px) rotate(45deg);
    -webkit-transform: translateY(0px) rotate(45deg);
    -ms-transform: translateY(0px) rotate(45deg);
    background: #3188c4;
    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{
	  width: auto;padding: 0 15px;
  }
  .header{
	  height: 50px;
  }
  .gh{
	  display: block;top: 12px;right: 12px;
  }
  .header .wrap{
	  display: block;padding: 0 10px;
  }
  .layout{
	  padding-top: 50px;
  }
  .header .logo{
	  max-width: 270px;margin-top: 12px;
  }
  .naver{
	  position: absolute;
	  left: 0;right: 0;
	  top: 100%;z-index: 12;background: #fff;display: none;
  }
  .header .naver li{
	  float: none;margin-left: 0;margin-bottom: 6px;
  }
  .header .naver li a{
	  font-size: 16px;line-height: 36px;
  }
  .header .naver ul{
	  padding: 14px;
  }
  .banner{
	  height: 30vw;
  }
  .hmain{
	  padding: 30px 0 60px;
  }
  .uitrt,
  .uitlt{
	  float: none;width: auto;
  }
  .uitlt{
	  position: static;
  }
  h3{
	  font-size: 18px !important;
  }
  h4{
	  font-size: 14px !important;
  }
  .tit{
	  padding-bottom: 6px;
  }
  .uitlt li a{
	  font-size: 15px;line-height: 2.5;
  }
  .about{
	  margin-top: 30px;
  }
  .about .del{
	  font-size: 14px;
  }
  .footer{
	  padding: 6px 0;font-size: 12px;line-height: 1.5;
  }
  .contact{
	  padding-top: 30px;
  }
  .htit h3{
	  font-size: 34px !important;
  }
  .htit h2{
	  font-size: 18px;margin-top: -16px;
  }
  .contact .form,
  .contact .lt{
	  float: none;width: auto;
  }
  .contact .htit{
	  margin-bottom: 20px;
  }
  .contact .lt h2{
	  font-size: 16px;
  }
  .contact .lt p,
  .contact .lt dd{
	  font-size: 14px;
  }
  .contact .lt .wx{
	  width: 100px;
  }
  .contact .lt .wx img{
	  height: 100px;
  }
  .contact .form{
	  margin-top: 20px;
  }
  .contact .form h3{
	  font-size: 16px !important;
  }
  .contact .form li{
	  float: none;width: auto;
  }
  .contact .form li:nth-child(2){
	  float: none;
  }
  .contact .form li .t1{
	  font-size: 14px;width: 100%;-webkit-box-sizing: border-box;
	  -moz-box-sizing: border-box;
	  -o-box-sizing: border-box;
	  box-sizing: border-box;
  }
  .contact .map{
	  margin-top: 30px;
  }
  .hpage1 .hds h3{
	  font-size: 15px !important;
  }
  .hpage1{
	  height: calc(100vh - 50px);
  }
  .hpage1 ul{
	  display: block;font-size: 0;
  }
  .hpage1 li{
	  margin: 0;display: inline-block;vertical-align: middle;width: 33.33%;
  }
  .hpage1 li p{
	  height: 1.7;height: 3.4em;overflow: hidden;
  }
  .hpage1 li h5{
	  font-size: 14px;
  }
  .hpage1 li .ico{
	  width: 70px;height: 70px;
  }
 .newsdel{
	 margin-top: 20px;
 }
  .crumbs dd a{
	  font-size: 14px;
  }
  .newsdel .hds h1{
	  font-size: 18px;
  }
  .newsdel .fts .txt,
  .newsdel .del,
  .newsdel .hds h6{
	  font-size: 14px;
  }
  .newsdel .fts .txt{
	  line-height: 1.5;
  }
  .news{
	  margin-top: 30px;
  }
  .news li h4 span{
	  font-size: 14px;line-height: 0.8;margin-right: 4px;
  }
  .news li h4 i{
	  font-size: 12px;line-height: 0.8;
  }
  .news li h4 br{
	  display: none;
  }
  .news li h4{
	  margin-top: 0;
  }
  .news li sup{
	  margin: 0 2px 0 4px;
  }
  .news li h5{
	  font-size: 16px;
  }
  .news li p{
	  height: auto;font-size: 14px;
  }
  .news li h6{
	  font-size: 14px;
  }
  .news li{
	  padding: 20px 0;
  }
  .pages dd a{
	  font-size: 14px;line-height: 34px;min-width: 34px;
  }
  .pages dd.ons a{
	  padding: 0 10px;
  }
  .product .htit h3{
	  font-size: 22px !important;
  }
  .product{
	  padding: 30px 0;
  }
  .product li{
	  float: none;width: auto;margin-bottom: 14px;
  }
  .product li:nth-child(2n){
	  float: none;
  }
  .product h6{
	  font-size: 14px;margin-top: 14px;
  }
  .rongyu{
	  margin-top: 30px;
  }
  .rongyu li{
	  float: none;width: auto;height: auto;padding: 15px;
  }
  .rongyu li .ico{
	  height: 24px;
  }
   .rongyu li .ico img{
	   height: 100%;
   }
  .rongyu li h3{
	  font-size: 16px !important;height: auto;margin: 10px 0 20px;
  }
  .tuozln{
	  margin-top: 30px;
  }
  .tuozln .list .text h3{
	  font-size: 14px !important;
  }
  .tuozln .list .text h4{
	  font-size: 16px !important;
  }
  .tuozln .list .text p{
	  font-size: 14px;
  }
  .tuozln .list .text .del{
	  padding-left: 20px;
  }
  .tuozln .list li{
	  padding-top: 30px;
  }
  .msktanc{
	  margin: 0 14px;width: auto;
  }
  .msktanc .del{
	  height: 300px;font-size: 14px;
  }
  .header{
	  overflow: inherit;
  }
  .hpage1 .hds{
	  background-size: cover;
  }
  
  
  

  
}













