/*pad*/

img {
    max-width: 100%;
    height: auto;
}

.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: #313131;
    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: #313131;
    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: #313131;
    width: 100%;
}

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

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


@media only screen and (max-width:1440px) {
	.wrap {
		width: 1200px;
	}
	.fbannersw {
		height: 640px;
	}
	.header .rts .naver li {
		margin-right: 25px;
	}
	.fhproduct {
	    padding: 100px 12px 80px;
	}
	.fhproduct .list ul {
	    display: flex;
	    flex-wrap: wrap;
	    margin-top: 30px;
	}
	.ftitle h2 {
		font-size: 35px;
		line-height: 40px;
		padding-bottom: 15px;
	}
	.fhproduct .list ul li a {
		padding: 6px;
	}
	.fhproduct .list ul li .txt {
		padding: 10px 10px 2px;
	}
	.fhproduct .list ul li .txt h4 {
		font-size: 16px;
		line-height: 22px;
	}
	.fhproduct .list ul li .txt p {
		font-size: 14px;
		line-height: 1.2;
	}
	.fcon {
		margin: 40px auto 0;
	}
	.ftitle p {
		margin-top: 22px;
	}
	.fhchoose .list ul li h3 {
		font-size: 18px;
		margin-top: 6px;
	}
	.fhchoose .list ul li .icon {
		height: 75px;
		width: 75px;
	}
	.fhchoose .fwhylst {
	    margin: 45px auto 0;
	}
	.fhchoose .list ul {
		margin: 35px auto 0;
	}
	.fhchoose .fwhylst li {
		height: 400px;
	}
	.fhindustry {
		padding: 80px 0 110px;
	}
	.fhindustry .fen {
	    margin-top: 40px;
	}
	.fhindustry .text h3 a {
		font-size: 16px;
		line-height: 24px;
	}
	.fhindustry .text h3 i {
		font-size: 25px;
	}
	.fhindustry .text p {
		margin-top: 15px;
		font-size: 14px;
	}
	.fhindustry .text .fmore {
	    margin: 30px 0 0;
	}
	.fmore {
		width: 160px;
	}
	.fmore i {
		font-size: 16px;
		line-height: 40px;
	}
	.fhibright .imgs {
		width: 700px;
		margin-right: -150px;
	}
	.fhibright .text p {
		margin-top: 30px;
		font-size: 14px;
	}
	.fcon {
		font-size: 14px;
		line-height: 40px;
		width: 160px;
	}
	.fhibright .text {
		margin-top: 100px;
	}
	.fhvideo {
		padding: 90px 0 100px;
	}
	.fhnews {
		padding: 100px 0 90px;
	}
	.fhnews .fen {
	    margin-top: 40px;
	}
	.fhnews .fen .flt .imgs {
		height: 370px;
	}
	.fhnews .fen .flt .txt {
	    margin-top: 8px;
	}
	.fhnews .fen .flt .txt p {
		margin-top: 10px;
	}
	.fhnews .fen .frt li {
	    width: calc((100% - 20px)/2);
	    margin-bottom: 20px;
	}
	.fhnews .fen .frt li .imgs {
		height: 160px;
	}
	
	.qmnew .box li.on .img, .qmnew .box li:hover .img{
		width: 430px;height: 280px;
	}
	.qmnew .box li.on .txt, .qmnew .box li:hover .txt{
		height: 280px;width: calc(100% - 430px);padding: 20px 30px 0;
	}
	.qmnew .box li.on .txt h3 a, .qmnew .box li:hover .txt h3 a{
		font-size: 20px;padding-bottom: 14px;
	}
	.qmnew .box li.on .txt p, .qmnew .box li:hover .txt p{
		margin: 14px 0 40px;
	}
	.qmtit h2{
		font-size: 38px;
	}
	.qmprodel .thds .text h3{
		font-size: 28px;line-height: 1.6;
	}
	.qmprodel .thds .ltpicswip{
		width: 550px;
	}
	.qmprodel .thds .ltpicswip .lth li{
		height: 430px;
	}
	.qmprodel .thds .ltpicswip .ltb li{
		height: 80px;
	}
	.qmprodel .thds .ltpicswip .next, .qmprodel .thds .ltpicswip .prev{
		height: 80px;width: 35px;
	}
	.qmprodel .thds .text{
		width: calc(100% - 580px);
	}
	.qmprodel .thds .text .os h4{
		font-size: 18px;
	}
	.qmprodel .thds .text .os li{
		padding: 0 24px;font-size: 16px;
	}
	.qmprodel .tbds .h2{
		font-size: 38px;
	}
	.qmprodel .tbds .pro1 h6{
		font-size: 16px;
	}
	.qmprodel .tbds .pro1 li{
		font-size: 14px;margin-left: 40px;
	}
	.qmprodel .tbds .pro3 .box li h3{
		font-size: 18px;
	}
	.qmprodel .tbds .pro5 li{
		height: 390px;
	}
	.qmprodel .tbds .pro5 .swipbox li .img{
		height: 280px;
	}
	.qmproduct .box li{
		height: 400px;
	}
	.qmproduct .box li .img{
		height: 260px;
	}
	.qmproduct .box li h6{
		font-size: 14px;
	}
	.qmsolution .box li h3{
		font-size: 16px;
	}
	.qmsolution .box li h6{
		font-size: 12px;
	}
	.qmsoludel .hds h1{
		font-size: 28px;
	}
	.qmsuppor .box li h3{
		font-size: 18px;
	}
	.qmsuppor .box li h5,
	.qmsuppor .box li p,
	.qmsuppor .box li h6{
		font-size: 12px;
	}
	.qmsuppor .box li p{
		line-height: 20px;height: 40px;
	}
	.qmsuppor .box li .txt{
		margin-top: 16px;
	}
	
	
	
}
@media only screen and (max-width:1240px) {
	.wrap{
		width: 1000px;
	}
	.header .logo{
		width: 170px;margin-top: 12px;
	}
	.header .rts .naver li h2 a{
		font-size: 14px;line-height: 60px;
	}
	.header .rts .naver li{
		margin-right: 20px;
	}
	.header .rts{
		margin-top: 0;
	}
	.header .rts .fsearch{
		margin: 10px 0 0 12px;
	}
	.qmtit h2{
		font-size: 30px;
	}
	.qmtechnolo .del{
		margin-top: 20px;font-size: 14px;
	}
	.footer .fhter .rts{
		    width: calc(100% - 295px);
	}
	.footer .fhter .rts .txt h4{
		font-size: 14px;
	}
	.footer .fhter .rts .txt p{
		font-size: 12px;
	}
	.footer .fhter .rts .txt{
		padding: 0 50px;
	}
	.copyright .cop,
	.footer .fhter .rts .nav li a{
		font-size: 12px;
	}
	.qmsuppor .box li .img{
		height: 216px;
	}
	.qmsuppor .box li h3{
		font-size: 16px;
	}
	.qmsuppor .box li{
		margin-bottom: 30px;margin-right: 26px;width: calc((100% - 54px)/3);
	}
	.uitpage dd a{
		font-size: 12px;line-height: 30px;padding: 0 8px;
	}
	.crumbs dd a, .crumbs dd span{
		font-size: 12px;
	}
	.qmsoludel .hds h1{
		font-size: 24px;
	}
	.qmsoludel .fts a{
		font-size: 14px;line-height: 30px;
	}
	.qmsolution .box li .img{
		height: 210px;
	}
	.qmsolution .box li{
		margin-bottom: 40px;margin-right: 30px;width: calc((100% - 62px)/3);
	}
	.qmsolution .box li h3{
		font-size: 14px;
	}
	.qmproduct .box li{
		height: 333px;padding-top: 10px;
	}
	.qmproduct .box li .img{
		height: 200px;
	}
	.qmproduct .box li h6{
		font-size: 12px;line-height: 20px; /*height: 40px;*/margin-top: 10px;
	}
	.qmprodel .thds .ltpicswip{
		width: 480px;
	}
	.qmprodel .thds .text{
		width: calc(100% - 520px);
	}
	.qmprodel .thds .text h3{
		font-size: 26px;
	}
	.qmprodel .thds .text .del{
		font-size: 14px;
	}
	.qmprodel .thds .text .os h4{
		font-size: 16px;
	}
	.qmprodel .thds .text .os li{
		padding: 0 18px;font-size: 14px;margin-right: 10px;line-height: 36px;
	}
	.qmprodel .thds .text .bs .buy{
		width: 200px;height: 52px;line-height: 52px;font-size: 16px;
	}
	.qmprodel .thds .text .bs h6 a{
		font-size: 16px;
	}
	.qmprodel .tbds .h2{
		font-size: 30px;
	}
	.qmprodel .tbds .pro2 .img{
		width: 40%;
	}
	.qmprodel .tbds .pro2 .del{
		width: 55%;font-size: 14px;
	}
	.qmprodel .tbds .pro3 .box li h3{
		font-size: 16px;
	}
	.qmprodel .tbds .pro3 .box li p{
		font-size: 14px;
	}
	.qmprodel .tbds .pro4 .box li h3{
		font-size: 14px;line-height: 50px;width: 50%;
	}
	.qmprodel .tbds .pro4 .box li dd a,
	.qmprodel .tbds .pro4 .box li dd{
		font-size: 12px;line-height: 50px;
	}
	
	.qmprodel .tbds .pro4 .box li .rts{
		width: 40%;
	}
	
	.qmprodel .tbds .pro5 li{
		height: 300px;padding-top: 10px;
	}
	.qmprodel .tbds .pro5 .swipbox li .img{
		height: 200px;
	}
	.qmprodel .tbds .pro5 .swipbox li h6{
		font-size: 12px;line-height: 22px;margin-top: 10px;height: 66px;
	}
	.fproduct{
		padding: 80px 0;
	}
	.ftitle h2{
		font-size: 28px;
	}
	.fnewlst ul li a{
		font-size: 16px;
	}
	.fproduct .fprodimg .text h3{
		font-size: 28px;
	}
	.fproduct .fprodimg .text p{
		font-size: 14px;margin-top: 16px;
	}
	.fproduct .ficols ul li .icon{
		height: 64px;
	}
	.fproduct .ficols ul li h6{
		font-size: 14px;
	}
	.fproduct .fprodlst ul li .imgs{
		height: 200px;
	}
	.fproduct .fprodlst ul li h5{
		padding: 10px;font-size: 14px;
	}
	.fproduct .flcdlst ul li .imgs{
		height: 230px;
	}
	.fproduct .flcdlst ul li .txt{
		padding: 16px 0;
	}
	.fproduct .flcdlst ul li .txt h4 a{
		font-size: 16px;
	}
	.fproduct .flcdlst ul li .txt h6 a,
	.fproduct .flcdlst ul li .txt p,
	.fproduct .flcdlst ul li .txt h5{
		font-size: 12px;
	}
	.fproduct .flcdlst ul li .txt p{
		height: 40px;line-height: 20px;margin-top: 5px;
	}
	
	.fproduct .flcdlst ul li .txt h6{
		margin-top: 10px;
	}
	
	.qmnewdel .hds h1{
		font-size: 28px;
	}
	.qmnewdel .fts a{
		font-size: 14px;
	}
	.qmnew .box li .img{
		width: 290px;height: 190px;
	}
	.qmnew .box li .txt{
		 width: calc(100% - 310px);padding-top: 10px;
	}
	.qmnew .box li .txt h3 a{
		font-size: 16px;
	}
	.qmnew .box li .txt p{
		font-size: 13px;line-height: 22px;height: 44px;
	}
	.qmnew .box li .txt h6{
		font-size: 12px;
	}
	.qmnew .box li.on .img, .qmnew .box li:hover .img{
		width: 350px;
	}
	.qmnew .box li.on .txt, .qmnew .box li:hover .txt{
		width: calc(100% - 360px);padding-top: 30px;
	}
	.qmnew .box li.on .txt h3 a, .qmnew .box li:hover .txt h3 a{
		font-size: 18px;
	}
	.qmnew .box li.on .txt p, .qmnew .box li:hover .txt p{
		font-size: 14px;margin: 10px 0 30px;
	}
	.qmnew .box li .txt .more{
		width: 100px;
	}
	
	.fbannersw{
		height: 40vw;
	}
	.ftitle h2{
		font-size: 26px;
	}
	.fhproduct .list ul li .imgs{
		height: 20vw;
	}
	.fhproduct .list ul li .txt h4{
		font-size: 14px;
	}
	.ftitle p{
		font-size: 14px;
	}
	.fhchoose .list ul li h3{
		font-size: 14px;
	}
	.fhindustry .text h3 a{
		font-size: 14px;
	}
	.fhindustry .text h3 i{
		font-size: 20px;
	}
	.fhindustry .text p{
		margin-top: 10px;font-size: 12px;
	}
	.fhibright .imgs{
		width: 40%;
	}
	.fhibright .imgs{
		width: 60%;
	}
	.fhibright .text{
		margin-top: 30px;
	}
	.fhnews .fen .flt .txt h4{
		font-size: 16px;
	}
	.fhnews .fen .frt li .txt h4,
	.fhnews .fen .flt .txt p,
	.fhnews .fen .flt .txt h6{
		font-size: 13px;
	}
	.fhnews .fen .frt li .txt h6{
		font-size: 12px;
	}
	.fabout .detail h3{
		font-size: 16px;
	}
	.fabout .detail h3 i{
		font-size: 24px;
	}
	.fabout .detail p{
		font-size: 14px;
	}
	.factory .list ul li .imgs{
		height: 155px;
	}
	.fcontact .fen .te,
	.factory .list ul li h5{
		font-size: 14px;
	}
	.fcontact .ftext p{
		font-size: 12px;
	}
	.fcontact .fmessage .list li .info{
		height: 36px;font-size: 14px;
	}
	
	.fcontact .fmessage .list li textarea{
		height: 100px;
	}
	.fcontact .fmessage .submit{
		width: 140px;font-size: 14px;
	}
	.header .rts .naver li .fnali dl dd a{
		font-size: 14px;
	}
	

	
}
@media only screen and (max-width:1040px) {
	.wrap{
		width: auto;padding: 0 15px;
	}
	.header .rts .naver li .fnali dl dd a{
		font-size: 12px;line-height: 34px;
	}
	.header .rts .naver li .fnali{
		width: 240px;
	}
	.header .rts .naver li h2 a{
		font-size: 12px;line-height: 50px;
	}
	.header .logo{
		width: 140px;margin-top: 8px;
	}
	.header .rts .fsearch{
		margin-top: 5px;
	}
	.header .rts .fsearch .button{
		background-size: 18px auto;
	}
	.header .rts .naver li{
		margin-right: 14px;
	}
	.ftitle h2{
		font-size: 24px;
	}
	.fabout{
		padding: 60px 0;
	}
	.fabout .list ul li{
		height: 235px;
	}
	.fcontact,
	.factory{
		padding: 60px 0;
	}
	.fpagels ul li a,
	.fcontact .fen .te, .factory .list ul li h5{
		font-size: 12px;
	}
	.fpagels ul li a{
		min-width: 32px;line-height: 30px;padding: 0 8px;
	}
	
	.fbannersw .swiper_spot{
		bottom: 20px;
	}
	.fbannersw .swiper_spot span{
		margin: 0 6px !important;
	}
	.fhnews,
	.fhproduct{
		padding: 60px 0;
	}
	.fhproduct .list ul li .imgs{
		height: 15vw;
	}
	 .fhchoose .list ul li h3,
	.ftitle p,
	.fhproduct .list ul li .txt h4{
		font-size: 13px;
	}
	.fmore,
	.fcon{
		width: 120px;font-size: 12px;line-height: 30px;
	}
	.fhibright .text{
		margin-top: 20px;
	}
	.qmsolution,
	.qmproduct,
	.qmprodel .tbds .pro4,
	.qmprodel .tbds .pro3,
	.qmprodel .tbds .pro2,
	.qmnew{
		padding: 60px 0;
	}
	.qmtit h2{
		font-size: 26px;
	}
	.qmnew .box li.on .txt, .qmnew .box li:hover .txt{
		padding-left: 10px;
	}
	.qmnewdel .del{
		font-size: 14px;
	}
	.qmprodel .thds .ltpicswip{
		width: auto;float: none;
	}
	.qmprodel .thds .text{
		width: auto;float: none;
	}
	.qmprodel .tbds .pro1 .wrap{
		display: block;
	}
	.qmprodel .tbds .h2{
		font-size: 24px;
	}
	.qmprodel .tbds .pro4 .box li h3{
		font-size: 13px;
	}
	.qmprodel .tbds .pro5 .swipbox li .img{
		height: 150px;
	}
	.qmproduct .box li .img{
		height: 150px;
	}
	.qmproduct .box li{
		height: 305px;
	}
	.qmprodel .tbds .pro1 li{
		margin-left: 0;margin-right: 20px;line-height: 30px;
	}
	.qmprodel .tbds .pro1 h6{
		line-height: 1.8;margin-bottom: 10px;
	}
	.qmprodel .tbds .pro1{
		padding: 10px 0;
	}
	.fnewlst ul li a{
		font-size: 14px;padding: 0 40px;
	}
	.fproduct .fprodimg{
		height: 320px;
	}
	.fproduct .fprodimg .text{
		top: 10%;left: 5%;
	}
	.fproduct .fprodimg .text h3{
		font-size: 24px;
	}
	.fproduct .ficols ul li .icon{
		height: 40px;
	}
	.fproduct .ficols ul li h6{
		font-size: 12px;line-height: 1.7;
	}
	.fproduct .ficols ul li{
		padding: 20px 0;
	}
	.fproduct .flst{
		margin-bottom: 60px;
	}
	.fproduct .flcdlst ul li .imgs{
		height: 150px;
	}
	.fproduct .flcdlst ul li{
		width: calc((100% - 42px)/3);margin-right: 20px;
	}
	.fproduct .flcdlst ul li .txt h4 a{
		font-size: 14px;
	}
	.fproduct .fprodlst ul li .imgs{
		height: 150px;
	}
	.fproduct .fprodlst ul li h5{
		font-size: 12px;line-height: 1.7;
	}
	.fproduct .fprodlst ul li a{
		padding: 10px 0;
	}
	.qmnewdel .hds h1{
		font-size: 24px;
	}
	.qmnew .box li .img{
		width: 190px;height: 140px;
	}
	.qmnew .box li .txt{
		    width: calc(100% - 210px);padding-top: 0;
	}
	.qmnew .box li .txt h3 a{
		font-size: 14px;
	}
	
	.qmnew .box li .txt p{
		font-size: 12px;margin:0;
	}
	.qmnew .box li{
		padding: 20px 0;
	}
	.qmnew .box li.on .img, .qmnew .box li:hover .img{
		width: 250px;height: 230px;
	}
	.qmnew .box li.on .txt, .qmnew .box li:hover .txt{
		    width: calc(100% - 260px);padding: 30px 10px 0;height: 230px;
	}
	.qmnew .box li.on .txt h3 a, .qmnew .box li:hover .txt h3 a{
		font-size: 16px;
	}
	.qmnew .box li.on .txt p, .qmnew .box li:hover .txt p{
		font-size: 13px;margin: 10px 0 20px;line-height: 22px;height: 44px;
	}
	.fcontact .ftext,
	.fcontact .fmessage,
	.fhibright .text,
	.fhibright .imgs,
	.fhindustry .text,
	.fhindustry .imgs,
	.fhnews .fen .frt,
	.fhnews .fen .flt{
		float: none;width: auto;
	}
	.fhnews .fen .frt{
		margin-top: 20px;
	}
	.fcontact .ftext{
		margin-top: 20px;
	}
	.qmprodel .tbds .pro5 li{
		height: 260px;
	}
	
	
	
	
	
	
	
	
	
	
	
} 
@media only screen and (max-width:768px) {
	.wrap{
		width: auto;
	}	margin: 0;
		
		.header .logo{
			float: none;margin-top: 13px;
			width: 110px;
		}
		.gh{
			display: block;
			left: auto;
			right: 15px;
			top: 12px;
		}
		.header{
			height: 54px;position: fixed;
			left: 0;right: 0;top: 0;z-index: 12;
			background: #fff;box-shadow: 0 0 10px 0 rgba(80,80,80,0.2);
		}
	.layout{
		padding-top: 54px;
	}
	.header .rts{
		float: none;margin-top: 0;
	}
	.header .rts .fsearch{
		margin: 0;position: absolute;
		right: 50px;
		top: 12px;z-index: 1;
	}
	.header .rts .fsearch .button{
		width: 30px;height: 30px;    background-size: 14px auto;
	}
	.header .rts .fsearch .info{
		width: 110px !important;right: 30px !important;
		border-color: #999999;
	}

	.fbannersw{
		height: 40vh;
	}
	.fbannersw .swiper_spot span{
		width: 6px;height: 6px;margin: 0 6px !important;
	}
	.fhnews, .fhproduct{
		padding: 40px 0 60px;
	}
	.ftitle h2{
		font-size: 20px;padding-bottom: 10px;
	}
	.fhproduct .list ul{
		margin-top: 20px;display: block;padding: 0 15px;overflow: hidden;
	}
	.fhproduct .list ul li{
		float: left;width: calc((100% - 16px)/3);margin-right: 7px;margin-bottom: 18px;
	}
	.fhproduct .list ul li:nth-child(3n){
		margin-right: 0;
	}
	.fhproduct .list ul li a{
		padding: 0;
	}
	.fhproduct .list ul li .imgs{
		height: 30vh;
	}
	.fhproduct .list ul li a:hover{
		background: none;
	}
	.fhproduct .list ul li:hover .txt p{
		color: #999;
	}
	.fhproduct .list ul li:hover .txt h4{
		color: #666;
	}
	.fhproduct .list ul li .txt{
		padding: 10px 5px 2px;
	}
	.fhproduct .list ul li .txt h4{
		    word-break: initial;
		    white-space: initial;
		    overflow: initial;
		    text-overflow: initial;line-height: 20px;margin-bottom: 10px;height: 60px;
	}
	.fhproduct .list ul li .txt p{
		font-size: 12px;
	}
	.fmore, .fcon{
		margin: 20px auto 0; font-size: 14px;
	}
	.ftitle h2::before{
		height: 2px;
	}
	.fhchoose .list ul li h3, .ftitle p, .fhproduct .list ul li .txt h4{
		font-size: 13px;line-height: 1.7;
	}
	.fhchoose .list ul li .icon{
		width: 40px;height: 40px;
	}
	.fhchoose .list ul{
		margin: 40px auto 0;display: block;overflow: hidden;
	}
	.fhchoose .list ul li{
		width: 33%;float: left;
	}
	.fhchoose .list ul li:nth-child(2){
		width: 34%;
	}
	.fhchoose .list ul li h3, .ftitle p, .fhproduct .list ul li .txt h4{
		font-size: 12px;
	}
	.fhchoose .fwhylst{
		margin: 20px auto 0;
	}
	.fhchoose .fwhylst li{
		height: 20vh;
	}
	
	.fhindustry{
		padding: 40px 0 60px;
	}
	.fhindustry .text .fmore{
		margin: 20px 0 0;
	}
	.fmore i{
		font-size: 13px;line-height: 30px;
	}
	.ftitle h2{
		line-height: 1.2;
	}
	.fhibright .text p{
		margin-top: 20px;font-size: 13px;
	}
	.fhibright{
		padding-bottom: 50px;
	}
	.fhsustomer,
	.fhvideo{
		display: none;
	}
	.fhnews{
		background: #fff;
	}
	.fhnews .fen .flt .imgs{
		height: 30vh;
	}
	.fhnews .fen .flt .txt p,
	.fhnews .fen .flt .txt h6{
		margin-top: 2px;
	}
	.fhnews .fen .frt li .imgs{
		height: 14vh;
	}
	.fhnews .fen .frt li{
		width: calc((100% - 14px)/2);
	}
	.footer .fhter{
		padding: 36px 0;
	}
	.footer .fhter .logo{
		float: none;margin-top: 0;float: none;width: 130px;
	}
	.footer .fhter .rts{
		float: none;width: auto;
	}
	.footer .fhter .rts .txt{
		float: none;width: auto;padding: 0;margin-top: 20px;
	}
	.footer .fhter .rts .nav{
		float: none;margin-top: 10px;
		padding:0;
	}
	.footer .fhter .rts .txt p{
		margin-top: 6px;line-height: 1.7;
	}
	.footer .fhter .rts .nav ul{
		overflow: hidden;
	}
	.footer .fhter .rts .nav li{
		float: left;width: 33%;
	}
	.footer .fhter .rts .nav li:nth-child(3n){
		width: 34%;
	}
	.footer .fhter .rts .txt::after, .footer .fhter .rts .txt:before{
		display: none;
	}
	.footer .fhter{
		padding: 36px 0 20px;
	}
	.footer .fhter .rts .nav li a{
		font-size: 14px;
	}
	.copyright{
		padding: 6px 0;
	}
	.copyright .rt ul li{
		height: 20px;width: 20px;
	}
	.copyright .rt ul li img{
		bottom: 0;position: absolute;
		left: 0;right: 0;
		top: 50%;z-index: 1;
		transform:translateY(-50%);
		-ms-transform:translateY(-50%);  /* IE 9 */
		-moz-transform:translateY(-50%);     /* Firefox */
		-webkit-transform:translateY(-50%); /* Safari 和 Chrome */
		-o-transform:translateY(-50%); max-width: 80%;max-height: 80%;display: block;margin: 0 auto;
	}
	.copyright .rt{
		margin-top: 10px;
	}
	.qmbanner{
		height: 24vh;
	}
	.qmsuppor,
	.qmtechnolo{
		padding: 40px 0 60px;
	}
	.qmtit h2{
		font-size: 20px;
	}
	.qmtit span{
		height: 2px;width: 20px;margin: 10px auto 0;
	}
	.qmtechnolo .del{
		font-size: 13px;line-height: 1.7;
	}
	.qmsuppor .box li{
		    margin-bottom: 20px;
		    margin-right: 0;
		    width: calc((100% - 12px)/2);
	}
 .qmsuppor .box li:nth-child(2n){
	 float: right;
 }
	.qmsuppor .box{
		margin-top: 20px;
	}
	.qmsuppor .box li .img{
		height: 120px;
	}
	.qmsuppor .box li .txt{
		margin-top: 10px;
	}
	.qmsuppor .box li h3{
		font-size: 14px;    word-break: initial;
    white-space: initial;
    overflow: initial;
    text-overflow: initial;line-height: 22px;height: 44px;
	}
	.qmsuppor .box li p{
		margin: 0 0 10px;
	}
	.uitpage dd a{
		padding: 0 6px;line-height: 28px;
	}
	.uitpage dd.n1 a{
		padding: 0 12px;
	}
	.crumbs{
		margin-top: 5px;
	}
	.qmsoludel{
		padding: 30px 0;
	}
	.qmsoludel .hds h1{
		font-size: 20px;margin-bottom: 5px;
	}
	.qmsoludel .hds h6{
		font-size: 12px;
	}
	.qmsoludel .hds{
		padding-bottom: 14px;
	}
	.qmsoludel .del{
		padding: 30px 0;
	}
	.qmsoludel .fts a{
		font-size: 12px;line-height: 1.8;margin-bottom: 6px;
	}
	.qmsoludel .fts{
		margin-top: 20px;
	}
	.qmsolution, .qmproduct, .qmprodel .tbds .pro4, .qmprodel .tbds .pro3, .qmprodel .tbds .pro2, .qmnew{
		padding: 40px 0;
	}
	.qmsolution .box li{
		margin-bottom: 20px;margin-right: 0;width: calc((100% - 12px)/2);
	}
	.qmsolution .box li:nth-child(2n){
		float: right;
	}
	.qmsolution .box li .img{
		height: 120px;
	}
	.qmsolution .box{
		margin-top: 20px;
	}
	.qmsolution .box li .txt{
		margin-top: 5px;
	}
	.qmsolution .box li h3{
		font-size: 13px;    word-break: initial;
    white-space: initial;
    overflow: initial;
    text-overflow: initial;line-height: 22px;height: 44px;
	}
	.qmsolution .box li h6{
		background-size: 60px auto !important;
	}
	.qmproduct .box{
		margin-top: 20px;
	}
	.qmproduct .box li{
		    margin-bottom: 14px;
		    width: calc((100% - 14px)/2);margin-right: 0;
	}
	 .qmproduct .box li:nth-child(2n){
		 float: right;
	 }
	
	.qmprodel{
		padding: 20px 0 40px;
	}
	.qmprodel .thds .ltpicswip .lth li{
		border: 1px solid #f1f1f1;height: 280px;
	}
	.qmprodel .thds .ltpicswip .lth li img{
		    max-width: 70%;
		    max-height: 70%;
	}
	.qmprodel .thds .ltpicswip .ltb li{
		height: 60px;
	}
	.qmprodel .thds .ltpicswip .next, .qmprodel .thds .ltpicswip .prev{
		height: 60px;width: 22px;background-size: 8px auto !important;
	}
	.qmprodel .thds .ltpicswip .ovs{
		padding: 0 30px;
	}
	.qmprodel .thds .ltpicswip .ltb li{
		border: 1px solid #f1f1f1;
	}
	.qmprodel .thds .ltpicswip .ltb{
		height: 60px;
	}
	.qmprodel .thds .text{
		margin-top: 24px;
	}
	.qmprodel .thds .text h3{
		font-size: 20px;line-height: 1.2;padding-bottom: 14px;
	}
	.qmprodel .thds .text .del{
		font-size: 13px;margin: 10px 0;line-height: 1.8;
	}
	.qmprodel .thds .text .os li{
		padding: 0 16px;font-size: 12px;line-height: 28px;margin-bottom: 12px;
	}
	.qmprodel .thds .text .os{
		margin-bottom: 6px;
	}
	.qmprodel .thds .text .bs{
		margin-top: 20px;
	}
	
	.qmprodel .thds .text .bs .buy{
		width: 180px;height: 46px;line-height: 46px;font-size: 14px;
	}
	.qmprodel .thds .text .bs h6 a{
		font-size: 13px;background-size: 14px auto !important;padding-left: 20px;
	}
	.qmprodel .thds .text .bs h6{
		margin-left: 14px;
	}
	.qmprodel .tbds .pro1{
		padding: 20px 0 10px;
	}
	.qmprodel .tbds .pro1 h6{
		font-size: 15px;text-align: center;
	}
	.qmprodel .tbds .pro1 li{
		font-size: 13px;line-height: 1.7;margin-right: 14px;
	}
	.qmprodel .tbds .h2{
		font-size: 20px;
	}
	.qmprodel .tbds .pro3 .box{
		margin-top: 20px;
	}
	.qmprodel .tbds .pro2 .box{
		margin-top: 10px;
	}
	.qmprodel .tbds .pro2 .del,
	.qmprodel .tbds .pro2 .img{
		float: none;width: auto;
	}
	.qmprodel .tbds .pro2 .del{
		margin-top: 10px;font-size: 13px;line-height: 1.7;
	}
	.qmprodel .tbds .pro3 .box li{
		width: 50%;margin-bottom: 20px;
	}
	.qmprodel .tbds .pro3 .box li h3{
		font-size: 14px;
	}
	.qmprodel .tbds .pro3 .box li p{
		font-size: 12px;
	}
	.qmprodel .tbds .pro4 .box{
		margin-top: 20px;
	}
	.qmprodel .tbds .pro4 .box li{
		display: block;padding-bottom: 10px;margin-bottom: 10px;
	}
	.qmprodel .tbds .pro4 .box li .rts,
	.qmprodel .tbds .pro4 .box li h3{
		width: auto;
	}
	.qmprodel .tbds .pro4 .box li dd a, .qmprodel .tbds .pro4 .box li dd,
	.qmprodel .tbds .pro4 .box li h3{
		line-height: 1.8;
	}
	.qmprodel .tbds .pro4 .box li .rts{
		margin-top: 10px;
	}
	.qmprodel .tbds .pro4 .box li dd a{
		background-size: 14px auto !important;
	}
	.qmprodel .tbds .pro5 .swipbox .next, .qmprodel .tbds .pro5 .swipbox .prev{
		width: 22px;height: 50px;background-size: 8px auto !important;
	}
	.fban{
		height: 24vh;
	}
	.fproduct{
		padding: 40px 0;
	}
	
	.fnewlst ul li a{
		font-size: 12px;padding: 0 8px;
	}
	.fproduct .fprodimg{
		margin-top: 20px;height: auto;
	}
	.fproduct .fprodimg .img,
	.fproduct .fprodimg .text{
		position: static;
	}
	.fproduct .fprodimg .img{
		height: 18vh;
	}
	.fproduct .fprodimg .text h3{
		font-size: 20px;color: #363636;margin-top: 10px;
	}
	.fproduct .fprodimg .text p{
		color: #363636;margin-top: 0;font-size: 13px;line-height: 1.8;
	}
	.fproduct .ficols ul li{
		padding: 5px 0;width: 50%;
	}
	.fproduct .ficols ul li h6{
		line-height: 22px;height: 66px;
	}
	.fproduct .ficols ul li .icon{
		height: 30px;
	}
	.fproduct .fprodlst{
		margin-top: 20px;
	}
	.fproduct .fprodlst ul{
		display: block;
	}
	.fproduct .fprodlst ul li{
		float: left;width: calc((100% - 14px)/2);margin-bottom: 14px;margin-right: 0;
	}
	.fproduct .fprodlst ul li:nth-child(2n){
		float: right;
	}
	.fproduct .fprodlst ul li h5{
		line-height: 1.4;
	}
	.fproduct .flcdlst ul li{
		    width: calc((100% - 14px)/2);float: left;margin-right: 0;margin-bottom: 20px;
	}
	.fproduct .flcdlst ul li:nth-child(2n){
		float: right;
	}
	.fproduct .flcdlst ul{
		display: block;overflow: hidden;    flex-wrap: initial;margin-top: 20px;
	}
	.fproduct .flcdlst ul li .imgs{
		height: 120px;
	}
	.fproduct .flcdlst ul li .txt{
		padding: 10px 0 0;
	}
	.fproduct .flcdlst ul li .txt h4 a{
		font-size: 13px;    word-break: initial;
    white-space: initial;
    overflow: initial;
    text-overflow: initial;line-height: 20px;height: 40px;
	}
	.fproduct .flcdlst ul li .txt p,
	.fproduct .flcdlst ul li .txt h5{
		margin-top: 0;
	}
	
	.qmnewdel{
		padding: 30px 0;
	}
	.qmnewdel .hds h1{
		font-size: 18px;line-height: 1.4;margin-bottom: 10px;
	}
	.qmnewdel .hds h6{
		font-size: 12px;
	}
	.qmnewdel .hds{
		padding-bottom: 12px;
	}
	.qmnewdel .del{
		padding: 10px 0;font-size: 13px;line-height: 1.7;
	}
	.qmnewdel .fts a{
		font-size: 12px;line-height: 1.8;margin-bottom: 5px;
	}
	.qmnewdel .dfots .fts{
		margin-top: 20px;
	}
	.qmnew .box{
		margin-top: 20px;
	}
	.qmnew .box li.on .img, .qmnew .box li:hover .img{
		float: none;width: auto;height: 30vh;
	}
	.qmnew .box li.on .txt, .qmnew .box li:hover .txt{
		float: none;width: auto;padding: 15px;height: auto;
	}
	.qmnew .box li.on .txt h3 a, .qmnew .box li:hover .txt h3 a{
		font-size: 14px;word-break: initial;
    white-space: initial;
    overflow: initial;
    text-overflow: initial;line-height: 22px;height: 44px;overflow: hidden;padding-bottom: 8px;
	}
	.qmnew .box li .txt dl{
		display: none;
	}
	.qmnew .box li .txt .more{
		font-size: 12px;line-height: 26px;width: 80px;
	}
	.qmnew .box li{
		padding: 15px 0;
	}
	.qmnew .box li .img{
		width: 150px;height: 12vh;
	}
	.qmnew .box li .txt{
		width: calc(100% - 160px);
	}
	.fabout .list ul{
		margin-top: 30px;display: block;    flex-wrap: initial;
	}
	.fabout .list ul li:nth-child(3),
	.fabout .list ul li{
		width: 100%;height: 26vh;
	}
	.fabout .detail{
		margin-top: 20px;
	}
	.fabout .detail h3{
		font-size: 14px;line-height: 1.5;
	}
	.fabout .detail h3 i{
		font-size: 20px;
	}
	.fabout .detail p{
		font-size: 13px;margin-top: 10px;
	}
	.fcontact, .factory{
		padding: 40px 0;
	}
	.factory .list ul{
		padding: 20px 0;
	}
	.factory .list ul li{
		margin-bottom: 10px;width: calc((100% - 14px)/2);
	}
	.factory .list ul li .imgs{
		height: 15vh;
	}
	.factory .list ul li h5{
		margin-top: 2px;
	}
	.fcontact .fen{
		margin-top: 20px;
	}
	.fcontact .fen .te{
		font-size: 14px;
	}
	.fcontact .ftext p{
		margin-top: 0;
	}
	.fcontact .ftext .ls{
		margin-top: 10px;
	}
	.fcontact .fmessage{
		margin-top: 10px;
	}
	.fcontact .fmessage .list li .info{
		height: 34px;font-size: 12px;padding: 0 10px;
	}
	.fcontact .fmessage .list li textarea{
		height: 80px;padding: 5px 10px;font-size: 12px;
	}
	.fcontact .fmessage .submit{
		width: 100px;font-size: 12px;line-height: 34px;height: 34px;
	}
	.naver li i {
	    position: absolute;
	    right: 0;
	    top: 0;
	    width: 48px;
	    height: 48px;
	    background: url(../images/tl60-1.png) no-repeat center/20% auto;
	    display: block;
	    z-index: 11;
	    transform: rotate(180deg
	);
	    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 .rts .naver{
		float: none;    position: absolute;
	top: 50px;
	left: 0;
	right: 0;
	z-index: 111;
	background: #ea8b10;display: none;
	}
	.header .rts .naver li {
	    display: block;
	    margin: 0;
	    text-align: left;
	    float: none;
	    padding: 0;
	}
	.header .rts .naver li h2 a{
	    font-size: 16px;
	    line-height: 46px;
	    padding: 0 15px;color: #fff;border-bottom: 1px solid #fff;
	}
	.header .rts .naver li .fnali{
	    position: static;
	    width: auto;
	    text-align: left;
	}
	.header .rts .naver li .fnali dl dd a{
	    line-height: 48px;
	    font-size: 15px;
	    color: #fff;
	    display: block;text-align: left;padding-left: 20px;
	}
	.header .rts .naver li .fnali dl:before{
		display: none;
	}
	.header .rts .naver li .fnali dl{
		padding: 0;background: none;
	}
	.header .rts .naver li:hover h2 a, .header .rts .naver li.on h2 a{
		color: #fff;
	}
	.header .rts .naver li .fnali .fnli{
		padding-top: 0;
	}
	.naver li i.on{
		    transform: rotate(
		270deg
		);
	}
	.qmprodel .tbds .pro5 .swipbox li h6{
		line-height: 20px;height: 60px;
	}
	.qmprodel .tbds .pro1{
		position: static;
	}
	.qmprodel .tbds .pro5 .swipbox{
		margin-top: 0px;
	}
	
	.header .rts .naver li .fnali dl dd.on a, .header .rts .naver li .fnali dl dd a:hover{
		color: #fff;
	}
	
	.qmprodel .tbds .pro5 li{
		height:auto;padding-bottom: 20px;
	}
	
	.qmprodel .tbds .pro5 .swipbox li .img{
		height: 120px;
	}
	.qmsoludel .hds h1{
		font-size: 18px;
	}
	
	.fixrt{
		display: none;
	}
	.qmprodel .tbds .uboxc li dd{
	    float: none;width: auto;
	}
	
	
}