@font-face {
    font-family: 'Mont-reg';
    src: url(../fonts/MontserratAlternates-Regular.ttf);
}

.font-A {
    font-family: Arial!important;
}
/**/
.content .w-100 img,.newsContent .w-100 img{
    width: 100%!important;
}
/*color*/
.color-on {
    color: #403c93 ;
}

.color-0a {
    color: #0a4194;
}
.color-3 {
    color: #333;
}
.color-6 {
    color: #666;
}

.color-64 {
    color: #64637c;
}

.color-65 {
    color: #657389;
}

.color-8 {
    color: #888;
}

.color-9 {
    color: #999;
}

.color-0-op2 {
    color: rgb(0 0 0 / 20%);
}

.color-3-op4 {
    color: rgb(51 51 51 / 40%);
    font-size: 20px;
}
/**/
.hg-40{
    height: 40vh;
}
/*z-index*/
.zindex-3 {
    z-index: 3;
}

/*padding & margin*/
.py-70 {
    padding: 70px 0;
}

.p-40 {
    padding: 40px;
}

.my-70 {
    margin: 4.122vw 0;
}

.mt-80 {
    margin-top: 80px;
}

.my-45 {
    margin-top: 45px;
    margin-bottom: 45px;
}

.mb-15 {
    margin-bottom: 15px;
}
.mb--1{
    margin-bottom: 1vw;
}
.mr--20 {
    margin-right: -20px;
}

.ml--20 {
    margin-left: -20px;
}

/*border*/
.border-r {
    border-right: 1px solid rgb(0 0 0 / 5%);
}

.border-r-2 {
    border-right: 1px solid #ededff;
}

/*background*/
.bg-a {
    background: url(../images/bg-team.png) center top repeat-X #fff;
}

.bg-2 {
    background: url(../images/bg-2.jpg) center top no-repeat #f0efff;
}

.bg-3 {
    background: url(../images/bg-3.jpg) center top no-repeat #edf6ff;
}

.bg-4 {
    background: url(../images/bg-5.png) center bottom no-repeat;
}

.bg-x-05 {
    background: rgb(64 60 147 / 3%);
}

.bg-wp {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    background: url(../images/bg-4.png) center top no-repeat;
}

.bg-wp:before {
    content: '';
    position: absolute;
    display: inline-block;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: url(../images/bg-4-left.png) left top repeat-X;
}

.bg-wp:after {
    content: '';
    position: absolute;
    display: inline-block;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100%;
    background: url(../images/bg-4-right.png) right top repeat-X;
}

/**/
.bgan {
    color: #403c93!important;
    background-color: transparent;
    border-color: #403c93;
    border-radius: 30px;
}

.bgan:hover {
    color: #fff!important;
    background: #403c93;
    border-color: #403c93;
}

.bgan:not(:disabled):not(.disabled).active, .bgan:not(:disabled):not(.disabled):active, .show>..bgan.dropdown-toggle {
    color: #fff!important;
    background: #403c93;
    border-color: #403c93;
}

.bgan:not(:disabled):not(.disabled).active:focus, .bgan:not(:disabled):not(.disabled):active:focus, .show>.bgan.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgb(60 67 147 / 40%);
}

/**/
.bgan-1 {
    color: #fff!important;
    background-color: #403c93;
    border-color: #403c93;
}

.bgan-1:hover {
    color: #fff;
    background: rgb(110 197 206 / 100%);
    border-color: rgb(110 197 206 / 100%);
}

.bgan-1:not(:disabled):not(.disabled).active, .bgan-1:not(:disabled):not(.disabled):active, .show>..bgan-1.dropdown-toggle {
    color: #fff;
    background: rgb(110 197 206 / 100%);
    border-color: rgb(110 197 206 / 100%);
}

.bgan-1:not(:disabled):not(.disabled).active:focus, .bgan-1:not(:disabled):not(.disabled):active:focus, .show>.bgan-1.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgb(110 197 206 / 40%);
}
/**/
.bgan-2 {
    color: #403c93;
    background-color: transparent;
    border-color: #403c93;
}

.bgan-2:hover {
    color: #fff;
    background: rgb(60 67 147 / 90%);
    border-color: rgb(60 67 147 / 100%);
}

.bgan-2:not(:disabled):not(.disabled).active, .bgan-2:not(:disabled):not(.disabled):active, .show>..bgan-2.dropdown-toggle {
    color: #fff;
    background: rgb(60 67 147 / 90%);
    border-color: rgb(60 67 147 / 100%);
}

.bgan-2:not(:disabled):not(.disabled).active:focus, .bgan-2:not(:disabled):not(.disabled):active:focus, .show>.bgan-2.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgb(60 67 147 / 40%);
}
/**/
.title-box .wp {
    content: '';
    position: absolute;
    display: inline-block;
    width: 96px;
    height: 121px;
    top: -18px;
    left: -28px;
    z-index: 1;
    background: url(../images/bg-tle.png) center center no-repeat;
}

/**/
.anli-box .title-box h3 {
    color: #fff;
}

.anli-box .title-box h6 {
    color: rgb(255 255 255 / 70%);
}

.anli-box .title-box:after {
    background: #abfe00;
}

/*nav*/
/*.modal-open .fixed-top{*/
/*    padding-right: 0!important;*/
/*}*/
.navbar-brand {
    margin: 13px 0 15px 0;
    padding: 0;
}

.navbar {
    padding: 0;
}

.navBox {
    background-color: rgb(255 255 255 / 90%);
    padding: 0 2vw;
}

.navBox.on {
    background-color: rgb(255 255 255 / 100%);
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
}

.navbar-nav li.nav-item {
    margin: 0 1.85vw;
}

.navbar-expand-lg .navbar-nav li a.nav-link {
    position: relative;
    padding: 0;
    color: #333;
    font-size: 18px;
    height: 85px;
    display: flex;
    -ms-flex-align: center!important;
    align-items: center!important;
}
.logo{
    width: 214px;
}
/*.navbar-nav li a.nav-link:after{*/
/*    content: '';*/
/*    position: absolute;*/
/*    display: inline-block;*/
/*    width: 0;*/
/*    height: 4px;*/
/*    top: 0;*/
/*    left: 50%;*/
/*    transform: translateX(-50%);*/
/*    background: #403c93;*/
/*    transition: all .3s ease-out;*/
/*}*/
.navbar-nav li:hover a.nav-link {
    color: #403c93;
}

.navbar-nav li a.nav-link:hover:after {
    width: 100%;
}

.navbar-nav li.active a.nav-link {
    color: #403c93;
}

.navbar-nav li.active a.nav-link:after {
    width: 100%;
}

.cd-sub {
    /*border-top-left-radius: 10px;*/
    /*border-top-right-radius: 10px;*/
    position: absolute;
    width: 130px;
    top: 110%;
    left: 50%;
    margin: 0;
    padding: 2px 4px;
    background-color: #403c93;
    z-index: 210;
    visibility: hidden;
    opacity: 0;
    box-shadow: 0 6px 12px rgb(64 60 147 / 10%);
    transform: translate(-50%, 0);
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    text-align: center;
}
.lang{
    display: -ms-flexbox!important;
    display: flex!important;
}
.langBox .cd-sub {
    width: 100%;
}

.cd-sub .bi {
    color: #403c93;
    position: absolute;
    font-size: 16px;
    width: 100%;
    top: -13px;
    left: 0;
    text-align: center;
}

.langBox .cd-sub .bi {
    top: -12px;
}

.sub-item {
    display: block;
    border-radius: 2px;
    padding: .4rem;
    margin: .2rem 0;
    color: #fff;
    font-size: 15px;
    white-space: nowrap;
}

a.sub-item:hover {
    background: #fff;
    color: #294a7f;
}

.nav-item:hover .cd-sub {
    top: 140% ;
    opacity: 1;
    visibility: visible;
}

.langBox:hover .cd-sub {
    top: 130% ;
    opacity: 1;
    visibility: visible;
}

a.sub-item:hover {
    background: #fff;
    color: #403c93;
}

.nav-item:hover .cd-sub {
    top: 100% ;
    opacity: 1;
    visibility: visible;
}

.langBox {
    border: 1px solid #666666;
    border-radius: 30px;
    padding: 0 16px;
    color: #666;
    font-family: Arial;
    font-size: 15px;
    margin-left: 3vw;
    cursor: pointer;
    display: -ms-flexbox!important;
    display: flex!important;
}

.langBox:hover {
    border: 1px solid #403c93;
    background: #403c93;
    color: #FFF;
}

.langBox .color-on {
    color: #6ec5ce!important;
}

.langBox:hover .color-on {
    color: #6ec5ce!important;
}

.seafont {
    cursor: pointer;
    color: #666;
}

.seafont:hover {
    color: #403c93;
}

#topNavBox .navbar-toggler {
    padding: .5rem;
    line-height: 1;
    min-width: 42px!important;
    background-color: transparent;
    color: #403c93;
    border: 1px solid #403c93;
    border-radius: .25rem;
}

#navbarNav .cd-toggle {
    position: absolute;
    height: 55px;
    padding: 0;
    line-height: 55px;
    right: 0;
    top: 0;
}

#topNavBox .bi-list:before {
    content: "\f62a";
}

.open .bi-plus:before {
    content: "\f2ea";
}

#topNavBox .collapsed .bi-list:before {
    content: "\f479";
}
@media (max-width: 1440px) {
    #topNavBox {
        width: 100%;
    }
}

@media (max-width: 1200px) {
    .navbar-expand-lg .navbar-nav li a.nav-link {
        font-size: 16px;
    }
}

@media (max-width: 992px) {
    .navbar-expand-lg .navbar-nav li a.nav-link {
        font-size: 14px;
    }
}

/**/
.hg-down {
    position: absolute;
    display: inline-block;
    width: 24px;
    height: 42px;
    bottom: 30px;
    left: 50%;
    margin-left: -12px;
    z-index: 1008;
}

.hg-down span {
    display: inline-block;
    width: 24px;
    height: 42px;
    border: 1px solid #6ec5ce;
    border-radius: 30px;
}

.hg-down span:after {
    content: '';
    position: absolute;
    display: inline-block;
    width: 2px;
    height: 9px;
    left: 50%;
    top: 6px;
    margin-left: -1px;
    background-color: #6ec5ce;
    animation: arrow 3s infinite;
}

@keyframes arrow {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(18px);
    }

    100% {
        transform: translateY(0px);
    }
}

@-webkit-keyframes arrow {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(18px);
    }

    100% {
        transform: translateY(0px);
    }
}

.banner-swp .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    border-radius: 100%;
    background: transparent;
    border: 1px solid rgb(255 255 255 / 100%);
}

.banner-swp .swiper-pagination-bullet {
    opacity: 1;
}

.banner-swp .swiper-pagination-bullet-active {
    background: #029c5c;
    border: 1px solid #029c5c;
}

.banner-swp .swiper-pagination-horizontal {
    bottom: 30px;
    line-height: 24px;
}

.jt-b-prev::after, .jt-b-next::after {
    content: ''!important;
}

.jt-b-prev, .jt-b-next {
    background: transparent;
    height: 48px!important;
    width: 48px!important;
    border: 1px solid #6ec5ce;
    border-radius: 100%;
    opacity: 0.8;
    transition: all ease .3s;
}

.jt-b-prev span, .jt-b-next span {
    color: #6ec5ce;
}

.jt-b-prev::after, .jt-b-next::after {
    content: ''!important;
}

.jt-b-prev:hover, .jt-b-next:hover {
    background: #6ec5ce;
    opacity: 1;
}

.jt-b-prev:hover span, .jt-b-next:hover span {
    color: #fff!important;
}

.pro-prev {
    left: -50px;
}

.pro-next {
    right: -50px;
}

.pt-120 {
    padding: 120px 0;
}
.swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {
    position: absolute;
    left: 1%;
    bottom: 80px;
    z-index: 50;
    height: 5px;
    width: 98%;
}
.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgb(60 64 147 / 80%);
    border-radius: 10px;
    left: 0;
    top: 0;
}
/*about*/
#particles-js {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: transparent;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    opacity: 0.6;
}

.a-a {
    position: relative;
    z-index: 5;
}

.about-txt i {
    display: block;
}

.shuzi {
    min-width: 290px;
}

.shuzi h1 {
    display: inline-block;
    font-size: 52px;
    font-weight: bold;
}

.shuzi h1 span {
    position: absolute;
    font-size: 17px;
    top: 2px;
    right: -20px;
}

.wenhua {
    position: relative;
    width: 354px;
    height: 354px;
    border-radius: 100%;
    background: #fff;
    box-shadow: 0 0 20px rgb(60 64 147 / 5%);
}
.wenhua p i{
    display: inline;
    font-size: 0;
    width: 0;
}
.wh-ico {
    height: 81px;
    margin-bottom: 32px;
}

.about-B,.jz-B {
    overflow: hidden;
    border-radius: 8px;
    box-shadow: 0 0 20px rgb(60 64 147 / 5%);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.jz-B{
    box-shadow: 0 0 20px rgb(60 64 147 / 1%);
}
.about-B ul li,.jz-B ul li{
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
    border-right: 1px solid rgba(255,255,255,0.5);
    width: 33.33333%;
    min-height: 500px;
    color: #fff!important;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.jz-B ul li{
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: start;
    align-items: start;
    border-right: 1px solid #f1f1f1;
}
.about-B ul li:last-child,.jz-B ul li:last-child {
    border-right: 0;
}

.about-B ul li:hover{
    background: rgb(0 35 168 / 16%);
}
.jz-B ul li:hover {
    background: rgb(60 64 147 / 3%);
}
.md-box {
    border: 5px solid #f6f6f6;
    /*box-shadow: 0 0 20px rgb(60 64 147 / 5%);*/
}

/*team*/
.grayPage {
    position: absolute;
    top: 50%;
    width: 100%;
    left: 0;
    transform: translateY(-50%);
    z-index: 1;
}

.parallax>use {
    animation: move-forever 20s linear infinite;
    opacity: 0.8;
}

.parallax>use:nth-child(1) {
    animation-delay: -2s;
}

.parallax>use:nth-child(2) {
    animation-delay: -2s;
    animation-duration: 8s;
}

.parallax>use:nth-child(3) {
    animation-delay: -4s;
    animation-duration: 9s;
}

.parallax>use:nth-child(4) {
    animation-delay: -6s;
    animation-duration: 13s;
}

.parallax>use:nth-child(5) {
    animation-delay: 0;
    animation-duration: 9s;
}

.parallax>use:nth-child(6) {
    animation-delay: -6s;
    animation-duration: 11s;
}

@keyframes move-forever {
    0% {
        transform: translate(-90px,0%);
    }

    100% {
        transform: translate(85px,0%);
    }
}

.myTeam {
    overflow: visible;
}

.team-li {
    position: relative;
    background: url(../images/team-li-bg.png) right bottom no-repeat #fff;
    border-radius: 8px;
    box-shadow: 0 0 20px rgb(60 64 147 / 5%);
}

.myTeam .swiper-slide:hover .team-li {
    box-shadow: 0 0 20px rgb(60 64 147 / 15%);
}

.team-li.show {
    box-shadow: 0 0 20px rgb(60 64 147 / 15%);
}

.team-li article {
    position: absolute;
    display: inline-block;
    top: 86px;
    left: 0;
    width: 100%;
    height: 45px;
    word-break: break-all;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.team-li.show article {
    height: 388px;
    word-break: break-all;
    text-overflow: inherit;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: inherit;
    overflow: visible;
    overflow-y: auto;
}

.team-li.show article p {
    margin-bottom: 10px;
}

.team-li article::-webkit-scrollbar {
    width: 3px;
    height: 1px;
}

.team-li article::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background: #6ec5ce;
}

.team-li article::-webkit-scrollbar-track {
    border-radius: 3px;
    background: #eee;
}

.rw-img {
    margin-top: 80px;
    margin-bottom: 60px;
}

.rw-img:after {
    content: '';
    position: absolute;
    display: inline-block;
    width: 230px;
    height: 230px;
    top: 50%;
    left: 50%;
    margin-top: -115px;
    margin-left: -115px;
    background: url(../images/team-yq.png) center center no-repeat;
    -webkit-animation: "infiniteRotate" 4s infinite cubic-bezier(0.4, 0, 0, 1);
    animation: "infiniteRotate" 4s infinite cubic-bezier(0.4, 0, 0, 1)
}

.team-li.show .rw-img {
    transform: scale(0,0);
    opacity: 0;
    -webkit-transition: all .3s cubic-bezier(0.4, 0, 0, 1);
    transition: all .3s cubic-bezier(0.4, 0, 0, 1);
    transition-delay: 0s;
}

.team-li .rw-img {
    padding: 70px 0;
    transform: scale(1,1);
    opacity: 1;
    -webkit-transition: all .3s cubic-bezier(0, 0, 0.92, 1);
    transition: all .3s cubic-bezier(0, 0, 0.92, 1);
    transition-delay: .2s;
}

.tm-more {
    position: absolute;
    display: inline-block;
    width: 59px;
    height: 59px;
    bottom: 30px;
    right: 37px;
    text-align: center;
    line-height: 59px;
    border-radius: 100%;
    background: #403c93;
    color: #fff;
    cursor: pointer;
}

.tm-more.active {
    background: #6ec5ce;
    box-shadow: 0 0 20px rgb(110 197 206 / 50%);
}

.tm-more.active .bi-arrow-down-right::before {
    content: "\f144";
}

/*.tm-more .bi-arrow-right::before {*/
/*    transform: rotate(-45deg);*/
/*}*/
.tm-more:hover {
    background: #6ec5ce;
}

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

    40% {
        transform: rotate(360deg)
    }

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

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

    40% {
        transform: rotate(360deg)
    }

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

/*sohu*/
.sh-title:after {
    content: '';
    position: absolute;
    display: inline-block;
    width: 100%;
    height: 1px;
    background: #403c93;
    left: 0;
    bottom: 0;
}

.sh-title.t2:after {
    background: #0a4194!important;
}

.sh-wp {
    position: relative;
    margin-top: 215px;
    margin-bottom: 20px;
    border-radius: 8px;
}

.sh-wp:before {
    content: '';
    position: absolute;
    display: inline-block;
    width: 248px;
    height: 245px;
    left: 50%;
    top: -160px;
    z-index: 88;
    margin-left: -147px;
    background: url(../images/sh-cfz.png) center center no-repeat;
    -webkit-animation: "shDowm" 4s infinite cubic-bezier(0.4, 0, 0, 1);
    animation: "shDowm" 4s infinite cubic-bezier(0.4, 0, 0, 1)
}

@keyframes shDowm {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(30px);
    }

    100% {
        transform: translateY(0px);
    }
}

@-webkit-keyframes shDowm {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(18px);
    }

    100% {
        transform: translateY(0px);
    }
}

.sh-shuzi {
    position: absolute;
    font-size: 36px;
    color: #f1f1ff;
    font-weight: bolder;
    left: 22px;
    top: 22px;
}

.sh-item {
    height: 260px;
}

/**/
.adBox {
    position: absolute;
    display: inline-block;
    z-index: 99;
    left: 15px;
    width: 120%;
    min-width: 572px;
    max-width: 666px;
}

.ad-item {
    background: #fff;
    border-radius: 8px;
    padding: 50px 60px;
}
.ad-item i{
    display: block;
}
.ad-1 {
    background: url(../images/ad-1.png) right top no-repeat #fff;
}

.ad-2 {
    background: url(../images/ad-2.png) right top no-repeat #fff;
}

/*news*/
a.newsItem {
    border: 1px solid #f0f7ff;
    border-radius: 4px;
    padding: 49px 29px 30px 29px;
}

a.newsItem:before {
    content: '';
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: rgb(255 255 255 / 100%);
}

a.newsItem:hover {
    box-shadow: 0 0 20px rgb(60 64 147 / 10%);
}

a.newsItem:hover:before {
    background: rgb(10 65 148 / 80%);
}

.news-ico {
    position: absolute;
    display: inline-block;
    width: auto;
    height: auto;
    z-index: 1;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

a.newsItem:hover .news-ico {
    opacity: 1;
    visibility: visible;
}

a.newsItem:hover .news-text > * {
    color: #fff!important;
}

a.newsItem:hover .news-text > .text-right .color-on {
    color: #fff!important;
}

/*footer*/
.footer {
    background-color: #1c202b;
    padding-top: 50px;
}

.color-50 {
    color: rgb(255 255 255 / 50%);
}

.color-50 a {
    color: rgb(255 255 255 / 70%);
}

.color-50 a:hover {
    color: rgb(255 255 255 / 100%);
}

.color-e {
    color: #acacac;
}

.color-e a {
    color: #acacac;
}

.color-e a:hover {
    color: #fff;
}

.border-t-footer {
    border-top: 1px solid #272b36;
}

/*news*/
.img-scale img {
    transform: scale(1,1);
}

.img-scale:hover img {
    transform: scale(1.1,1.1);
}

.n-text {
    position: absolute;
    padding: 20px 30px;
    width: 100%;
    bottom: 0;
    color: #fff;
    background-image: linear-gradient(to bottom, rgb(2 156 92 / 0%) 0%, rgb(2 156 92) 100%);
}

.news-icd li {
    background: #fff;
    padding: 1.458vw 1.5vw;
}

.news-icd li a p,.news-icd li .bi-aw {
    color: #999;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.news-icd li:last-child {
    margin-bottom: 0!important;
}

.news-icd li:hover {
    box-shadow: 0 0 0.78vw rgb(0 0 0 / 10%);
}

.news-icd li:hover a p {
    color: #666;
}

.news-icd li:hover .bi-aw {
    color: #029c5c;
    transform: translateX(16px);
}

.news-list {
}

/*incenter*/
.object-fit-cover {
    object-fit: cover;
    width: 100%;
}

.hg-ban, .hg-ban2, .hg-ban3 {
    height: 32.23vw;
    position: relative;
}

.hg-txt {
    position: absolute;
    display: inline-block;
    text-align: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%,0%);
}

.hg-txt h1 {
    color: #fff;
    font-weight: bold;
    /*text-shadow: 0 1px 3px rgb(0 0 0 / 50%);*/
}

.hg-txt h3 {
    color: #fff;
    /*text-shadow: 0 1px 3px rgb(0 0 0 / 50%);*/
    text-transform: uppercase;
}

.wp-box {
    position: relative;
    margin: auto;
    height: 100%;
    z-index: 2;
}

.wp-main {
    background: #FFFFFF;
    /*box-shadow: 0 0 0.78vw rgb(0 0 0 / 20%);*/
    /*margin: -5vw 0 0;*/
    border-radius: 0.78vw;
}

.shadow-x {
    box-shadow: 0 0 32px rgb(60 64 147 / 5%);
}

.font-x {
    padding: 1vw 5vw;
    margin-top: 1vw;
}

.font-g {
    position: relative;
}

.font-g h1 {
    position: absolute;
    left: -4px;
    top: -72px;
    font-family: 'Mont-reg';
    font-size: 120px;
    font-weight: 500;
    line-height: 0.8;
    letter-spacing: 0px;
    color: #403c93;
    opacity: 0.05;
    z-index: 1;
}

.font-g h3 {
    display: inline-block;
    padding: 8px 0;
    position: relative;
    font-size: 40px;
    font-weight: bold;
    background: #fff;
    z-index: 10;
}

.soc-x {
    padding: 4vw;
    height: 100%;
    background: rgb(64 60 147 / 3%);
}
.jz-B .soc-x{
    width: 100%;
    margin-top: 2vw;
    padding: 2.85vw;
    background: transparent;
}

.soc-x h1 {
    font-family: 'Mont-reg';
    font-size: 72px;
    font-weight: 500;
    line-height: 0.8;
    letter-spacing: 0px;
    color: #403c93;
    opacity: 0.04;
    margin-bottom: 0;
}
.jz-B .soc-x h1{
    text-align: center;
    font-size: 48px;
    opacity: 1;
    margin-bottom: 3vw;
}
.soc-x h3 {
    margin-top: -18px;
    margin-bottom: 15px;
    font-size: 26px;
    font-weight: bold;
}
.jz-B .soc-x p{
    text-align: center;
    font-size: 20px;
}
.zs-x{
    display: flex;
    /*-ms-flex-pack: start;*/
    /*justify-content: start;*/
    /*-ms-flex-align: start;*/
    /*align-items: start;*/
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 2vw;
}
.zs-x li{
    font-size: 20px;
    margin: 0.8vw 0;
    padding-bottom: 0.3vw;
    border-bottom: 2px solid #ededed;
}
.cy-x {
}

.cy-li {
    padding: 1.5vw 0;
    border-bottom: 1px solid #f1f1f1;
}

.cy-li h3 {
    font-size: 24px;
    font-weight: bold;
    color: #403c93;
}

.comp-x {
    padding: 1vw 3vw;
}

.g-joinJr-box {
    display: flex;
    justify-content: space-between;
    height: 30vw;
    margin-bottom: 2px;
}

.g-joinJr-con {
    width: calc(50% - 1px);
    position: relative;
    margin-right: 2px;
}

.g-joinJr-con:last-child {
    margin-right: 0;
}

.g-joinJr-img {
    width: 100%;
    height: 100%;
}

.g-joinJr-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.g-join-txt {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.g-join-txt h3 {
    font-size: 1.75vw;
    font-weight: bold;
    color: #fff;
    margin-bottom: 0;
}
.g-joinJr-con:hover .g-join-txt {
    background: rgba(0,0,0,0.2);
}
.g-joinJr-box * {
    transition: all 0.3s;
}
.txt-h1-x{
    position: relative;
    margin-top: 5vw;
    margin-bottom: 3vw;
    /*display: inline-block;*/
    font-weight: bold;
    font-size: 30px;
    color: #403c93;
    text-align: left!important;
}
.txt-h1-x:after{
    content: '';
    display: inline-block;
    position: absolute;
    height: 2px;
    left: 180px;
    top: 50%;
    margin-top: -1px;
    width: calc(100% - 180px);
    background: #403c93;
}
/**/
.bdyd-list {
    border: 1px solid #f1f1f1;
    border-top: 0;
    background-color: #fff;
}

.bdyd-wt {
    padding: 0 15px;
    color: #fff;
    background: rgb(64 60 147 / 80%);
}

.bdyd-g {
    background-color: rgb(64 60 147 / 5%);
    cursor: pointer;
    padding: 0 15px;
    color: #403c93;
}

.bdyd-g.collapsed {
    background-color: #fbfbfb;
    color: #333;
}

.bdyd-g.collapsed:hover {
    background-color: rgb(64 60 147 / 5%);
    color: #403c93;
}

#bdyd .bi-chevron-double-down:before {
    content: "\f281";
}

#bdyd .collapsed .bi-chevron-double-down:before {
    content: "\f27e";
}

/**/
.title-color {
    color: #2f1808;
}

.card .ovrly::before {
    content: '';
    background: rgb(26 27 29 / .5);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.card .ovrly::before {
    content: '';
    background: rgb(0 0 0 / 50%);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.card .cz-but {
    position: absolute;
    z-index: 8;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.card .cz-but .fa {
    background: #000;
    -webkit-box-shadow: 0 0 1px rgb(255 117 65 / .5);
    -moz-box-shadow: 0 0 1px rgb(255 117 65 / .5);
    box-shadow: 0 0 1px rgb(167 119 73);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    line-height: 60px;
    font-size: 24px;
    text-align: center;
    text-decoration: none;
    width: 60px;
    height: 60px;
    opacity: 0;
    color: #fff;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    position: relative;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    -moz-transition: -moz-transform 0.3s, opacity 0.3s;
    -o-transition: -o-transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
}

.card:hover .cz-but .fa {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    color: #fff;
}

.card:hover .ovrly::before {
    opacity: 1;
    z-index: 1;
}

.img-scale {
    background: rgb(60 64 147 / 50%);
}

.img-scale img {
    transform: scale(1,1);
}

.soc-list {
    height: 100%;
    background: rgb(60 64 147 / 2%);
}

.soc-list:hover {
    box-shadow: 0 0 10px rgb(60 64 147 / 10%);
}

.soc-list:hover .img-scale img {
    transform: scale(1.1,1.1);
}

.text-sp h6 {
    height: 52px;
}

a.more-btn {
    border: 1px solid #ededed;
    display: inline-block;
    padding: 16px 20px;
    font-size: 12px;
    color: rgb(47 24 8 / 50%);
}

a.more-btn:hover {
    border: 1px solid #222;
    background: #222;
    color: #fff;
}

.listBox {
    border-bottom: 1px solid #ededed;
    padding-top: 30px;
    padding-bottom: 30px;
    color: #2f1808;
}

.listBox .txtBox a {
    color: #333;
}

.listBox .txtBox a:hover {
    color: #000;
}

.listBox .txtBox p {
    color: #999;
}

.listBox:hover {
    background: #fbfbfb;
}

.pn-text p {
    color: rgb(47 24 8 / 60%);
}

.pn-text p a {
    color: rgb(47 24 8 / 60%);
}

.pn-text p a:hover {
    color: rgb(47 24 8 / 100%);
}
.pn-text-x{
    width: 68.22px;
    display: inline-block;
}
/**/
/**/
.n-picBox {
    overflow: hidden;
    border-right: 1px solid #f3f3f3;
}

.gallery-top .swiper-slide {
    overflow: hidden;
    height: auto!important;
}

.gallery-thumbs {
    height: 20%;
    box-sizing: border-box;
    padding: 10px 0;
}

.gallery-thumbs .swiper-slide {
    width: 60px;
    display: inline-block;
    overflow: hidden;
    border: 1px solid #ddd;
    opacity: 0.5;
    height: 60px;
    cursor: pointer;
    margin-bottom: 10px;
}

.gallery-thumbs .swiper-slide:hover {
    opacity: 0.8;
}

.gallery-thumbs .swiper-slide img {
    position: absolute;
    display: inline-block;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.gallery-thumbs .swiper-slide-thumb-active {
    opacity: 1;
    border: 1px solid #a77749;
}

figure {
    color: #2f1808;
}

.img-show {
    cursor: url(../images/big.cur),auto;
}

/**/
.hg-soNav2 {
    border-bottom: 1px solid #eee;
}

.hg-soNav2 .dropdown-item.active, .hg-soNav2 .dropdown-item:active {
    color: #fff;
    border: 0;
    text-decoration: none;
    background-color: #ec490b;
}

.hg-soNav2 .dropdown-item.active a, .hg-soNav2 .dropdown-item:active a {
    color: #fff;
}

.hg-on {
    color: #ec490b;
}

.sonsort .nav-link {
    padding: 1.25vw 0;
    position: relative;
    /*font-weight: bold;*/
}

.sonsort .nav-link:after {
    content: '';
    display: inline-block;
    position: absolute;
    width: 0;
    height: 3px;
    bottom: -2px;
    left: 50%;
    z-index: 1;
    background: #403c93;
    transform: translateX(-50%);
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.sonsort .nav-link:hover {
    color: #403c93;
}

.sonsort .nav-link:hover:after {
    width: 100%;
}

.sonsort .cur .nav-link {
    color: #403c93;
}

.sonsort .cur .nav-link:after {
    width: 100%;
}

.position a {
    color: #666;
}

.position a:hover {
    color: #403c93;
}

/**/
.bg-F7{
    background-color: #F7FCFF;
}
/*.about-section2 {*/
/*  margin-top: -7.5vw;*/
/*}*/
/*.about-section2.kysl-x{*/
/*  margin-top: -6vw;*/
/*}*/
.about-section2 .picture:before {
  padding-top: 41.67%;
}
.about-section2 .public-img img{
    width: 100%!important;
}
.about-section2 .list-card {
  z-index: 2;
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  -o-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: center;
  -moz-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-pack: justify;
  -moz-justify-content: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
@media (max-width:990px) {
  .about-section2 .list-card {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    transform: translateY(0%);
  }
}
.about-section2 .list-card li {
  background: #FFFFFF;
  border-radius: 3vw 0 3vw 0;
  padding: 3vw 1vw;
  min-height: 2.8rem;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center!important;
    align-items: center!important;
  -webkit-justify-content: center;
  justify-content: center;
  -ms-flex-direction: column!important;
    flex-direction: column!important;
  width: calc(33.333% - 1vw);
  box-shadow: 0px 0px 1.25vw rgb(60 64 147 / 5%);
}
.about-section2.kysl-x .list-card li {
    width: calc(25% - 1vw);
    padding: 2.5vw;
    border-radius: 0.5vw;
    -webkit-justify-content: start;
  justify-content: start;
    position: relative;
}
.about-section2.kysl-x .list-card li:after {
    content: "";
    display: inline-block;
    position: absolute;
    left: 41px;
    top: -20px;
    z-index: 1;
    width: 40px;
    height: 38px;
    background: url(../images/policy-quot.png) no-repeat center/100%;
}
.newsDetail>div img{
    width: auto;
    height: auto;
    max-width: 1304px;
}

/**/
@media (min-width: 1200px) {
    .modal-xl {
        max-width: 1230px;
    }
}
@media (max-width: 1356px) {
    .logo{
        width: 170px;
    }
    .navbar-nav li.nav-item {
         margin: 0 1.3vw; 
    }
}
@media (max-width: 1200px) {
    .navbar-nav li.nav-item {
         margin: 0 1.3vw; 
    }
    .langBox {
        padding: 0 10px;
        margin-left: 0.5vw;
    }
    .seafont{
        display: none!important;
    }
}
@media (max-width: 992px) {
    .lang{
        display: none!important;
    }
}
@media (max-width: 768px) {
    .noscroll body{
        overflow-y: hidden;
    }
    .navBox {
        padding: 0 15px;
        background-color: rgb(255 255 255 / 100%);
    }

    .navbar-brand {
        width: auto;
    }

    .logo,.logo-on {
        position: static;
        left: 0;
        transform: translateX(0);
    }

    .navbar-brand-sm {
        margin: 14px 0;
    }
    .navbar-nav{
        border-top: 1px solid #eee;
    }
    .navbar-nav li.nav-item {
        margin: 0;
        border-bottom: 1px solid #eee;
    }
    .navbar-expand-lg .navbar-nav li a.nav-link {
        font-size: 16px;
        height: 55px;
        display: block;
        line-height: 55px;
    }

    .navbar-nav-scroll {
        max-height: 88.5vh;
        overflow-y: auto;
    }

    #navbarNav {
        border-top: 1px solid rgb(255 255 255 /20%);
    }

    #navbarNav .sub-item {
        padding: 0.8rem 0.4rem;
        font-size: 15px;
    }

    #navbarNav .cd-sub {
        position: static;
        opacity: 1;
        visibility: visible;
        display: none;
        width: 100%;
        transition: none;
        transform: translate(0, 0);
        box-shadow: 0 6px 12px -2px rgb(0 0 0 / 10%);
    }
    .border-sm{
        border-bottom: 1px solid #eee;
    }
    /**/
    .banner-box,.bg{
        margin-top: 59.88px;
    }
    .banner-swp .swiper-pagination-horizontal {
        bottom: 10px;
    }

    /**/
    .pt-120 {
        padding: 40px 0;
    }
    .py-70 {
        padding: 30px 0;
    }
    .my-45 {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .ml--20 {
        margin-left: 0px;
    }
    .mr--20 {
        margin-right: 0px;
    }
    .pb-sm-0{
        padding-bottom: 0!important;
    }
    .border-r {
        margin-bottom: 20px;
        padding-bottom: 20px;
        border-right: 0;
        border-bottom: 1px solid rgb(0 0 0 / 5%);
    }
    .color-3-op4 {
        font-size: 14px;
    }
    /**/
    .logo-s{
        width: 120px;
    }
    .wenhuaBox{
        margin: 0 -15px;
    }
    .wenhua{
        width: 33.3333%;
        height: 300px;
        border-radius: 0;
    }
    .wh-ico {
        transform: scale(0.75);
        margin-bottom: 16px;
    }
    .wenhua p,.about-section2 .list-card li p{
        text-align: center;
    }
    .wenhua p i,.about-section2 .list-card li p i{
        display: block;
    }
    .about-section2 .list-card li{
        border-radius: 3vw 3vw;
        width: calc(33.333% - 0.3vw);
        box-shadow: 0px 0px 0.5vw rgb(60 64 147 / 5%);
    }
    .about-section2.kysl-x .list-card li {
        width: 100%;
        padding: 6vw;
        margin-bottom: 8vw;
        box-shadow: 0px 0px 5vw rgb(60 64 147 / 5%);
    }
    .about-section2.kysl-x .list-card li:after {
        left: 25px;
        top: -14px;
    }
    /**/
    .team-li .rw-img {
        padding: 40px 0;
    }
    .team-li.show article{
        height: 328px;
    }
    /**/
    .about-txt i {
        display: inline;
        width: 0;
    }
    .sh-wp {
        margin-top: 180px;
    }
    .sh-wp:before{
        width: 200px;
        height: 198px;
        background-size: cover;
        margin-left: -112px;
    }
    .sh-item {
        height: 240px;
    }
    .border-b-2-sm{
        border-bottom: 1px solid #ededff;
    }
    /**/
    .adBox {
        position: relative;
        left: 0;
        width: 100%;
        min-width: auto;
    }
    .ad-item{
        padding: 35px 40px;
    }
    .ad-item i{
        display: inline;
        width: 0;
    }
    /**/
    a.newsItem {
        margin: 4px 0;
        padding: 29px 20px 20px 20px;
    }
    /**/
    .bgan {
        transform: scale(0.85);
    }
    /**/
    .hg-ban, .hg-ban2, .hg-ban3 {
        height: 160px;
    }
    .hg-ban .object-fit-cover, .hg-ban2 .object-fit-cover, .hg-ban3 .object-fit-cover{
        width: 125%!important;
    }
    .hg-txt {
        transform: translate(-50%,-50%);
    }
    /**/
    .sonsort .nav, .sonsort2 .nav {
        background: #fff;
        box-shadow: 0 0 20px rgb(60 64 147 / 10%);
    }

    .sonsort .nav li {
        border-bottom: 1px solid #f9f9f9 !important;
    }

    .sonsort .nav-link {
        padding: .8rem 1rem;
    }
    .sonsort .nav-link:after{
        height: 1px;
    }
    .sonsort li.cur .nav-link {
        background: transparent;
        color: #403c93;
    }
    .sonsort .cur .nav-link:after {
        height: 1px;
        background: #403c93;
    }
    .sonsort .nav li:last-child {
        border-bottom: 0!important;
    }
    /**/
    .cy-li {
        padding: 4vw 0;
    }
    .cy-li h3 {
        font-size: 20px;
    }
    /**/
    .soc-ax{
        margin-bottom: 3vw;
    }
    .soc-x h3 {
        font-size: 20px;
    }
    .txt-h1-x {
        margin-top: 8vw;
        margin-bottom: 8vw;
        font-size: 24px;
        text-align: center!important;
    }
    .txt-h1-x:after {
        content: '';
        display: inline-block;
        position: absolute;
        height: 5px;
        left: 50%;
        top: inherit;
        bottom: -2px;
        width: 120px;
        z-index: -1;
        transform: translateX(-50%);
        background: rgb(64 60 147 / 20%);
    }
    .font-x {
        padding: 5vw 5vw;
    }
    /**/
    .g-joinJr-box {
        display: flex;
        justify-content: space-between;
        -ms-flex-direction: column!important;
        flex-direction: column!important;
        height: auto;
        margin-bottom: 0;
    }
    .g-joinJr-con {
        width: 100%;
        margin-right: 0;
        margin-bottom: 2vw;
    }
    .g-join-txt h3 {
        font-size: 18px;
        font-weight: bold;
        color: #fff;
        margin-bottom: 0;
    }
    /**/
    .bdyd-g{
        padding: 0;
    }
    .bdyd-wt {
        padding: 0;
    }
    .bdyd-list .collapse p{
        font-size: 15px;
        line-height: 24px!important;
        margin-bottom: 10px;
    }
    /**/
    .jz-B ul{
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .jz-B ul li {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        min-height: 200px;
        background: rgb(255 255 255 / 80%);
        border-right: 1px solid #f1f1f1;
        border-bottom: 1px solid #f1f1f1;
    }
    .jz-B ul li:nth-child(2n) {
        border-right: 0;
    }
    .jz-B .soc-x {
        margin-top: 5vw;
        padding: 3.25vw;
    }
    .jz-B .soc-x p {
        font-size: 16px;
    }
    .zs-x li{
        font-size: 16px;
        margin: 1.5vw 0;
        padding-bottom: 1vw;
    }
    /**/
    .font-g{
        margin-top: 38px;
    }
    .font-g h1 {
        left: -4px;
        top: -42px;
        font-size: 72px;
    }
    .font-g h3 {
        font-size: 24px;
        margin-bottom: 0;
    }
    /**/
    .footer {
        padding: 40px 0;
    }

    /**/
    .jt-b-prev, .jt-b-next {
        height: 32px!important;
        width: 32px!important;
    }

    /**/
    .container-xl {
        padding-right: 0;
    }

    .work-xs .panel {
        position: relative;
        width: 85%;
        height: calc(100vh - 55.4px);
        background-size: cover;
        background-position: center;
    }

    .work-xs .panel:last-child {
        width: 100%;
    }

    .panel .boxsha h3, .panel .work-wz h3 {
        width: 100%;
        height: auto;
        display: block;
    }

    .panel .wz-1 h3 {
        height: auto;
        font-size: 20px;
        line-height: 28px;
        letter-spacing: 0px;
    }

    /**/
    .hz-box ul li {
        display: -ms-flexbox;
        display: flex;
        flex-wrap: wrap;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 0.5rem 0
    }

    .hz-box ul li img {
        transform: scale(0.6);
        /*transform-origin: 0 0;*/
    }

    /**/
}