/**内页banner***********************************/
.nybanner{ position: relative; }
.nybanner img{ width: 100%; }

.nybanner .txt{ position: absolute; top: 50%; left: 50%; text-align: center; transform: translate(-50%, -50%);}
.nybanner p{ font-size: 2rem; line-height: 4rem; color: #fff }


/**定位条**/
.pos{ background: #fff; }

.pos ul{ position: relative;}
.pos ul li{ margin-right: 1.8rem; position: relative; z-index: 9}
.pos ul li a{ display: inline-block; font-size: 0.9rem; line-height: 4.25rem; padding:0 0.5rem; }
.pos ul li.poson:before{ background:#00B09F}
.pos ul li.poson a,.pos ul li:hover a{ color: #00B09F }
.pos ul .line{ position: absolute; content: ''; bottom: 0; left: 0; height: 0.2rem; overflow: hidden; background:#00B09F}
.pos ul .line.oneli:before{display:none}


.pos .right{ color: #959595; line-height: 4.25rem;}
.pos .right a{ color: #959595; float: left; font-size: 0.9rem; margin-left:0.7rem;}
.pos .right a img{ float: left; height: 0.75rem; margin-top: 1.75rem; }

/**分页条**/

.page{  margin-bottom: 2rem; width: 100%; float: left; margin-top: 2rem; text-align: center;}
.page .page-num{  padding: 0.5rem 0.8rem; border: #cad4de 1px solid; margin-right:0.2rem; border-radius: 0.2rem;}
.page .page-num:hover,.page .page-num-current{ background:#333; color: #fff  }


/**上下页**/

.pagelist{ width: 100%; float: left; padding: 2rem 0 0; text-align: center; }
.pagelist a{ display: inline-block; color: #00B09F; font-size: 1rem; line-height: 2rem; width: 2rem; height: 2rem; -webkit-transition: all 0.5s;  -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.pagelist a.active,.pagelist a:hover{ color: #434343 }

.pagelist .more{ color: #434343 }
.pagelist .prev,.pagelist .next{position: relative;}
.pagelist .prev i{ display: inline-block; width: 0.6rem; height: 0.6rem; border: solid #00B09F; border-width: 0 1px 1px 0; transform: rotate(-45deg);-webkit-transform: rotate(135deg);}
.pagelist .next i{ display: inline-block; width: 0.6rem; height: 0.6rem; border: solid #00B09F; border-width: 0 1px 1px 0; transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}



/**搜索样式***********************************/
.searchlist{ width: 100%; float: left; }
.searchlist h1{ float: left; width: 100%; color: #00B09F; font-weight: inherit; font-size: 1.8rem; text-align: center; line-height: 4rem; }
.searchlist h2{ width: 100%; float: left; color: #00B09F; height: 3.25rem;  border-bottom: #E0E1E4 1px solid; position: relative;}
.searchlist h2 p{ position: absolute; left: 0; bottom: -1px; display: inline-block; float: left; border-bottom: #00B09F 0.25rem solid; padding: 1rem 0.625rem; font-weight: 700; font-size: 1rem; line-height: 1rem; }

.searchlist ul{ width: 100%; float: left; margin-bottom: 1.25rem; }
.searchlist li{width: 100%; float: left; border-bottom: #EBECEE 1px solid; padding: 2.625rem 0;}
.searchlist .name{ width: 100%; float: left; height: 2rem; line-height: 2rem; color: #363636}
.searchlist .name a{ display: inline-block; width: 100%; float: left; font-size: 1.125rem; font-weight: 700;overflow: hidden; text-overflow:ellipsis;white-space: nowrap; color: #363636 }
.searchlist .name a font{ display: inline-block; color: #286bc1}
.searchlist .desc{ width: 100%; float: left; margin-top: 1.625rem; font-size: 0.875rem; color: #666; line-height: 1.875rem; }


/**网站地图样式***********************************/
.sitemap{ width: 100%; float: left; }
.sitemap h1{ float: left; width: 100%; color: #00B09F; font-weight: inherit; font-size: 1.8rem; text-align: center; line-height: 4rem; }
.sitemap ul{ width: 100%; padding-left: 15% }
.sitemap li{ width: 33.3333%; margin:3rem 0;  }
.sitemap li h3{ line-height: 4.625rem; font-size: 1.25rem; }
.sitemap li h3 a{ color: #363636 }
.sitemap li p{ position: relative; padding-left: 1.5rem; line-height: 2.1875rem;}
.sitemap li p a{ font-size: 1rem;  color: #565656; }
.sitemap li p:before{ position: absolute; content: ''; left: 0; top: 50%; width: 0.5rem; height: 0.5rem; border-radius: 0.5rem; background: #565656; transform: translate(0, -50%); }


/**排班表样式***********************************/
.timetab{ width: 50%; float: right; height: 7.5rem; border: #CBCBCB 1px solid; border-radius: 0.5rem; text-align: center; }

.timetab>div{ width: 100%; float: left; position: relative;}
.timetab>div:after{ position: absolute;  content: ''; left: 0; bottom: 0; height: 1px; max-height: 1px; min-height: 1px; width: 100%; background: #CBCBCB; }
.timetab>div:nth-last-child(1):after{ display: none; }

.timetab .days{ height: 3.125rem; line-height: 3.125rem; }
.timetab .days>div{ padding: 0.35rem 0; color: #00B09F}
.timetab .days>div p{ line-height: 1.2rem; font-size: 0.9rem; }

.timetab .morning>div,.timetab .afternoon>div{ height: 2.125rem; line-height: 2.2rem; font-size: 0.875rem; color:#878787 }
.timetab .morning>div a,.timetab .afternoon>div a{ color: #F5AA11}
.timetab .morning>div:nth-child(1),.timetab .afternoon>div:nth-child(1){ color: #878787; }

.timetab>div>div:nth-child(1):before{ display: none; }
.timetab>div>div{ width: 12.5%; float: left; position: relative;}
.timetab>div>div:before{ position: absolute;  content: ''; left: 0; top: 0; width: 1px; max-width: 1px; min-width: 1px; height: 100%; background: #CBCBCB; }






/**内页样式***********************************/
.info{ min-height: 20rem; padding:3rem 0 8.75rem 0; background: #F7F7F8; overflow: hidden;}







/**1-1医院介绍***********************************/
.about{ }
.about .desc{ width: 100%; float: left;}
.about .left,.about .right{  width: 50%;}
.about .left h1{ float: left; width: 100%; color: #00B09F; padding-left: 2.5rem; font-weight: inherit; font-size: 1.8rem; line-height: 4rem; }
.about .left .txt{float: left; width: 100%; margin-top: 1rem; padding-left: 2.5rem; font-size: 1rem; color: #686868; line-height: 2.5rem;text-align: justify;}

.about .right img{ float: right; width: 41.25rem; padding-right: 2.5rem}

.about ul{ margin-top: 4rem; }
.about ul li{ width: 100%; background: #fff; border-radius: 1rem; margin-bottom: 1rem; padding:2rem 2.5rem;}
.about ul li .name{ width: 100%; float: left; font-size: 1.4rem; line-height: 2rem; margin-bottom: 1rem; position: relative; padding-left: 1.3rem; position: relative;}
.about ul li .name:before{ position: absolute; content: ''; left: 0; top: 0.75rem;  width: 0.5rem; height: 0.5rem; border-radius: 0.5rem; background: #00B09F; }
.about ul li .name a{ color: #00B09F;}
.about ul li .desc{ width: 100%; float: left; color: #686868; font-size: 1rem; line-height: 1.875rem;text-align: justify; }
.about ul li:nth-last-child(1){ margin-bottom: 0 }

.about ul li:hover .name{ color: #019082 }
.about ul li:hover .desc{ color: #999 }

/**1-2大事记***********************************/

.memora{ width: 100%; float: left; }
.memora h1{ float: left; width: 100%; color: #00B09F; font-weight: inherit; font-size: 1.8rem; text-align: center; line-height: 4rem; }

.dashiji{width:100%;float: left; }

.dashiji .dsj-top{width:100%; float: left; height: 10rem; margin-top: 2rem; position:relative;}
.dashiji .dsj-top:before{ position: absolute; z-index: 0; content: ''; left: 0; top: 6.7rem; width: 100%; height: 0.2rem; 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%);}

    /**大事记左右按钮**/
.dashiji .icon{ width: 100%; height: 2.5rem; float: left; }
.dashiji .icon .w1200{ position:relative;}
.dashiji .icon i{position:absolute;top:0%;z-index:9; width:2.5rem;height:2.5rem; border-radius: 2.5rem; background: #00B09F; cursor:pointer;}
.dashiji .icon i:before{position: absolute; content: '';left: 50%;top: 50%; width: 0.7rem; height: 0.7rem; border: solid #fff; border-width: 0 1px 1px 0; }
.dashiji .icon .left{ left: 0 }
.dashiji .icon .right{ right: 0 }
.dashiji .icon .left:before{transform: rotate(135deg) translate(0%, 50%);}
.dashiji .icon .right:before{ transform: rotate(-45deg) translate(-10%, -75%);}

    /**大事记时间轴**/
.dashiji .time-ul{ width: 100%; position:absolute; top:5.5rem;left:0;height:4.5rem;font-size: 0;white-space: nowrap;}
.dashiji .time-li{display:inline-block; width: 14rem; height:100%; position: relative;}
.dashiji .time-li .bg{ position: absolute; height: 0.6rem; overflow: hidden; left: 50%; top: .6rem; width: 100%; float: left;  }
.dashiji .time-li .bg li{ width: 0.2rem; max-width: 0.2rem; min-width: 0.2rem; height: 0.6rem; background: #CBCBCB; margin-left: 1.22rem; }
.dashiji .year{width:100%;height:3rem; line-height: 2.8rem; margin-top: 1.2rem; font-weight: 700; text-align: center;font-size:1.2rem;color:#A9A9A9;border-radius: 50%;transition: all .3s;cursor:pointer; position: relative;}
.dashiji .year:after{position: absolute; content: ''; left: 50%; top: -1.2rem;transform: translate(-50%, 0); width: 0.2rem; height: 1.2rem; background: #CBCBCB}
.dashiji .time-li.active .year{ color: #00B09F;}
.dashiji .time-li.active .year:before{ position: absolute; content: ''; left: 50%; bottom: 0;transform: translate(-50%, 0); width: 0; height: 0;border-left: 0.4rem solid transparent; border-right: 0.4rem solid transparent; border-top: 0.4rem solid #00B09F;font-size: 0; line-height: 0; }
.dashiji .time-li.active .year:after{ background: #00B09F}

    /**大事记内容**/
.dashiji .info-ul{width:100%; float: left; background: #fff; min-height: 20rem; margin-top:2.5rem; padding: 3rem 5rem; border-radius: 1.5rem; }
.dashiji .info-li{display: none;width:100%; float: left;}
.dashiji .info-li:nth-child(1){ display: inline-block; }
.dashiji .info-li-box{position:relative;width:100%; float: left; line-height: 2rem; font-size: 1rem; color: #676767; margin-bottom: 1rem;}
.dashiji .info-li-box:before{ position: absolute; content: ''; left: 0; top: 0.8rem; width: 0.4rem; height: 0.4rem; border-radius: 0.4rem; background: #00B09F; }
.dashiji .info-li-box .time{ position: absolute; left:1rem; top: 0; font-weight: bold;}
.dashiji .info-li-box .txt{ width: 100%; padding-left: 7rem; float: left;}
.dashiji .info-li-box:nth-last-child(1){ margin-bottom: 0; }



/**1-3医院荣誉***********************************/

.honor{ width: 100%; float: left; }
.honor h1{ float: left; width: 100%; color: #00B09F; font-weight: inherit; font-size: 1.8rem; text-align: center; line-height: 4rem; }
.honor ul{ width: 100%; margin-top: 1.875rem}
.honor ul li{ width: 30.9333%; margin-left: 3.5%; margin-top: 3.5%; text-align: center; background: #fff; padding: 3rem 3rem 1rem 3rem; cursor: pointer; border-radius: 1rem;}
.honor ul li:nth-child(3n+1){ margin-left: 0%; }
.honor ul li:nth-child(1),.honor ul li:nth-child(2),.honor ul li:nth-child(3){ margin-top: 0; }
.honor ul li .img{ width: 100%; text-align: center; height: 12.5rem;overflow: hidden;}
.honor ul li .img img{ width: 18.75rem;  height: 12.5rem; }
.honor ul li .name{ width: 100%; font-size: 1rem; line-height: 4rem; float: left; color: #444 }

.honor ul li:hover .name{ color: #00B09F;}



/**1-4环境设施***********************************/

.environ{ width: 100%; float: left;}
.environ h1{ float: left; width: 100%; color: #00B09F; font-weight: inherit; font-size: 1.8rem; text-align: center; line-height: 4rem; }

.environ .img{ width: 100%; float: left; margin-top: 2rem; position: relative;}
.environ .img .swiper-wrapper{ width: 100%; }
.environ .swiper-container { width:75rem;  margin: 0 7.5rem; overflow: hidden;}
.environ .bigimg { width:75rem; max-width: 100%; z-index: 0 }
.environ .bigimg .swiper-slide { width: 100%!important; float: left; text-align: center;}
.environ .bigimg .swiper-slide img{ width:100%; border-radius: 1rem;}

.environ .btn{ width: 100%; padding: 1.2rem 6.5rem 0.6rem 6.5rem; margin-top: 1.8rem; float: left; background: #fff; position: relative;}
.environ .btn .smallimg { width: 100%; margin: 0 auto; box-sizing: border-box;}
.environ .btn .smallimg .swiper-slide { width: 25%; height: 100%; cursor: pointer; padding:1rem; position: relative;}
.environ .btn .smallimg .swiper-slide .small{ position: relative; }
.environ .btn .smallimg .swiper-slide img{ width: 100%; border-radius: 1rem; position: relative;}
.environ .btn .smallimg .swiper-slide p{display: inline-block; width: 100%; height: 2rem; line-height: 2rem; font-size: 1rem; color: #434343; text-align: center; overflow: hidden;text-overflow:ellipsis; white-space: nowrap;}
.environ .btn .smallimg .swiper-slide-thumb-active .small:after{ position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 100%; border-radius: 1rem; background: #00B09F; z-index: 1;  opacity: 0.5; }
.environ .btn .imgbtn{ width: 3rem; height: 3rem; border-radius: 3rem; top:50%; margin-top: 0; transform: translate(0, -50%); background: #E8E8E8;}
.environ .btn .imgbtn:before { position: absolute; content: ''; left: 50%; top: 50%; width: 1rem;height: 1rem; border: solid #00B09F; border-width: 0 1px 1px 0;}
.environ .btn .swiper-button-prev{ left: 2.25rem; }
.environ .btn .swiper-button-next{ right: 2.25rem; }
.environ .btn .swiper-button-prev:before{ transform: rotate(135deg) translate(-20%, 50%);}
.environ .btn .swiper-button-next:before{ transform: rotate(-45deg) translate(-10%, -75%);}


/**1-5新闻中心***********************************/

.news{ width: 100%; float: left;}
.news h1{ float: left; width: 100%; color: #00B09F; font-weight: inherit; font-size: 1.8rem; text-align: center; line-height: 4rem; }
.news ul,.news li{ width: 100%; }
.news ul{ margin-top: 2rem; }
.news li{ position: relative; padding-bottom: 3rem; }
.news li:before{ position: absolute; content: ''; left: 8.25rem; top: 0; width: 0.25rem; height: 100%; background: #EFEFEF; }
.news li .time{ width: 12.5rem; float: left; margin-top: 0.625rem; position: relative;}
.news li .time p{ display: inline-block; float:left; background: #ECECEC; color: #A5A5A5; font-size: 0.9rem; line-height: 1.5rem; padding:0 0.4rem; margin-right: 0.6rem; border-radius: 0.15rem; font-weight: 700; position: relative;}
.news li .time p:before{    position: absolute; content: ''; right: 0; margin-right:-0.6rem;top: 13%; transform: ; width: 0; height: 0; border-width: 0.3rem; border-style: solid; border-color: transparent #ECECEC transparent transparent; transform: rotate(180deg) translate(0, -50%);}
.news li .time i{ position: absolute; left: 7.6rem; top: 0; width: 1.5rem; height: 1.5rem; border-radius: 1.5rem; float: left; background:#00B09F; border: 0.4rem #F7F7F8 solid;}
.news li .time i:before{ position: absolute;content: ''; left: 50%; top: 50%; width: 0.4rem; height: 0.4rem; border-radius: 0.4rem; background: #F7F7F8;transform:translate(-50%, -50%); }
.news li .time i:after{ position: absolute; content: ''; width: 1.875rem; height: 0.25rem; background: #EFEFEF; right: -2.275rem; top: 50%; transform:translate(0, -50%);}

.news li .img{ width: 23rem; height:14.125rem;  float: left; overflow: hidden; margin-right: 1.875rem;}
.news li .img img{ width: 23rem; height: 14.125rem; float: left; }

.news li .txt{ width: 37.5rem; float: right; }
.news li .txt .name{ width: 100%; float: left; height: 2rem; line-height: 2rem; margin-top: 1rem; margin-bottom: 1rem; font-size: 1.4rem; overflow: hidden;text-overflow:ellipsis; white-space: nowrap;}
.news li .txt .name a{color: #434343 }
.news li .txt .desc{ width: 100%; float: left; line-height:1.6rem; font-size: 1rem; color: #878787;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-align: justify; }
.news li .txt .more{ width: 100%; float: left;  margin-top: 2rem;}
.news li .txt .more a{ display: inline-block; width: 100%; float: left; height:2.5rem; line-height: 2.5rem;background: #F1F1F1;}
.news li .txt .more a p{ float: right; margin-right: 1.25rem; padding-left: 2.5rem; color: #434343; font-size: 0.9rem; position: relative; }
.news li .txt .more a p:before{position: absolute; content: ''; left: 0.875rem; top: 50%; width: 0.75rem; height:0.875rem; background: url(../images/book.png) 0 0 no-repeat;transform:translate(0, -42%);}
.news li .txt .more a p:after{ position: absolute; content: ''; top: 15%; left: 0; width: 1px;min-width: 1px; max-width: 1px; height: 70%; background: #E2E2E2}

.news li:hover .txt .name a{ color: #01b1a0 }



/**1-5-1新闻详情***********************************/

.news-default{ width: 100%; float: left;}

.news-default .back-list{ width: 100%; float:left; }
.news-default .back-list a{ color: #434343; font-size: 1rem; height: 2.5rem; line-height: 2.5rem; position: relative; padding-left: 1.6rem;}
.news-default .back-list a:before{ position: absolute; content: ''; left: 0; top: 50%; width:1.1875rem; height: 0.875rem; background: url(../images/back.png) no-repeat;transform:translate(0, -50%); }
.news-default .back-list a:hover{ color:#00B09F;  }

.news-default .content{ width: 100%; float: left; margin-top: 2rem; }
.news-default .content .left,.news-default .content .right{border-radius: 1.5rem; padding:1.5rem 2.25rem; background: #fff;}
.news-default .left{ width: 56rem; float: left;}
.news-default .allwidth{ width: 100%; float: left; }
.news-default .left .name{ width: 100%; float: left; border-bottom: #ECECEC 1px solid;}
.news-default .left h1{ display: inline-block; width: 100%; float: left; font-weight: 300; font-size: 1.625rem; line-height: 2rem; color: #434343; margin-top: 1.5rem; margin-bottom: 0.625rem; }

.news-default .left .time{ float: left; color: #AFAFAF; font-size: 1rem; line-height: 3rem; }
.news-default .left #share{ float: right; color:#919191; font-size: 1rem; line-height: 3rem; }
.news-default .left #share .social-share-icon{ width: 1.125rem; height: 1.125rem; border-radius: inherit; color: inherit; border: none;}
.news-default .left #share .social-share-icon:before{ position:absolute; content: ''; left: 0; top: 0; width: 1.125rem; height: 1.125rem;}
.news-default .left #share .social-share-icon:hover{ background-color: inherit; }
.news-default .left #share .social-share-icon.icon-wechat:before{  background: url(../images/share.png) 0 0 no-repeat; }
.news-default .left #share .social-share-icon.icon-weibo:before{  background: url(../images/share.png) 0 -1.125rem no-repeat; }
.news-default .left #share .social-share-icon.icon-qq:before{  background: url(../images/share.png) 0 -2.25rem no-repeat; }

.news-default .left .cont{ width: 100%; float: left; padding: 2rem 0; color: #6C6C6C; font-size: 1rem; line-height:2.125rem;border-bottom: #ECECEC 1px solid;text-align: justify;}
.news-default .left .cont img{ width: 100%; text-align: center; padding: 2rem 0; height:inherit!important; }
.news-default .left .cont p,.news-default .left .cont strong{ color: #363636!important }

.news-default .left .cont .tag{ float: right; margin: 1rem 0; font-size: 0.875rem; line-height: 2.125rem; color: #6C6C6C }
.news-default .left .cont .tag a{ color: #6C6C6C; margin-left:0.5rem;}
.news-default .left .cont .tag a:hover{color: #00B09F}


.news-default .left .prevnext{ width: 100%; float: left; margin: 1rem 0; color: #434343}
.news-default .left .prevnext>div{ width: 100%; height: 3rem; line-height: 3rem; overflow: hidden;text-overflow:ellipsis;white-space: nowrap; }
.news-default .left .prevnext a{ color: #434343 }
.news-default .left .prevnext a:hover{ color: #00B09F }


.news-default .right{ width: 17.75rem; }
.news-default .right h1{ display: inline-block;width: 100%; float: left; font-size: 1rem; color: #434343; line-height: 2rem; }
.news-default .right ul,.news-default .right li{ width: 100%; }
.news-default .right ul{ margin-top: 1rem; }
.news-default .right li{ line-height:1.2rem; font-size:0.9rem; margin-bottom: 1.4rem; }
.news-default .right li a{ color: #656565 }
.news-default .right li a:hover{ color: #00B09F }
.news-default .right li:nth-last-child(1){ margin-bottom: 0 }


.news-default .related{ width: 100%; float: left; }
.news-default .related h1{ display: inline-block;width: 100%; float: left; font-size: 1.625rem; color: #363636; line-height: 2rem; font-weight: 700; margin: 5rem 0 0.625rem; }
.news-default .related ul,.news-default .related li{ width: 100%; }
.news-default .related li{ width: 100%; border-bottom: #ECECEC 1px solid; position: relative;}
.news-default .related li .img{ width: 23rem; height:14.125rem; margin:3.125rem 2.5rem 3.125rem 0; float: left; overflow: hidden;}
.news-default .related li .img img{ width: 23rem; height: 14.125rem; float: left; }
.news-default .related li .txt{ position: absolute; left: 0; top:50%;transform: translate(0, -50%); width: 100%; float: left; padding:3.125rem 0 3.125rem 25.5rem; }
.news-default .related li .name{ width: 100%; float: left; height: 1.5rem; line-height: 1.5rem; overflow: hidden;text-overflow:ellipsis;white-space: nowrap; font-size: 1.25rem; font-weight: 700;}
.news-default .related li .name a{ color: #363636; }
.news-default .related li .desc{ width: 100%; float: left; line-height: 1.875rem; color: #363636; font-size: 0.875rem; margin: 1.875rem 0; }
.news-default .related li .time{ width: 100%; float: left; color: #888; font-size: 1rem; }
.news-default .related li a{ color: #656565 }
.news-default .related li a:hover{ color: #00B09F }
.news-default .related li:nth-last-child(1){ padding-bottom: 0; border-bottom: none }


/**1-6加入我们***********************************/

.join{ width: 100%; float: left;}
.join h1{ float: left; width: 100%; color: #00B09F; font-weight: inherit; font-size: 1.8rem; text-align: center; line-height: 4rem; padding-bottom: 0.5rem; position: relative;}
.join h1:before{ position: absolute; content: ''; left: 50%; bottom: 0; width: 8rem; height: 1px; min-height: 1px; max-height: 1px; background: #D6D6D6; transform: translate(-50%, 0);}
.join .desc{ width: 100%; float: left; text-align: center;  color: #878787; line-height: 1.8rem; font-size: 0.9rem; padding: 2rem 0; }
.join .desc p{ width: 82%; float: left; margin:0.5rem 9%;}
.join .desc a{ font-weight: bold; color: #00B09F }

.join ul{ width: 100%; border-top: #E3E3E4 1px solid; margin-top: 2rem; padding: 3rem 0 0 0; }
.join ul li{ width: 30.3333%; border-radius: 1rem; margin-bottom: 3rem; margin-left: 4.5%; background: #fff;}
.join ul li a{ display: inline-block; float: left; width: 100%; padding:1.5rem 2.5rem;}
.join ul li .name{ width: 100%; height: 2rem; line-height: 2rem; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; font-size: 1.1rem; font-weight: 700;}
.join ul li .name a{ color: #434343 }
.join ul li .office{ width: 100%; float: left; margin-top: 0.5rem; height: 2rem; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; font-size: 0.8rem; color: #ABABAB }
.join ul li .office .of-li{ float: left; height: 2rem; line-height: 2rem; padding: 0 0.7rem; position: relative; }
.join ul li .office .of-li:before{ position: absolute; content: ''; left: 0; top: 30%; width: 1px; min-width: 1px; max-width: 1px; height: 40%;  background: #DCDEE2; }
.join ul li .office .of-li:nth-child(1){ padding-left: 0; }
.join ul li .office .of-li:nth-child(1):before{ display: none; }

.join ul li:nth-child(3n+1){ margin-left: 0; }

.join ul li:hover{ background: #00B09F; }
.join ul li:hover a,.join ul li:hover .office{ color: #fff; }


/**1-6-1职位详情***********************************/

.join-default{ width: 100%; float: left;}

.join-default .back-list{ width: 100%; float:left; }
.join-default .back-list a{ color: #434343; font-size: 1rem; height: 2.5rem; line-height: 2.5rem; position: relative; padding-left: 1.6rem;}
.join-default .back-list a:before{ position: absolute; content: ''; left: 0; top: 50%; width:1.1875rem; height: 0.875rem; background: url(../images/back.png) no-repeat;transform:translate(0, -50%); }
.join-default .back-list a:hover{ color:#00B09F; }

.join-default .content{ width: 100%; float: left; margin-top: 2rem; }
.join-default .content>div{border-radius: 1.5rem; padding:1.5rem 2.25rem; background: #fff;}
.join-default .left{ width: 70rem; float: left;}
.join-default .left .time{ width: 100%; float: left; color: #AFAFAF; font-size: 0.8rem; line-height: 1.5rem; }
.join-default .left h1{ display: inline-block; width: 100%; float: left; font-size: 1.2rem; font-weight: 700; line-height: 2rem; color: #434343; margin-top: 1rem; }

.join-default .left .office{ width: 100%; float: left; margin-top: 0.5rem; margin-bottom: 1.5rem; height: 2rem; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; font-size: 0.8rem; color: #ABABAB }
.join-default .left .office .of-li{ float: left; height: 2rem; line-height: 2rem; padding: 0 0.7rem; position: relative; }
.join-default .left .office .of-li:before{ position: absolute; content: ''; left: 0; top: 30%; width: 1px; min-width: 1px; max-width: 1px; height: 40%;  background: #DCDEE2; }
.join-default .left .office .of-li:nth-child(1){ padding-left: 0; }
.join-default .left .office .of-li:nth-child(1):before{ display: none; }

.join-default .left .desc{ width: 100%; float: left; line-height: 2rem; color: #434343; font-size: 1.05rem; font-weight: bold; position: relative;}
.join-default .left .desc p{ display: inline-block; float: left; padding-right:1rem; font-weight: 700; background: #fff; position: relative;z-index: 1;}
.join-default .left .desc:before{ position: absolute; content: ''; left: 0; top: 50%; width: 100%; height: 1px; min-height: 1px; max-height: 1px; background: #ECECEC; z-index: 0 }

.join-default .left .cont{ width: 100%; float: left; padding: 2rem 0; color: #5D5D5D; font-size: 0.9rem; line-height: 1.8rem;}
.join-default .left .cont a{ color: #00B09F; font-weight: bold; }


.join-default .right{ width: 17.75rem; }
.join-default .right h1{ display: inline-block;width: 100%; float: left; font-size: 1.05rem; font-weight: 700; color: #434343; line-height: 2rem; }
.join-default .right ul,.join-default .right li{ width: 100%; }
.join-default .right ul{ margin-top: 1rem; }
.join-default .right li{ line-height:1.2rem; font-size:0.9rem; margin-bottom: 1.8rem; }
.join-default .right li a{ color: #656565 }
.join-default .right li a:hover{ color: #00B09F }
.join-default .right li:nth-last-child(1){ margin-bottom: 0 }




/**2-1就诊流程***********************************/

.process{ width: 100%; float: left;}
.process h1{ float: left; width: 100%; color: #00B09F; font-weight: inherit; font-size: 1.8rem; text-align: center; line-height: 4rem; margin-bottom: 1.875rem; }

.process>div{ background: #fff; width: 100%; float: left; border-radius: 1rem; }

.process .one{ padding: 3.75rem 11.25rem; margin-bottom: 3.75rem; }
.process .one ul{ width: 100%; }
.process .one li{ width: 16.5rem; height: 6.625rem;  margin-left: 7.5rem; background: #00B09F; text-align: center; border-radius: 0.8rem; margin-bottom: 4.625rem;line-height:2.25rem; padding-top:1rem; position: relative;}
.process .one li p{ font-size:1.375rem; color: #fff;}

.process .one li:nth-child(1),.process .one li:nth-child(4){ padding-top: 0; line-height:6.625rem; }
.process .one li:nth-child(1),.process .one li:nth-child(6){ margin-left: 0; }
.process .one li:nth-child(4),.process .one li:nth-child(5),.process .one li:nth-child(6){ float: right;}

.process .one li:before,.process .one li:after{ position: absolute; content: ''; }
.process .one li:before{ width: 1.125rem; height: 1.125rem; background: #DCEFEA; }
.process .one li:after{width: 0; height: 0; border-top: 1.5625rem solid transparent; border-left: 1.5625rem solid #DCEFEA; border-bottom: 1.5625rem solid transparent; font-size: 0; line-height: 0;}

.process .one li:nth-child(1):before,.process .one li:nth-child(2):before{ right: -1.125rem; top: 50%;transform: translate(0, -50%);}
.process .one li:nth-child(1):after,.process .one li:nth-child(2):after{ right: -2.6875rem; top: 50%;transform: translate(0, -50%);}

.process .one li:nth-child(3):before{ left: 50%; bottom: -1.125rem;transform:translate(-50%, 0);}
.process .one li:nth-child(3):after{border-left:1.5625rem solid transparent;  border-right: 1.5625rem solid transparent; border-top:1.5625rem solid #DCEFEA;left:50%; bottom:-4.27rem;transform:translate(-50%, 0);}

.process .one li:nth-child(4):before,.process .one li:nth-child(5):before{ left: -1.125rem; top: 50%;transform: translate(0, -50%);}
.process .one li:nth-child(4):after,.process .one li:nth-child(5):after{border-left:none;border-top: 1.5625rem solid transparent; border-right: 1.5625rem solid #DCEFEA; border-bottom: 1.5625rem solid transparent; left: -2.6875rem; top:50%;transform:translate(0, -50%);}

.process .one li:nth-child(6):before,.process .one li:nth-child(6):after{  display: none;}

.process .one ul>div{ width: 100%; float:left; margin-bottom: 1.875rem; position: relative;}
.process .one ul>div:before{ position: absolute; content: ''; left: 8.75rem; top: -4.625rem; width: 1.125rem; height: 110%; background: #DCEFEA }

.process .one .txt{ width: 100%; float: left; padding-left: 9.875rem; position: relative;}
.process .one .txt:before,.process .one .txt:after{ position: absolute; content: ''; }
.process .one .txt:before{ left: 9.875rem; top: 4.625rem; width: 1.125rem; height: 1.125rem; background: #DCEFEA; }
.process .one .txt:after{ left: 11rem; top: 3.7rem; width: 0; height: 0; border-top: 1.5625rem solid transparent; border-left: 1.5625rem solid #DCEFEA; border-bottom: 1.5625rem solid transparent; font-size: 0; line-height: 0;}




.process .one .left{ position: absolute; left: 15rem; top: 50%; width: 11.25rem; height: 5.375rem; line-height: 5.375rem; color: #fff; border-radius: 0.8rem; text-align: center;text-transform:uppercase; font-size: 2.5rem;  font-weight: 700;transform: translate(0, -50%);}
.process .one .left:before,.process .one .left:after{ position: absolute; content: ''; }
.process .one .left:before{ right: -1.125rem; top: 50%; width: 1.125rem; height: 1.125rem; background: #DCEFEA;transform: translate(0, -50%); }
.process .one .left:after{ right: -2.6875rem; top: 50%; width: 0; height: 0; border-top: 1.5625rem solid transparent; border-left: 1.5625rem solid #DCEFEA; border-bottom: 1.5625rem solid transparent; font-size: 0; line-height: 0;transform: translate(0, -50%);}

.process .one .right{ background: #F7F7F8; width: 33rem; border-radius: 0.8rem; padding:1.5rem 2rem; }
.process .one .name{ width: 100%; float: left; font-size: 1.125rem; line-height: 1.5rem; color: #656565; font-weight: 700;}
.process .one .desc{ width: 100%; float: left; margin-top: 0.75rem; color: #878787; font-size: 0.875rem; line-height: 1.375rem;}
.process .one .desc p{ display: inline-block; width: 100%; float: left; padding-left: 1.25rem; margin-top: 0.25rem; position: relative;}
.process .one .desc p:before{ position: absolute; content: ''; left: 0; top: 0.4375rem; width: 0.5rem; height: 0.5rem; border-radius: 0.5rem; background: #00B09F;}

.process .one .yes .left{ background: #F6BCBA }
.process .one .yes .txt:nth-child(1):before{ top: 5.125rem; }
.process .one .yes .txt:nth-child(1):after{ top: 4.185rem; }
.process .one .no .left{ background: #75C0E2 }
.process .one .no:before{ top: -5.4rem; }



.process .two{ padding: 3.75rem 6.6rem;}
.process .two ul{ width: 100%;  }
.process .two li{ width: 20.6rem; height: 8.125rem;  margin-left: 6.25rem; background: #89A2D2; text-align: center; border-radius: 0.8rem; margin-bottom: 4.625rem; position: relative;}
.process .two li>div{ font-size:1.25rem; color: #fff;}

.process .two .name{ width: 100%; float: left;line-height:3.5rem; border-bottom: #fff 1px dashed }
.process .two .desc{ width: 100%; float: left; text-align: center; line-height:4.6rem; }
.process .two .desc p{ font-size:0.875rem;}
.process .two .desc p font{position: relative; }
.process .two .desc p font:before{ left: -0.8rem; top: 50%; position: absolute; content: ''; width: 0.4rem; height: 0.4rem; border-radius: 0.4rem; background: #fff; transform:translate(0%, -50%)}

.process .two li:nth-child(1),.process .two li:nth-child(6),.process .two li:nth-child(7){ margin-left: 0; }
.process .two li:nth-child(6),.process .two li:nth-child(7){ margin-left: 0; }

.process .two li:nth-child(1),.process .two li:nth-child(2),.process .two li:nth-child(8),.process .two li:nth-child(9){ background: #00B09F }
.process .two li:nth-child(4),.process .two li:nth-child(5),.process .two li:nth-child(6){ float: right; }
.process .two li:nth-child(5) .name,.process .two li:nth-child(6) .name,.process .two li:nth-child(7) .name{ background: #75C0E2; border-top-left-radius: 0.8rem;border-top-right-radius: 0.8rem;}

.process .two li:nth-child(3) .desc p{ width: 84%; margin-left: 8%; }
.process .two li:nth-child(3) .desc p font:before{ top: 0.4rem;transform:none;}
.process .two li:nth-child(1) .desc,.process .two li:nth-child(2) .desc,.process .two li:nth-child(3) .desc{ margin-top: 0.7rem; line-height: 1.5rem; }

.process .two li:before,.process .two li:after{ position: absolute; content: ''; }
.process .two li:before{right: -1.125rem; top: 50%; width: 1.125rem; height: 1.125rem; background: #BBE1D6; transform:translate(0%, -50%) }
.process .two li:after{ right: -2.6875rem; top: 50%; width: 0; height: 0; border-top: 1.5625rem solid transparent; border-left: 1.5625rem solid #BBE1D6; border-bottom: 1.5625rem solid transparent; font-size: 0; line-height: 0; transform:translate(0%, -50%) }

.process .two li:nth-child(3):before,.process .two li:nth-child(6):before{ right: 50%; top:inherit; bottom: -1.125rem;transform:translate(50%, 0) }
.process .two li:nth-child(3):after,.process .two li:nth-child(6):after{border-left:1.5625rem solid transparent; border-right: 1.5625rem solid transparent; border-top:1.5625rem solid #BBE1D6; border-bottom: none; left:50%; top:inherit; bottom: -2.6875rem;transform: translate(-50%, 0%);}

.process .two li:nth-child(4):before,.process .two li:nth-child(5):before{ left: -1.125rem;}
.process .two li:nth-child(4):after,.process .two li:nth-child(5):after{border-top: 1.5625rem solid transparent; border-right: 1.5625rem solid #BBE1D6; border-bottom: 1.5625rem solid transparent;border-left: none; left: -2.6875rem; transform:translate(0, -50%);}


.process .two li:nth-child(9):before,.process .two li:nth-child(9):after{ display: none; }


.process .two .other{ width: 100%; float: left; border-radius: 0.8rem; background: #F7F7F8; padding: 2.5rem; font-size: 1rem; color: #656565}
.process .two .left,.process .two .right{ width: 100%; float: left; }
.process .two .left p{ display: inline-block; width: 100%; float: left; margin-bottom: 1rem; line-height: 1.8rem; }
.process .two i{ display: inline-block; float: left; margin-right: 1.25rem; width: 2.5rem; height: 1.8rem; background: #88A2D2; border-radius: 0.3rem; }
.process .two .left font,.process .two .txt{ font-weight: 700; }
.process .two .right{ padding-left: 3.75rem; margin-top: 1rem; }
.process .two .txt{ float: left; line-height: 1.875rem;}
.process .two .pall{ width: 60rem; float: left; margin-left: 0.5rem}
.process .two .pall p{ width: 60%; float: left; line-height: 1.875rem; margin-bottom: 0; }



.process .two .left p:nth-child(2) i{ background: #75C0E2 }
.process .two .pall p:nth-child(1),.process .two .pall p:nth-child(3),.process .two .pall p:nth-child(5){ width:37%;}





/**2-2就诊须知***********************************/

.notice{ width: 100%; float: left;}
.notice h1{ float: left; width: 100%; color: #00B09F; font-weight: inherit; font-size: 1.8rem; text-align: center; line-height: 4rem; margin-bottom: 1.875rem; }
.notice h2{ width: 100%; float: left; color: #00B09F; font-size: 1.125rem; line-height: 2rem; margin-bottom: 1rem; font-weight: 700;  }
.notice h3{ width: 100%; float: left; color: #00B09F; font-size: 1.125rem; text-align: left; text-indent: 1rem; line-height: 2rem; margin-bottom: 1rem; font-weight: 700;}
.notice .desc{ width: 100%; float: left; border-radius: 1rem; padding: 3rem 5rem; color: #656565; background: #fff; }
.notice .cont{ width: 100%; float: left; margin-bottom: 2.5rem; font-size: 1rem; line-height: 1.75rem;padding-left: 1rem; }
.notice li{ width: 100%; }
.notice li{ padding-left: 1.5rem; margin-top: 1rem; position: relative; text-align: justify;}
.notice li:before{ position: absolute; content: ''; left: 0; top: 0.5rem; width: 0.5rem; height: 0.5rem; border-radius: 0.5rem; background: #00B09F  }
.notice .left:nth-child(2) h3{ margin-bottom: 0 }
.notice .left:nth-child(2) ul{ margin-left: 2.5rem; margin-bottom: 1.5rem}
.notice .left:nth-child(2) .cont{ padding-left: 0; margin-bottom: 0 }


/**2-3就诊须知***********************************/

.route{ width: 100%; float: left;}
.route h1{ float: left; width: 100%; color: #00B09F; font-weight: inherit; font-size: 1.8rem; text-align: center; line-height: 4rem; margin-bottom: 1.875rem; }

.route .title{ width: 100%; float: left; margin-bottom: 1.875rem }
.route .start{ float: left; }
.route .btn{ float: left; width: 6.125rem; height: 2.8125rem; line-height: 2.8125rem; font-size: 1rem; text-align: center; background: #75C0E2; color: #fff; border-top-left-radius:0.5rem; border-bottom-left-radius:0.5rem;  }
.route .input{ float: left; width: 24.5rem; height: 2.8125rem; line-height: 2.8125rem; padding: 0 1rem; background: #fff; color: #656565; font-size: 1rem; text-align: left; overflow: hidden;border-top-right-radius:0.5rem; border-bottom-right-radius:0.5rem;}
.route .input input{  width: 100%; color: #656565; }
.route .icon{  float: left; width: 1.25rem; height: 2.8125rem; margin:0 1.875rem; background: url(../images/bdicon.png) center no-repeat; position: relative; }
.route .icon i{ position: absolute; left: 50%; top: 50%; width: 1.25rem; height: 1.25rem; transform: translate(-50%, -50%); }
.route .end .btn{ background: #89A2D2;}
.route #mapsearch{ margin-left: 2.5rem; background: #31BEB1; border-radius: 0.5rem; cursor: pointer; }

.route #baidu{ width: 100%; height: 35rem; float: left; margin-bottom: 3.125rem }
.route #baidu img{ max-width:inherit;}

.route .txt{ width: 100%; float: left; }
.route .name{ width: 100%; float: left; background: #EAEAEA; color: #fff }
.route .name p{ display: inline-block; width: 50%; float: left; line-height: 4.375rem; background: #00B09F; border-top-right-radius:2rem;  font-size: 1.125rem; position: relative; padding-left: 5rem; overflow: hidden;}
.route .name i{ position: absolute; left: 2.5rem; top: 50%; width: 1.25rem; height: 1.5rem; float: left; background: url(../images/pos.png) center no-repeat;transform: translate(0, -50%); }
.route .desc{ width: 100%; float: left; background: #fff; padding: 2rem 2.5rem; border-bottom-left-radius:1rem; border-bottom-right-radius:1rem; }
.route h2{display: inline-block; width: 100%; float: left; font-size: 1.125rem; line-height: 1.5rem; color: #434343 }
.route h3{display: inline-block; width: 100%; float: left; font-size: 1.125rem; line-height:1.5rem; color: #00B09F; font-weight: 700; margin-top: 2.5rem;  }
.route ul{ padding-left: 1rem; margin-top: 1.5rem; }
.route li{ width: 100%; font-size: 1rem; line-height: 1.5rem; }
.route li p{display: inline-block; width: 100%; float: left; color: #434343; font-size:1.125rem; font-weight: 700; position: relative; padding: 0 1rem; margin-bottom: 1.5rem;}
.route li p:before{ position: absolute; content: ''; width: 0.5rem; height: 0.5rem; border-radius: 0.5rem; background: #00B09F; left: 0; top: 0.5rem;}
.route li i{ display: inline-block; float: left; margin-right: 2rem; font-style:normal}
.route li font{ display: inline-block; float: left; width: 100%; padding-left: 1rem; color: #878787; margin-bottom: 1.5rem;}

.route .link{ width: 100%; float: left; margin: 3rem 0; text-align: center; }
.route .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;}
.route .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: '';}

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



/**2-4常见问题***********************************/


.problem{ width: 100%; float: left;}
.problem h1{ float: left; width: 100%; color: #00B09F; font-weight: inherit; font-size: 1.8rem; text-align: center; line-height: 4rem; margin-bottom: 1.875rem; }

.problem .txt{ width: 100%; float: left; position: relative;}
.problem .pc{ width: 100%; position: absolute; left: 0; top: 0;}
.problem .pc>div{ width: 10.875rem; height: 10.875rem; }
.problem .pc>div.left{ background:url(../images/head.png) 0 0 no-repeat; }
.problem .pc>div.right{ background:url(../images/head.png) 0 -10.875rem no-repeat; }

.problem ul{ padding: 0 13.5rem; }
.problem li{ width: 100%; margin-bottom: 0.3125rem; background: #fff; color: #4D4D4D; font-size: 1.125rem; position: relative; }
.problem li:before{ position: absolute; content: ''; left: 0; top: 0; width: 3.75rem; height: 100%; background: #eee;}
.problem li:after{ position: absolute; content: ''; left: 3.75rem; top: 0; width: 1px; max-width: 1px; min-width: 1px; height: 100%; background: #ddd;}

.problem .num{ position: absolute; left: 0; top: 0; width: 3.75rem; height: 100%; line-height: 3.75rem; float: left; text-align: center; z-index: 1; }
.problem .name{ width: 100%; float: left; height: 3.75rem; overflow: hidden;text-overflow:ellipsis;white-space: nowrap; line-height: 3.75rem; padding: 0 2.5rem 0 5rem; cursor: pointer; position: relative;}
.problem .name:before{ position: absolute; content: ''; right: 1.25rem; top: 50%; width: 0.8rem; height: 0.125rem; background: #ddd; }
.problem .name:after{ position: absolute; content: ''; right: 1.25rem; top: 50%; width: 0.8rem; height: 0.125rem; background: #ddd;transform:rotate(90deg);}


.problem .desc{ width: 100%; height: 0; overflow: hidden; float: left; color: #878787; font-size: 1rem; line-height: 1.625rem; padding: 0 1.25rem 0rem 5rem; }
.problem .desc p{ margin: 0.5rem 0 }
.problem .desc p,.problem .desc strong,.problem .desc span{ font-size: 1rem!important; line-height: 1.625rem!important; }


.problem li.active{ color: #00B09F;}
.problem li.active .desc{ height: auto; color: #737373;text-align: justify; padding: 0 1.25rem 1rem 5rem;  }
.problem li.active .desc p{ color:#656565!important}
.problem li.active .name:after{opacity:0;}



/**3医疗服务***********************************/

.infer{ width: 100%; float: left;}
.infer h1{ float: left; width: 100%; color: #00B09F; font-weight: inherit; font-size: 1.8rem; text-align: center; line-height: 4rem; }
.infer h2{ float: left; width: 100%; margin:1.6125rem 0 1.875rem 0; color: #676767; font-weight: inherit; font-size: 1rem; line-height: 1.75rem;text-align: justify; }
.infer .img{ width: 100%; float: left; margin-top: 1rem; overflow: hidden; border-radius: 1rem; margin-bottom: 4rem;}
.infer .img img{ width: 100%; height: auto!important; float: left;}

.infer li{ width: 48%; background: #fff; overflow: hidden; font-size: 0.875rem; border-radius: 1rem; margin-left: 4%; margin-top: 3.125rem; box-shadow: 0px 0.2rem 0.5rem rgb(43 35 79 / 5%);}
.infer li:nth-child(2n+1){ margin-left: 0 } 
.infer li .left{ width: 100%; padding:2rem 1.875rem 2rem 2.75rem; position: relative;}
.infer li .left:before{ position: absolute;content: ''; left: 0; top: 0; width: 0.875rem; height: 100%; background: #00B09F }
.infer li .name{ font-size: 1.125rem; line-height: 2rem; color: #363636 }
.infer li .desc{ color: #888; font-size: 0.875rem; height: 3rem; line-height: 1.5rem;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-align: justify; }
.infer li:hover {box-shadow: 0px 0.2rem 0.5rem rgb(43 35 79 / 14%);}

/**4-1医疗团队***********************************/

.clini{ width: 100%; float: left;}
.clini h1{ float: left; width: 100%; color: #00B09F; font-weight: inherit; font-size: 1.8rem; text-align: center; line-height: 4rem;}

.clini .listimg{ width: 100%; float: left; text-align: center; margin-top: 1.875rem; border-radius: 1rem; }
.clini .listimg img{ width: 100%; border-radius: 1rem; }

.clini ul{ width:100%}
.clini li{ width: 22.2%; margin-left: 3.7333%; background: #fff; margin-top: 3.125rem; border-radius: 1rem; overflow: hidden;}
.clini li .img,.clini li .img img{ width: 100%; float: left; border-radius: 1rem; }
.clini li .txt{ width: 100%; float: left; padding: 1.5rem; }
.clini li .name{ width: 100%; float: left; line-height: 2rem; color: #434343; font-size: 1.125rem; font-weight: 700; margin-bottom: 0.5rem; }
.clini li .desc{ width: 100%; float: left; line-height: 1.5rem; height: 1.5rem; overflow: hidden;text-overflow:ellipsis;white-space:nowrap; color: #989898; font-size: 0.875rem; }


.clini li:nth-child(4n+1){ margin-left: 0; }
.clini li:hover{ background: #00B09F;}
.clini li:hover .name{ color: #fff}
.clini li:hover .desc{ color: #fff}

.clini li.ml3{ margin-left: 13.2%; }
.clini li.ml2{ margin-left: 26%; }
.clini li.ml1{ margin-left: 39%; }


/**4-2医疗团队详情***********************************/

.clini-default .back-list{ width: 100%; float:left; }
.clini-default .back-list a{ color: #434343; font-size: 1rem; height: 2.5rem; line-height: 2.5rem; position: relative; padding-left: 1.6rem;}
.clini-default .back-list a:before{ position: absolute; content: ''; left: 0; top: 50%; width:1.1875rem; height: 0.875rem; background: url(../images/back.png) no-repeat;transform:translate(0, -50%); }
.clini-default .back-list a:hover{ color:#00B09F;  }

.content{ width: 100%; float: left; margin-top: 1rem; }
.clini-default .left{ width: 20rem; }
.clini-default .img,.clini-default .img img{ width: 100%; float: left; border-radius: 1rem; overflow: hidden; }
.clini-default .link{ width: 100%; float: left; margin-top: 1.875rem; text-align: center; }
.clini-default .link a{ display: inline-block; margin: 0 1.2rem; padding: 0.6rem 1.5rem 0.6rem 3rem; background: #88A2D2; color: #fff; font-size: 0.875rem; border-radius: 1.5rem; position: relative; }
.clini-default .link a:before{ position: absolute; content: ''; left: 1.2rem; top: 50%;transform: translate(0, -50%); width: 1.25rem; height: 1.25rem; }

.clini-default .link a:nth-child(2){ background: #00B09F }
.clini-default .link a:nth-child(1):before{background: url(../images/team.png) 0 0 no-repeat;}
.clini-default .link a:nth-child(2):before{background: url(../images/team.png) 0 -1.25rem no-repeat;}


.clini-default .right{ width: 50rem; }
.clini-default h2{ display: inherit; width: 100%; float: left; margin: 1rem 0 0.5rem 0; line-height: 2.5rem; color: #00B09F; font-size: 1.625rem; font-weight: 700; }
.clini-default .txt{ width: 100%; float: left; font-size: 1rem; color: #656565; line-height: 2rem; padding-bottom: 1rem; border-bottom: #DEDEDF 1px dashed }
.clini-default h3{display: inherit; width: 100%; float: left; margin: 1rem 0 0.5rem 0; line-height: 2.5rem; color:#434343; font-size: 1rem;  font-weight: 700;}
.clini-default .desc{ width: 100%; float: left;  font-size: 0.875rem;  color: #767676; line-height: 1.5rem; }


.clini-default .timetab{ width: 100%; float: left; }
.clini-default .hr{ display: inherit; width: 100%; height: 1px; background: none;color: #fff; min-height: 1px; max-height: 1px; float: left;  border-bottom: #DEDEDF 1px dashed; margin: 2.3125rem 0 2.5rem 0}


/**5医生排班***********************************/

.schedule{ width: 100%; float: left;}
.schedule h1{ float: left; width: 100%; color: #00B09F; font-weight: inherit; font-size: 1.8rem; text-align: center; line-height: 4rem; margin-bottom: 1.875rem; }

.schedule .depart{ width: 100%; float: left; min-height: 5rem; margin-bottom: 3.125rem; text-align: center;}
.schedule .depart p{ display: inline-block; width: 100%; float: left; font-size:1.125rem; line-height: 1.5rem; margin-bottom: 1rem; font-weight: 700; }
.schedule .depart a{ display: inline-block; font-size: 0.875rem; padding:0.5rem 0.6rem; margin-right: 1rem; border-radius: 1.5rem; border: #00B09F 1px solid; }
.schedule .depart a.active,.schedule .depart a:hover{ background: #00B09F; color: #fff }


.schedule .depart-cont{ width: 100%; float: left; }
.schedule .depart-cont ul{ display: none; }
.schedule .depart-cont ul:nth-child(1){ display: inline-block; }

.schedule ul{ width: 100%; background: #fff; padding:0 3.125rem 1.3125rem 3.125rem; }
.schedule li{ width: 100%; padding: 2.5rem 0; border-bottom: #DCDCDC 1px dashed; }
.schedule li:nth-last-child(1){border-bottom: none; }

.schedule .left{ width: 45%; height: 7.5rem; }
.schedule .left{ position: relative; }
.schedule .img{ position: absolute; left:0; top: 0; width: 7.5rem; overflow: hidden; border-radius: 0.5rem; }
.schedule .img img{ width: 100%; float: left; }
.schedule .txt{ width: 100%; float: left; padding-left: 9rem; }
.schedule .name{ width: 100%; float: left; font-size: 0.875rem; color: #919191; height: 2rem; line-height: 2.3rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.schedule .name font{ float: left; font-size: 1.125rem; color: #00B09F; margin-right: 0.8rem; line-height: 2rem; font-weight: 700; }
.schedule .desc{ width: 100%; float: left; color: #A0A0A0; font-size: 0.875rem; line-height: 1.5rem; }
.schedule .desc p:nth-child(1){ color: #00B09F; margin-top: 0.5rem;}
.schedule .desc p:nth-child(2){overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; }






/**6-1科普知识***********************************/

.fi{ width: 100%; float: left;}
.fi h1{ float: left; width: 100%; color: #00B09F; font-weight: inherit; font-size: 1.8rem; text-align: center; line-height: 4rem; margin-bottom: 1.875rem; }


.fi ul{}
.fi li{ width: 46.5%; margin-left:7%; margin-top: 3.125rem; padding-bottom: 3rem; border-bottom: #EDEDED 1px solid; position: relative; }
.fi li:before{ position: absolute; bottom: 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;}

.fi li .img{ width: 100%; float: left; overflow: hidden;}
.fi li .img img{ width: 100%; float: left; }
.fi li h2{ display: inline-block; width: 100%; height: 1.5rem; float: left; margin-top: 1rem; font-size: 1.375rem; font-weight:300; color: #434343; line-height: 1.5rem; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.fi li h3{ width: 100%; float: left; font-weight: 300; margin-top: 1rem; font-size:1rem; color: #878787; line-height: 1.875rem; height: 3.75rem; -webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; position: relative;text-align: justify;}

.fi li:nth-child(2n+1){ margin-left: 0; }
.fi li:nth-child(1),.fi li:nth-child(2){ margin-top: 0 }
.fi li:hover img{transform: scale(1.1);-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1);}
.fi li:hover h2{ color: #00B09F }
.fi li:hover h2 a{ color: #00B09F  }
.fi li:hover h3{ color: #b6b6b6}
.fi li:hover:before{ width: 100%; }


/**6-2二维码页***********************************/
.live{ width: 100%; float: left; text-align: center;}
.live h1{ float: left; width: 100%; color: #00B09F; font-weight: 300; font-size: 1.8rem; text-align: center; line-height: 4rem; margin-bottom: 1.875rem; }
.live .img{ width: 100%; float: left; margin: 2rem 0; }
.live .txt{ width: 100%; float: left; color: #333; font-size: 1rem; line-height: 1.5rem; }









@media(max-width:1440px) {

    .nybanner p{ font-size: 1.8rem; line-height: 3.6rem; }

    .about .left{ width: 48%; }


    .environ .w1440{ width: 100%; float: left; }
    .environ .bigimg{ width: 90%; margin-left: 5%; }
    .environ .btn{ padding:1rem 4% 0.3rem 4%; }
    .environ .btn .smallimg .swiper-slide{ padding: 0.8rem; }
    .environ .btn .swiper-button-prev{ left: 0.8%; }
    .environ .btn .swiper-button-next{ right: 0.8%; }


    .join-default .left{  width: 66rem; }


    .process .one{ padding: 3.5rem 9.15rem; }
    .process .one li{ width: 25%; height: 6rem; margin-left: 12.5%; padding-top: 0.8rem;}
    .process .one li:nth-child(1), .process .one li:nth-child(4){ line-height: 6rem }
    .process .one .left{ left: 17rem; }
    .process .one li:nth-child(3):after{ left: 50%; }



    .process .two{ padding: 3.5rem 4.5rem }
    .process .two li{ width: 28%; height: 8rem; margin-left: 8%; }

    .route .link{ margin: 1rem 0; }


    .clini li{ width: 24%; margin-left: 1.3333%; margin-top: 3rem; }
    .clini li .name{ font-size: 1.1rem; }
    .clini li .desc{ font-size: 0.8rem; }
    .clini li:nth-child(4n+1){ margin-left: 0%; }

    
    .clini li.ml3{ margin-left: 13.2%; }
    .clini li.ml2{ margin-left: 26%; }
    .clini li.ml1{ margin-left: 39%; }

}

@media(max-width:1366px) {

    .about .left{ width: 47%; }
    .about .left h1{ padding-left: 2.2rem }
    .about .left .txt{ font-size: 0.9rem; line-height: 2rem; padding-left: 2.2rem;}
    .about ul li{ padding: 1.6rem 2.2rem; }
    .about ul li .name{ margin-bottom: 0.8rem; }
    .about ul li .desc{ line-height: 1.5rem; }
    .about .right img{ padding-right: 2.2rem }

    .environ .btn{ padding:1rem 4.5% 0.3rem 4.5%; }
    .environ .btn .smallimg .swiper-slide{ padding: 0.5rem; }
    .environ .btn .swiper-button-prev{ left: 0.8%; }
    .environ .btn .swiper-button-next{ right: 0.8%; }

    .join-default .left{  width: 62rem; }

    .process .one{ padding: 3rem 8rem; }
    .process .one .left{ left: 15.5rem; }

    .process .two{ padding: 3rem 4rem; }
    .process .two li>div{ font-size: 1.2rem }

}

@media(max-width:1280px) {

    .w1200{ width: 96%; margin: 0 2%; }

    .nybanner p{ font-size: 1.6rem; line-height: 3.2rem; }


    .pos ul li{ margin-right: 1rem; }
    .pos ul li a,.pos .right{ height: 4rem; line-height: 4rem}
    .pos .right a img{ margin-top: 1.625rem; }


    .info{ padding: 3rem 0; }


    .about .left h1{ font-size: 1.6rem; line-height: 3rem; }
    .about ul li .name{ font-size: 1.2rem; }
    .about ul li .desc{ font-size: 0.8rem;}


    .memora h1{ font-size: 1.6rem; line-height: 3rem; }
    .dashiji .dsj-top{ margin-top: 1rem; }
    .dashiji .info-ul{ padding: 2rem 4rem; }

    .honor h1{ font-size: 1.6rem; line-height: 3rem; }
    .honor ul{ margin-top: 2rem; }
    .honor ul li{ padding: 2rem 2rem 1rem 2rem }
    .honor ul li .img{ height:12rem; }
    .honor ul li .img img{ width: 18rem; height:12rem; }
    .honor ul li .name{ line-height: 2rem; margin-top: 1rem; }

    .environ h1{ font-size: 1.6rem; line-height: 3rem; }
    .environ .btn .imgbtn{ width: 2.5rem; height: 2.5rem;border-radius: 2.5rem; }
    .environ .btn .imgbtn:before{ width: 0.6rem; height: 0.6rem; }
    .environ .btn .smallimg .swiper-slide p{ font-size: 0.9rem; }


    .news h1{ font-size: 1.6rem; line-height: 3rem; }
    .news li .txt .name{ font-size: 1.2rem; }
	
	.news-default .left{ width:73%;}
	.news-default .right{ width:25%;}

    .join h1{ font-size: 1.6rem; line-height: 3rem; }
    .join-default .left{  width: 57rem; }


    .process h1{ font-size: 1.6rem; line-height: 3rem; }
    .process .one{ padding: 3rem 6rem; }
    .process .one li p{ font-size: 1.1rem; }
    .process .one ul>div:before{ left: 7.5rem; }
    .process .one .txt{ padding-left: 7.5rem; }
    .process .one .txt:before{ left: 8.625rem }
    .process .one .txt:after{ left: 9.7rem; }

    .notice h1{ font-size: 1.6rem; line-height: 3rem; }
    .route h1{ font-size: 1.6rem; line-height: 3rem; }
    .problem h1{ font-size: 1.6rem; line-height: 3rem; }
    .sitemap h1{ font-size: 1.6rem; line-height: 3rem; }
    .searchlist h1{ font-size: 1.6rem; line-height: 3rem; }
    .live h1{ font-size: 1.6rem; line-height: 3rem; }

    .infer h1{ font-size: 1.6rem; line-height: 3rem; }
    .infer h2{ margin: 0 0 1rem 0;}
    .infer li{ margin-top: 2rem; }
    .infer li .left{ padding: 1.5rem 1.5rem 1.5rem 2.3125rem }

    .clini h1{ font-size: 1.6rem; line-height: 3rem; }
    .clini li{ width: 31.3333%; margin-left: 3%; margin-top: 3rem; }
    .clini li .txt{ padding: 1rem }
    .clini li .name{ font-size: 1rem; line-height: 1.8rem; }
    .clini li .desc{ font-size: 0.7rem; line-height: 1.4rem;  height: 1.4rem;}
    .clini li:nth-child(4n+1){ margin-left: 3%; }
    .clini li:nth-child(3n+1){ margin-left: 0%; }


    .clini li.ml3{ margin-left: 0%; }
    .clini li.ml2{ margin-left: 17%; }
    .clini li.ml1{ margin-left: 34.3333%; }


    .clini-default .left{ width: 26%; }
    .clini-default .link a{ margin: 0 0.8rem; }
    .clini-default .right{ width: 66%; }

    .schedule ul{ padding: 0 2rem }
    .schedule li{ padding: 1.5rem 0 }
    .schedule h1{ font-size: 1.6rem; line-height: 3rem; }
    .schedule .depart{ margin-bottom: 2rem; }
    .schedule .depart p{ margin-bottom: 0.6rem; }
    .schedule .depart a{ font-size: 0.8rem; padding: 0.3rem 0.6rem;  }

    .fi h1{ font-size: 1.6rem; line-height: 3rem; }
    .fi li{ padding-bottom: 2rem; margin-top: 2.125rem;}
    .fi li h2{  font-size: 1.2rem; }


}

@media(max-width:1024px) {


    .nybanner p{ font-size: 1.5rem; line-height: 2.5rem; }

    .searchlist{ padding: 0 2%; }

    .pos .w1440,.info .w1440{ width: 96%; margin-left: 2%; }

    .pos ul li{ margin-right: 1.5rem; }
    .pos ul li a,.pos .right{ height: 3.5rem; line-height: 3.5rem}
    .pos .right a img{ margin-top: 1.3125rem; }

    .about .left h1{ padding-left: 2rem }
    .about .left .txt{ margin-top: 0.5rem; font-size: 1rem; line-height: 2.125rem; padding-left: 2rem }
    .about .right img{ padding-right: 2rem; }
    .about ul{ margin-top: 3rem; }
    .about ul li{ padding: 1.4rem 2rem; }


    .dashiji .dsj-top{ margin-top: 1rem; }
    .dashiji .info-ul{ padding: 2rem 4rem; }

    .honor ul{ margin-top: 2rem; }
    .honor ul li{ padding: 2rem 2rem 1rem 2rem }
    .honor ul li .img{ height:10rem; }
    .honor ul li .img img{ width: 15rem; height:10rem; }
    .honor ul li .name{ line-height: 1.8rem; margin-top: 1rem; }


    .environ .w1440{ width: 100%; float: left; margin-left: 0;}
    .environ .btn .smallimg .swiper-slide p{ font-size: 0.8rem; }


    .news li{  padding-bottom: 2rem; }
    .news li:before{ left: 6.5rem; }
    .news li .time{ width: 10rem; }
    .news li .time i{ left: 5.85rem; }
    .news li .txt .name{ margin-top: 0.5rem; }
    .news li .img{ width: 20.1rem; height: 13.4rem; margin-right: 1rem;}
    .news li .img img{ width: 20.1rem; height: 13.4rem; }
    .news li .txt{ width: 29.5rem; }

    .news-default .left{ width: 41.8rem; }
    .news-default .allwidth{ width: 100%; }
    .news-default .content .left,.news-default .content .right{ padding: 1rem 1.5rem; }
    .news-default .left .prevnext>div{ height: 2rem; line-height: 2rem; font-size: 0.9rem; }
    .news-default .left h1{ margin-top: 0.5rem; margin-bottom: 0rem; }
    .news-default .left .time{ line-height: 2.625rem; }
    .news-default .left #share{ line-height: 2.625rem; padding-bottom: 0; }


    .news-default .right li{ margin-bottom: 0.8rem; }


    .join ul{ padding: 3% 0 0 0 }
    .join ul li{ width: 31.3333%; margin-left: 3%; margin-bottom: 3%; }
    .join ul li a{ padding: 1rem 2rem; }


    .join-default .left{ width: 41.8rem; }
    .join-default .content>div{ padding: 1rem 1.5rem; }
    .join-default .left h1{ margin-top: 0.5rem; }

    .join-default .right li{ margin-bottom: 0.8rem; }


    .process .one{ margin-bottom: 3rem; }
    .process .one li{width: 28%; height: 5rem; line-height: 2rem; margin-left: 8%; padding-top: 0.5rem; margin-bottom: 3rem;}
    .process .one li p{ font-size: 1.1rem; }
    .process .one li:nth-child(1), .process .one li:nth-child(4){ line-height: 5rem; }
    .process .one ul>div:before{ left: 3.3rem; top: -3rem; }
    .process .one .txt{ padding-left: 3.3rem; }
    .process .one .txt:before{ left: 4.425rem }
    .process .one .txt:after{ left: 5.5rem; }
    .process .one .left{ left: 7.6rem; width: 10rem; height: 5rem;}
    .process .one .right{ width: 28rem; }


    .process .two{ padding: 3rem; }
    .process .two li{ width: 29%; height: 7rem; margin-left: 6.5%; margin-bottom: 3.5rem}
    .process .two li>div{ font-size: 1rem; }
    .process .two .name{ line-height: 3rem; }
    .process .two .desc{ line-height: 4rem; }
    .process .two .desc p{ font-size: 0.75rem; }
    .process .two li:nth-child(3) .desc p font:before{ top: 0.3rem }
    .process .two li:nth-child(1) .desc, .process .two li:nth-child(2) .desc, .process .two li:nth-child(3) .desc{ line-height: 1.2rem; margin-top: 0.8rem; }

    .process .two .other{ font-size: 0.9rem; }
    .process .two .pall{ width: 42rem; float: left; margin-left: 0.5rem;}
    .process .two .pall p{ width: 55%; float: left; line-height: 1.875rem; margin-bottom: 0; }



    .process .two .left p:nth-child(2) i{ background: #75C0E2 }
    .process .two .pall p:nth-child(1),.process .two .pall p:nth-child(3),.process .two .pall p:nth-child(5){ width:45%;}



    .notice .desc{  padding: 2rem 3rem;}
    .notice h2{ font-size: 1rem; margin-bottom: 0.8rem;}
    .notice h3{ font-size: 0.9rem; }
    .notice .cont{ font-size: 0.8rem; margin-bottom: 1.5rem; }
    .notice li{ margin-top: 0.8rem; }
    .notice .left:nth-child(2) ul{ margin-bottom:0.8rem }


    .route .input{ width: 17.4rem; }
    .route .desc{ padding: 1.5rem 2rem; }
    .route h3{ margin-top: 1.5rem; }
    .route ul{ margin-top: 1rem; }
    .route li p,.route li font{ margin-bottom: 1rem; }
    .route .link a{ padding: 1rem 4rem; font-size: 0.9rem}
    .route .link a:before{ left: 10%; }


    .problem .pc{ display: none; }
    .problem ul{ padding: 0 2rem; }


    .clini li{ width: 31.3333%; margin-left: 3%; margin-top: 2rem; }
    .clini li:nth-child(4n+1){ margin-left: 3%; }
    .clini li:nth-child(3n+1){ margin-left: 0%; }

    .clini li.ml3{ margin-left: 0%; }
    .clini li.ml2{ margin-left: 17%; }
    .clini li.ml1{ margin-left: 34.3333%; }


    .clini-default .left{ width: 30%; }
    .clini-default .link a{ margin: 0 0.8rem; }
    .clini-default .right{ width: 65%; }
    .clini-default h2{ font-size: 1.3rem;  margin: 0.5rem 0 0.2rem 0;}
    .clini-default .txt{ font-size: 0.9rem; line-height: 1.8rem; margin-bottom: 0.5rem; padding-bottom: 0.5rem; }
    .clini-default h3{ font-size: 0.9rem; line-height: 1.8rem; margin: 0.5rem 0 0.2rem 0; }
    .clini-default .desc{ font-size: 0.8rem; line-height: 1.6rem; }


    .fi li{ margin-top: 2.25%; padding-bottom: 2%; }

}   


@media(max-width:768px) {

    .nybanner p{ font-size: 1.05rem; line-height: 2rem; }
    .pagelist{ padding-top: 1rem; }

    .info{ padding: 2rem 0; }

    .searchlist h1{font-size: 1.3rem; line-height: 2rem; margin-bottom: 0rem;}
    .searchlist h2{ height: 2rem; margin-top: 0.625rem;  }
    .searchlist h2 p{ font-size: 0.9rem; line-height: 1rem; padding: 0.5rem 0.625rem;}
    .searchlist ul{ margin-bottom: 0 }
    .searchlist li{ padding: 0.875rem 0; }
    .searchlist .name{ height: 1.3rem; line-height: 1.3rem; }
    .searchlist .name a{    font-size: 0.9rem; line-height: 1.3rem;}
    .searchlist .desc{ font-size: 0.7rem; line-height: 1.4rem; margin-top: 0.625rem }

    .sitemap h1{font-size: 1.3rem; line-height: 2rem; margin-bottom: 0rem;}
    .sitemap ul{ padding-left: 0 }
    .sitemap li{ width: 100%; padding-left: 40%; margin: 0.5rem 0; }
    .sitemap li h3{ line-height: 1.6rem; font-size: 0.9rem; }
    .sitemap li p{ padding-left: 0.8rem; line-height: 1.4rem;}
    .sitemap li p:before{ width: 0.3rem; height: 0.3rem; border-radius: 0.3rem; }


    .timetab{ width: 100%; float: left; height: auto;}
    .timetab .days{ height: 2.8rem; line-height: 2.8rem; }
    .timetab .days>div{ padding: 0.4rem 0; height: 2.8rem; overflow: hidden;}
    .timetab .days>div p{ font-size: 0.7rem; line-height: 1rem; }

    .timetab .morning>div:nth-child(1),.timetab .afternoon>div:nth-child(1){ font-size: 0.7rem; }
    .timetab .morning>div,.timetab .afternoon>div{ font-size: 0.8rem; }


    .pos .w1440,.pos .left,.pos .right{width: 100%; margin: 0; float: left;}
    .pos .left{ height: 3rem; overflow: hidden; position: relative; z-index: 1}
    .pos ul{ width: 100%;}
    .pos ul .line{ position: inherit; bottom: inherit; top: 0; height: 3rem; line-height: 3rem; text-indent: 1rem; font-size: 0.8rem; z-index: 2; cursor: pointer; color: #fff;background: -moz-linear-gradient(top, #00B09F 0%, #00C3B0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00B09F), color-stop(100%,#00C3B0));
    background: -webkit-linear-gradient(top, #00B09F 0%,#00C3B0 100%);
    background: -o-linear-gradient(top, #00B09F 0%,#00C3B0 100%);
    background: -ms-linear-gradient(top, #00B09F 0%,#00C3B0 100%);
    background: linear-gradient(to bottom, #00B09F 0%,#00C3B0 100%);}
    .pos ul li a{ height: 2.5rem; line-height: 2.5rem; }
    .pos ul li{position:relative;  margin: 0; width: 100%; background: #00C2AF;}
    .pos ul .line:before{ position: absolute; content: ''; right:1rem; top: 50%;width: 0;height: 0; border-left: 0.5rem solid transparent; border-right: 0.5rem solid transparent; border-top: 0.5rem solid #fff; font-size: 0; line-height: 0;z-index: 1;transform: translate(0, -50%);}
    .pos ul li a{ width: 100%; float: left; display: inline-block; font-size: 0.8rem; padding: 0 1rem; color: #fff;}
    .pos ul li.poson a{ text-indent: 0.5rem; color: #fff }
    .pos .left.cur{ overflow: inherit; }
	.pos ul li a:hover{color:#fff}

    .pos .right{ height: 3rem; line-height: 3rem; }
    .pos .right a{ font-size: 0.8rem; }
    .pos .right a img{ margin-top: 1.125rem; }

    .postxt{ float: left; margin-left: 50%;transform: translate(-50%, 0);}


    .about .left,.about .right{ width: 100%; }
    .about .left{ margin-bottom: 2rem; }
    .about .left h1{ text-align: center; font-size: 1.3rem; line-height: 2rem; margin-bottom: 1rem; padding-left: 0 }
    .about .left .txt{ padding-left: 0 }
    .about .right img{ width: 100%; padding-right: 0}
    .about ul{ margin-top: 2rem; width: 96%; margin-left: 2%; }
    .about ul li{ padding: 1rem 1.2rem; }
    .about ul li .name{ font-size: 1.125rem; line-height: 1.75rem; padding-left: 0.8rem;}
    .about ul li .name:before{ width: 0.4rem; height: 0.4rem; border-radius: 0.4rem; top: 0.45rem; }
    .about ul li .desc{ font-size: 1rem; line-height: 1.625rem; }


    .memora h1{font-size: 1.3rem; line-height: 2rem; margin-bottom: 0rem;}
    .dashiji .dsj-top{ height: 7rem; }
    .dashiji .dsj-top:before{ top: 4.7rem; }
    .dashiji .icon i{ z-index: 0; }
    .dashiji .time-ul{ height: 3.5rem; top: 3.5rem;}
    .dashiji .time-li{ width: 8rem; }
    .dashiji .time-li .bg{ margin-left: 0.05rem; }
    .dashiji .time-li .bg li{ width: 2%; max-width: 2%; min-width: 2%; margin-left: 8%; }
    .dashiji .year{ height: 2.3rem; line-height: 2.3rem; font-size: 1.05rem; }
    .dashiji .year:after{ height: 1rem; top: -1rem; }
    .dashiji .info-ul{ padding: 1rem; min-height: 12rem; }
    .dashiji .info-li-box{ font-size: 0.8rem; line-height: 1.5rem; margin-bottom: 0.5rem;}
    .dashiji .info-li-box:before{ width: 0.3rem; height: 0.3rem; border-radius: 0.3rem; top: 0.6rem; }
    .dashiji .info-li-box .time{ left: 0.8rem; font-weight: inherit; }
    .dashiji .info-li-box .txt{ padding-left: 4.5rem; }


    .honor h1{font-size: 1.3rem; line-height: 2rem; margin-bottom: 1rem;}
    .honor ul{ margin-top: 0.5rem; }
    .honor ul li{ width:49%;margin-left: 2%; margin-top: 2%;  padding: 1rem 1rem 0.5rem 1rem; border-radius: 0.5rem; }
    .honor ul li .img{ height: inherit; }
    .honor ul li .img img{ height: inherit; }
    .honor ul li .name{ font-size: 0.7rem; line-height:1.5rem; margin-top: 0.2rem; }
    .honor ul li:nth-child(3n+1){ margin-left:0; }
    .honor ul li:nth-child(2n+1){ margin-left: 0; }
    .honor ul li:nth-child(2n){ margin-left:2%; }
    .honor ul li:nth-child(3){ margin-top: 2% }
    .honor ul li:hover .img{transform:scale(1.1);}


    .environ h1{font-size: 1.3rem; line-height: 2rem;  margin-bottom: 1rem;}
    .environ .img{ margin-top: 0.5rem; }
    .environ .bigimg{ width: 94%; margin-left: 3%; margin-right: 3%; }
    .environ .btn{ margin-top: 1rem; padding: 1rem 10% 0.2rem 10%;}
    .environ .btn .imgbtn{ width: 2rem; height: 2rem;border-radius: 2rem; }
    .environ .btn .imgbtn:before{ width: 0.5rem; height: 0.5rem; }
    .environ .btn .swiper-button-prev{ left: 3%; }
    .environ .btn .swiper-button-next{ right: 3%; }
    .environ .btn .smallimg .swiper-slide{ padding: 0 0.5rem; }
    .environ .btn .smallimg .swiper-slide p{ font-size: 0.7rem; height: 1.5rem; line-height: 1.5rem; }


    .news h1{font-size: 1.3rem; line-height: 2rem; margin-bottom: 0rem;}
    .news ul{ margin-top: 1rem; }
    .news li{ padding: 0; margin-bottom: 1rem; }
    .news li:before{ display: none; }
    .news li .time{ width: 100%; margin-top: 0; margin-bottom: 0.5rem; }
    .news li .time i{ display: none; }
    .news li .img{ width: 100%; height: inherit; margin: 0; }
    .news li .img img{ width: 100%; height: inherit; }
    .news li .txt{ width: 100%; }
    .news li .txt .name{ font-size: 1.125rem; line-height: 1.75rem; margin-top: 1rem; margin-bottom: 0;}
    .news li .txt .desc{ font-size: 1rem; line-height: 1.625rem; }
    .news li .txt .more{ margin-top: 1rem; }
    .news li .txt .more a{ height: 2rem; line-height: 2rem; }
    .news li .txt .more a p{ font-size: 1rem; margin-right: 1.5rem; padding-left: 2rem;}
    .news li .txt .more a p:before{ left: 1rem; transform: translate(0, -50%);}


    .news-default .content{ margin-top: 1rem; }
    .news-default .content>div{ width: 100%;}
    .news-default .content>div.left{  padding: 0.8rem 1rem 0 1rem;  }
    .news-default .left h1{ line-height: 2rem; font-size: 1.5rem; }
    .news-default .left .cont{ padding: 1rem 0; font-size:1rem; line-height: 1.625rem; }
    .news-default .left .cont img{ padding: 1rem 0;}
    .news-default .left .prevnext{ margin: 0.5rem 0; }

    .news-default .right{ margin-top: 1rem; }
    .news-default .right li{ margin-bottom: 0.8rem; }

    .news-default .related h1{line-height: 1.2rem; font-size: 1.05rem; margin:2rem 0 0.125rem;}
    .news-default .related li{ padding: 1rem 0 0.625rem; }
    .news-default .related li .img,.news-default .related li .img img{ width: 100%; height: inherit; margin: 0 }
    .news-default .related li .txt{ position: inherit; left: inherit; top: inherit;transform:inherit; padding: 1rem 0 0 0; }
    .news-default .related li .name{ font-size: 0.9rem; line-height: 1.5rem; }
    .news-default .related li .desc{ margin: 0; line-height: 1.4rem; font-size: 0.7rem;}
    .news-default .related li .time{ font-size: 0.8rem; line-height: 1.4rem; }

    .join h1{font-size: 1.3rem; line-height: 2rem; margin-bottom: 0rem;}
    .join ul{ margin-top: 1rem; padding-top: 1.5rem; }
    .join .desc{ width: 100%; padding: 1rem 0; font-size: 0.8rem; line-height: 1.4rem; }
    .join .desc p{ width: 100%; padding: 0; margin-left: 0; }
    .join ul li{ width: 48%; margin-left: 4%; margin-bottom: 4%;}
    .join ul li a{ padding: 0.8rem 1rem; }
    .join ul li .name{ font-size: 0.9rem; font-weight: inherit; height: 1.8rem; line-height: 1.8rem;}
    .join ul li .office{ font-size: 0.7rem; height: 1.5rem; margin-top: 0.3rem; }
    .join ul li .office .of-li{ padding: 0 0.3rem; line-height: 1.5rem; height: 1.5rem; }
    .join ul li:nth-child(3n+1){ margin-left:0; }
    .join ul li:nth-child(2n+1){ margin-left: 0; }
    .join ul li:nth-child(2n){ margin-left:4%; }


    .join-default .content{ margin-top: 1rem; }
    .join-default .content>div{ width: 100%;}
    .join-default .content>div.left{  padding: 0.8rem 1rem 0 1rem;  }
    .join-default .left h1{ line-height: 1.2rem; font-size: 1.05rem; }
    .join-default .left .office{ margin-bottom: 0.5rem; }
    .join-default .left .cont{ padding: 1rem 0; font-size: 0.8rem; line-height: 1.4rem; }

    .join-default .right{ margin-top: 1rem; }
    .join-default .right h1{ font-size: 1.125rem; }
    .join-default .right li{ width: 50%; font-size: 1rem; font-weight: 300; margin-bottom: 1.8rem; }
    .join-default .right li a{ color: #434343 }


    .process h1{font-size: 1.3rem; line-height: 2rem; margin-bottom: 1rem;}
    .process .one{ margin-top: 0.5rem; padding:2rem 2%; margin-bottom: 2rem}
    .process .one li{ width: 42%; margin-left: 16%; line-height: 1.5rem; padding-top: 1rem;}
    .process .one li p{ font-size: 0.9rem; }
    .process .one li:nth-child(6){ margin-left: 16% }
    .process .one li:nth-child(5), .process .one li:nth-child(6){ float: left; }
    .process .one li:nth-child(3), .process .one li:nth-child(4){ float: right; }
    .process .one li:nth-child(4), .process .one li:nth-child(5){ margin-left: 0 }

    .process .one li:before{ background: #BBE1D6; }
    .process .one li:after{border-left: 1.5625rem solid #BBE1D6;}

    .process .one li:nth-child(1):before, .process .one li:nth-child(5):before{ left: inherit; right: -1.125rem; top: 50%; transform: translate(0, -50%);}
    .process .one li:nth-child(1):after, .process .one li:nth-child(5):after { left: inherit; right: -2.6875rem; top: 50%; transform: translate(0, -50%);}
    .process .one li:nth-child(2):after,.process .one li:nth-child(4):after{border-left:1.5625rem solid transparent;  
    border-right: 1.5625rem solid transparent;  
    border-top:1.5625rem solid #BBE1D6; top: inherit; left: 50%; bottom: -4.25rem; transform: rotate(0deg) translate(-50%, 0);}
    .process .one li:nth-child(2):before,.process .one li:nth-child(4):before { right: inherit; top: inherit; left: 50%; bottom: -1.125rem;transform:inherit;    transform: translate(-50%, 0);}
    .process .one li:nth-child(3):before{right: inherit; left: -1.125rem; top: 50%; transform: translate(0, -50%);}
    .process .one li:nth-child(3):after{border-left:none;border-top: 1.5625rem solid transparent; border-right: 1.5625rem solid #BBE1D6;   border-bottom: 1.5625rem solid transparent; right: inherit; left: -2.6875rem; top: 50%; transform: translate(0, -50%);}
    .process .one li:nth-child(5):after{border-right:none;border-top: 1.5625rem solid transparent; border-left: 1.5625rem solid #BBE1D6;  border-bottom: 1.5625rem solid transparent;}

    .process .one ul>div{ margin-bottom: 2rem; }
    .process .one ul>div:before{ top: -3rem; left: inherit; right:3rem; height:calc(100% + 7.5625rem) ; z-index: 11; background: #BBE1D6}
    .process .one .txt{ padding-left: 0; padding-right: 8rem; }
    .process .one .txt:before{ left: inherit; top: 1.4375rem; transform:inherit; right: 4.125rem; background: #BBE1D6; z-index: 10}
    .process .one .txt:after{ left: inherit; top: 0.4rem; transform:inherit; border-left: inherit; right: 5.25rem; border-top: 1.5625rem solid transparent; border-right: 1.5625rem solid #BBE1D6; border-bottom: 1.5625rem solid transparent;}
    .process .one .left{ left: inherit; right: 8rem; top: 0; font-size: 1.5rem; width: 8rem; height: 4rem; line-height: 4rem;transform:inherit;}

    .process .one .right{ width: 100%; padding: 1rem; margin-top: 7.5rem; }
    .process .one .name{ font-weight: 700; font-size: 0.9rem;line-height: 1.4rem;}
    .process .one .desc{ font-size: 0.7rem; line-height: 1rem; }
    .process .one .desc p:before{ top: 0.3rem; width: 0.4rem; height: 0.4rem; border-radius: 0.4rem; }
    .process .one .yes .txt:nth-child(1):before{top: 1.4375rem;}
    .process .one .yes .txt:nth-child(1):after{ top: 0.4rem; }
    .process .one .left:before{ right: inherit; top: initial; left: 50%; bottom: -1.125rem; background: #BBE1D6; transform: translate(-50% , 0); z-index: 11 }
    .process .one .left:after{ left: 50%; bottom: -2.6875rem; top: initial; right: inherit; border-bottom: none; border-left:1.5625rem solid transparent; border-right: 1.5625rem solid transparent; border-top:1.5625rem solid #BBE1D6; transform: translate(-50% , 0);}
    .process .one .no{  margin-bottom: 0; }
    .process .one .no:before{ display: none; }


    .process .two{ margin-top: 1rem; padding: 2rem 0;}
    .process .two li{ width:70%; margin: 0 15%; margin-bottom: 3rem; }
    .process .two .name{ font-size: 0.9rem; }
    .process .two .desc p{ font-size: 0.7rem; }
    .process .two .other{width: 96%; padding: 1rem; margin: 2%; font-size: 0.8rem;}
    .process .two i{ width: 2rem; height: 1rem; margin-right: 1rem; position: absolute; left: 0; top: 0.25rem}
    .process .two .left p{ line-height: 1.5rem; margin-bottom: 0; padding-left: 3rem; position: relative;}
    .process .two .right{ padding-left: 2rem; position: relative; margin-top: 0.5rem}
    .process .two .txt{ position: absolute; left: 0; top: 0; line-height: 1.4rem; }
    .process .two .pall{width: 100%; margin-left: 0; }
    .process .two .pall p:nth-child(1), .process .two .pall p:nth-child(2), .process .two .pall p:nth-child(3), .process .two .pall p:nth-child(4), .process .two .pall p:nth-child(5), .process .two .pall p:nth-child(6){ width: 100%; line-height: 1.4rem; }


    .process .two li:nth-child(3n+1){ margin: 0 15%;margin-bottom: 3rem;}
    .process .two li:before{ left: 50%; transform: translate(-50% , 0);top: initial;bottom: -1.125rem; }
    .process .two li:after{border-left:1.5625rem solid transparent; border-right: 1.5625rem solid transparent; border-top:1.5625rem solid #BBE1D6; left: 50%; transform: translate(-50% , 0);top: initial; bottom: -2.6875rem; border-bottom:none;}
    .process .two li:nth-child(3):after,.process .two li:nth-child(4):after,.process .two li:nth-child(5):after, .process .two li:nth-child(6):after{ left: 50%;transform: translate(-50%, 0); }
    .process .two li:nth-child(4):after, .process .two li:nth-child(5):after{border-left: 1.5625rem solid transparent;
    border-right: 1.5625rem solid transparent;
    border-top: 1.5625rem solid #BBE1D6;
    border-bottom: none;}
    .process .two li:nth-child(3):before,.process .two li:nth-child(4):before,.process .two li:nth-child(5):before, .process .two li:nth-child(6):before{ left: 50%;transform: translate(-50%, 0); }
    .process .two li:nth-child(3):after, .process .two li:nth-child(6):after{ bottom: -2.275rem; }
    .process .two li:nth-child(9){ margin-bottom: 2rem; }


    .notice h1{font-size: 1.3rem; line-height: 2rem; margin-bottom: 1rem;}
    .notice .desc{ margin-top: 0.5rem;  padding: 1rem 2%; }
    .notice h2{ font-size: 0.9rem; margin-bottom: 0.4rem; line-height: 1.5rem;}
    .notice h3{ font-size: 1.125rem; line-height: 1.75rem; }
    .notice .cont{ font-size: 1rem; margin-bottom: 1.5rem; line-height: 1.625rem}
    .notice li{ margin-top: 0.8rem; }
    .notice .left:nth-child(2) ul{ margin-bottom:0.4rem }

    .route h1{font-size: 1.3rem; line-height: 2rem; margin-bottom: 1rem;}
    .route .title{ position: relative; padding-bottom: 3.5rem; margin-top: 0.5rem; margin-bottom: 1rem; }
    .route .start,.route .end{ width: 100%; float: left; position: relative;}
    .route .start .btn,.route .end .btn{ position: absolute; left: 0; top: 0; width: 5rem; height: 2.5rem; line-height: 2.5rem; font-size: 0.9rem; }
    .route .input{ width: 100%; float: left; padding-left: 6rem; height: 2.5rem; line-height: 2.5rem; }
    .route .icon{ width: 100%; margin: 0; }
    .route #mapsearch{bottom: 0; left: 50%;margin: 0; width: 5rem; height: 2.5rem ;line-height: 2.5rem; position: absolute;transform: translate(-50%, 0);}

    .route #baidu{ height: 20rem; margin-bottom: 1.5rem }

    .route .name p{ width: 90%; height: 2.5rem; line-height: 2.5rem; font-size: 0.8rem; padding-left: 2rem;    border-top-right-radius: 1rem; }
    .route .name i{ left: 0.5rem; width: 1rem; height: 1.25rem; background-size: 100% 100%; }
    .route .desc{ padding: 1rem 1.5rem; }
    .route h2{ font-size: 0.8rem; line-height: 1.2rem; }
    .route h3{ margin-top: 1rem; font-size: 0.9rem; line-height: 1.2rem;}
    .route ul{ margin-top: 0.5rem; }
    .route li{ font-size: 0.8rem; line-height: 1.2rem; }
    .route li p,.route li font{ margin-bottom: 0.5rem; padding: 0; padding-left: 0.6rem;}

    .route li p:before{ width: 0.3rem; height: 0.3rem; border-radius: 0.3rem; top:0.45rem ;}
    .route li i{ margin-right: 1rem; }
    .route .link a{  font-size: 0.7rem; padding: 0.5rem 2rem 0.4rem 2rem; letter-spacing: 0.1rem; }
    .route .link a:before{ left: 10%; width: 0.4rem; height: 0.4rem;}


    .problem h1{font-size: 1.3rem; line-height: 2rem; margin-bottom: 1rem;}
    .problem ul{ margin-top: 0.5rem; padding: 0; }
    .problem li{ font-size: 1rem; }
    .problem li:before{ width: 2.5rem; }
    .problem li:after{ left: 2.5rem; }
    .problem .num{ width: 2.5rem; line-height: 2.5rem; }
    .problem .name{ height: 2.5rem; line-height: 2.5rem; padding: 0 2rem 0 3.5rem; }
    .problem .name:before,.problem .name:after{ width: 0.6rem; height: 0.125rem; right: 1rem; }
    .problem .desc{ padding: 0 0.8rem 0 3.5rem; font-size: 0.8rem; line-height: 1.625rem; }
	.problem li.active .desc{ padding: 0 0.8rem 0.5rem 3.5rem; }


    .infer h1{font-size: 1.3rem; line-height: 2rem; }
    .infer h2{font-size: 1rem; line-height: 1.625rem; margin: 0.5rem 0 1rem 0; }
    .infer .img{ margin-bottom: 2rem; }
    .infer ul{ }
    .infer li{ width: 96%; margin:1rem 2% 0 2%; border-radius: 0.5rem;}
    .infer li .left{padding: 1rem 0.8rem 0.8rem 1.3rem;}
    .infer li .left:before{ width: 0.5rem; }
    .infer li .name{ font-size: 0.9rem; line-height: 1.5rem; }
    .infer li .desc{ font-size: 0.7rem; height: 2.6rem line-height: 1.3rem; }
    .infer li:nth-child(2n+1){  margin: 1rem 2% 0 2%; }

    .clini h1{font-size: 1.3rem; line-height: 2rem; margin-bottom: 1rem;}
    .clini ul{ margin-top: 0.5rem; }
    .clini li{ width: 49%; margin-left: 2%; margin-top: 2%; border-radius: 0.5rem; }
    .clini li .img,.clini li .img img{ border-radius: 0.5rem; }
    .clini li .txt{ padding: 0.5rem; }
    .clini li .name{ font-size: 0.8rem; line-height: 1.5rem; margin-bottom: 0 }
    .clini li .desc{ height: 2.4rem; line-height: 1.2rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
    .clini li:nth-child(4n+1){ margin-left: 2%; }
    .clini li:nth-child(3n+1){ margin-left: 2%; }
    .clini li:nth-child(2n+1){ margin-left: 0%; }
    
    .clini li.ml3{ margin-left: 0%; }
    .clini li.ml2{ margin-left: 0%; }
    .clini li.ml1{ margin-left: 25.5%; }


    .clini-default .left,.clini-default .right{ width: 100%; }
    .clini-default .img{ width: 70%; margin: 0 15%; border-radius: 0.5rem; }
    .clini-default .img img{ border-radius: 0.5rem;}
    .clini-default .link{ margin-top: 1rem; }
    .clini-default .link a{ padding: 0.4rem 1rem 0.4rem 2.6rem; font-size: 0.8rem; }
    .clini-default .link a:before{ left: 1rem; }
    .clini-default .right{ width: 96%; margin: 0 2%; }
    .clini-default h2{ font-size: 1rem; line-height: 1.8rem;margin: 1rem 0 0.2rem 0;}
    .clini-default .txt{ font-size: 0.85rem; padding-bottom: 0.8rem; }
    .clini-default h3{ font-size: 0.85rem;margin: 0.5rem 0 ; }
    .clini-default .desc{ font-size: 0.7rem; line-height: 1.4rem; }
    .clini-default .timetab{ width: 100%; float: left; }
    .clini-default .hr{ margin: 0.875rem 0 1rem 0}

    .clini .listimg{ margin-top: 0.5rem; }
    .clini .listimg,.clini .listimg img{ border-radius: 0.5rem; }

    .schedule h1{font-size: 1.3rem; line-height: 2rem; margin-bottom: 1rem;}
    .schedule .depart{ margin-top: 0.5rem; margin-bottom: 1rem;}
    .schedule .depart a{ margin-bottom: 0.5rem; padding: 0.2rem 0.5rem; }
    .schedule ul{ width: 100%; padding: 0 1rem; }
    .schedule li{ padding: 1rem 0; }
    .schedule .left{ width: 100%; float: left; }

    .schedule .timetab{ margin-top: 1rem; }




    .fi h1{font-size: 1.3rem; line-height: 2rem; margin-bottom: 1rem;}
    .fi ul{ width: 96%; margin: 0 2%;  margin-top: 0.5rem;}
    .fi li{ width: 100%; margin-left: 0; margin-top: 1rem; padding-bottom: 1rem}
    .fi li:nth-child(2){ margin-top: 1rem }
    .fi li h2{ font-size: 1.125rem; margin-top: 0; }
    .fi li h3{ margin-top: 0.5rem; }


    .live h1{font-size: 1.3rem; line-height: 2rem; margin-bottom: 1rem;}
    .live .img{ margin: 1rem 0; }
    .live .txt{ font-size: 0.7rem; line-height: 1.4rem; }

}