.banner{background: url("https://img.asiancancer.com/images/newmalai/about-us-bg.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: 268px;font-weight: bold;}
.banner .banner-text .second{font-size: 35px;}

.head-bg{background: #ffffff;}
.head-title .in_title{font-size: 36px;font-weight: bold;text-align: center;}
.head-title .sec{margin: 30px auto;display: flex;justify-content: center;}
.head-title .sec ul li{float: left;text-align: center;border-radius: 4px;margin-right: 15px;}
.head-title .sec ul li a{padding: 3px 25px;border-radius: 4px;border: 1px solid #363636;}
.head-title .sec ul li .active{background: #13BFB1;color:#ffffff;border: 1px solid #13BFB1;}

/*列表*/
.news_list_bg{background: #ffffff;}
.media-content .news_list .news{background: #ffffff;display: flex;padding: 30px 0;border-bottom: 1px solid #dddddd;margin:30px 0;position:relative;}
.media-content .news_list .news .news_l{width: 40%;float: left;}
.media-content .news_list .news .news_l img{width: 100%;border-radius: 8px;}
.media-content .news_list .news .news_r{width: 60%;float: right;padding: 20px;}
.media-content .news_list .news .news_r .title{font-size: 22px;font-weight: bold;}
.media-content .news_list .news .news_r .title a:hover{color:#13BFB1;}
.media-content .news_list .news .news_r .time{padding: 10px 0;}
.media-content .news_list .news .news_r .botton{}

.media-content .news_list #wrap1{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-radius: 8px;background: #ffffff;display: flex;padding: 0;}
.media-content .news_list #wrap1 .news_l{width: 50%;float:left;}
.media-content .news_list #wrap1 .news_l img{border-radius: 8px 0 0 8px;}
.media-content .news_list #wrap1 .news_r{width: 50%;float:right;padding: 30px 20px;position: relative;}
.media-content .news_list #wrap1 .news_r .title{font-size: 22px;font-weight: bold;}
.media-content .news_list #wrap1 .news_r .time{padding: 10px 0;}
.media-content .news_list .news_r .btn{background: #13BFB1;padding: 5px 15px;color: #ffffff;border-radius: 16px;}
.media-content .news_list .news_r .botton{position: absolute;bottom: 20px;right: 50px;display: block;}

@media screen and (max-width:768px) {
    .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;}

    .head-title .in_title{font-size: 26px;padding: 15px 0;}

    .head-title .sec{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%);
    }
    .head-title .sec ul li{float: none;display: inline-block;border: 0px;padding: 5px;}
    div::-webkit-scrollbar{
        display:none
    }

    .media-content .news_list .news{display: inline-grid;}
    .media-content .news_list .news .news_l{width: auto;float: none;}
    .media-content .news_list .news .news_r{width: auto;float: none;}

    .media-content .news_list #wrap1{display: block;padding-bottom: 0px;}
    .media-content .news_list #wrap1 .news_l{width: auto;float: none;}
    .media-content .news_list #wrap1 .news_r{width: auto;float: none;}

    .media-content .news_list #wrap1 .news_r .botton{display: inline-flex;position: initial;width: 100%;margin-top: 30px;}
    .media-content .news_list #wrap1 .news_r .botton a{width: 100%;text-align: center;height: 48px;line-height: 48px;}
}