.banner{background: url("https://img.asiancancer.com/images/kazakhstan/basic/tech.webp");height: 300px;
    background-position: center;
    }
.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: 560px;}
.banner .banner-text .second{font-size: 35px;}

.tech-content .title{font-size: 36px;color:#1E5484;text-align: center;font-weight: bold;}
.tech-content .line{width: 80px;height: 4px;background: #1E2D4F;margin:16px auto;}
.dis_cat_c .dis_describe{padding-bottom: 15px;margin-bottom: 30px;}
.technology_cat{}
.technology_banner .swiper-container{background: #EBF1F7;}
.technology_banner .swiper-container img{border-radius:16px;margin-left: 20px;width: 40%;}
.technology_banner .swiper-slide{position: relative;padding: 20px 0;}
.technology_banner .swiper-slide .swiper-slide-bg{height: 360px;width: 640px;border:8px solid #11C6B9;border-radius: 16px;position: relative;top:-330px;z-index: -1;}
.technology_banner{height: 430px;}
.technology_banner .swiper-wrapper{}
.technology_banner .swiper-slide-into{float:right;width: 54%;padding: 0 20px;}
.technology_banner .swiper-slide-into dt a{font-size: 36px;}
.technology_banner .swiper-slide-into dd{margin-top:12px;}
.technology_banner .swiper-slide-into .last-child{}
.technology_banner .swiper-slide-into .swiper-more{margin-top:20px;border-radius:24px;padding: 0px 10px;border:1px solid #fff;position: absolute;bottom: 20px;right: 20px;background: #FA792F;}
.technology_banner .swiper-slide-into .swiper-more a{color:#fff;font-size: 12px;}
.technology_banner .swiper-pagination-bullet{background:#666666;height: 10px;border-radius: 30px;}
.technology_banner .swiper-pagination-bullet-active{background:#1E5484;width:25px;}


.swiper-pagination-tcg{
    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;
}
.technology_list{margin:0px auto;background: #F5F7FA;padding: 50px 0;}
.technology_list dl{float: left;width:calc((100%/4) - 15px);height: 120px; background: #ffffff;border-radius: 8px;display: inline-block;text-align: center;margin: 7.5px;
    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-top: 10px;
}
.technology_list dl:hover{background: #1E5484;}
.technology_list dl .title{font-size: 18px;font-weight: bold;color: #333333;margin-top:10px;}
.technology_list dl:hover .title{color: #ffffff;}
.technology_list dl .desc{font-size: 14px;margin-top:10px;text-align:left;}
.technology_list .two{margin-right: 0px;}
.technology_list .last{width: 74%;margin-right: 0;}

@media screen and (max-width:768px) {
    .banner{background: url("https://img.asiancancer.com/images/kazakhstan/basic/tech.webp") no-repeat center;height: auto;background-size: cover;}
    .banner .img{text-align: center;}
    .banner .banner-text{padding: 30px 20px;}
    .banner .banner-text .title{font-size: 36px;}
    .banner .banner-text .second{font-size: 20px;}

    .tech-content .title{margin:0px;font-weight: normal;font-size:24px;margin:20px 0;}
    .tech-content .line{display: none;}
    .dis_cat_c .dis_describe{display: none;}
    .technology_banner{height: auto;}
    .technology_banner .technology_bg{height: 180px;top:-180px;}
    .technology_banner .swiper-slide{text-align: center;}
    .technology_banner .swiper-slide-into{position: relative;width: 90%;margin: 0 auto;float:none;background: url("../images/technology-bg.png") repeat-x;height:auto;padding: 30px 0;}
    .technology_banner .swiper-slide-into dt a{font-size:26px;}
    .technology_banner .swiper-container{height: auto;}
    .technology_banner .swiper-slide .swiper-slide-bg{display: none;}
    .technology_banner .swiper-container img{margin-left: 0;width: 100%;}
    .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 25px;}
    .technology_banner .swiper-slide-into .swiper-more{display: none;}
    .technology_banner .swiper-slide-into dd{margin-top: 0;}

    /*技术*/
    .technology_list{text-align: center;}
    .technology_list dl{width:46%;display: inline-grid;float: none;margin: 5px 0;height:180px;}
    .technology_list dl.two{margin-left: 0px;}
    .technology_list .last{width: 93%;}
    .technology_list dl:active .title{color: #ffffff;}

}