@font-face {
  font-family: '阿里巴巴普惠R';
  src: url('../fonts/Alibaba-PuHuiTi-R.eot');
  src: url('../fonts/Alibaba-PuHuiTi-R.eot?#iefix') format('embedded-opentype'), url('../fonts/Alibaba-PuHuiTi-R.woff2') format('woff2'), url('../fonts/Alibaba-PuHuiTi-R.woff') format('woff'), url('../fonts/Alibaba-PuHuiTi-R.ttf') format('truetype'), url('../fonts/Alibaba-PuHuiTi-R.svg#Alibaba-PuHuiTi-R') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'AlibabaM';
  src: url('../fonts/Alibaba-PuHuiTi-M.eot');
  src: url('../fonts/Alibaba-PuHuiTi-M.eot?#iefix') format('embedded-opentype'), url('../fonts/Alibaba-PuHuiTi-M.woff2') format('woff2'), url('../fonts/Alibaba-PuHuiTi-M.woff') format('woff'), url('../fonts/Alibaba-PuHuiTi-M.ttf') format('truetype'), url('../fonts/Alibaba-PuHuiTi-M.svg#Alibaba-PuHuiTi-M') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.after {
  content: '';
  display: inline-block;
}
.after_a {
  content: '';
  position: absolute;
}
.el-color-picker__icon,
.el-input,
.el-textarea {
  display: block;
}
.el-form-item__content {
  line-height: 0.5rem;
}
.flex,
.flex_js,
.flex_jc,
.flex_ac,
.flex_js_ac,
.flex_jc_ac,
.flex_js_fe,
.flex_js_af,
.flex_je,
.flex_jc_ae,
.flex_ae,
.flex_as {
  display: flex;
}
.flex_je {
  justify-content: flex-end;
}
.flex_js,
.flex_js_fe {
  justify-content: space-between;
}
.flex_jc {
  justify-content: center;
}
.flex_ja {
  justify-content: flex-start;
}
.flex_ac {
  align-items: center;
}
.flex_ae {
  align-items: flex-end;
}
.flex_as {
  align-items: flex-start;
}
.flex_js_fe {
  align-items: flex-end;
}
.flex_js_ac {
  justify-content: space-between;
  align-items: center;
}
.flex_jc_ac {
  justify-content: center;
  align-items: center;
}
.flex_js_af {
  justify-content: space-between;
  align-items: flex-start;
}
.flex_jc_ae {
  justify-content: center;
  align-items: flex-end;
}
.flex_row {
  flex-flow: row wrap;
}
:root {
  --ww: 1920 * 100vw;
}
@media (max-width: 1600px) {
  :root {
    --ww: 1600 * 100vw;
  }
}
@media (max-width: 1024px) {
  :root {
    --ww: 1200 * 100vw;
  }
}
@media (max-width: 768px) {
  :root {
    --ww: 1024 * 100vw;
  }
}
@media (max-width: 640px) {
  :root {
    --ww: 600 * 100vw;
  }
}
html {
  font-size: calc(100 / var(--ww));
}
body {
  font-size: 0.16rem;
  overflow-x: hidden;
}
.f14 {
  font-size: 0.14rem;
}
.f16 {
  font-size: 0.16rem;
}
.f17 {
  font-size: 0.17rem;
}
.f18 {
  font-size: 0.18rem;
}
.f20 {
  font-size: 0.2rem;
}
.f22 {
  font-size: 0.22rem;
}
.f24 {
  font-size: 0.24rem;
}
.f26 {
  font-size: 0.26rem;
}
.f28 {
  font-size: 0.28rem;
}
.f30 {
  font-size: 0.3rem;
}
.f32 {
  font-size: 0.32rem;
}
.f34 {
  font-size: 0.34rem;
}
.f36 {
  font-size: 0.36rem;
}
.f38 {
  font-size: 0.38rem;
}
.f40 {
  font-size: 0.4rem;
}
.f42 {
  font-size: 0.42rem;
}
.f44 {
  font-size: 0.44rem;
}
.f46 {
  font-size: 0.46rem;
}
.f48 {
  font-size: 0.48rem;
}
.f50 {
  font-size: 0.5rem;
}
.f52 {
  font-size: 0.52rem;
}
.f54 {
  font-size: 0.54rem;
}
.f56 {
  font-size: 0.56rem;
}
.f58 {
  font-size: 0.58rem;
}
.f60 {
  font-size: 0.6rem;
}
.f62 {
  font-size: 0.62rem;
}
.f80 {
  font-size: 0.8rem;
}
@media (max-width: 1600px) {
  body {
    font-size: 0.18rem;
  }
  .f14 {
    font-size: 0.16rem;
  }
  .f16 {
    font-size: 0.18rem;
  }
  .f17 {
    font-size: 0.2rem;
  }
  .f18 {
    font-size: 0.2rem;
  }
  .f20 {
    font-size: 0.22rem;
  }
}
@media (max-width: 768px) {
  .f48 {
    font-size: 0.32rem;
  }
  .f60 {
    font-size: 0.48rem;
  }
}
@media (max-width: 640px) {
  body {
    font-size: 0.2rem;
  }
  .f14 {
    font-size: 0.18rem;
  }
  .f16 {
    font-size: 0.18rem;
  }
  .f17 {
    font-size: 0.22rem;
  }
  .f18 {
    font-size: 0.22rem;
  }
  .f20 {
    font-size: 0.24rem;
  }
  .f22 {
    font-size: 0.24rem;
  }
}
.hidden {
  overflow: hidden;
}
.re {
  position: relative;
}
.ani {
  transition: all 0.5s;
}
a:hover .ani {
  transform: scale(1.15);
}
#fp-nav {
  display: none;
}
.header {
  width: 100%;
  z-index: 100;
  position: fixed;
  background-color: #fff;
  left: 0;
  top: 0;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.header .logo {
  max-width: 2.1rem;
  display: flex;
  align-items: center;
  margin-right: 1rem;
}
.header .left {
  display: inline-flex;
  align-items: center;
}
.header .top {
  padding-top: 0.23rem;
  justify-content: flex-end;
}
.header .menuIcon {
  display: none;
}
.header .lang {
  display: inline-flex;
  padding-left: 0.31rem;
  background: url(../images/lang.svg) no-repeat left center;
  background-size: 0.2rem;
  gap: 0.1rem;
  align-items: center;
  margin-left: 0.4rem;
}
.header .lang em {
  display: inline-flex;
  width: 1px;
  height: 0.12rem;
  background-color: #cccccc;
}
.header .login_a {
  display: inline-flex;
  padding-left: 0.27rem;
  background: url(../images/login_icon.svg) no-repeat left center;
  background-size: 0.17rem;
  gap: 0.1rem;
  align-items: center;
  margin-left: 0.3rem;
}
.header .login_a em {
  display: inline-flex;
  width: 1px;
  height: 0.12rem;
  background-color: #cccccc;
}
.header .search {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 6.7rem;
  border: solid 1px #eeeeee;
  border-radius: 0.05rem;
}
.header .search dl {
  width: 1.6rem;
  position: relative;
  height: 0.4rem;
  flex-shrink: 0;
  border-right: 1px solid #eeeeee;
}
.header .search dl dt {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 0.4rem;
  cursor: pointer;
  padding: 0 0.2rem;
}
.header .search dl dt span {
  display: block;
  padding-right: 0.2rem;
  background: url(../images/select2.svg) no-repeat right center;
  background-size: 0.12rem;
  width: 100%;
}
.header .search dl .el-input__inner {
  border: none;
}
.header .search dl .el-input__icon {
  line-height: 0.4rem;
}
.header .search dd {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  background-color: #fff;
  pointer-events: none;
  backface-visibility: hidden;
  transition: opacity 0.3s ease-in-out, top 0.3s ease-in-out;
  opacity: 0;
  padding: 0.05rem 0;
}
.header .search dd li {
  padding: 0.05rem 0.2rem;
}
.header .search .on dd {
  opacity: 1;
  backface-visibility: hidden;
  pointer-events: auto;
  top: 100%;
}
@media (max-width: 1024px) {
  .header .search.search_show .top_search {
    opacity: 1;
    top: 100%;
    pointer-events: auto;
  }
}
.header .search .warp {
  margin: 0 auto;
  overflow: hidden;
  display: flex;
  flex: 1;
  position: relative;
}
.header .search .flex {
  width: 100%;
}
.header .open_search {
  display: inline-flex;
  align-items: center;
  color: #666666;
}
.header .open_search i {
  width: 0.15rem;
  height: 0.15rem;
  background: url(../images/search.svg) no-repeat center;
  display: inline-block;
  background-size: contain;
}
.header .open_search.on i {
  background: none;
  position: relative;
}
.header .open_search.on i:before,
.header .open_search.on i:after {
  position: absolute;
  content: '';
  width: 100%;
  left: 0;
  height: 2px;
  top: 50%;
  margin-top: -1.5px;
  background: #333;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
}
.header .open_search.on i:after {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
}
@media (min-width: 1025px) {
  .header .open_search {
    display: none;
  }
}
.header .top_search {
  width: 100%;
  z-index: 10;
  transition: all 0.5s ease-in-out;
}
.header .top_search .btn {
  background: url(../images/search.svg) no-repeat center #0d6fb8;
  width: 0.6rem;
  height: 0.4rem;
  background-size: 0.18rem;
  flex-shrink: 0;
  display: flex;
}
.header .top_search .text {
  width: 100%;
  height: 0.4rem;
  line-height: 0.4rem;
  padding: 0 0.2rem;
  border: none;
  background-color: #fff;
  flex: 1;
}
.header .top_search .text::placeholder {
  color: #999999;
}
.header .top_search .warp {
  width: 92%;
  margin: 0 auto;
  overflow: hidden;
  display: flex;
  border-radius: 0 0.05rem 0.05rem 0;
}
@media (max-width: 1024px) {
  .header .top_search {
    position: absolute;
    right: 0;
    opacity: 0;
    top: 100%;
    pointer-events: none;
  }
}
.header .navTop .ul {
  gap: 0.45rem;
}
.header .navTop .wapshow {
  display: none;
}
.header .navTop li {
  text-align: center;
  position: relative;
}
.header .navTop li span {
  display: block;
  position: relative;
}
.header .navTop li span a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.5s ease-in-out;
  transition: all 0.5s;
  color: #233236;
  gap: 0.1rem;
  height: 0.6rem;
  line-height: 0.6rem;
}
@media (min-width: 1025px) {
  .header .navTop li.aon span a,
  .header .navTop li:hover span a {
    color: #7ac723;
  }
}
.header .navTop li .sub {
  position: absolute;
  left: 50%;
  top: 100%;
  opacity: 0;
  pointer-events: none;
  transform: translate3d(-50%, -10px, 0);
  -webkit-transform: translate3d(-50%, -10px, 0);
  -moz-transform: translate3d(-50%, -10px, 0);
  -o-transform: translate3d(-50%, -10px, 0);
  -ms-transform: translate3d(-50%, -10px, 0);
  backface-visibility: hidden;
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  min-width: 1.3rem;
  background-color: #fff;
  padding: 0.1rem;
  box-shadow: 0 0.1rem 0.1rem rgba(0, 0, 0, 0.2);
}
.header .navTop li .sub::before {
  content: '';
  position: absolute;
  left: 0;
  top: -2px;
  width: 100%;
  height: 2px;
  background-color: #7ac723;
}
.header .navTop li .sub .box a {
  display: block;
  line-height: 1.4;
  margin: 0.15rem 0;
  white-space: nowrap;
}
.header .navTop li.hover .sub {
  opacity: 1;
  transform: translate3d(-50%, 0px, 0);
  -webkit-transform: translate3d(-50%, 0px, 0);
  -moz-transform: translate3d(-50%, 0px, 0);
  -o-transform: translate3d(-50%, 0px, 0);
  -ms-transform: translate3d(-50%, 0px, 0);
  backface-visibility: hidden;
  pointer-events: auto;
}
@media screen and (max-width: 1366px) {
  .header .navTop .ul {
    gap: 0.5rem;
  }
}
@media screen and (max-width: 1024px) {
  .header .logo {
    margin-right: 0;
  }
  .header .w1600 {
    height: 0.8rem;
  }
  .header .menuIcon {
    display: inline-flex;
    align-items: center;
  }
  .header .lang {
    margin-left: 0.2rem;
  }
  .header .login_a {
    display: none;
  }
  .header #open_menu {
    z-index: 100;
    width: 0.25rem;
    height: 0.18rem;
    cursor: pointer;
    position: relative;
    margin-left: 0.2rem;
  }
  .header #open_menu i {
    display: inline-block;
    width: 80%;
    height: 2px;
    transform: translateY(-50%);
    background-color: #7ac723;
    position: absolute;
    left: 0;
    top: 50%;
    border-radius: 5px;
  }
  .header #open_menu::before,
  .header #open_menu::after {
    width: 100%;
    height: 2px;
    background-color: #7ac723;
    border-radius: 5px;
    left: 0;
    content: '';
    position: absolute;
  }
  .header #open_menu::before {
    top: 0;
  }
  .header #open_menu::after {
    bottom: 0;
    top: auto;
  }
  .header #open_menu.open_menu_on i {
    opacity: 0;
  }
  .header #open_menu.open_menu_on:before {
    transform: rotate(45deg);
    top: 0.1rem;
  }
  .header #open_menu.open_menu_on:after {
    transform: rotate(-45deg);
    bottom: auto;
    top: 0.1rem;
  }
  .header .top {
    padding-top: 0;
  }
  .header .search {
    width: auto;
    border: none;
  }
  .header .search dl {
    width: 2.2rem;
  }
  .header .top_search {
    padding: 0.2rem;
    background: #fff;
    pointer-events: none;
  }
  .header .open_search {
    background: url(../images/search3.svg) no-repeat center;
    background-size: contain;
    width: 0.2rem;
    height: 0.2rem;
    display: inline-flex;
  }
  .header .navTop {
    display: none;
    -webkit-overflow-scrolling: touch;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow-y: auto;
    visibility: hidden;
    position: fixed;
    right: -100%;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    line-height: 40px;
    margin-left: 0;
    display: block;
    padding: 0;
    transition: all 0.5s;
    opacity: 0;
    background-image: none;
    margin-right: 0;
    z-index: 106;
    padding-top: 0.8rem;
    background-color: transparent;
  }
  .header .navTop::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: calc(100% - 0.8rem);
    background-color: rgba(0, 0, 0, 0.5);
  }
  .header .navTop.show {
    visibility: visible;
    right: 0;
    opacity: 1;
  }
  .header .navTop .ul {
    position: relative;
    height: 100%;
    max-height: 100%;
    width: 3rem;
    margin: 0 0 0 auto;
    background-color: #fff;
    margin-right: 0;
    overflow: auto;
    display: block;
  }
  .header .navTop .ul .wapshow {
    display: block;
    padding: 0.1rem 0;
  }
  .header .navTop .ul .wapshow .login_a {
    display: flex;
  }
  .header .navTop .ul li {
    float: none;
    height: auto;
    text-align: left;
    border-bottom: 1px solid #eee;
    margin: 0;
    width: 100%;
  }
  .header .navTop .ul li:hover span a,
  .header .navTop .ul li.aon span a {
    color: #333;
  }
  .header .navTop .ul li span {
    display: block;
    line-height: 0.8rem;
  }
  .header .navTop .ul li span a {
    padding-bottom: 0;
    line-height: normal;
    height: 0.8rem;
    justify-content: flex-start;
    display: flex;
    color: #333;
    padding: 0 10%;
  }
  .header .navTop .ul li span a::before {
    display: none;
  }
  .header .navTop .ul li .sub {
    position: relative;
    transform: none;
    left: 0;
    top: 0;
    color: #999999;
    width: 100%;
    background-color: transparent;
    text-align: left;
    padding: 0 0 0.2rem;
    min-width: auto;
    display: none;
    opacity: 1;
    white-space: normal;
    backface-visibility: hidden;
    pointer-events: auto;
  }
  .header .navTop .ul li .box {
    top: 0;
    box-shadow: none;
    text-align: left;
    display: block;
    padding-left: 0.5rem;
    padding-top: 0.2rem;
  }
  .header .navTop .ul li .box::before {
    display: none;
  }
  .header .navTop .ul li .box a {
    margin: 0;
    padding: 0;
    line-height: 0.46rem;
    text-align: left;
    display: block;
    color: #333;
    background-color: transparent;
  }
  .header .navTop .ul .li_sub span {
    position: relative;
    display: block;
    padding-right: 0.2rem;
  }
  .header .navTop .ul .li_sub span a {
    display: inline-flex;
  }
  .header .navTop .ul .li_sub .op {
    position: absolute;
    width: 0.24rem;
    height: 0.24rem;
    right: 0.2rem;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.5s;
  }
  .header .navTop .ul .li_sub .op::before,
  .header .navTop .ul .li_sub .op::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    background-color: #333;
    transform: translate(-50%, -50%);
  }
  .header .navTop .ul .li_sub .op::before {
    width: 100%;
    height: 0.02rem;
  }
  .header .navTop .ul .li_sub .op::after {
    width: 0.02rem;
    height: 100%;
  }
  .header .navTop .ul .li_sub.hover .op::after {
    opacity: 0;
  }
}
@media screen and (max-width: 640px) {
  .header .search {
    position: static;
    line-height: normal;
  }
  .header .top_search {
    width: 100%;
    top: 100%;
  }
  .header .logo {
    max-width: 2.5rem;
  }
}
.pt150 {
  padding-top: 1.5rem;
}
.pb190 {
  padding-bottom: 1.9rem;
}
.pt120 {
  padding-top: 1.2rem;
}
.pt100 {
  padding-top: 1rem;
}
.pt90 {
  padding-top: 0.9rem;
}
.pt80 {
  padding-top: 0.8rem;
}
.pt70 {
  padding-top: 0.7rem;
}
.pt60 {
  padding-top: 0.6rem;
}
.pt40 {
  padding-top: 0.4rem;
}
.pt30 {
  padding-top: 0.3rem;
}
.pt20 {
  padding-top: 0.2rem;
}
.pt10 {
  padding-top: 0.1rem;
}
.pb120 {
  padding-bottom: 1.2rem;
}
.pb100 {
  padding-bottom: 1rem;
}
.pb80 {
  padding-bottom: 0.8rem;
}
.pb70 {
  padding-bottom: 0.7rem;
}
.pb60 {
  padding-bottom: 0.6rem;
}
.pb50 {
  padding-bottom: 0.5rem;
}
.pb55 {
  padding-bottom: 0.55rem;
}
.pb25 {
  padding-bottom: 0.25rem;
}
.pb35 {
  padding-bottom: 0.35rem;
}
.pb30 {
  padding-bottom: 0.3rem;
}
.mb100 {
  margin-bottom: 1rem;
}
.mb80 {
  margin-bottom: 0.8rem;
}
.mb85 {
  margin-bottom: 0.85rem;
}
.mb70 {
  margin-bottom: 0.7rem;
}
.mb60 {
  margin-bottom: 0.6rem;
}
.mb50 {
  margin-bottom: 0.5rem;
}
.mb35 {
  margin-bottom: 0.35rem;
}
.mb40 {
  margin-bottom: 0.4rem;
}
.mb30 {
  margin-bottom: 0.3rem;
}
.mb25 {
  margin-bottom: 0.25rem;
}
.mb20 {
  margin-bottom: 0.2rem;
}
.mb15 {
  margin-bottom: 0.15rem;
}
.mb10 {
  margin-bottom: 0.1rem;
}
@media (max-width: 768px) {
  .pt120 {
    padding-top: 0.7rem;
  }
  .pt100 {
    padding-top: 0.6rem;
  }
  .pb120 {
    padding-bottom: 0.7rem;
  }
  .pb100 {
    padding-bottom: 0.6rem;
  }
  .pb80 {
    padding-bottom: 0.5rem;
  }
  .pb60 {
    padding-bottom: 0.4rem;
  }
  .pt150 {
    padding-top: 1rem;
  }
  .pb190 {
    padding-bottom: 1.2rem;
  }
}
.Hbanner {
  position: relative;
}
.Hbanner .pic {
  position: relative;
  overflow: hidden;
}
.Hbanner .pic img {
  width: 100%;
}
.Hbanner .textwarp {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-start;
  color: #fff;
  padding-top: calc(215 / 1920 * 100vw);
}
.Hbanner .textwarp .txt_center {
  text-align: center;
}
.Hbanner .Ban_tit {
  display: flex;
  gap: 0.6rem;
}
.Hbanner .Ban_tit strong {
  color: #7ac723;
  margin: 0 0.1rem;
}
.Hbanner .Ban_tit em {
  font-style: normal;
}
.Hbanner .swiper-button {
  background-color: transparent;
  position: relative;
  left: auto;
  top: auto;
  right: auto;
  margin: 0;
  border-radius: 100%;
  opacity: 0.5;
}
.Hbanner .swiper-button::after {
  color: #fff;
  font-size: 0.12rem;
}
.Hbanner .swiper-button:hover {
  opacity: 1;
}
.Hbanner .swiper-pagination {
  display: inline-flex;
  align-items: center;
  gap: 0.12rem;
  width: auto;
  position: static;
}
.Hbanner .swiper-pagination .swiper-pagination-bullet {
  width: 0.3rem;
  height: 0.3rem;
  margin: 0;
  border-radius: 100%;
  background-color: transparent;
  position: relative;
  opacity: 1;
  overflow: initial;
}
.Hbanner .swiper-pagination .swiper-pagination-bullet::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 100%;
  background-color: #fff;
  width: 0.06rem;
  height: 0.06rem;
}
.Hbanner .swiper-pagination .swiper-pagination-bullet::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 1px solid transparent;
  border-radius: 100%;
}
.Hbanner .swiper-pagination .swiper-pagination-bullet svg {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%) rotate(-90deg);
  /* 让动画从顶部开始 */
}
.Hbanner .swiper-pagination .swiper-pagination-bullet svg circle {
  fill: none;
  stroke: #fff;
  stroke-width: 1;
  stroke-dasharray: 113;
  /* 周长 */
  stroke-dashoffset: 113;
  /* 初始状态 */
  transition: stroke-dashoffset 0.4s ease;
}
.Hbanner .swiper-pagination .swiper-pagination-bullet-active::after {
  border-color: rgba(255, 255, 255, 0.2);
}
.Hbanner .swiper-pagination .swiper-pagination-bullet-active svg circle {
  animation: circle-animation 6s linear forwards;
}
.Hbanner .page_btn {
  position: absolute;
  left: 50%;
  bottom: 0.5rem;
  width: 100%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  gap: 0.2rem;
  color: #fff;
}
.Hbanner .page_btn::before,
.Hbanner .page_btn::after {
  content: '';
  display: inline-flex;
  width: 100%;
  flex: 1;
  height: 1px;
  background-color: rgba(245, 247, 249, 0.1);
}
.Hbanner .page_btn .right {
  gap: 0.2rem;
}
.Hbanner .page_btn .Scroll {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  flex: 1;
  gap: 0.2rem;
}
.Hbanner .page_btn .Scroll::before,
.Hbanner .page_btn .Scroll::after {
  content: '';
  display: inline-flex;
  width: 100%;
  flex: 1;
  height: 1px;
  background-color: rgba(245, 247, 249, 0.1);
}
.Hbanner .animate {
  opacity: 0;
  transition: all 0.8s ease-in-out;
  transform: translateY(20px);
}
.Hbanner .animate:nth-child(2) {
  transition-delay: 0.2s;
}
.Hbanner .animate:nth-child(3) {
  transition-delay: 0.4s;
}
.Hbanner .swiper-slide-active .animate {
  opacity: 1;
  transform: translateY(0);
}
.Hbanner .Scroll {
  text-align: center;
  display: inline-flex;
  position: relative;
  text-transform: uppercase;
}
.Hbanner .Scroll .line {
  width: 1px;
  height: 0.3rem;
  background-color: rgba(255, 255, 255, 0.3);
  position: absolute;
  left: 50%;
  bottom: 0.35rem;
}
.Hbanner .Scroll .line::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  background-color: #fff;
  height: 0.2rem;
  animation: moveUpDown 3s infinite;
}
@media screen and (max-width: 640px) {
  .Hbanner .pic img {
    min-height: 5rem;
    object-fit: cover;
    -webkit-object-fit: cover;
  }
  .Hbanner .f60 {
    font-size: 0.4rem;
  }
  .Hbanner .swiper-pagination {
    bottom: 0.1rem;
  }
  .Hbanner .textwarp {
    padding-top: 0.55rem;
  }
  .Hbanner .Ban_des {
    margin-bottom: 0.35rem;
  }
  .Hbanner .page_btn {
    bottom: 0.1rem;
  }
}
/* 环形动画定义 */
@keyframes circle-animation {
  from {
    stroke-dashoffset: 113;
    /* 起点 */
  }
  to {
    stroke-dashoffset: 0;
    /* 终点 */
  }
}
@keyframes moveUpDown {
  0%,
  100% {
    transform: translateY(0);
  }
  /* 动画开始和结束时元素位于原始位置 */
  50% {
    transform: translateY(20px);
  }
  /* 动画中间时元素向下移动20像素 */
}
.Hmore {
  min-width: 2rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 0.1rem;
  background-color: #7ac723;
  border-radius: 0.3rem;
  color: #fff;
  height: 0.6rem;
  line-height: 0.6rem;
  border: 1px solid #7ac723;
}
.Hmore::after {
  content: '';
  display: inline-flex;
  width: 0.07rem;
  height: 0.11rem;
  background: url(../images/more.svg) no-repeat center;
  background-size: contain;
  margin-left: 0.3rem;
}
.Hmore.white_border {
  border-color: #fff;
  background-color: transparent;
}
.Hmore.white_border:hover {
  background-color: #7ac723;
  border-color: #7ac723;
  color: #fff;
}
.Hmore:hover {
  color: #fff;
}
.Hmore.border {
  color: #999999;
  border: 1px solid #dddddd;
  background-color: transparent;
}
.Hmore.border::after {
  background-image: url(../images/more3.svg);
  opacity: 0.5;
}
.Hmore.border:hover {
  border-color: #7ac723;
  color: #fff;
  background-color: #7ac723;
}
.Hmore.border:hover::after {
  background-image: url(../images/more.svg);
  opacity: 1;
}
a.box:hover .Hmore.border {
  border-color: #7ac723;
  color: #fff;
  background-color: #7ac723;
}
a.box:hover .Hmore.border::after {
  background-image: url(../images/more.svg);
  opacity: 1;
}
.Htitlebox {
  gap: 0.2rem;
}
.Htitlebox .Htitle {
  flex-shrink: 0;
}
.Htitlebox .Hdes {
  width: 9.4rem;
  max-width: 100%;
  color: #666666;
  line-height: calc(32 / 16);
}
@media screen and (max-width: 1024px) {
  .Htitlebox {
    gap: 0.5rem;
  }
}
@media screen and (max-width: 768px) {
  .Htitlebox {
    margin-bottom: 0.5rem;
  }
}
@media screen and (max-width: 640px) {
  .Htitlebox {
    flex-wrap: wrap;
    gap: 0.2rem;
  }
  .Htitlebox .left {
    width: 100% !important;
  }
}
.Htitle {
  color: #000000;
}
.poImg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-object-fit: cover;
}
.H_yoly {
  position: relative;
  z-index: 1;
}
.H_yoly::before {
  content: '';
  position: absolute;
  right: 0;
  top: 0.6rem;
  width: 11.33rem;
  max-width: 100%;
  background: url(../images/Hen_1.png) no-repeat center;
  background-size: cover;
  height: 3.87rem;
  z-index: -1;
}
.H_yoly .mySwiper {
  border-radius: 0.1rem;
}
.H_yoly .box {
  height: 6.4rem;
  padding: 1rem 0.1rem 0;
  text-align: center;
  overflow: hidden;
}
.H_yoly .box::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 60%;
  background-image: -moz-linear-gradient(0deg, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
  background-image: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
  background-image: -ms-linear-gradient(0deg, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
  transition: all 0.5s ease-in-out;
  transition: all 0.5s;
  opacity: 0;
}
.H_yoly .box:hover::before {
  opacity: 1;
}
.H_yoly .box:hover .ul {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}
.H_yoly .icon {
  width: 100%;
  height: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.H_yoly .icon img {
  max-height: 100%;
}
.H_yoly .title {
  color: #fff;
  margin: 0.4rem 0 0.53rem;
}
.H_yoly .title .en {
  margin-top: 0.15rem;
}
.H_yoly .ul {
  opacity: 0;
  pointer-events: none;
  transform: translateY(100%);
  transition: all 0.5s ease-in-out;
  transition: all 0.5s;
}
.H_yoly li {
  padding: 0 calc(60 / 1920 * 100vw);
}
.H_yoly li a {
  display: block;
  padding-right: 0.15rem;
  background: url(../images/more.svg) no-repeat right center;
  background-size: 0.06rem;
  padding: 0.15rem 0;
  border-bottom: 1px solid rgba(247, 247, 247, 0.15);
  text-align: left;
  color: #fff;
  transition: all 0.5s ease-in-out;
  transition: all 0.5s;
}
.H_yoly li a:hover {
  color: #7ac723;
  background-image: url(../images/more2.svg);
}
.Habout {
  align-items: flex-start;
}
.Habout .left {
  width: calc(940 / 1920 * 100%);
}
.Habout .inner {
  max-width: 7.8rem;
  width: 92%;
  margin-left: auto;
  margin-right: 0;
}
.Habout .right {
  width: calc(880/1920 * 100%);
}
.Habout .right .pic {
  border-radius: 3.2rem 0 0 3.2rem;
  overflow: hidden;
  position: relative;
}
.Habout .right img {
  width: 100%;
}
.Habout .right .video-box {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.Habout .right .video-box .close {
  position: absolute;
  right: 0.2rem;
  top: 0.2rem;
}
.Habout .right video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-object-fit: cover;
}
.Habout .subtit {
  color: #000000;
}
.Habout .Hdes {
  border-top: 1px solid #eeeeee;
  padding-top: 0.35rem;
  line-height: calc(32 / 16);
  color: #666666;
  letter-spacing: 0.003rem;
}
.Habout .list {
  position: relative;
  gap: 0.2rem;
}
.Habout .list li {
  width: calc((100% - 0.2rem * 2) / 3);
  height: 1rem;
}
.Habout .list .box {
  display: flex;
  align-items: center;
  height: 100%;
  background-color: #f6f8f9;
  border-radius: 0.08rem;
  padding: 0 0.45rem 0 0.3rem;
  position: relative;
  color: #333333;
  transition: all 0.5s ease-in-out;
  transition: all 0.5s;
}
.Habout .list .box::after {
  width: 0.07rem;
  height: 0.11rem;
  background: url(../images/more3.svg) no-repeat center;
  background-size: contain;
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0.3rem;
}
.Habout .list .box .des {
  display: none;
  color: #666666;
}
.Habout .list .box:hover {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
  background-color: #e6f0f8;
}
.Habout .list .box:hover .des {
  display: block;
}
.Habout .list .icon {
  width: 0.38rem;
  margin-right: 0.14rem;
}
.Habout .m-video {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0.7rem;
  height: 0.7rem;
  transform: translate(-50%, -50%);
}
.Habout .m-video::before,
.Habout .m-video::after,
.Habout .m-video span {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 50%;
}
.Habout .m-video::before,
.Habout .m-video::after {
  content: '';
  -webkit-animation: animate 3s linear infinite;
  z-index: -1;
  background-color: #7ac723;
  opacity: 0.5;
}
.Habout .m-video::after {
  -webkit-animation-delay: 1.5s;
  /*第二个span动画延迟1.5秒*/
}
.Habout .m-video span {
  background: url(../images/play.svg) no-repeat center;
  z-index: 2;
}
@keyframes animate {
  0% {
    transform: scale(1);
    opacity: 0.5;
  }
  100% {
    transform: scale(1.5);
    opacity: 0;
  }
}
@media screen and (max-width: 1024px) {
  .Habout .list .box {
    padding: 0 0.2rem 0 0.1rem;
  }
  .Habout .list .box::after {
    right: 0.1rem;
  }
  .Habout .list .icon {
    width: 0.3rem;
    margin-right: 0.08rem;
  }
}
@media screen and (max-width: 768px) {
  .Habout {
    flex-wrap: wrap;
  }
  .Habout .left,
  .Habout .right {
    width: 92%;
    margin: 0 auto 0.2rem;
  }
  .Habout .inner {
    max-width: 100%;
    width: 100%;
  }
}
.Hnews .Htitlebox .left {
  width: auto;
}
.Hnews .Htitlebox .Hdes {
  width: auto;
}
.Hnews .time {
  display: inline-flex;
  padding-left: 0.25rem;
  color: #999999;
  background: url(../images/time.svg) no-repeat left center;
  background-size: 0.17rem;
}
.Hnews .left {
  width: calc(780 / 1600 * 100%);
}
.Hnews .left .box {
  display: block;
  position: relative;
}
.Hnews .left .pic {
  border-radius: 0.1rem;
  height: 3.32rem;
}
.Hnews .left .pic::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 45%;
  background-image: -moz-linear-gradient(0deg, #000000, rgba(0, 0, 0, 0));
  background-image: -webkit-linear-gradient(0deg, #000000, rgba(0, 0, 0, 0));
  background-image: -ms-linear-gradient(0deg, #000000, rgba(0, 0, 0, 0));
  background-image: linear-gradient(0deg, #000000, rgba(0, 0, 0, 0));
  z-index: 2;
}
.Hnews .left .textwarp {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 0.4rem;
  color: #fff;
  z-index: 3;
}
.Hnews .left .textwarp .time {
  filter: brightness(0) invert(1);
  margin-bottom: 0.15rem;
}
.Hnews .right {
  width: calc(780 / 1600 * 100%);
}
.Hnews .right .pic {
  width: 2.4rem;
  flex-shrink: 0;
  margin-right: 0.3rem;
}
.Hnews .right .pic i {
  height: 0.97rem;
  width: 100%;
  border-radius: 0.1rem;
  display: block;
}
.Hnews .right .textwarp {
  flex: 1;
  width: 100%;
  padding-top: 0.1rem;
  border-bottom: 1px solid #eee;
}
.Hnews .right .title {
  line-height: calc(30 / 20);
  margin-bottom: 0.16rem;
}
.Hnews .right .more {
  display: inline-flex;
  align-items: center;
  gap: 0.1rem;
  color: #999999;
}
.Hnews .right .more::after {
  content: '';
  display: inline-flex;
  width: 0.06rem;
  height: 0.1rem;
  background: url(../images/more3.svg) no-repeat center;
  background-size: contain;
  opacity: 0.4;
}
.Hnews .right li:not(:last-child) {
  margin-bottom: 0.2rem;
}
@media screen and (max-width: 768px) {
  .Hnews .inner {
    flex-wrap: wrap;
  }
  .Hnews .inner .left,
  .Hnews .inner .right {
    width: 100%;
    margin: 0 auto 0.3rem;
  }
}
.footer {
  background-color: #04141e;
  color: rgba(255, 255, 255, 0.5);
}
.footer .bottom {
  padding-bottom: 0.6rem;
}
.footer a {
  color: rgba(255, 255, 255, 0.5);
}
.footer a:hover {
  color: #fff;
}
.footer .logo {
  margin-bottom: 0.45rem;
}
.footer .logo img {
  width: 2.2rem;
}
.footer .item {
  margin-bottom: 0.35rem;
}
.footer .item h4 {
  color: #fff;
}
.footer nav {
  gap: 0.5rem;
}
.footer nav dl:not(:last-child) {
  min-width: 1.1rem;
}
.footer nav dt {
  padding-bottom: 0.1rem;
}
.footer nav dt a {
  color: #fff;
}
.footer nav dd a {
  display: block;
  margin: 0.2rem 0;
}
.footer .Copyright {
  padding: 0.25rem 0 1rem;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.footer .Copyright .right {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 0.05rem;
}
.footer .Copyright .right a {
  display: inline-flex;
  gap: 0.05rem;
  align-items: center;
}
@media screen and (max-width: 1024px) {
  .footer {
    padding-top: 0.5rem;
  }
  .footer .bottom {
    padding-bottom: 0.2rem;
  }
  .footer nav {
    display: none;
  }
  .footer .left {
    width: 100%;
  }
  .footer .Copyright {
    padding: 0.2rem 0;
  }
}
.NYbanner {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  margin-top: -0.6rem;
}
.NYbanner img {
  width: 100%;
  object-fit: cover;
  -webkit-object-fit: cover;
}
.NYbanner .textwarp {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.NYbanner .textwarp .cn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.42rem;
  margin-bottom: 0.05rem;
}
.NYbanner .textwarp .cn::before,
.NYbanner .textwarp .cn::after {
  content: '“';
  display: inline-block;
  color: #3b9c42;
  font-size: 0.42rem;
}
.NYbanner .textwarp .cn::after {
  content: "”";
}
.NYbanner .textwarp .en {
  color: #767a7d;
  opacity: 0.5;
}
.NYmenu {
  background-color: #f7f8f8;
  margin-bottom: 0.6rem;
}
.NYmenu .w1280 {
  min-height: 0.6rem;
}
.NYmenu .nav .ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.1rem 0.5rem;
}
.NYmenu .nav li.aon a {
  color: #7ac723;
}
.NYmenu .nav a {
  display: flex;
  align-items: center;
  position: relative;
  color: #666666;
  justify-content: center;
}
.NYmenu .nav a:hover {
  color: #7ac723;
}
.NYmenu .current {
  display: inline-flex;
  flex-flow: row wrap;
  color: #999999;
  align-items: center;
  font-size: 0.16rem;
}
.NYmenu .current::before {
  content: '';
  display: inline-flex;
  width: 0.17rem;
  height: 0.15rem;
  background: url(../images/home.svg) no-repeat center;
  background-size: contain;
  margin-right: 0.07rem;
}
.NYmenu .current a {
  color: #999999;
}
.NYmenu .current a:hover {
  color: #7ac723;
}
.NYmenu .current i {
  display: inline-block;
  margin: 0 0.07rem;
  font-family: serif;
  font-style: normal;
  font-weight: bold;
  font-size: 0.12rem;
}
.NYmenu .current span {
  color: #333333;
}
.NYmenu .current2 {
  line-height: 0.6rem;
}
@media screen and (max-width: 768px) {
  .NYmenu .w1280 {
    flex-wrap: wrap;
    padding: 0.2rem 0;
  }
  .NYmenu .current {
    width: 100%;
    margin-bottom: 0.2rem;
    font-size: 0.2rem;
  }
  .NYmenu .nav {
    width: 100%;
  }
  .NYmenu .nav .ul {
    gap: 0 0.15rem;
  }
  .NYmenu .nav a {
    line-height: 0.5rem;
    padding: 0;
  }
}
.NYmenu_yyly .current {
  flex-shrink: 0;
  margin-right: 0.5rem;
}
.NYmenu_yyly .nav {
  flex: 1;
  min-width: 0;
  padding: 0 0.8rem;
  position: relative;
}
.NYmenu_yyly .nav a {
  display: inline-flex;
}
.NYmenu_yyly .swiper-button {
  color: #7ac723;
  width: 0.3rem;
  height: 0.3rem;
  margin-top: 0;
  transform: translateY(-50%);
}
.NYmenu_yyly .swiper-button::after {
  font-size: 0.16rem;
}
.NYmenu_yyly .swiper-button-next {
  right: 0;
}
.NYmenu_yyly .swiper-button-prev {
  left: 0;
}
@media screen and (max-width: 768px) {
  .NYmenu_yyly .nav {
    padding: 0 0.4rem;
  }
}
.SingleBox {
  color: #666;
  line-height: calc(30 / 16);
}
.SingleBox img {
  height: auto !important;
}
.gap_5 {
  gap: 0.05rem;
}
.gap_10 {
  gap: 0.1rem;
}
.gap_20 {
  gap: 0.2rem;
}
.gap_60 {
  gap: 0.1rem 0.6rem;
}
.cardListBox2 li {
  list-style-type: none;
  min-height: 0.9rem;
  background-color: #ffffff;
  border-radius: 10px;
  border: solid 1px #eeeeee;
  margin-bottom: 0.2rem;
  padding: 0.1rem 0;
}
.cardListBox2 li .box {
  height: 100%;
  box-sizing: border-box;
  padding: 0 0.6rem 0 0.4rem;
}
.cardListBox2 li .box .icon {
  display: block;
  background-size: 100% 100%;
}
.cardListBox2 li .box span {
  color: #333333;
}
.cardListBox2 li .box .resBox {
  width: 30%;
}
.cardListBox2 li .box .resBox a {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.cardListBox2 li .box .resBox i {
  width: 0.17rem;
  height: 0.2rem;
  background-image: url(../images/technology_icon_7.png);
  margin-right: 0.14rem;
}
.cardListBox2 li .box .resBox span {
  flex: 1;
}
.cardListBox2 li .box .downloadBox a {
  width: auto;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-shrink: 0;
}
.cardListBox2 li .box .downloadBox i {
  width: 0.19rem;
  height: 0.16rem;
  background-image: url(../images/technology_icon_9.png);
  margin-right: 0.09rem;
}
.cardListBox2 li .box .des {
  width: 50%;
}
.cardListBox2 li:hover {
  background-color: #f6f8f9;
}
.cardListBox2 li:hover .box span {
  color: #7ac723;
}
.cardListBox2 li:hover .box .resBox i {
  background-image: url(../images/technology_icon_8.png);
}
.cardListBox2 li:hover .box .downloadBox i {
  background-image: url(../images/technology_icon_10.png);
}
.el-input__inner {
  height: 0.4rem;
  line-height: 0.4rem;
  border-radius: 10px;
  font-size: 0.16rem;
}
@media screen and (max-width: 768px) {
  .el-input__inner {
    line-height: 0.5rem;
    height: 0.5rem;
  }
}
.productCategoryBox {
  width: 100%;
  margin-bottom: 1rem;
  display: grid;
  grid-auto-flow: dense;
  grid-template-columns: repeat(100, 1fr);
  grid-template-rows: repeat(2, 1fr);
}
.productCategoryBox li {
  background-color: #f6f8f9;
  border-radius: 10px;
  box-sizing: border-box;
  padding: 0.3rem 0.4rem;
  list-style-type: none;
  position: relative;
}
.productCategoryBox li .link {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.productCategoryBox li .title {
  line-height: 0.24rem;
  color: #000000;
  font-weight: bold;
}
.productCategoryBox li .more {
  line-height: 0.52rem;
  color: #999999;
}
.productCategoryBox li .more:hover {
  color: #7ac723;
}
.productCategoryBox li .pic {
  max-width: 50%;
}
.productCategoryBox li:nth-child(1) {
  grid-column: span 34;
  grid-row: span 2;
  justify-content: center;
  flex-direction: column-reverse;
}
.productCategoryBox li:nth-child(1) .desc {
  width: 100%;
  margin-top: 0.6rem;
}
.productCategoryBox li:nth-child(1) .pic {
  width: 100%;
  max-width: 100%;
}
.productCategoryBox li:nth-child(2) {
  grid-column: span 37;
  grid-row: span 1;
}
.productCategoryBox li:nth-child(3) {
  grid-column: span 28;
  grid-row: span 1;
}
.productCategoryBox li:nth-child(4) {
  grid-column: span 28;
  grid-row: span 1;
}
.productCategoryBox li:nth-child(5) {
  grid-column: span 37;
  grid-row: span 1;
}
.productCategoryBox li:hover .more {
  color: #7ac723;
}
.productCategoryBox li:hover .pic img {
  transform: scale(1.05);
}
@media (max-width: 1024px) {
  .productCategoryBox li:nth-child(1) {
    grid-column: span 50;
    grid-row: span 1;
    justify-content: center;
  }
  .productCategoryBox li:nth-child(2) {
    grid-column: span 50;
    grid-row: span 1;
  }
  .productCategoryBox li:nth-child(3) {
    grid-column: span 50;
    grid-row: span 1;
  }
  .productCategoryBox li:nth-child(4) {
    grid-column: span 50;
    grid-row: span 1;
  }
  .productCategoryBox li:nth-child(5) {
    grid-column: span 50;
    grid-row: span 1;
  }
}
@media (max-width: 640px) {
  .productCategoryBox {
    grid-template-columns: auto;
    height: auto;
  }
}
.headerBox_pro {
  margin-bottom: 0.4rem;
}
.headerBox_pro .MenuBox {
  position: relative;
}
.headerBox_pro .MenuBox .ul li {
  height: 2.5rem;
  background-color: #f6f8f9;
  border-radius: 10px;
}
.headerBox_pro .MenuBox .ul li a {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.headerBox_pro .MenuBox .ul li .imgBox {
  width: 1.4rem;
  height: 1.4rem;
  border-radius: 50%;
  background-color: #ffffff;
  border: solid 1px #eeeeee;
  margin-bottom: 0.2rem;
  overflow: hidden;
}
.headerBox_pro .MenuBox .ul li img {
  max-height: 90%;
  max-width: 90%;
}
.headerBox_pro .MenuBox .ul li.cur .imgBox,
.headerBox_pro .MenuBox .ul li:hover .imgBox {
  border: solid 2px #7ac723;
}
.headerBox_pro .MenuBox .ul li.cur p,
.headerBox_pro .MenuBox .ul li:hover p {
  color: #7ac723;
}
.headerBox_pro .MenuBox .swiper_page .swiper_arrow::after {
  font-size: 0.3rem;
  color: #3c3c3c;
}
@media (max-width: 640px) {
  .headerBox_pro {
    display: block;
  }
  .headerBox_pro .bannerBox .mySwiper {
    width: 100%;
    height: auto;
  }
  .headerBox_pro .descBox {
    margin-left: 0;
    margin-top: 0.3rem;
  }
  .headerBox_pro .descBox .bottomBox .buttonBox .button {
    width: 2rem;
  }
}
.productListBox {
  width: 100%;
}
.productListBox .tableBox {
  margin-bottom: 0.8rem;
}
.productListBox .tableBox .tableTitle {
  font-weight: bold;
  color: #000000;
  margin-bottom: 0.2rem;
}
.productListBox .tableBox .tableSub {
  color: #666666;
  margin-bottom: 0.37rem;
}
.productListBox .tableBox .filterBox {
  display: flex;
  gap: 0.1rem;
}
.productListBox .tableBox .filterBox .el-selectbox {
  margin-bottom: 0.1rem;
  width: 1.4rem;
}
.productListBox .tableBox .filterBox .el-selec {
  width: 100%;
}
.productListBox .tableBox .filterBox .el-input__icon {
  line-height: 0.4rem;
}
.productListBox .tableBox .filterBox .el-input__inner {
  font-size: 0.14rem;
  border-radius: 0.05rem;
  height: 0.5rem;
  line-height: 0.5rem;
  background-color: transparent;
}
.productListBox .tableBox .filterBox .el-input__inner::placeholder::first-letter {
  font-size: 0.16rem;
}
.productListBox .tableBox .filterBox .select-placeholder {
  color: #666666;
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  display: inline-flex;
  align-items: flex-end;
  font-size: 0.14rem;
}
.productListBox .tableBox .filterBox .select-placeholder sub {
  font-size: 0.1rem;
}
.productListBox .tableBox .table {
  margin-top: 0.2rem;
  color: #666666;
}
.productListBox .tableBox .table .el-table {
  font-size: 0.14rem;
}
.productListBox .tableBox .table .el-table .cell {
  line-height: 0.24rem;
  word-break: break-word;
}
.productListBox .tableBox .table .el-table__body-wrapper {
  /* 滚动槽 */
  /* 滚动条滑块 */
}
.productListBox .tableBox .table .el-table__body-wrapper::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.productListBox .tableBox .table .el-table__body-wrapper::-webkit-scrollbar-track {
  -webkit-box-shadow: inset006pxrgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background: #fff;
}
.productListBox .tableBox .table .el-table__body-wrapper::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #666666;
}
.productListBox .tableBox .table .el-table--border,
.productListBox .tableBox .table .el-table--group {
  border-radius: 5px;
}
.productListBox .tableBox .table .el-table th.el-table__cell {
  background-color: #f6f8f9;
  color: #000000;
  font-weight: bold;
}
.productListBox .tableBox .table .el-table .el-table__cell {
  padding: 0.15rem 0;
}
.productListBox .tableBox .table .datasheet {
  display: block;
  margin: 0 auto;
  width: 0.2rem;
  height: 0.2rem;
  background-image: url(../images/res.png);
  background-size: 100% 100%;
}
.productListBox .tableBox .table .datasheet:hover {
  background-image: url(../images/res_c.png);
}
.productListBox .tableBox .table .samples {
  margin: 0 auto;
}
.productListBox .tableBox .table .samples .icon {
  display: none;
  width: 0.15rem;
  height: 0.14rem;
  background-repeat: no-repeat;
  margin-right: 0.05rem;
  background-image: url(../images/bug.png);
  background-size: contain;
}
.productListBox .tableBox .table .samples:hover .icon {
  background-image: url(../images/bug_c.png);
}
.productListBox .tableBox .table .samples:hover span {
  color: #7ac723;
}
.productListBox .tableBox .table .details:hover span {
  color: #7ac723;
}
@media (max-width: 1366px) {
  .productListBox .tableBox .filterBox .el-selectbox {
    width: 2.4rem;
  }
}
@media (max-width: 640px) {
  .productListBox .tableBox .filterBox .el-selectbox {
    width: 46%;
  }
  .productListBox .tableBox .filterBox .select-placeholder {
    font-size: 0.18rem;
  }
}
@media (max-width: 1024px) {
  .productListBox .filterBox {
    flex-wrap: wrap;
  }
}
.productDetailBox .headerBox .bannerBox {
  position: relative;
}
.productDetailBox .headerBox .bannerBox .mySwiper {
  width: 6.8rem;
  height: 4rem;
  background-color: #ffffff;
  border-radius: 20px;
  border: solid 1px #eeeeee;
}
.productDetailBox .headerBox .bannerBox .pic {
  padding-top: calc(400 / 680 * 100%);
}
.productDetailBox .headerBox .bannerBox .pic img {
  object-fit: contain;
  -webkit-object-fit: contain;
}
.productDetailBox .headerBox .bannerBox .box {
  overflow: hidden;
  display: block;
  position: relative;
}
.productDetailBox .headerBox .bannerBox .swiper-button {
  top: 50%;
  width: 0.5rem;
  height: 0.5rem;
  background-color: #7ac723;
  opacity: 1;
}
.productDetailBox .headerBox .bannerBox .swiper-button::after {
  font-size: 0.12rem;
  color: #fff;
}
.productDetailBox .headerBox .bannerBox .swiper-button-disabled {
  background-color: #dddddd;
  opacity: 1;
}
.productDetailBox .headerBox .bannerBox .swiper-button-prev {
  left: 0;
}
.productDetailBox .headerBox .bannerBox .swiper-button-next {
  right: 0;
}
.productDetailBox .headerBox .descBox {
  flex: 1;
  margin-left: 0.8rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
.productDetailBox .headerBox .descBox .topBox {
  padding-bottom: 0.3rem;
  border-bottom: 1px solid #eeeeee;
  width: 100%;
}
.productDetailBox .headerBox .descBox .topBox .title {
  font-size: 0.36rem;
  line-height: 0.29rem;
  color: #000000;
  font-weight: bold;
}
.productDetailBox .headerBox .descBox .topBox .sub {
  font-size: 0.18rem;
  line-height: 0.59rem;
  color: #999999;
}
.productDetailBox .headerBox .descBox .bottomBox {
  width: 100%;
  padding-top: 0.3rem;
}
.productDetailBox .headerBox .descBox .bottomBox .desc {
  color: #666666;
  line-height: 2;
}
.productDetailBox .headerBox .descBox .bottomBox .buttonBox {
  margin-top: 0.37rem;
}
.productDetailBox .headerBox .descBox .bottomBox .buttonBox .button {
  min-width: 1.6rem;
  height: 0.5rem;
  border-radius: 0.25rem;
  box-sizing: border-box;
  padding: 0 0.25rem;
}
.productDetailBox .headerBox .descBox .bottomBox .buttonBox .button span {
  color: #ffffff;
}
.productDetailBox .headerBox .descBox .bottomBox .buttonBox .btnDownload {
  background-color: #7ac723;
  margin-right: 0.1rem;
}
.productDetailBox .headerBox .descBox .bottomBox .buttonBox .btnDownload .icon {
  display: block;
  width: 0.19rem;
  height: 0.16rem;
  background-image: url(../images/download.png);
  background-size: 100% 100%;
  margin-right: 0.05rem;
}
.productDetailBox .headerBox .descBox .bottomBox .buttonBox .btnBug {
  background-color: #ffffff;
  border: solid 1px #e5e5e5;
}
.productDetailBox .headerBox .descBox .bottomBox .buttonBox .btnBug .icon {
  display: block;
  width: 0.15rem;
  height: 0.14rem;
  background-image: url(../images/bug.png);
  background-size: 100% 100%;
  margin-right: 0.05rem;
}
.productDetailBox .headerBox .descBox .bottomBox .buttonBox .btnBug span {
  color: #666666;
}
@media (max-width: 768px) {
  .productDetailBox .headerBox {
    flex-wrap: wrap;
  }
  .productDetailBox .headerBox .bannerBox {
    width: 100%;
    margin-bottom: 0.5rem;
  }
  .productDetailBox .headerBox .bannerBox .mySwiper {
    width: 100%;
  }
  .productDetailBox .headerBox .descBox {
    width: 100%;
    flex: auto;
    margin-left: 0;
  }
}
.productDetailBox .productDesBox {
  margin-top: 0.6rem;
}
.productDetailBox .productDesBox > ul {
  display: grid;
  gap: 0.4rem;
  grid-template-columns: repeat(3, 1fr);
}
.productDetailBox .productDesBox > ul > li {
  grid-column: span 1;
  background-color: #f6f8f9;
  border-radius: 8px;
  list-style-type: none;
  box-sizing: border-box;
  padding: 0.6rem 0.1rem 0.6rem 0.5rem;
}
.productDetailBox .productDesBox > ul > li .title {
  line-height: 0.36rem;
  color: #333333;
  margin-bottom: 0.2rem;
}
.productDetailBox .productDesBox > ul > li ul {
  max-height: 2.5rem;
  padding-right: 0.4rem;
}
.productDetailBox .productDesBox > ul > li ul li {
  padding: 0.15rem 0;
  border-bottom: 1px solid #eeeeee;
  list-style-type: none;
}
.productDetailBox .productDesBox > ul > li ul li a {
  display: block;
  width: 100%;
  color: #999999;
  position: relative;
}
.productDetailBox .productDesBox > ul > li ul li a::after {
  display: none;
  position: absolute;
  right: 0;
  font-family: swiper-icons;
  font-size: 0.12rem;
  color: #999999;
  content: 'next';
  top: 50%;
  margin-top: -0.06rem;
}
.productDetailBox .productDesBox > ul > li:nth-child(1):not(.no) ul li a::after {
  display: block;
}
.productDetailBox .productDesBox > ul > li:nth-child(1):not(.no) ul li a:hover {
  color: #7ac723;
}
.productDetailBox .productDesBox > ul > li:nth-child(1):not(.no) ul li a:hover::after {
  color: #7ac723;
}
.productDetailBox .productDesBox > ul > li .txyld_li:not(.no) ul li a::after {
  display: none;
}
@media (max-width: 640px) {
  .productDetailBox {
    width: 100%;
    padding-bottom: 1rem;
  }
  .productDetailBox .productDesBox > ul > li {
    grid-column: span 3;
  }
}
.applicationIndexBox {
  width: 100%;
  margin-bottom: 1rem;
}
.applicationIndexBox > ul {
  display: grid;
  gap: 0.4rem;
  grid-template-columns: repeat(3, 1fr);
}
.applicationIndexBox > ul > li {
  grid-column: span 1;
  background-color: #000;
  border-radius: 8px;
  list-style-type: none;
  box-sizing: border-box;
  padding-bottom: 0.6rem;
  min-height: 4.8rem;
}
.applicationIndexBox > ul > li .headerBox {
  box-sizing: border-box;
  padding: 0.6rem 0.5rem 0 0.5rem;
  position: relative;
  z-index: 2;
  margin-bottom: 0.4rem;
}
.applicationIndexBox > ul > li .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 0.3rem;
  width: 0.93rem;
  height: 0.73rem;
}
.applicationIndexBox > ul > li .icon img {
  max-height: 100%;
}
.applicationIndexBox > ul > li .title {
  line-height: 0.36rem;
  color: #ffffff;
  text-align: center;
}
.applicationIndexBox > ul > li .sub {
  line-height: 0.28rem;
  color: #ffffff;
  text-align: center;
}
.applicationIndexBox > ul > li .listBox {
  padding: 0 0.1rem 0 0.5rem;
  position: relative;
}
.applicationIndexBox > ul > li ul {
  max-height: 2rem;
  padding-right: 0.4rem;
}
.applicationIndexBox > ul > li ul li {
  padding: 0.15rem 0;
  list-style-type: none;
  position: relative;
}
.applicationIndexBox > ul > li ul li::after {
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background-color: #fff;
  opacity: 0.15;
  position: absolute;
  left: 0;
  bottom: 0;
}
.applicationIndexBox > ul > li ul li a {
  display: block;
  width: 100%;
  color: #ffffff;
  position: relative;
}
.applicationIndexBox > ul > li ul li a::after {
  display: block;
  position: absolute;
  right: 0;
  font-family: swiper-icons;
  font-size: 0.12rem;
  color: #ffffff;
  content: 'next';
  top: 50%;
  margin-top: -0.06rem;
}
.applicationIndexBox > ul > li ul li a:hover {
  color: #7ac723;
}
.applicationIndexBox > ul > li ul li a:hover::after {
  color: #7ac723;
}
@media (max-width: 640px) {
  .applicationIndexBox > ul > li {
    grid-column: span 3;
  }
}
.applicationListBox {
  padding-bottom: 0.5rem;
}
.applicationListBox li {
  margin-bottom: 0.5rem;
}
.applicationListBox li .box {
  width: 100%;
}
.applicationListBox li .pic {
  width: calc(400 / 1280 * 100%);
  height: 2.4rem;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 10px;
  border: 1px solid #eeeeee;
}
.applicationListBox li .pic img {
  height: 100%;
  object-fit: cover;
}
.applicationListBox li .detail {
  min-width: 0;
  width: calc(835 / 1280 * 100%);
}
.applicationListBox li .detail .title {
  color: #333333;
  margin-bottom: 0.2rem;
}
.applicationListBox li .detail .time {
  margin-bottom: 0.2rem;
  justify-content: flex-start;
}
.applicationListBox li .detail .time i {
  display: block;
  width: 0.18rem;
  height: 0.19rem;
  background-image: url(../images/rili.png);
  background-size: 100% 100%;
  margin-right: 0.1rem;
}
.applicationListBox li .detail .time span {
  color: #999999;
  line-height: 0.36rem;
}
.applicationListBox li .detail .text {
  line-height: 0.3rem;
  color: #666666;
}
.applicationListBox.applicationListBox_ss li {
  margin-bottom: 0.4rem;
  padding-bottom: 0.4rem;
  border-bottom: 1px solid #eee;
}
.applicationListBox.applicationListBox_ss li .pic {
  width: calc(600 / 1280 * 100%);
  height: 3.6rem;
  margin-right: 0.55rem;
}
.applicationListBox.applicationListBox_ss li .detail {
  flex: 1;
}
@media (max-width: 640px) {
  .applicationListBox li {
    list-style-type: none;
    display: block;
  }
  .applicationListBox li .box {
    flex-wrap: wrap;
  }
  .applicationListBox li .pic {
    width: 100% !important;
    margin-bottom: 0.3rem;
    margin-right: 0 !important;
  }
  .applicationListBox li .detail {
    width: 100%;
    flex: auto !important;
  }
}
.applicationNoteBox {
  width: 100%;
  padding-bottom: 0.9rem;
}
.MenuBox_yybj {
  margin-bottom: 0.4rem;
  gap: 0.1rem;
  flex-wrap: wrap;
}
.MenuBox_yybj li {
  list-style-type: none;
  line-height: 0.4rem;
  display: inline-block;
  height: 0.4rem;
  color: #666666;
  background-color: #f5f5f5;
  border-radius: 20px;
}
.MenuBox_yybj li a {
  display: block;
  padding: 0 0.4rem;
}
.MenuBox_yybj li.cur,
.MenuBox_yybj li:hover {
  color: #ffffff;
  background-color: #7ac723;
}
.MenuBox_yybj li.cur a,
.MenuBox_yybj li:hover a {
  color: #ffffff;
}
.applicationDetailBox {
  margin-top: 0.3rem;
}
.applicationDetailBox .title {
  color: #000000;
  font-weight: bold;
  border-bottom: solid 1px #eeeeee;
  padding-bottom: 0.3rem;
  text-align: center;
}
.applicationDetailBox .headerBox {
  border: solid 1px #eeeeee;
  padding: 0.4rem;
  color: #666666;
  line-height: 2;
}
.applicationDetailBox .contentBox .contentTitle {
  font-weight: bold;
  color: #000000;
  text-align: center;
  padding: 0.7rem 0 0.4rem 0;
}
.applicationDetailBox .contentBox .collapseListBox li {
  list-style-type: none;
  border-radius: 10px;
  cursor: pointer;
  margin-bottom: 0.2rem;
  border: solid 1px #eeeeee;
  background-color: #ffffff;
  box-sizing: border-box;
  padding: 0 0.4rem;
}
.applicationDetailBox .contentBox .collapseListBox li .collapseTitle {
  height: 1rem;
}
.applicationDetailBox .contentBox .collapseListBox li .collapseTitle .icon {
  width: 0.16rem;
  height: 0.16rem;
  position: relative;
  margin-right: 0.24rem;
}
.applicationDetailBox .contentBox .collapseListBox li .collapseTitle .icon span {
  position: absolute;
  width: 0.16rem;
  height: 0.16rem;
  left: 0;
  top: 0;
  transition: all 0.5s;
}
.applicationDetailBox .contentBox .collapseListBox li .collapseTitle .icon span::before,
.applicationDetailBox .contentBox .collapseListBox li .collapseTitle .icon span::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  background-color: #000000;
  transform: translate(-50%, -50%);
}
.applicationDetailBox .contentBox .collapseListBox li .collapseTitle .icon span::before {
  width: 100%;
  height: 0.02rem;
}
.applicationDetailBox .contentBox .collapseListBox li .collapseTitle .icon span::after {
  width: 0.02rem;
  height: 100%;
}
.applicationDetailBox .contentBox .collapseListBox li .collapseContent {
  padding: 0rem 0.8rem 0.5rem 0.4rem;
  display: none;
}
.applicationDetailBox .contentBox .collapseListBox li .collapseContent p {
  color: #666666;
  line-height: 0.3rem;
}
.applicationDetailBox .contentBox .collapseListBox li:hover {
  background-color: #f6f8f9;
}
.applicationDetailBox .contentBox .collapseListBox li:hover .collapseTitle p {
  color: #7ac723;
}
.applicationDetailBox .contentBox .collapseListBox li.selected {
  background-color: #f6f8f9;
}
.applicationDetailBox .contentBox .collapseListBox li.selected .collapseTitle p {
  color: #7ac723;
}
.applicationDetailBox .contentBox .collapseListBox li.selected .collapseTitle .icon span::before {
  background-color: #7ac723;
}
.applicationDetailBox .contentBox .collapseListBox li.selected .collapseTitle .icon span::after {
  display: none;
}
.applicationDetailBox .contentBox .cardListBox {
  width: 100%;
}
.applicationDetailBox .contentBox .cardListBox li {
  height: auto;
  display: block;
  background-color: #ffffff;
  border-radius: 20px;
  overflow: hidden;
  border: solid 1px #eeeeee;
}
.applicationDetailBox .contentBox .cardListBox li .box:hover .more {
  color: #7ac723;
}
.applicationDetailBox .contentBox .cardListBox li .pic {
  height: 2rem;
  background-color: #f6f8f9;
}
.applicationDetailBox .contentBox .cardListBox li .desc {
  box-sizing: border-box;
  padding: 0.3rem;
}
.applicationDetailBox .contentBox .cardListBox li .desc .desTitle {
  font-weight: bold;
  color: #000000;
  margin-bottom: 0.17rem;
}
.applicationDetailBox .contentBox .cardListBox li .desc .desText {
  margin-bottom: 0.3rem;
  color: #666666;
}
.applicationDetailBox .contentBox .cardListBox li .desc .more {
  color: #999999;
  margin-bottom: 0.2rem;
}
.applicationDetailBox .contentBox .filterBox {
  margin-bottom: 0.3rem;
  gap: 0.1rem;
}
.applicationDetailBox .contentBox .filterBox .inputBox {
  flex: 1;
  position: relative;
}
.applicationDetailBox .contentBox .filterBox .inputBox .iconBox {
  position: absolute;
  width: 0.4rem;
  height: 100%;
  background-color: #7ac723;
  border-radius: 0px 10px 10px 0px;
  right: 0;
  top: 0;
  cursor: pointer;
}
.applicationDetailBox .contentBox .filterBox .inputBox .iconBox .icon {
  width: 0.2rem;
  height: 0.2rem;
  background-image: url(../images/search2.png);
  background-size: contain;
}
.applicationDetailBox .contentBox .filterBox .el-input__icon {
  line-height: 0.4rem;
}
@media (max-width: 640px) {
  .applicationDetailBox .filterBox {
    display: block;
  }
  .applicationDetailBox .filterBox .el-select {
    margin-bottom: 0.1rem;
    width: 100%;
  }
  .applicationDetailBox .filterBox .el-input__icon {
    line-height: 0.5rem;
  }
}
.applicationQABox {
  width: 100%;
  padding-bottom: 0.9rem;
}
.applicationQABox .MenuBox {
  margin-bottom: 0.4rem;
  gap: 0.1rem;
}
.applicationQABox .MenuBox li {
  list-style-type: none;
  line-height: 0.4rem;
  display: inline-block;
  height: 0.4rem;
  color: #666666;
  background-color: #f5f5f5;
  border-radius: 20px;
}
.applicationQABox .MenuBox li a {
  display: block;
  padding: 0 0.4rem;
}
.applicationQABox .MenuBox li.cur,
.applicationQABox .MenuBox li:hover {
  color: #ffffff;
  background-color: #7ac723;
}
.applicationQABox .MenuBox li.cur a,
.applicationQABox .MenuBox li:hover a {
  color: #ffffff;
}
.applicationQABox .collapseListBox li {
  list-style-type: none;
  border-radius: 10px;
  cursor: pointer;
  margin-bottom: 0.2rem;
  border: solid 1px #eeeeee;
  background-color: #ffffff;
}
.applicationQABox .collapseListBox li .prefix {
  width: 0.32rem;
  height: 0.25rem;
  background-color: #f5f5f5;
  margin-right: 0.18rem;
  color: #666666;
  position: relative;
}
.applicationQABox .collapseListBox li .prefix::after {
  width: 0.06rem;
  height: 0.06rem;
  content: '';
  bottom: -0.04rem;
  right: 0;
  display: block;
  clear: both;
  position: absolute;
  background-color: #f5f5f5;
  clip-path: polygon(0 0, 100% 0, 0 100%, 0 0);
  transform: rotate(90deg);
}
.applicationQABox .collapseListBox li .collapseTitle {
  height: 1rem;
  box-sizing: border-box;
  padding: 0 0.4rem;
}
.applicationQABox .collapseListBox li .collapseTitle .arrow {
  transform: rotate(90deg);
  transition: all 0.3s;
}
.applicationQABox .collapseListBox li .collapseTitle .arrow::after {
  color: #999999;
  content: 'next';
  font-family: swiper-icons;
  font-size: 0.14rem;
  text-transform: none;
  line-height: 1;
}
.applicationQABox .collapseListBox li .collapseContent {
  padding: 0.4rem 0.8rem 0.5rem 0.4rem;
  display: none;
}
.applicationQABox .collapseListBox li .collapseContent .contentText {
  flex: 1;
}
.applicationQABox .collapseListBox li .collapseContent .contentText p {
  color: #666666;
  line-height: 1.5;
  margin-bottom: 0.3rem;
}
.applicationQABox .collapseListBox li.selected {
  background-color: #fff;
}
.applicationQABox .collapseListBox li.selected .collapseTitle {
  background-color: #f6f8f9;
}
.applicationQABox .collapseListBox li.selected .collapseTitle .prefix {
  background-color: #7ac723;
  color: #fff;
}
.applicationQABox .collapseListBox li.selected .collapseTitle .prefix::after {
  background-color: #7ac723;
}
.applicationQABox .collapseListBox li.selected .collapseTitle p {
  color: #7ac723;
}
.applicationQABox .collapseListBox li.selected .collapseTitle .arrow {
  transform: rotate(-90deg);
}
.applicationQABox .collapseListBox li.selected .collapseTitle .arrow::after {
  color: #7ac723;
}
@media (max-width: 640px) {
  .applicationQABox .MenuBox {
    flex-wrap: wrap;
  }
}
.technologyBox {
  margin-bottom: 1rem;
}
.technologyBox .headerBox .title {
  line-height: 0.72rem;
  color: #000000;
}
.technologyBox .headerBox .sub {
  line-height: 0.3rem;
  color: #999999;
}
.technologyBox ul {
  display: grid;
  gap: 0.4rem;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 0.5rem;
}
.technologyBox ul li {
  list-style-type: none;
  height: 3.8rem;
  grid-column: span 1;
  box-sizing: border-box;
  padding: 0.6rem 0.5rem;
  border-radius: 8px;
  background-color: #f6f8f9;
  position: relative;
}
.technologyBox ul li .icon {
  margin-bottom: 0.2rem;
  width: 0.59rem;
  height: 0.41rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.technologyBox ul li .icon img {
  max-height: 100%;
}
.technologyBox ul li .title {
  color: #333333;
  font-weight: bold;
  margin-bottom: 0.15rem;
}
.technologyBox ul li .text {
  color: #666666;
  margin-bottom: 0.38rem;
}
.technologyBox ul li .more {
  min-width: 1.6rem;
  height: 0.5rem;
  border: solid 1px #dddddd;
  background-color: #f6f8f9;
  border-radius: 0.25rem;
  color: #999999;
  display: inline-flex;
}
.technologyBox ul li .more:hover {
  background-color: #7ac723;
  color: #fff;
}
.technologyBox ul li .link {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.technologyBox ul li:hover .more {
  background-color: #7ac723;
  color: #fff;
}
@media (max-width: 640px) {
  .technologyBox ul {
    grid-template-columns: repeat(2, 1fr);
  }
  .technologyBox ul li {
    padding: 0.3rem 0.2rem;
  }
}
.newsListBox {
  width: 100%;
  padding-bottom: 0.9rem;
  padding-top: 0.2rem;
  z-index: 2;
  position: relative;
}
.newsListBox .inner {
  padding: 0.5rem;
  background-color: #fff;
  border-radius: 0.2rem;
}
.newsListBox .title {
  color: #ffffff;
  font-weight: bold;
  margin: 0.8rem auto 0.5rem auto;
  text-align: center;
  position: relative;
  z-index: 2;
}
.newsListBox .mySwiper {
  background-color: #f7f8f8;
  border-radius: 20px;
}
.newsListBox .mySwiper li {
  list-style-type: none;
}
.newsListBox .mySwiper .pic {
  width: calc(772 / 1340 * 100%);
  flex-shrink: 0;
}
.newsListBox .mySwiper .pic figure {
  padding-top: calc(307 / 772 * 100%);
}
.newsListBox .mySwiper .pic figure img {
  height: 100%;
  object-fit: cover;
}
.newsListBox .mySwiper .desc {
  flex: 1;
  padding: 0.3rem 0.6rem;
  min-width: 0;
}
.newsListBox .mySwiper .desc .time {
  color: #666666;
  margin-bottom: 0.2rem;
}
.newsListBox .mySwiper .desc .descTitle {
  color: #333333;
  margin-bottom: 0.2rem;
}
.newsListBox .mySwiper .desc .text {
  color: #666666;
  line-height: 0.3rem;
  margin-bottom: 0.3rem;
}
.newsListBox .mySwiper .desc .more {
  color: #999999;
}
.newsListBox .mySwiper .swiper-pagination {
  left: auto;
  top: auto;
  width: calc(100% - 772 / 1340 * 100%);
  bottom: 0.2rem;
  right: 0;
  text-align: left;
  padding-left: 0.6rem;
}
.newsListBox .mySwiper .swiper-pagination-bullet {
  background-color: #111111;
  opacity: 0.1;
}
.newsListBox .mySwiper .swiper-pagination-bullet-active {
  background-color: #7ac723;
  opacity: 1;
}
.newsListBox .mySwiper .box:hover .more {
  color: #7ac723;
}
.newsListBox .filterBox {
  margin-bottom: 0.3rem;
  gap: 0.1rem;
  margin-top: 0.5rem;
}
.newsListBox .filterBox .inputBox {
  flex: 1;
  position: relative;
}
.newsListBox .filterBox .inputBox .iconBox {
  position: absolute;
  width: 0.4rem;
  height: 100%;
  background-color: #7ac723;
  border-radius: 0px 10px 10px 0px;
  right: 0;
  top: 0;
  cursor: pointer;
}
.newsListBox .filterBox .inputBox .iconBox .icon {
  width: 0.2rem;
  height: 0.2rem;
  background-image: url(../images/search2.png);
  background-size: 100% 100%;
}
.newsListBox .newList {
  display: grid;
  gap: 0.4rem;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 0.3rem;
}
.newsListBox .newList li {
  list-style-type: none;
  grid-column: span 1;
  box-sizing: border-box;
  background-color: #ffffff;
  border-radius: 20px;
  overflow: hidden;
  border: solid 1px #eeeeee;
}
.newsListBox .newList li .pic {
  padding-top: calc(170 / 400 * 100%);
}
.newsListBox .newList li .desc {
  box-sizing: border-box;
  padding: 0.4rem;
}
.newsListBox .newList li .desc .time {
  color: #999999;
  margin-bottom: 0.1rem;
}
.newsListBox .newList li .desc .descTitle {
  color: #333333;
  margin-bottom: 0.4rem;
  text-align: left;
}
.newsListBox .newList li .desc .more {
  color: #999999;
  margin-bottom: 0.2rem;
}
.newsListBox .newList li .box:hover .more {
  color: #7ac723;
}
@media (max-width: 640px) {
  .newsListBox {
    padding-top: 0;
  }
  .newsListBox .inner {
    padding: 0;
  }
  .newsListBox .title {
    margin: 0.2rem auto;
  }
  .newsListBox .mySwiper .box {
    width: 100%;
    flex-wrap: wrap;
  }
  .newsListBox .mySwiper .box .pic {
    width: 100%;
  }
  .newsListBox .mySwiper .box .desc {
    width: 100%;
    padding: 0.4rem 0.3rem;
    flex: auto;
  }
  .newsListBox .mySwiper .box .desc .time {
    margin-bottom: 0.1rem;
  }
  .newsListBox .mySwiper .box .desc .descTitle {
    margin-bottom: 0.1rem;
  }
  .newsListBox .mySwiper .box .desc .text {
    margin-bottom: 0.1rem;
  }
  .newsListBox .mySwiper .swiper-pagination {
    bottom: 10px;
    left: 0;
    top: auto;
    width: 100%;
    margin-left: 0;
    margin-top: 0;
    transform: translate3d(0, 0, 0);
  }
  .newsListBox .el-select {
    width: 100%;
  }
  .newsListBox .el-input__icon {
    line-height: 0.4rem;
  }
  .newsListBox .newList li {
    grid-column: span 3;
  }
  .newsListBox .filterBox {
    display: block;
  }
  .newsListBox .filterBox .el-select {
    margin-bottom: 0.1rem;
  }
}
.newsDetailBox {
  margin-top: -0.2rem;
  margin-bottom: 1rem;
}
.newsDetailBox .headerBox {
  padding-bottom: 0.42rem;
  border-bottom: 1px solid #eeeeee;
}
.newsDetailBox .headerBox .title {
  color: #000000;
  margin-bottom: 0.27rem;
  text-align: center;
  font-family: 'AlibabaM';
}
.newsDetailBox .headerBox .sub {
  color: #999999;
  text-align: center;
}
.newsDetailBox .headerBox .sub .author {
  margin-right: 0.35rem;
}
.newsDetailBox .contentBox {
  padding: 0.5rem 0.7rem;
  border-bottom: 1px solid #eeeeee;
  line-height: 1.5;
  font-family: '阿里巴巴普惠R';
  color: #666666;
}
.newsDetailBox .contentBox > p {
  margin: 2em 0;
}
.newsDetailBox .contentBox > p:first-child {
  margin-top: 0!important;
}
.newsDetailBox .contentBox img {
  margin: 0 auto 0.3rem auto;
  display: block;
  height: auto !important;
}
.newsDetailBox .contentBox ul,
.newsDetailBox .contentBox li {
  list-style-type: initial;
}
.newsDetailBox .newsDetailBottom {
  margin-top: 0.6rem;
}
.newsDetailBox .newsDetailBottom .newsPages {
  color: #666666;
  line-height: 0.3rem;
}
.newsDetailBox .newsDetailBottom .newsPages a:hover {
  color: #7ac723;
}
.newsDetailBox .newsDetailBottom .newsBack {
  width: 1.68rem;
  height: 0.57rem;
  background-color: #7ac723;
  border-radius: 0.3rem;
  color: #ffffff;
}
@media (max-width: 640px) {
  .newsDetailBox .newsDetailBottom {
    display: block;
  }
  .newsDetailBox .newsDetailBottom .newsPages {
    margin-bottom: 0.2rem;
  }
  .newsDetailBox .newsDetailBottom .pages {
    width: calc(5rem);
  }
}
@media (max-width: 640px) {
  .newsDetailBox .contentBox {
    padding: 0.3rem 0.2rem;
  }
}
.resultBox {
  margin-top: 0.6rem;
  width: 100%;
  padding-bottom: 0.9rem;
}
.resultBox .headerBox {
  box-sizing: border-box;
  padding-bottom: 0.25rem;
  border-bottom: 1px solid #eeeeee;
}
.resultBox .headerBox .keyword {
  color: #999999;
}
.resultBox .headerBox .keyword b {
  font-weight: bold;
  color: #333333;
}
.resultBox .headerBox .categoryMenuList {
  gap: 0.4rem;
}
.resultBox .headerBox .categoryMenuList li {
  list-style-type: none;
  position: relative;
  cursor: pointer;
}
.resultBox .headerBox .categoryMenuList li::after {
  display: none;
  clear: both;
  content: '';
  position: absolute;
  left: 0;
  bottom: -0.25rem;
  width: 100%;
  height: 2px;
  background-color: #7ac723;
}
.resultBox .headerBox .categoryMenuList li.cur::after,
.resultBox .headerBox .categoryMenuList li:hover::after {
  display: block;
}
.resultBox .contentBox {
  margin-top: 0.4rem;
}
.resultBox .contentBox > div {
  display: none;
}
@media (max-width: 640px) {
  .resultBox .headerBox {
    display: block;
  }
  .resultBox .headerBox .keyword {
    margin-bottom: 0.2rem;
  }
  .resultBox .headerBox .categoryMenuList {
    gap: 0.2rem;
  }
}
.zxgm_list .ul {
  gap: 0.4rem;
  justify-content: center;
}
.zxgm_list li {
  width: calc((100% - 0.4rem * 2) / 3);
}
.zxgm_list li .box {
  display: block;
  height: 100%;
  background-color: #f6f8f9;
  border-radius: 0.08rem;
  padding: 0.8rem 0.46rem 0.94rem;
}
.zxgm_list .Hmore {
  min-width: 1.6rem;
  height: 0.5rem;
}
.zxgm_list .icon {
  height: 0.42rem;
}
.zxgm_list .icon img {
  max-height: 100%;
}
.zxgm_list .title {
  margin: 0.15rem 0 0.2rem;
  color: #333333;
}
.zxgm_list .des {
  line-height: calc(28 / 16);
  color: #666666;
  margin-bottom: 0.35rem;
}
@media (max-width: 768px) {
  .zxgm_list .ul {
    gap: 0.2rem;
  }
  .zxgm_list li {
    width: calc((100% - 0.2rem * 2) / 3);
  }
}
@media (max-width: 640px) {
  .zxgm_list .ul {
    gap: 0.4rem;
  }
  .zxgm_list li {
    width: 100%;
  }
}
.ColumnName {
  color: #000000;
}
.ColumnName.color_fff {
  color: #fff;
}
.member_ul .el-form-item {
  margin-bottom: 0;
}
.member_ul .li_row4 {
  width: calc((100% - 0.27rem * 3) / 4);
}
.member_ul .li_row2 {
  width: calc((100% - 0.27rem * 1) / 2);
}
.member_ul .li_row5 {
  width: calc((100% - 0.27rem * 5) / 6);
}
.member_ul li {
  width: 100%;
}
.member_ul .el-form-item__content {
  margin-left: 0 !important;
}
.member_ul .title {
  margin-bottom: 0.15rem;
}
.member_ul .el-select {
  width: 100%;
}
.member_ul .city_li .el-select-dropdown__item:first-child {
  color: #999999;
}
.member_ul .red {
  color: #ff0000;
}
.member_ul .el-textarea__inner,
.member_ul .el-input__inner {
  margin: 0;
  height: 0.7rem;
  line-height: 0.7rem;
  border: solid 1px #eeeeee;
  border-radius: 5px;
  font-size: 0.14rem;
  padding: 0 0.2rem;
}
.member_ul .el-textarea__inner::placeholder,
.member_ul .el-input__inner::placeholder {
  color: #999999;
}
.member_ul .el-textarea__inner {
  height: 2rem;
}
.member_ul .text_other {
  color: #999999;
}
@media (max-width: 640px) {
  .member_ul .li_row4,
  .member_ul .li_row2,
  .member_ul .li_row5 {
    width: 100% !important;
  }
  .member_ul .mb15 {
    margin-bottom: 0.3rem;
  }
}
.all_btn {
  min-width: 1.6rem;
  line-height: 0.6rem;
  height: 0.6rem;
  background-color: #7ac723;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  border-radius: 0.3rem;
  padding: 0 0.1rem;
}
.all_btn:hover {
  color: #fff;
}
.all_btn.w100 {
  min-width: auto;
  width: 100%;
}
.all_btn.h50 {
  height: 0.5rem;
  line-height: 0.5rem;
}
.Talentconcept .leftCon {
  width: calc(630 / 1280 * 100%);
}
.Talentconcept .leftCon img {
  width: 100%;
  border-radius: 0.2rem;
}
.Talentconcept .rightCon {
  width: calc(580 / 1280 * 100%);
}
.Talentconcept .des {
  border-top: 1px solid #eeeeee;
  padding-top: 0.25rem;
}
@media (max-width: 640px) {
  .Talentconcept .w1280 {
    flex-wrap: wrap;
    gap: 0.5rem;
  }
  .Talentconcept .leftCon,
  .Talentconcept .rightCon {
    width: 100%;
  }
}
.addBoxMap {
  background-color: #f8f8f8;
}
.addBoxMap .txt_list {
  gap: 0.4rem;
  padding-top: 0.5rem;
}
.addBoxMap .txt_list li {
  display: inline-flex;
  align-items: center;
  gap: 0.05rem;
}
.addBoxMap .txt_list .line {
  width: 0.12rem;
  height: 0.12rem;
  border-radius: 100%;
  background-color: #7ac723;
  display: inline-flex;
}
.addBoxMap .txt_list [title='分公司'] .line {
  background-color: #0d6fb8;
}
.addBoxMap_job .ColumnName {
  text-align: center;
}
.addBoxMap_job .txt_list {
  padding-top: 0.1rem;
}
.addBoxMap_2 .txt_list {
  gap: 0.4rem;
  padding-top: 0.5rem;
}
.addBoxMap_2 .txt_list li {
  display: inline-flex;
  align-items: center;
  gap: 0.05rem;
}
.addBoxMap_2 .txt_list .line {
  width: 0.12rem;
  height: 0.12rem;
  border-radius: 100%;
  background-color: #7ac723;
  display: inline-flex;
}
.addBoxMap_2 .txt_list [title='分公司'] .line {
  background-color: #0d6fb8;
}
.mapbox {
  width: 11.49rem;
  max-width: 100%;
  margin: 0 auto;
  position: relative;
}
.mapbox .pic img {
  width: 100%;
}
.mapbox li {
  position: absolute;
}
.mapbox .hover {
  position: absolute;
  width: 3.84rem;
  padding: 0.35rem 0.4rem;
  background-color: #0d6fb8;
  border-radius: 0.05rem;
  color: #fff;
  top: calc(-10 / 1920 * 100vw);
  display: none;
}
.mapbox .hover::before {
  content: '';
  position: absolute;
  right: 100%;
  top: 8%;
  width: 0;
  height: 0;
  border: 0.08rem solid transparent;
}
.mapbox .hover .title {
  margin-bottom: 0.15rem;
}
.mapbox .hover .item {
  line-height: calc(24 / 14);
  padding-left: 0.25rem;
  background: url(../images/add.svg) no-repeat left top;
  background-size: 0.18rem;
  min-height: 0.2rem;
}
.mapbox .hover .tel {
  background-image: url(../images/tel.svg);
  background-size: 0.15rem;
}
.mapbox .hover .item:not(:last-child) {
  margin-bottom: 0.1rem;
}
.mapbox .left .hover {
  left: calc(40 / 1920 * 100vw);
}
.mapbox .left .hover::before {
  border-right-color: #0d6fb8;
}
.mapbox .right .hover {
  right: calc(100% + 10 / 1920 * 100vw);
}
.mapbox .right .hover::before {
  border-left-color: #0d6fb8;
  left: 100%;
  right: auto;
}
.mapbox [data-title='上海总部'] .hover {
  background-color: #7ac723;
  z-index: 2;
}
.mapbox [data-title='上海总部'] .hover::before {
  border-left-color: #7ac723;
}
.mapbox .box {
  display: flex;
  align-items: center;
  gap: 0.05rem;
  font-size: calc(16 / 1920 * 100vw);
  cursor: pointer;
}
.mapbox .line {
  display: inline-flex;
  flex: 0 0 auto;
  position: relative;
  z-index: 1;
}
.mapbox .line::before,
.mapbox .line::after {
  -webkit-animation: animate 3s linear infinite;
  background-color: #0d6fb8;
  opacity: 0.3;
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  border-radius: 100%;
}
.mapbox .line::after {
  -webkit-animation-delay: 1.5s;
}
.mapbox .line i {
  width: calc(26 / 1920 * 100vw);
  padding-top: 100%;
  display: block;
  position: relative;
}
.mapbox .line i::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #0d6fb8;
  width: 46%;
  height: 46%;
  border-radius: 100%;
}
.mapbox .boxs {
  color: #999;
}
.mapbox .boxs .line::before,
.mapbox .boxs .line::after {
  background-color: #ccc !important;
}
.mapbox .boxs .line i::before {
  background-color: #ccc !important;
}
.mapbox [data-title='西安办事处'] .box {
  justify-content: flex-end;
}
.mapbox [data-title='西安办事处'] .box .line {
  order: 2;
}
.mapbox [data-title='浙江义乌晶圆厂'] .box {
  justify-content: flex-end;
}
.mapbox [data-title='浙江义乌晶圆厂'] .box .line {
  order: 2;
}
.mapbox [data-title='上海总部'] .box .line::before,
.mapbox [data-title='上海总部'] .box .line::after {
  background-color: #7ac723;
}
.mapbox [data-title='上海总部'] .box .line i::before {
  background-color: #7ac723;
}
.selectJob {
  text-align: center;
}
.selectJob .ul {
  gap: 0.1rem 0.6rem;
}
.selectJob .icon {
  width: 1rem;
  height: 1rem;
  border-radius: 100%;
  border: solid 1px #eeeeee;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.2rem;
  transition: all 0.5s ease-in-out;
  transition: all 0.5s;
}
.selectJob .box:hover {
  color: #7ac723;
}
.selectJob .box:hover .icon {
  background-color: #7ac723;
  border-color: #7ac723;
}
.selectJob .box:hover .icon img {
  filter: brightness(0) invert(1);
}
.selectJob .aon {
  color: #7ac723;
}
.selectJob .aon .icon {
  background-color: #7ac723;
  border-color: #7ac723;
}
.selectJob .aon .icon img {
  filter: brightness(0) invert(1);
}
.jobMain {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.jobMain .bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 4.8rem;
  z-index: -1;
}
.jobMain .el-input__inner {
  width: 100%;
  height: 0.6rem;
  line-height: 0.6rem;
  border: none;
}
.jobMain .searchbox {
  width: 6.2rem;
  max-width: 100%;
  border-radius: 5px;
  border: solid 1px #eeeeee;
  padding-right: 0.6rem;
  overflow: hidden;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
.jobMain .searchbox .btn {
  width: 0.6rem;
  height: 0.6rem;
  background: url(../images/search.svg) no-repeat center #7ac723;
  background-size: 0.2rem;
  position: absolute;
  right: 0;
  top: 0;
}
.jobMain .xy_searchbox {
  gap: 0.2rem;
}
.jobMain .xy_searchbox .selectbox {
  width: 3.1rem;
}
.jobMain .xy_searchbox .el-select {
  width: 100%;
}
.jobMain .xy_searchbox .el-select .el-input__inner {
  border: solid 1px #eeeeee;
}
@media (max-width: 640px) {
  .jobMain .xy_searchbox {
    flex-wrap: wrap;
  }
  .jobMain .xy_searchbox .selectbox {
    width: 100%;
  }
}
.el-select-dropdown__item {
  font-size: 0.16rem;
}
.jobwarp {
  border-radius: 0.1rem;
  background-color: #fff;
  padding: 0.5rem 0.6rem 1rem;
}
@media (max-width: 640px) {
  .jobwarp {
    padding: 0.3rem;
  }
  .jobwarp .Pages {
    margin-left: -0.3rem;
    margin-right: -0.3rem;
  }
}
.jobList .job_title,
.jobList .list {
  border: solid 1px #eeeeee;
  border-radius: 0.1rem;
  margin-bottom: 0.2rem;
  overflow: hidden;
}
.jobList .job_title {
  color: #333333;
}
.jobList .job_title,
.jobList .job_list {
  gap: 0.1rem;
}
.jobList .job_list {
  cursor: pointer;
  position: relative;
}
.jobList .job_list::before {
  content: '';
  position: absolute;
  left: 0.5rem;
  top: 50%;
  transform: translateY(-50%);
  width: 0.04rem;
  height: 0.19rem;
  border-radius: 2px;
  background-color: #7ac723;
}
.jobList .list {
  color: #666666;
}
.jobList li {
  width: 17%;
  text-align: center;
  padding: 0.3rem 0;
}
.jobList li:not(.name) {
  flex-shrink: 0;
}
.jobList .operate {
  width: 0.8rem;
  margin-right: 0.2rem;
}
.jobList .icon {
  width: 0.1rem;
  height: 0.1rem;
  display: inline-flex;
  border: solid #999999;
  border-width: 0 1px 1px 0;
  transform: rotate(45deg);
}
.jobList .name {
  flex: 1;
  text-align: left;
  padding-left: 0.8rem;
  position: relative;
  color: #333333;
  font-size: 0.18rem;
}
.jobList .iconbox {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  gap: 0.1rem;
  justify-content: center;
  align-items: center;
  width: 0.8rem;
}
.jobList .iconbox .hot {
  width: 0.2rem;
}
.jobList .iconbox .chang {
  width: 0.2rem;
  line-height: 0.26rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #7ac723;
  color: #fff;
  font-size: 0.12rem;
  border-radius: 3px;
}
.jobList .content {
  padding: 0.48rem 0.8rem;
  display: none;
}
.jobList .content .tit {
  color: #7ac723;
}
.jobList .btn_tdjl {
  min-width: 1.8rem;
}
.jobList .btn_tdjl img {
  width: 0.24rem;
}
.jobList .more {
  background-color: transparent;
  color: #7ac723;
  border: 1px solid #7ac723;
}
.jobList .selected .job_list {
  background-color: #7ac723;
  color: #fff;
}
.jobList .selected .job_list .name {
  color: #fff;
}
.jobList .selected .job_list .icon {
  border-color: #fff;
  transform: rotate(-135deg);
  margin-top: 0.1rem;
}
.jobList .edu,
.jobList .add,
.jobList .salary {
  text-align: center;
}
@media (max-width: 640px) {
  .jobList .edu,
  .jobList .add,
  .jobList .salary {
    display: none;
  }
}
.open_inner {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  max-height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 100;
  display: none;
}
.open_inner > .flex {
  width: 100%;
  min-height: 100%;
  align-items: center;
  justify-content: center;
}
.open_inner .inner {
  width: 96%;
  max-width: 8rem;
  border-radius: 0.2rem;
  padding: 0.65rem;
  position: relative;
  background-color: #fff;
}
.open_inner .close {
  position: absolute;
  width: 0.24rem;
  height: 0.24rem;
  right: 0.15rem;
  top: 0.15rem;
  cursor: pointer;
}
.open_inner .close::before,
.open_inner .close::after {
  content: '';
  position: absolute;
  background-color: #999999;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  width: 3px;
  height: 100%;
}
.open_inner .close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.formbox {
  max-width: 4.5rem;
  margin: 0 auto;
  width: 100%;
}
.formbox .item {
  width: 100%;
}
.formbox .input_box {
  border: 1px solid #eeeeee;
  border-radius: 5px;
  height: 0.6rem;
  line-height: 0.6rem;
  padding: 0 0.2rem;
  margin-bottom: 0.15rem;
}
.formbox .filebox {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: space-between;
  color: #999999;
  border: 1px solid #eeeeee;
  line-height: 0.6rem;
  padding-right: 0;
  min-height: 0.6rem;
  height: auto;
}
.formbox .filebox > div {
  width: 100%;
}
.formbox .filebox .file {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.formbox .filebox .txt {
  width: calc(100% - 100px);
  word-break: break-all;
  line-height: normal;
}
.formbox .filebox .el-upload--text {
  position: relative;
  line-height: normal;
  width: 100%;
  display: flex;
  justify-content: space-between;
  text-align: left;
  align-items: center;
  padding-right: 0.1rem;
}
.formbox .filebox .el-upload--text .el-button--primary {
  display: inline-flex;
  width: auto;
  padding: 0 0.1rem;
  margin-left: 10px;
  justify-content: center;
  cursor: pointer;
  flex: 0 0 auto;
  line-height: 0.36rem;
  background-color: #7ac723;
  border-color: #7ac723;
}
.formbox .file_btn {
  display: inline-flex;
  width: 0.7rem;
  border-left: 1px solid #eeeeee;
  margin-left: 10px;
  justify-content: center;
  cursor: pointer;
  flex: 0 0 auto;
  color: #999999;
  line-height: normal;
}
.formbox .text {
  width: 100%;
  border: none;
  line-height: 0.58rem;
  height: 0.58rem;
  padding: 0;
  font-size: 0.16rem;
  background-color: transparent;
  padding: 0 0.1rem;
}
.formbox .name {
  flex-shrink: 0;
  color: #999999;
}
.formbox .name i {
  color: #ff0000;
}
.formbox .box {
  flex: 1;
}
.formbox .all_btn {
  min-width: 2rem;
}
@media (max-width: 640px) {
  .formbox {
    max-width: 100%;
  }
}
.loginBox {
  border-radius: 0.1rem;
  overflow: hidden;
}
.loginBox .left {
  width: 50%;
}
.loginBox .left img {
  width: 100%;
}
.loginBox .right {
  width: 50%;
  display: flex;
  align-items: center;
  background-color: #f6f8f9;
}
.loginBox .inner {
  max-width: 4rem;
  width: 92%;
  margin: 0 auto;
  padding: 0.5rem 0;
}
.loginBox .tab_nav {
  gap: 0.55rem;
  border-bottom: 1px solid #dddddd;
}
.loginBox .tab_nav li {
  padding-bottom: 0.2rem;
  cursor: pointer;
  color: #999;
  position: relative;
}
.loginBox .tab_nav li::before,
.loginBox .tab_nav li::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -0.05rem;
  width: 0.1rem;
  height: 0.1rem;
  opacity: 0;
}
.loginBox .tab_nav li::after {
  border: solid #dddddd;
  border-width: 1px 1px 0 0;
  transform: translateX(-50%) rotate(-45deg);
  z-index: 2;
}
.loginBox .tab_nav li::before {
  background-color: #f6f8f9;
  transform: translateX(-50%);
  width: 0.11rem;
}
.loginBox .tab_nav .on {
  color: #7ac723;
}
.loginBox .tab_nav .on::before,
.loginBox .tab_nav .on::after {
  opacity: 1;
}
.loginBox .inner > .text {
  color: #999;
}
@media (max-width: 768px) {
  .loginBox {
    flex-wrap: wrap;
  }
  .loginBox .left,
  .loginBox .right {
    width: 100%;
  }
}
.login_ul .el-input__inner {
  height: 0.6rem;
  line-height: 0.6rem;
}
.login_ul .yzm_li {
  position: relative;
}
.login_ul .yzm_li .el-input__inner {
  padding-right: 1.2rem;
}
.login_ul .yzm_li .yzm_a {
  position: absolute;
  right: 0.25rem;
  top: 50%;
  transform: translateY(-50%);
}
.login_ul .yzm_li2 {
  position: relative;
}
.login_ul .yzm_li2 .el-input__inner {
  padding-right: 1.5rem;
}
.login_ul .yzm_li2 .yzm_btn {
  position: absolute;
  right: 0.2rem;
  top: 50%;
  transform: translateY(-50%);
  min-width: 1.2rem;
  line-height: 0.34rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #0d6fb8;
  border-radius: 5px;
  color: #fff;
}
.login_ul .phonebox {
  display: flex;
  align-items: center;
  width: 100%;
}
.login_ul .phonebox .el-form-item {
  width: 100%;
}
.login_ul .phonebox .el-input__inner {
  padding-left: 0.1rem;
}
.login_ul .phonebox .num {
  width: 1rem;
  border-right: 1px solid #eee;
  z-index: 2;
  text-align: center;
  line-height: 1;
  flex-shrink: 0;
}
.login_ul .phonebox .num .el-input__inner {
  padding-left: 0;
  padding: 0 0.1rem;
}
.registerBox {
  background-color: #f6f8f9;
  padding: 0.9rem 0;
}
.registerBox .inner {
  max-width: 8.2rem;
  width: 92%;
  margin: 0 auto;
}
.registerBox .inner > .text {
  color: #999;
}
.registerBox .login_ul {
  gap: 0 0.2rem;
}
.registerBox .login_ul .li_row2 {
  width: calc((100% - 0.2rem) / 2);
}
.contactBox .item {
  box-shadow: 0px 0px 0.2rem 0px rgba(0, 0, 0, 0.1);
  border-radius: 0.1rem;
  margin-bottom: 0.2rem;
  overflow: hidden;
  margin-bottom: 0.25rem;
}
.contactBox .click_title {
  padding: 0.3rem 0.5rem;
  cursor: pointer;
}
.contactBox .icon {
  width: 0.1rem;
  height: 0.1rem;
  display: inline-flex;
  border: solid #999999;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.contactBox .content {
  padding: 0 0.5rem 0.6rem;
  color: #666666;
  display: none;
}
.contactBox .content .left {
  width: calc(940 / 1180 * 100%);
  flex-shrink: 0;
}
.contactBox .content .ul {
  gap: 0.2rem 0;
}
.contactBox .content li {
  width: calc(340 / 940 * 100%);
  border: 1px solid #e5e5e5;
  min-height: 1rem;
  display: flex;
  align-items: center;
  padding: 0.1rem 0.3rem;
  border-radius: 0.1rem;
  gap: 0.13rem;
}
.contactBox .content li::before {
  content: '';
  display: inline-flex;
  width: 0.18rem;
  height: 0.21rem;
  background: url(../images/add2.svg) no-repeat center;
  background-size: contain;
  flex-shrink: 0;
}
.contactBox .content .add {
  width: calc(580 / 940 * 100%);
}
.contactBox .content .fax,
.contactBox .content .email {
  width: calc(280 / 940 * 100%);
}
.contactBox .content .tel::before {
  background-image: url(../images/tel2.svg);
  width: 0.15rem;
}
.contactBox .content .fax::before {
  background-image: url(../images/fax.svg);
  width: 0.2rem;
}
.contactBox .content .email::before {
  background-image: url(../images/email2.svg);
  width: 0.21rem;
}
.contactBox .content .website::before {
  background-image: url(../images/website.svg);
  width: 0.22rem;
}
.contactBox .content .right {
  text-align: center;
  flex: 1;
}
.contactBox .content .right figure {
  width: 1.3rem;
  padding: 0.05rem;
  border-radius: 0.1rem;
  border: 1px solid #e5e5e5;
  margin-left: auto;
  margin-right: auto;
}
.contactBox .content .right figure img {
  width: 100%;
}
.contactBox .selected .click_title .icon {
  border-color: #7ac723;
  transform: rotate(-135deg);
  margin-top: 0.1rem;
}
@media (max-width: 768px) {
  .contactBox .content .fax,
  .contactBox .content .email {
    width: 49%;
  }
  .contactBox .content .website {
    width: 100%;
  }
}
@media (max-width: 640px) {
  .contactBox .content .add,
  .contactBox .content .tel,
  .contactBox .content .fax,
  .contactBox .content .email {
    width: 100%;
  }
  .contactBox .content .left {
    width: 100%;
    margin-bottom: 0.3rem;
  }
}
.about_info {
  position: relative;
  background-image: -moz-linear-gradient(0deg, #f3f8fb, #fff);
  background-image: -webkit-linear-gradient(0deg, #f3f8fb, #fff);
  background-image: -ms-linear-gradient(0deg, #f3f8fb, #fff);
  background-image: linear-gradient(0deg, #f3f8fb, #fff);
  padding-bottom: 2rem;
  overflow: hidden;
}
.about_info .pic {
  margin-bottom: 0.6rem;
}
.about_info .pic img {
  width: 100%;
}
.about_info .left {
  width: calc(100% - 860 / 1280 * 100%);
}
.about_info .right {
  width: calc(860 / 1280 * 100%);
}
.about_info .des {
  color: #999;
}
.about_info .en {
  font-size: calc(180 / 1920 * 100vw);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: calc(-70 / 1920 * 100vw);
  line-height: 1;
  white-space: nowrap;
  font-weight: bold;
  background-image: -moz-linear-gradient(0deg, rgba(230, 240, 247, 0.1), rgba(230, 240, 247, 0.3), rgba(13, 111, 148, 0.3));
  background-image: -webkit-linear-gradient(0deg, rgba(230, 240, 247, 0.1), rgba(230, 240, 247, 0.3), rgba(13, 111, 148, 0.3));
  background-image: -ms-linear-gradient(0deg, rgba(230, 240, 247, 0.1), rgba(230, 240, 247, 0.3), rgba(13, 111, 148, 0.3));
  background-image: linear-gradient(0deg, rgba(230, 240, 247, 0.1), rgba(230, 240, 247, 0.3), rgba(13, 111, 148, 0.3));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-transform: uppercase;
}
@media (max-width: 640px) {
  .about_info {
    padding-bottom: 1rem;
  }
  .about_info .left,
  .about_info .right {
    width: 100%;
  }
  .about_info .left {
    margin-bottom: 0.3rem;
  }
}
.cultureBox .list li {
  position: relative;
  overflow: hidden;
  border-radius: 0.2rem;
}
.cultureBox .list li:not(:last-child) {
  margin-bottom: 0.4rem;
}
.cultureBox .list li:nth-child(2n) .textwarp {
  right: 0;
  left: auto;
}
.cultureBox .list li:nth-child(2n) .textwarp::before {
  clip-path: circle(66% at 57% 50%);
}
.cultureBox .list .pic img {
  width: 100%;
  max-height: 3.5rem;
  object-fit: cover;
  -webkit-object-fit: cover;
}
.cultureBox .list .textwarp {
  position: absolute;
  left: 0;
  top: 0;
  width: 6.4rem;
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0.2rem 1rem;
  color: #fff;
  z-index: 1;
}
.cultureBox .list .textwarp::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-color: #1d3546;
  opacity: 0.95;
  clip-path: circle(66% at 43% 50%);
}
.cultureBox .list .des {
  max-width: 4.2rem;
  line-height: calc(30 / 16);
}
@media (max-width: 640px) {
  .cultureBox .list .textwarp {
    position: relative;
    width: 100%;
    background-color: #1d3546;
    padding: 0.5rem;
  }
}
.historybox {
  height: 8.6rem;
  color: #fff;
  text-align: center;
}
.historybox .Column_tit {
  width: 92%;
  margin-left: auto;
  margin-right: auto;
}
.historybox .ColumnName {
  color: #fff;
}
.historybox .list {
  position: relative;
}
.historybox .list::before {
  content: '';
  position: absolute;
  left: 0;
  top: 1.12rem;
  width: 100%;
  height: 1px;
  background-color: #fff;
  opacity: 0.1;
}
.historybox .con {
  max-width: 4.6rem;
  margin: 0 auto;
  display: none;
  line-height: calc(28 / 16);
}
.historybox .swiper-slide:not(.swiper-slide-active) .box {
  padding-top: 0.98rem;
}
.historybox .swiper-slide:not(.swiper-slide-active) .time {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.2rem;
}
.historybox .swiper-slide:not(.swiper-slide-active) .time::before {
  content: '';
  display: inline-block;
  width: 0.14rem;
  height: 0.14rem;
  border-radius: 100%;
  border: 0.02rem solid #fff;
  display: inline-flex;
}
.historybox .swiper-slide-active {
  padding-top: 0.15rem;
}
.historybox .swiper-slide-active .time {
  font-size: 0.58rem;
  font-weight: bold;
}
.historybox .swiper-slide-active .con {
  display: block;
  font-size: 0.26rem;
}
.historybox .swiper-slide-active .line {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.3rem;
  height: 0.3rem;
  background-color: #7ac723;
  border-radius: 100%;
  position: relative;
  margin: 0.15rem auto 0.3rem;
}
.historybox .swiper-slide-active .line::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  border-radius: 100%;
  width: 0.14rem;
  height: 0.14rem;
}
.historybox .swiper-button {
  width: 1rem;
  height: 1rem;
  border: 1px solid #fff;
  border-radius: 100%;
  top: 0.58rem;
  margin-top: auto;
  background-color: #345d82;
  opacity: 1;
}
.historybox .swiper-button::after {
  color: #fff;
  font-size: 0.2rem;
  font-weight: bold;
}
.historybox .swiper-button:hover {
  background-color: #7ac723;
  border-color: #7ac723;
}
.historybox .swiper-button-prev {
  left: calc(260 / 1920 * 100vw);
}
.historybox .swiper-button-next {
  right: calc(260 / 1920 * 100vw);
}
@media (max-width: 640px) {
  .historybox .swiper-button {
    margin-top: -0.45rem;
    width: 0.6rem;
    height: 0.6rem;
  }
  .historybox .swiper-button::after {
    font-size: 0.14rem;
  }
  .historybox .swiper-button-prev {
    left: 2%;
  }
  .historybox .swiper-button-next {
    right: 2%;
  }
  .historybox .swiper-button {
    top: 1.25rem;
  }
}
.swiper-button,
.swiper-button_2 {
  width: 0.6rem;
  height: 0.6rem;
  background-color: #dddddd;
  border-radius: 100%;
}
.swiper-button::after,
.swiper-button_2::after {
  color: #fff;
  font-size: 0.12rem;
  font-weight: bold;
}
.swiper-button:hover,
.swiper-button_2:hover {
  background-color: #7ac723;
  border-color: #7ac723;
}
.swiper-button_2.swiper-button-prev {
  left: -8%;
}
.swiper-button_2.swiper-button-next {
  right: -8%;
}
@media (max-width: 640px) {
  .swiper-button_2.swiper-button-prev {
    left: -2%;
  }
  .swiper-button_2.swiper-button-next {
    right: -2%;
  }
}
.honorbox .mySwiper {
  margin: -0.2rem -0.2rem -0.4rem;
}
.honorbox .swiper-slide {
  height: auto;
  padding-bottom: 0.2rem;
}
.honorbox .box {
  display: block;
  border-radius: 0.1rem;
  box-shadow: 0px 0px 0.2rem 0px rgba(0, 0, 0, 0.1);
  background-color: #fff;
  margin: 0.2rem 0.2rem 0;
  height: calc(100% - 0.2rem);
  padding: 0.5rem 0;
  text-align: center;
}
.honorbox .pic {
  height: 2.5rem;
  position: relative;
  margin-bottom: 0.1rem;
}
.honorbox .pic img {
  max-height: 100%;
}
.honorbox .title {
  color: #333333;
  line-height: calc(24 / 14);
  padding: 0 0.5rem;
}
.processBox .list {
  text-align: center;
  position: relative;
  z-index: 1;
}
.processBox .list::before {
  content: '';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 90%;
  height: 1px;
  background-color: #7ac723;
  opacity: 0.2;
  bottom: 0.76rem;
  z-index: -1;
}
.processBox .list .pic {
  width: 1.32rem;
  margin: 0 auto 0.25rem;
}
.processBox .list .pic img {
  width: 100%;
}
.processBox .list .line {
  display: block;
  width: 0.15rem;
  height: 0.15rem;
  border-radius: 100%;
  border: solid 0.03rem #7ac723;
  margin: 0.49rem auto 0.35rem;
  background-color: #fff;
}
.processBox .list .item {
  position: relative;
}
.processBox .list .item::after {
  content: '';
  position: absolute;
  right: -40%;
  bottom: 0.72rem;
  width: 0.12rem;
  height: 0.09rem;
  background: url(../images/arrow.svg) no-repeat center;
  background-size: contain;
}
.processBox .list .item:last-child::after {
  display: none;
}
@media (max-width: 1024px) {
  .processBox .list .item::after {
    right: -20%;
  }
}
@media (max-width: 640px) {
  .processBox .list {
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.5rem 0.2rem;
  }
  .processBox .list::before {
    display: none;
  }
  .processBox .list .item::after {
    display: none;
  }
  .processBox .list .line {
    margin: 0.2rem auto;
  }
}
.trainingBox {
  background: url(../images/job_bg.jpg) no-repeat center;
  background-size: cover;
}
.trainingBox .list {
  gap: 0.3rem;
}
.trainingBox .item {
  width: calc((100% - 0.3rem) / 2);
  position: relative;
  overflow: hidden;
  border-radius: 0.1rem;
  z-index: 1;
  background-color: #fff;
  transition: all 0.5s ease-in-out;
  transition: all 0.5s;
}
.trainingBox .item.w100 {
  width: 100%;
}
.trainingBox .item:hover .pic {
  opacity: 1;
}
.trainingBox .item:hover .icon img {
  filter: brightness(0) invert(1);
}
.trainingBox .item:hover .textwarp,
.trainingBox .item:hover .des {
  color: #fff;
}
.trainingBox .pic {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: 0;
  transition: all 0.5s ease-in-out;
  transition: all 0.5s;
}
.trainingBox .pic::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(90deg, #7ac723 0%, rgba(122, 199, 35, 0.6) 100%);
  z-index: 2;
}
.trainingBox .box {
  width: 100%;
  min-height: 2.1rem;
  padding: 0.2rem 0;
}
.trainingBox .icon {
  width: 1.52rem;
  flex-shrink: 0;
  text-align: center;
}
.trainingBox .textwarp {
  flex: 1;
  padding-right: 0.8rem;
}
.trainingBox .des {
  color: #666666;
  line-height: calc(24 / 14);
  margin-top: 0.15rem;
}
@media (max-width: 640px) {
  .trainingBox .item {
    width: 100%;
  }
}
.romotionBox .list {
  border-radius: 0.1rem;
  overflow: hidden;
  height: 6.2rem;
  box-shadow: 0px 0px 0.2rem 0px rgba(0, 0, 0, 0.1);
}
.romotionBox .top {
  width: 4.4rem;
  flex-shrink: 0;
  background-color: #fff;
}
.romotionBox .top .item {
  display: none;
}
.romotionBox .top .box {
  padding: 1.85rem 0.5rem 0;
}
.romotionBox .top .des {
  color: #666666;
  line-height: calc(30 / 16);
}
.romotionBox .other {
  flex: 1;
}
.romotionBox .other .item {
  width: calc(100% / 4);
  height: 100%;
  color: #fff;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  padding-top: 2.2rem;
  text-align: center;
  cursor: pointer;
}
.romotionBox .other .line {
  width: 0.6rem;
  height: 0.6rem;
  position: relative;
  margin: 0 auto 0.15rem;
}
.romotionBox .other .line i {
  width: 0.07rem;
  height: 0.07rem;
  background-color: #fff;
  border-radius: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.romotionBox .other .line::before,
.romotionBox .other .line::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border: 1px solid #fff;
  width: 30%;
  height: 30%;
  border-radius: 100%;
  -webkit-animation: animate2 3s linear infinite;
}
.romotionBox .other .line::after {
  opacity: 0.5;
  width: 50%;
  height: 50%;
  -webkit-animation: animate3 3s linear infinite;
  -webkit-animation-delay: 1.5s;
  /*第二个span动画延迟1.5秒*/
}
.romotionBox .other .on .line i {
  background-color: #7ac723;
  width: 0.2rem;
  height: 0.2rem;
}
.romotionBox .other .on .line::before,
.romotionBox .other .on .line::after {
  border-color: #7ac723;
}
.romotionBox .other .on .line::before {
  width: 50%;
  height: 50%;
}
.romotionBox .other .on .line::after {
  width: 70%;
  height: 70%;
}
@media (max-width: 640px) {
  .romotionBox .list {
    flex-wrap: wrap;
  }
  .romotionBox .top {
    width: 100%;
  }
  .romotionBox .top .box {
    padding: 0.5rem;
  }
  .romotionBox .other {
    flex: auto;
    width: 100%;
    height: 3rem;
  }
  .romotionBox .other .item {
    padding-top: 0.7rem;
  }
}
@keyframes animate2 {
  0% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -50%) scale(1.5);
    opacity: 0;
  }
}
@keyframes animate3 {
  0% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0.5;
  }
  100% {
    transform: translate(-50%, -50%) scale(1.5);
    opacity: 0;
  }
}
.NYban {
  position: relative;
  width: 100%;
  left: 0;
  top: 0;
  margin-top: -0.6rem;
}
.NYban img {
  width: 100%;
  object-fit: cover;
  -webkit-object-fit: cover;
}
.NYban .textwarp {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  text-align: center;
  padding-top: 1.25rem;
  color: #fff;
}
.NYban .mouse {
  position: absolute;
  left: 50%;
  width: 0.2rem;
  height: 0.43rem;
  margin-left: -0.1rem;
  bottom: 0.3rem;
  animation: moveUpDown 3s infinite;
  background: url(../images/mouse.svg) no-repeat center;
  background-size: contain;
  z-index: 2;
}
@media (max-width: 640px) {
  .NYban img {
    min-height: 3rem;
  }
  .NYban .textwarp {
    padding-top: 0.5rem;
  }
}
.czyfz_box dl {
  width: calc(630 / 1280 * 100%);
  display: grid;
  gap: 0.15rem;
  grid-template-columns: 1fr 1fr 1fr;
  color: #333333;
}
.czyfz_box dl .on {
  background-color: #7ac723;
  color: #fff;
}
.czyfz_box dl .on .icon img {
  filter: brightness(0) invert(1);
}
.czyfz_box dd:first-child {
  grid-column: 1 / 2;
  grid-row: 1 / 3;
}
.czyfz_box .item {
  background-color: #f6f8f9;
  border-radius: 0.1rem;
  padding: 0.3rem;
  cursor: pointer;
}
.czyfz_box dd:not(:first-child) {
  height: 1.8rem;
}
.czyfz_box .icon {
  text-align: right;
}
.czyfz_box .icon img {
  width: 0.3rem;
}
.czyfz_box .box {
  height: 100%;
  width: 100%;
  justify-content: space-between;
  display: flex;
  flex-flow: column wrap;
}
.czyfz_box .right {
  width: calc(630 / 1280 * 100%);
}
.czyfz_box .right .ritem {
  height: 100%;
  border-radius: 0.1rem;
  padding: 0.7rem 0.7rem 0.3rem;
}
.czyfz_box .right .title::after {
  content: '';
  display: inline-block;
  display: block;
  width: 0.2rem;
  height: 0.03rem;
  background-color: #7ac723;
  margin: 0.15rem 0 0.3rem;
}
.czyfz_box .right .des {
  line-height: calc(30 / 16);
  color: #666666;
}
@media (max-width: 640px) {
  .czyfz_box {
    flex-wrap: wrap;
  }
  .czyfz_box dl,
  .czyfz_box .right {
    width: 100%;
  }
  .czyfz_box .right {
    margin-top: 0.3rem;
  }
  .czyfz_box .right .ritem {
    padding: 0.5rem;
  }
}
.benefitBox .list {
  gap: 0.3rem;
}
.benefitBox li {
  width: calc((100% - 0.3rem * 3) / 4);
  border-radius: 0.1rem;
  padding: 0.4rem 0.4rem 0.6rem;
  overflow: hidden;
  background-color: #fff;
  position: relative;
  z-index: 1;
  transition: all 0.5s ease-in-out;
  transition: all 0.5s;
}
.benefitBox li:hover {
  background-color: #7ac723;
}
.benefitBox li:hover .title,
.benefitBox li:hover .des,
.benefitBox li:hover .num {
  color: #fff;
}
.benefitBox li:hover .icon img {
  filter: brightness(0) invert(1);
}
.benefitBox .num {
  position: absolute;
  right: 0.3rem;
  bottom: calc(-40 / 1920 * 100vw);
  line-height: 1;
  font-size: calc(120 / 1920 * 100vw);
  color: #000000;
  opacity: 0.05;
  font-weight: bold;
  line-height: 0.9;
}
.benefitBox .icon img {
  width: 0.45rem;
}
.benefitBox .title {
  color: #333333;
  margin: 0.2rem 0;
}
.benefitBox .des {
  color: #666666;
  line-height: 2;
}
@media (max-width: 640px) {
  .benefitBox li {
    width: calc((100% - 0.3rem * 1) / 2);
  }
}
.teamBox {
  background-color: #f8f8f8;
  overflow: hidden;
}
.teamBox .pic {
  padding-top: calc(400 / 620 * 100%);
  border-radius: 0.1rem;
}
.teamBox .page_btn {
  display: inline-flex;
  gap: 0.1rem;
}
.teamBox .title {
  margin-top: 0.25rem;
  color: #333333;
}
.teamBox .des {
  color: #999999;
}
.workEnvironment .pic {
  padding-top: calc(250 / 410 * 100%);
  border-radius: 0.1rem;
}
.workEnvironment .title {
  margin-top: 0.2rem;
  color: #333333;
  text-align: center;
}
.workEnvironment .swiper-button_2 {
  top: 38%;
}
@media (max-width: 640px) {
  .workEnvironment .swiper-button_2 {
    top: 45%;
  }
  .workEnvironment .swiper-button-prev {
    left: 0;
  }
  .workEnvironment .swiper-button-next {
    right: 0;
  }
}
.member_Info .textwarp {
  max-width: 8rem;
  margin: 0 auto;
}
.member_Info .textwarp li {
  display: flex;
  align-items: center;
  margin-bottom: 0.2rem;
  width: 100%;
}
.member_Info .textwarp .item {
  border-bottom: 1px solid #eee;
  width: 100%;
}
.member_Info .textwarp .item .btn {
  font-size: 0.14rem;
  flex: 0 0 auto;
  color: #7ac723;
}
.member_Info .textwarp .last .item {
  border-bottom: none;
}
.member_Info .textwarp .name {
  width: 1rem;
  text-align: right;
  flex: 0 0 auto;
  line-height: 0.5rem;
}
.member_Info .textwarp .text {
  line-height: 0.5rem;
  height: 0.5rem;
  border: none;
  width: 100%;
  font-size: 0.16rem;
  background-color: transparent;
}
@media screen and (max-width: 640px) {
  .member_Info .textwarp {
    width: 100%;
  }
  .member_Info .textwarp li {
    align-items: flex-start;
  }
  .member_Info .textwarp .item.flex_js_ac {
    flex-flow: row wrap;
  }
  .member_Info .textwarp .item .btn {
    width: 100%;
    font-size: 0.18rem;
  }
  .member_Info .textwarp .text {
    font-size: 0.22rem;
  }
}
.el-table th.el-table__cell > .cell span {
  display: inline-flex;
  align-items: flex-end;
  line-height: normal;
  justify-content: center;
}
.el-table th.el-table__cell > .cell span sub {
  transform: scale(0.8);
  transform-origin: left bottom;
}
.el-table th.el-table__cell > .cell .ifsm {
  flex-wrap: wrap;
}
.el-table th.el-table__cell > .cell .ifsm i {
  font-style: normal;
}
.el-table__body-wrapper::-webkit-scrollbar {
  width: 10px !important;
  /* 设置滚动条宽度 */
  height: 10px !important;
  /* 设置横向滚动条高度 */
}
.qualityBox .item_one {
  overflow: hidden;
}
.qualityBox .item_one .tab_li li span {
  display: block;
  padding: 0 0.25rem;
  color: #999;
  cursor: pointer;
}
.qualityBox .item_one .tab_li .active span {
  color: #7ac723;
}
.qualityBox .item_one .tab_con li {
  width: 25%;
  padding: 0 0.14rem;
}
.qualityBox .item_one .tab_con .box {
  display: block;
  padding: 0.28rem 0.38rem 0.38rem;
  border-radius: 0.2rem;
  background-color: #ffffff;
  box-shadow: 0px 0.13rem 0.2rem 1.14px rgba(40, 43, 109, 0.08);
}
.qualityBox .item_one .tab_con .icon {
  display: block;
  width: 0.57rem;
  height: 0.57rem;
  background: url(../images/h1icon1.svg) no-repeat center;
  background-size: contain;
}
.qualityBox .item_one .tab_con .time {
  margin-top: 0.3rem;
  color: #999999;
  display: block;
}
.qualityBox .item_one .tab_con .title {
  height: 3em;
  margin-top: 0.1rem;
  line-height: 1.5;
}
.qualityBox .item_one .tab_con .down {
  display: inline-block;
  margin-top: 0.4rem;
  width: 0.14rem;
  height: 0.17rem;
  background: url(../images/down.svg) no-repeat center;
  background-size: contain;
}
.qualityBox .item_one .tab_con .mySwiper {
  position: relative;
  padding-bottom: 60px;
  padding-top: 0.2rem;
  margin-top: -0.2rem;
}
.qualityBox .item_one .tab_con .swiper-pagination-progressbar,
.qualityBox .item_one .tab_con .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  height: 3px;
  bottom: 0;
  top: auto;
  display: block!important;
}
@media screen and (max-width: 1024px) {
  .qualityBox .item_one .tab_con li {
    width: 33.33%;
  }
}
@media screen and (max-width: 640px) {
  .qualityBox .item_one .tab_li .ul {
    width: 100%;
    margin: 0.1rem -0.25rem 0;
  }
  .qualityBox .item_one .tab_con li {
    width: 50%;
  }
}
.qualityBox .item_two {
  background-color: #f3f4f8;
}
.qualityBox .item_two .top {
  position: relative;
}
.qualityBox .item_two .top .content {
  position: relative;
}
.qualityBox .item_two .top .pic {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
}
.qualityBox .item_two .top .pic img {
  width: 100%;
  position: relative;
  z-index: 1;
}
.qualityBox .item_two .top .pic::before {
  width: 100%;
  height: 100%;
  background-image: -moz-linear-gradient(-140deg, rgba(0, 0, 0, 0) 0%, rgba(0, 90, 235, 0.50196) 100%);
  background-image: -webkit-linear-gradient(-140deg, rgba(0, 0, 0, 0) 0%, rgba(0, 90, 235, 0.50196) 100%);
  background-image: -ms-linear-gradient(-140deg, rgba(0, 0, 0, 0) 0%, rgba(0, 90, 235, 0.50196) 100%);
  box-shadow: 0px 13px 36.86px 1.14px rgba(48, 49, 74, 0.12);
  top: 0;
  left: 0;
  content: '';
  position: absolute;
  z-index: 2;
}
.qualityBox .item_two .top .pic::after {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  top: 0;
  left: 0;
  content: '';
  position: absolute;
  z-index: 3;
}
.qualityBox .item_two .top .textwarp {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  z-index: 3;
  color: #fff;
  line-height: 1.75;
}
.qualityBox .item_two .top .textwarp * {
  font-size: 0.36rem !important;
}
.qualityBox .item_two .other_box .pic {
  width: 48%;
  border-radius: 0.16rem;
  overflow: hidden;
}
.qualityBox .item_two .other_box .pic img {
  width: 100%;
}
.qualityBox .item_two .other_box .textwarp {
  width: 48%;
}
.qualityBox .item_two .other_box .des {
  line-height: 1.75;
  color: #666666;
}
@media screen and (max-width: 640px) {
  .qualityBox .item_two .other_box .pic,
  .qualityBox .item_two .other_box .textwarp {
    width: 100%;
  }
  .qualityBox .item_two .other_box .textwarp {
    margin-bottom: 0.5rem;
  }
}