#banner {
    width: 100%;
    position: relative;
}
#banner .swiper-slide img{width:100%;}
#banner .swiper-wrapper{z-index: auto;}
#banner  .swiper-container {
    margin: 0 auto;
    overflow: hidden;
    z-index: 1;
}
.swiper-pagination,.swiper-pagination-tcg,.swiper-pagination-story{
    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;
}
#banner .mark-pc{display: block;}
#banner .mark-m{display: none;}
#banner .mark-tag{margin: 0 auto;position: absolute;background:#fff;border-radius: 24px 0 0 0;width: 25%;right: 0;bottom: 0;}
#banner .mark-tag ul{}
#banner .mark-tag ul li{display: inline-block;text-align: center;color: #1e5484;width: calc((100%/3) - 5px);border-radius: 24px 0 0 0;padding: 10px 0;cursor: pointer;}
#banner .mark-tag ul li img{margin: 0 auto;margin-top:18px;width:32px;}
#banner .mark-tag ul li span{margin: 0 auto;font-weight: bold;font-size:12px;display: block;}
#banner .swiper-button-prev.swiper-button-white{left:200px;}
#banner .swiper-button-next.swiper-button-white{right:200px;}
#banner .hd-search{position: absolute;right: 0;bottom: 0;z-index: 999;right: 30px;bottom: -35px;border: 1px solid red;}
 


        /* 搜索容器 */
        #banner .search-container {
            position: absolute;
            display: inline-block;
            right: 300px;
            bottom: 30px;
            border: 1px solid red;
        }
        
        /* 搜索框样式 - 初始状态 */
        #banner .search-box {
            position: absolute;
            top: 20px;
            transform: translateX(-50%) translateY(-20px);
            width: 0;
            opacity: 0;
            padding: 0;
            border: none;
            border-radius: 25px;
            background: white;
            box-shadow: 0 3px 10px rgba(0,0,0,0.2);
            transition: all 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55);
            overflow: hidden;
            z-index: 10;
        }
        
        /* 搜索框激活状态 */
        #banner .search-container.active .search-box {
            width: 300px;
            opacity: 1;
            padding: 10px 20px;
            transform: translateX(-50%) translateY(10px);
        }
        
        /* 输入框样式 */
        #banner .search-input {
            width: 100%;
            border: none;
            outline: none;
            font-size: 16px;
            background: transparent;
        }
        
        /* 搜索按钮样式 */
        #banner .search-btn {
            position: absolute;
            right: 15px;
            top: 50%;
            transform: translateY(-50%);
            background: none;
            border: none;
            color: #3498db;
            cursor: pointer;
        }




.one-box{display: flex;}
.one-box iframe{width: 100%;}
.one-box .video{width: 50%;}
.one-box .txt{width: 50%;padding-left: 20px;}


.two-box{background: #ebf1f7;}
.two-box ul{display: flex;}
.two-box ul li{width: calc(100%/4);text-align: center;padding: 50px 0;}
.two-box ul li span{}
.two-box ul li .ig img:hover {
    transform: translateY(-2px) scale(1.05);
    box-shadow: 
        0 4px 8px rgba(0, 0, 0, 0.1),
        0 6px 12px rgba(0, 0, 0, 0.08);
    border-radius: 30px;   
    opacity: 0.7;
}
.two-box ul li .ig:active {
    transform: translateY(1px) scale(0.98);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.dis_mobile{display:none;}
.dis_pc{display: flex;justify-content: space-between;}

.dis_cat{display: block;}
.dis_cat .dis_title {
    font-size: 48px;
    padding-top: 10px;
    display: flow-root;
}
.dis_cat .dis_title .title_left{text-align: center;}
.dis_cat .dis_title .title_right{float: right;text-align: center;border:1px solid #1D376C;border-radius: 4px;}
.dis_cat .dis_title a.title{font-weight: bold;}
.dis_cat .dis_title span{font-size: 20px;text-transform:Uppercase;color: #1D376C;font-weight: bold;}
.dis_cat .swiper-dis {cursor:pointer;width: calc((100%/3) - 13px);background: #fff;line-height: 80px;border-radius: 8px;margin-bottom: 20px;text-align: center;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%);}
.dis_cat .swiper-dis a{display: inline-flex;}
.dis_cat .swiper-dis a .tag span{width:280px;}
.dis_cat .swiper-dis a .tag img{margin-right: 5px;padding-left:20px;}
.dis_cat .swiper-dis .tag{padding:0 50px;}
.dis_cat .swiper-dis .tag img{padding-right:10px;}
.dis_cat .middle{}
.dis_cat .dis_con .swiper-dis:hover{background: #1e5484;}
.dis_cat .dis_con .swiper-dis:active{background: #1e5484;}
.dis_cat .dis_con .swiper-dis:hover .tag{color:#ffffff;}

.dis_cat .middle{}
.iconfont{
    font-size:48px;
    font-weight: bold;
    color: #13BFB1;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;}
.dis_cat .swiper-dis b{font-size: 20px;font-weight: normal;width: 180px;}
.dis_cat .arrow{text-align:center;cursor:pointer;}
.dis_cat .hiddenbox{display: none;}
.dis_cat a.more{float:right;width:118px;font-size:12px;text-align: center;padding: 5px 0;}
.dis_cat .dis_describe{margin-bottom:30px;}
.cancer .tag-cancer ul li .over,.cancer .dis_con .dis .over{background: #1e5484;}


.dis_cat .tech_describe{background: #f5f5f5;padding: 20px;border-radius: 8px;display:flex;}
.dis_cat .tech_describe .tech_img{}
.dis_cat .tech_describe .tech_txt{margin-left: 15px;position: relative;}
.dis_cat .tech_describe .tech_txt b{font-size: 22px;}
.dis_cat .tech_describe .tech_txt p{padding-top: 15px;}
.dis_cat .tech_describe .tech_txt a{background: #fa792f;position: absolute;right: 10px;bottom: 10px;padding: 5px 10px;color: #ffffff;border-radius: 16px;}

/*患者故事*/
.storyBox{margin-bottom: 50px;}
.storyBox .swiper-container{padding-top:30px;padding-bottom: 20px;}
.storyBox .swiper-wrapper{}
.storyBox .swiper-slide{width:338px;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%);height:475px;}
.storyBox .swiper-slide img{width:100%;}
.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%);
}
.storyBox .swiper-slide dt{padding-bottom:15px;position: relative;text-align: center;}
.storyBox .swiper-slide dt span{background:#1e5484;color: #ffffff;border-radius: 64px;position: absolute;bottom: 0;right: 20px;padding: 5px;width: 40px;height: 40px;text-align: center;}
.storyBox .swiper-slide 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 dd span{margin-right: 10px;color:#1e5484;font-size: 14px;width: 180px;text-align: center;}
.storyBox .swiper-slide p{padding: 10px 20px 24px;}
.storyBox .swiper-pagination-story{}
.storyBox .swiper-pagination-story span,.mdt-team .swiper-pagination-mdt span{margin:0 5px;}
.storyBox .swiper-pagination-bullet,.mdt-team .swiper-pagination-bullet{background:#000000;height: 10px;border-radius: 30px;}
.storyBox .swiper-pagination-bullet-active,.mdt-team .swiper-pagination-bullet-active{background:#1e5484;width:25px;}
.storyBox .swiper-slide .more{font-size: 12px;background: #FA792F;color: #ffffff;border-radius: 8px;padding: 5px 15px;position: absolute;bottom: 10px;}
.storyBox .swiper-container dl:hover .more{color:#ffffff;background: #1e5484;border: none;}
.storyBox .swiper-container dl:active .more{color:#ffffff;background: #1e5484;border: none;}
/**MDT团队**/
.mdtMobileBox{display:none;}
.mdtBox,.mdtMobileBox{
    background: url("https://img.asiancancer.com/images/newmalai/mdtbg.jpg") no-repeat center;
    padding-bottom: 100px;
    margin-top:50px;
}
.mdtBox .dis_title a.title,.mdtBox .dis_describe{color: #FFFFFF;}
.mdtBox .dis_title .title_right{border:1px solid #FFFFFF;}
.mdtBox .dis_title span{color:#ffffff;}
.mdtBox a.more{color: #FFFFFF;}
.flipster-carousel .flip-current{width:456px;height: 560px;background: #ffffff;border-radius: 16px;}
.flipster-carousel .flip-current img{height: 280px;margin-left: 3px;border-radius: 16px;margin:0 auto;margin-top: 8px;}
.flipster-carousel .flip-prev{width:412px;height: 540px;background: #ffffff;border-radius: 16px;}
.flipster-carousel .flip-prev img{height: 260px;margin-left: 2px;border-radius: 16px;margin:0 auto;margin-top: 8px;}
.flipster-carousel .flip-next{width:412px;height: 540px;background: #ffffff;border-radius: 16px;}
.flipster-carousel .flip-next img{height: 260px;margin-left: 2px;border-radius: 16px;margin:0 auto;margin-top: 8px;}
.flipster-carousel .flip-past{width:358px;height: 540px;background: #ffffff;border-radius: 16px;}
.flipster-carousel .flip-past img{margin-left: 3px;border-radius: 16px;}
.flipster-carousel .flip-future{width:358px;height: 540px;background: #ffffff;border-radius: 16px;}
.flipster-carousel .flip-future img{margin-left: 3px;border-radius: 16px;}


.mdtBox .flipster dd,.mdtBox .flipster p{padding:0 24px;}
.mdtBox .flipster .title{font-size: 24px;font-weight: bold;margin-top:30px;}
.mdtBox .flipster .first{color:#13BFB1;font-size: 14px;margin-top:5px;}
.mdtBox .flipster .second{margin-top:15px;}
.mdtBox .flipster .flip-current a.more{background: #13BFB1;color: #ffffff;border: 1px solid #13BFB1;}
.mdtBox .flipster a.more{color:#000000;border: 1px solid #000;padding: 5px 10px;border-radius: 16px;}
.mdtBox .flipster p.button{display: grid;position:absolute;bottom:35px;}
.mdtBox .flipster .mdt_left{left:0;position: absolute;top:200px;cursor:pointer;}
.mdtBox .flipster .mdt_right{right:0;position: absolute;top:200px;cursor:pointer;}



/*mdt test*/
.mdt-team-bg{background: #f5f5f5;}
.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;}


.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 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%);
    text-align: center;
    height: 500px;
}
.mdt-team{overflow: hidden;}
.mdt-team .dis_title span{}
.mdt-team .dis_title .title_right,.mdt-team .dis_title .title_right a{border:1px solid #ffffff;}
.mdt-team .swiper-container{padding-top: 30px;overflow: initial;}
.mdt-team .swiper-slide .bg{height:195px;}
.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 .line{border-bottom: 2px solid #FA792F;width: 50px;margin: 0 auto;}
.mdt-team .swiper-slide dd{padding: 10px 0;text-align: center;}
.mdt-team .swiper-slide .title{color:#1e5484;font-size: 24px;font-weight: bold;padding-top: 20px;}
.mdt-team .swiper-slide .first{color:#1e5484;font-size: 14px;padding-top: 10px;}
.mdt-team .swiper-slide .first span{display:block;}
.mdt-team .swiper-slide .more{font-size: 12px;background: #FA792F;color: #ffffff;border-radius: 8px;padding: 5px 15px;position: absolute;bottom: 10px;}
.mdt-team .swiper-slide:hover .tg{display: block;}
.mdt-team .swiper-slide:hover .bg{background:#1E5484;border-radius: 0 0 8px 8px;}
.mdt-team .swiper-slide:hover .title,.mdt-team .swiper-slide:hover .first{color: #ffffff;}
.mdt-team .swiper-slide:active .tg{display: block;}
.mdt-team .swiper-slide:active .bg{background:#1E5484;border-radius: 0 0 8px 8px;}
.mdt-team .swiper-slide:active .title,.mdt-team .swiper-slide:active .first{color: #ffffff;}


.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;}
.mdt-team .swiper-slide p{color:#000000;}
/*mdt end*/


@media screen and (max-width:768px) {
    .w1400{width: auto;}
    .mark-tag{max-width:90%;}
    #banner .mark-pc{display: none;}
    #banner .mark-m{display: block;}
    #banner{margin-top:0px;}
    #banner .mark-tag{border-radius: 8px 0 0 0;bottom: 0;right: 0;width: 50%;height: 65px;}
    #banner .mark-tag ul{}
    #banner .mark-tag ul li{width: 30%;height: auto;padding: 5px 0;}
    #banner .mark-tag ul li span{}
    #banner .mark-tag ul li img{height: 32px;}
    #banner .mark-tag ul li img{margin-top: 12px;}

    #banner .swiper-button-prev.swiper-button-white{left:50px;display:none;}
    #banner .swiper-button-next.swiper-button-white{right:50px;display:none;}

    #banner .search-container {
            position: absolute;
            display: inline-block;
            right: 200px;
            bottom:70px;
            border: 1px solid red;
    }
    #banner .search-icon {
                padding: 12px; /* 增大点击区域 */
            }

    .one-box iframe{width: 100%;}
    .one-box{display: inherit;padding: 0 10px;}
    .one-box .video{width: 100%;margin-right: 0px;}
    .one-box .txt{width: 100%;margin: 0 auto;margin-top: 15px;padding-left: 0px;}

    .two-box ul li{padding:30px 0;}

    /*癌症类型*/
    .cancertype .dis_title{padding-top:20px;}

    .dis_mobile{display: flex;justify-content: space-between;font-size: 14px;}
    .dis_pc{display:none;}

    .dis_cat{padding: 0 15px;}
    .dis_cat .dis_title{font-size: 24px;}
    .dis_cat .dis_title span{font-size: 12px;}
    .dis_cat .dis_title a.title{width: auto;}
    .dis_cat .middle{margin: 0px;}
    .dis_cat .mtwo{margin-left: 20px;}
    .dis_cat .swiper-dis{width: 46.6%;height: 48px;line-height: 48px;padding: 5px;}
    .dis_cat .swiper-dis b{width: 100px;}
    .dis_cat .swiper-dis .tag{text-align:left;padding:inherit;}
    .dis_cat .swiper-dis .tag img{width: 15%;}
    .dis_cat .dis_title .title_right{border: 0px;}
    .dis_cat a.more{color:#1D376C;width: auto;font-weight:bold;}
    .dis_cat .dis_title .title_right{margin-top: 0px;}
    .dis_cat .swiper-dis a .tag img{margin-left: 5px;width: 28px;padding-left:0px;}
    .dis_cat .tech_describe{background:none;display:block;padding:0;}
    .dis_cat .tech_describe .tech_img img{width: 100%;}
    .dis_cat .tech_describe .tech_txt{padding-top: 20px;padding-bottom: 50px;margin-left:0;}
    
    .dis_cat .tech_describe .tech_txt a{font-size:14px;}


    .two-box ul li{font-size:14px;}

    .storyBox{margin-top: 0px;margin-bottom: 60px;}
    .storyBox .dis_title{padding: 30px 0;}
    .storyBox .swiper-slide{width: 100%;}
    .storyBox .dis_describe{}
    .storyBox .swiper-pagination-story{width:auto;position:inherit;}
    .storyBox .swiper-container{padding-top: 0px;}
    .mdtBox a.more{color: #ffffff;}
    .flipster-carousel .flip-items img{width: 100%;}

    /*mdt*/
    .mdt-team-bg{}
    .mdt-team .dis_title{padding: 30px 0;}
    .mdt-team .swiper-container{padding-top: 0px;}
    .flipster-carousel .flip-current{width:78%;height: 560px;background: #ffffff;border-radius: 16px;}
    .flipster-carousel .flip-current img{width: auto;margin-left: 3px;border-radius: 16px;margin:0 auto;margin-top: 8px;}
    

}