@font-face {
  font-family: 'Linotype - AvenirLTPro-Medium';
  src: url("fonts/Linotype - AvenirLTPro-Medium.woff2") format("woff2"), url("fonts/Linotype - AvenirLTPro-Medium.woff") format("woff"), url("fonts/Linotype - AvenirLTPro-Medium.ttf") format("truetype"), url("fonts/Linotype - AvenirLTPro-Medium.eot") format("embedded-opentype"), url("fonts/Linotype - AvenirLTPro-Medium.svg") format("svg");
}

@font-face {
  font-family: 'Linotype - AvenirLTPro-Heavy';
  src: url("fonts/Linotype - AvenirLTPro-Heavy.woff2") format("woff2"), url("fonts/Linotype - AvenirLTPro-Heavy.woff") format("woff"), url("fonts/Linotype - AvenirLTPro-Heavy.ttf") format("truetype"), url("fonts/Linotype - AvenirLTPro-Heavy.eot") format("embedded-opentype"), url("fonts/Linotype - AvenirLTPro-Heavy.svg") format("svg");
}

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

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

@keyframes fadeIn {
  0% {
    transform: translateY(0.5rem);
    opacity: 0;
  }

  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes threeD {
  0% {
    transform: rotate3d(1, 0, 0, 90deg);
  }

  100% {
    transform: rotate3d(1, 0, 0, 0);
    visibility: visible;
  }
}

@keyframes rotate-hue {
  to {
    filter: hue-rotate(1turn);
  }
}

.scroll-animate.animated {
  visibility: hidden;
}

.disable-hover {
  pointer-events: none;
}

body {
  background-color: #000;
  overflow: hidden;
}

.gil {
  font-family: 'Linotype - AvenirLTPro-Medium';
}

.w1800 {
  width: 93.75%;
  margin: 0 auto;
  max-width: 1800px;
}

.w1560 {
  width: 81%;
  margin: 0 auto;
  max-width: 1560px;
}

.w1500 {
  width: 78%;
  margin: 0 auto;
  max-width: 1500px;
}

.w1400 {
  width: 73%;
  margin: 0 auto;
  max-width: 1400px;
}

.bgc00 {
  background-color: #000;
}

.font64 {
  font-size: 1.6rem;
  line-height: 1;
}

.font48 {
  font-size: 1.2rem;
  line-height: 1;
}

.font40 {
  font-size: 1rem;
  line-height: 1;
}

.font36 {
  font-size: .9rem;
  line-height: 1;
}

.video-pop {
  position: fixed;
  top: 10vh;
  left: 0;
  width: 100%;
  height: 100%;
  transform: scale(0.8);
  opacity: 0;
  transition: all .5s ease-in-out;
  z-index: -100;
  background-color: rgba(0, 0, 0, .5);
}

.video-pop .ifm-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: none;
}

.video-pop .ifm-box iframe {
  width: 100%;
  height: 100%;
}

.video-pop video {
  width: 80%;
  height: 90%;
  margin: 2.5% auto 0;
  display: block;
}

.video-pop .close {
  position: absolute;
  top: 6%;
  right: 8%;
  width: 1rem;
  cursor: pointer;
  z-index: 10;
}

.video-pop .close img {
  width: 100%;
}

.video-pop.play-video {
  transform: scale(1);
  opacity: 1;
  top: 0;
  z-index: 100;
}

.pub-tit {
  line-height: 1;
  background: linear-gradient(90deg, #ef9b11 0%, #ef9b11 99.04785%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  width: max-content;
  font-weight: bold;
  margin: 0 auto;
}

.pub-sub {
  line-height: 1;
  color: #FFFFFF;
  text-align: center;
  font-weight: 500;
  text-transform: uppercase;
  /* font-family: "Linotype - AvenirLTPro-Heavy"; */
}

.pub-more {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4rem;
  height: 1.2rem;
  line-height: 1.3rem;
  text-align: center;
  color: #FFFFFF;
  border-radius: .6rem;
  position: relative;
  cursor: pointer;
  transition: all .3s;
}

.pub-more:hover {
  background: linear-gradient(90deg, #ef9b11 0%, #ef9b11 99.04785%);
}

.pub-more:hover::after {
  opacity: 0;
}

.pub-more::after {
  --m-i: linear-gradient(#fff, #fff);
  --m-o: content-box, padding-box;
  --border-radius: .6rem;
  --border-width: 3px;
  box-sizing: border-box;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: var(--border-width);
  border-radius: var(--border-radius);
  background-image: conic-gradient(#ef9b11, #ef9b11, #ef9b11);
  -webkit-mask-image: var(--m-i), var(--m-i);
  mask-image: var(--m-i), var(--m-i);
  -webkit-mask-origin: var(--m-o);
  mask-origin: var(--m-o);
  -webkit-mask-clip: var(--m-o);
  mask-composite: exclude;
  -webkit-mask-composite: destination-out;
  filter: hue-rotate(0);
  /* animation: rotate-hue linear 500ms infinite; */
}

.pub-more:hover {
  color: #fff;
}

.index-container {
  width: 100%;
  height: 100vh;
}

.index-container .index-pagination {
  width: max-content;
  right: 1.5rem;
  bottom: .75rem;
  display: flex;
  align-items: center;
  left: auto;
}

.index-container .index-pagination span {
  display: inline-block;
  font-size: 14px;
}

.index-container .index-pagination .swiper-pagination-current {
  color: #fff;
}

.index-container .index-pagination .swiper-pagination-total {
  color: #333;
}

.index-container .index-pagination .page-line {
  width: .6rem;
  height: 3px;
  background-color: #333;
  margin: 0 .3rem;
}

.index-container .swiper-slide {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.index-container .swiper-slide>img {
  width: 100%;
  object-fit: cover;
}

.index-container .swiper-slide .ani-pic {
  width: auto;
  max-width: inherit;
  position: absolute;
  top: 0;
  left: 0;
}

.index-container .next-page {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  color: #FFFFFF;
  text-align: center;
  width: max-content;
  z-index: 10;
}

.index-container .next-page span {
  display: block;
  width: 3px;
  height: 1rem;
  margin: .3rem auto 0;
  background-color: #fff;
}

.index-container .swiper-slide img {
  width: 100%;
}

.index-pos {
  position: absolute;
  top: 4.75rem;
  left: 50%;
  transform: translateX(-50%);
}

.index-pos .h1 {
  margin-bottom: .5rem;
  opacity: 0;
  transition: all .8s 2.4s;
}

.index-pos .h2 {
  color: #fff;
  line-height: 1;
  font-weight: bold;
  width: max-content;
  margin: 0 auto 1rem;
  opacity: 0;
  transition: all .8s 1.8s;
}

.index-pos .h3 {
  font-size: 6.5rem;
  line-height: 1;
  color: #fff;
  font-weight: bold;
  text-align: center;
  perspective: 800px;
  transform-style: preserve-3d;
  margin-bottom: 1rem;
}

.index-pos .h3 span {
  display: inline-block;
  transform-origin: bottom;
  visibility: hidden;
}

.index-pos .pic {
  width: 19.5rem;
  transform: scale(0);
  transition: all 1s;
}

.index-pos .pic img {
  width: 100%;
}

.index-container .ani-slide .ani-pic {
  animation: left 20s linear infinite;
}

.index-container .ani-slide .index-pos .h1 {
  opacity: 1;
}

.index-container .ani-slide .index-pos .h2 {
  opacity: 1;
}

.index-container .ani-slide .index-pos .h3 span {
  animation: threeD .8s forwards;
}

.index-container .ani-slide .index-pos .pic {
  transform: scale(1);
}

.index-container .ani-slide .index-font .h1 {
  opacity: 1;
  transform: translateY(0);
}

.index-container .ani-slide .index-font a {
  opacity: 1;
  transform: scale(1);
}

.index-font {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 9.5%;
}

.index-font .h1 {
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 2.25rem;
  transform: translateY(0.5rem);
  opacity: 0;
  transition: all .5s ease-in-out;
}

.index-font a {
  transform: scale(0);
  opacity: 0;
  transition: all .5s ease-in-out .5s;
}

.index-font a:hover {
  background: linear-gradient(90deg, #ef9b11 0%, #ef9b11 99.04785%);
}

.i-pro {
  padding: 2.5rem 0 3rem;
  position: relative;
  z-index: 11;
}

.i-pro .wrap .tit {
  margin-bottom: 1rem;
}

.i-pro .wrap .sub {
  width: max-content;
  text-align: left;
  margin-bottom: 2.5rem;
  color: #fff;
  font-weight: normal;
  text-transform: uppercase;
}

.i-pro .wrap .sub div {
  width: max-content;
  margin: 0 auto;
  white-space: nowrap;
}

.margCent {
  margin: 0 auto;
}

.i-pro .wrap .box {
  display: flex;
  align-items: stretch;
}

.i-pro .wrap .box .lf {
  width: 36%;
  padding-top: 2.5rem;
  padding-right: 2.5rem;
}

.i-pro .wrap .box .lf .h1 {
  color: #fff;
  font-weight: bold;
  margin-bottom: .45rem;
}

.i-pro .wrap .box .lf .cont {
  color: #B7B7B7;
  line-height: 1.8;
  margin-bottom: .9rem;
}

.i-pro .wrap .box .rg {
  width: 64%;
}

.i-pro .wrap .box .rg img {
  width: 100%;
}

.i-tech {
  padding: 3.75rem 0;
  background: linear-gradient(90deg, #ef9b11, #ef9b11);
  position: relative;
}

.i-tech .wrap {
  margin-left: 9.5%;
  padding-left: 14rem;
  display: flex;
  width: calc(100% + 14rem);
  overflow: hidden;
  transition: all 2s;
}

.i-tech .wrap.moveLeft {
  margin-left: 0;
  padding-left: 0;
  width: 100%;
  transition: all 1s;
}

.i-tech .wrap.moveLeft .lf {
  left: -100%;
  opacity: 0;
  overflow: hidden;
}

.i-tech .wrap.moveLeft .i-tech-swiper {
  margin: 0 auto;
}

.i-tech .wrap.moveLeft .i-tech-button-prev {
  opacity: 1 !important;
}

.i-tech .wrap .lf {
  width: 14rem;
  padding-right: 2rem;
  padding-top: 3.5rem;
  position: absolute;
  left: 9.5%;
  top: 3.75rem;
  transition: all 2s;
}

.i-tech .wrap .lf .tit {
  color: #fff;
  line-height: 1;
  width: max-content;
  font-weight: bold;
  margin-bottom: .5rem;
}

.i-tech .wrap .lf .sub {
  line-height: 1;
  color: #fff;
  margin-bottom: .8rem;
  text-transform: uppercase;
  font-weight: normal;
  text-align: left;
  width: max-content;
  max-width: 100%;
}

.i-tech .wrap .lf .cont {
  color: rgba(255, 255, 255, 0.6);
  line-height: 1.8;
  margin-bottom: .9rem;
  width: 94%;
}

.i-tech .wrap .lf .more::after {
  background-image: conic-gradient(#fff, #fff, #fff);
}

.i-tech .wrap .i-tech-swiper {
  margin: 0;
  transition: all 2s;
}

.i-tech .wrap .i-tech-swiper .i-tech-button-prev,
.i-tech .wrap .i-tech-swiper .i-tech-button-next {
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 50%;
  border: 3px solid #FFFFFF;
  color: #fff;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 11;
}

.i-tech .wrap .i-tech-swiper .i-tech-button-prev::after,
.i-tech .wrap .i-tech-swiper .i-tech-button-next::after {
  font-size: .4rem;
}

.i-tech .wrap .i-tech-swiper .i-tech-button-prev {
  left: 1.5rem;
  opacity: 0;
  pointer-events: inherit;
  cursor: pointer;
  transition: all 1s;
}

.i-tech .wrap .i-tech-swiper .i-tech-button-next {
  right: 1.5rem;
}

.i-tech .wrap .i-tech-swiper .swiper-container .swiper-slide {
  width: 30%;
  height: max-content;
  /* height: 17rem; */
  margin-right: 5%;
  /* display: flex; */
  /* flex-direction: column; */
  /* justify-content: space-between; */
  /* padding: 1.25rem; */
  border-radius: .5rem;
  overflow: hidden;
}

.i-tech .wrap .i-tech-swiper .swiper-container .swiper-slide::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 30%;
  background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, .5));
  opacity: 0;
  transition: all .3s;
}

.i-tech .wrap .i-tech-swiper .swiper-container .swiper-slide:last-child {
  margin-right: 0;
}

.i-tech .wrap .i-tech-swiper .swiper-container .swiper-slide .pic {
  /* position: absolute; */
  /* left: 0; */
  /* top: 0; */
  width: 100%;
  /* height: 100%; */
  transition: all .3s ease-in-out;
}

.i-tech .wrap .i-tech-swiper .swiper-container .swiper-slide .tit {
  position: absolute;
  top: 1.25rem;
  left: 1.25rem;
  color: #FFFFFF;
  font-weight: bold;
  z-index: 2;
  line-height: 1.5;
}

.i-tech .wrap .i-tech-swiper .swiper-container .swiper-slide .tit span {
  background: linear-gradient(90deg, #ef9b11 0%, #ef9b11 99.04785%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.i-tech .wrap .i-tech-swiper .swiper-container .swiper-slide .btm {
  position: absolute;
  bottom: 1.25rem;
  left: 1.25rem;
  width: calc(100% - 2.5rem);
  display: flex;
  align-items: center;
  opacity: 0;
  z-index: 2;
  transition: all .3s;
}

.i-tech .wrap .i-tech-swiper .swiper-container .swiper-slide .btm .play {
  width: 1.2rem;
  margin-right: .5rem;
  cursor: pointer;
}

.i-tech .wrap .i-tech-swiper .swiper-container .swiper-slide .btm .play img {
  width: 100%;
}

.i-tech .wrap .i-tech-swiper .swiper-container .swiper-slide .btm .more {
  display: block;
}

.i-tech .wrap .i-tech-swiper .swiper-container .swiper-slide:hover .pic {
  transform: scale(1.1);
}

.i-tech .wrap .i-tech-swiper .swiper-container .swiper-slide:hover .btm {
  opacity: 1;
}

.i-tech .wrap .i-tech-swiper .swiper-container .swiper-slide:hover::after {
  opacity: 1;
}

.i-light {
  padding: 3.45rem 0 1rem;
}

.i-light .wrap .tit {
  margin-bottom: .6rem;
}

.i-light .wrap .sub {
  color: #fff;
  text-align: left;
  margin-bottom: .6rem;
  width: max-content;
  white-space: nowrap;
  font-weight: bold;
}

.i-light .wrap .cont {
  color: #B7B7B7;
  line-height: 1.8;
  text-align: center;
  width: 60%;
  margin: 0 auto .9rem;
}

.i-light .wrap .more {
  margin: 0 auto 3.45rem;
}

.i-light .wrap .play-video {
  width: 100%;
  position: relative;
}

.i-light .wrap .play-video>img {
  width: 100%;
}

.i-light .wrap .play-video .pos-cont {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
}

.i-light .wrap .play-video .pos-cont .play {
  width: 1.25rem;
  margin: 0 auto .5rem;
  cursor: pointer;
}

.i-light .wrap .play-video .pos-cont .play img {
  width: 100%;
}

.i-light .wrap .play-video .pos-cont p {
  color: #FFFFFF;
  line-height: 1;
}

.i-news {
  padding: 1.5rem 0 4.5rem;
}

.i-news .wrap .tit {
  margin-bottom: .7rem;
}

.i-news .wrap .sub {
  margin-bottom: 1.3rem;
  color: #fff;
  text-align: left;
  text-transform: uppercase;
  width: max-content;
  white-space: nowrap;
  font-weight: bold;
}

.i-news .wrap .i-news-container .i-news-pagination {
  line-height: 1;
  position: relative;
  bottom: 0;
  margin-top: 1.4rem;
}

.i-news .wrap .i-news-container .i-news-pagination .swiper-pagination-bullet {
  width: .5rem;
  height: 5px;
  background: #3C3C3C;
  opacity: 1;
  border-radius: 0;
  margin: 0 5px;
  transition: all .3s;
}

.i-news .wrap .i-news-container .i-news-pagination .swiper-pagination-bullet-active {
  width: .75rem;
  background: linear-gradient(90deg, #ef9b11, #ef9b11);
}

.i-news .wrap .i-news-container .swiper-slide {
  width: 23.5%;
  margin-right: 2%;
}

.i-news .wrap .i-news-container .swiper-slide:last-child {
  margin-right: 0;
}

.i-news .wrap .i-news-container .swiper-slide .pic {
  width: 100%;
  height: 6.75rem;
  margin-bottom: .7rem;
  border-radius: .25rem;
  overflow: hidden;
}

.i-news .wrap .i-news-container .swiper-slide .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all .3s;
}

.i-news .wrap .i-news-container .swiper-slide .cont {
  color: #999999;
  line-height: .6rem;
  height: 1.2rem;
  overflow: hidden;
  margin-bottom: .75rem;
  /* padding-right: 1.7rem; */
}

.i-news .wrap .i-news-container .swiper-slide .intro {
  display: flex;
  align-items: center;
}

.i-news .wrap .i-news-container .swiper-slide .intro p {
  color: #444444;
  line-height: 1;
  margin-right: .5rem;
}

.i-news .wrap .i-news-container .swiper-slide .intro span {
  color: #555555;
  line-height: 1;
}

.i-news .wrap .i-news-container .swiper-slide:hover .pic img {
  transform: scale(1.1);
}

.foot {
  padding: 1.25rem 0 2.6rem;
  background-color: #1A171A;
}

.footer .foot-logo {
  width: 152px;
  /* margin-bottom: .8rem; */
}

.footer .foot-logo svg {
  width: 100%;
}

.footer .foot-logo img {
  width: 100%;
}

.footer .foot-nav {
  border-top: 1px solid #2F2F2F;
  padding-top: 1.5rem;
}

.footer .foot-nav .top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 2rem;
}

.footer .foot-nav .top .li-box {
  display: flex;
  align-items: stretch;
}

.footer .foot-nav .top .li-box .li {
  margin-right: 5.5rem;
}

.footer .foot-nav .top .li-box .li:last-child {
  margin-right: 0;
}

.footer .foot-nav .top .li-box .li a {
  display: block;
  color: #888888;
  line-height: 1;
  margin-bottom: .3rem;
  transition: all .3s;
}

.footer .foot-nav .top .li-box .li a:first-child {
  margin-bottom: 1rem;
  color: #fff;
}

.footer .foot-nav .top .li-box .li a:last-child {
  margin-bottom: 0;
}

.footer .foot-nav .top .li-box .li a:hover {
  color: #ef9b11;
}

.footer .foot-nav .top .li-box .li:nth-child(2) a span:first-child {
  width: 3em;
  display: inline-block;
}

.footer .foot-nav .top .li-box .li:nth-child(2) a span:last-child {
  width: 6em;
  display: inline-block;
}


/* .footer .foot-nav .top .li-box .li:nth-child(2) a:not(:first-child) span {
  text-align-last: justify;
} */

.footer .foot-nav .top .rg {
  display: flex;
}

.footer .foot-nav .top .rg a {
  width: .9rem;
  position: relative;
  margin-right: .5rem;
}

.footer .foot-nav .top .rg a:hover .normal-block {
  opacity: 0;
}

.footer .foot-nav .top .rg a:hover .hover-block {
  opacity: 1;
}

.footer .foot-nav .top .rg a img {
  width: 100%;
}

.footer .foot-nav .top .rg a:last-child {
  margin-right: 0;
}

.footer .foot-nav .top .rg a .code {
  position: absolute;
  top: calc(100% + 15px);
  left: 50%;
  transform: translateX(-50%);
  width: 3rem;
  transition: all .3s;
  visibility: hidden;
}

.footer .foot-nav .top .rg a:hover .code {
  top: calc(100% + 5px);
  visibility: visible;
}

.footer .foot-nav .btm {
  display: flex;
  justify-content: space-between;
  padding-top: .75rem;
  border-top: 1px solid #2F2F2F;
}

.footer .foot-nav .btm .copyright a {
  color: #454545;
  display: inline-block;
  line-height: 1;
}

.footer .foot-nav .btm .boc a {
  color: #454545;
  display: inline-block;
  line-height: 1;
  margin-right: 1rem;
}

.footer .foot-nav .btm .boc a:last-child {
  margin-right: 0;
}

.Overview {
  width: 100%;
  position: relative;
}

.Overview img {
  width: 100%;
}

.Overview .box {
  position: absolute;
  top: 12%;
  left: 50%;
  transform: translateX(-50%);
}

.Overview .box .tit {
  margin-bottom: .7rem;
  text-align: center;
}

.Overview .box .sub {
  margin-bottom: .6rem;
  text-transform: capitalize;
}

.Overview .box .cont {
  color: #B7B7B7;
  line-height: 1.8;
  width: 88%;
  margin: 0 auto 1.25rem;
  text-align: center;
}

.Overview .box .play {
  width: 1.2rem;
  margin: 0 auto 1.6rem;
  cursor: pointer;
}

.Overview .box .pic {
  width: 21rem;
  margin: 0 auto;
}

.Overview .box .pic img {
  width: 100%;
}

.numList {
  background: linear-gradient(90deg, #1555B3, #3984C3);
  padding: 3.3rem 0 1.6rem;
}

.numList .box {
  display: flex;
  flex-wrap: wrap;
  width: 64%;
  margin: 0 auto 2.7rem;
}

.numList .box .li {
  margin-top: 1rem;
  display: flex;
  align-items: flex-end;
  padding: .35rem 0 .35rem .5rem;
  border-left: 4px solid rgba(255, 255, 255, 0.2);
  width: 50%;
}

.numList .box .li:nth-child(-n+2) {
  margin-top: 0;
}

.numList .box .li p {
  color: #fff;
  font-size: 1rem;
  line-height: .6;
  margin-right: .4rem;
  padding-top: .3rem;
  font-weight: bold;
  white-space: nowrap;
}

.numList .box .li span {
  color: #FFFFFF;
  line-height: 1;
}

.numList .down {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 5rem;
  height: 1.2rem;
  line-height: 1.2rem;
  text-align: center;
  border: 3px solid #FFFFFF;
  border-radius: .6rem;
  color: #fff;
  margin: 0 auto;
  transition: all .3s;
}

.numList .down:hover {
  background: linear-gradient(90deg, #ef9b11 0%, #ef9b11 99.04785%);
  border: none;
}

.key {
  padding: 4rem 0 1.2rem;
  position: relative;
}

.key .wrap .tit {
  margin-bottom: .65rem;
}

.key .wrap .sub {
  margin-bottom: .7rem;
  font-weight: 500;
  text-transform: initial;
}

.key .wrap .cont {
  color: #B7B7B7;
  line-height: .7rem;
  max-height: 2.1rem;
  width: 46.5%;
  margin: 0 auto;
  text-align: center;
  margin-bottom: .9rem;
  overflow: hidden;
  position: relative;
  transition: all .3s;
}


/* .key .wrap .cont p {
  position: relative;
}

.key .wrap .cont p::after {
  content: '...';
} */

.key .wrap .cont.cur {
  max-height: 7rem;
  overflow-y: auto;
}

.key .wrap .slideDown {
  color: #2A69BB;
  line-height: 1;
  text-decoration: underline;
  width: max-content;
  margin: 0 auto 2.25rem;
  cursor: pointer;
}

.key .wrap .box {
  display: flex;
  align-items: center;
}

.key .wrap .box .pic {
  width: 60%;
}

.key .wrap .box .pic img {
  width: 100%;
  object-fit: cover;
}

.key .wrap .box .intro {
  width: 40%;
  padding-left: 2.8rem;
  position: relative;
  /* padding-top: 3.4rem; */
}

.key .wrap .box .intro .h1 {
  color: #FFFFFF;
  line-height: 1;
  margin-bottom: .75rem;
}

.key .wrap .box .intro .pLi-box p {
  line-height: 2;
  position: relative;
  color: #B7B7B7;
  padding-left: .6rem;
}

.key .wrap .box .intro .pLi-box p::after {
  content: '';
  position: absolute;
  top: .15rem;
  left: 0;
  width: .25rem;
  height: .25rem;
  border-radius: 50%;
  background-color: #fff;
}

.key .pos-point {
  position: absolute;
  top: -7%;
  right: -12%;
  width: 13.25rem;
}

.key .wrap .box .intro .pos-point2 {
  position: absolute;
  top: -1rem;
  left: 2.8rem;
  width: 5.75rem;
}

.key .wrap .box .intro .pos-point2 img {
  width: 100%;
}

.key .pos-point img {
  width: 100%;
}

.high {
  padding: 2.5rem 0 3.5rem;
}

.high .wrap .tit {
  color: #fff;
  margin-bottom: 1.5rem;
  text-align: center;
}

.high .wrap .box {
  display: flex;
}

.high .wrap .box .li {
  width: 23.5%;
  height: 10.9rem;
  margin-right: 2%;
  border: 1px solid transparent;
  padding: 0 1rem 0;
  border-radius: .25rem;
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
  background-image: linear-gradient(90deg, #000, #000), linear-gradient(90deg, #666, #666);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: all .3s;
}

.high .wrap .box .li:last-child {
  margin-right: 0;
}

.high .wrap .box .li div {
  width: 1.9rem;
  margin: 0 auto .9rem;
  position: relative;
}

.high .wrap .box .li div img {
  max-width: 100%;
  margin: 0 auto;
}

.high .wrap .box .li p {
  color: #FFFFFF;
  line-height: 1.4;
  text-align: center;
  font-weight: bold;
  transition: all .3s;
}

.high .wrap .box .li:hover {
  background-image: linear-gradient(90deg, #000, #000), linear-gradient(90deg, #428EC7, #9BFBFB);
}

.high .wrap .box .li:hover .normal-block {
  opacity: 0;
}

.high .wrap .box .li:hover .hover-block {
  opacity: 1;
}

.high .wrap .box .li:hover p {
  background: linear-gradient(-90deg, #428EC7 0%, #9BFBFB 99.04785%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.referen {
  padding: 3.5rem 0 1.5rem;
  background: linear-gradient(90deg, #225EB7, #4997CA);
}

.referen .wrap .sub {
  margin-bottom: .5rem;
  text-transform: uppercase;
  font-weight: 500;
}

.referen .wrap .cont {
  color: #B9E2FF;
  line-height: 1.8;
  width: 52%;
  margin: 0 auto 1.25rem;
  text-align: center;
}

.referen .wrap .box {
  display: flex;
  align-items: center;
  margin-bottom: 1.25rem;
}

.referen .wrap .box .pic {
  width: 53%;
  /* height: 12.5rem; */
  border-radius: .3rem;
  overflow: hidden;
  position: relative;
}

.referen .wrap .box .pic .bg-img {
  width: 100%;
}

.referen .wrap .box .pic .bg-img img {
  width: 100%;
}

.referen .wrap .box .pic>img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  /* height: 100%; */
  object-fit: cover;
  display: none;
  border-radius: .3rem;
}

.referen .wrap .box .pic img:nth-child(2) {
  display: block;
}

.referen .wrap .box .referen-swiper-box {
  width: 47%;
  padding-left: 3.2rem;
}

.referen .wrap .box .referen-container .swiper-slide {
  overflow: hidden;
}

.referen .wrap .box .referen-container .swiper-slide .tit {
  color: #fff;
  line-height: 1.3;
  font-weight: 500;
  width: 88%;
  margin-bottom: .75rem;
}

.referen .wrap .box .referen-container .swiper-slide .intro {
  color: #B8E1FE;
  line-height: 1.6;
}

.referen .wrap .box .referen-container .swiper-slide .intro p {
  position: relative;
  /* padding-left: .8rem; */
}

.referen .wrap .box .referen-container .swiper-slide .intro ul {
  padding-left: .8rem;
}

.referen .wrap .box .referen-container .swiper-slide .intro li::marker {
  color: #fff;
  font-size: .8rem;
  line-height: .5;
}


/* .referen .wrap .box .referen-container .swiper-slide .intro p::after {
  content: '';
  position: absolute;
  left: .25rem;
  top: .15rem;
  width: .2rem;
  height: .2rem;
  border-radius: 50%;
  background-color: #94c9f7;
} */

.referen .wrap .btm-pic {
  width: 81%;
  height: 4rem;
  margin: 0 auto 1.25rem;
}

.referen .wrap .btm-pic img {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

.referen .wrap .btm-pic img:first-child {
  display: block;
}

.referen .wrap .referen-pagination {
  position: relative;
  line-height: 1;
  bottom: 0;
  text-align: center;
}

.referen .wrap .referen-pagination .swiper-pagination-bullet {
  width: .5rem;
  height: 5px;
  background: #fff;
  opacity: 1;
  border-radius: 0;
  margin: 0 5px;
  transition: all .3s;
}

.referen .wrap .referen-pagination .swiper-pagination-bullet-active {
  width: .75rem;
  background: linear-gradient(90deg, #ef9b11, #ef9b11);
}

.usage {
  padding: 5.85rem 0 3.4rem;
}

.usage .wrap .tit {
  margin-bottom: .65rem;
}

.usage .wrap .sub {
  margin-bottom: 2.4rem;
  font-weight: 500;
}

.usage .wrap .swiper-box {
  position: relative;
}

.usage .wrap .swiper-box .usage-button-prev,
.usage .wrap .swiper-box .usage-button-next {
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 50%;
  border: 3px solid #fff;
  color: #fff;
}

.usage .wrap .swiper-box .usage-button-prev::after,
.usage .wrap .swiper-box .usage-button-next::after {
  font-size: .4rem;
}

.usage .wrap .swiper-box .usage-button-prev {
  left: -2.95rem;
}

.usage .wrap .swiper-box .usage-button-next {
  right: -2.95rem;
}

.usage .wrap .list-box {
  display: flex;
}

.usage .wrap .list-box .li {
  width: 30%;
  height: 16.5rem;
  padding: 1.5rem 1.2rem;
  margin-right: 5%;
  position: relative;
  transition: all .3s;
}


/* .usage .wrap .list-box .li::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .5);
  opacity: 0;
  transition: all .3s;
} */

.usage .wrap .list-box .li:last-child {
  margin-right: 0;
}

.usage .wrap .list-box .li .icon {
  width: 2.5rem;
  transform: scale(0);
  margin: 0 auto 1.25rem;
  position: relative;
  z-index: 2;
  transition: all .5s;
}

.usage .wrap .list-box .li .icon img {
  width: 100%;
}

.usage .wrap .list-box .li .h1 {
  color: #fff;
  width: max-content;
  line-height: 1.25;
  margin-bottom: .5rem;
  background: linear-gradient(-90deg, #428EC7 0%, #9BFBFB 99.04785%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: relative;
  z-index: 2;
  transition: all .5s;
}

.usage .wrap .list-box .li .cont {
  color: #D5D5D5;
  line-height: 1.5;
  position: relative;
  z-index: 2;
  transition: all .5s;
}

.usage .wrap .list-box .li .h1-1 {
  color: #fff;
  line-height: 1.25;
  margin-bottom: .5rem;
  transition: all .5s;
  text-align: center;
  background: linear-gradient(-90deg, #428EC7 0%, #9BFBFB 99.04785%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  opacity: 0;
  z-index: 2;
  position: relative;
}

.usage .wrap .list-box .li .cont-1 {
  color: #D5D5D5;
  line-height: 1.5;
  transition: all .5s;
  text-align: center;
  opacity: 0;
  z-index: 2;
  position: relative;
}

.usage .wrap .list-box .li .add-img-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  overflow: hidden;
}

.usage .wrap .list-box .li .add-img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all .3s;
}

.usage .wrap .list-box .li:hover .add-img-box img {
  transform: scale(1.1);
}


/* .usage .wrap .list-box .li:hover {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.usage .wrap .list-box .li:hover::after {
  opacity: 1;
}

.usage .wrap .list-box .li:hover .icon {
  transform: scale(1);
}

.usage .wrap .list-box .li:hover .h1 {
  opacity: 0;
  display: none;
}

.usage .wrap .list-box .li:hover .cont {
  opacity: 0;
  display: none;
}

.usage .wrap .list-box .li:hover .h1-1 {
  opacity: 1;
}

.usage .wrap .list-box .li:hover .cont-1 {
  opacity: 1;
} */

.down-pop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  display: none;
}

.down-pop .close-bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}

.down-pop form {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  width: 42%;
  /* height: 61%; */
  display: block;
  background-color: #111;
  padding: 2.4rem 3.1rem 2.4rem;
}

.down-pop form .close-pic {
  position: absolute;
  top: 0;
  right: 0;
  width: 1rem;
  cursor: pointer;
}

.down-pop form .close-pic img {
  width: 100%;
}

.down-pop form .tit {
  color: #fff;
  margin-bottom: 1.3rem;
  text-transform: uppercase;
  text-align: center;
}

.down-pop form .li {
  display: flex;
  align-items: center;
  width: 100%;
  height: 1.35rem;
  border: 1px solid #555555;
  padding: 0 .6rem;
  margin-bottom: .6rem;
  position: relative;
}

.down-pop form .li::after {
  content: '*';
  position: absolute;
  right: .5rem;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
  font-size: 16px;
}

.down-pop form .li.noMandatory::after {
  display: none;
}

.down-pop form .li:last-child {
  margin-bottom: 0;
}

.down-pop form .li div {
  width: .6rem;
  margin-right: .9rem;
}

.down-pop form .li div img {
  max-width: 100%;
  margin: 0 auto;
}

.down-pop form .li input {
  color: #fff;
  background: none;
  width: calc(100% - 1.5rem);
}

.down-pop form .li input::placeholder {
  color: #656565;
}

.down-pop form .li.code {
  padding-right: 0;
}

.down-pop form .li.code input {
  width: calc(100% - 5.25rem);
}

.down-pop form .li.code img {
  width: 3.75rem;
  height: 100%;
  /* background-color: #fff; */
  text-align: center;
  line-height: 1.2rem;
}

.down-pop form .submit {
  display: block;
  width: 4rem;
  height: 1.2rem;
  border-radius: .6rem;
  border: 3px solid transparent;
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
  background-image: linear-gradient(90deg, #000, #000), linear-gradient(90deg, #428EC7, #9BFBFB);
  color: #fff;
  margin: 1.4rem auto 0;
}

.ban-intro {
  position: absolute;
  left: 9.5%;
  top: 48%;
  color: #fff;
}

.news {
  padding: 2.75rem 0 3.2rem;
}

.news .wrap .pub-tit {
  margin-bottom: .7rem;
}

.news .wrap .pub-sub {
  margin-bottom: 2rem;
}

.news .wrap .box {
  display: flex;
  align-items: stretch;
}

.news .wrap .box .pic {
  width: 58%;
  height: 12.5rem;
  border-radius: .25rem;
  overflow: hidden;
}

.news .wrap .box .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.news .wrap .box .cont {
  width: 42%;
  padding-left: 3.9rem;
  padding-top: 2.6rem;
}

.news .wrap .box .cont .h1 {
  text-align: left;
  margin: 0 0 .4rem;
}

.news .wrap .box .cont .h2 {
  font-size: .8rem;
  color: #fff;
  line-height: 1.2;
  margin-bottom: .75rem;
}

.news .wrap .box .cont .h3 {
  color: #B7B7B7;
  line-height: 1.7;
  margin-bottom: .8rem;
}

.change-box {
  padding-bottom: 3.5rem;
}

.change-box .top {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  padding-bottom: 1.2rem;
  border-bottom: 1px solid #666;
  margin-bottom: 1.5rem;
}

.change-box .top .nav {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.change-box .top .nav span {
  color: #fff;
  font-size: .8rem;
  margin-right: 1.25rem;
  line-height: 1;
  width: max-content;
  cursor: pointer;
  transition: all .3s;
}

.change-box .top .nav span:last-child {
  margin-right: 0;
}

.change-box .top .nav span.cur,
.change-box .top .nav span:hover {
  background: linear-gradient(-90deg, #ef9b11 0%, #ef9b11 99.04785%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.change-box .top .search {
  display: flex;
}

.change-box .top .search input {
  width: 7.75rem;
  height: 1.1rem;
  margin-right: .5rem;
  color: #fff;
  padding: 0 .45rem;
  border: 1px solid #DDDDDD;
  border-radius: 3px;
  background: none;
}

.change-box .top .search input::placeholder {
  color: #666666;
}

.change-box .top .search div {
  height: 1.1rem;
  line-height: 1.1rem;
}

.change-box .change {
  font-size: .9rem;
  color: #fff;
  text-align: center;
}

.change-box .change .list-box {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 1.75rem;
  animation: fadeIn 1s forwards;
}

.change-box .change .list-box .li {
  margin-top: 3rem;
  width: 30%;
  margin-right: 5%;
}

.change-box .change .list-box .li:nth-child(-n+3) {
  margin-top: 0;
}

.change-box .change .list-box .li:nth-child(3n) {
  margin-right: 0;
}

.change-box .change .list-box .li .pic {
  width: 100%;
  height: 9rem;
  margin-bottom: .9rem;
  position: relative;
  border-radius: .25rem;
  overflow: hidden;
}

.change-box .change .list-box .li .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.change-box .change .list-box .li .pic .play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1.25rem;
}

.change-box .change .list-box .li .cont {
  color: #999999;
  line-height: .8rem;
  height: 1.6rem;
  overflow: hidden;
  /* padding-right: 1.8rem; */
  margin-bottom: .7rem;
  text-align: left;
}

.change-box .change .list-box .li .intro {
  display: flex;
}

.change-box .change .list-box .li .intro .time {
  color: #555555;
  margin-right: .25rem;
  line-height: 1;
}

.change-box .change .list-box .li .intro .view {
  background: linear-gradient(90deg, #ef9b11 0%, #ef9b11 99.04785%);
  width: max-content;
  line-height: 1;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}





















.change-box1 {
  padding:3.5rem 0;
}

.change-box1 .top {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  padding-bottom: 1.2rem;
  border-bottom: 1px solid #666;
  margin-bottom: 1.5rem;
}

.change-box1 .top .nav {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.change-box1 .top .nav span {
  color: #fff;
  font-size: .8rem;
  margin-right: 1.25rem;
  line-height: 1;
  width: max-content;
  cursor: pointer;
  transition: all .3s;
}

.change-box1 .top .nav span:last-child {
  margin-right: 0;
}

.change-box1 .top .nav span.cur,
.change-box1 .top .nav span:hover {
  background: linear-gradient(-90deg, #ef9b11 0%, #ef9b11 99.04785%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.change-box1 .top .search {
  display: flex;
}

.change-box1 .top .search input {
  width: 7.75rem;
  height: 1.1rem;
  margin-right: .5rem;
  color: #fff;
  padding: 0 .45rem;
  border: 1px solid #DDDDDD;
  border-radius: 3px;
  background: none;
}

.change-box1 .top .search input::placeholder {
  color: #666666;
}

.change-box1 .top .search div {
  height: 1.1rem;
  line-height: 1.1rem;
}

.change-box1 .change1 {
  font-size: .9rem;
  color: #fff;
  text-align: center;
}

.change-box1 .change1 .list-box {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 1.75rem;
  animation: fadeIn 1s forwards;
}

.change-box1 .change1 .list-box .li {
  width: 30%;
  margin-right: 5%;
}

.change-box1 .change1 .list-box .li:nth-child(-n+3) {
  margin-top: 0;
}

.change-box1 .change1 .list-box .li:nth-child(3n) {
  margin-right: 0;
}

.change-box1 .change1 .list-box .li .pic {
  width: 100%;
  margin-bottom: .9rem;
  position: relative;
  border-radius: .25rem;
  overflow: hidden;
}

.change-box1 .change1 .list-box .li .pic img {
  width: 100%;
  object-fit: cover;
}

.change-box1 .change1 .list-box .li .pic .play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1.25rem;
}

.change-box1 .change1 .list-box .li .cont {
  color: #999999;
  line-height: .8rem;
  height: 1.6rem;
  overflow: hidden;
  /* padding-right: 1.8rem; */
  margin-bottom: .7rem;
  text-align: left;
}

.change-box1 .change1 .list-box .li .intro {
  display: flex;
}

.change-box1 .change1 .list-box .li .intro .time {
  color: #555555;
  margin-right: .25rem;
  line-height: 1;
}

.change-box1 .change1 .list-box .li .intro .view {
  background: linear-gradient(90deg, #ef9b11 0%, #ef9b11 99.04785%);
  width: max-content;
  line-height: 1;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}



















.all-page {
  display: flex;
  align-items: center;
  justify-content: center;
}

.all-page a {
  display: inline-block;
  color: #fff;
  transition: all .3s;
}

.all-page a:last-child {
  margin-right: 0;
}

.all-page a:hover,
.all-page a.active {
  color: #000000;
  background-color: #fff;
}

.all-page a.prev,
.all-page a.next {
}

.tech {
  padding: 3.5rem 0 4rem;
}

.tech .wrap .tit {
  margin-bottom: .75rem;
}

.tech .wrap .sub {
  margin-bottom: .55rem;
  font-weight: 500;
}

.tech .wrap .cont {
  color: #FFFFFF;
  line-height: 1;
  text-align: center;
  margin-bottom: 2.5rem;
}

.tech .wrap .box {
  display: flex;
}

.tech .wrap .box .li {
  width: 30%;
  height: 15rem;
  margin-right: 5%;
  /* padding: 1.35rem 1.25rem; */
  position: relative;
  overflow: hidden;
  border-radius: .25rem;
}

.tech .wrap .box .li:last-child {
  margin-right: 0;
}

.tech .wrap .box .li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all .5s;
}

.tech .wrap .box .li p {
  position: absolute;
  top: 1.35rem;
  left: 1.25rem;
  color: #fff;
  font-weight: bold;
  width: calc(100% - 2.5rem);
  line-height: 1.5;
}

.tech .wrap .box .li p span {
  background: linear-gradient(90deg, #ef9b11 0%, #ef9b11 99.04785%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.tech .wrap .box .li:hover img {
  transform: scale(1.1);
}

.optical {
  padding: 3.5rem 0 2.3rem;
  background: linear-gradient(90deg, #225EB7, #4997CA);
}

.optical .wrap {
  display: flex;
  align-items: center;
}

.optical .wrap .pic {
  width: 58%;
  border-radius: .25rem;
  overflow: hidden;
}

.optical .wrap .pic img {
  width: 100%;
  object-fit: cover;
}

.optical .wrap .box {
  width: 42%;
  padding-top: .5rem;
  padding-left: 3.35rem;
}

.optical .wrap .box .tit {
  width: max-content;
  line-height: 1;
  background: linear-gradient(269deg, #ef9b11 0%, #ef9b11 99.04785%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: .5rem;
  font-weight: bold;
}

.optical .wrap .box .sub {
  color: #fff;
  line-height: 1;
  margin-bottom: 1rem;
  text-transform: uppercase;
  font-weight: 500;
}

.optical .wrap .box .cont {
  margin-bottom: .8rem;
}

.optical .wrap .box .cont p {
  color: #B8E1FE;
  line-height: 2;
  position: relative;
  /* padding-left: .8rem; */
}

.optical .wrap .box .cont ul {
  padding-left: .8rem;
}


/* .optical .wrap .box .cont p::after {
  content: '';
  position: absolute;
  left: 0;
  top: .2rem;
  width: .25rem;
  height: .25rem;
  border-radius: 50%;
  background-color: #3A94E2;
} */

.optical .wrap .box .more {
  display: block;
  width: 4rem;
  height: 1.2rem;
  line-height: calc(1.2rem - 6px);
  text-align: center;
  border: 3px solid #FFFFFF;
  border-radius: .6rem;
  color: #fff;
}

.optical .wrap .box .more:hover {
  background: linear-gradient(90deg, #ef9b11 0%, #ef9b11 99.04785%);
  border: none;
  line-height: 1.2rem;
}

.optical .wrap .box .more i {
  margin-left: .25rem;
}

.optical .expand {
  color: #fff;
  display: block;
  width: max-content;
  margin: 1.45rem auto 0;
  line-height: 1;
  text-decoration: underline;
}

.network {
  padding: 3.5rem 0 2.45rem;
}

.network .wrap {
  display: flex;
  align-items: center;
}

.network .wrap .box {
  width: 42%;
  /* padding-top: .9rem; */
  padding-right: 4.4rem;
}

.network .wrap .box .tit {
  width: max-content;
  line-height: 1;
  background: linear-gradient(90deg, #ef9b11 0%, #ef9b11 99.04785%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: .5rem;
  font-weight: bold;
}

.network .wrap .box .sub {
  color: #fff;
  line-height: 1.2;
  margin-bottom: .9rem;
  text-transform: uppercase;
}

.network .wrap .box .cont {
  margin-bottom: .8rem;
  color: #FEFEFE;
}

.network .wrap .box .cont p {
  color: #B7B7B7;
  line-height: 2;
  position: relative;
  /* padding-left: .6rem; */
}

.network .wrap .box .cont ul {
  padding-left: .6rem;
}


/* .network .wrap .box .cont p::after {
  content: '';
  position: absolute;
  left: 0;
  top: .2rem;
  width: .25rem;
  height: .25rem;
  border-radius: 50%;
  background-color: #3A94E2;
} */

.network .wrap .box .cont li::marker {
  color: #3A94E2;
}

.optical .wrap .box .cont li::marker {
  color: #fff;
}

.optical .wrap .box .cont li::marker,
.network .wrap .box .cont li::marker,
.chip .wrap .box .cont li::marker {
  font-size: .6rem;
  line-height: .5;
}

.network .wrap .box .more {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4rem;
  height: 1.2rem;
  line-height: 1.2rem;
  text-align: center;
  border: 3px solid #FFFFFF;
  border-radius: .6rem;
  color: #fff;
}

.network .wrap .box .more:hover {
  background: linear-gradient(90deg, #ef9b11 0%, #ef9b11 99.04785%);
  border: none;
}

.network .wrap .box .more i {
  margin-left: .25rem;
}

.network .wrap .pic {
  width: 58%;
}

.network .wrap .pic img {
  width: 100%;
  object-fit: cover;
}

.network .expand {
  color: #3A94E2;
  display: block;
  width: max-content;
  margin: 1.45rem auto 0;
  line-height: 1;
  text-decoration: underline;
}

.expand-box {
  display: none;
}

.expand-cont {
  border: 1px solid #FFFFFF;
  border-radius: 10px;
  padding: 1.5rem 3.3rem;
  display: flex;
  margin-top: 1rem;
}

.expand-cont .li {
  width: 48%;
  margin-right: 4%;
}

.expand-cont .li:last-child {
  margin-right: 0;
}

.expand-cont .li .icon {
  width: 1.5rem;
  margin: 0 auto .3rem;
}

.expand-cont .li .icon img {
  width: 100%;
}

.expand-cont .li .tit {
  color: #FFFFFF;
  text-align: center;
  line-height: 1;
  margin-bottom: .8rem;
}

.expand-cont .li .li-box p {
  position: relative;
  color: #BFBFBF;
  padding-left: .4rem;
  line-height: 1.6;
}

.expand-cont .li .li-box p::after {
  content: '';
  position: absolute;
  top: .15rem;
  left: 0;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #EBEBEB;
}

.chip {
  padding: 3.5rem 0 2.8rem;
  background: linear-gradient(90deg, #225EB7, #4997CA);
}

.chip .wrap {
  display: flex;
  align-items: center;
}

.chip .wrap .pic {
  width: 58%;
}

.chip .wrap .pic img {
  width: 100%;
  object-fit: cover;
}

.chip .wrap .box {
  width: 42%;
  /* padding-top: 1rem; */
  padding-left: 3.4rem;
}

.chip .wrap .box .tit {
  width: max-content;
  line-height: 1;
  background: linear-gradient(269deg, #ef9b11 0%, #ef9b11 99.04785%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: .5rem;
  font-weight: bold;
}

.chip .wrap .box .sub {
  color: #fff;
  line-height: 1.2;
  margin-bottom: 1rem;
  text-transform: uppercase;
}

.chip .wrap .box .cont {
  margin-bottom: .7rem;
  color: #B8E1FE;
  line-height: 1.6;
}

.chip .wrap .box .cont p {
  color: #B8E1FE;
  line-height: 2;
  position: relative;
  /* padding-left: .6rem; */
}

.chip .wrap .box .cont ul {
  padding-left: .6rem;
}


/* .chip .wrap .box .cont p::after {
  content: '';
  position: absolute;
  left: 0;
  top: .2rem;
  width: .25rem;
  height: .25rem;
  border-radius: 50%;
  background-color: #3A94E2;
} */

.chip .wrap .box .more {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4rem;
  height: 1.2rem;
  line-height: 1.2rem;
  text-align: center;
  border: 3px solid #FFFFFF;
  border-radius: .6rem;
  color: #fff;
  transition: all .3s;
}

.chip .wrap .box .more:hover {
  background: linear-gradient(90deg, #ef9b11 0%, #ef9b11 99.04785%);
  border: none;
}

.chip .wrap .box .more i {
  margin-left: .25rem;
}

.chip .expand {
  color: #fff;
  display: block;
  width: max-content;
  margin: 1.45rem auto 0;
  line-height: 1;
  text-decoration: underline;
}

.dev {
  padding: 3.6rem 0;
}

.dev .tit {
  margin-bottom: .6rem;
}

.dev .sub {
  margin-bottom: .75rem;
  font-weight: 500;
  text-transform: uppercase;
}

.dev .dev-container .dev-button-prev,
.dev .dev-container .dev-button-next {
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 50%;
  border: 3px solid #999999;
  color: #fff;
}

.dev .dev-container .dev-button-prev::after,
.dev .dev-container .dev-button-next::after {
  font-size: .4rem;
}

.dev .dev-container .dev-button-prev {
  left: 1.5rem;
}

.dev .dev-container .dev-button-next {
  right: 1.5rem;
}

.dev .dev-container .swiper-slide {
  width: 20%;
  height: 11rem;
}

.dev .dev-container .swiper-slide:first-child .li::before,
.dev .dev-container .swiper-slide:first-child .li::after {
  display: none;
}

.dev .dev-container .swiper-slide .li {
  border-bottom: 1px solid #404040;
  /* border-left: 1px solid #666; */
  position: relative;
  padding-bottom: .5rem;
  padding-left: .5rem;
  padding-top: 1.25rem;
  width: 100%;
  height: 50%;
  transition: all .3s;
}

.dev .dev-container .swiper-slide .swiper-tit,
.dev .dev-container .swiper-slide .swiper-tit2 {
  color: #FFFFFF;
  line-height: 1.8;
  padding-left: 40%;
  text-transform: uppercase;
}

.dev .dev-container .swiper-slide .swiper-tit span,
.dev .dev-container .swiper-slide .swiper-tit2 span {
  background: linear-gradient(90deg, #ef9b11 0%, #ef9b11 99.04785%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.dev .dev-container .swiper-slide .swiper-tit2 {
  border-bottom: none;
}

.dev .dev-container .swiper-slide .li::before {
  content: '';
  position: absolute;
  width: 1px;
  height: 77%;
  background-color: #666;
  left: 0;
  bottom: 0;
  transition: all .3s;
}

.dev .dev-container .swiper-slide .li::after {
  content: '';
  position: absolute;
  width: .4rem;
  height: .4rem;
  bottom: -.2rem;
  left: -.2rem;
  background-color: #404040;
  border-radius: 50%;
  z-index: 2;
  transition: all .3s;
}

.dev .dev-container .swiper-slide .li .year {
  display: flex;
  align-items: flex-start;
  margin-bottom: .25rem;
}

.dev .dev-container .swiper-slide .li .year .font {
  color: #999999;
}

.dev .dev-container .swiper-slide .li .year .star {
  width: .5rem;
  margin-left: .2rem;
  display: none;
}

.dev .dev-container .swiper-slide .li .year .star img {
  width: 100%;
}

.dev .dev-container .swiper-slide .li .intro {
  color: rgba(183, 183, 183, 0.6);
  /* line-height: .6rem; */
  line-height: 1.6;
  width: 85%;
  /* max-height: 1.8rem; */
  /* overflow-y: auto; */
}

.dev .dev-container .swiper-slide .li .intro::-webkit-scrollbar {
  width: 3px;
}

.dev .dev-container .swiper-slide .li .intro::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, .5);
}

.dev .dev-container .swiper-slide .li .intro::-webkit-scrollbar-thumb {
  background: linear-gradient(90deg, #ef9b11 0%, #ef9b11 99.04785%);
}

.dev .dev-container .swiper-slide .li.important .year .font {
  color: #16407A;
  background: linear-gradient(90deg, #ef9b11 0%, #ef9b11 99.04785%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.dev .dev-container .swiper-slide .li.important .year .star {
  display: block;
}

.dev .dev-container .swiper-slide .li.important .intro {
  color: rgba(141, 222, 255, 0.6);
}

.dev .dev-container .swiper-slide .li.other {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding-top: 0;
}

.dev .dev-container .swiper-slide .li.other::before {
  height: 100%;
}

.dev .dev-container .swiper-slide .li.btm {
  position: absolute;
  top: 50%;
  border-bottom: none;
  padding-bottom: 0;
  padding-top: 1.25rem;
  border-top: 1px solid #404040;
}

.dev .dev-container .swiper-slide .li .li-wrap {
  transition: all .5s;
}

.dev .dev-container .swiper-slide .li.top:hover .li-wrap {
  transform: translateY(.5rem);
}

.dev .dev-container .swiper-slide .li.btm:hover .li-wrap {
  transform: translateY(-.5rem);
}

.dev .dev-container .swiper-slide .li.btm::before {
  bottom: 0;
  top: 0;
}

.dev .dev-container .swiper-slide .li.btm::after {
  top: calc(-.2rem - 1px);
  z-index: 1;
}

.dev .dev-container .swiper-slide .li.btm.other {
  padding-top: 2rem;
}

.dev .dev-container .swiper-slide .li:hover::before {
  background-color: #fff;
}

.dev .dev-container .swiper-slide .li:hover::after {
  background-color: #fff;
  z-index: 3;
}

.about-nav {
  border-bottom: 1px solid #404040;
}

.about-nav .swiper-wrapper {
  justify-content: center;
}

.culture {
  padding: 3.7rem 0 4.75rem;
  position: relative;
  overflow: hidden;
}

.culture .wrap {
  position: relative;
  z-index: 2;
}

.culture .wrap .tit {
  margin: 0 0 1rem;
}

.culture .wrap .sub {
  color: #fff;
  text-align: left;
  text-transform: uppercase;
  margin-bottom: 1.6rem;
  font-weight: normal;
  /* background: linear-gradient(90deg, #ef9b11 0%, #ef9b11 99.04785%); */
  /* -webkit-background-clip: text; */
  /* -webkit-text-fill-color: transparent; */
  width: max-content;
  line-height: 1.1;
}

.culture .wrap .box {
  overflow: hidden;
  position: relative;
}

.culture .wrap .box .li {
  width: 45%;
  float: left;
  margin-bottom: 6rem;
  position: relative;
  z-index: 2;
}

.culture .wrap .box .li:last-child {
  margin-bottom: 0;
}

.culture .wrap .box .li .pic {
  width: 100%;
  margin-bottom: 1.25rem;
}

.culture .wrap .box .li .pic img {
  width: 100%;
}

.culture .wrap .box .li .cont {
  color: #fff;
  font-size: .8rem;
  line-height: 1.4;
  margin-bottom: 1rem;
  padding-right: 2.7rem;
}

.culture .wrap .box .li .name {
  color: #BFBFBF;
  line-height: 1;
  padding-left: 2.6rem;
  position: relative;
}

.culture .wrap .box .li .name::after {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 2.2rem;
  height: 1px;
  background-color: #666666;
}

.culture .wrap .box .li:nth-child(2n) {
  float: right;
  width: 42%;
  /* margin-top: 2.4rem; */
  margin-top: 25%;
}

.culture .wrap .box .li:nth-child(2n) .cont {
  padding-right: .75rem;
}


/* .culture .wrap .box .li:nth-child(3) {
  margin-left: 2rem;
} */

.culture .wrap .icon-bg {
  position: absolute;
  left: 5.75rem;
  top: 40.5%;
  width: 5.75rem;
}

.culture .wrap .icon-bg img {
  width: 100%;
}

.culture .icon-bg2 {
  position: absolute;
  width: 41%;
  right: -13%;
  bottom: -.5rem;
}

.culture .icon-bg2 img {
  width: 100%;
}

.work {
  padding: 3.5rem 0;
  background: linear-gradient(90deg, #ef9b11, #ef9b11);
}

.work .wrap {
  display: flex;
  align-items: stretch;
}

.work .wrap .lf {
  width: 44%;
  padding-right: 2rem;
}

.work .wrap .lf .tit {
  background: linear-gradient(90deg, #ef9b11 0%, #ef9b11 99.04785%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin: 0 0 .7rem;
}

.work .wrap .lf .sub {
  text-align: left;
  margin-bottom: .9rem;
}

.work .wrap .lf .cont {
  color: #EAEAEA;
  line-height: 1.6;
  width: 100%;
  margin-bottom: 1.7rem;
}

.work .wrap .lf .num-list {
  display: flex;
}

.work .wrap .lf .num-list .li {
  width: 48%;
  margin-right: 4%;
  display: flex;
  align-items: center;
}

.work .wrap .lf .num-list .li:last-child {
  margin-right: 0;
}

.work .wrap .lf .num-list .li .num {
  display: flex;
  align-items: flex-start;
}

.work .wrap .lf .num-list .li .num p {
  font-size: 1.7rem;
  line-height: 1;
  color: #fff;
  font-weight: bold;
}

.work .wrap .lf .num-list .li .num span {
  color: #fff;
  line-height: 1;
}

.work .wrap .lf .num-list .li .intro {
  color: #fff;
  line-height: 1.3;
  margin-left: .2rem;
}

.work .wrap .rg {
  width: 56%;
  position: relative;
  border-radius: .25rem;
  overflow: hidden;
}

.work .wrap .rg img {
  width: 100%;
}

.work .wrap .rg .play {
  position: absolute;
  width: 1.25rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
}

.team {
  padding: 3.5rem 0;
}

.team .wrap {
  display: flex;
}

.team .wrap .lf {
  width: 58%;
  height: 15rem;
  position: relative;
  border-radius: .25rem;
  overflow: hidden;
}

.team .wrap .lf img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

.team .wrap .lf img:first-child {
  display: block;
}

.team .wrap .rg {
  width: 42%;
  padding-left: 3.4rem;
  position: relative;
}

.team .wrap .rg .team-container .team-pagination {
  text-align: left;
  position: relative;
  line-height: 1;
  bottom: 0;
  margin-top: 3rem;
}

.team .wrap .rg .team-container .team-pagination .swiper-pagination-bullet {
  width: .75rem;
  height: 3px;
  background-color: #454855;
  border-radius: 0;
  margin: 0 .45rem;
  opacity: 1;
}

.team .wrap .rg .team-container .team-pagination .swiper-pagination-bullet-active {
  background: linear-gradient(-90deg, #ef9b11, #ef9b11);
}

.team .wrap .rg .team-container .swiper-slide {
  padding-top: 3.25rem;
}

.team .wrap .rg .tit {
  text-align: left;
  /* margin: 0 0 .4rem; */
  position: absolute;
  top: 2.35rem;
  left: 3.4rem;
}

.team .wrap .rg .team-container .swiper-slide .sub {
  font-size: .8rem;
  color: #fff;
  line-height: 1;
  margin-bottom: 1.2rem;
}

.team .wrap .rg .team-container .swiper-slide .sub .h1 {
  margin-left: 5px;
}

.team .wrap .rg .team-container .swiper-slide .sub .h2 {
  font-size: 15px;
  /* margin-left: .4rem; */
  display: block;
}

.team .wrap .rg .team-container .swiper-slide .cont {
  color: #BFBFBF;
  line-height: 1.7;
}

.honor {
  padding-bottom: 4.3rem;
}

.honor .tit {
  margin-bottom: .75rem;
}

.honor .sub {
  margin-bottom: 2rem;
}


/* .honor .trans-box {
  transform: rotate(180deg);
}

.honor .honor-container {
  transform: rotate(-180deg);
} */

.honor .trans-box {
  position: relative;
}

.honor .trans-box::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #404040;
  top: 1.5rem;
  left: 0;
}

.honor .trans-box .swiper-button-prev,
.honor .trans-box .swiper-button-next {
  width: 1.25rem;
  height: 1.25rem;
  border: 1px solid #fff;
  border-radius: 50%;
  color: #fff;
  top: 1rem;
  margin: 0;
}

.honor .trans-box .swiper-button-prev::after,
.honor .trans-box .swiper-button-next::after {
  font-size: .4rem;
}

.honor .trans-box .swiper-button-prev {
  left: 5%;
}

.honor .trans-box .swiper-button-next {
  right: 5%;
}


/* .honor .honor-container::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #404040;
  top: 1.5rem;
  left: 0;
} */


/* .honor .honor-container .swiper-button-prev,
.honor .honor-container .swiper-button-next {
  width: 1.25rem;
  height: 1.25rem;
  border: 1px solid #fff;
  border-radius: 50%;
  color: #fff;
  top: 1rem;
  margin: 0;
}

.honor .honor-container .swiper-button-prev::after,
.honor .honor-container .swiper-button-next::after {
  font-size: .4rem;
}

.honor .honor-container .swiper-button-prev {
  left: 1.5rem;
}

.honor .honor-container .swiper-button-next {
  right: 1.5rem;
} */

.honor .honor-container .swiper-slide {
  /* width: 19%; */
  width: 28%;
  /* width: 17.5%; */
  /* margin: 0 5%; */
  margin-right: 8%;
  padding-left: 1rem;
}

.honor .honor-container .swiper-slide:last-child {
  margin-right: 0;
}

.honor .honor-container .swiper-slide .h1 {
  color: #fff;
  position: relative;
  margin-bottom: 1.75rem;
  transition: all .3s;
}

.honor .honor-container .swiper-slide .h1::after {
  content: '';
  position: absolute;
  bottom: -.75rem;
  left: .9rem;
  width: .25rem;
  height: .25rem;
  border-radius: 50%;
  background-color: #404040;
  transition: all .3s;
}

.honor .honor-container .swiper-slide .cont {
  /* color: rgba(183, 183, 183, 0.6); */
  color: #BFBFBF;
  line-height: 2;
}

.honor .honor-container .swiper-slide:hover .h1 {
  background: linear-gradient(-90deg, #ef9b11 0%, #ef9b11 99.04785%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.honor .honor-container .swiper-slide:hover .h1::after {
  background-color: #3376BF;
}

.contact {
  padding: 1rem 0 2.5rem;
}

.contact .tit {
  margin-bottom: 2rem;
}

.contact .wrap .contatc-swiper {
  position: relative;
}

.contact .wrap .contatc-swiper .contact-button-prev,
.contact .wrap .contatc-swiper .contact-button-next {
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 50%;
  border: 3px solid #999;
  color: #fff;
}

.contact .wrap .contatc-swiper .contact-button-prev::after,
.contact .wrap .contatc-swiper .contact-button-next::after {
  font-size: .4rem;
}

.contact .wrap .contatc-swiper .contact-button-prev {
  left: 1.5rem;
}

.contact .wrap .contatc-swiper .contact-button-next {
  right: 1.5rem;
}

.contact .wrap .contatc-swiper .contact-container .swiper-slide {
  width: 22%;
  height: 10.25rem;
  margin-right: 4%;
  border: 1px solid transparent;
  border-radius: 10px;
  background-color: #161616;
  padding: 1.7rem 1.5rem .5rem;
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
  background-image: linear-gradient(90deg, #000, #000), linear-gradient(90deg, #666666, #666666);
  transition: all .3s;
}

.contact .wrap .contatc-swiper .contact-container .swiper-slide:last-child {
  margin-right: 0;
}

.contact .wrap .contatc-swiper .contact-container .swiper-slide .icon {
  position: relative;
  margin: 0 auto .6rem;
  height: 2.95rem;
  width: max-content;
}

.contact .wrap .contatc-swiper .contact-container .swiper-slide .icon img {
  max-height: 100%;
}

.contact .wrap .contatc-swiper .contact-container .swiper-slide .h1 {
  color: #fff;
  text-align: center;
  line-height: 1;
  margin-bottom: .55rem;
  transition: all .3s;
}

.contact .wrap .contatc-swiper .contact-container .swiper-slide .line {
  width: .75rem;
  height: 3px;
  background-color: #3E3E3E;
  margin: 0 auto .4rem;
}

.contact .wrap .contatc-swiper .contact-container .swiper-slide .h2 {
  color: #ADADAD;
  line-height: .6rem;
  height: 1.8rem;
  text-align: center;
  margin-bottom: .25rem;
}

.contact .wrap .contatc-swiper .contact-container .swiper-slide .h3 {
  color: #FFFFFF;
  line-height: 1;
  text-align: center;
}

.contact .wrap .contatc-swiper .contact-container .swiper-slide:hover {
  background-image: linear-gradient(90deg, #000, #000), linear-gradient(90deg, #428EC7, #9BFBFB);
}

.contact .wrap .contatc-swiper .contact-container .swiper-slide:hover .icon .normal-block {
  opacity: 0;
}

.contact .wrap .contatc-swiper .contact-container .swiper-slide:hover .icon .hover-block {
  opacity: 1;
}

.contact .wrap .contatc-swiper .contact-container .swiper-slide:hover .h1 {
  background: linear-gradient(-90deg, #428EC7 0%, #9BFBFB 99.04785%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.infor {
  padding: 2.5rem 0 4.9rem;
}

.infor .wrap .tit {
  margin-bottom: 1.75rem;
}

.infor .wrap .form-box {
  padding: 2.25rem 1.75rem 5.45rem;
  position: relative;
}

.infor .wrap .form-box input[type=text] {
  display: block;
  width: 40.5%;
  height: 1.5rem;
  border: 1px solid #FFFFFF;
  background: none;
  font-size: 15px;
  color: #fff;
  margin-bottom: .7rem;
  padding: 0 .5rem;
}

.infor .wrap .form-box input[type=text]::placeholder {
  color: #959595;
}

.infor .wrap .form-box textarea {
  display: block;
  width: 40.5%;
  border: 1px solid #FFFFFF;
  font-size: 15px;
  background: none;
  height: 6.4rem;
  padding: .5rem;
  color: #fff;
  margin-bottom: .7rem;
  resize: none;
}

.infor .wrap .form-box textarea::placeholder {
  color: #959595;
}

.infor .wrap .form-box input[type=submit] {
  width: 4rem;
  height: 1.1rem;
  line-height: 1.1rem;
  color: #fff;
  background: linear-gradient(90deg, #ef9b11, #ef9b11);
  border-radius: .2rem;
  font-size: 16px;
}

.infor .wrap .form-box .pos-box {
  position: absolute;
  left: 50%;
  bottom: -2.5rem;
  transform: translateX(-50%);
  width: 97%;
  display: flex;
  justify-content: center;
}

.infor .wrap .form-box .pos-box .li {
  width: 49.5%;
  height: 5rem;
  margin-right: 1%;
  display: flex;
  align-items: center;
  padding: 0 1.25rem;
  border: 1px solid #666666;
  border-radius: 10px;
  background: #161616;
}

.infor .wrap .form-box .pos-box .li:last-child {
  margin-right: 0;
}

.infor .wrap .form-box .pos-box .li .icon {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  border: 1px solid #B7B7B7;
  margin-right: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.infor .wrap .form-box .pos-box .li .icon img {
  max-width: 50%;
  max-height: 50%;
  object-fit: contain;
}

.infor .wrap .form-box .pos-box .li .intro {
  width: calc(100% - 3.5rem);
}

.infor .wrap .form-box .pos-box .li .intro .pli {
  color: #B7B7B7;
  line-height: 1;
}

.infor .wrap .form-box .pos-box .li .intro .pli a {
  color: #B7B7B7;
}

.infor .wrap .form-box .pos-box .li .intro .pli span {
  /* color: #fff; */
  background: linear-gradient(90deg, #ef9b11 0%, #ef9b11 99.04785%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: bold;
}

.infor .wrap .form-box .pos-box .li .intro .pli.other span {
  background: linear-gradient(90deg, #ef9b11 0%, #ef9b11 99.04785%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

@keyframes trans {
  0% {
    opacity: 0;
    transform: scale(1);
  }

  50% {
    opacity: 1;
    transform: scale(10);
    visibility: visible;
  }

  100% {
    opacity: 0;
    transform: scale(20);
    z-index: -10;
    visibility: hidden;
  }
}

@keyframes trans-box {
  0% {
    opacity: 0;
    visibility: visible;
  }

  50% {
    opacity: 1;
    visibility: visible;
  }

  99% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    z-index: -10;
    visibility: hidden;
  }
}

.svg-box {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -100;
  visibility: hidden;
}

.svg-box .svg-trans {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  transform-origin: center center;
  background-color: #000;
}

.svg-box.next-page {
  z-index: 100;
  animation: trans-box 3s ease-in-out;
}

.svg-box.next-page .svg-trans {
  animation: trans 3s ease-in-out;
}

.info {
  width: 53%;
  padding: 6rem 0 3.5rem;
  margin: 0 auto;
}

.info .tit {
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: .5rem;
  color: #fff;
  text-transform: uppercase;
}

.info .intro {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: .9rem;
}

.info .intro .lf {
  display: flex;
  align-items: center;
}

.info .intro .time {
  color: #646464;
  margin-right: .5rem;
  line-height: 1;
}

.info .intro .source {
  margin: 0;
}

.info .intro .rg {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.info .intro .rg .more {
  min-width: 4rem;
  width: max-content;
  height: 1.2rem;
  padding: 0 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  /* border: 3px solid #fff; */
  border-radius: 0.6rem;
  color: #fff;
  cursor: pointer;
  margin-right: .5rem;
}

.info .intro .rg .more:last-child {
  margin-right: 0;
}

.info .intro .rg .more:hover {
  background: linear-gradient(90deg, #ef9b11 0%, #ef9b11 99.04785%);
  border: none;
}

.info .cont {
  padding-top: .7rem;
  border-top: 1px solid #555555;
  color: #adadad;
  line-height: 1.8;
  padding-bottom: 1.9rem;
  border-bottom: 1px solid #555555;
  margin-bottom: 1.25rem;
}

.info .cont img {
  display: inline-block;
}

.info .info-page {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

.info .info-page .nav {
  width: calc(100% - 5rem);
}

.info .info-page .nav a {
  display: block;
  color: #b7b7b7;
  margin-bottom: .4rem;
  line-height: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.info .info-page .nav a:last-child {
  margin-bottom: 0;
}

.info .info-page .back::after {
  animation-play-state: paused;
}

.wel {
  width: 100%;
  height: 7.4rem;
  padding-top: 2.25rem;
  text-align: center;
  border-bottom: 1px solid rgba(48, 48, 48, .6);
}

.wel p {
  color: #fff;
  margin-bottom: 1.2rem;
  text-transform: uppercase;
}

.wel a {
  margin: 0 auto;
}

.focu {
  width: 100%;
  height: 19.5rem;
  padding-top: 8rem;
  padding-left: 8.5%;
  position: relative;
}

.focu .tit {
  margin: 0 0 .9rem;
  text-align: left;
}

.focu .sub {
  line-height: 1.3;
  text-align: left;
  width: 40%;
  font-weight: normal;
  position: relative;
  z-index: 2;
}

.focu .pos-icon {
  position: absolute;
}

.focu .pos-icon img {
  width: 100%;
}

.focu .pos-icon1 {
  top: .9rem;
  left: 1.5rem;
  width: 3.75rem;
}

.focu .pos-icon2 {
  top: 30.8%;
  left: 30.6%;
  width: 1.6rem;
}

.focu .pos-icon3 {
  bottom: 1.6rem;
  left: 20.7%;
  width: 4.9rem;
}

.hear {
  padding: 2.75rem 0 3rem;
}

.hear .tit {
  margin-bottom: .65rem;
}

.hear .sub {
  margin-bottom: 1.95rem;
}

.hear .wrap {
  position: relative;
  margin-bottom: 1.75rem;
}

.hear .wrap .hear-button-prev,
.hear .wrap .hear-button-next {
  width: 1.25rem;
  height: 1.25rem;
  border: 3px solid #fff;
  color: #fff;
  border-radius: 50%;
}

.hear .wrap .hear-button-prev::after,
.hear .wrap .hear-button-next::after {
  font-size: .4rem;
}

.hear .wrap .hear-button-prev {
  left: 1.5rem;
}

.hear .wrap .hear-button-next {
  right: 1.5rem;
}

.hear .wrap .hear-container .swiper-slide {
  width: 49%;
  height: 10rem;
  margin-right: 2%;
  background: linear-gradient(37deg, #323232, #252525);
  border-radius: 10px;
  padding: 1.2rem 1.15rem;
  display: flex;
}

.hear .wrap .hear-container .swiper-slide:last-child {
  margin-right: 0;
}

.hear .wrap .hear-container .swiper-slide .pic {
  width: 2rem;
  margin-right: 1.1rem;
}

.hear .wrap .hear-container .swiper-slide .pic img {
  width: 100%;
}

.hear .wrap .hear-container .swiper-slide .intro {
  width: calc(100% - 3.1rem);
  padding: .6rem;
}

.hear .wrap .hear-container .swiper-slide .intro .name {
  font-size: .8rem;
  color: #fff;
  line-height: 1;
  margin-bottom: 1.35rem;
}

.hear .wrap .hear-container .swiper-slide .intro .cont {
  color: #B7B7B7;
  line-height: .7rem;
  max-height: 3.5rem;
  overflow-y: auto;
  width: 97%;
}

.hear .wrap .hear-container .swiper-slide .intro .cont::-webkit-scrollbar {
  width: 3px;
}

.hear .wrap .hear-container .swiper-slide .intro .cont::-webkit-scrollbar-thumb {
  background: #fff;
}

.hear .wrap .hear-container .swiper-slide .comma {
  position: absolute;
  right: 1.4rem;
  bottom: .5rem;
  color: #494949;
  font-size: 2.2rem;
  line-height: 0;
}

.hear .haer-vid {
  position: relative;
  border-radius: .25rem;
  overflow: hidden;
}

.hear .haer-vid img {
  width: 100%;
  transition: all .3s;
}

.hear .haer-vid:hover>img {
  transform: scale(1.1);
}

.hear .haer-vid .play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1.2rem;
  cursor: pointer;
}

.benefits {
  padding: 3rem 0 6.45rem;
  background: linear-gradient(90deg, #ef9b11, #ef9b11);
}

.benefits .wrap .tit {
  color: #ef9b11;
  text-align: center;
  margin-bottom: .9rem;
  line-height: 1;
}

.benefits .wrap .sub {
  text-transform: uppercase;
  margin-bottom: 2.8rem;
}

.benefits .wrap .box {
  display: flex;
}

.benefits .wrap .box .lf {
  width: 48%;
  position: relative;
}

.benefits .wrap .box .lf div {
  position: absolute;
}

.benefits .wrap .box .lf div img {
  width: 100%;
}

.benefits .wrap .box .lf .pic1 {
  width: 8rem;
  left: 0;
  top: 0;
}

.benefits .wrap .box .lf .pic2 {
  width: 5.3rem;
  left: 9.1rem;
  top: 0;
}

.benefits .wrap .box .lf .pic3 {
  width: 6.1rem;
  left: 3.45rem;
  top: 8.2rem;
}

.benefits .wrap .box .lf .pic4 {
  width: 8.9rem;
  left: 9.75rem;
  top: 5.4rem;
}

.benefits .wrap .box .rg {
  width: 52%;
  padding: 2rem 2.5rem 0 2.75rem;
}

.benefits .wrap .box .rg .h1 {
  color: #FFFFFF;
  text-transform: uppercase;
  font-size: .8rem;
  line-height: 1.3;
  margin-bottom: .4rem;
}

.benefits .wrap .box .rg .cont {
  color: #C7EDFF;
  line-height: 1.2;
}

.benefits .wrap .box .rg .cont p {
  margin-bottom: .35rem;
}

.benefits .wrap .box .rg .cont:last-child {
  margin-bottom: 0;
}

.office {
  padding: 3.15rem 0 2.4rem;
}

.office .tit {
  margin-bottom: .9rem;
}

.office .sub {
  margin-bottom: 2.5rem;
}

.office .office-container .office-pagination {
  position: relative;
  line-height: 1;
  bottom: 0;
  margin-top: 2rem;
}

.office .office-container .office-pagination .swiper-pagination-bullet {
  width: .5rem;
  height: 5px;
  background: #3c3c3c;
  opacity: 1;
  margin: 0 5px;
  border-radius: 0;
}

.office .office-container .office-pagination .swiper-pagination-bullet-active {
  width: .75rem;
  background: linear-gradient(90deg, #ef9b11, #ef9b11);
}

.office .office-container .swiper-slide {
  width: 62.5%;
  display: flex;
  align-items: stretch;
  background-color: #303030;
  margin-right: 4%;
  border-top-left-radius: .25rem;
  border-bottom-left-radius: .25rem;
}

.office .office-container .swiper-slide:last-child {
  margin-right: 0;
}

.office .office-container .swiper-slide .lf {
  width: 46%;
  padding: 2.4rem .5rem .5rem 2.5rem;
}

.office .office-container .swiper-slide .lf .h1 {
  color: #fff;
  font-size: .9rem;
  line-height: 1;
  margin-bottom: 1.95rem;
}

.office .office-container .swiper-slide .lf .li {
  display: flex;
  margin-bottom: .9rem;
}

.office .office-container .swiper-slide .lf .li:last-child {
  margin-bottom: 0;
}

.office .office-container .swiper-slide .lf .li div {
  width: .5rem;
  margin-right: .45rem;
  padding-top: 5px;
}

.office .office-container .swiper-slide .lf .li div img {
  width: 100%;
}

.office .office-container .swiper-slide .lf .li p {
  width: calc(100% - .95rem);
  color: #D5D5D5;
  line-height: 1.8;
}

.office .office-container .swiper-slide .rg {
  width: 54%;
}

.office .office-container .swiper-slide .rg img {
  width: 100%;
}

.btm-wel {
  height: 11.25rem;
  padding-top: 4.5rem;
}

.back-top {
  /* position: fixed; */
  width: 24px;
  height: 28px;
  right: 2.75rem;
  bottom: 45%;
  z-index: 10;
  cursor: pointer;
}

.back-top svg {
  width: 100%;
  height: 100%;
  fill: #fff;
}

.hear .wrap .hear-pagination {
  display: none;
}

.txtTrans {
  width: max-content;
  text-transform: uppercase;
  position: absolute;
  opacity: 0;
}

.foot-top-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: .8rem;
}

.typing2 {
  width: 14rem;
  line-height: 1.2;
}

.fix-contact {
  position: fixed;
  bottom: 2.5rem;
  right: 0;
  width: 3rem;
  height: 1rem;
  line-height: 1rem;
  text-align: center;
  z-index: 100;
  background: linear-gradient(90deg, #ef9b11 0%, #ef9b11 99.04785%);
  color: #fff;
  border-top-left-radius: .6rem;
  border-bottom-left-radius: .6rem;
  font-size: .4rem;
}

.fix-contact:hover {
  color: #fff;
}

.fix-contact img {
  width: 100%;
}


/*# sourceMappingURL=all.css.map */


/* 22.12.12 */

.down-box {
  display: flex;
  align-items: center;
}

.optical .wrap .box .more,
.network .wrap .box .more,
.chip .wrap .box .more {
  margin-right: .75rem;
}

.down-box .down {
  width: max-content;
  height: 1.2rem;
  padding: 0 .5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 3px solid #fff;
  border-radius: .6rem;
  color: #fff;
  cursor: pointer;
}

.down-box .down:hover {
  background: linear-gradient(90deg, #ef9b11 0%, #ef9b11 99.04785%);
  border: none;
}

.tech .wrap .cont {
  margin-bottom: .8rem;
}

.tech .tech-down {
  min-width: 4rem;
  width: max-content;
  height: 1.2rem;
  padding: 0 .5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 3px solid #fff;
  border-radius: .6rem;
  color: #fff;
  margin: 0 auto 2.5rem;
  cursor: pointer;
}

.tech .tech-down:hover {
  background: linear-gradient(90deg, #ef9b11 0%, #ef9b11 99.04785%);
  border: none;
}

.infor .wrap .form-box .code {
  width: 40.5%;
  height: 1.5rem;
  border: 1px solid #fff;
  display: flex;
  align-items: center;
  margin-bottom: .7rem;
  padding: 0 .5rem;
}

.infor .wrap .form-box .code input {
  border: none;
  width: calc(100% - 2rem);
  height: 100%;
  margin-bottom: 0;
  padding: 0;
}

.ios-down-pop {
  background-color: rgba(0, 0, 0, 0.4);
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: none;
  z-index: 999;
}

.ios-down-pop .close-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.ios-down {
  width: 11rem;
  background-color: white;
  padding: .4rem;
  border-radius: 5px;
  text-align: center;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  /* margin-left: -5.5rem; */
  /* margin-top: -5rem; */
  overflow: hidden;
  /* display: none; */
  z-index: 99;
}

.ios-down .gou {
  width: 80px;
  height: 80px;
  border-color: #A5DC86;
  border: 4px solid #A5DC86;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-border-radius: 40px;
  border-radius: 40px;
  border-radius: 50%;
  margin: 20px auto;
  padding: 0;
  position: relative;
  box-sizing: content-box;
}

.ios-down .gou img {
  max-width: 80%;
  max-height: 80%;
}

.ios-down .tips {
  color: #797979;
  font-size: 16px;
  text-align: center;
  font-weight: 300;
  position: relative;
  text-align: inherit;
  float: none;
  margin: 0;
  padding: 0;
  line-height: normal;
}

.ios-down a {
  display: block;
  width: 80px;
  padding: 0 .5rem;
  line-height: 50px;
  margin: .75rem auto 0;
  background-color: #8CD4F5;
  color: white;
  border: none;
  box-shadow: none;
  font-size: 16px;
  font-weight: 500;
  -webkit-border-radius: 4px;
  border-radius: 5px;
}

@media (max-width: 767px) {
  .infor .wrap .form-box .code {
    width: 100%;
  }

  .ios-down {
    width: 90%;
  }
}

.top-overview {
  position: relative;
  padding: 3.6rem 0 5.6rem;
}

.top-overview .pos-bg {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

.top-overview .pos-bg img {
  width: 100%;
}

.top-overview .box .tit {
  margin-bottom: 1.5rem;
}

.top-overview .box .cont {
  color: #b7b7b7;
  line-height: 1.8;
  width: 49%;
  margin: 0 auto;
  text-align: center;
}

.high-pro {
  padding: 4.7rem 0 1.75rem;
  position: relative;
}

.high-pro .pos-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.high-pro .pos-bg img {
  width: 100%;
}

.high-pro .pos-point {
  position: absolute;
  bottom: -70%;
  right: 0;
  width: 12.25rem;
}

.high-pro .pos-point img {
  width: 100%;
}

.high-pro .wrap .tit {
  margin-bottom: 1.5rem;
}

.high-pro .wrap .box {
  display: flex;
}

.high-pro .wrap .box .li {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 32%;
  height: 9rem;
  margin-right: 2%;
  padding: 0 .5rem;
  border-radius: 0.25rem;
  border: 1px solid transparent;
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
  background-image: linear-gradient(90deg, #000, #000), linear-gradient(90deg, #666, #666);
}

.high-pro .wrap .box .li:last-child {
  margin-right: 0;
  margin-bottom: 0;
}

.high-pro .wrap .box .li .icon {
  width: 2.25rem;
  height: 2rem;
  margin-bottom: .75rem;
  filter: grayscale(100) brightness(100);
}

.high-pro .wrap .box .li .icon img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  margin: 0 auto;
}

.high-pro .wrap .box .li .h1 {
  line-height: 1;
  color: #fff;
  width: max-content;
  margin: 0 auto .6rem;
  font-weight: bold;
}

.high-pro .wrap .box .li .h2 {
  color: #ffffff;
  line-height: 1.5;
  text-align: center;
}

.high-pro .wrap .box .li:hover {
  background-image: linear-gradient(90deg, #000, #000), linear-gradient(90deg, #428EC7, #9BFBFB);
}

.high-pro .wrap .box .li:hover .icon {
  filter: initial;
}

.high-pro .wrap .box .li:hover .h1 {
  background: linear-gradient(90deg, #ef9b11 0%, #ef9b11 99.04785%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.field {
  padding: 3.9rem 0 4.4rem;
  position: relative;
}

.field .pos-icon {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 6.85rem;
}

.field .pos-icon img {
  width: 100%;
}

.field .wrap .tit {
  margin-bottom: 1.7rem;
}

.field .wrap .swiper-box {
  position: relative;
}

.field .wrap .swiper-box .swiper-pagination {
  position: relative;
  bottom: 0;
  line-height: 1;
  margin-top: 1rem;
}

.field .wrap .swiper-box .swiper-pagination .swiper-pagination-bullet {
  width: 0.5rem;
  height: 3px;
  background: #fff;
  opacity: 1;
  border-radius: 0;
  margin: 0 5px;
  transition: all .3s;
}

.field .wrap .swiper-box .swiper-pagination .swiper-pagination-bullet-active {
  width: 0.75rem;
  background: linear-gradient(90deg, #ef9b11, #ef9b11);
}

.field .wrap .field-container .swiper-slide {
  width: 33.33%;
  height: 18.75rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  padding: 0 .5rem 1.9rem;
  transition: all .5s;
}

.field .wrap .field-container .swiper-slide .icon {
  width: 1.85rem;
  margin-bottom: 1.1rem;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: all .5s .3s;
}

.field .wrap .field-container .swiper-slide .icon img {
  max-width: 100%;
  margin: 0 auto;
}

.field .wrap .field-container .swiper-slide .h1 {
  color: #fff;
  line-height: 1;
  width: max-content;
  margin-bottom: .4rem;
  transition: all .5s;
}

.field .wrap .field-container .swiper-slide .h2 {
  color: #b7b7b7;
  line-height: 1.5;
  text-align: center;
}

.field .wrap .field-container .swiper-slide:hover {
  background-color: rgba(0, 0, 0, .7);
  padding-bottom: 7.15rem;
}

.field .wrap .field-container .swiper-slide:hover .icon {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.field .wrap .field-container .swiper-slide:hover .h1 {
  background: linear-gradient(-90deg, #428EC7 0%, #9BFBFB 99.04785%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: bold;
}