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

.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: #F87A2D;
}
html{
	font-size: 19.2px;
}
@media only screen and (max-width:1680px) {
	html{
		font-size: 17px;
	}
}
@media only screen and (max-width:1580px) {
	html{
		font-size: 15px;
	}
	.header{
		height: auto;
	}
	.header .wrap{
		width: 72.91666666666667rem;
	}
	.header .naver li{
		margin-left: 0.6042rem;
	}
}
@media only screen and (max-width:1180px) {
	html{
		font-size: 12px;
	}
}
@media only screen and (max-width:1140px) {
	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;
	}
	
	.layout{
		padding-top: 60px;
	}
	.header .lts .ts{
		display: none;
	}
	.header .lts .logo{
		height: 40px;margin-top: 10px;
	}
	.gh{
		display: block;
		position: absolute;
		left: auto;right: 15px;top: 16px;
	}
	.header .rts{
		display: block;width: auto;
	}
	.header .lts{
		display: block;
	}
	.header .naver{
		position: absolute;
		inset: 100% 0 auto;
		z-index: 3;
		display: none;
	}
	.header .naver ul{
		display: block;
		background:#fff;
	}
	.header .wrap{
			width: auto;position: static;
		}
		.header .naver li{
			border-bottom: 1px solid rgba(255,255,255,0.2);
		}
		.header .naver li h3 a{
			font-size: 16px;
			line-height: 46px;
		}
		.header .naver li i{
			position: absolute;
			right: 0;top: 0;
			height: 46px;width: 46px;
			background: url(../images/prev1.png) no-repeat center/8px auto;
			display: block;
			z-index: 3;
			transform: rotate(180deg);
			transition:all 0.3s;
		}
		.header .naver li i.on{
			transform: rotate(270deg);
		}
		.header .naver li .nli{
			position: static;
			width: auto;
			border: none;
			background: none;
			padding: 0 20px;
		}
		.header .naver li dd a{
			text-align: left;font-size: 14px;
			line-height: 40px;
		}
	.header{
		height: 60px;padding-top: 0;
	}
	.header .seach{
		width: 150px;position: absolute;right: 55px;top: 14px;
	}
	.header .naver li.on:before, .header .naver li:hover:before{
		width: 100%;
	}
	.header .naver li{
		margin-left: 0;
	}
	.header .naver ul{
		padding: 0 12px;
	}
	.uwtit{
	margin-bottom: 14px;	
	}
	.hbanner{
		height: 60vw;
	}
	.hfpage1{
		padding: 30px 0;
	}
	.uwbox1 .bds,
	.hfpage1 .wrap{
		display: block;
	}
	.uwbox1 .new,
	.uwbox1 .swippic,
	.uwbox1,
	.uwbox2{
		width: auto;
	}
	.uwbox1 .new{
		margin-top: 20px;
	}
	.uwbox2{
		margin-top: 20px;
	}
	.hfpage2 .wrap{
		display: block;
	}
	.hfpage2 ul{
		width: auto;margin-top: 20px;
	}
	.hfpage2 li{
		width: calc((100% - 20px)/2);
	}
	.hfpage2 .img{
		height: 22px;
	}
	.hfpage2 li .ico{
		width: 34px;height: 34px;
	}
	.hfpage2{
		padding-bottom: 30px;
	}
	.hfpage3 .wrap{
		display: block;
	}
	.uwbox4,
	.uwbox3{
		width: auto;
	}
	.uwbox4{
		margin-top: 20px;
	}
	.uwbox3 .list li a{
		display: block;
	}
	.uwbox3 .list li .ts,
	.uwbox3 .list li .pic{
		width: auto;
	}
	.uwbox3 .list li .ts{
		margin-top: 12px;
	}
	.uwbox3 .list li .pic{
		height: auto;
	}
	.uwbox4 .videos{
		height: auto;
	}
	.footer .tps,
	.footer .box{
		display: block;
	}
	.footer .rs{
		display: block;width: auto;
	}
	.footer .tps h4{
		padding-left: 0;margin-left: 0;margin-top: 12px;
	}
	.footer .box{
		padding: 20px 0;
	}
	.footer .tps .img{
		height: 34px;
	}
	.footer .txt{
		display: block;
	}
	.footer .rs{
		padding-left: 0;border-left: none;margin-top: 20px;
	}
	.footer .txt{
		padding-top: 10px;margin-top: 10px;
	}
	.footer .link{
		border-right: none;
	}
	.footer .rs ul{
		width: auto;margin-top: 20px;justify-content: center;align-items: center;
	}
	.footer .rs li .wx{
		width: 80px;height: 80px;
	}
	.hbanner .spot .swiper-pagination-bullet-active{
		width: 20px;
	}
	.uwbox1 .new li h6,
	.uwbox2 .gongg li h3,
	.hfpage2 li h6{
		font-size: 16px !important;
	}
	.uwbox1 .swippic{
		height: 60vw;
	}
	.footer .rs li{
		margin-left: 0;margin: 0 20px;
	}
	.mkvideo{
		margin: 0 15px;
	}
	.mkvideo .icos{
		right: 10px;
	}
	.uwbox1 .new li .time h4{
		font-size: 14px !important;
	}
}