.layui-carousel div{text-align:center}
.layui-carousel-ind ul{background-color: rgba(0,0,0,0);}
.layui-carousel-ind ul li{width:30px; border-radius:3px;background-color: rgba(255,255,255,1);}
.layui-carousel-ind ul .layui-this{background-color:#52AE7C}
.layui-carousel img{height:100%;width:auto}

@media screen and (max-width:768px) {
    .layui-carousel-ind ul li{width:20px;height:5px;}
}

#test1{}
#test1 img{width:100%; height:100%}
#test1 ul li{position:relative}
#test1 ul li span{display:block;width:800px;height:200px; background-color:rgba(50,50,50,0.3);position:absolute;bottom:0;left:50%;bottom:0;top:30%;margin-left:-400px;line-height:200px; overflow:hidden;text-align:center;color:#fff;font-size:60px;}

.title11{margin-bottom:20px;padding:0}
.title111{margin:40px auto 10px;background-color:#52AE7C; width:160px; text-align:center;height:40px;line-height:40px;color:#fff;font-size:18px;}
.title112{margin:0 auto;width:300px; text-align:center;color:#999;}
.title_gengduo,.title_gengduo:hover{position:absolute;right:0; top:20px;display:block; color:#52AE7C}

.gongcheng{margin-top:30px;}
.gongchenganli{width:100%;height:400px;border:1px solid #f0f0f0; display:block;box-sizing:border-box;transition: all 0.3s;}
.gongchenganli .tupian{width:100%;height:330px;overflow:hidden}
.gongchenganli .tupian img{width:100%;min-height:330px;}
.gongchenganli .title{width:100%;height:70px;position:relative; padding:10px;box-sizing:border-box;line-height:25px;}
.gongchenganli .title span{color:#AFAFB3;font-size:12px;}
.gongchenganli .title .jiantou{position:absolute;right:10px;bottom:20px;}
.gongchenganli .title .text1{width:100%;height:25px;}

.gongchenganli:hover{background-color:#52AE7C;margin-top:-10px;color:#fff}
.gongchenganli:hover .title span{color:#fff}
@media screen and (max-width:768px) {
    .title11{padding:0 15px}
    #test1 ul li span{font-size:20px;}

}
.title12{padding:40px 0; background-color:#F5F7F9}
.title12 .layui-container{padding:0}
.title12 .layui-carousel-arrow[lay-type=sub] {left:-50px;}
.title12 .layui-carousel-arrow[lay-type=add] {right:-50px!important;}

#test2{margin-top:30px;}
.test2_title{margin:50px auto;width:500px;background-color:#fff;height:40px;line-height:40px;border-radius:20px;overflow:hidden}
.test2_title li{float:left;width:25%; text-align:center;border-left:1px solid #F5F7F9;box-sizing:border-box;}
.test2_title li:first-child{border-left:none}
.test2_title li:hover{cursor:pointer}
.test2_title .hover1{background-color:#52AE7C;color:#fff}

.sheji{width:100%;height:350px;}
.shejianli{width:100%;height:340px;border:1px solid #f0f0f0; display:block;box-sizing:border-box;transition: all 0.3s;}
.shejianli .tupian{width:100%;height:270px;overflow:hidden}
.shejianli .tupian img{width:100%;min-height:270px;}
.shejianli .title{width:100%;height:70px;position:relative; padding:10px;box-sizing:border-box;line-height:25px;}
.shejianli .title span{color:#AFAFB3;font-size:12px;}
.shejianli .title .jiantou{position:absolute;right:10px;bottom:20px;}
.shejianli .title .text1{width:100%;height:25px;}
@media screen and (max-width:768px) {
    .title12{padding:40px 0;}
    .title12 .layui-container{padding:0 15px}
    .title12 .layui-carousel-arrow[lay-type=sub] {left:10px;}
    .title12 .layui-carousel-arrow[lay-type=add] {right:10px!important;}
    .test2_title{display:none}

    .sheji{width:100%;height:230px;}
    .shejianli{width:100%;height:220px;border:1px solid #f0f0f0; display:block;box-sizing:border-box;transition: all 0.3s;}
    .shejianli .tupian{width:100%;height:150px;overflow:hidden}
    .shejianli .tupian img{width:100%;min-height:150px;}
}
.body3{margin-bottom:50px;padding:0}

.jianzhusheji{margin-top:30px;}
.jianzhusheji1{width:100%;height:380px;border:1px solid #f0f0f0;box-sizing:border-box; text-align:center;font-size:18px;font-weight:bold; position:relative}
.jianzhusheji1 .tupian{width:100%;height:330px;overflow:hidden; margin-bottom:10px;}
.jianzhusheji1 .tupian img{width:100%;min-height:330px;}
.jianzhusheji0{width:100%;height:100%; z-index:99;background-color: rgba(0,0,0,0.6);padding:0 20px;box-sizing:border-box; position:absolute;color:#fff;text-align:center;font-size:16px;font-weight:normal;display:none;align-items: center;justify-content:space-around;flex-direction:column}
.jianzhusheji0:hover{color:#fff}

.jianzhusheji1:hover .jianzhusheji0{display: flex;}

@media screen and (max-width:768px) {
    .body3{padding:0 15px}
}

.body4{padding:40px 0; background-color:#F5F7F9;}
.body4 .layui-container{padding:0}
.body4 .body41{width:100%;margin-top:30px;margin-bottom:0}
.body4 .body41 li{float:left;width:100px;line-height:40px;height:40px;text-align:center;background-color:#d3dfdb;color:#52AE7C;cursor:pointer}
.body4 .body41 .body411{background-color:#52AE7C;color:#fff}

.body4 .body42{display:block}
.body4 .body42:last-child{display:none}
.body4 .body421{display:block;width:100%;height:300px;overflow:hidden;box-sizing:border-box;position:relative}
.body4 .body421 img{width:100%;min-height:300px;}
.body4 .body421 .body4211{position:absolute;right:0;bottom:0;z-index:1;width:70%;height:60px;line-height:20px;background-color:#fff; padding:10px;box-sizing:border-box}
.body4 .body421 .body4212{position:absolute;right:20px;bottom:10px;z-index:2;}


.body4 .body422{width:100%;height:300px;overflow:hidden;padding-right:10px;box-sizing:border-box}
.body4 .body422 .body4221{width:100%;height:100%;background-color:#52AE7C;padding:40px 20px;box-sizing:border-box;color:#fff;position:relative;display:block}
.body4 .body422 .body4221 h3{margin-bottom:10px;font-size:18px;}
.body4 .body422 .body4221 p{overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp:3;-webkit-box-orient: vertical;}
.body4 .body422 .body4221 .body42212{position:absolute;bottom:40px;left:20px;}

.body4 .body423{width:100%;height:300px;overflow:hidden;box-sizing:border-box;padding-top:2px}
.body4 .body423 li{height:25px;line-height:25px;width:100%; margin-bottom:9px;}

.body4 .body423 li i{float:left;width:30px;background-color:#52AE7C;text-align:center;color:#fff;border-radius:3px;display:block;font-style:normal}
.body4 .body423 li span{float:right;width:100px;display:block;text-align:right;color:#999}
.body4 .body423 li .text{margin:0 100px 0 40px;display:block;}

@media screen and (max-width:768px) {
    .body4 .body41{padding:0 15px;box-sizing:border-box}
    .body4 .body42{padding:0 15px;}
    .body4 .body421{height:200px;margin-bottom:10px;}
    .body4 .body421 img{width:100%;min-height:200px;}
    .body4 .body421 .body4211{width:100%;}
    .body4 .body422{padding:0}
    .body4 .body422{height:200px;padding:0}
}
.body5{padding:40px 0; margin-bottom:50px;}
.body5 .jianjie{margin-top:20px;}
.body5 .jianjie .body51{padding:10px;line-height:26px;font-size:16px;color:#646466}
.body5 .jianjie .body51 p{text-indent:35px;margin-bottom:20px;}
.body5 .jianjie .body51 .body511{margin:20px auto 0 auto;width:150px;height:50px;line-height:50px;color:#fff;background-color:#52AE7C;text-align:center;border-radius:25px;display:block}
.body5 .jianjie .body52{}
.body5 .jianjie .body52 img{width:100%;height:auto}
@media screen and (max-width:768px) {
    .body5{padding:15px}
}
.body6{padding:40px 0; background-color:#f5f7f9;padding:30px 0;margin-bottom:50px; text-align:center;color:#646466;border-radius:5px;}
.body6 h1{color:#52AE7C;font-size:40px;font-weight:bold; margin-bottom:10px;}
.body6 i{font-size:16px;font-style:normal}

@media screen and (max-width:768px) {
    .body6 .layui-row div{margin-bottom:20px;}
}