/*pad*/

img {
    max-width: 100%;
}

.gh {
    height: 24px;
    width: 24px;
    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: #fff;
    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: #fff;
    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;background: #fff;
}

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

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

.selected .gh a {
    /* background-color: transparent !important; */
	background: #fff;
}

@media (max-width: 1200px) {
    .wrap {
        width: auto;
        padding: 10px;
    }
	
	.qmshome .header .naver li a{
		padding: 0 26px;
	}
	
	
}
@media (max-width: 1000px) {
    .wrap {
        width: auto;
        padding: 10px;
    }
	.qmshome .header .naver li a{
		padding: 0 10px;
	}
	.qmshome .uitit .ds li{
		margin-right: 30px;
	}
	.qmshome .page1 .lts{
		float: none;width: auto;
	}
	.qmshome .page1 .rts{
		width: auto;
		float: none;
		margin-top: 20px;
	}
	.qmshome .page2 .bds ul li{
		width: calc((100% - 42px)/3);
		margin: 0 20px 20px 0 !important;
	}
	.qmshome .page2 .bds ul li:nth-child(3n){
		margin-right: 0 !important;
	}
	
}
@media (max-width: 767px) {
   .qmshome .header .naver li{
	   float: none;
   }
   .qmshome .header .naver li a{
	   line-height: 50px;
   }
   .qmshome .header .tops{
	   padding: 0;
   }
   .qmshome .header .tops .rts{
	   float: none;text-align: center;
   }
   .qmshome .header .tops .logo{
	   float: none;
	   width: 80vw;margin: 0 auto;margin-bottom: 10px;
   }
   .qmshome .header .tops li{
	   float: none;
	   display: inline-block;
   }
   .qmshome .header .tops dd{
	   float: none;display: inline-block;
   }
   .qmshome .header .tops{
	   background-size: cover !important;
   }
   .naver .ths{
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 0 15px;
		position: absolute;
		left: 0;right: 0;top: 0;z-index: 11;background: #0039ba;
   }
   .naver.on .ths{
	   position: fixed;z-index: 999;
   }
   .naver .ths h3{
	   font-size: 16px;
	   color: #fff;
	   line-height: 50px;
   }
   .gh{
	   display: block;
	   position: static;
   }
   .qmshome .header .naver .tbs{
	   display: none;position: absolute;
	   left: 0;right: 0;
	   top: 50px;background: #fff;
   }
   .qmshome .header .naver.on .tbs{
	   margin-top: 0;
   }
   .qmshome .header .naver li.on a, .qmshome .header .naver li:hover a{
	   color: #fff;
   }
   .qmshome .header .naver li a{
	   color: #333;
   }
   .qmshome .header .naver li::before{
	   display: none;
   }
   .qmshome .header .naver li{
	   border-bottom: 1px solid #f1f1f1;
   }
   .qmshome .page1 .rts li a{
	   font-size: 18px;
   }
   .qmshome .page1 .rts li{
	   height: 80px;border-radius: 10px;
   }
   .qmshome .page1 .rts li a{
	   line-height: 80px;
   }
   .qmshome .page2 .bds ul li{
	   width: auto;margin: 0 0 10px 0 !important;
	   float: none !important;
   }
   .qmshome .page2 .bds{
	   padding: 20px 10px;
   }
   .qmshome .page2 .bds li .pic{
	   height: auto;
   }
   .qmshome .page2 .bds li h4{
	   font-size: 16px;
   }
   .qmshome .page2 .bds li p{
	   font-size: 14px;
   }
   .qmshome .page3 .bds li{
	   float: none;margin: 0 0 10px 0 !important;
	   width: auto;
   }
   .qmshome .footer .lts{
	   float: none;width: auto;
   }
   .qmshome .footer .rts{
	   float: none;
	   width: 100px;
	   margin: 20px auto 0;
   }
   .qmshome .footer{
	   padding: 30px 0 10px;
   }
   .qmshome .footer .lts dd{
	   font-size: 16px;float: none !important;
	   text-align: center;margin-bottom: 8px;
   }
   .qmshome .footer .lts p{
	   font-size: 16px;
	   text-align: center;
   }
   .qmshome .header .naver{
	   height: 50px;position: relative;
   }
}