/*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: 3px;
    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:26px;
    border-radius: 0;
}

.gh a:after {
    width: 100%;
}

.gh a:before {
    width: 100%;
}

.gh a:after,
.gh a:before {
    background-color: #fff;
    content: "";
    display: block;
    height: 3px;
    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;
	width: 26px;
}

.gh a:after {
    top: 9px;
}

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

.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);
}

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

.selected .gh a {
    background-color: transparent !important;
	/* background: #fff; */
}
html{
	font-size: 1vw;
}

@media only screen and (max-width:1240px) {
	html{
		font-size: 14px;
	}
	
}

@media only screen and (max-width:1080px) {
	.header .naver li{
		margin-right: 20px;
	}
	.wrap{
		width: auto;
		padding: 0 15px;
	}
}
@media only screen and (max-width:1000px) {
	html{
		font-size: 16px;
	}
	.gh{
		display: block;
	}
	.header .naver ul{
		position: absolute;
		left: 0;right: 0;
		top: 100%;
		display: block;
		background: #333;
		display: none;
	}
	.header{
		background: #333;
		height: auto;
	}
	.header .wrap{
		height: 60px;
	}
	.header .btn{
		margin-right: 50px;
	}
	.header .naver li a{
		line-height: 46px;
		padding: 0 20px;
		border-bottom: 1px solid rgba(255,255,255,0.1);
	}
	.header .naver li{
		margin: 0;
	}
	.layout{
		padding-top: 60px;
		overflow: hidden;
	}
	.yinsizc{
		padding: 30px 0;
	}
	.yinsizc .wrap{
		display: block;
	}
	.yinsizc .umtab{
		width: auto;position: static;
	}
	.yinsizc .rtext{
		width: auto;
	}
	.umtab li{
		margin-bottom: 10px;
	}
	h2{
		font-size: 20px !important;
	}
	h3{
		font-size: 20px !important;
	}
	h4{
		font-size: 16px !important;
	}
	h6,
	h5{
		font-size: 16px !important;
	}
	p{
		font-size: 14px !important;
	}
	.footer{
		padding: 0 0 15px;border-radius: 10px 10px 0 0;
	}
	.footer .tps{
		display: none;
	}
	.footer .tbs{
		display: block;padding-bottom: 30px;
	}
	.footer .tfs{
		display: block;
	}
	.footer .tbs label{
	    text-align: center;
	}
	.footer .tbs h4{
	    font-size: 18px !important;
	}
	.footer .tbs p{
	    font-size: 16px !important;
	}
	.footer .tfs h6,
	.footer .tbs p,
	.footer .tbs h4{
	    text-align: center;
	}
	.footer .tbs dl{
		justify-content: center;
	}
	.footer .tbs .fms{
	    width: auto;
	}
	.footer .tbs h6{
		text-align: center;
		margin-top: 15px;
	}
	.footer .tbs label{
		font-size: 16px;
	}
	.bsection1{
		padding: 30px 0;
	}
	.bsection2 .pic{
		width: auto;height: auto;
	}
	.bsection2 .wrap{
		display: block;
	}
	.bsection1 .text{
		width: auto;
	}
	.bsection1 .text p{
		margin: 15px 0;
	}
	.bsection2 .text{
		width: auto;
	}
	.bsection2 .text p{
		margin: 15px 0;
	}
	.bsection2{
		padding-bottom: 0;
	}
	.bsection3{
		padding: 30px 0;
	}
	.bsection3 .hd{
		display: block;
	}
	.bsection3 .hd .utit{
		width: auto;
	}
	.bsection3 .hd .text{
		width: auto;margin-top: 10px;
	}
	.blist ul{
		display: block;margin-top: 20px;
	}
	.blist ul li{
		width: auto;
	}
	.blist ul li a{
		height: auto;
	}
	.bsection3 .mpic a{
		height: auto;
	}
	.bsection3 .mpic .txc{
		padding: 15px;
	}
	.umore{
		margin-top: 15px;
	}
	.blist .txt{
		padding: 20px 15px;
	}
	.bsection3 .mpic{
		padding-bottom: 0;
	}
	.blog{
		padding: 30px 0;
	}
	.blog .hds{
		display: block;
	}
	.blog .hds .ls{
		width: auto;
		height: 80vw;
	}
	.blog .hds .rs{
		width: auto;
		margin-top: 15px;
	}
	.blog .hds .rs li{
		height: 80vw;
	}
	.blog .hds{
		padding: 30px 0;
	}
	.blog .bds li a{
		display: block;
	}
	.blog .bds li .pic{
		width: auto;height: auto;
	}
	.blog .bds li .txt{
		width: auto;
	}
	.blog .bds li .num{
		display: none;
	}
	.blog .bds li .ts{
		width: auto;margin-top: 10px;
	}
	.blog .bds li p{
		margin: 10px 0;
	}
	.blog .bds li{
		padding: 15px 0;
	}
	.pages dd{
		margin: 0;
	}
	.pages dd a{
		font-size: 14px;line-height: 32px;padding: 0 12px !important;
	}
	.blog .bds{
		padding: 30px 0;
	}
	.blogdel{
		padding: 30px 0;
	}
	.blogdel .wrap{
		display: block;
	}
	.blogdel .text{
		width: auto;
		padding: 0;
		border: none;
	}
	.blogdel .text .dels{
		width: auto;
	}
	.blogdel .text .hd h1{
		font-size: 20px;
	}
	.blogdel .rt{
		width: auto;
	}
	.blogdel .rt ul{
		padding: 15px 0;
	}
	.blogdel .rt li{
		margin-bottom: 15px;
	}
	.chuxiao{
		padding: 30px 0;
	}
	.cxlist li a{
		display: block;
	}
	.cxlist .pics{
		width: auto;height: auto;
	}
	.cxlist .text{
		width: auto;padding: 15px;height: auto;
	}
	.cxlist .text h6{
		margin: 15px 0 0;
	}
	.cxlist .text .ubt{
		margin: 15px 0 0;
	}
	.cxlist .text dl{
		margin: 15px 0;
	}
	.contcat ul{
		display: block;
	}
	.contcat ul li{
		padding: 15px;
		border: 1px solid #ec6d26;border-radius: 6px;
		margin-bottom: 10px;
	}
	.contcat li img{
		width: 60px;
	}
	.contcat .flex{
		margin-top: 20px;
		display: block;
	}
	.contcat .flex .map{
		width: auto;height: 60vw;margin-top: 15px;
	}
	.contcat .flex .form{
		width: auto;padding: 15px;
	}
	.down ul{
		display: block;
	}
	.down ul li{
		width: auto;
		margin: 0 0 10px 0;
	}
	.down ul li a{
		padding: 15px;
	}
	.mtdc{
		height: auto;
		position: static;
		margin: 0;margin-top: 20px;
	}
	.mtdc dl{
		float: none;display: flex;justify-content: center;
		margin: 0;padding: 0 15px;flex-wrap: wrap;
	}
	.mtdc dd{
		width: 30%;
		padding: 0;
		margin: 0 1% 10px;
	}
	.mtdc dd:hover a, .mtdc dd.on a{
		border-color: #ed732f;
	}
	.mtdc dd a{
		text-align: center;border: 1px solid #999;
		justify-content: center;padding: 10px 0;border-radius: 6px;
	}
	.mtdc dl::after,
	.mtdc dd::after{
		display: none;
	}
	.gsection1{
		padding: 30px 0;
	}
	.gsection1 .tb .pic{
		border-radius: 10px;height:110vw;
	}
	.gsection1 .tb .text{
		left: 15px;top: 20px;width: auto;
		right: 15px;
	}
	.gsection2 li{
		display: block;padding: 10px 0;
	}
	.gsection2 li .pic{
		width: auto;
	}
	.gsection2 li .text{
		width: auto;margin-top: 10px;
	}
	.gsection3{
		margin: 0 15px;
	}
	.gsection3 .tb li .text{
		width: auto;right: 15px;left: 15px;
	}
	.gsection4 .pics a{
		height: 60vw;display: block;
	}
	.gsection4 .pics .txt{
		left: 15px;right: 15px;top: 20px;
	}
	.gsection4 .pics{
		border-radius: 10px;
	}
	.gsection4{
		margin: 30px 0;
	}
	.hbanner{
		height: 70vw;
	}
	.hbanner .txt{
		width: auto;
		padding: 0 40px;
	}
	.hbanner .txt img{
		width: 40%;display: none;
	}
	.hbanner .txt h4{
		margin-bottom: 20px;
	}
	.hbanner .prev{
		left: 10px;
	}
	.hbanner .next{
		right: 10px;
	}
	.hbanner .txt p{
		margin-bottom: 10px;
	}
	.hbtns{
		width: 140px;line-height: 40px;
	}
	.hsection1{
		padding: 30px 15px;
	}
	.hsection1 ul{
		display: block;
	}
	.hsection1 li{
		width: auto;height: auto;margin-bottom: 15px;border-radius: 10px;
	}
	.hsection1 li .text{
		padding: 15px;
		height: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
		flex-direction: column;
		align-items: inherit;
	}
	.hsection1 li .flex a{
		font-size: 14px;
		line-height: 32px;
		width: auto;
		padding: 0 15px;
	}
	.hsection3 .flexbtn{
		margin-top: 20px;
	}
	.hsection3 .prev, .hsection3 .next{
		width: 50px;height: 50px;
	}
	.hsection2{
		padding: 0 0 30px;
	}
	.hswipers a h4{
		font-size: 14px !important;
		width: 120px;line-height: 36px;top: 10px;
	}
	.hsection2 .pors{
		margin-top: 15px;
	}
	.hsection2 .txt{
		display: none;
	}
	.hsection2 .beer-slider{
		border-radius: 10px;
	}
	.hsection3{
		padding: 0 0 30px;
	}
	.hsection3 .hd .prev, .hsection3 .hd .next{
		width: 40px;height: 40px;border-radius: 6px;
	}
	.hswipers{
		margin-top: 20px;
	}
	.hswipers a{
		border-radius: 10px;
	}
	.hswipers h6{
		left: 15px;bottom: 15px;
	}
	.psection9{
		padding: 15px 0 30px;
	}
	.psection9 .hhd{
		display: block;
	}
	.psection9 .lt{
		width: auto;
	}
	.psection9 .lt img{
		margin-left: 30px;width: 60%;margin-top: 0;margin-bottom: 10px;
	}
	.psection9 .txt{
		width: auto;
		margin-top: 15px;
	}
	.psection9 .txt img{
		width: 20px;
	}
	.psection9 p{
		margin: 15px 0;
	}
	.piclist .hd{
		position: static;border-radius: 5px;
		background: none;margin-bottom: 20px;
	}
	.piclist .hd ul{
		display: block;
		white-space: nowrap;
		overflow-x: scroll;
	}
	.piclist .hd ul li{
		display: inline-block;
		padding: 0 20px;
		width: auto;
	}
	.piclist{
		border-radius: 0;
	}
	.piclist .pics{
		border-radius: 10px;
	}
	.piclist .pics dd .text{
		display: none;
	}
	.hsection4 .bd{
		display: block;
	}
	.hsection4 .bd .lc{
		width: auto;
	}
	.hsection4 .bd ul{
		width: auto;
		margin-top: 15px;
	}
	.hsection4 .bd .pics{
		border-radius: 20px;
	}
	.hsection4 .bd a,
	.hsection4 .bd .pics{
		height: 80vw;
	}
	.hsection4 .bd li .txt,
	.hsection4 .bd .txt{
		padding: 15px;
	}
	.hsection4{
		padding-bottom: 30px;
	}
	.productdel{
		padding: 0;
	}
	.psection1{
		padding: 30px 0;
	}
	.psection1 .hd{
		display: block;
	}
	.psection1 .hd .lt{
		width: auto;
	}
	.psection1 .hd .lt h1{
		font-size: 26px;
	}
	.psection1 .hd ul{
		width: auto;
		margin-top: 20px;
	}
	.psection1 .bd{
		display: block;
		margin-top: 20px;
	}
	.psection1 .bd .swiperpic{
		width: auto;
	}
	.psection1 .bd .hdswiper{
		height: 60vw;
	}
	.psection1 .rt{
		width: auto;margin-top: 20px;
	}
	.psection2 .pics{
		margin: 0 15px;height: 60vw;
	}
	.psection4 .pics{
		height: 40vw;
	}
	.psection4 .pics .text{
		left: 0;right: 0;
		padding: 0 15px;
	}
	.psection4 .pics{
		border-radius: 10px;
	}
	.psection4{
		margin: 30px 0;
	}
	.psection5 ul{
		width: auto;
		display: block;margin-top: 15px;
	}
	.psection5 ul li{
		width: auto;
		margin: 0 0 10px 0;
		padding: 15px;border-radius: 10px;
	}
	.psection6{
		padding: 30px 0;
	}
	.psection7 ul{
		display: block;
		padding: 0 15px;
	}
	.psection7 li{
		width: auto;margin: 0 0 10px 0;
	}
	.psection7 li .text{
		padding: 15px;
		position: relative;
		z-index: 11;
	}
	.psection7 li .pics{
		height: auto;position: absolute;
		left: 0;right: 0;top: 0;bottom: 0;
	}
	.psection8{
		padding: 30px 15px;
	}
	.psection8 .pics{
		padding: 0;
	}
	.psection8 .pics .text{
		width: auto;
		margin: 0;padding: 30px 15px;
		background: rgba(255,255,255,0.6);
	}
	.psection8 .pics .mlo img{
		height: 50px;
	}
	.hbanner .txt{
		padding: 20px 0 0;
	}
	.hbanner{
		height: 60vw;
	}
	
	.hswipers .ul{
	    display: block;
	}
	.hswipers .ul .swiper-slide{
	    width: auto;margin-bottom: 10px;
	}
	
	
	
}