/* 案例 */
.case_list li{width: 48.5%;float: left;margin-bottom: 35px; overflow: hidden; position: relative;background: #F5F5F5;}
.case_list li:nth-child(2n){float: right;}
.case_list li a{display: block;}
.case_list li .pic{width: 100%;height: 350px; overflow: hidden;}
.case_list li .pic img{width: 100%;height: 100%; transition: all 0.6s;}
.case_list li .infor{height: 60px; padding:0px 20px; line-height: 60px; overflow: hidden;}
.case_list li .infor .tit{width: 80%;float: left;}
.case_list li .infor .icon{font-family: iconfont;font-size: 40px; display: block; float: right;}
.case_list li:hover{box-shadow: rgb(46 117 172 / 36%) 0px 5px 15px;}
.case_list li:hover .infor{background-color: #0093dd; color: #fff;}
.case_list li:hover .icon{display: block;}
.case_list li:hover img{transform: scale(1.05);}

/* 工程保洁 */
.gc_clean .cont li{margin-bottom: 30px;padding: 25px;background-color: #F5F5F5;}
.gc_clean .cont .pic{width: 480px;height:290px;overflow: hidden; float: left;}
.gc_clean .cont .pic img{width: 100%;height: 100%; display: block;transition: all 0.8s ease;}
.gc_clean .cont li .infor{width: 660px;height:290px;padding: 20px 30px; float: right;position: relative;}
.gc_clean .cont li .tit{width: 80%;color: #333; font-size: 20px; line-height: 30px; font-weight: normal;font-weight: bold;}
.gc_clean .cont li .time{line-height: 30px;}
.gc_clean .cont li .text{color: #666;font-size: 15px;line-height: 30px;max-height: 120px;overflow: hidden;}
.gc_clean .cont .more{width: 100px;height:36px;line-height: 34px;border: 1px solid #E1E1E1; color: #999;border-radius: 30px;font-size: 13px; display: block;position: absolute;left: 30px;bottom: 20px; text-align: center;}
.gc_clean .cont li:hover .pic img{transform: scale(1.05);}
.gc_clean .cont li:hover{outline: 1px solid #0093dd; background-color: #fff;}
.gc_clean .cont li:hover .tit{ color: #0093dd;}
.gc_clean .cont li:hover .more{border-color: #0093dd; color: #fff; background-color: #0093dd;}


/* 居家服务 */
.home_list li{float: left;width: 32%;margin: 0 2% 30px 0;background-color: #f5f5f5;}
.home_list li:nth-child(3n){margin-right: 0;}
.home_list li .pic{width: 100%;height:270px;overflow: hidden; float: left;}
.home_list li .pic img{width: 100%;height: 100%; display: block;transition: all 0.8s ease;}
.home_list .tit{height: 60px; padding:0px 20px; line-height: 60px; overflow: hidden;}
.home_list li:hover .pic img{transform: scale(1.05);}
.home_list li:hover a{color: #0093dd;}

/* 加盟服务 */
.tit_bxian::after{content: '';width: 100%;height:15px;background: rgba(0,151,221,0.2);position: absolute;left: 0;bottom: 0;}

.xmjs_box{min-height: 150px;border-radius: 20px;box-shadow: 0 0 20px rgba(0,0,0,0.1);position: relative;margin-top: 70px;padding: 60px 30px 30px 30px;}
.xmjs_box .tit{width: 261px;height: 54px;line-height: 54px;position: absolute;left: 50%;top: -22px;transform: translateX(-50%);text-align: center;background:url(../images/join_icon1.png) no-repeat 0 0/100% 100%;}

.join_box2{padding: 60px 0;}
.join_box2 .l_pic{width: 550px;border-radius: 30px;overflow: hidden;}
.join_box2 .r_box{width: 600px;}
.join_box2 .name{line-height: 50px;background: #fff;color: #0093dd;}
.join_box3 .cont{position: relative;z-index: 5;}
.join_box3 .list{width: 900px; margin-top:100px;position: relative;z-index: 5;}
.join_box3 .cont .item{width: 230px;height: 180px;background-color: #0093dd; float: left; margin:0 20px 55px 0;position: relative;padding: 0 15px; float: left;}
.join_box3 .cont .item:first-child{margin-left: 126px;}
.join_box3 .cont .item:nth-child(3n){margin-right: 0;}
.join_box3 .cont .item::before{content: '';width:0;height:0;position: absolute;bottom: 100%;left: 0px;right: 0;border-right:solid 115px transparent;border-left:solid 115px transparent ;border-bottom:solid 40px #0093dd;}
.join_box3 .cont .item::after{content: '';width:0;height:0;position: absolute;top: 100%;left: 0px;right: 0;border-right:solid 115px transparent;border-left:solid 115px transparent ;border-top:solid 40px #0093dd;}
.join_box3 .people{position: absolute;right: 0;bottom: 0;width: 430px;}

.join_box3 .item .num{font-size: 44px;line-height: 40px; font-family: impact;font-style: italic;}
.join_box3 .item .xian{width: 60px;height:4px;background-color: rgba(255,255,255,0.5);margin: 15px auto 20px auto;}
.join_box3 .item .text{font-size: 15px;line-height: 24px;}
.join_box3::after{content: '';width: 100%;height: 150px;position: absolute;left: 0;right: 0;bottom: 0;background-color: #d6eefa;}

.join_box4 .item{width: 48%;height: 410px;padding: 20px;}
.join_box4 .item .box{width: 100%;height: 100%;border: 1px solid rgba(255,255,255,0.5);padding: 30px;}
.join_box4 .item .icon{width: 90px;height: 90px;border-radius: 50%;background-color: rgb(255,255,255,0.2);line-height: 90px;font-size: 44px; display: block;margin: 0 auto;}

.join_box4 .item .tit{font-size: 24px;font-weight: normal;line-height: 30px;margin: 20px 0 5px 0;}
.join_box4 .item .tex2{text-transform: uppercase;line-height: 24px;}

.join_box4 .item .tex3{margin-top: 20px;line-height: 30px;font-size: 15px;}

.join_box5{padding: 50px 0;background: url(../images/join_box5_bj.png) no-repeat 0 0 /cover;}
.join_box5 .item{width: 330px;height: 450px;background: #0093dd;padding: 40px 20px 20px 20px;margin-top: 30px;position: relative;}
.join_box5 .item:nth-child(2){width: 360px;height: 510px;margin-top:0px;background: url(../images/join_img6.png) no-repeat 0 0/100% 100%;}

.join_box5 .item .icon{width: 90px;height: 90px;border-radius: 50%;background-color: rgb(255,255,255,0.2);line-height: 90px;font-size: 44px; display: block;margin: 0 auto;}
.join_box5 .item .tit{font-size: 24px;font-weight: normal;line-height: 30px;margin:30px 0 5px 0;}
.join_box5 .item .xian{width: 60px;height:3px;background-color: #fff;margin: 20px auto 30px auto;}
.join_box5 .item p{font-size: 15px;line-height: 30px;}

.join_box5 .item:first-child::after{content: '';width:0;height:0;position: absolute;top: 50%;left: 108%;transform: translateY(-50%);border-bottom:solid 80px transparent;border-top:solid 80px transparent ;border-left:solid 40px #0093dd;}
.join_box5 .item:last-child::after{content: '';width:0;height:0;position: absolute;top: 50%;right: 108%;transform: translateY(-50%);border-bottom:solid 80px transparent;border-top:solid 80px transparent ;border-right:solid 40px #0093dd;}

.join_box6 .cont{width: 90%;margin: 0 auto;background-color: #f5f5f5;border-radius: 30px;padding: 10px;margin-top:60px;}
.join_box6 .cont .pic{background-color: #dbdbdb;border-radius: 30px;padding: 10px;margin-top: -20px;}
.join_box6 .cont .pic img{width: 100%;padding: 15px;background-color: #000;border-radius: 34px;margin-top: -20px;}

.join_box7{background: url(../images/join_img8.png) no-repeat 0 0/100% 100%;}

.join_box7 .item{width: 230px;height: 230px;border-radius: 50%;padding: 15px; margin-right: 90px;position: relative;}
.join_box7 .item::after{content:'';width: 40px;height: 40px;background: url(../images/jia.png) no-repeat 0 0/100%;position: absolute;left: 111%;top: 50%;transform: translateY(-50%);}
.join_box7 .item:last-child::after{display: none;}
.join_box7 .item .box{;width: 100%;height: 100%;border-radius: 50%;border: 2px dashed rgba(255,255,255,0.6);}
.join_box7 .item:first-child{background-color: #294a5a;}
.join_box7 .item:nth-child(2){background-color: #00aaa2;}
.join_box7 .item:last-child{background-color: #ed5a00;margin-right: 0;}
.join_box7 .item .icon{display: block;margin:40px auto 15px auto;height: 70px;line-height: 70px;font-size: 60px;font-family: 'iconfont';}
.join_box7 .item .name{font-size:26px;line-height: 30px; font-weight: normal;}
.join_box7 .item .jia{width: 40px;height: 40px;margin: 0 15px;}