@media (min-width:992px) {
.container{padding-left:0px;padding-right:0px;}


.header{height:80px;position: fixed;top:0;left:0;width:100%;z-index:999;border-bottom:1px solid rgba(255,255,255,0.2)}
.header .logo img{width:auto;}
.header .logo .logo2{display: none}
.headercon{display:flex;align-items:center;justify-content:space-between;}
.header .header-right{display:flex;align-items:center;}
.header .menu>ul{display: flex;align-items:center; position:relative}
.header .menu ul li {margin:0 15px;height:80px}
.header .menu>ul>li>a{font-size:14px;color:#fff;display:block;height:80px;line-height:80px;position:relative;border-bottom: 2px solid transparent;padding:0 5px;transition: all 0.3s}
.header .menu>ul>li:hover>a{border-bottom: 2px solid #fff;}

.header.on{ background: #fff}
.header.on .logo .logo2{display: block;}
.header.on .logo .logo1{display: none}
.header.on  .menu>ul>li>a{color:#282828}
.header.on  .menu>ul>li:hover>a{border-bottom: 2px solid #282828;}

.header.pages{ background: #fff}
.header.pages .logo .logo2{display: block;}
.header.pages .logo .logo1{display: none}
.header.pages  .menu>ul>li>a{color:#282828}
.header.pages  .menu>ul>li:hover>a{border-bottom: 2px solid #282828;}

.header .menu .sub{ display:none; width:100%;right:0; top:80px;position:absolute;text-align: center;  padding-top:20px; }
.header .menu .sub ul{position:relative;}
.header .menu .sub a{height:40px;line-height:40px;display: block;color: #fff;font-size:12px; width:100%; margin:0;transition:all 0.3s; border-bottom:none; display:flex;align-items:center;justify-content:center}


.indexbanner{width:100%;position: relative;}
.indexbanner:before{content: "";display: block;background: rgba(0,0,0,0.5);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:42px;color:#fff;font-weight: normal;text-align: center;margin-top:15%}
.indexbanner .info p{font-size:20px;color:#fff;text-align: center;margin-top:10px;letter-spacing:7px}
.indexbanner .info .go{width:160px;height:46px;line-height:46px; background-image: linear-gradient(to right, #4bd5d7 , #ffcb75);display: block;margin:0 auto;border-radius:30px;color:#fff;text-align: center;font-size:16px;margin-top:30px;}
.indexbanner .data{position: absolute;bottom:60px;z-index: 2}

.indexbanner .data .item{color:#fff;width:24%;text-align: center;padding:20px 0;}
.indexbanner .data .item .num{font-size:36px;font-weight: bold;line-height: 1}
.indexbanner .data .item .plus{font-size:16px;position: relative;top:-16px}
.indexbanner .data .item p{font-size:14px;margin-top:10px;}
.indexbanner .data .line{width: 2px;height:50px;background: rgba(255,255,255,0.2);}



.index-title{text-align: left;padding:50px 0 0;position: relative;}
.index-title h3{color:#282828;font-weight: normal;font-size:24px;line-height: 1}
.index-title p{color:#b5b5b5;font-size: 14px;margin-top:10px;text-transform:uppercase;letter-spacing:2px;}
.index-title .titlemore{width: 160px;height: 46px; line-height: 46px;text-align: center; background: none;display: block;color:#323232;font-size: 16px;border:2px solid #dcdcdc;border-radius: 30px;position: absolute;right: 0;top:50px;transition: all 0.3s}
.index-title .titlemore:hover{ background-image: linear-gradient(to right, #4bd5d7 , #ffcb75);color:#fff;border:2px solid #fff;}


.index-about{background:#f8fafa;padding-bottom:60px;padding-top: 70px;}
.about-top{display: flex;justify-content: space-between;flex-wrap: wrap;}
.about-top .left{padding-bottom:0;width: 48%}
.about-top .left .index-title{padding-top: 0}
.about-top .text{color:#787878;font-size: 14px;line-height: 1.8;border-top: 1px solid #dedede;margin-top:15px;padding-top: 15px;}
.about-top .right {width: 48%}
.about-top .right .img{border-radius: 0.1rem 0.5rem;transition: all 0.8s}
.about-top .right:hover .img{transform: scale(1.06);}
.about-top .more{width:160px;height:46px;line-height:46px; background-image: linear-gradient(to right, #4bd5d7 , #ffcb75);display: block;margin:0;border-radius:30px;color:#fff;text-align: center;font-size:16px;margin-top:20px;transition: all 0.3s}
.about-top .more:hover{background-image: linear-gradient(to right,#ffcb75, #4bd5d7);}


.swiper-about{margin-top:50px;display: flex;align-items: flex-start;justify-content: space-between}
.swiper-about .swiper-slide{width:22%;background:#fff;border-radius:10px 40px;overflow: hidden;cursor: pointer;border:2px solid transparent;overflow: hidden; height:auto; min-height: 250px; padding:0;}
.swiper-about .swiper-slide .top{position: relative;margin-bottom:15px;padding:30px 20px 0px;}
.swiper-about .swiper-slide .top span{display: block;font-size:36px;font-weight: bold;color:#323232;line-height: 1}
.swiper-about .swiper-slide .top p{color:#323232;font-size: 14px;margin-top:10px}
.swiper-about .swiper-slide .top .arrow{position: absolute;right: 20px;top: 30px;width:14px}
.swiper-about .swiper-slide .info {border-top: 1px solid #e9e9e9;color:#787878;line-height: 1.8;font-size: 12px;min-height:80px;padding:0 20px 20px;padding-top:15px;}
.swiper-about .swiper-slide:hover{border: 2px solid transparent; background-image: linear-gradient(#fff, #fff),
        linear-gradient(to right, #4bd5d7, #ffcb75); background-origin: border-box;
    background-clip: content-box, border-box;}


.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:90px;height:90px;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:16px;height:16px;border:1px solid #919191;border-radius: 100%;background:#fff;position: absolute;}
.index-business .info .item .quan:before{content:"";display: block;width: 3px;height:3px;left: 50%;top: 50%;transform: translate(-50%,-50%);background:#919191;border-radius: 100%;position: absolute;}
.index-business .info .item p{width:200px;height:50px;background:rgba(255,255,255,0.8);text-align: center;display: flex;align-items: center;color: #787878;font-size: 14px;border-radius:30px;justify-content: center;position: absolute;transition: all 0.3s}
.index-business .container{position: relative;height: 100%}
.index-business .info .item1{left:5.7%;top:23.6%;width:34.2%;height: 17.1875%}
.index-business .info .item1 .text{left:75.2688%;top: 0}
.index-business .info .item1 .quan{left: 61.215%;top:40.91%}
.index-business .info .item1 p{left:0;top:22.7272%}
.index-business .info .item2{left: 58.8235%;top:20.78125%;width:35.29%;height: 17.1875%}
.index-business .info .item2 .quan{left:37.5%;top:40.91%}
.index-business .info .item2 p{left:45.416%;top:22.7272%}
.index-business .info .item3{left: 58.8235%;top:62.5%;width:35.29%;height: 17.1875%}
.index-business .info .item3 .text{left: 0}
.index-business .info .item3 .quan{left:37.5%;top:40.91%}
.index-business .info .item3 p{left:45.416%;top:22.7272%}
.index-business .info .item4{left:8.6764%;top:64.625%;width:34.2%;height: 17.1875%}
.index-business .info .item4 .text{left:75.2688%;top: 0}
.index-business .info .item4 .quan{left: 61.215%;top:40.91%}
.index-business .info .item4 p{left:0;top:22.7272%}

.index-business .info .item1:hover p{transform: translateX(-40px);}
.index-business .info .item2:hover p{transform: translateX(40px);}
.index-business .info .item3:hover p{transform: translateX(40px);}
.index-business .info .item4:hover p{transform: translateX(-40px);}

.service-tab{display: flex;justify-content: space-between;align-items: flex-start;}
.service-tab .hd{width: 22.058%}
.service-tab .hd ul li{color:#787878;cursor: pointer;font-size: 16px;padding-top: 30px;padding-bottom:20px;position: relative;display: flex;align-items: center;justify-content: space-between;}
.service-tab .hd ul li .arrow{display: block;width: 6px;}
.service-tab .hd ul li .arrowon{display: none;width: 6px}
.service-tab .hd ul li:after{content: "";display: block;width: 100%;height: 1px;background: #e9e9e9;position: absolute;bottom: 0;left: 0}
.service-tab .hd ul li.on{color:#282828;}
.service-tab .hd ul li.on:after{height: 3px;background-image: linear-gradient(to right, #4bd5d7 , #ffcb75);}
.service-tab .hd ul li.on .arrow{display: none;}
.service-tab .hd ul li.on .arrowon{display: block}

.service-tab .bd{width: 73.529% !important}
.service-tab .bd .item{position: relative; width:100% !important;transition:all 0.5s}
.service-tab .bd .item .info{position: absolute;width:36%;height: 100%;left: 0;top: 0;margin-left:60%;}
.service-tab .bd .item .info h3{font-weight: normal;font-size:28px;color:#282828;margin-top: 20.5%;text-align: center;}
.service-tab .bd .item .info .text{color:#787878;font-size: 14px;text-align: center;width:100%;height:18.5%; background-size: 100%;display: flex;align-items: center;justify-content: center;margin:0 auto;margin-top: 30px;border: 2px 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: 50px 10px;}
.service-tab .bd .item .info .go{width:160px;height:46px;line-height:46px; background-image: linear-gradient(to right, #4bd5d7 , #ffcb75);display: block;margin:0;border-radius:30px;color:#fff;text-align: center;font-size:16px;margin:0 auto; margin-top:30px;transition: all 0.3s; position:relative; z-index:2}
.service-tab .bd .item .info .go{background-image: linear-gradient(to right,#ffcb75, #4bd5d7);}
.service-tab .bd .item .info .xcxm{opacity: 0;position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);z-index: 1;}
.service-tab .bd .item:hover{ transform:scale(1.05)}
.service-tab .bd .item:hover .info .xcxm{opacity:1;}
.service-tab .bd .item:hover h3{ display:none}
.service-tab .bd .item:hover .text{ display:none}
.service-tab .bd .item:hover .go{ display:none}

.index-doctor{padding-bottom:60px}
.doctor-list{display: flex;align-items: flex-start;margin-top: 40px;}
.doctor-list .item{width:22%; margin-right:4%}
.doctor-list .item:nth-child(4n){ margin-right:0}
.doctor-list .item .imgbox{border:10px solid #f8fafa;width:180px;height:180px;margin:0 auto;border-radius: 100%;position: relative;}
.doctor-list .item .imgbox img{overflow: hidden;width:160px;height:160px;border-radius: 100%;position: relative;z-index: 3}
.doctor-list .item .imgbox .add{width: 40px;height: 40px;position: absolute;right:-5px;top:-25px;z-index: 4;opacity: 0;transition:all 0.5s;}
.doctor-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}
.doctor-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;}
.doctor-list .item:hover .imgbox .add{opacity: 1;top: -5px;}

.doctor-list .item .info {padding-top:0}
.doctor-list .item .info h3{line-height: 60px;height:60px;display: flex;align-items: center;justify-content: space-between;font-size:20px;color:#282828;padding:0 30px;flex-shrink:0;line-height:1.2}
.doctor-list .item .info h3 span{color:#787878;font-size: 16px;flex-shrink:0}
.doctor-list .item .info .yiyuan{color:#787878;font-size: 14px;padding:0 30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:40px}
.doctor-list .item .info .text{color:#787878;font-size: 12px;padding:30px 15px;line-height: 1.8;background: url(../img/index/doctorbgpc.png) no-repeat;width:220px;height:120px;background-size: cover;margin:0 auto;}
.doctor-list .item .info p{white-space: normal;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp:3;}



.index-case{background:#f8fafa;padding-bottom: 50px}
.case-list{display: flex;align-items: flex-start;margin-top: 30px;}
.case-list .item{width:22%;background:#fff;border-radius:40px 10px;overflow: hidden;border:2px solid #fff; margin-right:4%}
.case-list .item:nth-child{ margin-right:0}
.case-list .item .imgbox{padding:10px 10px 0;}
.case-list .item .imgbox img{border-radius:40px 10px;overflow: hidden;}
.case-list .item .info {padding:0 25px;display: block;}
.case-list .item .info h3{line-height: 60px;height: 60px;display: flex;align-items: center;justify-content: space-between;font-size:18px;border-bottom: 2px solid #e9e9e9;color:#282828}
.case-list .item .info h3 span{color:#787878;font-size: 14px;}
.case-list .item .info .text{padding:15px 0;}
.case-list .item .info p{color:#787878;font-size: 12px;line-height: 1.8;white-space: normal;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
-webkit-line-clamp:2;}
.case-list .item:hover{border: 2px solid transparent; background-image: linear-gradient(#fff, #fff),
        linear-gradient(to right, #4bd5d7, #ffcb75); background-origin: border-box;
    background-clip: content-box, border-box;}


.index-news{padding-bottom: 10px}
.index-news .list{display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 50px;}
.index-news .list .item{border-top:2px solid #e9e9e9;padding:20px 0 40px;width: 48%;display: flex;align-items: flex-start;}
.index-news .list .item span{color:#282828;font-weight: bold;display: block;font-size:24px;width: 22%;text-align: center; line-height:1.2}
.index-news .list .item a{display: block;color:#787878;font-size: 14px;margin-top: 0;width: 75%;transition: all 0.3s}

.index-news .list .item:hover{border-image: linear-gradient(to right, #4bd5d7 , #ffcb75) 30 30}
.index-news .list .item:hover a{color:#282828}

.index-customer{background:#f8fafa;}
.index-customer .flex{display: flex;align-items: center;flex-wrap: nowrap;padding:20px 0; overflow:hidden}

.index-customer .flex .item{width:auto;max-width: 100%;margin-bottom:0;margin:0 10px;padding:0; margin-bottom:20px}
.index-customer .flex .item .ico{max-width: 100%;margin:0 auto;display: block;}
.index-customer .flex .item .on{max-width: 100%;margin:0 auto;display: none;}
.index-customer .flex .item:hover .ico{display: none}
.index-customer .flex .item:hover .on{display: block}

.footer{background:#323536;}
.footer .footer-top{}
.footer .footer-top .flex{display: flex;position: relative;padding-top:40px;padding-bottom: 30px; align-items: flex-start;}
.footer .footer-top .bottombg{position: absolute;left: 0;bottom: 0;height: 100%;width: auto !important;}
.footer .footer-top .flogo{position: relative;z-index: 2;margin-right: auto}
.footer .footer-top .line{background:rgba(255,255,255,0.2);width: 1px;height: 100px;margin-right:80px;}
.footer .footer-top .fcontact{}
.footer .footer-top .fcontact h3{color:#fff;font-size: 14px;font-weight: normal;margin-bottom: 10px;}
.footer .footer-top .fcontact ul li{color: #b5b5b5;font-size: 12px;line-height:25px;}
.footer .footer-top .fcontact ul li span{color:#fff;font-weight: bold;}
.footer .footer-top .fcontact ul li a{color: #fff;font-weight: bold;}
.footer .footer-top .flink{display: flex;align-items: flex-start;}
.footer .footer-top .flink .item{margin-left:50px}
.footer .footer-top .flink h3{color:#fff;font-size: 16px;font-weight: normal;margin-bottom: 10px;}
.footer .footer-top .flink ul{margin-left: 6px}
.footer .footer-top .flink ul li{color: #b5b5b5;font-size: 12px;line-height:25px;}
.footer .footer-top .flink ul li a{color:#b5b5b5;font-size: 12px;}
.footer .footer-top .fcode{display: flex;align-items: flex-start;margin-left:30px;}
.footer .footer-top .fcode .item {margin-left: 30px;text-align: center;}
.footer .footer-top .fcode .item .img{width:80px;border:8px solid #414546;}
.footer .footer-top .fcode .item p{color:#b5b5b5;margin-top: 10px}
.footer .footer-bottom{height: 60px;line-height: 60px;background:#292b2c;color:#b5b5b5;text-align: center;font-size: 12px;}
.footer .footer-bottom a{color:#b5b5b5;font-size: 12px;}

.float{display:none;position: fixed;bottom:35%;right:10px; z-index:999}
.float .backtop,.float .consult{display: block;width:50px;height: 50px;border:2px solid rgba(0,0,0,0.1);border-radius: 100%;display: flex;align-items: center;justify-content: center;margin-bottom: 10px;}
.float .backtop:hover,.float .consult:hover{border: 2px solid transparent; background-image: linear-gradient(#fff, #fff),
        linear-gradient(to right, #4bd5d7, #ffcb75); background-origin: border-box;
    background-clip: content-box, border-box;}

.float .contactbox{position: absolute;right: 65px;top: 50%;transform: translateY(-45%);width:400px;height: 380px;background:#fff;box-shadow: 0px 22px 60px 0px rgba(50, 53, 54, 0.2);border-radius: 10px;display: none}
.float .contactbox:after{content: "";display: block; width: 0;height: 0;border-top:20px solid transparent;border-left:20px solid #fff;border-bottom:20px solid transparent;position: absolute;right: -10px;top: 50%;transform:translateY(-50%);}
.float .contactbox .icon-close{font-size: 24px;position: absolute;right: 20px;top: 10px;color:#787878;cursor: pointer;}
.float .contactbox  h3{color:#282828;font-size: 24px;text-align: center;font-weight: normal;padding-top: 30px;}
.float .contactbox  ul{padding:0 40px;margin-top: 20px;}
.float .contactbox  ul li{border-bottom: 1px solid #e9e9e9;}
.float .contactbox  ul li .int{background:none;border:none;width: 100%;height: 60px;font-size: 14px;}
.float .contactbox  ul li select{background:none;border:none;width: 100%;height: 60px;font-size: 14px; color:#999}
.float .contactbox  .sub{width:160px;height:46px;line-height:46px; background-image: linear-gradient(to right, #4bd5d7 , #ffcb75);display: block;margin:0;border-radius:30px;color:#fff;text-align: center;font-size:16px;margin-top:20px;transition: all 0.3s;border:none;margin:0 auto;margin-top: 30px;}



.pages-banner{padding-top:80px;}
.pages-banner .info{position: absolute;left: 0;top: 0;width: 100%;padding-top: 80px;}
.pages-banner .info .position{padding-top:30px;display: flex;align-items: center;color: #fff;font-size: 14px;display: flex;align-items: center;}
.pages-banner .info .position .home{width:18px;margin-right:10px}
.pages-banner .info .position a{color:#fff;font-size: 14px;margin:0 10px;}
.pages-banner .info .position span{margin-left:15px}
.pages-banner .info .position .goback{margin-left: auto;color:#787878;font-size: 14px;display: flex;align-items: center}
.pages-banner .info .position .goback .ico{margin-right:10px;width: 20px}
.pages-banner .info .position .search{display: none;height: 44px;width: 280px;border:1px solid #dcdcdc;display: none;align-items: center;justify-content: space-between;margin-left: auto;border-radius: 40px}
.pages-banner .info .position .search .int{background:none;border:none;padding-left: 20px;font-size: 14px;}
.pages-banner .info .position .search button{background:none;border:none;margin:0;padding:0;}
.pages-banner .info .position .search button .ico{display: block;}

.pages-banner .info .text{margin-top:50px;color:#fff;}
.pages-banner .info .text h3{font-size:42px;font-weight: normal;margin-bottom:10px}
.pages-banner .info .text p{font-size: 14px;color: rgba(255,255,255,0.6); letter-spacing:6px}



.pages-nav{background:#fff;height:84px;line-height:84px;display: flex;align-items: center;justify-content: center}
.pages-nav a{color:#787878;font-size: 20px;margin:0 50px;position: relative;height: 84px;}
.pages-nav a.on{color:#333333;}
.pages-nav a.on:after{content: "";display: block;width:30px;height:6px;background-image: linear-gradient(to right, #4bd5d7 , #ffcb75);position: absolute;left: 50%;bottom: 0;border-radius:6px;transform: translateX(-50%);}


.about1{}
.about1 .con1{background:#f8fafa;padding:70px 0;}
.about1 .con1 .flex{display: flex;align-items: flex-start;justify-content: space-between;}
.about1 .con1 .left {margin-bottom:0;width: 39%}
.about1 .con1 .left .t{font-size:30px;color:#282828;position: relative;padding-bottom:24px;margin-bottom: 50px}
.about1 .con1 .left .t:after{content: "";display: block;width:30px;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: 14px;line-height: 2;}
.about1 .con1 .right{width: 48%;position: relative;}
.about1 .con1 .right .img{position: relative;top: 15px;right: 15px;z-index: 2;transition:all 0.8s;border-radius: 10px 50px;}
.about1 .con1 .right:after{content: "";display: block;width: 100%;height: 100%;position: absolute;background: #fff;border-radius: 10px 50px;right: 0;top: 0;}

.about1 .con1 .right:hover .img{transform:scale(1.1)}


.about1 .con2{padding:0.6rem 0;}
.about1 .con2 .list{display: flex;align-items: flex-start;}
.about1 .con2 .list .item{margin-bottom:0;width: 25%;}
.about1 .con2 .list .item .ico{max-width: 0.6rem;margin:0 auto;display: block;margin-bottom:30px}
.about1 .con2 .list .item h3{font-weight: normal;text-align: center;font-size: 24px;}
.about1 .con2 .list .item  p{color:#787878;font-size: 16px;line-height: 1.8;max-width: 70%;margin:0 auto;text-align: center;margin-top: 0.3rem;}


.about2{background:#f8fafa;padding:40px 0 60px;}
.about2 .title{}
.about2 .title h2{font-weight: normal;font-size:36px;text-align: center;margin-bottom:20px}
.about2 .title p{max-width: 80%;text-align: center;margin:0 auto;color:#787878;font-size: 14px;}

.about2 .list{margin-top:60px;}
.about2 .list .item{display: flex;align-items: center;justify-content: space-between;margin-bottom: 60px;}
.about2 .list .item .imgbox{margin:0;margin-bottom:0;order:3;width: 46%}
.about2 .list .item .imgbox img{border-radius: 10px 50px; transition:all 0.8s}
.about2 .list .item .info{padding-bottom:0;order:2;width: 34%;margin-left: 10px}
.about2 .list .item .info .xh{font-size: 42px;font-weight: bold;color:#282828;margin-bottom: 10px}
.about2 .list .item .info .cn{color:#282828;font-size: 20px;line-height: 1.4}
.about2 .list .item .info .en{color:#282828;font-size: 20px;line-height: 1.4;margin-bottom:20px}
.about2 .list .item .info .text{color:#787878;font-size: 14px;line-height: 1.8;margin-bottom:20px}
.about2 .list .item .info .line{width:35%;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:18px;height:18px;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%;}
.about2 .list .item:nth-child(2n) .imgbox{order:1;}
.about2 .list .item:nth-child(2n) .info{margin-right:50px}
.about2 .list .item .imgbox:hover .img{transform:scale(1.1)}


.about3{background:#f8fafa;padding:50px 0 60px;}
.about3 .list {position: relative;}
.about3 .list:before{content: "";display: block;width: 1px;height: 100%;background:#dcdcdc;left: 50%;top:30px;position: absolute;z-index: 1}
.about3 .list .item{width:40%;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: 40px;font-weight: bold;margin-right: 10px;}
.about3 .list .item .t .ico{position: absolute;left: -95px;top:50%;transform: translateY(-50%);opacity: 1;display: block;}
.about3 .list .item .t .icoon{position: absolute;left: -120px;top:50%;transform: translateY(-50%);opacity: 0;transition: all 0.3s;display: block;}
.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;}
.about3 .list .item:nth-child(2n){margin-left: 0;margin-right: auto;text-align: right;margin-left: 40px;}
.about3 .list .item:nth-child(2n) .t{justify-content: flex-end;}
.about3 .list .item:nth-child(2n) .t span{order:1;margin-left: 10px;margin-right: 0;}
.about3 .list .item:nth-child(2n) .t .ico{position: absolute;left: auto;right: -88px;top:50%;transform: translateY(-50%);opacity: 1}
.about3 .list .item:nth-child(2n) .t .icoon{position: absolute;left: auto;right: -120px;top:50%;transform: translateY(-50%);opacity: 0;transition: all 0.3s}
.about3 .list .item:hover .t .ico{opacity: 0}
.about3 .list .item:hover .t .icoon{opacity: 1}
.about3 .list .item:hover .text{border: 2px solid transparent; background-image: linear-gradient(#fff, #fff),linear-gradient(to right, #4bd5d7, #ffcb75); background-origin: border-box;background-clip: content-box, border-box;}



.about4{background:#f8fafa;padding:50px 0 60px;}
.about4 .t{color:#282828;font-size:24px;text-align: center;position: relative;padding-bottom:20px;margin-bottom:40px}
.about4 .t:after{content: "";display: block;width:30px;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: 50px; border-top:1px solid #e9e9e9; border-left:1px solid #e9e9e9}
.about4 .list .item{border:1px solid #e9e9e9;width:20%;height:140px;display: flex;align-items: center;justify-content: center; overflow:hidden; border-top:none; border-left:none;}
.about4 .list .item .ico{max-width:100%;margin:0 auto;}




.news{background:#f8fafa;padding:40px 0 80px;}
.news .list {padding-top:0}
.news .list .item{background:#fff;border-radius:50px 10px;margin-bottom:50px;display: flex;align-items: center;justify-content: space-between;border:2px solid transparent}
.news .list .item .imgbox{padding:30px; width:24.8%}
.news .list .item .imgbox img{border-radius:50px 10px;transition:all 0.8s}
.news .list .item .info {padding:0;width: 62%;margin-right: 50px}
.news .list .item .info h3{color:#282828;font-size:20px;font-weight: normal;margin-bottom: 20px;}
.news .list .item .info h3 span{color:#787878;font-size: 16px;margin-left: 20px;}
.news .list .item .info p{color:#787878;font-size: 14px;margin-bottom:20px}
.news .list .item .info .time{color:#787878;font-size:16px;}
.news .list .item .imgbox:hover img{transform:scale(1.1)}

.news .list .item:hover{border: 2px solid transparent; background-image: linear-gradient(#fff, #fff),
        linear-gradient(to right, #4bd5d7, #ffcb75); background-origin: border-box;
    background-clip: content-box, border-box;}

.page{height:50px;}
.page .prev{width:50px;height:50px;margin-right:30px;transition:all 0.3s}
.page .iconfont{font-size:18px;transition:all 0.3s}
.page .next{width:50px;height:50px;margin-left:30px;transition:all 0.3s}
.page a{font-size:20px;margin:0 10px;transition:all 0.3s}
.page .line{width:28px;margin:0 15px;}
.page a.on{font-size:24px;}
.page a:hover{ color:#000000}
.page .prev:hover,.page .next:hover{ background:#000; border:1px solid #000;}
.page .prev:hover .iconfont,.page .next:hover  .iconfont{ color:#fff}


.service{margin-top:80px}
.service .list .item{padding-bottom:30px;margin-bottom:30px;display: flex;align-items: center;border-radius:50px 10px; transition:all 0.4s}
.service .list .item .xcxmain{display:none;width: 100%;height: 100%;position: absolute;left: 0;top: 0;display: none;align-items: center;justify-content: center;flex-direction: column;background:#fff;border: 2px solid 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:50px 10px;opacity: 0;transition: all 0.3s}
.service .list .item .xcxmain p{color:#282828;font-size: 20px;margin-top:15px;font-weight: bold;}
.service .list .item .imgbox{width: 58.8%;position: relative;}
.service .list .item .info{margin-top: 0;width: 23.5%;margin:0 auto; position:relative}
.service .list .item .info h3{font-weight: normal;font-size: 28px;color:#282828;text-align: center;}
.service .list .item .info  .text{color:#787878;font-size: 14px;text-align: center;width:100%;height:auto;line-height: 1.8; background-size: 100%;display: flex;align-items: center;justify-content: center;margin:0 auto;margin-top:20px;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:50px 10px;}
.service .list .item .info  .text .con{padding:10px 0;}
.service .list .item .info .go{width:180px;height:56px;line-height:56px; background-image: linear-gradient(to right, #4bd5d7 , #ffcb75);display: block;margin:0;border-radius:30px;color:#fff;text-align: center;font-size:18px;margin:0 auto; margin-top:20px;transition: all 0.3s}
.service .list .item .info  .xcxm{opacity: 0;position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);z-index: 1; display:block}
.service .list .item:hover{ transform:scale(1.03)}
.service .list .item:hover .info .xcxm{opacity:1;}
.service .list .item:hover h3{ display:none}
.service .list .item:hover .text{ display:none}
.service .list .item:hover .go{ display:none}

/*
.service .list .item .imgbox:hover .xcxmain{opacity: 1}
*/

.contact {padding:60px 0;}
.contact .flex{display: flex;align-items: center}
.contact .left{width: 31%;margin:0 10px;}
.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:auto}
.contact .left ul li .text h2{font-size: 20px;color:#282828;line-height: 1.4}
.contact .left ul li .text p{color:#787878;font-size: 16px;}
.contact .left ul li .block{display: flex;align-items: flex-start;text-align: center;}
.contact .left ul li .block .item{margin:0 10px;}
.contact .left ul li .block .item span{color: #282828;font-size: 14px;}
.contact .left ul li .block .item .code{margin-top: 10px;}
.contact .map {margin-left: auto;width: 64.7%}
.contact .map .mapcon{ width:100%; height:400px;;border-radius: 80px 20px}


.newsdetail{margin-top:88px;background:#f8fafa;padding-bottom:50px}
.newsdetail .flex{display: flex;align-items:flex-start;justify-content: space-between;}
.newsdetail .left{background:#fff;padding:40px 30px;width: 74%;}

.newsdetail .left .title{border-bottom: 1px solid #f3f3f3;padding-bottom:30px}
.newsdetail .left .title h2{color:#282828;font-size:28px;margin-bottom:15px}
.newsdetail .left .title .time{color:#787878;font-size: 16px;}
.newsdetail .left .body{padding:20px 0;line-height: 1.8;color:#787878;font-size:14px;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:20px 0}
.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:30px;height: 30px;display: flex;align-items: center;justify-content: center;font-size: 16px;color:#787878}
.newsdetail .left .bodybottom .prev span{margin-right: 0.1rem}
.newsdetail .left .bodybottom .next span{margin-left: 0.1rem}

.newsdetail .hotnews{margin-top:0;background:#fff;padding:30px 20px;width: 24%}
.hotnews .t{color:#282828;font-size: 20px;}

.hotnews  ul li{border-bottom: 1px solid #f3f3f3;padding:20px 0;}
.hotnews  ul li:last-child{border-bottom: none}
.hotnews  ul li a{color:#282828;font-size: 14px;display: block;margin-bottom:10px;}
.hotnews  ul li .time{color:rgba(40,40,40,0.5);font-size: 14px;}



.shaixuan{margin-top: 88px;background: #f8fafa;padding:25px 0;}

.shaixuan .list{display: flex;align-items: flex-start;margin-bottom:20px}
.shaixuan .list .left{color:#282828;font-size: 16px;margin-right:20px;position: relative;top: 5px;}
.shaixuan .list .right {width:80%}
.shaixuan .list .right ul{display: flex;align-items: center;flex-wrap: wrap;}
.shaixuan .list .right ul li{margin-right:20px;margin-bottom:10px;color:#787878;font-size: 14px;border:2px solid #dcdcdc;border-radius:20px;cursor: pointer;}
.shaixuan .list .right ul li span{display: inline-block;padding:5px 15px;}
.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;font-weight: bold;color: #282828}


.pagesdoctor{background: #fff;padding-bottom: 60px;margin-top: 88px;}
.pagesdoctor .total{color:#787878;font-size: 16px;padding:30px 0 20px;}
.pagesdoctor .total em{font-style: normal;color:#282828;margin:10px;}
.pagesdoctor .total span{margin-left:30px}

.pagedoctor-list{display: flex;align-items: flex-start;flex-wrap: wrap;}
.pagedoctor-list .item{width:22%;margin-right: 4%;margin-bottom: 40px}
.pagedoctor-list .item:nth-child(4n){margin-right: 0}
.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: 60px;height:60px;display: flex;align-items: center;justify-content: space-between;font-size:20px;color:#282828;padding:0 30px; flex-shrink:0}
.pagedoctor-list .item .info h3 span{color:#787878;font-size: 14px; flex-shrink:0}
.pagedoctor-list .item .info .yiyuan{color:#787878;font-size: 14px;padding:0 30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:40px}
.pagedoctor-list .item .info .text{color:#787878;font-size: 12px;padding:30px 15px;line-height: 1.8;background: url(../img/index/doctorbgpc.png) no-repeat;width:220px;height:120px;background-size: cover;margin:0 auto;}
.pagedoctor-list .item .info p{white-space: normal;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp:3;}

.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}


.doctordetail{margin-top: 88px;background: #fff;padding-top: 60px;}
.doctordetail .flex{display: flex;align-items: flex-start;}
.doctordetail .flex .left{width: 23.5%}
.doctordetail .right{width: 70.5%;margin-left: auto}
.doctordetail .right  .top{padding-bottom: 20px;}
.doctordetail .right  .top .info{}
.doctordetail .right  .top .info .name{color:#282828;font-size:30px;display: flex;align-items: flex-end;}
.doctordetail .right  .top .info .zhiwu{color:#787878;font-size: 14px;font-weight: normal;margin-left: 20px;position: relative;top: -6px}
.doctordetail .right  .top .info .yiyuan{color: #787878;font-size: 14px;margin-top: 10px}

.doctordetail .right .con{border-bottom: 1px solid #f3f3f3;padding-bottom: 40px}
.doctordetail .right .con .t{color:#282828;font-size:18px;margin-top:40px;margin-bottom:10px}
.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:40px 0}
.doctordetail .right .bodybottom a{color:#787878;font-size: 16px;display: flex;align-items: center}
.doctordetail .right .bodybottom .iconfont{border:1px solid #dcdcdc;border-radius: 100%;width:30px;height: 30px;display: flex;align-items: center;justify-content: center;font-size:20px;color:#787878}
.doctordetail .right .bodybottom .prev span{margin-right: 0.1rem}
.doctordetail .right .bodybottom .next span{margin-left: 0.1rem}

.successzz{ position:fixed; width:100%; height:100%; left:0;top:0; background:rgba(0,0,0,0.5); display:none; z-index:9998}
.success{width:320px;height:420px;background: #FFFFFF;border-radius:18px; position:fixed; top:50%; left:50%;transform: translate(-50%,-50%); z-index:9999; padding-top:60px; display:none}
.success .icon-close{ font-size:24px; color:#D4D4D4; position:absolute; right:0; top:0; cursor:pointer; right:16px; top:16px; line-height:1}
.success .img{ display:block; margin:0 auto; width:168px;}
.success h3{font-size: 24px;color: rgba(0,0,0,0.80); text-align:center; margin-top:30px;}
.success p{font-size:18px;color: rgba(0,0,0,0.50); line-height:2; text-align:center}
.success .btn{width:160px;height:40px;border:none; display:flex;align-items: center;justify-content:center;background-image: linear-gradient(90deg, #FFCB75 0%, #4BD5D7 100%);border-radius:20px;font-size:14px;color: #FFFFFF; margin:0 auto; margin-top:20px;}

}