body {
  --www: 1.6rem;
  --interval: var(--www);
  --nav_height: 1.2rem;
  --color: #00269a;
  --f14: 0.14rem;
  --f16: 0.16rem;
  --f18: 0.18rem;
  --f20: 0.2rem;
  --f22: 0.22rem;
  --f24: 0.24rem;
  --f26: 0.26rem;
  --f28: 0.28rem;
  --f30: 0.3rem;
  --f32: 0.32rem;
  --f34: 0.34rem;
  --f36: 0.36rem;
  --f38: 0.38rem;
  --f40: 0.4rem;
  --f42: 0.42rem;
  --f44: 0.44rem;
  --f46: 0.46rem;
  --f48: 0.48rem;
  --f52: 0.52rem;
  --f54: 0.54rem;
  --f56: 0.56rem;
  --f58: 0.58rem;
  --f60: 0.6rem;
}
@media screen and (min-width: 1200px) {
  body.body {
    --nav_height: 0.9rem;
  }
}
@media screen and (min-width: 1921px) {
  body {
    --interval: calc((100vw - (19.2rem - var(--www))) / 2);
  }
}
@media screen and (max-width: 1520px) {
  body {
    --f14: 12px;
    --f16: 14px;
    --f18: 16px;
    --f20: 18px;
    --f22: 20px;
  }
}
@media screen and (max-width: 1400px) {
  body {
    --www: 1.3rem;
  }
}
@media screen and (max-width: 1280px) {
  body {
    --www: 1rem;
  }
}
@media screen and (max-width: 1200px) {
  body {
    --f20: 16px;
    --f22: 16px;
    --f24: 18px;
    --f26: 20px;
    --f28: 22px;
    --f30: 0.36rem;
    --f32: 0.36rem;
    --f34: 0.38rem;
    --f36: 0.4rem;
    --f38: 0.4rem;
    --f40: 0.4rem;
    --f42: 0.4rem;
    --f44: 0.4rem;
    --f46: 0.4rem;
    --f48: 0.4rem;
    --f52: 0.46rem;
    --f54: 0.48rem;
    --f56: 0.52rem;
    --f58: 0.52rem;
    --f60: 0.54rem;
    --interval: 5vw;
    --nav_height: 58px;
  }
}
@media screen and (max-width: 767px) {
  body {
    --f14: 0.26rem;
    --f16: 0.28rem;
    --f18: 0.3rem;
    --f20: 0.3rem;
    --f22: 0.32rem;
    --f24: 0.34rem;
    --f26: 0.34rem;
    --f28: 0.36rem;
    --f30: 0.4rem;
    --f32: 0.4rem;
    --f34: 0.4rem;
    --f36: 0.4rem;
    --f38: 0.4rem;
    --f40: 0.42rem;
    --f42: 0.42rem;
    --f44: 0.42rem;
    --f46: 0.42rem;
    --f48: 0.42rem;
    --f52: 0.42rem;
    --f54: 0.44rem;
    --f56: 0.46rem;
    --f58: 0.46rem;
    --f60: 0.48rem;
  }
}
body::-webkit-scrollbar {
  display: none;
}
 
 
 
/** 纵向滚动条样式 */
.wMain {
  padding-left: var(--interval);
  padding-right: var(--interval);
  width: 100%;
}
 
.dw {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.white {
  color: #fff;
}
.flex_center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.center {
  text-align: center;
}
.bgColor {
  background: #f6f7fa;
}
.pt {
  padding-top: 1.1rem;
}
.pb {
  padding-bottom: 1.1rem;
}
.mt {
  margin-top: 0.9rem;
}
 

.Header_Container {position: fixed;top: 0;left: 0;z-index: 8;width: 100%; transition: 0.4s;}
.Header_Container .box nav {width: 8rem;display: flex;}
.Header_Container .box nav .item {padding-right: 0.38rem;}
.Header_Container .box nav .item:last-child {padding-right: 0rem;}
.Header_Container .box nav .item > p a {font-size: var(--f16);font-family: 'MontserratMedium';color: #fff;line-height: var(--nav_height);transition: 0.4s;position: relative;}
.Header_Container .box nav .item > p a::after {content: '';position: absolute;bottom: 30%;left: 0%;width: 100%;height: 2px;background: #fff;transition: 0.4s;opacity: 0;}
.Header_Container .box nav .item.active > p a::after {opacity: 1;}
.Header_Container .box nav .item:hover > p a::after {opacity: 1;}
.Header_Container .box nav .item:hover .Pro_Select,
.Header_Container .box nav .item:hover .Other_Select {transition: 0.4s;opacity: 1;visibility: initial;}
.Header_Container .box .logo {height: var(--nav_height);display: flex;align-items: center;transition: 0.4s;}
.Header_Container .box .logo a {display: block;position: relative;}
.Header_Container .box .logo a img {height: 0.26rem;transition: 0.4s;}
.Header_Container .box .logo a div {transition: 0.4s;}
.Header_Container .box .logo a .logo2 {position: absolute;left: 0;top: 0;opacity: 0;}
.Header_Container .box .button {width: var(--w);display: flex;transition: 0.4s;justify-content: flex-end;}
.Header_Container .box .button .meun {display: flex;align-items: center;}
.Header_Container .box .button .meun div {width: 0.45rem;height: 0.45rem;background: rgba(255, 255, 255, 0.2);border-radius: 50%;display: flex;align-items: center;justify-content: center;
  flex-direction: column;cursor: pointer;transition: 0.4s;}
.Header_Container .box .button .meun div span {display: block;width: 0.16rem;height: 2px;background: #fff;transition: 0.4s;}
.Header_Container .box .button .meun div span:nth-child(2) {margin: 0.04rem 0;}
.Header_Container .box .button .meun div:hover {background: #00269a;}
.Header_Container .box .button .meun div:hover span {background: #fff;}
.Header_Container.active,
.Header_Container.on,
.Header_Container.act{background: #fff; box-shadow: 0px 0px 0px 1px #f5f5f5;}
.Header_Container::before{content:'';position:absolute;background-size:100% auto;top:0;left:0;width:100%;height:100%;transition:0.4s;z-index: -1;background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0));}
.Header_Container.active::before,
.Header_Container.sticky::before,
.Header_Container.on::before,
.Header_Container.act::before,
.Header_Container.ss::before {opacity: 0;}
.Header_Container.active .box nav .item > p a,
.Header_Container.act .box nav .item > p a,
.Header_Container.on .box nav .item > p a {color: #111;}
.Header_Container.active .box nav .item > p a::after,
.Header_Container.act .box nav .item > p a::after,
.Header_Container.on .box nav .item > p a::after {background: #00269a;bottom: -1px;}
.Header_Container.active .box nav .item.active > p a,
.Header_Container.act .box nav .item.active > p a,
.Header_Container.on .box nav .item.active > p a {color: #00269a;}
.Header_Container.active .box nav .item.active > p a::after,
.Header_Container.act .box nav .item.active > p a::after,
.Header_Container.on .box nav .item.active > p a::after {opacity: 1;}
.Header_Container.active .box .logo a img,
.Header_Container.on .box .logo a img {height: 0.26rem;}
.Header_Container.active .box .logo a .logo1,
.Header_Container.act .box .logo a .logo1,
.Header_Container.on .box .logo a .logo1 {opacity: 0;}
.Header_Container.active .box .logo a .logo2,
.Header_Container.act .box .logo a .logo2,
.Header_Container.on .box .logo a .logo2 {opacity: 1;}
.Header_Container.active .box .button .meun div,
.Header_Container.act .box .button .meun div,
.Header_Container.on .box .button .meun div {background: #00269a;}
.Header_Container.active .box .button .meun div span,
.Header_Container.act .box .button .meun div span,
.Header_Container.on .box .button .meun div span {background: #fff;}



.Other_Select {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 7;
  background: #efefef;
  visibility: hidden;
  opacity: 0;
}
.Other_Select .box_nav ul li {
  line-height: 0.9rem;
  margin: 0 0.65rem;
}
.Other_Select .box_nav ul li a {
  font-family: 'MontserratMedium';
  font-size: var(--f20);
  color: #111;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.Other_Select .box_nav ul li a:hover {
  color: #00269a;
}
.Other_Select .box_nav ul li.active a {
  color: #00269a;
}
.Menu_Layer {
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 38, 154, 0.8);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  transition: clip-path 0.6s, -webkit-clip-path 0.6s;
  -webkit-clip-path: ellipse(0 0 at 100% 0);
  clip-path: ellipse(0 0 at 100% 0);
  pointer-events: none;
}
.Menu_Layer .box .nav .boxLeft {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: var(--nav_height);
}
.Menu_Layer .box .nav .boxLeft a {
  display: block;
}
.Menu_Layer .box .nav .boxLeft img {
  height: 0.46rem;
}
.Menu_Layer .box .nav .boxRight {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.Menu_Layer .box .nav .boxRight .meun {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.Menu_Layer .box .nav .boxRight .meun div {
  width: 0.45rem;
  height: 0.45rem;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  cursor: pointer;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.Menu_Layer .box .nav .boxRight .meun div span {
  display: block;
  width: 0.16rem;
  height: 2px;
  background: #fff;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  margin: -1px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.Menu_Layer .box .nav .boxRight .meun div span:nth-child(2) {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.Menu_Layer .box .nav .boxRight .meun div:hover {
  background: #00269a;
}
.Menu_Layer .box .nav .boxRight .meun div:hover span {
  background: #fff;
}
.Menu_Layer .box .main {
  margin-top: 1rem;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.2rem;
}
.Menu_Layer .box .main .item {
  margin-bottom: 0.3rem;
}
.Menu_Layer .box .main .item .h5 a {
  display: block;
  font-size: var(--f30);
  font-family: 'MontserratMedium';
  color: #fff;
  line-height: 1;
  padding-left: 0.2rem;
  border-left: 3px solid #fff;
}
.Menu_Layer .box .main .item ul {
  display: grid;
  gap: 0.25rem;
  margin-top: 0.18rem;
}
.Menu_Layer .box .main .item ul li a {
  font-size: var(--f16);
  color: #fff;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.Menu_Layer .box .main .item ul li a:hover {
  text-decoration: underline;
}
.Menu_Layer .box .main .item ul .li a {
  color: #666;
}
.Menu_Layer .box .main .item ul .li a:hover {
  text-decoration: inherit;
}
.Menu_Layer.active {
  -webkit-clip-path: ellipse(141% 141% at 100% 0);
  clip-path: ellipse(141% 141% at 100% 0);
  pointer-events: auto;
}

.Home_Banner .banner {position: relative;}
.Home_Banner .banner .phone {display: none;position: relative;}
.Home_Banner .banner .phone .play {position: absolute;z-index: 6;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.Home_Banner .banner picture img {width: 100%;height: 100vh;}
.Home_Banner .banner video {width: 100%;height: 100vh;}
.Home_Banner .banner .video {position: relative;}
.Home_Banner .banner .video::after {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 2rem;background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));}
.Home_Banner .banner .video .play {position: absolute;z-index: 6;top: 5vw;right: 5vw;display: none;}
.Home_Banner .banner .swiper-slide .orientation {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 2;display: flex;align-items: center;color: #fff;}
.Home_Banner .banner .swiper-slide .orientation .content1 {font-family: 'MontserratBold';font-size: 0.58rem;line-height: 1.2;}
.Home_Banner .banner .swiper-slide .orientation .content2 {margin-top: 0.54rem;}
.Home_Banner .banner .page {position: absolute;left: 50%;transform: translateX(-50%);bottom: 0.4rem;z-index: 2;}
.Home_Banner .banner .page div span {background: #fff;opacity: 0.5;margin: 0 6px;width: 12px;height: 12px;}
.Home_Banner .banner .page div .swiper-pagination-bullet-active {opacity: 1;}

 
 
 
.button_01 .a {
  font-size: var(--f16);
  color: #fff;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  display: inline-block;
  min-width: 2rem;
  line-height: 0.52rem;
  border-radius: 0.5rem;
  text-align: center;
  border: 2px solid #fff;
  font-family: 'MontserratMedium';
  padding: 0 0.35rem;
  cursor: pointer;
}
.button_01 .a i {
  margin-left: 0.25rem;
  font-size: var(--f14);
  font-weight: bold;
}
.button_01 .a:hover {
  background: #00269a;
  border-color: #00269a;
}



.Home_Technologies .button_01 .a:hover{
    background: #fff;
     border-color: #fff;
    color: #00269a;
}


.button_01 .a:hover i {
  color: #fff;
}

.advertisement {position: relative;}
.advertisement .imgBg img {width: 100%;}
.advertisement .orientation {position: absolute;left: 0;width: 100%;top: 0;height: 100%;z-index: 1;display: flex;align-items: center;color: #fff;}
.advertisement .orientation .box {width: 100%;}
.advertisement .orientation .box .content1 {font-size: var(--f48);font-family: 'MontserratMedium';}
.advertisement .orientation .box .content2 {font-size: var(--f36);line-height: 2.5;max-width: 8.4rem;}
.advertisement .orientation .box .content3 {display: flex;align-items: center;}

.Footer_Container {background: #28282d;min-height: 1rem;}
.Footer_Container .box {position: relative;z-index: 1;padding: 0.9rem 0 0;}
.Footer_Container .box .boxLeft .item {margin-right: 1rem;}
.Footer_Container .box .boxLeft .item:last-child {margin-right: 0;}
.Footer_Container .box .boxLeft .item .h5 {margin-bottom: 0.32rem;}
.Footer_Container .box .boxLeft .item .h5 a {font-size: var(--f16);color: #fff;}
.Footer_Container .box .boxLeft .item .p {margin-bottom: 0.18rem;}
.Footer_Container .box .boxLeft .item .p a {font-size: var(--f16);color: #868686;}
.Footer_Container .box .boxLeft .item ul li {margin-bottom: 0.2rem;}
.Footer_Container .box .boxLeft .item ul li a {font-size: var(--f14);color: #fff;transition: 0.4s;}
.Footer_Container .box .boxLeft .item ul li a:hover {text-decoration: underline;}
.Footer_Container .box .boxRight .content1 {font-size: var(--f20);color: #fff;}
.Footer_Container .box .boxRight .content2 {margin-top: 0.26rem; line-height:2;}
.Footer_Container .box .boxRight .content2 p {font-size: var(--f16);color: rgba(255,255,255,0.7);}
.Footer_Container .box .boxRight .content3 {margin-top: 0.3rem;}
.Footer_Container .box1 {margin-top: 0.76rem;border-top: 1px solid rgba(255, 255, 255, 0.1);position: relative;z-index: 1;padding: 0.35rem 0;color: #fff;opacity: 0.5;font-size: var(--f16);}
.Footer_Container .box1 a {color: #fff;transition: 0.4s;font-size: var(--f16);}
.Footer_Container .box1 a:hover {opacity: 1;}
.Footer_Container .box1 .boxLeft {font-size: var(--f16);}
.Footer_Container .box1 .boxLeft span {color: #fff;opacity: 0.5;transition: 0.4s;}
.Footer_Container .box1 .boxRight {font-size: var(--f14);}
.Footer_Container .box1 .boxRight a{font-size: var(--f14);}


.goTop {position: fixed;bottom: 2.6%;right: 0.2rem;background: #00269a;border-radius: 50%;z-index: 1;width: 0.5rem;height: 0.5rem;cursor: pointer;display: none;}
.goTop svg {margin: auto;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}


.f56 {
  font-size: var(--f54);
  font-family: 'MontserratMedium';
  line-height: 1; margin-bottom:0.6rem;
}
.banner_btn .button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.banner_btn .button div {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 1px solid #00269a;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: 10px;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  cursor: pointer;
}
.banner_btn .button div i {
  margin: auto;
  font-size: var(--f16);
  font-weight: bold;
  color: #00269a;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.banner_btn .button div:hover {
  background: #00269a;
}
.banner_btn .button div:hover i {
  color: #fff;
}
 
 


.Inner_Banner { width:100%;position: relative;}
.Inner_Banner .img { width:100%;position: relative;}
.Inner_Banner .img img {width: 100%;}
 
.mbx {width: 100%; line-height:0.9rem;z-index: 1; background:rgba(0,0,0,0.05);}
.mbx .box_ {font-size: var(--f16);}
.mbx .box_ a {color: #333;transition: 0.4s;}
.mbx .box_ span {color: #333;}

 
 
 
.button_03 .a {
  font-size: var(--f16);
  color: #fff;
  text-align: center;
  display: inline-block;
  line-height: 0.52rem;
  min-width: 2rem;
  padding: 0 0.3rem;
  font-family: 'MontserratMedium';
  background: #00269a;
  border-radius: 0.5rem;
  border: 2px solid #00269a;
  -webkit-box-shadow: 0px 7px 11.83px 1.17px rgba(3, 3, 144, 0.14);
  box-shadow: 0px 7px 11.83px 1.17px rgba(3, 3, 144, 0.14);
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  cursor: pointer;
}
.button_03 .a:hover {
  background: #00269a;
  color: #fff;
  -webkit-transform: translateY(-0.05rem);
  -ms-transform: translateY(-0.05rem);
  transform: translateY(-0.05rem);
}
@media screen and (min-width: 1200px) {
  .height {
    height: var(--nav_height);
  }
}
 
 
 



.News_01 .box {display: grid;grid-template-columns: repeat(3, 1fr);gap: 0.65rem 0.3rem; margin-top:0.5rem;}
.News_01 .box .item {position: relative;}
.News_01 .box .item a {display: block;padding-bottom: 0.1rem;}
.News_01 .box .item a figure {border-radius: 0.25rem 0.25rem 0 0;overflow: hidden;}
.News_01 .box .item a figure img {width: 100%;transition: 0.4s;}
.News_01 .box .item a figcaption {padding: 0.25rem; background:#f3f3f3;}
.News_01 .box .item a figcaption .content1 {font-size: var(--f16);color: #999;}
.News_01 .box .item a figcaption .content2 {font-size: var(--f22);font-family: 'MontserratMedium';line-height: 1.5;height: 1.3em;color: #000;margin: 0.14rem 0;transition: 0.4s;}
.News_01 .box .item a figcaption .content3 {font-size: var(--f16);color:#666;line-height:1.5;height:3em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-justify:distribute-all-lines;}
.News_01 .box .item a figcaption .content4 {margin-top: 0.36rem;font-size: var(--f16);color: #00269a;font-family: 'MontserratMedium';}
.News_01 .box .item a:hover figure img {transform: scale(1.05);}
.News_01 .box .item a:hover figcaption .content2 {color: #00269a;}
  
  
   
.About_01 .box {font-size: var(--f16);color: #333;line-height: 1.7;}
.About_01 .box img {border-radius: 0.2rem;}
.About_01 .box1 {display: grid;grid-template-columns: repeat(3, 1fr);}
.About_01 .box1 .item {padding: 0 0.7rem;text-align: center;font-family: 'MontserratMedium';}
.About_01 .box1 .item .content1 img {height: 1.18rem;}
.About_01 .box1 .item .content2 {font-size: var(--f36);line-height: 1;margin-top: 0.32rem;}
.About_01 .box1 .item .content3 {font-size: var(--f16);line-height: 1.7;margin-top: 0.25rem;}

.About_02 { width:100%; position:relative; padding:1.5rem 0;background: #f0f6fa;}
.About_02 .box {font-size: var(--f16);color: #333;line-height: 1.7;}
.About_02 .box img {border-radius: 0.2rem;}
.About_02 .box1 {display: grid;grid-template-columns: repeat(3, 1fr);}
.About_02 .box1 .item {padding: 0 0.7rem;text-align: center;font-family: 'MontserratMedium';}
.About_02 .box1 .item .content1 img {height: 1.18rem;}
.About_02 .box1 .item .content2 {font-size: var(--f36);line-height: 1;margin-top: 0.32rem;}
.About_02 .box1 .item .content3 {font-size: var(--f16);line-height: 1.7;margin-top: 0.25rem;}

 
.About_03 { width:100%; position:relative; padding-bottom:0.9rem;}
.About_03 .box {display: grid;gap: 0.3rem;}
.About_03 .box .item {position: sticky;position: -webkit-sticky;top: var(--nav_height);}
.About_03 .box .item .boxLeft {background: #fff;display: flex;align-items: center;padding-right: 1.55rem;flex: 1;}
.About_03 .box .item .boxLeft .content1 {font-size: var(--f24);color: #111;font-family: 'MontserratMedium';}
.About_03 .box .item .boxLeft .content2 {font-size: var(--f16);color: #333;line-height: 2;margin-top: 0.25rem;}
.About_03 .box .item .boxRight {width: 9.1rem;}
.About_03 .box .item .boxRight p {overflow: hidden;border-radius: 0.25rem;}
.About_03 .box .item .boxRight p img {width: 100%;}

 
.Home_About {position: relative;}
.Home_About .imgBg img {width: 100%;}
.Home_About .orientation {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.Home_About .orientation .box {max-width: min(7.1rem, 100%);color: #fff;}
.Home_About .orientation .box .content1 {padding-top: 0.6rem;}
.Home_About .orientation .box .content2 {font-size: var(--f16);line-height: 1.8;margin-top: 0.32rem;height: 10.8em;}
.Home_About .orientation .box .content3 {margin-top: 0.64rem;}
.Home_About .orientation .box1 {display: grid;grid-template-columns: repeat(3, 1fr);color: #fff;margin-top: 1.2rem;}
.Home_About .orientation .box1 .item .top {font-size: var(--f24);}
.Home_About .orientation .box1 .item .top span {font-size: 1rem;line-height: 1;font-family: 'MontserratMedium';position: relative;}
.Home_About .orientation .box1 .item .top span em {opacity: 0;}
.Home_About .orientation .box1 .item .top span .data {position: absolute;left: 0;top: 0;opacity: 1;}
.Home_About .orientation .box1 .item .bot {margin-top: 0.15rem;font-size: var(--f24);font-family: 'MontserratMedium';}


.Home_News .box .boxLeft {width: 7.5rem;position: relative;}
.Home_News .box .boxLeft div {position: absolute;top: 0;width: 100%;height: 100%;left: 0;visibility: hidden;opacity: 0;transition: 0.4s;}
.Home_News .box .boxLeft div a {display: block;border-radius: 0.25rem;overflow: hidden;}
.Home_News .box .boxLeft div img {width: 100%;}
.Home_News .box .boxLeft .active {position: initial;opacity: 1;visibility: initial;}
.Home_News .box .boxRight {flex: 1;padding-left: 0.9rem;}
.Home_News .box .boxRight .item {border-bottom: 1px solid #ddd;}
.Home_News .box .boxRight .item a {display: block;padding: 0.3rem 0 0.2rem;}
.Home_News .box .boxRight .item:first-child a{padding-top: 0;}
.Home_News .box .boxRight .item a .top .left {font-size: var(--f20);font-family: 'MontserratMedium';max-width: 84%;line-height: 1.5;max-height: 3em;color: #111;transition: 0.4s;}
.Home_News .box .boxRight .item a .top .right {font-size: var(--f16);color: #999;line-height: 0.33rem;}
.Home_News .box .boxRight .item a .bot {display: grid;grid-template-rows: 0fr;overflow: hidden;transition: 0.4s;margin-top: 0rem;}
.Home_News .box .boxRight .item a .bot > div {min-height: 0;}
.Home_News .box .boxRight .item a .bot .content2 {font-size: var(--f16);color: #00269a;font-family: 'MontserratMedium';margin-top: 0.12rem; position:relative;}
.Home_News .box .boxRight .item a .bot .content2 i {position:absolute; left:100px; top:3px;}
.Home_News .box .boxRight .item.active a .top .left {color: #00269a;}
.Home_News .box .boxRight .item.active a .bot {grid-template-rows: 1fr;margin-top: 0.1rem;}


.Home_Technologies  .f56 {font-size: var(--f54);font-family: 'MontserratMedium';line-height: 1; margin-bottom:0;}

.Home_Technologies .desc {font-size: var(--f16);color: #111;margin-top: 0.16rem;}
.Home_Technologies .box {margin-top: 0.6rem;}
.Home_Technologies .box ul {display: flex;}
.Home_Technologies .box ul li {flex: 1;position: relative;}
.Home_Technologies .box ul li::after {content: '';position: absolute;right: 0;top: 0;width: 1px;height: 100%;background:#fff;transition: 0.4s;opacity: 0.3;}
.Home_Technologies .box ul li a {display: block;}
.Home_Technologies .box ul li .img {position: relative;overflow: hidden;}
.Home_Technologies .box ul li .img img {width: 101%;max-width: 101%;}
.Home_Technologies .box ul li .img::after {content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 38, 154, 0.8);transition: 0.4s;opacity: 0;backdrop-filter: blur(10px);}
.Home_Technologies .box ul li .tit1 {position:absolute;font-family:'MontserratMedium';font-size:var(--f30);top:50%;left:0;z-index:1;width:100%;transform:translateY(-50%);color:#fff;text-align:center;transition:0.4s;}
.Home_Technologies .box ul li .tit2 {position: absolute;left: 0;bottom: 0.7rem;width: 100%;display: flex;justify-content: center;transition: 0.4s;opacity: 0;}
.Home_Technologies .box ul li:hover .img::after {opacity: 1;}
.Home_Technologies .box ul li:hover .tit1 {top: 52%;}
.Home_Technologies .box ul li:hover .tit2 {bottom: 0.94rem;opacity: 1;}


.Home_Solution {position: relative;}
.Home_Solution .box .boxLeft {width: 8rem;padding-left: var(--interval);padding-top: 0.72rem;padding-right: 1rem;}
.Home_Solution .box .boxLeft .content1 ul {display: flex;}
.Home_Solution .box .boxLeft .content1 ul li {position: relative;width: 0.72rem;margin-right: 0.48rem;}
.Home_Solution .box .boxLeft .content1 ul li .icon1 img {width: 100%;}
.Home_Solution .box .boxLeft .content1 ul li .icon2 {position: absolute;top: 0;left: 0;opacity: 0;transition: 0.4s;width: 100%;}
.Home_Solution .box .boxLeft .content1 ul li .icon2 img {width: 100%;}
.Home_Solution .box .boxLeft .content1 ul li .icon3 {position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;transition: 0.4s;}
.Home_Solution .box .boxLeft .content1 ul li .icon3 img {margin: auto;max-height: 0.32rem;}
.Home_Solution .box .boxLeft .content1 ul li .icon4 {opacity: 0;}
.Home_Solution .box .boxLeft .content1 ul .active .icon2 {opacity: 1;}
.Home_Solution .box .boxLeft .content1 ul .active .icon3 {opacity: 0;}
.Home_Solution .box .boxLeft .content1 ul .active .icon4 {opacity: 1;}
.Home_Solution .box .boxLeft .content2 {margin-top: 0.6rem;}
.Home_Solution .title {position: absolute;left: var(--interval);top: 0;z-index: 1;margin-top: -0.5rem;}
.Home_Solution .rotate-height {position: relative;height: 420vh;}
.Home_Solution .rotate-height .rotate-subheight {height: 415vh;}
.Home_Solution .rotate-sticky {height: -webkit-calc(99.1vh);height: calc(100vh - 0.9rem);position: -webkit-sticky;position: sticky;top: 0.9rem;overflow: hidden;}
.Home_Solution .rotate-sticky .rotate-s {padding-left: var(--interval);height: 100%;}
.Home_Solution .rotate-sticky .rotate-s .rotate-cards-flexbox {justify-content: center;align-items: center;display: flex;position: absolute;top: 0%;bottom: 0%;right: var(--interval);transform: none;}
@media screen and (min-width: 1200px) {
  .Home_Solution .rotate-sticky .rotate-s .rotate-cards-flexbox .rotate-ellipse {border-radius: 50%;flex-flow: column;justify-content: center;align-items: flex-start;width: 52rem;display: flex;position: absolute;left: 0;}
}
.Home_Solution .rotate-sticky .rotate-s .rotate-cards-flexbox .rotate-ellipse .rotate-card {padding: 0.4rem 0;width: 9.6rem;height: 6.9rem;position: relative;left: -9.5rem;}
.Home_Solution .rotate-sticky .rotate-s .rotate-cards-flexbox .rotate-ellipse .rotate-card p {overflow: hidden;border-radius: 0.25rem;height: 100%;}
.Home_Solution .rotate-sticky .rotate-s .rotate-cards-flexbox .rotate-ellipse .rotate-card img {width: 100%;height: 100%;}
@media screen and (min-width: 1200px) {
  .Home_Solution .rotate-sticky .rotate-s .rotate-cards-flexbox .rotate-ellipse .card-1 {transform: translate(41%, -25%) rotate(30deg);}
  .Home_Solution .rotate-sticky .rotate-s .rotate-cards-flexbox .rotate-ellipse .card-2 {transform: translate(10%, -15%) rotate(15deg);}
  .Home_Solution .rotate-sticky .rotate-s .rotate-cards-flexbox .rotate-ellipse .card-4 {transform: translate(10%, 15%) rotate(-15deg);}
  .Home_Solution .rotate-sticky .rotate-s .rotate-cards-flexbox .rotate-ellipse .card-5 {opacity: 0;}
}
.Home_Solution .rotate-sticky .rotate-s .rotate-swap-headers-wrapper {flex-flow: column;align-items: flex-start;display: flex;position: absolute;top: 0%;z-index: 2;}
.Home_Solution .rotate-sticky .rotate-s .rotate-swap-headers-wrapper .rotate-swap-icons {margin-top: 1.7rem;margin-bottom: 0.4rem;}
.Home_Solution .rotate-sticky .rotate-s .rotate-swap-headers-wrapper .rotate-swap-icons ul {display: flex;}
.Home_Solution .rotate-sticky .rotate-s .rotate-swap-headers-wrapper .rotate-swap-icons ul li {position: relative;width: 0.72rem;margin-right: 0.48rem;}
.Home_Solution .rotate-sticky .rotate-s .rotate-swap-headers-wrapper .rotate-swap-icons ul li .icon1 img {width: 100%;}
.Home_Solution .rotate-sticky .rotate-s .rotate-swap-headers-wrapper .rotate-swap-icons ul li .icon2 {position: absolute;top: 0;left: 0;opacity: 0;transition: 0.4s;width: 100%;}
.Home_Solution .rotate-sticky .rotate-s .rotate-swap-headers-wrapper .rotate-swap-icons ul li .icon2 img {width: 100%;}
.Home_Solution .rotate-sticky .rotate-s .rotate-swap-headers-wrapper .rotate-swap-icons ul li .icon3 {position: absolute;top: 0;left: 0;width: 100%;height: 100%;transition: 0.4s;}
.Home_Solution .rotate-sticky .rotate-s .rotate-swap-headers-wrapper .rotate-swap-icons ul li .icon3 img {margin: auto;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%) scale(1);width: 0.36rem;}
.Home_Solution .rotate-sticky .rotate-s .rotate-swap-headers-wrapper .rotate-swap-icons ul li .icon4 {position: absolute;top: 0;left: 0;width: 100%;height: 100%;transition: 0.4s;}
.Home_Solution .rotate-sticky .rotate-s .rotate-swap-headers-wrapper .rotate-swap-icons ul li .icon4 img {margin: auto;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%) scale(1);width: 0.36rem;}
.Home_Solution .rotate-sticky .rotate-s .rotate-swap-headers-wrapper .rotate-swap-icons ul .active .icon1 {opacity: 0;}
.Home_Solution .rotate-sticky .rotate-s .rotate-swap-headers-wrapper .rotate-swap-icons ul .active .icon2 {opacity: 1;}
.Home_Solution .rotate-sticky .rotate-s .rotate-swap-headers-wrapper .rotate-swap-icons ul .active .icon3 {opacity: 1;}
.Home_Solution .rotate-sticky .rotate-s .rotate-swap-headers-wrapper .rotate-swap-icons ul .active .icon4 {opacity: 0;}
.Home_Solution .rotate-sticky .rotate-s .rotate-swap-headers-wrapper .rotate-swap-headers-frame {position: relative;}
.Home_Solution .rotate-sticky .rotate-s .rotate-swap-headers-wrapper .rotate-swap-headers-frame .set-1,
.Home_Solution .rotate-sticky .rotate-s .rotate-swap-headers-wrapper .rotate-swap-headers-frame .set-2,
.Home_Solution .rotate-sticky .rotate-s .rotate-swap-headers-wrapper .rotate-swap-headers-frame .set-3,
.Home_Solution .rotate-sticky .rotate-s .rotate-swap-headers-wrapper .rotate-swap-headers-frame .set-4 {position: absolute;top: 0%;left: 0%;opacity: 0;}
.Home_Solution .rotate-sticky .rotate-s .rotate-swap-headers-wrapper .rotate-swap-headers-frame .rotate-swap-header-cell {gap: 0.2rem;flex-flow: column;width: 5.2rem;display: flex;}
.Home_Solution .rotate-sticky .rotate-s .rotate-swap-headers-wrapper .rotate-swap-headers-frame .rotate-swap-header-cell .list .content4 {font-size: var(--f34);font-family: 'MontserratMedium';}
.Home_Solution .rotate-sticky .rotate-s .rotate-swap-headers-wrapper .rotate-swap-headers-frame .rotate-swap-header-cell .list .content5 {font-size: var(--f16);font-family: 'MontserratMedium';margin-top: 2px;}
.Home_Solution .rotate-sticky .rotate-s .rotate-swap-headers-wrapper .rotate-swap-headers-frame .rotate-swap-header-cell .list .content6 {
  font-family: 'MontserratLight';font-size: var(--f16);color: #333;margin-top: 0.35rem;line-height: 2;height: 8em;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;text-justify: distribute-all-lines;}
.Home_Solution .rotate-sticky .rotate-s .rotate-swap-headers-wrapper .rotate-swap-headers-frame .rotate-swap-header-cell .list .content7 {margin-top: 0.7rem;}
.Home_Solution .rotate-sticky .rotate-s .rotate-swap-headers-wrapper .rotate-swap-headers-frame .active {position: relative;opacity: 1;z-index: 2;}

@media screen and (max-width: 1680px) {
  .Home_Solution .rotate-sticky .rotate-s .rotate-swap-headers-wrapper .rotate-swap-icons ul li .icon3 img {margin: auto;max-height: 0.25rem;}
}
@media screen and (max-width: 1530px) {
  .Home_Solution .rotate-sticky .rotate-s .rotate-cards-flexbox {
    right: 2rem;
  }
  .Home_Solution .rotate-sticky .rotate-s .rotate-swap-headers-wrapper .rotate-swap-headers-frame .rotate-swap-header-cell {
    width: 6.7rem;
  }
  .Home_Solution .rotate-height {
    height: 410vh;
  }
  .rotate-subheight {
    height: 350vh;
  }
  .Header_Container {
    --w: 8rem;
  }
.Header_Container .box .button {width:50px;}
  .Home_News .box .boxLeft {
    width: 9rem;
  }
  .Footer_Container .box .boxRight .content2 form input {
    height: 0.66rem;
  }
 
 
 
}
@media screen and (max-width: 1400px) {
  .Home_Solution .rotate-sticky .rotate-s .rotate-swap-headers-wrapper .rotate-swap-icons {
    margin-top: 1.5rem;
  }
  .Home_Solution .rotate-sticky .rotate-s .rotate-cards-flexbox {
    right: 1.5rem;
  }
  .Home_Solution .rotate-sticky .rotate-s .rotate-swap-headers-wrapper .rotate-swap-headers-frame .rotate-swap-header-cell {
    width: 6.5rem;
  }
  .Home_Solution .rotate-height {
    height: 420vh;
  }
  .rotate-subheight {
    height: 350vh;
  }
  .banner_btn .button div {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
  }
 
}
@media screen and (max-width: 1280px) {
  .Home_Solution .rotate-sticky .rotate-s .rotate-cards-flexbox {
    right: 1rem;
  }
  .Home_Solution .rotate-sticky .rotate-s .rotate-cards-flexbox .rotate-ellipse .rotate-card {
    width: 8.6rem;
    height: 5.9rem;
    left: -8.6rem;
  }
  .Home_Solution .rotate-sticky .rotate-s .rotate-swap-headers-wrapper .rotate-swap-headers-frame .rotate-swap-header-cell .list .content6 {
    margin-top: 0.3rem;
    line-height: 1.5;
    height: 6em;
  }
  .Home_Solution .rotate-height {
    height: 420vh;
  }
  .rotate-subheight {
    height: 400vh;
  }
  .Home_News .box .boxRight {
    padding-left: 0.6rem;
  }
}
@media screen and (max-width: 1200px) {
  .Home_Solution {
    padding: 0 5vw;
  }
  .Home_Solution .rotate-sticky,
  .Home_Solution .rotate-height,
  .Home_Solution .rotate-height .rotate-subheight {
    height: auto;
  }
  .Home_Solution .title,
  .Home_Solution .rotate-sticky .rotate-s .rotate-cards-flexbox,
  .Home_Solution .rotate-sticky .rotate-s .rotate-swap-headers-wrapper,
  .Home_Solution .rotate-sticky .rotate-s .rotate-cards-flexbox .rotate-ellipse {
    position: initial;
  }
  .Home_Solution .rotate-sticky .rotate-s {
    padding-left: 0;
  }
  .Home_Solution .rotate-sticky .rotate-s .rotate-swap-headers-wrapper .rotate-swap-headers-frame .rotate-swap-header-cell {
    width: 100%;
  }
  .Home_Solution .rotate-sticky .rotate-s .rotate-cards-flexbox .rotate-ellipse .rotate-card {
    width: 100%;
    height: auto;
    left: 0;
    display: none;
    padding: 0.5rem 0 0.9rem;
  }
  .Home_Solution .rotate-sticky .rotate-s .rotate-cards-flexbox .rotate-ellipse .rotate-card.active {
    display: block;
  }
  .Header_Container {
    display: none;
  }
  .Home_Banner .banner video,
  .Home_Banner .banner picture img {
    height: 60vh;
  }
  .Home_About .imgBg img {
    height: 9rem;
  }
  .Home_About .orientation .box .content1 {
    padding-top: 0;
  }
  .Home_About .orientation .box1 .item .top span {
    font-size: 0.7rem;
  }
  .Home_About .orientation .box1 {
    gap: 0.3rem;
    margin-top: 1rem;
  }
  .Home_About .orientation .box1 .item .bot {
    font-size: var(--f16);
  }
  .Home_Technologies .box ul li .orientation2 {
    bottom: 0.3rem;
  }
  .Home_Technologies .box ul li:hover .orientation2 {
    bottom: 0.5rem;
  }
  .advertisement .imgBg img {
    height: 5rem;
  }
  .advertisement .orientation .box .content2 {
    max-width: 6.7rem;
  }
  .Footer_Container .box .boxLeft {
    display: none;
  }
  .Footer_Container .box .boxRight {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .Footer_Container .box .boxRight .content1 {
    width: 100%;
  }
  .Footer_Container .box .boxRight .content2 {
    margin-right: auto;
  }
  .Footer_Container .box1 {
    text-align: center;
  }
  .Footer_Container .box1 .boxLeft {
    width: 100%;
  }
  .Footer_Container .box1 .boxRight {
    width: 100%;
  }
  .Home_About {
    margin-top: -1px;
  }



  .mbx {
    bottom: 0.3rem;
  }


  .About_03 .box {
    gap: 1rem;
  }
  .About_02 .box .banner {
    padding: 0;
  }
  .Home_News .box .boxLeft,
  .About_03 .box .item .boxLeft {
    width: 100%;
    padding-right: 0;
  }
  .Home_News .box .boxRight,
  .About_03 .box .item .boxRight{
    width: 100%;
    padding-left: 0;
    margin-top: 0.6rem;
    padding-right: 0;
  }
 
  .About_02 .box {
    padding: 0;
  }
  
  .About_02 .box .swiper {
    padding: 0 var(--interval);
  }
  .About_01 .box1,
  .News_01 .box{
    grid-template-columns: repeat(2, 1fr);
  }
  .goTop {
    display: none !important;
  }


  .advertisement .orientation .box .content2 {
    max-width: 100%;
    margin: 0.5rem 0;
    line-height: 1.7;
  }
  .Home_Solution .rotate-sticky .rotate-s .rotate-swap-headers-wrapper .rotate-swap-icons {
    margin-top: 0.8rem;
  }
  .Home_Solution .rotate-sticky .rotate-s .rotate-swap-headers-wrapper .rotate-swap-icons ul li {
    width: 1rem;
  }

  .About_03 .box .item {
    background: #fff;
  }

  .Home_News .box .boxRight .item a .top .left {
    width: 100%;
    max-width: 100%;
  }
    .Inner_Banner .box .item .orienation1 .main .content1{
      max-width: 65%;
  }


}
@media screen and (max-width: 1200px) and screen and (min-width: 669px) {
  .Footer_Container .box .boxRight .content3 {
    margin-top: 0;
  }
}
.lpk_phone {
  display: none;
}
@media screen and (max-width: 699px) {
  .Home_Banner .banner .swiper-slide .orientation .content1 {
    font-size: 0.5rem;
  }
  .Home_About .orientation .box .content2 {
    height: 7.2em;
    -webkit-line-clamp: 4;
  }
  .Home_About .orientation .box1 .item .bot {
    font-size: 12px;
  }
  .Home_About .orientation .box1 .item .top span {
    font-size: 0.6rem;
  }
  .Home_Technologies .box ul {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .Home_Technologies .box ul li {
    -webkit-box-flex: 1;
    -webkit-flex: 1 50%;
    -ms-flex: 1 50%;
    flex: 1 50%;
  }
  .advertisement .imgBg img {
    height: 6rem;
  }
  .advertisement .img img {
    width: 5rem;
  }
  .button_01 .a,
  .button_03 .a{
    line-height: 0.72rem;
  }
  .Footer_Container .box .boxRight .content2 form input {
    height: 0.72rem;
  }
  .lpk_pc {
    display: none;
  }
  .lpk_phone {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 0.6rem;
  }
 
  .banner_btn .button div {
    width: 40px;
    height: 40px;
  }
  .Inner_Banner .box .item .orienation .main .content2 .scroll{
    max-height: 2rem;
    overflow: auto;
    overflow-x: hidden;
    overflow-y: auto;
    padding-right: 0.1rem;
  }
  .Inner_Banner .box .item .orienation .main .content2 .scroll::-webkit-scrollbar {
    width: 2px;
    height: 2px;
  }
  .Inner_Banner .box .item .orienation .main .content2 .scroll::-webkit-scrollbar-thumb{
    border-radius: 2px;
    background: #fff;
  }
  .Inner_Banner .box .item .orienation .main .content2 .scroll::-webkit-scrollbar-track {
    border-radius: 2px;
    background: rgba(255, 255, 255, 0.1);
  }
  @-moz-document url-prefix() {
    .Inner_Banner .box .item .orienation .main .content2 .scroll,
    .solution_01 .box .item .orienation .main .content2 .scroll {
      scrollbar-color: #00269a rgba(255, 255, 255, 0.1);
      scrollbar-width: thin;
    }
  }
 
  .About_02 .box .banner .swiper .swiper-slide .content2 .scroll {
    padding-left: 0.4rem;
  }
  .About_01 .box1 {
    gap: 0.5rem;
  }
  
  .About_01 .box1,
  .News_01 .box {
    grid-template-columns: repeat(1, 1fr);
  } 

  .News_01 .box .item .feng img {
    width: 0.48rem;
  }
 
  .Inner_Banner .box .item .orienation1 .main .content1 {
    font-size: 0.36rem;
  } 
  .mbx .box_ {
    font-size: var(--f14);
  }
 

  .Home_Solution .rotate-sticky .rotate-s .rotate-swap-headers-wrapper .rotate-swap-icons ul li {
    width: 1.2rem;
    margin-right: 0.3rem;
  }
  .Home_Banner .banner .pc {
    display: none;
  }
  .Home_Banner .banner .phone {
    display: block;
  }
 
 
}