.ny_banner {
    width: 100%;
    margin-top: 5.625rem;
}
.ny_banner img{
    width: 100%;
}

.ny_menu{
    height: 4.125rem;
    border-bottom: 2px solid #ededed;
    margin: .9375rem 0 0;
}
.ny_menu .center{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.ny_menu ul{
    display: flex;
}
.ny_menu ul li{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 4.125rem;
    margin-right: 6.25rem;
}
.ny_menu ul li a{
    font-size: 1.5rem;
    color: #666666;
}
.ny_menu ul li.on{
    border-bottom: 3px solid #000266;
}
.ny_menu ul li.on a{
    color: #000266;
}
.ny_menu .lj{
    font-size: 1.25rem;
    line-height: 1;
    color: #666666;
}
.ny_menu .lj .iconfont{
    font-size: 1.25rem;
}
.ny_menu .lj a{
    color: #666666;
}
.ny_menu .lj a:hover{
    color: #000266;
}


.join .tit h3{
    font-size: 1.875rem;
    font-weight: bold;
    line-height: 2.5rem;
    color: #111111;
}
.join .tit p{
    font-size: 1.125rem;
    line-height: 1.875rem;
    color: #666666;
    margin-top: 1.25rem;
}

.join .box1{
    width: 100%;
    padding: 5.2083% 0;    /* 100px */
}
.join .box1 .tit{
    text-align: center;
}
.join .box1 .con{
    font-size: 1.125rem;
    line-height: 2.375rem;
    color: #666666;
    margin-top: 3.75rem;
}

.join .box2{
    background: #f8f8f8;
    padding: 5.2083% 0;    /* 100px */
    width: 100%;
    overflow: hidden;
}
.join .box2 .maodian{
    position:relative;
}
.join .box2 .maodian a{
    position:absolute;
    left: 0;
    top: -200px;
}
.join .box2 .swiper{
    margin-top: 5.2083%;    /* 100px */
}
.join .box2 .swiper .swiper-slide div{
    aspect-ratio: 447/330;
    overflow: hidden;
    border-radius: 1.25rem;
}
.join .box2 .swiper .swiper-slide div img{
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
    transition: 0.3s;
}
.join .box2 .swiper .swiper-slide h3{
    text-align: center;
    font-size: 1.125rem;
    line-height: 1.875rem;
    margin-top: 1.25rem;
    font-weight: normal;
}

.join .box3{
    width: 100%;
    padding: 5.2083% 0;    /* 100px */
}
.join .box3 .w1440{
    display: flex;
    justify-content: space-between;
}
.join .box3 .w1440 dl{
    width: 100%;    /* 700px */
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 5px 18px rgba(224,224,224,0.5);
    display: flex;
}
.join .box3 .w1440 dl dt{
    width: 50%;
    border-radius: 1.25rem;
    overflow: hidden;
}
.join .box3 .w1440 dl dd{
    width: 50%;
    padding: 0% 8.5714%;    /* padding: 70px 60px; */
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.join .box3 .w1440 dl dd h3{
    font-size: 1.875rem;
    line-height: 1;
}
.join .box3 .w1440 dl dd p{
    font-size: 1.25rem;
    line-height: 2.5rem;
    color: #444444;
    margin-top: 3.125rem;
}
.join .box3 .w1440 dl dd a{
    display: block;
    width: 12.5rem;
    height: 3.75rem;
    margin-top: 3.125rem;
    background: #000266;
    border-radius: 1.875rem;
    text-align: center;
    font-size: 1.25rem;
    line-height: 3.75rem;
    color: #ffffff;
}



@media (max-width: 1360px) {
    .ny_menu ul li{
        margin-right: 1.875rem;
    }
}

@media (max-width: 768px) {
    .ny_menu{
        margin: 0;
    }
    .ny_menu ul{
        width: 100%;
        justify-content: space-between;
    }
    .ny_menu ul li{
        margin-right: 0;
    }
    .ny_menu ul li a{
        font-size: 1.125rem;
    }
    .ny_menu .lj{
        display: none;
    }

    .join .box1 .con>p{
        padding: 0!important;
    }

    .join .box3 .w1440{
        flex-direction: column;
    }
    .join .box3 .w1440 dl{
        width: 100%;
    }
    .join .box3 .w1440 dl:last-child{
        margin-top: 1.25rem;
    }
    .join .box3 .w1440 dl dd{
        padding: 15px 20px;
    }
    .join .box3 .w1440 dl dd p{
        margin-top: .9375rem;
    }
    .join .box3 .w1440 dl dd a{
        margin-top: .9375rem;
    }
}