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

#header {
    z-index: 999;
    height: 7.5rem;
    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 {
    display: flex;
    height: 100%;
    justify-content: space-between;
    align-items: center;
    position: static;
    gap: 5rem;
    padding: 0;
}

#header .fr {
    display: flex;
    justify-content: space-between;
    flex-grow: 1;
    max-width: 1200px;
    gap: 7.5rem;

}





#logo {
    flex-shrink: 0
}

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

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

#logo .img01 {
    display: none
}

#logo .img02 {
    display: block
}

#nav {
    flex-grow: 1
}

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

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

#nav ul li>a {
    display: block;
    font-size: 1.0625rem;
    color: #fff;
    line-height: 4.5rem;
    overflow: hidden;
    text-align: center;
    position: relative;
    z-index: 1;
    display: inline-block;
    font-weight: bold;
  
   font-family: SOURCEHANSERIFSC-BOLD;

}

#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 {
    border-radius: .875rem;
    background: #0f1316;
    min-width: 100%;
    width: auto;
    padding: 1.75rem 2.25rem;
    -webkit-box-shadow: 0 3px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 3px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 5px #01012a;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    align-items: flex-start;
    position: relative;
}

#nav li .sub .box::before {
    content: '';
    position: absolute;
    width: 1px;
    /* height: 83%; */
    height: calc(100% - 2.5rem);
    top: 50%;
    transform: translate(0, -50%);
    left: 2.25rem;
    background: rgb(255 255 255 / 25%);
}

#nav li .sub a {
    line-height: 2.5;
    transition: .3s;
    font-size: 1rem;
    line-height: 1.5;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    padding-left: 1.5rem;
    position: relative;
    font-family: SOURCEHANSERIFSC-MEDIUM;
    font-weight: normal;
}

#nav li .sub a::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    width: 2px;
    height: 14px;
    background: #b21d25;
    opacity: 0;
    transition: all .5s;
}

#nav li .sub a:hover::before {
    opacity: 1;
}

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

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

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

#header .top_menu .top_phone,
#header .top_menu .top_btn_search {
    width: 3.3125rem;
    height: 3.3125rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    transition: all .5s;

}



.top_menu .top_phone {
    background: #ffffff
}

#header.xg .top_menu .top_phone {
    background: #b21d25;
}

#header.xg .top_menu .top_phone i {
    color: #fff;
}

.top_menu .top_phone i {
    color: #b21d25;
    font-size: 1.5rem;
}

#header .top_menu .top_btn_search {
    background: #b21d25;
    cursor: pointer;
}

#header .top_menu .top_btn_search i {
    color: #fff;
    font-size: 1.75rem;
}


.language_sub {
    position: absolute;
    left: 50%;
    top: 90%;
    width: 250px;
    background: #181e22;
    border-radius: 5px;
    opacity: 0;
    visibility: hidden;
    transition: .5s;
    transform-origin: top;
    transform: scaleY(0) translateX(-50%)
}

.top_menu .top_phone:hover .language_sub {
    opacity: 1;
    visibility: visible;
    transform: scaleY(1) translateX(-50%);
    top: 150%;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1)
}

.language_sub a {
    display: block;
    text-align: left;
    justify-content: flex-start !important;
    padding: 1rem 2rem;
    text-transform: capitalize;
    padding-left: 23%;
    font-size: 1rem;
    color: #fff;
    position: relative;
    z-index: 1;
    transition: .5s
}


.language_sub a:after {
    content: "";
    display: block;
    width: 3px;
    height: 0;
    background: #b21d25;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: .5s
}

.language_sub a.on:after {
    height: 100%
}

.language_sub a:hover:after {
    height: 100%;
    top: 0;
    bottom: auto
}



#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 {
    line-height: 6.5rem;
    color: #333
}

#header.xg #nav ul li>a:before {
    background: #000095;
}

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

#header.xg #logo .img02 {
    display: none
}

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



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

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

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

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

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



#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: 20px
}

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

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

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

.m_nav_list {
    width: 100%
}

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

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

.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: 17rem;
    height: 100vh;
    top: 0;
    display: none;
    padding: 50px 0;
    overflow: hidden;
    pointer-events: none;
    transition: all .5s .5s cubic-bezier(0.445, 0.145, 0.355, 1);
    display: block;
    overflow: auto;
    visibility: hidden;
    opacity: 0;
    transform-origin: left;
    left: auto;
    right: 0;
    pointer-events: none;
    transform: perspective(600px) rotateY(-90deg);
    transform-origin: right;
    transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1);
    -webkit-transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1);
    -moz-transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1);
    -o-transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1);
    -ms-transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1)
}

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

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

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

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

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

#m_nav li .a {
    display: block
}

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

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

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

#m_nav li i {
    font-size: 0
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.search-dialog .search-input input[type=button] {
    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 input[type=button],
.search-dialog .search-input .clear-btn {
    float: right;
    height: 4.5rem;
    width: 3.5rem;
}

.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%;


}

#m_n_nav #n_n_title {
    background: #000095;
}

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

#bnt_back {}

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

#m_n_nav i {}

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

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

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

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

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

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

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

#sub_nav_content ul {
    padding: 10px;
}

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

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

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

#sub_nav_content dl {
    font-size: 0;
    overflow: hidden;
    background: #fff;
    padding: 10px 0;
    border-top: 1px solid #e7e7e7;
    display: grid;
    grid-template-columns: repeat(3, 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 a {}

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

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

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


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

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

#sub_nav_content dt.on a,
#sub_nav_content dt.title_on a {
    color: #fff;
    background: #000095;
}

#sub_nav_content dd {}

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

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


#banner {
    position: relative;
    z-index: 0;
    height: 100vh !important;
}

#banner .kzbutton {
    width: 10.3125rem;
    height: 10.3125rem;
    border-radius: 50%;
    position: absolute;
    right: 8.75rem;
    bottom: 6.25rem;
    z-index: 15;
    display: flex;
    align-items: center;
    justify-content: center;
}

#banner .kzbutton span {
    width: 5rem !important;
    height: 5rem !important;
    display: inline-block;
    background: none;
    opacity: 1;
    position: relative;
    cursor: pointer;
}


#banner .kzbutton span:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    border: 5px solid #ffffff;
    border-radius: 50%;
    z-index: -1;
}

#banner .kzbutton span svg.drawcircle {
    width: 100%;
    height: 100%;
    padding: 2.5px;
}

#banner .kzbutton span svg.drawcircle circle {
    fill: none;
    box-sizing: border-box;
    stroke-width: 5;
    stroke-dasharray: 251;
    stroke-dashoffset: 251;
}

/*#banner .kzbutton span.animate svg.drawcircle circle {*/
/*    animation: svgrotate 8s ease-in-out infinite;*/
/*}*/

#banner .kzbutton span i {
    color: #fff;
    font-size: 1.5rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

#banner .kzbutton span .icon-bofang1,
#banner .kzbutton span.bf .icon-stop {
    opacity: 0;
}

#banner .kzbutton span.bf .icon-bofang1,
#banner .kzbutton span .icon-stop {
    opacity: 1;
}


@-webkit-keyframes svgrotate {
    0% {
        stroke: rgba(178, 29, 37, 1);
        stroke-dashoffset: 251;
    }

    100% {
        stroke: rgba(178, 29, 37, 1);
        stroke-dashoffset: 0;
    }
}

#banner .kzbutton::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: url(../images/zmquan.png)no-repeat;
    background-size: cover;
    animation: spins 15s linear infinite;
}


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

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

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



#banner video {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    object-fit: cover;
    display: block;
}

#banner .swiper-slide a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}

#banner .swiper-slide a::before {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    background: rgb(0 0 0 / .2);
}

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

#banner .swiper-slide {
    overflow: hidden
}

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

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

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

#banner .txt h5 {
    font-size: 3rem;
    line-height: 4.125rem;
    font-family: SOURCEHANSERIFSC-HEAVY;
    position: relative;
}

#banner .txt h5::before {
    content: '';
    position: absolute;
    width: 1.1875rem;
    height: 1.1875rem;
    background: #b21d25;
    right: -1.875rem;
    top: -.125rem;
    border-radius: 50%;
}

#banner .txt h4 {
    font-size: 3.75rem;
    font-weight: bold;
    margin-top: .5rem;
    line-height: 4.125rem;
    font-family: SOURCEHANSERIFSC-HEAVY;
    margin-top: 1rem;
}

#banner .txt p {
    font-family: SOURCEHANSERIFSC-MEDIUM;
    font-size: 1.25rem;
    line-height: 2.3125rem;
    color: rgb(255 255 255 / 60%);
    max-width: 39.6875rem;
    margin-top: 1.875rem;
}




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

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

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

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

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



@-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 {
    position: static;
    display: flex;
    gap: .5rem
}



.n_banner {
    height: 36.25rem;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.sz_banner{
    height: 25.25rem;
}
.sz_banner #n_yeswiper .m{
    padding-top: 4rem;
}
@media(max-width:780px){
    .sz_banner #n_yeswiper .m{
        padding-top: 0;
    }
}
#n_yeswiper {
    height: 100%;
}
/* 
.n_banner .swiper-slide::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / .5);
    left: 0;
    top: 0;
    z-index: -1;
} */

#n_yeswiper h4 {
    color: #fff;
    font-size: 3.625rem;
    line-height: 1.25;
    font-family: SOURCEHANSERIFSC-HEAVY;
}

#n_yeswiper p {
    color: rgb(255 255 255 / 60%);
    font-weight: bold;
    font-size: 1.25rem;
    line-height: 2.3125rem;
    margin-top: .5rem;
    font-family: SOURCEHANSERIFSC-MEDIUM;
}

.n_banner img {
    margin-top: 1.5rem;
}
.about_banner img {
    margin-bottom: 15.5rem;
    margin-top: 0;
}

#n_yeswiper .m {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

#n_yeswiper .swiper-button-white {
    width: 4.375rem;
    height: 4.375rem;
    border-radius: 50%;
    border: 1px solid rgb(255 255 255 / 50%);
    display: flex;
    align-items: center;
    justify-content: center;
}

#n_yeswiper .swiper-button-white i {
    font-size: 1.25rem;
    color: rgb(255 255 255 / 50%);
}

#n_yeswiper .nyenext i {
    transform: rotateY(180deg);
}

#n_yeswiper .nyenext {
    left: auto;
    right: 4.5rem;
}

#n_yeswiper .nyeprev {
    right: auto;
    left: 4.5rem;
}


#pcnav {
    height: 4.5rem;
    border-bottom: 1px solid #ebeef1;
    background: #fff;
}

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

.position a .ico {
    width: 4rem;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-left: 1px solid #ebeef1;
    border-right: 1px solid #ebeef1;
}

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

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

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

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

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

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

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

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


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

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


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



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

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

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

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



.position a:hover {
    color: #000095;
}

.position a:last-child {
    color: #000095;
}

.s_work {
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 9;
}

.s_workhead {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 5rem;
}

.s_workhead .work_slide_nav {
    display: flex;
    align-items: center;
    gap: 3.75rem;
}

.s_workhead .work_slide_nav li {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.s_workhead .work_slide_nav li .icos {
    width: 5.375rem;
    height: 5.375rem;
    background: url(../images/yuan1.png)top no-repeat;
    background-size: contain;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 0;
}

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

.s_workhead .work_slide_nav li .icos img {
    max-width: 2.5rem;
    position: absolute;
    transition: all .5s;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.s_workhead .work_slide_nav li.on .icos .hui,
.s_workhead .work_slide_nav li .icos .hong {
    opacity: 0;
}

.s_workhead .work_slide_nav li .icos .hui,
.s_workhead .work_slide_nav li.on .icos .hong {
    opacity: 1;
}

.s_workhead .work_slide_nav li p {
    color: #8b8b8c;
    font-size: 1.125rem;
    line-height: 2.1875rem;
    font-family: SOURCEHANSERIFSC-BOLD;
    transition: all .5s;
}

.s_workhead .work_slide_nav li.on p {
    color: #b21d25;
}

.s_workhead .work_slide_nav li.on .icos::before {
    opacity: 1;
}

.s_tit {
    display: flex;
    flex-direction: column;
}

.s_tit h4 {
    color: #b21d25;
    font-family: Swis721 Blk BT;
    font-size: 5rem;
    line-height: 3.5rem;
    text-transform: uppercase;
    position: relative;
    margin-bottom: 4rem;
}

.s_tit h4::before {
    content: '';
    position: absolute;
    width: 100%;
    left: 0;
    bottom: -3rem;
}

.s_work .s_tit h4::before {
    height: 2rem;
    background: url(../images/Works_.png)no-repeat;
    background-size: contain;
    left: .5rem;
}

.s_about .s_tit h4::before {
    height: 1.75rem;
    background: url(../images/about_.png)no-repeat;
    background-size: contain;
}

.s_newshead .s_tit h4::before {
    height: 2rem;
    background: url(../images/news_.png)no-repeat;
    background-size: contain;
    left: .375rem;
}


.s_tit h5 {
    color: #292929;
    font-family: SOURCEHANSERIFSC-HEAVY;
    font-size: 3.75rem;
    margin: .5rem 0;
    position: relative;
}

.s_tit h5::before {
    content: '';
    position: absolute;
    width: 1.1875rem;
    height: 1.1875rem;
    background: #b21d25;
    border-radius: 50%;
    z-index: 0;
}

.s_work .s_tit h5::before {
    left: -4rem;
    top: .5rem;
}

.s_about .s_tit h5::before {
    right: -4rem;
    top: .5rem;
}

.s_newshead .s_tit h5::before {
    right: -2.5rem;
    top: .5rem;
}

.s_tit p {
    color: #8a8888;
    font-size: 1.375rem;
    line-height: 1.5;
    margin-top: 1.25rem;
}

.s_tit img {
    margin-top: 2.5rem;
    display: block;
}

.s_work .s_tit {
    align-items: flex-end;
}

.s_about .s_tit,
.s_newshead .s_tit {
    align-items: flex-start;
}


.s_workslide_for {
    margin-top: 2.5rem;
}

.s_workslide_for .li::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / .2);
    left: 0;
    top: 0;
}

.s_workslide_for .li .s_worktext {
    position: absolute;
    bottom: 4.375rem;
    left: 8.0625rem;
}

.s_workslide_for .li .s_worktext h4 {
    font-family: youshebt;
    color: #fff;
    font-size: 4.125rem;
}

.s_workslide_for .li .s_worktext p {
    color: rgb(255 255 255 / 35%);
    font-size: 1.25rem;
    line-height: 1.5;
    font-family: Disney English;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: .75rem;
}

.s_workslide_for .li .s_worktext h5 {
    color: #fff;
    font-family: youshebt;
    font-size: 1.625rem;
    position: relative;
    display: inline-block;
}

.s_workslide_for .li .s_worktext h5::before {
    content: '';
    position: absolute;
    width: .75rem;
    height: .75rem;
    border: 2px solid #b21d25;
    border-radius: 50%;
    background: transparent;
    right: -1.25rem;
    top: -0.25rem;
}

.slide_for , .sj_slidetit {
    position: relative;
}

.sj_slidetit {
    width: 100%;
}

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

.s_workslide_for .s_lianjie {
    position: absolute;
    bottom: 3.5rem;
    right: 9.125rem;
}

.s_lianjie .zhuanq {
    position: relative;
}

.s_lianjie .zhuanq {
    width: 6.6875rem;
    height: 6.6875rem;
    border-radius: 50%;
}

.s_workslide_for .s_lianjie .zhuanq::before,
.s_aboutcon .s_lianjie .zhuanq::before,
.s_kind .s_lianjie .zhuanq::before,
.s_newshead .s_lianjie .zhuanq::before,
.hoverbox .s_lianjie .zhuanq::before,
.n_newhead .s_lianjie .zhuanq::before ,
.n_zghead .s_lianjie .zhuanq::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../images/viewyuan.png)no-repeat;
    background-size: cover;
    left: 0;
    top: 0;
    animation: spins 15s linear infinite;
}


.s_newcon2 .s_lianjie .zhuanq::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../images/newyuan.png)no-repeat;
    background-size: cover;
    left: 0;
    top: 0;
    animation: spins 15s linear infinite;
}


.s_lianjie .zhuanq::after {
    content: '';
    position: absolute;
    transition: all .5s;
    top: 50%;
    transform: translate(0, -50%);
    left: 50%;
    width: 7.5rem;
    height: 12px;
}


.s_workslide_for .s_lianjie .zhuanq::after,
.s_kind .s_lianjie .zhuanq::after,
.s_newcon2 .s_lianjie .zhuanq::after {
    background: url(../images/baiarrow.png)no-repeat;
    background-size: 100% 100%;
}

.s_aboutcon .s_lianjie .zhuanq::after,
.s_newshead .s_lianjie .zhuanq::after,
.hoverbox .s_lianjie .zhuanq::after,
.n_newhead .s_lianjie .zhuanq::after ,
.n_zghead .s_lianjie .zhuanq::after {
    background: url(../images/heiarrow.png)no-repeat;
    background-size: 100% 100%;
}

.s_lianjie:hover .zhuanq::after {
    transform: translate(-25%, -50%);
}



.s_lianjie {
    display: inline-flex;
    align-items: center;
    gap: 5rem;
    font-size: 1rem;
    line-height: 1.5;
    text-transform: uppercase;
    font-family: MIRIAMLIBRE-REGULAR;
}

.s_workslide_for .s_lianjie,
.s_newcon2 .s_lianjie {
    color: #fff;
}

.s_aboutcon .s_lianjie {
    color: #595959;
}


.s_abouthead {
    display: flex;
    align-items: flex-start;
    gap: 5rem;
    justify-content: space-between;
    position: relative;
    z-index: 10;
}

.s_abouthead ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 1.75rem;
    flex-shrink: 0;
    max-width: 64.25rem;
    width: 100%;
}

.s_abouthead ul li {
    display: flex;
    flex-direction: column;
    width: 11.25rem;
    align-items: center;
}

.s_abouthead ul li .counter {
    color: #323232;
    font-size: 3.875rem;
    line-height: 1.25;
    font-family: BAHNSCHRIFT;
    text-transform: uppercase;
    transition: all .5s;
}


.s_abouthead ul li div {
    display: flex;
    align-items: flex-start;
}

.s_abouthead ul li em {
    font-size: .9375rem;
    line-height: 1.5;
    color: #323232;
    transition: all .5s;
}

.s_abouthead ul li p {
    color: #292929;
    font-size: .9375rem;
    line-height: 1.5;
}

.s_abouthead ul li:hover .counter {
    color: #b21d25;
    text-shadow: 15px 10px 10px rgb(178 29 37 / .2);
}

.s_abouthead ul li:hover em {
    color: #b21d25;
}

.s_kind {
    height: 100vh;
    position: relative;
    z-index: 0;
}



.s_kind .bd .box {
    position: relative;
    height: 100%;
    z-index: 1;
    display: flex;
    align-items: center;
}

.s_kind .bd .bg {
    background-size: cover !important;
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.s_kind .bd .bg::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 21.5625rem;
    background: url(../images/s_yahei.png)no-repeat;
    background-size: cover;
    bottom: 0;
    left: 0;
    z-index: -1;
}

.s_kind .bd .txtbox {
    padding-bottom: 6%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10rem;
}

.s_kind .bd .txtbox .txt p {
    width: 46.25rem;
}

.s_kind .bd .txt {
    transform: translateY(7rem);
    opacity: 0;
    transition: .7s;
    width: 100%;
    position: relative;
    z-index: 10;
}


.s_kind .bd .txt a {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
    z-index: 10;
    color: #fff;
}

.s_kind .bd .swiper-slide-active .txt {
    transform: translateY(0);
    opacity: 1;
}

.s_kind .bd .txtbox h3 {
    font-size: 3.75rem;
    line-height: 4.75rem;
    color: #fff;
    margin-bottom: 1.5rem;
    font-family: SOURCEHANSERIFSC-HEAVY;
    position: relative;
}

.s_kind .bd .txtbox h3::before {
    content: '';
    position: absolute;
    width: 1.1875rem;
    height: 1.1875rem;
    background: #b21d25;
    border-radius: 50%;
    left: 80%;
    top: 5%;
}

.s_kind .bd .txtbox h3::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -3rem;
    background: url(../images/bailine.png)no-repeat;
    background-size: cover;
    width: 10.3125rem;
    height: 1.125rem;
}

.s_kind .bd .txtbox h4 {
    color: #fff;
    font-size: 2.25rem;
    line-height: 1.25;
    font-family: SOURCEHANSERIFSC-HEAVY;
}

.s_kind .bd .txtbox p {
    font-size: 1.125rem;
    line-height: 2.25rem;
    color: rgb(255 255 255 / 80%);
    margin: 1.875rem 0 4.5rem;
}

.s_kind .hd {
    position: absolute;
    z-index: 3;
    bottom: 0;
    left: 0;
    width: 100%;
}

.s_kind .bd .box .m {
    height: auto;
}

#gallery,
.s_kind .bd {
    height: 100%;
    position: relative;
}

.s_kind .hd .outbox {
    position: relative;
}

.s_kind .hd .box {
    height: 8.25rem;
    cursor: pointer;
    transition: all .5s;
    padding: 2rem;
    background: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    gap: 1.375rem;
    color: #fff;
    font-size: 1.25rem;
    line-height: 1.875rem;
    font-family: SOURCEHANSERIFSC-HEAVY;
}

.s_kind .hd .box h5 {
    color: #fff;
    font-size: 1.5rem;
    line-height: 1.875rem;
    font-weight: bold;
    text-transform: capitalize;
}

#thumbs .my-slide-thumb-active .box {
    background: rgba(255, 255, 255, 0.3);
}

#thumbs .swiper-slide {
    border: 1px solid rgb(255 255 255 / 26%);
}

#gallery .swiper-slide::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.2);
    z-index: 0;
}


.s_aboutjsbox {
    margin-top: -6.5rem;
}

.s_aboutjsbox .m {
    display: flex;
    align-items: flex-end;
}


.s_aboutjsbox .s_aboutvideo {
    flex-shrink: 0;
    position: relative;
}

.s_aboutjsbox .s_aboutvideo .videobox {
    width: 21.875rem;
    height: 21.875rem;
    background: rgba(178, 29, 37, 0.9);
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 0 1.75rem 3.75rem;
    display: flex;
    align-items: flex-end;
}

.s_aboutjsbox .s_aboutvideo .videobox .vx {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 1.875rem;
}

.s_aboutjsbox .s_aboutvideo .videobox P {
    font-family: SOURCEHANSERIFSC-HEAVY;
    color: #fff;
    font-size: 1rem;
    line-height: 1.875rem;
}

.s_aboutvideo .videobox .ll {
    position: relative;
    z-index: 0;
}

.videobox .circle ,
.about_video .circle {
    transform: scale(1.5);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
}

 .videobox .circle span {
    border: rgba(255, 255, 255, .5) 4px solid;
}

.circle span {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    border: #fff 1px solid;
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
    -webkit-animation: circleScale 3s linear infinite;
    -moz-animation: circleScale 3s linear infinite;
    -ms-animation: circleScale 3s linear infinite;
    animation: circleScale 3s linear infinite;
    transition: .5s;
}

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

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

@keyframes circleScale {
    0% {
        opacity: 1;
        -webkit-transform: scale(0.7);
        -moz-transform: scale(0.7);
        -ms-transform: scale(0.7);
        transform: scale(0.7);
    }

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

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

    60% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(3);
        -moz-transform: scale(3);
        -ms-transform: scale(3);
        transform: scale(3);
    }
}

.s_aboutcon {
    background: #eceff2;
    padding: 4.375rem 7.125rem 5rem 6.25rem;
    width: 100%;
}

.s_aboutcon h4 {
    color: #292929;
    font-size: 2.9375rem;
    line-height: 4.75rem;
    font-family: SOURCEHANSERIFSC-MEDIUM;
}

.s_aboutcon h4 span {
    font-family: SOURCEHANSERIFSC-HEAVY;
}

.s_aboutcon>div {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4.5rem;
    margin: 5rem 0 7.5rem;
}

.s_aboutcon>div p {
    color: #0d0d0d;
    font-size: 1rem;
    line-height: 2.25rem;
}


.s_newshead {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 5rem;
}

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

.s_news ul li a {
    border: 1px solid #e5e5e5;
    padding: 2rem 2.125rem 1.75rem;
    display: block;
    position: relative;
    overflow: hidden;
    transition: all .5s;
}

.s_news ul li:nth-child(2) {
    transform: translateY(-6.25rem);
}

.s_news ul li a .img_db:after {
    padding-top: 56.335%;
}

.s_news ul li a .s_newcon1 {
    padding: 1.5rem .625rem;
}

.s_news ul li a .s_newcon1 span {
    font-family: MIRIAMLIBRE-REGULAR;
    color: #9d9c9c;
    font-size: 1rem;
    line-height: 1.5rem;
}

.s_news ul li a .s_newcon1 h5 {
    color: #000000;
    font-size: 1.5rem;
    line-height: 2.125rem;
    font-weight: bold;
    margin: 1.75rem 0 3.125rem;
}

.s_news ul li a .s_newcon1 div,
.n_zixun ul li a .n_zxcon .ckmore,
#n_xqswiper a .n_xqcon .ckmore {
    display: flex;
    align-items: center;
    gap: .5rem;
    color: #717171;
    font-size: 1rem;
    line-height: 1.5rem;
}

.s_news ul li a .s_newcon1 div i,
.n_zixun ul li a .n_zxcon .ckmore i,
#n_xqswiper a .n_xqcon .ckmore i {
    font-size: 1.75rem;
}

.s_news ul li a .s_newcon2 {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    top: 100%;
    transition: all .5s;
    padding: 2.25rem 2.25rem 3rem;
    background: #b21d25;
}

.s_news ul li a .s_newcon2 span {
    color: rgb(255 255 255 / 60%);
    font-size: 1rem;
    line-height: 1.5rem;
}

.s_news ul li a .s_newcon2 h4 {
    font-size: 1.875rem;
    line-height: 3.0625rem;
    color: #fff;
    font-weight: bold;
    margin: 1.5rem 0 2.5rem;
}

.s_news ul li a .s_newcon2 p {
    color: rgb(255 255 255 / 70%);
    font-size: 1rem;
    line-height: 1.875rem;
    margin-bottom: 3rem;

}


.s_news ul li a:hover {
    border: 1px solid transparent;
}

.s_news ul li a:hover .s_newcon2 {
    top: 0;
}

.s_duihua {
    background: url(../images/s_bottom.jpg)bottom no-repeat;
    background-size: cover;
    width: 100%;
    position: relative;
    padding-bottom: 12.5rem;
}

.s_duihua a {
    position: absolute;
    width: 8.1875rem;
    height: 8.1875rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 5;
    left: 50%;
    transform: translate(-50%, 0);
    bottom: -2rem;
    color: #fff;
    font-family: SOURCEHANSERIFSC-HEAVY;
    font-size: 1.5rem;
    line-height: 1.875rem;
}

.s_duihua a::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: url(../images/yijian.jpg)no-repeat;
    background-size: cover;
    border-radius: 50%;
    z-index: -1;
    animation: spins 15s linear infinite;
}

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

.s_duihua h4 {
    font-family: SOURCEHANSERIFSC-HEAVY;
    font-size: 3.125rem;
    line-height: 1.5;
    position: relative;
}

.s_duihua h4::before {
    content: '';
    position: absolute;
    width: 33px;
    height: 30px;
    background: url(../images/yinhao.png)no-repeat;
    background-size: cover;
    left: -2.5rem;
    top: -2rem;
}


.s_duihua h4 span {
    color: #b21d25;
}


#foot .foot_box {
    display: grid;
    border-bottom: 1px solid #f1f1f1;
    grid-template-columns: .6fr .4fr;
    border-bottom: 1px solid #f1f1f1;
}

.foot_left {
    padding-left: 9.125rem;
    padding-right: 4.5rem;
    padding-top: 9.375rem;
    display: flex;
    flex-direction: column;
    gap: 7.5rem;
    border-right: 1px solid #f1f1f1;
}

.foot_left ul {
    max-width: 42.8125rem;
    display: flex;
    gap: 2.25rem 7.5rem;
    flex-wrap: wrap;
    justify-content: space-between;
}

.foot_left ul li a {
    color: #515151;
    font-size: 1.125rem;
    line-height: 1.5;
    position: relative;
    transition: all .5s;
   font-family: SOURCEHANSERIFSC-BOLD;
   width: 4em;
   display: inline-block;
   text-align:center;
}

.foot_left ul li a:hover {
    color: #b21d25;
}

.foot_left ul li a::before {
    content: '';
    position: absolute;
    width: 2px;
    background: #d7d4d4;
    height: 1.25rem;
    top: 50%;
    transform: translate(0, -50%);
    right: -4rem;
}

.foot_left ul li:nth-child(4) a::before,
.foot_left ul li:nth-child(8) a::before {
    display: none;
}


.foot_left>div {
    display: flex;
    align-items: flex-start;
    gap: 1.75rem;
}


.foot_left>div .lists {
    display: flex;
    gap: 1.75rem;
    flex-wrap: wrap;
}

.foot_left>div .lists a {
    color: rgb(0 0 0 / .6);
    font-size: .9375rem;
    line-height: 1.5rem;
}

.foot_left>div p {
    flex-shrink: 0;
    color: #000000;
    font-size: .9375rem;
    line-height: 1.5;

}

.foot_right {
    padding-top: 5.625rem;
}

.foot_right .righttop {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding-bottom: 1.75rem;
    border-bottom: 1px solid #f1f1f1;
    padding-right: 9.125rem;
    padding-left: 4.5rem;
    gap: 2rem;
}
.foot_right .righttop .foot_ewm {
    flex-shrink: 0;
}
.foot_right .righttop .ewm,
.n_lxleft .foot_ewm .ewm {
    border: 1px solid #e8e6e6;
    padding: 10px;
    width: 9.6875rem;
    height: 9.6875rem;
}

.foot_right .righttop .foot_ewm p,
.n_lxleft .foot_ewm p {
    text-align: center;
    color: #7f7f7f;
    font-size: .875rem;
    line-height: 1.5;
    margin-top: .5rem;
}

.foot_right .rightbot {
    padding-right: 9.125rem;
    padding-left: 4.5rem;
    padding-top: 2.25rem;
    padding-bottom: 1.875rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.foot_right .rightbot div,
.n_dz div {
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

.foot_right .rightbot div a,
.n_dz div a {
    color: #b21d25;
    font-size: 2rem;
    line-height: 1.5;
    font-family: MIRIAMLIBRE-REGULAR;
    display: flex;
    align-items: center;
}

.foot_right .rightbot div a span,
.n_dz div a span {
    font-size: 2.25rem;
    font-style: italic;
}
.foot_right .rightbot div a .sz,
.n_dz div a .sz{
    font-size: 2.375rem;
    font-weight: 800;
}


.foot_right .rightbot p,
.n_dz p {
    color: rgb(0 0 0 / .8);
    font-size: 1rem;
    line-height: 1.5rem;
}

.copyright {
    font-size: .875rem;
    color: rgb(93 92 92 / 66%);
    line-height: 1.125rem;
    padding: 2.25rem 0 2.5rem;
    text-align: center;
}

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

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


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

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

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

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

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

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

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

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

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

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


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

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

.page a {
    border: 1px solid #e0e0e0;
    padding: 0 8px;
    min-width: 2.5rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 6px;
    color: #3a3a3a;
    font-size: 14px;
    -moz-transition: all 0.36s ease-in-out;
    -webkit-transition: all 0.36s ease-in-out;
    -o-transition: all 0.36s ease-in-out;
    -ms-transition: all 0.36s ease-in-out;
    transition: all 0.36s ease-in-out;
    border-radius: 4px;
}

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

.page .on {
    background: #000095;
    border: 1px solid #000095;
    color: #fff;
}


/* 璧勮鍓嶆部 */


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

.n_tit h4 {
    color: #292929;
    font-size: 3.75rem;
    font-family: SOURCEHANSERIFSC-HEAVY;
    line-height: 1.125;
    margin: 1rem 0 .375rem;
}

.n_tit h5 {
    color: #b21d25;
    font-size: 2.625rem;
    font-family: Swis721 Blk BT;
    line-height: 1.5;
    text-transform: uppercase;
}

.n_zixun,
.n_zhanting,
.n_zgart,
.n_zxxq,
.n_zgxq {
    background: #f7f7f7;
}


.n_zixun ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 4.0625rem 3.125rem;
    margin-top: 3rem;
}


.n_zixun ul li a .img_db:after,
#n_xqswiper a .img_db:after {
    padding-top: 56.865%;
}

.n_zixun ul li a .n_zxcon,
#n_xqswiper a .n_xqcon {
    border: 1px solid #dddddd;
    border-top: none;
    padding: 2.25rem 3rem 2.25rem 2.625rem;
}

.n_zixun ul li a .n_zxcon span,
#n_xqswiper a .n_xqcon span {
    color: #9d9c9c;
    font-size: 1rem;
    line-height: 1.5rem;
    font-family: MIRIAMLIBRE-REGULAR;
}

.n_zixun ul li a .n_zxcon h5,
#n_xqswiper a .n_xqcon h5 {
    color: #000000;
    font-size: 1.5rem;
    line-height: 2.125rem;
    font-weight: bold;
    height: 6.375rem;
    margin: 1.375rem 0 0;
}

.n_zixun ul li a .n_zxcon .hoverbox,
#n_xqswiper a .n_xqcon .hoverbox {
    position: relative;
    margin-top: 7.25rem;
}

.n_zixun ul li a .hoverbox .ckmore,
#n_xqswiper a .n_xqcon .ckmore {
    transition: all .5s;
}

.n_zixun ul li a:hover .hoverbox .ckmore,
#n_xqswiper a:hover .hoverbox .ckmore {
    opacity: 0;
}


.n_zixun ul li a .n_zxcon .hoverbox .s_lianjie,
#n_xqswiper a .n_xqcon .hoverbox .s_lianjie {
    position: absolute;
    left: 0;
    bottom: 0;
    opacity: 0;
    transition: all .5s;
}

.n_zixun ul li a:hover .hoverbox .s_lianjie,
#n_xqswiper a:hover .hoverbox .s_lianjie {
    opacity: 1;
}

/* 绾夸笂灞曞巺 */

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

.n_zhanting ul li:first-child {
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 3;
}

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

.n_zhanting ul li a .img_db:after {
    padding-top: 55.84%;
}

.n_zhanting ul li:first-child a .img_db:after {
    padding-top: 59.368%;
}

.n_zhanting ul li a .ztcon {
    background: #eaeaea;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: #000000;
    font-size: 1.4375rem;
    line-height: 1.5;
    padding: 1.5rem 2rem;
}
.n_zhanting ul li a:hover .ztcon {
 
    color: #b21d25;
  
}


.n_zhanting ul li:first-child a .ztcon {
    padding: 3.375rem 2.25rem;
}
 

/* 鑱旂郴鎴戜滑 */

.n_contact .m {
    display: flex;
    gap: 8.75rem;
}

.n_contact .m .n_lxbt h4 {
    color: #292929;
    font-size: 3.75rem;
    line-height: 1.5;
    font-family: SOURCEHANSERIFSC-HEAVY;
    margin-top: .5rem;
}

.n_contact .m .n_lxbt h5 {
    color: #b21d25;
    font-size: 2.625rem;
    line-height: 1.5;
    font-family: Swis721 Blk BT;
}


.n_contact .m .n_lxleft .foot_ewm {
    display: inline-block;
}



.n_contact .m .n_lxleft .n_dz {
    margin: 3.75rem 0 1.5rem;
}

.n_contact .m .n_lxleft {
    flex-shrink: 0;
}

.n_contact .m .n_lxright {
    padding-top: 2.5rem;
    width: 100%;
}

.n_contact .m .n_lxright>h4 {
    color: #212121;
    font-size: 2rem;
    line-height: 3.3125rem;
    font-family: SOURCEHANSERIFSC-HEAVY;
    position: relative;
    display: block;
}

.n_contact .m .n_lxright .dians::before {
    content: '';
    position: absolute;
    width: 13px;
    height: 13px;
    background: #b21d25;
    border-radius: 50%;
    left: 22.5rem;
    top: .625rem;
}

.n_contact .m .n_lxright form {
    margin-top: 3.125rem;
}

.n_contact .m .n_lxright ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.375rem 1.3125rem;
}

.n_contact .m .n_lxright ul li div {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    color: #212121;
    font-size: 1.0625rem;
    line-height: 1.5;
    margin-bottom: 1rem;
}

.n_contact .m .n_lxright ul li div em {
    color: #b21d25;
    font-size: 1.0625rem;
    line-height: 1.5;
}

.n_contact .m .n_lxright ul li input {
    height: 4.375rem;
    width: 100%;
    border: 1px solid #dddddd;
    padding: 0 1.5rem;
    font-size: 1.125rem;
}

.n_contact .m .n_lxright ul li:nth-child(4) {
    grid-column-start: 1;
    grid-column-end: 4;
}

.n_contact .m .n_lxright ul li textarea {
    border: 1px solid #dddddd;
    padding: 1.5rem;
    height: 10.625rem;
    width: 100%;
}

.n_contact .m .n_lxright ul li button {
    background: #b21d25;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .625rem;
    height: 4.375rem;
    width: 100%;
    font-size: 1.125rem;
    line-height: 1.5;
}

.n_contact .m .n_lxright ul li button i {
    font-size: 1.5rem;
    color: #fff;
}

/* 鏁板瓧灞曢 */


.n_zgart ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 5rem 6.25rem;
}

.n_zgart ul li a .img_db:after {
    padding-top: 63.27%;
}

.n_zgart ul li a {
    display: block;
}

.n_zgart ul li a .artcon {
    padding: 2rem 1.75rem;
    display: flex;
    align-items: center;
    gap: 1.75rem;
    position: relative;
    border-bottom: 1px solid #e4e4e4;
}

.n_zgart ul li a .artcon .artlogo {
    width: 6rem;
    height: 6rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 3px solid #eeeeee;
    background: #fff;
    padding: .5rem;
    flex-shrink: 0;
}

.n_zgart ul li a .artcon h5 {
    color: #000000;
    font-size: 1.6875rem;
    line-height: 2.625rem;
    font-family: SOURCEHANSERIFSC-HEAVY;
}

.n_zgart ul li a .artcon p {
    color: #292929;
    font-size: 1.25rem;
    line-height: 2.625rem;
}

.n_zgart ul li a .artcon i {
    position: absolute;
    right: 1.75rem;
    top: 50%;
    transform: translate(0, -50%);
    color: #e4e5e9;
    font-size: 2.875rem;
}

.n_zgart ul li a:hover .artcon i ,
#n_zgswiper a:hover .artcon i {
    color: #b21d25;
}


/* 妯″瀷鑹烘湳 */

.n_mxart {
    background: #f7f7f7;
}
.n_mxart ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4.6875rem 6.25rem;
}

.n_mxart ul li .img_db:after {
    padding-top: 62.747%;
}
.n_mxart ul li .mxcon {
    padding: 1.5rem 0;
    border-bottom: 1px solid #e4e4e4;
}
.n_mxart ul li .mxcon h5 {
    color: #000000;
    font-size: 1.625rem;
    line-height: 2.5rem;
    font-family: SOURCEHANSERIFSC-HEAVY;
    transition: all .5s;
   
}

.n_mxart ul li a {
    display: block;

}
.n_mxart ul li a:hover h5 {
    color: #b21d25;
}

/* 璧勮璇︽儏 */

.n_xqbox {
    background: #fff;
    padding: 5rem 3.75rem;
}

.n_xqbox .ar_title {
    margin-bottom: 2.625rem;
}

.n_xqbox .ar_title h4 {
    color: #000000;
    font-size: 3.125rem;
    line-height: 1.5;
    font-family: SOURCEHANSERIFSC-HEAVY;
    margin-bottom: 2rem;
}

.n_xqbox .ar_title>div {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.n_xqbox .ar_title>div ul {
    display: flex;
    align-items: center;
    gap: 3rem;
}

.n_xqbox .ar_title>div ul li {
    color: #000000;
    font-size: 1rem;
    line-height: 1.5rem;
}

.n_xqbox .ar_title>div a .back,
.n_zgxq .ar_title>div a .back {
    width: 1.5625rem;
    height: 1.5625rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #b21d25;
}

.n_xqbox .ar_title>div a .back i,
.n_zgxq .ar_title>div a .back i {
    color: #fff;
    font-size: 1rem;
}

.n_xqbox .ar_title>div a,
.n_zgxq .ar_title>div a {
    display: flex;
    align-items: center;
    gap: .625rem;
}

.n_xqbox .ar_box {
    display: flex;
    align-items: flex-start;
}

.n_xqbox .ar_box .ar_left {
    max-width: 14.375rem;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 4rem;
    position: sticky;
    top: 15rem;
    flex-shrink: 0;
}

.n_xqbox .ar_box .ar_left>div>p {
    margin-bottom: 1rem;
    color: #000000;
    font-size: 1rem;
    line-height: 1.5rem;
}

#share-21.social-share .social-share-icon {
    display: inline-block;
    border: #060606 1px solid;
    margin: 0 .75rem 0 0;
}

#share-21.social-share .social-share-icon:hover {
    border: #b21d25 1px solid !important;
    background: #b21d25 !important;
    color: #fff !important;
}

.social-share {
    font-family: "socialshare" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
    display: flex;
    position: relative;
    vertical-align: top;
    margin: 0 auto;
    transition: .5s;
}

.social-share a {
    position: relative;
    text-decoration: none;
    margin: 0 auto;
    display: inline-block;
    outline: none;
}

.social-share .social-share-icon {
    position: relative;
    display: block;
    width: 3.125rem !important;
    height: 3.125rem !important;
    border-radius: 50%;
    border: none;
    color: #000000 !important;
    text-align: center;
    vertical-align: top;
    font-size: 1.25rem;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.n_xqbox .ar_box .ar_left .gzh {
    width: 9.375rem;
    height: 9.375rem;
    padding: .75rem;
    border: 1px solid #e8e6e6;
}

.n_xqbox .ar_box .ar_article {
    padding-left: 4.5rem;
    border-left: 1px solid #ececec;
}

.n_xqbox .ar_box .ar_article p ,
.n_zgxq  .ar_article p {
    color: #0d0d0d;
    font-size: 1rem;
    line-height: 2.25rem;
}

.n_xqbox .ar_box .ar_article h5 {
    color: #0d0d0d;
    font-size: 1.25rem;
    line-height: 2.25rem;
    font-weight: bold;
}


.n_newhead , .n_zghead {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 4rem;
    margin-bottom: 3.125rem;
}

.n_newhead h4 ,
.n_zghead h4 {
    color: #292929;
    font-size: 3rem;
    line-height: 3.4375rem;
    font-family: SOURCEHANSERIFSC-HEAVY;
    margin-top: 1rem;
}

/* 鏁板瓧灞曞巺璇︽儏 */


.n_zgxq {
    padding-left: 15rem;
    padding-right: 15rem;
}

.n_zgxq .ar_title {
    margin-bottom: 4.375rem;
}


.n_zgxq .ar_title h4 {
    color: #000000;
    font-size: 3.25rem;
    line-height: 1.5;
    font-family: SOURCEHANSERIFSC-HEAVY;
    margin-bottom: 2.25rem;
}

.n_zgxq .ar_title>div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    padding-bottom: 2.25rem;
    border-bottom: 1px solid #e2e2e2;
}

.n_zgxq .ar_title>div ul {
    display: flex;
    align-items: center;
    gap: 8.75rem;
}

.n_zgxq .ar_title>div ul li h6 {
    color: #b8b8b8;
    font-size: 1.125rem;
    line-height: 2.25rem;
}

.n_zgxq .ar_title>div ul li p {
    color: #212121;
    font-size: 1.125rem;
    line-height: 2.25rem;
}

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

.n_zgxq  .ar_fot::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 50%;
    height: 1px;
    background: #e2e2e2;
    transform: translate(0,-50%);
}

.n_zgxq  .ar_fot::after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    width: 50%;
    height: 1px;
    background: #e2e2e2;
    transform: translate(0,-50%);
}

.n_zgxq  .ar_fot .lll {
    color: #000000;
    font-size: 1.25rem;
    line-height: 2.25rem;
    font-family: SOURCEHANSERIFSC-BOLD;
    padding: 0 .875rem;
    position: relative;
    background: #f7f7f7;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
}

.n_zgxq  .ar_fot .lll span {
    color: #b21d25;
}


.n_zgnew {
    position: relative;
}

#n_zgswiper .img_db:after {
    padding-top: 63.22%;
}

#n_zgswiper a .artcon {
    padding: 1.875rem 1.6875rem;
    display: flex;
    align-items: center;
    gap: 1.75rem;
    position: relative;
    border-bottom: 1px solid #e4e4e4;
}

#n_zgswiper a .artcon .artlogo {
    width: 5.625rem;
    height: 5.625rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 3px solid #eeeeee;
    background: #fff;
    padding: 0.5rem;
    flex-shrink: 0;
}

#n_zgswiper a .artcon h5 {
    color: #000000;
    font-size: 1.5rem;
    line-height: 2.375rem;
    font-family: SOURCEHANSERIFSC-HEAVY;
}

#n_zgswiper a .artcon p {
    color: #292929;
    font-size: 1rem;
    line-height: 2.375rem;
}

#n_zgswiper a .artcon i {
    position: absolute;
    right: 1.5rem;
    top: 50%;
    transform: translate(0, -50%);
    color: #e4e5e9;
    font-size: 2.25rem;
}

.n_zgnew .swiper-button-white {
    width: 4.6875rem;
    height: 4.6875rem;
    border: 1px solid #e7e7e7;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .5s;
}
.n_zgnew .swiper-button-white:hover {
    background: #b21d25;
    border: 1px solid #b21d25;
}


.n_zgnew .swiper-button-white i {
    color: #a7abaf;
    font-size: 1.875rem;
}

.n_zgnew .n_zgnext {
    left: auto;
    right: -8rem;
}

.n_zgnew .n_zgprev {
    right: auto;
    left: -8rem;
}

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

/* 鏈嶅姟浼樺娍 */
.fw_kscon .m {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6.25rem;
}

.fwksleft {
    max-width: 44.6875rem;
    flex-shrink: 0;
}

.fwksleft h4 {
    color: #292929;
    font-size: 3rem;
    line-height: 4.75rem;
    font-family: SOURCEHANSERIFSC-HEAVY;
    margin-bottom: 2rem;
}

.fwksleft p {
    color: #0d0d0d;
    font-size: 1rem;
    line-height: 2.25rem;
}

.fw_start .fw_lc ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.fw_start .fw_lc ul li {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1.5rem;
    
}

.fw_start .fw_lc ul li h5 {
    color: #212121;
    font-size: 1.5rem;
    line-height: 2.25rem;
    font-family: SOURCEHANSERIFSC-HEAVY;
    transition: all .5s;
}

.fw_start .fw_lc ul li  div {
    width: 9.375rem;
    height: 9.375rem;
    border-radius: 50%;
    border: 1px solid #d8d8d8;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .5s;
}

.fw_start .fw_lc ul li:hover div {
    border: 1px solid #b21d25;
    background: #b21d25;
}

.fw_start .fw_lc ul li:hover h5 {
    color: #b21d25;
}

.fw_lc li a  {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1.5rem;
}
.fw_lc li a div .fwhong ,
.fw_lc li:hover a div .fwbai {
    display: block;
}

.fw_lc li a div .fwbai ,
.fw_lc li:hover a div .fwhong {
    display: none;
}

.fw_ys1 ,
.fw_ys2 ,
.fw_ys3 ,
.fw_ys4 ,
.fw_ys5 {
    position: relative;
}

.fw_ys1>a,
.fw_ys2>a,
.fw_ys3>a,
.fw_ys4>a,
.fw_ys5>a {
    position: absolute;
    top: -5rem;
}


.fw_ys1 ,
.fw_ys5 ,
.fw_ys6 ,
.n_aboutus {
    background: #f7f7f7;
}

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

}
.fw_ystit i {
    font-family: Swis721 Blk BT;
    text-transform: uppercase;
    display: block;
    font-size: 4.375rem;
    color: transparent;
    transition: .5s;
    -webkit-text-stroke: 2px #b21d25;
    margin-bottom: .5rem;
}
.fw_ystit h5 {
    color: #343635;
    font-size: 2.875rem;
    line-height: 2.9375rem;
    font-family: SOURCEHANSERIFSC-HEAVY;
    margin-bottom: .5rem;
}

.fw_ystit h6 {
    color: #b21d25;
    font-family: Swis721 Blk BT;
    line-height: 1.5;
    font-size: 2.5rem;
}

.fw_ystit p {
    color: #0d0d0d;
    font-size: 1rem;
    line-height: 2.25rem;
    text-align: center;
    margin-top: 1.875rem;
}


#fw_ys1 .ys1_imgbox {
    position: relative;
    z-index: 0;
    border-radius: .875rem;
    overflow: hidden;
}

#fw_ys1 .ys1_imgbox::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: rgb(0 0 0 / .1);
    transition: all .5s;
}

#fw_ys1 {
    margin-top: 3.75rem;
}

#fw_ys1 .ys1_ico {
    width: 5.625rem;
    height: 5.6875rem;
    background: url(../images/hongbg.png)no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 0.5rem;
    padding-bottom: 0.875rem;
    position: relative;
}

#fw_ys1 .ys1_ico i  {
    color: #fff;
    font-size: 1.75rem;
}
#fw_ys1 .ys1_ico .icon{
    width:44%;
}
#fw_ys1 .ys1_con {
    margin-bottom: 3.75rem;
}
#fw_ys1 .ys1_con h5 {
    color: #212121;
    font-size: 1.875rem;
    line-height: 2.25rem;
    font-family: SOURCEHANSERIFSC-HEAVY;
    padding: 1.25rem 0 1.5rem;
    border-bottom: 1px solid #dfdfdf;
}

#fw_ys1 .ys1_con  .p{
    margin-top: 1.375rem;
    height: 4.25rem;
}
#fw_ys1 .ys1_con  p {
    color: #0d0d0d;
    font-size: 1.0625rem;
    line-height: 2.125rem;
}

#fw_ys1 .img_db:after {
    padding-top: 76.925%;
}

#fw_ys1 .ys1_imgbox .ys1name {
    position: absolute;
    width: calc(100% - 3.125rem);
    left: 50%;
    transform: translate(-50%,0);
    bottom: 1.5625rem;
    height: 4.375rem;
    background: #fff;
    border-radius: 1rem;
    overflow: hidden;
    color: #0d0d0d;
    font-size: 1.5rem;
    line-height: 2.25rem;
    z-index: 5;
    font-family: SOURCEHANSERIFSC-BOLD;
    display: flex;
    align-items: center;
    justify-content: center;
}

#fw_ys1 .swiper-slide:hover .ys1_imgbox::before {
    opacity: 0;
}
#fw_ys2 {
    margin-top: 2.75rem;
}
.fw_ys2 .fw_ystit p {
    max-width: 47.5rem;
}

#fw_ys2 .img_db:after {
    padding-top: 71.7%;
}

#fw_ys2 .swiper-slide h5 {
    text-align: center;
    margin-top: 1rem;
    color: #0d0d0d;
    transition: all .5s;
    font-family: SOURCEHANSERIFSC-HEAVY;
    font-size: 1.625rem;
    line-height: 2.125rem;
}

#fw_ys2 .swiper-slide:hover h5 {
    opacity: 0;
}

#fw_ys2 .fw_ys2box {
    position: relative;
}

#fw_ys2 .fw_ys2box .ys2hoverbox {
    position: absolute;
    top: -100%;
    left: 0;
    width: 100%;
    height: 100%;
    background: #b21d25;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 1.875rem;
    padding: 2rem 5rem;
    transition: all .5s;
}

#fw_ys2 .fw_ys2box .ys2hoverbox h6 {
    color: #fff;
    font-size: 1.625rem;
    line-height: 2.125rem;
}

#fw_ys2 .fw_ys2box .ys2hoverbox p {
    color: #fff;
    font-size: 1.125rem;
    line-height: 2.5rem;
    text-align: center;
}

#fw_ys2  .swiper-slide:hover .ys2hoverbox {
    top: 0;
}

.fw_ys3 .fw_ystit p {
    max-width: 47.8125rem;
}

.fw_ys3 .fw_ys3box {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-top: 3.125rem;
}

.fw_ys3 .fw_ys3box .fwys3_slide_nav {
    background: #f7f7f7;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 3.75rem 6.25rem;
    padding-left:10.625rem;
    padding-right: 10.625rem;
}

.fw_ys3 .fw_ys3box .fwys3_slide_nav li ,
.n_serhead .ser_slide_nav li ,
.n_sjhead .sj_slide_nav li {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.fw_ys3 .fw_ys3box .fwys3_slide_nav li p {
    color: #212121;
    font-size: 1.25rem;
    line-height: 2.125rem;
    font-family: SOURCEHANSERIFSC-HEAVY;
    margin-top: .5rem;
}

.fw_ys3 .fw_ys3box .fwys3_slide_nav li div ,
.n_serhead .ser_slide_nav li div ,
.n_sjhead .sj_slide_nav li div {
    width: 5.625rem;
    height: 5.6875rem;
    background: url(../images/huibg.png)no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 0.5rem;
    padding-bottom: 0.875rem;
    position: relative;
    z-index: 0;
}
.fw_ys3 .fw_ys3box .fwys3_slide_nav li.on div::before ,
.n_serhead .ser_slide_nav li.on div::before ,
.n_sjhead .sj_slide_nav li.on div::before {
    opacity: 1;
}
.fw_ys3 .fw_ys3box .fwys3_slide_nav li div::before ,
.n_serhead .ser_slide_nav li div::before ,
.n_sjhead .sj_slide_nav li div::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../images/hongbg.png)no-repeat;
    background-size: cover;
    left: 0;
    top: 0;
    z-index: -1;
    opacity: 0;
}

.fw_ys3 .fw_ys3box .fwys3_slide_nav li div i ,
.n_serhead .ser_slide_nav li div i ,
.n_sjhead .sj_slide_nav li div i {
    color: #fff;
    font-size: 1.75rem;
}

.fw_ys3 .fw_ys3box .fwys3_slide_nav li div img ,
.n_serhead .ser_slide_nav li div img
 {
    width: 2rem;
}
.n_sjhead .sj_slide_nav li div img{
    width:1.75rem;
}

.fw_ys4 .fw_ystit p {
    max-width: 57.8125rem;
}


.fw_ys4 {
    position: relative;
}


.waveBox {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    margin-top: -20px;
    transition: transform 1s .3s, opacity 1s .1s;
}

.waveBox svg {
    position: absolute;
    top: 120px;
    left: 0;
    overflow: hidden;
}

.waveBox svg .wave {
    fill: transparent;
    stroke: #cdced1;
    stroke-width: 0.075px;
    -webkit-animation: wave 7s linear infinite;
    -o-animation: wave 7s linear infinite;
    animation: wave 7s linear infinite;
}

.waveBox svg .wave2 {
    -webkit-animation-delay: -2s;
    -moz-animation-delay: -2s;
    -o-animation-delay: -2s;
    animation-delay: -2s;
    -webkit-animation-duration: 7s;
    -moz-animation-duration: 7s;
    -o-animation-duration: 7s;
    animation-duration: 7s;
    -webkit-animation-direction: reverse;
    -moz-animation-direction: reverse;
    -o-animation-direction: reverse;
    animation-direction: reverse;
}

.waveBox svg #highlight_wave_depth1,
.waveBox svg #highlight_wave_depth2 {
    stroke: #cdced1 !important;
    stroke-width: 1px;
}

@keyframes wave {
    0% {
        transform: translate(0, 0);
    }

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

@-webkit-keyframes wave {
    0% {
        -webkit-transform: translate(0, 0);
    }

    100% {
        -webkit-transform: translate(-100%, 0);
    }
}

.waveBox .highlight_wave2 svg {
    top: 140px;
}

#fw_ys4 {
    margin-top: 3.125rem;
}

#fw_ys4 .img_db:after {
    padding-top: 153.335%;
}

#fw_ys4  .swiper-slide:nth-child(even) {
    margin-top: 3.75rem;
}

#fw_ys4 .swiper-slide::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 10rem;
    left: 0;
    bottom: 0;
    background: url(../images/fw4mb.png)no-repeat;
    background-size: cover;
    z-index: 5;
}

#fw_ys4 .swiper-slide p {
    color: #fff;
    font-family: SOURCEHANSERIFSC-BOLD;
    font-size: 1.5rem;
    line-height: 2.125rem;
    position: absolute;
    left: 50%;
    bottom: 1.5rem;
    transform: translate(-50%,0);
    padding: 0 1rem;
    width: 100%;
    text-align: center;
    z-index: 10;
}

.fw_ys5 .fw_ystit p {
    max-width:80rem;
}

.fw_ys5 ul {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    margin-top: 3.125rem;
}

.fw_ys5 ul li {
    display: flex;
    flex-direction: column;
    align-items: center;
    
}

.fw_ys5 ul li:nth-child(even) {
    flex-direction: column-reverse;
}

.fw_ys5 ul li .fwys5box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0 3.125rem;
    height: 22.1875rem;
    position: relative;
    width: 100%;
}

.fw_ys5 ul li .fwys5box::before {
    content: '';
    position: absolute;
    width: 22px;
    height: 14px;
    left: 50%;
    transform: translate(-50%,0);
}

.fw_ys5 ul li:nth-child(odd) .fwys5box::before {
    background: url(../images/odddbx.png)no-repeat;
    background-size: cover;
    top: -14px;
}
.fw_ys5 ul li:nth-child(even) .fwys5box::before {
    background: url(../images/evendbx.png)no-repeat;
    background-size: cover;
    bottom: -14px;
}


.fw_ys5 ul li .fwys5box span {
    color: #b21d25;
    display: block;
    font-size: 1.625rem;
    font-family: Swis721 Blk BT;
    margin-bottom: 1.875rem;
}

.fw_ys5 ul li .fwys5box h5 {
    color: #212121;
    font-size: 1.625rem;
    line-height: 2.125rem;
    font-family: SOURCEHANSERIFSC-BOLD;
    margin-bottom: .875rem;
}

.fw_ys5 ul li .fwys5box p {
    color: #0d0d0d;
    font-size: 1rem;
    line-height: 1.875rem;
    text-align: center;
}

.fw_ys5 ul li .img_db:after {
    padding-top: 74.077%;
}

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

.fw6left h5 {
    color: #343635;
    font-family: SOURCEHANSERIFSC-HEAVY;
    font-size: 2.875rem;
    line-height: 2.9375rem;
}

.fw6left h6 {
    color: #b21d25;
    font-family: Swis721 Blk BT;
    font-size: 2.5rem;
    line-height: 1.875;
    text-transform: uppercase;
}
.fw6left .fwcity {
    margin-top: 3.75rem;
}
.fw6left .citynum {
    width: 6.5625rem;
    height: 6.5625rem;
    border: 3px solid #b21d25;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #b21d25;
    font-family: BAHNSCHRIFT;
    font-weight: bold;
    font-size: 4.5rem;
    line-height: 1.25;
}

.fw6left  .p{
    margin-top: 1.75rem;
}
.fw6left  p {
    color: #212121;
    font-family: SOURCEHANSERIFSC-MEDIUM;
    font-size: 1.375rem;
    line-height: 2.3125rem;
}


/* 鍏充簬 */

.about_banner {
    height: 46.125rem;
}


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

.about_tit h5 {
    color: #292929;
    font-size: 3.75rem;
    font-family: SOURCEHANSERIFSC-HEAVY;
    line-height: 1.25;
    margin: .875rem 0 .5rem;
}

.about_tit h6 {
    color: #b21d25;
    font-size: 2.625rem;
    font-family: Swis721 Blk BT;
    text-transform: uppercase;
}
.n_aboutus .about_us  {
    margin-top: 3.75rem;
}
.n_aboutus .about_us .m {
    display: flex;
    justify-content: space-between;
    gap: 4.25rem;
}
.n_aboutus .about_us  .about_con {
    max-width: 50rem;
}
.n_aboutus .about_us  .about_con p {
    color: #0d0d0d;
    font-size: 1rem;
    line-height: 2.25rem;

}

.n_aboutus .about_us  .about_con p+p {
    margin-top: 1.875rem;
}

.n_aboutus .about_us .about_video {
    position: relative;
}

.n_aboutus .about_us .about_video a {
    position: relative;
    display: block;
}

.n_aboutus .about_us .about_video>a::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgb(0 0 0 / .3);
}

.n_aboutus .about_us .about_video .aboutab {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
}

.n_aboutus .about_us .about_video .ll {
    position: relative;
    width: 5.5rem;
    height: 5.5rem;
}

.n_aboutus .about_us .about_video .aboutab h5 {
    margin-top: 1.875rem;
    color: #fff;
    font-size: 2.25rem;
    line-height: 1.5;
    font-family: SOURCEHANSERIFSC-HEAVY;
}

.n_aboutus  ul {
    display: flex;
    justify-content: space-between;
    /* gap: 20rem; */
}

.n_aboutus  ul li {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    position: relative;
}

.n_aboutus  ul li i {
    color: #b21d25;
    font-size: 3.5rem;
}
.n_aboutus  ul li img{
    width:3.5rem;
}

.n_aboutus  ul li h5 {
    color: #878787;
    font-size: 1.875rem;
    line-height: 1.5;
    font-family: SOURCEHANSERIFSC-HEAVY;
    margin: 1.25rem 0;
}

.n_aboutus  ul li p {
    color: #000000;
    font-size: 1.125rem;
    line-height: 1.875rem;
}

.n_aboutus  ul li:first-child::before {
    content: '';
    position: absolute;
    top: 50%;
    width: 1px;
    height: 15.625rem;
    background: #d5d6da;
    transform: translate(0,-50%);
    right: -50%;
}

.n_aboutus  ul li:last-child::before {
    content: '';
    position: absolute;
    top: 50%;
    width: 1px;
    height: 15.625rem;
    background: #d5d6da;
    transform: translate(0,-50%);
    left:  -50%;
}


.n_serhead .m ,
.n_ryhead{
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.n_serhead .about_tit ,
.n_ryhead .about_tit {
    align-items: flex-start;
}

.n_serhead ul {
    display: flex;
    align-items: center;
    gap: 4.5rem;
}

.n_serhead .ser_slide_nav li p {
    color: #3c3c3c;
    font-size: 1.125rem;
    line-height: 1.5;
    transition: all .5s;
    font-family: SOURCEHANSERIFSC-BOLD;
    margin-top: .5rem;
}

.n_serhead .ser_slide_nav li.on p {
    color: #b21d25;
}

.n_service .ser_slide_for {
    margin-top: 2.625rem;
}

.n_service .ser_slide_for .li {
    display: flex;
    align-items: center;
}

.n_service .ser_slide_for .li .swiper {
    max-width: 63.75rem;
    height: 42.1875rem;
    width: 100%;
    flex-shrink: 0;
}


.n_service .ser_slide_for .li .swiper .swiper-pagination {
    bottom: 2rem;
}

.n_service .ser_slide_for .li .swiper .swiper-pagination-bullet {
    width: 11px;
    height: 11px;
    border: 2px solid #fff;
    background: transparent;
    opacity: 1;
    margin: 0 6px;
    transition: all .5s;
    border-radius: 50%;
}

.n_service .ser_slide_for .li .swiper .swiper-pagination-bullet-active {
    background: #b21d25;
    border: 2px solid #b21d25;
}


.n_service .ser_slide_for .li .ser_cons {
    background: #f7f7f7;
    margin-left: -22.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.n_service .ser_slide_for .li .ser_cons h4 {
    color: #212121;
    font-size: 3.125rem;
    font-family: SOURCEHANSERIFSC-HEAVY;
    line-height: 1.25;
    margin-bottom: 1.5rem;
}

.n_service .ser_slide_for .li .ser_cons .ar_article p {
    color: #0d0d0d;
    font-size: 1rem;
    line-height: 2.25rem;
}

.n_service .ser_slide_for .li .ser_cons .ar_article {
    max-width: 45.5rem;
    padding-right: 3rem;
    margin-left: 16rem;
    max-height: 45.625rem;
    overflow: auto;
}

.n_honor {
    background: url(../images/n_honorbg.jpg)no-repeat;
    background-size: cover;
    width: 100%;
    position: relative;
}
.n_honor .n_ryhead {
    margin-bottom: 3.75rem;
}
.n_honor .n_ryhead ul {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.n_honor .n_ryhead li {
    width: 12.1875rem;
    height: 3.75rem;
    border: 2px solid #c0bdbb;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #212121;
    font-size: 1.125rem;
    line-height: 1.5;
    transition: all .5s;
    cursor: pointer;
}

.n_honor .n_ryhead li.on {
    background: #b21d25;
    border: 2px solid #b21d25;
    color: #fff;
}

.n_honor .ry_slide_for .li {
 
    display: flex;
    align-items: flex-start;
    gap: 10rem;
    justify-content: space-between;
}

.n_honor .ry_slide_for .li .ry_left {
    max-height: 39.375rem;
    overflow: auto;
    display: grid;
    gap: 1.375rem;
    padding-right: 4rem;
    flex-shrink: 0;
}

.n_honor .ry_slide_for .li .ry_left li {
    color: #6b6b6b;
    font-size: 1.125rem;
    line-height: 1.5;
    display: flex;
    align-items: center;
    gap: 5px;
}

.n_honor .ry_slide_for .li .ry_left li i {
    color: #c4af94;
    font-size: 1.375rem;
}

 #honor1 .swiper-slide {
    display: grid;
    gap: 2rem;
}

.n_honor .ry_slide_for .li .swiper a .img {
    background: url(../images/kuang.png)center no-repeat,#fff;
    padding: 1.375rem;
    background-size: 100% 100%;
    position: relative;
    height: 19.8125rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.n_honor .ry_slide_for .li .swiper a .img img {
    width: auto;
    margin: auto;
    height: auto;
}

.n_honor .ry_slide_for .li .swiper a p {
    text-align: center;
    color: #242727;
    font-size: 1.125rem;
    line-height: 1.25rem;
    margin-top: 1.25rem;
    height: 2.5rem;
}

.n_huoban {
    background: #f3f3f7;
}
.n_huoban .gd_list {
    display: grid;
    position: relative;
}

.n_huoban .gd_list::before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 65%;
    height: 100%;
    background: url(../images/zhengtimengban.png)no-repeat;
    background-size: cover;
    z-index: 10;
}


#marquee1 ,
#marquee2 ,
#marquee3 ,
#marquee4 ,
#marquee5 {
    width: 100%;
    padding:  5px 0;
    overflow: hidden;
    position: relative;
}




.n_huoban ul {
    display: flex;
    align-items: center;
    gap: 10px;
}

.n_huoban ul li {
    width: 18.4375rem !important;
    height: 10rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem 1rem;
    background: #fff;
    float: left;
    box-shadow: 3px 0px 13px 2px rgba(193, 193, 198, .45);
}

.hbnr {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    height: 100%;
    justify-content: center;
    right: 15.625rem;
    z-index: 15;
}

.hbnr h5 {
    color: #292929;
    font-family: SOURCEHANSERIFSC-HEAVY;
    font-size: 3.75rem;
    line-height: 1.25;
    margin: 1.375rem 0 .5rem;
}

.hbnr h6 {
    color: #b21d25;
    font-size: 2.625rem;
    line-height: 1.5;
    font-family: Swis721 Blk BT;
}

.hbnr  p {
    color: #8a8888;
    font-family: SOURCEHANSERIFSC-MEDIUM;
    font-size: 1.375rem;
    line-height: 2.3125rem;
    margin: .5rem 0 3.75rem;
}

.hbnr .hbg {
    display: flex;
    align-items: flex-start;
}

.hbnr .hbg span {
    color: #b21d25;
    font-family: BAHNSCHRIFT;
    font-size: 7.75rem;
    line-height: 7rem;
}
.hbnr .hbg em {
    color: #b21d25;
    font-size: 1rem;
    line-height: 1.5;
}

.hbnr .cy {
    color: #292929;
    font-size: 1rem;
    line-height: 1.5;
}

/* 数字科技 */

#n_main .n_sjvideo .m{
    padding-top: 0;
}

.n_shijue ul {
    display: grid;
    gap: 2rem;
}

.n_shijue ul li {
    padding: 4.25rem;
    border-radius: 1rem;
    box-shadow: 10px 0px 40px rgba(83, 88, 110, 0.2);
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4.5rem;
}
.n_shijue ul li .sjnei_swiper {
    max-width: 48.4375rem;
    width: 100%;
    flex-shrink: 0;
}
.n_shijue ul li .sjcon h4 {
    color: #212121;
    font-size: 2.875rem;
    line-height: 1.5;
    font-family: SOURCEHANSERIFSC-HEAVY;
    margin-bottom: 1rem;
}

.n_shijue ul li .sjcon p {
    color: #0d0d0d;
    font-size: 1rem;
    line-height: 2.25rem;
}

.n_shijue ul li .sjnei_swiper .swiper-slide {
    display: grid;
    background: #f2f2f2;
    border-radius: 1rem;
    overflow: hidden;
}

.n_shijue ul li .sjnei_swiper .img_db:after {
    padding-top: 67.42%;
}

.n_shijue ul li .sjnei_swiper .sjneicon {
    padding: 5rem 2.8125rem;
}

.n_shijue ul li .sjnei_swiper .sjneicon h6 {
    color: #0d0d0d;
    font-size: 1.25rem;
    line-height: 1.5;
    margin-bottom: 2.25rem;
}

.n_shijue ul li .sjnei_swiper .sjneicon p {
    color: #0d0d0d;
    font-size: 1rem;
    line-height: 2.25rem;
}

.n_shijue ul li .sjnei_swiper  .swiper-button-white {
    width: 35px;
    height: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 50%;
    margin-top: 0;
    transform: translate(0,-50%);
}

.n_shijue ul li .sjnei_swiper .swiper-button-prev  {
    border-radius: 0 5px 5px 0;
    right: auto;
    left: 0;
}

.n_shijue ul li .sjnei_swiper  .swiper-button-white i {
    color: #b21d25;
    font-size: 1.5rem;
}

.n_shijue ul li .sjnei_swiper .swiper-button-next i {
    transform: rotate(180deg)
}

.n_shijue ul li .sjnei_swiper .swiper-button-next {
    border-radius: 5px 0 0 5px;
    right: 0;
    left: auto;
}

.n_sjvideo {
    background: #f7f7f7;
}

.n_sjhead {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 8rem;
}

.n_sjhead  .sjtit h5 {
    color: #343635;
    font-size: 2.875rem;
    line-height: 2.9375rem;
    font-family: SOURCEHANSERIFSC-HEAVY;
}

.n_sjhead  .sjtit h6 {
    color: #b21d25;
    font-size: 2.5rem;
    line-height: 1.875;
    text-transform: uppercase;
    font-family: Swis721 Blk BT;
}

.n_sjhead .sj_slide_nav {
    display: flex;
    align-items: center;
    gap: 5rem;
    flex-shrink: 0;
}
.n_sjhead .sj_slide_nav li p {
    color: #3c3c3c;
    font-size: 1.125rem;
    line-height: 2.1875rem;
    font-family: SOURCEHANSERIFSC-BOLD;
    transition: all .5s;
}
.n_sjhead .sj_slide_nav li.on p {
    color: #b21d25;
}
.sjvideo_slide_for ul {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 1.875rem 2.1875rem;
}
.sjvideo_slide_for {
    margin-top: 2.5rem;
}
.sjvideo_slide_for ul li .img_db:after {
    padding-top: 59.617%;
}

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

.sjvideo_slide_for ul li a  .sjvcon {
    background: #eaeaea;
    height: 5.3125rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0 2rem;
    color: #000000;
    font-size: 1.4375rem;
    line-height: 1.5;
}

.sjvideo_slide_for ul li a .sjvideobox {
    position: relative;
}

.sjvideo_slide_for ul li a .sjvideobox::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgb(0 0 0 / .3);
    z-index: 1;
    transition: all .5s;
}

.sjvideo_slide_for ul li a .sjvideobox::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    background: url(../images/videoplay.png);
    background-size: cover;
    width: 5rem;
    height: 2.5rem;
    z-index: 2;
}

.sjvideo_slide_for ul li a:hover .sjvideobox::before {
    background: rgb(0 0 0 / 0);
}
.fw_ys6{
    display: grid;
    grid-template-columns: 1fr 50%;
    background: #fff;
    border-bottom: 1px solid #eee;
    padding: 0;
}

.n_honor .ry_slide_for .li:nth-child(2) .swiper a .img{
    background: url(../images/honor_k.png) center no-repeat,#fff;
    background-size: cover;
    height: 12rem;
}

.index__top_video {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%
}

.index__top_video:before {
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .9), rgba(0, 0, 0, .6), transparent, rgba(0, 0, 0, .6), rgba(0, 0, 0, .6));
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .9), rgba(0, 0, 0, .6), transparent, rgba(0, 0, 0, .6), rgba(0, 0, 0, .6));
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2
}

.index__top_video button {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background: none;
    border: none;
    bottom: 10%;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    -webkit-justify-content: center;
    justify-content: center;
    line-height: 40px;
    margin: 0;
    outline: 0;
    padding: 0;
    position: absolute;
    right: 40px;
    text-align: center;
    width: 40px;
    z-index: 100;
}

.index__top {
    position: relative;
    width: 100%
}

.index__top_txt {
    bottom: 10%;
    color: #fff;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 20
}


.index__top_video button.index_video_play {
    right: 100px
}

@media (max-width:1180px) {
    .index__top_video button.index_video_play {
        right: 80px
    }
}
.index__top_video button svg {
    color: #fff;
    height: 24px;
    position: relative;
    width: 24px;
    z-index: 2;
}

.index__top_video button.index_video_sound svg {
    height: 22px;
    width: 22px
}

.icon {
    fill: currentColor;
    height: 1em;
    overflow: hidden;
    vertical-align: -0.15em;
    width: 1em;
}


.index__top_video button:after {
    background-color: #fc2a2a;
    border-radius: 100%;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all .5s;
    transition: all .5s;
    width: 100%;
    z-index: 1
}

.index__top_video button:hover:after {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}