.banner img{
    width: 100%;
    vertical-align: bottom;
}
.body{
    padding: 35px 0 20px 0;
}
.body-titless{
    font-size: 16px;
    color: #1e1e1e;
    margin: 20px 0;
}
.body-list{
    font-size: 14px;
    color: #1e1e1e;
}
.body-list p{
    margin-bottom: 15px;
}
.body-list i{
    display: inline-block;
    width: 30px;
}
.body-list span{
    vertical-align: middle;
}
.distribution-diagram{
    width: 100%;
    border: 1px dotted #9e9e9e;
    border-radius: 10px;
    margin-top: 40px;
    /*padding: 15px 25px;*/
}
.distribution-diagram img{
    width: 100%;
}
.text-box{
    background-image: url("../images/wzk.png");
    background-size: 100% 100%;
    font-size: 14px;
    line-height: 24px;
    color: #666666;
    margin-top: 30px;
    padding:30px;
}
@media screen and (max-width: 1200px){
    .banner{position: relative;overflow:hidden;}
    .banner img{
        position: relative;
        left: 50%;
        transform: translate3d(-50%, 0, 0);
        width: calc(1.6*100%);
    }
    .body-titles{
        margin: 0 0 30px 0;
    }
}
@media screen and (max-width:767px){
    .text-box{
        background-image: inherit;
        background-color: #f1f1f1;
    }
    .body{
        padding: 30px 0;
    }
}