.banner{background: url("/images/banner2.jpg") no-repeat center;height: 300px;}
.banner .img{text-align: center;}
.banner .banner-text{padding-top:70px;}
.banner .banner-text .title{font-size: 52px;color: #ffffff;display: grid;}
.banner .banner-text .first{font-weight: bold;}
.banner .banner-text .second{font-size: 35px;}


.about-content .intro .title,.about-content .qualification .title,.about-content .development-path .title,.about-content .storyBox-title .title,.about-content .medical-technology .title,.about-content .mdt-team .title,.about-content .service .title,.about-content .hospital .title,.therapy-process .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 .storyBox-title .line,.about-content .medical-technology .line,.about-content .mdt-team .line,.about-content .service .line,.about-content .hospital .line,.therapy-process .line{width: 80px;height: 4px;background: #1E2D4F;margin:16px auto;}
.about-content .intro .about-box{margin-top:50px;position:relative;display: flow-root;height: 595px;}
.about-content .intro .video .video-bg{height: 480px;border-radius: 8px 0 0 8px;background: #D3D5DB;width: 490px;position: absolute;top:80px;}
.about-content .intro .video{float:left;position: absolute;}
.about-content .intro .video iframe{margin-left: 28px;position: absolute;}
.about-content .intro .mobile-video{display: none;}
.about-content .intro .txt-bg{background:#C8F6FF;height: 545px;position: relative;z-index: -1;width: 65%;float: right;top:50px;border-radius: 8px;}
.about-content .intro .txt{float:right;width:70%;margin-top:20px;text-align: justify;padding: 20px;}
.ytp-cued-thumbnail-overlay{border-radius: 8px;}

.about-content  .qualification{}
.about-content  .qualification .qua-mobile{display: none;}
.about-content  .qualification .qua-box{border-radius: 16px;display: flow-root;padding:24px 0;margin: 0 auto;}
.about-content  .qualification .qua-box ul li{width: 23.5%;float: left;height: 306px;margin-left: 10px;box-shadow: 0px 3px 6px 1px rgba(0,0,0,0.16);border-radius: 8px;border:2px solid #F5F5F5;cursor:pointer;}
.about-content  .qualification .qua-box ul li:hover{border:2px solid #13BFB1;}
.about-content  .qualification .qua-box ul li img{width: 48px;display: block;margin: 20px;}
.about-content  .qualification .qua-box ul li .s1{font-size: 20px;font-weight: bold;display: block;margin: 0 20px;}
.about-content  .qualification .qua-box ul li .s2{margin: 0 auto;font-size: 18px;margin-top:10px;display: block;margin:20px;}

/*免疫细胞应用范围*/
.about-content .development-path-bg{padding-bottom: 20px;}
.about-content .development-bg{background:url("/images/fanwei-bg.png") no-repeat;color: #ffffff;}
.about-content .development-path{padding-top:50px;}
.about-content .product-body .features-slide{display: flex;}
.about-content .product-body .features-slide li{width: 25%;padding: 0 15px;height: 326px;text-align: center;padding-top: 30px;cursor:pointer;}
.about-content .product-body .features-slide li:hover{background: #13BFB1;transform: scale(1.1);border-radius: 8px;}

.about-content .product-body .features-slide li h3 span:first-child{display: block;}
.about-content .product-body .features-slide li h3 span:last-child{width: 48px; height: 4px;background: #CCCCCC;display: block;margin: 15px auto;}
.about-content .product-body .features-slide li .items{display: block;width: 70%;margin: 40px auto;}


/*患者故事*/
.storyBox{margin-bottom: 50px;}
.storyBox .swiper-container{padding-top:30px;padding-bottom: 20px;}
.storyBox .swiper-wrapper{}
.storyBox .swiper-slide{width:338px;height: 441px;background: #ffffff;border-radius: 16px;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: 16px 16px 0px 0px;}
.storyBox .swiper-slide:hover {
    box-shadow: 0 16px 38px -12px rgb(0 0 0 / 26%), 0 4px 25px 0 rgb(0 0 0 / 12%), 0 8px 10px -5px rgb(0 0 0 / 10%);
    top:-20px;
}
.storyBox .swiper-slide dt{padding-bottom:15px;margin-bottom:20px;}
.storyBox .swiper-slide dt span{background:#13BFB1;color: #ffffff;margin-right: 0;float: right;border-radius: 0 0 0 4px;}
.storyBox .swiper-slide dd.first{font-size: 20px;font-weight: bold;padding-bottom: 5px;}
.storyBox .swiper-slide dd{padding: 0 20px;}
.storyBox .swiper-slide span{margin-right: 10px;background: #deefee;color:#13BFB1;font-size: 14px;padding:3px 5px;width: 180px;text-align: center;}
.storyBox .swiper-slide p{padding: 0 24px;padding-top:20px;}
.storyBox .swiper-pagination-story{}
.storyBox .swiper-pagination-story span,.qua-mobile .swiper-pagination-qua span{margin:0 5px;}
.storyBox .swiper-pagination-bullet,.qua-mobile .swiper-pagination-bullet{background:#000000;height: 10px;border-radius: 30px;}
.storyBox .swiper-pagination-bullet-active,.qua-mobile .swiper-pagination-bullet-active{background:#13BFB1;width:25px;}
.storyBox .swiper-pagination-story,.qua-mobile .swiper-pagination-qua{
    width: 100%;
    text-align: center;
}



.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:130px;}
.about-content .technology_banner .swiper-slide-into dt{font-size: 36px;}
.about-content .technology_banner .swiper-slide-into dd{margin-top:12px;}
.about-content .technology_banner .swiper-slide-into .swiper-more{float: right;margin-top:25px;border-radius:24px;padding: 0px 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: 620px;
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:0px;}
.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{top:-20px;}
.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_left.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: left;}
.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: 25px;margin-right: 20px;}

.about-content .service .services-facilities .mobile1,.about-content .service .services-facilities .mobile2{display:none;}

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


@media screen and (max-width:768px) {
    .banner{background: url("/images/banner2.jpg") 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{font-size:16px;}
    .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: 25px;
    }
    .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:20px;}
    .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;height: auto;}
    .about-content .intro .video{float: none;display: none;}
    .about-content .intro .video .video-bg{display: none;}
    .about-content .intro .txt-bg{position: relative;width: 100%;float: none;height: auto;z-index: 99;top:0px;}
    .about-content .intro .mobile-video{display: block;}
    .about-content .intro .txt{width: auto;padding: 0 10px;text-align:left;}
    .about-content .buttom-num li{width: 49%;height:150px;}
    .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: 360px;border-radius: 0 0 8px 8px;}
    .about-content .buttom-num{padding-top:15px;padding-bottom: 25px;background: #f1fbfb;margin:0 20px;border-radius: 8px;}

    /*mdt*/
    .mdt-team .swiper-pagination-mdt{margin-top:0px;}
    .mdt-team .swiper-container{padding-top:10px;}

    /**功能**/
    .about-content  .qualification{}
    .about-content  .qualification .qua-box{display: none;}
    .about-content  .qualification .qua-mobile{display: block;}
    .about-content  .qualification .swiper-wrapper{}
    .about-content  .qualification .qua-mobile{margin:0 10px;margin-top:20px;}
    .about-content  .qualification .qua-mobile dl{width: 98%;height: 306px;box-shadow: 0px 3px 6px 1px rgba(0,0,0,0.16);border-radius: 8px;border:2px solid #F5F5F5;margin-bottom: 20px;}
    .about-content  .qualification .qua-mobile dl img{width: 48px;display: block;margin: 20px;}
    .about-content  .qualification .qua-mobile dl .s1{font-size: 20px;font-weight: bold;display: block;margin: 0 20px;}
    .about-content  .qualification .qua-mobile dl .s2{margin: 0 auto;font-size: 18px;margin-top:10px;display: block;margin:20px;}

    /**应用范围**/
    .about-content .development-bg{background:url("../images/fanwei-bg.png") repeat-y;color: #ffffff;}
    .about-content .product-body .features-slide{display: initial;}
    .about-content .product-body .features-slide li {
        width: auto;
        padding: 0 15px;
        height: auto;
        text-align: center;
        padding: 30px 0;
        cursor: pointer;
    }
    .about-content .product-body .features-slide li .items{margin: 20px auto;}

    /*免疫细胞治疗过程*/
    .therapy-process-box img{width: 100%;}

    /*患者故事*/
    .storyBox{margin-top: 0px;margin-bottom: 60px;}
    .storyBox .swiper-slide{height:401px; }
    .storyBox .swiper-slide p{padding-top: 10px;}
    .storyBox .swiper-slide span{margin-right: 0px;}
    .storyBox .dis_describe{display: none;}
    .storyBox .swiper-pagination-story{width:auto;position:inherit;}
    .storyBox .swiper-container{padding-top: 0px;}

    /*技术*/
    .about-content .technology_banner .swiper-slide-into{
        margin-top: auto;
        margin-right: 19px;
        position: relative;
        width: 90%;
        top: -235px;
        padding: 0 10px;
        background: url(../images/technology-bg.png) repeat-x;
        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;font-size:14px;}
    .about-content .technology_banner .swiper-slide-into .last-child{display:none;}
    .about-content .technology_banner .technology_bg{top:-200px;height: 220px;}
    .about-content .technology_banner{height: 480px;}
    .about-content .technology_banner .swiper-container{height: 450px;}
    .about-content .technology_banner .swiper-slide-into .swiper-more{display: none;}

    .about-content .service .services-facilities .pc{display:none;}
    .about-content .service .services-facilities .mobile1,.about-content .service .services-facilities .mobile2{display:block;}
    .about-content .service .services-facilities .mobile1 li{width: 33.3%;background: none;margin-right: 0;}
    .about-content .service .services-facilities .mobile2 li{width: 50%;background: none;margin-right: 0;}
    
    .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:10px;}

    /*图片*/
    .hospital .desc{padding: 0 10px;}

}