/*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: #000;
    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: #000;
    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: #000;
}

.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: #000;
}


@media only screen and (max-width:1480px) {
	html{
		font-size: 14.8px;
	}
	
}
@media only screen and (max-width:1280px) {
	html{
		font-size: 13px;
	}
	
}
@media only screen and (max-width:1040px) {
	h2{
		font-size: 20px !important;
	}
	h3{
		font-size: 18px !important;
	}
	h4{
		font-size: 16px !important;
	}
	p,
	h5,
	h6{
		font-size: 14px !important;
	}
	
	
	.wrap{
		width: auto;padding: 0 15px;
	}
	.layout{
		padding-top: 50px;
	}
	.header{
		height: 50px;display: block;padding: 0 15px;
	}
	.header .logo{
		max-width: 160px;margin-top: 5px;
	}
	.gh{
		position: absolute;right: 15px;top: 12px;display: block;
	}
	.header .naver{
		position: absolute;
		left: 0;right: 0;
		top: 100%;z-index: 12;background: #fff;display: none;
	}
	.header .naver li span{
		display: none;
	}
	.header .naver ul{
		display: block;padding: 0 15px;
	}
	.header .naver li a{
		font-size: 16px;line-height: 36px;
	}
	
	.banner{
		height: 30vw;
	}
	.crumbs dt,
	.crumbs dd span, .crumbs dd a{
		font-size: 14px;
	}
	.crumbs{
		padding: 10px 0;
	}
	.product{
		padding: 40px 0;
	}
	.footer .tps .text,
	.footer .tps .wrap,
	.product .box{
		display: block;
	}
	.footer .tps .text dl{
		min-width: initial;
	}
	.footer .tps .text dl:nth-child(1){
		display: none;
	}
	
	.footer .tps .text{
		margin: 20px 0;
	}
	.footer .tps .text dt{
		font-size: 16px;
	}
	.footer .tps .text dd{
		font-size: 14px;
	}
	.footer .tps .wxs{
		width: 90px;
	}
	.footer .tps .wxs .wx{
		height: 90px;
	}
	.copyright{
		font-size: 12px;line-height: 1.8;
	}
	.product .nav li a{
		font-size: 14px;
	}
	.product .box .rts,
	.product .box .lts{
		width: auto;
	}
	.pages dd a{
		font-size: 13px;line-height: 30px;min-width: 30px;
	}
	.product .box .table table td,
	.product .box .table table th{
		font-size: 14px;padding: 10px 0;
	}
	.product .box .table{
		overflow-x: scroll;
	}
	.product .box .table table{
		width: 1000px;
	}
	.product .box .lts .ds .info .t1{
		font-size: 15px;
	}
	.product .box .lts .ds .info{
		height: 40px;
	}
	.product .box .lts .ds .dnli dd a{
		font-size: 14px;
	}
	
}