/*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:1040px) {
	html{
		font-size: 16px;
	}
	.header .wrap,
	.wrap{
		width: auto;
		padding: 0 20px;
	}
	.searchbtn{
		display: none;
	}
	.gh{
		display: block;
		position: static;
		margin-left: 15px;
	}
	.header .naver h3 a{
		margin: 0;
	}
	.naver{
		position: absolute;
		left: 0;right: 0;
		top: 100%;z-index: 11;
		background: #184dac;
		display: none;
	}
	.header .naver ul{
		display: block;
	}
	.header .naver ul li a{
		padding: 0 20px;
		line-height: 46px;
		font-size: 16px;
	}
	.header .naver ul li {
		border-bottom: 1px solid rgba(255,255,255,0.1);
	}
	.header .naver dl{
		position: sticky;
		width: auto;
		transform:translateX(0%);
		background: none;
	}
	.header .naver dl{
		background: none;
		padding: 0 20px;
	}
	.header .naver dd a{
		font-size: 14px;
		color: #fff;
		line-height: 44px;
		margin-bottom: 0;
	}
	.header .naver li i{
		display: none;
	}
	.header .naver li.nlis i{
		position: absolute;right: 0;top: 0;
		width: 46px;height: 46px;display: block;
		background: url(/wdxy/images/ar1.png) no-repeat center;
		transform: rotate(-90deg);
		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;
		left: auto;display: block;
	}
	.header .naver  li.nlis i.on{
		transform: rotate(0deg);
	}
	.header .naver ul li a{
		text-align: left;
	}
	.banner .flex{
		bottom: 10px;
	}
	.banner{
		padding: 0 !important;
	}
	h2{
		font-size: 20px !important;
	}
	h3{
		font-size: 18px !important;
	}
	h4{
		font-size: 16px !important;
	}
	h5{
		font-size: 16px !important;
	}
	p,
	h6{
		font-size: 14px !important;
	}
	.hnews{
		padding: 40px 0;
	}
	.hnews .wrap{
		display: block;
	}
	.hnews .nlt{
		width: auto;
	}
	.hcent{
		width: auto;
		margin: 30px 0;
	}
	.hcent .text{
		padding: 15px 0;
	}
	.hpreview .key li .time, .unews dd .time, .unews dt .time{
		font-size: 14px;margin-top: 15px;padding-left: 15px;
	}
	.hpreview{
		padding: 40px 0;
	}
	.hpreview .wrap{
		display: block;
	}
	.hpreview .ult{
		width: auto;
	}
	.hpreview .urt{
		width: auto;
		margin-top: 30px;
	}
	.hpreview .key{
		display: block;
		background-position: center bottom !important;
		background-size: 100% auto !important;
		background-image: none;
		padding: 0 15px;
	}
	.hpreview .key ul{
		width: auto;
	}
	.hpreview .key .pics{
		width: auto;height: auto;
		margin: 15px 0;
	}
	.section2{
		background-size: cover !important;
		padding: 40px 0 10px;background: #184dac;
		margin-top: 0;
	}
	.section2 .wrap{
		display: block;
	}
	.section2 .lis{
		width: auto;
		margin-bottom: 30px;
	}
	.htflex{
		margin-bottom: 15px;
	}
	.section3 .wrap{
		display: block;
	}
	.section3{
		margin: 0;
		padding: 40px 0;
	}
	.section3 .meiti{
		width: auto;
	}
	.section3 .meiti .flex{
		display: block;
	}
	.section3 .meiti .flex ul{
		width: auto;
	}
	.section3 .meiti .piclist{
		width: auto;
		margin-top: 20px;
	}
	.section3 .meiti .piclist dd{
		width: 100%;height: 50vw;
		margin-bottom: 10px;
	}
	.section3 .xuegong{
		margin: 20px 0 0;
		width: auto;
	}
	.footer{
		padding-top: 30px;
	}
	.footer .flex{
		display: block;
	}
	.footer .flexrt{
		display: block;margin-top: 20px;
	}
	.footer .copyright{
		margin-top: 20px;
	}
	.footer .lo img{
		height: 36px;
	}
	.htit h6{
		font-size: 12px !important;
	}
	.webnone{
		display: block;
	}
	.webshow{
		display: none;
	}
	.htit{
		margin-bottom: 0;
	}
	.header .searchbtn{
		display: none;
	}
	
}