*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
div,
ol,
ul,
li,
dl,
dt,
dd,
table,
caption,
tr,
th,
td,
span,
p,
a,
b,
u,
i,
em,
img,
iframe,
fieldset,
form,
label,
legend,
input,
button,
select,
textarea {
  margin: 0;
  padding: 0;
}
html {
  -webkit-transition: opacity 1s;
  -moz-transition: opacity 1s;
  -ms-transition: opacity 1s;
  transition: opacity 1s;
}
input,
button,
textarea,
select {
  font: inherit;
  outline: 0;
  border: 0;
  background: none;
  color: inherit;
}
input:focus,
textarea:focus {
  color: inherit;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
}
ol,
ul,
li {
  list-style: none;
}
textarea {
  overflow: auto;
  resize: none;
}
table {
  width: 100%;
  border-collapse: collapse;
  border: 0;
}
img {
  border: 0;
  outline: 0;
  vertical-align: middle;
}
a {
  text-decoration: none;
  color: inherit;
}
a:focus {
  outline: 0;
}
svg:not(:root) {
  overflow: hidden;
}
input[type=date] {
  background-color: transparent;
  border: 0;
  filter: alpha(opacity=0);
}
::-ms-clear,
::-ms-reveal {
  display: none;
}
/* WebKit browsers */
::-webkit-input-placeholder {
  color: #909090;
}
/* Mozilla Firefox 4 to 18 */
:-moz-placeholder {
  color: #909090;
  opacity: 1;
}
/* Mozilla Firefox 19+ */
::-moz-placeholder {
  color: #909090;
  opacity: 1;
}
/* Internet Explorer 10+ */
:-ms-input-placeholder {
  color: #909090;
}
a,
a:hover,
a:focus {
  text-decoration: none;
}
a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
a,
a:active,
a:focus,
a:hover {
  outline: none;
}
*:focus {
  outline: none !important;
}
/* 图片自适应 */
img {
  max-width: 100%;
  height: auto;
  width: auto \9;
  /* ie8 */
  -ms-interpolation-mode: bicubic;
  /*为了照顾ie图片缩放失真*/
  border: none;
}
/*此文件写网站剩余样式*/
body {
  font-family: "Lato", "Microsoft YaHei", '微软雅黑', PingFangSC-Regular, Arial, sans-serif !important;
}
body,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
blockquote,
a,
code,
em,
img,
q,
small,
strong,
dd,
dl,
dt,
li,
ol,
ul,
fieldset,
form,
label,
tbody,
tr,
th,
td,
input,
textarea {
  font-family: "Lato", "Microsoft YaHei", '微软雅黑', PingFangSC-Regular, Arial, sans-serif !important;
}
a:hover,
a:focus {
  color: #068971;
}
.container {
  *zoom: 1;
}
.container:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0;
}
.fix {
  *zoom: 1;
}
.fix:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0;
}
a[href]:after {
  content: normal;
}
a:hover,
a:focus {
  text-decoration: none;
}
*:focus {
  outline: none;
}
@font-face {
  font-family: HarmonyOS Sans SC;
  src: url("/eportal/uiFramework/commonResource/zip/asba2026_fonts/HarmonyOS_SansSC_Light.ttf") format("truetype");
}
@font-face {
  font-family: HarmonyOS_Sans_SC_bold;
  src: url("/eportal/uiFramework/commonResource/zip/asba2026_fonts/HarmonyOS_SansSC_Bold.ttf") format("truetype");
}
@font-face {
  font-family: Lato;
  src: url("/eportal/uiFramework/commonResource/zip/asba2026_fonts/Lato-Regular.ttf") format("truetype");
}
@font-face {
  font-family: Lato_Medium;
  src: url("/eportal/uiFramework/commonResource/zip/asba2026_fonts/Lato-Medium.ttf") format("truetype");
}
@font-face {
  font-family: Lato_bold;
  src: url("/eportal/uiFramework/commonResource/zip/asba2026_fonts/Lato-Black.ttf") format("truetype");
}
.container {
  max-width: 100% !important;
  width: 100% !important;
  padding-left: 2.0877rem !important;
  padding-right: 2.0877rem !important;
}
::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
::-webkit-scrollbar-track {
  background: #ddd;
  border-radius: 5px;
}
::-webkit-scrollbar-thumb {
  background: rgba(67, 185, 120, 0.5);
  border-radius: 5px;
}
.navbar-logo {
  float: left;
  width: 10.1253rem;
}
.navbar-logo a {
  display: block;
  width: 100%;
}
.navbar-logo img {
  width: 100%;
}
nav.navbar {
  border-bottom: 0.0522rem solid #FFF;
  min-height: 5.6367rem;
  padding: 1.5658rem 0;
  background: rgba(6, 137, 113, 0.8);
  z-index: 999;
}
nav.navbar .container {
  display: block;
}
nav.navbar .collapse.navbar-collapse {
  float: right;
  margin-top: 0.4175rem;
}
nav.navbar ul.navbar-nav {
  flex-wrap: wrap;
}
nav.navbar ul.navbar-nav > li {
  margin-left: 4.1754rem;
}
nav.navbar ul.navbar-nav > li:first-child {
  margin-left: 0;
}
nav.navbar ul.navbar-nav > li > a {
  font-family: HarmonyOS Sans SC !important;
  display: block;
  font-weight: 400;
  font-size: 1.2526rem;
  line-height: 1.5658rem;
  color: #fff !important;
  padding: 0 !important;
  text-align: center;
  word-break: break-word;
  position: relative;
}
nav.navbar ul.navbar-nav > li > a::before {
  position: absolute;
  content: '';
  left: 50%;
  transform: translateX(-50%);
  bottom: -0.7829rem;
  height: 0.2088rem;
  background: #FA9E53;
  width: 0;
  opacity: 0;
  transition: all 0.5s;
}
nav.navbar ul.navbar-nav > li > a::after {
  display: none;
}
nav.navbar ul.navbar-nav.dropdown:last-child .dropdown-menu {
  left: auto;
  right: 0;
}
nav.navbar ul.navbar-nav > li > a:hover,
nav.navbar ul.navbar-nav > li > a:focus,
nav.navbar ul.navbar-nav > li.active > a:hover,
nav.navbar ul.navbar-nav > li.active > a:focus,
nav.navbar ul.navbar-nav > li.active > a,
nav.navbar ul.navbar-nav > li.dropdown.on > a {
  background-color: transparent !important;
  color: #FFF !important;
  font-weight: bold;
}
nav.navbar ul.navbar-nav > li > a:hover::before,
nav.navbar ul.navbar-nav > li > a:focus::before,
nav.navbar ul.navbar-nav > li.active > a:hover::before,
nav.navbar ul.navbar-nav > li.active > a:focus::before,
nav.navbar ul.navbar-nav > li.active > a::before,
nav.navbar ul.navbar-nav > li.dropdown.on > a::before {
  width: 55%;
  opacity: 1;
}
nav.navbar ul.navbar-nav li.dropdown .dropdown-menu {
  border: none;
  background: none;
  min-width: 12.0042rem;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  margin: 0;
  padding: 1.3048rem 0 0 0;
  border-radius: 0;
  text-align: center;
}
nav.navbar ul.navbar-nav li.dropdown .dropdown-menu > a {
  font-family: HarmonyOS Sans SC !important;
  color: #fff;
  display: block;
  line-height: 1.5658rem;
  padding: 0.4175rem 0.5219rem;
  font-size: 1.2526rem;
  text-align: center;
  white-space: normal;
  word-break: break-word;
  background: rgba(6, 137, 113, 0.9);
}
nav.navbar ul.navbar-nav li.dropdown .dropdown-menu > a:hover,
nav.navbar ul.navbar-nav li.dropdown .dropdown-menu > a:focus {
  background-color: #068971;
  color: #fff;
}
nav.navbar.scroll {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
}
.footer {
  padding: 2.2965rem 0;
  background: #000000;
  text-align: center;
  font-family: HarmonyOS Sans SC !important;
  font-size: 1.2526rem;
  font-weight: 300;
  line-height: 1.6701rem;
  color: #FFFFFF;
  position: relative;
  z-index: 2;
}
.footer .foot-logo {
  display: inline-block;
  width: 8.8727rem;
  margin-right: 2.8184rem;
}
.footer .foot-logo img {
  width: 100%;
}
.footer span,
.footer a {
  font-family: HarmonyOS Sans SC !important;
  display: inline-block;
  color: #FFFFFF;
  font-size: 1.2526rem;
  font-weight: 300;
  line-height: 1.6701rem;
}
.footer a {
  text-decoration: underline;
}
.footer a:hover {
  color: #FA9E53;
}
/* ====================================================== */
.banner-swiper {
  height: 100vh;
}
.banner-swiper .banner-next,
.banner-swiper .banner-prev {
  width: 3.3403rem;
  height: 3.3403rem;
  border-radius: 50%;
  opacity: 1;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.banner-swiper .banner-next::after,
.banner-swiper .banner-prev::after {
  display: none;
}
.banner-swiper .banner-next {
  right: 2.0877rem;
  background-image: url(/eportal/uiFramework/commonResource/image/2026022514151458416.png);
}
.banner-swiper .banner-prev {
  left: 2.0877rem;
  background-image: url(/eportal/uiFramework/commonResource/image/2026022514152227815.png);
}
.banner-swiper .banner-page {
  left: auto;
  width: auto;
  right: 2.0877rem;
  bottom: 2.3486rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.banner-swiper .banner-page .swiper-pagination-bullet {
  width: 2.0877rem;
  height: 0.3132rem;
  opacity: 1;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 0;
  margin: 0 0 0 0.4175rem;
}
.banner-swiper .banner-page .swiper-pagination-bullet.swiper-pagination-bullet-active {
  height: 0.4175rem;
  background: #FFFFFF;
}
.banner-swiper .banner-box {
  height: 100%;
}
.banner-swiper .banner-img {
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.banner-swiper .banner-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.banner-swiper .banner-video {
  height: 100%;
}
.banner-swiper .banner-video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.banner-swiper .container {
  position: absolute;
  bottom: 2.0877rem;
}
.banner-swiper .banner-desc {
  display: block;
  color: #FFFFFF;
  font-family: Lato !important;
  font-size: 1.2526rem;
  font-weight: 400;
  line-height: 1.4614rem;
  text-align: justify;
  max-width: 53.9144rem;
  word-break: break-word;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  max-height: 8.7683rem;
}
.index-box1 {
  background: #1F957F;
  padding: 0.7829rem 0 4.1754rem 0;
}
.index-box1 .index-title {
  margin-bottom: 1.0438rem;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.index-box1 .index-title span {
  color: #FFFFFF;
  font-size: 3.3403rem;
  font-weight: 900;
  line-height: 3.6534rem;
  text-align: center;
  position: absolute;
  z-index: 1;
}
.index-box1 .index-title .icon-bg {
  width: 13.048rem;
  height: 10.8038rem;
}
.index-box1 .index-title .icon-bg video {
  width: 100%;
  height: 100%;
  object-fit: fill;
  mix-blend-mode: screen;
}
.index-box1 .col-sm-4:nth-child(2) .news-index-list .lmbt {
  background: #FA9E53;
}
.index-box1 .col-sm-4:nth-child(2) .news-index-list .info {
  border-radius: 5.9499rem 0rem 0 0rem;
  text-align: right;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
}
.index-box1 .col-sm-4:nth-child(3) .news-index-list .lmbt {
  background: #8358F6;
}
.index-box1 .index-more {
  margin-top: 4.9061rem;
  text-align: right;
}
.index-box1 .index-more a {
  display: inline-block;
  color: #FFFFFF;
  font-size: 1.2526rem;
  padding-right: 4.6973rem;
  line-height: 3.3403rem;
  position: relative;
  transition: all 0.5s;
}
.index-box1 .index-more a::before {
  position: absolute;
  content: '';
  right: 0;
  top: 0;
  width: 3.3403rem;
  height: 3.3403rem;
  background: url(/eportal/uiFramework/commonResource/image/2026022514155265494.png) no-repeat center center / 100% 100%;
}
.index-box1 .index-more a:hover {
  font-size: 1.357rem;
}
.m10 {
  margin: 0 -0.5219rem;
}
.p10 {
  padding: 0 0.5219rem;
}
.news-index-list {
  display: block;
}
.news-index-list:hover .img-box img {
  transform: scale(1.1);
}
.news-index-list .img-box {
  width: 100%;
  height: 16.3361rem;
  position: relative;
  overflow: hidden;
}
.news-index-list .img-box img {
  width: 100%;
  height: 100%;
  transition: all 0.5s;
}
.news-index-list .lmbt {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  height: 1.2526rem;
  font-size: 0.5219rem;
  line-height: 1.2526rem;
  background: #43B978;
  color: #FFFFFF;
  text-align: center;
  padding: 0 0.4175rem;
}
.news-index-list .info {
  border-radius: 0rem 0rem 5.9499rem 0rem;
  background: rgba(255, 255, 255, 0.2);
  border: 0.1566rem solid #FFFFFF;
  padding: 1.0438rem 1.2526rem;
  min-height: 9.499rem;
}
.news-index-list .title {
  font-size: 1.2526rem;
  font-weight: 400;
  line-height: 1.6701rem;
  color: #FFFFFF;
  margin-bottom: 0.6263rem;
  word-break: break-word;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  max-height: 5.0104rem;
}
.news-index-list .date {
  color: #FFFFFF;
  font-size: 0.7307rem;
  font-weight: bold;
  line-height: 0.8351rem;
}
.index-box2 {
  background: url(/eportal/uiFramework/commonResource/image/2026022514445892056.png) no-repeat center center / cover;
  position: relative;
}
.index-box2 .index-community-cont {
  margin-left: auto;
  width: 35.9081rem;
  border-radius: 15.6576rem 0rem 0rem 0rem;
  background: #8358F6;
  padding: 2.0877rem;
}
.index-box2 .title {
  font-size: 3.3403rem;
  font-weight: 900;
  line-height: 3.6534rem;
  color: #FFFFFF;
  text-align: right;
  margin-top: 2.6096rem;
}
.index-box2 .icon {
  width: 31.7328rem;
  height: 17.8497rem;
  margin-left: auto;
  position: relative;
  overflow: hidden;
}
.index-box2 .icon video {
  width: 100%;
  height: 100%;
  object-fit: fill;
  mix-blend-mode: screen;
  position: absolute;
  right: -6.785rem;
}
.index-box2 .more {
  text-align: right;
  margin-bottom: 2.7662rem;
}
.index-box2 .more a {
  display: inline-block;
  color: #FFFFFF;
  font-size: 1.2526rem;
  padding-right: 4.6973rem;
  line-height: 3.3403rem;
  position: relative;
  transition: all 0.5s;
}
.index-box2 .more a::before {
  position: absolute;
  content: '';
  right: 0;
  top: 0;
  width: 3.3403rem;
  height: 3.3403rem;
  background: url(/eportal/uiFramework/commonResource/image/2026022514155265494.png) no-repeat center center / 100% 100%;
}
.index-box2 .more a:hover {
  font-size: 1.357rem;
}
.index-box2 .desc {
  color: #FFFFFF;
  font-size: 1.2526rem;
  font-weight: normal;
  line-height: 1.6701rem;
  text-align: justify;
  word-break: break-word;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  height: 10.0209rem;
}
.index-box3 {
  background: radial-gradient(64% 76% at 62% 50%, #B0C7C3 0%, #81BFB4 100%);
  position: relative;
  padding: 5.7411rem 0 2.0877rem 0;
}
.index-box3 .bg-icon {
  position: absolute;
  width: 66.3883rem;
  height: 37.3695rem;
  right: 0;
  bottom: 0.8873rem;
  overflow: hidden;
}
.index-box3 .bg-icon video {
  position: absolute;
  right: -9.9165rem;
  width: 100%;
  height: 100%;
  object-fit: fill;
  mix-blend-mode: screen;
}
.contact-us-box {
  position: relative;
  z-index: 1;
  float: left;
  max-width: 26.096rem;
  margin-top: 13.048rem;
}
.contact-us-box .title {
  color: #3D3D3D;
  font-size: 3.3403rem;
  font-weight: 900;
  line-height: 3.9144rem;
  margin-bottom: 4.1754rem;
}
.contact-us-box ul li {
  margin-bottom: 2.0877rem;
}
.contact-us-box ul li:last-child {
  margin-bottom: 0;
}
.contact-us-box ul .icon {
  width: 3.3403rem;
  height: 3.3403rem;
  margin-bottom: 0.6263rem;
}
.contact-us-box ul .icon img {
  display: block;
  width: 100%;
  height: 100%;
}
.contact-us-box ul p {
  color: #3D3D3D;
  font-size: 1.2526rem;
  line-height: 1.6701rem;
}
/* ====================================================== */
.about-asba-topbanner {
  height: 100vh;
  position: relative;
}
.about-asba-topbanner video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.about-asba-topbanner .cont {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 57.4113rem;
  text-align: center;
  color: #FFFFFF;
}
.about-asba-topbanner h1 {
  font-size: 3.3403rem;
  line-height: 4.0188rem;
  font-weight: bold;
  margin-bottom: 1.1482rem;
  color: #FFFFFF;
}
.about-asba-topbanner h4 {
  font-size: 1.2526rem;
  font-weight: 600;
  line-height: 1.5658rem;
  color: #FFFFFF;
}
.about-asba-topbanner img {
  margin-top: 2.6096rem;
  width: 6.1587rem;
}
.ny-cont {
  padding: 0 4.4885rem;
}
.about-asba-box .img-box {
  overflow: hidden;
}
.about-asba-box .img-box img {
  width: 100%;
  height: 100%;
}
.about-asba-box .img-box video {
  width: 100%;
  height: 100%;
}
.about-asba-box .info {
  overflow: hidden;
}
.about-asba-box .title {
  font-family: HarmonyOS_Sans_SC_bold !important;
  font-size: 2.5052rem;
  font-weight: 900;
  line-height: 2.9228rem;
  margin-bottom: 2.2965rem;
}
.about-asba-box .desc {
  font-size: 1.2526rem;
  line-height: 1.6701rem;
  text-align: justify;
}
.about-asba-box .desc b,
.about-asba-box .desc strong {
  font-weight: 900;
  font-size: 1.2526rem;
  line-height: 1.6701rem;
}
.about-asba-box1 {
  padding: 3.9144rem 0 4.1754rem 0;
  background: #f5f5f5;
}
.about-asba-box1 .img-box {
  float: left;
  width: 26.7223rem;
  height: 26.7223rem;
  border-radius: 1.6701rem;
  margin-right: 5.7411rem;
}
.about-asba-box1 .img-box video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.about-asba-box1 .title {
  color: #3D3D3D;
  text-align: right;
}
.about-asba-box1 .desc {
  color: #3D3D3D;
}
.about-asba-box1 .desc b,
.about-asba-box1 .desc strong {
  color: #068971;
}
.about-asba-box2 {
  padding: 4.1754rem 0;
  background: #068971;
  position: relative;
}
.about-asba-box2 .img-box {
  width: 43.3716rem;
  height: 29.4363rem;
  position: absolute;
  left: 0;
  bottom: 0;
}
.about-asba-box2 .img-box video {
  mix-blend-mode: screen;
  position: absolute;
  left: -6.785rem;
  bottom: 0;
}
.about-asba-box2 .info {
  position: relative;
  z-index: 1;
  padding-left: 20.3549rem;
}
.about-asba-box2 .title {
  color: #FFFFFF;
  text-align: center;
}
.about-asba-box2 .desc {
  color: #FFFFFF;
  margin-bottom: 3.9666rem;
}
.about-asba-box2 .desc b,
.about-asba-box2 .desc strong {
  color: #FA9E53;
}
.about-asba-box2 .num-list {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.about-asba-box2 .num-list li {
  width: 9.3946rem;
  height: 9.3946rem;
  border-radius: 0.8351rem;
  background: rgba(255, 255, 255, 0.2);
  border: 0.1566rem solid #FFFFFF;
  color: #FFFFFF;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.about-asba-box2 .num-list .num {
  font-size: 2.5052rem;
  font-weight: 800;
}
.about-asba-box2 .num-list p {
  font-size: 1.2526rem;
}
.about-asba-box3 {
  background: #000000;
  padding: 4.1754rem 0 9.1858rem 0;
  position: relative;
}
.about-asba-box3 .img-box {
  position: absolute;
  right: 0;
  bottom: 2.4008rem;
  width: 51.2526rem;
  height: 28.81rem;
}
.about-asba-box3 .img-box video {
  position: absolute;
  right: -12.5261rem;
  mix-blend-mode: screen;
}
.about-asba-box3 .info {
  position: relative;
  z-index: 1;
  padding-right: 22.2338rem;
}
.about-asba-box3 .title {
  color: #FA9E53;
}
.about-asba-box3 .desc {
  color: #FFFFFF;
}
.about-asba-box3 .desc b,
.about-asba-box3 .desc strong {
  color: #FA9E53;
}
.about-asba-box4 {
  background: #FA9E53;
  padding: 4.1754rem 0 6.785rem 0;
  position: relative;
}
.about-asba-box4 .info,
.about-asba-box4 .fix {
  position: relative;
  z-index: 1;
}
.about-asba-box4 .title {
  color: #FFFFFF;
  text-align: center;
}
.about-asba-box4 .desc {
  color: #FFFFFF;
  margin-bottom: 4.1754rem;
}
.about-asba-box4 .desc b {
  color: #3D3D3D;
}
.about-asba-box4 ul li {
  float: left;
  margin-right: 6.785rem;
}
.about-asba-box4 ul li:last-child {
  margin-right: 0;
}
.about-asba-box4 ul p {
  color: #FFFFFF;
  font-size: 1.2526rem;
  line-height: 1.6701rem;
}
.about-asba-box4 .icon {
  width: 3.3403rem;
  height: 3.3403rem;
  margin-bottom: 1.3048rem;
}
.about-asba-box4 .icon img {
  width: 100%;
  height: 100%;
}
.about-asba-box4 .img-box {
  position: absolute;
  right: 14.6138rem;
  bottom: 0;
  width: 48.0167rem;
  height: 25.0522rem;
}
.about-asba-box4 .img-box video {
  position: absolute;
  bottom: -2.2965rem;
  mix-blend-mode: screen;
}
/* ====================================================== */
.ny-bg-box {
  position: relative;
  background: #f4f4f4;
  min-height: calc(100vh - 12.3173rem);
}
.ny-bg-box .bg-video {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.ny-bg-box .bg-video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ny-deatil-box {
  background: #FFF;
}
.ny-deatil-box .ny-box {
  padding-top: 3.3925rem;
}
.ny-box {
  padding: 2.714rem 2.0877rem 3.9144rem;
  position: relative;
  z-index: 2;
}
.ny-box .col-xl-3:nth-child(4n+1) {
  clear: left;
}
.news-top-title {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 1.5658rem;
  margin-top: -1.1482rem;
}
.news-top-title.research-top-title ul::before {
  background: linear-gradient(90deg, #068971 0%, rgba(250, 158, 83, 0.2) 70%);
}
.news-top-title.research-top-title li.active a {
  font-family: HarmonyOS_Sans_SC_bold !important;
  color: #068971;
}
.news-top-title.research-top-title li.active a::before {
  opacity: 1;
  background: #068971;
}
.news-top-title.research-top-title li:nth-child(2):hover a {
  color: #FA9E53;
}
.news-top-title.research-top-title li:nth-child(2):hover a::before {
  opacity: 1;
  background: #FA9E53;
}
.news-top-title.collaboration-top-title ul::before {
  background: linear-gradient(-90deg, #FA9E53 0%, rgba(6, 137, 113, 0.2) 100%);
}
.news-top-title.collaboration-top-title li.active a {
  font-family: HarmonyOS_Sans_SC_bold !important;
  color: #FA9E53;
}
.news-top-title.collaboration-top-title li.active a::before {
  opacity: 1;
  background: #FA9E53;
}
.news-top-title.collaboration-top-title li:nth-child(1):hover a {
  color: #068971;
}
.news-top-title.collaboration-top-title li:nth-child(1):hover a::before {
  opacity: 1;
  background: #068971;
}
.news-top-title ul {
  padding-bottom: 1.0438rem;
  position: relative;
}
.news-top-title ul::before {
  position: absolute;
  content: '';
  height: 0.1044rem;
  right: 0;
  left: 0;
  bottom: 0;
}
.news-top-title li {
  float: left;
  margin-right: 4.1754rem;
}
.news-top-title li:last-child {
  margin-right: 0;
}
.news-top-title a {
  display: block;
  color: #B8B8B8;
  font-family: HarmonyOS Sans SC !important;
  font-size: 1.8789rem;
  font-weight: 900;
  line-height: 2.8184rem;
  position: relative;
}
.news-top-title a::before {
  position: absolute;
  content: '';
  width: 0.6785rem;
  height: 0.6785rem;
  bottom: -0.7307rem;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 50%;
  opacity: 0;
}
.m18 {
  margin: 0 -0.9395rem;
}
.p18 {
  padding: 0 0.9395rem;
}
.research-link {
  display: block;
  border-radius: 1.357rem;
  margin-bottom: 1.8789rem;
  background: rgba(255, 255, 255, 0.3);
  padding-bottom: 10.2296rem;
  position: relative;
  transition: all 0.5s;
}
.research-link .img-box {
  width: 100%;
  height: 15.2401rem;
  border-radius: 1.357rem;
  overflow: hidden;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  transition: all 0.5s;
}
.research-link .lm-title {
  position: absolute;
  top: 1.0438rem;
  right: 1.0438rem;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.1566rem 0.5219rem;
  background: rgba(67, 185, 120, 0.5);
  color: #FFFFFF;
  font-size: 0.5219rem;
  line-height: 0.7307rem;
  border-radius: 1.0438rem;
  border: 0.0522rem solid rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(1.5658rem) brightness(1.1) saturate(1.4);
  -webkit-backdrop-filter: blur(1.5658rem) brightness(1.1) saturate(1.4);
}
.research-link .info {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  min-height: 10.2296rem;
  padding: 1.0438rem;
  z-index: 1;
  border-radius: 0 0 1.357rem 1.357rem;
  background: transparent;
  transition: all 0.5s;
}
.research-link .title {
  color: #3D3D3D;
  font-size: 1.2526rem;
  font-weight: bold;
  line-height: 1.6701rem;
  word-break: break-word;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-height: 3.3403rem;
  margin-bottom: 0.5219rem;
}
.research-link .date {
  color: #3D3D3D;
  font-size: 0.8351rem;
  font-weight: bold;
  line-height: 1.2526rem;
  margin-bottom: 0.5219rem;
}
.research-link .more-icon {
  position: absolute;
  right: 1.0438rem;
  bottom: 1.0438rem;
  width: 2.5052rem;
  height: 2.5052rem;
  border-radius: 50%;
  background-image: url(/eportal/uiFramework/commonResource/image/2026022514240619528.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.research-link:hover {
  padding-bottom: 0;
}
.research-link:hover .img-box {
  height: 25.4697rem;
}
.research-link:hover .info {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
}
.research-link:hover .title {
  color: #FFF;
}
.research-link:hover .date {
  color: #FFF;
}
.research-link:hover .more-icon {
  background-image: url(/eportal/uiFramework/commonResource/image/2026022514241718794.png);
}
.research-link.collaboration-link .lm-title {
  background: rgba(250, 158, 83, 0.5);
}
.research-link.resources-link .lm-title {
  background: rgba(131, 88, 246, 0.5);
}
.comp-pages {
  padding-top: 2.0877rem;
}
.comp-pages .page-pc {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.comp-pages .page-pc a {
  display: inline-block;
  color: #3D3D3D;
  font-size: 1.8789rem;
  font-weight: 500;
  line-height: 2.5052rem;
  margin-left: 0.9395rem;
  margin-right: 0.9395rem;
  cursor: pointer;
}
.comp-pages .page-pc a:hover {
  color: #068971;
}
.comp-pages .page-pc font {
  display: inline-block;
  color: #068971;
  font-size: 1.8789rem;
  font-weight: 500;
  line-height: 2.5052rem;
  margin-left: 0.9395rem;
  margin-right: 0.9395rem;
}
.comp-pages .page-pc span {
  display: none !important;
}
.comp-pages .page-pc .page-prev,
.comp-pages .page-pc .page-next {
  width: 2.5052rem;
  height: 2.5052rem;
  border-radius: 50%;
}
.comp-pages .page-pc .page-prev img,
.comp-pages .page-pc .page-next img {
  display: block;
  width: 100%;
  height: 100%;
}
.comp-pages .page-phone {
  height: 2.4008rem;
  line-height: 2.4008rem;
  border-radius: 0.4175rem;
  text-align: center;
  color: #fff;
  font-size: 0.8351rem;
  background: #068971;
  display: none !important;
}
.comp-pages .page-phone:hover {
  color: #fff;
}
.research-deatil {
  position: relative;
}
.research-deatil .research-top {
  padding-left: 5.2192rem;
}
.research-deatil .research-top .title {
  font-family: Lato_bold !important;
  color: #3D3D3D;
  font-size: 1.8789rem;
  font-weight: bold;
  line-height: 2.5052rem;
  text-align: center;
  margin-bottom: 1.2526rem;
}
.research-deatil .research-top .info {
  display: flex;
  justify-content: center;
  align-content: center;
  margin-bottom: 3.1315rem;
}
.research-deatil .research-top .info div {
  font-family: Lato_Medium !important;
  margin: 0 0.6263rem;
  color: #3D3D3D;
  line-height: 1.1482rem;
  font-size: 0.7829rem;
  font-weight: 500;
}
.research-deatil .research-top .info .lm {
  padding: 0 0.5219rem;
  background: rgba(67, 185, 120, 0.5);
  color: #FFFFFF;
  font-size: 0.5219rem;
  font-weight: normal;
  border-radius: 1.0438rem;
}
.research-deatil .research-content {
  font-weight: 500;
  font-size: 0.9395rem;
  color: #3D3D3D;
  text-align: justify;
  font-family: Lato_Medium !important;
}
.research-deatil .research-content p {
  margin-bottom: 1.0438rem;
}
.research-deatil .research-content p img {
  display: block;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.research-deatil .research-content p a,
.research-deatil .research-content p code,
.research-deatil .research-content p em,
.research-deatil .research-content p i,
.research-deatil .research-content p img,
.research-deatil .research-content p q,
.research-deatil .research-content p small,
.research-deatil .research-content p strong,
.research-deatil .research-content p b,
.research-deatil .research-content p dd,
.research-deatil .research-content p dl,
.research-deatil .research-content p dt,
.research-deatil .research-content p li,
.research-deatil .research-content p ol,
.research-deatil .research-content p ul,
.research-deatil .research-content p fieldset,
.research-deatil .research-content p form,
.research-deatil .research-content p label,
.research-deatil .research-content p tbody,
.research-deatil .research-content p tr,
.research-deatil .research-content p th,
.research-deatil .research-content p td,
.research-deatil .research-content p input,
.research-deatil .research-content p textarea {
  font-size: inherit;
  color: inherit;
}
.research-deatil.collaboration-deatil .research-top .info .lm {
  background: rgba(250, 158, 83, 0.5);
}
.back-lm {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 2.5052rem;
  height: 2.5052rem;
  border-radius: 50%;
  background: #FFF url(/eportal/uiFramework/commonResource/image/2026022514242765493.png) no-repeat center center / 100% 100%;
}
.events-link {
  display: block;
  border-radius: 1.357rem;
  margin-bottom: 1.8789rem;
  background: rgba(255, 255, 255, 0.3);
  padding-bottom: 7.3069rem;
  position: relative;
  transition: all 0.5s;
}
.events-link .img-box {
  width: 100%;
  height: 11.8998rem;
  border-radius: 1.357rem;
  overflow: hidden;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  transition: all 0.5s;
}
.events-link .info {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  min-height: 7.3069rem;
  padding: 1.0438rem;
  z-index: 1;
  border-radius: 0 0 1.357rem 1.357rem;
  background: transparent;
  transition: all 0.5s;
}
.events-link .title {
  color: #3D3D3D;
  font-size: 1.2526rem;
  font-weight: bold;
  line-height: 1.6701rem;
  word-break: break-word;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  max-height: 1.6701rem;
  margin-bottom: 0.5219rem;
}
.events-link .info-t {
  color: #3D3D3D;
  font-size: 0.8351rem;
  font-weight: bold;
  line-height: 1.2526rem;
  padding-left: 1.5658rem;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 1.0438rem 1.0438rem;
}
.events-link .date {
  margin-bottom: 0.5219rem;
  background-image: url(/eportal/uiFramework/commonResource/image/2026022514245026034.png);
}
.events-link .address {
  background-image: url(/eportal/uiFramework/commonResource/image/2026022514250327786.png);
}
.events-link:hover {
  padding-bottom: 0;
}
.events-link:hover .img-box {
  height: 19.2067rem;
}
.events-link:hover .info {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
}
.events-link:hover .title {
  color: #FFF;
}
.events-link:hover .info-t {
  color: #FFF;
}
.events-link:hover .date {
  background-image: url(/eportal/uiFramework/commonResource/image/2026022514251468505.png);
}
.events-link:hover .address {
  background-image: url(/eportal/uiFramework/commonResource/image/2026022514262744219.png);
}
.events-deatil {
  position: relative;
}
.events-deatil .deatil-cont {
  position: relative;
}
.events-deatil .deatil-cont .img-box {
  width: 67.6931rem;
  margin-left: auto;
}
.events-deatil .deatil-cont .img-box img {
  width: 100%;
  height: 100%;
}
.events-deatil .deatil-cont .info {
  position: absolute;
  left: 0;
  bottom: 0;
  width: calc(100% - 69.4154rem);
}
.events-deatil .deatil-cont .title {
  font-family: Lato_bold !important;
  color: #3D3D3D;
  font-size: 1.8789rem;
  line-height: 2.5052rem;
  margin-bottom: 0.6263rem;
}
.events-deatil .deatil-cont .info-t {
  font-family: Lato_Medium !important;
  color: #3D3D3D;
  font-size: 0.9395rem;
  line-height: 1.4614rem;
  padding-left: 1.8789rem;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 1.4614rem 1.4614rem;
}
.events-deatil .deatil-cont .date {
  margin-bottom: 0.6263rem;
  background-image: url(/eportal/uiFramework/commonResource/image/2026022514263968089.png);
}
.events-deatil .deatil-cont .address {
  background-image: url(/eportal/uiFramework/commonResource/image/2026022514265189151.png);
}
.resources-deatil {
  position: relative;
}
.resources-deatil .deatil-cont {
  position: relative;
  margin-bottom: 1.8267rem;
}
.resources-deatil .deatil-cont .img-box {
  width: 42.3278rem;
  margin-left: auto;
}
.resources-deatil .deatil-cont .img-box img {
  width: 100%;
  height: 100%;
}
.resources-deatil .deatil-cont .info {
  position: absolute;
  left: 0;
  bottom: 0;
  width: calc(100% - 43.8413rem);
}
.resources-deatil .deatil-cont .title {
  font-family: Lato_bold !important;
  color: #3D3D3D;
  font-size: 1.8789rem;
  line-height: 2.5052rem;
  margin-bottom: 0.7307rem;
}
.resources-deatil .deatil-cont .info-t {
  font-family: Lato_Medium !important;
  color: #3D3D3D;
  font-size: 0.9395rem;
  line-height: 1.4614rem;
  text-align: justify;
}
.resources-deatil .detail-txt {
  font-family: Lato_Medium !important;
  color: #3D3D3D;
  font-size: 0.9395rem;
  font-weight: 500;
  line-height: 1.4614rem;
  text-align: justify;
}
.resources-deatil .detail-txt p {
  margin-bottom: 1.0438rem;
}
.resources-deatil .detail-txt img {
  display: block;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.resources-deatil .detail-txt video {
  display: block;
  margin-left: auto;
  margin-right: auto;
  height: auto !important;
  width: 95% !important;
}
.resources-deatil #fjxz-list li a,
.resources-deatil #fjxz-list li span {
  font-weight: 500;
  line-height: 1.4614rem;
  font-size: 0.9395rem;
  font-family: Lato_Medium !important;
}
.resources-deatil #fjxz-list li span {
  color: #1F957F;
  padding-right: 1.0438rem;
}
.resources-deatil #fjxz-list li a {
  color: #3D3D3D;
  text-decoration: underline;
}
.resources-deatil #fjxz-list li a:hover {
  color: #1F957F;
}
.community-top-desc {
  margin-bottom: 2.3486rem;
  color: #3D3D3D;
  font-size: 1.2526rem;
  line-height: 1.6701rem;
  text-align: justify;
}
.community-top-desc b,
.community-top-desc strong {
  color: #068971;
  font-size: 1.2526rem;
  line-height: 1.6701rem;
}
.search-xm-box {
  position: fixed;
  right: 1.0438rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: 9;
}
.search-xm-box li {
  color: #3D3D3D;
  font-size: 1.2526rem;
  font-weight: bold;
  line-height: 1.6701rem;
  text-align: center;
  cursor: pointer;
}
.search-xm-box li:hover {
  color: #068971;
}
.search-community-box {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 2.4008rem;
}
.zw-swiper {
  padding-bottom: 0.8351rem;
  margin: 0 -0.6263rem;
}
.zw-swiper::before {
  position: absolute;
  content: '';
  left: 0;
  right: 0;
  bottom: 0;
  height: 0.1044rem;
  background: #B8B8B8;
}
.zw-swiper .swiper-wrapper {
  justify-content: center;
  align-items: center;
}
.zw-swiper .swiper-slide {
  padding: 0 0.6263rem;
  position: relative;
}
.zw-swiper .swiper-slide::before {
  position: absolute;
  content: '';
  height: 0.1044rem;
  left: 50%;
  transform: translateX(-50%);
  bottom: -0.8351rem;
  width: 0;
  opacity: 0;
  transition: all 0.5s;
  background: linear-gradient(90deg, #B8B8B8 2%, #068971 5%, #068971 95%, #B8B8B8 98%);
}
.zw-swiper .swiper-slide::after {
  position: absolute;
  content: '';
  left: 50%;
  transform: translateX(-50%);
  bottom: -0.7307rem;
  width: 1.4614rem;
  height: 0.7307rem;
  background: url(/eportal/uiFramework/commonResource/image/2026022514270132257.png) no-repeat center center / 100% 100%;
  opacity: 0;
  transition: all 0.5s;
}
.zw-swiper .swiper-slide:hover::before,
.zw-swiper .swiper-slide.active::before {
  width: 100%;
  opacity: 1;
}
.zw-swiper .swiper-slide:hover::after,
.zw-swiper .swiper-slide.active::after {
  opacity: 1;
}
.zw-lm-title {
  width: 3.1315rem;
  height: 3.1315rem;
  cursor: pointer;
}
.zw-lm-title img {
  width: 100%;
  height: 100%;
}
.m10 {
  margin: 0 -0.5219rem;
}
.p10 {
  padding: 0 0.5219rem;
}
.list-swiper .col-xl-2:nth-child(6n+1) {
  clear: left;
}
.list-swiper .swiper-slide {
  opacity: 0 !important;
}
.list-swiper .swiper-slide.swiper-slide-active {
  opacity: 1 !important;
}
.ry-list-link {
  display: block;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 1.357rem;
  backdrop-filter: blur(1.0438rem);
  -webkit-backdrop-filter: blur(1.0438rem);
  margin-bottom: 1.0438rem;
  position: relative;
  transition: all 0.5s;
}
.ry-list-link::before {
  position: absolute;
  content: '';
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border: 0.1044rem solid #068971;
  border-radius: 1.357rem;
  opacity: 0;
  transition: all 0.5s;
  z-index: -1;
}
.ry-list-link .img-box {
  width: 100%;
  height: 14.6138rem;
  border-radius: 1.357rem;
  position: relative;
  overflow: hidden;
  filter: opacity(0.85);
  transition: all 0.5s;
}
.ry-list-link .img-box > img {
  width: 100%;
  height: 100%;
}
.ry-list-link .img-box .icon {
  position: absolute;
  right: 0.6263rem;
  bottom: 0.6263rem;
  z-index: 1;
  width: 2.0877rem;
  height: 2.0877rem;
  opacity: 0.8;
}
.ry-list-link .img-box .icon img {
  width: 100%;
  height: 100%;
}
.ry-list-link .info {
  min-height: 9.9165rem;
  padding: 1.0438rem;
}
.ry-list-link .title {
  color: #3D3D3D;
  font-size: 1.2526rem;
  font-weight: bold;
  line-height: 1.6701rem;
  padding-bottom: 0.5219rem;
  margin-bottom: 0.5219rem;
  border-bottom: 0.0522rem solid #3D3D3D;
}
.ry-list-link .desc {
  color: #3D3D3D;
  font-size: 0.8351rem;
  font-weight: bold;
  line-height: 1.2526rem;
}
.ry-list-link:hover,
.ry-list-link.active {
  background: rgba(255, 255, 255, 0.5);
  box-shadow: 0rem 0.2088rem 0.5219rem 0rem rgba(0, 0, 0, 0.3);
}
.ry-list-link:hover::before,
.ry-list-link.active::before {
  z-index: 1;
  opacity: 1;
}
.ry-list-link:hover .img-box,
.ry-list-link.active .img-box {
  filter: opacity(1);
}
.ry-list-link:hover .img-box .icon,
.ry-list-link.active .img-box .icon {
  opacity: 1;
}
.community-deatil {
  position: relative;
}
.community-deatil .detail-cont .img-box {
  float: left;
  width: 26.3048rem;
  overflow: hidden;
  margin-right: 3.6534rem;
}
.community-deatil .detail-cont .img-box img {
  width: 100%;
}
.community-deatil .detail-cont .info {
  overflow: hidden;
}
.community-deatil .detail-cont .title {
  font-family: lato_bold !important;
  color: #3D3D3D;
  font-size: 1.8789rem;
  font-weight: 800;
  line-height: 2.5052rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 1.2526rem;
}
.community-deatil .detail-cont .title img {
  width: 2.5052rem;
  height: 2.5052rem;
  margin-left: 2.6096rem;
}
.community-deatil .detail-cont .info-list {
  margin-bottom: 2.3486rem;
}
.community-deatil .detail-cont .info-list li {
  font-family: lato_Medium !important;
  color: #3D3D3D;
  font-size: 0.9395rem;
  font-weight: 500;
  line-height: 1.8789rem;
}
.community-deatil .detail-cont .list-title {
  float: left;
  margin-right: 2.4008rem;
  min-width: 7.5678rem;
  color: #818181;
  font-weight: 700;
}
.community-deatil .detail-cont .list-txt {
  overflow: hidden;
}
.community-deatil .detail-cont .cont {
  font-family: lato_Medium !important;
  color: #3D3D3D;
  font-size: 0.9395rem;
  font-weight: 500;
  line-height: 1.4614rem;
  text-align: justify;
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}