@charset "utf-8";
/* CSS Document */
/**
 * @description: 网站公共样式
 * @author: ishang_pan
 * @update: ishang_pan (2020-06-16 09:25)
 */

/*reset*/
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin: 0; padding: 0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display: block;}
html{overflow-y: scroll;}
*{box-sizing: border-box;}
:root{overflow-y: auto; overflow-x: hidden;}
table{border-collapse: collapse; border-spacing: 0;}
caption,th{font-weight: normal;}
html,body,fieldset,iframe,abbr{border: 0;}
i,cite,em,var,address,dfn{font-style: normal;}
[hidefocus],summary{outline: 0;}
ul,ol,ul li,li,ol li{list-style: none;}
h1,h2,h3,h4,h5,h6,small{font-size: 100%;}
sup,sub{font-size: 83%;}
pre,code,kbd,samp{font-family: inherit;}
q:before,q:after{content: none;}
textarea{overflow: auto; resize: none;}
label,summary{cursor: default;}
a,button{cursor: pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight: bold;}
ins,u,s,a,a:hover{text-decoration: none;}
body,textarea,input,button,select,keygen,legend{font-family: "微软雅黑"; font-size: 16px; color: #333333; outline: 0;}
a{color: #333; border: none; text-decoration: none; outline: none; hide-focus: expression(this.hideFocus=true);}
a:hover{text-decoration: none; color: #00aab2;}
a:focus{text-decoration: none; outline: 0; -moz-outline-style: none; color: #00aab2;}
img{border: 0 none; width: auto\9; height: auto; vertical-align: top; -ms-interpolation-mode: bicubic;}
button,input,select,textarea{font-size: 100%; font-family: tahoma; margin: 0; outline: 0 none; vertical-align: baseline; _overflow: visible; *vertical-align: middle; *overflow: visible;}

/*function*/
.f-dn,.hidden{display: none;}
.f-db,.block{display: block;}
.flex{display: flex;}
.f-fl,.float-left{float: left;}
.f-fr,.float-right{float: right;}
.float-none{float: none;}
.f-pr,.relative{position: relative;}
.f-pa,.absolute{position: absolute;}
.f-pf,.fixed{position: fixed;}
.f-oh,.overflow-hidden{overflow: hidden;}
.text-normal{font-weight: normal;}
.text-bold{font-weight: bold;}
.f-toe{overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;}
.cursor-pointer{cursor: pointer;}
.cursor-default{cursor: default;}
.cursor-help{cursor: help;}
.cursor-move{cursor: move;}
.select-none{-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none;}
.f-clear{margin: 0; padding: 0; height: 0; overflow: hidden; visibility: hidden; content: "."; clear: both; font-size: 0; }
.f-clearfix:after{display: block; height: 0; visibility: hidden; font-size: 0; content:" "; clear: both;}
* html .f-clearfix{zoom: 1;}
*:first-child+html .f-clearfix{zoom: 1;}
/* dynamic area */
.visible-lg, .visible-md, .visible-sm, .visible-xs{display: none;}
a img{transition:all 0.3s;}
a:hover img{transform:scale(1.1);}
.no-scale:hover img{transform: unset;}
.img-wrap img{width: 100%;height: 100%;object-fit: cover;}
.size-60{width: 60px;height: 60px;}
.w-full{width: 100%;}
.w-screen{width: 100vw;}
.w-fit{width: fit-content;}
.h-full{height: 100%;}
.h-screen{height: 100vh;}
.h-60{height: 60px;}
.leading-none{line-height: 1;}
.leading-24{line-height: 24px;}
.leading-30{line-height: 30px;}
.leading-36{line-height: 36px;}
.leading-40{line-height: 40px;}
.leading-42{line-height: 42px;}
.leading-48{line-height: 48px;}
.leading-60{line-height: 60px;}
.background-none{background: none;}
.border-none{border: none;}
.rounded-full{border-radius: 50%;}
.outline-none{outline: none;}
.box-shadow-none{box-shadow: none;}
.text-14{font-size: 14px;}
.text-18{font-size: clamp(16px,1.04vw,18px);}
.text-20{font-size: clamp(16px,1.15vw,20px);}
.text-22{font-size: clamp(18px,1.25vw,22px);}
.text-24{font-size: clamp(18px,1.35vw,24px);}
.text-32{font-size: clamp(22px,1.77vw,32px);}
.text-36{font-size: clamp(24px,1.98vw,36px);}
.text-40{font-size: clamp(32px,2.19vw,40px);}
.text-white{color: #fff;}
.text-black-333{color: #333;}
.text-grey-666{color: #666;}
.text-grey-999{color: #999;}
.text-center{text-align:center}
.text-left{text-align:left}
.text-right{text-align:right}
.text-indent-2{text-indent: 2em;}
.mr-17{margin-right: 17px;}
.mr-20{margin-right: 20px;}
.ml-10{margin-left: 10px;}
.ml-15{margin-left: 15px;}
.ml-30{margin-left: 30px;}
.mt-10{margin-top: 10px;}
.mt-15{margin-top: 15px;}
.mt-20{margin-top: 20px;}
.my-20{margin-top: 20px;margin-bottom: 20px;}
.mt-30{margin-top: 30px;}
.mt-40{margin-top: 40px;}
.mt-50{margin-top: 50px;}
.mt-60{margin-top: 60px;}
.mb-15{margin-bottom: 15px;}
.mb-20{margin-bottom: 20px;}
.mb-30{margin-bottom: 30px;}
.mb-40{margin-bottom: 40px;}
.mb-50{margin-bottom: 50px;}
.pl-50{padding-left: 50px;}
.pl-60{padding-left: 60px;}
.px-10{padding-left: 10px;padding-right: 10px;}
.py-8{padding-top: 8px;padding-bottom: 8px;}
.mx-auto{margin-left: auto;margin-right: auto;}

/*module*/
.m-location{padding: 5px 0 10px 25px; background: url(../images/public/icon-location.png) left center no-repeat;}
.m-location,.m-location a{ color: #666;}

/* tab 切换样式 */
.m-tabstyle1 .tab-item a{line-height: 1;padding-left: 84px;padding-top: 20px;background: url(../images/home/icon-title.png) left top no-repeat}
.m-tabstyle1 .tab-item.u-active a{color: #333;}

.m-tabstyle2{overflow: hidden;padding: 0 20px;text-align: center;border-bottom:1px solid #f0f0f0}
.m-tabstyle2 .tab-item{position: relative;}
.m-tabstyle2 .tab-item a{display:block;height: 64px;line-height: 64px;padding: 0 28px;}
.m-tabstyle2 .tab-item i{ position:absolute; left:50%; bottom:0px;height:5px; background:#26b0b8; width:0%; z-index:0;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.m-tabstyle2 .tab-item.u-active a{color:#00aab2;font-weight: bold;}
.m-tabstyle2 .tab-item.u-active i{ width: 32px; transform: translateX(-50%);}

.m-tabstyle3{width: 100%;position: relative;height: 90px;text-align: center;background-color: #f3f7fa;}
.m-tabstyle3::before{content: '';position: absolute;left: -100%;top: 0;width: 100%;height: 100%;background: #f3f7fa;z-index: -1;}
.m-tabstyle3::after{content: '';position: absolute;right: -100%;top: 0;width: 100%;height: 100%;background: #f3f7fa;z-index: -1;}
.m-tabstyle3 .tab-item{position: relative;}
.m-tabstyle3 .tab-item a{display:block;height: 90px;line-height: 90px;padding: 0 35px;}
.m-tabstyle3 .tab-item i{position:absolute; left:50%; bottom: 14px;height:5px; background:#26b0b8; width:0%; z-index:0;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.m-tabstyle3 .tab-item.u-active{background-color: white;}
.m-tabstyle3 .tab-item.u-active a{color:#00aab2;font-weight: bold;}
.m-tabstyle3 .tab-item.u-active i{ width: 32px; transform: translateX(-50%);}
.m-tabstyle3 .m-location{line-height: 90px; padding: 0;padding-left: 25px;margin: 0;background-position: left center;}

.m-tabstyle4{width: 100%;height: 130px;background-color: #f3f7fa;margin-bottom: 30px;}
.m-tabstyle4 h2{width: 352px;text-align: center;color: #00aab2;line-height: 130px;}
.m-tabstyle4 .tab-item{width:379px;height:70px;line-height:70px;margin-right: 30px;margin-top: 26px;text-align:center;background-color:#ffffff;}
.m-tabstyle4 .tab-item a{display:block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.m-tabstyle4 .tab-item.u-active{background-color: #00aab2;position: relative;}
.m-tabstyle4 .tab-item.u-active a{color: white;}
.m-tabstyle4 .tab-item.u-active::after{content: '';position: absolute;width: 12px;height: 12px;left: 50%;bottom: -6px;background-color: #00aab2;transform: translateX(-50%) rotate(45deg);}


/*文字列表 */
.m-liststylecom ul.list-box{min-height: 500px;}
.m-liststylecom li{height: 56px; line-height: 56px;}
.m-liststylecom li a{display: block; padding-left: 18px; background: url(../images/public/icon-li1.png) left center no-repeat; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.m-liststylecom li span{float: right; color: #999;}
.m-liststylecom li a:hover{padding-left: 22px;}
.m-liststylecom .list-line{height: 0px;border-bottom: 1px dashed #f0f0f0;width: 100%;}

.m-titstyle1{border-bottom: 1px solid #ddd;padding-bottom: 13px;}
.m-titstyle1 .u-tit{position: relative; display: block; padding: 0 10px;font-size: 24px;color: #00aab2;font-weight: bold;}
.m-titstyle1 .u-tit em{position: absolute;bottom:-14px;width:100%;height:3px;background:#00aab2;display: block;left:50%;transform: translateX(-50%);}
.m-titstyle2{background: url(../images/public/bg-tit2.png) center no-repeat;}
.m-titstyle2 .u-tit{font-size: 22px; font-weight: bold; color: #00aab2;}

.m-titstyle3{padding: 16px 0;background: #f8f8f8;margin-bottom: 15px;}
.m-titstyle3 .u-tit{display: block; padding-left: 12px; line-height: 1.1; font-size: 20px; font-weight: bold; color: #00aab2; border-left: 5px solid #00aab2;}
.m-titstyle3 .u-more{color: #666; font-size: 14px; line-height: 1.5;}


.m-listcard1 ul.doctor-list{display:flex;flex-wrap:wrap;gap:50px;}
.m-listcard1 .list-item{width:500px;padding:17px;border: solid 1px #e3edf4;}
.m-listcard1 .list-item:hover{border-color:#00aab2;}
.m-listcard1 .list-link{height: 100%;}
.m-listcard1 .list-item .img-wrap{position: relative;width: 40.30825%;height: 0px;padding-top: 55.17323%;background-color:#dfdfdf;overflow: hidden;}
.m-listcard1 .list-item .img-wrap img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.m-listcard1 .list-item .info{position: absolute;right: 0;width: calc(100% - 40.30825%);height: 100%;padding-left: 20px;display: flex; flex-direction:column;padding-bottom: 32px;}
.m-listcard1 .info .desc{border-top: 1px solid #e3edf4;padding-top: 10px;white-space: normal;height: 112px;overflow-y: auto;}
.m-listcard1 .info .more{margin-top: 4px;bottom: 4px;}

/*一排两个*/ 
.col2 li{float:left;width: 50%;} 
/*一排三个*/ 
.col3 li,.col3 a{float:left;width: 33.33333%;} 
/*一排四个*/ 
.col4 li{float:left;width: 25%;} 
/*一排五个*/ 
.col5 li{float:left;width: 20%;} 
/*一排六个*/ 
.col6 li{float:left;width: 16.66667%;} 

/*间距16px、20px、30px*/ 
.space16{margin-left: -8px; margin-right: -8px;} 
.space16 li{padding-left: 8px; padding-right: 8px;} 
.space24{margin-left: -12px; margin-right: -12px;} 
.space24 li{padding-left: 12px; padding-right: 12px;}
.space20{margin-left: -10px; margin-right: -10px;} 
.space20 li{padding-left: 10px; padding-right: 10px;} 
.space54{margin-left: -27px; margin-right: -27px;}
.space54 a{padding-left: 27px; padding-right: 27px;}

/* 单行省略号 */
.elli-s{display: block; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; max-width: 100%;}
/* 多行省略号 */
.elli-m{display: -webkit-box; overflow: hidden; white-space: normal; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all;}

.container{width: 1600px; margin: auto;}

/* 引导页 */
.onboarding-body{width: 100vw; height: 100vh;background: url(../images/home/pic-bg-onb.jpg) left top / cover no-repeat;overflow: hidden;}
.onboarding-region .logo{margin-left: 233px;margin-top: 50px;}
.onb-card-box{margin-right: 214px;margin-top: 88px;}
.onb-card-box{width: 574px;display: flex;gap: 40px;flex-wrap: wrap;}
.onb-card-box .card-item{width: calc(50% - 20px);position: relative;height:0px;padding-top: 34.86089%;transition: all .3s;}
.onb-card-box .card-item img{width: 33.70886%;position: absolute; top: 19%; left: 50%;transform: translateX(-50%);}
.onb-card-box .card-item p{position: absolute; bottom: 19%; left: 50%;transform: translateX(-50%);}
.onb-card-box .card-item:nth-child(1){background-color:#246bcb;border-radius:20px 0px 20px 0px;}
.onb-card-box .card-item:nth-child(2){background-color:#00bbc7;border-radius:0px 20px 0px 20px;}
.onb-card-box .card-item:nth-child(3){background-color:#e49a0a;border-radius:0px 20px 0px 20px;}
.onb-card-box .card-item:nth-child(4){background-color:#08b558;border-radius:20px 0px 20px 0px;}
.onb-card-box .card-item:nth-child(1):hover{background-color: #3982E6;}
.onb-card-box .card-item:nth-child(2):hover{background-color: #1ED1DC;}
.onb-card-box .card-item:nth-child(3):hover{background-color: #FAB838;}
.onb-card-box .card-item:nth-child(4):hover{background-color: #1AC96B;}

/*pagination*/
.m-pagination{padding: 15px;display: inline-block;}
.m-pagination li{float: left; margin: 3px; height: 28px; font-size: 14px;}
.m-pagination li a{display: block; padding: 0 10px; line-height: 26px; border: 1px solid #ccc; font-size: 14px; background: #fff;}
.m-pagination li.u-redirect{line-height: 28px;}
.m-pagination li.u-redirect input{padding: 0 5px; vertical-align: middle; width: 42px; height: 28px; line-height: 28px; border: 1px solid #ccc; margin: -2px 0 0 3px; *margin: -2px 0 0 3px; _margin: -2px 0 0 3px;}
.m-pagination li.active a,.m-pagination li a:hover{background: #00aab2; border: 1px solid #00aab2; color: #fff;}
.m-pagination li.page-info a,.m-pagination li.page-info a:hover{border: 1px solid #ccc; cursor: default; color: #666; background: #fff;}
.m-pagination li.disabled a,.m-pagination li.disabled a:hover{background: #eee; border: 1px solid #ccc; cursor: default; color: #666;}

/*share*/
.share-title-none .title{display: none;}
.share-main{position: relative; width: 158px; display: flex;align-items: center;}
.share-bar a{float: left; display: block; width: 24px; height: 24px; background-image: url(../images/public/icon-share.png);}
.share-bar a+a{margin-left: 10px;}
.share-bar .share-tsina{background-position: 0 0;}
.share-bar .share-weixin{background-position: -24px 0;}
.share-bar .share-qzone{background-position: -48px 0;}
.weixin-share-open{position: absolute; bottom: 34px; right: 0; display: none; background: #fff;}
.weixin-wrap{position: relative; padding: 10px; width: 234px; height: 102px; border: 1px solid #ddd;}
.share-qrcode{float: left;}
.share-qrcode img{display: block; width: 80px; height: 80px;}
.weixin-close{position: absolute; top: 0; right: 0; display: block; width: 20px; height: 20px; line-height: 20px; text-align: center; font-size: 16px; color: #d4d4d4; cursor: pointer;}
.weixin-text{padding: 10px 0 0 90px; line-height: 24px; font-size: 12px; color: #666;}

/* scroll-style */
.scroll-com::-webkit-scrollbar{width:8px;height:8px;}
.scroll-com::-webkit-scrollbar-track{background:transparent;border-radius:4px;}
.scroll-com::-webkit-scrollbar-thumb{background-color:rgba(100,100,100,0.4);border-radius:4px;border:2px solid transparent;background-clip:content-box;transition:background-color 0.3s ease;}
.scroll-com::-webkit-scrollbar-thumb:hover{background-color:rgba(100,100,100,0.7);}

.to-top{position: fixed; right: 64px; bottom: 346px; z-index: 9999;display: none;}
.to-top-link{display:block;width:60px;height:60px;background:#00aab2 url(../images/home/icon-top.png) no-repeat center center;}

/*media query*/
/*large pcScreen*/
@media (max-width:1600px) {
    .container{width: 1280px;}
    .is-main{width: 100%;overflow: hidden;}
    .m-tabstyle3{display:flex;height:auto;justify-content:space-between;align-items:center;overflow-x: auto;}
    .m-tabstyle3 ul{display: flex;flex-shrink: 0;}
    .m-tabstyle3 .m-location{line-height: 60px;text-align: left;flex-shrink: 0;}
    .m-tabstyle4 .tab-item{width: 278px;}
    .m-listcard1 .list-item{width:393px;}

    .onb-card-box{width: 480px;}
    .onb-card-box{margin-right:30px;margin-top:180px;}
    .onb-card-box .card-item{min-width: 220px;}
}
/*medium pcScreen lg*/
@media screen and (max-width: 1280px) {
	.container{width: 970px;}
    .m-tabstyle3 .tab-item a{height: 80px;line-height: 80px;}
    .m-tabstyle4 {height: 236px;}
    .m-tabstyle4 ul{float: none;display: flex;width: 100%;justify-content: center;}
    .m-tabstyle4 .tab-item{margin-top: 20px;margin-right: 12px;width: 310px;}
    .m-tabstyle4 .tab-item:last-child{margin-right: 0;}
    .m-tabstyle4 h2{width: 100%;}
    .m-listcard1 ul.doctor-list{gap: 20px}
}
/*pad md*/
@media screen and (max-width: 991px){
    .container{width: 750px;}
	.visible-xs{display: block;}
	.hidden-xs{display: none;}
    .md-px-5{padding: 0 5px;}

    .m-tabstyle3 .tab-item a{height: 60px;line-height: 60px;bottom: 8px;padding: 0 20px;}
    .m-tabstyle4 ul{flex-wrap: wrap;}
    .m-tabstyle4{height: auto;padding-bottom: 15px;}
    
    .m-listcard1 .list-item{width: 100%;}

    .onboarding-region .logo{width: 100%;margin: 30px 0 0;text-align: center;}
    .onboarding-region .logo img{height: 56px;}
    .onb-card-box{width: 100%;margin-right: 0;margin-top: 40px;padding: 0 15px;}
    .onb-card-box .card-item{min-width: unset;}
    .onb-card-box .card-item img{top: 12%;}
    .onb-card-box .card-item p{bottom: 12%;width: 90%;}

    .to-top{right: 5px;bottom: 50px;}
    .to-top-link{width:40px;height:40px;}

}

/*phone sm*/
@media screen and (max-width: 767px) {
    .container{width: 100%;padding: 0 15px;}
    .col2 li,.col3 li,.col4 li,.col5 li{width:50%;margin-bottom:10px} 
    
    .m-tabstyle2{padding: 0;}
    .m-tabstyle2 .tab-item a{padding: 0 10px;height: 50px;line-height: 50px;}
    .m-tabstyle3{display: flex;height: auto;flex-direction: column;padding: 0 10px;margin-top: 10px;overflow-x: auto;}
	.m-tabstyle3::before{content: none;}
	.m-tabstyle3::after{content: none;}
	.m-tabstyle3 ul li{flex-shrink: 0;}
    .m-tabstyle3 .tab-item a{height: 50px;line-height: 50px;}
    .m-tabstyle3 .tab-item i{bottom: 5px;}
	.m-tabstyle3 .m-location{width: 100%;flex-shrink: 0;}
	.m-tabstyle4{padding: 0 10px 15px;}
    .m-tabstyle4 h2{line-height:50px;margin-top:10px;}
	.m-tabstyle4 .tab-item{width: 100%;margin-right: 0;}
    .m-listcard1 .info .desc{margin-top: 2px;}
    .m-listcard1 .info .more{margin-top: 4px;}

    .m-location{display: none;}
    .is-main{margin-top: 15px;}
    .to-top-link{background-size: 40%;}
}
/*small xs*/
@media screen and (max-width: 638px) {
	body{font-size: 14px;}

}

/*print*/
@media print {
    a[href]:after {
        content: none!important;
    }
}