@charset "utf-8"; 
/*Technical Support SudyTech*/
html {
    font-size: 5.21vw
}

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


.header {
    border-bottom: none;
    height: auto;
    line-height: inherit;
    background-size: cover;
    position: absolute;
    z-index: 100;
    width: 100%;
    top: 0;
    transition: 1s;
}
.header:after{
    content:"";
    width:100%;
    height: 2.56rem;
    inset:0;
    background: url(../images/headbg.jpg) no-repeat center/100% 100%;
    transition: background,opacity 1s;
    position: absolute;
    z-index: -1;
    background: linear-gradient(180deg, #000000 27%, #00000000 100%);
    opacity: 0.6;
    pointer-events: none;
}
.header.fix:after {
    height: 100%;
    background: url(../images/headbg.jpg) no-repeat center / cover;
    opacity: 1;
}
.list .header.fix .sitelogo img.logo-img2 {
    opacity: 1;
    visibility: inherit;
}

.list .header.fix .sitelogo img.logo-img1 {
    opacity: 0;
    visibility: hidden;
}
.header.fix .wp-navi{    --background-color: var(--secondary-color);}
.header .inner {
    position: relative;
    transition: all .4s ease-in-out;
    max-width: 17rem;
}

.header .head-left {
    flex: none;
}

.header .sitelogo {
    display: flex;
    position: relative;
}

.header .sitelogo img {
    width: 3.13rem;
    transition: var(--transition-normal);
}

.header .sitelogo img.logo-img2 {
    position: absolute;
    left: 0;
    opacity: 0;
    visibility: hidden;
}

.header .mod {
    display: flex;
    justify-content: space-between;
    height: 1.12rem;
    align-items: center
}

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

.header .head-right {
    display: flex;
    gap: 0.2rem;
}

.fixbox {
    display: none
}

.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.svg) 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: 1.2rem;
    border-radius: .6rem;
    overflow: hidden;
    position: relative;
    transition: var(--transition-normal);
}
.searchbox:hover{
    background: var(--secondary-color);
}
.menu-btn{
    display: none;
}
.wp-search form {
    display: block
}

.wp-search .search-input {
    margin-left: .3rem;
    margin-right: 0.6rem;
}

.wp-search .search-input input.search-title {
    --text-color: #fff;
    display: block;
    width: 100%;
    line-height: .62rem;
    background: 0 0;
    color: #fff;
    font-size: var(--medium-size);
    border: 0;
    outline: 0;
    padding: 0;
    text-align: right;
}

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

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

.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 {
    display: block;
    color: #fff;
    font-size: var(--regular-size);
    padding: 0 .14rem;
    line-height: 1;
    font-size: var(--base-size)
}

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

.header .site-lang ul li.links:first-child a {
    border-right: 1px solid #fff
}

body.main .wp-navi{
    --background-color: var();
    --background-color: var(--secondary-color)
}

.wp-navi{
    --background-color: hsl(221deg 70% 35% / 50%);
    border-radius: 1.31rem;
    /* background: var(--background-color); */
    /* width: 13.44rem; */
    box-sizing: border-box;
    transition: var(--transition-normal);
}

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

.nav .wp-menu .menu-item {
    position: relative;
    text-align: center;
    display: flex;
    align-items: 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: .62rem;
    font-size: var(--medium-size);
    display: block;
    color: #fff;
    position: relative;
    font-weight: 500
}
.menu-switch-arrow{
    position: absolute;
    right: -0.25rem;
}
.menu-switch-arrow img {
    width: .13rem;
    margin-left: .08rem
}

.nav .wp-menu .menu-item a.hover,.nav .wp-menu .menu-item.hover a.menu-link {
    font-weight: 700;
    text-decoration: none;
    color: var(--theme-color)
}

.nav .sub-menu {
    position: absolute;
    left: 50%;
    top: 100%;
    min-width: 1.5rem;
    z-index: 100;
    background: var(--background-color);
    opacity: 0;
    transition: all .4s ease-in-out;
    overflow: hidden;
    transform: translateX(-50%);
    visibility: hidden;
}
.nav .sub-menu .menu-switch-arrow {
    display: none;
}
.nav .sub-menu .sub-item {
    position: relative;
    white-space: nowrap;
    vertical-align: top
}

.nav .sub-menu .sub-item a {
    display: block;
    color: #fff;
    line-height: .5rem;
    padding: 0 17px;
    font-size: var(--base-size);
    background: 0 0;
    text-align: center
}

.nav .sub-menu .sub-item a:hover,.nav .sub-menu .sub-item.hover>a {
    color: #333;
    background-color: #fff;
    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 {
    opacity: 1;
    visibility: inherit;
}

.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.4rem;
    background: linear-gradient(0deg,#151515 3.433%,rgba(57,57,57,0) 96.567%);
    bottom: 0;
    opacity: .7;
    pointer-events: none
}

span.underLine {
    background-image: linear-gradient(var(--theme-color),var(--theme-color));
    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(--theme-color)
}

.post .tt {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.37rem;
}

.post .tt .tit {
    position: relative;
    padding-left: .68rem
}

.post .tt .tt_en {
    font-size: .68rem;
    font-weight: 700;
    color: #182d58;
    opacity: .06;
    position: absolute;
    bottom: .14rem;
    left: 0;
    line-height: 1.1;
    width: max-content
}

.post .tt .title {
    font-size: .36rem;
    font-weight: 700;
    color: #232323
}

.post .more_btn {
    position: relative;
    right: 1.8rem
}

.post .more_text {
    font-size: var(--x-large-size);
    color: #ea9a22;
    font-weight: 700
}

.post .news_list .news_title {
    font-size: var(--large-size);
    font-weight: 700;
    line-height: 1.45
}

.post .news_list .news_text {
    font-size: 0.18rem;
    color: #545151;
    line-height: 2;
}

.post .news_list .news_text a {
    color: #8c8c8c
}

.post .news_list .news_date {
    font-size: var(--base-size);
    color: #ea9a22;
    font-weight: 500
}
.mbanner {position: relative;}
.mbanner .swiper-banner .news_imgs:after {content:"";display: block;position: absolute;pointer-events: none;background: linear-gradient(180.00deg, rgba(0, 0, 0, 0),rgb(0, 0, 0) 100%);opacity: 0.42;height: 2.56rem;width: 100%;bottom: 0;}
.

.mbanner .con {
    border-radius: .3rem;
    overflow: hidden;
    background: #182d58;
    position: relative
}

.swiper-banner .news {
}

.swiper-banner .news .news_imgs a {
    padding-top: 100vh;
}

.swiper-banner .news .news_wz {
    flex: 1;
    padding: .43rem 1.69rem 0 .41rem
}

.swiper-banner .news .news_title {
    font-size: 0.32rem;
    color: #fff;
    font-weight: bold;
    position: absolute;
    left: 3.6rem;
    bottom: 0.86rem;
    z-index: 1;
}

.swiper-banner .news .news_wz {
    flex: 1;
    padding: .43rem 1.69rem 0 .41rem;
    text-align: left
}

.swiper-banner .news .news_text {
    font-size: var(--small-size);
    color: #aac1d6;
    line-height: 1.42;
    margin-bottom: .35rem
}

.swiper-banner .news .news_text a {
    color: #aac1d6
}

.swiper-banner .news .news_wz {
    flex: 1;
    padding: .43rem 1.69rem 0 .41rem;
    text-align: left
}

.swiper-banner .news .news_more {
    display: flex;
    justify-content: flex-end;
    gap: 0.12rem;
}

.swiper-banner .news .art-link {
    width: .44rem;
    height: .44rem;
    background: #4096e4;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

.swiper-banner .news .art-link img {
    width: 43%
}

.swiper-banner .news .col-link {
    border: 1px solid #fff;
    border-radius: .3rem;
    color: #fff;
    font-size: var(--regular-size);
    line-height: .44rem;
    padding: 0 .38rem;
    display: flex;
    align-items: center
}
.swiper-banner .news .col-link:hover{
    background: #fff;
    color: var(--primary-color);
}
.mbanner .swiper-thumb {
    width: 6.88rem;
    right: 1.69rem;
    position: absolute;
    bottom: .34rem;
    padding-bottom: .69rem;
}

.mbanner .swiper-thumb .news .news_imgs {
    border-radius: .16rem
}

.mbanner .swiper-thumb .news .news_imgs span {
    padding-top: 55.88%
}

.mbanner .control {
    position: absolute;
    width: 100%;
    display: flex;
    align-items: center;
    gap: .3rem;
    bottom: 0
}

.mbanner .control .button>div {
    width: .44rem;
    height: .44rem;
    border-radius: 50%;
    border: .012rem solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    position: static;
    margin: 0;
    --swiper-navigation-color: #fff;
    --swiper-navigation-size: 0.2rem;
    transition: var(--transition-normal);
}
.mbanner .control .button>div:hover{
    background: #fff;
    --swiper-navigation-color: #182D58;
}
.mbanner .control .button img {
    width: .1rem;
    height: auto
}

.mbanner .control .button {
    display: flex;
    gap: .36rem;
    align-items: center
}

.mbanner .control .swiper-scrollbar {
    position: static;
    --swiper-scrollbar-bg-color: hsl(0deg 0% 100% / 20%);
    --swiper-scrollbar-drag-bg-color: #599DFF;
    border-radius: .03rem;
    width: auto;
    flex: 1
}

.mbanner .control .swiper-num {
    font-size: .28rem;
    font-weight: 700;
    color: #fff
}
.mbanner .swiper-pagination {
    width: auto;
    left: auto;
    right: 1.92rem;
    bottom: 0.85rem;
    display: flex;
    align-items: center;
    height: 0.37rem;
    z-index: 1;
}
.mbanner .swiper-pagination-bullet{
    width: 0.08rem;
    height: 0.08rem;
    background: #fff;
    --swiper-pagination-bullet-horizontal-gap: 0.14rem;
}
.mbanner .swiper-pagination-bullet-active{
    width: 0.83rem;
    height: 0.37rem;
    border-radius: 0;
    background: url(../images/dot.svg) no-repeat center/100% 100%;
}
.swiper-button-next svg,.swiper-button-prev svg {
    display: none
}
.scrollDown {
    position: absolute;
    bottom: 0;
    left: 1.47rem;
    z-index: 1;
    display: flex;
    gap: 0.26rem;
}

.scrollDown .x {
    height: 1.24rem;
    width: 0.02rem;
    background: rgb(255 255 255 / 10%);
    position: relative;
}

.scrollDown .x span {
    width: 100%;
    position: absolute;
    height: 0.36rem;
    background: #fff;
}

.scrollDown .scrollcon {
    font-size: var(--medium-size);
    color: #fff;
    text-align: center;
    text-transform: capitalize;
    display: flex;
    flex-direction: column;
    gap: 0.05rem;
}

.scrollDown .scrollcon span {
    display: block;
}
.main1 .inner {
    padding: 1.12rem 0 .64rem
}

.post-11 .con {
    display: flex
}

.post-11 .list1 {
    width: 7.86rem;
    flex: none;
    margin-right: .22rem
}

.post-11 .news_list .news a {
    background: #f7f7f7;
    border-radius: .32rem;
    padding: 0.12rem;
    position: relative;
    display: block;
    height: 100%;
    box-sizing: border-box;
}

.post-11 .list1 .news_imgs span {
    padding-top: 75.06%
}

.post-11 .news_list .news_imgs {
    border-radius: .24rem
}

.post-11 .list1 .news_meta {
    position: absolute;
    width: 1.06rem;
    height: 1.06rem;
    background: #ea9a22;
    border-radius: 50%;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: #fff;
    font-weight: 700;
    left: .39rem;
    top: .37rem
}

.post-11 .list1 .news_meta .day {
    font-size: .38rem;
    line-height: 1
}

.post-11 .list1 .news_meta .month {
    font-size: .16rem
}

.post-11 .list1 .news_title {
    margin-bottom: .42rem
}

.post-11 .list1 .news_wz {
    padding: .25rem .14rem .1rem;
    height: 1.94rem;
    box-sizing: border-box
}

.post-11 .list2 {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: .18rem;
}

.post-11 .news.news_t a {
    display: flex;
    align-items: center;
    padding-right: .46rem
}
.post-11 .news_list .news a:hover{
    box-shadow: 0 0.03rem 0.1rem #33333329;
}
.post-11 .news.news_t .news_imgs {
    width: 2.14rem;
    flex: none
}

.post-11 .news.news_t .news_wz {
    margin: 0 .36rem;
    flex: 1;
    width: 0;
}

.post-11 .news.news_t .news_text {
    margin: .25rem 0 .2rem;
}

.post-11 .news.news_t .news_imgs span {
    padding-top: 74.789%
}

.post-11 .news.news_t .news_more {
    width: .56rem;
    height: .56rem;
    background: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: var(--transition-normal)
}

.post-11 .news.news_t:hover .news_more svg path {
    fill: #fff
}

.post-11 .news.news_t .news_more svg {
    width: .095rem;
    height: auto
}

.post-11 .news.news_t:hover .news_more {
    background: var(--primary-color)
}

.post-11 .news.news_b .news_imgs span {
    padding-top: 17.198%
}

.post-11 .news_list .news.news_b {
    flex: 1
}

.post-11 .news.news_b .news_wz {
    padding: 0 .27rem;
    padding-top: .1rem
}

.post-11 .news.news_b .news_text {
    margin: .04rem 0 .15rem
}

.main2 {
    background: url(../images/main2bg.jpg) no-repeat center/cover
}

.main2 .inner {
    padding: .98rem 0 1.02rem
}

.post-21 .tt {
    /* margin-bottom:1.22rem; */
}

.post-21 .con {
    padding-left: 1.45rem;
    padding-top: .73rem;
    position: relative;
    display: flex
}

.post-21 .con:before {
    content: "";
    width: 3.84rem;
    height: 3.84rem;
    position: absolute;
    background: url(../images/postbg1.png) no-repeat center/100% 100%;
    left: 0;
    top: 0
}

.post-21 .swiper-img {
    width: 6.29rem;
    flex: none;
    background: url(../images/postbg2.png) no-repeat center/100% 100%
}

.post-21 .swiper-img .news a {
    display: flex;
    height: 5.61rem;
    flex-direction: column;
    padding: .5rem .53rem .45rem .5rem;
    color: #fff;
    opacity: 0;
    transform: scale(.8);
    visibility: hidden;
    align-items: flex-start;
    box-sizing: border-box;
    justify-content: space-between;
}

.post-21 .swiper-img .news.swiper-slide-active a {
    opacity: 1;
    transform: none;
    visibility: inherit
}
.post-21 .swiper-img .news_type{
    font-size: 0.24rem;
    font-weight: bold;
    padding: 0 0.35rem;
    background: var(--primary-color);
    border-radius: 0.3rem;
    line-height: 2.1;
    margin-bottom: 0.25rem;
    display: inline-block;
}
.post-21 .swiper-img .news_title {
    color: #fff;
    font-size: .36rem;
    margin-bottom: 0.4rem;
}
.post-21 .swiper-img .news_top{margin-bottom: 0.6rem;}
.post-21 .swiper-img .news_meta{
    display: flex;
    flex-direction: column;
    font-size: var(--medium-size);
    align-items: flex-start;
    line-height: 1.9;
    font-weight: bold;
}
.post-21 .swiper-img .news_meta .day {
    font-size: .38rem;
    line-height: 1.3;
}

.post-21 .swiper-img .news_meta .month {border-bottom: 1px solid #fff;}

.post-21 .swiper-img .news_info p {
    font-size: var(--regular-size);
    line-height: normal;
    font-weight: 700
}

.post-21 .r {
    flex: 1;
    width: 0;
    margin-left: .27rem
}

.post-21 .swiper-text .news {
    background: #fff;
    border-radius: .32rem;
    height: 4.25rem;
    padding: .4rem;
    box-sizing: border-box
}

.post-21 .swiper-text .news_top {
    display: flex;
    align-items: center;
    margin-bottom: .64rem;
    opacity: 0;
    transform: scale(.8);
    visibility: hidden;
    transition: var(--transition-normal)
}

.post-21 .swiper-text .news_text {
    opacity: 0;
    transform: scale(.8);
    visibility: hidden;
    transition: var(--transition-normal)
}

.post-21 .swiper-text .swiper-slide-active .news_text,.post-21 .swiper-text .swiper-slide-active .news_top {
    opacity: 1;
    transform: none;
    visibility: inherit;
    text-align: justify;
}

.post-21 .swiper-text .people_img {
    width: 1.08rem;
    height: 1.08rem;
    border-radius: 50%;
    background: #ccc;
    overflow: hidden;
    margin-right: .27rem;
    flex:none
}
.post-21 .swiper-text .people_img a{
    display: none;
}
.post-21 .swiper-text .people_img img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.post-21 .swiper-text .people_tt {
    font-size: var(--large-size);
    font-weight: 700;
    line-height: 1.45;
    margin-bottom: .12rem
}

.post-21 .swiper-text .people_text {
    font-size: var(--regular-size)
}

.post-21 .control {
    display: flex;
    position: relative;
    align-items: center;
    margin-top: .38rem
}

.post-21 .control .l {
    display: flex;
    position: relative;
    align-items: center;
    width: 6.23rem;
    justify-content: center;
    gap: .15rem;
    margin-right: .79rem
}

.post-21 .swiper-scrollbar {
    position: static;
    flex: 1;
    --swiper-scrollbar-bg-color: rgb(49 87 170 / 20%);
    --swiper-scrollbar-drag-bg-color: #3157AA;
    border-radius: .03rem
}

.post-21 .control .swiper-button-next,.post-21 .control .swiper-button-prev {
    position: static;
    --swiper-navigation-color: #3157AA;
    --swiper-navigation-size: 0.2rem;
    margin: 0
}

.post-21 .control .num {
    font-size: .32rem;
    font-weight: 700;
    color: #3157aa
}

.post-21 .read-more {
    display: flex;
    width: 2.99rem;
    border-radius: 1.86rem;
    background: #3157aa;
    height: .98rem;
    align-items: center;
    padding-left: .9rem;
    box-sizing: border-box;
    position: relative
}

.post-21 .read-more .icon {
    width: .56rem;
    height: .56rem;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: var(--transition-normal);
    right: .17rem;
    position: absolute;
    border-radius: 1.86rem
}

.post-21 .read-more:hover .icon svg {
    right: .42rem
}

.post-21 .read-more .icon svg {
    width: .1rem;
    height: auto;
    position: absolute;
    right: .25rem;
    transition: var(--transition-normal)
}

.post-21 .read-more:hover .icon {
    width: 100%;
    right: 0;
    height: 100%
}

.post-21 .read-more .text {
    font-size: .24rem;
    color: #fff;
    transition: var(--transition-normal);
    position: relative;
    z-index: 1;
    font-weight: 700
}

.post-21 .read-more:hover .text {
    color: #3157aa
}

.post-21 .read-more:hover {
    box-shadow: 0 .03rem .1rem #3333331f
}

.post-21 .read-more .text {
    font-size: .24rem;
    color: #fff;
    transition: var(--transition-normal);
    position: relative;
    z-index: 1;
    font-weight: 700
}

.post-21 .read-more:hover .text {
    color: #3157aa
}

.post-21 .read-more:hover {
    box-shadow: 0 .03rem .1rem #3333331f
}

.main3 .inner {
    padding: 1.38rem 0 .22rem
}

.main3 .mbottom {
    display: flex;
    --gap-size: 0.22rem;
    gap: var(--gap-size)
}

.main3 .mbottom .l {
    width: 11.96rem;
    flex: none;
    display: flex;
    flex-wrap: wrap;
    gap: var(--gap-size)
}

.main3 .mbottom .list1 {
    width: 100%;
    padding-top: 38.712%;
    background: #ccc;
    border-radius: .32rem;
    overflow: hidden;
    height: 0;
    position: relative
}

.main3 .mbottom .list1 img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .6s ease-in-out
}

.main3 .mbottom .list2 {
    flex: 1;
    height: 3.38rem;
    border-radius: .32rem;
    overflow: hidden;
    background: #ccc
}

.main3 .mbottom .list3 {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: var(--gap-size)
}

.main3 .mbottom .list2 .news_con {
    height: 100%;
    position: relative;
    padding: .45rem .74rem;
    color: #fff
}

.main3 .mbottom .list2 .news_title {
    font-size: .28rem;
    font-weight: 700;
    margin-bottom: .36rem
}

.main3 .mbottom .list2 .news_text,.main3 .mbottom .list2 .news_text p {
    font-size: var(--medium-size)
}

.main3 .mbottom .list2 .news_more {
    width: .64rem;
    height: .64rem;
    border-radius: 50%;
    border: 1px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: .32rem;
    right: .32rem
}

.main3 .mbottom .list2 .news_more svg {
    width: .28rem
}

.main3 .mbottom .list2 .news_more:hover {
    background: var(--theme-color);
    border: none;
    
}

.main3 .mbottom .list3 .link:first-child {
    background-image: url(../images/colbg1.svg)
}

.main3 .mbottom .list3 .link:nth-child(2) {
    background-image: url(../images/colbg2.svg);
}

.main3 .mbottom .list1 img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .6s ease-in-out
}

.main3 .mbottom .list2 {
    flex: 1;
    height: 3.38rem;
    border-radius: .32rem;
    overflow: hidden;
    background: #ccc
}

.main3 .mbottom .list3 {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: var(--gap-size)
}

.main3 .mbottom .list2 .news_con {
    height: 100%;
    position: relative;
    padding: .45rem .74rem;
    color: #fff;
    background: url(../images/colbg0.jpg)no-repeat center/cover;
}

.main3 .mbottom .list2 .news_title {
    font-size: .28rem;
    font-weight: 700;
    margin-bottom: .36rem
}

.main3 .mbottom .list2 .news_text,.main3 .mbottom .list2 .news_text p {
    font-size: var(--medium-size)
}

.main3 .mbottom .list2 .news_more {
    width: .64rem;
    height: .64rem;
    border-radius: 50%;
    border: 1px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: .32rem;
    right: .32rem
}

.main3 .mbottom .list2 .news_more svg {
    width: .28rem
}

.main3 .mbottom .list2 .news_more:hover {
    background: var(--theme-color);
    border: none
}

.main3 .mbottom .list3 .link {
    flex: 1;
    border-radius: .32rem;
    overflow: hidden;
    display: flex;
    padding-left: 2.99rem;
    align-items: center;
    background-color:#f0f0f0;
    background-repeat:no-repeat;
    background-position:left;
    background-size:auto 100%
}

.main3 .mbottom .list3 .link span {
    display: flex
}

.main3 .mbottom .list3 .link .num {
    font-size: .58rem;
    font-weight: 700;
    color: #0657cb
}

.main3 .mbottom .list3 .link .title {
    font-size: var(--x-large-size)
}

.main3 .mbottom .list4 {
    flex: 1;
    border-radius: .32rem;
    overflow: hidden
}

.main3 .mbottom .list4 .news_imgs {
    height: 100%
}
.main3 .mbottom .list4 .news_imgs.bg:after{
opacity: 1;
height:3.57rem;
background: linear-gradient(180deg, #3157aa00 0%, #3157aa 100%);
}
.main3 .mbottom .list4 .news {
    position: relative;
    height: 100%
}

.main3 .mbottom .list4 .news_text {
    color: #fff;
    position: absolute;
    left: .38rem;
    bottom: 1.27rem;
    font-size: var(--x-large-size);
    font-weight: 700;
    line-height: 1.75;
    width: 3.8rem;
}

.main3 .mbottom .list4 .news_more {
    border-radius: .8rem;
    background: #fff;
    font-size: var(--x-large-size);
    line-height: .72rem;
    padding: 0 .68rem;
    position: absolute;
    bottom: .32rem;
    gap: .17rem;
    display: flex;
    align-items: center;
    right: .32rem
}

.main3 .mbottom .list4 .news_more svg {
    width: .075rem
}

.main3 .mbottom .list4 .news_more:hover {
    background: var(--primary-color);
    color: #fff
}

.main3 .mbottom .list4 .news_more:hover svg path {
    fill: #fff
}
.post-31 .news_list{
    display: flex;
    flex-wrap: wrap;
    row-gap: 30px;
}
.post-31 .news_list .news{
    width: 33.33%;
}
.post-31 .news_list .news a {
    margin: 0 0.12rem;
    display: block;
    border-radius: 0.32rem;
    overflow: hidden;
    position: relative;
}

.post-31 .news_list .news_imgs span {
    padding-top: 134.21%;
}
.post-31 .news_list .news_title{
    position: absolute;
    bottom: 0.36rem;
    left: 0.39rem;
    z-index: 1;
    color: #fff;
}
.post-31 .news_list .news_imgs:after{
    height: 100%;
    background: url(../images/imgbg.png) no-repeat bottom center/100% 100%;
}
.footer {
    background: url(../images/footbg.jpg) no-repeat center/cover
}

.footer .inner {
    padding: 0.82rem 0 0.5rem;
}

.footer .mod {
    display: flex;
    justify-content: space-between;
    padding: 0 1.59rem 0 1.98rem;
    align-items: center;
}

.footer .footlogo img {
    width: 4.54rem;
    max-width: 92%;
}

.footer .footlogo {
    flex: 1;
    text-align: center;
}
.footer .foot-left .tt:before {
    content:"";
    width: 0.05rem;
    height: 0.05rem;
    background: #fff;
    border-radius: 50%;
    margin-right: 0.19rem;
}

.footer .foot-left {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.footer .foot-left .tt {margin-bottom: 0.38rem;font-size: 0.24rem;font-weight: bold;color: #fff;line-height: 0.62rem;display: flex;align-items: center;padding: 0 0.45rem;background: rgb(255 255 255 / 10%);border-radius: 0.3rem;}
.footer .foot-left .con p{
    font-weight: 400;
    font-size: var(--regular-size);
    color: #fff;
    line-height: 2;
}
.foot-menu .wp-menu {
    display: flex;
    gap: 1.05rem;
    display: none;
}

.foot-menu .wp-menu .menu-link {
    font-size: var(--large-size);
    font-weight: 700;
    margin-bottom: .31rem;
    display: block
}

.foot-menu .wp-menu a {
    color: #fff
}

.foot-menu .wp-menu .sub-link {
    display: block;
    text-align: center;
    font-size: var(--regular-size);
    opacity: .8;
    line-height: 1.75
}
.foot-menu .wp-menu .sub-link:hover{opacity:1}
.foot-bottom {
    padding: .3rem;
    border-top: 0.01rem solid rgb(255 255 255 / 50%);
}

.foot-bottom p {
    text-align: center;
    color: #fff;
    opacity: .6;
    font-size: var(--small-size);
}
.foot-bottom p span{
    margin: 0 0.1rem;
}
.wp-wrapper {
    position: relative
}

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

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

#l-container {
    position: relative
}
#d-container .inner, #l-container .inner {
    max-width: 14.72rem;
    padding: 0.8rem 0;
    position: static;
}
#d-container .inner {
    background: #fff
}

.col_menu_head {
    position: absolute;
    bottom: .85rem;
    z-index: 1;
    left: 1.18rem
}

.col_name {
    margin-bottom: 0.15rem;
    font-size: .48rem;
    font-weight: 500;
    color: #fff
}

.col_summary {
    font-size: var(--regular-size);
    color: #fff;
    line-height: 1.55;
    font-weight: 500;
    opacity: 0.8;
}

.col_path a,.col_path span {
    color: #fff
}
.col_path a:nth-child(1){opacity:0.7}
.col_path {
    display: inline-block;
    color: #fff;
    font-size: var(--small-size);
    margin-bottom: .15rem;
    font-weight: 500
}

.possplit::after {
    content: ">";
    font-size: .15rem;
    font-family: cursive;
}

.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(--theme-color);
    border-right: .35rem solid transparent
}

.column-switch {
    display: none
}

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

.col_list ul li {
    float: left
}

.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(--base-size);
    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 {
    margin-bottom: .28rem;
    ]: 0.16rem;
}
.mrlist .col_news_list .news_list .news a{
    display: flex;
    height: 1.16rem;
    background: #EAF1F7;
    align-items: center;
    padding: 0 0.43rem;
    justify-content: space-between;
    gap: 0.28rem;
    border-radius: 0.16rem;
}
.mrlist .col_news_list .news_list .news a:hover{box-shadow:0 0.03rem 0.06rem #33333330}
.mrlist .col_news_list .news_list .news_meta {
    color: #3157AA;
    padding-right: 0.28rem;
    border-right: 1px solid rgb(49 87 170 / 10%);
}
.mrlist .col_news_list .news_list .news_meta .day {
    font-size: .38rem;
    font-weight: 700;
    display: block;
    line-height: 1.2;
}

.mrlist .col_news_list .news_list .news_meta .month {
    font-size: var(--base-size);
}
.mrlist .col_news_list .news_list .news_title {
    flex: 1;
    font-size: var(--large-size);
    font-weight: 500;
}

.mrlist .col_news_list .news_list .news_more {
    font-size: var(--base-size);
    color: #3157AA;
    font-weight: 500;
}

.mrlist .col_news_list .news_list .news_more img {
    width: 0.19rem;
    margin-left: 0.1rem;
}
.info .col_metas.clearfix {
    height: .63rem
}

.infobox {
    padding: .56rem 0;
    margin: 0 auto;
    width: auto
}

.article h1.arti_title {
    line-height: 1.3;
    font-size: 0.5rem;
    padding-bottom: .2rem;
    font-weight: bold;
    color: #004586;
    border-bottom: 1px solid rgb(5 113 192 / 20%);
    margin-bottom: 0.17rem;
    margin-top: 0.22rem;
}

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

.article .arti_meta {
    display: flex;
    align-items: center;
    font-size: var(--medium-size);
    color: #6D89A2;
    gap: 0.51rem;
}
.arti_head {}

.arti_date {
    font-size: var(--medium-size);
    font-weight: bold;
    color: 3D3D3D;
}

.article .arti_meta>div {
    padding-left: 0.33rem;
}

.article .arti_meta .arti_views {
    background: url(../images/view.svg) no-repeat left/0.21rem;
}
.article .arti_meta .social-share {
    background: url(../images/share.svg) no-repeat left/0.21rem;
    position: relative;
}
.social-share .social-share-container {
    position: absolute;
    right: 100%;
    top: 0;
    flex-direction: column;
    opacity: 0;
    visibility: hidden;
    transition: var(--transition-normal);
}
.social-share:hover .social-share-container{
    opacity:1;
    visibility:inherit
}
.article .entry {
    margin: 0 auto;
    overflow: hidden;
    margin-top: .4rem;
    min-height: 400px
}

.article .entry .read,.article .entry .read p {
    line-height: 1.75;
    font-size: var(--medium-size) ! important;
    color: #333;
    font-family: 'Microsoft YaHe'! important;
}

.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(--regular-size);
    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
}
.shares {
    flex: 1;
}
.shares .news_list {
    display: flex;
    text-align: center;
    gap: 0.7rem;
    justify-content: flex-end;
}

.shares .news_list .imgs {
    width: 1.12rem;
    height: 1.12rem;
    border-radius: 0.08rem;
    margin-bottom: 0.18rem;
}
.shares .news_list .title{
    font-size: var(--base-size);
    color: #fff;
}
.shares .news_list .imgs img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}

.shares .news_list .news_icon {
    display: block;
    width: .5rem;
    height: .5rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 64%
}

.shares .news_list .news {
    position: relative
}

.shares .news_list .news:first-child .news_icon {
    background-image: url(../images/weixin.svg)
}

.shares .news_list .news:nth-child(2) .news_icon {
    background-image: url(../images/weibo.svg)
}

.shares .news_list .news:nth-child(3) .news_icon {
    background-image: url(../images/bilibili.svg)
}

.shares .news_list .news:nth-child(4) .news_icon {
    background-image: url(../images/douyin.svg)
}

.shares .news_list .news_icon:hover {
    opacity: 1
}

.shares .news_list .news:hover .imgs {
    opacity: 1;
    transform: none
}

.shares .news_list .news_title {
    color: #fff;
    font-size: var(--small-size);
    line-height: 1.4;
    margin-top: .13rem
}