/* banner */
.banner ul li{width: 100%;height: 605px;background-size: cover;background-position: center;background-repeat: no-repeat;background-size: cover;overflow: hidden;}
.banner ul li .text h3{margin-top: 280px;font-size: 48px;color: #fff;font-weight: bold;font-family: '思源黑体';line-height: 70px;text-align: center;}
.banner ul li .text h4{color: #e8e8e8;font-size: 18px;line-height: 30px;letter-spacing:1.2px;text-align: center;}
.banner ul li .text i{width: 35px;height: 2px;background-color: #fff;display: block;margin: 30px auto 0 auto;}

/* 专业运营 维护服务  */
.service_1{height: 687px;background-image: url(../img/service_1.jpg);background-position: right;background-repeat: no-repeat;background-size: cover;}
.service_1 ul li{width: 860px;float: left;height: 687px;}
.service_1 ul li span{font-size: 24px;color: #3d3d3d;margin: 240px 0 0 45px;display: block;position: relative;line-height: 45px;}
.service_1 ul li span::before{content: '';width: 5px;height: 200px;background:linear-gradient(to top,#a1d42c, #068bcd);position: absolute;left: -45px;top: 0;}
.service_1 ul li i{width: 502px;height: 502px;display: block;background-image: url(../img/service_1.png);background-position: right;background-repeat: no-repeat;background-size: cover;float: right;margin: 80px 100px 0 0;}

/* 优势 */
.service_2{height: 695px;background-image: url(../img/service_2.jpg);background-position: center;background-repeat: no-repeat;background-size: cover;padding-top: 108px;}
.service_2 h3{font-size: 36px;color: #fff;position: relative;padding-left: 25px;}
.service_2 h3::before{content: '';width: 5px;height: 38px;background-color: #fff;position: absolute;top: -1px;left: 0px;}

.service_2 ul{margin-top: 86px;}
.service_2 ul li{float: left;height: 342px;width: 414px;background-image: url(../img/service_2-li.png);background-position: center;background-repeat: no-repeat;background-size: 100% 100%;padding: 0 60px;margin-right: 16px;}
.service_2 ul li:nth-child(4){margin-right: 0px;}
.service_2 ul li i{width: 60px;height: 77px;display: block;background-position: center;background-repeat: no-repeat;background-size: contain;margin: 70px auto 5px auto;}
.service_2 ul li h4{font-size: 24px;color: #2594a6;font-weight: bold;text-align: center;line-height: 50px;}
.service_2 ul li p{font-size: 16px;color: #4f4f4f;text-align: center;line-height: 30px;}

/* 相关案例 */
.service_3{height: 1200px;position: relative; background-image: url(../img/service_3.jpg);background-position: center;background-repeat: no-repeat;background-size: cover;padding-top: 108px;}
.service_3 h3{font-size: 36px;color: #222;position: relative;padding-left: 25px;}
.service_3 h3::before{content: '';width: 5px;height: 38px;background-color: #222;position: absolute;top: -1px;left: 0px;z-index: 9;}

.service_3 ul{margin-top: 85px;}
.service_3 ul li{width: 850px;height: 836px;}
.service_3 ul li:nth-child(2n){padding-top: 70px; float: right;padding-left: 10px;position: relative;}
.service_3 ul li:nth-child(2n) span{top: 50px; position: absolute;}
.service_3 ul li:nth-child(2n) div{margin-top: 70px;}
.service_3 ul li div{width: 850px;height: 640px;background-size: 100% 100%;background-position: center;background-repeat: no-repeat;}
.service_3 ul li span{width: 850px;height: 110px;display: block;background:linear-gradient(to left,#a1d42c, #068bcd);padding: 0 74px;}
.service_3 ul li span h4{font-size: 24px;color: #ecf2f5;line-height: 110px;position: relative;}
.service_3 ul li span h4::before{content: '';width: 20px;height: 2px;background-color:#ecf2f5;position: absolute;left: -45px;top: 52px;z-index: 9;}
.service_3 ul li:hover div{background-size: 120% 120%;transition: all 0.5s linear;-webkit-transition: all 0.5s linear;}

.service_3 .swiper-button-prev{width: 50px;height: 50px;background-image: url(../img/garden_3-news-list-swiper-button-prev.png);background-size: contain;background-position: center;background-repeat: no-repeat;position: absolute; left:20px;}
.service_3 .swiper-button-prev:hover{background-image: url(../img/garden_3-news-list-swiper-button-prev1.png);}
.service_3 .swiper-button-next{width: 50px;height: 50px;background-image: url(../img/garden_3-news-list-swiper-button-next.png);background-size: contain;background-position: center;background-repeat: no-repeat;position: absolute; right:20px;}
.service_3 .swiper-button-next:hover{background-image: url(../img/garden_3-news-list-swiper-button-next1.png);}



@media (max-width: 1680px) {

    /* 专业运营 维护服务  */
   
    .service_1 ul li{width: 752px;}
    .service_1 ul li span{margin: 240px 0 0 39px;}
    .service_1 ul li span::before{left: -39px;}
    .service_1 ul li i{margin: 80px 87px 0 0;}

    /* 优势 */
    .service_2 h3{padding-left: 21px;}
    .service_2 ul li{width: 362px;padding: 0 52px;margin-right: 14px;}
    
    /* 相关案例 */
    .service_3 ul li{width: 743px;}
    .service_3 ul li div{width: 743px;}
    .service_3 ul li span{width: 743px;padding: 0 64px;}
}
@media (max-width: 1560px) {

    /* 专业运营 维护服务  */
    .service_1 ul li{width: 698px;}
    .service_1 ul li span{margin: 240px 0 0 36px;}
    .service_1 ul li span::before{left: -36px;}
    .service_1 ul li i{margin: 80px 80px 0 0;}

    /* 优势 */
    .service_2 h3{padding-left: 19px;}
    .service_2 ul li{width: 336px;padding: 0 48px;margin-right: 13px;}
    
    /* 相关案例 */
    .service_3 ul li{width: 689px;}
    .service_3 ul li div{width: 689px;}
    .service_3 ul li span{width: 689px;padding: 0 59px;}
}
@media (max-width: 1440px) {

    /* 专业运营 维护服务  */
    .service_1 ul li{width: 644px;}
    .service_1 ul li span{margin: 240px 0 0 33px;}
    .service_1 ul li span::before{left: -33px;}
    .service_1 ul li i{margin: 80px 73px 0 0;}

    /* 优势 */
    .service_2 h3{padding-left: 17px;}
    .service_2 ul li{width: 310px;padding: 0 44px;margin-right: 12px;}
    
    /* 相关案例 */
    .service_3 ul li{width: 636px;}
    .service_3 ul li div{width: 636px;}
    .service_3 ul li span{width: 636px;padding: 0 54px;}
}
@media (max-width: 1366px) {

    /* 专业运营 维护服务  */
    .service_1 ul li{width: 610px;}
    .service_1 ul li span{margin: 240px 0 0 31px;}
    .service_1 ul li span::before{left: -31px;}
    .service_1 ul li i{margin: 80px 69px 0 0;}

    /* 优势 */
    .service_2 h3{padding-left: 16px;}
    .service_2 ul li{width: 294px;padding: 0 41px;margin-right: 11px;}
    
    /* 相关案例 */
    .service_3 ul li{width: 603px;}
    .service_3 ul li div{width: 603px;}
    .service_3 ul li span{width: 603px;padding: 0 51px;}
}
@media (max-width: 1099.98px) ,(min-resolution: 192dpi), (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    /* banner */
    .banner ul li{width: 7.5rem;height: 5rem;background-size: cover;background-position: center;background-repeat: no-repeat;background-size: cover;overflow: hidden;}
    .banner ul li .text h3{margin-top: 2rem;font-size: 0.48rem;color: #fff;font-weight: bold;font-family: '思源黑体';line-height: 70px;text-align: center;}
    .banner ul li .text h4{color: #e8e8e8;font-size: 0.24rem;line-height: 0.3rem;letter-spacing: 0.012rem;;text-align: center;}
    .banner ul li .text i{width:0.35rem;height: 0.02rem;background-color: #fff;display: block;margin: 0.3rem auto 0 auto;}

    /* 专业运营 维护服务  */
    .service_1{height: 10.5rem;background-image: url(../img/service_1.jpg);background-position: right;background-repeat: no-repeat;background-size: cover;}
    .service_1 ul {overflow: hidden;}
    .service_1 ul li{width: 7.2rem;float: left;height: 5rem;}
    .service_1 ul li:nth-child(1){height: 4rem;}
    .service_1 ul li span{font-size: 0.26rem;color: #3d3d3d;margin: 0.8rem 0 0 0.4rem;display: block;position: relative;line-height: 0.45rem;}
    .service_1 ul li span::before{content: '';width: 0.05rem;height: 1.8rem;background:linear-gradient(to top,#a1d42c, #068bcd);position: absolute;left: -0.4rem;top: 0.1rem;}
    .service_1 ul li i{width: 5rem;height: 5rem;;display: block;background-image: url(../img/service_1.png);background-position: right;background-repeat: no-repeat;background-size: cover;float: none;margin: 0rem auto 0 auto;}

    /* 优势 */
    .service_2{height: 9.5rem;background-image: url(../img/service_2.jpg);background-position: center;background-repeat: no-repeat;background-size: cover;padding-top: 0.58rem;}
    .service_2 h3{font-size: 0.32rem;color: #fff;position: relative;padding-left: 0.25rem;}
    .service_2 h3::before{content: '';width: 0.05rem;height: 0.38rem;background-color: #fff;position: absolute;top: 0rem;left: 0px;}

    .service_2 ul{margin-top: 0.86rem;}
    .service_2 ul li{float: left;height: 3.42rem;width: 3.4rem;background-image: url(../img/service_2-li.png);background-position: center;background-repeat: no-repeat;background-size: 100% 100%;padding: 0 0.2rem;margin-right: 0rem;margin: 0.1rem;}
    .service_2 ul li:nth-child(4){margin-right: 0rem;}
    .service_2 ul li i{width: 0.6rem;height: 0.77rem;display: block;background-position: center;background-repeat: no-repeat;background-size: contain;margin: 0.5rem auto 0.05rem auto;}
    .service_2 ul li h4{font-size: 0.26rem;color: #2594a6;font-weight: bold;text-align: center;line-height: 0.5rem;}
    .service_2 ul li p{font-size: 0.22rem;color: #4f4f4f;text-align: center;line-height: 0.3rem; padding: 0 0.05rem;}

    /* 相关案例 */
    .service_3{height: 10rem;background-image: url(../img/service_3.jpg);background-position: center;background-repeat: no-repeat;background-size: cover;padding-top: 0.58rem;}
    .service_3 h3{font-size: 0.32rem;color: #222;position: relative;padding-left: 0.25rem;}
    .service_3 h3::before{content: '';width: 0.05rem;height: 0.38rem;background-color: #222;position: absolute;top: 0rem;left: 0rem;}

    .service_3 ul{margin-top: 0.8rem;}
    .service_3 ul li{width: 7.2rem;height: 7.36rem;}
    .service_3 ul li:nth-child(2){padding-top: 0.5rem;}
	.service_3 ul li:nth-child(2n){padding-top: initial; float: initial;padding-left: initial;position: initial;}
	.service_3 ul li:nth-child(2n) span{top: initial; position: initial;}
	.service_3 ul li:nth-child(2n) div{margin-top: initial;}
	
    .service_3 ul li div{width: 7.2rem;height: 6.4rem;;background-size: 100% 100%;background-position: center;background-repeat: no-repeat;}
    .service_3 ul li span{width: 7.2rem;height: 1.1rem;display: block;background:linear-gradient(to left,#a1d42c, #068bcd);padding: 0 0.74rem;}
    .service_3 ul li span h4{font-size: 0.24rem;color: #ecf2f5;line-height: 0.9rem;position: relative;}
    .service_3 ul li span h4::before{content: '';width: 0.2rem;height: 0.02rem;background-color:#ecf2f5;position: absolute;left: -0.45rem;top: 0.46rem;}
    .service_3 ul li:hover div{background-size: 120% 120%;transition: all 0.5s linear;-webkit-transition: all 0.5s linear;}

	.service_3 .swiper-button-prev{display: none;}
	.service_3 .swiper-button-next{display: none;}

}