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

.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: #111;
}
@media only screen and (max-width:1680px) {
	html{
		font-size: 16.8px;
	}
	
}

@media only screen and (max-width:1380px) {
	html{
		font-size: 13.8px;
	}
	
	
}
@media only screen and (max-width:1180px) {
	html{
		font-size: 12px;
	}
}
@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;
	}	
	html{
		font-size: 16px;
	}
	.header .naver {
		position: absolute;
		left: 0;right: 0;top: 100%;
		z-index: 11;display: none;
	}
	.header .naver ul{
		display: block;
		background: #fff;
	}
	.header .naver li{
		margin: 0;
	}
	.header .naver li a{
		line-height: 46px;
		padding: 0 20px;
	}
	.header .naver li{
		border-bottom: 1px solid #f1f1f1;
	}
	.gh{
		display: block;position: static;
	}
	.header .uitflax{
		height: 60px;
	}
	.habnner{
		height: 90vw;
	}
	.hetps{
		display: none;
	}
	.layout{
		padding-top: 60px;
		overflow: hidden;
	}
	.habnner .hbtn{
		width: 120px;
	}
	.habnner .hbtn i{
		font-size: 14px;
		width: 80px;background-size: 15px auto;
	}
	.whnews{
		padding: 40px 0;
	}
	.whnews .hnflex{
		display: block;
	}
	.whnews .hitem{
		width: auto;
	}
	.hcflex{
		margin-bottom: 20px;
	}
	.tnews li a .pic{
		height: auto;
	}
	.tnews ul{
		display: block;
	}
	.tnews ul li{
		width: auto;
		margin-bottom: 10px;
	}
	.hiconlist ul{
		flex-wrap: wrap;
	}
	.hiconlist ul li{
		width: 25%;flex: initial;
	}
	.hiconlist{
		margin-top: 20px;
	}
	.hiconlist ul{
		padding: 0;
	}
	.hiconlist p{
		font-size: 12px !important;
	}
	.whproduct .wrap{
		display: block;
	}
	.whproduct .pltab{
		width: auto;
		padding: 20px;border-radius: 0;
		margin: 0;
	}
	.whproduct .pltab ul{
		margin-top: 20px;white-space: nowrap;
		overflow-x: scroll;display: block;
		overflow-y: hidden;
	}
	.whproduct .pltab ul li{
		display: inline-block;
	}
	.whproduct .piclist{
		width: auto;
		padding: 20px 0;
	}
	.whproduct .piclist .picovs{
		height: auto;
	}
	.whproduct .piclist .flex{
		display: block;
	}
	.whproduct .piclist .flex .txt{
		width: auto;
		padding: 15px;
		min-height: 0;
	}
	.whproduct .piclist .flex p{
		width: auto;padding: 10px 0;
	}
	.whproducthot{
		padding: 40px 0;
	}
	.whproducthot .hswipers{
		margin-top: 20px;
	}
	.whproducthot .hswipers{
		padding: 0 30px;
	}
	.uxprev, .uxnext{
		margin: -20px 0;
		width: 40px;height: 40px;
		background-size: 30% auto !important;
	}
	.whproducthot .hswipers .ovs{
		padding: 15px;
	}
	.whproducthot .hswipers .ovs .swiper-slide:before{
		display: none;
	}
	.whabout h1{
		font-size: 20px;
	}
	.whabout p br{
		display: none;
	}
	.whabout ul{
		margin-top: 20px;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.whabout ul li{
		margin: 0;width: calc(50% - 1px);
		background: rgba(255,255,255,0.8);
		padding: 10px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
		margin-bottom: 2px;
	}
	.whabout li i{
		font-size: 20px;
	}
	.whabout li p{
		margin-top: 0;
	}
	.fooer .tps{
		padding: 30px 0;
		display: block;
	}
	.fooer .lts{
		width: auto;
	}
	.fooer .rts{
		display: none;
	}
	.fooer .wxs{
		width: 120px;
		margin: 20px 0 0;
	}
	.htit h3{
		font-size: 20px !important;
	}
	.banner{
		height: 40vw;
	}
	.hmian{
		padding: 40px 0;
	}
	.uitrts,
	.uitlts{
		width: auto;
	}
	.hmian .wrap{
		display: block;
	}
	.uitlts h2{
		line-height: 2.4;padding: 0 15px;
	}
	.uitlts li a{
		padding-left: 15px;
	}
	.uitrts{
		margin-top: 20px;
	}
	.abdasj .bds dd h5{
		width: 90px;
	}
	.abdasj .bds dd p{
		width: calc(100% - 100px);
	}
	.abdasj .bds ul::before{
		left: 90px;
	}
	.uitrts{
		padding-bottom: 0;
	}
	.abdasj .bds{
		margin-bottom: 0;
	}
	.meitzy ul li{
		width: 100%;
	}
	.abrongy .bds li{
		width: 100%;
		margin: 0 0 10px 0;
	}
	.whtab ul{
		white-space: nowrap;
		display: block;
		overflow-y: hidden;overflow-x: scroll;
	}
	.whtab ul li{
		display: inline-block;
	}
	.abitem3,
	.abitem1{
		padding: 40px 0;
	}
	.abitem2 ul{
		padding: 30px 0;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.abitem2 ul li{
		margin: 0;
		padding: 15px;
		width: calc(50% - 2px);
		margin-bottom: 2px;
		background: rgba(0,0,0,0.2);
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
	}
	.abitem2 li i{
		font-size: 20px;
	}
	.abitem3 .dsjswiper{
		margin-top: 0;
	}
	.abitem3 .dsjswiper .txt{
		position: static !important;
		width: 100%;padding: 15px !important;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
	}
	.abitem3 .dsjswiper .ovs{
		padding: 20px 0;
	}
	.abitem3 .dsjswiper .swiper-slide{
		height: auto;display: block;
	}
	.abitem3 .dsjswiper .ovs{
		margin: 0 30px;
	}
	.abitem3 .dsjswiper .txt:before{
		display: none;
	}
	.abitem3 .dsjswiper .swiper-slide:before{
		display: none;
	}
	.abitem3 .dsjswiper .ovs:before{
		display: none;
	}
	.abitem4{
		padding: 40px 0 100px;
	}
	.abitem4 .pore{
		margin: 20px 0;
	}
	.abitem4 .text{
		padding-top: 30px;
	}
	.msection1{
		padding: 40px 0;
	}
	.msection1 .flex{
		display: block;
	}
	.msection1 .flex .pics{
		width: auto;
	}
	.msection1 .flex .tnews{
		width: auto;
		margin: 20px 0 0;
	}
	.msection1 .amore{
		margin-top: 20px;
	}
	.msection2{
		padding: 40px 0;
	}
	.gongglist{
		margin-top: 20px;
	}
	.gongglist ul li{
		width: 100%;
		margin: 0 0 10px 0;
	}
	.msection3{
		padding: 40px 0;
	}
	.videolist{
		margin-top: 20px;
	}
	.videolist ul li{
		width: 100%;
		margin: 0 0 10px 0;
	}
	.videolist .picovs{
		height: auto;
	}
	.bditem .wrap{
		padding: 30px 15px;
		display: block;
	}
	.bditem .citem{
		width: auto;
		margin-bottom: 20px;
	}
	.bditem .th{
		margin-bottom: 15px;
	}
	.banpic{
		margin-top: 0;
		padding: 20px 0;
	}
	.banpic .wrap{
		display: block;
	}
	.banpic .lt{
		display: block;
	}
	.banpic h4{
		line-height: 2;
		padding: 0;
		margin: 20px 0;
		border: none;
	}
	.meitgongg .bds li{
		padding: 15px;
	}
	.meitgongg .bds li h3{
		font-size: 16px !important;
	}
	.meitgongg .bds li h6{
		width: 80px;
	}
	.meitnew .bds li a{
		display: block;
	}
	.meitnew .bds li .pic{
		width: auto;height: auto;
		margin: 0 0 10px 0;
	}
	.meitnew .bds li .ts{
		width: auto;
	}
	.meitnew .bds li{
		padding: 15px;
	}
	.meitnew .bds li p{
		height: auto;
	}
	.mtnewdel .hds h1{
		font-size: 20px;
	}
	.mtnewdel .fs{
		display: block;
	}
	.mtnewdel .fs a{
		max-width: initial;
	}
	.uitlts li a{
		font-size: 16px;
		line-height: 46px;
	}
	.uitlts li{
		border-bottom: 1px solid #eee;
	}
	.meitvides .bds ul{
		display: block;
	}
	.meitvides .bds ul li{
		width: 100%;
		margin: 0 0 20px 0;
	}
	.meitvides .bds li .pic{
		height: auto;
	}
	.product{
		padding: 40px 0;
	}
	.uitpro li,
	.product ul li{
		width: 49.5%;
		margin: 0 0 5px 0;
	}
	.uitpro ul,
	.product ul{
		justify-content: space-between;
	}
	.uitpro li .pic{
		height: 36vw;
	}
	.uitpro{
		margin: 20px 0;
	}
	.produdel .hds .tps{
		display: block;
	}
	.produdel .hds .swippro{
		width: auto;height: auto;
	}
	.produdel .hds .rts{
		width: auto;
		margin-top: 20px;
	}
	.produdel .hds .swippro{
		display: block;
	}
	.produdel .swippro .hs{
		width: auto;
		height: auto;
	}
	.produdel .swippro .bs{
		width: auto;
		height: auto;
		margin-top: 10px;
	}
	.produdel .swippro .bs .swiper-slide{
		width: auto;
	}
	.header .hetps{
		display: none;
	}
	.header.on .hcbg{
		margin-top: 0;
	}
	.header .logo img{
		width: auto;height: 30px;
	}
	.habnner .spans{
		bottom: 15px;
		left: 15px;
	}
	.whabout{
		padding-bottom: 50vw;
	}
	
	.naver li i{
		position: absolute;
		right: 0;top: 0;
		width: 46px;height: 46px;
		background: url(../images/qw2.png) no-repeat center;
		transform: rotate(180deg);
	}
	.header .naver li dl{
		position: static;    transform: translateX(0%);
		padding: 0 15px;
	}
	.naver li i{
		transition:all 0.3s;
		-ms-transition:all 0.3s;  /* IE 9 */
		-moz-transition:all 0.3s;     /* Firefox */
		-webkit-transition:all 0.3s; /* Safari 和 Chrome */
		-o-transition:all 0.3s;
	}
	.naver li i.on{
		transform: rotate(270deg);
	}
	.header .naver li dl dd a{
		text-align: left;
	}
	.header .naver li dl dd a{
		padding: 10px 15px;font-size: 14px;
	}
	.header .naver li dl dd:last-child a{
		border: none;
	}
	.uitlts h2{
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.uitlts h2{
		background: url(../images/add.png) no-repeat right 15px center/30px auto #5292c6;
	}
	.uitlts h2.on{
		background: url(../images/add2.png) no-repeat right 15px center/30px auto #5292c6;
	}
	.uitlts ul{
		display: none;
	}
	
	.uitpro li:nth-child(n+4){
		display: block;
	}
	.produdel .swippro .bs{
		display: flex;
		justify-content: space-between;
	}
	.produdel .swippro .prev, .produdel .swippro .next{
		width: 2rem;height: auto;transform: rotate(-90deg);
	}
	.produdel .swippro .next{
		transform: rotate(90deg);
	}
	.produdel .swippro .bs1{
		height: auto;width: calc(100% - 4rem);
	}
	.uitlts li dd a{
		padding-left: 25px;
		line-height: 38px;
	}
}