body {
  background: #f4f8fd;
}

.banner {
  margin-top: 86px;
  position: relative;
}

.banner-imgs-warp {
  width: 100%;
}

.banner-imgs-warp img {
  width: 100%;
  height: 470px;
  object-fit: cover;
  max-width: 1920px;
  margin: 0 auto;
  display: block;
}
.banner .text1 {
  position: absolute;
  top: calc(50% - 50px) !important; /* 上移60px并提升优先级 */
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  z-index: 10;
}
.banner img {
  width: 100%;
  height: auto;
}
.banner .text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
.banner .text span {
  font-size: 50px;
  font-weight: 500;
  color: #f2f2f2;
}
.banner .text p {
  font-size: 22px;
  font-weight: 400;
  color: #ffffff;
  margin-top: 24px;
  margin-bottom: 50px;
}
.banner .text a {
  display: block;
  width: 159px;
  height: 54px;
  background: #0455da;
  border-radius: 27px;
  text-align: center;
  font-size: 20px;
  font-weight: 400;
  color: #ffffff;
  line-height: 54px;
  margin: auto;
}

.banner-imgs-warp .swiper-pagination-bullet-active {
  background: #0455da !important;
}

.banner-imgs-warp .swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets span {
  width: 55px !important;
  height: 8px !important;
  border-radius: 4px !important;
}

.banner-imgs-warp .swiper-pagination-bullet {
  background: #ffffff;
  opacity: 1;
}

.banner-imgs-warp
  .swiper-container-horizontal
  > .swiper-pagination-bullets
  .swiper-pagination-bullet {
  margin: 0 15px;
}

.banner-imgs-warp .left {
  transform: rotate(180deg);
}

.section {
  width: 100%;
  height: auto;
  /*background: #f2f2f2;*/
  overflow: hidden;
}

.section .section-top {
  font-size: 36px;
  color: #333333;
  text-align: center;
  margin-top: 61px;
  margin-bottom: 45px;
  position: relative;
  top: 50px;
  transition: 0.6s;
  opacity: 0;
  font-weight: bold;
}

.section-bottom {
  margin-bottom: 77px;
}

.section-imgs{
  width: 1330px;
  height: 255px;
  margin: 60px auto;
  position: relative;
}

.section-imgs .section-bg{
  overflow: hidden;
}

.section-imgs img{
  width: 100%;
  object-fit: cover;
  min-height: 200px;
}

.section-imgs .section-text{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
}

.section-imgs .section-text span{
  font-size: 34px;
  font-family: Source Han Sans SC;
  font-weight: 400;
  color: #F2F2F2;
  line-height: 57px;
}

.section-imgs .section-text .more{
  width: 100%;
  height: auto;
  display: block;
  text-align: center;
  font-size: 20px;
  font-family: Source Han Sans SC;
  font-weight: 300;
  line-height: 74px;
}

.section-imgs .section-text .more a{
  color: #F2F2F2;
}

.section-content {
  width: 1330px;
  height: 270px;
  background-color: #ffffff;
  margin: 0 auto 18px;
  display: block;
  display: flex;
  justify-content: space-between;
}

.section-content .Products {
  width: 334px;
  height: 270px;
  position: relative;
  overflow: hidden;
  top: 100px;
  opacity: 0;
  transition: 1s;
}

.section-content .Products .imgs {
  width: 100%;
  height: 100%;
  background: black;
  display: block;
  overflow: hidden;
}

.section-content .Products:hover .Background {
  bottom: 0;
}

.section-content .Products:hover .imgs img {
  opacity: 0.6;
  transform: scale(1.1);
}

.section-content .Products img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.4s;
}

.section-content .Products .Background {
  width: 90%;
  height: 61px;
  background: rgba(255, 255, 255, 0.6);
  position: absolute;
  bottom: -31px;
  transition: 0.5s;
  padding: 5%;
}

.Products .Background div {
  font-size: 27px;
  font-family: LEXUS;
  font-weight: normal;
  color: #333333;
  margin-bottom: 7px;
}

.Products .Background p {
  font-size: 14px;
  font-family: LEXUS;
  font-weight: normal;
  color: #666666;
  float: left;
}

.Products .Background p:nth-child(2) {
  font-size: 15px;
  font-family: LEXUS;
  font-weight: normal;
  color: #0d68ff;
  float: right;
}

.section2 {
  width: 100%;
  height: auto;
  overflow: hidden;
  background: #f2f2f2;
}

.section2-top {
  font-size: 36px;
  font-family: Source Han Sans SC;
  font-weight: bold;
  color: #333333;
  text-align: center;
  margin-top: 59px;
  margin-bottom: 60px;
}

.section2-bottom {
  width: 1330px;
  margin: auto;
  display: flex;
  justify-content: space-between;
  margin-bottom: 54px;
}

.section2-bottom .right .right-imgs {
  width: 1330px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 22px;
}

.section2-bottom .right .right-imgs .warp {
  width: 652px;
  height: 373px;
  position: relative;
}

.section2-bottom .right .right-imgs .warp .imgs {
  width: 100%;
  height: 100%;
  background: black;
  overflow: hidden;
}

.section2-bottom .right .right-imgs .zi {
  position: absolute;
  bottom: 0;
  left: 16%;
  transform: translate(-50%, -50%);
  text-align: center;
  transition: 1s;
}

.section2-bottom .intellect-watch .zi {
  position: absolute;
  bottom: 0;
  left: 16%;
  transform: translate(-50%, -50%);
  text-align: center;
  transition: 1s;
}

.section2-bottom .right .right-imgs .zi h1 {
  color: #fff;
  font-weight: normal;
  font-size: 30px;
  margin-bottom: 10px;
}

.section2-bottom .intellect-watch .zi h1 {
  color: #fff;
  font-weight: normal;
  font-size: 26px;
  margin-bottom: 10px;
}

.section2-bottom .right .right-imgs .zi p {
  font-size: 14px;
  color: #fff;
}

.section3 {
  width: 100%;
  height: auto;
  overflow: hidden;
  /*background: #f2f2f2;*/
}

.section3-top {
  font-size: 36px;
  font-family: LEXUS;
  font-weight: normal;
  color: #333;
  text-align: center;
  margin-top: 59px;
  margin-bottom: 60px;
}

.section3-bottom {
  width: 1307px;
  margin: auto;
  display: flex;
  justify-content: space-between;
  margin-bottom: 60px;
}

.section3-bottom .left .left-imgs {
  height: 141px;
  margin-bottom: 14px;
  display: flex;
  cursor: pointer;
}

.section3-bottom .left .left-imgs .imgs {
  width: 314px;
  height: 100%;
  overflow: hidden;
  background: black;
  margin-right: 35px;
}

.section3-bottom .left .left-imgs .zi {
  float: left;
  position: relative;
  top: 70%;
  transform: translateY(-50%);
}

.section3-bottom .left .left-imgs img {
  float: left;
  margin-right: 31px;
}

.section3-bottom .left .left-imgs h1 {
  font-size: 22px;
  width: 265px;
  color: #525252;
  font-weight: normal;
  margin-bottom: 30px;
  transition: 0.4s;
}

.section3-bottom .left .left-imgs p {
  color: #cdcdcd;
  font-size: 16px;
  transition: 0.4s;
}

.section3-bottom .right {
  width: 607px;
}

.section3-bottom .right .right-imgs {
  display: flex;
  height: 294px;
  margin-bottom: 14px;
  background: #f2f2f2;
}

.section3-bottom .right .right-imgs:hover .imgs img {
  transform: scale(1.1);
  opacity: 0.6;
}

.section3-bottom .right .right-imgs:hover .state span {
  color: #0d68ff;
}

.section3-bottom .right .right-imgs img {
  width: 334px;
  height: 100%;
  overflow: hidden;
}

.section3-bottom .right .right-imgs .imgs {
  width: 334px;
  height: 100%;
  margin-right: 48px;
}

.section3-bottom .right .right-imgs img {
  transition: 0.4s;
}

.section3-bottom .right .right-imgs .state div {
  width: 112px;
  height: 42px;
  font-size: 22px;
  color: #fff;
  background: #828282;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 0;
  top: 0;
}

.section3-bottom .right .right-imgs .state {
  width: 274px;
  position: relative;
}

.section3-bottom .right .right-imgs .state span {
  width: 180px;
  font-size: 24px;
  display: block;
  margin-top: 70px;
  margin-bottom: 15px;
  color: #333333;
  transition: 0.4s;
  -webkit-line-clamp: 3;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.section3-bottom .right .right-imgs .state h1 {
  width: 180px;
  font-weight: normal;
  font-size: 18px;
  color: #777777;
  margin-bottom: 10px;
  transition: 0.4s;
}

.section3-bottom .right .right-imgs .state p {
  color: #cdcdcd;
  font-size: 16px;
  margin-bottom: 25px;
}

.section3-bottom .right .right-imgs .state p:nth-child(5) {
  font-size: 17px;
  font-family: LEXUS;
  font-weight: normal;
  color: #0d68ff;
  cursor: pointer;
}

.section2-bottom-warp {
  width: 685px;
  height: 805px;
  position: relative;
}

.swiper-slide div {
  position: absolute;
  bottom: 0%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

.swiper-slide div h1 {
  color: #fff;
  font-weight: normal;
  font-size: 40px;
  margin-bottom: 32px;
}

.swiper-slide div p {
  font-size: 20px;
  color: #fff;
}

.section2-bottom-warp .zuo {
  position: absolute;
  top: 80%;
  left: 10%;
  z-index: 111;
  transform: translate(-50%);
}

.section2-bottom-warp .you {
  position: absolute;
  top: 80%;
  right: 7%;
  z-index: 111;
  transform: translate(-50%);
}

.section2-bottom-warp .you img {
  width: 65px;
  height: 65px;
  opacity: 0.6;
}

.section2-bottom-warp .zuo img {
  width: 65px;
  height: 65px;
  transform: rotate(180deg);
  opacity: 0.6;
}

.swiper-button-prev:after,
.swiper-button-next:after {
  display: none;
}

.banner-active {
  opacity: 1 !important;
}

.nav-active {
  background: #0455da !important;
}

.section3-bottom .right .right-imgs img {
  transition: 0.6s;
  cursor: pointer;
  object-fit: cover;
}

.section3-bottom .right .right-imgs img:hover {
  transform: scale(1.1);
}

.section3-bottom .left .left-imgs img {
  transition: 0.4s;
  width: 314px;
  height: 100%;
  cursor: pointer;
  object-fit: cover;
}

.section3-bottom .left .left-imgs:hover .imgs img {
  transform: scale(1.1);
  opacity: 0.6;
}

.section3-bottom .left .left-imgs:hover .zi h1 {
  color: #0d68ff;
}

.section2-bottom .right .right-imgs .warp img {
  transition: 0.4s;
  cursor: pointer;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.section2-bottom .right img {
  transition: 0.4s;
  width: 100%;
  height: 100%;
}


.section2-bottom .right .right-imgs .warp:hover .imgs img {
  transform: scale(1.1);
  opacity: 0.6;
}

.section2-bottom .right .intellect-watch .swiper-slide:hover img {
  transform: scale(1.1);
  opacity: 0.8;
}

.more {
  width: 89px;
  height: 33px;
  font-size: 22px;
  font-family: SourceHanSansCN;
  font-weight: 400;
  text-decoration: underline;
  color: #f2f2f2;
  line-height: 73px;
  text-decoration: none;
  position: relative;
}
.section-imgs .section-text {
  width: auto;
  margin: 0;
  height: auto;
}
.more::after {
  content: "";
  width: 100%;
  height: 1px;
  /*background: #88ced2;*/
  position: absolute;
  bottom: -10px;
  left: 0px;
}
/* .right {
    width: 100%;
} */
.section-ba2 {
  width: 1330px;
  height: auto;
  margin: auto;
  text-align: center;
}
.section-ba2 .understand {
  font-size: 17px;
  font-family: SourceHanSansCN;
  font-weight: 400;
  color: #f2f2f2;
  line-height: 26px;
  margin-top: 20px;
  display: block;
}
.ba2-text {
  display: block;
  margin-bottom: 55px;
  margin-top: 21px;

  font-size: 28px !important;
  font-weight: 500;
  color: #0455d9;
}
.dis-img {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 80px;
}
.dis-img-left {
  width: 652px;
  height: 552px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.dis-img-left-1 {
  position: relative;
  overflow: hidden;
  width: 652px;
  height: 266px;
}
.dis-img-left-2 {
  position: relative;
  overflow: hidden;
  width: 652px;
  height: 266px;
}
.section-ba2 img {
  transition: 0.6s;
  transform: scale(1);
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.dis-img-left-1:hover img {
  transform: scale(1.1);
}
.dis-img-left-2:hover img {
  transform: scale(1.1);
}
.dis-img-right:hover img {
  transform: scale(1.1);
}
.img2-1:hover img {
  transform: scale(1.1);
}
.left-text {
  width: 211px;
  height: 188px;
  position: absolute;
  bottom: 30px;
  left: 40px;
  z-index: 20;
  text-align: left;
}
.left-text span {
  font-size: 35px;
  font-family: SourceHanSansCN;
  font-weight: 500;
  color: #ffffff;
}
.left-text p {
  font-size: 17px;
  font-family: SourceHanSansCN;
  font-weight: 400;
  color: #f2f2f2;
  line-height: 26px;
  margin-top: 20px;
}
.ljmo {
  display: block;
  text-align: center;
  width: 83px;
  border: 1px solid #f2f2f2;
  color: #ffffff;
  margin-top: 50px;
  height: 30px;
  line-height: 30px;
}
.dis-img-right {
  position: relative;
  width: 652px;
  height: 552px;
  overflow: hidden;
}
.dis-img-right img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.dis-img2 {
  width: 100%;
  height: 312px;
  display: flex;
  justify-content: space-between;
}
.img2-1 {
  width: 311px;
  height: 100%;
  overflow: hidden;
  position: relative;
}
.img2-text {
  bottom: 60px;
}
.ljmo:hover {
  background: red;
}
.section4 {
  width: 100%;
  height: auto;
  /*background-color: #333;*/
}
.sec4-ba {
  width: 1330px;
  margin: auto;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
  flex-direction: column;
}
.sec4-ba span {
  display: block;
  font-size: 32px;
  font-family: SourceHanSansCN;
  font-weight: 300;
  color: #f2f2f2;
  /*margin-bottom: 51px;*/
}
.sec-bo {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.sec-bo1 {
  position: relative;
  /* width: 390px; */
  width: 450px;
  /* width: 49%; */
  height: auto;
  overflow: hidden;
  margin: 0px 20px;
  /* margin-right: 2%; */
  margin-bottom: 20px;
}
.sec-bo1:nth-child(2n) {
  margin-right: 0;
}
.sec-bo1 img {
  transition: 0.6s;
  width: 100%;
  height: auto;
}
.sec-bo1 .left-text {
  bottom: 5px;
  display: flex;
  height: auto;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  width: 80%;
  justify-content: space-between;
}
.sec-bo1 .left-text a {
  color: white;
}
.ljmo {
  transition: 0.6s;
}
.sec-bo1:hover img {
  transform: scale(1.1);
}
.zhi {
  overflow: hidden;
}
.zhi img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.6s;
}
.zhi:hover img {
  transform: scale(1.1);
}

.section-imgs div span {
  font-size: 36px;
}
.more {
  font-size: 26px;
}
.ba2-text {
  font-size: 36px;
}
.left-text p {
  font-size: 18px;
}
.left-text span {
  font-size: 26px;
}
.sec4-ba span {
  font-size: 30px;
  font-weight: 400;
  color: #ffffff;
}
.section2-bottom .right .right-imgs .zi h1 {
  font-size: 26px;
}
.section3-bottom .left .left-imgs h1 {
  font-size: 18px;
}

a.ljmo {
  font-size: 16px;
  font-weight: 300;
  color: #f2f2f2;
}

/**/
.index_text .left-text {
  bottom: -55px;
}
.network {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.network_warp .title {
  text-align: center;
  font-size: 28px;
  font-weight: 500;
  color: #0455d9;
  margin-bottom: 59px;
}
.network_warp .content {
  width: 100%;
}
.network_warp .content .item {
  width: 100%;
  height: 372px;
  margin-bottom: 34px;
  display: flex;
  justify-content: space-between;
}
.network_warp .content .item:nth-child(2n) {
  flex-direction: row-reverse;
}
.network_warp .content .item .images {
  width: 50%;
  height: 100%;
}
.network_warp .content .item .images img {
  width: 100%;
  height: 100%;
}
.network_warp .content .item .background_color {
  width: 50%;
  height: 100%;
  background-color: #f2f2f2;
  display: flex;
  align-items: center;
  justify-content: center;
}
.network_warp .content .item .background_color .text {
  width: 418px;
  height: 50px;
  border: 1px solid #333333;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: 400;
  color: #333333;
}


.intellect-watch{
  width: 652px;
  overflow: hidden;
  display: inline-block;
  top: 50%;
  position: absolute;
  left: 51%;
}

.section2-bottom .right{
  position: relative;
}

.small-pagination{
  position: absolute;
  z-index: 999;
  width: fit-content !important;
  left: 86% !important;
  bottom: 20px !important;
  --swiper-pagination-color: white;
}

.swiper-container-horizontal .small-pagination .swiper-pagination-bullet{
  width: 12px !important;
  height: 12px !important;
  margin: 0 6px;
}

/* index-1 新增项目区样式 */
.index-1-block,
.index-1-info,
.index-1-block .index-1-info,
.index-1-block .index-1-img,
.index-1-img,
.index-1-img img {
  all: unset;
}

/* 彻底移除旧的 index-1-img 样式，保证图片自适应居中 */
.index-1-img,
.index-1-img img {
  all: unset;
}

.index-1-img {
  width: 1440px;
  height: 417px;
  max-width: 100vw;
  margin: 70px auto 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.index-1-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

@media screen and (max-width: 1366px){
  .banner .text span {
    font-size: 42px;
  }
  .banner .text p {
    font-size: 18px;
  }
  .section-ba2 {
    width: 100%;
  }
  .section-imgs {
    width: 100%;
  }
  .section {
    width: 90%;
    margin: auto;
  }
  .section2 {
    width: 90%;
    margin: auto;
    padding: 0 5%;
  }
  .section2-bottom {
    width: 100%;
  }
  .section2-bottom .right .right-imgs {
    width: 100%;
  }
  .section2-bottom .right .right-imgs .warp {
    width: 49%;
    height: auto;
  }
  .sec4-ba {
    width: 100%;
  }
  .intellect-watch {
    width: 49%;
    height: 348px;
    top: 49.8%;
  }
  .dis-img-left-1 {
    width: 98%;
    height: 48%;
  }
  .dis-img-left-2 {
    width: 98%;
    height: 48%;
  }
}

@media screen and (max-width: 1280px){
  .intellect-watch {
     height: 326px;
  }
  .section3-bottom {
    width: 90%;
  }
  .section3-bottom .left {
    width: 48%;
  }
  .section3-bottom .left .left-imgs img {
    width: 100%;
  }
  .section3-bottom .right {
    width: 48%;
  }
  .section3-bottom .right .right-imgs img {
    width: 100%;
  }
  .section3-bottom .right .right-imgs .state {
    width: 50%;
  }
  .section3-bottom .right .right-imgs .state span {
    font-size: 20px;
    -webkit-line-clamp: 4;
    padding-right: 20px;
  }
}

@media screen and (max-width: 1024px){
  .intellect-watch {
    height: 262px;
  }
  .section3-bottom .right .right-imgs .imgs {
    margin-right: 20px;
  }
}

@media screen and (max-width: 768px) {
  .banner {
    /*height: 200px;*/
    height: 470px;
  }

  .banner .text1{
    display: none;
  }

  .banner .text2{
    display: block !important;
  }
  .section3-bottom .left {
    width: 100%;
  }
  .banner img {
    height: 100%;
    object-fit: cover;
  }
  .banner .text {
    width: 100%;
  }
  .section-imgs {
    width: 90%;
    height: auto;
  }
  .section-ba2 {
    width: 90%;
  }
  .dis-img {
    flex-direction: column;
  }
  .dis-img-left {
    width: 100%;
    height: auto;
  }
  .dis-img-left-1 {
    width: 100%;
    height: auto;
  }
  .dis-img-left-2 {
    width: 100%;
    height: auto;
  }
  .dis-img-right {
    width: 100%;
    height: auto;
  }
  .network_warp .content .item {
    flex-direction: column;
    margin-bottom: 100px;
  }
  .network_warp .content .item:nth-child(2n) {
    flex-direction: column;
  }
  .network_warp .content .item .images {
    width: 100%;
  }
  .network_warp .content .item .background_color {
    width: 100%;
  }
  .network_warp .content .item .background_color .text {
    width: 90%;
    font-size: 18px;
    border: none;
  }
  .sec4-ba {
    width: 90%;
  }
  .sec-bo {
    align-items: center;
  }
  .sec-bo1 {
    margin-bottom: 40px;
    width: 100%;
  }
  .section2-bottom {
    width: 90%;
    justify-content: center;
  }
  .section2-bottom .right {
    width: 100%;
  }
  .section2-bottom .right .right-imgs {
    width: 100%;
    flex-direction: column;
  }
  .section2-bottom .right .right-imgs .warp {
    width: 100%;
    height: auto;
    margin-bottom: 40px;
  }
  .section-imgs .section-text {
    margin: 20px auto;
  }
  .section-imgs div span {
    font-size: 26px;
    margin-bottom: 0;
  }
  .more {
    font-size: 18px;
  }
  .intellect-watch {
    width: 100%;
    position: unset;
  }
  .section3-bottom {
    width: 90%;
    flex-direction: column;
  }
  .section3-bottom .left .left-imgs {
    justify-content: space-between;
    margin-bottom: 40px;
  }
  .section3-bottom .left .left-imgs .zi {
    width: 50%;
    top: 60%;
  }
  .section3-bottom .right {
    width: 100%;
  }
  
  .sec-bo1:nth-child(2n) {
     margin-right: 20px;
    }
}

@media screen and (max-width: 520px){
  .banner .text a {
    height: 38px;
    font-size: 16px;
    line-height: 38px;
  }
  .network_warp .content .item .background_color .text {
    font-size: 16px;
  }
  .section2-bottom .right {
    width: 100%;
  }
  .section2-bottom .right .right-imgs .warp {
    width: 100%;
  }
  .section3-bottom .left .left-imgs img {
    width: 100%;
  }
  .section3-bottom .right .right-imgs {
    flex-direction: column;
    height: auto;
  }
  .section3-bottom .left .left-imgs h1 {
    width: 100%;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .section3-bottom .right .right-imgs .imgs {
    width: 100%;
  }
  .section3-bottom .right .right-imgs img {
    width: 100%;
  }
  .section3-bottom .right .right-imgs .state {
    width: 100%;
    margin-top: -4px;
  }
  .section3-bottom .right .right-imgs .state div {
    width: 100%;
  }
  .section3-bottom .right .right-imgs .state span {
    width: 90%;
    font-size: 17px;
    margin: 50px auto 15px;
  }
  .section3-bottom .right .right-imgs .state p {
    margin-left: 24px;
  }
  .section-bottom {
    margin-bottom: 0;
  }
  .network_warp .content .item {
    margin-bottom: 20px;
  }
  .sec-bo1 {
    margin-bottom: 10px;
  }
  .section2-bottom .right .right-imgs .warp .zi {
    left: 20%;
  }
  .section2-bottom .intellect-watch .zi{
    left: 20%;
  }
  .section2-bottom .right .right-imgs .warp {
    margin-bottom: 10px;
  }
  .section2-bottom .right .right-imgs {
    margin-bottom: 10px;
  }
  .intellect-watch {
    height: 183px;
  }
  .intellect-watch a{
    display: block;
    width: 100%;
    height: 100%;
  }
  .intellect-watch a img{
    width: 100%;
    object-fit: cover;
  }
  .small-pagination {
    left: 80% !important;
  }
  .dis-img-left {
    margin-bottom: 0px;
  }
  .section .section-top {
    margin-top: 40px;
    font-size: 30px;
  }
  .section-imgs {
    margin: 0 auto 40px;
  }
  .left-text span {
    font-size: 23px;
  }
  .section2-top {
    font-size: 30px;
  }
  .section3-top {
    font-size: 30px;
  }
  .section-imgs .section-text span {
    font-size: 28px;
  }
  .section-imgs .section-text .more a {
    font-size: 18px;
  }
}

/*@media screen and (max-width: 414px) {*/
/*  .banner .text {*/
/*    width: 70%;*/
/*  }*/

/*  .banner .text span {*/
/*    font-size: 16px;*/
/*  }*/

/*  .banner .text p {*/
/*    margin: 8px auto;*/
/*  }*/
/*  .section3-bottom .left .left-imgs .imgs {*/
/*    width: 45%;*/
/*    margin-right: 0;*/
/*  }*/
/*  .section3-bottom .left .left-imgs h1 {*/
/*    width: 100%;*/
/*  }*/
/*  .sec4-ba span {*/
/*    font-size: 22px;*/
/*  }*/
/*}*/

/*@media screen and (max-height: 760px){*/

/*}*/

/* 三行四列图片展示区样式 */
.index-2-block {
  width: 1440px;
  margin: 140px auto 0 auto;
}

.index-2-grid {
  display: grid;
  grid-template-columns: repeat(4, 330px);
  grid-template-rows: repeat(3, auto);
  gap: 40px;
  justify-content: center;
}

.index-2-item {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.index-2-img img {
  width: 330px;
  height: 190px;
  object-fit: cover;
  border-radius: 0;
  background: #f4f8fd;
  box-shadow: 0 2px 8px rgba(0,0,0,0.04);
  display: block;
}

.index-2-title {
  width: 330px;
  height: 48px;
  background: #0455da;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  color: #ffffff;
  text-align: center;
  line-height: 1.2;
}

.index-2-desc {
  width: 100%;
  color: #222;
  font-size: 30px;
  text-align: center;
  margin-top: 80px;
  margin-bottom: 70px;
  font-weight: 300;
  line-height: 1.2;
}

.index-3-block {
  width: 1520px;
  margin: 170px auto 0 auto;
  text-align: center;
}
.index-3-title {
  font-size: 30px;
  color: #222;
  font-weight: 300;
  line-height: 1.2;
  margin-bottom: 40px;
}
.index-3-desc {
  font-size: 17px;
  color: #888;
  line-height: 1.8;
  max-width: 95%;
  margin: 0 auto 120px auto;
  word-break: break-all;
  white-space: normal;
}
.index-3-img img {
  width: 1520px;
  height: 660px;
  object-fit: cover;
  border-radius: 0;
  display: block;
  margin: 0 auto;
}

.index-4-block {
  width: 1440px;
  margin: 170px auto 0 auto;
  text-align: center;
}
.index-4-img img {
  width: 1440px;
  height: 560px;
  object-fit: cover;
  border-radius: 0;
  display: block;
  margin: 0 auto;
}
.index-4-desc {
  font-size: 17px;
  color: #888;
  line-height: 1.8;
  max-width: 1200px;
  margin: 0 auto 120px auto;
  word-break: break-all;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-align: left;
}

.footer {
  margin-top: 200px;
}

.banner-fixed470 {
  margin-top: 86px;
  position: relative;
  width: 100%;
  height: 470px;
  overflow: hidden;
}
.banner-fixed470 img {
  width: 100%;
  height: 470px;
  object-fit: cover;
  object-position: center;
  display: block;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .banner-fixed470 {
    margin-top: 60px;
    height: 300px;
  }
  .banner-fixed470 img {
    height: 300px;
  }
}

/* 轮播版本样式 */
.banner-swiper {
  width: 100%;
  height: 470px;
}

.banner-swiper .swiper-slide {
  width: 100%;
  height: 100%;
}

.banner-swiper .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .banner-swiper {
    height: 300px;
  }
  .banner-swiper .swiper-slide img {
    height: 300px;
  }
}