@charset "utf-8";
/* CSS Document */

/*===========================header=============================*/
* {
  -webkit-tap-highlight-color: transparent;
}

#header,
#nav ul li h3,
.top_menu {
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
}

.nei #header {
  opacity: 1;
}

#header {
  z-index: 999;
  height: 8.125rem;
  width: 100%;
  opacity: 0;
  position: fixed;
  background: #deffef; 
  top: 0;
  z-index: 998;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  display: block !important;

}

#header.act {
  animation: forwards fadeInDown 1s;
  opacity: 1;
}

#header>.m {
  display: flex;
  height: 100%;
  gap: 3rem;
  justify-content: space-between;
  align-items: center;
  position: static;
}

#header .left {
  display: flex;
  align-items: center;
}

.menu-nav {
  margin-right: 2.375rem;
  width: 2.25rem;
}

#header .dw {
  display: flex;
  align-items: center;
  position: relative;
}

#header .dw div {
  overflow: hidden;
}

#header .dw img {
  flex-shrink: 0;
  width: 159px;
  display: block;
}

#header .dw .anim01 {
  animation: mymove 4s infinite;
  -webkit-animation: mymove 4s infinite;
}

#header .dw .anim02 {
  animation: mymove1 4s infinite;
  -webkit-animation: mymove1 4s infinite;
}

#header .dw div:nth-child(2) {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

@keyframes mymove {
  0% {
    transform: translateY(-70%);
  }

  25% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(0);
  }
}

@-webkit-keyframes mymove

/*Safari and Chrome*/
  {
  0% {
    transform: translateY(-70%);
  }

  25% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(0);
  }
}

@keyframes mymove1 {
  0% {
    transform: translateY(70%);
  }

  25% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(0);
  }
}

@-webkit-keyframes mymove1

/*Safari and Chrome*/
  {
  0% {
    transform: translateY(70%);
  }

  25% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(0);
  }
}

.fp-viewing-page1 #gotop {
  display: none;
}

#gotop {
  position: fixed;
  right: 2.375rem;
  bottom: 5rem;
  z-index: 996;
  cursor: pointer;
  overflow: hidden;
  height: 5.625rem;
  transition: .5s;
}

#gotop span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 5.625rem;
  height: 5.625rem;
  border-radius: 50%;
  background: #fff;
  border: 4px solid #b42d34;
}

#gotop.hide {
  height: 0;
}

#gotop span i {
  font-size: 2rem;
  color: #b42d34;
}

#header .left i {
  display: block;
  width: 1px;
  height: 46px;
  background: #d7d7d7;
  margin: 0 15px 0 18px;
}

#fp-nav ul li,
.fp-slidesNav ul li {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 16px !important;
  height: 27px !important;
  margin: 18px 0 !important;
}

#fp-nav ul li a {
  width: 16px !important;
  height: 27px !important;
  background: url(../images/a_fp.png)no-repeat;
  background-size: cover;
}

#fp-nav ul li span {
  background: transparent !important;
}

#fp-nav ul li div {
  color: #fff !important;
  font-size: .9375rem;
  line-height: 1.875rem;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  opacity: 0;
}

#fp-nav ul li a.active {
  background: url(../images/a_fpactive.png)no-repeat;
  background-size: cover;
}

#fp-nav ul li a.active+div {
  opacity: 1;
}

.logo {
  flex-shrink: 0;
}

.logo a {
  display: flex;
  height: 100%;
  align-items: center;
}

.logo img {
  width: 11.875rem;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
}

#nav {
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

#nav ul {
  display: flex;
  flex-grow: 1;
  max-width: 960px;
}

#nav ul li {
  float: left;
  position: relative;
  z-index: 0;
  flex-grow: 1;
  text-align: center;
}

#nav ul li a {
  display: block;
  text-transform: uppercase;
  font-size: 0;
}

#nav ul li h3 {
  font-size: 1.25rem;
  color: #165c31;
  line-height: 7.5rem;
  text-align: center;
  position: relative;
  font-weight: bold;
  z-index: 1;
  display: inline-block;
}

#nav ul li h3 i {
  color: #165c31;
  font-size: 1.25rem;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  right: -1.375rem;
}

#nav ul li.on h3,
#nav ul li:hover h3 {}

#nav ul li h3:before {
  content: "";
  width: 100%;
  height: 3px;
  position: absolute;
  bottom: 1.75rem;
  left: 0;
  background: #72af39;
  transition: 0.3s ease-in-out;
  transform: scaleX(0);
  transform-origin: center;
}

#nav ul li.on h3:before,
#nav ul li:hover h3:before {
  opacity: 1;
}

#nav li .sub,
.btn_phone .sub {
  position: absolute;
  position: absolute;
  padding-top: 0.5rem;
  left: 50%;
  top: 100%;
  z-index: 999;
  transform-origin: 0 0 0;
  transform: translateY(10px) translateX(-50%);
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  opacity: 0;
  visibility: hidden;
}

.btn_phone .sub {
  width: 11rem;
}

#nav li .sub .box,
.btn_phone .sub .box {
  padding: 0;
  text-align: left;
  background: #fff;
  /* min-width: 120px; */
  padding: 1rem 1.5rem;
  border-radius: 5px;
  -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 3px 5px #3333334d;
}

#nav li .sub a {
  padding: 0;
  line-height: 2.25rem;
  transition: 0.3s;
  font-size: 0.9375rem;
  color: #505050;
  white-space: nowrap;
  text-align: center;
  border-bottom: 1px solid rgb(124 120 120 / 30%);
  transition: all .5s;
}

.btn_phone {
  position: relative;
}

#nav li .sub a:last-child {
  border-bottom: none;
}

#nav li .sub a:hover {
  color: #72af39;
}

#nav li:hover .sub,
.btn_phone:hover .sub {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  visibility: visible;
  transform: translateY(0px) translateX(-50%);
}

.top_menu_box {
  display: flex;
  padding-left: 2.25rem;
  gap: 1.75rem;
  height: 100%;
  top: 0;
  align-items: center;
  justify-content: center;
  position: relative;
  margin-left: 1rem;
}

.top_menu_box::before {
  content: '';
  position: absolute;
  width: 1px;
  height: 1.125rem;
  background: rgb(22 92 49 / 50%);
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
}

.top_menu_box a i {
  color: #165c31;
  font-size: 1.875rem;
}







#header.xg {
  height: 7rem;
  background: rgba(255, 255, 255, 1);
  box-shadow: 5px 0px 16px 0px rgba(0, 0, 0, 0.06);
}

#header.xg #nav ul li h3 {
  line-height: 7rem;
}

#nav ul li.on h3:before,
#nav ul li:hover h3:before {
  transform: scaleX(1);
}

#header.xg #logo .img01 {
  display: block;
}

#header.xg #logo .img02 {
  display: none;
}



#site_map_box {
  visibility: hidden;
  width: 100%;
  height: 100%;
  z-index: 1000;
  transition: .5s;
  position: fixed
}

#site_map_box .bg_box {
  opacity: 0;
  visibility: hidden;
  transition: .5s;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 999;
  position: fixed;
  top: 0;
  left: 0
}

#site_map_box .box {
  width: 360px;
  position: relative;
  height: 100%;
  position: fixed;
  right: -360px;
  top: 0;
  background: url(../images/bg_site_map.png) center bottom no-repeat #fff;
  z-index: 9999;
  transition: all .6s;
}

#site_map_box .title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  vertical-align: middle;
  line-height: 60px;
  padding: 0 30px;
  font-size: 16px;
  color: #fff;
  background: #db0018
}

#site_map_box .title a {
  -moz-transition: all .6s ease-in-out;
  -webkit-transition: all .6s ease-in-out;
  -o-transition: all .6s ease-in-out;
  -ms-transition: all .6s ease-in-out;
  transition: all .6s ease-in-out
}

#site_map_box .title a:hover {
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg)
}

#site_map_box dl {
  height: 90%;
  overflow: auto
}

#site_map_box dd {
  padding: 22px 30px;
  border-bottom: 1px solid #ededed
}

#site_map_box dd:last-child {
  border-bottom: 0
}

#site_map_box dd h1 {
  font-size: 14px;
  color: #626262;
  line-height: 22px;
  margin-bottom: 6px
}

#site_map_box dd a {
  display: inline-block;
  font-size: 12px;
  padding-right: 20px;
  color: #878787;
  line-height: 24px
}

#site_map_box dd a:hover {
  color: #d83648
}

#site_map_box.act {
  opacity: 1;
  visibility: visible;
  transition: all .6s;
}

#site_map_box.act .bg_box {
  opacity: 1;
  visibility: visible
}

#site_map_box.act .box {
  right: 0;
}

#ascrail2000 {
  display: none !important
}

@media screen and (max-width:1450px) {
  #site_map_box .box {
    background: #fff
  }
}

.nav_hd {}

.nav_hd ul {
  display: grid;
  margin-top: -1.25rem;
}

.nav_hd li {}

.nav_hd li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.25rem 0;
}

.nav_hd li h3 {
  color: #fff;
  font-size: 1.375rem;
}

.nav_hd li i {
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
  width: 2.1875rem;
  height: 2.1875rem;
  border-radius: 50%;
  border: 1px solid #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

.nav_hd li i svg {}

.nav_hd li.on i {
  opacity: 1;
  visibility: visible;
}

.nav_hd li:hover i {
  opacity: 1;
  visibility: visible;
}

.btn_more {
  display: flex;
  align-items: center;
}

.btn_more svg {
  margin-left: 0.5rem;
}

.btn_more:hover {
  color: #e50019;
}

.btn_more:hover svg path {
  fill: #e50019;
}

.nav_bd {}

.nav_bd ul {
  margin-top: 2.5rem;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 1.5rem;
  row-gap: 1.875rem;
  grid-auto-rows: 7.5rem;
}

.nav_bd ul li {}

.nav_bd ul li a,
.zidh ul li a {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.nav_bd ul li a:before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  border: 1px solid #eaeaea;
  z-index: -1;
}

.nav_bd ul li a:after,
.zidh ul li a:after,
#zylvxm ul li a:after {
  content: '';
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
  display: block;
  width: 0;
  height: 3px;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  background-image: -moz-linear-gradient(0deg,
      #ff0410 0%,
      rgba(175, 30, 40, 0) 100%);
  background-image: -webkit-linear-gradient(0deg,
      #ff0410 0%,
      rgba(175, 30, 40, 0) 100%);
  background-image: -ms-linear-gradient(0deg,
      #ff0410 0%,
      rgba(175, 30, 40, 0) 100%);
}

.nav_bd ul li .ico {
  margin-bottom: 0.5rem;
}

.nav_bd ul li .ico image {}

.nav_bd ul li h4 {}

.nav_bd ul li:hover a:after,
.zidh ul li:hover a:after,
.zidh ul li.on a::after,
#zylvxm ul li:hover a:after {
  opacity: 1;
  visibility: visible;
  width: 100%;
}

.nav_bd .item {
  display: none;
}

.nav_bd .item.act {
  display: block;
}

/***********************/

/*手机导航开始*/
#m_header {
  display: none;
  height: 4.5rem;
  padding-right: 6rem;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 997;
  transition: 0s 1.5s;
  background: rgba(255, 255, 255, 1);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}

#m_header .m {
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#m_header .top_menu i {
  font-size: 2rem;
}
.m_user {
  height: 4.5rem;
  line-height: 4.5rem;
  margin-right: 4rem;
  color: #999;
}

.m_user a {
  display: inline-block;
  margin: 0 0.625rem;
  color: #666;
}

.m_user a svg {
  width: 16px;
}

.m_user a:hover {
  color: #ff0000;
}

.m_user a:hover svg path {
  fill: #ff0000;
}

#m_logo {
  transition: 0s 1.5s;
  height: 100%;
  visibility: visible;
  float: left;
  display: flex;
  align-items: center;
}

#m_logo img {
  display: block;
  height: 36px;
}

.m_nav_list {
  /* flex-direction:column; */
  /* justify-content: flex-start; */
  width: 100%;
  /* overflow: auto; */
}

.m_nav_list::-webkit-scrollbar {
  display: none;
}


#m_nav {
  z-index: 998;
  position: fixed;
  background: #eef2f6;
  width: 100%;
  height: 100vh;
  right: 0;
  top: 0;
  display: none;
  padding: 50px 0;
  overflow: hidden;
  pointer-events: none;
  transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
  -webkit-transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
  -moz-transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
  -o-transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
  -ms-transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
  display: block;
  overflow: auto;
  visibility: hidden;
  opacity: 0;
}

#m_nav::-webkit-scrollbar {
  display: none;
}

#m_nav.act {
  pointer-events: auto;
  top: 0;
  visibility: visible;
  opacity: 1;
  z-index: 998;
}

#m_nav>ul>li {
  width: 80%;
  overflow: hidden;
  padding: 0 1rem;
  margin: 0 auto;
}

#m_nav>ul>li+li {
  border-top: 1px solid rgb(111 111 111 / 10%);
}

#m_nav li .a {}

#m_nav li .a h3 {
  line-height: 4.5rem;
  height: 4.5rem;
  color: #3d3d3d;
  padding: 0;
  font-size: 1.25rem;
  float: left;
  font-weight: bold;
}

#m_nav li .a span {
  display: block;
  position: absolute;
  top: 0;
  right: 10px;
  width: 20px;
  height: 50px;
  text-align: center;
}

#m_nav li .a span i {
  font-size: 0;
}

#m_nav .title .a i {
  opacity: 1;
  filter: alpha(opacity=100);
  display: inline-block;
  width: 16px;
  height: 4.5rem;
  float: right;
  display: inline-block;
  background: url(../images/arrow_down.svg) center no-repeat;
  background-size: contain;
}

#m_nav li.on.title .a i {
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
}

#m_nav .on.title .a i {
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
}

#m_nav li {
  display: block;
  width: 100%;
}

.slide_nav {
  position: absolute;
  left: 0;
  height: 70px;
  z-index: 998;
  padding: 15px;
  top: 0;
  width: 100%;
}

#m_nav .title .list {
  display: none;
  position: relative;
  width: 100%;
  z-index: 9;
  left: 0;
  margin-left: 0;
  background: none;
  border: 0;
  clear: both;
  padding-bottom: 10px;
}

#m_nav .title .list span {
  background: none;
}

#m_nav .title .list span a:hover {
  color: #014085;
}

#m_nav .title .list a {
  display: block;
  font-size: 1.125rem;
  color: #666;
  text-align: left;
  line-height: 35px;
  height: 35px;
  border: 0;
}


.search-dialog-box {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 70vh;
  z-index: 1000000;
  opacity: 0;
  visibility: hidden;
  transition: .6s
}

.search-dialog-box:before {
  content: "";
  position: absolute;
  top: 0;
  height: 0;
  transition: .6s;
  left: 0;
  right: 0;
  z-index: 1;
  background-image: -moz-linear-gradient(270deg, #165c31 30%, rgba(175, 30, 40, 0) 100%);
  background-image: -webkit-linear-gradient(270deg, #165c31 30%, rgba(175, 30, 40, 0) 100%);
  background-image: -ms-linear-gradient(270deg, #165c31 30%, rgba(175, 30, 40, 0) 100%)
}

.search-dialog-box.on:before {
  height: 100%
}

.search-dialog-box .bubbles-bg {
  opacity: 0;
  visibility: hidden;
  display: none
}

.search-dialog-box .search-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 0;
  margin: 0;
  background: rgba(0, 0, 0, .7);
  background-size: cover;
  background-repeat: no-repeat;
  transform-origin: center center;
  transition: height .8s cubic-bezier(.77, 0, .175, 1)
}

.search-dialog-box .wrap-inner {
  transform: translateY(100%);
  transition: .6s
}

.header-right .bubbles-bg {
  opacity: 0;
  visibility: hidden;
  transition: all .5s .8s
}

.search-dialog-box .bubbles-bg .bubble {
  position: absolute
}

.search-dialog-box .bubbles-bg .bubble .circle {
  border-radius: 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%
}

.search-dialog-box .bubbles-bg .bubble1 {
  width: 6%;
  padding-top: 6%;
  left: 26.875%;
  top: -6.67%
}

.search-dialog-box .bubbles-bg .bubble1 .circle {
  border: 1px solid #fff
}

.search-dialog-box .bubbles-bg .bubble2 {
  width: 12px;
  padding-top: 12px;
  left: 13.54%;
  top: 18%
}

.search-dialog-box .bubbles-bg .bubble2 .circle {
  background-color: #ff495f
}

.search-dialog-box .bubbles-bg .bubble3 {
  width: 36px;
  padding-top: 36px;
  left: 8.854%;
  top: 30.55%
}

.search-dialog-box .bubbles-bg .bubble3 .circle {
  background-color: #fff
}

.search-dialog-box .bubbles-bg .bubble4 {
  width: 56.875%;
  padding-top: 56.875%;
  left: -28.6458%;
  top: 51.85%
}

.search-dialog-box .bubbles-bg .bubble4 .circle {
  background: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .05) 100%);
  background: -ms-linear-gradient(45deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .05) 100%);
  background: linear-gradient(45deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .05) 100%)
}

.search-dialog-box .bubbles-bg .bubble5 {
  width: 54px;
  padding-top: 54px;
  left: 26.3%;
  top: 70.83%
}

.search-dialog-box .bubbles-bg .bubble5 .circle {
  background-color: #fff;
  opacity: .1
}

.search-dialog-box .bubbles-bg .bubble6 {
  width: 56.875%;
  padding-top: 56.875%;
  left: 73.4375%;
  top: -52.77%
}

.search-dialog-box .bubbles-bg .bubble6 .circle {
  background: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .1) 100%);
  background: -ms-linear-gradient(135deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .1) 100%);
  background: linear-gradient(135deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .1) 100%)
}

.search-dialog-box .bubbles-bg .bubble7 {
  width: 2rem;
  padding-top: 2rem;
  left: 60.9375%;
  top: 18.5%
}

.search-dialog-box .bubbles-bg .bubble7 .circle {
  background-color: #ff495f
}

.search-dialog-box .bubbles-bg .bubble8 {
  width: 1.35rem;
  padding-top: 1.35rem;
  left: 95.83%;
  top: 70.83%
}

.search-dialog-box .bubbles-bg .bubble8 .circle {
  border: 1px solid #fff
}

.search-dialog-box .bubbles-bg .bubble9 {
  width: 16px;
  padding-top: 16px;
  left: 76.5625%;
  top: 96.296%
}

.search-dialog-box .bubbles-bg .bubble9 .circle {
  background-color: #fff
}

.search-dialog-box .bubbles-bg .bubble10 {
  width: 56.875%;
  padding-top: 56.875%;
  left: 71.354%;
  top: 87%
}

.search-dialog-box .bubbles-bg .bubble10 .circle {
  background: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .3) 100%);
  background: -ms-linear-gradient(135deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .3) 100%);
  background: linear-gradient(135deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .3) 100%)
}

.search-dialog-box .bubbles-bg .bubble {
  animation: spin 8s infinite linear;
  transform-origin: 50% 45%
}

.search-dialog-box .bubbles-bg .bubble:nth-child(2n) {
  animation: spin2 8s infinite linear
}

.search-dialog-box .bubbles-bg .bubble .circle {
  animation: spin-reverse 8s infinite linear
}

.search-dialog-box .bubbles-bg .bubble:nth-child(2n) .circle {
  animation: spin-reverse2 8s infinite linear
}

.search-dialog-box .bubbles-bg .sm-bubble {
  transform-origin: 30% 30px
}

.search-dialog {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  z-index: 2
}

.search-dialog .search-tit {
  font-size: 2.75rem;
  line-height: 3.5rem;
  color: #fff;
  text-align: center;
  overflow: hidden;
  display: none
}

.search-dialog .search-inner {
  overflow: hidden;
  margin-top: 0
}

.search-dialog .search-input {
  overflow: hidden;
  width: 50rem;
  margin: 0 auto;
  padding: 0 .5rem 0 1.5rem;
  background-color: rgba(255, 255, 255, .1);
  box-sizing: border-box;
  transition: all .3s;
  max-width: 94%
}

.search-dialog .search-input input[type=text] {
  float: left;
  height: 4.5rem;
  width: calc(100% - 3.5rem);
  background-color: transparent;
  font-size: 1.25rem;
  color: #fff;
  transition: all .3s
}

.search-dialog .search-input input[type=text]::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.5)
}

.search-dialog .search-input input[type=text]:-moz-placeholder {
  color: rgba(255, 255, 255, 0.5)
}

.search-dialog .search-input input[type=text]::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5)
}

.search-dialog .search-input input[type=text]:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5)
}

.search-dialog .search-input input[type=submit],
.search-dialog .search-input .clear-btn {
  float: right;
  height: 4.5rem;
  width: 3.5rem
}

.search-dialog .search-input input[type=submit] {
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.5rem;
  background-image: url('../images/search-btn.svg')
}

.search-dialog .search-input .clear-btn {
  background-color: rgba(0, 0, 0, .2);
  background-repeat: no-repeat;
  background-position: center;
  background-image: url('../images/close-btn.svg');
  background-size: 3.5rem;
  border-radius: 100%;
  margin-right: 1rem;
  display: none
}

.search-dialog .search-input.on {
  background-color: #fff
}

.search-dialog .search-input.on input[type=submit] {
  background-image: url('../images/search-btn2.svg')
}

.search-dialog .hot-search {
  font-size: 0;
  width: 19.5rem;
  margin: .6rem auto 0;
  box-sizing: border-box;
  padding: 0 .6rem;
  overflow: hidden
}

.search-dialog .hot-search .hot-tit,
.search-dialog .hot-search .hot-link {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top
}

.search-dialog .hot-search .hot-tit {
  font-size: .375rem;
  line-height: .5rem;
  color: #fff;
  font-weight: bold;
  padding-left: .6rem;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: .5rem;
  background-image: url(../images/hot-icon.png)
}

.search-dialog .hot-link {
  margin-left: 1rem
}

.search-dialog .hot-link a {
  display: inline-block;
  *display: inline;
  zoom: 1;
  font-size: .375rem;
  line-height: .5rem;
  margin-right: .75rem;
  color: #fff;
  padding-bottom: 5px;
  position: relative
}

.search-dialog .hot-link a:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background-color: #fff;
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform .3s
}

.search-dialog-box .bottom-box {
  position: absolute;
  left: 0;
  bottom: 5.1%;
  width: 100%
}

.search-dialog-box .bottom-box .share-box {
  overflow: hidden
}

.search-dialog-box .bottom-box .copy {
  font-size: .35rem;
  line-height: .5rem;
  color: #fff;
  font-family: "gilroy-regular";
  margin-top: .5rem;
  overflow: hidden
}

.header-right.is-open .bubbles-bg {
  visibility: visible;
  opacity: 1
}

.header-right.is-open .search-btn .con-box {
  display: none
}

.header-right.is-open .close-btn {
  display: block
}

.header-right.is-open .item .search-bg {
  transform: scale(1)
}

.search-dialog-box.on {
  opacity: 1;
  visibility: visible
}

.search-dialog-box.on .search-bg {
  height: 100vh
}

.search-dialog-box.on .bubbles-bg {
  opacity: 1;
  visibility: visible
}

.search-dialog-box.on .wrap-inner {
  transform: translateY(0)
}


.pub-close {

  position: absolute;

  width: 2.5rem;

  height: 2.5rem;

  z-index: 10;

  right: 3.125%;

  top: 1.35rem;

  background-color: rgba(0, 0, 0, .1);

  border-radius: 100%;

}



.pub-close .bg {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background-color: #1c5ab7;

  transform: scale(0);

  border-radius: 100%;

  transition: transform .3s;

}



.pub-close i {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background-position: center;

  background-size: 0.75rem;

  background-repeat: no-repeat;

  background-image: url(../images/close-btn.svg);

  transition: .6s
}



.pub-close i:hover {

  transform: rotate(180deg)
}



@keyframes spin {

  to {

    transform: rotate(1turn);

  }

}



@keyframes spin2 {

  to {

    transform: rotate(-1turn);

  }

}



@keyframes spin-reverse {

  from {

    transform: rotate(1turn);

  }

}



@keyframes spin-reverse2 {

  from {

    transform: rotate(-1turn);

  }

}



/*首页banner*/
#banner {
  position: relative;
}


.nextpage {
  bottom: 5%;
  right: 170px;
}

.nextpage a {
  width: 2.75rem;
  height: 2.75rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #b71f23;
}

#banner .m {
  height: 100%;
}

#banner .m .ipbox {
  position: absolute;
  right: 5rem;
  bottom: 10%;
}


/*#banner .m .ipbox img {*/
/*  opacity: 0;*/
/*}*/

#banner .m .ipbox::before {
  content: '';
  position: absolute;
  width: 51.8125rem;
  height: 41.4375rem;
  background: url(../images/ipquan.png)no-repeat;
  background-size: cover;
  opacity: 0;
  left: -25%;
  z-index: 10;
  bottom: 10%;
}


@keyframes fade-dr {
  0% {
    opacity: 0;
    -webkit-transform: translate(-100px, -100px);
    -ms-transform: translate(-100px, -100px);
    transform: translate(-100px, -100px)
  }

  20% {
    opacity: 0;
    -webkit-transform: translate(-100px, -100px);
    -ms-transform: translate(-100px, -100px);
    transform: translate(-100px, -100px)
  }

  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
  }
}

#banner .swiper-slide.swiper-slide-active .ipbox::before {
  animation: fade-dr 1.5s forwards 0.3s;
}


#banner video {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  object-fit: cover;
  display: block;
}

#banner .videobox img {
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 0;

}

#banner .swiper-container {
  height: 100vh;
  position: relative;
  z-index: 5;
}

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

#banner .slide-inner {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat !important;
}

#banner .swiper-slide.swiper-slide-active .slide-inner {
  animation: scaleUpDown 8s linear forwards;
  -webkit-animation: scaleUpDown 8s linear forwards;
}

/*#banner .txt * {*/
/*  opacity: 0*/
/*}*/

#banner .txt {
  color: #fff;
  height: 100%;
  display: inline-flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  position: relative;
  z-index: 10;
  padding-bottom: 7rem;
}

#banner .swiper-slide a {
  z-index: 0;
  display: block;
}

#banner .txt .banner_play {
  position: absolute;
  width: 8rem;
  height: 8rem;
  border-radius: 50%;
  right: 0;
  bottom: 45%;
  z-index: 10;
}

#banner .swiper-slide h6 {
  color: #fff;
  font-size: 1.75rem;
  line-height: 1.875rem;
  font-weight: bold;
  margin-bottom: 1.25rem;
  position: relative;
  z-index: 0;
}

#banner .swiper-slide h6::before {
  content: '';
  position: absolute;
  width: 6.1875rem;
  height: 17px;
  background: #b54248;
  right: -.625rem;
  bottom: -4px;
  z-index: -1;
}

#banner .swiper-slide h4 {
  color: #fff;
  font-size: 3.75rem;
  line-height: 1.5;
}

#banner .swiper-slide p {
  color: #fff;
  font-size: 1.375rem;
  line-height: 2.5rem;
  margin-top: .25rem;
  position: relative;
  z-index: 0;
}

#banner .swiper-slide p::before {
  content: '';
  position: absolute;
  width: 6.1875rem;
  height: 17px;
  background: #cab07b;
  right: -.875rem;
  bottom: 6px;
  z-index: -1;
}

/* #banner .txt div {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.25rem;
  width: 11.5625rem;
  height: 3.9375rem;
  border-radius: .375rem;
  background: #b42d34;
  color: #eef6ff;
  font-size: 1.125rem;
  line-height: 1.875rem;
  margin-top: 3.75rem;
} */

#banner .txt div i {
  color: #fff;
  font-size: 1rem;
  opacity: 1;
}

#banner .swiper-slide.swiper-slide-active .txt img {
  animation: enter 1.2s forwards 0.2s;
}

#banner .swiper-slide.swiper-slide-active .ipbox img {
  animation: enter 1.2s forwards 0.3s;
}



#banner .swiper-slide.swiper-slide-active p {
  animation: enter 1.2s forwards 0.4s;
}

#banner .swiper-slide.swiper-slide-active .txt div {
  animation: enter 1.2s forwards 0.5s;
}


@-webkit-keyframes enter {
  0% {
    opacity: 0;
    transform: translateY(100px);
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -ms-transform: translateY(100px);
    -o-transform: translateY(100px)
  }

  20% {
    opacity: 0;
    transform: translateY(100px);
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -ms-transform: translateY(100px);
    -o-transform: translateY(100px)
  }

  100% {
    opacity: 1;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px)
  }
}

@keyframes enter {
  0% {
    opacity: 0;
    transform: translateY(100px);
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -ms-transform: translateY(100px);
    -o-transform: translateY(100px)
  }

  20% {
    opacity: 0;
    transform: translateY(100px);
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -ms-transform: translateY(100px);
    -o-transform: translateY(100px)
  }

  100% {
    opacity: 1;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px)
  }
}


@-webkit-keyframes scaleUpDown {
  from {
    -webkit-transform: scale(2);
    transform: scale(2);
  }

  to {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes scaleUpDown {
  from {
    transform: scale(2);
    transform: scale(2);
  }

  to {
    transform: scale(1);
    transform: scale(1);
  }
}

#banner .mouse {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  bottom: 67px;
  text-align: center;
  z-index: 50;
}

.mouse span {
  display: inline-block;
  width: 26px;
  height: 40px;
  border: 1px solid #fff;
  border-radius: 12px;
  margin: auto;
  position: relative;

}

.mouse span:before {
  content: "";
  width: 2px;
  height: 7px;
  background: #fff;
  position: absolute;
  left: 50%;
  margin-left: -1px;
  top: 4px;
  animation-delay: 0ms;
  animation-duration: 1500ms;
  animation-iteration-count: infinite;
  animation-name: arrow;
  animation-play-state: running;
  animation-timing-function: linear;
}

.mouse b {
  display: block;
  text-align: center;
  line-height: 1;
  margin-top: 4px;
  font-weight: normal;
  color: #fff;
  font-size: .9375rem;
  line-height: 1.875rem;
}

@-webkit-keyframes arrow {

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0px, 0px, 0px);
  }

  33% {
    opacity: 1;
  }

  66% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0px, 10px, 0px);
  }

}



@keyframes arrow {

  0% {
    opacity: 0;
    transform: translate3d(0px, 0px, 0px);
  }

  33% {
    opacity: 1;
  }

  66% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    transform: translate3d(0px, 10px, 0px);
  }

}

.swiper-buttonbox {
  position: absolute;
  width: 7.25rem;
  height: 3.625rem;
  border: 2px solid #fff;
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  justify-content: center;
  bottom: 10%;
  left: 14.5%;
  z-index: 10;
}

.swiper-buttonbox::before {
  content: '';
  position: absolute;
  width: 2px;
  height: 100%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
}

.swiper-buttonbox .swiper-button-white {
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50%;
  height: 100%;
  top: 50%;
  transform: translate(0, -50%);
  margin-top: 0;
  transition: all .5s;
}

.swiper-buttonbox .prevba {
  left: 0;
  right: auto;
}

.swiper-buttonbox .nextba {
  right: 0;
  left: auto;
}

.swiper-buttonbox .swiper-button-white:hover {
  background: #fff;
}

.swiper-buttonbox .swiper-button-white i {
  transition: all .5s;
  color: #fff;
  font-size: 1.25rem;
}

.swiper-buttonbox .swiper-button-white:hover i {
  color: #b7282e;
}


#banner .swiper-pagination {
  bottom: 7%;
  max-width: 1600px;
  display: flex;
  align-items: center;
  justify-content: center;
  left: 50%;
  transform: translate(-50%, 0);
}

#banner .swiper-pagination-bullet {
  width: 15px;
  height: 27px;
  background: url(../images/a_bullet.png)no-repeat;
  background-size: cover;
  opacity: 1;
  margin: 0 10px;
  transition: all .5s;
  border-radius: 0;
}

#banner .swiper-pagination-bullet-active {
  background: url(../images/a_bulletactive.png)no-repeat;
  background-size: cover;
}


.fullPage section {
  position: relative;
  overflow: hidden;
}

.section .m {
  height: auto;
}





.s_tit {
  text-align: center;
}

.s_tit p {
  color: #fff;
  font-size: 2.25rem;
  line-height: 1.5;
  font-weight: lighter;
}

.s_tit h5 {
  color: #fff;
  font-size: 3.125rem;
  line-height: 4.5rem;
  font-weight: bold;
}

.s_pro {
  background: url(../images/page2bg.jpg) center no-repeat;
  background-size: cover;
}

.s_pro .s_tit {
  margin-bottom: 2.625rem;
  margin-top: 6.75rem;
}

.s_pro .prosbox {
  position: relative;
  margin: 4.5rem 0 0 12.5rem;
  /* max-width: 70.625rem; */
}

.s_pro #proname {
  max-width: 59.4375rem;
}

.s_pro #proname .swiper-slide {
  background: url(../images/s_proswiperbg2.png)no-repeat;
  background-size: 100% 100%;
  border-radius: 1.25rem 0 1.25rem 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 1.125rem;
  line-height: 1.875rem;
  height: 3.125rem;
  z-index: 0;
}

.s_pro #proname .swiper-slide::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(../images/s_proswiperbg.png)no-repeat;
  background-size: 100% 100%;
  left: 0;
  top: 0;
  z-index: -1;
  opacity: 0;
  transition: all .5s;
}

.s_pro #proname .swiper-slide-thumb-active::before {
  opacity: 1;

}

.s_pro #proimg {
  padding-bottom: 3rem;
}

.s_pro #proimg .swiper-slide {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.s_pro #proimg .swiper-slide .procon {
  margin-top: 4.5rem;
  flex-shrink: 0;
  max-width: 31.25rem;
}

.s_pro #proimg .swiper-slide .procon h5 {
  color: #fff;
  font-size: 2.8125rem;
  line-height: 3.75rem;
  font-weight: bold;
}

.s_pro #proimg .swiper-slide .procon p {
  color: #fff;
  font-size: 1.6875rem;
  line-height: 1.5;
  margin-top: 1.25rem;
}

.s_pro #proimg .swiper-slide .milk {
  width: 100%;
  position: relative;
}

.s_pro #proimg .swiper-slide .milk .img {
  max-width: 17.75rem;
  margin: auto;
  opacity: 0;
}

@keyframes naihua {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 50px) scale(.6);
    -ms-transform: translate(0, 50px) scale(.6);
    transform: translate(0, 50px) scale(.6)
  }

  20% {
    opacity: 0;
    -webkit-transform: translate(0, 50px) scale(.6);
    -ms-transform: translate(0, 50px) scale(.6);
    transform: translate(0, 50px) scale(.6)
  }

  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1)
  }
}

.s_pro #proimg .swiper-slide .milk::before {
  content: '';
  position: absolute;
  bottom: -3rem;
  width: 57.4375rem;
  background: url(../images/milkbg.png)no-repeat;
  background-size: cover;
  height: 19.8125rem;
  right: 0;
  opacity: 0;
}

.s_pro #proimg .swiper-slide-active .milk::before,
.s_pro #proimg .swiper-slide-active .milk::after {
  animation: naihua .8s forwards .7s;
}

@keyframes downs {
  0% {
    opacity: 0;
    transform: translateY(-50px);
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    -o-transform: translateY(-50px);
  }

  20% {
    opacity: 0;
    transform: translateY(-50px);
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    -o-transform: translateY(-50px);
  }

  100% {
    opacity: 1;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
  }
}

.s_pro #proimg .swiper-slide-active .img {
  animation: downs .6s forwards 0.4s;
}

.s_pro #proimg .swiper-slide .milk::after {
  content: '';
  position: absolute;
  bottom: -3rem;
  width: 43.1875rem;
  background: url(../images/milkbg1.png)no-repeat;
  background-size: cover;
  height: 15.5625rem;
  right: 5.75rem;
  z-index: 10;
  opacity: 0;
}



.s_pro #proimg .swiper-slide .img_db:after {
  padding-top: 148.24%;
}


.s_pro .prosbox .swiper-button-white {
  background: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  bottom: 30%;
  top: auto;
}

.s_pro .prosbox .swiper-button-white i {
  color: #000000;
  font-size: 1.5rem;
}


.s_pro .prosbox .prevpro {
  right: auto;
  left: 0;
}

.s_pro .prosbox .nextpro {
  right: auto;
  left: 4rem;
}


.s_about {
  background: url(../images/page3bg.jpg) center no-repeat;
  background-size: cover;
}

.s_about .m {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.s_about .m .aboutleft .s_tit {
  text-align: left;

}

.s_about .m .aboutleft .s_tit p {
  color: #6fad38;
  font-size: 1.875rem;
  font-weight: 500;
}

.s_about .m .aboutleft {
  max-width: 45.3125rem;
  padding-left: 4.5rem;
}

.s_about .m .aboutleft>p {
  color: #fff;
  font-size: 1.0625rem;
  line-height: 2.375rem;
  margin: 3.75rem 0 4rem;
}

.tsmore {
  width: 11.25rem;
  height: 3.125rem;
  background: url(../images/s_proswiperbg.png)no-repeat;
  background-size: 100% 100%;
  border-radius: 1.25rem 0 1.25rem 0;
  color: #fff;
  font-size: 1rem;
  line-height: 1.875rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  gap: 1.5rem;
  transition: all .5s;
}

@-webkit-keyframes jello {
  11.1% {
    -webkit-transform: none;
    transform: none
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg)
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg)
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg)
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg)
  }

  66.6% {
    -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
    transform: skewX(-.78125deg) skewY(-.78125deg)
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg)
  }

  88.8% {
    -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
    transform: skewX(-.1953125deg) skewY(-.1953125deg)
  }

  100% {
    -webkit-transform: none;
    transform: none
  }

}

@keyframes jello {
  11.1% {
    -webkit-transform: none;
    transform: none
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg)
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg)
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg)
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg)
  }

  66.6% {
    -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
    transform: skewX(-.78125deg) skewY(-.78125deg)
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg)
  }

  88.8% {
    -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
    transform: skewX(-.1953125deg) skewY(-.1953125deg)
  }

  100% {
    -webkit-transform: none;
    transform: none
  }

}


.tsmore:hover img {
  animation: jello 1.2s;
}



.s_about .m .aboutright {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2.5625rem 1.8125rem;
}

.s_about .m .aboutright li {
  background: rgb(255 255 255 / 66%);
  border-radius: .875rem;
  padding: 10px;
  width: 20.125rem;
}

.s_about .m .aboutright li a {
  display: block;
  position: relative;
}

.s_about .m .aboutright li a::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgb(0 0 0 / 40%);
  left: 0;
  top: 0;
  opacity: 0;
  transition: all .5s;
  z-index: 1;
}

.s_about .m .aboutright li a:hover::before {
  opacity: 1;
}

.s_about .m .aboutright li a .jiahao {
  position: absolute;
  width: 2.3125rem;
  height: 2.3125rem;
  border-radius: 50%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all .5s;
  z-index: 1;
  background: url(../images/jiahao.png)no-repeat;
  background-size: cover;
}

.s_about .m .aboutright li a:hover .jiahao {
  opacity: 1;
}

.s_culture {
  background: url(../images/page4bg.jpg) center no-repeat;
  background-size: cover;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.s_culture .s_tit {
  text-align: left;
  margin-bottom: 3.125rem;
  margin-top: 2.875rem;
}

.s_culture .s_tit h5 {
  color: #1a5e31;
}

.s_culture .s_tit p {
  font-size: 2.25rem;
  color: #70ae38;
}


.byc {

  overflow: hidden;

  display: flex;

  justify-content: space-between;

}

.bycs.on {

  width: calc(100% - 885px);

  flex-shrink: 0;

}

.bycs {

  overflow: hidden;

  flex-grow: 1;

  position: relative;

  border-radius: 10px;

}

.bycs .nr {
  opacity: 0;
}

.bycs.on .nr {
  opacity: 1;
}

.bycs::before {

  content: "";

  position: absolute;

  width: 100%;

  background: -webkit-linear-gradient(270deg, transparent 0%, rgba(0, 0, 0, .55) 100%);

  height: 11.875rem;

  bottom: 0;

}

.bycs .byc_tit {

  position: absolute;

  bottom: 2.8125rem;

  left: 2.25rem;

  color: #fff;

  transition: all .5s;

}

.bycs.on .byc_tit {
  left: 4rem;
}

.bycs .byc_tit .bt {
  font-size: 1.625rem;
  line-height: 1.5;
  font-weight: bold;
  margin-top: 1rem;
}

.bycs .byc_tit .nr {
  font-size: 1.125rem;
  line-height: 1.5rem;
  height: 3rem;
  margin-top: 1rem;
  transition: all .5s;
}

.bycs {

  transition: .7s;

  width: 275px;

  height: 100%;

}

.byc .bycs i {
  color: #fff;
  font-size: 2rem;
}

.bycs+.bycs {

  margin-left: 20px;

}

.s_title {

  text-align: center;

}

.s_title h4 {

  color: #1f1f1f;

  font-size: 2.625rem;

  font-weight: 500;

}


.bycs>.bl {

  height: 33.25rem;

  background-position: center center !important;

  background-size: cover !important;

}

.s_tab {
  position: relative;
}

.s_tab .tab_slide_for,
.s_tab .tab_slide_for .li {
  width: 100%;
  height: 100%;
}

.s_tab .li .bg {
  background-size: cover !important;
  position: absolute;
  z-index: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.s_tab .li .m {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 100%;
}

/* .s_tab  .li.hide .m .tab_txt {
  transform: translateY(7rem) !important;
  opacity: 0 !important;
  transition: .7s;
} */

.s_tab .li .m .tab_txt {
  /* transform: translateY(0);
  opacity: 1; */
  max-width: 51.25rem;
  color: #fff;
  margin-bottom: 8rem;
}

.s_tab .li .m .tab_txt h4 {
  font-size: 3.125rem;
  line-height: 4.5rem;
  font-weight: bold;
}

.s_tab .li .m .tab_txt h5 {
  font-weight: lighter;
  font-size: 2.25rem;
  line-height: 1.5;
}

.s_tab .li .m .tab_txt p {
  color: rgb(255 255 255 / 70%);
  font-size: 1.125rem;
  line-height: 2.1875rem;
  margin-top: 3.125rem;
}

.s_tab .navbox {
  position: absolute;
  /* display: flex;
  align-items: center;
  gap: 2.875rem; */
  right: 5rem;
  bottom: 25%;
  z-index: 10;
}

.s_tab .tab_slide_nav {
  display: flex;
  align-items: center;
  gap: 2.875rem;
}

.s_tab .tab_slide_nav li {
  position: relative;
  width: 6.8125rem;
  height: 7.5625rem;
  margin-right: 1.125rem;
  background: url(../images/naidi.png)no-repeat;
  background-size: 100% 100%;
  z-index: 0;
  cursor: pointer;
}

.s_tab .tab_slide_nav li::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: url(../images/naidihover.png)no-repeat;
  background-size: cover;
  opacity: 0;
  transition: all .5s;
  z-index: -1;
}

.s_tab .tab_slide_nav li .tabname {
  color: #1a5e31;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.375rem;
  line-height: 1.875rem;
  height: 100%;
  padding-top: 1.125rem;
}

.s_tab .tab_slide_nav li.on .tabname {
  color: #fff;
}

.s_tab .tab_slide_nav li.on::before {
  opacity: 1;
}

.s_tab .tab_slide_nav li .tab_bz {
  position: absolute;
  width: 3.625rem;
  height: 3.625rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #6aa937;
  top: -.875rem;
  right: -1.125rem;
}

.s_tab .tab_slide_nav li .tab_bz i {
  color: #fff;
  font-size: 1.875rem;
}


.s_swtich {
  background: url(../images/page5bg.jpg) center no-repeat;
  background-size: cover;
}

.s_swtich .snew_slide_nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3.75rem;
  margin-top: 3.75rem;
}

.s_swtich .snew_slide_nav li {
  color: #fff;
  font-size: 1.625rem;
  line-height: 4.5rem;
  font-weight: bold;
  position: relative;
  cursor: pointer;
}

.s_swtich .snew_slide_nav li.on {
  font-size: 2.1875rem;
}

.s_swtich .snew_slide_nav li::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 4px;
  background: #fff;
  bottom: -.5rem;
  left: 0;
  opacity: 0;
  transition: all .5s;
}

.s_swtich .snew_slide_nav li.on::before {
  opacity: 1;
}


.s_swtich .s_swiperbox {
  position: relative;
  padding: 0 8.5625rem;
}


.s_swtich .s_swiperbox .img_db:after {
  padding-top: 60.4%;
}

.s_swtich .s_swiperbox a {
  display: block;
  border-radius: 6px;
  overflow: hidden;
}

.s_swtich .s_swiperbox .snewcon {
  background: #fff;
  padding: 1.5rem 2rem 1.75rem;
}

.s_swtich .s_swiperbox .snewcon div {
  display: flex;
  align-items: center;
  gap: .625rem;
  margin-top: 1rem;
}

.s_swtich .s_swiperbox .snewcon h5 {
  color: #000000;
  font-size: 1.25rem;
  line-height: 2.1875rem;
  font-weight: bold;
  transition: all .5s;
}

.s_swtich .s_swiperbox .snewcon div p {
  color: #76767c;
  font-size: .875rem;
  line-height: 2.1875rem;
}

.s_swtich .s_swiperbox .snewcon div i {
  font-size: 1rem;
  color: #6aa937;
}

.s_swtich .s_swiperbox a:hover h5 {
  color: #72af39;
}


.s_swtich .s_swiperbox .swiper-button-white {
  width: 4.125rem;
  height: 4.125rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffffff;
  top: 50%;
  transform: translate(0, -50%);
  transition: all .5s;
  margin-top: 0;
}

.s_swtich .s_swiperbox .swiper-button-prev {
  right: auto;
  left: 0;
}

.s_swtich .s_swiperbox .swiper-button-next {
  left: auto;
  right: 0;
}

.s_swtich .s_swiperbox .swiper-button-white i {
  font-size: 2rem;
  color: #357733;
}

.s_swtich .s_swiperbox .swiper-button-white:hover {
  background: #357733;

}

.s_swtich .s_swiperbox .swiper-button-white:hover i {
  color: #fff;
}

.s_swtich .tsmore {
  margin: 3.75rem auto 0;
}

#foot {
  background: #f4f4f4 !important;
  position: relative;
  z-index: 10;
}

#foot .box1 {
  border-bottom: 1px solid #dcdcdc;
}

#foot .box1 .m,
#foot .box2 .m {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#foot .box1 .footlogo {
  max-width: 20.625rem;
}

#foot .box1 .box_address {
  display: flex;
  flex-direction: column;
}

#foot .box1 .box_address h6 {
  color: #000000;
  font-size: 1.0625rem;
  line-height: 1.6875rem;
}

#foot .box1 .box_address a {
  color: #757474;
  font-size: .9375rem;
  line-height: 1.6875rem;
}




#foot .box1 ul {
  display: flex;
  align-items: center;
  gap: 3.75rem;
}

#foot .box1 ul li {
  display: flex;
  align-items: center;
  gap: 9px;
}

#foot .box1 ul li .ewm {
  width: 5.6875rem;
  height: 5.6875rem;
  padding: 6px;
  background: #fff;
}

#foot .box1 ul li h5 {
  color: #000000;
  font-size: 1rem;
  line-height: 1.6875rem;
}

#foot .box1 ul li p {
  color: rgb(0 0 0 / 60%);
  font-size: .875rem;
  line-height: 1.5rem;
}

#foot .box2 {
  padding: 2.25rem 0;
}

#foot .box2 .foot_sub,
#foot .box2 .foot_sub ul {
  display: flex;
  align-items: center;
  gap: 1rem;
}

#foot .box2 .foot_sub ul li {
  position: relative;
}

#foot .box2 .foot_sub p {
  color: #000;
  font-size: .875rem;
  line-height: 1.5rem;
}

#foot .box2 .foot_sub ul li a {
  border: 1px solid #759c82;
  border-radius: 50%;
  width: 2.875rem;
  height: 2.875rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .5s;
}

#foot .box2 .foot_sub ul li a:hover {
  background: #fff;
  border: 1px solid #fff;
}

#foot .box2 .foot_sub ul li .ewmbox {
  position: absolute;
  opacity: 0;
  transform: translateY(-10px);
  visibility: hidden;
  width: 5.5rem;
  left: 0;
  bottom: calc(100% + 1rem);
  transition: .5s;
}

#foot .box2 .foot_sub ul li .ewm {
  position: relative;
  background: #fff;
  border-radius: 5px;
  padding: 0.375rem;
  border: 1px solid #ddd;
}

#foot .box2 .foot_sub ul li .ewm:before {
  content: "";
  display: block;
  width: 1rem;
  height: 1rem;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  transform: rotate(45deg);
  position: absolute;
  z-index: 1;
  background: #fff;
  left: 0.625rem;
  top: 100%;
  margin-top: -9px;
  border-radius: 3px;
}

#foot .box2 .foot_sub ul li:hover .ewmbox {
  opacity: 1;
  visibility: visible;
  transform: translateY(0px);
}

#foot .box2 .copyright {
  color: rgb(0 0 0 / 80%);
  font-size: .875rem;
  line-height: 1.5rem;
}

#foot .box2 .copyright a {
  transition: all .5s;
}

#foot .box2 .copyright a:hover {
  color: #165c31;
}


.foot_link {
  width: 240px;
  max-width: 100%;
}

.foot_link dl {
  position: relative;
  border-bottom: 1px solid #1b1b1b;
}

.foot_link dt {
  height: 3.125rem;
  padding: 0 .625rem 0 6px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  z-index: 2;
}

.foot_link dt h6 {
  font-size: .9375rem;
  color: #000000;
  line-height: 1.5rem;
  display: flex;
}

.foot_link dt h3 svg {
  display: inline-block;
  margin-right: 1rem;

}

.foot_link dt i {
  font-size: 1.875rem;
  color: #000000;
  transform: rotate(180deg);
  transition: all .5s;
}

.foot_link dt.on i {
  transform: rotate(0deg);
}

.foot_link dt span {
  flex-grow: 1;
}

.foot_link dd {
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  width: 100%;
  padding-bottom: 3.125rem;
}

.foot_link dd:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: -1;
}

.foot_link dd .box {
  padding: 0.5rem 1rem;
  display: none;
  background: #fff;
}

.foot_link dd .box a {
  display: block;
  color: rgba(0, 0, 0, .7);
  font-size: .875rem;
  line-height: 2;
  transition: .3s;
}

.foot_link dd .box a:hover {
  color: #165c31;
}


.slide_for {
  position: relative;
}

.slide_for .li {
  position: relative;
  transition: .5s;
  opacity: 1;
  visibility: visible;
}


.slide_for .li+.li {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.slide_for .li.hide {
  opacity: 0;
  visibility: hidden;
}



.tc {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  transition: .5s;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s
}

.tc.act {
  opacity: 1;
  visibility: visible
}

.tc.center {
  display: flex;
  align-items: center;
  justify-content: center
}

.tc_bg {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .6)
}

.tc_close {
  position: absolute;
  right: 1.25rem;
  top: 1.25rem;
  transition: .5s;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s
}

.tc_close:hover {
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg)
}

.tc_btn {
  cursor: pointer
}

.tc_ewm {
  width: 63.4375rem;
  height: auto;
  position: relative;
  background: #fff;
  border-radius: .875rem;
  padding: 4.5rem 2rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center
}

.tc_ewm img {
  width: 10rem;
  height: 10rem;
  margin-bottom: 1rem
}


.tc_ewm div {
  font-size: .875rem !important;
  color: #999 !important
}

.tc_ewm .pic p {
  color: rgb(0 0 0 / 80%);
  font-size: 1rem;
  line-height: 2.1875rem;
}

#myclose {
  position: absolute;
  right: .75rem;
  top: .75rem;
  transition: .5s;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  cursor: pointer;
}

#myclose i {
  color: #195c31;
  font-size: 1.75rem;
}

.copyright {
  font-size: .875rem;
  color: #f3f6fb;
  line-height: 1.3125rem;
  text-align: center;
  padding: 1.25rem 0 0;
}

.position {
  font-size: .9375rem;
  color: #747679;
  display: flex;
  align-items: center;
  height: 100%;
}



.position span,
.position a,
.position i {
  font-size: .875rem;
  line-height: 1.625rem;
  color: rgba(0, 0, 0, 0.7);
  flex-shrink: 0;
  height: 100%;
  -moz-transition: all 0.36s ease-in-out;
  -webkit-transition: all 0.36s ease-in-out;
  -o-transition: all 0.36s ease-in-out;
  -ms-transition: all 0.36s ease-in-out;
  transition: all 0.36s ease-in-out;
}

.position i {
  font-style: normal;
  width: 16px;
  height: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
}


.position span {
  color: #72af38;
  font-style: normal;
}

.position em {
  color: #72af38;
  font-style: normal;
}

.position a:hover,
.position a:last-child {
  color: #72af38;
}

.position a .ico {
  width: 4rem;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-left: 1px solid #ebeef1;
  border-right: 1px solid #ebeef1;
}

/* 移动端导航 */
#m_n_nav {
  display: none;
  line-height: 50px;
  position: relative;
  z-index: 9;
  width: 100%;


}

#m_n_nav #n_n_title {
  background: url(../images/homebg.jpg)no-repeat;
  background-size: cover;
}

#m_n_nav .m {
  display: flex;
  align-items: center;
  justify-content: center;
}

#bnt_back {}

#bnt_back svg {
  fill: #fff;
  height: 50px;
  vertical-align: middle;
  width: 26px;
}

#m_n_nav i {}

#m_n_nav h1 {
  font-size: 16px;
  color: #fff;
  text-align: center;
  margin: 0;
  line-height: 50px;
}

#bnt_back {
  position: absolute;
  left: 1rem;
  top: 0;
}

#bnt_sub_nav {
  position: absolute;
  right: 1rem;
  top: 0;
  cursor: pointer;
  color: #fff;
  font-size: 18px;
}

#bnt_sub_nav svg {
  fill: #fff;
  height: 50px;
  vertical-align: middle;
  width: 20px;
}

#bnt_sub_nav img {
  display: block;
  height: 15px;
}

#bnt_sub_nav.on img {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

#sub_nav_content {
  background: #fff;
  display: none;
  box-shadow: 0 0 5px #999;
  z-index: 9;
}

#sub_nav_content ul {
  padding: 10px;
}

#sub_nav_content ul li {
  display: block;
  line-height: 28px;
  margin: 1rem 0;
}

#sub_nav_content ul li a {
  display: block;
  border-left: 2px solid #013281;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  padding-left: 10px;
  color: #535455;
}

#sub_nav_content ul li.on a {
  color: #013281;
}

#sub_nav_content dl {
  font-size: 0;
  overflow: hidden;
  background: #fff;
  padding: 10px 0;
  border-top: 1px solid #e7e7e7;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem 0;
}

#sub_nav_content dt {
  position: relative;
  background: #fff;
  z-index: 999;
  display: inline-block;
  margin-bottom: 0;
  float: left;
  text-align: center;
}

#sub_nav_content dt a {
  margin: 0 10px;
  display: block;
  color: #5b5349;
  line-height: 30px;
  font-size: 13px;
  font-weight: 400;
  vertical-align: top;
}

#sub_nav_content dt a i {
  position: absolute;
  right: 15px;
  top: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  display: none;
}

#sub_nav_content dt a {}

#sub_nav_content dt.title {
  background: #fafafb;
}

#sub_nav_content dt.title i {
  opacity: 1;
  filter: alpha(opacity=100);
}

#sub_nav_content dt.title_on {
  background: #fafafb;
}


#sub_nav_content dt.title_on a i {
  color: #013281;
}

#sub_nav_content dt.last a {
  border-top: 1px solid #f8f8f8;
}

#sub_nav_content dt.on a,
#sub_nav_content dt.title_on a {
  color: #fff;
  background: #72af39;
}

#sub_nav_content dd {}

#sub_nav_content dd .box {
  padding: 0px 0px 0px 0px;
}

#sub_nav_content dd a {
  padding: 0 25px;
  line-height: 30px;
  font-size: 13px;
  color: #5b5349;
  display: block;
  height: 30px;
}


.online_qs {
  position: fixed;
  left: 30px;
  bottom: 15%;
  z-index: 999;
  transition: .5s;
  -webkit-transition: .5s;
  border-radius: 2.5rem;
  padding: 1.25rem 0;
}


.n_banner {
  height: 25rem;
  width: 100%;
  overflow: hidden;
  position: relative;
  margin-top: 8.125rem;
}

.n_banner::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(../images/n_zhezhao.png)no-repeat;
  background-size: cover;
  left: 0;
  top: 0;
}


.n_banner>.m {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;

}


.n_banner h5 {
  color: #fff;
  font-size: 3.75rem;
  line-height: 1.5;
  text-align: center;
}

.n_banner h6 {
  text-transform: uppercase;
  color: rgb(255 255 255 / 60%);
  font-size: 1.5rem;
  line-height: 1.5;
  text-align: center;
}

#pcnav {
  height: 4.125rem;
  background: #fff;
  position: relative;
}

#pcnav::before {
  content: '';
  position: absolute;
  background: rgb(119 128 122 / 20%);
  width: 100%;
  left: 0;
  bottom: 0;
  height: 1px;
}

#pcnav .m {
  display: flex;
  align-items: center;
  justify-content: space-between;
}


.position a {
  display: flex;
  align-items: center;
  justify-content: center;
}

.home {
  margin-right: 2.25rem;
}

.position i {
  margin: 0 8px;
}

.n_nav {
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
}

.n_nav .home {
  width: 4.0625rem;
  height: 100%;
  background: url(../images/homebg.jpg)no-repeat;
  background-size: cover;
}

.n_nav .home .ico {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.n_nav ul {
  display: flex;
  align-items: center;
  height: 100%;
  gap: 3.375rem;
}

.n_nav li {
  display: block;
  line-height: 4.5rem;
  z-index: 1;
  position: relative;
  overflow: hidden;
  height: 100%;
}

.n_nav li::before {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: 1px;
  left: 0;
  background: #6aa837;
  transition: all .5s;
  transform: scaleX(0);
  transform-origin: center;
}



.n_nav li.on::before,
.n_nav li:hover::before {
  transform: scaleX(1);
}


.n_nav li a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .25rem;
  font-size: 1rem;
  line-height: 1.625rem;
  height: 100%;
  color: #000000;
  transition: all .5s;
  position: relative;
  transition: all .5s;
}



/* 资质荣誉 */

body.nei header {
  background: #fff;
}

.n_bg {
  background: url(../images/n_bg.png)top no-repeat;
  width: 100%;
}

.n_bg2 {
  background: url(../images/n_bg2.jpg)top no-repeat;
  width: 100%;
}

.n_honor .m .ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2.25rem 4.125rem;
}

.n_honor .m .ul .li a .honorbox {
  background: #fff;
  padding: 2.5rem 1.875rem;
  transition: all .5s;
}

.n_honor .m .ul .li a .img {
  background: url(../images/kuang.png)center no-repeat;
  padding: .5625rem;
  background-size: 100% 100%;
  position: relative;
  height: 13.1875rem;
}

.n_honor .m .ul .li a .img img {
  width: auto;
  margin: auto;
}

.n_honor .m .ul .li a .honorcon {
  margin-top: 1.25rem;
  margin-left: 1.25rem;
}

.n_honor .m .ul .li a .honorcon p {
  color: #000000;
  font-size: 1.0625rem;
  line-height: 2.25rem;
  transition: all .5s;
}

.n_honor .m .ul .li a .honorcon i {
  width: 1.25rem;
  height: 2px;
  background: #72af38;
  display: block;
  margin-top: .5rem;
}

.n_honor .m .ul .li a:hover .honorbox {
  box-shadow: 0px 16px 21px 10px rgba(34, 34, 34, 0.09)
}

.n_honor .m .ul .li a:hover .honorcon p {
  color: #72af38;
}


.page {
  text-align: center;
  font-size: 0;
  width: 100%;
  overflow: hidden;
}

.page .box {
  margin: 4.5rem 0 0;
  display: flex;
  justify-content: center;
  flex-flow: wrap;
}

.page a {
  border: 1px solid #e0e0e0;
  padding: 0 8px;
  min-width: 2.5rem;
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 6px;
  color: #3a3a3a;
  font-size: 14px;
  -moz-transition: all 0.36s ease-in-out;
  -webkit-transition: all 0.36s ease-in-out;
  -o-transition: all 0.36s ease-in-out;
  -ms-transition: all 0.36s ease-in-out;
  transition: all 0.36s ease-in-out;
  border-radius: 4px;
  position: relative;
  z-index: 0;
}

.page a::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  transition: all .5s;
  background: url(../images/homebg.jpg)no-repeat;
  background-size: cover;
  border-radius: 4px;
  z-index: -1;
}

.page span {
  display: inline-block;
  margin: 0 .75rem;
}

.page .on {
  background: url(../images/homebg.jpg)no-repeat;
  background-size: cover;
  border: 1px solid transparent;
  color: #fff;
}

.page .on::before,
.page a:hover::before {
  opacity: 1;
}

/* 招贤纳士 */


.n_zhaopin #list_slide {
  position: relative;
  display: grid;
  gap: .625rem;
}

.n_zhaopin #list_slide dt {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  cursor: pointer;
  height: 4.9375rem;
  transition: all 0.5s;
  padding: 0 1.75rem;
  background: #f8f8f8;
  z-index: 0;

}

.n_zhaopin #list_slide dt::before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  background: #145c31;
  transition: all .5s;
  z-index: -1;
}

.n_zhaopin #list_slide dt::after {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  border: 1px solid #e8e8e8;
  left: 0;
  top: 0;
  transition: all .5s;
  z-index: -1;
}

#list_slide .fx {
  flex-grow: 1;
  justify-content: space-between;
}

.n_zhaopin #list_slide dt h4 {
  display: flex;
  align-items: center;
  gap: .875rem;
  width: 19rem;
  font-size: 1.25rem;
  line-height: 2.25rem;
  font-weight: bold;
  color: #403e3e;
  transition: padding 0.5s !important;
  -webkit-transition: padding 0.5s !important;
  -moz-transition: padding 0.5s !important;
  -ms-transition: padding 0.5s !important;
  -o-transition: padding 0.5s !important;
  flex-shrink: 0;
  white-space: nowrap;
}

.n_zhaopin #list_slide dt h3 {
  /* width: 100%; */
  color: rgb(64 62 62 / 70%);
  font-size: 1.0625rem;
  line-height: 2.25rem;
  overflow: hidden;
  display: grid;
  width: 70%;
  grid-template-columns: 1fr 1fr 1fr;
}

.n_zhaopin #list_slide dt h3 span {
  /* text-align: center; */
  transition: 0.5s;
}


.n_zhaopin #list_slide dt h4 .zpico i {
  color: #72af38;
  font-size: 1.625rem;
}

.n_zhaopin #list_slide dl.on .zpico i {
  color: #ffffff;
}


.n_zhaopin #list_slide dt .tgl {
  font-size: 0.875rem;
  line-height: 2.25rem;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 3%;
  width: 5rem;
  height: 2.5rem;
  border-radius: 1.25rem;
  background: #fff;
  position: relative;
  z-index: 0;
}

.n_zhaopin #list_slide dt .tgl::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 1.25rem;
  top: 0;
  left: 0;
  background: #72af38;
  z-index: -1;
  transition: all .5s;
}

.n_zhaopin #list_slide dl.on dt .tgl::before {
  opacity: 0;
}

.n_zhaopin #list_slide dl.on dt::after {
  opacity: 0;
}

.n_zhaopin #list_slide dl.on dt .tgl {
  color: #145c31;
}

.n_zhaopin #list_slide dd {
  display: none;
  transition: 0s;
  line-height: 2rem;
  font-size: 0.9375rem;
  padding: 0 1.75rem 3.75rem;
  border-bottom: 0;
  position: relative;
  z-index: 0;
  background: #fff;
  border: 2px solid #145c31;
  border-radius: 0 0 .625rem .625rem;
  overflow: hidden;
}

.n_zhaopin #list_slide dd::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 32.125rem;
  top: 0;
  right: 0;
  background: url(../images/zhaopinbg.png)bottom right no-repeat;
  z-index: -1;
  transition: all .5s;
  opacity: 0;
}

.n_zhaopin #list_slide dl.on dt::before,
.n_zhaopin #list_slide dl.on dd::before {
  opacity: 1;
}

.n_zhaopin #list_slide dl.on dt h4 {
  color: #fff;
}

.n_zhaopin #list_slide dl.on dt h3 span {
  color: rgb(255 255 255 / 70%);
}




.n_zhaopin .content {
  display: flex;
  gap: 6rem;
  align-items: flex-start;
  border-top: 2px solid rgb(255 255 255 / 30%);
  padding: 2.25rem 2.5rem;

}

.n_zhaopin .content h6 {
  color: #72af38;
  font-weight: bold;
  font-size: 1.125rem;
  line-height: 2.25rem;
  margin-bottom: 1.25rem;
}

.n_zhaopin .content .ar_article p {
  position: relative;
  color: rgb(51 51 51 / 70%);
  font-size: 1rem;
  line-height: 2.125rem;
  padding-left: 0.875rem;
}

.n_zhaopin .content .ar_article p::before {
  content: '';
  position: absolute;
  width: 2px;
  height: 2px;
  background: rgb(255 255 255 / 70%);
  left: 0;
  top: .875rem;
}


.n_zhaopin #list_slide dl.on {
  border-radius: .875rem .875rem 0 0;
  overflow: hidden;
}

.n_zhaopin .content .scrollbox {
  max-height: 12.9375rem;
  overflow: auto;
  padding-right: 3.5rem;
}

.n_zhaopin #list_slide dd .jianli {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
}

.n_zhaopin #list_slide dd .jianli a {
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #72af38;
  color: #fff;
  font-size: 1rem;
  padding: 0 1.75rem;
  line-height: 2.25rem;
  border-radius: 1.5rem;
}

.n_zhaopin #list_slide dd .jianli h5 {
  color: #333333;
  font-size: .875rem;
  line-height: 1.125rem;
  display: flex;
  align-items: center;
  gap: .875rem;
}

.n_zhaopin #list_slide dd .jianli h5 div p {
  font-size: 1.375rem;
  line-height: 1.125;
  font-weight: bold;

}

.n_zhaopin #list_slide dd .jianli h5 div {
  position: relative;
  padding-left: .875rem;
  position: relative;
}

.n_zhaopin #list_slide dd .jianli h5 div::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  width: 1px;
  background: rgb(51 51 51 / 40%);
  height: 2.0625rem;
}

.n_zhaopin #list_slide dd .jianli h5 div:nth-child(3)::before {
  display: none;
}

.n_zhaopin #list_slide dd .jianli h5 div span {
  font-size: .875rem;
  line-height: 1.125rem;
  color: #333333;
}

.fx {
  display: flex;
}


/* 新闻活动 */

.n_newcenter ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2.75rem 1.25rem;
}

.n_newcenter ul li .img {
  border-radius: .375rem .375rem 0 0;
}

.n_newcenter ul li .img_db:after {
  padding-top: 60.58%;
}

.n_newcenter ul li .n_newcon {
  border: 1px solid #eaeaea;
  padding: 2rem 2rem 2.25rem;
  background: #fff;
  border-radius: 0 0 .375rem .375rem;
  transition: all .5s;
}

.n_newcenter ul li .n_newcon h5 {
  height: 3.75rem;
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 1.875rem;
  transition: all .5s;
}

.n_newcenter ul li .n_newcon p {
  color: rgb(0 0 0 / 60%);
  font-size: .875rem;
  line-height: 1.375rem;
  margin-top: .875rem;
  transition: all .5s;
}

.n_newcenter ul li .n_newcon div {
  display: flex;
  align-items: center;
  gap: .625rem;
  color: #76767c;
  font-size: .875rem;
  line-height: 2.1875rem;
  margin-top: 1rem;
  transition: all .5s;
}

.n_newcenter ul li .n_newcon div i {
  color: #6aa937;
  transition: all .5s;
}

.n_newcenter ul li a:hover .n_newcon {
  background: #72af38;
  border: 1px solid #72af38;
}

.n_newcenter ul li a:hover h5,
.n_newcenter ul li a:hover .n_newcon div,
.n_newcenter ul li a:hover .n_newcon div i {
  color: #fff;
}

.n_newcenter ul li a:hover p {
  color: rgb(255 255 255 / 60%);
}


/* 新闻详情 */

.ar_title {
  border-bottom: 2px solid #dadfe3;
  padding-bottom: 1.375rem;
  margin-bottom: 2.5rem;
}

.ar_title .time {
  font-size: 1.5rem;
  line-height: 1.5;
  color: #72af38;
  font-weight: bold;
}

.ar_title h3 {
  font-size: 2rem;
  line-height: 2.25rem;
  color: #000000;
  margin: .5rem 0 1.25rem;
  font-weight: bold;
}

.ar_title .tag {
  display: flex;
  color: rgb(31 31 31 / 50%);
  font-size: 1rem;
  line-height: 2.25rem;
}



.n_newxq .m {
  display: flex;
}

.n_newxq .left_con {
  padding-right: 6.875rem;
  overflow: hidden;
  flex-grow: 1
}

.n_newxq .right_con {
  width: 27.8125rem;
  flex-shrink: 0;
  position: relative;
  z-index: 1;
  padding-left: 6.25rem;
}

.right_con:after {
  content: "";
  display: block;
  width: 2px;
  height: 100%;
  z-index: -1;
  background: #dadfe3;
  position: absolute;
  left: 0;
  top: 0;
}

.right_con::before {
  content: "";
  display: block;
  width: 2px;
  height: 5.25rem;
  z-index: 0;
  background: #72af38;
  position: absolute;
  left: 0;
  top: 0;
}

.lastnews .tt {
  margin-bottom: 3rem;
}

.lastnews .tt h5 {
  font-size: 1.5rem;
  color: #72af38;
  line-height: 1.375;
  margin-bottom: 0.5rem;
  font-weight: bold;
}

.lastnews .tt span {
  font-size: 1.625rem;
  color: #b7bfc7;
  font-family: BarlowCondensed-SemiBold;
  text-transform: uppercase;
}

.lastnews ul {
  display: grid;
  gap: 1.25rem;
}

.lastnews ul li a {
  display: flex;
  align-items: center;
}

.lastnews ul li .time {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
  z-index: 1;
  flex-shrink: 0;
  background: #72af38;
  transition: .5s;
  margin-right: 1.125rem;
  color: #fff;
  width: 4.375rem;
  height: 4.375rem;
}

.lastnews ul li .time:before {
  content: "";
  display: block;
  width: 100%;
  height: 0;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
  transition: all .5s;
  background: #145c31;
}

.lastnews ul li h5 {
  font-size: 1rem;
  line-height: 1.5rem;
  color: #000000;
}

.lastnews ul li .time span {
  font-family: ROBOTO-MEDIUM-12;
  font-size: 1.5rem;
  color: #fff;
  transition: all .5s;
}

.lastnews ul li .time p {
  font-family: ROBOTO-REGULAR;
  font-size: .875rem;
  color: #fff;
  transition: all .5s;
}

.lastnews ul li:hover .time:before {
  top: 0;
  bottom: auto;
  height: 100%;
}

.lastnews ul li:hover .time p,
.lastnews ul li:hover .time span {
  color: #fff;
}

.n_newxq .ar_article {
  color: #000000;
  font-size: 1.125rem;
  line-height: 2.5rem;
}



.ar_fot {
  margin-top: 2.5rem;
  padding-top: 30px;
  width: 100%;
  position: relative;
  display: grid;
  gap: .6875rem;
}



.ar_fot a {
  font-size: 1rem;
  line-height: 3rem;
  color: #373535;
  transition: .3s;
  border: 1px solid #c7dfaf;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .5s;
}


.ar_fot a:hover {
  color: #fff;
  background: #72af38;
  border: 1px solid #72af38;
}

.back_xq {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: .9375rem;
  line-height: 1.5rem;
  border-radius: 1.5rem;
  background: url(../images/homebg.jpg)no-repeat;
  background-size: cover;
  width: 9.6875rem;
  height: 2.5rem;
  gap: .5rem;
  margin: 3rem auto 0;
}

.back_xq i {
  color: #fff;
  font-size: 1.75rem;
}


/* 产品系列 */

.n_product .img {
  background: #fff;
  padding: 3.125rem 3.75rem 3.75rem;
}

.n_product ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 4rem 5.125rem;
}



.n_product ul li a .n_procon {
  padding: 3.125rem 1.25rem 2rem 2rem;
  background: #fff;
  position: relative;
  transition: all .5s;
}

.n_product ul li a .n_procon h6 {
  color: #72af38;
  font-size: 1rem;
  line-height: 1.5;
  transition: all .5s;
}

.n_product ul li a .n_procon h5 {
  color: #000000;
  font-size: 1.25rem;
  line-height: 2.25rem;
  transition: all .5s;
}

.n_product ul li a .n_procon p {
  color: rgb(1 1 1 / 80%);
  font-size: .875rem;
  line-height: 1.5rem;
  transition: all .5s;
  margin: 1.5rem 0 2.375rem;
  height: 3rem;
}

.n_product ul li a .n_procon::before {
  content: '';
  position: absolute;
  top: 0;
  height: 2px;
  width: 100%;
  background: #72af38;
  transition: all .5s;
  left: 0;
}

.n_product ul li a .n_procon i {
  font-size: 2rem;
  color: #6b6b6b;
  transition: all .5s;
}

.n_product ul li a:hover .n_procon {
  background: #72af38;
}

.n_product ul li a:hover .n_procon::before {
  background: #145c31;
  height: 3px;
}

.n_product ul li a:hover .n_procon h6,
.n_product ul li a:hover .n_procon h5 {
  color: #fff;
}

.n_product ul li a:hover .n_procon p {
  color: rgb(255 255 255 / 80%);
}

.n_product ul li a:hover .n_procon i {
  color: #fff;
}


/* 产品详情 */

.proxqbox {
  background: #fff;
  padding: 3.75rem;
}

.xqall {
  display: flex;
  align-items: flex-start;
  gap: 3.75rem;
  padding-bottom: 2.25rem;
}
.xqall .swiper-slide {
  background: url(../images/tubg.jpg)no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
}
#xqs {
  max-width: 39.375rem;
  flex-shrink: 0;
  margin: 0;
}

#xqs .swiper-button-white {
  width: 2.1875rem;
  height: 4.6875rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .5s;
  margin-top: 0;
  background: rgba(0, 0, 0, 0.2);
  top: 50%;
  transform: translate(0, -50%);
}

#xqs .swiper-button-white i {
  color: #fff;
  font-size: 1.875rem;
}

#xqs .prevxq {
  left: 0;
}

#xqs .nextxq {
  right: 0;
}

.xqall .xqcon {
  margin-top: 1rem;
}

.xqall .xqcon h4 {
  color: #333333;
  font-size: 1.875rem;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: .5rem;
}

.xqall .xqcon h5 {
  color: #72af38;
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.xqall .xqcon i {
  display: block;
  width: 1.875rem;
  height: 1px;
  background: #72af38;
  margin: 1.5rem 0 1.875rem;
}

.xqall .xqcon p {
  color: rgba(51, 51, 51, .7);
  font-size: 1rem;
  line-height: 2rem;
}

.xqall .xqcon a {
  width: 7.1875rem;
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #72af38;
  color: #fff;
  font-size: 1rem;
  line-height: 1.75rem;
  border-radius: 1.25rem;
  margin-top: 3.125rem;
}


.proxqbox .ar_article h5 {
  position: relative;
  font-size: 1.5rem;
  line-height: 1.75rem;
  font-weight: bold;
  padding-bottom: 1rem;
  color: #72af38;
  border-bottom: 2px solid #e6ebe8;
  margin-bottom: 2rem;
}

.proxqbox .ar_article h5::before {
  content: '';
  position: absolute;
  width: 5.6875rem;
  height: 2px;
  background: #72af38;
  left: 0;
  bottom: -2px;
}

.proxqbox .ar_article p {
  color: #616161;
  font-size: 1rem;
  line-height: 2rem;
}

/* 视频专区 */

.n_videobox ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 3.375rem 1.4375rem;
}

.n_videobox ul .img_db:after {
  padding-top: 66.03%;
}

.n_videobox ul li a .imgbox {
  position: relative;
  border-radius: 1rem;
  overflow: hidden;
  z-index: 0;
}

.n_videobox ul li a .imgbox::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgb(0 0 0 / 30%);
  border-radius: 1rem;
  left: 0;
  top: 0;
  z-index: 1;
  transition: all .5s;
}

.n_videobox ul li a .imgbox .btn_play {
  border-radius: 50%;
  border: 1px solid rgb(255 255 255 / 50%);
  width: 3.75rem;
  height: 3.75rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgb(0 0 0 / 40%);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 5;

}

.n_videobox ul li a:hover .imgbox::before {
  background: rgb(0 0 0 / 10%);
}

.n_videobox ul li a .n_videocon {
  margin-top: 1.25rem;
  margin-left: 1rem;
}

.n_videobox ul li a .n_videocon .videotime {
  display: flex;
  align-items: center;
  gap: .5rem;
  color: #747474;
  font-size: .875rem;
  line-height: 1.5;
  font-family: POPPINS-REGULAR;
}

.n_videobox ul li a .n_videocon .videotime i {
  color: #7e7e7e;
  font-size: 1rem;
}

.n_videobox ul li a .n_videocon h5 {
  color: #000000;
  font-size: 1.25rem;
  line-height: 2.125rem;
  margin: 1rem 0 1.5rem;
}

.n_videobox ul li a .n_videocon .viarrow {
  width: 2.5rem;
  height: 2.5rem;
  border: 2px solid #c4c6c9;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .5s;
}

.n_videobox ul li a .n_videocon .viarrow i {
  color: #666666;
  font-size: 1rem;
  transition: all .5s;
}

.n_videobox ul li a:hover .n_videocon .viarrow {
  border: 2px solid #72af38;
  background: #72af38;
}

.n_videobox ul li a:hover .n_videocon .viarrow i {
  color: #fff;
}

/* 服务尊享 */

.n_fw1 {
  background: url(../images/fw1bg.jpg)no-repeat;
  background-size: cover;
  width: 100%;
  position: relative;
}

.n_fwtit {
  text-align: center;
}

.n_fwtit div {
  height: 2.25rem;
  overflow: hidden;
}

.n_fwtit h4 {
  font-size: 4.5rem;
  line-height: .875;
  color: #fff;
  font-family: DISNEYENGLISH-BOLD;
  z-index: 1;
}

.n_fwtit h5 {
  color: #fff;
  font-family: DISNEYENGLISH-BOLD;
  font-size: 2.25rem;
  line-height: 1.5;
  position: relative;
  z-index: 2;
}

.n_fwtit p {
  color: #fff;
  font-size: 1.875rem;
  line-height: 1.5;
}

.n_fw2 .n_fwtit h4,
.n_fw4 .n_fwtit h4,
.n_fw5 .n_fwtit h4 {
  color: #72af39;
}

.n_fw2 .n_fwtit h5,
.n_fw4 .n_fwtit h5,
.n_fw5 .n_fwtit h5 {
  color: #145c31;
}

.n_fw2 .n_fwtit p,
.n_fw4 .n_fwtit p,
.n_fw5 .n_fwtit p {
  color: #333333;
}



.n_fw1 .fw1box {
  display: flex;
  align-items: center;
  gap: 2.25rem;
  margin-top: 3.75rem;
  justify-content: center;
}

.n_fw1 .fw1box ul {
  display: grid;
  gap: 3.125rem;
}

.n_fw1 .fw1box ul li {
  display: flex;
  align-items: center;
  gap: 2rem;
}


.n_fw1 .fw1box ul li div {
  width: 5.3125rem;
  height: 5.3125rem;
  border-radius: 50%;
  background: #e1fdec;
  position: relative;
  z-index: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}


.n_fw1 .fw1box ul li div::before {
  content: "";
  position: absolute;
  width: 4.375rem;
  height: 4.375rem;
  border-radius: 50%;
  z-index: -1;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.n_fw1 .fw1box ul li div.lv::before {
  background: #78bd96;
}

.n_fw1 .fw1box ul li div.cheng::before {
  background: #f4a575;
}

.n_fw1 .fw1box ul li div.lan::before {
  background: #7bb7e4;
}

.n_fw1 .fw1box ul li div.hong::before {
  background: #ff7e7e;
}

.n_fw1 .fw1box ul li div i {
  color: #fff;
  font-size: 1.875rem;
}

.n_fw1 .fw1box ul li p {
  color: #fff;
  font-size: 1.5rem;
  line-height: 2.25rem;
}

.n_fw1 .fw1box ul li .num {
  font-size: 1.875rem;
  font-family: BarlowCondensed-Regular;
}

.n_fw1 .fw1box .fw1left {
  justify-items: end;
}

.n_fw1 .fw1box .fw1right {
  justify-items: start;
}


.n_fw2 .n_fw2box1 {
  background: url(../images/fw2bg1.jpg)no-repeat;
  background-size: cover;
  width: 100%;
  position: relative;
}


.n_fw2 .n_fw2box1 ul li {
  position: absolute;
}

.n_fw2 .n_fw2box1 h3 {
  display: none;
}

.n_fw2 .n_fw2box1 .centerbox {
  position: relative;
}

.n_fw2 .n_fw2box1 ul li:nth-child(1) {
  left: 41.5%;
  top: 0;
}

.n_fw2 .n_fw2box1 ul li:nth-child(2) {
  right: 73.5%;
  top: 33%;
}

.n_fw2 .n_fw2box1 ul li:nth-child(3) {
  left: 30.5%;
  bottom: -4%;
}

.n_fw2 .n_fw2box1 ul li:nth-child(4) {
  left: 43%;
  bottom: -10%;
}

.n_fw2 .n_fw2box1 ul li:nth-child(5) {
  left: 62%;
  top: 19%;
}

.n_fw2 .n_fw2box1 ul li:nth-child(6) {
  left: 63.5%;
  top: 53%;
}

.n_fw2 .n_fw2box1 ul li:nth-child(7) {
  left: 73.5%;
  bottom: 8.5%;
}

.n_fw2 .n_fw2box1 ul li>span {
  display: none;
  align-items: center;
  justify-content: center;
  color: #fff;
  width: 2.375rem;
  height: 2.375rem;
  border-radius: 50%;
  background: #145c31;
}

.n_fw2 .n_fw2box1 ul li>p {
  font-size: 1.25rem;
  color: #333333;
  line-height: 1.75rem;
}

.n_fw2 .n_fw2box1 ul li>h6 {
  font-size: 1.5rem;
  color: #333333;
  font-weight: bold;
  line-height: 1.5;
}

.n_fw2 .n_fw2box1 ul li>h6 span {
  font-weight: normal;
  font-size: 1.125rem;
}


.n_fw2 .n_fw2box1 img,
.n_fw2 .n_fw2box4 img {
  margin: 3.75rem auto 0;
  display: block;
}

.n_fw2 .n_fw2box2 .m>h5,
.n_fw2 .n_fw2box4 .m>h5 {
  text-align: center;
  color: #72af38;
  font-size: 3rem;
  line-height: 3.3125rem;
}

.n_fw2 .n_fw2box2 .m>p,
.n_fw2 .n_fw2box4 .m>p {
  text-align: center;
  color: rgb(51 51 51 / 70%);
  font-size: 1.125rem;
  line-height: 1.5rem;
  margin-top: .75rem;
}

.n_fw2 .n_fw2box2 .fw2pinzhi {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 5.9375rem;
}

.n_fw2 .n_fw2box2 .fw2pinzhi .img {
  max-width: 33.125rem;
  width: 100%;
}

.n_fw2 .n_fw2box2 .fw2pinzhi .img_db:after {
  padding-top: 94.34%;
}

.n_fw2 .n_fw2box2 .fwpzbox {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 3.375rem;
}

.n_fw2 .n_fw2box2 .fwpzbox .fw2top {
  display: grid;
  align-items: center;
  gap: 2.75rem;
  grid-template-columns: repeat(4, 1fr);
}

.n_fw2 .n_fw2box2 .fwpzbox .fw2top li {
  height: 10rem;
  border: 1px solid #72af38;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  border-radius: .75rem;
  gap: 1.125rem;
}

.n_fw2 .n_fw2box2 .fwpzbox .fw2top li i {
  color: #72af38;
  font-size: 1.875rem;
}

.n_fw2 .n_fw2box2 .fwpzbox .fw2top li p {
  color: #333333;
  font-size: 1.125rem;
  line-height: 1.5;
}


.n_fw2 .n_fw2box2 .fwpzbox .fw2bot {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem 2.25rem;
}

.n_fw2 .n_fw2box2 .fwpzbox .fw2bot h5 {
  color: #145c31;
  font-weight: bold;
  font-size: 1.625rem;
  line-height: 1.5;
  margin-bottom: .625rem;
}

.n_fw2 .n_fw2box2 .fwpzbox .fw2bot p {
  position: relative;
  color: #333;
  font-size: 1.125rem;
  line-height: 2.5rem;
}

.n_fw2 .n_fw2box2 .fwpzbox .fw2bot li {
  padding-left: 1.25rem;
}

.n_fw2 .n_fw2box2 .fwpzbox .fw2bot li p::before {
  content: '';
  position: absolute;
  height: 100%;
  width: 100%;
  background: url(../images/greenbg.png)no-repeat;
  background-size: cover;
  top: 50%;
  transform: translate(0, -50%);
  left: -2.25rem;
}


.n_fw2 .n_fw2box3 {
  background: url(../images/fw2bg3.jpg)no-repeat;
  background-size: cover;
  width: 100%;
  position: relative;
  padding: 3.75rem 0;
}

.n_fw2 .n_fw2box3 .tit {
  max-width: 22rem;
  width: 100%;
  color: #fff;
}

.n_fw2 .n_fw2box3 .tit h5 {
  font-size: 3rem;
  line-height: 3.3125rem;
  margin-bottom: 1.5rem;
}

.n_fw2 .n_fw2box3 .tit p {
  color: rgb(255 255 255 / 70%);
  font-size: 1.125rem;
  line-height: 1.875rem;
}

.n_fw2 .n_fw2box3 .m {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6.25rem;
}

.n_fw2 .n_fw2box3 ul {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2.25rem 2rem;
}

.n_fw2 .n_fw2box3 ul li .img {
  width: 31.25rem;
  border-radius: .75rem;
}

.n_fw2 .n_fw2box3 ul li .img_db:after {
  padding-top: 48%;
}


.n_fw2 .n_fw2box3 ul li p {
  text-align: center;
  color: #fff;
  font-size: 1.375rem;
  line-height: 1.875rem;
  margin-top: .5rem;
}

.n_fw2 .n_fw2box3 ul li:first-child,
.n_fw2 .n_fw2box3 ul li:nth-child(2) {
  margin-left: -7.875rem;
}


.n_fw2 .n_fw2box4 {
  background: url(../images/fw2bg4.jpg)no-repeat;
  background-size: cover;
  width: 100%;
  position: relative;
}



.n_fw2 .n_fw2box4 {
  background: url(../images/fw2bg4.jpg)no-repeat;
  background-size: cover;
  width: 100%;
  position: relative;
}


.n_fw2 .n_fw2box5 {
  width: 100%;
  position: relative;
  padding: 3.125rem;
  height: 55rem;
}

.n_fw2 .n_fw2box5::before {
  content: '';
  position: absolute;
  width: 74rem;
  background: url(../images/fw2bg5.png)center center no-repeat;
  background-size: contain;
  height: 47.0625rem;
  left: 50%;
  transform: translate(-50%, 0);
}

.n_fw2 .n_fw2box5 .dzbox {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.n_fw2 .n_fw2box5 .dzbox .dzquan {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color: #fff;
  margin-bottom: 2.875rem;
  position: relative;
  width: 31.25rem;
  height: 31.25rem;
  position: relative;
}

.n_fw2 .n_fw2box5 .dzbox .dzquan::before {
  content: '';
  position: absolute;
  width: 100%;
  background: url(../images/huanxingzi.png)no-repeat;
  background-size: cover;
  height: 11.125rem;
  top: -3rem;
  left: 50%;
  width: 33.0625rem;
  transform: translate(-50%, 0);
}

.n_fw2 .n_fw2box5 .dzbox .dzquan p {
  font-size: 1.125rem;
  line-height: 1.5;
  font-family: DISNEYENGLISH-BOLD;
  text-transform: uppercase;
}

.n_fw2 .n_fw2box5 .dzbox .dzquan h4 {
  font-size: 3.75rem;
  line-height: 4.75rem;
  font-weight: bold;
}



.n_fw2 .n_fw2box5 .dzbox .con {
  position: absolute;
}

.n_fw2 .n_fw2box5 .dzbox .con h5 {
  color: #333333;
  font-size: 1.875rem;
  line-height: 1.5;
  margin-bottom: .875rem;
}

.n_fw2 .n_fw2box5 .dzbox .con .jj_scale {
  width: 7.5rem;
  height: 6.875rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: url(../images/hua.png)no-repeat;
  background-size: cover;
  position: relative;
  z-index: 0;
  flex-shrink: 0;
}

.n_fw2 .n_fw2box5 .dzbox .con .jj_scale i {
  color: #fff;
  font-size: 2rem;
}

.n_fw2 .n_fw2box5 .dzbox .con .jj_scale .flower {
  position: absolute;
  z-index: -1;
  left: 50%;
  width: calc(100% - 12px);
  height: calc(100% + 12px);
  top: 50%;
  transform: translate(-50%, -50%);
}

.n_fw2 .n_fw2box5 .dzbox .con .jj_scale .flower::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(../images/huabg.png)no-repeat;
  background-size: cover;
  animation: spins 10s linear infinite;
}

@keyframes spins {
  from {
    transform: rotateZ(0deg);
  }

  to {
    transform: rotateZ(360deg);
  }
}


.n_fw2 .n_fw2box5 .dzbox .con01 {
  right: 82%;
  top: 8rem;
}

.n_fw2 .n_fw2box5 .dzbox .con02 {
  left: 82%;
  top: 8rem;
}

.n_fw2 .n_fw2box5 .dzbox .con03 {
  right: 75%;
  bottom: 11.5rem;
}

.n_fw2 .n_fw2box5 .dzbox .con04 {
  left: 75%;
  bottom: 11.5rem;
}


.n_fw3 .n_fw3box1 {
  background: url(../images/fw3bg1.png)#fff no-repeat;
  background-size: contain;
  width: 100%;
  position: relative;
}

.n_fw3 .n_fw3box1 ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2.125rem;
}

.n_fw3 .n_fw3box1 ul li {
  border-radius: .75rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  height: 22.5rem;
  padding: 4rem 2.25rem 0;
}

.n_fw3 .n_fw3box1 ul li h5 {
  font-weight: bold;
  font-size: 1.625rem;
  line-height: 2.25rem;
}

.n_fw3 .n_fw3box1 ul li i {
  display: block;
  height: 1px;
  width: 100%;
  margin: 1.5rem 0 2.875rem;
}

.n_fw3 .n_fw3box1 ul li p {
  font-size: 1.125rem;
  line-height: 2.25rem;
}

.n_fw3 .n_fw3box1 ul li:nth-child(odd) {
  background: url(../images/jibg.jpg)no-repeat;
  background-size: 100% 100%;
}

.n_fw3 .n_fw3box1 ul li:nth-child(odd) h5,
.n_fw3 .n_fw3box1 ul li:nth-child(odd) p {
  color: #fff;
}

.n_fw3 .n_fw3box1 ul li:nth-child(odd) i {
  background: url(../images/bialine.png)no-repeat;
  background-size: cover;
}

.n_fw3 .n_fw3box1 ul li:nth-child(even) {
  background: url(../images/oubg.jpg)no-repeat;
  background-size: 100% 100%;
}

.n_fw3 .n_fw3box1 ul li:nth-child(even) h5,
.n_fw3 .n_fw3box1 ul li:nth-child(even) p {
  color: #418234;
}

.n_fw3 .n_fw3box1 ul li:nth-child(even) i {
  background: url(../images/lvline.jpg)no-repeat;
  background-size: cover;
}


.n_fw4 .n_fw4box1 {
  background: url(../images/fw4bg1.png)bottom no-repeat;
  background-size: 100%;
  width: 100%;
  position: relative;
}

.n_fw4 .n_fw4box1 .n_fwtit {
  padding-bottom: 3rem;
}

.n_fw4 .n_fw4box1 .fwadv {
  position: relative;
}

.n_fw4 .n_fw4box1 ul {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  gap: 2rem;
}

.n_fw4 .n_fw4box1 ul li {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
}

.n_fw4 .n_fw4box1 ul li div p {
  color: #333333;
  font-size: 1.25rem;
  line-height: 2.25rem;
}

.n_fw4 .n_fw4box1 ul li .fwico {
  width: 21.5rem;
  height: 13rem;
  background: url(../images/94da1.png)no-repeat;
  background-size: cover;
  position: relative;
}

.n_fw4 .n_fw4box1 ul li:last-child .fwico {
  background: url(../images/94da2.png)no-repeat;
  background-size: cover;
}

.n_fw4 .n_fw4box1 ul li .fwico div {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: .5rem;
}

.n_fw4 .n_fw4box1 ul li .fwico div i {
  color: #fff;
  font-size: 2.5rem;
}

.n_fw4 .n_fw4box1 ul li .fwico div h6 {
  color: #fff;
  font-size: 1.5rem;
  line-height: 2.25rem;
}

.n_fw4 .n_fw4box1 ul li:first-child .fwico div {
  left: 23%;
}

.n_fw4 .n_fw4box1 ul li:last-child .fwico div {
  right: 23%;
}


.n_fw4 .n_fw4box1 .fwdav h5 {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  color: #333333;
  text-align: center;
  line-height: 2.25rem;
  font-size: 1.5rem;
  border-bottom: 2px solid #333333;
}

.n_fw5 .n_fw5box1 .hezuo {
  position: relative;
}


.n_fw5 #hzmode .swiper-slide .hztop {
  height: 8.75rem;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: .875rem;
  box-shadow: 16px 4px 24px 0px rgba(157, 170, 193, 0.2);
  border-radius: 1.5rem 1.5rem 0 0;
}

.n_fw5 #hzmode .swiper-slide .hztop h5 {
  font-weight: bold;
  font-size: 1.5625rem;
  line-height: 1.5;
  color: #fff;
}

.n_fw5 #hzmode .swiper-slide .hzbot {
  height: 16.875rem;
  width: 100%;
  padding: 3.75rem 2rem 0;
  border-radius: 0 0 1.5rem 1.5rem;
}

.n_fw5 #hzmode .swiper-slide:nth-child(odd) .hztop {
  background: #72af38;
}

.n_fw5 #hzmode .swiper-slide:nth-child(odd) .hzbot {
  background: url(../images/lvbot1.jpg)no-repeat;
  background-size: cover;

}

.n_fw5 #hzmode .swiper-slide:nth-child(even) .hztop {
  background: #145c31;
}

.n_fw5 #hzmode .swiper-slide:nth-child(even) .hzbot {
  background: url(../images/lvbot2.jpg)no-repeat;
  background-size: cover;

}

.n_fw5 #hzmode .swiper-slide .hzbot p {
  color: #000000;
  font-size: 1rem;
  line-height: 1.875rem;
  padding-top: 1.25rem;
  border-top: 1px dashed #bcd9a1;
}

.n_fw5 .n_fw5box1 h6 {
  text-align: center;
  color: #72af38;
  font-weight: bold;
  font-size: 1.875rem;
  line-height: 1.5;
  display: flex;
  align-items: center;
  justify-content: center;
}

.n_fw5 .n_fw5box1 p {
  color: #333333;
  font-size: 1.5rem;
  line-height: 1.5;

}

.n_fw5 .n_fw5box1 .hezuo .swiper-button-white {
  top: 50%;
  margin-top: 0;
  transform: translate(0, -50%);
}

.n_fw5 .n_fw5box1 .hezuo .swiper-button-white i {
  color: #999999;
  font-size: 1.875rem;
  transition: all .5s;
}

.n_fw5 .n_fw5box1 .hezuo .swiper-button-white:hover i {
  color: #72af38;
}


.n_fw5 .n_fw5box1 .hezuo .nexthz {
  left: auto;
  right: -5rem;
}

.n_fw5 .n_fw5box1 .hezuo .prevhz {
  right: auto;
  left: -5rem;
}

/* 联系我们 */


.n_contactus {
  position: relative;
}

.n_contactus .contact_slide_nav {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 17.5rem;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 4.5rem;
  z-index: 100;
}

.n_contactus .contact_slide_nav li {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
  width: 100%;
  position: relative;
}

.n_contactus .contact_slide_nav li::before {
  content: '';
  position: absolute;
  right: 0;
  width: 3px;
  height: 6.875rem;
  background: #72af38;
  opacity: 0;
  transition: all .5s;
  top: 50%;
  transform: translate(0, -50%);
}

.n_contactus .contact_slide_nav li.on::before {
  opacity: 1;
}

.n_contactus .contact_slide_nav li i {
  color: rgb(255 255 255 / 60%);
  font-size: 3.5rem;
  transition: all .5s;
}

.n_contactus .contact_slide_nav li h5 {
  color: rgb(255 255 255 / 60%);
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.125rem;
  transition: all .5s;
}

.n_contactus .contact_slide_nav li img {
  opacity: .7;
}

.n_contactus .contact_slide_nav li.on i {
  color: #fff;
}

.n_contactus .contact_slide_nav li.on img {
  opacity: 1;
}

.n_contactus .contact_slide_nav li.on h5 {
  color: #fff;
}

.n_contactus .contact_slide_for .li {
  height: 53.125rem;
  width: 100%;
}



.n_contactus .contact_slide_for img {
  display: block;
  height: 100%;
  object-fit: cover;
}

.n_contactus .contact_slide_for .li .contact_address {
  position: absolute;
  width: 51.4375rem;
  height: 29.6875rem;
  background: #72af38;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
  padding: 3.75rem 3rem 3.75rem 5rem;
  z-index: 10;
}



.contact_address h4 {
  font-weight: bold;
  font-size: 1.5rem;
  line-height: 1.75rem;
  color: rgb(255 255 255 / 50%);
  text-transform: uppercase;

}

.contact_address h5 {
  color: #ffffff;
  font-size: 2.125rem;
  line-height: 1.25;
}

.contact_address ul {
  display: grid;
  gap: 1rem;
  margin-top: 2.25rem;
}

.contact_address ul li {
  display: flex;
  align-items: center;
  gap: 1.125rem;
}

.contact_address ul li div {
  width: 50px;
  height: 57px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: url(../images/contactdbx.png)no-repeat;
  background-size: 100% 100%;
  flex-shrink: 0;
}

.contact_address ul li p {
  color: #fff;
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.contact_address ul li div i {
  color: #fff;
  font-size: 1.25rem;

}


.contact_address ul li a {
  color: #fff;
  font-size: 1.25rem;
  line-height: 1.5rem;
  display: flex;
  align-items: center;
  gap: .625rem;
}

.contact_address ul li a i {
  font-size: 1.5rem;
}

/* 人才理念 */

.n_ln {
  background: url(../images/rencalbg.jpg)no-repeat;
  background-size: cover;
  padding: 10rem 0 6.25rem;
}

.n_ln .m {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.625rem;
}

.n_ln .m>h6 {
  color: #302f38;
  font-size: 1.5rem;
  line-height: 1.875rem;
  font-weight: bold;
}

.n_ln .m>i {
  display: block;
  width: 5.125rem;
  height: 2px;
  background: #72af38;
}

.n_ln .m>img {
  margin-top: 1rem;
}

.n_ln .m>p {
  color: #000000;
  font-size: 1.0625rem;
  line-height: 2.375rem;
  max-width: 49.0625rem;
  text-align: center;
  margin-bottom: 2.25rem;
}

.n_ln #linian {
  max-width: 63.875rem;
}

.n_ln ul li .lncon {
  background: url(../images/lnbgtu.jpg)no-repeat;
  background-size: 100% 100%;
  height: 12.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1.875rem;
}

.n_ln ul li .img_db:after {
  padding-top: 63.16%;
}

.n_ln ul li .lncon h5 {
  color: #343537;
  font-size: 1.5rem;
  line-height: 1.875rem;
}

.n_ln ul li .lncon p {
  color: #cccfd3;
  font-size: 1.5rem;
  line-height: 1.625rem;
  font-family: BarlowCondensed-Regular;
}

/* 企业简介 */

.n_jianjie .m h4 {
  font-size: 3.125rem;
  font-weight: bold;
  background-image: linear-gradient(to right, #185c31, #438434, #589836, #67a637, #6dab38);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  /* 设置文本颜色为透明以展示背景渐变 */
}

.n_jianjie .m h6 {
  color: #2a312c;
  font-size: 1.625rem;
  line-height: 1.5;
  margin: 1rem 0 3rem;
}

.n_jianjie .m p {
  color: rgb(0 0 0 / 80%);
  font-size: 1.0625rem;
  line-height: 2.375rem;
}

.n_jianjie .jjlbox {
  position: relative;
  margin-top: 6.25rem;
}

.n_jianjie .jjlbox a {
  top: 3rem;
  right: 10rem;
  width: 7.25rem;
  height: 7.25rem;
  z-index: 10;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
}


.box .text {
  /* 文字区域大小 */
  width: 100%;
  height: 100%;

  /* 同样定位叠起来 */
  position: absolute;

  /* 旋转动画 */
  animation: animate 20s linear infinite;
}

@keyframes animate {
  0% {
    transform: rotate(0);
  }

  100% {
    /* 就是绕圈旋转 */
    transform: rotate(-360deg);
  }
}

.box .text span {
  /* 字体大小 */
  font-size: 1rem;

  /* span 元素的旋转基点，在整个父元素中间 */
  transform-origin: 0 4rem;
  /* 整体定位在中间 */
  position: absolute;
  left: 50%;
  top: -4%;
  text-transform: uppercase;
  color: #72af39;
  font-family: FRAMD;
}

.n_jianjie .jjlbox a::before {
  content: '';
  width: 5.5rem;
  height: 5.5rem;
  position: absolute;
  top: 50%;
  left: 50%;
  background: #72af39;
  transform: translate(-50%, -50%);
  border-radius: 50%;
}

.n_jianjie .jjlbox a i {
  color: #fff;
  font-size: 1.875rem;
  transform: rotate(-90deg)
}



.n_jianjie .jjlbox .jjwz {
  position: absolute;
  transform: rotate(90deg);
  display: flex;
  align-items: center;
  gap: 6px;
  top: 12rem;
  right: -9rem;

}


.n_jianjie .jjlbox .jjwz p {
  color: #b1b3b5;
  font-size: 1rem;
  line-height: 1.125rem;
  font-family: FRAMD;
  text-transform: uppercase;
}

.n_jianjie .jjlbox .jjwz i {
  width: 11.5625rem;
  height: 1px;
  background: #dcdcdc;
}

.n_jianjie .jjlbox #jianjie img {
  border-radius: .625rem;
}

.n_jianjie .jjlbox .swiper-button-white {
  width: 4.5rem;
  height: 4.5rem;
  border-radius: 50%;
  background: url(../images/jjnohover.jpg)no-repeat;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  right: 0;
  left: auto;
  top: auto;
  margin-top: 0;

}

.n_jianjie .jjlbox .swiper-button-white::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: url(../images/jjhover.jpg)no-repeat;
  background-size: cover;
  opacity: 0;
  transition: all .5s;
  z-index: -1;
}

.n_jianjie .jjlbox .swiper-button-white:hover::before {
  opacity: 1;
}

.n_jianjie .jjlbox .swiper-button-white i {
  color: #616161;
  font-size: 1.5rem;
  transition: all .5s;
}

.n_jianjie .jjlbox .swiper-button-white:hover i {
  color: #fff;
}

.n_jianjie .jjlbox .prevjj {
  bottom: 6rem;
}

.n_jianjie .jjlbox .nextjj {
  bottom: 0;
}

/* 发展历程 */

.fzbox {
  position: relative;
  background: url(../images/fazhanlcbg.jpg)no-repeat;
  background-size: 100% 100%;
}

.fzbox #fzlic {
  /* height: 51.125rem; */
  /* overflow: inherit; */
}

.fzbox .swiper-slide {

  position: relative;
  /* height: 51.125rem; */
  /* margin:0 -8.75rem; */
  /* margin-left: -4.75rem; */
  display: flex;
  flex-direction: column;
  transition: all .5s;

}

.fzbox .swiper-slide .img_db:after {
  padding-top: 62.8%;
}

.fzbox .swiper-slide .lcnr {
  width: 26.875rem;
  display: flex;
  flex-direction: column;
  position: relative;
}
.fzbox .swiper-slide:nth-child(even) {
  padding-bottom: 4rem;
}



.fzbox .swiper-slide:nth-child(odd) {
  justify-content: flex-end;
  margin-top: 30rem;
  padding-top: 4rem;
}


.fzbox .swiper-slide:nth-child(odd) .img {
  order: 2;
}

.fzbox .swiper-slide-prev,
.fzbox .swiper-slide-active+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide {
  opacity: 0;
}

.fzbox .swiper-slide h5 {
  color: #72af38;
  font-size: 2.25rem;
  line-height: 1.125;
  display: flex;
  align-items: flex-end;
  font-weight: bold;
  margin: 1.5rem 0 .375rem;
}

.fzbox .swiper-slide h5 span {
  font-size: 1rem;
  line-height: 1.875rem;
}

.fzbox .swiper-slide p {
  color: #000000;
  font-size: 1rem;
  line-height: 1.75rem;
  height: 7rem;
}

.fzbox .swiper-slide .winova-xdxian {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 2;
}

.winova-xdxian-none {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 1;
}

.fzbox .swiper-slide:nth-child(even) .winova-xdxian ,
.fzbox .swiper-slide:nth-child(even) .winova-xdxian-none  {
  bottom: -2rem;
}
.fzbox .swiper-slide:nth-child(odd) .winova-xdxian ,
.fzbox .swiper-slide:nth-child(odd) .winova-xdxian-none  {
  top: -0.875rem;
  transform: rotateX(180deg);
}

.fzbox .swiper-slide:nth-child(odd) p {
  margin-bottom: 1.5rem;
}

.fzbox .swiper-slide:hover .winova-xdxian svg path {
  animation: draw 5s linear forwards;
}

.winova-xdxian svg path {
  stroke-dasharray: 2000;
  stroke-dashoffset: 2000;
}

@keyframes draw {
  to {
    stroke-dashoffset: 0;
  }
}

.linex-1 svg path {
  stroke-dasharray: 2000;
  stroke-dashoffset: 2000;
  animation: draw 5s linear infinite;
  animation-delay: 3s;
}

.fzbox .swiper-button-white {
  border-radius: 50%;
  border: 3px solid #fff;
  background: #72af38;
  width: 4rem;
  height: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -2rem;
}

.fzbox .swiper-button-white i {
  color: #fff;
  font-size: 1.25rem;
}

.fzbox  .lcbox {
  position: relative;
}

.fzbox .prevlc {
  right: auto;
  left: -4rem;
}

.fzbox .nextlc {
  left: auto;
  right: -4rem;
}

.licheng_slide_wap {
  display: none;
}

.licheng_slide_wap ul li {
  position: relative;
  transition: .7s;
  -webkit-transition: .7s;
  -moz-transition: .7s;
  -ms-transition: .7s;
  -o-transition: .7s;
}

.licheng_slide_wap ul li .txt .year {
    font-family: BarlowCondensed-Medium;
    font-size: 2rem;
    line-height: 2.75rem;
    color: #72af38;
}

.licheng_slide_wap ul li .txt .con {
    color: #414141;
    font-size: 1rem;
    line-height: 1.75rem;
}


.licheng_slide_wap ul li .txt:after {
  content: "";
  display: block;
  width: 1px;
  height: 99%;
  position: absolute;
  left: 0;
  top: 1.5rem;
  background: #adcc96;
  left: 7px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  transition: all .8s;
}

.lc_dot {
  width: 1px;
  height: 1px;
  position: absolute;
  left: 1rem;
  padding: 20px;
}

.licheng_slide_wap .lc_dot {
  position: absolute;
  top: 5px;
  left: -1rem;
  z-index: 10;
}

.licheng_slide_wap .lc_dot i {
  display: block;
  border-radius: 3rem;
  border: 1px solid #7db44d;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.licheng_slide_wap .lc_dot i:nth-child(6n+1) {
  width: 2rem;
  height: 2rem;
}

.licheng_slide_wap .lc_dot i:nth-child(6n+2) {
  width: 1.325rem;
  height: 1.325rem;
}


.licheng_slide_wap .lc_dot i:nth-child(6n+3) {
  width: 0.75rem;
  height: 0.75rem;
  background: #165c31;
}

.licheng_slide_wap ul li .txt {
  padding-left: 2.75rem;
  position: relative;
  padding-top: .5rem;
  padding-bottom: 1.5rem;
}

.licheng_slide_wap ul li .txt .con {
  padding-bottom: 2rem;
  padding-top: .5rem;
}



/* 顶部搜索 */

.n_topresearch .m>h5 {
  text-align: center;
  color: #000000;
  font-size: 1.75rem;
  line-height: 1.5;
  display: flex;
  align-items: center;
  justify-content: center;
}

.n_topresearch .m>h5 p {
  color: #72af39;
  margin: 0 8px;
}

.n_topresearch  ul {
  display: grid;
  gap: 2rem;
}

.n_topresearch  ul li a {
  padding-bottom: 1.5rem;
  border-bottom: 1px solid #e8e8e8;
  display: flex;
  align-items: flex-start;
  gap: 4.375rem;
  position: relative;
}

.n_topresearch  ul li a::before {
  content: '';
  position: absolute;
  width: 0;
  height: 1px;
  background: #72af39;
  left: 0;
  bottom: -1px;
  transition: all .5s;
}
.n_topresearch  ul li a:hover::before {
  width: 50%;
}

.n_topresearch  ul li a:hover .searchcon h5 {
  color: #72af39;
}
.n_topresearch  ul li a:hover .searchcon div {
  background: #72af39;
  border: 1px solid #72af39;
}

.n_topresearch  ul li a:hover .searchcon div i {
  color: #fff;
}

.n_topresearch  ul li a  h5 {
  color: #000000;
  font-size: 1.5rem;
  line-height: 2.125rem;
  transition: all .5s;
}

.n_topresearch  ul li a .searchcon h5 span {
  color: #72af39;
}

.n_topresearch  ul li a .searchcon p {
  color: #717171;
  font-size: 1rem;
  line-height: 1.5rem;
  margin: .5rem 0 1.25rem;
}
.n_topresearch  ul li a .searchtime {
  flex-shrink: 0;
}
.n_topresearch  ul li a .searchtime h5 {
  color: #313131;
  font-size: 1.875rem;
  line-height: 1.5;
  font-family: Poppins;
}

.n_topresearch  ul li a .searchtime span {
  color: #313131;
  font-size: .875rem;
  line-height: 1.25rem;
  font-family: Poppins;
}

.n_topresearch  ul li a .searchcon div {
  width: 1.875rem;
  height: 1.875rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #c7c7c7;
  transition: all .5s;
}

.n_topresearch  ul li a .searchcon div i {
  color: #b1b1b1;
  font-size: 1rem;
}