.banner{background: url("https://img.asiancancer.com/images/newmalai/services.png") repeat-x center;height: 300px;}

.marginTop30{margin-top: 30px;clear: both;}

.content .title{text-align: center;font-size: 30px;font-weight: bold;margin: 30px 0;}
.content .h-title{font-size: 26px;font-weight: bold;text-align: left;margin: 25px 0;}

.content .climate-location .txt_left{float: left;width: 49%;position:relative;}
.content .climate-location .txt_right{width: 49%;float: right;}
.content .climate-location .imgtxt{position:absolute;width:90%;left:35px;top:10px;color:#ffffff;}
.content .climate-location .txt_left img:first-child{float: left;filter: brightness(50%);width: 100%;}
.content .climate-location .txt_right img:last-child{float: right;width: 100%;}


/*住院流程*/
.hospital-process{background: #F5F7FA;padding: 50px 0;}
.hospital-process .process_container{}
.hospital-process .step1,.hospital-process .step2,.hospital-process .step3{background:#1E5484;color: #ffffff;text-align: center;font-size: 20px;height: 88px;line-height: 88px;margin: 20px 0;}
.hospital-process .step2{margin-bottom: 0px;}
.hospital-process .step2_box{display: inline-flex;width: 100%;background: #e5eaf0;padding: 15px 0;}
.hospital-process .step2_box dl{width:calc(100%/3);text-align: center;}
.hospital-process .step2_box .line{border-left: 2px dotted #999999;border-right: 2px dotted #999999;}
.hospital-process .step2_box dt{font-weight: bold;}
.hospital-process .step2_box dd span{display: block;}

/*病房设施*/
.climate-location .info{margin:20px 0;}
.climate-location .img-box ul{display: flex;justify-content: center;background:#F0F0F0;}
.climate-location .img-box ul li{width:calc(100%/3);float: left;}
.climate-location .img-box ul li img{width: 100%;}
.climate-location .img-box ul li.im2{float: right;text-align: right;}
.climate-location .img-box ul .doc{text-align: center;margin-top: 70px;}
.climate-location .img-box ul li span:first-child{font-weight: bold;}
.climate-location .img-box ul li.im3{text-align: center;}

/*医疗费用支付*/
.climate-pay .pay-type{margin-bottom: 20px;}
.climate-pay .pay-type ul{display: flex;justify-content: space-between;}
.climate-pay .pay-type ul dd{max-width: calc(25% - 10px);}
.climate-pay .pay-type ul dd span{color: #ffffff;font-size: 12px;padding-top: 10px;}
.climate-pay .pay-type ul li{width: 230px;height: 134px;display: inline-grid;text-align: center;color: #ffffff;border-radius: 8px;cursor:pointer;padding: 0 20px;}
.climate-pay .pay-type ul li img{margin: 0 auto;margin-top:25px;}
.climate-pay .pay-type ul li.blue{background: #619EF9;}
.climate-pay .pay-type ul li.yellow{background: #FFC045;}
.climate-pay .pay-type ul li.green{background: #41DAB2;}
.climate-pay .pay-type ul li.orange{background: #F0844E;}
.climate-pay .b-title{color: #1E5484;font-weight: bold;}

/*便捷服务*/
.climate-location .list{justify-content: center;}
.climate-location .list ul li{display: inline-grid;width: 33%;text-align: center;}
.climate-location .list ul li div{font-size: 18px;font-weight: bold;padding: 10px 0;}
.climate-location .list ul li span:last-child{font-size: 14px;}

/*生活服务*/
.domestic .list{justify-content: center;background: #EBF1F7;border-radius: 8px;}
.domestic .list ul li{width: 17%;height: 144px;display: inline-table;text-align: center;border-radius: 8px;margin:0 8px;}
.domestic .list ul li img{margin: 0 auto;margin-top: 25px;}
.domestic .list ul li span{display: block;margin-top:5px;}


@media screen and (max-width:768px) {
    .banner{background: url("/uploads/allimg/2023/06/22/services.png") 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;color: #ffffff;display: grid;}
    .banner .banner-text .first{font-weight: normal;}
    .banner .banner-text .second{font-size: 20px;}

    .content{padding:0 10px;}
    .content .main{float: none;width: auto;padding:30px 15px;font-size:16px;}
    .content .sidebar{display: none;}

    .content .text .climate-location .imgtxt{width:80%;}
    .content .text .climate-location .txt img{width: 100%;margin-bottom: 10px;}

    .content .climate-location .imgtxt{display:none;}
    .climate-location .img-box ul{display:inherit;}
    .climate-location .img-box ul li{float:inherit;width:100%;}
    .climate-location .img-box ul li.im2 img{width: 100%;}
    .climate-location .pay-type{text-align: center;}
    .climate-location .pay-type ul li{margin-bottom: 10px;}
    
    .climate-pay .pay-type ul{display:inherit;}
    .climate-pay .pay-type ul dd{max-width:90%;margin-bottom:10px;}
    .climate-pay .pay-type ul li{width:98.5%;}

    .climate-location .list{display: inherit;}
    .climate-location .list ul li{width: auto;}

    .climate-location .pc-content{display: none;}
    .climate-location .mobile-content{display: block;}
    .climate-location .mobile-content{display: block;background: url("../images/down_arrow.png") no-repeat;
        background-size: 30%;
        height: 650px;
        margin-top: 50px;
    }
    .climate-location .mobile-content ul li{margin-left: 90px;}
    .climate-location .mobile-content ul li .tag{padding: 0 7px;}
    .climate-location .mobile-content ul li .iag{width: 75%;}
    .climate-location .mobile-content ul li.second{margin-top: 50px;margin-bottom: 50px;position: relative;height: 225px;}
    .climate-location .mobile-content ul li.second .hbg{font-size: 11px;width: 65%;margin-left: 70px;position: relative;font-size: 10px;color: #333333;text-align: center;top:-200px;}
    .climate-location .mobile-content ul li.second .ophbg{background: #ffffff;opacity: 0.8;position: absolute;right: 13px;top:2px;height: 200px;width: 195px;}
    .climate-location .mobile-content ul li.second .hbg span{display: block;}

    .domestic .list ul li{width: 32%;margin:0;}
}