/*pad*/

img {
    max-width: 100%;
}

.gh {
    height: 24px;
    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: #707070;
    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: #707070;
    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: 8px;
}

.gh a:before {
    top: -8px;
}

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

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

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

@media only screen and (max-width:1240px) {
	.wrap {
		width: 1000px;
	}
	.header .logo img{
		max-width: 140px;
	}
	.header .logo .tx h3{
		font-size: 16px;
	}
	.header .logo .tx h6{
		font-size: 12px;
	}
	.header .naver li a{
		font-size: 14px;line-height: 60px;
	}
	.header .logo{
		margin-top: 8px;
	}
	.layout{
		
	}
	.tit h2{
		font-size: 24px;
	}
	.contact .hd .rt h4,
	.about .dels h3{
		font-size: 16px;
	}
	.contact .hd .lt h3{
		font-size: 16px;
	}
	.contact .hd .lt h6{
		font-size: 14px;
	}
	.contact .hd .rt .tx{
		height: 38px;
	}
	.contact .hd .rt .text{
		height: 130px;
	}
	.crumbs li a{
		font-size: 12px;
	}
	.newsdels .ova a{
		font-size: 12px;
	}
	.banner .swiper-slide{
		height: 416px;
	}
	.page1 .swipers .swiper-slide .pic{
		height: 170px;
	}
	.page1 .swipers .swiper-slide .txt{
		padding: 15px;
	}
	.page1 .swipers .swiper-slide h3{
		font-size: 15px;
	}
	.page1 .swipers .swiper-slide p{
		font-size: 13px;
	}
	.product .tab dt{
		font-size: 16px;line-height: 42px;
	}
	.product .tab dd h3{
		font-size: 14px;line-height: 38px;
	}
	.product .tab{
		width: 240px;
	}
	.product .list{
		    width: calc(100% - 270px);
	}
	.product .list li .pic{
		height: 180px;
	}
	.product .list li .text{
		padding: 15px 10px;
	}
	.product .list li .text h2{
		font-size: 14px;
	}
	.product .list li .text p{
		font-size: 12px;
	}
	.productdel h1{
		font-size: 22px;
	}
	.productdel .bd .pic{
		width: 420px;height: 420px;
	}
	.productdel .bd .hda{
		    width: calc(100% - 450px);
	}
	.prlist li .pic{
		height: 190px;
	}
	.prlist li .text{
		padding: 15px 10px;
	}
	.prlist li .text h3{
		font-size: 14px;
	}
	.prlist li .text p{
		font-size: 12px;
	}
	

	

}
@media only screen and (max-width:1040px) {
	.wrap {
		width: auto;padding: 0 10px;
	}
	.bans{
		height: 30vw;
	}
	.crumbs li,
	.crumbs li a{
		line-height: 36px;
	}
	.productdel h1{
		font-size: 18px;
	}
	.productdel .bd .pic{
		width: 400px;height: 400px;
	}
	.productdel .bd .hda{
		    width: calc(100% - 420px);
	}
	.product .tab dt{
		padding: 0 15px;
	}
	.product .tab{
		width: 220px;
	}
	.product .list{
		    width: calc(100% - 240px);
	}
	.pages dd a{
		font-size: 12px;
	}
	.news li .text{
		    width: calc(100% - 240px);margin-top: 10px;
	}
	.news li .text h2 a{
		font-size: 14px;
	}
	.news li .text p{
		font-size: 12px;line-height: 22px;height: 44px;
	}
	.news li .text h6{
		font-size: 12px;
	}
	.banner .swiper-slide{
		height: 360px;
	}
	.about{
		padding: 60px 0;
	}
	.about .pic{
		width: 800px;height: 420px;
	}
	.about .text{
		    width: calc(100% - 490px);margin-top: 20px;
	}
	.tit h2{
		font-size: 22px;
	}
	.about .text h4{
		font-size: 16px;
	}
	.about .text p{
		line-height: 28px;
	}
	.page1 .hd .rt a{
		font-size: 16px;line-height: 38px;
	}
	.page1 .swipers .swiper-slide .txt{
		padding: 10px;
	}
	.newsdels .hd h1{
		font-size: 22px;
	}
	.newsdels .hd h6{
		font-size: 12px;
	}
	.newsdels .dels{
		font-size: 12px;line-height: 28px;
	}
	
	
	
	
	
	
	
	
	

}
@media only screen and (max-width:768px) {
	
	.wrap {
		width: auto;padding: 0 10px;
	}
	.layout {
		overflow: hidden;
		margin: 0 auto;
		width: auto;
		padding-top: 54px;
		padding-top: 60px;padding-bottom:63px;
	}
	.header {
		height: 54px;position: fixed;z-index: 999;top: 0;left: 0;right: 0;background: #fff;padding: 0;
	}
	.gh {
		display: block;position: absolute;z-index: 99;right: 10px;top: 18px;
	}
	.header .logo img{
		max-width: 90px;
	}
	.header .logo .tx h3{
		font-size: 12px;line-height: 1.3;
	}
	.header .logo .tx h6{
		line-height: 1.2;font-size: 12px;
	}
	.header .logo .tx{
		padding-left: 20px;
	}
	.header .logo .tx::before{
		left: 10px;height: 16px;margin-top: -8px;
	}
	.header .logo{
		float: none;margin-top: 17px;
	}
	.header .naver{
		float: none;position: fixed;top: 0;right: -400px;z-index: 111;background: #fff;width: 310px;min-height: 100%;transition:all 0.4s;padding-left: 30px;-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;padding-top: 16px;
	}
	.header .naver.on{
		right: 0;
	}
	.header .naver li{
		float: none;
	}
	.header .naver li a{
		font-size: 14px;line-height: 46px;border-bottom: 1px solid #eeeeee;padding: 0;display: block;
	}
	.header .naver li.on a, .header .naver li a:hover{
		background-color: initial;
	}
	.qmmmask{
		    position: fixed;
		    top: 0;
		    left: 0;
		    right: 0;
		    bottom: 0;
		    background: rgba(0,0,0,0.5);
		    z-index: 97;
		    display: none;
	}
	.banner .swiper-slide{
		height: 212px;
	}
	.banner .prev, .banner .next{
		display: none;
	}
	.about{
		padding: 30px 0 50px;
	}
	.about .pic{
		float: none;width: auto;margin-left: 0;height: 204px;
	}
	.about .text{
		float: none;width: auto;margin-top: 10px;
	}
	.tit h2{
		font-size: 20px;line-height: 1.4;
	}
	.tit h6{
		font-size: 12px;line-height: 1.6;
	}
	.about .text h4{
		font-size: 17px;margin-top: 10px;font-weight: bold;
	}
	.about .text p{
		line-height: 26px;
	}
	.about .text .more{
		margin-top: 20px;
	}
	.page1{
		padding: 35px 0;
	}
	.page1 .hd .tit{
		float: none;
	}
	.page1 .hd .rt{
		float: none;margin-top: 10px;
	}
	.page1 .hd .rt a{
		font-size: 15px;line-height: 28px;margin-left: 18px;
	}
	.page1 .hd .rt a:nth-child(1){
		margin-left: 0;
	}
	.page1 .swipers{
		margin-top: 20px;
	}
	.page1 .swipers .swiper-slide .txt{
		padding: 5px 5px 10px;
	}
	
	.page1 .swipers .swiper-slide h3{
		font-size: 14px;line-height: 1.7;
	}
	.page1 .swipers .swiper-slide p{
		font-size: 12px;line-height: 20px;height: 40px;
	}
	.page1 .swipers .swiper-slide .pic{
		height: 150px;
	}
	.mors{
		margin: 30px auto 0;width: 150px;
	}
	.page2 .swipers .swiper-slide .txt h5{
		margin: 10px auto 0;
	}
	.copyright{
		padding: 10px;font-size: 12px;line-height: 1.6;
	}
	.qmsjfooter{
		position: fixed;bottom: 0;left: 0;right: 0;z-index: 99;background: #ffffff;display: block;
		box-shadow: 0 0 5px 0 rgba(80,80,80,0.2);
	}
	.qmsjfooter ul{
		padding: 10px 0 5px;
	}
	.qmsjfooter li{
		float: left;width: 33%;
	}
	.qmsjfooter li:nth-child(3){
		width: 34%;
	}
	.qmsjfooter li .ico{
		height: 20px;
	}
	.qmsjfooter li .ico img{
		display: block;margin: 0 auto;height: 100%;
	}
	.qmsjfooter li .ico img.s2{
		display: none;
	}
	.qmsjfooter li.on .ico img.s1{
		display: none;
	}
	.qmsjfooter li.on .ico img.s2{
		display: block;
	}
	.qmsjfooter li h4{
		font-size:12ox ;
		line-height: 1.7;
		color: #999999;text-align: center;margin-top: 5px;
	}
	.bans{
		height: 250px;
	}
	.crumbs li{
		font-size: 12px;margin-right: 0;
	}
	.crumbs{
		padding: 10px 10px 0;
	}
	.crumbs li, .crumbs li a{
		line-height: 20px;
	}
	.news{
		padding: 30px 0 60px;
	}
	.news li{
		padding: 12px 0;
	}
	.news ul{
		margin-top: 10px;
	}
	.news li .pic{
		width: 112px;height: 82px;
	}
	.news li .text{
		    width: calc(100% - 122px);margin-top: 0;
	}
	.news li .text h2 a{
		font-size: 13px;line-height: 1.6;word-break:keep-all;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;margin-top: 0; width: 90%;
	}
	.news li .text p{
		line-height: 20px;height: 40px;margin-top: 0;
	}
	.news li .text h6{
		background: none;margin-top: 0;padding-left: 0;
	}
	.pages dd a{
		padding: 0 7px;    min-width: 24px;line-height: 24px;
	}
	.pages dd{
		margin: 0 8px;
	}
	.pages dd.ku a{
		width: 46px;
	}
	.newsdels .crumbs{
		padding: 10px 0 0;
	}
	.newsdels .hd h1{
		font-size: 19px;line-height: 1.6;margin-top: 10px;
	}
	.newsdels .hd h6{
		margin: 7px auto 5px;padding-bottom: 6px;
	}
	.newsdels .dels{
		line-height: 24px;margin-bottom: 30px;
	}
	.newsdels .ova a:nth-child(2n),
	.newsdels .ova a{
		float: none;max-width: initial;word-break:keep-all;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;display: block;margin-bottom: 5px;
	}
	.newsdels{
		padding-bottom: 50px;
	}
	.contact{
		padding-top: 20px;
	}
	.contact .hd{
		margin-top: 20px;
	}
	.contact .hd .lt h3{
		font-size: 15px;padding-bottom: 5px;
	}
	.contact .hd .lt h6{
		font-size: 13px;margin-top: 10px;margin-bottom: 20px;line-height: 1.7;
	}
	.contact .hd .lt .weix{
		width: 88px;
	}
	.contact .hd .lt .weix h5{
		font-size: 12px;margin-top: 5px;
	}
	.contact .hd .rt{
		float: none;width: auto;margin-top: 20px;
	}
	.contact .hd .lt{
		float: none;width: auto;
	}
	.contact .hd .rt h4, .about .dels h3{
		font-size: 14px;line-height: 1.8;margin-bottom: 10px;
	}
	.contact .hd .rt .tx.tx1:nth-child(2n){
		float: none;width: 100%;margin-bottom: 0;
	}
	.contact .hd .rt .tx.tx1{
		float: none;width: 100%;margin-bottom: 10px;
	}
	.contact .hd .rt .tx{
		height: 40px;font-size: 14px;padding: 0 10px;
	}
	.contact .hd .rt li{
		margin-bottom: 10px;
	}
	.contact .hd .rt .text{
		height: 100px;padding: 10px;
	}
	.contact .hd .rt .btn{
		width: 135px;line-height: 46px;font-size: 15px;margin-top: 30px;
	}
	.contact .maps{
		height: 310px;margin-top: 40px;
	}
	.about .dels{
		line-height: 1.8;font-size: 13px;margin-top: 16px;
	}
	.about .dels h3{
		margin-top: 10px;
	}
	.product .tit{
		margin: 20px 0;
	}
	.product .tab{
		float: none;width: auto;
	}
	.product .tab dt{
		font-size: 15px;line-height: 38px;
	}
	.product .tab dd h3{
		padding: 0 15px;
	}
	
	
	
	
	
	.product .list{
		float: none;width: auto;
	}
	.product .list li{
		    width: calc((100% - 12px)/2);
		    margin-right: 0;margin-bottom: 12px;
	}
	.product .list li:nth-child(2n){
		float: right;
	}
	.product .list li .pic{
		height: 146px;
	}
	.product .list li .text{
		padding: 5px 5px 10px;
	}
	.product .list li .text h2{
		font-size: 13px;line-height: 1.6;
	}
	.product .list li .text p{
		line-height: 18px;height: 36px;margin-top: 3px;
	}
	.pages{
		margin-top: 28px;
	}
	.productdel .crumbs{
		padding: 10px 0 0;
	}
	.productdel h1{
		margin: 15px 0 15px;font-size: 20px;
	}
	.productdel .bd .pic{
		width: auto;float: none;
	}
	.productdel .bd .hda{
		float: none;width: auto;margin-top: 30px;
	}
	.productdel .bd .hda li a{
		font-size: 14px;padding: 0 16px;
	}
	.productdel .bd .dela{
		padding: 10px;line-height: 1.8;
	}
	.productdel .bd .zx{
		width: 112px;font-size: 14px;line-height: 30px;
	}
	.prlist{
		margin: 30px 0 45px;
	}
	.prlist h2{
		font-size: 14px;
	}
	.prlist li{
		    width: calc((100% - 12px)/2);
		    margin: 0 0 12px 0;
	}
	.prlist li:nth-child(2n){
		float: right;
	}
	.prlist li .pic{
		height: 147px;
	}
	.prlist li .text{
		padding: 5px 5px 10px;
	}
	.prlist li .text h3{
		line-height: 1.6;
	}
	
	.prlist li .text p{
		line-height: 18px;height: 36px;margin-top: 0;
	}
	
	.swipers .pore{
		height: 500px;
	}
	.swipers .pore .swiper-slide{
		height: calc((100% - 36px)/2);
	}
	.page2 .swipers .pore{
		height: 580px;
	}
	.page2 .swipers .pore .swiper-slide{
		height: calc((100% - 56px)/2);
	}
	
	.banner{
		display: none;
	}
	.webban{
		display: block;
	}
	
	.product .tab dd{
		width: calc((100% - 1px)/2);
		float: left;word-break:keep-all;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
	}
	.product .tab dl{
		overflow: hidden;
	}
	.product .tab dd:nth-child(2n+1){
		float: right;
	}
	.product .tab dt{
		width: 100%;
	}	

}