.wrap_serve_cooperation{}



.wrap_serve_cooperation .group .part_con{justify-content: space-between;padding-bottom: 30px;}
.wrap_serve_cooperation .group .part_con .side{background: #fff;width: 230px;text-align: center;position: relative;padding: 80px 0 90px;cursor: pointer}
.wrap_serve_cooperation .group .part_con .side img{height: 70px;}
.wrap_serve_cooperation .group .part_con .side h5{font-size: 16px;color: #2e2e2e;margin: 25px 0 10px;}
.wrap_serve_cooperation .group .part_con .side h6{font-size: 13px;color: #888;margin: 0 30px;}
.wrap_serve_cooperation .group .part_con .side .con_box{display: none;position: absolute;left: 0;bottom: 0;width: 100%;height: 0;justify-content: center;background: url("../img/serve_cooperation/con_bg1.png") no-repeat center center;background-size: 100% 100%;color: #fff;font-size: 13px;overflow: hidden;}
.wrap_serve_cooperation .group .part_con .side .con_box:before{content: ' ';position: absolute;left: 0;top: 0;width: 0;height: 0;border-color: transparent transparent transparent #fff;border-width: 0 0 50px 230px;border-style: solid;}
.wrap_serve_cooperation .group .part_con .side .con_box .con{width: 100%;margin-top: 65px;}
.wrap_serve_cooperation .group .part_con .side .con_box .con p{padding: 0 30px;text-align: left;word-break: break-all;line-height: 1.7;}

.wrap_serve_cooperation .system .part_con{justify-content: space-between;padding: 0 80px;}
.wrap_serve_cooperation .system .part_con .side{background: #fff;width: 30%;text-align: center;}
.wrap_serve_cooperation .system .part_con .side h5{font-size: 16px;color: #2e2e2e;margin: 25px 0 15px;}
.wrap_serve_cooperation .system .part_con .side h6{font-size: 13px;color: #888;}
.wrap_serve_cooperation .system .part_con .side .img{height: 200px;background-size: auto 200px;background-position: center center;background-repeat: no-repeat;transition: all .2s linear;}
.wrap_serve_cooperation .system .part_con .item1 .img{background-image: url("../img/serve_cooperation/con_img1_.png")}
.wrap_serve_cooperation .system .part_con .item2 .img{background-image: url("../img/serve_cooperation/con_img2_.png")}
.wrap_serve_cooperation .system .part_con .item3 .img{background-image: url("../img/serve_cooperation/con_img3_.png")}

.wrap_serve_cooperation .system .part_con .item1:hover .img{background-image: url("../img/serve_cooperation/con_img1.jpg")}
.wrap_serve_cooperation .system .part_con .item2:hover .img{background-image: url("../img/serve_cooperation/con_img2.jpg")}
.wrap_serve_cooperation .system .part_con .item3:hover .img{background-image: url("../img/serve_cooperation/con_img3.jpg")}

.wrap_serve_cooperation .process{background: #efefef}
.wrap_serve_cooperation .process .part_con{justify-content: space-between;padding: 0 30px 50px;}
.wrap_serve_cooperation .process .part_con .side{background: #fff;width: 25%;text-align: center;transition: all .2s linear;padding: 30px 0;border-bottom: 5px solid #4b85e8}
.wrap_serve_cooperation .process .part_con .side h5{font-size: 16px;color: #2e2e2e;margin: 25px 0 15px;transition: all .2s linear;}
.wrap_serve_cooperation .process .part_con .side h6{font-size: 13px;color: #888;transition: all .2s linear;padding: 0 20px;}
.wrap_serve_cooperation .process .part_con .side .img{height: 70px;background-size: auto 70px;background-position: center center;background-repeat: no-repeat;transition: all .2s linear;}
.wrap_serve_cooperation .process .part_con .item1 .img{background-image: url("../img/serve_cooperation/con_icon5_.png")}
.wrap_serve_cooperation .process .part_con .item2 .img{background-image: url("../img/serve_cooperation/con_icon6_.png")}
.wrap_serve_cooperation .process .part_con .item3 .img{background-image: url("../img/serve_cooperation/con_icon7_.png")}
.wrap_serve_cooperation .process .part_con .item4 .img{background-image: url("../img/serve_cooperation/con_icon8_.png")}

.wrap_serve_cooperation .process .part_con .side:hover{background: url("../img/serve_cooperation/con_bg1.png") no-repeat center center;background-size: 100% 100%;}
.wrap_serve_cooperation .process .part_con .side:hover h5,
.wrap_serve_cooperation .process .part_con .side:hover h6{color: #fff}
.wrap_serve_cooperation .process .part_con .item1:hover .img{background-image: url("../img/serve_cooperation/con_icon5.png")}
.wrap_serve_cooperation .process .part_con .item2:hover .img{background-image: url("../img/serve_cooperation/con_icon6.png")}
.wrap_serve_cooperation .process .part_con .item3:hover .img{background-image: url("../img/serve_cooperation/con_icon7.png")}
.wrap_serve_cooperation .process .part_con .item4:hover .img{background-image: url("../img/serve_cooperation/con_icon8.png")}

.wrap_serve_cooperation .partner .part_con{align-items: center;flex-wrap: wrap;justify-content: center;}
.wrap_serve_cooperation .partner .part_con a{width: 30%;margin: 15px 0;text-align: center;}
.wrap_serve_cooperation .partner .part_con a img{height: 50px}