#header{
    position: fixed;
    top: 0;
    z-index: 999;
    background: rgba(0, 0, 0, .1);
    width: 100%;
    transition: all .5s ease;
}

#header .box{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#header .logo{
    width: 100%;
    max-width: 12.3125rem;
    flex-shrink: 0;
}

#header .logo .on{
    display: none;
}

#header .right{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#header .nav_box li{
    position: relative;
}

#header .nav_box li>a{
    display: block;
    font-size: 1.125rem;
    color: #eef8ff;
    padding: 2.875rem 0;
    position: relative;
}

#header .nav_box li>a::after{
    content: '';
    position: absolute;
    bottom: 0;
    width: 0;
    height: 3px;
    background: #2eadb5;
    transition: all .5s ease;
}

#header .nav_box li:hover a::after,
#header .nav_box li.on a::after{
    width: 100%;
}

#header .nav_box{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4.375rem;
}

#header .nav_box li .ej_box{
    position: absolute;
    top: 110%;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background: #fff;
    /*width: 100%;*/
    min-width: 6.25rem;
    opacity: 0;
    visibility: hidden;
    transition: all .5s ease;
}

#header .nav_box li .ej_box a{
    font-size: 1rem;
    color: #212121;
    width: 100%;
    padding: 1rem 2rem;
    text-align: center;
    transition: all .5s ease;
    white-space: nowrap;
}

#header .nav_box li .ej_box a:hover{
    color: #fff;
    background: #2eadb5;
}

#header .nav_box li:hover .ej_box{
    opacity: 1;
    visibility: visible;
}

#header .ewm{
    position: relative;
    padding-left: 3.75rem;
}

#header .ewm .iconfont{
    font-size: 1.5625rem;
    color: #eef8ff;
}

#header .ewm .ewm_box{
    position: absolute;
    top: 150%;
    right: 50%;
    transform: translateX(50%);
    background: #fff;
    width: 10.5rem;
    height: 12.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    opacity: 0;
    visibility: hidden;
    transition: all .5s ease;
}

#header .ewm p{
    font-size: .875rem;
    color: #212121;
    margin-top: .5rem;
}

#header .fy{
    display: flex;
    align-items: center;
    flex-direction: row;
    border-radius: 5rem;
    overflow: hidden;
    margin-left: 1.875rem;
}

#header .fy a{
    display: block;
    font-size: 1rem;
    text-transform: uppercase;
    color: #9b9b9b;
    padding: .5rem .875rem;
    transition: all .5s ease;
    background: #fff;
}

#header .fy a:hover,
#header .fy a:nth-child(1){
    color: #fff;
    background: #2eadb5;
}

#header .ewm:hover .ewm_box{
    opacity: 1;
    visibility: visible;
}

#header.xg{
    background: #fff;
    box-shadow: 0 10px 80px -40px rgba(0, 0, 0, 0.2);
}

#header.xg .logo>a{
    display: none;
}

#header.xg .logo a.on{
    display: block;
}

#header.xg .nav_box li>a{
    color: #212121;
}

#header.xg .fy a{
    color: #fff;
}

#header.xg .fy a:nth-child(2){
    color: #2eadb5;
    background: #f7f7f7;
}

#header.xg .ewm .iconfont{
    color: #2eadb5;
}

#banner{
    width: 100%;
    height: 100vh;
    overflow: hidden;
    position: relative;
}

#banner .txt{
    position: absolute;
    z-index: 1;
    top: 40vh;
}

#banner .txt p{
    font-family: Arial;
    font-size: 2.5rem;
    color: rgba(255, 255, 255, .7);
    margin-bottom: 1.875rem;
}

#banner .txt h2{
    font-size: 4rem;
    font-weight: bold;
    color: #fff;
}

#banner video{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#banner .pagination{
    position: absolute;
    z-index: 2;
    top: 65vh;
    display: flex;
    padding-left: 10rem;
    color: #fff;
    align-items: center;
    gap: .5rem;
}

#banner .pagination span{
    font-size: 1.5rem;
    background: rgba(0, 0, 0, 0);
    font-family: Arial;
}

#banner .pagination .swiper-pagination-current{
    font-size: 3rem;
    font-weight: bold;
    padding-bottom: .875rem;
}

#banner .button{
    width: 2.75rem;
    height: 2.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(255, 255, 255, .2);
    border: 1px solid rgba(255, 255, 255, .4);
    position: absolute;
    z-index: 2;
    right: 10rem;
    top: 65vh;
    color: #fff;
}

#banner img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#banner .button .iconfont{
    padding-top: .125rem;
}

#banner .button.banner_prev{
    right: 14rem;
}

#banner .button.banner_next .iconfont{
    transform: rotate(180deg);
}

#banner .video_box{
    position: absolute;
    z-index: 2;
    top: 80vh;
}

#banner .video_box .iconfont{
    font-size: 3.3125rem;
    color: #fff;
}

#banner .down{
    position: absolute;
    z-index: 2;
    bottom: 5%;
    color: #fff;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: .5rem;
}

#banner .down i{
    animation: fallAndJump 3s infinite;
}

@keyframes fallAndJump {
    0% {
        transform: translateY(-100%);
        opacity: 0;
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    }
    20% {
        transform: translateY(0);
        opacity: 1;
        animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
    }
    30% {
        transform: translateY(-15px);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    }
    40% {
        transform: translateY(0);
        animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
    }
    45% {
        transform: translateY(-8px);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    }
    50% {
        transform: translateY(0);
        animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
    }
    100% {
        transform: translateY(-100%);
        opacity: 0;
    }
}

.s_about .box{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.s_about .box .left{
    background: url(../images/s_about_bg.jpg) top no-repeat;
    background-size: cover;
    padding: 4.25rem 0 3.0625rem 0;
    width: 100%;
    height: 100%;
}

.s_about .box .left .title_box{
    display: flex;
    align-items: flex-end;
    gap: 4rem;
    margin-bottom: 4.375rem;
}

.s_about .box .left .title h2{
    font-size: 2.125rem;
    color: #3d3d3d;
    margin-bottom: 1.25rem;
}

.s_about .box .left .title p{
    font-size: 2.875rem;
    font-family: 'din-bold';
    line-height: 2.9375rem;
    color: #3d3d3d;
    text-transform: uppercase;
}

.s_about .box .left .title_box a{
    transition: all .5s ease;
}

.s_about .box .left .title_box a:hover{
    transform: translateY(-1rem);
}

.s_about .box .left .ar_article{
    margin-bottom: 2.8125rem;
}

.s_about .box .left .sz{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.s_about .box .left .sz li{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: .5rem;
}

.s_about .box .left li p{
    font-size: 1.25rem;
    color: #7d868d;
}

.s_about .box .left li .sz_box .counter{
    display: inline-block;
    font-size: 3.75rem;
    font-weight: bold;
    color: #333333;
}

.s_about .box .left .sz_box span{
    font-size: 1.375rem;
    color: #7d868d;
}

.s_about .box .right{
    background: url(../images/s_about_img.jpg) top no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
}

.s_about .box .right ul{
    display: inline-block;
    background: #2eadb5;
    margin-top: 45%;
}

.s_about .box .right li a{
    display: inline-block;
    padding: 2.5rem 2.8125rem;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    transition: all .5s ease;
    width: 100%;
}

.s_about .box .right li h2{
    font-size: 1.25rem;
    font-weight: bold;
    color: #fff;
    margin-bottom: .625rem;
}

.s_about .box .right li p{
    font-size: .875rem;
    color: #fff;
}

.s_about .box .right li:hover a{
    transform: translateX(-.5rem);
}

.s_title{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.s_title h2{
    font-size: 2.5rem;
    font-weight: bold;
    color: #535353;
    margin-bottom: 1.25rem;
}

.s_title .line{
    display: block;
    width: 5.625rem;
    height: .25rem;
    background: #2eadb5;
    margin-bottom: 1.25rem;
}

.s_title p{
    font-size: 1.125rem;
    color: #5a5a5a;
    text-transform: capitalize;
    margin-bottom: 4.6875rem;
}

.s_szbl{
    padding: 9.1875rem 0 6.4375rem 0;
}

.s_szbl ul{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
    margin-bottom: 4.75rem;
}

.s_szbl ul li{
    position: relative;
}

.s_szbl ul li .txt{
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: .625rem;
    z-index: 1;
    color: #fff;
    font-size: 1.5rem;
}

.s_more{
    display: flex;
    align-items: center;
    justify-content: center;
}

.s_more a{
    border: 1px solid #2eadb5;
    padding: .6875rem 1.6875rem;
    font-size: 1.125rem;
    color: #2eadb5;
    border-radius: 5rem;
    transition: all .5s ease;
}

.s_more a:hover{
    background: #2eadb5;
    color: #fff;
}

.s_lcfa{
    padding: 5.3125rem 0;
    background: #f0f6ff;
}

.s_lcfa .txt{
    background: #fff;
    padding: 1.75rem 2.3125rem;
    transition: all .5s ease;
}

.s_lcfa .txt h2{
    font-size: 1rem;
    font-weight: bold;
    line-height: 1.125rem;
    color: #535353;
    margin-bottom: .9375rem;
    transition: all .5s ease;
}

.s_lcfa .txt .line{
    width: 3.75rem;
    height: .25rem;
    display: block;
    background: #2eadb5;
    transition: all .5s ease;
}

.s_lcfa .box{
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
}

.s_lcfa .box::before{
    content: '';
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    border: 2px solid #2eadb5;
    opacity: 0;
    visibility: hidden;
    transition: all .5s ease;
}

.s_lcfa .box:hover::before{
    opacity: 1;
    visibility: visible;
}

.s_lcfa .box:hover .txt{
    background: #2eadb5;
}

.s_lcfa .box:hover .txt h2{
    color: #fff;
}

.s_lcfa .box:hover .txt .line{
    background: #fff;
}

.s_lcfa .pagination{
    margin-top: 5.5625rem;
    display: flex;
    justify-content: center;
}

.s_lcfa .pagination .swiper-pagination-bullet{
    width: .625rem;
    height: .625rem;
    background: #7c858c;
    transition: all .5s ease;
    border-radius: 50%;
    opacity: 1 !important;
}

.s_lcfa .pagination .swiper-pagination-bullet-active{
    width: 2.875rem;
    background: #2eadb5;
    border-radius: 5rem;
}

.s_news{
    padding: 5.625rem 0 5.125rem 0;
}

.s_news #menu{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    margin-bottom: 3.5625rem;
}

.s_news #menu li{
    font-size: 1.125rem;
    color: #2eadb5;
    padding: .75rem 2.25rem;
    border: 1px solid #2eadb5;
    transition: all .5s ease;
    border-radius: 5rem;
    cursor: pointer;
}

.s_news #menu li:hover,
.s_news #menu li.on{
    background: #2eadb5;
    color: #fff;
}

.s_news .content-div{
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: -1;
    margin-bottom: 5rem;
}

.s_news .content-div .news_box{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.s_news .left a .img{
    width: 100%;
    height: 100%;
    height: 22.875rem;
}

.s_news .left a .txt{
    padding: 2.3125rem 1.875rem;
    background: #f3f3f3;
    transition: all .5s ease;
}

.s_news .left a .txt h2{
    font-size: 1.375rem;
    color: #535353;
    margin-bottom: 1.25rem;
    transition: all .5s ease;
}

.s_news .left a .txt p{
    font-size: .875rem;
    line-height: 1.5rem;
    color: #5a5a5a;
    margin-bottom: 1.25rem;
    transition: all .5s ease;
}

.s_news .left a .txt .time p{
    font-size: .875rem;
    color: #5a5a5a;
    text-align: right;
    margin-bottom: 0;
    transition: all .5s ease;
}

.s_news .left a:hover .txt{
    background: #2eadb5;
}

.s_news .left a:hover .txt h2,
.s_news .left a:hover .txt p,
.s_news .left a:hover .txt .time p{
    color: #fff;
}

.s_news .left{
    max-width: 39.375rem;
    flex-shrink: 0;
    margin-right: 2.375rem;
}

.s_news .right{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    gap: 1.5rem;
}

.s_news .right li a{
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #f3f3f3;
}

.s_news .right li a h2{
    font-size: 1.375rem;
    color: #535353;
    margin-bottom: 1.25rem;
}

.s_news .right li a p{
    font-size: .875rem;
    line-height: 1.5rem;
    color: #5a5a5a;
}

.s_news .right li a .time{
    padding: 2.35rem 2.1875rem;
    transition: all .5s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.s_news .right li a .time span{
    font-size: 2.25rem;
    font-family: Arial;
    font-weight: bold;
    color: #5a5a5a;
}

.s_news .right li a .time .line{
    display: block;
    width: 100%;
    height: 1px;
    background: #d7d7d7;
    margin: .875rem 0;
}

.s_news .right li .left1{
    width: 8.5rem;
    flex-shrink: 0;
}

.s_news .right li .right1{
    padding-right: 2rem;
    width: 100%;
}

.s_hezuo ul{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 5.625rem;
}

.s_hezuo ul li{
    border-right: 1px solid #bbbbbb;
    width: 25%;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
}

.s_hezuo ul li:first-child{
    border-left: 1px solid #bbbbbb;
}

.s_hezuo ul li a.img{
    width: 100%;
    max-width: 20rem;
}

.s_rukou ul{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.s_rukou ul li a{
    display: flex;
    padding: 3.5625rem 0;
    align-items: flex-end;
    justify-content: space-between;
    width: 70%;
    color: #fff;
}

.s_rukou ul li a h2{
    font-size: 2.25rem;
    font-weight: bold;
    margin-bottom: 1.1875rem;
}

.s_rukou ul li a p{
    font-size: 1rem;
}

.s_rukou ul li a .more{
    display: flex;
    align-items: center;
    transition: all .5s ease;
}

.s_rukou ul li a .more .iconfont{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    background: #fff;
    border-radius: 50%;
    color: #212121;
    margin-right: .8125rem;
}

.s_rukou ul li:nth-child(1){
    background: #1d9ca3;
    padding-left: 10rem;
}

.s_rukou ul li:nth-child(2){
    background: #2eadb5;
    padding-right: 10rem;
}

.s_rukou ul li:nth-child(2) a{
    padding-left: 30%;
    width: 100%;
}

.s_rukou ul li:hover a .more{
    transform: translateY(-.5rem);
}

footer{
    padding: 5.625rem 0 2.375rem;
    background: #1f2833;
}

footer .top{
    margin-bottom: 4.875rem;
    display: flex;
    justify-content: space-between;
}

footer .left .tel h2{
    font-size: 1.375rem;
    font-weight: bold;
    color: #1d9ca4;
    margin-bottom: 1.375rem;
}

footer .left .tel .tel_box p{
    display: flex;
    align-items: center;
    line-height: 1.5;
    font-size: 1rem;
    color: #787e85;
    margin-bottom: .625rem;
}

footer .left .tel .tel_box p:last-child{
    margin-bottom: 0;
}

footer .left .tel .tel_box p .ico{
    margin-right: .625rem;
}

footer .left .tel .tel_box p span{
    font-size: 1.125rem;
    font-family: Arial;
    font-weight: bold;
    color: #1d9ca4;
}

footer .left form{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .625rem;
}

footer .left form input,
footer .left form textarea{
    padding-bottom: .625rem;
    font-size: 1rem;
    color: #787e85;
    border-bottom: 1px solid #373f49;
    background: rgba(0, 0, 0, 0);
    font-family: 'Microsoft YaHei','微软雅黑';
}

footer .left form textarea{
    grid-column: span 3;
}

footer .left form button{
    width: 12.5rem;
    height: 2.75rem;
    font-size: 1rem;
    color: #787e85;
    background: #414a56;
    margin-left: 100%;
}

footer .left{
    display: flex;
    justify-content: space-between;
    width: 80%;
}

footer .right .ewm h2{
    font-size: 1.375rem;
    font-weight: bold;
    color: #1d9ca4;
    margin-bottom: 1.375rem;
}

footer .right .ewm p{
    font-size: .875rem;
    color: #787e85;
    text-align: center;
    margin-top: .5rem;
}

footer .link{
    display: flex;
    margin-bottom: 4rem;
    flex-wrap: wrap;
}

footer .link h2{
    font-size: 1.375rem;
    font-weight: bold;
    color: #1d9ca4;
    width: 5.5rem;
    margin-right: 2.375rem;
}
footer .link .link_box{
    margin-top: .25rem;
}

footer .link .link_box a{
    font-size: 1rem;
    color: rgba(120, 126, 133, .7);
    margin-right: 2.375rem;
    transition: all .5s ease;
}

footer .link .link_box a:hover{
    color: #fff;
}

footer .link .link_box a:last-child{
    margin-right: 0;
}

footer .line{
    width: 100%;
    height: 1px;
    background: #2f3740;
    margin-bottom: 2.375rem;
}

footer .copy{
    font-size: .875rem;
    color: rgba(120, 126, 133, .7);
    text-align: center;
}

footer .left form button{
    width: 12.5rem;
    height: 2.75rem;
    font-size: 1rem;
    color: #787e85;
    background: #414a56;
    margin-left: 100%;
    transition: all .5s ease;
}

footer .left form button:hover{
    background: #2eadb5;
    color: #fff;
}

#header.ny{
    background: #fff;
    position: sticky;
}

#header.ny .logo>a{
    display: none;
}

#header.ny .logo a.on{
    display: block;
}

#header.ny .nav_box li>a{
    color: #212121;
}

#header.ny .fy a{
    color: #fff;
}

#header.ny .fy a:nth-child(2){
    color: #2eadb5;
    background: #f7f7f7;
}

#header.ny .ewm .iconfont{
    color: #2eadb5;
}

#n_banner{
    width: 100%;
    height: 29.0625rem;
    background-size: cover !important;
    position: relative;
}

#n_banner::after{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .3);
    top: 0;
    z-index: 1;
}

#n_banner .txt{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center ;
    position: relative;
    z-index: 2;
    flex-direction: column;
}

#n_banner .txt h2{
    font-size: 2.75rem;
    font-weight: bold;
    color: #fff;
    margin-bottom: 1.1875rem;
}

#n_banner .txt p{
    font-size: 1.125rem;
    color: #fff;
}

#n_banner .ej{
    position: absolute;
    bottom: 0;
    z-index: 3;
    background: rgba(0, 0, 0, .4);
    width: 100%;
}

#n_banner .ej .ej_box{
    display: flex;
    align-items: center;
}

#n_banner .ej .ej_box a{
    display: block;
    font-size: 1.125rem;
    color: #fff;
    padding: 1.625rem 1.375rem;
    position: relative;
    z-index: 1;
    transition: all .5s ease;
}

#n_banner .ej .ej_box li{
    position: relative;
}

#n_banner .ej .ej_box li::after{
    content: '';
    position: absolute;
    width: 0;
    height: 100%;
    top: 0;
    background: #2eadb5;
}

#n_banner .ej .ej_box li:hover::after,
#n_banner .ej .ej_box li.on::after{
    width: 100%;
}

.n_js{
    padding: 5.4375rem 0 4.375rem 0;
}

.sj {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 4.6875rem;
    overflow-x: auto;
    white-space: nowrap;
    list-style-type: none;
    padding: 0;
}

.sj li {
    display: block;
    padding: 1.3125rem 4.0625rem;
    border-radius: 5rem;
    border: 2px solid rgba(83, 83, 83, .2);
    font-size: 1.125rem;
    color: #535353;
    transition: all .5s ease;
    margin-right: .8125rem;
    width: auto;
}

.sj li.on,
.sj li:hover{
    border: 2px solid #2eadb5;
    background: #2eadb5;
    color: #fff;
}

.sj li:last-child{
    margin-right: 0;
}

.n_js_box li a{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.875rem 1.4375rem;
    border-bottom: 1px solid #e0eaeb;
    position: relative;
}

.n_js_box li a::before{
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 0;
    height: .0625rem;
    background: #2eadb5;
    transition: all .5s ease;
}

.n_js_box li:hover a::before{
    width: 100%;
}

.n_js_box li a h2{
    font-size: 1.0625rem;
    color: #535353;
    padding-left: .4375rem;
    position: relative;
    width: 50%;
}

.n_js_box li a h2::before{
    content: '';
    width: .1875rem;
    height: .1875rem;
    border-radius: 50%;
    background: #535353;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.n_js_box li a p{
    font-size: 1rem;
    color: #535353;
    padding-left: 1.8125rem;
    position: relative;
    width: 20%;
}

.n_js_box li a p::before{
    content: '';
    background: url(../images/n_js_ico.png) center no-repeat;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1.0625rem;
    height: 1.1875rem;
}

.n_js_box li a .down{
    display: block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    background: url(../images/n_js_down.png) center no-repeat;
    transition: all .5s ease;
}

.n_js_box li:hover a .down{
    background: url(../images/n_js_down_on.png) center no-repeat;
}

.n_js_box li:nth-child(1){
    border-top: 1px solid #e0eaeb;
}

#page{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .625rem;
    margin-top: 4.6875rem;
}

#page a{
    display: block;
    padding: .9375rem 1.125rem;
    border: 1px solid #c9d2d3;
    border-radius: .3125rem;
    transition: all .5s ease;
    font-size: .875rem;
    color: #393939;
}

#page a:hover,
#page a.on{
    border: 1px solid #2eadb5;
    background: #2eadb5;
    color: #fff;
}

.pagination-block {
    display: flex;
    justify-content: center;
    margin-top: 4.6875rem;
}

.pagination {
    display: flex;
    align-items: center;
    gap: .625rem;
    list-style: none;
    padding: 0;
    margin: 0;
}

.pagination li a,
.pagination li span {
    display: block;
    padding: .9375rem 1.125rem;
    border: 1px solid #c9d2d3;
    border-radius: .3125rem;
    transition: all .5s ease;
    font-size: .875rem;
    color: #393939;
    text-decoration: none;
}

.pagination li a:hover,
.pagination li.active span {
    border: 1px solid #2eadb5;
    background: #2eadb5;
    color: #fff;
}

.pagination li.disabled span {
    color: #ccc;
    cursor: not-allowed;
}

.n_lx{
    padding: 5.375rem 0 6.8125rem 0;
}

.n_lx .flex_box{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .625rem;
}

.n_lx .flex_box .left{
    background: #2eadb5;
    color: #fff;
    padding: 4.25rem 5.3125rem;
    height: 42.125rem;
}

.n_lx .flex_box .right{
    height: 42.125rem;
}

.n_lx .flex_box .right .img{
    width: 100%;
    height: 100%;
}

.n_lx .flex_box .left h2{
    font-size: 1.875rem;
    font-weight: bold;
    margin-bottom: 2.25rem;
}

.n_lx .flex_box .left .lx_box{
    font-size: 1.125rem;
    line-height: 1.5rem;
    display: flex;
    align-items: center;
    margin-bottom: 1.1875rem;
}

.n_lx .flex_box .left .lx_box:last-child{
    margin-bottom: 0;
}

.n_lx .flex_box .left .lx_box .ico{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 1;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    background: rgba(255, 255, 255, .2);
    margin-right: 1.1875rem;
}

.n_lx .flex_box .left .lx_box p{
    width: calc(100% - 3rem - 1.1875rem);
}

.n_lx .flex_box .left .ewm p{
    font-size: .9375rem;
    color: rgba(255, 255, 255, .8);
    margin-top: .5rem;
    text-align: center;
}

.n_lx .flex_box .left .ewm{
    width: 9.5625rem;
    margin-top: 3.5rem;
}

.n_lx .flex_box .left .ewm .img{
    padding: 1.125rem;
    position: relative;
}

.n_lx .flex_box .left .ewm .img::before{
    content: '';
    position: absolute;
    width: 95%;
    height: 95%;
    top: 0;
    left: 0;
    border: 1px solid rgba(255, 255, 255, .2);
}

.n_lx .flex_box .left .ewm .img::after{
    content: '';
    position: absolute;
    width: 95%;
    height: 95%;
    bottom: 0;
    right: 0;
    border: 1px solid rgba(255, 255, 255, .2);
    z-index: 1;
}

.n_hzhb{
    padding: 8.1875rem 0 9.375rem 0;
}

.n_hzhb form h2{
    font-size: 2.25rem;
    color: #535353;
    margin-bottom: 4.4375rem;
}

.n_hzhb form p{
    font-size: .9375rem;
    color: #838383;
    margin-bottom: .625rem;
    padding-left: 1.25rem;
}

.n_hzhb form .input input{
    width: 100%;
    height: 3.125rem;
    padding: 0 1.25rem;
    max-width: 68.75rem;
    border: 1px solid #d3dbdc;
    border-radius: 5rem;
    margin-bottom: 1.25rem;
}

.n_hzhb form label{
    display: flex;
    align-items: center;
    padding-left: 1.25rem;
}

.n_hzhb form label input{
    width: 1.125rem;
    height: 1.125rem;
    border: 1px solid #d3dbdc;
    border-radius: .25rem;
    margin-right: .625rem;
    cursor: pointer;
    -webkit-appearance: checkbox; /* 确保复选框显示为默认样式 */
    -moz-appearance: checkbox;
    appearance: checkbox;
}

.n_hzhb form label p{
    margin: 0;
    padding: 0;
    cursor: pointer;
}

.n_hzhb form button{
    display: block;
    width: 100%;
    max-width: 21.875rem;
    padding: 1.0625rem 0;
    color: #fff;
    font-size: .9375rem;
    background: #2eadb5;
    border-radius: 5rem;
    margin-top: 2.3125rem;
}

.n_wenhua{
    padding: 5.375rem 0 8.875rem 0;
}

.n_wenhua li{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 3.125rem 0;
    border-bottom: 1px solid #e8ebed;
    color: #535353;
}

.n_wenhua li:last-child{
    padding-bottom: 0;
    border-bottom: 0;
}

.n_wenhua li .txt{
    width: 50%;
}

.n_wenhua li:nth-child(odd) .txt{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    text-align: right;
    padding-right: 8.125rem;
}

.n_wenhua li:nth-child(even) .txt{
    align-items: flex-start;
    text-align: left;
    padding-left: 8.125rem;
}

.n_wenhua li:nth-child(even){
    flex-direction: row-reverse;
}

.n_wenhua li .txt .ico{
    margin-bottom: 2rem;
}

.n_wenhua li .txt .yw{
    font-size: 3rem;
    font-family: 'MiSans-Light';
    line-height: 3rem;
    text-transform: uppercase;
    margin-bottom: 3.3125rem;
}

.n_wenhua li .txt .line{
    width: 3.75rem;
    height: .25rem;
    background: #2eadb5;
    border-radius: .125rem;
    margin-bottom: 3.4375rem;
}

.n_wenhua li .txt h2{
    font-size: 2rem;
    font-weight: bold;
    margin-bottom: 1.0625rem;
}

.n_wenhua li .txt p{
    font-size: 1.125rem;
}

.n_wenhua li .img{
    border-radius: .9375rem;
    overflow: hidden;
}

.n_news{
    padding: 5.4375rem 0 4.75rem 0;
}

.n_news .Swiper{
    overflow: hidden;
}

.n_news .top{
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 1.25rem;
    background: #f1f6f5;
    overflow: hidden;
    margin-bottom: 2.5rem;
}

.n_news .top .imgSwiper{
    width: 44.875rem;
}

.n_news .top .txtSwiper{
    width: calc(100% - 44.875rem);
    padding: 6.5rem 2.75rem 6.5rem 6.125rem;
}

.n_news .top .txtSwiper .txt .time{
    font-size: 1rem;
    color: #313131;
    margin-bottom: 1.8125rem;
}

.n_news .top .txtSwiper .txt h2{
    font-size: 1.5rem;
    color: #535353;
    margin-bottom: 3.9375rem;
}

.n_news .top .txtSwiper .txt p{
    font-size: .9375rem;
    line-height: 1.75rem;
    color: #737373;
    margin-bottom: 3.375rem;
}

.n_news .pagination .swiper-pagination-bullet{
    width: .75rem;
    height: .75rem;
    border: 2px solid #2eadb5;
    background: rgba(0, 0, 0, 0);
    transition: all .5s ease;
    opacity: 1 !important;
}

.n_news .pagination .swiper-pagination-bullet-active{
    background: #2eadb5;
}

.n_news .news_box li>a{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.n_news .news_box li>a .img{
    width: 21.875rem;
    height: auto;
    border-radius: .9375rem;
}

.n_news .news_box li>a .time{
    font-family: Arial;
    color: #313131;
    margin: 0 3.5rem 0 3.0625rem;
    width: 6.25rem;
}

.n_news .news_box li>a .time span{
    font-size: 1.875rem;
    margin-bottom: 1.1875rem;
}

.n_news .news_box li>a .time p{
    font-size: .875rem;
}

.n_news .news_box li>a .txt_box{
    display: flex;
    width: calc(100% - 21.875rem);
}

.n_news .news_box li>a .txt_box .txt{
    width: calc(100% - 6.25rem);
}

.n_news .news_box li>a .txt h2{
    font-size: 1.5rem;
    color: #535353;
    margin-bottom: 1.8125rem;
}

.n_news .news_box li>a .txt p{
    font-size: 1rem;
    line-height: 1.75rem;
    color: #535353;
    margin-bottom: 2.6875rem;
}

.n_news .news_box li>a .txt .a{
    font-size: 1.0625rem;
    color: #535353;
}

.n_news .news_box li>a .txt .a .ico{
    margin-left: .625rem;
}

.n_news .news_box li{
    padding: 2.5rem 0;
    border-bottom: 1px solid #e8e8e8;
    position: relative;
}

.n_news .news_box li::before{
    content: '';
    position: absolute;
    bottom: -1px;
    width: 0;
    height: 1px;
    background: #2eadb5;
    transition: all .5s ease;
}

.n_news .news_box li:hover::before{
    width: 100%;
}

.n_news_show{
    padding: 5.4375rem 0 5.75rem 0;
    background: #f1f6f5;
}

.n_news_show .news_show_box .left{
    padding-right: 3.75rem;
    border-right: 1px solid #f5f5f5;
    width: calc(100% - 28.75rem);
}

.n_news_show .news_show_box{
    background: #fff;
    padding: 3.125rem;
    display: flex;
    justify-content: space-between;
}

.n_news_show .news_show_box .title{
    padding-bottom: 1.6875rem;
    border-bottom: 1px solid #f5f5f5;
    margin-bottom: 3.75rem;
}

.n_news_show .news_show_box .title h2{
    font-size: 2rem;
    line-height: 2.75rem;
    color: #535353;
    margin-bottom: 2.5rem;
}

.n_news_show .news_show_box .title .time{
    font-size: 1rem;
    color: #212121;
}

.n_news_show .news_show_box .right{
    padding-left: 3.75rem;
    width: 28.75rem;
}

.n_news_show .news_show_box .right h2{
    font-size: 1.75rem;
    color: #212121;
    margin-bottom: 2.5rem;
}

.n_news_show .news_show_box .right ul{
    margin-bottom: 3.4375rem;
}

.n_news_show .news_show_box .right li a{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.n_news_show .news_show_box .right li .time{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .625rem;
    color: #fff;
    font-size: .875rem;
    background: #a2a5ab;
    border-radius: .1875rem;
    width: 5rem;
    height: 5rem;
    transition: all .5s ease;
}

.n_news_show .news_show_box .right li .time span{
    font-size: 1.625rem;
}

.n_news_show .news_show_box .right li a>p{
    width: calc(100% - 6rem);
    font-size: 1.125rem;
    line-height: 1.875rem;
    color: #535353;
}

.n_news_show .news_show_box .right li:hover .time{
    background: #2eadb5;
}

.n_news_show .news_show_box .right li{
    padding: 1.25rem 0;
    border-bottom: 1px solid #ecedee;
}

.n_news_show .news_show_box .right .box{
    position: sticky;
    top: 7rem;
}

.n_news_show .news_show_box .right .more{
    font-size: 1.0625rem;
    line-height: 2.375rem;
    color: #414141;
}

.n_news_show .news_show_box .right .more h6{
    font-size: 1.0625rem;
}

.n_news_show .news_show_box .right .back{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #2eadb5;
    border-radius: 5rem;
    color: #fff;
    font-size: 1rem;
    padding: 1.1875rem 2.75rem;
    margin-top: 3.75rem;
    transition: all .5s ease;
}

.n_news_show .news_show_box .right .back .ico{
    margin-right: .625rem;
}

.n_news_show .news_show_box .right .back:hover{
    transform: translateX(1rem);
}

.n_about{
    padding-top: 5.375rem;
}

.n_about .box{
    display: flex;
    justify-content: space-between;
}

.n_about .box .title{
    width: 20%;
}

.n_about .box .txt{
    width: 80%;
}

.n_about .title p{
    font-size: 2.25rem;
    font-weight: bold;
    text-transform: uppercase;
    color:#2eadb5;
    margin-bottom: .625rem;
}

.n_about .title h2{
    font-size: 2rem;
    color: #535353;
}

.n_about .txt .ar_article{
    margin-bottom: 4.0625rem;
}

.n_about .txt .ar_article h3{
    font-size: 1.375rem;
    font-weight: bold;
    line-height: 1.5;
    margin-bottom: 1.875rem;
    color: #535353;
}

.n_about .sz{
    display: flex;
    align-items: center;
    margin-bottom: 5rem;
}

.n_about .sz li{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 0 8.9375rem;
    border-right: 1px solid #ebeff5;
}

.n_about .sz li:first-child{
    padding-left: 0;
}

.n_about .sz li:last-child{
    border-radius: 0;
}

.n_about .sz p{
    font-size: 1.25rem;
    color: #7d868d;
}

.n_about .sz .sz_box{
    display: flex;
    align-items: flex-end;
    gap: .625rem;
}

.n_about .sz .sz_box p{
    font-size: 3.75rem;
    font-weight: bold;
    color: #2eadb5;
}

.n_about .sz .sz_box span{
    font-size: 1.375rem;
    color: #7d868d;
    padding-bottom: .5rem;
}

.n_demo{
    background: url(../images/n_demo_bg.jpg) bottom no-repeat;
    background-size: cover;
    padding: 8.125rem 0 7.8125rem 0;
}

.n_demo h2{
    font-size: 1.625rem;
    color: #414141;
    margin-bottom: 4.25rem;
}

.n_demo form{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.25rem 2rem;
}

.n_demo .form-item.xuan{
    grid-column: span 3;
}

.n_demo .form-item{
    position: relative;
}

.n_demo .form-item .ico{
    position: absolute;
    top: 50%;
    left: 6%;
    transform: translateY(-50%);
    z-index: 2;
}

.n_demo .form-item.code .ico,
.n_demo .form-item.text .ico{
    top: 21%;
}

.n_demo .form-item .code{
    position: absolute;
    top: 22%;
    right: 15%;
    transform: translateY(-50%);
    mix-blend-mode: multiply;
}

.n_demo .form-item::before{
    content: '*';
    font-size: 1.25rem;
    color: #ff0000;
    position: absolute;
    top: 50%;
    right: 5%;
    transform: translateY(-50%);
    z-index: 2;
}

.n_demo .form-item.text::before,
.n_demo .form-item.xuan::before{
    display: none;
}

.n_demo .form-item.code::before{
    top: 22%;
}

.n_demo .form-item input,
.n_demo .form-item .custom-select{
    padding: 1.4375rem 3.75rem;
    background: #f6f6f6;
    font-size: 1rem;
    color: #535353;
    border-radius: 1.375rem;
    width: 100%;
    border: 0;
}


.n_demo .form-item .custom-select {
    position: relative;
}

.n_demo .form-item .custom-select-trigger {
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.n_demo .form-item .custom-select-options {
    position: absolute;
    top: 120%;
    left: 0;
    width: 100%;
    border-radius: 1.375rem;
    display: none;
    background-color: #f6f6f6;
    overflow: hidden;
    z-index: 9;
}

.n_demo .form-item .custom-select-option {
    padding: .9375rem 3.75rem;
    cursor: pointer;
    line-height: 1.5;
}

.n_demo .form-item .custom-select-option:hover {
    background-color: #2eadb5;
    color: #fff;
}


.n_demo .form-item.xuan>label{
    display: block;
    font-size: 1.125rem;
    font-weight: bold;
    color: #535353;
    margin: 1.875rem 0 1.25rem 0;
}

.n_demo .form-item.xuan .xuqiu{
    display: flex;
    gap: 8.125rem;
    cursor: pointer;
}

.n_demo .form-item.xuan .xuan_box{
    display: flex;
    align-items: center;
    cursor: pointer;
    gap: .625rem;
}

.n_demo .form-item.xuan .xuan_box label{
    cursor: pointer;
}

.n_demo input[type="radio"] {
    appearance: none;
    -webkit-appearance: none;
    outline: none;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    border: 1px solid #e7e7e7;
    background-color: white;
    cursor: pointer;
    padding: 0;
}

.n_demo input[type="radio"]:checked {
    border-color: #2eadb5;
    background-color: #2eadb5;
    position: relative;
}

.n_demo input[type="radio"]:checked::before {
    content: "";
    background: url(../images/n_demo_xuan.png) center no-repeat;
    position: absolute;
    width: .875rem;
    height: .625rem;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.n_demo form .text textarea{
    font-family: 'Microsoft YaHei','微软雅黑';
    background: #f6f6f6;
    font-size: 1rem;
    color: #535353;
    border-radius: 1.375rem;
    width: 100%;
    padding: 1.4375rem 3.75rem;
}

.n_demo input::placeholder,
.n_demo textarea::placeholder{
    color: #535353;
    opacity: 1;
}

.n_demo form button{
    position: absolute;
    bottom: 0;
    right: 0;
    display: flex;
    align-items: center;
    gap: 4.6875rem;
    justify-content: space-between;
    padding: 1.375rem 3.5625rem;
    background: #2eadb5;
    border-radius: .875rem;
    font-size: 1rem;
    color: #fff;
    transition: all .5s ease;
}

.n_demo form button:hover{
    transform: translateX(-.5rem);
}


.n_honor{
    padding: 5.375rem 0 5.6875rem 0;
}

.sjnav_box{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 3.5625rem;
}

.sjnav_box li{
    font-size: 1.125rem;
    color: #313131;
    padding-bottom: .625rem;
    margin-right: 2.5rem;
    position: relative;
}

.sjnav_box li:last-child{
    margin-right: 0;
}

.sjnav_box li::before{
    content: '';
    position: absolute;
    width: 0;
    height: 3px;
    background: #2eadb5;
    transition: all .5s ease;
    bottom: 0;
}

.sjnav_box li.on::before,
.sjnav_box li:hover::before{
    width: 100%;
}

.sjnav_box li.on,
.sjnav_box li:hover{
    color: #2eadb5;
}

.n_honor .honorSwiper .swiper-slide a{
    background: #f0f3f3;
    border-radius: .9375rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 2.1875rem;
    font-size: 1.125rem;
    line-height: 1.5;
    color: #313131;
    overflow: hidden;
    padding: 2.5rem 1.25rem;
    width: 100%;
    height: 23.75rem;
}

.n_honor .honorSwiper .swiper-slide a .img{
    height: 15.375rem;
}

.n_honor .honorSwiper .swiper-slide a .img img{
    width: 100%;
    height: 100%;
    max-width: 11.3125rem;
    max-height: 15.375rem;
    object-fit: contain;
}

.n_honor .honorSwiper .jiantou{
    margin-top: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
}

.n_honor .honorSwiper .jiantou .iconfont{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 5.3125rem;
    height: 5.3125rem;
    border-radius: 50%;
    border: 1px solid #2eadb5;
    font-size: 1.25rem;
    color: #2eadb5;
    transition: background .5s ease;
}

.n_honor .honorSwiper .jiantou .honor_prev .iconfont{
    transform: rotate(180deg);
}

.n_honor .honorSwiper .jiantou a:hover .iconfont{
    background: #2eadb5;
    color: #fff;
}

.n_honor .honorSwiper a{
    position: relative;
}

.n_honor .honorSwiper .swiper-slide a p{
    position: relative;
    z-index: 3;
    transition: all .5s ease;
    color: #2eadb5;
}

.n_honor .honorSwiper .swiper-slide a:hover p{
    /*color: #fff;*/
}

.n_honor .honorSwiper .swiper-slide a::before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(46, 173, 181, .6);
    z-index: 1;
    opacity: 0;
    transition: all .5s ease;
}

.n_honor .honorSwiper .swiper-slide a::after{
    content: '';
    background: url(../images/n_honor_ico.png) center no-repeat;
    background-size: contain;
    position: absolute;
    z-index: 2;
    width: 2rem;
    height: 2rem;
    top: 45%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    opacity: 0;
    transition: all .5s ease;
}

.n_honor .honorSwiper .swiper-slide a:hover::before,
.n_honor .honorSwiper .swiper-slide a:hover::after{
    /*opacity: 1;*/
}
.n_honor .honorSwiper .swiper-slide a:hover .img img{
    transform: scale(1.1);
}

.n_join{
    padding: 5.375rem 0 6rem 0;
}

.n_join .join_box .top{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.875rem 1.25rem;
    background: #f4f4f4;
    transition: all .5s ease;
}

.n_join .join_box .top h2{
    font-size: 1.25rem;
    color: #535353;
    width: 30%;
    padding-left: 2.3125rem;
    position: relative;
    transition: all .5s ease;
}

.n_join .join_box .top p{
    font-size: 1.0625rem;
    color: rgba(83, 83, 83, .7);
    width: calc(70% / 4);
    transition: all .5s ease;
}

.n_join .join_box .top .zk_on{
    display: none;
}

.n_join .join_box .top .zk,
.n_join .join_box .top .zk_on{
    padding: .875rem 1.625rem;
    background: #2eadb5;
    border-radius: 5rem;
    font-size: .875rem;
    color: #fff;
}

.n_join .join_box .top .zk_on{
    background: #fff;
    color: #2eadb5;
}

.n_join .join_box .top h2::before{
    content: '';
    background: url(../images/n_join_ico.png) center no-repeat;
    position: absolute;
    left: 0;
    width: 1.1875rem;
    height: 1.3125rem;
    transition: all .5s ease;
}

.n_join .join_box dl.on .top h2::before,
.n_join .join_box dl:hover .top h2::before{
    background: url(../images/n_join_ico_on.png) center no-repeat;
}

.n_join .join_box dl.on .top,
.n_join .join_box dl:hover .top{
    background: #2eadb5;
}

.n_join .join_box dl.on .top h2,
.n_join .join_box dl:hover .top h2,
.n_join .join_box dl.on .top p,
.n_join .join_box dl:hover .top p{
    color: #fff;
}

.n_join .join_box dl.on .top .zk{
    display: none;
}

.n_join .join_box dl.on .top .zk_on{
    display: block;
}

.n_join .join_box .center{
    border: 2px solid #2eadb5;
    padding: 4.25rem 3.5rem;
}

.n_join .join_box .join_show{
    display: flex;
    justify-content: space-between;
    gap: 5.625rem;
}

.n_join .join_box .join_show .box{
    width: 50%;
}

.n_join .join_box .join_show .title h3{
    font-size: 1.1875rem;
    font-weight: bold;
    color: #2eadb5;
    margin-bottom: 2.5rem;
}

.n_join .join_box .join_show .ar_article{
    max-height: 13rem;
    overflow: hidden;
    overflow-y: auto;
    padding-right: 2.8125rem;
}

.n_join .join_box .join_show .ar_article::-webkit-scrollbar-track{
    width: 1px;
    height: 100%;
    background: #abdee1;
}

.n_join .join_box .join_show .ar_article p{
    font-size: 1.0625rem;
    line-height: 2.25rem;
    color: #535353;
    padding-left: .625rem;
    position: relative;
}

.n_join .join_box .join_show .ar_article p::before{
    content: '·';
    position: absolute;
    left: 0;
    font-size: 1.25rem;
}

.n_join .join_box .lx{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.875rem;
    margin-top: 2.8125rem;
}

.n_join .join_box .lx .email a{
    display: block;
    padding: 1rem 3rem;
    background: #2eadb5;
    border-radius: 5rem;
    font-size: 1rem;
    color: #fff;
}

.n_join .join_box .lx .tel{
    display: flex;
    align-items: center;
    gap: .625rem;
    font-size: .875rem;
    line-height: 1.125rem;
    color: #727272;
}

.n_join .join_box .lx .tel .line{
    width: 1px;
    height: 2.25rem;
    background: #c9c9c9;
}

.n_join .join_box .lx .tel h2{
    font-size: 1.875rem;
    color: #2eadb5;
}

.n_join .join_box .center{
    display: none;
}

.n_join .join_box dl{
    margin-bottom: 1.25rem;
}

.n_join .join_box dl:last-child{
    margin-bottom: 0;
}

.n_case{
    padding: 5.375rem 0 6.4375rem 0;
}

.n_case ul li a{
    background: #eeeff3;
    display: flex;
    transition: background .5s ease;
    position: relative;
}

.n_case ul li a::before{
    content: '';
    position: absolute;
    width: 5px;
    height: 0;
    background: #2eadb5;
    transition: all .5s ease;
}

.n_case ul li a .img{
    width: 50%;
    height: auto;
}

.n_case ul li a .txt{
    padding: 87px 6.875rem;
    width: 50%;
    position: relative;
}

.n_case ul li a .txt .ico{
    margin-bottom: 2.5rem;
}

.n_case ul li a .txt h2{
    font-size: 2rem;
    font-weight: bold;
    color: #535353;
    margin-bottom: 1.75rem;
    transition: all .5s ease;
}

.n_case ul li a .txt p{
    font-size: 1rem;
    line-height: 1.875rem;
    color: #535353;
    transition: all .5s ease;
    margin-bottom: 1.5rem;
}

.n_case ul li a .txt .more{
    width: 2.375rem;
    height: 2.375rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #535353;
    border-radius: 50%;
    transition: all .5s ease;
}

.n_case ul li:hover a .more{
    background: #2eadb5;
}

.n_case ul li:nth-child(odd):hover a{
    background: #fff;
    box-shadow: 0 1px 18px 0 rgba(53, 81, 144, 0.08);
}

.n_case ul li:nth-child(odd):hover a::before{
    right: 0;
    height: 100%;
}

.n_case ul li:nth-child(even) a{
    flex-direction: row-reverse;
}

.n_case ul li:nth-child(even):hover a{
    background: #fff;
    box-shadow: 0 1px 18px 0 rgba(53, 81, 144, 0.08);
}

.n_case ul li:nth-child(even):hover a::before{
    left: 0;
    height: 100%;
}

.n_case ul li:nth-child(odd) a .txt::before {
    content: "";
    position: absolute;
    left: -15px;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-top: 1.25rem solid transparent;
    border-bottom: 1.25rem solid transparent;
    border-right: 1.25rem solid #eeeff3;
    transition: all .5s ease;
}

.n_case ul li:nth-child(even) a .txt::before {
    content: "";
    position: absolute;
    right: -15px;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-top: 1.25rem solid transparent;
    border-bottom: 1.25rem solid transparent;
    border-left: 1.25rem solid #eeeff3;
    transition: all .5s ease;
}

.n_case ul li:hover:nth-child(odd) a .txt::before{
    border-right: 1.25rem solid #fff;
}

.n_case ul li:nth-child(even):hover a .txt::before{
    border-left: 1.25rem solid #fff;
}

.n_case ul li{
    margin-bottom: 1.25rem;
}

.n_case ul li:last-child{
    margin-bottom: 0;
}

.n_czhz{
    padding: 5.5rem 0 6.125rem 0;
    position: relative;
    z-index: 1;
}

.n_czhz .box1 h2{
    display: flex;
    margin-bottom: 3rem;
}

.n_czhz .box1 h2 img{
    margin-right: 1.625rem;
}

.n_czhz .box1 h2{
    font-size: 2.25rem;
    color: #535353;
}

.n_czhz .ar_article{
    margin-bottom: 4.1875rem;
}

.n_czhz .box2 h2{
    padding-left: 2.0625rem;
    border-left: 5px solid #2eadb5;
    font-size: 2.25rem;
    color: #535353;
    margin-bottom: 4.375rem;
}

.n_czhz .box2 ul{
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 1.25rem;
}

.n_czhz .box2 ul li{
    background: #fff;
    border-radius: .625rem;
    overflow: hidden;
    box-shadow: 0 10px 80px -40px rgba(0, 0, 0, 0.2);
}

.n_czhz .box2 ul li .txt{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 1.875rem;
    font-size: 1.25rem;
    color: #535353;
    padding: 3.75rem 1.25rem;
    text-align: center;
    line-height: 1.5;
}

.n_hz_lx{
    background: url(../images/n_czhz_bg.jpg) center no-repeat;
    background-size: cover;
    padding: 21.6875rem 0 7.875rem 0;
    margin-top: -19.875rem;
}

.n_hz_lx .box{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 3.125rem;
}

.n_hz_lx .box h2{
    font-size: 2.5rem;
    color: #fff;
}

.n_hz_lx .box a{
    display: block;
    padding: 1.3125rem 4rem;
    border-radius: 5rem;
    background: #2eadb5;
    color: #fff;
    font-size: 1.125rem;
}

.n_hz_zx{
    background: url(../images/n_czhz_zx_bg.jpg) top no-repeat;
    background-size: cover;
    padding: 8.875rem 0 6.125rem 0;
    background-position-y: -7rem;
}

.n_hz_zx .left h2{
    padding-left: 2.0625rem;
    border-left: 5px solid #2eadb5;
    font-size: 2.25rem;
    color: #272626;
    margin-bottom: 4rem;
}

.n_hz_zx .left p{
    padding-left: 2.0625rem;
    font-size: 1.125rem;
    line-height: 1.875rem;
    color: #060606;
    margin-bottom: 7.75rem;
}

.n_hz_zx .left span{
    padding-left: 2.0625rem;
    font-size: 1rem;
    color: #2eadb5;
}

.n_hz_zx .box{
    display: flex;
    align-items: center;
    justify-content: space-between;
}


.n_hz_zx form{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.25rem;
    width: 50%;
}

.n_hz_zx form .form-item{
    position: relative;
}

.n_hz_zx form input,
.n_hz_zx form textarea{
    padding: 1.5625rem 1.25rem;
    border: 1px solid #d3dbdc;
    border-radius: .3125rem;
    font-size: 1rem;
    color: #535353;
    width: 100%;
    background: rgba(0, 0, 0, 0);
    font-family: 'Microsoft YaHei','微软雅黑';
}

.n_hz_zx form textarea{
    min-height: 10.125rem;
}

.n_hz_zx form .yzm .code{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 2%;
}

.n_hz_zx form .text{
    grid-column: span 2;
}

.n_hz_zx form button{
    font-size: 1.125rem;
    color: #fff;
    width: 100%;
    max-width: 11.3125rem;
    background: #2eadb5;
    height: 100%;
    border-radius: .3125rem;
    transition: all .5s ease;
}

.n_hz_zx form button:hover{
    transform: translateX(.5rem);
}

#n_banner.n_ban_box{
    height: 41.25rem;
    position: relative;
}

#n_banner.n_ban_box .txt i{
    display: block;
    width: 4.125rem;
    height: 1px;
    background: #fff;
    margin-bottom: 2.5rem;
}

#n_banner.n_ban_box .txt h2{
    font-size: 3.25rem;
    margin-bottom: 2.5rem;
}

#n_banner.n_ban_box .txt p{
    font-size: 1.125rem;
    line-height: 2.25rem;
    width: 80%;
    text-align: center;
    margin-bottom: 3.4375rem;
}

#n_banner.n_ban_box .txt a{
    font-size: 1.125rem;
    color: #fff;
    padding: 1.3125rem 4rem;
    border-radius: .5rem;
    background: #2eadb5;
    transition: all .5s ease;
}

#n_banner.n_ban_box .txt a:hover{
    transform: translateY(-.5rem);
}

.n_pro{
    background: url(../images/n_pro_bg.jpg) center no-repeat;
    background-size: cover;
    padding: 4.1875rem 0 4.875rem;
}

.n_pro .box{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 3.5625rem;
}

.n_pro .box .left{
    width: 38.75rem;
}

.n_pro .box .left .proSwiper{
    margin-bottom: .625rem;
}

.n_pro .box .left .proSwiper2{
    width: 92.5%;
}

.n_pro .box .left .down{
    display: flex;
}

.n_pro .box .left .button{
    width: .9375rem;
    height: 5rem;
    border-radius: .3125rem;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: .9375rem;
    color: #838589;
    transition: background .5s ease;
}

.n_pro .box .left .button:hover{
    background: #2eadb5;
    color: #fff;
}

.n_pro .box .left .proSwiper2 .swiper-slide{
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    padding: .5rem .625rem;
    border-radius: .3125rem;
    height: 5rem;
    overflow: hidden;
}

.n_pro .box .left .proSwiper2 .swiper-slide img{
    max-width: 5.625rem;
    max-width: 4.0625rem;
}

.n_pro .box .left .proSwiper .swiper-slide{
    background: #fff;
    border-radius: .9375rem;
    padding: 1rem;
}

.n_pro .box .left .proSwiper .swiper-slide .img{
    overflow: unset;
}

.n_pro .box .left .proSwiper2 .swiper-slide.swiper-slide-thumb-active{
    border: 2px solid #2eadb5;
}

.n_pro .txt{
    width: calc(100% - 38.75rem);
}

.n_pro .txt h2{
    font-size: 2.25rem;
    font-weight: bold;
    color: #535353;
    padding-bottom: 2.5rem;
    border-bottom: 1px solid #dfe2e5;
    margin-bottom: 2.5rem;
}

.n_pro .txt span{
    display: block;
    font-size: 1.25rem;
    font-weight: bold;
    color: #2eadb5;
    margin-bottom: 1.25rem;
}

.n_pro .txt .ms p{
    font-size: 1rem;
    line-height: 1.875rem;
    color: #535353;
    margin-bottom: 5rem;
}

.n_pro .txt .rukou{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.n_pro .txt .rukou .a_box{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .9375rem;
}

.n_pro .txt .rukou .a_box a{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.0625rem;
    font-weight: bold;
    color: #414141;
    border-radius: 5rem;
    border: 2px solid #2eadb5;
    transition: all .5s ease;
    padding: 1.0625rem 2.5rem;
    gap: .625rem;
}

.n_pro .txt .rukou img.on{
    display: none;
}

.n_pro .txt .rukou .a_box a:hover{
    color: #fff;
    background: #2eadb5;
}

.n_pro .txt .rukou .a_box a:hover img{
    display: none;
}

.n_pro .txt .rukou .a_box a:hover img.on{
    display: block;
}

.n_pro .txt .rukou .back a{
    display: block;
    font-size: 1.0625rem;
    color: #2eadb5;
    padding-bottom: .6875rem;
    border-bottom: 1px solid #2eadb5;
    transition: all .5s ease;
}

.n_pro .txt .rukou .back a:hover{
    transform: translateY(-.5rem);
}

.n_pro2{
    padding-top: 6.4375rem;
}

.n_pro2 h2{
    padding-left: 2.0625rem;
    border-left: 5px solid #2eadb5;
    font-size: 2.25rem;
    color: #272626;
    margin-bottom: 5.625rem;
}

.n_pro2 ul{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.25rem;
    padding: 0 1.25rem;
    background: #fff;
    border-radius: 1.875rem;
    box-shadow: 0 1px 18px 0 rgba(53, 81, 144, 0.08);
}

.n_pro2 ul li .img{
    max-width: 4.25rem;
    max-height: 4.25rem;
    overflow: unset;
}

.n_pro2 ul li img.on{
    display: none;
    filter: invert(150%) sepia(150%) saturate(0%) hue-rotate(0deg) brightness(150%) contrast(150%);
}

.n_pro2 ul li{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 2.8125rem;
    color: #535353;
    font-size: 1.25rem;
    padding: 6.25rem 1.25rem;
    transition: all .5s ease;
    border-radius: .625rem;
}

.n_pro2 ul li:hover{
    background: #2eadb5;
    color: #fff;
    transform: translateY(-1.375rem);
}

.n_pro2 ul li:hover img{
    display: none;
}

.n_pro2 ul li:hover img.on{
    display: block;
}

.n_pro3{
    width: 100%;
    object-fit: cover;
    margin-top: -20rem;
}

.n_pro4{
    padding: 4.5625rem 0 5.6875rem 0;
}

.n_pro4 .box{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.25rem;
}

.n_pro4 .box a{
    display: flex;
    align-items: center;
    background: #f3fbfc;
    gap: 1.875rem;
    font-size: 1rem;
    color: #535353;
    width: 100%;
    padding: 2.5rem 6.625rem;
    transition: all .5s ease;
}

.n_pro4 .box a img.on{
    display: none;
}

.n_pro4 .box a:hover{
    background: #2eadb5;
    color: #fff;
}

.n_pro4 .box a:hover img{
    display: none;
}

.n_pro4 .box a:hover img.on{
    display: block;
}

.n_pro4 .box a.next{
    justify-content: flex-end;
}

.n_lc{
    background: url(../images/n_lc_bg.jpg) top no-repeat;
    background-size: cover;
    padding: 8rem 0;
}

.n_lc .title span{
    display: block;
    font-size: 2.25rem;
    font-weight: bold;
    text-transform: uppercase;
    color: #2eadb5;
    margin-bottom: 1.125rem;
}

.n_lc .title h2{
    font-size: 2rem;
    color: #535353;
    margin-bottom: 2.5rem;
}

.n_lc .title p{
    font-size: 1.125rem;
    line-height: 2rem;
    color: #535353;
    margin-bottom: 6.875rem;
}

.n_lc .showSwiper .swiper-slide{
    position: relative;
    padding-left: .375rem;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
}

.n_lc .showSwiper .swiper-slide::before{
    content: '';
    position: absolute;
    top: 0;
    left: .375rem;
    width: 2px;
    height: 100%;
    z-index: 2;
    background: linear-gradient(to top, transparent, #5d7aa9);
}

.n_lc .showSwiper{
    width: 80%;
}

.n_lc .showSwiper .txt{
    position: relative;
    display: flex;
    gap: 1.875rem;
    margin-bottom: 1rem;
    padding-left: 1.5625rem;
    left: -0.375rem;
    z-index: 2;
}

.n_lc .showSwiper .txt::before{
    content: '';
    position: absolute;
    top: .9375rem;
    left: 0;
    display: block;
    width: .75rem;
    height: .75rem;
    border: 2px solid #5d7aa9;
    border-radius: 50%;
    background: #fff;
}

.n_lc .showSwiper .txt:last-child{
    margin-bottom: 0;
}

.n_lc .showSwiper .txt .time{
    font-size: 1.25rem;
    font-weight: bold;
    color: #fff;
    width: 3.5rem;
    padding-top: .5rem;
}

.n_lc .showSwiper .txt p{
    font-size: 1.0625rem;
    line-height: 2.125rem;
    color: #fff;
    width: calc(100% - 3.5rem);
}

.n_lc .yearSwiper{
    margin-top: 5rem;
    position: relative;
    padding-top: 1rem;
}

.n_lc .yearSwiper .line{
    position: absolute;
    top: 30%;
    width: 100%;
    height: 1px;
    border: 1px dashed #fff;
}

.n_lc .yearSwiper .swiper-slide{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.n_lc .yearSwiper .swiper-slide .box{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.n_lc .yearSwiper .swiper-slide p{
    font-size: 1.875rem;
    font-family: Arial;
    color:#fff;
    margin-top: 1.125rem;
}

.n_lc .yearSwiper .container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 2.75rem;
    position: absolute;
    top: -0.625rem;
}

.n_lc .yearSwiper .dot {
    border-radius: 50%;
    position: absolute;
}

.n_lc .yearSwiper .dot-44 {
    width: 2.75rem;
    height: 2.75rem;
    background-color: #2eadb5;
    opacity: 0.2;
    animation: size-change 2s infinite;
}

.n_lc .yearSwiper .dot-27 {
    width: 1.6875rem;
    height: 1.6875rem;
    background-color: #2eadb5;
    animation: size-change 2s infinite;
}

.n_lc .yearSwiper .dot-10 {
    width: .625rem;
    height: .625rem;
    background-color: white;
}

@keyframes size-change {
    0% {
        transform: scale(0.8);
    }
    50% {
        transform: scale(1);
    }
    100% {
        transform: scale(0.8);
    }
}

.n_lc .yearSwiper .swiper-slide .container{
    display: none;
}

.n_lc .yearSwiper .swiper-slide-thumb-active .container{
    display: flex;
}

.n_lc .yearSwiper .swiper-slide .dian{
    width: 1.6875rem;
    height: 1.6875rem;
    border-radius: 50%;
    border: 1px solid #fff;
    position: relative;
}

.n_lc .yearSwiper .swiper-slide .dian::before{
    content: '';
    width: .625rem;
    height: .625rem;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.n_lc .yearSwiper .swiper-slide-thumb-active .dian{
    opacity: 0;
}

.n_lc .showSwiper .box{
    width: 50%;
}

.n_lc .showSwiper .year{
    font-size: 11.25rem;
    font-family: Arial;
    font-weight: bold;
    color: #fff;
    margin-top: -1.5rem;
}

#n_banner.n_fashow{
    height: 49.375rem;
}

#n_banner.n_fashow .txt{
    padding-bottom: 15%;
}

.n_case_show{
    position: relative;
    z-index: 1;
    margin-top: -15rem;
    margin-bottom: 5rem;
}

.n_case_show .img{
    border-radius: 1.25rem;
}

.n_case_show1 .box1{
    background: url(../images/n_case_show_bg.jpg) bottom no-repeat;
    background-size: cover;
    background-position-y: -0.75rem;
}

.n_case_show1 .box2{
    background: url(../images/n_case_show_bg2.jpg) top no-repeat;
    background-size: cover;
    margin-top: -0.75rem;
    padding-top: 10rem;
}

.n_case_show1 #show_title{
    display: flex;
    align-items: center;
    background: #e5e5e5;
    margin-bottom: 4.375rem;
}

.n_case_show1 #show_title li{
    font-size: 1.125rem;
    color: #535353;
    padding: 1.625rem 2rem;
    text-align: center;
    transition: all .5s ease;
    position: relative;
    cursor: pointer;
}

.n_case_show1 #show_title li:hover{
    background: #2eadb5;
    color: #fff;
}

.n_case_show1 #show_title li.on{
    background: #2eadb5;
    color: #fff;
}

.n_case_show1 #show_title li::before{
    content: "";
    position: absolute;
    left: 50%;
    /*bottom:-0.75rem;*/
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: .75rem solid transparent;
    border-right: .75rem solid transparent;
    border-top: .75rem solid #2eadb5;
    z-index: -1;
    transition: all .5s ease;
    opacity: 0;
    top: 100%;
}

.n_case_show1 #show_title li.on::before,
.n_case_show1 #show_title li:hover::before{
    opacity: 1;
}

.n_case_show1 #show_box .show-div{
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: -1;
    margin-bottom: 7.125rem;
    display: none;
}

.n_case_show1 #show_box .show-div .box1 .title h2{
    font-size: 2.25rem;
    color: #535353;
    margin-bottom: 3rem;
}

.n_case_show1 #show_box .show-div .box1 .title h2 img{
    margin-right: 1rem;
    transform: translateY(.625rem);
}

.n_case_show1 #show_box .show-div .box1 .title{
    margin-bottom: 4.125rem;
}

.n_case_show1 #show_box .show-div .box1 h3{
    font-size: 2.25rem;
    color: #535353;
    border-left: 5px solid #2eadb5;
    padding-left: 2.0625rem;
    margin-bottom: 1.5625rem;
}

.n_case_show1 #show_box .show-div .box1 ul{
    display: grid;
    /*grid-template-columns: repeat(6, 1fr);*/
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    gap: 2.375rem;
}

.n_case_show1 #show_box .show-div .box1 li{
    background: linear-gradient(to top, #fff, #fff, #b9dce0);
    box-shadow: 0 7px 30px 0 rgba(46, 173, 181, 0.16);
    border-radius: .375rem;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 2.125rem .9375rem;
}

.n_case_show1 #show_box .show-div .box1 li .sz{
    font-size: 3rem;
    font-family: Arial;
    font-weight: bold;
    color: #2eadb5;
    margin-bottom: 2.625rem;
}

.n_case_show1 #show_box .show-div .box1 li .img{
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    background: #2eadb5;
    padding: 1.5rem;
    overflow: unset;
    margin-bottom: 3.75rem;
}

.n_case_show1 #show_box .show-div .box1 li p{
    font-size: .875rem;
    line-height: 2.25rem;
    /*font-weight: bold;*/
    /*color: #333333;*/
    color: #555;
    text-align: center;
}

.n_case_show1 #show_box .show-div .box1 li p.ptitle{
    font-size: 1.125rem;
    font-weight: bold;
    color: #333333;
}

.n_case_show1 #show_box .show-div .box1 ul li:nth-child(odd){
    transform: translateY(50%);
}

.n_case_show1 #show_box .bookSwiper{
    /* background: url(../images/n_case_show_book.png) center no-repeat; */
    /* background-size: contain; */
    width: 55.75rem;
    height: 37.8125rem;
    position: relative;

}

.n_case_show1 #show_box .bookSwiper .swiper-slide{
    /* padding: 1.125rem 4.9375rem 4.1875rem 4.9375rem; */
    z-index: 9;
}

.n_case_show1 #show_box .bookSwiper .swiper-slide img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* .n_case_show1 #show_box .bookSwiper .swiper-slide:nth-child(1){
    opacity: 1;
}

.n_case_show1 #show_box .bookSwiper .swiper-slide-next,
.n_case_show1 #show_box .bookSwiper .swiper-slide-prev{
    opacity: 0 !important;
}

.n_case_show1 #show_box .bookSwiper .swiper-slide.swiper-slide-active{
    opacity: 1 !important;
} */



.n_case_show1 #show_box .book{
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 15rem 0 9.6875rem 0;
}

.n_case_show1 #show_box .book .button{
    cursor: pointer;
    position: absolute;
    top: 50%;
    z-index: 2;
}

.n_case_show1 #show_box .book .button .iconfont{
    font-size: 2.6875rem;
    color: #fff;
}

.n_case_show1 #show_box .book .prev{
    transform: rotate(180deg);
    left: 15%;
}

.n_case_show1 #show_box .book .next{
    right: 15%;
}

.n_case_show1 #show_box .show-div .box2 .w1600 h2{
    font-size: 2.25rem;
    color: #535353;
    border-left: 5px solid #2eadb5;
    padding-left: 2.0625rem;
    margin-bottom: 5.25rem;
}

.n_case_show1 #show_box .show-div .box2 .box{
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
}

.n_case_show1 #show_box .show-div .box2 .pagination{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3.125rem;
    margin-top: 3.6875rem;
    margin-bottom: 4.875rem;
}

.n_case_show1 #show_box .show-div .box2 .pagination .swiper-pagination-bullet{
    border-radius: 5rem;
    padding: .5625rem 1.125rem;
    background: rgba(0, 0, 0, 0);
    position: relative;
    opacity: 1 !important;
}

.n_case_show1 #show_box .show-div .box2 .pagination .swiper-pagination-bullet::before{
    content: '';
    width: .5rem;
    height: .5rem;
    background: #d0d0d0;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    transition: all .5s ease;
}

.n_case_show1 #show_box .show-div .box2 .pagination .swiper-pagination-bullet-active{
    border: 1px solid #2eadb5;
}

.n_case_show1 #show_box .show-div .box2 .pagination .swiper-pagination-bullet-active::before{
    background: #2eadb5;
}

.n_case_show1 #show_box .show-div .box2 .img{
    width: 36.5625rem;
}

.n_case_show1 #show_box .show-div .box2 .txt{
    padding-left: 3.75rem;
    width: 22.8125rem;
}

.n_case_show1 #show_box .show-div .box2 .txt .ico{
    margin-bottom: 1.1875rem;
}

.n_case_show1 #show_box .show-div .box2 .txt h2{
    font-size: 1.625rem;
    color: #2eadb5;
    margin-bottom: 2.5rem;
}

.n_case_show1 #show_box .show-div .box2 .txt span{
    padding: .5rem 1.125rem;
    background: #2eadb5;
    display: inline-block;
    font-size: 1rem;
    color: #fff;
    margin-bottom: 2.1875rem;
    border-radius: 5rem;
}

.n_case_show1 #show_box .show-div .box2 .txt p{
    font-size: 1.125rem;
    line-height: 2.25rem;
    color: #535353;
}

.n_case_show1 #show_box .show-div .box4{
    padding-top: 5.625rem;
}

.n_case_show1 #show_box .show-div .box4 .title{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5.625rem;
}

.n_case_show1 #show_box .show-div .box4 .title h2{
    font-size: 2.25rem;
    color: #535353;
    border-left: 5px solid #2eadb5;
    padding-left: 2.0625rem;
}

.n_case_show1 #show_box .show-div .box4 .title .jt{
    display: flex;
    align-items: center;
    gap: .9375rem;
}

.n_case_show1 #show_box .show-div .box4 .title .button{
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 50%;
    background: #535353;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    color: #fff;
    transition: background .5s ease;
    cursor: pointer;
}

.n_case_show1 #show_box .show-div .box4 .title .button:hover{
    background: #2eadb5;
}

.n_case_show1 #show_box .show-div .box4 .txt{
    background: #fff;
    padding: 1.75rem 2.3125rem;
    transition: all .5s ease;
}

.n_case_show1 #show_box .show-div .box4 .txt h2{
    font-size: 1rem;
    font-weight: bold;
    line-height: 1.125rem;
    color: #535353;
    margin-bottom: .9375rem;
    transition: all .5s ease;
}

.n_case_show1 #show_box .show-div .box4 .txt .line{
    width: 3.75rem;
    height: .25rem;
    display: block;
    background: #2eadb5;
    transition: all .5s ease;
}

.n_case_show1 #show_box .show-div .box4 .box{
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
}

.n_case_show1 #show_box .show-div .box4 .box::before{
    content: '';
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    border: 2px solid #2eadb5;
    opacity: 0;
    visibility: hidden;
    transition: all .5s ease;
}

.n_case_show1 #show_box .show-div .box4 .box:hover::before{
    opacity: 1;
    visibility: visible;
}

.n_case_show1 #show_box .show-div .box4 .box:hover .txt{
    background: #2eadb5;
}

.n_case_show1 #show_box .show-div .box4 .box:hover .txt h2{
    color: #fff;
}

.n_case_show1 #show_box .show-div .box4 .box:hover .txt .line{
    background: #fff;
}


.form-item {
    margin-bottom: 10px;
}
.code button {
    cursor: pointer;
}
.modal {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    overflow: auto;
    opacity: 0;
    transition: opacity 1s ease;
}
.modal.show {
    display: block;
    opacity: 1;
}
.modal-content {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.4);
    width: 100%;
    height: 100%;
}

.modal-content p{
    font-size: 1rem;
    padding: 1rem;
    background-color: #fefefe;
}
#errorModal .modal-content p{
    color: red;
}
.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}
.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}
#errorModal .modal-content p{
    color: red;
}