html{
    font-size: 4.27vw;
}
* {
margin: 0;
padding: 0;
font-family: "Microsoft Yahei";
color:#333;
}
.fr{
float: right;
}
.fl{
float: left;
}
ul,
li {
list-style: none;
}
.clearfix::after{
clear: both;
display: block;
content: '';
}
.header {
background: url("ydmhgb_banner2021.png") no-repeat;
background-size: 100% 100%;
width: 100%;
height: 28.5vw;
position: relative;
}
.nav{
display: flex;
background: #1a8bc5;
height: 9vw;
line-height: 9vw;
justify-content: space-around;
margin-top: 9vw;

}
.nav li{
color: #bbd5e9;
}
.dynamic{
margin-bottom: 2vw;
}
.dynamic_content ul{
display: none;
}
.dynamic_ul li{
float: left;
color:#1a8bc5;
font-size: 1.0625rem;
padding: 0 0.6vw;
}
.dynamic_div span{
display: none;
color:#6693d9;
}
.dynamic_content li span{
float: right;
}
.zhengsheng{
height: 10vw;
line-height: 10vw;
margin-top: 3vw;
}
.dynamic_content ul li{
    line-height: 8vw;
    height: 8vw;
    border-bottom: 1px solid #e5e5e5;
}
.gov{
display: flex;
justify-content: center;
margin-top: 4vw;
}
.gov img{
width: 100%;
}
.message{
width: 30vw;
background: url(ydmhgb_index2021_img1.png) no-repeat;
background-size: 100% 100%;
}
.message_list{
width:60vw;
margin-left: 3vw;
} 
.message_list li{
margin-top: 1vw;
}
.dep{
display: flex;
justify-content: center;
margin-top: 4vw;
}
.dep img{
width: 100%;
}
.dep_img{
width: 30vw;

}
.dep_ul{
width:60vw;
margin-left: 3vw;
} 
.dep_ul li{
margin-top: 1vw;
}
.policy{
margin-top: 4vw;
margin-bottom: 2vw;
}
.policy_content ul{
display: none;
}
.policy_ul li{
float: left;
color:#1a8bc5;
font-size: 1.0625rem;

padding: 0 1vw;
}
.policy_div span{
display: none;
color:#6693d9;

}
.policy_content li span{
float: right;
}

.policy_content ul li{
    line-height: 8vw;
    height: 8vw;
    border-bottom: 1px solid #e5e5e5;
}
.content{
margin: 0 auto;
width: 94vw;
}
.title h3{
display: inline-block;
background: #246acc;
padding: 5px 8px;
color: #fff;
}
.title{
    width: 94vw;
    margin: 0 auto;
    background: #f1f0f0;
    margin-top: 4vw;
}
.service{
display: flex;
margin-top: 4vw;
margin-left: 0.5vw;
}
.service li{
width: 21vw;
margin-left: 2.5vw;
border: 1px solid #e0eefe;
background: #fff;
}
.service li div{
display: flex;
justify-content: center;
align-items: center;
margin-top: 3vw;
}
.service li img{
width: 10vw;
height: 9vw;
}
.service li p{
text-align: center;
margin-top: 2vw;
}
.bianmin{
display: flex;
flex-wrap: wrap;
justify-content:space-around;
margin-left: 3vw;
}
.bianmin li{
width: 31vw;
font-size: 0.875rem;

}
.bianmin li img{
width: 7vw;
vertical-align:middle
}
.interview{
display: flex;
justify-content:space-between;
margin-top: 2.5vw;
}
.interview_content span{
color:#246acc;
}
.enter_interview{
color: #fff;
background: #27a6ff;
border: none;
width: 50vw;
margin: 0 auto;
display: block;
height: 8vw;
line-height: 8vw;
margin-top: 3vw;
margin-bottom: 9vw;
border-radius: 1vw;
}
.swiper-father {
position: relative;
}
.swiper-container {
width: 85%;
position: static;
}
.button-prev{
left: 3vw;
}
.button-next{
right: 3vw;
}
.button-prev, .button-next{
top:0;
position: absolute;
height: 100%;
}


.dynamic_ul li.active{
    font-weight: bold;
}
.policy_ul li.active{
    font-weight: bold;
}