.wap_banner,.pc_banner {
width:100%;
margin: 0 auto;
position: relative;
overflow: hidden;
}
.wap_banner .hd,.pc_banner .hd {
width: 100%;
height: 3px;
position: absolute;
z-index: 0;
bottom: 0;
text-align: center;
}
.wap_banner .hd ul,.pc_banner .hd ul {
overflow: hidden;
display: -moz-box;
display: -webkit-box;
display: box;
height: 3px;
background-color: rgba(51, 51, 51, 0.5);
}
.wap_banner .hd ul li,.pc_banner .hd ul li {
-moz-box-flex: 1;
-webkit-box-flex: 1;
box-flex: 1;
}
.wap_banner .hd ul .on,.pc_banner .hd ul .on {background: red;}
.wap_banner .bd,.pc_banner .bd {
position: relative;
z-index: 0;
padding-bottom:0.08rem;
}
.wap_banner .bd li img,.pc_banner .bd li img {width: 100%;}
.wap_banner .bd li a,.pc_banner .bd li a {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.bd>img {
width: 100%;
}
.bd_ul_img1:before {
content: "";
background: url(../images/yh_banner1.jpg);
display: inline-block;
width: 100%;
height: 4.63rem;
background-size: 100%;
}
.bd_ul_img2:before {
content: "";
background: url(../images/yh_banner2.jpg);
display: inline-block;
width: 100%;
height: 4.63rem;
background-size: 100%;
}
.bd_ul_img3:before {
content: "";
background: url(../images/yh_banner3.jpg);
display: inline-block;
width: 100%;
height: 4.63rem;
background-size: 100%;
}
.bd_ul_img4:before {
content: "";
background: url(../images/yh_banner4.jpg);
display: inline-block;
width: 100%;
height: 4.63rem;
background-size: 100%;
}
.bd_ul_img5:before {
content: "";
background: url(../images/yh_banner5.jpg);
display: inline-block;
width: 100%;
height: 4.63rem;
background-size: 100%;
}
#bd_img:before {
content: "";
background: url(../images/yh_banner1.jpg);
display: inline-block;
width: 100%;
height: 4.63rem;
background-size: 100%;
}


.page_number_div li {
 float: left;
}