.banner{
    background:url(/statics/images/webico/special/ntjc/banner.jpg) center top no-repeat;
    background-size:100%;
    height:500px;
    width:100%;
}
.item_title{
    font-size:2em;
    color:#ca5329;
    text-align:center;
    font-weight:initial;
    margin-bottom:3%;
}

.zy_content_left{
    float:left;
    width:45%;
    display:table;
    margin-top: 5%;
    line-height: 2em;
}
.zy_content_right{
    float:right;
    width:45%;
    display:table;
}
.zuontjc_layout_left{
    margin-top:3%;
    float:left;
    width:45%;
}
.zuontjc_layout_right{
    margin-top:6.5%;
    float:right;
    width:50%;
}


.expert_layout{
    background-color:#fdf4f0;
    margin-top:2%;
    display:table;
}
.expert_image{
    width:18%;
    float:left;
}
.expert_image1{
    width:18%;
    float:right;
}
.expert_info{
    width:60%;
    float:left;
    margin-left:5%;
    padding-top:1.5%;
}
.expert_info1{
    width:60%;
    float:right;
    margin-right:5%;
    padding-top:3%;
}
.expert_name{
    font-weight:bold;
    font-size:1.5em;
    color:#ca5329;
}
.expert_job{
    color:#ca5329;
}
.expert_sc{
    margin-top:1%;
}
.clear_float{
    clear:both;
}
.expert_js{
    
}
.online{
    background-color:#89c6e0;
    border-radius:20px;
    padding:5px 10%;
    color:#fff;
    display:table;
    margin:3% auto 0 auto;
}
.consult{
    background-color:#89c6e0;
    border-radius:20px;
    padding:5px 10%;
    color:#fff;
    display:table;
    margin:3% 0 0 0;
}
.clear_float{
    clear:both;
}
.yousi_layout{
    width:100%;
    border:0;
    border-spacing:0;
    border-collapse:separate;
    background-color:#d8e9eb;
}
.yousi_layout td{
    width:50%;
}
.yousi_layout td:last-child{
    padding:0 5%;
}
.yousi_layout td:last-child h2{
    color:#ca5329;
    font-size:1.3em;
    font-weight:initial;
}
.yousi_layout td:last-child p{
    margin-top:3%;
}
.yousi_layout1{
    width:100%;
    border:0;
    border-spacing:0;
    border-collapse:separate;
    margin-top:3%;
}
.yousi_layout1 td{
    width:33.3333333333%;
    border-right:1px dashed #8f6e64;
    padding:0 4%;
}
.yousi_layout1 td:last-child{
    border-right:0;
}
.yousi_layout1 td h2{
    color:#ca5329;
    font-weight:initial;
    font-size:1.3em;
    text-align:center;
}
.yousi_layout1 td p{
    margin-top:2%;
}

@media screen and (min-device-width:371px) and (max-device-width: 420px) {
    body{
        line-height:1.5em;
    }
    a{
        width:initial;
    }
    .content_modular{
        margin-top:4%;
    }
    .banner{
        background:url(/statics/images/webico/special/ntjc/m_banner.jpg) center top no-repeat;
        height:260px;
        background-size: 100%;
    }
    .item_title{
        font-size:1.3em;
    }
    
    .zy_content_left,.zy_content_right{
        width:100%;
    }
    .zy_content_left{
        line-height:1.5em;
        margin-top:0;
        margin-bottom:2%;
    }
    .zuontjc_layout_left,.zuontjc_layout_right{
        width:100%;
    }
    .zuontjc_layout_right{
        margin-top:2%;
    }
    .yousi_layout td:first-child{
        width:100%;
        float:left;
    }
    .yousi_layout td:last-child {
        padding:3%;
        float:left;
        width:94%;
    }
    .yousi_layout td:last-child h2{
        font-size:1.1em;
        font-weight:initial;
    }
    .yousi_layout td:last-child p{
        margin-top:2%;
    }
    .yousi_layout1{
        background-color:#d8e9eb;
        margin:0;
        padding-bottom:3%;
    }
    .yousi_layout1 td{
        width:94%;
        float:left;
        padding:2% 3% 0 3%;
        border-right:0;
    }
    .yousi_layout1 td h2{
        font-size:1.1em;
        text-align:left;
    }
    .yousi_layout1 td p{
        margin-top:0;
    }

    .expert_image{
        width:26%;
    }
    .expert_image1{
        width:26%;
        float:right;
    }
    .expert_info{
        width:68%;
        margin-left:3%;
        padding-top:1%;
    }
    .expert_info1{
        width:68%;
        margin-right:3%;
        padding-top:1%;
    }
    .expert_name{
        font-size:1.2em;
    }
    .expert_job{
        line-height:1.3em;
    }
    .expert_js{
        display:none;
    }
    .expert_sc{
        line-height:1.3em;
    }
    .consult{
        padding:3px 20px 5px 20px;
    }
    
}
@media screen and (min-device-width:320px) and (max-device-width: 370px) {
    body{
        line-height:1.5em;
    }
    a{
        width:initial;
    }
    .content_modular{
        margin-top:5%;
    }
    .banner{
        background:url(/statics/images/webico/special/ntjc/m_banner.jpg) center top no-repeat;
        height:230px;
        background-size: 100%;
    }
    .item_title{
        font-size:1.3em;
    }
    .zy_content_left,.zy_content_right{
        width:100%;
    }
    .zy_content_left{
        line-height:1.5em;
        margin-top:0;
        margin-bottom:2%;
    }
    .zuontjc_layout_left,.zuontjc_layout_right{
        width:100%;
    }
    .zuontjc_layout_right{
        margin-top:2%;
    }
    .yousi_layout td:first-child{
        width:100%;
        float:left;
    }
    .yousi_layout td:last-child {
        padding:3%;
        float:left;
        width:94%;
    }
    .yousi_layout td:last-child h2{
        font-size:1.1em;
        font-weight:initial;
    }
    .yousi_layout td:last-child p{
        margin-top:2%;
    }
    .yousi_layout1{
        background-color:#d8e9eb;
        margin:0;
        padding-bottom:3%;
    }
    .yousi_layout1 td{
        width:94%;
        float:left;
        padding:2% 3% 0 3%;
        border-right:0;
    }
    .yousi_layout1 td h2{
        font-size:1.1em;
        text-align:left;
    }
    .yousi_layout1 td p{
        margin-top:0;
    }

    .expert_image{
        width:28%;
    }
    .expert_image1{
        width:28%;
        float:right;
    }
    .expert_info{
        width:66%;
        margin-left:3%;
        padding-top:1%;
    }
    .expert_info1{
        width:66%;
        float:right;
        margin-right:3%;
        padding-top:1%;
    }
    .expert_name{
        font-size:1.1em;
    }
    .expert_job{
        line-height:1.3em;
    }
    .expert_js{
        display:none;
    }
    .expert_sc{
        line-height:1.3em;
    }
    .consult{
        padding:3px 20px 5px 20px;
    }
}