.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: 680px;}
.banner .banner-text .second{font-size: 35px;}

.marginTop30{margin-top: 30px;clear: both;}
.content {
    margin-bottom: 15px;
}
.content .main{float:left;width: 1040px;background: #ffffff;padding: 30px;border-radius: 4px;font-size:18px;}
.content .sidebar{float:right;width: 338px;}
.content .text .title{text-align: center;font-size: 30px;font-weight: bold;margin-bottom: 20px;}

.content .text .climate-location .title{border-left:2px solid #13BFB1;font-size: 26px;font-weight: bold;text-align: left;padding-left: 10px;}


/*免费翻译服务*/
.climate-location .translate-list{margin:20px 0;}
.climate-location .translate-list ul {
display:flex; justify-content: center; 
}
.climate-location .translate-list ul li{flex: 0 0 calc(25% - 16px); border-radius: 4px; padding: 10px 15px;}
.climate-location .translate-list ul li:not(:last-child){margin-right: 16px;}
.climate-location .translate-list ul li span:first-child{font-weight: bold;margin-bottom: 10px;}
.climate-location .translate-list ul li span{text-align: center;display: block;}
.climate-location .translate-list ul li.bg1{background: #E1F4FE;}
.climate-location .translate-list ul li.bg2{background: #E0FBFF;}
.climate-location .translate-list ul li.bg3{background: #FFF2F0;}
.climate-location .translate-list ul li.bg4{background: #FFF5D2;}

@media (max-width:768px) {
    .climate-location .translate-list ul {
        flex-direction: column;
    }
    .climate-location .translate-list ul li {
        flex: 1;
    }
    .climate-location .translate-list ul li:not(:last-child){
        margin: 0 0 16px 0;
    }
}

/*接送机服务*/
.pick-up-drop-off .info{width: 55%;float: left;}
.pick-up-drop-off .in-img{width: 45%;float: right;text-align: right;}

/*机场服务中心*/

.airport .flex {
    display: flex;
}

@media (max-width:768px) {
    .airport .flex {
        flex-wrap: wrap;
    }
}

.airport .in-img {
    width: 400px;
}

@media (max-width:768px) {
    .airport .in-img {
        width: 100%;
    }
}
.airport .in-img img {
    display: block;
    max-width: 100%;
    height: auto;
}

.airport .info {
    flex: 1;
    font-size: 16px;
    margin-left: 15px;
}

@media (max-width:768px) {
    .airport .info{
        margin-top: 15px;
        margin-left: 0;
    }
}

.airport .list {
    display: flex;
    flex-wrap: wrap;
    margin-top: 5px;
}

@media (max-width:768px) {
    .airport .list {
        flex-direction: column;
    }
}

.airport .list .item {
    flex: 0 0 calc(50% - 5px);
    display: flex;
    padding: 13px 15px;
    margin-top: 10px;
    box-sizing: border-box;
    border-radius: 4px;
    background-color: #f5f5f5;
}

@media (max-width:768px) {
    .airport .list .item {
        flex: 1;
        margin-right: 0 !important;
    }
}

.airport .list .item:not(:nth-child(2n)) {
    margin-right: 10px;
}

.airport .list .item img {
    width: 40px;
    height: 40px;
}

.airport .list .item span {
    flex: 1;
    margin-left: 10px;
}

.prayer .flex {
    display: flex;
}
@media (max-width:768px) {
    .prayer .flex {
        flex-wrap: wrap;
    }
}

.prayer .in-img {
    width: 400px;
}
@media (max-width:768px) {
    .prayer .in-img {
        width: 100%;
    }
}

.prayer .in-img img {
    display: block;
    max-width: 100%;
    height: auto;
}

.prayer .info {
    flex: 1;
    font-size: 16px;
    margin-left: 15px;
}
@media (max-width:768px) {
    .prayer .info {
        margin-top: 15px;
        margin-left: 0;
    }
}

.prayer .list {
    display: flex;
    flex-wrap: wrap;
    margin-top: 15px;
}

.prayer .list .item {
    flex: 0 0 33.33%;
    text-align: center;
}

.prayer .list .item .lable {
    padding: 8px 0;
    background-color: #f5f5f5;
}

.prayer .list .item .value {
    padding: 8px 0;
}


.restaurant .box-img {
    display: flex;
    margin-top: 15px;
    justify-content: space-between !important;
}
@media (max-width:768px) {
    .restaurant .box-img  {
        flex-direction: column;
    }
}

.restaurant .box-img .shan1,
.restaurant .box-img .shan2 {
    flex: 0 0 calc(50% - 10px);
    float: none !important;
    width: auto !important;
    height: auto !important;
    overflow: hidden;
    border-radius: 10px;
    background-image: none !important;
}
.restaurant .box-img img {
    display: block;
    max-width: 100%;
    height: auto;
}
.restaurant .box-img .shan2 {
    margin-top: 10px;
}


.coffee {
    display: flex;
    justify-content: space-between;
}
@media (max-width:768px) {
    .coffee  {
        flex-direction: column;
    }
}

.coffee .item {
    flex: 0 0 calc(50% - 10px);
}

.coffee .item .title {
    height: 78px;
}
.coffee .item .info {
    margin-top: 15px;
}
@media (max-width:768px) {
    .coffee .item  {
        flex: 1;
    }
    .coffee .item:not(:first-child) {
        margin-top: 30px;
    }
    .coffee .item .title {
        height: auto;
    }
}


.coffee .box-img .shan1 {
    flex: 1;
}


/*商务服务*/
.business .list ul{display: flex;justify-content: center;}
.business .list ul li{flex: 0 0 calc(20% - 14px); height: 170px; background: #f5f5f5;text-align: center;border-radius: 8px; padding: 0 6px;}
.business .list ul li:not(:last-child){margin-right: 14px;}

.business .list ul li img{margin: 0 auto;margin-top: 25px;}
.business .list ul li span{display: block;margin-top:5px;}

@media (max-width:768px) {
    .business .list ul {
        display: block;
    }
    .business .list ul li {
        width: 100%;
        height: 70px;
        display: flex;
        text-align: left;
        box-sizing: border-box;
        line-height: normal;
        align-items: center;
        padding-left: 70px;
        position: relative;
    }
    .business .list ul li:not(:last-child){margin:  0 0 10px 0;}

    .business .list ul li img {
        transform: translate(0, -50%);
        margin-top: 0;
        position: absolute;
        left: 20px;
        top: 50%;
    }
     .business .list ul li span {
        margin-top: 0;
    }
}

/*营养膳食*/
.climate-location .box-img{display: flex;justify-content: center;}
.climate-location .box-img .shan1{background:url("/templets/new/cn/active/service/images/shanshi1.png") no-repeat left;float: left;width: 50%;height: 356px;display: grid;color: #ffffff;text-align: center;align-items:center;}
.climate-location .box-img .shan2{background:url("/templets/new/cn/active/service/images/shanshi2.png") no-repeat right;float: right;width: 50%;height: 356px;display: grid;color: #ffffff;text-align: center;align-items:center;}
.climate-location .box-img .shan1 .txt{padding:0 50px;white-space:normal;text-align:left;}
.climate-location .box-img .shan2 .txt{padding:0 50px;}

/*生活服务*/
.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 (max-width:768px) {
    .domestic .list ul {
        display: flex;
        flex-wrap: wrap;
    }
    .domestic .list ul li {
        flex: 0 0 33.3333%;
        padding: 10px;
    }
}

/*休闲娱乐服务*/
.xiuxian .list{display: inline-table;}
.xiuxian .list ul li{width: 100%;display: inline-block;border-bottom: 1px solid #dddddd;padding: 10px 0 15px 0;}
.xiuxian .list .left{float:left;width: 25%;}
.xiuxian .list .right{float:right;width: 75%;padding-top: 30px;}
.xiuxian .list .right span{display: block;padding: 5px 0;}
.xiuxian .list .right span:first-child{display: inline-block;font-weight: bold;font-size: 18px;}

.climate-location .img-box{text-align: center;margin: 15px 0;}

.swiper-pagination-lv{text-align:center;}
.swiper-pagination-lv span{margin-left:10px;}

@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;font-size:18px;}
    .content .sidebar{display: none;}

    .pick-up-drop-off .info{width: auto;float: none;}
    .pick-up-drop-off .in-img{width: auto;float: none;}
    .pick-up-drop-off .in-img img{width: 100%;}


    .nutritious-diet .box-img{
        width: 100%;
        white-space: nowrap;
        position: relative;
        display: -webkit-box;
        overflow-y: hidden;
        overflow-x: auto;
        padding: 20px 0;
        margin: 0 auto;
    }
    .climate-location .box-img .shan1{width: 100%;}
    .climate-location .box-img .shan2{width: 100%;}

    /*生活服务*/
    .domestic .list ul li{width: 30%;margin:0;}

    /*休闲娱乐服务*/
    .xiuxian .list{
        width: 100%;
        white-space: nowrap;
        position: relative;
        display: -webkit-box;
        overflow-y: hidden;
        overflow-x: auto;
        padding: 20px 0;
        margin: 0 auto;}

    .xiuxian .list ul li{width: 330px;}
    .xiuxian .list .left{float: none;width: auto;}
    .xiuxian .list .left img{width: 100%;}
    .xiuxian .list .right{float: none;width: auto;}
    .xiuxian .list .right span{white-space:normal;}
    .xiuxian .list .right span:first-child{display: block;}
    .xiuxian .list .right span:last-child{height: 70px;overflow: hidden;display: inherit;}
    .free-lvy .img-box img{width: 100%;}
}