
.wh-wrap{
	background: url(2024wh-bg1.png) top center no-repeat #EFF3F7;
	background-size: 1920px auto;
	background-size: 19.2rem auto;
	padding-top: 372px;
	padding-top: 3.72rem;
	font-size: 0;
}
.wh-wrap *{
	box-sizing: border-box;
}
.wh-main{
	padding: 0 25px 40px;
	padding: 0 .25rem .4rem;
	background: #fff;
}
.wh-w1{
	margin-top: 24px;
	margin-top: .24rem;
}
.wh-tit1 a{
	display: block;
}
.wh-tit1 a img{
	width: 100%;
}
.wh-w1c{
	margin-top: 32px;
	margin-top: .32rem;
}
.wh-w1c1{
	width: 555px;
	width: 5.55rem;
}
.wh-tit2 {
	border-bottom: 1px solid #E6E6E6;
}
.wh-tit2 .tit{
	display: inline-block;
	font-size: 20px;
	font-size: .2rem;
	color: #7E858F;
	height: 40px;
	height: .4rem;
	line-height: 40px;
	line-height: .4rem;
	text-align: center;
	padding: 0 18px;
	padding: 0 .18rem;
	letter-spacing: 2px;
	letter-spacing: .02rem;
	margin-right: 3px;
	margin-right: .03rem;
	position: relative;
	min-width: 146px;
	min-width: 1.46rem;
}
.wh-tit2 .tit:last-child{
	margin-right: 0;
}
.wh-tit2 .tit:after{
	display: none;
}
.wh-tit2 .tit:hover{
	text-decoration: none;
}
.wh-tit2 .tit.cur{
	color: #fff;
	font-weight: bold;
	border-radius: 5px;
	border-radius: .05rem;
	background: #0065BF;
}
.wh-tit2 .tit.cur:after{
	display: inline-block;
	content: ' ';
	width: 20px;
	width: .2rem;
	height: 8px;
	height: .08rem;
	background: url(2024wh-ic1.png) bottom left no-repeat;
	background-size: 100% auto;
	position: absolute;
	right: -12px;
	right: -.12rem;
	bottom: 0;
}
.wh-list1{
	margin-top: 10px;
	margin-top: .1rem;
}
.wh-list1 li{
	height: 54px;
	height: .54rem;
	line-height: 54px;
	line-height: .54rem;
}
.wh-list1 li:before{
	display: inline-block;
	content: "";
	height: 4px;
	height: .04rem;
	width: 4px;
	width: .04rem;
	background: #c2cdd7;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	vertical-align: middle;
	margin-right: 18px;
	margin-right: .18rem;
}
.wh-list1 li a{
	vertical-align: middle;
	display: inline-block;
	max-width: 80%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 18px;
	font-size: .18rem;
	color: #333333;
}
.wh-list1 li span{
	float: right;
	color: #999999;
	font-size: 16px;
	font-size: .16rem;
}
.wh-w1 .wh-list1 li a{
	max-width: 94%;
}
.wh-bar1{
	margin-top: 22px;
	margin-top: .22rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.wh-bar1 a{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	width: 262px;
	width: 2.62rem;
	height: 80px;
	height: .8rem;
	line-height: 30px;
	line-height: .3rem;
	color: #000000;
	font-size: 20px;
	font-size: .2rem;
	background: url(2024wh-bg3.png) center no-repeat;
	background-size: 100% 100%;
	margin-left: 34px;
	margin-left: .34rem;
	letter-spacing: 2px;
	letter-spacing: .02rem;
	margin-bottom: 23px;
	margin-bottom: .23rem;
	padding-left: 25px;
	padding-left: .25rem;
}
.wh-bar1 .a2{
	background-image: url(2024wh-bg4.png);
}
.wh-bar1 .a3{
	background-image: url(2024wh-bg5.png);
}
.wh-bar1 .a4{
	background-image: url(2024wh-bg6.png);
}
.wh-bar1 .a5{
	background-image: url(2024wh-bg10.png);
}
.wh-bar1 .a6{
	background-image: url(2024wh-bg11.png);
}
.wh-bar1 .a7{
	background-image: url(2024wh-bg12.png);
}
.wh-bar1 .a8{
	background-image: url(2024wh-bg13.png);
}
.wh-bar1 a:nth-child(4n+1){
	margin-left: 0;
}
.wh-w2{
	margin-top: 34px;
	margin-top: .34rem;
}
.wh-w2c{
	margin-top: 30px;
	margin-top: .3rem;
}
.wh-w2c1{
	width: 805px;
	width: 8.05rem;
}
.wh-bar2{
	width: 300px;
	width: 3rem;
	margin-top: 26px;
	margin-top: .26rem;
}
.wh-bar2 a{
	display: block;
	height: 80px;
	height: .8rem;
	line-height: 80px;
	line-height: .8rem;
	margin-top: 12px;
	margin-top: .12rem;
	background: url(2024wh-bg7.png) center no-repeat;
	background-size: 100% 100%;
	padding-left: 102px;
	padding-left: 1.02rem;
	color: #333333;
	font-size: 24px;
	font-size: .24rem;
	font-weight: bold;
	letter-spacing: 2px;
	letter-spacing: .02rem;
}
.wh-bar2 .a2{
	background-image: url(2024wh-bg8.png);
}
.wh-bar2 .a3{
	background-image: url(2024wh-bg9.png);
}
.wh-bar2 a img{
	width: 100%;
}
.wh-w3{
	margin-top: 52px;
	margin-top: .52rem;
}
.wh-w3c{
	margin-top: 30px;
	margin-top: .3rem;
}
.wh-w3c1{
	width: 805px;
	width: 8.05rem;
}
.wh-bar3{
	width: 300px;
	width: 3rem;
	margin-top: 20px;
	margin-top: .2rem;
}
.wh-bar3 a{
	display: block;
	margin-top: 20px;
	margin-top: .2rem;
}
.wh-bar3 a img{
	width: 100%;
}

.wh-bar4{
	margin-top: .18rem;
}
.wh-bar4 a{
	display: block;
}
.wh-bar4 a img{
	width: 100%;
}
@media screen and (max-width: 768px){
	.wh-wrap{
		background-size: 160% auto;
		padding-top: 2.4rem;
		padding-top: 30vw;
	}
	.wh-wrap a:hover{
		text-decoration: none;
	}
	.wh-w1c1{
		width: 100%;
		margin-bottom: .3rem;
	}
	.wh-bar1{
		margin-top: 0;
	}
	.wh-bar1 a{
		width: 48%;
		height: 1rem;
		line-height: initial;
		margin: 0 0 .2rem;
		font-size: .32rem;
	}
	.wh-w2{
		margin-top: .3rem;
	}
	.wh-w2c1{
		width: 100%;
	}
	.wh-bar2{
		width: 100%;
	}
	.wh-bar2 a{
		padding-left: 3rem;
        font-size: .32rem;
		height: 1rem;
		line-height: 1rem;
		background-image: url(2024wh-bg7h5.png);
	}
	.wh-bar2 .a2{
		background-image: url(2024wh-bg8h5.png);
	}
	.wh-bar2 .a3{
		background-image: url(2024wh-bg9h5.png);
	}
	.wh-tit2{
		white-space: nowrap;
		overflow-x: auto;
	}
	.wh-tit2 .tit{
		height: .7rem;
		line-height: .7rem;
		font-size: .36rem;
		padding: 0 .2rem;
		margin-right: .2rem;
		border-radius: .1rem;
	}
	.wh-list1{
		padding-top: .2rem;
	}
	.wh-list1 li{
		height: .7rem;
		line-height: .7rem;
	}
	.wh-list1 li:before{
		width: .1rem;
		height: .1rem;
	}
	.wh-list1 li a{
		font-size: .32rem;
		max-width: 70%;
	}
	.wh-list1 li span{
		font-size: .28rem;
	}
	.wh-w3{
		margin-top: .4rem;
	}
	.wh-w3c1{
		width: 100%;
	}
	.wh-bar3{
		width: 100%;
	}
}