@charset "utf-8";

/* CSS Document Edited by LiLu */
.owl-theme .owl-controls .owl-buttons div {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    filter: alpha(opacity=100);
    opacity: 1;
    margin: 0;
    padding: 0;
}

/*********************************index*******************************************************/
.index_focus,
.pc_focus,
.iphone_focus {
    height: 633px;
    /*! top: 100px; */
}

.index_focus {
    position: relative;
    visibility: hidden;
}

.pc_focus,
.iphone_focus {
    width: 100%;
    position: fixed;
    top: 100px;
    left: 0;
    z-index: 2;
}

.focus,
.focus .owl-wrapper-outer,
.focus .owl-wrapper,
.focus .owl-item,
.focus .item {
    width: 100%;
    height: 100%;
}

.focus .item {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #000;
    cursor: pointer;
}

.iphone_focus {
    display: none;
}

/* 
@-webkit-keyframes down {
    to {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
        filter:alpha(opacity=100); opacity:1;
    }
}
@keyframes down {
    to {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
        filter:alpha(opacity=100); opacity:1;
    }
} */
.focus .owl-controls {
    margin: 0;
}

.focus .owl-pagination {
    width: 100%;
    position: absolute;
    z-index: 1;
    bottom: 20px;
    text-align: center;
}

.focus .owl-controls .owl-page span {
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background: #fff;
}

.focus .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
    filter: alpha(opacity=100);
    opacity: 1;
}

.focus .owl-controls .owl-buttons div {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    filter: alpha(opacity=100);
    opacity: 1;
    margin: 0;
    padding: 0;
    font-size: 0;
    position: absolute;
    top: 50%;
    left: 3%;
    margin-top: -0.35rem;
    width: 0.4rem;
    height: 0.80rem;
    background: url("../images/arrow_jia01.png") center center no-repeat;
    background-size: contain;
}

.focus .owl-controls .owl-buttons div.owl-next {
    left: auto;
    right: 3%;
    background-image: url("../images/arrow_jia02.png");
}

.focus_down {
    position: absolute;
    bottom: 10%;
    left: 50%;
    margin-left: -65px;
    width: 130px;
    height: 67px;
    background: none;
    z-index: 10;
    display: none;
}

main {
    min-height: 500px;
    background: #fff;
    position: relative;
    z-index: 100;
}

/*====================index_con==============================*/




.a_line3 {
    width: 0;
    height: 2px;
    background: #00b0ec;
    bottom: 0;
    left: 50%;
    animation: 1s 0s ease-out forwards line2move;
    -webkit-animation: 1s 0s ease-out forwards line2move;
}

/*line1move*/
@keyframes line1move {
    0% {
        height: 0;
    }

    100% {
        height: 100%;
    }
}

@-webkit-keyframes line1move {
    0% {
        height: 0;
    }

    100% {
        height: 100%;
    }
}

/*line2move*/
@keyframes line2move {
    0% {
        left: 50%;
        width: 0;
    }

    100% {
        left: 0;
        width: 100%;
    }
}

@-webkit-keyframes line2move {
    0% {
        left: 50%;
        width: 0;
    }

    100% {
        left: 0;
        width: 100%;
    }
}



.news_more:hover span {
    filter: alpha(opacity=0);
    opacity: 0;
}

.news_more:hover:after {
    background-position: center center;
}

.news_des {
    display: block;
    line-height: 28px;
    height: 56px;
    overflow: hidden;
}

/*#news_scr .item:hover{ background-color: #00b0ec;}
#news_scr .item:hover .news_date{ color: #fff;}*/
#news_scr .item:hover {
    box-shadow: inset 0 0 20px -5px #aaa;
}

#news_scr .item.news_dif {
    background-color: #f2f2f2;
}

/*owl-buttons*/
#news_scr .owl-controls .owl-buttons div {
    width: 60px;
    height: 60px;
    text-indent: -9999px;
    position: absolute;
    top: 50%;
    left:-30px;
    margin-top: -30px;
    background: url("../images/arrow02_left.png") center center no-repeat;
}

#news_scr .owl-controls .owl-buttons div.owl-next {
    left: auto;
    right:-30px;
    background-image: url("../images/arrow02_right.png");
}

/*======expert=========*/
.expert {
    padding: 0.6rem 0;
}



#expert_scr .item {
    padding: 0 8px;
}

#expert_scr .item a {
    display: block;
    /* padding-bottom: 20px;*/
    text-align: center;
    font-size: 20px;
    color: #fff;
    position: relative;
}

.expert_img {
    overflow: hidden;
    position: relative;
}

.img_zhe {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    background: url("../images/expert_01.png") no-repeat;
    background-size: cover;
    display: none;
}

.expert_name {
    height: 40px;
    line-height: 40px;
    background: rgba(0, 176, 236, .70);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 20;
}

.expert_info {
    background: rgba(0, 176, 236, .70);
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 11;
    width: 100%;
    height: 100%;
    padding: 30px 15px;
    color: #fff;
    text-align: left;
    font-size: 14px;
    line-height: 2;
    filter: alpha(opacity=0);
    opacity: 0;
}

.expert_info h6 {
    line-height: 24px;
    font-size: 20px;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid rgba(255, 255, 255, .80);
}

.expert_info h6 span {
    float: right;
    font-size: 14px;
}

.expert_des {
    height: 224px;
    overflow: hidden;
}

.info_cell {
    border-bottom: 1px solid rgba(255, 255, 255, .80);
}

#expert_scr .item a:hover .expert_name {
    bottom: -100px;
}

#expert_scr .item a:hover .expert_info {
    filter: alpha(opacity=100);
    opacity: 1;
}

/*owl-buttons*/
#expert_scr .owl-controls .owl-buttons div {
    width: 80px;
    height: 44px;
    text-indent: -9999px;
    position: absolute;
    top: 50%;
    left: -30px;
    margin-top: -22px;
    background: rgba(0, 0, 0, .30);
}

#expert_scr .owl-controls .owl-buttons div:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("../images/arrow03_left.png") center center no-repeat;
}

#expert_scr .owl-controls .owl-buttons div.owl-next {
    left: auto;
    right: -30px;
}

#expert_scr .owl-controls .owl-buttons div.owl-next:before {
    background-image: url("../images/arrow03_right.png");
}

#expert_scr .owl-controls .owl-buttons div:hover {
    background: rgba(0, 0, 0, .50);
}

/*======outpatient=========*/
.outpatient {}

.o_left {
    padding: 0;
    float: left;
    position: relative;
}

.o_left:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    z-index: 0;
    width: 200%;
    height: 100%;
    background: #a0d8e5;
}

.o_l_area {
    position: relative;
    z-index: 10;
    height: 810px;
    padding: 40px 0 0;
    /* background: url("../images/outpatient_01.png") no-repeat center; */
}

.o_tit {
    line-height: normal;
    margin-bottom: 20px;
}

.o_tit a {
    color: #000;
    font-size: 30px;
}

.o_tit a i {
    display: block;
    text-transform: uppercase;
    color: #f9a330;
    font-size: 18px;
}

.o_tit a em {
    display: block;
    color: #f9a330;
    font-size: 32px;
}

.o_map {
    position: relative;
}

.o_list {}

.o_list li {
    background: url("../images/ico_17a.png") left center no-repeat;
    padding-left: 40px;
    line-height: 30px;
    font-weight: bold;
    cursor: pointer;
    position: absolute;
}

.o_list li span {
    display: inline-block;
    position: relative;
    left: 10px;
    filter: alpha(opacity=0);
    opacity: 0;
}

.o_list li:hover,
.o_list li.o_c_cur {
    background-image: url("../images/ico_17b.png");
}

.o_list li:hover span,
.o_list li.o_c_cur span {
    left: 0;
    filter: alpha(opacity=100);
    opacity: 1;
}

.o_list li.o_city1 {
    top: 50%;
    left: 50%;
    margin: -75px 0 0 35px;
}

.o_list li.o_city2 {
    top: 50%;
    left: 50%;
    margin: 44px 0 0 72px;
}

.o_list li.o_city3 {
    top: 50%;
    left: 50%;
    margin: 0px 0 0 18px;
}

.o_list li.o_city4 {
    bottom: 0;
    left: 50%;
    margin: 0 0 114px 20px;
}

.o_list li.o_city5 {
    bottom: 0;
    left: 50%;
    margin: 0 0 128px 58px;
}

.o_list li.o_city6 {
    bottom: 0;
    left: 50%;
    margin: 0 0 135px -15px;
}

.o_list li.o_city7 {
    left: 50%;
    top: 50%;
    margin: -15px 0 0 -30px;
}

.o_list li.o_city7 span {
    top: 0px;
    left: -85px;
}

.o_list li.o_city7:hover span {
    left: -75px;
}

.o_list li.o_city8 {
    top: 56%;
    left: 52%;
    margin: -85px 0 0 35px;
}

.o_list li.o_city9 {
    top: 65%;
    left: 37%;
    margin: -55px 0 0 87px;
}
.o_list li.o_city10 {
    top: 45%;
    left:62%;
    margin: -65px 0 0 20px;
}

/*o_right*/
.o_right {
    padding: 0;
}

.o_info {
    height: 378px;
    overflow: hidden;
}

.o_i_box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 378px;
}

.o_i_dis {
    filter: alpha(opacity=0);
    opacity: 0;
}

.o_i_bg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 980px;
    height: 378px;
    background-position: center top;
    background-size: cover;
    background-repeat: no-repeat;
}

.o_i_area {
    position: relative;
    z-index: 10;
    height: 100%;
    overflow: hidden;
    
}

.o_i_dis {
    height: 0;
    filter: alpha(opacity=0);
    opacity: 0;
    overflow-y: scroll;
}

.o_i_tit {
    width: 176px;
    text-align: center;
    line-height: 90px;
    background: #fff;
    float: left;
    margin: 98px 25px 0 -15px;
    font-size: 32px;
}

.o_i_tit a {
    display: inline-block;
    background: url("../images/arrow01_right3.png") left center no-repeat;
    background-size: 12px;
    padding-left: 25px;
}

.o_i_list {
    /* overflow: hidden; */
    height:100%;
    color: #fff;
    padding-top:0px;
    overflow-y: scroll;
}

.o_i_item {
    cursor: pointer;
    background: url("../images/ico_14a.png") left center no-repeat;
    padding-left: 30px;
    font-size: 18px;
    line-height: 48px;
    height: 48px;
    overflow: hidden;
    position: relative;
}

.o_i_item:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, .50);
}

.o_i_des {
    line-height: 2;
    overflow: hidden;
    display: none;
}

.des_txt {
    padding: 0px 10px 0px 30px;
    filter: alpha(opacity=70);
    opacity: 0.70;
}

.o_item_cur {
    background-image: url("../images/ico_15a.png");
}

.o_i_enter {
    display: inline-block;
    vertical-align: text-top;
    background-color: #00b0ec;
    color: #fff;
    line-height: normal;
    font-size: 12px;
    padding: 3px 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.o_i_enter:hover {
    background-color: #f9a330;
    color: #fff;
}

/*mode*/
.mode {
    margin-top: 40px;
    padding: 60px 0;
    position: relative;
}

.mode:before {
    content: "";
    position: absolute;
    top: 0;
    left: -50%;
    display: block;
    width: 200%;
    height: 100%;
    background: #f5f5f5;
}

.mode_list {
    position: relative;
}

.mode_list li {
    width: 20%;
    float: left;
    text-align: center;
    text-transform: uppercase;
    color: #000;
    font-size: 20px;
}

.mode_ico {
    display: block;
    position: relative;
    margin: 0 auto 20px;
    width: 170px;
    height: 170px;
    border: 1px solid #959595;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.mode_ico img {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
    margin: -33px 0 0 -33px;
}

.mode_list li.WeChat .mode_ico img {
    margin: -57px 0 0 -57px;
}

.mode_ico img.img_hover {
    filter: alpha(opacity=0);
    opacity: 0;
    top: 100%;
    left: 100%;
}

.mode_list li em {
    display: block;
    color: #666;
    font-size: 18px;
}

.mode_list li:hover,
.mode_list li:hover em {
    color: #00b0ec;
}

.mode_list li:hover .mode_ico {
    background-color: #00b0ec;
    border-color: #00b0ec;
}

.mode_list li:hover .mode_ico img {
    filter: alpha(opacity=0);
    opacity: 0;
}

.mode_list li.WeChat:hover .mode_ico img,
.mode_list li:hover .mode_ico img.img_hover {
    filter: alpha(opacity=100);
    opacity: 1;
    top: 50%;
    left: 50%;
}

/*banner*/
.banner_warp,
.banner {
    height: 6.02rem;
}

.banner_warp {
    position: relative;
    z-index: 0;
}

.banner {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    visibility: hidden;
}

.banner:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .30);
}

.sub_tit {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -0.50rem;
    z-index: 10;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
    font-size: 0.48rem;
    padding-bottom: 30px;
    background: url("../images/ico_07.png") center bottom no-repeat;
}

.sub_tit em {
    display: block;
    margin-top: 10px;
    font-weight: normal;
    font-family: arial, helvetica, sans-serif;
    font-size: 0.24rem;
}

/*sub_nav*/
.sub_nav {
    background: #00b0ec;
}

.s_nav_list {}

.s_nav_list li {
    width: 20%;
    float: left;
    text-align: center;
}

.s_nav_list li a {
    display: block;
    padding: 0 0.1rem;
    line-height: 54px;
    font-size: 0.16rem;
    color: #fff;
}

.s_nav_list li:hover,
.s_nav_list li.s_nav_cur {
    background-color: #a0d8e5;
}

.s_nav_list li:hover a,
.s_nav_list li.s_nav_cur a {
    color: #000;
}

/*intro*/
.intro {
    text-align: center;
}

.intro_info {
    padding: 0.8rem 0;
    background: #f9f9f9;
    position: relative;
}

.intro_deco {
    position: absolute;
    bottom: -38px;
    left: 50%;
    margin-left: -38px;
    z-index: 11;
}

.sec_tit2 {
    text-align: center;
    font-size: 0.3rem;
    padding-bottom: 0.25rem;
    position: relative;
    margin-bottom: 0.5rem;
}

.sec_tit2 em {
    display: block;
    margin-top: 0.1rem;
    font-weight: bold;
    font-family: Adobe Caslon Pro;
    color: #ccc;
}

.sec_tit2:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -77px;
    width: 154px;
    height: 2px;
    background: #e0e0e0;
}

.intro_data {
    padding: 30px 0;
}

.intro_data li {
    width: 25%;
    height: 300px;
    float: left;
    color: #999;
    font-size: 24px;
    position: relative;
}

.data_initial {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -70px;
}

.data_initial em,
.data_initial i {
    display: inline-block;
    vertical-align: baseline;
    color: #00b0ec;
    font-size: 30px;
    line-height: normal;
    margin-bottom: 10px;
}

.data_initial em {
    font-family: Georgia;
    font-weight: bold;
    font-size: 50px;
    margin-right: 10px;
    letter-spacing: -0.07em;
}

.data_hover {
    width: 100%;
    height: 100%;
    padding: 20px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-align: left;
    background: #00b0ec;
    color: #fff;
    font-size: 14px;
    line-height: 26px;
    opacity: 0;
}

.data_des {
    max-width: 248px;
    max-height: 260px;
    overflow: hidden;
    margin: 0 auto;
}

/*culture*/
.culture {
    background: #00b0ec;
}

.tit_dif2 {
    padding: 0;
}

.tit_dif2:before {
    display: none;
}

.tit_dif2,
.tit_dif2 em {
    color: #fff;
}

.culture .tit_dif2 {
    padding: 0.3rem 0;
    margin: 0;
}

.culture_list {}

.culture_list li {
    height: 3.36rem;
    overflow: hidden;
    padding: 0;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    text-align: center;
    position: relative;
}

.culture_list li a {
    display: table;
    width: 100%;
    height: 100%;
    padding: 20px;
}

.c_lines {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 15px;
}

.lines_area {
    position: relative;
    width: 100%;
    height: 100%;
}

.c_line1,
.c_line2,
.c_line3,
.c_line4 {
    font-size: 0;
    position: absolute;
    background: #fff;
    filter: alpha(opacity=0);
    opacity: 0;
}

.c_line1,
.c_line3 {
    width: 0;
    height: 1px;
}

.c_line1 {
    top: 0;
    left: -100%;
}

.c_line3 {
    bottom: 0;
    right: -100%;
}

.c_line2,
.c_line4 {
    width: 1px;
    height: 0;
}

.c_line2 {
    top: -100%;
    right: 0;
}

.c_line4 {
    bottom: -100%;
    left: 0;
}

.culture_cell {
    display: table-cell;
    vertical-align: middle;
    color: #fff;
}

.culture_item {
    text-transform: uppercase;
    font-size: 24px;
    position: relative;
}

.culture_item:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 2px;
    background: #fff;
}

.culture_item em,
.culture_item i {
    display: block;
}

.culture_item em {
    display: inline-block;
    max-width: 150px;
    margin: 0 auto;
    font-family: Georgia;
    color: #eabb2f;
}

.culture_item i {
    margin-top: 10px;
}

.item_des {
    position: relative;
    top: 200px;
    height: 0;
    overflow: hidden;
    filter: alpha(opacity=0);
    opacity: 0;
}

.culture_list li:hover a {
    color: #fff;
    background: rgba(0, 176, 236, .70);
}

.culture_list li:hover a .culture_item {
    padding-bottom: 46px;
}

.culture_list li:hover a .culture_item:before {
    width: 26px;
    margin-left: -13px;
}

.culture_list li:hover a .culture_item em {
    max-width: none;
    color: #fff;
}

.culture_list li:hover a .culture_item i {
    margin-top: -72px;
}

.culture_list li:hover a .item_des {
    top: 50px;
    height: auto;
    filter: alpha(opacity=100);
    opacity: 1;
}

.culture_list li:hover a .c_line1,
.culture_list li:hover a .c_line2,
.culture_list li:hover a .c_line3,
.culture_list li:hover a .c_line4 {
    filter: alpha(opacity=100);
    opacity: 1;
}

.culture_list li:hover a .c_line1 {
    width: 100%;
    left: 0;
}

.culture_list li:hover a .c_line2 {
    height: 100%;
    top: 0;
}

.culture_list li:hover a .c_line3 {
    width: 100%;
    right: 0;
}

.culture_list li:hover a .c_line4 {
    height: 100%;
    bottom: 0;
}

/*development*/
.development {
    padding: 0.6rem 0;
    background-size: cover;
}

.deve_slide {}

#deve_area .item {
    text-align: center;
}

.events_block {
    display: inline-block;
    width: 100%;
    max-width: 900px;
}

.events_year {
    display: block;
    width: 3.56rem;
    height: 1.30rem;
    line-height: 2.10rem;
    font-size: 1.40rem;
    float: left;
    margin-right: 0.30rem;
    text-align: center;
    overflow: hidden;
    font-weight: bold;
    background: #00b0ec;
    color: #fff;
    font-family: arial, helvetica, sans-serif;
}

/*events_scr*/
#deve_area {
    margin-bottom: 90px;
}

#deve_area .events_scr {
    width: auto;
    margin-left: 386px;
    font-size: 18px;
    color: #00b0ec;
    position: relative;
}

#deve_area .events_scr .item {
    text-align: left;
    min-height: 180px;
}

.events_month {
    font-size: 30px;
}

/*owl-buttons*/
#deve_area .owl-controls {
    margin: 0;
}

#deve_area .owl-buttons div {
    position: absolute;
    bottom: -165px;
    left: 0;
    z-index: 10;
    width: 44px;
    height: 44px;
    text-indent: -9999px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #00b0ec url("../images/arrow01_left.png") center center no-repeat;
    background-size: 10px;
}

#deve_area .owl-buttons div.owl-next {
    left: auto;
    right: 0;
    background-image: url("../images/arrow01_right.png");
}

#deve_area .events_scr .owl-buttons {
    position: absolute;
    top: 140px;
    left: -100px;
}

#deve_area .events_scr .owl-buttons div {
    position: inherit;
    position: initial;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    width: 32px;
    height: 32px;
    background: #bab9b9 url("../images/arrow01_left.png") center center no-repeat;
    background-size: 12px;
    margin: 0 2px;
}

#deve_area .events_scr .owl-buttons div.owl-next {
    background-image: url("../images/arrow01_right.png");
}

#deve_area .events_scr .owl-buttons div:hover {
    background-color: #00b0ec;
}

/*deve_tab*/
#deve_tab {
    padding: 0 84px;
}

#deve_tab:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -4px;
    width: 100%;
    height: 8px;
    background: #deddde;
}

#deve_tab .item {
    text-align: center;
    cursor: pointer;
}

#deve_tab .item span {
    display: block;
    position: relative;
    background: url("../images/deve_06a.png") center bottom no-repeat;
    padding-bottom: 69px;
    font-size: 22px;
}

#deve_tab .synced .item span {
    background-image: url("../images/deve_06b.png");
    font-size: 30px;
    font-weight: bold;
    color: #fff;
    padding: 28px 0;
}
/* 门诊部 */
/* .specialBOX1 .container.clearfix{
    display: flex;
    justify-content: space-between;
}  */
/*start       development_list.htm 发展历程*/
main .container {
    display: block;
}
main .development_history{
    margin:40px auto;
    width:80%;
}
main .development_history .history{
    margin-bottom: 15px;
}
main .development_history .tit {
    padding-left: 15px;  
    background: #f8f9f8;
    margin-bottom:10px;
}

main .development_history .tit span {
    display: inline-block;
    border-left: 3px solid #00b0ec;
    margin-top: 5px;
    color: #00b0ec;
    font-size: 20px;
    line-height: 20px;
    padding-left: 5px;
}

main .development_history .thingfirst {
    margin-left: 15px;
    padding-left: 15px;
    height: 36px;
    padding-top:13px;
    /* line-height: 45px; */
    color: #333;
    background: url("../images/first.jpg") no-repeat top left;
  
}

main .development_history .thing {
    margin-left: 15px;
    padding-left: 15px;
    height: auto;
    line-height: 23px;
    color: #333;
    background: url("../images/mid.jpg") no-repeat top left;
}
/*end     development_list.htm 发展历程*/
/*join*/
.join {
    padding: 0.5rem 0 0.8rem;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 20px;
}

#join_scr {
    padding: 0 80px;
}

#join_scr .item {
    padding: 0 15px;
}

.join_area {
    /*max-width: 260px;*/
    height: 357px;
    padding: 10px;
    background: #b5b5b5;
    color: #fff;
    line-height: 2;
    position: relative;
}

.join_cell {
    height: 100%;
    padding: 30px 20px;
    border: 1px solid #fff;
}

.join_tit {
    font-size: 18px;
    line-height: normal;
    margin-bottom: 30px;
}

.join_apply {
    display: block;
    width: 88px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    background: #fff;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    position: absolute;
    bottom: 30px;
    left: 50%;
    margin-left: -44px;
}

.join_area:hover {
    background: rgba(0, 176, 236, .90);
}

#join_scr .owl-buttons div {
    position: absolute;
    top: 50%;
    left: 0;
    width: 42px;
    height: 42px;
    text-indent: -9999px;
    background: #b5b5b5 url("../images/arrow01_left.png") center center no-repeat;
    background-size: 12px;
}

#join_scr .owl-buttons div.owl-next {
    left: auto;
    right: 0;
    background-image: url("../images/arrow01_right.png");
}

#join_scr .owl-buttons div:hover {
    background-color: #00b0ec;
    filter: alpha(opacity=90);
    opacity: 0.90;
}

/*find*/
.find {
    padding: 0.6rem 0;
}

.find_tit {
    text-align: center;
    font-size: 16px;
}

.find_tit span {
    display: block;
    margin: 0 auto;
    position: relative;
    width: 80px;
    height: 80px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 2px solid #c7c7c7;
}

.find_tit span img {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -16px 0 0-16px;
}

.find_tit em {
    display: block;
    font-family: Adobe Caslon Pro;
    color: #cccccd;
    font-size: 48px;
}

/*news_warp*/
.news_warp {
    overflow: hidden;
    margin: 0.3rem auto
}

.news_list {}

.news_list li {
    position: relative;
}

.news_list li:before {
    content: "";
    position: absolute;
    top: 0;
    left: -50%;
    z-index: 0;
    width: 200%;
    height: 100%;
}

.news_list li:hover:before {
    background: #f8f8f8;
}

.news_list li a {
    display: block;
    padding: 0.6rem 0;
    border-bottom: 1px solid #ddd;
    overflow: hidden;
    position: relative;
    color: #333;
}

.news_img {
    width: 2rem;
    height: 1.32rem;
    float: left;
    overflow: hidden;
}

.news_img img {
    display: block;
    min-height: 1.32rem;
}

.news_info {
    overflow: hidden;
    padding: 10px 0 0 5%;
}

.news_tit {
    font-size: 18px;
    height: 24px;
    overflow: hidden;
    margin-bottom: 20px;
}

.news_overview {
    color: #999;
    line-height: 24px;
    max-height: 48px;
    overflow: hidden;
}

.news_time {
    float: left;
    font-size: 36px;
    line-height: normal;
    font-family: Myriad Pro;
    position: relative;
    padding-right: 50px;
    margin-right: 30px;
}

.news_time:before,
.news_time:after {
    content: "";
    position: absolute;
    top: 15px;
    right: 0;
    width: 35px;
    height: 1px;
    background: #bfbfbf;
}

.news_time:after {
    width: 0;
    background: #00b0ec;
    right: 35px;
}

.news_link {
    display: block;
    margin-top: 15px;
    font-size: 0;
    width: 46px;
    height: 30px;
    background: #fff url("../images/ico_05a.png") center center no-repeat;
    position: relative;
}

.news_link:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background: #00b0ec url("../images/ico_05b.png") center center no-repeat;
}

.news_list li:hover .news_link:before {
    width: 100%;
}

.news_list li:hover .news_time:after {
    width: 35px;
    right: 0;
}

.news_list li:hover a .news_time,
.news_list li:hover .news_tit {
    color: #00b0ec;
}

/*news_hot*/
.news_hot {
    margin-top: 0.5rem;
    padding: 0.4rem 0;
    position: relative;
}

.news_hot:before {
    content: "";
    position: absolute;
    top: 0;
    left: -50%;
    z-index: 0;
    width: 200%;
    height: 100%;
    background-color: #f8f8f8;
}

.hot_list {
    margin: 0px;
}

.hot_list li {
    padding: 15px;
}

.hot_list li a {
    display: block;
    width: 100%;
    color: #999;
}

.hot_list li a img {
    width: 100%;
    height: 200px;
}

.hot_list li .hot_date {
    margin-top: 15px;
    height: auto;
    font-size: 12px;
    color: #666;
    text-align: left;
    display: inline-block;
    padding: 0 10px;
    line-height: 1;
}

.hot_list li .hot_date .date_shadow {
    width: 12px;
    border-bottom: 1px solid #666;
    ;
    margin: 10px 0 15px;
}

/* .hot_date{ display: block; float: right; width: 90px; height: 110px; background: url("../images/news_02.png") no-repeat; background-size: cover; color: #fff; font-family: arial, helvetica, sans-serif; text-align: center; padding: 20px 0 0;}
.hot_date b{ display: block; font-size: 48px; line-height: 1.2;} 
.hot_date i{ display: inline-block; border-top: 1px solid #fff;} */
.hot_tit {
    overflow: hidden;
    font-size: 18px;
    color: #000;
    position: relative;
    font-size: 16px;
    font-weight: 600;
    color: #666;
    line-height: normal;
}

/* .hot_tit:before,.hot_tit:after{ content: ""; position: absolute; bottom:0; left:0; width: 18px; height: 18px; background: url("../images/ico_06.png") no-repeat;}
.hot_tit:after{ left:-100%; background-image: url("../images/ico_06b.png");} */
.hot_tit span {
    display: block;
    line-height: 26px;
    max-height: 52px;
    overflow: hidden;
    margin-bottom: 10px;
    padding: 0 10px;
}

.hot_des {
    width: 100%;
    overflow: hidden;
    max-height: 70px;
    padding: 0 10px;
}

.hot_list li a:hover .hot_tit:after {
    left: 0;
}

.hot_list li a:hover {
    background-color: #f8f8f8;
}

/*paging*/
.paging {
    margin-top: 0.5rem;
    width: 100%;
    height: 60px;
    align-items: center;
    margin: 0 auto;
    display: flex;
    justify-content: center;
}

.paging li {
    width: auto;
    line-height: 60px;
}

.paging a {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin: 0 3px;
    padding: 0 10px;
    text-align: center;
}

.paging a.paging_btn {
    width: 80px;
    border: 1px solid #b8b8b8;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

.paging a.paging_btn:hover,
.paging a.paging_cur {
    background-color: #00b0ec;
    color: #fff;
}

/*science*/
.science {
    margin: 0 -17px;
}

.science li {
    padding: 0.34rem 17px 0;
}

.science li a {
    display: block;
    height: 200px;
    position: relative;
}

.science_area {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #f9f9f9;
    color: #999;
    line-height: 1.7;
    padding: 40px 20px;
}

.science_date {
    font-family: arial, helvetica, sans-serif;
}

.science_des {
    line-height: 24px;
    height: 48px;
    overflow: hidden;
}

.science_tit {
    font-size: 18px;
    color: #000;
    line-height: 24px;
    height: 24px;
    overflow: hidden;
}

.author,
.science_more {
    color: #fff;
    filter: alpha(opacity=0);
    opacity: 0;
}

.science_more {
    position: relative;
    top: 100px;
}

.science li a:hover .science_area {
    height: 234px;
    background-color: #00b0ec;
    color: #fff;
}

.science li a:hover .science_tit {
    color: #fff;
}

.science li a:hover .author,
.science li a:hover .science_date {
    filter: alpha(opacity=60);
    opacity: 0.60;
}

.science li a:hover .science_more {
    filter: alpha(opacity=100);
    opacity: 1;
}

.science li a:hover .author {
    margin: 8px 0;
}

.science li a:hover .science_more {
    top: 10px;
}

/*report*/
.report_rec {
    padding: 0;
    position: relative;
    height: 400px;
}

.report_rec:before {
    content: "";
    position: absolute;
    top: 0;
    left: -50%;
    z-index: 0;
    width: 200%;
    height: 400px;
}

#report_scr {
    padding: 0 30px;
    height: 400px;
}

#report_scr .item {
    margin: 0 30px;
    text-align: left;
    position: relative;
}

.r_rec_tit {
    font-size: 0.26rem;
    margin: 0.1rem 0;
    text-align: left;
    color: #fff;
}

#report_scr .item .r_rec_img02 {
    width: 100%;
    height: 400px;
}

#report_scr .item .blur_box{
    width:100%;
    height:100%;
    position: absolute;
    left:0;
    top:0;
    background: rgba(0, 0, 0,.3);
}

.r_rec_info {
    width: 74%;
    position: absolute;
    left: 13%;
    bottom: 10px;
    color: #fff;
    
}
#report_scr .item .blur_box:hover{
    background: rgba(255, 255, 255,0.1);
}

.r_rec_des {
    line-height: 28px;
    max-height: 112px;
}

.r_rec_more {
    display: inline-block;
    font-size: 18px;
    margin: 10px 0;
    line-height: 40px;
    min-width: 140px;
    text-align: center;
    background: #00b0ec;
    color: #fff;
}

.r_rec_more:hover {
    background: #fff;
}

/*owl-buttons*/
#report_scr .owl-controls .owl-buttons div {
    width: 50px;
    height: 50px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    text-indent: -9999px;
    position: absolute;
    top: 50%;
    left: 8%;
    margin-top: -25px;
    background: rgba(0, 0, 0, .50)
}

#report_scr .owl-controls .owl-buttons div:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("../images/arrow01_left.png") center center no-repeat;
}

#report_scr .owl-controls .owl-buttons div.owl-next {
    left: auto;
    right: 8%;
}

#report_scr .owl-controls .owl-buttons div.owl-next:before {
    background-image: url("../images/arrow01_right.png");
}

#report_scr .owl-controls .owl-buttons div:hover {
    background: #00b0ec;
}

/*report_list*/
.report_list {
    padding: 0 0.6rem;
}

.report_list li {
    overflow: hidden;
    padding: 0.4rem 0;
    border-bottom: 1px solid #e5e5e5;
}

.report_img {
    width: 2.07rem;
    height: 1.25rem;
    margin-right: 0.2rem;
    overflow: hidden;
    position: relative;
    float: left;
}

.report_img01,
.report_img02 {
    display: block;
    width: 2.07rem;
    height: 1.25rem;
    top: 0;
    left: 0;
    z-index: 0;
}

.report_img02 {
    position: absolute;
    left: 100%;
    z-index: 10;
}

.report_list li:hover .report_img01 {
    left: -100%;
}

.report_list li:hover .report_img02 {
    left: 0;
}

.report_info {
    overflow: hidden;
}

.report_tit {
    line-height: 24px;
    max-height: 24px;
    overflow: hidden;
    margin-bottom: 0.1rem;
}

.report_des {
    color: #999;
    line-height: 24px;
    height: 48px;
    overflow: hidden;
}

.report_more {
    display: inline-block;
    font-size: 12px;
    border-bottom: 1px solid #333;
    margin-top: 20px;
    position: relative;
}

.report_more:before {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 50%;
    width: 0;
    height: 1px;
    background: #00b0ec;
}

.report_list li:hover .report_tit a,
.report_list li:hover .report_more {
    color: #00b0ec;
}

.report_list li:hover .report_more:before {
    left: 0;
    width: 100%;
}

/*duty*/
.duty_top {
    padding: 0.4rem 0 0.2rem;
    border-bottom: 2px solid #00b0ec;
    line-height: 2;
    margin-bottom: 0.3rem;
}

.duty_top img {
    display: block;
    float: right;
    margin-left: 20px;
}

.duty_des {
    overflow: hidden;
    font-size: 18px;
    font-weight: bold;
    color: #666;
}

.duty_list {
    margin: -10px -30px;
}

.duty_list li {
    padding: 10px 30px;
}

.duty_list li a {
    display: block;
}

.duty_img {
    overflow: hidden;
}

.duty_img img {
    width: 3.60rem;
    height: 2.28rem;
}

.duty_info {
    height: 80px;
}

.duty_info h5 {
    overflow: hidden;
    line-height: 24px;
    height: 63px;
    padding: 15px 20px 0 10px;
}

.duty_more {
    display: block;
    float: right;
    width: 36px;
    height: 100%;
    text-indent: -9999px;
    overflow: hidden;
    position: relative;
}

.duty_more:before,
.duty_more:after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    z-index: 10;
    width: 100%;
    height: 100%;
    background: url("../images/arrow01_right.png") center center no-repeat;
    filter: alpha(opacity=0);
    opacity: 0;
}

.duty_more:after {
    left: auto;
    right: -100%;
    z-index: 0;
    background: #a0d8e5;
}

.duty_list li a:hover {
    background-color: #00b0ec;
    color: #fff;
}

.duty_list li a:hover .duty_more:before {
    filter: alpha(opacity=100);
    opacity: 1;
    left: 0;
}

.duty_list li a:hover .duty_more:after {
    filter: alpha(opacity=100);
    opacity: 1;
    right: 0;
}

/*article*/
.article_top {
    min-height: 283px;
    padding: 140px 0 30px;
    margin-bottom: 40px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    position: relative;
}

.article_top:before {
    content: "";
    position: absolute;
    top: 0;
    left: -50%;
    z-index: 0;
    width: 200%;
    height: 100%;
    background: #a0d8e5;
}

.a_t_area {
    position: relative;
    z-index: 10;
}

.article_tit {
    font-size: 30px;
    margin-bottom: 10px;
}

.article_date {
    display: inline-block;
    background: url("../images/news_05.png") left center no-repeat;
    padding-left: 32px;
    margin-bottom: 10px;
}

article {
    line-height: 2;
    padding: 0 0.6rem;
}

/*article_bot*/
.article_bot {
    margin-top: 8%;
    position: relative;
}

.article_prev,
.article_next,
.back_list {
    display: block;
    width: 0.57rem;
    line-height: 0.57rem;
    border: 1px solid #aaa;
    text-align: center;
    color: #aaaaaa;
}

.article_prev,
.article_next {
    text-indent: -9999px;
    position: absolute;
    top: 0;
    left: 0;
    width: 0.57rem;
    height: 0.57rem;
    background: url("../images/arrow01_left3.png") center center no-repeat;
    background-size: 0.17rem;
}

.article_prev:before,
.article_next:before {
    content: "";
    position: absolute;
    top: 0;
    left: 100%;
    width: 100%;
    height: 100%;
    background: url("../images/arrow01_left.png") center center no-repeat;
    background-size: 0.17rem;
}

.article_next:before {
    left: auto;
    right: 100%;
    background-image: url("../images/arrow01_right.png");
}

.article_next {
    left: auto;
    right: 0;
    background-image: url("../images/arrow01_right3.png");
}

.article_prev:hover,
.article_next:hover {
    background-color: #a0d8e5;
    border-color: #a0d8e5;
    background-image: none;
}

.article_prev:hover:before {
    left: 0;
}

.article_next:hover:before {
    right: 0;
}

.back_list {
    margin: 0 auto;
    width: 1.5rem;
}

.back_list span {
    display: inline-block;
    background: url("../images/arrow01_right.png") 150% center no-repeat;
    background-size: 10px;
}

.back_list:hover {
    background-color: #00b0ec;
    color: #fff;
}

.back_list:hover span {
    background-position: right center;
    padding-right: 20px;
}

/*============================================服务项目=============================*/
.project_item {
    padding: 0.5rem 0 10px;
    border-top: 12px solid #00b0ec;
}

.project_item #case_scr {
    padding: 0;
}

.project_item #case_scr .item:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -10px;
    width: 0.2rem;
    height: 0.13rem;
    background: url("../images/project_02.png") center 0.13rem no-repeat;
    background-size: contain;
}

.project_item #case_scr .item:after {
    width: 0;
    height: 0;
    top: 50%;
    left: 50%;
    background: url("../images/project_01.png") center center no-repeat;
    background-size: contain;
}

.project_item #case_scr .owl-item:hover .item a,
.project_item #case_scr .owl-item .project_cur a {
    color: #fff;
}

.project_item #case_scr .owl-item:hover .item:after,
.project_item #case_scr .owl-item .project_cur:after {
    width: 1.70rem;
    height: 1.70rem;
    top: 0;
    left: 50%;
    margin-left: -0.85rem;
    filter: alpha(opacity=100);
    opacity: 1;
}

.project_item #case_scr .owl-item:hover .item:before,
.project_item #case_scr .owl-item .project_cur:before {
    background-position: center bottom;
}

.project_item #case_scr .owl-item:hover .item .case_ico:after,
.project_item #case_scr .owl-item .project_cur .case_ico:after {
    filter: alpha(opacity=100);
    opacity: 1;
    background-size: 100%;
}

.project_item #case_scr .owl-buttons div {
    position: inherit;
    margin: 0;
    width: 0.4rem;
    height: 0.4rem;
}

/*=============correction=============*/
.correction {
    padding: 0.6rem 0;
    background: #f5f5f5;
}

.correction_tit {
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 0.30rem;
    color: #000;
}

.correction_tit em {
    display: block;
    font-family: arial, helvetica, sans-serif;
    font-size: 0.36rem;
    color: #00b0ec;
}

.c_general {
    padding: 0.6rem 0;
}

.c_intro {
    width: 52%;
    float: left;
    position: relative;
}

.c_i_des {
    height: 310px;
    background: #fff;
    text-align: justify;
    padding: 0.5rem 0.3rem;
    font-size: 0.16rem;
    line-height: 2;
    position: relative;
    z-index: 10;
}

.des_area {
    max-height: 210px;
    overflow: hidden;
    position: relative;
    z-index: 10;
}

.g_tit {
    cursor: pointer;
    position: absolute;
    z-index: 0;
    width: 2.96rem;
    height: 0.88rem;
    line-height: 0.88rem;
    font-size: 0.24rem;
    text-align: center;
    border: 1px solid #666;
}

.g_tit span {
    display: inline-block;
    background: url("../images/arrow05_left.png") left center no-repeat;
    background-size: 0.38rem;
    padding-left: 0.5rem;
    position: relative;
}

.g_tit span:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    background: url("../images/arrow05_left2.png") 100% center no-repeat;
    background-size: 0.38rem;
    filter: alpha(opacity=0);
    opacity: 0;
}

.c_intro:hover .g_tit span {
    background-position: -100% center;
}

.c_intro:hover .g_tit span:before {
    filter: alpha(opacity=100);
    opacity: 1;
    background-position: left center;
}

.c_intro .g_tit {
    top: -20px;
    right: -220px;
}

.c_point {
    width: 52%;
    float: right;
    margin-left: -4%;
    margin-top: 120px;
    position: relative;
}

.c_p_des {
    width: 100%;
    height: 310px;
    color: #fff;
    font-size: 0.24rem;
    text-align: center;
    position: relative;
}

.c_p_des img {
    width: 100%;
    height: 310px;
}

.c_p_des:before {
    content: "";
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .50);
}

.c_p_des .des_area {
    width: 100%;
    max-height: 192px;
    max-width: 440px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.c_point .g_tit {
    bottom: 0;
    left: -316px;
}

.c_point .g_tit span {
    background-image: url("../images/arrow05_right.png");
    background-position: right center;
    padding-left: 0;
    padding-right: 50px;
}

.c_point .g_tit span:before {
    background-image: url("../images/arrow05_right2.png");
    background-position: -200% center;
}

.c_intro:hover .g_tit,
.c_point:hover .g_tit {
    border-color: #00b0ec;
    color: #00b0ec;
}

.c_point:hover .g_tit span {
    background-position: 200% center;
}

.c_point:hover .g_tit span:before {
    filter: alpha(opacity=100);
    opacity: 1;
    background-position: right center;
}

/*c_indication*/
.c_indication {
    background: #00b0ec;
}

.c_i_img,
.c_i_info {
    height: 5.4rem;
}

.c_i_img {
    padding: 0;
    background-position: center top;
    background-size: cover;
}

.c_i_info {
    overflow: hidden;
    padding: 0.3rem 0.3rem 0 0.3rem;
    font-size: 0.16rem;
    line-height: 2;
    color: #fff;
}

.indication_tit {
    font-size: 0.24rem;
    padding-bottom: 0.15rem;
    border-bottom: 1px solid #4dc8f2;
    margin-bottom: 0.2rem;
}

.indication_tit em {
    font-family: arial, helvetica, sans-serif;
    margin-left: 10px;
}

.c_indication .scr_area {
    height: 3.9rem;
}

/*c_related*/
.c_related,
.c_interpretation,
.c_recommend {
    margin-top: 0.4rem;
}

.correction_item {
    font-size: 24px;
    font-weight: bold;
    text-transform: capitalize;
    color: #00b0ec;
    text-align: center;
    margin-bottom: 30px;
}

.correction_item em {
    display: block;
    font-family: arial, helvetica, sans-serif;
    font-weight: normal;
}

.related_list {
    margin: -30px;
}

.related_list li {
    padding: 30px;
    overflow: hidden;
}

.related_list li .only {
    display: block;
    border: 1px solid #dadada;
    height: 5.8rem;
    /* max-width: 3.36rem;*/
    margin: 0 auto;
    position: relative;
}

.related_img {
    height: 3.28rem;
    overflow: hidden;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}

.related_info {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 2.52rem;
    padding: 0 0.3rem;
    background: #f5f5f5;
    text-align: center;
}

.related_ico {
    display: block;
    width: 50px;
    height: 50px;
    padding: 8px;
    margin: -25px auto 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #00b0ec;
}

.related_list li .only h6 {
    font-size: 0.2rem;
    height: 0.26rem;
    overflow: hidden;
    margin: 0.2rem auto 0.15rem;
    color: #000;
}

.related_other {
    font-size: 12px;
    color: #00b0ec;
    margin-bottom: 0.2rem;
}

.related_other p a {
    color: #00b0ec;
}

.related_des {
    text-align: justify;
    color: #999;
    line-height: 24px;
    max-height: 72px;
    overflow: hidden;
}

.related_more {
    display: inline-block;
    color: #00b0ec;
    position: relative;
    top: 500px;
}

.related_more:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #00b0ec;
}

.related_list li:hover .related_info {
    height: 3.2rem;
    background-color: #fff;
}

.related_list li:hover .related_more {
    top: 50px;
}

/*c_interpretation*/
.c_interpretation {}

/*c_recommend*/
.c_recommend {}

.recommend_scr {
    padding: 0 0.45rem;
}

.recommend_scr .item {
    padding: 0 0.15rem;
}

.recommend_scr .item a {
    display: block;
    margin: 0 auto;
    max-width: 2.54rem;
    overflow: hidden;
    position: relative;
}

.recommend_scr .item a:before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 0;
    width: 100%;
    height: 3.24rem;
    border: 6px solid #f0f0f0;
}

.recommend_img {
    position: relative;
    z-index: 10;
    width: 2.14rem;
    height: 3.0rem;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.recommend_name {
    margin-left:15px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    font-weight:600;
    color:rgba(0, 176, 236, .90);
}
.recommend_name span{
    display: inline-block;
    height: 36px;
    line-height: 36px;
    position: absolute;
    bottom:0;
    padding:0 5px;
    color:#000;
    font-size: 12px;
    font-weight: 500;
   
}
.recommend_info {
    position: absolute;
    bottom:40px;
    right: 40px;
    z-index: 11;
    width:216px;
    height: 300px;
    padding: 0 20px;
    background: rgba(0, 176, 236, .90);
    color: #fff;
    filter: alpha(opacity=0);
    opacity: 0;
}

.recommend_info:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: -100%;
    z-index: 0;
    filter: alpha(opacity=0);
    opacity: 0;
    width: 159px;
    height: 103px;
    background: url("../images/expert_02.png") right bottom no-repeat;
}

.recommend_info h6 {
    font-size: 24px;
    padding-top:5px;
    border-bottom: 1px solid #ccc;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.recommend_info h6 span{
    font-size:16px;
}
.recommend_more {
    display: block;
    position: relative;
    z-index: 10;
    top: 0;
    width: 100px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    border: 1px solid #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.recommend_post {}

.recommend_post li {
    height: 210px;
    overflow: hidden;
}

.recommend_more:hover {
    background-color: #fff;
    color: #00b0ec;
}

.recommend_scr .item a:hover .recommend_name {
    right: -100%;
}

.recommend_scr .item a:hover .recommend_info {
    filter: alpha(opacity=100);
    opacity: 1;
}

.recommend_scr .item a:hover .recommend_info:after {
    filter: alpha(opacity=100);
    opacity: 1;
    right: 0;
}

.recommend_scr .item a:hover .recommend_post li {
    margin-bottom: 10px;
}

.recommend_scr .item a:hover .recommend_info h6 {
    margin-top: 30px;
}

.recommend_scr .item a:hover .recommend_more {
    top: 50px;
}

/*owl-buttons*/
.recommend_scr .owl-controls .owl-buttons div {
    position: absolute;
    top: 50%;
    margin-top: -0.36rem;
    left: 0;
    width: 0.30rem;
    height: 0.72rem;
    font-size: 0;
    background: url("../images/arrow06_left.png") no-repeat;
    background-size: 0.3rem;
}

.recommend_scr .owl-controls .owl-buttons div.owl-next {
    left: auto;
    right: 0;
    background-image: url("../images/arrow06_right.png");
}

.recommend_scr .owl-controls .owl-buttons div:hover {
    background-image: url("../images/arrow06_left2.png");
}

.recommend_scr .owl-controls .owl-buttons div.owl-next:hover {
    background-image: url("../images/arrow06_right2.png");
}

/*============================================经典案例=============================*/
/*classic*/
.classic_items {
    background: #00b0ec;
}

.classic_items #case_scr {
    padding: 0;
    background: none;
}

.classic_items #case_scr .item a {
    color: #fff;
}

.classic_items #case_scr .item:after {
    background-color: #fff;
}

.classic_items .case_ico {
    background-size: 50%;
}

.classic_items .case_ico:after {
    filter: alpha(opacity=100);
    opacity: 1;
    background-size: 100%;
}

.classic_items #case_scr .item:hover .case_ico:after,
.classic_items #case_scr .classic_cur .case_ico:after {
    filter: alpha(opacity=0);
    opacity: 0;
    background-size: 50%;
}

.classic_items #case_scr .item:hover .case_ico,
.classic_items #case_scr .classic_cur .case_ico {
    background: url("../images/case_01.png") center center no-repeat;
    background-size: 100%;
}

.classic_items #case_scr .item:hover a,
.classic_items #case_scr .classic_cur a {
    color: #666;
}

.classic_items #case_scr .classic_cur:after {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    filter: alpha(opacity=100);
    opacity: 1;
}

.classic {
    padding: 0.4rem 0 0.6rem;
}

.classic_items #case_scr .owl-controls .owl-buttons div {
    background-image: url("../images/arrow01_left3.png");
}

.classic_items #case_scr .owl-controls .owl-buttons div.owl-next {
    background-image: url("../images/arrow01_right3.png");
}

/*============================================专家团队=============================*/
/*team*/
.team {
    position: relative;
    padding: 0.27rem 0 0.6rem;
}

.team:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 54px;
    background: #00b0ec;
}

/*chief*/
.chief {
    background: #fcfcfc;
    margin-bottom: 50px;
    position: relative;
    z-index: 10;
}

.chief_photo {
    width: 3.32rem;
    height: 4.98rem;
    float: left;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.chief_tit {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    padding: 8px 0;
    background: rgba(0, 0, 0, .50);
    text-align: center;
    color: #fff;
    font-size: 22px;
}

.chief_tit em {
    display: block;
    font-size: 15px;
    margin-top: 5px;
}

.chief_tab {
    width: 25%;
    min-width: 171px;
    float: left;
}

.chief_tab li {
    cursor: pointer;
    height: 83px;
    padding-top: 16px;
    background: #a0d8e5;
    border-bottom: 1px solid #b3e0ea;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    line-height: 1.5;
    font-size: 20px;
}

.chief_tab li em {
    display: block;
    font-family: arial, helvetica, sans-serif;
    font-size: 12px;
}

.chief_tab li:hover,
.chief_tab li.chief_cur {
    background-color: transparent;
    color: #000;
}

.chief_info {
    overflow: hidden;
    padding: 30px;
}

.chief_area {
    line-height: 2;
    height: 468px;
    overflow: hidden;
}

.chief_dis {
    height: 0;
    filter: alpha(opacity=0);
    opacity: 0;
}

/*team_list*/
.team_list {
    padding: 0;
    margin: -30px;
}

.team_list li.item {
    padding: 30px;
}

.team_list li.item a {
    max-width: none;
}

.team_list li.item a:before {
    width: 74%;
    right: 0;
}

.team_more {
    position: absolute;
    bottom: 6px;
    right: 6px;
    z-index: 11;
    width: 105px;
    height: 38px;
    text-align: center;
    line-height: 38px;
    background: #f3f3f3;
    font-size: 16px;
    color: #999;
}

.team_more span {
    display: inline-block;
    background: url("../images/ico_08.png") right center no-repeat;
    padding-right: 15px;
}

.team_list li.item .recommend_img {
    float: left;
}

.team_list li.item .recommend_info {
    width: 93%;
    max-width: 530px;
}

.team_list li.item .recommend_info h6 {
    overflow: hidden;
}

.r_i_more {
    float: right;
    font-size: 14px;
    background: url("../images/ico_08b.png") right center no-repeat;
    padding-right: 15px;
}

.recommend_intro {
    overflow: hidden;
    position: relative;
    padding: 0.6rem 20px 0;
    color: #999;
}

.r_i_tit {
    font-size: 24px;
    font-weight: bold;
    color: #00b0ec;
    margin-bottom: 20px;
}

.r_i_tit em {
    display: block;
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
    height: 40px;
    max-width: 210px;
    overflow: hidden;
    color: #666;
    margin-top: 10px;
}

.r_i_post {
    max-height: 120px;
    overflow: hidden;
}

.r_i_post li {
    line-height: 30px;
}

.team_list li.item .recommend_info .r_i_post {
    max-height: 210px;
}

/*============================================专家团队--内页=============================*/
.member {
    overflow: hidden;
}

.member_top {
    padding: 20px 0;
    color: #fff;
    position: relative;
}

.member_top:before {
    content: "";
    position: absolute;
    top: 0;
    left: -50%;
    display: block;
    width: 200%;
    height: 100%;
    background: #00b0ec;
}

.member_tit {
    position: relative;
    float: left;
    font-size: 30px;
}

.member_tit a {
    margin: 0 10px;
}

.member_tit span {
    font-size: 14px;
    filter: alpha(opacity=70);
    opacity: 0.70;
}

.shared {
    float: right;
    position: relative;
}

.shared_list {
    display: inline-block;
    vertical-align: middle;
}

.shared_list li {
    float: left;
    margin-left: 5px;
}

.shared_list li a {
    display: block;
    padding: 4px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.shared_list li a:hover {
    background: rgba(255, 255, 255, .30);
}

/*member_center*/
.member_center {
    padding: 50px 0;
}

.member_guide {
    width: 240px;
    float: right;
    margin-left: 40px;
}

.m_g_list {
    margin: 0 -10px;
    margin-bottom: 20px;
}

.m_g_list li {
    width: 50%;
    float: left;
    padding: 0 10px;
}

.m_g_list li a {
    display: block;
}

.m_g_list li span {
    display: block;
    background: #00b0ec;
    color: #fff;
    text-align: center;
    line-height: 40px;
}

.m_g_list li span em {
    display: inline-block;
    background: url("../images/arrow01_left.png") left center no-repeat;
    background-size: 10px;
    padding-left: 20px;
}

.m_g_list li.g_next span em {
    background-image: url("../images/arrow01_right.png");
    background-position: right center;
    padding-left: 0;
    padding-right: 20px;
}

.m_g_list li img {
    display: block;
    margin-bottom: 5px;
}

.m_g_handle {
    padding-top: 30px;
    border-top: 1px solid #e5e5e5;
}

a.back_list2 {
    display: block;
    width: 110px;
    line-height: 40px;
    text-align: center;
    background: #00b0ec;
    color: #fff;
}

a.back_list2 span {
    display: inline-block;
    background: url("../images/ico_09.png") left center no-repeat;
    padding-left: 30px;
}

.m_g_list li:hover span,
a.back_list2:hover {
    background-color: #019ace;
}

/*member_info*/
.member_info {
    overflow: hidden;
    border-right: 1px solid #e5e5e5;
    display: inline-block;
}

.member_info dt {
    width: 200px;
    float: left;
    margin-right: 40px;
}

@media only screen and (min-width: 768px) {
    .member_info dd {
        width: 199px;
    }
}

@media only screen and (min-width: 992px) {
    .member_info dd {
        width: 418px;
    }
}

@media only screen and (min-width: 1200px) {
    .member_info dd {
        width: 619px;
    }
}

.member_info dd {
    overflow: hidden;
    line-height: 2.2;
    font-size: 16px;
}

/*member_live*/
.member_live {
    margin-top: -0.6rem;
}

.member_live li {
    position: relative;
    color: #000;
    min-height: 170px;
    line-height: 2;
    padding-bottom: 30px;
    margin-top: 0.6rem;
}

.member_live li:before {
    content: "";
    position: absolute;
    top: 0;
    left: -50%;
    z-index: 0;
    display: block;
    width: 200%;
    height: 100%;
    background: #dfe0e3;
}

.member_live li.li_dif:before {
    display: none;
}

.m_l_tit {
    position: absolute;
    top: -30px;
    left: 0;
    z-index: 10;
    width: 200px;
    height: 74%;
    min-height: 170px;
    max-height: 240px;
    padding: 20px;
    background: #00b0ec;
    color: #fff;
    font-size: 24px;
}

.m_l_tit em {
    display: block;
    text-transform: uppercase;
    font-family: arial, helvetica, sans-serif;
    font-size: 14px;
    min-height: 80px;
    margin-bottom: 0.1rem;
}

.m_l_tit em b {
    display: block;
    font-size: 24px;
    text-transform: lowercase;
}

.m_l_tit em b i {
    font-size: 48px;
    text-transform: capitalize;
}

.m_l_des {
    position: relative;
    z-index: 10;
    overflow: hidden;
    padding: 0.6rem 0 0.3rem 0.4rem;
    margin-left: 200px;
}

#m_case {
    padding: 0 30px;
}

#m_case .item {
    padding: 0 15px;
}

#m_case .item a {
    display: block;
    max-width: 270px;
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
}

#m_case .item a img {
    display: block;
    margin: 0 auto;
}

.m_c_name {
    padding: 10px 0;
    position: relative;
    text-align: center;
}

.m_c_name:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    background: #00b0ec;
}

.m_c_name span {
    position: relative;
}

#m_case .item a:hover {
    color: #fff;
}

#m_case .item a:hover .m_c_name:before {
    height: 100%;
}

/*owl-buttons*/
#m_case .owl-buttons div {
    position: absolute;
    top: 50%;
    margin-top: -52px;
    left: 0;
    width: 30px;
    height: 64px;
    font-size: 0;
    background: url("../images/arrow06_left.png") no-repeat;
    background-size: 25px;
}

#m_case .owl-buttons div.owl-next {
    left: auto;
    right: 0;
    background-image: url("../images/arrow06_right.png");
}

#m_case .owl-buttons div:hover {
    background-image: url("../images/arrow06_left2.png");
}

#m_case .owl-buttons div.owl-next:hover {
    background-image: url("../images/arrow06_right2.png");
}

/*============================================家庭计划=============================*/
.body_plan .banner_warp,
.body_plan .banner {
    height: 787px;
}

.plan {}

.card {
    margin-top: -326px;
}

.card_tab {
    float: right;
}

.card_tab li {
    margin-bottom: 0.3rem;
}

.card_tab li a {
    display: block;
    cursor: pointer;
    width: 1.02rem;
    height: 1.02rem;
    padding: 0.2rem;
    font-size: 0.24rem;
    text-align: center;
    line-height: normal;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #fff;
    color: #a0d8e5;
}

.card_tab li:hover a,
.card_tab li.card_cur a {
    background-color: #00b0ec;
    color: #fff;
}

.card_box {
    overflow: hidden;
}

/*.card_area{ overflow: hidden; }*/
.card_dis {
    height: 0;
    filter: alpha(opacity=0);
    opacity: 0;
}

#family_scr {
    width: 90%;
    max-width: 920px;
    float: right;
}

#family_scr .item {
    padding-right: 5%;
}

.card_block {
    max-width: 3.8rem;
    margin: 0 auto;
}

.card_tit {
    background: #00b0ec;
    color: #fff;
    text-align: center;
    height: 0.6rem;
    line-height: 0.6rem;
    padding: 0 0.15rem;
    font-size: 0.24rem;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

.card_tit a {
    color: #fff;
}

.card_cell {
    height: 4.4rem;
    padding: 0.3rem 0.15rem 0;
    background: #fff;
    color: #000;
    border: 1px solid #e5e5e5;
    border-top: none;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    text-align: center;
}

.card_price {
    font-size: 0.18rem;
    line-height: normal;
}

.card_price b {
    font-family: arial, helvetica, sans-serif;
    font-size: 0.44rem;
}

.card_list {
    display: inline-block;
    color: #333;
    margin-top: 0.2rem;
}

.card_list li {
    font-size: 0.18rem;
    text-align: left;
    background: url("../images/ico_10.png") left 5px no-repeat;
    background-size: 0.2rem;
    padding-left: 0.3rem;
}

.card_img {
    display: block;
    max-width: 1.77rem;
    margin: 0 auto;
    margin-top: 0.3rem;
}

.card_buy {
    display: block;
    width: 1.8rem;
    line-height: 0.44rem;
    font-size: 0.18rem;
    margin: 0 auto;
    margin-top: 0.2rem;
    text-align: center;
    background: #00b0ec;
    border: 1px solid #00b0ec;
    color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.card_buy:hover {
    background-color: transparent;
    color: #00b0ec;
}

/*card_service*/
.card_service {
    color: #333;
    padding: 0.6rem 0;
}

.c_s_tit {
    text-align: center;
    font-size: 0.36rem;
    margin-bottom: 0.4rem;
}

.card_table {
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.card_table table th,
.card_table table td {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    font-size: 0.16rem;
    text-align: center;
    padding: 0.1rem;
}

.card_table table td.align_l {
    text-align: left;
    padding-left: 5%;
}

.card_table table th {
    padding-top: 0.15rem;
    padding-bottom: 0.15rem;
    font-size: 0.22rem;
    font-weight: normal;
    background: #e2e4e8;
}

.card_table table td.zengzhi {
    border-right: none;
    font-size: 0.2rem;
    color: #00b0ec;
    font-weight: bold;
}

.card_note {
    margin-top: 0.3rem;
    font-size: 0.16rem;
}

.card_note dt,
.card_note dd {
    line-height: 2;
}

.card_note dt {
    float: left;
}

.card_note dd {
    overflow: hidden;
}

.line {
    color: #00b0ec;
}

/*card_scr*/
#card_box2 {
    padding-top: 20px;
}

#card_scr {
    width: 92%;
    max-width: 1100px;
    padding: 20px 10px 10px;
    float: right;
    background: #fff;
    margin-right: 15px;
}

#card_scr .item {
    padding: 10px;
}

.card_pro {
    max-width: 244px;
    margin: 0 auto;
}

.card_pro a {
    display: block;
    height: 363px;
    background: #f9f9f9;
}

.c_p_img {
    overflow: hidden;
    position: relative;
}

.c_p_img01 {
    position: relative;
    left: 0;
}

.c_p_img02 {
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 12;
    display: none;
}

.c_p_name {
    position: absolute;
    bottom: 10px;
    left: 0;
    z-index: 10;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 18px;
}

.c_p_info {
    height: 212px;
    overflow: hidden;
    padding: 20px;
    color: #999;
}

.c_p_info li {
    overflow: hidden;
    margin-bottom: 5px;
}

.c_p_info li span {
    display: block;
    float: left;
    color: #000;
}

.c_p_view {
    overflow: hidden;
}

/*.card_pro:hover .c_p_img01{ left:-100%;}
.card_pro:hover .c_p_img02{ left:0;}*/
/*owl-buttons*/
#card_scr .owl-buttons {
    position: absolute;
    top: -20px;
    right: 0;
    z-index: 10;
}

#card_scr .owl-buttons div {
    width: 38px;
    height: 38px;
    float: left;
    text-indent: -9999px;
    margin-left: 2px;
    background: #ccc url("../images/arrow07_left.png") center center no-repeat;
}

#card_scr .owl-buttons div.owl-next {
    background-image: url("../images/arrow07_right.png");
}

#card_scr .owl-buttons div:hover {
    background-color: #019ace;
    background-image: url("../images/arrow07_left2.png");
}

#card_scr .owl-buttons div.owl-next:hover {
    background-image: url("../images/arrow07_right2.png");
}

/*============================================门诊分布=============================*/
/*distribution*/
.distribution {
    overflow: hidden;
}

.tab_box {
    position: relative;
    margin-bottom: 40px;
}

.tab_box:before {
    content: "";
    position: absolute;
    top: 0;
    left: -50%;
    z-index: 0;
    width: 200%;
    height: 100%;
    background: #00b0ec;
}

#distribution_tab {}

#distribution_tab .item a {
    display: block;
    text-align: center;
    border-right: 1px solid #4dc8f2;
    color: #fff;
    line-height: 110px;
    font-size: 18px;
}

#distribution_tab .item a img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
}

#distribution_tab .item:first-child a {
    border-left: 1px solid #4dc8f2;
}

#distribution_tab .distribution_cur a,
#distribution_tab .item:hover a {
    background-color: #a0d8e5;
}

#distribution_tab .owl-buttons div {
    text-indent: -9999px;
    position: absolute;
    top: 50%;
    left: -50px;
    margin-top: -20px;
    width: 40px;
    height: 40px;
    background: url("../images/arrow01_left.png") center center no-repeat;
}

#distribution_tab .owl-buttons div.owl-next {
    left: auto;
    right: -50px;
    background-image: url("../images/arrow01_right.png");
}

#distribution_tab .owl-buttons div:hover {
    filter: alpha(opacity=80);
    opacity: 0.80;
}

.distribution_area {}

.d_map {
    overflow: hidden;
}

.d_list {
    margin: 0 -40px;
}

.d_list li {
    padding: 20px 40px;
}

.dl_area {
    overflow: hidden;
    padding: 15px 0;
    border-bottom: 1px solid #e5e5e5;
    position: relative;
}

.dl_area:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 1px;
    background: #00b0ec;
}

.dl_area dt {
    float: left;
    width: 25px;
    height: 46px;
    text-align: center;
    line-height: 30px;
    font-weight: normal;
    margin-right: 10px;
    background: url("../images/ico_12.png") no-repeat;
    color: #fff;
}

.dl_area dd {
    overflow: hidden;
    color: #999;
}

.dl_area dd h6 {
    font-size: 16px;
    color: #000;
    margin-bottom: 10px;
}

.d_more {
    display: block;
    width: 70px;
    height: 70px;
    float: right;
    margin-left: 10px;
    background: #a0d8e5;
    color: #fff;
    padding: 16px;
    text-align: center;
}

.dl_area:hover {
    border-color: #fff;
}

.dl_area:hover:before {
    width: 100%;
}

.dl_area:hover .d_more {
    background-color: #019ace;
    color: #fff;
}

/*============================================落地页面=============================*/
/*store*/
.banner_store,
.banner_store .banner {
    height: 610px;
}

.banner_store .banner:after {
    display: none;
}

.store {
    border-top: 12px solid #00b0ec;
}

/*group*/
.group {
    padding: 30px 0;
}

.store_tit {
    text-align: center;
    text-transform: capitalize;
    position: relative;
    margin-bottom: 40px;
    font-size: 30px;
}

.store_tit em {
    display: block;
    font-family: arial, helvetica, sans-serif;
    color: #999;
    margin-top: 5px;
    font-size: 26px;
}

.group_des {
    width: 80%;
    max-width: 822px;
    margin: 0 auto;
    text-align: center;
}

.group_list {
    margin-top: 50px;
}

.group_list li {
    max-width: 398px;
    margin: 0 auto;
    height: 227px;
    background-repeat: no-repeat;
    background-size: cover;
}

.group_tel {
    padding: 20px;
    background: #909090;
    color: #fff;
    text-align: center;
}

.group_tel img {
    display: block;
    margin: 20px auto;
}

.hot_line b {
    font-size: 30px;
    line-height: normal;
    font-family: arial, helvetica, sans-serif;
}

/*activity*/
.activity {
    padding-bottom: 20px;
}

.activity_box {
    position: relative;
}

.activity_box:before {
    content: "";
    position: absolute;
    bottom: -50px;
    left: -50%;
    width: 200%;
    height: 100%;
    background: #00b0ec;
}

#activity_scr {}

#activity_scr .item a {
    display: block;
    overflow: hidden;
    background: #fff url("../images/ico_14.png") right bottom no-repeat;
    border: 1px solid #e5e5e5;
}

.activity_img {
    padding: 0;
    height: 477px;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    border-right: 4px solid #e5e5e5;
}

.activity_img_phone {
    display: none;
}

.activity_info {
    overflow: hidden;
    padding: 30px;
    color: #333;
}

.activity_tit,
.activity_item {
    text-align: center;
    font-size: 26px;
}

.activity_item {
    color: #ff0000;
    margin-bottom: 20px;
    font-size: 30px;
}

.activity_des {
    line-height: 2;
    font-size: 18px;
    max-height: 252px;
    overflow: hidden;
}

/*.owl-buttons*/
#activity_scr .owl-buttons div {
    text-indent: -9999px;
    position: absolute;
    top: 50%;
    left: -30px;
    margin-top: -30px;
    width: 60px;
    height: 60px;
    background: rgba(233, 152, 49, .80);
}

#activity_scr .owl-buttons div:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("../images/arrow07_left2.png") center center no-repeat;
}

#activity_scr .owl-buttons div.owl-next {
    left: auto;
    right: -30px;
}

#activity_scr .owl-buttons div.owl-next:before {
    background-image: url("../images/arrow07_right2.png");
}

#activity_scr .owl-buttons div:hover {
    background: #e99831;
}

/*============================================预约咨询beigin=============================*/
label {
    margin: 0;
}

.re_phone {
    background: url(../images/reservation_phonebj_03.png) 0 center;
    padding: 20px 0;
    width: 100%;
    position: absolute;
    top: -170px;
}

.re_ph_left {
    float: left;
}

.re_ph_left_p1 {
    font-size: 18px;
    color: #fff;
    padding-left: 95px;
    background: url(../images/re_phbj_06.png) no-repeat 0 center;
    float: left;
}

.re_ph_left_p1 em {
    display: block;
    font-size: 40px;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
}

.re_p_right {
    float: right;
    font-size: 14px;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    text-transform: uppercase;
}

.re_main {
    padding-top: 55px;
    padding-bottom: 54px;
}

.re_m_tit {
    text-align: center;
    font-size: 26px;
    color: #36b9e5;
}

.re_m_info,
.re_m_info_1text,
.re_m_info_2textarea {
    font-size: 18px;
}

.re_m_info {
    padding-top: 50px;
    margin-left: -5%;
    font-size: 18px;
}

.re_m_info_1 {
    width: 45%;
    background: #f0f0f0;
    line-height: 60px;
    height: 60px;
    float: left;
    margin-left: 5%;
    margin-bottom: 18px;
    color: #999;
}

.re_m_info_1label {
    display: block;
    float: left;
    width: 20%;
    max-width: 112px;
    line-height: 60px;
    font-weight: normal;
    padding-left: 24px;
}

.sign_span {
    display: inline-block;
    width: 5px;
    color: #ff0000;
}

.re_m_info_1r {
    width: 80%;
    float: left;
    padding-left: 20px;
}

.re_m_info_1text {
    width: 100%;
}

.re_m_info_2 {
    width: 95%;
    height: auto;
    line-height: normal;
}

.re_m_info_2textarea {
    height: 130px;
    width: 100%;
    padding: 20px 0;
    resize: none;
}

/** 下拉  **/
.re_m_info_1 .cssSelect {
    position: relative;
}

.re_m_info_1 .cssSelect .selectBox {
    cursor: pointer;
    float: left;
    width: 100%;
}

.re_m_info_1 .cssSelect .selectLt {
    width: 100%;
    background: url(../images/ico_16a.png) right center no-repeat;
    padding-right: 67px;
}

.re_m_info_1 .cssSelect .sNormal {
    background-position: 0 0;
}

.re_m_info_1 .cssSelect .optionsBox {
    position: absolute;
    border: 1px solid #dbdbdb;
    padding: 2px;
    margin: 0;
    background: #fff;
    z-index: 1001111111111111;
    width: 100%;
}

.re_m_info_1 .cssSelect .optionBox {
    cursor: pointer;
    padding: 2px 0;
    margin: 0;
    height: 40px;
    line-height: 40px;
}

.re_m_info_1 .cssSelect .optionBox span {
    cursor: pointer;
}

.re_m_info_1 .cssSelect .oHover {
    background: #f0f0f0;
    color: #000;
}

.re_m_info_1 .cssSelect .selected {
    background: #f0f0f0;
    color: #000;
}

/*sxw*/
.sxw {
    display: block;
    float: right;
}

.apm_label {
    cursor: pointer;
    font-weight: normal;
}

.apm_label span {
    padding-left: 6px;
    margin-right: 15px;
    display: inline-block;
    vertical-align: middle;
    color: #999;
}

.tjBOX {
    text-align: center;
    padding-top: 35px;
    padding-bottom: 35px;
}

.tj_a {
    display: inline-block;
    width: 161px;
    height: 45px;
    color: #fff;
    background-color: #70767a;
    font-size: 20px;
    letter-spacing: 5px;
    position: relative;
}

.tj_a:hover {
    background: #00b0ec;
    color: #fff;
}

/*re_m_erm*/
.re_m_erm {
    text-align: center;
}

.re_m_ermBOX1 {
    width: 45%;
    display: inline-block;
    margin-left: 2%;
    margin-right: 2%;
}

.re_m_ermBOX1img {
    float: right;
    margin-left: 5%;
}

.re_m_ermBOX1nr {
    overflow: hidden;
    font-size: 14px;
    color: #333;
    text-align: right;
    padding-top: 100px;
}

.re_m_ermBOX2 .re_m_ermBOX1img {
    float: left;
    margin-right: 5%;
    margin-left: 0px;
}

.re_m_ermBOX2 .re_m_ermBOX1nr {
    text-align: left;
}

/*re_m_downyx*/
.re_m_downyx {
    float: left;
    background: #a0d8e5;
    width: 30%;
    height: 225px;
    text-align: center;
    display: table;
    vertical-align: middle;
}

.re_m_downimg {
    float: left;
    width: 40%;
    height: 225px;
}

.re_m_downimg {
    overflow: hidden;
}

.re_m_downyx:hover {
    background: #4cc8f2;
}

.re_m_downyxnr {
    height: 225px;
    vertical-align: middle;
    /*display:table-cell;*/
    text-align: center;
    padding-top: 50px;
}

.re_m_downyxtit1 {
    font-size: 30px;
    color: #333;
}

.re_m_downyxtit1 em {
    display: block;
    font-size: 24px;
    text-transform: uppercase;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    line-height: 36px;
}

.re_m_downyxico {
    display: inline-block;
    width: 50px;
    height: 47px;
    background: url(../images/yxico.png) no-repeat center top;
}

.re_m_downyx:hover .re_m_downyxico {
    background-position: center bottom;
}

.re_m_downyx:hover .re_m_downyxtit1 {
    color: #fff;
}

.re_m_downfb .re_m_downyxtit1 em {
    line-height: 25px;
    margin-top: 15px;
}

.re_m_down {
    padding-top: 20px;
}

/*============================================经典案例内页beigin================================*/
.case_inside {
    padding-bottom: 95px;
}

.case_inside_head {
    background: #00b0ec;
    text-align: center;
    padding: 50px 0;
    color: #fff;
}

.case_inside_tit {
    font-size: 30px;
    margin-bottom: 20px;
}

.case_inside_js {
    font-size: 16px;
    opacity: 0.7;
}

.case_inside_js a {
    color: #fff;
}

.case_inside_js span {
    padding-right: 25px;
}

.case_inside img {
    margin: 0 auto;
}

.case_inside_main {
    padding: 0.6rem 15px;
    border-bottom: 1px #ddd solid;
}

.sxy_fx {
    padding-top: 25px;
}

.sxy {
    float: left;
}

.sxy p {
    margin-bottom: 10px;
    font-size: 14px;
    color: #999;
}

.sxy p a {
    color: #999;
}

.sxy p:hover a {
    color: #00b0ec;
}

.fx {
    float: right;
}

.fx_span {
    display: inline-block;
    font-size: 14px;
    color: #999999;
    font-family: Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    vertical-align: middle;
}

.bdsharebuttonbox {
    display: inline-block;
    vertical-align: middle;
}

.fhBOX {
    text-align: center;
    padding-top: 0.6rem;
}

.fhBOX_a {
    display: inline-block;
    width: 120px;
    height: 120px;
    background: #00b0ec;
    text-align: center;
    overflow: hidden;
}

.fhBOX_ap {
    color: #fff;
    text-align: center;
    font-size: 16px;
    text-transform: uppercase;
    padding-top: 35px;
}

.fhBOX_ap em {
    display: block;
}

.fhBOX_a:hover {
    border-radius: 50%;
    background: #4cc8f2;
}

/*============================================经典案例内页END  ================================*/

/*============================================关于赛德mapEND  ================================*/
.about_map {
    margin-top: 0.5rem;
}

#map1 .item {
    height: 6.12rem;
    /*background-repeat:no-repeat;background-position:center 0;*/
    position: relative;
}

#map2 .item {
    padding: 10px 0;
    margin: 5px;
    text-align: center;
    cursor: pointer;
}

.map_show {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
}

.map {
    width: 1920px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -960px;
}

.map img {
    max-width: none;
}

.map_1 {
    background: url(../images/mapzb_11.png) no-repeat center bottom;
    padding-bottom: 40px;
    width: 100%;
    max-width: 328px;
    margin: 0 auto;
    position: absolute;
}

.map_1img {
    text-align: center;
    position: relative;
}

.map_1imgnr {
    background: url(../images/mapbj1_05.png) no-repeat center top;
    height: 228px;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: -24px;
}

.map_1imgnrp1 {
    padding-top: 72px;
    background: url(../images/mapbj2_07.jpg) no-repeat center 25px;
    font-size: 18px;
    color: #333;
}

.map_1imgnrp2 {
    font-size: 14px;
    color: #333;
}

.ckdt_aBOX {
    text-align: center;
}

.ckdt_a {
    display: inline-block;
    width: 112px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    color: #fff;
    background-color: #00b0ec;
    font-size: 18px;
    border-radius: 25px;
    overflow: hidden;
    margin-top: -30px;
    position: relative;
}

.ckdt_a:hover {
    color: #fff;
}

.mapdw_1 {
    top: 86px;
    left: 50%;
    margin-left: -164px;
}

.map2_num {
    width: 0.8rem;
    height: 0.8rem;
    line-height: 0.8rem;
    margin-bottom: 0.2rem;
    font-size: 0.44rem;
    text-align: center;
    border: 2px #cecece solid;
    border-radius: 50%;
    color: #00b0ec;
    display: inline-block;
    font-family: Mongolian Baiti, Tahoma, Geneva, sans-serif;
}

#map2 {
    padding-top: 0.4rem;
}

#map2 .synced .item .map2_num {
    background: #00b0ec;
    border-color: #00b0ec;
    color: #fff;
}

.map2_tit {
    font-size: 0.18rem;
    line-height: normal;
}

#map2 .owl-controls .owl-page span {
    width: 15px;
    height: 15px;
    margin: 0 5px;
    background: #cccccc;
    opacity: 1;
}

#map2 .owl-controls .active span {
    background: #00b0ec;
}

/* Shutter Out Horizontal */
a.hvr-shutter-out-horizontal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    background: #00b0ec;
    color: #fff;
}

a.hvr-shutter-out-horizontal:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #4cc8f2;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

a.hvr-shutter-out-horizontal:hover,
a.hvr-shutter-out-horizontal:focus,
a.hvr-shutter-out-horizontal:active {
    color: white;
}

a.hvr-shutter-out-horizontal:hover:before,
a.hvr-shutter-out-horizontal:focus:before,
a.hvr-shutter-out-horizontal:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}



/*============================================专题beigin  ================================*/
.special {
    border-top: 22px #00b0ec solid;
}

.mzsj_h1 {
    font-size: 36px;
    color: #333;
    font-weight: bold;
    padding-bottom: 25px;
}

.mzsj_h1 a {
    color: #333;
}

.mzsj_h1 em {
    display: block;
    font-size: 18px;
    color: #999;
    text-transform: capitalize;
    font-weight: normal;
}

/*specialBOX1*/
.specialBOX1 {
    width:100%;
    padding: 0 0 40px;
    position: relative;
    
}

.specialBOX1_left {
   overflow: hidden;
   padding: 30px 6% 0 0;
   

}

.zlsj_table {
    border-collapse: collapse;
    width: 100%;
    border: 1px #00b0ec solid;
}

.zlsj_table thead {
    background: #00b0ec;
}

.zlsj_table thead th {
    padding-top: 14px;
    padding-bottom: 14px;
    font-size: 14px;
    color: #eaf1f3;
    text-align: center;
}

.zlsj_table tbody tr td {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px #ddd solid;
    border-right: 1px #ddd solid;
}

.zlsj_table tbody .bottom_border td {
    border-bottom: none;
}

.zlsj_table tbody tr .right_border {
    border-right: none;
}

/*web_news*/
.web_news {
    margin-top: 20px;
    background: #eaf1f3;
    overflow: hidden;
    padding: 12px 20px;
    border-radius: 5px;
}

.web_news_label {
    display: block;
    float: left;
    line-height: 32px;
    padding-left: 60px;
    background: url(../images/webnewsbj_07.jpg) no-repeat left 0;
}

.web_newsul {
    overflow: hidden;
}

.web_newsul li {
    line-height: 34px;
    overflow: hidden;
}

.web_newsul li span {
    float: right;
    color: #999;
    margin-left: 10px;
}

.web_newsul li a {
    display: block;
    height: 34px;
    overflow: hidden;
}

/*specialBOX1_right门诊预约*/
#myframe {
    float: right;
    width: 386px;
    /* height:620px; */
    margin-top: -125px;
    
}
#myframe.clear_float{
    clear:both;
    width:100%;
}

.yyzx {
    padding: 15px 5%;
    background: #00b0ec;
}

.yyzx a {
    color: #fff;
}

.yyzxp1 {
    opacity: 0.8;
    line-height: normal;
    font-size: 18px;
}

.yyzxp2 {
    font-weight: bold;
    background: url(../images/yydhbj_03.png) no-repeat 0 center;
    padding-left: 51px;
    font-size: 36px;
}

.yyzx_info {
    background-color: #eaf1f3;
    padding-top: 25px;
    padding-bottom: 16px;
    background-image: url(../images/yybj_07.png);
    background-repeat: no-repeat;
    background-position: 241px 15px;
}

/*make*/
.make {
    height: 432px;
    position: relative;
    padding: 30px 0 0 30px;
}

.make:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 200%;
    height: 100%;
    background: #e1e1e1;
}

.make_tit {
    line-height: normal;
    text-transform: uppercase;
    position: relative;
    float: left;
    margin-right: 60px;
}

.make_tit a {
    color: #000;
    font-size: 20px;
}

.make_tit a i {
    display: block;
    color: #666;
    font-size: 14px;
}

.make_tit a em {
    display: block;
    color: #666;
    font-weight: bold;
    font-size: 30px;
}

.make_form {
    position: relative;
    overflow: hidden;
    height: 100%;
}

.make_form .re_m_info,
.make_form .re_m_info_1text,
.make_form .re_m_info_2textarea {
    font-size: 14px;
}

.make_form .re_m_info_1,
.make_form .re_m_info_1label,
.make_form .laydate-icon {
    height: 40px;
    line-height: 40px;
}

.make_form .re_m_info {
    padding: 0;
    margin: 0;
    font-size: 14px;
}

.make_form .re_m_info_1 {
    width: 100%;
    float: none;
    background: #fff;
    margin: 0 0 4px;
}

.make_form .re_m_info_1label,
.make_form .re_m_info_1r,
.make_form .laydate-icon {
    padding-left: 14px;
}

.make_form .re_m_info_1label {
    width: 30%;
    max-width: none;
}

.make_form .re_m_info_1 .cssSelect .selectBox {
    padding-right: 1px;
}

.make_form .re_m_info_1r {
    width: 70%;
}

.make_form .re_m_info_1 .cssSelect .selectLt {
    background-position: right 1px;
    background-size: 37px;
    padding-right: 37px;
}

.make_form .laydate-icon {
    width: 100%;
    background-size: 24px;
    padding-right: 24px;
}

.make .tjBOX {
    padding: 0;
    position: absolute;
    bottom: 30px;
    left: 30px;
}

.make .tj_a {
    width: 133px;
    height: 36px;
    background-color: #fff;
    color: #00b0ec;
    font-size: 16px;
}

.make .tj_a:hover {
    background-color: #00b0ec;
    color: #fff;
}

/*make_form2*/
.make_form2 {
    padding: 25px;
    background: #eaf1f3;
}

.make_form2 .re_m_info:before {
    content: "";
    position: absolute;
    top: 15px;
    right: 25px;
    width: 119px;
    height: 82px;
    background: url("../images/about_logo.png") no-repeat;
    background-size: cover;
}

.make_form2 .re_m_info_1 {
    border: 1px solid #e5e5e5;
    margin: 0 0 10px;
}

.make_form2 .re_m_info_1,
.make_form2 .re_m_info_1label,
.make_form2 .laydate-icon,
.re_m_info_1 .cssSelect .optionBox {
    height: 32px;
    line-height: 32px;
}

.make_form2 .re_m_info_1label {
    width: 23%;
}

.make_form2 .re_m_info_1r {
    width: 77%;
}

.make_form2 .re_m_info_1 .cssSelect .selectBox {
    padding: 0;
}

.make_form2 .re_m_info_1 .cssSelect .selectLt {
    background-size: 27px;
    padding-right: 27px;
}

.make_form2 .w_dif {
    width: 60%;
}

.make_form2 .w_dif .re_m_info_1label {
    width: 40%;
}

.make_form2 .w_dif .re_m_info_1r {
    width: 60%;
}

.make_form2 .sxw {
    margin-top: -42px;
}

.make_form2 .re_m_info_2 {
    height: auto;
    line-height: normal;
    overflow: hidden;
}

.make_form2 .re_m_info_2textarea {
    height: 60px;
    padding: 10px 0;
}

.make_form2 .laydate-icon {
    padding-left: 6px;
    font-size: 13px;
}

.form_sumit {
    display: block;
    width: 100%;
    height: 30px;
    background-color: #a0d8e5;
    color: #000;
}

.form_sumit:hover {
    background-color: #00b0ec;
    color: #fff;
}

.sd_phone {
    display: none;
}

.make_form .re_m_info_2 {
    height: 60px;
    line-height: normal;
}

.make_form .re_m_info_2textarea {
    height: 60px;
    padding: 10px 0;
}

/*profile*/
.profile {
    overflow: hidden;
    padding: 0.6rem 0;
    background: #f9f9f9;
}

.profile_txt {
    width: 88%;
    max-width: 1080px;
    margin: 0 auto;
    font-size: 15px;
    text-align: center;
}

/*envaironment*/
.envaironment {
    overflow: hidden;
    padding: 40px 0 0;
    background: #00b0ec;
}

div.navigation {
    width: 60%;
    height: 100%;
    position: relative;
    float: right;
}

.gallery_content {
    height: 100%;
    overflow: hidden;
    padding-top: 50px;
    position: relative;
}

.content {
    float: left;
    width: 40%;
    height: 100%;
    position: relative;
}

div.nav-controls {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -30px;
    z-index: 100;
    width: 60px;
}

.controls a.prev,
.controls a.next {
    display: block;
    float: left;
    cursor: pointer;
    width: 30px;
    height: 30px;
    text-indent: -9999px;
    background: url(../images/arrow08_left.png) center center no-repeat;
    filter: alpha(opacity=50);
    opacity: 0.50;
}

.controls a.next {
    background-image: url(../images/arrow08_right.png);
}

.controls a.prev:hover,
.controls a.next:hover {
    filter: alpha(opacity=80);
    opacity: 0.80;
}

div.ss-controls {
    float: left;
    display: none;
}

div.nav-controls {}

div.slideshow-container {
    position: relative;
    clear: both;
    width: 100%;
    height: 100%;
}

div.loader {
    position: absolute;
    top: 0;
    left: 0;
    background: url(../images/bx_loader.gif) center center no-repeat;
    width: 647px;
    height: 550px;
}

div.slideshow {}

div.slideshow .image-wrapper {
    position: absolute;
    top: 0;
    left: 0;
}

div.slideshow a.advance-link {
    display: block;
    width: 100%;
}

.caption-container {
    display: none;
}

/*ul.thumbs*/
ul.thumbs {
    overflow: hidden;
    clear: both;
}

ul.thumbs li {
    float: left;
    width: 33.33%;
}

ul.thumbs li a.thumb {
    display: block;
    position: relative;
    background: #000;
}

ul.thumbs img {
    display: block;
}

.thumb_txt {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    padding: 15px;
    color: #fff;
    text-align: center;
    background: rgba(0, 0, 0, .60);
    filter: alpha(opacity=0);
    opacity: 0;
    font-size: 24px;
}

.thumb_table {
    width: 100%;
    height: 100%;
    display: table;
}

.thumb_cell {
    display: table-cell;
    vertical-align: middle;
}

ul.thumbs li.selected .thumb_txt {
    filter: alpha(opacity=100);
    opacity: 1;
}

div.pagination {
    clear: both;
}

div.navigation div.top {
    overflow: hidden;
    padding: 0 0 20px 20px;
    display: none;
}

div.navigation div.bottom {
    overflow: hidden;
    /* padding:0 0 0 20px; display: none;*/
    position: absolute;
    top: 0;
    right: 22px;
    margin: 0;
    z-index: 20;
}

div.pagination a,
div.pagination span.current,
div.pagination span.ellipsis {
    display: block;
    float: left;
    margin-left: 2px;
    font-size: 12px;
    padding: 3px 10px;
    background: #fff;
    border: 1px solid #fff;
}

div.pagination a:hover {
    background-color: #00b0ec;
    color: #fff;
    text-decoration: none;
}

div.pagination span.current {
    font-weight: bold;
    background-color: #00b0ec;
    border-color: #00b0ec;
    color: #fff;
}

div.pagination span.ellipsis {
    border: none;
    padding: 5px 0 3px 2px;
}

.gallery_tit {
    font-size: 22px;
    padding: 20px;
}

/*expert2*/
.expert2 {
    padding: 0.6rem 0;
    overflow: hidden;
}

.tabs {
    position: relative;
    z-index: 9999;
}

/*team_page*/
.team_page {
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
}

.team_page a {
    display: inline-block;
    min-width: 20px;
    text-align: center;
    margin-right: 5px;
    border-bottom: 2px solid #fff;
    font-size: 15px;
}

.team_page a.team_page_cur {
    border-color: #065c99;
}

/*team_guide*/
.team_guide {
    overflow: hidden;
    position: absolute;
    bottom: 40px;
    right: 0;
}

.team_guide li {
    display: inline-block;
    _display: inline;
    _zoom: 1;
    width: 20%;
    max-height: 172px;
    overflow: hidden;
    margin: 0;
    float: left;
    position: relative;
}

.team_guide a {
    display: block;
    height: 100%;
    max-height: 172px;
    position: relative;
    color: #fff;
}

.team_guide a img {
    display: block;
    width: 100%;
    margin: 0 auto;
}

.team_name {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    font-size: 16px;
    background: rgba(0, 176, 236, .80);
    filter: alpha(opacity=0);
    opacity: 0;
    text-align: center;
}

.team_name span {
    display: block;
    position: absolute;
    bottom: -100px;
    left: 0;
    width: 100%;
    text-align: center;
}

.team_guide .active .team_name {
    filter: alpha(opacity=100);
    opacity: 1;
}

.team_guide .active .team_name span {
    bottom: 20px;
}

.tabs .tab-text {
    padding-bottom: 40px;
    overflow: hidden;
}

.team_img {
    width: 408px;
    height: 436px;
    float: left;
    position: relative;
}

.team_deco {
    width: 77%;
    height: 100%;
    border: 2px solid #00b0ec;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

.team_deco2 {
    display: block;
    width: 70px;
    height: 56px;
    background: #00b0ec;
    position: absolute;
    left: 50%;
    bottom: 40px;
    margin-left: -107px;
}

.team_img img {
    display: block;
    /*width: 275px;*/
    width: auto;
    height: 360px;
    position: absolute;
    bottom: 40px;
    right: 0;
    z-index: 2;
}

.name_en {
    font-size: 30px;
    color: #000;
    line-height: 35px;
    font-family: arial, helvetica, sans-serif;
    text-transform: uppercase;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 3;
    margin: -45px 0 0 25px;
}

.name_en em {
    display: block;
    font-size: 40px;
    line-height: normal;
    color: #00b0ec;
    font-weight: bold;
}

.designer_about {
    float: right;
    color: #000;
    position: relative;
}

.name_cn {
    font-weight: bold;
    margin-bottom: 20px;
    font-size: 30px;
}

.name_cn span {
    font-weight: normal;
    margin-left: 15px;
    font-size: 20px;
}

.expert_skill {
    font-size: 18px;
}

.skill_des {
    max-height: 92px;
    overflow: hidden;
}

.team_active {
    display: block;
}

.team_hide {
    display: none;
}

.designer_about,
.team_guide,
.team_page {
    width: 61%;
}

/*contact*/
.contact {
    position: relative;
}

.contact_map {
    height: 557px;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}

.contact_box {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
}

.contact_info {
    position: absolute;
    width: 100%;
    height: 100%;
    max-width: 438px;
    padding: 50px 40px;
    background: #fff;
    border-top: 8px solid #00b0ec;
}

.contact_tit {}

.contact_tit span {
    display: block;
    font-weight: bold;
    text-align: center;
    color: #fff;
    background: #00b0ec;
    margin-bottom: 10px;
    width: 180px;
    height: 52px;
    line-height: 52px;
    font-size: 30px;
}

.contact_tit em {
    display: block;
    color: #666;
    font-family: Georgia;
    font-size: 32px;
}

.contact_list {}

.contact_list li {
    overflow: hidden;
    margin-top: 20px;
    color: #333;
    font-size: 16px;
}

.contact_list li img {
    display: block;
    float: left;
    margin-right: 10px;
}

.contact_txt {
    overflow: hidden;
}

.txt_b {
    display: block;
    color: #999;
    font-size: 14px;
}

/*error*/
.body_error {
    height: 100%;
    overflow: hidden;
    background: #00b0ec url("../images/error_01.jpg") center bottom no-repeat;
    /*background-size: cover; */
    text-align: center;
    color: #fff;
}

.error_box {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -253px;
    width: 100%;
}

.error_img {
    display: block;
    margin: 0 auto;
    max-width: 70%;
}

.sorry {
    display: inline-block;
    font-size: 26px;
    background: url("../images/error_03.png") left center no-repeat;
    padding-left: 28px;
    margin: 50px 0 30px;
}

.go {
    display: block;
    margin: 0 auto;
    width: 166px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    background: #eaf2f6;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
}

.go:hover {
    background-color: #fff;
    color: #00b0ec;
}

.bsBox {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

/*======03/17lilu修 specialist=========*/
.specialist {
    background: #00b0ec;
}

.specialist_part {
    padding: 0.7rem 0;
}

#specialist_scr {
    max-width: 905px;
    margin: 0 auto;
}

#specialist_scr .sec_tit em {
    font-size: 0.3rem;
}

.specialist_box {}

.specialist_img {
    float: left;
    width: 685px;
    height: 395px;
    overflow: hidden;
}

.specialist_info {
    float: left;
    width: 320px;
    height: 320px;
    margin: 40px 0 0 -100px;
    padding: 30px 30px 0;
    background: rgba(0, 204, 253, .90);
    color: #fff;
}

.specialist_cur {
    font-size: 24px;
    margin-bottom: 0.20rem;
}

.specialist_des {
    line-height: 30px;
    height: 180px;
    overflow: hidden;
}

.specialist_more {
    text-transform: uppercase;
    float: right;
    margin-top: 10px;
}

#specialist_scr .owl-controls {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: 48px 0 0 -500px;
}

#specialist_scr .owl-controls .owl-buttons {
    font-size: 0;
}

#specialist_scr .owl-controls .owl-buttons div {
    font-size: 0;
    width: 48px;
    height: 48px;
    background: #31a9d2 url("../images/clinic_arrow01.png") center center no-repeat;
}

#specialist_scr .owl-controls .owl-buttons div.owl-next {
    background-color: #4cc8f2;
    background-image: url("../images/clinic_arrow02.png");
}

#specialist_scr .owl-controls .owl-buttons div:hover {
    filter: alpha(opacity=80);
    opacity: 0.80;
}

/*branch*/
.branch_top {
    position: absolute;
    bottom: 0.4rem;
    left: 0;
    z-index: 100;
    width: 100%;
    background: rgba(0, 176, 236, .70);
    padding: 0.3rem 0;
    color: #fff;
}

.hot_line {
    float: left;
    margin-right: 0.5rem;
    font-size: 0.18rem;
    line-height: normal;
    background: url("../images/clinic_04.png") left top no-repeat;
    background-size: 0.70rem;
    padding-left: 0.90rem;
}

.hot_line em {
    display: block;
    font-family: arial, helvetica, sans-serif;
    font-size: 0.4rem;
    margin-top: 0.1rem;
}

.branch_notice {
    overflow: hidden;
    padding-left: 0.5rem;
    border-left: 1px solid rgba(255, 255, 255, .20);
}

.branch_notice h5 {
    font-size: 0.18rem;
    margin-bottom: 10px;
}

.notice_scr {
    position: relative;
}

.notice_scr .hd {
    position: absolute;
    top: -30px;
    right: 0;
    display: none;
}

.notice_scr .prev,
.notice_scr .next {
    display: block;
    cursor: pointer;
    float: left;
    margin-left: 5px;
    width: 20px;
    height: 20px;
    background: url("../images/arrow02.png") left bottom no-repeat;
}

.notice_scr .next {
    background-position: right top;
}

.notice_scr .prev:hover {
    background-position: right bottom;
}

.notice_scr .next:hover {
    background-position: left top;
}

.notice_scr .bd {
    overflow: hidden;
}

.notice_scr .bd ul li {
    background: url("../images/arrow_01.png") left center no-repeat;
    padding-left: 14px;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    color: #fff;
}

.notice_scr .bd ul li span {
    font-family: arial, helvetica, sans-serif;
    float: right;
    opacity: 0.50;
    margin-left: 30px;
}

.notice_scr .bd ul li a {
    color: #fff;
    overflow: hidden;
}

.notice_scr .bd ul li:hover a {
    text-decoration: underline;
}

/*branch_sec*/
.branch_sec {
    padding: 0.6rem 0;
}

.branch_intro {}

.branch_tit {
    text-align: center;
    font-size: 0.3rem;
    text-transform: capitalize;
    margin-bottom: 0.4rem;
    color: #000;
}

.branch_tit em {
    display: block;
    font-family: arial, helvetica, sans-serif;
    font-size: 0.24rem;
    color: #909090;
}

.branch_tit_dif,
.branch_tit_dif em {
    text-transform: uppercase;
    color: #fff;
}

.branch_show {
    margin: -0.1rem;
}

.branch_show li {
    padding: 0.1rem;
    text-align: center;
}

.branch_service {
    background-color: #00b0ec;
    color: #fff;
}

.b_service_box {
    padding: 0 4%;
    text-align: center;
    line-height: 30px;
    max-height: 120px;
    overflow: hidden;
}

/*branch_expert*/
.branch_expert {}

#jian_scr {
    max-width: 870px;
    display: block;
    margin: 0 auto;
}

#jian_scr .item a {
    display: block;
    overflow: hidden;
    background-color: #00b0ec;
    color: #fff;
}

.jian_img img {
    display: block;
    width: 216px;
    height: 324px;
}

.jian_img {
    float: left;
}

.jian_info {
    overflow: hidden;
    padding: 0.3rem 8% 0;
}

.jian_tit {
    font-size: 0.24rem;
    margin-bottom: 10px;
}

.jian_des {
    line-height: 30px;
    max-height: 150px;
    overflow: hidden;
    margin-bottom: 0.3rem;
}

.jian_more {
    display: block;
    width: 100px;
    line-height: 32px;
    text-align: center;
    border: 1px solid #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.jian_more:hover {
    background-color: #fff;
    color: #00b0ec;
}

#jian_scr .owl-controls {
    margin: 0;
}

#jian_scr .owl-controls .owl-buttons {
    font-size: 0;
}

#jian_scr .owl-controls .owl-buttons div {
    font-size: 0;
    position: absolute;
    top: 50%;
    left: -0.8rem;
    margin-top: -0.35rem;
    width: 0.29rem;
    height: 0.71rem;
    background: url("../images/arrow06_left.png") center center no-repeat;
    background-size: contain;
}

#jian_scr .owl-controls .owl-buttons div.owl-next {
    left: auto;
    right: -0.8rem;
    background-image: url("../images/arrow06_right.png");
}

#jian_scr .owl-controls .owl-buttons div:hover {
    filter: alpha(opacity=80);
    opacity: 0.80;
}

/*branch_order*/
.branch_order {
    background: #f6f6f6;
}

.order_form {}

.order_line {
    padding: 0.1rem 0.2rem;
}

.order_write {
    background: #fff;
}

.order_write label {
    display: block;
    width: 130px;
    line-height: 60px;
    padding-left: 25px;
    float: left;
    font-weight: normal;
    font-size: 18px;
    color: #999;
}

.order_write label em {
    color: red;
}

.write_box {
    overflow: hidden;
}

.order_txt {
    width: 100%;
    height: 60px;
    font-size: 14px;
    line-height: 24px;
    padding: 18px 0;
}

.order_yu {
    resize: none;
    height: 120px;
}

.order_handle {
    clear: both;
    text-align: center;
    padding-top: 30px;
}

.order_submit {
    width: 160px;
    height: 45px;
    margin: 0 10px;
    font-size: 20px;
    background-color: #70767a;
    color: #fff;
}

.order_submit:hover {
    background-color: #00b0ec;
}


#m_case2 .owl-buttons div {
    position: absolute;
    top: 50%;
    margin-top: -52px;
    left: -19px;
    width: 30px;
    height: 64px;
    font-size: 0;
    background: url("../images/arrow06_left.png") no-repeat;
    background-size: 25px;
}

#m_case2 .owl-buttons div.owl-next {
    left: auto;
    right: -23px;
    background-image: url("../images/arrow06_right.png");
}

#m_case2 .owl-buttons div:hover {
    background-image: url("../images/arrow06_left2.png");
}

#m_case2 .owl-buttons div.owl-next:hover {
    background-image: url("../images/arrow06_right2.png");
}

.m_l_des2 {
    padding: 0.1rem 0 0 0.4rem;
    overflow: visible;
}

.m_l_des2 .owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
    text-align: left;
}

@media only screen and (min-width:1440px) {
    .container {
        width: 1230px;
    }
}

@media only screen and (min-width:1600px) {

    /*server*/
    .server_zhe {
        padding: 50px;
    }

    .server_tit a span {
        font-size: 0.48rem;
        margin-bottom: 0.3rem;
    }

    .server_tit a em {
        font-size: 24px;
    }

    .server_sum {
        padding-right: 100px;
    }

    .server_sum li a {
        font-size: 24px;
        height: 40px;
        line-height: 40px;
    }

    #server_scr .item:hover .server_sum {
        bottom: 50px;
    }

    /*  case&news*/
    .case_items .container {
        width: 1320px;
    }

    .news_box .container {
        width: 1430px;
    }

    .c_rec_img {
        height: 510px;
    }

    .map2_tit {
        font-size: 22px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
    .sub_tit {
        font-size: 0.36rem;
    }

    .sub_tit em {
        font-size: 0.18rem;
    }
}

@media only screen and (max-width: 1199px) {

    /*banner*/
    .banner_warp,
    .banner,
    .body_plan .banner_warp,
    .body_plan .banner {
        height: 4.02rem;
    }

    /*server*/
    .server_zhe {
        padding: 15px;
    }

    /*.server_tit a span{ font-size: 24px;}
    .server_tit a em{ font-size: 14px;}*/
    .server_sum {
        padding-right: 30px;
    }

    .server_sum li {
        margin-top: 10px;
    }

    .server_sum li a {
        font-size: 16px;
        height: 26px;
        line-height: 26px;
    }

    /*case*/
    .c_rec_info {
        padding-top: 20px;
        padding-left: 20px;
    }

    .c_rec_tit {
        float: none;
        margin: 0 0 30px;
        font-size: 24px;
    }

    .c_rec_tit .c_rec_tit span {
        font-size: 14px;
    }

    .c_rec_tit em {
        font-size: 14px;
        margin-top: 10px;
        max-width: none;
    }

    .c_rec_des {
        max-width: none;
    }

    .case_rec::before {
        margin-left: 213px;
    }

    /*expert*/
    .expert_box {
        margin: 0 -20px;
        padding: 0 40px;
    }

    #expert_scr .item {
        padding: 0 20px;
    }

    #expert_scr .owl-controls .owl-buttons div {
        left: -20px;
    }

    #expert_scr .owl-controls .owl-buttons div.owl-next {
        left: auto;
        right: -20px;
    }

    #expert_scr .item a {
        font-size: 16px;
    }

    .expert_name {
        height: 32px;
        line-height: 32px;
    }

    /*outpatient*/
    .o_map {
        width: 443px;
    }

    .o_i_tit {
        width: 136px;
        line-height: 60px;
        font-size: 24px;
    }

    .o_i_item {
        font-size: 16px;
        padding-left: 20px;
    }

    /*make*/
    .make {
        padding: 20px 0 0 20px;
    }

    .make_tit {
        margin-right: 20px;
    }

    .make_tit a {
        font-size: 16px;
    }

    .make_tit a i {
        font-size: 12px;
    }

    .make_tit a em {
        font-size: 24px;
    }

    .make_form .re_m_info_1 {
        margin-bottom: 6px;
    }

    .make_form2 .re_m_info_1 {
        margin-bottom: 10px;
    }

    .re_m_info,
    .re_m_info_1text,
    .re_m_info_2textarea {
        font-size: 16px;
    }

    .re_m_info_1label {
        max-width: 88px;
    }

    /*intro*/
    .intro_data li {
        font-size: 18px;
    }

    .data_initial i {
        font-size: 24px;
    }

    .data_initial em {
        font-size: 36px;
    }

    /*hot*/
    .hot_tit {
        font-size: 16px;
    }

    /*report_rec*/
    .r_rec_img {
        width: 420px;
    }

    .r_rec_more {
        margin: 30px 0;
    }

    /*correction*/
    .c_intro,
    .c_point {
        width: 100%;
        float: none;
        margin: 0;
        padding-top: 0.88rem;
    }

    .c_intro .g_tit {
        top: 0;
        right: 0;
    }

    .c_point .g_tit {
        bottom: auto;
        top: 0;
        left: 0;
    }

    /*team*/
    .team_list {
        margin: -15px;
    }

    .team_list li.item {
        padding: 15px;
    }

    /*mode_list*/
    .mode_list li {
        font-size: 16px;
    }

    .mode_list li em {
        font-size: 14px;
    }

    .mode_ico {
        width: 130px;
        height: 130px;
    }

    .mode_list li.WeChat .mode_ico img {
        width: 84px;
        height: 84px;
        margin: -42px 0 0 -42px;
    }

    /*re_main*/
    .re_m_ermBOX1img {
        width: 139px;
    }

    .re_m_ermBOX1nr {
        padding-top: 40px;
    }

    .re_m_downyxtit1 {
        font-size: 24px;
    }

    .re_m_downyxtit1 em {
        font-size: 18px;
    }

    /*expert*/
    .designer_about,
    .team_guide,
    .team_page {
        width: 51%;
    }

    /*envaironment*/
    .thumb_txt {
        font-size: 18px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {

    /*find*/
    .map2_num {
        width: 60px;
        height: 60px;
        line-height: 60px;
        font-size: 32px;
    }

    #map2 .owl-controls .owl-page span {
        width: 10px;
        height: 10px;
    }

    /*correction*/
    .g_tit {
        width: 168px;
        height: 54px;
        line-height: 54px;
        font-size: 18px;
    }

    .c_intro,
    .c_point {
        padding-top: 54px;
    }

    /*chief*/
    .chief_photo {
        width: 100%;
        max-width: 332px;
        height: 398px;
    }
}

@media (max-width: 991px) {

    /*case*/
    .c_rec_img {
        display: none;
    }

    .c_rec_img2 {
        display: block;
    }

    .case_items,
    .case_tab_box {
        background-color: transparent;
    }

    .classic_items {
        background: #00b0ec;
    }

    .c_rec_info {
        padding-bottom: 90px;
    }

    /*outpatient*/
    .o_left:after {
        right: -50%;
    }

    .o_map {
        width: 533px;
    }

    .o_l_area {
        height: auto;
        padding-bottom: 20px;
    }

    .o_i_bg {
        width: 200%;
        left: -50%;
    }

    .make:before {
        left: -50%;
    }

    /*news*/
    .news_list li a {
        padding: 0.3rem 0;
    }

    #news_scr {
        padding: 0 60px;
    }

    #news_scr .owl-controls .owl-buttons div {
        width: 30px;
        height: 30px;
        background-size: cover;
    }

    /*re_m_info*/
    .re_m_info {
        margin: 0;
    }

    .re_m_info_1 {
        width: 100%;
        margin-left: 0;
    }

    .re_m_info_1label {
        max-width: none;
    }

    /*intro*/
    .intro_data li {
        width: 50%;
        height: 196px;
    }

    .data_des {
        max-width: none;
        max-height: 156px;
    }

    /*report_rec*/
    .r_rec_img {
        width: 100%;
        max-width: 520px;
        float: none;
        margin-bottom: 20px;
        margin-left: auto;
        margin-right: auto;
    }

    #report_scr .owl-controls .owl-buttons div.owl-prev {
        left: 0;
    }

    #report_scr .owl-controls .owl-buttons div.owl-next {
        right: 0;
    }

    .report_list {
        padding: 0;
    }

    /*hot*/
    .hot_list {
        margin: -15px;
    }

    .hot_list li {
        padding: 15px;
    }

    /*duty*/
    .duty_list {
        margin: -10px -20px;
    }

    .duty_list li {
        padding: 10px 20px;
    }

    /*article*/
    article {
        padding: 0;
    }

    .article_top {
        font-size: 14px;
    }

    .article_tit {
        font-size: 24px;
    }

    /*correction*/
    .c_i_des {
        height: auto;
        padding: 0.3rem;
    }

    .c_p_des .des_area {
        max-width: none;
        max-height: none;
    }

    /*related*/
    .related_list {
        margin: -15px;
    }

    .related_list li {
        padding: 15px;
    }

    /*team*/
    .chief_photo {
        float: none;
        margin: 0 auto 20px;
    }

    .chief_tab,
    .chief_info {
        border-top: 1px solid #ccc;
    }

    /*member*/
    /*.member_guide{ width: 100%; margin: 0; float: none;}*/
    .m_g_list {
        width: 240px;
        float: right;
    }

    .m_g_handle {
        float: left;
        border: none;
        padding: 0;
    }

    .member_info {
        padding-top: 20px;
        border-top: 1px solid #e5e5e5;
        border-right: none;
    }

    .m_l_tit {
        position: inherit;
        width: auto;
        height: auto;
        min-height: inherit;
        min-height: initial;
        max-height: inherit;
        max-height: initial;
        font-size: 16px;
        display: inline-block;
        padding: 10px;
    }

    .m_l_tit em {
        font-size: 12px;
        min-height: inherit;
        min-height: initial;
    }

    .m_l_tit em b {
        display: inline-block;
        font-size: 18px;
        margin-right: 4px;
    }

    .m_l_tit em b i {
        font-size: 36px;
    }

    .m_l_des {
        margin: 0;
        padding: 0;
    }

    /*expert2*/
    .team_img {
        width: 288px;
        height: 308px;
    }

    .team_img img {
        height: 240px;
    }

    .designer_about,
    .team_guide,
    .team_page {
        width: 55%;
    }

    .name_en,
    .name_cn {
        font-size: 22px;
    }

    .name_en em {
        font-size: 32px;
    }

    .name_cn span,
    .expert_skill {
        font-size: 16px;
    }

    /*envaironment*/
    .thumb_txt {
        font-size: 16px;
    }

    /*find*/
    #map2 .owl-controls .owl-page span {
        width: 8px;
        height: 8px;
    }

    /*specialist*/
    .specialist_img,
    .specialist_info {
        width: 100%;
        height: auto;
        max-width: 685px;
        margin: 0 auto;
        float: none;
    }

    .specialist_info {
        padding: 20px 20px 0;
        height: 200px;
    }

    .specialist_des {
        line-height: 24px;
        height: 72px;
    }

    #specialist_scr .owl-controls {
        position: inherit;
        position: initial;
        margin: 0.3rem 0 0;
    }

    /*jian_scr*/
    #jian_scr .owl-controls .owl-buttons div {
        width: 0.19rem;
        height: 0.47rem;
        left: 0;
    }

    #jian_scr .owl-controls .owl-buttons div.owl-next {
        left: auto;
        right: 0;
    }
}

@media (max-width: 767px) {

    .index_focus,
    .pc_focus,
    .iphone_focus {
        height: 233px;
    }

    .focus_down {
        width: 60px;
        margin-left: -30px;
        bottom: 0;
    }

    .pc_focus {
        display: none;
    }

    .iphone_focus {
        display: block;
    }

    /*banner*/
    .banner_warp,
    .banner,
    .body_plan .banner_warp,
    .body_plan .banner {
        background-position: left top;
    }

    .s_down {
        display: none;
    }

    /*case*/
    .c_rec_info {
        display: none;
    }

    #case_tab {
        margin: 0;
    }

    .case_tab_box .container {
        padding-left: 0;
        padding-right: 0;
    }

    /*#case_scr .item a, #case_tab .item a{ padding-top: 20px; height: 156px;}*/
    /*server*/
    .server_zhe {
        display: none;
    }

    /*sec_tit*/
    #news_scr .item {
        height: 250px;
        padding: 20px;
    }

    /*expert*/
    .expert_box {
        margin: 0 -10px;
        padding: 0;
    }

    #expert_scr .item {
        padding: 0 10px;
    }

    #expert_scr .owl-controls .owl-buttons div,
    #expert_scr .owl-controls .owl-buttons div.owl-next {
        position: relative;
        margin: 0 5px;
        left: auto;
        right: auto;
        width: 44px;
    }

    .expert_info {
        display: none;
    }

    #expert_scr .item a:hover .expert_name {
        bottom: 0;
    }

    /*outpatient*/
    .o_l_area {
        background: none;
    }

    .o_map {
        width: auto;
    }

    .o_map img {
        display: none;
    }

    .o_list {
        margin-right: -22px;
    }

    .o_list li,
    .o_list li.o_city1,
    .o_list li.o_city,
    .o_list li.o_city2,
    .o_list li.o_city3,
    .o_list li.o_city4 {
        position: inherit;
        margin: 0 22px 0 0;
        float: left;
        background-size: 20px;
        padding-left: 26px;
    }

    .o_list li span {
        left: 0;
        filter: alpha(opacity=100);
        opacity: 1;
    }

    .o_i_tit {
        float: none;
        margin: 0;
        font-size: 18px;
        line-height: 40px;
        width: 106px;
    }

    .o_i_item {
        height: 48px;
        line-height: 48px;
    }

    .o_tit a {
        font-size: 16px;
    }

    .o_tit a i {
        font-size: 14px;
    }

    .o_tit a em {
        font-size: 18px;
    }

    /*news*/
    .news_box {
        width: 100%;
        padding: 0 15px;
    }

    #news_scr {
        padding: 0;
    }

    #news_scr .owl-controls .owl-buttons div {
        position: inherit;
        margin: 0 5px;
    }

    /*make*/
    .make {
        height: auto;
        padding: 20px 0 80px 0;
    }

    .make_tit {
        float: none;
        margin: 0 0 20px;
    }

    .make .tjBOX {
        padding: 0;
        position: absolute;
        bottom: 30px;
        left: 50%;
        margin-left: -66px;
    }

    /*预约*/
    .make_form {
        max-width: 400px;
        margin: 0 auto;
    }

    .re_m_info_1,
    .make_form .re_m_info_1 {
        height: auto;
        line-height: normal;
        background-color: transparent;
        margin-bottom: 10px;
    }

    .re_m_info_1label,
    .make_form .re_m_info_1label {
        width: 100%;
        padding-left: 14px;
        float: none;
        line-height: 40px;
    }

    .re_m_info_1r,
    .make_form .re_m_info_1r {
        width: 100%;
        padding-left: 0;
        float: none;
        background-color: #F0F0F0;
        height: 40px;
        line-height: 40px;
    }

    .make_form .re_m_info_1r {
        background-color: #fff;
    }

    .laydate-icon,
    .make_form .laydate-icon {
        height: 40px;
        background-size: 24px;
    }

    .re_m_info_1 .cssSelect .selectLt,
    .make_form .cssSelect .selectLt {
        background-size: 37px;
        padding-right: 37px;
        padding-left: 14px;
    }

    .re_m_info_1 .cssSelect .optionBox span {
        padding-left: 12px;
    }

    .re_m_info_2 .re_m_info_1r,
    .make_form .re_m_info_2 .re_m_info_1r {
        height: auto;
        line-height: normal;
    }

    /*make_form2*/
    .specialBOX1_right {
        width: 100%;
        max-width: 480px;
        margin: 30px auto;
        float: none;
    }

    .make_form2 {
        padding: 15px;
    }

    .make_form2 .re_m_info:before {
        display: none;
    }

    .make_form2 {
        max-width: none;
    }

    .make_form2 .re_m_info_1 {
        border: none;
    }

    .make_form2 .w_dif,
    .make_form2 .w_dif .re_m_info_1r {
        width: 100%;
    }

    .make_form2 .re_m_info_1label,
    .make_form2 .re_m_info_1label,
    .make_form2 .w_dif .re_m_info_1label {
        width: 100%;
        line-height: 32px;
    }

    .make_form2 .laydate-icon,
    .re_m_info_1 .cssSelect .optionBox,
    .make_form2 .re_m_info_1r,
    .make_form2 .w_dif .re_m_info_1r {
        height: 32px;
        line-height: 32px;
    }

    .sd_phone {
        display: block;
    }

    .make_form2 .sxw {
        display: none;
    }

    .make_form2 .re_m_info_1 .cssSelect .selectLt {
        background-size: 28px;
        padding-right: 28px;
    }

    .make_form2 .re_m_info_1 .cssSelect .selectBox {
        padding-right: 1px;
    }

    .yyzxp2,
    .mzsj_h1 {
        font-size: 24px;
    }

    .yyzxp1,
    .mzsj_h1 em {
        font-size: 14px;
    }

    .yyzxp2 {
        background-size: 31px;
        padding-left: 41px;
    }

    .web_news_label {
        float: none;
        margin-bottom: 10px;
        line-height: 26px;
        background-size: 34px;
        padding-left: 44px;
    }

    /*join*/
    #join_scr {
        padding: 0;
    }

    #join_scr .owl-buttons div {
        position: inherit;
        margin: 0 5px;
    }

    /*sub_nav*/
    .sub_nav .container {
        padding: 0;
    }

    .s_nav_list li a {
        line-height: normal;
        padding: 10px 0.1rem;
    }

    /*intro*/
    .intro_data {}

    .intro_data li {
        font-size: 16px;
        height: auto;
        padding: 10px 0;
    }

    .data_initial i {
        font-size: 18px;
    }

    .data_initial em {
        font-size: 24px;
    }

    .data_initial {
        position: inherit;
        margin: 0;
    }

    .data_hover {
        display: none;
        height: 0;
        padding: 0;
        overflow: hidden;
    }

    /*culture*/
    .culture_item {
        font-size: 18px;
    }

    .culture_item em {
        max-width: none;
    }

    .culture_list li:hover a .culture_item {
        display: none;
    }

    .culture_list li:hover a .item_des {
        top: 0;
    }

    /*find*/
    .find_tit em {
        font-size: 24px;
    }

    .find_tit span {
        width: 60px;
        height: 60px;
    }

    #map1 .item {
        background: #f5f5f5;
    }

    .map_show {
        position: inherit;
        position: initial;
    }

    .map {
        position: inherit;
        position: initial;
        width: auto;
        margin: 0;
    }

    .map_1 {
        position: relative;
        left: auto;
        top: auto;
        margin: 0 auto;
    }

    .map img {
        max-width: 100%;
    }

    .map_1imgnr {
        height: auto;
        padding: 20px 10px;
        background: #fff;
    }

    /*news*/
    .news_info {
        padding-top: 0;
    }

    .news_time {
        display: none;
    }

    .news_tit {
        font-size: 16px;
        height: 20px;
        margin-bottom: 2%;
    }

    /*paging*/
    .paging {
        width: 100%;
        margin: auto;
    }

    .paging li {
        width: auto
    }

    .paging a {
        width: 24px;
        height: 24px;
        line-height: 24px;
    }

    .paging a.paging_btn {
        font-size: 12px;
        width: 60px;
    }

    /*report_scr*/
    #report_scr,
    #report_scr .item {
        padding: 0;
        position: relative;
    }

    #report_scr .owl-controls .owl-buttons div {
        position: relative;
        left: auto;
        right: 0;
        width: 36px;
        height: 36px;
        margin: 0 5px;
    }

    .report_more {
        display: none;
    }

    /*duty*/
    .duty_list {
        margin: -10px -5px;
    }

    .duty_list li {
        padding: 10px 5px;
    }

    .duty_top img,
    .duty_des,
    .duty_more {
        display: none;
    }

    .duty_info {
        height: auto;
    }

    .duty_info h5 {
        padding: 10px;
    }

    /*article*/
    .article_tit {
        font-size: 18px;
    }

    /*related*/
    .related_list {
        margin: -5px;
    }

    .related_list li {
        padding: 5px;
    }

    .related_des {
        display: none;
    }

    .related_list li .only h6 {
        font-size: 0.26rem;
        height: 0.28rem;
    }

    .related_list li:hover .related_info {
        height: 2.52rem;
    }

    /*case_inside*/
    .case_inside_head {
        padding: 30px 0;
    }

    .case_inside_tit {
        font-size: 18px;
    }

    .case_inside_js {
        font-size: 14px;
    }

    .sxy,
    .fx {
        width: 100%;
        float: none;
    }

    .fhBOX_a {
        width: 90px;
        height: 90px;
    }

    .fhBOX_ap {
        padding-top: 18px;
    }

    /*team*/
    .chief_tab,
    .chief_info {
        border: none;
    }

    .chief_tab {
        min-width: inherit;
        width: 100%;
        float: none;
    }

    .chief_tab li {
        font-size: 16px;
        width: 33.33%;
        height: auto;
        line-height: 44px;
        padding: 0;
        border: 1px solid #b3e0ea;
        margin: -1px 0 0 -1px;
        float: left;
    }

    .chief_tab li em {
        display: none;
    }

    .chief_info {
        padding: 30px 0;
        width: 100%;
    }

    .chief_area {
        height: auto;
    }

    .chief_dis {
        height: 0;
        filter: alpha(opacity=0);
        opacity: 0;
    }

    /*team_list*/
    .team_list li.item {
        width: 50%;
        max-width: 375px;
        margin: 0 auto;
        float: left;
    }

    .team_list li.item .recommend_info {
        display: none;
    }

    .team_list .item a {
        padding: 0 20px 20px 0;
    }

    .team_list .item a:before {
        height: 154px;
        border-width: 3px;
    }

    .team_list .recommend_img {
        width: 106px;
        height: 154px;
    }

    .team_list .recommend_intro {
        padding: 30px 0 0 15px;
    }

    .r_i_tit {
        font-size: 16px;
    }

    .r_i_tit em {
        font-size: 14px;
    }

    .r_i_post {
        display: none;
    }

    .team_more {
        width: 95px;
        height: 30px;
        line-height: 30px;
        bottom: 3px;
        right: 3px;
        font-size: 14px;
    }

    .recommend_info {
        display: none;
    }

    /*member*/
    .member_info dt {
        width: 40%;
        margin-right: 15px;
    }

    .member_info dd {
        overflow: visible;
        font-size: 14px;
        line-height: 1.7;
    }

    .m_g_list li img {
        display: none;
    }

    .m_g_list {
        width: 120px;
    }

    .m_g_list li {
        width: 100%;
        margin-bottom: 10px;
    }

    /*card*/
    .card {
        margin: 0.4rem 0 0;
    }

    .card_tab {
        float: none;
    }

    .card_tab li {
        float: left;
        margin-right: 0.2rem;
    }

    .card_tab li a {
        background-color: #f5f5f5;
    }

    #family_scr,
    #card_scr {
        width: 100%;
        margin: 0;
        padding: 0;
    }

    #family_scr .item,
    #card_scr .item {
        padding: 0;
    }


    .card_table table th,
    .card_table table td,
    .card_note {
        font-size: 12px;
    }

    .card_table table th,
    .card_table table td.zengzhi {
        font-size: 14px;
    }

    /*re_main*/
    .re_phone {
        position: inherit;
    }

    .re_p_right {
        display: none;
    }

    .re_ph_left_p1 {
        background-size: 41px;
        padding-left: 51px;
    }

    .re_ph_left_p1 em {
        font-size: 32px;
    }

    .re_m_ermBOX1 {
        display: block;
        width: 100%;
        margin: 0;
    }

    .re_m_ermBOX1img {
        width: 89px;
    }

    .re_m_ermBOX1nr {
        padding-top: 10px;
    }

    .re_m_downimg {
        display: none;
    }

    .re_m_downyx {
        width: 50%;
    }

    .re_m_downyx {
        border-left: 1px solid #baecf7;
    }

    /*profile*/
    .profile_txt {
        width: 100%;
    }

    /*envaironment*/
    .content,
    div.navigation {
        width: 100%;
    }

    div.navigation {
        margin-bottom: -1.91rem;
    }

    .thumb_txt {
        font-size: 12px;
    }

    /*expert2*/
    .team_img {
        display: none;
    }

    .team_guide {
        position: inherit;
    }

    .designer_about,
    .team_guide,
    .team_page {
        width: 100%;
    }

    .team_name {
        font-size: 14px;
    }

    .designer_about {
        margin-bottom: 20px;
    }

    /*contact*/
    .contact_map {
        height: 257px;
    }

    .contact_box,
    .contact_info {
        position: inherit;
    }

    .contact_info {
        margin: 0 auto;
        max-width: none;
        padding: 30px 15px;
    }

    .contact_tit span {
        font-size: 22px;
    }

    .contact_tit em {
        font-size: 24px;
    }

    /*error*/
    .body_error {
        background-size: cover;
    }

    .error_box {
        margin-top: -173px;
    }

    .sorry {
        font-size: 18px;
        background-size: 13px;
        padding-left: 23px;
    }

    .go {
        width: 136px;
    }

    /*events_year*/
    .events_year {
        float: none;
        margin-bottom: 10px;
    }

    #deve_area .events_scr {
        width: 100%;
        margin: 0;
        font-size: 14px;
        text-align: justify;
    }

    #deve_area .events_scr .owl-buttons {
        top: -45px;
        left: auto;
        right: 0;
    }

    .events_month {
        font-size: 18px;
    }

    #deve_tab .item span {
        font-size: 18px;
    }

    #deve_tab .synced .item span {
        background-size: 22px;
        padding: 0 0 31px;
        color: #00b0ec;
        font-size: 18px;
    }

    #deve_area {
        margin-bottom: 30px;
    }

    #deve_tab {
        padding: 0 54px;
    }

    #deve_area .owl-buttons div {
        bottom: -105px;
    }

    /*recommend*/
    .recommend_name {
        width: 85px;
        height: 30px;
        line-height: 30px;
        font-size: 14px;
    }

    .recommend_scr .item a:hover .recommend_name {
        right: -85px;
    }

    /*science*/
    .science li a {
        height: 180px;
    }

    .science_area {
        padding: 20px;
    }


    .c_i_info,
    .c_i_des {
        font-size: 0.24rem;
    }

    .sec_tit .tit_des,
    .s_nav_list li a,
    .c_p_des {
        font-size: 0.28rem;
    }

    .map2_tit,
    .g_tit {
        font-size: 0.30rem;
    }

    .sec_tit2,
    .correction_tit,
    .correction_item {
        font-size: 0.36rem;
    }


}

@media (max-width: 567px) {

    /*about*/
    .about_links li,
    .about_links li.about_links1,
    .about_links li.about_links2 {
        width: 100%;
        text-align: center;
    }

    .about_links li.about_links1,
    .about_links li.about_links2 {
        padding: 10px;
    }

    .about_links li.about_links1 {
        border-right: none;
        border-bottom: 1px solid #7f7f7f;
    }

    /*team*/
    .team_list li.item {
        width: 100%;
        float: none;
    }
}



.a,
*:before,
*:after,
.owl-buttons div,
header,
.erweima,
.clinic_menu,
.clinic_list,
.subclass_nav,
.subclass_bot,
.major_link li a,
.about_line,
.server_zhe,
.server_tit,
.server_sum,
.tj_a,
.news_more span,
#news_scr .item,
.news_date,
.expert_name,
#expert_scr .owl-controls .owl-buttons div,
.case_ico,
.culture_item em,
.culture_item i,
.item_des,
.join_area,
.news_tit,
.science_area,
.science_tit,
.author,
.science_more,
.report_list li,
.back_list span,
.o_list li,
.o_list li span,
.g_tit,
.g_tit span,
.related_info,
.related_more,
.o_i_box,
.recommend_info,
.recommend_name,
.chief_tab li,
.chief_area,
.m_g_list li span,
.card_area,
.mode_list li,
.mode_ico,
.mode_ico img,
.back_top img,
.re_m_info_1,
.re_m_downimg img,
.re_m_downyx,
.re_m_downyxico,
.re_m_downyxtit1,
.thumb_txt,
.team_name,
.team_name span,
#tab_scr .item span,
.expert_info,
.c_p_img01,
.c_p_img02,
.r_rec_img01,
.r_rec_img02,
.report_img01,
.report_img02,
#deve_tab .item span,
.jian_more,
.order_submit {
    -webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    -ms-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
}


.c_line1,
.c_line2,
.c_line3,
.c_line4,
.menu_box,
.menu_list li,
.menu_list li a,
.menu_ico,
.menu_item img,
.recommend_more,
.recommend_post li,
.recommend_info h6,
.server_info {
    -webkit-transition: all 0.6s ease-in-out 0s;
    -moz-transition: all 0.6s ease-in-out 0s;
    -ms-transition: all 0.6s ease-in-out 0s;
    -o-transition: all 0.6s ease-in-out 0s;
    transition: all 0.6s ease-in-out 0s;
}


/*图片由小变大*/
.expert_img img,
.related_img {
    -webkit-transform: scale(1, 1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 400ms;
    -moz-transform: scale(1, 1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 400ms;
    transform: scale(1, 1);
    transition-timing-function: ease-out;
    transition-duration: 400ms;
    width: 100%;
}


#expert_scr .item a:hover .expert_img img,
.related_list li:hover .related_img,
.re_m_downimg:hover img {
    -webkit-transform: scale(1.08, 1.08);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 400ms;
    -moz-transform: scale(1.08, 1.08);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 400ms;
    transform: scale(1.08, 1.08);
    transition-timing-function: ease-out;
    transition-duration: 400ms;
    position: relative;
}

.dis {
    display: none;
}



.m_logo{width: 50%;float: left}
@media only screen and (min-width:1200px){
	
	.nav__menu li:nth-child(4){ /*! width: 200px!important; */margin-right: 0!important;}
	.nav__menu li:nth-child(4) .logo{ margin: 0}
	.m_logo{display: none}
}