.banner{
    background:url(/statics/images/webico/ckzx/banner.jpg) center top no-repeat;
    background-size:100%;
    height:500px;
    width:100%;
}
.synopsis_image{
    width:45%;
    float:left;
    padding:10px;
    border:1px solid #de7d60;
}
.synopsis_layout{
    width:49.5%;
    float:right;
}
.synopsis_content {
    margin-top: 3%;
}
.synopsis_title{
    color:#de7d60;
    font-size:1.8em;
    line-height:0.7em;
    margin-top:2%;
    font-weight:bold;
}
.synopsis_title span {
    color: #de7d60;
    font-size: 0.5em;
    margin-left: 3px;
}


.i_layout {
    width: 24.25%;
    float: left;
    margin: 1% 0 0 1%;
    height: 200px;
}

.i_h {
    height: 410px;
}

.i_layout2 {
    width: 49.5%;
    float: left;
    margin: 1% 0 0 1%;
    height: 200px;
}

.i_m {
    margin-left: 0;
}

.i_s1 {
    background-color: #de7d60;
}

.i_s2 {
    background-color: #fbb59f;
}

.i_s3 {
    background-color: #fdf7e9;
}

.i_t_l {
    position: relative;
    margin: -125px 0 0 20px;
    padding-right: 20px;
    text-align: left;
}

    .i_t_l b, .i_t_l2 b {
        font-size: 1.3em;
    }

.i_t_l2 {
    position: relative;
    margin: 70px 0 0 20px;
    color: #fff;
    padding-right: 20px;
    text-align: left;
}
.i_zts_w {
    color: #fff;
}

.i_zts_h {
    color: #de7d60;
}







.title_layout{
    width:100%;
    padding-bottom:5px;
    border-bottom:2px solid #f4f2f2;
    display:table;
}
.title_layout1{
    width:100%;
    display:table;
}
.title_word{
    float:left;
    color:#de7d60;
    font-size:2em;
    line-height:0.7em;
    font-weight:bold;
}
.title_word span{
    font-size:0.5em;
    margin-left:3px;
}

.more{
    border:1px solid #bdbab9;
    display:table;
    float:right;
    padding:0px 10px;
    border-radius:8px;
}
.more a{
    width:100%;
}

.sy_con2_c { width:100%;margin-top:2%;}
.warpper {width:1200px;margin:0 auto;}
.doctorteam{display:block;}
.sy_con2_c .ul{width:1200px;margin:0 auto 0;overflow:hidden;height:430px;position:relative;}
.sy_con2_c .ul .child{width:10000px;position:absolute;left:0;top:2%;}
.sy_con2_c .ul .child .div{float:left;width:300px;height:430px;overflow:hidden;position:relative;cursor:pointer;}
.sy_con2_c .ul .child .div img{width:296px;height:430px;}
.sy_con2_c .ul .child .div img:hover{background-color:#fff; opacity:0.7;}
.sy_con2_c .ul .child .div a { float:left;width:296px;height:430px;}
.sy_con2_c .ul .prev{background:url(/statics/images/webico/prev01.png) center center no-repeat;width:46px;height:83px;position:absolute;left:0;top:50%;margin-top:-41.5px;z-index:3;}
.sy_con2_c .ul .next{background:url(/statics/images/webico/next01.png) center center no-repeat;width:46px;height:83px;position:absolute;right:0;top:50%;margin-top:-41.5px;z-index:3;}
.sy_con2_c .text{width:100%;margin:1% auto;}
.sy_con2_c .text h3{font-size:1em;font-weight:initial;}
.sy_con2_c .text h3 span{font-size:1.5em; font-weight:bold;color:#de7d60;padding-right:10px;}
.sy_con2_c .text hr{width:100%;margin:10px 0;border:1px solid #ebe8e8;}
.sy_con2_c .text .inner{margin:2% 0;}
.expert_name{
    float:left;
}
.expert_job{
    float:left;
    margin:3px 0 0 20px;
}
.expert_zx{
    color:#de7d60;
    border:1px solid #de7d60;
    border-radius:5px;
    float:right;
    display:table;
}
.expert_zx a{
    padding:5px 10px;
    color:#de7d60;
}
.clear_float{
    clear:both;
}
.pc_expert{display:block;}
.mobile_expert{
    display:none;
}
.advantage_navigation{
    list-style:none;
    margin:0;
    padding:0;
    display: table;
    float:right;
}
.advantage_navigation li{
    float:left;
    padding:5px 10px;
    border:1px solid #cec8c8;
    cursor:pointer;
    text-align:center;
    margin-left:5px;
    border-radius:10px;
}
.advantage_navigation li:first-child{
    margin-left:0;
}
.selection{
    color:#fff;
    background-color:#de7d60;
    border:1px solid #de7d60;
}
.advantage_content_layout{
    margin-top:3%;
}
.advantage_content{
    width:100%;
    border:0px;
    display:none;
    border-spacing:0;
    border-collapse:separate;

}
.activate{
    display:block;
}
.advantage_content td {
    margin: 0;
    padding: 0;
    width: 60%;
    background-color: #fef3ed;
}
.advantage_content td:first-child{
    width:40%;
}
.advantage_content td h1{
    font-weight:initial;
    font-size:1.6em;
    color:#de7d60;
    text-align:center;
}
.advantage_content td p {
    margin-top: 4%;
    padding: 0 50px;
    line-height:1.5em;
}

.knowledge_layout {
    margin-top: 3%;
}
.knowledge_list{
    list-style:none;
    margin:0;
    padding:0;
}
.knowledge_list li {
    width:22.75%;
    margin-left:2.7%;
    float:left;
    border:1px solid #f4f2f2;
    border-radius:10px;
}
.knowledge_list li:hover{
    -moz-box-shadow:-2px 3px 15px #f0f0f0; 
    -webkit-box-shadow:-2px 3px 15px #f0f0f0; 
    box-shadow:-2px 3px 15px #f0f0f0;
}
.knowledge_list li a{
    width:90%;
    margin:5% auto;
    display:table;
}
.knowledge_list li a img{
    margin:2% 0;
    width:100%;
}
.knowledge_list li:first-child{
    margin-left:0;
}
.article_title{
    font-weight:bold;
    font-size:1.2em;
    height:28px;
    overflow:hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.article_abstract {
    margin-top: 1%;
    height: 56px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.article_abstract a{
    border:1px solid #de7d60;
    padding:0 20px;
    color:#b45032;
    float:right;
    line-height:1.5em;
}

.package_layout{
    padding:3% 0;
    margin-top:2%;
    border-spacing:0;
    border-collapse:separate;
    width:100%;
}
.package_layout td{
    vertical-align:middle;
}
.package_layout td:first-child{
    width:40%;
    padding:0 8% 0 0;
}
.package_layout td:last-child{
    width:60%;
    padding:0 0 0 0;
}
.pl_ul{
    list-style:none;
    margin:0;
    padding:0;
}
.pl_ul li{
    width:100%;
    border:1px solid #de7d60;
    line-height:50px;
    text-align:center;
    margin-top:4%;
    border-radius:10px;
}
.pl_ul li a{
    color:#b45032;
    width:100%;
    display: table;
}
.pl_ul li a:hover{
    background-color:#de7d60;
    color:#fff;
}
.package_title{
    text-align:center;
    font-weight:bold;
    font-size:1.3em;
}
.package_expert_image{
    margin:2% 0;
}

@media screen and (min-device-width:371px) and (max-device-width: 420px) {
 	.banner{
        background:url(/statics/images/webico/ckzx/m_banner.jpg) center top no-repeat;
        height:260px;
        background-size: 100%;
    }
   
    .synopsis_layout{
        width:100%;
    }
    .synopsis_image {
        width: 100%;
        padding: 0;
    }

    .synopsis_image img {
        padding: 10px;
        max-width: 95%;
    }
    .synopsis_title{
        font-size:1.3em;
        margin-top:3%;
    }

    .i_layout {
        height: 66px;
    }

    .i_h {
        height: 135px;
    }

    .i_layout2 {
        height: 66px;
    }

    .i_t_l {
        margin: -50px 0 0 5px;
        padding-right: 5px;
        height: 42px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

        .i_t_l b, .i_t_l2 b {
            font-size: 1.2em;
        }

    .i_t_l2 {
        margin: 50px 0 0 5px;
        padding-right: 5px;
    }

    .i_t_l2 {
        margin: 10px 0 0 5px;
        height: 42px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }
   



    
    
    .title_word{
        font-size:1.3em;
        line-height:initial;
    }
    
    .pc_expert{display:none;}
    .mobile_expert{
        display:block;
    }
    .mobile_expert_visual{
	    height: 365px;
	    overflow: hidden;
	    position: relative;
        margin-top:4%;
    }
    .mobile_main_image{
	    height: 365px;
	    overflow: hidden;
	    position: relative;
    }
    .mobile_main_image ul{
	    width: 100%;
	    height: 365px;
	    overflow: hidden;
	    position: absolute;
	    top: 0;
	    left: 0
    }
    .mobile_main_image li{
	    float: left;
	    width: 100%;
	    height: 365px;
    }
    .mobile_flicking_con {
	    text-align: center;
        display: table;
        margin-left: auto;
        margin-right: auto;
        margin-top:-5%;
    }
    .mobile_bannan a{
	    margin-left: 3px;
        margin-right: 3px;
        width: 15px;
        height: 15px;
        border-radius: 10px;
        background-color: #de7d60;
        display: inline;
        position: relative;
        float: left;
    }
    .mobile_bannan a.on{
	    background-color:#b45032;
    }
    #btn_prev_mobile, #btn_next_mobile{
	    z-index: 11111;
	    position: absolute;
	    display: block;
	    width: 30px;
	    height:50px;
	    top: 50%;
	    margin-top: -37px;
    }
    #btn_prev_mobile{
	    background: url(../../images/webico/fj_left_m.png) no-repeat left top;
	    left: 3%;
    }
    #btn_next_mobile {
	    background: url(../../images/webico/fj_right_m.png) no-repeat right top;
	    right: 3%;
    }
    .mobile_expert_layout{
        width:49%;
        float:left;
        background-color:#ebe8e8;
    }
    .mobile_expert_space{
        margin-left:2%;
    }
    .mobile_expert_name{
        text-align:center;
        margin-top:2%;
        font-weight:bold;
        font-size:1.1em;
    }
    .mobile_expert_title{
        text-align:center;
        padding-bottom:2%;
    }
    .advantage_navigation{
        margin:3% 0 0 0;
        float:right;
        width: 100%;
    }
    .advantage_navigation li{
        float: left;
        width: 25%;
        padding:0 0 3px 0;
        text-align: center;
        border:0;
        margin-left:0;
    }
    .advantage_navigation li:first-child{
        margin-left:0;
    }
    .selection {
        color: #de7d60;
        font-weight:bold;
        background-color:initial;
        border-radius:0 !important;
    }
    .advantage_content td {
        width: 100% !important;
        float: left;
        padding: 10px;
    }
    .advantage_content td h1 {
        font-size: 1.3em;
    }

    .advantage_content td p {
        padding: 0 10px;
    }
    
    .pl_ul li{
        line-height: 30px;
        border-radius: 5px;
    }
    .knowledge_list li {
        width:48.5%;
        margin:1.8% 0 0 1.8%;
    }
    .knowledge_list li:nth-child(3) {
        margin-left: 0;
    }
    .article_title{
        font-size:1.1em;
        height:22px;
    }
    .article_abstract {
        margin-top: 1%;
        height: 66px;
        -webkit-line-clamp: 3;
    }
}
@media screen and (min-device-width:320px) and (max-device-width: 370px) {
.banner{
        background:url(/statics/images/webico/ckzx/m_banner.jpg) center top no-repeat;
        height:230px;
        background-size: 100%;
    }
    .synopsis_layout{
        width:100%;
    }
    .synopsis_image {
        width: 100%;
        padding:0;
    }
    .synopsis_image img {
        padding: 10px;
        max-width: 95%;
    }
    .synopsis_title {
        font-size: 1.3em;
        margin-top: 3%;
    }

    .i_layout {
        height: 51px;
    }

    .i_h {
        height: 104px;
    }

    .i_layout2 {
        height: 51px;
    }

    .i_t_l {
        margin: -45px 0 0 5px;
        padding-right: 5px;
        height: 42px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

        .i_t_l b, .i_t_l2 b {
            font-size: 1.2em;
        }

    .i_t_l2 {
        margin: 5px 0 0 5px;
        padding-right: 5px;
        height: 42px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }






   
    .title_word{
        font-size:1.3em;
        line-height:initial;
    }
    .pc_expert{display:none;}
    .mobile_expert{
        display:block;
    }
    .mobile_expert_visual{
	    height: 300px;
	    overflow: hidden;
	    position: relative;
        margin-top:4%;
    }
    .mobile_main_image{
	    height: 300px;
	    overflow: hidden;
	    position: relative;
    }
    .mobile_main_image ul{
	    width: 100%;
	    height: 300px;
	    overflow: hidden;
	    position: absolute;
	    top: 0;
	    left: 0
    }
    .mobile_main_image li{
	    float: left;
	    width: 100%;
	    height: 300px;
    }
    .mobile_flicking_con {
	    text-align: center;
        display: table;
        margin-left: auto;
        margin-right: auto;
        margin-top:-5%;
    }
    .mobile_bannan a{
	    margin-left: 3px;
        margin-right: 3px;
        width: 10px;
        height: 10px;
        border-radius: 10px;
        background-color: #de7d60;
        display: inline;
        position: relative;
        float: left;
    }
    .mobile_bannan a.on{
	    background-color:#b45032;
    }
    #btn_prev_mobile, #btn_next_mobile{
	    z-index: 11111;
	    position: absolute;
	    display: block;
	    width: 30px;
	    height:50px;
	    top: 50%;
	    margin-top: -37px;
	    
    }
    #btn_prev_mobile{
	    background: url(../../images/webico/fj_left_m.png) no-repeat left top;
	    left: 3%;
    }
    #btn_next_mobile {
	    background: url(../../images/webico/fj_right_m.png) no-repeat right top;
	    right: 3%;
    }
    .mobile_expert_layout{
        width:49%;
        float:left;
        background-color:#ebe8e8;
    }
    .mobile_expert_space{
        margin-left:2%;
    }
    .mobile_expert_name{
        text-align:center;
        margin-top:2%;
        font-weight:bold;
        font-size:1.1em;
    }
    .mobile_expert_title{
        text-align:center;
        padding-bottom:2%;
    }
    .advantage_navigation{
        margin:3% 0 0 0;
        float:right;
        width: 100%;
    }
    .advantage_navigation li{
        float: left;
        width: 25%;
        padding:0 0 3px 0;
        text-align: center;
        border:0;
        margin-left:0;
    }
    .advantage_navigation li:first-child{
        margin-left:0;
    }
    .selection {
        color: #de7d60;
        font-weight:bold;
        background-color:initial;
        border-radius:0 !important;
    }
    .advantage_content td {
        width: 100% !important;
        float: left;
        padding: 10px;
    }
    .advantage_content td h1 {
        font-size: 1.3em;
    }

    .advantage_content td p {
        padding: 0 10px;
    }
    
    .pl_ul li{
        line-height: 30px;
        border-radius: 5px;
    }
    .knowledge_list li {
        width:48.5%;
        margin:1.7% 0 0 1.7%;
    }
    .knowledge_list li:nth-child(3) {
        margin-left: 0;
    }
    .article_title{
        font-size:1.1em;
        height:20px;
    }
    .article_abstract {
        margin-top: 1%;
        height: 75px;
        -webkit-line-clamp: 3;
    }
}