body{
    padding-top:91px;
}
.banner{
    height: 250px;
    background: url("../images/chargingPileBanner.png") no-repeat center;
}
.container{
    position: relative;
    margin-top:65px;
}
.news--tab {
    width: 115px;
    text-align: center;
    position: absolute;
    top:0;
    left:0;
    z-index: 2;
}
.news--tab ul {
    list-style: none;
    padding: 0;
}
.news--tab ul li{

}
.news--tab a {
    display: inline-block;
    width: 100%;
    line-height: 40px;
    color: #a3a3b7;
    font-size: 20px;
    font-weight: bold;
    background: #f0f0f0;
    border-radius: 4px;
}
.news--tab li:not(:last-of-type){
    margin-bottom:0.75em;
}
.news--tab a.active, .news--tab a:hover {
    background: #654fc8;
    color: #fff !important;
}

.container_content{
    width:100%;
    padding-left: 200px;
    position: relative;
}
.container_content::after{
    content: "";
    position: absolute;
    top:0;
    left:140px;
    height:90%;
    border-left:1px solid #f0f0f0;
}
.content_tab--wrapper section{
    display: none;
}
.content_tab--wrapper .active{
    display: block;
}

.content_tab{
    margin-bottom:35px;
}
.tab_span{
    font-size: 22px;
    font-weight: bold;
    color:#565656;
    line-height: 1;
    display: inline-block;
    vertical-align: baseline;
    padding-bottom:12px;
    position: relative;
    margin-right:50px;
}
.tab_span:not(.active){
    cursor:pointer;
}
.tab_span.active{
    color:#654fc8;
}
.tab_span.active::after{
    content:"";
    position: absolute;
    width:100%;
    left:0;
    bottom:0;
    border-bottom:3px solid #654fc8;
}
.container_content .content_tab--wrapper li{
    float:left;
    width:211px;
    text-align: center;
    margin-bottom:35px;
    position: relative;
}
.container_content .content_tab--wrapper li:not(:nth-of-type(4n+4)){
    margin-right:50px;
}
.content_tab--wrapper .img--wrapper{
    width:100%;
    height:156px;
    position: relative;
    overflow: hidden;
    padding:3px;
}
.content_tab--wrapper .img--wrapper img{
    position: absolute;
    width:100%;
    height:100%;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
}

.li_info{
    width:100%;
    font-size: 16px;
    line-height: 1.3;
    height:42px;
    color:#282828;
    margin:20px auto 34px;
}
.listNumber{
    position: absolute;
    width:100%;
    left:0;
    bottom:0;
}
.listNumber span{
    display: inline-block;
    vertical-align: baseline;
    font-size: 16px;
    width:24px;
    height:24px;
    line-height: 24px;
    color: #fff;
    background: #654fc8;
    border-radius: 100%;
}

@media (max-width: 640px) {
    .container{
        padding:4%;
        margin:5%;
    }
    .container_content .content_tab--wrapper li{
        width:100%;
    }
    .container_content{
        padding-left:0;
    }
    .ws-fix-head,.news--tab,.ws-fixed .ws-fixed-app:last-of-type,.container_content::after{
        display: none;
    }
    .content_tab--wrapper .img--wrapper{
        height:228px;
    }
    .banner{
        height: 130px;
        background: url(../images/chargingPileBanner.png) no-repeat center;
        background-size: cover;
    }
     body{
        padding-top:50px;
    }
    .header-sm{
        background: #000;
    }
    .header-sm .am-topbar-brand img {
        color: #fff;
        max-height: 20px;
        width: auto;
    }
    .header-sm .am-topbar-btn{
        background: transparent;
    }
    .header-sm .am-icon-bars{
        color: #fff;
    }
    .header-sm{
        position: fixed;
        width:100%;
        top:0;
        left:0;
        z-index: 10;
        color:#fff;
        text-align: center;
    }
    .am-nav>li>a:focus, .am-nav>li>a:hover {
        text-decoration: none;
        background-color: inherit;
    }
    .am-nav>li.am-active>a, .am-nav>li.am-active>a:focus, .am-nav>li.am-active>a:hover{
        background-color: #654fc8;
    }

}