.marginT0p20{margin-top:20px;}
.marginT0p30{margin-top:30px;}
.banner{background: url("https://img.asiancancer.com/images/newmalai/cancerbanner.png") 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: 410px;font-weight: bold;}
.banner .banner-text .second{font-size: 35px;}

.about-content{padding-bottom: 50px;}
.about-content .menu_tag_bg{background: #F5F5F5;}
.about-content .menu_tag{margin:50px auto;display: flex;justify-content: center;}
.about-content .fudong{display: flex;position: fixed;justify-content: center;top:0px;z-index: 999;padding-bottom: 15px;}
.about-content .menu_tag ul{}
.about-content .menu_tag ul li{display: inline-flex;padding:5px 15px;border-radius: 4px;margin-right: 10px;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{font-size: 36px;font-weight: bold;color: #000000;text-align: center;}
.about-content .intro .title .left{height: 2px;background: #000000;width: 60px;display: inline-block;vertical-align:middle;margin-right: 20px;}
.about-content .intro .title .right{height: 2px;background: #000000;width: 60px;display: inline-block;vertical-align:middle;margin-left: 20px;}
.about-content .qualification .title,.about-content .storyBox .title,.about-content .development-path .title,.about-content .cancer-care .title,.about-content .medical-technology .title,.about-content .mdt-team .title,.about-content .service .title,.about-content .hospital .title{font-size: 36px;color:#1e5484;text-align: center;font-weight: bold;margin-bottom:30px;}
.about-content .qualification .line,.about-content .storyBox .line,.about-content .development-path .line,.about-content .cancer-care .line,.about-content .medical-technology .line,.about-content .mdt-team .line,.about-content .traditional-ziliao-methods .line{width: 80px;height: 4px;background: #1E2D4F;margin:16px auto;}
.about-content .traditional-healing-methods .line{width: 80px;height: 4px;background: #FFFFFF;margin:16px auto;}

.about-content .intro .about-box{max-width: 1480px;margin: 0 auto;}
.about-content .intro .video{text-align: justify;overflow: hidden; /* 清除浮动 */}
.about-content .intro .video p{margin-bottom: 15px;}
.about-content .intro .video .video-bg img{width:100%;border-radius:8px;}
.about-content .intro .video .mobile-video{display: none;}
        .image-float {
            float: left;
            margin: 0 20px 15px 0;
            max-width: 600px;
            border-radius: 4px;
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
        }

.about-content .intro .about-box{margin-top:50px;}
.about-content .buttom-num-bg{background: #dddddd;height: 322px;position: relative;top:-100px;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:150px;}

.about-content .traditional-healing-methods{background: url("/uploads/allimg/2023/07/10/traditional-bg.png");padding-bottom: 50px;}
.about-content .traditional-healing .title{color:#ffffff;font-size: 36px;padding-top: 50px;font-weight: bold;}
.about-content .traditional-healing{text-align: center;}
.about-content .traditional-healing .list{}
.about-content .traditional-healing .list ul li{background:#ffffff;border-radius: 16px;width: 456px;height: 216px;float: left;margin: 5px;opacity:0.9;padding: 0 30px;}
.about-content .traditional-healing .list ul li span{display: block;font-size: 22px;font-weight: bold;padding: 35px 0;}

.about-content .traditional-ziliao-methods{}
.about-content .traditional-ziliao{text-align: center;}
.about-content .traditional-ziliao .title{font-size: 36px;font-weight: bold;color: #1e5484;padding-top: 20px;margin-bottom:30px;}
.about-content .traditional-ziliao .list ul li{width:calc((100%/4) - 15px);height: 200px;background: #dbf0fb;margin:6px;padding-top: 25px;border-radius: 8px;float:left;}
.about-content .traditional-ziliao .list ul li span{display: block;font-size: 22px;font-weight: bold;border-radius: 8px;}
.about-content .traditional-ziliao .list ul li span:last-child{text-align:center;font-weight:normal;font-size:14px;}

.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: 40%;color:#fff;margin-top:90px;}
.about-content .technology_banner .swiper-slide-into dt{font-size: 30px;}
.about-content .technology_banner .swiper-slide-into dd{margin-top:32px;}
.about-content .technology_banner .swiper-slide-into .swiper-more{float: right;margin-top:50px;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;}

.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:#1e5484;width:25px;}
.mdt-team .swiper-pagination-mdt{margin-top:30px;}
.mdt-team .swiper-pagination-mdt span{margin:5px;}

/*患者故事*/
.storyBox{margin-bottom: 50px;}
.storyBox .dis_cat_c .more{float: right;font-size:12px;}
.storyBox dl .more{float:left;background: #FA792F;padding: 5px 20px;border-radius: 16px;color: #ffffff;}
.storyBox dl .more a{border:1px solid #666666;padding:2px 10px;border-radius:8px;font-size:12px;}
.storyBox dl:hover .more{background:#1e5484; }
.storyBox .swiper-container{padding-top:30px;padding-bottom: 20px;width:100%;}
.storyBox .swiper-wrapper{}
.storyBox .swiper-slide{position: relative;height: 500px;background: #ffffff;border-radius: 8px;padding-bottom: 23px;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%);}
.storyBox .swiper-slide img{border-radius: 8px 8px 0px 0px;width: 100%;}
.storyBox .swiper-slide:hover {
    -webkit-box-shadow: 0 16px 38px -12px rgb(0 0 0 / 56%), 0 4px 25px 0 rgb(0 0 0 / 12%), 0 8px 10px -5px rgb(0 0 0 / 20%);
    box-shadow: 0 16px 38px -12px rgb(0 0 0 / 56%), 0 4px 25px 0 rgb(0 0 0 / 12%), 0 8px 10px -5px rgb(0 0 0 / 20%);
}
.storyBox .swiper-slide dt{padding-bottom:15px;position:relative;}
.storyBox dl dt span{background:#1e5484;color: #ffffff;border-radius: 64px;position: absolute;bottom: 0;right: 10px;padding: 5px;width: 40px;height: 40px;text-align: center;}
.storyBox dl dt span img{width: 85%;}
.storyBox .swiper-slide dd.first{font-size: 20px;font-weight: bold;padding-bottom: 5px;}
.storyBox .swiper-slide dd{padding: 0 20px;}
.storyBox .swiper-slide .second{color:#1e5484;}
.storyBox .swiper-slide p{padding: 0 24px;padding-top:10px;}
.storyBox .swiper-slide .button{position: absolute;bottom: 20px;}
.storyBox .swiper-pagination-story{width: 100%;text-align: center;}
.storyBox .swiper-pagination-story span{margin:0 5px;}
.storyBox .swiper-pagination-bullet{background:#c3c3c3;height: 10px;border-radius: 30px;}
.storyBox .swiper-pagination-bullet-active{background:#1e5484;width:25px;}
.storyBox .dis_describe{}

.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: 8px;padding-top: 20px;
    box-shadow: 0 16px 8px -10px rgb(0 0 0 / 15%), 0 4px 15px 0 rgb(0 0 0 / 5%), 0 8px 10px -5px rgb(0 0 0 / 5%);
    text-align: center;
    height:460px;
}
.mdt-team{overflow: hidden;}
.mdt-team .more{float:right;}
.mdt-team .more a{padding:2px 10px;border-radius:8px;font-size:12px;}
.mdt-team .more a:hover{background:#13BFB1;color:#ffffff;}
.mdt-team .swiper-slide dt{position: relative;}
.mdt-team .swiper-slide dt .tg{position:absolute;right: 0;bottom: 0;display: none;}
.mdt-team .swiper-slide dt img{}
.mdt-team .swiper-slide .bg{padding-top: 8px;height:150px;}
.mdt-team .swiper-slide dd {padding: 5px 20px;}
.mdt-team .swiper-slide .title{color:#1E2D4F;font-size: 24px;font-weight: bold;}
.mdt-team .swiper-slide .first{color:#1E2D4F;font-size: 14px;padding-top: 10px;}
.mdt-team .swiper-slide:hover .bg{background: #1E5484;border-radius: 0 0 8px 8px;}
.mdt-team .swiper-slide:hover .title{color: #ffffff;}
.mdt-team .swiper-slide:hover .first{color: #ffffff;}
.mdt-team .swiper-slide:hover dt .tg{display: block;}
.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;}


/*癌症保健*/
.about-content .cancer-care .cancer_list li{display: inline-block;border-bottom: 1px solid #D3D5DB;padding:20px 0;}
.about-content .cancer-care .cancer_list li .time{float: left;border: 2px solid #13BFB1;width: 104px;height: 104px;color:#13BFB1; text-align: center;padding-top: 30px;}
.about-content .cancer-care .cancer_list li .time span:first-child{font-weight: bold;}
.about-content .cancer-care .cancer_list li .time span:last-child{font-size: 13px;}
.about-content .cancer-care .cancer_list li .sontitle{float: right;margin-left: 20px;width: 1272px;}
.about-content .cancer-care .cancer_list li .sontitle a{display: block;font-size: 22px;font-weight: bold;padding-bottom: 10px;}

@media screen and (max-width:768px) {
    .m1300{width:auto;}
    .marginBotM30{margin-bottom:30px;}
    .marginT0p50{margin-top:10px;}
    .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 .storyBox .title ,.about-content .traditional-ziliao .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: 20px;
        padding: 15px 0;
    }
    .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{}
    .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{display: flow-root;background: #ffffff;border-radius: 8px 8px 0 0;}
    .about-content .intro .video{float: none;width:100%;}
    .about-content .intro .video .video-bg{display: none;}
    .about-content .intro .video .mobile-video{display: block;}
    .about-content .intro .video .mobile-video img{width:100%;}
    .about-content .intro .video .image-float {
                float: none;
                display: block;
                margin: 0 auto 15px;
                max-width: 100%;
            }
    
    
    .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 .qua-box{width:99%;padding:0 10px;margin-top:20px;}

    /*技术*/
    .about-content .technology_banner .swiper-slide-into{width: 90%;position: relative;
        background: url("../images/technology-bg.png") repeat-x;margin-right: 19px;padding: 0 10px;
        margin-top: 30px;
    }
    .about-content .technology_banner .swiper-slide-into dt{font-size:26px;}
    .about-content .technology_banner .swiper-slide .swiper-slide-bg{display: none;}
    .about-content .technology_banner .swiper-container img{margin-left: 0px;width: 100%;}
    .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 .swiper-slide-into .des{display:none;}
    .about-content .technology_banner .swiper-slide-into .swiper-more{display:none;}
    .about-content .technology_banner .technology_bg{top:-220px;height: 240px;}
    .about-content .technology_banner{height: 480px;}
    .about-content .technology_banner .swiper-container{height: 478px;}
    .about-content .technology_banner .swiper-slide-into .swiper-more{display: none;}

    .about-content .traditional-ziliao .list ul li{width:auto;float:none;padding-bottom: 30px;height: auto;}
    .mdt-team,.storyBox{padding: 0 10px;}
    .storyBox .swiper-slide p,.storyBox .swiper-slide dd{padding:0 10px;}
    .storyBox .swiper-container,.mdt-team .swiper-container{margin-top:10px;padding-top:10px;}
    .qualification img{width:100%;height:auto;}
}