.joinin-page .tit{font-size: 40px;line-height: 50px;text-align: center;position: relative;color: #000;}
.joinin-page .tit::after{content:'';position: absolute;bottom: -20px;left: 50%;transform: translateX(-50%);height: 5px;background: #1a6dbd;width:30px}
.joinin-page .more{width:200px;line-height: 58px;border:1px solid #1a6dbd;border-radius: 30px;font-size: 16px;color:#1a6dbd;padding-left: 45px;background: #fff url(../images/arrow-m.png) no-repeat 80% center/16px;box-shadow: 0 0 20px rgba(0,119,73,.3);transition: .3s;}

.joinin-page .box1{background: linear-gradient(to bottom,#f9fffe,#ddedfd);padding:100px 0}
.joinin-page .box1 .width{display: flex;align-items: center;}
.joinin-page .box1 .img-bg{width: 46.87%;border-radius: 20px;}
.joinin-page .box1 .img-bg .img{padding-bottom: 66.66%;}
.joinin-page .box1 .info{flex:1;padding-left: 60px;}
.joinin-page .box1 .tit{text-align: left;margin-bottom: 50px;}
.joinin-page .box1 .tit::after{left:0;transform: translateX(0);}
.joinin-page .box1 .info>p{font-size: 16px;line-height: 32px;color:#666;max-height: 320px;}
.joinin-page .box1 .info .img{display:none}

.joinin-page .box2{padding:90px 0 80px}
.joinin-page .box2 .tit-box{display: flex}
.joinin-page .box2 .tit{text-align: center;margin-bottom: 40px;flex:1;}
/*.joinin-page .box2 .tit::after{left:0;transform: translateX(0);}*/
.joinin-page .box2 .arrow{width: 106px;display: flex}
.joinin-page .box2 .arrow>div{width: 48px;height: 48px;border-radius: 50%;box-shadow: 0 0 20px rgba(0,119,73,.15);background: #fff url(../images/arrow1.svg) no-repeat center center/16px;transition: .3s;cursor: pointer;}
.joinin-page .box2 .prev{margin-right: 10px;transform: rotate(180deg);}
.joinin-page .box2 .swiper-container{ padding-top: 20px; padding-bottom: 20px;}
.joinin-page .box2 .swiper-slide{box-shadow: 0 0 20px rgba(0,119,73,.15);width:32.33333%;height: auto;border-radius: 20px;padding:80px 60px 110px;overflow: hidden; margin-right: 30px;}
.joinin-page .box2 .swiper-slide:nth-child(3){margin-right: 0px;}
.joinin-page .box2 .info{position:relative;z-index: 3;}
.joinin-page .box2 .img-div img{width:72px;height: 68px;}
.joinin-page .box2 .info>p:nth-of-type(1){font-size: 24px;line-height: 34px;color:#1a6dbd;margin:25px 0 20px}
.joinin-page .box2 .info>p:nth-of-type(2){font-size: 16px;line-height: 30px;color:#666}
.joinin-page .box2 .swiper-slide>p{font-size: 120px;color:rgba(0,119,73,.05);position: absolute;right: 35px;bottom: -12%;}
.joinin-page .box2 .info-bg{transition: .8s;width:100%;height:100%;position: absolute;top:0;left:0;opacity: 0;background: linear-gradient(45deg,#1a6dbd,rgba(0,119,73,.7));z-index: 2;}
.joinin-page .box2 .img{width:100%;height:100%;position: absolute;top:0;left:0;opacity: 0;transition: .8s;}

.joinin-page .box3{background: linear-gradient(to bottom,#e9f4ff,#9bceff);padding:90px 0 70px}
.joinin-page .box3 ul{display: flex;flex-wrap: wrap;margin-top: 65px;}
.joinin-page .box3 li{width:calc(50% - 20px);border-radius: 20px;padding:45px 55px 50px;margin-bottom: 30px;background: rgba(255,255,255,.5);border:2px solid rgba(255,255,255,.5);position: relative;}
.joinin-page .box3 li:nth-child(2n+1){margin-right: 40px;}
.joinin-page .box3 .info{position:relative;z-index: 3;display: flex;}
.joinin-page .box3 .img-div img{width:59px;height: 54px;}
.joinin-page .box3 .txt{flex:1;padding-left:45px}
.joinin-page .box3 .txt>p:nth-of-type(1){font-size: 22px;line-height: 32px;margin-bottom:15px}
.joinin-page .box3 .txt>p:nth-of-type(2){font-size: 16px;line-height: 28px;color:#666}
.joinin-page .box3 .info-bg{transition: .8s;width:calc(100% + 4px);height:calc(100% + 4px);position: absolute;top:-2px;left:-2px;opacity: 0;background: linear-gradient(45deg,rgba(12,101,187,.9),rgba(12,101,187,.7));z-index: 2;border-radius: 20px;}
.joinin-page .box3 .img{width:calc(100% + 4px);height:calc(100% + 4px);position: absolute;top:-2px;left:-2px;opacity: 0;transition: .8s;border-radius: 20px;}
.img-divv {
    display: flex;
    justify-content: center;
    align-items: center;
}
.joinin-page .box4{padding:90px 0}
@media only screen and (min-width: 1400px){
.joinin-page .box4 .con{max-width:1480px;position: relative;margin-top: 65px;}
}

@media screen and (max-width: 1410px){
.joinin-page .box4 .con{max-width:1180px;position: relative;margin-top: 65px;}
}

.joinin-page .box4 .swiper-container{max-width:1320px}
@media only screen and (min-width: 1400px){
.joinin-page .box4 .swiper-slide{text-align: center;width:auto;    margin-right: 105px;}
}

@media screen and (max-width: 1410px){
.joinin-page .box4 .swiper-slide{text-align: center;width:auto;    margin-right:80px;}
}

.joinin-page .box4 .swiper-slide::before{content:'';position: absolute;bottom:77px;left:50%;transform:translateX(-50%);width:12px;height:12px;background: #fff;border:3px solid #1a6dbd;border-radius: 50%;}
.joinin-page .box4 .swiper-slide::after{content:'';position: absolute;bottom:81px;right:-52px;width:12px;height:9px;background: url(../images/16.png) no-repeat center center/12px}
.joinin-page .box4 .swiper-slide:last-child::after{display: none;}
.joinin-page .box4 .img-div{width: 134px;height: 141px;background: url(../images/15.jpg) no-repeat center center/134px;margin:0 auto}
.joinin-page .box4 .img-div>img{max-width: 35%;max-height: 35%;}
.joinin-page .box4 .swiper-slide>p:nth-of-type(1){font-size: 18px;margin:20px 0 90px}
.joinin-page .box4 .swiper-slide>p:nth-of-type(2){font-size: 36px;color:#1a6dbd}
.joinin-page .box4 .line{width:calc(100% - 120px);height:1px;left: 50%;transform: translateX(-50%);background: rgba(0,119,73,.2);position: absolute;bottom:85px}
.joinin-page .box4 .arrow{width: 48px;height: 48px;border-radius: 50%;box-shadow: 0 0 20px rgba(0,119,73,.15);background: #fff url(../images/arrow1.svg) no-repeat center center/16px;transition: .3s;cursor: pointer;position: absolute;right:0;bottom:63px}
.joinin-page .box4 .prev{transform: rotate(180deg);left:0;right: auto;}

.joinin-page .box5{padding:90px 0 100px}
.joinin-page .box5 .width{max-width: 780px;}
.joinin-page .box5 .con{margin-top:65px;background: rgba(255,255,255,.5);border-radius: 20px;border:2px solid rgba(255,255,255,.5);padding:55px 70px 70px}
.joinin-page .box5 .items{display: flex;margin-bottom: 35px;}
.joinin-page .box5 .item{flex:1}
.joinin-page .box5 .items:nth-of-type(1) .item:nth-of-type(1){margin-right:40px}
.joinin-page .box5 .items:nth-of-type(2) .item{margin-right:20px}
.joinin-page .box5 .items:nth-of-type(2) .item:nth-of-type(3){margin-right:0}
.joinin-page .box5 .item>p{font-size: 16px;margin-bottom: 15px;}
.joinin-page .box5 .item>input{height:50px;border:1px #e5e5e5 solid;width:100%;padding:0 25px;border-radius: 5px;}
.joinin-page .box5 .radio{display: flex;}
.joinin-page .box5 .radio>p{font-size: 16px;position: relative;padding:0 40px 0 30px;cursor: pointer;}
.joinin-page .box5 .radio>p::before{content:'';position: absolute;top:0;left:0;width:18px;height:18px;border:1px #e5e5e5 solid;border-radius: 50%;background: #fff;}
.joinin-page .box5 .radio>p.active::before{background:#fff url(../images/7.png) no-repeat center center/10px;}
.joinin-page .box5 .con>p{width: 160px;line-height: 60px;text-align: center;background: #1a6dbd;box-shadow: 0 0 20px rgba(0,119,73,.3);font-size: 16px;color:#fff;cursor: pointer;transition: .3s;margin:50px auto 0;border-radius: 30px;}

@media (max-width:1440px){
    .joinin-page .tit{font-size: 32px;line-height: 42px;}
    .joinin-page .box1{padding:80px 0}
    .joinin-page .box1 .info{padding-left: 50px;}

    .joinin-page .box2{padding:70px 0 60px}
    .joinin-page .box2 .swiper-slide{padding:60px 50px 90px;width:380px}
    .joinin-page .box2 .img-div{width:62px;height:58px}
    .joinin-page .box2 .info>p:nth-of-type(1){font-size: 22px;line-height: 32px;margin:20px 0 15px}

    .joinin-page .box3{padding:70px 0 50px}
    .joinin-page .box3 li{padding:35px 45px 40px}
    .joinin-page .box3 .img-div{width:54px;height:49px}
    .joinin-page .box3 .txt{padding-left: 30px;}
    .joinin-page .box3 .txt>p:nth-of-type(1){font-size: 20px;line-height: 30px;margin-bottom: 10px;}
    .joinin-page .box3 .txt>p:nth-of-type(2){font-size: 14px;line-height: 26px;}

    .joinin-page .box4{padding:70px 0}
    .joinin-page .box4 .img-div{width:120px;height:126px;background-size: 120px;}
    .joinin-page .box4 .line{bottom:77px}
    .joinin-page .box4 .arrow{bottom:54px}
    .joinin-page .box4 .swiper-slide::before{bottom:68px}
    .joinin-page .box4 .swiper-slide::after{bottom:73px}
    .joinin-page .box4 .swiper-slide>p:nth-of-type(1){margin:20px 0 70px}
    .joinin-page .box4 .swiper-slide>p:nth-of-type(2){font-size: 30px;}

    .joinin-page .box5{padding:70px 0 80px}
    .joinin-page .box5 .con>p{width:130px;line-height: 50px;font-size: 14px;}
}

@media (max-width:1279px){
    .joinin-page .tit{font-size: 22px;line-height: 32px}
    .joinin-page .tit::after{bottom: -15px;height: 3px}
    .joinin-page .more{width:150px;line-height: 45px;font-size: 14px;padding-left: 35px;background-size:12px;box-shadow: 0 0 10px rgba(0,119,73,.3)}

    .joinin-page .box1{padding:50px 0}
    .joinin-page .box1 .width{display: block}
    .joinin-page .box1 .img-bg{display: none;}
    .joinin-page .box1 .info{padding-left: 0;}
    .joinin-page .box1 .tit{margin-bottom: 40px;}
    .joinin-page .box1 .info>p{font-size: 14px;line-height: 24px;max-height: 2400px;margin-bottom: 20px;}
    .joinin-page .box1 .info .img{display: block;padding-bottom: 66.66%;border-radius: 10px;}

    .joinin-page .box2{padding:50px 0}
    .joinin-page .box2 .tit{margin-bottom: 30px;padding-right: 20px;}
    .joinin-page .box2 .arrow{width: 80px}
    .joinin-page .box2 .arrow>div{width: 35px;height: 35px;box-shadow: 0 0 10px rgba(0,119,73,.15);background-size:14px}
    .joinin-page .box2 .con{width:calc(100% - 40px);margin:0 auto;}
    .joinin-page .box2 .swiper-container{padding:10px;width:100%}
    .joinin-page .box2 .swiper-slide{box-shadow: 0 0 10px rgba(0,119,73,.15);width:100%;border-radius: 10px;padding:30px 25px 60px}
    .joinin-page .box2 .img-div{width:62px;height: 58px;}
    .joinin-page .box2 .info>p:nth-of-type(1){font-size: 20px;line-height: 30px;margin:15px 0 10px}
    .joinin-page .box2 .info>p:nth-of-type(2){font-size: 14px;line-height: 24px}
    .joinin-page .box2 .swiper-slide>p{font-size: 90px;right: 20px;bottom: -15%;}

    .joinin-page .box3{padding:50px 0 30px}
    .joinin-page .box3 ul{display: block;margin-top: 40px;}
    .joinin-page .box3 li{width:100%;border-radius: 10px;padding:30px 25px;margin-bottom: 20px;}
    .joinin-page .box3 li:nth-child(2n+1){margin-right: 0;}
    .joinin-page .box3 .info{display: block;}
    .joinin-page .box3 .img-div{width:49px;height: 44px;}
    .joinin-page .box3 .txt{padding-left:0}
    .joinin-page .box3 .txt>p:nth-of-type(1){font-size: 18px;line-height: 28px;margin:10px 0}
    .joinin-page .box3 .txt>p:nth-of-type(2){font-size: 14px;line-height: 24px}

    .joinin-page .box4{padding:50px 0}
    .joinin-page .box4 .con{margin-top: 40px;}
    .joinin-page .box4 .swiper-container{max-width:1320px}
    .joinin-page .box4 .swiper-slide::before{bottom:50px;width:8px;height:8px;border-width:2px}
    .joinin-page .box4 .swiper-slide::after{bottom:52px;right:-10px}
    .joinin-page .box4 .img-div{width: 100px;height: 105px;background-size:100px}
    .joinin-page .box4 .swiper-slide>p:nth-of-type(1){font-size: 14px;margin:10px 0 40px}
    .joinin-page .box4 .swiper-slide>p:nth-of-type(2){font-size: 25px}
    .joinin-page .box4 .line{width:calc(100% - 30px);bottom:56px}
    .joinin-page .box4 .arrow{width: 35px;height: 35px;box-shadow: 0 0 10px rgba(0,119,73,.15);background-size:16px;bottom:39px;background-color: #fff;z-index: 2;}

    .joinin-page .box5{padding:50px 0}
    .joinin-page .box5 .con{margin-top:40px;border-radius: 10px;padding:30px 25px 40px}
    .joinin-page .box5 .items{display: block;margin-bottom: 0;}
    .joinin-page .box5 .item{margin-bottom: 20px;}
    .joinin-page .box5 .items:nth-of-type(1) .item:nth-of-type(1){margin-right:0}
    .joinin-page .box5 .items:nth-of-type(2) .item{margin-right:0;margin-bottom: -15px;}
    .joinin-page .box5 .items:nth-of-type(2) .item:last-child{margin-bottom: 20px;}
    .joinin-page .box5 .item>p{font-size: 14px;margin-bottom: 10px;}
    .joinin-page .box5 .item>input{height:45px;padding:0 15px}
    .joinin-page .box5 .radio{display: block;}
    .joinin-page .box5 .radio>p{font-size: 14px;padding:0 40px 0 30px;margin-bottom: 10px;}
    .joinin-page .box5 .radio>p::before{width:15px;height:15px}
    .joinin-page .box5 .con>p{width: 130px;line-height: 45px;box-shadow: 0 0 10px rgba(0,119,73,.3);font-size: 14px;margin:30px auto 0}
}

@media (any-hover:hover){
    .joinin-page .box2 .arrow>div:hover{background-image: url(../images/arrow1-w.svg);background-color: #1a6dbd;}
    .joinin-page .box2 .swiper-slide:hover .info>p:nth-of-type(1){color:#fff}
    .joinin-page .box2 .swiper-slide:hover .info>p:nth-of-type(2){color:#fff}
    .joinin-page .box2 .swiper-slide:hover .info-bg{opacity: 1;}
    .joinin-page .box2 .swiper-slide:hover .img{opacity: 1;}

    .joinin-page .box3 li:hover .txt>p:nth-of-type(1){color:#fff}
    .joinin-page .box3 li:hover .txt>p:nth-of-type(2){color:#fff}
    .joinin-page .box3 li:hover .info-bg{opacity: 1;}
    .joinin-page .box3 li:hover .img{opacity: 1;}

    .joinin-page .box4 .arrow:hover{background-image: url(../images/arrow1-w.svg);background-color: #1a6dbd;}

    .joinin-page .box5 .con>p:hover{background: green;}
}