.slider_four_in_line {
    width: 900px;
    height: 170px;
    position: relative;
    margin: 0 auto;
    user-select: none;
}

.htmleaf-content {
    width: 1200px;
    background: #fff;
    margin: 0 auto;
    height: 170px;
}

.slider_four_in_line>* {
    transition: ease all 1s;
    overflow: hidden;
}

.slider_four_in_line img {
    display: block;
    margin: 30px auto;
}

.slider-city-name {
    height: 25px;
    overflow: hidden;
    width: 100%;
    text-align: center;
    font-size:16px;
}

.slider_four_in_line .hidden {
    display: none;
}

.slider_four_in_line .active,
.slider_four_in_line .next1,
.slider_four_in_line .next2,
.slider_four_in_line .next3,
.slider_four_in_line .next4,
.slider_four_in_line .next5,
.slider_four_in_line .next6 .slider_four_in_line .prev1 {
    position: absolute;
    width: 19%;
    height: 100%;
    top: 0px;
    left: 20%;
    z-index: 10;
    margin: 0 0.5%;
}

.slider_four_in_line .next1 {
    left: 40%;
}

.slider_four_in_line .next2 {
    left: 60%;
}

.slider_four_in_line .next3 {
    left: 80%;
}


.slider_four_in_line .next4 {
    width: 0%;
    left: 100%;
    z-index: 0;
    opacity: 0;
}

.slider_four_in_line .next5 {
    left: 100%;
    width: 0%;
    z-index: 0;
    opacity: 0;
}

.slider_four_in_line .prev1 {
    position: absolute;
    width: 19%;
    height: 100%;
    margin: 0 0.5%;
    top: 0px;
    left: 0%;
    z-index: 10;
    opacity: 1;
}

.slider_four_in_line .prev2,
.slider_four_in_line .prev3,
.slider_four_in_line .prev4,
.slider_four_in_line .prev5,
.slider_four_in_line .prev6 {
    position: absolute;
    width: 0%;
    height: 100%;
    top: 0px;
    left: 0%;
    z-index: 0;
    opacity: 0;
}

/*********************************/

.nav_indicators {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    text-align: center;
    z-index: 50000;
}

.nav_indicators ul {
    position: static;
    display: inline-block;
    margin: 0 auto;
    padding: 0;
}

.nav_indicators ul li {
    position: static;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 10px;
    padding: 0;
    overflow: hidden;
    background: #fff;
    color: #fff;
    border: 2px solid #000;
    border-radius: 50%;
    cursor: pointer;
}

.nav_indicators ul li.active {
    position: static;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 10px;
    padding: 0;
    background: #555;
    color: #555;
    border: 2px solid #aaa;
    border-radius: 50%;
    cursor: pointer;
}

.next_button,
.prev_button {
    position: absolute;
    margin-top: 23px;
    cursor: pointer;
}

.prev_button {
    margin-left: -80px;
}

.next_button {
    left: 100%;
    margin-left: 42px;
}

.zzfl-area {
    background: url(../images/spbs3.png);
    background-size: 100% 100%;
    width: 130px;
    height: 45px;
    color: #fff;
    text-align: center;
    font-size: 18px;
    line-height: 35px;
    margin-top: 5px;
    float: left;
}

.zzfl-area-right {
    width: 1070px;
    float: left;
    height: 8px;
    margin-top: 42px;
    border-top: 1px solid #dbdedf;
}

.zzfl-nav-box {
    width: 1200px;
    height: 84px;
    margin: 43px auto 0;
    background: #fff;
}

.zzfl-nav-ul {
    width: 1170px;
    margin: 0 auto;
    height: 70px;
    border-bottom: 2px solid #97b8db;
}

.zzfl-nav-li {
    width: 170px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    float: left;
}

.zzfl-nav-li-active {
    font-weight: bold;
}

.zzfl-nav-li a{
	font-size:16px;
}