@charset "utf-8";
/**
 * @Description: 【盛业】网站英文版主要样式
 * @Author: MaXueWei
 * @Date: 2023-12-12 16:53:24
 * @LastEditors: MaXueWei
 * @LastEditTime: 2024-8-27 11:53:30
 */

@font-face {
  font-family: "OPPOSANS-BOLD";
  src: url('../ttf/opposans-bold.ttf');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "OPPOSANS-HEAVY";
  src: url('../ttf/opposans-bold.ttf');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "OPPOSANS-LIGHT";
  src: url('../ttf/opposans-regular.ttf');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "OPPOSANS-MEDIUM";
  src: url('../ttf/opposans-medium.ttf');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "OPPOSANS-REGULAR";
  src: url('../ttf/opposans-regular.ttf');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SourceHanSansCN-Bold";
  src: url('../ttf/sourcehansanscn-bold.ttf');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SourceHanSansCN-ExtraLight";
  src: url('../ttf/sourcehansanscn-extralight.ttf');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SourceHanSansCN-Heavy";
  src: url('../ttf/sourcehansanscn-heavy.ttf');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SourceHanSansCN-Light";
  src: url('../ttf/sourcehansanscn-light.ttf');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SourceHanSansCN-Medium";
  src: url('../ttf/sourcehansanscn-medium.ttf');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SourceHanSansCN-Normal";
  src: url('../ttf/sourcehansanscn-normal.ttf');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SourceHanSansCN-Regular";
  src: url('../ttf/sourcehansanscn-regular.ttf');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SourceHanSansHK-Bold";
  src: url('../ttf/sourcehansanshk-bold.ttf');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SourceHanSansHK-ExtraLight";
  src: url('../ttf/sourcehansanshk-extralight.ttf');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SourceHanSansHK-Heavy";
  src: url('../ttf/sourcehansanshk-heavy.ttf');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SourceHanSansHK-Light";
  src: url('../ttf/sourcehansanshk-light.ttf');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SourceHanSansHK-Medium";
  src: url('../ttf/sourcehansanshk-medium.ttf');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SourceHanSansHK-Normal";
  src: url('../ttf/sourcehansanshk-normal.ttf');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "SourceHanSansHK-Regular";
  src: url('../ttf/sourcehansanshk-regular.ttf');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "D-DIN-PRO-700-Bold";
  src: url('../otf/d-din-pro-700-bold.otf');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "DINCond-BoldAlternate";
  src: url('../otf/dincond-boldalternate.otf');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* ==================== 重置样式 Start ==================== */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

a {
  text-decoration: none;
  outline: none;
}

html {
  font-size: 60px !important;
}

html.no-scroll {
  overflow: hidden;
}

body::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  background: #ececec;
  border-radius: 100px;
}

body::-webkit-scrollbar-thumb {
  border-radius: 100px;
  background: #ff9632;
  cursor: pointer;
}

img {
  vertical-align: middle;
  max-width: 100%;
}

ul,
li {
  list-style: none;
}

input,
button {
  outline: 0 none;
  border: none;
  background-color: transparent;
}

button {
  cursor: pointer;
}

/* 图片统一动画 */
.mxw-image {
  overflow: hidden;
}

.mxw-image img {
  transition: transform 0.8s;
  width: 100%;
}

.mxw-image:hover img {
  transform: scale(1.05);
}

main,
header,
footer,
.mxw-box,
section {
  font-size: 16px;
}

main {
  position: relative;
  z-index: 10;
}

section {
  position: relative;
  z-index: 9;
}

/* @media screen and (max-width: 1800px) {
  html {
    font-size: 53px;
  }
}

@media screen and (max-width: 1680px) {
  html {
    font-size: 45px;
  }
}

@media screen and (max-width: 1600px) {
  html {
    font-size: 44.77px;
  }
}

@media screen and (max-width: 1440px) {
  html {
    font-size: 44px;
  }
}

@media screen and (max-width: 1400px) {
  html {
    font-size: 43px;
  }
}

@media screen and (max-width: 1366px) {
  html {
    font-size: 42px;
  }
}

@media screen and (max-width: 1280px) {
  html {
    font-size: 39px;
  }
}

@media screen and (max-width: 1152px) {
  html {
    font-size: 35px;
  }
} */

@media screen and (max-width: 1550px) {
  html {
    font-size: 52px !important;
  }
}

@media screen and (max-width: 1380px) {
  html {
    font-size: 48px !important;
  }
}

@media screen and (max-width: 1099px) {
  html {
    font-size: 60px !important;
  }
}

/* ==================== 重置样式 End ==================== */
/* ==================== 通用容器大小 Start ==================== */
.mxw-box {
  width: 20rem;
  max-width: 88%;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 1099px) {
  .mxw-box {
    max-width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}

/* ==================== 通用容器大小 End ==================== */
/* ==================== 通用断点隐藏 Start ==================== */
@media screen and (max-width: 1099px) {
  .m-hide {
    display: none !important;
  }
}

@media screen and (min-width: 1100px) {
  .pc-hide {
    display: none !important;
  }
}

/* ==================== 通用断点隐藏 End ==================== */
/* ==================== 通用布局 start ==================== */
@media screen and (min-width: 1100px) {

  .u-row-2,
  .u-row-3,
  .u-row-4,
  .u-row-5,
  .u-row-6 {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    flex-wrap: wrap;
  }

  .u-row-2>.u-col {
    width: 48%;
  }

  .u-row-2>.u-col:nth-child(2n) {
    margin-left: 4%;
  }

  .u-row-2>.u-col:nth-child(2)~.u-col {
    margin-top: 4%;
  }

  .u-row-3>.u-col {
    width: 32%;
  }

  .u-row-3>.u-col:nth-child(3n-1) {
    margin-left: 2%;
    margin-right: 2%;
  }

  .u-row-3>.u-col:nth-child(3)~.u-col {
    margin-top: 2%;
  }

  .u-row-4>.u-col {
    width: 23.5%;
    margin-right: 2%;
  }

  .u-row-4>.u-col:nth-child(4n) {
    margin-right: 0%;
  }

  .u-row-4>.u-col:nth-child(4)~.u-col {
    margin-top: 2%;
  }

  .u-row-5>.u-col {
    width: 18%;
    margin-right: 2%;
  }

  .u-row-5>.u-col:nth-child(5n) {
    margin-right: 0%;
  }

  .u-row-5>.u-col:nth-child(5)~.u-col {
    margin-top: 2%;
  }

  .u-row-6>.u-col {
    width: 15%;
    margin-right: 2%;
  }

  .u-row-6>.u-col:nth-child(6n) {
    margin-right: 0%;
  }

  .u-row-6>.u-col:nth-child(6)~.u-col {
    margin-top: 2%;
  }
}

@media screen and (max-width: 1099px) {

  .u-row-2,
  .u-row-3,
  .u-row-4,
  .u-row-5,
  .u-row-6 {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    flex-wrap: wrap;
  }

  .u-row-2 .u-col {
    width: 100%;
  }

  .u-row-2 .u-col:nth-child(1)~.u-col {
    margin-top: 2%;
  }

  .u-row-3>.u-col,
  .u-row-4>.u-col,
  .u-row-5>.u-col,
  .u-row-6>.u-col {
    width: 48%;
  }

  .u-row-3>.u-col:nth-child(2n),
  .u-row-4>.u-col:nth-child(2n),
  .u-row-5>.u-col:nth-child(2n),
  .u-row-6>.u-col:nth-child(2n) {
    margin-left: 4%;
  }

  .u-row-3>.u-col:nth-child(2)~.u-col,
  .u-row-4>.u-col:nth-child(2)~.u-col,
  .u-row-5>.u-col:nth-child(2)~.u-col,
  .u-row-6>.u-col:nth-child(2)~.u-col {
    margin-top: 4%;
  }
}

/* ==================== 通用布局 end ==================== */
/* ==================== 通用文本行数限制 start ==================== */
.u-line-1 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.u-line-2 {
  -webkit-line-clamp: 2;
}

.u-line-3 {
  -webkit-line-clamp: 3;
}

.u-line-4 {
  -webkit-line-clamp: 4;
}

.u-line-5 {
  -webkit-line-clamp: 5;
}

.u-line-6 {
  -webkit-line-clamp: 6;
}

.u-line-2,
.u-line-3,
.u-line-4,
.u-line-5,
.u-line-6 {
  overflow: hidden;
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

/* ==================== 通用文本行数限制 end ==================== */
/* ==================== 图片放大插件 Start ==================== */
.viewer-list>li {
  display: flex;
  align-items: center;
  justify-content: center;
}

.viewer-list>li img {
  width: 100% !important;
  height: auto !important;
  transform: translate(0, 0) !important;
}

/* ==================== 图片放大插件 End ==================== */
/* ==================== 头部导航样式 Start ==================== */
@media screen and (min-width: 1100px) {
  header {
    width: 100%;
    z-index: 50;
    position: fixed;
    top: 0;
    left: 0;
  }

  header .pc-nav {
    height: 68px;
    position: relative;
    background-color: #fff;
    transition: transform 0.4s, background-color 0.4s;
  }

  header .pc-nav>.mxw-box {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 96%;
  }

  header .pc-nav .nav-right {
    display: flex;
    align-items: stretch;
  }

  header .pc-nav .logo {
    display: block;
    width: 2.8667rem;
    overflow: hidden;
    flex-shrink: 0;
    margin-right: 0.33rem;
  }

  header .pc-nav .logo img {
    width: 100%;
    transform: translateY(0);
  }

  header .pc-nav .navbar {
    display: flex;
    align-items: center;
  }

  header .pc-nav .navbar>li.active>a,
  header .pc-nav .navbar>li:hover>a {
    font-family: "SourceHanSansCN-Bold", "SourceHanSansHK-Bold";
    color: #ff9632;
  }

  header .pc-nav .navbar>li:last-child {
    margin-right: 0;
  }

  header .pc-nav .navbar>li>a {
    display: block;
    position: relative;
  }

  header .pc-nav .navbar>li .head {
    font-size: 0.2667rem;
    padding: 0 0.25rem;
    display: block;
    color: #54565b;
    text-decoration: none;
    position: relative;
    font-family: "SourceHanSansCN-Medium", "SourceHanSansHK-Medium";
  }

  header .pc-nav .language {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: relative;
  }

  header .pc-nav .language:hover .itembox {
    transform: translate(-50%, 0.08rem);
    opacity: 1;
    visibility: visible;
  }

  header .pc-nav .language:hover .icon .text {
    color: #1475FE;
  }

  header .pc-nav .language:hover .icon .icon-img {
    background-image: url(../png/img035%40150x150.png);
  }

  header .pc-nav .language .itembox {
    overflow: hidden;
    width: 1.83rem;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%, 0);
    background-image: linear-gradient(to top, #f3f7fd, #fff);
    border: 2px solid #fff;
    border-radius: 0.17rem;
    text-align: center;
    padding-top: 0.1rem;
    padding-bottom: 0.1rem;
    box-shadow: 6px 6px 10px 0px rgba(20, 117, 254, 0.1);
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s;
  }

  header .pc-nav .language .item {
    display: block;
    font-size: 0.23rem;
    font-family: "SourceHanSansCN-Regular", "SourceHanSansHK-Regular";
    padding: 0.1rem;
    transition: all 0.4s;
    color: #424149;
  }

  header .pc-nav .language .item.active {
    font-family: "SourceHanSansCN-Bold", "SourceHanSansHK-Bold";
  }

  header .pc-nav .language .item.active,
  header .pc-nav .language .item:hover {
    color: #1475FE;
  }

  header .pc-nav .language .icon {
    flex-shrink: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    white-space: nowrap;
  }

  header .pc-nav .language .icon .icon-img {
    width: 0.3333rem;
    height: 0.3333rem;
    background: url(../png/img028%40150x150.png) no-repeat center;
    background-size: 100%;
  }

  header .pc-nav .language .icon .text {
    font-size: 0.2667rem;
    color: #56585d;
    font-family: "SourceHanSansCN-Medium", "SourceHanSansHK-Medium";
    line-height: 1;
    padding-left: 0.1667rem;
    padding-right: 0.1667rem;
  }
}

@media screen and (max-width: 1099px) {
  header {
    position: relative;
    z-index: 1111;
  }

  header .head {
    z-index: 100;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 49.8px;
    background-color: #fff;
    transition: background-color 0.4s;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 16.2px;
    box-shadow: 0 6px 16.2px 0 rgba(25, 25, 25, 0.06);
  }

  header .search {
    margin-right: 15px;
  }

  header .search .iconfont {
    font-size: 20px;
  }

  header .search-form {
    position: fixed;
    top: -1.07vw;
    left: 0;
    background: #fff;
    width: 100%;
    padding: 10px 20px;
    box-shadow: 0 4.8px 10px -4.8px rgba(0, 0, 0, 0.1);
    border-top: 1px solid #eee;
    transform: translateY(100%);
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s;
  }

  header .search-form.active {
    opacity: 1;
    visibility: visible;
  }

  header .search-form form {
    width: 100%;
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
  }

  header .search-form form input {
    min-width: 0;
    flex-grow: 1;
    border: 1px solid #eee;
    padding: 8px 10px;
    font-size: 12px;
  }

  header .search-form form button {
    flex-shrink: 0;
    width: 30px;
    background: #ff9632;
    padding: 1.8px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  header .search-form form button i {
    filter: brightness(0) invert(1);
  }

  header .logo {
    display: block;
    width: 183.6px;
    overflow: hidden;
    flex-shrink: 0;
  }

  header .logo img {
    width: 100%;
  }

  header .tool {
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }

  header .tool .menu-btn {
    cursor: pointer;
  }

  header .tool .menu-btn>i {
    width: 20px;
    height: 2px;
    background-color: #333;
    display: block;
    margin-bottom: 6px;
  }

  header .tool .menu-btn>i:last-child {
    margin-bottom: 0;
  }

  header .popup-nav {
    position: fixed;
    background-color: rgba(25, 25, 25, 0);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 101;
    transition: background-color 0.4s, opacity 0.4s, visibility 0.4s;
    visibility: hidden;
    pointer-events: none;
  }

  header .popup-nav.active {
    background-color: #191919;
    visibility: visible;
    pointer-events: inherit;
  }

  header .popup-nav.active .popup-box {
    transform: translateX(0);
  }

  header .popup-nav .popup-box {
    background-color: #fff;
    padding: 13.8px 20px;
    width: 100%;
    height: 100%;
    display: flex;
    flex-flow: column;
    align-items: stretch;
    justify-content: flex-start;
    transform: translateX(100%);
    transition: transform 0.4s;
  }

  header .popup-nav .close {
    flex-shrink: 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 0;
    position: absolute;
    right: 20px;
    top: 20px;
  }

  header .popup-nav .close .icon {
    width: 20px;
    height: 20px;
    position: relative;
    transform: rotate(45deg);
  }

  header .popup-nav .close .icon:before,
  header .popup-nav .close .icon:after {
    content: "";
    display: block;
    background-color: #333;
    position: absolute;
  }

  header .popup-nav .close .icon:before {
    width: 100%;
    height: 1px;
    top: 50%;
    left: 0;
  }

  header .popup-nav .close .icon:after {
    width: 1px;
    height: 100%;
    left: 50%;
    top: 0;
  }

  header .popup-nav .login {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 36px;
    padding-right: 20px;
    position: relative;
    cursor: pointer;
  }

  header .popup-nav .login:before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: #eee;
    position: absolute;
    bottom: -20px;
    left: 0;
  }

  header .popup-nav .login:after {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    border-top: 1px solid;
    border-right: 1px solid;
    position: absolute;
    top: 16.2px;
    transform: translateY(-50%) rotate(45deg);
    right: 4px;
    border-color: rgba(25, 25, 25, 0.6);
  }

  header .popup-nav .login .avatar {
    background-color: #d1d1d1;
    width: 31.8px;
    height: 31.8px;
    border-radius: 10px;
    overflow: hidden;
  }

  header .popup-nav .login .name {
    font-size: 12px;
    color: #333;
    line-height: 1;
    margin-left: 10px;
  }

  header .popup-nav .nav-box {
    flex-grow: 1;
    overflow: auto;
    padding-right: 10px;
    display: flex;
    align-items: center;
    justify-items: center;
    margin-top: 40px;
    margin-bottom: 40px;
  }

  header .popup-nav .nav-list {
    width: 100%;
  }

  header .popup-nav .nav-list.other-list {
    padding-top: 15px;
    margin-top: 15px;
    border-top: 1px solid #eee;
  }

  header .popup-nav .nav-list.other-list .nav-item>.title {
    opacity: 0.8;
    font-size: 13.8px;
  }

  header .popup-nav .nav-list.other-list .subnav-list>li>.title {
    font-size: 12px;
  }

  header .popup-nav .nav-list .nav-item>.title {
    position: relative;
    display: block;
    padding: 15px 0;
    padding-right: 15px;
    font-size: 18px;
    color: #191919;
    line-height: 1;
    text-align: center;
  }

  header .popup-nav .nav-list .nav-item>.title .icon {
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    opacity: 0.8;
    width: 8px;
    height: 8px;
    border-top: 1px solid;
    border-right: 1px solid;
    border-color: #191919;
    transform: rotate(45deg);
    margin-top: -4px;
    margin-right: 4px;
  }

  header .popup-nav .nav-list .nav-item>.title .icon.more-icon {
    width: 18px;
    height: 18px;
    transform: translateY(-50%) translateX(6px);
    border: 0;
    margin-top: 0;
    margin-right: 2px;
  }

  header .popup-nav .nav-list .nav-item>.title .icon.more-icon:before,
  header .popup-nav .nav-list .nav-item>.title .icon.more-icon:after {
    content: "";
    display: block;
    background-color: #333;
    position: absolute;
  }

  header .popup-nav .nav-list .nav-item>.title .icon.more-icon:before {
    width: 100%;
    height: 1px;
    top: 50%;
    left: 0;
  }

  header .popup-nav .nav-list .nav-item>.title .icon.more-icon:after {
    width: 1px;
    height: 100%;
    left: 50%;
    top: 0;
  }

  header .popup-nav .subnav-list {
    display: none;
    text-align: center;
  }

  header .popup-nav .subnav-list>li {
    border-bottom: 1px dashed #eee;
  }

  header .popup-nav .subnav-list>li>a {
    display: block;
    font-size: 13.2px;
    color: #898989;
    padding: 8px 0;
  }

  header .language {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    /* margin-right: 15px; */
    height: 50px;
  }

  header .language:hover .itembox {
    transform: translate(-50%, 0.08rem);
    opacity: 1;
    visibility: visible;
  }

  header .language:hover .icon .text {
    color: #1475FE;
  }

  header .language:hover .icon .icon-img {
    background-image: url(../png/img035%40150x150.png);
  }

  header .language .itembox {
    overflow: hidden;
    width: 110px;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%, 0);
    background-image: linear-gradient(to top, #f3f7fd, #fff);
    border: 2px solid #fff;
    border-radius: 10px;
    text-align: center;
    padding-top: 6px;
    padding-bottom: 6px;
    box-shadow: 6px 6px 10px 0px rgba(20, 117, 254, 0.1);
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s;
  }

  header .language .item {
    display: block;
    font-size: 14px;
    font-family: "SourceHanSansCN-Regular", "SourceHanSansHK-Regular";
    padding: 6px;
    transition: all 0.4s;
    color: #424149;
  }

  header .language .item.active {
    font-family: "SourceHanSansCN-Bold", "SourceHanSansHK-Bold";
  }

  header .language .item.active,
  header .language .item:hover {
    color: #1475FE;
  }

  header .language .icon {
    flex-shrink: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    white-space: nowrap;
  }

  header .language .icon .icon-img {
    width: 20px;
    height: 20px;
    background: url(../png/img028%40150x150.png) no-repeat center;
    background-size: 100%;
  }

  header .language .icon .text {
    font-size: 13.8px;
    color: #56585d;
    font-family: "SourceHanSansCN-Medium", "SourceHanSansHK-Medium";
    line-height: 1;
    padding-left: 10px;
    padding-right: 10px;
  }
}

/* ==================== 头部导航样式 End ==================== */
/* ==================== 底部样式 Start ==================== */
footer {
  background-color: #333;
}

footer .mxw-box {
  max-width: 94%;
}

footer .foot-top {
  padding-top: 1.33rem;
  padding-bottom: 1rem;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

footer .head {
  font-size: 0.3rem;
  font-family: "SourceHanSansCN-Regular", "SourceHanSansHK-Regular";
  position: relative;
  color: #fff;
  opacity: 0.8;
  margin-bottom: 0.33rem;
  display: block;
  transition: all 0.4s;
}

footer .head:hover {
  opacity: 1;
}

footer .head:after {
  content: "";
  display: block;
  width: 0.33rem;
  height: 0.03rem;
  background-color: rgba(255, 255, 255, 0.16);
  margin-top: 0.17rem;
}

footer .foot-navbar {
  min-width: 0;
  flex-grow: 1;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

footer .foot-navbar li:first-child~li {
  margin-top: 0.33rem;
}

footer .foot-navbar li a {
  display: block;
  font-size: 0.2667rem;
  font-family: "SourceHanSansCN-Light", "SourceHanSansHK-Light";
  text-align: left;
  color: #fff;
  transition: all 0.4s;
  opacity: 0.6;
}

footer .foot-navbar li a:hover {
  opacity: 1;
}

footer .foot-contact {
  flex-shrink: 0;
  margin-left: 0.67rem;
}

footer .foot-contact .content {
  line-height: 2;
  font-size: 0.2667rem;
  font-family: "SourceHanSansCN-Light", "SourceHanSansHK-Light";
  text-align: left;
  color: #fff;
  opacity: 0.6;
}

footer .foot-bottom {
  text-align: center;
  padding-top: 0.42rem;
  padding-bottom: 0.42rem;
}

footer .foot-copyright {
  color: #666;
  font-size: 0.2rem;
  font-family: "SourceHanSansCN-Regular", "SourceHanSansHK-Regular";
}

footer .foot-copyright a {
  transition: color 0.4s;
  color: inherit;
}

footer .foot-copyright a:hover {
  color: #fff;
}

footer .support {
  font-size: 0.2rem;
  font-family: "SourceHanSansCN-Regular", "SourceHanSansHK-Regular";
  color: #666;
  line-height: 2;
}

footer .support a {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
}

footer .support a:hover {
  color: rgba(255, 255, 255, 0.8);
  text-decoration: underline;
}

@media screen and (max-width: 1099px) {
  footer .mxw-box {
    max-width: 100%;
  }

  footer .foot-top {
    padding: 0;
    padding-top: 30px;
    padding-bottom: 30px;
    display: block;
  }

  footer .head {
    font-size: 14px;
    margin-bottom: 0;
  }

  footer .head:after {
    width: 20px;
    height: 1.988px;
    margin-top: 10px;
    display: none;
  }

  footer .foot-navbar {
    display: block;
  }

  footer .foot-navbar ul {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    display: none;
  }

  footer .foot-navbar li {
    width: 32%;
  }

  footer .foot-navbar li:nth-child(3n-1) {
    margin-left: 2%;
    margin-right: 2%;
  }

  footer .foot-navbar li:first-child~li {
    margin-top: 0;
  }

  footer .foot-navbar li:nth-child(3)~li {
    margin-top: 10px;
  }

  footer .foot-navbar li a {
    font-size: 12px;
  }

  footer .foot-navbar .foot-item {
    margin-bottom: 15px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding-bottom: 15px;
  }

  footer .foot-contact {
    margin-left: 0;
  }

  footer .foot-contact .content {
    font-size: 14px;
    margin-top: 30px;
  }

  footer .foot-bottom {
    overflow: hidden;
    padding-top: 15px;
    padding-bottom: 15px;
    position: relative;
  }

  footer .foot-bottom:before {
    content: "";
    display: block;
    width: 375px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background-color: #494949;
    height: 1.012px;
  }

  footer .foot-copyright {
    font-size: 12px;
  }

  footer .support {
    font-size: 12px;
  }
}

/* ==================== 底部样式 End ==================== */
.index-banner {
  position: relative;
}

.index-banner:after {
  content: "";
  display: block;
  width: 100%;
  height: 100px;
  background-image: linear-gradient(to top, #f6f6f8, transparent);
  position: absolute;
  z-index: 3;
  left: 0;
  bottom: 0;
}

.index-banner .video {
  width: 100%;
}

.index-banner .video video {
  width: 100%;
  vertical-align: middle;
}

.index-banner .swiper-slide {
  position: relative;
}

.index-banner .banner-info {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 99;
}

.index-banner .banner-info .text1 {
  font-size: 0.73rem;
  line-height: 1.4;
  font-family: "SourceHanSansCN-Medium", "SourceHanSansHK-Medium";
  color: #504D4D;
}

.index-banner .banner-info .text2 {
  font-size: 0.4rem;
  font-family: "SourceHanSansCN-Medium", "SourceHanSansHK-Medium";
  line-height: 1.6;
  color: #453F3F;
  margin-top: 0.5rem;
}

.index-banner .banner-info .more-btn {
  border-radius: 0.07rem;
  border: 1px solid #979797;
  color: #333;
  width: 2.67rem;
  height: 0.83rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0.5rem;
  font-size: 0.27rem;
  position: relative;
  overflow: hidden;
  transition: color 0.4s;
  margin-bottom: 1.83rem;
  font-family: "SourceHanSansCN-Regular", "SourceHanSansHK-Regular";
  transition: all 0.4s;
}

.index-banner .banner-info .more-btn span {
  display: block;
  position: relative;
  z-index: 2;
  line-height: 1;
  text-transform: uppercase;
}

.index-banner .banner-info .more-btn:hover {
  color: #fff;
  background-color: #f79130;
  border-color: #f79130;
  box-shadow: 0.13rem 0.17rem 0.2rem 0rem rgba(158, 184, 230, 0.19);
}

.index-banner .banner-info .more-btn:hover:after {
  visibility: visible;
  opacity: 1;
}

.index-banner .swiper-button-prev,
.index-banner .swiper-button-next {
  width: auto;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0.5rem;
  color: #fff;
  z-index: 9;
  cursor: pointer;
  outline: none;
  margin: 0;
  background-color: #ff9632;
  padding: 0.67rem 0.33rem;
}

.index-banner .swiper-button-prev:after,
.index-banner .swiper-button-next:after {
  font-size: 0.33rem;
}

.index-banner .swiper-button-prev {
  left: 1.64rem;
  transform: translateY(-50%);
}

.index-banner .swiper-button-next {
  right: 1.64rem;
}

main {
  margin-top: 68px;
}


@media screen and (max-width: 1099px) {
  main {
    margin-top: 50px;
  }

  .index-banner:after {
    height: 30px;
    background-image: linear-gradient(to top, #ffffff, transparent);
  }

  .index-banner .banner-info {
    max-width: 100%;
    padding: 20px;
  }

  .index-banner .banner-info .text1 {
    font-size: 18.262px;
  }

  .index-banner .banner-info .text2 {
    font-size: 12px;
    margin-top: 20px;
  }

  .index-banner .banner-info .more-btn {
    border-radius: 100.013px;
    border-width: 1.012px;
    width: 100.013px;
    height: 25.012px;
    margin-top: 20px;
    font-size: 10.5px;
    margin-bottom: 0;
  }

  .index-banner .swiper-slide:after {
    height: 13.333vw;
  }

  .index-banner .swiper-button-prev,
  .index-banner .swiper-button-next {
    padding: 15px 8.738px;
  }

  .index-banner .swiper-button-prev.swiper-button-disabled,
  .index-banner .swiper-button-next.swiper-button-disabled {
    opacity: 0;
  }

  .index-banner .swiper-button-prev:after,
  .index-banner .swiper-button-next:after {
    font-size: 13.988px;
  }

  .index-banner .swiper-button-prev {
    left: 20px;
  }

  .index-banner .swiper-button-next {
    right: 20px;
  }

  .index-banner .scroll-btn {
    bottom: 74.25px;
  }

  .index-banner .scroll-btn .icon {
    width: 24px;
    height: 42px;
    border-radius: 100.013px;
  }

  .index-banner .scroll-btn .icon:before {
    width: 22.012px;
    height: 40.013px;
    border-radius: 100.013px;
  }

  .index-banner .scroll-btn .icon:after {
    width: 4.013px;
    height: 4.013px;
  }

  .index-banner .scroll-btn .text {
    margin-top: 12px;
    font-size: 12px;
    letter-spacing: 1.988px;
  }
}

/* ==================== 滤镜白色 Start ==================== */
.filter-white,
.other-navbar .search,
.other-section1 .search img,
.about2-section10 .item:hover .download-btn::before,
.about2-section10 .item .download-btn:hover::before {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}

/* ==================== 滤镜白色 End ==================== */
/* ==================== 通用背景样式 Start ==================== */
.full-bg,
.other2-section2 {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

/* ==================== 通用背景样式 End ==================== */
/* ==================== 在1920下图片保持最小1920p Start ==================== */
.mxw-full-img {
  width: 100%;
  overflow: hidden;
}

@media screen and (min-width: 1903px) {
  .mxw-full-img {
    min-width: 1920px;
  }
}

/* ==================== 在1920下图片保持最小1920p End ==================== */
/* ==================== 通用分页 Start ==================== */
.mxw-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 5.21vw;
}

.mxw-pagination>a {
  width: 2.08vw;
  height: 2.08vw;
  border-radius: 3px;
  background-color: rgba(255, 255, 255, 0.14);
  margin: 0.26vw;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #333;
  font-size: 0.78vw;
  font-family: "Outfit-Light";
  transition: background-color 0.4s, color 0.4s;
  color: #fff;
}

.mxw-pagination>a:hover,
.mxw-pagination>a.active {
  background-color: #ff9632;
  color: #fff;
}

@media screen and (max-width: 1099px) {
  .mxw-pagination {
    margin-top: 30px;
  }

  .mxw-pagination>a {
    width: 30px;
    height: 30px;
    font-size: 12px;
    margin: 1.988px 1.988px;
  }
}

/* ==================== 通用分页 End ==================== */
/* ==================== 通用图帧滚动等待加载动画 Start ==================== */
.mxw-loading {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99;
}

.mxw-loading .mxw-progress-bar {
  width: 0;
  height: 3px;
  background-color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 10;
  color: #fff;
  font-size: 12px;
}

.mxw-loading .mxw-progress-bar span {
  position: absolute;
  right: 0;
  top: 0;
  transform: translateY(-100%);
}

/* ==================== 通用图帧滚动等待加载动画 End ==================== */
/* ==================== 右侧通用悬浮 Start ==================== */
.index-float {
  position: fixed;
  right: 2.6vw;
  bottom: 10%;
  z-index: 999;
}

.index-float .jump-contact {
  border-radius: 5.21vw;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  background-image: linear-gradient(179deg, #F1F6FD 0%, #FEFEFE 100%);
  padding: 0.83vw;
  width: 2.4vw;
  box-shadow: 0.42vw 0.52vw 0.63vw 0vw rgba(158, 184, 230, 0.19);
  border: 0.1vw solid #fff;
  transition: all 0.4s;
}

.index-float .icon {
  width: 1.15vw;
  flex-shrink: 0;
  margin-bottom: 0.52vw;
}

.index-float .icon img {
  display: block;
}

.index-float .text {
  font-size: 0.73vw;
  color: #333;
  line-height: 1.1;
  text-align: center;
  font-family: "SourceHanSansCN-Medium", "SourceHanSansHK-Medium";
  writing-mode: vertical-rl;
}

.index-float .goto-top {
  width: 2.4vw;
  height: 2.4vw;
  border-radius: 100%;
  overflow: hidden;
  background: linear-gradient(179deg, #F79130 0%, #E1740B 100%);
  box-shadow: 0.42vw 0.52vw 0.63vw 0vw rgba(233, 171, 78, 0.19);
  border: 0.1vw solid #FFFFFF;
  margin-top: 0.52vw;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  visibility: hidden;
  opacity: 0;
  transition: all 0.4s;
}

.index-float .goto-top.show {
  opacity: 1;
  visibility: visible;
}

.index-float .goto-top:before,
.index-float .goto-top:after {
  content: "";
  display: block;
  width: 0.52vw;
  height: 0.52vw;
  border-top: 0.1vw solid #fff;
  border-right: 0.1vw solid #fff;
  transform: rotate(-45deg);
  margin-bottom: -0.26vw;
}

@media screen and (max-width: 1099px) {
  .index-float {
    right: 10px;
    bottom: 5%;
  }

  .index-float .jump-contact {
    border-radius: 100.013px;
    padding: 8px;
    width: 30px;
    box-shadow: 8px 10px 12px 0px rgba(158, 184, 230, 0.19);
    border-width: 1.988px;
  }

  .index-float .icon {
    width: 20px;
    margin-bottom: 4.988px;
  }

  .index-float .text {
    font-size: 13.013px;
  }

  .index-float .goto-top {
    width: 30px;
    height: 30px;
    box-shadow: 8px 10px 12px 0px rgba(233, 171, 78, 0.19);
    border-width: 1.988px;
    margin-top: 4.988px;
  }

  .index-float .goto-top:before,
  .index-float .goto-top:after {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-top-width: 1.012px;
    border-right-width: 1.012px;
    margin-bottom: -4.013px;
  }
}

/* ==================== 右侧通用悬浮 End ==================== */
/* ==================== 通用留言弹窗 Start ==================== */
.message-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
  display: none;
  visibility: hidden;
  opacity: 0;
  transition: all 0.4s;
  padding-top: 0.33rem;
  padding-bottom: 0.33rem;
  overflow: auto;
}

.message-popup.active {
  opacity: 1;
  visibility: visible;
}

.message-popup .message-box {
  width: 18.33rem;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  background-color: #fff;
  border-radius: 0.17rem;
  overflow: hidden;
  display: flex;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  overflow: auto;
  height: 14.25rem;
}

.message-popup .head {
  width: 100%;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  height: 2.56rem;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  position: relative;
  flex-grow: 1;
}

.message-popup .head .title {
  font-family: "OPPOSANS-BOLD";
  font-size: 0.37rem;
  text-align: center;
  padding-top: 1.17rem;
  padding-bottom: 1.17rem;
}

.message-popup .head .close {
  cursor: pointer;
  width: 0.5rem;
  height: 0.5rem;
  position: relative;
  transform: rotate(45deg);
  transition: all 0.4s;
  position: absolute;
  top: 0.33rem;
  right: 0.33rem;
}

.message-popup .head .close:hover {
  transform: rotate(315deg);
}

.message-popup .head .close:before,
.message-popup .head .close:after {
  content: "";
  display: block;
  background-color: #fff;
  position: absolute;
}

.message-popup .head .close:before {
  width: 100%;
  height: 0.05rem;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.message-popup .head .close:after {
  width: 0.05rem;
  height: 100%;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.message-popup form {
  width: 100%;
}

.message-popup form .body {
  width: 10.42rem;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 1.33rem;
}

.message-popup form .form-item {
  margin-bottom: 0.5rem;
}

.message-popup form .form-item:last-child {
  margin-bottom: 0;
}

.message-popup form .form-item.required .label:before {
  content: "*";
  color: #ff0000;
  margin-right: 0.08rem;
}

.message-popup form .form-item input {
  padding: 0.19rem 0.25rem;
}

.message-popup form .form-item input,
.message-popup form .form-item textarea {
  display: block;
  font-size: 0.23rem;
  font-family: "OPPOSANS-REGULAR";
  width: 100%;
  resize: none;
}

.message-popup form .form-item input::-webkit-input-placeholder,
.message-popup form .form-item textarea::-webkit-input-placeholder {
  color: #C3C9D3;
}

.message-popup form .form-item input::-moz-placeholder,
.message-popup form .form-item textarea::-moz-placeholder {
  color: #C3C9D3;
}

.message-popup form .form-item input:-moz-placeholder,
.message-popup form .form-item textarea:-moz-placeholder {
  color: #C3C9D3;
}

.message-popup form .form-item input:-ms-input-placeholder,
.message-popup form .form-item textarea:-ms-input-placeholder {
  color: #C3C9D3;
}

.message-popup form input,
.message-popup form .textarea-item {
  border: 0.02rem solid #eee;
  border-radius: 0.08rem;
  background-color: #fff;
}

.message-popup form .textarea-item {
  padding: 0.25rem;
  padding-bottom: 0.33rem;
  height: 2rem;
  position: relative;
}

.message-popup form .textarea-item .count {
  position: absolute;
  bottom: 0.15rem;
  right: 0.3rem;
  color: #C3C9D3;
  font-family: "OPPOSANS-REGULAR";
  z-index: 20;
  font-size: 0.23rem;
}

.message-popup form .textarea-item textarea {
  border: 0;
  height: 4.8em;
  line-height: 1.6;
  outline: none;
}

.message-popup form .textarea-item textarea::-webkit-scrollbar {
  width: 4px;
  background: #ececec;
}

.message-popup form .textarea-item textarea::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background: #2d77e9;
  cursor: pointer;
}

.message-popup form .label {
  font-size: 0.27rem;
  color: #333;
  line-height: 1;
  font-family: "OPPOSANS-MEDIUM";
  margin-bottom: 0.17rem;
}

.message-popup .btn-group {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 0;
  padding-bottom: 0.5rem;
  width: 100%;
  background-color: #f6f7fb;
}

.message-popup .form-btn {
  width: 2.83rem;
  height: 0.67rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.27rem;
  color: #333;
  border: 0.02rem solid #eee;
  border-radius: 0.07rem;
  font-family: "OPPOSANS-MEDIUM";
  transition: background-color 0.4s;
  background-color: #fff;
}

.message-popup .form-btn:hover {
  background-color: #ffffff;
}

.message-popup button {
  background-color: #2d77e9 !important;
  color: #fff !important;
  border-color: inherit;
  margin-left: 0.22rem;
}

.message-popup button:hover {
  background-color: #2d77e9 !important;
}

@media screen and (max-width: 1099px) {
  .message-popup {
    padding-top: 10px;
    padding-bottom: 0;
    align-items: flex-end;
  }

  .message-popup .message-box {
    border-radius: 10px 10px 0 0;
    width: 375px;
    height: auto;
  }

  .message-popup .head {
    height: 75px;
    padding-bottom: 0;
  }

  .message-popup .head .title {
    padding: 0;
    font-size: 16.012px;
  }

  .message-popup .head .close {
    width: 20px;
    height: 20px;
    top: 10px;
    right: 10px;
  }

  .message-popup .head .close:before {
    height: 3px;
  }

  .message-popup .head .close:after {
    width: 3px;
  }

  .message-popup form .left-body {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
  }

  .message-popup form .body {
    padding-top: 20px;
    padding-left: 0.33rem;
    padding-right: 0.33rem;
    padding-bottom: 0.33rem;
    width: auto;
  }

  .message-popup form .form-item {
    width: 100%;
    margin: 0;
    margin-bottom: 10px;
  }

  .message-popup form .form-item:nth-child(2n) {
    margin-left: 0;
  }

  .message-popup form .form-item.required .label:before {
    margin-right: 4.988px;
  }

  .message-popup form .form-item input {
    padding: 8px 15px;
  }

  .message-popup form input,
  .message-popup form .textarea-item {
    border-width: 1.012px;
    font-size: 13.013px;
    border-radius: 3px;
  }

  .message-popup form .textarea-item {
    padding: 115px;
    height: 20vh;
  }

  .message-popup form .textarea-item textarea {
    height: 7.7em;
  }

  .message-popup form .label {
    font-size: 13.013px;
    margin-bottom: 10px;
  }

  .message-popup .btn-group {
    padding: 15px;
  }

  .message-popup .form-btn {
    width: 199.988px;
    height: 40.013px;
    font-size: 13.988px;
    border-width: 1.012px;
    border-radius: 4.013px;
  }

  .message-popup button {
    margin-left: 10px;
  }
}

/* ==================== 通用留言弹窗 End ==================== */
/* ==================== 通用向下滑动按钮 Start ==================== */
.scroll-btn {
  position: absolute;
  bottom: 2.5rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 9;
}

.scroll-btn .icon {
  position: relative;
  width: 0.4rem;
  height: 0.7rem;
  background: #79a2fd -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, transparent), color-stop(50%, #fff), to(#fff));
  background: #79a2fd -webkit-linear-gradient(transparent, transparent 50%, #fff 0, #fff);
  background: #79a2fd linear-gradient(transparent, transparent 50%, #fff 0, #fff);
  background-size: 100% 200%;
  border-radius: 1.67rem;
  -webkit-animation: animate1 10s linear infinite, animate2 10s ease-out infinite;
  animation: animate1 10s linear infinite, animate2 10s ease-out infinite;
  margin-left: auto;
  margin-right: auto;
}

.scroll-btn .icon:before,
.scroll-btn .icon:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.scroll-btn .icon:before {
  width: 0.37rem;
  height: 0.67rem;
  background-color: #fff;
  border-radius: 1.67rem;
}

.scroll-btn .icon:after {
  width: 0.07rem;
  height: 0.07rem;
  background-color: #79a2fd;
  border-radius: 100%;
  -webkit-animation: animate5 10s linear infinite;
  animation: animate5 10s linear infinite;
}

.scroll-btn .text {
  margin-top: 0.2rem;
  margin-bottom: 0;
  color: #fff;
  font-size: 0.2rem;
  letter-spacing: 0.03rem;
  -webkit-animation: animate3 10s ease-out infinite, animate4 10s ease-out infinite;
  animation: animate3 10s ease-out infinite, animate4 10s ease-out infinite;
}

@keyframes animate1 {
  0% {
    background-position: 0 100%;
  }

  20% {
    background-position: 0 0;
  }

  21% {
    background-color: #79a2fd;
  }

  29.99% {
    background-color: #fff;
    background-position: 0 0;
  }

  30% {
    background-color: #79a2fd;
    background-position: 0 100%;
  }

  50% {
    background-position: 0 0;
  }

  51% {
    background-color: #79a2fd;
  }

  59% {
    background-color: #fff;
    background-position: 0 0;
  }

  60% {
    background-color: #79a2fd;
    background-position: 0 100%;
  }

  80% {
    background-position: 0 0;
  }

  81% {
    background-color: #79a2fd;
  }

  90%,
  to {
    background-color: #fff;
  }
}

@keyframes animate2 {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }

  30% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  50% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }

  60% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  80% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }

  90% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes animate3 {
  21% {
    color: #79a2fd;
  }

  30% {
    color: #fff;
  }

  51% {
    color: #79a2fd;
  }

  60% {
    color: #fff;
  }

  81% {
    color: #79a2fd;
  }

  90% {
    color: #fff;
  }
}

@keyframes animate4 {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
  }

  30% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  50% {
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
  }

  60% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  80% {
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
  }

  90% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes animate5 {
  0% {
    -webkit-transform: scale(1) translateY(-10px);
    transform: scale(1) translateY(-10px);
    opacity: 1;
  }

  6% {
    -webkit-transform: scale(0.9) translateY(3px);
    transform: scale(0.9) translateY(3px);
    opacity: 1;
  }

  14% {
    -webkit-transform: scale(0.4) translateY(20px);
    transform: scale(0.4) translateY(20px);
    opacity: 0;
  }

  15%,
  19% {
    -webkit-transform: scale(0.4) translateY(-10px);
    transform: scale(0.4) translateY(-10px);
    opacity: 0;
  }

  28%,
  29.99% {
    -webkit-transform: scale(1) translateY(-10px);
    transform: scale(1) translateY(-10px);
    opacity: 1;
  }

  30% {
    -webkit-transform: scale(1) translateY(-10px);
    transform: scale(1) translateY(-10px);
    opacity: 1;
  }

  36% {
    -webkit-transform: scale(0.9) translateY(2px);
    transform: scale(0.9) translateY(2px);
    opacity: 1;
  }

  44% {
    -webkit-transform: scale(0.4) translateY(20px);
    transform: scale(0.4) translateY(20px);
    opacity: 0;
  }

  45%,
  49% {
    -webkit-transform: scale(0.4) translateY(-20px);
    transform: scale(0.4) translateY(-20px);
    opacity: 0;
  }

  58%,
  59.99% {
    -webkit-transform: scale(1) translateY(-10px);
    transform: scale(1) translateY(-10px);
    opacity: 1;
  }

  60% {
    -webkit-transform: scale(1) translateY(-20px);
    transform: scale(1) translateY(-20px);
    opacity: 1;
  }

  66% {
    -webkit-transform: scale(0.9) translateY(2px);
    transform: scale(0.9) translateY(2px);
    opacity: 1;
  }

  74% {
    -webkit-transform: scale(0.4) translateY(20px);
    transform: scale(0.4) translateY(20px);
    opacity: 0;
  }

  75%,
  79% {
    -webkit-transform: scale(0.4) translateY(-10px);
    transform: scale(0.4) translateY(-10px);
    opacity: 0;
  }

  88%,
  to {
    -webkit-transform: scale(1) translateY(-10px);
    transform: scale(1) translateY(-10px);
    opacity: 1;
  }
}

/* ==================== 通用向下滑动按钮 End ==================== */
/* ==================== 通用 - 内页分类 Start ==================== */
.ny-category {
  position: sticky;
  top: 0;
  left: 0;
  background-color: #fcfcfc;
  z-index: 99;
}

.ny-category .itembox {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.ny-category .item {
  display: block;
  color: #717473;
  font-family: "SourceHanSansCN-Medium", "SourceHanSansHK-Medium";
  text-align: center;
  position: relative;
  transition: color 0.4s;
  font-size: 0.27rem;
  width: 25%;
}

.ny-category .item::after {
  content: "";
  display: block;
  width: 0;
  height: 0.08rem;
  background-color: #F79130;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.ny-category .item.active {
  color: #333;
}

.ny-category .item.active:after {
  width: 100%;
}

.ny-category .item:last-child {
  margin-right: 0;
}

@media screen and (min-width: 1100px) {
  .ny-category .item {
    height: 1rem;
    line-height: 1rem;
  }
}

@media screen and (max-width: 1099px) {
  .ny-category .item {
    width: 32%;
    padding: 10.8px 0;
    margin-right: 0;
    font-size: 13.8px;
  }

  .ny-category .item:nth-child(3n-1) {
    margin-left: 2%;
    margin-right: 2%;
  }

  .ny-category .item::after {
    height: 2px;
  }
}

/* ==================== 通用 - 内页分类 End ==================== */
/* ==================== 管理团队 - 弹窗 Start ==================== */
.team-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
  display: none;
  visibility: hidden;
  opacity: 0;
  transition: all 0.4s;
  padding-top: 0.33rem;
  padding-bottom: 0.33rem;
  overflow: auto;
}

.team-popup .close {
  position: absolute;
  top: 25px;
  right: 25px;
  width: 23px;
  cursor: pointer;
  user-select: none;
  font-size: 12px;
  opacity: 1;
  transition: all 0.4s;
}

.team-popup.active {
  opacity: 1;
  visibility: visible;
}

.team-popup .team-box {
  background-color: #fff;
  width: 670px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  padding-right: 70px;
  position: relative;
}

.team-popup .avatar {
  width: 172px;
  margin-right: 50px;
  flex-shrink: 0;
}

.team-popup .content {
  min-width: 0;
  flex-grow: 1;
  padding-top: 50px;
  padding-bottom: 20px;
}

.team-popup .name {
  font-size: 26px;
  color: #1475FE;
  line-height: 1;
  font-family: "SourceHanSansCN-Normal", "SourceHanSansHK-Normal";
  margin-bottom: 17px;
}

.team-popup .fname {
  font-size: 12px;
  color: #5F6464;
  font-family: "OPPOSANS-REGULAR";
  width: 100%;
  display: block;
}

.team-popup .description {
  margin-top: 66px;
  border-top: 1px solid #e9ecf0;
  font-size: 12px;
  color: #666;
  line-height: 1.8;
  padding-top: 30px;
  max-height: 240px;
  overflow: auto;
  padding-right: 20px;
  font-family: "OPPOSANS-REGULAR";
}

.team-popup .description::-webkit-scrollbar {
  width: 4px;
  background: #ececec;
}

.team-popup .description::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background: #888;
  cursor: pointer;
}

@media screen and (max-width: 1099px) {
  .team-popup {
    padding-top: 10px;
    padding-bottom: 0;
    align-items: flex-end;
  }

  .team-popup .team-box {
    padding-right: 0;
    border-radius: 10px 10px 0 0;
    width: 100vw;
    height: 80vh;
    overflow: hidden;
    zoom: 1;
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 20px;
  }

  .team-popup .avatar {
    margin-left: auto;
    margin-right: auto;
  }

  .team-popup .content {
    width: 100%;
    padding-top: 20px;
    padding-bottom: 0;
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-grow: 1;
    min-width: 0;
    overflow: auto;
  }

  .team-popup .name {
    width: 100%;
    font-size: 20px;
    margin-bottom: 10px;
  }

  .team-popup .fname {
    font-size: 12px;
    width: 100%;
  }

  .team-popup .description {
    width: 100%;
    margin-top: 20px;
    padding-top: 10px;
    padding-right: 30px;
    flex-grow: 1;
    min-width: 0;
  }
}

/* ==================== 管理团队 - 弹窗 End ==================== */
/* ==================== 企业荣誉 - 弹窗 Start ==================== */
.honor-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
  display: none;
  visibility: hidden;
  opacity: 0;
  transition: all 0.4s;
  padding-top: 0.33rem;
  padding-bottom: 0.33rem;
  overflow: auto;
}

.honor-popup .close {
  position: absolute;
  top: 25px;
  right: 25px;
  width: 30px;
  cursor: pointer;
  user-select: none;
  font-size: 12px;
  opacity: 1;
  transition: all 0.4s;
  z-index: 99;
}

.honor-popup .close img {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}

.honor-popup.active {
  opacity: 1;
  visibility: visible;
}

.honor-popup .honor-box {
  background-color: #fff;
  width: 540px;
  position: relative;
  box-shadow: 0 0 10px -5px rgba(0, 0, 0, 0.4);
}

.honor-popup .image {
  margin-left: auto;
  margin-right: auto;
  font-size: 12px;
  text-align: center;
}

.honor-popup .image img {
  height: 360px;
}

.honor-popup .info {
  background-color: #fff;
  padding: 0.3rem 0.4rem;
}

.honor-popup .title {
  font-size: 0.2333rem;
  color: #333;
  line-height: 1.8;
  font-family: "OPPOSANS-BOLD";
  margin-bottom: 0.1667rem;
}

.honor-popup .desc {
  font-size: 0.2333rem;
  color: #444;
  line-height: 1.8;
  font-family: "SourceHanSansCN-Regular", "SourceHanSansHK-Regular";
}

@media screen and (min-width: 1100px) {
  .honor-popup .desc {}
}

@media screen and (max-width: 1099px) {
  .honor-popup {
    padding-top: 10px;
    padding-bottom: 0;
    align-items: flex-end;
  }

  .honor-popup .close {
    top: -10px;
    right: 10px;
    transform: translateY(-100%);
  }

  .honor-popup .image {
    margin-bottom: 20px;
  }

  .honor-popup .honor-box {
    padding-right: 0;
    border-radius: 10px 10px 0 0;
    width: 100vw;
    max-height: 70vh;
    zoom: 1;
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 20px;
  }

  .honor-popup .title {
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 10px;
  }

  .honor-popup .info {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    overflow: auto;
    min-height: 20vh;
  }

  .honor-popup .desc {
    font-size: 12px;
    line-height: 1.8;
  }
}

/* ==================== 企业荣誉 - 弹窗 End ==================== */
/* ==================== 分析师 - 弹窗 Start ==================== */
.analyst-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
  display: none;
  visibility: hidden;
  opacity: 0;
  transition: all 0.4s;
  padding-top: 0.33rem;
  padding-bottom: 0.33rem;
  overflow: auto;
}

.analyst-popup .close {
  position: absolute;
  top: -35px;
  right: -35px;
  width: 30px;
  cursor: pointer;
  user-select: none;
  font-size: 12px;
  opacity: 1;
  transition: all 0.4s;
  z-index: 99;
}

.analyst-popup .close img {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}

.analyst-popup.active {
  opacity: 1;
  visibility: visible;
}

.analyst-popup .analyst-box {
  width: 640px;
  position: relative;
  box-shadow: 0 0 10px -5px rgba(0, 0, 0, 0.4);
}

.analyst-popup .body {
  overflow: auto;
}

.analyst-popup table {
  width: 100%;
  border-collapse: collapse;
  text-align: center;
}

.analyst-popup table thead tr {
  background-image: url('../jpg/img080%402400x164.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.analyst-popup table th,
.analyst-popup table tr {
  height: 1.33rem;
}

.analyst-popup table tr {
  background-color: #fff;
}

.analyst-popup table tr:first-child~tr:nth-child(2n) {
  background-color: #f8faff;
}

.analyst-popup table th,
.analyst-popup table td {
  padding: 0 0.5rem;
}

.analyst-popup table th {
  height: 1.33rem;
  color: #fff;
  line-height: 1;
  font-size: 0.27rem;
  font-family: "OPPOSANS-MEDIUM";
  font-weight: 400;
}

.analyst-popup table td {
  line-height: 1;
  font-size: 0.27rem;
  color: #333;
  font-family: "OPPOSANS-MEDIUM";
}

@media screen and (min-width: 1100px) {
  .analyst-popup .body {
    background: #fff;
    padding: 20px 20px;
    border-radius: 10px;
  }
}

@media screen and (max-width: 1099px) {
  .analyst-popup {
    padding-top: 10px;
    padding-bottom: 0;
    align-items: flex-end;
  }

  .analyst-popup .close {
    top: -10px;
    right: 10px;
    transform: translateY(-100%);
  }

  .analyst-popup .analyst-box {
    background-color: #fff;
    padding: 15px;
  }

  .analyst-popup .m-head {
    font-size: 12px;
  }

  .analyst-popup .m-head img {
    width: 30px;
    margin-right: 0;
    margin-left: auto;
    display: block;
    margin-bottom: 10px;
  }

  .analyst-popup table tr,
  .analyst-popup table th {
    height: 40px;
  }

  .analyst-popup table td,
  .analyst-popup table th {
    white-space: nowrap;
    padding: 0 10px;
    font-size: 15px;
  }
}

/* ==================== 分析师 - 弹窗 End ==================== */
/* ==================== 通用 - 内页Banner Start ==================== */
.ny-banner {
  position: relative;
}

.ny-banner .bg-image {
  overflow: hidden;
}

.ny-banner .info {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: left;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
}

.ny-banner .info .text1,
.ny-banner .info .text2 {
  color: #fff;
  line-height: 1;
}

.ny-banner .info .text1 {
  margin-bottom: 0.23rem;
  font-size: 0.83rem;
  font-family: "OPPOSANS-REGULAR";
}

.ny-banner .info .text2 {
  line-height: 1;
  font-size: 0.4rem;
  font-family: "OPPOSANS-LIGHT";
}

@media screen and (max-width: 1099px) {
  .ny-banner .bg-image img {
    width: 100%;
  }

  .ny-banner .info .text1 {
    font-size: 24px;
    margin-bottom: 8px;
  }

  .ny-banner .info .text2 {
    font-size: 13.8px;
  }
}

/* ==================== 通用 - 内页Banner End ==================== */
/* ==================== 通用 - 面包屑 Start ==================== */
.bread-crumbs {
  background-color: #fbfcfa;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.bread-crumbs a {
  font-size: 0.3rem;
  color: #333;
  line-height: 1;
  font-family: "SourceHanSansCN-Regular", "SourceHanSansHK-Regular";
  transition: color 0.4s;
}

.bread-crumbs a:hover {
  color: #ff9632;
}

.bread-crumbs a:last-child:after {
  display: none;
}

.bread-crumbs a:after {
  content: ">";
  padding: 0 0.08rem;
  color: #333 !important;
}

@media screen and (max-width: 1099px) {
  .bread-crumbs a {
    font-size: 14px;
  }
}

/* ==================== 通用 - 面包屑 End ==================== */
/* ==================== 通用 - 视频弹窗 Start ==================== */
.common-video-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 99999;
  visibility: hidden;
  opacity: 0;
  transition: all 0.4s;
  display: none;
}

.common-video-popup.active {
  visibility: visible;
  opacity: 1;
}

.common-video-popup .common-box {
  width: 13.33rem;
  background-color: #fff;
  padding: 1rem 0.83rem;
  position: relative;
  border-radius: 8px;
}

.common-video-popup .common-box .close {
  position: absolute;
  top: 0.33rem;
  right: 0.33rem;
  width: 0.23rem;
  height: 0.23rem;
  background: url(../png/img036%40100x100.png) no-repeat center;
  background-size: 100%;
  transition: all 0.4s;
  cursor: pointer;
}

.common-video-popup .common-box .close:hover {
  transform: rotate(90deg);
}

.common-video-popup video {
  width: 100%;
  display: block;
}

@media screen and (max-width: 1099px) {
  .common-video-popup .common-box {
    width: 90%;
    padding: 40px 15px 20px;
  }

  .common-video-popup .common-box .close {
    top: 13.8px;
    right: 13.8px;
  }
}

/* ==================== 通用 - 视频弹窗 End ==================== */
/* ==================== 公益基金 - 通用导航 Start ==================== */
.other-navbar {
  overflow: hidden;
  position: relative;
}

.other-navbar .bg-image {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.other-navbar .bg-image video {
  width: 100%;
  object-fit: cover;
  object-position: center top;
  height: 13.33rem;
}

.other-navbar .content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  z-index: 3;
}

.other-navbar .content:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.9);
  position: absolute;
  left: 0;
  top: 0;
  visibility: hidden;
  transform: translateY(-100%);
  opacity: 0;
  transition: all 0.4s;
}

.other-navbar .content-box {
  position: relative;
  z-index: 2;
  padding-top: 0.83rem;
  padding-bottom: 1rem;
}

.other-navbar .logo {
  width: 3.83rem;
  height: 0.93rem;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0.5rem;
}

.other-navbar .itembox {
  display: flex;
  align-items: stretch;
  justify-content: center;
  position: relative;
  padding-left: 2.33rem;
  padding-right: 2.33rem;
}

.other-navbar .itembox:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-image: linear-gradient(to left, transparent, #fff, transparent);
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.other-navbar .item {
  position: relative;
  padding-bottom: 0.5rem;
  margin-left: 1.67rem;
}

.other-navbar .item.active>a {
  color: #f79130 !important;
}

.other-navbar .item.active>a:after {
  border-color: #f79130;
  opacity: 1;
  visibility: visible;
}

.other-navbar .item:first-child {
  margin-left: 0;
}

.other-navbar .item>a {
  display: block;
  position: relative;
  font-size: 0.3rem;
  color: #fff;
  font-family: "SourceHanSansCN-Regular", "SourceHanSansHK-Regular";
  line-height: 1;
  transition: all 0.4s;
}

.other-navbar .item>a:after {
  content: "";
  display: block;
  width: 0.1rem;
  height: 0.1rem;
  border-radius: 100%;
  border: 0.03rem solid #fff;
  position: absolute;
  bottom: -0.27rem;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s;
}

.other-navbar .search {
  width: 0.27rem;
  height: 0.33rem;
  background: url(../png/img305%40120x120.png) no-repeat center;
  background-size: 100%;
  font-size: 0.2rem;
  flex-shrink: 0;
  cursor: pointer;
  margin-left: 0.67rem;
  transition: all 0.4s;
}

.other-navbar .sub-nav {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  padding: 0.17rem 0;
  transition: all 0.4s;
  opacity: 0;
  visibility: hidden;
  width: 2.2rem;
}

.other-navbar .sub-item {
  font-size: 0.3rem;
  color: #fff;
  line-height: 1;
  padding: 0.17rem 0;
  font-family: "SourceHanSansCN-Regular", "SourceHanSansHK-Regular";
  display: block;
  text-align: center;
  transition: all 0.4s;
}

.other-navbar .sub-item.active,
.other-navbar .sub-item:hover {
  color: #f79130;
}

.other-navbar form {
  display: flex;
  align-items: center;
  margin-top: 1.17rem;
  max-width: 12rem;
  margin-left: auto;
  margin-right: auto;
  border-bottom: 1px solid #888;
  padding-bottom: 0.17rem;
  transition: all 0.4s;
  opacity: 0;
  visibility: hidden;
}

.other-navbar form.active {
  opacity: 1;
  visibility: visible;
}

.other-navbar form .icon {
  width: 0.4rem;
  flex-shrink: 0;
}

.other-navbar form input {
  min-width: 0;
  flex-grow: 1;
  height: 0.6rem;
  font-family: "SourceHanSansCN-Regular", "SourceHanSansHK-Regular";
  font-size: 0.27rem;
  padding: 0 0.33rem;
}

.other-navbar form button {
  width: 1.67rem;
  padding: 0.1rem 0;
  border-radius: 1.67rem;
  border: 0.02rem solid #F79130;
  color: #F79130;
  font-size: 0.27rem;
  font-family: "SourceHanSansCN-Regular", "SourceHanSansHK-Regular";
  transition: all 0.4s;
}

.other-navbar form button:hover {
  background-color: #f79130;
  color: #fff;
}

.other-navbar .swiper-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  font-size: 12px;
  bottom: 40.2px;
}

.other-navbar .swiper-pagination .swiper-pagination-bullet {
  width: 16.8px;
  height: 3px;
  margin-left: 1.8px;
  margin-right: 1.8px;
  background-color: #fff;
  border-radius: 0;
  opacity: 0.5;
}

.other-navbar .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
}

@media screen and (min-width: 1100px) {

  .other-navbar.style2 .content:hover:after,
  .other-navbar.style3 .content:hover:after {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }

  .other-navbar.style2 .content:hover .logo img,
  .other-navbar.style3 .content:hover .logo img {
    transform: translateY(-1.87rem);
  }

  .other-navbar.style2 .content:hover .item>a,
  .other-navbar.style3 .content:hover .item>a {
    color: #333;
  }

  .other-navbar.style2 .content:hover .itembox:after,
  .other-navbar.style3 .content:hover .itembox:after {
    background-image: linear-gradient(to left, transparent, #C8C8C8, transparent);
  }

  .other-navbar.style2 .content:hover .search,
  .other-navbar.style3 .content:hover .search {
    filter: inherit;
  }

  .other-navbar.style2 .logo img {
    transform: translateY(-0.93rem);
  }

  .other-navbar.style2 .item>a {
    color: #333;
  }

  .other-navbar.style2 .itembox:after {
    background-image: linear-gradient(to left, transparent, #C8C8C8, transparent);
  }

  .other-navbar.style2 .sub-item {
    color: #211F1F;
  }

  .other-navbar.style2 .sub-item:hover {
    color: #f79130;
  }

  .other-navbar .item:hover .sub-nav {
    opacity: 1;
    visibility: visible;
  }
}

@media screen and (max-width: 1099px) {
  .other-navbar .bg-image video {
    height: 300px;
  }

  .other-navbar .swiper-pagination {
    bottom: 16.2px;
  }

  .other-navbar .swiper-pagination .swiper-pagination-bullet {
    width: 16.8px;
    height: 3px;
    margin-left: 2.4px;
    margin-right: 2.4px;
  }

  .other-navbar .logo {
    width: 139.8px;
    height: 34px;
    margin-bottom: 20px;
  }

  .other-navbar .content-box {
    padding-top: 30px;
    padding-bottom: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    background-color: rgba(0, 0, 0, 0.3);
  }

  .other-navbar .content {
    height: 100%;
  }

  .other-navbar .content:after {
    display: none;
  }

  .other-navbar form {
    width: 100%;
    margin-top: 10px;
    visibility: visible;
    opacity: 1;
    margin-left: auto;
    margin-right: auto;
    background-color: rgba(255, 255, 255, 0.9);
    padding: 8px 20px;
    border-bottom: 0;
  }

  .other-navbar form .icon {
    width: 13.8px;
  }

  .other-navbar form input {
    font-size: 12px;
    padding: 0 10px;
  }

  .other-navbar form button {
    font-size: 13.2px;
    width: 70.2px;
    padding: 4px 0;
  }

  .other-navbar .itembox {
    flex-wrap: wrap;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }

  .other-navbar .itembox:after {
    display: none;
  }

  .other-navbar .item {
    margin-left: 0;
    width: 32%;
    padding-bottom: 20px;
  }

  .other-navbar .item:nth-child(3n-1) {
    margin-left: 2%;
    margin-right: 2%;
  }

  .other-navbar .item>a {
    font-size: 13.8px;
    text-align: center;
    display: block;
    width: 100%;
  }

  .other-navbar .item>a:after {
    width: 4px;
    height: 4px;
    border-width: 1px;
    bottom: -12px;
  }

  .other-navbar .search {
    display: none;
    margin-left: 0;
    width: 32%;
    background-size: 13.8px;
  }
}

/* ==================== 公益基金 - 通用导航 End ==================== */
/* ==================== 首页 - 通用标题 Start ==================== */
.index-title {
  color: #444;
  font-size: 0.6rem;
  font-family: "OPPOSANS-BOLD";
  padding-top: 1.42rem;
  padding-bottom: 0.83rem;
  text-align: center;
  line-height: 1;
}

@media screen and (max-width: 1099px) {
  .index-title {
    font-size: 21px;
    padding-top: 40.013px;
    padding-bottom: 40.013px;
    line-height: 1.4;
  }
}

/* ==================== 首页 - 通用标题 End ==================== */
/* ==================== 首页 - 通用按钮 Start ==================== */
.index-btn {
  background-color: #FF9632;
  font-size: 0.27rem;
  font-family: "OPPOSANS-REGULAR";
  width: 2rem;
  height: 0.57rem;
  color: #fff;
  border-radius: 0.07rem;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0.42rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  transition: all 0.4s;
  text-transform: uppercase;
  letter-spacing: 3px;
}

.index-btn:hover {
  color: #fff;
  box-shadow: 0 0 0.17rem -0.08rem #ff9632;
}

@media screen and (max-width: 1099px) {
  .index-btn {
    font-size: 12px;
    width: auto;
    height: auto;
    line-height: inherit;
    border-radius: 100.013px;
    margin-top: 15px;
    padding: 6px 20px;
    margin-left: auto;
    margin-right: auto;
    display: table;
  }

  .index-btn:hover {
    box-shadow: 0 0 10px -4.988px #ff9632;
  }
}

/* ==================== 首页 - 通用按钮 End ==================== */
/* ==================== 首页 - 通用箭头 Start ==================== */
.index-arrow {
  background-color: #ff9632;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  outline: none;
  width: 0.92rem;
  height: 0.92rem;
  opacity: 1;
  background-color: transparent;
}

.index-arrow:hover:before {
  opacity: 0;
  visibility: hidden;
}

.index-arrow:hover:after {
  opacity: 1;
  visibility: visible;
}

.index-arrow.swiper-button-prev:before,
.index-arrow.swiper-button-prev:after {
  transform: rotateY(-180deg);
}

.index-arrow:before,
.index-arrow:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-size: 100% !important;
  background-position: center;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.4s;
}

.index-arrow:before {
  background-image: url(../png/img033%40110x110.png);
  z-index: 3;
}

.index-arrow:after {
  background-image: url(../png/img034%40110x110.png);
  visibility: hidden;
  opacity: 0;
}

@media screen and (max-width: 1099px) {
  .index-arrow {
    width: 30px;
    height: 30px;
  }
}

/* ==================== 首页 - 通用箭头 End ==================== */
/* ==================== 首页 - 板块二 Start ==================== */
.index-section2 {
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  position: relative;
  background-color: #fafbfd;
  z-index: 10;
  padding-top: 1.5rem;
}

.index-section2:after {
  content: "";
  display: block;
  width: 100%;
  height: 100px;
  background-image: linear-gradient(to top, #fbfbfd, transparent);
  position: absolute;
  bottom: 0;
  left: 0;
}

.index-section2>.mxw-box {
  position: relative;
  z-index: 3;
}

.index-section2 .data-time {
  position: absolute;
  bottom: 0.17rem;
  right: 0.17rem;
  font-size: 0.2rem;
  color: #444;
  font-family: "SourceHanSansCN-Regular", "SourceHanSansHK-Regular";
  z-index: 10;
  opacity: 0.4;
}

.index-section2 .itembox1 {
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: space-around;
  border-radius: 0.13rem;
  border: 0.1vw solid #fff;
  box-shadow: 0.13rem 0.17rem 0.2rem 0rem rgba(158, 184, 230, 0.19);
  background-image: linear-gradient(179deg, #F1F6FD 0%, #FEFEFE 100%);
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -100%);
  width: 100%;
  max-width: 1200px;
}

.index-section2 .itembox1 .item {
  padding: 0.83rem 0.33rem;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}

.index-section2 .itembox1 .item .icon {
  width: 1rem;
  flex-shrink: 0;
  margin-right: 0.17rem;
}

.index-section2 .itembox1 .item .icon img {
  width: 100%;
}

.index-section2 .itembox1 .item .info {
  min-width: 0;
  flex-grow: 1;
  text-align: left;
}

.index-section2 .itembox1 .item .text1 {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  font-family: "OPPOSANS-BOLD";
  line-height: 1;
  color: #444;
  font-size: 0.3rem;
}

.index-section2 .itembox1 .item .text1>div {
  margin-right: 0.08rem;
  margin-bottom: -0.07rem;
}

.index-section2 .itembox1 .item .text1 div,
.index-section2 .itembox1 .item .text1 span {
  font-size: 0.5rem;
  font-family: "OPPOSANS-BOLD";
  line-height: 1;
}

.index-section2 .itembox1 .item .text1 div i,
.index-section2 .itembox1 .item .text1 span i {
  font-style: inherit;
}

.index-section2 .itembox1 .item .text2 {
  font-family: "SourceHanSansCN-Regular", "SourceHanSansHK-Regular";
  line-height: 1.4;
  margin-top: 0.19rem;
  color: #777B84;
  font-size: 0.24rem;
  height: 2.8em;
}

.index-section2 .body {
  position: relative;
  display: flex;
  align-items: stretch;
}

.index-section2 .body .item {
  flex-grow: 1;
  position: relative;
  height: 9.17rem;
  border-radius: 0.17rem;
  overflow: hidden;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  cursor: pointer;
  margin-right: 2%;
  transition: all 0.6s;
  width: 18%;
}

.index-section2 .body .item:last-child {
  margin-right: 0;
}

.index-section2 .body .bg-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.index-section2 .body .bg-image .open-bg,
.index-section2 .body .bg-image .close-bg {
  display: block;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: bottom right;
  background-size: cover;
  opacity: 1;
  visibility: visible;
  transition: all 0s;
  position: absolute;
  top: 0;
  left: 0;
}

.index-section2 .body .bg-image .open-bg {
  opacity: 0;
  visibility: hidden;
  background-position: top right;
}

.index-section2 .body .brand-logo {
  width: 100%;
  padding: 0.5rem 0.2rem;
  text-align: center;
  z-index: 9;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.4s;
  height: 1.67rem;
}

.index-section2 .body .brand-logo img {
  position: relative;
  z-index: 2;
  transition: all 0.4s;
}

.index-section2 .body .brand-logo:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  visibility: hidden;
  opacity: 0;
  transition: all 0.4s;
  background-image: linear-gradient(270deg, rgba(234, 243, 255, 0.8) 0%, rgba(100, 162, 255, 0.51) 100%);
  backdrop-filter: blur(0.1vw);
}

.index-section2 .body .info {
  min-width: 0;
  z-index: 9;
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  visibility: hidden;
  opacity: 0;
  transition: all 0.4s;
  height: 44%;
  width: 100%;
  padding-left: 0.335rem;
  padding-right: 0.335rem;
}

.index-section2 .body .info .name {
  font-size: 0.4rem;
  color: #333;
  font-family: "SourceHanSansCN-Bold", "SourceHanSansHK-Bold";
  line-height: 1;
  margin-bottom: 0.33rem;
  letter-spacing: 0.02rem;
}

.index-section2 .body .info .desc {
  font-size: 0.23rem;
  color: #323232;
  line-height: 1.8;
  /* text-align: justify; */
  letter-spacing: 0.01rem;
  font-family: "SourceHanSansCN-Regular", "SourceHanSansHK-Regular";
}

.index-section2 .index-section2-swiper {
  width: 100%;
}

@media screen and (min-width: 1100px) {
  .index-section2 .body .info {
    width: 100% !important;
  }

  .index-section2 .body .item.active {
    z-index: 30;
    flex-shrink: 0;
    width: 40%;
    flex-grow: 0;
  }

  .index-section2 .body .item.active .info {
    opacity: 1;
    visibility: visible;
  }

  .index-section2 .body .item.active .brand-logo {
    height: 56%;
  }

  .index-section2 .body .item.active .brand-logo:after {
    visibility: visible;
    opacity: 1;
  }

  .index-section2 .body .item.active .bg-image .open-bg {
    visibility: visible;
    opacity: 1;
  }

  .index-section2 .body .item.active .bg-image .close-bg {
    visibility: hidden;
    opacity: 0;
  }
}

@media screen and (max-width: 1820px) {
  .index-section2 .itembox1 {
    max-width: calc(100% - 1rem);
  }
}

@media screen and (max-width: 1099px) {
  .index-section2 {
    padding-top: 30px;
    padding-bottom: 30px;
    background-image: none !important;
  }

  .index-section2 .data-time {
    margin-top: 10px;
    font-size: 12px;
    position: static;
    width: 100%;
    text-align: right;
    padding-right: 20px;
  }

  .index-section2 .itembox1 {
    position: static;
    padding-top: 10px;
    padding-bottom: 10px;
    align-items: stretch;
    flex-wrap: wrap;
    border-radius: 8px;
    border: 1.012px solid #fff;
    box-shadow: 4.013px 6px 6px 0px rgba(158, 184, 230, 0.19);
    background-image: linear-gradient(179deg, #F1F6FD 0%, #FEFEFE 100%);
    max-width: 100%;
    transform: translateX(0);
  }

  .index-section2 .itembox1 .item {
    width: 50%;
    padding: 10px 10px;
    align-items: flex-start;
  }

  .index-section2 .itembox1 .item .icon {
    width: 40.013px;
    margin-right: 10px;
  }

  .index-section2 .itembox1 .item .text1 {
    font-size: 12px;
  }

  .index-section2 .itembox1 .item .text1 div,
  .index-section2 .itembox1 .item .text1 span {
    font-size: 18px;
  }

  .index-section2 .itembox1 .item .text1>div {
    margin-bottom: -2.25px;
    flex-shrink: 0;
  }

  .index-section2 .itembox1 .item .text2 {
    margin-top: 5px;
    font-size: 12px;
    line-height: 1.2;
  }

  .index-section2 .index-section2-swiper {
    width: 100%;
  }

  .index-section2 .body {
    display: block;
  }

  .index-section2 .body .item {
    width: 100%;
    height: auto;
    margin: 0;
    z-index: 30;
    flex-shrink: 0;
    border-radius: 7.5px;
    margin-bottom: 18.75px;
  }

  .index-section2 .body .item:last-child {
    margin-bottom: 0;
  }

  .index-section2 .body .bg-image .open-bg {
    background-position-y: -10px;
    visibility: visible;
    opacity: 1;
  }

  .index-section2 .body .bg-image .close-bg {
    visibility: hidden;
    opacity: 0;
  }

  .index-section2 .body .brand-logo {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    padding: 15px 10px;
    height: auto;
  }

  .index-section2 .body .brand-logo:before,
  .index-section2 .body .brand-logo:after {
    background-image: linear-gradient(270deg, rgba(234, 243, 255, 0.8) 0%, rgba(100, 162, 255, 0.51) 100%);
    backdrop-filter: blur(1.988px);
  }

  .index-section2 .body .brand-logo img {
    width: 195px;
  }

  .index-section2 .body .brand-logo:after {
    visibility: visible;
    opacity: 1;
  }

  .index-section2 .body .info {
    position: static;
    padding: 18.75px 15px;
    width: 100% !important;
    opacity: 1;
    visibility: visible;
    background-image: linear-gradient(to right, #f1f6f9, rgba(255, 255, 255, 0.4));
  }

  .index-section2 .body .info .name {
    font-size: 14.625px;
    margin-bottom: 10px;
  }

  .index-section2 .body .info .desc {
    font-size: 12px;
    line-height: 1.6;
    padding-right: 40px;
    color: #777B84;
  }

  .index-section2 .body .info .desc p {
    display: inline;
  }

  .index-section2 .swiper-button-prev {
    left: -15px;
  }

  .index-section2 .swiper-button-next {
    right: -15px;
  }

  .index-section2 .swiper-slide .item {
    height: 250.013px;
    border-radius: 10px;
    width: 75px;
  }

  .index-section2 .swiper-slide .item.active {
    width: 2515px;
  }

  .index-section2 .swiper-slide .item.active .brand-logo {
    height: 109.987px;
  }

  .index-section2 .swiper-slide .item.active .brand-logo img {
    width: 240px;
  }
}

/* ==================== 首页 - 板块二 End ==================== */
/* ==================== 首页 - 板块三 Start ==================== */
.index-section3 {
  overflow: hidden;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-color: #fbfbfd;
  background-size: 100% auto;
}

.index-section3 .mxw-box {
  position: relative;
  z-index: 2;
}

.index-section3 .year {
  font-size: 1.33rem;
  color: #fff;
  position: absolute;
  line-height: 1;
  font-family: "OPPOSANS-BOLD";
  left: 1.17rem;
  top: 1.5rem;
  z-index: 99;
}

.index-section3 .year .odometer-value {
  width: 100%;
}

.index-section3 .year span {
  text-align: center;
}

.index-section3 .content {
  position: relative;
}

.index-section3 .content .swiper-button-prev {
  left: -1.17rem;
}

.index-section3 .content .swiper-button-next {
  right: -1.17rem;
}

.index-section3 .index-section3-img {
  padding-bottom: 0.33rem;
}

.index-section3 .index-section3-img .image {
  position: relative;
  border-radius: 0.33rem;
  overflow: hidden;
  border: 0.07rem solid #fff;
  box-shadow: 0 0 0.17rem -0.08rem rgba(0, 0, 0, 0.2);
}

.index-section3 .index-section3-text {
  max-width: 17rem;
  width: 100%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  bottom: 1.17rem;
}

.index-section3 .index-section3-text .swiper-wrapper {
  justify-content: center;
}

.index-section3 .index-section3-text.center-style .item .title,
.index-section3 .index-section3-text.center-style .item .date {
  text-align: center;
}

.index-section3 .index-section3-text .swiper-slide {
  width: auto;
  height: auto;
  margin-right: 20px;
  flex-shrink: inherit;
}

.index-section3 .index-section3-text .swiper-slide:last-child {
  margin-right: 0;
}

.index-section3 .index-section3-text .swiper-slide:first-child .item:before {
  display: none;
}

.index-section3 .index-section3-text .swiper-slide:hover .item:after {
  opacity: 1;
}

.index-section3 .index-section3-text .swiper-slide:hover .item .title {
  color: #1475FE;
  font-family: "SourceHanSansCN-Medium", "SourceHanSansHK-Medium";
}

.index-section3 .index-section3-text .swiper-slide:hover .item .date {
  color: #999;
}

.index-section3 .index-section3-text .item {
  position: relative;
  display: flex;
  flex-flow: column;
  color: #fff;
  padding: 0.25rem 0.33rem;
  border-radius: 0.13rem;
  height: 100%;
  transition: all 0.4s;
}

.index-section3 .index-section3-text .item:before {
  content: "";
  display: block;
  width: 0.02rem;
  height: 1rem;
  background-color: #fff;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -0.17rem;
  transition: all 0.4s;
}

.index-section3 .index-section3-text .item:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(360deg, #FFFFFF 0%, #E3EDFF 100%, #FFFFFF 100%);
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 0.13rem;
  opacity: 0;
  transition: all 0.4s;
}

.index-section3 .index-section3-text .item .title {
  font-family: "SourceHanSansCN-Light", "SourceHanSansHK-Light";
  font-size: 0.26rem;
  line-height: 1.4;
  letter-spacing: 0.01rem;
  flex-grow: 1;
  transition: all 0.4s;
  position: relative;
  z-index: 3;
  overflow: inherit;
  word-break: inherit;
  text-overflow: inherit;
  display: inherit;
  -webkit-box-orient: inherit;
  -webkit-line-clamp: inherit;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}

.index-section3 .index-section3-text .item .date {
  margin-top: 0.27rem;
  font-family: "SourceHanSansCN-Light", "SourceHanSansHK-Light";
  font-size: 0.23rem;
  line-height: 1;
  letter-spacing: 0.01rem;
  transition: all 0.4s;
  position: relative;
  z-index: 3;
}

@keyframes marquee {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-100%);
  }
}

@media screen and (min-width: 1100px) {
  .index-section3 {
    padding-bottom: 2.57rem;
  }

  .index-section3 .index-btn {
    margin-top: 0.1rem;
  }
}

@media screen and (max-width: 1800px) {
  .index-section3 .index-section3-text .item .title {
    font-size: 0.245rem;
  }
}

@media screen and (max-width: 1099px) {
  .index-section3 {
    padding-bottom: 40.013px;
    background-position: center top;
  }

  .index-section3 .year {
    font-size: 20px;
    left: 20px;
    top: 20px;
  }

  .index-section3 .content .swiper-button-prev,
  .index-section3 .content .swiper-button-next {
    top: 24vw;
    transform: translateY(0);
  }

  .index-section3 .content .swiper-button-prev {
    left: -15px;
  }

  .index-section3 .content .swiper-button-next {
    right: -15px;
  }

  .index-section3 .index-section3-img {
    padding-bottom: 10px;
  }

  .index-section3 .index-section3-img .image {
    border-radius: 10px;
    border-width: 1.988px;
    box-shadow: 0 0 10px -4.988px rgba(0, 0, 0, 0.2);
  }

  .index-section3 .index-section3-text {
    bottom: 35px;
    max-width: 100%;
    position: static;
    transform: translateX(0);
  }

  .index-section3 .index-section3-text .item {
    padding: 15px;
    border-radius: 4.013px;
    color: #333;
  }

  .index-section3 .index-section3-text .item:before {
    width: 1.012px;
    height: 24px;
    background-color: #ddd;
  }

  .index-section3 .index-section3-text .item .title {
    font-size: 14px;
    line-height: 1.4;
    height: 2.8em;
    overflow: hidden;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  .index-section3 .index-section3-text .item .title br {
    display: none;
  }

  .index-section3 .index-section3-text .item .date {
    margin-top: 10px;
    font-size: 12px;
  }

  .index-section3 .index-section3-text .swiper-wrapper {
    display: block;
    margin-right: 0;
  }

  .index-section3 .index-section3-text .swiper-slide {
    width: 100%;
  }

  .index-section3 .index-section3-text .swiper-slide.active .item:after {
    opacity: 1;
  }

  .index-section3 .index-section3-text .swiper-slide.active .item .title {
    color: #1475FE;
    font-family: "SourceHanSansCN-Medium", "SourceHanSansHK-Medium";
  }

  .index-section3 .index-section3-text .swiper-slide.active .item .date {
    color: #999;
  }
}

/* ==================== 首页 - 板块三 End ==================== */
/* ==================== 首页 - 板块四 Start ==================== */
.index-section4 .body {
  position: relative;
  margin-left: auto;
  margin-right: auto;
}

.index-section4 .info {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  color: #fff;
  text-align: center;
  padding-top: 1rem;
  z-index: 6;
  background-image: linear-gradient(to bottom, #3a8cff, transparent);
  border-radius: 0.17rem;
}

.index-section4 .info .text1 {
  font-size: 0.6rem;
  line-height: 1;
  font-family: "OPPOSANS-BOLD";
  margin-bottom: 0.62rem;
}

.index-section4 .info .text2 {
  font-size: 0.3rem;
  line-height: 1.8;
  font-family: "SourceHanSansCN-Light", "SourceHanSansHK-Light";
  letter-spacing: 0.01rem;
  max-width: 85%;
  margin-left: auto;
  margin-right: auto;
}

.index-section4 .index-section4-img {
  position: relative;
}

.index-section4 .index-section4-img .swiper-slide {
  overflow: hidden;
}

.index-section4 .index-section4-img .swiper-slide-active .image {
  transform: scale(1);
}

.index-section4 .index-section4-img .item {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 0.17rem;
  overflow: hidden;
}

.index-section4 .index-section4-img .image {
  transition: all 1s;
  transform: scale(1.4);
}

.index-section4 .index-section4-img .image img {
  width: 100%;
}

.index-section4 .itembox {
  width: calc(100% - 3.33rem);
  position: absolute;
  bottom: 1.17rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  display: flex;
  justify-content: space-around;
}

.index-section4 .item {
  text-align: center;
  padding: 0.5rem;
  cursor: pointer;
  margin: 0 0.17rem;
  transition: all 0.4s;
  position: relative;
  overflow: hidden;
}

.index-section4 .item:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 0.13rem;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(180deg, rgba(22, 123, 254, 0.3) 0%, #1475FE 100%);
  transition: all 0.4s;
  opacity: 0;
  visibility: hidden;
  transform: scale(0);
}

.index-section4 .item.active:after {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}

.index-section4 .item .icon {
  position: relative;
  z-index: 2;
  width: 1.09rem;
  margin-bottom: 0.58rem;
  margin-left: auto;
  margin-right: auto;
}

.index-section4 .item .text {
  position: relative;
  z-index: 2;
  font-size: 0.25rem;
  color: #fff;
  font-family: "SourceHanSansCN-Medium", "SourceHanSansHK-Medium";
  line-height: 1.4;
  letter-spacing: 0.02rem;
  transition: all 0.4s;
}

.index-section4 .index-btn {
  box-shadow: 8px 10px 12px 0px rgba(247, 145, 48, 0.2);
}

@media screen and (min-width: 1100px) {
  .index-section4 {
    padding-bottom: 0.75rem;
    margin-top: -1.17rem;
  }

  .index-section4 .index-btn {
    margin-top: 0.5rem;
  }

  .index-section4 .body {
    border-radius: 0.13rem;
    overflow: hidden;
  }
}

@media screen and (max-width: 1099px) {
  .index-section4 {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .index-section4 .index-section4-img {
    border-radius: 2.133vw;
  }

  .index-section4 .body {
    width: 100%;
  }

  .index-section4 .info {
    padding: 20px 15px;
    border-radius: 2.133vw;
  }

  .index-section4 .info .text1 {
    font-size: 21px;
    margin-bottom: 15px;
  }

  .index-section4 .info .text2 {
    font-size: 12px;
    line-height: 1.8;
    max-width: 100%;
  }

  .index-section4 .info .text2 p {
    display: inline;
  }

  .index-section4 .index-section4-img .item {
    height: 400px;
    border-radius: 10px;
  }

  .index-section4 .itembox {
    position: static;
    width: 100%;
    transform: translateX(0);
    margin-top: 15px;
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  .index-section4 .itembox .item {
    width: 32%;
    padding: 10px;
    border-radius: 8px;
    background-color: #eee;
    margin: 0;
  }

  .index-section4 .itembox .item:nth-child(3n-1) {
    margin-left: 2%;
    margin-right: 2%;
  }

  .index-section4 .itembox .item:nth-child(3)~.item {
    margin-top: 2%;
  }

  .index-section4 .itembox .item .icon {
    width: 35px;
    margin-bottom: 10px;
  }

  .index-section4 .itembox .item .text {
    font-size: 12px;
    line-height: 1.4;
  }

  .index-section4 .index-section4-img .image {
    display: flex;
    align-items: flex-start;
    justify-content: center;
  }

  .index-section4 .index-section4-img .image img {
    width: auto;
    height: 70vw;
    max-width: inherit;
  }
}

/* ==================== 首页 - 板块四 End ==================== */
/* ==================== 首页 - 板块五 Start ==================== */
.index-section5 {
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center bottom;
  background-color: #fff;
  background-size: 100% auto;
}

.index-section5 .item {
  display: flex;
  height: 100%;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.index-section5 .item:hover .image img {
  transform: scale(1.1);
}

.index-section5 .item:hover .info:after {
  visibility: visible;
  opacity: 1;
}

.index-section5 .item:hover .info .date,
.index-section5 .item:hover .info .title,
.index-section5 .item:hover .info .desc {
  color: #fff;
}

.index-section5 .item:hover .info .arrow {
  background-color: #f79130;
}

.index-section5 .item .image {
  width: 100%;
  height: 4.33rem;
  border-radius: 0.13rem;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.index-section5 .item .image:hover .min-img {
  transform: scale(1.1);
}

.index-section5 .item .image img {
  max-width: inherit;
  transition: all 1s;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
}

.index-section5 .item .min-img {
  display: block;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  transition: all 1s;
}

.index-section5 .item .info {
  width: 100%;
  padding: 0.42rem 0.58rem;
  max-width: calc(100% - 0.5rem);
  margin-left: auto;
  margin-right: auto;
  margin-top: -0.77rem;
  position: relative;
  z-index: 9;
  border-radius: 0.17rem;
  overflow: hidden;
  min-width: 0;
  flex-grow: 1;
}

.index-section5 .item .info:before,
.index-section5 .item .info:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 1;
  visibility: visible;
  transition: all 0.4s;
}

.index-section5 .item .info:before {
  background-image: linear-gradient(305deg, #F3F7FF 0%, #E3EDFF 100%);
}

.index-section5 .item .info:after {
  background: url(../jpg/img024%40704x316.jpg) no-repeat center;
  background-size: cover;
  opacity: 0;
  visibility: hidden;
}

.index-section5 .item .info .date,
.index-section5 .item .info .title,
.index-section5 .item .info .bottom {
  position: relative;
  z-index: 4;
}

.index-section5 .item .info .date {
  font-size: 0.3rem;
  color: #6D7485;
  line-height: 1;
  font-family: "SourceHanSansCN-Regular", "SourceHanSansHK-Regular";
  margin-bottom: 0.25rem;
  transition: color 0.4s;
}

.index-section5 .item .info .title {
  font-family: "";
  color: #333;
  font-size: 0.24rem;
  line-height: 1.6;
  font-family: "SourceHanSansCN-Medium", "SourceHanSansHK-Medium";
  transition: color 0.4s;
}

.index-section5 .item .info .bottom {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

.index-section5 .item .info .desc {
  font-size: 0.3rem;
  color: #6D7485;
  line-height: 1.4;
  font-family: "SourceHanSansCN-Regular", "SourceHanSansHK-Regular";
  margin-top: 0.23rem;
  min-width: 0;
  flex-grow: 1;
  padding-right: 0.33rem;
  transition: color 0.4s;
}

.index-section5 .item .info .arrow {
  background: url(../png/img016%40100x64.png) no-repeat center;
  width: 0.58rem;
  height: 0.58rem;
  border-radius: 100%;
  overflow: hidden;
  background-size: 0.33rem;
  display: block;
  background-color: #B7CCF3;
  position: relative;
  z-index: 5;
  margin-left: auto;
  margin-right: 0;
  margin-top: 0.17rem;
  transition: background-color 0.4s;
}

.index-section5 .body {
  position: relative;
}

.index-section5 .swiper-wrapper {
  height: auto;
}

.index-section5 .swiper-slide {
  height: auto;
}

.index-section5 .swiper-button-prev {
  left: -1.17rem;
}

.index-section5 .swiper-button-next {
  right: -1.17rem;
}

.index-section5 .swiper-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 55px;
  width: 100%;
}

.index-section5 .swiper-pagination .swiper-pagination-bullet {
  width: 35px;
  height: 3px;
  margin-left: 2px;
  margin-right: 2px;
  background-color: #999;
  border-radius: 0;
}

.index-section5 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #F79130;
}

.index-section5 .more-btn {
  color: #F79130;
  line-height: 1;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  display: table;
  margin-bottom: 0.75rem;
  font-family: "SourceHanSansCN-Regular", "SourceHanSansHK-Regular";
  font-size: 0.27rem;
}

.index-section5 .more-btn:after {
  content: "";
  display: inline-block;
  border-top: 0.02rem solid #F79130;
  border-right: 0.02rem solid #F79130;
  transform: rotate(45deg);
  width: 0.13rem;
  height: 0.13rem;
  vertical-align: 0.02rem;
  margin-left: 0.08rem;
}

.index-section5 .more-btn:hover {
  text-decoration: underline;
}

@media screen and (min-width: 1100px) {
  .index-section5 {
    padding-bottom: 2.67rem;
  }

  .index-section5 .index-title {
    padding: 0.83rem 0 1rem;
    padding-bottom: 0.33rem;
  }

  .index-section5 .index-btn {
    margin-top: 0.5rem;
  }
}

@media screen and (max-width: 1099px) {
  .index-section5 {
    padding-bottom: 30px;
  }

  .index-section5 .index-title {
    padding-bottom: 20px;
  }

  .index-section5 .item .image {
    border-radius: 8px;
    height: 218px;
  }

  .index-section5 .item .info {
    padding: 20px 15px;
    max-width: calc(100% - 30px);
    margin-top: -30px;
    border-radius: 10px;
  }

  .index-section5 .item .info .date {
    font-size: 13.988px;
    margin-bottom: 4.988px;
  }

  .index-section5 .item .info .title {
    font-size: 16px;
    height: 3.2em;
    overflow: hidden;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  .index-section5 .item .info .desc {
    font-size: 12px;
    margin-top: 10px;
    padding-right: 10px;
  }

  .index-section5 .item .info .arrow {
    width: 28.8px;
    height: 28.8px;
    background-size: 13.8px;
  }

  .index-section5 .swiper-button-prev {
    left: -15px;
  }

  .index-section5 .swiper-button-next {
    right: -15px;
  }

  .index-section5 .more-btn {
    margin-bottom: 20px;
    font-size: 13.8px;
    text-transform: uppercase;
  }

  .index-section5 .more-btn:after {
    border-top-width: 1px;
    border-right-width: 1px;
    width: 6px;
    height: 6px;
  }
}

/* ==================== 首页 - 板块五 End ==================== */
/* ==================== 首页 - 板块六 Start ==================== */
.index-section6 {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  text-align: center;
  height: 4.8rem;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
}

.index-section6 .text1 {
  font-size: 0.44rem;
  color: #20293A;
  line-height: 1.5;
  font-family: "SourceHanSansCN-Medium", "SourceHanSansHK-Medium";
  margin-bottom: 0.5rem;
}

.index-section6 .more-btn {
  width: 2.33rem;
  height: 0.6rem;
  text-align: center;
  font-size: 0.27rem;
  color: #20293A;
  border: 0.02rem solid;
  font-family: "SourceHanSansCN-Medium", "SourceHanSansHK-Medium";
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 1.67rem;
  margin-left: auto;
  margin-right: auto;
  transition: all 0.4s;
}

.index-section6 .more-btn:hover {
  background-color: #ff9632;
  color: #fff;
  border-color: #ff9632;
}

@media screen and (max-width: 1099px) {
  .index-section6 {
    height: 199.988px;
    justify-content: center;
    padding-top: 0;
  }

  .index-section6 .text1 {
    font-size: 18px;
    margin-bottom: 20px;
    line-height: 1.4;
  }

  .index-section6 .more-btn {
    width: auto;
    display: table;
    padding: 6px 20px;
    height: auto;
    line-height: inherit;
    font-size: 13.013px;
    border-width: 1.012px;
    border-radius: 100.013px;
  }
}

/* ==================== 首页 - 板块六 End ==================== */
/* ==================== 关于我们 - 通用标题 Start ==================== */
.about-title {
  color: #302C2C;
  font-size: 0.6rem;
  font-family: "OPPOSANS-BOLD";
  padding-bottom: 0.5rem;
  text-align: center;
  line-height: 1;
}

@media screen and (max-width: 1099px) {
  .about-title {
    font-size: 21px;
    padding-bottom: 30px;
  }
}

/* ==================== 关于我们 - 通用标题 End ==================== */
/* ==================== 关于我们 - 通用样式 Start ==================== */
.about-main {
  background-color: #f9f8fd;
}

/* ==================== 关于我们 - 通用样式 End ==================== */
/* ==================== 关于我们 - 板块一 Start ==================== */
.about-section1 {
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: cover;
}

.about-section1 .body {
  border: 0.07rem solid #fff;
  border-radius: 0.2rem;
  overflow: hidden;
  box-shadow: 0.17rem 0.33rem 0.33rem -0.17rem rgba(110, 152, 255, 0.13);
  height: 9.5rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  background-position: right top;
}

.about-section1 .body .info {
  padding-left: 0.67rem;
  padding-top: 0.33rem;
  padding-bottom: 0.33rem;
  color: #666;
  font-size: 0.2333rem;
  line-height: 1.8;
  text-align: left;
  font-family: "SourceHanSansCN-Regular", "SourceHanSansHK-Regular";
}

.about-section1 .body .info strong {
  color: #444;
}

.about-section1 .body .info span,
strong,
p {
  font-size: inherit !important;
}

.about-section1 .itembox {
  padding-top: 0.67rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.about-section1 .item {
  padding: 0.47rem 0.4rem;
  background: linear-gradient(179deg, #F1F6FD 0%, #FEFEFE 100%);
  box-shadow: 0.13rem 0.17rem 0.2rem 0rem rgba(158, 184, 230, 0.19);
  border: 0.05rem solid #fff;
  border-radius: 0.13rem;
  display: flex;
  justify-content: flex-start;
  margin-right: 2%;
  flex-grow: 1;
}

.about-section1 .item:nth-child(4n) {
  margin-right: 0;
}

.about-section1 .item:nth-child(4)~.item {
  margin-top: 2%;
}

.about-section1 .item .icon {
  width: 0.9rem;
  flex-shrink: 0;
  margin-right: 0.2rem;
  display: flex;
  align-items: center;
}

.about-section1 .item .info {
  min-width: 0;
  flex-grow: 1;
  display: flex;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
}

.about-section1 .item .text1 {
  font-size: 0.29rem;
  color: #333;
  font-family: "OPPOSANS-BOLD";
  line-height: 1;
  margin-bottom: 0.17rem;
}

.about-section1 .item .text2 {
  font-size: 0.2667rem;
  color: #666;
  font-family: "SourceHanSansCN-Regular", "SourceHanSansHK-Regular";
  line-height: 1.4;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  min-width: 0;
  flex-grow: 1;
}

@media screen and (min-width: 1100px) {
  .about-section1 {
    padding-bottom: 1.33rem;
  }

  .about-section1 .about-title {
    padding-top: 1.8rem;
  }

  .about-section1 .body {
    background-repeat: no-repeat;
    background-size: cover;
  }

  .about-section1 .body .info {
    width: 9.6667rem;
    max-height: 80%;
    overflow: auto;
    padding-right: 0.2rem;
  }

  .about-section1 .body .info::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    background: #fff;
    border-radius: 100px;
  }

  .about-section1 .body .info::-webkit-scrollbar-thumb {
    border-radius: 100px;
    background: #FF9632;
    cursor: pointer;
  }

  .about-section1 .item {
    width: 23.5%;
    margin-right: 2%;
  }

  .about-section1 .item:nth-child(4n) {
    margin-right: 0;
  }

  .about-section1 .item:nth-child(4)~.item {
    margin-top: 2%;
  }
}

@media screen and (max-width: 1099px) {
  .about-section1 {
    padding-bottom: 49.8px;
  }

  .about-section1 .about-title {
    padding-top: 20px;
  }

  .about-section1 .body {
    background-image: none !important;
    display: block;
    padding: 0;
    border-radius: 8px;
    height: auto;
    background-color: #f4f8fd;
  }

  .about-section1 .body .info {
    padding: 40px 20px;
    font-size: 13.8px;
    zoom: 1;
    width: 100%;
  }

  .about-section1 .body .image img {
    width: 100%;
  }

  .about-section1 .body .image {
    display: none;
  }

  .about-section1 .itembox {
    padding-top: 20px;
    flex-wrap: wrap;
  }

  .about-section1 .item {
    width: 100%;
    padding: 10px 20px;
    margin-bottom: 20px;
    margin-right: 0;
    min-height: 152px;
    align-items: center;
  }

  .about-section1 .item:last-child {
    margin-bottom: 0;
  }

  .about-section1 .item .icon {
    width: 40.2px;
    margin-right: 20px;
  }

  .about-section1 .item .info {
    padding: 10px 0;
    display: block;
  }

  .about-section1 .item .text1 {
    font-size: 18px;
    width: 100%;
  }

  .about-section1 .item .text2 {
    width: 100%;
    font-size: 14px;
    min-height: 2.8em;
  }

}

/* ==================== 关于我们 - 板块一 End ==================== */
/* ==================== 关于我们 - 板块二 Start ==================== */
.about-section2 {
  background-position: center bottom;
  background-size: cover;
  overflow: hidden;
}

.about-section2:before {
  content: "";
  display: block;
  width: 100%;
  height: 100px;
  background-image: linear-gradient(to bottom, #fff, transparent);
  position: absolute;
  top: 0;
  left: 0;
}

.about-section2>.mxw-box {
  position: relative;
  z-index: 2;
}

.about-section2 .body-top {
  position: relative;
}

.about-section2 .body-top .about-section2-swiper {
  margin-left: -0.23rem;
  margin-right: -0.23rem;
  padding-bottom: 1rem;
}

.about-section2 .body-top .swiper-slide {
  transition: transform 0.4s;
  transform: scale(0.9);
  width: 30%;
}

.about-section2 .body-top .swiper-slide-active {
  transform: scale(1);
  width: 40%;
}

.about-section2 .body-top .swiper-slide-active .item:after,
.about-section2 .body-top .swiper-slide-active .item:before {
  content: "";
  display: block;
  width: 0.53rem;
  height: 0.53rem;
  transform: rotate(45deg) translateX(-50%);
  position: absolute;
  bottom: -0.33rem;
  left: 50%;
  background-color: #f8fafe;
}

.about-section2 .body-top .swiper-slide-active .item::before {
  z-index: 2;
  bottom: -0.38rem;
}

.about-section2 .body-top .swiper-slide-active .item:after {
  background-color: #fff;
  bottom: -0.45rem;
}

.about-section2 .body-top .swiper-slide-active .item .date {
  color: #F79130;
}

.about-section2 .body-top .swiper-slide-active .item .info {
  color: #666;
}

.about-section2 .body-top .swiper-button-prev,
.about-section2 .body-top .swiper-button-next {
  position: absolute;
  top: 50%;
  margin-top: -0.97rem;
  cursor: pointer;
}

.about-section2 .body-top .swiper-button-prev.swiper-button-disabled,
.about-section2 .body-top .swiper-button-next.swiper-button-disabled {
  opacity: 1;
  pointer-events: inherit;
}

.about-section2 .body-top .swiper-button-prev {
  left: -1.33rem;
}

.about-section2 .body-top .swiper-button-next {
  right: -1.33rem;
}

.about-section2 .body-top .item {
  display: block;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  background: linear-gradient(48deg, #F1F6FD 0%, #F9FBFD 48%, #FAFCFE 55%, #E5EDF7 100%);
  box-shadow: 0.13rem 0.17rem 0.2rem 0rem rgba(158, 184, 230, 0.19);
  height: 4.17rem;
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  justify-content: center;
  border-radius: 0.2rem;
  border: 2px solid #fff;
}

.about-section2 .body-top .item .date {
  font-size: 0.7rem;
  line-height: 1;
  color: #CECECE;
  margin-bottom: 0.5rem;
  font-family: "OPPOSANS-HEAVY";
  transition: all 0.4s;
}

.about-section2 .body-top .item .info {
  font-size: 0.27rem;
  color: #C3C3C3;
  font-family: "SourceHanSansCN-Regular", "SourceHanSansHK-Regular";
  line-height: 1.6;
  transition: all 0.4s;
}

.about-section2 .body-bottom {
  position: relative;
}

.about-section2 .body-bottom:after {
  content: "";
  display: block;
  width: 100vw;
  height: 0.02rem;
  background-color: #CECECE;
  top: 0.2rem;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
}

.about-section2 .body-bottom .swiper-slide-active .item .text {
  font-size: 0.5rem;
  font-family: "OPPOSANS-HEAVY";
  color: #F79130;
}

.about-section2 .body-bottom .swiper-slide-active .item .icon {
  transform: scale(1.4) translateX(-50%);
  background-color: rgba(247, 145, 48, 0.4);
}

.about-section2 .body-bottom .swiper-slide-active .item .icon:after {
  background-color: #F79130;
}

.about-section2 .body-bottom .item {
  height: 1.57rem;
  position: relative;
  display: flex;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  cursor: pointer;
}

.about-section2 .body-bottom .item .icon {
  position: absolute;
  top: 0.07rem;
  left: 50%;
  transform: translateX(-50%);
  width: 0.27rem;
  height: 0.27rem;
  background-color: #E1E2E7;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.4s;
}

.about-section2 .body-bottom .item .icon:after {
  content: "";
  display: block;
  width: 0.1rem;
  height: 0.1rem;
  border-radius: 100%;
  overflow: hidden;
  background-color: #B2B4C2;
  z-index: 2;
  transition: all 0.4s;
}

.about-section2 .body-bottom .item .text {
  color: #A08D8D;
  font-size: 0.27rem;
  line-height: 1;
  font-family: "OPPOSANS-MEDIUM";
  transition: all 0.4s;
}

@media screen and (min-width: 1100px) {
  .about-section2 {
    padding-top: 1.33rem;
    padding-bottom: 1.83rem;
  }
}

@media screen and (max-width: 1099px) {
  .about-section2 {
    padding-top: 49.8px;
    padding-bottom: 49.8px;
  }

  .about-section2 .body-top .about-section2-swiper {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    overflow: visible;
    padding-bottom: 36px;
  }

  .about-section2 .body-top .swiper-slide {
    height: auto;
  }

  .about-section2 .body-top .swiper-slide-active .item:before {
    bottom: -8.4px;
  }

  .about-section2 .body-top .swiper-slide-active .item:after {
    bottom: -10px;
  }

  .about-section2 .body-top .swiper-slide-active .item:after,
  .about-section2 .body-top .swiper-slide-active .item:before {
    width: 12px;
    height: 12px;
  }

  .about-section2 .body-top .item {
    padding: 12px;
    height: 100%;
    border-radius: 8px;
  }

  .about-section2 .body-top .item .date {
    font-size: 18px;
    margin-bottom: 9px;
  }

  .about-section2 .body-top .item .info {
    font-size: 12px;
    line-height: 1.6;
  }

  .about-section2 .body-top .swiper-button-prev,
  .about-section2 .body-top .swiper-button-next {
    margin-top: -28.2px;
  }

  .about-section2 .body-top .swiper-button-prev {
    left: 0;
  }

  .about-section2 .body-top .swiper-button-next {
    right: 0;
  }

  .about-section2 .body-bottom:after {
    top: 9px;
  }

  .about-section2 .body-bottom .swiper-slide-active .item .text {
    font-size: 18px;
  }

  .about-section2 .body-bottom .item {
    height: 60px;
  }

  .about-section2 .body-bottom .item .text {
    font-size: 13.2px;
  }

  .about-section2 .body-bottom .item .icon {
    width: 12px;
    height: 12px;
  }

  .about-section2 .body-bottom .item .icon:after {
    width: 4.8px;
    height: 4.8px;
  }
}

/* ==================== 关于我们 - 板块二 End ==================== */
/* ==================== 关于我们 - 板块三 Start ==================== */
.about-section3 {
  background-color: #f8f8fa;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}

.about-section3 .card {
  padding-bottom: 1rem;
}

.about-section3 .title {
  font-size: 0.5rem;
  color: #302C2C;
  font-family: "OPPOSANS-REGULAR";
  margin-bottom: 0.9rem;
  line-height: 1;
  text-align: center;
}

.about-section3 .itembox {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.about-section3 .item {
  width: 24.25%;
  margin-right: 1%;
  box-shadow: 0rem 0rem 0.08rem 0rem rgba(173, 176, 180, 0.25);
  cursor: pointer;
  transition: transform 0.4s;
}

.about-section3 .item:hover .info:after {
  width: 100%;
}

.about-section3 .item:nth-child(4n) {
  margin-right: 0;
}

.about-section3 .item .image {
  position: relative;
  width: 100%;
}

.about-section3 .item .info {
  background-color: #fff;
  padding: 0.42rem;
  min-height: 2.17rem;
  position: relative;
}

.about-section3 .item .info:after {
  content: "";
  display: block;
  width: 0;
  height: 0.05rem;
  background: #F79130;
  position: absolute;
  left: 0;
  top: 0;
  transition: width 0.4s;
}

.about-section3 .item .name {
  font-size: 0.25rem;
  color: #444;
  line-height: 1.6;
  font-family: "OPPOSANS-BOLD";
}

.about-section3 .item .desc {
  font-size: 0.2667rem;
  color: #444;
  line-height: 1.6;
  margin-top: 0.17rem;
  font-family: "SourceHanSansCN-Medium", "SourceHanSansHK-Medium";
}

.about-section3 .item .description {
  display: none;
}

@media screen and (min-width: 1100px) {
  .about-section3 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .about-section3 .about-title {
    margin-bottom: 0.42rem;
  }

  .about-section3 .item:hover {
    transform: translateY(-0.42rem);
  }

  .about-section3 .item:nth-child(4)~.item {
    margin-top: 0.73rem;
  }
}

@media screen and (max-width: 1099px) {
  .about-section3 {
    padding-top: 49.8px;
    padding-bottom: 49.8px;
  }

  .about-section3 .card {
    padding-bottom: 30px;
  }

  .about-section3 .card:last-child {
    padding-bottom: 0;
  }

  .about-section3 .title {
    font-size: 16.2px;
    margin-bottom: 30px;
  }

  .about-section3 .item {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    background-color: #fff;
  }

  .about-section3 .item:nth-child(1)~.item {
    margin-top: 15px;
  }

  .about-section3 .item .image {
    width: 130px;
    flex-shrink: 0;
  }

  .about-section3 .item .image img {
    height: 100%;
  }

  .about-section3 .item .name {
    font-size: 15px;
    margin-bottom: 5px;
    line-height: 1.2;
  }

  .about-section3 .item .info {
    padding: 20px 15px;
    min-height: inherit;
    min-width: 0;
    flex-grow: 1;
    width: 100%;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
  }

  .about-section3 .item .desc {
    font-size: 13px;
  }
}

/* ==================== 关于我们 - 板块三 End ==================== */
/* ==================== 关于我们 - 板块四 Start ==================== */
.about-section4 {
  background-color: #f4f4f4;
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: cover;
  position: relative;
  overflow: hidden;
}

.about-section4:after {
  content: "";
  background: url(../png/img149%403500x230.png) no-repeat center top;
  background-size: 100% auto;
  position: absolute;
  bottom: 1.83rem;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  width: 30rem;
  height: 1.93rem;
}

.about-section4>.mxw-box {
  position: relative;
  z-index: 2;
}

.about-section4 .body {
  position: relative;
}

.about-section4 .body .swiper-button-prev,
.about-section4 .body .swiper-button-next {
  width: 0.5rem;
  height: 0.83rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #d8d8d8;
  border-radius: 0.1rem;
  transition: all 0.4s;
  opacity: 1;
  bottom: 60%;
  top: auto;
  transform: translateY(0);
}

.about-section4 .body .swiper-button-prev.swiper-button-disabled,
.about-section4 .body .swiper-button-next.swiper-button-disabled {
  opacity: 0;
}

.about-section4 .body .swiper-button-prev:hover,
.about-section4 .body .swiper-button-next:hover {
  background-color: #f79130;
}

.about-section4 .body .swiper-button-prev:hover:after,
.about-section4 .body .swiper-button-next:hover:after {
  color: #fff;
}

.about-section4 .body .swiper-button-prev:after,
.about-section4 .body .swiper-button-next:after {
  font-size: 0.3rem;
  color: #919198;
  transition: color 0.4s;
}

.about-section4 .body .swiper-button-prev {
  left: -1rem;
}

.about-section4 .body .swiper-button-next {
  right: -1rem;
}

.about-section4 .about-section4-swiper .swiper-wrapper {
  align-items: flex-end;
}

.about-section4 .item {
  cursor: pointer;
}

.about-section4 .item .image {
  text-align: center;
}

.about-section4 .item .image img {
  max-height: 3.33rem;
}

.about-section4 .item .name {
  color: #333333;
  line-height: 1.4;
  text-align: center;
  font-family: "OPPOSANS-MEDIUM";
  font-size: 0.23rem;
  margin-top: 0.4rem;
  min-height: 2.8em;
  overflow: hidden;
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  padding-left: 0.3333rem;
  padding-right: 0.3333rem;
}

@media screen and (min-width: 1100px) {
  .about-section4 {
    background-color: #f8f9fb;
    padding-top: 2.17rem;
    padding-bottom: 2.2rem;
    margin-left: auto;
    margin-right: auto;
  }

  .about-section4 .about-title {
    padding-bottom: 1.93rem;
    margin-bottom: 0;
  }

  .about-section4>.mxw-box {
    max-width: 26.3333rem;
    width: 100%;
  }
}

@media screen and (max-width: 1400px) {

  .about-section4>.mxw-box {
    max-width: 89%;
  }
}

@media screen and (max-width: 1099px) {
  .about-section4 {
    padding-top: 49.8px;
    padding-bottom: 60px;
    background-size: 240%;
  }

  .about-section4>.mxw-box {
    max-width: 100%;
  }

  .about-section4:after {
    bottom: 60px;
    width: 970.2px;
    height: 60px;
  }

  .about-section4 .item .name {
    font-size: 12px;
    margin-top: 10px;
    padding-left: 4.8px;
    padding-right: 4.8px;
    zoom: 1;
  }

  .about-section4 .item .name p {
    display: inline;
  }

  .about-section4 .item .image img {
    height: 106.2px;
  }

  .about-section4 .body .swiper-button-prev,
  .about-section4 .body .swiper-button-next {
    width: 24px;
    height: 40.2px;
    border-radius: 4px;
    bottom: 50%;
  }

  .about-section4 .body .swiper-button-prev {
    left: -10px;
  }

  .about-section4 .body .swiper-button-next {
    right: -10px;
  }
}

/* ==================== 关于我们 - 板块四 End ==================== */
/* ==================== 新闻中心 - 通用样式 Start ==================== */
.news-bg-box {
  background-position: center bottom;
  background-repeat: no-repeat;
  background-color: #f3f4f6;
  background-size: 100%;
}

.news-more {
  width: 2rem;
  height: 0.57rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  background-color: #F79130;
  box-shadow: -0.02rem 0.08rem 0.18rem 0rem rgba(255, 211, 170, 0.63);
  border-radius: 0.07rem;
  color: #fff;
  font-size: 0.27rem;
  font-family: "OPPOSANS-REGULAR";
  margin-top: 0.5rem;
}

@media screen and (max-width: 1099px) {
  .news-more {
    width: 100.2px;
    height: 28.2px;
    box-shadow: -1px 4.8px 10.8px 0px rgba(255, 211, 170, 0.63);
    border-radius: 4px;
    color: #fff;
    font-size: 13.8px;
    margin-top: 20px;
  }
}

/* ==================== 新闻中心 - 通用样式 End ==================== */
/* ==================== 新闻中心 - 板块一 Start ==================== */
.news-section1 .body {
  display: flex;
}

.news-section1 .item {
  display: flex;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  transition: all 0.4s;
}

.news-section1 .item.left-item:hover .title {
  color: #1475FE;
}

.news-section1 .item:hover {
  box-shadow: 0px 2px 4px 0px rgba(187, 187, 187, 0.5);
}

.news-section1 .item:hover .image img {
  transform: scale(1.1);
}

.news-section1 .item .image {
  width: 100%;
  overflow: hidden;
  flex-shrink: 0;
}

.news-section1 .item .image img {
  width: 100%;
  transition: all 1s;
}

.news-section1 .item .info {
  width: 100%;
  min-width: 0;
  flex-grow: 1;
  padding: 0.5rem;
  background-color: #fff;
  display: flex;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.news-section1 .item .title {
  width: 100%;
  font-size: 0.33rem;
  color: #333;
  line-height: 1.1;
  font-family: "SourceHanSansCN-Medium", "SourceHanSansHK-Medium";
  transition: color 0.4s;
}

.news-section1 .item .desc {
  width: 100%;
  margin-top: 0.58rem;
  font-size: 0.23rem;
  color: #6D7485;
  font-family: "SourceHanSansCN-Regular", "SourceHanSansHK-Regular";
  line-height: 1.6;
  text-align: justify;
}

.news-section1 .item .date {
  font-size: 0.3rem;
  color: #666;
  font-family: "OPPOSANS-MEDIUM";
  line-height: 1;
  margin-top: 1.5rem;
}

.news-section1 .right-item .title,
.news-section1 .right-item .desc,
.news-section1 .right-item .date {
  width: 100%;
  color: #fff;
}

.news-section1 .right-item .info {
  width: 100%;
  background: url(../jpg/img112%40840x760.jpg) no-repeat center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 6.33rem;
}

.news-section1 .right-item .title {
  line-height: 1.4;
}

.news-section1 .right-item .desc {
  width: 100%;
  flex-grow: 1;
  font-family: "SourceHanSansCN-Light", "SourceHanSansHK-Light";
}

@media screen and (min-width: 1100px) {
  .news-section1 {
    padding-top: 1.33rem;
    padding-bottom: 0.67rem;
  }

  .news-section1 .item:hover {
    transform: translateY(-5px);
  }

  .news-section1 .left-item {
    width: 63%;
  }

  .news-section1 .left-item:last-child {
    width: 100%;
  }

  .news-section1 .right-item {
    width: 35%;
    flex-shrink: 0;
    margin-left: 2%;
  }
}

@media screen and (max-width: 1099px) {
  .news-section1 {
    padding-top: 49.8px;
  }

  .news-section1 .body {
    display: block;
  }

  .news-section1 .item {
    width: 100%;
    margin-bottom: 20px;
  }

  .news-section1 .item:last-child {
    margin-bottom: 0;
  }

  .news-section1 .item .image {
    height: auto !important;
  }

  .news-section1 .item .info {
    height: auto;
    padding: 20px 10px;
    min-height: inherit;
  }

  .news-section1 .item .title {
    font-size: 15px;
    overflow: hidden;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    white-space: inherit;
    line-height: 1.6;
    max-height: 3.2em;
  }

  .news-section1 .item .desc {
    font-size: 12px;
    line-height: 1.8;
    margin-top: 10px;
  }

  .news-section1 .item .date {
    font-size: 12px;
    margin-top: 20px;
  }
}

/* ==================== 新闻中心 - 板块一 End ==================== */
/* ==================== 新闻中心 - 板块二 Start ==================== */
.news-section2 .itembox {
  display: flex;
  align-items: stretch;
  margin-bottom: 0.43rem;
}

.news-section2 .itembox .image {
  height: 4.1rem;
}

.news-section2 .itembox .item:hover {
  box-shadow: 0px 2px 4px 0px rgba(187, 187, 187, 0.5);
  transform: translateY(-5px);
}

.news-section2 .itembox .item:hover .title {
  color: #1475FE;
}

.news-section2 .itembox .item:hover .image img {
  transform: scale(1.1);
}

.news-section2 .itembox .item:nth-child(1) .info {
  background: url(../jpg/img118%40840x740.jpg) no-repeat center bottom;
  background-size: cover;
}

.news-section2 .itembox .item:nth-child(1) .title,
.news-section2 .itembox .item:nth-child(1) .desc,
.news-section2 .itembox .item:nth-child(1) .date {
  color: #fff;
}

.news-section2 .itembox .item:nth-child(3) {
  background-color: #d8d7e0;
}

.news-section2 .image {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  flex-shrink: 0;
}

.news-section2 .image img {
  width: 100%;
  max-width: inherit;
  height: 100%;
  transition: all 1s;
}

.news-section2 .item {
  background-color: #fff;
  display: flex;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  transition: all 0.4s;
}

.news-section2 .item .info,
.news-section2 .item .title,
.news-section2 .item .date,
.news-section2 .item .desc,
.news-section2 .item .info-top {
  width: 100%;
}

.news-section2 .item .info {
  min-width: 0;
  flex-grow: 1;
  padding: 0.5rem 0.25rem;
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 100%;
  min-height: 6.17rem;
}

.news-section2 .item .title {
  font-size: 0.33rem;
  color: #333;
  line-height: 1.4;
  text-align: justify;
  font-family: "SourceHanSansCN-Medium", "SourceHanSansHK-Medium";
  transition: all 0.4s;
}

.news-section2 .item .desc {
  margin-top: 0.42rem;
  font-size: 0.23rem;
  color: #333;
  font-family: "SourceHanSansCN-Regular", "SourceHanSansHK-Regular";
  line-height: 1.6;
  text-align: justify;
}

.news-section2 .item .date {
  font-size: 0.3rem;
  color: #666;
  font-family: "OPPOSANS-MEDIUM";
  line-height: 1;
  margin-top: 0.33rem;
}

.news-section2 .itembox2 .item:hover {
  box-shadow: 0px 2px 4px 0px rgba(187, 187, 187, 0.5);
  transform: translateY(-5px);
}

.news-section2 .itembox2 .item:hover .title {
  color: #1475FE;
}

.news-section2 .itembox2 .item .image img {
  transition: all 1s;
}

.news-section2 .itembox2 .item:hover .image img {
  transform: scale(1.1);
}

@media screen and (min-width: 1100px) {
  .news-section2 {
    padding-top: 0.67rem;
    padding-bottom: 0.83rem;
  }

  .news-section2 .itembox .item {
    width: 32.666666%;
  }

  .news-section2 .itembox .item:nth-child(3n-1) {
    margin-left: 1%;
    margin-right: 1%;
  }

  .news-section2 .itembox2 {
    display: flex;
    align-items: stretch;
  }

  .news-section2 .itembox2 .item .info {
    min-height: inherit;
    padding-left: 0.67rem;
    padding-right: 0.67rem;
  }

  .news-section2 .itembox2 .item .desc {
    color: #6D7485;
  }

  .news-section2 .itembox2 .item .date {
    font-size: 0.27rem;
    margin-top: 0.5rem;
  }

  .news-section2 .itembox2 .item:nth-child(1) {
    width: 64%;
    flex-shrink: 0;
    margin-right: 1%;
  }

  .news-section2 .itembox2 .item:nth-child(1) .image {
    height: 60%;
  }

  .news-section2 .itembox2 .item:nth-child(2) {
    width: 35%;
  }

  .news-section2 .itembox2 .item:nth-child(2) .info {
    padding: 0.5rem;
    background: url(../jpg/img118%40840x740.jpg) no-repeat center bottom;
    background-size: cover;
  }

  .news-section2 .itembox2 .item:nth-child(2) .info .desc {
    font-family: "OPPOSANS-LIGHT";
  }

  .news-section2 .itembox2 .item:nth-child(2) .info .date {
    font-family: "OPPOSANS-REGULAR";
  }

  .news-section2 .itembox2 .item:nth-child(2) .info .title,
  .news-section2 .itembox2 .item:nth-child(2) .info .desc,
  .news-section2 .itembox2 .item:nth-child(2) .info .date {
    color: #fff;
  }

  .news-section2 .itembox2 .item:nth-child(2) .image {
    height: 41%;
  }
}

@media screen and (max-width: 1099px) {
  .news-section2 {
    padding-top: 49.8px;
    padding-bottom: 49.8px;
  }

  .news-section2 .itembox {
    flex-wrap: wrap;
    margin-bottom: 20px;
  }

  .news-section2 .item {
    width: 100%;
    margin-bottom: 20px;
  }

  .news-section2 .item:last-child {
    margin-bottom: 0;
  }

  .news-section2 .item .image {
    height: auto !important;
  }

  .news-section2 .item .info {
    padding: 20px 10px;
    min-height: inherit;
  }

  .news-section2 .item .title {
    font-size: 15px;
  }

  .news-section2 .item .desc {
    font-size: 12px;
    line-height: 1.8;
    margin-top: 10px;
  }

  .news-section2 .item .date {
    font-size: 12px;
  }
}

/* ==================== 新闻中心 - 板块二 End ==================== */
/* ==================== 新闻中心 - 板块三 Start ==================== */
.news-section3 .body {
  background-color: #fff;
  position: relative;
  padding: 1.58rem 0.58rem 0.83rem;
}

.news-section3 .item {
  display: block;
  position: relative;
}

.news-section3 .item:hover .image img {
  transform: scale(1.1);
}

.news-section3 .item .image {
  overflow: hidden;
  height: 6.5rem;
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.news-section3 .item .image img {
  transition: all 1s;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
}

.news-section3 .item:after {
  content: "";
  display: block;
  width: 100%;
  height: 30%;
  position: absolute;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(to top, #1577ff, transparent);
}

.news-section3 .item .title {
  font-size: 0.33rem;
  line-height: 1;
  font-family: "SourceHanSansCN-Regular", "SourceHanSansHK-Regular";
  padding: 0.67rem 0.5rem;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 9;
  color: #fff;
}

.news-section3 .swiper-button-prev,
.news-section3 .swiper-button-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin: 0;
}

.news-section3 .swiper-button-prev {
  left: -1.33rem;
}

.news-section3 .swiper-button-next {
  right: -1.33rem;
}

@media screen and (min-width: 1100px) {
  .news-section3 {
    padding-top: 0.83rem;
    padding-bottom: 2.17rem;
  }

  .news-section3 .news-more {
    margin-top: 0.67rem;
  }

  .news-section3 .item {
    max-width: 552px;
  }
}

@media screen and (max-width: 1099px) {
  .news-section3 {
    padding-bottom: 49.8px;
  }

  .news-section3 .body {
    padding: 15px 10px;
  }

  .news-section3 .item .title {
    padding: 8px 10px 12px;
    font-size: 13.8px;
  }

  .news-section3 .item .image {
    height: 3.3333rem;
  }

  .news-section3 .swiper-button-prev {
    left: -15px;
  }

  .news-section3 .swiper-button-next {
    right: -15px;
  }
}

/* ==================== 新闻中心 - 板块三 End ==================== */
/* ==================== 新闻中心 - 板块四 Start ==================== */
.news-section4 {
  position: relative;
}

.news-section4 .bg-image {
  width: 100%;
}

.news-section4 .bg-image img {
  width: 100%;
}

.news-section4 .info {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #fff;
}

.news-section4 .info>.mxw-box {
  height: 100%;
  display: flex;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
}

.news-section4 .info .text1 {
  font-size: 0.93rem;
  line-height: 1;
  font-family: "OPPOSANS-BOLD";
}

.news-section4 .info .text2 {
  font-size: 0.33rem;
  color: #fff;
  font-family: "OPPOSANS-MEDIUM";
  line-height: 1;
  margin-top: 0.5rem;
}

.news-section4 .info .text2:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 0.67rem;
  height: 0.33rem;
  background: url(../png/img122%40100x56.png) no-repeat center;
  background-size: 100%;
  margin-left: 0.17rem;
}

@media screen and (min-width: 1100px) {
  .news-section4 .info>.mxw-box {
    padding-bottom: 4.67rem;
  }
}

@media screen and (max-width: 1099px) {
  .news-section4 .info {
    padding-bottom: 30px;
  }

  .news-section4 .info .text1 {
    font-size: 24px;
  }

  .news-section4 .info .text2 {
    margin-top: 8px;
    font-size: 12px;
  }

  .news-section4 .info .text2:after {
    width: 20px;
    height: 9px;
  }
}

/* ==================== 新闻中心 - 板块四 End ==================== */
/* ==================== 新闻列表 - 板块一 Start ==================== */
.news-list-section1 {
  height: 10.33rem;
  display: flex;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  background-size: cover;
  background-position: center center;
}

.news-list-section1 .title {
  text-align: center;
  font-size: 0.97rem;
  color: #2a2727;
  line-height: 1;
  font-family: "SourceHanSansCN-Regular", "SourceHanSansHK-Regular";
  margin-bottom: 0.67rem;
}

.news-list-section1 form {
  width: 11.67rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  border-radius: 0.13rem;
  background-color: #fff;
}

.news-list-section1 form input {
  border-top-left-radius: 0.13rem;
  border-bottom-left-radius: 0.13rem;
  overflow: hidden;
  background-color: #fff;
  padding: 0 0.33rem;
  color: #333;
  font-family: "SourceHanSansCN-Regular", "SourceHanSansHK-Regular";
  min-width: 0;
  flex-grow: 1;
  font-size: 0.3rem;
}

.news-list-section1 form button {
  flex-shrink: 0;
  width: 3.33rem;
  height: 1.1rem;
  line-height: 1.1rem;
  border-radius: 0.13rem;
  background-color: #005DFF;
  color: #fff;
  font-size: 0.3rem;
  text-align: center;
}

.news-list-section1 .head-bottom {
  display: flex;
  align-items: center;
  padding-top: 1.67rem;
  padding-bottom: 1rem;
}

.news-list-section1 .category {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-right: 4rem;
}

.news-list-section1 .category .cate-item {
  font-size: 0.3rem;
  color: #717473;
  line-height: 1;
  padding-bottom: 0.3rem;
  position: relative;
  font-family: "SourceHanSansCN-Medium", "SourceHanSansHK-Medium";
  margin-right: 0.67rem;
}

.news-list-section1 .category .cate-item:last-child {
  margin-right: 0;
}

.news-list-section1 .category .cate-item.active,
.news-list-section1 .category .cate-item:hover {
  color: #333;
  font-family: "SourceHanSansCN-Bold", "SourceHanSansHK-Bold";
}

.news-list-section1 .category .cate-item.active:after,
.news-list-section1 .category .cate-item:hover:after {
  opacity: 1;
  visibility: visible;
}

.news-list-section1 .category .cate-item:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 0.05rem;
  border-radius: 1.67rem;
  background-color: #f79130;
  width: 100%;
  z-index: 2;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s;
}

.news-list-section1 .other {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-bottom: 0.3rem;
}

.news-list-section1 .text1 {
  font-size: 0.23rem;
  line-height: 1;
  color: #424149;
  font-family: "SourceHanSansCN-Medium", "SourceHanSansHK-Medium";
}

.news-list-section1 .text1 span {
  color: #005DFF;
  padding-left: 5px;
  padding-right: 5px;
}

.news-list-section1 .share-list {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.news-list-section1 .share-item {
  width: 0.42rem;
  position: relative;
  margin-left: 0.33rem;
}

.news-list-section1 .share-item img {
  width: 100%;
}

.news-list-section1 .share-item:hover .qr {
  opacity: 1;
  visibility: visible;
}

.news-list-section1 .share-item:last-child {
  margin-right: 0;
}

.news-list-section1 .share-item .qr {
  width: 2.5rem;
  position: absolute;
  top: -0.17rem;
  left: 50%;
  transform: translate(-50%, -100%);
  background-color: #fff;
  border-radius: 0.13rem;
  overflow: hidden;
  box-shadow: 0 0 0.17rem -0.08rem rgba(0, 0, 0, 0.2);
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s;
}

@media screen and (max-width: 1099px) {
  .news-list-section1 {
    height: auto;
    padding-top: 60px;
  }

  .news-list-section1 .title {
    font-size: 30px;
    margin-bottom: 30px;
  }

  .news-list-section1 form {
    width: 100%;
    border-radius: 4px;
  }

  .news-list-section1 form input {
    font-size: 12px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .news-list-section1 form button {
    width: 70px;
    height: 38px;
    line-height: 38px;
    border-radius: 4px;
    font-size: 12px;
  }

  .news-list-section1 .head-bottom {
    display: block;
    padding: 40px 0;
  }

  .news-list-section1 .category {
    width: 100%;
  }

  .news-list-section1 .category .cate-item {
    width: 23.5%;
    margin-right: 2%;
    text-align: center;
    padding-bottom: 15px;
    font-size: 16px;
  }

  .news-list-section1 .category .cate-item:after {
    height: 2px;
  }

  .news-list-section1 .category .cate-item:nth-child(4n) {
    margin-right: 0;
  }

  .news-list-section1 .category .cate-item:nth-child(4)~.cate-item {
    margin-top: 20px;
  }

  .news-list-section1 .other {
    padding-bottom: 0;
    margin-top: 20px;
    width: 100%;
  }

  .news-list-section1 .share-item {
    width: 20px;
    margin-left: 10px;
    margin-right: 0;
  }

  .news-list-section1 .share-item .qr {
    width: 100px;
  }
}

/* ==================== 新闻列表 - 板块一 End ==================== */
/* ==================== 新闻列表 - 板块二 Start ==================== */
.news-list-section2 {
  background-color: #f9fdff;
}

.news-list-section2 .more-btn {
  display: block;
  margin-top: 1.08rem;
}

.news-list-section2 .more-btn:after {
  content: "";
  display: block;
  width: 0.17rem;
  height: 0.17rem;
  border-bottom: 0.03rem solid #F79130;
  border-right: 0.03rem solid #F79130;
  transform: rotate(45deg);
  margin-left: auto;
  margin-right: auto;
  margin-top: 0.25rem;
}

.news-list-section2 .more-btn .text {
  font-size: 0.3rem;
  line-height: 1;
  text-align: center;
  color: #F79130;
  font-family: "SourceHanSansCN-Medium", "SourceHanSansHK-Medium";
}

.news-list-section2 .item {
  border-radius: 0.13rem;
  overflow: hidden;
  transition: all .4s;
}

.news-list-section2 .item:hover {
  transform: translateY(-10px);
  box-shadow: 0 5px 0px 1px rgba(0, 0, 0, 0.05);
}

.news-list-section2 .item:hover .info .title {
  color: #2674F9;
}

.news-list-section2 .item.style1 .info .title,
.news-list-section2 .item.style1 .info .date {
  color: #fff;
}

.news-list-section2 .item:hover .cover img {
  transform: scale(1.1);
}

.news-list-section2 .item .cover {
  height: 250px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.news-list-section2 .item .cover img {
  max-width: inherit;
  width: auto;
  height: 100%;
  transition: all 1s;
}

.news-list-section2 .item .info {
  padding: 0.42rem 0.25rem;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #fff;
}

.news-list-section2 .item .info .title {
  line-height: 1.4;
  height: 4.2em;
  text-align: justify;
  font-size: 0.3rem;
  font-family: "SourceHanSansCN-Medium", "SourceHanSansHK-Medium";
  color: #333;
}

.news-list-section2 .item .info .date {
  font-size: 0.25rem;
  color: #333;
  line-height: 1;
  margin-top: 0.17rem;
  font-family: "OPPOSANS-REGULAR";
}

@media screen and (min-width: 1100px) {
  .news-list-section2 {
    padding-top: 0.5rem;
    padding-bottom: 1.17rem;
  }

  .news-list-section2 .itembox .item:nth-child(3)~.item {
    margin-top: 0.58rem;
  }
}

@media screen and (max-width: 1099px) {
  .news-list-section2 {
    padding-top: 20px;
    padding-bottom: 49.8px;
  }

  .news-list-section2 .item .cover {
    height: 110px;
  }

  .news-list-section2 .item .info {
    padding: 15px 10px;
  }

  .news-list-section2 .item .info .title {
    font-size: 13px;
    height: 2.8em;
    -webkit-line-clamp: 2;
  }

  .news-list-section2 .item .info .date {
    font-size: 12px;
  }

  .news-list-section2 .more-btn {
    margin-top: 20px;
  }

  .news-list-section2 .more-btn:after {
    margin-top: 10px;
  }

  .news-list-section2 .more-btn .text {
    font-size: 14px;
  }
}

/* ==================== 新闻列表 - 板块二 End ==================== */
/* ==================== 新闻详情 - 板块一 Start ==================== */
.news-desc-section1 h1 {
  line-height: 1.4;
  text-align: justify;
  font-size: 0.6rem;
  color: #333;
  font-family: "SourceHanSansCN-Medium", "SourceHanSansHK-Medium";
  font-weight: 400;
  width: 100%;
  display: block;
}

.news-desc-section1 .date {
  width: 100%;
  display: block;
  margin-top: 0.33rem;
  font-size: 0.3rem;
  color: #333;
  line-height: 1;
  font-family: "OPPOSANS-MEDIUM";
  padding-bottom: 0.33rem;
  border-bottom: 0.02rem solid #cbcccc;
  margin-bottom: 0.5rem;
}

.news-desc-section1 article {
  font-size: 0.27rem;
  line-height: 1.8;
  color: #5F6464;
  font-family: "OPPOSANS-REGULAR";
}

@media screen and (min-width: 1100px) {
  .news-desc-section1 {
    padding-top: 0.83rem;
    padding-bottom: 3rem;
  }
}

@media screen and (max-width: 1099px) {
  .news-desc-section1 {
    padding-bottom: 40px;
  }

  .news-desc-section1 h1 {
    font-size: 20px;
    line-height: 1.4;
  }

  .news-desc-section1 .date {
    font-size: 14px;
    margin-top: 15px;
    padding-bottom: 10px;
    margin-bottom: 20px;
  }

  .news-desc-section1 article {
    font-size: 14px;
  }

  .news-desc-section1 article img {
    height: auto !important;
  }
}

/* ==================== 新闻详情 - 板块一 End ==================== */
/* ==================== 新闻详情 - 板块二 Start ==================== */
.news-desc-section2 .title1 {
  font-size: 0.4rem;
  color: #333;
  line-height: 1;
  font-family: "SourceHanSansCN-Medium", "SourceHanSansHK-Medium";
  margin-bottom: 0.23rem;
}

.news-desc-section2 .item {
  display: flex;
  border-bottom: 0.02rem solid #979797;
  padding: 0.4rem 0;
}

.news-desc-section2 .item .image {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 8rem;
  height: 4.67rem;
  flex-shrink: 0;
  background-size: cover;
}

.news-desc-section2 .item .image img {
  display: none;
}

.news-desc-section2 .item .info {
  min-width: 0;
  flex-grow: 1;
  padding-left: 0.83rem;
}

.news-desc-section2 .item .info .title {
  font-size: 0.4rem;
  color: #121111;
  line-height: 1.4;
  font-family: "SourceHanSansCN-Medium", "SourceHanSansHK-Medium";
  letter-spacing: 0.02rem;
  width: 100%;
  display: block;
  transition: color 0.4s;
}

.news-desc-section2 .item .info .title:hover {
  color: #ff9632;
}

.news-desc-section2 .item .info .date {
  margin-top: 0.25rem;
  font-size: 0.3rem;
  color: #333;
  line-height: 1;
  font-family: "OPPOSANS-MEDIUM";
}

@media screen and (min-width: 1100px) {
  .news-desc-section2 {
    padding-bottom: 2.67rem;
  }
}

@media screen and (max-width: 1099px) {
  .news-desc-section2 {
    padding-bottom: 40.2px;
  }

  .news-desc-section2 .title1 {
    margin-left: 0;
    font-size: 20px;
    margin-bottom: 20px;
  }

  .news-desc-section2 .item {
    display: block;
    width: 100%;
    padding: 15px 0;
  }

  .news-desc-section2 .item .image {
    width: 100%;
    height: auto;
    background-image: none !important;
  }

  .news-desc-section2 .item .image img {
    max-width: 100%;
    display: block;
  }

  .news-desc-section2 .item .info {
    padding: 0;
    margin-top: 20px;
  }

  .news-desc-section2 .item .info .title {
    font-size: 16.2px;
  }

  .news-desc-section2 .item .info .date {
    font-size: 12px;
    margin-top: 15px;
  }
}

/* ==================== 新闻详情 - 板块二 End ==================== */
/* ==================== 可持续发展 - 通用样式 Start ==================== */
.about3-more-btn {
  font-size: 0.3rem;
  color: #F79130;
  font-family: "SourceHanSansCN-Medium", "SourceHanSansHK-Medium";
  line-height: 1;
  text-align: center;
  display: block;
  margin-top: 0.5rem;
}

@media screen and (max-width: 1099px) {
  .about3-main section {
    padding-top: 49.8px;
    padding-bottom: 49.8px;
  }

  .about3-main .ny-category .item {
    width: 48%;
    margin: 0 !important;
    margin-right: 4% !important;
  }

  .about3-main .ny-category .item:nth-child(2n) {
    margin-right: 0 !important;
  }

  .about3-more-btn {
    font-size: 13px;
    margin-top: 20px;
  }
}

/* ==================== 可持续发展 - 通用样式 End ==================== */
/* ==================== 可持续发展 - 板块一 Start ==================== */
.about3-section1 {
  background-position: center top;
  background-size: 100% auto;
  background-repeat: no-repeat;
  overflow: hidden;
}

.about3-section1 .body1 .tabs {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin-bottom: 0.67rem;
}

.about3-section1 .body1 .tabs:after {
  content: "";
  display: block;
  width: 22.83rem;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background-image: linear-gradient(to left, transparent, #d1dae3, transparent);
  height: 0.02rem;
}

.about3-section1 .body1 .tabs .tab-item {
  display: block;
  font-size: 0.3rem;
  color: #333;
  line-height: 1;
  font-family: "OPPOSANS-MEDIUM";
  text-align: center;
  margin-right: 2.17rem;
  padding-bottom: 0.23rem;
  padding-top: 0.23rem;
  position: relative;
  cursor: pointer;
}

.about3-section1 .body1 .tabs .tab-item.active {
  color: #0472ff;
}

.about3-section1 .body1 .tabs .tab-item.active:after {
  opacity: 1;
  visibility: visible;
}

.about3-section1 .body1 .tabs .tab-item:after {
  content: "";
  display: block;
  width: 100%;
  height: 0.05rem;
  background-color: #0472ff;
  border-radius: 1.67rem;
  position: absolute;
  bottom: -0.02rem;
  left: 50%;
  transform: translateX(-50%);
  transition: all 0.4s;
  opacity: 0;
  visibility: hidden;
  z-index: 3;
}

.about3-section1 .body1 .tabs .tab-item:last-child {
  margin-right: 0;
}

.about3-section1 .body1 .about3-section1-swiper {
  border-radius: 0.17rem;
  overflow: hidden;
  /* box-shadow: 0.17rem 0.17rem 0.33rem -0.15rem #e5f0ff; */
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.about3-section1 .body1 .about3-section1-swiper .swiper-slide:nth-child(2) {
  background: url('../jpg/img181%402400x1458.jpg') no-repeat center;
  background-size: cover;
  border: 3px solid #f0f3f7;
  border-radius: 5px;
}

.about3-section1 .body1 .table {
  padding: 0.67rem;
}

.about3-section1 .body1 table {
  width: 100%;
  border-collapse: collapse;
  text-align: center;
  box-shadow: 0.17rem 0.17rem 0.33rem -0.22rem rgba(0, 0, 0, 0.1);
}

.about3-section1 .body1 table thead tr {
  background-color: #fff;
}

.about3-section1 .body1 table tbody tr:nth-child(2n-1) {
  background-color: #f8faff;
}

.about3-section1 .body1 table th,
.about3-section1 .body1 table tr {
  height: 1.33rem;
}

.about3-section1 .body1 table tr {
  background-color: #fff;
}

.about3-section1 .body1 table tr:hover td {
  background-color: #f1f3f6;
}

.about3-section1 .body1 table tr th:nth-child(1),
.about3-section1 .body1 table tr td:nth-child(1) {
  text-align: left;
}

.about3-section1 .body1 table th,
.about3-section1 .body1 table td {
  padding: 0 0.5rem;
}

.about3-section1 .body1 table th {
  height: 1.33rem;
  color: #1475FE;
  line-height: 1;
  font-size: 0.27rem;
  font-family: "OPPOSANS-MEDIUM";
  font-weight: 400;
}

.about3-section1 .body1 table td {
  line-height: 1;
  font-size: 0.27rem;
  color: #333;
  font-family: "OPPOSANS-MEDIUM";
  transition: all 0.4s;
}

.about3-section1 .body1 .about2-download {
  margin-left: auto;
  margin-right: auto;
}

.about3-section1 .body1 .about2-download:hover {
  background-color: #f79130;
  background-image: url("../png/img081%40100x100.png");
}

.about3-section1 .body1 .about2-page {
  margin-top: 0;
  padding-bottom: 60px;
}

.about3-section1 .body2 {
  padding-top: 1.45rem;
}

.about3-section1 .body2 .title {
  font-size: 0.53rem;
  color: #000;
  line-height: 1;
  font-family: "OPPOSANS-MEDIUM";
  text-align: center;
  margin-bottom: 0.83rem;
}

.about3-section1 .body2 .itembox {
  margin-bottom: 0.83rem;
}

.about3-section1 .body2 .itembox .item {
  background: linear-gradient(179deg, #F1F6FD 0%, #FEFEFE 100%);
  box-shadow: 0.13rem 0.17rem 0.2rem 0rem rgba(158, 184, 230, 0.19);
  border-radius: 0.17rem;
  border: 0.03rem solid #FFFFFF;
  padding: 0.92rem 0.33rem;
}

.about3-section1 .body2 .content {
  background: linear-gradient(179deg, #F1F6FD 0%, #FEFEFE 100%);
  box-shadow: 0.13rem 0.17rem 0.2rem 0rem rgba(158, 184, 230, 0.19);
  border-radius: 0.17rem;
  border: 0.03rem solid #FFFFFF;
  padding: 0.67rem 0.42rem;
  position: relative;
}

.about3-section1 .body2 .content .swiper-button-prev,
.about3-section1 .body2 .content .swiper-button-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.about3-section1 .body2 .content .swiper-button-prev {
  left: -1.17rem;
}

.about3-section1 .body2 .content .swiper-button-next {
  right: -1.17rem;
}

.about3-section1 .body2 .item2 {
  display: block;
  position: relative;
}

.about3-section1 .body2 .item2:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(to top, #1577ff, transparent 40%);
  pointer-events: none;
}

.about3-section1 .body2 .item2 .item-title {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0.5rem;
  font-size: 0.3rem;
  color: #fff;
  font-family: "SourceHanSansCN-Medium", "SourceHanSansHK-Medium";
  line-height: 1.4;
  z-index: 3;
}

@media screen and (min-width: 1100px) {
  .about3-section1 {
    padding-top: 1.33rem;
    padding-bottom: 0.83rem;
  }

  .about3-section1 .body2 .itembox {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    flex-wrap: wrap;
  }

  .about3-section1 .body2 .itembox .item {
    width: 32.33333333%;
    margin-top: 1.5%;
  }

  .about3-section1 .body2 .itembox .item:nth-child(3n-1) {
    margin-left: 1.5%;
    margin-right: 1.5%;
  }

  .about3-section1 .body2 .item2 {
    margin-right: 0.33rem;
  }

  .about3-section1 .body2 .item2:last-child {
    margin-right: 0;
  }
}

@media screen and (max-width: 1099px) {
  .about3-section1 {
    overflow: hidden;
  }

  .about3-section1 .body1 .tabs {
    margin-bottom: 30px;
  }

  .about3-section1 .body1 .tabs .tab-item {
    font-size: 0.23rem;
    width: 32%;
    margin: 0;
    margin-right: 4%;
    padding-top: 0;
  }

  .about3-section1 .body1 .tabs .tab-item:nth-child(3n-1) {
    margin-left: 2%;
    margin-right: 2%;
  }

  .about3-section1 .body1 .tabs .tab-item:nth-child(3)~.tab-item {
    margin-top: 2%;
  }

  .about3-section1 .body1 .table {
    padding: 20px;
  }

  .about3-section1 .body1 table tr,
  .about3-section1 .body1 table th {
    height: 40.2px;
  }

  .about3-section1 .body1 table td,
  .about3-section1 .body1 table th {
    white-space: nowrap;
    padding: 0 10px;
    font-size: 12px;
  }

  .about3-section1 .body1 .about2-page {
    padding-bottom: 20px;
  }

  .about3-section1 .body2 {
    padding-top: 60px;
  }

  .about3-section1 .body2 .title {
    font-size: 20px;
    margin-bottom: 20px;
  }

  .about3-section1 .body2 .itembox {
    margin-bottom: 20px;
  }

  .about3-section1 .body2 .itembox .item {
    padding: 20px 40.2px;
    border-radius: 8px;
    box-shadow: 4px 4.8px 6px 0px rgba(158, 184, 230, 0.19);
  }

  .about3-section1 .body2 .itembox .item:first-child~.item {
    margin-top: 20px;
  }

  .about3-section1 .body2 .content {
    padding: 20px 15px;
    box-shadow: 4px 4.8px 6px 0px rgba(158, 184, 230, 0.19);
  }

  .about3-section1 .body2 .item2:first-child~.item {
    margin-top: 20px;
  }

  .about3-section1 .body2 .item2 .item-title {
    font-size: 13.8px;
    padding: 15px 10px;
  }
}

/* ==================== 可持续发展 - 板块一 End ==================== */
/* ==================== 可持续发展 - 板块二 Start ==================== */
.about3-section2 {
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
}

.about3-section2 .body {
  position: relative;
  padding-bottom: 0.67rem;
}

.about3-section2 .swiper-button-prev,
.about3-section2 .swiper-button-next {
  margin-top: -0.67rem;
}

.about3-section2 .swiper-button-prev {
  left: -1.07rem;
}

.about3-section2 .swiper-button-next {
  right: -1.07rem;
}

.about3-section2 .about3-section2-swiper {
  margin-left: -0.33rem;
  margin-right: -0.33rem;
  margin-bottom: -0.33rem;
}

.about3-section2 .itembox {
  padding-left: 0.33rem;
  padding-right: 0.33rem;
  padding-bottom: 0.33rem;
}

.about3-section2 .item {
  background: linear-gradient(179deg, #F1F6FD 0%, #FEFEFE 100%);
  box-shadow: 0.13rem 0.17rem 0.2rem 0rem rgba(158, 184, 230, 0.19);
  border-radius: 0.13rem;
  border: 0.03rem solid #FFFFFF;
  display: flex;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  overflow: hidden;
  transition: all 0.4s;
}

.about3-section2 .item:hover {
  border-color: #4292fe;
}

.about3-section2 .item:hover .image img {
  transform: scale(1.1);
}

.about3-section2 .item .image {
  width: 100%;
  overflow: hidden;
}

.about3-section2 .item .image img {
  width: 100%;
  transition: all 1s;
}

.about3-section2 .item .info {
  width: 100%;
  background-color: #fff;
  padding: 0.5rem;
  padding-bottom: 0.33rem;
  min-width: 0;
  flex-grow: 1;
  display: flex;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.about3-section2 .item .title {
  width: 100%;
  font-size: 0.3rem;
  font-family: "OPPOSANS-MEDIUM";
  color: #333;
  line-height: 1.5;
  margin-bottom: 0.25rem;
  flex-shrink: 0;
}

.about3-section2 .item .desc {
  width: 100%;
  font-size: 0.23rem;
  color: #7A839A;
  line-height: 1.8;
  min-width: 0;
  flex-grow: 1;
  padding-bottom: 0.33rem;
  border-bottom: 0.02rem solid #d4d8df;
}

.about3-section2 .item .more {
  display: block;
  width: 100%;
  color: #1475FE;
  font-size: 0.23rem;
  font-family: "OPPOSANS-REGULAR";
  padding-top: 0.1rem;
  text-align: right;
  flex-shrink: 0;
  transition: all 0.4s;
}

.about3-section2 .card1 {
  display: block;
  border-radius: 0.13rem;
  overflow: hidden;
  width: 100%;
  position: relative;
  margin-bottom: 0.33rem;
}

.about3-section2 .card1:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(to bottom, #1577ff, transparent 40%);
  position: absolute;
  left: 0;
  top: 0;
}

.about3-section2 .card1 .info {
  position: absolute;
  left: 50%;
  top: 0;
  z-index: 3;
  width: 14.17rem;
  text-align: center;
  transform: translateX(-50%);
  padding-top: 0.83rem;
}

.about3-section2 .card1 .info .title {
  font-size: 0.62rem;
  color: #fff;
  line-height: 1;
  font-family: "OPPOSANS-BOLD";
  margin-bottom: 0.33rem;
}

.about3-section2 .card1 .info .desc {
  font-size: 0.27rem;
  color: #fff;
  line-height: 1.6;
  font-family: "OPPOSANS-MEDIUM";
}

.about3-section2 .card2 {
  display: flex;
  align-items: stretch;
  margin-bottom: 0.33rem;
}

.about3-section2 .card2 .card2-item {
  border-radius: 0.13rem;
  overflow: hidden;
  position: relative;
  flex-grow: 1;
}

.about3-section2 .card2 .card2-item:hover::before {
  opacity: 1;
}

.about3-section2 .card2 .card2-item:hover:after {
  opacity: 0;
}

.about3-section2 .card2 .card2-item:hover .title:after {
  opacity: 1;
}

.about3-section2 .card2 .card2-item:hover .desc {
  opacity: 1;
  visibility: visible;
}

.about3-section2 .card2 .card2-item:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(61, 61, 61, 0.54);
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: all 0.4s;
}

.about3-section2 .card2 .card2-item:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(to bottom, #1577ff, transparent 40%);
  position: absolute;
  left: 0;
  top: 0;
  transition: all 0.4s;
}

.about3-section2 .card2 .card2-item .info {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  padding: 0.5rem 0.33rem;
}

.about3-section2 .card2 .card2-item .title {
  font-size: 0.28rem;
  color: #fff;
  line-height: 1;
  font-family: "OPPOSANS-BOLD";
  padding-bottom: 0.23rem;
  margin-bottom: 0.23rem;
  position: relative;
}

.about3-section2 .card2 .card2-item .title:after {
  content: "";
  display: block;
  width: 100%;
  height: 0.02rem;
  background-color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: 0;
  transition: all 0.4s;
}

.about3-section2 .card2 .card2-item .desc {
  font-size: 0.2rem;
  color: #fff;
  line-height: 1.8;
  text-align: left;
  font-family: "OPPOSANS-MEDIUM";
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s;
}

.about3-section2 .card2 .card2-item .desc p {
  margin-bottom: 0.17rem;
}

.about3-section2 .card2 .card2-item .desc p:last-child {
  margin-bottom: 0;
}

.about3-section2 .card3 .card3-item {
  border-radius: 0.13rem;
  overflow: hidden;
  position: relative;
}

.about3-section2 .card3 .card3-item:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(55, 55, 55, 0.4);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.about3-section2 .card3 .card3-item .title {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 3;
  font-size: 0.3rem;
  color: #fff;
  font-family: "OPPOSANS-REGULAR";
  text-align: center;
  padding: 0.5rem 0.25rem;
}

@media screen and (min-width: 1100px) {
  .about3-section2 {
    padding-bottom: 1.67rem;
  }

  .about3-section2 .about-title {
    padding-bottom: 0.67rem;
  }

  .about3-section2 .content1 {
    padding-top: 0.83rem;
  }

  .about3-section2 .content2 {
    padding-top: 0.67rem;
  }

  .about3-section2 .item {
    width: 31.666%;
  }

  .about3-section2 .item:nth-child(3n-1) {
    margin-left: 2.5%;
    margin-right: 2.5%;
  }

  .about3-section2 .item .more:hover {
    transform: translateX(0.08rem);
  }

  .about3-section2 .card2 .card2-item:nth-child(3n-1) {
    margin-left: 0.4rem;
    margin-right: 0.4rem;
  }
}

@media screen and (max-width: 1099px) {
  .about3-section2 .body {
    padding-bottom: 30px;
  }

  .about3-section2 .swiper-button-next,
  .about3-section2 .swiper-button-prev {
    display: none;
  }

  .about3-section2 .about3-section2-swiper .swiper-wrapper {
    display: block;
  }

  .about3-section2 .item {
    width: 100%;
    margin: 0 !important;
  }

  .about3-section2 .item:nth-child(1)~.item {
    margin-top: 20px !important;
  }

  .about3-section2 .item .info {
    padding: 15px 10px;
  }

  .about3-section2 .item .title {
    font-size: 16.2px;
    margin-bottom: 10px;
  }

  .about3-section2 .item .desc {
    font-size: 12px;
    padding-bottom: 10px;
  }

  .about3-section2 .item .more {
    font-size: 12px;
  }

  .about3-section2 .card1 {
    margin-bottom: 15px;
  }

  .about3-section2 .card1:after {
    display: none;
    background-image: linear-gradient(to bottom, #1577ff, transparent);
  }

  .about3-section2 .card1 .info {
    position: static;
    transform: translateX(0);
    padding: 20px 15px;
    width: 100%;
    background-color: #f7f7f7;
  }

  .about3-section2 .card1 .info .title,
  .about3-section2 .card1 .info .desc {
    color: #333;
  }

  .about3-section2 .card1 .info .title {
    font-size: 18px;
    margin-bottom: 10px;
  }

  .about3-section2 .card1 .info .desc {
    font-size: 12px;
    text-align: justify;
  }

  .about3-section2 .card2 {
    display: block;
  }

  .about3-section2 .card2 .card2-item {
    width: 100%;
    margin-bottom: 15px;
  }

  .about3-section2 .card2 .card2-item::before {
    display: none;
    opacity: 0;
  }

  .about3-section2 .card2 .card2-item:after {
    display: none;
    opacity: 0;
  }

  .about3-section2 .card2 .card2-item .title {
    color: #333;
    font-size: 16.2px;
    padding-bottom: 10px;
    margin-bottom: 10px;
  }

  .about3-section2 .card2 .card2-item .title:after {
    opacity: 1;
    background-color: #333;
    height: 1px;
  }

  .about3-section2 .card2 .card2-item .desc {
    zoom: 1;
    color: #333;
    opacity: 1;
    visibility: visible;
  }

  .about3-section2 .card2 .card2-item .info {
    transform: translateX(0);
    position: static;
    padding: 15px 10px;
    background-color: #f7f7f7;
  }

  .about3-section2 .card2 .card2-item .info p {
    margin-bottom: 4.8px;
  }

  .about3-section2 .card3 .card3-item .title {
    font-size: 13.8px;
    padding: 15px 10px;
  }
}

/* ==================== 可持续发展 - 板块二 End ==================== */
/* ==================== 可持续发展 - 板块三 Start ==================== */
.about3-section3 {
  background-color: #f4f5f6;
}

.about3-section3 .mxw-box {
  max-width: 1380px;
  width: 100%;
}


@media screen and (max-width: 1560px) {
  .about3-section3 .mxw-box {
    max-width: 20rem;
  }
}

@media screen and (max-width: 1099px) {
  .about3-section3 .mxw-box {
    max-width: 100%;
  }
}

/* ==================== 可持续发展 - 板块三 End ==================== */
/* ==================== 可持续发展 - 板块四 Start ==================== */
.about3-section4 {
  background-position: center top;
  background-size: 100% auto;
  background-repeat: no-repeat;
}

.about3-section4 .body1 {
  display: flex;
  margin-bottom: 0.23rem;
}

.about3-section4 .tabs {
  width: 5.67rem;
  flex-shrink: 0;
  background: linear-gradient(179deg, #F1F6FD 0%, #FEFEFE 100%);
  box-shadow: 0.13rem 0.17rem 0.2rem 0rem rgba(158, 184, 230, 0.19);
  border: 0.03rem solid #FFFFFF;
  margin-right: 0.17rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.about3-section4 .tabs .tab-item {
  position: relative;
  font-size: 0.3rem;
  color: #444;
  line-height: 1;
  padding: 0.33rem;
  padding-left: 0.67rem;
  padding-right: 0.42rem;
  transition: all 0.4s;
  cursor: pointer;
  font-family: "OPPOSANS-REGULAR";
}

.about3-section4 .tabs .tab-item.active {
  color: #fff;
}

.about3-section4 .tabs .tab-item.active:before {
  opacity: 1;
  visibility: visible;
}

.about3-section4 .tabs .tab-item.active:after {
  opacity: 1;
}

.about3-section4 .tabs .tab-item span {
  position: relative;
  z-index: 2;
}

.about3-section4 .tabs .tab-item:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(to right, #0056ff, transparent);
  opacity: 0;
  transition: all 0.4s;
}

.about3-section4 .tabs .tab-item:before {
  content: "";
  display: block;
  width: 0.07rem;
  background-color: #ffae62;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s;
  z-index: 4;
}

.about3-section4 .right-body {
  flex-grow: 1;
  min-width: 0;
  box-shadow: 8px 10px 12px 0px rgba(158, 184, 230, 0.19);
}

.about3-section4 .top-body {
  position: relative;
}

.about3-section4 .top-body .info {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  padding-left: 0.83rem;
  padding-right: 0.23rem;
  max-width: 11.83rem;
  padding-bottom: 1rem;
}

.about3-section4 .top-body .info::-webkit-scrollbar {
  width: 0.0667rem;
  background: #ececec;
  border-radius: 1.6667rem;
}

.about3-section4 .top-body .info::-webkit-scrollbar-thumb {
  border-radius: 1.6667rem;
  background: #ff9632;
  cursor: pointer;
}

.about3-section4 .top-body .title {
  font-size: 0.5rem;
  color: #fff;
  font-family: "OPPOSANS-BOLD";
  line-height: 1.2;
  margin-bottom: 0.2rem;
  position: relative;
}

.about3-section4 .top-body .title:after {
  content: "";
  display: block;
  width: 1.33rem;
  height: 0.08rem;
  background-color: #f79130;
  margin-bottom: 0.58rem;
  margin-top: 0.37rem;
}

.about3-section4 .top-body .desc {
  font-size: 0.23rem;
  font-family: "OPPOSANS-LIGHT";
  color: #fff;
  line-height: 1.8;
  text-align: justify;
  padding-right: 0.33rem;
  height: 3.33rem;
  overflow: auto;
}

.about3-section4 .top-body .desc::-webkit-scrollbar {
  width: 0.0667rem;
  background: #ececec;
  border-radius: 1.6667rem;
}

.about3-section4 .top-body .desc::-webkit-scrollbar-thumb {
  border-radius: 1.6667rem;
  background: #ff9632;
  cursor: pointer;
}

.about3-section4 .top-body .desc strong,
.about3-section4 .top-body .desc b {
  font-weight: 400;
  font-family: "OPPOSANS-MEDIUM";
}

.about3-section4 .btn-group {
  position: absolute;
  bottom: 0.8333rem;
  left: 0.8333rem;
  z-index: 4;
  text-align: center;
  display: flex;
  align-items: stretch;
}

.about3-section4 .btn-group .swiper-btn {
  margin-right: 0.2833rem;
  font-size: 0.2333rem;
  line-height: 1.2;
  font-family: "OPPOSANS-REGULAR";
  border: 0.0167rem solid #fff;
  color: #fff;
  border-radius: 1.6667rem;
  padding: 0.0833rem 0.1667rem;
  transition: all 0.4s;
  display: block;
  max-width: 340px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.about3-section4 .btn-group .swiper-btn.active {
  background-color: #fff;
  border-color: #fff;
  color: #1865fa;
}

.about3-section4 .itembox {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  margin-top: 0.17rem;
}

.about3-section4 .item {
  width: 49.5%;
  background: linear-gradient(179deg, #F1F6FD 0%, #FEFEFE 100%);
  box-shadow: 0.13rem 0.17rem 0.2rem 0rem rgba(158, 184, 230, 0.19);
  border: 0.03rem solid #FFFFFF;
  padding-top: 0.17rem;
  padding-bottom: 0.33rem;
  padding-left: 0.33rem;
  padding-right: 0.67rem;
}

.about3-section4 .item .tip {
  border: 0.02rem solid rgba(153, 153, 153, 0.57);
  font-size: 0.23rem;
  color: #666;
  line-height: 1;
  padding: 0.1rem 0.17rem;
  border-radius: 1.67rem;
  display: table;
  margin-bottom: 0.23rem;
}

.about3-section4 .item .card {
  display: flex;
  align-items: center;
}

.about3-section4 .item .title {
  font-size: 0.27rem;
  color: #333;
  line-height: 1;
  font-family: "OPPOSANS-MEDIUM";
  margin-bottom: 0.17rem;
}

.about3-section4 .item .desc {
  font-size: 0.23rem;
  line-height: 1.4;
  color: #666;
  font-family: "OPPOSANS-REGULAR";
  text-align: justify;
}

.about3-section4 .item .image {
  width: 2.17rem;
  flex-shrink: 0;
  margin-left: 0.83rem;
}

.about3-section4 .body2 {
  background: linear-gradient(179deg, #F1F6FD 0%, #FEFEFE 100%);
  box-shadow: 0.13rem 0.17rem 0.2rem 0rem rgba(158, 184, 230, 0.19);
  border: 0.03rem solid #FFFFFF;
  padding: 0.5rem 0.17rem;
}

.about3-section4 .itembox2 {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
}

.about3-section4 .item2 {
  background-size: cover;
  background-position: center right;
  background-repeat: no-repeat;
  border: 0.02rem solid #e6e6e6;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1.17rem;
  padding-right: 3rem;
  display: block;
  width: 49.6%;
  position: relative;
  transition: all 0.4s;
}

.about3-section4 .item2:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(to right, #0056ff 80%, transparent);
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: all 0.4s;
}

.about3-section4 .item2:after {
  content: "";
  display: block;
  background: url(../png/img081%40100x100.png) no-repeat center #f79130;
  background-size: 50%;
  width: 0.67rem;
  height: 0.67rem;
  border-radius: 100%;
  overflow: hidden;
  position: absolute;
  right: 0.5rem;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.4s;
  opacity: 0;
}

.about3-section4 .item2:nth-child(2n) {
  margin-left: 0.8%;
}

.about3-section4 .item2:nth-child(2)~.item2 {
  margin-top: 0.42rem;
}

.about3-section4 .item2 .title,
.about3-section4 .item2 .date {
  position: relative;
  transition: all 0.4s;
  z-index: 2;
}

.about3-section4 .item2 .title {
  font-size: 0.27rem;
  font-family: "OPPOSANS-MEDIUM";
  line-height: 1.4;
  color: #333;
  margin-bottom: 0.08rem;
}

.about3-section4 .item2 .date {
  font-size: 0.23rem;
  color: #666;
  line-height: 1;
  font-family: "OPPOSANS-REGULAR";
  margin-top: 0.17rem;
}

.about3-section4 .mxw-box {
  max-width: 23rem;
  width: 100%;
}

@media screen and (max-width: 1560px) {
  .about3-section4 .mxw-box {
    max-width: 20rem;
  }
}

@media screen and (min-width: 1100px) {
  .about3-section4 {
    padding-top: 1.17rem;
    padding-bottom: 1.17rem;
  }

  .about3-section4 .about3-title {
    padding-bottom: 1rem;
  }

  .about3-section4 .item2:hover {
    padding-right: 1.77rem;
    padding-left: 0.83rem;
  }

  .about3-section4 .item2:hover .title,
  .about3-section4 .item2:hover .date {
    color: #fff;
  }

  .about3-section4 .item2:hover:before,
  .about3-section4 .item2:hover:after {
    opacity: 1;
  }
}

@media screen and (max-width: 1099px) {
  .about3-section4 .btn-group {
    zoom: 1;
    position: static;
  }

  .about3-section4 .mxw-box {
    max-width: 100%;
  }

  .about3-section4 .body1 {
    display: block;
    margin-bottom: 0;
  }

  .about3-section4 .tabs {
    width: 100%;
    padding: 0;
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    margin-bottom: 20px;
  }

  .about3-section4 .tabs .tab-item {
    width: 50%;
    padding: 8px 0;
    font-size: 12px;
    text-align: center;
    line-height: 1.8;
  }

  .about3-section4 .tabs .tab-item:before {
    width: 4px;
  }

  .about3-section4 .tabs .tab-item:after {
    background-color: #0056ff;
  }

  .about3-section4 .top-body .info {
    padding-left: 0;
    position: static;
    max-width: 100%;
    transform: translateY(0);
    padding-top: 20px;
  }

  .about3-section4 .top-body .title {
    color: #333;
    font-size: 16px;
  }

  .about3-section4 .top-body .title:after {
    height: 2px;
    margin-bottom: 0;
  }

  .about3-section4 .top-body .desc {
    color: #333;
    line-height: 1.8;
    font-family: "OPPOSANS-REGULAR";
  }

  .about3-section4 .itembox {
    display: block;
  }

  .about3-section4 .itembox .item {
    width: 100%;
    margin-top: 20px;
    padding: 10px 15px;
    box-shadow: 4px 5px 6px 0px rgba(158, 184, 230, 0.19);
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .about3-section4 .itembox .item .tip {
    order: 3;
    margin-bottom: 0;
    margin-top: 15px;
  }

  .about3-section4 .itembox .item .card {
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .about3-section4 .itembox .item .card .image {
    order: -1;
    margin-left: 0;
    width: 100%;
    margin-bottom: 20px;
  }

  .about3-section4 .itembox .item .title {
    width: 100%;
    font-size: 14px;
  }

  .about3-section4 .itembox .item .desc {
    width: 100%;
    font-size: 12px;
  }

  .about3-section4 .about3-section4-swiper {
    padding-bottom: 0;
  }

  .about3-section4 .itembox2 {
    display: block;
  }

  .about3-section4 .item2 {
    padding: 15px 10px;
    width: 100%;
  }

  .about3-section4 .item2:first-child~.item2 {
    margin-top: 15px;
  }

  .about3-section4 .item2 .title {
    font-size: 14px;
    margin-bottom: 10px;
    white-space: inherit;
    height: 2.8em;
  }

  .about3-section4 .btn-group {
    background-color: #f5f5f5;
    padding: 8px 10px;
    margin-top: 10px;
    align-items: stretch;
  }

  .about3-section4 .btn-group .swiper-btn {
    width: 48%;
    margin-right: 0;
    color: #1865fa;
    border-color: #1865fa;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .about3-section4 .btn-group .swiper-btn.active {
    color: #fff;
    background-color: #1865fa;
  }

  .about3-section4 .btn-group .swiper-btn:nth-child(2n-1) {
    margin-right: 4%;
  }

  .about3-section4 .btn-group .swiper-btn:nth-child(2)~.swiper-btn {
    margin-top: 2%;
  }
}

/* ==================== 可持续发展 - 板块四 End ==================== */
/* ==================== 产品与服务 - 通用样式 Start ==================== */
.product-title {
  font-size: 32px;
  color: #333;
  line-height: 1;
  font-family: "OPPOSANS-REGULAR";
  text-align: center;
  margin-bottom: 40px;
}

@media screen and (max-width: 1099px) {
  .product-title {
    font-size: 24px;
    margin-bottom: 30px;
  }
}

/* ==================== 产品与服务 - 通用样式 End ==================== */
/* ==================== 产品与服务 - 板块一 Start ==================== */
.product-section1 {
  overflow: hidden;
  position: relative;
}

.product-section1 .info {
  width: 100%;
  text-align: center;
  position: absolute;
  top: 1rem;
  left: 50%;
  transform: translateX(-50%);
}

.product-section1 .info .text1 {
  font-size: 0.6rem;
  color: #504D4D;
  line-height: 1;
  font-family: "SourceHanSansCN-Medium", "SourceHanSansHK-Medium";
  margin-bottom: 0.5rem;
}

.product-section1 .info .text2 {
  font-size: 0.3rem;
  color: #453F3F;
  line-height: 1;
  font-family: "SourceHanSansCN-Regular", "SourceHanSansHK-Regular";
}

@media screen and (max-width: 1099px) {
  .product-section1 .info {
    top: 30px;
  }

  .product-section1 .info .text1 {
    font-size: 24px;
    margin-bottom: 10px;
  }

  .product-section1 .info .text2 {
    font-size: 13.8px;
  }
}

/* ==================== 产品与服务 - 板块一 End ==================== */
/* ==================== 产品与服务 - 板块二 Start ==================== */
.product-section2 .itembox {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: flex-start;
}

.product-section2 .item {
  position: relative;
  border-radius: 0.13rem;
  overflow: hidden;
  border: 0.12rem solid #fff;
  display: block;
  box-shadow: 0rem 0.03rem 0.1rem -0.02rem #d9e3f5;
}

.product-section2 .item:hover .title {
  transform: translate(0.08rem, 0.08rem);
}

.product-section2 .item .title {
  width: 2.67rem;
  height: 1.07rem;
  line-height: 1;
  border-radius: 0.13rem;
  overflow: hidden;
  border: 0.07rem solid #fff;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.37rem;
  color: #2b2b2b;
  font-family: "SourceHanSansCN-Bold", "SourceHanSansHK-Bold";
  box-shadow: 0.05rem 0.1rem 0.33rem -0.08rem #c3d6f4;
  position: absolute;
  top: 0.33rem;
  left: 0.25rem;
  z-index: 3;
  transition: all 0.4s;
}

.product-section2 .item .bg-image img {
  transition: all 1s;
}

@media screen and (min-width: 1100px) {
  .product-section2 {
    padding-top: 1.33rem;
    padding-bottom: 0.83rem;
  }

  .product-section2 .item {
    width: 32%;
  }

  .product-section2 .item:nth-child(3n-1) {
    margin-left: 2%;
    margin-right: 2%;
  }

  .product-section2 .item:nth-child(3n)~.item {
    margin-top: 2%;
  }
}

@media screen and (max-width: 1099px) {
  .product-section2 {
    padding-top: 49.8px;
    padding-bottom: 49.8px;
  }

  .product-section2 .item {
    width: 100%;
    border-width: 4px;
  }

  .product-section2 .item:first-child~.item {
    margin-top: 10px;
  }

  .product-section2 .item .title {
    font-size: 16.2px;
    width: auto;
    padding: 12px 20px;
    height: auto;
    border-width: 3px;
    border-radius: 4.8px;
  }

  .product-section2 .item .bg-image {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    background-color: #f1f5fe;
  }

  .product-section2 .item .bg-image img {
    width: 60%;
  }
}

/* ==================== 产品与服务 - 板块二 End ==================== */
/* ==================== 产品与服务 - 板块三 Start ==================== */
.product-section3 .product-section3-swiper {
  border-radius: 0.13rem;
  overflow: hidden;
}

.product-section3 .itembox {
  margin-bottom: 1rem;
}

.product-section3 .item {
  position: relative;
  border-radius: 0.13rem;
  overflow: hidden;
  border: 2px solid #fff;
  box-shadow: 0.1rem 0.1rem 0.1rem -0.07rem #d5e0f4;
  background-color: #fbfbfb;
}

.product-section3 .item:nth-child(1):hover .more-btn,
.product-section3 .item:nth-child(2):hover .more-btn,
.product-section3 .item:nth-child(3):hover .more-btn {
  background: #f79130;
  color: #fff !important;
}

.product-section3 .item:nth-child(4):hover .more-btn,
.product-section3 .item:nth-child(5):hover .more-btn,
.product-section3 .item:nth-child(6):hover .more-btn {
  background: #1475fe;
  color: #fff !important;
}

.product-section3 .item:hover .icon {
  animation: playFrames 0.3s steps(19) forwards;
}

.product-section3 .item:hover .text3-1 {
  opacity: 1;
  visibility: visible;
  transform: translate(0);
}

.product-section3 .item.style2 .text1 {
  background-color: #1475fe;
}

.product-section3 .item.style2 .more-btn {
  border-color: #1475fe;
  color: #1475fe;
}

.product-section3 .item.style2 .more-btn:hover {
  background-color: #1475fe;
}

.product-section3 .item .info {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-top: 1.1rem;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  padding-bottom: 0.83rem;
  z-index: 4;
}

.product-section3 .item .text1 {
  width: auto;
  height: 0.5rem;
  border-radius: 0 1.67rem 1.67rem 0;
  position: absolute;
  top: 0.17rem;
  left: 0;
  background-color: #FD9A00;
  color: #fff;
  font-size: 0.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "SourceHanSansCN-Regular", "SourceHanSansHK-Regular";
  padding: 0 0.17rem;
}

.product-section3 .item .text1 span {
  zoom: 0.8;
}

.product-section3 .item .text2 {
  font-size: 0.3rem;
  color: #2B2B2B;
  line-height: 1;
  font-family: "SourceHanSansCN-Bold", "SourceHanSansHK-Bold";
  margin-bottom: 0.25rem;
}

.product-section3 .item .text3 {
  font-size: 0.2rem;
  line-height: 1.8;
  text-align: justify;
  font-family: "SourceHanSansCN-Regular", "SourceHanSansHK-Regular";
  color: #838FAA;
  position: relative;
}

.product-section3 .item .text3-1,
.product-section3 .item .text3-2 {
  position: absolute;
  transition: all 0.6s;
  top: 0;
  left: 0;
  width: 100%;
}

.product-section3 .item .text3-1 {
  opacity: 0;
  visibility: hidden;
  transform: translateY(20px);
}

.product-section3 .item .text3-2 p {
  opacity: 0;
  visibility: hidden;
  transform: translateX(50%);
  transition: all 0.4s;
  transition-delay: 0s;
}

.product-section3 .item .icon {
  position: absolute;
  bottom: 0.5rem;
  left: 50%;
  width: 200px;
  height: 300px;
  z-index: 3;
  transform: translateX(-50%);
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center top;
  animation: playFrames2 0.3s steps(19) forwards;
}

@keyframes playFrames2 {
  0% {
    background-position: 0 calc(-300px * 19);
  }

  100% {
    background-position: 0 0;
  }
}

@keyframes playFrames {
  0% {
    background-position: 0 0;
  }

  100% {
    background-position: 0 calc(-300px * 19);
  }
}

.product-section3 .item .more-btn {
  position: absolute;
  bottom: 0.25rem;
  right: 0.58rem;
  height: 0.57rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.23rem;
  font-family: "OPPOSANS-REGULAR";
  color: #f79130;
  line-height: 1;
  z-index: 3;
  border-radius: 0.07rem;
  border: 1px solid #f79130;
  transition: all 0.4s;
  padding-left: 0.17rem;
  padding-right: 0.17rem;
}

.product-section3 .item .more-btn:hover {
  color: #fff;
  background-color: #f79130;
}

.product-section3 .body2 {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center top;
  padding-top: 0.6rem;
}

.product-section3 .body2 video {
  object-fit: cover;
  display: block;
  height: 100%;
}

.product-section3 .body2 .video {
  position: relative;
  height: 100%;
}

.product-section3 .body2 .video .play-btn {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../png/img258%40200x200.png") no-repeat center;
  background-size: 1.5rem 1.5rem;
  z-index: 3;
  cursor: pointer;
}

.product-section3 .body2 .content {
  display: flex;
  align-items: stretch;
}

.product-section3 .body2 .info {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  padding-left: 0.83rem;
  padding-bottom: 0.83rem;
  padding-right: 1.17rem;
  display: flex;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
}

.product-section3 .body2 .title {
  margin-bottom: 0.33rem;
  font-size: 0.4rem;
  color: #fff;
  font-family: "SourceHanSansCN-Medium", "SourceHanSansHK-Medium";
  line-height: 1;
}

.product-section3 .body2 .desc {
  font-size: 0.23rem;
  color: #fff;
  font-family: "SourceHanSansCN-Light", "SourceHanSansHK-Light";
  line-height: 1.6;
  text-align: justify;
}

.product-section3 .body2 .product-section3-swiper {
  flex-grow: 1;
  min-width: 0;
}

.product-section3 .body2 .product-section3-swiper .swiper-slide video {
  width: 100%;
}

.product-section3 .body2 .itembox2 {
  width: 4.17rem;
  flex-shrink: 0;
  margin-left: 0.33rem;
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
}

.product-section3 .body2 .item2 {
  overflow: hidden;
  width: 100%;
  margin-bottom: 0.5rem;
  min-width: 0;
  flex-grow: 1;
  background: linear-gradient(179deg, #F1F6FD 0%, #FEFEFE 100%);
  box-shadow: 0.13rem 0.17rem 0.2rem 0rem rgba(158, 184, 230, 0.19);
  border-radius: 0.13rem;
  border: 0.03rem solid #FFFFFF;
  border-bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.53rem;
  color: #6D7485;
  text-align: center;
  font-family: "SourceHanSansCN-Regular", "SourceHanSansHK-Regular";
  position: relative;
  cursor: pointer;
}

.product-section3 .body2 .item2.active .text1 {
  transform: translateX(0);
}

.product-section3 .body2 .item2.active:before {
  opacity: 1;
  visibility: visible;
}

.product-section3 .body2 .item2.active:after {
  width: 100%;
  transition: all 5s linear;
}

.product-section3 .body2 .item2:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(94deg, #E3EDFF 0%, #BCD6FF 100%);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  transition: all 1s;
}

.product-section3 .body2 .item2:after {
  content: "";
  display: block;
  width: 0;
  height: 0.05rem;
  background-image: linear-gradient(to right, #d3ddff, #007dff);
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 3;
  transition: all 0s linear;
}

.product-section3 .body2 .item2 .text1 {
  position: absolute;
  top: 0.17rem;
  left: 0;
  z-index: 3;
  padding-right: 0.5rem;
  padding-left: 0.33rem;
  font-size: 0.2rem;
  height: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translateX(-150%);
  transition: all 0.4s;
  z-index: 4;
}

.product-section3 .body2 .item2 .text1:before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: #fda419;
  transform: skewX(-20deg);
  position: absolute;
  top: 0;
  left: 0rem;
  opacity: 0.5;
}

.product-section3 .body2 .item2 .text1:after {
  content: "";
  width: 100%;
  height: 100%;
  background-color: #fda419;
  transform: skewX(-20deg);
  position: absolute;
  top: 0;
  left: -0.17rem;
}

.product-section3 .body2 .item2 .text1 span {
  color: #fff;
  font-size: 0.2rem;
  font-family: "SourceHanSansCN-Regular", "SourceHanSansHK-Regular";
  z-index: 2;
  position: relative;
}

.product-section3 .body2 .item2 .text2 {
  position: relative;
  z-index: 4;
}

.product-section3 .body2 .item2:last-child {
  margin-bottom: 0;
}

@media screen and (min-width: 1100px) {
  .product-section3 {
    padding-top: 0.83rem;
  }

  .product-section3 .about-title {
    padding-bottom: 1.17rem;
  }

  .product-section3 .body2 {
    padding-bottom: 0.83rem;
  }
}

@media screen and (max-width: 1600px) {
  .product-section3 .item {
    padding-top: 0.67rem;
  }

  .product-section3 .item .text3-1 {
    zoom: 0.8;
  }
}

@media screen and (max-width: 1099px) {
  .product-section3 .item {
    width: 100%;
    padding-top: 0;
  }

  .product-section3 .item:first-child~.item {
    margin-top: 20px;
  }

  .product-section3 .item:nth-child(2n) {
    margin-left: 0;
  }

  .product-section3 .item .text1 {
    height: 24px;
  }

  .product-section3 .item .info {
    padding-top: 49.8px;
  }

  .product-section3 .item .text2 {
    font-size: 16.2px;
    margin-bottom: 10px;
  }

  .product-section3 .item .text3 {
    font-size: 12px;
  }

  .product-section3 .item .text3-1 {
    padding-right: 0;
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
    zoom: 1;
  }

  .product-section3 .item .more-btn {
    font-size: 12px;
    width: auto;
    height: auto;
    padding: 8px 10px;
    right: 15px;
  }

  .product-section3 .body2 .product-section3-swiper {
    width: 100%;
  }

  .product-section3 .body2 .video .play-btn {
    background-size: 40.2px 40.2px;
  }

  .product-section3 .body2 .itembox2 {
    order: -3;
    width: 100%;
    margin-left: 0;
    display: flex;
    flex-wrap: wrap;
    flex-flow: row;
    margin-bottom: 20px;
  }

  .product-section3 .body2 .itembox2 .item2 {
    width: 32%;
    height: 100.2px;
    margin-bottom: 0;
  }

  .product-section3 .body2 .itembox2 .item2:nth-child(3n-1) {
    margin-left: 2%;
    margin-right: 2%;
  }

  .product-section3 .body2 .itembox2 .item2 .text1 {
    font-size: 12px;
    height: 24px;
    top: 0;
  }

  .product-section3 .body2 .itembox2 .item2 .text2 {
    font-size: 13.8px;
  }

  .product-section3 .body2 .content {
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .product-section3 .body2 .info {
    position: static;
    padding: 20px 10px;
  }

  .product-section3 .body2 .title,
  .product-section3 .body2 .desc {
    color: #333;
  }

  .product-section3 .body2 .title {
    margin-bottom: 15px;
  }

  .product-section3 .body2 .desc {
    font-size: 12px;
    font-family: "SourceHanSansCN-Regular", "SourceHanSansHK-Regular";
  }
}

/* ==================== 产品与服务 - 板块三 End ==================== */
/* ==================== 产品与服务 - 板块四 Start ==================== */
.product-section4 {
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  background-color: #f9fafc;
}

.product-section4 .body {
  position: relative;
}

.product-section4 .body .float-icon {
  position: absolute;
  top: 4.67rem;
  left: 50%;
  width: 4rem;
  margin-left: -2rem;
  animation: jump 1s infinite ease-in-out alternate;
}

.product-section4 .body .float-text {
  position: absolute;
  top: 8rem;
  left: 50%;
  width: 6.67rem;
  margin-left: -3.33rem;
}

.product-section4 .body .btn-group {
  position: absolute;
  top: 40%;
  transform: translateY(-50%);
  right: 0.83rem;
  width: 13.2vw;
}

.product-section4 .body .btn1,
.product-section4 .body .btn2 {
  box-shadow: 0.13rem 0.17rem 0.2rem 0rem rgba(247, 145, 48, 0.08);
  border-radius: 0.1rem;
  border: 0.03rem solid #FFFFFF;
  height: 1.17rem;
  cursor: pointer;
  z-index: 9;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-family: "SourceHanSansCN-Medium", "SourceHanSansHK-Medium";
  font-size: 0.24rem;
  padding-left: 0.2rem;
  padding-right: 0.2rem;
}

.product-section4 .body .btn1:after,
.product-section4 .body .btn2:after {
  content: "";
  display: block;
  background: url(../png/img016%40100x64.png) no-repeat center;
  background-size: 100%;
  width: 0.43rem;
  height: 0.3rem;
  margin-left: 0.1rem;
  animation: jump2 1s infinite ease-in-out alternate;
}

.product-section4 .body .btn1 {
  background: linear-gradient(360deg, #F68E08 0%, #FAB550 100%);
  margin-bottom: 0.5rem;
}

.product-section4 .body .btn2 {
  background: linear-gradient(to bottom, #2fa9ff 0%, #067efe 100%);
}

.product-section4 .float {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 99;
}

.product-section4 .float:hover img,
.product-section4 .float:hover .content {
  opacity: 1;
  visibility: visible;
}

.product-section4 .float img {
  max-width: inherit;
  left: 50%;
  position: absolute;
  transform: translate(-50%, 0);
  top: 0.5rem;
  visibility: hidden;
  opacity: 0;
  transition: all 0.4s;
}

.product-section4 .float1 {
  width: 3.17rem;
  height: 1.42rem;
  cursor: pointer;
  left: 12%;
  top: 16%;
  right: auto;
}

.product-section4 .float1 img {
  width: 5.17rem;
}

.product-section4 .float2 {
  width: 3.17rem;
  height: 1.42rem;
  cursor: pointer;
  right: 14.5%;
  left: auto;
  top: 16%;
}

.product-section4 .float2 img {
  width: 5.17rem;
  left: -56%;
  top: 0.23rem;
}

.product-section4 .float3 {
  width: 4.33rem;
  height: 2.17rem;
  cursor: pointer;
  left: 19.2%;
  right: auto;
  top: auto;
  bottom: 25%;
}

.product-section4 .float4 {
  width: 4.17rem;
  height: 2.08rem;
  cursor: pointer;
  right: 20%;
  left: auto;
  top: auto;
  bottom: 26%;
}

.product-section4 .content {
  position: absolute;
  top: 0.28rem;
  left: 1.17rem;
  width: 100%;
  background: linear-gradient(179deg, #F1F6FD 0%, #FEFEFE 100%);
  border-radius: 0.13rem;
  background-color: rgba(255, 255, 255, 0.96);
  border: 0.03rem solid #FFFFFF;
  padding: 0.33rem 0.5rem;
  padding-top: 0.5rem;
  transition: all 0.4s;
  opacity: 0;
  visibility: hidden;
  width: 12vw;
}

.product-section4 .content .title {
  font-size: 0.3rem;
  color: #1475FE;
  font-family: "OPPOSANS-MEDIUM";
  line-height: 1;
  margin-bottom: 0.25rem;
}

.product-section4 .item {
  font-size: 0.24rem;
  color: #666;
  line-height: 1.5;
  font-family: "SourceHanSansCN-Regular", "SourceHanSansHK-Regular";
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0.13rem 0;
  transition: all 0.4s;
  padding-right: 0.3rem;
  position: relative;
}

.product-section4 .item:hover {
  transform: translateX(0.08rem);
  color: #0077FF;
}

.product-section4 .item:after {
  content: "";
  display: inline-block;
  width: 0.1rem;
  height: 0.1rem;
  border-top: 0.03rem solid #0077FF;
  border-right: 0.03rem solid #0077FF;
  transform: rotate(45deg) translateY(-50%);
  margin-left: 0.17rem;
  flex-shrink: 0;
  position: absolute;
  right: 0;
  top: 50%;
}

@keyframes jump {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(10px);
  }
}

@keyframes jump2 {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(0.2vw);
  }
}

@media screen and (min-width: 1100px) {
  .product-section4 {
    padding-top: 0.83rem;
    padding-bottom: 1.5rem;
  }

  .product-section4 .mxw-box {
    max-width: 23.67rem;
  }

  .product-section4 .about-title {
    padding-bottom: 1.5rem;
  }
}

@media screen and (max-width: 1400px) {
  .product-section4 .mxw-box {
    max-width: 70%;
  }
}

@media screen and (max-width: 1099px) {
  .product-section4 {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .product-section4 .mxw-box {
    max-width: 100%;
  }

  .product-section4 .body .btn-group {
    display: flex;
    align-items: stretch;
    position: static;
    transform: translateY(0);
    margin-top: 30px;
    max-width: 100%;
    width: 100%;
  }

  .product-section4 .body .btn1,
  .product-section4 .body .btn2 {
    width: 49%;
    font-size: 12px;
    height: auto;
    padding: 10px 10px;
  }

  .product-section4 .body .btn1:after,
  .product-section4 .body .btn2:after {
    width: 13.8px;
    height: 13.8px;
    margin-left: 4.8px;
    flex-shrink: 0;
  }

  .product-section4 .body .btn1 {
    margin-right: 2%;
    margin-bottom: 0;
  }

  .product-section4 .body .float-icon {
    width: 13vw;
    margin-left: -6.5vw;
    top: 27%;
    z-index: 2;
  }

  .product-section4 .body .float-text {
    top: 40%;
    left: 50%;
    width: 160.2px;
    margin-left: -79.8px;
    z-index: 3;
  }

  .product-section4 .float1 {
    width: 12vw;
    height: 7vw;
    top: 10vw;
    left: 15vw;
  }

  .product-section4 .float1 img {
    width: 80vw;
    top: 0;
    transform: translateX(-10vw);
    left: 0;
    z-index: 99;
    box-shadow: 0 0 10px -5px rgb(251, 182, 81);
  }

  .product-section4 .float2 {
    width: 12vw;
    height: 5vw;
    right: 14.5%;
    top: 12%;
  }

  .product-section4 .float2 img {
    z-index: 99;
    width: 5.17rem;
    left: -20vw;
    top: 0;
    right: 0;
    box-shadow: 0 0 10px -5px rgb(251, 182, 81);
  }
}

/* ==================== 产品与服务 - 板块四 End ==================== */
/* ==================== 产品与服务 - 板块五 Start ==================== */
.product-section5 {
  background-position: center top;
  background-size: cover;
  background-repeat: no-repeat;
}

.product-section5 .product-title {
  font-family: "SourceHanSansCN-Medium", "SourceHanSansHK-Medium";
}

.product-section5 .body {
  background: linear-gradient(179deg, #F1F6FD 0%, #FEFEFE 100%);
  box-shadow: 0.13rem 0.17rem 0.2rem 0rem rgba(158, 184, 230, 0.19);
  border-radius: 0.13rem;
  border: 0.03rem solid #FFFFFF;
  position: relative;
  padding: 1rem 0.75rem;
  justify-content: space-between;
  display: flex;
  align-items: center;
}

.product-section5 .itembox {
  min-width: 0;
  flex-grow: 1;
}

.product-section5 .item {
  padding: 0.42rem 1.67rem 0.42rem 1.33rem;
  margin-bottom: 0.33rem;
  transition: all 0.4s;
  border-radius: 0.13rem;
  border: 0.03rem solid transparent;
  cursor: pointer;
}

.product-section5 .item.active {
  background-color: #fff;
  border-color: #8cb0eb;
}

.product-section5 .item:last-child {
  margin-bottom: 0;
}

.product-section5 .item .head {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 0.25rem;
}

.product-section5 .item .icon {
  flex-shrink: 0;
  width: 0.67rem;
  margin-right: 0.1rem;
  font-size: 0;
}

.product-section5 .item .text {
  font-size: 0.33rem;
  color: #232A3B;
  line-height: 1;
  font-family: "SourceHanSansCN-Regular", "SourceHanSansHK-Regular";
}

.product-section5 .item .content {
  font-size: 0.23rem;
  color: #7A839A;
  line-height: 1.8;
  font-family: "SourceHanSansCN-Regular", "SourceHanSansHK-Regular";
}

.product-section5 .product-section5-swiper {
  width: 11.63rem;
  flex-shrink: 0;
}

@media screen and (min-width: 1100px) {
  .product-section5 {
    padding-top: 1.33rem;
    padding-bottom: 2.5rem;
  }

  .product-section5-swiper {
    margin-left: 0.5rem;
  }
}

@media screen and (max-width: 1099px) {
  .product-section5 {
    padding-top: 49.8px;
    padding-bottom: 49.8px;
  }

  .product-section5 .body {
    padding: 30px 15px;
    display: block;
  }

  .product-section5 .itembox {
    width: 100%;
  }

  .product-section5 .item {
    padding: 20px 15px;
    margin-bottom: 0;
  }

  .product-section5 .item .head {
    margin-bottom: 4.8px;
  }

  .product-section5 .item .icon {
    width: 30px;
    margin-right: 10px;
  }

  .product-section5 .item .text {
    font-size: 18px;
  }

  .product-section5 .item .content {
    font-size: 12px;
  }

  .product-section5 .product-section5-swiper {
    width: 100%;
    margin-top: 20px;
  }
}

/* ==================== 产品与服务 - 板块五 End ==================== */
/* ==================== 产品与服务 - 板块六 Start ==================== */
.product-section6 {
  background-position: center top;
  background-size: 100%;
  background-repeat: no-repeat;
}

.product-section6 .product-title {
  margin-bottom: 0.5rem;
}

.product-section6 .body {
  border: 0.07rem solid #fff;
  border-radius: 0.13rem;
  background: linear-gradient(179deg, #F1F6FD 0%, #FEFEFE 100%);
  padding: 0.67rem;
  text-align: center;
  box-shadow: 0.17rem 0.17rem 0.33rem -0.08rem #e8eef8;
}

.product-section6 .desc {
  max-width: 15rem;
  margin-left: auto;
  margin-right: auto;
  font-size: 0.27rem;
  color: #6D7485;
  line-height: 1.4;
  text-align: center;
  font-family: "SourceHanSansCN-Regular", "SourceHanSansHK-Regular";
  margin-bottom: 0.67rem;
}

.product-section6 .title {
  background-color: #f1f6fe;
  border: 0.03rem solid #fff;
  border-radius: 1.67rem;
  padding: 0 0.5rem;
  font-size: 0.22rem;
  color: #f79639;
  height: 0.67rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-family: "SourceHanSansCN-Regular", "SourceHanSansHK-Regular";
  margin-bottom: -0.33rem;
  z-index: 99;
  position: relative;
  line-height: 1;
  box-shadow: 0.05rem 0.17rem 0.17rem -0.08rem #e4e8f1;
}

.product-section6 .item {
  width: 14rem;
  margin-left: auto;
  margin-right: auto;
}

.product-section6 .swiper-pagination {
  width: 100%;
  font-size: 0.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0.4rem;
  position: static;
}

.product-section6 .swiper-pagination .swiper-pagination-bullet {
  height: 0.05rem;
  width: 0.58rem;
  margin: 0 0.03rem;
  border-radius: 0;
  background-color: #d5d5d5;
  opacity: 1;
}

.product-section6 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #f79130;
}

.product-section6 .body2 {
  margin-top: 1.33rem;
}

.product-section6 .itembox2 {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: space-between;
  margin-bottom: 0.58rem;
}

.product-section6 .item2 {
  width: 19.2%;
  flex-shrink: 0;
  text-align: center;
  background: linear-gradient(179deg, #F1F6FD 0%, #FEFEFE 100%);
  box-shadow: 0.13rem 0.17rem 0.2rem 0rem rgba(158, 184, 230, 0.19);
  border: 0.03rem solid #fff;
  padding: 0.67rem 0.17rem 0.5rem;
  cursor: pointer;
  transition: border-color 0.4s;
}

.product-section6 .item2:hover {
  border-color: #0077ff;
}

.product-section6 .item2 .icon {
  width: 0.83rem;
  margin-bottom: 0.33rem;
  margin-left: auto;
  margin-right: auto;
}

.product-section6 .item2 .text1 {
  font-size: 0.4rem;
  color: #232A3B;
  line-height: 1;
  font-family: "SourceHanSansCN-Bold", "SourceHanSansHK-Bold";
  display: flex;
  align-items: center;
  justify-content: center;
}

.product-section6 .item2 .text1 span {
  font-family: "SourceHanSansCN-Bold", "SourceHanSansCN-BoldHK-Bold" !important;
  line-height: 1;
}

.product-section6 .item2 .text2 {
  margin-top: 0.08rem;
  font-family: "SourceHanSansCN-Regular", "SourceHanSansHK-Regular";
  line-height: 1;
  color: #232A3B;
  font-size: 0.27rem;
}

.product-section6 .itembox3 {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  border-radius: 0.13rem;
  overflow: hidden;
  margin-bottom: 0.33rem;
}

.product-section6 .item3 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  background-color: #057cff;
}

.product-section6 .item3 .text2 {
  font-size: 0.4rem;
  color: #fff;
  font-family: "SourceHanSansCN-Medium", "SourceHanSansHK-Medium";
  text-align: center;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.product-section6 .item3 .icon {
  width: 0.83rem;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0.42rem;
  padding-top: 0.92rem;
}

.product-section6 .item3 .text1 {
  font-size: 0.23rem;
  color: #fff;
  font-family: "SourceHanSansCN-Regular", "SourceHanSansHK-Regular";
  line-height: 1.6;
  text-align: center;
}

.product-section6 .body3 {
  background: linear-gradient(179deg, #F1F6FD 0%, #FEFEFE 100%);
  box-shadow: 0.13rem 0.17rem 0.2rem 0rem rgba(158, 184, 230, 0.19);
  border-radius: 0.22rem;
  border: 0.03rem solid #FFFFFF;
  display: flex;
  align-items: center;
  padding-top: 0.67rem;
  padding-bottom: 0.33rem;
}

.product-section6 .body3 .title3 {
  width: 4.17rem;
  flex-shrink: 0;
  font-size: 0.4rem;
  color: #333;
  font-family: "SourceHanSansCN-Medium", "SourceHanSansHK-Medium";
  line-height: 1;
  text-align: center;
}

.product-section6 .itembox4 {
  min-width: 0;
  flex-grow: 1;
  display: flex;
  align-items: stretch;
}

.product-section6 .item4 {
  width: 33.3333%;
  position: relative;
}

.product-section6 .item4:before {
  content: "";
  display: block;
  width: 0.02rem;
  height: 1.33rem;
  background-color: #dddfe0;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
}

.product-section6 .item4 .icon4 {
  width: 1.83rem;
  margin: 0 auto;
  font-size: 0;
  box-shadow: 0.17rem 0.17rem 0.17rem -0.08rem #e9f0f9;
  border-radius: 100%;
}

.product-section6 .item4 .text4 {
  margin-top: 0.33rem;
  font-size: 0.23rem;
  line-height: 1;
  text-align: center;
  color: #333;
  font-family: "SourceHanSansCN-Medium", "SourceHanSansHK-Medium";
}

@media screen and (min-width: 1100px) {
  .product-section6 {
    padding-top: 1.5rem;
    padding-bottom: 1rem;
  }

  .product-section6 .product-title {
    font-size: 0.6rem;
    font-family: "OPPOSANS-MEDIUM";
  }

  .product-section6 .item3 {
    width: 15.8%;
    height: 3.67rem;
  }

  .product-section6 .item3:nth-child(1),
  .product-section6 .item3:nth-child(7) {
    width: 21%;
  }

  .product-section6 .item3:nth-child(2),
  .product-section6 .item3:nth-child(4),
  .product-section6 .item3:nth-child(6),
  .product-section6 .item3:nth-child(7),
  .product-section6 .item3:nth-child(9),
  .product-section6 .item3:nth-child(11) {
    background-color: #0061ee;
  }
}

@media screen and (max-width: 1099px) {
  .product-section6 {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .product-section6 .title {
    padding-left: 15px;
    padding-right: 15px;
  }

  .product-section6 .desc {
    font-size: 13.2px;
    line-height: 1.8;
    margin-bottom: 30px;
  }

  .product-section6 .body {
    padding: 15px;
  }

  .product-section6 .body .item {
    width: 100%;
  }

  .product-section6 .itembox2 {
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 20px;
  }

  .product-section6 .item2 {
    width: 32%;
    padding: 20px 4.8px;
  }

  .product-section6 .item2:nth-child(4),
  .product-section6 .item2:nth-child(5) {
    width: 49%;
  }

  .product-section6 .item2:nth-child(5) {
    margin-right: 0 !important;
  }

  .product-section6 .item2:nth-child(3n-1) {
    margin-left: 2%;
    margin-right: 2%;
  }

  .product-section6 .item2:nth-child(3)~.item2 {
    margin-top: 2%;
  }

  .product-section6 .item2 .icon {
    width: 30px;
    margin-bottom: 15px;
  }

  .product-section6 .item2 .text1 {
    font-size: 18px;
  }

  .product-section6 .item2 .text2 {
    font-size: 12px;
    line-height: 1.4;
  }

  .product-section6 .item3 {
    width: 33.3333%;
    padding: 15px 4.8px;
    zoom: 0.9;
  }

  .product-section6 .item3:nth-child(2n) {
    background-color: #0061ee;
  }

  .product-section6 .item3 .text2 {
    font-size: 16.2px;
  }

  .product-section6 .item3 .icon {
    width: 30px;
    margin-bottom: 10px;
    padding-top: 0;
  }

  .product-section6 .item3 .text1 {
    font-size: 12px;
  }

  .product-section6 .body3 {
    display: block;
    padding: 20px;
  }

  .product-section6 .body3 .title3 {
    margin-right: 0;
    width: 100%;
    text-align: center;
    font-size: 18px;
    margin-bottom: 20px;
  }

  .product-section6 .itembox4 {
    display: block;
  }

  .product-section6 .item4 {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-bottom: 1px dashed #d3d4d6;
    padding-bottom: 10px;
    padding-top: 10px;
  }

  .product-section6 .item4:first-child {
    padding-top: 0;
  }

  .product-section6 .item4:last-child {
    border-bottom: 0;
    padding-bottom: 0;
  }

  .product-section6 .item4::before {
    display: none;
  }

  .product-section6 .item4 .icon4 {
    width: 60px;
    margin-right: 20px;
    flex-shrink: 0;
  }

  .product-section6 .item4 .text4 {
    min-width: 0;
    flex-grow: 1;
    margin-top: 0;
    font-size: 13.8px;
    text-align: left;
  }
}

/* ==================== 产品与服务 - 板块六 End ==================== */
/* ==================== 产品与服务 - 板块七 Start ==================== */
.product-section7 {
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center top;
  background-color: #fff;
}

.product-section7 .body {
  position: relative;
}

.product-section7 .swiper-slide {
  padding: 0.17rem 0.17rem;
}

.product-section7 .item {
  border: 0.1rem solid #fff;
  border-radius: 0.13rem;
  box-shadow: 0.1rem 0.1rem 0.17rem 0.02rem #eaeef8;
  background: linear-gradient(179deg, #F1F6FD 0%, #FEFEFE 100%);
}

.product-section7 .item:hover .more-btn {
  color: #fff !important;
  background-color: #1475FE;
}

.product-section7 .item:hover .bg-image {
  opacity: 1;
  visibility: visible;
}

.product-section7 .item .bg-image {
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s;
}

.product-section7 .item .info {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0 1rem;
  text-align: center;
  padding-top: 1.08rem;
}

.product-section7 .item .info .text1 {
  font-size: 0.4rem;
  color: #333;
  line-height: 1;
  font-family: "SourceHanSansCN-Medium", "SourceHanSansHK-Medium";
  margin-bottom: 0.33rem;
}

.product-section7 .item .info .text2 {
  font-size: 0.23rem;
  color: #333;
  font-family: "SourceHanSansCN-Regular", "SourceHanSansHK-Regular";
  line-height: 1.8;
}

.product-section7 .item .info .image {
  margin-top: 0.67rem;
  border: 0.07rem solid #fff;
  border-radius: 0.13rem;
  overflow: hidden;
}

.product-section7 .item .info .more-btn {
  font-size: 0.23rem;
  color: #1475FE;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 1.67rem;
  padding: 0.13rem 0.2rem;
  margin-top: 0.33rem;
  transition: all 0.4s;
  border: 0.02rem solid #1475FE;
}

.product-section7 .item .info .more-btn:hover {
  color: #fff;
  background-color: #1475FE;
}

.product-section7 .swiper-button-prev {
  left: -1.17rem;
}

.product-section7 .swiper-button-next {
  right: -1.17rem;
}

@media screen and (min-width: 1100px) {
  .product-section7 {
    padding-top: 1.33rem;
    padding-bottom: 2.33rem;
  }

  .product-section7 .product-title {
    font-size: 0.6rem;
  }
}

@media screen and (max-width: 1099px) {
  .product-section7 {
    padding-bottom: 30px;
  }

  .product-section7 .item {
    border-width: 3px;
  }

  .product-section7 .item .bg-image {
    opacity: 1;
    visibility: visible;
  }

  .product-section7 .item .info {
    padding: 50px 40px;
  }

  .product-section7 .item .info .text1 {
    margin-bottom: 15px;
    font-size: 18px;
  }

  .product-section7 .item .info .image {
    margin-top: 30px;
  }

  .product-section7 .swiper-button-prev {
    left: 0;
  }

  .product-section7 .swiper-button-next {
    right: 0;
  }
}

/* ==================== 产品与服务 - 板块七 End ==================== */
/* ==================== 产品与服务 - 板块八 Start ==================== */
.product-section8 {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  text-align: center;
}

.product-section8 .text1 {
  font-size: 0.43rem;
  color: #fff;
  font-family: "SourceHanSansCN-Medium", "SourceHanSansHK-Medium";
  line-height: 1;
}

.product-section8 .more-btn {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0.6rem;
  width: 2.5rem;
  height: 0.67rem;
  border-radius: 1.67rem;
  border: 0.02rem solid #fff;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.27rem;
  transition: all 0.4s;
  color: #fff;
}

.product-section8 .more-btn:hover {
  background-color: rgba(255, 255, 255, 0.2);
}

@media screen and (min-width: 1100px) {
  .product-section8 {
    height: 4.17rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

@media screen and (max-width: 1099px) {
  .product-section8 {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .product-section8 .text1 {
    font-size: 18px;
    line-height: 1.6;
  }

  .product-section8 .more-btn {
    width: 150px;
    height: auto;
    font-size: 12px;
    padding: 8px 15px;
    margin-top: 20px;
  }
}

/* ==================== 产品与服务 - 板块八 End ==================== */
/* ==================== 产品与服务 - 弹窗 Start ==================== */
.product-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 99;
  display: none;
  visibility: hidden;
  opacity: 0;
  transition: all 0.4s;
}

.product-popup.active {
  opacity: 1;
  visibility: visible;
}

.product-popup .mxw-box {
  width: 100%;
  max-width: 25rem;
  background-image: linear-gradient(to top, #f4f8fd, #fff);
  height: 80vh;
  padding: 0.83rem 0.67rem;
  border-radius: 0.13rem;
  position: relative;
}

.product-popup .mxw-box .close {
  position: absolute;
  top: 0.17rem;
  right: 0.17rem;
  width: 0.5rem;
  cursor: pointer;
}

.product-popup .play-btn {
  position: absolute;
  top: 0;
  left: 0;
  background: url(../png/img257%40200x200.png) no-repeat center rgba(0, 0, 0, 0.2);
  background-size: 1.67rem 1.67rem;
  width: 100%;
  height: 100%;
  cursor: pointer;
  z-index: 3;
}

.product-popup .body2 {
  height: 100%;
  overflow: auto;
  position: relative;
}

.product-popup .body2::-webkit-scrollbar {
  width: 0.1rem;
  background: #ececec;
  border-radius: 1.67rem;
}

.product-popup .body2::-webkit-scrollbar-thumb {
  border-radius: 1.67rem;
  background: #ff9632;
  cursor: pointer;
}

.product-popup .body2 .item {
  width: 23.33rem;
  margin-bottom: 0.5rem;
}

.product-popup .body2 .item:last-child {
  margin-bottom: 0;
}

.product-popup .body2 .item .title {
  background-color: #f5f5fd;
  border: 0.05rem solid #fff;
  border-radius: 0.13rem;
  font-size: 0.4rem;
  line-height: 1;
  font-family: "SourceHanSansCN-Medium", "SourceHanSansHK-Medium";
  color: #7e7e7c;
  padding: 0.33rem 0.5rem;
  box-shadow: inset 0 0 0.33rem -0.08rem #d9eaff;
  margin-bottom: 0.33rem;
}

.product-popup .body2 .item .image {
  display: block;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.product-popup .body2 .item .content {
  display: block;
  padding: 0.42rem 0.25rem;
  border-radius: 0.13rem;
  border: 0.05rem solid #fff;
  background: #f1f6fd;
  box-shadow: 0 0.17rem 0.17rem -0.08rem #f1f6fd;
  position: relative;
}

.product-popup .body2 .item .video {
  position: relative;
}

.product-popup .body2 .item video {
  display: block;
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 1099px) {
  .product-popup {
    align-items: flex-end;
  }

  .product-popup .mxw-box {
    border-radius: 4px 4px 0 0;
    padding: 20px 15px;
    padding-top: 49.8px;
    height: auto;
    max-height: 80vh;
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .product-popup .body2 {
    height: auto;
    max-height: 100%;
  }

  .product-popup .body2 .item {
    width: 100%;
    margin-bottom: 15px;
  }

  .product-popup .body2 .item .title {
    font-size: 13.8px;
    border-radius: 4px;
    padding: 12px;
    margin-bottom: 10px;
  }

  .product-popup .body2 .item .content {
    width: 100%;
    padding: 10px 10px;
  }

  .product-popup .play-btn {
    background-size: 40.2px 40.2px;
  }
}

/* ==================== 产品与服务 - 弹窗 End ==================== */
/* ==================== 产品与服务详情 - 通用样式 Start ==================== */
.product-desc-title {
  text-align: center;
  margin-bottom: 0.5rem;
}

.product-desc-title .title-text {
  display: inline-block;
  position: relative;
  padding-left: 0.17rem;
  padding-right: 0.17rem;
  font-size: 0.53rem;
  font-family: "SourceHanSansCN-Bold", "SourceHanSansHK-Bold";
  color: #333333;
  line-height: 1;
}

.product-desc-title .title-text:before,
.product-desc-title .title-text:after {
  content: "";
  display: block;
  width: 0.33rem;
  height: 0.33rem;
  background: url(../png/img267%4040x40.png) no-repeat center;
  background-size: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.product-desc-title .title-text:before {
  left: -0.33rem;
}

.product-desc-title .title-text:after {
  right: -0.33rem;
  transform: rotateY(180deg) translateY(-50%);
}

@media screen and (max-width: 1099px) {
  .product-desc-title .title-text {
    font-size: 22.2px;
  }
}

/* ==================== 产品与服务详情 - 通用样式 End ==================== */
/* ==================== 产品与服务详情 - 板块一 Start ==================== */
.product-desc-section1 {
  position: relative;
  overflow: hidden;
}

.product-desc-section1 .info {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  z-index: 2;
}

.product-desc-section1 .info .text1 {
  font-size: 0.67rem;
  color: #656262;
  line-height: 1;
  font-family: "SourceHanSansCN-Medium", "SourceHanSansHK-Medium";
}

.product-desc-section1 .info .text2 {
  font-size: 0.33rem;
  color: #706D6D;
  line-height: 1.4;
  text-align: justify;
  font-family: "SourceHanSansCN-Regular", "SourceHanSansHK-Regular";
  margin-top: 0.5rem;
}

.product-desc-section1 .info .more-btn {
  display: block;
  margin-top: 0.67rem;
  border: 0.02rem solid #3D3A3A;
  border-radius: 1.67rem;
  margin-left: 0;
  margin-right: auto;
  height: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.3rem;
  color: #656262;
  font-family: "SourceHanSansCN-Regular", "SourceHanSansHK-Regular";
  width: 2.83rem;
  transition: all 0.4s;
}

.product-desc-section1 .info .more-btn:hover {
  background-color: #ff9632;
  color: #fff;
  border-color: #ff9632;
}

@media screen and (max-width: 1099px) {
  .product-desc-section1 .info .text1 {
    font-size: 18px;
  }

  .product-desc-section1 .info .text2 {
    font-size: 12px;
    margin-top: 10px;
  }

  .product-desc-section1 .info .more-btn {
    margin-top: 20px;
    border-width: 1px;
    height: 25.8px;
    font-size: 12px;
    width: 109.8px;
  }
}

/* ==================== 产品与服务详情 - 板块一 End ==================== */
/* ==================== 产品与服务详情 - 板块二 Start ==================== */
.product-desc-section2 {
  background-color: #fafcff;
}

.product-desc-section2 .product-desc-title {
  margin-bottom: 0.5rem;
}

.product-desc-section2 .body {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border: 0.03rem solid #fff;
  border-radius: 0.08rem;
  padding: 1.67rem 2.33rem;
  box-shadow: 0.1rem 0.1rem 0.33rem 0 #dae4f7;
  font-size: 0.33rem;
  color: #333;
  line-height: 1.4;
  font-family: "SourceHanSansCN-Regular", "SourceHanSansHK-Regular";
}

@media screen and (min-width: 1100px) {
  .product-desc-section2 {
    padding-top: 1.33rem;
    padding-bottom: 1.83rem;
  }
}

@media screen and (max-width: 1099px) {
  .product-desc-section2 {
    padding-top: 49.8px;
    padding-bottom: 49.8px;
  }

  .product-desc-section2 .product-desc-title {
    margin-bottom: 30px;
  }

  .product-desc-section2 .body {
    border-width: 1.8px;
    border-radius: 4.8px;
    padding: 30px 20px;
    box-shadow: 6px 6px 20px 0 #dae4f7;
    font-size: 13.2px;
    line-height: 1.8;
  }
}

/* ==================== 产品与服务详情 - 板块二 End ==================== */
/* ==================== 产品与服务详情 - 板块三 Start ==================== */
.product-desc-section3 .body img {
  width: 100%;
}

@media screen and (min-width: 1100px) {
  .product-desc-section3 {
    padding-top: 1.5rem;
    padding-bottom: 1.33rem;
  }
}

@media screen and (max-width: 1099px) {
  .product-desc-section3 {
    padding-top: 49.8px;
    padding-bottom: 49.8px;
  }
}

/* ==================== 产品与服务详情 - 板块三 End ==================== */
/* ==================== 产品与服务详情 - 板块四 Start ==================== */
.product-desc-section4 {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center top;
  background-color: #fafcfe;
}

.product-desc-section4 .itembox {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  background-color: rgba(255, 255, 255, 0.6);
  padding-top: 0.83rem;
  padding-bottom: 0.83rem;
}

.product-desc-section4 .item {
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.33rem;
  padding-bottom: 0.33rem;
  position: relative;
}

.product-desc-section4 .item:nth-child(3n):after {
  display: none;
}

.product-desc-section4 .item:after {
  content: "";
  display: block;
  width: 0.02rem;
  height: 100%;
  background-color: #e2e2e2;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.product-desc-section4 .item .icon {
  width: 1.17rem;
  flex-shrink: 0;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0.33rem;
}

.product-desc-section4 .item .title {
  font-size: 0.33rem;
  color: #232A3B;
  line-height: 1;
  text-align: center;
  margin-bottom: 0.17rem;
  font-family: "SourceHanSansCN-Medium", "SourceHanSansHK-Medium";
}

.product-desc-section4 .item .desc {
  color: #7A839A;
  font-size: 0.27rem;
  font-family: "SourceHanSansCN-Regular", "SourceHanSansHK-Regular";
}

@media screen and (min-width: 1100px) {
  .product-desc-section4 {
    padding-top: 1.67rem;
    padding-bottom: 2rem;
  }

  .product-desc-section4 .product-desc-title {
    margin-bottom: 1.08rem;
  }

  .product-desc-section4 .item {
    width: 33.333%;
  }

  .product-desc-section4 .item:nth-child(3)~.item {
    margin-top: 0.67rem;
  }
}

@media screen and (max-width: 1099px) {
  .product-desc-section4 {
    padding-top: 49.8px;
    padding-bottom: 49.8px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    background-color: #fafcfe;
  }

  .product-desc-section4 .itembox {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .product-desc-section4 .item {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
  }

  .product-desc-section4 .item:after {
    display: none;
  }

  .product-desc-section4 .item .icon {
    width: 49.8px;
    margin-bottom: 0;
    margin-right: 20px;
    flex-shrink: 0;
  }

  .product-desc-section4 .item .title {
    font-size: 15px;
    margin-bottom: 10px;
    line-height: 1.4;
    text-align: left;
  }

  .product-desc-section4 .item .desc {
    font-size: 12px;
    text-align: left;
    line-height: 1.8;
  }
}

/* ==================== 产品与服务详情 - 板块四 End ==================== */
/* ==================== 产品与服务详情 - 板块五 Start ==================== */
.product-desc-section5 .body img {
  width: 100%;
}

@media screen and (min-width: 1100px) {
  .product-desc-section5 {
    padding-top: 1.5rem;
    padding-bottom: 3.33rem;
  }
}

@media screen and (max-width: 1099px) {
  .product-desc-section5 {
    padding-top: 49.8px;
    padding-bottom: 49.8px;
  }
}

/* ==================== 产品与服务详情 - 板块五 End ==================== */
/* ==================== 产品与服务详情 - 板块六 Start ==================== */
.product-desc-section6 {
  background-color: #fafcff;
}

.product-desc-section6 .itembox {
  display: flex;
  flex-wrap: wrap;
}

.product-desc-section6 .item {
  transition: all 0.4s;
  box-shadow: 0.13rem 0.17rem 0.2rem 0rem rgba(158, 184, 230, 0.19);
  position: relative;
}

.product-desc-section6 .item:after {
  content: "";
  display: block;
  width: 100%;
  height: 0.1rem;
  background-color: #f79130;
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s;
}

.product-desc-section6 .item:hover:after {
  opacity: 1;
  visibility: visible;
}

.product-desc-section6 .item .title {
  padding: 0.83rem 0.33rem;
  text-align: center;
  font-size: 0.33rem;
  color: #666;
  line-height: 1;
  font-family: "SourceHanSansCN-Regular", "SourceHanSansHK-Regular";
}

.product-desc-section6 .body2 {
  padding-top: 0.83rem;
}

.product-desc-section6 .body2 .title {
  font-size: 0.53rem;
  color: #333;
  line-height: 1;
  font-family: "SourceHanSansCN-Regular", "SourceHanSansHK-Regular";
  text-align: center;
  margin-bottom: 0.33rem;
}

.product-desc-section6 .itembox2 {
  padding: 0.33rem 1.17rem;
  background-color: #fff;
  box-shadow: 0.13rem 0.17rem 0.2rem 0rem rgba(158, 184, 230, 0.19);
  border-radius: 0.13rem;
}

.product-desc-section6 .item2 {
  padding-bottom: 0.67rem;
  padding-top: 0.67rem;
  display: flex;
  align-items: flex-start;
  border-bottom: 0.02rem solid #979797;
}

.product-desc-section6 .item2:last-child {
  border-bottom: 0;
}

.product-desc-section6 .item2 .date {
  display: flex;
  align-items: stretch;
  padding-right: 0.83rem;
  padding-top: 0.33rem;
  padding-bottom: 0.33rem;
}

.product-desc-section6 .item2 .date .day {
  font-size: 1.3rem;
  color: #292626;
  line-height: 1;
  font-family: "D-DIN-PRO-700-Bold";
}

.product-desc-section6 .item2 .date .day span {
  color: #797791;
  font-family: 'D-DIN-PRO-700-Bold';
}

.product-desc-section6 .item2 .date .year {
  font-size: 0.23rem;
  color: #666;
  font-family: "SourceHanSansCN-Medium", "SourceHanSansHK-Medium";
  margin-left: 0.17rem;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
}

.product-desc-section6 .item2 .date .text1 {
  margin-bottom: 0.28rem;
}

.product-desc-section6 .item2 .info {
  border-left: 0.02rem solid #979797;
  padding-left: 0.5rem;
}

.product-desc-section6 .item2 .info .text1 {
  font-size: 0.33rem;
  color: #333;
  line-height: 1;
  font-family: "OPPOSANS-MEDIUM";
  margin-bottom: 0.17rem;
}

.product-desc-section6 .item2 .info .desc {
  font-size: 0.23rem;
  color: #666;
  line-height: 1.8;
  font-family: "OPPOSANS-REGULAR";
}

.product-desc-section6 .item2 .info .more-btn {
  display: table;
  margin-top: 0.67rem;
  font-size: 0.23rem;
  color: #1475FE;
  line-height: 1;
  transition: all 0.4s;
}

.product-desc-section6 .item2 .info .more-btn:hover {
  transform: translateX(0.08rem);
}

@media screen and (min-width: 1100px) {
  .product-desc-section6 {
    padding-top: 1.33rem;
    padding-bottom: 2.33rem;
  }

  .product-desc-section6 .item:nth-child(1),
  .product-desc-section6 .item:nth-child(2),
  .product-desc-section6 .item:nth-child(3),
  .product-desc-section6 .item:nth-child(4) {
    width: 32%;
    margin-right: 2%;
  }

  .product-desc-section6 .item:nth-child(3) {
    margin-right: 0;
  }

  .product-desc-section6 .item:nth-child(4) {
    margin-top: 0.33rem;
  }

  .product-desc-section6 .item:nth-child(5) {
    margin-top: 0.33rem;
    width: 66%;
  }

  .product-desc-section6 .item:hover {
    transform: translateY(-0.17rem);
  }
}

@media screen and (max-width: 1099px) {
  .product-desc-section6 {
    padding-top: 49.8px;
    padding-bottom: 49.8px;
  }

  .product-desc-section6 .itembox {
    justify-content: space-between;
  }

  .product-desc-section6 .item {
    box-shadow: 8px 10px 12px 0px rgba(158, 184, 230, 0.19);
    width: 48%;
  }

  .product-desc-section6 .item:nth-child(2)~.item {
    margin-top: 20px;
  }

  .product-desc-section6 .item:last-child {
    width: 100%;
  }

  .product-desc-section6 .item:after {
    height: 6px;
  }

  .product-desc-section6 .item .title {
    padding: 20px 10px;
    font-size: 13.8px;
    line-height: 1.6;
  }

  .product-desc-section6 .body2 {
    padding-top: 49.8px;
  }

  .product-desc-section6 .body2 .title {
    font-size: 22.2px;
    margin-bottom: 20px;
  }

  .product-desc-section6 .itembox2 {
    padding: 0 20px;
    box-shadow: 8px 10px 12px 0px rgba(158, 184, 230, 0.19);
    border-radius: 8px;
  }

  .product-desc-section6 .item2 {
    padding-bottom: 30px;
    padding-top: 30px;
    display: block;
  }

  .product-desc-section6 .item2 .date {
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 20px;
    align-items: center;
  }

  .product-desc-section6 .item2 .date .day {
    font-size: 40.2px;
  }

  .product-desc-section6 .item2 .date .year {
    font-size: 12px;
    margin-left: 4.8px;
  }

  .product-desc-section6 .item2 .date .text1 {
    margin-bottom: 0;
  }

  .product-desc-section6 .item2 .info {
    border-left-width: 0;
    padding-left: 0;
  }

  .product-desc-section6 .item2 .info .text1 {
    font-size: 16.2px;
    margin-bottom: 10px;
    overflow: hidden;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    white-space: inherit;
    line-height: 1.5;
  }

  .product-desc-section6 .item2 .info .desc {
    font-size: 12px;
  }

  .product-desc-section6 .item2 .info .more-btn {
    margin-top: 20px;
    font-size: 12px;
  }
}

/* ==================== 产品与服务详情 - 板块六 End ==================== */
/* ==================== 产品与服务详情 - 板块七 Start ==================== */
.product-desc-section7 {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  text-align: center;
}

.product-desc-section7 .text1 {
  font-size: 0.43rem;
  color: #fff;
  font-family: "SourceHanSansCN-Medium", "SourceHanSansHK-Medium";
  line-height: 1;
}

.product-desc-section7 .more-btn {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0.6rem;
  width: 2.5rem;
  height: 0.67rem;
  border-radius: 1.67rem;
  border: 0.02rem solid #fff;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.27rem;
  transition: all 0.4s;
  color: #fff;
}

.product-desc-section7 .more-btn:hover {
  background-color: rgba(255, 255, 255, 0.2);
}

@media screen and (min-width: 1100px) {
  .product-desc-section7 {
    height: 2.83rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

@media screen and (max-width: 1099px) {
  .product-desc-section7 {
    padding-top: 49.8px;
    padding-bottom: 49.8px;
  }

  .product-desc-section7 .text1 {
    font-size: 18px;
    line-height: 1.6;
  }

  .product-desc-section7 .more-btn {
    width: 150px;
    height: auto;
    font-size: 12px;
    padding: 8px 15px;
    margin-top: 20px;
  }
}

/* ==================== 产品与服务详情 - 板块七 End ==================== */
/* ==================== 公益基金 - 通用样式 Start ==================== */
.other-title {
  margin-bottom: 1rem;
  text-align: center;
}

.other-title .text1 {
  font-size: 0.6rem;
  font-family: "OPPOSANS-BOLD";
  color: #333;
  line-height: 1;
}

.other-title .text2 {
  font-size: 0.27rem;
  color: #444;
  line-height: 1.8;
  margin-top: 0.33rem;
  font-family: "OPPOSANS-REGULAR";
}

@media screen and (max-width: 1099px) {
  .other-title {
    margin-bottom: 30px;
  }

  .other-title .text1 {
    font-size: 22.2px;
  }

  .other-title .text2 {
    font-size: 12px;
    margin-top: 10px;
  }
}

/* ==================== 公益基金 - 通用样式 End ==================== */
/* ==================== 公益基金 - 板块一 Start ==================== */
.other-section1 {
  position: relative;
  z-index: 10;
}

.other-section1 .bg-image,
.other-section1 .bg-video {
  overflow: hidden;
}

.other-section1 .info {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding-top: 0.77rem;
  z-index: 2;
}

.other-section1 .logo {
  display: block;
  width: 3.83rem;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0.67rem;
}

.other-section1 .logo img {
  width: 100%;
}

.other-section1 .other-navbar {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
}

.other-section1 .other-navbar:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-image: linear-gradient(to right, transparent, #fff, transparent);
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.other-section1 .other-navbar ul {
  display: flex;
  align-items: center;
  justify-content: center;
}

.other-section1 .other-navbar li {
  margin-right: 1.67rem;
  position: relative;
}

.other-section1 .other-navbar li:hover .sub-nav {
  opacity: 1;
  visibility: visible;
}

.other-section1 .other-navbar li:hover>a,
.other-section1 .other-navbar li.active>a {
  color: #F79130;
}

.other-section1 .other-navbar li:hover>a:after,
.other-section1 .other-navbar li.active>a:after {
  border-color: #F79130;
  opacity: 1;
  visibility: visible;
}

.other-section1 .other-navbar li:last-child {
  margin-right: 0;
}

.other-section1 .other-navbar li>a {
  font-size: 0.3rem;
  line-height: 1;
  font-family: "SourceHanSansCN-Medium", "SourceHanSansHK-Medium";
  position: relative;
  display: block;
  width: 100%;
  color: #fff;
  padding-bottom: 0.5rem;
}

.other-section1 .other-navbar li>a:after {
  content: "";
  display: block;
  width: 0.1rem;
  height: 0.1rem;
  border: 2px solid #fff;
  position: absolute;
  bottom: 0.15rem;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 100%;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s;
}

.other-section1 .other-navbar .sub-nav {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  padding: 0.17rem 0.25rem;
  z-index: 3;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s;
}

.other-section1 .other-navbar .sub-nav .sub-item {
  display: block;
  font-size: 0.3rem;
  color: #211F1F;
  line-height: 1;
  font-family: "SourceHanSansCN-Regular", "SourceHanSansHK-Regular";
  padding: 0.17rem 0;
  text-align: center;
  transition: all 0.4s;
}

.other-section1 .other-navbar .sub-nav .sub-item.active,
.other-section1 .other-navbar .sub-nav .sub-item:hover {
  color: #F79130;
}

.other-section1 .search {
  width: 0.33rem;
  flex-shrink: 0;
  margin-left: 1rem;
  font-size: 0;
}

.other-section1 .bg-video {
  position: relative;
}

.other-section1 .bg-video video {
  display: block;
  width: 100%;
  object-fit: cover;
}

.other-section1 .bg-video.play:after {
  opacity: 0;
  visibility: hidden;
}

@media screen and (min-width: 1100px) {
  .other-section1 .bg-video {
    height: 13.33rem;
  }
}

@media screen and (max-width: 1099px) {
  .other-section1 .info {
    padding-top: 20px;
  }

  .other-section1 .logo {
    width: 139.8px;
    margin-bottom: 20px;
  }

  .other-section1 .other-navbar {
    flex-wrap: wrap;
    padding-bottom: 20px;
  }

  .other-section1 .other-navbar ul {
    width: 100%;
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  .other-section1 .other-navbar li {
    width: 33.333%;
    margin-right: 0;
  }

  .other-section1 .other-navbar li.active>a {
    color: #f79131;
  }

  .other-section1 .other-navbar li.active>a:after {
    border-color: #f79131;
  }

  .other-section1 .other-navbar li>a {
    font-size: 13.8px;
    text-align: center;
    padding: 15px 0;
    padding-bottom: 12px;
    position: relative;
  }

  .other-section1 .other-navbar li>a:after {
    width: 4px;
    height: 4px;
    border-width: 0.0167rem;
    border-color: #fff;
    bottom: 0;
  }

  .other-section1 .other-navbar .sub-nav {
    padding-top: 10px;
  }

  .other-section1 .other-navbar .sub-nav .sub-item {
    font-size: 13.8px;
    padding: 10px 0;
  }

  .other-section1 .search {
    width: 20px;
    margin-left: 30px;
    display: none;
  }

  .other-section1 .bg-video:after {
    width: 20px;
    height: 20px;
  }
}

/* ==================== 公益基金 - 板块一 End ==================== */
/* ==================== 公益基金 - 板块二 Start ==================== */
.other-section2 {
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
}

.other-section2 .data-time {
  position: absolute;
  bottom: 0.17rem;
  right: 0.17rem;
  font-size: 0.2rem;
  color: #444;
  font-family: "SourceHanSansCN-Regular", "SourceHanSansHK-Regular";
  z-index: 10;
  opacity: 0.4;
}

.other-section2 .body {
  display: flex;
  align-items: stretch;
  padding-left: 0.42rem;
  background: linear-gradient(179deg, #F1F6FD 0%, #FEFEFE 100%);
  box-shadow: 0.13rem 0.17rem 0.2rem 0rem rgba(158, 184, 230, 0.19);
  border-radius: 0.13rem;
  border: 0.03rem solid #FFFFFF;
  margin-bottom: 0.43rem;
}

.other-section2 .body .image {
  flex-shrink: 0;
  width: 6.17rem;
  height: 7.83rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -0.42rem;
}

.other-section2 .body .image img {
  width: 4.17rem;
}

.other-section2 .body .info {
  min-width: 0;
  flex-grow: 1;
  padding-left: 2rem;
  padding-right: 1.33rem;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  font-family: "OPPOSANS-REGULAR";
  font-size: 0.3rem;
  color: #444;
  line-height: 1.6;
}

.other-section2 .body .info strong {
  font-weight: 400;
  font-family: "OPPOSANS-BOLD";
}

.other-section2 .itembox {
  background: linear-gradient(179deg, #F1F6FD 0%, #FEFEFE 100%);
  box-shadow: 0.13rem 0.17rem 0.2rem 0rem rgba(158, 184, 230, 0.19);
  border-radius: 0.13rem;
  border: 0.03rem solid #FFFFFF;
  padding: 0.5rem 0.83rem;
}

.other-section2 .item {
  display: flex;
  align-items: center;
  justify-content: center;
}

.other-section2 .item .icon {
  width: 1.67rem;
  flex-shrink: 0;
  margin-right: 0.33rem;
}

.other-section2 .item .info {
  min-width: 0;
  flex-grow: 1;
}

.other-section2 .item .info .text1 {
  display: flex;
  align-items: flex-end;
  font-family: "OPPOSANS-BOLD";
  font-size: 0.33rem;
  color: #444;
  line-height: 1;
}

.other-section2 .item .info .text1 .number {
  font-size: 0.57rem;
  color: #1475FE;
  line-height: 1;
  font-family: "OPPOSANS-BOLD";
  margin-right: 0.17rem;
  margin-bottom: -0.1rem;
}

.other-section2 .item .info .text1 .number span {
  font-family: "OPPOSANS-BOLD" !important;
}

.other-section2 .item .info .text2 {
  margin-top: 0.17rem;
  font-size: 0.23rem;
  line-height: 1.4;
  color: #777B84;
  padding-left: 0.17rem;
}

.other-section2 .title2 {
  margin-top: 1rem;
  font-size: 0.6rem;
  font-family: "OPPOSANS-REGULAR";
  line-height: 1;
  margin-bottom: 0.92rem;
  text-align: center;
}

.other-section2 .body2 img {
  width: 100%;
}

@media screen and (min-width: 1100px) {
  .other-section2 {
    padding-top: 1.17rem;
    padding-bottom: 1.5rem;
  }

  .other-section2 .itembox {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .other-section2 .item {
    width: 33.333%;
  }
}

@media screen and (max-width: 1099px) {
  .other-section2 {
    padding-top: 49.8px;
    padding-bottom: 49.8px;
  }

  .other-section2 .data-time {
    margin-top: 10px;
    font-size: 12px;
    position: static;
    text-align: right;
    padding-bottom: 15px;
  }

  .other-section2 .body {
    display: block;
    padding-left: 0;
    padding: 20px 15px;
    border-radius: 4px;
    border-width: 1.8px;
    margin-bottom: 25.8px;
  }

  .other-section2 .body .image {
    width: 100%;
    height: 199.8px;
    border-width: 1.8px;
    margin-top: 0;
    margin-bottom: 20px;
  }

  .other-section2 .body .image img {
    width: 80%;
  }

  .other-section2 .body .info {
    padding-left: 0;
    padding-right: 0;
    font-size: 13.8px;
    line-height: 1.8;
  }

  .other-section2 .itembox {
    box-shadow: 8px 10px 12px 0px rgba(158, 184, 230, 0.19);
    border-radius: 8px;
    border: 1.8px solid #FFFFFF;
    padding: 0 15px;
  }

  .other-section2 .item {
    padding: 9px 0;
  }

  .other-section2 .item:last-child {
    border-bottom: 0;
  }

  .other-section2 .item .icon {
    width: 70.2px;
    margin-right: 10px;
  }

  .other-section2 .item .info .text1 {
    font-size: 16.2px;
  }

  .other-section2 .item .info .text1 .number {
    font-size: 30px;
    margin-right: 10px;
  }

  .other-section2 .item .info .text2 {
    margin-top: 4.8px;
    font-size: 13.8px;
    padding-left: 0;
  }

  .other-section2 .title2 {
    margin-top: 49.8px;
    font-size: 22.2px;
    margin-bottom: 20px;
  }

  .other-section2 .tip {
    font-size: 13.8px;
    color: #666;
    font-family: "OPPOSANS-REGULAR";
    line-height: 1;
    text-align: center;
    margin-top: 20px;
  }
}

/* ==================== 公益基金 - 板块二 End ==================== */
/* ==================== 公益基金 - 板块三 Start ==================== */
.other-section3 {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center top;
}

.other-section3 .itembox {
  display: flex;
  flex-wrap: wrap;
}

.other-section3 .item {
  position: relative;
  border-radius: 0.13rem;
  overflow: hidden;
  width: 49%;
}

.other-section3 .item:nth-child(2n) {
  margin-left: 2%;
}

.other-section3 .item:nth-child(2)~.item {
  margin-top: 2%;
}

.other-section3 .item .text {
  position: absolute;
  bottom: 0;
  left: 0;
  padding-bottom: 0.5rem;
  padding-left: 0.33rem;
  padding-right: 0.33rem;
  z-index: 2;
  color: #fff;
  font-size: 0.43rem;
  font-family: "SourceHanSansCN-Regular", "SourceHanSansHK-Regular";
  text-align: center;
  width: 100%;
}

@media screen and (min-width: 1100px) {
  .other-section3 {
    padding-top: 1.67rem;
    padding-bottom: 1.67rem;
  }
}

@media screen and (max-width: 1099px) {
  .other-section3 {
    padding-top: 49.8px;
    padding-bottom: 49.8px;
  }

  .other-section3 .item {
    width: 48%;
    border-radius: 0;
  }

  .other-section3 .item:nth-child(2n) {
    margin-left: 4%;
  }

  .other-section3 .item .image {
    border-radius: 8px;
    overflow: hidden;
  }

  .other-section3 .item .text {
    position: static;
    color: #333;
    padding: 10px 0;
    font-size: 13.8px;
  }
}

/* ==================== 公益基金 - 板块三 End ==================== */
/* ==================== 公益基金 - 板块四 Start ==================== */
.other-section4 .item {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 8rem;
  position: relative;
  overflow: hidden;
  border-radius: 0.13rem;
  margin-bottom: 0.83rem;
  padding: 1.33rem;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

.other-section4 .item:last-child {
  margin-bottom: 0;
}

.other-section4 .info {
  width: 37%;
  flex-shrink: 0;
}

.other-section4 .info .text1 {
  font-size: 0.47rem;
  color: #fff;
  line-height: 1;
  font-family: "OPPOSANS-BOLD";
  margin-bottom: 0.33rem;
}

.other-section4 .info .text2 {
  font-size: 0.23rem;
  color: #fff;
  line-height: 1.8;
  text-align: justify;
  font-family: "OPPOSANS-REGULAR";
}

.other-section4 .info .more-btn {
  margin-top: 1.33rem;
  display: table;
  padding: 0.13rem 0.2rem;
  color: #fff;
  font-size: 0.23rem;
  font-family: "OPPOSANS-REGULAR";
  border: 1px solid;
  border-radius: 0.07rem;
  transition: all 0.4s;
}

.other-section4 .info .more-btn:hover {
  background-color: #fff;
  color: #f79130;
  border-color: #fff;
}

.other-section4 ul {
  width: 40%;
  border-bottom: 1px solid #fff;
}

.other-section4 li {
  transition: all 0.4s;
}

.other-section4 li:hover {
  transform: translateX(0.08rem);
}

.other-section4 li:hover>a:after {
  opacity: 1;
  visibility: visible;
}

.other-section4 li>a {
  font-size: 0.3rem;
  color: #fff;
  border-top: 1px solid;
  font-family: "OPPOSANS-REGULAR";
  display: block;
  padding-top: 0.33rem;
  padding-bottom: 0.33rem;
  line-height: 1;
}

.other-section4 li>a:after {
  content: "";
  display: inline-block;
  background: url(../png/img016%40100x64.png) no-repeat center;
  background-size: 100%;
  width: 0.23rem;
  height: 0.23rem;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s;
  margin-left: 0.17rem;
}

@media screen and (min-width: 1100px) {
  .other-section4 {
    padding-top: 1rem;
    padding-bottom: 1.5rem;
  }
}

@media screen and (max-width: 1099px) {
  .other-section4 {
    padding: 49.8px 0;
  }

  .other-section4 .item {
    height: auto;
    border-radius: 6px;
    margin-bottom: 20px;
    padding: 30px 20px;
    display: block;
  }

  .other-section4 .info {
    width: 100%;
  }

  .other-section4 .info .text1 {
    font-size: 20px;
    margin-bottom: 13.8px;
  }

  .other-section4 .info .text2 {
    font-size: 12px;
  }

  .other-section4 .info .more-btn {
    margin-top: 30px;
    padding: 6px 12px;
    font-size: 12px;
  }

  .other-section4 ul {
    margin-top: 30px;
    width: 100%;
    border-bottom: 0.0167rem solid #fff;
  }

  .other-section4 li>a {
    font-size: 12px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .other-section4 li>a:after {
    width: 8px;
    height: 8px;
    margin-left: 6px;
  }
}

/* ==================== 公益基金 - 板块四 End ==================== */
/* ==================== 公益基金 - 板块五 Start ==================== */
.other-section5 {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.other-section5 .body {
  position: relative;
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 100% auto;
  padding-bottom: 1.17rem;
  padding-left: 1.17rem;
  padding-right: 1.17rem;
}

.other-section5 .other-section5-swiper {
  padding-bottom: 0.17rem;
}

.other-section5 .item {
  display: block;
  background: linear-gradient(179deg, #E0E7F1 0%, #FEFEFE 100%);
  box-shadow: 0.12rem 0.15rem 0.18rem 0rem rgba(158, 184, 230, 0.19);
  border-radius: 0.13rem;
  border: 0.03rem solid #FFFFFF;
}

.other-section5 .item .title {
  font-size: 0.23rem;
  color: #333;
  line-height: 1;
  padding: 0.33rem;
  font-family: "OPPOSANS-MEDIUM";
  text-align: center;
}

.other-section5 .swiper-button-prev,
.other-section5 .swiper-button-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  outline: none;
}

.other-section5 .swiper-button-prev {
  left: 0.17rem;
}

.other-section5 .swiper-button-next {
  right: 0.17rem;
}

@media screen and (min-width: 1100px) {
  .other-section5 {
    padding-top: 1.17rem;
    padding-bottom: 1.67rem;
  }
}

@media screen and (max-width: 1099px) {
  .other-section5 {
    padding: 49.8px 0;
  }

  .other-section5 .body {
    padding-bottom: 20px;
    padding-left: 15px;
    padding-right: 15px;
    background-size: 240% auto;
  }

  .other-section5 .item {
    border-radius: 8px;
    border: 1.8px solid #FFFFFF;
    box-shadow: 3px 4px 4.8px 0px rgba(158, 184, 230, 0.19);
  }

  .other-section5 .item .title {
    font-size: 12px;
    padding: 10px 15px;
    line-height: 1.4;
    white-space: inherit;
    -webkit-line-clamp: 2;
    overflow: hidden;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
  }

  .other-section5 .swiper-button-prev {
    left: -10px;
  }

  .other-section5 .swiper-button-next {
    right: -10px;
  }
}

/* ==================== 公益基金 - 板块五 End ==================== */
/* ==================== 公益基金 - 板块六 Start ==================== */
.other-section6 .other-title {
  margin-bottom: 0.42rem;
}

@media screen and (min-width: 1100px) {
  .other-section6 {
    padding-top: 1.5rem;
    padding-bottom: 2.17rem;
  }
}

@media screen and (max-width: 1099px) {
  .other-section6 {
    padding-top: 49.8px;
    padding-bottom: 49.8px;
  }
}

/* ==================== 公益基金 - 板块六 End ==================== */
/* ==================== 公益基金2 - 板块一 Start ==================== */
.other2-section1:hover .info {
  background-color: rgba(255, 255, 255, 0.9);
}

.other2-section1 .info {
  padding-bottom: 3.33rem;
  transition: background-color 0.4s;
}

.other2-section1 .other-navbar:after {
  background-color: #c8c8c8;
  background-image: none;
}

.other2-section1 .other-navbar li>a {
  color: #333;
}

.other2-section1 .search img {
  -webkit-filter: inherit;
  filter: inherit;
}

@media screen and (max-width: 1099px) {
  .other2-section1 .info {
    background-color: transparent;
    padding-bottom: 20px;
  }
}

/* ==================== 公益基金2 - 板块一 End ==================== */
/* ==================== 公益基金2 - 板块二 Start ==================== */
.other2-section2 .body {
  padding: 0.83rem 1rem 0.67rem;
  display: flex;
  justify-content: space-between;
  background-color: #fff;
}

.other2-section2 .left-body {
  padding-right: 0.83rem;
  flex-shrink: 0;
}

.other2-section2 .left-body .item {
  position: relative;
  padding: 0.33rem 0.17rem;
  display: block;
  font-size: 0.4rem;
  color: #211F1F;
  font-family: "OPPOSANS-MEDIUM";
  line-height: 1;
  transition: all 0.4s;
  width: 2.83rem;
  margin-bottom: 0.5rem;
}

.other2-section2 .left-body .item:last-child {
  margin-bottom: 0;
}

.other2-section2 .left-body .item:hover,
.other2-section2 .left-body .item.active {
  color: #1475FE;
}

.other2-section2 .left-body .item:hover:after,
.other2-section2 .left-body .item.active:after {
  background-image: linear-gradient(to right, #1475FE, transparent);
}

.other2-section2 .left-body .item:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-image: linear-gradient(to right, #c8c8c8, transparent);
  position: absolute;
  bottom: 0;
  left: 0;
}

.other2-section2 .right-body {
  min-width: 0;
  flex-grow: 1;
}

.other2-section2 .itembox {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.other2-section2 .itembox .item {
  display: block;
  position: relative;
  overflow: hidden;
}

.other2-section2 .itembox .item:hover .text {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}

.other2-section2 .itembox .item .title {
  font-size: 0.3rem;
  line-height: 1.6em;
  color: #fff;
  font-family: "SourceHanSansCN-Bold", "SourceHanSansHK-Bold";
  text-align: center;
  position: absolute;
  padding: 1.17rem 0.33rem;
  width: 100%;
  top: 0;
  left: 0;
}

.other2-section2 .itembox .item .date {
  position: absolute;
  bottom: 0.33rem;
  left: 0;
  text-align: center;
  font-size: 0.27rem;
  color: #333;
  font-family: "OPPOSANS-REGULAR";
  width: 100%;
}

.other2-section2 .itembox .item .text {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(54, 50, 50, 0.4);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.4s;
  opacity: 0;
  transform: scale(1.1);
  visibility: hidden;
}

.other2-section2 .itembox .item .text span {
  padding: 0.08rem 0.25rem;
  border: 1px solid;
  border-radius: 1.67rem;
  color: #fff;
  font-size: 0.23rem;
  font-family: "OPPOSANS-REGULAR";
  line-height: 1;
}

.other2-section2 .body2 .tabs {
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid #E0DAD4;
  margin-left: 0.33rem;
  margin-bottom: 0.5rem;
}

.other2-section2 .body2 .tabs .tab-item {
  font-size: 0.4rem;
  color: #211f1f;
  line-height: 1.1;
  padding: 0.17rem 0;
  position: relative;
  margin-right: 0.67rem;
  cursor: pointer;
}

.other2-section2 .body2 .tabs .tab-item:hover {
  font-family: "SourceHanSansCN-Medium", "SourceHanSansHK-Medium";
}

.other2-section2 .body2 .tabs .tab-item:last-child {
  margin-right: 0;
}

.other2-section2 .body2 .tabs .tab-item.active {
  font-family: "SourceHanSansCN-Medium", "SourceHanSansHK-Medium";
}

.other2-section2 .body2 .tabs .tab-item.active:after {
  opacity: 1;
  visibility: visible;
}

.other2-section2 .body2 .tabs .tab-item:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -0.03rem;
  left: 0;
  height: 0.05rem;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  background-color: #F79130;
  border-radius: 1.67rem;
}

.other2-section2 .body2 .item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  border-bottom: 1px solid #EBE7E4;
  padding: 0.75rem 0.27rem;
  transition: all 0.4s;
}

.other2-section2 .body2 .item:hover {
  background-color: #F8FAFF;
}

.other2-section2 .body2 .item .title {
  font-size: 0.27rem;
  color: #333;
  line-height: 1;
  min-width: 0;
  flex-grow: 1;
  font-family: "OPPOSANS-MEDIUM";
  line-height: 1.6;
  margin-right: 0.5rem;
  max-height: 3.2em;
}

.other2-section2 .body2 .item .date {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  font-size: 0.23rem;
  color: #666;
  font-family: "OPPOSANS-REGULAR";
}

.other2-section2 .body2 .item .date:before {
  content: "";
  display: block;
  background: url('../png/img086%40100x100.png') no-repeat center;
  background-size: 100%;
  width: 0.23rem;
  height: 0.23rem;
  margin-right: 0.08rem;
}

@media screen and (min-width: 1100px) {
  .other2-section2 {
    padding-bottom: 2.5rem;
  }

  .other2-section2 .about2-page {
    margin-top: 1.17rem;
    justify-content: flex-end;
  }

  .other2-section2 .itembox .item {
    width: 32%;
  }

  .other2-section2 .itembox .item:nth-child(3n-1) {
    margin-left: 2%;
    margin-right: 2%;
  }

  .other2-section2 .itembox .item:nth-child(3)~.item {
    margin-top: 2%;
  }

  .other2-section2 .left-body {
    border-right: 1px solid #979797;
  }

  .other2-section2 .right-body {
    min-height: 8.33rem;
    padding-left: 1.17rem;
  }
}

@media screen and (max-width: 1099px) {
  .other2-section2 {
    padding-bottom: 49.8px;
  }

  .other2-section2 .body {
    padding: 24px 20px;
    display: block;
    justify-content: space-between;
    background-color: #fff;
  }

  .other2-section2 .left-body {
    padding-right: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-bottom: 30px;
  }

  .other2-section2 .left-body .item {
    width: 50%;
    padding: 15px 6px;
    font-size: 16.2px;
    margin-bottom: 0;
    text-align: center;
  }

  .other2-section2 .left-body .item:after {
    background-color: #eee;
    background-image: none;
  }

  .other2-section2 .itembox {
    padding-left: 0;
    border-left: 0;
  }

  .other2-section2 .itembox .item {
    width: 48%;
  }

  .other2-section2 .itembox .item:nth-child(2n) {
    margin-left: 2%;
  }

  .other2-section2 .itembox .item:nth-child(2)~.item {
    margin-top: 4%;
  }

  .other2-section2 .itembox .item .title {
    font-size: 13.8px;
    padding: 30px 10px;
  }

  .other2-section2 .itembox .item .date {
    bottom: 10px;
    font-size: 12px;
  }

  .other2-section2 .body2 .tabs {
    margin-left: 0;
    margin-bottom: 30px;
  }

  .other2-section2 .body2 .tabs .tab-item {
    width: 48%;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 18px;
    padding: 10px 0;
    margin-right: 4%;
    text-align: center;
  }

  .other2-section2 .body2 .tabs .tab-item:nth-child(2n) {
    margin-right: 0;
  }

  .other2-section2 .body2 .tabs .tab-item:nth-child(2)~.tab-item {
    margin-top: 10px;
  }

  .other2-section2 .body2 .tabs .tab-item:after {
    bottom: -2px;
    left: 0;
    height: 3px;
    width: 100%;
  }

  .other2-section2 .body2 .item {
    padding: 15px 10px;
    display: block;
  }

  .other2-section2 .body2 .item .title {
    font-size: 14px;
    margin-bottom: 10px;
  }

  .other2-section2 .body2 .item .date {
    font-size: 12px;
  }

  .other2-section2 .body2 .item .date:before {
    width: 10px;
    height: 10px;
    margin-right: 5px;
  }
}

/* ==================== 公益基金2 - 板块二 End ==================== */
/* ==================== 公益项目 - 通用样式 Start ==================== */
.other3-title {
  position: relative;
  padding-bottom: 0.43rem;
  text-align: center;
  margin-bottom: 1.5rem;
}

.other3-title:after {
  content: "";
  display: block;
  width: 100vw;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  background-color: #e6dddd;
  height: 1px;
  position: absolute;
}

.other3-title:before {
  content: "";
  display: block;
  width: 1rem;
  height: 0.08rem;
  background-color: #f79130;
  position: absolute;
  bottom: -0.03rem;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 1.67rem;
  z-index: 3;
}

.other3-title .text1 {
  font-size: 0.6rem;
  font-family: "OPPOSANS-BOLD";
  color: #333333;
  line-height: 1;
}

@media screen and (max-width: 1099px) {
  .other3-main .ny-category .item {
    width: 50%;
    margin: 0 !important;
  }

  .other3-title {
    padding-bottom: 20px;
    margin-bottom: 30px;
  }

  .other3-title:before {
    width: 30px;
    height: 4px;
    bottom: -1.8px;
    left: 50%;
  }

  .other3-title .text1 {
    font-size: 22.2px;
  }
}

/* ==================== 公益项目 - 通用样式 Start ==================== */
/* ==================== 公益项目 - 板块二 End ==================== */
.other3-section2 {
  overflow: hidden;
}

.other3-section2 .item:nth-child(2n) {
  background-color: #f4f5f6;
}

.other3-section2 .info {
  min-width: 0;
  flex-grow: 1;
}

.other3-section2 .info .text1 {
  font-size: 0.5rem;
  color: #333;
  line-height: 1.4;
  font-family: "OPPOSANS-MEDIUM";
  margin-bottom: 0.42rem;
}

.other3-section2 .info .desc {
  font-size: 0.27rem;
  color: #333;
  font-family: "OPPOSANS-REGULAR";
  line-height: 2;
  text-align: justify;
}

.other3-section2 .image,
.other3-section2 .video {
  width: 50%;
  flex-shrink: 0;
  background-color: #f3f8fd;
  padding: 0.5rem;
  border: 0.03rem solid #fff;
  border-radius: 0.13rem;
  box-shadow: 9px 16.2px 16.8px 0px rgba(158, 184, 230, 0.19);
}

.other3-section2 .image img {
  width: 100%;
}

.other3-section2 video {
  display: block;
  width: 100%;
}

.other3-section2 .video {
  position: relative;
  cursor: pointer;
}

.other3-section2 .video.play:after {
  opacity: 0;
  visibility: hidden;
}

.other3-section2 .video:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0.83rem;
  height: 0.83rem;
  background: url(../png/img302%40100x100.png) no-repeat center rgba(0, 0, 0, 0.2);
  background-size: 100%;
  transition: all 0.4s;
}

@media screen and (min-width: 1100px) {
  .other3-section2 {
    padding-top: 1.33rem;
  }

  .other3-section2 .item>.mxw-box {
    padding-top: 1rem;
    padding-bottom: 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .other3-section2 .item:nth-child(2n) .info {
    order: 2;
    margin-right: 0;
    margin-left: 0.67rem;
  }

  .other3-section2 .info {
    padding-right: 0.67rem;
  }
}

@media screen and (max-width: 1099px) {
  .other3-section2 {
    padding-top: 49.8px;
  }

  .other3-section2 .item {
    padding: 30px 0;
  }

  .other3-section2 .item>.mxw-box {
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .other3-section2 .info .text1 {
    font-size: 18px;
    margin-bottom: 15px;
  }

  .other3-section2 .info .desc {
    font-size: 13.8px;
  }

  .other3-section2 .image,
  .other3-section2 .video {
    order: -1;
    width: 100%;
    padding: 15px;
    border-width: 1.8px;
    border-radius: 8px;
    box-shadow: 4px 8px 8px 0px rgba(158, 184, 230, 0.19);
    margin-bottom: 30px;
  }

  .other3-section2 .video:after {
    width: 20px;
    height: 20px;
  }
}

/* ==================== 公益项目 - 板块二 End ==================== */
/* ==================== 联系我们 - 板块一 End ==================== */
/* ==================== 联系我们 - 板块一 End ==================== */
/* ==================== 联系我们 - 板块二 End ==================== */
.other4-section2 {
  position: relative;
  z-index: 11;
  padding-top: 1.67rem;
}

.other4-section2 .body {
  position: absolute;
  width: 100%;
  bottom: 100%;
  left: 50%;
  transform: translate(-50%, 40%);
}

.other4-section2 .body>.mxw-box {
  width: 100%;
}

.other4-section2 .body .title {
  margin-bottom: 0.75rem;
}

.other4-section2 .body .title .text1 {
  font-size: 0.83rem;
  color: #fff;
  line-height: 1;
  font-family: "OPPOSANS-LIGHT";
  margin-bottom: 0.33rem;
}

.other4-section2 .body .title .text2 {
  font-size: 0.83rem;
  color: #fff;
  line-height: 1;
  font-family: "OPPOSANS-LIGHT";
}

.other4-section2 .body .content {
  background: #FFFFFF;
  border-radius: 0.13rem;
  padding: 0.67rem 1.67rem;
}

.other4-section2 .body .content .text1 {
  font-size: 0.53rem;
  color: #232A3B;
  line-height: 1;
  font-family: "OPPOSANS-BOLD";
  text-align: center;
  margin-bottom: 0.42rem;
}

.other4-section2 .body .content .map {
  height: 6.67rem;
  overflow: hidden;
}

.other4-section2 .itembox {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  margin-bottom: 0.67rem;
  flex-wrap: wrap;
}

.other4-section2 .item {
  padding: 0.83rem 1rem;
  background-color: #fff;
  border-radius: 0.13rem;
  border: 1px solid #E2E6EE;
  display: flex;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.other4-section2 .item .text1 {
  width: 100%;
  font-size: 0.3rem;
  color: #3A3D45;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-family: "OPPOSANS-BOLD";
  margin-bottom: 0.42rem;
}

.other4-section2 .item .text1:after {
  content: "";
  display: block;
  width: 0.4rem;
  height: 0.4rem;
  margin-left: 0.25rem;
  background: url("../png/img348%4050x50.png") no-repeat center;
  background-size: 100%;
}

.other4-section2 .item .desc {
  width: 100%;
  min-width: 0;
  flex-grow: 1;
}

.other4-section2 .item .desc-item {
  width: 100%;
  display: flex;
  margin-bottom: 0.17rem;
}

.other4-section2 .item .desc-item:last-child {
  margin-bottom: 0;
}

.other4-section2 .item .label {
  flex-shrink: 0;
  font-size: 0.3rem;
  color: #7A839A;
  line-height: 1.4;
  font-family: "SourceHanSansCN-Regular", "SourceHanSansHK-Regular";
}

.other4-section2 .item .label i {
  display: inline-block;
  width: 2em;
}

.other4-section2 .item .content {
  font-size: 0.3rem;
  color: #414348;
  line-height: 1.4;
  font-family: "SourceHanSansCN-Regular", "SourceHanSansHK-Regular";
}

.other4-section2 .item .view-map {
  width: 100%;
  color: #1475FE;
  line-height: 1;
  font-family: "SourceHanSansCN-Medium", "SourceHanSansHK-Medium";
  font-size: 0.3rem;
  margin-top: 0.5rem;
  display: table;
  transition: all 0.4s;
}

.other4-section2 .item .view-map:hover {
  transform: translateX(0.08rem);
}

.other4-section2 form {
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center top;
  background-color: #fff;
  padding-top: 1.33rem;
  padding-bottom: 1.33rem;
  font-size: 0.23rem;
  font-family: "SourceHanSansCN-Regular", "SourceHanSansHK-Regular";
  border-radius: 0.13rem;
}

.other4-section2 form .form-item {
  margin-bottom: 0.42rem;
}

.other4-section2 form .label {
  font-size: 0.3rem;
  font-family: "SourceHanSansCN-Regular", "SourceHanSansHK-Regular";
  margin-bottom: 0.17rem;
  color: #444444;
}

.other4-section2 form input {
  border-radius: 0.07rem;
  border: 1px solid #DCDFE6;
  height: 0.8rem;
}

.other4-section2 form input::-webkit-input-placeholder {
  color: #C3C9D3;
}

.other4-section2 form input::-moz-placeholder {
  color: #C3C9D3;
}

.other4-section2 form input:-moz-placeholder {
  color: #C3C9D3;
}

.other4-section2 form input:-ms-input-placeholder {
  color: #C3C9D3;
}

.other4-section2 form .title {
  text-align: center;
  font-size: 0.53rem;
  font-family: "OPPOSANS-BOLD";
  color: #333;
  line-height: 1.6;
  margin-bottom: 1.5rem;
}

.other4-section2 form .form-content {
  max-width: 10.33rem;
  margin-left: auto;
  margin-right: auto;
}

.other4-section2 form button {
  width: 100%;
  background-color: #1475fe;
  border-radius: 0.07rem;
  text-align: center;
  height: 0.78rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 0.3rem;
  font-family: "SourceHanSansCN-Regular", "SourceHanSansHK-Regular";
  margin-top: 0.5rem;
}

.other4-section2 form .layui-form-select dl dd.layui-this {
  background-color: #1475fe;
}

.other4-section2 .tip {
  margin-top: 0.33rem;
  color: #888;
  text-align: center;
}

@media screen and (min-width: 1100px) {
  .other4-section2 {
    padding-bottom: 1.67rem;
  }

  .other4-section2 .item {
    width: 49%;
  }

  .other4-section2 .item:nth-child(2)~.item {
    margin-top: 2%;
  }
}

@media screen and (max-width: 1099px) {
  .other4-section2 {
    padding-top: 0;
    padding-bottom: 30px;
  }

  .other4-section2 .body {
    padding: 30px 0 20px;
    transform: translateY(0);
    position: static;
  }

  .other4-section2 .body .content {
    padding: 30px 15px;
  }

  .other4-section2 .body .content .map {
    height: auto;
  }

  .other4-section2 .body .content .text1 {
    font-size: 22.2px;
    margin-bottom: 20px;
  }

  .other4-section2 .body .title {
    margin-bottom: 30px;
  }

  .other4-section2 .body .title .text1 {
    font-size: 22.2px;
    margin-bottom: 10px;
    color: #333;
  }

  .other4-section2 .body .title .text2 {
    font-size: 18px;
    color: #333;
  }

  .other4-section2 .itembox {
    display: block;
    margin-bottom: 30px;
  }

  .other4-section2 .item {
    width: 100%;
    padding: 20px 20px;
    border-radius: 8px;
    border: 0.0167rem solid #E2E6EE;
    margin-bottom: 20px;
  }

  .other4-section2 .item:last-child {
    margin-bottom: 0;
  }

  .other4-section2 .item .text1 {
    font-size: 18px;
    margin-bottom: 20px;
  }

  .other4-section2 .item .text1:after {
    width: 20px;
    height: 20px;
    margin-left: 10px;
  }

  .other4-section2 .item .desc-item {
    margin-bottom: 15px;
  }

  .other4-section2 .item .label {
    font-size: 13.8px;
  }

  .other4-section2 .item .label i {
    width: 2em;
  }

  .other4-section2 .item .content {
    font-size: 13.8px;
  }

  .other4-section2 .item .view-map {
    font-size: 13.8px;
    margin-top: 30px;
  }

  .other4-section2 form {
    padding: 49.8px 20px 30px;
    font-size: 13.8px;
  }

  .other4-section2 form .form-item {
    margin-bottom: 20px;
  }

  .other4-section2 form .label {
    font-size: 13.8px;
    margin-bottom: 10px;
  }

  .other4-section2 form input {
    border-radius: 4px;
    border: 0.0167rem solid #DCDFE6;
    height: 38px;
    font-size: 12px;
  }

  .other4-section2 form .title {
    font-size: 22.2px;
    margin-bottom: 30px;
  }

  .other4-section2 form .form-content {
    max-width: 620px;
  }

  .other4-section2 form button {
    border-radius: 4px;
    height: 38px;
    font-size: 13.8px;
    margin-top: 20px;
  }
}

/* ==================== 联系我们 - 板块二 End ==================== */
/* ==================== 新闻动态 - 板块二 End ==================== */
.other5-section2 {
  background-color: #fafafa;
  z-index: 11;
}

.other5-section2 .head {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.other5-section2 .big-title {
  margin-bottom: 0.75rem;
}

.other5-section2 .big-title .text1 {
  font-size: 0.83rem;
  color: #fff;
  line-height: 1;
  font-family: "OPPOSANS-LIGHT";
  margin-bottom: 0.33rem;
}

.other5-section2 .big-title .text2 {
  font-size: 0.83rem;
  color: #fff;
  line-height: 1;
  font-family: "OPPOSANS-LIGHT";
}

.other5-section2 .search {
  margin-bottom: 0;
  margin-left: 2rem;
  width: 50%;
  margin-right: 0;
  margin-left: auto;
}

.other5-section2 form {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  border-radius: 0.13rem;
  background-color: #fff;
}

.other5-section2 form input {
  border-top-left-radius: 0.13rem;
  border-bottom-left-radius: 0.13rem;
  overflow: hidden;
  background-color: #fff;
  padding: 0 0.33rem;
  color: #333;
  font-family: "SourceHanSansCN-Regular", "SourceHanSansHK-Regular";
  min-width: 0;
  flex-grow: 1;
  font-size: 0.28rem;
}

.other5-section2 form button {
  flex-shrink: 0;
  width: 2.13rem;
  height: 1.1rem;
  line-height: 1.1rem;
  border-radius: 0.13rem;
  background-color: #005DFF;
  color: #fff;
  font-size: 0.3rem;
  text-align: center;
}

.other5-section2 .content {
  padding-top: 0.67rem;
  padding-bottom: 1rem;
  background-color: #fff;
  border-radius: 0.17rem;
  position: relative;
  z-index: 3;
}

.other5-section2 .item {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  padding: 0.33rem 1.5rem;
  transition: all 0.4s;
}

.other5-section2 .item:hover {
  background-color: #fdfcfb;
}

.other5-section2 .item:hover .info .title {
  color: #1475FE;
}

.other5-section2 .item .image {
  width: 5rem;
  flex-shrink: 0;
  border-radius: 0.13rem;
  overflow: hidden;
  margin-right: 0.5rem;
}

.other5-section2 .item .info {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  min-width: 0;
  flex-grow: 1;
  border-bottom: 1px solid #e8e3df;
}

.other5-section2 .item .info .title {
  font-size: 0.33rem;
  color: #333;
  line-height: 1.4;
  text-align: justify;
  font-family: "SourceHanSansCN-Medium", "SourceHanSansHK-Medium";
  width: 100%;
  transition: color 0.4s;
}

.other5-section2 .item .info .tag {
  width: 100%;
  margin-top: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.other5-section2 .item .info .text1,
.other5-section2 .item .info .date {
  font-size: 0.23rem;
  color: #666;
  font-family: "SourceHanSansCN-Regular", "SourceHanSansHK-Regular";
}

.other5-section2 .item .info .date {
  margin-left: 0.33rem;
}

.other5-section2 .bottom {
  margin-top: 1rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.other5-section2 .bottom .total {
  color: #666666;
  font-size: 0.23rem;
  line-height: 1;
  font-family: "SourceHanSansCN-Medium", "SourceHanSansHK-Medium";
}

.other5-section2 .about2-page {
  margin-top: 0;
}

@media screen and (min-width: 1100px) {
  .other5-section2 .mxw-box {
    transform: translateY(-6.17rem);
  }
}

@media screen and (max-width: 1099px) {
  .other5-section2 {
    padding-top: 49.8px;
    padding-bottom: 40.2px;
  }

  .other5-section2 .head {
    display: block;
  }

  .other5-section2 .big-title {
    margin-bottom: 30px;
  }

  .other5-section2 .big-title .text1 {
    font-size: 22.2px;
    margin-bottom: 10px;
    color: #333;
  }

  .other5-section2 .big-title .text2 {
    font-size: 24px;
    color: #333;
  }

  .other5-section2 .search {
    width: 100%;
    margin-left: 0;
    margin-bottom: 0.3333rem;
    box-shadow: 0 0 0.1667rem -0.0833rem rgba(0, 0, 0, 0.2);
  }

  .other5-section2 form input {
    font-size: 0.2rem;
    padding: 0 13.8px;
  }

  .other5-section2 form button {
    width: 84px;
    height: 42px;
    line-height: 42px;
    border-radius: 3px;
    font-size: 0.2333rem;
  }

  .other5-section2 .content {
    padding: 20px 15px;
  }

  .other5-section2 .item {
    padding: 0;
    display: block;
    margin-bottom: 30px;
  }

  .other5-section2 .item:last-child {
    margin-bottom: 0;
  }

  .other5-section2 .item .image {
    width: 100%;
    border-radius: 8px;
    margin-right: 0;
  }

  .other5-section2 .item .info {
    margin-top: 20px;
    padding-bottom: 20px;
  }

  .other5-section2 .item .info .title {
    font-size: 13.8px;
  }

  .other5-section2 .item .info .tag {
    margin-top: 10px;
  }

  .other5-section2 .bottom {
    margin-top: 30px;
    display: block;
    padding-left: 0;
    padding-right: 0;
  }

  .other5-section2 .bottom .total {
    font-size: 12px;
    margin-bottom: 20px;
    text-align: center;
  }
}

/* ==================== 新闻动态 - 板块二 End ==================== */
/* ==================== 新闻动态 - 板块三 Start ==================== */
.other5-section3 {
  background-color: #fafafa;
  z-index: 12;
  padding-bottom: 0.83rem;
}

.other5-section3 .title {
  font-size: 0.53rem;
  color: #333;
  line-height: 1;
  padding-left: 0.67rem;
  font-family: "SourceHanSansCN-Bold", "SourceHanSansHK-Bold";
  margin-bottom: 0.5rem;
  margin-top: 0.83rem;
}

.other5-section3 .itembox {
  background-color: #fff;
  padding: 1.33rem 1.67rem;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
}

.other5-section3 .item {
  display: block;
}

.other5-section3 .item .image {
  height: 3.4rem;
  border-radius: 0.17rem;
  overflow: hidden;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.other5-section3 .item .image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
}

.other5-section3 .item .image::after {
  content: "";
  display: block;
  background: url(../png/img302%40100x100.png) no-repeat center;
  background-size: 0.83rem 0.83rem;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.other5-section3 .item .info {
  margin-top: 0.33rem;
}

.other5-section3 .item .title2 {
  font-size: 0.33rem;
  color: #333;
  font-family: "OPPOSANS-MEDIUM";
  line-height: 1.4;
}

.other5-section3 .item .date {
  font-size: 0.23rem;
  color: #666;
  line-height: 1;
  margin-top: 0.17rem;
}

@media screen and (min-width: 1100px) {
  .other5-section3 {
    margin-top: -6.17rem;
  }

  .other5-section3 .itembox {
    flex-wrap: wrap;
  }

  .other5-section3 .item {
    width: 31%;
  }

  .other5-section3 .item:nth-child(3n-1) {
    margin-left: 3.5%;
    margin-right: 3.5%;
  }

  .other5-section3 .item:nth-child(3)~.item {
    margin-top: 3%;
  }
}

@media screen and (max-width: 1099px) {
  .other5-section3 {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .other5-section3 .title {
    margin-top: 0;
    padding-left: 0;
    font-size: 22.2px;
    text-align: center;
  }

  .other5-section3 .itembox {
    padding: 30px 15px;
    display: block;
  }

  .other5-section3 .item {
    width: 100%;
    margin-bottom: 30px;
  }

  .other5-section3 .item:last-child {
    margin-bottom: 0;
  }

  .other5-section3 .item .title2 {
    font-size: 16.2px;
  }

  .other5-section3 .item .date {
    font-size: 12px;
  }

  .other5-section3 .item .image {
    border-radius: 4px;
  }

  .other5-section3 .item .image:after {
    background-size: 20px 20px;
  }
}

/* ==================== 新闻动态 - 板块三 End ==================== */
/* ==================== 投资者关系 - 通用样式 Start ==================== */
.about2-download {
  display: block;
  margin-left: 0.5rem;
  flex-shrink: 0;
  width: 0.6rem;
  height: 0.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  transition: all 0.4s;
  background: url(../png/img082%40100x100.png) no-repeat center;
  background-size: 0.33rem 0.33rem;
}

.about2-year-item {
  border-radius: 8px;
  overflow: hidden;
  background-color: #fff;
  box-shadow: 0 0 20px -6px rgba(0, 0, 0, 0.2);
  position: relative;
  transition: all 0.4s;
  height: 100%;
}

.about2-year-item .top {
  padding: 16px;
  height: 100%;
  transition: all 0.4s;
  overflow: hidden;
}

.about2-year-item:hover .info {
  transform: translateY(-100%);
  opacity: 1;
  visibility: visible;
}

.about2-year-item:hover .cover {
  width: 67%;
}

.about2-year-item:hover .bottom {
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
}

.about2-year-item .bottom {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #256efe;
  height: 1.6rem;
  width: 100%;
  transition: all 0.4s;
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  transform: translateY(100%);
}

.about2-year-item .bottom:hover .more-btn {
  border-color: #f79130;
  background-color: #f79130;
  color: #fff;
}

.about2-year-item .cover {
  border: 1px solid #e2e2e2;
  width: 100%;
  transition: all 0.4s;
  margin-left: auto;
  margin-right: auto;
  transform-origin: center top;
}

.about2-year-item .info {
  text-align: center;
  opacity: 0;
  transition: all 0.4s;
  height: 1.6rem;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  transform: translateY(0);
  visibility: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: column;
}

.about2-year-item .year {
  font-size: 0.6rem;
  line-height: 1;
  margin-bottom: 0.2rem;
  color: #333;
  font-family: "OPPOSANS-BOLD";
}

.about2-year-item .title {
  font-size: 0.3rem;
  line-height: 1;
  color: #333333;
  font-family: "OPPOSANS-MEDIUM";
}

.about2-year-item .more-btn {
  color: #fff;
  font-size: 0.27rem;
  line-height: 1;
  font-family: "SourceHanSansCN-Regular", "SourceHanSansHK-Regular";
  width: 2.33rem;
  height: 0.63rem;
  border: 0.02rem solid #fff;
  border-radius: 0.07rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.4s;
}

.about2-year-item .more-btn:before {
  content: "";
  display: block;
  width: 0.33rem;
  height: 0.33rem;
  flex-shrink: 0;
  margin-right: 0.08rem;
  background: url(../png/img081%40100x100.png) no-repeat center;
  background-size: 100%;
}

.about2-tabs-box {
  position: relative;
  padding: 0 2rem;
}

.about2-tabs-box:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-image: linear-gradient(to left, transparent, #c6d1dd, transparent);
  bottom: 0;
  left: 0;
  position: absolute;
}

.about2-tabs-box .about2-tabs-swiper {
  width: 100%;
  display: block;
  margin-bottom: 0.58rem;
}

.about2-tabs-box .swiper-button-next,
.about2-tabs-box .swiper-button-prev {
  top: 50%;
  transform: translateY(-70%);
  margin: 0;
}

.about2-tabs-box .swiper-button-next.swiper-button-disabled,
.about2-tabs-box .swiper-button-prev.swiper-button-disabled {
  display: none;
}

.about2-tabs-box .swiper-button-next {
  right: 0;
}

.about2-tabs-box .swiper-button-prev {
  left: 0;
}

.about2-tabs-box .swiper-slide {
  width: 90px;
}

.about2-tabs-box .tab-item {
  display: block;
  padding-bottom: 0.33rem;
  font-size: 0.43rem;
  font-family: "OPPOSANS-MEDIUM";
  line-height: 1;
  cursor: pointer;
  text-align: center;
  position: relative;
  color: #666;
}

.about2-tabs-box .tab-item:last-child {
  margin-right: 0;
}

.about2-tabs-box .tab-item:after {
  content: "";
  display: block;
  width: 100%;
  height: 0.05rem;
  position: absolute;
  bottom: -1px;
  left: 0;
  background-color: #F79130;
  opacity: 0;
  transition: all 0.4s;
  border-radius: 1.67rem;
  z-index: 2;
}

.about2-tabs-box .tab-item.active {
  color: #f79130;
}

.about2-tabs-box .tab-item.active:after {
  opacity: 1;
}

.about2-tabs-box .tab-item.disabled {
  color: #E0E0E0;
}

.about2-page {
  margin-top: 0.67rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.about2-page.white>a {
  color: #666;
  background-color: #fff;
}

.about2-page>a {
  background-color: #eee;
  text-align: center;
  color: #666;
  height: 0.67rem;
  line-height: 0.67rem;
  padding-left: 0.33rem;
  padding-right: 0.33rem;
  font-family: "OPPOSANS-REGULAR";
  margin: 1px;
  transition: all 0.4s;
  font-size: 0.23rem;
}

.about2-page>a.active,
.about2-page>a:hover {
  background-color: #F79130 !important;
  color: #fff !important;
}

@media screen and (max-width: 1099px) {
  .about2-main section {
    padding-top: 49.8px;
    padding-bottom: 49.8px;
  }

  .about2-year-item:hover .cover {
    width: 100%;
  }

  .about2-download {
    width: 24px;
    height: 24px;
    margin-left: 0;
    background-size: 50%;
  }

  .about2-tabs-box {
    margin-bottom: 20px;
    padding-left: 49.8px;
    padding-right: 49.8px;
  }

  .about2-tabs-box .swiper-slide {
    width: 49.998px;
  }

  .about2-tabs-box .tab-item {
    font-size: 18px;
    padding-bottom: 10px;
  }

  .about2-page {
    margin-top: 28.2px;
  }

  .about2-page>a {
    height: 30px;
    line-height: 30px;
    padding-left: 13.8px;
    padding-right: 13.8px;
    margin: 1px;
    font-size: 0.2rem;
  }

  .about2-tip {
    font-size: 14px;
    text-align: center;
    margin-top: 20px;
    font-family: "OPPOSANS-MEDIUM";
    color: #333;
  }

  .about2-year-item {
    border-radius: 4.8px;
    height: auto;
    box-shadow: 0 0 1.95px -1.162px rgba(0, 0, 0, 0.2);
  }

  .about2-year-item:hover .top .cover {
    transform: scale(1) translateY(0);
  }

  .about2-year-item:hover .top .info {
    transform: translateY(0);
  }

  .about2-year-item .top {
    padding: 0;
    height: auto;
    border: 1px solid #e2e2e2;
    overflow: hidden;
  }

  .about2-year-item .bottom {
    height: auto;
    padding: 10px 0;
    height: 19.802vw;
  }

  .about2-year-item .year {
    font-size: 21px;
    margin-bottom: 4.8px;
  }

  .about2-year-item .title {
    font-size: 13.8px;
  }

  .about2-year-item .cover {
    background-image: none !important;
    height: auto;
    border: 0;
  }

  .about2-year-item .info {
    opacity: 1;
    padding: 0;
    padding: 15px 0;
    background-color: #f8f8f8;
    height: auto;
    margin-bottom: 0;
    visibility: visible;
    position: static;
  }

  .about2-year-item .more-btn {
    font-size: 12px;
    width: auto;
    height: auto;
    padding: 6px 12px;
  }

  .about2-year-item .more-btn:before {
    width: 15px;
    height: 15px;
  }

  .about2-year-item:hover .bottom {
    width: 100%;
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
  }
}

/* ==================== 投资者关系 - 通用样式 End ==================== */
/* ==================== 投资者关系 - 板块一 Start ==================== */
.about2-section1 .head {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  padding-bottom: 1.5rem;
}

.about2-section1 .head .left {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
}

.about2-section1 .head .text1 {
  font-size: 1rem;
  color: #444;
  line-height: 1;
  font-family: "OPPOSANS-HEAVY";
  margin-right: 0.17rem;
  flex-shrink: 0;
  margin-bottom: -0.15rem;
}

.about2-section1 .head .text1 span {
  font-family: "OPPOSANS-HEAVY" !important;
}

.about2-section1 .head .icon {
  width: 0.27rem;
  flex-shrink: 0;
  margin-right: 0.33rem;
}

.about2-section1 .head .icon img {
  display: none;
  width: 100%;
}

.about2-section1 .head .icon img.active {
  display: block;
}

.about2-section1 .head .text2-1 {
  font-size: 0.27rem;
  color: #444;
  line-height: 1;
  margin-bottom: 0.23rem;
  font-family: "OPPOSANS-HEAVY";
}

.about2-section1 .head .text2-2 {
  color: #444;
  line-height: 1;
  font-family: "OPPOSANS-REGULAR";
  font-size: 0.83vw;
}

.about2-section1 .head .text3 {
  margin-left: 1.17rem;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
}

.about2-section1 .head .text3-icon {
  width: 0.83rem;
  flex-shrink: 0;
  margin-right: 0.33rem;
}

.about2-section1 .head .text3-icon img {
  width: 100%;
}

.about2-section1 .head .text3-right {
  min-width: 0;
  flex-grow: 1;
}

.about2-section1 .head .text3-right-text1 {
  font-size: 0.23rem;
  color: #333;
  line-height: 1;
  font-family: "OPPOSANS-REGULAR";
  margin-bottom: 0.17rem;
  transition: all 0.4s;
}

.about2-section1 .head .text3-right-icon {
  width: 0.4rem;
  flex-shrink: 0;
  display: block;
  font-size: 0;
}

.about2-section1 .itembox {
  padding-top: 1.08rem;
  padding-bottom: 1.08rem;
  border-top: 1px solid #a0a0a0;
  border-bottom: 1px solid #a0a0a0;
  display: flex;
  justify-content: flex-start;
}

.about2-section1 .item span {
  font-family: "OPPOSANS-HEAVY" !important;
}

.about2-section1 .item .number {
  font-size: 0.67rem;
  line-height: 1;
  font-family: "OPPOSANS-HEAVY";
  margin-bottom: 0.17rem;
  color: #444;
}

.about2-section1 .item .text {
  font-size: 0.23rem;
  font-family: "OPPOSANS-REGULAR";
  color: #666;
}

.about2-section1 .tip {
  margin-top: 0.33rem;
  font-size: 0.2rem;
  color: #999;
  line-height: 1.6;
  font-family: "OPPOSANS-REGULAR";
}

@media screen and (min-width: 1100px) {
  .about2-section1 {
    padding-top: 2.17rem;
    padding-bottom: 2.17rem;
  }

  .about2-section1 .head .text3 {
    transition: all 0.4s;
  }

  .about2-section1 .head .text3:hover {
    transform: translateX(0.08rem);
  }

  .about2-section1 .head .text3:hover .text3-right-text1 {
    color: #ff9632;
  }

  .about2-section1 .item {
    width: 20%;
  }
}

@media screen and (max-width: 1099px) {
  .about2-section1 .head {
    align-items: center;
    padding-bottom: 18px;
  }

  .about2-section1 .head .left {
    width: 100%;
    margin-bottom: 0;
    align-items: center;
  }

  .about2-section1 .head .text1 {
    font-size: 30px;
    margin-bottom: 0;
  }

  .about2-section1 .head .icon {
    width: 10px;
    margin-right: 12px;
  }

  .about2-section1 .head .text2-1 {
    font-size: 14.4px;
    margin-bottom: 6px;
  }

  .about2-section1 .head .text3 {
    margin-left: 0;
    display: block;
    flex-shrink: 0;
  }

  .about2-section1 .head .text3-icon {
    width: 32.4px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
  }

  .about2-section1 .head .text3-right {
    text-align: center;
  }

  .about2-section1 .head .text3-right-icon {
    width: 12px;
    display: none;
  }

  .about2-section1 .head .text3-right-text1 {
    margin-bottom: 0;
  }

  .about2-section1 .itembox {
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 25.8px;
    padding-bottom: 25.8px;
  }

  .about2-section1 .item {
    text-align: center;
    width: 32%;
  }

  .about2-section1 .item:nth-child(3)~.item {
    margin-top: 20px;
  }

  .about2-section1 .item .number {
    font-size: 24px;
    margin-bottom: 7.2px;
  }

  .about2-section1 .item .text {
    font-size: 12px;
  }

  .about2-section1 .head .text2-2 {
    font-size: 10px;
  }
}

/* ==================== 投资者关系 - 板块一 End ==================== */
/* ==================== 投资者关系 - 板块二 Start ==================== */
.about2-section2 {
  background-color: #f8f8f8;
}

.about2-section2 .head {
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
  font-size: 0.23rem;
  font-family: "OPPOSANS-REGULAR";
  line-height: 1.6;
  padding: 0.47rem 0.75rem;
  text-align: justify;
}

.about2-section2 .body {
  background: linear-gradient(179deg, #F1F6FD 0%, #FEFEFE 100%);
  box-shadow: 0.13rem 0.17rem 0.2rem 0rem rgba(158, 184, 230, 0.19);
  border-radius: 0.17rem;
  border: 0.03rem solid #FFFFFF;
  display: flex;
  align-items: stretch;
  padding-top: 0.83rem;
  padding-bottom: 1.17rem;
}

.about2-section2 .tabs {
  flex-shrink: 0;
  position: relative;
}

.about2-section2 .tabs:before {
  content: "";
  display: block;
  width: 0.03rem;
  height: 100%;
  background-color: #c1ccda;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}

.about2-section2 .tab-item {
  font-size: 0.22rem;
  line-height: 1.6;
  font-family: "OPPOSANS-MEDIUM";
  padding: 0.2rem 0.58rem;
  margin-bottom: 0.33rem;
  position: relative;
  width: 100%;
  z-index: 3;
  color: #444;
  cursor: pointer;
  transition: color 0.4s;
}

.about2-section2 .tab-item.active {
  color: #0071FF;
}

.about2-section2 .tab-item.active:after {
  opacity: 1;
}

.about2-section2 .tab-item:after {
  content: "";
  display: block;
  width: 0.05rem;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  background-color: #0071FF;
  z-index: 3;
  opacity: 0;
  border-radius: 1.67rem;
  transition: all 0.4s;
}

.about2-section2 .tab-item:last-child {
  margin-bottom: 0;
}

.about2-section2 .list {
  padding: 0 0.95rem 0 0.33rem;
}

.about2-section2 .list-item {
  width: 100%;
  display: none;
}

.about2-section2 .list-item.active {
  display: block;
}

.about2-section2 .top-desc {
  background-color: #fff;
  padding: 0.5rem 0.33rem;
  font-size: 0.23rem;
  font-family: "OPPOSANS-REGULAR";
  line-height: 1.4;
  text-align: justify;
  color: #333;
}

.about2-section2 .top-desc:first-child~.top-desc {
  margin-top: 0.33rem;
}

.about2-section2 .desc {
  height: 1.83rem;
  overflow: auto;
  padding-right: 0.5rem;
}

.about2-section2 .desc a {
  color: #1475FE;
}

.about2-section2 .desc::-webkit-scrollbar {
  width: 0.07rem;
  background: #ececec;
  border-radius: 1.67rem;
}

.about2-section2 .desc::-webkit-scrollbar-thumb {
  border-radius: 1.67rem;
  background: #ff9632;
  cursor: pointer;
}

.about2-section2 .item {
  background-color: #fff;
  margin-top: 0.33rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.37rem;
  padding-left: 0.63rem;
  padding-right: 0.25rem;
  position: relative;
}

.about2-section2 .item:hover::after {
  opacity: 1;
}

.about2-section2 .item:hover .date {
  color: #fff;
}

.about2-section2 .item:hover .view {
  background-image: url(../png/img084%4032x32.png);
}

.about2-section2 .item:hover .about2-download {
  background-color: #F79130;
  background-image: url(../png/img081%40100x100.png);
}

.about2-section2 .item:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(99deg, #FFFFFF 0%, #0B68FF 100%);
  position: absolute;
  bottom: 0;
  right: 0;
  opacity: 0;
  transition: all 0.4s;
}

.about2-section2 .item>* {
  position: relative;
  z-index: 9;
}

.about2-section2 .item .title {
  font-family: "OPPOSANS-REGULAR";
  line-height: 1.6;
  min-width: 0;
  color: #333;
  font-size: 0.23rem;
  overflow: hidden;
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  white-space: inherit;
  margin-right: 40px;
  width: 61%;
}

.about2-section2 .item .title:hover {
  text-decoration: underline;
  color: #0077FF;
  font-family: "OPPOSANS-REGULAR";
}

.about2-section2 .item .other {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.about2-section2 .item .date {
  font-size: 0.27rem;
  color: #333;
  line-height: 1;
  font-family: "OPPOSANS-MEDIUM";
  transition: all 0.4s;
  flex-shrink: 0;
}

.about2-section2 .item .view {
  display: block;
  margin-left: 1rem;
  flex-shrink: 0;
  width: 0.33rem;
  height: 0.33rem;
  background: url(../png/img083%4032x32.png) no-repeat center;
  background-size: 100%;
}

.about2-section2 .btn-group {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 0.5rem;
}

.about2-section2 .btn-group .swiper-button-prev,
.about2-section2 .btn-group .swiper-button-next {
  margin: 0;
  transform: translate(0, 0);
  font-size: 0.2rem;
  position: static;
  height: 0.33rem;
  width: 0.33rem;
  margin-right: 0.17rem;
}

.about2-section2 .btn-group .swiper-button-prev:hover:after,
.about2-section2 .btn-group .swiper-button-next:hover:after {
  color: #F9871B;
}

.about2-section2 .btn-group .swiper-button-prev:after,
.about2-section2 .btn-group .swiper-button-next:after {
  font-size: 0.23rem;
  color: #000;
  transition: color 0.4s;
}

@media screen and (min-width: 1100px) {
  .about2-section2 {
    padding-top: 1.17rem;
    padding-bottom: 1.33rem;
  }

  .about2-section2 .tabs {
    width: 3.83rem;
  }

  .about2-section2 .list {
    min-width: 0;
    flex-grow: 1;
  }
}

@media screen and (max-width: 1099px) {
  .about2-section2 .head {
    padding: 20px;
    font-size: 13px;
    text-align: left;
  }

  .about2-section2 .body {
    display: block;
    padding: 0;
  }

  .about2-section2 .tabs {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
  }

  .about2-section2 .tabs::before {
    display: none;
  }

  .about2-section2 .tab-item {
    width: 50%;
    font-size: 12px;
    line-height: 1.6;
    padding: 8px 10px;
    text-align: center;
    margin-bottom: 0;
  }

  .about2-section2 .tab-item:after {
    width: 100%;
    height: 2px;
    bottom: 0;
    top: auto;
  }

  .about2-section2 .list {
    width: 100%;
    padding: 10px 15px;
  }

  .about2-section2 .top-desc {
    padding: 15px 10px;
    text-align: left;
  }

  .about2-section2 .desc {
    padding-right: 10px;
    font-size: 12px;
    line-height: 1.8;
    height: 240px;
  }

  .about2-section2 .item {
    padding: 15px 10px;
    height: auto;
    display: block;
  }

  .about2-section2 .item .title {
    width: 100%;
    margin-bottom: 10px;
    display: block;
  }

  .about2-section2 .item .other {
    width: 100%;
    justify-content: space-between;
  }

  .about2-section2 .item .date {
    font-size: 12px;
  }

  .about2-section2 .item .view {
    margin-left: 0;
    width: 18px;
    height: 18px;
  }

  .about2-section2 .btn-group {
    margin-top: 24px;
  }

  .about2-section2 .item:hover .view {
    background-image: url(../png/img083%4032x32.png);
  }

  .about2-section2 .item:hover .date {
    color: #000;
  }
}

/* ==================== 投资者关系 - 板块二 End ==================== */
/* ==================== 投资者关系 - 板块三 Start ==================== */
.about2-section3 {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.about2-section3 .about2-section3-swiper-tabs {
  margin-bottom: 0.67rem;
  margin-top: 0.67rem;
}

.about2-section3 .about2-section3-swiper-tabs .swiper-wrapper {
  justify-content: center;
}

.about2-section3 .about2-section3-swiper-tabs .swiper-slide {
  width: auto;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.about2-section3 form {
  background: linear-gradient(179deg, #F1F6FD 0%, #FEFEFE 100%);
  box-shadow: 0.13rem 0.17rem 0.2rem 0rem rgba(158, 184, 230, 0.19);
  border-radius: 0.13rem;
  border: 0.03rem solid #FFFFFF;
  display: flex;
  align-items: stretch;
  width: 7.67rem;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0.75rem;
}

.about2-section3 form .icon {
  width: 0.33rem;
  flex-shrink: 0;
  margin-left: 0.42rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.about2-section3 form .icon img {
  width: 100%;
}

.about2-section3 form input {
  padding-left: 0.25rem;
  min-width: 0;
  flex-grow: 1;
  height: 0.77rem;
  line-height: 0.77rem;
  font-size: 0.23rem;
  color: #000;
  font-family: "SourceHanSansCN-Light", "SourceHanSansHK-Light";
}

.about2-section3 form input::-webkit-input-placeholder {
  color: #232A3B;
}

.about2-section3 form input::-moz-placeholder {
  color: #232A3B;
}

.about2-section3 form input:-moz-placeholder {
  color: #232A3B;
}

.about2-section3 form input:-ms-input-placeholder {
  color: #232A3B;
}

.about2-section3 form button {
  width: 1rem;
  text-align: center;
  color: #317CFF;
  font-size: 0.23rem;
  font-family: "SourceHanSansCN-Light", "SourceHanSansHK-Light";
}

.about2-section3 .list {
  box-shadow: 0 0 0.5rem -0.12rem rgba(0, 0, 0, 0.2);
}

.about2-section3 .list-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #fff;
  border: 1px solid #E1E1E1;
  height: 1.67rem;
  padding-left: 0.83rem;
  padding-right: 0.67rem;
  transition: all 0.4s;
}

.about2-section3 .list-item:hover {
  background-color: #f8faff;
}

.about2-section3 .list-item:hover .about2-download {
  background-color: #F79130;
  background-image: url(../png/img081%40100x100.png);
}

.about2-section3 .list-item:first-child~.list-item {
  margin-top: -1px;
}

.about2-section3 .title {
  display: block;
  font-size: 0.24rem;
  color: #333;
  font-family: "OPPOSANS-MEDIUM";
  line-height: 1.6;
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  white-space: inherit;
  margin-right: 40px;
  width: 76%;
}

.about2-section3 .item-right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.about2-section3 .item-right .date {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 0.23rem;
  color: #666;
  line-height: 1;
  font-family: "OPPOSANS-REGULAR";
}

.about2-section3 .item-right .date:before {
  content: "";
  display: block;
  width: 0.23rem;
  height: 0.23rem;
  background: url(../png/img086%40100x100.png) no-repeat center;
  background-size: 100%;
  margin-right: 0.17rem;
  flex-shrink: 0;
}

.about2-section3 .item-right .about2-download {
  margin-left: 1.8rem;
}

@media screen and (min-width: 1100px) {
  .about2-section3 {
    padding-top: 1rem;
    padding-bottom: 1.93rem;
  }

  .about2-section3 .about-title {
    padding-bottom: 0.67rem;
  }
}

@media screen and (max-width: 1099px) {
  .about2-section3 form {
    width: 100%;
  }

  .about2-section3 .list-item {
    border-width: 1px;
    padding: 20px 10px;
    height: auto;
    display: block;
  }

  .about2-section3 .title {
    font-size: 0.23rem;
    width: 100%;
    margin-bottom: 8px;
  }

  .about2-section3 .item-right {
    width: 100%;
    justify-content: space-between;
  }

  .about2-section3 .item-right .date {
    font-size: 12px;
  }

  .about2-section3 .item-right .date:before {
    width: 10px;
    margin-right: 5px;
  }

  .about2-section3 .item-right .about2-download {
    margin-left: 0;
  }
}

/* ==================== 投资者关系 - 板块三 End ==================== */
/* ==================== 投资者关系 - 板块四 Start ==================== */
.about2-section4 {
  overflow: hidden;
  background-color: #F4F4F4;
}

.about2-section4 .body {
  position: relative;
}

.about2-section4 .swiper-slide {
  padding: 10px;
}

.about2-section4 .about2-section4-swiper .swiper-slide {
  height: auto;
}

@media screen and (min-width: 1100px) {
  .about2-section4 {
    padding-top: 0.93rem;
    padding-bottom: 2.4rem;
  }

  .about2-section4 .about2-section4-swiper {
    margin-left: -0.1667rem;
    margin-right: -0.1667rem;
  }

  .about2-section4 .swiper-button-next {
    right: -1.3333rem;
  }

  .about2-section4 .swiper-button-prev {
    left: -1.3333rem;
  }
}

@media screen and (max-width: 1230px) {
  .about2-section4 .mxw-box {
    max-width: 20rem;
  }

  .about2-section4 .swiper-button-next {
    right: 0;
  }

  .about2-section4 .swiper-button-prev {
    left: 0;
  }

}

@media screen and (max-width: 1099px) {
  .about2-section4 .swiper-button-next {
    right: -10px;
  }

  .about2-section4 .swiper-button-prev {
    left: -10px;
  }

  .about2-section4 .swiper-slide {
    padding: 0 4.8px;
  }
}

/* ==================== 投资者关系 - 板块四 End ==================== */
/* ==================== 投资者关系 - 板块五 Start ==================== */
.about2-section5 {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
}

.about2-section5 .swiper-item {
  display: flex;
}

.about2-section5 .cover {
  flex-shrink: 0;
  width: 7.17rem;
  height: 9.33rem;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
}

.about2-section5 .cover .year {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #f79130;
  font-size: 0.83rem;
  line-height: 1;
  color: #fff;
  font-family: "OPPOSANS-HEAVY";
  width: 3.67rem;
  height: 2.17rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.about2-section5 .body {
  background-color: #fff;
  min-width: 0;
  flex-grow: 1;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  padding: 1rem;
  padding-left: 0.5rem;
}

.about2-section5 .card {
  width: 100%;
}

.about2-section5 .card:first-child~.card {
  margin-top: 1rem;
}

.about2-section5 .card:nth-child(2n) .title {
  color: #F79130;
}

.about2-section5 .title {
  font-size: 0.43rem;
  color: #1475FE;
  line-height: 1;
  font-family: "OPPOSANS-MEDIUM";
  padding-bottom: 0.33rem;
  width: 100%;
  border-bottom: 1px solid #e1e1e1;
}

.about2-section5 .itembox {
  padding: 0.67rem 0;
}

.about2-section5 .item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  transition: all 0.4s;
}

.about2-section5 .item .icon {
  width: 0.33rem;
  margin-right: 0.17rem;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.about2-section5 .item .icon img {
  width: 100%;
}

.about2-section5 .item .text {
  font-size: 0.28rem;
  color: #666;
  font-family: "OPPOSANS-MEDIUM";
}

@media screen and (min-width: 1100px) {
  .about2-section5 {
    padding-top: 1.17rem;
    padding-bottom: 1.17rem;
  }

  .about2-section5 .item:hover {
    transform: translateX(5px);
  }

  .about2-section5 .item {
    width: 50%;
    margin-right: 0
  }

  .about2-section5 .item:nth-child(2)~.item {
    margin-top: 30px;
  }
}

@media screen and (max-width: 1099px) {
  .about2-section5 .swiper-slide {
    padding-bottom: 5px;
  }

  .about2-section5 .swiper-item {
    display: block;
  }

  .about2-section5 .cover {
    width: 100%;
    height: 200px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }

  .about2-section5 .cover img {
    display: none;
  }

  .about2-section5 .cover .year {
    font-size: 20px;
    width: auto;
    height: auto;
    line-height: inherit;
    padding: 10px 20px;
  }

  .about2-section5 .body {
    padding: 30px 15px;
    box-shadow: 0 0 10px -5px rgba(0, 0, 0, 0.2);
  }

  .about2-section5 .title {
    font-size: 18px;
    padding-bottom: 10px;
  }

  .about2-section5 .itembox {
    padding: 20px 0;
  }

  .about2-section5 .item .icon {
    width: 15px;
  }

  .about2-section5 .item .text {
    font-size: 14px;
  }

  .about2-section5 .card:first-child~.card {
    margin-top: 20px;
  }
}

/* ==================== 投资者关系 - 板块五 End ==================== */
/* ==================== 投资者关系 - 板块六 Start ==================== */
.about2-section6 {
  background-color: #fafafa;
}

.about2-section6 .item {
  display: flex;
  align-items: center;
  background-color: #fff;
  border: 1px solid #e1e1e1;
  padding-left: 0.5rem;
  padding-right: 0.35rem;
  transition: all 0.4s;
  height: 1.67rem;
}

.about2-section6 .item:hover {
  background-color: #1475fe;
}

.about2-section6 .item:hover .title,
.about2-section6 .item:hover .date,
.about2-section6 .item:hover .address {
  color: #fff;
}

.about2-section6 .item:hover .address:before {
  background-image: url("../png/img099%40100x100.png");
}

.about2-section6 .item:hover .date:before {
  background-image: url("../png/img101%40100x100.png");
}

.about2-section6 .item:hover .about2-download {
  opacity: 1;
  margin-right: 0;
}

.about2-section6 .item .title {
  min-width: 0;
  flex-grow: 1;
  font-size: 0.24rem;
  color: #333;
  font-family: "OPPOSANS-MEDIUM";
  transition: all 0.4s;
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  white-space: inherit;
  margin-right: 40px;
  width: 61%;
  line-height: 1.4;
}

.about2-section6 .item .right {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.about2-section6 .item .address,
.about2-section6 .item .date {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 0.23rem;
  color: #666;
  font-family: "OPPOSANS-REGULAR";
  transition: all 0.4s;
}

.about2-section6 .item .address:before,
.about2-section6 .item .date:before {
  content: "";
  display: block;
  width: 0.25rem;
  height: 0.25rem;
  background-size: 100% !important;
  flex-shrink: 0;
  margin-right: 0.17rem;
}

.about2-section6 .item .address {
  margin-right: 0.67rem;
}

.about2-section6 .item .address::before {
  background-image: url("../png/img100%40100x100.png");
}

.about2-section6 .item .date {
  margin-right: 0.33rem;
}

.about2-section6 .item .date::before {
  background-image: url("../png/img086%40100x100.png");
}

.about2-section6 .item .about2-download {
  margin-left: 0;
  transition: all 0.4s;
}

@media screen and (min-width: 1100px) {
  .about2-section6 {
    padding-top: 0.83rem;
    padding-bottom: 1rem;
  }

  .about2-section6 .item {
    width: 49.1%;
  }

  .about2-section6 .item:nth-child(2n) {
    margin-left: 1.7%;
  }

  .about2-section6 .item:nth-child(2)~.item {
    margin-top: 1.7%;
  }

  .about2-section6 .about2-page {
    margin-top: 50px;
  }

  .about2-section6 .about2-download {
    margin-right: -0.6rem;
    opacity: 0;
    background-image: url(../png/img081%40100x100.png);
    background-color: #f79130;
  }
}

@media screen and (max-width: 1099px) {
  .about2-section6 .item {
    height: auto;
    padding: 14px 10px;
    display: block;
  }

  .about2-section6 .item:hover .about2-download {
    background-image: url(../png/img081%40100x100.png);
    background-color: #f79130;
  }

  .about2-section6 .item .title {
    font-size: 14px;
    margin-bottom: 10px;
    width: 100%;
    margin-right: 0;
  }

  .about2-section6 .item .address,
  .about2-section6 .item .date {
    font-size: 12px;
  }

  .about2-section6 .item .address:before,
  .about2-section6 .item .date:before {
    width: 14px;
    height: 14px;
    margin-right: 5px;
  }

  .about2-section6 .item .address {
    margin-right: 30px;
  }
}

/* ==================== 投资者关系 - 板块六 End ==================== */
/* ==================== 投资者关系 - 板块七 Start ==================== */
.about2-section7 {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center top;
}

.about2-section7 .body {
  overflow: auto;
}

.about2-section7 table {
  width: 100%;
  border-collapse: collapse;
  text-align: center;
}

.about2-section7 table thead tr {
  background-image: url('../jpg/img080%402400x164.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.about2-section7 table th,
.about2-section7 table tr {
  height: 1.33rem;
}

.about2-section7 table tr {
  background-color: #fff;
}

.about2-section7 table tr:first-child~tr:nth-child(2n) {
  background-color: #f8faff;
}

.about2-section7 table th,
.about2-section7 table td {
  padding: 0 0.5rem;
}

.about2-section7 table th {
  height: 1.33rem;
  color: #fff;
  line-height: 1;
  font-size: 0.27rem;
  font-family: "OPPOSANS-MEDIUM";
  font-weight: 400;
}

.about2-section7 table td {
  line-height: 1;
  font-size: 0.27rem;
  color: #333;
  font-family: "OPPOSANS-MEDIUM";
}

@media screen and (min-width: 1100px) {
  .about2-section7 {
    padding-top: 0.83rem;
    padding-bottom: 1rem;
  }
}

@media screen and (max-width: 1099px) {

  .about2-section7 table tr,
  .about2-section7 table th {
    height: 40px;
  }

  .about2-section7 table td,
  .about2-section7 table th {
    white-space: nowrap;
    padding: 0 10px;
    font-size: 12px;
  }
}

/* ==================== 投资者关系 - 板块七 End ==================== */
/* ==================== 投资者关系 - 板块八 Start ==================== */
.about2-section8 {
  background-color: #fafafa;
}

.about2-section8 .tabs {
  position: relative;
  margin-bottom: 0.33rem;
}

.about2-section8 .swiper-button-next,
.about2-section8 .swiper-button-prev {
  width: 0.5rem;
  height: 0.83rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #d8d8d8;
  border-radius: 0.1rem;
  transition: all 0.4s;
  opacity: 1;
  top: 50%;
  transform: translateY(-50%);
  margin: 0;
}

.about2-section8 .swiper-button-next:hover,
.about2-section8 .swiper-button-prev:hover {
  background-color: #f79130;
}

.about2-section8 .swiper-button-next:after,
.about2-section8 .swiper-button-prev:after {
  font-size: 0.3rem;
  color: #919198;
  transition: color 0.4s;
}

.about2-section8 .swiper-button-prev {
  left: -1rem;
}

.about2-section8 .swiper-button-next {
  right: -1rem;
}

.about2-section8 .tab-item {
  display: block;
  border: 1px solid #ecedeb;
  padding: 0.5rem;
  background-color: #fff;
  position: relative;
  transition: all 0.4s;
}

.about2-section8 .tab-item.active,
.about2-section8 .tab-item:hover {
  opacity: 1;
}

.about2-section8 .tab-item.active .icon,
.about2-section8 .tab-item:hover .icon,
.about2-section8 .tab-item.active .text,
.about2-section8 .tab-item:hover .text {
  opacity: 1;
}

.about2-section8 .tab-item.active:after,
.about2-section8 .tab-item:hover:after {
  opacity: 1;
}

.about2-section8 .tab-item:after {
  content: "";
  display: block;
  width: 100%;
  height: 0.12rem;
  background-color: #F79130;
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: 0;
  transition: all 0.4s;
}

.about2-section8 .tab-item .icon {
  width: 1rem;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0.17rem;
  transition: all 0.4s;
  opacity: 0.5;
}

.about2-section8 .tab-item .text {
  text-align: center;
  font-size: 0.27rem;
  color: #333;
  line-height: 1;
  font-family: "OPPOSANS-MEDIUM";
  transition: all 0.4s;
  opacity: 0.5;
}

.about2-section8 .item {
  background-color: #fff;
}

.about2-section8 .item.active .head .text {
  color: #fff;
}

.about2-section8 .item.active .head:before {
  transform: translateY(-50%) rotate(135deg);
  border-top-color: #fff;
  border-right-color: #fff;
}

.about2-section8 .item.active .head:after {
  opacity: 1;
}

.about2-section8 .item .head {
  height: 1.33rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-left: 1.17rem;
  position: relative;
  transition: all 0.4s;
  cursor: pointer;
}

.about2-section8 .item .head:before {
  content: "";
  display: block;
  width: 0.17rem;
  height: 0.17rem;
  border-top: 0.03rem solid #333;
  border-right: 0.03rem solid #333;
  position: absolute;
  left: 0.5rem;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  z-index: 2;
  margin-top: -0.05rem;
}

.about2-section8 .item .head:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url(../jpg/img080%402400x164.jpg) no-repeat center;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: all 0.4s;
}

.about2-section8 .item .head:hover {
  background-color: #f5f5f5;
}

.about2-section8 .item .head .text {
  font-size: 0.33rem;
  color: #444;
  font-family: "OPPOSANS-MEDIUM";
  line-height: 1;
  position: relative;
  z-index: 2;
}

.about2-section8 .item .body {
  background-color: #f5f7fc;
  padding: 0.5rem;
  display: none;
  font-size: 0.23rem;
  color: #333;
  line-height: 1.8;
  font-family: "OPPOSANS-REGULAR";
}

@media screen and (min-width: 1100px) {
  .about2-section8 {
    padding-top: 0.84rem;
    padding-bottom: 1.17rem;
  }
}

@media screen and (max-width: 1099px) {
  .about2-section8 {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }

  .about2-section8 .swiper-button-prev,
  .about2-section8 .swiper-button-next {
    width: 24px;
    height: 40.2px;
    border-radius: 4px;
  }

  .about2-section8 .swiper-button-prev {
    left: -10px;
  }

  .about2-section8 .swiper-button-next {
    right: -10px;
  }

  .about2-section8 .swiper-button-next {
    right: -15px;
  }

  .about2-section8 .swiper-button-prev {
    left: -15px;
  }

  .about2-section8 .tab-item {
    padding: 15px 10px;
  }

  .about2-section8 .tab-item:after {
    height: 2px;
  }

  .about2-section8 .tab-item .icon {
    width: 40px;
  }

  .about2-section8 .tab-item .text {
    font-size: 14px;
  }

  .about2-section8 .tab-item:nth-child(3n-1) {
    margin-left: 2% !important;
    margin-right: 2% !important;
  }

  .about2-section8 .tab-item:nth-child(3)~.tab-item {
    margin-top: 2% !important;
  }

  .about2-section8 .item.active .head:before {
    margin-top: -3px;
  }

  .about2-section8 .item .head {
    height: auto;
    padding-left: 35px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .about2-section8 .item .head:before {
    left: 12px;
    width: 6px;
    height: 6px;
    margin-top: 0.6px;
  }

  .about2-section8 .item .head .text {
    font-size: 13.8px;
  }

  .about2-section8 .item .body {
    padding: 20px 15px;
    font-size: 13.2px;
  }
}

/* ==================== 投资者关系 - 板块八 End ==================== */
/* ==================== 投资者关系 - 板块九 Start ==================== */
.about2-section9 {
  text-align: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.about2-section9 .text1 {
  font-size: 0.6rem;
  font-family: "OPPOSANS-BOLD";
  margin-bottom: 0.67rem;
  color: #444;
  line-height: 1;
}

.about2-section9 .text2 {
  font-size: 0.27rem;
  color: #333;
  line-height: 1.6;
  font-family: "SourceHanSansCN-Regular", "SourceHanSansHK-Regular";
}

.about2-section9 form {
  margin-top: 0.67rem;
  width: 9.17rem;
  margin-left: auto;
  margin-right: auto;
}

.about2-section9 form input {
  display: block;
  width: 100%;
  font-size: 0.33rem;
  color: #333;
  background-color: #fff;
  height: 1.4rem;
  line-height: 1.4rem;
  font-family: "SourceHanSansCN-Regular", "SourceHanSansHK-Regular";
  text-align: center;
}

.about2-section9 form input::-webkit-input-placeholder {
  color: #666;
}

.about2-section9 form input::-moz-placeholder {
  color: #666;
}

.about2-section9 form input:-moz-placeholder {
  color: #666;
}

.about2-section9 form input:-ms-input-placeholder {
  color: #666;
}

.about2-section9 form button {
  margin-top: 0.3rem;
  width: 100%;
  background-color: #f9871b;
  color: #fff;
  font-size: 0.33rem;
  text-align: center;
  font-family: "SourceHanSansCN-Regular", "SourceHanSansHK-Regular";
  line-height: 1;
  height: 1.4rem;
  line-height: 1.4rem;
}

@media screen and (min-width: 1100px) {
  .about2-section9 {
    padding-top: 1.57rem;
    padding-bottom: 1.88rem;
  }
}

@media screen and (max-width: 1099px) {
  .about2-section9 .text1 {
    font-size: 24px;
    margin-bottom: 21px;
  }

  .about2-section9 .text2 {
    font-size: 13.2px;
  }

  .about2-section9 form {
    width: 100%;
    margin-top: 30px;
  }

  .about2-section9 form input {
    height: 42px;
    line-height: 42px;
    font-size: 13.8px;
  }

  .about2-section9 form button {
    width: 100%;
    line-height: 42px;
    height: 42px;
    font-size: 13.8px;
    margin-top: 6px;
  }
}

/* ==================== 投资者关系 - 板块九 End ==================== */
/* ==================== 投资者关系 - 板块十 Start ==================== */
.about2-section10 {
  background-color: #f4f4f4;
}

.about2-section10 .body {
  position: relative;
}

.about2-section10 .body .swiper-button-prev {
  left: -1.33rem;
}

.about2-section10 .body .swiper-button-next {
  right: -1.33rem;
}

.about2-section10 .itembox {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  flex-wrap: wrap;
}

.about2-section10 .item {
  width: 49%;
  background-color: #fff;
  display: flex;
}

.about2-section10 .item:hover .download-btn {
  background-color: #F79130;
  color: #fff;
}

.about2-section10 .item .right-body {
  min-width: 0;
  flex-grow: 1;
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  padding: 0.67rem 0;
}

.about2-section10 .item .info {
  text-align: center;
}

.about2-section10 .item .text1 {
  font-size: 0.7rem;
  color: #333;
  line-height: 1;
  font-family: "OPPOSANS-MEDIUM";
}

.about2-section10 .item .text2 {
  margin-top: 0.17rem;
  font-size: 0.3rem;
  color: #333;
  line-height: 1;
  font-family: "OPPOSANS-MEDIUM";
}

.about2-section10 .item .download-btn {
  padding: 0.13rem 0.33rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.24rem;
  color: #F79130;
  line-height: 1;
  border: 1px solid #F79130;
  border-radius: 0.03rem;
  transition: all 0.4s;
  font-family: "OPPOSANS-MEDIUM";
}

.about2-section10 .item .download-btn:hover {
  background-color: #F79130;
  color: #fff;
}

.about2-section10 .item .download-btn:before {
  content: "";
  display: block;
  width: 0.3rem;
  height: 0.3rem;
  background: url(../png/img372%40100x100.png) no-repeat center;
  background-size: 100%;
  margin-right: 0.08rem;
}

.about2-section10 .index-arrow {
  top: 50%;
  transform: translateY(-50%);
  margin: 0;
}

@media screen and (min-width: 1100px) {
  .about2-section10 {
    padding-top: 0.93rem;
    padding-bottom: 2.4rem;
  }

  .about2-section10 .item:nth-child(2)~.item {
    margin-top: 2%;
  }

  .about2-section10 .item .cover {
    width: 73%;
    flex-shrink: 0;
  }

  .about2-section10 .index-btn {
    margin-top: 0.83rem;
  }
}

@media screen and (max-width: 1099px) {
  .about2-section10 .itembox {
    display: block;
  }

  .about2-section10 .item {
    width: 100%;
  }

  .about2-section10 .item .cover {
    width: 65%;
    flex-shrink: 0;
  }

  .about2-section10 .item .text1 {
    font-size: 24px;
  }

  .about2-section10 .item .text2 {
    font-size: 12px;
  }

  .about2-section10 .item .right-body {
    padding: 22.2px 0;
  }

  .about2-section10 .item .download-btn {
    font-size: 12px;
    padding: 8px 10px;
  }

  .about2-section10 .item .download-btn::before {
    width: 12px;
    height: 12px;
  }

  .about2-section10 .body {
    position: relative;
  }

  .about2-section10 .body .swiper-button-prev {
    left: 0;
  }

  .about2-section10 .body .swiper-button-next {
    right: 0;
  }
}

/* ==================== 投资者关系 - 板块十 End ==================== */
/* ==================== 财务报告 - 板块一 Start ==================== */
.about4-section1 {
  background-color: #f3f4f5;
}

@media screen and (min-width: 1100px) {
  .about4-section1 .left-body .item {
    width: 2.83rem;
  }

  .about4-section1 .body {
    padding-bottom: 180px;
  }
}

@media screen and (max-width: 1099px) {
  .about4-section1 .about2-year-item {
    height: auto;
    width: 48%;
    margin: 0 !important;
  }

  .about4-section1 .about2-year-item:nth-child(2n) {
    margin-left: 4% !important;
  }

  .about4-section1 .about2-year-item:nth-child(2)~.about2-year-item {
    margin-top: 4% !important;
  }
}

/* ==================== 财务报告 - 板块一 End ==================== */
/* ==================== 财务报告 - 板块一 End ==================== */
.about5-section1 {
  background-color: #f3f4f5;
}

.about5-section1 .about2-year-item {
  height: 8.3667rem;
}

.about5-section1 .about2-year-item:hover .cover {
  width: 62%;
}

@media screen and (max-width: 1099px) {
  .about5-section1 .about2-year-item:hover .cover {
    width: 100%;
  }

  .about5-section1 .about2-year-item {
    height: auto;
  }

  .about5-section1 .item2 {
    width: 48% !important;
    margin: 0 !important;
  }

  .about5-section1 .item2:nth-child(2n) {
    margin-left: 4% !important;
  }

  .about5-section1 .item2:nth-child(2)~.item2 {
    margin-top: 4% !important;
  }

  .about5-section1 .item2 .info {
    padding: 15px 10px;
  }

  .about5-section1 .item2 .title {
    line-height: 1.4;
    font-size: 12px;
  }
}

/* ==================== 财务报告 - 板块一 End ==================== */
/* ==================== 产品与服务(2) - 板块一 Start ==================== */
.product2-section1 {
  position: relative;
  z-index: 12;
}

.product2-section1 .bg-image {
  overflow: hidden;
}

.product2-section1 .title {
  max-width: 100%;
  overflow: hidden;
  position: absolute;
  top: 1.1667rem;
  left: 0;
  width: 100%;
  z-index: 20;
  text-align: center;
  color: #11397D;
  /* line-height: 1.1; */
  font-size: 0.4667rem;
  font-family: "SourceHanSansCN-Bold";
}

.product2-section1 .title img {
  height: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: inherit;
}

.product2-section1 .more-btn {
  position: absolute;
  top: 2.8333rem;
  left: 50%;
  transform: translateX(-50%);
  width: 3.6667rem;
  height: 0.8333rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.3333rem;
  color: #fff;
  border-radius: 1.6667rem;
  background-image: linear-gradient(180deg, #F9B575 0%, #F79130 100%);
}

.product2-section1 .body {
  width: 100%;
  position: absolute;
  bottom: -1.5rem;
  left: 50%;
  transform: translateX(-50%);
}

.product2-section1 .itembox {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}

.product2-section1 .item {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem;
  background: linear-gradient(179deg, #F1F6FD 0%, #FEFEFE 100%);
  box-shadow: 0.1333rem 0.1667rem 0.2rem 0rem rgba(158, 184, 230, 0.19);
  border-radius: 0.1333rem;
  border: 0.0333rem solid #FFFFFF;
  width: 32.66%;
}

.product2-section1 .item:nth-child(3n-1) {
  margin-left: 1%;
  margin-right: 1%;
}

.product2-section1 .item .icon {
  width: 0.8333rem;
  flex-shrink: 0;
  margin-right: 0.1667rem;
}

.product2-section1 .item .text {
  font-size: 0.28rem;
  color: #504D4D;
  line-height: 1.4;
  font-family: "OPPOSANS-BOLD";
  text-align: center;
}

.product2-section1 .tip {
  font-size: 0.25rem;
  color: #999;
  line-height: 1;
  font-family: "SourceHanSansCN-Regular", "SourceHanSansHK-Regular";
  margin-top: 0.3333rem;
  text-align: right;
}

@media screen and (max-width: 1099px) {
  .product2-section1 .title img {
    height: auto;
    max-width: 90%;
  }

  .product2-section1 .title {
    top: 30px;
    left: 0;
    font-size: 3.3vw;
  }

  .product2-section1 .more-btn {
    top: 100px;
    width: auto;
    height: 25px;
    font-size: 12px;
    border-radius: 50px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .product2-section1 .body {
    position: static;
    width: 100%;
    transform: translateX(0);
    padding-top: 20px;
  }

  .product2-section1 .itembox {
    justify-content: center;
  }

  .product2-section1 .item {
    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
    box-shadow: 4px 5px 3px 0px rgba(79, 92, 115, 0.1);
    border-radius: 8px;
    border: 2px solid #FFFFFF;
    margin: 0 !important;
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
  }

  .product2-section1 .item:first-child~.item {
    margin-top: 15px !important;
  }

  .product2-section1 .item .icon {
    width: 40px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 10px;
    flex-shrink: 0;
    margin-right: 20px;
  }

  .product2-section1 .item .text {
    min-width: 0;
    flex-grow: 1;
    font-size: 14px;
    text-align: left;
    min-height: 5.2em;
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }

  .product2-section1 .tip {
    font-size: 12px;
    margin-top: 10px;
  }
}

/* ==================== 产品与服务(2) - 板块一 End ==================== */
/* ==================== 产品与服务(2) - 板块二 Start ==================== */
.product2-section2 {
  padding-top: 2rem;
  padding-bottom: 1.5rem;
  background-size: 32rem auto;
  background-repeat: no-repeat;
  background-position: center bottom;
  background-color: #fff;
}

.product2-section2 .itembox {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.product2-section2 .item {
  width: 32.5%;
  position: relative;
  border-radius: 0.1rem;
  overflow: hidden;
}

.product2-section2 .item:hover .info {
  transform: translateY(10px);
}

.product2-section2 .item:nth-child(3n-1) {
  margin-left: 1.25%;
  margin-right: 1.25%;
}

.product2-section2 .item:nth-child(3)~.item {
  margin-top: 0.5667rem;
}

.product2-section2 .item .info {
  max-width: 48%;
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  padding-top: 0.6667rem;
  padding-left: 0.25rem;
  transition: all 0.4s;
}

.product2-section2 .item .info .text1 {
  font-size: 0.4rem;
  color: #333;
  line-height: 1;
  font-family: "SourceHanSansCN-Medium", "SourceHanSansHK-Medium";
}

.product2-section2 .item .info .text2 {
  font-size: 0.26rem;
  color: #838FAA;
  line-height: 1.4;
  font-family: "SourceHanSansCN-Regular", "SourceHanSansHK-Regular";
  margin-top: 0.2rem;
}

@media screen and (min-width: 1100px) {
  .product2-section2 .about-title {
    padding-bottom: 0.6667rem;
  }
}

@media screen and (max-width: 1099px) {
  .product2-section2 {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .product2-section2 .item {
    width: 100%;
    border-radius: 6px;
    margin: 0 !important;
  }

  .product2-section2 .item:nth-child(1)~.item {
    margin-top: 15px !important;
  }

  .product2-section2 .item .info {
    padding-top: 30px;
    padding-left: 20px;
  }

  .product2-section2 .item .info .text1 {
    font-size: 17px;
    line-height: 1.2;
  }

  .product2-section2 .item .info .text2 {
    font-size: 12px;
    margin-top: 10px;
    line-height: 1.6;
  }
}

/* ==================== 产品与服务(2) - 板块二 End ==================== */
/* ==================== 产品与服务(2) - 板块三 Start ==================== */
.product2-section3 {
  padding-top: 1.5rem;
  padding-bottom: 3.5rem;
  background-size: 32rem auto;
  background-repeat: no-repeat;
  background-position: center bottom;
  background-color: #FEFEFF;
}

.product2-section3 .swiper {
  position: relative;
  width: 100%;
  box-shadow: 0.1333rem 0.1667rem 0.2rem 0rem rgba(158, 184, 230, 0.19);
  border-radius: 0.4167rem;
  background-image: linear-gradient(#F1F6FD, #FEFEFE);
  border: 0.0667rem solid #fff;
}

.product2-section3 .item-style {
  position: relative;
  border-radius: 0.1667rem;
  overflow: hidden;
}

.product2-section3 .item {
  position: relative;
  padding: 0.6667rem 0.8333rem;
}

.product2-section3 .item .info {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: column;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  color: #fff;
  text-align: center;
  padding: 0 1rem;
}

.product2-section3 .item .text1 {
  font-size: 0.6rem;
  font-family: "OPPOSANS-BOLD";
  line-height: 1.4;
}

.product2-section3 .item .text2 {
  font-size: 0.4rem;
  font-family: "OPPOSANS-REGULAR";
  line-height: 1;
  margin-top: 0.5rem;
}

.product2-section3 .video-item video {
  display: block;
  width: 100%;
}

.product2-section3 .video-item .info {
  background: rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(0.1667rem);
  -webkit-backdrop-filter: blur(0.1667rem);
}

.product2-section3 .video-item .play-btn {
  width: 0.6rem;
  height: 0.6rem;
  cursor: pointer;
  background: url(../png/img302%40100x100.png) no-repeat center;
  background-size: 100%;
  display: block;
  z-index: 2;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0.6667rem;
}

.product2-section3 .swiper-button-prev {
  left: -1.6667rem;
}

.product2-section3 .swiper-button-next {
  right: -1.6667rem;
}

@media screen and (min-width: 1100px) {
  .product2-section3 .about-title {
    padding-bottom: 0.6667rem;
  }
}

@media screen and (max-width: 1099px) {
  .product2-section3 {
    padding-top: 45px;
    padding-bottom: 50px;
    background-size: 100% auto;
  }

  .product2-section3 .swiper {
    box-shadow: 8px 10px 6px 0px rgba(79, 92, 115, 0.1);
    border-radius: 13px;
    border: 4px solid #fff;
  }

  .product2-section3 .item-style {
    border-radius: 6px;
  }

  .product2-section3 .item {
    padding: 10px 10px;
  }

  .product2-section3 .item .text1 {
    font-size: 18px;
  }

  .product2-section3 .item .text2 {
    font-size: 14px;
    line-height: 1.4;
    margin-top: 10px;
  }

  .product2-section3 .video-item .info {
    backdrop-filter: blur(10px);
  }

  .product2-section3 .video-item .play-btn {
    width: 18px;
    height: 18px;
    margin-top: 10px;
  }

  .product2-section3 .swiper-button-prev {
    left: 0;
  }

  .product2-section3 .swiper-button-next {
    right: 0;
  }
}

/* ==================== 产品与服务(2) - 板块三 End ==================== */
/* ==================== 产品与服务(2) - 板块四 Start ==================== */
.product2-section4 {
  background: url(../jpg/img446%401920x1000.jpg) repeat-y center;
  overflow: hidden;
}

.product2-section4 .mxw-box {
  position: relative;
  max-width: 1920px;
  padding-top: 1.0833rem;
  padding-bottom: 2.4167rem;
}

.product2-section4 .mxw-box:before,
.product2-section4 .mxw-box:after {
  content: "";
  display: block;
  width: 100vw;
  height: 100%;
  top: 0;
  position: absolute;
}

.product2-section4 .mxw-box:before {
  right: 100%;
  background-color: #edf5ff;
}

.product2-section4 .mxw-box:after {
  left: 100%;
  background-color: #c6eeff;
}

.product2-section4 .mxw-box .bg-icon {
  display: block;
  width: 3.3333rem;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 12;
  pointer-events: none;
}

.product2-section4 .mxw-box .bg-icon.bg-icon1 {
  left: 0;
  background: url("../png/img445%401000x1000.png") repeat-y left center;
  background-size: 100%;
}

.product2-section4 .mxw-box .bg-icon.bg-icon2 {
  right: 0;
  background: url("../png/img444%401000x1000.png") repeat-y right center;
  background-size: 100%;
}

.product2-section4 .product2-section4-swiper {
  margin-bottom: 0.6667rem;
}

.product2-section4 .product2-section4-swiper:last-child {
  margin-bottom: 0;
}

.product2-section4 .product2-section4-swiper .swiper-wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.product2-section4 .product2-section4-swiper .swiper-slide {
  width: 18.125%;
  margin-right: 2.5%;
}

.product2-section4 .item {
  border-radius: 0.1667rem;
  overflow: hidden;
  display: block;
}

@media screen and (min-width: 1100px) {
  .product2-section4 .about-title {
    padding-bottom: 1.5rem;
  }

  .product2-section4 .mxw-box {
    width: 26.6667rem;
    max-width: 26.6667rem;
  }
}

@media screen and (max-width: 1099px) {
  .product2-section4 {
    background-size: 100% auto;
  }

  .product2-section4 .mxw-box {
    padding-top: 40px;
    padding-bottom: 40px;
    max-width: 100%;
  }

  .product2-section4 .mxw-box .bg-icon {
    width: 20vw;
  }

  .product2-section4 .mxw-box .bg-icon.bg-icon1 {
    left: 10px;
  }

  .product2-section4 .mxw-box .bg-icon.bg-icon2 {
    right: 10px;
  }

  .product2-section4 .product2-section4-swiper {
    margin-bottom: 10px;
  }

  .product2-section4 .product2-section4-swiper .swiper-slide {
    width: 40%;
    margin-right: 1.5%;
  }

  .product2-section4 .item {
    border-radius: 5px;
  }
}

/* ==================== 产品与服务(2) - 板块四 End ==================== */
/* ==================== 产品与服务(2) - 板块五 Start ==================== */
.product2-section5 {
  padding-top: 0.8333rem;
  padding-bottom: 1.3333rem;
}

.product2-section5 .desc {
  text-align: center;
  color: #6D7485;
  font-size: 0.28rem;
  line-height: 1.8;
  font-family: "SourceHanSansCN-Regular", "SourceHanSansHK-Regular";
  margin-bottom: 0.6667rem;
}

.product2-section5 .body {
  border: 0.0333rem solid #fff;
  box-shadow: 0.1333rem 0.1667rem 0.2rem 0rem rgba(158, 184, 230, 0.19);
  border-radius: 0.4167rem;
  background-image: linear-gradient(#F1F6FD, #FEFEFE);
  position: relative;
  padding: 0.8333rem;
  padding-bottom: 0;
}

.product2-section5 .body video {
  width: 100%;
  display: block;
}

.product2-section5 .tabs {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.product2-section5 .tabs .swiper-slide {
  width: auto;
  padding: 20px 0;
}

.product2-section5 .tabs .swiper-slide-thumb-active .tab-item {
  color: #ff9632;
  border-color: #ff9632;
}

.product2-section5 .tabs .tab-item {
  font-size: 0.24rem;
  color: #999;
  line-height: 1.1;
  border-radius: 1.6667rem;
  margin-right: 0.3333rem;
  background: rgba(239, 245, 254, 0.85);
  box-shadow: 0.1333rem 0.1667rem 0.2rem 0rem rgba(158, 184, 230, 0.19);
  border: 0.0167rem solid #FFFFFF;
  padding: 0.0833rem 0.1167rem;
  text-align: center;
  cursor: pointer;
  display: block;
  font-family: "SourceHanSansCN-Regular", "SourceHanSansHK-Regular";
}

.product2-section5 .tabs .tab-item.active {
  color: #ff9632;
  border-color: #ff9632;
}

.product2-section5 .tabs .tab-item:last-child {
  margin-right: 0;
}

@media screen and (max-width: 1099px) {
  .product2-section5 {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .product2-section5 .desc {
    font-size: 12px;
    margin-bottom: 40px;
    line-height: 2;
  }

  .product2-section5 .body {
    border: 2px solid #fff;
    box-shadow: 7.499px 10.002px 6px 0px rgba(79, 92, 115, 0.1);
    border-radius: 13.002px;
    padding: 15px;
    padding-bottom: 10px;
  }

  .product2-section5 .tabs {
    margin-top: 20px;
    justify-content: space-between;
  }

  .product2-section5 .tabs .tab-item {
    font-size: 12px;
    border-radius: 100px;
    margin-right: 0;
    box-shadow: 4px 5px 6px 0px rgba(79, 92, 115, 0.1);
    border: 1px solid #FFFFFF;
    padding: 5px 15px;
    text-align: center;
  }

  .product2-section5 .tabs .tab-item:nth-child(2)~.tab-item {
    margin-top: 10px;
  }
}

/* ==================== 产品与服务(2) - 板块五 End ==================== */
/* ==================== 产品与服务(2) - 板块六 Start ==================== */
.product2-section6 {
  background-size: contain;
  background-color: #fff;
}

@media screen and (max-width: 1099px) {
  .product2-section6 .content {
    top: 8.8px;
    left: 35.2px;
    border-radius: 8px;
    border: 1.8px solid #FFFFFF;
    padding: 10.8px 8px;
    padding-top: 15px;
    z-index: 55;
    display: none;
  }
}

/* ==================== 产品与服务(2) - 板块六 End ==================== */
/* ==================== 产品与服务(2) - 板块七 Start ==================== */
.product2-section7 .body2 {
  margin-top: 1.33rem;
}

.product2-section7 .itembox2 {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: space-between;
  margin-bottom: 0.58rem;
}

.product2-section7 .item2 {
  width: 19.2%;
  flex-shrink: 0;
  text-align: center;
  background: linear-gradient(179deg, #F1F6FD 0%, #FEFEFE 100%);
  box-shadow: 0.13rem 0.17rem 0.2rem 0rem rgba(158, 184, 230, 0.19);
  border: 0.03rem solid #fff;
  padding: 0.67rem 0.17rem 0.5rem;
  /* cursor: pointer; */
  transition: border-color 0.4s;
}

.product2-section7 .item2:hover {
  border-color: #0077ff;
}

.product2-section7 .item2 .icon {
  width: 0.83rem;
  margin-bottom: 0.33rem;
  margin-left: auto;
  margin-right: auto;
}

.product2-section7 .item2 .text1 {
  font-size: 0.3rem;
  color: #232A3B;
  line-height: 1;
  font-family: "SourceHanSansCN-Bold", "SourceHanSansHK-Bold";
  display: flex;
  align-items: center;
  justify-content: center;
}

.product2-section7 .item2 .text1 span {
  font-family: "SourceHanSansCN-Bold", "SourceHanSansCN-BoldHK-Bold" !important;
  line-height: 1;
}

.product2-section7 .item2 .text2 {
  margin-top: 0.1667rem;
  font-family: "SourceHanSansCN-Regular", "SourceHanSansHK-Regular";
  line-height: 1.6;
  color: #232A3B;
  font-size: 0.24rem;
}

.product2-section7 .itembox3 {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  border-radius: 0.13rem;
  overflow: hidden;
  margin-bottom: 0.33rem;
}

.product2-section7 .item3 {
  padding-left: 0.2rem;
  padding-right: 0.2rem;
  background-color: #057cff;
  position: relative;
  z-index: 1;
  transition: all 0.4s;
  /* cursor: pointer; */
}

.product2-section7 .item3:hover {
  z-index: 2;
  box-shadow: 0 0 10px 4px rgba(255, 255, 255, 0.2);
}

.product2-section7 .item3 .text2 {
  font-size: 0.3rem;
  color: #fff;
  font-family: "SourceHanSansCN-Medium", "SourceHanSansHK-Medium";
  text-align: center;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.product2-section7 .item3 .icon {
  width: 0.83rem;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0.42rem;
  padding-top: 0.92rem;
}

.product2-section7 .item3 .text1 {
  font-size: 0.26rem;
  color: #fff;
  font-family: "SourceHanSansCN-Regular", "SourceHanSansHK-Regular";
  line-height: 1.4;
  text-align: center;
}

.product2-section7 .itembox4 {
  min-width: 0;
  flex-grow: 1;
  display: flex;
  align-items: stretch;
}

.product2-section7 .item4 {
  width: 33.3333%;
  position: relative;
}

.product2-section7 .item4:before {
  content: "";
  display: block;
  width: 0.02rem;
  height: 1.33rem;
  background-color: #dddfe0;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
}

.product2-section7 .item4 .icon4 {
  width: 1.83rem;
  margin: 0 auto;
  font-size: 0;
  box-shadow: 0.17rem 0.17rem 0.17rem -0.08rem #e9f0f9;
  border-radius: 100%;
}

.product2-section7 .item4 .text4 {
  margin-top: 0.33rem;
  font-size: 0.23rem;
  line-height: 1;
  text-align: center;
  color: #333;
  font-family: "SourceHanSansCN-Medium", "SourceHanSansHK-Medium";
}

.product2-section7 .product-desc-title .title-text:before,
.product2-section7 .product-desc-title .title-text:after {
  bottom: 0;
  transform: translateY(0);
}

.product2-section7 .product-desc-title .title-text:after {
  transform: rotateY(180deg);
}

.product2-section7 .body4 {
  padding-bottom: 1.6667rem;
}

.product2-section7 .body4 .card4 {
  background: url(../png/img438%402450x812.png) no-repeat center bottom;
  background-size: 100% auto;
  padding-left: 0.6667rem;
  padding-right: 0.6667rem;
  margin-right: -0.3rem;
  margin-left: -0.08rem;
}

.product2-section7 .body4 .title4 {
  background: linear-gradient(360deg, #EAF3FF 0%, #64A2FF 100%);
  border-radius: 0.1667rem 0rem 0.5rem 0rem;
  padding: 0.1667rem 0.3333rem;
  color: #1475FE;
  font-family: "OPPOSANS-MEDIUM";
  display: table;
  margin-left: -0.5833rem;
  font-size: 0.3rem;
}

.product2-section7 .body4 .product2-section7-swiper {
  margin-top: 0.3333rem;
}

.product2-section7 .body4 .item {
  cursor: pointer;
  text-align: center;
}

.product2-section7 .body4 .image {
  padding-left: 0.1667rem;
  padding-right: 0.1667rem;
}

.product2-section7 .body4 .text {
  font-size: 0.22rem;
  line-height: 1.8;
  color: #333;
  font-family: "OPPOSANS-MEDIUM";
  margin-bottom: 0.4667rem;
  padding-top: 0.0333rem;
  padding-left: 0.3rem;
  padding-right: 0.3rem;
  white-space: inherit;
  overflow: hidden;
  /* word-break: break-all; */
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

@media screen and (min-width: 1100px) {
  .product2-section7 .item3 {
    width: 15.8%;
    height: 3.67rem;
  }

  .product2-section7 .item3:nth-child(1),
  .product2-section7 .item3:nth-child(7) {
    width: 21%;
  }

  .product2-section7 .item3:nth-child(2),
  .product2-section7 .item3:nth-child(4),
  .product2-section7 .item3:nth-child(6),
  .product2-section7 .item3:nth-child(7),
  .product2-section7 .item3:nth-child(9),
  .product2-section7 .item3:nth-child(11) {
    background-color: #0061ee;
  }
}

@media screen and (max-width: 1099px) {
  .product2-section7 .body2 {
    margin-top: 40.002px;
  }

  .product2-section7 .itembox2 {
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 20px;
  }

  .product2-section7 .item2 {
    width: 49%;
    padding: 20px 4.8px;
    margin-right: 0;
  }

  .product2-section7 .item2:nth-child(2n-1) {
    margin-right: 2% !important;
  }

  .product2-section7 .item2:nth-child(2)~.item2 {
    margin-top: 2% !important;
  }

  .product2-section7 .item2:nth-child(5) {
    width: 100%;
  }

  .product2-section7 .item2 .icon {
    width: 30px;
    margin-bottom: 15px;
  }

  .product2-section7 .item2 .text1 {
    font-size: 18px;
  }

  .product2-section7 .item2 .text2 {
    font-size: 12px;
    line-height: 1.4;
  }

  .product2-section7 .item3 {
    width: 33.3333%;
    padding: 15px 4.8px;
    zoom: 0.9;
  }

  .product2-section7 .item3:nth-child(2n) {
    background-color: #0061ee;
  }

  .product2-section7 .item3 .text2 {
    font-size: 16.2px;
  }

  .product2-section7 .item3 .icon {
    width: 30px;
    margin-bottom: 10px;
    padding-top: 0;
  }

  .product2-section7 .item3 .text1 {
    font-size: 12px;
  }

  .product2-section7 .body3 {
    display: block;
    padding: 20px;
  }

  .product2-section7 .body3 .title3 {
    margin-right: 0;
    width: 100%;
    text-align: center;
    font-size: 18px;
    margin-bottom: 20px;
  }

  .product2-section7 .itembox4 {
    display: block;
  }

  .product2-section7 .item4 {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-bottom: 1px dashed #d3d4d6;
    padding-bottom: 10px;
    padding-top: 10px;
  }

  .product2-section7 .item4:first-child {
    padding-top: 0;
  }

  .product2-section7 .item4:last-child {
    border-bottom: 0;
    padding-bottom: 0;
  }

  .product2-section7 .item4::before {
    display: none;
  }

  .product2-section7 .item4 .icon4 {
    width: 60px;
    margin-right: 20px;
    flex-shrink: 0;
  }

  .product2-section7 .item4 .text4 {
    min-width: 0;
    flex-grow: 1;
    margin-top: 0;
    font-size: 13.8px;
    text-align: left;
  }

  .product2-section7 .body4 {
    padding-bottom: 50px;
  }

  .product2-section7 .body4 .card4 {
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 20px;
  }

  .product2-section7 .body4 .title4 {
    font-size: 14px;
    border-radius: 10px 0px 15px 0px;
    padding: 6px 14px;
    margin-left: -9px;
  }

  .product2-section7 .body4 .product2-section7-swiper {
    margin-top: 20px;
  }

  .product2-section7 .body4 .image {
    padding-left: 10px;
    padding-right: 10px;
  }

  .product2-section7 .body4 .text {
    font-size: 12px;
    padding-bottom: 2px;
    line-height: 1.4;
    padding-top: 10px;
    padding-left: 5px;
    padding-right: 5px;
  }
}

/* ==================== 产品与服务(2) - 板块七 End ==================== */
/* ==================== 基金会党建 —— 样式 Start ==================== */
.other-section7 {
  padding-bottom: 1rem;
}

.other-section7 .body1 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding-left: 2.3333rem;
  padding-right: 1.3333rem;
  padding-top: 1.1667rem;
  padding-bottom: 0.3333rem;
  border-radius: 0.1667rem;
  border: 0.0333rem solid #fff;
  overflow: hidden;
  background-image: url(../png/img001%402450x754.png);
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: 100%;
  box-shadow: 0.1333rem 0.1667rem 0.2rem 0rem rgba(158, 184, 230, 0.19);
  margin-bottom: 0.3333rem;
}

.other-section7 .body1 .left {
  width: 9rem;
  flex-shrink: 0;
}

.other-section7 .body1 .left .text1 {
  font-size: 0.4667rem;
  line-height: 1.1;
  font-family: "SourceHanSansCN-Bold", "SourceHanSansHK-Bold";
  margin-bottom: 0.3333rem;
}

.other-section7 .body1 .left .text2 {
  font-size: 0.3333rem;
  line-height: 1.8;
  text-align: justify;
  color: #000;
  font-family: "SourceHanSansCN-Normal", "SourceHanSansHK-Normal";
  height: 7.2em;
  overflow: auto;
  padding-right: 0.3333rem;
}

.other-section7 .body1 .left .text2::-webkit-scrollbar {
  width: 0.1rem;
  background: rgba(255, 255, 255, 0.4);
  border-radius: 1.6667rem;
}

.other-section7 .body1 .left .text2::-webkit-scrollbar-thumb {
  border-radius: 1.6667rem;
  background: #1475FE;
  cursor: pointer;
}

.other-section7 .body1 .left .text2 strong {
  font-size: 400;
  font-family: "SourceHanSansCN-Bold", "SourceHanSansHK-Bold";
}

.other-section7 .body1 .right {
  width: 5rem;
  flex-shrink: 0;
}

.other-section7 .body1 .right .image {
  box-shadow: 0 0 0.3333rem -0.0833rem rgba(0, 0, 0, 0.2);
}

.other-section7 .body1 .right .text {
  font-size: 0.3rem;
  text-align: center;
  line-height: 1.1;
  font-family: "SourceHanSansCN-Medium", "SourceHanSansHK-Medium";
  margin-top: 0.6667rem;
}

.other-section7 .body2 {
  padding-top: 0.6rem;
  padding-left: 1.4167rem;
  padding-right: 1.4167rem;
  padding-bottom: 1rem;
  background-image: -webkit-linear-gradient(to bottom, #F5F9FD, #fff);
  background-image: -o-linear-gradient(to bottom, #F5F9FD, #fff);
  background-image: -moz-linear-gradient(to bottom, #F5F9FD, #fff);
  background-image: linear-gradient(to bottom, #F5F9FD, #fff);
  background-position: right top;
  background-repeat: no-repeat;
  border: 2px solid #fff;
  border-radius: 0.1667rem;
  box-shadow: 0.1333rem 0.1667rem 0.2rem 0rem rgba(158, 184, 230, 0.19);
  position: relative;
}

.other-section7 .body2:after {
  content: "";
  display: block;
  background-image: url(../jpg/img003%40520x570.jpg);
  width: 8.6667rem;
  height: 9.5rem;
  position: absolute;
  top: 0;
  right: 0;
  background-size: 100%;
}

.other-section7 .body2 .title {
  padding: 0.2833rem;
  background: linear-gradient(#F1F6FD 0%, #FEFEFE 100%);
  box-shadow: 0.1333rem 0.1667rem 0.2rem 0rem rgba(158, 184, 230, 0.19);
  border: 0.0333rem solid #FFFFFF;
  margin-bottom: 0.3333rem;
  font-size: 0.4rem;
  line-height: 1.1;
  text-align: center;
  position: relative;
  z-index: 3;
}

.other-section7 .body2 .other-title {
  position: relative;
  z-index: 3;
  margin-bottom: 0.5833rem;
}

.other-section7 .body2 .itembox {
  position: relative;
  z-index: 3;
}

.other-section7 .body2 .item {
  padding: 0.6667rem;
  background: linear-gradient(#F1F6FD 0%, #FEFEFE 100%);
  box-shadow: 0.1333rem 0.1667rem 0.2rem 0rem rgba(158, 184, 230, 0.19);
  border: 0.0333rem solid #FFFFFF;
  margin-bottom: 0.3333rem;
  font-size: 0.4rem;
  line-height: 1.1;
  text-align: center;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
}

.other-section7 .body2 .item:nth-child(2n) .info {
  order: 2;
  margin-left: 0.8333rem;
  margin-right: 0;
}

.other-section7 .body2 .item:nth-child(2n) .info .desc {
  padding-right: 0.3333rem;
}

.other-section7 .body2 .item:last-child {
  margin-bottom: 0;
}

.other-section7 .body2 .item .info {
  text-align: left;
  margin-right: 0.3333rem;
}

.other-section7 .body2 .item .info .text1 {
  margin-bottom: 0.5rem;
  font-size: 0.4rem;
  line-height: 1.1;
}

.other-section7 .body2 .item .info .desc {
  font-size: 0.2667rem;
  line-height: 2.2em;
  height: 11.5em;
  padding-right: 0.9rem;
  overflow: auto;
  text-align: justify;
}

.other-section7 .body2 .item .info .desc::-webkit-scrollbar {
  width: 0.1rem;
  background: #E2EFFE;
  border-radius: 1.6667rem;
}

.other-section7 .body2 .item .info .desc::-webkit-scrollbar-thumb {
  border-radius: 1.6667rem;
  background: #1475FE;
  cursor: pointer;
}

.other-section7 .body2 .item .image {
  width: 6.5rem;
  flex-shrink: 0;
  border: 0.0667rem solid #fff;
  border-radius: 0.0833rem;
  box-shadow: 0.1333rem 0.1667rem 0.2rem 0rem rgba(75, 122, 203, 0.19);
}

.other-section7 .body2 .item .image img {
  width: 100%;
}

@media screen and (max-width: 1100px) {
  .other-section7 {
    padding-bottom: 80px;
  }

  .other-section7 .body1 {
    padding: 40px 20px;
    border-radius: 10px;
    border: 2px solid #fff;
    box-shadow: 8px 10px 6px 0px rgba(158, 184, 230, 0.19);
    margin-bottom: 30px;
    display: block;
    background-image: -webkit-linear-gradient(to bottom, #DFECFE, #F1F6FE);
    background-image: -o-linear-gradient(to bottom, #DFECFE, #F1F6FE);
    background-image: -moz-linear-gradient(to bottom, #DFECFE, #F1F6FE);
    background-image: linear-gradient(to bottom, #DFECFE, #F1F6FE);
  }

  .other-section7 .body1 .left {
    width: 100%;
  }

  .other-section7 .body1 .left .text1 {
    font-size: 20px;
    margin-bottom: 20px;
  }

  .other-section7 .body1 .left .text2 {
    font-size: 14px;
    padding-right: 10px;
    height: auto;
    max-height: 60vh;
  }

  .other-section7 .body1 .left .text2::-webkit-scrollbar {
    width: 6px;
    border-radius: 25px;
  }

  .other-section7 .body1 .left .text2::-webkit-scrollbar-thumb {
    border-radius: 50px;
  }

  .other-section7 .body1 .right {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
  }

  .other-section7 .body1 .right .image {
    box-shadow: 0 0 10px -5px rgba(0, 0, 0, 0.2);
  }

  .other-section7 .body1 .right .text {
    font-size: 14px;
    margin-top: 20px;
  }

  .other-section7 .body2 {
    padding: 40px 10px;
    border-radius: 10px;
    box-shadow: 8px 10px 6px 0px rgba(158, 184, 230, 0.19);
  }

  .other-section7 .body2:after {
    width: 80px;
    height: 85px;
  }

  .other-section7 .body2 .title {
    padding: 10px 20px;
    box-shadow: 8px 10px 6px 0px rgba(158, 184, 230, 0.19);
    border: 2px solid #FFFFFF;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 1.6;
  }

  .other-section7 .body2 .other-title {
    margin-bottom: 35px;
  }

  .other-section7 .body2 .item {
    padding: 20px;
    box-shadow: 8px 10px 6px 0px rgba(158, 184, 230, 0.19);
    border: 2px solid #FFFFFF;
    margin-bottom: 10px;
    font-size: 12px;
    display: block;
  }

  .other-section7 .body2 .item:nth-child(2n) .info {
    order: 0;
    margin-left: 0;
  }

  .other-section7 .body2 .item:nth-child(2n) .info .desc {
    padding-right: 15px;
  }

  .other-section7 .body2 .item .info {
    margin-right: 0;
  }

  .other-section7 .body2 .item .info .text1 {
    margin-bottom: 20px;
    font-size: 16px;
    font-family: "SourceHanSansCN-Bold", "SourceHanSansHK-Bold";
  }

  .other-section7 .body2 .item .info .desc {
    font-size: 14px;
    padding-right: 15px;
    line-height: 1.6;
  }

  .other-section7 .body2 .item .info .desc::-webkit-scrollbar {
    width: 6px;
    border-radius: 50px;
  }

  .other-section7 .body2 .item .info .desc::-webkit-scrollbar-thumb {
    border-radius: 50px;
  }

  .other-section7 .body2 .item .image {
    width: 100%;
    border: 4px solid #fff;
    border-radius: 5px;
    box-shadow: 8px 10px 12px 0px rgba(75, 122, 203, 0.19);
    margin-top: 20px;
  }
}

/* ==================== 基金会党建 —— 样式 End ==================== */
/* ==================== 联系我们 - 板块一 End ==================== */
.contact-section1 {
  position: relative;
  z-index: 11;
  padding-top: 1.67rem;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.contact-section1 .body {
  position: absolute;
  width: 100%;
  bottom: 100%;
  left: 50%;
  transform: translate(-50%, 40%);
}

.contact-section1 .body>.mxw-box {
  width: 100%;
}

.contact-section1 .body .title {
  margin-bottom: 0.75rem;
}

.contact-section1 .body .title .text1 {
  font-size: 0.83rem;
  color: #fff;
  line-height: 1;
  font-family: "OPPOSANS-LIGHT";
  margin-bottom: 0.33rem;
}

.contact-section1 .body .title .text2 {
  font-size: 0.83rem;
  color: #fff;
  line-height: 1;
  font-family: "OPPOSANS-LIGHT";
}

.contact-section1 .body .content {
  background: #FFFFFF;
  border-radius: 0.13rem;
  padding: 0.67rem 1.67rem;
}

.contact-section1 .body .content .text1 {
  font-size: 0.53rem;
  color: #232A3B;
  line-height: 1;
  font-family: "OPPOSANS-BOLD";
  text-align: center;
  margin-bottom: 0.42rem;
}

.contact-section1 .body .content .map {
  height: 6.67rem;
  overflow: hidden;
}

.contact-section1 .itembox {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  margin-bottom: 0.67rem;
  flex-wrap: wrap;
}

.contact-section1 .item {
  padding: 0.83rem 1rem;
  background-color: #fff;
  border-radius: 0.13rem;
  border: 1px solid #E2E6EE;
  display: flex;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.contact-section1 .item .text1 {
  width: 100%;
  font-size: 0.3rem;
  color: #3A3D45;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-family: "OPPOSANS-BOLD";
  margin-bottom: 0.42rem;
}

.contact-section1 .item .text1:after {
  content: "";
  display: block;
  width: 0.4rem;
  height: 0.4rem;
  margin-left: 0.25rem;
  background: url("../png/img348%4050x50.png") no-repeat center;
  background-size: 100%;
}

.contact-section1 .item .desc {
  width: 100%;
  min-width: 0;
  flex-grow: 1;
}

.contact-section1 .item .desc-item {
  width: 100%;
  display: flex;
  margin-bottom: 0.17rem;
}

.contact-section1 .item .desc-item:last-child {
  margin-bottom: 0;
}

.contact-section1 .item .label {
  flex-shrink: 0;
  font-size: 0.3rem;
  color: #7A839A;
  line-height: 1.4;
  font-family: "SourceHanSansCN-Regular";
}

.contact-section1 .item .label i {
  display: inline-block;
  width: 2em;
}

.contact-section1 .item .content {
  font-size: 0.3rem;
  color: #414348;
  line-height: 1.4;
  font-family: "SourceHanSansCN-Regular";
}

.contact-section1 .item .view-map {
  width: 100%;
  color: #1475FE;
  line-height: 1;
  font-family: "SourceHanSansCN-Medium";
  font-size: 0.3rem;
  margin-top: 0.5rem;
  display: table;
  transition: all 0.4s;
}

.contact-section1 .item .view-map:hover {
  transform: translateX(0.08rem);
}

@media screen and (min-width: 1100px) {
  .contact-section1 {
    padding-bottom: 1.67rem;
  }

  .contact-section1 .item {
    width: 49%;
  }

  .contact-section1 .item:nth-child(2)~.item {
    margin-top: 2%;
  }
}

@media screen and (max-width: 1100px) {
  .contact-section1 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .contact-section1 .body {
    padding: 30px 0 19.8px;
    transform: translateY(0);
    position: static;
  }

  .contact-section1 .body .content {
    padding: 30px 15px;
  }

  .contact-section1 .body .content .map {
    height: auto;
  }

  .contact-section1 .body .content .text1 {
    font-size: 22.2px;
    margin-bottom: 19.8px;
  }

  .contact-section1 .body .title {
    margin-bottom: 30px;
  }

  .contact-section1 .body .title .text1 {
    font-size: 22.2px;
    margin-bottom: 10.2px;
    color: #333;
  }

  .contact-section1 .body .title .text2 {
    font-size: 18px;
    color: #333;
  }

  .contact-section1 .itembox {
    display: block;
    margin-bottom: 0;
  }

  .contact-section1 .item {
    width: 100%;
    padding: 30px 19.8px;
    border-radius: 7.8px;
    border: 0.0167rem solid #E2E6EE;
    margin-bottom: 19.8px;
  }

  .contact-section1 .item:last-child {
    margin-bottom: 0;
  }

  .contact-section1 .item .text1 {
    font-size: 18px;
    margin-bottom: 19.8px;
  }

  .contact-section1 .item .text1:after {
    width: 19.8px;
    height: 19.8px;
    margin-left: 10.2px;
  }

  .contact-section1 .item .desc-item {
    margin-bottom: 15px;
  }

  .contact-section1 .item .label {
    font-size: 13.8px;
  }

  .contact-section1 .item .label i {
    width: 2em;
  }

  .contact-section1 .item .content {
    font-size: 13.8px;
  }

  .contact-section1 .item .view-map {
    font-size: 13.8px;
    margin-top: 30px;
  }

  .contact-section1 form {
    padding: 49.8px 19.8px 30px;
    font-size: 13.8px;
  }

  .contact-section1 form .form-item {
    margin-bottom: 19.8px;
  }

  .contact-section1 form .label {
    font-size: 13.8px;
    margin-bottom: 10.2px;
  }

  .contact-section1 form input {
    border-radius: 4.2px;
    border: 0.0167rem solid #DCDFE6;
    height: 37.8px;
    font-size: 12px;
  }

  .contact-section1 form .title {
    font-size: 22.2px;
    margin-bottom: 30px;
  }

  .contact-section1 form .form-content {
    max-width: 619.8px;
  }

  .contact-section1 form button {
    border-radius: 4.2px;
    height: 37.8px;
    font-size: 13.8px;
    margin-top: 19.8px;
  }
}

/* ==================== 联系我们 - 板块一 End ==================== */
/* ==================== 证书预览弹窗 Start ==================== */
.cert-popup {
  position: fixed;
  width: 100%;
  height: 100%;
  max-width: 100%;
  background: rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(0.69vw);
  -webkit-backdrop-filter: blur(0.69vw);
  top: 0;
  left: 0;
  z-index: 51;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.4s, visibility 0.4s;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cert-popup.active {
  opacity: 1;
  visibility: visible;
}

.cert-popup .body {
  width: 13.3333rem;
  background-color: #fff;
  padding: 0.8896rem 1.0656rem;
  position: relative;
  transition: transform 0.6s;
  transition-delay: 0.5s;
  border-radius: 0.1667rem;
}

.cert-popup .body.hide {
  transform: translateY(100%) !important;
}

.cert-popup .body .close {
  width: 0.6667rem;
  height: 0.6667rem;
  position: absolute;
  top: 0.25rem;
  right: 0.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.3333rem;
  border-radius: 100%;
  background-color: #F6F6F6;
  cursor: pointer;
  line-height: 1;
  transform: rotate(45deg);
}

.cert-popup .body .close:hover::before,
.cert-popup .body .close:hover::after {
  background-color: #000;
}

.cert-popup .body .close::before,
.cert-popup .body .close::after {
  content: "";
  display: block;
  background-color: #999;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.cert-popup .body .close::before {
  width: 50%;
  height: 0.0333rem;
}

.cert-popup .body .close::after {
  width: 0.0333rem;
  height: 50%;
}

.cert-popup .body .image {
  width: 100%;
  text-align: center;
}

.cert-popup .body .image img {
  width: 100%;
}

.cert-popup .body .title {
  font-size: 0.4333rem;
  text-align: center;
  margin-top: 0.3333rem;
}

@media screen and (max-width: 1100px) {
  .cert-popup {
    z-index: 1112;
  }

  .cert-popup .body {
    width: 96%;
    padding: 40px 20px;
    padding-bottom: 20px;
    border-radius: 10px;
  }

  .cert-popup .body .close {
    width: 30px;
    height: 30px;
    top: 10px;
    right: 10px;
    font-size: 20px;
  }

  .cert-popup .body .close::before {
    height: 2px;
  }

  .cert-popup .body .close::after {
    width: 2px;
  }

  .cert-popup .body .title {
    font-size: 16px;
    margin-top: 20px;
  }
}

/* ==================== 证书预览弹窗 End ==================== */