@font-face {
  font-family: 'Ali-Medium';
  src: url('../css/fonts/AlibabaPuHuiTi-3-65-Medium.woff') format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'Ali-Regular';
  src: url('../css/fonts/AlibabaPuHuiTi-3-55-Regular.woff') format('woff');
  font-display: swap;
}
/*@font-face {*/
/*  font-family: 'Ali-Medium';*/
/*  src: url('../css/fonts/Ali-Medium.woff2') format('woff2');*/
/*  font-display: swap;*/
/*}*/
/*@font-face {*/
/*  font-family: 'Ali-Regular';*/
/*  src: url('../css/fonts/Ali-Regular.woff2') format('woff2');*/
/*  font-display: swap;*/
/*}*/
@font-face {
  font-family: 'Serif-Bold';
  src: url('../css/fonts/Serif-Bold.woff2') format('woff2');
  font-display: swap;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body,
html {
  height: 100%;
  position: relative;
  width: 100%;
  font-family:
    Arial,
    Source Han Sans CN,
    PingFang SC,
    Microsoft YaHei,
    sans-serif;
}

body::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

body::-webkit-scrollbar-thumb {
  /* box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); */
  background: #006522;
}

body::-webkit-scrollbar-track {
  /* box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1); */
  background: #dedede;
}

img {
  display: block;
}

a {
  color: #333;
  text-decoration: none;
}

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

/* .swiper-container{
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
} */

:root {
  --font-family:
    'Ali-Regular', Source Han Sans CN, 'PingFang SC', 'Microsoft YaHei',
    sans-serif, Arial;
  --font-Ali-Medium:
    'Ali-Medium', Source Han Sans CN, 'PingFang SC', 'Microsoft YaHei',
    sans-serif, Arial;
  --font-Ali-Regular:
    'Ali-Regular', Source Han Sans CN, 'PingFang SC', 'Microsoft YaHei',
    sans-serif, Arial;
  --font-Serif-Bold:
    'Serif-Bold', Source Han Sans CN, 'PingFang SC', 'Microsoft YaHei',
    sans-serif, Arial;
}

.el-message {
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
}
.hamburger {
  display: none;
}

.center-1200 {
  width: 1200px;
}

.center-1400 {
  width: 1400px;
}

.center-1600 {
  width: 1600px;
}

.center-1800 {
  width: 1800px;
}

.app {
  display: none;
}

.diaolog-pb {
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 1999;
  display: none;
}
.diaolog-pb .content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.diaolog-pb video,
.diaolog-pb img {
  max-height: 75vh;
  max-width: 75vw;
  margin: 0 auto;
  display: block;
}
.diaolog-pb .title {
  font-family: var(--font-Ali-Regular);
  font-weight: 500;
  font-size: 18px;
  color: #ffffff;
  text-align: center;
  margin-top: 15px;
}
.diaolog-pb i {
  font-size: 36px;
  position: absolute;
  bottom: 100%;
  left: 100%;
  color: #ffffff;
  cursor: pointer;
}

.diaolog.active {
  display: block;
}

.diaolog iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 75%;
  height: 75%;
}

.message-alert {
  position: fixed;
  top: 5%;
  left: 50%;
  transform: translateX(-50%);
  padding: 15px 25px;
  border-radius: 4px;
  font-family: var(--font-Ali-Regular);
  font-weight: 400;
  font-size: 16px;
  color: #ffffff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  display: none;
  z-index: 1000;
  width: max-content;
  max-width: 50%;
  text-align: center;
}

.message-alert.success {
  background-color: #55bb8a;
}

.message-alert.error {
  background-color: #f56c6c;
}

.message-alert.warning {
  background-color: #e6a23c;
}

/* seadershow */
.seadershow {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  background-color: rgba(0, 0, 0, 0.7);
  display: none;
}

.seaderbox {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
}

.seader {
  position: relative;
}

.seader form {
  width: 1000px;
  height: 80px;
  border: 5px solid #8c8c8c;
  border-radius: 8px;
  overflow: hidden;
  background-color: #fff;
  display: flex;
  display: -webkit-flex;
}

.seader form input {
  display: block;
  width: 80%;
  height: 100%;
  border: none;
  outline: none;
  box-sizing: border-box;
  padding: 0 20px;
  font-size: 16px;
  color: #666666;
  font-family: var(--font-Ali-Regular);
}

.seader form button {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  width: 20%;
  border: none;
  outline: none;
  background-color: #006522;
  font-size: 18px;
  color: #ffffff;
  font-family: var(--font-Ali-Regular);
  cursor: pointer;
}

.seader form button img {
  display: block;
  width: auto;
  filter: brightness(11);
  margin-right: 20px;
}

.seader .close {
  display: block;
  position: absolute;
  right: -60px;
  top: -80px;
}

.seader .close img {
  display: block;
}

.el-message {
  font-family: var(--font-Ali-Regular);
  z-index: 9999 !important;
}

.el-form-item__error,
.el-select-dropdown__item,
.el-checkbox__label {
  font-family: var(--font-Ali-Regular);
}

.el-form-item__error {
  z-index: 1;
}
.header-box.active {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.header-box.scroll-down {
  top: -175px;
}
.header-box {
  /* position: fixed;
  top: 0;
  left: 0; */
  position: relative;
  width: 100%;
  z-index: 99;
  /* transition: 0.5s; */
}
.header-box.shadow {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
}
.header-box .top {
  background-color: #006522;
}
.header-box .top .ct {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 38px;
  margin: 0 auto;
}
.header-box .top .ct .cat {
  font-family: var(--font-Ali-Regular);
  font-weight: 400;
  font-size: 16px;
  color: #ffffff;
}
.header-box .top .ct .cat:first-of-type {
  margin-right: auto;
}
.header-box .top .ct .lan {
  position: relative;
  margin-left: 50px;
  cursor: pointer;
}
.header-box .top .ct .lan:hover .flow {
  transform: translateX(-50%) scaleY(1);
  opacity: 1;
}
.header-box .top .ct .lan .wz {
  display: flex;
  align-items: center;
}
.header-box .top .ct .lan .wz p {
  font-family: var(--font-Ali-Regular);
  font-weight: 400;
  font-size: 16px;
  color: #ffffff;
  margin-right: 12px;
}
.header-box .top .ct .lan .wz i {
  font-size: 16px;
  color: #ffffff;
}
.header-box .top .ct .lan .flow {
  position: absolute;
  left: 50%;
  transform: translateX(-50%) scaleY(0);
  top: 100%;
  min-width: 100%;
  width: max-content;
  padding-top: 20px;
  opacity: 0;
  transform-origin: top;
  transition: 0.5s;
  z-index: 999;
}
.header-box .top .ct .lan .flow .rq {
  background-color: #ffffff;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.16);
  border-radius: 4px;
  width: 100%;
  padding: 4px 8px;
  position: relative;
}
.header-box .top .ct .lan .flow .rq::before {
  display: block;
  content: '';
  border-top: 7px solid transparent;
  border-bottom: 7px solid #ffffff;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -14px;
}
.header-box .top .ct .lan .flow .rq a {
  display: block;
  text-align: center;
  font-family: var(--font-Ali-Regular);
  font-weight: 400;
  font-size: 16px;
  color: #222222;
  padding: 8px 0;
  transition: 0.3s;
}
.header-box .top .ct .lan .flow .rq a:not(:first-of-type) {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.header-box .top .ct .lan .flow .rq a:hover {
  color: #006522;
}
.header-box .mide {
  background-color: #ffffff;
}
.header-box .mide .ct {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 auto;
  height: 86px;
}
.header-box .mide .ct .logo img {
  height: 50px;
}
.header-box .mide .ct .right {
  display: flex;
  align-items: center;
  height: 100%;
}
.header-box .mide .ct .nav {
  height: 100%;
  display: flex;
}
.header-box .mide .ct .nav li {
  height: 100%;
  position: relative;
}
.header-box .mide .ct .nav li .two {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%) scaleY(0);
  transition: 0.5s;
  width: 100%;
  opacity: 0;
  transform-origin: top;
}
.header-box .mide .ct .nav li:hover .two {
  transform: translateX(-50%) scaleY(1);
  opacity: 1;
}
/* .header-box .mide .ct .nav li .two .rq {
  background-color: rgba(126, 217, 87, 0.8);
} */
.header-box .mide .ct .nav li .two .rq a {
  font-family: var(--font-Ali-Regular);
  font-weight: 400;
  font-size: 16px;
  color: #ffffff;
  display: block;
  text-align: center;
  padding: 9px 0;
  transition: 0.5s;
  background-color: rgba(126, 217, 87, 0.8);
}
.header-box .mide .ct .nav li .two .rq a:hover {
  background-color: rgba(95, 196, 52, 0.8);
}
.header-box .mide .ct .nav li .two .rq a:not(:first-of-type) {
  border-top: 1px solid rgba(255, 255, 255, 0.25);
}
/* .header-box .mide .ct .nav li:not(:first-of-type) {
  margin-left: 88px;
} */
.header-box .mide .ct .nav li > a {
  display: flex;
  align-items: center;
  font-family: var(--font-Ali-Regular);
  font-weight: 400;
  font-size: 18px;
  color: #000000;
  transition: 0.4s;
  position: relative;
  height: 100%;
  z-index: 1;
  padding: 0 30px;
}
.header-box .mide .ct .nav li > a::after {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 100%;
  z-index: -1;
  background-color: #06b340;
  transition: 0.4s;
}
.header-box .mide .ct .nav li.active > a::after {
  width: 100%;
}
.header-box .mide .ct .nav li.active > a {
  color: #ffffff;
}
.header-box .mide .ct .search {
  margin-left: 87px;
  height: 100%;
  display: flex;
  align-items: center;
  position: relative;
}
.header-box .mide .ct .search > i {
  font-size: 20px;
  color: #000000;
  cursor: pointer;
  transition: 0.5s;
}
.header-box .mide .ct .search > i:hover {
  color: #006522;
}
.header-box .mide .ct .search .flow {
  position: absolute;
  top: 100%;
  right: 0;
  display: none;
}
.header-box .mide .ct .search form {
  display: flex;
  align-items: center;
  width: 300px;
  height: 50px;
  padding: 10px;
  background-color: #06b340;
  border-radius: 4px;
}
.header-box .mide .ct .search form input {
  width: calc(100% - 24px);
  height: 100%;
  border: none;
  outline: none;
  background-color: #ffffff;
  padding: 0 8px;
  font-family: var(--font-Ali-Regular);
  font-weight: 400;
  font-size: 15px;
  color: #333333;
}
.header-box .mide .ct .search form button {
  outline: none;
  border: none;
  height: 100%;
  background-color: #ffffff;
  padding-right: 8px;
}
.header-box .mide .ct .search form i {
  font-size: 16px;
  color: #999999;
  transition: 0.4s;
  cursor: pointer;
}
.header-box .mide .ct .search form i:hover {
  color: #006522;
}
.mySwiper {
  width: 100%;
  /* margin-top: 165px; */
}
.mySwiper .bg {
  width: 100%;
  min-height: 650px;
  object-fit: cover;
}
.mySwiper .flow-dbl {
  position: absolute;
  left: calc((100% - 1600px) / 2);
  bottom: 90px;
  font-family: var(--font-Ali-Regular);
  font-weight: 400;
  font-size: 28px;
  color: #ffffff;
  z-index: 1;
  display: flex;
  align-items: center;
  width: max-content;
  z-index: 6;
}
.mySwiper .flow-dbl .pb {
  cursor: pointer;
}
.mySwiper .flow-dbl .prev {
  margin-right: 10px;
}
.mySwiper .flow-dbl .next {
  margin-left: 10px;
}
.mySwiper .flow-dbl p {
  margin: 0 5px;
}
.mySwiper .tpct .rq {
  opacity: 0;
  transform: translateY(10vh);
  transition: 1.5s;
}
.mySwiper .swiper-slide.show-text .tpct .rq {
  opacity: 1;
  transform: translateY(0);
}
.mySwiper .tpct {
  position: absolute;
  top: 90px;
  left: 50%;
  transform: translateX(-50%);
}
.mySwiper .tpct .one h3 {
  font-family: var(--font-Ali-Medium);
  font-weight: 500;
  font-size: 72px;
  color: #ffffff;
  line-height: 90px;
  text-shadow: 0px 3px 4px rgba(0, 0, 0, 0.2);
  text-align: right;
}
.mySwiper .tpct .one h6 {
  font-family: var(--font-Ali-Regular);
  font-weight: 400;
  font-size: 25px;
  color: #ffffff;
  line-height: 36px;
  text-shadow: 0px 3px 4px rgba(0, 0, 0, 0.2);
  text-align: right;
  margin-top: 10px;
}
.mySwiper .tpct .two h4 {
  font-family: var(--font-Serif-Bold);
  font-weight: bold;
  font-size: 32px;
  color: #ffffff;
  text-shadow: 0px 3px 4px rgba(0, 0, 0, 0.2);
}
.mySwiper .tpct .two h3 {
  font-family: var(--font-Ali-Regular);
  font-weight: bold;
  font-size: 96px;
  color: #ffffff;
  text-shadow: 0px 3px 4px rgba(0, 0, 0, 0.2);
  line-height: 1;
  margin: 10px 0 14px 0;
}
.mySwiper .tpct .two h6 {
  font-family: var(--font-Ali-Medium);
  font-weight: 500;
  font-size: 22px;
  color: #ffffff;
  text-shadow: 0px 3px 4px rgba(0, 0, 0, 0.2);
}
.mySwiper .tpct .three h3 {
  font-family: var(--font-Ali-Medium);
  font-weight: 500;
  font-size: 60px;
  color: #ffffff;
  line-height: 80px;
  text-shadow: 0px 3px 4px rgba(0, 0, 0, 0.2);
}
.mySwiper .tpct .three h6 {
  font-family: var(--font-Ali-Medium);
  font-weight: 400;
  font-size: 24px;
  color: #ffffff;
  line-height: 36px;
  text-shadow: 0px 3px 4px rgba(0, 0, 0, 0.2);
  width: 735px;
  text-align: justify;
  margin-top: 5px;
}
.mySwiper .tpct .four h4 {
  font-family: var(--font-Serif-Bold);
  font-weight: bold;
  font-size: 36px;
  color: #006522;
}
.mySwiper .tpct .four h3 {
  font-family: var(--font-Ali-Regular);
  font-weight: bold;
  font-size: 96px;
  color: #006522;
  line-height: 1;
  margin: 10px 0;
}
.mySwiper .tpct .four h6 {
  font-family: var(--font-Ali-Regular);
  font-weight: 400;
  font-size: 22px;
  color: #006522;
  line-height: 30px;
}
.mySwiper .dbct {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 90px;
  z-index: 5;
}
.mySwiper .dbct .rq {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.mySwiper .dbct img {
  margin-top: 29px;
}
.mySwiper .dbct h5 {
  font-family: var(--font-Serif-Bold);
  font-weight: bold;
  font-size: 36px;
  color: #ffffff;
  text-shadow: 0px 3px 4px rgba(0, 0, 0, 0.2);
  text-align: right;
}
.mySwiper .dbct h6 {
  font-family: var(--font-Ali-Regular);
  font-weight: bold;
  font-size: 28px;
  color: #ffffff;
  line-height: 36px;
  text-align: right;
  margin-top: 13px;
}
.mySwiper .dbct h6 span {
  color: #d71718;
}
.mySwiper .dbct a {
  width: 160px;
  height: 45px;
  background-color: #06b340;
  font-family: var(--font-Ali-Regular);
  font-weight: 400;
  font-size: 20px;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 30px;
  position: relative;
  z-index: 1;
  transition: 0.4s;
}
.mySwiper .dbct a:hover {
  background-color: #ffffff;
  color: #06b340;
}
/* .mySwiper .dbct a::after {
  display: block;
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: #d71718;
  transition: 0.4s;
  z-index: -1;
}
.mySwiper .dbct a:hover::after {
  width: 100%;
} */
.i6-1 {
  width: 100%;
  position: relative;
}
.i6-1 .bg {
  width: 100%;
  min-height: 300px;
  object-fit: cover;
}
.i6ct {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.i6ct h3 {
  font-family: var(--font-Serif-Bold);
  font-weight: bold;
  font-size: 44px;
  color: #ffffff;
  text-align: center;
}
.i6ct h6 {
  font-family: var(--font-Ali-Regular);
  font-weight: 400;
  font-size: 24px;
  color: #ffffff;
  text-align: center;
  margin: 15px 0 47px 0;
}
.i6ct a {
  width: 160px;
  height: 45px;
  background-color: #06b340;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-family: var(--font-Ali-Regular);
  font-weight: 400;
  font-size: 18px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
  transition: 0.4s;
}
.i6ct a:hover {
  color: #06b340;
  background-color: #ffffff;
}
/* .i6ct a::after {
  display: block;
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: #d71718;
  transition: 0.4s;
  z-index: -1;
}
.i6ct a:hover::after {
  width: 100%;
} */
.i2-box {
  width: 100%;
}
.i2ct {
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  padding: 100px 0;
}
.i2ct .item {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: calc((100% - 60px) / 4);
}
.i2ct .item .ib {
  height: 72px;
  display: flex;
  align-items: center;
}
.i2ct .item .ib img {
  max-height: 100%;
}
.i2ct .item h3 {
  font-family: var(--font-Ali-Regular);
  font-weight: 500;
  font-size: 30px;
  color: #ffffff;
  text-align: center;
  margin: 32px 0 24px 0;
}
.i2ct .item p {
  font-family: var(--font-Ali-Regular);
  font-weight: 400;
  font-size: 20px;
  color: #ffffff;
  line-height: 36px;
  text-align: center;
}
.i1-box {
  overflow: hidden;
}
.i1ct {
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  padding: 160px 0;
}
.i1ct .left {
  width: 715px;
}
.i1ct .left h3 {
  font-family: var(--font-Ali-Medium);
  font-weight: 500;
  font-size: 44px;
  color: #010101;
  line-height: 60px;
}
.i1ct .left h3 span {
  color: #d71718;
}
.i1ct .left .desc {
  font-family: var(--font-Ali-Regular);
  font-weight: 400;
  font-size: 20px;
  color: #333333;
  line-height: 30px;
  margin: 36px 0 50px 0;
}
.i1ct .left .desc p:not(:first-of-type) {
  margin-top: 18px;
}
.pb-more-160-bg {
  width: 160px;
  height: 45px;
  background-color: #006522;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-Ali-Regular);
  font-weight: 400;
  font-size: 18px;
  color: #ffffff;
  position: relative;
  z-index: 1;
  transition: 0.4s;
}
.pb-more-160-bg:hover {
  background-color: #06b340;
}
/* .pb-more-160-bg::after {
  display: block;
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: #d71718;
  transition: 0.4s;
  z-index: -1;
}
.pb-more-160-bg:hover::after {
  width: 100%;
} */
.i1ct .right {
  width: calc(100% - 715px - 105px);
}
.i1ct .right img {
  width: 100%;
  border-radius: 10px;
}
.i3ct {
  margin: 0 auto;
  padding: 110px 0 100px 0;
}
.pb-desc {
  font-family: var(--font-Ali-Regular);
  font-weight: 400;
  font-size: 20px;
  color: #333333;
  line-height: 36px;
  text-align: center;
  margin: 28px auto 0;
  width: 81%;
}
.i3ct .mide {
  margin-top: 25px;
  position: relative;
}
.i3ct .mide .bg {
  width: 100%;
}
/* .i3ct .mide .line {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
} */
.i3ct .mide .line-box {
  position: absolute;
  inset: 0;
  overflow: hidden;
  --x: 81%;
  --y: 33%;
  --r: 0px;
  /* ✅ clip-path 支持变量，浏览器全部生效 */
  clip-path: circle(var(--r) at var(--x) var(--y));
}

.i3ct .mide .line {
  width: 100%;
  display: block;
}
.i3ct .mide .line-box .radiate-glow {
  position: absolute;
  left: var(--x);
  top: var(--y);
  width: calc(var(--r) * 2);
  height: calc(var(--r) * 2);
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: radial-gradient(
    circle,
    rgba(255, 255, 255, 0.12) 60%,
    transparent
  );
  pointer-events: none;
}
.i3ct .mide .pb-more-142 {
  position: absolute;
  right: 0;
  bottom: 60px;
  z-index: 9;
}
.i3ct .mide .circle {
  position: absolute;
  right: 18.6%;
  top: 32.5%;
}
.i3ct .mide .circle .rund {
  width: 20px;
  height: 20px;
  background: #ffffff;
  border-radius: 50%;
  position: relative;
}
.i3ct .mide .circle .rund::before {
  display: block;
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 10px;
  height: 10px;
  background: #d71718;
  border-radius: 50%;
}
.i3ct .mide .circle .dw {
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.3);
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  animation: zbpulse 2s ease-out infinite;
}
@keyframes zbpulse {
  100% {
    transform: scale(1.7);
  }
}
.i3ct .mide .circle .wz {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: max-content;
  left: calc(100% + 10px);
  font-family: var(--font-Ali-Regular);
  font-weight: 400;
  font-size: 18px;
  color: #ffffff;
}
.i3ct .mide .location {
  position: absolute;
  /* opacity: 0;
  transform: scale(0.5);
  transition: 0.5s ease-out; */
}
.i3ct .mide .location.show {
  opacity: 1;
  transform: scale(1);
}
.i3ct .mide .location .wz {
  position: absolute;
  width: max-content;
  font-family: var(--font-Ali-Regular);
  font-weight: 400;
  font-size: 18px;
  color: #333333;
  left: 50%;
  top: calc(100% + 2px);
  transform: translate(-50%, 0);
}
.i3ct .mide .location.wh .wz {
  color: #ffffff;
}
.i3ct .mide .location.rt .wz {
  top: 50%;
  transform: translate(0, -50%);
  left: calc(100% + 2px);
}
.i3ct .mide .location.lt .wz {
  top: 50%;
  transform: translate(0, -50%);
  left: unset;
  right: calc(100% + 2px);
}
.i3ct .mide .loc1 {
  right: 14.5%;
  top: 20%;
}
.i3ct .mide .location.tp .wz {
  top: unset;
  bottom: calc(100% + 2px);
}
.i3ct .mide .loc2 {
  right: 14%;
  top: 26%;
}
.i3ct .mide .loc3 {
  right: 14.4%;
  top: 29.5%;
}
.i3ct .mide .loc4 {
  right: 18.45%;
  top: 36.5%;
}
.i3ct .mide .loc5 {
  right: 21.2%;
  top: 40.4%;
}
.i3ct .mide .loc6 {
  right: 26%;
  top: 32%;
}
.i3ct .mide .loc7 {
  right: 29.7%;
  top: 37.2%;
}
.i3ct .mide .loc8 {
  right: 25%;
  top: 40.2%;
}
.i3ct .mide .loc9 {
  right: 27.3%;
  top: 42.4%;
}
.i3ct .mide .loc10 {
  right: 22%;
  top: 46.5%;
}
.i3ct .mide .loc11 {
  right: 24.7%;
  top: 47.8%;
}
.i3ct .mide .loc12 {
  right: 25.8%;
  top: 55.2%;
}
.i3ct .mide .loc13 {
  right: 24.7%;
  top: 58.3%;
}
.i3ct .mide .loc14 {
  bottom: 16.2%;
  left: 45.5%;
}
.i3ct .mide .loc15 {
  bottom: 30%;
  left: 31%;
}
.i3ct .mide .loc16 {
  bottom: 40%;
  left: 30.5%;
}
.i3ct .mide .loc17 {
  top: 29%;
  left: 12%;
}
.i3ct .mide .loc18 {
  top: 24.5%;
  left: 6.5%;
}
.i3ct .mide .loc19 {
  top: 54%;
  left: 7%;
}
.i3ct .mide .loc20 {
  top: 52.5%;
  left: 4%;
}
.i4ct {
  margin: 0 auto;
  padding: 110px 0 90px 0;
}
.i4ct .mide {
  width: max-content;
  margin: 50px auto 0;
  position: relative;
}
/* 公转容器：铺满整个画布，以中心旋转 */
.i4ct .mide .orbit-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform-origin: 50% 50%;
  animation: orbit-rotate 70s linear infinite;
}
/* ========= 中间圆圈 完全独立，只保留原生呼吸动画 ========= */
.i4ct .mide .circle {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -57%);
  width: 300px;
  height: 300px;
  background-color: rgba(255, 255, 255, 0.6);
  border: 4px solid rgba(0, 101, 34, 0.06);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  /* 只保留你原来的呼吸缩放，没有任何旋转干扰 */
  animation: breathing 3s ease-in-out infinite;
}
@keyframes breathing {
  0% {
    box-shadow:
      0 0 0 0 rgba(0, 101, 34, 0.15),
      0 0 20px rgba(0, 101, 34, 0.08);
  }

  50% {
    box-shadow:
      0 0 40px 15px rgba(0, 101, 34, 0.2),
      0 0 80px rgba(0, 101, 34, 0.12);
  }

  100% {
    box-shadow:
      0 0 0 0 rgba(0, 101, 34, 0.15),
      0 0 20px rgba(0, 101, 34, 0.08);
  }
}
.i4ct .mide .circle .rund {
  font-family: var(--font-Serif-Bold);
  font-weight: bold;
  font-size: 44px;
  color: #006522;
  line-height: 48px;
  text-align: center;
}
.i4ct .mide .circle .rund span {
  font-family: var(--font-Ali-Regular);
  font-weight: 500;
  font-size: 30px;
  color: #333333;
}
/* 外围图标：反向旋转抵消公转，保证图标正向 */
.i4ct .mide .icon {
  background: rgba(232, 238, 240, 0.7);
  box-shadow: 0px 8px 40px 0px rgba(9, 100, 56, 0.22);
  border-radius: 40px;
  border: 2px solid rgba(255, 255, 255, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 110px;
  height: 64px;
  animation: item-counter 70s linear infinite;
}
.i4ct .mide .ic1 {
  top: 6%;
  left: 20%;
}
.i4ct .mide .ic2 {
  top: 13%;
  right: 37%;
}
.i4ct .mide .ic3 {
  top: 29%;
  right: 9.5%;
}
.i4ct .mide .ic4 {
  bottom: 35%;
  right: 11.7%;
  width: 140px;
  height: 80px;
}
.i4ct .mide .ic5 {
  bottom: 23.5%;
  left: 25%;
  width: 130px;
  height: 80px;
}
.i4ct .mide .ic6 {
  left: 7.5%;
  top: 42%;
  width: 130px;
  height: 80px;
}
/* 外围文字标签：反向旋转，文字永远水平正向 */
.i4ct .mide .txt {
  width: 260px;
  height: 70px;
  background: linear-gradient(90deg, #096438 25%, #5bbc75 100%);
  box-shadow: 0px 10px 40px 0px rgba(9, 100, 56, 0.4);
  border-radius: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-Ali-Medium);
  font-weight: 500;
  font-size: 24px;
  color: #ffffff;
  position: absolute;
  /* animation: item-counter 40s linear infinite; */
}
/* =========== 动画定义 =========== */
/* 外层公转动画 顺时针旋转 */
@keyframes orbit-rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/* 子元素反向自转，抵消公转，文字不翻转 */
@keyframes item-counter {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(-360deg);
  }
}
.i4ct .mide .t1 {
  right: 4%;
  top: 3.5%;
}
.i4ct .mide .t2 {
  right: calc(0% - 210px);
  top: 36%;
}
.i4ct .mide .t3 {
  bottom: 18%;
  right: 1%;
}
.i4ct .mide .t4 {
  bottom: 9.5%;
  left: 17%;
}
.i4ct .mide .t5 {
  top: 56%;
  left: calc(0% - 180px);
}
.i4ct .mide .t6 {
  top: 17%;
  left: calc(0% - 80px);
}
.i5-box {
  overflow: hidden;
}
.i5ct {
  margin: 0 auto;
  padding: 110px 0 120px 0;
}
.pb-title-60 {
  font-family: var(--font-Serif-Bold);
  font-weight: bold;
  font-size: 60px;
  color: #000000;
  line-height: 72px;
}
.pb-title-60.jz {
  text-align: center;
}
.pb-title-60.lv {
  color: #006522;
}
.pb-title-20 {
  font-family: var(--font-Ali-Medium);
  font-weight: 500;
  font-size: 20px;
  color: #006522;
  text-align: center;
}
.pb-title-20.lt {
  text-align: left;
}
.i5ct .row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 50px 0 40px 0;
}
.i5ct .row .right {
  display: flex;
}
.i5ct .row .right a {
  font-family: var(--font-Ali-Regular);
  font-weight: 400;
  font-size: 24px;
  color: #333333;
  position: relative;
}
.i5ct .row .right a::after {
  display: block;
  content: '';
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 0;
  height: 2px;
  background-color: #d71718;
  transition: 0.4s;
}
.i5ct .row .right a:hover::after,
.i5ct .row .right a.active::after {
  width: 100%;
}
.i5ct .row .right a:not(:first-of-type) {
  margin-left: 140px;
}
.i5ct .big-box .rq:not(:first-of-type) {
  display: none;
}
.i5ct .big-box .rq {
  transform: translateY(80px);
  opacity: 0;
  transition: 1s;
}
.i5ct .big-box .rq.active {
  transform: translateY(0);
  opacity: 1;
}
.i5ct .mide {
  display: flex;
  align-items: flex-start;
}
.i5ct .mide .left {
  display: flex;
  width: calc(100% - 620px - 30px);
  margin-right: 30px;
}
.i5ct .mide .left .item {
  background: #ffffff;
  box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.12);
  border-radius: 10px;
  transition: 0.5s;
  overflow: hidden;
  width: calc((100% - 30px) / 2);
  margin-right: 30px;
}
.i5ct .mide .left .item:hover {
  box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.22);
}
.i5ct .mide .left .item:hover .txt h5 {
  color: #006522;
}
.i5ct .mide .left .item:nth-of-type(2n) {
  margin-right: 0;
}
.i5ct .mide .left .item .ib {
  width: 100%;
  height: 300px;
  overflow: hidden;
}
.i5ct .mide .left .item .ib img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.i5ct .mide .left .item .txt {
  padding: 34px 30px 19px 30px;
}
.i5ct .mide .left .item .txt h5 {
  font-family: var(--font-Ali-Medium);
  font-weight: 500;
  font-size: 20px;
  color: #333333;
  line-height: 30px;
  height: 60px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  word-break: break-word;
  overflow-wrap: break-word;
  transition: 0.5s;
}
.i5ct .mide .left .item .txt p {
  font-family: var(--font-Ali-Regular);
  font-weight: 400;
  font-size: 18px;
  color: #666666;
  line-height: 30px;
  height: 60px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  word-break: break-word;
  overflow-wrap: break-word;
  margin-top: 22px;
}
.i5ct .mide .left .item .txt .line {
  width: 100%;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.1);
  margin: 30px 0 18px 0;
}
.i5ct .mide .left .item .txt .db {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.i5ct .mide .left .item .txt .db .time {
  font-family: var(--font-Ali-Regular);
  font-weight: 400;
  font-size: 18px;
  color: #666666;
}
.pb-more-142 {
  width: 140px;
  height: 42px;
  background: #ffffff;
  border: 1px solid #006522;
  font-family: var(--font-Ali-Regular);
  font-weight: 400;
  font-size: 18px;
  color: #006522;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
  overflow: hidden;
  transition: 0.4s;
}
/* .pb-more-142::before {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: #006522;
  transition: 0.4s;
  z-index: -1;
} */
.pb-more-142:hover {
  color: #ffffff;
  background-color: #006522;
}
/* .pb-more-142:hover::before {
  width: 100%;
} */
.pb-more-142.w160 {
  width: 160px;
  height: 45px;
  font-size: 18px;
}
.i5ct .mide .right {
  width: 620px;
}
.i5ct .mide .right a {
  background: #ffffff;
  box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.12);
  border-radius: 10px;
  display: block;
  transition: 0.5s;
  padding: 36px 33px 40px 33px;
}
.i5ct .mide .right a:not(:first-of-type) {
  margin-top: 20px;
}
.i5ct .mide .right a .tp {
  display: flex;
  justify-content: space-between;
}
.i5ct .mide .right a .tp h6 {
  font-family: var(--font-Ali-Medium);
  font-weight: 500;
  font-size: 20px;
  color: #333333;
  transition: 0.5s;
  width: calc(100% - 140px);
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  word-break: break-word;
  overflow-wrap: break-word;
}
.i5ct .mide .right a .tp .time {
  font-family: var(--font-Ali-Regular);
  font-weight: 400;
  font-size: 18px;
  color: #666666;
}
.i5ct .mide .right a .desc {
  font-family: var(--font-Ali-Regular);
  font-weight: 400;
  font-size: 18px;
  color: #666666;
  line-height: 30px;
  margin-top: 18px;
  height: 60px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  word-break: break-word;
  overflow-wrap: break-word;
}
.i5ct .mide .right a:hover {
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.22);
}
.i5ct .mide .right a:hover .tp h6 {
  color: #006522;
}
.banner {
  width: 100%;
  /* margin-top: 165px; */
  position: relative;
}
.banner .bg {
  width: 100%;
  min-height: 300px;
  object-fit: cover;
}
.banner-nav {
  position: absolute;
  left: 0;
  bottom: -50px;
  width: 100%;
  z-index: 1;
}
.banner-nav .ct {
  margin: 0 auto;
  background-color: #ffffff;
  box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.12);
  border-radius: 10px;
  padding: 37px 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.banner-nav .ct .left {
  display: flex;
}
.banner-nav .ct .left a {
  font-family: var(--font-Ali-Regular);
  font-weight: 400;
  font-size: 18px;
  color: #333333;
  transition: 0.4s;
}
.banner-nav .ct .left a:not(:last-of-type) {
  margin-right: 40px;
}
.banner-nav .ct .left a.active,
.banner-nav .ct .left a:hover {
  color: #06b340;
}
.banner-nav .ct .right {
  display: flex;
  align-items: center;
}
.banner-nav .ct .right .w {
  display: flex;
  align-items: center;
}
.banner-nav .ct .right .w p {
  font-family: var(--font-Ali-Regular);
  font-weight: 400;
  font-size: 16px;
  color: #999999;
  margin-left: 10px;
}
.banner-nav .ct .right .t {
  display: flex;
}
.banner-nav .ct .right .t a,
.banner-nav .ct .right .t span {
  font-family: var(--font-Ali-Regular);
  font-weight: 400;
  font-size: 16px;
  color: #999999;
}
.banner-nav .ct .right .t span {
  margin: 0 5px;
}
.banner-nav .ct .right .t a:last-of-type {
  color: #06b340;
}
.news1ct {
  margin: 0 auto;
  padding: 170px 0 120px 0;
}
.news-list li {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  padding: 60px 0;
  position: relative;
}
.news-list li::after {
  display: block;
  content: '';
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 0;
  height: 1px;
  background-color: #006522;
  transition: 0.8s;
}
.news-list li:hover::after {
  width: 100%;
}
.news-list li:first-of-type {
  padding-top: 0;
}
.news-list li .left {
  width: 480px;
  height: 310px;
  border-radius: 10px;
  overflow: hidden;
}
.news-list li .left img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.news-list li .right {
  width: calc(100% - 480px - 60px);
  position: relative;
}
.news-list li .right h3 {
  font-family: var(--font-Ali-Medium);
  font-weight: 500;
  font-size: 36px;
  color: #333333;
  line-height: 44px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  word-break: break-word;
  overflow-wrap: break-word;
  transition: 0.4s;
}
.news-list li .right h6 {
  font-family: var(--font-Ali-Regular);
  font-weight: 400;
  font-size: 20px;
  color: #666666;
  line-height: 36px;
  height: 72px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  word-break: break-word;
  margin-top: 9px;
}
.news-list li .right .dbl {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}
.news-list li .right .dbl .time {
  font-family: var(--font-Ali-Regular);
  font-weight: 400;
  font-size: 18px;
  color: #666666;
}
.news-list li:hover .right h3 {
  color: #006522;
}
.nd1-box {
  overflow: hidden;
}
.nd1ct {
  margin: 0 auto;
  padding: 170px 0 120px 0;
  width: 900px;
}
.nd1ct .top h3 {
  font-family: var(--font-Ali-Medium);
  font-weight: 500;
  font-size: 36px;
  color: #000000;
  /* line-height: 36px; */
}
.nd1ct .top .db {
  display: flex;
  margin-top: 28px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-bottom: 37px;
}
.nd1ct .top .db p {
  font-family: var(--font-Ali-Regular);
  font-weight: 400;
  font-size: 18px;
  color: #666666;
}
.nd1ct .top .db p:not(:last-of-type) {
  margin-right: 36px;
}
.nd1ct .mide {
  font-family: var(--font-Ali-Regular) !important;
  font-weight: 400;
  font-size: 18px;
  color: #333333;
  line-height: 30px;
  margin-top: 38px;
}
.nd1ct .mide iframe{
  width: 100% !important;
  height: 500px;
}
.nd1ct .mide p,
.nd1ct .mide span {
  font-family: var(--font-Ali-Regular) !important;
  font-weight: 400;
  font-size: 18px !important;
  color: #333333;
  line-height: 30px !important;
  background-color: transparent !important;
  background: none !important;
}
.nd1ct .mide img,
.nd1ct .mide video {
  width: 100%;
  height: auto;
  margin: 25px auto;
  display: block;
}
.nd1ct .bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 75px;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  padding: 17px 0;
}
.nd1ct .bottom .back {
  font-family: var(--font-Ali-Regular);
  font-weight: 400;
  font-size: 16px;
  color: #999999;
  transition: 0.4s;
  cursor: pointer;
}
.nd1ct .bottom .pb {
  display: flex;
  align-items: center;
}
.nd1ct .bottom .pb:hover i,
.nd1ct .bottom .pb:hover p {
  color: #006522;
}
.nd1ct .bottom .back:hover {
  color: #006522;
}
.nd1ct .bottom .pb i {
  font-size: 24px;
  color: #999999;
  transition: 0.4s;
}
.nd1ct .bottom .pb p {
  font-family: var(--font-Ali-Regular);
  font-weight: 400;
  font-size: 16px;
  color: #999999;
  transition: 0.4s;
}
.nd1ct .bottom .prev p {
  margin-left: 18px;
}
.nd1ct .bottom .next p {
  margin-right: 18px;
}
.vdct {
  margin: 0 auto;
  padding: 170px 0 120px 0;
}
.video-list {
  display: flex;
  flex-wrap: wrap;
}
.video-list li {
  width: calc((100% - 70px) / 3);
  margin-right: 35px;
  margin-top: 58px;
  cursor: pointer;
}
.video-list li:nth-of-type(1),
.video-list li:nth-of-type(2),
.video-list li:nth-of-type(3) {
  margin-top: 0;
}
.video-list li:nth-of-type(3n) {
  margin-right: 0;
}
.video-list li .ib {
  width: 100%;
  height: 287px;
  position: relative;
  border-radius: 10px;
  overflow: hidden;
}
.video-list li .ib::after {
  display: block;
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 20%;
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.5) 100%
  );
  transition: 0.4s;
}
.video-list li .ib .bg {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.video-list li .ib .flow {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: 0.4s;
  z-index: 1;
}
.video-list li .ib .flow .play {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 1px solid #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.video-list li .ib .flow .play i {
  font-size: 24px;
  color: #ffffff;
}
.video-list li .ib .db {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  position: absolute;
  left: 0;
  bottom: 14px;
  width: 100%;
  padding: 0 20px;
  z-index: 2;
}
.video-list li .ib .db .view {
  display: flex;
  align-items: center;
}
.video-list li .ib .db .view i {
  font-size: 24px;
  color: #ffffff;
  margin-right: 6px;
}
.video-list li .ib .db .view p {
  font-family: var(--font-Ali-Regular);
  font-weight: 400;
  font-size: 16px;
  color: #ffffff;
}
.video-list li .ib .db .time {
  font-family: var(--font-Ali-Regular);
  font-weight: 400;
  font-size: 16px;
  color: #ffffff;
}
.video-list li .txt {
  margin-top: 25px;
}
.video-list li .txt h6 {
  font-family: var(--font-Ali-Medium);
  font-weight: 500;
  font-size: 20px;
  color: #333333;
  line-height: 30px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  word-break: break-word;
  overflow-wrap: break-word;
  transition: 0.4s;
  height: 60px;
}
.video-list li .txt .date {
  font-family: var(--font-Ali-Regular);
  font-weight: 400;
  font-size: 18px;
  color: #666666;
  margin-top: 33px;
}
.video-list li:hover .ib::after {
  opacity: 0;
}
.video-list li:hover .ib .flow {
  opacity: 1;
}
.video-list li:hover .txt h6 {
  color: #006522;
}
.page {
  width: 100%;
  margin-top: 60px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.page .zs {
  margin-right: auto;
  font-family: var(--font-Ali-Regular);
  font-weight: 400;
  font-size: 18px;
  color: #333333;
}
.page .go {
  width: 50px;
  height: 50px;
  background: #ffffff;
  border: 1px solid #cccccc;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-family: var(--font-Ali-Regular);
  font-weight: 400;
  font-size: 16px;
  color: #666666;
  transition: 0.4s;
}
.page .go:hover {
  color: #006522;
}
.page .el-pagination {
  text-align: center;
  width: 100%;
  display: flex;
  display: -webkit-flex;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  align-items: center;
  padding: 0px;
}
.page .el-pagination__total {
  font-family: var(--font-mont);
  font-weight: 400;
  font-size: 16px;
  color: #666666;
}
.page .el-pagination .btn-prev {
  width: 50px;
  height: 50px;
  margin-right: 9px;
  padding: 0;
  border-radius: 0;
  min-width: 50px;
  border: 1px solid #cccccc;
  background: transparent;
}
.page .el-pagination .btn-next {
  width: 50px;
  height: 50px;
  padding: 0;
  border-radius: 0;
  min-width: 50px;
  border: 1px solid #cccccc;
  background: transparent;
}
.page .el-pagination .btn-prev i,
.page .el-pagination .btn-next i {
  font-size: 16px;
}
.page .el-pager li {
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  margin-right: 9px;
  padding: 0px;
  font-family: var(--font-Ali-Regular);
  font-weight: 400;
  font-size: 16px;
  color: #666666;
  border-radius: 0;
  transition: 0.3s;
  border: 1px solid #cccccc !important;
  background: transparent;
}
.page .el-pagination__jump {
  margin: 0 8px 0 15px;
  font-family: var(--font-Ali-Regular);
  font-weight: 400;
  font-size: 16px !important;
  color: #666666;
  line-height: 50px !important;
  height: auto !important;
}
.page .el-pagination__editor.el-input {
  width: 50px !important;
  height: 50px !important;
  padding: 0;
  margin: 0 8px;
}
.page .el-pagination__editor.el-input .el-input__inner {
  width: 100%;
  height: 100%;
  border-radius: 0;
  border-color: #cccccc;
  padding: 0;
  font-size: 16px;
  color: #666666;
}
.page .el-pager li.active {
  background-color: #006522;
  color: #ffffff;
  border-color: #006522 !important;
}
.page .el-pagination .el-pager li:hover {
  color: #ffffff !important;
  background-color: #006522;
  border-color: #006522 !important;
}
.page .el-pagination .el-pager .btn-quicknext:hover {
  color: #006522;
}
.page .el-pagination button:hover {
  color: #006522;
}
.page .el-pagination button:disabled {
  color: #c0c4cc;
}
.admin-box {
  /* margin-top: 165px; */
  overflow: hidden;
}
.adminct {
  margin: 0 auto;
  padding: 205px 0 220px 0;
  position: relative;
}
.adminct .bg-box {
  position: absolute;
  top: 50%;
  right: -149px;
  transform: translateY(-50%);
}
.adminct .bg-box img{
  width: 939px;
}
.adminct .left {
  width: 740px;
}
.adminct .row:not(:first-of-type) {
  margin-top: 64px;
}
.adminct .row .title h3 {
  font-family: var(--font-Ali-Medium);
  font-weight: 500;
  font-size: 36px;
  color: #006522;
}
.adminct .row .title p {
  font-family: var(--font-Ali-Regular);
  font-weight: 400;
  font-size: 16px;
  color: #666666;
  margin-top: 5px;
}
.adminct .row .mide {
  display: flex;
  flex-wrap: wrap;
  margin-top: 35px;
}
.adminct .row .mide .item {
  width: calc((100% - 20px) / 2);
  margin-top: 20px;
  margin-right: 20px;
  background-color: #ffffff;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px;
  transition: 0.4s;
}
.adminct .row .mide .item:hover {
  box-shadow: 3px 0px 24px 0px rgba(0, 0, 0, 0.09);
}
.adminct .row .mide .item:nth-of-type(2n) {
  margin-right: 0;
}
.adminct .row .mide .item:nth-of-type(1),
.adminct .row .mide .item:nth-of-type(2) {
  margin-top: 0;
}
.adminct .row .mide .item .rund {
  width: 56px;
  height: 56px;
  background-color: #006522;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.adminct .row .mide .item .rund img {
  max-width: 85%;
  max-height: 85%;
}
.adminct .row .mide .item .rund.y1 {
  background-color: #e6001f;
}
.adminct .row .mide .item .rund.y2 {
  background-color: #6fba2c;
}
.adminct .row .mide .item .rund.y3 {
  background-color: #e60012;
}
.adminct .row .mide .item .rund.y4 {
  /*background-color: #3296fa;*/
}
.adminct .row .mide .item .txt {
  width: calc((100% - 56px - 20px));
}
.adminct .row .mide .item .txt h5 {
  font-family: var(--font-Ali-Medium);
  font-weight: 500;
  font-size: 20px;
  color: #333333;
}
.adminct .row .mide .item .txt a {
  font-family: var(--font-Ali-Regular);
  font-weight: 400;
  font-size: 16px;
  color: #666666;
  margin-top: 3px;
  display: block;
  width: max-content;
  position: relative;
  transition: 0.4s;
}
.adminct .row .mide .item .txt a::after {
  display: block;
  content: '';
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 0;
  height: 1px;
  background-color: #06b340;
  transition: 0.4s;
}
.adminct .row .mide .item .txt a:hover {
  color: #06b340;
}
.adminct .row .mide .item .txt a:hover::after {
  width: 100%;
}
.team-box {
  background-color: #f0f7f1;
  overflow: hidden;
}
.teamct {
  margin: 0 auto;
  padding: 170px 0 120px 0;
}
.teamct .item .title {
  margin-bottom: 18px;
}
.teamct .item .title h3 {
  font-family: var(--font-Serif-Bold);
  font-weight: bold;
  font-size: 60px;
  color: #006522;
}
.teamct .item .title p {
  font-family: var(--font-Ali-Regular);
  font-weight: 400;
  font-size: 18px;
  color: #666666;
  margin-top: 5px;
}
.teamct .item .row {
  display: flex;
  flex-wrap: wrap;
}
.teamct .item .row .rx {
  width: 186px;
  margin-right: 16px;
  background-color: #ffffff;
  border-radius: 10px;
  overflow: hidden;
  margin-top: 40px;
  display: flex;
  flex-direction: column;
}
.teamct .item .row .rx:last-of-type {
  margin-right: 0;
}
.teamct .item .row .rx .ib {
  width: 100%;
  height: 186px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.teamct .item .row .rx .ib img {
  max-width: 100%;
  max-height: 100%;
}
.teamct .item .row .rx .txt {
  padding: 13px 10px;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.teamct .item .row .rx .txt h4 {
  font-family: var(--font-Ali-Regular);
  font-weight: 400;
  font-size: 16px;
  color: #006522;
  line-height: 20px;
  text-align: center;
}
.teamct .item .row .rx .txt p {
  font-family: var(--font-Ali-Regular);
  font-weight: 400;
  font-size: 16px;
  color: #000000;
  text-align: center;
  margin-top: 5px;
}
.teamct .item:first-of-type .row-box .row:last-of-type .rx {
  margin-top: 30px;
}
.teamct .item:not(:first-of-type) {
  margin-top: 100px;
}
.teamct .item h2 {
  font-family: var(--font-Ali-Medium);
  font-weight: 500;
  font-size: 30px;
  color: #000000;
}
.teamct .item:last-of-type .row-box:not(:nth-of-type(2)) {
  margin-top: 73px;
}
.teamct .item:last-of-type .title {
  margin-bottom: 49px;
}
.dev1-box {
  overflow: hidden;
  padding-top: 50px;
}
.dev1-box .row {
  padding: 120px 0;
}
.dev1-box .ct {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  /* padding: 120px 0; */
}
.dev1-box .row:nth-of-type(even) {
  background-color: #f5fbf6;
}
.dev1-box .row:nth-of-type(even) .ct {
  flex-direction: row-reverse;
}
.dev1-box .ct .left {
  width: calc(100% - 760px - 84px);
}
.dev1-box .ct .left .sz {
  font-family: var(--font-Ali-Medium);
  font-weight: 500;
  font-size: 100px;
  color: #06b340;
  line-height: 1;
}
.dev1-box .ct .left h3 {
  font-family: var(--font-Ali-Medium);
  font-weight: 500;
  font-size: 44px;
  color: #000000;
  margin: 55px 0 22px 0;
}
.dev1-box .ct .left .desc {
  font-family: var(--font-Ali-Regular);
  font-weight: 400;
  font-size: 18px;
  color: #333333;
  line-height: 30px;
}
.dev1-box .ct .left .desc p:not(:first-of-type) {
  margin-top: 22px;
}
.dev1-box .ct .right {
  width: 760px;
  height: 540px;
  border-radius: 10px;
  overflow: hidden;
}
.dev1-box .ct .right img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.dev2-box {
  background-color: #f0f1f3;
  padding: 120px 0 180px 0;
  overflow: hidden;
}
.dev2-box .mide {
  margin: 55px auto 0;
  /* max-width: 1920px; */
}
.dev2-box .mide .row:not(:first-of-type) {
  margin-top: 130px;
}
.dev2-box .mide .row {
  position: relative;
}
.dev2-box .mide .row .swiper-wrapper {
  transition-timing-function: linear !important;
}
.dev2-box .mide .row .bg {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: -132px;
  height: 182px;
}
.dev2-box .swiper-container {
  overflow: visible;
  padding: 20px 0;
}
.dev2-box .swiper-slide {
  width: auto;
}
.dev2-box .rq {
  margin: 0 auto;
}
.dev2-box .swiper-container img {
  box-shadow:
    19px 7px 25px 0px rgba(0, 0, 0, 0.3),
    0px 3px 6px 0px rgba(0, 0, 0, 0.5);
  /* filter: drop-shadow(19px 7px 25px rgba(0, 0, 0, 0.18))
    drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.3)); */
  height: 240px;
}
.rub-pb {
  background-color: #f5fbf6;
}
.rub-pb.oil {
  background-color: #ffffff;
}
.rubct {
  margin: 0 auto;
  padding: 170px 0 120px 0;
}
.rubct.sz {
  padding-bottom: 260px;
}
.rubct .mide {
  display: flex;
  min-height: 600px;
}
.rubct .mide .left {
  width: calc(100% - 720px);
  background-color: #006522;
  position: relative;
  padding: 25px 96px 100px 80px;
  border-radius: 10px 0 0 10px;
  display: flex;
  align-items: center;
}
.rubct .mide .left .wz {
  position: relative;
  z-index: 1;
}
.rubct .mide .left .flow {
  position: absolute;
  bottom: 0;
  left: 0;
}
.rubct .mide .left .title h3 {
  font-family: var(--font-Ali-Medium);
  font-weight: 500;
  font-size: 44px;
  color: #ffffff;
}
.rubct .mide .left .title p {
  font-family: var(--font-Ali-Regular);
  font-weight: 400;
  font-size: 18px;
  color: #ffffff;
  line-height: 30px;
  opacity: 0.5;
  margin-top: 5px;
}
.rubct .mide .left h6 {
  font-family: var(--font-Ali-Regular);
  font-weight: 400;
  font-size: 20px;
  color: #ffffff;
  line-height: 36px;
  margin-top: 30px;
}
.rubct .mide .left .more-j {
  width: 150px;
  height: 45px;
  background: rgba(6, 179, 64, 0);
  /* border-radius: 6px; */
  border: 1px solid #ffffff;
  font-family: var(--font-Ali-Regular);
  font-weight: 400;
  font-size: 18px;
  color: #ffffff;
  position: relative;
  overflow: hidden;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.4s;
  margin-top: 35px;
}
.rubct .mide .left .more-j:hover {
  background-color: #ffffff;
  color: #006522;
}
/* .rubct .mide .left .more-j::before {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: #ffffff;
  z-index: -1;
  transition: 0.4s;
}
.rubct .mide .left .more-j:hover::before {
  width: 100%;
} */
.rubct .mide .left .more-j:hover {
  color: #006522;
}
.rubct .mide .left .more {
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #ffffff;
  border-radius: 0 46px 0 0;
  display: flex;
  align-items: center;
  padding: 18px 18px 0 0;
}
.rubct .mide .left .more .zw {
  width: 580px;
  height: 70px;
  border-radius: 35px;
  background-color: #006522;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  position: relative;
  font-family: var(--font-Ali-Regular);
  font-weight: 400;
  font-size: 20px;
  color: #ffffff;
  padding-right: 42px;
}
.rubct .mide .left .more .zw span {
  position: relative;
  transition: 0.4s;
}
.rubct .mide .left .more:hover .zw span {
  color: #06b340;
}
.rubct .mide .left .more .zw img {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
}
.rubct .mide .left .more .rund {
  width: 70px;
  height: 70px;
  background-color: #06b340;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  margin-left: 12px;
}
.rubct .mide .left .more .rund img {
  transition: 0.4s;
}
.rubct .mide .left .more:hover .rund img {
  transform: rotate(30deg);
}
.rubct .mide .right {
  width: 720px;
  position: relative;
}
.rubct .mide .right img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0 10px 10px 0;
}
.rubct .mide .right .num-box {
  position: absolute;
  right: -60px;
  top: calc(100% - 60px);
  background-color: #ffffff;
  border-radius: 10px;
  box-shadow: 0px 0px 50px 0px rgba(0, 101, 34, 0.28);
  display: flex;
  width: 510px;
}
.rubct .mide .right .num-box .item {
  width: 50%;
  position: relative;
  padding: 33px 20px 36px 49px;
  position: relative;
}
.rubct .mide .right .num-box .item::after {
  display: block;
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  width: 1px;
  height: 100%;
  background: linear-gradient(
    0deg,
    #ffffff 0%,
    rgba(0, 0, 0, 0.2) 50%,
    #ffffff 100%
  );
}
.rubct .mide .right .num-box .item:not(:first-of-type)::after {
  display: none;
}
.rubct .mide .right .num-box .item .db {
  display: flex;
  position: relative;
}
.rubct .mide .right .num-box .item .db .num {
  font-family: var(--font-Ali-Medium);
  font-weight: 500;
  font-size: 90px;
  color: #06b340;
  line-height: 1;
}
.rubct .mide .right .num-box .item .db .num span {
  line-height: 1;
  font-size: 48px;
}
.rubct .mide .right .num-box .item .db .wz {
  font-family: var(--font-Ali-Medium);
  font-weight: 500;
  font-size: 24px;
  color: #06b340;
  transform: translateY(10px);
  margin-left: 7px;
}
.rubct .mide .right .num-box .item.fd .db .wz {
  position: absolute;
  top: -3px;
  right: 16px;
  width: max-content;
  margin: 0;
}
.rubct .mide .right .num-box .item p {
  font-family: var(--font-Ali-Regular);
  font-weight: 400;
  font-size: 20px;
  color: #666666;
  line-height: 30px;
  margin-top: 10px;
}
.rub2-box .row {
  padding: 120px 0;
}
.rub2-box .row:nth-of-type(even) {
  background-color: #f5fbf6;
}
.rub2-box.oil .row {
  background-color: #f5fbf6;
}
.rub2-box.oil .row:nth-of-type(even) {
  background-color: transparent;
}
.rub2-box .row .ct {
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
.rub2-box .row:nth-of-type(even) .ct {
  flex-direction: row-reverse;
}
.rub2-box .row .ct .left {
  width: 760px;
  height: 500px;
  position: relative;
}
.rub2-box .row .ct .left .qhb {
  position: absolute;
  top: calc(100% + 20px);
  display: flex;
  justify-content: center;
  width: 100%;
}
.rub2-box .row .ct .left .qhb .qh {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  /* background-color: #e5f2dc; */
  transition: 0.4s;
}
.rub2-box .row .ct .left .qhb .qh.swiper-button-disabled {
  cursor: not-allowed;
}
.rub2-box .row .ct .left .qhb .qh:last-of-type {
  margin-left: 15px;
}
.rub2-box .row .ct .left .qhb .qh i {
  font-size: 18px;
  color: #006522;
  transition: 0.4s;
}
/* .rub2-box .row .ct .left .qhb .qh:hover {
  background-color: #06b340;
}
.rub2-box .row .ct .left .qhb .qh:hover i {
  color: #ffffff;
} */
.rub2-box.h400 .row .ct .left {
  height: 400px;
}
.rub2-box .row .ct .left .swiper-container {
  width: 100%;
  height: 100%;
}
.rub2-box .row .ct .left .swiper-container .on {
  position: absolute;
  bottom: 10px;
  left: 0;
  padding: 0 10px;
  font-family: var(--font-Ali-Regular);
  font-weight: 400;
  font-size: 18px;
  color: #ffffff;
  text-align: right;
  width: 100%;
}
.rub2-box .row .ct .left img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}
.rub2-box .row .ct .right {
  width: calc(100% - 760px - 80px);
  transform: translateY(-12px);
}
.rub2-box .row .ct .right h3 {
  font-family: var(--font-Serif-Bold);
  font-weight: bold;
  font-size: 44px;
  color: #006522;
}
.rub2-box .row .ct .right .desc {
  font-family: var(--font-Ali-Regular);
  font-weight: 400;
  font-size: 20px;
  color: #333333;
  line-height: 36px;
  margin-top: 8px;
}
.rub2-box .row .ct .right .icon {
  margin-top: 40px;
}
.rub2-box.oil .row .ct .right .icon {
  margin-top: 25px;
}
.rub2-box .row .ct .right .icon {
  margin-top: 30px;
}
.rub2-box .row .ct .right .icon .ih {
  display: flex;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: 18px 0;
  align-items: center;
}
.rub2-box .row .ct .right .icon .ih:first-of-type {
  padding-top: 0;
}
.rub2-box .row .ct .right .icon .item {
  width: calc(100% / 2);
  padding-right: 15px;
  display: flex;
  justify-content: space-between;
}
.rub2-box.oil .row .ct .right .icon .item:first-of-type {
  width: 60%;
}
.rub2-box.oil .row .ct .right .icon .item:last-of-type {
  width: 40%;
}
.rub2-box .row .ct .right .icon .item .ib {
  width: 50px;
}
.rub2-box .row .ct .right .icon .item .ib img {
  max-width: 100%;
}
.rub2-box .row .ct .right .icon .item .txt {
  width: calc(100% - 50px - 19px);
}
.rub2-box .row .ct .right .icon .item .txt h4 {
  font-family: var(--font-Ali-Medium);
  font-weight: 500;
  font-size: 30px;
  color: #06b340;
  line-height: 1;
}
.rub2-box .row .ct .right .icon .item .txt p {
  font-family: var(--font-Ali-Regular);
  font-weight: 400;
  font-size: 14px;
  color: #333333;
}
.rub2-box .row .ct .right .rund-b {
  display: flex;
  margin-top: 60px;
}
.rub2-box .row .ct .right .rund-b img:not(:last-of-type) {
  margin-right: 80px;
}
.rub3-box {
  margin-top: 120px;
}
.rub3ct {
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
}
.rub3ct .left {
  width: 670px;
  position: relative;
}
.rub3ct .left .bg {
  width: 100%;
}
.rub3ct .left .dw {
  position: absolute;
  z-index: 5;
  cursor: pointer;
}
.rub3ct .left .dw p {
  font-family: var(--font-Ali-Medium);
  font-weight: 500;
  font-size: 14px;
  color: #d72620;
  text-shadow:
    2px 2px 0 #ffffff,
    -2px -2px 0 #ffffff,
    2px -2px 0 #ffffff,
    -2px 2px 0 #ffffff,
    3px 0 0 #ffffff,
    -3px 0 0 #ffffff,
    0 3px 0 #ffffff,
    0 -3px 0 #ffffff;
  width: max-content;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: calc(100%);
  padding-bottom: 7px;
}
.rub3ct .left .dw.bt p {
  bottom: auto;
  top: calc(100% + 7px);
  padding-top: 7px;
  padding-bottom: 0;
}
.rub3ct .left .dw1 {
  bottom: 23.5%;
  right: 32%;
}
.rub3ct .left .dw2 {
  top: 52.5%;
  left: 18.5%;
}
.rub3ct .left .dw3 {
  bottom: 11%;
  left: 27.8%;
}
.rub3ct .left .dw4 {
  bottom: 31%;
  left: 19.5%;
}
.rub3ct .left .dw5 {
  bottom: 26%;
  right: 52%;
}
.rub3ct .right {
  width: calc(100% - 670px - 93px);
  padding-top: 44px;
}
.rub3ct .right .rqb {
  width: 100%;
  display: none;
  position: relative;
}
.rub3ct .right .rq {
  width: 100%;
  background-color: #ffffff;
  border-radius: 10px;
  box-shadow: 0px 0px 50px 0px rgba(0, 101, 34, 0.28);
  padding: 69px 60px 80px 60px;
  /* position: relative; */
  transform: scaleX(0);
  opacity: 0;
  transform-origin: left;
  transition: 0.8s;
  transition-delay: 0.8s;
}
.rub3ct .right .rq.active {
  transform: scaleX(1);
  opacity: 1;
}
.rub3ct .right .rqb .h {
  display: block;
  content: '';
  position: absolute;
  right: 100%;
  height: 1px;
  width: 0;
}
.rub3ct .right .rqb .h::before {
  display: block;
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: #006522;
  transition: width 0.4s ease-out 0.4s;
}
.rub3ct .right .rqb .s {
  display: block;
  content: '';
  position: absolute;
  width: 1px;
  height: 0;
  transform-origin: left top;
}
.rub3ct .right .rqb .s::after {
  display: block;
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  background-color: #006522;
  transition: height 0.4s ease-out;
}
.rub3ct .right .rqb.line-show .h::before {
  width: 100%;
}
.rub3ct .right .rqb.line-show .s::after {
  height: 100%;
}
.rub3ct .right .rqb.line-show:nth-of-type(2) .h {
  width: 490px;
  top: 95px;
}
.rub3ct .right .rqb.line-show:nth-of-type(2) .s {
  right: calc(100% + 490px);
  top: 95px;
  height: 260px;
  transform: rotate(30deg);
}
.rub3ct .right .rqb.line-show:nth-of-type(1) .h {
  width: 230px;
  top: 95px;
}
.rub3ct .right .rqb.line-show:nth-of-type(1) .s {
  right: calc(100% + 230px);
  top: 96px;
  height: 360px;
  transform: rotate(14deg);
}
.rub3ct .right .rqb.line-show:nth-of-type(3) .h {
  width: 440px;
  top: 95px;
}
.rub3ct .right .rqb.line-show:nth-of-type(3) .s {
  right: calc(100% + 440px);
  top: 95px;
  height: 450px;
  transform: rotate(16deg);
}
.rub3ct .right .rqb.line-show:nth-of-type(4) .h {
  width: 490px;
  top: 95px;
}
.rub3ct .right .rqb.line-show:nth-of-type(4) .s {
  right: calc(100% + 490px);
  top: 95px;
  height: 330px;
  transform: rotate(22deg);
}
.rub3ct .right .rqb.line-show:nth-of-type(5) .h {
  width: 370px;
  top: 95px;
}
.rub3ct .right .rqb.line-show:nth-of-type(5) .s {
  right: calc(100% + 370px);
  top: 95px;
  height: 345px;
  transform: rotate(14deg);
}
/* .rub3ct .right .rq:not(:nth-of-type(2)) {
  display: none;
} */
.rub3ct .right .rq i {
  font-size: 26px;
  color: #999999;
  cursor: pointer;
  position: absolute;
  top: 28px;
  right: 28px;
  transition: 0.4s;
}
.rub3ct .right .rq i:hover {
  color: #06b340;
}
.rub3ct .right .rq h3 {
  font-family: var(--font-Ali-Medium);
  font-weight: 500;
  font-size: 36px;
  color: #000000;
}
.rub3ct .right .rq .desc {
  font-family: var(--font-Ali-Regular);
  font-weight: 400;
  font-size: 20px;
  color: #666666;
  line-height: 30px;
  margin: 14px 0 45px 0;
}
.rub3ct .right .rq .rb3-swiper {
  width: 100%;
}
.rub3ct .right .rq .rb3-swiper .swiper-wrapper {
  transition-timing-function: linear !important;
}
.rub3ct .right .rq .rb3-swiper .swiper-slide {
  width: auto;
}
.rub3ct .right .rq .rb3-swiper img {
  border-radius: 10px;
  width: 210px;
  height: 160px;
  object-fit: cover;
}
.oil-box {
  position: relative;
}
.oil-box .bg {
  width: 100%;
  min-height: 690px;
  object-fit: cover;
}
.oil-box .wz {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding-left: 43px;
}
.oil-box .wz h4 {
  font-family: var(--font-Ali-Regular);
  font-weight: 400;
  font-size: 44px;
  color: #000000;
}
.oil-box .wz h4 span {
  font-family: var(--font-Ali-Regular);
  font-weight: 400;
  font-size: 126px;
  color: #06b340;
  margin: 0 10px;
  line-height: 1;
}
.oil-box .wz h4:not(:first-of-type) {
  margin-top: 60px;
}
.oil-box .wz h4:nth-of-type(2) {
  padding-left: 320px;
}
.oil-box .wz h4:nth-of-type(3) {
  padding-left: 410px;
}
.oil-box .wz h4:nth-of-type(4) {
  padding-left: 180px;
}
.dict {
  margin: 0 auto;
  padding: 30px 0 120px 0;
}
.dict h4 {
  font-family: var(--font-Ali-Regular);
  font-weight: 400;
  font-size: 44px;
  color: #000000;
  line-height: 60px;
  text-align: center;
}
.dict h4 span {
  color: #006522;
}
.dict .mide {
  display: flex;
  flex-wrap: wrap;
  margin-top: 120px;
}
.dict .mide .item {
  background-color: #f2f2f2;
  border-radius: 10px;
  margin-right: 27px;
  margin-top: 30px;
  width: calc((100% - 81px) / 4);
  height: 360px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-bottom: 27px;
  transition: 0.4s;
}
.dict .mide .item:hover {
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
}
.dict .mide .item:nth-of-type(4n) {
  margin-right: 0;
}
.dict .mide .item .ib {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 290px;
}
.dict .mide .item .ib img {
  max-width: 90%;
  max-height: 90%;
  margin-top: 8%;
}
.dict .mide .item:last-of-type .ib img {
  animation: fangda 5s infinite ease-in-out;
  max-width: 75%;
}
@keyframes fangda {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.08);
  }
  100% {
    transform: scale(1);
  }
}
.dict .mide .item p {
  font-family: var(--font-Ali-Regular);
  font-weight: 400;
  font-size: 24px;
  color: #666666;
  text-align: center;
  padding: 0 38px;
}
.dict .mide .item:last-of-type {
  margin-right: 0;
  width: calc(100% - (100% - 81px) / 4 * 2 - 27px - 27px);
}
.dict .mide .item:last-of-type p {
  text-align: right;
}
.ab1-box {
  position: relative;
}
.ab1-box .bg {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  max-height: 500px;
  object-fit: cover;
}
.ab1ct {
  margin: 0 auto;
  padding: 170px 0 160px 0;
}
.ab1ct h4 {
  font-family: var(--font-Ali-Medium);
  font-weight: 500;
  font-size: 44px;
  color: #000000;
  text-align: center;
}
.ab1ct h4 span {
  color: #d71718;
}
.ab1ct .title {
  margin: 35px 0 20px 0;
}
.ab1ct .title h3 {
  font-family: var(--font-Serif-Bold);
  font-weight: bold;
  font-size: 30px;
  color: #000000;
  text-align: center;
}
.ab1ct .title p {
  font-family: var(--font-Ali-Regular);
  font-weight: 400;
  font-size: 20px;
  color: #666666;
  text-align: center;
}
.ab1ct .desc {
  font-family: var(--font-Ali-Regular);
  font-weight: 400;
  font-size: 20px;
  color: #333333;
  line-height: 36px;
  text-align: center;
}
.ab1ct .mide {
  display: flex;
  height: 540px;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
  margin-top: 60px;
}
.ab1ct .mide .left {
  width: 700px;
  height: 100%;
}
.ab1ct .mide .left img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ab1ct .mide .right {
  width: calc(100% - 700px);
  height: 100%;
  display: flex;
  flex-wrap: wrap;
}
.ab1ct .mide .right .item {
  width: calc(100% / 2);
  height: calc(100% / 2);
  background-color: #ffffff;
  padding: 0 60px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.ab1ct .mide .right .item:nth-of-type(2n) {
  margin-right: 0;
}
.ab1ct .mide .right .item:nth-of-type(2) {
  background-color: #f4f4f4;
}
.ab1ct .mide .right .item:nth-of-type(3) {
  background-color: #115728;
}
.ab1ct .mide .right .item:nth-of-type(4) {
  background-color: #0b722e;
}
.ab1ct .mide .right .item .db {
  display: flex;
  align-items: flex-end;
}
.ab1ct .mide .right .item .db .num {
  font-family: var(--font-Ali-Medium);
  font-weight: 500;
  font-size: 90px;
  color: #333333;
  line-height: 1;
}
.ab1ct .mide .right .item .db span {
  font-family: var(--font-Ali-Medium);
  font-weight: 500;
  font-size: 30px;
  color: #333333;
  line-height: 1;
  transform: translateY(-11px);
  margin-left: 4px;
}
.ab1ct .mide .right .item p {
  font-family: var(--font-Ali-Regular);
  font-weight: 400;
  font-size: 20px;
  color: #333333;
  margin-top: 5px;
}
.ab1ct .mide .right .item:nth-of-type(3) p,
.ab1ct .mide .right .item:nth-of-type(4) p {
  color: #ffffff;
}
.ab1ct .mide .right .item:nth-of-type(3) .db .num,
.ab1ct .mide .right .item:nth-of-type(4) .db .num,
.ab1ct .mide .right .item:nth-of-type(3) .db span,
.ab1ct .mide .right .item:nth-of-type(4) .db span {
  color: #ffffff;
}
.ab3ct {
  display: flex;
  justify-content: space-between;
  padding: 120px 0;
  margin: 0 auto;
}
.ab3ct .left {
  width: 420px;
}
.ab3ct .left .desc {
  font-family: var(--font-Ali-Regular);
  font-weight: 400;
  font-size: 20px;
  color: #333333;
  line-height: 36px;
  margin: 44px 0 32px 0;
}
.ab3ct .left a {
  width: 150px;
  height: 45px;
  background-color: #06b340;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-Ali-Regular);
  font-weight: 400;
  font-size: 20px;
  color: #ffffff;
  position: relative;
  z-index: 1;
  transition: 0.4s;
}
.ab3ct .left a:hover {
  background-color: #006522;
}
/* .ab3ct .left a::after {
  display: block;
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: #d71718;
  transition: 0.4s;
  z-index: -1;
}
.ab3ct .left a:hover::after {
  width: 100%;
} */
.ab3ct .left .dbl {
  border-top: 1px solid rgba(0, 0, 0, 0.3);
  padding-top: 15px;
  margin-top: 165px;
}
.ab3ct .left .dbl .sz {
  font-family: var(--font-Ali-Regular);
  font-weight: 400;
  font-size: 72px;
  color: #000000;
  line-height: 1;
}
.ab3ct .left .dbl .sz span {
  color: #06b340;
  margin-left: 7px;
}
.ab3ct .left .dbl p {
  font-family: var(--font-Ali-Regular);
  font-weight: 400;
  font-size: 18px;
  color: #666666;
  line-height: 24px;
  margin-top: 10px;
}
.ab3ct .right {
  width: calc(100% - 420px - 110px);
}
.ab3ct .right .rsr {
  margin: 0 auto;
  width: 295px;
  position: relative;
}
.ab3ct .right .rsr img {
  width: 100%;
}
.ab3ct .right .rsr .txt {
  position: absolute;
  right: 0;
  bottom: -20px;
}
.ab3ct .right .rsr .txt .name {
  font-family: var(--font-Ali-Regular);
  font-weight: 400;
  font-size: 36px;
  color: #000000;
  text-align: right;
}
.ab3ct .right .rsr .txt p {
  font-family: var(--font-Ali-Regular);
  font-weight: 400;
  font-size: 20px;
  color: #999999;
  text-align: right;
}
.ab3ct .right .ib {
  display: flex;
  justify-content: space-between;
  margin-top: 79px;
}
.ab3ct .right .ib .item {
  width: calc((100% - 120px) / 5);
  position: relative;
}
.ab3ct .right .ib .item img {
  width: 100%;
}
.ab3ct .right .ib .item .txt {
  position: absolute;
  right: 0;
  bottom: -20px;
}
.ab3ct .right .ib .item .txt .name {
  font-family: var(--font-Ali-Regular);
  font-weight: 400;
  font-size: 24px;
  color: #000000;
  text-align: right;
}
.ab3ct .right .ib .item .txt p {
  font-family: var(--font-Ali-Regular);
  font-weight: 400;
  font-size: 14px;
  color: #999999;
  text-align: right;
}
.ab5ct {
  margin: 0 auto;
  max-width: 1920px;
  display: flex;
  justify-content: space-between;
}
.ab5-box .item {
  width: calc(100% / 4);
  padding: 30px 50px;
  transition: 0.4s;
  height: 900px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  overflow: hidden;
}
.ab5-box .item:hover {
  background-color: rgba(0, 64, 44, 0.7);
}
.ab5ct .item .rq > .top {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  transition: 0.4s;
}
.ab5ct .item:hover .rq > .top {
  opacity: 0;
  pointer-events: none;
}
.ab5ct .item .rq-wrap {
  position: relative;
  width: 100%;
  opacity: 0;
  transition: 0.8s;
  transform: translateY(80px);
}
.ab5ct .item:hover .rq-wrap {
  opacity: 1;
  transform: translateY(0);
}
.ab5ct .item .rq-wrap {
  display: flex;
  flex-direction: column;
  gap: 65px;
}
.ab5-box .item .ib {
  height: 87px;
}
.ab5-box .item .ib img {
  max-height: 100%;
  margin: 0 auto;
}
.ab5-box .item .bj {
  font-family: var(--font-Serif-Bold);
  font-weight: bold;
  font-size: 24px;
  color: #ffffff;
  /* background-color: #06b340; */
  border-radius: 10px;
  /* padding: 5px 15px; */
  margin: 29px auto 0;
  width: max-content;
  max-width: 100%;
}
.ab5-box .item .rq-wrap .bj {
  background-color: #06b340;
  padding: 5px 15px;
}
.ab5-box .item .txt h3 {
  font-family: var(--font-Ali-Medium);
  font-weight: 500;
  font-size: 30px;
  color: #ffffff;
  line-height: 48px;
  text-align: center;
}
.ab5-box .item .txt p {
  font-family: var(--font-Ali-Regular);
  font-weight: 400;
  font-size: 18px;
  color: #ffffff;
  line-height: 36px;
  text-align: justify;
  text-align-last: center;
  padding: 0 20px;
  margin-top: 20px;
}
.ab5-box .item:not(:nth-child(2)) .txt p br {
  display: none;
}
.ab6-box {
  background-color: #f2f2f2;
}
.ab6ct {
  margin: 0 auto;
  padding: 110px 0 0 0;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.ab6ct .mide {
  margin-top: 50px;
}
.ab6ct .left {
  padding-bottom: 120px;
  width: 700px;
}
.ab6ct .left .zs {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #cccccc;
  cursor: pointer;
  padding: 18px 0;
}
.ab6ct .mide .item:first-of-type .zs {
  padding-top: 0;
}
.ab6ct .left .zs .lt {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: calc(100% - 40px);
}
.ab6ct .left .zs .lt i {
  font-size: 26px;
  color: #006522;
  transition: 0.4s;
}
.ab6ct .left .zs .lt p {
  width: calc(100% - 26px - 14px);
  transition: 0.4s;
  font-family: var(--font-Ali-Medium);
  font-weight: 500;
  font-size: 24px;
  color: #000000;
}
.ab6ct .right {
  width: calc(100% - 700px - 100px);
}
.ab6ct .left .zs > i {
  font-size: 20px;
  transition: 0.4s;
  color: #999999;
}
.ab6ct .left .slg {
  margin-top: 18px;
  border-bottom: 1px solid #cccccc;
  padding-bottom: 24px;
  display: none;
}
.ab6ct .left .slg .slg-item:not(:first-of-type) {
  margin-top: 29px;
}
.ab6ct .left .slg h6 {
  font-family: var(--font-Ali-Medium);
  font-weight: 500;
  font-size: 20px;
  color: #333333;
  margin-bottom: 10px;
}
.ab6ct .left .slg .row {
  display: flex;
}
.ab6ct .left .slg .row .dw {
  font-family: var(--font-Ali-Regular);
  font-weight: 400;
  font-size: 18px;
  color: #006522;
  line-height: 30px;
  width: 110px;
}
.ab6ct .mide .item:nth-of-type(3) .slg .row .dw {
  width: 155px;
}
.ab6ct .mide .item:nth-of-type(3) .slg .row .cp {
  width: 250px;
}
.ab6ct .left .slg .row .cp {
  font-family: var(--font-Ali-Regular);
  font-weight: 400;
  font-size: 16px;
  color: #666666;
  line-height: 30px;
  width: 280px;
}
.ab6ct .left .slg .row .cat {
  margin-left: auto;
}
.ab6ct .left .slg .row .cat a {
  font-family: var(--font-Ali-Regular);
  font-weight: 400;
  font-size: 18px;
  color: #006522;
  line-height: 30px;
  width: 280px;
  display: block;
}
.ab6ct .mide .item.active .zs .lt i,
.ab6ct .mide .item.active .zs .lt p,
.ab6ct .mide .item.active .zs > i {
  color: #06b340;
}
.ab6ct .mide .item.active .zs > i {
  transform: rotate(180deg);
}
.ab6ct .right img {
  width: 100%;
}
.ab4ct {
  margin: 0 auto;
  padding: 110px 0 120px 0;
}
.ab4ct .top {
  display: flex;
  justify-content: space-between;
}
.ab4ct .top .right h4 {
  font-family: var(--font-Ali-Regular);
  font-weight: 400;
  font-size: 44px;
  color: #000000;
  text-align: right;
}
.ab4ct .top .right p {
  font-family: var(--font-Ali-Regular);
  font-weight: 400;
  font-size: 20px;
  color: #333333;
  line-height: 30px;
  text-align: right;
  margin-top: 9px;
}
.ab4ct .mide {
  margin-top: -70px;
}
.ab4ct .mide .rund {
  position: relative;
  width: 161px;
  height: 161px;
  margin: 0 auto;
  position: relative;
}
.ab4ct .mide .rund::before {
  display: block;
  content: '';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 100%;
  width: 1px;
  height: 30px;
  background-color: #99c1a7;
}
.ab4ct .mide .rund::after {
  display: block;
  content: '';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: calc(100% + 30px);
  width: 1341px;
  height: 1px;
  background-color: #99c1a7;
}
.ab4ct .mide .rund .bg {
  width: 100%;
  height: 100%;
  animation: rotate-ab4 20s linear infinite;
}
@keyframes rotate-ab4 {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
.ab4ct .mide .rund .flow {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.ab4ct .content {
  display: flex;
  justify-content: space-between;
  margin-top: 60px;
}
.ab4ct .content .row {
  position: relative;
  height: max-content;
}
.ab4ct .content .row::before {
  /* display: block;
  content: '';
  position: absolute;
  top: 60px;
  left: 10px;
  width: 1px;
  height: calc(100% - 60px - 25px);
  background-color: #99c1a7; */
}
.ab4ct .content .row .one {
  width: 260px;
  height: 60px;
  background: #006522;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-Ali-Regular);
  font-weight: 500;
  font-size: 24px;
  color: #ffffff;
  position: relative;
}
.ab4ct .content .row .one::before {
  display: block;
  content: '';
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 1px;
  height: 30px;
  background-color: #99c1a7;
}
.ab4ct .content .row .one::after {
  display: block;
  content: '';
  position: absolute;
  top: 100%;
  width: 1px;
  height: 31px;
  left: 10px;
  background: #99c1a7;
}
.ab4ct .content .row .two-b {
  margin-top: 30px;
}
.ab4ct .content .row .two {
  position: relative;
}
.ab4ct .content .row .two::before {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  left: 10px;
  width: 1px;
  height: calc(100% + 10px);
  background: #99c1a7;
}
.ab4ct .content .r1 .two::before,
.ab4ct .content .r2 .two::before,
.ab4ct .content .row .two:last-of-type::before {
  display: none;
}
.ab4ct .content .row .two .zs {
  width: 230px;
  height: 50px;
  background: #ffffff;
  border-radius: 10px;
  border: 1px solid #99c1a7;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-Ali-Regular);
  font-weight: 400;
  font-size: 20px;
  color: #006522;
  margin-left: auto;
  position: relative;
  cursor: pointer;
  transition: 0.4s;
}
.ab4ct .content .r3 .two .zs:hover,
.ab4ct .content .r4 .two:not(:last-of-type) .zs:hover {
  background-color: #06b340;
  border-color: #06b340;
  color: #ffffff;
}
.ab4ct .content .row .two:not(:first-of-type) {
  margin-top: 10px;
}
.ab4ct .content .row .two .zs::before {
  display: block;
  content: '';
  position: absolute;
  right: 100%;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 1px;
  background: #99c1a7;
}
.ab4ct .content .row .two .zs::after {
  display: block;
  content: '';
  position: absolute;
  right: calc(100% + 20px);
  top: 0;
  width: 1px;
  height: calc(100% + 10px + 2px);
  background: #99c1a7;
}
.ab4ct .content .row .two:last-of-type .zs::after {
  height: 25px;
}
.ab4ct .content .r2 .two .zs::after {
  /* right: unset;
  left: 8px;
  top: 100%;
  width: 1px;
  height: 25px; */
  display: none;
}
.ab4ct .content .row .three-b {
  margin-top: 20px;
  position: relative;
  margin-left: auto;
  width: max-content;
}
.ab4ct .content .row .three-b::before {
  /* display: block;
  content: '';
  position: absolute;
  right: calc(100% + 20px);
  top: -20px;
  width: 1px;
  height: calc(100% + 20px - 22.5px);
  background-color: #99c1a7; */
  display: block;
  content: '';
  position: absolute;
  top: -20px;
  right: calc(100% + 20px);
  width: 1px;
  height: 20px;
  background: #99c1a7;
}
.ab4ct .content .row .three-zs {
  width: 200px;
  height: 45px;
  background: #ffffff;
  box-shadow: 0px 0px 10px 0px rgba(9, 100, 56, 0.15);
  border-radius: 10px;
  font-family: var(--font-Ali-Regular);
  font-weight: 400;
  font-size: 18px;
  color: #333333;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  cursor: pointer;
  transition: 0.4s;
}
.ab4ct .content .row .three-zs:hover {
  background-color: #06b340;
  color: #ffffff;
}
.ab4ct .content .row .three {
  position: relative;
}
.ab4ct .content .row .three::after {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  right: calc(100% + 20px);
  width: 1px;
  height: calc(100% + 10px);
  background-color: #99c1a7;
}
.ab4ct .content .row .three:last-of-type::after {
  height: 22.5px;
}
.ab4ct .content .row .three:not(:first-of-type) {
  margin-top: 10px;
}
.ab4ct .content .row .three-zs::before {
  display: block;
  content: '';
  position: absolute;
  right: 100%;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 1px;
  background-color: #99c1a7;
}
.ab4ct .content .row .two:last-of-type .three-b {
  /* position: absolute;
  right: 0;
  top: calc(50px); */
}
.ab4ct .content .r2 .one {
  margin: 0 auto;
}
.ab4ct .content .r2::before {
  display: none;
}
.ab4ct .content .r2 .one::after {
  display: block;
  content: '';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: calc(100% + 15px);
  width: 481px;
  height: 1px;
  background-color: #99c1a7;
}
.ab4ct .content .row .two-big-b {
  display: flex;
}
.ab4ct .content .row .two-big-b .two-b:not(:last-of-type) {
  margin-right: 10px;
}
.ab4ct .content .r2 .two .zs::before {
  top: unset;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 1px;
  height: 15px;
}
.ab4ct .content .r2 .two-b:nth-of-type(2) .two .zs::before {
  height: 30px;
}
.ab4ct .content .row .four-b {
  margin-top: 5px;
  width: 200px;
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 6px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 18px 20px;
  display: none;
  margin-left: auto;
  position: relative;
}
.ab4ct .content .r4 .two:last-of-type .four-b {
  width: 200px;
}

/*.ab4ct .content .row .four-b::before{*/
/*  display: block;*/
/*  content: '';*/
/*  position: absolute;*/
/*  top: 0;*/
/*  right: calc(100% + 20px);*/
/*  width: 1px;*/
/*  height: calc(100% + 15px);*/
/*  background: #99c1a7;*/
/*}*/
.ab4ct .content .r3 .four-b,
.ab4ct .content .r4 .four-b {
  width: 230px;
}
.ab4ct .content .row .four {
  font-family: var(--font-Ali-Regular);
  font-weight: 400;
  font-size: 16px;
  color: #666666;
  line-height: 20px;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
  padding: 14px 0;
  word-break: break-word;
}
.ab4ct .content .row .four:last-of-type {
  border-bottom: none;
  padding-bottom: 0;
}
.ab4ct .content .row .four:first-of-type {
  padding-top: 0;
}
.ab4ct .content .row .two:last-of-type .three:last-of-type .four-b {
  /* position: absolute;
  right: 0;
  top: 45px; */
}
.ab2-box {
  background-color: #f7f7f7;
  position: relative;
}
.ab2-box .ib {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 100%;
  max-width: 1920px;
}
.ab2-box .ib .bg {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ab2-box .ib .line {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  /* 初始：裁掉全部右侧，只露出最左边 */
  clip-path: inset(0 100% 0 0);
  /* 动画时长自行调整，0.9s = 900毫秒 */
  transition: clip-path 3.8s ease-out;
}
.ab2-box .ib .line.anim-show {
  clip-path: inset(0 0 0 0);
}
.ab2ct {
  margin: 0 auto;
  padding: 110px 0 100px 0;
}
.ab2-swiper .swiper-slide {
  display: flex;
  justify-content: space-between;
}
.ab2-swiper .item {
  width: calc((100% - 114px) / 4);
}
.ab2-swiper .item .rq {
  display: flex;
}
.ab2-swiper .item:nth-of-type(1) .tp .line-b .line::before {
  height: 78%;
}
.ab2-swiper .item:nth-of-type(3) .tp .line-b .line::before {
  height: 113%;
}
.ab2-swiper .item:nth-of-type(3) .bt .line-b .line::before {
  height: 75%;
}
.ab2-swiper .item:nth-of-type(4) .tp .line-b .line::before {
  height: 90%;
}
.ab2-swiper .item .rq .line-b {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-right: 19px;
  padding-top: 15px;
}
.ab2-swiper .item .rq .line-b .rund {
  width: 13px;
  height: 13px;
  background-color: #06b340;
  border-radius: 50%;
}
.ab2-swiper .item .rq .line-b .line {
  width: 1px;
  height: 220px;
  position: relative;
}
.ab2-swiper .item .rq .line-b .line::before {
  display: block;
  content: '';
  width: 1px;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background: linear-gradient(0deg, rgba(0, 101, 34, 0) 0%, #06b340 100%);
}
.ab2-swiper .item .bt .line-b {
  flex-direction: column-reverse;
  padding-top: 0;
}
.ab2-swiper .item .bt .line-b .line {
  height: 120px;
}
.ab2-swiper .item .bt .line-b .line::before {
  top: unset;
  bottom: 0;
  background: linear-gradient(to bottom, rgba(0, 101, 34, 0) 0%, #06b340 100%);
}
.ab2-swiper .item .txt {
  width: calc(100% - 13px - 19px);
}
.ab2-swiper .item .txt .time {
  font-family: var(--font-Ali-Medium);
  font-weight: 500;
  font-size: 44px;
  color: #000000;
  line-height: 1;
}
.ab2-swiper .item .txt .desc {
  font-family: var(--font-Ali-Regular);
  font-weight: 400;
  font-size: 24px;
  color: #333333;
  line-height: 44px;
  margin-top: 10px;
}
.ab2-swiper .item .txt .desc p,
.ab2-swiper .item .txt .desc span{
  font-family: var(--font-Ali-Regular) !important;
}
.ab2-swiper .item .bt {
  align-items: flex-start;
  margin-top: 14px;
}
.ab2-swiper .item .bt .txt {
  padding-top: 100px;
}
.ab2-swiper .item:nth-of-type(1) .bt {
  padding-left: 87px;
}
.ab2-swiper .item:nth-of-type(2) .bt {
  padding-left: 31px;
}
.ab2-swiper .item:nth-of-type(3) .bt {
  padding-left: 43px;
}
.ab2-swiper .item:nth-of-type(4) .tp {
  padding-left: 47px;
}
.ab2-swiper .item:nth-of-type(1) {
  padding-top: 316px;
}
.ab2-swiper .item:nth-of-type(2) {
  padding-top: 206px;
}
.ab2-swiper .item:nth-of-type(3) {
  padding-top: 136px;
}
.join1-box {
  padding: 170px 0 160px 0;
  max-width: 1920px;
  margin: 0 auto;
}
.join1-box .top {
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
.join1-box .top .ib {
  width: 100%;
  position: relative;
}
.join1-box .top .ib .bg {
  width: 100%;
  box-shadow: 0px 0px 50px 0px rgba(0, 101, 34, 0.28);
  border-radius: 10px;
}
.join1-box .top .ib .flow {
  position: absolute;
  bottom: 100px;
  left: 145px;
}
.join1-box .top .ib .flow h3 {
  font-family: var(--font-Ali-Regular);
  font-weight: 500;
  font-size: 48px;
  color: #ffffff;
  text-align: center;
}
.join1-box .top .ib .flow h6 {
  font-family: var(--font-Ali-Regular);
  font-weight: 400;
  font-size: 24px;
  color: #ffffff;
  text-align: center;
  margin-top: 4px;
}
.join1-box .top .ib .flow .an {
  display: flex;
  align-items: flex-start;
  margin-top: 60px;
}
.join1-box .top .ib .flow .an .more {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 170px;
  height: 110px;
  background: rgba(255, 255, 255, 0);
  border-radius: 10px;
  border: 2px solid #ffffff;
  position: relative;
  z-index: 1;
  overflow: hidden;
  transition: 0.4s;
}
/* .join1-box .top .ib .flow .an .more::before {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: #00c13c;
  transition: 0.4s;
  z-index: -1;
} */
.join1-box .top .ib .flow .an .more:hover {
  border-color: #00c13c;
  background-color: #00c13c;
}
/* .join1-box .top .ib .flow .an .more:hover::before {
  width: 100%;
} */
.join1-box .top .ib .flow .an .more span {
  font-family: var(--font-Ali-Regular);
  font-weight: 500;
  font-size: 20px;
  color: #ffffff;
  margin-bottom: 14px;
}
.join1-box .top .ib .flow .an .nb {
  display: flex;
  flex-wrap: wrap;
  width: 290px;
  margin-left: 30px;
}
.join1-box .top .ib .flow .an .nb p {
  width: calc((100% - 10px) / 2);
  margin-right: 10px;
  margin-top: 10px;
  height: 50px;
  background-color: #ffffff;
  border-radius: 10px;
  font-family: var(--font-Ali-Regular);
  font-weight: 400;
  font-size: 22px;
  color: #00c13c;
  display: flex;
  align-items: center;
  justify-content: center;
}
.join1-box .top .ib .flow .an .nb p:nth-of-type(2n) {
  margin-right: 0;
}
.join1-box .top .ib .flow .an .nb p:nth-of-type(1),
.join1-box .top .ib .flow .an .nb p:nth-of-type(2) {
  margin-top: 0;
}
.join1-box .top .wz {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-top: 36px;
}
.join1-box .top .wz .hr {
  display: flex;
  align-items: center;
}
.join1-box .top .wz .hr .rund {
  width: 26px;
  height: 26px;
  background: #006522;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.join1-box .top .wz .hr .rund i {
  font-size: 16px;
  color: #ffffff;
}
.join1-box .top .wz .hr h6 {
  font-family: var(--font-Ali-Regular);
  font-weight: 400;
  font-size: 24px;
  color: #006522;
  margin-left: 19px;
}
.join1-box .top .wz .lx {
  margin-top: 15px;
}
.join1-box .top .wz .lx .r {
  font-family: var(--font-Ali-Regular);
  font-weight: 400;
  font-size: 20px;
  color: #333333;
  line-height: 36px;
  text-align: right;
}
.join1-box .top .wz .lx .r a {
  color: #333333;
}
.join1-box .sw-box .zs {
  margin: 0 auto 0;
  position: relative;
  z-index: 5;
}
.join1-box .sw-box .zs .desc {
  font-family: var(--font-Ali-Regular);
  font-weight: 400;
  font-size: 22px;
  color: #333333;
  line-height: 36px;
  text-align: center;
  margin-top: 29px;
}
.join1-box .sw-box .zs .mide {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 50px;
}
.join1-box .sw-box .zs .mide p {
  font-family: var(--font-Ali-Regular);
  font-weight: 400;
  font-size: 36px;
  color: #ffffff;
  border-radius: 10px;
  background-color: #06b340;
  margin-right: 20px;
  margin-top: 20px;
  padding: 12px 34px;
  transition: 0.4s;
  cursor: context-menu;
}
.join1-box .sw-box .zs .mide p:hover {
  transform: scale(1.08);
}
.join1-box .sw-box .zs .mide p:nth-of-type(1),
.join1-box .sw-box .zs .mide p:nth-of-type(7),
.join1-box .sw-box .zs .mide p:nth-of-type(13),
.join1-box .sw-box .zs .mide p:nth-of-type(6),
.join1-box .sw-box .zs .mide p:nth-of-type(12),
.join1-box .sw-box .zs .mide p:nth-of-type(17) {
  background-color: #8fd98d;
}
.join1-box .sw-box .zs .mide p:nth-of-type(2),
.join1-box .sw-box .zs .mide p:nth-of-type(8),
.join1-box .sw-box .zs .mide p:nth-of-type(14),
.join1-box .sw-box .zs .mide p:nth-of-type(5),
.join1-box .sw-box .zs .mide p:nth-of-type(11),
.join1-box .sw-box .zs .mide p:nth-of-type(16) {
  background-color: #59cf80;
}
.join1-box .sw-box {
  position: relative;
  /* margin-top: 425px; */
  margin-top: 25vw;
}
.join1-box .sw-box .flow-sc {
  position: absolute;
  right: 15%;
  bottom: 15%;
  max-width: 60%;
}
.join1-box .sw-box .animate {
  position: absolute;
  left: 0;
  bottom: 30%;
}
.join1-box .animate .bg {
  width: 100%;
}
.join-swiper {
  position: absolute;
  top: -100px;
  left: 50%;
  transform: translateX(-50%);
  height: 100%;
}
.join-swiper .swiper-slide {
  transition: transform 0.8s ease;
}
.join-swiper .swiper-slide.level-0 .rund {
  padding-top: 0;
}
.join-swiper .swiper-slide.level-1 .rund {
  padding-top: 50px;
}
.join-swiper .swiper-slide.level-2 .rund {
  padding-top: 260px;
}
.join-swiper .swiper-slide.level-3 .rund {
  padding-top: 450px;
}
.join-swiper .rund {
  display: flex;
  justify-content: center;
  transition: padding-top 0.8s ease;
}
.join2-box {
  position: relative;
}
.join2-box .flow-bg {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 100%;
  z-index: -1;
}
.join2-box .bg {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
}
.join2-box .top {
  margin: 0 auto;
  padding: 110px 0 100px 0;
}
.join2-box .top .flog {
  position: relative;
  width: max-content;
}
.join2-box .top .flog .wz {
  position: absolute;
  left: 50%;
  top: 47%;
  transform: translate(-50%, -50%) rotate(-2deg);
  width: 100%;
  padding: 0 20px 0 67px;
}
.join2-box .top .flog h4 {
  font-family: var(--font-Serif-Bold);
  font-weight: 700;
  font-size: 44px;
  color: #000000;
}
.join2-box .top .flog h6 {
  font-family: var(--font-Ali-Regular);
  font-weight: 400;
  font-size: 36px;
  color: #000000;
  line-height: 48px;
  margin-top: 5px;
}
.join2-box .top .desc {
  display: flex;
  flex-direction: column;
  width: max-content;
  max-width: 100%;
  margin: 40px 0 0 auto;
}
.join2-box .top .desc h6 {
  font-family: var(--font-Ali-Regular);
  font-weight: 400;
  font-size: 36px;
  color: #06b340;
  line-height: 48px;
  margin-top: 20px;
}
.join3-box {
  padding: 150px 0 0 0;
  max-width: 1920px;
  margin: 0 auto;
  overflow: hidden;
}
.join3-box .top {
  margin: 0 auto;
}
.join3-box .top .title h6 {
  font-family: var(--font-Ali-Regular);
  font-weight: 400;
  font-size: 36px;
  color: #06b340;
  margin-top: 25px;
}
.join3-box .top .bg {
  width: 100%;
  margin-top: 60px;
}
.join3-box .bottom {
  position: relative;
  margin-top: 205px;
}
.join3-box .bottom .flow-bg {
  position: absolute;
  top: -6.5%;
  left: 0;
  z-index: -1;
  max-width: 55%;
}
.join3-box .bottom .row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: calc((100% - 1600px) / 2);
}
.join3-box .bottom .row:not(:first-of-type) {
  margin-top: 25px;
}
.join3-box .bottom .row:nth-of-type(even) {
  flex-direction: row-reverse;
  padding-left: 0;
  padding-right: calc((100% - 1600px) / 2);
}
.join3-box .bottom .row .left {
  width: 710px;
  position: relative;
}
.join3-box .bottom .row .left .flow-t {
  position: absolute;
  top: -85px;
  right: -50px;
}
.join3-box .bottom .row .left .desc {
  font-family: var(--font-Ali-Regular);
  font-weight: 400;
  font-size: 24px;
  color: #333333;
  line-height: 36px;
  margin-top: 88px;
}
.join3-box .bottom .row .left .desc p {
  position: relative;
  padding-left: 59px;
}
.join3-box .bottom .row .left .desc p:not(:first-of-type) {
  margin-top: 46px;
}
.join3-box .bottom .row .left .desc p::before {
  display: block;
  content: '';
  position: absolute;
  top: 5px;
  left: 0;
  width: 30px;
  height: 30px;
  background: linear-gradient(225deg, #055cb3 0%, #65a3e0 100%);
  border-radius: 50%;
}
.join3-box .bottom .row .left .desc p:nth-of-type(2)::before {
  background: linear-gradient(225deg, #06b340 0%, #65d587 100%);
}
.join3-box .bottom .row .right {
  max-width: calc(100% - 710px - 92px);
}
.join3-box .bottom .row .right img {
  max-width: 100%;
}
.ft-box {
  background-color: #00442e;
}
.ftct {
  margin: 0 auto;
  padding: 48px 0 40px 0;
}
.ftct .backtop {
  display: flex;
  align-items: center;
  flex-direction: column;
  width: max-content;
  margin: 0 auto;
  cursor: pointer;
}
.ftct .backtop i {
  font-size: 22px;
  color: #ffffff;
  transition: 0.3s;
}
.ftct .backtop p {
  font-family: var(--font-Ali-Regular);
  font-weight: 500;
  font-size: 20px;
  color: #ffffff;
  margin-top: 9px;
  position: relative;
  transition: 0.3s;
}
/* .ftct .backtop p::after {
  display: block;
  content: '';
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 0;
  height: 2px;
  background-color: #06b340;
  transition: 0.3s;
} */
.ftct .backtop:hover p,
.ftct .backtop:hover i {
  color: #06b340;
}
/* .ftct .backtop:hover p::after {
  width: 100%;
} */
.ftct .mide {
  display: flex;
  justify-content: space-between;
  margin-top: 85px;
}
.ftct .mide .item .tm {
  font-family: var(--font-Ali-Regular);
  font-weight: 500;
  font-size: 24px;
  color: #ffffff;
  margin-bottom: 36px;
}
.ftct .mide .item .er a {
  font-family: var(--font-Ali-Regular);
  font-weight: 400;
  font-size: 18px;
  color: #ffffff;
  transition: 0.3s;
  display: block;
}
.ftct .mide .item .er a:not(:first-of-type) {
  margin-top: 18px;
}
.ftct .mide .item:first-of-type .er a:hover {
  color: #06b340;
}
.ftct .mide .item .link a {
  display: flex;
  align-items: center;
  position: relative;
}
.ftct .mide .item .link a .ib {
  width: 29px;
}
.ftct .mide .item .link a .ib img {
  max-width: 100%;
}
.ftct .mide .item .link a .flow {
  position: absolute;
  transform: translateY(-50%) scaleX(0);
  right: 100%;
  top: 50%;
  padding-right: 12px;
  opacity: 0;
  transform-origin: right;
  transition: 0.5s;
}
.ftct .mide .item .link a:hover .flow {
  transform: translateY(-50%) scaleX(1);
  opacity: 1;
}
.ftct .mide .item .link a .flow .rq {
  width: 100px;
  background-color: #ffffff;
  border-radius: 4px;
  padding: 5px;
  position: relative;
}
.ftct .mide .item .link a .flow .rq::before {
  display: block;
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -12px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 6px solid #ffffff;
  border-right: 6px solid transparent;
}
.ftct .mide .item .link a .flow .rq img {
  width: 100%;
}
.ftct .mide .item .link a:not(:first-of-type) {
  margin-top: 20px;
}
.ftct .mide .item .link a p {
  font-family: var(--font-Ali-Regular);
  font-weight: 400;
  font-size: 18px;
  color: #ffffff;
  margin-left: 18px;
  transition: 0.3s;
}
.ftct .mide .item .link a:hover p {
  color: #06b340;
}
.ftct .btm {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  padding-top: 38px;
  margin-top: 90px;
}
.ftct .btm .left {
  display: flex;
}
.ftct .btm .left a {
  font-family: var(--font-Ali-Medium);
  font-weight: 400;
  font-size: 18px;
  color: #ffffff;
  transition: 0.3s;
}
.ftct .btm .left a:not(:last-of-type) {
  margin-right: 20px;
}
.ftct .btm .left a:hover {
  color: #06b340;
}
.ftct .btm .right {
  display: flex;
  align-items: center;
}
.ftct .btm .right a,
.ftct .btm .right span {
  font-family: var(--font-Ali-Medium);
  font-weight: 400;
  font-size: 18px;
  color: #ffffff;
  transition: 0.3s;
}
.ftct .btm .right span {
  margin: 0 12px;
}
.ftct .btm .right a:hover {
  color: #06b340;
}
@media only screen and (min-width: 2120px) {
  .mySwiper .tpct .one h3 {
    font-size: 82px;
    line-height: 100px;
  }
  .mySwiper .tpct .one h6 {
    font-size: 29px;
    line-height: 40px;
  }
  .mySwiper .dbct h5 {
    font-size: 40px;
  }
  .mySwiper .dbct h6 {
    font-size: 32px;
    line-height: 40px;
  }
  .mySwiper .dbct img {
    width: 346px;
  }
  .mySwiper .tpct .two h4 {
    font-size: 36px;
  }
  .mySwiper .tpct .two h3 {
    font-size: 106px;
  }
  .mySwiper .tpct .two h6 {
    font-size: 26px;
  }
  .mySwiper .tpct .three h3 {
    font-size: 70px;
    line-height: 90px;
  }
  .mySwiper .tpct .three h6 {
    font-size: 28px;
    line-height: 40px;
  }
  .mySwiper .tpct .three h6 {
    width: 855px;
  }
  .mySwiper .tpct .four h4 {
    font-size: 40px;
  }
  .mySwiper .tpct .four h3 {
    font-size: 106px;
  }
  .mySwiper .tpct .four h6 {
    font-size: 26px;
    line-height: 34px;
  }
  .mySwiper .tpct {
    top: 130px;
  }
  .mySwiper .dbct {
    bottom: 130px;
  }
  .mySwiper .flow-dbl {
    bottom: 130px;
  }
}
@media only screen and (max-width: 1860px) {
}
@media only screen and (max-width: 1760px) {
  .center-1600 {
    width: 1400px;
  }
  /* .header-box .mide .ct .nav li.active > a::after {
    width: 130px;
  } */
  /* .header-box .mide .ct .nav li:not(:first-of-type) {
    margin-left: 68px;
  } */
  .header-box .mide .ct .nav li > a {
    /* font-size: 18px; */
    padding: 0 27px;
  }
  /* .header-box .mide .ct .search>i {
    font-size: 20px;
  } */
  /* .header-box .top .ct .cat,
  .header-box .top .ct .lan .wz p {
    font-size: 17px;
  } */
  .rub3ct .left {
    width: 590px;
  }
  .rub3ct .right {
    width: calc(100% - 590px - 80px);
    padding-top: 30px;
  }
  .rub3ct .right .rq {
    padding: 59px 50px 70px 50px;
  }
  .rub3ct .right .rq i {
    top: 22px;
    right: 22px;
    font-size: 24px;
  }
  .rub3ct .right .rq h3 {
    font-size: 30px;
  }
  .rub3ct .right .rq .desc {
    font-size: 18px;
    line-height: 28px;
    margin: 14px 0 40px 0;
  }
  .rub3ct .right .rq .rb3-swiper img {
    width: 180px;
    height: 135px;
  }
  .rub3ct .right .rqb.line-show:nth-of-type(2) .h {
    width: 420px;
    top: 80px;
  }
  .rub3ct .right .rqb.line-show:nth-of-type(2) .s {
    right: calc(100% + 420px);
    top: 80px;
    height: 250px;
  }
  .rub3ct .right .rqb.line-show:nth-of-type(1) .h {
    width: 200px;
    top: 80px;
  }
  .rub3ct .right .rqb.line-show:nth-of-type(1) .s {
    right: calc(100% + 200px);
    top: 80px;
    height: 330px;
    transform: rotate(14deg);
  }
  .rub3ct .right .rqb.line-show:nth-of-type(3) .h {
    width: 380px;
    top: 80px;
  }
  .rub3ct .right .rqb.line-show:nth-of-type(3) .s {
    right: calc(100% + 380px);
    top: 80px;
    height: 415px;
    transform: rotate(16deg);
  }
  .rub3ct .right .rqb.line-show:nth-of-type(4) .h {
    width: 430px;
    top: 80px;
  }
  .rub3ct .right .rqb.line-show:nth-of-type(4) .s {
    right: calc(100% + 430px);
    top: 80px;
    height: 300px;
    transform: rotate(22deg);
  }
  .rub3ct .right .rqb.line-show:nth-of-type(5) .h {
    width: 320px;
    top: 80px;
  }
  .rub3ct .right .rqb.line-show:nth-of-type(5) .s {
    right: calc(100% + 320px);
    top: 80px;
    height: 315px;
    transform: rotate(14deg);
  }
  .mySwiper .flow-dbl {
    left: calc((100% - 1400px) / 2);
    font-size: 24px;
    bottom: 70px;
  }
  .mySwiper .tpct .one h3 {
    font-size: 62px;
    line-height: 80px;
  }
  .mySwiper .tpct .one h6 {
    font-size: 22px;
    line-height: 33px;
    margin-top: 6px;
  }
  .mySwiper .dbct h5 {
    font-size: 32px;
  }
  .mySwiper .dbct h6 {
    font-size: 24px;
    line-height: 32px;
  }
  .mySwiper .dbct img {
    width: 286px;
    margin-top: 24px;
  }
  .mySwiper .dbct a {
    margin-top: 25px;
    font-size: 18px;
    width: 140px;
    height: 41px;
  }
  .mySwiper .tpct {
    top: 70px;
  }
  .mySwiper .dbct {
    bottom: 70px;
  }
  .mySwiper .tpct .two h4 {
    font-size: 28px;
  }
  .mySwiper .tpct .two h3 {
    font-size: 80px;
  }
  .mySwiper .tpct .two h6 {
    font-size: 18px;
  }
  .mySwiper .tpct .three h3 {
    font-size: 50px;
    line-height: 70px;
  }
  .mySwiper .tpct .three h6 {
    font-size: 20px;
    line-height: 32px;
    width: 635px;
  }
  .mySwiper .tpct .four h4 {
    font-size: 30px;
  }
  .mySwiper .tpct .four h3 {
    font-size: 80px;
  }
  .mySwiper .tpct .four h6 {
    font-size: 18px;
    line-height: 26px;
  }
  .i1ct .left {
    width: 625px;
  }
  .i1ct .right {
    width: calc(100% - 625px - 95px);
  }
  .i1ct .left h3 {
    font-size: 38px;
    line-height: 54px;
  }
  .i1ct .left .desc {
    font-size: 18px;
    line-height: 28px;
    margin: 32px 0 46px 0;
  }
  .i1ct .left .desc p:not(:first-of-type) {
    margin-top: 15px;
  }
  .i1ct {
    padding: 145px 0;
  }
  .pb-more-160-bg {
    width: 140px;
    height: 41px;
    font-size: 16px;
  }
  .i2ct .item h3 {
    font-size: 28px;
    margin: 30px 0 22px 0;
  }
  .i2ct .item p {
    font-size: 18px;
    line-height: 34px;
  }
  .i2ct {
    padding: 90px 0;
  }
  .pb-title-60 {
    font-size: 52px;
    line-height: 64px;
  }
  .pb-title-20 {
    font-size: 18px;
  }
  .pb-desc {
    font-size: 18px;
    line-height: 34px;
  }
  .i3ct .mide .circle .wz {
    font-size: 16px;
  }
  .i3ct .mide .location .wz {
    font-size: 16px;
  }
  .i3ct .mide .location img {
    width: 22px;
  }
  .i3ct .mide .circle .rund {
    width: 18px;
    height: 18px;
  }
  .i3ct .mide .circle .rund::before {
    width: 8px;
    height: 8px;
  }
  .i4ct .mide .bg {
    width: 767px;
  }
  .i4ct .mide .circle {
    width: 265px;
    height: 265px;
  }
  .i4ct .mide .circle .rund {
    font-size: 38px;
    line-height: 42px;
  }
  .i4ct .mide .circle .rund span {
    font-size: 28px;
  }
  .i4ct .mide .txt {
    transform: scale(0.95);
  }
  /* .i4ct .mide .icon {
    transform: scale(0.95);
  } */
  @keyframes item-counter {
    from {
      transform: rotate(0deg) scale(0.95);
    }
    to {
      transform: rotate(-360deg) scale(0.95);
    }
  }
  .i5ct .row .right a {
    font-size: 22px;
  }
  .pb-more-142 {
    width: 125px;
    height: 39px;
    font-size: 16px;
  }
  .pb-more-142.w160 {
    width: 140px;
    height: 41px;
    font-size: 16px;
  }
  .i5ct .mide .right {
    width: 520px;
  }
  .i5ct .mide .left {
    width: calc(100% - 520px - 30px);
  }
  .i5ct .row .right a:not(:first-of-type) {
    margin-left: 110px;
  }
  .i5ct .mide .left .item .ib {
    height: 260px;
  }
  .i5ct .mide .left .item .txt {
    padding: 29px 26px 19px 26px;
  }
  .i5ct .mide .left .item .txt h5 {
    font-size: 18px;
    line-height: 28px;
    height: 56px;
  }
  .i5ct .mide .left .item .txt p {
    font-size: 16px;
    line-height: 28px;
    height: 56px;
    margin-top: 17px;
  }
  .i5ct .mide .left .item .txt .line {
    margin: 26px 0 18px 0;
  }
  .i5ct .mide .left .item .txt .db .time {
    font-size: 16px;
  }
  .i5ct .mide .right a {
    padding: 30px 28px 34px 28px;
  }
  .i5ct .mide .right a .tp h6 {
    font-size: 18px;
  }
  .i5ct .mide .right a .tp .time {
    font-size: 16px;
  }
  .i5ct .mide .right a .desc {
    font-size: 16px;
    line-height: 28px;
    height: 56px;
    margin-top: 14px;
  }
  .i6ct h3 {
    font-size: 38px;
  }
  .i6ct h6 {
    font-size: 22px;
    margin: 12px 0 37px 0;
  }
  .i6ct a {
    font-size: 16px;
    width: 140px;
    height: 41px;
  }
  .banner-nav .ct .left a {
    font-size: 17px;
  }
  .rubct .mide .left {
    width: calc(100% - 620px);
    padding: 25px 80px 100px 70px;
  }
  .rubct .mide .left .title h3 {
    font-size: 38px;
  }
  .rubct .mide .left h6 {
    font-size: 18px;
    line-height: 34px;
    margin-top: 25px;
  }
  .rubct .mide .left .more .zw {
    width: 500px;
    font-size: 18px;
    height: 60px;
  }
  .rubct .mide .left .more .rund {
    width: 60px;
    height: 60px;
  }
  .rubct .mide .left .more .rund img {
    width: 30px;
  }
  .rubct .mide .left .flow {
    width: 308px;
  }
  .rubct .mide .right {
    width: 620px;
  }
  .rubct .mide {
    min-height: 500px;
  }
  .dict h4 {
    font-size: 38px;
    line-height: 54px;
  }
  .dict .mide {
    margin-top: 100px;
  }
  .dict .mide .item p {
    font-size: 21px;
    padding: 0 28px;
  }
  .dict .mide .item {
    height: 310px;
    padding-bottom: 20px;
  }
  .dict .mide .item .ib {
    height: 245px;
  }
  .dev1-box .ct .right {
    width: 660px;
    height: 460px;
  }
  .dev1-box .ct .left {
    width: calc(100% - 660px - 80px);
  }
  .dev1-box .ct .left .sz {
    font-size: 80px;
  }
  .dev1-box .ct .left h3 {
    font-size: 38px;
    margin: 45px 0 20px 0;
  }
  .dev1-box .ct .left .desc {
    font-size: 16px;
    line-height: 28px;
  }
  .dev1-box .ct .left .desc p:not(:first-of-type) {
    margin-top: 18px;
  }
  .rub2-box .row .ct .left {
    width: 660px;
    height: 430px;
  }
  .rub2-box .row .ct .right {
    width: calc(100% - 660px - 80px);
  }
  .rub2-box .row .ct .right h3 {
    font-size: 38px;
  }
  .rub2-box .row .ct .right .desc {
    font-size: 18px;
    line-height: 32px;
  }
  .rub2-box .row .ct .right .icon .item .txt h4 {
    font-size: 28px;
  }
  .rub2-box .row .ct .right .icon .item .txt {
    width: calc(100% - 50px - 14px);
  }
  .rub2-box.h400 .row .ct .left {
    height: 350px;
  }
  .adminct{
    padding: 165px 0 180px 0;
  }
  .adminct .row .mide .item .txt h5 {
    font-size: 18px;
  }
  .adminct .row .mide .item .txt a {
    font-size: 15px;
  }
  .adminct .row .mide .item .rund {
    width: 50px;
    height: 50px;
  }
  .adminct .row .mide .item .txt {
    width: calc((100% - 50px - 16px));
  }
  .adminct .row .mide .item {
    padding: 17px;
  }
  .adminct .row .title h3 {
    font-size: 32px;
  }
  .adminct .row .mide {
    margin-top: 32px;
  }
  .adminct .left {
    width: 640px;
  }
  .adminct .bg-box {
    right: -75px;
  }
  .adminct .bg-box img {
    width: 780px;
  }
  .ab1ct h4 {
    font-size: 38px;
  }
  .ab1ct .title h3 {
    font-size: 28px;
  }
  .ab1ct .title p {
    font-size: 18px;
  }
  .ab1ct .desc {
    font-size: 18px;
    line-height: 32px;
  }
  .ab1ct {
    padding: 170px 0 145px 0;
  }
  .ab1ct .mide {
    height: 470px;
  }
  .ab1ct .mide .right .item {
    padding: 0 52px;
  }
  .ab1ct .mide .right .item .db .num {
    font-size: 78px;
  }
  .ab1ct .mide .right .item .db span {
    font-size: 27px;
  }
  .ab1ct .mide .right .item p {
    font-size: 18px;
  }
  .ab1ct .mide .left {
    width: 600px;
  }
  .ab1ct .mide .right {
    width: calc(100% - 600px);
  }
  .ab2-swiper .item .txt .desc {
    font-size: 20px;
    line-height: 40px;
  }
  .ab2-swiper .item .txt .time {
    font-size: 38px;
    line-height: 42px;
  }
  .ab3ct .left .desc {
    font-size: 18px;
    line-height: 34px;
    margin: 38px 0 28px 0;
  }
  .ab2-swiper .item:nth-of-type(1) .tp .line-b .line::before {
    height: 93%;
  }
  .ab2-swiper .item:nth-of-type(2) .tp .line-b .line::before {
    height: 93%;
  }
  .ab3ct .left a {
    font-size: 18px;
    width: 140px;
    height: 41px;
  }
  .ab3ct .left {
    width: 380px;
  }
  .ab3ct .right {
    width: calc(100% - 380px - 100px);
  }
  .ab3ct .right .rsr {
    width: 270px;
  }
  .ab3ct .right .rsr .txt .name {
    font-size: 32px;
  }
  .ab3ct .right .rsr .txt {
    bottom: -17px;
  }
  .ab3ct .right .rsr .txt p {
    font-size: 18px;
  }
  .ab3ct .right .ib .item .txt .name {
    font-size: 20px;
  }
  .ab3ct .left .dbl .sz {
    font-size: 62px;
  }
  .ab3ct .left .dbl p {
    font-size: 16px;
    line-height: 22px;
  }
  .ab3ct .left .dbl {
    margin-top: 140px;
  }
  .ab4ct .top .right h4 {
    font-size: 38px;
  }
  .ab4ct .top .right p {
    font-size: 18px;
    line-height: 28px;
  }
  .ab4ct .mide {
    margin-top: -60px;
  }
  .ab4ct .mide .rund {
    width: 140px;
    height: 140px;
  }
  .ab4ct .mide .rund .flow {
    width: 42px;
  }
  .ab4ct .content .row .one {
    width: 230px;
    height: 55px;
    font-size: 21px;
  }
  .ab4ct .content .row .two .zs {
    width: 200px;
    height: 45px;
    font-size: 18px;
  }
  .ab4ct .mide .rund::after {
    width: 1170px;
  }
  .ab4ct .content .row::before {
    /* top: 55px;
    height: calc(100% - 55px - 22.5px); */
  }
  .ab4ct .content .r2 .one::after {
    width: 421px;
  }
  .ab4ct .content .row .three-zs {
    width: 170px;
    height: 40px;
    font-size: 16px;
  }
  .ab4ct .content .row .three-b::before {
    /* height: calc(100% + 20px - 20px); */
  }
  .ab4ct .content .row .two:last-of-type .three-b {
    /* top: calc(45px); */
  }
  .ab4ct .content .row .four-b,
  .ab4ct .content .r4 .two:last-of-type .four-b {
    width: 170px;
    padding: 14px 16px;
  }
  .ab4ct .content .r3 .four-b,
  .ab4ct .content .r4 .four-b {
    width: 200px;
  }
  .ab4ct .content .row .four {
    padding: 10px 0;
    font-size: 14px;
    line-height: 18px;
  }
  .ab4ct .content .row .two:last-of-type .zs::after {
    height: 22.5px;
  }
  .ab4ct .content .row .three:last-of-type::after {
    height: 20px;
  }
  .ab5-box .item {
    height: 800px;
    padding: 25px 35px;
  }
  .ab5-box .item .ib {
    height: 77px;
  }
  .ab5-box .item .bj {
    font-size: 21px;
    margin: 25px auto 0;
  }
  .ab5-box .item .txt h3 {
    font-size: 26px;
    line-height: 44px;
  }
  .ab5-box .item .txt p {
    font-size: 16px;
    line-height: 34px;
    margin-top: 16px;
    padding: 0 10px;
  }
  .ab5ct .item .rq-wrap {
    gap: 55px;
  }
  .ab6ct .left {
    width: 600px;
  }
  .ab6ct .right {
    width: calc(100% - 600px - 100px);
  }
  .ab6ct .left .zs .lt p {
    font-size: 21px;
  }
  .ab6ct .left .zs .lt i {
    font-size: 24px;
  }
  .ab6ct .left .slg h6 {
    font-size: 18px;
  }
  .ab6ct .left .slg .row .cp {
    width: 220px;
    font-size: 15px;
    line-height: 29px;
  }
  .ab6ct .left .slg .row .cat a {
    width: 270px;
    font-size: 17px;
    line-height: 29px;
  }
  .ab6ct .left .slg .row .dw {
    font-size: 17px;
    line-height: 29px;
    width: 100px;
  }
  .ab6ct .mide .item:nth-of-type(3) .slg .row .dw {
    width: 145px;
  }
  .ab6ct .mide .item:nth-of-type(3) .slg .row .cp {
    width: 170px;
  }
  .join1-box .top .ib .flow h3 {
    font-size: 40px;
  }
  .join1-box .top .ib .flow h6 {
    font-size: 20px;
  }
  .join1-box .top .ib .flow .an {
    margin-top: 45px;
  }
  .join1-box .top .ib .flow .an .nb p {
    height: 45px;
    font-size: 20px;
  }
  .join1-box .top .ib .flow .an .nb {
    width: 270px;
    margin-left: 25px;
  }
  .join1-box .top .ib .flow .an .more {
    height: 100px;
  }
  .join1-box .top .ib .flow .an .more span {
    font-size: 18px;
    margin-bottom: 11px;
  }
  .join1-box .top .ib .flow {
    left: 115px;
    bottom: 80px;
  }
  .join1-box .top .wz .hr h6 {
    font-size: 21px;
  }
  .join1-box .top .wz .hr .rund {
    width: 24px;
    height: 24px;
  }
  .join1-box .top .wz .lx .r {
    font-size: 18px;
    line-height: 34px;
  }
  /* .join1-box .sw-box {
    margin-top: 24vw;
  } */
  .join1-box .sw-box .zs .mide p {
    font-size: 30px;
    padding: 8px 32px;
  }
  .join1-box .sw-box .zs .desc {
    font-size: 20px;
    line-height: 34px;
  }
  .join-swiper .swiper-slide .rund img {
    width: 129px;
  }
  .join-swiper {
    top: -85px;
  }
  /* .join1-box .sw-box .animate {
    bottom: 100px;
  } */
  .join2-box .top .desc h6 {
    font-size: 30px;
    line-height: 42px;
  }
  .join2-box .top .flog img {
    width: 933px;
  }
  .join2-box .top .flog h4 {
    font-size: 38px;
  }
  .join2-box .top .flog h6 {
    font-size: 30px;
    line-height: 42px;
  }
  .join3-box .top .title h6 {
    font-size: 30px;
  }
  .join3-box {
    padding: 130px 0 0 0;
  }
  .join3-box .bottom {
    margin-top: 185px;
  }
  .join3-box .bottom .row {
    padding-left: calc((100% - 1400px) / 2);
  }
  .join3-box .bottom .row:nth-of-type(even) {
    padding-right: calc((100% - 1400px) / 2);
  }
  .join3-box .bottom .row .left {
    width: 610px;
  }
  .join3-box .bottom .row .right {
    max-width: calc(100% - 610px - 90px);
  }
  .join3-box .bottom .row .left .flow-t {
    width: 160px;
    top: -75px;
    right: -50px;
  }
  .join3-box .bottom .row .left .desc {
    font-size: 21px;
    line-height: 33px;
  }
  .join3-box .bottom .row .left .desc p::before {
    width: 25px;
    height: 25px;
  }
  .join3-box .bottom .row .left .desc p {
    padding-left: 54px;
  }
  .nd1ct .mide{
    font-size: 17px;
    line-height: 29px;
  }
  .nd1ct .mide p,
  .nd1ct .mide span {
    font-size: 17px !important;
    line-height: 29px !important;
  }
  .nd1ct .top h3 {
    font-size: 34px;
    /* line-height: 34px; */
  }
  .news-list li .right h3 {
    font-size: 32px;
    line-height: 40px;
  }
  .news-list li .right h6 {
    font-size: 18px;
    line-height: 34px;
    height: 68px;
  }
  .news-list li .right .dbl .time {
    font-size: 17px;
  }
  .news-list li .left {
    width: 440px;
    height: 285px;
  }
  .news-list li .right {
    width: calc(100% - 440px - 60px);
  }
  .rubct .mide .right .num-box .item .db .num {
    font-size: 76px;
  }
  .rubct .mide .right .num-box .item .db .num span {
    font-size: 40px;
  }
  .rubct.sz {
    padding-bottom: 220px;
  }
  .rubct .mide .right .num-box .item.fd .db .wz {
    font-size: 20px;
    right: 22px;
  }
  .rubct .mide .right .num-box {
    width: 445px;
  }
  .rubct .mide .right .num-box .item p {
    font-size: 18px;
    line-height: 28px;
    margin-top: 7px;
  }
  .rubct .mide .right .num-box .item {
    padding: 25px 16px 28px 39px;
  }
  .rub2-box .row .ct .right .rund-b img {
    width: 180px;
  }
  .rub2-box .row .ct .right .rund-b img:not(:last-of-type) {
    margin-right: 60px;
  }
  .oil-box .wz h4 {
    font-size: 38px;
  }
  .oil-box .wz h4 span {
    font-size: 96px;
  }
  .oil-box .wz h4:nth-of-type(2) {
    padding-left: 250px;
  }
  .oil-box .wz h4:nth-of-type(3) {
    padding-left: 320px;
  }
  .oil-box .wz h4:nth-of-type(4) {
    padding-left: 140px;
  }
  .rubct .mide .right .num-box .item .db .wz {
    font-size: 20px;
  }
  .rubct .mide .left .more-j {
    width: 140px;
    height: 41px;
    font-size: 16px;
  }
  .teamct .item .title h3 {
    font-size: 52px;
  }
  .teamct .item .title p {
    font-size: 17px;
  }
  .teamct .item h2 {
    font-size: 28px;
  }
  .video-list li .ib {
    height: 250px;
  }
  .video-list li .txt h6 {
    font-size: 19px;
    line-height: 29px;
    height: 58px;
  }
  .diaolog-pb .title {
    font-size: 17px;
  }
  .video-list li .txt .date {
    font-size: 17px;
  }
  .ftct .backtop p {
    font-size: 18px;
  }
  .ftct .mide .item .link a:not(:first-of-type) {
    margin-top: 18px;
  }
  .ftct .mide .item .tm {
    margin-bottom: 30px;
    font-size: 21px;
  }
  .ftct .mide .item .er a {
    font-size: 16px;
  }
  .ftct .mide .item .er a:not(:first-of-type) {
    margin-top: 15px;
  }
  .ftct .mide .item .link a p {
    font-size: 16px;
  }
  .ftct .mide .item .link a .ib {
    width: 24px;
  }
  .ftct .mide {
    margin-top: 70px;
  }
  .ftct .btm {
    padding-top: 28px;
    margin-top: 75px;
  }
  .ftct .btm .left a,
  .ftct .btm .right a,
  .ftct .btm .right span {
    font-size: 16px;
  }
  .ftct {
    padding: 40px 0 30px 0;
  }
}
@media only screen and (max-width: 1560px) {
  .center-1600 {
    width: 1100px;
  }
  /* .header-box .mide .ct .nav li:not(:first-of-type) {
    margin-left: 48px;
  } */
  /* .header-box .mide .ct {
    height: 100px;
  } */
  /* .mySwiper {
    margin-top: 145px;
  } */
  .header-box .mide .ct .nav li .two .rq a {
    font-size: 15px;
  }
  .rub3ct .left .dw img {
    width: 17px;
  }
  .rub3ct .left .dw p {
    font-size: 13px;
  }
  .rub3-box {
    margin-top: 95px;
  }
  .rub3ct .left {
    width: 450px;
  }
  .rub3ct .right {
    width: calc(100% - 450px - 75px);
    padding-top: 22px;
  }
  .rub3ct .right .rq {
    padding: 49px 40px 60px 40px;
  }
  .rub3ct .right .rq i {
    top: 19px;
    right: 19px;
    font-size: 22px;
  }
  .rub3ct .right .rq h3 {
    font-size: 26px;
  }
  .rub3ct .right .rq .desc {
    font-size: 16px;
    line-height: 26px;
    margin: 10px 0 35px 0;
  }
  .rub3ct .right .rq .rb3-swiper img {
    width: 135px;
    height: 100px;
  }
  .rub3ct .right .rqb.line-show:nth-of-type(2) .h {
    width: 340px;
    top: 65px;
  }
  .rub3ct .right .rqb.line-show:nth-of-type(2) .s {
    right: calc(100% + 340px);
    top: 65px;
    height: 185px;
  }
  .rub3ct .right .rqb.line-show:nth-of-type(1) .h {
    width: 165px;
    top: 65px;
  }
  .rub3ct .right .rqb.line-show:nth-of-type(1) .s {
    right: calc(100% + 165px);
    top: 65px;
    height: 260px;
    transform: rotate(14deg);
  }
  .rub3ct .right .rqb.line-show:nth-of-type(3) .h {
    width: 300px;
    top: 65px;
  }
  .rub3ct .right .rqb.line-show:nth-of-type(3) .s {
    right: calc(100% + 300px);
    top: 67px;
    height: 320px;
    transform: rotate(16deg);
  }
  .rub3ct .right .rqb.line-show:nth-of-type(4) .h {
    width: 340px;
    top: 65px;
  }
  .rub3ct .right .rqb.line-show:nth-of-type(4) .s {
    right: calc(100% + 340px);
    top: 65px;
    height: 230px;
    transform: rotate(22deg);
  }
  .rub3ct .right .rqb.line-show:nth-of-type(5) .h {
    width: 260px;
    top: 65px;
  }
  .rub3ct .right .rqb.line-show:nth-of-type(5) .s {
    right: calc(100% + 260px);
    top: 65px;
    height: 240px;
    transform: rotate(14deg);
  }
  .mySwiper .flow-dbl {
    left: calc((100% - 1100px) / 2);
    font-size: 21px;
    bottom: 50px;
  }
  .mySwiper .dbct {
    bottom: 50px;
  }
  .header-box .mide .ct .nav li > a {
    font-size: 17px;
    padding: 0 23px;
  }
  .header-box .mide .ct .search > i {
    font-size: 19px;
  }
  .header-box .mide .ct .search {
    margin-left: 67px;
  }
  /* .header-box .mide .ct .nav li.active > a::after {
    width: 110px;
  } */
  /* .header-box .top .ct .cat,
  .header-box .top .ct .lan .wz p {
    font-size: 16px;
  } */
  .mySwiper .tpct .one h3 {
    font-size: 52px;
    line-height: 70px;
  }
  .mySwiper .tpct .one h6 {
    font-size: 20px;
    line-height: 31px;
  }
  .mySwiper .dbct h5 {
    font-size: 28px;
  }
  .mySwiper .dbct h6 {
    font-size: 20px;
    line-height: 28px;
  }
  .mySwiper .dbct img {
    width: 246px;
  }
  .mySwiper .dbct a {
    font-size: 16px;
    width: 130px;
    height: 39px;
  }
  .mySwiper .tpct .two h4 {
    font-size: 24px;
  }
  .mySwiper .tpct .two h3 {
    font-size: 70px;
  }
  .mySwiper .tpct .two h6 {
    font-size: 16px;
  }
  .mySwiper .tpct .three h3 {
    font-size: 40px;
    line-height: 60px;
  }
  .mySwiper .tpct .three h6 {
    font-size: 18px;
    line-height: 30px;
    width: 555px;
  }
  .mySwiper .tpct {
    top: 60px;
  }
  .mySwiper .tpct .four h4 {
    font-size: 26px;
  }
  .mySwiper .tpct .four h3 {
    font-size: 70px;
  }
  .mySwiper .tpct .four h6 {
    font-size: 16px;
    line-height: 24px;
  }
  .i1ct {
    padding: 120px 0;
  }
  .i1ct .left {
    width: 485px;
  }
  .i1ct .right {
    width: calc(100% - 485px - 90px);
  }
  .i1ct .left h3 {
    font-size: 30px;
    line-height: 46px;
  }
  .i1ct .left .desc {
    font-size: 16px;
    line-height: 26px;
    margin: 28px 0 40px 0;
  }
  .i2ct .item .ib {
    height: 62px;
  }
  .i2ct .item h3 {
    font-size: 26px;
    margin: 26px 0 18px 0;
  }
  .i2ct .item p {
    font-size: 16px;
    line-height: 32px;
  }
  .pb-title-60 {
    font-size: 44px;
    line-height: 56px;
  }
  .pb-title-20 {
    font-size: 16px;
  }
  .pb-desc {
    font-size: 16px;
    line-height: 32px;
  }
  .i3ct .mide .location img {
    width: 17px;
  }
  .i3ct .mide .location .wz {
    font-size: 15px;
    top: 100%;
  }
  .i3ct .mide .circle .wz {
    font-size: 15px;
    left: calc(100% + 6px);
  }
  .i3ct .mide .circle .rund {
    width: 16px;
    height: 16px;
  }
  .pb-more-142.w160 {
    font-size: 15px;
    width: 135px;
  }
  .i3ct {
    padding: 100px 0 90px 0;
  }
  .i4ct {
    padding: 100px 0 90px 0;
  }
  .i4ct .mide .txt {
    transform: scale(0.85);
  }
  .i4ct .mide .circle .rund {
    font-size: 34px;
    line-height: 38px;
  }
  .i4ct .mide .circle .rund span {
    font-size: 26px;
  }
  .i4ct .mide .bg {
    width: 667px;
  }
  .i4ct .mide .circle {
    width: 230px;
    height: 230px;
  }
  /* .i4ct .mide .icon {
    transform: scale(0.8);
  } */
  @keyframes item-counter {
    from {
      transform: rotate(0deg) scale(0.85);
    }
    to {
      transform: rotate(-360deg) scale(0.85);
    }
  }
  .i5ct {
    padding: 100px 0 110px 0;
  }
  .i5ct .row .right a {
    font-size: 20px;
  }
  .i5ct .row .right a:not(:first-of-type) {
    margin-left: 80px;
  }
  .i5ct .mide .left .item .ib {
    height: 200px;
  }
  .i5ct .mide .left .item .txt h5 {
    font-size: 16px;
    line-height: 26px;
    height: 52px;
  }
  .i5ct .mide .left .item .txt p {
    font-size: 14px;
    line-height: 26px;
    height: 52px;
  }
  .pb-more-160-bg {
    font-size: 15px;
    width: 135px;
  }
  .pb-more-142 {
    width: 115px;
    font-size: 15px;
  }
  .i5ct .mide .left .item .txt .db .time {
    font-size: 15px;
  }
  .i5ct .mide .left .item .txt {
    padding: 24px 20px 19px 20px;
  }
  .i5ct .mide .right a .tp .time {
    font-size: 15px;
  }
  .i5ct .mide .right a .tp h6 {
    font-size: 16px;
    width: calc(100% - 100px);
    line-height: 26px;
  }
  .i5ct .mide .right a .desc {
    font-size: 14px;
    line-height: 26px;
    height: 52px;
    margin-top: 9px;
  }
  .i5ct .mide .right a {
    padding: 23px 22px 26px 22px;
  }
  .i5ct .mide .right {
    width: 430px;
  }
  .i5ct .mide .left {
    width: calc(100% - 430px - 30px);
  }
  .i6ct h3 {
    font-size: 34px;
  }
  .i6ct h6 {
    font-size: 20px;
  }
  .i6ct a {
    font-size: 15px;
    width: 130px;
  }
  /* .banner {
    margin-top: 145px;
  } */
  .banner-nav .ct .left a {
    font-size: 16px;
  }
  .banner-nav .ct .left a:not(:last-of-type) {
    margin-right: 30px;
  }
  .banner-nav .ct .right .w p {
    font-size: 15px;
  }
  .banner-nav .ct .right .t a,
  .banner-nav .ct .right .t span {
    font-size: 15px;
  }
  .banner-nav .ct .right .w img {
    width: 17px;
  }
  .banner-nav .ct {
    padding: 32px 40px;
  }
  .banner-nav {
    bottom: -43px;
  }
  .rubct {
    padding: 150px 0 110px 0;
  }
  .rubct .mide .right {
    width: 480px;
  }
  .rubct .mide .left {
    width: calc(100% - 480px);
    padding: 25px 64px 100px 50px;
  }
  .rubct .mide .left .title h3 {
    font-size: 34px;
  }
  .rubct .mide .left h6 {
    font-size: 16px;
    line-height: 32px;
    margin-top: 20px;
  }
  .rubct .mide .left .more {
    padding: 14px 14px 0 0;
    border-radius: 0 36px 0 0;
  }
  .rubct .mide .left .more .zw {
    width: 390px;
    font-size: 16px;
    height: 50px;
    padding-right: 32px;
  }
  .rubct .mide .left .more .rund {
    width: 50px;
    height: 50px;
  }
  .rubct .mide .left .more .rund img {
    width: 24px;
  }
  .rubct .mide .left .flow {
    width: 258px;
  }
  .rubct .mide {
    min-height: 400px;
  }
  .dict h4 {
    font-size: 34px;
    line-height: 50px;
  }
  .dict {
    padding: 10px 0 110px 0;
  }
  .dict .mide {
    margin-top: 80px;
  }
  .dict .mide .item .ib {
    height: 200px;
  }
  .dict .mide .item p {
    font-size: 18px;
    padding: 0 20px;
  }
  .dict .mide .item {
    height: 260px;
  }
  .dev1-box {
    padding-top: 43px;
  }
  .dev1-box .row {
    padding: 105px 0;
  }
  .dev1-box .ct .left {
    width: calc(100% - 515px - 70px);
  }
  .dev1-box .ct .right {
    width: 515px;
    height: 360px;
  }
  .dev1-box .ct .left .sz {
    font-size: 60px;
  }
  .dev1-box .ct .left h3 {
    font-size: 34px;
    margin: 30px 0 16px 0;
  }
  .dev1-box .ct .left .desc p:not(:first-of-type) {
    margin-top: 15px;
  }
  .dev2-box {
    padding: 100px 0 180px 0;
  }
  .dev2-box .mide .row:not(:first-of-type) {
    margin-top: 110px;
  }
  .rubct .mide .left .title p {
    font-size: 16px;
    line-height: 28px;
  }
  .rub2-box .row .ct .left {
    width: 515px;
    height: 360px;
  }
  .rub2-box .row .ct .right {
    width: calc(100% - 515px - 70px);
    transform: translateY(-10px);
  }
  .rub2-box .row .ct .right h3 {
    font-size: 34px;
  }
  .rub2-box .row .ct .right .desc {
    font-size: 16px;
    line-height: 29px;
  }
  .rub2-box .row .ct .right .icon .item .txt h4 {
    font-size: 25px;
  }
  .rub2-box .row {
    padding: 105px 0;
  }
  .rub2-box.h400 .row .ct .left {
    height: 280px;
  }
  .rub2-box .row .ct .left .swiper-container .on {
    font-size: 16px;
  }
  .adminct {
    padding: 120px 0 130px 0;
  }
  /* .admin-box {
    margin-top: 145px;
  } */
  .adminct .row .title h3 {
    font-size: 28px;
  }
  .adminct .left {
    width: 540px;
  }
  .adminct .row .mide .item {
    padding: 15px;
  }
  .adminct .row .mide .item .txt h5 {
    font-size: 16px;
  }
  .adminct .row .mide .item .txt a {
    font-size: 14px;
  }
  .adminct .row .mide .item .rund {
    width: 42px;
    height: 42px;
  }
  .adminct .row .mide .item .rund img {
    max-width: 70%;
    max-height: 70%;
  }
  .adminct .row .mide .item .txt {
    width: calc((100% - 42px - 15px));
  }
  .adminct .row .mide {
    margin-top: 28px;
  }
  .adminct .row:not(:first-of-type) {
    margin-top: 54px;
  }
  .adminct .bg-box img {
    width: 650px;
  }
  .adminct .bg-box {
    right: -145px;
  }
  .ab1ct {
    padding: 150px 0 125px 0;
  }
  .ab1ct h4 {
    font-size: 34px;
  }
  .ab1ct .title h3 {
    font-size: 24px;
  }
  .ab1ct .title p {
    font-size: 16px;
  }
  .ab1ct .title {
    margin: 30px 0 18px 0;
  }
  .ab1ct .desc {
    font-size: 16px;
    line-height: 29px;
  }
  .ab1ct .mide {
    margin-top: 50px;
    height: 370px;
  }
  .ab1ct .mide .left {
    width: 480px;
  }
  .ab1ct .mide .right {
    width: calc(100% - 480px);
  }
  .ab1ct .mide .right .item {
    padding: 0 40px;
  }
  .ab1ct .mide .right .item .db .num {
    font-size: 66px;
  }
  .ab1ct .mide .right .item .db span {
    font-size: 24px;
  }
  .ab1ct .mide .right .item p {
    font-size: 16px;
  }
  .ab2ct {
    padding: 100px 0 90px 0;
  }
  .ab2-swiper .item .txt .desc {
    font-size: 17px;
    line-height: 32px;
    margin-top: 6px;
  }
  .ab2-swiper .item:nth-of-type(3) .bt {
    transform: translateY(25px);
  }
  .ab2-swiper .item:nth-of-type(4) .bt {
    transform: translateY(18px);
  }
  .ab2-swiper .item .txt .time {
    font-size: 34px;
  }
  .ab2-swiper .item .rq .line-b {
    margin-right: 14px;
  }
  .ab2-swiper .item .txt {
    width: calc(100% - 13px - 14px);
  }
  .ab2-swiper .item .rq .line-b .line {
    height: 170px;
  }
  .ab2-swiper .item .bt .line-b .line {
    height: 80px;
  }
  .ab2-swiper .item:nth-of-type(1) .bt {
    padding-left: 57px;
  }
  .ab2-swiper .item:nth-of-type(4) .tp {
    padding-left: 20px;
  }
  .ab2-swiper .item:nth-of-type(2) .bt {
    padding-left: 25px;
  }
  .ab2-swiper .item:nth-of-type(3) .bt {
    padding-left: 33px;
  }
  .ab2-swiper .item {
    width: calc((100% - 84px) / 4);
  }
  .ab2-swiper .item:nth-of-type(1) {
    padding-top: 296px;
  }
  .ab2-swiper .item:nth-of-type(2) {
    padding-top: 186px;
  }
  .ab2-swiper .item:nth-of-type(3) {
    padding-top: 116px;
  }
  .ab2-swiper .item .bt .txt {
    padding-top: 65px;
  }
  .ab3ct {
    padding: 105px 0;
  }
  .ab3ct .left .desc {
    font-size: 16px;
    line-height: 30px;
    margin: 30px 0 24px 0;
  }
  .ab3ct .left a {
    font-size: 16px;
    width: 135px;
  }
  .ab3ct .left .dbl .sz {
    font-size: 52px;
  }
  .ab3ct .left .dbl p {
    font-size: 15px;
    line-height: 21px;
  }
  .ab3ct .left .dbl {
    margin-top: 75px;
  }
  .ab3ct .right .rsr {
    width: 225px;
  }
  .ab3ct .right .rsr .txt .name {
    font-size: 26px;
  }
  .ab3ct .right .rsr .txt p {
    font-size: 16px;
  }
  .ab3ct .right .ib {
    margin-top: 69px;
  }
  .ab3ct .right .ib .item {
    width: calc((100% - 100px) / 5);
  }
  .ab3ct .right .ib .item .txt .name {
    font-size: 18px;
  }
  .ab3ct .left {
    width: 340px;
  }
  .ab3ct .right {
    width: calc(100% - 340px - 80px);
  }
  .ab3ct .right .ib .item .txt {
    bottom: -26px;
  }
  .ab4ct .top .right p {
    font-size: 16px;
    line-height: 26px;
  }
  .ab4ct {
    padding: 100px 0 110px 0;
  }
  .ab4ct .top .right h4 {
    font-size: 34px;
  }
  .ab4ct .mide {
    margin-top: -55px;
  }
  .ab4ct .mide .rund {
    width: 120px;
    height: 120px;
  }
  .ab4ct .mide .rund .flow {
    width: 32px;
  }
  .ab4ct .content .row .one {
    width: 185px;
    height: 50px;
    font-size: 18px;
  }
  .ab4ct .content .row .two .zs {
    font-size: 16px;
    width: 155px;
    height: 40px;
  }
  .ab4ct .content .r2 .one::after {
    width: 332px;
  }
  .ab4ct .content .row .three-zs {
    width: 125px;
    height: 35px;
    font-size: 15px;
  }
  .ab4ct .content .row .four-b,
  .ab4ct .content .r4 .two:last-of-type .four-b {
    width: 125px;
    padding: 11px 11px;
  }
  .ab4ct .content .r3 .four-b,
  .ab4ct .content .r4 .four-b {
    width: 155px;
  }
  .ab4ct .content .row .four {
    font-size: 13px;
    padding: 8px 0;
  }
  .ab4ct .content .row::before {
    /* top: 50px;
    height: calc(100% - 50px - 20px); */
  }
  .ab4ct .content .row .three-b::before {
    /* height: calc(100% + 20px - 17.5px); */
  }
  .ab4ct .content .row .two:last-of-type .three-b {
    /* top: 40px; */
  }
  .ab4ct .mide .rund::after {
    width: 916px;
  }
  .ab4ct .content .row .two:last-of-type .zs::after {
    height: 20px;
  }
  .ab4ct .content .row .three:last-of-type::after {
    height: 17.5px;
  }
  .ab5-box .item {
    height: 680px;
    padding: 25px 25px;
  }
  .ab5-box .item .ib {
    height: 67px;
  }
  .ab5-box .item .bj {
    font-size: 18px;
    margin: 21px auto 0;
  }
  .ab5ct .item .rq-wrap {
    gap: 45px;
  }
  .ab5-box .item .txt h3 {
    font-size: 22px;
    line-height: 40px;
  }
  .ab5-box .item .txt p {
    font-size: 15px;
    line-height: 31px;
    margin-top: 14px;
    padding: 0 5px;
  }
  /* .ab5-box .item .txt p br {
    display: none;
  } */
  .ab6ct {
    padding: 100px 0 0 0;
  }
  .ab6ct .left .zs .lt p {
    font-size: 19px;
    width: calc(100% - 22px - 10px);
  }
  .ab6ct .left .zs .lt {
    width: calc(100% - 30px);
  }
  .ab6ct .left .zs .lt i {
    font-size: 22px;
  }
  .ab6ct .left .slg h6 {
    font-size: 17px;
  }
  .ab6ct .left .slg .row .dw {
    font-size: 16px;
    line-height: 28px;
    width: 90px;
  }
  .ab6ct .mide .item:nth-of-type(3) .slg .row .dw {
    width: 140px;
  }
  .ab6ct .mide .item:nth-of-type(3) .slg .row .cp {
    width: 120px;
  }
  .ab6ct .left .slg .row .cp {
    font-size: 14px;
    line-height: 28px;
    width: 170px;
  }
  .ab6ct .left .slg .row .cat a {
    font-size: 16px;
    line-height: 28px;
  }
  .ab6ct .left .slg .row .cat a {
    width: 250px;
  }
  .ab6ct .left {
    width: 520px;
  }
  .ab6ct .right {
    width: calc(100% - 520px - 90px);
  }
  .join1-box {
    padding: 150px 0 140px 0;
  }
  .join1-box .top .ib .flow h3 {
    font-size: 34px;
  }
  .join1-box .top .ib .flow h6 {
    font-size: 18px;
  }
  .join1-box .top .ib .flow .an {
    margin-top: 35px;
  }
  .join1-box .top .ib .flow .an .nb p {
    height: 40px;
    font-size: 18px;
  }
  .join1-box .top .ib .flow .an .more {
    height: 90px;
  }
  .join1-box .top .ib .flow .an .more span {
    font-size: 16px;
  }
  .join1-box .top .ib .flow {
    left: 90px;
    bottom: 50px;
  }
  .join1-box .top .wz .hr h6 {
    font-size: 18px;
    margin-left: 16px;
  }
  .join1-box .top .wz .lx .r {
    font-size: 16px;
    line-height: 30px;
  }
  .join1-box .top .wz .lx {
    margin-top: 13px;
  }
  .join1-box .sw-box .zs .desc {
    font-size: 18px;
    line-height: 31px;
  }
  .join1-box .sw-box .zs .mide p {
    font-size: 24px;
    padding: 6px 26px;
    margin-right: 15px;
    margin-top: 15px;
  }
  .join-swiper .swiper-slide .rund img {
    width: 99px;
  }
  .join-swiper .swiper-slide.level-1 .rund {
    padding-top: 40px;
  }
  .join-swiper .swiper-slide.level-2 .rund {
    padding-top: 170px;
  }
  .join-swiper {
    top: -65px;
  }
  .join2-box .top {
    padding: 100px 0 90px 0;
  }
  .join2-box .top .desc h6 {
    font-size: 26px;
    line-height: 38px;
    margin-top: 15px;
  }
  .join2-box .top .flog img {
    width: 703px;
  }
  .join2-box .top .flog h4 {
    font-size: 34px;
  }
  .join2-box .top .flog h6 {
    font-size: 24px;
    line-height: 36px;
  }
  .join2-box .top .flog .wz {
    padding: 0 20px 0 47px;
  }
  .join3-box .top .title h6 {
    font-size: 26px;
    margin-top: 18px;
  }
  .join3-box .bottom {
    margin-top: 145px;
  }
  .join3-box .bottom .row {
    padding-left: calc((100% - 1100px) / 2);
  }
  .join3-box .bottom .row:nth-of-type(even) {
    padding-right: calc((100% - 1100px) / 2);
  }
  .join3-box .bottom .row .left {
    width: 530px;
  }
  .join3-box .bottom .row .right {
    max-width: calc(100% - 530px - 90px);
  }
  .join3-box .bottom .row .left .desc {
    margin-top: 78px;
    font-size: 18px;
    line-height: 33px;
  }
  .join3-box .bottom .row .left .desc p {
    padding-left: 45px;
  }
  .join3-box .bottom .row .left .desc p::before {
    width: 20px;
    height: 20px;
    top: 8px;
  }
  .join3-box .bottom .row .left .desc p:not(:first-of-type) {
    margin-top: 40px;
  }
  .join3-box .bottom .row .left .flow-t {
    width: 130px;
    top: -65px;
    right: -40px;
  }
  .nd1ct {
    padding: 150px 0 110px 0;
    width: 800px;
  }
  .nd1ct .mide iframe {
      height: 450px;
  }
  .nd1ct .top h3 {
    font-size: 32px;
    /* line-height: 32px; */
  }
  .nd1ct .top .db p {
    font-size: 16px;
  }
  .nd1ct .mide{
    font-size: 16px;
    line-height: 28px;
  }
  .nd1ct .mide p,
  .nd1ct .mide span{
    font-size: 16px !important;
    line-height: 28px !important;
  }
  .news-list li .left {
    width: 400px;
    height: 260px;
  }
  .news-list li .right {
    width: calc(100% - 450px);
  }
  .news-list li .right h3 {
    font-size: 28px;
    line-height: 36px;
  }
  .news-list li .right h6 {
    font-size: 16px;
    line-height: 31px;
    height: 62px;
  }
  .news-list li .right .dbl .time {
    font-size: 16px;
  }
  .news-list li {
    padding: 50px 0;
  }
  .rubct .mide .right .num-box .item .db .num {
    font-size: 60px;
  }
  .rubct .mide .right .num-box .item.fd .db .wz {
    font-size: 17px;
    right: 26px;
    top: -4px;
  }
  .rubct .mide .right .num-box .item .db .num span {
    font-size: 30px;
  }
  .rubct .mide .right .num-box {
    width: 370px;
    top: calc(100% - 50px);
  }
  .rubct .mide .right .num-box .item {
    padding: 20px 15px 24px 29px;
  }
  .rubct .mide .right .num-box .item p {
    font-size: 16px;
    margin-top: 5px;
    line-height: 26px;
  }
  .rubct.sz {
    padding-bottom: 180px;
  }
  .rub2-box .row {
    padding: 95px 0;
  }
  .rub2-box .row .ct .right .icon .item .ib {
    width: 44px;
  }
  .rub2-box .row .ct .right .icon .item .txt {
    width: calc(100% - 44px - 14px);
  }
  .rub2-box.oil .row .ct .right .icon .item:first-of-type {
    width: 55%;
  }
  .rub2-box.oil .row .ct .right .icon .item:last-of-type {
    width: 45%;
  }
  .rub2-box .row .ct .right .rund-b img:not(:last-of-type) {
    margin-right: 30px;
  }
  .rub2-box .row .ct .right .rund-b img {
    width: 150px;
  }
  .rub2-box .row .ct .right .rund-b {
    margin-top: 50px;
  }
  .oil-box .wz h4 span {
    font-size: 76px;
  }
  .oil-box .wz h4 {
    font-size: 32px;
  }
  .oil-box .wz h4:nth-of-type(2) {
    padding-left: 200px;
  }
  .oil-box .wz h4:nth-of-type(3) {
    padding-left: 260px;
  }
  .oil-box .wz h4:nth-of-type(4) {
    padding-left: 115px;
  }
  .oil-box .wz h4:not(:first-of-type) {
    margin-top: 55px;
  }
  .rubct .mide .left .more-j {
    width: 130px;
    height: 39px;
    font-size: 15px;
    margin-top: 25px;
  }
  .teamct .item .title h3 {
    font-size: 44px;
  }
  .teamct {
    padding: 150px 0 110px 0;
  }
  .teamct .item h2 {
    font-size: 25px;
  }
  .video-list li .ib {
    height: 195px;
  }
  .video-list li .txt h6 {
    font-size: 18px;
    line-height: 28px;
    height: 56px;
  }
  .video-list li .txt .date {
    font-size: 16px;
    margin-top: 28px;
  }
  .video-list li .txt {
    margin-top: 21px;
  }
  .vdct {
    padding: 150px 0 110px 0;
  }
  .diaolog-pb .title {
    font-size: 16px;
    margin-top: 12px;
  }
  .page .zs {
    font-size: 16px;
  }
  .ftct .backtop p {
    font-size: 17px;
    /*line-height: 28px;*/
  }
  .ftct .mide .item .tm {
    font-size: 19px;
    margin-bottom: 25px;
  }
  .ftct .mide .item .link a p,
  .ftct .mide .item .er a {
    font-size: 15px;
  }
  .ftct .mide .item .link a .ib {
    width: 21px;
  }
  .ftct .mide .item .er a:not(:first-of-type) {
    margin-top: 14px;
  }
  .ftct .mide .item .link a:not(:first-of-type) {
    margin-top: 17px;
  }
  .ftct .mide {
    margin-top: 60px;
  }
  .ftct .btm {
    padding-top: 22px;
    margin-top: 65px;
  }
  .ftct .btm .left a,
  .ftct .btm .right a,
  .ftct .btm .right span {
    font-size: 15px;
  }
  .ftct {
    padding: 40px 0 22px;
  }
}
@media only screen and (max-width: 1460px) {
  .adminct .bg-box img {
    width: 610px;
  }
  .adminct .bg-box {
    right: -105px;
  }
  .join-swiper .swiper-slide.level-2 .rund {
    padding-top: 185px;
  }
  .join1-box .sw-box {
    margin-top: 23vw;
  }
}