.banner{background: url("../images/banner1.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;}


.intro .title,.cancer-type .title,.qualification .title,.role-stem-cells .title,.storyBox-title .title, .medical-technology .title, .mdt-team .title, .service .title, .hospital .title,.therapy-process .title{font-size: 36px;color:#2370a4;text-align: center;font-weight: bold;}
.intro .line, .cancer-type .line,.qualification .line,.role-stem-cells .line, .storyBox-title .line, .medical-technology .line, .mdt-team .line, .service .line, .hospital .line,.therapy-process .line{width: 80px;height: 4px;background: #1E2D4F;margin:16px auto;}
.data-on-stem-cells .title,.therapy-advantages .title{font-size: 36px;color:#ffffff;text-align: center;font-weight: bold;}
.data-on-stem-cells .line,.therapy-advantages .line{width: 80px;height: 4px;background: #ffffff;margin:16px auto;}
.intro .about-box{margin-top:50px;position:relative;display: flow-root;height: 595px;}
.intro .video .video-bg{height: 480px;border-radius: 8px 0 0 8px;background: #D3D5DB;width: 490px;position: absolute;top:80px;}
.intro .video{float:left;position: absolute;}
.intro .video iframe{margin-left: 28px;position: absolute;}
.intro .mobile-video{display: none;}
.intro .txt-bg{background:#C8F6FF;height: 545px;position: relative;z-index: -1;width: 65%;float: right;top:50px;border-radius: 8px;}
.intro .txt{float:right;width:70%;margin-top:20px;text-align: justify;padding: 20px;}
.ytp-cued-thumbnail-overlay{border-radius: 8px;}

.data-on-stem-cells{background: url("../images/data-stem-cells.png") repeat-y;color:#ffffff;padding-top: 50px;background-size: contain;}
.data-on-stem-cells .stem-cells-box{border-radius: 16px;display: flow-root;padding:24px 0;margin: 0 auto;display: flex;}
.data-on-stem-cells .stem-cells-box .box1{width: 45%;text-align: center;}
.data-on-stem-cells .stem-cells-box .shu-line{width: 4px;height: 64px;background: #FFFFFF;}
.data-on-stem-cells .stem-cells-box .box2{width: 55%;text-align: center;}
.data-on-stem-cells .stem-cells-box .box1 div,.data-on-stem-cells .stem-cells-box .box2 div{margin: 20px 0;display: inline-block;}
.data-on-stem-cells .stem-cells-box ul li{float: left;text-align: center;}
.data-on-stem-cells .stem-cells-box ul li span:first-child{color:#34F8FF;font-size: 48px;font-weight: bold;display: block;}
.data-on-stem-cells .stem-cells-box ul li span:last-child{display: block;}
.data-on-stem-cells .stem-cells-box .s1 li{width: 50%;}
.data-on-stem-cells .stem-cells-box .s2 li{width: 20%;}


/*干细胞类型*/
.cancer-type .mobile1,.cancer-type .mobile2{display: none;}
.cancer-type ul{display: flex;}
.cancer-type li{height: 220px;}
.cancer-type li.b1{background: url("../images/type1.png") no-repeat center;width: 20%;text-align: center;}
.cancer-type li.b2{background: url("../images/type2.png") no-repeat center;width: 20%;text-align: center;}
.cancer-type li.b3{background: url("../images/type3.png") no-repeat center;width: 20%;text-align: center;}
.cancer-type li.b4{background: url("../images/type4.png") no-repeat center;width: 20%;text-align: center;}
.cancer-type li.b5{background: url("../images/type5.png") no-repeat center;width: 20%;text-align: center;}
.cancer-type li div{color: #ffffff;margin-top: 80px;}

/*干细胞的作用*/
.mobile-role-stem-cells{display: none;}
.role-stem-cells ul{display: flex;margin-bottom: 15px;}
.role-stem-cells li{border-radius: 8px;}
.role-stem-cells li.b1{background: url("../images/role1.png") no-repeat center;height: 344px;width: 32.6%;text-align: center;position: relative;}
.role-stem-cells li.b2{background: url("../images/role2.png") no-repeat center;height: 344px;width: 32.7%;text-align: center;margin: 0 15px;position: relative;}
.role-stem-cells li.b3{background: url("../images/role3.png") no-repeat center;height: 344px;width: 32.6%;text-align: center;position: relative;}
.role-stem-cells li.c1{background: url("../images/role4.png") no-repeat left;height: 344px;width: 50%;text-align: center;position: relative;}
.role-stem-cells li.c2{background: url("../images/role5.png") no-repeat right;height: 344px;width: 50%;text-align: center;position: relative;}
.role-stem-cells li div{color: #ffffff;background: url("../images/role-bg.png") repeat-x;position: absolute;width: 100%;bottom: 0;height: 150px;text-align: left;padding-bottom: 15px;}
.role-stem-cells li div span{font-weight: bold;}
.role-stem-cells li div p{padding-left: 20px;}

/*干细胞的作用范围*/
.qualification{}
.qualification .qua-box{border-radius: 16px;display: flow-root;padding:24px 0;margin: 0 auto;}
.qualification .qua-box ul li{width: 23.7%;float: left;height: 356px;margin-left: 14px;box-shadow: 0px 3px 6px 1px rgba(0,0,0,0.16);border-radius: 8px;border:2px solid #F5F5F5;cursor:pointer;}
.qualification .qua-box ul li:hover{border:2px solid #2370a4;}
.qualification .qua-box ul li img{width: 48px;display: block;margin: 20px;}
.qualification .qua-box ul li .s1{font-size: 20px;font-weight: bold;display: block;margin: 0 20px;}
.qualification .qua-box ul li .s2{margin: 0 auto;font-size: 18px;margin-top:10px;display: block;margin:20px;}
.qualification .qua-box ul li .s3{margin: 0 20px;margin-top:10px;color: #2370a4;display: block;}
.qualification .qua-box .v1,.qualification .qua-box .v2{display: table;margin-bottom:15px;}
.qualification .qua-box .v1 li{width: 32%;float: left;height: 306px;margin-left: 14px;box-shadow: 0px 3px 6px 1px rgba(0,0,0,0.16);border-radius: 8px;border:2px solid #F5F5F5;cursor:pointer;}
.qualification .qua-mobile{display: none;}

/*优势*/
.therapy-advantages-bg{background: url("../images/youshi.png");padding:30px 0;background-size: contain;}
.therapy-bg{color: #ffffff;background:url("../images/youshi-mc.png");padding:50px 20px;background-size: contain;}


/*患者故事*/
.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:#2370a4;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:#2370a4;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,.mobile-role-stem-cells .swiper-pagination-sc span,.qua-mobile .swiper-pagination-qua span{margin:0 5px;}
.storyBox .swiper-pagination-bullet,.mobile-role-stem-cells .swiper-pagination-bullet,.qua-mobile .swiper-pagination-bullet{background:#000000;height: 10px;border-radius: 30px;}
.storyBox .swiper-pagination-bullet-active,.mobile-role-stem-cells .swiper-pagination-bullet-active,.qua-mobile .swiper-pagination-bullet-active{background:#2370a4;width:25px;}
.storyBox .swiper-pagination-story,.mobile-role-stem-cells .swiper-pagination-sc,.qua-mobile .swiper-pagination-qua{
    width: 100%;
    margin-top: 25px;
    text-align: center;
}



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



.technology_banner .swiper-pagination-bullet{background:#f3f3f3;height: 10px;border-radius: 30px;}
.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:#2370a4;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:#2370a4;font-size: 16px;padding-top: 10px;}
.mdt-team .swiper-slide p{font-size: 16px;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: #2370a4;border: none;}
.m1300{width: 1300px;margin: 0 auto;}
.mdt-team .swiper-button-prev{left:-50px;background-image: url("/templets/new/images/mdt_left.png");height: 93px;background-color: #EEEEEE;}
.mdt-team .swiper-button-next{right: -50px;background-image: url("/templets/new/images/mdt_left.png");height: 93px;background-color: #EEEEEE;}

.service-bg{background: #ffffff;margin-bottom: 50px;padding-bottom: 50px;}
.service{padding-top:50px;}
.service .desc{font-size:16px;color: #666666;text-align: left;}
.service .services-facilities {margin:50px 0;margin-left: 120px;}
.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;}

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

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


@media screen and (max-width:768px) {
    .banner{background: url("../images/banner-mobile.jpg") no-repeat center;background-size: cover;}
    .banner .img{text-align: center;}
    .banner .banner-text .first{font-weight: normal;}
    .banner .banner-text{padding: 30px 20px;display:none;}
    .banner .banner-text .title{font-size: 36px;}
    .banner .banner-text .second{font-size: 20px;}
    .breadnav{padding: 10px 8px;}
    div::-webkit-scrollbar{
        display:none
    }
    /**介绍**/
    .intro .title,  .cancer-type .title,  .development-path .title,  .hospital-honor .title,  .medical-technology .title,  .mdt-team .title,  .service .title,  .hospital .title{
        font-size: 25px;
    }
    .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;
    }
    .menu_tag ul li{float: none;display: inline-block;border: 0px;margin-right: 10px;padding: 5px 10px;}
    .intro{margin-top:20px;}
    .intro .line,  .cancer-type .line,  .development-path .line,  .hospital-honor .line,  .medical-technology .line,  .mdt-team .line,  .service .line,  .hospital .line{display: none;}
    .intro .about-box{text-align: center;display: flow-root;background: #ffffff;padding: 30px 0;border-radius: 8px 8px 0 0;height: auto;}
    .intro .video{float: none;display: none;}
    .intro .video .video-bg{display: none;}
    .intro .txt-bg{background: none;height: auto;position: inherit;width: auto;float: none;z-index: auto;top: auto;}
    .intro .mobile-video{display: block;}
    .intro .txt{width: auto;padding: 0 10px;text-align:left;}
    .buttom-num li{width: 49%;height:150px;}
    .buttom-num li.sebei1{border-right: 1px solid #DDDDDD;}
    .buttom-num li.sebei2{border-bottom: 1px solid #DDDDDD;border-right: none;}
    .buttom-num li.sebei3{border-top: 1px solid #DDDDDD;border-right: none;}
    .buttom-num li.last{border-left: 1px solid #DDDDDD;}
    .buttom-num-bg{background: #ffffff;position: inherit;top:inherit;height: 360px;border-radius: 0 0 8px 8px;}
    .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;}

    /**干细胞数据**/
    .data-on-stem-cells{background: url("../images/data-stem-cells-mobile.png");color:#ffffff;padding-top: 50px;background-size: contain;}
    .data-on-stem-cells .stem-cells-box{display: inherit;}
    .data-on-stem-cells .stem-cells-box .box1{width: 100%;}
    .data-on-stem-cells .stem-cells-box .box2{width: 100%;}
    .data-on-stem-cells .stem-cells-box ul li span:first-child{font-size: 30px;}
    .data-on-stem-cells .stem-cells-box ul li span:last-child{font-size: 14px;}
    .data-on-stem-cells .stem-cells-box .shu-line{width: 136px;height: 4px;background: #FFFFFF;margin:30px auto;}


    /*干细胞类型*/
    .cancer-type .pc{display: none;}
    .cancer-type .mobile1,.cancer-type .mobile2{display: flex;font-size: 16px;}
    .cancer-type li{height: 130px;}
    .cancer-type li div{margin-top:40px;}
    .cancer-type .mobile1 li.b1{width: 33%;background-size: 95%;}
    .cancer-type .mobile1 li.b2{width: 33%;background-size: 95%;}
    .cancer-type .mobile1 li.b3{width: 33%;background-size: 95%;}

    .cancer-type .mobile2 li.b4{width: 50%;background-size: 65%;background-position-x: right;text-align: right;margin-right: 5px;padding-right: 10px;}
    .cancer-type .mobile2 li.b4 div{padding-right: 15px;}
    .cancer-type .mobile2 li.b5{width: 50%;background-size: 65%;background-position-x: left;text-align: left;margin-left: 5px;padding-left: 10px;}
    .cancer-type .mobile2 li.b5 div{padding-left: 15px;}

    /*干细胞作用*/
    .pc-role-stem-cells{display: none;}
    .mobile-role-stem-cells{display: block;}
    .role-stem-cells dl{border-radius: 8px;}
    .role-stem-cells dl.b1{background: url("../images/role1.png") no-repeat center;height: 344px;text-align: center;position: relative;}
    .role-stem-cells dl.b2{background: url("../images/role2.png") no-repeat center;height: 344px;text-align: center;margin: 0 15px;position: relative;}
    .role-stem-cells dl.b3{background: url("../images/role3.png") no-repeat center;height: 344px;text-align: center;position: relative;}
    .role-stem-cells dl.c1{background: url("../images/role4.png") no-repeat left;height: 344px;text-align: center;position: relative;}
    .role-stem-cells dl.c2{background: url("../images/role5.png") no-repeat right;height: 344px;text-align: center;position: relative;}
    .role-stem-cells dl div{color: #ffffff;background: url("../images/role-bg.png") repeat-x;width: 100%;position: absolute;bottom: 0;height: 150px;text-align: left;border-radius:8px;}
    .role-stem-cells dl div span{font-weight: bold;}
    .role-stem-cells dl div p{padding-left: 20px;}

    /*干细胞适用范围*/
    .qualification .qua-pc{display: none;}
    .qualification .qua-mobile{display: block;}
    .qualification .qua-box dl{box-shadow: 0px 3px 6px 1px rgba(0,0,0,0.16);border-radius: 8px;height: 336px;margin-bottom: 10px;}
    .qualification .qua-box dl img{width: 48px;display: block;margin: 20px;}
    .qualification .qua-box dl .s1{font-size: 20px;font-weight: bold;display: block;margin: 0 20px;}
    .qualification .qua-box dl .s2{margin: 0 auto;font-size: 18px;margin-top:10px;display: block;margin:20px;}
    .qualification .qua-box dl .s3{margin: 0 20px;margin-top:10px;color: #2370a4;display: block;}

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

    /*优势*/
    .therapy-advantages-bg{background:url("../images/youshi-mobile.png") no-repeat;}
    .therapy-bg{color: #ffffff;background:url("../images/youshi-mc-mobile.png");padding:20px;}

    /*患者故事*/
    .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;}

    /*技术*/
    .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;
    }
    .technology_banner .swiper-slide .swiper-slide-bg{display: none;}
    .technology_banner .swiper-container img{margin-left: 0px;width: 90%;}
    .technology_banner .swiper-slide{text-align: center;}
    .technology_banner .swiper-slide-into dd{margin-top: auto;padding: 0 10px;font-size:16px;}
    .technology_banner .swiper-slide-into .last-child{display:none;}
    .technology_banner .technology_bg{top:-200px;height: 220px;}
    .technology_banner{height: 480px;}
    .technology_banner .swiper-container{height: 450px;}
    .technology_banner .swiper-slide-into .swiper-more{display: none;}

    .service .services-facilities .pc{display:none;}
    .service .services-facilities .mobile1, .service .services-facilities .mobile2{display:block;}
    .service .services-facilities .mobile1 li{width: 33.3%;background: none;margin-right: 0;}
    .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;}

}