@media (max-width: 1366px) {}

@media (max-width: 1200px) {}

@media (max-width: 1024px) {
  .w1740 {
    max-width: 90%;
    margin: 0 auto;
  }

  .head.head-scroll,
  .head.head-scroll2,
  .head.head-scroll3 {
    height: auto;
  }

  .head-box .head {
    height: auto;
  }

  .pc-head {
    width: 100%;
    padding: 10px 21px;
    max-width: 100%;
  }

  .pc-head .head-rg .lan {
    display: none;
  }

  .pc-head .logo {
    width: 80px;
  }

  .menu {
    width: 27px;
  }

  .menu div {
    height: 1px;
  }

  .index-ani {
    position: relative;
    height: auto;
  }

  .index-swiper {
    height: 127.4vw;
  }

  .index-swiper .swiper-slide {
    background-color: #000;
  }

  .index-swiper .swiper-slide .pos-cont {
    font-size: 26px;
    line-height: 1.2;
    display: block;
    height: auto;
  }

  .i-earth {
    position: static;
    transform: none !important;
  }

  .i-earth .wrap {
    position: relative;
    z-index: 2;
    left: auto;
    bottom: auto;
    transform: translateX(0%);
    padding: 80px 21px 0 21px;
  }

  .i-earth .tit {
    width: 100%;
    font-size: 23px;
    line-height: 1.25;
    margin-bottom: 34px;
  }
  /*.i-earth .tit br {*/
  /*    display: none;*/
  /*}*/

  .i-earth .earth {
    margin-top: 0;
    padding-top: 0;
    height: auto;
    display: block;
  }

  .i-earth .earth .pic {
      margin-top: 1rem;
    width: 100%;
  }

  .i-earth .earth .pic img,
  .i-earth .earth .pic video {
    display: block;
  }

  .i-earth .earth .num-box {
    position: relative;
    bottom: auto;
    left: auto;
    opacity: 1 !important;
    visibility: initial;
    flex-wrap: wrap;
    width: 100%;
    padding: 25px 18px;
    border-radius: 12px;
    z-index: 2;
    background: rgba(255, 255, 255, 0.36);
    box-shadow: 0px 14px 26.4px 0px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(15.850000381469727px);
    transform: translateY(-60px);
    justify-content: space-between;
  }

  .i-earth .earth .num-box .li {
    width: 48%;
    margin: 0;
    margin-bottom: 30px;
  }

  .i-earth .earth .num-box .li:nth-child(3),
  .i-earth .earth .num-box .li:nth-child(4) {
    margin-bottom: 0;
  }

  .i-earth .earth .li-box {
    display: block;
    position: static;
    top: auto;
    left: auto;
    transform: translateY(0);
  }

  .i-earth .earth .li-box .li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 0;
    padding: 12px 0;
  }
  
  .i-earth .earth .li-box .li:nth-child(2n) {
      justify-content: flex-start;
  }

  .i-earth .earth .li-box .li .country {
    font-size: 12px;
  }

  /*.i-earth .earth .li-box .li .pos-icon{display: none;}*/
  .i-earth .earth .num-box .li .num {
    margin-bottom: 8px;
  }

  .i-earth .earth .num-box .li .num p {
    font-size: 34px;
  }

  .i-earth .earth .num-box .li .num>span {
    font-size: 23px;
    bottom: 16%;
  }

  .i-earth .earth .num-box .li .txt {
    color: #555;
    font-size: 12px;
    line-height: 1.4;
    letter-spacing: 1px;
  }

  .i-investor {
    padding: 65px 21px 47px 21px;
    background-color: #F3F3F3;
  }

  .main-tit {
    font-size: 26px;
    margin-bottom: 30px;
  }

  .i-investor .box {
    display: block;
  }

  .i-investor .box .lf {
    width: 100%;
  }

  .i-investor .box .rg {
    width: 100%;
  }

  .i-investor .box .li.small {
    width: 100%;
    margin-right: 0;
  }

  .i-investor .box .li.big .pic {
    width: 100%;
    height: 45.33vw;
  }

  .i-investor .box .li .time {
    margin-top: 18px;
    font-size: 12px;
  }

  .i-investor .box .li .h1 {
    margin-top: 10px;
    font-size: 15px;
  }

  .i-investor .box .li.marb30 {
    margin-bottom: 30px;
  }

  .i-investor .box .li.small .pic {
    height: 45.33vw;
  }

  .i-investor .box .li.small {
    margin-bottom: 30px;
  }

  .i-investor .box .li.medium .pic {
    height: 45.33vw;
  }

  .i-solution {
    padding: 75px 0 0 0;
  }

  .i-solution .tit {
    width: 100%;
    margin: 0;
    padding: 0 21px;
    font-size: 18px;
    line-height: 1.5;
    text-align: left;
  }

  .i-solution .pic-box .pic .point {}

  .i-solution .box {
    height: auto;
  }

  .i-solution .pic-box {
    height: 56.25vw;
  }

  .i-solution .tab {
    position: relative;
    bottom: auto;
    opacity: 1;
  }

  .i-solution .iSol-swiper {
    width: 100%;
    margin-top: 20px;
  }

  .i-solution .iSol-swiper .swiper-slide .top .cir {
    background-color: #fff;
  }

  .i-solution .iSol-swiper .swiper-slide .top .cir::before,
  .i-solution .iSol-swiper .swiper-slide .top .cir::after {
    border-color: #333;
  }

  .i-solution .iSol-swiper .swiper-slide .top p {
    color: #fff;
  }

  .i-solution .iSol-swiper .swiper-slide .h1 {
    color: #333;
  }

  .i-solution .iSol-swiper .swiper-slide-active .top {
    background-color: #333;
    color: #fff;
  }

  .i-solution .pic-box .pic .point .txt {
    font-size: 8px;
    top: 130%;
    left: 50%;
    transform: translateX(-50%);
    max-width: 120px;
    padding: 6px;
  }

  .i-solution .pic-box .pic .point .txt p {
    width: 100%;
    text-align: center;
  }

  .i-solution .pic-box .pic .point .txt div {
    display: none;
  }

  .i-news {
    /*padding: 50px 0;*/
  }

  .i-news .swiper-box .swiper-button-next {
    right: 0;
  }

  .i-news .swiper-box .swiper-button-prev {
    right: 1.35rem;
  }

  .i-news .iNews-swiper .swiper-slide {
    width: 70%;
  }

  .i-news .iNews-swiper .swiper-slide .pic {
    height: 40vw;
  }

  .i-news .iNews-swiper .swiper-slide .time {
    font-size: 12px;
  }

  .i-news .iNews-swiper .swiper-slide .h1 {
    font-size: 15px;
    height: auto;
  }
  
  .i-brand {
    margin-top: 0;
  }
  
  .i-brand .brand-swiper{overflow: hidden;}

  .i-brand .brand-swiper .swiper-slide {
    width: 100%;
    overflow: hidden;
    padding: 0;
  }
  
  .i-brand .brand-swiper .swiper-slide .pic{height: 17rem;}

  .i-brand .brand-swiper .swiper-slide:nth-child(2n-1) .con {
    flex-direction: column;
  }

  .i-brand .brand-swiper .swiper-slide:hover .con {
    transform: scale(1);
  }

  .i-brand .brand-swiper .swiper-slide .con {
    border: none;
    padding: 0;
  }

  .i-brand .brand-swiper .swiper-slide .intro {
    background: #F7F7F7;
    padding: 1rem .5rem;
  }

  .i-brand .brand-swiper .swiper-slide .pos-cont,
  .i-brand .brand-swiper .swiper-slide .pic .arr {
    display: none;
  }
  
  .i-brand .brand-swiper .swiper-slide .pic .arr{display: flex;opacity: 1!important;}
  .i-brand .brand-swiper .swiper-slide .pos-cont{display: block;left: 5%!important;right: auto!important;width:90%;top:5%;height:90%; }

  .i-news {
    margin-top: 2.5rem;
    padding-bottom: 2rem;
  }

  .i-news .tit br {
    display: none;
  }

  .i-news .con {
    flex-wrap: wrap;
  }

  .i-news .con .lf {
    width: 100%;
  }

  .i-news .con .rg {
    margin-top: 1rem;
    width: 100%;
    padding: 0;
  }

  .i-news .news-swiper .swiper-slide {
    width: 100%;
  }

  .i-news .news-swiper .swiper-slide .pic {
    height: 10rem;
  }
  
  /*.i-brand {*/
  /*  margin-top: 2rem;*/
  /*}*/

  /*.i-brand .brand-swiper .swiper-slide {*/
  /*  width: 100%;*/
  /*  overflow: hidden;*/
  /*  padding: 0;*/
  /*}*/

  /*.i-brand .brand-swiper .swiper-slide:nth-child(2n-1) .con {*/
  /*  flex-direction: column;*/
  /*}*/

  /*.i-brand .brand-swiper .swiper-slide:hover .con {*/
  /*  transform: scale(1);*/
  /*}*/

  /*.i-brand .brand-swiper .swiper-slide .con {*/
  /*  border: none;*/
  /*  padding: 0;*/
  /*}*/

  /*.i-brand .brand-swiper .swiper-slide .intro {*/
  /*  background: #F7F7F7;*/
  /*  padding: 1rem .5rem;*/
  /*}*/

  /*.i-brand .brand-swiper .swiper-slide .pos-cont,*/
  /*.i-brand .brand-swiper .swiper-slide .pic .arr {*/
  /*  display: none;*/
  /*}*/

  /*.i-news {*/
  /*  margin-top: 2.5rem;*/
  /*  padding-bottom: 2rem;*/
  /*}*/

  /*.i-news .tit br {*/
  /*  display: none;*/
  /*}*/

  /*.i-news .con {*/
  /*  flex-wrap: wrap;*/
  /*}*/

  /*.i-news .con .lf {*/
  /*  width: 100%;*/
  /*}*/

  /*.i-news .con .rg {*/
  /*  margin-top: 1rem;*/
  /*  width: 100%;*/
  /*  padding: 0;*/
  /*}*/

  /*.i-news .news-swiper .swiper-slide {*/
  /*  width: 100%;*/
  /*}*/

  /*.i-news .news-swiper .swiper-slide .pic {*/
  /*  height: 10rem;*/
  /*}*/

  .i-about {
    height: 123.3vw;
  }

  .i-about .pos-cont .side-tit {
    font-size: 22px;
  }

  .footer .top {
    padding: 17px 21px;
  }

  .footer .top .f-logo {
    width: 80px;
  }

  .footer .top .search {
    display: none;
  }

  .footer .top .share a {
    width: 20px;
  }

  .footer .mid {
    padding: 30px 21px;
  }

  .footer .mid .info {
    width: 100%;
  }

  .footer .mid .foot-nav {
    display: none;
  }

  .footer .btm {
    display: block;
    text-align: center;
    line-height: 1.6;
  }

  .footer .btm .copyright,
  .footer .btm .link {
    line-height: 1.6;
  }

  .career .box1 {
    padding: 50px 0;
    overflow: hidden;
  }

  .career .box1 .wrap {
    display: block;
  }

  .career .box1 .pic {
    width: 100%;
  }

  .career .box1 .intro {
    width: 100%;
    padding: 20px 0 0 0;
  }

  .career .box1 .intro .txt {
    font-size: 14px;
  }

  .career .box2 {
    padding: 50px 0;
  }

  .career .box2 .box2-swiper.show {
    padding-bottom: 1.4rem;
  }

  .career .box2 .box2-swiper .swiper-slide {
    width: 100%;
    transform: scale(1) !important;
  }

  .career .box2 .box2-swiper .swiper-button-prev {
    right: auto;
    left: 50%;
    transform: translateX(-120%);
    bottom: 2px;
  }

  .career .box2 .box2-swiper .swiper-button-next {
    right: 50%;
    left: auto;
    transform: translateX(120%);
    bottom: 2px;
  }

  .career .box3 {
    padding: 50px 0;
  }

  .career .box3 .wrap {
    display: block;
  }

  .career .box3 .lf {
    padding: 0;
    width: 100%;
  }

  .career .box3 .lf .item .li {
    font-size: 14px;
    line-height: 22px;
  }

  .career .box3 .lf .item .li::after {
    top: 11px;
    transform: translateY(-50%);
  }

  .career .box3 .rg {
    width: 100%;
  }

  .career .box3 .rg img {
    width: 100%;
    margin-top: 30px;
  }

  .career .box4 {
    padding: 50px 0;
  }

  .career .box4 .box4-swiper .swiper-wrapper {
    display: block;
  }

  .career .box4 .box4-swiper .swiper-slide {
    width: 100% !important;
    margin-bottom: 20px;
  }

  .career .box4 .box4-swiper .swiper-slide:last-child() {
    margin-bottom: 0;
  }

  .career .box4 .box4-swiper .swiper-slide .pic {
    width: 100%;
    height: 60vw;
  }

  .career .box4 .box4-swiper .swiper-slide .txt {
    padding-right: 0 !important;
  }

  .career .box5 {
    padding: 0;
  }

  .career .box5 .wrap {
    padding: 50px 0;
  }

  .recruit .box1 {
    padding: 50px 0;
  }

  .recruit .box1 .main-tit {
    padding: 0 21px;
  }

  .recruit .box1 .tab {
    margin-top: 0;
    padding: 0 21px;
  }

  .recruit .box1 .item-box {
    padding: 0 21px;
  }

  .recruit .box1 .item-box .item {
    height: auto;
  }

  .recruit .box1 .item-box .item.show {
    display: block;
  }

  .recruit .box1 .item-box .item .pic {
    width: 100%;
  }

  .recruit .box1 .item-box .item .cont {
    width: 100%;
    padding: 60px 21px 30px 21px;
  }

  .recruit .box2 img {
    height: 130vw;
    object-fit: cover;
  }

  .recruit .box2 .pos-cont {
    position: absolute;
    top: 50px;
    width: 100%;
    padding: 0 21px;
  }

  .recruit .box2 .pos-cont .li-box .li {
    width: 50%;
    max-width: 48%;
    padding-right: 0;
    border-right: none;
  }

  .recruit .box2 .pos-cont .li-box .li .time {
    font-size: 14px;
    margin-top: 20px;
  }

  .recruit .box3 {
    padding: 50px 20px;
  }

  .recruit .box3 .li-box {
    margin-top: 0;
    display: block;
  }

  .recruit .box3 .li-box .li {
    display: block;
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }

  .recruit .box3 .li-box .li:last-child {
    margin-bottom: 0;
  }

  .recruit .box3 .li-box .li .pic {
    height: 90vw;
  }

  .recruit .box3 .li-box .li .h {
    margin-top: 16px;
  }

  .recruit .box4 .wrap {
    padding: 50px 0;
  }

  .esg-ban {
    height: auto;
    padding-bottom: 50px;
  }

  .esg-ban .ban-intro .ban-tit {
    font-size: 34px;
    text-align: left
  }

  .esg-ban .ban-intro .container {
    margin-top: 30px;
    display: block;
  }

  .esg-ban .ban-intro .container .lf {
    width: 100%;
    padding-right: 0;
    border-right: none;
    padding-top: 0;
  }

  /*.esg-ban .ban-intro .container .lf .main-tit{color: #333;}*/
  /*.esg-ban .ban-intro .container .lf .txt{color: #333;}*/
  .esg-ban .ban-intro .container .rg {
    width: 100%;
    height: auto;
    padding: 30px 0 0 0;
  }

  .esg-ban .ban-intro .container .rg .ban-swiper {
    padding-bottom: 40px;
  }

  .esg-ban .ban-intro {
    position: relative;
    top: 0;
    left: auto;
    transform: translateX(0);
    width: 100%;
    padding: 0 21px;
    padding-top: 120px
  }

  .esg .box2 {
    margin-top: 0;
    padding-top: 50px;
  }

  .esg .box2 .pic {
    width: calc(100% - 42px);
    margin: 0 auto;
  }

  .esg .box2 .pic img {
    height: 50vw;
  }

  .esg .box2 .swiper-box {
    width: calc(100% - 100px);
    margin: 0 auto;
    margin-top: 30px;
  }

  .esg .box2 .swiper-box .box2-swiper .swiper-slide {
    width: 100%;
    height: auto;
  }

  .esg .box3 {
    padding: 50px 20px;
  }

  .esg .box3 .li-box .li {
    display: block;
    width: 100%;
  }

  .esg .box3 .li-box .li .arr {
    display: none;
  }

  .esg .box3 .li-box .li .icon {
    width: 100px;
    margin: 0 auto;
    margin-bottom: 16px;
    height: auto;
    padding: 10px 0;
  }

  .esg .box3 .li-box .li .intro {
    width: 100%;
  }

  .esg .box3 .main-tit {
    text-align: center;
  }

  .contact .box1 {
    padding: 50px 0;
  }

  .contact .box1 .swiper-box {
    margin-top: 0;
  }

  .contact .box1 .map .base .line1 {
    width: 58vw;
    top: -7vw;
  }

  .contact .box1 .map .base .line2 {
    width: 46vw;
    top: 0vw;
  }

  .contact .box1 .map .base .line3 {
    width: 25vw;
    top: 4vw;
  }

  .contact .box1 .map .base .line4 {
    width: 21vw;
    top: 1vw;
  }

  .contact .box1 .map .base .line5 {
    width: 4vw;
    top: 5vw;
  }

  .contact .box1 .swiper-box .map-swiper .swiper-slide {
    width: 70%;
  }

  .contact .box1 .swiper-box .swiper-button-next {
    right: 21px;
  }

  .contact .box1 .swiper-box .swiper-button-prev {
    left: 21px;
  }

  .news .box .change {
    padding: 0 21px;
    display: block;
  }

  .news .box .change .tab {
    margin-bottom: 20px;
  }

  .news .box .change .form {
    width: 100%;
  }

  .news .box .li-box {
    margin-top: 40px;
    width: 100%;
    padding: 0 21px;
  }

  .news .box .li-box .li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }

  .ser_con .li-box {
    margin-top: 0;
    width: 100%;
    padding: 0 0;
  }

  .ser_con .li-box .li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }

  .news-info .box {
    padding: 100px 21px 50px 21px;
  }

  .news-info .box .related {
    margin-top: 50px;
    padding-top: 50px;
  }

  .news-info .box .related .related-swiper .swiper-pagination {
    display: none;
  }

  .news-info .box .related .related-swiper .swiper-slide {
    width: 70%;
  }

  .news-info .box .related .main-tit {
    text-align: left;
  }

  .investor .box1 {
    padding: 50px 0;
  }

  .investor .box1 .wrap {
    display: block;
  }

  .investor .box1 .lf {
    width: 100%;
  }

  .investor .box1 .rg {
    width: 100%;
    margin-left: 0;
  }

  .investor .box1 .lf .li-box {
    justify-content: space-between;
    width: 100%;
    margin-bottom: 30px;
  }

  .investor .box1 .lf .li-box .li {
    width: 48%;
    margin-right: 0;
  }

  .investor .box1 .lf .li-box .li .num {
    font-size: 22px;
  }

  .investor .box2 {
    padding: 50px 0;
  }

  .investor .box2 .li-box {
    justify-content: space-between;
  }

  .investor .box2 .li-box .li {
    width: 48%;
    margin-right: 0;
  }

  .investor .box2 .li-box .li .more {
    width: 2rem;
    height: 2rem;
  }

  .investor .box3 {
    padding: 50px 0;
  }

  .investor .box3 .pic img {
    height: 70vw;
  }

  .investor .box3 .pos-cont {
    left: 21px;
    width: calc(100% - 42px);
  }

  .investor .box4 {
    padding: 50px 21px 50px 21px;
  }

  .investor .box4 .li-box .li {
    display: block;
    width: 100%;
  }

  .investor .box4 .li-box .li .arr {
    display: none;
  }

  .investor .box4 .li-box .li .icon {
    width: 100px;
    margin: 0 auto;
    margin-bottom: 16px;
    height: auto;
    padding: 10px 0;
  }

  .investor .box4 .li-box .li .intro {
    width: 100%;
  }

  /*.ser_con .con {*/
  /*  padding: 20px 20px 50px 20px;*/
  /*}*/

  .ser_top form input {
    width: 200px;
  }

  .ser_con .li-boxx .li {
    display: block;
    width: 100%;
  }

  .ser_con .li-boxx .li .arr {
    display: none;
  }

  .ser_con .li-boxx .li .icon {
    width: 100px;
    margin: 0 auto;
    margin-bottom: 16px;
    height: auto;
    padding: 10px 0;
  }

  .ser_con .li-boxx .li .intro {
    width: 100%;
  }



  .dialog .container {
    padding: 50px 0;
  }

  .banner .pub-nav .nav-container {
    height: 60px;
  }

  .banner .pub-nav .nav-container .swiper-slide {
    width: 32%;
    line-height: 1.2;
    height: 60px;
    padding: 10px 10px;
  }

  .innovation .box1 {
    padding: 50px 0;
  }

  .innovation .box1 .li-box {
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .innovation .box1 .li-box .li {
    width: 48%;
    margin-right: 0;
    margin-bottom: 12px;
  }

  .innovation .box2 {
    padding: 50px 0;
  }

  .innovation .box2 .top {
    display: block;
  }

  .innovation .box2 .top .pic {
    width: 100%;
    height: 50vw;
  }

  .innovation .box2 .top .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .innovation .box2 .top .intro {
    width: 100%;
    padding: 30px 20px;
  }

  .innovation .box2 .box2-swiper .swiper-slide {
    width: 100%;
  }

  .innovation .box2 .box2-swiper .swiper-slide .intro .eyes {
    display: none;
  }

  .innovation .box3 {
    padding: 50px 0;
  }

  .innovation .box3 .li-box {
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .innovation .box3 .li-box .li {
    width: 48%;
    margin-right: 0;
  }

  .innovation .box3 .li-box .li .intro {
    margin-top: 8px;
    margin-bottom: 30px;
  }

  .innovation .box4 .box4-swiper .swiper-slide {
    height: auto;
  }

  .innovation .box4 .box4-swiper .swiper-slide .cont {
    width: 100%;
  }

  .innovation .box4 .box4-swiper .swiper-slide .wrap {
    height: auto;
    padding-bottom: 90px;
    padding-top: 50px;
    position: relative;
    top: auto;
    left: auto;
    transform: translate(0, 0);
  }

  .innovation .box4 .box4-swiper .swiper-slide img {
    position: absolute;
    top: 0;
    left: 0;
  }

  .innovation .box4 .box4-swiper .swiper-slide .name {
    width: 80%;
    z-index: 10;
    width: calc(100% - 21px);
  }

  .innovation .box4 .box4-swiper .swiper-slide .name p {
    width: 80%;
  }

  .innovation .box4 .box4-swiper .swiper-button-next {
    right: 21px;
  }

  .innovation .box4 .box4-swiper .swiper-button-prev {
    right: 50px;
  }

  .innovation .box5 {
    padding: 50px 0;
  }

  .innovation .box5 .h {
    margin-top: 0px;
  }

  .innovation .box5 .cir-box .li-box {
    position: static;
    transform: translate(0, 0);
    display: block;
  }

  .innovation .box5 .cir-box .round-line,
  .innovation .box5 .cir-box .round-point,
  .innovation .box5 .cir-box .round1,
  .innovation .box5 .cir-box .round2 {
    top: -21px;
    height: auto;
    transform: translate(-50%, 0);
    transform: translate(-50%, 0%);
    width: 14.75rem;
    height: 14.75rem;
  }

  .innovation .box5 .cir-box .round-point {
    transform: translate(-50%, 0) scale(0.9);
  }

  .innovation .box5 .cir-box .round-line {
    transform: translate(-50%, 0) scale(1.1);
  }

  .innovation .box5 .cir-box .intro {
    top: calc(-21px + 2.55rem);
    transform: translate(-50%, 0%);
  }

  .innovation .box5 .cir-box .intro .txt {
    line-height: 1.5;
  }

  .innovation .box5 .cir-box .intro .time {
    margin-top: 0;
  }

  .innovation .box5 .cir-box .li-box .lf {
    display: flex;
    width: 100%;
    padding-right: 0;
  }

  .innovation .box5 .cir-box .li-box .rg {
    display: flex;
    width: 100%;
    padding-left: 0;
  }

  .innovation .box5 .cir-box .li-box .item .li .txt {
    max-width: 9999px;
  }

  .innovation .box5 .cir-box .li-box .rg .li {
    padding-left: 0;
  }

  /*.innovation .box5 .cir-box .li-box .item{flex-direction: row;}*/
  .innovation .box5 .cir-box .li-box .item .li {
    width: 100%;
    margin-bottom: 16px;
  }

  .innovation .box6 {
    padding: 50px 0;
  }

  .innovation .box6 .box6-swiper .swiper-slide {
    width: 50%;
  }

  .quality .box1 {
    padding: 50px 0;
    overflow: hidden;
  }

  .quality .box1 .wrap {
    display: block;
    padding-bottom: 50px;
  }

  .quality .box1 .item-box {
    width: 100%;
  }

  .quality .box1 .item {
    padding-right: 0;
  }

  .quality .box1 .item .cont {
    margin-bottom: 20px;
  }

  .quality .box1 .swiper-box {
    width: 100%;
  }

  .quality .box1 .box1-swiper .swiper-slide .cont {
    width: 32%;
  }

  .quality .box1 .logo-box .logo-swiper .swiper-slide {
    width: 27%;
  }

  .quality .box2 {
    padding: 50px 0;
  }

  .quality .box2 .cont {
    width: 100%;
    padding-right: 0;
    max-height: 10000px;
  }

  .quality .box2 .table {
    overflow: auto;
  }

  .quality .box3 {
    padding: 50px 0;
  }

  .quality .box3 .li-box .li {
    width: 100%;
    margin: 0 0 20px 0;
  }

  .top_seach {
    padding: 100px 21px 50px 21px !important;
  }

  .result-box {
    padding: 50px 21px !important;
  }

  .result-box .result-tit {
    font-size: 16px !important;
  }

  .result-box .news-lists .con-box {
    font-size: 14px !important;
    line-height: 20px !important;
  }

  .top_seach .formbox input.submit {
    font-size: 12px !important;
  }

  .news-info .box .related .related-swiper .swiper-slide .intro .h {
    line-height: 22px;
    height: 44px;
  }

  .news .box .li-box .li .intro .h {
    line-height: 22px;
    height: 44px;
  }

  .fix-share {
    display: none !important;
  }

  .strategy3 .map .map_swiper .swiper .swiper-slide::after {
    content: "";
    position: absolute;
    bottom: -1px;

  }

  .strategy3 .map .map_swiper .swiper .swiper-slide {
    border-bottom: 1px solid var(--logoColor);
  }

  .innovation .box2 .box2-swiper .swiper-slide .intro .h {
    height: 5.4rem;
  }

  .innovation .box4 .box4-swiper .swiper-slide .cont .txt {
    line-height: 20px;
  }

  .innovation .box4 .box4-swiper .swiper-slide .cont .h {
    line-height: 1.4;
  }

  .innovation .box4 .box4-swiper .swiper-slide .cont .txt {
    max-height: 120px;
    overflow: auto
  }

  .i-solution .tab .swiper-button-prev,
  .i-solution .tab .swiper-button-next {
    display: none;
  }

  .ban-tit {
    font-size: 26px;
    width: 100%;
    text-align: center;
  }

  .supply .box1 .pos-bg img {
    display: block;
  }

  .supply .box1 .li .intro .num-box .item .num .tit-42 {
    font-size: 30px;
  }

  .recruit .box4 .li-box .li .top-bots .icon {
    font-size: 14px;
  }

  .recruit .box4 .li-box .li .btn-bots .intro .icon {
    font-size: 14px;
  }

  .contact .box1 .map .point .city {
    font-size: 9px;
  }

  .contact .box1 .swiper-box .map-swiper .swiper-slide .country {
    align-items: flex-start;
  }

  .contact .box1 .swiper-box .map-swiper .swiper-slide .country .h {
    width: calc(100% - 1.3rem);
  }

  .esg .box3 .li-box .li .intro {
    text-align: center;
  }

  .investor .box4 .li-box .li .intro {
    text-align: center;
  }

  .quality .box1 .swiper-box::after {
    top: 2.75rem;
    left: -0.45rem;
    width: 5.55rem;
    height: 5.55rem;
  }

  .quality .box1 .box1-swiper .swiper-slide .cont .swiper-page {
    margin-top: 2rem;
  }

  .quality .box3 .li-box .li .pos-cont .cont {
    display: block;
    line-height: 20px;
    height: 100px;
    overflow: auto;
    padding-right: 6px;
  }

  .business .box3 .con {
    height: 100vh;
  }

  .business .box3 .con .list {
    width: calc(100% - 40px);
    bottom: 23vh;
    left: 20px;
    right: auto;
  }

  .business .box3 .con .nums_box {
    position: absolute;
    left: 20px;
    bottom: 30px;
    width: calc(100% - 40px);
    padding-right: 0;
  }

  .strategy2 {
      padding: 0 5% 2.5rem;
  }
  
  .vasa .box1 {
    padding: 2.5rem 0;
  }

  .vasa .box1 .wrap {
    flex-wrap: wrap;
  }

  .vasa .box1 .intro {
    width: 100%;
    height: auto;
    padding: 1rem;
  }

  .vasa .box1 .intro .more {
    height: 1.4rem;
  }

  .vasa .box1 .intro .more span {
    width: .5rem;
  }

  .vasa .box1 .pic {
    width: 100%;
  }

  .vasa .box2 {
    padding: 2.5rem 0;
  }

  .vasa .box2 .wrap {
    flex-wrap: wrap;
  }

  .vasa .box2 .pic {
    display: none;
  }

  .vasa .box2 .intro {
    width: 100%;
    padding-top: 0;
  }
  
  .vasa .box2 .box_cont .top_box {
      position: static;
  }
  
  .vasa .box2 .box_cont .title {
      padding-top: 0;
  }
  
  .vasa .box2 .box_cont .pic {
      display: none;
  }
  
  .vasa .box2 .box_cont .list {
      margin-top: 0;
  }
  
  .vasa .box2 .box_cont .list .item {
    padding: 0;
    margin-bottom: 1rem;
    justify-content: center;
  }
  
  .vasa .box2 .box_cont .list .item:nth-child(2n) {
      justify-content: center;
  }
  
  .vasa .box2 .box_cont .list .item .card {
      width: 90%;
  }

  .vasa .box3 {
    padding: 2.5rem 5%;
  }

  .vasa .box3 .box {
    flex-wrap: wrap;
  }

  .vasa .box3 .lf {
    width: 100%;
    padding: 0;
  }
  
  .vasa .box3 .lf::after {
      bottom: 0;
  }

  .vasa .box3 .rg {
    margin-top: 1rem;
    width: 100%;
  }

  .vasa .box3 .rg .box3-swiper2 {
    height: auto;
  }

  .vasa .box3 .rg .box3-swiper2 .swiper-slide {
    width: 100%;
    height: 12rem;
  }

  .vasa .box3 .rg .box3-swiper2 .swiper-slide {
    margin-right: 1rem;
  }

  .vasa .box3 .rg .box3-swiper2 .swiper-pagination {
    position: relative;
    bottom: 0;
    margin-top: 1rem;
    left: 0;
    width: 100%;
    padding-bottom: .2rem;
  }

  .vasa .box3 .rg .box3-swiper2 .swiper-button-prev,
  .vasa .box3 .rg .box3-swiper2 .swiper-button-next {
    bottom: 1px;
    z-index: 15;
  }

  .vasa .box3 .rg .box3-swiper2 .swiper-button-prev {
    left: 30%;
  }

  .vasa .box3 .rg .box3-swiper2 .swiper-button-next {
    right: 30%;
    left: auto;
  }

  .vasa .box4 {
    padding: 2.5rem 0;
  }

  .vasa .box4 .box {
    flex-wrap: wrap;
  }

  .vasa .box4 .box .lf {
    width: 100%;
  }

  .vasa .box4 .box .rg {
    width: 100%;
    padding-left: 0;
    margin-top: 1rem;
  }
  
  .vasa .box4 .box .rg .li .top-bots {
      min-height: 2.25rem;
      height: max-content;
      padding: .5rem .9rem;
  }
  
  .vasa .box4 .box .rg .li .top-bots .h {
      line-height: 1.2;
  }

  .vasa .box5 .li-box {
    flex-wrap: wrap;
  }

  .vasa .box5 .li-box .li {
    width: 100%;
  }

  .vasa .box5 .li-box .li::after {
    top: auto;
    bottom: 0;
    left: 15%;
    width: 70%;
    height: 1px;
  }

  .recruit-info .box2 {
    padding: 2.5rem 0;
  }

  .recruit-info .box2 .tab-box {
    flex-direction: column;
    flex-direction: column-reverse;
  }

  .recruit-info .box2 .tab-box .select {
    margin-bottom: 1rem;
  }

  .recruit-info .box2 .tab-box .h {
    width: 100%;
  }

  .recruit-info .box2 .box {
    flex-wrap: wrap;
  }

  .recruit-info .box2 .box .lf {
    width: 100%;
  }
  
  .recruit-info .box2 .box .lf .li .top-bots .info {
    flex-wrap: wrap;
  }
  
  .recruit-info .box2 .box .lf .li .top-bots .info div {
    flex-wrap: wrap;
    width: 100%;
  }
  
  .recruit-info .box2 .box .lf .li .top-bots .info div p {
    margin-bottom: .2rem;
  }

  .recruit-info .box2 .box .rg {
    margin-top: 1rem;
    width: 100%;
    position: static;
  }
  
  .contact .box2 {
    padding: 2.5rem 0;
    flex-wrap: wrap;
  }

  .contact .box2 .pic {
    width: 100%;
  }

  .contact .box2 .rg {
    width: 100%;
    padding: 1rem 5% 0;
  }
  
  .modul_form form {
      width: 90%;
      padding: 1.5rem 1rem;
  }
  
  .modul_form form .title {
      line-height: 1.2;
  }
  
  .modul_form form .clos {
      top: 10px;
      right: 10px;
      width: 1rem;
      height: 1rem;
  }
  
  .modul_form form .clos::before,
  .modul_form form .clos::after {
      width: .5rem;
  }
  
  .modul_form form .form_body {
      padding-top: 0;
      margin-top: 1rem;
  }
  
  .modul_form form .form_body .item {
      margin-bottom: .8rem;
  }
  
  .modul_form form .form_body .item label {
      margin-right: .8rem;
  }
  
  .modul_form form .form_body .item label input {
      height: 1.5rem;
      font-size: 14px;
  }
  
  .modul_form form .form_body .item label .h1 {
      line-height: 1.2;
  }
  
  .ser_top {
      padding: 4rem 5% 2rem;
  }
  
  .ser_top .form,
  .ser_top .form-box,
  .ser_top .form-box input {
      width: 100%;
  }
  
  .ser_top .form-box img {
      width: .7rem;
      height: .7rem;
  }
  
  .upload-dialog .wrap {
      width: 90%;
      padding: 1.5rem 1rem;
  }
  
  .upload-dialog .wrap .close {
      top: .6rem;
      right: .6rem;
  }
  
  .upload-dialog .upload {
      margin-top: 2rem;
  }
  
  .upload-dialog .agree {
      align-items: flex-start;
  }
  
  .upload-dialog .agree span {
      margin-top: .15rem;
  }
  
  .upload-dialog .agree p {
      width: calc(100% - 21px);
  }
  
  .upload-dialog .btn-box .btn {
      height: 1.2rem;
      line-height: 1.2rem;
  }
  
  .loading{display: none!important;}
}

@media (max-width: 997px) {}