/* 关于 */
.pbox{width: 66.66%;margin-left: 20.8%;}

.p_100{padding: 100px 0;}

.pb_120{padding-bottom: 120px;}

.p_200_100{padding: 200px 0 100px;}

.join_banner{z-index: 3;}

.join_banner .ban_con{position: relative;}

.join_banner .ban_con img{width: 100%;}

.join_banner .ban_con .txt{position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding-top: 175px;}

.join_banner .ban_con .txt .ts{width: 1120px;margin: 0 auto;color: #fff;}

.join_banner .ban_con .txt .ts .t1{display: flex;align-items: center;margin-bottom: 150px;}

.join_banner .ban_con .txt .ts .t1 a{color: #fff;}

.join_banner .ban_con .txt .ts .t1 {}

.join_banner .ban_con .txt .ts .t2{margin-bottom: 50px;letter-spacing:1.2px;}

.join_banner .ban_con .txt .ts .t3{line-height: 70px;}

.join_banner .ban_con .txt .ts .t4{line-height: 70px;}


.join_banner .ban_con .txt .ts .t1 a:first-child{margin-right: 15px;}

.join_banner .ban_con .txt .ts .t1 a:hover{color: #007440;}


/* 插画背景 */
.bei{}

.beijingh {position: relative;overflow: hidden;background: url(../img/abb.jpg)  no-repeat;background-size: cover;}

.beijingh  .biejt{position: absolute;left: 0;top: 0;width: 100%;height: 0;overflow: hidden;}

.beijingh  .biejt img{width: 100%;max-height:none;}

.beijingh  .biejt{}

/* .beijingh  .biejt s{position: absolute;width: 100%;height: 100%;bottom: 0;width: 100%;background: #fff;} */

.maodian{position: absolute;left: 0;top: -80px;width: 100%;height: 1px;}

.join1{position: relative;z-index: 5;background: url(../img/ab1_b.png) right top no-repeat;background-size: cover;}

.join1 .jo1_con{
    /* width: 100%; */
    height: auto;
}
.join1 .jo1_con .con1{
    margin: 100px 0 180px;

}
.join1 .jo1_con .jo1img{
    width: 100%;
    height: auto;
}
.join1 .jo1_con .jo1img img{
    width: 98%;
    margin-left: 2%;
    height: auto;
}
.join1 .jo1_con .jo1box{
    width: 28%;
    background: #178051;
    border-radius: 0 20px 0 20px;
    position: absolute;
    top: 55%;
    color: white;
    padding: 1.8% 2.4% 2.4%; 
    box-sizing: border-box;
}
.join1 .jo1_con .jo1box .jo1box_1span{
    font-weight: 700;
    margin-bottom: 20px;
}
.join1 .jo1_con .jo1box .jo1box_2span{
    margin-bottom: 25px;

    line-height: 28px;
}
.join1 .jo1_con .jo1box .jo1box_3span{
    line-height: 30px;
    font-weight: lighter;
}
.join2{position: relative;z-index: 5;}

.join2 .con1{
    margin: 100px 0 180px;
    height: 450px;
    display: flex;
    border-radius: 15px;
    flex-direction: row;
}
.join2 .con1 .uls{
    width: auto;
    flex: 1;
    height: 100%;
    background: #f4f7f6;
    border: 1px solid #ccc;
    border-radius: 10px;
    margin-right: 1.6%;
    padding: 0 22px;
}
.join2 .con1 .uls:nth-child(4){
    margin-right: 0%;
}
.join2 .con1 .uls .ulstop{
    line-height: 40px;
    width: 180px;
    height: 9%;
    background: linear-gradient(to right,#178051,#179e61);
    margin: 0 auto;
    border-radius: 7px;
    display: flex;
    position: relative;
    top: -5%;
    padding: 3% 4%;
    line-height: 26px;
    color: white;
}
.join2 .con1 .uls .ulstop img{
  width: 25px;
  height: 25px;
  margin-right: 10px;
}
.join2 .con1 .uls .lis{
   font-weight: 700;
    line-height: 40px;
}
.join2 .con1 .uls .lisn{
    padding-left: 12px;box-sizing: border-box;
    color: #3b3c3c;
    line-height: 20px;
    overflow: hidden;
    margin-bottom: 30px;
}

.join3{position: relative;z-index: 5;}

.join3 .con1{margin-bottom: 50px;
display: flex;
flex-direction: row;
}
.join3 .con1 .jo3_box{
    flex: 1;
    background: white;
    display: flex;
    flex-direction: column;
    border-radius: 20px;
    margin-right: 2%;
    overflow: hidden;
    border: solid 1px #ddd;
    position: relative;
}
.join3 .con1 .jo3_box a{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}

.join3 .con1 .jo3_box:hover {
    width: 60%;
    transform: translateY(-10px);
}
.join3 .con1 .jo3_box .imgbox{
    width: 100%;
    height:auto;
}

    
.join3 .con1 .jo3_box .imgbox img{
    width: 100%;
    height:100%;
}
.join3 .con1 .jo3_box:nth-child(2){
    margin-right: 0%;
}

.join3 .con1 .jo3_box .textbox{
    width: 100%;
    height:200px;
    padding: 50px 50px 10px; box-sizing: border-box;
    display: flex;
    flex-direction: column;
}

.join3 .con1 .jo3_box .textbox .jo2text1{
    font-weight: 500;
    width: 100%;
    display: flex;
}
.join3 .con1 .jo3_box .textbox .jo2text1 .font1{
   font-weight: 700;
   display: block;

}
.join3 .con1 .jo3_box .textbox .jo2text1 .xian{
    display: block;
    width: 40px;
    height: 13px;
    border-bottom: 2px solid black;
   }
   .join3 .con1 .jo3_box .textbox .jo2text1 .font2{

    display: block;
    line-height: 24px;
    margin-left: 5px;
   }

   .join3 .con1 .jo3_box .textbox .jo2text2{
    font-weight: 700;
    width: 100%;
    /* display: flex; */
    /* line-height: 30px; */
    margin-top: 30px;
    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;
   }
   .join3 .con1 .jo3_box .textbox .jo2text3{
    /* line-height: 30px; */
    width: 100%;
    margin-top: 20px;
    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap !important;
   }





.join4{position: relative;z-index: 5;}

.join4 .jo4_con{margin-left: 20.8%;}

.join4 .jo4_con .con1{margin-bottom: 50px;}

.join4 .jo4_con .con1 .jo4scorll{
    width: 100%;
    height: 320px;

}


/* 视频 */

.join4 .jo4_con .con1 .jo4scorll .ul1{
    width: 100%;
    height: 390px;
    display: inline;
    display: flex;
    flex-direction: row;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 30px;
}

.join4 .jo4_con .con1 .jo4scorll .ul1::-webkit-scrollbar{ width:4px;height: 4px; }

.join4 .jo4_con .con1 .jo4scorll .ul1::-webkit-scrollbar-thumb{ background:#fe8a0b;border-radius: 5px;}

.join4 .jo4_con .con1 .jo4scorll .ul1::-webkit-scrollbar-track{ background:#e4e4e4;} 


.join4 .jo4_con .con1 .jo4scorll .ul1 li{
    float: left;cursor: pointer;margin-right: 1.66%;margin-top: 30px;
}

.join4 .jo4_con .con1 .jo4scorll .ul1 li:last-child{margin-right: 0;}


.join4 .jo4_con .con1 .jo4scorll .ul1 li .img{display: block;width: 100%;overflow: hidden;position: relative;}

.join4 .jo4_con .con1 .jo4scorll .ul1 li .img img{display: block;width: 100%;transform: scale(1.000001);-webkit-transform: scale(1.0000001);}

.join4 .jo4_con .con1 .jo4scorll .ul1 li .img .bf{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;background: rgba(0, 0, 0, 0.5) url(../img/jo_bf.png) center no-repeat;}

.join4 .jo4_con .con1 .jo4scorll .ul1 li .img .dx{display: block;position: absolute;right: 10px;bottom: 5px;color: #fff;z-index: 3;}

.join4 .jo4_con .con1 .jo4scorll .ul1 li .txt{
    padding: 25px ;background: #f4faf9;line-height: 1.5;
    width: 440px;
    text-align: center;
}


.join4 .jo4_con .con1 .jo4scorll .ul1 li .txt .ltt{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

.join4 .jo4_con .con1 .jo4scorll .ul1 li .txt .day{color: #666;font-size: 14px;margin-top: 10px;line-height: 1;}

.join4 .jo4_con .con1 .jo4scorll .ul1 li:hover .img img{transform: scale(1.05);-webkit-transform: scale(1.05);}

.join4 .jo4_con .con1 .jo4scorll .ul1 li:hover .txt .ltt{color: #00479d;}


/* 弹窗 */

.z_tanchuang {position: fixed;display: table;height: 100%;width: 100%;top: 0;left: 0;transform: scale(0);-webkit-transform: scale(0);z-index: 10;}

.z_tanchuang .tbox {display: table-cell;background: rgba(0, 0, 0, 0.8);text-align: center;vertical-align: middle;}

/* 弹窗内容 */

.z_tanchuang .tbox .modal {background: white;padding: 50px;display: block;border-radius: 5px;position: relative;width: 90%;max-width: 1200px;max-height: 90%;margin: 0 auto;}

.z_tanchuang .tbox .modal .out{position: absolute;width: 40px;height: 40px;line-height: 40px;background: #fff url(../images/out.png) center no-repeat;background-size: 20px;color: #000;font-size: 30px;text-align: center;border-radius: 50%;top: 0;right: -50px;cursor: pointer;}

.z_tanchuang .tbox .modal .img{width: 100%;max-width: 600px;margin: 0 auto;overflow: hidden;height: 100%;}

.z_tanchuang .tbox .modal .img video{display: block;width: 100%;max-width: 100%;object-fit: cover;}

.z_tanchuang .tbox .modal .img img{margin: 0 auto ;}

.z_tanchuang .tbox .modal .out:hover{background: #fff url(../images/out2.png) center no-repeat;background-size: 20px;transform: rotate(180deg);-webkit-transform: rotate(180deg);}

.z_tanchuang .tbox .modal2{padding: 20px;}

.z_tanchuang .tbox .modal .img{max-width: 1200px;}

/* 弹窗选中 */

.z_tanchuang.one {transform: scaleY(0.01) scaleX(0);animation: unfoldIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;-webkit-transform: scaleY(0.01) scaleX(0);-webkit-animation: unfoldIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}

.z_tanchuang.one .tbox .modal {transform: scale(0);animation: zoomIn 0.5s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;-webkit-transform: scale(0);-webkit-animation: zoomIn 0.5s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}

.z_tanchuang.one.out {transform: scale(1);animation: unfoldOut 1s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;-webkit-transform: scale(1);-webkit-animation: unfoldOut 1s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}

.z_tanchuang.one.out .tbox .modal {animation: zoomOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;-webkit-animation: zoomOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}

/* 弹窗动画 */

@keyframes unfoldIn {0% {transform: scaleY(0.005) scaleX(0);}50% {transform: scaleY(0.005) scaleX(1);}100% {transform: scaleY(1) scaleX(1);}}

@keyframes zoomIn {0% {transform: scale(0);}100% {transform: scale(1);}}

@keyframes zoomOut {0% {transform: scale(1);}100% {transform: scale(0);}}

@keyframes unfoldOut {0% {transform: scaleY(1) scaleX(1);}50% {transform: scaleY(0.005) scaleX(1);}100% {transform: scaleY(0.005) scaleX(0);}}

@-webkit-keyframes zoomIn {0% {transform: scale(0);}100% {transform: scale(1);}}

@-webkit-keyframes zoomOut {0% {transform: scale(1);}100% {transform: scale(0);}}

@-webkit-keyframes unfoldOut {0% {transform: scaleY(1) scaleX(1);}50% {transform: scaleY(0.005) scaleX(1);}100% {transform: scaleY(0.005) scaleX(0);}}

@-webkit-keyframes unfoldIn {0% {transform: scaleY(0.005) scaleX(0);}50% {transform: scaleY(0.005) scaleX(1);}100% {transform: scaleY(1) scaleX(1);}}

.join5{padding-bottom: 150px;position: relative;z-index: 5;}

.join5 .con1{margin-bottom: 50px;
width: 100%;
height: 364px;
}
.join5 .con1 .jo5box1{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
}
.join5 .con1 .jo5box1 .jo5le{
    width: auto;
    flex: 1;
    height: 100%;
    display: flex;
    flex-direction: row;
    background:  url(../img/jo5_1.png)  no-repeat;
    -moz-background-size:cover; background-size:cover;
    margin-right: 20px;
    display: flex;
    flex-direction: column;
    padding: 50px; box-sizing: border-box;
}
.join5 .con1 .jo5box1 .jo5le .jo5le_title{
font-weight: 700;
}
.join5 .con1 .jo5box1 .jo5le .jo5le_xian{
    width: 100%;
    height: 1px;
    background: #ecedef;
    margin: 30px 0;
}
.join5 .con1 .jo5box1 .jo5le .jo5le_box{
   flex: 1;
   width: 100%;
   display: flex;
   flex-direction: row;
} 
.join5 .con1 .jo5box1 .jo5le .jo5le_box .jo5lebox1{
    width: 48%;
    height: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
 } 
 .join5 .con1 .jo5box1 .jo5le .jo5le_box .jo5lebox1 span{
 display: block;
 border: 1px solid #ecedef;
 border-radius: 50px;
 width: 120px;
 height: 40px;
 text-align: center;
 line-height: 40px;
margin-right: 20px;
 } 
 .join5 .con1 .jo5box1 .jo5le .jo5le_box .jo5leboxxian{
   width: 1px;
   height: 100%;
   background: #ecedef;
   margin-right: 4%;

 } 
 .join5 .con1 .jo5box1 .jo5le .jo5le_box .jo5lebox2{
   width: 48%;
    height: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
 } 

 .join5 .con1 .jo5box1 .jo5le .jo5le_box .jo5lebox2 span{
    display: block;
    border: 1px solid #ecedef;
    border-radius: 50px;
    width: 120px;
 height: 40px;
 text-align: center;
 line-height: 40px;
margin-right: 20px;
} 

.join5 .con1 .jo5box1 .jo5ri{
    width: auto;
    height: 100%;
    display: flex;
    flex-direction: row;
    z-index: 10;
}
.join5 .con1 .jo5box1 .jo5ri .imgname{
    position: absolute;
    color: white;
    padding: 30px 0px;
    width: 15%;
    border-bottom: 1px solid #fff;
    top: 43%;
    margin-left: 2%;
    font-weight: 700;
    display: none;
}

.join5 .con1 .jo5box1 .jo5ri img{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
}

.join5 .con1 .jo5box2{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    position: relative;
    top: -100%;
}
.join5 .con1 .jo5box2 .jo5le{
    width: auto;
    flex: 1;
    height: 100%;
    display: flex;
    flex-direction: row;
    background:  url(../img/jo5_1.png)  no-repeat right;
    -moz-background-size:cover; background-size:cover;
    margin-left: 20px;
    display: flex;
    flex-direction: column;
    padding: 50px; box-sizing: border-box;
}
.join5 .con1 .jo5box2 .jo5le .jo5le_title{
font-weight: 700;
}
.join5 .con1 .jo5box2 .jo5le .jo5le_xian{
    width: 100%;
    height: 1px;
    background: #ecedef;
    margin: 30px 0;
}
.join5 .con1 .jo5box2 .jo5le .jo5le_box{
    flex: 1;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content:space-between;
} 
.join5 .con1 .jo5box2 .jo5le .jo5le_box .jo5lebox1{
    width: 48%;
    height: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
} 
.join5 .con1 .jo5box2 .jo5le .jo5le_box .jo5lebox1 span{
    display: block;
    border: 1px solid #ecedef;
    border-radius: 50px;
    width: 120px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    margin-right: 20px;
} 

.join5 .con1 .jo5box2 .jo5le .jo5le_box .jo5lebox1 span:nth-child(2n),.join5 .con1 .jo5box2 .jo5le .jo5le_box .jo5lebox2 span:nth-child(2n),.join5 .con1 .jo5box1 .jo5le .jo5le_box .jo5lebox1 span:nth-child(2n),.join5 .con1 .jo5box1 .jo5le .jo5le_box .jo5lebox2 span:nth-child(2n){margin-right: 0;}
.join5 .con1 .jo5box2 .jo5le .jo5le_box .jo5leboxxian{
    width: 1px;
    height: 100%;
    background: #ecedef;
    /* margin-right: 40px; */
    margin-right: 4%;
} 
.join5 .con1 .jo5box2 .jo5le .jo5le_box .jo5lebox2{
   width: 48%;
    height: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
} 

.join5 .con1 .jo5box2 .jo5le .jo5le_box .jo5lebox2 span{
    display: block;
    border: 1px solid #ecedef;
    border-radius: 50px;
    width: 120px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    margin-right: 20px;
} 

.join5 .con1 .jo5box2 .jo5ri{
    width: auto;
    height: 100%;
    display: flex;
    flex-direction: row;
    z-index: 10;
}
.join5 .con1 .jo5box2 .jo5ri .imgname{
    position: absolute;
    color: white;
    padding: 30px 0px;
    width: 15%;
    border-bottom: 1px solid #fff;
    top: 66%;
    margin-left: 2%;
    font-weight: 700;
}
.join5 .con1 .jo5box2 .jo5ri img{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
}
.ons{
    opacity: 0;
   transition: all 0.6s;
}
.ons2{
    opacity: 1;
   transition: all 0.6s;
}

@keyframes opat {0% {opacity: 1;}100% { opacity: 0;}}
@keyframes opat2 {0% {opacity: 0;}100% { opacity: 1;}}

.join5s{position: relative;z-index: 3;padding-bottom: 150px;}

.join5s .con{display: flex;justify-content: space-between;position: relative;}

.join5s .con .con_le{position: relative;overflow: hidden;transition: all 0.6s;display: flex;justify-content: space-between;opacity: 0;pointer-events: none;width: 100%;height: 100%;}

.join5s .con .con_le .img {position: relative;height: 100%;overflow: hidden;width: 31.6%;}

.join5s .con .con_le .img .ts{position: absolute;width: 70%;left: 10%;bottom: 40px;color: #fff;padding-bottom: 30px;border-bottom: 1px solid #ffffff90;}


.join5s .con .con_le .uls{display: flex;justify-content: space-between}

.join5s .con .con_le .uls .lis{width: 50%;display: flex;flex-wrap: wrap;padding-right: 30px;}

.join5s .con .con_le .uls .lis span{width: 120px;height: 40px;text-align: center;line-height: 38px;border-radius: 100px;display: block;border: 1px solid #DDDDDD;margin-right: 15px;margin-bottom: 15px;}

.join5s .con .con_le .uls .lis:nth-child(2n){padding-right: 0;padding-left: 25px;border-left: 1px solid #DDDDDD;}


.join5s .con .con_le .uls .lis span:nth-child(2n){margin-right: 0;}

.join5s .con .con_le .img  img{width: 100%;}

.join5s .con .con_le .txt{background: url(../img/join5s_2.jpg) center no-repeat;background-size: cover;padding: 60px 55px 0;pointer-events: none;display: block;width: 67%;}

.join5s .con .con_re .txt{background: url(../img/join5s_3.jpg) center no-repeat;background-size: cover;padding: 60px 55px 0;pointer-events: none;display: block;width: 67%;}

.join5s .con .con_re .txt{height: 100%;}

.join5s .con .con_le .txt .t1{padding-bottom: 30px;margin-bottom: 30px;border-bottom: 1px solid #ddd;}


.join5s .con .con_le .txt .ul{display: flex;justify-content: space-between;}

.join5s .con .con_le .txt .ul .l1 span{width: 100%;height: 35px;border-radius: 25px;border: 1px solid #ddd;text-align: center;line-height: 33px;display: block;}

.join5s .con .con_le .txt .ul .l1 {margin-bottom: 30px;}

.join5s .con .con_le .txt .ul .l2 p:first-child{margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px solid #ddd;}

.join5s .con .con_re{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}

.join5s .con .con_re{display: block;}

.join5s .con .con_re .img{float: right;}

.join5s .con .con_re .txt{float: right;margin-right: 1.4%;}


/* .join5s .con .con_le.act{transition: all 0.6s;} */

/* .join5s .con .con_le.act .txt{width: 210%;transition-delay: 0.3s;display: none;} */

/* .join5s .con .con_le.act .txt .t1{opacity: 0;} */
.join5s .con .con_le .img img{height: 100%;}

.join5s .con .con_le.act{opacity: 1;pointer-events: visible;width: 100%;}


.anfeny{display: flex;justify-content: center;line-height: 53px;position: absolute;bottom: 0;width: 100%;}

.anfeny .lls{position: relative;bottom: 0;width: auto;}

.ab5_prev,.ab5_next{width: 53px;height: 53px;background: url(../img/ab5_7.png) center no-repeat;background-size: 100% 100%;outline: none;}

.ab5_next{transform: rotate(180deg);}

.anfeny .ab5_prev,.anfeny .ab5_next{top: 0;margin: 0;opacity: 1;}

.anfeny .anan{width: 115px;position: relative;height: 53px;margin-left: 40px;}

.anfeny .ab5_prev{left: 0;}

.anfeny .ab5_next{right: 0px;}

.ab5_prev:hover,.ab5_next:hover{background: url(../img/ab5_8.png) center no-repeat;background-size: 100% 100%;}





.life1{background: url(../img/life1_1.jpg)  no-repeat;position: relative;z-index: 5;padding: 100px 0 80px;}

.life1 .con1{margin-bottom: 140px;}

.life1 .con1 img{display: block;margin: 0 auto;max-width: 1280px;}

.life1 .con2 .ul{display: flex;flex-wrap: wrap;justify-content: space-between;}

.life1 .con2 .ul .li{width: 49%;position: relative;overflow: hidden;margin-bottom: 20px;}

.life1 .con2 .ul .li .img img{width: 100%;}

.life1 .con2 .ul .li .img{position: relative;}

.life1 .con2 .ul .li .d{position: absolute;left: 0;width: 100%;bottom: 30px;color: #fff;padding: 0 30px;}

.life1 .con2 .ul .li .txt{position: absolute;left: 0;top: 100%;width: 100%;height: 100%;background: rgba(25,129,83,0.96);color: #fff;padding: 10px 30px ;}

.life1 .con2 .ul .li .txt .t1{line-height: 75px;border-bottom: 1px dotted rgba(255,255,255,0.3);margin-bottom: 15px;}

.life1 .con2 .ul .li .txt .t2{line-height: 32px;}

.life1 .con2 .ul .li .txt .t2 span{display: block;margin-bottom: 13px;}

.life1 .con2 .ul .li:hover .txt{top: 0;}

.life1 .con2 .ul .li:hover .d{opacity: 0;}

.life2{background: url(../img/life3_1.jpg) no-repeat;background-size: cover;position: relative;z-index: 5;padding: 80px 0;}

.life2 .con1{text-align: center;color: #fff;margin-bottom: 50px;}

.life2 .con2  .life3_sw{padding-bottom: 90px;}

.life2 .con2 .ss{display: flex;}

.life2 .con2 .ss .sl{width: 67%;background:#fff;padding: 120px 55px 60px 70px ;position: relative;}

.life2 .con2 .ss .sr{width: 33%;}

.life2 .con2 .ss .sr img{width: 100%;}

.life2 .con2 .ss .sl .l1{color: #198152;}

.life2 .con2 .ss .sl s{display: block;width: 30px;height: 6px;background: #fe8a0b;margin: 25px 0 35px;}

.life2 .con2 .ss .sl .l2{margin-bottom: 30px;}

.life2 .con2 .ss .sl .l3{line-height: 30px;}

.as1{width: 170px;height: 50px;display: flex;align-items: center;justify-content: center;border-radius: 100px;background: #fe8a0b;color: #fff;margin-right: 25px;}

.as1 img{margin-left: 10px;}

.as2{width: 50px;height: 50px;border-radius: 100%;background: #fe8a0b;}

.life2 .con2 .ss .sl .l4 .le{display: flex;}

.life2 .con2 .ss .sl .l4{display: flex;justify-content: space-between;position: absolute;bottom: 60px;width: 100%;left: 0;padding: 0 55px 0 70px;}
















@media screen and (max-width:2360px) {
}
@media screen and (max-width:2260px) {
}
@media screen and (max-width:2160px) {
}
@media screen and (max-width:2060px) {
}

@media screen and (max-width:1920px) {
 
}
@media screen and (max-width:1820px) {
    .join2 .con1 .uls .lisn{margin-bottom: 15px;}
}
@media screen and (max-width:1680px) {
    .join2 .con1 .uls{padding: 0 15px;}

    .join3 .con1 .jo3_box .textbox{padding: 30px ;}

    .join5 .con1 .jo5box2 .jo5le,.join5 .con1 .jo5box1 .jo5le{padding: 30px ;}

    .join5 .con1 .jo5box2 .jo5le .jo5le_box .jo5lebox2 span,.join5 .con1 .jo5box2 .jo5le .jo5le_box .jo5lebox1 span,.join5 .con1 .jo5box1 .jo5le .jo5le_box .jo5lebox1 span,.join5 .con1 .jo5box1 .jo5le .jo5le_box .jo5lebox2 span{width: 100px;margin-right: 10px;}

    .join5s .con .con_le .txt .ul .l2{font-size: 12px;}

    .join5s .con .con_le .txt{padding: 40px 40px 0;}

    .join5s .con .con_le .txt .t1{margin-bottom: 20px;padding-bottom: 20px;}

    .join5s .con .con_le .txt .ul .l1{margin-bottom: 20px;}

    .join5s .con .con_le .txt .ul .l2 p:first-child{margin-bottom: 15px;padding-bottom: 15px;}

	.join5s .con .con_le .uls .lis{padding-right: 0;}

	.join5s .con .con_le .uls .lis span{margin-right: 10px;margin-bottom: 10px;width: 110px;}

    .z_tanchuang .tbox .modal{padding: 15px;}


   
}
@media screen and (max-width:1560px) {
   
}
@media screen and (max-width:1440px) {

    .join5 .con1 .jo5box1 .jo5le .jo5le_box .jo5leboxxian,.join5 .con1 .jo5box2 .jo5le .jo5le_box .jo5leboxxian{margin: 0 2%;}
    
    .join5 .con1 .jo5box2 .jo5le .jo5le_box .jo5lebox2 span, .join5 .con1 .jo5box2 .jo5le .jo5le_box .jo5lebox1 span, .join5 .con1 .jo5box1 .jo5le .jo5le_box .jo5lebox1 span, .join5 .con1 .jo5box1 .jo5le .jo5le_box .jo5lebox2 span{width: 90px;}

    .join5 .con1 .jo5box2 .jo5le, .join5 .con1 .jo5box1 .jo5le{padding: 30px 20px;}

    .join5s .con .con_le .txt{padding: 30px 25px 0;}

    .join5s .con .con_le .txt .ul .l2{width: 140%;position: relative;left: -20%;text-align: center;transform: scale(0.8);}

    .join5s .con .con_le .txt .ul .li{margin-right: 10px;}

    .join5s .con .con_le .txt .ul .li:last-child{margin-right: 0;}

}
@media screen and (max-width:1360px) {


}
@media screen and (max-width:1300px) {
    .join5 .con1 .jo5box2 .jo5le .jo5le_box .jo5lebox2 span, .join5 .con1 .jo5box2 .jo5le .jo5le_box .jo5lebox1 span, .join5 .con1 .jo5box1 .jo5le .jo5le_box .jo5lebox1 span, .join5 .con1 .jo5box1 .jo5le .jo5le_box .jo5lebox2 span{width: 80px;}
}
@media screen and (max-width:1025px) {

    .f_16{font-size: 14px;}
    .f_20{font-size: 16px;}
    .f_22{font-size: 18px;}
    .f_24{font-size: 18px;}
    .f_26{font-size: 18px;}
    .f_28{font-size: 20px;}
    .f_30{font-size: 20px;}
    .f_32{font-size: 22px;}
    .f_36 {font-size: 22px;}
    .f_40{font-size: 22px;}
    .f_42{font-size: 24px;}
    .f_44{font-size: 24px;}
    .f_48{font-size: 24px;}
    .f_50{font-size: 24px;}
    .f_54{font-size: 26px;}
    .f_56{font-size: 26px;}
    .f_60{font-size: 30px;}
    .f_64{font-size: 36px;}
    .f_72{font-size: 22px;}
    .f_76{font-size: 24px;}
    .f_88{font-size: 24px;}
    .f_100{font-size: 50px;}

    .pb_120{padding-bottom: 20px;}

    .pc{
        display: none;
    }
    .yd{
        display: block;
    }
    .cedao{
        display: none;
    }

    .pbox {  width: calc(100% - 40px); margin: 0 20px; }

    .join1 {
        position: relative;
        z-index: 5;
        width: 100vw;
    }
    .join1 .jo1_con .con1 {
        margin: 20px 0 20px;
    }
    .join1 .jo1_con .jo1img img {
        width: 100%;
        margin-left: 0%;
        height: auto;
    }
    
    .join1 .jo1_con .jo1box {
        width: 100%;
        height: auto;
        background: #178051;
        border-radius: 0 0 20px 20px;
        position: relative;
        top: 0%;
        color: white;
        padding: 15px;
        box-sizing: border-box;
    }
    .join2 {
        position: relative;
        z-index: 5;
        height: auto;
        width: 100vw;
        margin: 0;
    }
    .join2 .con1 {
        margin: 0px 0 20px;
        height: auto;
        display: flex;
        border-radius: 15px;
        flex-direction: column;
    }
    .join2 .con1 .uls {
        width: auto;
        flex: 1;
        height: 450px;
        background: #f4f7f6;
        border: 1px solid #ccc;
        border-radius: 10px;
        margin-right: 0;
        padding: 0 22px;
        margin-top: 40px;
    }

    .join2 .con1 .uls .ulstop {
        line-height: 40px;
        /* width: 72%; */
        height: 40px;
        background: linear-gradient(to right,#178051,#179e61);
        margin: 0 auto;
        border-radius: 7px;
        display: flex;
        position: relative;
        top: -19px;
        padding: 0% 4%;
        line-height: 26px;
        color: white;
        align-items: center;
    }

    .join3 {
        position: relative;
        z-index: 5;
        position: relative;
        z-index: 5;
        width: 100vw;
    }

    .join3 .con1 {
        margin-bottom: 20px;
        display: flex;
        flex-direction: column;

       
    }
    .join3 .con1 .jo3_box {
        flex: 1;
        background: white;
        display: flex;
        flex-direction: column;
        border-radius: 20px;
        margin-right: 0;
        overflow: hidden;
        margin-bottom: 21px;
    }
    .join3 .con1 .jo3_box .textbox {
        width: 100%;
        height: auto;
        padding: 30px 20px;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
    }

    .join4 {
        position: relative;
        z-index: 5;
        width: 100vw;
    }
    .join4 .jo4_con {
        margin-left: 4%;
    }

    .join5 {
        position: relative;
        z-index: 5;
        position: relative;
        z-index: 5;
        width: 100vw;
        padding-bottom: 0px;
        height: auto;
    }
    .join5 .con1 .jo5box2 .jo5ri {
        width: auto;
        height: 100%;
        display: flex;
        flex-direction: row;
        z-index: 10;
    }
    .join5 .con1 .jo5box1 {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column-reverse;
    }
    .join5 .con1 .jo5box2 {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
    }

    .z_tanchuang .tbox .modal .out {
        position: absolute;
        width: 40px;
        height: 40px;
        line-height: 40px;
        background: #fff url(../images/out.png) center no-repeat;
        background-size: 20px;
        color: #000;
        font-size: 30px;
        text-align: center;
        border-radius: 50%;
        top: -41px;
        right: 4px;
        cursor: pointer;
    }
    .join5 .con1 .jo5box1 .jo5le .jo5le_box .jo5lebox2 span {
        display: block;
        border: 1px solid #ecedef;
        border-radius: 50px;
        width: 120px;
        height: 40px;
        text-align: center;
        line-height: 40px;
        margin-right: 20px;
        margin-bottom: 6px;
    }
    .join5 .con1 .jo5box1 .jo5ri .imgname {
        position: absolute;
        color: white;
        padding: 30px 0px;
        width: 55%;
        border-bottom: 1px solid #fff;
        top: 79%;
        margin-left: 2%;
        font-weight: 700;
    }


    .join5 .con1 .jo5box2 .jo5ri .imgname {
        position: absolute;
        color: white;
        padding: 30px 0px;
        width: 80%;
        border-bottom: 1px solid #fff;
        top: 56%;
        margin-left: 2%;
        font-weight: 700;
        display: none;
    }

    .join5 .con1 .jo5box2 .jo5le .jo5le_box .jo5lebox2 span {
        display: block;
        border: 1px solid #ecedef;
        border-radius: 50px;
        width: 120px;
        height: 40px;
        text-align: center;
        line-height: 40px;
        margin-right: 20px;
        margin-bottom: 6px;
    }
    
    .join3 .con1 .jo3_box .textbox .jo2text1{display: block;}

    .join3 .con1 .jo3_box .textbox .jo2text1 .xian { display: inline-block; }

    .join3 .con1 .jo3_box .textbox .jo2text1 .font2{display: inline-block;}

    .join3 .con1 .jo3_box .textbox .jo2text1 .font1{margin-bottom: 10px;}

    .join3 .con1 .jo3_box .textbox .jo2text2 {line-height: 30px;margin-top: 15px;}

    .join4 .jo4_con .con1 .jo4scorll .ul1 li{width: 100%;}

    .join4 .jo4_con .con1 .jo4scorll .ul1 li .txt{width: 300px;}

    .join4 .jo4_con .con1 .jo4scorll .ul1{height: auto;padding-bottom: 30px;}

    .join4 .jo4_con .con1{margin-bottom: 0;}

    .join5 .con1{height: auto;margin-bottom: 20px;}

    .join5 .con1 .jo5box1 .jo5le { width: 100%; height: 100%; margin-right: 0px; display: flex;  flex-direction: column;  padding: 30px 20px; background: #fff;}

    .ons{opacity: 1;}

    .join5 .con1 .jo5box1 .jo5le .jo5le_box .jo5lebox1 span{margin-bottom: 6px;}

    .join5 .con1 .jo5box2 .jo5le { width: 100%; height: 100%; background: #fff;margin-left: 0px; padding: 30px 20px;}

    .join5 .con1 .jo5box2 .jo5le .jo5le_box .jo5lebox1 span{margin-bottom: 6px;}

    .join2 .con1{}

    /* .join5 .con1 .jo5box2 .jo5le .jo5le_box{flex-wrap: wrap;} */
    .join5 .con1 .jo5box2 .jo5le .jo5le_box .jo5leboxxian{display: none;}

    .join5 .con1 .jo5box2 .jo5le .jo5le_box .jo5lebox2 span{margin-right: 0;}

    .join5 .con1 .jo5box2 .jo5le .jo5le_box .jo5lebox1 span,.join5 .con1 .jo5box2 .jo5le .jo5le_box .jo5lebox2 span{width: 100%;margin-right: 0;}

    .join5 .con1 .jo5box2 .jo5le .jo5le_box .jo5lebox2,.join5 .con1 .jo5box2 .jo5le .jo5le_box .jo5lebox1{width: 49%;flex: none;}

    .join5 .con1 .jo5box2 .jo5le .jo5le_box{justify-content: space-between;}

    .join5 .con1 .jo5box1 .jo5le .jo5le_box .jo5lebox1 span,.join5 .con1 .jo5box1 .jo5le .jo5le_box .jo5lebox2 span{width: 100%;margin-right: 0;}


    .join5 .con1 .jo5box1 .jo5le .jo5le_box .jo5lebox1{width: 49%;}

    .join5 .con1 .jo5box1 .jo5le .jo5le_box .jo5leboxxian{display: none;}

    .join3 .con1 .jo3_box .textbox .jo2text3{line-height: 24px;}

    .join5s .con{flex-wrap: wrap;}

    .join5s .con .con_le{flex-wrap: wrap;pointer-events: visible;opacity: 1;}
	
	.join5s .con .con_le .uls .lis span{margin-right: 0;margin: 0 auto 10px;width: 80%;}
	
	.join5s .con .con_le .uls .lis span:nth-child(2n){margin-right: auto;}
	
	.join5s .con .con_le .uls .lis:nth-child(2n){padding-left: 0;}


    /* .join5s .con .con_le{width: 100%;} */

    .join5s .con .con_le .img{width: 100%;}
  
    .join5s .con .con_le .txt{width: 100%;padding: 25px 20px;pointer-events: visible;}

    .join5s .con .con_re{position: static;opacity: 1;margin-top: 20px;}

    .join5s .con .con_re .img{float: none;}
   
    .join5s .con .con_re .txt{float: none;margin-right: 0;}

    .join5s{padding-bottom: 35px;}


}   



@media screen and (max-width:800px) {

    .jo3_con{overflow-x: auto;}
 
    .join3 .con1{width: 600px;display: flex;flex-direction:inherit;justify-content: space-between;margin-bottom: 0;}

    .join3 .con1 .jo3_box{flex: none;width: 48%;margin-bottom: 0;}

    .join5s .con .con_le .txt .t2{overflow-x: auto;}

    .join5s .con .con_le .txt .ul{width: 600px;}









}