@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}

@font-face {
  font-family: "Montserrat";
  src: url(../fonts/Montserrat-Regular.ttf);
}
@font-face {
  font-family: "Montserrat-Medium";
  src: url(../fonts/Montserrat-Medium.ttf);
}
@font-face {
  font-family: "Montserrat-Bold";
  src: url(../fonts/Montserrat-Bold.ttf);
}

/**头部**/
.header {border-bottom:none;height:auto;line-height:inherit;background-size:cover;position:relative;z-index:3;position:absolute;width:100%;top:0;transition:1s;}
.header:before{content:"";position: absolute;background:linear-gradient(to bottom,#0168b7,transparent);top:0;left:0;width: 100%;height: 2.1rem;z-index: -1;}
.header.fix {background:var(--theme-color);}
.header .inner {position:relative;transition:all 0.4s ease-in-out;padding: 0.3rem 0 0 0.6rem;width: auto;max-width: 100%;}
.header .sitelogo {display:flex;}
.header .sitelogo .logo a {display: block;}
.header .sitelogo .logo img {width:3.58rem;}
.header .sitelogo .logo {margin-right:0.29rem;display:inline-block;}
.header .sitelogo .tago img {width:3.82rem;}
.header .sitelogo .sitetitle span {display:block;}
.header .sitelogo img.logo {width:3.4rem;transition:all 0.6s ease-in-out;}
.header .head-main {float:left;margin-top:10px;}
.header .mod {display:flex;justify-content:space-between;align-items:center}
.header .head-top {display:flex;align-items:center; }
.header .head-right {display:flex;align-items:flex-end;gap:0.1rem;flex-direction:column;margin: 0 0.45rem 0 auto;}
.header .en{}
/* 搜索*/
.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:transparent;color:#fff;}
.wp_search .search {width:32px;height:30px;border:0px;background:#FFFFFF url(../images/sous.png) no-repeat center;cursor:pointer;vertical-align:top;}
.searchbox .tt {color:#fff;text-align:center;font-size:0.3rem;font-weight:bold;margin-bottom:0.47rem;}
.searchbox {text-align:right;width:0.44rem;border-radius:0.22rem;overflow:hidden;position: relative;left: 0.1rem;}
.wp-search {position:relative;}
.wp-search form {display:block;}
.wp-search .search-input { margin-right:40px;}
.wp-search .search-input input.search-title {display:block;text-indent:1em;width:100%;line-height:0.36rem;background:none;color:#FFFFFF;font-size:var(--small-size);border:0;outline:0;padding:0;}
.wp-search .search-btn {width:0.44rem;height:0.36rem;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;cursor:pointer;padding:0;}
.searchbox:hover {width:2.5rem; background:rgb(255 255 255 / 20%);}
.searchbox {transition:all 0.4s ease-in-out;}

/**角色**/ 
.header .site-lang ul {display:flex;gap:var(--base-size)}
.header .site-lang.en{display: none;}
.header .site-lang ul li.links a {display: block; color:#fff;line-height:1.2;font-size:var(--small-size);} 
.header .site-lang ul li.links:last-child{padding-left:var(--small-size);border-left:1px solid #fff;}
.header .site-lang ul li.links:last-child a{padding-left:0.22rem;background: url(../images/earth.svg) no-repeat left center/var(--base-size);}

/**导航**/
#nav { }
#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;filter:alpha(opacity=70);}
.nav .wp-menu {margin:0 auto;display:flex;justify-content:space-between;gap:0.42rem}
.nav .wp-menu .menu-item {position:relative;text-align:center;}
.nav .wp-menu .menu-item.i1 {background:none;}
.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:1.2;font-size:var(--medium-size);display:block;color:#fff;position:relative;font-weight: bold;}
.nav .wp-menu .menu-item.hover a.menu-link,.nav .wp-menu .menu-item a.hover {font-weight:bold;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(--theme-color);opacity:0;transform:translateX(-50%) scale(0);transition:all 0.4s ease-in-out;border-radius:8px;overflow:hidden;}
.nav .sub-menu .sub-item {position:relative;white-space:nowrap;vertical-align:top;_zoom:1;}
.nav .sub-menu .sub-item a {display:block;color:#fff;line-height:0.5rem;padding:0 17px;font-size:var(--base-size);background:none;text-align:center;}
.nav .sub-menu .sub-item.hover>a,.nav .sub-menu .sub-item a:hover {color:#333;background-color:#fff;display:block;}
.nav .sub-menu .sub-menu {left:100%;top:0px;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 0.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 .down{text-align: center;color: #fff;position: absolute;z-index: 2;bottom:0.35rem;cursor: pointer;font-size: var(--medium-size);left:50%;transform: translateX(-50%);transition: 0.4s;}
#banner .down:hover{bottom:0.5rem}
#banner .down img{display: block;width: var(--base-size);margin:0 auto 0.12rem;}
#banner .swiper-pagination{left:auto;width: auto;right:1.1rem;z-index: 1;display: flex;gap:0.26rem;align-items: center;bottom:0.44rem}
#banner .swiper-pagination .swiper-pagination-bullet{width: var(--regular-size);height: var(--regular-size);background: rgba(255,255,255,0.4);margin: 0;opacity: 1;position: relative;}
#banner .swiper-pagination .swiper-pagination-bullet-active{background: none;width: 0.32rem;height:0.32rem;background:url(../images/dot-active.svg) no-repeat center/cover}
#banner .inner {width:100%;text-align:center;max-width:100%;}
.carousel-swiper__item a {
  position: relative;
  display: block;
  width: 100%;
  height: 100vh;
}
.carousel-swiper__item .carousel-swiper__image,
.carousel-swiper__item .carousel-swiper__video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.carousel-swiper__item .carousel-swiper__video {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.carousel-swiper__item .carousel-swiper__image img,
.carousel-swiper__item .carousel-swiper__video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-user-drag: none;
}
.carousel-swiper__item:has(video[src]:not([src=""])) .carousel-swiper__video {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.mbanner.fixBanner {position: fixed;left: 0;top: 0;right: 0;bottom: 0;background: #ccc;}
.fixedok .mbanner {opacity: 0;}

.countdown{position: absolute;bottom:0.47rem;left:50%;transform: translateX(-50%);z-index: 2;}
.progress-container{--interval:5s;--r:0.55rem;position: relative; }
.progress-ring { 
  transform: rotate(-90deg);
} 
/* 前景进度条样式 */
.progress-ring__progress { 
  stroke-dasharray: calc( 2 * 3.14159 * var(--r));; 
  stroke-dashoffset: calc( 2 * 3.14159 * var(--r));; 
}
.mbanner .countdown.active .progress-ring__progress {
  animation: drawCircle var(--interval) linear forwards;
}
/* 4. 定义动画：从偏移周长到偏移0 */
@keyframes drawCircle {
  0% {
    stroke-dashoffset: calc( 2 * 3.14159 * var(--r));
    /* 0% 进度 */
  }

  100% {
    stroke-dashoffset: 0;
    /* 100% 进度，形成正圆 */
  }
} 

/**内容**/
.news_imgs a,.news_imgs span {display:block;overflow:hidden;}
.post .news:hover .news_imgs img,.post .news:hover .news_imgs span img {transform:scale(1.1);}
.news_imgs img,.news_imgs span img {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:all 0.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(0.00deg,rgb(21,21,21) 3.433%,rgba(57,57,57,0) 96.567%);bottom:0;opacity:0.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);}
/**主体公共**/
.post1 .tt {display:flex;position:relative;justify-content:center;margin-bottom:0.5rem;}
.post1 .more_btn {position:absolute;right:0;top:50%;transform: translateY(-50%);}
.post1 .more_btn img {width:0.14rem;margin-left:0.05rem;}
.post1 .more_btn .more_text {vertical-align:middle;font-size:var(--regular-size);color:#4F858F;font-weight: 500;line-height: 1;display: block;;padding-top: 0.3rem;background: url(../images/more.svg) no-repeat top center/0.65rem;}
.post1 .tt .tit span {display:block;position:relative;z-index:1;}
.post1 .tt .tit { text-align:center;position:relative;}
.post1 .tt .tit:before{content:"";position: absolute;width: 3.84rem;height: 0.6rem;bottom:0;left:50%;z-index: -1;transform: translateX(-50%);background: url(../images/title-bg.svg) no-repeat center/100%;}
.post1 .tt .tit img{margin: 0 auto var(--regular-size);width: 0.73rem;display: block;} 
.post1 .tt .title {font-size:0.4rem;font-weight:normal;font-weight:bold;line-height:1.4;}
.post1 .tt .tt_en {font-size:var(--base-size);font-weight:normal;}
.post1 .news .news_title {font-size:var(--regular-size);line-height:1.44;color:#516164; }
.post1 .news .news_text {font-size:var(--small-size);line-height:1.7;color:#3E475C;}
.news_title a,.news_text a {color:inherit;} 
.post1 .news .news_date{font-family: "Montserrat-Bold";font-size: var(--small-size);color: var(--theme-color);line-height: 1.25;}
.post1 .news .news_month{font-size: 0.28rem;}
.post1 .news .news_time{color:var(--theme-color);font-family: "Montserrat-Bold";font-size: var(--base-size);line-height: 1.3;}
.main1 .post1 .news .news_title{color:#333}
.post1 .news:hover .news_title{color:var(--hover-color)}
/**main1**/
.bodycon{position: relative;z-index: 1;}
.main-bg{position: absolute;top:0;left:0;width: 100%;z-index: -1;}
.main1 { position:relative;z-index:1; }
.main1>img{position: absolute; width: 100%;top:0;left:0;z-index: -2;} 
.main1 .bg2{ z-index: -2;width: 100%;top:6.11rem;}
.main1 .inner {padding:0.96rem 0 0.8rem;}
.main1 .mbottom{display: flex;justify-content: space-between;}
.post-12{width: 0;flex:50% 0 0;}
.post-12 .news_imgs{padding-top:52.6%}
.post-12 li.news .news_wz{height: 1.13rem;padding-top:var(--medium-size)}
.post-12 li.news .news_title{font-size: 0.24rem;font-weight: bold;line-height: 1.2;margin: 0 0 var(--medium-size);}
.post-12 li.news .news_text{font-size: var(--base-size);}
.post-12 .swiper-pagination{position: static;margin-top: 0.3rem;display: flex;align-items: center;justify-content: center;gap:var(--base-size)}
.post-12 .swiper-pagination span.swiper-pagination-bullet{width: var(--small-size);height: var(--small-size);background: rgba(79,133,143,0.4);opacity: 1;}
.post-12 .swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active{width: 0.26rem;height: 0.26rem;background: url(../images/dot-active2.svg) no-repeat center/cover;}
.post-13{border-top:1px solid var(--theme-color);flex:48% 0 0;}
.post-13 li.news{display: flex;justify-content: space-between;padding:var(--regular-size) 0;border-bottom:1px dashed #B5CDD1;position: relative;gap:0.3rem}
.post-13 li.news:before{content:"";position: absolute;left:0;bottom:-1px;width: 0;transition: 0.4s;height: 2px;background: #B5CDD1;}
.post-13 li.news:hover:before{width: 100%;}
.post-13 li.news .news_wz{flex:1 0 0;display: flex;flex-direction: column;justify-content: space-between;}
.post-13 li.news .news_imgs{flex:2.15rem 0 0;padding-top: 1.43rem;}
.post-13 li.news .news_title{font-weight: 500;line-height: 1.2;}
.post-13 li.news .news_text{margin:var(--medium-size) 0;} 
.post-13 li.news[imgsrc=""] .news_imgs{display: none;}
 
.main20{position:relative;z-index:2}
.main20 .inner{padding:0 0 0.5rem;}
 .main20 img{width:100%}
/**main2**/
.main2 {position:relative;z-index: 1;}
.main2 .inner{padding:0 0 1.35rem;}
.post-21 .tt{margin-bottom: 0;}
.post-21 ul{display: flex;justify-content: space-between;display: flex;}
.post-21 li.news{width: 17.2%;position: relative;z-index: 1;display: flex;gap:var(--base-size);min-height: 1.6rem;}
.post-21 li.news .line{flex: 8px 0 0;position: relative;padding-top: 5px;}
.post-21 li.news .line:before{content:"";width: 100%;aspect-ratio: 1/1;background: var(--theme-color);border-radius: 50%;display: block;}
.post-21 li.news .line:after{content:"";position: absolute;top:5px;left:50%;transform: translateX(-50%);width: 1px;;height: 1.48rem;background: linear-gradient(var(--theme-color),transparent);}
.post-21 li.news:nth-child(2n+1){margin-top: 0.55rem;}
.post-21 li.news .news_title{line-height: 1.7;margin-top: var(--regular-size);;}
.post-21 li.news .wrap{transition: 0.4s;flex:1 0 0;}
.post-21 li.news:hover .wrap{transform: translateY(-0.26rem);}
 

/**main3**/
.main3 {position:relative; z-index: 1;}
.main3 .bg{position: absolute;top:-1.6rem;left:0;width: 100%;z-index: -1;}
.main3 .inner {padding:0rem 0 1.5rem;}
.main3 .con{display: flex;flex-wrap: wrap;justify-content: space-between;gap:var(--base-size) 0}
.main3 .con .post{background: #DBEDF0;flex:49.4% 0 0;padding:0.24rem 0.3rem 0.3rem;transition: 0.4s background;}
.main3 .con .post:hover{background: #fff;}
.main3 .con .title2{font-size: 0.32rem;line-height: 1;font-weight: bold;color: #49747C;margin-bottom: 0.24rem;}
.main3 .con .title2 a{color: inherit;}
.main3 .con ul{display: flex;justify-content: space-between}
.main3 li.news{width: 48.5%;}
.main3 li.news .news_imgs{padding-top:66.6%}
.main3 li.news .news_time{margin: 0.2rem 0 0.1rem;}



/**main4**/
.main4 {position: relative;z-index: 1; }
.main4:before{content:"";position: absolute;top:-0.12rem;width: 100%;height: 1.09rem;background: linear-gradient(transparent,#EFF6F9);z-index: 0;opacity: 0;}
.main4:after{content:"";position: absolute;top:0.6rem;right:0.6rem;left:0;height: 6.38rem;background:url(../images/main4_bg2.svg) no-repeat center/cover;border-radius: 0 3.2rem 3.2rem 0;z-index: -2;}
.main4>.bg{position: absolute;bottom:0;right:0;z-index: -1;width: 100%;}
.main4>.bg2{position: absolute;width: 10.36rem;z-index: -1;left:-0.65rem;top:0.28rem;}
.main4 .inner {padding:0 0 3.31rem;}
.post-41 .tt{margin-bottom: 0.14rem;justify-content: space-between;}
.post-41 .con{position: relative;}
.post-41 .text-list{padding-top:var(--regular-size); }
.post-41 li.news{border-bottom:1px dashed rgba(79,133,143,0.3);padding:0.2rem 0;height: 0.9rem;display: flex;align-items: center;position: relative;}
.post-41 li.news:after{content:"";position: absolute;right:0;bottom:-1px;width: 0;height: 2px;background: #4F858F;transition: 0.4s ease-in-out;}
.post-41 li.news .news_title{color: #516164 !important;}
.post-41 li.news.active:after{width: 100%;}
.post-41 li.news.active .news_title{font-weight:bold}
.post-41 li.news:nth-child(1){width: 7.62rem;}
.post-41 li.news:nth-child(2),.post-41 li.news:nth-child(3){width: 7.25rem;}
.post-41 li.news:nth-child(4){width: 7.58rem;}
.post-41 li.news:nth-child(5){width: 8.46rem;}
.post-41 .img-list{width: 8.76rem;height: 5.74rem;position: absolute;z-index: 1;right:-0.76rem;top:0;}
.post-41 .img-list .svgbox svg{position: absolute;top:50%;left:50%;transform: translate(-50%,-50%); }
.post-41 g.flower{opacity: 0;transition: 0.4s ease-in-out;}
.post-41 g.circle{opacity: 0.3;transition: 0.4s ease-in-out}
.post-41 g.flower path{transition: 0.4s ease-in-out;transform-origin: 0.12rem 0.12rem;}
.post-41 g.flower.active,.post-41 g.circle.active{opacity: 1;}
.post-41 g.flower.active path{transform: rotate(90deg);}
.post-41 .img-list .imgbox{position: absolute;top:50%;left:50%;transform: translate(-51%,-50%);width: 7.5rem;height: 4.23rem;overflow: hidden;border-radius: 2.12rem;border:4px solid #4F858F}
.post-41 .img-list .imgbox img{position: absolute;top:0;left:0;width: 100%;height: 100%;object-fit: cover;opacity: 0;transition: 0.4s ease-in-out;}
.post-41 .img-list .imgbox img.active{opacity: 1;}


/**main5**/
.bodycon-2{position: relative;z-index: 1;}
.bodycon-2>.bg{display: flex;flex-direction: column;position: absolute;inset:0;z-index: -1;}
.bodycon-2>.bg img.main5_bg{height: 5.44rem;width: 100%;object-fit: cover;}
.bodycon-2>.bg img.main6_bg{flex:1 0 0;object-fit: cover;}
.main5 {position:relative;z-index:1; }
.main5 .inner {padding:0.8rem 0 1.3rem;}
.post-51{display: flex;gap:0.44rem;align-items:flex-start}
.post-51 .tt{flex-direction: column;}
.post-51 .tt .title{color: #fff;margin-bottom: var(--medium-size);}
.post-51 .con{flex:1 0 0;padding-top:0.71rem}
.post-51 .con ul{display: flex;justify-content: space-between;}
.post-51 .con li.news{position: relative;width: 22%;}
.post-51 .con li.news:nth-child(2n+1){margin-top: 0.4rem;}
.post-51 .con li.news .news_imgs{padding-top:175.9%}
.post-51 .con li.news a:after{content:"";position: absolute;z-index: 0;bottom:0;left:0;width: 100%;height: 1.58rem;background: linear-gradient(transparent,rgba(0,0,0,0.73));}
.post-51 .con li.news .news_title{color: #fff;left:var(--medium-size);right:var(--medium-size);bottom:var(--base-size);font-weight: 500;position: absolute;z-index: 1;}
.post-51 .con li.news .source{position: absolute;z-index: 1;right:0;top:0.3rem;border-radius:0.5rem 0 0 0.5rem;width: 0.54rem;height: 0.3rem;}
.post-51 .con li.news[col="微信"] .source{background:#2CCC46 url(../images/weixin.svg) no-repeat 55% center/0.21rem;}
.post-51 .con li.news[col="抖音"] .source{background:#000000 url(../images/douyin.svg) no-repeat 55% center/var(--regular-size);}
.post-51 .con li.news[col="微博"] .source{background:#FFA339 url(../images/weibo.svg) no-repeat 55% center/0.25rem;}
.post-51 .con li.news[col="b站"] .source{background:#FB7299 url(../images/bilibili.svg) no-repeat 55% center/0.3rem;}


/**main6**/
.main6 {position:relative;z-index:1; }
.main6 .inner {padding-bottom:1.4rem;}
.post-60 .tt{margin-bottom: var(--medium-size);}
.main6 .con{display: flex;justify-content: center;gap:1.1rem;transition: 0.6s;height: 6.08rem;align-items: flex-end;}
.main6 .con .post{flex: 25.9% 0 0;transition: 0.4s ease-out;position: relative;}
.main6 .con .outer-container *{transition: 0.6s;}
.main6 .con .post-61{--color:#4f858f;}
.main6 .con .post-62{--color:#C6A86F;}
.main6 .con .post-63{--color:#2A5AA9;}
.main6 .inner-container{position: absolute; opacity: 0;z-index: 1;bottom:0;left:1.4rem;height: 5rem;width: 100%;width: 6.48rem;padding-right: 0.3rem;}
.main6 .inner-container .swiper-bg1{position: absolute;z-index: -3;background:#DFEAEC;left:0.5rem;top:-0.3rem;height: 2.92rem;width: 5.18rem;}
.main6 .inner-container .swiper-bg2{position: absolute;z-index: -2;background:#CADBDE;left:0.21rem;top:-0.16rem;height: 3.25rem;width: 5.76rem;}
.main6 .inner-container .swiper-controls{position: absolute;position: absolute;z-index: 2;display: flex;gap:var(--base-size);bottom:0.44rem;right:0.3rem;}
.main6 .inner-container .swiper-button{position: static;margin: 0;border-radius: 50%;border:1px solid var(--color);width:0.54rem;height:0.54rem}
.main6 .inner-container .swiper-button svg{width: 0.1rem;height: auto;}
.main6 .inner-container .news_imgs{padding-top:56.3%}  
.main6 .inner-container:before{content:"";position: absolute;background: linear-gradient(to right,transparent,#fff);width: 100%;height: 1.73rem;bottom:0;left:0;z-index: -1;}
.main6 .inner-container .news_wz{padding-right:1.4rem}
.main6 .inner-container .news_title{color: #232323;font-weight: bold;margin: var(--medium-size) 0;;}
.main6 .inner-container .news_text{color: #516164;}
.main6 .swiper-pagination-bullets.swiper-pagination-horizontal{
  left:0.6rem;display: flex;flex-direction: column;gap:var(--base-size);
  bottom: 0.42rem;top:auto;margin: 0;width: auto;opacity: 0;
}
.main6 .swiper-pagination .swiper-pagination-bullet{width: 0.1rem;height: 0.1rem;background: var(--color);opacity: 0.2;position: relative;margin: 0;}
.main6 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1;}
.main6 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before{opacity: 1;}
.main6 .swiper-pagination .swiper-pagination-bullet:before{
  content:"";background: url(../images/dot-active2.svg) no-repeat center/cover;position: absolute;transition: 0.3s;
  left:50%;top:50%;transform: translate(-50%,-50%);width: 0.24rem;height: 0.24rem;opacity: 0;z-index: 1;
}
 
.main6 .openList{
  display: flex;position: absolute;z-index: 2;bottom:0; padding:0.06rem 0.07rem 0.06rem 0.2rem;
  align-items: center;font-size: var(--base-size);background: var(--color);color: #fff;
  gap:var(--small-size);border-radius: 0.3rem;width: 1.54rem;right:calc(50% - 0.77rem)
}
.main6 .openList div{border-radius: 50%;width: 0.48rem;height: 0.48rem;background: #fff;display: flex;align-items: center;justify-content: center;}
.main6 .openList div svg{width: var(--regular-size);height: auto;}
.main6 .outer-container{position: relative;cursor: pointer;transition: 0.6s;}
.main6 .outer-container .person-photo{position: absolute;z-index: 1;left:0.5rem;top:0.97rem;width: 3.43rem;}
.main6 .outer-container .outer-body{display: flex;gap:1rem }
.main6 .outer-container .outer-body .svg-bg{flex:1.64rem 0 0;position: relative;height: 5.75rem;}
.main6 .outer-container .outer-body .column-title{position: absolute;top:1.2rem;cursor: pointer;left:50%;transform: translateX(-50%);color: var(--color);font-weight: bold;writing-mode: vertical-lr;font-size: 0.38rem;}
.main6 .outer-container .outer-body .column-text{width: 1.28rem;padding-top: 0.36rem;}
.main6 .outer-container .outer-body svg{width: 100%;height: 100%;}
.main6 .con.open .post{flex:22.9% 0 0}
.main6 .con.open{gap:0.2rem}
.main6 .con .post.showInner {flex: 52% 0 0;z-index: 1;}
.main6 .con .post.showInner .openList{right: 100%;opacity: 0;}
.main6 .con .post.showInner .outer-body .svg-bg{height: 6.08rem;object-fit: cover;}
.main6 .post.showInner .outer-container .outer-body .column-text,.main6 .post.showInner .outer-container .person-photo{opacity: 0;visibility: hidden;}
.main6 .post.showInner .inner-container,.main6 .post.showInner .swiper-pagination{opacity: 1;}
.main6 .con.open .post:not(.showInner) .openList{right:0;transform: none;}

/* main7 */
.main7{background: url(../images/main7_bg.png) no-repeat center/cover;overflow: hidden;position: relative;z-index: 1;}
.main7>img{position: absolute;bottom:-10.2rem;left:50%;z-index: -1;transform: translateX(-50%);width: 13.72rem;user-select: none;}
.main7 .inner{padding: 0.8rem 0 2.17rem;}
.main7 .date-swiper:before{content:"";position: absolute;top:0.36rem;height: 1px;width: 100%;background: linear-gradient(to right,transparent,#4F858F,transparent);}
.main7 .date-swiper li{font-size: var(--regular-size);text-align: center;font-weight: bold;padding-top: 0.18rem;font-family: "Montserrat-bold"; color: #4F858F; } 
.main7 .date-swiper .border{
  width: 0.4rem;aspect-ratio: 1/1;position: relative;background:url(../images/year-dot.png) no-repeat center/0.22rem;
  display: inline-flex;transition: 0.5s; align-items: center;justify-content: center;border-radius: 50%;margin-bottom: 0.1rem;
}
.main7 .date-swiper .swiper-slide-active .border{ background-image: url(../images/year-dot-active.png);background-size: 100%;}
.main7 .img-container{position: relative; display: flex;justify-content: center;align-items: center;margin-top: 0.5rem;gap:0.3rem}
.main7 .swiper-controls{position: absolute;bottom:0.32rem;right:0.94rem;z-index: 1;display: flex;gap:0.12rem;}
.main7 .swiper-button{position: static;margin: 0;border-radius: 50%;border:1px solid #4F858F;width: 0.48rem;height: 0.48rem;background: none;}
.main7 .swiper-button svg{width: var(--base-size);height: auto;}
.main7 .swiper-button[tabindex='-1']{opacity: 0.35;pointer-events: none;}
.main7 .year-swiper{flex:3.2rem 0 0;width: 0;text-align:right;}
.main7 .year-swiper .swiper{height: 1.3rem;}
.main7 .year-swiper .swiper-slide div{background: linear-gradient(#4F858F,transparent);opacity: 0.8;line-height: 1;background-clip: text;color: transparent;font-size: 1.2rem;font-weight: bold;font-family:"Montserrat-bold"; -webkit-background-clip: text;}
.main7 .img-swiper{flex:6.86rem 0 0;width: 0;height: 4rem;position: relative;z-index: 1;}
.main7 .img-swiper:before{content:"";position: absolute; top:-0.2rem;left:50%;transform: translateX(-50%); height: 2.3rem;width: 4.2rem;opacity: 0.3;z-index: -2;background:#4F858F;border-radius: 2.12rem;}
.main7 .img-swiper:after{content:"";position: absolute; top:-0.3rem;left:50%;transform: translateX(-50%); height: 2rem;width:3.5rem; opacity: 0.1;z-index: -3;background:#4F858F;border-radius: 2.12rem}
.main7 .img-swiper .swiper{overflow: visible;}
.main7 .img-swiper .news_imgs{padding-top: 56.4%;border:8px solid #4F858F;border-radius: 2.12rem;border-color: transparent;background: rgba(79,133,143,0.5);transition: 0.6s}
.main7 .img-swiper .news_imgs img{transition: 0.6s;opacity: 0;}
.main7 .img-swiper .swiper-wrapper{transform: none !important;}
.main7 .img-swiper .swiper-slide{position: absolute;z-index: 0;transition: 0.6s;transform: scale(0.8);opacity: 0;top:-0.2rem}
.main7 .img-swiper .swiper-slide.swiper-slide-active{z-index: 1;opacity: 1;transform: scale(1);top:0;}
.main7 .img-swiper .swiper-slide.swiper-slide-active .news_imgs{border-color: #4F858F;background: none;}
.main7 .img-swiper .swiper-slide.swiper-slide-active .news_imgs img{opacity: 1;}
.main7 .img-swiper .swiper-slide.swiper-slide-next{opacity: 0.5;top:-0.1rem;}
.main7 .img-swiper .swiper-slide.swiper-slide-prev{opacity: 0;transform: scale(1.5);top:0.5rem}
.main7 .text-swiper{flex:3.2rem 0 0;width: 0;}
.main7 .text-swiper .swiper-slide{opacity: 1 !important; font-size: var(--regular-size);color: #516164;line-height: 1.66;display:flex;}
.main7 .text-swiper .swiper-slide .year,.main7 .text-swiper .swiper-slide .news_imgs{display:none;}
.main7 .text-swiper .swiper-slide-active{opacity: 1 !important; }


/* main8 */
.main8{background: url(../images/main8_bg.png) no-repeat center/cover;}
.main8 .inner{padding:1rem 0}
.post-81 ul{display:flex;justify-content: space-between}
.post-81 .news_imgs{padding-top:165%;}
.post-81 .news_imgs img{transform:none !important}
.post-81 li.news{position: relative;z-index: 1;width: 20.7%;}
.post-81 li.news .readmore{ display: flex; align-items: center;justify-content: center;writing-mode: vertical-lr;position: absolute;left:var(--medium-size);top:0;}
.post-81 li.news .readmore .line{width: 1px;height: 0.76rem;background: #535353;}
.post-81 li.news .readmore a{gap:var(--small-size);display: flex;align-items: center;color: #A1251B;font-size: var(--regular-size);font-weight: bold;}
.post-81 li.news .readmore a:before,.post-81 li.news .readmore a:after{content:"";display: inline-block;width: 4px;height: 4px;background: #A1251B;border-radius: 50%;}



/**列表页**/
.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:40%;background:linear-gradient(transparent,rgba(0,0,0,0.3));bottom:0;}
.l-banner img { height:100%;vertical-align:top;width:100%;object-fit:cover;position:absolute;top:0;left:0;}
#l-container {position:relative;z-index:2;}
#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(--base-size);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(--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 {display:flex;padding:0.3rem 0;border-bottom:1px solid #49747C}
.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:.18rem 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(--regular-size);line-height:1.7;font-weight:700;margin-bottom:.17rem;}
.mrlist .col_news_list .news_list .news .news_text {font-size:var(--small-size);line-height:2;}
.mrlist .col_news_list .news_list .news .news_text a {color:#666;}
.mrlist .col_news_list .news_list .news[img-src=""] .news_imgs {display:none;}
/**文章页**/
.info .col_metas.clearfix {height:.63rem;}
.infobox {padding:.56rem 0;margin:0 auto;width:auto;} 
.article h2.arti_title {line-height:2; font-size:.3rem;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(--base-size);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;}
.article .entry .read,.article .entry .read p {line-height:1.75;font-size:var(--base-size);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(--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;}
/**底部**/
#footer {background:url(../images/footer-bg.png) no-repeat center/cover;position:relative;z-index:1} 
#footer .mod>div{display:flex;justify-content:space-between;}
.foot-top {padding-top: 0.5rem;}   
.foot-top .logo{width: 3.68rem;}
.foot-top .slogan{width: 3.36rem;}
.foot-middle{padding: 0.6rem 0 0.75rem;}
.foot-bottom{padding-bottom: 0.3rem;}
.foot-middle .m-l{display: flex;gap:0.4rem}
.foot-middle .m-l .contant{flex:3.5rem 0 0;}
.foot-middle .m-r{flex:7.18rem 0 0;}
.foot-middle .contant .tit{font-size: var(--regular-size);margin-bottom: var(--small-size);;color: #fff;border-bottom:1px solid rgba(255,255,255,0.2);line-height: 1.2;padding-bottom: var(--medium-size);font-weight:bold}
.foot-middle .m-l .contant .con p{color: #fff;font-size: var(--base-size);line-height: 2;}
.foot-middle .m-l .contant .con p:nth-child(1){padding-left: 0.3rem;background: url(../images/location.svg) no-repeat left center/var(--regular-size);}
.foot-middle .m-l .contant .con p:nth-child(2){padding-left: 0.3rem;background: url(../images/post.svg) no-repeat left center/var(--regular-size);}
.foot-middle .m-r .news_list{display: flex;justify-content: space-between;}
.foot-middle .m-r .news_list .news a{display: flex;align-items: center;font-size: var(--small-size);color: #fff;gap:var(--small-size)}
.foot-middle .m-r .news_list .news img{width: 0.28rem;height: 0.28rem;object-fit: cover;}
.foot-bottom .b-l{display: flex;gap:0.4rem;align-items: flex-end;}
.foot-bottom .flinks{position: relative;flex:3.5rem 0 0;background: #fff;z-index: 1;}
.foot-bottom .flinks .column-title{font-size: var(--small-size);line-height: 2.1;color: #4F858F;text-indent: var(--small-size);text-align: left;}
.foot-bottom .flinks .arrow{position: absolute;width: 8px;transition: 0.4s;top:50%;right:0.12rem;transform: translateY(-50%);}
.foot-bottom .flinks .con{position: absolute;bottom:100%; background: #fff; z-index: 1;;width: 100%;max-height: 0px;transition: 0.5s;overflow-y: auto;border-bottom: 1px solid #4F858F;}
.foot-bottom .flinks .news_title{font-size: var(--small-size);color:#4F858F;line-height: 1.2;margin:0.1rem;display: block;}
.foot-bottom .totop{display: flex;align-items: center;gap:0.27rem;color: #fff;font-size: var(--regular-size);font-weight: bold;cursor: pointer;}
.foot-bottom .totop .totop-icon{width: 1px;height: 0.43rem;background: #fff;position: relative;}
.foot-bottom .totop .totop-icon .circle{position: absolute;left:50%;transform: translateX(-50%);width: 0.11rem;height: 0.11rem;bottom:0.06rem;border-radius: 50%;background-color: #fff;transition: 0.4s;}
.foot-bottom .totop:hover .totop-icon .circle{bottom:0.28rem}
.foot-bq{border-top:1px solid rgba(255,255,255,0.4);padding:var(--regular-size) 0}
.foot-bq .con{color: #fff;font-size: var(--small-size);line-height: 1;}
.foot-bq img{}
/*
.foot-bq img{width:0.5rem}
.foot-bq .con span:nth-child(2){padding-left:var(--medium-size);background:url(../images/banquanico.png) no-repeat left center/var(--base-size);}
*/
.foot-bq .con a{color:inherit}
.foot-bottom .flinks:hover .con{max-height: 200px;}


/**分享**/
.shares .news_list {display:flex;text-align:center;gap:.28rem;}
.shares .news_list .imgs {width:1rem;height:1rem;position:absolute;bottom:127%;left:50%;margin-left:-.5rem;transform:translateY(-.4rem);opacity:0;transition:all .4s ease-in-out;}
.shares .news_list .imgs img {width:100%;height:100%;}
.shares .news_list .news_icon {display:block ;width:.26rem;height:.3rem;border-radius:0%;background-repeat:no-repeat;background-position:center; ;background-size:100%;}
.shares .news_list .news {position:relative;}
.shares .news_list li:nth-child(1) .news_icon {background-image:url(../images/weixin.svg);}
.shares .news_list li:nth-child(2) .news_icon {background-image:url(../images/douyin.svg);background-size: 90%;}
.shares .news_list li:nth-child(3) .news_icon {background-image:url(../images/weibo.svg);} 
.shares .news_list li:nth-child(4) .news_icon {background-image:url(../images/bilibili.svg);width: 0.36rem;}
.shares .news_list .news_icon:hover {opacity:1;}
.shares .news_list .news a: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;}
.shares-2 .news_list{flex-direction: column;gap:var(--medium-size);align-items: center;} 
.shares-2 .news_list li{border:1px dashed rgba(255,255,255,0.5); border-radius: 50%;}
.shares-2 .news_list .news_icon{width: 0.46rem;height: 0.46rem;margin:0.05rem;background-size: 63%;background-color: rgba(255,255,255,0.7);border-radius: 50%;transition:none}
.shares-2 .news_list li:nth-child(1) .news_icon{background-image: url(../images/weixin-2.svg);}
.shares-2 .news_list li:nth-child(1):hover .news_icon{background:url(../images/weixin-hover.svg) no-repeat center/cover}
.shares-2 .news_list li:nth-child(2) .news_icon{background-image: url(../images/douyin-2.svg);background-size: 51%;}
.shares-2 .news_list li:nth-child(2):hover .news_icon{background:url(../images/douyin-hover.svg) no-repeat center/cover}
.shares-2 .news_list li:nth-child(3) .news_icon{background-image: url(../images/weibo-2.svg);}
.shares-2 .news_list li:nth-child(3):hover .news_icon{background:url(../images/weibo-hover.svg) no-repeat center/cover}
.shares-2 .news_list li:nth-child(4) .news_icon{background-image: url(../images/bilbili-2.svg);width: 0.46rem;}
.shares-2 .news_list li:nth-child(4):hover .news_icon{background:url(../images/bilibili-hover.svg) no-repeat center/cover}
.shares-2 .news_list .imgs{transform: scale(0) translateY(-50%);margin: 0;left:auto;right:115%;bottom:auto;top:50%;transform-origin:top right !important;opacity: 1;}
.shares-2 .news_list .news a:hover+.imgs { transform:scale(1) translateY(-50%);}

 
/**侧导航**/
nav.Quick-navigation {position:fixed;right:0;z-index:1;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;font-size:19px;line-height:70px;background:var(--theme-color);color:#fff;padding:0 16px;border-radius:20px;}
nav.Quick-navigation a {color:#fff;border-bottom:1px solid #fff;}
nav.Quick-navigation a.current {color:#e1d4a4;border-bottom:1px solid var(--hover-color);}
.Scroll-to-top {width:60px;height:60px;position:fixed;z-index:1;background:#fff;bottom:2%;border-radius:50%;right:1%;background:#1776be7a;font-size:20px;line-height:60px;text-align:center;color:#fff;cursor:pointer;}
/** 加载 **/
.pre-loader {position:fixed;width:100vw;height:100vh;top:0;left:0;background-color: var(--theme-color);z-index:999;}
.spinner2 {width:40px;height:40px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.container1 > div,.container2 > div,.container3 > div {width:6px;height:6px;background-color:#fff;border-radius:100%;position:absolute;-webkit-animation:bouncedelay 1.2s infinite ease-in-out;animation:bouncedelay 1.2s infinite ease-in-out;/* Prevent first frame from flickering when animation starts*/
  -webkit-animation-fill-mode:both;animation-fill-mode:both;}
.spinner2 .spinner-container {position:absolute;width:100%;height:100%;}
.container2 {-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg);}
.container3 {-webkit-transform:rotateZ(90deg);transform:rotateZ(90deg);}
.circle1 {top:0;left:0;}
.circle2 {top:0;right:0;}
.circle3 {right:0;bottom:0;}
.circle4 {left:0;bottom:0;}
.container2 .circle1 {-webkit-animation-delay:-1.1s;animation-delay:-1.1s;}
.container3 .circle1 {-webkit-animation-delay:-1.0s;animation-delay:-1.0s;}
.container1 .circle2 {-webkit-animation-delay:-0.9s;animation-delay:-0.9s;}
.container2 .circle2 {-webkit-animation-delay:-0.8s;animation-delay:-0.8s;}
.container3 .circle2 {-webkit-animation-delay:-0.7s;animation-delay:-0.7s;}
.container1 .circle3 {-webkit-animation-delay:-0.6s;animation-delay:-0.6s;}
.container2 .circle3 {-webkit-animation-delay:-0.5s;animation-delay:-0.5s;}
.container3 .circle3 {-webkit-animation-delay:-0.4s;animation-delay:-0.4s;}
.container1 .circle4 {-webkit-animation-delay:-0.3s;animation-delay:-0.3s;}
.container2 .circle4 {-webkit-animation-delay:-0.2s;animation-delay:-0.2s;}
.container3 .circle4 {-webkit-animation-delay:-0.1s;animation-delay:-0.1s;}




.progress-bar {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: #eee;
  z-index: 9999;
}

.progress {
  height: 100%;
  width: 100%;
  background: var(--accent-color);
  transform-origin: left;
  transform: scaleX(0);
}