@charset "utf-8";
/* CSS Document */
@font-face{font-family:'Helvetica Condensed Bold';
src:url("../font/Helvetica Condensed Bold.eot");
src:local("☺"),url("../font/Helvetica Condensed Bold.woff") format("woff"),
url("../font/Helvetica Condensed Bold.ttf") format("truetype"),
url("../font/Helvetica Condensed Bold.svg") format("svg");
font-weight:normal;font-style:normal
}
/*===========================header=============================*/
* {
  -webkit-tap-highlight-color: transparent;
}

html {
  scroll-behavior: smooth;
}
 
@font-face {

  font-family: BarlowCondensed-SemiBold;

  src: url(../fonts/BarlowCondensed-SemiBold.ttf);

}

@font-face {

  font-family: FRAMDCN;

  src: url(../fonts/FRAMDCN.TTF);

}

#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: 5.625rem;
  width: 100%;
  opacity: 0;
  position: fixed;
  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;
  background: #fff;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
}

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

#header>.m {
  display: flex;
  height: 100%;
  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);
  }
}

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

.logo {
  flex-shrink: 0;
}

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

.logo img {
  width: 8.25rem;
  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;
  height: 100%;
}

.site_map {
  position: absolute;
  width: 5.625rem;
  height: 6.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background: #b71f23;
  left: 0;
  top: 0;
  cursor: pointer;
  font-family: Franklin Gothic Demi Cond;
  font-size: 1rem;
  color: #fff;
  font-weight: bold;
  gap: .5rem;
}

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

#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.125rem;
  color: #313131;
  line-height: 5.625rem;
  text-align: center;
  position: relative;
  z-index: 1;
  display: inline-block;
  text-transform: capitalize;
}

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

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

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

#nav li .sub,
.top_menu_box .language .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;
}

#nav li .sub .box,
.top_menu_box .language .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,
.top_menu_box .language .sub a {
  padding: 0;
  line-height: 2.25rem;
  transition: 0.3s;
  font-size: 0.9375rem;
  color: #505050;
  white-space: nowrap;
  text-align: center;
  text-transform: capitalize;
}

#nav li .sub a:hover,
.top_menu_box .language .sub a:hover {
  color: #157c3a;
}

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

.site_system {
  position: absolute;
  width: 9.375rem;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #157c3a;
  right: 0;
  top: 0;
  cursor: pointer;
  font-size: 1rem;
  color: #fff;
  gap: 0.5rem;
}

.site_system i {
  color: #fff;
  font-size: 1.5rem;
}


.top_menu_box {
  display: flex;
  margin: 0 2.25rem;
  gap: 1.75rem;
  height: 100%;
}

.top_menu_box .top_menu {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 1;
  ;
  font-size: 1rem;
  color: #fff;
  gap: 7px;
}

.top_menu_box .top_menu a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  white-space: nowrap;
  flex-shrink: 0;
  color: #fff;
  font-size: .875rem;
  gap: 5px;
}


.top_menu_box .top_menu a i {
  color: #545454;
  font-size: 1.5rem;
}

.top_menu_box .language .yuyan .iconfont {
  color: #515151;
  font-size: 1.25rem;
}

.top_menu_box .language .yuyan {
  display: flex;
  gap: 10px;
  color: #313131;
  font-size: 1rem;
  line-height: 1.5rem;
  align-items: center;
}


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

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

#header.xg #nav ul li h3:before {
  background: #157c3a;
}

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

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

#header.xg .top_menu_box .top_menu svg path {
  fill: #157c3a !important;
}

#header.xg .top_menu_box .top_menu span {
  color: #333;
}


#m_header .top_menu {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

#m_header .btn_language>a {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  line-height: 4.5rem;
  font-size: 1.125rem;
}

#m_header .top_menu i {
  font-size: 1.5rem;
}

.language_sub {
  position: absolute;
  left: 50%;
  top: 90%;
  width: 80px;
  background: rgba(255, 255, 255, 1);
  border-radius: 5px;
  opacity: 0;
  visibility: hidden;
  transition: .5s;
  transform-origin: top;
  transform: scaleY(0) translateX(-50%);
}

.language_sub a {
  display: block;
  text-align: left;
  justify-content: flex-start !important;
  padding: 1rem 2rem;
  text-transform: capitalize;
  padding-left: 23%;
  font-size: 1rem;
  color: #666;
  position: relative;
  z-index: 1;
  transition: .5s;
}

.btn_language {
  padding: 0 1.5rem;
}

.btn_language i {
  color: #157c3a;
}

.top_menu:hover .language_sub {
  opacity: 1;
  visibility: visible;
  transform: scaleY(1) translateX(-50%);
  top: 99.9%;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
}

.language_sub a:before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: #eee;
  position: absolute;
  left: 0;
  top: 0;
  transition: .5s;
}

.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: #157c3a;
}

.btn_more:hover svg path {
  fill: #157c3a;
}

.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;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 997;
  transition: 0s 1.5s;
  background: rgba(255, 255, 255, 1);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
}

#m_header .m {
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.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;
  flex-grow: 1;
}

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

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

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

#m_nav .top_search {
  display: flex;
  justify-content: center;
  margin-right: 0;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

#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: 9998;
  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;
  border: 0;
  text-transform: capitalize;
}


.nav_mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  background-color: rgba(0, 0, 0, 0.4);
  display: none;
}

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

.search-dialog-box:before {
  content: '';
  position: absolute;
  top: 0;
  height: 0;
  transition: 0.6s;
  left: 0;
  right: 0;
  z-index: 1;
  background-image: -moz-linear-gradient(270deg,
      rgb(229, 66, 77) 30%,
      rgba(175, 30, 40, 0) 100%);
  background-image: -webkit-linear-gradient(270deg,
      rgba(229, 66, 77, 0.6),
      rgba(56, 137, 229, 0) 100%);
  background-image: -ms-linear-gradient(270deg,
      rgba(229, 66, 77, 0.6),
      rgba(56, 137, 229, 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, 0.7);
  background-size: cover;
  background-repeat: no-repeat;
  /* z-index: 1; */
  transform-origin: center center;
  transition: height 0.8s cubic-bezier(0.77, 0, 0.175, 1);
}

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

.header-right .bubbles-bg {
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s 0.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: #3888e5;
}

.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, 0.05) 100%);
  background: -ms-linear-gradient(45deg,
      rgba(255, 255, 255, 0),
      rgba(255, 255, 255, 0.05) 100%);
  background: linear-gradient(45deg,
      rgba(255, 255, 255, 0),
      rgba(255, 255, 255, 0.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: 0.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, 0.05),
      rgba(255, 255, 255, 0.1) 100%);
  background: -ms-linear-gradient(135deg,
      rgba(255, 255, 255, 0.05),
      rgba(255, 255, 255, 0.1) 100%);
  background: linear-gradient(135deg,
      rgba(255, 255, 255, 0.05),
      rgba(255, 255, 255, 0.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: #3888e5;
}

.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, 0.05),
      rgba(255, 255, 255, 0.3) 100%);
  background: -ms-linear-gradient(135deg,
      rgba(255, 255, 255, 0.05),
      rgba(255, 255, 255, 0.3) 100%);
  background: linear-gradient(135deg,
      rgba(255, 255, 255, 0.05),
      rgba(255, 255, 255, 0.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 {
  width: 50rem;
  margin: 0 auto;
  padding: 0 0.5rem 0 1.5rem;
  background-color: rgba(255, 255, 255, 0.1);
  box-sizing: border-box;
  transition: all 0.3s;
  max-width: 94%;
  display: flex;
}

.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 0.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, 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: 0.6rem auto 0;
  box-sizing: border-box;
  padding: 0 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: 0.375rem;
  line-height: 0.5rem;
  color: #fff;
  font-weight: bold;
  padding-left: 0.6rem;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 0.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: 0.375rem;
  line-height: 0.5rem;
  margin-right: 0.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 0.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: 0.35rem;
  line-height: 0.5rem;
  color: #fff;
  font-family: 'gilroy-regular';
  margin-top: 0.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 {
  top: 50%;
  left: 50%;
  transform: translate(-50%, 0);
  position: absolute;
  z-index: 1;
  margin-top: 5rem;
}

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

.nextpage a i {
  animation-delay: 0ms;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-name: arrow2;
  animation-play-state: running;
  animation-timing-function: linear;
  color: #fff;
  font-size: 1.875rem;
}

@-webkit-keyframes arrow2 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(0px);
  }

  33% {
    opacity: 1;
  }

  66% {
    opacity: 1;
  }

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

@keyframes arrow2 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(0px);
  }

  33% {
    opacity: 1;
  }

  66% {
    opacity: 1;
  }

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

@-ms-keyframes arrow2 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(0px);
  }

  33% {
    opacity: 1;
  }

  66% {
    opacity: 1;
  }

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

#banner .m {
  height: 100%;
}

#banner .swiper-container {
  height: 100vh;
}

#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 6s linear forwards;
  -webkit-animation: scaleUpDown 6s linear forwards;
}*/

#banner .txt {
  color: #fff;
  height: 100%;
  padding: 0 5%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 6rem;
  font-size: 5rem;
  line-height: 1.5;
  font-family: ALIMAMA_SHUHEITI_BOLD;
  font-weight:800;
}




/* #banner .txt{ opacity: 0; }  */
#banner .swiper-button-prev {
  background: url(../images/banner_left.png) center no-repeat !important;
  background-size: 1.5rem !important;
  opacity: 0.8;
  left: 4%;
}

#banner .swiper-button-next {
  background: url(../images/banner_right.png) center no-repeat !important;
  background-size: 1.5rem !important;
  opacity: 0.8;
  right: 4%;
}

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

.dotbox {
  position: absolute;
  left: 0;
  bottom: 2rem;
  width: 100%;
  height: 20px;
  z-index: 111;
}

.dotbox .dots {
  width: 20px !important;
  height: 20px !important;
  display: inline-block;
  background: none;
  opacity: 1;
  margin-right: 7px;
}

.dotbox .dots:before {
  border: 0;
  background: #fff;
  transform: scale(0.4);
}

.dotbox .dots svg.drawcircle circle {
  fill: none;
  box-sizing: border-box;
  stroke-width: 1.5;
  stroke-dasharray: 0, 62.8;
  stroke-dashoffset: 62.8;
}

.dots.swiper-pagination-bullet-active svg.drawcircle circle {
  animation: svgrotate 6.2s forwards;
}

@-webkit-keyframes svgrotate {
  0% {
    stroke: rgba(255, 255, 255, 1);
    stroke-dasharray: 0, 62.8;
    stroke-dashoffset: 62.8;
  }

  100% {
    stroke: rgba(255, 255, 255, 1);
    stroke-dasharray: 62.8, 0;
    stroke-dashoffset: 62.8;
  }
}

@-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);
  }
}

.section .m {
  height: 100%;
}

.s_kind .bd .box .m {
  height: auto;
}

.s_newcenter .m,
.s_partner .m {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

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


.s_fuwu .bd {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 100%;
}


.s_fuwu .bd h4 {
  color: #ffffff;
  font-size: 3.175rem;
  line-height: 3.4375rem;
  font-weight: bold;
  margin-bottom: 1.75rem;
  text-align: center;
  text-align:center;
}

.s_fuwu .bd p {
  color: #fff;
  font-size: 1.125rem;
  line-height: 2.25rem;
}

.s_fuwu .bd a {
  margin-top: 4.5rem;
}

.more {
  width: 11.25rem;
  height: 3.4375rem;
  background: #157c3a;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  border-radius: 1.875rem;
  color: #fff;
  font-size: 1rem;
  line-height: 1.875rem;
}

.more i {
  color: #fff;
  font-size: 1rem;
  transform: rotate(225deg);
}



.s_kind .bd .box {
  position: relative;
  height: 100%;
  z-index: 1;
  display: flex;
  align-items: center;
}

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

.s_kind .bd .txtbox {
  width: 36.25rem;
  padding-bottom: 6%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.s_kind .bd .txt {
  transform: translateY(7rem);
  opacity: 0;
  transition: .7s;
}

.s_kind .bd .swiper-slide-active .txt {
  transform: translateY(0);
  opacity: 1;
}

.s_kind .bd .txtbox h6 {
  font-size: 1.375rem;
  line-height: 1.875rem;
  font-weight: bold;
  color: #fff;
  margin-bottom: 1.5rem;
}

.s_kind .bd .txtbox h4 {
  color: #fff;
  font-size: 3.75rem;
  font-weight: bold;
  line-height: 1.25;
  text-transform: capitalize;
}

.s_kind .bd .txtbox p {
  font-size: 1.0625rem;
  line-height: 2rem;
  color: #fff;
  margin: 1.875rem 0 4.5rem;
}

.s_kind .hd {
  position: absolute;
  z-index: 3;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
}

#gallery,
.s_kind .bd {
  height: 100%;
  position: relative;
}

#gallery .swiper-slide::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  /*background: rgba(0, 0, 0, 0.4);*/
  z-index: 0;
}

.s_kind .hd .outbox {
  position: relative;
}

.s_kind .hd .box {
  height: 12.5rem;
  cursor: pointer;
  transition: all .5s;
  padding: 2.5rem 2.625rem;
  background: rgba(255, 255, 255, 0.3);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 2.8125rem;
}

.s_kind .hd .box h5 {
  color: #fff;
  font-size: 1.5rem;
  line-height: 1.875rem;
  font-weight: bold;
  text-transform: capitalize;
}

.s_kind .hd .box div {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
}

.s_kind .hd .box div img {
  max-width: 3.75rem;
}

.s_kind .hd .box i {
  color: rgba(255, 255, 255, .35);
  font-size: 1.75rem;
  transform: rotate(-90deg);
  transition: all .5s;
}

#thumbs .swiper-slide,
#thumbs .my-slide-thumb-active .box {
  background: transparent
}



#thumbs .my-slide-thumb-active .box {
  margin-top: 0;
  background: rgba(21, 124, 58, 0.8);
  height: calc(12.5rem + 2.8125rem);
  padding-top: 3.375rem;
}

#thumbs .my-slide-thumb-active .box h5 {
  font-size: 1.4625rem;
}

#thumbs .my-slide-thumb-active .box i {
  color: #fff;
}

.outbox .arr {
  border: 2px solid #a3a6ae;
  width: 3.4375rem;
  height: 3.4375rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  transition: all .5s;
  cursor: pointer;
}

.outbox .arr i {
  color: #c9c8cc;
  font-size: 1.5rem;
  transition: all .5s;
}

.outbox .arr:hover {
  border: 2px solid #fff;
}

.outbox .arr:hover i {
  color: #fff;
}

.outbox .arr_left {
  left: -5rem;
}

.outbox .arr_right {
  right: -5rem;
}

.outbox .arr_right i {
  transform: rotate(180deg);
}




.s_newcenter {
  background: url(../images/page4bg.jpg) center no-repeat;
  background-size: cover;
  position: relative;
}

.s_titles {
  text-align: center;
  margin-bottom: 2.5rem;
}

.s_titles h4 {
  color: #313131;
  font-size: 2.875rem;
  line-height: 3.4375rem;
  font-weight: bold;
}

.s_titles p {
  color: #9fa0a2;
  font-size: 1rem;
  line-height: 1.875rem;
  margin-top: .5rem;
}

.s_newcenter .pc_new {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 5rem;
}

.s_newcenter ul li .img {
  border-radius: .75rem .75rem 0 0;
  overflow: hidden;
}

.s_newcenter ul li .img_db:after {
  padding-top: 58.34%;
}


.s_newcenter ul li .s_newcon {
  background: #fff;
  padding: 2.5rem 2rem 3rem;
  box-shadow: 0px 0px 29px rgba(53, 128, 68, 0.1);
  border-radius: 0 0 .75rem .75rem;
  overflow: hidden;
}

.s_newcenter ul li .s_newcon span {
  color: #929292;
  font-size: .9375rem;
  line-height: 2rem;
}

.s_newcenter ul li .s_newcon h5 {
  color: #131313;
  font-size: 1.4375rem;
  line-height: 2.125rem;
  margin: .875rem 0 1.5rem;
  height: 4.25rem;
}

.s_newcenter ul li .s_newcon div {
  border: 2px solid #e0e3e5;
  font-size: .9375rem;
  line-height: 1.875rem;
  width: 9.0625rem;
  height: 2.8125rem;
  border-radius: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  color: #515151;
  transition: all .5s;
}

.s_newcenter ul li .s_newcon div i {
  color: #515151;
  font-size: 1rem;
  transform: rotate(225deg);
  transition: all .5s;
}

.s_newcenter ul li {
  border-radius: .75rem;
}

.s_newcenter ul li a {
  display: block;
  position: relative;
}

.s_newcenter ul li a:hover .s_newcon div {
  background: #157c3a;
  border: 2px solid #157c3a;
  color: #fff;
}

.s_newcenter ul li a:hover .s_newcon div i {
  color: #fff;
}

.web_new {
  display: none;
  width: 100%;
}

.s_newtime {
  position: absolute;
  width: 7.8125rem;
  height: 2.1875rem;
  background: rgba(255, 255, 255, 0.8);
  border-radius: .375rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #66686a;
  font-size: .875rem;
  line-height: 2rem;
  top: 1.25rem;
  left: 1.25rem;
  gap: 7px;
}

.s_newtime i {
  color: #989899;
  font-size: 1rem;
}


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

.s_partner .s_titles h4,
.s_partner .s_titles p {
  color: #fff;
}

.s_partner ul {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: .9375rem;
}

.s_partner ul li {
  background: #fff;
  border-radius: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3.125rem 1.875rem;
  transition: all .5s;
}

.s_partner ul li:nth-child(1) {
  grid-column-start: 1;
  grid-column-end: 3;
}

.s_partner ul li:nth-child(9) {
  grid-column-start: 3;
  grid-column-end: 5;
}

.s_partner ul li:hover {
  border-radius: 0;
}

.s_partner .more {
  margin: 3.5rem auto 0;
}

#foot {
  background: #ffffff;
  padding-top: 4.375rem;
}

#foot .box1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #e8e9ea;
  gap: 3.75rem;
}

.foot_contact .foot_phone {
  font-family: FUTURABT-MEDIUM;
  color: #157c3a;
  font-size: 1.5rem;
  line-height: 2.125rem;
  margin-bottom: 1.25rem;
  display: block;
  width: 33rem;
}

.foot_contact>p {
  color: #313131;
  font-size: 1rem;
  line-height: 2.125rem;
}

.foot_contact ul {
  display: flex;
  align-items: center;
  gap: 19px;
  margin-top: 1.25rem;
}

.foot_contact ul li div {
  border: 1px solid #dde0e1;
  border-radius: .625rem;
  width: 9.0625rem;
  height: 9.0625rem;
  padding: .75rem;
}

.foot_contact ul li p {
  color: #515151;
  font-size: .875rem;
  line-height: 2.125rem;
  text-align: center;
  margin-top: .5rem;
}




.foot_nav {
  display: flex;
  justify-content: space-between;
  flex-grow: 1;
  max-width: 1000px;
  gap: 1rem;
  flex-shrink: 0;
  width: 100%;
}


.foot_nav dl {
  color: #fff;
}

.foot_nav dd {
  font-size: .9375rem;
  line-height: 2.375rem;
  color: #747474;
  transition: .5s;
  text-transform: capitalize;
}

.foot_nav dt {
  font-size: 1.125rem;
  line-height: 1.5rem;
  padding-bottom: 1rem;
  margin-bottom: .875rem;
  position: relative;
  display: inline-block;
  color: #313131;
}

.foot_nav dl dt::before {
  content: '';
  position: absolute;
  height: 2px;
  width: 15px;
  background: #157c3a;
  bottom: 0;
  left: 0;
}

.foot_nav dd:hover {
  color: #157c3a;
}

#foot .box2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.25rem 0 3rem;
}

.copyright {
  font-size: .875rem;
  color: #7f7c7c;
  line-height: 1.5625rem;

}

.copyright a {
  transition: all .5s;
}

.copyright a:hover {
  color: #157c3a;
}


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

.foot_link dl {
  position: relative;
}

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

.foot_link dt h6 {
  font-size: 1rem;
  color: #464646;
  line-height: 1.5625rem;
  display: flex;
}

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

}

.foot_link dt i {
  font-size: 1.25rem;
  color: #868686;
  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;
  background: #fff;
  border: 1px solid #d9dadb;
  z-index: -1;
}

.foot_link dd .box {
  padding: 1rem 1rem 0;
  display: none;
}

.foot_link dd .box a {
  display: block;
  color: #4c4c4c;
  font-size: .875rem;
  line-height: 2;
  transition: .3s;
}

.foot_link dd .box a:hover {
  color: #157c3a;
}



.icobiao {
  display: flex;
  gap: .8125rem;
  padding-left: 2.625rem;
  margin-top: 2.25rem;
}

.icobiao>div {
  width: 1.875rem;
  height: 1.875rem;
  border-radius: 50%;
  background: #bcbec3;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.icobiao div:hover .ewmqrcode {
  opacity: 1;

}

.icobiao div .ewmqrcode {

  opacity: 0;

  position: absolute;

  z-index: 10;

  top: 40px;

  width: 95px;

  height: 101px;

  background: url(../images/mak.png)no-repeat;

  transition: all 200ms;

  -webkit-tansition: all 350ms;

  -moz-transition: all 350ms;
  display: flex;
  align-items: center;
  justify-content: center;
}



.icobiao div .ewmqrcode img {
  margin-top: 5px;
}


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

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

#bnt_back {}

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

#m_n_nav i {}

#m_n_nav h1 {
  font-size: 14px;
  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);
}




#fp-nav ul li a {
  width: .9375rem !important;
  height: .9375rem !important;
  border: 2px solid #fff !important;
  border-radius: 50%;
}

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

#fp-nav ul li a.active {
  border: 2px solid #b71f23 !important;
  background: #b71f23;
}

.online_q {
  position: fixed;
  right: 0;
  bottom: 10%;
  z-index: 995;
  transition: .5s;
  -webkit-transition: .5s;
  border-radius: 2.5rem;
  padding: 1.25rem 0
}

.online_q .close {
  position: absolute;
  right: -1rem;
  font-size: 1rem;
  color: #969797;
  opacity: 1;
  font-weight: normal;
  cursor: pointer
}

.online_q .btn2 {
  width: 3.75rem;
  height: 3.75rem;
  background: #c1c7cb;
  transition: all .5s;
  cursor: pointer;
  position: relative;
  z-index: 1;
  margin-bottom: 2px;
  border-radius: .625rem;
}




.online_q .btn2:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  border-radius: .625rem;
  left: 0;
  top: 0;
  z-index: -1;
  opacity: 0;
  transition: all .5s;
  background: #157c3a;
}

.online_q .btn2:hover::before {
  opacity: 1;
}

.online_q .btn-top {
  padding: 0;
  transition: .5s;
  overflow: hidden;
  background: #157c3a;
}

.online_q .btn2 a {
  font-size: 12px;
  color: #fff;
  display: block;
  width: 100%;
  height: 100%
}

.online_q .btn2 span {
  display: flex;
  color: #595959;
  flex-direction: column;
  font-size: .75rem;
  text-align: center;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 999;
  overflow: hidden;
  gap: .625rem;
  transition: .3s;
  -webkit-transition: .3s;
  overflow: hidden;
  flex-shrink: 0
}


.online_q .btn2 span i {
  font-size: 1.5rem;
  color: #fff;
}

.online_q .open.pic {
  position: absolute;
  background: #eef2f6;
  width: 100px;
  height: 100px;
  right: 60px;
  top: 50%;
  margin-top: -50px;
  text-align: right;
  opacity: 0;
  transition: .6s;
  -webkit-transition: .6s;
  visibility: hidden
}

.online_q .open.pic img {
  width: 80px;
  height: 80px;
  margin-top: 10px;
  margin-right: 10px
}

.online_q .btn2:hover .open.pic {
  opacity: 1;
  right: 60px;
  visibility: visible
}

.online_q .open.phone {
  position: absolute;
  background: #fff;
  -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
  border: 1px solid #e1e6f0;
  width: auto;
  min-height: 3.125rem;
  right: 4.375rem;
  padding: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 50%;
  transform: translate(0, -50%);
  transition: .6s;
  -webkit-transition: .6s;
  opacity: 0;
  visibility: hidden
}

.online_q .open.imgs {
  position: absolute;
  background: #fff;
  -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
  border: 1px solid #e1e6f0;
  right: 4.375rem;
  padding: .5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  transition: .6s;
  -webkit-transition: .6s;
  opacity: 0;
  visibility: hidden;
  width: 160%;
}

.online_q .open.phone * {
  color: #333;
  font-size: 1rem;
  text-align: left;
  font-weight: bold;
  font-family: DISNEYENGLISH-MEDIUM
}

.online_q .open.imgs img {
  display: block;
}

.online_q .open.phone h5 {
  font-size: .875rem;
  font-weight: normal;
  white-space: nowrap
}

.online_q .open.phone a {
  width: 12rem;
  line-height: 1.5;
}

.online_q .open.phone span {
  font-size: 12px;
  text-align: left;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 5px;
  opacity: .7;
  font-weight: normal
}

.online_q .btn2:hover .open.phone,
.online_q .btn2:hover .open.imgs {
  transition: .5s;
  -webkit-transition: .5s;
  opacity: 1;
  visibility: visible
}

.online_q .open.pic:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-left: 10px solid #eef2f6;
  position: absolute;
  right: -15px;
  top: 50%;
  margin-top: -10px
}

.online_q .open.phone:before {
  content: "";
  position: absolute;
  display: block;
  width: 6px;
  height: 6px;
  background: #fff;
  top: 50%;
  transform: translateY(-50%) rotate(135deg);
  right: -4px;
  border-color: #e1e6f0 transparent transparent #e1e6f0;
  border-style: solid;
  border-width: 1px
}

.online_q .kefu {
  border-radius: .625rem 0 0 0;
  overflow: hidden;
}

.online_q .model {
  border-radius: 0 0 0 .625rem;
  overflow: hidden;
}

.online_q .btn2 span:hover i,
.online_q .btn2 span:hover {
  color: #fff;
}

.online_q .model::after,
.online_q #gotop::after {
  display: none;
}

#gotop:before {
  opacity: 1
}

#gotop.hide {
  height: 0;
  overflow: hidden;
  display: flex !important;
  box-shadow: none;
}



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


.n_banner>.m {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  max-width: 1600px;
}

.n_banner h4 {
  font-size: 3rem;
  line-height: 1.875;
  color: #fff;
  font-weight: bold;
}

.n_banner h6 {
  font-size: 1.25rem;
  line-height: 1.5rem;
  color: #fff;
}

.n_title {
  padding: 0;
  position: relative;
  z-index: 1;
  background: #eff4fa;
}

.n_title:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: #e5e5e5
}

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


.position {
  margin-top: -3.75rem;
  font-size: .9375rem;
  color: #747679;
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
  text-transform: capitalize;
}

.position .m {
  display: flex;
  align-items: center;
  max-width: 1600px;
}
.position .m a:last-child {
  color: #fff;
}
.position>svg {
  margin-right: 5px
}

.position span,
.position a,
.position i {
  font-size: .9375rem;
  line-height: 1.875rem;
  color: rgba(255, 255, 255, 0.45);
  flex-shrink: 0;
  -moz-transition: all .36s ease-in-out;
  -webkit-transition: all .36s ease-in-out;
  -o-transition: all .36s ease-in-out;
  -ms-transition: all .36s ease-in-out;
  transition: all .36s ease-in-out
}

.position i {
  margin: 0 .5rem;
  font-style: normal;
}

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

.position i {
  color: rgba(255, 255, 255, 0.45);
  font-style: normal;
  font-size: 1rem;
  transform: rotate(-90deg);
}

.position a:hover {
  color: #fff
}



/*
 .page {
  text-align: center;
  font-size: 0;
  color: #464c52;
  width: 100%;
  overflow: hidden;
}

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

.page a {
  border: 1px solid #b3b3b4;
  padding: 0 5px;
  min-width: 3.125rem;
  height: 3.125rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0.375rem;
  color: #464c52;
  border-radius: 50%;
  font-size: 1rem;
  -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;
}

.page .on,
.page a:hover {
  background: #157c3a;
  border: 1px solid #157c3a;
  color: #fff;
}

.page a:hover svg path {
  fill: #fff;
}

.page span {
  display: inline-block;
  margin: 0 1rem;
} 
*/


/* 新闻中心 */


#n_main {
  position: relative;
}

#n_main .m {
  max-width: 1600px;
}


#n_main .m  #mynav ,
#n_main .m  #mynav3 {
  position: absolute;
  top: -15rem;
}

#n_main .duoxx {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 0.05rem;
}

#n_main .duoxx a {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .5s;
  color: #212121;
  font-size: 1rem;
  line-height: 1.875rem;
  border: 1px solid #bbbbbf;
  border-radius: 1.875rem;
  /* width: 9.6875rem; */
  padding: 0 1.25rem;
  height: 40px;
  line-height:40px;
  text-transform: capitalize;
  width: 100%;
}

#n_main .duoxx li.on a,
#n_main .duoxx li:hover a {
  background: #157c3a;
  border: 1px solid #157c3a;
  color: #fff;
  font-weight:bold;
  font-size: 18px;
}

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

#n_main .buju{
  position: relative;
}
#n_main .buju::before{
  content: "";
  position: absolute;
  width: 19%;
  height: 85%;
  top: 15%;
  right: 11%;
  border: 1px dashed #00000024;
  border-radius: 18rem;
}



.n_newcenter .m .impnew {
  display: flex;
  align-items: center;
}

.imptu {
  margin-right: 2.8125rem;
  padding: 1.25rem 0;
  flex-shrink: 0;
  border-bottom: 2px solid transparent;
  transition: all .5s;
  max-width: 40.9375rem;
  width: 100%;
}

.imptu .img {
  border-radius: .625rem;
}

.imptu .img_db:after {
  padding-top: 60.92%;
}

.imgtu {
  padding: 2rem 0 0;
}

.imgtu p {
  display: none !important;
}

.imgtu .img {
  border-radius: 10px;
}


.imgtu .imgtutit {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1rem;
}

.imgtu h5,
.impcon h5 {
  color: #202020;
  font-size: 1.375rem;
  line-height: 1.8125rem;
}

.imgtu span,
.impcon span,
.nccon span {
  color: #9a9a9a;
  font-size: .875rem;
  line-height: 1.5;
  flex-shrink: 0;
}

.impcon {
  border-left: 1px solid #e2e2e2;
  flex-grow: 1;
}

.impcon ul li {
  border-bottom: 1px solid #e2e2e2;
  padding: 2.5rem 2.875rem 2.5rem;
  transition: all .5s;
  border-left: 1px solid transparent;
}

.impcon ul li+li {
  border-bottom: 0 !important;
}

.impcon ul li img {
  display: none;
}

.impcon p,
.imgtu p {
  color: #5c5c5c;
  font-size: .875rem;
  line-height: 1.5rem;
}

.impcon h5 {
  margin: 1rem 0;
}

.imgtu .ckxq {
  padding: 0 !important;
}

.impcon .ckxq,
.nccon div .imgtu .ckxq,
.nccon div {
  display: flex !important;
  color: #157c3a;
  align-items: center;
  padding: 2rem 0 0;
  font-size: .875rem;
  gap: 5px;
}

.ckxq i {
  color: #157c3a;
}

.ckxq i,
.nccon div i {
  font-size: 1.125rem;
  transform: rotate(-45deg);
  transition: all .5s;
}

.impcon ul li:hover {
  border-left: 1px solid #157c3a;
}

.impcon ul li:hover h5,
.imptu :hover h5 {
  color: #157c3a;
}

.imptu:hover {
  border-bottom: 2px solid #157c3a;
}

.impcon ul li:hover i,
.nclist li:hover i {
  transform: rotate(-90deg);
}


.nclist {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.9375rem 1.375rem;
}

.nclist li .img_db:after {
  padding-top: 61.25%;
}


.nclist li .nccon {
  padding: 2.5rem 2.25rem;
  background: #fff;
}


.nccon h5 {
  color: #202020;
  font-size: 1.25rem;
  line-height: 1.8125rem;
  height: 3.625rem;
  margin-top: .5rem;
  transition: all .5s;
}

.nccon p {
  color: #6e6e6e;
  font-size: .875rem;
  line-height: 1.5rem;
  height: 3rem;
}

.nccon div {
  color: #464646;
}

.nccon div i {
  color: #666767;
}

.nclist li a {
  display: block;
  border-radius: .625rem;
  overflow: hidden;
}

.nclist li a:hover h5 {
  color: #157c3a;
}


/* 新闻详情 */

.n_newxq .n_xqbox {
  background: #fff;
  padding: 4.375rem 3.75rem;
  border-radius: 1.25rem;
  display: grid;
  grid-template-columns: 1fr 18.75rem;
  gap: 3.75rem;
  align-items: flex-start;
}



.n_newxq .xqleft .ar_title {
  padding-bottom: 1.25rem;
  border-bottom: 2px solid #e6e6e6;
  position: relative;
  margin-bottom: 2.5rem
}

.n_newxq .xqleft .ar_title::before {
  content: '';
  position: absolute;
  width: 6rem;
  height: 2px;
  bottom: -2px;
  left: 0;
  background: #157c3a;
}

.n_newxq .xqleft .ar_title .xw {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  width: 8.125rem;
  height: 2.1875rem;
  font-size: .9375rem;
  line-height: 1.375rem;
  border-radius: 1.25rem;
  background: #157c3a;
}

.n_newxq .xqleft .ar_title h4 {
  color: #2b3340;
  font-size: 2.125rem;
  font-weight: bold;
  margin: 1.5rem 0 1rem;
  line-height: 2.75rem
}

.n_newxq .xqleft .ar_title span {
  color: #515151;
  font-size: .9375rem;
  line-height: 1.25rem;
  font-weight: bold;
}

.n_newxq .xqleft .ar_article p {
  color: #616161;
  font-size: 1rem;
  line-height: 1.875rem
}

/* .n_newxq .xqright {
  position: sticky;
  top: 6rem;
} */
.n_newxq .xqright>h5 {
  color: #313131;
  font-size: 1.625rem;
  line-height: 1.875rem;
  margin-bottom: 1.5rem;
}

.n_newxq .xqright ul {
  display: grid;
  gap: 1.5rem;
}

.n_newxq .xqright ul li .img {
  border-radius: .625rem;
}

.n_newxq .xqright ul li .img_db:after {
  padding-top: 60%;
}

.n_newxq .xqright ul li .trendcon h5 {
  color: #131313;
  font-size: 1.125rem;
  line-height: 1.625rem;
  margin: .75rem 0 .5rem;
  transition: all .5s;
}

.n_newxq .xqright ul li .trendcon div {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #66686a;
  font-size: .875rem;
  line-height: 2rem;
}

.n_newxq .xqright ul li .trendcon i {
  font-size: 1rem;
  color: #9b9b9b;
}

.n_newxq .xqright ul li:hover h5 {
  color: #157c3a;
}

/* 用人建设 */

.n_tits {
  padding-left: 3.75rem;
  color: #212121;
  font-size: 2.375rem;
  line-height: 1.25;
  position: relative;
  margin-bottom: 3.125rem;
  text-transform: capitalize;
}

.n_tits::before {
  content: '';
  position: absolute;
  background: url(../images/n_titzs.png)no-repeat;
  background-size: cover;
  width: 45px;
  height: 34px;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
}

.n_fuli ul {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 1.1875rem 1.125rem;
}

.n_fuli ul li {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 1px solid #dad9de;
  border-radius: 1rem;
  padding: 2.5rem 1.5rem 2rem;
  gap: 1.25rem;
  transition: all .5s;
}

.n_fuli ul li div {
  position: relative;
  width: 2.75rem;
  height: 3.125rem;

}

.n_fuli ul li div img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all .5s;
}


.n_fuli ul li div .flbai,
.n_fuli ul li:hover div .flhei {
  opacity: 0;
}

.n_fuli ul li div .flhei,
.n_fuli ul li:hover div .flbai {
  opacity: 1;
}

.n_fuli ul li:hover {
  border: 1px solid #157c3a;
  background: #157c3a;

}

.n_fuli ul li:hover p {
  color: #fff;
}

.n_fuli ul li p {
  color: #313131;
  font-size: 1.25rem;
  line-height: 1.625rem;
  transition: all .5s;
  text-align: center;
}


.n_level {
  background: url(../images/n_jinshengbg.jpg)center no-repeat;
  background-size: cover;
  position: relative;
  width: 100%;
  height: 41.5625rem;
}

.n_level .m {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.n_level .js_slide_nav {
  display: flex;
  align-items: center;
  gap: 10px;
}

.n_level .js_slide_nav li {
  color: #313131;
  font-size: .9375rem;
  line-height: 1.875rem;
  /* width: 7.5rem; */
  height: 2.5rem;
  border: 1px solid #aaaaaa;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 1.25rem;
  transition: all .5s;
  cursor: pointer;
  padding: 0 1rem;
  text-transform: capitalize;
}

.n_level .js_slide_nav li.on {
  border: 1px solid #157c3a;
  background: #157c3a;
  color: #fff;
}


.js_slide_for .li {
  display: flex;
  gap: 1rem;
  justify-content: center;
  padding-bottom: 1.5rem;
}

.js_slide_for .li div {
  max-width: 9.625rem;
  width: 100%;
  height: 9.4375rem;
  color: #313131;
  font-size: 1.125rem;
  line-height: 1.875rem;
  background: url(../images/n_jstxtbg.png)no-repeat;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.js_slide_for .li div:nth-child(8n+1) {
  margin-top: 0;
}

.js_slide_for .li div:nth-child(8n+2) {
  margin-top: -2.5rem;
}

.js_slide_for .li div:nth-child(8n+3) {
  margin-top: -5rem;
}

.js_slide_for .li div:nth-child(8n+4) {
  margin-top: -7.5rem;
}

.js_slide_for .li div:nth-child(8n+5) {
  margin-top: -10rem;
}

.js_slide_for .li div:nth-child(8n+6) {
  margin-top: -12.5rem;
}

.js_slide_for .li div:nth-child(8n+7) {
  margin-top: -15rem;
}

.js_slide_for .li div:nth-child(8n+8) {
  margin-top: -17.5rem;
}



.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;
} */


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

.n_grow ul li {
  position: relative;
  border-radius: 1rem;
  overflow: hidden;
}

.n_grow ul li .gron {
  width: 80%;
  background: rgba(255, 255, 255, 0.9);
  border-radius: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  bottom: 2.5rem;
  height: 7.1875rem;
  text-align: center;
  padding: 1.5rem;
}

.n_grow ul li .img_db:after {
  padding-top: 139.51%;
}

/* 用人理念 */


.n_build .n_ln {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.25rem 1.875rem;
}

.n_build .n_ln li {
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2.25rem;
  padding: 2.6875rem 3.125rem;
  border-radius: 1.25rem;
}

.n_build .n_ln li .lnimg {
  border-radius: 50%;
  width: 14.6875rem;
  flex-shrink: 0;
}

.n_build .n_ln li .img_db:after {
  padding-top: 100%;
}

.n_build .n_ln li .lncon h5 {
  color: #212121;
  font-size: 1.75rem;
  line-height: 1.8125rem;
  margin: 1.5rem 0 .875rem;
  transition: all .5s;
  text-transform: capitalize;
}

.n_build .n_ln li .lncon p {
  color: #414141;
  font-size: 1rem;
  line-height: 1.625rem;
}

.n_build .n_ln li:hover h5 {
  color: #157c3a;
}

/* 用人招聘 */

.n_build #list_slide {
  position: relative;
  display: grid;
  gap: 10px;
}

.n_build #list_slide dl {
  position: relative;
  z-index: 1;
  border-radius: 1rem;
  overflow: hidden;
}

.n_build #list_slide .on dt {
  background: #157c3a;
}

.n_build #list_slide dt {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  cursor: pointer;
  height: 5.3125rem;
  transition: .5s;
  padding: 0 3.75rem;
  background: #fff;
}

.n_build #list_slide dd {
  display: none;
  transition: 0s;
  line-height: 2rem;
  font-size: .9375rem;
  padding: 3rem 3.75rem 3.75rem;
  background: #fff;
}

.n_build #list_slide dl+dl dt {
  border-top: none;
}

.n_build #list_slide dt h3 {
  color: #3b3b3b;
  font-size: 1.125rem;
  overflow: hidden;
  align-items: center;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  flex-grow: 1;
  text-transform: capitalize;
}

.n_build #list_slide .on dt h3 span {
  color: #fff;
}

.n_build #list_slide dt h3 span:nth-child(2) {
  text-align: center;
}

.n_build #list_slide dt h3 span:nth-child(3) {
  text-align: right;
}

.n_build #list_slide dt h3 span:first-child {
  /* min-width: 55%; */
  flex-shrink: 0;
}

.n_build #list_slide dt .tgl {
  flex-shrink: 0;
  margin-left: 10%;
  width: 2.1875rem;
  height: 2.1875rem;
  position: relative;
  transition: .4s;
  border: 1px solid #c5c5c5;
  border-radius: 50%;
}

.n_build #list_slide dt .tgl:before {
  content: "";
  display: block;
  width: 1rem;
  height: 1px;
  background: #c5c5c5;
  position: absolute;
  top: 50%;
  left: 0;
  transition: .4s;
  transform: translate(50%, 0);
}

.n_build #list_slide dt .tgl:after {
  content: "";
  display: block;
  width: 1rem;
  height: 1px;
  background: #acacac;
  position: absolute;
  top: 50%;
  left: 27%;
  transform: rotate(90deg);
  transition: .4s;
}

.n_build #list_slide dl.on dt .tgl:before {
  background: #fff;
}

.n_build #list_slide dl.on dt .tgl:after {
  background: #fff;
  left: 0;
  transform: rotate(180deg) translate(-50%, -50%);
}

.n_build #list_slide dd .content {
  line-height: 1.875rem;
  font-size: .9375rem;
  display: flex;
  flex-direction: row-reverse;
}

#list_slide .content .right {
  width: 38%;
}

#list_slide .content .right .flex {
  display: flex;
}

.n_build #list_slide dd .tt {
  font-size: 1.5rem;
  color: #000000;
  margin-bottom: 1.875rem;
}

.n_build #list_slide .btn_send {
  width: 21.25rem;
  line-height: 3.75rem;
  display: inline-block;
  text-align: center;
  color: #fff;
  font-size: 1rem;
  background: #157c3a;
  margin-top: 2.5rem;
  height: 3.75rem;
  text-transform: capitalize;
}

.n_build #list_slide dd .sqbox {
  margin-bottom: 2rem;
}

.n_build #list_slide dd .sqbox p {
  list-style: decimal;
  /* margin-left: 1.3em; */
  font-size: .9375rem;
  color: #6f6f6f;
  line-height: 1.875rem;
}

.n_build .scrollbox h5 {
  font-size: 1rem;
  color: #3d3d3d;
}

#list_slide .content {
  overflow: hidden;
}

#list_slide .content .left {
  width: 62%;
  padding-right: 3.25rem;
}

#list_slide .content .right {
  width: 38%;
}

#list_slide .content .right .flex {
  display: flex;
}

#list_slide .content .right .pic {
  flex-shrink: 0;
  width: 7.4375rem;
  margin-right: 2rem;
}

#list_slide .content .right .applybox {
  display: flex;
  color: #404044;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}

#list_slide .content .right .tt {
  font-size: 1.5rem;
  color: #000000;
  margin-bottom: 1.875rem;
}

#list_slide .content .scrollbox {
  height: 32.5rem;
  overflow: auto;
  padding-right: 2.5rem;
}

.scrollbox::-webkit-scrollbar {
  width: 2px;
  height: 8px;
  background-color: #d9dce0;
}

.scrollbox::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #d9dce0;
}

.scrollbox::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #003a8e;
  box-shadow: 0;
  -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0);
}

#list_slide .content .right .li+.li {
  margin-top: 1rem;
}

#list_slide .ar_article p {
  color: #3d3d3d;
  font-size: 1rem;
  line-height: 2rem;
}

/* 智能工厂 */

.n_znfactory img {
  display: block;
  margin: auto;
}

.n_falc {
  background: url(../images/fa_lcbg.jpg)no-repeat;
  background-size: cover;
  position: relative;
}


.n_falc .falcbox {
  display: flex;
  align-items: center;
  gap: 3rem;
  justify-content: space-between;
}

.falcbox .falc_slide_nav {
  display: grid;
  gap: 1.5rem;
  position: relative;
  padding: 3.375rem 0;
  flex-shrink: 0;
}

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

.falcbox .falc_slide_nav li {
  color: #212121;
  font-size: 1.5rem;
  line-height: 1.5;
  padding-left: 1.875rem;
  cursor: pointer;
  transition: all .5s;
  position: relative;
}

.falcbox .falc_slide_nav li::before {
  content: '';
  position: absolute;
  left: -7px;
  top: 50%;
  transform: translate(0, -50%);
  width: 1rem;
  height: 1rem;
  background: #fff;
  border: 4px solid #157c3a;
  border-radius: 50%;
  opacity: 0;
  transition: all .5s;
}

.falcbox .falc_slide_nav li.on {
  color: #157c3a;
}

.falcbox .falc_slide_nav li.on::before {
  opacity: 1;
}

.falcbox .falc_slide_for img {
  border-radius: 1.25rem;
}

/* 技术（核心技术） */


.n_jishu .pc_jishu {
  display: grid;
  grid-template-columns: .595fr .403fr;
  align-items: center;
}

.n_jishu .pc_jishu .hxjs_slide_nav {
  display: grid;
  height: 41.875rem;
}


.hxjs_slide_nav li {
  height: 5rem;
  display: flex;
  align-items: center;
}

.hxjs_slide_nav li .nums {
  max-width: 9.0625rem;
  width: 100%;
  border-right: 1px solid rgba(255, 255, 255, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: .875rem;
  line-height: 1.625rem;
  height: 100%;
  z-index: 0;
  position: relative;
}

.hxjs_slide_nav li .nums .zsarrow {
  content: '';
  position: absolute;
  width: 3.4375rem;
  height: 3.4375rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  border: 1px solid #6d8ee9;
}

.hxjs_slide_nav li .nums .zsarrow i {
  color: #6f90e9;
  font-size: 2rem;
}

.hxjs_slide_nav li .txts {
  color: #fff;
  font-size: 1.125rem;
  line-height: 1.625rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0 1.25rem;
}


.hxjs_slide_nav li:nth-child(1) {
  background: #8fabf9;
}

.hxjs_slide_nav li:nth-child(2) {
  background: #7c9bef;
}

.hxjs_slide_nav li:nth-child(3) {
  background: #7393e9;
}

.hxjs_slide_nav li:nth-child(4) {
  background: #6486e0;
}

.hxjs_slide_nav li:nth-child(5) {
  background: #547be1;
}

.hxjs_slide_nav li:nth-child(6) {
  background: #3d69da;
}

.hxjs_slide_nav li:nth-child(7) {
  background: #2554cc;
}

.hxjs_slide_nav li:nth-child(8) {
  background: #157c3a;
}

.hxjs_slide_nav li.on {
  height: 6.875rem;
  background: #fff;
}

.hxjs_slide_nav li.on .txts {
  color: #313131
}

.hxjs_slide_nav li.on .nums .zsarrow {
  opacity: 1;
}


.web_jishu {
  display: none;
  width: 100%;
  position: relative;
}


.hxjs_slide_for .li div,
.web_jishu #sj_js .sj_txt {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  padding: 6.25rem 1.5rem 1.5rem;
  background: -webkit-linear-gradient(270deg, transparent 0%, rgba(0, 0, 0, .8) 100%);
  ;
  color: #fff;
  font-size: 1.5rem;
  line-height: 1.625rem;
  text-align: center;
}

.web_jishu #sj_js .sj_txt {
  font-size: 1.125rem;
}



.web_jishu .swiper-button-white {
  background: #fff;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  transition: all .5s;
  cursor: pointer;
  margin-top: 0;
}

.web_jishu .sj_next i {
  transform: rotate(180deg);
}

.web_jishu .swiper-button-white i {
  color: #6d8ee9;
  font-size: 1.75rem;
  transition: all .5s;
}

/* 技术（科研成果） */

.n_xm .ar_article {
  color: #414141;
  font-size: 1rem;
  line-height: 2rem;
}

.jishu_honor .n_tits {
  margin-bottom: 0;
}


.jishu_honor .honorlr {
  margin-bottom: 2.25rem;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

.jishu_honor .honorlr .zybox {
  position: relative;
  width: 7.5rem;
  height: 3.4375rem;
}

.jishu_honor .honorlr .zybox .swiper-button-white {
  border: 1px solid #ceced5;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.4375rem;
  height: 3.4375rem;
}

.jishu_honor .honorlr .zybox .swiper-button-white i {
  color: #5f6062;
  font-size: 1.25rem;
}

.jishu_honor .honorlr .zybox .js_next {
  left: auto;
  right: 0;
}

.jishu_honor .honorlr .zybox .js_prev {
  left: auto;
  right: 4rem;
}

.jishu_honor .honorlr .zybox .js_next i {
  transform: rotate(-90deg);

}

.jishu_honor .honorlr .zybox .js_prev i {
  transform: rotate(90deg);
}


#js_ry .swiper-slide a {
  background: #fff;
  padding: 2.25rem 4rem;
  display: flex;
  align-items: center;
  gap: 3.75rem;
  border-radius: .625rem;
}

#js_ry .swiper-slide a .img {
  height: 14.5625rem;
  width: 13.75rem;
}

#js_ry .swiper-slide a .img img {
  object-fit: contain;
}

#js_ry .swiper-slide a .honorcon .day {
  width: 6.5rem;
  height: 2.1875rem;
  background: #eef0f2;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #060606;
  font-size: .9375rem;
  line-height: 1.5;
  border-radius: 1.25rem;
}

#js_ry .swiper-slide a .honorcon h5 {
  color: #060606;
  font-size: 1.4375rem;
  line-height: 1.875rem;
  margin: 1rem 0 2.5rem;
}

#js_ry .swiper-slide a .honorcon .xarrow {
  border: 2px solid #c4c6c9;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.8125rem;
  height: 2.8125rem;
  transition: all .5s;
}

#js_ry .swiper-slide a .honorcon .xarrow i {
  color: #666666;
  font-size: 1.5rem;
  transform: rotate(-45deg);
  transition: all .5s;
}

#js_ry .swiper-slide a:hover .xarrow {
  background: #157c3a;
  border: 2px solid #157c3a;
}

#js_ry .swiper-slide a:hover .xarrow i {
  color: #fff;
}

/* 技术（研发平台） */

.n_yanjiu ul {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.25rem;
}

.n_yanjiu ul li {
  position: relative;
  border-radius: 1rem;
  overflow: hidden;
}

.n_yanjiu ul li .img_db:after {
  padding-top: 66.91%;
}

.n_yanjiu ul li .yjname {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  padding: 6.25rem 1.5rem 1.75rem;
  background: -webkit-linear-gradient(270deg, transparent 0%, rgba(0, 0, 0, .8) 100%);
  color: #fff;
  font-size: 1.375rem;
  line-height: 2rem;
  text-align: center;
}


.shiying {
  position: relative;
}


.shiying .m>ul {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(3,1fr);
}

.shiying .m>ul li:first-child {
  grid-column-start: 1;
  grid-column-end: 3;
}
.shiying .m>ul li a{
  display: block;
  position: relative;
  border-radius: 1rem;
  overflow: hidden;
}

.shiying .m>ul li .img_db:after {
  padding-top: 84.985%;
}
.shiying .m>ul li:first-child .img_db:after {
  padding-top: 41.871%;
}

.yanfas {
  text-align: center;
  font-size: 1.5rem;
  line-height: 1.5;
  margin-top: .875rem;
}

#yf_check .swiper-slide {
  width: auto;
  position: relative;
  overflow: hidden;
  border-radius: 1rem;
}

#yf_check .swiper-slide .img {
  width: 100%;
  height: 29.0625rem;
}

#yf_check .yftxt ,
.shiying .m>ul li a .yftxt {
  position: absolute;
  left: 0;
  bottom: 0;
  color: #fff;
  font-size: 1.125rem;
  width: 100%;
  text-align: center;
  padding: 4rem 2.125rem 1.5rem;
  background: -webkit-linear-gradient(270deg, transparent 0%, rgba(0, 0, 0, .8) 100%);
}


.shiying .swiper-scrollbar {
  left: 50% !important;
  transform: translate(-50%, 0);
  height: 2px !important;
  background: #dddde1;
  max-width: 1440px;
}

.shiying .swiper-scrollbar-drag {
  background: #157c3a !important;
  height: 2px !important;
  border-radius: 0;
  position: absolute;
}

.n_yfpt {
  position: relative;
}
/* 
.n_yfpt>img {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  width: 61.0625rem;
  height: 35.625rem;
  background: url(../images/pingtaibg.png)no-repeat;
  background-size: cover;
} */


.n_yfpt #wenzi {
  margin-top: -9rem;
}
.n_yfpt #wenzi li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 2rem;
}
/* .n_yfpt #wenzi li div {
  margin-bottom: 10rem;
} */

.n_yfpt #wenzi li div {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 10.625rem;
}
.n_yfpt #wenzi p {
  color: #212121;
  font-size: 1rem;
  line-height: 2.125rem;
  max-width: 40.625rem;

}

.n_yfpt #wenzi li img {
  border-radius: 17.5rem 0 0 17.5rem;
}

.ptbox {
  position: absolute;
  width: 100%;
  /* top: 50%; */
  bottom: 0;
  z-index: 10;
  max-width: 1440px;
}

#pingtai {
  padding-top: 2rem;
}


#pingtai .swiper-slide {
  background: #fff;
  padding: .5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  /* border-radius: 1rem; */
  /* height: 8.75rem; */
  transition: all .5s;
}

#pingtai .swiper-slide:hover ,
#pingtai .my-slide-thumb-active  {
  transform: translateY(-1.875rem);
}


/* 社会责任 */

.n_society .shehui {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem 1.875rem;
}


.n_society .shehui li>div {
  border-radius: .625rem;
  overflow: hidden;
}

.n_society .shehui .img_db:after {
  padding-top: 61.96%;
}

.n_society .shehui .shcon {
  padding: 2.25rem 2.25rem 3.125rem;
  background: #fff;
}

.n_society .shehui .shcon h5 {
  color: #202020;
  font-size: 1.375rem;
  margin-bottom: .5rem;
}

.n_society .shehui .shcon span {
  color: #202020;
  font-size: .9375rem;
  line-height: 1.8125rem;
}

.n_society .shehui .shcon .jiansuo {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 2.75rem;
  gap: 1.5rem;
}

.n_society .shehui .shcon .jz {
  display: flex;
  align-items: center;
  gap: 13px;
  flex-shrink: 0;
}

.n_society .shehui .shcon .jy {
  color: #717274;
  font-size: .875rem;
  line-height: 1.5rem;
  display: flex;
  align-items: center;
  gap: 6px;

}

.n_society .shehui .shcon a {
  border-radius: 50%;
  background: #606163;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .5s;
}

.n_society .shehui .shcon a i {
  color: #fff;
  font-size: 1.125rem;
}


.n_society .shehui .shcon .jy i {
  color: #3e3e3e;
  font-size: 1.375rem;
}

.n_society .shehui .shcon a:hover {
  background: #157c3a;
}

/* 企业文化 */

.fangzhen {
  background: url(../images/whbg.jpg)bottom no-repeat;
  position: relative;
  width: 100%;
  background-size: contain;
  padding-bottom: 12rem;
}

#wenhua .whcon {
  background: #fff;
  padding: 2.5rem 3rem 3.75rem;
}


#wenhua .whcon h5 {
  color: #212121;
  font-size: 1.5rem;
  line-height: 1.5;
  margin: 1rem 0 .875rem;
  
}

#wenhua .whcon p {
  color: #515151;
  font-size: 1.125rem;
  line-height: 1.5rem;
}

#wenhua .swiper-slide {
  border-radius: .625rem;
  overflow: hidden;
}

#wenhua .whcon i {
  font-size: 3rem;
  color: #3e3a34;
}

#wenhua .swiper-slide .img_db:after {
  padding-top: 60.87%;
}

.fangzhen .sanfz {
  text-align: center;
  color: #fff;
  margin-top: 8.75rem;
}

.fangzhen .sanfz p {
  font-size: 1.375rem;
  line-height: 1.5;
  margin-bottom: 1rem;
}

.fangzhen .sanfz h5 {
  font-size: 2.375rem;
  line-height: 3.4375rem;
}

.mubiao {
  background: url(../images/mubiaobg.jpg)center no-repeat;
  position: relative;
  width: 100%;
  padding-bottom: 18.75rem;
  background-size: cover;
}


.mubiao .sanmb {
  width: 37.625rem;
  height: 37.625rem;
  position: relative;
  padding: 2.6875rem;
  margin: auto;
}

.mubiao .sanmb::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(../images/qywhquan.png)no-repeat;
  background-size: cover;
  left: 0;
  top: 0;
  animation: spins 15s linear infinite;
}

@keyframes spins {

  from {
    transform: rotateZ(0deg);
  }

  to {
    transform: rotateZ(360deg);

  }
}

.mubiao .sanmb .mbcenter {
  background: url(../images/whlogobg.jpg)no-repeat;
  background-size: cover;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.mubiao .sanmb .mbcenter .n_tits {
  color: #fff;
  margin-bottom: 0;
}

.mubiao .sanmb .mbcenter .n_tits::before {
  background: url(../images/n_titzw.png)no-repeat;
  background-size: cover;
}

.mubiao .sanmb ul {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.mubiao .sanmb ul li {
  position: absolute;
  width: 27.5rem;
}

.mubiao .sanmb ul li::before {
  content: '';
  position: absolute;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #2851b5;
}

.mubiao .sanmb ul li::after {
  content: '';
  position: absolute;
  width: 104px;
  height: 2px;
  background: url(../images/mbline1.png)no-repeat;
  background-size: cover;
}

.mubiao .sanmb ul li h5 {
  color: #212121;
  font-size: 2.375rem;
  line-height: 1.5;
  margin-bottom: .875rem;
  width: 175%;
}

.mubiao .sanmb ul li p {
  color: #414141;
  font-size: 1rem;
  line-height: 1.875rem;
}

.mubiao .sanmb ul li:nth-child(1) {
  left: -25rem;
  top: 50%;
  transform: translate(0, -50%);
  padding-right: 5.625rem;
  width: 26rem;
}

.mubiao .sanmb ul li:nth-child(1)::before {
  right: 0;
  top: 0rem;
}

.mubiao .sanmb ul li:nth-child(1)::after {
  right: 0;
  top: .375rem;
}

.mubiao .sanmb ul li:nth-child(2) {
  right: -26rem;
  top: 50%;
  transform: translate(0, -50%);
  padding-left: 7.625rem;
}

.mubiao .sanmb ul li:nth-child(2)::before {
  left: 0;
  top: 0rem;
}

.mubiao .sanmb ul li:nth-child(2)::after {
  transform: rotate(180deg);
  left: 0;
  top: .375rem;
}

.mubiao .sanmb ul li:nth-child(3) {
  left: 50%;
  bottom: -50%;
  transform: translate(-50%, -50%);
  padding-top: 2.875rem;
}

.mubiao .sanmb ul li:nth-child(3)::before {
  left: 50%;
  transform: translate(-50%, 0);
  top: 0rem;
}

.mubiao .sanmb ul li:nth-child(3)::after {
  background: url(../images/mbline2.png)no-repeat;
  background-size: cover;
  left: 50%;
  transform: translate(-50%, 0);
  top: .375rem;
  width: 2px;
  height: 44px;
}

/* 企业荣誉 */


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


.n_honor .ul .li1 a {
  position: relative;
  z-index: 10;
}

.n_honor .ul .li1 a::before {
  content: '';
  position: absolute;
  height: 6.5rem;
  background: url(../images/dd9.png)center bottom no-repeat;
  width: 90%;
  background-size: contain;
  bottom: 3.5rem;
  z-index: -1;
  left: 50%;
  transform: translate(-50%, 0);
}

.n_honor .ul .li1 .img {
  background: url(../images/kuang.png)center no-repeat;
  background-size: contain;
  padding: 1.4375rem;
  position: relative;
  height: 14.0625rem;
}

.n_honor .ul .li1 .img img {
  object-fit: contain;
  height: 11.25rem;
}

/* 
.n_honor .ul .li1 .img .look {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(180, 45, 52, 0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
  opacity: 0;
  transition: all .5s;
} */

.n_honor .ul a i {
  display: block;
  background: #157c3a;
  width: 1.0625rem;
  height: 4px;
  margin: 4.125rem auto 1rem;
}

.n_honor .ul a p {
  color: #333333;
  font-size: 1rem;
  line-height: 1.875rem;
  text-align: center;
  height: 3.75rem;
}


/* .n_honor .ul .li1 a:hover .look {
  opacity: 1;
} */
/* .n_honor #list_slides {
  position: relative;
  display: grid;
  gap: 11px;
}

.n_honor #list_slides dl {
  position: relative;
  z-index: 1;
  border-radius: .875rem;
  overflow: hidden;
}

.n_honor #list_slides dt {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  cursor: pointer;
  height: 5rem;
  transition: .5s;
  padding: 0 2.25rem;
  background: #fff;
}

.n_honor #list_slides dt .hyear {
  display: flex;
  align-items: flex-end;
  gap: .875rem;
  color: #212121;
  font-size: 1.5rem;
  line-height: 1.5rem;
  font-family: Poppins;
}

.n_honor #list_slides dt .jhao {
  width: 2.4375rem;
  height: 2.4375rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #c6c1c2;
  transition: all .5s;
  position: relative;
}

.n_honor #list_slides .on dt .jhao {
  background: #157c3a;
}

.n_honor #list_slides dt .jhao::before {
  content: '';
  position: absolute;
  width: 12px;
  height: 2px;
  background: #fff;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}


.n_honor #list_slides dt .jhao::after {
  content: '';
  position: absolute;
  width: 2px;
  height: 12px;
  background: #fff;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.n_honor #list_slides dd {
  display: none;
  transition: 0s;
  line-height: 2rem;
  font-size: .9375rem;
  padding: 2.25rem 2.5rem 2.5rem;
  background: #fff;
}

.n_honor #list_slides dd ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.25rem 1.5rem;
}

.n_honor #list_slides dd ul li a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
  background: #eef0f2;
  border-radius: .625rem;
  padding: 5.25rem 1rem 2rem;
}

.n_honor #list_slides dd ul li .imgs {
  height: 11.4375rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.n_honor #list_slides dd ul li .imgs img {
  object-fit: contain;
}

.n_honor #list_slides dd ul li p {
  color: #212121;
  font-size: 1.25rem;
  line-height: 1.875rem;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  height: 3.75rem;
} */



/* 公司简介 */

.n_company .m>h5 {
  color: #212121;
  font-size: 2.375rem;
  line-height: 3rem;
  position: relative;
  display: inline-flex;
  padding-left: 4rem;
}

.n_company .m>h5::before {
  content: '';
  position: absolute;
  background: url(../images/n_titzs.png)no-repeat;
  background-size: cover;
  width: 45px;
  height: 34px;
  left: 0;
  bottom: .5rem;
}

.n_company .m .ar_article {
  margin: 2.5rem 0;
}

.n_company .m .ar_article p {
  color: #414141;
  font-size: 1rem;
  line-height: 2rem;
}

.n_company .m .vsbox {
  display: grid;
  grid-template-columns: 60% 1fr;
  gap: 10px;
}

.n_company .m .vsbox a {
  border-radius: .875rem;
  display: block;
  position: relative;
  overflow: hidden;
  height: 100%;
}

.n_company .m .vsbox .img_db{
	height:100%;
}

.n_company .m .vsbox .video_box a .img {
  height: 100%;
}

.vsbox .mask2,
.btn_video2 .mask3 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
}

.btn_video2 {
  width: 6.875rem;
  height: 6.875rem;
  position: relative;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.btn_video2 .mask3 img {
  animation: roll 3s infinite linear;
}

.videos img {
  display: block;
}

@-webkit-keyframes roll {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

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

  100% {
    transform: rotate(360deg);
  }
}

#comswiper {
  border-radius: .875rem;
  width: 100%;
  position: relative;
}

#comswiper .img_db:after {
  padding-top: 59.75%;
}

#comswiper .swiper-button-white {
  width: 2.8125rem;
  height: 5.625rem;
  background: rgba(0, 0, 0, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  top: 50%;
  transform: translate(0, -50%);
  margin-top: 0;
}

#comswiper .swiper-button-white i {
  color: #d1d1d1;
  font-size: 1.5rem;
}

#comswiper .swiper-button-white.com_left {
  left: 0;
  right: auto;
}

#comswiper .swiper-button-white.com_right {
  right: 0;
  left: auto;
}

#comswiper .swiper-button-white.com_left i {
  transform: rotate(90deg);
}

#comswiper .swiper-button-white.com_right i {
  transform: rotate(-90deg);
}


.n_company .comgd {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 5rem;
}

.n_company .comgd li .counter {
  color: #313131;
  font-family: Poppins;
  font-size: 3.5rem;
}

.n_company .comgd li p {
  color: #616161;
  font-size: 1rem;
  line-height: 1.75rem;
}

.n_company .comgd li div {
  display: flex;
  align-items: flex-start;
  gap: 4px;
}

.n_company .comgd li {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.n_company .comgd li em {
  color: #313131;
  font-size: 1.375rem;
  line-height: 1.5rem;
}

/* 发展规划 */

.ghbox {
  max-width: 100%;
  width: 100%;
  position: relative;
}

.ghbox img {
  display: block;
}

.ghbox ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  color: #fff;
}

.ghbox ul li .dt {
  height: 42%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}

.ghbox ul li .dt h4 {
  color: #ffffff;
  font-size: 2.25rem;
  font-family: Poppins;
  line-height: 1.5;
}

.ghbox ul li .dt p {
  color: #ffffff;
  font-size: 1.375rem;
}

.ghbox ul li:nth-child(1) .dt {
  padding-top: 26%;
}

.ghbox ul li:nth-child(2) .dt {
  padding-top: 17%;
}

.ghbox ul li:nth-child(3) .dt {
  padding-top: 8%;
}

.ghbox ul li:nth-child(4) .dt {
  padding-top: 0;
}

.ghbox ul li .dd {
  /* padding: 4.5rem 2.875rem; */
  padding: 0rem 0.875rem;
  height: 18rem;
  overflow: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ghbox ul li .dd p {
  color: #ffffff;
  font-size: 1.125rem;
  line-height: 2.125rem;
}

.bjbox {
  margin: 0 5.125rem 5rem;
  position: relative;

}

.bjbox::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 16.375rem;
  background: url(../images/bujuquanbg.png)center no-repeat;
  background-size: 100% 100%;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
}


.bjbox ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  flex-grow: 1;
  gap: 1.5rem 0;
  justify-items: center;
}

.bjbox ul li {
  position: relative;
  padding: 1.25rem;
  background: url(../images/bujuyuan.png)no-repeat;
  background-size: cover;
  width: 13.4375rem;
  height: 13.4375rem;
}

.bjbox ul li .imgbj {
  border-radius: 50%;
  overflow: hidden;
  width: 100%;
  height: 100%;
}


.bjbox ul li p {
  color: #313131;
  font-size: 1.375rem;
  line-height: 1.5;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  width: 100%;
  text-align: center;
}

.bjbox ul li.top p {
  top: -3rem;

}

.bjbox ul li.bot p {
  bottom: -3rem;
}

/* 产品应用-应用领域 */

.n_makely ul {
  display: grid;
  gap: 1.5625rem;
}

.n_makely ul li {
  display: grid;
  gap: 10px;
  grid-template-columns: .678fr .322fr;
}

.n_makely ul li .img {
  border-radius: 1rem;
}

.n_makely ul li .img_db:after {
  padding-top: 55.182%;
}

.n_makely ul li .makecon {
  background: #fff;
  border-radius: 1rem;
  padding: 6.25rem 3.75rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  height: 100%;
}

.n_makely ul li .makecon h5 {
  color: #212121;
  font-size: 2.125rem;
  line-height: 1.5;
  margin: 1rem 0 1.5rem;
}

.n_makely ul li .makecon p {
  color: #515151;
  font-size: 1rem;
  line-height: 1.625rem;
}

.n_makely ul li:nth-child(even) {
  grid-template-columns: .322fr .678fr;
}

.n_makely ul li:nth-child(even) .makecon {
  order: -1;
}

.n_makely ul li a {
  background: transparent;
  border: 1px solid #dddee2;
  width: 9.6875rem;
  height: 2.8125rem;
  color: #515151;
  font-size: .9375rem;
  line-height: 1.875rem;
  transition: all .5s;
  margin-top: 2.25rem;
}

.n_makely ul li a i {
  color: #515151;
  transition: all .5s;
}

.n_makely ul li a:hover {
  color: #fff;
  background: #157c3a;
  border: 1px solid #157c3a;
}

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


/* 产品应用-领域列表 */

.n_makelist .dhbox {
  position: sticky;
  top: 5rem;
  z-index: 900;
  width: 100%;
  max-width: 100%;
  transition: all .5s;
  padding-bottom: 3.75rem;
}

.n_makelist .dhbox .duoxx {
  margin-bottom: 0 !important;
}

.n_makelist .dhbox.white {
  background: #fff;
  padding: 2rem 0;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.15);
}
.n_makelist>.m {
  display: grid;
  gap: 8rem;
}
.n_makelist .site_blocks {
  display: grid;
  gap: 3.75rem;
  position: relative;
}

.n_makelist .site_blocks>a {
  position: absolute;
  top: -11rem;
}

.n_makelist .sitetop {
  background: #fff;
  padding: 4.375rem 6.25rem 4.5rem;
  border-radius: .875rem;
}

.n_makelist .sitetop h5,
.n_makelist .sitetop p {
  text-align: center;
}

.n_makelist .sitetop h5 {
  color: #212121;
  font-weight: bold;
  font-size: 2.125rem;
  line-height: 1.5;
  text-transform: capitalize;
}

.n_makelist .sitetop>p {
  color: #616161;
  font-size: 1rem;
  line-height: 1.875rem;
  margin-bottom: 2.5rem;
}

.n_makelist .sitetop .swiper-slide .spk {
  border: 1px solid #d9d9df;
  border-radius: 1rem;
  height: 11rem;
  padding: 3.125rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  transition: all .5s;
}

.n_makelist .sitetop .swiper-slide .img {
  position: relative;
  transition: all .5s;
}

.n_makelist .sitetop .swiper-slide {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  color: #313131;
  font-size: 1.375rem;
  line-height: 1.875rem;
  gap: .875rem;
  cursor: pointer;
  text-align: center;
}

.n_makelist .sitetop .swiper-slide .bai,
.n_makelist .sitetop .swiper-slide:hover .hei,
.n_makelist .sitetop .swiper-slide.on .hei {
  opacity: 0;
}

.n_makelist .sitetop .swiper-slide .hei,
.n_makelist .sitetop .swiper-slide:hover .bai,
.n_makelist .sitetop .swiper-slide.on .bai {
  opacity: 1;
}

.n_makelist .sitetop .swiper-slide .img .bai {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all .5s;
  z-index: 1;
}

.n_makelist .sitetop .swiper-slide:hover .spk,
.n_makelist .sitetop .swiper-slide.on .spk {
  border: 1px solid #157c3a;
  background: #157c3a;
}

.n_makelist .sitetop .swiper-slide:hover .spk .img {
  transform: scale(1.1);
}



.n_makelist .sitebot h6 {
  text-align: center;
  color: #313131;
  font-weight: bold;
  font-size: 1.5rem;
  line-height: 1.875rem;
}

.n_makelist .sitebot ul {
  display: flex;
  align-items: center;
  gap: 12px;
  justify-content: center;
  padding: 2.25rem 0 3.75rem;
}

.n_makelist .sitebot ul li {
  border: 1px solid #bbbbbf;
  border-radius: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 1.5rem;
  height: 2.8125rem;
  cursor: pointer;
  transition: all .5s;
}
/* .n_makelist .sitebot ul li a {
  width: 100%;
  height: 100%;
  
} */

.n_makelist .sitebot ul li.on {
  color: #fff;
  background: #157c3a;
  border: 1px solid #157c3a;
}

.n_makelist .sitebot table {
  width: 100%;

}

.n_makelist .sitebot table tr {
  display: grid;
  grid-template-columns: .16fr .28fr .47fr .1fr;
  padding: 0 1rem;
  transition: all .5s;
}

.n_makelist .sitebot table tr td {
  padding: 1rem 0;
  transition: all .5s;
}

.n_makelist .sitebot table thead {
  border-bottom: 2px solid #d6d8db;
}



.n_makelist .sitebot table thead tr td {
  color: #212121;
  font-size: 1.0625rem;
  line-height: 1.5625rem;
}

.n_makelist .sitebot table tbody tr td {
  color: #515151;
  font-size: 1rem;
  line-height: 1.5625rem;
}

.n_makelist .sitebot table td a {
  display: flex;
  align-items: center;
  gap: .5rem;
}

.n_makelist .sitebot table td a i {
  color: #515151;
  transition: all .5s;
  font-size: 1.25rem;
}



.n_makelist .sitebot table tbody tr:hover {
  background: #157c3a;
}

.n_makelist .sitebot table tbody tr:hover td i,
.n_makelist .sitebot table tbody tr:hover td {
  color: #fff;
}

/* 产品应用-产品类型 */

.n_cplist .tablecon thead {
  background: #757e94;
}

.n_cplist table {
  width: 100%;
}

.n_cplist table tr {
  display: grid;
  /* grid-template-columns: .13fr .2fr .289fr .396fr .07fr; */
  grid-template-columns: .13fr .2fr .27fr .27fr .14fr;
  padding: 0 1.625rem;
  height: 100%;
  gap: 1rem;
}


.n_cplist table tr td {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  transition: all .5s;
  height: 5.3125rem;
}

.n_cplist table thead tr td {
  color: #fff;
  font-size: 1.125rem;
  line-height: 1.875rem;
  text-transform: capitalize;
}

.n_cplist table tbody tr td {
  color: #454545;
  font-size: 1;
  line-height: 1.5rem;
}

.n_cplist table tbody tr {
  border-top: 1px solid #d1d3d5;
}

.n_cplist table tbody tr:hover td {
  color: #157c3a;
}

.n_cplist table tbody {
  border: 1px solid #d1d3d5;
  border-top: none;
}

.n_cplist table tbody tr:nth-child(odd) {
  background: #f1f3f7;
}

.n_cplist table tbody tr:nth-child(even) {
  background: #d9dfee;
}

/* 联系我们 */

.n_contact .n_city {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2.5rem;
}

.n_contact .n_city li {
  display: flex;
  border-radius: 1.25rem;
  overflow: hidden;
}

.n_contact .n_city li .img {
  max-width: 21.25rem;
  width: 100%;
}

.n_contact .n_city .img_db:after {
  padding-top: 110.89%;
}


.n_contact .n_city li .dzcon {
  background: #fff;
  padding: 2.875rem 2.75rem 2.25rem;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.n_contact .n_city li .dzcon h5 {
  color: #313131;
  font-size: 1.4rem;
  line-height: 1.25;
}

.n_contact .n_city li .dzcon i {
  color: #157c3a;
  font-size: 2rem;
}

.n_contact .n_city li .dzcon p,
.n_contact .n_city li .dzcon a {
  color: #313131;
  font-size: 1.125rem;
  line-height: 1.875rem;
}

.n_contact .n_city li .dzcon p {
  margin: .875rem 0 1.125rem;
}


.n_contact .maps {
  margin: 2rem 0 2.5rem;
  border: 2px solid #dcdee2;
  border-radius: 1.5rem;
  overflow: hidden;
}

.n_contact .maps a {
  display: block;
  position: relative;
}

.n_contact .maps .img_db:after {
  padding-top: 38.96%;
}

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

.n_contact .maps .ico {
  position: absolute;
  animation: bounce .8s infinite linear;
}

.n_contact .maps .ico1 {
  left: 38.5%;
  bottom: 20%;
}

.n_contact .maps .ico2 {
  left: 61.5%;
  top: 6%;
}



@keyframes bounce {

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

  50% {
    transform: translateY(-20px)
  }
}

.n_liuyan {
  background: url(../images/liuyanbg.jpg)no-repeat;
  background-size: cover;
  position: relative;
}

.n_liuyan .n_tits {
  color: #fff;
}

.n_liuyan form , 
.tc_ewm #formbd {
  background: #fff;
  padding: 3rem 7.8175rem;
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 1.25rem;
  border-radius: 1.25rem;
}

.n_liuyan form div p ,
.tc_ewm #formbd div p {
  color: #313131;
  font-size: 1rem;
  line-height: 1.875rem;
}

.n_liuyan form div ,
.tc_ewm #formbd div {
  display: flex;
  flex-direction: column;
  gap: .5rem;
  position: relative;
  justify-content: flex-end;
  height: 100%;
}

.n_liuyan form div input ,
.tc_ewm #formbd div input {
  border: 1px solid #d2d8de;
  border-radius: 1rem;
  padding: 0 1.5rem;
  color: #313131;
  font-size: 1rem;
  line-height: 1.875rem;
  height: 3.5625rem;
}

.n_liuyan form div input::placeholder ,
.n_liuyan form div textarea::placeholder ,
.tc_ewm #formbd div input::placeholder ,
.tc_ewm #formbd div textarea::placeholder {
  color: #7f7f7f;
}

.n_liuyan form div:nth-child(4) ,
.tc_ewm #formbd div:nth-child(4) {
  grid-column-start: 1;
  grid-column-end: 4;
}

.n_liuyan form div textarea ,
.tc_ewm #formbd div textarea {
  border: 1px solid #d2d8de;
  border-radius: 1rem;
  padding: 1rem 1.5rem;
  color: #313131;
  font-size: 1rem;
  line-height: 1.875rem;
  height: 7.8125rem;
}

.n_liuyan form div:last-child button ,
.tc_ewm #formbd div:last-child button {
  width: 13.125rem;
  height: 3.5625rem;
  background: #157c3a;
  border-radius: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 1rem;
  line-height: 1.875rem;
  border: none;
  gap: .5rem;
}

.n_liuyan form div:last-child button i ,
.tc_ewm #formbd div:last-child button i {
  color: #fff;
  font-size: 1.375rem;
}


.n_liuyan form div #light ,
.tc_ewm #formbd div #light {
  position: absolute;
  font-size: 1rem;
  line-height: 1.5;
  color: #157c3a;
  top: 50%;
  transform: translate(0,-50%);
  right: -1rem;
  margin-left: 2rem;
}



.n_liuyan form div .yzm ,
.tc_ewm #formbd div .yzm {
  position: absolute;
  top: 72%;
  transform: translate(0, -50%);
  right: 1rem;
}

/* 质量管理 */

.n_quality  {
  background: #eff2f7;
}

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

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

.n_gys .gysbg ul li .gytop {
  background: url(../images/gystopbg.png)no-repeat;
  background-size: 100% 100%;
  /* height: 3.125rem; */
  color: #515151;
  width: 135%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 1.25rem;
  line-height: 1.875rem;
  padding: 1rem 1rem 1rem 2rem;
}
.n_gys .gysbg ul li {
  color: #fff;
  position: relative;
}
.n_gys .gysbg ul li::before {
  content: '';
  position: absolute;
  width: 37px;
  height: 28px;
  background: url(../images/gysarrow.png)no-repeat;
  background-size: cover;
}
.n_gys .gysbg ul li .gybot {
  background: url(../images/gysbotbg.png)no-repeat;
  background-size: cover;
  height: 6.125rem;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  line-height: 1.875rem;
  padding-left: 2rem;
}


.n_gys .gysbg ul li:nth-child(1)::before ,
.n_gys .gysbg ul li:nth-child(2)::before ,
.n_gys .gysbg ul li:nth-child(3)::before {
  right: -25%;
  bottom: 25%;
}
.n_gys .gysbg ul li:nth-child(4)::before  {
  transform: rotate(90deg);
  left: 40%;
  bottom: -40%;
}
.n_gys .gysbg ul li:nth-child(5)::before  {
  transform: rotate(-90deg);
  left: 40%;
  top: -40%;
}

.n_gys .gysbg ul li:nth-child(6)::before ,
.n_gys .gysbg ul li:nth-child(7)::before ,
.n_gys .gysbg ul li:nth-child(8)::before {
  left: -25%;
  bottom: 25%;
  transform: rotate(180deg);
}

.n_detection .jiank .m>h5 ,
.n_detection .zhizs .m>h5 {
  text-align: center;
  color: #212121;
  font-size: 2.375rem;
  line-height: 1.5;
  margin-bottom: 2.25rem;
}
.n_detection .jiank .sige {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 13px;
}

.n_detection .jiank .erge {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 10px;
}

.n_detection .jiank ul li {
  display: flex;
  align-items: center;
  justify-content: center;
  background: url(../images/jiancebg.jpg)no-repeat;
  background-size: cover;
  border-radius: 1rem;
  border: 1px solid #dadfec;
  gap: 1.25rem;
  height: 9.375rem;
  overflow: hidden;
  padding: 0 1.25rem;
}

.n_detection .jiank ul li .icoyuan {
  width: 4.6875rem;
  height: 4.6875rem;
  border-radius: 50%;
  background: #157c3a;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.n_detection .jiank ul li .icoyuan i {
  color: #fff;
  font-size: 2rem;
}
.n_detection .jiank .img {
  border-radius: .875rem;
  margin: 1.25rem 0;
}
.n_detection .jiank .img_db:after {
  padding-top: 39.24%;
}

.n_detection .jiank  ul h5 {
  color: #212121;
  font-size: 1.375rem;
  line-height: 1.625rem;
  font-weight: bold;
  margin-bottom: .5rem;
}

.n_detection .jiank  ul p {
  color: #616161;
  font-size: 1rem;
  line-height: 1.875rem;

}

.n_detection .jiank  ul h6 {
  color: #212121;
  font-size: 1.25rem;
  line-height: 1.875rem;
}

.zsbox {
  position: relative;
}

.zsbox::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 39.125rem;
  background: url(../images/wanyan.png)top no-repeat;
  background-size: 100% 100%;
  left: 0;
  top: 5rem;
}

.zsbox ul {
  padding: 0 6.25rem;
  display: grid;
  grid-template-columns: repeat(5,1fr);
  gap: 1.875rem 5.25rem;
  position: relative;
}
.zsbox ul li {
  position: relative;
}

.zsbox ul li h5 {
  color: #157c3a;
  position: absolute;
  left: 0;
  top: 0;
  font-size: 1.25rem;
  line-height: 1.5;
  display: none;
  font-weight: bold;
}
.zsbox ul li .zsyuan {
  width: 11.25rem;
  height: 11.25rem;
  background: url(../images/zsyuan.png)no-repeat;
  background-size: cover;
  border-radius: 50%;
  padding: 1.125rem;
  margin-bottom: .875rem;
}

.zsbox ul li .zsyuan div {
  border-radius: 50%;
  background: url(../images/zsbg.jpg)no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  gap: .5rem;
}
.zsbox ul li .zsyuan div i {
  color: #fff;
  font-size: 2.5rem;
}
.zsbox ul li .zsyuan div h6 {
  color: #fff;
  font-size: 1.125rem;
  line-height: 1.5;
  text-align: center;
}

.zsbox ul li p {
  width: 100%;
  color: #595b5d;
  height: 1.875rem;
  border: 1px dashed #ceced3;
  display: flex;
  align-items: center;
  justify-content: center;
}

.zsbox ul li .bhnum {
  display: grid;
  gap: 4px;
}

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

.n_cpgl  .cpgly {
  width: 37.25rem;
  height: 37.25rem;
  position: relative;
  padding: 2.6875rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;

}
.n_cpgl  .cpgly::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(../images/cpglyuan.png)no-repeat;
  background-size: cover;
  animation: spins 15s linear infinite;
  left: 0;
  top: 0;
}



.n_cpgl  .cpgly>div {
  width: 20.3125rem;
  height: 20.3125rem;
  background: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  box-shadow: 0 0 10px 5px rgba(36, 75, 173, 0.32);
  flex-shrink: 0;
}


.n_cpgl  .cpgly>div::before {
  content: '';
  position: absolute;
  width: 26.0625rem;
  height: 20.5rem;
  background: url(../images/xiatiao.png)no-repeat;
  background-size: cover;
  animation: spins 15s linear infinite;
}


.n_cpgl  .cpgly .n_tits {
  margin-bottom: 0;
}

.n_cpgl  .cpgly ul {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.n_cpgl  .cpgly ul li {
  position: absolute;
  display: flex;
  align-items: flex-start;
  gap: 2.25rem;
}
.n_cpgl  .cpgly ul li:nth-child(odd) {
  flex-direction: row-reverse;

}
.n_cpgl  .cpgly ul li .cpico {
  width: 5.9375rem;
  height: 5.9375rem;
  background: url(../images/cpsiyuan.jpg)no-repeat;
  background-size: cover;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.n_cpgl  .cpgly ul li .cpico i {
  color: #fff;
  font-size: 2.5rem;
}
.n_cpgl  .cpgly ul li .cpk {
  position: relative;
  display: flex;
  align-items: center;
  height: 3.4375rem;
  width: 31rem;
}
.n_cpgl  .cpgly ul li .cpk h6 {
  color: #313131;
  font-size: 1.375rem;
  line-height: 1.875rem;
}
.n_cpgl  .cpgly ul li .cpk .webcp {
  display: none;
}



.n_cpgl  .cpgly ul li:nth-child(odd) .cpk {
  justify-content: flex-end;
  padding-right: 3rem;
}
.n_cpgl  .cpgly ul li:nth-child(odd) .cpk::before {
  right: 0;
}
.n_cpgl  .cpgly ul li:nth-child(even) .cpk::before {
  left: 0;
}
.n_cpgl  .cpgly ul li .cpk::before {
  content: '';
  position: absolute;
  width: 15.0625rem;
  height: 100%;
  background: url(../images/cpsykuang.png)no-repeat;
  background-size: cover;
}




.n_cpgl  .cpgly ul li p {
  color: #515151;
  font-size: 1rem;
  line-height: 1.875rem;
  margin-top: 1rem;
  width: 26.875rem;
  height: 3.75rem;
}

.n_cpgl  .cpgly ul li:nth-child(odd) p {
  text-align: right;
}

.n_cpgl  .cpgly ul li:nth-child(1) {
  left: -31.5rem;
  top: 13%;
}
.n_cpgl  .cpgly ul li:nth-child(2) {
  right: -31.5rem;
  top: 13%;
}

.n_cpgl  .cpgly ul li:nth-child(3) {
  left: -31.5rem;
  bottom:  7%;
}
.n_cpgl  .cpgly ul li:nth-child(4) {
  right: -31.5rem;
  bottom:  7%;
}

.n_cpgl  .cpgly ul li:nth-child(even) .cpk::before {
  transform: rotateY(180deg);
}

.n_cpgl  .cpgly ul li:nth-child(even) p {
  text-align: left;
  margin-left: 3rem;
}

.n_cpgl  .cpgly ul li:nth-child(even) .cpk {
  padding-left: 3rem;
  justify-content: flex-start;
  padding-right: 0;
}


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

.khbox {
  position: relative;
}

.khbox::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 16.375rem;
  background: url(../images/n_kehuquan.png)center no-repeat;
  background-size: 100% 100%;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
}
.khbox ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  flex-grow: 1;
  gap: 4.4375rem 4.0625rem;
  justify-items: center;
  margin: 0 6.25rem;
  position: relative;
}

.khbox ul li {
  position: relative;
  padding: .6875rem;
  border: 1px solid #cbcbcf;
  width: 100%;
  height: 10.5rem;
  border-radius: 5rem;
}

.khbox ul li div {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 1.125rem;
  line-height: 1.75rem;
  padding: 2.5rem 2.5rem;
  background: url(../images/kegltxtbg.jpg)no-repeat;
  background-size: cover;
  border-radius: 5rem;
  text-align: center;
}

/* 合作伙伴 */


.n_partner .huoban {
  display: grid;
  grid-template-columns: repeat(6,1fr);
  gap: 0.75rem;
}

.n_partner .huoban .short {
  background: #fff;
  border-radius: 0.875rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  height: 13rem;
  overflow: hidden;
  padding: 2rem;
}

.n_partner .huoban >div {
  position: relative;
}
.n_partner .huoban>div:first-child {
  grid-column-start: 1;
  grid-column-end: 3;
}
.n_partner .huoban>div:nth-child(8) {
  grid-column-start: 3;
  grid-column-end: 5;
}


.n_partner .huoban .hbmz {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #164b94;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: all .5s;
  color: #fff;
  font-size: 1.375rem;
  line-height: 1.5;
  padding: 1rem;
  text-align: center;
}

.n_partner .huoban>div:hover .hbmz {
  opacity: 1;
}

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



#banner .swiper-pagination {
  position: relative;
  display: inline-block;
  width: auto;
}

#banner .swiper-pagination span {
  width: 4.5rem;
  height: 3px;
  background: transparent;
  transition: .5s;
  border-radius: 50%;
  padding: 0;
  position: relative;
  opacity: 1;
}

#banner .swiper-pagination span:before {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  position: absolute;
  left: 0;
  top: 0;
  transition: .3s;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s;
  -o-transition: .3s;
  background: rgba(255, 255, 255, .25);
}

#banner .swiper-pagination span:after {
  content: "";
  display: block;
  width: 0;
  height: 3px;
  left: 0;
  margin-left: 0;
  position: absolute;
  top: 0;
  background: #157c3a;
}

#banner .swiper-pagination span.swiper-pagination-bullet-active:after {
  animation: anim-h 4s linear forwards;
  -webkit-animation: anim-h 4s linear forwards;
}

@-webkit-keyframes anim-h {
  0% {
      width: 0;
  }

  100% {
      width: 100%;
  }
}

@keyframes anim-h {
  0% {
      width: 0;
  }

  100% {
      width: 100%;
  }
}

#banner .bottom {
  position: absolute;
  bottom: 4.375rem;
  height: 2rem;
  left: 50%;
  transform: translate(-50%,0);
  width: auto;
  padding: 0 2rem;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}

#banner .swiper-button-white {
  position: relative;
  display: block;
  height: 1.75rem;
}

#banner .swiper-button-prev {
  left: 0;
}

#banner .swiper-button-next {
  right: 0;
}

#banner .swiper-button-white svg {
  width: 1.75rem;
  height: 1.75rem;
  fill: rgba(255, 255, 255, .25);
  float: left;
  transition: .5s;
}

#banner .swiper-button-white:hover svg {
  fill:  #157c3a;
}

.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: 0 !important;
}

.layui-layer  {
  margin-top: -5.5rem;
  margin-left: 6rem;
}

.fenxiang_box1 {
  position: absolute;
  right: 0;
  bottom: 1rem;
}

#share-21.social-share {
  display: flex;
  align-items: center;
}

#share-21.social-share .social-share-icon {
  display: inline-block;
  border: #c0c0c0 1px solid;
  margin: 0 0.75rem 0 0;
}

.social-share .social-share-icon {
  position: relative;
  display: block;
  width: 2.875rem !important;
  height: 2.875rem !important;
  border-radius: 50%;
  border: none;
  color: #c0c0c0 !important;
  text-align: center;
  vertical-align: top;
  transition: 0.6s ease-out 0s;
  transition: all .8s !important;
  font-size: 1.25rem;
  display: flex !important;
  align-items: center;
  justify-content: center;
}

#share-21.social-share .social-share-icon:hover {
  border: #157c3a 1px solid !important;
  background: #157c3a !important;
  color: #fff !important;
}


.tc {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99999;
  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, .8)
}

.tc_close {
  position: absolute;
  right: .75rem;
  top: .75rem;
  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: 70rem;
  height: auto;
  position: relative;
  background: #fff;
  border-radius: 5px;
  padding: 4.5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center
}


.tc_ewm p {
  font-size: 1.25rem !important;
  color: #333 !important;
  font-weight: bold
}

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



.tc_ewm .pic form {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
  margin-top: 3rem;
}

.tc_ewm .pic form input {
  width: 27.5rem;
  padding: 0 1.5rem;
  border: 1px solid #cacaca;
  height: 3.75rem;
  font-size: 1rem;
  line-height: 3.75rem;
  border-radius: 1.875rem;
}

.tc_ewm .pic form  button {
  background: #157c3a;
  width: 8.125rem;
  height: 3.75rem;
  border-radius: 1.875rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 1rem;
  line-height: 1.5;
  border: none;
}

.tc_ewm #formbd {
  padding: 3rem 0;
  margin-top: 0;
}

.n_ggbg .tc_ewm {
  width: 70rem;
}

.tc_ewm #formbd div input {
  width: 100%;
}
.tc_ewm  .pic {
  position: relative;
}
.tc_ewm  .pic .close {
  position: absolute;
  right: -5%;
  top: -10%;
  cursor: pointer;
  width: 2rem;
  height: 2rem;
  display: flex;
  z-index: 99;
}

.tc_ewm  .pic .close:hover svg path {
  fill: #157c3a;
}



.pic .swiper .img_db:after {
  padding-top: 52.6%;
}

.pic .swiper .img_db>img {
  object-fit: contain;
}

.pic .honor1_next {
  transform: rotate(180deg);
  right: -2rem;
}

.pic .honor1_prev {
  left: -2rem;
}
.pic .swiper-button-white {
  justify-content: flex-start;
}

.pic .swiper-button-white svg path {
  transition: all .5s;
}

.pic .swiper-button-white:hover svg path {
  fill: #157c3a;
}

.index-about .photogroup{
	width:100%;
}

.index-about-list {
    display: grid;
	grid-template-columns:repeat(6,1fr);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.index-about-list .box {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 160.44643%;
}

.index-about-list .box>img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-box-shadow: 0 4px 12px rgb(0 0 0 / 30%);
    box-shadow: 0 4px 12px rgb(0 0 0 / 30%);
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    -o-object-fit: cover;
    object-fit: cover;
}

.index-about-list .box:hover>img {
    opacity: 1.2;
    -webkit-transform: scale(1.17);
    -moz-transform: scale(1.17);
    -ms-transform: scale(1.17);
    transform: scale(1.17);
}

.index-about-list .data {
    position: absolute;
    top: 50%;
    left: 20px;
    right: 20px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    line-height: 1.5;
    color: #fff;
    font-size: 15px;
    z-index: 2;
}

.index-about-list .data-num {
    margin-bottom: 5px;
}

.index-about-list .data .icon {
    height: 48px;
}

.index-about .index-more {
    margin-top: 6vh;
    text-align: center;
}

.index-about .index-more a {
    display: inline-block;
    padding: 0 22px;
    height: 30px;
    line-height: 30px;
    font-size: 15px;
    color: #157c3a;
    border: 1px solid #157c3a;
    border-radius: 15px;
}

.index-about .index-more a:hover {
    color: #fff;
    background-color: #157c3a;
}

.index-about-list .data-num span {
    line-height: 1;
    font-size: 48px;
    font-family: 'Helvetica Condensed Bold';
}

@media screen and (max-width: 1600px){
.index-more {
    margin-top: 5vh;
}
}

@media screen and (max-width: 1440px){
.index-about-list .data {
    font-size: 12px;
}
.index-about-list .data-num span {
    font-size: 36px;
}

}

@media screen and (max-width: 1024px){
.index-about-list .data {
    font-size: 12px;
}
.index-more {
    margin-top: 0.5rem;
}
.index-about-list .data-num span {
    font-size: 26px;
}
}

@media screen and (max-width: 750px){
.index-about-list {
    display: grid;
	grid-template-columns:repeat(3,1fr);
    margin: 0 -0.15rem;
    justify-content: center;
    background: none !important;
}
.index-about-list li {
    position: relative;
    padding: 20px 8px;
    box-sizing: border-box;
}
.index-about-list .box {
    height: auto;
    padding-bottom: 0;
}
.index-about-list .data {
    position: relative;
    top: 0;
    left: 0;
    right: auto;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    color: #221815;
    font-size: 13px;
}
.index-about-list .box .icon {
    height: 27px;
    margin-bottom: 5px;
}
.index-about-list .box .icon img {
    width: 25.5px;
}
.index-about-list .box>img {
    display: none;
}
.index-about .index-more a {
    padding: 0 18px;
    height: 30px;
    line-height: 30px;
    font-size: 15px;
}
}

.pro-list{
	padding-top: 52px;
}

.pro-list ul{
	display:grid;
	grid-template-columns:repeat(4,1fr);
	margin-bottom: 20px;
    gap: 20px;
}

.pro-list ul li a {
	display:block;
}

.pro-list ul li .img{
	padding-bottom:140%;
	position:relative;
	border-radius: 4px;
    overflow: hidden;
}

.pro-list ul li .img img{
	position:absolute;
	top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	object-fit:cover;
}

.pro-list ul li .title {
    padding: 20px 15px 24px;
	font-size: 15px;
    color: #595757;
	line-height:24px;
	text-align:center;
}

.pro-list ul li a:hover {
    -webkit-box-shadow: 4px 4px 12px rgb(0 0 0 / 10%);
    box-shadow: 4px 4px 12px rgb(0 0 0 / 10%);
}

#n_main .duoxx{
	display:flex !important;
	flex-wrap:wrap;
}

.paged{
	text-align:center;
}

.paged a, .paged .p_info, .paged .current {
    display: inline-block;
    vertical-align: top;
    margin: 5px 10px;
    padding: 0 10px;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    color: #595757;
    font-family: 'GothamExLight';
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

.paged .current, .paged a:hover {
    color: #157c3a;
    font-weight: bold;
}

.pro-detail .title{
	font-size:33px;
	position:relative;
	margin-bottom: 55px;
	text-align:center;
	padding:0 160px;
}

.back-list a,
.pro-detail .title .downbtn {
	position:absolute;
	right:0;
	top:50%;
	transform:translateY(-50%);
	-webkit-text-transform:translateY(-50%);
    padding: 0 30px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #157c3a;
    border: 1px solid #157c3a;
    border-radius: 32px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

.back-list{
	margin-top: 45px;
	text-align:center;
}

.back-list a{
	position:relative;
	display:inline-block;
}

.back-list a:hover,
.pro-detail .title .downbtn:hover {
    color: #fff;
    background-color: #157c3a;
}

.pro-detail .content .column{
	display:flex;
	margin-bottom:15%;
}

.pro-detail .back-list a{
	height:50px;
	line-height:50px;
}

.pro-detail .content .column .col{
	margin-right:16%;
	display:flex;
	flex-direction:column;
}

.pro-detail .content .column .abs{
	line-height:2;
	margin:40px 0;
	flex:1;
}

.pro-detail .content .column .download{
	background:#157c3a;
	color:#fff;
	height:70px;
	line-height:70px;
	display:inline-block;
	font-size:20px;
	text-align:center;
	width:80%;
	min-width:150px;
	-webkit-transition: all .3s;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

.pro-detail .content .column .download:hover{
	background:#cbda01;
}

.pro-detail .content .label {
    line-height: 1.3;
    font-size: 30px;
    color: #157c3a;
	display:flex;
	flex-direction:column;
}

.pro-detail .content .label:after{
	content:"";
	width:70px;
	height:5px;
	background-color:#cbda01;
	margin-top:35px;
}

.pro-detail .content .desc {
    font-size: 16px;
    line-height: 33px;
	background:#157c3a;
	color:#fff;
	padding:3% 5%;
}

.pro-detail .content .desc p {
    margin-bottom: 10px;
}

.pro-gallery {
    position: relative;
    margin-bottom: 80px;
    padding-right: 340px;
}

.pro-gallery-big .swiper {
    border-radius: 8px;
}

.pro-gallery-big .swiper-slide {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    overflow: hidden;
}

.pro-gallery-big .swiper-slide img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.pro-gallery-thumbs {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 230px;
}

.pro-gallery-thumbs-box .swiper-slide {
    border-radius: 8px;
    border: 4px solid transparent;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
}

.pro-gallery-thumbs .thumbs-next, 
.pro-gallery-thumbs .thumbs-prev {
    height: 50px;
    text-align: center;
    font-size: 26px;
    color: #157c3a;
    outline: none;
    cursor: pointer;
	opacity:1 !important;
}

.pro-gallery-thumbs .thumbs-next {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.pro-gallery-thumbs .thumbs-next.swiper-button-disabled, 
.pro-gallery-thumbs .thumbs-prev.swiper-button-disabled {
    color: #d2d2d2;
    cursor: default;
}

.pro-gallery-thumbs-box .img {
    display: block;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.pro-gallery-thumbs-box .swiper-slide-thumb-active .img {
    border-color: #d0d0d0;
}

.pro-gallery-thumbs-box .swiper-slide-thumb-active {
    border-color: rgba(53,128,68,0.6);
}

.pro-gallery-thumbs-box {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-height: 0;
    width: 100%;
}

.pro-gallery-thumbs .thumbs-next:before, 
.pro-gallery-thumbs .thumbs-prev:before {
    position: relative;
    display: inline-block;
}

.pro-gallery-thumbs .thumbs-prev:before {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.pro-gallery-thumbs .thumbs-next:before {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.wp1140 {
    max-width: 1140px;
    margin: 0 auto;
}

@media screen and (max-width: 768px){
	.pro-list ul{
		grid-template-columns:repeat(2,1fr);
	}
	#n_main .duoxx li, #n_main .duoxx a{
		width:auto !important;
	}
	#n_main .duoxx a{
		padding: 0 1.25rem !important;	
	}
	.pro-detail .content .column .download{
		height:50px;
		line-height:50px;
	}
	.pro-detail .back-list a{
		height:40px;
		line-height:40px;
	}
	.pro-detail .content .label:after{
		margin-top:20px;
	}
}

@media screen and (max-width: 640px){
	#n_main .duoxx li.on a, #n_main .duoxx li:hover a{
		font-size:14px;
	}
	.pro-list {
		padding-top: 30px;
	}
	.paged a, .paged .p_info, .paged .current {
		margin: 3px 5px;
		padding: 0 5px;
		font-size: 12px;
	}
}
@media screen and (max-width: 1440px){
	.pro-detail .title {
		font-size: 30px;
	}
}

@media screen and (max-width: 1200px){
	.pro-detail .title {
		font-size: 28px;
		margin-bottom: 45px;
	}
	.pro-gallery {
		margin-bottom: 70px;
		padding-right: 300px;
	}
}

@media screen and (max-width: 1024px){
	.pro-detail .content .column .col{
		margin-right:6%;
	}
	.pro-detail .title{ text-align:right; padding:0;}
	.pro-detail .title .txt{
		display:block;
		text-align:center;
		margin-bottom:30px;
	}
	.pro-detail .title .downbtn{
		position:relative;
		display:inline-block;
		transform:none;
		-webkit-transform:none;
	}
	.pro-detail .title {
		font-size: 24px;
		margin-bottom: 40px;
	}
	.pro-gallery-thumbs {
		position: relative;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-flex-direction: row;
		-moz-box-orient: horizontal;
		-moz-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		margin-top: 25px;
		width: 100%;
	}
	.pro-gallery-thumbs .thumbs-next, 
	.pro-gallery-thumbs .thumbs-prev {
		display: flex;
		align-items: center;
		text-align: left;
		width: 40px;
		height: auto;
		font-size: 22px;
	}
	.pro-gallery-thumbs .thumbs-next {
		-webkit-box-pack: end;
		-webkit-justify-content: flex-end;
		-moz-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
	}
	.pro-gallery {
		padding-right: 0;
	}
	.pro-gallery-thumbs-box .img {
		height: 0;
		padding-bottom: 100%;
	}
	.pro-gallery-thumbs .thumbs-next:before {
		-webkit-transform: rotate(0);
		-moz-transform: rotate(0);
		-ms-transform: rotate(0);
		transform: rotate(0);
	}
	.pro-gallery-thumbs .thumbs-prev:before {
		-webkit-transform: rotate(-180deg);
		-moz-transform: rotate(-180deg);
		-ms-transform: rotate(-180deg);
		transform: rotate(-180deg);
	}
}

@media screen and (max-width: 750px){
	.pro-detail .title {
		font-size: 20px;
		margin-bottom: 25px;
	}
	.pro-gallery-thumbs-box .swiper-slide {
		border-width: 3px;
	}
	.pro-gallery-thumbs .thumbs-next, 
	.pro-gallery-thumbs .thumbs-prev {
    	width: 25px;
    	font-size: 16px;
	}
	.pro-gallery-thumbs {
		margin-top: 16px;
	}
	.pro-detail .content .label {
    	font-size: 18px;
	}
	.back-list{
		margin-top: 40px;
	}
	.pro-detail .content .column{
		display:block;
	}
	.pro-detail .content .column .col{
		margin-right:0;
		margin-bottom:15%;
	}
	.pro-detail .content .column .abs{
		margin:20px 0;
	}
	.pro-detail .content .label:after{
		margin-top:10px;
		height:3px;
		width:40px;
	}
	.pro-detail .content .column .download{
		height:40px;
		line-height:40px;
		width:60%;
		display:block;
		margin:auto;
		font-size:16px;
	}
	.pro-detail .back-list a{
		height:30px;
		line-height:30px;
	}
}