/**banner***********************************/
.banner{}
.banner .w1440{  height: 100%; position: absolute; left: 50%; top: 0;transform: translate(-50%, 0); text-align: center; }
.banner img{ width: 100%;}
.banner .txt{ position: absolute; left: 0; top: 50%; text-align: left; color: #006d6b; z-index: 1;transform: translate(0, -50%);}
.banner .txt a{ color: #fff; margin-top: 2rem; font-weight: 300; }
.banner .txt p{ font-size: 5rem; line-height: 7rem; font-weight: 300; }
.banner .txt p:nth-child(2){ font-weight: 700; }
.banner .txt p:nth-child(3){ font-weight: inherit; font-size: 1.6rem; line-height: 5rem; }

.banner a{ display: inline-block; background: #00B09F; color: #fff; font-size: 1rem; padding: 1.25rem 6rem; border-radius: 2rem; letter-spacing: 0.4rem; position: relative;}
.banner a:before{ position: absolute; left: 20%; top: 50%; width: 0.6rem; height: 0.6rem;border: solid #fff;border-width: 0 1px 1px 0;transform: rotate(-45deg) translate(0%, -50%);-webkit-transform: rotate(-45deg) translate(0%, -50%); display: inline-block;  content: '';}

.banner a:hover{ background: #47C5B9;}

.banner .swiper-container{ width: 100%; float: left; }
.banner .swiper-slide{ width: 100%; position: relative;}

.banner .banner-scrollbar{ position: absolute; width: 100%;  bottom: 0; left: inherit; height: 2.6rem; text-align: center; z-index:9}
.banner .banner-scrollbar span{ background:#BAE6E2; width: 0.8rem; height: 0.8rem; border-radius: 0.8rem; margin-top: 0.9rem; margin-right: 0.5rem; opacity:1;}
.banner .banner-scrollbar span.swiper-pagination-bullet-active{ background: #00B09F; padding: 0 1rem;}







/**six***********************************/
.six{ background: #00B09F; height:100%; padding: 1.938rem 0; color: #fff; text-align: center;}

.six a{ color: #fff; }

.six ul{ width: 100%;}
.six li{ width:16.6666%; height: 7rem; position: relative;}
.six li .six_li{ width: 5rem; height: 7rem; position: absolute; left: 50%; top: 50%;transform: translate(-50%, -50%);}
.six li .img{ width: 5rem; height: 5rem; overflow:hidden; float: left; }
.six li .img img{ width: 5rem; height: 10rem; float: left; }
.six li .name{ width: 100%; float: left; margin-top: 0.4rem; height: 1.6rem; line-height: 1.6rem; font-size: 1rem; }

.six li:before{ position: absolute; content: ''; left: 0; top: 10%; width:0.1rem; height: 80%; background: #40C4B7; }

.six ul a:nth-child(1) li:before{ background: #00B09F}

.six li:hover .img img{ margin-top: -5rem; }

.six ul a:nth-last-child(1) li{ position: relative; }

.six li .renew{ display: none;display: none;position: absolute; z-index: 9; left: 50%; top:100%; transform: translate(-50%, 0); background: #fff; box-shadow: 0 0rem 1rem 0.5rem rgb(43 35 79 / 15%); border-radius: 0.6rem;}
.six li .renew .img{ width: 9.5rem; height: 9.5rem; padding: 1rem;  padding-top: 1rem; padding-bottom: 0; float: left; overflow: hidden;}
.six li .renew .img img{ width: 7.5rem; height: 7.5rem; float: left;}


.six li .renew:before { position: absolute; content: ''; left: 50%; margin-left: -0.4rem; top: -0.8rem; width: 0; height: 0; border-width: 0.4rem; border-style: solid; border-color: transparent #fff transparent transparent;  transform: rotate(90deg);}
.six li:hover .renew .img img{ margin: 0 }



/**eight***********************************/
.eight{ padding: 6.05rem 0 7rem; height: 100%; overflow: hidden; text-align: center; }

.eight ul{ width: 100%; margin-top: 2rem;}
.eight ul a{ display: inline-block; width: 22%; float: left; margin: 0 1.5% 3rem 1.5%; padding: 2rem 1rem; border-radius: 1rem; box-shadow: 0 1rem 3rem 0 rgb(43 35 79 / 5%); }
.eight ul li{ width: 100%; float: left; }
.eight ul li img{ width: 5rem; height: 5rem; margin-bottom: 1rem; }
.eight ul li .name{ width: 100%; }
.eight ul li .name p{ font-size: 1rem; line-height: 1.5rem; color: #434343; }
.eight ul li .name font{ font-size: 0.8rem; line-height: 1rem; height: 1rem; overflow: hidden; font-family: 'Arial'; color: #B6B6B6;}

.eight ul a:hover{box-shadow: 0 1rem 3rem 0 rgb(43 35 79 / 14%);}
.eight ul a.ml3{ margin-left:14%}
.eight ul a.ml2{ margin-left:26.5%}
.eight ul a.ml1{ margin-left:39%}


/**teams***********************************/
.teams{padding: 6.05rem 0 3rem; background: #EFF2F3; height: 100%; overflow: hidden; text-align: center;}
.teams h1{ width: 100%; float: left; font-size: 1.1rem; line-height: 1.5rem; padding: 3rem 0; font-weight:300; color: #00B09F }
.team{ width: 100%; float: left; font-size: 1.1rem; line-height: 1.5rem; padding: 3rem 0; font-weight:300; color: #00B09F }

.teams ul{ width: 100%; margin: 2rem 0;}
.teams ul li{ width: 25%; }
.teams ul li a{ display: inline-block; width: 12rem; height: 12rem; padding: 1rem; position: relative; border-radius: 100%;  background: #00B09F; color: #fff; box-shadow: 0 1rem 2rem 0 rgb(43 35 79 / 15%); }
.teams ul li a .txt{position: absolute; left: 50%; top: 50%;transform: translate(-50%, -50%);width: 190px;}

.teams ul li p:nth-child(1){ font-size: 2.3rem; line-height: 2.5rem; margin-bottom: 0.5rem; font-weight:700;}
.teams ul li p:nth-child(2){ font-size: 0.9rem; line-height: 1.2rem;}
.teams ul li b:nth-child(1){ font-size: 0.9rem; line-height: 1.2rem;}

.teams .bg{ width: 100%; float: left; margin: 2rem 0;}

.teams .link{ width: 100%; float: left; margin: 3rem 0; text-align: center; }
.teams .link a{ display: inline-block; background: #00B09F; color: #fff; font-size: 1rem; padding: 1.25rem 6rem; border-radius: 2rem; letter-spacing: 0.4rem; position: relative;}
.teams .link a:before{ position: absolute; left: 20%; top: 50%; width: 0.6rem; height: 0.6rem;border: solid #fff;border-width: 0 1px 1px 0;transform: rotate(-45deg) translate(0%, -50%);-webkit-transform: rotate(-45deg) translate(0%, -50%); display: inline-block;  content: '';}

.teams .link a:hover{ background: #47C5B9;}



/**process***********************************/
.process{ padding-top: 6.05rem; height: 100%; overflow: hidden;  }

.process ul{ width: 100%; margin: 3rem 0; position: relative; }
.process ul:before{ position: absolute; content: ''; left: 0; top: 14.75rem; display:block; width: 98%; border-radius:0.3rem;  height: 0.625rem;background:#00B09F;
    background: -moz-linear-gradient(left, #00B09F 0%, #F8DBBB 100%);
    background: -webkit-gradient(linear, left, color-stop(0%,#00B09F), color-stop(100%,#F8DBBB));
    background: -webkit-linear-gradient(left, #00B09F 0%,#F8DBBB 100%);
    background: -o-linear-gradient(left, #00B09F 0%,#F8DBBB 100%);
    background: -ms-linear-gradient(left, #00B09F 0%,#F8DBBB 100%);
    background: linear-gradient(to right, #00B09F 0%,#F8DBBB 100%);
}
.process ul:after{position: absolute;right: 0; top: 13.82rem; content: '';display: block;width: 0;height: 0;overflow: hidden;line-height: 0;font-size: 0;vertical-align: middle;border-left: 3.2rem solid #F8DBBB;border-right: 0 none;border-top: 1.2rem solid transparent;border-bottom: 1.2rem solid transparent;_color: #F8DBBB;_filter: chroma(color=#F8DBBB);}

.process ul li{ width: 11.25rem; }
.process ul li .img{ width: 11.25rem; height: 13.75rem; float: left; overflow: hidden; }
.process ul li .img img{ width: 11.25rem; height: 13.75rem; float: left; }
.process ul li .bg{ width: 100%; height: 0.625rem; float: left; position: relative; }
.process ul li .bg .i{ position: absolute;left: 50%; top:0;transform: translate(-50%, 0%); width: 0.625rem; height: 0.625rem; float: left; border: #fff 0.2rem solid; border-radius: 0.625rem; background: rgba(0, 0, 0, 0);}
.process ul li .name{ width: 100%; float: left; text-align: center; font-size: 1.125rem; line-height: 4rem; color: #00B09F;}



.process ul li:nth-child(odd) .img{ margin-bottom: 1rem; background: url(../image/bottom.png) no-repeat; }
.process ul li:nth-child(even) .img{ margin-top: 1rem; background: url(../image/top.png) no-repeat; }

.process ul li:nth-child(1){ margin-left: 7.5rem; }

.process ul li:nth-child(even){ margin-top: 10.75rem }


.process .desc{ width: 100%; float: left; background: #00B09F; padding: 5rem 0; color: #fff; }
.process .desc p{ display: inline-block; width: 100%; padding:0 10%; margin-bottom: 1rem; float: left; position: relative; font-size: 1rem; line-height: 1.5rem; letter-spacing: 0.1rem;}
.process .desc p:before{ position: absolute; left: 9%;top: 0.5rem; content: ''; width: 0.5rem; height: 0.5rem; border-radius: 0.6rem; background:#fff; }
.process .desc p:nth-last-child(1){ margin-bottom: 0 }


/**news***********************************/
.news{ padding: 6.05rem 0 3rem; height: 100%; overflow: hidden;  }

.news ul{ width: 100%; padding: 3rem 0; }

.news ul li{ width: 23.3%; margin-left:2.25%; }
.news ul li .img{ width: 100%; float: left; overflow: hidden;height: 195px;}
.news ul li .img img{ width: 100%; float: left; }
.news ul li h2{ display: inline-block; width: 100%; height: 2.8rem; float: left; margin-top: 2rem; font-size: 1.1rem; color: #434343; line-height: 1.4rem; overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.news ul li h2 a{ color: #434343 }
.news ul li h3{ display: inline-block; width: 100%; float: left; font-weight: inherit; margin-top: 1.5rem; font-size:0.9rem; color: #878787; line-height: 1.5rem; height: 3rem; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.news ul li .time{ width: 100%; float: left; margin-top: 2rem; line-height: 3rem; font-size: 1rem; color: #878787; border-top: #CBEEEB 1px solid; position: relative; }
.news ul li .time:before{ position: absolute; top: 0; left: 0; width:0%; content: '';border-top: #00B09F 1px solid; z-index: 1;-webkit-transition: all 0.5s;  -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}


.news ul li:nth-child(1){ margin-left: 0; }

.news ul li:hover img{transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);}
.news ul li:hover h2{ color: #00B09F }
.news ul li:hover h2 a{ color: #00B09F  }
.news ul li:hover h3{ color: #b6b6b6}
.news ul li:hover .time:before{ width: 100%; }


/**doctor***********************************/
.doctor{ background: #F8F8F8; height: 100%; overflow: hidden; position: relative;}
.doctor:before{ position: absolute; left: 0; top: 0; content: '';  width: 100%; height: 4rem; background: #fff;}

.doctor .doctor_banner{ width: 100%; height: 46.875rem; }
.doctor .swiper-slide{ width: 100%; height: 46.875rem; position: relative;}


.doctor .swiper-slide .left{ width: 50rem; height: 46.875rem; position: absolute;}
.doctor .swiper-slide .left .img{ width: 46.875rem; height: 46.875rem; float: left; overflow: hidden; }
.doctor .swiper-slide .left .img img{ width: 46.875rem; height: 46.875rem; float:left; }

.doctor .swiper-slide .left .txt{ position: relative; color: #fff; text-align: center;}
.doctor .swiper-slide .left .txt .sort{ position: absolute; right: 0; top: 9rem; text-align: left; color: #656565; font-size: 1rem; line-height: 2.125rem;  }
.doctor .swiper-slide .left .txt .sort h2{ color: #00B09F; font-size: 2.25rem; line-height: 4rem; }
.doctor .swiper-slide .left .txt .years{ position: absolute; left: 6rem; top: 20rem; width:7.5rem; height: 7.5rem; padding:2.5rem 1.5rem; border-radius: 7.5rem; line-height: 1.25rem; background:#F0ADAA;  font-size: 0.75rem;box-shadow: 0 1rem 3rem 0 rgb(43 35 79 / 10%);}
.doctor .swiper-slide .left .txt .years>div{ position: relative; }
.doctor .swiper-slide .left .txt .years font{ font-size: 3rem; line-height: 1.6rem; font-weight: 700;}
.doctor .swiper-slide .left .txt .years:before{ position: absolute; z-index: 0; right: 0; bottom: 0; content: ''; width: 50%; height: 50%; background:#F0ADAA; border-radius: 0.4rem;}

.doctor .swiper-slide .left .txt .name{ position: absolute; right: 0; top: 33rem; padding: 0.5rem 1.5rem; border-radius: 0.5rem; background:rgba(122,150,205,.8); box-shadow: 0 1rem 3rem 0 rgb(43 35 79 / 10%); }
.doctor .swiper-slide .left .txt .name p:nth-child(1){ font-size: 1.5rem; line-height: 2.5rem;}
.doctor .swiper-slide .left .txt .name p:nth-child(2){ font-size: 1rem; line-height: 2rem;}


.doctor .swiper-slide .right{ width: 100%; padding-left: 50rem;}
.doctor .swiper-slide .right .desc{ width: 100%; margin-top: 12rem; color: #434343; font-size: 1.05rem; line-height: 2.5rem;}
.doctor .swiper-slide .right ul{ width: 56%; margin-left: 22%; margin-top:3rem; position: relative;}
.doctor .swiper-slide .right ul li{ width: 50%;  text-align: center;}
.doctor .swiper-slide .right ul li a{ display: inline-block; height: 100%; width: 100%; float: left; padding: 2rem; }
.doctor .swiper-slide .right ul li img{ width: 5rem; height: 5rem; }
.doctor .swiper-slide .right ul li p{ font-size: 1.1rem; font-weight: bold; color: #434343 }

.doctor .swiper-slide .right ul li:nth-child(1){ border-top-left-radius:1.5rem; }
.doctor .swiper-slide .right ul li:nth-child(2){ border-top-right-radius:1.5rem; }
.doctor .swiper-slide .right ul li:nth-child(3){ border-bottom-left-radius:1.5rem; }
.doctor .swiper-slide .right ul li:nth-child(4){ border-bottom-right-radius:1.5rem; }

.doctor .swiper-slide .right ul li:hover{ background: #EAEAEA; }
.doctor .swiper-slide .right ul li:hover p{ color: #00B09F }

.doctor .swiper-slide .right ul:before{ position: absolute; content: ''; left: 50%; top: 0;transform: translate(-50%, 0); width: 2px; height: 100%; background: #EAEAEA; }
.doctor .swiper-slide .right ul:after{ position: absolute; content: ''; left: 0; top: 50%;transform: translate(0, -50%); width: 100%; height: 2px; background: #EAEAEA; }


.doctor .doctor-scrollbar{ position: absolute; width: 100%;  bottom: 0; left: inherit; height: 2.6rem; text-align: center; z-index:9}
.doctor .doctor-scrollbar span{ background:#BAE6E2; width: 0.8rem; height: 0.8rem; border-radius: 0.8rem; margin-top: 0.9rem; margin-right: 0.5rem; opacity:1;}
.doctor .doctor-scrollbar span.swiper-pagination-bullet-active{ background: #00B09F; padding: 0 1rem;}


/**lore***********************************/
.lore{ padding: 6.05rem 0 8.75rem; height: 100%; overflow: hidden;}

.lore .lore_tit{ width: 100%; float: left; margin-top: 2.2rem; text-align: center; }
.lore .lore_tit a{ display: inline-block; border: #00B09F 1px solid; border-radius:1rem;  color: #8C8C8C; line-height: 1rem; font-size: 1rem; padding:0.6rem 1.2rem; margin:0 0.5rem;}
.lore .lore_tit a.cur{ background: #00B09F; color: #fff }

.lore .lore_info{ width: 100%; float: left; margin-top: 3.5rem;}
.lore .lore_info>div{ display: none; }
.lore .lore_info>div:nth-child(1){ display: inline-block; }

.lore .lore_info>div ul{ width: 100%; }
.lore .lore_info>div ul li{ float: left; width:48%; margin-bottom: 2rem; overflow: hidden; border-radius: 1rem; background: #F9F9F9; padding: 1.5rem; position: relative;box-shadow: 0 1rem 3rem 0 rgb(43 35 79 / 5%);}
.lore .lore_info>div ul li .time{ width: 4rem; float: left; text-align: center; line-height: 2rem; position: absolute; color: #989898}
.lore .lore_info>div ul li .time p{ font-size: 1.2rem; }
.lore .lore_info>div ul li .time p:nth-child(2){ font-size: 1rem;}
.lore .lore_info>div ul li .time:before{ position: absolute; content: ''; width: 70%; height: 1px; min-height: 1px; max-height: 1px; background:#989898;  left: 50%; top: 50%;transform: translate(-50%, -50%);-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s; }

.lore .lore_info>div ul li .txt{ float: left; width: 100%; padding-left: 5rem;}
.lore .lore_info>div ul li .txt .name{ color: #545454; font-size: 1.1rem; height: 2rem; line-height: 2rem;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; margin-top: 0.2rem; }
.lore .lore_info>div ul li .txt .desc{ color: #878787; font-size: 0.9rem; line-height: 1.6rem; height: 1.6rem;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; }

.lore .link{ width: 100%; float: left; margin-top: 3rem; text-align: center; }
.lore .link a{ display: inline-block; background: #00B09F; color: #fff; font-size: 1rem; padding: 1.25rem 6rem; border-radius: 2rem; letter-spacing: 0.4rem; position: relative;}
.lore .link a:before{ position: absolute; left: 20%; top: 50%; width: 0.6rem; height: 0.6rem;border: solid #fff;border-width: 0 1px 1px 0;transform: rotate(-45deg) translate(0%, -50%);-webkit-transform: rotate(-45deg) translate(0%, -50%); display: inline-block;  content: '';}

.lore .link a:hover{ background: #47C5B9;}


.lore .lore_info>div ul li:nth-child(odd){ margin-right: 2%; }
.lore .lore_info>div ul li:nth-child(even){ margin-left: 2%; }
.lore .lore_info>div ul li:hover{ background: #00B09F;box-shadow: 0 1rem 3rem 0 rgb(43 35 79 / 15%);}
.lore .lore_info>div ul li:hover .time{ color: #fff }
.lore .lore_info>div ul li:hover .time:before{ background:#fff;}
.lore .lore_info>div ul li:hover .name,.lore .lore_info>div ul li:hover .desc{ color: #fff}




@media(max-width:1680px) {

    .process ul li:nth-child(1){ margin-left: 3rem; }

}

@media(max-width:1600px) {

    .process ul li:nth-child(1){ margin-left: 1rem; }

}

@media(max-width:1440px) {
    .banner .txt p {font-size: 4.8rem;line-height: 6rem;}
    .banner a {padding: 1.1rem 5rem;letter-spacing: 0.3rem;}

    .process ul:before{ top: 13.25rem; }
    .process ul:after{ top: 12.3rem; }
    .process ul li{ width: 10rem;}
    .process ul li:nth-child(even){ margin-top: 9.25rem; }
    .process ul li:nth-child(odd) .img,.process ul li:nth-child(even) .img{ background-size: 100% 100%;  }
    .process ul li .img,.process ul li .img img{ width: 10rem; height: 12.25rem;}
    .process ul li .name{ font-size: 1rem; font-weight: inherit;}

    .process .desc{ padding: 3rem 0;}
    .process .desc p{ font-size: 0.9rem }

    .six{ padding: 1rem 0; }
    .eight{ padding: 3rem 0 1rem; }

    .teams{padding: 3rem 0}
    .teams h1{ padding: 1rem 0; }
    .teams .bg{ margin: 1rem 0; }
    .teams .link{ margin: 1rem 0; }

    .doctor:before{ height: 2rem }

    .lore{ padding: 3rem 0; }
    .lore .link{ margin-top: 2rem; }

}

@media(max-width:1366px) {

    .banner .txt p {font-size: 4.5rem;line-height: 5.5rem;}
    .banner a {padding: 1.1rem 5rem;letter-spacing: 0.3rem;}

    .process ul:before{ top: 11.5rem; }
    .process ul:after{ top: 10.6rem; }
    .process ul li{ width: 9rem;}
    .process ul li:nth-child(1){ margin-left: 3rem; }
    .process ul li:nth-child(even){ margin-top: 8.5rem; }
    .process ul li:nth-child(odd) .img{ margin-bottom: 0.5rem; }
    .process ul li:nth-child(even) .img{ margin-top: 0.5rem; }
    .process ul li .img,.process ul li .img img{ width: 9rem; height: 11rem;}
    .process ul li .name{ font-size: 0.9rem; line-height: 3rem; }



    .doctor .doctor_banner,.doctor .swiper-slide{ height: 42rem; }
    .doctor .swiper-slide .left,.doctor .swiper-slide .left .img,.doctor .swiper-slide .left .img img{ width: 42rem; height: 42rem; }
    .doctor .swiper-slide .right{ padding-left: 45rem; }
    .doctor .swiper-slide .right .desc{ margin-top: 8rem; }

}


@media(max-width:1280px) {

    .banner .txt p {font-size: 4.3rem;line-height: 5rem;}
    .banner a {padding: 1rem 4.5rem;}

    .process ul:before{ top: 10.25rem; }
    .process ul:after{ top: 9.4rem; }
    .process ul li{ width: 8rem;}
    .process ul li:nth-child(1){ margin-left: 4rem; }
    .process ul li:nth-child(even){ margin-top: 7.25rem; }
    .process ul li:nth-child(odd) .img{ margin-bottom: 0.5rem; }
    .process ul li:nth-child(even) .img{ margin-top: 0.5rem; }
    .process ul li .img,.process ul li .img img{ width: 8rem; height: 9.75rem;}
    .process ul li .name{ font-size: 0.9rem; line-height: 3rem; }

    .doctor .doctor_banner,.doctor .swiper-slide{ height: 40rem; }
    .doctor .swiper-slide .left,.doctor .swiper-slide .left .img,.doctor .swiper-slide .left .img img{ width: 40rem; height: 40rem; }
    .doctor .swiper-slide .right{ padding-left: 43rem; }
    .doctor .swiper-slide .right .desc{ margin-top: 7rem; }

    .doctor .swiper-slide .left .txt .name{ top: 30rem; }

}

@media(max-width:1024px) {

    .banner .txt{ left: 5%; }
    .banner .txt p {font-size: 3.2rem;line-height: 4rem;}
    .banner .txt a {padding: 0.8rem 3.5rem; margin-top: 1rem; }

    .six{ padding: 0.5rem 0; }
    .six li{ height: 5.6rem; }
    .six li .six_li{ width: 4rem; height: 5.6rem }
    .six li .img{ width: 4rem; height: 4rem; }
    .six li .img img{ width: 4rem; height: 8rem; }
    .six li .name{ margin-top: 0; }
    .six li:hover .img img{ margin-top: -4rem; }

    .process ul:before{ top: 9.1rem; }
    .process ul:after{ top: 8.2rem; }
    .process ul li{ width: 7rem;}
    .process ul li:nth-child(1){ margin-left: 4rem; }
    .process ul li:nth-child(even){ margin-top: 6.1rem; }
    .process ul li:nth-child(odd) .img{ margin-bottom: 0.5rem; }
    .process ul li:nth-child(even) .img{ margin-top: 0.5rem; }
    .process ul li .img,.process ul li .img img{ width: 7rem; height: 8.5625rem;}
    .process ul li .name{ font-size: 0.875rem; height: 3rem; overflow: hidden; line-height: 3rem; }

    .news ul{ padding: 3rem 0 1rem }
    .news ul li{ width: 14.6rem; margin-left: 1rem; }
    .news ul li:nth-child(1){ margin-left: 1rem; }
    .news ul li h2{ font-size: 1rem; font-weight: inherit; margin-top: 1rem; }
    .news ul li h3{ margin-top: 0.5rem; }
    .news ul li .time{ margin-top: 1rem; line-height: 2rem; }


    .doctor .doctor_banner,.doctor .swiper-slide{ height: 32rem; }
    .doctor .swiper-slide .left,.doctor .swiper-slide .left .img,.doctor .swiper-slide .left .img img{ width: 32rem; height: 32rem; }
    .doctor .swiper-slide .left .txt .sort{ font-size: 0.875rem; line-height: 1.5rem; top: 5rem; }
    .doctor .swiper-slide .left .txt .sort h2 {font-size: 1.5rem; line-height: 2.5rem;}
    .doctor .swiper-slide .left .txt .years{ left: 3rem; top: 13rem; width: 6rem; height: 6rem; line-height: 1rem; border-radius: 6rem; padding: 1.7rem 1.05rem;}
    .doctor .swiper-slide .left .txt .years font{ font-size: 2rem; }
    .doctor .swiper-slide .left .txt .name{ top: 22rem; padding: 0.5rem 1.2rem;}
    .doctor .swiper-slide .left .txt .name p:nth-child(1){ font-size: 1.2rem; line-height: 2rem; }
    .doctor .swiper-slide .left .txt .name p:nth-child(2){ font-size: 0.8rem; line-height: 1.5rem; }
    .doctor .swiper-slide .right{ padding-left: 34rem; }
    .doctor .swiper-slide .right .desc{ margin-top: 5.5rem; line-height: 2rem; font-size: 0.9rem; }
    .doctor .swiper-slide .right ul{ width: 70%; margin-left: 15%; margin-top: 2rem;}
    .doctor .swiper-slide .right ul li a{ padding: 1rem; }
    .doctor .swiper-slide .right ul li p{ font-size: 1.05rem; }

    .eight ul li .name font{ font-size: 0.7rem; }

    .lore .lore_tit a{ font-size: 0.9rem; padding: 0.5rem 1rem; }
    .lore .lore_info{ width: 96%; margin-left: 2%; margin-top: 1.5rem}
    .lore .lore_info>div ul li{ width: 49%; padding: 1rem; margin-bottom: 2%;box-shadow: 0 1rem 1rem 0 rgb(43 35 79 / 5%); }
    .lore .lore_info>div ul li:nth-child(odd){ margin-right: 1%; }
    .lore .lore_info>div ul li:nth-child(even){ margin-left:1%; }
    .lore .lore_info>div ul li .time{ width: 3.2rem; }
    .lore .lore_info>div ul li .time p{ font-size: 1rem; }
    .lore .lore_info>div ul li .time p:nth-child(2){ font-size: 0.8rem; }
    .lore .lore_info>div ul li .txt{ padding-left: 4rem; }
    .lore .lore_info>div ul li .txt .name{ font-size: 1.04rem; }
    .lore .lore_info>div ul li:hover{box-shadow: 0 1rem 1rem 0 rgb(43 35 79 / 15%)}
    .lore .link a{ padding: 1rem 4rem; font-size: 0.9rem}
    .lore .link a:before{ left: 10%; }

}


@media(max-width:768px) {
    .eight,.teams,.news,.lore,.helpu{ padding: 2rem 0; }
    .process{ padding-top: 2rem; }

    .title h2{ font-size: 1.3rem; line-height: 1.8rem;}
    .title h3{ font-size: 0.7rem; line-height: 1.2rem;}

    .banner  img{ width: 100%; }
    .banner .txt{ left: 4%; }
    .banner .txt p {font-size: 1.4rem;line-height: 2.2rem;}
    .banner .txt p:nth-child(3){ font-size: 0.73rem; line-height: 1.6rem;}
    .banner .txt a {padding: 0.4rem 1.8rem; margin-top: 1rem; }
    .banner a:before{ left: 10%; width: 0.4rem; height: 0.4rem;}

    .banner .banner-scrollbar{ position: absolute; width: 100%;  bottom: 0; left: inherit; height: 1.5rem; text-align: center; z-index:9}
    .banner .banner-scrollbar span{ background:#BAE6E2; width: 0.5rem; height: 0.5rem; border-radius: 0.5rem; margin-top: 0.5rem; margin-right: 0.3rem; opacity:1;}
    .banner .banner-scrollbar span.swiper-pagination-bullet-active{ background: #00B09F; padding: 0 1rem;}


    .six li{ width: 25%; }
    .six li .six_li{ width: 3rem; height: 4.6rem; }
    .six li .img{ width: 3rem; height: 3rem; }
    .six li .img img{ width: 3rem; height: 6rem; }
    .six li:hover .img img{ margin-top: -3rem; }
    .six ul>a:nth-child(3),.six ul>:nth-child(4){ display: none; }
    .six li .name{ font-size: 0.7rem;  line-height: 1.6rem; }
    .six li .renew:before{ left: inherit; right: 1rem; }
    .six li .renew{left: inherit; right: 1rem;transform:translate(0, 0);}


    .eight ul{ margin-top: 1rem; }
    .eight ul a{width: 50%;margin:0;padding:0.5rem 0;box-shadow:none; height: 8rem; float: left; position: relative; }
    .eight ul li{ width: 100%;      overflow: hidden; }
    .eight ul li img{ width: 3rem; height: 3rem; margin-bottom: 0.5rem; }
    .eight ul li .name p{ font-size: 0.9rem; }
    .eight ul li .name font{ display: inline-block; width: 100%; height: 1.8rem; padding: 0 10%; line-height: 0.9rem; }
    .eight ul a:before{ position: absolute; content: ''; left: 0; top: 0; width: 1px; min-width: 1px; max-width: 1px; height: 100%; background: #ECEEEF;}
    .eight ul a:after{ position: absolute; content: ''; left: 50%; top: 0; height: 1px; min-height: 1px; max-height: 1px; width: 80%; background: #ECEEEF;transform: translate(-50%, 0);}
    .eight ul a:nth-child(odd):before{background: #fff;}
    .eight ul a:nth-child(1):after,.eight ul a:nth-child(2):after{ display: none; }
    .eight ul a:hover{box-shadow: none;}
    .eight ul a.ml3{ margin-left: 0%; }
    .eight ul a.ml2{ margin-left: 0%; }
    .eight ul a.ml1{ margin-left: 25%; }

    .team{ padding:0.5rem 1rem; font-size: 0.8rem; line-height: 1rem; font-weight: inherit;}
    .teams h1{ padding:0.5rem 1rem; font-size: 0.8rem; line-height: 1rem; font-weight: inherit;}
    .teams ul{ margin: 1rem 0; }
    .teams ul li{ width: 50%; margin-bottom: 2rem; }
    .teams ul li a{ width: 8rem; height: 8rem; }
    .teams ul li p:nth-child(1){ font-size: 1.05rem; line-height: 1.5rem; margin-bottom: 0 }
    .teams ul li p:nth-child(2){ font-size: 0.7rem }
    .teams .link a{  font-size: 0.8rem; padding: 0.4rem 1.8rem; letter-spacing: 0.1rem; }
    .teams .link a:before{ left: 10%; width: 0.4rem; height: 0.4rem;}


    .process ul{ width: 96%; margin-left: 2%; }
    .process ul:before{ width: 0.625rem; height: 100%; padding-bottom: 3.2rem; left: 50%; top:0; transform: translate(-50%, 0);}


    .process ul li{ width: 100%; height: 8.5625rem;  position: relative; }
    .process ul li .bg{ position: absolute; left: 50%; top: 50%;transform: translate(-50%, -50%); }
    .process ul li .img{ position: absolute; left: 50%; top: 0; margin-left: -2.125rem; }
    .process ul li .img{-moz-transform:rotate(-90deg); -webkit-transform:rotate(-90deg);transform:translate(-100%, 0) rotate(-90deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);}
    .process ul li .img img,.process ul:after{-moz-transform:rotate(90deg); -webkit-transform:translate(-50%, 0) rotate(90deg);transform:rotate(90deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);}
    .process ul li .name{ width: 50%; text-align: left; position: absolute; left: 50%; padding-left: 1.625rem; top: 50%;transform: translate(0, -50%);}
    .process ul:before{ background: -moz-linear-gradient(top, #00B09F 0%, #F8DBBB 100%);
    background: -webkit-gradient(linear, top, color-stop(0%,#00B09F), color-stop(100%,#F8DBBB));
    background: -webkit-linear-gradient(top, #00B09F 0%,#F8DBBB 100%);
    background: -o-linear-gradient(top, #00B09F 0%,#F8DBBB 100%);
    background: -ms-linear-gradient(top, #00B09F 0%,#F8DBBB 100%);
    background: linear-gradient(to bottom, #00B09F 0%,#F8DBBB 100%);}
    .process ul:after{ top: inherit; right: inherit; bottom: -1.2rem; left: 50%;transform: translate(-50%, 0) rotate(90deg);}

    .process ul li:nth-child(even) .img{margin-left:2.125rem;transform:translate(0, 0) rotate(-90deg);}
    .process ul li:nth-child(even) .name{ left: 0;text-align: right; padding-right: 1.625rem }
    .process ul li:nth-child(even),.process ul li:nth-child(odd){ margin-top: -3rem; }
    .process ul li:nth-child(even) .img{ margin-top: 0 }
    .process ul li:nth-child(odd) .img{ margin-bottom: 0 }

    .process ul li:nth-child(1){ margin-left: 0; margin-top: 0; }

    .process .desc p{  padding: 0 6%; font-size: 0.8rem}
    .process .desc p:before{ left: 2%; }

	.news ul{ padding: 1rem 0}
    .news ul li{ width: 47%; margin-left: 2%; margin-bottom: 2%;}
    .news ul li:nth-child(1){ margin-left: 2%; }
    .news ul li .time{ font-size: 0.8rem; line-height: 1.6rem; }


    .doctor .doctor_banner, .doctor .swiper-slide{ height: auto }
    .doctor .swiper-slide .left{ position: inherit; }
    .doctor .swiper-slide .left, .doctor .swiper-slide .left .img{ width: 100%; float: left; height: auto; }
    .doctor .swiper-slide .left .img{ text-align: center; }
    .doctor .swiper-slide .left .img img{ width: 20rem; height: 20rem; float: none;}
    .doctor .swiper-slide .right{ width: 100%; float: left; padding-left: 0; }
    .doctor .swiper-slide .right .desc{ margin-top: 1rem; width: 96%; margin-left: 2%;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; }
    .doctor .swiper-slide .right ul{ margin: 1rem 0; width: 96%; margin-left: 2%; }
    .doctor .swiper-slide .right ul li{ width: 25%; position: relative;}
    .doctor .swiper-slide .right ul li p{ font-size: 0.8rem; font-weight: inherit; }
    .doctor .swiper-slide .right ul li a{ padding: 0 }
    .doctor .swiper-slide .right ul li img{ width: 3rem; height: 3rem; }
    .doctor .swiper-slide .right ul li:before{ position: absolute; left: 0; top: 0%; content: ''; width: 1px; max-width: 1px; min-width: 1px; height: 100%; background: #E8E8E8}
    .doctor .swiper-slide .right ul li:nth-child(1):before{ display: none; }
    .doctor .swiper-slide .right ul li:nth-child(1){ border-top-left-radius:0; }
    .doctor .swiper-slide .right ul li:nth-child(2){ border-top-right-radius:0 }
    .doctor .swiper-slide .right ul li:nth-child(3){ border-bottom-left-radius:0;}
    .doctor .swiper-slide .right ul li:nth-child(4){ border-bottom-right-radius:0; }
    .doctor .swiper-slide .right ul:before,.doctor .swiper-slide .right ul:after{ display: none; }

    .doctor .swiper-slide .left .txt{ height: 20rem; }
    .doctor .swiper-slide .left .txt .sort{ right: 1rem; top: 3rem; font-size: 0.7rem; line-height: 1.4rem; height: inherit; }
    .doctor .swiper-slide .left .txt .sort h2{ font-size: 1rem; line-height: 2rem}
    .doctor .swiper-slide .left .txt .years{ left: 1rem; top: 7rem; width: 5rem; height: 5rem; border-radius: 5rem; font-size: 0.7rem; padding: 1.2rem 0.625rem; }
    .doctor .swiper-slide .left .txt .years font{ font-size: 1.5rem; }
    .doctor .swiper-slide .left .txt .name{ width:auto; top: 15rem; padding: 0.4rem 0.8rem;border-radius:0.5rem; text-align: center;left:1rem; right: 1rem}
    .doctor .swiper-slide .left .txt .name p:nth-child(1){ font-size: 1rem; line-height: 1.2rem; }
    .doctor .swiper-slide .left .txt .name p:nth-child(2){ font-size: 0.7rem; line-height: 1.2rem; }
    .doctor .doctor-scrollbar{ bottom: 7.5rem; height: 1rem; }
    .doctor .doctor-scrollbar span{ margin-top: 0; width: 0.5rem; border-radius: 0.5rem; height: 0.5rem;}


    .lore .lore_tit a{ padding: 0.3rem 0.6rem; font-size: 0.8rem; margin: 0 0.2rem;}

    .lore .lore_info>div{ width: 100%; float: left; }
    .lore .lore_info>div ul li:nth-child(odd),.lore .lore_info>div ul li:nth-child(even){ margin: 0;margin-bottom:1rem;}
    .lore .lore_info>div ul li{ width: 100%;box-shadow:none; padding: 0.4rem; }
    .lore .lore_info>div ul li:hover{box-shadow:none;}
    .lore .lore_info>div ul li .txt .desc{ width: 100%; }

    .lore .lore_info>div ul li .time{ width: 2.6rem; line-height: 1.6rem}
    .lore .lore_info>div ul li .time p{ font-size: 0.8rem; }
    .lore .lore_info>div ul li .time p:nth-child(2){ font-size: 0.7rem; }
    .lore .lore_info>div ul li .txt{ padding-left: 3.2rem }
    .lore .lore_info>div ul li .txt .name{ font-size: 0.9rem; height: 1.6rem; margin-top: 0; line-height: 1.6rem; font-weight: inherit; }
    .lore .lore_info>div ul li .txt .desc{ font-size: 0.7rem; line-height: 1.2rem; }

    .lore .link{ margin-top: 1rem; }
    .lore .link a {font-size: 0.8rem;padding: 0.4rem 1.8rem; letter-spacing: 0.1rem;}
    .lore .link a:before{ left: 10%; width: 0.4rem; height: 0.4rem;}

}