* {
  outline: 0 none !important;
  ;
}

html {
  font-size: 100px;
}

html.act {
  overflow: hidden;
  width: 100%;
  height: 100vh;
}

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

* {
  margin: 0;
  padding: 0;
  outline: none;
}

@font-face {
  font-family: 'ab';
  /*src: url("../font/light1.0.ttf");*/
  src: url("../font/arial_0.ttf");
}

@font-face {
  font-family: 'ar';
  /*src: url("../font/regular1.0.ttf");*/
  src: url("../font/arial_1.ttf");
}

@font-face {
  font-family: 'al';
  /*src: url("../font/light1.0.ttf");*/
  src: url("../font/arial_0.ttf");
}

body {
  position: relative;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  margin: 0 auto;
  overflow-x: hidden;
  position: relative;
  padding: 0;
  width: 100%;
  color: #000;
  font-family: al, Arial, Microsoft YaHei, -apple-system, BlinkMacSystemFont, PingFang SC, Segoe UI, Hiragino Sans GB, Helvetica Neue, Helvetica, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  font-size: 0.14rem;
  line-height: 1;
  background: #fff;
}

html.act {
  overflow: hidden;
  width: 100%;
  height: 100vh;
}

ul,
ul li,
ol li,
tr td,
dl,
dd {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.clearfix:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix {
  *zoom: 1;
}

a {
  display: inline-block;
  text-decoration: none !important;
  cursor: pointer;
  color: #000;
}

textarea,
select {
  outline: none;
  color: #666;
  font-size: 0.14rem;
  width: 100%;
}

textarea {
  resize: none;
  padding: 0;
  border: 0;
  font-family: hr;
}

img {
  border: none;
  max-width: 100%;
  display: block;
}

img[src=""] {
  opacity: 0;
}

i {
  font-style: normal;
}

/* 滚动条样式 */
*::-webkit-scrollbar {
  width: 3px;
  height: 1px;
}

*::-webkit-scrollbar-thumb {
  background: #264086;
}

*::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.4);
}

/*去掉 input 默认边框*/
input {
  padding: 0;
  border: 0;
  font-family: hr;
  outline: none;
}

input[type="submit"] {
  background-color: transparent;
  cursor: pointer;
}

input[type="button"],
input[type="submit"],
input[type="reset"] {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

select::-ms-expand {
  display: none;
}

/*@font-face {*/
/*  font-family: 'gilroy_b';*/
/*    src: url("../font/gilroy-semibold.otf");*/
/*}*/
/*@font-face {*/
/*  font-family: 'gilroy_r';*/
/*    src: url("../font/gilroy-regular.otf");*/
/*}*/

/*@font-face {*/
/*  font-family: 'al';*/
/*    src: url("../font/OPPOSans-L-2.ttf");*/
/*}*/



.f_12 {
  font-size: 12px;
}

.f_14 {
  font-size: 14px;
}

.f_16 {
  font-size: 16px;
}

.f_18 {
  font-size: 18px;
}

.f_20 {
  font-size: 20px;
}

.f_22 {
  font-size: 22px;
}

.f_24 {
  font-size: 24px;
}

.f_26 {
  font-size: 26px;
}

.f_28 {
  font-size: 28px;
}

.f_30 {
  font-size: 30px;
}

.f_32 {
  font-size: 32px;
}

.f_34 {
  font-size: 34px;
}

.f_36 {
  font-size: 36px;
}

.f_40 {
  font-size: 40px;
}

.f_42 {
  font-size: 42px;
}

.f_44 {
  font-size: 44px;
}

.f_46 {
  font-size: 46px;
}

.f_48 {
  font-size: 46px;
}

.f_50 {
  font-size: 50px;
}

.f_52 {
  font-size: 52px;
}

.f_54 {
  font-size: 54px;
}

.f_56 {
  font-size: 56px;
}

.f_60 {
  font-size: 60px;
}

.f_64 {
  font-size: 60px;
}

.f_68 {
  font-size: 68px;
}

.f_72 {
  font-size: 72px;
}

.f_80 {
  font-size: 80px;
}

.f_133 {
  font-size: 133px;
}

@media (max-width: 1760px) {
  .f_133 {
    font-size: 110px;
  }
}

@media (max-width: 1680px) {
  .f_16 {
    font-size: 13px;
  }

  .f_18 {
    font-size: 15px;
  }

  .f_20 {
    font-size: 17px;
  }

  .f_22 {
    font-size: 20px;
  }

  .f_24 {
    font-size: 22px;
  }

  .f_26 {
    font-size: 24px;
  }

  .f_28 {
    font-size: 26px;
  }

  .f_30 {
    font-size: 28px;
  }

  .f_32 {
    font-size: 28px;
  }

  .f_34 {
    font-size: 32px;
  }

  .f_36 {
    font-size: 34px;

  }

  .f_40 {
    font-size: 34px;
  }

  .f_42,
  .f_44 {
    font-size: 36px;
  }

  .f_46 {
    font-size: 36px;
  }

  .f_48 {
    font-size: 36px;
  }

  .f_50 {
    font-size: 40px;
  }

  .f_52 {
    font-size: 40px;
  }

  .f_54 {
    font-size: 46px;
  }

  .f_56 {
    font-size: 48px;
  }

  .f_60,
  .f_64,
  .f_68,
  .f_72,
  .f_80 {
    font-size: 54px;
  }

  .f_133 {
    font-size: 72px;
  }
}

@media (max-width: 1440px) {
  .f_16 {
    font-size: 13px;
  }

  .f_18 {
    font-size: 14px;
  }

  .f_20 {
    font-size: 16px;
  }

  .f_22 {
    font-size: 18px;
  }

  .f_24 {
    font-size: 20px;
  }

  .f_26 {
    font-size: 22px;
  }

  .f_28 {
    font-size: 22px;
  }

  .f_30 {
    font-size: 24px;
  }

  .f_32 {
    font-size: 24px;
  }

  .f_34 {
    font-size: 26px;
  }

  .f_36 {
    font-size: 28px;
  }

  .f_40 {
    font-size: 30px;
  }

  .f_42,
  .f_44 {
    font-size: 32px;
  }

  .f_46 {
    font-size: 32px;
  }

  .f_48 {
    font-size: 34px;
  }

  .f_50 {
    font-size: 36px;
  }

  .f_52 {
    font-size: 34px;
  }

  .f_54 {
    font-size: 38px;
  }

  .f_56 {
    font-size: 40px;
  }

  .f_60,
  .f_64,
  .f_68,
  .f_72,
  .f_80 {
    font-size: 44px;
  }

  .f_133 {
    font-size: 60px;
  }

  .cookie-page01 {
    padding: 24px 20px 20px;
    font-size: 13px
  }

  .cookie-page01 .accept {
    width: 90px;
    font-size: 14px;
    line-height: 30px;
    border-radius: 15px
  }
}

@media (max-width: 1280px) {
  .f_14 {
    font-size: 12px;
  }

  .f_16 {
    font-size: 13px;
  }

  .f_18 {
    font-size: 14px;
  }

  .f_20 {
    font-size: 15px;
  }

  .f_22 {
    font-size: 16px;
  }

  .f_24 {
    font-size: 16px;
  }

  .f_26 {
    font-size: 20px;
  }

  .f_28 {
    font-size: 20px;
  }

  .f_30 {
    font-size: 20px;
  }

  .f_32 {
    font-size: 22px;
  }

  .f_34 {
    font-size: 23px;
  }

  .f_36 {
    font-size: 25px;
  }

  .f_40 {
    font-size: 30px;
  }

  .f_42,
  .f_44 {
    font-size: 32px;
  }

  .f_46 {
    font-size: 30px;
  }

  .f_48,
  .f_50 {
    font-size: 38px;
  }

  .f_52 {
    font-size: 32px;
  }

  .f_54,
  .f_56,
  .f_60,
  .f_64,
  .f_68,
  .f_72,
  .f_80 {
    font-size: 40px;
  }

  .f_133 {
    font-size: 56px;
  }
}

@media (max-width: 767px) {

  .f_14,
  .f_16 {
    font-size: 0.28rem;
  }

  .f_18,
  .f_20 {
    font-size: 0.3rem;
  }

  .f_22,
  .f_24,
  .f_26,
  .f_27 {
    font-size: 0.32rem;
  }

  .f_28 {
    font-size: 0.36rem;
  }

  .f_30,
  .f_32,
  .f_34 {
    font-size: 0.4rem;
  }

  .f_36,
  .f_40,
  .f_42,
  .f_44,
  .f_46 {
    font-size: 0.46rem;
  }

  .f_48,
  .f_50,
  .f_52,
  .f_54,
  .f_56,
  .f_60,
  .f_64,
  .f_68,
  .f_72,
  .f_80 {
    font-size: 0.58rem;
  }

  .f_133 {
    font-size: 52px;
  }
}

html {
  font-size: calc(100vw/19.2);
}

@media (min-width: 1901px) {
  html {
    font-size: calc(100vw/19.2);
  }
}

/* @media (max-width: 1600px) {
  html {
    font-size: 66px;
  }
} */
@media (max-width: 767px) {
  html {
    font-size: calc(100vw/7.5);
  }
}

/* 头部 */
.header {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 990;
  padding: 0.20rem 0.5rem;
  display: flex;
  background-color: rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(10px);
  transition: all 0.5s;
}

.header .con {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.header .con .img2 {
  display: none;
}

.header .con .logo {
  width: 1.8rem;
  height: 0.38rem;
}

.header .con .logo img {
  height: 100%;
}

.header .con .h_nav {
  display: flex;
}

.header .con .h_nav>li {
  position: relative;
}

.header .con .h_nav>li>a {
  color: #fff;
  font-family: ab;
  margin: 0 0.16rem;
  text-transform: uppercase;
  transition: all 0.5s;
  font-weight: 600;
}

.header .con .h_nav>li>a:hover {
  color: #89C33D;
}

.header .con .h_nav>li:nth-child(2)>a,
.header .con .h_nav>li:nth-child(5)>a {
  padding-right: 0.18rem;
  background: url(../img/h_jt1.svg)no-repeat right center;
  background-size: 0.09rem auto;
}

.header .con .h_nav>li .h_nav1 {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translate(-50%, 0%);
  min-width: 2rem;
  text-align: center;
  line-height: 2.5;
  background-color: rgba(255, 255, 255, 1);
  padding: 0.5rem 0.1rem 0.2rem 0.1rem;
  border-bottom-right-radius: 0.1rem;
  border-bottom-left-radius: 0.1rem;
}

.header .con .h_nav>li .h_nav1 a {
  color: #333;
}

.header .con .h_nav>li .h_nav1 a:hover {
  color: #264086;
}

.header .con .h_right {
  display: flex;
  align-items: center;
}

.header .con .h_right span {
  color: #fff;
  margin: 0 0.1rem;
  opacity: 0.3;
}

.header .con .h_right .ser {
  width: 0.2rem;
  height: 0.2rem;
}

.header .con .h_right .ser img {
  width: 100%;
}

.header .con .h_right .user {
  width: 0.27rem;
  height: 0.27rem;
}

.header .con .h_right .user img {
  width: 100%;
}

.header .con .h_right .lag {
  position: relative;
  cursor: pointer;
}

.header .con .h_right .lag ul {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background-color: #fff;
  padding: 0.1rem 0.2rem;
  padding-top: 0.4rem;
  line-height: 2;
  display: none;
}

.header .con .h_right .lag ul a {
  transition: all 0.5s;
  color: #333;
}

.header .con .h_right .lag ul a:hover {
  color: #0D357F;
}

.header .con .h_right .lag .h {
  display: flex;
  align-items: center;
  color: #fff;
  padding-right: 0.13rem;
  background: url(../img/h_jt1.svg)no-repeat right center;
  background-size: 0.09rem auto;
}

.header .con .h_right .lag .h img {
  width: 0.2rem;
  margin-right: 0.05rem;
}

.header.on {
  background-color: #fff;
}

.header.on .con .h_nav>li>a {
  color: #333333;
}

.header.on .con .h_nav>li>a:hover {
  color: #0D357F;
}

.header.on .con .h_right span {
  color: rgba(102, 102, 102, 0.92);
}

.header.on .con .h_right .lag .h {
  color: #333333;
  background-image: url(../img/h_jt2.svg);
}

.header.on .con .h_nav>li:nth-child(2)>a,
.header.on .con .h_nav>li:nth-child(5)>a {
  background-image: url(../img/h_jt2.svg);
}

.header.on .con .img1 {
  display: none;
}

.header.on .con .img2 {
  display: block;
}

.header:hover {
  background-color: #fff;
}

.header:hover .con .h_nav>li>a {
  color: #333333;
}

.header:hover .con .h_nav>li>a:hover {
  color: #0D357F;
}

.header:hover .con .h_right span {
  color: rgba(102, 102, 102, 0.92);
}

.header:hover .con .h_right .lag .h {
  color: #333333;
  background-image: url(../img/h_jt2.svg);
}

.header:hover .con .h_nav>li:nth-child(2)>a,
.header:hover .con .h_nav>li:nth-child(5)>a {
  background-image: url(../img/h_jt2.svg);
}

.header:hover .con .img1 {
  display: none;
}

.header:hover .con .img2 {
  display: block;
}

.m_header {
  display: none;
}

.mh_nav {
  display: none;
}

.in_tc {
  display: none;
}

.pl_xl {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background-color: #fff;
  border-top: 1px solid #E6E6E6;
  border-bottom: 1px solid #E6E6E6;
  display: none;
}

.pl_xl>div {
  display: flex;
}

.pl_xl .left {
  width: 6.6rem;
  display: flex;
  align-items: center;
}

.pl_xl .left .con_xl {
  width: 100%;
}

.pl_xl .left .item {
  padding: 0.27rem 0.3rem 0.07rem 1rem;
  position: relative;
  transition: all 0.5s;
  cursor: pointer;
}

.pl_xl .left .item.on {
  background-color: #F7F7F7;
}

.pl_xl .left .item .h {
  padding-left: 0.52rem;
  background: no-repeat left center;
  line-height: 0.34rem;
  margin-bottom: 0.25rem;
  font-family: ab;
  color: #333333;
  transition: all 0.5s;
  background-size: auto 0.34rem;
  font-weight: 600;
}

.pl_xl .left .item:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 0.03rem;
  height: 100%;
  background-color: #0d357f;
  opacity: 0;
  transition: all 0.5s;
}

.pl_xl .left .item.on:after {
  opacity: 1;
}

.pl_xl .left .item.on .h {
  color: #0d357f;
}

.pl_xl .left .item:nth-child(1) .h {
  background-image: url(../img/plh_icon1.png);
}

/*.pl_xl .left .item:nth-child(1).on .h{background-image: url(../img/plh_icon1_1.png);}*/
.pl_xl .left .item:nth-child(3) .h {
  background-image: url(../img/plh_icon2.png);
}

/*.pl_xl .left .item:nth-child(3).on .h{background-image: url(../img/plh_icon2_1.png);}*/
.pl_xl .left .item:nth-child(2) .h {
  background-image: url(../img/plh_icon3.png);
}

/*.pl_xl .left .item:nth-child(2).on .h{background-image: url(../img/plh_icon3_1.png);}*/
.pl_xl .left .item ul {
  padding-left: 0.52rem;
  opacity: 0;
}

.pl_xl .left .item.on ul {
  opacity: 1;
}

.pl_xl .left .item ul li {
  line-height: 1.1;
  margin-bottom: 0.24rem;
  transition: all 0.5s;
  color: #7E858A;
}

.pl_xl .left .item ul li.on {
  color: #0d357f;
}

.pl_xl .right {
  width: calc(100% - 6.6rem);
  padding: 0.5rem 1rem 0.5rem 1rem;
  display: flex;
  flex-wrap: wrap;
  height: 5.66rem;
  border-left: 1px solid #E6E6E6;
}

.pl_xl .right .con_xl {
  width: 100%;
}

.pl_xl .right .con1 {
  display: none;
  width: 100%;
}

.pl_xl .right .con1.on {
  display: block;
}

.pl_xl .right .con2 {
  display: none;
  height: 4.86rem;
  overflow: auto;
  padding-right: 0.1rem;
  width: 100%;
}

.pl_xl .right .con2::-webkit-scrollbar {
  width: 3px;
  height: 1px;
}

.pl_xl .right .con2::-webkit-scrollbar-thumb {
  background: #000;
}

.pl_xl .right .con2::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.4);
}

.pl_xl .right .con2.on {
  display: flex;
  flex-wrap: wrap;
}

.pl_xl .right .con2 .item {
  display: block;
  width: 24%;
  margin-right: calc(4% / 3);
  text-align: center;
  margin-bottom: 0.4rem;
}

.pl_xl .right .con2 .item:nth-child(4n) {
  margin-right: 0;
}

.pl_xl .right .con2 .item .pic {
  width: 100%;
  height: 1.36rem;
  margin-bottom: 0.15rem;
}

.pl_xl .right .con2 .item .pic img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: all 0.5s;
}

.pl_xl .right .con2 .item:hover .pic img {
  transform: scale(1.05);
}

.pl_xl .right .con2 .item .h {
  font-family: ab;
  color: #333333;
  line-height: 1.3;
  margin-bottom: 0.1rem;
  transition: all 0.5s;
  font-weight: 600;
}

.pl_xl .right .con2 .item:hover .h {
  color: #0d357f;
}

.pl_xl .right .con2 .item .p {
  font-family: al;
  color: rgba(0, 0, 0, 0.6);
}





/* 公共样式 */
.more {
  width: 2.5rem;
  width: 2.8rem;
  height: 0.6rem;
  border-radius: 0.3rem;
  background-color: #F5F5F5;
  padding: 0.1rem 0.1rem 0.1rem 0.2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  overflow: hidden;
}

.more span {
  color: #fff;
  position: relative;
  z-index: 3;
  transition: all 0.5s;
}

.more.more3 span {
  color: #333;
}

.more.more3:hover span {
  color: #fff;
}

.more .add {
  position: relative;
  width: 0.39rem;
  height: 0.39rem;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
}

.more .add img {
  width: 0.17rem;
  height: 0.17rem;
}

.more .add:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #8BC63E;
  width: 100%;
  height: 100%;
  z-index: -1;
  border-radius: 50%;
  transition: all 0.8s;
}

.more:hover .add:after {
  transform: scale(15);
}

/* 公共样式 end */

/* 首页 */
.banner {
  position: sticky;
  top: 0;
  height: 100vh;
  width: 100%;
  overflow: hidden;
  z-index: 1;
}

.banner .swiper-slide {
  overflow: hidden;
}

.banner .swiper-slide .slide-inner {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.banner .swiper-slide .slide-inner .mm {
  display: none;
}

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

.banner .swiper-slide .slide-inner .pc img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.banner .swiper-slide .slide-inner .pc video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.banner .swiper-slide .slide-inner .txt {
  position: absolute;
  top: 26.6vh;
  left: 0;
  padding:0 2.3rem;
  width: 100%;
  text-align: center;
}

.banner .swiper-slide .slide-inner .txt .h {
  font-family: ab;
  color: #fff;
  line-height: 1.1;
  margin-bottom: 0.12rem;
  text-shadow: 0.05rem 0.03rem 0.05rem rgba(0, 0, 0, 0.6);
  font-weight: 600;
}

.banner .swiper-slide .slide-inner .txt .p {
  line-height: 1.1;
  color: #fff;
  margin-bottom: 0.6rem;
  text-transform: capitalize;
  text-shadow: 0.05rem 0.03rem 0.05rem rgba(0, 0, 0, 0.6);
}
.banner .swiper-slide .slide-inner .txt .btn{
      margin: 0 auto;
      margin-top: 0.2rem;
      width: 0.63rem;
      height: 0.63rem;
      background-color: #fff;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      box-shadow: 0.0rem 0.0rem 0.25rem rgba(0, 0, 0, 0.1);
}

.banner .swiper-slide .slide-inner .txt .btn img {
  width: 0.15rem;
  height: 0.15rem;
  object-fit: contain;
}

.banner .swiper-pagination {
  width: auto;
  left: 2.3rem;
  bottom: 0.6rem;
}

.banner .swiper-pagination .swiper-pagination-bullet {
  width: 0.07rem;
  height: 0.07rem;
  border-radius: 0.04rem;
  opacity: 1;
  background-color: #fff;
  position: relative;
  overflow: hidden;
  transition: all 0.5s;
}

.banner .swiper-pagination .swiper-pagination-bullet:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: #8BC63E;
}

.banner .swiper-pagination .swiper-pagination-bullet-active {
  width: 0.4rem;
  background-color: #fff;
}

.banner .swiper-pagination .swiper-pagination-bullet-active:after {
  width: 100%;
  transition: all 5s;
}

.banner .more {
  background-color: rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(10px);
}

.i_part1 {
  padding: 1.8rem 0 0 0;
  position: relative;
  background-color: #fff;
  z-index: 2;
  border-top-right-radius: 0.5rem;
  border-top-left-radius: 0.5rem;
  height: 300vh;
}

.i_part1 .txt {
  width: 8.83rem;
  display: block;
  margin: 0 auto;
  text-align: center;
}

.i_part1 .txt .h {
  font-family: ab;
  line-height: 1.1;
  margin-bottom: 0.4rem;
  font-weight: 600;
}

.i_part1 .txt .p {
  line-height: 1.8;
  color: #000000;
  font-family: al;
}

.i_part1 .pics {
  position: sticky;
  top: 0;
  width: 100%;
  height: 100vh;
}

.i_part1 .pic {
  width: 50vw;
  max-width: 100vw;
  max-height: 100vh;
  height: 20vw;
  min-height: 20vw;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  overflow: hidden;
}

.i_part1 .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 1.93rem;
  transition: all 1.2s;
}

.i_part1 .pic video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 1.93rem;
  transition: all 1.2s;
}

.i_part1 .pic video.mm {
  display: none;
}

.i_part1 .pic.on img {
  border-radius: 0;
}

.i_part1 .pic.on video {
  border-radius: 0;
}

.i_part23 {
  position: relative;
  z-index: 2;
  background-color: #fff;
}

.i_part2 {
  position: sticky;
  top: 0;
  background-color: #fff;
  padding: 17vh 0;
  min-height: 100vh;
}

.i_part2 .tit {
  text-align: center;
}

.i_part2 .tit .h {
  font-family: ab;
  color: #0D357F;
  margin-bottom: 0.3rem;
  font-weight: 600;
}

.i_part2 .tit .p {
  color: #000000;
  width: 7.2rem;
  margin: 0 auto;
  line-height: 1.6;
  margin-bottom: 0.14rem;
  font-family: al;
}

.i_part2 .years {
  display: flex;
  justify-content: center;
  position: relative;
  z-index: 2;
  margin-bottom: 2.5rem;
}

.i_part2 .years .solids {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: -1;
}

.i_part2 .years .solids img {
  width: 100%;
}

.i_part2 .years .item {
  width: 1.27rem;
  height: 1.27rem;
  position: relative;
  margin: 0 0.4rem;
  cursor: pointer;
}

.i_part2 .years .item .year {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 1.27rem;
  color: #0d357f;
  font-family: ab;
  transition: all 0.5s;
}

/*.i_part2 .years .item .year{position: relative;z-index: 2; width: 100%;height: 100%;text-align: center;line-height: 1.27rem;color: #8BC63E;font-family: gilroy_b;transition: all 0.5s;}*/
.i_part2 .years .item.on .year {
  color: #fff;
  font-size: 0.42rem;
}

.i_part2 .years .item:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 1px solid rgba(13, 53, 127, 0.3);
  background-color: #F7F7F7;
  transition: all 0.5s;
}

.i_part2 .years .item.on:after {
  background-color: #0d357f;
  width: 1.77rem;
  height: 1.77rem;
}

.i_part2 .years .item .txt {
  position: absolute;
  top: 130%;
  width: 5.26rem;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  text-align: center;
  color: #0d357f;
  line-height: 1.3;
  transition: all 0.5s;
  pointer-events: none;
}

.i_part2 .years .item.on .txt {
  opacity: 1;
}

.i_part2 .years .item:nth-child(2) {
  transform: translateY(0.8rem);
}

.i_part2 .years .item:nth-child(3) {
  transform: translateY(0.5rem);
}

.i_part2 .years .item:nth-child(4) {
  transform: translateY(0.9rem);
}

.i_part2 .years .item:nth-child(5) {
  transform: translateY(0.7rem);
}

.i_part2 .years .item:nth-child(6) {
  transform: translateY(0.5rem);
}

.i_part2 .years .item:nth-child(7) {
  transform: translateY(0.9rem);
}

.i_part2 .years .item:nth-child(8) {
  transform: translateY(0.2rem);
}

.i_part2 .boxs {
  display: flex;
  justify-content: center;
}

.i_part2 .boxs .box {
  margin: 0 0.1rem;
  width: 3.37rem;
  padding: 0.32rem 0.15rem 0.32rem 0.4rem;
  background-color: #F5F5F5;
  border-radius: 0.2rem;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
}

.i_part2 .boxs .box .icon {
  width: 0.5rem;
  margin-right: 0.2rem;
  height: 0.41rem;
}

.i_part2 .boxs .box .icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.i_part2 .boxs .box .txt {
  width: 2.12rem;
}

/*.i_part2 .boxs .box .txt .h{font-family: gilroy_b;color: #000000;line-height: 1.2;margin-bottom: 0.1rem;}*/
.i_part2 .boxs .box .txt .h {
  font-family: ab;
  color: #000000;
  line-height: 1.2;
  margin-bottom: 0.1rem;
}

.i_part2 .boxs .box .txt .p {
  font-weight: 200;
  color: #666666;
  font-family: al;
}

/* .i_part3{position: relative;top: 0; z-index: 5;background-color: #fff;margin-top: 80vh;padding: 1.15rem 0.5rem 0.83rem 2.3rem;height: 400vh;} */
.i_part3 {
  position: relative;
  top: 0;
  z-index: 5;
  background-color: #fff;
  margin-top: 80vh;
  padding: 1.15rem 0.5rem 0.83rem 2.3rem;
  display: flex;
  justify-content: space-between;
}

.i_part3:after {
  content: "";
  position: absolute;
  bottom: 99%;
  left: 0;
  width: 100%;
  height: 80vh;
  background: url(../img/ip3_yy.png);
  background-size: 100% 100%;
}

/* .i_part3 .txts{position: absolute;top: 0;left: 0;width: 100%;height: 100%;padding: 1.15rem 0 0 2.3rem;} */
.i_part3 .txts {
  width: 5.6rem;
  position: relative;
}

.i_part3 .txt {
  width: 5.8rem;
  position: absolute;
  top: 0.3rem;
  left: 0;
  opacity: 0;
  pointer-events: none;
}

.i_part3 .txt.on {
  top: 0;
  opacity: 1;
  transition: all 0.8s;
  pointer-events: all;
}

.i_part3 .txt .h {
  font-weight: 600;
}

.i_part3 .txt .h1 {
  font-family: ab;
  color: #0d357f;
  line-height: 1.2;
  /*text-wrap: nowrap;*/
}

.i_part3 .txt .h2 {
  font-family: ab;
  color: #B8C0C6;
  line-height: 1.2;
  margin-bottom: 0.54rem;
}

.i_part3 .txt .ps {
  font-weight: 200;
  color: #000000;
  margin-bottom: 0.5rem;
  line-height: 0.32rem;
  font-family: al;
  margin-bottom: 0.25rem;
  height: 1.28rem;
  padding-right: 0.1rem;
  overflow: auto;
}

.i_part3 .txt .ps::-webkit-scrollbar {
  width: 3px;
  height: 1px;
}

.i_part3 .txt .ps::-webkit-scrollbar-thumb {
  background: #000;
}

.i_part3 .txt .ps::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.4);
}

.i_part3 .txt .list {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.75rem;
}

.i_part3 .txt .list .item {
  width: 30%;
  line-height: 1.2;
  color: #666666;
}

.i_part3 .txt .list .item .icon {
  width: 0.49rem;
  height: 0.41rem;
  margin-bottom: 0.19rem;
}

.i_part3 .txt .list .item .icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.i_part3 .pics {
  position: relative;
  width: 50vw;
  overflow: hidden;
  height: 28.125vw;
  border-radius: 0.2rem;
  box-shadow: 0 0 0.4rem rgba(0, 0, 0, 0.1);
  pointer-events: none;
}

.i_part3:hover .pics {
  pointer-events: all;
}

.i_part3 .pics .swiper-slide {
  width: 100%;
  height: 28.125vw;
  overflow: hidden;
  position: relative;
}

.i_part3 .pics .swiper-slide:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  transition: all 0.3s;
}

.i_part3 .pics .swiper-slide-active:after {
  opacity: 0;
}

.i_part3 .pics .swiper-slide .slide-inner {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.i_part3 .pics .swiper-slide .slide-inner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.i_part3 .swiper-pagination {
  left: auto;
  right: 53.5vw;
}

.i_part3 .swiper-pagination .swiper-pagination-bullet {
  width: 0.1rem;
  height: 0.1rem;
  background-color: #B8C0C6;
  opacity: 1;
  margin: 0.09rem 0;
}

.i_part3 .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #19347A;
}

/* .i_part3 .pics{position: sticky;top: 0;left: 0;width: 100%;height: 100vh;} */
/* .i_part3 .pics .pic{position: absolute;top: 0; width:100%;height: 100vh; padding: 1.94rem 0 0 6.8rem}
.i_part3 .pics .pic::before{content: "";width: calc(100% - 7.3rem);height: 28.125vw;position: absolute;bottom: calc(100vh - 7.34rem);left: 6.8rem;background-color: rgba(0,0,0,0.1);border-radius: 0.2rem;}
.i_part3 .pics .pic .pic1{width: calc(100% - 7.3rem);height: 0;position: absolute;bottom: calc(100vh - 7.34rem);left: 6.8rem;overflow: hidden;max-height: 28.125vw;}
.i_part3 .pics .pic:nth-child(1) .pic1{height: 28.125vw;}
.i_part3 .pics .pic .pic1 img{position: absolute;bottom: 0;left: 0;width: 100%;height: 28.125vw;object-fit: cover;border-radius: 0.2rem;} */
.i_part4 {
  position: relative;
  background-color: #fff;
  z-index: 5;
  padding: 1.15rem 0;
  height: 550vh;
}

.i_part4 .tit {
  text-align: center;
  font-weight: 600;
}

.i_part4 .tit .h {
  font-family: ab;
  color: #B8C0C6;
  line-height: 1.2;
  margin-bottom: 0.3rem;
}

.i_part4 .tit .h span {
  color: #0d357f;
}

.i_part4 .tit .p {
  width: 8rem;
  text-align: center;
  margin: 0 auto;
  font-family: al;
  color: #000000;
  line-height: 1.8;
}

.i_part4 .xlz_boxs {
  position: sticky;
  top: 0;
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
}

.i_part4 .xlz_box {
  position: relative;
  width: 100%;
  object-fit: cover;
}

.i_part4 .xlz_box #xlz {
  width: 100%;
  object-fit: cover;
}

.i_part4 .xlz_box .list {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: all 0.5s;
}

.i_part4 .xlz_box .list .item {
  position: absolute;
  top: 1%;
  padding-top: 0.2rem;
  width: 14vw;
}

.i_part4 .xlz_box .list .item .solid {
  position: absolute;
  top: 0;
  height: 1px;
  background-color: #000000;
  opacity: 0.3;
  transition: all 0.5s;
}

.i_part4 .xlz_box .list .item .h {
  font-family: ab;
  color: #000000;
  line-height: 1;
  margin-bottom: 0.26rem;
  white-space: nowrap;
  font-weight: 600;
}

.i_part4 .xlz_box .list .item .p {
  font-family: al;
  color: #333333;
  line-height: 1.6;
}

.i_part4 .xlz_box .list1.hid {
  opacity: 0;
}

.i_part4 .xlz_box .list1 .item:nth-child(1) {
  right: 26vw;
  top: 19%;
  text-align: right;
}

.i_part4 .xlz_box .list1 .item:nth-child(1) .solid {
  width: 23vw;
  right: 0;
}

.i_part4 .xlz_box .list1.hid .item:nth-child(1) .solid {
  width: 0;
}

.i_part4 .xlz_box .list1 .item:nth-child(2) {
  right: 10vw;
  top: 16%;
  text-align: right;
}

.i_part4 .xlz_box .list1 .item:nth-child(2) .solid {
  width: 28vw;
  right: 0;
}

.i_part4 .xlz_box .list1.hid .item:nth-child(2) .solid {
  width: 0;
}

.i_part4 .xlz_box .list1 .item:nth-child(3) {
  right: 16vw;
  top: 60.5%;
  text-align: right;
}

.i_part4 .xlz_box .list1 .item:nth-child(3) .solid {
  width: 28vw;
  right: 0;
}

.i_part4 .xlz_box .list1.hid .item:nth-child(3) .solid {
  width: 0;
}

.i_part4 .xlz_box .list1 .item:nth-child(4) {
  left: 16vw;
  top: 18%;
  text-align: left;
}

.i_part4 .xlz_box .list1 .item:nth-child(4) .solid {
  width: 24.5vw;
  left: 0;
}

.i_part4 .xlz_box .list1.hid .item:nth-child(4) .solid {
  width: 0;
}

.i_part4 .xlz_box .list2.hid {
  opacity: 0;
}

.i_part4 .xlz_box .list2 .item:nth-child(1) {
  left: 13vw;
  top: 42%;
  text-align: left;
}

.i_part4 .xlz_box .list2 .item:nth-child(1) .solid {
  width: 38vw;
  left: 0;
}

.i_part4 .xlz_box .list2.hid .item:nth-child(1) .solid {
  width: 0;
}

.i_part4 .xlz_box .list2 .item:nth-child(2) {
  left: 10vw;
  top: 73%;
  text-align: left;
}

.i_part4 .xlz_box .list2 .item:nth-child(2) .solid {
  width: 26vw;
  left: 0;
}

.i_part4 .xlz_box .list2.hid .item:nth-child(2) .solid {
  width: 0;
}

.i_part4 .xlz_box .list2 .item:nth-child(3) {
  right: 7vw;
  top: 47.5%;
  text-align: right;
}

.i_part4 .xlz_box .list2 .item:nth-child(3) .solid {
  width: 20vw;
  right: 0;
}

.i_part4 .xlz_box .list2.hid .item:nth-child(3) .solid {
  width: 0;
}



.i_part5 {
  position: relative;
  background-color: #fff;
  z-index: 5;
  border-top: 1px solid #70707018;
}

.i_part5 .list {
  padding: 0.3rem 0 0.7rem 2.3rem;
  position: relative;
}

.i_part5 .list .swiper-pagination {
  position: absolute;
  top: 0.6rem;
  left: 0.5rem;
  width: auto;
  bottom: auto;
}

/*.i_part5 .list .swiper-pagination{font-family:gilroy_b;color: #C6CCD0;font-size: 0.18rem;}*/
.i_part5 .list .swiper-pagination {
  font-family: ab;
  color: #C6CCD0;
  font-size: 0.18rem;
}

.i_part5 .list .btn_box {
  position: absolute;
  bottom: 1rem;
  left: 0.5rem;
  width: 1.4rem;
  display: flex;
  justify-content: space-between;
}

.i_part5 .list .btn_box .prev {
  width: 0.33rem;
  height: 0.14rem;
  background: url(../img/ip4_prev.png)no-repeat left center;
  background-size: auto 100%;
  cursor: pointer;
  transition: all 0.5s;
}

.i_part5 .list .btn_box .prev:hover {
  width: 0.8rem;
  background-image: url(../img/ip4_prev1.png);
}

.i_part5 .list .btn_box .next {
  width: 0.33rem;
  height: 0.14rem;
  background: url(../img/ip4_next.png)no-repeat right center;
  background-size: auto 100%;
  cursor: pointer;
  transition: all 0.5s;
}

.i_part5 .list .btn_box .next:hover {
  width: 0.8rem;
  background-image: url(../img/ip4_next1.png);
}

.i_part5 .list .boxs {
  position: relative;
  overflow: hidden;
}

.i_part5 .list .boxs .swiper-slide {
  padding: 0.3rem;
  border-radius: 0.2rem;
  background-color: #F7F7F7;
  position: relative;
  z-index: 2;
  overflow: hidden;
}

.i_part5 .list .boxs .swiper-slide .bj {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: no-repeat center;
  background-size: cover;
  z-index: -1;
  opacity: 0;
  transition: all 0.5s;
}

.i_part5 .list .boxs .swiper-slide:hover .bj {
  opacity: 1;
}

.i_part5 .list .boxs .swiper-slide .h {
  font-family: ab;
  color: #000000;
  line-height: 1.1;
  margin-bottom: 0.3rem;
  transition: all 0.5s;
  text-transform: uppercase;
}

.i_part5 .list .boxs .swiper-slide:hover .h {
  color: #fff;
}

.i_part5 .list .boxs .swiper-slide .pic {
  width: 1.62rem;
  height: 1.62rem;
  object-fit: contain;
  margin: 0 auto;
  margin-bottom: 0.3rem;
  opacity: 1;
  transition: all 0.5s;
}

.i_part5 .list .boxs .swiper-slide:hover .pic {
  opacity: 0;
}

.i_part5 .list .boxs .swiper-slide .p {
  color: #000000;
  line-height: 1.1;
  transition: all 0.5s;
  opacity: 1;
  font-family: al;
  width: 80%;
  position: relative;
  z-index: 5;
}

.i_part5 .list .boxs .swiper-slide:hover .p {
  opacity: 0;
}

.i_part5 .list .boxs .swiper-slide .more1 {
  padding: 0.1rem 0.1rem 0.1rem 0.2rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  bottom: 0.2rem;
  right: 0.2rem;
  border-radius: 0.3rem;
  background-color: rgba(0, 0, 0, 0);
  backdrop-filter: blur(10px);
  color: #fff;
  transition: all 0.5s;
  overflow: hidden;
}

.i_part5 .list .boxs .swiper-slide:hover .more1 {
  background-color: rgba(0, 0, 0, 0.1);
  padding: 0.1rem 0.1rem 0.1rem 0.4rem;
}

.i_part5 .list .boxs .swiper-slide .more1 span {
  transition: all 0.5s;
  opacity: 0;
  margin-right: 0.06rem;
  position: relative;
  z-index: 3;
}

.i_part5 .list .boxs .swiper-slide:hover .more1 span {
  opacity: 1;
}

.i_part5 .list .boxs .swiper-slide .more1 .add {
  position: relative;
  width: 0.39rem;
  height: 0.39rem;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  background-color: #89C33D;
  border-radius: 50%;
}

.i_part5 .list .boxs .swiper-slide .more1 .add:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  transition: all 0.8s;
  background-color: #89C33D;
  border-radius: 50%;
}

.i_part5 .list .boxs .swiper-slide .more1:hover .add:after {
  transform: scale(15);
}

.i_part5 .list .boxs .swiper-slide .more1 .add img {
  position: relative;
  z-index: 2;
  width: 0.18rem;
}

/*.more .add:after{content: "";position: absolute;top: 50%;left: 50%;background-color: #8BC63E;width: 100%;height: 100%;z-index: -1;border-radius: 50%;}*/
/*.more:hover .add:after{transform: scale(15);}*/
/*.i_part5 .list .boxs .swiper-slide .more1 .add img{width: 0.17rem;height: 0.17rem;}*/

.i_part6 {
  padding: 1.14rem 0;
  position: relative;
  z-index: 5;
  background-color: #fff;
}

.i_part6 .tit {
  position: sticky;
  top: 14.9vh;
  text-align: center;
  opacity: 1;
  transition: all 0.5s;
  margin-bottom: 0.4rem;
}

.i_part6 .tit.hid {
  opacity: 0;
}

.i_part6 .tit .h {
  font-family: ab;
  color: #B8C0C6;
  line-height: 1.1;
  margin-bottom: 0.3rem;
  font-weight: 600;
}

.i_part6 .tit .h span {
  color: #0d357f;
}

.i_part6 .tit .p {
  color: #000000;
  font-family: al;
  line-height: 1.1;
}

.i_part6 .box {
  position: sticky;
  top: 36.38vh;
  width: 12.42rem;
  height: 28.5vw;
  border-radius: 0.2rem;
  margin: 0 auto;
  margin-bottom: 25vh;
  background-color: rgba(250, 250, 250, 0.8);
  backdrop-filter: blur(10px);
}

.i_part6 .box1 .txt {
  position: absolute;
  top: 0.99rem;
  left: 0.7rem;
}

.i_part6 .box1 .txt .h {
  font-family: ab;
  color: #333333;
  line-height: 1.4;
  margin-bottom: 0.3rem;
}

.i_part6 .box1 .txt .h span {
  color: #0d357f;
}

.i_part6 .box1 .txt .p {
  color: #000000;
  width: 4rem;
  line-height: 1.5;
  font-family: al;
}

.i_part6 .box1 .pic {
  position: absolute;
  bottom: 0;
  right: -0.76rem;
  width: 7.57rem;
  height: 4.8rem;
}

.i_part6 .box1 .pic img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.i_part6 .box2 {
  margin-bottom: 0;
}

.i_part6 .box2 .txt {
  position: absolute;
  top: 1.54rem;
  left: 0.7rem;
  width: calc(100% - 1.2rem);
  display: flex;
  justify-content: space-between;
}

.i_part6 .box2 .txt .h {
  font-family: ab;
  color: #333333;
  line-height: 1.4;
  margin-bottom: 0.5rem;
}

.i_part6 .box2 .txt .h span {
  color: #0d357f;
}

.i_part6 .box2 .txt .p {
  color: #000000;
  width: 3.4rem;
  line-height: 1.5;
  font-family: al;
}

.i_part6 .box2 .pic {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 4rem;
  height: 5.92rem;
}

.i_part6 .box2 .pic img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.i_part7 {
  position: relative;
  z-index: 5;
  background-color: #fff;
  padding: 1.6rem 2.3rem 0.6rem 2.3rem;
}

.i_part7 .con {
  width: 100%;
  height: 6.95rem;
  border-radius: 0.2rem;
  overflow: hidden;
  background: url(../img/ip7_bj.jpg)no-repeat center;
  background-size: cover;
  color: #fff;
  padding: 0.8rem 0 0 0;
  position: relative;
}

.i_part7 .con:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.25);
}

.i_part7 .con .tit {
  text-align: center;
  position: relative;
  z-index: 2;
}

.i_part7 .con .tit .h {
  font-family: ab;
  text-shadow: 0 0.03rem 0.12rem rgba(0, 0, 0, 0.33);
  line-height: 1.1;
  margin-bottom: 0.2rem;
  font-weight: 600;
}

.i_part7 .con .tit .p {
  line-height: 1.1;
  text-shadow: 0 0.03rem 0.12rem rgba(0, 0, 0, 0.33);
  margin-bottom: 0.5rem;
}

.i_part7 .con .tit .more {
  margin: 0 auto;
}

.i_part7 .con .tit .more {
  background-color: rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(10px);
}

.i_part8 {
  position: relative;
  z-index: 5;
  background-color: #EEEEEE;
  padding: 1.6rem 0 0.9rem 0;
  background: no-repeat center;
  background-size: cover;
}

.i_part8 .h {
  font-family: ab;
  color: #ffffff;
  text-align: center;
  line-height: 1.1;
  margin-bottom: 0.45rem;
  font-weight: 600;
}

.i_part8 .btnx{width: 2.2rem;line-height: 0.6rem;display: block;margin: 0 auto;background-color: #F5F5F590;border-radius: 0.3rem;text-align: center;color: #f5f5f5;transition: all 0.5s;}
.i_part8 .btnx:hover{background-color:#8BC63E;}

.formc {
  display: flex;
  width: 5.5rem;
  height: 0.6rem;
  border-radius: 0.3rem;
  background-color: #fff;
  margin:0.22rem 0 0 0;
  overflow: hidden;
  justify-content: space-between;
  padding: 0.04rem;
}

.formc input[type="text"] {
  width: calc(100% - 2rem);
  padding-left: 0.32rem;
}

.formc input[type="submit"] {
  width: 1.8rem;
  line-height: 0.52rem;
  border-radius: 0.26rem;
  background-color: #0d357f;
  text-align: center;
  color: #fff;
}

.formc .submit {
  width: 1.8rem;
  line-height: 0.52rem;
  border-radius: 0.26rem;
  background-color: #0d357f;
  text-align: center;
  color: #fff;
  cursor: pointer;
}

.i_part8 form {
  display: flex;
  width: 6.64rem;
  height: 0.6rem;
  border-radius: 0.3rem;
  background-color: #fff;
  margin: 0 auto;
  overflow: hidden;
  justify-content: space-between;
  padding: 0.04rem;
}

.i_part8 form input[type="text"] {
  width: calc(100% - 2rem);
  padding-left: 0.32rem;
}

.i_part8 form input[type="submit"] {
  width: 1.8rem;
  line-height: 0.52rem;
  border-radius: 0.26rem;
  background-color: #0d357f;
  text-align: center;
  color: #fff;
}

.i_part8 form .submit {
  width: 1.8rem;
  line-height: 0.52rem;
  border-radius: 0.26rem;
  background-color: #0d357f;
  text-align: center;
  color: #fff;
  cursor: pointer;
}

.i_part8 .p {
  color: #333333;
  font-family: al;
  line-height: 1.1;
  margin-top: 0.3rem;
  text-align: center;
}

.footer {
  background-color: #1C1E26;
}

.footer .f_top {
  padding: 0.5rem 0.6rem 0.5rem 0.6rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.footer .f_top .left {
  width: 5.7rem;
}

.footer .f_top .left .p {
  color: rgba(255, 255, 255, 0.5);
  line-height: 1.1;
  margin-bottom: 0.22rem;
  display: flex;
  align-items: center;
}

.footer .f_top .left .p span {
  width: 0.8rem;
  display: block;
}

.footer .f_top .left .p span:first-child{text-wrap:nowrap;}

.footer .f_top .left .p span.f_12 {
  font-family: al;
  color: #fff;
  width: auto;
}

.footer .f_top .left .p span.f_12 a{
  color: #fff;
}

.footer .f_top .left .link {
  display: flex;
  padding-left: 0.56rem;
}

.footer .f_top .left .link a {
  width: 0.32rem;
  height: 0.32rem;
  margin-right: 0.16rem;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.5s;
}

.footer .f_top .left .link a img {
  width: 100%;
}

.footer .f_top .left .link a:hover {
  background-color: #264086;
  border-color: transparent;
}

.footer .f_top .right {
  display: flex;
  width: calc(100% - 6.2rem);
  justify-content: space-between;
}

.footer .f_top .right .item {
  margin-right: 0.3rem;
}

.footer .f_top .right .item:last-child {
  margin-right: 0;
}

.footer .f_top .right .item .h {
  color: #ffffff;
  font-family: al;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1.33;
  margin-bottom: 0.16rem;
}

.footer .f_top .right .item .list {
  display: flex;
}

.footer .f_top .right .item .list ul:nth-child(2) {
  margin-left: 0.2rem;
}

.footer .f_top .right .item .list a {
  color: #ffffff;
  line-height: 1.5;
  font-family: al;
  margin-bottom: 0.15rem;
  min-width: 1.5rem;
  opacity: 0.7;
  transition: all 0.5s;
}

.footer .f_top .right .item .list a:hover {
  opacity: 1;
}

/* .footer .f_top .right .item{padding-left:0.4rem;margin-left: 0.4rem;border-left: 1px solid rgba(255,255,255,0.3);color: rgba(255,255,255,0.7);font-family: al;line-height: 1.3;transition: all 0.5s;font-family: al;}
.footer .f_top .right .item:first-child{border-left: none;padding-left: 0;margin-left: 0;}
.footer .f_top .right .item:hover{color: #fff;} */
.footer .f_bottom {
  padding: 0.2rem 0.6rem 0.2rem 0.6rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #989898;
}

.footer .f_bottom .left a {
  color: #989898;
  transition: all 0.5s;
}

.footer .f_bottom .left a:hover {
  color: #fff;
}

.footer .f_bottom .right {
  display: flex;
  align-items: center;
}

.footer .f_bottom .right a {
  color: #98C454;
  margin-left: 0.37rem;
}

.footer .f_bottom .right .other {
  display: flex;
  align-items: center;
  padding: 5px .27rem;
  border-radius: 4px;
  transition: all .4s;
}

.footer .f_bottom .right .other span {
  width: 16px;
  margin-right: 10px;
}

.footer .f_bottom .right .other:hover {
  background-color: rgba(255, 255, 255, .12);
}

.slide_right {
  position: fixed;
  right: 0rem;
  z-index: 50;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.5s;
  opacity: 0;
}

.slide_right.show {
  right: 0.4rem;
  opacity: 1;
}

.slide_right a {
  display: block;
  width: 0.46rem;
  height: 0.46rem;
  margin: 0.1rem 0;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #F7F7F7;
  transition: all 0.5s;
}

.slide_right a:hover {
  background-color: #8BC63E;
}

.slide_right a .img2 {
  display: none;
}

.slide_right a:hover .img1 {
  display: none;
}

.slide_right a:hover .img2 {
  display: block;
}

/* 产品 */
.pl_banner {
  width: 100%;
  height: 100vh;
  position: sticky;
  top: 0;
  z-index: 1;
}

.pl_banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.pl_banner img.mm {
  display: none;
}

.pl_banner .txt {
  position: absolute;
  top: 14.9vh;
  left: 50%;
  transform: translateX(-50%);
  color: #000000;
  width: 100%;
  text-align: center;
}

.pl_banner .more{position: absolute;bottom: 1rem;left: 50%;transform:translateX(-50%);}

.pl_banner .txt .h {
  line-height: 1.32;
  margin-bottom: 0.14rem;
  font-family: ab;
  color: #B8C0C6;
  font-weight: 600;
}

.pl_banner .txt .h span {
  color: #8BC63E;
}

.pl_banner .txt .p {
  display: flex;
  justify-content: center;
  align-items: center;
}

.pl_banner .txt .p1 {
  line-height: 1.32;
  margin-right: 1.2rem;
  font-family: ab;
}

.pl_banner .txt .p2 {}

.pl1 {
  padding: 1rem 2.3rem 1rem 2.3rem;
  height: 100vh;
  background-color: #fff;
  position: relative;
  z-index: 3;
  box-shadow: 0 0 0.6rem rgba(0, 0, 0, 0.05);
}

.pl1 .con {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 70vw;
  max-width: 100vw;
}

.pl1 .con .bj {
  width: 100%;
  height: 100%;
  border-radius: 0.2rem;
  overflow: hidden;
  transition: all 0.5s;
}

.pl1.show .con .bj {
  border-radius: 0;
}

.pl1 .con .bj img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.pl2 {
  width: 100%;
  height: 100vh;
  position: relative;
  background-color: #fff;
  z-index: 3;
}

.pl2 .video {
  width: 70vw;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 100%;
  min-width: 70vw;
}

.pl2 .video video {
  width: 100%;
  max-height: 100vh;
  object-fit: cover;
  transition: all 0.8s;
  border-radius: 0.2rem;
}

.pl2.show .video video {
  border-radius: 0rem;
}

.pl2 .video .btn {
  position: absolute;
  bottom: 0.34rem;
  right: 0.34rem;
  width: 0.42rem;
  height: 0.42rem;
  background-color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

@keyframes myfirstzx1 {
  0% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }

  50% {
    transform: translate(-50%, -50%) scale(2);
    opacity: 0.8;
  }

  100% {
    transform: translate(-50%, -50%) scale(2.5);
    opacity: 0;
  }
}

.pl2 .video .btn:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 60%;
  height: 60%;
  border-radius: 50%;
  border: 1px solid #ffffff;
  animation: myfirstzx1 1.5s linear infinite;
}

.pl2 .video .btn img {
  width: 0.1rem;
  height: 0.1rem;
  object-fit: contain;
}

.pl2 .video .btn img.img2 {
  display: none;
}

.pl2 .video .btn.on img.img2 {
  display: block;
}

.pl2 .video .btn.on img.img1 {
  display: none;
}

.pl1 .con .bj .list {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.pl1 .con .bj .list .item {
  display: flex;
  align-items: center;
  position: absolute;
  opacity: 0;
  transition: all 0.5s;
}

.pl1.show .con .bj .list .item {
  opacity: 1;
}

.pl1 .con .bj .list .item .dian {
  width: 0.16rem;
  height: 0.16rem;
  border-radius: 50%;
  background-color: #8BC63E;
}

.pl1 .con .bj .list .item .solid {
  width: 0.8rem;
  height: 0.02rem;
  background-color: #98C454;
}

.pl1 .con .bj .list .item .btn {
  width: auto;
  padding: 0 0.35rem 0 0.35rem;
  height: 0.7rem;
  min-width: 2.52rem;
  background-color: #B3E06F70;
  backdrop-filter: blur(10px);
  border: 0.03rem solid #B3E06F;
  border-radius: 0.37rem;
  color: #fff;
  font-family: ab;
  display: flex;
  align-items: center;
}

.pl1 .con .bj .list .item:hover .btn {
  background-color: #fff;
  color: #8BC63E;
}

.pl1 .con .bj .list .item .btn span {
  display: inline-block;
  line-height: 0.24rem;
  position: relative;
  padding-left: 0.3rem;
}

.pl1 .con .bj .list .item .btn span:after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 0.18rem;
  height: 0.18rem;
  border: 0.04rem solid #fff;
  border-radius: 50%;
  transition: all 0.5s;
}

.pl1 .con .bj .list .item:hover .btn span:after {
  border-color: #8BC63E;
}

.pl1 .con .bj .list .item1 {
  flex-flow: row-reverse;
}

.pl1 .con .bj .con_tc {
  position: absolute;
  top: 0.37rem;
  right: 0.5rem;
  background-color: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(10px);
  border-radius: 0.07rem;
  box-shadow: 0 0.21rem 0.62rem rgba(51, 51, 51, 0.05);
  padding: 0.26rem 0.38rem 0.18rem 0.45rem;
  width: 6.64rem;
  opacity: 0;
  transition: all 0.5s;
}

.pl1.show .con .bj .con_tc {
  opacity: 1;
}

.pl1 .con .bj .con_tc .c_top {
  margin-bottom: 0.3rem;
}

.pl1 .con .bj .con_tc .c_top .h {
  font-family: ab;
  color: #333333;
  line-height: 1.35;
  margin-bottom: 0.08rem;
}

.pl1 .con .bj .con_tc .c_top .p {
  color: #333333;
  font-family: ab;
  line-height: 1.33;
}

.pl1 .con .bj .con_tc ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.pl1 .con .bj .con_tc ul li {
  width: 2.85rem;
  position: relative;
  padding-left: 0.23rem;
  line-height: 1;
  margin-bottom: 0.17rem;
}

.pl1 .con .bj .con_tc ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 0.08rem;
  height: 0.08rem;
  border-radius: 50%;
  background-color: #8BC63E;
}

.pl3 {
  padding: 1.07rem 2.3rem 1.07rem 2.3rem;
  position: relative;
  z-index: 3;
  background-color: #fff;
}

.pl3 .tit {
  text-align: center;
  font-family: ab;
  color: #B8C0C6;
  margin-bottom: 0.7rem;
  font-weight: 600;
}

.pl3 .con {
  width: 100%;
  background-color: #F7F7F7;
  border-radius: 0.2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.49rem 0.49rem 0.49rem 0.9rem;
}

.pl3 .con .txt {
  width: 3.6rem;
  line-height: 1.8;
  color: #333333;
}

.pl3 .con .txt span {
  color: #8BC63E;
}

.pl3 .con .pic {
  width: 9.28rem;
  height: 5.22rem;
  border-radius: 0.2rem;
  position: relative;
}

.pl3 .con .pic img {
  width: calc(100% + 0.8rem);
  height: calc(100% + 1.1rem);
  object-fit: contain;
  position: absolute;
  top: -0.8rem;
  right: -1.2rem;
  max-width: 10000px;
  transform: scale(1.1);
}

.pl4 {
  position: relative;
  z-index: 3;
  background-color: #ffffff;
  padding: 0.94rem 0 0 0;
}

.pl4 .tit {
  text-align: center;
  margin-bottom: 0.41rem;
  font-family: ab;
  color: #000000;
  line-height: 1.33;
}

.pl4 .con {
  position: relative;
  overflow: hidden;
  padding-bottom: 0.5rem;
}

.pl4 .con .swiper-slide {
  background-color: #F7F7F7;
  border-radius: 0.2rem;
  overflow: hidden;
  padding-top: 0.52rem;
}

.pl4 .con .swiper-slide .txt {
  text-align: center;
  margin-bottom: 0.6rem;
}

.pl4 .con .swiper-slide .txt .h {
  font-family: ab;
  color: #000000;
  line-height: 1.3;
  margin-bottom: 0.3rem;
  font-weight: 600;
  
  width: 10rem;
  margin: 0 auto 0.3rem;
}

.pl4 .con .swiper-slide .txt .p {
  line-height: 26px;
  height: 130px;
  color: #333333;
  width: 10rem;
  margin: 0 auto;
}

.pl4 .con .swiper-slide .pic {
  width: 100%;
  height: 4.66rem;
}

.pl4 .con .swiper-slide .pic img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.pl4 .con .swiper-pagination {
  bottom: 0;
}

.pl4 .con .swiper-pagination-bullet {
  width: 0.07rem;
  height: 0.07rem;
  margin: 0 0.08rem;
  border-radius: 0.04rem;
  background-color: #0d357f;
  opacity: 0.3;
  transition: all 0.5s;
}

.pl4 .con .swiper-pagination-bullet-active {
  width: 0.48rem;
  opacity: 1;
}

.pl5 {
  padding: 1.28rem 0 2.03rem 0;
  position: relative;
  z-index: 3;
  background-color: #fff;
}

.pl5 .tit {
  text-align: center;
  margin-bottom: 0.4rem;
}

.pl5 .tit .h {
  color: #B8C0C6;
  line-height: 1.33;
  margin-bottom: 0.27rem;
  font-family: ab;
  font-weight: 600;
}

.pl5 .tit .p {
  color: #333333;
  width: 11rem;
  margin: 0 auto;
  line-height: 1.8;
}

.pl5 .bj {
  width: 100%;
}

.pl5 .bj img {
  width: 100%;
}

.pl5 .list {
  padding: 0 2.3rem;
  display: flex;
  justify-content: space-between;
}

.pl5 .list .item {
  display: flex;
  justify-content: space-between;
  padding-top: 0.47rem;
  padding-right: 0.59rem;
  margin-right: 0.59rem;
}

.pl5 .list .item:last-child {
  margin-right: 0;
  padding-right: 0;
}

.pl5 .list .item .icon {
  width: 0.5rem;
  margin-right: 0.3rem;
}

.pl5 .list .item .icon img {
  width: 100%;
}

.pl5 .list .item .txt {
  width: 3.2rem;
}

.pl5 .list .item .txt .h {
  font-family: ab;
  line-height: 0.36rem;
  margin-bottom: 0.3rem;
  height: 0.72rem;
  height: 1.08rem;
  color: #000000;
  font-weight: 600;
}

.pl5 .list .item .txt .p {
  color: #333333;
  opacity: 0.8;
  line-height: 0.26rem;
  height: 1.56rem;
  position: relative;
}

.pl5 .list .item .txt .p:after {
  content: "";
  position: absolute;
  right: -0.58rem;
  top: 0;
  height: 100%;
  width: 1px;
  background-color: rgba(112, 112, 112, 0.2);
}

.pl5 .list .item:last-child .txt .p:after {
  display: none;
}

.pl6 {
  padding: 0 2.3rem 1.2rem 2.3rem;
  background-color: #fff;
  position: relative;
  z-index: 3;
}

.pl6 .tit {
  text-align: center;
  margin-bottom: 0.65rem;
}

.pl6 .tit .h {
  font-family: ab;
  color: #000000;
  line-height: 1.33;
  margin-bottom: 0.5rem;
  font-weight: 600;
}

.pl6 .tit .p {
  color: #333333;
  line-height: 1.8;
  width: 10rem;
  margin: 0 auto;
}

.pl6 .pic {
  width: 7.57rem;
  height: 4.37rem;
  margin: 0 auto;
  margin-bottom: 0.5rem;
}

.pl6 .pic img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.pl6 .list {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.pl6 .list .item {
  width: 3.5rem;
  background-color: #F7F7F7;
  padding: 0.49rem 0.1rem 0.49rem 0.4rem;
  border-radius: 0.2rem;
  display: flex;
}

.pl6 .list .item .icon {
  width: 0.49rem;
  height: 0.42rem;
  object-fit: contain;
  margin-right: 0.3rem;
}

.pl6 .list .item .p {
  color: #333333;
  line-height: 1.6;
}

.pl7 {
  position: relative;
  z-index: 3;
  background-color: #fff;
}

.pl7 .top {
  padding: 1.26rem 2.3rem 0.73rem 2.3rem;
  display: flex;
  background: url(../img/pl7_bj.jpg)no-repeat center;
  background-size: cover;
  align-items: flex-start;
}

.pl7 .top .pic {
  position: relative;
  overflow: hidden;
  width: 22.8125vw;
  padding-bottom: 0.45rem;
  margin-right: 1.8rem;
}

.pl7 .top .pic .btn_box {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 1.4rem;
  display: flex;
  justify-content: space-between;
}

.pl7 .top .pic .btn_box .prev {
  width: 0.33rem;
  height: 0.14rem;
  background: url(../img/ip4_prev.png)no-repeat left center;
  background-size: auto 100%;
  cursor: pointer;
  transition: all 0.5s;
}

.pl7 .top .pic .btn_box .prev:hover {
  width: 0.8rem;
  background-image: url(../img/ip4_prev1.png);
}

.pl7 .top .pic .btn_box .next {
  width: 0.33rem;
  height: 0.14rem;
  background: url(../img/ip4_next.png)no-repeat right center;
  background-size: auto 100%;
  cursor: pointer;
  transition: all 0.5s;
}

.pl7 .top .pic .btn_box .next:hover {
  width: 0.8rem;
  background-image: url(../img/ip4_next1.png);
}

.pl7 .top .pic .swiper-slide {
  height: 6.97rem;
}

.pl7 .top .pic .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}


.pl7 .top .pic .swiper-pagination {
  bottom: 0;
}

.pl7 .top .pic .swiper-pagination-bullet {
  width: 0.07rem;
  height: 0.07rem;
  margin: 0 0.08rem;
  border-radius: 0.04rem;
  background-color: #0d357f;
  opacity: 0.3;
  transition: all 0.5s;
}

.pl7 .top .pic .swiper-pagination-bullet-active {
  width: 0.48rem;
  opacity: 1;
}

.pl7 .top .txt {
  padding-top: 0.24rem;
  position: relative;
}

.pl7 .top .txt .prev {
  width: 0.33rem;
  height: 0.14rem;
  background: url(../img/ip4_prev.png)no-repeat left center;
  background-size: auto 100%;
  cursor: pointer;
  transition: all 0.5s;
  position: absolute;
  top: 60%;
  left: 0;
  transform: translateX(-160%);
}

.pl7 .top .txt .prev:hover {
  width: 0.8rem;
  background-image: url(../img/ip4_prev1.png);
}

.pl7 .top .txt .next {
  width: 0.33rem;
  height: 0.14rem;
  background: url(../img/ip4_next.png)no-repeat right center;
  background-size: auto 100%;
  cursor: pointer;
  transition: all 0.5s;
  position: absolute;
  top: 60%;
  right: 0;
  transform: translateX(110%);
}

.pl7 .top .txt .next:hover {
  width: 0.8rem;
  background-image: url(../img/ip4_next1.png);
}

.pl7 .top .txt .tit {
  color: #B8C0C6;
  line-height: 1.33;
  margin-bottom: 0.76rem;
  font-family: ab;
  font-weight: 600;
}

.pl7 .top .txt .tit span {
  color: #0d357f;
}

.pl7 .top .txt .lists {
  position: relative;
  overflow: hidden;
  width: 8.2rem;
}

.pl7 .top .txt .list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  opacity: 0 !important;
}

.pl7 .top .txt .list.swiper-slide-active {
  opacity: 1 !important;
}

.pl7 .top .txt .list .item {
  width: 3.6rem;
  margin-bottom: 0.37rem;
}

.pl7 .top .txt .list .item .p1 {
  color: #333333;
  font-family: al;
  line-height: 1.33;
  margin-bottom: 0.09rem;
  font-weight: 600;
}

.pl7 .top .txt .list .item .p2 {
  color: #333333;
  font-family: ab;
  line-height: 1.36;
  transform: translateX(100%);
  opacity: 0;
  transition: all 0.6s 1s;
}

.pl7 .top .txt .list.swiper-slide-active .item .p2 {
  opacity: 1;
  transform: translateX(0);
}

.pl7 .bottom {
  padding: 0.2rem 2.3rem 0.7rem 2.3rem;
  display: flex;
  justify-content: space-between;
}

.pl7 .bottom .box {
  background-color: #F7F7F7;
  border-radius: 0.2rem;
  padding: 0.43rem 0 0 0;
  width: 4.72rem;
  overflow: hidden;
}

.pl7 .bottom .box .icon {
  width: 0.8rem;
  height: 0.66rem;
  object-fit: contain;
  margin: 0 auto;
  margin-bottom: 0.23rem;
}

.pl7 .bottom .box .h {
  color: #333333;
  font-family: ab;
  line-height: 1.33;
  margin-bottom: 0.5rem;
  text-align: center;
}

.pl7 .bottom .box .btn {
  padding: 0.21rem 0 0.25rem 0;
  text-align: center;
  transition: all 0.5s;
  position: relative;
  overflow: hidden;
  z-index: 2;
}

.pl7 .bottom .box .btn::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #0d357f;
  z-index: -1;
  transform: translateY(105%);
  transition: all 0.5s;
}

.pl7 .bottom .box .btn span {
  color: #0d357f;
  padding-right: 0.24rem;
  font-family: ab;
  background: url(../img/pl_jt1.png)no-repeat right center;
  background-size: 0.08rem auto;
}

.pl7 .bottom .box:hover .btn:after {
  transform: translateX(0);
}

.pl7 .bottom .box:hover .btn span {
  color: #fff;
  background-image: url(../img/pl_jt2.svg);
}

.pl8 {
  padding: 0.9rem 2.3rem 1.4rem 2.3rem;
  background-color: #fff;
  position: relative;
  z-index: 3;
}

.pl8 .tit {
  text-align: center;
  font-family: ab;
  color: #333333;
  line-height: 1.33;
  margin-bottom: 0.47rem;
  font-weight: 600;
}

.pl8 .list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.pl8 .list:after {
  content: "";
  width: 4.72rem;
  height: 1px;
}

.pl8 .list .item {
  display: block;
  width: 4.72rem;
}

.pl8 .list .item .pic {
  width: 100%;
  height: 3.2rem;
  border-radius: 0.2rem;
  background-color: #F7F7F7;
  overflow: hidden;
  margin-bottom: 0.26rem;
}

.pl8 .list .item .pic img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: all 0.5s;
}

.pl8 .list .item:hover .pic img {
  transform: scale(1.05);
}

.pl8 .list .item .txt {
  text-align: center;
}

.pl8 .list .item .txt .h {
  transition: all 0.5s;
  font-family: ab;
  color: #000000;
  line-height: 1.33;
  margin-bottom: 0.06rem;
}

.pl8 .list .item .txt .p {
  color: #000000;
  line-height: 1.33;
}

.pl8 .list .item:hover .txt .h {
  color: #0D357F;
}

/* 产品 end */

/* 新闻列表 */
.nl_con {
  padding: 2.43rem 1.64rem 1.73rem 1.74rem;
  background-color: ;
}

.nl_con .con {
  position: relative;
}

.nl_con .left {
  float: left;
  width: 2.77rem;
  position: sticky;
  top: 1.4rem;
}

.nl_con .left .tit {
  font-family: al;
  line-height: 1.33;
  margin-bottom: 1.07rem;
  font-weight: 600;
}

.nl_con .left .year {
  position: relative;
  margin-bottom: 0.68rem;
  cursor: pointer;
  z-index: 5;
}

.nl_con .left .year .h {
  position: relative;
  font-family: al;
  color: #333333;
  line-height: 1.33;
}

.nl_con .left .year .h:after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0.53rem;
  width: 0.18rem;
  height: 0.1rem;
  background: url(../img/nl_jt.svg)no-repeat center;
  background-size: 100% 100%;
}

.nl_con .left .year .y_list {
  position: absolute;
  top: 100%;
  left: 0;
  display: none;
  width: 100%;
  background-color: #fff;
  line-height: 2;
  padding: 0.3rem 0;
}

.nl_con .left .year .y_list a {
  color: #333;
  font-family: al;
  transition: all 0.5s;
}

.nl_con .left .year .y_list a:hover {
  color: #8BC63E;
}

.nl_con .left .tab_list li {
  padding-bottom: 0.3rem;
  border-bottom: 1px solid #E9E9E9;
  margin-bottom: 0.47rem;
}

.nl_con .left .tab_list li a {
  display: inline-block;
  position: relative;
  line-height: 2;
}

.nl_con .left .tab_list li a:after {
  content: "";
  position: absolute;
  bottom: -0.31rem;
  left: 0;
  width: 0;
  height: 2px;
  background-color: #0D357F;
  transition: all 0.5s;
}

.nl_con .left .tab_list li.on a:after {
  width: calc(100% + 0.2rem);
}

.nl_con .right {
  float: right;
  width: 11.12rem;
}

.nl_con .right .boxs {
  padding-bottom: 0.7rem;
}

.nl_con .right .boxs .year1 {
  font-family: al;
  line-height: 1.33;
  margin-bottom: 0.36rem;
  color: #333333;
  font-weight: 600;
}

.nl_con .right .boxs .list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.nl_con .right .boxs .list .item {
  display: block;
  width: 5.32rem;
  margin-bottom: 0.48rem;
  background-color: #fff;
  border-radius: 0.2rem;
  overflow: hidden;
  box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.05);
}

.nl_con .right .boxs .list .item .pic {
  width: 100%;
  height: 3.05rem;
  overflow: hidden;
}

.nl_con .right .boxs .list .item .pic img {
  width: 100%;
  height: 100%;
  transition: all 0.5s;
  object-fit: cover;
}

.nl_con .right .boxs .list .item:hover .pic img {
  transform: scale(1.05);
}

.nl_con .right .boxs .list .item .txt {
  padding: 0.53rem 0.47rem 0.61rem 0.35rem;
}

.nl_con .right .boxs .list .item .txt .time {
  font-family: al;
  color: #8BC63E;
  line-height: 1.3125;
  margin-bottom: 0.24rem;
}

.nl_con .right .boxs .list .item .txt .p {
  font-family: al;
  color: #000000;
  line-height: 0.3rem;
  height: 0.9rem;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

/* 新闻列表 end */

/* 新闻详情 */
.nd_con {
  background-color: #fff;
}

.nd_con .con1 {
  position: relative;
}

.nd_con .con1 .left {
  float: left;
  position: sticky;
  top: 0;
  width: 7.8rem;
  background-color: #F7F7F7;
  min-height: 100vh;
  padding: 2rem 0 0 1.3rem;
}

.nd_con .con1 .left .tit {
  font-family: al;
  color: #000000;
  line-height: 1.34;
  padding-right: 0.7rem;
  padding-bottom: 1.73rem;
  border-bottom: 1px solid #E5E5E5;
  margin-bottom: 0.4rem;
  font-weight: 600;
}

.nd_con .con1 .left .time {
  color: #8BC63E;
  font-family: al;
  line-height: 1.33;
  margin-bottom: 0.54rem;
}

.nd_con .con1 .left .share .p {
  font-family: al;
  line-height: 1.33;
  color: #8BC63E;
  margin-bottom: 0.12rem;
}

.nd_con .con1 .left .share a {
  display: inline-block;
  width: 0.3rem;
  height: 0.3rem;
  margin-right: 0.22rem;
}

.nd_con .con1 .left .share a img {
  width: 100%;
  height: 100%;
}

.nd_con .con1 .left .share a .img2 {
  display: none;
}

.nd_con .con1 .left .share a:hover .img2 {
  display: block;
}

.nd_con .con1 .left .share a:hover .img1 {
  display: none;
}

.nd_con .con1 .right {
  width: calc(100% - 7.8rem);
  float: right;
  padding: 2rem 1.3rem 0 1.06rem;
  font-family: al;
  line-height: 1.9;
  color: #333333;
}

.nd_con .con1 .right img {
  width: 100%;
}

.nd_con .con2 {
  padding: 1.7rem 1.3rem 1.33rem 1.3rem;
}

.nd_con .con2 .tit {
  text-align: center;
  font-family: al;
  color: #000000;
  line-height: 1.33;
  margin-bottom: 0.44rem;
  font-weight: 600;
}

.nd_con .con2 .list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
  margin-bottom: 0.48rem;
}

.nd_con .con2 .list:after {
  content: "";
  display: block;
  width: 5.32rem;
  height: 1px;
}

.nd_con .con2 .list .item {
  display: block;
  width: 5.32rem;
  margin-bottom: 0.48rem;
  background-color: #F7F7F7;
  border-radius: 0.2rem;
  overflow: hidden;
}

.nd_con .con2 .list .item .pic {
  width: 100%;
  height: 3.05rem;
  overflow: hidden;
}

.nd_con .con2 .list .item .pic img {
  width: 100%;
  height: 100%;
  transition: all 0.5s;
  object-fit: cover;
}

.nd_con .con2 .list .item:hover .pic img {
  transform: scale(1.05);
}

.nd_con .con2 .list .item .txt {
  padding: 0.53rem 0.47rem 0.61rem 0.35rem;
}

.nd_con .con2 .list .item .txt .time {
  font-family: al;
  color: #8BC63E;
  line-height: 1.3125;
  margin-bottom: 0.24rem;
}

.nd_con .con2 .list .item .txt .p {
  font-family: al;
  color: #000000;
  line-height: 0.3rem;
  height: 0.9rem;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.nd_con .con2 .more {
  margin: 0 auto;
}

.nd_con .con2 .more span {
  color: #333333;
}

.nd_con .con2 .more:hover span {
  color: #ffffff;
}

/* 新闻详情 end */

/* 关于我们 */
.ab_banner {
  position: relative;
  height: 100vh;
}

.ab_banner .pc {
  width: 100%;
  height: 100%;
}

.ab_banner .pc img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ab_banner .txt {
  position: absolute;
  left: 2.3rem;
  top: 48%;
  transform: translateY(-50%);
  color: #fff;
  text-shadow: 0.05rem 0.03rem 0.05rem rgba(0, 0, 0, 0.6);
  width: 6rem;
}

.ab_banner .txt .h {
  font-family: al;
  font-weight: 600;
  line-height: 1.33;
  margin-bottom: 0.2rem;
}

.ab_banner .txt .p {
  font-family: al;
  line-height: 1.4;
}

.ab1 {
  padding: 1.4rem 0 0 0;
}

/* .ab1{padding: 1.4rem 0 1.8rem 0;} */
.ab1 .p1 {
  font-family: al;
  color: #000000;
  width: 9.2rem;
  margin: 0 auto;
  margin-bottom: 2.56rem;
  text-align: center;
  line-height: 1.6;
}

.ab1 .txt {
  margin: 0 auto;
  position: relative;
  text-align: center;
  height: 2.48rem;
  z-index: 2;
}

.ab1 .txt .txt1 {
  color: #000;
  position: relative;
  height: 100%;
  overflow: hidden;
}

.ab1 .txt .txt1>div {
  height: 2.48rem;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.ab1 .txt .txt2 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0%;
  color: #fff;
  overflow: hidden;
}

.ab1 .txt .txt2>div {
  height: 2.48rem;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

.ab1 .txt .h {
  font-family: al;
  line-height: 0.72rem;
  margin-bottom: 0.32rem;
  font-weight: 600;
}

.ab1 .txt .p {
  font-family: al;
  line-height: 0.36rem;
}

.ab1 .pic {
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
}

.ab1 .pic img {
  transition: all 0.8s;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ab1 .pic.on img {
  border-radius: 0.2rem;
}

.ab2 {
  padding-bottom: 2.3rem;
}

.ab2 .top {
  text-align: center;
  margin-bottom: 1.3rem;
}

.ab2 .top .h {
  font-family: al;
  color: #000000;
  line-height: 1.33;
  margin-bottom: 0.18rem;
  font-weight: 600;
}

.ab2 .top .p {
  width: 8.1rem;
  margin: 0 auto;
  font-family: al;
  color: #000000;
  line-height: 1.6;
}

.ab2 .cons {
  padding-left: 11vw;
}

.ab2 .cons .con {
  position: relative;
  overflow: hidden;
  z-index: 2;
  padding-left: 1vw;
}

.ab2 .cons .con:after {
  content: "";
  position: absolute;
  top: 1.09rem;
  width: 100%;
  height: 1px;
  background-color: rgba(126, 133, 138, 0.2);
  z-index: -1;
}

.ab2 .cons .con .year {
  line-height: 0.56rem;
  font-family: al;
  color: #0D357F;
  margin-bottom: 0.46rem;
  padding-left: 0.26rem;
}

.ab2 .cons .con .solid {
  width: 0.14rem;
  height: 0.14rem;
  border-radius: 50%;
  background-color: #0D357F;
  position: relative;
  margin-bottom: 0.45rem;
  z-index: 2;
}

.ab2 .cons .con .solid:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 200%;
  height: 200%;
  z-index: -1;
  background-color: #0D357F;
  border-radius: 50%;
  animation: quanx 2s linear infinite;
}

@keyframes quanx {
  0% {
    transform: translate(-50%, -50%) scale(0);
    opacity: 0
  }

  70% {
    transform: translate(-50%, -50%) scale(.8);
    opacity: 1
  }

  to {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0
  }
}

.ab2 .cons .con .txt .p {
  padding-left: 0.26rem;
  position: relative;
  font-family: al;
  line-height: 0.24rem;
  color: #000000;
}

.ab2 .cons .con .txt .p:after {
  content: "";
  position: absolute;
  left: 0.03rem;
  top: 0.12rem;
  transform: translateY(-50%);
  width: 0.08rem;
  height: 0.08rem;
  border-radius: 50%;
  background-color: #7E858A;
}

.ab3 {
  padding-bottom: 2rem;
}

.ab3 .tit {
  text-align: center;
  font-family: al;
  line-height: 1.33;
  margin-bottom: 0.83rem;
  color: #000000;
  font-weight: 600;
}

.ab3 .box {
  display: flex;
  background-color: #FAFAFA;
}

.ab3 .box:nth-child(2n) {
  flex-flow: row-reverse;
}

.ab3 .box .pic {
  width: 50%;
  height: 8rem;
  background: no-repeat left;
  background-size: 50% auto;
  background-attachment: fixed;
  position: relative;
  overflow: hidden;
}

.ab3 .box:nth-child(2n) .pic {
  background: no-repeat right;
  background-size: 50% auto;
  background-attachment: fixed;
}

.ab3 .box .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

.ab3 .box .txt {
  width: 50%;
  padding: 1rem 1.1rem 0 0.8rem;
}

.ab3 .box .txt .h {
  font-family: al;
  color: #000000;
  line-height: 0.42rem;
  margin-bottom: 0.4rem;
}

.ab3 .box .txt .p {
  font-family: al;
  line-height: 0.36rem;
  margin-bottom: 0.48rem;
  height: 1.44rem;
  height: 2.16rem;
}

.ab3 .box .txt .list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.ab3 .box .txt .list:after {
  content: "";
  width: 2.5rem;
  height: 1px;
}

.ab3 .box .txt .list .item {
  width: 2.5rem;
}

.ab3 .box .txt .list .item .icon {
  width: 100%;
  height: 1.2rem;
  border-radius: 0.12rem;
  background-color: #F2F3F3;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 0.1rem;
}

.ab3 .box .txt .list .item .icon img {
  width: 0.5rem;
  height: 0.5rem;
  object-fit: contain;
}

.ab3 .box .txt .list .item .p1 {
  width: 100%;
  height: 0.8rem;
  text-align: center;
  padding: 0 0.06rem;
  background-color: #F2F3F3;
  border-radius: 0.12rem;
  line-height: 0.22rem;
  display: flex;
  align-items: center;
}

.ab3 .box .txt .list .item .p1>div {
  width: 100%;
  text-align: center;
}

.ab4 {
  padding: 0 2.07rem 2rem 2.07rem;
}

.ab4 .tit {
  text-align: center;
  font-family: al;
  color: #000000;
  line-height: 1.33;
  margin-bottom: 0.43rem;
  font-weight: 600;
}

.ab4 .con {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.ab4 .con:after {
  content: "";
  width: 4.72rem;
  height: 1px;
}

.ab4 .con .item {
  display: block;
  width: 4.72rem;
  text-align: center;
}

.ab4 .con .item .pic {
  width: 100%;
  height: 3.2rem;
  border-radius: 0.12rem;
  overflow: hidden;
  margin-bottom: 0.26rem;
}

.ab4 .con .item .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s;
}

.ab4 .con .item:hover .pic img {
  transform: scale(1.05);
}

.ab4 .con .item .h {
  font-family: al;
  line-height: 0.32rem;
  color: #000000;
  height: 0.32rem;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  margin-bottom: 0.06rem;
  transition: all 0.5s;
}

.ab4 .con .item:hover .h {
  color: #0D357F;
}

.ab4 .con .item .p {
  font-family: al;
  color: #000000;
  line-height: 0.22rem;
}

.ab5 {
  padding: 0 0 2.8rem 0;
  height: 500vh;
  position: relative;
}

.ab5>div.conx {
  position: sticky;
  top: 1.2rem;
}

.ab5 .tit {
  text-align: center;
  line-height: 1.33;
  font-family: al;
  margin-bottom: 0.76rem;
  color: #000000;
  font-weight: 600;
}

.ab5 .cons {
  padding-left: 2.07rem;
  overflow: hidden;
}

.ab5 .cons .con {
  width: fit-content;
  display: flex;
  position: relative;
}

.ab5 .cons .con .box {
  width: 10.65rem;
  margin-right: 2.4rem;
}

.ab5 .cons .con .box:last-child {
  margin-right: 0;
}

.ab5 .cons .con .box .txt {
  display: flex;
  align-items: flex-start;
}

.ab5 .cons .con .box .txt .icon {
  width: 0.5rem;
  height: 0.5rem;
  object-fit: contain;
  margin-right: 0.5rem;
}

.ab5 .cons .con .box .txt .txt1 {
  width: calc(100% - 1rem);
}

.ab5 .cons .con .box .txt .txt1 .h {
  font-family: al;
  color: #333333;
  line-height: 0.32rem;
  margin-bottom: 0.3rem;
}

.ab5 .cons .con .box .txt .txt1 .p {
  font-family: al;
  color: #333333;
  line-height: 0.26rem;
  height: 1.3rem;
  height: 1.82rem;
  margin-bottom: 0.58rem;
}

.ab5 .cons .con .box .pic {
  width: 100%;
  height: 5.2rem;
  border-radius: 0.3rem;
  overflow: hidden;
}

.ab5 .cons .con .box .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ab6 {
  padding: 0 2.3rem 1.4rem 2.3rem;
}

.ab6 .con {
  display: flex;
  border-radius: 0.12rem;
  overflow: hidden;
  background-color: #FAFAFA;
  flex-flow: row-reverse;
}

.ab6 .con .pic {
  width: 6.86rem;
  height: 5.78rem;
}

.ab6 .con .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ab6 .con .txt {
  padding: 0.8rem 0.3rem 0.72rem 1rem;
  width: calc(100% - 6.86rem);
}

.ab6 .con .txt .h {
  font-family: al;
  color: #000000;
  line-height: 1.33;
  margin-bottom: 0.18rem;
  font-weight: 600;
}

.ab6 .con .txt .p {
  font-family: al;
  color: #000000;
  line-height: 1.33;
  margin-bottom: 0.8rem;
}

.ab6 .con .txt .icon {
  width: 0.42rem;
  height: 0.42rem;
  object-fit: contain;
  margin-bottom: 0.13rem;
}

.ab6 .con .txt .h1 {
  font-family: al;
  color: #000000;
  line-height: 1.33;
  margin-bottom: 0.3rem;
}

.ab6 .con .txt a {
  font-family: al;
  color: #000000;
  display: block;
  line-height: 2;
}

/* 关于我们 end */

/* 联系我们 */
.cta_banner {
  position: relative;
  height: 100vh;
}

.cta_banner .pc {
  width: 100%;
  height: 100%;
}

.cta_banner .pc img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cta_banner .txt {
  position: absolute;
  left: 0.9rem;
  top: 42%;
  transform: translateY(-50%);
  color: #fff;
}

.cta_banner .txt .h {
  font-family: al;
  font-weight: 600;
  line-height: 1.33;
  margin-bottom: 0.2rem;
  /*color: #0D357F;*/

}

.cta_banner .txt .p {
  font-family: al;
  line-height: 1.4;
  /*color: #000000;*/

}

.cta1 {
  padding: 1.5rem 0.89rem 1.6rem 0.89rem;
}

.cta1 .map {
  width: 100%;
  position: relative;
}

.cta1 .map>img {
  width: 100%;
}

.cta1 .map .card {
  width: 5.22rem;
  height: 3.66rem;
  position: absolute;
  top: 50%;
  right: 30%;
}

.cta1 .map .dzs {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.cta1 .map .dz {
  width: 0.94rem;
  height: 0.77rem;
  position: absolute;
  transition: all 0.5s;
  transform: scale(0.7);
}

.cta1 .map .dz.on {
  transform: scale(1.2);
}

.cta1 .map .dz img {
  display: block;
  margin: 0 auto;
}

.cta1 .map .dz .img1 {
  width: 0.42rem;
}

.cta1 .map .dz .img2 {
  width: 0.94rem;
  transform: translateY(-0.1rem);
  opacity: 0;
  transition: all 0.5s;
}

.cta1 .map .dz.on .img2 {
  opacity: 1;
}

.cta1 .map .card .h {
  font-family: al;
  line-height: 2.2;
  color: #000000;
  position: relative;
  font-weight: 600;
  width: calc(100% - 1.6rem);
  text-align: center;
  background-color: #ffffff;
  border-top-left-radius: 0.1rem;
  border-top-right-radius: 0.1rem;
  box-shadow: 0 -0.3rem 0.3rem rgba(0, 0, 0, 0.08);
  margin: 0 auto;
  z-index: 2;
}

/*.cta1 .map .card .h:after{content: "";position: absolute;left: 0;bottom: -1px;width:0.63rem;height: 2px;background-color: #89C33D;}*/
.cta1 .map .card ul {
  padding: 0.4rem 0.4rem 0 0.4rem;
  background-color: #ffffff;
  border-radius: 0.1rem;
  box-shadow: 0 0.03rem 0.3rem rgba(0, 0, 0, 0.08);
  position: relative;
  overflow: hidden;
}

.cta1 .map .card ul:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #8BC63E;
  height: 0.12rem;
}

.cta1 .map .card li {
  line-height: 0.28rem;
  padding-left: 0.36rem;
  position: relative;
  margin-bottom: 0.2rem;
}

.cta1 .map .card li:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0.2rem;
  height: 0.2rem;
}

.cta1 .map .card li:nth-child(1):after {
  background: url(../img/cta1_icon2.png)no-repeat left center;
  background-size: contain;
}

.cta1 .map .card li:nth-child(2):after {
  background: url(../img/cta1_icon3.png)no-repeat left center;
  background-size: contain;
}

.cta1 .map .card li:nth-child(3):after {
  background: url(../img/cta1_icon4.png)no-repeat left center;
  background-size: contain;
}

.cta1 .map .card .con {
  display: none;
}

.cta1 .map .card .con.on {
  display: block;
}

.cta2 {
  padding: 0.95rem 2.4rem 1.18rem 2.4rem;
  background: url(../img/cta2_bj.png)no-repeat center;
  background-size: cover;
}

.cta2 .tit {
  text-align: center;
  line-height: 1.33;
  color: #000000;
  font-family: al;
  margin-bottom: 0.48rem;
  font-weight: 600;
}

.cta2 form {
  padding: 0.8rem 0.84rem 0.82rem 0.84rem;
  background-color: #fff;
  border-radius: 0.2rem;
}

.cta2 form .top {
  display: flex;
  margin-bottom: 0.54rem;
}

.cta2 form .top .b_btnx {
  display: flex;
  align-items: center;
  margin-right: 1.82rem;
}

.cta2 form .top .b_btnx input {
  margin-right: 0.1rem;
  width: 0.17rem;
  height: 0.17rem;
  position: relative;
  cursor: pointer;
}

.cta2 form .top .b_btnx input:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../img/cta2_btn1.svg);
  background-size: 100% 100%;
}

.cta2 form .top .b_btnx input:checked:after {
  background-image: url(../img/cta2_btn2.svg);
}

.cta2 form .inputs {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.3rem;
  flex-wrap: wrap;
}

.cta2 form .inputs:after {
  content: "";
  width: 3.93rem;
  height: 1px;
}

.cta2 form .inputs .input {
  width: 3.93rem;
}

.cta2 form .inputs .inputx {
  display: flex;
  align-items: center;
}

.cta2 form .inputs .inputx img {
  height: 0.5rem;
}

.cta2 form .inputs .name {
  font-family: al;
  color: #666666;
  margin-bottom: 0.11rem;
  height: 0.18rem;
}

.cta2 form .inputs .name span {
  color: #FF0000;
}

.cta2 form .inputs input {
  width: 100%;
  line-height: 0.48rem;
  border: 1px solid #E4E4E4;
  border-radius: 0.04rem;
  padding: 0 0.16rem;
}

.cta2 form .inputs select {
  width: 100%;
  line-height: 0.48rem;
  border: 1px solid #E4E4E4;
  border-radius: 0.04rem;
  padding: 0 0.16rem;
  position: relative;
  background: url(../img/cta_jt.png)no-repeat right center;
  background-size: 0.35rem 0.06rem;
}

.cta2 form .inputs textarea {
  width: 100%;
  line-height: 0.48rem;
  border: 1px solid #E4E4E4;
  border-radius: 0.04rem;
  padding: 0 0.16rem;
  height: 2.07rem;
}

.cta2 form .more {
  margin: 0 auto;
  border: none;
  cursor: pointer;
}

.cta2 form .more span {
  color: #000;
}

.cta2 form .more:hover span {
  color: #fff;
}

.f_tc {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 90;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}

.f_tc.show {
  display: block !important;
}

.f_tc .con {
  position: absolute;
  top: 53%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  border-radius: 0.4rem;
  text-align: left;
  /*padding: 0.6rem 0.4rem;*/
  line-height: 2;
}

.f_tc .con .out {
  position: absolute;
  top: 0.25rem;
  right: 0.3rem;
  width: 0.16rem;
  height: 0.16rem;
  cursor: pointer;
  transition: all 0.5s;
}
.f_tc .con .pic{width: 100%;}
.f_tc .con .pic img{width: 100%;}

.f_tc .con .out:hover {
  transform: rotate(180deg);
}

.f_tc .con .txt{padding: 0.4rem;padding-bottom:0.5rem; text-align: center;}
.f_tc .con .txt .h{color: #333333;line-height: 1.2;margin-bottom: 0.12rem;}
.f_tc .con .txt .p{color: #333333;line-height: 1.2;margin-bottom: 0.4rem;}
.f_tc .con .txt .more{margin: 0 auto;}
.f_tc .con .txt .more span{color: #333;}
.f_tc .con .txt .more:hover span{color: #fff;}

/*.f_tc .con .h {*/
/*  text-align: center*/
/*}*/

/*.f_tc .con .h img {*/
/*  width: 0.8rem;*/
/*  margin: 0 auto;*/
/*  margin-bottom: 0.2rem;*/
/*}*/

.v_tc {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 90;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}

.v_tc.show {
  display: block !important;
}

.v_tc .con {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 12rem;
  max-width: 94%;
  text-align: left;
  line-height: 2;
}

.v_tc .con .out {
  position: absolute;
  top: -0.5rem;
  right: -0.5rem;
  width: 0.3rem;
  height: 0.3rem;
  cursor: pointer;
  transition: all 0.5s;
  z-index: 2;
}

.v_tc .con .out:hover {
  transform: rotate(180deg);
}

.v_tc .con video {
  width: 100%;
  max-height: 70vh;
  object-fit: contain;
}

/* 联系我们 end */

/* 解决方案 */
.case_banner {
  position: relative;
  width: 100%;
  height: 100vh;
}

.case_banner .pc {
  width: 100%;
  height: 100%;
}

.case_banner .pc img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.case_banner .txt {
  position: absolute;
  left: 0;
  top: 22%;
  color: #fff;
  width: 100%;
}

.case_banner .txt .h {
  font-family: al;
  font-weight: 600;
  line-height: 1.33;
  margin-bottom: 0.2rem;
  color: #7E858A;
  text-align: center;
}

.case_banner .txt .h span {
  color: #0D357F;
}

.case_con .con {
  position: relative;
}

.case_con .con .left {
  width: 4.57rem;
  float: left;
  position: sticky;
  top: 0;
  padding-top: 1.4rem;
  height: 100vh;
  background-color: #FAFAFA;
}

.case_con .con .left li a {
  display: flex;
  padding: 0.3rem 2px 0.3rem 0.67rem;
  align-items: center;
  position: relative;
}

.case_con .con .left li:hover a,
.case_con .con .left li.on a {
  background-color: #fff;
}

.case_con .con .left li a:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 2px;
  height: 100%;
  background-color: #0D357F;
  transition: all 0.5s;
  opacity: 0;
}

.case_con .con .left li:hover a:after,
.case_con .con .left li.on a:after {
  opacity: 1;
}

.case_con .con .left li .icon {
  width: 0.48rem;
  height: 0.48rem;
  margin-right: 0.2rem;
}

.case_con .con .left li .icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.case_con .con .left li .icon img.img2 {
  display: none;
}

.case_con .con .left li.on .icon img.img1 {
  display: none;
}

.case_con .con .left li.on .icon img.img2 {
  display: block;
}

.case_con .con .left li:hover .icon img.img1 {
  display: none;
}

.case_con .con .left li:hover .icon img.img2 {
  display: block;
}

.case_con .con .left li a .p {
  width: calc(100% - 1rem);
  font-family: al;
  line-height: 1.5;
  color: #000000;
  transition: all 0.3s;
}

.case_con .con .left li:hover a .p,
.case_con .con .left li.on a .p {
  color: #0D357F;
}

.case_con .con .right {
  width: calc(100% - 4.57rem);
  float: right;
}

.case_con .con .right .box {
  padding: 1.2rem 0 1rem 1.2rem;
  display: flex;
  align-items: center;
  position: relative;
}

.case_con .con .right .box:after {
  content: "";
  position: absolute;
  top: 0;
  right: 3.5rem;
  height: 100%;
  width: 1px;
  border-right: 1px dashed #7E858A;
  opacity: 0.6;
}

.case_con .con .right .box .left1 {
  width: calc(100% - 3.5rem);
  padding-right: 1.2rem;
}

.case_con .con .right .box .right1 {
  width: 3.5rem;
  padding: 0 0.46rem;
}

.case_con .con .right .box .left1 .h {
  font-family: al;
  color: #000000;
  line-height: 1.3;
  margin-bottom: 0.5rem;
  font-weight: 600;
}

.case_con .con .right .box .left1 .p {
  font-family: al;
  color: #333333;
  line-height: 1.8;
  margin-bottom: 1.05rem;
}

.case_con .con .right .box .left1 img {
  width: 100%;
}

.case_con .con .right .box .right1 .item {
  padding: 0.41rem 0;
}

.case_con .con .right .box .right1 .item .icon {
  width: 0.5rem;
  height: 0.5rem;
  object-fit: contain;
  margin: 0 auto;
  margin-bottom: 0.17rem;
}

.case_con .con .right .box .right1 .item .p1 {
  font-family: al;
  color: #333333;
  line-height: 1.5;
  text-align: center;
  font-weight: 600;
}

/* 解决方案 end */

/* 服务支持 */
.ser_banner {
  position: relative;
  width: 100%;
  height: 100vh;
}

.ser_banner .pc {
  width: 100%;
  height: 100%;
}

.ser_banner .pc img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ser_banner .txt {
  position: absolute;
  left: 0;
  top: 18.5%;
  color: #fff;
  width: 100%;
}

.ser_banner .txt .h {
  font-family: al;
  font-weight: 600;
  line-height: 1.33;
  margin-bottom: 0.1rem;
  color: #0D357F;
  text-align: center;
}

.ser_banner .txt .p {
  font-family: al;
  line-height: 1.3;
  color: #000000;
  text-align: center;
}

.ser1 {
  padding: 1.24rem 0.5rem 1.66rem 0.5rem;
}

.ser1 .top {
  text-align: center;
}

.ser1 .top .h {
  font-family: al;
  color: #000000;
  line-height: 1.33;
  margin-bottom: 0.13rem;
  font-weight: 600;
}

.ser1 .top .p {
  font-family: al;
  color: #333333;
  line-height: 1.35;
}

.ser1 .bottom {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 0.82rem;
}

.ser1 .bottom:after {
  content: "";
  width: 4.38rem;
  height: 1px;
}

.ser1 .bottom .item {
  width: 5.38rem;
  height: 3.87rem;
  background-color: #FAFAFA;
  border-radius: 0.2rem;
  padding: 0.55rem 0 0 0.72rem;
}

.ser1 .bottom .item>img {
  width: 0.87rem;
  height: 0.87rem;
  object-fit: contain;
  margin-bottom: 0.19rem;
}

.ser1 .bottom .item .h1 {
  font-family: al;
  color: #0D357F;
  line-height: 1.3;
  margin-bottom: 0.3rem;
}

.ser1 .bottom .item .p1 {
  font-family: al;
  color: #7E858A;
  line-height: 1.55;
}

.ser2 {
  padding: 0 0.5rem 2.2rem 0.5rem;
}

.ser2 .tit {
  text-align: center;
  font-family: al;
  color: #000000;
  line-height: 1.333;
  margin-bottom: 0.83rem;
  font-weight: 600;
}

.ser2 .con {
  display: flex;
  border-radius: 0.2rem;
  overflow: hidden;
  background-color: #FAFAFA;
}

.ser2 .con .pic {
  width: 9.27rem;
  height: 6.49rem;
}

.ser2 .con .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ser2 .con .txt {
  width: calc(100% - 9.27rem);
  display: flex;
  flex-wrap: wrap;
}

.ser2 .con .txt .item {
  width: 50%;
  height: 3.245rem;
  display: flex;
  align-items: center;
  border-right: 1px solid rgba(0, 0, 0, 0.06);
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  padding: 0 0.1rem 0 0.88rem;
}

.ser2 .con .txt .item:nth-child(2n) {
  border-right: none;
}

.ser2 .con .txt .item:nth-child(n+3) {
  border-bottom: none;
}

.ser2 .con .txt .item .num {
  font-family: al;
  color: #0D357F;
  line-height: 1.3;
  margin-bottom: 0.166rem;
}

.ser2 .con .txt .item .num img {
  width: 0.66rem;
}

.ser2 .con .txt .item .p {
  font-family: al;
  color: #3C4041;
  line-height: 1.35;
}

.ser3 {
  padding: 0 0rem 2.36rem 0.5rem;
}

.ser3 .top {
  position: relative;
  overflow: hidden;
  margin-bottom: 0.25rem;
  margin-right: 2.6vw;
  width: calc(100% - 2.6vw);
}

.ser3 .top .swiper-slide {
  display: flex;
  justify-content: space-between;
}

.ser3 .top .swiper-slide .item {
  width: 5.14rem;
  position: relative;
}

.ser3 .top .swiper-slide .item .jt {
  position: absolute;
  top: 1.62rem;
  transform: translateY(-50%);
  right: -0.86rem;
  width: 0.33rem;
}

.ser3 .top .swiper-slide:last-child .item {
  width: 2.77rem;
}

.ser3 .top .swiper-slide:last-child .item .jt {
  right: -0.75rem;
}

.ser3 .top .swiper-slide .item .pic {
  width: 100%;
  height: 3.24rem;
  border-radius: 0.25rem;
  overflow: hidden;
  margin-bottom: 0.3rem;
}

.ser3 .top .swiper-slide .item .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s;
}

.ser3 .top .swiper-slide .item:hover .pic img {
  transform: scale(1.05);
}

.ser3 .top .swiper-slide .item .p {
  text-align: center;
  font-family: al;
  line-height: 1.33;
  color: #000000;
}

.ser3 .bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.ser3 .bottom .b_left {
  font-family: al;
  color: #000000;
  line-height: 1.33;
  font-weight: 600;
}

.ser3 .bottom .b_right {
  width: 15.2rem;
  position: relative;
  padding-top: 0.26rem;
  display: flex;
}

.ser3 .bottom .b_right .solid {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: rgba(112, 112, 112, 0.33);
}

.ser3 .bottom .b_right .solid::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 0.17rem;
  height: 0.17rem;
  background-color: #0D357F;
  border-radius: 50%;
}

.ser3 .bottom .b_right .solid .solid1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 33.33%;
  height: 1px;
  background-color: #0D357F;
  transition: all 0.5s;
}

.ser3 .bottom .b_right li {
  width: 33.33%;
  text-align: center;
  font-family: al;
  color: #707070;
  transition: all 0.5s;
  cursor: pointer;
}

.ser3 .bottom .b_right li.on {
  color: #0D357F;
}

/* 服务支持 end */

/* 下载列表 */
.dl_banner {
  position: relative;
  width: 100%;
  height: 100vh;
}

.dl_banner .pc {
  width: 100%;
  height: 100%;
}

.dl_banner .pc img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.dl_banner .txt {
  position: absolute;
  left: 0;
  top: 40%;
  color: #fff;
  width: 100%;
  padding-left: 0.9rem;
}

.dl_banner .txt .h {
  font-family: al;
  font-weight: 600;
  line-height: 1.33;
  margin-bottom: 0.1rem;
  color: #ffffff;
}

.dl_banner .txt .p {
  font-family: al;
  line-height: 1.3;
  color: #ffffff;
}

.dl_con .con {
  position: relative;
}

.dl_con .con .left {
  width: 5.74rem;
  float: left;
  position: sticky;
  top: 0;
  padding-top: 1.4rem;
  height: 100vh;
  background-color: #FAFAFA;
  padding-left: 1.64rem;
  padding-right: 1rem;
}

.dl_con .con .left .tit {
  font-family: al;
  font-weight: 600;
  color: #0D0D0D;
  line-height: 1.33;
  margin-bottom: 1.1rem;
  line-break: anywhere;
}

.dl_con .con .left .l_nav {
  padding-right: 0.32rem;
  max-height: 65vh;
  overflow: auto;
}

.dl_con .con .left .l_nav1 {
  padding-bottom: 0.28rem;
  margin-bottom: 0.45rem;
  border-bottom: 1px solid #E9E9E9;
}

.dl_con .con .left .l_nav1 .h {
  font-family: al;
  font-weight: 600;
  color: #393939;
  padding-right: 0.3rem;
  position: relative;
  cursor: pointer;
  transition: all 0.5s;
}

.dl_con .con .left .l_nav1.on .h {
  color: #264086;
}

.dl_con .con .left .l_nav1 .h:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 0.1rem;
  height: 0.06rem;
  background: url(../img/nl_jt.svg);
  background-size: 100% 100%;
  transform: translateY(-50%) rotate(-90deg);
  transition: all 0.5s;
}

.dl_con .con .left .l_nav1.on .h:after {
  transform: translateY(-50%) rotate(0deg);
}

.dl_con .con .left .l_nav1 .l_nav2 {
  padding: 0.2rem 0;
  display: none;
}

.dl_con .con .left .l_nav1.on .l_nav2 {
  display: block;
}

.dl_con .con .left .l_nav1 .l_nav2 li a {
  display: block;
  font-family: al;
  color: al;
  color: #666666;
  line-height: 20px;
  padding: 0.08rem 0;
}

.dl_con .con .left .l_nav1 .l_nav2 li.on a,
.dl_con .con .left .l_nav1 .l_nav2 li:hover a {
  color: #264086;
}

.dl_con .con .right {
  width: calc(100% - 5.74rem);
  float: right;
  padding: 1.78rem 1.65rem 2.02rem 1.04rem;
}

.dl_con .con .right .r_top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.12rem;
}

.dl_con .con .right .r_top .tit {
  font-family: al;
  font-weight: 600;
}

.dl_con .con .right .r_top form {
  width: 3.6rem;
  padding: 0 0.3rem 0 0.37rem;
  background-color: #F9F9F9;
  border-radius: 0.3rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.dl_con .con .right .r_top form input {
  line-height: 0.6rem;
  background-color: transparent;
  width: calc(100% - 0.4rem);
}

.dl_con .con .right .r_top form button {
  width: 0.18rem;
  height: 0.18rem;
  display: block;
  background-color: transparent;
  border: none;
}

.dl_con .con .right .r_top form button img {
  width: 100%;
}

.dl_con .con .right .con {
  padding-bottom: 1.3rem;
}

.dl_con .con .right .con .item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.3rem;
  box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.05);
  border-radius: 0.12rem;
}

.dl_con .con .right .con .item .txt {
  padding: 0 0.37rem;
}

.dl_con .con .right .con .item .txt .h {
  font-family: al;
  color: #000000;
  line-height: 1.4;
  height: 1.4em;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  margin-bottom: 0.14rem;
  transition: all 0.5s;
}

.dl_con .con .right .con .item:hover .txt .h {
  color: #264086;
}

.dl_con .con .right .con .item .txt .p {
  font-family: al;
  color: #264086;
  line-height: 0.22rem;
}

.dl_con .con .right .con .item .right1 {
  padding: 0.29rem 0.3rem 0.32rem 0.29rem;
  border-left: 1px solid #EFF1F6;
  cursor: pointer;
}

.dl_con .con .right .con .item .right1 .icon {
  width: 0.39rem;
  margin: 0 auto;
  margin-bottom: 0.18rem;
}

.dl_con .con .right .con .item .right1 .solid {
  width: 100%;
  height: 1px;
  background-color: #EFF1F6;
  margin-bottom: 0.185rem;
}

.dl_con .con .right .page {
  display: flex;
  align-items: center;
  justify-content: center;
}

.dl_con .con .right .page a {
  width: 0.5rem;
  height: 0.5rem;
  display: block;
  margin: 0 0.15rem;
  background-color: #F5F5F5;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  line-height: 0.5rem;
  font-family: gm;
  color: #D1D1D1;
  transition: all 0.5s;
}

.dl_con .con .right .page a:hover {
  background-color: #264086;
  color: #fff;
}

.dl_con .con .right .page a.on {
  background-color: #264086;
  color: #fff;
}

.dl_con .con .right .page a img {
  width: 0.09rem;
}

/* 下载列表 end */

/* iess */
.iess_banner {
  position: relative;
  width: 100%;
  height: 100vh;
}

.iess_banner .pc {
  width: 100%;
  height: 100%;
}

.iess_banner .pc img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.iess_banner .txt {
  position: absolute;
  left: 0;
  top: 45%;
  transform: translateY(-50%);
  color: #fff;
  width: 100%;
}

.iess_banner .txt .icon {
  margin: 0 auto;
  display: table;
  margin-bottom: 0.43rem;
  width: 1.24rem;
}

.iess_banner .txt .h {
  font-family: al;
  font-weight: 600;
  line-height: 1.32;
  margin-bottom: 0.2rem;
  color: #000000;
  text-align: center;
}

.iess_banner .txt .p {
  font-family: al;
  line-height: 1.3;
  color: #000000;
  text-align: center;
}

.iess1 {
  padding: 0 0 1.2rem 0;
  position: relative;
  height: 280vh;
}

.iess1 .cons {
  position: sticky;
  top: 0;
  overflow: hidden;
  padding-top: 1.64rem;
}

.iess1 .cons .con {
  position: relative;
  min-height: 8.48rem;
}

.iess1 .cons .con .txt {
  width: 9.96rem;
  padding-left: 2.1rem;
}

.iess1 .cons .con .txt .h {
  font-family: al;
  font-weight: 600;
  color: #000000;
  line-height: 1.3;
  margin-bottom: 0.4rem;
}

.iess1 .cons .con .txt .h span {
  color: #0D357F;
}

.iess1 .cons .con .txt .p {
  font-family: al;
  color: #333333;
  line-height: 1.65;
}

.iess1 .cons .con .pic {
  width: 11.78rem;
  transform: translateX(-50%);
  position: absolute;
  left: 90%;
  top: 0;
}

.iess1 .cons .con .pic .h {
  font-family: al;
  font-weight: 600;
  color: #000000;
  line-height: 0.7rem;
  height: 1.4rem;
  height: 2.1rem;
  margin-bottom: 0.4rem;
  width: 8rem;
  opacity: 0;
  transition: all 0.5s;
}

.iess1.show .cons .con .pic .h {
  opacity: 1;
}

.iess1 .cons .con .pic .h span {
  color: #0D357F;
}

.iess1 .cons .con .pic .con1 {
  width: 100%;
  height: 5.48rem;
  border-radius: 0.2rem;
  overflow: hidden;
  transform: translateY(-1.8rem);
  transition: all 0.5s;
}

.iess1 .cons .con .pic img,
.iess1 .cons .con .pic video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.iess1.show .cons .con .pic .con1 {
  transform: translateY(0);
}

.iess2 {
  padding: 1.2rem 0 0.6rem 0;
  background-color: #FAFAFA;
}

.iess2 .h {
  text-align: center;
  font-family: al;
  font-weight: 600;
  color: #000000;
  line-height: 1.3;
  margin-bottom: 0.4rem;
}

.iess2 .h span {
  color: #0D357F;
}

.iess2 .p {
  max-width: 70%;
  margin: 0 auto;
  text-align: center;
  font-family: al;
  color: #333333;
  line-height: 1.35;
  margin-bottom: 0.7rem;
}

.iess2 img {
  width: 9.04rem;
  margin: 0 auto;
}

.iess3 {
  padding: 1.2rem 2.3rem;
  background-color: #fff;
}

.iess3 .con {
  position: relative;
  border-radius: 0.2rem;
  overflow: hidden;
  padding: 0.45rem 0.45rem 0.45rem 1rem;
  background: url(../img/iess3_bj.png)no-repeat center;
  background-size: cover;
}

.iess3 .con .tab {
  position: absolute;
  padding: 0.03rem;
  bottom: 0.82rem;
  left: 1rem;
  display: flex;
  width: 4.26rem;
  width: 4.86rem;
  height: 0.8rem;
  border-radius: 0.4rem;
  background-color: rgba(13, 53, 127, 0.3);
  backdrop-filter: blur(10px);
  z-index: 2;
}

.iess3 .con .tab li {
  width: 1.4rem;
  width: 1.6rem;
  height: 0.76rem;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: al;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 1.33;
  border-radius: 0.38rem;
  cursor: pointer;
}

.iess3 .con .tab li.on {
  background-color: #fff;
  color: #0D357F;
}

.iess3 .con .boxs {
  position: relative;
  height: 5.9rem;
}

.iess3 .con .boxs .box {
  display: flex;
  justify-content: space-between;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: all 0.5s;
}

.iess3 .con .boxs .box.on {
  opacity: 1;
}

.iess3 .con .boxs .box .txt {
  width: 6.4rem;
  padding-top: 0.5rem;
}

.iess3 .con .boxs .box .txt .h {
  font-family: al;
  font-weight: 600;
  line-height: 1.3;
  margin-bottom: 0.4rem;
  color: #000000;
}

.iess3 .con .boxs .box .txt .p {
  font-family: al;
  line-height: 1.65;
  color: #333333;
}

.iess3 .con .boxs .box .pic {
  width: 5.9rem;
  height: 100%;
  border-radius: 0.2rem;
  overflow: hidden;
}

.iess3 .con .boxs .box .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.iess4 {
  padding: 1.84rem 2.3rem 1.98rem 2.3rem;
  background: url(../img/iess4_bj.png)no-repeat center;
  background-size: cover;
}

.iess4 .top {
  text-align: center;
  margin-bottom: 0.63rem;
}

.iess4 .top .h {
  font-family: al;
  font-weight: 600;
  color: #000000;
  line-height: 1.3;
  margin-bottom: 0.4rem;
}

.iess4 .top .p {
  font-family: al;
  color: #333333;
  line-height: 1.6;
  width: 10rem;
  margin: 0 auto;
}

.iess4 .list {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.iess4 .list .item {
  padding: 0.6rem 0.4rem 0.58rem 0.4rem;
  border-radius: 0.12rem;
  background-color: rgba(255, 255, 255, 0.3);
  width: 4.72rem;
  backdrop-filter: blur(10px);
  box-shadow: 0 0.03rem 0.24rem rgba(0, 0, 0, 0.11);
}

.iess4 .list .item .icon {
  width: 0.84rem;
  height: 0.84rem;
  margin: 0 auto;
  margin-bottom: 0.5rem;
}

.iess4 .list .item .icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.iess4 .list .item .txt {
  text-align: center;
  line-height: 1.4;
  font-family: al;
  color: #000000;
}

.iess5 {
  padding: 1rem 2.3rem 1.4rem 2.3rem;
  background-color: #ffffff;
}

.iess5 .top {
  padding: 0.56rem 0.42rem;
  background-color: #FAFAFA;
  border-radius: 0.2rem;
  margin-bottom: 0.2rem;
}

.iess5 .top .h {
  font-family: al;
  font-weight: 600;
  color: #000000;
  line-height: 1.333;
}

.iess5 .bottom {
  display: flex;
  justify-content: space-between;
}

.iess5 .bottom .item {
  width: 3.5rem;
  background-color: #FAFAFA;
  border-radius: 0.12rem;
  padding: 0.6rem 0.4rem 0 0.4rem;
  height: 3.2rem;
}

.iess5 .bottom .item .icon {
  width: 0.84rem;
  height: 0.84rem;
  object-fit: contain;
  margin: 0 auto;
  margin-bottom: 0.4rem;
}

.iess5 .bottom .item .h {
  font-family: al;
  color: #000000;
  line-height: 1.33;
  text-align: center;
}

.iess6 {
  padding: 1.04rem 2.3rem 0.8rem 2.3rem;
  background-color: #FAFAFA;
  margin-bottom: 1.4rem;
}

.iess6 .top {
  margin-bottom: 0.9rem;
  text-align: center;
}

.iess6 .top .h {
  font-family: al;
  font-weight: 600;
  color: #000000;
  line-height: 1.33;
  margin-bottom: 0.4rem;
}

.iess6 .top .p {
  width: 10rem;
  margin: 0 auto;
  font-family: al;
  color: #333333;
  line-height: 1.5;
}

.iess6 .top .p a {
  color: #0D357F;
}

.iess6 .con {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.iess6 .con .left {
  width: 7.18rem;
  background-color: #ffffff;
  border-radius: 0.2rem;
  padding: 0.7rem 0.7rem 0.7rem 0.88rem;
}

.iess6 .con .left .h {
  font-family: al;
  font-weight: 600;
  color: #000000;
  line-height: 1.3;
  margin-bottom: 0.62rem;
}

.iess6 .con .left .input {
  display: flex;
  align-items: center;
  width: 100%;
  margin-bottom: 0.4rem;
  opacity: 0;
  margin-bottom: 0;
}

.iess6 .con .left .input .name {
  width: 1.2rem;
  margin-right: 0.1rem;
  font-family: al;
  color: #000000;
}

.iess6 .con .left .input input {
  width: calc(100% - 1.3rem);
  line-height: 0.5rem;
  background-color: rgba(126, 138, 138, 0.05);
  border-radius: 0.1rem;
  padding: 0 0.42rem;
}

.iess6 .con .left .btn {
  display: block;
  line-height: 0.66rem;
  text-align: center;
  border-radius: 0.1rem;
  background-color: #0D357F;
  color: #fff;
  font-family: al;
  transition: all 0.5s;
}

.iess6 .con .left .btn:hover {
  opacity: 0.7;
}

.iess6 .con .right {
  width: 7.18rem;
  background-color: #ffffff;
  border-radius: 0.2rem;
  padding: 0.7rem 0.7rem 0 0.7rem;
}

.iess6 .con .right .h {
  font-family: al;
  font-weight: 600;
  color: #000000;
  line-height: 1.34;
  margin-bottom: 0.5rem;
}

.iess6 .con .right .p {
  font-family: al;
  color: #333333;
  line-height: 0.22rem;
  height: 0.88rem;
  margin-bottom: 0.18rem;
}

.iess6 .con .right .icons {
  display: flex;
}

.iess6 .con .right .icons a {
  display: block;
  width: 2.2rem;
  margin-right: 0.2rem;
}

.iess6 .con .right .icons a img {
  width: 100%;
}

/* iess end */

.cookie-page01 {
  padding: 36px 24px 24px;
  background-color: #2b2b2b;
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 6;
  width: 100%;
  color: #eaeaea;
  transform: translateY(100%);
  opacity: 0;
  transition: transform .3s, opacity .3s;
  z-index: 999;
}

.cookie-page01.show {
  transform: translateY(0);
  opacity: 1
}

.cookie-page01 .content {
  text-align: center;
  line-height: 1.5;
  max-width: 1250px;
  margin: 0 auto;
}

.cookie-page01 .content a {
  color: #8BC63E
}

.cookie-page01 .content a:hover {
  color: #8BC63E;
  text-decoration: underline
}

.cookie-page01 .btns{display: flex;justify-content: center;}
.cookie-page01 .accept {
  width: 150px;
  line-height: 32px;
  border-radius: 16px;
  background-color: #8BC63E;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  margin: 16px 10px;
  cursor: pointer;
  transition: background-color .3s
}

.cookie-page01 .refuse {
  width: 100px;
  line-height: 32px;
  border-radius: 16px;
  background-color: #ccc;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
   margin: 16px 10px;
  cursor: pointer;
  transition: background-color .3s
}

/*.cookie-page01 .accept:hover {*/
/*  background-color: #1770FE*/
/*}*/

.re_item {
  margin-bottom: 0.8rem;
}

.re_item{margin-bottom: 0.54rem;}
.re_item .h{line-height: 1.6;margin-bottom: 0.3rem;font-family: al;font-weight:600;}
.re_item a.f_20{color: #0582FF;line-height: 1.4;text-decoration: underline!important;}
.re_item .con{width: 100%;}
.re_item .con .top{color: rgb(154, 154, 154);line-height: 1.4;margin-bottom: 0.26rem;display: flex;justify-content: space-between;padding: 0 0.92rem 0 0.16rem;}
.re_item .con .top .h1:nth-child(1){width: 50%;}
.re_item .con .top .h1:nth-child(2){width: 15%;}
.re_item .con .top .h1:nth-child(3){width: 15%;}
.re_item .con .bottom .li{display: flex;width: 100%;position: relative;justify-content: space-between;border: 1px solid #BBBBBB;padding: 0.22rem 0.92rem 0.22rem 0.16rem;margin-bottom: 0.27rem;line-height: 0.3rem;align-items:center;}
.re_item .con .bottom .li .p1:nth-child(1){width: 50%;max-height: 0.6rem;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.re_item .con .bottom .li .p1:nth-child(2){width: 15%;}
.re_item .con .bottom .li .p1:nth-child(3){width: 15%;}
.re_item .con .bottom .li img{position: absolute;top: 50%;right: 0.2rem;width: 0.24rem;transform: translateY(-50%);}

.red_item1{margin-bottom: 0.4rem;}
.red_item1 .tit{text-align: center;font-family: al;line-height: 1.4;margin-bottom: 0.57rem;color: #101010;}
.red_item1 .con{border: 1px solid #BBBBBB;padding: 0.26rem 0.96rem 0.26rem 0.26rem;}
.red_item1 .con .top{display: flex;justify-content: space-between;color: #020509;opacity: 0.6;line-height: 1.56;margin-bottom: 0.07rem;}
.red_item1 .con .top .h1:nth-child(1){width: 50%;}
.red_item1 .con .top .h1:nth-child(2){width: 15%;}
.red_item1 .con .top .h1:nth-child(3){width: 15%;}

.red_item1 .con .bottom{display: flex;justify-content: space-between;color: #101010;line-height: 0.3rem;align-items:center;}
.red_item1 .con .bottom .p1:nth-child(1){width: 50%;max-height: 0.6rem;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.red_item1 .con .bottom .p1:nth-child(2){width: 15%;}
.red_item1 .con .bottom .p1:nth-child(3){width: 15%;}

.red_item2{margin-bottom: 0.43rem;}
.red_item2:last-child{margin-bottom: 0;}
.red_item2 .h{font-family: al;color: #020509;opacity: 0.8;line-height: 1.43;margin-bottom: 0.14rem;}
.red_item2 .con{border:1px solid #BBBBBB;padding: 0.38rem 0.24rem;color: #101010;line-height: 1.4;}

.fl_con .tit_1{}
.fl_con .tit_1 .h{color: #101010;line-height: 1.43;margin-bottom: 0.26rem;}
.fl_con .tit_1 a{color: #101010;line-height: 1.43;margin-bottom: 0.73rem;display: block;}
.fl_con .tit_2{color: #101010;line-height: 1.43;margin-bottom: 0.45rem;}
.fl_con .input{margin-bottom: 0.3rem;}
.fl_con .input .name{display: flex;align-items: center;color: #101010;margin-bottom: 0.26rem;}
.fl_con .input .name span{color: #BD3124;}
.fl_con .input input{width: 8.2rem;line-height: 0.62rem;border: 0.01rem solid #BBBBBB;padding: 0 0.2rem;}
.fl_con .input .name .p{display: flex;align-items: center;margin-left: 0.2rem;}
.fl_con .input .btnxx{width: 2.14rem;height: 0.64rem;position: relative;}
.fl_con .input .btnxx .fileinput-wrapper{width: 100%;height: 100%;opacity: 0;}
.fl_con .input .btnxx label{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;border: 0.01px solid #BBBBBB;cursor: pointer;}
.fl_con .input .btnxx label .icon{width: 0.24rem;margin-right: 0.08rem;}
.fl_con .input .btnxx label .icon img{width: 100%;}
.fl_con .input .btnxx label .icon img.img2{display: none;}
.fl_con .input .btnxx.on label .icon img.img1{display: none;}
.fl_con .input .btnxx.on label .icon img.img2{display: block;}
.fl_con .sub{width: 2.08rem;line-height: 0.6rem;text-align: center;border: none;color: #fff;background-color: #0582FF;border-radius: 0.04rem;margin-top: 0.44rem;}

.no_top{width: 100%;display: flex;justify-content: space-between;align-items: center;}
.no_top .left1{display: flex;align-items: center;}
.no_top .left1 .h{color: #101010;line-height: 1.4;margin-right: 0.26rem;}
.no_top .left1 .sel{position: relative;}
.no_top .left1 .sel .h1{width: 2.8rem;padding: 0 0.4rem 0 0.15rem; line-height: 0.38rem;border: 0.01rem solid #BBBBBB;position: relative;border-radius: 0.06px;}
.no_top .left1 .sel .h1:after{content: "";position: absolute;top: 0%;right: 0.15rem; width: 0.15rem;height:100%;background: url(../img/h_jt2.svg)no-repeat center;background-size: 100% auto;}
.no_top .left1 .sel ul{position: absolute;top: 100%;left: 0;padding: 0.15rem 0.15rem;line-height: 2;background-color: #fff;border: 0.01rem solid #BBBBBB;border-top: none;width: 100%;display: none;}
.no_top .left1 .sel ul li{cursor: pointer;}
.no_top .right1{position: relative;}
.no_top .right1 input{width: 4.9rem;line-height: 0.38rem;border: 0.01rem solid #BBBBBB;padding: 0 0.4rem 0 0.15rem;}
.no_top .right1:after{content: "";position: absolute;top: 50%;right: 0.2rem;transform: translateY(-50%);width: 0.24rem;height: 0.24rem;background: url(../img/ze-ser.png);background-size: 100% 100%;}

.no_bottom{margin-top: 0.65rem;}
.no_bottom .top{color: rgb(154, 154, 154);line-height: 1.4;margin-bottom: 0.26rem;display: flex;justify-content: space-between;padding: 0 0.92rem 0 0.16rem;}
.no_bottom .top .h1:nth-child(1){width: 50%;}
.no_bottom .top .h1:nth-child(2){width: 15%;}
.no_bottom .top .h1:nth-child(3){width: 15%;}

.no_bottom .bottom .li{display: flex;width: 100%;position: relative;justify-content: space-between;border: 1px solid #BBBBBB;padding: 0.22rem 0.92rem 0.22rem 0.16rem;margin-bottom: 0.27rem;line-height: 0.3rem;}
.no_bottom .bottom .li .p1:nth-child(1){width: 50%;height: 0.6rem;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.no_bottom .bottom .li .p1:nth-child(2){width: 15%;}
.no_bottom .bottom .li .p1:nth-child(3){width: 15%;}
.no_bottom .bottom .li img{position: absolute;top: 50%;right: 0.2rem;width: 0.24rem;transform: translateY(-50%);}


@media screen and (min-width: 1922px) {
  /* html{font-size: 130px!important;} */
}

@media screen and (max-width: 1680px) {
  /* html{font-size: 86px!important;} */
}

@media screen and (max-width: 1560px) {
  /* html{font-size: 82px!important;} */
}

@media screen and (max-width: 1440px) {

  /* html{font-size: 73px!important;} */
  .footer .f_top .left .p span {
    width: 0.85rem;
  }

  .i_part3 .txt .list {
    margin-bottom: 0.55rem;
  }

}

@media screen and (max-width: 1366px) {

  /* html{font-size: 71px!important;} */
  .i_part3 .txt .list {
    margin-bottom: 0.45rem;
  }

  .i_part3 .txt {
    width: 6.4rem;
  }

  .i_part3 .pics {
    width: 47vw;
  }

  .i_part3 .swiper-pagination {
    right: 50.5vw;
  }

  .i_part8 form input[type="submit"] {
    width: 2rem;
  }

  /* .footer .f_top .right .item{margin-left: 0.3rem;padding-left: 0.3rem;} */
}

@media screen and (max-width: 1280px) {

  /* html{font-size: 66px!important;} */
  .footer .f_top .left .p span {
    width: 1rem;
  }

  .footer .f_bottom .right a {
    margin-left: 0.17rem;
  }
}

@media screen and (max-width: 1024px) {
    .contact .li-box,.contact .map{display: none;}
    
  html {
    font-size: 60px !important;
  }

  .header {
    display: none;
  }

  .m_header {
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #ffffff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    padding: 18px 15px;
    z-index: 98;
    display: flex !important;
    justify-content: space-between;
    align-items: center;
  }

  .m_header .logo {
    width: 118px;
  }

  .m_header .right {
    display: flex;
    align-items: center;
  }

  .m_header .user {
    width: 25px;
    height: 25px;
    margin-right: 20px;
  }

  .m_header .btn {
    width: 18px;
  }

  .m_header .btn div {
    width: 100%;
    height: 2px;
    background-color: #333333;
    margin: 4px 0;
  }

  .nav_m {
    position: fixed;
    top: 0;
    background-color: #fff;
    z-index: 99;
    padding: 80px 15px 30px 15px;
    height: 100vh;
    width: 100%;
    overflow: auto;
  }

  .nav_m .out {
    position: absolute;
    top: 25px;
    right: 15px;
    width: 24px;
  }

  .nav_m>ul>li {
    font-size: 18px;
    line-height: 36px;
    padding: 10px 0;
    font-family: ab;
    position: relative;
  }

  .nav_m>ul>li:nth-child(2):after {
    content: "";
    position: absolute;
    right: 0;
    top: 22px;
    width: 12px;
    height: 12px;
    background: url(../img/m_jt.svg)no-repeat center;
    background-size: contain;
    transition: all 0.5s;
  }

  .nav_m>ul>li.on:nth-child(2):after {
    transform: rotate(90deg);
  }

  .nav_m>ul>li .m_ul1 {
    padding: 10px 0 10px 10px;
    display: none;
  }

  .nav_m>ul>li .m_ul1>li {
    font-size: 16px;
    font-family: ar;
  }

  .nav_m>ul>li .m_ul1>li .m_ul2 {
    padding: 10px 0 10px 10px;
  }

  .nav_m>ul>li .m_ul1>li .m_ul2>li {
    font-size: 14px;
  }

  .nav_m>ul>li .m_ul1>li .m_ul2>li .m_ul3 {
    padding: 10px 0 10px 10px;
  }

  .nav_m>ul>li .m_ul1>li .m_ul2>li .m_ul3>li {
    font-size: 12px;
  }

  .banner {
    height: 64vw;
    position: relative;
  }

  .banner .swiper-slide .slide-inner .pc {
    display: none;
  }

  .banner .swiper-slide .slide-inner .mm {
    display: block;
    width: 100%;
    height: 100%;
  }

  .banner .swiper-slide .slide-inner .mm img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .banner .swiper-slide .slide-inner .txt {
    top: 21.86vw;
    padding-left: 0;
    text-align: center;
    width: 100%;
    padding: 0;
  }

  .banner .swiper-slide .slide-inner .txt .h {
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 5px;
  }

  .banner .swiper-slide .slide-inner .txt .p {
    font-size: 20px;
    line-height: 22px;
  }

  .banner .swiper-slide .slide-inner .txt .more {
    display: none;
  }

  .banner .swiper-pagination {
    left: 50%;
    transform: translateX(-50%);
  }

  .banner .swiper-pagination .swiper-pagination-bullet {
    width: 7px;
    height: 7px;
    margin: 0 7px;
    border-radius: 4px;
  }

  .banner .swiper-pagination .swiper-pagination-bullet-active {
    width: 40px;
  }

  .slide_right {
    display: none;
  }

  .i_part1 {
    padding: 60px 15px;
    height: auto;
  }

  .i_part1 .txt {
    display: none;
  }

  .i_part1 .pics {
    height: auto;
    position: static;
    width: 100%;
  }

  .i_part1 .pic {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 45vw;
    border-radius: 0;
    transform: translate(0, 0);
  }

  .i_part1 .pic video {
    border-radius: 0;
  }

  .i_part1 .pic .btn {
    display: block !important;
    border-radius: 50%;
    background-color: #fff;
    width: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .i_part1 .pic .btn img {
    position: relative;
    z-index: 2;
  }

  .i_part1 .pic .btn:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    border-radius: 50%;
    width: 70%;
    height: 70%;
    animation: myfirstzx 1.5s linear infinite;
  }

  .in_tc {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    pointer-events: none;
    opacity: 0;
    transition: all 0.5s;
    display: block;
  }

  .in_tc.show {
    opacity: 1;
    pointer-events: all;
  }

  .in_tc .bj {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
  }

  .in_tc .con {
    width: 80vw;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
  }

  .in_tc .con video {
    width: 100%;
    max-height: 100%;
    object-fit: contain;
  }

  /*.i_part1 .pic .btn.*/
  .parallaxw {
    width: 100% !important;
    height: 100% !important;
  }

  .i_part2 {
    padding: 0 0 0 0;
    position: relative;
    min-height: auto;
  }

  .i_part2 .years {
    display: none;
  }

  .i_part2 .tit .h {
    font-size: 28px;
    line-height: 32px;
    margin-bottom: 15px;
  }

  .i_part2 .tit .p {
    font-size: 14px;
    line-height: 20px;
    width: 100%;
    padding: 0 15px;
    margin-bottom: 20px;
  }

  .i_part2 .boxs {
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 15px 25px 15px;
  }

  .i_part2 .boxs .box {
    width: 48.5%;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 10px;
    display: block;
    padding: 16px 4px;
  }

  .i_part2 .boxs .box .icon {
    width: 30px;
    margin: 0 auto;
    margin-bottom: 10px;
  }

  .i_part2 .boxs .box .txt {
    width: 100%;
    text-align: center;
  }

  .i_part2 .boxs .box .txt .h {
    font-size: 22px;
    line-height: 28px;
  }

  .i_part2 .boxs .box .txt .p {
    font-size: 11px;
    line-height: 12px;
  }

  .i_part2 .years_m {
    display: block !important;
    padding: 55px 0 0 0;
    text-align: center;
    position: relative;
    overflow: hidden;
    background-color: #F7F7F7;
  }

  .i_part2 .years_m .item {
    display: none
  }

  .i_part2 .years_m .item.on {
    display: block;
  }

  .i_part2 .years_m .item:last-child {
    border-bottom: none;
  }

  .i_part2 .years_m .item .year {
    font-family: ab;
    color: #8BC63E;
    font-size: 29px;
    line-height: 33px;
    color: #8BC63E;
    margin-bottom: 12px;
  }

  /*.i_part2 .years_m .item .year:after{content:"";position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 8px;height: 8px;background: url(../img/m_jt.svg);background-size: 100% 100%;transition:all 0.5s}*/
  /*.i_part2 .years_m .item.on .year:after{transform:translateY(-50%) rotate(90deg);}*/
  .i_part2 .years_m .item .txt {
    font-size: 14px;
    line-height: 24px;
    height: 120px;
    color: #000000;
    padding: 0 15px 15px 15px;
  }

  .i_part1 .pic video.mm {
    display: block !important;
  }

  .i_part2 .tabm {
    display: block !important;
    position: relative;
    overflow: hidden;
    text-align: center;
    font-size: 18px;
    line-height: 22px;
    padding-bottom: 113px;
    background-color: #F7F7F7;
  }

  .i_part2 .tabm .swiper-slide {
    font-size: 18px;
    line-height: 22px;
    height: 37px;
    color: #333333;
    font-family: ab;
    padding-bottom: 15px;
    position: relative;
    opacity: 1 !important;
  }

  .i_part2 .tabm .swiper-slide-active {
    color: #8BC63E;
  }

  .i_part2 .tabm .swiper-slide:after {
    content: "";
    width: 100%;
    height: 1px;
    background-color: #D5D5D5;
    position: absolute;
    bottom: 0;
    left: 0;
  }

  .i_part2 .tabm .swiper-slide .dian {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 50%);
    width: 10px;
    height: 10px;
    background-color: #8BC63E;
    border-radius: 50%;
    opacity: 0;
  }

  .i_part2 .tabm .swiper-slide .dian:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 70%;
    height: 70%;
    background-color: #8BC63E;
    border-radius: 50%;
    animation: myfirstzx1 1.5s linear infinite;
  }

  .i_part2 .tabm .swiper-slide-active .dian {
    opacity: 1;
  }

  .i_part2 .tabm .solid {
    content: "";
    position: absolute;
    bottom: 113px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #8BC63E;
    z-index: 10;
    transition: all 0.5s;
  }

  .i_part2 .tabm .prev,
  .i_part2 .tabm .next {
    position: absolute;
    bottom: 40px;
    width: 30px;
    height: 30px;
  }

  .i_part2 .tabm .prev {
    left: 50%;
    transform: translateX(-120%);
  }

  .i_part2 .tabm .next {
    right: 50%;
    transform: translateX(120%);
  }

  .i_part3 {
    display: none;
  }

  .i_part3m {
    padding: 80px 0;
    margin-top: 0;
    display: block !important;
    position: relative;
    overflow: hidden;
    z-index: 5;
    background-color: #fff;
  }

  .i_part3m .txt {
    padding: 0 15px;
  }

  .i_part3m .txt .h {
    font-size: 22px;
    line-height: 36px;
    margin-bottom: 15px;
    font-family: ab;
    color: #000000;
    text-align: center;
  }

  .i_part3m .txt .h .h1 {
    color: #8BC63E;
  }

  .i_part3m .txt .ps {
    font-size: 14px;
    line-height: 24px;
    font-family: al;
    margin-bottom: 28px;
    text-align: center;
  }

  .i_part3m .pic {
    width: calc(100% - 30px);
    margin: 0 15px;
    height: 51.73vw;
    border-radius: 10px;
    overflow: hidden;
    background: no-repeat center;
    background-size: cover;
    margin-bottom: 15px;
  }

  .i_part3m .list {
    background-color: #F7F7F7;
    padding: 15px 18px 22px 18px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  .i_part3m .list .item {
    width: 100%;
    margin-bottom: 20px;
    display: flex;
  }

  .i_part3m .list .item:nth-child(n+2) {
    margin-bottom: 20px;
  }

  .i_part3m .list .item .icon {
    width: 30px;
    height: 25px;
    margin-right: 10px;
  }

  .i_part3m .list .item .icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  .i_part3m .list .item .p {
    font-size: 12px;
    color: #000000;
    line-height: 22px;
    width: calc(100% - 40px);
  }

  .i_part3m .swiper-pagination {
    bottom: 60px;
  }

  .i_part3m .swiper-pagination-bullet-active {
    background-color: #8BC63E;
  }

  .i_part4 {
    height: 1900vh;
    padding: 0 0 60px 0;
  }

  .i_part4 .tit {
    position: relative;
    z-index: 2;
    background-color: #fff;
  }

  .i_part4 .tit .h {
    font-size: 32px;
    line-height: 42px;
    margin-bottom: 12px;
  }

  .i_part4 .tit .p {
    width: 100%;
    font-size: 14px;
    line-height: 24px;
    padding: 0 15px;
  }

  .i_part4 .xlz_boxs {
    display: none;
  }

  .i_part4 .xlz_ms {
    display: block !important;
    height: 97.3vw;
    width: 100%;
    position: relative;
    top: 0;
  }

  .i_part4.show .xlz_ms {
    position: fixed;
    top: 20vw;
  }

  .i_part4 .xlz_ms .xlz_m {
    position: absolute;
    top: 0vw;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }

  .i_part4 .xlz_ms .xlz_m img {
    position: absolute;
    top: 0;
    left: 50%;
    height: 100%;
    transform: translateX(-50%);
    max-width: 9999px;
  }

  .i_part4 .xlz_ms .dian_box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .i_part4 .xlz_ms .dian_box .dian {
    width: 9px;
    height: 9px;
    background-color: #8BC63E;
    border-radius: 50%;
    position: absolute;
    opacity: 0;
    transition: all 0.5s;
  }

  @keyframes myfirstzx {
    0% {
      transform: translate(-50%, -50%) scale(1);
      opacity: 0;
    }

    50% {
      transform: translate(-50%, -50%) scale(2);
      opacity: 0.8;
    }

    100% {
      transform: translate(-50%, -50%) scale(2.5);
      opacity: 0;
    }
  }

  .i_part4 .xlz_ms .dian_box .dian.on {
    opacity: 1;
  }

  .i_part4 .xlz_ms .dian_box .dian:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: rgba(139, 198, 62, 1);
    animation: myfirstzx 1.5s linear infinite;
  }

  .i_part4 .xlz_ms .dian_box .dian:nth-child(2) {
    top: 16vw;
    right: 27vw;
  }

  .i_part4 .xlz_ms .dian_box .dian:nth-child(1) {
    top: 16vw;
    right: 48vw;
  }

  .i_part4 .xlz_ms .dian_box .dian:nth-child(4) {
    top: 16vw;
    right: 67vw;
  }

  .i_part4 .xlz_ms .dian_box .dian:nth-child(3) {
    top: 46vw;
    right: 41vw;
  }

  .i_part4 .xlz_ms .dian_box .dian:nth-child(5) {
    top: 39vw;
    right: 45vw;
  }

  .i_part4 .xlz_ms .dian_box .dian:nth-child(7) {
    top: 45vw;
    right: 4vw;
  }

  .i_part4 .xlz_ms .dian_box .dian:nth-child(6) {
    top: 72vw;
    right: 76vw;
  }

  .i_part4 .txts_m {
    display: block !important;
    padding: 0 15px;
  }

  .i_part4.show .txts_m {
    position: fixed;
    top: 123.3vw;
  }

  .i_part4 .txts_m .txt {
    padding: 23px 20px 50px 20px;
    background-color: #F7F7F7;
    border-radius: 10px;
    display: none;
  }

  .i_part4 .txts_m .txt.on {
    display: block;
  }

  .i_part4 .txts_m .txt .h {
    font-family: ab;
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 25px;
    color: #333333;
    font-weight: 600;
  }

  .i_part4 .txts_m .txt .p {
    color: #000000;
    line-height: 24px;
    font-size: 12px;
  }

  .i_part5 {
    border-top: none;
  }

  .i_part5 .list {
    padding: 0 15px 60px 15px;
  }

  .i_part5 .list .swiper-pagination {
    position: absolute;
    bottom: 0;
    top: auto;
    left: 50%;
    transform: translateX(-50%);
  }

  .i_part5 .list .btn_box {
    bottom: 0;
    top: auto;
    left: 50%;
    transform: translateX(-50%);
    width: 2.4rem;
  }

  .i_part5 .list .boxs .swiper-slide {
    background-color: transparent;
    padding: 0;
    border-radius: 0;
  }

  .i_part5 .list .boxs .swiper-slide .bj {
    position: static;
    height: 60vw;
    opacity: 1 !important;
    border-radius: 0.2rem;
    margin-bottom: 23px;
  }

  .i_part5 .list .boxs .swiper-slide .pic {
    display: none;
  }

  .i_part5 .list .boxs .swiper-slide .more1 {
    display: none;
  }

  .i_part5 .list .boxs .swiper-slide .h {
    width: 100%;
    text-align: center;
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 11px;
  }

  .i_part5 .list .boxs .swiper-slide .p {
    width: 100%;
    text-align: center;
    font-size: 14px;
    line-height: 20px;
  }

  .i_part6 {
    padding: 80px 0 0 0;
  }

  .i_part6 .box {
    display: none !important;
  }

  .i_part6 .tit {
    margin-bottom: 42px;
    position: static;
    opacity: 1 !important;
  }

  .i_part6 .tit .h {
    font-size: 32px;
    line-height: 42px;
    margin-bottom: 25px;
  }

  .i_part6 .tit .p {
    font-size: 14px;
    line-height: 24px;
  }

  .i_part6 .boxsm {
    display: block !important;
    padding: 44px 15px 27px 15px;
    background-color: #FBFBFB;
    position: relative;
    overflow: hidden;
    padding-bottom: 80px;
  }

  .i_part6 .boxsm .pic {
    width: 100%;
    height: 58.4vw;
    margin-bottom: 53px;
  }

  .i_part6 .boxsm .pic img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  .i_part6 .boxsm .txt .h {
    font-size: 20px;
    line-height: 26px;
    color: #8BC63E;
    margin-bottom: 25px;
  }

  .i_part6 .boxsm .txt .p {
    font-size: 14px;
    line-height: 24px;
  }

  .i_part6 .boxsm .swiper-pagination {
    bottom: 60px;
  }

  .i_part6 .boxsm .swiper-pagination-bullet-active {
    background-color: #8BC63E;
  }

  .i_part7 {
    padding: 85px 15px 85px 15px;
  }

  .i_part7 .con {
    background: transparent !important;
    padding-top: 0;
    height: auto;
  }

  .i_part7 .con:after {
    display: none;
  }

  .i_part7 .con .tit .h {
    color: #000000;
    font-size: 32px;
    line-height: 42px;
    margin-bottom: 25px;
    text-shadow: none;
  }

  .i_part7 .con .tit .p {
    color: #000000;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 45px;
    text-shadow: none;
  }

  .i_part7 .con .tit .picm {
    display: block !important;
    width: 100%;
    height: 64.13vw;
    border-radius: 10px;
    overflow: hidden;
    background: url(../img/ip7_bj.jpg)no-repeat center;
    background-size: cover;
    margin-bottom: 35px;
  }

  .more {
    width: 220px;
    height: 50px;
    padding: 16px 5px 16px 16px;
    border-radius: 25px;
  }

  .more span {
    font-size: 14px;
    color: #333333;
  }

  .more .add {
    width: 39px;
    height: 39px;
  }

  .i_part8 {
    padding: 48px 15px 43px 15px;
  }

  .i_part8 .h {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 11px;
    margin-bottom: 25px;
  }

  .i_part8 form {
    width: 100%;
  }

  .i_part8 form input[type="submit"] {
    font-size: 12px;
  }

  .i_part8 .p {
    font-size: 12px;
    text-align: center;
    line-height: 1.5;
  }

  .footer {
    padding: 0;
    z-index: 10;
    position: relative;
  }

  .footer .f_top .right {
    display: none;
  }

  .footer .f_bottom .right {
    /*display: none;*/
            flex-wrap: wrap;
        justify-content: center;
        margin-top: 12px;
  }

  .footer .f_top {
    display: block;
    padding: 40px 47px 41px 47px;
  }

  .footer .f_top .left .p {
    display: block;
    margin-bottom: 25px;
    text-align: center;
  }
  
  .formc{width: 100%;}
  .i_part8 .btnx{font-size: 14px;}

  .footer .f_top .left .p span {
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 8px;
  }

  .footer .f_top .left .p span.f_16 {
    font-size: 14px;
    line-height: 22px;
  }

  .footer .f_top .left .link {
    width: 100%;
    padding: 0;
    justify-content: space-between;
  }

  .footer .f_top .left .link a {
    width: 40px;
    height: 40px;
  }

  .footer .f_bottom {
    padding: 19px 0;
    text-align: center;
    display: block;
  }

  .footer .f_bottom .left {
    font-size: 10px;
    line-height: 18px;
  }





  .mh_nav {
    display: block;
  }

  .mh_nav {
    position: fixed;
    top: 0;
    left: 10%;
    width: 90%;
    transform: translateX(120%);
    z-index: 999;
    background-color: #fff;
    height: 100vh;
    overflow: auto;
    padding: 50px 25px;
    transition: all 0.5s;
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
  }

  .mh_nav.show {
    transform: translateX(0);
  }

  .mh_nav .close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 20px;
    height: 20px;
  }

  .mh_nav .nav>li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    position: relative;
    padding-right: 60px;
  }

  .mh_nav .nav>li>a {
    line-height: 60px;
    font-size: 16px;
    display: block;
    font-family: hm;
  }

  .mh_nav .nav>li:nth-child(6):after {
    content: "";
    position: absolute;
    right: 0;
    top: 24px;
    transition: all 0.5s;
    width: 12px;
    height: 12px;
    background: url(../img/hl_jt.png)no-repeat center;
  }

  .mh_nav .nav>li.on:after {
    transform: rotate(90deg);
  }

  .mh_nav .nav>li:first-child:after {
    display: none;
  }

  .mh_nav .nav>li .nav1 {
    padding: 15px;
    line-height: 36px;
    display: none;
    font-size: 14px;
    font-family: hm;
  }

  .mh_nav .nav>li .nav2 {
    font-size: 13px;
    padding-left: 16px;
    font-family: hr;
  }

  .pl_banner {
    height: 125vw;
    position: relative;
  }

  .pl_banner .pc {
    display: none;
  }

  .pl_banner .mm {
    display: block !important;
  }

  .pl_banner .mm img {
    width: 100%;
    height: 100%;
    object-fit: cover
  }

  .pl_banner .txt {
    top: 54px;
  }

  .pl_banner .txt .h {
    font-size: 28px;
    line-height: 38px;
    margin-bottom: 7px;
  }

  .pl_banner .txt .p1 {
    font-size: 14px;
    margin-right: 10px;
  }

  .pl_banner .txt .p2 {
    font-size: 12px;
  }

  .pl1 {
    padding: 54px 0 60px 0;
    height: auto;
  }

  .pl1 .con {
    width: 100% !important;
    position: relative;
    top: 0;
    left: 0;
    transform: translate(0, 0);
  }

  .pl1 .con .bj {
    border-radius: 0;
  }

  .pl1 .con .bj .list {
    position: relative;
    opacity: 1 !important;
    padding: 25px 15px 15px 15px;
    display: flex;
    flex-wrap: wrap;
  }

  .pl1 .con .bj .list .item {
    position: static;
    display: block;
    width: 48%;
    margin-bottom: 10px;
    opacity: 1 !important;
  }

  .pl1 .con .bj .list .item .dian {
    display: none;
  }

  .pl1 .con .bj .list .item .solid {
    display: none;
  }

  .pl1 .con .bj .list .item .btn {
    padding: 0;
    border: none;
    height: auto;
    background-color: transparent !important;
  }

  .pl1 .con .bj .list .item .btn span {
    font-size: 14px;
    color: #8BC63E;
    line-height: 2;
  }

  .pl1 .con .bj .list .item .btn span:after {
    border-color: #8BC63E;
  }

  .pl1 .con .bj .con_tc {
    position: relative;
    opacity: 1 !important;
    width: 100%;
    top: 0;
    left: 0;
    background-color: #FBFBFB;
    backdrop-filter: blur(0px);
    padding: 15px;
  }

  .pl1 .con .bj .con_tc .c_top {
    margin-bottom: 20px;
  }

  .pl1 .con .bj .con_tc .c_top .h {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 1px;
  }

  .pl1 .con .bj .con_tc .c_top .p {
    font-size: 12px;
    line-height: 16px;
  }

  .pl2 {
    height: auto;
  }

  .pl2 .video {
    width: 100% !important;
    position: relative;
    top: 0;
    left: 0;
    transform: translate(0, 0);
  }

  .pl2 .video video {
    border-radius: 0;
  }

  .pl3 {
    padding: 120px 15px;
  }

  .pl3 .tit {
    font-size: 28px;
    line-height: 38px;
    margin-bottom: 26px;
  }

  .pl3 .con {
    display: block;
    padding: 0;
    background-color: transparent;
  }

  .pl3 .con .pic {
    width: 100%;
  }

  .pl3 .con .pic img {
    position: static;
    width: 100%;
    height: 100%;
    transform: scale(1);
  }

  .pl4 {
    padding: 0 15px;
  }

  .pl3 .con .txt {
    width: 100%;
    font-size: 14px;
    line-height: 24px;
  }

  .pl4 .con .swiper-slide {
    padding: 26px 15px 15px 15px;
  }

  .pl4 .con .swiper-slide .txt .h {
    font-size: 20px;
    line-height: 26px;
    /*height: 52px;*/
    width: 100%;
  }

  .pl4 .con .swiper-slide .txt .p {
    width: 100%;
    font-size: 14px;
    line-height: 20px;
    height: auto;
  }

  .pl4 .con .swiper-slide .pic {
    height: 40vw;
  }

  .pl5 {
    padding: 120px 0 0 0;
  }

  .pl5 .tit {
    padding: 0 15px;
    margin-bottom: 24px;
  }

  .pl5 .tit .h {
    font-size: 28px;
    line-height: 38px;
  }

  .pl5 .tit .p {
    width: 100%;
    font-size: 14px;
    line-height: 24px;
  }

  .pl5 .list {
    padding: 30px 0;
    display: block;
    background-color: #F7F7F7;
  }

  .pl5 .list .item {
    padding: 8px 15px;
    margin-right: 0;
  }

  .pl5 .list .item .icon {
    width: 30px;
    margin-right: 26px;
  }

  .pl5 .list .item .txt {
    width: calc(100% - 56px);
  }

  .pl5 .list .item .txt .h {
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 12px;
    height: auto;
  }

  .pl5 .list .item .txt .p {
    font-size: 11px;
    line-height: 15px;
    height: auto;
  }

  .pl5 .list .item .txt .p:after {
    display: none;
  }

  .pl6 {
    padding: 120px 15px 106px 15px;
  }

  .pl6 .tit .h {
    font-size: 28px;
    line-height: 38px;
    margin-bottom: 25px;
  }

  .pl6 .tit .p {
    width: 100%;
    font-size: 14px;
    line-height: 24px;
  }

  .pl6 .pic {
    width: 100%;
    height: auto;
  }

  .pl6 .list {
    flex-wrap: wrap;
  }

  .pl6 .list .item {
    width: 48%;
    padding: 23px 8px 23px 14px;
    margin-bottom: 14px;
  }

  .pl6 .list .item .icon {
    width: 30px;
    height: 25px;
    margin-right: 13px;
  }

  .pl6 .list .item .p {
    font-size: 12px;
    line-height: 17px;
    line-break: anywhere;
  }

  .pl7 .top {
    padding: 44px 15px 64px 15px;
    display: block;
  }

  .pl7 .top .m_tit {
    display: block !important;
    font-size: 28px;
    line-height: 38px;
    text-align: center;
    font-family: ab;
    margin-bottom: 23px;
  }

  .pl7 .top .m_tit span {
    color: #8BC63E;
    display: block;
  }

  .pl7 .top .txt .tit {
    display: none;
  }

  .pl7 .top .pic {
    width: 100%;
    margin-right: 0;
  }

  .pl7 .top .txt {
    padding-bottom: 50px;
  }

  .pl7 .top .txt .prev {
    top: auto;
    left: 50%;
    bottom: 0;
    transform: translateX(-220%)
  }

  .pl7 .top .txt .next {
    top: auto;
    right: 50%;
    bottom: 0;
    transform: translateX(220%)
  }

  .pl7 .top .txt .lists {
    width: 100%;
    padding-top: 50px;
  }

  .pl7 .top .txt .list .item {
    width: 49%;
  }

  .pl7 .top .txt .list .item .p1 {
    font-size: 11px;
  }

  .pl7 .top .txt .list .item .p2 {
    font-size: 12px;
    line-break: anywhere;
  }
  .iess1 .cons .con .txt .h span{
      line-break: anywhere;
  }

  .pl7 .bottom {
    padding: 22px 15px 0 15px;
    flex-wrap: wrap;
  }

  .pl7 .bottom .box {
    width: 48%;
    margin-bottom: 14px;
  }

  .pl7 .bottom .box .icon {
    width: 40px;
    height: 33px;
  }

  .pl7 .bottom .box .h {
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 5px;
    height: 32px;
  }

  .pl7 .bottom .box .btn {
    padding: 9px 0 15px 0;
    background-size: 4px auto;
  }

  .pl7 .bottom .box .btn span {
    font-size: 9px;
  }

  .pl8 {
    padding: 106px 15px 120px 15px;
  }

  .pl8 .list {
    display: block;
  }

  .pl8 .list .item {
    width: 100%;
    margin-bottom: 30px;
  }

  .pl8 .list .item .pic {
    width: 100%;
    height: 50vw;
    margin-bottom: 18px;
  }

  .pl8 .list .item .txt .h {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 8px;
  }

  .pl8 .list .item .txt .p {
    font-size: 11px;
    line-height: 15px;
  }

  .iess_banner {
    height: 62vw;
  }

  .iess_banner .pc {
    display: none;
  }

  .iess_banner .mm {
    display: block !important;
    height: 100%;
  }

  .iess_banner .mm img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .iess_banner .txt .icon {
    width: 0.8rem;
    margin-bottom: 12px;
  }

  .iess_banner .txt .h {
    font-size: 28px;
  }

  .iess_banner .txt .p {
    font-size: 20px;
  }

  .iess1 {
    height: auto;
    padding-bottom: 0;
  }

  .iess1 .cons {
    position: static;
    padding: 60px 15px;
  }

  .iess1 .cons .con {
    min-height: auto;
  }

  .iess1 .cons .con .pic .con1 .m_video {
    display: block !important;
    width: 100%;
  }

  .iess1 .cons .con .pic {
    position: static;
    width: 100%;
    transform: translateX(0%) !important;
  }

  .iess1 .cons .con .txt {
    transform: translate3d(0px, 0px, 0px) !important;
    width: 100%;
    opacity: 1 !important;
    padding-left: 0;
    margin-bottom: 30px;
    text-align: center;
  }

  .iess1 .cons .con .pic .h {
    display: none;
  }

  .iess1 .cons .con .pic .con1 {
    transform: translateY(0) !important;
    height: auto;
  }

  .iess1 .cons .con .txt .h {
    font-size: 28px;
    line-height: 36px;
    margin-bottom: 15px;
  }

  .iess1 .cons .con .txt .p {
    font-size: 14px;
    line-height: 20px;
  }

  .iess2 {
    padding: 60px 15px;
  }

  .iess2 .h {
    font-size: 28px;
    line-height: 36px;
    margin-bottom: 20px;
  }

  .iess2 .p {
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 20px 0;
    max-width: 100%;
  }

  .iess3 {
    padding: 60px 15px;
  }

  .iess3 .con {
    padding: 15px;
    display: block;
  }

  .iess3 .con .boxs {
    height: auto;
  }

  .iess3 .con .boxs .box {
    display: none;
    position: static;
  }

  .iess3 .con .boxs .box.on {
    display: block;
  }

  .iess3 .con .boxs .box .txt {
    width: 100%;
    margin-bottom: 20px;
  }

  .iess3 .con .boxs .box .pic {
    width: 100%;
  }

  .iess3 .con .tab {
    position: static;
    margin: 0 auto;
    width: 80%;
    font-size: 12px;
    width: 100%;
  }
  .iess3 .con .tab li{width: 2rem;}

  .iess3 .con .boxs .box .txt .h {
    font-size: 28px;
    line-height: 36px;
    margin-bottom: 12px;
  }

  .iess3 .con .boxs .box .txt .p {
    font-size: 14px;
    line-height: 20px;
  }

  .iess4 {
    padding: 60px 15px;
  }

  .iess4 .top .h {
    font-size: 28px;
    line-height: 36px;
    margin-bottom: 12px;
  }

  .iess4 .top .p {
    width: 100%;
    font-size: 14px;
    line-height: 20px;
  }

  .iess4 .list {
    flex-wrap: wrap;
  }

  .iess4 .list .item {
    width: 48%;
    margin-bottom: 12px;
    padding: 26px 12px;
  }

  .iess4 .list .item .txt {
    font-size: 14px;
    line-height: 20px;
  }

  .iess5 {
    padding: 60px 15px;
  }

  .iess5 .top .h {
    font-size: 20px;
  }

  .iess5 .bottom {
    flex-wrap: wrap;
  }

  .iess5 .bottom .item {
    width: 48%;
    padding: 26px 12px;
    margin-bottom: 12px;
  }

  .iess5 .bottom .item .h {
    font-size: 14px;
    line-height: 20px;
  }

  .iess6 {
    padding: 60px 15px;
    margin-bottom: 0;
  }

  .iess6 .top .h {
    font-size: 28px;
    line-height: 36px;
    margin-bottom: 12px
  }

  .iess6 .top .p {
    font-size: 14px;
    line-height: 20px;
    width: 100%;
  }

  .iess6 .con {
    flex-wrap: wrap;
  }

  .iess6 .con .left {
    width: 100%;
    margin-bottom: 20px;
    padding: 20px;
  }

  .iess6 .con .left .h {
    font-size: 20px;
    line-height: 26px;
  }

  .iess6 .con .right {
    width: 100%;
    padding: 20px;
  }

  .iess6 .con .right .h {
    font-size: 20px;
    line-height: 26px;
  }

  .iess6 .con .right .p {
    font-size: 14px;
    line-height: 20px;
    height: auto;
  }

  .case_banner {
    height: 64vw;
  }

  .case_banner .pc {
    display: none;
  }

  .case_banner .mm {
    display: block !important;
    height: 100%;
  }

  .case_banner .mm img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .case_banner .txt .h {
    font-size: 28px;
  }

  .case_con .con .left {
    float: none;
    width: 100%;
    margin-bottom: 30px;
    position: static;
    height: auto;
    padding-top: 0;
  }

  .case_con .con .right {
    width: 100%;
    float: none;
  }

  .case_con .con .right .box:after {
    display: none;
  }

  .case_con .con .right .box {
    padding: 30px 15px;
    display: block;
  }

  .case_con .con .right .box .left1 {
    width: 100%;
    padding: 0;
  }

  .case_con .con .right .box .right1 {
    width: 100%;
    padding: 0;
  }

  .case_con .con .right .box .left1 .h {
    font-size: 26px;
    line-height: 34px;
    margin-bottom: 20px;
  }

  .case_con .con .right .box .left1 .p {
    font-size: 14px;
    line-height: 20px;
  }

  .case_con .con .right .box .right1 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 20px;
  }

  .case_con .con .right .box .right1 .item {
    width: 48%;
    padding: 0;
    margin-bottom: 15px;
  }

  .case_con .con .right .box .right1 .item .p1 {
    font-size: 12px;
    line-height: 18px;
  }

  .ser_banner {
    height: 64vw;
  }

  .ser_banner .txt .h {
    font-size: 28px;
    line-height: 36px;
  }

  .ser_banner .txt .p {
    font-size: 18px;
  }

  .ser_banner .pc {
    display: none;
  }

  .ser_banner .mm {
    display: block !important;
    height: 100%;
  }

  .ser_banner .mm img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .ser1 {
    padding: 60px 15px;
  }

  .ser1 .top .h {
    font-size: 28px;
    line-height: 36px;
    margin-bottom: 12px;
  }

  .ser1 .top .p {
    font-size: 14px;
    line-height: 20px;
  }

  .ser1 .bottom .item {
    width: 48%;
    padding: 16px;
    margin-bottom: 16px;
    height: auto;
  }

  .ser1 .bottom .item .h1 {
    font-size: 18px;
    line-break: anywhere;
  }

  .ser1 .bottom .item .p1 {
    font-size: 10px;
  }

  .ser2 {
    padding: 0 15px 60px 15px;
  }

  .ser2 .tit {
    font-size: 28px;
    margin-bottom: 30px;
  }

  .ser2 .con {
    display: block;
    width: 100%;
  }

  .ser2 .con .txt {
    width: 100%;
  }

  .ser2 .con .txt .item {
    padding: 20px 12px;
    height: auto;
  }

  .ser2 .con .txt .item .num {
    font-size: 22px;
  }

  .ser2 .con .txt .item .p {
    font-size: 12px;
  }

  .ser2 .con .pic {
    width: 100%;
  }

  .ser3 {
    padding: 60px 15px;
  }

  .ser3 .top {
    width: 100%;
  }

  .ser3 .top .swiper-slide {
    flex-wrap: wrap;
  }

  .ser3 .top .swiper-slide .item {
    width: 48% !important;
    margin-bottom: 15px;
  }

  .ser3 .top .swiper-slide .item .p {
    font-size: 12px;
  }

  .ser3 .bottom {
    display: block;
  }

  .ser3 .bottom .b_left {
    display: none;
  }

  .ser3 .b_left_m {
    display: block !important;
    margin-bottom: 30px;
    width: 100%;
    text-align: center;
    font-size: 28px;
    line-height: 36px;
  }

  .ser3 .bottom .b_right {
    width: 100%;
    font-size: 15px;
  }

  .nl_con {
    padding: 60px 15px;
  }

  .nl_con .left {
    float: none;
    width: 100%;
    position: static;
    margin-bottom: 30px;
  }

  .nl_con .right {
    float: none;
    width: 100%;
  }

  .nl_con .right .boxs .list .item {
    width: 100%;
  }

  .nl_con .left .tit {
    font-size: 28px;
    line-height: 36px;
    margin-bottom: 30px;
  }

  .nl_con .left .year {
    font-size: 20px;
  }

  .nl_con .left .tab_list {
    width: 100%;
    display: flex;
    font-size: 12px;
  }

  .nl_con .left .tab_list li {
    width: 33%;
    text-align: center;
    padding-bottom: 12px;
  }

  .nl_con .left .tab_list li a {
    display: block;
  }

  .nl_con .left .tab_list li a:after {
    bottom: -0.2rem;
  }

  .nl_con .right .boxs .year1 {
    font-size: 20px;
  }

  .nl_con .right .boxs .list .item .txt .time {
    font-size: 12px;
  }

  .nl_con .right .boxs .list .item .txt .p {
    font-size: 14px;
    line-height: 20px;
    height: 60px;
  }

  .nd_con .con1 .left {
    float: none;
    width: 100%;
    padding: 60px 15px;
    position: static;
    min-height: auto;
  }

  .nd_con .con1 .left .tit {
    padding-right: 0;
    width: 100%;
    font-size: 20px;
    line-height: 28px;
    padding-bottom: 40px;
  }

  .nd_con .con1 .left .time {
    font-size: 12px;
    margin-bottom: 12px;
  }

  .nd_con .con1 .left .share .p {
    font-size: 12px;
  }

  .nd_con .con1 .right {
    float: none;
    width: 100%;
    padding: 60px 15px;
    font-size: 14px;
    line-height: 20px;
  }

  .nd_con .con1 .right img {
    height: auto !important;
  }

  .nd_con .con2 {
    padding: 0 15px 60px 15px;
  }

  .nd_con .con2 .tit {
    font-size: 28px;
    line-height: 36px;
    margin-bottom: 30px;
  }

  .nd_con .con2 .list .item {
    width: 100%;
    margin-bottom: 20px
  }

  .nd_con .con2 .list .item .txt {
    padding: 20px 12px;
  }

  .nd_con .con2 .list .item .txt .time {
    font-size: 12px;
  }

  .nd_con .con2 .list .item .txt .p {
    font-size: 14px;
    line-height: 20px;
    height: 40px;
  }

  .ab_banner {
    height: 64vw;
  }

  .ab_banner .pc {
    display: none;
  }

  .ab_banner .mm {
    display: block !important;
    height: 100%;
  }

  .ab_banner .mm img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .ab_banner .txt {
    left: 0;
    padding: 0 15px;
  }

  .ab_banner .txt .h {
    font-size: 28px;
    line-height: 36px;
  }

  .ab_banner .txt .p {
    font-size: 16px;
  }

  .ab1 {
    padding: 60px 15px;
  }

  .ab1 .p1 {
    width: 100%;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 60px;
  }

  .ab1 .txt .h {
    font-size: 28px;
    line-height: 36px;
  }

  .ab1 .txt .p {
    font-size: 13px;
    line-height: 20px;
  }

  .ab1 .txt {
    height: auto;
    margin-bottom: 20px;
    transform: translate3d(0px, 0px, 0px) !important;
  }

  .ab1 .txt .txt1 {
    height: auto !important;
  }

  .ab1 .txt .txt2 {
    height: 0 !important;
  }

  .ab1 .txt .txt1>div {
    position: relative;
  }

  .ab1 .pic {
    transform: translate3d(0px, 0px, 0px) !important;
    width: 100% !important;
  }

  .ab2 {
    padding-bottom: 60px;
  }

  .ab2 .top {
    padding: 0 15px;
    margin-bottom: 30px;
  }

  .ab2 .top .h {
    font-size: 28px;
    line-height: 36px;
  }

  .ab2 .top .p {
    width: 100%;
    font-size: 14px;
    line-height: 20px;
  }

  .ab2 .cons .con .year {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 15px;
  }

  .ab2 .cons .con:after {
    top: 50px;
  }

  .ab2 .cons .con .txt .p {
    font-size: 14px;
    line-height: 20px;
    height: auto;
  }

  .ab3 {
    padding-bottom: 0;
  }

  .ab3 .tit {
    font-size: 28px;
    line-height: 36px;
    padding: 0 15px;
  }

  .ab3 .box {
    display: block;
  }

  .ab3 .box .pic,
  .ab3 .box:nth-child(2n) .pic {
    width: 100%;
    height: 100vw;
    background-size: cover;
    background-attachment: initial;
  }

  .ab3 .box .txt {
    width: 100%;
    padding: 30px 15px;
  }

  .ab3 .box .txt .h {
    font-size: 20px;
    line-height: 28px;
  }

  .ab3 .box .txt .p {
    font-size: 14px;
    line-height: 20px;
    height: auto;
  }

  .ab3 .box .txt .list .item {
    width: 48%;
    margin-bottom: 15px;
  }

  .ab3 .box .txt .list .item .p1 {
    height: auto;
    line-height: 20px;
    font-size: 12px;
    padding: 12px;
    height: 84px;
  }

  .ab4 {
    padding: 60px 15px;
  }

  .ab4 .tit {
    font-size: 28px;
    line-height: 36px;
  }

  .ab4 .con .item {
    width: 100%;
    margin-bottom: 20px
  }

  .ab4 .con .item .h {
    font-size: 16px;
    line-height: 22px;
    height: 22px;
  }

  .ab4 .con .item .p {
    font-size: 14px;
    line-height: 20px;
    height: 20px;
  }

  .ab5 {
    padding: 0 15px 60px 15px;
    height: auto !important;
  }

  .ab5 .tit {
    font-size: 28px;
    line-height: 36px;
  }

  .ab5 .cons {
    padding-left: 0;
    overflow: auto;
    padding-bottom: 20px;
  }

  .ab5 .cons .con {
    left: 0 !important;
  }

  .ab5 .cons .con .box {
    width: calc(100vw - 30px);
    margin-right: 40px;
  }

  .ab5>div.conx {
    position: static;
  }

  .ab5 .cons .con .box .txt .txt1 .h {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 12px;
  }

  .ab5 .cons .con .box .txt .txt1 .p {
    font-size: 12px;
    line-height: 18px;
    height: auto;
  }

  .ab6 {
    padding: 0 15px 60px 15px;
  }

  .ab6 .con {
    display: block;
  }

  .ab6 .con .pic {
    width: 100%;
    height: 80vw;
  }

  .ab6 .con .txt {
    padding: 30px 15px;
    width: 100%;
  }

  .ab6 .con .txt .h {
    font-size: 28px;
    line-height: 36px;
  }

  .ab6 .con .txt .p {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 30px;
  }

  .ab6 .con .txt .h1 {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 12px;
  }

  .ab6 .con .txt a {
    font-size: 12px;
  }

  .cta_banner {
    height: 64vw;
  }

  .cta_banner .pc {
    display: none;
  }

  .cta_banner .mm {
    display: block !important;
    height: 100%;
  }

  .cta_banner .mm img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .cta1 {
    display: none;
  }

  .cta1_m {
    display: block !important;
    padding: 60px 15px;
  }

  .cta1_m .con {
    padding: 20px 12px;
    border-radius: 10px;
    box-shadow: 0 3px 20px rgba(0, 0, 0, 0.1);
    margin-bottom: 10px;
  }

  .cta1_m .con .h {
    font-family: ab;
    color: #333;
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
    margin-bottom: 20px;
  }

  .cta1_m .con ul {
    font-size: 12px;
    line-height: 18px;
    color: #333;
    font-family: al;
  }

  .cta1_m .con ul a {
    font-size: 12px;
    line-height: 18px;
    color: #333;
    font-family: al;
    text-decoration: none !important;
  }

  .cta1_m .con ul span {
    font-size: 12px !important;
  }

  .cta1_m .con ul span u {
    font-size: 12px;
    line-height: 18px;
    color: #333;
    font-family: al;
    text-decoration: none !important;
  }

  .footer .f_top .left {
    width: 100%;
  }

  .case_con .con .left li a {
    font-size: 14px;
  }
}

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

  100% {
    opacity: 0;
    transform: scale(10);
  }
}

.contact {
  padding: 1.24rem 0.5rem 2.36rem;
  background-color: #fff;
}

.contact .tit {
  font-family: al;
  color: #000000;
  line-height: 1.33;
  margin-bottom: 0.18rem;
  font-weight: 600;
  text-align: center;
}

.contact .sub {
  width: 53%;
  margin: 0 auto;
  font-family: al;
  color: #7E858A;
  line-height: 1.6;
}

.contact .li-box {
  margin-top: 0.84rem;
  display: flex;
  justify-content: center;
}

.contact .li-box .li {
  width: 21%;
  height: 1.6rem;
  background-color: #F5F5F5;
  border-radius: 0.2rem;
  display: flex;
  padding: .3rem .32rem 0;
  margin-right: 0.2rem;
}

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

.contact .li-box .li .icon {
  width: 0.5rem;
  height: 0.5rem;
  margin-right: 0.2rem;
}

.contact .li-box .li .icon img {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.contact .li-box .li .intro {
  width: calc(100% - 0.7rem);
}

.contact .li-box .li .intro .num {
  display: flex;
  align-items: center;
  color: #0D357F;
  line-height: 1;
  font-family: ar;
}

.contact .li-box .li .intro .txt {
  margin-top: .14rem;
  color: #3C4041;
  font-family: al;
}

.contact .map {
  position: relative;
  width: 84%;
  margin: 0.56rem auto 0;
}

.contact .map img {
  width: 100%;
}

.contact .map .pos-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.contact .map .point-box {
  z-index: 5;
}

.contact .map .point-box .point {
  position: absolute;
  width: 0.31rem;
  cursor: pointer;
}

.contact .map .point-box .point::after {
  content: "";
  position: absolute;
  background-color: #0D357F;
}

.contact .map .point-box .point p {
  position: absolute;
  color: #3C4041;
  line-height: 1;
  transition: all 0.4s;
}

.contact .map .point-box .point.active p {
  color: #0D357F;
}

.contact .map .point-box .point1 {
  top: 33.9%;
  left: 46.2%;
}

.contact .map .point-box .point1::after {
  width: 1px;
  height: 0.98rem;
  bottom: calc(100% + 3px);
  left: 50%;
  transform: translateX(-50%);
}

.contact .map .point-box .point1 p {
  left: 50%;
  bottom: calc(100% + 1.12rem);
  transform: translateX(-50%);
}

.contact .map .point-box .point2 {
  top: 34.39%;
  left: 48.23%;
}

.contact .map .point-box .point2::after {
  width: 1px;
  height: 0.66rem;
  bottom: calc(100% + 3px);
  left: 50%;
  transform: translateX(-50%);
}

.contact .map .point-box .point2 p {
  left: 50%;
  bottom: calc(100% + 0.7rem);
  transform: translateX(-30%);
}

.contact .map .point-box .point3 {
  top: 36.09%;
  left: 48.49%;
}

.contact .map .point-box .point3::after {
  width: 0.96rem;
  height: 1px;
  top: 50%;
  right: calc(100% - 0.1rem);
  transform: translateY(-50%);
}

.contact .map .point-box .point3 p {
  right: calc(100% + 1rem);
  top: 50%;
  transform: translateY(-50%);
}

.contact .map .point-box .point4 {
  top: 35.24%;
  left: 49.35%;
}

.contact .map .point-box .point4::after {
  width: 1px;
  height: 0.32rem;
  bottom: calc(100% + 3px);
  left: 50%;
  transform: translateX(-50%);
}

.contact .map .point-box .point4 p {
  left: 50%;
  bottom: calc(100% + 0.4rem);
  transform: translateX(-20%);
}

.contact .map .point-box .point5 {
  top: 37.91%;
  left: 49.02%;
}

.contact .map .point-box .point5::after {
  width: 0.96rem;
  height: 1px;
  top: 50%;
  right: calc(100% - 0.1rem);
  transform: translateY(-50%);
}

.contact .map .point-box .point5 p {
  right: calc(100% + 1rem);
  top: 50%;
  transform: translateY(-50%);
}

.contact .map .point-box .point6 {
  top: 36.94%;
  left: 49.8%;
}

.contact .map .point-box .point6::after {
  width: 0.27rem;
  height: 1px;
  top: 50%;
  left: calc(100% - 0.1rem);
  transform: translateY(-50%);
}

.contact .map .point-box .point6 p {
  left: calc(100% + 0.36rem);
  top: 50%;
  transform: translateY(-50%);
}

.contact .map .point-box .point7 {
  top: 43.31%;
  left: 52.13%;
}

.contact .map .point-box .point7::after {
  width: 0.96rem;
  height: 1px;
  top: 50%;
  right: calc(100% - 0.1rem);
  transform: translateY(-50%);
}

.contact .map .point-box .point7 p {
  right: calc(100% + 1rem);
  top: 50%;
  transform: translateY(-50%);
}

.contact .map .point-box .point8 {
      top: 44.31%;
    left: 52.8%;
    
    top: 34.31%;
    left: 47.3%;
    white-space: nowrap;
}

.contact .map .point-box .point8::after {
  width: 0.96rem;
  height: 1px;
  top: 50%;
  right: calc(100% - 0.1rem);
  transform: translateY(-50%);
}

.contact .map .point-box .point8 p {
  right: calc(100% + 1rem);
  top: 50%;
  transform: translateY(-50%);
}

.contact .map .cir-box {
  z-index: 3;
}

.contact .map .cir-box .cir {
  position: absolute;
  width: 0.14rem;
  height: 0.14rem;
  border-radius: 50%;
  background-color: #B3DF7E;
  position: relative;
}

.contact .map .cir-box .cir::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #B3DF7E;
  transform-origin: center;
  animation: scale 5s linear infinite;
}

.contact .map .cir-box .cir::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #B3DF7E;
  transform-origin: center;
  animation: scale 5s 2.5s linear infinite;
}

.contact .map .cir-box .cir1 {
  top: 28.3%;
  left: 12.4%;
}

.contact .map .cir-box .cir2 {
  top: 59%;
  left: 23%;
}

.contact .map .cir-box .cir3 {
  top: 59%;
  left: 55.6%;
}

.contact .map .cir-box .cir4 {
  top: 84.08%;
  left: 29.06%;
}

.contact .map .icon-box {
  z-index: 3;
}

.contact .map .icon-box .icon {
  position: absolute;
  width: 0.31rem;
}

.contact .map .icon-box .icon1 {
  top: 33.78%;
  left: 18.26%;
}

.contact .map .icon-box .icon2 {
  top: 15.8%;
  left: 36.65%;
}

.contact .map .icon-box .icon3 {
  top: 70.35%;
  left: 32.07%;
}

.contact .map .icon-box .icon4 {
  top: 55.65%;
  left: 45.94%;
}

.contact .map .icon-box .icon5 {
  top: 51.76%;
  left: 52.16%;
}

.contact .map .cont-box {
  position: absolute;
  top: 0.32rem;
  right: 0.6rem;
  z-index: 6;
  width: 4.88rem;
}

.contact .map .cont-box .cont {
  position: absolute;
  width: 100%;
  border-radius: 0.2rem;
  overflow: hidden;
  background-color: #fff;
  box-shadow: 0 0.12rem 0.56rem rgba(167, 167, 167, 0.16);
  opacity: 0;
  visibility: hidden;
  transform: translateY(0.2rem);
  transition: all 0.4s;
  
}

.contact .map .cont-box .cont.show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.contact .map .cont-box .cont .pic {
  width: 100%;
  height: 2.86rem;
}

.contact .map .cont-box .cont .pic img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.contact .map .cont-box .cont .intro {
  width: 100%;
  padding: 0.32rem 0.52rem 0.59rem;
}
.contact .map .cont-box .cont .intro .svg{
    width: 1.2rem;
    height:0.36rem;
    object-fit: contain;
}

.contact .map .cont-box .cont .intro .h1 {
  color: #000000;
  line-height: 1;
  padding-bottom: 0.2rem;
  border-bottom: 1px solid #EEEEEE;
  position: relative;
}

.contact .map .cont-box .cont .intro .h1::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 0.64rem;
  height: 2px;
  background-color: #89C33D;
}

.contact .map .cont-box .cont .intro .list {
  margin-top: 0.24rem;
}

.contact .map .cont-box .cont .intro .list .li {
  display: flex;
  align-items: flex-start;
  margin-bottom: 0.15rem;
}

.contact .map .cont-box .cont .intro .list .li:last-child{
    margin-bottom: 0;
}

.contact .map .cont-box .cont .intro .list .li div {
  width: 0.2rem;
  height: 0.2rem;
  margin-right: 0.14rem;
}

.contact .map .cont-box .cont .intro .list .li div img {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.contact .map .cont-box .cont .intro .list .li p {
  color: #333333;
  width: calc(100% - 0.34rem);
  font-family: al;
  line-height: 1;
}





@media screen and (max-width: 1024px) {
    .contact{padding: 60px 15px 0 15px;}

.contact .tit{font-size: 28px;
        line-height: 32px;
        margin-bottom: 15px;}
.contact .sub{width: 100%;font-size: 14px;
        line-height: 20px;
        width: 100%;
        margin-bottom: 20px;}
.contact .li-box{flex-wrap: wrap;}
.contact .li-box .li{width: 48%;margin:0 1%;margin-bottom:12px;padding:12px;height:auto;}
.contact .li-box .li .intro .num{font-size: 20px;}
.contact .li-box .li .intro .txt{font-size: 12px;}

.cta2{padding: 60px 15px;}
.cta2 .tit{font-size: 28px;
        line-height: 32px;
        margin-bottom: 15px;}
.cta2 form{padding: 16px;}
.cta2 form .top{    margin-bottom: 20px;
    flex-wrap: wrap;}
.cta2 form .top .b_btnx{    margin-right:0;
    margin-bottom: 12px;}
.cta2 form .inputs .input{width: 100%;margin-bottom:20px;}
.cta2 form .inputs .name{font-size: 14px;line-height: 20px;height:20px;}
.re_item .con .top .h1{font-size: 14px;}
.re_item .con .top .h1:nth-child(2),.re_item .con .top .h1:nth-child(3){width:20%;}
.re_item .con .bottom .li .p1{font-size: 12px;}
.re_item .con .bottom .li .p1:nth-child(2),.re_item .con .bottom .li .p1:nth-child(3){width:20%;}
.red_item1 .tit{font-size: 20px;}
/*.red_item1 .con .bottom .p1:nth-child(2)*/

.red_item1 .con .top .h1{font-size: 14px;}
.red_item1 .con .top .h1:nth-child(2),.red_item1 .con .top .h1:nth-child(3){width:20%;}
.red_item1 .con .bottom .p1{font-size: 12px;}
.red_item1 .con .bottom .p1:nth-child(2),.red_item1 .con .bottom .p1:nth-child(3){width:20%;}
.red_item2 .h{font-size: 18px;}
.red_item2 .con{font-size: 14px;}
.cta2 form .top .b_btnx{width: 100%;font-size:12px;}
.f_tc .con{width: 90%;}

.dl_con .con .left{width: 100%;padding: 30px 18px;height: auto;position:relative;}

.dl_con .con .left .tit{margin-bottom: 30px;}

.dl_con .con .left .l_nav{max-height: none;}

.dl_con .con .right{width: 100%;padding: 30px 18px 50px;}

.dl_con .con .right .con .item{padding: 15px 0;}

.dl_con .con .right .con .item .right1 .solid{display: none;}

.dl_con .con .right .con .item .right1 .p1{display: none;}

.dl_con .con .right .con .item .txt{width: calc(100% - 1rem);}

.dl_con .con .right .page a{margin: 0 0.025rem;}

.dl_con .con .right .r_top{margin-bottom: 30px;}

.dl_con .con .right .con{padding-bottom: 30px;}

.dl_con .con .right .r_top{flex-wrap: wrap;}

.dl_con .con .right .r_top form{width: 100%;margin-top: 15px;}

.dl_con .con .left .l_nav1.on .l_nav2{max-height: 20vh;overflow-y: auto;}

.dl_banner .txt{line-break: anywhere;}
}