body {
    font-family: 'AlibabaPuHuiTi-3-55-Regular';
}

#header {
    position: fixed;
    top: 2.75rem;
    width: 100%;
    z-index: 9999;
    transition: all .5s ease;
}

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

#header .logo {
    max-width: 12.625rem;
    padding: 1rem 0;
}

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

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

#header .nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 4.6875rem;
    font-size: 1.25rem;
    color: #000;
    transition: all .5s ease;
    height: 100%;
    padding-right: 2rem;
}

#header .nav li {
    position: relative;
}

#header .nav li>a {
    position: relative;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .875rem 0 2.3125rem 0;
    color: #fff;
    transition: all .5s ease;
}

#header .nav li>a::after {
    content: '';
    position: absolute;
    width: 0;
    height: 3px;
    bottom: 0;
    background: #559cf1;
    z-index: -1;
    transition: all .5s ease;
}

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

#header .nav li.on a {
    color: #fff;
}

#header .nav .nav_xl {
    position: absolute;
    background: #fff;
    width: auto;
    white-space: nowrap;
    left: 50%;
    transform: translateX(-50%);
    top: 100%;
    opacity: 0;
    visibility: hidden;
    transition: all .5s ease;
    z-index: 9;
}

#header .nav .nav_xl .nav_xl_box {
    display: flex;
    align-items: center;
    flex-direction: column;
}

#header .nav .nav_xl .nav_xl_box a {
    padding: .875rem;
    font-size: 1rem;
    line-height: 1.5rem;
    text-align: center;
    transition: all .5s ease;
    width: 100%;
    color: #333;
}

#header .nav .nav_xl .nav_xl_box a:hover {
    color: #fff;
    background: #559cf1;
}

#header .nav li:hover .nav_xl {
    opacity: 1;
    visibility: visible;
}

#header .right {
    display: flex;
    align-items: center;
    gap: 2.8125rem;
    position: relative;
    padding-left: 3.125rem;
    margin-top: -1.25rem;
}

#header .right::before {
    content: '';
    position: absolute;
    width: 1px;
    height: 1.25rem;
    background: rgba(255, 255, 255, 0.4);
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}

#header .right .iconfont {
    font-size: 1.5rem;
    color: #fff;
}

#header .right .tel,
#header .right .fanyi {
    position: relative;
    cursor: pointer;
}

#header .right .tel .telbox {
    position: absolute;
    top: 4rem;
    left: 50%;
    transform: translateX(-50%);
    color: #559cf1;
    font-size: 1.25rem;
    background: #fff;
    padding: 1rem;
    min-width: 11rem;
    opacity: 0;
    visibility: hidden;
    transition: all .5s ease;
}

#header .right .tel .telbox span {
    display: block;
    margin-bottom: .5rem;
    color: rgba(0, 0, 0, .4);
}

#header .right .tel:hover .telbox {
    opacity: 1;
    visibility: visible;
}

#header .right .fanyi {
    position: relative;
    display: flex;
    align-items: center;
    gap: .75rem;
    font-size: .875rem;
    text-transform: uppercase;
    color: #000000;
}

#header .right .fanyi .iconfont {
    font-size: 2.125rem;
}

#header .right .fanyi p {
    display: flex;
    align-items: center;
    gap: .625rem;
}

#header .right .fanyi p .iconfont {
    font-size: .9375rem;
}

#header .right .fanyi_box {
    position: absolute;
    display: flex;
    flex-direction: column;
    background: #fff;
    min-width: 7.5rem;
    left: 55%;
    transform: translateX(-50%);
    top: 4rem;
    opacity: 0;
    visibility: hidden;
    transition: all .5s ease;
}

#header .right .fanyi:hover .fanyi_box {
    opacity: 1;
    visibility: visible;
}

#header .right .fanyi .fanyi_box a {
    display: block;
    font-size: 1.125rem;
    padding: 1rem;
    text-align: center;
    transition: all .5s ease;
}

#header .right .fanyi .fanyi_box a:hover {
    background: #559cf1;
    color: #fff;
}

#header.xg {
    background: #fff;
    top: 0;
}

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

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

#header.xg .nav li>a {
    color: #212121;
    padding: 2.5rem 0;
}

#header.xg .nav li>a::after {
    bottom: -2px;
}

#header.xg .right {
    margin-top: 0;
}

#header.xg .right .iconfont {
    color: #212121;
}

#m_header .fanyi a {
    text-transform: uppercase;
}

#m_header .logo {
    max-width: 8.75rem;
}

#m_header #nav_btn_box .box>a {
    font-size: 1.875rem;
    color: #212121;
    margin-right: 1.25rem;
}

#n_banner {
    height: 28.75rem;
    position: relative;
    text-align: center;
    z-index: -1;
}

#n_banner::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
}

#n_banner .box {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

#n_banner .box h2 {
    padding-top: 5rem;
    font-size: 3.75rem;
    font-family: 'AlibabaPuHuiTi-3-65-Medium';
    color: #fff;
    margin-bottom: 1.25rem;
}

#n_banner .box p {
    font-size: 1.25rem;
    line-height: 2.25rem;
    color: #fff;
}

#m_n_nav {
    background: #559cf1;
}

.n_nav {
    border-bottom: 1px solid #eae9e9;
    position: relative;
    background: #fff;
}

.n_nav .w1600 {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.n_nav .left {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .8125rem;
    font-size: 1.0625rem;
    color: rgba(0, 0, 0, .6);
}

.n_nav .left .home {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #559cf1;
    padding: 2.5rem .8125rem;
}

.n_nav .left .home svg {
    width: .8125rem !important;
    height: .8125rem !important;
}

.n_nav .left a:last-child {
    color: #559cf1;
}

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

.n_nav .right li a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 3rem;
    font-size: 1.1875rem;
    color: #272727;
    position: relative;
    height: 5.8125rem;
    transition: all .5s ease-in-out;
}

.n_nav .right li a p {
    position: relative;
    z-index: 2;
}

.n_nav .right li a::after {
    content: '';
    position: absolute;
    top: 0;
    width: 100%;
    height: 0;
    background: linear-gradient(to bottom, #bbd7f9, transparent);
    transition: all .5s ease-in-out;
    border-top: 0px solid #559cf1;
}

.n_nav .right li a::before {
    content: '';
    position: absolute;
    top: 29%;
    left: 21%;
    width: .375rem;
    height: .375rem;
    border-radius: 50%;
    border: 2px solid #559cf1;
    opacity: 0;
    transition: all .5s ease;
    z-index: 1;
}

.n_nav .right li.on a::after,
.n_nav .right li:hover a::after {
    height: 70%;
    border-top: 3px solid #559cf1;
}

.n_nav .right li.on a::before,
.n_nav .right li:hover a::before {
    opacity: 1;
}

.n_nav .right li.on a,
.n_nav .right li:hover a {
    color: #559cf1;
}

.n_nav .right li {
    position: relative;
    height: 100%;
}

.n_nav .right li::before {
    content: '';
    position: absolute;
    background: url(../images/nav_ico.svg) bottom no-repeat;
    width: 1.75rem;
    height: 1.75rem;
    bottom: -1px;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    transition: all .5s ease;
    opacity: 0;
    visibility: hidden;
}

.n_nav .right li.on::before,
.n_nav .right li:hover::before {
    opacity: 1;
    visibility: visible;
    top: 70%;
}

.n_nav .slider {
    position: absolute;
    bottom: -1px;
    left: 0;
    height: 1px;
    background-color: #559cf1;
    width: 0;
    transition: width 0.5s ease;
}

.n_lx {
    padding: 5.75rem 0 3.9375rem 0;
}

.n_lx .box {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.n_lx .title img {
    margin-bottom: 2.9375rem;
}

.n_lx .title h2 {
    font-size: 2.625rem;
    color: #272727;
    margin-bottom: 1.0625rem;
}

.n_lx .title p {
    text-transform: uppercase;
    color: #559cf1;
    font-size: 2rem;
    margin-bottom: 3.3125rem;
}

.n_lx .left li {
    display: flex;
    font-family: 'AlibabaPuHuiTi-3-45-Light';
}

.n_lx .left li h6 {
    font-size: 1rem;
    color: rgba(0, 0, 0, .8);
    margin-bottom: 1.4375rem;
    flex-shrink: 0;
}

.n_lx .left li p {
    font-size: 1rem;
    color: rgba(0, 0, 0, .8);
    line-height: 2;
}

.n_lx .left li:nth-child(1) p {
    font-size: 1.5rem;
    line-height: 2rem;
    color: #559cf1;
}

.n_lx .left li:nth-child(1) {
    flex-direction: column;
    margin-bottom: 2.5rem;
}

.n_lx .left .ewm_box {
    display: inline-flex;
    margin-top: 1.875rem;
}

.n_lx .left .ewm_box img {
    max-width: 12rem;
    border: 1px solid #e8e6e6;
    padding: .5rem;
}

.n_lx .left .ewm_box p {
    font-size: 1rem;
    color: rgba(0, 0, 0, .5);
    text-align: center;
    margin-top: .875rem;
}

.n_lx .left {
    flex-shrink: 0;
    margin-right: 9.375rem;
}

.n_lx .right {
    width: 100%;
}

.n_lx .right .title h2 {
    font-size: 2.25rem;
    line-height: 3rem;
    color: #272727;
    margin: 4.5rem 0 4.4375rem 0;
}

.n_lx .right form {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem 1.25rem;
    align-items: end;
}

.n_lx .right form input,
.n_lx .right form textarea {
    width: 100%;
    font-size: 1.25rem;
    font-family: 'AlibabaPuHuiTi-3-45-Light';
    width: 100%;
    height: 4.375rem;
    padding: 0 1rem;
    background: #fff;
    border: 1px solid #dddddd;
}

.n_lx .right form p {
    font-size: 1.0625rem;
    font-family: 'AlibabaPuHuiTi-3-45-Light';
    color: #212121;
    margin-bottom: 1.25rem;
}

.n_lx .right form p span {
    color: #b21d25;
    margin-left: .5rem;
}

.n_lx .right form textarea {
    height: 10.625rem;
    padding: 1rem;
}

.n_lx .right form .txt {
    grid-column: span 3;
}

.n_lx .right form .yzm {
    position: relative;
}

.n_lx .right form .yzm .code-img {
    position: absolute;
    right: 5%;
    top: 66%;
    transform: translateY(-50%);
}

.n_lx .right form button {
    position: relative;
    overflow: hidden;
    font-family: 'AlibabaPuHuiTi-3-45-Light';
    width: 100%;
    background: #8a8a8a;
    height: 100%;
    max-height: 4.375rem;
}

.n_lx .right form button p {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-size: 1.125rem;
    color: #fff;
    position: relative;
    z-index: 2;
}

.n_lx .right form button .iconfont {
    margin-left: .75rem;
    font-size: 1.75rem;
}

.n_lx .right form button::after {
    content: '';
    position: absolute;
    bottom: 100%;
    width: 100%;
    height: 100%;
    background: #559cf1;
    transition: all .5s ease;
}

.n_lx .right form button:hover::after {
    bottom: 0;
}

.n_page {
    padding: 5rem 0;
}

.n_lc {
    background: url(../images/n_lc_bg.jpg) center no-repeat;
    background-size: cover;
    padding: 5.625rem 0 3.875rem 0;
    height: 50.9375rem;
}

.n_lc .title {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.n_lc .title h2 {
    font-size: 2.5rem;
    font-family: 'AlibabaPuHuiTi-3-65-Medium';
    color: #fff;
    margin-left: .625rem;
}

.n_lc .swiper-pagination {
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    gap: 1.25rem;
}

.n_lc .swiper-pagination div {
    width: 3.75rem;
    height: 3.75rem;
    border-radius: 50%;
    border: 2px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.n_lc .swiper-pagination div .iconfont {
    font-size: 1.25rem;
    color: #fff;
}

.n_lc .swiper-pagination div.prev .iconfont {
    transform: rotate(180deg);
}

.n_lc .swiper-wrapper .swiper-slide .txt {
    position: relative;
    padding-left: 1.875rem;
    border-left: 1px dashed #fff;
    margin-left: .625rem;
    padding-bottom: 5rem;
    transition: all .5s ease;
}

.n_lc .swiper-wrapper .swiper-slide .txt .ar_article {
    max-height: 11.625rem;
    padding-right: 1.25rem;
    overflow: hidden;
    overflow-y: auto;
}

.n_lc .swiper-wrapper .swiper-slide .txt::after {
    content: '';
    position: absolute;
    width: .6875rem;
    height: .6875rem;
    background: #0074ff;
    border: 1px solid #fff;
    border-radius: 50%;
    z-index: 1;
    bottom: 0;
    left: 0;
    transform: translateX(-50%);
}

.n_lc .swiper-wrapper .swiper-slide .txt::before {
    content: '';
    position: absolute;
    width: .25rem;
    height: 4.0625rem;
    background: #fff;
    top: 0;
    left: -1px;
    z-index: 1;
}

.n_lc .swiper-wrapper .swiper-slide h2 {
    font-size: 2.875rem;
    font-family: 'AlibabaPuHuiTi-3-85-Bold';
    color: #fff;
    margin-bottom: 1.875rem;
}

.n_lc .swiper-wrapper .swiper-slide p {
    font-size: 1rem;
    font-family: 'AlibabaPuHuiTi-3-45-Light';
    line-height: 1.875rem;
    color: #fff;
}

.n_lc .swiper-wrapper .swiper-slide {
    margin-top: 18rem;
    transition: all .5s ease;
}

.n_lc .swiper-wrapper .swiper-slide-active+.swiper-slide+.swiper-slide {
    margin-top: 11rem;
}

.n_lc .swiper-wrapper .swiper-slide-active+.swiper-slide {
    margin-top: 5rem;
}

.n_lc .swiper-wrapper .swiper-slide-active {
    margin-top: 0;
}

.n_wenhua {
    padding: 5.625rem 0 7.8125rem 0;
}

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

.n_wenhua li {
    position: relative;
    border-radius: .9375rem;
    height: 38.75rem;
    overflow: hidden;
    transition: all .5s ease;
}

.n_wenhua li.on {
    width: 45.625rem;
    flex-shrink: 0;
}

.n_wenhua li .img {
    width: 100%;
    height: 100%;
}

.n_wenhua li .txt {
    position: absolute;
    z-index: 2;
    bottom: 3.125rem;
    left: 3.125rem;
}

.n_wenhua li .iconfont {
    font-size: 2.8125rem;
    color: #fff;
    margin-bottom: 1.625rem;
}

.n_wenhua li p {
    font-size: 1.75rem;
    color: #fff;
}

.n_job {
    padding: 5.8125rem 0 7.1875rem 0;
}

.n_job .box {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.n_job .box .left {
    position: relative;
    width: 100%;
    height: 100%;
    max-width: 23.75rem;
    margin-right: 3.125rem;
    flex-shrink: 0;
}

.n_job .box .left p {
    position: absolute;
    bottom: 5%;
    left: 5%;
    font-size: 1rem;
    color: #fff;
    z-index: 2;
}

.n_job #list_slide {
    position: relative;
    width: 100%;
}

.n_job #list_slide dl {
    position: relative;
    margin-bottom: 15px;
    z-index: 1
}

.n_job #list_slide dl:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    pointer-events: none
}

.n_job #list_slide dt {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    cursor: pointer;
    transition: .5s;
    padding: 2.1875rem 3.75rem;
    background: #f4f6f9;
}

.n_job #list_slide dt h2 {
    font-size: 1.375rem;
    font-weight: 700;
    color: #3b3b3b;
    width: 90%;
    transition: all .5s ease;
}

.n_job #list_slide dl .top .zk i {
    width: 1.0625rem;
    height: .9375rem;
    display: block;
    position: relative;
    transition: all .5s ease;
}

.n_job #list_slide dl .top .zk i::after,
.n_job #list_slide dl .top .zk i::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    background: #b8b8b8;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.n_job #list_slide dl .top .zk i::after {
    transform: rotate(90deg);
    left: 0;
}

.n_job #list_slide dl .top .zk:hover i {
    transform: rotate(90deg);
}

.n_job #list_slide dl.on .top .zk i::after {
    display: none;
}

.n_job #list_slide dl.on .top .zk:hover i {
    transform: rotate(0deg);
}

.n_job #list_slide .on dt,
.n_job #list_slide dl:hover dt {
    background: #559cf1;
}

.n_job #list_slide dl.on .top .zk i::before,
.n_job #list_slide dl:hover .top .zk i::before,
.n_job #list_slide dl:hover .top .zk i::after {
    background: #fff;
}

.n_job #list_slide dl .down .left h6 {
    margin-bottom: 1.25rem;
}

.n_job #list_slide dt p {
    font-size: 1.1875rem;
    color: #272727;
    width: 20%;
}

.n_job #list_slide .on dt h2,
.n_job #list_slide dl:hover dt h2 {
    color: #fff;
}

.n_job #list_slide .on dt p {
    color: #fff;
}

.n_job #list_slide dd.down {
    display: none;
    transition: 0s;
    justify-content: space-between;
    background: #f4f6f9;
    padding: 2.5rem;
    border-bottom: 0;
}

.n_job #list_slide .down .txt h6 {
    font-size: 1.125rem;
    color: #559cf1;
    margin-bottom: .625rem;
}

.n_job #list_slide .down .txt .ar_article {
    margin-bottom: 1.875rem;
}

.n_job #list_slide .down .txt a {
    display: inline-block;
    font-size: 1rem;
    color: #fff;
    background: #559cf1;
    padding: 1rem 1.75rem;
    border-radius: .625rem;
    margin: 1rem 0;
}

.n_job #list_slide dd p {
    margin-bottom: 0
}

.n_job #list_slide dd p:last-child {
    padding-bottom: 0
}

.n_job #list_slide dd .content {
    display: flex;
    flex-direction: row-reverse
}

.n_job #list_slide dd .content {
    color: #707578;
    line-height: 1.875rem;
    font-size: .9375rem
}

.n_job #list_slide dd .content p {
    color: #707578;
    line-height: 1.875rem;
    font-size: .9375rem
}

.n_job #list_slide .btn_send {
    width: 15rem;
    height: 3.75rem;
    border-radius: 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
    font-size: 1rem;
    background: #559cf1;
    margin-top: 2.5rem
}

.n_job #list_slide .btn_send i {
    font-size: 1.75rem;
    margin-left: .5rem
}

.n_job #list_slide dd ul {
    margin-bottom: 2rem
}

.n_job #list_slide dd ul li {
    list-style: decimal;
    margin-left: 1.3em;
    font-size: .9375rem;
    color: #6f6f6f;
    line-height: 1.875rem
}

.n_job #list_slide dd ul li a {
    color: #559cf1
}

.n_job #list_slide dd .tt {
    font-size: 1.5rem;
    color: #000;
    margin-bottom: 1.875rem
}

.n_job #list_slide dd .tt span {
    font-size: 1.625rem;
    color: #559cf1;
    font-family: "Myriad Pro", arial;
    display: inline-block;
    margin-left: .625rem
}

.n_job #list_slide .content {
    overflow: hidden
}

.n_job #list_slide .content .left {
    width: 62%;
    padding-right: 3.25rem
}

.n_job #list_slide .content .right {
    width: 38%
}

.n_job #list_slide .content .right .flex {
    display: flex
}

.n_job #list_slide .content .right .pic {
    flex-shrink: 0;
    width: 7.4375rem;
    margin-right: 2rem
}

.n_job #list_slide .content .right .applybox {
    display: flex;
    color: #404044;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start
}

.n_job #list_slide .content .right .tt {
    font-size: 1.5rem;
    font-weight: bold;
    color: #000
}

.n_job #list_slide .content .scrollbox {
    height: 28.5rem;
    overflow: auto;
    padding-right: 2.5rem
}

.n_fuli {
    padding: 5.375rem 0;
}

.n_fuli .title .box {
    display: flex;
    justify-content: center;
    align-items: center;
}

.n_fuli .title .box h2 {
    font-size: 3rem;
    color: #1f1f1f;
    padding-bottom: 2rem;
}

.n_fuli .title p {
    font-size: 1.125rem;
    line-height: 1.5rem;
    color: #434343;
    text-align: center;
    margin-bottom: 5.25rem;
}

.n_fuli .w1600 ul {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2.5rem;
    margin-bottom: 7.5rem;
}

.n_fuli .w1600 ul li {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 1.0625rem;
    width: 100%;
    height: 9.0625rem;
    border: 1px solid #e5e5eb;
    border-radius: .3125rem;
    background: #fff;
    font-size: 1.125rem;
    color: #272727;
    transition: box-shadow .5s ease;
}

.n_fuli .w1600 ul li:hover {
    border: 2px solid #559cf1;
    box-shadow: 0 14px 68px 0 rgba(133, 44, 47, 0.18);
}

.n_fuli .team .swiper {
    width: 100%;
    height: 37.5rem;
    position: relative;
    padding-bottom: 3.75rem;
}

.n_fuli .team .swiper .img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.n_fuli .team .swiper-slide::before {
    content: '';
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    transition: all .5s ease;
    z-index: 2;
}

.n_fuli .team .swiper-slide-active::before {
    opacity: 0;
}

.n_fuli .team .swiper-slide-prev,
.n_fuli .team .swiper-slide-next {
    width: 50% !important;
}

.n_fuli .team .swiper-slide-prev,
.n_fuli .team .swiper-slide-next,
.n_fuli .team .swiper-slide-active {
    transform: translateX(-53%);
}

.n_fuli .team .swiper-slide-active {
    width: 50% !important;
}

.n_fuli .team .team_jt {
    position: absolute;
    top: 45%;
    transform: translateY(-50%);
    z-index: 2;
}

.n_fuli .team .team_next {
    right: 18%;
}

.n_fuli .team .team_prev {
    left: 18%;
}

.n_fuli .team .team_pagination {
    position: absolute;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.n_fuli .team .team_pagination .swiper-pagination-bullet {
    width: 2.8125rem;
    height: .25rem;
    border-radius: 0;
    background: #cfcfcf;
}

.n_fuli .team .team_pagination .swiper-pagination-bullet-active {
    width: 4.0625rem;
    background: #559cf1;
}

.n_news {
    padding: 4.125rem 0 8.75rem 0;
}

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

.n_news ul li a {
    display: block;
    border: 1px solid #e4e4e4;
    padding: 1.875rem 2.375rem;
    transition: all .5s ease;
}

.n_news ul li:hover a {
    background: #fff;
    border: 1px solid #fff;
    box-shadow: 0 7px 43px 0 rgba(0, 0, 0, 0.06);
}

.n_news ul li .img {
    border-radius: .3125rem;
    width: 100%;
    height: 18.375rem;
}

.n_news ul li a .time {
    display: flex;
    align-items: center;
    gap: .625rem;
    font-size: .875rem;
    color: #222222;
    margin: 1.875rem 0;
}

.n_news ul li a .iconfont {
    font-size: 1.625rem;
    color: #559cf1;
}

.n_news ul li a h2 {
    font-size: 1.5rem;
    line-height: 2.25rem;
    color: #222222;
    margin-bottom: 1.875rem;
}

.n_news ul li a p {
    font-size: 1rem;
    line-height: 1.875rem;
    color: rgba(34, 34, 34, .7);
}



.n_news_show {
    padding: 6rem 0 4rem 0;
}

.n_news_show .w1600 .box {
    background: #fff;
    padding: 4.875rem 4.375rem 3.3125rem 4.375rem;
    display: flex;
    justify-content: space-between;
    position: relative;
    gap: 3.75rem;
}

.n_news_show .w1600 .box::before {
    content: '';
    position: absolute;
    top: 0;
    right: 33%;
    width: 1px;
    height: 100%;
    background: #ecedee;
}

.n_news_show .box .left {
    width: 62.8125rem;
    padding-right: 3.75rem;
}

.n_news_show .box .right {
    width: calc(100% - 62.8125rem - 3.75rem);
}

.n_news_show .box .left .top h2 {
    width: calc(100% - 6.5625rem - 1.25rem);
}

.n_news_show .top {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    margin-bottom: 2.9375rem;
}

.n_news_show .top .time {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: .875rem;
    color: #ffffff;
    height: 6.5625rem;
    width: 6.5625rem;
    background: #559cf1;
    border-radius: .3125rem;
}

.n_news_show .top .time span {
    font-size: 2.625rem;
}

.n_news_show .top h2 {
    font-size: 2.0625rem;
    line-height: 2.625rem;
    color: #000000;
}

.n_news_show .right .zx {
    font-size: 1.75rem;
    color: #3d3d3d;
    margin-bottom: 2.5rem;
}

.n_news_show .right li .time {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: .875rem;
    color: #ffffff;
    height: 5rem;
    width: 5rem;
    background: #559cf1;
    border-radius: .3125rem;
}

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

.n_news_show .right li a {
    display: flex;
    align-items: center;
    gap: 1.0625rem;
}

.n_news_show .right li h2 {
    width: calc(100% - 5rem - 1.0625rem);
    font-size: 1.1875rem;
    line-height: 1.875rem;
    color: #272727;
}

.n_news_show .right .line {
    display: block;
    width: 100%;
    height: 1px;
    background: #ecedee;
    margin: 1.875rem 0;
}

.n_news_show .right .list_box {
    position: sticky;
    top: 8.25rem;
}

.n_news_show .down {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 4.375rem;
}

.n_news_show .down .txt {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    border: 1px solid #c2c2c2;
    border-radius: 5rem;
    padding: 1.125rem 2.375rem;
    transition: all .5s ease;
    font-size: 1rem;
    color: #4d4d4d;
}

.n_news_show .down .txt .iconfont {
    color: #559cf1;
}

.n_news_show .down .txt:hover .iconfont {
    color: #fff;
}

.n_news_show .down .txt:hover {
    background: #559cf1;
    border: 1px solid #559cf1;
    color: #fff;
}

.n_news_show .down .txt .iconfont {
    color: #559cf1;
}

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

.n_news2 ul li a {
    background: rgba(255, 255, 255, .2);
    position: relative;
    padding: 3.25rem 4.375rem;
}

.n_news2 ul li a .time {
    position: absolute;
    bottom: -0.875rem;
    right: 0;
    font-size: 4.5rem;
    font-family: 'AlibabaPuHuiTi-3-85-Bold';
    color: #559cf1;
    margin: 0;
    opacity: 0;
    visibility: hidden;
    transition: all .5s ease;
}

.n_news2 ul li:hover a .time {
    opacity: 1;
    visibility: visible;
}

.n_news2 ul li a .line {
    width: 5.25rem;
    height: .1875rem;
    background: #559cf1;
    margin-bottom: 2.5rem;
}

.n_news2 ul li a p {
    margin-bottom: 1.5625rem;
}

.n_news2 ul li a .txt .iconfont {
    font-size: 1.5625rem;
    color: #559cf1;
}

.n_hezuo {
    padding: 5.625rem 0;
}

.n_hezuo ul {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: .9375rem;
}

.n_hezuo ul li {
    width: 100%;
    height: 13.125rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    background: #fff;
    border-radius: .625rem;
    overflow: hidden;
    cursor: pointer;
}

.n_hezuo ul li h2 {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: #559cf1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 1rem;
    text-align: center;
    line-height: 1.5;
    color: #fff;
    opacity: 0;
    visibility: hidden;
    transition: all .5s ease;
}

.n_hezuo ul li:hover h2 {
    opacity: 1;
    visibility: visible;
}

.n_hezuo ul li:first-child,
.n_hezuo ul li:nth-child(8),
.n_hezuo ul li:nth-child(16) {
    grid-column: span 2;
}

.n_hezuo ul li img {
    max-width: 9.625rem;
    max-height: 5.9375rem;
}

.n_hezuo ul li:first-child img,
.n_hezuo ul li:nth-child(8) img,
.n_hezuo ul li:nth-child(16) img{
    max-width: 12.625rem;
}

.n_fangan {
    padding: 5.625rem 0 7.4375rem 0;
    background: #edf0f4;
}

.n_fangan ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: .875rem;
    margin-bottom: 3.125rem;
}

.n_fangan li a {
    font-size: 1.125rem;
    color: #272727;
    padding: .8125rem 1.5625rem;
    border-radius: 5rem;
    background: #fff;
    transition: all .5s ease;
}

.n_fangan li a:hover,
.n_fangan li a.on {
    background: #559cf1;
    color: #fff;
}

.n_fangan .box1 .title {
    display: flex;
    align-items: center;
    padding-bottom: 2.25rem;
    border-bottom: 1px solid #dbdddf;
}

.n_fangan .box1 .title h2 {
    font-size: 2.875rem;
    font-family: 'AlibabaPuHuiTi-3-85-Bold';
    color: #272727;
    margin-left: .9375rem;
}

.n_fangan p.bt {
    font-size: 1.625rem;
    font-family: 'AlibabaPuHuiTi-3-65-Medium';
    color: #fff;
    background: linear-gradient(to right, #559cf1, rgba(85, 156, 241, 0));
    display: inline-block;
    padding: 1.25rem 9.125rem 1.25rem 1.875rem;
    margin: 3.125rem 0 2.5rem 0;
}

.n_fangan #list_slide dl .top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 1.25rem;
    border-bottom: 1px solid #dddee1;
    margin-bottom: 1.0625rem;
    margin-top: 1.25rem;
    cursor: pointer;
}

.n_fangan #list_slide dl .top h2{
    display: flex;
    align-items: center;
    font-size: 1.5rem;
    font-family: 'AlibabaPuHuiTi-3-45-Light';
    color: #272727;
    transition: all .5s ease;
    position: relative;
}


.n_fangan #list_slide dl.on .top h2::before{
    content: '';
    background: url(../images/fa_ico_on.png) center no-repeat;
    width: 1.6875rem;
    height: 1.6875rem;
    position: absolute;
    left: 0;
    top: 0;
}

.n_fangan #list_slide dl .top h2 .iconfont{
    font-size: 1.75rem;
    color: #a8caf3;
    margin-right: .625rem;
    flex-shrink: 0;
}

.n_fangan #list_slide dl.on .top{
    border: 0;
}

.n_fangan #list_slide dl.on .top h2{
    color: #559cf1;
}

.n_fangan #list_slide dl.on .top h2 .iconfont{
    opacity: 0;
}

.n_fangan #list_slide dl .top .zk {
    width: 4.25rem;
    height: 4.25rem;
    border-radius: 50%;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.n_fangan #list_slide dl .top .zk i {
    width: 1.0625rem;
    height: .9375rem;
    display: block;
    position: relative;
    transition: all .5s ease;
}

.n_fangan #list_slide dl .top .zk i::after,
.n_fangan #list_slide dl .top .zk i::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    background: #559cf1;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.n_fangan #list_slide dl .top .zk i::after {
    transform: rotate(90deg);
    left: 0;
}

.n_fangan #list_slide dl .top .zk:hover i {
    transform: rotate(90deg);
}

.n_fangan #list_slide dl.on .top .zk i::after {
    display: none;
}

.n_fangan #list_slide dl.on .top .zk:hover i {
    transform: rotate(0deg);
}

.n_fangan #list_slide .on dt,
.n_fangan #list_slide dl:hover dt {
    color: #559cf1;
}

.n_fangan #list_slide dl.on .top .zk,
.n_fangan #list_slide dl:hover .top .zk{
    background: #559cf1;
}

.n_fangan #list_slide dl.on .top .zk i::before,
.n_fangan #list_slide dl:hover .top .zk i::before,
.n_fangan #list_slide dl:hover .top .zk i::after {
    background: #fff;
}

.n_fangan #list_slide dl .down{
    display: none;
}

.n_fangan #list_slide dl .down .ar_article{
    font-size: 1.0625rem;
    line-height: 2.5rem;
    color: #272727;
    padding-left: 2.5%;
    position: relative;
}

.n_fangan #list_slide dl .down .ar_article::before{
    content: '';
    background: url(../images/fa_ico.png) center no-repeat;
    position: absolute;
    width: 1.6875rem;
    height: 1.6875rem;
    left: 0;
    top: 7%;
}

.n_fangan .cp_box{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.n_fangan .cp_box .jt{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .9375rem;
}   

.n_fangan .cp_box .jt div{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.125rem;
    height: 3.125rem;
    border-radius: 50%;
    border: 1px solid #bdc1c6;
    transition: background .5s ease;
    cursor: pointer;
}

.n_fangan .cp_box .jt div:hover{
    background: #559cf1;
    color: #fff;
    border: 1px solid #559cf1;
}

.n_fangan .swiper-slide a {
    display: block;
    background: #fff;
    border-radius: .625rem;
    overflow: hidden;
}

.n_fangan .swiper-slide a .txt {
    padding: 2.875rem 2.8125rem 2.25rem 2.8125rem;
    font-family: 'AlibabaPuHuiTi-3-45-Light';
}

.n_fangan .swiper-slide a .txt p {
    padding: .5rem 1.1875rem;
    background: #559cf1;
    border-radius: 5rem;
    font-size: .875rem;
    color: #fff;
    margin-bottom: .625rem;
    display: inline-block;
}

.n_fangan .swiper-slide a .txt h2 {
    font-size: 1.1875rem;
    color: #272727;
    transition: all .5s ease;
}

.n_fangan .swiper-slide a:hover .txt h2 {
    color: #559cf1;
}

.n_case{
    padding: 5.625rem 0;
    background: #edf0f4;
}

.n_case ul{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.875rem 2.625rem;
}

.n_case li a{
    display: block;
    width: 100%;
    height: auto;
    transition: all .5s ease;
}

.n_case li a .img{
    max-width: 31.5625rem;
    max-height: 17.5rem;
}

.n_case li a .txt{
    font-family: 'AlibabaPuHuiTi-3-45-Light';
    font-size: .875rem;
    color: rgba(34, 34, 34, .7);
    padding: 1.875rem 2.5rem;
    background: #fff;
    position: relative;
}

.n_case li a .txt::before{
    content: '';
    position: absolute;
    width: 0;
    height: 3px;
    background: #559cf1;
    left: 0;
    bottom: 0;
    transition: all .5s ease;
}

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

.n_case li a .txt h2{
    font-size: 1.25rem;
    color: #272727;
    margin-bottom: 1rem;
}

.n_case li:hover a{
    box-shadow: 0 7px 43px 0 rgba(0, 0, 0, 0.06);
}

.n_case_show .box1 .title{
    border: 0;
}

.n_case_show .txt_box{
    display: flex;
    align-items: center;
    gap: 3.125rem;
    font-size: 1.125rem;
    font-family: 'AlibabaPuHuiTi-3-45-Light';
    color: #272727;
    padding-bottom: 2.375rem;
    border-bottom: 1px solid #dbdddf;
}

.n_case_show .txt_box .txt{
    display: flex;
    align-items: center;
}

.n_case_show .txt_box .txt .iconfont{
    font-size: 1.25rem;
    color: #559cf1;
    margin-right: .5rem;
}

.n_case_show .case_box{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.n_case_show .case_box .jt{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .9375rem;
}   

.n_case_show .case_box .jt div{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.125rem;
    height: 3.125rem;
    border-radius: 50%;
    border: 1px solid #bdc1c6;
    transition: background .5s ease;
    cursor: pointer;
}

.n_case_show .case_box .jt div:hover{
    background: #559cf1;
    color: #fff;
    border: 1px solid #559cf1;
}

.n_case_show .swiper-slide a .txt {
    padding: 1.875rem;
    font-family: 'AlibabaPuHuiTi-3-45-Light';
}

.n_case_show .swiper-slide a .txt p {
    font-size: .875rem;
    padding: 0;
    background: none;
    border-radius: 0;
    margin: 0;
    color: rgba(34, 34, 34, .7);
    width: 100%;
}

.n_case_show  .swiper-slide a{
    border-radius: 0;
}

.n_case_show .swiper-slide a .txt h2 {
    font-size: 1.1875rem;
    color: #272727;
    transition: all .5s ease;
    margin-bottom: .9375rem;
}

.n_case_show .swiper-slide a:hover .txt h2 {
    color: #559cf1;
}

.n_pro {
    padding: 5.625rem 0;
    background: #edf0f4;
}

.n_pro ul {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.625rem 1.25rem;
}

.n_pro li a {
    display: block;
    background: #fff;
    border-radius: .625rem;
    overflow: hidden;
}

.n_pro li .txt {
    padding: 2.875rem 2.8125rem 2.25rem 2.8125rem;
    font-family: 'AlibabaPuHuiTi-3-45-Light';
}

.n_pro li .txt p {
    padding: .5rem 1.1875rem;
    background: #559cf1;
    border-radius: 5rem;
    font-size: .875rem;
    color: #fff;
    margin-bottom: .625rem;
    display: inline-block;
}

.n_pro li .txt h2 {
    font-size: 1.1875rem;
    color: #272727;
    transition: all .5s ease;
}

.n_pro li:hover .txt h2 {
    color: #559cf1;
}

.n_pro .kws {
    font-size: 1.375rem;
    margin-bottom: 2rem;
}

.n_pro_show {
    padding: 5.625rem 0;
    background: #edf0f4;
}

.n_pro_show .box {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.n_pro_show .left {
    width: 100%;
    max-width: 20rem;
    margin-right: 4.125rem;
    position: sticky;
    top: 8rem;
    flex-shrink: 0;
}

.n_pro_show .left p {
    font-size: 1.375rem;
    font-family: 'AlibabaPuHuiTi-3-65-Medium';
    color: #212121;
    margin-bottom: 1.1875rem;
}

.n_pro_show .left form {
    position: relative;
    margin-bottom: 1.375rem;
}

.n_pro_show .left input {
    width: 100%;
    height: 3.4375rem;
    border: 2px solid #d0d4d8;
    background: #fff;
    padding: 2rem;
    font-size: 1rem;
}

.n_pro_show .left button {
    position: absolute;
    top: 50%;
    right: 5%;
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0);
    font-size: 1.5rem;
    color: #559cf1;
}

.n_pro_show .left #list_slide dl {
    margin-top: 2px;
}

.n_pro_show .left #list_slide dt {
    background: #fff;
    padding: 1.75rem 1.625rem;
    line-height: 1.5;
    color: #212121;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: background .5s ease;
}

.n_pro_show .left #list_slide dt .iconfont {
    flex-shrink: 0;
}

.n_pro_show .left #list_slide dt h2 {
    font-size: 1.125rem;
    font-family: 'AlibabaPuHuiTi-3-65-Medium';
}

.n_pro_show .left #list_slide dl dd {
    display: none;
    font-family: 'AlibabaPuHuiTi-3-45-Light';
    padding: 1.5rem 1.625rem;
    background: #fff;
}

.n_pro_show .left #list_slide dl dd a {
    display: block;
    font-size: 1rem;
    line-height: 1.5;
    color: #454545;
    padding: 1.0625rem 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: all .5s ease;
}

.n_pro_show .left #list_slide dl dd a .iconfont {
    width: 1.375rem;
    height: 1.375rem;
    background: #559cf1;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: .75rem;
    color: #fff;
    margin-left: .5rem;
    opacity: 0;
    visibility: hidden;
    transition: all .5s ease;
}

.n_pro_show .left #list_slide dl.on dt,
.n_pro_show .left #list_slide dl:hover dt {
    background: #559cf1;
    color: #fff;
}

.n_pro_show .left #list_slide dl.on dt .iconfont {
    transition: transform .5s ease;
}

.n_pro_show .left #list_slide dl.on dt .iconfont {
    transform: rotate(90deg);
}

.n_pro_show .left #list_slide dl dd a:hover {
    color: #559cf1;
}

.n_pro_show .left #list_slide dl dd a.on {
    border-bottom: 1px dashed #d8d8d8;
    color: #559cf1;
}

.n_pro_show .left #list_slide dl dd a.on .iconfont,
.n_pro_show .left #list_slide dl dd a:hover .iconfont {
    opacity: 1;
    visibility: visible;
}

.n_pro_show .box .title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 1.5625rem;
    border-bottom: 2px solid #dbdddf;
    margin-bottom: 2.8125rem;
}

.n_pro_show .box .title h2 {
    font-size: 2rem;
    line-height: 1.5;
    font-family: 'AlibabaPuHuiTi-3-65-Medium';
    color: #272727;
    width: 80%;
}

.n_pro_show .box .title a {
    font-size: 1rem;
    font-family: 'AlibabaPuHuiTi-3-45-Light';
    color: #272727;
    display: flex;
    align-items: center;
    justify-content: center;
}

.n_pro_show .box .title a .iconfont {
    width: 2.125rem;
    height: 2.125rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #559cf1;
    border-radius: 50%;
    color: #fff;
    margin-left: .8125rem;
    transition: transform .5s ease;
}

.n_pro_show .box .title a:hover .iconfont {
    transform: rotate(45deg);
}

.n_pro_show .box1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.n_pro_show .box1 .img_box {
    width: 100%;
    max-width: 33.4375rem;
    flex-shrink: 0;
    margin-right: 6.875rem;
    position: relative;
}

.n_pro_show .box1 .right{
    width: 100%;
}

.n_pro_show .show-pagination {
    position: absolute;
    z-index: 2;
    left: 50%;
    transform: translateX(-50%);
    bottom: 2%;
    width: auto;
}

.n_pro_show .show-pagination .swiper-pagination-bullet {
    width: .6875rem;
    height: .6875rem;
    border-radius: 50%;
    border: 1px solid #727272;
    background: rgba(0, 0, 0, 0);
    opacity: 1 !important;
}

.n_pro_show .show-pagination .swiper-pagination-bullet-active {
    background: #559cf1;
    border: 1px solid #559cf1;
}

.n_pro_show .zl {
    padding: .5rem 1.1875rem;
    background: #559cf1;
    border-radius: 5rem;
    font-size: .875rem;
    color: #fff;
    margin-bottom: .625rem;
    display: inline-block;
    margin-top: 3.125rem;
}

.n_pro_show .box2 {
    margin-top: 3.75rem;
}

.n_pro_show .box2>h6 {
    font-size: 1.625rem;
    font-family: 'AlibabaPuHuiTi-3-65-Medium';
    color: #272727;
    padding-bottom: 1.25rem;
    border-bottom: 2px solid #dcdddf;
    margin-bottom: 3.625rem;
    position: relative;
}

.n_pro_show .box2>h6::before {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    z-index: 1;
    width: 6.25rem;
    height: .1875rem;
    background: #559cf1;
}

.n_pro_show .box2 .ar_article h3 {
    font-size: 1.125rem;
    font-family: 'AlibabaPuHuiTi-3-65-Medium';
    line-height: 1.5;
    color: #272727;
}

.n_about {
    padding: 5.9375rem 0 8.75rem 0;
}

.n_about .ar_article {
    font-size: 1.125rem;
    line-height: 2.5rem;
}

.n_about .ar_article h4 {
    font-size: 1.625rem;
    line-height: 1.5;
    color: #559cf1;
}

.n_about .ar_article h3 {
    font-size: 3.25rem;
    font-family: 'AlibabaPuHuiTi-3-65-Medium';
    line-height: 1.5;
    color: #272727;
    margin-bottom: 4.375rem;
}

.n_about .box {
    margin-top: 4.375rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .625rem;
}

.n_about .box .img,
.n_about .box .img_box,
.n_about .box .img_box img,
.n_about .box .swiper-slide,
.n_about .box .swiper-wrapper {
    border-radius: .9375rem;
}

.n_about .box .right {
    width: calc(100% - 44.6875rem - 0.625rem);
}

.n_about .box .left .img{
    height: 29.6875rem;
}

.n_about .box .right .aboutSwiper{
    height: 29.6875rem;
}

.n_about .box .right .aboutSwiper .img_box{
    width: 100%;
    height: 100%;
}

.n_about .box .right .aboutSwiper .img_box img{
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.n_about .box .about_jt {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    background: rgba(0, 0, 0, .4);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2.3125rem 1.125rem;
}

.n_about .box .about_jt .iconfont {
    font-size: 1.5rem;
    color: #fff;
}

.n_about .box .about_prev {
    left: 0;
}

.n_about .box .about_next {
    right: 0;
}

.n_about .n_shuzi ul {
    margin-top: 3.5625rem;
    display: flex;
    gap: 8rem;
}

.n_about .n_shuzi .counter {
    font-size: 3.5rem;
    color: #559cf1;
    margin-bottom: .9375rem;
}

.n_about .n_shuzi p {
    font-size: 1.125rem;
    color: #272727;
}

.n_wenhua {
    padding: 5.875rem 0 8.6875rem 0;
}

.n_wenhua .wenhua_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 3.75rem;
    margin-bottom: 4.375rem;
}

.n_wenhua .wenhua_box .left {
    padding: 3.75rem 5.125rem;
    border: 2px solid #559cf1;
    border-radius: 2.5rem;
    box-shadow: 0 14px 68px 0 rgba(133, 44, 47, 0.18);
    min-height: 31.875rem;
}

.n_wenhua .wenhua_box .left .ico {
    margin-bottom: 1.25rem;
}

.n_wenhua .wenhua_box .left h2 {
    font-size: 1.5rem;
    font-weight: bold;
    color: #333333;
    margin-bottom: 1.25rem;
}

.n_wenhua .wenhua_box .left p {
    font-size: 1.125rem;
    line-height: 2.25rem;
    color: #3e3e3e;
}

.n_wenhua .wenhua_box .left .line {
    display: block;
    width: 100%;
    height: 1px;
    background: #f4f0f0;
    margin: 2.5rem 0;
}

.n_wenhua .wenhua_box .box {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.n_wenhua .wenhua_box .right {
    border-radius: 2.5rem;
    background: url(../images/n_wenhua_img.jpg) center no-repeat;
    width: 64.9375rem;
    height: 31.875rem;
    position: relative;
}

.n_zbq .box1{
    background: #edf0f4;
    padding: 5.625rem 0 4.4375rem 0;
}

.n_zbq .box1 .title{
    display: flex;
    align-items: center;
}

.n_zbq .box1 .title img{
    margin-right: 1rem;
}

.n_zbq .box1 .p{
    font-size: 1.125rem;
    color: #272727;
    margin: 2.5rem 0 4.75rem 0;
}

.n_zbq .box1 .title h2{
    font-size: 2.5rem;
    font-family: 'AlibabaPuHuiTi-3-85-Bold';
    color: #272727;
}

.n_zbq .box1 .zb_box{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 1rem;
    border-bottom: 2px solid #dbdee2;
    margin-bottom: 4.125rem;
}

.fu_bt{
    font-family: 'AlibabaPuHuiTi-3-85-Bold';
    font-size: 1.875rem;
    color: #272727;
}

.n_zbq .zb_box .jt{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .9375rem;
}   

.n_zbq .zb_box .jt div{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.125rem;
    height: 3.125rem;
    border-radius: 50%;
    border: 1px solid #bdc1c6;
    transition: background .5s ease;
    cursor: pointer;
}

.n_zbq .zb_box .jt div:hover{
    background: #559cf1;
    color: #fff;
    border: 1px solid #559cf1;
}

.n_zbq .box1 .zbSwiper .box .img_box img{
    max-width: 3.9375rem;
    max-height: 3.9375rem;
}

.n_zbq .box1 .zbSwiper .box .img_box{
    margin-bottom: 3rem;
}

.n_zbq .box1 .zbSwiper .box h2{
    font-size: 1.5rem;
    color: #272727;
    margin-bottom: 2.125rem;
}

.n_zbq .box1 .zbSwiper .box .p{
    font-size: 1rem;
    line-height: 1.875rem;
    color: rgba(39, 39, 39, .7);
}

.n_zbq .box1 .zbSwiper .box{
    background: #fff;
    border-radius: 1rem;
    padding: 2.75rem 3.125rem;
    position: relative;
}

.n_zbq .box1 .zbSwiper .box .sz{
    position: absolute;
    top: 2.8125rem;
    right: 2.8125rem;
    font-size: 1.5rem;
    color: #272727;

}

.n_zbq .box1 .zbSwiper .swiper-slide{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.4375rem;
}

.n_zbq .box1 .zbSwiper .swiper-slide .box:last-child {
    grid-row: 1 / 3;
    grid-column: 3;
    background-color: white; 
    background-image: url(../images/n_zb_img.jpg);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: auto 100%;
}

.n_fwlc{
    padding: 3.3125rem 0 6.75rem 0;
}

.n_fwlc .box2{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.n_fwlc .box2 .txt_box{
    width: 100%;
    height: 32rem;
}

.n_fwlc .box2 .txt_box::before{
    content: '';
    position: absolute;
    left: .4375rem;
    top: 0;
    width: 2px;
    height: 90%;
    background: #559cf1;
}

.n_fwlc .box2 .txt_box .txt{
    position: relative;
    padding-left: 2.5rem;
    margin-bottom: 4%;
    cursor: pointer;
}

.n_fwlc .box2 .txt_box .txt::before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 1rem;
    height: 1rem;
    border: 1px solid #559cf1;
    border-radius: 50%;
    background: #fff;
}

.n_fwlc .box2 .txt_box h2{
    font-size: 1.125rem;
    font-family: 'AlibabaPuHuiTi-3-65-Medium';
    color: #272727;
    margin-bottom: .5rem;
    transition: all .5s ease;
}

.n_fwlc .box2 .txt_box p{
    font-size: 1.0625rem;
    font-family: 'AlibabaPuHuiTi-3-45-Light';
    color: #686868;
    transition: all .5s ease;
}

.n_fwlc .box2 .txt_box .txt.on h2,
.n_fwlc .box2 .txt_box .txt:hover h2,
.n_fwlc .box2 .txt_box .txt.on p,
.n_fwlc .box2 .txt_box .txt:hover p{
    color: #559cf1;
}

.n_fwlc .box2 .txt_box .txt.on::before,
.n_fwlc .box2 .txt_box .txt:hover::before{
    border: 5px solid #559cf1;
}

.n_fwlc .box2 .img_box{
    border-radius: .625rem;
    overflow: hidden;
    width: 100%;
    max-width: 50rem;
    flex-shrink: 0;
    margin-left: 3.125rem;
    display: none;
}

.n_fwlc .fu_bt,
.n_qwfw .fu_bt{
    padding-bottom: 1rem;
    border-bottom: 2px solid #dbdee2;
    margin-bottom: 4.125rem;
}

.n_qwfw{
    padding: 4.875rem 0 10rem 0;
    background: #edf0f4;
}

.n_qwfw .box1{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2.1875rem;
    margin-bottom: 5rem;
}

.n_qwfw .box1 .txt{
    padding: 3.3125rem 2.6875rem;
    background: #fff;
}

.n_qwfw .box1 .txt h2{
    font-size: 1.5rem;
    font-family: 'AlibabaPuHuiTi-3-65-Medium';
    color: #272727;
    margin-bottom: 2.5rem;
}

.n_qwfw .box1 .txt p{
    font-size: 1rem;
    font-family: 'AlibabaPuHuiTi-3-45-Light';
    color: #272727;
}

.n_qwfw .box2{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.n_qwfw .box2 .img{
    max-width: 42rem;
    flex-shrink: 0;
    margin-right: 8.125rem;
}

.n_qwfw .box2 .txt h6{
    font-size: 1.25rem;
    font-family: 'AlibabaPuHuiTi-3-45-Light';
    color: #272727;
    margin-bottom: 1.125rem;
}

.n_qwfw .box2 .txt h3{
    font-size: 1.625rem;
    font-family: 'AlibabaPuHuiTi-3-65-Medium';
    color: #272727;
    margin-bottom: 3.125rem;
}

.n_qwfw .box2 .txt p{
    font-size: 1.25rem;
    font-family: 'AlibabaPuHuiTi-3-45-Light';
    line-height: 2.25rem;
    color: #272727;
}

.n_qwfw .box2 .txt a{
    display: block;
    font-size: 1.125rem;
    font-family: 'AlibabaPuHuiTi-3-55-Regular';
    color: #559cf1;
    margin-top: 4.375rem;
}

.n_qwfw .box2 .txt a img{
    margin-left: .5rem;
}

.n_net{
    padding: 4.375rem 0 9.0625rem 0;
}

.n_net .box1{
    display: flex;
    align-items: self-end;
    justify-content: space-between;
}

.n_net .box1 .img_box{
    width: 50%;
    flex-shrink: 0;
}

.n_net .box1 .txt{
    width: 50%;
    background-color: #fff;
    background-image: url(../images/n_net2.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    height: 29.5rem;
    display: flex;
    padding: 0  5.9375rem;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    transform: translateY(-3px);
}

.n_net .box1 .txt h2{
    font-size: 1.875rem;
    font-family: 'AlibabaPuHuiTi-3-65-Medium';
    color: #272727;
    padding-bottom: 1.625rem;
    border-bottom: 1px solid #edf0f4;
    margin-bottom: 2rem;
}

.n_net .box1 .txt p{
    font-size: 1.0625rem;
    font-family: 'AlibabaPuHuiTi-3-45-Light';
    color: #272727;
    margin-bottom: 1.875rem;
}

.n_net .box1 .txt p:last-child{
    margin-bottom: 0;
}

.n_net .box1 .txt p .iconfont{
    display: inline-block;
    font-size: 1.25rem;
    color: #559cf1;
    margin-right: .5rem;
}

.n_net .box1 .txt p:last-child .iconfont{
    transform: translateY(3px);
}

.n_net .box2 {
    margin-top: 8.125rem;
}

.n_net .box2 .title {
    font-size: 1.125rem;
    font-family: 'AlibabaPuHuiTi-3-45-Light';
    color: #272727;
    text-align: center;
}

.n_net .box2 .title h2 {
    font-size: 1.875rem;
    font-family: 'AlibabaPuHuiTi-3-65-Medium';
    margin-bottom: 1rem;
}

.n_net .box2 .map {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.n_net .box2 .map .location {
    position: absolute;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
}

.n_net .box2 .breathing-dot {
    width: 1.25rem;
    height: 1.25rem;
    background-color: #559cf1;
    border-radius: 50%;
    animation: breathing 2s infinite;
    margin-left: 1rem;
}

@keyframes breathing {
    0% {
        transform: scale(0.8);
        opacity: 0.7;
    }
    50% {
        transform: scale(1.2);
        opacity: 1;
    }
    100% {
        transform: scale(0.8);
        opacity: 0.7;
    }
}

.n_wenhua .wenhua_box .right .box {
    margin-top: 8.125rem;
}

.n_wenhua .wenhua_box .right .ico {
    margin-bottom: 1.25rem;
}

.n_wenhua .wenhua_box .right h2 {
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 1.25rem;
    color: #fff;
}

.n_wenhua .wenhua_box .right p {
    font-size: 1.5rem;
    line-height: 2.25rem;
    color: #fff;
}

.n_wenhua .yuanjing_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.n_wenhua .yuanjing_box .right {
    width: calc(100% - 35.625rem - 1.875rem);
}

.n_wenhua .yuanjing_box .left {
    width: 35.625rem;
}

.n_wenhua .yuanjing_box .right li {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    margin-bottom: 1.25rem;
}

.n_wenhua .yuanjing_box .right li img {
    width: 2.125rem;
    object-fit: scale-down;
}

.n_wenhua .yuanjing_box .right li p {
    display: flex;
    font-size: 1.125rem;
    line-height: 2.25rem;
    color: #000000;
}

.n_wenhua .yuanjing_box .right li p span {
    display: block;
    font-size: 1.375rem;
    font-weight: bold;
    color: #559cf1;
    width: 6.875rem;
}

.n_honor {
    padding: 5.625rem 0;
}

.n_honor ul {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 3.9375rem 2.1875rem;
}

.n_honor a .img {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f0f5fb;
    border: 2px solid #d6e2ee;
    border-radius: .625rem;
    width: 18.25rem;
    height: 21.25rem;
    margin-bottom: 1.25rem;
    position: relative;
}

.n_honor a .img::before {
    content: '';
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    border-radius: .625rem;
    background: linear-gradient(to bottom, transparent, #559cf1);
    opacity: 0;
    visibility: hidden;
    transition: all .5s ease;
}

.n_honor a:hover .img::before {
    opacity: 1;
    visibility: visible;
}

.n_honor a img {
    max-width: 11.5625rem;
    max-height: 16.25rem;
    object-fit: contain;
}

.n_honor a p {
    font-size: 1.0625rem;
    font-family: 'AlibabaPuHuiTi-3-45-Light';
    color: #272727;
    text-align: center;
}

.n_honor2 {
    position: relative;
}

.n_honor2 .swiper-pagination {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 5;
}

.n_honor2 .swiper-pagination div {
    padding: 2.3125rem 1.0625rem;
    background: rgba(0, 0, 0, .2);
    cursor: pointer;
}

.n_honor2 .swiper-pagination div .iconfont {
    font-size: 1.25rem;
    color: #fff;
}

.n_honor2 .w1600 {
    z-index: 3;
}

#banner .swiper {
    width: 100%;
    height: 100vh;
}

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

#banner .swiper .box {
    position: relative;
    width: 100%;
    height: 100%;
}

#banner .swiper .txt_box {
    position: absolute;
    left: 50%;
    top: 45%;
    z-index: 2;
    transform: translateX(-50%) translateY(-50%);
}

#banner .swiper .img {
    width: 100%;
    height: 100%;
}

#banner .swiper .box .more {
    position: absolute;
    left: 9%;
    bottom: 10%;
    z-index: 20;
}

#banner .swiper .box .more a {
    position: relative;
    width: 4.8125rem;
    height: 4.8125rem;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 20;
}

#banner .swiper .box .more a .iconfont {
    color: #fff;
    transform: rotate(90deg);
}

#banner .swiper .box .more a::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../images/s_banner_more.png) center no-repeat;
    animation: spin 5s linear infinite;
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

#banner .swiper-pagination {
    display: flex;
    justify-content: space-between;
    z-index: 2;
    top: 55%;
    width: 85%;
    cursor: pointer;
    left: 50%;
    transform: translateX(-50%);
    color: #fff;
}

#banner .swiper-pagination .iconfont {
    font-size: 2.3125rem;
}

#banner .swiper-pagination .swiper-pagination-bullet {
    background: #fff;
}

#banner .swiper-pagination .swiper-pagination-bullet-active {
    background: #559cf1;
}

.s_about {
    background: url(../images/s_about_bg.jpg) bottom no-repeat;
    background-size: cover;
    position: relative;
    padding: 11.0625rem 38% 8.8125rem 0;
}

.s_about .txt {
    font-size: 1.0625rem;
    line-height: 1.9375rem;
    color: rgba(41, 41, 41, .6);
    margin: 3.75rem 0 6.1875rem 0;
}

.s_about ul {
    display: flex;
    align-items: center;
    gap: 8rem;
    margin-bottom: 5rem;
}


.s_about li {
    display: flex;
    flex-direction: column;
    font-family: 'AlibabaPuHuiTi-3-45-Light';
    font-size: 1rem;
    color: #000000;
}

.s_about li .sz {
    display: flex;
    align-items: flex-start;
    font-family: 'AlibabaPuHuiTi-3-85-Bold';
    margin-bottom: 1.25rem;
    font-size: 3.125rem;
    color: #77b4fd;
}

.s_about li .sz span {
    font-family: 'AlibabaPuHuiTi-3-45-Light';
    font-size: .875rem;
    margin-left: .625rem;
}

.s_more a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #559cf1;
    border-radius: 5rem;
    font-size: 1rem;
    color: #fff;
    padding: 1.125rem 1.875rem;
    transition: all .5s ease;
}

.s_more a:hover {
    transform: translateY(-.5rem);
}

.s_more a .dian {
    display: block;
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    border: 2px solid #fff;
    margin-left: 2.1875rem;
}

.s_fuwu {
    background: url(../images/s_fuwu_bg.jpg) center no-repeat;
    background-size: cover;
    padding: 9rem 0 5.625rem 0;
}

.s_fuwu .s_title {
    margin-bottom: 2.8125rem;
}

.s_fuwu .left h2 {
    font-size: 1.625rem;
    color: #363535;
    margin-bottom: 1.6875rem;
}

.s_fuwu .left>p {
    font-size: 1.0625rem;
    line-height: 1.875rem;
    color: rgba(41, 41, 41, .6);
    margin-bottom: 7.5rem;
}

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

.s_fuwu .left {
    width: 100%;
    max-width: 22.25rem;
    margin-right: 11.5625rem;
    flex-shrink: 0;
}

.s_fuwu .right {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2.5rem 2.1875rem;
}

.s_fuwu li a {
    display: flex;
    align-items: flex-start;
    background: #fff;
    border-radius: .3125rem;
    padding: 3.625rem 3.125rem;
    transition: all .5s ease;
}

.s_fuwu li a:hover {
    transform: translateY(-.5rem);
}

.s_fuwu li .img {
    max-width: 3.625rem;
    margin-right: 2.25rem;
    flex-shrink: 0;
}

.s_fuwu li .txt h2 {
    font-size: 1.5rem;
    font-family: 'AlibabaPuHuiTi-3-65-Medium';
    color: #222222;
    margin-bottom: 2.0625rem;
}

.s_fuwu li .txt p {
    font-size: 1rem;
    line-height: 1.875rem;
    font-family: 'AlibabaPuHuiTi-3-45-Light';
    color: rgba(34, 34, 34, .7);
    margin-bottom: 5rem;
}

.s_fuwu li .txt .iconfont {
    font-size: 2.4375rem;
    color: #559cf1;
}

.s_product {
    background: url(../images/s_product_bg.jpg) bottom no-repeat;
    background-size: cover;
    padding: 7.75rem 0 7.25rem 0;
}

.s_product .top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 4.75rem;
}

.s_title p {
    font-size: 1.25rem;
    font-family: 'AlibabaPuHuiTi-3-95-ExtraBold';
    text-transform: uppercase;
    color: #559cf1;
    margin-bottom: 1.25rem;
}

.s_title h2 {
    font-size: 3rem;
    font-family: 'AlibabaPuHuiTi-3-65-Medium';
    color: #272727;
}

.s_news .s_title {
    margin-bottom: 7.5rem;
}

.s_product .cp_box {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 3.375rem;
}

.s_product .cp_box li {
    background: #fff;
    transition: all .5s ease;
    position: relative;
    border-radius: .3125rem;
    overflow: hidden;
}

.s_product .cp_box li:hover {
    box-shadow: -1px 0 10px 0 rgba(190, 190, 190, 0.31);
}

.s_product .cp_box li .txt {
    position: absolute;
    font-family: 'AlibabaPuHuiTi-3-45-Light';
    bottom: 8%;
    left: 5%;
    z-index: 2;
    font-size: 1.5625rem;
    color: #fff;
}

.s_product .cp_box li .txt .line {
    display: block;
    width: 1.75rem;
    height: .1875rem;
    background: #fff;
    margin-bottom: 1.875rem;
    transition: all .5s ease;
}

.s_area {
    position: relative;
    width: 100%;
    height: 56.875rem;
}

.s_area .area_box {
    display: none;
}

.s_area #area_li {
    position: absolute;
    bottom: 0;
    font-size: 1.25rem;
    color: #fff;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    align-items: end;
    padding-bottom: 5rem;
    z-index: 10;
}

.s_area #area_li li .box {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 1.625rem;
    position: relative;
}

.s_area #area_li li .box .line {
    position: absolute;
    width: 65%;
    height: 1px;
    background: rgba(255, 255, 255, .2);
    left: 70%;
    top: 25%;
}

.s_area #area_li li:nth-child(6) .box .line {
    display: none;
}

.s_area #area_li li h2 {
    font-size: 1.25rem;
    color: #fff;
    padding: .625rem 1.875rem;
    border-radius: 5rem;
    transition: all .5s ease;
}

.s_area #area_li li h2:hover,
.s_area #area_li li.on h2 {
    background: #559cf1;
}

.s_area .area_box {
    width: 100%;
    height: 100%;
    padding-right: 40%;
    padding-top: 5%
}

.area_box .box {
    position: relative;
    z-index: 12;
}

.area_box .box h3 {
    font-size: 3rem;
    color: #fff;
    margin-bottom: 11.875rem;
}

.area_box .box h2 {
    font-size: 1.875rem;
    color: #ffffff;
    margin-bottom: 2.9375rem;
}

.area_box .box .bt_txt2 {
    font-size: 1rem;
    line-height: 1.875rem;
    color: #fff;
    margin-bottom: 3.75rem;
}

.area_box .box .iconfont {
    font-size: 2.5rem;
    color: #fff;
}

.s_news {
    padding: 8.125rem 0 8.3125rem 0;
    background: url(../images/s_news_bg.jpg) center no-repeat;
    background-size: cover;
}

.s_news .s_news_box {
    display: flex;
    justify-content: space-between;
    position: relative;
}

.s_news .title {
    font-size: 3rem;
    color: #272727;
    margin-bottom: 9.875rem;
}

.s_news #news_li li>a {
    font-size: 1.25rem;
    color: #7b7b7b;
    margin-bottom: 3.125rem;
    position: relative;
    display: inline-block;
    transition: all .5s ease;
}

.s_news #news_li li>a .line {
    display: inline-block;
    width: 100%;
    height: 2px;
    background: #559cf1;
    transition: all .5s ease;
    opacity: 0;
}

.s_news #news_li li:hover>a,
.s_news #news_li li.on>a {
    color: #559cf1;
}

.s_news #news_li li:hover>a .line,
.s_news #news_li li.on>a .line {
    opacity: 1;
}

#news_li {
    position: relative;
    height: 31.875rem;
}

.s_news #news_li li .s_more {
    display: none;
    position: absolute;
    bottom: 0;
}

.s_news #news_li li.on .s_more {
    display: block;
}

.s_news .w1600 {
    padding-right: 0;
    width: calc(100% - 87.8125rem);
}

.s_news .news_box {
    display: none;
    width: 87.8125rem;
}

.s_news .news_box .img {
    border-radius: .3125rem;
    max-height: 18.375rem;
}

.s_news .news_box .img {
    border-radius: .3125rem;
    width: 100%;
    height: 18.375rem;
}

.s_news .news_box .time {
    display: flex;
    align-items: center;
    gap: .625rem;
    font-size: .875rem;
    color: #222222;
    margin: 1.875rem 0;
}

.s_news .news_box .iconfont {
    font-size: 1.625rem;
    color: #559cf1;
}

.s_news .news_box .icon-qiehuanjiantouyou {
    font-size: 2.4375rem;
}

.s_news .news_box a h2 {
    font-size: 1.5rem;
    line-height: 2.25rem;
    color: #222222;
    margin-bottom: 1.875rem;
}

.s_news .news_box p.bt_txt2 {
    font-size: 1rem;
    line-height: 1.875rem;
    color: rgba(34, 34, 34, .7);
    margin-bottom: 3.125rem;
}

.s_news .newsSwiper .swiper-wrapper {
    padding-bottom: 5.125rem;
}

.s_news .news-scrollbar {
    height: 1px;
    background: #d0d0d0;
    position: relative;
    margin: 2.1875rem 0;
}

.s_news .news-scrollbar .swiper-scrollbar-drag {
    background: #559cf1;
    position: relative;
}

.s_news .news-scrollbar .swiper-scrollbar-drag::before {
    content: '';
    background: url(../images/s_news_ico.png) center no-repeat;
    background-size: cover;
    position: absolute;
    width: 4.5625rem;
    height: 4.5625rem;
    top: 50%;
    left: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

.s_news .newsSwiper {
    padding-bottom: 2.1875rem;
}


/* 三级导航 */
#sjnav {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.25rem;
}

#sjnav a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 1.125rem;
    line-height: 2.25rem;
    color: #272727;
    border-radius: 5rem;
    border: 1px solid #559cf1;
    background: #f9f1f1;
    padding: 1.0625rem 1.5625rem;
    transition: all .5s ease;
}

#sjnav a .dian {
    display: block;
    width: .5rem;
    height: .5rem;
    border: 2px solid #559cf1;
    border-radius: 50%;
    margin-left: 3.75rem;
}

#sjnav a:hover,
#sjnav a.on {
    background: #559cf1;
    color: #fff;
}

#sjnav a:hover .dian,
#sjnav a.on .dian {
    border: 2px solid #fff;
}

/* 分页样式 */
.pages .box {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .625rem;
    margin-top: 5.5rem;
}

.pages .box a {
    padding: .625rem 1rem;
    border-radius: .1875rem;
    border: 1px solid #c4cbdc;
    transition: all .5s ease;
}

.pages .box a.on,
.pages .box a:hover {
    background: #559cf1;
    color: #fff;
    border: 1px solid #559cf1;
}

/* 底部样式 */
footer {
    background: url(../images/footer_bg.jpg) center no-repeat;
    background-size: cover;
    color: #fff;
    padding: 5.1875rem 0 3.125rem 0;
}

footer .left {
    display: flex;
    gap: 8.375rem;
}

footer dt {
    font-size: 1.25rem;
    font-family: 'AlibabaPuHuiTi-3-55-Regular';
}

footer .left .line {
    display: inline-block;
    width: 1.875rem;
    height: .1875rem;
    background: #559cf1;
    margin: 1.875rem 0 2.1875rem 0;
}

footer .left dd {
    font-size: .9375rem;
    line-height: 2.125rem;
    color: rgba(255, 255, 255, .6);
    transition: all .3s ease;
}

footer .left dd a:hover {
    color: #fff;
}

footer .lx_box h6 {
    font-size: 1.25rem;
}

footer .lx_box .tel {
    display: flex;
    align-items: center;
    gap: .625rem;
}

footer .lx_box .tel {
    font-size: 1.75rem;
    font-weight: bold;
    color: #fff;
    margin: 1.25rem 0;
}

footer .lx_box .tel .iconfont {
    font-size: 1.75rem;
    color: #559cf1;
}

footer .lx_box .add .iconfont {
    color: #559cf1;
}

footer .lx_box p {
    font-size: .9375rem;
    font-family: 'AlibabaPuHuiTi-3-45-Light';
    color: #fff;
}

footer .lx_box .box1 {
    margin-bottom: 4.5rem;
}

footer .box {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

footer .lx_box .ico {
    display: flex;
    align-items: center;
    gap: 1.0625rem;
    cursor: pointer;
    margin-top: 1.5625rem;
}

footer .lx_box .ico .box .a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.0625rem;
    height: 3.0625rem;
    border-radius: 50%;
    background: #464849;
    transition: all .5s ease;
}

footer .lx_box .ico .box .a:hover {
    background: #559cf1;
}

footer .lx_box .ico .box {
    position: relative;
}

footer .lx_box .ico .box .ewm {
    position: absolute;
    top: 120%;
    width: 8.4375rem;
    height: 8.4375rem;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    opacity: 0;
    visibility: hidden;
    transition: all .5s ease;
}

footer .lx_box .ico .box .a .iconfont {
    font-size: 1.5rem;
}

footer .lx_box .ico .box .txt {
    position: absolute;
    top: 120%;
    width: 13rem;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    transition: all .5s ease;
    color: #333;
    text-align: center;
    padding: 1rem 0;
    opacity: 0;
    visibility: hidden;
}

footer .lx_box .ico .box:hover .ewm,
footer .lx_box .ico .box:hover .txt {
    opacity: 1;
    visibility: visible;
}

footer .right {
    display: flex;
    flex-shrink: 0;
    justify-content: space-between;
    gap: 4.375rem;
}

footer .right .ewm p {
    font-size: .9375rem;
    color: rgba(255, 255, 255, .6);
    text-align: center;
    margin-top: .9375rem;
}

footer .down {
    margin-top: 4.375rem;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    font-family: 'AlibabaPuHuiTi-3-45-Light';
    gap: 3rem;
}

footer .link {
    width: 100%;
}

footer .link h6 {
    display: inline-block;
    font-size: .9375rem;
    padding: .625rem 1rem;
    background: #559cf1;
    border-radius: 5rem;
    margin-bottom: 2.125rem;
}

footer .link .box {
    justify-content: flex-start;
    font-size: .9375rem;
    color: rgba(255, 255, 255, .6);
    flex-wrap: wrap;
    gap: 1rem;
}

footer .link .box a {
    transition: all .5s ease;
}

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

footer .copyright {
    font-size: .875rem;
    line-height: 1.5rem;
    color: rgba(255, 255, 255, .6);
    text-align: right;
    flex-shrink: 0;
}

.n_page h1 {
    font-size: 2.5rem;
    font-family: 'AlibabaPuHuiTi-3-85-Bold';
    color: #272727;
}

.n_page h1 img {
    transform: translateY(.5rem);
}

.n_page h3 {
    font-size: 1.875rem;
    color: #559cf1;
    margin-bottom: 1.25rem;
}

.ewm_box {
    display: flex;
    justify-content: space-around; 
    align-items: center; 
}

.ewm {
    text-align: center; 
    margin-right: 2rem;
}

.ewm img {
    max-width: 100%; 
    height: auto;
}