/*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: 1vw;
}

@media only screen and (max-width:1080px) {
	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 ul{
		display: block;
	}
	.header .naver ul li{
		margin: 0;
	}
	.naver{
		position: absolute;
		left: 0;right: 0;
		top: 100%;
		background: #fff;
		padding: 0 20px 40px;
	}
	.gh{
		display: block;
		position: static;
	}
	.header .wrap{
		height: 60px;
	}
	.header{
		background: #fff;
	}
	.layout{
		padding-top: 0;
	}
	.header .naver li a{
		display: block;
		line-height: 48px;
		font-size: 16px;
		border-bottom: 1px solid #f1f1f1;
	}
	.header .naver ul li h3 i{
		left: auto;height: 48px;width: 48px !important;right: -10px;
		background: url(../images/qw3.webp) no-repeat center/13px auto !important;
	}
	.header .naver ul li h3 i.on{
		transform: rotate(90deg);
	}
	.header{
		padding: 0;
	}
	.header .nli{
		display: block;position: static;
	}
	.nli .wrap{
		display: block;height: auto;
	}
	.nli .th dl{
		display: block;
		height: auto;
	}
	.nli .bd{
		padding: 0;
	}
	.nli .th{
		background: #fff;
	}
	.nli .th dd{
		margin-right: 0;
	}
	.nli .nlt{
		width: auto;
		padding: 0;
		border: none;
	}
	.nli .nrt{
		padding: 0;
	}
	.nli .nrt .nflex{
		display: block;
	}
	.nli .nrt .pic{
		display: none;
	}
	.nli .nrt dl{
		padding: 0;
	}
	.nli .nrt dd a{
		padding: 0 30px;
	}
	.nli .th dd a{
		padding: 0 10px;
	}
	.nli .nlt dd a{
		padding: 0 20px;
	}
	.nli .wrap{
		padding: 0 !important;
	}
	.header .naver ul li h3 a{
		font-size: 16px;
	}
	.header .naver ul li dd a{
		font-size: 14px !important;
	}
	.header .wrap{
		padding: 0 15px;
		border-radius: 0;
		background: #fff;
	}
	.gh{
		margin-left: 15px;
	}
	.header .rs .laugsh{
		margin: 0 15px;
	}
	.header .rs .seach{
		display: none;
	}
	.naver .wrap{
		height: auto;padding: 0 0 0 10px !important;
	}
	.naver dd .wrap{
		padding-right: 0 !important;
	}
	 [data-dropdown] .dd-arrow {
	        display: inline-block;
	        width: 16px;
	        height: 48px;
	        background: url(../images/qw3.webp) no-repeat center/13px auto;
	        transition: transform 0.3s ease;
			position: absolute;right: 0;top: 0;
	    }
	    [data-dropdown] .dd-arrow.on {
	        transform: rotate(90deg);
	    }
	
	    /* 重置重构后的DOM样式 */
	    .header .th2, .header .thtx, .header .th {
	        position: static !important;
	        background: #fff !important;
	        padding: 0 !important;
	    }
	    .header .th2 dd, .header .thtx dd, .header .th dd {
	        margin: 0 !important;
	        border-bottom: 1px solid #f1f1f1;
	        position: relative;
	    }
	    .header .bli, .header .rli, .header .pic a {
	        position: static !important;
	        /* display: none ; */
	    }
	    .header .nlt, .header .nrt {
	        width: 100% !important;
	        padding: 0 !important;
	        border: none !important;
	    }
	    .header .nrt .nflex {
	        display: block !important;
	    }
		.header .th2 dd .pic{
			display: none;
		}
		.header .th2 dd:last-child, .header .thtx dd:last-child, .header .th dd:last-child{
			border: none !important;
		}
		.header .naver ul li dd a p{
			line-height: 1.4;padding-bottom: 10px;
		}
		.header .naver ul li h3 a{
			line-height: 48px;
		}
		.header .naver ul li dd .nflex{
			padding-left: 10px;
		}
		.header .th,
		.thtx{
			display: none;
		}
		.naver{
			display: none;
		}
		.hpage1{
			height: 120vw;
		}
		.hpage1 .txt .wrap{
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			-o-box-sizing: border-box;
			box-sizing: border-box;
			width: 100%;
		}
		.hpage1 .txt h2{
			line-height: 1.4;
		}
		.hpage1 .txt .uwmore span{
			width: auto !important;
			padding: 0 40px 0 15px !important;
			text-align: left !important;
			min-width: 0;
		}
		.hpage1 .txt .uwmore{
			margin-right: 10px;
		}
		.hpage2{
			padding: 50px 0 ;
		}
		.hpage2 .txt h2{
			line-height: 1.4;
		}
		.hpage3{
			padding: 40px 0;
		}
		.hpage2 h6 {
			-webkit-animation:fadeInUp 1s .2s ease both;
			-moz-animation:fadeInUp 1s .2s ease both;
		}
		.hpage2 h2 {
			-webkit-animation:fadeInUp 1s .4s ease both;
			-moz-animation:fadeInUp 1s .4s ease both;
		}
		.hpage2 p {
			-webkit-animation:fadeInUp 1s .6s ease both;
			-moz-animation:fadeInUp 1s .6s ease both;
		}
		.hpage2 dl {
			-webkit-animation:fadeInUp 1s .8s ease both;
			-moz-animation:fadeInUp 1s .8s ease both;
			padding: 15px;
		}
		.hpage3 .item{
			padding: 40px 20px;height: auto;margin-bottom: 20px;
			border-radius: 10px;
		}
		.hpage4 .hds{
			position: relative;
			width: auto;
			padding: 40px 20px;
		}
		.hpage4{
			min-height: 0;
		}
		.hpage5{
			padding: 40px 0px;
		}
		.hpage5 .hs h2{
			line-height: 1.4;
		}
		.hpage5 .bds{
			display: block;
		}
		.hpage5 .ls{
			width: auto;
			margin-bottom: 10px;
		}
		.hpage5 .cts{
			margin: 0;
		}
		.hpage5 .flax{
			display: block;height: auto;
		}
		.hpage5 .tps .itms{
			width: auto;height: auto;
			margin-bottom: 10px;
		}
		.hpage5 .tbfs .itms,
		.hpage5 .tbfs{
			width: auto;
			height: auto;
			margin-top: 10px;
		}
		.hpage5 .rs{
			width: auto;height: auto;height: 100vw;
			margin-top: 20px;
		}
		.hpage7,
		.hpage6{
			min-height: 0;
			padding: 40px 0;
		}
		.hpage7 .bds{
			margin-top: 40px;
		}
		.hpage8 .hs{
			padding: 30px 0;
		}
		.hpage8 .hs .wrap{
			display: block;
		}
		.hpage8 .hs li{
			margin-right: 25px;
		}
		.hpage8 .hs ul{
			flex-wrap: wrap;
		}
		.hpage8 .hs li a:hover, .hpage8 .hs li.on a{
			font-size: 18px;
		}
		.hpage8 .bds{
			display: block;
			padding: 40px 15px;
		}
		.hpage8 .bds .ls{
			width: auto;
		}
		.hpage8 .bds .rs{
			margin: 10px 0 0;
		}
		.hpage8 .bds dd a{
			margin-bottom: 10px;
			padding: 15px;
		}
		.footer{
			padding-top: 30px;
		}
		.footer>.wrap{
			display: block;
		}
		.footer .subscribe{
			margin-top: 20px;
		}
		.footer .tab{
			flex-wrap: wrap;
			margin-top: 20px;
		}
		.footer .tab dl{
			width: 50%;
			margin: 0 0 15px;
		}
		.footer .tab dt{
			font-size: 18px;
		}
		.footer .tab dd a{
			font-size: 14px;line-height: 2;
		}
		.footer .ficon{
			margin-top: 20px;
			display: block;
		}
		.footer .ficon dl{
			margin: 0 0 15px;
		}
		.copyright .wrap{
			display: block;
			text-align: center;
		}
		.copyright ul{
			margin: 0;justify-content: center;
		}
		.copyright a{
			font-size: 14px;
		}
		.hpage7 .hs h3{
			line-height: 1.6;
		}
		.hpage7 .bds .swiper-slide{
			height: 50px;
			width: 150px;
		}
		.borderbottom::before{
			display: none;
		}
		.header.active{
			padding: 0;
		}
		.header .naver ul li h3 a{
			color: #333;
		}
		.header .naver ul li dd a p{
			font-size: 12px !important;
		}
		.header .bli .rli{
			display: block;
		}
		.header .th.th3{
			padding-left: 15px !important;
		}
		.umain{
			padding: 40px 0;
		}
		.umain .wrap{
			display: block;
		}
		.umain .umlt{
			width: auto;
		}
		.uhtab li h3{
			font-size: 16px !important;line-height: 44px;
		}
		.umain3 .umrt{
			width: auto;
			margin-top: 25px;
		}
		.applist li{
			width: 100%;margin: 0 0 10px;
		}
		.applist li a{
			height: 80vw;
		}
		.uflexth{
			padding: 20px 15px;display: block;
		}
		.uflexth ul li a{
			margin: 0 15px 0 0;font-size: 14px;
			padding: 0 10px;line-height: 40px;
		}
		.uflexth ul{
			margin-top: 20px;flex-wrap: wrap;
		}
		.downlist ul{
			display: block;
		}
		.downlist ul li{
			width: auto;margin: 0 0 15px;
		}
		.downlist li a img{
			width: 40px;height: 40px;
		}
		.downlist li a{
			height: 70px;
		}
		.uflexth{
			position: static;
		}
		.umfaq{
			padding: 40px 0;min-height: 0;
		}
		.faqlist,
		.downlist{
			margin-top: 20px;
		}
		.uhtit h3{
			line-height: 1.6;
		}
		.muban .wrap{
			height: 50vw;
			padding-top: 60px;
		}
		.umain .umrt{
			width: auto !important;
			margin-top: 30px !important;
		}
		.hnewslist ul{
			display: block;
		}
		.hnewslist ul li{
			width: auto !important;
			margin: 0 0 10px !important;
		}
		.umain2 .umrt .hnewslist li .icon{
			height: auto;
		}
		.newssearch .txt{
			font-size: 16px;height: 42px;
		}
		.newssearch{
			height: 42px;
		}
		.unewsdel .wrap{
			padding: 0 15px;
		}
		.crumbs dl{
			flex-wrap: wrap;
		}
		.crumbs dl dd,
		.crumbs dl a{
			line-height: 1.6;
		}
		.unewsdel .th h1{
			font-size: 20px;line-height: 1.4;
		}
		.unewsdel .th .flex{
			display: block;
		}
		.unewsdel .th h6 i{
		}
		.itype{
			font-size: 14px;
			line-height: 2;
		}
		.unewsdel .th li{
			margin: 10px 10px 0 0;
		}
		.ndeltail{
			padding: 20px 0;
		}
		.tags dl{
			padding: 30px 0;
		}
		.tags dt{
			font-size: 14px;line-height: 2;
		}
		.tags dd a{
			font-size: 14px;
			line-height: 2;
			display: block;
		}
		.tags dd{
			margin-bottom: 8px;
		}
		.hnewslist2{
			padding: 0;
		}
		.hnewslist .thflex{
			margin-bottom: 0;
		}
		.filters{
			margin-top: 15px;
		}
		.filters dl{
			margin: 0;
		}
		.filters dt{
			margin-bottom: 10px;margin-top: 15px;
		}
		.uprlist li{
			width: 100%;margin: 0 0 10px;height: auto;padding-bottom: 10px;
		}
		.resources{
			padding: 40px 0;
		}
		.featured .flex{
			display: block;
		}
		.featured .pic{
			width: auto;height: auto;
		}
		.featured ul{
			width: auto;
			margin-top: 10px;
		}
		.featured ul li a{
			display: block;
			height: auto;
		}
		.featured ul .icon{
			width: auto;height: auto;
		}
		.featured ul .tx{
			width: auto;padding: 15px;
		}
		.featured ul li{
			height: auto;
		}
		.hnewslist{
			padding: 30px 0 0;
		}
		.uhsection1{
			height: 60vw;
		}
		.uhsection1 .txt{
			padding-top: 30px;
		}
		.uhsection2{
			padding: 40px 0;
		}
		.uhsection2 li h4 i{
			font-size: 20px;
		}
		.uhsection2 li{
			width: 50%;
			margin: 0;
		}
		.uhsection2 ul{
			flex-wrap: wrap;
		}
		.uhsection3{
			padding: 40px 0;
		}
		.uhsection3 .text{
			width: auto;
		}
		.pxline{
			margin: 30px 0;width: auto;
		}
		.uhsection3 .item .txt i{
			font-size: 30px;
		}
		.uhsection3 .item{
			display: block;
		}
		.uhsection3 .item .txt{
			width: auto;
		}
		.uhsection3 .item .pic{
			margin-bottom: 15px;
		}
		.uhsection4{
			height: auto;
			padding: 60px 0;
		}
		.uhitem{
			padding-top: 40px;
			display: block;
		}
		.uhitem .pic{
			width: auto;
		}
		.uhitem .txt{
			width: auto;
			margin-top: 15px;
		}
		.uhvideo{
			padding-top: 40px;
		}
		.uhvideo dd{
			width: 100%;
			margin: 0 0 10px ;
		}
		.antech .wrap{
			display: block;
		}
		.antech .pic{
			width: auto !important;
			position: static !important;
		}
		.antech .pic video{
			position: static !important;
		}
		.antech .wrap{
			width: auto;
		}
		.antech .pic .txt{
			display: none;
		}
		.antech .rtx{
			opacity: 1;
			margin-top: 20px;
			width: auto;
		}
		.antech{
			height: auto;
		}
		.uhsection6{
			padding: 40px 0;
		}
		.uhsection6 .thflex{
			padding: 0;display: block;
		}
		.uhsection6 .thflex .pic{
			width: auto;height: auto;
		}
		.uhsection6 .thflex .txt{
			width: auto;
		}
		.uhsection6 .thflex a{
			padding:  25px;
			display: block;
		}
		.uhsection6 .thflex .uwmore{
			margin-top: 15px;
		}
		.uflexicon ul{
			display: block;
		}
		.uflexicon ul li{
			width: auto;
			margin: 10px 0 0;
			padding: 25px;
		}
		.pvideolist li{
			width: auto;
			margin: 0 0 10px;
		}
		.pvideolist ul{
			margin-top: 10px;
		}
		.mkvideo{
			width: 90%;
		}
		.mkvideo .icos{
			right: 0;
		}
		.layout.active .header{
			padding: 0;
		}
		.layout.active .gh a,
		.layout.active .gh a:after,.layout.active .gh a:before{
			background: #333;
		}
		.uhsection5{
			padding-bottom: 40px;
		}
		.clear{
			margin-top: 20px;
		}
		.umain2 .umrt .hnewslist{
			margin-top: 20px;
		}
		
		.uhvdel2 .uhsection1 .txt{
			padding-top: 100px;
		}
		.uhpage2 ul{
			display: block;
		}
		.uhpage2 li{
			width: auto;margin: 0 0 10px;
		}
		.uhpage1{
			height: 100vw;
		}
		.uhpage1 .txt{
			padding-top: 100px;
		}
		.uhpage2{
			padding: 40px 0;
		}
		.uhpage2 h3{
			margin: 20px 0;
		}
		.uhpage3{
			padding: 40px 0;
		}
		.uhpage3 .hds{
			display: block;
		}
		.uhpage3 .hds .ts{
			width: auto;
		}
		.uhpage3 .hds .pic{
			width: auto;margin-top: 15px;
		}
		.uhpage3 .hds h6{
			margin-top: 20px;
		}
		.uhpage3 ul{
			margin-top: 20px;
			display: block;
		}
		.uhpage3 ul li{
			width: auto;
			margin:  0 0 10px;
		}
		.uhpage3 li h4{
			padding-bottom: 10px;margin-bottom: 10px;
			line-height: 1.6;
		}
		.uhpage4{
			padding: 40px 0;
		}
		.uhpage4 li{
			margin-bottom: 15px;
		}
		.uhpage4 ul{
			margin-top: 20px;
		}
		.uhpage4 dd{
			margin: 0;
			width: 20%;
			padding: 10px;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			-o-box-sizing: border-box;
			box-sizing: border-box;
		}
		.uhpage4 dl{
			flex-wrap: wrap;margin-top: 15px;
		}
		.uhpage5{
			padding: 40px 0;
		}
		.uhpage5 .flax{
			margin: 20px 0 0;
			display: block;
		}
		.uhpage5 .pic{
			width: auto;
		}
		.uhpage5 .ts{
			width: auto;
			margin: 10px 0;
		}
		.uhpage5 .ts h4{
			line-height: 1.4;
		}
		.uhpage7,
		.uhpage6{
			padding: 40px 0;
		}
		.uhpage6 ul{
			display: block;
		}
		.uhpage6 ul li{
			width: auto !important;
			margin: 0 0 10px  !important;
			height: auto;
		}
		.uhpage6 li .tps{
			position: static;
			height: auto;
			padding: 20px 20px 50px;
			width: auto;
		}
		.uhpage6 li .pic{
			height: 50vw;
		}
		.uhpage6 li h6{
			left: 10px;right: 10px;
			text-align: center;
		}
		.uhpage7 ul{
			margin-top: 20px;
		}
		.uhpage7 li{
			width: 100%;
			margin: 0 0 10px;
		}
		.uhpage7 .sub{
			margin-top: 15px;
		}
		.uhsection2 ul{
			margin-top: 20px;
		}
		.utpage3 li{
			margin: 15px 0 0;
			display: block;
		}
		.utpage3 li .ts{
			width: auto;
			padding: 0 !important;
		}
		.utpage3 li .pic{
			width: auto;margin-top: 10px;
		}
		.utpage3 li p{
			margin-top: 10px;
		}
		.utpage3{
			padding-bottom: 40px;
		}
		.utpage4{
			padding: 40px 0 ;
		}
		.utpage4 .hds{
			display: block;
		}
		.utpage4 .hds .ls{
			width: auto;
		}
		.utpage4 .hds .rs{
			width: auto;
		}
		.utpage4 .bds{
			margin-top: 30px;
		}
		.utpage4 .bds ul{
			display: block;
			overflow: hidden;
		}
		.utpage4 .bds ul li{
			width: auto;
			margin: 0 0 15px;
		}
		.utpage7, .utpage5{
			padding: 40px 0;
		}
		.utpage5 .swiperhd .swiper-slide{
			height: auto;
		}
		.utpage6 .swipbox .pic{
			height: 100%;
		}
		.utpage6 .swipbox .spots{
			position: static;
			text-align: center;
		}
		.utpage7 .flax{
			display: block;
		}
		.utpage7 .ls{
			width: auto;
			padding: 15px;display: flex;flex-direction: column-reverse;
		}
		.utpage7 .rs{
			width: auto;
			margin-top: 15px;
		}
		.utpage7 .flax .img{
			width: 40vw;margin: 0 auto 10px;
		}
		.utpage7 .flax dd{
			padding: 15px;
			display: flex;flex-direction: column-reverse;
		}
		.utpage7 .flax dd .ts{
			width: auto;
		}
		.utpage7 .flax dd .pic{
			position: static;
			height: auto;
			width: 40vw;
			margin: 0 auto 10px;
		}
		.supfaq .wrap{
			display: block;
		}
		.supfaq{
			padding: 40px 0;
		}
		.supfaq .lts{
			width: auto;
			margin-bottom: 20px;
		}
		.supfaq .rts{
			width: auto;
		}
		.faqlist li .flex{
			padding: 15px;
		}
		
}
@media only screen and (max-width:768px) {
	
}