@font-face{
	font-family: 'DIN';
	src : url('./fonts/DIN Alternate Bold.ttf');
}
html,body{height:100%;margin:0;padding:0;font-size:16px;}
body{background:#fff;font:12px/1.6 arial,Microsoft YaHei,tahoma,sans-serif;overflow-x:hidden;}
body.overflow{overflow:hidden;height:100%}
html.overflow{overflow:hidden;height:100%}
textarea{border: solid 0px;outline:none;}
input{border: solid 0px;outline:none;}
a,a:hover,a:focus{text-decoration:none;}
img{image-rendering: -webkit-optimize-contrast;}
ul{margin:0;padding:0;}
ul li{list-style:none}
.container {padding-right:0.3rem;padding-left:0.3rem;}
body{position: relative;}
.modal-open{position: fixed;width: 100%;}

.m-header{height:1.26rem;display:flex;align-items:center;justify-content:space-between;padding:0 0.5rem;position:fixed;z-index:9999;width:100%;top:0;left:0}
.m-header.on{ background:#ffffff}
.m-header .logo img{height:0.46rem}
.m-header .logo .logo1{display:block;}
.m-header .logo .logo2{display:none;}
.m-header .logo.on .logo2{display:block;}
.m-header .logo.on .logo1{display:none;}
.m-header .logo2{ display:none}
.m-header .fr {display:flex;align-items:center;}
.m-header.on .logo .logo1{display: none;}
.m-header.on .logo .logo2{display: block;}
.m-header.on .nav-trigger .icon-bar{background:#222222}

.m-header.pages{ background:#ffffff}
.m-header.pages .logo .logo1{display: none;}
.m-header.pages .logo .logo2{display: block;}
.m-header.pages .nav-trigger .icon-bar{background:#222222}

.nav-trigger {border:none;background:none;display:block;height:18px;position:relative;margin-left:0.2rem}
.nav-trigger .icon-bar {background-color:#fff;-webkit-transition-duration: 300ms;transition-duration: 300ms;display: block;width:16px;height:2px;border-radius: 1px;margin:0 auto;margin-top:2px;}
.nav-trigger .icon-bar:nth-child(2) {background:none !important;}
.nav-trigger.color .icon-bar{background:#222222}
.nav-trigger.on .icon-bar:nth-child(1) {transform:rotate(45deg);margin-top:0px;-webkit-transition-duration: 300ms;transition-duration: 300ms;}
.nav-trigger.on .icon-bar:nth-child(2) {opacity: 0;-webkit-transition-duration: 0ms;transition-duration: 0ms;}
.nav-trigger.on .icon-bar:nth-child(3) {transform:rotate(-45deg);margin-top:-6px;-webkit-transition-duration: 300ms;transition-duration: 300ms;}
.nav-trigger .icon-bar:first-child{margin-top:0;}



.zz{background:#f8fafa;background-size:cover;width:100%;height:100%;position:fixed;z-index:-1;opacity:0;transition:all 0.25s;left:-100%;top:0rem}
.zz.on{z-index:998;opacity:1;left:0}
.zz .zzlogo{position: absolute;bottom:0.5rem;left:0.8rem;max-height: 0.6rem}
.index-nav{position:fixed;left:-100%;top:0rem;z-index:99;transition:all 0.2s;height:100%;width:100%;padding-top:2rem}
.index-nav.on{position:fixed;left:0px;top:0rem;z-index:999}
.index-nav >ul{margin-left: 0.3rem;margin-right: 0.3rem}
.index-nav >ul>li{position:relative;line-height:1rem;display:block;border-bottom: 1px solid #dbdbdb;text-align: center;}
.index-nav >ul>li>a{color:#787878;font-size:22px;}
.index-nav >ul>li:hover>a{color:#222; }




.indexbanner{width:100%;position: relative; overflow:hidden}
.indexbanner #video{background-position: center;-o-object-fit: cover;object-fit: cover;-o-object-position: 50% 50%;object-position: 50% 50%;-webkit-filter: blur(0);filter: blur(0);height: 100%;transition: -webkit-filter .35s ease-in-out;transition: filter .35s ease-in-out;transition: filter .35s ease-in-out,-webkit-filter .35s ease-in-out;width: 100%;}
.indexbanner:before{content: "";display: block;background: rgba(0,0,0,0.6);width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index:1}
.indexbanner .info{position: absolute;left: 0;top:0;width: 100%;height: 100%; z-index:2}
.indexbanner .info h2{font-size: 0.52rem;color:#fff;font-weight:bold;text-align: center;margin-top: 5rem;padding: 0 0.4rem;}
.indexbanner .info p{font-size: 0.32rem;color:#fff;text-align: center;margin-top: 0.1rem;text-transform:uppercase;letter-spacing:1px}
.indexbanner .info .go{width:2rem;height: 0.6rem;line-height: 0.6rem; background-image: linear-gradient(to right, #4bd5d7 , #ffcb75);display: block;margin:0 auto;border-radius: 0.3rem;color:#fff;text-align: center;font-size: 0.24rem;margin-top: 0.3rem;}
.indexbanner .data{position: absolute;left:0;bottom:0.6rem;width:100%;z-index:2}
.indexbanner .data .flex{ display: flex;flex-wrap: wrap;align-items: center;border-top: 1px solid rgba(255,255,255,0.2);border-bottom: 1px solid rgba(255,255,255,0.2);}
.indexbanner .data .item{color:#fff;width: 48%;text-align: center;padding:0.3rem 0;}
.indexbanner .data .item .num{font-size: 0.56rem;font-weight: bold;line-height: 1}
.indexbanner .data .item .plus{font-size: 0.2rem;position: relative;top:-0.3rem}
.indexbanner .data .item p{font-size: 0.24rem;margin-top: 0.1rem;}
.indexbanner .data .line{width: 2px;height: 0.5rem;background: rgba(255,255,255,0.2);}



.index-title{text-align: center;padding: 0.5rem 0}
.index-title h3{color:#282828;font-weight: normal;font-size: 24px;line-height: 1}
.index-title p{color:#b5b5b5;font-size: 12px;margin-top:0.1rem;text-transform:uppercase; font-family:"DIN";}


.index-about{background:#f8fafa;padding-bottom: 0.7rem}
.about-top{display: flex;justify-content: space-between;flex-wrap: wrap;}
.about-top .left{padding-bottom: 0.5rem}
.about-top .text{color:#787878;font-size: 14px;line-height: 1.8}
.about-top .right .img{border-radius: 0.1rem 0.5rem}
.about-top .more{width:2rem;height: 0.6rem;line-height: 0.6rem; background-image: linear-gradient(to right, #4bd5d7 , #ffcb75);display: block;margin:0 auto;border-radius: 0.3rem;color:#fff;text-align: center;font-size: 0.24rem;margin-top: 0.3rem;}

.swiper-about{margin-top: 0.6rem;overflow: hidden;position: relative;padding-bottom: 0.5rem}
.swiper-about .swiper-slide{width:3.64rem;height: 4.56rem; background:#fff;border-radius: 0.1rem 0.5rem;overflow: hidden;padding:0.3rem;}
.swiper-about .swiper-slide .top{position: relative;margin-top:0.3rem;margin-bottom: 0.2rem}
.swiper-about .swiper-slide .top span{display: block;font-size: 28px;font-weight: bold;color:#323232;line-height: 1}
.swiper-about .swiper-slide .top p{color:#323232;font-size: 14px;}
.swiper-about .swiper-slide .top .arrow{position: absolute;right: 0;top: 0;width: 0.2rem}
.swiper-about .swiper-slide .info {border-top: 1px solid #e9e9e9;padding-top: 0.2rem;color:#787878;line-height: 1.8}
.swiper-about .swiper-pagination-progressbar{position: absolute;bottom: 0;left: 0;top: auto;}
.swiper-about .swiper-pagination-progressbar-fill{background-image: linear-gradient(to right, #4bd5d7 , #ffcb75);}

.index-business{position: relative;}
.index-business .info{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 2}
.index-business .info .index-title h3{color:#fff}
.index-business .info .index-title p{color:rgba(255,255,255,0.6);}

.index-business .info .item{position: absolute;}
.index-business .info .item .text{width: 1.45rem;height: 1.45rem;background: url(../img/index/textbg.png) no-repeat;display: flex;align-items: center;justify-content: center;color:#282828;font-size: 14px;background-size: cover;text-align: center;line-height: 1.4;position: absolute;}
.index-business .info .item .quan{width: 0.26rem;height: 0.26rem;border:1px solid #919191;border-radius: 100%;background:#fff;position: absolute;}
.index-business .info .item .quan:before{content:"";display: block;width: 0.08rem;height: 0.08rem;left: 50%;top: 50%;transform: translate(-50%,-50%);background:#919191;border-radius: 100%;position: absolute;}
.index-business .info .item p{width:3rem;height: 0.64rem;background:rgba(255,255,255,0.8);text-align: center;display: flex;align-items: center;color: #787878;font-size: 12px;border-radius: 0.3rem;justify-content: center;position: absolute;}

.index-business .info .item1{left: 0.3rem;top:7.6rem;}
.index-business .info .item1 .quan{left: 0.6rem;top: 1.88rem}
.index-business .info .item1 p{left: 0rem;top:2.4rem}
.index-business .info .item2{left:3rem;top:3.9rem;}
.index-business .info .item2 .quan{left:0.6rem;top: 1.9rem}
.index-business .info .item2 p{left:-0.6rem;top:2.4rem}
.index-business .info .item3{left: 4.5rem;top:7.6rem;}
.index-business .info .item3 .text{left:1.2rem;}
.index-business .info .item3 .quan{left:1.6rem;top: 1.9rem}
.index-business .info .item3 p{left:0;top:2.4rem}
.index-business .info .item4{left: 3rem;top:9.2rem;}

.index-service{padding-bottom: 0.4rem}
.service-list{}
.service-list .item{margin-bottom: 0.3rem}
.service-list .item .xcxm{ display:none}

.index-doctor{padding-bottom: 0.6rem}
.swiper-doctor{overflow: hidden;}
.swiper-doctor .swiper-slide{overflow: hidden}
.swiper-doctor .swiper-slide .imgbox{}
.swiper-doctor .swiper-slide .imgbox img{overflow: hidden;width: 3.8rem;height: 3.8rem;border:0.1rem solid #f8fafa;border-radius: 100%;margin:0 auto;}
.swiper-doctor .swiper-slide .info {padding-top: 0.2rem}
.swiper-doctor .swiper-slide .info h3{line-height: 1.2rem;height: 1.2rem;display: flex;align-items: center;justify-content: space-between;font-size:24px;color:#282828;padding:0.4rem 0.6rem;}
.swiper-doctor .swiper-slide .info h3 span{color:#787878;font-size: 16px;}
.swiper-doctor .swiper-slide .info .yiyuan{color:#787878;font-size: 14px;padding:0 0.6rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; line-height:1.8}
.swiper-doctor .swiper-slide .info p{color:#787878;font-size: 14px;padding:0.5rem 0.45rem;line-height: 1.8;background: url(../img/index/doctorbg.png) no-repeat;background-size: cover}
.index-doctor .more{width:2rem;height: 0.6rem;line-height: 0.6rem; background-image: linear-gradient(to right, #4bd5d7 , #ffcb75);display: block;margin:0 auto;border-radius: 0.3rem;color:#fff;text-align: center;font-size: 0.24rem;margin-top: 0rem;}



.index-case{background:#f8fafa;padding-bottom: 0.6rem}
.swiper-case{overflow: hidden;}
.swiper-case .swiper-slide{width: 4.6rem;background:#fff;border-radius: 0.4rem 0.1rem;overflow: hidden;opacity: 0.5}
.swiper-case .swiper-slide-active{opacity: 1}
.swiper-case .swiper-slide .imgbox{padding:0.16rem;}
.swiper-case .swiper-slide .imgbox img{border-radius: 0.4rem 0.1rem;overflow: hidden;}
.swiper-case .swiper-slide .info {padding:0.2rem 0.3rem;}
.swiper-case .swiper-slide .info h3{line-height: 1rem;height: 1rem;display: flex;align-items: center;justify-content: space-between;font-size: 18px;border-bottom: 2px solid #e9e9e9}
.swiper-case .swiper-slide .info h3 span{color:#787878;font-size: 14px;}
.swiper-case .swiper-slide .info  .text{ padding:0.2rem 0;}
.swiper-case .swiper-slide .info p{color:#787878;font-size: 14px;line-height: 1.8;white-space: normal;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
-webkit-line-clamp:3;}
.index-case .more{width:2rem;height: 0.6rem;line-height: 0.6rem; background-image: linear-gradient(to right, #4bd5d7 , #ffcb75);display: block;margin:0 auto;border-radius: 0.3rem;color:#fff;text-align: center;font-size: 0.24rem;margin-top: 0.5rem;}


.index-news{padding-bottom: 0.6rem}
.index-news .list{}
.index-news .list .item{border-top: 1px solid #e9e9e9;padding:0.2rem 0 0.6rem;}
.index-news .list .item span{color:#282828;font-weight: bold;display: block;font-size: 24px; line-height:1.2}
.index-news .list .item a{display: block;color:#787878;font-size: 14px;margin-top: 0.2rem;}
.index-news .list .more{width:2rem;height: 0.6rem;line-height: 0.6rem; background-image: linear-gradient(to right, #4bd5d7 , #ffcb75);display: block;margin:0 auto;border-radius: 0.3rem;color:#fff;text-align: center;font-size: 0.24rem;margin-top: 0.3rem;}

.index-customer{background:#f8fafa;}
.index-customer .flex{display: flex;align-items: center;flex-wrap: wrap; justify-content:space-between;}
.index-customer .flex .item{width: 30%;max-width: 100%;padding:0.5rem 0;}
.index-customer .flex .item .ico{max-width: 100%;margin:0 auto;display:none;}
.index-customer .flex .item .on{max-width: 80%;margin:0 auto;display:block;}

.footerm{ width:100%;position:relative;padding-top:0.3rem;display:flex;flex-direction:column;background:#323536}
.f-menu-mb{width:100%; padding:0 0.3rem; }
.f-menu-mb .view h3{width:100%;font-size:16px;font-weight:normal;color:#fff;border-bottom:1px solid rgba(255,255,255,0.15);height:1rem;line-height:1rem;display:flex;align-items:center;justify-content:space-between;margin:0;}
.f-menu-mb .view h3 .iconfont{display:none;color:#fff;font-size:18px}
.f-menu-mb .view h3 .icon-jiahao{display:block}
.f-menu-mb .view h3.on{color:#fff}
.f-menu-mb .view h3.on .icon-jianhao{display:block;}
.f-menu-mb .view h3.on .icon-jiahao{display:none;}
.f-menu-mb .view ul{display:none;color:#fff;font-size:12px;padding:0.2rem 0.2rem;border-bottom:1px solid rgba(255,255,255,0.15)}
.f-menu-mb .view ul li{line-height:2.4em}
.f-menu-mb .view ul li a{color:#fff;font-size:12px;}

.footerm .f-center{ display:flex;align-items:center; margin-top:1rem;justify-content:space-between; width:100%;position: relative; padding:0 0.3rem; }
.footerm .f-center .bottombg{position: absolute;left: 0;bottom: 0; max-width:5rem;}
.footerm .f-center .list{flex:1;position: relative;z-index: 2}
.footerm .f-center .list ul li h4{ color:rgba(255,255,255,0.6); font-size:12px;}
.footerm .f-center .list ul li p{ color:#fff; font-size:18px; margin-bottom:0.3rem}
.footerm .f-center .list ul li a{ display:flex; align-items:center; color:#fff; font-size:15px;}
.footerm .f-center .list ul li .ico{ max-width:0.3rem; margin-right:0.1rem;}
.footerm .f-center .ewm{text-align:center;position: relative;z-index: 2}
.footerm .f-center .ewm .item{margin-bottom: 0.4rem}
.footerm .f-center .ewm .img{width: 1.4rem;border:0.15rem solid #414546;margin:0 auto;}
.footerm .f-center .ewm p{ color:#fff; font-size:12px; margin-top:0.15rem;}

.footerm .f-bottom{color:rgba(255,255,255,0.4); width:100%;background:#1f2122;padding:0 0.3rem;}
.footerm .f-bottom .copyright{ height:1.1rem;line-height: 1.1rem;color:#b5b5b5;font-size: 12px}
.footerm .f-bottom .copyright a{color:#b5b5b5;font-size: 12px}

.float{display: none}



.pages-banner{padding-top: 1.26rem;}
.pages-banner .info{position: absolute;left: 0;top: 0;width: 100%;padding-top: 1.26rem;z-index: 9}
.pages-banner .info .position{padding-top: 0.3rem;display: flex;align-items: center;color: #fff;font-size: 12px;}
.pages-banner .info .position .home{width: 0.3rem;margin-right: 0.15rem}
.pages-banner .info .position a{color:#fff;font-size: 12px;margin:0 0.15rem;}
.pages-banner .info .position span{margin-left: 0.15rem}
.pages-banner .info .position.black {color:#787878}
.pages-banner .info .position.black a{color:#787878}
.pages-banner .info .position .search{display: none}
.pages-banner .info .position .goback{margin-left: auto;}
.pages-banner .info .position .goback .ico{width: 0.4rem;margin-right: 0.1rem}
.pages-banner .info .text{margin-top: 0.5rem;color:#fff;}
.pages-banner .info .text h3{font-size:24px;font-weight: normal;margin-bottom: 0.2rem}
.pages-banner .info .text p{font-size: 12px; letter-spacing:2px}

.pages-nav{background:#fff;height: 1rem;line-height: 1rem;display: flex;align-items: center;justify-content: center}
.pages-nav a{color:#787878;font-size: 14px;margin:0 0.2rem;position: relative;height: 1rem;}
.pages-nav a.on{color:#333333;}
.pages-nav a.on:after{content: "";display: block;width: 50%;height: 4px;background-image: linear-gradient(to right, #4bd5d7 , #ffcb75);position: absolute;left: 50%;bottom: 0;border-radius: 4px;transform: translateX(-50%);}


.about1{}
.about1 .con1{background:#f8fafa;padding:0.5rem 0;}
.about1 .con1 .left {margin-bottom: 0.3rem}
.about1 .con1 .left .t{font-size: 20px;color:#282828;position: relative;padding-bottom: 0.3rem;margin-bottom: 0.5rem;}
.about1 .con1 .left .t:after{content: "";display: block;width:0.5rem;height: 4px;background-image: linear-gradient(to right, #4bd5d7 , #ffcb75);position: absolute;left:0;bottom: 0;border-radius: 4px;}
.about1 .con1 .left .text{color:#787878;font-size: 12px;line-height: 2;}

.about1 .con1 .right .img{ border-radius:0.1rem 0.5rem}

.about1 .con2{padding:0.6rem 0;}
.about1 .con2 .list{}
.about1 .con2 .list .item{margin-bottom: 0.3rem}
.about1 .con2 .list .item .ico{max-width: 0.6rem;margin:0 auto;display: block;margin-bottom: 0.2rem}
.about1 .con2 .list .item h3{font-weight: normal;text-align: center;font-size: 20px;}
.about1 .con2 .list .item  p{color:#787878;font-size: 12px;line-height: 1.8;max-width: 80%;margin:0 auto;text-align: center;margin-top: 0.3rem;}


.about2{background:#f8fafa;padding:0.5rem 0 0.6rem;}

.about2 .title{}
.about2 .title h2{font-weight: normal;font-size: 20px;text-align: center;margin-bottom: 0.2rem}
.about2 .title p{max-width: 80%;text-align: center;margin:0 auto;color:#787878;font-size: 12px;}

.about2 .list{margin-top: 0.5rem;}
.about2 .list .item{}
.about2 .list .item .imgbox{margin:0 auto;margin-bottom: 0.4rem}
.about2 .list .item .info{padding-bottom: 0.5rem}
.about2 .list .item .info .xh{font-size: 24px;font-weight: bold;color:#282828;margin-bottom: 0.1rem}
.about2 .list .item .info .cn{color:#282828;font-size: 18px;line-height: 1.4}
.about2 .list .item .info .en{color:#282828;font-size: 18px;line-height: 1.4;margin-bottom: 0.3rem}
.about2 .list .item .info .text{color:#787878;font-size: 12px;line-height: 1.8;margin-bottom: 0.3rem}
.about2 .list .item .info .line{width: 45%;height: 2px;background-image: linear-gradient(to right, #4bd5d7 , #ffcb75);position: relative;}
.about2 .list .item .info .line:after{content: "";display: block;position: absolute;right: 0;top:50%;transform: translateY(-50%); width: 0.3rem;height: 0.3rem;border: 2px solid transparent; background-image: linear-gradient(#f8fafa, #f8fafa),
        linear-gradient(to right, #4bd5d7, #ffcb75); background-origin: border-box;
    background-clip: content-box, border-box;border-radius: 100%;}


.about3{background:#f8fafa;padding:50px 0 60px;}
.about3 .list {position: relative;}
.about3 .list .item{width:100%;margin-left: auto;margin-bottom: 30px;margin-right: 30px;position: relative;z-index: 2}
.about3 .list .item .t{display: flex;align-items: center;font-size: 16px;color:#282828;position: relative;}
.about3 .list .item .t span{font-size: 36px;font-weight: bold;margin-right: 10px;}
.about3 .list .item .t .ico{display: none}
.about3 .list .item .t .icoon{display: none}
.about3 .list .item .text{border:2px solid #fff;background: #fff;border-radius: 10px;}
.about3 .list .item p{color:#787878;font-size: 14px;padding:15px 20px;}



.about4{background:#f8fafa;padding:0.5rem 0 0.6rem;}
.about4 .t{color:#282828;font-size: 24px;text-align: center;position: relative;padding-bottom: 0.2rem;margin-bottom:0.8rem}
.about4 .t:after{content: "";display: block;width:0.5rem;height: 4px;background-image: linear-gradient(to right, #4bd5d7 , #ffcb75);position: absolute;left:50%;transform: translateX(-50%); bottom: 0;border-radius: 4px;}

.about4 .list{background:#fff;display: flex;align-items: center;flex-wrap: wrap;margin-bottom: 0.5rem}
.about4 .list .item{border:1px solid #e9e9e9;width: 50%;height: 2rem;display: flex;align-items: center;justify-content: center}
.about4 .list .item .ico{margin:0 auto; max-width:100%}




.news{background:#f8fafa;padding:0.3rem 0 0.8rem;}
.news .list {padding-top: 0.4rem}
.news .list .item{background:#fff;border-radius: 0.5rem 0.1rem;margin-bottom: 0.4rem}
.news .list .item .imgbox{padding:0.2rem;}
.news .list .item .imgbox img{border-radius: 0.5rem 0.1rem;}
.news .list .item .info {padding:0.3rem;}
.news .list .item .info h3{color:#282828;font-size: 18px;font-weight: normal;}
.news .list .item .info h3 span{font-weight: normal;color:#787878;font-size: 14px;margin-left: 0.1rem}
.news .list .item .info p{color:#787878;font-size: 14px;margin-bottom: 0.3rem}
.news .list .item .info .time{color:#787878;font-size: 14px;}



.page{display:flex;position:relative;height:0.6rem;justify-content:center;align-items:center;}
.page .prev{border:1px solid #eeeef1;border-radius:100%;width:0.54rem;height:0.54rem;display:block;display:flex;align-items:center;justify-content:center;margin-right:0.6rem;background:#eeeef1}
.page .iconfont{font-size:14px;color:#fff;}
.page .next{border:1px solid #eeeef1;border-radius:100%;width:0.54rem;height:0.54rem;display:block;display:flex;align-items:center;justify-content:center;margin-left:0.6rem;background:#eeeef1}
.page a{color:#70748d;font-size:14px;margin:0 0.12rem;font-weight:bold;}
.page a.on{color:#000000;font-weight:bold;font-size:16px;}
.page .line{width:0.6rem;color:#70748d;font-size:20px;text-align:center;}


.service{margin-top:1rem; padding-bottom:0.6rem}
.service .list .item{margin-bottom: 0.4rem;background:#fff;padding:0.2rem;padding-bottom: 0.3rem;border-radius: 0.4rem 0.1rem;}
.service .list .item .xcxmain{display: none;}
.service .list .item .info{margin-top: 0.3rem}
.service .list .item .info h3{font-weight: normal;font-size: 20px;color:#282828;text-align: center;}
.service .list .item .info  .text{color:#787878;font-size: 12px;text-align: center;width:100%;height:1.8rem;line-height: 1.8; background-size: 100%;display: flex;align-items: center;justify-content: center;margin:0 auto;margin-top:0.3rem;border: 1px dashed transparent; background-image: linear-gradient(#fff, #fff),linear-gradient(to right, #4bd5d7, #ffcb75); background-origin: border-box;background-clip: content-box, border-box;border-radius: 0.4rem 0.1rem;}
.service .list .item .info .go{width:2rem;height: 0.6rem;line-height: 0.6rem; background-image: linear-gradient(to right, #4bd5d7 , #ffcb75);display: block;margin:0 auto;border-radius: 0.3rem;color:#fff;text-align: center;font-size: 0.24rem;margin-top: 0.4rem;}
.service .list .item .info .xcxm{ display:none}


.contact {padding:0.5rem 0;}
.contact .left{}
.contact .left ul li{border-bottom: 1px solid rgba(181,181,181,0.4);display: flex;align-items:flex-start;padding:20px 0 10px;}
.contact .left ul li .ico{margin-right: 10px;width: 0.4rem}
.contact .left ul li .text h2{font-size:18px;color:#282828;line-height: 1.4}
.contact .left ul li .text p{color:#787878;font-size: 14px;}
.contact .left ul li .block{display: flex;align-items: flex-start;text-align: center;}
.contact .left ul li .block .item{margin:0 0.1rem;}
.contact .left ul li .block .item span{color: #282828;font-size: 12px;}
.contact .left ul li .block .item .code{margin-top: 0.1rem;}
.contact .map {margin-top: 0.4rem; width:100%;}
.contact .map .mapcon{ height:5rem;width:100%;}


.newsdetail{margin-top: 1.2rem;background:#f8fafa;padding-bottom: 0.5rem}
.newsdetail .left{background:#fff;padding:0.3rem 0.2rem;}

.newsdetail .left .title{border-bottom: 1px solid #f3f3f3;padding-bottom: 0.3rem}
.newsdetail .left .title h2{color:#282828;font-size: 20px;margin-bottom: 0.2rem}
.newsdetail .left .title .time{color:#787878;font-size: 12px;}
.newsdetail .left .body{padding:0.3rem 0;line-height: 1.8;color:#787878;font-size:12px;border-bottom: 1px solid #f3f3f3;}
.newsdetail .left .body img{max-width: 100%;height: auto !important}
.newsdetail .left .bodybottom{display: flex;align-items: center;justify-content: space-between;padding:0.3rem 0 0.4rem;}
.newsdetail .left .bodybottom a{color:#787878;font-size: 14px;display: flex;align-items: center}
.newsdetail .left .bodybottom .iconfont{border:1px solid #dcdcdc;border-radius: 100%;width: 0.4rem;height: 0.4rem;display: flex;align-items: center;justify-content: center;font-size: 12px;}
.newsdetail .left .bodybottom .prev span{margin-right: 0.1rem}
.newsdetail .left .bodybottom .next span{margin-left: 0.1rem}

.newsdetail .hotnews{margin-top: 0.4rem;background:#fff;padding:0.3rem 0.2rem;}
.hotnews .t{color:#282828;font-size: 20px;}

.hotnews  ul li{border-bottom: 1px solid #f3f3f3;padding:0.2rem 0;}
.hotnews  ul li:last-child{border-bottom: none}
.hotnews  ul li a{color:#282828;font-size: 14px;display: block;margin-bottom: 0.2rem;}
.hotnews  ul li .time{color:rgba(40,40,40,0.5);font-size: 12px;}



.shaixuan{background: #f8fafa;padding:0.2rem 0;}
.shaixuan .list{display: flex;align-items: flex-start;margin-bottom: 0.2rem}
.shaixuan .list .left{color:#282828;font-size: 16px;margin-right: 0.2rem}
.shaixuan .list .right {width:80%}
.shaixuan .list .right ul{display: flex;align-items: center;flex-wrap: wrap;}
.shaixuan .list .right ul li{margin-right: 0.2rem;margin-bottom: 0.1rem;color:#787878;font-size: 14px;border:2px solid #dcdcdc;border-radius: 0.2rem;cursor: pointer;}
.shaixuan .list .right ul li span{display: inline-block;padding:0.1rem 0.15rem;}
.shaixuan .list .right ul li.on{border: 2px solid transparent; background-image: linear-gradient(#f8fafa, #f8fafa),linear-gradient(to right, #4bd5d7, #ffcb75); background-origin: border-box;
    background-clip: content-box, border-box;}

.pagesdoctor{background: #fff;padding-bottom: 60px;margin-top: 1rem;}
.pagesdoctor .total{color:#787878;font-size: 14px;padding:0.4rem 0;}
.pagesdoctor .total em{font-style: normal;color:#282828;margin:0.1rem;}
.pagesdoctor .total span{margin-left: 0.2rem}
.pagedoctor-list{padding-top: 0.5rem}
.pagedoctor-list .item{width:100%;margin-bottom:0.5rem}
.pagedoctor-list .item .imgbox{border:10px solid #f8fafa;width:180px;height:180px;margin:0 auto;border-radius: 100%;position: relative;}
.pagedoctor-list .item .imgbox img{overflow: hidden;width:160px;height:160px;border-radius: 100%;position: relative;z-index: 3}
.pagedoctor-list .item .imgbox .add{width: 40px;height: 40px;position: absolute;right:-5px;top:-25px;z-index: 4;opacity: 0;transition:all 0.5s;}
.pagedoctor-list .item .imgbox:before{content: "";display: block;width:180px;height:180px;position: absolute;left: -10px;top: -10px;border:2px solid transparent;border-radius: 100%;z-index: 2}
.pagedoctor-list .item:hover .imgbox:before{border: 2px solid transparent; background-image: linear-gradient(#f8fafa, #f8fafa),linear-gradient(to right, #4bd5d7, #ffcb75); background-origin: border-box;
    background-clip: content-box, border-box;}
.pagedoctor-list .item:hover .imgbox .add{opacity: 1;top: -5px;}

.pagedoctor-list .item .info {padding-top:0}
.pagedoctor-list .item .info h3{line-height:1rem;height:1rem;display: flex;align-items: center;justify-content: center;font-size:24px;color:#282828;}
.pagedoctor-list .item .info h3 span{color:#787878;font-size: 18px;margin-left: 0.4rem}
.pagedoctor-list .item .info .yiyuan{color:#787878;font-size: 14px;padding:0 0.6rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; line-height:1.8}
.pagedoctor-list .item .info .text{color:#787878;font-size: 14px;padding:0.3rem 0.4rem;line-height: 1.8;background:#F8F8F8;margin:0 auto;border-radius: 0.2rem;}
.pagedoctor-list .item .info p{white-space: normal;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp:3;}



.doctordetail{margin-top: 1.2rem;background: #fff;padding-top: 0.5rem}
.doctordetail .right  .top{display: flex;align-items:center;padding-bottom: 0.6rem;border-bottom: 1px solid #f3f3f3}
.doctordetail .right  .top .img{width: 2.5rem;margin-right: 0.4rem}
.doctordetail .right  .top .info{}
.doctordetail .right  .top .info .name{color:#282828;font-size: 22px;}
.doctordetail .right  .top .info .zhiwu{color:#787878;font-size: 14px;}
.doctordetail .right  .top .info .yiyuan{color: #787878;font-size: 14px;margin-top: 0.2rem}

.doctordetail .right .con{border-bottom: 1px solid #f3f3f3;padding-bottom: 0.5rem}
.doctordetail .right .con .t{color:#282828;font-size: 16px;margin-top: 0.5rem;margin-bottom: 0.2rem}
.doctordetail .right .con .text{color:#787878;font-size: 14px;line-height: 1.6}

.doctordetail .right .bodybottom{display: flex;align-items: center;justify-content: space-between;padding:0.3rem 0 0.6rem;}
.doctordetail .right .bodybottom a{color:#787878;font-size: 14px;display: flex;align-items: center}
.doctordetail .right .bodybottom .iconfont{border:1px solid #dcdcdc;border-radius: 100%;width: 0.4rem;height: 0.4rem;display: flex;align-items: center;justify-content: center;font-size: 12px;}
.doctordetail .right .bodybottom .prev span{margin-right: 0.1rem}
.doctordetail .right .bodybottom .next span{margin-left: 0.1rem}

.success{ display:none}

.xcxtczz{ position:fixed; width:100%; height:100%; left:0;top:0; background:rgba(0,0,0,0.5); display:none; z-index:9998}
.xcxtc{width:4.8rem;height:5.6rem;background: #FFFFFF;border-radius:0.24rem; position:fixed; top:50%; left:50%;transform: translate(-50%,-50%); z-index:9999; padding-top:0.8rem; display:none}
.xcxtc .icon-close{ font-size:20px; color:#D4D4D4; position:absolute; right:0; top:0; cursor:pointer; right:0.24rem; top:0.24rem; line-height:1}
.xcxtc .img{ display:block; margin:0 auto; width:2.2rem;}
.xcxtc h3{font-size: 22px;color: rgba(0,0,0,0.80); text-align:center; margin-top:0.4rem;}
.xcxtc .btn{width:2.2rem;height:0.56rem;border:none; display:flex;align-items: center;justify-content:center;background-image: linear-gradient(90deg, #FFCB75 0%, #4BD5D7 100%);border-radius:0.28rem;font-size:12px;color: #FFFFFF; margin:0 auto; margin-top:0.56rem;}
