.banner{
    background:url(/statics/images/webico/special/yesl/banner.jpg) center top no-repeat;
    background-size:100%;
    height:500px;
    width:100%;
}
.item_title{
    font-size:2em;
    color:#ca5329;
    text-align:center;
}
.describe{
    margin-top:3%;
}
.shuiliao{
    width:100%;
    display:table;
    margin:3% 0 0 0;
    padding:0;
    list-style:none;
}
.shuiliao li:first-child{
    float:left;
    width:45%;
}
.shuiliao li:last-child{
    float:right;
    width:50%;
    margin-top:6%;
    line-height:2em;
}
.describe{
    margin-top:2%;
}
.benefit{
    border:0;
    border-spacing:8px;
    border-collapse:separate;
}
.benefit td{
    width:50%;
    padding:3% 5%;
    background-color:#f7f2f1;
    vertical-align:top;
}
.benefit td h2{
    color:#ca5329;
    font-weight:initial;
    text-align:center;
    font-size:1.3em;
}
.benefit td p{
    margin-top:3%;
}
.unsuitable{
    width:100%;
    display:table;
    margin:3% 0 0 0;
    padding:0;
    list-style:none;
}
.unsuitable li:first-child{
    float:left;
    width:45%;
}
.unsuitable li:last-child{
    float:right;
    width:50%;
    margin-top:4%;
    line-height:2.1em;
}
.knowledge{
    border:0;
    border-spacing:0px;
    border-collapse:separate;
    margin-top:3%;
}
.knowledge td{
    width:33.333333333333%;
    background-color:#d05329;
    padding:2% 3%;
    vertical-align:top;
}
.knowledge td:nth-child(2){
    background-color:#b38d82;
}
.knowledge td h2{
    color:#fff;
    font-weight:initial;
    font-size:1.3em;
    text-align:center;
}
.knowledge td p{
    color:#fff;
    margin-top:3%;
}
.touch{
    border:0;
    border-spacing:5px;
    border-collapse:separate;
    margin-top:1%;
}
.touch td{
    color:#fff;
    background-color:#b38d82;
    width:25%;
    padding:2% 4%;
    vertical-align:top;
}
.team{
    width:100%;
    display:table;
    margin:3% 0 0 0;
    padding:0;
    list-style:none;
}
.team li:first-child{
    float:left;
    width:45%;
}
.team li:last-child{
    float:right;
    width:50%;
   
    line-height:2.1em;
}

@media screen and (min-device-width:371px) and (max-device-width: 420px) {
    body{
        line-height:1.5em;
    }
    .content_modular{
        margin-top:4%;
    }
    .banner{
        background:url(/statics/images/webico/special/yesl/m_banner.jpg) center top no-repeat;
        height:260px;
        background-size: 100%;
    }
    .item_title{
        font-size:1.3em;
    }
    .shuiliao li:first-child{
        width:100%;
    }
    .shuiliao li:last-child{
        width:100%;
        margin-top:2%;
        line-height:1.5em;
    }
    .benefit{
        border-spacing:5px;
    }
    .benefit td{
        padding:2% 3%;
    }
    .benefit td h2{
        font-size:1.1em;
    }
    .unsuitable li:first-child{
        width:100%;
    }
    .unsuitable li:last-child{
        width:100%;
        margin-top:2%;
        line-height:1.5em;
    }
    .knowledge td{
        width:94%;
        float:left;
    }
    .knowledge td h2{
        font-size:1.1em;
    }
    .touch td{
        padding:2%;
    }
    .team li:first-child{
        width:100%;
    }
    .team li:last-child{
        width:100%;
        margin-top:2%;
        line-height:1.5em;
    }
    
}
@media screen and (min-device-width:320px) and (max-device-width: 370px) {
    body{
        line-height:1.5em;
    }
    .content_modular{
        margin-top:4%;
    }
    .banner{
        background:url(/statics/images/webico/special/yesl/m_banner.jpg) center top no-repeat;
        height:230px;
        background-size: 100%;
    }
    .item_title{
        font-size:1.3em;
    }
    .shuiliao li:first-child{
        width:100%;
    }
    .shuiliao li:last-child{
        width:100%;
        margin-top:2%;
        line-height:1.5em;
    }
    .benefit td{
        padding:2% 3%;
    }
    .benefit{
        border-spacing:5px;
    }
    .benefit td h2{
        font-size:1.1em;
    }
    .unsuitable li:first-child{
        width:100%;
    }
    .unsuitable li:last-child{
        width:100%;
        margin-top:2%;
        line-height:1.5em;
    }
    .knowledge td{
        width:94%;
        float:left;
    }
    .knowledge td h2{
        font-size:1.1em;
    }
    .touch td{
        padding:2%;
    }
    .team li:first-child{
        width:100%;
    }
    .team li:last-child{
        width:100%;
        margin-top:2%;
        line-height:1.5em;
    }
}