@font-face {
    font-family: HELVETICA-CONDENSED-BLACK-SE;
    src: url(../fonts/HELVETICA-CONDENSED-BLACK-SE.TTF)
}

* {
    -webkit-tap-highlight-color: transparent;
}
.clear{ clear:both;}
#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: 6.875rem;
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 998;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s
}

#header>.m {
    max-width: 1760px;
    display: flex;
    height: 100%;
    justify-content: space-between;
    align-items: center;
    position: static;
    gap: 4rem;
}

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


#logo {
    flex-shrink: 0
}

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

#logo img {
    width: 10.75rem;
    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::before {
    content: '';
    position: absolute;
    width: 16px;
    height: 10px;
    background: url(../images/sanjiao.png)no-repeat;
    background-size: cover;
    left: 50%;
    transform: translate(-50%, 0);
    bottom: 0;
    opacity: 0;
    transition: all .3s;
    display: none;
}

#nav ul li>a {
    display: block;
    font-size: 1.125rem;
    color: #373a48;
    line-height: 6.875rem;
    text-align: center;
    position: relative;
    z-index: 1;
    display: inline-block;
}

#nav ul li>a i {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    color: #df2659;
    font-size: 1.5rem;
    right: -2.875rem;
}

#nav ul li>a:before {
    content: "";
    width: 100%;
    height: 3px;
    position: absolute;
    bottom: 1.5rem;
    left: 0;
    background: #004aba;
    ;
    transition: all .5s;
    transform: scaleX(0);
    transform-origin: center
}

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

#nav ul li.link:hover::before {
    opacity: 1;
}

#nav li .sub {
    position: absolute;
    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 1.5rem;
    -webkit-box-shadow: 0 3px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 3px 2px rgba(0, 0, 0, 0.2);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

#nav li .sub a {
    padding: 0;
    line-height: 2.5;
    transition: .3s;
    font-size: .875rem;
    color: #2d2d2d;
    text-align: center;
    white-space: nowrap
}

#nav li .sub a:hover {
    color: #004aba;
}

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

.btn_language {
    padding: 0 2.375rem
}

#header .top_menu i {
    color: #b6484f;
    font-size: 1.5rem
}

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

.top_menu.btn_phone {
    display: flex;
    align-items: center;
    gap: .875rem;
    color: #4d4d79;
    font-family: Swis721 Cn BT;
    font-weight: bold;
    font-size: 1.375rem;
    line-height: 1.875rem;
    margin: 0 1.75rem 0 3rem;
}

.top_menu.btn_bd {
    width: 6.75rem;
    height: 2.5rem;
    background: #004aba;
    border-radius: 4px;
    color: #fff;
    font-size: .9375rem;
}

.top_menu.btn_bd a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}


#header.xg {
    height: 6.5rem;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15)
}

#header.xg #nav ul li>a:before {
    bottom: .125rem;
}

#header #nav ul li.on>a,
#header #nav ul li:hover>a {
    color: #004aba !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 {
    flex-grow: 1
}

#m_header #m_logo img {
    height: 36px
}

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

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

#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
}

.top_search {
    display: flex;
    justify-content: center;
    margin-top: 1rem;
    margin-bottom: 1rem;
    opacity: 0;
    transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1);
    transform: translateY(30px)
}

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

.top_search form {
    width: 304px;
    height: 46px;
    background: 0;
    border-radius: 26px;
    border: 1px solid rgb(255 255 255 / 63%);
    display: flex;
    align-items: center;
    justify-content: space-between
}

.top_search form .input {
    width: 100px;
    height: 100%;
    background: 0;
    border: 0;
    flex-grow: 1;
    color: #fff;
    padding-left: 20px
}

.top_search form .button {
    width: 46px;
    height: 100%;
    cursor: pointer;
    background: url(../images/search-btn.svg) center no-repeat;
    background-size: 23px !important;
    border: 0;
    outline: 0;
    color: #fff
}

.top_search form .button:active {
    background: url(../images/search-btn.svg) center no-repeat
}

.top_search form .input::-webkit-input-placeholder {
    color: #fff
}

.top_search form .input::-moz-placeholder {
    color: #fff
}

.top_search form .input::-moz-placeholder {
    color: #fff
}

.top_search form .input::-ms-input-placeholder {
    color: #fff
}

.top_search form .input:focus::-webkit-input-placeholder {
    color: transparent
}

.top_search form .input:focus:-moz-placeholder {
    color: transparent
}

.top_search form .input:focus::-moz-placeholder {
    color: transparent
}

.top_search form .input:focus:-ms-input-placeholder {
    color: transparent
}

#m_nav {
    z-index: 997;
    position: fixed;
    width: 13rem;
    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, #00a39b 30%, rgba(175, 30, 40, 0) 100%);
    background-image: -webkit-linear-gradient(270deg, #00a39b 30%, rgba(175, 30, 40, 0) 100%);
    background-image: -ms-linear-gradient(270deg, #00a39b 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 {
    overflow: hidden;
    width: 50rem;
    margin: 0 auto;
    padding: 0 .5rem 0 1.5rem;
    background-color: rgba(255, 255, 255, .1);
    box-sizing: border-box;
    transition: all .3s;
    max-width: 94%
}

.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.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%;
    background: #00a39b
}

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

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

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

#bnt_sub_nav {
    cursor: pointer;
    color: #fff;
    font-size: 18px
}

#bnt_sub_nav svg {
    fill: #fff;
    height: 20px;
    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: #f0f3f5;
    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 #00a39b;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    padding-left: 10px;
    color: #535455
}

#sub_nav_content ul li.on a {
    color: #00a39b
}

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

#sub_nav_content dt {
    position: relative;
    background: #fff;
    z-index: 999;
    margin-bottom: 0
}

#sub_nav_content dt a {
    margin: 0 20px;
    display: block;
    color: #5b5349;
    line-height: 30px;
    font-size: 15px;
    font-weight: 400;
    vertical-align: top;
    font-family: Alibaba-PuHuiTi-Regular
}

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

#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 {
    color: #00a39b;
    border-top: 1px solid #fff
}

#sub_nav_content dt.title_on a i {
    color: #00a39b
}

#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: #00a39b
}

#sub_nav_content dd .box {
    padding: 0
}

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

#sub_nav_content dd a.on {
    color: #00a39b
}

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

#banner .swiper-container {
    height: 50.375rem;
}

#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 .m {
    max-width: 1600px;
    display: flex;
    align-items: center;
}

#banner .m>img {
    margin-right: -10rem;
    opacity: 0;
}

#banner .txt {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    flex-shrink: 0;
}

#banner .txt>* {
    opacity: 0
}

#banner .txt h6 {
    font-size: 1.875rem;
    color: #004aba;
    line-height: 1.5;
    font-weight: bold;
}

#banner .txt h4 {
    font-size: 3.4375rem;
    line-height: 1.5;
    color: #38386e;
	font-weight:bold;

}

#banner .txt p {
    font-size: 1.25rem;
    margin-top: .5rem;
    line-height: 2.5rem;
    margin-bottom: 3rem;
    color: #667380;
}

.btn_liaojie {
    display: flex;
    align-items: center;
    gap: 1.75rem;
}

.btn_liaojie a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    width: auto;
    font-size: 1.125rem;
    height: 3.9375rem;
    border-radius: 6px;
    transition: all .5s;
    padding: 0 1rem;
    min-width: 11.5625rem;
}

.btn_liaojie a.ys {
    color: #fff;

    background: #004aba;
}

.btn_liaojie a.ys i {
    color: #fff;
    font-size: 2rem;
}

.btn_liaojie a.videos {
    color: #38386e;
    background: transparent;
    border: 1px solid #38386e;
}

.btn_liaojie a.videos i {
    color: #c20000;
    font-size: 1.5rem;
}

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

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

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

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

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

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

#banner .swiper-slide.swiper-slide-active .m>img {
    animation: enter 1.2s forwards .3s
}

.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)
    }
}



#banner .swiper-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: 3rem;

}

#banner .swiper-pagination .swiper-pagination-bullet {
    width: 2.8125rem;
    height: 4px;
    background: rgba(56, 56, 110, .85);
    border-radius: 0 !important;
}

#banner .swiper-pagination .swiper-pagination-bullet-active {
    background: #38386e;
}

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

body.nei {
    padding-top: 6.5rem;
}

body.nei #header {
    background: #fff;
    height: 6.5rem;

}

body.nei #header #nav ul li>a:before {
    bottom: .125rem;
}

.n_banner {
    height: 31.25rem;
    width: 100%;
    overflow: hidden
}


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

.n_banner h3 {
    color: #fff;
    font-size: 2.25rem;
    margin-bottom: 3rem
}

.n_banner i {
    display: block;
    width: 1.5rem;
    height: 2px;
    background: #fff;
    margin: 0 auto
}

.n_title {
    padding: 0;
    position: relative;
    z-index: 1
}

.n_title:after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #e5e5e5
}

.n_title .m {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.n_nav {
    position: relative;
    flex-grow: 1
}

.n_nav ul {
    display: flex
}

.n_nav li {
    display: block;
    flex-grow: 1;
    max-width: 13.75rem;
    font-size: 1.125rem;
    float: left;
    line-height: 4.375rem;
    z-index: 1;
    position: relative;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.n_nav li a {
    display: block;
    padding: 0 2rem;
    text-align: center;
    color: #2b2b2b;
    transition: .5s
}

.n_nav li+li:after {
    content: "";
    display: block;
    width: 1px;
    height: 18px;
    background: #ccc;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -9px
}

.n_nav li:before {
    content: "";
    width: 0;
    height: 100%;
    position: absolute;
    background: #00a39b;
    bottom: 0;
    left: 0;
    transition: .3s ease-in-out;
    opacity: 0;
    z-index: -1
}

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

.n_nav li.on:before,
.n_nav li:hover:before {
    width: 100%;
    opacity: 1
}

.n_nav li.on:after,
.n_nav li:hover:after {
    opacity: 0
}

.n_nav .sub {
    position: absolute;
    top: 100%;
    min-width: 100%;
    left: 0;
    display: none
}

.n_nav .sub a {
    display: block;
    height: 2.75rem;
    font-size: .9rem;
    line-height: 2.75rem;
    transition: .3s;
    background: #fff;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    white-space: nowrap;
    padding: 0 15px;
    font-weight: normal !important;
    color: #2f2f2f
}

.n_nav .sub a:hover {
    color: #00a39b
}

.position {
    left: 0;
    bottom: 0;
    font-size: .9375rem;
    color: #747679;
    display: flex;
    align-items: center
}

.position>svg {
    margin-right: 5px
}

.position span,
.position a,
.position i {
    font-size: .8125rem;
    color: #828386;
    flex-shrink: 0;
    -moz-transition: all .36s ease-in-out;
    -webkit-transition: all .36s ease-in-out;
    -o-transition: all .36s ease-in-out;
    -ms-transition: all .36s ease-in-out;
    transition: all .36s ease-in-out
}

.position i {
    margin: 0 .5rem;
    font-style: normal;
    width: 8px;
    height: 8px
}

.position span {
    color: #00a39b;
    font-style: normal
}

.position em {
    color: #00a39b;
    font-style: normal
}

.position a:hover {
    color: #00a39b
}



.s_tit {
    text-align: center;
}

.s_tit h4 {
    color: #222252;
    font-size: 2.5rem;
    line-height: 1.5;
    font-weight: bold;
}

.s_tit h6 {
    color: #586984;
    font-size: 1.125rem;
    line-height: 1.6875rem;
    margin-top: .5rem;
}


.s_ceshi {
    width: 100%;
    position: relative;
    z-index: 9;
    background: url(../images/s_ceshibg.jpg) center top no-repeat;
    background-size: cover
}


.s_ceshi p {
    text-align: center;
    color: #4c4c4e;
    font-size: 1rem;
    line-height: 1.875rem;
    margin: 3.125rem 0;
}


.s_ceshi .web {
    display: none;
}

.shoyemore{
    display: flex;
    margin: auto;
    width: 9.75rem;
    height: 3.5rem;
    align-items: center;
    justify-content: center;
    background: #004aba;
    border-radius: .375rem;
    color: #fff;
    font-size: 1.125rem;
    margin-bottom: 4.375rem;
}
/*.s_ceshi a {
    display: flex;
    margin: auto;
    width: 9.75rem;
    height: 3.5rem;
    align-items: center;
    justify-content: center;
    background: #004aba;
    border-radius: .375rem;
    color: #fff;
    font-size: 1.125rem;
    margin-bottom: 4.375rem;
}
*/
#certify {
    position: relative;
}

#certify .arr {
    display: flex;
    align-items: center;
    justify-content: center;
    top: 50%;
    transform: translate(0, -50%);
    cursor: pointer;
    position: absolute;
    transition: all 0.5s;
    z-index: 20;
    margin-top: 3.5rem;
}

#certify .arr i {
    color: #4d4d79;
    font-size: 3.5rem;

}

#certify .arr:hover i {
    color: #004aba;
}

#certify .arr_left {
    left: -3rem;
    right: auto;
}

#certify .arr_right {
    right: -3rem;
    left: auto;
}

#certify .swiper-slide {
    width: 38.75rem;
    transform-origin: bottom;
    border-radius: 1.5rem 1.5rem 0 0;
    overflow: hidden;
    padding: .625rem .625rem 0;
    background: #004aba;
}
#certify .swiper-slide::before {
    content: '';
    position: absolute;
    width: 50%;
    right: 0;
    top: 0;
    background: url(../images/gaoguang.png)no-repeat;
    background-size: cover;
    height: 50%;
    z-index: 1;
}
#certify {
    position: relative;
    width: 1440px;
    padding: 0 3.25rem;
    max-width: 94.5%;
    margin: 0 auto;
}

#certify>img {
    position: absolute;
    z-index: 10;
}

#certify .csico1 {
    left: -1.875rem;
    bottom: -2.875rem;
}

#certify .csico2 {
    right: 8%;
    bottom: -4.875rem;
}

.s_shuzi ul {
    display: flex;
    justify-content: space-between;
    gap: .5rem
}

.s_shuzi ul li span {
    font-size: 3rem;
    color: #00a39b;
    font-family: DISNEYENGLISH-MEDIUM;
    display: block;
    margin-bottom: .625rem
}

.s_shuzi ul li p {
    font-size: 1rem;
    color: #59616e
}

.s_ceshi .btn_liaojie2 {
    margin-top: 4rem
}

.s_baiye {
    z-index: 1;
    overflow: hidden;
    padding-top: 10rem;
}

.s_baiye .s_tit,
.s_shij .s_tit {
    text-align: left;
}

.s_baiye {
    position: relative;
    overflow: hidden;
    width: 100%;
    background: url(../images/baiyebg.jpg)no-repeat;
    background-size: cover;
}



.byc {
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    height: 34.6875rem;
}

.bycs {
    overflow: hidden;
    flex-grow: 1;
    position: relative;
    border-radius: 10px;
}

.bycs {
    transition: 0.7s;
    width: 13.375rem;
    height: 100%;
}

.bycs+.bycs {
    margin-left: 17px;
}

.bycs>.bl {
    height: 30rem;
    background-position: center center !important;
    background-size: cover !important;
    position: relative;
    transition: all .5s;
}

.bycs>.bl img {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    transition: all .5s;
}


.bycs .byc_tit {
    position: absolute;
    padding: 3.125rem 1.625rem;
    color: #fff;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.bycs .byc_tit::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: url(../images/bychover.jpg)no-repeat;
    background-size: cover;
    opacity: 0;
    transition: all .5s;
}

.bycs .byc_tit>h4 {
    color: #fff;
    font-size: 1.5rem;
    line-height: 2.25rem;
    font-weight: bold;
    margin-bottom: .5rem;
    transition: all .5s;
    position: relative;
}

.bycs .byc_tit>p {
    font-size: .875rem;
    line-height: 1.5rem;
    color: #fff;
    transition: all .5s;
    position: relative;
}

.bycs.on>.bl {
    height: calc(30rem + 75px);
}

.bycs.on {
    width: calc(100% - 694px);
    flex-shrink: 0;

}

.bycs.on .byc_tit {
    padding: 3.125rem 3rem;
}

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

.bycs.on>.bl img {
    opacity: 0;
}

.bycs.on .byc_tit>h4 {
    color: #222252;
    font-size: 1.875rem;
    position: relative;
}

.bycs .byc_tit>h4 i {
    color: #fff;
    transition: all .5s;
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 1.25rem;
}

.bycs.on .byc_tit>h4 i {
    opacity: 0;
}

.bycs.on .byc_tit p {
    color: #62628b;
}

.bycs .byc_tit .yincang {
    display: flex;
    align-items: flex-start;
    gap: 2.75rem;
    margin-top: 3.125rem;
    opacity: 0;
    transition: all .5s;
    position: relative;
}

.bycs .byc_tit .yincang>img {
    flex-shrink: 0;
    max-width: 10rem;
}

.bycs.on .byc_tit .yincang {
    opacity: 1;
}

.bycs .byc_tit .yincang .ycy {
    display: grid;
    gap: 3.125rem;
}

.bycs .byc_tit .yincang .ycy>div {

    display: flex;
    align-items: flex-start;
    gap: 2.5rem;
}

.bycs .byc_tit .yincang .ycy h6 {
    color: #38386e;
    font-size: 1.0625rem;
    line-height: 2.25rem;
    font-weight: bold;
    flex-shrink: 0;
}

.bycs .byc_tit .yincang .ycy p {
    color: #62628b;
    font-size: .875rem;
    line-height: 1.5rem;
    margin-top: .375rem;
}

.bycs .byc_tit .yincang ul,
#shijian .sjsj {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2.125rem;
}

.bycs .byc_tit .yincang ul li div,
 .sjsj li div {
    display: flex;
    align-items: flex-start;
    gap: 4px;
}

.bycs .byc_tit .yincang ul li div em,
 .sjsj li div em {
    color: #62628b;
    font-size: .875rem;
}
.sjsj li div .sem {
    font-size: 13px;
}
.bycs .byc_tit .yincang ul li,
 .sjsj li {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #62628b;
    font-size: .875rem;
    line-height: 1.25;
    gap: .5rem;
}
.bycs .byc_tit .yincang ul li {
    align-items: flex-start;
    margin-top: 8px;
    justify-content: flex-start;
}
.bycs .byc_tit .yincang ul li span {
    color: #62628b;
    font-size: .875rem;
    font-weight: bold;
}
 .sjsj li .counter {
    color: #62628b;
    font-family: FRADMCN;
    font-size: 2.8125rem;
}

.bycs .byc_tit .yincang i {
    background: #004aba;
    border-radius: .3125rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 3.0625rem;
    /* width: 20.8125rem; */
    padding: 0 2.375rem;
    margin-left: 6.875rem;
}

.bycs .byc_tit .yincang i em {
    color: #fff;
    font-size: 1.25rem;
}


.sltit {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 3.125rem;
}

.sltit .s_tit {
    text-align: left;
}

.sltit a {
    color: #222252;
    font-size: .875rem;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 1rem;
    transition: all .5s;
}

.sltit a p {
    text-decoration: underline;
}

.sltit a:hover ,
.sltit a:hover i {
    color: #004aba;
}

.sltit a i {
    color: #38386e;
    font-size: 1rem;
}

.ljweb {
    display: none;
    margin: auto;
    width: 9.75rem;
    height: 3.5rem;
    align-items: center;
    justify-content: center;
    background: #004aba;
    border-radius: 0.375rem;
    color: #fff;
    font-size: 1.125rem;
    margin-top: 2rem;
}

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



.s_shij .sjbox {
    position: relative;
}

.s_shij .sjbox .swiper-button-white,
.hbbox .swiper-button-white {
    width: 3rem;
    height: 3rem;
    background: #fff;
    border-radius: 50%;
}

.s_shij .sjbox .swiper-button-white .iconfont,
.hbbox .swiper-button-white .iconfont {
    color: #000000;
    font-size: 2rem;
}

.s_shij .sjbox .sjnext {
    right: -5%;
    left: auto;
}

.s_shij .sjbox .sjprev {
    right: auto;
    left: -5%;
}


.s_shij #shijian .img_db:after {
    padding-top: 69.17%;
}

.s_shij #shijian .swiper-slide {
    border-radius: .625rem;
    overflow: hidden;
}

.s_shij #shijian .sjcon {
    padding: 2.625rem 1.875rem;
    background: #fff;
    position: relative;
    transition: all .5s;
    height: 8.0625rem; border-top:1px solid #CCC;
}
#shijian .sjcon .sjlogo h5 ,
#biaogan .swiper-slide .bgcon .bglogo h5 ,
.alcon .allogo h5{align-items: center;color: #222252;font-size: 1.5rem;line-height: 1.875rem; text-align:center;}

#biaogan .swiper-slide .bgcon .bglogo ,
.alcon .allogo {
    display: flex;
    align-items: center;
    color: #222252;
    font-size: 1rem;
    line-height: 1.875rem;
}

#shijian .sjcon .sjlogo img ,
#biaogan .swiper-slide .bgcon .bglogo img ,
.alcon  .allogo img {
    width: 5.625rem;
}

#shijian .sjcon .sjlogo i ,
#biaogan .swiper-slide .bgcon .bglogo i ,
#tjal .alcon  .allogo i {
    margin: 0 1.125rem;
    background: #c4c9d2;
    display: block;
    width: 1px;
    height: 19px;
}

#shijian .sjcon>i  {
    position: absolute;
    color: #222252;
    font-size: 1.125rem;
    right: 2rem;
    bottom: 2rem;
    transition: all .5s;
}

#shijian .sjcon p ,
 .alcon  p  {
    color: #62628b;
    font-size: .9375rem;
    line-height: 1.875rem;
    margin: 1.5rem 0;
}

.s_shij #shijian .swiper-slide:hover .img_db:after {
    padding-top: 36.8%;
}

.s_shij #shijian .swiper-slide:hover .sjcon {
    height: 14.25rem;
}

.s_shij #shijian .swiper-slide:hover .dz,
.s_shij #shijian .swiper-slide:hover .sjsj {
    opacity: 1;
}

.s_shij #shijian .swiper-slide:hover .sjcon>i {
    opacity: 0;
}

.dz {
    display: flex;
    align-items: center;
    gap: 12px;
    transition: all .5s;
flex-wrap: wrap;
}
#shijian .sjcon .dz {
    opacity: 0;
}
#shijian .sjcon .dz li {
    color: #7b7b7c;
    font-size: 13px;
    line-height: 1.875rem;
    border-radius: .875rem;
    background: #f6f6f7;
    padding: 0 8px;
}
#shijian .sjsj {
    border-top: 1px solid #e1e7f3;
    opacity: 0;
}
.sjsj {
    margin-top: 2rem;
    padding-top: 2rem;
    transition: all .5s;
}




.s_hb {
    width: 100%;
    background: url(../images/s_hbbg.jpg) center no-repeat;
    overflow: hidden;
    height: 54.3125rem;
    background-size: cover;
}

.s_hb .m {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    padding-bottom: 2rem;
}

.s_hb .hbbox {
    position: relative;
    display: none;
    margin-top: 2rem;
    padding-bottom: 2rem;
}

.s_hb .hbbox .hby {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #fff;
    width: 7.25rem;
    height: 7.25rem;
    padding: 1.625rem;
}

.s_hb .hbbox .swiper-slide {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    color: #586984;
    font-size: 1rem;
    line-height: 1.5;
}

.s_hb .cx-item {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 3;
}

.s_hb .cx-item li {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: #fff;
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    animation: star 14s infinite;
    -webkit-animation: star 14s infinite;
    gap: .5rem;
}

.s_hb .cx-item li div {
    border-radius: 50%;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 10rem;
    height: 10rem;
    padding: 1rem;
    box-shadow: 0 0 10px 10px rgba(0, 92, 161, 0.06)
}

.s_hb .cx-item li {
    color: #586984;
    font-size: .9375rem;
    line-height: 1.875rem;
    text-align: center;
    transition: all .5s;
}

.s_hb .cx-item .dl1 {
    top: 10%;
    left: 20%;
    animation-delay: 2s;
}

.s_hb .cx-item .dl2 {
    top: -3%;
    left: 45%;
    animation-delay: 8s;
}

.s_hb .cx-item .dl3 {
    top: 10%;
    left: 71%;
    animation-delay: 0s;
}

.s_hb .cx-item .dl4 {
    top: 40%;
    left: 9%;
    animation-delay: 12s;
}

.s_hb .cx-item .dl5 {
    top: 40%;
    left: 28%;
    animation-delay: 7s;
}

.s_hb .cx-item .dl6 {
    top: 40%;
    left: 65%;
    animation-delay: 4s;
}

.s_hb .cx-item .dl7 {
    top: 40%;
    left: 83%;
    animation-delay: 10s;
}

.s_hb .cx-item .dl8 {
    top: 77%;
    left: 23%;
    animation-delay: 6s;
}

.s_hb .cx-item .dl9 {
    top: 77%;
    left: 70%;
    animation-delay: 10s;
}


.s_hb .cx-item .dl10 {
    top: 97%;
    left: 46%;
    animation-delay: 11s;
}



@keyframes star {
    0% {
        opacity: 1;
        transform: scale(1);
    }

    20% {
        opacity: 0;
        transform: scale(1);
    }

    40% {
        opacity: 1;
        transform: scale(1);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@-webkit-keyframes star {
    0% {
        opacity: 1;
        transform: scale(1);
    }

    20% {
        opacity: 0;
        transform: scale(1);
    }

    40% {
        opacity: 1;
        transform: scale(1);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}


.s_hb .cxlogo {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 11;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.s_hb .cxlogo i {
    color: #fff;
    font-size: 4rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.yuanhuan {
    border-radius: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    border: 2px solid #a0c1f2;
}

.yuanhuan.yuanhuan1 {
    transform: translate(-50%, -50%) scale(1);
    width: 337px;
    height: 337px;
    opacity: .6;
}

.yuanhuan.yuanhuan2 {
    transform: translate(-50%, -50%) scale(1);
    width: 610px;
    height: 610px;
    opacity: .4;
}

.yuanhuan.yuanhuan3 {
    transform: translate(-50%, -50%) scale(1);
    width: 919px;
    height: 919px;
    opacity: .3;
}

.yuanhuan.yuanhuan4 {
    transform: translate(-50%, -50%) scale(1);
    width: 1202px;
    height: 1202px;
    opacity: .2;
}

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

.s_newbox {
    display: grid;
    gap: 2.125rem;
    grid-template-columns: .505fr .495fr;
}

.s_newbox .s_newhot {
    display: grid;
    gap: 1.5rem;
    grid-template-columns: 1fr 1fr;
}

.s_newbox .s_newhot .hotcon {
    background: #fff;
    padding: 2rem 2rem 2.25rem;
    position: relative;
    height: 100%;
}

.s_newbox .s_newhot .hotcon div {
    position: absolute;
    width: 7.6252rem;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1.75rem;
    color: #fff;
    background: #004aba;
    font-weight: bold;
    font-family: Arial;
    font-size: .875rem;
    left: 0;
    top: -1.75rem;
    border-radius: 0 .375rem 0 0;
}

.s_newbox .s_newhot .img_db:after {
    padding-top: 68.81%;
}

.s_newhot a {
    display: block;
    border-radius: .625rem;
    overflow: hidden;
    height: 100%;
}

.s_newhot .hotcon h5 {
    color: #222252;
    font-size: 1.1875rem;
    line-height: 2.0625rem;
    font-weight: bold;
    margin-bottom: 1rem;
    transition: all .5s;
}

.s_newhot .hotcon p {
    color: #62628b;
    font-size: .875rem;
    line-height: 1.5rem;
}

.s_newhot .hotcon i {
    display: none;
    color: #a6a9ad;
    font-size: 1.5rem;
}


.s_newcool {
    display: grid;
    gap: 1.875rem;
}
.s_newcool .coolcon {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
}
.s_newcool li a {
    display: flex;
    gap: 1.875rem;
}

.s_newcool li a .img {
    max-width: 11.1875rem;
    width: 100%;
    border-radius: .375rem;
}

.s_newcool li a .img_db:after {
    padding-top: 69.28%;
}

.s_newcool li a .coolcon span {
    color: #004aba;
    font-weight: bold;
    font-size: .875rem;
    line-height: 1.375rem;
    font-family: Arial;
}

.s_newcool li a .coolcon h5 {
    color: #222252;
    font-size: 1.125rem;
    line-height: 2.0625rem;
    font-weight: bold;
    transition: all .5s;
}
.s_newcool li a:hover h5 ,
.s_newhot a:hover h5 {
    color: #004aba;
}

.s_newcool li a .coolcon p {
    color: #62628b;
    font-size: .875rem;
    line-height: 1.5rem;
}




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

.s_about .m {
    display: grid;
    /*grid-template-columns: 1fr 24.1875rem;*/
	grid-template-columns: 1fr 35.1875rem;
    gap: 5.625rem;
}


.s_about .s_ableft .ar_article p {
    color: #586984;
    font-size: 1rem;
    line-height: 2.25rem;
}

.s_about .s_ableft ul {
    display: flex;
    gap: 5.25rem;
    align-items: center;
    margin-top: 3rem;
}

.s_about .s_ableft ul li {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    color: #68768e;
    font-size: .875rem;
    line-height: 3.4375rem;
    width: 180px;
}

.s_about .s_ableft ul li div {
    display: flex;
    align-items: flex-end;
    gap: 10px;
}

.s_about .s_ableft ul li em {
    color: #68768e;
    font-size: 1.5rem;
    line-height: 3.125rem;
    flex-shrink: 0;
}

.s_about .s_ableft ul li .counter {
    color: #004aba;
    font-size: 3.5rem;
    line-height: 1.25;
	font-weight:bold;
}


.s_about .s_abtable {
    background: url(../images/s_tablebg.jpg)no-repeat;
    background-size: cover;
    position: relative;
    width: 100%;
    padding: 1.25rem 2.5rem;
    border-radius: .625rem;
}
.s_about .s_abtable img{ border-radius:20px; border:1px solid #FFF;}
 

.s_about .s_abtable h5 {
    color: #222252;
    font-size: 1.5rem;
    line-height: 1.6875rem;
    font-weight: bold;
    margin-bottom: 1rem;
}

.s_about .s_abtable p {
    color: #586984;
    font-size: 1rem;
    line-height: 1.6875rem;
}

.s_about .s_abtable input {
    width: 100%;
    background: #ffff;
    padding: 0 1.25rem;
    border-radius: .25rem;
    color: #222252;
    font-size: .9375rem;
    line-height: 2.875rem;
}

.s_about .s_abtable input::placeholder,
.s_about .s_abtable textarea::placeholder {
    color: rgba(34, 34, 82, .67);
}


.s_about .s_abtable form {
    display: grid;
    gap: 1rem;
    margin-top: 1.75rem;
}

.s_about .s_abtable textarea {
    min-height: 12.1875rem;
    padding: 0 1.25rem;
    color: #222252;
    font-size: .9375rem;
    line-height: 2.875rem;
    border-radius: .25rem;
}

.s_about .s_abtable button {
    width: 100%;
    line-height: 3.375rem;
    font-size: 1.0625rem;
    color: #fff;
    background: #004aba;
    border-radius: .25rem;
}

#foot {
    background: #f4f7fc;
    padding-bottom: 3rem;
}

#foot .box1 {
    display: flex;
    align-items: flex-start;
    gap: 5rem;
}

#foot .foot_logo {
    display: block;
    width: 9.375rem;
}

.foot_nav {
    display: flex;
    justify-content: space-between;
    flex-grow: 1;
    max-width: 732px;
}

.foot_nav dl,
.foot_lx dl {
    position: relative;
    z-index: 1;
    flex-shrink: 0;
}

.foot_nav dt,
.foot_lx dt {
    margin-bottom: .5rem;

}

.foot_nav dt a,
.foot_lx dt {
    color: #000;
    font-size: 1rem;
    line-height: 2.8125rem;
    font-weight: bold;
}

.foot_nav dd a,
.foot_lx dd a {
    display: block;
    transition: .3s;
}

.foot_nav dd a:hover {
    color: #004aba;
}

.foot_nav dd,
.foot_lx dd {
    font-size: .875rem;
    line-height: 2.125rem;
    color: #454563;
}

.foot_lx {
    display: flex;
    align-items: flex-end;
    gap: 1rem;
}

.foot_ewm {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .75rem;
}

.foot_ewm img {
    width: 7.5rem;
    height: 7.5rem;
}

.foot_ewm p {
    color: #656262;
    font-size: .875rem;
    line-height: 1.25rem;
}

#foot .box2 .lianjie {
    padding-bottom: 1rem;
}

#foot .box2 .lianjie , #foot .lj{
    display: flex;
    align-items: center;
    gap: 1.75rem;
    color: #454563;
    font-size: 1.125rem;
    line-height: 2.5rem;
    flex-wrap: wrap;

}
#foot .lj {
    font-size: .9375rem;
 }
 #foot .lj a {
    transition: all .5s;
 }
 #foot .lj a:hover {
    color: #004aba;;
 }
.copyright {
    font-size: .875rem;
    color: rgba(146, 146, 152, 0.65);
    line-height: 1.875rem;
    text-align: center;
    position: relative;
}

.copyright .wwwmap {
    position: absolute;
    right: 3rem;
    top: 50%;
    transform: translate(0,-50%);
}

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

.copyright a:hover {
    color: #004aba;
}

.online_q {
    position: fixed;
    right: 0;
    bottom: 10%;
    z-index: 995;
    transition: .5s;
    -webkit-transition: .5s;
    border-radius: 2.5rem;
    padding: 1.25rem 0
}

.online_q .close {
    position: absolute;
    right: -1rem;
    font-size: 1rem;
    color: #969797;
    opacity: 1;
    font-weight: normal;
    cursor: pointer
}

.online_q .btn2 {
    width: 4.8125rem;
    height: 5.1875rem;
    background: #fff;
    transition: .5s;
    cursor: pointer;
    position: relative;
    z-index: 1;

}

.online_q ul {
    box-shadow: 0px 0px 9px 0px rgba(17, 17, 17, .14);
    border-radius: .625rem 0 0 .625rem;
}



.online_q .btn2:before {
    content: "";
    display: block;
    border-radius: .9375rem;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    opacity: 0
}

.online_q .btn2::after {
    content: '';
    position: absolute;
    width: 3.125rem;
    height: 1px;
    left: 50%;
    transform: translate(-50%, 0);
    bottom: 0;
    background: #eaebec;
}

.online_q .btn2:hover:before {
    opacity: 1
}

.online_q .btn-top {
    padding: 0;
    transition: .5s;
    overflow: hidden
}

.online_q .btn2 a {
    font-size: 12px;
    color: #fff;
    display: block;
    width: 100%;
    height: 100%
}

.online_q .btn2 span {
    display: flex;
    color: #595959;
    flex-direction: column;
    font-size: .75rem;
    text-align: center;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 999;
    overflow: hidden;
    gap: .625rem;
    transition: .3s;
    -webkit-transition: .3s;
    overflow: hidden;
    flex-shrink: 0
}

.online_q ul .btn2 span::before ,
#gotop span::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0,-50%);
    width: 100%;
    height: 100%;
    z-index: -1;
    background: #004aba;
    opacity: 0;
    transition: all .5s;
}

.online_q ul  .btn2 span:hover::before ,
#gotop span:hover:before {
    opacity: 1;
}

.online_q .btn2 span i {
    font-size: 1.5rem;
    color: #4d4d79;
}

.online_q .open.pic {
    position: absolute;
    background: #eef2f6;
    width: 100px;
    height: 100px;
    right: 60px;
    top: 50%;
    margin-top: -50px;
    text-align: right;
    opacity: 0;
    transition: .6s;
    -webkit-transition: .6s;
    visibility: hidden
}

.online_q .open.pic img {
    width: 80px;
    height: 80px;
    margin-top: 10px;
    margin-right: 10px
}

.online_q .btn2:hover .open.pic {
    opacity: 1;
    right: 60px;
    visibility: visible
}

.online_q .open.phone {
    position: absolute;
    background: #fff;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    border: 1px solid #e1e6f0;
    width: auto;
    min-height: 3.125rem;
    right: 5.375rem;
    padding: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 50%;
    transform: translate(0,-50%);
    transition: .6s;
    -webkit-transition: .6s;
    opacity: 0;
    visibility: hidden
}

.online_q .open.imgs {
    position: absolute;
    background: #fff;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
    border: 1px solid #e1e6f0;
    right: 5.375rem;
    padding: .5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    transition: .6s;
    -webkit-transition: .6s;
    opacity: 0;
    visibility: hidden;
    width: 120%;
}

.online_q .open.phone * {
    color: #333;
    font-size: 1rem;
    text-align: left;
    font-weight: bold;
    font-family: DISNEYENGLISH-MEDIUM
}

.online_q .open.imgs img {
    display: block;
}

.online_q .open.phone h5 {
    font-size: .875rem;
    font-weight: normal;
    white-space: nowrap
}

.online_q .open.phone a {
    white-space: nowrap
}

.online_q .open.phone span {
    font-size: 12px;
    text-align: left;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 5px;
    opacity: .7;
    font-weight: normal
}

.online_q .btn2:hover .open.phone,
.online_q .btn2:hover .open.imgs {
    transition: .5s;
    -webkit-transition: .5s;
    opacity: 1;
    visibility: visible
}

.online_q .open.pic:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-left: 10px solid #eef2f6;
    position: absolute;
    right: -15px;
    top: 50%;
    margin-top: -10px
}

.online_q .open.phone:before {
    content: "";
    position: absolute;
    display: block;
    width: 6px;
    height: 6px;
    background: #fff;
    top: 50%;
    transform: translateY(-50%) rotate(135deg);
    right: -4px;
    border-color: #e1e6f0 transparent transparent #e1e6f0;
    border-style: solid;
    border-width: 1px
}

.online_q .kefu {
    border-radius: .625rem 0 0 0;
    overflow: hidden;
}

.online_q .model {
    border-radius: 0 0 0 .625rem;
    overflow: hidden;
}
.online_q .btn2 span:hover i ,
.online_q .btn2 span:hover {
    color: #fff;
}

.online_q .model::after,
.online_q #gotop::after {
    display: none;
}

#gotop {
    margin-top: .9375rem;
    border-radius: .625rem 0 0 .625rem;
    box-shadow: 0px 0px 9px 0px rgba(17, 17, 17, .14);
}

#gotop:before {
    opacity: 1
}

#gotop.hide {
    height: 0;
    overflow: hidden;
    display: flex !important;
    box-shadow: none;
}

.fl-fw {
    display: flex;
    flex-wrap: wrap
}

.fl-jb {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between
}

header .downmenu {
    position: fixed;
    left: 0;
    top: 6.5rem;
    z-index: 5;
    width: 100%;
    padding: 3.125vw 8.25vw;
    background: url(../images/dhbg.jpg)no-repeat;
    background-size: cover;
    opacity: 0;
    height: 25.8125rem;
    visibility: hidden;
    text-align: left;
    transition: top ease .5s, opacity ease .5s, visibility ease .5s;
    pointer-events: none
}

header.xg .downmenu {
    top: 6.5rem
}

header .link:hover .downmenu {
    left: 0;
    opacity: 1;
    visibility: visible;
    pointer-events: inherit
}

.downmenu.ons {
    left: 0;
    opacity: 1;
    visibility: visible;
    pointer-events: inherit
}



header .downmenu {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 3rem;
}

header .downmenu dt a {
    font-weight: bold;
    color: #000000;
    font-size: 1.25rem;
    line-height: 1.5;
    position: relative;
    padding-left: 2.75rem;
}

header .downmenu dt a img {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
}

header .downmenu dd {
    padding-top: 1rem;
    border-top: 1px solid #dce1eb;
    margin-top: .875rem;
    font-size: 1rem;
    line-height: 1.875rem;
    color: #454563;
    display: grid;
    gap: .5rem;
}
header .downmenu dt a{
    transition: .3s;
}

header .downmenu dd a {
    display: block;
    transition: .3s;
    text-transform: uppercase;
    padding-left: 2.5rem;
}

.downmenu dd a:hover,
header .downmenu dt a:hover {
    color: #004aba;
}


.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_banner {
    height: 31.25rem;
    width: 100%;
    overflow: hidden;
    position: relative
}


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


.n_banner .m div {
    max-width: 50rem;
    text-align: left;
}

.n_banner .m div h4 {
    color: #202832;
    font-size: 2.875rem;
    font-weight: bold;
    line-height: 1.5;
    margin-bottom: .75rem;
}

.n_banner .m div p {
    color: #495664;
    font-size: 1.125rem;
    line-height: 1.875rem;
}


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

#m_n_nav #n_n_title {
    background: #004aba;
}

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

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

#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;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem 0
}

#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 10px;
    display: block;
    color: #5b5349;
    line-height: 30px;
    font-size: 13px;
    font-weight: 400;
    vertical-align: top
}

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

#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: #fff;
    background: #004aba;
}

#sub_nav_content dd .box {
    padding: 0
}

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

.zidh {
    width: 100%;
    height: 5.4375rem;
    background: #fff;
    position: relative;
    z-index: 10;
}

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

.zidh ul {
    display: flex;
    align-items: center;
    gap: 3.125rem;
    position: relative
}

.zidh ul::before {
    content: '';
    position: absolute;
    width: 100vw;
    left: -50%;
    height: 1px;
    background: #dce0e8;
    bottom: 0;
}

.zidh ul li a {
    position: relative;
    display: block;
    line-height: 5.4375rem;
    color: #313131;
    font-size: 1.0625rem
}

.zidh ul li a:before {
    content: "";
    display: block;
    width: 100%;
    height: 4px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #004aba;
    transition: all .5s;
    transform: scaleX(0);
    transform-origin: center
}

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

.position {
    left: 0;
    bottom: 0;
    font-size: .875rem;
    color: #929292;
    display: flex;
    align-items: center
}

.position span,
.position a,
.position i {
    font-size: .875rem;
    line-height: 1.875rem;
    color: rgba(0, 0, 0, .6);
    flex-shrink: 0;
    -moz-transition: all .36s ease-in-out;
    -webkit-transition: all .36s ease-in-out;
    -o-transition: all .36s ease-in-out;
    -ms-transition: all .36s ease-in-out;
    transition: all .36s ease-in-out
}

.position i {
    font-style: normal;
    margin: 0 .5rem
}

.position em {
    color: #004aba;
    font-style: normal;
}

.position a:hover {
    color: #004aba;
}

.position span {
    color: #004aba;
}


.page {
    display: flex;
    align-items: flex-start;;
    margin-top: 3rem;
}

.page .box {
    display: flex;
    flex-wrap: wrap;
}

.page a {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .5s;
    font-size: .875rem;
    color: #3a3a3a;
    border-radius: .375rem;
    margin-right: .625rem;
    border: 1px solid #c6cfda;
    flex-shrink: 0;
    min-width: 2.8125rem;
    height: 2.81255rem;
}

.page a span {
    padding: 0 1rem;
    white-space: nowrap
}

.page a.on {
    border: 1px solid #004aba;
    background: #004aba;
    color: #fff
}


.page.centers {
    justify-content: center;
}

.page .jump {
    color: #313131;
    font-size: 1rem;
    line-height: 1.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    flex-shrink: 0;
}

.page .jump input {
    border: 1px solid #c6cfda;
    max-width: 4.4375rem;
    height: 2.81255rem;
    border-radius: .375rem;
    padding: 0 1rem;
    font-size: 1rem;
}

.modal-con .modal-left h5 , 
.ly-con .ly-left h5 {
    color: #222252;
    font-size: 2.5rem;
    line-height: 1.25;
    font-weight: bold;
    margin-bottom: .875rem;
    text-align: left;
    padding-left: 4rem;
}

.modal-con .modal-left p ,
.ly-con .ly-left p {
    color: #616170;
    font-size: 1.0625rem;
    line-height: 1.75rem;
    margin-bottom: 2.5rem;
    text-align: left;
    padding-left: 4rem;

}

.modal-con form ,
.ly-con form {

    width: 100%;
}

.modal-con form ul ,
.ly-con form ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.25rem;
}

.modal-con form ul li p ,
.ly-con form  ul li p {
    color: #4a4a5c;
    font-size: 1.0625rem;
    line-height: 1.875rem;
    margin-bottom: .5rem;
    position: relative;
    display: inline-flex;
}

.modal-con form ul li p i ,
.ly-con form ul li p i {
    position: absolute;
    color: #ff0000;
    font-size: 1.0625rem;
    right: -.755rem;
}

.modal-con form ul li input ,
.ly-con form ul li input {
    border: 1px solid rgba(255, 255, 255, .6);
    border-radius: .625rem;
    width: 100%;
    line-height: 4.0625rem;
    padding: 0 1.5rem;
    background: rgba(255, 255, 255, .4);
    color: #7f7f7f;
    font-size: 1rem;
}

.modal-con form ul li:nth-child(3) ,
.ly-con form  ul li:nth-child(3) {
    grid-column-start: 1;
    grid-column-end: 3
}

.modal-con form ul li textarea ,
.ly-con form  ul li textarea  {
    min-height: 10.625rem;
    border: 1px solid rgba(255, 255, 255, .6);
    width: 100%;
    border-radius: 1rem;
    padding: 1rem 1.5rem;
    background: rgba(255, 255, 255, .4);
    color: #7f7f7f;
    font-size: 1rem;
    line-height: 1.875rem
}

.modal-con form ul li div {
    position: relative
}

.modal-con form ul li div .yzm {
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translate(0, -50%)
}

.modal-con form ul button ,
.ly-con form  ul button {
    display: flex;
    align-items: center;
    gap: .5rem;
    background: #004aba;
    border-radius: .625rem;
    color: #fff;
    width: 13.1875rem;
    line-height: 4.0625rem;
    justify-content: center;
    max-height: 4.0625rem;
    font-size: 1rem;
}

.modal-con form ul button .iconfont ,
.ly-con form  ul button .iconfont {
    font-size: 1.5rem;
    color: #fff
}


.modal {

    display: none;



    width: 100%;



    height: 100%;



    position: fixed;



    left: 0;



    top: 0;



    z-index: 10000;



    background-color: rgba(0, 0, 0, 0.7);


    align-items: center;

    justify-content: center;
}

#modal .fx ,
#modalimg .fx  {
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
}

.modal-content {
    -webkit-animation: zoom 0.6s;
    animation: zoom 0.6s;
    resize: both;
    overflow: auto;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

@-webkit-keyframes zoom {



    from {
        -webkit-transform: scale(0)
    }



    to {
        -webkit-transform: scale(1)
    }



}

@keyframes zoom {



    from {
        transform: scale(0)
    }



    to {
        transform: scale(1)
    }



}

.modal .close {

    position: absolute;
    right: 2%;
    top: 3%;
    cursor: pointer;
    width: 2rem;
    height: 2rem;
    display: flex;
    z-index: 99;

}

.close:hover svg path,
.close:focus svg path {

    fill: #004aba;

}

.modal-body {

    padding: 5.625rem 3.125rem 5.625rem 4rem;

    box-sizing: border-box;

    position: relative;

    max-width: 90rem;

    width: 100%;

    border-radius: 1.125rem;

    background: url(../images/bdbg.jpg)no-repeat;
    background-size: cover;

}

.modal .modal-body .modal-con ,
.ly-con {

    display: flex;
    align-items: flex-start;
    gap: 5rem;
    justify-content: space-between;
}

.modal .modal-body .modal-con .modal-left ,
.lycon .ly-left {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    max-width: 24.5625rem;
    width: 100%;
    flex-shrink: 0;
}

.modal-con img {
    display: block;
}



@media (max-width: 768px) {
    .modal-body {
        padding: 2rem;
    }

    .modal-con form ul li input {
        padding: 0 1rem;
    }
}

@media (max-width: 480px) {
    .modal-con form ul {
        grid-template-columns: 1fr 1fr;
        gap: 1rem;
    }

    .modal-con form ul li:nth-child(7),
    .modal-con form ul li:nth-child(8) {
        grid-column-start: 1;
        grid-column-end: 3;
    }

    .modal-con form ul button {
        width: 100%;

    }

    .modal-con h5 {
        margin-bottom: 1.625rem;
        font-size: 1.75rem;
    }

}


/* 新闻 */



.n_new,
.n_newxq,
.n_zizhi ,
.n_falist , 
.n_faxq ,
.n_dan ,
.n_renew ,
.n_prozl ,
.n_biaog {
    position: relative;
    background: url(../images/n_bg1.jpg)no-repeat;
    background-size: cover;
    width: 100%;
}

.n_new .m,
.n_newxq .m {
    display: grid;
    grid-template-columns: 1fr 19.5625rem;
    gap: 1.875rem;
    align-items: flex-start;
}

.n_newleft {
    background: #fff;
    padding: 3.75rem 2.5rem 3.125rem;
    border-radius: .75rem;
    box-shadow: 0px 0px 32px 0px rgba(52, 113, 225, 0.10)
}

.n_new .n_newleft ul {
    display: grid;
    gap: 1.875rem;
}

.n_new .n_newleft ul li {
    padding-bottom: 1.875rem;
    border-bottom: 1px solid #eaedf0;
}

.n_new .n_newleft ul li a {
    display: flex;
    align-items: center;
    gap: 1.625rem;
}

.n_new .n_newleft ul li a .img {
    max-width: 15.9375rem;
    width: 100%;
    border-radius: .625rem;
}

.n_new .n_newleft ul li a .img_db:after {
    padding-top: 66.67%;
}

.n_newleft ul li .new_listcon h5 {
    color: #060606;
    font-size: 1.25rem;
    line-height: 1.6875rem;
    transition: all .5s;
}

.n_newleft ul li:hover h5 {
    color: #004aba;
}

.n_newleft ul li .new_listcon p {
    color: #616161;
    font-size: .9375rem;
    line-height: 1.625rem;
    margin: 1rem 0 .5rem;
}

.n_newleft ul li .new_listcon div {
    display: flex;
    align-items: center;
    gap: 5px;
    color: #727272;
    font-size: .875rem;
    line-height: 1.625rem;
}

.n_newleft ul li .new_listcon div i {
    color: #7f7f7f;
    font-size: 1.25rem;
}

.n_newright {
    display: grid;
    gap: 1.25rem;
}

.n_newright .tj_new {
    background: #fff;
    padding: 1.875rem;
    box-shadow: 0px 0px 32px 0px rgba(52, 113, 225, 0.10);
    border-radius: .625rem;

}

.n_newright .tj_new a {
    display: flex;
    color: #666666;
    font-size: .9375rem;
    line-height: 1.5;
}

.tj_new h1{ display:block; width:100%; float:left; font-size:18px; text-indent:10px;}


.n_newright .tj_al {
    background: #fff;
    padding: 1.875rem 1.75rem 1.875rem 1.5625rem;
    box-shadow: 0px 0px 32px 0px rgba(52, 113, 225, 0.10);
    border-radius: .625rem;
}

.n_newright .tj_new h5,
.n_newright .tj_al h5 {
    color: #060606;
    font-size: 1.5rem;
    line-height: 1.875rem;
    margin-bottom: 1.25rem;
}

.n_newright .tj_new ul {
    display: grid;
    gap: 1rem;
}

.n_newright .tj_new ul li a {
    padding-bottom: 1rem;
    border-bottom: 1px dashed #e6e8ed;
    position: relative;
}

.n_newright .tj_al ul {
    display: grid;
    gap: 1.25rem;
}

.n_newright .tj_al ul li a {
    display: block;
    border-radius: .625rem;
    overflow: hidden;
}
.n_newright .tj_new a p {
    padding-left: 1.25rem;
    position: relative;
    transition: all .5s;
}

.n_newright .tj_new a p::before {
    content: '';
    position: absolute;
    width: 5px;
    height: 5px;
    background: #d7dae2;
    border-radius: 50%;
    left: 5px;
    top: 50%;
    transform: translate(0,-50%);
}

.n_newright .tj_new a:hover p {
    color: #004aba;
}


.n_newright .tj_al .img_db:after {
    padding-top: 65.39%;
}

.n_newright .tj_al ul li a P {
    color: #222252;
    height: 3.375rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    background: #eaecee;
    font-size: 1.125rem;
    transition: all .5s;
}

.n_newright .tj_al ul li a:hover p {
    color: #004aba;
}

.cloud {
    width: 100%;
    position: relative;
    background: url(../images/cloudbg.jpg)center no-repeat;
    background-size: cover;
    padding: 2.5rem 0 1.25rem;
}


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

.cloud h5 {
    font-weight: bold;
    color: #212121;
    font-size: 2.25rem;
    line-height: 3.625rem;
}

.cloud p {
    color: #63646b;
    font-size: 1rem;
    line-height: 1.875rem;
}

.cloud a , .n_banner a {
    width: 11.875rem;
    height: 3.4375rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #004aba;
    border-radius: .625rem;
    color: #fff;
    font-size: 1.125rem;
    margin-top: 2.5rem;
}

/* 新闻详情 */
.ar_title {
    padding-bottom: 2rem;
    border-bottom: 1px solid #eaedf0;
    margin-bottom: 1.5rem;
}

.ar_title h4 {
    color: #060606;
    font-size: 2rem;
    line-height: 1.25;
    margin-bottom: 1.25rem;
}

.ar_title div {
    display: flex;
    align-items: center;
    gap: 1.6875rem;
}

.ar_title div p {
    color: #727272;
    font-size: .9375rem;
    line-height: 1.625rem;
}

.n_newleft .ar_article p {
    color: #616161;
    font-size: 1rem;
    line-height: 1.875rem;
}

.ar_fot {
    padding-top: 2.5rem;
    margin-top: 1.5rem;
    border-top: 1px solid #eaedf0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.ar_fot .back {
    width: 9.375rem;
    height: 2.8125rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: #004aba;
    border-radius: .625rem;
    font-size: 1rem;
    line-height: 1.875rem;
}

.ar_fot .sx {
    display: flex;
    align-items: center;
    color: #313131;
    font-size: 1rem;
    line-height: 1.875rem;
}

.ar_fot .sx i {
    font-size: 1.875rem;
    color: #004aba;
}

/* 企业资质 */

.n_head {
    color: #222252;
    font-size: 2.5rem;
    line-height: 1.5;
    font-weight: bold;
    text-align: center;
    margin-bottom: 2rem;
}

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

.n_zizhi .ul .li a {
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
    background: rgba(255, 255, 255, .6);
    border-radius: .875rem;
    border: 1px solid #ebebf5;
    padding: 3.75rem 3.75rem 2.25rem;
    transition: all .5s;
    height: 100%;
}

.n_zizhi .ul .li a:hover {
    border: 1px solid #004aba;
}

.n_zizhi .ul .li a p {
    color: #414141;
    text-align: center;
    font-size: 1.0625rem;
    line-height: 1.875rem;
}

.n_zizhi .ul .li a .img {
    height: 14.125rem;
}

.n_zizhi .ul .li a .img img {
    object-fit: contain;
}

/* 售后服务 */

.n_fuwu .n_top {
    position: relative;
    background: url(../images/fwtopbg.jpg) no-repeat;
    background-size: cover;
}

.n_fuwu .n_bot {
    position: relative;
    background:url(../images/fwtopbg.jpg) no-repeat;
    background-size: cover;
}

#fw .swiper-slide {
    background: url(../images/fucnbg.jpg) no-repeat;
    background-size: cover;
    border-radius: .875rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    height: 18.75rem;
    gap: 2.5rem;
    padding: 2.25rem 3.125rem;
}

#fw .swiper-slide img {
    margin-top: -6rem;
    width: 10rem;
}

#fw .swiper-slide p {
    text-align: center;
    color: #5e5c83;
    font-size: 1.125rem;
    line-height: 2.125rem;
}

.n_fuwu .fwyz .m {
    display: flex;
    align-items: center;
    gap: 6.25rem;
}

.n_fuwu .fwyz .yzimg {
    max-width: 34.375rem;
    width: 100%;
    height: 34.375rem;
    padding: 2.625rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.n_fuwu .fwyz .yzimg::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../images/imgdian.png)no-repeat;
    background-size: 100% 100%;
    animation: spins 15s linear infinite;
}


@keyframes spins {
    from {

        transform: rotateZ(0deg);

    }

    to {

        transform: rotateZ(360deg);
    }
}


.n_fuwu .fwyz .yzimg img {
    border-radius: 50%;
}

.n_fuwu .fwyz .yzcon h4,
.fwwx .wxcon h4 {
    text-align: left;
}

.n_fuwu .fwyz .yzcon p,
.fwwx .wxcon p {
    color: #6c6a83;
    font-size: 1.0625rem;
    line-height: 2rem;
}

.n_fuwu .fwyz .yzcon ul ,
.n_falist .m>ul  li .falistcon ul{
    display: flex;
    align-items: center;
    /* gap: 4.375rem; */
    justify-content: space-between;
    margin-top: 2.5rem;
}

.n_fuwu .fwyz .yzcon ul li ,
.n_falist .m>ul  li .falistcon ul li {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    color: #616161;
    font-size: 1rem;
    line-height: 1.875rem;
}

.n_fuwu .fwyz .yzcon ul li div,
.n_fuwu .fwyz .yzcon ul li img ,
.n_falist .m>ul  li .falistcon ul li div ,
.n_falist .m>ul  li .falistcon ul li img {
    position: relative;
    /* width: 2rem;  */
}

.n_fuwu .fwyz .yzcon ul li:hover img ,
.n_falist .m>ul  li .falistcon ul li:hover img {
    animation: jello 1.2s;
}

.n_fuwu .fwyz .yzcon ul li div::before ,
.n_falist .m>ul  li .falistcon ul li div::before {
    content: '';
    position: absolute;
    border-radius: 50%;
    width: 1.5625rem;
    height: 1.5625rem;
    background: #d6d6f6;
    bottom: -.25rem;
    right: -.5rem;
}

.fs_slide_nav {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: .625rem;
    margin: 2.5rem 0 1.875rem;
}

.fs_slide_nav li {
    display: flex;
    align-items: center;
    gap: .5rem;
    justify-content: center;
    position: relative;
    background: url(../images/slidebg.png)no-repeat;
    background-size: cover;
    color: #3a3856;
    font-size: 1.25rem;
    line-height: 2rem;
    height: 6.25rem;
    transition: all .5s;
    border-radius: .625rem;
    overflow: hidden;
    z-index: 0;
}

.fs_slide_nav li::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: url(../images/slidehoverbg.png)no-repeat;
    background-size: cover;
    opacity: 0;
    transition: all .5s;
    z-index: -1;
}

.fs_slide_nav li.on {
    color: #fff;
}

.fs_slide_nav li.on::before {
    opacity: 1;
}

.fs_slide_nav li .fsimg {
    position: relative;
    width: 2rem;
    height: 2rem;
}

.fs_slide_nav li .fsimg img {
    position: absolute;
    transition: all .5s;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.fs_slide_nav li .fsimg .bai,
.fs_slide_nav li.on .fsimg .zi {
    opacity: 0;
}

.fs_slide_nav li .fsimg .zi,
.fs_slide_nav li.on .fsimg .bai {
    opacity: 1;
}


.fs_slide_for .li {
    display: grid;
    grid-template-columns: 1fr 1fr;
    border-radius: .75rem;
    overflow: hidden;
    box-shadow: 6px 0px 8px 0px rgba(208, 225, 254, 0.65)
}


.fs_slide_for .fscon {
    padding: 4.5rem 4rem;
    background: url(../images/slideforbg.jpg)no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
}

.fs_slide_for img {
    height: 100%;
    object-fit: cover;
}

.fs_slide_for .fscon p {
    color: #5b6377;
    font-size: 1.0625rem;
    line-height: 2rem;
}


.fwwx .m {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8.125rem;
}

.fwwx .wximg {
    max-width: 36.3125rem;
    width: 100%;
    flex-shrink: 0;
    position: relative;
    z-index: 0;
}

.fwwx .wximg img {
    display: block;
    margin: auto;
}

.fwwx .wximg::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 33.125rem;
    background: url(../images/wximg.png)no-repeat;
    background-size: cover;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
    margin-top: 1.5rem;
}





.wyc {
    overflow: hidden;

    display: flex;

    justify-content: space-between;
}


.wycs {
    overflow: hidden;

    flex-grow: 1;

    position: relative;

    border-radius: .875rem;
}

.wycs .wyc_tit {
    position: absolute;

    padding: 3rem 3.125rem;

    color: #030303;

    line-height: 2.25rem;

    font-size: 1.625rem;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    z-index: 2;
}


.wycs .wyc_tit p {
    color: #fff;

    line-height: 1.875rem;
    transition: all 0.5s;
    opacity: 0;
    visibility: hidden;
    font-size: 0;
}


.wycs {
    transition: 0.7s;

    width: 15.9375rem;

    height: 100%;

    box-shadow: 6px 0px 8px 0px rgba(208, 225, 254, 0.65);
}
.wycs.on {
    box-shadow: none;
}

.wycs+.wycs {
    margin-left: 15px;
}

.wycs .wl img {
    display: block;

    border-radius: .875rem;
}

.wycs>.wl {
    height: 31.25rem;

    background-position: center center !important;

    background-size: cover !important;

    position: relative;
}

.wycs>.wl::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 0;
    transition: all .5s;
}



.wycs .wyc_tit h4 {
    color: #030303;
    font-size: 1.625rem;
    line-height: 2.25rem;
    margin-top: 1.125rem;
    font-weight: bold;
}



.wyc_tit .more {
    display: block;
    width: 2.1875rem;
    height: 2.1875rem;
    border-radius: 50%;
    transition: all .5s;
}

.wyc .on .wyc_tit p {
    opacity: 1;
    visibility: visible;
    font-size: 1.0625rem;
}

.wycs.on>.wl::before {
    opacity: 0;
}

.wycs.on .wyc_tit h4 {
    color: #fff;
    margin: 2rem 0 1rem;
}

.wycs.on .wyc_tit p {
    position: relative;
    opacity: 1;
    visibility: visible;
    font-size: 1.125rem;
}

.wycs.on .wyc_tit div {
    transition: .5s ease-in-out;
    max-width: 41.25rem;
}



.wycs.on .wyc_tit .more {
    opacity: 0;
}



.pxbox li {
    display: flex;
    gap: .625rem;
    border-radius: 1.125rem;
    overflow: hidden;
}

.pxbox li .pxbg {
    background: url(../images/pxbg.png)no-repeat;
    background-size: cover;
    max-width: 14.375rem;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 2.75rem 2.5rem;
    align-items: flex-start;
    flex-shrink: 0;
}

.pxbox li h5 {
    color: #030303;
    font-size: 1.5rem;
    line-height: 2.25rem;
    margin-bottom: .5rem;
}

.pxbox li .pxbg p {
    text-transform: uppercase;
    font-weight: lighter;
    font-family: Poppins;
    font-size: 1rem;
    line-height: 1.25rem;
    color: #93969c;
}

.pxbox li .pximg {
    position: relative;
    width: 100%;
}
.pxbox li .pximg p {
    position: absolute;
    width: calc( 100% - 128px );
    height: 100%;
    color: #fff;
    font-size: 1.0625rem;
    line-height: 2.25rem;
    left: 50%;
    top: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translate(-50%,-50%);
}
.pxbox li .pximg .img_db:after {
    padding-top: 78.5%;
}


/* 联系我们 */

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


.n_dz{
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #d7dae2;
}

.n_dz ul {
    max-width: 36.25rem;
    width: 100%;
    display: grid;
    gap: .875rem;
    margin-top: 5rem;
}


.n_dz ul  li {
    display: flex;
    align-items: center;
    gap: 1rem;
    position: relative;
}
.n_dz ul  li a {
    color: #222222;
    font-size: 1.25rem;
    line-height: 1.75rem;
}
.add1 {
    width: 3.125rem;
    height: 3.4375rem;
    border-radius: 50%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.add1 i {
    color: #333333;
    font-size: 1.25rem;
}
.add1::before {
    content: "";
    position: absolute;
    background: url(../images/dbx.png)no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 100%;
}

.ly-con form {
    max-width: 52.8125rem;
}

.ly-con .ly-left p ,
.ly-con .ly-left h5 {

    padding-left: 0;
}


.ly-con form ul input::placeholder,
.ly-con form ul textarea::placeholder {
    color: #7f7f7f;
}



/* 解决方案列表 */

.n_falist .m>ul {
    display: grid;
    gap: 3.75rem;
}

.n_falist .m>ul>li {
    padding-bottom: 3.75rem;
    border-bottom: 1px solid #d7dae1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6.75rem;
}
.n_falist .m>ul li .falistcon h5 {
    color: #060606;
    font-size: 1.75rem;
    line-height: 1.875rem;
    font-weight: bold;
    margin-bottom: 1.25rem;
}
.n_falist .m>ul  li .falistcon p {
    color: #616161;
    font-size: 1rem;
    line-height: 1.875rem;
}



.n_falist .m>ul li .img {
    max-width: 42.8125rem;
    width: 100%;
    border-radius: .875rem;
}

.n_falist .m>ul li  a {
    width: 12.5rem;
    height: 3.0625rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #004aba;
    color: #fff;
    border-radius: .375rem;
    font-size: .9375rem;
    line-height: 2.25rem;
    gap: 10px;
    margin-top: 2rem;
}

.n_falist .m>ul li  a i {
    color: #fff;
    font-size: 1.25rem;
}
.n_falist .m>ul li:last-child {
    border-bottom: none;
    padding-bottom: 0;
}
.n_falist .m>ul li:nth-child(even) {
    flex-direction: row-reverse;
}

/* 解决方案 */
.n_jjfa .m {
    max-width: 1760px;
}
.n_jjfa {
    background: url(../images/n_jjfabg.jpg)no-repeat;
    background-size: cover;
    width: 100%;
    position: relative;
}

.n_jjfa ul {
    display: grid;
    grid-template-columns: repeat(5,1fr);
    gap: 13px;
}


.n_jjfa ul li a {
    padding: 4rem 2.25rem;
    border-radius: .75rem;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 3.75rem;
    align-items: center;
    height: 100%;
}
.n_jjfa ul li:first-child a {
    background: url(../images/bybg1.jpg)no-repeat;
    background-size: cover;
}
.n_jjfa ul li:nth-child(2) a {
    background: url(../images/bybg2.jpg)no-repeat;
    background-size: cover;
}
.n_jjfa ul li:nth-child(3) a {
    background: url(../images/bybg3.jpg)no-repeat;
    background-size: cover;
}
.n_jjfa ul li:nth-child(4) a {
    background: url(../images/bybg4.jpg)no-repeat;
    background-size: cover;
}

.n_jjfa ul li:nth-child(5) a {
    background: url(../images/bybg5.jpg)no-repeat;
    background-size: cover;
}

.n_jjfa ul li a h5 {
    color: #fff;
    font-weight: bold;
    font-size: 1.625rem;
}
.n_jjfa ul li a p {
    color: #fff;
    font-size: .875rem;
    line-height: 1.625rem;
    margin: 1.5rem 0 2.25rem;
    height: 8.0625rem;
}


.n_jjfa ul li a .quanlj {
    width: 2.8125rem;
    height: 2.8125rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid rgb(255 255 255 / 70%);
    background: transparent;
    transition: all .5s;
}


.n_jjfa ul li a .quanlj i {
    color: #fff;
    font-size: 1.25rem;
}

.n_jjfa ul li:hover .quanlj {
    background: #004aba;
    border: 2px solid #004aba;
}

.n_bgal {
    padding: 6.25rem 0;
    background: url(../images/n_biaoganbg.jpg)no-repeat;
    background-size: cover;
    width: 100%;
    position: relative;
}

.n_bgal .bgalbox {
    position: relative;
    padding-bottom: 5.25rem;
}


.n_bgal .bgalbox .swiper-button-white {
    border: 2px solid #b1bacc;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: 0;
    top: auto;
    width: 3.4375rem;
    height: 3.4375rem;
    transition: all .5s;
}
.n_bgal .bgalbox .swiper-button-white:hover .iconfont {
    color: #fff;
}
.n_bgal .bgalbox .swiper-button-white div ,
.tjbox .swiper-button-white div {
    color: #6f7176;
    font-size: 2.25rem;
}
.n_bgal .bgalbox .swiper-button-white:hover ,
.tjbox .swiper-button-white:hover {
    background: #004aba;
    border: 2px solid #004aba;
}
.n_bgal .bgalbox  .bgprev {
    right: auto;
    left: 45%;
}
.n_bgal .bgalbox  .bgnext {
    right: 45%;
    left: auto;
}

#biaogan .swiper-slide {
    max-width: 23.4375rem;
    width: 100%;
    position: relative;
    overflow: hidden;
    border-radius: .75rem;
}

#biaogan .swiper-slide .img_db:after {
    padding-top: 66.68%;
}

#biaogan .swiper-slide .bgcon {
    background: #fff;
    padding: 2.5rem 2rem 2rem;
}

#biaogan .swiper-slide .bgcon p {
    font-size: .875rem;
    line-height: 1.75rem;
    color: #62628b;
    margin: 1.25rem 0 1.125rem;
}
#biaogan .swiper-slide .bgcon>i ,
 .alcon>i {
    position: relative;
    color: #222252;
    font-size: 1.125rem;
    text-align: right;
}


/* 解决方案详情 */

.n_faxq {
    margin-top: -5.4375rem;
}

.n_faxq  .m {
    display: flex;
    gap: 2.1875rem;
    align-items: flex-start;
}

.n_faxq  .faxqleft {
    max-width: 18.75rem;
    width: 100%;
    border-radius: 1rem;
    overflow: hidden;
    box-shadow: 0px 0px 32px 0px rgba(52, 113, 225, 0.1);
    position: sticky;
    top: 7rem;
}

.n_faxq  .faxqleft .fahead {
    width: 100%;
    height: 5.0625rem;
    background: #004aba;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0 1.5625rem;
}

.n_faxq  .faxqleft .fahead p {
    color: #fff;
    font-weight: bold;
    font-size: 1.5rem;
    line-height: 1.875rem;
    padding-left: 1rem;
    position: relative;
}

.n_faxq  .faxqleft .fahead p::before {
    content: '';
    position: absolute;
    width: 3px;
    height: 1.4375rem;
    background: #fff;
    left: 0;
    top: 50%;
    transform: translate(0,-50%);
}

.n_faxq .faxqleft ul {
    background: #fff;
    padding: 1.625rem 1.5625rem 2.5rem;
}
.n_faxq .faxqleft ul li>a {
    line-height: 3.25rem;
    padding-left: .9375rem;
    display: flex;
    position: relative;
    justify-content: space-between;
    border-bottom: 1px solid #e7e9e9
}

.n_faxq .faxqleft ul li>a p {
    line-height: 3.25rem;
    color: #212121;
    font-size: 1.125rem
}

.n_faxq .faxqleft ul li>a .iconfont {
    color: #6f6f6f;
}


.n_faxq .faxqleft ul li:last-child {
    border-bottom: 0
}

.n_faxq .faxqleft .sub {
    display: none;
    position: relative;
    width: 100%;
    z-index: 9;
    left: 0;
    margin-left: 0;
    background: 0;
    border: 0;
    clear: both;
    padding: 1.25rem 1rem 0;
}
.n_faxq .faxqleft .sub a {
    color: #717171;
    font-size: 1rem;
    line-height: 1.75;
    margin-bottom: .75rem;
    display: block;
    transition: all .5s;
}

.n_faxq .faxqleft .sub dt.on a ,
.n_faxq .faxqleft .sub dt:hover a {
    color: #004aba;
}


.n_faxq .faxqleft .title a .iconfont {
    color: #797979;
    font-size: 2.25rem;
    transition: all .5s
}

.n_faxq .faxqleft ul li.on .iconfont {
    transform: rotate(180deg);
    color: #7b81d9;
}

.n_faxq .faxqright {
    background: #fff;
    box-shadow: 0px 0px 32px 0px rgba(52, 113, 225, 0.1);
    border-radius: 1.5rem;
    overflow: hidden;
    padding: 4.5rem 3.125rem;
    width: 100%;
}

.n_faxq .faxqright>h4 {
    color: #323334;
    font-weight: bold;
    font-size: 2.25rem;
    line-height: 1.5;
    padding-bottom: 1.875rem;
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 2rem;
}


.tjbox {
    position: relative;
}
#tjal .alcon {
    border: 1px solid #d9dde4;
    border-top: none;
}
.alcon  {
    padding: 2.25rem 1.785rem;
    border-radius: 0 0 .75rem .75rem;
}
#tjal .swiper-slide a {
    display: block;
    border-radius: .75rem .75rem 0 0;
    overflow: hidden;
}

#tjal .swiper-slide .img_db:after {
    padding-top: 69.17%;
}

.tjbox .swiper-button-white {
    border: 2px solid #c0c1c5;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.4375rem;
    height: 3.4375rem;
    transition: all .5s;
}
.tjbox .swiper-button-white:hover .iconfont {
    color: #fff;
}
.tjbox  .prevtj {
    right: auto;
    left: -5rem;
}
.tjbox  .nexttj {
    right: -5rem;
    left: auto;
}

.n_jjfa .n_head ,
.n_comjj .n_head ,
.n_tuijian .n_head ,
.n_licheng .n_head {
    font-size: 2.25rem;
}


/* 公司简介 */

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

.n_comjj .company {
    display: flex;
    align-items: flex-end;
    gap: 7.5rem;
}

.n_comjj .company  ul {
    max-width: 26.25rem;
    width: 100%;
    display: grid;
    gap: 4.5rem 3.125rem;
    grid-template-columns: 1fr 1fr;
    flex-shrink: 0;
}
.n_comjj .company  ul li {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.n_comjj .company  ul li div {
    display: flex;
    align-items: center;
}
.n_comjj .company  ul li .counter ,
.n_comjj .company  ul li em{
    color: #004aba;
    font-family: Arial;
    font-weight: bold;
    font-size: 2.5rem;
}
.n_comjj .company  ul li p {
    color: #505f78;
    font-size: .9375rem;
    line-height: 1.5rem;
    margin: .5rem 0 1.5rem;
}
.n_comjj .company  ul li i {
    color: #5d6c84;
    font-size: 2.5rem;
}
.n_comjj .company .ar_article h4 {
    color: #060606;
    font-size: 2.25rem;
    line-height: 1.5;
}
.n_comjj .company .ar_article p {
    color: #313131;
    font-size: 1rem;
    line-height: 1.875rem;
}

.n_licheng {
    background: url(../images/n_lichengbg.jpg)no-repeat;
    background-size: cover;
    width: 100%;
    position: relative;
    height: 40.3125rem;
}

.n_licheng .lcbox {
    position: relative;
    margin: 0 4rem;
}

.n_licheng #n_lic {
    padding: 5rem 0 ;
}
.n_licheng .lcbox .txt .year ,
.licheng_slide_wap ul li .txt .year {
    font-family: BarlowCondensed-Medium;
    font-size: 2rem;
    line-height: 2.75rem;
    color: #004aba;
}

.n_licheng .lcbox .txt .con ,
.licheng_slide_wap ul li .txt .con {
    color: #414141;
    font-size: 1rem;
    line-height: 1.75rem;
}

.n_licheng .lcbox .swiper-button-white {
    border: 2px solid #777cb5;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.125rem;
    height: 3.125rem;
    border-radius: 50%;
    bottom: -7rem;
    top: auto;
    transition: all .5s;
}
.n_licheng .lcbox .swiper-button-white:hover {
    background: #777cb5;
}
.n_licheng .lcbox .swiper-button-white:hover .iconfont {
    color: #fff;
}
.n_licheng .lcbox .lcprev {
    right: auto;
    left: 45%;
}
.n_licheng .lcbox .lcnext {
    right: 45%;
    left: auto;
}
.n_licheng .lcbox .swiper-button-white .iconfont {
    color: #004aba;
    font-size: 1.5rem;
}
.n_licheng .lcbox .lcprev {
    transform: rotate(180deg)
}

.n_licheng #n_lic .swiper-slide {
    transition: all .8s ease-in-out;
}
.n_licheng #n_lic .swiper-slide-prev{
    bottom: 5rem;
}
.n_licheng #n_lic .swiper-slide-active{
    bottom: 5rem;
}
.n_licheng #n_lic .swiper-slide-active+div{
    bottom: -3rem;
}
.n_licheng #n_lic .swiper-slide-active+div+div{
    bottom: -1rem;
}
.n_licheng #n_lic .swiper-slide-active+div+div+div{
    bottom: 3rem;
}
.n_licheng #n_lic .swiper-slide-active+div+div+div+div{
    bottom: 3rem;
}
.n_licheng  #n_lic .txt {
    padding-left: 1.5rem;
    position: relative;
}


.n_licheng  #n_lic .txt:before ,
.licheng_slide_wap ul li .txt:before {
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    position: absolute;
    z-index: 99;
    left: 0;
    top: 1rem;
    background: url(../images/zidian.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;
}
.n_licheng #n_lic .swiper-slide-active .txt::after {
    height: 125px;
}
.n_licheng #n_lic .swiper-slide-active+div .txt::after {
    height: 136px;
}
.n_licheng #n_lic .swiper-slide-active+div+div .txt::after {
    height: 171px;
}
.n_licheng #n_lic .swiper-slide-active+div+div+div .txt::after {
    height: 177px;
}


.n_licheng  #n_lic .txt:after ,
.licheng_slide_wap ul li .txt:after {
    content: "";
    display: block;
    width: 1px;
    height: 99%;
    position: absolute;
    left: 0;
    top: 1rem;
    background: #babcdc;
    left: 7px;
    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 {
    display: none;
}

.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: .5rem;
}

.licheng_slide_wap ul li .txt .con {
    padding-bottom: 2rem;
    padding-top: .5rem;
}


/* 更新日志 */


.n_renew .m {
    display: grid;
    grid-template-columns: 1fr 21rem;
    gap: 3.4375rem;
    align-items: flex-start;
}

.n_renew  .releft ul {
    display: grid;
    gap: 1.875rem;
}

.n_renew  .releft ul li {
    padding-bottom: 1.875rem;
    border-bottom: 1px dashed #d6d7df;
}

.n_renew  .releft ul li a {
    display: flex;
    align-items: center;
    gap: 3.5rem;
}

.releft ul li a .retime {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #222252;
    font-family: Poppins;
    flex-shrink: 0;
}

.releft ul li a .retime h5 {
    font-size: 2.125rem;
    line-height: 2.25rem;
    font-weight: bold;
}

.releft ul li a .retime  p {
    font-size: .875rem;
    line-height: 2.25rem;
}

.releft ul li a .recon {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 1rem;
    gap: 3.75rem;
    position: relative;
    width: 100%;
}

.releft ul li a .recon::before {
    content: '';
    position: absolute;
    width: 1px;
    height: 5.3125rem;
    background: #d6d7df;
    left: -1.875rem;
    top: 50%;
    transform: translate(0,-50%);
}


.releft ul li a .rezi h5 {
    color: #313131;
    font-size: 1.25rem;
    line-height: 2.25rem;
}

.releft ul li a .rezi p {
    color: #616161;
    font-size: .9375rem;
    line-height: 2.25rem;
}

.releft ul li a .rejian {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    border: 1px solid #c8cacd;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .5s;
    flex-shrink: 0;
}

.releft ul li a .rejian i {
    color: #a2a5aa;
    font-size: 1.125rem;
}

.releft ul li a:hover .rejian {
    background: #004aba;
    border: 1px solid #004aba;
}
.releft ul li a:hover  i {
    color: #fff;
}

.n_renew .reright {
    position: sticky;
    top: 8rem;
}

.gz_tt {
    display: flex;
    align-items: flex-start;
    padding: 0 0.5rem 1.5rem 0;
    margin-bottom: 0.5rem;
    gap: 1rem;
}

.gz_tt img {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    flex-shrink: 0;
}

.gz_tt h5 {
    font-size: 1.875rem;
    color: #313131;
    font-weight: 300;
    margin-bottom: 6px;
}

.gz_tt span {
    font-size: 1.125rem;
    color: #d2d1d3;
    line-height: 1.25rem;
    font-family: BARLOW-BOLD;
    text-transform: uppercase;
}

.ewmlist {
    display: grid;
    gap: .625rem;
}

.gzbox {
    display: flex;
    align-items: center;
    background: url(../images/ewmlistbg.jpg)no-repeat;
    background-size: cover;
    margin-bottom: 0.625rem;
    padding: 1.1875rem 0 1.1875rem 1.5625rem;
    border-radius: .625rem;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    gap: .9375rem;
    height: 8.4375rem;
}

.gzbox .icoo {
    width: 2.0625rem;
    height: 2.0625rem;
    border-radius: 50%;
    overflow: hidden;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.gzbox p {
    font-size: .9375rem;
    color: #373750;
    line-height: 1.5rem;
}
.gzbox .icoo i {
    color: #004aba;
    font-size: 1.25rem;
}

/* 产品资料 */

.n_zltp {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 3rem;
}
.n_zltp h4 {
    margin-bottom: 0;
}
.n_zltp ul {
    display: flex;
    align-items: center;
    gap: .9375rem;
}

.n_zltp ul li a {
    border: 1px solid #004aba;
    width: 8.75rem;
    height: 3.125rem;
    border-radius: .625rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #004aba;
    font-size: 1.0625rem;
    line-height: 2.25rem;
    transition: all .5s;
}

.n_zltp ul li.on a ,
.n_zltp ul li:hover a {
    color: #fff;
    background: #004aba;
}

.n_prozl .m>ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.1875rem 1.25rem;
}


.n_prozl .m>ul li a {
    border-radius: .625rem;
    border: 1px solid #e4ecfc;
    padding: 2.75rem 3rem;
    display: block;
    background: rgb(255 255 255 / 70%);
}

.n_prozl .m>ul li a  h5 {
    color: #48484b;
    font-weight: bold;
    font-size: 1.375rem;
    line-height: 2.0625rem;
}

.n_prozl .m>ul li a .file {
    display: flex;
    align-items: center;
    gap: 2rem;
    margin: 1rem 0 1.5rem;
}

.file div {
    display: flex;
    align-items: center;
    gap: 3px;
    color: #414141;
    font-size: .875rem;
    line-height: 1.875rem;
}

.file div i {
    color: #727479;
    font-size: 1.125rem;
}

.n_prozl .m>ul li a .download {
    transition: all .5s;
    width: 2.5rem;
    height: 2.5rem;
    border: 1px solid #d1d2d5;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.n_prozl .m>ul li a .download i {
    color: #a1a5af;
    font-size: 1.25rem;
}

.n_prozl .m>ul li a:hover .download {
    background: #004aba;
    border: 1px solid #004aba;
}

.n_prozl .m>ul li a:hover .download i {
    color: #fff;
}

.n_prozl .page ,
.n_biaog .page ,
.n_zizhi .page {
    justify-content: center;
}

/* 404 */

.n_404 {
    height: 100vh;
    position: relative;
}
.n_404 .m {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.n_404 h5 {
    color: #272831;
    font-size: 2.25rem;
    line-height: 1.5;
}
.n_404 p {
    color: #272831;
    font-size: 1.125rem;
    line-height: 2.25rem;
    margin: .25rem 0 1.5rem;
}
.n_404 a  {
    width: 13.4375rem;
    height: 3.125rem;
    background: #004aba;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-radius: .375rem;
    gap: 5px;
    
}


#particles-js {
    position: absolute;
    z-index: 0;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/404bg.jpg)no-repeat;
    background-size: cover;
}

/* 案例详情 */

.n_alxqtop {
    padding: 5.625rem 0;
    background: url(../images/altopbg.jpg)no-repeat;
    background-size: cover;
}

.n_alxqtop  .bgxq {
    display: flex;
    border-radius: 1rem;
    overflow: hidden;
    background: rgb(255 255 255 / 70%);
    box-shadow: 0px 0px 32px 0px rgba(52, 113, 225, 0.1);
}

.n_alxqtop  .bgxq .img {
    max-width: 37.5rem;
    width: 100%;
}

.n_alxqtop  .bgxq .img_db:after {
    padding-top: 67.5%;
}

.n_alxqtop  .bgxq .bgxqcon {
    padding: 3rem 5rem 2.5rem 3.75rem;
}
.n_alxqtop  .bgxq .bgxqcon .bgname {
    display: flex;
    align-items: center;
    gap: 1.5rem;
}
.n_alxqtop  .bgxq .bgxqcon  .logoimg {
    padding-right: 1.5rem;
    position: relative;
}
.n_alxqtop  .bgxq .bgxqcon  .logoimg::before {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0,-50%);
    width: 1px;
    height: 3.25rem;
    background: #e6e8ed;
}

.n_alxqtop  .bgxq .bgxqcon .bgname h5 {
    color: #212121;
    font-size: 1.875rem;
    line-height: 1.25;
    font-weight: bold;
}

.n_alxqtop  .bgxq .bgxqcon>p {
    color: #89898c;
    font-size: .9375rem;
    line-height: 1.75rem;
    margin: 1.75rem 0 1.25rem;
}


.n_alxqtop  .bgxq .bgxqcon .dz li {
    color: #7b7b7c;
    font-size: .875rem;
    line-height: 1.875rem;
    border-radius: 1.125rem;
    background: #eff0f3;
    padding: 0 .875rem;
}
.n_alxqtop  .sjsj {
    display: flex;
    align-items: center;
    gap: 3.125rem;
    border-top: 1px solid #e6e8ed;
}
.n_alxqtop  .sjsj li .counter {
    color: #4d4d79;
}

.n_alxqtop  .sjsj li em {
    color: #004aba;
}

.n_alxqbot .m {
    display: grid;
    gap: 3.75rem;
    grid-template-columns: 1fr 20rem;
    align-items: flex-start;
}



/* .alxqbotyou {
    position: sticky;
    top: 8rem;
} */

.alxqbotyou h4 {
    color: #212121;
    font-size: 1.625rem;
    line-height: 2rem;
    margin-bottom: 1.25rem;
}
.alxqbotyou ul {
    display: grid;
    gap: .9375rem;
}
.alxqbotyou  a ,
.n_biaog ul li a{
    display: block;
    border-radius: .625rem;
    overflow: hidden;
}
.alxqbotyou .img_db:after {
    padding-top: 69.07%;
}

.alxqbotyou .botycon {
    padding: 1.625rem 2rem 2rem;
    background: #f0f2f5;
}

.alxqbotyou .botycon .tyname {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.alxqbotyou .botycon .tyname h5 {
    color: #222252;
    font-size: 1rem;
    line-height: 1.875rem;
}

.alxqbotyou .botycon .tyname  .logoimg ,
.n_biaog ul li .alcon .allogo div {
    padding-right: 1rem;
    position: relative;
}
.alcon .allogo {
    display: -webkit-box;
}
.alxqbotyou .botycon .tyname  .logoimg img {
    max-width: 5.625rem;
}
.alxqbotyou .botycon .tyname  .logoimg::before ,
.n_biaog ul li .alcon .allogo div::before {
    content: '';
    position: absolute;
    width: 1px;
    height: 1.1875rem;
    background: #c4c9d2;
    right: 0;
    top: 50%;
    transform: translate(0,-50%);
}

.alxqbotyou .botycon p {
    color: #62628b;
    font-size: .9375rem;
    line-height: 1.625rem;
    margin-top: 1.25rem;
}


/* 标杆案例 */

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

.n_biaog ul li .img_db:after {
    padding-top: 66.52%;
}

.n_biaog ul li .alcon {
    background: #fff;
}

.n_biaog ul li .alcon .allogo {
    gap: 1rem;
}

.n_biaog ul li .alcon .altimes {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
}


.n_biaog ul li .alcon .altimes span {
    color: #004aba;
    font-size: 1rem;
    line-height: 1.5;
}

/* 产品中心 */

.n_video {
    background: url(../images/videobg.jpg)no-repeat;
    background-size: cover;
    width: 100%;
}

.n_video .m {
    display: flex;
    align-items: center;
    gap: 3.75rem;
}

.n_videobox {
    max-width: 38.8125rem;
    width: 100%;
    height: 25.6875rem;
    min-height: 25.6875rem;
    border-radius: 1rem;
    overflow: hidden;
    background: rgb(115 163 251 / 20%);
    padding: 10px;
    position: relative;

}

.n_videobox .videoeye {
    position: relative;
    height: 100%;
    border-radius: 1rem;
    overflow: hidden;
}

.n_videobox  video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.n_videobox  .mask2 ,
.btn_video2 .mask3  {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
}

.n_videobox .mask2:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background: rgba(0, 0, 0, .4);
    background: url(../images/spfm.jpg)no-repeat;
}

.n_videobox .btn_video2 {
    width: 5rem;
    height: 5rem;
    position: relative;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}



.btn_video2 .mask3 img {
    animation: roll 3s infinite linear;
}
.btn_video2 svg {
    position: relative;
    z-index: 10;
}
@-webkit-keyframes roll {
    0% {
        transform: rotate(0)
    }

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

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

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


.n_video h5 {
    color: #212121;
    font-size: 1.875rem;
    line-height: 1.25;
    font-weight: bold;
    margin-bottom: 1.25rem;
}

.n_video  p {
    color: #414141;
    font-size: 1rem;
    line-height: 1.875rem;
}


.cpyslist>div .m {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10rem;
}

.cpyslist>div:nth-child(even) .m {
    flex-direction: row-reverse;
}

.cpys1 {
    background: url(../images/cpys1bg.jpg)no-repeat;
    background-size: cover;
    width: 100%;
}
.cpys2 {
    background: url(../images/cpys2bg.jpg)no-repeat;
    background-size: cover;
    width: 100%;
}
.cpys3 {
    background: url(../images/cpys3bg.jpg)no-repeat;
    background-size: cover;
    width: 100%;
}
.cpys4 {
    background: url(../images/cpys4bg.jpg)no-repeat;
    background-size: cover;
    width: 100%;
}
.cpys1 i {
    color: #7278d7;
}
.cpys2 i {
    color: #f47571;
}
.cpys3 i {
    color: #5ad6b1;
}
.cpys4 i {
    color: #4688f2;
}

.cpt {
    display: flex;
    align-items: center;
    gap: 5px;
    color: #060606;
    font-size: 1.875rem;
    line-height: 1.5;
    font-weight: bold;
    margin-bottom: 2.25rem;
}

.cpt i {
    font-size: 2.25rem;
}
.cptext ul {
    display: grid;
    gap: .5rem;
}
.cptext ul li {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    color: #414141;
    font-size: 1.0625rem;
    line-height: 1.875;
}
.cptext ul li img {
    margin-top: 6px;
    width: 1rem;
    height: 1rem;
}

.cpimg {
    position: relative;
    max-width: 40rem;
}

.cpimg .fangda {
    position: absolute;
    opacity: 0;
    top: 0;
}

.cpimg  .item {
    position: absolute;
    width: 0;
    height: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    margin-top: -4rem;
    margin-left: 10rem;
}
.circle {
    width: 2rem;
    height: 2rem;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    top: 50%;
    right: 50%;
    transform: translateX(-50%) translateY(-50%) scaleY(1);
    display: flex;
    align-items: center;
    justify-content: center;
}
.circle span {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    background-color: rgba(111, 117, 214, .5);
    -webkit-transform: scale(.2);
    -moz-transform: scale(.2);
    -ms-transform: scale(.2);
    transform: scale(.2);
    -webkit-animation: circleScale 4s linear infinite;
    -moz-animation: circleScale 4s linear infinite;
    -ms-animation: circleScale 4s linear infinite;
    animation: circleScale 4s linear infinite;
}
.circle:after {
    content: "";
    display: block;
    width: 9px;
    height: 9px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    border-radius: 50%;
    background: #004aba;
    z-index: 2;
}
.circle span:nth-of-type(2) {
    animation-delay: 2s;
}

.circle span:nth-of-type(3) {
    animation-delay: 3s;
}

@keyframes circleScale {
    0% {
      opacity: 1;
      -webkit-transform: scale(.2);
      -moz-transform: scale(.2);
      -ms-transform: scale(.2);
      transform: scale(.2)
    }
  
    100% {
      opacity: 0;
      -webkit-transform: scale(1.5);
      -moz-transform: scale(1.5);
      -ms-transform: scale(1.5);
      transform: scale(1.5)
    }
  }
#modalimg img {
    width: 100%;
}

#modalimg .modal-body {
    padding: 1rem;
}


.other {
    background: url(../images/otherbg.jpg)no-repeat;
    background-size: cover;
    width: 100%; 
}
.other  ul  {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 1.6875rem;
}
.other  ul li {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1.875rem;
    padding: .9375rem .9375rem 3rem;
    background: #fff;
    border-radius: 1rem;
    box-shadow: 0px 16px 20px 0px rgba(76, 134, 241, 0.13);
}
.other  ul li .img {
    border-radius: 1rem;
}
.other  ul li .img_db:after {
    padding-top: 98.47%;
}

.other  ul li .otcon {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .75rem;
}

.other  ul li h5 {
    color: #222252;
    font-size: 1.375rem;
    line-height: 1.5;
}

.other  ul li i {
    color: #004aba;
    font-size: 2rem;
}

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

.loud>div {
    position: relative;
    overflow: hidden;
}

.loud>div::before {
    content: '';
    position: absolute;
    width: 110%;
    height: 110%;
    background: url(../images/loudzz.png)no-repeat;
    background-size: cover;
    left: -1rem;
    top: 0;
    opacity: .85;
    transition: all .5s;
}
.loud>div:hover::before {
    opacity: .35;
}
.loud>div .louda {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2rem;
    width: 100%;
    text-align: center;
}

.loud>div .louda  h5 {
   font-size: 2.125rem;
   line-height: 1.5;
   font-weight: bold;
}

.loud>div .louda a {
    border: 1px solid rgb(255 255 255 / 50%);
    border-radius: .625rem;
    width: 11.875rem;
    height: 3.4375rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.125rem;
    line-height: 1.4375rem;
    transition: all .5s;
}

.loud>div .louda a:hover {
    background: #fff;
    border: 1px solid #fff;
    color: #004aba;
}
.loud img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

#modalimg {
    background: none;
}

.modal_bg {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .8);
}


.downmenu .hoverblue dt a{
    color: #004aba !important;
    transition: all .5s;
}


.fancybox-is-fullscreen .fancybox-video, .fancybox-is-fullscreen .fancybox-iframe {
    padding: 60% 0;
}




.cpimg .kick{
    background: url(../images/fdimgbg.jpg)no-repeat;
    background-size: cover;
    border-radius: .875rem;
    padding: 2.8125rem .625rem .625rem .625rem;
    display: block;
}
.cpimg .kick2{
    background: url(../images/fdimgbg2.jpg)no-repeat;
    background-size: cover;
    border-radius: .875rem;
    padding: 2.8125rem .625rem .625rem .625rem;
    display: block;
}

.cpimg .cpshadow {
    box-shadow: 0 0 28px 0px rgba(52, 113, 225, 0.2);
    margin-bottom: 12px;
    min-height: 25.9375rem;
    display: flex;
    align-items: center;
    justify-content: center;
}


.cpimg ul {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 7px;
}

.cpimg ul li {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    color: #343638;
    font-size: .9375rem;
    background: #fff;
    border-radius: .625rem;
    box-shadow: 16px 0 20px 0px rgba(76, 134, 241, 0.13);
    height: 5.3125rem;
    padding: 0;
    line-height: 1.5;

}

.cpimg ul li:hover img {
    animation: jello 1.2s;
}

.cpimg ul li div {
    width: 2.9375rem;
    height: 2.9375rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}


/* 网站地图 */

.n_wwwmap h5 {
    color: #212121;
    font-size: 1.375rem;
    line-height: 1.5rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: 2.5rem;
}
.n_wwwmap .m>ul {
    display: grid;
    gap: 2.5rem;
}

.n_wwwmap  .m>ul li {
    border: 1px solid #d6d8db;
}
.n_wwwmap   .m>ul li>div {
    padding: 0 2rem;
    display: flex;
    align-items: center;
}
.n_wwwmap   .m>ul li .maptop {
    width: 100%;
    background: #f4f7fc;
    height: 2.8125rem;
}

.n_wwwmap   .m>ul li .maptop a {
    color: #212121;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: bold;
}

.n_wwwmap   .m>ul li a {
    transition: all .5s;
}

.n_wwwmap   .m>ul li a:hover ,
.n_wwwmap   .m>ul li .mapbot dt a:hover ,
.n_wwwmap   .m>ul li .mapbot dd a:hover {
    color: #004aba;
}
.n_wwwmap   .m>ul li .mapbot {
    width: 100%;
    padding: 1rem 2rem;
    gap: 2.25rem;
    align-items: flex-start;
}
.n_wwwmap   .m>ul li .mapbot dt {
    margin-bottom: .875rem;
}
.n_wwwmap   .m>ul li .mapbot dt a {
    font-size: .9375rem;
    font-weight: bold;
    color: #616161;
    transition: all .5s;
}
.n_wwwmap   .m>ul li .mapbot dd a {
    color: #616161;
    font-size: .875rem;
    transition: all .5s;
    line-height: 1.5rem;
}

.tzyagnshi{ width:100%; float:left;}
.tzyagnshi li{ width:23%; float:left; text-align:center; margin:1%;}
.tzyagnshi li a img{ width:100%; height:auto; float:left; border:1px solid #666;}
.tzyagnshi li a:hover img{border:1px solid #004aba;}
/************/

.ymchanpin{ width:100%; float:left;}
.ymcplist{ width:20%; float:left;}
.ymcplist h1{ display:block; width:100%; float:left; font-size:18px; height:45px; line-height:45px; text-indent:10px; background:#004aba; color:#FFF;}
.ymcpul{ width:100%; float:left;}
.ymcpul span{ display:block; width:100%; float:left; height:30px; line-height:30px; text-indent:10px; border-bottom:1px solid #666; margin-top:10px;}

.yimacpul{ width:75%; float:left; margin-left:5%;}
.yimacpul li{ width:100%; float:left;}
.yimacpul li a img{ width:100%; height:auto; border:1px solid #CCC;}

.ymcpul span a:hover{ color:#004aba;}

.p_wu{ display:none !important;}
.m_wu{ display:block !important;}
.sjbdmap{ display:none !important;}
@media only screen and (max-width: 1000px){
.m_wu{ display:none !important;}
.p_wu{ display:block !important;}

.myflexslider{ position: relative}
/*幻灯片标题*/
 .flex-caption { width:100%; padding:3px 0px; position: absolute; bottom: 3px;color: #fff;text-align: right;font-size: 14px;line-height: 22px;height:22px;max-width:640px}
/* FlexSlider Necessary Styles*/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}	
.flex-control-nav{ width: 100%;position:absolute; bottom:10px;  margin:0px; text-align: center; border:0px dashed red}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: #fdaa00; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background: #333; background:#1596d4; }
.flex-control-paging li a.flex-active { background: #000; background: #1596d4; cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}
/***************/




.sjbdmap{ display:block !important; margin-top:80px;}
.sjfoot{
	width:100%;
	padding:5px 0px 5px 0px;
	background:#f8f8f8;
	position:fixed;
	height:63px;
	bottom: 0;
	left: 0;
	z-index:100000;
	border-bottom:1px solid #e6e4e4;
	border-top:1px solid #e6e4e4;
	}	
	
.sjfoot ul{
	width:100%;
	float:left;
	}
.sjfoot li{
	float:left;
	width:24.5%;
	height:63px;
	line-height:93px;
	border-right:1px solid #e6e4e4;
	text-align:center;
	overflow:hidden;
	}
.sjfoot a li{
	color:#6d6b6b;
}	
	
.hm1{
	background:url(../images/home1.png) no-repeat center top;}	
	
.hm2{
	background:url(../images/phone.png) no-repeat center top;}	
.hm3{
	background:url(../images/contact.png) no-repeat center top;}	
#hm4{
	background:url(../images/map.png) no-repeat center top;	border-right:none;}		
/********************************/


.ymcplist{ width:100%; float:left;}	
.ymcpul span{ display:block; width:48%; float:left; height:30px; line-height:30px; text-indent:10px; border-bottom:1px solid #666; margin-top:10px; margin-left:1%; margin-right:1%;}

.yimacpul{ width:100%; float:left; margin-left:0; margin-top:30px;}
.yimacpul li{ width:100%; float:left;}
.yimacpul li a img{ width:100%; height:auto; border:1px solid #CCC;}

	}