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

.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: #fff;
}
html{
	font-size: 19.2px;
}

@media only screen and (max-width:992px) {
	html{
		font-size: 16px;
	}
	.wrap{
		max-width: 100%;
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
	}
	.header .wrap{
		height: 60px;
	}
	.naver ul li{
		margin: 0;
	}
	.naver ul{
		display: block;
		position: absolute;
		left: 0;right: 0;
		top: 100%;
		background: rgba(25, 13, 3, 0.9);
		backdrop-filter:blur(10px);
		-webkit-backdrop-filter:blur(10px);
		display: none;
		padding: 20px;
	}
	.gh{
		display: block;position: static;
	}
	.header{
		background-color: #fff;
	}
	.naver ul li h4 a{
		    color: #000;
			line-height: 50px;
			padding: 0 20px;
			border-bottom: 1px solid #eee;
	}
	.layout{
		padding-top: 60px;
	}
	.logo img{
		height: 36px;
	}
	.banner{
		height: 80vw;
		padding-top: 0;
	}
	h1{
		font-size: 22px !important;;
	}
	h2{
		font-size: 20px !important;
	}
	h3{
		font-size: 20px !important;;
	}
	h4{
		font-size: 18px !important;;
	}
	h5{
		font-size: 16px !important;;
	}
	h6,
	p{
		font-size: 14px !important;;
	}
	.layout .header {
		background:rgba(25,13,3,0.9);
		padding:0.78125rem 0;
		backdrop-filter:blur(10px);
		-webkit-backdrop-filter:blur(10px);
		padding: 0 !important;
	}
	.header .search{
		display: none;
	}
	.header .ench{
		margin-right: 50px;
		margin-left: 0;
	}
	.gh{
		display: block;position: absolute;
		right: 15px;
		left: auto;z-index: 11;
		top: 18px;
	}
	.naver li h3 a{
		height: 50px;
	}
	.naver li h3 a .flax{
		line-height: 50px;
		font-size: 16px;
	}
	.banner{
		height: auto;
		display: block;
		padding: 40px 0;
	}
	.banner .wrap{
		display: block;
	}
	.banner .swipers{
		width: auto;
		height: 60vw;
	}
	.banner .text .arrow{
		display: none;
	}
	.banner .text p{
		margin: 20px 0;
	}
	.htba{
		margin-top: 40px;
	}
	.htba ul li a{
		width: 100%;
	}
	.htba ul li{
		width: 100%;
	}
	.htba ul li a i{
		background: none !important;
		font-size: 16px;
	}
	.htba ul li a{
		line-height: 40px;
	}
	.hsection1{
		padding: 40px 0;
	}
	.hsection1 .wrap{
		padding: 0 20px;
	}
	.hsection1 li h5{
		font-size: 30px !important;
	}
	.hsection1 li{
		width: 50%;
		margin-bottom: 15px;
	}
	.hsection1 ul{
		flex-wrap: wrap;
		margin: 20px 0;
	}
	.hsection1 li:nth-child(2n){
		display: none;
	}
	.layout{
		background-size: 100% 850px !important;
	}
	.hsection1 li h5 sup{
		top: -10px;font-size: 16px;
	}
	.hsection1 li h5 i{
		font-size: 14px;
	}
	.hsection1 .text{
		margin-bottom: 20px;
	}
	.hbg2{
		margin-top: 0;
	}
	.hsection2{
		padding-top: 0;
	}
	.hsection2 .bord{
		border: none;
		padding: 40px 0;
	}
	.porductlist ul li{
		width: 49%;
		margin: 0;
		margin-bottom: 40px;
	}
	.porductlist ul{
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.porductlist li .icon{
		width: 130px;height: 130px;
	}
	.porductlist li a{
		height: 260px;
	}
	.porductlist li .icon img{
		top: -20px;
	}
	.porductlist li .icon{
		top: -10px;border-radius: 10px;
	}
	.porductlist{
		margin-top: 40px;
	}
	.porductlist li h4{
		font-size: 16px !important;
	}
	.hsection2{
		padding-bottom: 0;
	}
	.hsection2 .hmore{
		margin: 0 auto ;
	}
	.footer{
		padding: 40px 0 30px;
		background: url(../images/fbg.png) no-repeat center top -1px #170b02;
		border-radius: 20px 20px 0 0;border-color: rgba(255,255,255,0.15);
	}
	.footer .wrap{
		display: block;
	}
	.footer .logo img{
		height: 32px;
	}
	.footer .logo{
		padding-bottom: 20px;
		margin-bottom: 20px;
	}
	.footer .lt{
		width: auto;
	}
	.footer .lt dl{
		margin-top: 20px;
	}
	.footer .rts{
		width: auto;
	}
	.footer ul{
		display: block;
	}
	.footer li{
		width: 100%;
		margin: 0 0 10px 0;
	}
	.footer .rts h5{
		padding-left: 0;
	}
	
	.banner{
		padding: 0;
	}
	.banner .swipers .prev, .banner .swipers .next{
		margin: 0 20px;margin-top: -1.3541666666666667rem;
	}
	.htba ul li a{
		min-width: 0;
	}
	.htba ul li a{
		padding: 0;
	}
	.htba ul li a i{
		font-size: 14px;padding: 0 10px;
		white-space: nowrap;
	}
	.htba ul li{
		width: 100%;
	}
	.hsection1 .flextxt{
		display: block;margin: 0;
	}
	.hsection1 .flextxt .lt{
		width: auto;padding: 15px 0 0;
	}
	.hsection1 .flextxt .lt h3{
		margin: 20px 0;
	}
	.hsection1 .flextxt .text{
		width: auto;
		margin: 20px 0 0;
		padding: 15px;
	}
	.hsection1 .flextxt .text{
		font-size: 14px;line-height: 1.6;
	}
	.hbg2:before{
		transform: scale(0.5);
	}
	.hbg2{
		background-size: cover !important;
	}
	.porductlist li a{
		height: auto;padding: 0 15px 15px;
	}
	.footer{
		background-size: cover !important;
	}
	.naver ul li h3{
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.naver ul li h3>i{
		width: 30px;height: 50px;display: block;
		background: url(../images/qw13-1.png) no-repeat center/15px auto;
	}
	.naver li dl{
		position: static;
	}
	.layout.pad0{
		padding-top: 60px;
	}
	.utcrumbs .wrap{
		width: auto;
		padding: 0 15px;
	}
	.utcrumbs dl{
		padding-top: 15px;
	}
	.utcrumbs dd span, .utcrumbs dd a{
		font-size: 14px;
	}
	.map{
		margin-top: 30px;
	}
	.lcswiper .swiper-slide{
		height: auto;
	}
	.lcswiper .flexc{
		position: static;
		width: auto;
	}
	.lcswiper .flexc{
		display: block;
		padding: 0;
	}
	.lcswiper .flexc .icon:before{
		display: none;
	}
	.lcswiper .flexc .text{
		width: auto;
	}
	.lcswiper .flexc .num{
		padding: 0;
	}
	.lcswiper .flexc p{
		padding: 0;
	}
	.lcswiper .flexc h5{
		margin: 0;
	}
	.tlichen .lcswiper{
		overflow: hidden;
		margin: 0 30px;
	}
	.tlichen .lcswiper .swiper-slide{
		background: rgba(0,0,0,.1);
		padding: 20px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
		border-radius: 10px;
	}
	.lcswiper .flexc .icon{
		margin: 0 auto 20px;
	}
	.lcswiper .flexc h5{
		font-size: 20px !important;
	}
	.lcswiper .flexc i{
		margin-top: 0;font-size: 26px;
	}
	.lcswiper:before{
		display: none;
	}
	.lcswiper .swiper-slide:nth-child(2n) .flexc p{
		padding: 0;position: static;
	}
	.tlichen{
		padding: 40px 0;
	}
	.footer{
		border-radius: 0;
	}
	.contact{
		padding: 40px 0;
	}
	.contact .box{
		margin-top: 30px;
		display: block;
	}
	.contact .txt{
		width: auto;
		padding: 15px;
		height: auto;
	}
	.contact .fms{
		width: auto;
		padding: 15px;
	}
	.contact .txt dl{
		margin-top: 20px;
	}
	.contact .txt:before{
		display: none;
	}
	.contact .fms li{
		width: 100%;
		margin: 0 0 10px 0;
	}
	.contact .fms ul{
		margin-bottom: 10px;
	}
	.contact .fms h3{
		font-size: 16px !important;
	}
	.utcrumbs dl{
		flex-wrap: wrap;
	}
	.prodel1{
		padding: 40px 0;
	}
	.prodel1 .flax{
		display: block;
	}
	.prodel1 .pic{
		width: 80vw;margin: 0 auto;
	}
	.prodel1 .text{
		width: auto;padding: 15px;
	}
	.prodel1 .text .del,
	.prodel1 .text .wx{
		margin-top: 15px;
	}
	.prodel2{
		padding: 40px 0;
	}
	.prodel2 .flexc{
		display: block;
	}
	.prodel2 .flexc img{
		margin: 0 auto;
	}
	.prodel2 .flexc .txt{
		width: auto;
		margin: 0;
	}
	.prodel2 .del{
		overflow-x: scroll;
	}
	.prodel3{
		padding: 40px 0;
	}
	.prodel3 .ovs{
		padding: 0;
	}
	.product{
		padding-top: 20px;
	}
	.product .bds{
		margin-top: 30px;
		padding-top: 40px;
	}
	.product .bds li{
		display: block;margin-bottom: 50px;
	}
	.product .bds li .pic{
		width: auto;border-radius: 5px;height: 8.5rem;
	}
	.product .bds li .rs{
		width: auto;padding: 20px;
	}
	.product .bds li h3{
		font-size: 18px !important;
	}
	.product .bds li dd{
		font-size: 18px;
	}
	.productlist .wrap{
		display: block;
	}
	.productlist .lts{
		width: auto;position: static;
	}
	.productlist .lts h3{
		padding: 15px;
	}
	.productlist .lts .dnli dd a{
		font-size: 16px;
	}
	.productlist{
		padding: 30px 0;
	}
	.productlist .rts{
		width: auto;margin-top: 20px;
	}
	.utprobds li{
		width: 100%;margin: 0 0 10px 0;
	}
	.productlist .ds{
		margin-bottom: 20px;
	}
	.productlist .lts h3 span{
		font-size: 18px;
	}
	.sustain{
		padding: 30px 0;
	}
	.sustain li .flax{
		display: block;
	}
	.sustain li .pic{
		width: auto;
	}
	.sustain li .txt{
		width: auto;padding: 15px;
	}
	.sustain li{
		margin-bottom: 20px;
	}
	.sustain li h6{
		font-size: 18px !important;
	}
	
	.qwabout .bds .flax{
		display: block;
	}
	.qwabout .bds .ls{
		width: auto;
	}
	.qwabout .bds li{
		padding: 25px;
	}
	.qwabout .bds .ls:before{
		bottom: -10px;
	}
	.qwabout .bds .rs{
		width: auto;margin-top: 20px;
	}
	.qwabout{
		padding: 40px 0;
	}
	.utcrumbs{
		position: static;
	}
	.utcrumbs dl{
		padding-bottom: 0;
	}
	.wdown h3 img{
	    height: 15px;
	}
	.uweb{
	    display: none !important;
	}
	.umobile{
	    display: block !important;
	}
}