@charset "utf-8";
:root {
  --color: #b51c2e;
  --color2: #b51c2e;
  --color3: #b51c2e;
  --vh: 100vh;
  --grdcolor: #252821;
  --grdcolor2: #b6baae;
  --left: 0;
  --top: 0;
  --y: 0;
  --sk-colorindicator-swatch-size: 16px;
  --sk-colorindicator-gradient-stop: calc(var(--sk-colorindicator-swatch-size) / 2 - 0.5px);
  --sk-colorindicator-border-width: 2px;
}
@font-face {
  font-family: 'simkai-l';
  src: url('../font/simkai.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'SourceHanSerifCN-r';
  src: url('../font/SourceHanSerifCN-Regular-1.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'SourceHanSerifCN-m';
  src: url('../font/SourceHanSerifCN-Medium-6.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}
.about-banner {
  width: 100%;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.about-banner .img {
  width: 100%;
  height: 100vh;
  background: #000;
}
.about-banner .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 991px) {
  .about-banner .img .pc {
    display: none;
  }
}
.about-banner .img .mb {
  display: none;
}
@media (max-width: 991px) {
  .about-banner .img .mb {
    display: block;
  }
}
.about-banner .container {
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  padding-top: 1.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.about-banner .container .tbox .title {
  text-align: center;
  font-family: 'SourceHanSerifCN-m', "simkai-l", 'PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI', 'SimSun', 'SimHei', 'Arial';
  line-height: calc(60/54);
  color: #fff;
}
.about-banner .container .tbox .title span {
  display: block;
  font-size: 14px;
  line-height: calc(22/14);
  margin-bottom: 0.12rem;
  text-transform: uppercase;
}
.about-banner .container .tbox .icons {
  width: 0.92rem;
  margin: 2.15rem auto 0;
}
.about-banner .container .tbox .icons img {
  width: 100%;
}
.about-box1 {
  width: 100%;
  padding: 1.65rem 0;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
@media (max-width: 991px) {
  .about-box1 {
    padding: 1.65rem 0 3rem;
  }
}
@media (max-width: 767px) {
  .about-box1 {
    padding: 1.2rem 0 2rem;
  }
}
.about-box1 .container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.about-box1 .container .left {
  width: calc(450/1600*100%);
}
@media (max-width: 767px) {
  .about-box1 .container .left {
    width: calc(300/1600*100%);
  }
}
.about-box1 .container .left .img1 {
  width: 2.25rem;
  margin-left: 0.55rem;
  max-width: 100%;
}
@media (max-width: 991px) {
  .about-box1 .container .left .img1 {
    margin-left: 0;
  }
}
.about-box1 .container .left .img1 img {
  width: 100%;
}
.about-box1 .container .right {
  width: calc(1120/1600*100%);
}
@media (max-width: 767px) {
  .about-box1 .container .right {
    width: calc(1200/1600*100%);
  }
}
.about-box1 .container .right .txt {
  color: #000;
  line-height: calc(44/26);
}
.about-box1 .container .right .public-img {
  width: calc(1280/1120*100%);
  position: relative;
  z-index: 1;
  margin-top: 1.34rem;
}
@media (max-width: 767px) {
  .about-box1 .container .right .public-img {
    margin-top: 0.5rem;
  }
}
.about-box1 .container .right .public-img::before {
  padding-top: calc(710/1280*100%);
}
.about-box1 .wimg1 {
  width: 2.66rem;
  position: absolute;
  left: calc(172/1920*100%);
  bottom: 1.91rem;
  z-index: 4;
  pointer-events: none;
}
@media (max-width: 991px) {
  .about-box1 .wimg1 {
    left: 0.6rem;
  }
}
@media (max-width: 767px) {
  .about-box1 .wimg1 {
    width: 1.4rem;
    bottom: 1.5rem;
    left: 0.3rem;
  }
}
.about-box1 .wimg1 img {
  width: 100%;
}
.about-box1 .wimg2 {
  height: 3.55rem;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 3;
  pointer-events: none;
}
@media (max-width: 767px) {
  .about-box1 .wimg2 {
    height: 2rem;
  }
}
.about-box1 .wimg2 img {
  height: 100%;
}
.about-box2 {
  width: 100%;
  padding: 0.6rem 0 0;
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  .about-box2 {
    padding: 0;
  }
}
.about-box2 .container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  position: relative;
  z-index: 2;
}
.about-box2 .container .tbox {
  width: calc(330/1600*100%);
  order: 3;
  display: flex;
  justify-content: flex-end;
  padding-right: 0.4rem;
  position: relative;
  z-index: 1;
}
@media (max-width: 991px) {
  .about-box2 .container .tbox {
    order: -1;
    width: 100%;
    padding: 0;
    flex-wrap: wrap;
  }
}
.about-box2 .container .tbox .t1 {
  color: #b51c2e;
  line-height: 1;
  white-space: nowrap;
  order: 3;
  font-family: 'SourceHanSerifCN-m', "simkai-l", 'PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI', 'SimSun', 'SimHei', 'Arial';
  writing-mode: vertical-rl;
}
@media (max-width: 991px) {
  .about-box2 .container .tbox .t1 {
    writing-mode: horizontal-tb;
    width: 100%;
    order: -1;
  }
}
.about-box2 .container .tbox .title {
  width: 0.54rem;
  line-height: calc(70/54);
  color: #000;
  font-family: 'SourceHanSerifCN-r', "simkai-l", 'PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI', 'SimSun', 'SimHei', 'Arial';
  writing-mode: vertical-rl;
  margin-right: 0.3rem;
}
@media (max-width: 991px) {
  .about-box2 .container .tbox .title {
    width: 100%;
    margin-right: 0;
    writing-mode: horizontal-tb;
    margin-top: 0.1rem;
  }
}
.about-box2 .container .tbox .t3 {
  order: -1;
  writing-mode: vertical-rl;
  color: #666;
  line-height: calc(40/26);
  margin-right: 0.68rem;
}
@media (max-width: 991px) {
  .about-box2 .container .tbox .t3 {
    width: 100%;
    writing-mode: horizontal-tb;
    order: 2;
    margin-right: 0;
    margin-top: 0.2rem;
  }
}
.about-box2 .container .down {
  width: calc(1230/1600*100%);
  display: flex;
  justify-content: flex-end;
  margin-top: 1.32rem;
}
@media (max-width: 1199px) {
  .about-box2 .container .down {
    width: calc(1200/1600*100%);
  }
}
@media (max-width: 991px) {
  .about-box2 .container .down {
    width: 100%;
    margin-top: 0.6rem;
  }
}
@media (max-width: 767px) {
  .about-box2 .container .down {
    margin-top: 0.3rem;
  }
}
.about-box2 .container .down .list {
  position: relative;
  width: calc(1394/1230*100%);
  flex-shrink: 0;
}
@media (max-width: 1580px) {
  .about-box2 .container .down .list {
    width: calc(1344/1230*100%);
  }
}
@media (max-width: 991px) {
  .about-box2 .container .down .list {
    width: 100%;
  }
}
.about-box2 .container .down .list .img-box {
  width: 100%;
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  .about-box2 .container .down .list .img-box {
    display: none;
  }
}
.about-box2 .container .down .list .img-box::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  background: rgba(0, 0, 0, 0.57);
}
.about-box2 .container .down .list .img-box ul li {
  width: 100%;
  display: none;
}
.about-box2 .container .down .list .img-box ul li.on {
  display: block;
}
.about-box2 .container .down .list .img-box ul li .public-img {
  width: 100%;
}
.about-box2 .container .down .list .img-box ul li .public-img::before {
  padding-top: calc(720/1394*100%);
}
.about-box2 .container .down .list .tboxs {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
@media (max-width: 767px) {
  .about-box2 .container .down .list .tboxs {
    position: relative;
    height: auto;
    z-index: 1;
    left: initial;
    top: initial;
  }
}
.about-box2 .container .down .list .tboxs ul {
  width: 100%;
  height: 100%;
  display: flex;
}
@media (max-width: 767px) {
  .about-box2 .container .down .list .tboxs ul {
    height: auto;
    flex-wrap: wrap;
  }
}
.about-box2 .container .down .list .tboxs ul li {
  width: calc(145/1394*100%);
  height: 100%;
  flex: 1 1 auto;
  position: relative;
  z-index: 1;
  border-right: 1px solid rgba(255, 255, 255, 0.15);
  border-left: 1px solid rgba(0, 0, 0, 0.15);
  font-family: 'SourceHanSerifCN-r', "simkai-l", 'PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI', 'SimSun', 'SimHei', 'Arial';
  transition: all 0.4s;
}
@media (max-width: 767px) {
  .about-box2 .container .down .list .tboxs ul li {
    width: 100%;
    height: auto;
    flex: auto;
    border-right: none;
    border-left: none;
    margin-bottom: 0.3rem;
  }
  .about-box2 .container .down .list .tboxs ul li:last-child {
    margin-bottom: 0;
  }
}
.about-box2 .container .down .list .tboxs ul li .title {
  writing-mode: vertical-rl;
  color: #fff;
  position: absolute;
  top: 3.05rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  transition: all 0.4s;
}
@media (max-width: 1199px) {
  .about-box2 .container .down .list .tboxs ul li .title {
    top: 2.4rem;
  }
}
@media (max-width: 991px) {
  .about-box2 .container .down .list .tboxs ul li .title {
    top: 2rem;
  }
}
@media (max-width: 767px) {
  .about-box2 .container .down .list .tboxs ul li .title {
    display: none;
  }
}
.about-box2 .container .down .list .tboxs ul li .public-img {
  width: 100%;
  display: none;
}
@media (max-width: 767px) {
  .about-box2 .container .down .list .tboxs ul li .public-img {
    display: block;
  }
}
.about-box2 .container .down .list .tboxs ul li .public-img::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  background: rgba(0, 0, 0, 0.57);
}
.about-box2 .container .down .list .tboxs ul li .tbox2 {
  width: 95%;
  position: absolute;
  top: 2.75rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  opacity: 0;
  pointer-events: none;
  transition: all 0.4s;
}
@media (max-width: 1199px) {
  .about-box2 .container .down .list .tboxs ul li .tbox2 {
    top: 1.75rem;
  }
}
@media (max-width: 991px) {
  .about-box2 .container .down .list .tboxs ul li .tbox2 {
    top: 1.5rem;
  }
}
@media (max-width: 767px) {
  .about-box2 .container .down .list .tboxs ul li .tbox2 {
    opacity: 1;
  }
}
.about-box2 .container .down .list .tboxs ul li .tbox2 .title2 {
  width: 100%;
  line-height: calc(46/36);
  text-align: center;
  color: #fff;
}
.about-box2 .container .down .list .tboxs ul li .tbox2 .txt {
  line-height: calc(36/20);
  text-align: center;
  color: #fff;
  margin-top: 0.3rem;
}
.about-box2 .container .down .list .tboxs ul li.on {
  width: calc(824/1394*100%);
  flex-shrink: 0;
}
.about-box2 .container .down .list .tboxs ul li.on .title {
  opacity: 0;
  pointer-events: none;
}
.about-box2 .container .down .list .tboxs ul li.on .tbox2 {
  opacity: 1;
  pointer-events: all;
  animation-delay: 0.4s;
}
.about-box2 .wimg1 {
  width: 3.97rem;
  position: absolute;
  right: calc(82/1920*100%);
  bottom: 3.88rem;
  z-index: 1;
  pointer-events: none;
}
.about-box2 .wimg1 img {
  width: 100%;
}
.about-box2 .wimg2 {
  height: 3.55rem;
  position: absolute;
  right: 0;
  bottom: 1rem;
  z-index: 1;
  pointer-events: none;
}
.about-box2 .wimg2 img {
  height: 100%;
}
.about-box2 .server-box4 {
  background: none;
  margin-top: 1.52rem;
  padding-top: 0;
}
.about-box3 {
  width: 100%;
  padding: 0.83rem 0 0;
}
.about-box3 .top {
  width: 100%;
  border-bottom: 1px solid #f3eee2;
  padding-bottom: 0.75rem;
}
.about-box3 .top .icons {
  width: 0.74rem;
  margin: 0 auto;
}
.about-box3 .top .icons img,
.about-box3 .top .icons svg {
  width: 100%;
}
.about-box3 .top .t1 {
  text-align: center;
  line-height: calc(22/16);
  color: #b51c2e;
  font-family: 'SourceHanSerifCN-m', "simkai-l", 'PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI', 'SimSun', 'SimHei', 'Arial';
  margin-top: 7px;
}
.about-box3 .top .title {
  line-height: calc(64/54);
  text-align: center;
  color: #000;
  font-family: 'SourceHanSerifCN-r', "simkai-l", 'PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI', 'SimSun', 'SimHei', 'Arial';
  margin-top: 0.4rem;
}
.about-box3 .container {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  padding: 1.18rem 0 1.14rem;
}
.about-box3 .container .img {
  width: calc(545/1600*100%);
  position: relative;
  z-index: 1;
  margin-left: 1.2rem;
}
@media (max-width: 1199px) {
  .about-box3 .container .img {
    position: sticky;
    position: -webkit-sticky;
    top: 1.2rem;
  }
}
@media (max-width: 991px) {
  .about-box3 .container .img {
    margin-left: 0;
    position: relative;
    top: initial;
  }
}
@media (max-width: 767px) {
  .about-box3 .container .img {
    width: 70%;
  }
}
.about-box3 .container .img::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: -0.33rem;
  bottom: -0.33rem;
  z-index: 1;
  pointer-events: none;
  border-left: 0.1rem solid rgba(240, 235, 224, 0.25);
  border-bottom: 0.1rem solid rgba(240, 235, 224, 0.25);
}
.about-box3 .container .img .public-img {
  width: 100%;
}
.about-box3 .container .img .public-img::before {
  padding-top: calc(726/545*100%);
}
.about-box3 .container .tbox {
  width: calc(800/1600*100%);
  padding-top: 1.4rem;
  font-family: 'SourceHanSerifCN-r', "simkai-l", 'PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI', 'SimSun', 'SimHei', 'Arial';
  position: relative;
  z-index: 1;
}
@media (max-width: 991px) {
  .about-box3 .container .tbox {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .about-box3 .container .tbox {
    padding-top: 1.6rem;
  }
}
.about-box3 .container .tbox .icons {
  width: 1.8rem;
  position: absolute;
  right: 5px;
  top: -0.3rem;
  z-index: 1;
}
@media (max-width: 991px) {
  .about-box3 .container .tbox .icons {
    top: -0.8rem;
  }
}
@media (max-width: 767px) {
  .about-box3 .container .tbox .icons {
    top: 0;
  }
}
.about-box3 .container .tbox .icons img {
  width: 100%;
}
.about-box3 .container .tbox .t1 {
  line-height: calc(64/54);
  color: #000;
}
.about-box3 .container .tbox .t1 span {
  display: block;
  text-transform: uppercase;
  line-height: calc(46/36);
  color: #d6d6d6;
  margin-top: 5px;
}
.about-box3 .container .tbox .txt {
  color: #666;
  line-height: calc(32/18);
  margin-top: 0.73rem;
}
@media (max-width: 767px) {
  .about-box3 .container .tbox .txt {
    margin-top: 0.3rem;
  }
}
.about-box3 .container .tbox .list {
  margin-top: 0.55rem;
}
.about-box3 .container .tbox .list ul li {
  position: relative;
  z-index: 1;
  color: #666;
  line-height: calc(24/18);
  padding-left: 20px;
  margin-bottom: 0.24rem;
}
@media (max-width: 767px) {
  .about-box3 .container .tbox .list ul li {
    line-height: calc(28/18);
  }
}
.about-box3 .container .tbox .list ul li:last-child {
  margin-bottom: 0;
}
.about-box3 .container .tbox .list ul li::before {
  content: '';
  width: 0.14rem;
  height: 0.14rem;
  border-radius: 50%;
  border: 2px solid #c50010;
  position: absolute;
  left: 0;
  top: calc(24/18*0.5em - 0.07rem);
}
@media (max-width: 767px) {
  .about-box3 .container .tbox .list ul li::before {
    top: calc(28/18*0.5em - 0.07rem);
  }
}
.about-box4 {
  width: 100%;
  background: url(../images/about-box4-bg.png) top center no-repeat;
  background-size: 100%;
  padding: 1.22rem 0 0;
  border-top: 1px solid #f3eee2;
}
.about-box4 .top {
  width: 100%;
}
.about-box4 .top .title {
  line-height: calc(64/54);
  text-align: center;
  color: #000;
  font-family: 'SourceHanSerifCN-r', "simkai-l", 'PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI', 'SimSun', 'SimHei', 'Arial';
}
.about-box4 .top .txt {
  display: flex;
  justify-content: center;
  margin-top: 0.18rem;
}
.about-box4 .top .txt .ts {
  position: relative;
  z-index: 1;
  color: #666;
  line-height: calc(40/30);
}
.about-box4 .top .txt .ts::before {
  content: '';
  width: 8px;
  height: 18px;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
  position: absolute;
  top: -4px;
  left: -12px;
  z-index: 1;
}
@media (max-width: 767px) {
  .about-box4 .top .txt .ts::before {
    width: 4px;
    height: 9px;
    top: 0;
    left: -6px;
  }
}
.about-box4 .top .txt .ts::after {
  content: '';
  width: 8px;
  height: 18px;
  border-bottom: 1px solid #666;
  border-right: 1px solid #666;
  position: absolute;
  right: -12px;
  bottom: -4px;
  z-index: 1;
}
@media (max-width: 767px) {
  .about-box4 .top .txt .ts::after {
    width: 4px;
    height: 9px;
    bottom: 0;
    right: -6px;
  }
}
.about-box4 .top .txt .ts span {
  color: #b51c2e;
}
.about-box4 .list1 {
  width: 100%;
  margin-top: 1.36rem;
  display: flex;
}
@media (max-width: 767px) {
  .about-box4 .list1 {
    margin-top: 0.5rem;
    overflow-x: auto;
  }
}
.about-box4 .list1 .item {
  width: 33.33%;
  position: relative;
  z-index: 1;
  border-right: 1px solid #fff;
}
@media (max-width: 767px) {
  .about-box4 .list1 .item {
    width: 80%;
    flex-shrink: 0;
  }
}
.about-box4 .list1 .item:last-child {
  border-right: none;
}
.about-box4 .list1 .item .public-img {
  width: 100%;
  background: #000;
}
.about-box4 .list1 .item .public-img::before {
  padding-top: calc(740/640*100%);
}
.about-box4 .list1 .item .public-img img {
  opacity: 0.5;
}
.about-box4 .list1 .item .tbox {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  font-family: 'SourceHanSerifCN-r', "simkai-l", 'PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI', 'SimSun', 'SimHei', 'Arial';
}
.about-box4 .list1 .item .tbox .t1 {
  text-align: center;
  color: #fff;
  line-height: calc(46/36);
}
.about-box4 .list1 .item .tbox .t2 {
  line-height: calc(26/16);
  color: #fff;
  text-align: center;
  margin-top: 0.18rem;
}
.about-box4 .list1 .item:hover .public-img img {
  transform: scale(1.05);
}
.about-box4 .box2 {
  width: 100%;
  background: url(../images/about-box4-bg2.png) right top no-repeat;
  padding: 1.85rem 0 2rem;
}
@media (max-width: 767px) {
  .about-box4 .box2 {
    padding: 1.2rem 0;
  }
}
.about-box4 .box2 .t1 {
  width: 90%;
  margin: 0 auto;
  text-align: center;
  line-height: calc(64/54);
  color: #666;
  font-family: 'SourceHanSerifCN-r', "simkai-l", 'PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI', 'SimSun', 'SimHei', 'Arial';
}
.about-box4 .box2 .t1 span {
  color: #000;
}
.about-box4 .box2 .list2 {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 0.82rem;
}
.about-box4 .box2 .list2 ul {
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 991px) {
  .about-box4 .box2 .list2 ul {
    width: 90%;
    margin: 0 auto;
  }
}
.about-box4 .box2 .list2 ul li {
  width: 2.34rem;
  height: 2.34rem;
  border-radius: 50%;
  border: 1px solid #f0ebe0;
  background: #fff;
  padding-top: 0.6rem;
  margin: 0 0.1rem 0.2rem;
}
@media (max-width: 767px) {
  .about-box4 .box2 .list2 ul li {
    width: 2rem;
    height: 2rem;
    padding-top: 0.5rem;
  }
}
.about-box4 .box2 .list2 ul li .icons {
  width: 0.72rem;
  height: 0.72rem;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .about-box4 .box2 .list2 ul li .icons {
    width: 0.5rem;
    height: 0.5rem;
  }
}
.about-box4 .box2 .list2 ul li .icons img,
.about-box4 .box2 .list2 ul li .icons svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.about-box4 .box2 .list2 ul li .txt {
  color: #262527;
  text-align: center;
  line-height: calc(34/24);
  margin-top: 0.2rem;
}
.about-box5 {
  width: 100%;
  position: relative;
  z-index: 1;
  padding: 1.68rem 0 1.6rem;
}
.about-box5 .bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.about-box5 .bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 991px) {
  .about-box5 .bg .pc {
    display: none;
  }
}
.about-box5 .bg .mb {
  display: none;
}
@media (max-width: 991px) {
  .about-box5 .bg .mb {
    display: block;
  }
}
.about-box5 .container {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.about-box5 .container .top {
  display: flex;
  flex-wrap: wrap;
}
.about-box5 .container .top .title {
  color: #fff;
  line-height: calc(64/54);
  writing-mode: vertical-rl;
  font-family: 'SourceHanSerifCN-r', "simkai-l", 'PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI', 'SimSun', 'SimHei', 'Arial';
}
@media (max-width: 767px) {
  .about-box5 .container .top .title {
    width: 100%;
    margin-right: 0;
    writing-mode: horizontal-tb;
    margin-top: 0.1rem;
  }
}
.about-box5 .container .top .txt {
  color: #b51c2e;
  writing-mode: vertical-rl;
  line-height: calc(22/14);
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .about-box5 .container .top .txt {
    width: 100%;
    margin-right: 0;
    writing-mode: horizontal-tb;
    order: -1;
  }
}
.about-box5 .container .list {
  width: calc(1230/1600*100%);
  display: flex;
  justify-content: space-between;
  margin-top: 0.25rem;
}
@media (max-width: 767px) {
  .about-box5 .container .list {
    width: 100%;
    margin-top: 0.6rem;
    flex-wrap: wrap;
  }
}
.about-box5 .container .list .year {
  width: 112px;
  height: 6rem;
  position: relative;
  z-index: 1;
  margin-left: -12px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .about-box5 .container .list .year {
    width: 100%;
    height: 1.5rem;
    margin-left: 0;
    padding: 0 20px;
  }
}
.about-box5 .container .list .year::before {
  content: '';
  width: 1px;
  height: 100%;
  background: rgba(255, 255, 255, 0.22);
  position: absolute;
  left: 12px;
  top: 0;
  z-index: 1;
}
@media (max-width: 767px) {
  .about-box5 .container .list .year::before {
    height: 1px;
    width: 100%;
    left: 0;
    bottom: 0.33rem;
    top: initial;
  }
}
.about-box5 .container .list .year ul {
  width: 100%;
  transition: all 0.4s;
  position: relative;
  z-index: 2;
}
@media (max-width: 767px) {
  .about-box5 .container .list .year ul {
    height: 100%;
    display: flex;
  }
}
.about-box5 .container .list .year ul li {
  width: 100%;
  height: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  position: relative;
  z-index: 1;
  padding-left: 12px;
  flex-shrink: 0;
  cursor: pointer;
}
@media (max-width: 767px) {
  .about-box5 .container .list .year ul li {
    width: 1.5rem;
    height: 100%;
    padding-left: 0;
    padding-bottom: 0.5rem;
  }
}
.about-box5 .container .list .year ul li .dian {
  width: 23px;
  height: 23px;
  border-radius: 50%;
  border: 1px solid transparent;
  position: absolute;
  left: 1px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  transition: all 0.4s;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .about-box5 .container .list .year ul li .dian {
    width: 21px;
    height: 21px;
    left: 50%;
    transform: translateX(-50%);
    top: initial;
    bottom: 0.13rem;
  }
}
.about-box5 .container .list .year ul li .dian::after {
  content: '';
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #878480;
  transition: all 0.4s;
  position: absolute;
  font-size: 0;
  left: 4px;
  top: 4px;
  z-index: 2;
}
@media (max-width: 767px) {
  .about-box5 .container .list .year ul li .dian::after {
    left: 3px;
    top: 3px;
  }
}
.about-box5 .container .list .year ul li.on .dian {
  border: 1px solid #b9001c;
  background: #17110d;
}
.about-box5 .container .list .year .swiper-prev,
.about-box5 .container .list .year .swiper-next {
  width: 100%;
  height: 20px;
  padding-left: 12px;
  position: absolute;
  z-index: 2;
  display: flex;
  justify-content: center;
  cursor: pointer;
}
@media (max-width: 767px) {
  .about-box5 .container .list .year .swiper-prev,
  .about-box5 .container .list .year .swiper-next {
    width: 20px;
    height: 100%;
    padding: 0 0 0.5rem;
  }
}
.about-box5 .container .list .year .swiper-prev svg,
.about-box5 .container .list .year .swiper-next svg {
  width: 15px;
  height: auto;
  object-fit: contain;
  color: #fff;
  transition: all 0.4s;
}
.about-box5 .container .list .year .swiper-prev:hover svg,
.about-box5 .container .list .year .swiper-next:hover svg {
  color: #b9001c;
}
.about-box5 .container .list .year .swiper-prev {
  top: 0;
  align-items: flex-start;
}
@media (max-width: 767px) {
  .about-box5 .container .list .year .swiper-prev {
    left: 0;
    align-items: center;
    justify-content: flex-start;
  }
}
.about-box5 .container .list .year .swiper-prev svg {
  transform: rotateZ(-90deg);
}
@media (max-width: 767px) {
  .about-box5 .container .list .year .swiper-prev svg {
    transform: rotateZ(180deg);
  }
}
.about-box5 .container .list .year .swiper-next {
  bottom: 0;
  align-items: flex-end;
}
@media (max-width: 767px) {
  .about-box5 .container .list .year .swiper-next {
    right: 0;
    align-items: center;
    justify-content: flex-end;
  }
}
.about-box5 .container .list .year .swiper-next svg {
  transform: rotateZ(90deg);
}
@media (max-width: 767px) {
  .about-box5 .container .list .year .swiper-next svg {
    transform: rotateZ(0);
  }
}
.about-box5 .container .list .things {
  width: calc(995/1230*100%);
}
@media (max-width: 767px) {
  .about-box5 .container .list .things {
    width: 100%;
    margin-top: 0.6rem;
  }
}
.about-box5 .container .list .things ul {
  height: 6rem;
  overflow-y: auto;
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  .about-box5 .container .list .things ul {
    height: 7rem;
  }
}
.about-box5 .container .list .things ul li .item {
  display: flex;
  align-items: center;
  padding: 0.4rem 0.2rem 0.4rem 0;
  border-top: 1px dashed #57514b;
  position: relative;
  z-index: 1;
}
.about-box5 .container .list .things ul li .item .num {
  width: 1.08rem;
  line-height: calc(26/16);
  color: #fff;
  padding-left: 0.15rem;
  flex-shrink: 0;
  transition: all 0.4s;
}
.about-box5 .container .list .things ul li .item .t1 {
  line-height: calc(36/26);
  color: #fff;
  transition: all 0.4s;
}
.about-box5 .container .list .things ul li .item .img {
  position: absolute;
  top: 50%;
  right: 0.86rem;
  width: 2.26rem;
  height: 1.6rem;
  --corner: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-transition: transform 0.2s linear, opacity 0.2s linear;
  transition: transform 0.2s linear, opacity 0.2s linear;
  -webkit-transform: translateY(-50%) scaleY(0);
  transform: translateY(-50%) scaleY(0);
  visibility: hidden;
  pointer-events: none;
  clip-path: polygon(var(--corner) 0, 0 var(--corner), 0 calc(100% - var(--corner)), var(--corner) 100%, calc(100% - var(--corner)) 100%, 100% calc(100% - var(--corner)), 100% var(--corner), calc(100% - var(--corner)) 0);
  background: var(--color) url(../images/jaifimfw1.png) right center / 70% auto no-repeat;
}
.about-box5 .container .list .things ul li .item .img img {
  max-width: 44.24778761%;
  max-height: 44.24778761%;
  object-fit: contain;
}
.about-box5 .container .list .things ul li .item:hover {
  z-index: 3;
}
.about-box5 .container .list .things ul li .item:hover .num {
  color: var(--color);
}
.about-box5 .container .list .things ul li .item:hover .t1 {
  color: var(--color);
}
.about-box5 .container .list .things ul li .item:hover .img {
  transform: translateY(-50%) scaleY(1);
  visibility: inherit;
  -webkit-transition: transform 0.4s linear, opacity 0.6s linear;
  transition: transform 0.4s linear, opacity 0.6s linear;
}
.about-box5 .container .list .things ul li:first-child .item:first-child .img {
  top: 0;
  -webkit-transform: translateY(0) scaleY(0);
  transform: translateY(0) scaleY(0);
}
.about-box5 .container .list .things ul li:first-child .item:first-child:hover .img {
  transform: translateY(0) scaleY(1);
}
.about-box5 .container .list .things ul li:last-child .item:last-child .img {
  top: initial;
  bottom: 0;
  -webkit-transform: translateY(0) scaleY(0);
  transform: translateY(0) scaleY(0);
}
.about-box5 .container .list .things ul li:last-child .item:last-child:hover .img {
  transform: translateY(0) scaleY(1);
}
.about-box6 {
  width: 100%;
  position: relative;
  z-index: 1;
  padding: 1.16rem 0 0.88rem;
  overflow: hidden;
}
.about-box6 .container {
  position: relative;
  z-index: 2;
}
.about-box6 .container .icon1 {
  display: flex;
  justify-content: center;
  height: 40px;
}
@media (max-width: 767px) {
  .about-box6 .container .icon1 {
    height: 30px;
  }
}
.about-box6 .container .icon1 img,
.about-box6 .container .icon1 svg {
  width: auto;
  height: 100%;
  object-fit: contain;
}
.about-box6 .container .title {
  text-align: center;
  color: #000;
  line-height: calc(64/54);
  font-family: 'SourceHanSerifCN-r', "simkai-l", 'PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI', 'SimSun', 'SimHei', 'Arial';
  margin-top: 0.22rem;
}
.about-box6 .container .txt {
  color: #666;
  text-align: center;
  line-height: calc(40/30);
  margin-top: 0.48rem;
}
.about-box6 .container .txt span {
  color: #b9001c;
}
.about-box6 .container .menu {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 0.37rem;
}
.about-box6 .container .menu ul {
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .about-box6 .container .menu ul {
    width: calc(100% + 0.22rem);
    margin: 0 -0.11rem;
  }
}
.about-box6 .container .menu ul li {
  width: 2.1rem;
  height: 0.6rem;
  border-radius: 0.3rem;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 0 0.4rem 0 #f3eee2;
  margin: 0 0.11rem 0.22rem;
}
@media (max-width: 991px) {
  .about-box6 .container .menu ul li {
    width: 1.8rem;
  }
}
@media (max-width: 767px) {
  .about-box6 .container .menu ul li {
    width: calc(33.33% - 0.22rem);
  }
}
.about-box6 .container .menu ul li i {
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  margin-right: 0.1rem;
}
.about-box6 .container .menu ul li i img,
.about-box6 .container .menu ul li i svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.about-box6 .container .menu ul li span {
  color: #666;
  line-height: calc(34/24);
  font-family: 'SourceHanSerifCN-r', "simkai-l", 'PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI', 'SimSun', 'SimHei', 'Arial';
}
.about-box6 .container .img {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 0.2rem;
}
@media (max-width: 991px) {
  .about-box6 .container .img .pc {
    display: none;
  }
}
.about-box6 .container .img .mb {
  display: none;
}
@media (max-width: 991px) {
  .about-box6 .container .img .mb {
    display: block;
  }
}
.about-box6 .server-box4 {
  width: 100%;
  background: none;
  padding-top: 0;
  position: absolute;
  top: 60%;
  left: 0;
}
.about-box6 .server-box4 .c-item {
  text-transform: uppercase;
}
.about-box6 .bg-left {
  height: 3.55rem;
  position: absolute;
  left: 0;
  bottom: -0.24rem;
  z-index: 1;
  pointer-events: none;
}
@media (max-width: 1199px) {
  .about-box6 .bg-left {
    height: 3rem;
  }
}
.about-box6 .bg-right {
  height: 3.55rem;
  position: absolute;
  right: 0;
  bottom: -0.42rem;
  z-index: 1;
  pointer-events: none;
}
@media (max-width: 1199px) {
  .about-box6 .bg-right {
    height: 3rem;
  }
}