/* banner */
.banner ul li{width: 100%;height: 860px;background-size: cover;background-position: center;background-repeat: no-repeat;background-size: cover;overflow: hidden;}
.banner ul li .text h3{margin-top: 420px;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;}

/* 介绍  */
.manage_1{height: 687px;background-image: url(../img/service_1.jpg);background-position: right;background-repeat: no-repeat;background-size: cover;}
.manage_1 ul li{width: 860px;float: left;height: 687px;}
.manage_1 ul li span{font-size: 18px;color: #3d3d3d;margin: 250px 0 0 45px;display: block;position: relative;line-height: 45px;}
.manage_1 ul li span time{font-size: 24px;}
.manage_1 ul li span::before{content: '';width: 5px;height: 200px;background:linear-gradient(to top,#a1d42c, #068bcd);position: absolute;left: -45px;top: 0;}
.manage_1 ul li i{width: 502px;height: 502px;display: block;background-image: url(../img/manage_1.png);background-position: right;background-repeat: no-repeat;background-size: cover;float: right;margin: 110px 100px 0 0;}

/* 分布 */
.manage_2{height: 896px;background-image: url(../img/manage_2.jpg);background-position: right;background-repeat: no-repeat;background-size: cover;}
.manage_2 .manage_2-fl{width: 50%; height: 896px;overflow: hidden;}
.manage_2 .manage_2-fl i{width: 80%;height: 588px;display: block;margin: 178px auto 0 auto;background-position: center;background-repeat: no-repeat;background-size: contain;}
.manage_2 .manage_2-fl h3{font-size: 18px;color: #3d3d3d;text-align: center;padding-top: 70px;}

.manage_2 .manage_2-fr{width: 50%;height: 896px;background-color: rgba(142, 192, 243, 0.3);}
.manage_2 .manage_2-fr .text{width: 100%;height: 690px;padding: 215px 64px 0 64px;}
.manage_2 .manage_2-fr .text span{font-size: 18px;color: #3d3d3d;line-height: 40px;}
.manage_2 .manage_2-fr .text span strong{font-size: 24px;}
.manage_2 ul{width: 100%;height: 207px;background:linear-gradient(to left,#a1d42c, #068bcd);}
.manage_2 ul li{width: 33.3%;height: 207px;border-right: 1px solid #cdcdcd;padding-top: 48px;float: left;}
.manage_2 ul li i{width: 56px;height: 56px;display: block;margin: 0 auto;background-position: center;background-repeat: no-repeat;background-size: contain;}
.manage_2 ul li h4{color: #dfeefc;font-size: 30px;text-align: center;line-height: 55px;}

/* 相关案例 */
.manage_3{height: 935px;background-image: url(../img/service_3.jpg);background-position: center;background-repeat: no-repeat;background-size: cover;padding-top: 108px;}
.manage_3 h3{font-size: 36px;color: #222;position: relative;padding-left: 25px;}
.manage_3 h3::before{content: '';width: 5px;height: 38px;background:linear-gradient(to top,#a1d42c, #068bcd);position: absolute;top: -1px;left: 0px;}

.manage_3 .content-external{height: 625px;}
.manage_3 .content-external .content-fl{width: 283px;height: 625px;position: relative;}
.manage_3  .content-external .content-fl::before{content: ''; width: 1px;height: 935px;background-color: #c4d0a1;position: absolute;left:0;top: -145px;}
.manage_3 .content-external .content-fl ul li{width: 283px;height: 90px;line-height: 90px;color: #575757;font-size: 18px;padding-left: 25px;}
.manage_3 .content-external .content-fl ul li h4{line-height: 90px;color: #575757;font-size: 18px;}
.manage_3 .content-external .content-fl ul li:hover h4,.manage_3 .content-external .content-fl ul li.on h4{color: #222;font-size: 30px;transition: all 0.3s linear;-webkit-transition: all 0.3s linear;}

.manage_3 .content-external .content-fr{width: 1437px;height: 625px;}
.manage_3 .content-external .content-fr .text{width: 551px;height: 625px;}
.manage_3 .content-external .content-fr .text .text-title{width: 551px;height: 158px;padding-top: 35px;}
.manage_3 .content-external .content-fr .text .text-title h4{font-size: 30px;color: #3d3d3d;line-height: 60px;}
.manage_3 .content-external .content-fr .text .text-title h5{font-size: 20px;color: #6d6d6d;line-height: 40px;position: relative;padding-left: 30px;}
.manage_3 .content-external .content-fr .text .text-title h5::before{content: '';width: 20px;height: 1px;background-color:#44a88d; position:absolute;top: 20px;left: 0px;}
.manage_3 .content-external .content-fr .text .text-content{width: 551px;height: 467px;background:linear-gradient(to top left,#a1d42c, #068bcd);}
.manage_3 .content-external .content-fr .text .text-content ul{padding-top: 75px;}
.manage_3 .content-external .content-fr .text .text-content ul li{width: 50%;height: 120px;float: left;}
.manage_3 .content-external .content-fr .text .text-content ul li:nth-child(odd){padding-left: 40px;}
.manage_3 .content-external .content-fr .text .text-content ul li .flex-middle h4{font-size: 48px;color: #f5f8ec; font-family:HelveticaBlack;line-height: 60px;}
.manage_3 .content-external .content-fr .text .text-content ul li .flex-middle i{font-size: 18px;color: #f5f8ec; font-family:HelveticaBlack;margin: -20px 0 0 10px;}
.manage_3 .content-external .content-fr .text .text-content ul li p{font-size: 18px;color: #e4e7da;line-height: 40px;text-align: center;}

.manage_3 .content-external .content-fr .imges{width: 886px;height: 625px;background-position: center;background-repeat: no-repeat;background-size: cover;}

@media (max-width: 1680px) {
    /* 介绍  */
    .manage_1 ul li{width: 752px;}
    .manage_1 ul li span{margin: 250px 0 0 39px;}
    .manage_1 ul li i{margin: 110px 87px 0 0;}

    /* 相关案例 */
    .manage_3 .content-external .content-fl{width: 247px;}
    .manage_3 .content-external .content-fl ul li{width: 247px;padding-left: 21px;}

    .manage_3 .content-external .content-fr{width: 1257px;}
    .manage_3 .content-external .content-fr .text{width: 482px;}
    .manage_3 .content-external .content-fr .text .text-title{width: 482px;}
    .manage_3 .content-external .content-fr .text .text-title h4{font-size: 29px;}
.manage_3 .content-external .content-fr .text .text-title h5{font-size: 19px;}
    .manage_3 .content-external .content-fr .text .text-content{width: 482px;}
    .manage_3 .content-external .content-fr .text .text-content ul li:nth-child(odd){padding-left: 35px;}
    .manage_3 .content-external .content-fr .text .text-content ul li .flex-middle h4{font-size: 42px;}
    .manage_3 .content-external .content-fr .text .text-content ul li .flex-middle i{font-size: 17px;margin: -20px 0 0 8px;}
    .manage_3 .content-external .content-fr .text .text-content ul li p{font-size: 17px;}

    .manage_3 .content-external .content-fr .imges{width: 775px;}


}
@media (max-width: 1560px) {
    /* 介绍  */
    .manage_1 ul li{width: 698px;}
    .manage_1 ul li span{margin: 250px 0 0 36px;}
    .manage_1 ul li i{margin: 110px 80px 0 0;}

    /* 相关案例 */
    .manage_3 .content-external .content-fl{width: 229px;}
    .manage_3 .content-external .content-fl ul li{width: 229px;padding-left: 20px;}

    .manage_3 .content-external .content-fr{width: 1167px;}
    .manage_3 .content-external .content-fr .text{width: 447px;}
    .manage_3 .content-external .content-fr .text .text-title{width: 447px;}
    .manage_3 .content-external .content-fr .text .text-title h4{font-size: 28px;}
    .manage_3 .content-external .content-fr .text .text-title h5{font-size: 18px;}
    .manage_3 .content-external .content-fr .text .text-content{width: 447px;}
    .manage_3 .content-external .content-fr .text .text-content ul li:nth-child(odd){padding-left: 32px;}
    .manage_3 .content-external .content-fr .text .text-content ul li .flex-middle h4{font-size: 39px;}
    .manage_3 .content-external .content-fr .text .text-content ul li .flex-middle i{font-size: 16px;margin: -20px 0 0 7px;}
    .manage_3 .content-external .content-fr .text .text-content ul li p{font-size: 16px;}

    .manage_3 .content-external .content-fr .imges{width: 719px;}


}
@media (max-width: 1440px) {
    /* 介绍  */
    .manage_1 ul li{width: 644px;}
    .manage_1 ul li span{margin: 250px 0 0 33px;}
    .manage_1 ul li i{margin: 110px 73px 0 0;}


    /* 相关案例 */
    .manage_3 .content-external .content-fl{width: 211px;}
    .manage_3 .content-external .content-fl ul li{width: 211px;padding-left: 18px;}

    .manage_3 .content-external .content-fr{width: 1077px;}
    .manage_3 .content-external .content-fr .text{width: 412px;}
    .manage_3 .content-external .content-fr .text .text-title{width: 412px;}
    .manage_3 .content-external .content-fr .text .text-title h4{font-size: 26px;}
    .manage_3 .content-external .content-fr .text .text-title h5{font-size: 16px;}
    .manage_3 .content-external .content-fr .text .text-content{width: 412px;}
    .manage_3 .content-external .content-fr .text .text-content ul li:nth-child(odd){padding-left: 29px;}
    .manage_3 .content-external .content-fr .text .text-content ul li .flex-middle h4{font-size: 36px;}
    .manage_3 .content-external .content-fr .text .text-content ul li .flex-middle i{font-size: 15px;margin: -20px 0 0 6px;}
    .manage_3 .content-external .content-fr .text .text-content ul li p{font-size: 15px;}

    .manage_3 .content-external .content-fr .imges{width: 663px;}

}
@media (max-width: 1366px) {
    /* 介绍  */
    .manage_1 ul li{width: 610px;}
    .manage_1 ul li span{margin: 250px 0 0 31px;}
    .manage_1 ul li i{margin: 110px 69px 0 0;}


    /* 相关案例 */
    .manage_3 .content-external .content-fl{width: 200px;}
    .manage_3 .content-external .content-fl ul li{width: 200px;padding-left: 17px;}

    .manage_3 .content-external .content-fr{width: 1021px;}
    .manage_3 .content-external .content-fr .text{width: 390px;}
    .manage_3 .content-external .content-fr .text .text-title{width: 390px;}
    .manage_3 .content-external .content-fr .text .text-title h4{font-size: 25px;}
    .manage_3 .content-external .content-fr .text .text-title h5{font-size: 15px;}
    .manage_3 .content-external .content-fr .text .text-content{width: 390px;}
    .manage_3 .content-external .content-fr .text .text-content ul li:nth-child(odd){padding-left: 27px;}
    .manage_3 .content-external .content-fr .text .text-content ul li .flex-middle h4{font-size: 34px;}
    .manage_3 .content-external .content-fr .text .text-content ul li .flex-middle i{font-size: 14px;margin: -20px 0 0 5px;}
    .manage_3 .content-external .content-fr .text .text-content ul li p{font-size: 14px;}

    .manage_3 .content-external .content-fr .imges{width: 628px;}

}
@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: 0.7rem;text-align: center;}
    .banner ul li .text h4{color: #e8e8e8;font-size: 0.24rem;line-height: 0.3rem;letter-spacing:1.2px;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;}

    /* 介绍  */
    .manage_1{height: 10rem;background-image: url(../img/service_1.jpg);background-position: right;background-repeat: no-repeat;background-size: cover;}
    .manage_1 ul li{width: 7.2rem;float: left;height: 5rem;}
	.manage_1 ul li:nth-child(1){height: 4rem;}
    .manage_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;}
    .manage_1 ul li span time{font-size: 0.26rem;}
    .manage_1 ul li span::before{content: '';width: 0.05rem;height: 2rem;background:linear-gradient(to top,#a1d42c, #068bcd);position: absolute;left: -0.45rem;top: 0;}
    .manage_1 ul li i{width: 5rem;height: 5rem;display: block;background-image: url(../img/manage_1.png);background-position: right;background-repeat: no-repeat;background-size: cover;float: none;margin: 0 auto 0 auto;}

    /* 分布 */
    .manage_2{height: 14rem;background-image: url(../img/manage_2.jpg);background-position: right;background-repeat: no-repeat;background-size: cover;}
    .manage_2 .manage_2-fl{width: 7.5rem; height: 7rem;overflow: hidden;}
    .manage_2 .manage_2-fl i{width: 7rem;height: 5.58rem;display: block;margin: 0.5rem auto 0 auto;background-position: center;background-repeat: no-repeat;background-size: contain;}
    .manage_2 .manage_2-fl h3{font-size: 0.26rem;color: #3d3d3d;text-align: center;padding-top: 0.1rem;}

    .manage_2 .manage_2-fr{width: 7.5rem;height: 7rem;background-color: rgba(142, 192, 243, 0.3);}
    .manage_2 .manage_2-fr .text{width: 7.5rem;height: 5rem;padding: 0.5rem 0.1rem 0 0.1rem;}
    .manage_2 .manage_2-fr .text span{font-size: 0.26rem;color: #3d3d3d;line-height: 0.5rem;}
    .manage_2 .manage_2-fr .text span strong{font-size: 0.26rem;}
    .manage_2 ul{width: 100%;height: 2.07rem;background:linear-gradient(to left,#a1d42c, #068bcd);}
    .manage_2 ul li{width: 33.3%;height: 2.07rem;border-right: 0.01rem solid #cdcdcd;padding-top: 0.48rem;float: left;}
    .manage_2 ul li i{width: 0.56rem;height: 0.56rem;display: block;margin: 0 auto;}
    .manage_2 ul li h4{color: #dfeefc;font-size: 0.26rem;text-align: center;line-height: 0.55rem;}

    /* 相关案例 */
    .manage_3{height: 14rem;background-image: url(../img/service_3.jpg);background-position: center;background-repeat: no-repeat;background-size: cover;padding-top: 0.6rem}
    .manage_3 h3{font-size: 0.32rem;color: #222;position: relative;padding-left: 0.25rem;}
    .manage_3 h3::before{content: '';width: 0.05rem;height: 0.38rem;background:linear-gradient(to top,#a1d42c, #068bcd);position: absolute;top: -0.01rem;left: 0rem;}

    .manage_3 .content-external{height: 12.8rem;}
    .manage_3 .content-external .content-fl{width: 7.2rem;height: 1rem;position: relative;}
    .manage_3  .content-external .content-fl::before{content: '';display: none;}
    .manage_3 .content-external .content-fl ul{width: 7.2rem;height: 1rem;overflow: hidden; white-space: nowrap;overflow-x: auto;}
    .manage_3 .content-external .content-fl ul li{width: 1.7rem;height: 1rem;line-height: 1rem;color: #575757;font-size: 0.26rem; text-align: center; display: inline-block;}
    .manage_3 .content-external .content-fl ul li h4{line-height: 1rem;color: #575757;font-size: 0.26rem;display: inline-block;}
    .manage_3 .content-external .content-fl ul li:hover h4,.manage_3 .content-external .content-fl ul li.on h4{color: #222;font-size: 0.28rem;font-weight: bold; transition: all 0.3s linear;-webkit-transition: all 0.3s linear;}

    .manage_3 .content-external .content-fr{width: 7.2rem;height: 12rem;}
    .manage_3 .content-external .content-fr .text{width: 7.2rem;height: 5.25rem;}
    .manage_3 .content-external .content-fr .text .text-title{width: 7.2rem;height: 1.58rem;padding-top: 0;}
    .manage_3 .content-external .content-fr .text .text-title h4{font-size: 0.28rem;color: #3d3d3d;line-height: 0.6rem;}
    .manage_3 .content-external .content-fr .text .text-title h5{font-size: 0.26rem;color: #6d6d6d;line-height: 0.4rem;position: relative;padding-left: 30px;}
    .manage_3 .content-external .content-fr .text .text-title h5::before{content: '';width: 0.2rem;height: 0.01rem;background-color:#44a88d; position:absolute;top: 0.2rem;left: 0rem;z-index: 9;}
    .manage_3 .content-external .content-fr .text .text-content{width: 7.2rem;height: 3.67rem;background:linear-gradient(to top left,#a1d42c, #068bcd);}
    .manage_3 .content-external .content-fr .text .text-content ul{padding-top: 0.75rem;}
    .manage_3 .content-external .content-fr .text .text-content ul li{width: 50%;height: 1.2rem;float: left;}
    .manage_3 .content-external .content-fr .text .text-content ul li:nth-child(odd){padding-left: 0.4rem;}
    .manage_3 .content-external .content-fr .text .text-content ul li .flex-middle h4{font-size: 0.48rem;color: #f5f8ec; font-family:HelveticaBlack;line-height: 0.6rem;}
    .manage_3 .content-external .content-fr .text .text-content ul li .flex-middle i{font-size: 0.24rem;color: #f5f8ec; font-family:HelveticaBlack;margin: -0.2rem 0 0 0.1rem;}
    .manage_3 .content-external .content-fr .text .text-content ul li p{font-size: 0.24rem;color: #e4e7da;line-height: 0.4rem;text-align: center;}

    .manage_3 .content-external .content-fr .imges{width: 7.2rem;height: 6.2rem;background-position: center;background-repeat: no-repeat;background-size: cover;}
    
}