/*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:1040px) {
    .uwbanner{
	    height: 40vw;
	}
	h2 {
		font-size: 20px !important;
	}

	h3 {
		font-size: 18px !important;
	}

	h4 {
		font-size: 16px !important;
	}

	p,
	h5,
	h6 {
		font-size: 14px !important;
	}

	html {
		font-size: 16px;
	}

	.wrap {
		width: auto;
		padding: 0 15px;
	}

	.header {
		height: 60px;
		padding: 0 15px;
	}

	.naver {
		position: absolute;
		left: 0;
		right: 0;
		top: 100%;
		background: #fff;
		display: none;
	}

	.header .naver ul {
		display: block;
	}

	.header .naver li {
		border-bottom: 1px solid #eee;
		margin: 0;
		padding: 0 15px;
		position: relative;
	}

	.header .naver li h3 a {
		line-height: 46px;
	}

	.header .naver li h3 {
		position: relative;
		display: flex;
		align-items: center;
	}

	.header .naver li h3 i {
		position: absolute;
		right: 0;
		top: 0;
		width: 20px;
		height: 46px;
		transform: rotate(-90deg);
		transition: all 0.3s;
		-ms-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-webkit-transition: all 0.3s;
		-o-transition: all 0.3s;
		margin: 0;
		background-size: 10px auto;
	}
	.header .naver li:hover h3 i{
		    background: url(../images/qw1.png) no-repeat center / 0.625rem auto;
	}
	.header .naver li h3 i.on {
		transform: rotate(0deg);
	}

	.layout {
		padding-top: 60px;
	}

	.header .wrap {
		height: 100%;
	}

	.header .naver li .nli {
		position: static;
	}

	.header .naver li dd a {
		text-align: left;
		padding: 0 40px;
		font-size: 14px;
		line-height: 40px;
		margin: 0;
	}

	.header .naver li dl {
		padding: 0;
	}

	.gh {
		display: block;
		position: static;
	}

	.crumbs dd span,
	.crumbs dd a {
		font-size: 14px;
	}

	.header .logo {
		margin: 0;
	}

	.header .logo img {
		height: 26px;
	}

	.header .shops {
		width: 100%;
	}

	.shops span {
		line-height: 50px;
		font-size: 16px;
		padding-right: 20px;
		background-size: 15px auto;
	}

	.header .rts {
		position: absolute;
		left: 0;
		right: 0;
		top: 100%;
		display: none;
		background: #fff;
		flex-direction: column;
	}

	.naver {
		position: static;
		display: block;
	}

	.header .naver li .hnli {
		display: none;
		position: static;
		background: #fff;
		padding: 0;
		min-width: auto;
		transform: translateX(0%);
	}

	.header .naver li dd {
		border-bottom: 1px solid #eee;
		margin: 0;
		padding: 0 10px;
		position: relative;
	}

	.header .naver li dd h4 {
		justify-content: space-between;
		align-items: center;
		padding: 0;
		line-height: 40px;
		font-size: 14px;
	}

	.header .naver li dd h4 a {
		line-height: 40px;
		padding: 0;
		font-size: 14px;
		color: #666;
	}

	.header .naver li dd h4 i {
		width: 20px;
		height: 40px;
		position: absolute;
		right: 0;
		top: 0;
		margin: 0;
		transform: rotate(-90deg);
		background-size: 10px auto;
		transition: all 0.3s;
		-ms-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-webkit-transition: all 0.3s;
		-o-transition: all 0.3s;
	}

	.header .naver li dd h4 i.on {
		transform: rotate(0);
	}

	.header .naver li dd .dli {
		position: static;
		background: #F7F8F9;
		margin-bottom: 10px;
		padding: 0 15px;
		white-space: normal;
	}

	.header .naver li dd .dli a {
		margin: 0;
		font-size: 14px;
		line-height: 40px;
		padding: 0;
		color: #999;
	}

	.hbaner {
		height: 50vw;
	}

	.uwprev,
	.uwnext {
		margin: -19px -70px 0;
		width: 38px;
		height: 38px;
		background-size: 20% auto;
	}

	.hpage1 {
		padding: 40px 0;
	}

	.hpage1 .wrap {
		display: block;
	}

	.hpage1 .lts {
		width: auto;
	}

	.hpage1 p {
		margin: 15px 0;
	}

	.hpage1 .pic {
		width: auto;
		margin-top: 15px;
	}

	.hpage2 {
		padding: 40px 0;
	}

	.more {
		width: 110px;
		line-height: 45px;
		font-size: 16px;
	}

	.hpage2 .hds .htit {
		width: calc(100% - 120px);
	}

	.hpage2 .box {
		display: block;
		margin-top: 20px;
	}

	.hpage2 .lts {
		width: auto;
	}

	.hpage2 .rts {
		width: auto;
		margin-top: 10px;
		padding-top: 10px;
	}

	.hpage2 .rts li a {
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.hpage3 {
		padding: 40px 0;
	}
    .uwbanner .txt1 h3{
        text-align: left;
    }
	.hpage3 ul li {
		width: calc((100% - 22px)/3);
		margin: 0 10px 10px 0;
	}

	.hpage3 ul li:nth-child(3n) {
		margin-right: 0;
	}

	.hpage3 ul {
		margin-top: 20px;
	}

	.footer .tps {
		padding: 20px 0;
		display: block;
		border-bottom: 1px solid #ccc;
	}

	.footer h6 {
		margin-top: 15px;
	}

	.footer .tbs {
		align-items: flex-start;
		flex-direction: column-reverse;
		padding-top: 20px;
	}

	.footer li {
		margin: 0 15px 0 0;
	}

	.footer li .wx {
		width: 90px;
	}

	.footer .txt {
		font-size: 14px;
		margin-top: 20px;
		line-height: 1.5;
	}

	.footer {
		padding-bottom: 30px;
		border-top: 1px solid #999;
	}

	.uwtopes {
		height: auto;
		padding: 30px 0;
	}

	.uwbanner .swiper-slide {
		flex-direction: column;
	}

	.uwbanner .pic {
		width: auto;
		margin: 0 auto;
	}

	.uwbanner .txt {
		width: 100%;
		padding: 20px 0 0;
		text-align: center;
	}

	.uwbanner .txt1 h3 {
		font-size: 20px !important;
		line-height: 1.4;
	}

	.uwbanner .txt1 h4 {
		font-size: 16px !important;
	}

	.uwbanner .txt dl {
		margin: 20px 0 0;
	}

	.uwbanner .txt dd {
		line-height: 40px;
		font-size: 16px !important;
		margin-bottom: 5px;
		width: calc((100% - 5px)/2);
	}

	.uwmain {
		padding: 40px 0 30px;
	}

	.uwmain .wrap {
		flex-direction: column;
	}

	.uwlts {
		width: 100%;
		padding-bottom: 20px;
	}

	.uwrts {
		width: 100%;
		position: static;
		margin-top: 0;
		padding: 10px;
		border: 1px solid #ccc;
		box-sizing: border-box;
	}

	.item {
		padding: 20px 0;
		border-bottom: 1px solid #ccc;
	}

	.item:nth-child(1) {
		padding-top: 0;
	}

	.uwtit h2 span {
		font-size: 18px;
	}

	.uwtit h2 {
		padding-bottom: 10px;
		margin-bottom: 15px;
		font-size: 18px !important;
		line-height: 1.6;
	}

	.item .wenti li .tps h3 {
		font-size: 16px !important;
	}

	.item dl {
		gap: 0 10px;
	}

	.item dd {
		margin: 0 0 10px 0;
	}

	.item .text {
		font-size: 14px;
		line-height: 1.7;
	}

	.item .table td {
		font-size: 14px !important;
		padding: 10px;
	}

	.item .table td:nth-child(1) {
		width: auto;
		padding: 10px;
	}

	.item .list ul {
		justify-content: center;
		justify-content: space-between;
		margin-bottom: 15px;
	}

	.item .list li {
		margin: 0 0 10px 0;
		width: 48%;
	}
	.item .list li h6{
		width: auto;
	}
	.item .list li .pic{
		width: 50%;margin: 0 auto 10px;
	}
	.item .list li:nth-child(2n) {
		margin-right: 0;
		display: none;
	}

	.item .list li span {
		display: none;
	}



	.item .list li .pic {
		/* width: 100%; */
		height: auto;
	}

	.item .list li h6 {
		height: auto;
		margin-top: 5px;
		font-size: 14px;
	}

	.item .wenti li {
		margin-bottom: 5px;
		width: 100%;
	}

	.item .wenti li .tps {
		padding: 10px;
		background-size: 15px auto;
	}

	.item .wenti li .txt {
		padding: 0 10px 15px;
		font-size: 14px;
	}

	.itembot {
		padding-bottom: 5px;
		border-bottom: none;
	}

	.uwbanner .txt2 h6 {
		font-size: 14px;
		margin-bottom: 10px;
	}

	.uwbanner .txt2 h3 {
		font-size: 20px !important;
	}

	.item .shiyt ul {
		justify-content: center;
	}

	.item .shiyt li {
		width: calc((100% - 30px)/3);
		margin: 0 10px 15px 0;
	}

	.item .shiyt li:nth-child(3n) {
		margin-right: 0;
	}

	.item .shiyt .img {
		height: auto;
	}

	.item .caoz ul {}

	.item .caoz li {
		width: calc((100% - 20px)/2);
		margin: 0 10px 15px 0;
	}

	.item .caoz li:nth-child(2n) {
		margin-right: 0;
	}

	.zidoxyj li {
		padding: 30px 0;
	}

	.zidoxyj li .wrap {
		display: block;
	}

	.zidoxyj li .pic {
		width: 70%;
		margin: 0 auto;
	}

	.zidoxyj li .txt {
		width: auto;
		padding: 20px 0;
		text-align: center;
	}

	.zidoxyj li h6 {
		font-size: 14px;
		margin-bottom: 10px;
	}

	.zidoxyj li h2 {
		font-size: 20px !important;
	}

	.zidoxyj li dl {
		margin: 15px 0;
		flex-wrap: wrap;
	}

	.zidoxyj li dd {
		width: calc((100% - 5px)/2);
		margin: 0 0 5px 0;
		line-height: 35px;
		font-size: 14px !important;
	}

	.zidoxyj li table td {
		font-size: 14px !important;
		padding: 8px;
	}

	.zidoxyj li td:nth-child(1) {
		width: auto;
		text-align: center;
		padding: 8px;
	}

	.zidoxyj li .flax {
		flex-direction: column;
	}

	.zidoxyj li h5 {
		width: 100%;
		font-size: 14px;
	}

	.zidofts {
		padding: 30px 0;
		background: #f6f6f6;
	}

	.zidofts .wrap {
		flex-direction: column;
	}

	.zidofts .pic {
		width: auto;
		margin-bottom: 20px;
	}

	.item .videos {
		margin-top: 20px;
		margin-bottom: 30px;
	}

	.item .videos video {
		width: 100%;
	}

	.item .videos h5 {
		font-size: 16px;
		margin-top: 5px;
	}

	.banner img {
		width: 100%;
		height: auto;
	}

	.banner1 {
		height: 50vw;
	}

	.faq ul {
		padding: 20px 0 30px;
	}

	.faq li {
		width: 100%;
		margin: 0 0 15px 0;
		float: none;
	}

	.faq li h3 span {
		font-size: 14px;
	}

	.faq li .txt {
		font-size: 14px;
		margin-top: 10px;
	}

	.kouzlist .hds ul {
		flex-direction: column;
		padding: 20px 15px 10px;
		border-bottom: 1px solid #ccc;
	}

	.kouzlist .hds li {
		width: 100%;
		margin: 0 0 15px 0;
	}

	.kztit h3 {
		font-size: 30px !important;
	}

	.kztit h4 {
		font-size: 20px !important;
		margin-top: -10px;
	}

	.kouzlist .list ul {
		justify-content: center;
	}

	.kouzlist .list li {
		width: 100%;
		margin: 0 0 15px 0;
		padding: 10px;
	}

	.kouzlist .list li .pic {
		height: auto;
	}

	.kouzlist .flax {
		flex-direction: column;
		margin-top: 30px;
	}

	.kouzlist .flax .lts {
		width: auto;
	}

	.kouzlist .flax .pic {
		width: auto;
		margin-top: 20px;
	}

	.kouzlist {
		padding-bottom: 40px;
	}

	.kouzdels .hds .wrap {
		flex-direction: column;
		padding: 0px 15px 30px;
		display: block;
	}

	.crumbspo {
		position: static;
	}

	.kouzdels .hds .pic {
		width: auto;
		margin-bottom: 20px;
	}

	.kouzdels .hds .rts {
		width: auto;
	}

	.kouzdels .hds .txt {
		margin-top: 15px;
		font-size: 14px;
	}

	.item .renzhe ul {
		justify-content: center;
	}

	.item .renzhe li {
		width: 100%;
		margin: 0 0 15px 0;
		padding: 15px 0;
	}

	.item .renzhe li .img {
		height: auto;
	}

	.abo1 {
		padding: 30px 0;
	}

	.abo1 .wrap {
		flex-direction: column;
	}

	.abo1 .pic {
		width: auto;
		margin-top: 20px;
	}

	.abo1 .lts {
		width: auto;
	}

	.abotit h2 {
		font-size: 30px !important;
	}

	.abotit h3 {
		font-size: 20px !important;
	}

	.abo1 .txt p {
		font-size: 14px;
		margin-top: 10px;
	}

	.abo2 {
		padding: 30px 0 40px;
	}

	.abo2 h3 {
		font-size: 20px !important;
	}

	.abo2 p {
		font-size: 14px;
		margin: 10px 0 20px;
	}

	.abo2 ul {
		flex-direction: column;
	}

	.abo2 li {
		margin: 0 0 15px 0;
		width: 100%;
	}

	.abo2 li .ts {
		width: 100%;
		height: auto;
		padding: 20px;
	}

	.abo2 li span {
		display: none;
	}

	.abo3 {
		padding-bottom: 30px;
	}

	.abo3 .hds {
		padding: 30px 0 40px;display: block;
	}
	.abo3 .hds .ypic{
	width: auto;margin-bottom: 15px;
}
.abo3 .hds .ytxt{
	width:auto;
}

	.abo3 .txt {
		font-size: 14px;
	}

	.abo3 .bds {
		flex-direction: column;
		align-items: flex-start;
	}

	.abo3 .bds .lts {
		width: auto;
		margin-bottom: 20px;
	}

	.abo3 .maps {
		width: 100%;
		height: 200px;
	}

	.shiye1 {
		padding: 30px 0 20px;
	}

	.sytit h2 {
		font-size: 20px !important;
	}

	.shiye1 .bds ul {
		justify-content: center;
	}

	.shiye1 .bds li {
		width: 49% !important;
		height: 60vw;
		margin: 0 0 5px 0;
	}

	.shiye1 .bds li.on {
		width: 100%;
	}

	.sytit p {
		font-size: 14px;
		margin-top: 10px;
	}

	.shiye2 ul {
		flex-direction: column;
	}

	.shiye2 li {
		width: auto;
		margin: 0 0 15px 0;
		padding: 20px 0;
		border-radius: 10px;
	}

	.shiye2 li .img {
		height: auto;
	}

	.shiye3 {
		padding-top: 30px;
	}

	.shiye3 img {
		margin: 15px auto 0;
		width: 100%;
	}

	.shiye4 {
		padding: 0;
	}

	.shiye4 .wrap {
		padding: 30px 15px 40px;
		background: rgba(255, 255, 255, 0.6);
	}

	.shiye4 .wrap {
		flex-direction: column;
	}

	.shiye4 .lts {
		width: auto;
		margin-bottom: 20px;
	}

	.shiye4 .rts {
		width: auto;
		margin: 0;
		flex-direction: column;
	}

	.shiye4 .ts h3 {
		font-size: 16px;
		margin-bottom: 5px;
	}

	.shiye4 .ts p {
		font-size: 14px;
	}

	.abo2 li .ts {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
	}

	.shiye1 .bds ul {
		justify-content: space-between;
	}

	.kouzlist .hds li .ico {
		width: 40px;
		height: 40px;
	}

	.uwtopes .wrap {
		display: block;
	}

	.uwtopes {
		padding-top: 0;
	}
    .uwtit h1{
        font-size: 24px;
    }
	.uwbanner .pic {
		width: 70vw;
		margin: 15px auto;
	}
	.uwbanner .pic img{
	    width: 100%;
	}
	.uwtopes .prev, .uwtopes .next{
	    margin-left:-2rem ;margin-right: -2rem;
	}
    .uwbanner .swiper-slide{
        display: block;
    }
    .uwtopes .uwbanner{
        height: auto;
    }
	.zidoxyj {
		padding: 0 15px;
	}

	.hpage2 .lts .pic img,
	.hpage2 .lts .pic {
		height: 60vw;
	}

	.hpage2 .rts li h3 {
		font-size: 16px !important;
	}

	.hpage2 .rts li.on:before,
	.hpage2 .rts li:hover:before {
		left: 0;
		right: 0;
		width: auto;
	}

	.hpage2 .rts li.on .ts,
	.hpage2 .rts li:hover .ts {
		margin: 0;
	}
	.uwform{
	    margin: 20px 0 30px;padding: 20px;
	}
	.abo1 .wrap{
		display: block;
	}
.abo1{
	padding: 20px 0;
}

}