@charset "utf-8";
 /*Technical Support SudyTech*/
@font-face {
    font-family: SourceHanSansCN-Regular;
    src: url(../fonts/SourceHanSansCN-Regular.ttf);
    font-display: swap
}

@font-face {
    font-family: SourceHanSansCN-Medium;
    src: url(../fonts/SourceHanSansCN-Medium.ttf);
    font-display: swap
}

@font-face {
    font-family: Poppins-SemiBoldItalic;
    src: url(../fonts/Poppins-SemiBoldItalic.ttf);
    font-display: swap
}

@font-face {
    font-family: Roboto-Medium;
    src: url(../fonts/Roboto-Medium.ttf);
    font-display: swap
}

@font-face {
    font-family: Montserrat;
    src: url(../fonts/Montserrat-Regular.ttf);
    font-display: swap
}

@keyframes moveTop {
    0% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(100px)
    }

    100% {
        transform: translateY(0)
    }
}

@keyframes moveBottom {
    0% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-100px)
    }

    100% {
        transform: translateY(0)
    }
}
@keyframes characterRound {
  0% {
    transform: scale(1.12) rotate(0deg);
  }
  100% {
    transform: scale(1.12) rotate(360deg);
  }
}
@keyframes characterRadius {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
blockquote,body,button,caption,dd,div,dl,dt,fieldset,figure,form,h1,h2,h3,h4,h5,h6,hr,html,input,legend,li,menu,ol,p,pre,table,td,textarea,th,ul {
    margin: 0;
    padding: 0
}

address,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display: block
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

caption,th {
    text-align: left;
    font-weight: 400
}

abbr,body,fieldset,html,iframe,img {
    border: 0
}

img {
    vertical-align: top
}

html {
    overflow-x: hidden;
    font-size: 100px;
    --size: calc(100vw / 19.20);
    font-size: var(--size)
}

address,cite,dfn,em,i,var {
    font-style: normal
}

[hidefocus],summary {
    outline: 0
}

li {
    list-style: none
}

h1,h2,h3,h4,h5,h6,small {
    font-size: 100%
}

sub,sup {
    font-size: 83%
}

code,kbd,pre,samp {
    font-family: inherit
}

q:after,q:before {
    content: none
}

textarea {
    overflow: auto;
    resize: none
}

label,summary {
    cursor: default
}

a,button {
    cursor: pointer
}

b,em,h1,h2,h3,h4,h5,h6,strong {
    font-weight: 700
}

a,a:hover,del,ins,s,u {
    text-decoration: none
}

body,button,input,keygen,legend,select,textarea {
    font: 13px/1 arial,\5b8b\4f53;
    color: #333;
    outline: 0
}

:focus {
    outline: 0
}

.none {
    display: none
}

.wcb {
    width: 100%;
    height: 30px;
    border: 2px dashed #97cbe0
}

.hidden {
    visibility: hidden
}

.clear {
    width: 100%;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    clear: both;
    display: block
}

.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden
}

.clearfix {
    display: block;
    zoom:1}

::-webkit-input-placeholder {
    color: #ccc
}

:-moz-placeholder {
    color: #ccc
}

::-moz-placeholder {
    color: #ccc
}

:-ms-input-placeholder {
    color: #ccc
}

body {
    line-height: 1;
    font-size: 13px;
    font-family: PingFang,"Microsoft YaHei","\u5b8b\u4f53",Tahoma,Geneva,sans-serif;
    color: #333;
    font-family: SourceHanSansCN-Regular;
    background: #f8f8f7
}
body.main {
    overflow: hidden;
}
::-webkit-scrollbar {
    width: .07rem;
    background-color: #92070b03;
    height: .05rem
}

::-webkit-scrollbar-thumb {
    border-radius: .1rem;
    background-color: #92070b78
}

:root {
    --mainColor: #92070B;
    --hoverColor: #92070B;
    --bigSize: 0.2rem;
    --titleSize: 0.18rem;
    --smailSize: 0.16rem;
    --smailSizex: 0.14rem;
    --innerWidth: 15rem;
    --transition: all .5s ease-in-out
}

p {
    line-height: 1.75
}

a {
    color: #3d2f28;
    text-decoration: auto;
    transition: var(--transition)
}

a:hover {
    color: var(--hoverColor)
}

.line1,.line1 a {
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

.line2,.line2 a {
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.line3,.line3 a {
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.line4,.line4 a {
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical
}

.wrapper {
    width: 100%;
    margin: 0 auto
}

.wrapper .inner {
    width: var(--innerWidth);
    margin: 0 auto
}

.fix-top {
    padding-top: 100vh;
    position: relative;
    transition: all .7s cubic-bezier(.5,0,.2,1) 0s;
    -webkit-transition: all .7s cubic-bezier(.5,0,.2,1) 0s;
    -moz-transition: all .7s cubic-bezier(.5,0,.2,1) 0s;
    -ms-transition: all .7s cubic-bezier(.5,0,.2,1) 0s;
    -o-transition: all .7s cubic-bezier(.5,0,.2,1) 0s;
    z-index: -1
}

.fix-top.fixed {
    padding-top: 0
}

#browser-modal {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-align: center;
    color: #303233;
    position: fixed;
    z-index: 9999;
    display: flex;
    align-items: center
}

#browser-modal .browser-modal-cover {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: #111;
    opacity: .9;
    z-index: -1
}

#browser-modal .browser-content {
    width: 700px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 80px;
    padding-top: 30px;
    background-color: #fff;
    border-radius: 5px
}

#browser-modal .browser-content .browser-dpc-logo {
    height: 62px;
    margin: 45px auto 30px;
    background: url(../images/logo.png) no-repeat center/100% 100%
}

#browser-modal .browser-content .browser-text-title {
    text-transform: uppercase;
    font-size: 24px
}

#browser-modal .browser-content .browser-text-desc {
    margin-top: 30px;
    margin-bottom: 40px;
    font-size: 14px
}

#browser-modal .browser-content .browser-list {
    width: 600px;
    margin: 40px auto;
    height: 130px
}

#browser-modal .browser-content .browser-item {
    float: left;
    width: 150px;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-left: auto;
    margin-right: auto
}

#browser-modal .browser-content .browser-item .iconfont {
    width: 80px;
    height: 80px;
    margin: 0 auto;
    font-size: 80px;
    line-height: 80px;
    margin-bottom: 30px;
    background-size: 100%
}

#browser-modal .browser-content .browser-item .iconfont.iconchrome {
    background-image: url(../images/Chrome.svg)
}

#browser-modal .browser-content .browser-item .iconfont.iconfirefox {
    background-image: url(../images/Firefox.svg)
}

#browser-modal .browser-content .browser-item .iconfont.iconsafari {
    background-image: url(../images/Safari.svg)
}

#browser-modal .browser-content .browser-item .iconfont.iconEdge {
    background-image: url(../images/Edge.svg)
}

#browser-modal .browser-content .browser-item a {
    color: #921041;
    cursor: pointer;
    display: block
}

#browser-modal .browser-content .browser-item a img {
    display: block;
    margin: 0 auto;
    max-width: 100px;
    width: 100px;
    height: 100px
}

#browser-modal .browser-content .browser-item a h4 {
    text-align: center;
    margin-top: 20px;
    font-size: 18px;
    font-weight: 700
}

.body_r {
    position: absolute;
    left: 0;
    width: .4rem;
    height: 100%;
    background: #92070b;
    z-index: 97;
    transition: var(--transition);
    background: #92070b url(../images/slidebg.png) no-repeat left center/3.79rem auto;
    box-sizing: border-box;
}

.body_r:after,.body_r:before {
    content: "";
    width: 100%;
    position: absolute;
    height: 2rem;
    background: #92070b;
    top: 0;
    z-index: -1
}

.body_r:after {
    bottom: 0;
    top: auto
}

.body_b .nav_list {
    visibility: hidden;
    opacity: 0;
    width: 3.79rem;
    width: 100%;
    height: 100%;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: var(--transition);
    z-index: 1
}

.body_b .nav_list ul {
    gap: .7rem;
    display: flex;
    flex-direction: column;
    position: relative
}

.body_b .nav_list .item {
    font-size: .22rem;
    color: #fff;
    line-height: 1.45;
    position: relative;
    cursor: pointer;
    width: auto;
    height: auto;
    background: 0 0;
    padding: 0;
    margin: 0;
    opacity: 1
}
.body_b .nav_list .item:nth-child(2), .body_b .nav_list .item:nth-child(3), .body_b .nav_list .item:nth-child(5) {
    display: none;
}

.body_b .nav_list ul:before {
    content: "";
    position: absolute;
    width: 1px;
    height: calc(100% - .32rem);
    border-left: 1px dashed rgb(255 255 255 / 44%);
    top: .16rem;
    left: -.23rem
}

.body_b .nav_list .item:before {
    content: "";
    width: .07rem;
    height: .07rem;
    border-radius: 50%;
    border: 1px solid #fff;
    position: absolute;
    left: -.225rem;
    background-color: #910615;
    background-position: center;
    background-repeat: no-repeat;
    top: 50%;
    background-size: auto 48%;
    box-sizing: border-box;
    transform: translate(-50%,-50%);
    transition: var(--transition)
}

.body_r .nav_list .item.active:before {
    border-color: #ffad46;
    width: .19rem;
    height: .19rem;
    background-image: url(../images/slide_i.svg)
}

.body_r .nav_list .item.active {
    color: #ffad46;
    font-weight: 700
}

.body_r .slide_close {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    right: -.295rem;
    margin-top: -.295rem;
    width: .59rem;
    height: .59rem;
    top: 50%;
    cursor: pointer;
    z-index: 1;
    transition: var(--transition);
}

.body_r .slide_close img {
    width: 100%;
    height: 100%
}

.body_r .slide_open {
    width: .4rem;
    position: absolute;
    display: flex;
    flex-direction: column;
    top: 50%;
    transform: translateY(-50%);
    align-items: center;
    color: #fff;
    justify-content: center;
    gap: .245rem;
    font-size: var(--smailSize);
    cursor: pointer;
    transition: var(--transition)
}

.body_r .slide_bg {
    width: 100%;
    height: 7.71rem;
    background: url(../images/slide_jz.svg) no-repeat right bottom/auto 2.18rem;
    position: absolute;
    opacity: 0;
    visibility: hidden;
    transition: .1s;
    display: flex;
    justify-content: center;
    bottom: 0
}

.body_r .slide_bg .rs {
    width: 3.28rem;
    height: 100%;
    background: url(../images/slide_rs.svg) no-repeat top center/100% auto;
    transform: translateY(5.5rem);
    transition: var(--transition);
    transition-delay: .5s
}

.body_r .slide_open img {
    width: .15rem
}

.body_r .slide_open span {
    writing-mode: tb;
    letter-spacing: .08rem
}

.body_r .slide_open span i {
    font-size: .3rem
}

.body_r.open {
    width: 3.79rem;
    background-color: transparent;
}

.body_r.open .slide_open {
    opacity: 0;
    visibility: inherit
}

.body_r.open .slide_close {
    opacity: 1;
    visibility: inherit
}

.body_r.open .slide_bg {
    opacity: 1;
    visibility: inherit
}

.body_r.open .slide_bg .rs {
    transform: none
}

.body_r.open .nav_list {
    visibility: inherit;
    opacity: 1
}

.body_scroll {
    position: fixed;
    visibility: hidden;
    opacity: 0;
    width: 100vw;
    height: 100%;
    z-index: 100;
    display: flex;
    transition: var(--transition)
}

.body_scroll .con {
    display: flex;
    background: #92070b;
    width: 100%;
    opacity: 1;
    visibility: inherit;
    transition: var(--transition)
}

.body_scroll .nav_list.navList2 {
    width: 3.79rem;
    visibility: inherit;
    opacity: 1;
    align-items: flex-start;
    justify-content: flex-start;
    padding-top: 1.3rem;
    padding-left: .615rem;
    position: relative;
    box-sizing: border-box
}

.body_scroll .nav_list .item {
    color: rgb(255 255 255 / 50%);
    transition: var(--transition)
}

.body_scroll .nav_list .item.swiper-pagination-bullet-active:before {
    border: none;
    width: .22rem;
    height: .22rem;
    background: url(../images/slide_i2.svg) no-repeat center/100% auto
}

.body_scroll .nav_list .item.swiper-pagination-bullet-active {
    font-weight: 700;
    color: rgb(255 255 255)
}

.body_scroll .nav_list .font_tt {
    color: #fff;
    writing-mode: tb;
    margin-right: .925rem;
    font-size: .48rem;
    font-weight: 700;
    margin-top: -.12rem;
}

.body_scroll .nav_list .font_tt i {
    margin: .45rem 0
}

.body_scroll .swiper {
    margin: 0;
    flex: 1;
    background: #f0efec
}

.body_scroll .nav_list .returnHome {
    display: flex;
    align-items: center;
    --color: #fff;
    color: var(--color);
    font-size: .18rem;
    gap: .13rem;
    position: absolute;
    left: .615rem;
    bottom: 1.55rem
}

.body_scroll .nav_list .returnHome svg {
    width: .42rem;
    height: .4rem
}

.body_scroll .nav_list .returnHome svg * {
    transition: var(--transition);
    stroke: var(--color)
}

.body_scroll .nav_list .returnHome:hover {
    --color: #FFAD46
}

.body_scroll .swiper .screen {
    padding: 0 1.13rem 0 .84rem;
    box-sizing: border-box
}

.body_scroll .swiper .screen1>div {
    height: 100%
}

.body_scroll .screen1 .menu_list {
    display: flex;
    gap: .46rem;
    height: 100%
}

.body_scroll .screen1 .menu_list .link {
    flex: 1;
    display: flex;
    flex-direction: column;
    box-shadow: 0 3px 50px 0 rgba(0,0,0,.1);
    background: #f3f2ef;
    opacity: 0;
    transition: all 1s ease-in-out;
    transition-delay: .7s;
    transform: translateY(100%)
}

.body_b.scrollOpen .body_scroll {
    opacity: 1;
    visibility: inherit
}

.body_b.scrollOpen .screen1.swiper-slide-active .menu_list .link {
    opacity: 1;
    transform: none
}

.body_b.scrollOpen a.menu-btn {
    visibility: hidden
}

.body_b.scrollOpen .nav {
    visibility: hidden!important
}

.body_scroll.navOpen .con {
    opacity: 0
}

.body_scroll.navOpen {
    pointer-events: none
}

.body_scroll .screen1 .menu_list .link .imgs {
    padding-top: 148.79%;
    background-size: cover;
    position: relative
}

.body_scroll .screen1 .menu_list .link .imgs:after {
    content: "";
    width: 100%;
    position: absolute;
    height: 1.89rem;
    bottom: 0;
    background: linear-gradient(180deg,rgba(255,255,255,0),#f3f2ef 89.741%)
}

.body_scroll .screen1 .menu_list .link.i1 .imgs {
    background-image: url(../images/menubg1.jpg)
}
.body_scroll .screen1 .menu_list .link.i2 .imgs {
    background-image: url(../images/menubg2.jpg)
}
.body_scroll .screen1 .menu_list .link.i3 .imgs {
    background-image: url(../images/menubg3.jpg)
}
.body_scroll .screen1 .menu_list .link_con {
    flex: 1;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center
}

.body_scroll .screen1 .menu_list .link_con .menu-link {
    color: var(--hoverColor);
    font-size: .24rem;
    font-weight: 700;
    margin-bottom: .23rem;
    display: block
}

.body_scroll .screen1 .menu_list .link_con .sub-link {
    font-size: var(--titleSize);
    line-height: 1.44;
    margin-bottom: .24rem;
    position: relative
}

.body_scroll .screen1 .menu_list .link_con .sub-link:after {
    height: 1px;
    content: "";
    width: 100%;
    position: absolute;
    bottom: 0;
    background: var(--mainColor);
    left: 0;
    transform: scale(0);
    transition: var(--transition)
}

.body_scroll .screen1 .menu_list .link_con .sub-link:hover:after {
    transform: none
}

.body_scroll .screen1 .menu_list .link_con .sub-link:hover {
    font-weight: 700
}

a.menu-btn2 {
    position: absolute;
    width: .52rem;
    height: .52rem;
    display: flex;
    align-items: center;
    justify-content: center;
    right: .32rem;
    z-index: 1;
    top: .25rem;
    pointer-events: auto;
    background: url(../images/menu2bg.png) no-repeat center/100% 100%
}

a.menu-btn2.arrow {
    font-size: 0;
    background: url(../images/navbg.svg) no-repeat center/100% 100%;
    width: .42rem;
    height: .42rem;
    gap: 0;
    margin-left: .09rem;
    right: .62rem;
    top: .4rem;
    border-radius: 0
}

a.menu-btn2 img {
    width: .19rem
}

a.menu-btn2 img.close {
    display: none;
    height: 33%
}

a.menu-btn2.arrow img.close {
    display: block
}

a.menu-btn2.arrow img.open {
    display: none
}

body:before {
    content: "";
    height: 3.02rem;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background: linear-gradient(180deg,#000,rgba(0,0,0,0) 100%);
    opacity: .49;
    pointer-events: none;
    transition: var(--transition)
}

.header {
    border-bottom: none;
    height: auto;
    line-height: inherit;
    background-size: cover;
    position: relative;
    z-index: 99;
    position: absolute;
    width: 100%;
    top: 0;
    transition: 1s
}

.header.fix {
    background: var(--mainColor)
}

.header.opennav:after {
    opacity: 0
}

.header.opennav .nav .wp-menu .menu-item a.menu-link {
    line-height: 0
}

.header .inner {
    position: relative;
    transition: all .4s ease-in-out;
    width: 100%;
    padding: 0 .62rem;
    box-sizing: border-box
}

.header .sitelogo {
    display: flex
}

.header .sitelogo .logo img {
    width: 2.78rem
}

.header .sitelogo .logo {
    margin-right: .29rem;
    display: inline-block
}

.header .sitelogo h1 {
    font-size: inherit;
    font-weight: 400;
    background: 0 0;
    padding-left: 0
}

.header .sitelogo .sitetitle {
    display: inline-block;
    margin-left: .19rem;
    color: #fff;
    min-height: .52rem;
    vertical-align: middle;
    margin-top: -.1rem
}

.header .sitelogo a {
    align-items: center
}

.header .sitelogo .tago img {
    width: 3.82rem
}

.header .sitelogo .sitetitle span {
    display: block
}

.header .sitelogo img.logo {
    width: 3.4rem;
    transition: all .6s ease-in-out
}

.header .head-main {
    float: left;
    margin-top: 10px
}

.header .mod {
    display: flex;
    justify-content: space-between;
    height: 1.25rem;
    align-items: center;
    border-bottom: 1px solid rgb(255 255 255 / 22%)
}

.header .head-top {
    display: flex;
    align-items: center
}

.header .head-right {
    display: flex;
    align-items: flex-end;
    gap: .05rem;
    flex-direction: column
}

.wp_search {
    display: inline-block;
    position: relative;
    padding-left: 4px;
    border: 1px solid #d0d0d0
}

.wp_search #keyword {
    width: 160px!important;
    padding: 4px 0;
    border: none;
    height: 20px;
    line-height: 20px;
    background: 0 0;
    color: #fff
}

.wp_search .search {
    width: 32px;
    height: 30px;
    border: 0;
    background: #fff url(../images/sous.png) no-repeat center;
    cursor: pointer;
    vertical-align: top
}

.searchbox .tt {
    color: #fff;
    text-align: center;
    font-size: .3rem;
    font-weight: 700;
    margin-bottom: .47rem
}

.searchbox {
    text-align: right;
    width: .44rem;
    border-radius: .22rem;
    overflow: hidden
}

.wp-search {
    position: relative;
    background: rgb(255 255 255 / 20%)
}

.wp-search form {
    display: block
}

.wp-search .search-input {
    margin-left: .2rem;
    margin-right: 40px
}

.wp-search .search-input input.search-title {
    width: 100%;
    line-height: .44rem;
    background: 0 0;
    color: #fff;
    font-size: var(--titleSize);
    border: 0;
    outline: 0;
    font-family: SourceHanSansCN-Regular
}

.wp-search .search-btn {
    width: .44rem;
    height: .44rem;
    position: absolute;
    right: 0;
    top: 0
}

.wp-search .search-btn input.search-submit {
    width: 100%;
    height: 100%;
    border: 0;
    outline: 0;
    background: url(../images/sous2.svg) no-repeat center;
    cursor: pointer
}

.header .searchbox:hover {
    width: 3rem;
    border-radius: .22rem
}

.header .searchbox {
    transition: all .4s ease-in-out
}

.site-rale ul li.links {
    float: left
}

.site-rale ul li.links a {
    line-height: 35px;
    padding: 0 12px 0 12px;
    padding-left: 19px;
    font-size: 13px;
    color: #cad3d4;
    background: url(../images/icon_role.png) no-repeat
}

.site-rale ul li.links a:hover {
    color: #fff
}

.site-lang ul {
    display: flex
}

.site-lang ul li.links a {
    color: #fff;
    font-size: var(--titleSize);
    padding: 0 .185rem;
    line-height: .8;
    display: inline-block;
    font-size: var(--smailSize);
    border-right: 1px solid rgb(255 255 255 / 33%)
}

.site-lang ul li.links a:hover {
    color: #FFAD46
}

.header .site-lang ul li.links:last-child a {
    border: none
}

.site-en a {
    width: .42rem;
    height: .42rem;
    display: flex;
    line-height: .42rem;
    color: #fff;
    text-align: center;
    font-size: .12rem;
    font-weight: 700;
    position: relative;
    background: url(../images/navbg.svg) no-repeat center/100% 100%;
    align-items: center;
    justify-content: center
}

.site-en,.site-en>div {
    display: flex;
    gap: .09rem
}

.site-en a img {
    height: 33%
}

.site-en a:hover {
    background-image: url(../images/navbg2.svg)
}

a.menu-btn {
    width: 1.01rem;
    height: .34rem;
    background: #92070b;
    display: flex;
    gap: .06rem;
    align-items: center;
    justify-content: center;
    float: none;
    border-radius: .29rem;
    margin-left: .13rem;
    color: #fff;
    font-size: .15rem
}

a.menu-btn .close {
    display: none
}

a.menu-btn img {
    height: 33%
}

a.menu-btn.btn2 {
    display: none
}

a.menu-btn .xian {
    display: block;
    height: .02rem;
    width: .17rem;
    background: #fff;
    border-radius: .02rem;
    transition: all .4s ease-in-out
}

a.menu-btn.arrow {
    font-size: 0;
    background: url(../images/navbg.svg) no-repeat center/100% 100%;
    width: .42rem;
    height: .42rem;
    border-radius: 0;
    gap: 0;
    margin-left: .09rem
}

a.menu-btn.arrow:hover {
    background: url(../images/navbg2.svg) no-repeat center/100% 100%
}

a.menu-btn.arrow .open {
    display: none
}

a.menu-btn.arrow .close {
    display: block
}

.fixbox {
    position: fixed;
    z-index: 98;
    background: url(../images/fixbg.jpg) no-repeat right bottom/cover;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    padding: 2.07rem calc(50vw - var(--innerWidth)/ 2);
    box-sizing: border-box;
    visibility: hidden;
    opacity: 0;
    overflow: auto
}

.fixbox .close {
    width: .48rem;
    height: .48rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 50%;
    margin-right: -8.2rem;
    top: .55rem;
    cursor: pointer
}

.fixbox .close img {
    width: .25rem
}

.fixbox.open {
    display: flex
}

.fixbox {
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: space-between
}

.fixbox a {
    color: #fff
}

.fixbox .wp-menu {
    display: flex;
    width: 100%;
    justify-content: space-between;
    text-align: center
}

.fixbox .wp-menu .menu-link {
    font-size: .24rem;
    display: block;
    line-height: 1.45;
    font-weight: 700
}

.fixbox .wp-menu .sub-menu {
    margin-top: .37rem;
    text-align: center
}

.fixbox .wp-menu .sub-menu .sub-menu {
    display: none
}

.fixbox .wp-menu .sub-menu a {
    font-size: var(--titleSize);
    opacity: .69;
    line-height: 2.66
}

.fixbox .wp-menu .sub-menu a:hover {
    opacity: 1
}

.fixbox .searchbox {
    width: auto;
    transition: none
}

.fixbox .site-en,.fixbox .site-lang {
    display: none
}

#nav .inner .wp-panel .navbg {
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: auto;
    height: 100%;
    background: #fff;
    opacity: .7
}

.nav .wp-menu {
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    gap: .42rem
}

.nav .wp-menu .menu-item {
    position: relative;
    text-align: center
}

.nav .wp-menu .menu-item.i1 {
    background: 0 0
}

.nav .wp-menu .menu-item a>.menu-switch-arrow {
    display: none;
    width: 20px;
    height: 20px;
    background: url(../images/nav_j.png) no-repeat center center;
    vertical-align: middle
}

.nav .wp-menu .sub-menu li .sub-menu {
    display: none
}

.nav .wp-menu .menu-item a.menu-link {
    line-height: 2;
    font-size: var(--titleSize);
    display: block;
    color: #fff;
    position: relative;
    font-weight: 700
}

.nav .wp-menu .menu-item:hover a.menu-link{
   color:#FFAD46
}

.nav .sub-menu {
    position: absolute;
    left: 50%;
    top: 100%;
    min-width: 1.5rem;
    z-index: 100;
    background: #92070b70;
    opacity: 0;
    transform: translateX(-50%) scale(0);
    transition: all .4s ease-in-out;
    overflow: hidden;
    border-radius: 0.08rem;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.nav .sub-menu .sub-item {
    position: relative;
    white-space: nowrap;
    vertical-align: top
}
.nav .sub-menu .sub-item.i2-8{display:none}
.nav .sub-menu .sub-item a {
    display: block;
    color: #fff;
    line-height: 0.5rem;
    padding: 0 0.1rem;
    font-size: var(--smailSize);
    background: 0 0;
    text-align: center
}

.nav .sub-menu .sub-item a:hover,.nav .sub-menu .sub-item.hover>a {
    color: #FFAD46;
    display: block;
}

.nav .sub-menu .sub-menu {
    left: 100%;
    top: 0;
    z-index: 200;
    background: #fff
}

.nav .site-lang {
    display: none
}

.nav .wp-menu .menu-item a.menu-link:after {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    background: #fff;
    left: 0;
    transform: scale(0);
    transition: all .4s ease-in-out
}

.nav .wp-menu .menu-item a.menu-link:hover:after {
    transform: scale(1)
}

.nav .wp-menu li:hover>.sub-menu {
    transform: translateX(-50%);
    opacity: 1
}

.mbanner {
    perspective: 1920px;
    transform-style: preserve-3d
}
#banner .swiper-horizontal>.swiper-pagination-bullets{bottom:0.87rem;width:auto;left:auto;right:0.62rem;}
#banner .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width:0.09rem;height:0.09rem;background:rgba(255,255,255,0.3);border-radius:0;margin:0 4px;position:relative;opacity:1}
#banner .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{width:0.52rem;}
#banner .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:before{content:"";position:absolute;left:0;top:0;width:calc(100% - 0.14rem);transition:0.4s;height:100%;background:#fff}

#banner .inner {
    width: 100%;
    text-align: center
}

.mbanner .news_imgs a {
    display: block;
    height: 100vh
}

.mbanner .news_list .news:not(:first-child) {
    display: none
}

.mbanner .news_list.slick-initialized .news:not(:first-child),.mbanner .news_list.swiper-wrapper .news:not(:first-child) {
    display: block
}

.mbanner .news_imgs a img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.mbanner .slick-next,.mbanner .slick-prev {
    z-index: 1;
    top: auto;
    bottom: calc((100% - 2.2rem)/ 2 - .23rem);
    opacity: .8
}

.mbanner .slick-prev {
    left: .55rem
}

.mbanner .slick-next {
    right: .55rem
}

.mbanner .news .news_wz {
    position: absolute;
    top: 3.05rem;
    left: 50%;
    margin-left: -7.95rem;
    text-align: left;
    width: 10.6rem
}

.mbanner .news .news_wz a {
    color: #17607a
}

.mbanner .slick-dots {
    width: auto;
    bottom: .89rem;
    left: 50%;
    margin-left: -8.2rem;
    display: flex;
    align-items: flex-end
}

.mbanner .slick-dots li {
    width: .16rem;
    height: .16rem;
    border-radius: 0;
    background: var(--mainColor);
    background-size: 100%;
    margin: 0;
    opacity: .3;
    margin-right: .09rem;
    transition: all .4s ease-in-out;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    border-radius: 50%
}

.mbanner .slick-dots li button {
    width: .06rem;
    height: .06rem;
    background: rgb(255 255 255 / 80%);
    padding: 0;
    display: none
}

.mbanner .news .news_video {
    height: 100vh
}

.mbanner .news .news_video video {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%)
}

.mbanner .news .news_title {
    color: #fff;
    position: absolute;
    bottom: .87rem;
    z-index: 1;
    font-size: .32rem;
    font-weight: 700;
    line-height: 1.5;
    left: .62rem;
    right: .62rem;
    transition: var(--transition)
}

.body_b.slideopen .mbanner .news .news_title {
    left: 4.53rem
}

.mbanner .news .news_title a {
    color: #fff
}

.mbanner .news_list .news:after {
    content: "";
    display: block;
    position: absolute;
    pointer-events: none;
    height: 3.02rem;
    width: 100%;
    bottom: 0;
    background: linear-gradient(0deg,#000 2.018%,rgba(0,0,0,0) 97.982%);
    opacity: .49;
    display:none
}

.mbanner .slick-dots li:after {
    content: "";
    display: block;
    width: .67rem;
    height: .69rem;
    background: url(../images/dot.svg) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 0;
    transform: scale(0);
    transition: all .4s ease-in-out
}

.mbanner .slick-dots li.slick-active:after {
    transform: none
}

.mbanner .slick-dots li.slick-active {
    opacity: 1;
    background: 0 0
}

.fixBanner {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #ccc;
    z-index: -1
}

.news_imgs a,.news_imgs span {
    display: block;
    overflow: hidden
}

.post .news:hover .news_imgs a img,.post .news:hover .news_imgs span img {
    transform: scale(1.1)
}

.news_imgs a img,.news_imgs span img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .6s ease-in-out
}

.news_imgs {
    overflow: hidden;
    background: #ccc;
    position: relative
}

.news_imgs.bg:after {
    content: "";
    width: 100%;
    position: absolute;
    height: 1.61rem;
    bottom: 0;
    pointer-events: none;
    background: linear-gradient(180deg,rgba(0,0,0,0),#000 100%);
    opacity: .56
}

span.underLine {
    background-image: linear-gradient(var(--mainColor),var(--mainColor));
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: 0 1px;
    transition: background-size .4s
}

.news:hover span.underLine {
    background-size: 100% 1px;
    color: var(--mainColor)
}

.post .tt {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: .45rem
}

.post .tt .title {
    font-size: .42rem
}

.post .tt .tt_en {
    display: block;
    color: var(--mainColor);
    font-size: var(--bigSize);
    font-weight: 400;
    line-height: 1.5;
    font-family: Poppins-SemiBoldItalic;
    text-transform: uppercase
}

.post .more_text {
    color: var(--mainColor);
    display: flex;
    align-items: center;
    gap: .09rem;
    font-size: var(--titleSize)
}

.post .more_text img {
    width: .18rem;
    position: relative;
    right: 0;
    transition: var(--transition)
}

.post .more_text:hover img {
    right: -.1rem
}

.post .news_list .news_title {
    font-size: var(--bigSize);
    line-height: 1.7;
    font-family: SourceHanSansCN-Medium
}

.swiper1 {
    margin: 0
}

.swiper1 .swiper-button-next,.swiper1 .swiper-button-prev {
    --swiper-navigation-size: 0;
    width: auto;
    height: auto;
    margin-top: -.09rem
}

.swiper1 .swiper-button-next svg,.swiper1 .swiper-button-prev svg {
    width: .18rem;
    height: auto
}

.swiper1 .swiper-button-next:hover svg *,.swiper1 .swiper-button-prev:hover svg * {
    fill: var(--mainColor);
    transition: var(--transition)
}

.swiper1 .swiper-pagination {
    bottom: .438rem;
    right: .39rem;
    left: auto;
    width: auto
}

.swiper1 .swiper-pagination-bullet {
    width: .07rem;
    height: .07rem;
    border-radius: 0;
    background: #fff;
    transition: var(--transition);
    --swiper-pagination-bullet-horizontal-gap: 0.03rem
}

.swiper1 .swiper-pagination-bullet-active {
    width: .41rem
}

.main3 .inner {
    padding: 1.05rem 0 1.15rem
}

.post-31 {
    margin-bottom: .55rem
}

.post-31 .con {
    display: flex
}

.post-31 .swiper {
    width: 7.27rem;
    flex: none;
    margin-right: .465rem
}

.post-31 .swiper .news_imgs a {
    padding-top: 66.437%
}

.post-31 .swiper .news_title {
    color: #fff;
    position: absolute;
    z-index: 1;
    bottom: .33rem;
    left: .32rem;
    width: 75%
}

.post-31 .swiper .news_title a {
    color: #fff
}

.post-31 .news_list.list2 {
    flex: 1
}

.post-31 .news_list.list2 .news {
    height: 20%;
    display: flex;
    align-items: center;
    border-bottom: 1px dashed #cecece;
    position: relative
}

.post-31 .news_list.list2 .news:nth-child(1) {
    border-bottom: 1px dashed #cecece
}

.post-31 .news_list.list2 .news:hover a {
    color: var(--mainColor)
}

.post-31 .news_list.list2 .news:after {
    content: "";
    background: var(--hoverColor);
    width: 0;
    position: absolute;
    bottom: 0;
    height: .01rem;
    min-height: 1px;
    transition: var(--transition)
}

.post-31 .news_list.list2 .news:hover:after {
    width: 0%
}

.post-32 .tt {
    margin-bottom: .277rem
}

 

.post-32 .news_list {
    display: flex; 
    flex-wrap: wrap;
    justify-content: space-between
}

.post-32 .news_list .news {
    width: 31.13%;padding:0.4rem 0 0.3rem;
}
.post-32 .news_list .news:nth-child(-n+3){border-bottom:1px dashed rgba(206,206,206,0.69);}
.post-32 .news_list .news_box {
    display: flex; 
    align-items:flex-start;
}
.post-32 .news_list .news_imgs {flex:1.2rem 0 0;margin-right:0.16rem;background: none;}
.post-32 .news_list .news_title{}

.post-32 .news_list .news_imgs span {
    padding-top: 66.86%;
    background-size: 100% auto;
    background-repeat:no-repeat;
    background-position:center;
}
.post-32 .news_list .news_imgs[media-name='人民日报'] span{
    background-image:url(../images/media/rmrb.png)
}
.post-32 .news_list .news_imgs[media-name='新华日报'] span{
    background-image:url(../images/media/rmrb.png)
}
.post-32 .news_list .news_imgs[media-name='新华社'] span{
    background-image:url(../images/media/xhs.png)
}
.post-32 .news_list .news_imgs[media-name='中央广播电视总台'] span{
    background-image:url(../images/media/zygbdszt.png)
}
.post-32 .news_list .news_imgs[media-name='央视新闻'] span{
    background-image:url(../images/media/ysxw.png)
}
.post-32 .news_list .news_imgs[media-name='求是'] span{
    background-image:url(../images/media/qs.png)
}
.post-32 .news_list .news_imgs[media-name='光明日报'] span{
    background-image:url(../images/media/gmrb.png)
}
.post-32 .news_list .news_imgs[media-name='经济日报'] span{
    background-image:url(../images/media/jjrb.png)
}
.post-32 .news_list .news_imgs[media-name='中国日报'] span{
    background-image:url(../images/media/zgrb.png)
}
.post-32 .news_list .news_imgs[media-name='科技日报'] span{
    background-image:url(../images/media/kjrb.png)
}
.post-32 .news_list .news_imgs[media-name='中国青年报'] span{
    background-image:url(../images/media/zgqnb.png)
}
.post-32 .news_list .news_imgs[media-name='中国新闻社'] span{
    background-image:url(../images/media/zgxws.png)
}
.post-32 .news_list .news_imgs[media-name='参考消息'] span{
    background-image:url(../images/media/ckxx.png)
}
.post-32 .news_list .news_imgs[media-name='浙江日报'] span{
    background-image:url(../images/media/zjrb.png)
}
.post-32 .news_list .news_imgs[media-name='潮新闻'] span{
    background-image:url(../images/media/cxw.png)
}
.post-32 .news_list .news_imgs[media-name='浙江卫视'] span{
    background-image:url(../images/media/zjws.png)
}
.post-32 .news_list .news_imgs[media-name='宁波日报'] span{
    background-image:url(../images/media/nbrb.png)
}
.post-32 .news_list .news_imgs[media-name='甬派'] span{
    background-image:url(../images/media/yp.png)
}
.post-32 .news_list .news_imgs[media-name='中国教育报'] span{
    background-image:url(../images/media/zgjyb.png)
}
.post-32 .news_list .news_imgs[media-name='中国科学报'] span{
    background-image:url(../images/media/zgkxb.png)
}
.post-32 .news_list .news_imgs[media-name='搜狐科技'] span{
    background-image:url(../images/media/shkj.png)
}
.post-32 .news_list .news_form {
    margin-top: .208rem;
    display: flex;
    align-items: center;
    font-size: var(--smailSize);
    color: var(--hoverColor);
    font-family: Roboto-Medium;
    margin-bottom: .1rem
}

.post-32 .news_list .news_form img {
    width: var(--smailSizex);
    margin-right: .096rem
}

.main4 {
overflow: hidden;
    background: url(../images/main4bg.jpg) no-repeat center/cover
}

.main4 .inner {
    min-height: 100vh;
    box-sizing: border-box;
    padding-top: .98rem
}
.post-42 .swiper1 {
    display: none;
}
.post-42 .more_text,.post-42 .tt .title,.post-42 .tt .tt_en,.post-61 .tt .title,.post-61 .tt .tt_en {
    color: #fff
}
.post-42 .swiper-con .swiper-button-next,.post-42 .swiper-con .swiper-button-prev{display:none}
.main5,.main6 {
    overflow: hidden
}

.main5 .inner {
    padding: 1.19rem 0 1.08rem
}

.main5 .mod {
    position: relative
}

.main5 .nlinks {
    display: flex;
    position: absolute;
    width: max-content;
    top: .54rem;
    right: 1.21rem;
    display: none
}

.main5 .nlinks>div {
    display: flex;
    align-items: center
}

.main5 .nlinks a {
    padding: 0 .15rem;
    border-right: 1px solid rgb(219 219 219 / 51%);
    font-size: var(--titleSize);
    display: flex;
    align-items: center;
    color: #aaa9a1;
    box-sizing: border-box
}

.main5 .nlinks a .icon {
    position: relative;
    height: .19rem;
    margin-right: .072rem
}

.main5 .nlinks a .icon img {
    height: 100%;
    transition: var(--transition)
}

.main5 .nlinks a .icon .ii {
    position: absolute;
    height: 100%;
    left: 0;
    opacity: 0
}

.main5 .nlinks a:hover {
    font-weight: 700;
    color: var(--mainColor)
}

.main5 .nlinks a:hover .icon .ii {
    opacity: 1
}

.main5 .nlinks a:hover .icon .i {
    opacity: 0
}

.post-51 .tt {
    margin-bottom: .66rem
}

.post-51 .con {
    display: flex;
    background: #fff
}

.post-51 .swiper1 {
    width: 8.5rem;
    flex: none;
    transform: translateY(-.31rem)
}
.post-51 .swiper1 .news_imgs{
    transform-origin: left;
}

.post-51 .swiper1 .news_imgs a {
    padding-top: 56.117%
}

.post-51 .thumbSwiper {
    margin: 0;
    flex: 1
}

.post-51 .thumbSwiper .news_title {
    margin: 0 .43rem;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    height: 100%;
    border-bottom: 1px dashed #cecece
}

.post-51 .thumbSwiper .news:after {
    content: "";
    width: .05rem;
    height: 100%;
    left: 0;
    position: absolute;
    background: var(--hoverColor);
    top: 0;
    transition: var(--transition);
    transform: scaleY(0);
    opacity: 0
}

.post-51 .thumbSwiper .news.swiper-slide-thumb-active:after {
    transform: none;
    opacity: 1
}

.post-51 .thumbSwiper .news.swiper-slide-thumb-active .news_title a {
    color: var(--mainColor)
}

.post-52 {
    margin-top: 1.21rem;
    position: relative
}

.post-52 .tab_menu {
    position: absolute;
    top: .54rem;
    right: 1.21rem;
    display: flex;
    align-items: center;
    padding-right: .3rem;
    border-right: 1px solid #dbdbdb;
    display: none
}

.post-52 .tab_menu .dot {
    position: absolute;
    width: 100%;
    height: .2rem;
    background: url(../images/dot.svg) no-repeat center/100% 100%;
    top: 150%;
    left: calc(var(--num) * 50%);
    transition: var(--transition)
}

.post-52 .tab_menu ul {
    display: flex;
    align-items: center;
    position: relative;
    --num: 0
}

.post-52 .tt {
    margin-bottom: .64rem
}

.post-52 .tab_menu li {
    font-size: var(--bigSize);
    color: #9c888a;
    padding: 0 .15rem;
    transition: var(--transition);
    cursor: pointer
}
.post-52 .tab_menu li:nth-child(3){display:none}
.post-52 .tab_menu li.active {
    color: var(--mainColor);
    font-weight: 700
}

.post-52 .swiper {
    height: 0;
    overflow: hidden
}

.post-52 .swiper.active {
    height: auto;
    overflow: inherit;
    padding-bottom: 1.17rem
}

.post-52 .swiper .news_imgs span {
    padding-top: 66.588%
}

.post-52 .swiper .news_title {
    margin: .2rem 0 .24rem;
    min-height: calc(2em * 1.7)
}

.post-52 .swiper .news_info {
    border-left: .02rem solid var(--mainColor);
    padding-left: .134rem;
    display: flex;
    flex-direction: column;
    gap: .17rem
}

.post-52 .swiper .news {
    width: 4.25rem;
    margin-right: .484rem
}

.post-52 .swiper .news_info p {
    color: var(--mainColor);
    line-height: 1.2;
    font-size: var(--smailSize);
    padding-left: .22rem;
    background-repeat: no-repeat;
    background-size: auto .13rem;
    background-position: left
}

.post-52 .swiper .news_info p:nth-child(1) {
    background-image: url(../images/time.svg)
}

.post-52 .swiper .news_info p:nth-child(2) {
    background-image: url(../images/address.svg)
}

.post-52 .swiper-scrollbar {
    width: auto;
    left: 0;
    right: calc(var(--innerWidth)/ 2 - 50vw);
    height: .07rem;
    background: url(../images/dragbg.svg) no-repeat left/auto 100%
}

.post-52 .swiper-scrollbar-drag {
    background: 0 0;
    height: .32rem;
    margin-top: -.13rem;
    left: .15rem
}

.post-52 .swiper .control {
    content: "";
    display: flex;
    height: 100%;
    background: #92070b;
    border-radius: .56rem;
    width: .92rem;
    z-index: -1;
    position: relative;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    gap: .12rem
}

.post-52 .swiper .control i {
    height: .11rem;
    width: 1px;
    background: #fff;
    opacity: .39
}

.post-52 .swiper-button-next,.post-52 .swiper-button-prev {
    position: static;
    --swiper-navigation-size: 0.12rem;
    color: #fff;
    font-weight: 700;
    pointer-events: auto;
    margin: 0
}

.post-61 .tt {
    position: absolute;
    z-index: 2;
    display: block;
    top: 2.1rem
}

.post-61 .swiper {
    height: 34.89vw;
    width: 100vw;
    left: calc(var(--innerWidth)/ 2 - 50vw)
}

.post-61 .swiper:before {
    content: "";
    width: 11.1rem;
    height: 100%;
    position: absolute;
    background: linear-gradient(87.11deg,#9b0408 2.078%,rgba(146,7,11,0) 99.096%);
    z-index: 2
}

.post-61 {
    position: relative
}

.post-61 .vr {
    width: 1.65rem;
    border: 1px dashed #ffcf8e;
    height: .44rem;
    display: flex;
    color: #fff;
    margin-top: .62rem;
    border-radius: .22rem;
    align-items: center;
    justify-content: center;
    gap: .11rem;
    font-size: var(--titleSize);
    font-family: SourceHanSansCN-Medium
}

.post-61 .vr img {
    width: .25rem;
    transition: var(--transition)
}

.post-61 .vr:hover img {
    transform: scale(1.2)
}

.main7 {
    background:#F8F8F7 url(../images/main7bg.svg) no-repeat right 0.6rem bottom/4.7rem
}

.main7 .inner {
    padding: 1rem 0
}

.main7 .share {
     width:43%;
    justify-content: space-between;
    align-items: center; 
}
.main7 .post .tt .tt_en{
    display: none;
}
.main7 .tt .title {
    font-size: .36rem;
    color: var(--mainColor);
    font-weight: 700
}
 .main7 .post.share .tt{margin-bottom:0.3rem}
.main7 .share ul.news_list {
    display: flex;
    gap: .1rem
}

.main7 .share ul.news_list a {
    display: flex;
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    background: rgba(255,255,255,.1);
    text-align: center;
    align-items: center;
    justify-content: center;
    position: relative;
    top: 0
}

.main7 .share ul.news_list a img {
    height: .23rem
}

.main7 .share ul.news_list .news:hover a {
    top: -.05rem
}

.main7 .share ul.news_list .news {
    position: relative
}

.main7 .share ul.news_list .news .news_imgs {
    position: absolute;
    bottom: 180%;
    left: 50%;
    visibility: hidden;
    overflow: inherit;
    background: .main7#fff;
    opacity: 0;
    transition: all .6s ease-in-out 0s;
    transform: translateX(-50%);
    z-index: 1
}

.main7 .share ul.news_list .news .news_imgs img {
    width: 1rem;
    height: 1rem;
    padding: .05rem
}

.main7 .share ul.news_list .news .news_imgs img::after {
    position: absolute;
    top: 100%;
    left: 50%;
    display: block;
    margin-left: -.05rem;
    border-top: .06rem solid #fff;
    border-right: .1rem solid transparent;
    border-left: .1rem solid transparent;
    content: ""
}

.main7 .share ul.news_list .news:hover .news_imgs {
    bottom: 110%;
    visibility: inherit;
    opacity: 1
}
 
.main7 .mod{display: flex;justify-content: space-between;align-items: flex-start;flex-direction:row-reverse}
 
.post-71 .tt {
    margin-bottom: .4rem
}

.post-71 .news_list {
    display: flex;
    width: 9.28rem;
    flex-wrap: wrap;
    row-gap: .3rem;
    max-width: 100%
}

.post-71 .news_list .link {
    width: 26%
}

.post-71 .news_list .link a {
    display: flex;
    align-items: center;
    font-size: var(--titleSize);
    height: 100%
}

.post-71 .news_list .link a .addSvg {
    width: .22rem;
    margin-right: .11rem;
    height: .22rem
}

.post-71 .news_list .link a svg * {
    transition: var(--transition)
}

.post-71 .news_list .link a:hover svg * {
    fill: var(--mainColor)
}

#footer {
    background: #fff;
    position: relative
}

#footer .inner:after {
    content: "";
    background: url(../images/footbg.jpg) no-repeat center/cover;
    position: absolute;
    left: 50%;
    top: 0;
    width: 18.22rem;
    height: 100%;
    transform: translateX(-50%);
    z-index: -1
}
/* body.list #footer .inner:after{background:url(../images/list_footbg.jpg) } */
#footer .inner {
    position: relative;
    padding: .476rem 0 .5rem;
    z-index: 1
}

.foot-logo {
    text-align: center;
    margin-bottom: .6rem
}

.foot-logo img {
    width: 7.54rem
}

.foot-copy ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .31rem;
    color: #fff;
    font-size: var(--smailSize)
}

.foot-copy ul i {
    width: 1px;
    height: .18rem;
    background: #fff;
    opacity: .27
}

li.returnTop img {
    width: .35rem;
    transition: var(--transition);
    cursor: pointer
}

.returnTop img:hover {
    transform: translateY(-10px)
}

.returnTop {
    cursor: pointer
}

#footer:after {
    content: "";
    width: 100%;
    height: 2.82rem;
    background: #302b29;
    position: absolute;
    left: 0;
    bottom: 0
}

.foot-bottom {
    z-index: 1;
    position: relative;
    color: #fff;
    text-align: center;
    padding: .2rem 0
}

.foot-bottom p {
    font-size: var(--smailSize);
    line-height: 1.5
}

.l-banner {
    height: 6rem;
    background-position: center center;
    background-repeat: no-repeat;
    text-align: center;
    background-color: #c5c4c4;
    position: relative;
    background-size: cover
}

.l-banner:after {
    content: "";
    display: block;
    width: 100%;
    position: absolute;
    height: 60%;
    background: url(../images/bannerbg.png) no-repeat;
    background-size: 100% 100%;
    bottom: 0
}

.l-banner img {
    display: none;
    height: 100%;
    vertical-align: top
}

#l-container {
    position: relative
}

#l-container .inner {
    padding: .91rem 0 1.4rem;
    position: relative
}

#d-container .inner {
    background: #fff
}

.col_menu_head {
    position: absolute;
    bottom: 100%;
    z-index: 1;
    width: 100%;
    left: 0
}

.col_name span {
    font-size: .44rem;
    color: #fff
}

.col_name {
    margin-bottom: .3rem
}

.col_path a,.col_path span {
    color: #fff;
    font-size: var(--smailSize);
    line-height: 1.3
}

.col_path {
    display: inline-block;
    padding-left: .26rem;
    background: url(../images/home.svg) no-repeat left;
    margin-bottom: .63rem
}

.possplit::after {
    content: "/";
    font-size: .15rem
}

.possplit {
    margin: 0 .08rem;
    width: auto;
    background-image: none;
    color: #666;
    text-indent: inherit;
    font-size: 0
}

.col_list {
    width: 100%;
    position: relative;
    height: .9rem;
    padding-right: .9rem;
    box-sizing: border-box;
    display: flex;
    align-items: center
}

.col_list::before {
    content: "";
    display: block;
    width: calc(50vw + 8.2rem);
    height: 0;
    right: 0;
    position: absolute;
    top: 0;
    border-bottom: .9rem solid var(--mainColor);
    border-right: .35rem solid transparent
}

.column-switch {
    display: none
}

.col_list ul {
    position: relative;
    width: 100%
}

.col_list ul li {
    float: left
}
.col_list ul li.column-8{display:none;}
.col_list .col_column .col_item_link.selected {
    opacity: 1
}

.col_list .col_column .col_item_link {
    color: #fff;
    padding: 0 .36rem;
    font-size: var(--smailSize);
    border-right: 1px solid rgb(255 255 255 / 20%);
    display: inline-block;
    display: block;
    text-align: center;
    opacity: .7;
    margin: .05rem 0
}

.col_list .slick-next,.col_list .slick-prev {
    width: auto;
    height: auto;
    background: 0 0;
    border-radius: 0
}

.col_list .slick-prev {
    left: -.4rem;
    display: none!important
}

.col_list .slick-next {
    right: -.5rem;
    width: .3rem;
    text-align: center
}

.col_list .slick-next:hover,.col_list .slick-prev:hover {
    opacity: 1;
    color: #fff;
    background: 0 0
}

.mrlist .col_news_list .news_list .news {
    display: flex;
    margin-bottom: .6rem
}

.mrlist .col_news_list .news_list .news .news_imgs {
    width: 4.7rem;
    flex: none;
    margin-right: .4rem;
    background: 0 0;
    display: flex;
    align-items: center
}

.mrlist .col_news_list .news_list .news .news_imgs a {
    padding-top: 61.27%;
    width: 100%
}

.mrlist .col_news_list .news_list .news .news_wz {
    flex: 1;
    padding: 0
}

.mrlist .col_news_list .news_list .news .news_meta {
    margin-bottom: .33rem
}

.mrlist .col_news_list .news_list .news .news_meta span {
    display: block;
    color: #666
}

.mrlist .col_news_list .news_list .news .news_year {
    font-size: .14rem
}

.mrlist .col_news_list .news_list .news .news_day {
    font-size: .36rem;
    line-height: 1.4
}

.mrlist .col_news_list .news_list .news .news_title {
    font-size: var(--titleSize);
    line-height: 1.7;
    font-weight: 700;
    margin-bottom: .17rem
}

.mrlist .col_news_list .news_list .news .news_text {
    font-size: var(--smailSizex);
    line-height: 2
}

.mrlist .col_news_list .news_list .news .news_text a {
    color: #666
}

.mrlist .col_news_list .news_list .news.noimg .news_imgs {
    display: none
}

.info .col_metas.clearfix {
    height: .63rem
}

.infobox {
    padding: .56rem 0;
    margin: 0 auto;
    width: auto
}
.wp_articlecontent p{background:none !important}
.article h1.arti_title {
    line-height: 1.3;
    font-family: SourceHanSerifCN-Bold;
    font-size: .36rem;
    text-align: center;
    margin-bottom: .2rem
}

.article h2.arti_title {
    line-height: 2;
    font-family: "Microsoft YaHei";
    font-size: .2rem;
    text-align: center;
    color: #1b1b1bc7;
    margin-bottom: .2rem
}

.article .arti_metas {
    text-align: center;
    line-height: 1.3;
    margin: 0
}

.article .arti_metas>span {
    margin: 0 .16rem;
    font-size: var(--smailSize);
    color: #666
}

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

.article .entry {
    margin: 0 auto;
    overflow: hidden;
    margin-top: .4rem;
    min-height: 400px;background:#fff;padding:0.4rem;box-shadow:0 0px 10px 1px rgba(0,0,0,0.2)
}

.article .entry .read,.article .entry .read p {
    line-height: 1.75;
    font-size: var(--smailSize);
    color: #333
}

.article .entry .read p {
    margin-bottom: 10px
}

.article .entry .read img {
    margin: 0 auto;
    max-width: 940px
}

.article .entry .read table {
    margin: 0 auto;
    border: none!important
}

.sibi_art {
    margin-top: 1.3rem
}

.wp_artfuns .wp_art_adjoin {
    display: flex;
    line-height: .48rem;
    font-size: var(--titleSize);
    flex-wrap: wrap
}

span.next-title,span.prev-title {
    width: calc(100% - .8rem)
}

.wp_artfuns .wp_art_adjoin .next {
    padding: 0
}

.wp_artfuns .wp_art_adjoin .next,.wp_artfuns .wp_art_adjoin .prev {
    pointer-events: none;
    width: auto
}

.main2 .inner {
    width: 100%
}

.parallax-module {
    position: relative;
    width: 100vw;
    height: 100vh;
    background: url(../images/bg.jpg) center no-repeat;
    overflow: hidden
}

.parallax--line {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    pointer-events: none
}

.parallax--line .parallax--line__item {
    position: relative;
    width: 1px;
    height: 100%;
    background-color: rgba(255,255,255,.15)
}

.parallax--line .parallax--line__item:first-of-type,.parallax--line .parallax--line__item:last-of-type {
    background-color: rgba(255,255,255,0)
}

.parallax--line .parallax--line__item:nth-of-type(2)::before,.parallax--line .parallax--line__item:nth-of-type(7)::before {
    content: '';
    width: 7px;
    height: 26px;
    position: absolute;
    left: -3px
}

.parallax--line .parallax--line__item:nth-of-type(2)::before {
    top: 25%;
    background: url(../images/letter.svg) center no-repeat;
    animation: moveTop 15s infinite linear
}

.parallax--line .parallax--line__item:nth-of-type(7)::before {
    bottom: 25%;
    background: url(../images/letter_color.svg) center no-repeat;
    animation: moveBottom 15s infinite linear
}

.parallax--text {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.parallax--text.parallax--text__left {
    left: 0
}

.parallax--text.parallax--text__right {
    right: 0
}

.parallax--mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/build.svg) center no-repeat
}

.parallax--outer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    clip-path: circle(186px at 50% 50%);
    will-change: clip-path;
    z-index: 2;
    transition: clip-path 1s ease-in-out
}

.parallax--outer.active {
    clip-path: circle(1860px at 50% 50%)
}

.parallax--outer__background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: scale(1.05);
    will-change: filter
}

.parallax--outer__background video {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.parallax--outer__filter {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.parallax--outer__filter img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.parallax--outer__content {
    position: relative;
    width: var(--innerWidth);
    margin: 0 auto;
    height: 100%
}

.parallax--title {
    position: absolute;
    top: 12.5%;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    color: #fff;
    font-weight: 700
}

.parallax--title .parallax--title__text span:first-of-type {
    display: block;
    font-size: var(--bigSize);
    line-height: 1.5em;
    font-weight: 400;
    font-family: Poppins-SemiBoldItalic
}

.parallax--title .parallax--title__text span:last-of-type {
    display: block;
    font-size: .42rem;
    line-height: 1em
}

.parallax--title .parallax--title__tips {
    font-size: .42rem;
    line-height: 1em
}

.parallax--box {
    position: absolute;
    left: -1.3rem;
    bottom: -.6rem;
    width: calc(100% + 1.3rem);
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.parallax--menu {
    position: relative;
    width: 7.1rem
}

.parallax--menu__picture {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 81.7%;
    aspect-ratio: 1/1;
    transform: translate(-50%,-50%) scale(.8);
    border-radius: 50%;
    overflow: hidden;
    pointer-events: none;
    transition: transform .5s ease-in-out
}

.parallax--menu__picture.active {
    transform: translate(-50%,-50%) scale(1)
}

.parallax--menu__picture img {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.parallax--tab {
    position: absolute;
    top: 0;
    left: 8.4rem;
    width: calc(100% - 7.1rem - 1.3rem);
    height: 100%
}

.parallax--tab .parallax--tab__con {
    position: absolute;
    top: 40%;
    left: 0;
    width: 100%;
    transform: translateY(-50%);
    opacity: 0;
    visibility: hidden;
    transition: opacity .8s ease-in-out
}

.parallax--tab .parallax--tab__con.selected {
    opacity: 1;
    visibility: visible
}

.parallax--tab .parallax--tab__list {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 1rem
}
/*
.parallax--tab .parallax--tab__con.tab-con__3 .parallax--tab__list {
    grid-template-columns: repeat(2,1fr);
    gap: 1rem
}

.parallax--tab .parallax--tab__con.tab-con__3 .parallax--tab__item {
    text-align: center
}
*/
.parallax--tab .parallax--tab__num {
    position: relative;
    font-size: .6rem;
    color: #fff;
    line-height: 1em;
    font-weight: 700;
    font-family: Montserrat
}

.parallax--tab .parallax--tab__num::before {
    content: '';
    position: absolute;
    top: 8px;
    left: -30px;
    width: 12px;
    height: 12px;
    background: url(../images/plus.svg) center no-repeat
}

.parallax--tab .parallax--tab__num em {
    font-size: var(--titleSize)
}

.parallax--tab .parallax--tab__name, .parallax--tab .parallax--tab__field {
    font-size: .16rem;
    color: #fff;
    line-height: 1.5em;
    margin-left: 6px
}

.parallax--tab .parallax--tab__image {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%
}

.parallax--tab .parallax--tab__image img {
    max-width: 2.75rem;
    max-height: 1.41rem;
    height: auto
}



.main4 {
  position: relative;
}
.main4::before {
  content: '';
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background: url('../images/round.png') top center no-repeat;
background-size: contain;
    pointer-events: none;
}

.swiper-con {
  position: relative;
}
.swiper-con .swiper-button-prev {
  width: 0.48rem;
  height: 0.48rem;
  border-radius: 50%;
  left: -2rem;top:42%;
  margin: 0;
  background: url(../images/swiper_arrow_l.svg) center no-repeat;
  background-size: 50%;
  transform: translateY(-100%);
}
.swiper-con .swiper-button-next {
  width: 0.48rem;
  height: 0.48rem;
  border-radius: 50%;
  left: 4.1rem;top:42%;
  margin: 0;
  background:  url(../images/swiper_arrow_r.svg) center no-repeat;
  background-size: 50%;
  transform: translateY(-100%);

}
.swiper-con .swiper-button-prev::after,
.swiper-con .swiper-button-next::after {
  display: none;
}
.character-slide {
  padding-top: 2.2rem;
  height: 5rem;
  max-width: 15rem;
  margin: 0;
  margin-left: -1.2rem;
  overflow: visible;
}
.character-cover {
  transition: all .8s ease-in-out;
    cursor: pointer;
}
.character-link {
  position: relative;
  display: block;
  padding: 0.16rem;
    height: 100%;
    box-sizing: border-box; pointer-events:none
}
.swiper-slide-active .character-link {
  padding: 0.42rem;
}
.character-round {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: scale(1.12);
  border-radius: 50%;
  border: 1px solid rgb(255 207 142 / 0%);
  transition: border .6s ease-in-out;
  animation: 24s linear infinite characterRound;
}
.character-round::before {
  content: '';
  position: absolute;
  top: 50%;
  left: -2.5px;
  width: 5px;
  height: 5px;
  background: #FFCF8E;
  border-radius: 50%;
  opacity: 0;
  transform: translateY(-50%);
  transition: opacity .6s ease-in-out;
}
.swiper-slide-active .character-round {
  border: 1px solid rgb(255 207 142 / 50%);
}
.swiper-slide-active .character-round::before {
  opacity: 1;
}
.character-radius {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  animation: 12s linear infinite characterRadius reverse;
}
.character-radius::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: linear-gradient(313deg, rgba(247, 154, 127, 0) 19%, rgba(247, 154, 127, 0.4431) 56%, rgba(253, 184, 55, 0.3608) 88%);
  opacity: 1;
  transition: opacity .6s ease-in-out;
}
.character-radius::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: linear-gradient(313deg, rgba(247, 154, 127, 0) 19%, rgba(247, 154, 127, 0.4431) 56%, #FDB837 88%);
  opacity: 0;
  transition: opacity .6s ease-in-out;
}
.swiper-slide-active .character-radius::before {
  opacity: 0;
}
.swiper-slide-active .character-radius::after {
  opacity: 1;
}
.character-radius .character-radiu__dot:first-of-type {
  position: absolute;
  top: 50%;
  left: -1.5px;
  transform: translateY(-50%);
  width: 3px;
  height: 3px;
  background: #FFCF8E;
  border-radius: 50%;
}
.character-radius .character-radiu__dot:last-of-type {
  position: absolute;
  top: -1px;
  left: 50%;
  transform: translateX(-50%);
  width: 2px;
  height: 2px;
  background: #FFCF8E;
  border-radius: 50%;
}
.swiper-slide-active .character-radius .character-radiu__dot:first-of-type {
  left: -4.5px;
  width: 9px;
  height: 9px;
}
.swiper-slide-active .character-radius .character-radiu__dot:last-of-type {
  top: -2px;
  width: 4px;
  height: 4px;
}
.character-img {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 50%;
  transition: border 0.4s ease-in-out;
  z-index: 10;
}
.character-cover:hover .character-img img{transform:scale(1.1)}
.character-img img {
  width: 100%;
  height: 100%;transition:0.4s;
  vertical-align: middle;
  object-fit: cover;
}
.swiper-fade {
  max-width: 8rem;
  position: absolute;
  top: 1rem;
  right: 1rem;
  overflow: visible;
}
.swiper-fade::before {
  content: '';
  position: absolute;
  top: -0.44rem;
  left: -1rem;
  width: 0.55rem;
  height: 0.44rem;
  background: url('../images/quote.svg') center no-repeat;
  background-size: cover;
}
.swiper-fade::after {
  content: '';
  position: absolute;
  bottom: -0.44rem;
  right: -1rem;
  width: 0.55rem;
  height: 0.44rem;
  background: url('../images/quote.svg') center no-repeat;
  background-size: cover;
  transform: rotate(0.5turn);
}
.character-intro > * {
  opacity: 0;
  transform: translateY(25px);
  transition: all .4s;
}
.swiper-slide-active.character-intro > * {
	opacity: 1;
	transform: none;
}
.swiper-slide-active.character-intro > *:nth-of-type(1) {
  transition-delay: .2s;
}
.swiper-slide-active.character-intro > *:nth-of-type(2) {
  transition-delay: .4s;
}
.character-title {
  font-size: 0.32rem;
  line-height: 1.5em;
  font-weight: bold;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.character-title a {
  color: #fff;
}
.character-text {
  font-size: var(--bigSize);
  margin-top: 1em;
  line-height: 1.4em;
  color: #fff;
  height: 5.6em;
  max-height: 5.6em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}.body_scroll .nav_list.navList2 span.item:last-child {
    display: none;
}

.fixbox .wp-menu .i2 .sub-menu .i2-8, .fixbox .wp-menu .i2 .sub-menu .i2-7 {
    display: none;
}.post.post1.post-31.mbox .thumbSwiper2 ul {
    display: flex;
    width: 100%;
    flex-direction: column;    margin-top:0rem;    height: 99%;
}.post.post1.post-31.mbox .thumbSwiper2 ul li {
    width: 100% !important;
    position: relative;
}.post.post1.post-31.mbox .thumbSwiper2 ul li a {
    color: #3D2F28;
}.post.post1.post-31.mbox .thumbSwiper2 ul li .news_title {
    position: relative;
    bottom: auto;
    left: 0;
    width: 100%;
}
.post.post1.post-31.mbox .thumbSwiper2 ul li:before {
    content: "";
    width: 0%;
    height: 100%;
    background: #fff;
    box-shadow: 0 3px 6px #00000030;
    position: absolute;
      right: 0;
    top: 0;
    transition: all 0.4s ease-in-out;
}
.post.post1.post-31.mbox .thumbSwiper2 ul .swiper-slide-thumb-active:before {
        width: 106.3%;
}.post.post1.post-31.mbox .thumbSwiper2 ul .swiper-slide-thumb-active .news_title {
    color: #92070b;
}
.post.post1.post-31.mbox .thumbSwiper2 ul .swiper-slide-thumb-active .news_title  a{
    color: #92070b;
}.post.post1.post-31.mbox .thumbSwiper2 {
    overflow: visible;
}.character-cover .zz {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 2;
}.swiper-slide-active .z2 {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}.swiper-slide-active .z2 a {
    width: 100%;
    height: 100%;
    display: block;
}.character-text a {
    color: #fff;
}
.character-title {
    position: relative;    padding-bottom: 0.05rem;
}.character-title:after {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 0;
    height: 0.01rem;
    background: #fff;
    content: "";
    transition: all 0.4s ease-in-out;
}.character-title:hover:after {
    width: 100%;
}.ttp {
    text-align: center;
}