.banner{
    background:url(/statics/images/webico/special/cqjc/banner.jpg) center top no-repeat;
    background-size:100%;
    height:500px;
    width:100%;
}
.item_title{
    font-size:2em;
    color:#cc5a38;
    text-align:center;
    font-weight:initial;
}
.what_cqjc{
    margin:2% 0 0 0;
}
.what_cqjc_layout{
    margin:2% 0 0 0;
    width:100%;
    display:table;
    padding:0;
    list-style:none;
}
.what_cqjc_layout li:first-child{
    float:left;
    width:35%;
}
.what_cqjc_layout li:last-child{
    float:right;
    width:60%;
    padding-top:6%;
    line-height:2.2em;
}
.yqjc_item{
    width:100%;
    margin:3% 0 0 0;
    padding:0;
    list-style:none;
    display:table;
}
.yqjc_item li{
    float:left;
    width:24.8%;
    border-top:1px solid #bfbfbf;
    border-bottom:1px solid #bfbfbf;
    border-left:1px solid #bfbfbf;
    text-align:center;
    padding:2% 0;
    font-size:1.3em;
    cursor:pointer;
}
.yqjc_item li span{
    color:#cc5a38;
    font-size:1em;
}
.yqjc_item li:last-child{
    border-right:1px solid #bfbfbf;
}
.yqjcitem_content{
    width:100%;
    margin:3% 0 0 0;
    border:0px;
    display:none;
    height:271px;
    border-spacing:0;
    border-collapse:separate;
    background-color:#fff6f3;
}
.yqjcitem_content td:first-child{
    float:left;
    width:50%;
    padding:7% 7.5% 0 7.5%;
}
.yqjcitem_content td:first-child h2{
    font-size:1.3em;
}
.yqjcitem_content td:first-child p{
    margin-top:2%;
}
.yqjcitem_content td:last-child{
    float:left;
    width:35%;
}
.activate{
    display:block !important;
}
.selection{
    background-color:#cc5a38;
    color:#fff;
}
.selection span{
    color:#fff !important;
}
h3{
    font-size:1em;
    margin-top:1%;
    text-align:center;
}
.cqjc_plan_left{
    width:45%;
    float:left;
    margin-top:3%;
}
.cqjc_plan_right{
    width:50%;
    float:right;
    margin-top:3%;
}
.cqjc_plan_nav{
    list-style:none;
    width:100%;
    margin:0;
    padding:0;
    display:table;
}
.cqjc_plan_nav li{
    float:left;
    background-color:#cc5a38;
    color:#fff;
    text-align:center;
    margin:1% 0 0 1%;
    padding:1% 0;
    width:32.66666666666%;
    cursor:pointer;
}
.cqjc_plan_nav li:first-child,.cqjc_plan_nav li:nth-child(4),.cqjc_plan_nav li:nth-child(7),.cqjc_plan_nav li:nth-child(10),.cqjc_plan_nav li:nth-child(7),.cqjc_plan_nav li:nth-child(13){
    margin-left:0;
}
.cqjcplan_content{
    display:none;
}
.cqjcplan_content table{
    border:1px solid #937f78;
    border-spacing:0;
    border-collapse:separate;
    margin:1% 0 0 0;
    width: 100%;
}
.cqjcplan_content table th{
    padding:3% 0;
    text-align:center;
}
.cqjcplan_content table th:first-child{
    width:20%;
    border-right:1px solid #937f78;
}
.cqjcplan_content table th:last-child{
    width:80%;
}
.cqjcplan_content table td{
    padding:3% 0;
    text-align:center;
    border-top:1px solid #937f78;
}
.cqjcplan_content table td:first-child{
    width:20%;
    border-right:1px solid #937f78;
}
.cqjcplan_content table td:last-child{
    padding:4% 8%;
    width:80%;
}
.plan_selection{
    background-color:#992a11 !important;
}
.clear_float{
    clear:both;
}
.cqjcplan_tips{
    margin:3% 0 0 0;
    text-align:center;
    color:#cc5a38;
}
.zhixun{
    display:table;
    background-color:#992a11;
    text-align:center;
    color:#fff;
    border-radius:40px;
    padding:8px 100px;
    margin:1% auto;
}
.advantage{
    width:100%;
    display:table;
    list-style:none;
    margin:3% 0 0 0;
    padding:0;
}
.advantage li{
    width:50%;
    float:left;
    height:360px;
}
.advantage li h2{
    font-size:1.3em;
    padding:20% 0 0 8%;
}
.advantage li h3{
    font-size:1.3em;
    padding:20% 8% 0 0;
    text-align:right;
}
.advantage li p{
    padding:2% 8% 0 8%;
}
.doctor_layout{
    margin:3% 0 0 0;
    display:none;
}
.doctor_image{
    width:34%;
    float:left;
}
.doctor_content_layout{
    width:66%;
    float:left;
    background-color:#fff;
    height:450px;
}
.doctor_info_layout{
    padding:8% 8%;
}
.doctor_name{
    display:table;
    width:100%;
    margin:0;
    padding:0;
    list-style:none;
}
.doctor_name li:first-child{
    float:left;
    font-weight:bold;
    font-size:1.5em;
}
.doctor_name li:last-child{
    margin-left:4%;
    padding-left:8px;
    border-left:1px solid #7e7d7d;
    float:left;
}
.doctor_synopsis{
    margin-top:5%;
}
hr{
    margin:4% 0;
    border:2px solid #b5afad;
}
.doctor_good span{
    color:#cc5a38;
    font-weight:bold;
    font-size:1.2em;
}
.doctor_navigation{
    display:table;
    padding:0;
    margin:2% 0 0 0;
    list-style:none;
    width:100%;
}
.doctor_navigation li{
    float:left;
    margin-left:2%;
    width:15%;
    background-color:#c9c7c7;
    padding:10px 0;
    text-align:center;
    color:#3e3b3b;
    cursor:pointer;
}
.doctor_navigation li:first-child{
    margin-left:0;
}
.doctor_navigation li b{
    font-size:1.3em;
}
.select{
    background-color:#ca5329 !important;
    color:#fff  !important;
}



@media screen and (min-device-width:371px) and (max-device-width: 420px) {
    body{
        line-height:1.5em;
    }
    .banner{
        background:url(/statics/images/webico/special/cqjc/m_banner.jpg) center top no-repeat;
        height:260px;
        background-size: 100%;
    }
    .item_title{
        font-size:1.3em;
    }
    .what_cqjc_layout li:first-child{
        float:left;
        width:100%;
    }
    .what_cqjc_layout li:last-child{
        float:right;
        width:100%;
        padding-top:2%;
        line-height:1.5em;
    }
    .yqjc_item li{
        width:24.6%;
        font-size:1.1em;
    }
    .yqjc_item li span{
        color:#cc5a38;
        font-size:0.8em;
    }
    .yqjcitem_content{
        height:initial;
    }
    .yqjcitem_content td:first-child{
        width:90%;
        padding:2% 5%;
    }
    .yqjcitem_content td:last-child{
        width:90%;
        padding:0 5% 2% 5%;
    }
    .cqjc_plan_left{
        width:100%;
    }
    .cqjc_plan_right{
        width:100%;
    }
    .cqjcplan_content table th:first-child{
        width:25%;
    }
    .cqjcplan_content table th:last-child{
        width:75%;
    }
    .cqjcplan_content table td:first-child{
        width:25%;
    }
    .cqjcplan_content table td:last-child{
        padding:5% 5%;
        width:75%;
    }
    .advantage li{
        width:100%;
        margin-top:2%;
        height:initial;
    }
    .advantage li h2{
        font-size:1.1em;
        padding:0;
    }
    .advantage li h3{
        font-size:1.1em;
        padding:0;
    }
    .advantage li p{
        padding:1% 0;
    }
    .doctor_content_layout{
        width:100%;
        height:initial;
    }
    .doctor_image{
        width:100%;
    }
    .doctor_navigation li{
        width:19.2%;
        margin:1% 0 0 1%;
    }
    .doctor_navigation li span{
        display:none;
    }
    .doctor_navigation li b{
        font-size:1em;
    }
    .doctor_navigation li:nth-child(6){
        margin-left:0;
    }
}
@media screen and (min-device-width:320px) and (max-device-width: 370px) {
    body{
        line-height:1.5em;
    }
    .banner{
        background:url(/statics/images/webico/special/cqjc/m_banner.jpg) center top no-repeat;
        height:230px;
        background-size: 100%;
    }
    .item_title{
        font-size:1.3em;
    }
    .what_cqjc_layout li:first-child{
        float:left;
        width:100%;
    }
    .what_cqjc_layout li:last-child{
        float:right;
        width:100%;
        padding-top:2%;
        line-height:1.5em;
    }
    .yqjc_item li{
        width:24.5%;
        font-size:1em;
    }
    .yqjc_item li span{
        font-size:0.6em;
    }
    .yqjcitem_content{
        height:initial;
    }
    .yqjcitem_content td:first-child{
        width:90%;
        padding:2% 5%;
    }
    .yqjcitem_content td:last-child{
        width:90%;
        padding:0 5% 2% 5%;
    }
    .cqjc_plan_left{
        width:100%;
    }
    .cqjc_plan_right{
        width:100%;
    }
    .cqjcplan_content table th:first-child{
        width:25%;
    }
    .cqjcplan_content table th:last-child{
        width:75%;
    }
    .cqjcplan_content table td:first-child{
        width:25%;
    }
    .cqjcplan_content table td:last-child{
        padding:5% 5%;
        width:75%;
    }
    .advantage li{
        width:100%;
        margin-top:2%;
        height:initial;
    }
    .advantage li h2{
        font-size:1.1em;
        padding:0;
    }
    .advantage li h3{
        font-size:1.1em;
        padding:0;
    }
    .advantage li p{
        padding:1% 0;
    }
     .doctor_content_layout{
        width:100%;
        height:initial;
    }
    .doctor_image{
        width:100%;
    }
    .doctor_navigation li{
        width:19.2%;
        margin:1% 0 0 1%;
    }
    .doctor_navigation li span{
        display:none;
    }
    .doctor_navigation li b{
        font-size:1em;
    }
    .doctor_navigation li:nth-child(6){
        margin-left:0;
    }
}