.banner{background: url("https://img.asiancancer.com/images/newmalai/basic/aboutus.jpg") no-repeat center;height: 300px;}
.banner .img{text-align: center;}
.banner .banner-text{padding-top:30px;}
.banner .banner-text .title{font-size: 52px;color: #ffffff;display: grid;}
.banner .banner-text .first{border-bottom: 2px solid #13BFB1;width: 254px;font-weight: bold;}
.banner .banner-text .second{font-size: 35px;}

.about-content .menu_tag_bg{background: #F5F5F5;}
.about-content .menu_tag{margin:50px auto;}
.about-content .fudong{display: flex;position: fixed;justify-content: center;top:0px;z-index: 999;width: 100%;padding-bottom: 15px;}
.about-content .menu_tag ul{}
.about-content .menu_tag ul li{float:left;padding:5px 35px;border-radius: 4px;margin-right: 37px;border:1px solid #1E2D4F;font-size: 14px;background: #ffffff;}
.about-content .menu_tag ul li.first{background:#13BFB1;border:1px solid #13BFB1;}
.about-content .menu_tag ul li.first a{color: #ffffff;}
.about-content .menu_tag ul li.right{margin-right: 0;}



.about-content .intro .title,.about-content .qualification .title,.about-content .development-path .title,.about-content .hospital-honor .title,.about-content .medical-technology .title,.about-content .mdt-team .title,.about-content .service .title,.about-content .hospital .title{font-size: 36px;color:#13BFB1;text-align: center;font-weight: bold;}
.about-content .intro .line,.about-content .qualification .line,.about-content .development-path .line,.about-content .hospital-honor .line,.about-content .medical-technology .line,.about-content .mdt-team .line,.about-content .service .line,.about-content .hospital .line{width: 80px;height: 4px;background: #1E2D4F;margin:16px auto;}
.about-content .intro .video .video-bg{height: 480px;border-radius: 16px 0 0 16px;background: #13BFB1;width: 28px;}
.about-content .intro .video{float:left;}
.about-content .intro .video .mobile-video{display: none;}
.about-content .intro .txt{float:right;width:45%;margin-top:30px;text-align: justify;}
.about-content .intro .about-box{margin-top:50px;}
.about-content .buttom-num-bg{background: #dddddd;height: 272px;position: relative;z-index: -1;}
.about-content .buttom-num li{float:left;width: 24.5%;text-align: center;color:#666666;font-size: 14px;border-right: 2px solid #1E2D4F;}
.about-content .buttom-num li.last{border-right: 0px;}
.about-content .buttom-num li span{font-size: 40px;font-weight: bold;color:#1E2D4F;}
.about-content .buttom-num li i{font-size: 14px;font-style: normal;color: #666666;font-weight: normal;}
.about-content .buttom-num{padding-top:100px;}

.about-content .qualification{height: 380px;}
.about-content  .qualification .qua-box{background: #ffffff;border-radius: 16px;display: flow-root;padding:24px 0;}
.about-content  .qualification .qua-box ul li{float:left;width: 19.5%;display: grid;text-align: center;}
.about-content  .qualification .qua-box ul li img{margin: 0 auto;}
.about-content  .qualification .qua-box ul li span{width: 200px;margin: 0 auto;color: #13BFB1;font-size: 16px;font-weight: bold;margin-top:10px;}
.about-content  .qualification .qua-box-bg{background:#13BFB1;width:162px;height: 162px;border-radius: 0 0 16px 0;float: right;position: relative;top:-146px;z-index: -1;right: -16px;}

.about-content .development-path-bg{background: #ffffff;}
.about-content .development-path{padding-top:50px;}

.about-content .hospital-honor-bg{background: #F5F5F5;height: 532px;}
.about-content .hospital-honor{padding:50px 0;overflow: hidden;}
.about-content .hospital-honor .swiper-container{}
.about-content .hospital-honor .swiper-button-next{background-image: url("../images/mdt_right.png");height: 93px;background-color: #EEEEEE;}
.about-content .hospital-honor .swiper-button-prev{background-image: url("../images/mdt_left.png");height: 93px;background-color: #EEEEEE;}
.about-content .hospital-honor dl{position: relative;}
.about-content .hospital-honor dl  .tg-bg{background: url("../images/technology-bg.png") repeat-x;height: 342px;width: 456px;bottom: 15px;position: absolute;cursor:pointer;}
.about-content .hospital-honor dl dd{color: #F5F5F5;}
.about-content .hospital-honor dl:hover dd{color: #ffffff;display: block;padding:0 15px;position: relative;top:-80px;}


.about-content .technology_banner .swiper-container{height: 450px;}
.about-content .technology_banner .swiper-container img{border-radius:16px;margin-left: 48px;}
.about-content .technology_banner .technology_bg{background: #1E2D4F;height: 400px;position: relative;top:-380px;}
.about-content .technology_banner .swiper-slide{height: 480px;}
.about-content .technology_banner .swiper-slide .swiper-slide-bg{height: 360px;width: 640px;border:8px solid #11C6B9;border-radius: 16px;position: relative;top:-330px;z-index: -1;}
.about-content .technology_banner{height: 450px;}
.about-content .technology_banner .swiper-wrapper{}
.about-content .technology_banner .swiper-slide-into{float:right;width: 47%;color:#fff;margin-top:110px;}
.about-content .technology_banner .swiper-slide-into a{color:#ffffff;}
.about-content .technology_banner .swiper-slide-into dt{font-size: 36px;}
.about-content .technology_banner .swiper-slide-into dd{margin-top:22px;}
.about-content .technology_banner .swiper-slide-into .swiper-more{float: right;margin-top:40px;border-radius:24px;padding: 5px 10px;border:1px solid #fff;}
.about-content .technology_banner .swiper-slide-into .swiper-more a{color:#fff;font-size: 12px;}



.about-content .technology_banner .swiper-pagination-bullet{background:#f3f3f3;height: 10px;border-radius: 30px;}
.about-content .technology_banner .swiper-pagination-bullet-active{background:#ffffff;width:25px;}

.mdt-team .swiper-pagination-bullet {background:#c3c3c3;height: 10px;border-radius: 30px;}
.mdt-team .swiper-pagination-bullet-active{background:#13BFB1;width:25px;}
.mdt-team .swiper-pagination-mdt{margin-top:30px;}
.mdt-team .swiper-pagination-mdt span{margin:5px;}


.swiper-pagination-tcg,.swiper-pagination-mdt{
    position: absolute;
    text-align: center;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    z-index: 10;
}
.swiper-pagination-mdt{position: unset;}

.mdt-team .swiper-slide{background: #ffffff;border-radius: 16px;padding-top: 20px;height: 600px;
box-shadow: 0 16px 5px -12px rgb(0 0 0 / 5%), 0 4px 15px 0 rgb(0 0 0 / 5%), 0 8px 10px -5px rgb(0 0 0 / 5%);
}
.mdt-team{overflow: hidden;}
.mdt-team .swiper-slide dt{text-align: center;}
.mdt-team .swiper-slide dt img{width:396px;}
.mdt-team .swiper-slide dd,.mdt-team .swiper-slide p{padding: 0 20px;}
.mdt-team .swiper-slide .title{color:#1E2D4F;font-size: 24px;text-align: left;font-weight: bold;}
.mdt-team .swiper-slide dd.first{color:#13BFB1;font-size: 14px;padding-top: 10px;}
.mdt-team .swiper-slide p{font-size: 14px;padding-top: 5px;margin-top:10px;}
.mdt-team .swiper-slide .more{font-size: 12px;border: 1px solid #1E2D4F;border-radius: 8px;padding: 5px 15px;position: absolute;bottom: 10px;}
.mdt-team .swiper-container{padding-top: 50px;overflow: initial;}
.mdt-team .swiper-container dl:hover .more{color:#ffffff;background: #13BFB1;border: none;}
.m1300{width: 1300px;margin: 0 auto;}
.mdt-team .swiper-button-prev{left:-50px;background-image: url("../images/mdt_left.png");height: 93px;background-color: #EEEEEE;}
.mdt-team .swiper-button-next{right: -50px;background-image: url("../images/mdt_right.png");height: 93px;background-color: #EEEEEE;}

.about-content .service-bg{background: #ffffff;margin-bottom: 50px;padding-bottom: 50px;}
.about-content .service{padding-top:50px;}
.about-content .service .desc{font-size:16px;color: #666666;text-align: center;}
.about-content .service .services-facilities {margin:50px 0;margin-left: 120px;}
.about-content .service .services-facilities ul li{float:left;height: 160px;width: 220px;border-radius: 8px;background: #f5f5f5;text-align: center;padding-top: 50px;margin-right: 20px;}

.about-content .hospital-bg{padding-bottom: 50px;}


@media screen and (max-width:768px) {
    .banner{background: url("/uploads/allimg/2023/06/22/about-us-bg.png") no-repeat center;height: auto;background-size: cover;}
    .banner .img{text-align: center;}
    .banner .banner-text .first{font-weight: normal;}
    .banner .banner-text{padding: 30px 20px;}
    .banner .banner-text .title{font-size: 36px;}
    .banner .banner-text .second{font-size: 20px;}
    .breadnav{padding: 10px 8px;}
    div::-webkit-scrollbar{
        display:none
    }
    /**介绍**/
    .about-content .intro .title, .about-content .qualification .title, .about-content .development-path .title, .about-content .hospital-honor .title, .about-content .medical-technology .title, .about-content .mdt-team .title, .about-content .service .title, .about-content .hospital .title{
        font-size: 30px;
    }
    .about-content .menu_tag{width: 100%;white-space: nowrap;position: relative;display: block;overflow-y: hidden;overflow-x: auto;padding:20px 0;margin: 0 auto;
        box-shadow: 0 16px 5px -12px rgb(0 0 0 / 5%), 0 4px 15px 0 rgb(0 0 0 / 5%), 0 8px 10px -5px rgb(0 0 0 / 5%);border-top:2px solid #DDDDDD;
    }
    .about-content .menu_tag ul li{float: none;display: inline-block;border: 0px;margin-right: 10px;padding: 5px 10px;}
    .about-content .intro{margin-top:50px;}
    .about-content .intro .line, .about-content .qualification .line, .about-content .development-path .line, .about-content .hospital-honor .line, .about-content .medical-technology .line, .about-content .mdt-team .line, .about-content .service .line, .about-content .hospital .line{display: none;}
    .about-content .intro .about-box{text-align: center;display: flow-root;background: #ffffff;padding: 30px 0;border-radius: 8px 8px 0 0;}
    .about-content .intro .video{float: none;}
    .about-content .intro .video .video-bg{display: none;}
    .about-content .intro .video table{display: none;}
    .about-content .intro .video .mobile-video{display: block;}
    .about-content .intro .txt{width: auto;padding: 0 10px;}
    .about-content .buttom-num li{width: 49%;}
    .about-content .buttom-num li.sebei1{border-right: 1px solid #DDDDDD;}
    .about-content .buttom-num li.sebei2{border-bottom: 1px solid #DDDDDD;border-right: none;}
    .about-content .buttom-num li.sebei3{border-top: 1px solid #DDDDDD;border-right: none;}
    .about-content .buttom-num li.last{border-left: 1px solid #DDDDDD;}
    .about-content .buttom-num-bg{background: #ffffff;position: inherit;top:inherit;height: 220px;border-radius: 0 0 8px 8px;}
    .about-content .buttom-num{padding-top:15px;padding-bottom: 25px;background: #f1fbfb;margin:0 20px;border-radius: 8px;}

    /**资质**/
    .about-content .qualification{height: 220px;}
    .about-content .qualification .qua-box{margin:0 10px;}
    .about-content .qualification .qua-box ul li span{display: none;}
    .about-content .qualification .qua-box-bg{width: 80px;height: 80px;top:-70px;right: 0;}
    .about-content .qualification .qua-box ul li img{width: 70%;}
    .about-content .qualification .qua-box ul li.uicc img{width: 100%;margin-top:5px;}

    /**荣誉**/
    .about-content .hospital-honor{padding-top:50px;padding-bottom:0;}
    .about-content .hospital-honor-bg{height:auto;}
    .about-content .hospital-honor dl{background: #ffffff;border-radius: 8px;}
    .about-content .hospital-honor dl img{width: 90%;}
    .about-content .hospital-honor .swiper-slide{text-align: center;}
    .about-content .hospital-honor .swiper-button-prev,.swiper-button-next{display: none;}
    .about-content .hospital-honor dl dd{color: #363636;padding: 10px;}
    .about-content .hospital-honor dl  .tg-bg{display:none;}

    /*技术*/
    .about-content .technology_banner .swiper-slide-into{width: auto;margin-top: auto;position: relative;top:-255px;
        background: url("../images/technology-bg.png") repeat-x;padding: 20px;height: 250px;
    }
    .about-content .technology_banner .swiper-slide .swiper-slide-bg{display: none;}
    .about-content .technology_banner .swiper-container img{margin-left: 0px;width: 90%;}
    .about-content .technology_banner .swiper-slide{text-align: center;}
    .about-content .technology_banner .swiper-slide-into dd{margin-top: auto;padding: 0 10px;}
    .about-content .technology_banner .technology_bg{top:-200px;height: 250px;}
    .about-content .technology_banner{height: 450px;}
    .about-content .technology_banner .swiper-container{}
    .about-content .technology_banner .swiper-slide-into .swiper-more{display: none;}

    /*服务与设施*/
    .about-content .service-bg{background: none;margin-top:0px;padding-bottom: 0;margin-bottom: 0;}
    .about-content .service .desc{display: none;}
    .about-content .service .services-facilities{margin-left: auto;background: #ffffff;width: 100%;display: table;margin-bottom:0px;border-radius: 16px;}
    .about-content .service .services-facilities ul li{width: 20%;background: none;margin-right: 0;}

}