.banner{
    background:url(/statics/images/webico/special/sdr/banner.jpg) center top no-repeat;
    background-size:100%;
    height:500px;
    width:100%;
}

.what_sdr_layout{
    background-image:url(/statics/images/webico/special/sdr/bg.jpg);
    background-size:100%;
    height:275px;
    padding:0 5%;
}
.what_sdr_layout h1{
    padding-top:7%;
}
h1{
    font-size:2em;
    color:#e67148;
    text-align:center;
    font-weight:initial;
}
.what_sdr_layout p{
    margin-top:2%;
}
.model_layout{
    width:100%;
    border-spacing:10px;
    border-collapse:separate;
    border:0;
    margin-top:3%;
}
.model_layout td{
    width:33.3333333333333%;
    border-radius:8px;
    background-color:#f8e8e3;
    vertical-align:middle;
    padding:2% 5%;
}
.model_layout h3{
    font-size:1em;
}
.model_layout p{
    margin-top:2%;
}
.online_zx{
    background-color:#ee737a;
    padding:5px 0;
    text-align:center;
    border-radius:30px;
    color:#fff;
}
.huanjing_layout{
    width:100%;
    margin:4% 0 0 0;
    display:table;
    list-style:none;
}
.huanjing_layout li:first-child{
    width:40%;
    float:left;
}
.huanjing_layout li:last-child{
    width:50%;
    float:right;
}
.huanjing_layout li p{
    margin-top:3%;
}
.tinian_js{
    margin-top:3%;
}
.tinian_layout{
    width:80%;
    background-color:#e67148;
    margin:2% auto 0 auto;
    padding:1%;
    display:table;
    border:0;
    border-spacing:0;
    border-collapse:separate;
}
.tinian_layout td{
    float:left;
    width:49.9%;
    color:#fff;
    border-bottom:1px solid #fff;
    vertical-align:middle;
    text-align:center;
    padding:4% 0;
}
.tinian_layout td:nth-child(even){
    border-left:1px solid #fff;
}
.expert_layout{
    margin:3% 0 0 0;
    list-style:none;
    width:100%;
    display:table;
    padding:0;
}
.expert_layout li{
    float:left;
    margin:3% 0 0 8%;
    width:46%;
}
.expert_layout li:nth-child(odd){
    margin-left:0;
}
.expert_name{
    color:#e67148;
    border:0;
    border-spacing:3px;
    border-collapse:separate;
    margin:4% auto 0 auto;
}
.expert_name td:first-child{
    font-size:2.1em;
}
.expert_name td:last-child{
    line-height:1.3em;
    text-align: left;
}
.expert_layout li p{
    margin-top:2%;
    clear:both;
    height: 112px;
}
.zhixun{
    width:40%;
    padding:5px 0;
    color:#fff;
    border-radius:20px;
    background-color:#ee737a;
    margin:2% auto 0 auto;
    text-align:center;
}

@media screen and (min-device-width:371px) and (max-device-width: 420px) {
    body{
        line-height:1.5em;
    }
    .content_modular{
        margin-top:5%;
    }
    .banner{
        background:url(/statics/images/webico/special/sdr/m_banner.jpg) center top no-repeat;
        height:260px;
        background-size: 100%;
    }
    .what_sdr_layout{
        background-image:url();
        height:initial;
        padding:0;
    }
    .what_sdr_layout h1{
        padding-top:0;
    }
    h1{
        font-size:1.4em;
    }
    .model_layout{
        border-spacing:5px;
    }
    .model_layout td{
        padding:2% 2%;
    }
    .model_layout h3{
        font-size:0.8em;
    }
    .model_layout p{
        margin-top:2%;
        line-height:1.5em;
    }
    .huanjing_layout li:first-child,.huanjing_layout li:last-child{
        width:100%;
    }
    .tinian_layout{
        width:100%;
    }
    .tinian_layout td{
        width:49.8%;
    }
    .expert_layout li{
        margin:3% 0 0 2%;
        width:49%;
    }
    .expert_layout li a img{
        width:70%;
    }
    .expert_name td:first-child{
        font-size:1.3em;
    }
    .expert_name td:last-child{
        line-height:1.3em;
        text-align: left;
    }
    .expert_layout li p{
        height:initial;
    }
    .zhixun {
        width:60%;
    }
}
@media screen and (min-device-width:320px) and (max-device-width: 370px) {
    body{
        line-height:1.5em;
    }
    .content_modular{
        margin-top:5%;
    }
    .banner{
        background:url(/statics/images/webico/special/sdr/m_banner.jpg) center top no-repeat;
        height:230px;
        background-size: 100%;
    }
    .what_sdr_layout{
        background-image:url();
        height:initial;
        padding:0;
    }
    .what_sdr_layout h1{
        padding-top:0;
    }
    h1{
        font-size:1.4em;
    }
    .model_layout{
        border-spacing:5px;
    }
    .model_layout td{
        padding:2% 2%;
    }
    .model_layout h3{
        font-size:0.8em;
    }
    .model_layout p{
        margin-top:2%;
        line-height:1.5em;
    }
    .huanjing_layout li:first-child,.huanjing_layout li:last-child{
        width:100%;
    }
    .tinian_layout{
        width:100%;
    }
    .tinian_layout td{
        width:49.8%;
    }
    .expert_layout li{
        margin:3% 0 0 2%;
        width:49%;
    }
    .expert_layout li a img{
        width:70%;
    }
    
    .expert_name td:first-child{
        font-size:1.3em;
    }
    .expert_name td:last-child{
        line-height:1.3em;
        text-align: left;
    }
    .expert_layout li p{
        height:initial;
    }
    .zhixun {
        width:60%;
    }
}