#header,
#nav ul li>a,
.top_menu {
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s
}

#header {
    z-index: 999;
    height: 7.5625rem;
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 998;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    background: rgba(255, 255, 255, 1);
}

#header>.m {
    display: flex;
    height: 100%;
    justify-content: space-between;
    align-items: center;
    position: static
}

#header .fr {
    display: flex;
    justify-content: space-between;
    flex-grow: 1;
    max-width: 1140px;
    align-items: center;
    gap: 2.5rem;
}

.top_search {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.phone_btn {
    background: #384c8b;
    width: 13.125rem;
    height: 3.125rem;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.125rem;
    color: #ffffff;
    font-size: 1.5625rem;
    line-height: 1.875rem;
    font-family: bahnschrift;
}

.phone_btn i {
    color: #fff;
    font-size: 1.25rem;
}

.top_search.search_btn i {
    color: #282828;
    font-size: 1.375rem;
}

#logo {
    flex-shrink: 0
}

#logo a {
    display: flex;
    height: 100%;
    align-items: center
}

#logo img {
    width: 20.625rem;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s
}


#nav {
    flex-grow: 1
}

#nav ul {
    display: flex;
    flex-grow: 1;
    justify-content: space-between;
}

#nav ul li {
    position: relative;
    z-index: 0;
    text-align: center;
    font-size: 0
}

#nav ul li>a {
    display: block;
    font-size: 1.3125rem;
    color: #2d2e2e;
    line-height: 7.5625rem;
    overflow: hidden;
    text-align: center;
    position: relative;
    z-index: 1;
    display: inline-block;
    font-weight: bold;
}

#nav ul li>a:before {
    content: "";
    width: 100%;
    height: 3px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #414e79;
    transition: .3s ease-in-out;
    transform: scaleX(0);
    transform-origin: center
}

#nav ul li.on>a:before,
#nav ul li:hover>a:before {
    transform: scaleX(1)
}

#nav li .sub {
    position: absolute;
    left: 50%;
    top: 100%;
    z-index: 999;
    transform-origin: 0 0;
    transform: translateY(10px) translateX(-50%);
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    opacity: 0;
    visibility: hidden
}

#nav li .sub .box {
    padding: 0;
    text-align: center;
    background: #fff;
    min-width: 100%;
    width: auto;
    padding: 1rem 0;
    -webkit-box-shadow: 0 3px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 3px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 5px #333d4d
}

#nav li .sub a {
    padding: 0 1rem;
    line-height: 2.5;
    transition: .3s;
    font-size: .9375rem;
    color: #2d2d2d;
    text-align: center;
    white-space: nowrap;
    width: 100%;
    display: block;
}

#nav li .sub a:hover {
    color: #fff;
    background: #384c8b;
}

#nav li:hover .sub {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    visibility: visible;
    transform: translateY(0px) translateX(-50%)
}


.top_menu {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}


#header.xg {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15)
}


/* #header:hover {
    background: rgba(255, 255, 255, 1);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15)
}

#header:hover #nav ul li>a {
    color: #333
}

#header:hover #nav ul li>a:before {
    background: #00a39b
}

#header:hover #logo .img01 {
    display: block
}

#header:hover #logo .img02 {
    display: none
} */

#header.xg #nav ul li:hover>a {
    color: #000095 !important
}


#m_header {
    display: none;
    height: 4.5rem;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 996;
    transition: .5s;
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}

#m_header .m {
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between
}


#m_header #m_logo img {
    height: 40px
}

#m_header .top_menu i {
    font-size: 1.5rem
}

#m_header .top_menu:last-child {
    margin-right: 4rem
}

#m_header .btn_language>a {
    line-height: 4.5rem
}

.m_nav_list {
    width: 100%
}

.m_nav_list::-webkit-scrollbar {
    display: none
}

#m_nav .top_search {
    display: flex;
    justify-content: center;
    margin-right: 0;
    margin-top: 1rem;
    margin-bottom: 1rem
}

#m_nav.act .top_search {
    opacity: 1;
    transition: all .5s .5s cubic-bezier(0.445, 0.145, 0.355, 1);
    transform: translateY(0)
}



#m_nav {
    z-index: 997;
    position: fixed;
    width: 17rem;
    height: 100vh;
    top: 0;
    display: none;
    padding: 50px 0;
    overflow: hidden;
    pointer-events: none;
    transition: all .5s .5s cubic-bezier(0.445, 0.145, 0.355, 1);
    display: block;
    overflow: auto;
    visibility: hidden;
    opacity: 0;
    transform-origin: left;
    left: auto;
    right: 0;
    pointer-events: none;
    transform: perspective(600px) rotateY(-90deg);
    transform-origin: right;
    transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1);
    -webkit-transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1);
    -moz-transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1);
    -o-transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1);
    -ms-transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1)
}

#m_nav:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    background: rgba(255, 255, 255, 0.8);
    -webkit-backdrop-filter: blur(50px);
    backdrop-filter: blur(50px)
}

#m_nav::-webkit-scrollbar {
    display: none
}

#m_nav.act {
    pointer-events: auto;
    top: 0;
    visibility: visible;
    opacity: 1;
    transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1);
    transform: perspective(600px) rotateY(0deg)
}

#m_nav>ul>li {
    width: 70%;
    overflow: hidden;
    padding: 0;
    margin: 0 auto
}

#m_nav>ul>li+li {
    border-top: 1px solid rgb(90 90 90 / 10%)
}

#m_nav li .a {
    display: block
}

#m_nav li h3 {
    line-height: 4.5rem;
    height: 4.5rem;
    color: #000;
    padding: 0;
    font-size: 1.25rem;
    display: flex;
    justify-content: space-between;
    overflow: hidden;
    transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1)
}

/* #m_nav li .a {
    flex-grow: 1
} */

#m_nav li .a span {
    display: block;
    position: absolute;
    top: 0;
    right: 10px;
    width: 20px;
    height: 50px;
    text-align: center
}

#m_nav li i {
    font-size: 0
}

#m_nav .title i {
    opacity: 1;
    filter: alpha(opacity=100);
    display: inline-block;
    width: 30px;
    height: 4.5rem;
    opacity: .8;
    float: right;
    display: inline-block;
    background: url(../images/arrow_down.svg) center no-repeat;
    background-size: 14px
}

#m_nav li.on.title i {
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg)
}

#m_nav .on.title i {
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg)
}

#m_nav li {
    display: block;
    width: 100%
}

#m_nav .slide_nav {
    position: absolute;
    left: 0;
    height: 70px;
    z-index: 998;
    padding: 15px;
    top: 0;
    width: 100%
}

#m_nav .title .list {
    display: none;
    position: relative;
    width: 100%;
    z-index: 9;
    left: 0;
    margin-left: 0;
    background: 0;
    border: 0;
    clear: both;
    padding-bottom: 1rem
}

#m_nav .title .list span {
    background: 0
}

#m_nav .title .list span a:hover {
    color: #014085
}

#m_nav .title .list a {
    display: block;
    font-size: 1rem;
    color: #666;
    text-align: left;
    line-height: 2.5rem;
    border: 0;
    transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1)
}

#m_nav .title .list .void>a {
    background-size: 10px;
    position: relative
}

#m_nav .title .list .void>a:before {
    content: "·";
    position: absolute;
    left: -1em;
    font-size: 12px;
    font-weight: bold
}

#m_nav .title .list span {
    position: relative;
    display: block
}

#m_nav .title .list span .sub {
    position: static;
    width: 100%;
    display: block !important;
    overflow: hidden
}

#m_nav .title .sub a {
    background: 0;
    font-size: .875rem;
    opacity: .8;
    min-width: 50%;
    float: left;
    display: inline-block;
    color: #999
}

.nav_mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background-color: rgba(0, 0, 0, 0.4);
    pointer-events: none
}

#m_nav li h3 {
    transform: translateY(50px);
    opacity: 0
}

#m_nav li .list a {
    transform: translateY(50px);
    opacity: 0
}

#m_nav.act li h3 {
    transform: translateY(0);
    transition: all .5s .6s cubic-bezier(0.445, 0.145, 0.355, 1);
    opacity: 1
}

#m_nav.act .list a {
    transform: translateY(0);
    transition: all .5s .6s cubic-bezier(0.445, 0.145, 0.355, 1);
    opacity: 1
}

.search-dialog-box {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 70vh;
    z-index: 1000000;
    opacity: 0;
    visibility: hidden;
    transition: .6s
}

.search-dialog-box:before {
    content: "";
    position: absolute;
    top: 0;
    height: 0;
    transition: .6s;
    left: 0;
    right: 0;
    z-index: 1;
    background-image: -moz-linear-gradient(270deg, #384c8b 30%, rgba(175, 30, 40, 0) 100%);
    background-image: -webkit-linear-gradient(270deg, #384c8b 30%, rgba(175, 30, 40, 0) 100%);
    background-image: -ms-linear-gradient(270deg, #384c8b 30%, rgba(175, 30, 40, 0) 100%)
}

.search-dialog-box.on:before {
    height: 100%
}

.search-dialog-box .bubbles-bg {
    opacity: 0;
    visibility: hidden;
    display: none
}

.search-dialog-box .search-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 0;
    margin: 0;
    background: rgba(0, 0, 0, .7);
    background-size: cover;
    background-repeat: no-repeat;
    transform-origin: center center;
    transition: height .8s cubic-bezier(.77, 0, .175, 1)
}

.search-dialog-box .wrap-inner {
    transform: translateY(100%);
    transition: .6s
}

.header-right .bubbles-bg {
    opacity: 0;
    visibility: hidden;
    transition: all .5s .8s
}

.search-dialog-box .bubbles-bg .bubble {
    position: absolute
}

.search-dialog-box .bubbles-bg .bubble .circle {
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.search-dialog-box .bubbles-bg .bubble1 {
    width: 6%;
    padding-top: 6%;
    left: 26.875%;
    top: -6.67%
}

.search-dialog-box .bubbles-bg .bubble1 .circle {
    border: 1px solid #fff
}

.search-dialog-box .bubbles-bg .bubble2 {
    width: 12px;
    padding-top: 12px;
    left: 13.54%;
    top: 18%
}

.search-dialog-box .bubbles-bg .bubble2 .circle {
    background-color: #ff495f
}

.search-dialog-box .bubbles-bg .bubble3 {
    width: 36px;
    padding-top: 36px;
    left: 8.854%;
    top: 30.55%
}

.search-dialog-box .bubbles-bg .bubble3 .circle {
    background-color: #fff
}

.search-dialog-box .bubbles-bg .bubble4 {
    width: 56.875%;
    padding-top: 56.875%;
    left: -28.6458%;
    top: 51.85%
}

.search-dialog-box .bubbles-bg .bubble4 .circle {
    background: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .05) 100%);
    background: -ms-linear-gradient(45deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .05) 100%);
    background: linear-gradient(45deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .05) 100%)
}

.search-dialog-box .bubbles-bg .bubble5 {
    width: 54px;
    padding-top: 54px;
    left: 26.3%;
    top: 70.83%
}

.search-dialog-box .bubbles-bg .bubble5 .circle {
    background-color: #fff;
    opacity: .1
}

.search-dialog-box .bubbles-bg .bubble6 {
    width: 56.875%;
    padding-top: 56.875%;
    left: 73.4375%;
    top: -52.77%
}

.search-dialog-box .bubbles-bg .bubble6 .circle {
    background: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .1) 100%);
    background: -ms-linear-gradient(135deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .1) 100%);
    background: linear-gradient(135deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .1) 100%)
}

.search-dialog-box .bubbles-bg .bubble7 {
    width: 2rem;
    padding-top: 2rem;
    left: 60.9375%;
    top: 18.5%
}

.search-dialog-box .bubbles-bg .bubble7 .circle {
    background-color: #ff495f
}

.search-dialog-box .bubbles-bg .bubble8 {
    width: 1.35rem;
    padding-top: 1.35rem;
    left: 95.83%;
    top: 70.83%
}

.search-dialog-box .bubbles-bg .bubble8 .circle {
    border: 1px solid #fff
}

.search-dialog-box .bubbles-bg .bubble9 {
    width: 16px;
    padding-top: 16px;
    left: 76.5625%;
    top: 96.296%
}

.search-dialog-box .bubbles-bg .bubble9 .circle {
    background-color: #fff
}

.search-dialog-box .bubbles-bg .bubble10 {
    width: 56.875%;
    padding-top: 56.875%;
    left: 71.354%;
    top: 87%
}

.search-dialog-box .bubbles-bg .bubble10 .circle {
    background: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .3) 100%);
    background: -ms-linear-gradient(135deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .3) 100%);
    background: linear-gradient(135deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .3) 100%)
}

.search-dialog-box .bubbles-bg .bubble {
    animation: spin 8s infinite linear;
    transform-origin: 50% 45%
}

.search-dialog-box .bubbles-bg .bubble:nth-child(2n) {
    animation: spin2 8s infinite linear
}

.search-dialog-box .bubbles-bg .bubble .circle {
    animation: spin-reverse 8s infinite linear
}

.search-dialog-box .bubbles-bg .bubble:nth-child(2n) .circle {
    animation: spin-reverse2 8s infinite linear
}

.search-dialog-box .bubbles-bg .sm-bubble {
    transform-origin: 30% 30px
}

.search-dialog {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    z-index: 2
}

.search-dialog .search-tit {
    font-size: 2.75rem;
    line-height: 3.5rem;
    color: #fff;
    text-align: center;
    overflow: hidden;
    display: none
}

.search-dialog .search-inner {
    overflow: hidden;
    margin-top: 0
}

.search-dialog .search-input {
    width: 50rem;
    margin: 0 auto;
    padding: 0 0.5rem 0 1.5rem;
    background-color: rgba(255, 255, 255, 0.1);
    box-sizing: border-box;
    transition: all 0.3s;
    max-width: 94%;
    display: flex;
}

.search-dialog .search-input input[type=text] {
    float: left;
    height: 4.5rem;
    width: calc(100% - 3.5rem);
    background-color: transparent;
    font-size: 1.25rem;
    color: #fff;
    transition: all .3s
}

.search-dialog .search-input input[type=text]::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.5)
}

.search-dialog .search-input input[type=text]:-moz-placeholder {
    color: rgba(255, 255, 255, 0.5)
}

.search-dialog .search-input input[type=text]::-moz-placeholder {
    color: rgba(255, 255, 255, 0.5)
}

.search-dialog .search-input input[type=text]:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.5)
}

.search-dialog .search-input input[type=submit],
.search-dialog .search-input .clear-btn {
    float: right;
    height: 4.5rem;
    width: 3.5rem
}

.search-dialog .search-input input[type=submit] {
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1.5rem;
    background-image: url('../images/search-btn.svg')
}

.search-dialog .search-input .clear-btn {
    background-color: rgba(0, 0, 0, .2);
    background-repeat: no-repeat;
    background-position: center;
    background-image: url('../images/close-btn.svg');
    background-size: 3.5rem;
    border-radius: 100%;
    margin-right: 1rem;
    display: none
}

.search-dialog .search-input .submit {
    background: 0;
}

.search-dialog .search-input.on {
    background-color: #fff
}

.search-dialog .search-input.on input[type=submit] {
    background-image: url('../images/search-btn2.svg')
}

.search-dialog .hot-search {
    font-size: 0;
    width: 19.5rem;
    margin: .6rem auto 0;
    box-sizing: border-box;
    padding: 0 .6rem;
    overflow: hidden
}

.search-dialog .hot-search .hot-tit,
.search-dialog .hot-search .hot-link {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top
}

.search-dialog .hot-search .hot-tit {
    font-size: .375rem;
    line-height: .5rem;
    color: #fff;
    font-weight: bold;
    padding-left: .6rem;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: .5rem;
    background-image: url(../images/hot-icon.png)
}

.search-dialog .hot-link {
    margin-left: 1rem
}

.search-dialog .hot-link a {
    display: inline-block;
    *display: inline;
    zoom: 1;
    font-size: .375rem;
    line-height: .5rem;
    margin-right: .75rem;
    color: #fff;
    padding-bottom: 5px;
    position: relative
}

.search-dialog .hot-link a:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-color: #fff;
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform .3s
}

.search-dialog-box .bottom-box {
    position: absolute;
    left: 0;
    bottom: 5.1%;
    width: 100%
}

.search-dialog-box .bottom-box .share-box {
    overflow: hidden
}

.search-dialog-box .bottom-box .copy {
    font-size: .35rem;
    line-height: .5rem;
    color: #fff;
    font-family: "gilroy-regular";
    margin-top: .5rem;
    overflow: hidden
}

.header-right.is-open .bubbles-bg {
    visibility: visible;
    opacity: 1
}

.header-right.is-open .search-btn .con-box {
    display: none
}

.header-right.is-open .close-btn {
    display: block
}

.header-right.is-open .item .search-bg {
    transform: scale(1)
}

.search-dialog-box.on {
    opacity: 1;
    visibility: visible
}

.search-dialog-box.on .search-bg {
    height: 100vh
}

.search-dialog-box.on .bubbles-bg {
    opacity: 1;
    visibility: visible
}

.search-dialog-box.on .wrap-inner {
    transform: translateY(0)
}

.pub-close {
    position: absolute;
    width: 3rem;
    height: 3rem;
    z-index: 10;
    right: 1.5rem;
    top: 1.35rem;
    background-color: rgba(255, 255, 255, .1);
    border-radius: 100%
}

.pub-close .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #00a39b;
    transform: scale(0);
    border-radius: 100%;
    transition: transform .3s
}

.pub-close i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: .75rem;
    background-repeat: no-repeat;
    background-image: url(../images/close-btn.svg);
    transition: .6s
}

.pub-close i:hover {
    transform: rotate(180deg)
}

@keyframes spin {
    to {
        transform: rotate(1turn)
    }
}

@keyframes spin2 {
    to {
        transform: rotate(-1turn)
    }
}

@keyframes spin-reverse {
    from {
        transform: rotate(1turn)
    }
}

@keyframes spin-reverse2 {
    from {
        transform: rotate(-1turn)
    }
}

.nav_mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 996;
    background-color: rgb(20 27 62 / 45%);
    opacity: 0;
    visibility: hidden;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    transition: .5s;
    pointer-events: none
}

#m_nav.act+.nav_mask {
    opacity: 1;
    visibility: visible;
    pointer-events: inherit;
    pointer-events: inherit
}

#m_n_nav {
    display: none;
    line-height: 50px;
    position: relative;
    z-index: 9;
    width: 100%;


}

#m_n_nav #n_n_title {
    background: #384c8b;
}

#m_n_nav .m {
    display: flex;
    align-items: center;
    justify-content: center;
}

#bnt_back {}

#bnt_back svg {
    fill: #fff;
    height: 50px;
    vertical-align: middle;
    width: 26px;
}

#m_n_nav i {}

#m_n_nav h1 {
    font-size: 16px;
    color: #fff;
    text-align: center;
    margin: 0;
    line-height: 50px;
}

#bnt_back {
    position: absolute;
    left: 1rem;
    top: 0;
}

#bnt_sub_nav {
    position: absolute;
    right: 1rem;
    top: 0;
    cursor: pointer;
    color: #fff;
    font-size: 18px;
}

#bnt_sub_nav svg {
    fill: #fff;
    height: 50px;
    vertical-align: middle;
    width: 20px;
}

#bnt_sub_nav img {
    display: block;
    height: 15px;
}

#bnt_sub_nav.on img {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

#sub_nav_content {
    background: #fff;
    display: none;
    box-shadow: 0 0 5px #999;
    z-index: 9;
}

#sub_nav_content ul {
    padding: 10px;
}

#sub_nav_content ul li {
    display: block;
    line-height: 28px;
    margin: 1rem 0;
}

#sub_nav_content ul li a {
    display: block;
    border-left: 2px solid #013281;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    padding-left: 10px;
    color: #535455;
}

#sub_nav_content ul li.on a {
    color: #013281;
}

#sub_nav_content dl {
    font-size: 0;
    overflow: hidden;
    background: #fff;
    padding: 10px 0;
    border-top: 1px solid #e7e7e7;
    display: grid;
}

#sub_nav_content dt {
    position: relative;
    background: #fff;
    z-index: 999;
    display: inline-block;
    margin-bottom: 0;
    float: left;
    text-align: center;
}

#sub_nav_content dt a {
    margin: 0 24px;
    display: block;
    color: #5b5349;
    line-height: 30px;
    font-size: 13px;
    font-weight: 400;
    vertical-align: top;
    text-align: left;
}

#sub_nav_content dt a i {
    position: absolute;
    right: 15px;
    top: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    display: none;
}

#sub_nav_content dt a {}

#sub_nav_content dt.title {
    background: #fafafb;
}

#sub_nav_content dt.title i {
    opacity: 1;
    filter: alpha(opacity=100);
}

#sub_nav_content dt.title_on {
    background: #fafafb;
}


#sub_nav_content dt.title_on a i {
    color: #013281;
}

#sub_nav_content dt.last a {
    border-top: 1px solid #f8f8f8;
}

#sub_nav_content dt.on a,
#sub_nav_content dt.title_on a {
    color: #000095;
    font-weight: bold;
}

#sub_nav_content dd {}

#sub_nav_content dd .box {
    padding: 0px 0px 0px 0px;
}

#sub_nav_content dd a {
    padding: 0 25px;
    line-height: 30px;
    font-size: 13px;
    color: #5b5349;
    display: block;
    height: 30px;
}


#banner {
    position: relative;
    z-index: 0
}

#banner .swiper-slide a>img {
    position: absolute;
    height: 83%;
    width: 38.75%;
    background: url(../images/lansj.png)no-repeat;
    background-size: 100% 100%;
    left: 0;
    top: 0;
    z-index: 1;
    opacity: .6;
}

#banner .mouse {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    bottom: 67px;
    text-align: center;
    z-index: 50;
    color: #fff;
    font-size: .875rem;
    font-weight: bold;
    line-height: 1.5;
    display: flex;
    flex-direction: column;
    text-transform: uppercase;
}

.mouse span {
    display: inline-block;
    width: 42px;
    height: 42px;
    margin: auto;
    position: relative;
}

.mouse span img {
    position: absolute;
    left: 12px;
    top: 12px;
    color: #fff;
    animation-delay: 0ms;
    animation-duration: 1500ms;
    animation-iteration-count: infinite;
    animation-name: arrow;
    animation-play-state: running;
    animation-timing-function: linear;
}

.mouse span:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
}

@keyframes spins {
    from {
        transform: rotateZ(0deg);
    }

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

@-webkit-keyframes arrow {

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0px, 0px, 0px);
    }

    33% {
        opacity: 1;
    }

    66% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0px, 10px, 0px);
    }

}


@keyframes arrow {

    0% {
        opacity: 0;
        transform: translate3d(0px, 0px, 0px);
    }

    33% {
        opacity: 1;
    }

    66% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        transform: translate3d(0px, 10px, 0px);
    }

}

#banner .swiper-container {
    height: 100vh
}

#banner .swiper-slide {
    overflow: hidden
}

#banner .slide-inner {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat !important
}

#banner .txt {
    color: #fff;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    padding-bottom: 14rem;
    position: relative;
    z-index: 10;
}

/* #banner .txt>* {
    opacity: 0
} */

#banner .txt p {
    font-size: 3.75rem;
    line-height: 1.5;
}

#banner .txt h5 {
    font-size: 1.5rem;
    margin: .5rem 0 .625rem;
    line-height: 1.5;
}

#banner .txt h6 {
    font-size: 1.25rem;
    line-height: 1.5;
    font-family: bahnschrift;
}




#banner .swiper-button-prev {
    left: 4%;
    position: absolute
}

#banner .swiper-button-next {
    right: 4%;
    position: absolute
}

#banner .swiper-slide.swiper-slide-active .txt p {
    animation: enter 1.2s forwards .1s
}

#banner .swiper-slide.swiper-slide-active .txt h5 {
    animation: enter 1.2s forwards .2s
}

#banner .swiper-slide.swiper-slide-active .txt h6 {
    animation: enter 1.2s forwards .3s;
    display: none;
}

@-webkit-keyframes enter {
    0% {
        opacity: 0;
        transform: translateY(100px);
        -webkit-transform: translateY(100px);
        -moz-transform: translateY(100px);
        -ms-transform: translateY(100px);
        -o-transform: translateY(100px)
    }

    20% {
        opacity: 0;
        transform: translateY(100px);
        -webkit-transform: translateY(100px);
        -moz-transform: translateY(100px);
        -ms-transform: translateY(100px);
        -o-transform: translateY(100px)
    }

    100% {
        opacity: 1;
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px)
    }
}

@keyframes enter {
    0% {
        opacity: 0;
        transform: translateY(100px);
        -webkit-transform: translateY(100px);
        -moz-transform: translateY(100px);
        -ms-transform: translateY(100px);
        -o-transform: translateY(100px)
    }

    20% {
        opacity: 0;
        transform: translateY(100px);
        -webkit-transform: translateY(100px);
        -moz-transform: translateY(100px);
        -ms-transform: translateY(100px);
        -o-transform: translateY(100px)
    }

    100% {
        opacity: 1;
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px)
    }
}


.dotbox {
    position: absolute;
    left: auto;
    right: auto;
    bottom: 6.25rem;
    left: 10rem;
    width: 11.25rem;
    height: 3.125rem;
    z-index: 200;
}

#banner .swiper-pagination {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 3.125rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    width: auto;
}

#banner .swiper-pagination span {
    display: flex;
    align-items: center;
    font-family: alimama;
}

#banner .swiper-button-white i {
    color: #fff;
    font-size: 1.5rem;
}



#banner .swiper-pagination span:before {
    content: '0';
    position: static;
    height: auto;
}

#banner span.swiper-pagination-current {
    color: #fff;
    font-size: 1.625rem;
}

#banner .swiper-pagination i,
#banner span.swiper-pagination-total {
    color: rgba(255, 255, 255, 0.5);
}

#banner span.swiper-pagination-total {
    line-height: 2;
}

.btn_liaojie svg {
    transition: .3s
}

.btn_liaojie:hover svg {
    transform: translateX(.5rem)
}

.btn_liaojie2 svg {
    transition: .3s
}

.btn_liaojie2:hover svg {
    transform: translateX(.5rem)
}

.btn_liaojie3 svg {
    transition: .3s
}

.btn_liaojie3:hover svg {
    transform: translateX(.5rem)
}

@-webkit-keyframes enter {
    0% {
        opacity: 0;
        transform: translateY(100px);
        -webkit-transform: translateY(100px);
        -moz-transform: translateY(100px);
        -ms-transform: translateY(100px);
        -o-transform: translateY(100px)
    }

    20% {
        opacity: 0;
        transform: translateY(100px);
        -webkit-transform: translateY(100px);
        -moz-transform: translateY(100px);
        -ms-transform: translateY(100px);
        -o-transform: translateY(100px)
    }

    100% {
        opacity: 1;
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px)
    }
}

@keyframes enter {
    0% {
        opacity: 0;
        transform: translateY(100px);
        -webkit-transform: translateY(100px);
        -moz-transform: translateY(100px);
        -ms-transform: translateY(100px);
        -o-transform: translateY(100px)
    }

    20% {
        opacity: 0;
        transform: translateY(100px);
        -webkit-transform: translateY(100px);
        -moz-transform: translateY(100px);
        -ms-transform: translateY(100px);
        -o-transform: translateY(100px)
    }

    100% {
        opacity: 1;
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px)
    }
}




svg {
    width: 2rem;
    height: 2rem
}

.n_banner {
    height: 33.125rem;
    width: 100%;
    overflow: hidden;
    position: relative;
    margin-top: 7.5625rem;

}


.n_banner .m {
    display: flex;
    height: 100%;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
}


.n_banner h6 {
    color: #fff;
    font-size: 1.625rem;
    line-height: 2.5rem;
}

.n_banner h5 {
    color: #fff;
    font-weight: bold;
    font-size: 3.125rem;
    line-height: 4.5rem;
    position: relative;
}

.n_banner h5::before {
    content: '';
    position: absolute;
    width: 56px;
    height: 24px;
    background: url(../images/n_bannerline.png);
    bottom: 1rem;
    left: 105%;

}

#dh {
    border-bottom: 1px solid #e1e2e6;

    height: 5rem;

}

#dh ul,
#dh .m {

    display: flex;

    align-items: center;

    justify-content: space-between;

}

#dh ul li {
    height: 5rem;

    width: 14.375rem;

    transition: all .3s;

}

#dh ul li a {

    color: #333333;

    font-size: 1.25rem;

    line-height: 1.75rem;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: .5rem;

    height: 100%;

    transition: all .3s;

}

#dh ul li.on a svg path,
#dh ul li:hover a svg path {
    fill: #fff;
}


#dh ul li.on {
    background: #384c8b;
}

#dh ul li:hover,
#dh ul li.on {

    color: #fff;

}

#dh ul li.on a,
#dh ul li:hover a {

    color: #fff;

}

.position a.ico {
    margin: 0 10px;
}

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

.position .home {
    margin-right: 1.25rem;
}

.position>img {
    margin: 0 8px;
}

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

.n_nav ul {
    display: flex;
    align-items: center;
    height: 100%;
}

.n_nav li {
    display: block;
    flex-grow: 1;
    line-height: 4.5rem;
    z-index: 1;
    position: relative;
    overflow: hidden;
    height: 100%;
}

.n_nav li::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 100%;
    background: #000095;
    transition: all .5s;
}

.n_nav li.on::before,
.n_nav li:hover::before {
    top: 0;
}


.n_nav li a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .25rem;
    font-size: 1rem;
    line-height: 1.625rem;
    height: 100%;
    color: #000000;
    transition: all .5s;
    padding: 0 2.25rem;
    position: relative;
    transition: all .5s;
}

.n_nav li.on a,
.n_nav li:hover a {
    color: #fff;
}


.position {
    font-size: .9375rem;
    color: #737577;
    display: flex;
    align-items: center;
    height: 100%;
}



.position span,
.position a,
.position i {
    font-size: .9375rem;
    line-height: 1.625rem;
    color: #505050;
    flex-shrink: 0;
    height: 100%;
    -moz-transition: all 0.36s ease-in-out;
    -webkit-transition: all 0.36s ease-in-out;
    -o-transition: all 0.36s ease-in-out;
    -ms-transition: all 0.36s ease-in-out;
    transition: all 0.36s ease-in-out;
}

.position i {
    font-style: normal;
    width: 16px;
    height: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.position span {
    color: #384c8b;
    font-style: normal;
}

.position em {
    color: #384c8b;
    font-style: normal;
}



.position a:hover {
    color: #384c8b;
}



.s_about {
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 9;
    background: url(../images/s_aboutbg.jpg)no-repeat;
    background-size: cover;
}

.s_about .m {
    display: flex;
    gap: 6.25rem;
    justify-content: space-between;
}

.s_about .m .s_aboutcon {
    max-width: 57.1875rem;
}

.s_about .m .s_aboutcon h6 {
    color: #000000;
    font-size: 1.125rem;
    line-height: 1.5;
    text-transform: uppercase;
}

.s_about .m .s_aboutcon h5 {
    color: #292929;
    font-size: 2.8125rem;
    line-height: 3.4375rem;
    font-weight: bold;
}

.s_about .m .s_aboutcon>i {
    height: 4px;
    width: 1.375rem;
    background: #384c8b;
    display: block;
    margin: 2.75rem 0 2.5rem;
}

.s_about .m .s_aboutcon p {
    color: #000000;
    font-size: 1.25rem;
    line-height: 2.5rem;
}


.tsmore {
    width: 12.6875rem;
    height: 3.3125rem;
    background: #eff0f3;
    border-radius: 1.875rem;
    color: #000000;
    font-size: 1.125rem;
    line-height: 1.5;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding-left: 1rem;
    transition: all .5s;
    margin-top: 4rem;
}

.tsmore div {
    position: absolute;
    width: 3.3125rem;
    border-radius: 50%;
    background: #384c8b;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    left: -1rem;
    transition: all .5s;
}

.tsmore div i {
    color: #fff;
    font-size: 1.125rem;
    transition: all .5s;
}

.tsmore:hover div {
    left: 0;
}

.tsmore:hover div i {
    transform: rotate(45deg);
}

.tsmore:hover {
    background: #384c8b !important;
    color: #fff;
}

.s_about .m ul {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: .875rem;
}

.s_about .m ul li {
    display: flex;
}

.s_about .m ul li:nth-child(even) {
    justify-content: flex-end;
}

.s_about .m ul li .wzs div {
    display: flex;
    gap: .75rem;
    align-items: flex-start;
}

.s_about .m ul li .wzs div span {
    color: #323232;
    font-size: 5rem;
    line-height: 1.125;
    font-family: BarlowCondensed-Bold;
    transition: all .5s;
}

.s_about .m ul li .wzs div em {
    color: #323232;
    font-size: 2.25rem;
    line-height: 3.4375rem;
    transition: all .5s;
}

.s_about .m ul li p {
    color: #292929;
    font-size: 1.25rem;
    line-height: 1.5;
}

.s_about .m ul li .wzs div:hover span {
    text-shadow: 0px 14px 5px rgb(56 76 139 / .2);
    color: #384c8b;
}

.s_about .m ul li .wzs div:hover em {
    color: #384c8b;
}

.s_modebg {
    background: url(../images/modebg.jpg)no-repeat;
    background-size: cover;
    width: 100%;
    position: relative;
    display: flex;
    align-items: flex-end;
    gap: 7.5rem;
    height: 57.125rem;
}


.s_modebg .s_mode_nav {
    max-width: 33.125rem;
    width: 100%;
    border-right: 1px solid #989a9d;
    height: 100%;
}


.s_modebg .s_mode_nav li {
    padding: 4rem 3rem 3rem 3.75rem;
    display: flex;
    flex-direction: column;
    transition: all .5s;
}

.s_modebg .s_mode_nav li.on {
    background: rgb(56 76 139 / 60%);
}

.s_modebg .s_mode_nav li p {
    color: rgb(255 255 255 / 60%);
    font-size: 1.125rem;
    line-height: 2.5rem;
    margin-top: .5rem;
}

.s_modebg .s_mode_nav li div {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.s_modebg .s_mode_nav li div h5 {
    color: #fff;
    font-size: 2rem;
    line-height: 2.5rem;
    font-weight: bold;
}

.s_modebg .s_mode_for {

    width: 100%;
    background: rgb(56 76 139 / 50%);
}

.s_modebg .s_mode_for h4 {
    color: #fff;
    font-size: 2.8125rem;
    line-height: 1.5;
    padding-left: 2rem;
    position: relative;
    margin-bottom: 5rem;
    width: 100%;
}

.s_modebg .s_mode_for h4::before {
    content: '';
    position: absolute;
    width: 4px;
    height: 2.25rem;
    background: #fff;
    top: 50%;
    transform: translate(0, -50%);
    left: 0;
}

.s_modebg .s_mode_for .s_keji {
    display: grid;
    gap: 5rem;
    position: relative;
    width: 100%;
}

.s_modebg .s_mode_for .s_keji::before {
    content: '';
    position: absolute;
    width: 1px;
    height: calc(100% - 32px);
    background: rgb(255 255 255 / 30%);
    left: 4px;
    top: 50%;
    transform: translate(0, -50%);
}

.s_modebg .s_mode_for .s_keji li,
.s_modebg .s_mode_for .s_keji li div {
    display: flex;
    align-items: center;
    gap: 1.625rem;
}

.s_modebg .s_mode_for .s_keji li i {
    display: block;
    width: 9px;
    height: 9px;
    background: #fff;
    border-radius: 50%;
    flex-shrink: 0;
}


.s_modebg .s_mode_for .s_keji li h5 {
    color: #fff;
    font-size: 2.25rem;
    line-height: 2.5rem;
    font-family: BarlowCondensed-Bold;
}

.s_modebg .s_mode_for .s_keji li p {
    color: rgb(255 255 255 / 80%);
    font-size: 1.125rem;
    line-height: 1.5;
}

.s_modebg .s_mode_for .ljmore {
    color: #fff;
    font-size: 1rem;
    line-height: 1.5;
    text-decoration: underline;
    margin-top: 3rem;
    display: block;
    margin-right: 10rem;
}

.s_modebg .s_mode_for .li {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding: 4.5rem 0 5rem 9.375rem;
}

.s_modebg .s_mode_for .s_moshi {
    display: grid;
    position: relative;
    width: 100%;
    gap: 1rem;
}

.s_modebg .s_mode_for .s_daxue {
    display: flex;
    align-items: center;
    gap: 2.625rem;
    width: 100%;
    margin-top: 3.375rem;
}



.s_modebg .s_mode_for .s_moshi li {
    display: flex;
    align-items: flex-start;
    gap: .875rem;
}

.s_modebg .s_mode_for .s_daxue li {
    border-radius: 50%;
    background: #fff;
    width: 8.4375rem;
    height: 8.4375rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
}

.s_modebg .s_mode_for .s_moshi li i {
    width: 7px;
    height: 7px;
    background: #fff;
    display: block;
    border-radius: 50%;
    flex-shrink: 0;
    margin-top: 1rem;
}

.s_modebg .s_mode_for .s_moshi li p,
.s_modebg .s_mode_for .s_tixi li p {
    color: rgb(255 255 255 / 80%);
    font-size: 1.125rem;
    line-height: 2.5rem;
    max-width: 60rem;
}

.s_modebg .s_mode_for .s_tixi {
    display: grid;
    gap: 3.75rem;
    width: 100%;
}

.s_modebg .s_mode_for .s_tixi li {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    align-items: flex-start;
}

.s_modebg .s_mode_for .s_tixi li div {
    height: 2.3125rem;
    color: #444b6a;
    font-size: 1.125rem;
    line-height: 1.5;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 .75rem;
    background: #fff;
    border-radius: 3px;
    border: 1px solid #000000;
}

.slide_for {
    position: relative;
}

.slide_for .li {
    position: relative;
    transition: .5s;
    opacity: 1;
    visibility: visible;
}

.s_tit {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    margin-bottom: 3.75rem;
}


.s_tit h6 {
    font-family: bahnschrift;
    font-size: 1.9375rem;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1.25;
    color: #2a3c73;
}

.s_tit h5 {
    color: #323232;
    font-weight: bold;
    font-size: 2.5rem;
    line-height: 3.4375rem;
}

.s_tit p {
    color: rgb(50 50 50 / 60%);
    font-size: 1.125rem;
    line-height: 1.75;
}

.byc {
    overflow: hidden;

    display: flex;

    justify-content: space-between;
}

.bycs.on {
    width: calc(100% - 717px);

    flex-shrink: 0;
}

.bycs {
    overflow: hidden;

    flex-grow: 1;

    position: relative;



}

.bycs::before {
    content: '';

    position: absolute;

    width: 100%;

    background: url(../images/bycyase.png)no-repeat;

    background-size: cover;

    height: 25.875rem;

    bottom: 0;

    opacity: 0;

    z-index: 0;

    transition: all .5s;
}

.bycs::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgb(0 0 0 / .3);
    transition: all .5s;
    z-index: 0;
}

.bycs.on::before {
    opacity: 1;
}

.bycs.on::after {
    opacity: 0;
}

.bycs .byc_tit {
    position: absolute;

    padding: 4rem 2.5rem;

    color: #fff;

    line-height: 1.5rem;

    font-size: 1.375rem;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    display: flex;

    flex-direction: column;

    justify-content: flex-end;

    z-index: 1;

    transition: all .5s;
    gap: 1rem;
}

.bycs .byc_tit div {
    width: 5rem;
    height: 5rem;
    background: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
}

.bycs .byc_tit i {
    font-size: 1.875rem;
    color: #384c8b;
}

.bycs {
    transition: 0.7s;

    width: 14.9375rem;

    height: 100%;
}

.byc .bycs img {
    transition: 0.7s;
}

.bycs .bl img {
    display: block;

    border-radius: 10px;
}

.bycs>.bl {
    height: 38.75rem;

    background-position: center center !important;

    background-size: cover !important;
}

.byc_tit h5 {
    color: #fff;
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1.5;
}

.byc_tit p {
    color: #fff;
    line-height: 1.5;
    transition: all 0.5s;
    opacity: 0;
    visibility: hidden;
    position: relative;
    width: 100%;
    font-size: 0;
}

.byc .bycs.on .byc_tit p {
    position: relative;
    opacity: 1;
    visibility: visible;
    font-size: 1rem;
    line-height: 2rem;
}

.byc .bycs.on .byc_tit {
    padding: 4rem 4.5rem;
}

.byc .bycs.on .byc_tit h5 {
    font-size: 1.6875rem;
}

.s_fwal {
    background: #f2f3f6;
}

.fwalbox {
    position: relative;
}

.fwalbox #fwal .img_db:after {
    padding-top: 60.38%;
}

.fwalbox #fwal .img {
    border-radius: .625rem;
}

.fwalbox #fwal li a {
    position: relative;
    display: block;
}

.fwalbox #fwal li .fwname {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 1.625rem;
    line-height: 1.75rem;
    padding: 2rem 1.5rem;
    background: rgb(0 0 0 / .4);
    border-radius: .625rem;
    z-index: 0;
    opacity: 0;
    transition: all .5s;
}

.fwalbox #fwal li:hover .fwname {
    opacity: 1;
}

.fwalbox .swiper-button-white {
    width: 4.0625rem;
    height: 4.0625rem;
    border-radius: 50%;
    border: 1px solid #cfcfcf;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 50%;
    margin-top: 0;
    transform: translate(0, -50%);
}

.fwalbox .swiper-button-white i {
    color: #8d8d8d;
    font-size: 1.5rem;
}

.fwalbox .fwalprev {
    right: auto;
    left: -6.25rem;
}

.fwalbox .fwalnext {
    left: auto;
    right: -6.25rem;
}

.s_fwal .tsmore,
.s_infor .tsmore {
    margin: 4rem auto 0;
    background: #fff;
}

.fwalbox .fwalprev i {
    transform: rotate(180deg);
}

.s_bottom {
    background: url(../images/s_bottombg.jpg)no-repeat;
    background-size: cover;
    position: relative;
    width: 100%;
}

.s_bottom .s_xxbox {
    display: flex;
    gap: 3.5rem;
}

.s_bottom .s_xxbox .s_newbox {
    max-width: 39.0625rem;
    width: 100%;
    flex-shrink: 0;
}

.s_bottom .s_xxbox .s_newbox a {
    position: relative;
}

.s_bottom .s_xxbox .s_newbox a .img_db:after {
    padding-top: 62.4%;
}

.s_bottom .s_xxbox .s_newbox a .newtext {
    position: absolute;
    width: 100%;
    background: rgb(0 0 0 / .5);
    height: 4.25rem;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0 3rem 0 10rem;
    left: 0;
    bottom: 0;
}

.s_bottom .s_xxbox .s_newbox a .newtext p {
    color: #fff;
    font-size: 1.375rem;
    line-height: 1.5;
}

.s_bottom .s_xxbox .s_newbox a .newtime {
    position: absolute;
    width: 6.25rem;
    height: 6.25rem;
    background: #384c8b;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    left: 1.625rem;
    bottom: 1.0625rem;
    color: #fff;
    font-family: bahnschrift;
    z-index: 10;
}

.newtime h5 {
    font-size: 2.5rem;
    line-height: 3.4375rem;
}

.newtime p {
    font-size: 1.25rem;
}

.s_bottom .s_xxbox .s_coolbox {
    display: grid;
    gap: 2.125rem;
}

.s_bottom .s_xxbox .s_coolbox li a {
    padding: 2.3125rem 2rem 2.5625rem 1.8125rem;
    display: flex;
    align-items: center;
    gap: 2.125rem;
    background: #fff;
}

.s_bottom .s_xxbox .s_coolbox li a .newtime {
    width: 6.25rem;
    height: 6.25rem;
    background: #384c8b;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-family: bahnschrift;
    z-index: 10;
    flex-shrink: 0;
}

.s_bottom .s_xxbox .s_coolbox li a .s_coolcon h5 {
    color: #313131;
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: bold;
}

.s_bottom .s_xxbox .s_coolbox li a .s_coolcon p {
    color: rgb(49 49 49 / .7);
    font-size: 1.0625rem;
    line-height: 2rem;
    margin-top: 4px;
}

#s_school .swiper-slide {
    background: #fff;
    padding: 1.25rem;
    height: 7rem;
    display: flex;
    align-items: center;
    justify-content: center;
}


#foot {
    background: #384c8b;
}

#foot .box1 {
    display: flex;
    justify-content: space-between
}

#foot .box1 .left h6 {
    font-family: bahnschrift;
    font-weight: bold;
    font-size: 1.5rem;
    line-height: 1.5;
    color: #fff;
    text-transform: uppercase;
}

#foot .box1 .left h5 {
    color: #fff;
    font-weight: bold;
    font-size: 1.75rem;
    line-height: 1.5;
}


#foot .box1 .left>ul {
    display: grid;
    margin: 1.25rem 0 2.5rem;
}

#foot .box1 .left>ul li a {
    color: rgba(255, 255, 255, .4);
    font-size: 1.125rem;
    line-height: 2.1875rem;
    transition: all .5s;
}

#foot .box1 .left>ul li a:hover {
    color: rgba(255, 255, 255, 1);
}

#foot .box1 .left .foot_lxfx {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#foot .box1 .left .foot_lxfx>div {
    display: flex;
    align-items: center;
    gap: .5rem;
}

#foot .box1 .left .foot_lxfx>div i {
    color: #fff;
    font-size: 1.875rem;
}

#foot .box1 .left .foot_lxfx>div a {
    color: #fff;
    font-size: 1.875rem;
    line-height: 1.5;
    font-family: bahnschrift;
    font-weight: bold;
}

#foot .box1 .left .foot_lxfx ul {
    display: flex;
    align-items: center;
    gap: 1.25rem;
}

#foot .box1 .left .foot_lxfx ul li {
    position: relative;
}

#foot .box1 .left .foot_lxfx ul li a {
    width: 2.875rem;
    height: 2.875rem;
    background: #5b70b0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

#foot .box1 .left .foot_lxfx ul li a i {
    color: #fff;
    font-size: 1.5rem;
}


.foot_lxfx ul li .ewmbox {
    position: absolute;
    opacity: 0;
    transform: translateY(-10px);
    visibility: hidden;
    width: 8rem;
    right: 0;
    bottom: calc(100% + 1rem);
    transition: .5s;
}

.foot_lxfx ul li .ewm {
    position: relative;
    background: #fff;
    border-radius: 5px;
    padding: 0.375rem;
    border: 1px solid #ddd;
}

.foot_lxfx ul li .ewm:before {
    content: "";
    display: block;
    width: 1rem;
    height: 1rem;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    transform: rotate(45deg);
    position: absolute;
    z-index: 1;
    background: #fff;
    right: 0.625rem;
    top: 100%;
    margin-top: -9px;
    border-radius: 3px;
}

.foot_lxfx ul li:hover .ewmbox {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
}


#foot .right {
    display: flex;
    max-width: 875px;
    flex-shrink: 0;
    width: 100%;
}

.foot_nav {
    display: flex;
    justify-content: space-between;
    flex-grow: 1;
    flex-shrink: 0;
    width: 100%;
}


.foot_nav dl dt {
    font-size: 1.375rem;
    color: #fff;
    line-height: 1.5;
    position: relative;
    z-index: 1;
    font-weight: bold;
    padding-bottom: 1rem;
}


.foot_nav dl dd {
    font-size: 1.125rem;
    color: rgba(255, 255, 255, .7);
    line-height: 2.1875rem;
    transition: .5s;
}

.foot_nav dl dd:hover {
    color: #fff;
}

.joinus {
    width: 100%;
}

.joinus h5 {
    position: relative;
    padding-left: .9375rem;
    color: #fff;
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: bold;
    margin-bottom: 1.125rem;
}

.joinus h5::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    background: #0000ff;
    width: 3px;
    height: 1.125rem;
}

.joinus ul {
    display: flex;
    justify-content: space-between;
}

.joinus ul li a i {
    color: #fff;
    font-size: 1.5rem;
}

.joinus ul li {
    position: relative;
}

.joinus ul li .ewmbox {
    position: absolute;
    opacity: 0;
    transform: translateY(-10px);
    visibility: hidden;
    width: 8rem;
    right: 0;
    bottom: calc(100% + 1rem);
    transition: .5s;
}

.joinus ul li .ewm {
    position: relative;
    background: #fff;
    border-radius: 5px;
    padding: 0.375rem;
    border: 1px solid #ddd;
}

.joinus ul li .ewm:before {
    content: "";
    display: block;
    width: 1rem;
    height: 1rem;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    transform: rotate(45deg);
    position: absolute;
    z-index: 1;
    background: #fff;
    right: 0.625rem;
    top: 100%;
    margin-top: -9px;
    border-radius: 3px;
}

.joinus ul li:hover .ewmbox {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
}



#foot .box2 {
    padding: 1.75rem 0 3rem;
    text-align: right;
}

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

.foot_link {
    width: 345px;
    max-width: 100%;
}

.foot_link dl {
    position: relative;
}

.foot_link dt {
    height: 3.125rem;
    padding: 0 .9375rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    z-index: 2;
}

.foot_link dt h6 {
    font-size: .875rem;
    color: #ffffff;
    line-height: 1.5625rem;
    display: flex;
}

.foot_link dt h3 svg {
    display: inline-block;
    margin-right: 1rem;

}

.foot_link dt i {
    font-size: 1.25rem;
    color: #868686;
    transform: rotate(-90deg);
    transition: all .5s;
}

.foot_link dt.on i {
    transform: rotate(90deg);
}

.foot_link dt span {
    flex-grow: 1;
}

.foot_link dd {
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    width: 100%;
    padding-bottom: 3.25rem;
}

.foot_link dd:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .3);
    z-index: -1;
}

.foot_link dd .box {
    padding: 1rem 1rem 0;
    display: none;
}

.foot_link dd .box a {
    display: block;
    color: rgb(255 255 255 / 63%);
    font-size: .875rem;
    line-height: 2;
    transition: .3s;
}

.foot_link dd .box a:hover {
    color: #fff;
}


.copyright {
    font-size: .875rem;
    color: rgb(255 255 255 / 30%);
    line-height: 1.125rem
}

.copyright a:hover {
    color: #fff;
}

.copyright a {
    transition: all .5s;
}


.btn_video2 {
    position: absolute;
    top: 75%;
    left: 81%
}

.btn_video2>a {
    width: 6.5625rem;
    height: 6.5625rem;
    transform: translateX(-50%) translateY(-50%);
    background: #16a89e;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

.btn_video2 .mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/btn_play.png) center no-repeat;
    background-size: contain;
    display: flex;
    align-items: center;
    justify-content: center
}

.btn_video2 .mask {
    animation: roll 3s infinite linear
}

@-webkit-keyframes roll {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

@keyframes roll {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

.maskbox {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.maskbox svg {
    width: 2rem;
    height: 2rem
}

/* 政策发布 */

.n_zhengce {
    background: url(../images/n_zhengcebg.jpg)no-repeat;
    background-size: cover;
    width: 100%;
    position: relative;
}

.n_zhengce .m .zhengce {
    display: flex;
}

.n_zhengce .m .newzc {
    max-width: 42.5625rem;
    width: 100%;
    background: url(../images/n_newzcbg.jpg)no-repeat;
    background-size: cover;
    padding: 6.875rem 5rem 6.875rem 4.375rem;
}

.n_zhengce .m .newzc .newkuang {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 6.625rem;
    height: 6.625rem;
    font-size: 1.875rem;
    line-height: 2.5rem;
    font-weight: bold;
    color: #fff;
    border: 3px solid #ffffff;
    border-radius: 4px;
}

.n_zhengce .m .newzc h5 {
    color: #feffff;
    font-size: 1.875rem;
    line-height: 2.625rem;
    font-weight: bold;
    margin: 3.75rem 0 1.75rem;
}

.n_zhengce .m .newzc p {
    color: #feffff;
    font-size: 1.0625rem;
    line-height: 2rem;
}

.n_zhengce .m .newzc a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 10.9375rem;
    height: 3.3125rem;
    background: #fff;
    color: #212121;
    font-size: 1.125rem;
    line-height: 1.5;
    gap: .5rem;
    border-radius: 1.785rem;
    margin-top: 3.375rem;
}

.n_zhengce .m .newzc a i {
    color: #435691;
    font-size: 1.375rem;
}

.n_zhengce .m ul {
    background: rgb(255 255 255 / 70%);
    padding: 4.75rem;
    display: grid;
    gap: 1.875rem;
}

.n_zhengce .m ul li a {
    padding-bottom: 1.875rem;
    border-bottom: 1px dashed #e1e4e6;
    display: flex;
    align-items: center;
    gap: 1.375rem;
}

.n_zhengce .m ul li a .zctime {
    width: 5.9375rem;
    height: 5.9375rem;
    background: #384c8b;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: #fff;
    font-family: bahnschrift;
    flex-shrink: 0;
    border-radius: 3px;
}

.n_zhengce .m ul li a .zctime h5 {
    font-size: 2.25rem;
    line-height: 3.4375rem;
}

.n_zhengce .m ul li a .zctime h6 {
    font-size: 1rem;
    line-height: 1.5;
}

.n_zhengce .m ul li a .zccon h5 {
    color: #313131;
    font-size: 1.375rem;
    line-height: 2rem;
    font-weight: bold;
    transition: all .5s;
}


.n_zhengce .m ul li a .zccon p {
    color: rgb(49 49 49 / .7);
    font-size: 1rem;
    line-height: 1.6875rem;
    margin-top: .5rem;
}

.n_zhengce .m ul li:last-child {
    padding-bottom: 0;
    border-bottom: none;
}

.n_zhengce .m ul li a:hover .zccon h5 {
    color: #384c8b;
}

.page {
    text-align: center;
    font-size: 0;
    color: #464c52;
    width: 100%;
    overflow: hidden;
}

.page .box {
    margin-top: 3.75rem;
    display: flex;
    justify-content: center;
    flex-flow: wrap;
}

.page a {
    border: 1px solid #b3b3b4;
    padding: 0 5px;
    min-width: 3.125rem;
    height: 3.125rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0.375rem;
    color: #464c52;
    border-radius: 50%;
    font-size: 1rem;
    -moz-transition: all 0.36s ease-in-out;
    -webkit-transition: all 0.36s ease-in-out;
    -o-transition: all 0.36s ease-in-out;
    -ms-transition: all 0.36s ease-in-out;
    transition: all 0.36s ease-in-out;
}



.page a:hover svg path {
    fill: #fff;
}

.page span {
    display: inline-block;
    margin: 0 1rem;
}


/* 服务案例 */
.fwalist {
    background: #eef1f6;
}

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

.fwalist ul li a {
    display: block;
    border-radius: .625rem;
    overflow: hidden;
}

.fwalist ul li a .img_db:after {
    padding-top: 60.39%;
}

.fwalist ul li a .n_fwcon {
    background: #fff;
    padding: 1.875rem 2.5rem 2.25rem;
}

.fwalist ul li a .n_fwcon h5 {
    color: #060606;
    font-size: 1.625rem;
    line-height: 2rem;
    font-weight: bold;
    margin-bottom: 1rem;
}

.fwalist ul li a .n_fwcon p {
    color: #313131;
    font-size: 1.0625rem;
    line-height: 2.25rem;
}

.fwalist ul li a .n_fwcon div {
    border: 2px solid #c4c6c9;
    border-radius: 50%;
    width: 2.8125rem;
    height: 2.8125rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 1rem;
    transition: all .5s;
}

.fwalist ul li a .n_fwcon div i {
    color: #666666;
    font-size: 1.25rem;
}

.fwalist ul li a:hover .n_fwcon div {
    border: 2px solid #384c8b;
    background: #384c8b;
}

.fwalist ul li a:hover .n_fwcon div i {
    color: #fff;
}

/* 案例详情 */
.fwalxqtop {
    background: url(../images/fwaltopbg.jpg);
}

.fwalxqtop .m {
    display: flex;
    justify-content: space-between;
}

.fwalxqtop .fwalcon {
    max-width: 45.625rem;
    flex-shrink: 0;
}

.fwalxqtop .img {
    max-width: 57.75rem;
    border-radius: .625rem 0 0 .625rem;
}

.fwalxqtop .fwalcon h4 {
    font-size: 2.375rem;
    line-height: 1.5;
    margin-bottom: 2.25rem;
    font-weight: bold;
}

.fwalxqtop .fwalcon ul {
    display: grid;
    gap: 2.5rem;
}

.fwalxqtop .fwalcon ul li div {
    background: url(../images/tiaoxingbg.png)no-repeat;
    background-size: cover;
    width: 16.3125rem;
    height: 3.4375rem;
    display: flex;
    align-items: center;
    padding-left: 1.6875rem;
    color: #f2f3f6;
    font-size: 1.5rem;
    line-height: 2.375rem;
    font-weight: bold;
    margin-bottom: 1.5rem;
}

.fwalxqtop .fwalcon ul li p {
    color: #000000;
    font-size: 1.125rem;
    line-height: 2.375rem;
}

/* 新闻详情 */



.xq_qicai,
.hui {
    background: #f0f1f4;
}



.xq_qicai .xq_con {
    display: flex;
    background: #fff;
    padding: 0 4.375rem;
    position: relative
}

.xq_qicai .m .left_con {
    padding: 4.875rem 0;
    padding-right: 3rem
}

.xq_qicai .m .right_con {
    padding: 4.875rem 0;
    width: 28.4375rem;
    flex-shrink: 0;
    padding-left: 2.5rem;
    border-left: 1px solid #ecedee
}


.xq_qicai .m .left_con .ar_article p {
    color: #212121;
    font-size: 1.125rem;
    line-height: 2.25rem;
}

.right_tuijian .tt {
    font-size: 1.75rem;
    color: #3d3d3d;
    font-weight: bold;
    margin-bottom: 1.5rem
}

.right_tuijian ul li a {
    display: flex;
    padding: 1.25rem 0;
    border-bottom: 1px solid #ecedee;
    align-items: center
}

.right_tuijian ul li:first-child a {
    padding-top: 0
}

.right_tuijian ul li .img {
    width: 8.75rem;
    height: 5.625rem;
    flex-shrink: 0;
    border-radius: .625rem
}

.right_tuijian ul li .txt {
    padding-left: 1rem
}

.right_tuijian ul li .txt h5 {
    font-size: 1rem;
    color: #252525;
    margin-bottom: .875rem
}

.right_tuijian ul li .txt span {
    display: block;
    font-size: .8125rem;
    color: #4f4f4f;
    display: flex;
    align-items: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.right_tuijian ul li .txt span:before {
    content: "";
    display: block;
    width: 1.0625rem;
    height: 1.0625rem;
    background: url(../images/ico_zu.png) center no-repeat;
    background-size: contain;
    margin-right: 6px
}

.right_tuijian ul li a {
    display: flex;
    align-items: center;
    gap: .875rem;
}


.right_tuijian ul li .right_time {
    width: 5rem;
    height: 5rem;
    border-radius: 3px;
    background: #384c8b;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-family: bahnschrift;
    flex-shrink: 0;
}

.right_tuijian ul li .right_time h6 {
    font-size: 1.625rem;
    line-height: 1.5;
}

.right_tuijian ul li .right_time p {
    font-size: .875rem;
    line-height: 1.5;
}

.right_tuijian ul li a>p {
    color: #000000;
    font-size: 1.1875rem;
    line-height: 1.875rem;
    transition: all .5s;
}

.right_tuijian ul li a:hover>p {
    color: #384c8b;
}

.ar_title {
    display: flex;
    align-items: center;
    margin-bottom: 2.25rem
}

.ar_title .time {
    width: 6.5625rem;
    height: 6.5625rem;
    flex-shrink: 0;
    background: #384c8b;
    font-family: BarlowCondensed-Regular;
    margin-right: 1.875rem;
    padding: 1rem 1.75rem 1.375rem;
    border-radius: .5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 1.125rem;
    -webkit-border-radius: .5rem;
    -moz-border-radius: .5rem;
    -ms-border-radius: .5rem;
    -o-border-radius: .5rem
}

.ar_title .time p {
    font-family: BarlowCondensed-Medium;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    line-height: 1.1;
    color: #fff;
    font-style: italic;
}

.ar_title .time span {
    font-size: 2.625rem;
    font-family: BarlowCondensed-SemiBold;
    font-style: normal;
}

.ar_title h3 {
    line-height: 2.5rem;
    font-size: 2rem;
    color: #000000;
    font-weight: bold
}

.shart_box {
    display: inline-block;
    cursor: pointer
}

#share-21.social-share {
    margin-top: 0
}

#share-21.social-share .social-share-icon {
    display: inline-block;
    border: #dbdcdf 1px solid;
    color: #a0a0a0 !important;
    margin: 0 4px !important;
    transition: .5s;
    font-size: 1.25rem;
    width: 3.25rem;
    height: 3.25rem;
    line-height: 3.125rem
}

#share-21.social-share .social-share-icon:hover {
    border: 1px solid #384c8b;
    background: #384c8b;
    border-radius: 50%
}

#share-21.social-share .social-share-icon:hover:before {
    color: #fff
}

#share-21.social-share .icon-wechat .wechat-qrcode .qrcode {
    height: 105px
}

.social-share .icon-wechat .wechat-qrcode {
    z-index: 999999
}

.ar_fot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 3.5rem
}

.ar_fot .btn_page {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    transition: .5s;
    color: #384c8b;
    gap: .5rem;
    width: 8.75rem;
    height: 3.25rem;
    border: 1px solid #c9c9c9;
    border-radius: 1.625rem
}

.ar_fot .btn_page svg {
    width: 1.125rem
}

.ar_fot .btn_page:hover {
    border: 1px solid #384c8b;
    background: #384c8b;
    color: #fff
}

.ar_fot .btn_page:hover svg path {
    fill: #fff
}

/* 联系我们 */

.n_lianxi {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.n_lianxi .lx_left {
    width: 100%;
    position: relative;
    background: url(../images/lianxileftbg.jpg) center no-repeat;
    background-size: cover;
}

.n_lianxi .lx_right {
    width: 100%;
    position: relative;
    background: url(../images/lianxirightbg.jpg) center no-repeat;
    background-size: cover;
}

.n_lianxi .lx_tt h6 {
    font-family: bahnschrift;
    font-weight: bold;
    font-size: 1.875rem;
    line-height: 3.4375rem;
    text-transform: uppercase;
}

.n_lianxi .lx_tt h5 {
    color: #323232;
    font-size: 2.5rem;
    line-height: 3.4375rem;
}


.lx_tt {
    margin-bottom: 3.125rem;
}

.n_lianxi .lx_left ul li {
    display: flex;
    align-items: center;
}

.n_lianxi .lx_left ul li .ico {
    width: 3.1875rem;
    height: 3.625rem;
    flex-shrink: 0;
    margin-right: 1.25rem;
    background: url(../images/lxdbxbg.png) center no-repeat;
    background-size: contain;
    display: flex;
    align-items: center;
    justify-content: center;
}

.n_lianxi .lx_left ul li .ico i {
    color: #333333;
    font-size: 1.5rem;
}

.n_lianxi .lx_left ul li a {
    font-family: BarlowCondensed-SemiBold;
    font-size: 1.5rem;
    line-height: 1.5625rem;
    color: #060606;
}

.n_lianxi .lx_left ul li+li {
    margin-top: 1.5rem;
}

.n_lianxi .lx_left ul li p {
    color: #7e7e7e;
    font-size: .875rem;
    line-height: 1.875rem;
}

.n_lianxi .lx_left ul li h6 {
    font-size: 1.1875rem;
    line-height: 1.5;
    color: #060606;
}

.n_lianxi .lx_ewm {
    display: inline-block;
    margin-top: 3.125rem;
}

.n_lianxi .lx_ewm .pic {
    width: 10.9375rem;
    height: 10.9375rem;
    border-radius: 5px;
    background: #384c8b;
    padding: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.n_lianxi .lx_ewm p {
    font-size: 1.125rem;
    color: #3d3d3d;
    text-align: center;
    margin-top: 0.9375rem;
}

.form_liuyan .input {
    height: 4rem;
    font-size: 1.125rem;
    color: #575757;
    background: #ffffff;
    border-radius: 2rem;
    width: 100%;
    padding: 0 1.625rem;
    margin-bottom: 0.9375rem;
}

.form_liuyan .textarea {
    height: 14.125rem;
    font-size: 1.0625rem;
    color: #575757;
    background: #fff;
    border-radius: 2rem;
    padding: 1rem 1.625rem;
    width: 100%;
    margin-bottom: 0.9375rem;
}

.form_liuyan .group {
    display: flex;
    gap: 0.9375rem;
}

.form_liuyan .yzmbox {
    position: relative;
    border-radius: 2rem;
    overflow: hidden;
    flex-grow: 1;
}

.form_liuyan .yzmbox .input {
    margin-bottom: 0;
}

.form_liuyan .yzm {
    position: absolute;
    right: 10px;
    top: 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.form_liuyan .button {
    height: 4rem;
    width: 14.6875rem;
    overflow: hidden;
    border-radius: 2rem;
    font-size: 1.125rem;
    color: #fff;
    background: #384c8b;
}

/* 科创服务 */

.n_kcfw {
    background: url(../images/kechuangfwbg.jpg)no-repeat;
    background-size: cover;
    width: 100%;
    position: relative;
}

.n_kcfw .position {
    justify-content: flex-end;
    padding: 1.875rem 0 2.5rem;
}

.n_kcfw .kcbox {
    display: grid;
    gap: 3.75rem;
    grid-template-columns: 21.25rem 1fr;
    align-items: flex-start;
}

.n_kcfw .kcbox ul {
    display: grid;
    gap: 2px;
    border-radius: 1rem;
    overflow: hidden;
    position: sticky;
    top: 10rem;
}

.n_kcfw .kcbox ul li a {
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 5rem;
    width: 100%;
    transition: all .5s;
    padding: 0 2rem;
}

.n_kcfw .kcbox ul li a h5 {
    color: #000000;
    font-size: 1.375rem;
    line-height: 1.875rem;
    font-weight: bold;
    transition: all .5s;
}

.n_kcfw .kcbox ul li a i {
    font-size: 1.5rem;
    color: #b2b2b2;
}

.n_kcfw .kcbox ul li.on a,
.n_kcfw .kcbox ul li:hover a {
    background: #384c8b;
}

.n_kcfw .kcbox ul li.on a h5,
.n_kcfw .kcbox ul li.on a i,
.n_kcfw .kcbox ul li:hover a h5,
.n_kcfw .kcbox ul li:hover a i {
    color: #fff;
}

.n_kcfw .kcxq {
    background: #fff;
    border-radius: 1rem;
    padding: 4.5rem 3.75rem 5rem;
    position: relative;
}
.n_kcfw .kcxq .ar_article h5 {
    color: #384c8b;
    font-size: 1.875rem;
    line-height: 2.25rem;
    font-weight: bold;
    margin-bottom: 1.5rem;
}

.n_kcfw .kcxq #dingbu {
    position: absolute;
    top: -10rem;
}

.n_kcfw .kcxq .heads {
    margin-bottom: 3.125rem;
}

.n_kcfw .kcxq .heads h6 {
    color: #2a3c73;
    font-family: bahnschrift;
    font-size: 1.875rem;
    line-height: 3.4375rem;
    text-transform: uppercase;
    font-weight: bold;
}

.n_kcfw .kcxq .heads h5 {
    color: #323232;
    font-size: 2.5rem;
    line-height: 3.4375rem;
    font-weight: bold;
}


.n_kcbd {
    background: url(../images/kebdbg.jpg)no-repeat;
    background-size: cover;
    width: 100%;
    position: relative;
}

.n_kcbd .kfbd {
    padding: 0 5rem;
}

.n_kcbd .kfbd .kfbdtou {
    margin-bottom: 1.875rem;
}

.n_kcbd .kfbd .kfbdtou h6 {
    color: #fff;
    font-family: bahnschrift;
    font-size: 1.875rem;
    line-height: 3.4375rem;
    text-transform: uppercase;
    font-weight: bold;
}

.n_kcbd .kfbd .kfbdtou h5 {
    color: #fff;
    font-size: 2.5rem;
}

.n_kcbd .kfbd .kfbdtou h6 {
    font-size: 2.5rem;
    line-height: 3.4375rem;
    font-weight: bold;
    color: #fff;
}

.n_kcbd .kfbd .bd {
    background: rgb(56 76 139 / 60%);
    border-radius: 1.125rem;
    padding: 3.375rem 5.625rem;
}

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

.n_kcbd .kfbd .group {
    overflow: hidden;
    position: relative;
}

.n_kcbd .kfbd .group .span {
    white-space: nowrap;
    flex-shrink: 0;
    display: block;
    position: relative;
    font-size: 1.125rem;
    line-height: 1.875;
    color: #fff;
    margin-bottom: .875rem;
    font-weight: bold;
}

.n_kcbd .kfbd .group .input {
    width: 100%;
    border: 1px solid #8592b5;
    border-radius: 0.625rem;
    height: 4.0625rem;
    padding: 0 1.5rem;
    font-size: 1.0625rem;
    line-height: 1.875rem;
    color: #fff;
    background: transparent;
}

.n_kcbd .kfbd .group .input::placeholder {
    color: rgb(255 255 255 / 70%);
    font-size: 1.0625rem;
    line-height: 1.875rem;
}

.n_kcbd .kfbd .textareabox {
    grid-column: 1/5;
    display: block;
    gap: 0;
}

.n_kcbd .kfbd .textareabox textarea.input {
    padding-top: 1rem;
    width: 100%;
    height: 10rem;
}

.n_kcbd .kfbd .group .yzm {
    position: absolute;
    right: 1.25rem;
    top: 50%;
    transform: translate(0, -50%);
    overflow: hidden;
}

.n_kcbd .kfbd .button {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 13.1875rem;
    color: #384c8b;
    background: #ffffff;
    border-radius: 1rem;
    font-size: 1.0625rem;
    gap: 0.75rem;
}

.n_kcbd .kfbd .button i {
    color: #384c8b;
    font-size: 1.25rem;
}

.n_kcbd .kfbd .button:hover,
.n_kcbd .kfbd .button:hover i {
    color: #fff;
}

/* 资讯中心 */


.n_hotswiper {
    position: relative;
    margin-bottom: 3.125rem;
}


.n_hotswiper #hotswiper .swiper-slide a {
    display: grid;
    grid-template-columns: .475fr .525fr;
    border-radius: 1.25rem;
    overflow: hidden;
}

.n_hotswiper #hotswiper .swiper-slide a .hotcon {
    background: #f2f3f6;
    padding: 4.5rem 4rem;
}

.n_hotswiper #hotswiper .swiper-slide a .img_db:after {
    padding-top: 62.502%;
}

.n_hotswiper #hotswiper .swiper-slide a .hottime {
    background: #384c8b;
    width: 6.25rem;
    height: 6.25rem;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: #fff;
    font-family: bahnschrift;
}

.n_hotswiper #hotswiper .swiper-slide a .hottime h6 {
    font-size: 2rem;
    line-height: 3rem;
}

.n_hotswiper #hotswiper .swiper-slide a .hottime p {
    font-size: 1.25rem;
    line-height: 1.5;
}

.n_hotswiper #hotswiper .swiper-slide a h5 {
    color: #000000;
    font-size: 1.5rem;
    line-height: 2.125rem;
    font-weight: bold;
    margin: 1.25rem 0;
}

.n_hotswiper #hotswiper .swiper-slide a .hotcon>p {
    color: #515151;
    font-size: 1rem;
    line-height: 1.75rem;
}


.n_hotswiper .swiper-pagination {
    max-width: 52.5rem;
    right: 0;
    left: auto;
    padding: 0 4rem;
    display: flex;
    align-items: center;
    bottom: 4rem;
}

.n_hotswiper .swiper-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    border: 2px solid #384c8b;
    border-radius: 50%;
    background: transparent;
    opacity: 1;
}

.n_hotswiper .swiper-pagination .swiper-pagination-bullet-active {
    background: #384c8b;
}

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

.n_newcenter .zxlist li a {
    display: block;
    border-radius: .625rem;
    overflow: hidden;
}

.n_newcenter .zxlist li a .img_db:after {
    padding-top: 62.695%;
}

.n_newcenter .zxlist li a .zxcon {
    background: #f2f4f7;
    padding: 3rem 2.25rem 3rem 2rem;
    transition: all .5s;
}

.n_newcenter .zxlist li a .zxcon span {
    font-family: Disney English;
    font-size: 1rem;
    line-height: 1.8125rem;
    color: #384c8b;
    transition: all .5s;
}

.n_newcenter .zxlist li a .zxcon h5 {
    font-size: 1.5rem;
    line-height: 2.3125rem;
    font-weight: bold;
    margin: .625rem 0 1rem;
    transition: all .5s;
}

.n_newcenter .zxlist li a .zxcon p {
    color: #3e3e3e;
    font-size: 1rem;
    line-height: 1.8125rem;
    transition: all .5s;
}

.n_newcenter .zxlist li a:hover .zxcon {
    background: #384c8b;
}

.n_newcenter .zxlist li a:hover .zxcon h5,
.n_newcenter .zxlist li a:hover .zxcon p,
.n_newcenter .zxlist li a:hover .zxcon span {
    color: #fff;
}

/* 精准滴灌 */

.dgtit h6 {
    color: #2a3c73;
    font-size: 1.875rem;
    line-height: 3.4375rem;
    text-transform: uppercase;
    font-family: bahnschrift;
    font-weight: bold;
}

.dgtit h5 {
    color: #2a2a2a;
    font-weight: bold;
    font-size: 2.5rem;
    line-height: 3.4375rem;
    margin: .5rem 0 2.5rem;
}

.dgtit p {
    color: #000000;
    font-size: 1.25rem;
    line-height: 2.5rem;
}

.n_dgtop .dgtit {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.n_dgtop .dgtit p {
    max-width: 66.875rem;
}

.n_dgtop .m {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3rem;
}

.n_dgbot {
    background: url(../images/diguanbotbg.jpg)no-repeat;
    background-size: cover;
    width: 100%;
    position: relative;
}

.n_dgbot .m {
    display: flex;
    align-items: center;
    gap: 8.75rem;
}

.n_dgbot .m .dgtit {
    flex-shrink: 0;
}

.n_dgbot .m .dgtit h5 {
    max-width: 20.625rem;
}

.n_dgbot .m .dgtit p {
    max-width: 37.1875rem;
}

.n_dgbot .third_img_ALL {
    position: relative;
    width: 100%;
    height: 53.125rem;
}

.n_dgbot .third_img_ALL img {
    position: absolute;
}


.n_dgbot .third_img_ALL .quan1 {
    left: 31%;
    top: 31%;
}

.n_dgbot .third_img_ALL .quan1,
.n_dgbot .third_img_ALL .quan3 {
    animation: spins 45s linear infinite;
}

.n_dgbot .third_img_ALL .quan2 {
    animation: spin2 45s linear infinite;
    left: 18%;
    top: 18%;
}

.n_dgbot .third_img_ALL .quan3 {
    left: 0;
    top: 0;
}

@keyframes spin {
    to {
        transform: rotate(1turn);
    }
}

@keyframes spin2 {
    to {
        transform: rotate(-1turn);
    }
}


.n_dgbot .third_img_ALL div {
    position: absolute;
    border-radius: 50%;
    overflow: hidden;
}

.n_dgbot .third_img_ALL div::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgb(56 76 139 / 75%);
    z-index: 2;
}

.n_dgbot .third_img_ALL div p {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 1.75rem;
    line-height: 1.5;
    font-weight: bold;
    z-index: 10;
}

.n_dgbot .third_img_ALL div:nth-child(1) {
    width: 12.1875rem;
    height: 12.1875rem;
    top: 3%;
    left: -3%;
}

.n_dgbot .third_img_ALL div:nth-child(2) {
    width: 11.875rem;
    height: 11.875rem;
    top: 15%;
    left: 35%;
}

.n_dgbot .third_img_ALL div:nth-child(3) {
    width: 13.375rem;
    height: 13.375rem;
    top: 8%;
    left: 73%;
}

.n_dgbot .third_img_ALL div:nth-child(4) {
    width: 11.0625rem;
    height: 11.0625rem;
    top: 47%;
    left: 24%;
}

.n_dgbot .third_img_ALL div:nth-child(5) {
    width: 11.25rem;
    height: 11.25rem;
    top: 42%;
    left: 58.5%;
}

.n_dgbot .third_img_ALL div:nth-child(6) {
    width: 12.1875rem;
    height: 12.1875rem;
    top: 75%;
    left: 0%;
}

.n_dgbot .third_img_ALL div:nth-child(7) {
    width: 12.1875rem;
    height: 12.1875rem;
    top: 73%;
    left: 68%;
}


/* 专委会模式 */

.mode_intro {
    background: url(../images/modetopbg.jpg)no-repeat;
    background-size: cover;
    width: 100%;
    position: relative;
}

.mode_intro .n_modecon {
    display: flex;
    justify-content: space-between;
    gap: 7.5rem;
}

.mode_intro .n_modeleft {
    flex-shrink: 0;
}

.mode_intro .n_modeleft h5 {
    color: #323232;
    font-size: 2.5rem;
    line-height: 3.4375rem;
    font-weight: bold;
}

.mode_intro .n_modeleft h6 {
    font-size: 1.9375rem;
    line-height: 1.5;
    font-weight: bold;
    font-family: bahnschrift;
    color: #2a3c73;
    text-transform: uppercase;
}

.mode_intro .n_modeleft ul {
    display: grid;
    gap: 3.125rem;
    margin-top: 5rem;
}

.mode_intro .n_modeleft ul li {
    display: flex;
    flex-direction: column;
}

.mode_intro .n_modeleft ul li p {
    color: #292929;
    font-size: 1.25rem;
    line-height: 1.5;
}

.mode_intro .n_modeleft ul li div {
    display: flex;
    align-items: flex-start;
    gap: .5rem;

}

.mode_intro .n_modeleft ul li .counter {
    font-family: BarlowCondensed-Bold;
    font-size: 5rem;
    line-height: 1.25;
    color: #2a3c73;
}

.mode_intro .n_modeleft ul li em {
    color: #2a3c73;
    font-size: 2.25rem;
    line-height: 3.4375rem;
}

.mode_intro .ar_article p {
    color: #000000;
    font-size: 1.25rem;
    line-height: 2.5rem;
}

.mode_moshi {
    background: url(../images/zwhbg.jpg)no-repeat;
    background-size: cover;
    width: 100%;
    position: relative;
}

.mode_moshi .dgtit {
    text-align: center;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.mode_moshi .dgtit p {
    max-width: 65.625rem;
}

.mode_moshi .modelist {
    margin-top: 3.125rem;
    padding-right: 2.25rem;
    max-height: 62.1875rem;
    overflow: auto;
}

.mode_moshi .modelist ul {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.5625rem 1.75rem;
}

.mode_moshi .modelist ul li {
    background: url(../images/modelistbg.jpg)no-repeat;
    background-size: cover;
    border-radius: .625rem;
    width: 100%;
    position: relative;
    padding: 2.25rem;
    cursor: pointer;
    z-index: 0;
}

.mode_moshi .modelist ul li::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: .625rem;
    background: url(../images/modelisthover.jpg)no-repeat;
    background-size: cover;
    left: 0;
    top: 0;
    z-index: -1;
    opacity: 0;
}


.mode_moshi .modelist ul li h5 {
    color: #313030;
    font-size: 1.3125rem;
    line-height: 1.75rem;
    height: 3.5rem;
    transition: all .5s;
}

.mode_moshi .modelist ul li p {
    color: #9391a4;
    font-size: .875rem;
    line-height: 1.5rem;
    margin: 1rem 0 1.875rem;
    transition: all .5s;
}

.mode_moshi .modelist ul li div {
    display: flex;
    align-items: center;
    gap: .5rem;
    color: #1e7ef1;
    font-size: .875rem;
    line-height: 1.5rem;
    transition: all .5s;
}

.mode_moshi .modelist ul li div i {
    font-size: 1.25rem;
    color: #358bf2;
}


.mode_moshi .modelist ul li:hover::before {
    opacity: 1;
}

.mode_moshi .modelist ul li:hover h5,
.mode_moshi .modelist ul li:hover p,
.mode_moshi .modelist ul li:hover div,
.mode_moshi .modelist ul li:hover div i {
    color: #fff;
}

.pic {
    width: 100%;
}

.pic h5 {
    color: #000000;
    font-size: 2.125rem;
    line-height: 1.5;
    padding-bottom: 1.75rem;
    border-bottom: 1px solid #dadcdf;
    position: relative;
    width: 100%;
    font-weight: bold;
    margin-bottom: 3.125rem;
}

.pic h5::before {
    content: '';
    position: absolute;
    width: 4.6875rem;
    height: 3px;
    background: #1e7ef1;
    left: 0;
    bottom: -1px;
}

.pic .ar_article h6 {
    color: #000000;
    font-size: 1.75rem;
    line-height: 1.5;
}

.pic .ar_article p {
    color: #414141;
    font-size: 1rem;
    line-height: 2rem;
}

.mode_commit .dgtit {
    text-align: center;
}



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

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


#modesthumbs {
    max-width: 37.5rem;
}

#modesthumbs {
    display: inline-flex;
    align-items: center;
    margin: 0rem auto 3rem;
    gap: 3rem;
}

#modesthumbs::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: 0;
    background: #eceff2;
    left: 0;
}

#modesthumbs .my-slide-thumb-active h6 {
    color: #384c8b;
}

#modesthumbs .my-slide-thumb-active h6::before {
    opacity: 1;
}

#modesthumbs h6 {
    padding-bottom: 1rem;
    color: #212121;
    font-size: 1.375rem;
    line-height: 2.25rem;
    font-weight: bold;
    position: relative;
    cursor: pointer;
    transition: all .5s;
    border-bottom: 2px solid #eceff2;
}

#modesthumbs h6::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    background: #384c8b;
    left: 0;
    bottom: -2px;
    opacity: 0;
    transition: all .5s;
}

.modeswiperbox {
    position: relative;
}

.modeswiperbox #modesgallery {
    overflow: visible;
}

.modeswiperbox #modesgallery {
    margin: 0 auto;
    width: 77.5rem;
}



.modeswiperbox .modejsbox {
    width: 38.4375rem;
    height: 25rem;
    position: absolute;
    background: rgb(56 76 139 / 90%);
    left: 4.375rem;
    bottom: -6.875rem;
    opacity: 0;
    transition: all .5s;
    padding: 4.5rem 3rem;
}

.modeswiperbox .modejsbox img {
    width: 3rem;
}

.modeswiperbox .modejsbox i {
    color: #fff;
    font-size: 2.875rem;
}

.modeswiperbox .modejsbox h5 {
    color: #fff;
    font-size: 1.875rem;
    line-height: 2.25rem;
    font-weight: bold;
    margin: 1.375rem 0 1.875rem;
}

.modeswiperbox .modejsbox p {
    color: #fff;
    font-size: 1.125rem;
    line-height: 2.125rem;
}

.modeswiperbox #modesgallery .swiper-slide-active .modejsbox {
    opacity: 1;
}


.modeswiperbox .swiper-button-white {
    width: 3.75rem;
    height: 3.75rem;
    border-radius: 50%;
    border: 1px solid #cdcfd1;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: 0;
    top: auto;
    right: 0;
    transition: all .5s;
}

.modeswiperbox .swiper-button-white i {
    color: #000000;
    font-size: 1.25rem;
}

.modeswiperbox .prevmode i {
    transform: rotate(180deg)
}

.modeswiperbox .prevmode {
    right: 6%;
    left: auto;
}

.modeswiperbox .swiper-button-white:hover {
    background: #384c8b;
    border: 1px solid #384c8b;
}

.modeswiperbox .swiper-button-white:hover i {
    color: #fff;
}


/* 关于我们 */

.n_about {
    background: url(../images/guanyubg1.jpg)no-repeat;
    background-size: cover;
    width: 100%;
    position: relative;
}

.n_about .about_top {
    display: flex;
    align-items: flex-start;
    gap: 7.5rem;
    margin-bottom: 2rem;
}

.n_about .about_left {
    flex-shrink: 0;
}

.n_about .about_left h6 {
    color: #000000;
    font-size: 1.125rem;
    line-height: 1.5;
    text-transform: uppercase;
}

.n_about .about_left h5 {
    color: #292929;
    font-size: 2.8125rem;
    line-height: 3.4375rem;
    font-weight: bold;
}

.n_about .about_left i {
    display: block;
    height: 4px;
    width: 1.375rem;
    background: #384c8b;
    margin-top: 3rem;
}

.n_about .ar_article p {
    color: #000000;
    font-size: 1.25rem;
    line-height: 2.5rem;
}


.n_history {
    background: url(../images/historybg.jpg) no-repeat center bottom;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
    overflow: hidden;
    height: auto;
    z-index: 0;
}

.n_history .dgtit ,
.n_honor .dgtit ,
.n_elegant .dgtit {
    text-align: center;
    position: relative;
    z-index: 5;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.n_history .dgtit h6,
.n_history .dgtit h5 {
    color: #fff;
}

.n_history::after {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    display: block;
    content: '';
    background-image: linear-gradient(to top, rgba(24, 90, 178, 0.8), transparent);
}

.clound {
    width: 100%;
    height: 590px;
    z-index: -1;
    position: absolute;
    left: 0;
    bottom: 0;
    background: url(../images/cloundy.png) repeat-x left center;
    -webkit-animation: animate-cloud 30s linear infinite;
    animation: animate-cloud 30s linear infinite;
}

@-webkit-keyframes animate-cloud {
    from {
        background-position: 1920px 100%;
    }

    to {
        background-position: 0 100%;
    }
}

@keyframes animate-cloud {
    from {
        background-position: 1920px 100%;
    }

    to {
        background-position: 0 100%;
    }
}

.n_history .historybox {
    position: relative;
    padding: 0 6.25rem;
}

.n_history .historybox::before {
    content: '';
    position: absolute;
    width: 150vw;
    height: 1px;
    background: rgb(255 255 255 / 55%);
    left: -160px;
    top: 50%;
    transform: translate(0, -50%);
    z-index: 10;
}

#n_licheng h5 {
    color: #fff;
    font-size: 3rem;
    line-height: 1.5;
    font-family: BarlowCondensed-Medium;
}

#n_licheng p {
    font-size: 1.25rem;
    line-height: 2.5rem;
    color: #fff;
}

#n_licheng .swiper-slide div {
    padding-left: 1.75rem;
    position: relative;
    min-height: 15.375rem;
}
#n_licheng .swiper-slide:nth-child(even) div {
    margin-top: .5rem;
}
#n_licheng .swiper-slide:nth-child(odd) div {
    margin-top: 15.5rem;
    padding-top: 1.5rem;
}

#n_licheng .swiper-slide div::before {
    content: '';
    position: absolute;
    background: url(../images/dian.png)no-repeat;
    background-size: cover;
    width: 19px;
    height: 19px;
    border-radius: 50%;
    bottom: -6px;
    left: 0;
}

#n_licheng .swiper-slide:nth-child(odd) div::before {
    top: -6px;
}

#n_licheng .swiper-slide:nth-child(odd) div::after {
    top: 3px;
}

#n_licheng .swiper-slide div::after {
    content: '';
    position: absolute;
    width: 1px;
    height: 100%;
    background: rgb(255 255 255 / 55%);
    bottom: 3px;
    left: 9px;
}

.historybox .swiper-button-white {
    width: 4.0625rem;
    height: 4.0625rem;
    border-radius: 50%;
    background: #384c8b;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translate(0,-50%);
    margin-top: 0;
}

.historybox .swiper-button-white  i {
    color: #fff;
    font-size: 1.375rem;
}

.historybox .prevlc i ,
.n_honor .honorbox .prevry i {
    transform: rotate(180deg)
}


.n_honor {
    background: url(../images/n_honorbg.jpg)no-repeat;
    background-size: cover;
    width: 100%;
    position: relative;
}

.n_honor .dgtit p {
    max-width: 87.5rem;
    
}

.n_honor .honorbox {
    position: relative;
    margin-top: 2.5rem;
}

.n_history .licheng_slide_wap {
    display: none;
    position: relative;
    z-index: 10;
}

.licheng_slide_wap ul li {
    position: relative;
    transition: .7s;
    -webkit-transition: .7s;
    -moz-transition: .7s;
    -ms-transition: .7s;
    -o-transition: .7s;
}

.licheng_slide_wap ul li .txt {
    padding-left: 2.75rem;
    position: relative;
    padding-top: 0.5rem;
}

.licheng_slide_wap ul li .txt:before {
    content: "";
    display: block;
    width: 19px;
    height: 19px;
    position: absolute;
    z-index: 99;
    left: 0;
    top: 1rem;
    background: url(../images/dian.png)no-repeat;
    background-size: cover;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    box-sizing: border-box;
}
.licheng_slide_wap ul li .txt:after {
    content: "";
    display: block;
    width: 1px;
    height: 99%;
    position: absolute;
    left: 0;
    top: 1.5rem;
    background: #fff;
    left: 9px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    transition: all .8s;
}
.licheng_slide_wap ul li .txt .year {
    font-family: BarlowCondensed-Medium;
    font-size: 2rem;
    line-height: 2.75rem;
    color: #fff;
}

.licheng_slide_wap ul li .txt .con {
    padding-bottom: 2rem;
    padding-top: 0.5rem;
    color: #fff;
    font-size: 1rem;
    line-height: 1.75rem;
}

.n_honor #honorswiper .swiper-slide {
    display: grid;
    gap: 15px;
    grid-template-columns: repeat(4,1fr);
    align-items: center;
}

.n_honor #honorswiper .swiper-slide div:first-child {
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 3;
}
.n_honor #honorswiper .swiper-slide div:first-child a {
    position: relative;
    height: 100%;
    background: url(../images/honor1bg.jpg)no-repeat;
    background-size: cover;
    border-radius: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10rem 10rem 6.25rem;
    height: 100%;

}

.n_honor #honorswiper .swiper-slide div:first-child a img {
    max-height: 19rem;
}

.n_honor #honorswiper .swiper-slide div:not(:first-child) a {
    background: url(../images/honor2bg.jpg)no-repeat;
    background-size: cover;
    border-radius: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2.8125rem 3.75rem 4.375rem;
    height: 100%;
}

.n_honor #honorswiper .swiper-slide div:first-child ,
.n_honor #honorswiper .swiper-slide div:not(:first-child) {
    position: relative;
    height: 100%;
}


.n_honor #honorswiper .swiper-slide div:first-child p ,
.n_honor #honorswiper .swiper-slide div:not(:first-child) p {
    position: absolute;
    text-align: center;
    color: #ffffff;
    font-size: 1.375rem;
    line-height: 1.5;
    font-weight: bold;
    left: 50%;
    transform: translate(-50%,0);
    bottom: 2rem;
    width: 100%;
    padding: 0 2rem;
}

.n_honor #honorswiper .swiper-slide div:not(:first-child) a img {
    max-height: 10rem;
    object-fit: contain;
}

.n_honor #honorswiper .swiper-slide div:not(:first-child)  p {
    font-size: 1.125rem;
    bottom: 1.5rem;
}

.n_honor .honorbox .swiper-button-white {
    border: 1px solid #aeb5ba;
    border-radius: 50%;
    width: 4.375rem;
    height: 4.375rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .5s;
}

.n_honor .honorbox .swiper-button-white i {
    color: #000000;
    font-size: 1.375rem;
}

.n_honor .honorbox .swiper-button-white:hover {
    background: #384c8b;
    border: 1px solid #384c8b;
}

.n_honor .honorbox .swiper-button-white:hover i {
    color: #fff;
}

.n_honor .honorbox .nextry {
    left: auto;
    right: -6.25rem;
}

.n_honor .honorbox  .prevry {
    right: auto;
    left: -6.25rem;
}

.n_elegant {
    position: relative;
}

.elegant {
    position: relative;
}

#eleswiper .swiper-slide {
    width: auto;
    position: relative;
    overflow: hidden;
    border-radius: 1rem;
}

#eleswiper .swiper-slide .img {
    width: 100%;
    height: 25.875rem;
}

#eleswiper .syp {
    position: absolute;
    left: 0;
    bottom: 0;
    color: #fff;
    font-size: 1.25rem;
    width: 100%;
    text-align: center;
    padding: 4rem 2.125rem 1.75rem;
    background: -webkit-linear-gradient(270deg, transparent 0%, rgba(0, 0, 0, .8) 100%);
}


.elegant .swiper-scrollbar {
    left: 50% !important;
    transform: translate(-50%, 0);
    height: 1px !important;
    background: #e0e0e4;
    max-width: 1600px;
}

.elegant .swiper-scrollbar-drag {
    background: #384c8b !important;
    height: 5px !important;
    border-radius: 0;
    position: absolute;
    border-radius: 3px;
    top: -2px;
}

.n_elegant>a ,
.n_honor>a ,
.n_history>a ,
.n_about>a {
    position: absolute;
    top: -5rem;
}

/* 搜索结果 */

.ss_result h4 {
    color: #000000;
    font-size: 2rem;
    line-height: 2.5rem;
    font-weight: bold;
    margin-bottom: 3.125rem;
}

.ss_result  ul {
    display: grid;
    gap: 2.5rem;
}

.ss_result  ul li a {
    padding-bottom: 2.5rem;
    border-bottom: 1px solid #eaeaea;
    display: block;
}

.ss_result  ul li a span {
    color: #384c8b;
    font-size: 1rem;
    font-family: Disney English;
    line-height: 1.8125rem;
}

.ss_result  ul li a h5 {
    color: #202020;
    font-size: 1.5rem;
    line-height: 2.3125rem;
    font-weight: bold;
    margin: .5rem 0 1rem;
}

.ss_result  ul li a p {
    color: #3e3e3e;
    font-size: 1rem;
    line-height: 1.8125rem;

}

.ss_result  ul li a div {
    display: flex;
    align-items: center;
    gap: .25rem;
    margin-top: 1.75rem;
}

.ss_result  ul li a div i {
    color: #272636;
    font-size: 1.125rem;
}