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

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

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






@media only screen and (max-width:1660px) {
	html{
		font-size:16px;
	}
	.header{
		padding: 0 50px;
	}
	.header .naver li{
		margin-right: 30px;
	}
	.header .naver{
		
	}
	.footer{
		padding-left: 50px;padding-right: 50px;
	}
	.footer .nav li{
		margin-right: 40px;
	}
	.qmfind .fwrap{
		margin: 0 50px;
	}
	
	
	
	
	
	
}

@media only screen and (max-width:1400px) {
	html{
		font-size:14px;
	}
	.header .naver li{
		margin-right: 18px;
	}
	.header .naver{
	
	}
	

	
		
}
@media only screen and (max-width:1200px) {
   html{
   	font-size:12px;
   }
 .footer .nav li{
	 margin-right: 26px;
 }
 .header .naver{
 
 }
 
 
 
 
 
 
 
 
 
 
 

}
@media only screen and (max-width:1100px) {
  html{
  	font-size:14px;
  }
  .wrap{
	  width: auto;padding: 0 15px;margin: 0;
  }
  .layout{
	  padding-top: 50px;
  }
  .header{
	  height: 50px;position: fixed;
	  left: 0;right: 0;
	  top: 0;background: #fff;display: block;margin-top: 0;padding: 0 15px;box-shadow: 0 0 10px 0 rgba(80,80,80,0.2);
  }
  .header .logo{
	  max-width: 280px;margin-top: 10px;
  }
   .header .naver{
	   position: absolute;
	   left: 0;right: 0;
	   top: 100%;z-index: 45;background: #fff;height: 100vh;float: none;margin-top: 0;display: none;width: auto;
   }
  .header .naver li h3 a{
	  font-size: 16px;line-height:38px;
  }
  .gh{
	  display: block;top: 10px;right: 10px;
  }
  .header .naver li{
	  float: none;margin-right: 0;border-bottom: 1px solid #ddd;
  }
   .header .naver{
	   padding: 0 15px;
   }
  
  .header .naver .nli{
	  position: static;width: auto;padding-bottom: 5px;box-shadow: initial;
  }
  .header .naver .nli dd{
	  padding: 0;
  }
  .header .naver .nli dd a{
	  font-size: 15px;line-height: 2.2;text-align: left;
  }
  .header .naver .nli dl{
	  padding: 0 10px;
  }
  .header .naver .nli dd::before,
  .header .naver dl::before{
	  display: none;
  }
   .header .naver li h3 i{
   	background: url(../images/qms6-1.png) no-repeat center;width: 40px;height: 38px;display: block;position: absolute;
   	right: -10px;
   	top: 50%;z-index: 1;margin-top: -20px;background-size: 8px auto;
   }
   .header .naver li h3 i.on{
   	transform:rotate(90deg);
   }
  h4,
  h5{
	  font-size: 16px !important;
  }
  p{
	  font-size: 14px !important;
  }
  h6{
	  font-size: 15px !important;
  }
  .banner{
	  height: 30vw;
  }
 .crumbs dd span, .crumbs dd a{
	 font-size: 13px;
 }
 .about{
	 padding: 30px 0;
 }
 .tit h2{
	 font-size: 22px;
 }
 .footer .hds .rt,
 .footer .hds .lt,
 .about .bds .txt,
 .about .bds .pic{
	 float: none;width: auto;
 }
 .about .bds .txt{
	 font-size: 14px;line-height: 1.8;
 }
 .footer{
	 padding: 20px 15px;
 }
 .footer .hds .rt{
	 margin-top: 20px;
 }
 .footer .lt .logo{
	 max-width: 150px;
 }
 .footer .lt h3{
	 font-size: 16px;margin-top: 24px;
 }
 .footer .lt dl{
	 padding-top: 16px;
 }
 .footer .nav{
	 display: none;
 }
 .footer .copyright{
	 font-size: 12px;margin-top: 30px;
 }
 .caregd .txt h2{
	 font-size: 18px;
 }
 .caregd{
	 padding: 20px 0 40px;
 }
 .caregd .txt .pic{
	 margin-bottom: 4px;
 }
 .caregd .txt h6{
	 font-size: 13px !important;
 }
 .contact{
	 padding: 20px 0;
 }
 .contact .hds{
	 margin-top: 0;
 }
 .contact .del{
	 margin-top: 20px;
 }
 .contact .hds .rt,
 .contact .hds .lt{
	 float: none;
 }
 .contact .del h3{
	 font-size: 18px;
 }
 .contact .hds dl{
	 margin-top: 16px;justify-content: flex-start;
 }
 .contact .hds dd{
	 margin-right: 14px;margin-left: 0;
 }
 .contact .fm li{
	 float: none;width: auto;margin-right: 0;margin-bottom: 14px;
 }
 .contact .fm .t1{
	 font-size: 14px;height: 34px;padding: 0 14px;
 }
 .contact .fm .t2{
	 height: 100px;padding: 5px 14px;
 }
 .contact .fm .sub{
	 margin-top: 20px;font-size: 14px;
 }
 .news .list li{
	 padding: 16px 0;
 }
 .news .list li a{
	 display: block;
 }
 .news .list li .pic,
 .news .list li .txt{
	 width: auto;float: none;
 }
 .news .list{
	 margin-top: 10px;
 }
 .news .list li .txt{
	 margin-top: 16px;
 }
 .news .list li h3{
	 font-size: 16px;height: auto;line-height: 1.6;
 }
 .news .list li p{
	 line-height: 1.6;
 }
 .news .list li h6{
	 margin-top: 10px;width: 80px;
 }
 .pages dd a{
	 font-size: 12px;
 }
 .crumbs dd span, .crumbs dd a{
	 line-height: 1.6;
 }
 .newdel .hds h1{
	 font-size: 17px;text-align: left;
 }
 .newdel{
	 padding: 30px 0;
 }
 .newdel .hds h6{
	 font-size: 12px !important;
 }
 .newdel .hds h1 br{
	 display: none;
 }
 .newdel .del{
	 padding: 14px 0;font-size: 14px;line-height: 1.8;
 }
 .newdel .fts{
	 display: block;margin-top: 6px;
 }
 .newdel .fts .b1{
	 max-width: initial;margin-bottom: 6px;font-size: 12px;
 }
 .tyrepic{
	 padding: 30px 0;
 }
 .tyrepic .list li{
	 float: none;width: auto;margin-bottom: 18px;margin-right: 0;
 }
 .tyrepic .list li .pic{
	 height: auto;
 }
 .tyrepic .list li .txt{
	 padding: 8px 10px 14px;
 }
 .tyrepic .list li h3{
	 font-size: 16px;
 }
 .tyrepic .list li h6{
	 font-size: 14px;width: 100px;line-height: 28px;border-radius: 15px;
 }
 .warranty .txt{
	 margin-top: 30px;
 }
 .warranty .txt h3{
	 font-size: 16px;
 }
 .warranty .txt p{
	 line-height: 1.6;
 }
 .hbanner{
	 height: 100vw;
 }
 .hbanner h2{
	 font-size: 30px;
 }
 .hbanner h3{
	 font-size: 20px;
 }
 .hbanner h4{
	 font-size: 16px !important;
 }
 .hbanner li{
	padding-top: 14px;width: 120px;height: 100px;
 }
 .hbanner li .ico{
	 width: 30px;height: 30px;
 }
 .hbanner li:hover{
	  width: 120px;height: 100px;
 }
 .hbanner .txt{
	 left: 20px;right: auto;
 }
 .hbanner li p{
	 font-size: 12px !important;margin-top: 8px;
 }
 .hpage1{
	 padding: 40px 0;
 }
 .hpage1 .del{
	 margin: 20px 0;font-size: 14px;line-height: 1.8;
 }
 .hpage1 .lt{
	 width: auto;margin-bottom: 20px;
 }
 .hpage1 .wrap{
	 display: block;
 }
 .hpage1 .btn{
	 font-size: 14px;
 }
 .hpage2{
	 padding: 40px 0 20px;
 }
 .hpage2 ul{
	 padding: 0;flex-wrap: wrap;
 }
 .hpage2 li{
	 width: 50%;margin-bottom: 30px;
 }
 .hpage2 li:nth-child(1){
	 padding-right: 0;
 }
 .hpage2 li:nth-child(2)::before{
	 display: none;
 }
 .hpage2 li:nth-child(4){
	 padding-left: 0;
 }
 .hpage2 li h3 span{
	 font-size: 24px;
 }
 .hpage3{
	 padding: 40px 0;
 }
 .hpage3 .hds ul{
	 margin-top: 40px;
 }
 .hpage3 .hds li p{
	 font-size: 13px !important;
 }
 .hpage3 .hds li{
	 width: 50%;border-right: 1px solid #433e42;
 }
 .hpage3 .hds li:nth-child(4),
 .hpage3 .hds li:nth-child(2){
	 border-left: none;
 }

 .hpage3 .prev, .hpage3 .next{
	 width: 50px;height: 200px;
 }
 .hpage5 .prev, .hpage5 .next,
 .hpage3 .prev span, .hpage3 .next span{
	 width: 30px;height: 50px;background-size: 8px auto;
 }
 .hpage4{
	 height: auto;padding: 40px 0;
 }
 .hpage4 .txt{
	 width: auto;float: none;padding-top: 0;
 }
 .hpage4 h3{
	 font-size: 20px;
 }
 .hpage4 h6{
	 margin: 20px 0;line-height: 1.6;
 }
 .hpage4 ul{
	 display: block;
 }
 .hpage4 li{
	 width: auto;margin-bottom: 20px;
 }
 .hpage5{
	 padding: 40px 0;
 }
 .hpage5 .prev, .hpage5 .next{
	 left: 0;
 }
 .hpage5 .next{
	 right: 0;left: auto;
 }
 .hpage6{
	 padding: 30px 0;
 }
 .hpage6 li{
	 width: auto;padding: 14px 10px;margin: 0 0 20px;
 }
 .hpage6 ul{
	 display: block;margin-top: 30px;
 }
 .hpage6 li h3{
	 font-size: 15px;
 }
 .hpage6 li p{
	 height: auto;
 }
 .hpage6 li h6{
	 width: 120px;line-height: 30px;font-size: 14px;margin-top: 10px;
 }
 .hpage3 .swippro{
	 margin: 0 30px;
 }
 .hpage3 .prev, .hpage3 .next{
	 width: 30px;height: 290px;background: none;
 }
 .hpage3 .swippro .img{
	 height: 50vw;
 }
 .hpage3 .swippro p{
	 height: auto;margin-top: 16px;
 }
 .hpage3 .swippro .swiper-slide{
	 height: auto;padding: 30px 0 20px;
 }
 .hpage5 .swipnew .swiper-slide{
	 padding: 20px 10px;box-shadow:0 0.2604166666666667rem 0.8333333333333334rem 0 #f7eae3;
 }
 .hpage5 .swipnew{
	 margin: 0 20px;padding: 20px 10px;
 }
 .hpage5 .swipnew h3{
	 font-size: 16px;line-height: 1.5;height: auto;
 }
 .hpage5 .swipnew p{
	 height: auto;line-height: 1.5;
 }
 .hpage5 .swipnew .pic{
	 height: 30vw;
 }
 .hpage5 .spot span{
	 width: 6px;height: 6px;margin: 0 4px !important;
 }
 
 .qmfind{
	 padding: 30px 0 50px;
 }
 .flex{
	 display: block;
 }
 .qmfind .fwrap,
 .fwrap{
	 margin: 0 15px;
 }
 .findlts .lt,
 .findrts,
 .findlts{
	 width: auto;display: block;
 }
 .findlts .rt{
	 width: auto;padding: 0;margin-top: 20px;
 }
 .findlts .rt::after, .findlts .rt::before{
	 display: none;
 }
 .findrts .list ul{
	 display: block;
 }
 .findrts .list ul li{
	 width: auto;margin-bottom: 20px;margin-right: 0;
 }
 .findlts .lt .tl h4{
	 font-size: 18px !important;
 }
 .findlts .lt .list ul li a{
	 font-size: 14px;line-height: 36px;
 }
 .findlts .rt ul li label{
	 font-size: 14px;margin-bottom: 6px;
 }
 .findlts .rt li select, .fpasslts .list li .hass .fselect select{
	 height: 36px;font-size: 14px;
 }
 .findrts{
	 margin-top: 30px;
 }
 .findrts .list ul li .text h6{
	 font-size: 14px !important;
 }
 .findrts .list ul li .text h5{
	  font-size: 14px !important;line-height: 30px;border-radius: 15px;width: 100px;
 }
 .findrts .list ul li .pic{
	 height: 40vw;
 }
 .fpassenger{
	 padding: 20px 0 40px;
 }
 .fpasslts{
	 width: auto;padding-left: 0;
 }
 .fpassrts{
	 width: auto;margin-top: 20px;
 }
 .fpassrts .list ul li{
	 width: auto;margin-bottom: 20px;margin-right: 0;
 }
 .fpassrts .list ul{
	 display: block;
 }
 .ftit i{
	 background-size: 8px auto !important;width: 34px;height: 34px;
 }
 .fpasslts .list li{
	 padding: 4px 0;
 }
 .fpasslts .list li .hass .check dd label{
	 font-size: 14px;background-size: 14px auto;padding-left: 20px;
 }
 .fpasslts .list li .hass .check{
	 padding: 0 0 6px;
 }
 .fpasslts .list li .hass .check dd input:checked + label{
	 background-size: 14px auto;
 }
 ..productdel .hds{
	 padding: 30px 0;
 }
 .productdel .hds .lt{
	 float: none;width: auto;
 }
 .productdel .hds .rt{
	 float: none;width: auto;
 }
 .productdel .hds .swiper-slide{
	 height: 60vw;
 }
 .productdel .hds .lt::before{
	 width: 100%;height: 80px;left: 0;bottom: 0;
 }
 .productdel .hds .wrap{
	 padding: 0;
 }
 .productdel .hds .spot{
	 margin-left: 30px;font-size: 14px;
 }
 .productdel .hds .rt{
	 padding: 20px 15px 0;
 }
 .productdel .hds h6{
	 margin-top: 20px;padding: 10px 0;
 }
 .productdel .hds ul{
	 flex-wrap: wrap;justify-content: space-between;
 }
 .productdel .hds li{
	 margin-right: 0;width: 50%;text-align: center;margin-bottom: 20px;
 }
 .productdel .hds .del{
	 margin: 10px 0;
 }
 
 .productdel .hds .del .txt{
	 font-size: 14px;line-height: 1.7;
 }
 .productdel .hds .lsele{
	 font-size: 14px;height: 34px;
 }
 .productdel .hds .btn{
	 font-size: 14px;width: 120px;
 }
 .productdel .hds{
	 padding: 30px 0;
 }
 .productdel .bds .list{
	 margin: 15px 0;display: block;padding: 10px;
 }
 .productdel .bds{
	 padding: 20px 0 40px;
 }
 .productdel .bds ul{
	 width: auto;padding-right: 0;
 }
 .productdel .bds ul:nth-child(2){
	 padding-left: 0;
 }
 .productdel .bds ul:nth-child(2):before{
	 display: none;
 }
 .productdel .bds ul:nth-child(1) li:last-child{
	border-bottom: 1px solid #eee;
 }
 .productdel .bds li.ons{
	 border-bottom: none;
 }
 .productdel .bds .del{
	 font-size: 14px;line-height: 1.7;
 }
 
 .message{
	 width: auto;margin: 0 20px;padding: 30px 0;top: 12%;
 }
 .message h3{
	 font-size: 20px;
 }
 .message .fm{
	 margin: 10px 20px;
 }
 .message .fm li{
margin-bottom: 0;
 }
 .message .fm dd{
	 float: none;width: auto;margin-right: 0;margin-bottom: 10px;
 }
 .message .fm label{
	 font-size: 14px;
 }
 .message .fm .t1{
	 font-size: 14px;height: 34px;
 }
 .message .fm .t2{
	 height: 80px;
 }
 .message .fm .sub{
	 margin-top: 20px;font-size: 14px;
 }
 .productdel .bds ul{
	 display: block;
 }
 .productdel .bds ul li{
	 width: auto;
 }
 .header a.heightbtn{
  position: absolute;
    right: 65px;
    top: 5px;
    line-height: 40px;
    height: 40px;background: #f47221;color: #fff;
}
 
 .header .hflex{
      display: block;
 }
}