body{overflow-y: scroll;background: #F5F4F2;color:#666666;font-size:18px;}
.marginT0p80{margin-top: 80px;}
.banner{background: url("https://img.asiancancer.com/uploads/allimg/2026/03/11/1-150420526.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 .intro{position: relative;margin-bottom: 80px;}
.about-content .intro .title b{color: #73431F;}
.about-content .intro .title,.about-content .qualification .title,.about-content .development-path .title,.about-content .hospital-honor .title,.about-content .mdt-team .title,.about-content .service .title,.about-content .hospital .title{font-size: 36px;color:#000000;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 .mdt-team .line,.about-content .service .line,.about-content .hospital .line{width: 80px;height: 4px;background: #1E2D4F;margin:16px auto;}
.about-content .intro .txt{line-height: 28px;padding: 30px 0;}
.about-content .subtitle{font-size: 22px;font-weight: bold;color: #000000;}
.about-content .intro .three-box{margin:15px 0;}
.about-content .intro .three-box ul{display: flex;}
.about-content .intro .three-box ul li{width: 32%;text-align: center;background: #ffffff;margin:0 auto;border-radius: 16px;padding: 30px 0;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%);}
.about-content .intro .three-box ul li b{color: #D5BA9C;font-size: 36px;}

.about-content .ru-box,.about-content .ru-box2{display: flow-root;margin-top: 30px;}
.about-content .ru-box .box-left{float:left;}
.about-content .ru-box .box-right{float: right;width: 66%;border-radius: 32px 32px 32px 32px;background: #ffffff;height: 608px;}
.about-content .ru-box .box-right .up{background: #FAF5F0;box-shadow: 0px 6px 6px 1px rgba(99,53,0,0.12);border-radius: 32px 32px 32px 32px;padding-bottom: 30px;}
.about-content .ru-box .box-right .up .r-u-title{background: linear-gradient( 90deg, #E6D2BC 0%, #FCEEDB 32%, #D3BA9B 100%);border-radius: 32px 32px 0px 0px;color: #73431F;font-weight: bold;height: 63px;line-height: 63px;padding-left: 20px;font-size: 24px;}
.about-content .ru-box .box-right .up .r-u-txt{color: #753327;font-weight: bold;padding: 20px;}
.about-content .ru-box .box-right .up .r-u-li{color:#C38036;margin-left: 20px;line-height: 40px;}
.about-content .ru-box .box-right .up .r-u-li b{color: #ffffff;background: #73431F;border-radius: 0px 12px 12px 0px;padding: 0 10px;margin-right: 15px;}

.about-content .ru-box .box-right .under{margin-top: 40px;}
.about-content .ru-box .box-right .under .r-d-title{color: #73431F;font-size: 24px;font-weight: bold;margin-left: 20px;}
.about-content .ru-box .box-right .under .r-d-li{margin-left: 20px;line-height: 40px;}

.about-content .ru-box2{display: flow-root;margin-top: 30px;}
.about-content .ru-box2 .box-left{float:right;}
.about-content .ru-box2 .box-right{float: left;width: 66%;border-radius: 32px 32px 32px 32px;background: #ffffff;height: 608px;}
.about-content .ru-box2 .box-right .up{background: #FAF5F0;box-shadow: 0px 6px 6px 1px rgba(99,53,0,0.12);border-radius: 32px 32px 32px 32px;padding-bottom: 30px;}
.about-content .ru-box2 .box-right .up .r-u-title{background: linear-gradient( 90deg, #E6D2BC 0%, #FCEEDB 32%, #D3BA9B 100%);border-radius: 32px 32px 0px 0px;color: #73431F;font-weight: bold;height: 63px;line-height: 63px;padding-left: 20px;font-size: 24px;}
.about-content .ru-box2 .box-right .up .r-u-txt{color: #753327;font-weight: bold;padding: 20px;}
.about-content .ru-box2 .box-right .up .r-u-li{color:#C38036;margin-left: 20px;line-height: 40px;}
.about-content .ru-box2 .box-right .up .r-u-li b{color: #ffffff;background: #73431F;border-radius: 0px 12px 12px 0px;padding: 0 10px;margin-right: 15px;}

.about-content .ru-box2 .box-right .under{margin-top: 40px;}
.about-content .ru-box2 .box-right .under .r-d-title{color: #73431F;font-size: 24px;font-weight: bold;margin-left: 20px;}
.about-content .ru-box2 .box-right .under .r-d-li{margin-left: 20px;line-height: 40px;}

.about-content .icon-bg{background:url("https://img.asiancancer.com/images/newmalai/breast_bg01.png") center repeat-x;}
.about-content .youshibg{background:url("https://img.asiancancer.com/images/newmalai/breast_cnbg2.png") center no-repeat;height: 672px;}
.about-content .youshibg {padding-top: 50px;}
.about-content .youshibg .title{color: #ffffff;}
.about-content .youshibg .title a{color: #ffffff;font-size: 18px;float: right;font-weight: normal;border-radius: 4px;border: 1px solid #ffffff;padding: 3px 8px;}
.about-content .youshibg .line{background: #ffffff;}
.about-content .youshibg .mimg img{display: none;}
.about-content .youshibg .intro .maservice{display:none;}

.about-content .photo .photo-box{}
.about-content .photo .photo-box ul{display: flex;}
.about-content .photo .photo-box li{
    flex: 0 0 calc(25% - 10px); overflow: hidden; font-size: 16px;
    text-align: center;margin:0 15px;border: 1px solid #D5B48B;border-radius: 32px;color: #73431F;font-weight: bold;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%);
    padding-bottom: 15px;
}

.about-content .photo .photo-box li p{padding: 10px;}
.about-content .photo .photo-box li:hover {background: #D5B48B;}
.about-content .photo .photo-box li:hover a{color:#73431F;}
.about-content .photo .photo-box li a{display: block; width: 100%; height: 100%;}
.about-content .photo .photo-box li div {
    font-size: 14px;
    font-weight: normal;
}
.about-content .photo .photo-box li .img{height: 340px; overflow: hidden; border-radius: 32px;}

.about-content .story .story-box ul{
    display: flex;
}
.about-content .story .story-box li{
    flex: 0 0 calc(25% - 10px);
    text-align: center;margin:0 auto;border: 1px solid #D5B48B;border-radius: 32px;color: #73431F;font-weight: bold;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%);position: relative;
    overflow: hidden;
}
.about-content .story .story-box li img{filter: brightness(0.5); width: 100%; height: 100%; object-fit: cover;}
.about-content .story .story-box li:hover img{filter: brightness(1);}
.about-content .story .story-box li a{color: #ffffff; display: block; width: 100%; height: 100%;}
.about-content .story .story-box li p.t1{position: absolute;top:42%;right: 41%;}
.about-content .story .story-box li p.t2{position: absolute;top:50%;right: 15%;display: none;}
.about-content .story .story-box li:hover p.t2{display: block;}

/*photo-box animate*/
.photo-box li ,.story-box li{
    transition: all 1s;
    &:hover {
        transform: translate(0, -2%);
    }
}

@media screen and (max-width:768px) {
    .w1400{width: auto;overflow:inherit; padding: 0 10px;}
    .banner{background: url("https://img.asiancancer.com/uploads/allimg/2026/03/11/1-150534970.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: 80px 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 .mdt-team .title, .about-content .service .title, .about-content .hospital .title{font-size:26px;}
    .about-content .intro{margin-bottom: 0px;}
    .marginT0p50{margin-top: 0px;}

    .about-box{padding: 30px 10px;}
    .about-content .intro .three-box ul{display:block;}
    .about-content .intro .three-box ul li{width: 100%;margin: 10px 0;}

    .about-content .ru-box .box-left img{width: 100%;}
    .about-content .ru-box .box-right{width: 100%;margin-top: 10px;height: auto;}
    .about-content .ru-box .box-right .up .r-u-li{padding: 0 10px;}
    .about-content .ru-box2 .box-right{width: 100%;height: auto;}
    .about-content .ru-box2 .box-right .up .r-u-li{padding: 0 10px;}
    .about-content .ru-box2{margin-top: 10px;}
    .about-content .ru-box2 .box-left{margin-top: 10px;}
    .about-content .ru-box2 .box-left img{width: 100%;}
    .formbg{margin-bottom: 30px;}

    .about-content .youshibg{background:url("https://img.asiancancer.com/images/newmalai/mbg.png") center no-repeat;}
    .about-content .youshibg .intro{margin-top: 100px;text-align: center;}
    .about-content .youshibg .mimg{margin-top: 30px;}
    .about-content .youshibg .mimg img{width: 100%;display:block;}
    .about-content .youshibg .title a{display: none;}
    .about-content .youshibg .intro a{color: #ffffff;font-size: 18px;font-weight: normal;border-radius: 4px;border: 1px solid #ffffff;padding: 3px 8px;}

    .about-content .photo .photo-box ul{display: block;}
    .about-content .photo .photo-box li{margin: 10px 0;border: 0;box-shadow:none;position: relative;}
    .about-content .photo .photo-box li img{filter: brightness(0.7);}
    .about-content .photo .photo-box li p{position: absolute;top:50%;color: #ffffff;padding:0 25px;width:85%;}
    .about-content .photo .photo-box li.p4 p{}
    .about-content .photo .photo-box li.bg{background: none;}

    .about-content .story .story-box ul{display: block;}
    .about-content .story .story-box li{margin: 10px 0;border: 0;box-shadow:none;}
    .about-content .story .story-box li img{filter: brightness(0.7);}
    .about-content .story .story-box li p.t1{right: 45%;}
    .about-content .story .story-box li p.t2{display: block;right: 30%;}
    .about-content .story .story-box li.p4 p{right: 40%;}

}