.banner{background: url("https://img.asiancancer.com/images/newmalai/contact.png") center no-repeat;height: 300px; }
.banner .img{text-align: center;}
.banner .banner-text{padding-top:60px;}
.banner .banner-text .title{font-size: 52px;color: #ffffff;display: grid;}
.banner .banner-text .first{border-bottom: 2px solid #13BFB1;width: 360px;}
.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;}
.head-title .sec ul li a{margin: 0 5px;border:1px solid #363636;padding: 3px 25px;border-radius: 16px;}
.head-title .sec ul li .active{background: #1e5484;color:#ffffff;border: 1px solid #1e5484;}

/*列表*/

.media-content .news_list .news{background: #ffffff;display: inline-block;padding: 30px 0;border-bottom: 1px solid #dddddd;}
.media-content .news_list .news .news_l{width: 30%;float: right;}
.media-content .news_list .news .news_l img{width: 80%;border-radius: 8px;text-align: right;}
.media-content .news_list .news .news_r{width: 68%;float: left;}
.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:#1E5484;}
.media-content .news_list .news .news_r .time{padding: 10px 0;}
.media-content .news_list .news .news_r .botton{display: none;}

.media-content .news_list #wrap1{width: 49.5%;float:left;}
.media-content .news_list #wrap2{width: 49.5%;float: right;}
.media-content .news_list #wrap1,.media-content .news_list #wrap2{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: block;padding:0;}
.media-content .news_list #wrap1 .news_l,.media-content .news_list #wrap2 .news_l{width: 100%;}
.media-content .news_list #wrap1 .news_l img,.media-content .news_list #wrap2 .news_l img{border-radius: 8px 8px 0 0;width: 100%;}
.media-content .news_list #wrap1 .news_r,.media-content .news_list #wrap2 .news_r{width: 95%;padding: 30px 20px;height: 200px;}
.media-content .news_list #wrap1 .news_r .time{padding: 10px 0;}

@media screen and (max-width:768px) {
    .banner{background: url("https://img.asiancancer.com/images/kazakhstan/basic/aboutus.webp") 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{text-align: center;}
    .head-title .in_title{font-size: 26px;padding: 15px 0;display: inline-block;}
    .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{padding: 0 10px;}
    .media-content .news_list .news{display: inline-grid;margin-bottom: 25px;border: none;padding: 0;}
    .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,.media-content .news_list #wrap2{display: block;padding-bottom: 0px;width: 100%;box-shadow:none;}
    .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, .media-content .news_list #wrap2 .news_r{padding:0;height: auto;}

    .media-content .news_list .news .news_l img{width: 100%;}

}