.banner{background: url("/uploads/allimg/2023/06/22/services.png") no-repeat center;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: 260px;}
.banner .banner-text .second{font-size: 35px;}

.marginTop30{margin-top: 30px;clear: both;}
.content .main{float:left;width: 1000px;background: #ffffff;padding: 30px;border-radius: 4px;}
.content .sidebar{float:right;width: 338px;}
.content .text .title{text-align: center;font-size: 30px;font-weight: bold;}
.content .text .climate-location .title{border-left:2px solid #13BFB1;font-size: 26px;font-weight: bold;text-align: left;padding-left: 10px;}
.content .text .climate-location .txt{margin-top: 25px;width: 100%;position:relative;}
.content .text .climate-location .imgtxt{position:absolute;width:40%;left:35px;top:100px;color:#ffffff;}
.content .text .climate-location .txt img:first-child{float: left;}
.content .text .climate-location .txt img:last-child{float: right;}
.position div{display:inline-table;float:none;}
/*住院流程*/
.climate-location .pc-content{display: block;}
.climate-location .mobile-content{display: none;}
.climate-location{display: flow-root;}
.climate-location .mobile-content{display: none;}
.climate-location .title,.Insurance .title,.value-added .title{font-size: 36px;text-align: center;font-weight: bold;}
.climate-location .line,.Insurance .line,.value-added .line{width: 80px;height: 4px;background: #1E2D4F;margin:16px auto;}
.climate-location .first {background: url("/templets/new/cn/active/service/images/triangle.png") no-repeat;}
.climate-location .first li{color: #ffffff;font-weight: bold;font-size: 18px;line-height: 76px;width: 33%;display: inline-block;text-align: center;background: url("../images/white-arrow.svg") no-repeat center right;}
.climate-location .first li.last{background: none;}
.climate-location .second li{display: inline-block;text-align: center;}
.climate-location .second li.s2{width: 33%;}
.climate-location .second li.s3{width: 33%;}
.climate-location .second li.s4{width: 33%;}
.climate-location .third{margin-top:25px;}
.climate-location .third li{display: inline-block;width: 24%;text-align: center;}
.climate-location .third li.t3{width: 46%;position: relative;color: #000000;font-size:16px;}
.climate-location .third li.t3 .hbg1{position: absolute;top:50px;left:40px;width: 100px;height: 150px;background: #ffffff;opacity: 0.7;padding: 10px;border-radius: 8px;}
.climate-location .third li.t3 .hbg1 b,.climate-location .third li.t3 .hbg2 b,.climate-location .third li.t3 .hbg3 b{display: block;}
.climate-location .third li.t3 .hbg2{position: absolute;top:50px;left: 170px;width: 100px;height: 150px;background: #ffffff;opacity: 0.7;padding: 10px;border-radius: 8px;}
.climate-location .third li.t3 .hbg3{position: absolute;top:50px;left: 300px;width: 100px;height: 150px;background: #ffffff;opacity: 0.7;padding: 10px;border-radius: 8px;}

/*病房设施*/
.climate-location .info{margin:20px 0;}
.climate-location .img-box{display: flex;justify-content: center;background:#F0F0F0;}
.climate-location .img-box ul li{width: 332px;height: 242px;float: left;}
.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-location .pay-type{display: flex;justify-content: center;}
.climate-location .pay-type ul dd{display: inline-grid;width: 230px;}
.climate-location .pay-type ul dd:hover span{display: block;color: #000000;}
.climate-location .pay-type ul dd span{color: #000000;font-size: 12px;padding-top: 10px;}
.climate-location .pay-type ul li{width: 230px;height: 134px;display: inline-grid;text-align: center;color: #ffffff;border-radius: 8px;cursor:pointer;}
.climate-location .pay-type ul li img{margin: 0 auto;margin-top:25px;}
.climate-location .pay-type ul li.blue{background: #619EF9;}
.climate-location .pay-type ul li.yellow{background: #FFC045;}
.climate-location .pay-type ul li.green{background: #41DAB2;}
.climate-location .pay-type ul li.orange{background: #F0844E;}

/*便捷服务*/
.climate-location .list{display: flex;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{display: flex;justify-content: center;background: #f5f5f5;border-radius: 8px;}
.domestic .list ul li{width: 180px;height: 144px;display: inline-table;text-align: center;border-radius: 8px;margin:0 7px;}
.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 .main{float: none;width: auto;padding:30px 15px;}
    .content .sidebar{display: none;}

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

    .climate-location .img-box ul li.im2 img{width: auto;}
    .climate-location .img-box ul li{width: 100%;height: 242px;text-align:center;}
    .climate-location .img-box ul li.im2{text-align: center;}

    .climate-location .pay-type{text-align: center;}
    .climate-location .pay-type ul li{margin-bottom: 10px;}

    .climate-location .list{display: inherit;}
    .climate-location .list ul li{display: inherit;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:-180px;}
    .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: 30%;margin:0;float:left;}
}