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

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

.selected .gh a {
    background-color: transparent !important;
}
@media only screen and (max-width:1200px){
	.qmdenglu{
		padding: 40px 20px;
	}
	.qmdenglu .form li.l1,
	.qmdenglu .form li .t1{
		height: 36px;
	}
	.qmdenglu .form li.l2 .bns{
		height: 36px;line-height: 36px;
	}
	.qmdenglu .form .sub{
		height: 36px;
	}
	.qmguowc .fts .lts .cs label{
		background-size: 14px auto !important;padding-left: 24px;
	}
	.qgerxx li dd label,
	.qmshouhdz li .cheok label{
		background-size: 10px auto !important;
	}
	.qmguowc li label{
		background-size: 14px auto !important;
	}
	.qmprobaoj .bd .bsn .b1 p{
		position: static;
	}
	.qmprobaoj .bd .bsn{
		align-items: initial;
	}
	
	
	
	
	
	
	
	
	
}


@media only screen and (max-width:1040px) {
	html{
		font-size: 14px !important;
	}
	body{
		background: #b18d6e;
	}
	.gh{
		position: absolute;
		right: 15px;
		top: 12px;z-index: 1;display: block; 
	}
	.header{
		margin: 0;
	}
	.qmprobaoj{
		padding: 60px 0;
	}
	.wrap{
		margin: 0 15px;
	}
	.qmprobaoj .pic{
		width: 146px;margin: 0 auto;
	}
	.qmprobaoj .pic img{
		width: 100%;
	}
	.qmprobaoj .bd{
		margin-top: 30px;display: block;
	}
	.qmprobaoj .bd .lt{
		width: auto;height: auto;
	}
	.qmprobaoj .bd .rt{
		width: auto;margin-top: 20px;
	}
	.qmprobaoj .bd .rt .ds:nth-child(1){
		display: block;
	}
	.qmprobaoj .bd .rt .ds{
		margin-bottom: 16px;justify-content: flex-start;
	}
	.qmprobaoj .bd .rt .del{
		margin: 5px 0 15px;
	}
	.qmprobaoj .bd .rt h4{
		width: auto;margin-bottom: 5px;
	}
	.qmprobaoj .bd .rt li{
		    width: calc((100% - 20px)/4);margin-right: 6px;margin-bottom: 6px;
	}
	.qmprobaoj .bd .rt li:nth-child(4n){
		margin-right: 0;
	}
	.qmprobaoj .bd .rt .dr{
		width: auto;
	}
	.qmprobaoj .bd .rt li:nth-child(6n){
		margin-right: 6px;
	}
	.qmprobaoj .bd .bsn{
		margin-top: 20px;display: block;overflow: hidden;position: relative;
	}
	.qmprobaoj .bd .bsn .b1 p{
		position: static;
	}
	.qmprobaoj .bd .bsn .b1{
		margin-bottom: 15px;
	}
	.qmprobaoj .bd .bsn .b1:nth-child(2) a{
		margin-bottom: 6px;
	}
	.qmprobaoj .bd .bsn .b1:nth-child(3){
		float: right;position: absolute;right: 0;top: 0;
	}
	.qmproduct{
		padding: 60px 0;
	}
	.qmproduct h2{
		padding-left: 0;margin-bottom: 10px;
	}
	.uitpro a{
		display: block;
	}
	.uitpro .lt{
		width: auto;
	}
	.uitpro .lt .img{
		height: 300px;
	}
	.uitpro .lt h6{
		display: none;
	}
	.uitpro .rt{
		margin-top: 10px;width: auto;
	}
	.qmproduct .bd li{
		float: none;width: auto;
	}
	.qmproduct .bd li:nth-child(2n){
		float: none;
	}
	.qmcibugbp{
		padding: 60px 0;
	}
	.qmcibugbp h2{
		font-size: 20px;
	}
	.qmcibugbp .del{
		font-size: 15px;
	}
	.qmcibugbp .del br{
		display: none;
	}
	.uitbox li{
		float: none;width: auto;margin-right: 0;transform: scale(1);
		    -ms-transform: scale(1);
		    -moz-transform: scale(1);
		    -webkit-transform: scale(1);
		    -o-transform: scale(1);margin-bottom: 10px;
	}
	.uitbox li:nth-child(2n){
		    transform: scale(1);
		    -ms-transform: scale(1);
		    -moz-transform: scale(1);
		    -webkit-transform: scale(1);
		    -o-transform: scale(1);
	}
	.uitbox{
		margin-top: 30px;
	}
	.uitbox li .img{
		height: 50vw;
	}
	.qmdenglu{
		width: auto;border-radius: initial;margin: 0 15px;padding: 90px 0;background: none;
	}
	.qmdenglu h2{
		font-size: 28px;color: #000000;
	}
	.qmdenglu .form li .t1{
		height: 44px;border: 1px solid #6c5847;background: none;
	}
	.qmdenglu .form .bs label{
		font-size: 13px;color: #000000;
	}
	.qmdenglu .form .zhuc,
	.qmdenglu .form .bs .mima{
		font-size: 13px;
	}
	.qmdenglu .form .sub{
		height: 45px;font-size: 14px;background: #ed1b24;
	}
	.qmgerzx{
		padding: 70px 0;
	}
	.wraps{
		margin: 0 15px;
	}
	.uitgert,
	.uitgelt{
		float: none;width: auto;
	}
	.uitgert h3, .uitgelt h3{
		border-bottom: none;
	}
	.uitgert{
		margin-top: 20px;
	}
	.qgerxx li{
		float: none;width: auto;margin-bottom: 14px;
	}
	.qgerxx li dd label{
		background-size: 12px auto !important;
	}
	.qgerxx ul{
		margin-bottom: 0;
	}
	.qgerxx .btn{
		margin-top: 20px;
	}
	.uitgelt li.on, .uitgelt li:hover{
		background-size: 24px auto !important;
	}
	.qmshouhdz .hd{
		display: block;
	}
	.qmshouhdz .hd .txt h6 span{
		margin-right: 0;display: block;
	}
	.qmshouhdz .zej{
		width: 110px;
	}
	.qmshouhdz .hd .txt{
		border-bottom: 1px solid #695441;padding-bottom: 10px;
	}
	.qmshouhdz .hd .rs{
		margin-top: 8px;
	}
	.qmshouhdz li dd{
		float: none;margin-right: 0;
	}
	.qmshouhdz li dd:nth-child(3),
	.qmshouhdz li dd:nth-child(2),
	.qmshouhdz li dd:nth-child(1){
		width: auto;
	}
	.qmshouhdz li .cheok label{
		background-size: 12px auto !important;
	}
	.qmshouhdz li .btn{
		width: 110px;
	}
	.qmshouhdz li{
		margin-bottom: 20px;
	}
	.qmdiandgl .hds ul{
		display: block;overflow-x: scroll;overflow-y: hidden;white-space: nowrap;
	}
	.qmdiandgl .hds li{
		display: inline-block;margin-right: 14px;
	}
	.qmdiandgl .bds li{
		display: block;
	}
	.qmdiandgl .bds li .lt{
		width: auto;
	}
	.qmdiandgl .bds li .lt .ts{
		    width: calc(100% - 136px);
	}
	.qmdiandgl .bds li .lt .ts p{
		font-size: 13px;
	}
	.qmdiandgl .bds li .lt .ts h6 span{
		font-size: 13px;
	}
	.qmdiandgl .bds li .rs{
		width: auto;
	}
	.qmdiandgl .bds li .bns{
		width: auto;margin-top: 10px;
	}
	.qmdiandgl .bds li .bns .b1{
		height: 36px;line-height: 36px;font-size: 14px;
	}
	.qmdiandgl .bds li .bns dd span, .qmdiandgl .bds li .bns dd a{
		font-size: 14px;
	}
	.qmdiandgl .dinddel .thd .img{
		float: left;
	}
	.qmdiandgl .dinddel .thd{
		display: block;overflow: hidden;
	}
	.qmdiandgl .dinddel .thd .ts{
		margin-left: 0;width: calc(100% - 136px);float: right;
	}
	.qmdiandgl .dinddel .thb h6 span{
		margin-right: 0;display: block;
	}
	.qmdiandgl .dinddel .tft h6 span{
		margin-right: 0;
	}
	.qmdiandgl .dinddel .tft h6 i{
		display: block;
	}
	.qmdiandgl .dinddel .btn{
		width: 120px;
	}
	.qmguowc li .box{
		display: block;
	}
	.qmguowc li .box .lt{
		width: auto;display: block;overflow: hidden;
	}
	.qmguowc li .box .lt .img{
		float: left;
	}
	.qmguowc li .box .lt .ts{
		width: auto;width: calc(100% - 136px);float: right;
	}
	.qmguowc li .box .lt .ts p{
		margin-top: 4px;
	}
	.qmguowc li .box .bns{
		width: auto;
	}
	.qmguowc li .box .uitshuzi{
		margin: 15px 0;
	}
	.uitshuzi span{
		background-size: 10px auto !important;
	}
	.uitshuzi .t1{
		border-radius: initial;
	}
	.qmguowc li .box .bns {
		overflow: hidden;
	}
	.qmguowc li .box .bns .b1{
		width: 46%;float: left;height: 34px;line-height: 34px;
	}
	.qmguowc li .box .bns .b1:nth-child(2){
		float: right;
	}
	.qmguowc .fts{
		display: block;
	}
	.qmguowc .fts .fovs{
		    border: 1px solid #313131;    border-radius: 4px;width: auto;height: auto;display: block;padding: 10px 10px 5px;
	}
	.qmguowc li label,
	.qmguowc .fts .lts .cs label{
		background-size: 14px auto !important;
	}
	.qmguowc .fts .lts{
		padding-left: 0;
	}
	.qmguowc .fts .rts{
		margin-top: 8px;
	}
	.qmguowc .fts .btn{
		margin-top: 15px;line-height: 36px;width: 100px;border-radius: 4px;
	}
	.uitshuzi .t1{
		width: 90px;
	}
	.qgerxx li{
		margin-right: 0;
	}
	.qmcibugbp3 .del strong{
		display: block;font-size: 20px;
	}
	.qmcibugbp h2 img{
		width: 145px;
	}
	.qmcibugbp br,
	.qmcibugbp2 br{
		display: none;
	}
	.qmcibugbp2 .video{
		width: auto;height: 60vw;
	}
	.qmcibugbplx br{
		display: block !important;
	}
	.qmcibugbplx h2{
		margin-bottom: 0;
	}
	.qmquerdid .hd li{
		display: block;
	}
	.qmquerdid .hd .lt{
		overflow: hidden;width: auto;
	}
	.qmquerdid .hd .lt .img{
		float: left;width: 120px;height: auto;
	}
	.qmquerdid .hd .lt .txt{
		width: calc(100% - 136px);float: right;
	}
	.qmquerdid .hd .lt .txt p{
		height: 40px;line-height: 20px;overflow: hidden;
	}
	.qmquerdid .hd .uitshuzi{
		width: auto;margin: 10px 0 10px 100px;text-align: center;
	}
	.qmquerdid .hd h2{
		width: auto;text-align: center;
	}
	.qmquerdid .hd .uitshuzi .t1{
		width: 60px;
	}
	.qmquerdid .hd{
		padding: 14px 10px 6px;
	}
	.qmquerdid .bd .dizi{
		width: 90px;height: 34px;line-height: 34px;
	}
	.qmquerdid .bd li:last-child,
	.qmquerdid .bd li:nth-child(3),
	.qmquerdid .bd li:nth-child(2),
	.qmquerdid .bd li:nth-child(1){
		width: auto;
	}
	.qmquerdid .bd li{
		float: none;margin-right: 0;margin-bottom: 10px;
	}
	.qmquerdid .ft{
		margin-top: 10px;
	}
	.qmquerdid .fts{
		margin-top: 40px;padding: 10px;display: block;
	}
	.qmquerdid .fts .btn{
		width: 100px;line-height: 34px;margin-top: 10px;
	}
	.qmshenqsh .box{
		padding: 10px;
	}
	.qmshenqsh .box li{
		float: none;width: auto;margin-bottom: 8px;margin-right: 0;
	}
	.qmshenqsh .box .btn{
		margin-top: 20px;
	}
	.qmcibugbp1 br{
		display: block !important;
	}
	.qmcibugbp1 .del i{
		font-size: 16px;
	}
	.qmcibugbp1 .del span{
		font-size: 18px;
	}
	.qmcibugbp .dels{
		margin-top: 20px;font-size: 14px;
	}
	.qnzhufu h6{
		background-size:20px auto !important;padding-left: 30px;
	}
	.qmdenglu .form li.l1{
		height: 44px;border: 1px solid #6c5847;
	}
	.qmdenglu .form li.l2 .bns{
		height: 44px;line-height: 44px;
	}
	.qmdenglu .forms .h6{
		font-size: 15px;color: #333;
	}
	.qmdenglu .form .bs .che a{
		color: #333;
	}
	.qmmmask{
		position: fixed;
		left: 0;right: 0;
		top: 0;z-index: 99;bottom: 0;background: rgba(0,0,0,0.5);display: none;
	}
	.header .navs.on{
		right: 0;
	}
	.header .navs{
		background: #b18d6e;    position: fixed;
    top: 0;
   right: -300px;
    width: 260px;
    z-index: 100;
    min-height: 100%;
    transition: all 0.4s;
	}
	.header .navs ul{
		padding: 64px 16px 0 36px;display: block;
	}
	.header li{
		width: auto;margin-right: 0;border: none;height: auto;
	}
	.header li br{
		display: none;
	}
	.header li a{
		line-height: 52px;border-bottom: 1px solid #9b7c61;
	}
	.header li.l1 a{
		line-height: 52px;
	}
	.header li.ons{
		border: none;
	}
	.header li:hover {
	    border-color: initial;
	    background: initial;
	}
	.header li.ons a,
	.header li a:hover{
		color: #ed1b24;
	}
	.header .gb{
		position: absolute;top: 16px;right: 16px;z-index: 11;background: url(../images/qm26.png) no-repeat center;width: 30px;height: 30px;
	}
	.header li.ons a{
		border-bottom: 1px solid #b87f65;
	}
	.uituurt{
		top: 20%;right: 0;
	}
	.uituurt li .ico{
		height: 20px;
	}
	.fwhchonx,
	.fsonho {
		float: none;
		width: auto;
	}
	.ftlt h2 {
		font-size: 20px;
		line-height: 2;
	}
	.ftlt {
		padding-bottom: 6px;
	}
	.fwhchonx .list li h4 a {
		font-size: 16px;
		line-height: 2.6;
	}
	.fwhchonx .list li h4 i {
		width: 30px;
		height: 14px;
		background-size: 30px auto;
	}
	
	.fshouho {
	    margin-top: 70px;
	}
	.fsonho {
		padding: 40px 0;
	}
	.fsonho .list {
		padding: 20px 0;
	}
	.fsonho .list ul li {
		margin-bottom: 15px;
		width: 100%;
	}
	.fsonho .list ul li h6 {
		font-size: 16px;
		line-height: 2;
		margin-bottom: 5px;
	}
	.fsonho .list ul li .lsele,
	.fsonho .list ul li .info {
		font-size: 16px;
		height: 40px;
		padding: 0 12px;
		
	}
	.fsonho .list ul li .lsele {
		background: url(../images/fn1.png) no-repeat center right 12px;
		background-size: 15px auto;
	}
	.fsonho .list ul li textarea {
		font-size: 16px;
		height: 100px;
		padding: 6px 12px;
	} 
	.fsonho .vos {
		display: block;
	}
	.fsonho .vos .sub {
		width: 50%;
		height: 44px;
		font-size: 18px;
		
	}
	.fsonho .vos p {
		font-size: 16px;
		line-height: 2;
		padding-left: 0;
	}
	.ench{
	    right: 60px;top:15px ;
	}
}