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

.ksjst {
    width: 45%;
    float: left;
    border: 2px solid #de7d60;
    padding: 8px;
}

.ksjc_l {
    width: 48%;
    float: right;
}

.ksmc {
    font-size: 1.8em;
    color: #de7d60;
}

    .ksmc span {
        padding-left: 10px;
        font-size: 0.6em;
    }

    .ksmc span {
        padding-left: 10px;
        font-size: 0.6em;
    }

.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.6em;
        font-weight: initial;
    }

.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%;
    display: table;
}

.title_word {
    float: left;
    color: #de7d60;
    font-size: 2em;
    font-weight: bold;
}

    .title_word span {
        font-size: 0.5em;
        margin-left: 8px;
        font-weight:initial;
    }

.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: 15px;
    border-radius: 10px;
}

.advantage_navigation li:first-child {
    margin-left: 0;
}

.selection {
    color: #fff;
    background-color: #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%;
    height: 420px;
    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;
}

.sb_layout {
    list-style: none;
    width: 100%;
    margin: 0;
    padding: 0;
}

.sb_layout li {
    margin: 3% 0 0 3%;
    width: 31.333333333%;
    float: left;
}
.sb_layout li:hover{
    animation-name:sbyd;
    animation-duration:1s;
    font-weight:bold;
}
@keyframes sbyd{
    0% {
        opacity:0.1;
    }
    30% {
        opacity: 0.3;
    }
    50% {
        opacity: 0.5;
    }
    70% {
        opacity: 0.7;
    }
    100% {
        opacity: 1;
    }
}
.sb_layout li p {
    text-align: center;
    margin-top: 10px;
}

.sb_layout li:first-child, .sb_layout li:nth-child(4) {
    margin-left: 0;
}


.tc_i {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

    .tc_i li {
        width: 100%;
        margin-top: 8%;
        border: 1px solid #de7d60;
        line-height: 50px;
        border-radius: 8px;
        text-align: center;
    }

        .tc_i li a {
            width: 100%;
            line-height: 50px;
            display: table;
            border-radius: 5px;
        }

            .tc_i li a:hover {
                background-color: #de7d60;
                color: #fff;
            }

        .tc_i li:first-child {
            margin-top: 0;
        }

.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;
    }

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

    .ksjst {
        width: 100%;
        border: 0;
        padding: 0;
    }

    .ksjc_l {
        width: 100%;
        margin-top: 2%;
    }

    .ksmc {
        font-size: 1.3em;
    }

    .ksjc_c {
        margin-top: 2%;
        line-height: 1.5em;
    }

    .i_layout {
        height: 66px;
    }

    .i_h {
        height: 135px;
    }

    .i_layout2 {
        height: 66px;
    }

    .i_t_l {
        margin: -55px 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.1em;
        }

    .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: 3px 0;
        text-align: center;
        border: 0;
        margin-left: 0;
    }

    .advantage_navigation li:first-child {
        margin-left: 0;
    }

    .selection {
        font-weight: bold;
        border-radius: 5px !important;
    }

    .advantage_content td {
        width: 95% !important;
        float: left;
        height: initial;
        padding: 10px;
    }

    .advantage_content td h1 {
        font-size: 1.3em;
    }

    .advantage_content td p {
        padding: 0 10px;
    }
    .sb_layout li {
        width: 48.5%;
    }
    .sb_layout li:nth-child(odd){
        margin-left:0;
    }
    .sb_layout li:nth-child(4) {
        margin-left:3%;
    }


    .tc_i li {
        margin-top: 5%;
        line-height: 40px;
    }

    .tc_i li a {
        line-height: 40px;
    }

    .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/xsek/m_banner.jpg) center top no-repeat;
        height: 230px;
        background-size: 100%;
    }

    .ksjst {
        width: 100%;
        border: 0;
        padding: 0;
    }

    .ksjc_l {
        width: 100%;
        margin-top: 2%;
    }

    .ksmc {
        font-size: 1.3em;
    }

    .ksjc_c {
        margin-top: 2%;
        line-height: 1.5em;
    }

    .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: 1em;
    }

    .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: 3px 0;
        text-align: center;
        border: 0;
        margin-left: 0;
    }

    .advantage_navigation li:first-child {
        margin-left: 0;
    }

    .selection {
        font-weight: bold;
        border-radius: 5px !important;
    }

    .advantage_content td {
        width: 95% !important;
        float: left;
        height: initial;
        padding: 10px;
    }

    .advantage_content td h1 {
        font-size: 1.3em;
    }

    .advantage_content td p {
        padding: 0 10px;
    }
    .sb_layout li {
        width: 48.5%;
    }

    .sb_layout li:nth-child(odd) {
        margin-left: 0;
    }

    .sb_layout li:nth-child(4) {
        margin-left: 3%;
    }
   

    .tc_i li {
        margin-top: 5%;
        line-height: 40px;
    }

    .tc_i li a {
        line-height: 40px;
    }

    .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;
    }
}