@charset "utf-8";

/* CSS Document */

/*===========================header=============================*/

body {

  font-family:  微软雅黑, arial;

}

@font-face {

  font-family: OSWALD-DEMIBOLD;

  src: url("/template/default/fonts/OSWALD-DEMIBOLD.TTF");

}

@font-face {

  font-family: BARLOWCONDENSED-LIGHT;

  src: url("/template/default/fonts/BARLOWCONDENSED-LIGHT.TTF");

}

@font-face {

  font-family: BARLOWCONDENSED-BOLD;

  src: url("/template/default/fonts/BARLOWCONDENSED-BOLD.TTF");

}

@font-face {

  font-family: OSWALD-LIGHT;

  src: url("/template/default/fonts/OSWALD-LIGHT.TTF");

}

#header,
#nav ul li h3,
.top_menu {

  transition: .5s;

  -webkit-transition: .5s;

  -moz-transition: .5s;

  -ms-transition: .5s;

  -o-transition: .5s;

}

#header {

  z-index: 999;

  height: 6.25rem;

  width: 100%;

  position: fixed;

  top: 0;

  z-index: 998;

  transition: .5s;

  -webkit-transition: .5s;

  -moz-transition: .5s;

  -ms-transition: .5s;

  -o-transition: .5s;

}

#header.xg,
#header:hover {

  height: 6.25rem;

  background: rgba(255, 255, 255, 1);

  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);

}

#header>.m {

  display: flex;

  height: 100%;

  max-width: 1760px;

  justify-content: space-between;

  align-items: center;

  position: static;

}

#header .fr {

  display: flex;

}

#header #nav {

  display: flex;

  justify-content: space-between;

  width: 785px;

  margin-left: 4rem;

}

/* #header.xg #nav ul li::before,







#header:hover #nav ul li::before {







    display: none;







}















#header.xg #nav>ul>li::after,







#header:hover #nav>ul>li::after {







    bottom: 0;







    height: 100%;















} */

#logo {

  flex-shrink: 0;

}

#logo a,
.foot_logo a {

  display: flex;

  height: 4.25rem;

  align-items: center;

}

#logo img {

  transition: .5s;

  -webkit-transition: .5s;

  -moz-transition: .5s;

  -ms-transition: .5s;

  -o-transition: .5s;

  height: 3.875rem;

}

#logo .img02,
#header.xg #logo .img01,
#header:hover #logo .img01 {

  display: block;

}

#header.xg #logo .img02,
#logo .img01,
#header:hover #logo .img02 {

  display: none;

}

#nav {

  flex-grow: 1;

}

#nav ul {

  display: flex;

  flex-grow: 1;

}

#nav ul li {

  float: left;

  position: relative;

  z-index: 0;

  flex-grow: 1;

  text-align: center;

}

#nav ul li a {

  display: block;

  font-size: 0;

  position: relative;

  z-index: 10;

}

#nav ul li h3 {

  font-size: 0.95rem;

  color: #fff;

  line-height: 6.25rem;

  overflow: hidden;

  text-align: center;

  position: relative;

  z-index: 1;

  display: inline-block;

  white-space: nowrap;

  text-transform: uppercase;

  font-weight: bold;

}

#header.xg #nav ul li h3,
#header:hover #nav ul li h3 {

  line-height: 6.25rem;

  color: #000;

}

#header #nav>ul>li:hover::after,
#header #nav>ul>li.on::after {

  background: #0da945;

}

#header.xg #nav>ul>li:hover h3,
#header.xg #nav>ul>li.on h3,
#header:hover #nav>ul>li:hover h3,
#header:hover #nav>ul>li.on h3 {

  color: #fff;

}

#header #nav>ul>li::after {

  content: "";

  position: absolute;

  background: transparent;

  height: 95px;

  width: 101%;

  left: 0;

  bottom: 8px;

  transition: 0.6s;

}
#header #nav>ul>li::before {
  width: 101%;
}
/* #nav ul li.on h3,







#nav ul li:hover h3 {







    color: #fff;







} */

#nav ul .on::before,
#nav ul li:hover::before {

  /* color: #fff !important;







    background: #025511; */

  opacity: 1;

  transform: translateY(0);

}

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

#nav li .sub {

  position: absolute;

  position: absolute;

  padding-top: .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 {

  padding: 0;

  text-align: left;

  background: rgba(255, 255, 255, .8);

  padding: 1rem 2rem;

  border-radius: 5px;

  -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);

  -moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);

  box-shadow: 0px 3px 5px #3333334d;

}

#nav li .sub a {

  padding: 0;

  line-height: 2rem;

  transition: .3s;

  font-size: .875rem;

  color: #000;

  text-align: center;

  white-space: nowrap;

}

#nav li .sub a:hover {

  color: #0da945;

}

#nav li:hover .sub {

  filter: alpha(opacity=100);

  -moz-opacity: 1;

  -khtml-opacity: 1;

  opacity: 1;

  visibility: visible;

  transform: translateY(0px) translateX(-50%);

}

.top_menu_box {

  display: flex;

  margin-left: 1.5rem;

  align-items: center;

  gap: 9px;

}

.top_menu_box .top_menu a {

  width: 2.75rem;

  height: 2.75rem;

  border-radius: 50%;

  border: 1px solid #fff;

  display: flex;

  align-items: center;

  justify-content: center;

  color: #fff;

  transition: all .4s;

}

.top_menu_box .top_menu a:hover {

  border: 1px solid #0da945 !important;

}

.top_menu_box .top_menu svg path {

  transition: all .4s;

}

#header.xg .top_menu_box .top_menu svg path,
#header:hover .top_menu svg path {

  fill: #000;

}

#header.xg .top_menu_box .top_menu a:hover svg path,
#header:hover .top_menu a:hover svg path {

  fill: #0da945;

}

#header.xg .top_menu_box .top_menu a,
#header:hover .top_menu a {

  border: 1px solid #000;

}

.top_menu_box .top_menu button:hover svg path {

  fill: #0da945 !important;

}

.top_menu_search {

  position: relative;

}

.tc {

  transition: all ease 300ms;

  position: fixed;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  z-index: 100000;

  pointer-events: none;

  visibility: hidden;

  opacity: 0;

  transition: .5s;

}

.tc[name=tc_search] {

  opacity: 1;

}

.tc.act {

  display: block;

  pointer-events: auto;

  visibility: visible;

  opacity: 1;

}

.tc-box {

  box-sizing: border-box;

  z-index: 999;

  display: block;

  position: relative;

}

.tc_bg {

  height: 100%;

  background: rgba(0, 0, 0, .85);

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  z-index: 0;

  filter: alpha(opacity=0);

  -moz-opacity: 0;

  -khtml-opacity: 0;

  opacity: 0;

  transition: .5s;

}

.tc.act .tc_bg {

  filter: alpha(opacity=100);

  -moz-opacity: 1;

  -khtml-opacity: 1;

  opacity: 1;

  transition: .5s;

}

#tc_search {

  width: 100%;

  padding: 3rem;

  background: rgb(13 169 69 / 75%);

  position: relative;

  transform: translateY(-100%);

  transition: .5s .5s ease-out;

  z-index: 1;

  overflow: hidden;

}

.act #tc_search {

  transform: translateY(0);

  transition: .5s ease-in;

}

/* .top_menu_box .top_menu:before {







    content: "";







    display: block;







    width: 1px;







    height: 100%;







    position: absolute;







    left: 0;







    top: 0;







    background: rgba(255, 255, 255, .3);







    transition: .5s;







} */

.top_menu_box .top_menu.on:before {

  opacity: 0;

  visibility: hidden;

}

.top_menu_box .top_menu.on svg path {

  fill: #000;

}

#tc_search form {

  height: 5rem;

  position: relative;

  width: 900px;

  max-width: 90%;

  margin: 0 auto;

}

#tc_search form:after {

  content: "";

  width: 0;

  height: 1px;

  background: #fff;

  transition: .5s;

  display: block;

  position: absolute;

  bottom: 0;

  left: 0;

}

.act #tc_search form:after {

  width: 100%;

  transition: ease-in-out .5s .5s;

}

#tc_search #keyword {

  width: 90%;

  height: 5rem;

  font-size: 2rem;

  color: #fff;

  box-shadow: none;

  -webkit-appearance: none;

  float: left;

  border-right: 0;

  background: none;

}

#tc_search .btn_blue {

  position: absolute;

  top: 0;

  right: 0;

  width: 40px;

  height: 5rem;

  border: 0;

  line-height: 4.25rem;

  background: url("/template/default/images/search_white.png") center center no-repeat;

  background-size: 1.8rem;

  font-size: 1.125rem;

  color: #fff;

  cursor: pointer;

  text-transform: uppercase;

}

#tc_search .btn_blue.fr {

  background: #e9edef;

  color: #4e4f53;

}

#tc_search input::-webkit-input-placeholder {

  color: #fff;

  color: rgba(255, 255, 255, .7);

}

#tc_search input::-moz-placeholder {

  /* Mozilla Firefox 19+ */

  color: #fff;

  color: rgba(255, 255, 255, .7);

}

#tc_search input:-moz-placeholder {

  /* Mozilla Firefox 4 to 18 */

  c color: #fff;

  color: rgba(255, 255, 255, .7);

}

#tc_search input:-ms-input-placeholder {

  /* Internet Explorer 10-11 */

  color: #fff;

  color: rgba(255, 255, 255, .7);

}

/* WebKit browsers */

#tc_search input:focus::-webkit-input-placeholder {

  color: transparent;

  /* transparent是全透明黑色(black)的速记法，即一个类似rgba(0,0,0,0)这样的值 */

}

/* Mozilla Firefox 4 to 18 */

#tc_search input:focus:-moz-placeholder {

  color: transparent;

}

/* Mozilla Firefox 19+ */

#tc_search input:focus::-moz-placeholder {

  color: transparent;

}

/* Internet Explorer 10+ */

#tc_search input:focus:-ms-input-placeholder {

  color: transparent;

}

/* 点击搜索框获取焦点 placeholder消失-结束 */

#tc_search .draw_h:before {

  border: 1px solid rgba(255, 255, 255, .3);

}

#tc_search .draw_h:hover svg.drawcircle circle {

  stroke: #fff;

}

#tc_search .draw_h img {

  position: absolute;

  top: 50%;

  margin-top: -8px;

  left: 50%;

  margin-left: -8px;

  transition: .3s;

  width: 16px;

}

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

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

/*手机导航开始*/

#m_header {

  display: none;

  height: 4.5rem;

  position: fixed;

  top: 0;

  width: 100%;

  z-index: 999;

  transition: 0s 1.5s;

  background: #fff;

  box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);

}

#m_header .m {

  position: relative;

  height: 100%;

}

.m_user {

  height: 4.5rem;

  line-height: 4.5rem;

  margin-right: 4rem;

  color: #999;

}

.m_user a {

  display: inline-block;

  margin: 0 .625rem;

  color: #666;

}

.m_user a svg {

  width: 16px;

}

.m_user a:hover {

  color: #ff0000;

}

.m_user a:hover svg path {

  fill: #ff0000;

}

#m_logo {

  transition: 0s 1.5s;

  height: 100%;

  visibility: visible;

  float: left;

  display: flex;

  align-items: center;

}

#m_logo img {

  display: block;

  height: 35px;

}

.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 {}

.top_search form {

  display: flex;

  justify-content: center;

  margin-right: 0;

  margin-top: 1rem;

  margin-bottom: 1rem;

  max-width: 80%;

  margin: 0 auto;

}

.top_search .input {

  flex-grow: 1;

  border: 1px solid #d8d5d2;

  border-right: 0;

  padding-left: 15px;

}

.top_search .button {

  flex-shrink: 0;

  background: #0da945;

  width: 3rem;

  display: flex;

  align-items: center;

  justify-content: center;

  height: 3rem;

}

.top_search .button svg {

  width: 1.75rem;

  height: 1.75rem;

}

.top_search .button svg path {

  fill: #fff;

}

#m_nav {

  z-index: -1;

  position: fixed;

  background: #fff;

  width: 100%;

  height: 100vh;

  right: 0;

  top: 0;

  transform: scale(0.9);

  display: none;

  padding: 65px 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.act {

  opacity: 1;

  -webkit-transform: scale(1);

  transform: scale(1);

}

#m_nav::-webkit-scrollbar {

  display: none;

}

#m_nav.act {

  pointer-events: auto;

  top: 0;

  visibility: visible;

  opacity: 1;

  z-index: 99999;

}

#m_nav>ul>li {

  width: 80%;

  overflow: hidden;

  padding: 0 1rem;

  margin: 0 auto;

}

#m_nav>ul>li+li {

  border-top: 1px solid rgb(13 169 69 / 25%);

}

#m_nav li .a {}

#m_nav li .a h3 {

  line-height: 4.5rem;

  height: 4.5rem;

  color: #000;

  padding: 0;

  font-size: 1.125rem;

  float: left;

  font-weight: bold;

  text-transform: uppercase;

}

#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("/template/default/images/arrow_down.png") center no-repeat;

  background-size: contain;

}

#m_nav li.on.title .a i {

  transform: rotate(-90deg);

  -webkit-transform: rotate(-90deg);

  -moz-transform: rotate(-90deg);

}

#m_nav .on.title .a i {

  transform: rotate(-90deg);

  -webkit-transform: rotate(-90deg);

  -moz-transform: rotate(-90deg);

}

#m_nav li {

  display: block;

  width: 100%;

}

.slide_nav {

  position: absolute;

  left: 0;

  height: 70px;

  z-index: 998;

  padding: 15px;

  top: 0;

  width: 100%;

}

#m_nav .title .list {

  display: none;

  position: relative;

  width: 100%;

  z-index: 9;

  left: 0;

  margin-left: 0;

  background: none;

  border: 0;

  clear: both;

  padding-bottom: 10px;

}

#m_nav .title .list span {

  background: none;

}

#m_nav .title .list a {

  display: block;

  font-size: 1.125rem;

  color: rgba(0, 0, 0, .7);

  text-align: left;

  line-height: 35px;

  height: 35px;

  border: 0;

}

/*三级导航 开始*/

#m_nav .title .list .void>a {

  background-size: 10px;

  position: relative;

}

#m_nav .title .list .void>a:before {

  content: "·";

  position: absolute;

  left: -1em;

  font-size: 12px;

  font-weight: bold;

}

#m_nav .title .list span {

  position: relative;

  display: block;

}

#m_nav .title .list span .sub {

  position: static;

  width: 100%;

  display: block !important;

  overflow: hidden;

}

#m_nav .title .sub a {

  background: none;

  font-size: .875rem;

  opacity: .8;

  min-width: 50%;

  float: left;

  display: inline-block;

  color: #999;

}

.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;

}

.top_menu .search {

  width: 11.875rem;

  height: 2.25rem;

  border: 1px solid #d2d2d2;

  display: flex;

  border-radius: 3px;

  align-items: center;

  justify-content: space-around;

}

.top_menu .search input {

  border: none;

  padding: 0 7px;

  width: 73%;

}

.top_menu button {

  background: transparent;

}

.pub-close {

  position: absolute;

  width: 3rem;

  height: 3rem;

  z-index: 10;

  right: 1.5rem;

  top: 1.35rem;

  background-color: rgba(255, 255, 255, .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("/template/default/images/close-btn.png");

  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;

}

#banner .swiper {

  height: 100vh;

}

#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-button-next,
#banner .swiper-button-prev {

  width: 4.6875rem !important;

  height: 4.6875rem !important;

  border-radius: 50%;

  border: 1px solid #daded9;

  transition: all .4s;

}

#banner .nexts {

  right: 5%;

}

#banner .prevs {

  left: 5%;

}

#banner .swiper-button-next:hover,
#banner .swiper-button-prev:hover {

  border: 1px solid #0da945;

}

#banner .swiper-pagination span {

  width: 4.5rem;

  height: 3px;

  background: transparent;

  transition: .5s;

  border-radius: 50%;

  padding: 0;

  position: relative;

}

#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 {

  bottom: 10% !important;

}

#banner .swiper-pagination span:after {

  content: "";

  display: block;

  width: 0;

  height: 3px;

  left: 0;

  margin-left: 0;

  position: absolute;

  top: 0;

  background: #feb300;

}

#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%;

  }

}

.s_tt {}

.s_tt span {

  font-size: 1.5rem;

  color: #772b1b;

  font-family: HELVETICANEUELTPRO;

  text-transform: uppercase;

}

.s_tt h3 {

  font-family: SLIDEQIUHONGREGULAR;

  font-size: 3.75rem;

  color: #333333;

  letter-spacing: -.625rem;

}

.relative {

  position: relative;

}

#n_banner {

  height: 42.5rem;

  width: 100%;

  overflow: hidden;

  position: relative;

  z-index: 9;

  background-size: cover !important;

}

#dh {

  border: 1px solid #e1e2e6;

  height: 4rem;

}

#dh ul,
#dh .m {

  display: flex;

  align-items: center;

  justify-content: space-between;

}

#dh ul li {

  border: 1px solid #dddde1;

  height: 4rem;

  width: 12.5rem;

  transition: all .3s;

}

#dh ul li a {

  color: #3b3b3b;

  font-size: 0.95rem;

  line-height: 1.1875rem;

  display: flex;

  align-items: center;

  justify-content: center;

  height: 100%;

  transition: all .3s;

}

#dh ul li:not(:first-child) {

  border-left: none;

}

#dh ul li.on {

  background: #0da945;

}

#dh ul li:hover,
#dh ul li.on {

  color: #fff;

  border-top: 1px solid #0da945;

  border-bottom: 1px solid #0da945;

}

#dh ul li.on a,
#dh ul li:hover a {

  color: #fff;

}

.position {

  left: 0;

  bottom: 0;

  font-size: .9375rem;

  color: rgba(51, 51, 51, 0.7);

  display: flex;

  align-items: center;

}

.position>svg {

  margin-right: 5px;

  width: 1.255rem;

  height: 1.25rem;

}

.position a {

  margin: 0 4px;

}

.position span,
.position a,
.position i {

  font-size: .8125rem;

  color: #828386;

  flex-shrink: 0;

  -moz-transition: all 0.36s ease-in-out;

  -webkit-transition: all 0.36s ease-in-out;

  -o-transition: all 0.36s ease-in-out;

  -ms-transition: all 0.36s ease-in-out;

  transition: all 0.36s ease-in-out;

}

.position i {

  margin: 0px 3px;

  font-style: normal;

  width: 8px;

  height: 8px;

}

.page .box {

  display: flex;

  margin-top: 3rem;

  flex-wrap: wrap;

}

.page a {

  display: flex;

  align-items: center;

  justify-content: center;

  transition: .5s;

  font-size: .875rem;

  color: #3a3a3a;

  margin-right: .625rem;

  border: 1px solid #e0e0e0;

  flex-shrink: 0;

  min-width: 2.5rem;

  height: 2.5rem;

}

.page a span {

  padding: 0 1rem;

  white-space: nowrap
}

.page a.on {

  border: 1px solid #0da945;

  background: #0da945;

  color: #fff
}

.page .centers {

  justify-content: center;

}

#m_n_nav {

  display: none;

  line-height: 50px;

  position: relative;

  z-index: 9;

  width: 100%;

  background: #0da945;

}

#m_n_nav .m {

  display: flex;

  align-items: center;

  justify-content: space-between
}

#bnt_back svg {

  fill: #fff;

  vertical-align: middle;

  width: 26px;

  height: 26px
}

#m_n_nav h1 {

  font-size: 16px;

  color: #fff;

  text-align: center;

  margin: 0;

  line-height: 50px
}

#bnt_sub_nav {

  cursor: pointer;

  color: #fff;

  font-size: 18px
}

#bnt_sub_nav svg {

  fill: #fff;

  height: 16px;

  vertical-align: middle;

  width: 16px
}

#bnt_sub_nav img {

  display: block;

  height: 15px
}

#bnt_sub_nav.on img {

  -webkit-transform: rotate(-180deg);

  transform: rotate(-180deg)
}

#sub_nav_content {

  background: #f0f3f5;

  display: none;

  box-shadow: 0 0 5px #999;

  z-index: 9
}

#sub_nav_content ul {

  padding: 10px
}

#sub_nav_content ul li {

  display: block;

  line-height: 28px;

  margin: 1rem 0
}

#sub_nav_content ul li a {

  display: block;

  border-left: 2px solid #db0018;

  height: 30px;

  line-height: 30px;

  font-size: 14px;

  padding-left: 10px;

  color: #535455
}

#sub_nav_content ul li.on a {

  color: #db0018
}

#sub_nav_content dl {

  font-size: 0;

  overflow: hidden;

  background: #fff;

  padding: 10px 0;

  border-top: 1px solid #e7e7e7
}

#sub_nav_content dt {

  position: relative;

  background: #fff;

  z-index: 999;

  margin-bottom: 0
}

#sub_nav_content dt a {

  margin: 0 20px;

  display: block;

  color: #333;

  line-height: 30px;

  font-size: 13px;

  vertical-align: top
}

#sub_nav_content dt a i {

  position: absolute;

  right: 15px;

  top: 0;

  opacity: 0;

  filter: alpha(opacity=0);

  display: none
}

#swiper1 .swiper-button-white svg path {

  fill: #fff;

}

#swiper1 .swiper-button-white:hover svg path {

  fill: #0da945;

}

#swiper1>img {

  position: absolute;

  width: 18px;

  height: 28px;

}

#fen4 ul {

  display: flex;

  /* grid-template-columns: repeat(2, 1fr); */

  flex-wrap: wrap;

}

#fen4 .m {

  padding: 0;

  max-width: 100%;

}

#fen4 ul img {

  display: block;

}

#fen4 ul li {

  display: flex;

  align-items: center;

  width: 50%;

  

}

#fen4 ul li>img {
  width: 100%;

}

 #fen4 ul li:first-child,
#fen4 ul li:last-child {

  padding: 2rem 5.625rem;

}

#fen4 ul li:first-child {

  justify-content: flex-end;

}

#fen4 ul li:last-child {

  justify-content: flex-start;

} 

#fen4 ul li .fencon {

  width: 39.375rem;

}

.fentit h6 {

  color: #000;

  font-size: 1.875rem;

  line-height: 2.25rem;

}

.fentit h5 {

  color: #000;

  font-size: 2.125rem;

  line-height: 2.25rem;

  font-family: OSWALD-DEMIBOLD;

  margin-top: .5rem;

}

.fentit {

  margin-bottom: 2rem;

}

#fen4 ul li .fes p {

  color: #313131;

  font-size: 0.95rem;

  line-height: 2rem;

  /* margin: 2rem 0; */

}
.fencon .mores {
  margin-top: 2rem;
}
#fen4 ul li .fencon>a,
#fen4 ul li .fenlist>a {

  display: flex;

  width: 7.1875rem;

  height: 2.1875rem;

  border-radius: 16px;

  background: #0da945;

  color: #fff;

  font-size: .875rem;

  align-items: center;

  justify-content: center;

  gap: .5rem;

  transition: all .5s;

}

#fen4 ul li .fencon>a:hover,
#fen4 ul li .fenlist>a:hover,
.honors .jz:hover {

  transform: translate(10px, 0);

}

.fenlist {

  display: flex;

  align-items: flex-end;

  justify-content: space-between;

  padding-top: 3rem;

}

.yewu {

  display: flex;

  flex-shrink: 0;

}

.yewu>div {

  padding: 0 1.5rem;

}

.yewu div:first-child {

  padding-left: 0;

}

.yewu div:last-child {

  padding-right: 0;

}

.yewu div a .icons {

  width: 3.125rem;

  height: 3.125rem;

  background: #0da945;

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  margin: auto;

}

.yewu div a .icons img {

  width: 1.5rem;

  height: 1.5rem;

}

.yewu div a:hover .icons img {

  animation: jello 1.2s;

}

@-webkit-keyframes jello {

  11.1% {

    -webkit-transform: none;

    transform: none
  }

  22.2% {

    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);

    transform: skewX(-12.5deg) skewY(-12.5deg)
  }

  33.3% {

    -webkit-transform: skewX(6.25deg) skewY(6.25deg);

    transform: skewX(6.25deg) skewY(6.25deg)
  }

  44.4% {

    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);

    transform: skewX(-3.125deg) skewY(-3.125deg)
  }

  55.5% {

    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);

    transform: skewX(1.5625deg) skewY(1.5625deg)
  }

  66.6% {

    -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);

    transform: skewX(-.78125deg) skewY(-.78125deg)
  }

  77.7% {

    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);

    transform: skewX(0.390625deg) skewY(0.390625deg)
  }

  88.8% {

    -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);

    transform: skewX(-.1953125deg) skewY(-.1953125deg)
  }

  100% {

    -webkit-transform: none;

    transform: none
  }

}

@keyframes jello {

  11.1% {

    -webkit-transform: none;

    transform: none
  }

  22.2% {

    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);

    transform: skewX(-12.5deg) skewY(-12.5deg)
  }

  33.3% {

    -webkit-transform: skewX(6.25deg) skewY(6.25deg);

    transform: skewX(6.25deg) skewY(6.25deg)
  }

  44.4% {

    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);

    transform: skewX(-3.125deg) skewY(-3.125deg)
  }

  55.5% {

    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);

    transform: skewX(1.5625deg) skewY(1.5625deg)
  }

  66.6% {

    -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);

    transform: skewX(-.78125deg) skewY(-.78125deg)
  }

  77.7% {

    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);

    transform: skewX(0.390625deg) skewY(0.390625deg)
  }

  88.8% {

    -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);

    transform: skewX(-.1953125deg) skewY(-.1953125deg)
  }

  100% {

    -webkit-transform: none;

    transform: none
  }

}

.yewu p {

  margin-top: 1rem;
  font-size: 0.95rem;
}

.yewu div:not(:first-child) {

  border-left: 1px solid #e9e9e9;

}

#pp,
#new {

  background: #eeeff3;

}

.s_tits {

  display: flex;

  align-items: center;

  justify-content: center;

  margin-bottom: 3.5rem;

}

.s_tits div {

  margin: 0 1.5625rem;

  flex-shrink: 0;

  text-align: center;

}

.s_tits i {

  width: 100%;

  display: block;

  height: 1px;

  background: #d3d4d8;

}

.s_tits h6 {

  color: #000;

  font-size: 1.875rem;

  line-height: 2.25rem;

  margin-bottom: .5rem;

}

.s_tits h5 {

  font-family: OSWALD-DEMIBOLD;

  color: #000;

  font-size: 2.125rem;

  line-height: 2.25rem;

  padding-bottom: 5px;

}

.ppcons {

  display: grid;

  grid-template-columns: repeat(4, 1fr);

  gap: 4.875rem;

  margin-bottom: 4rem;

}

.ppcons .ns {

  display: none;

}

.ppcons a::before {

  content: "";

  position: absolute;

  padding: 12.5px;

  width: calc(100% + 25px);

  height: calc(100% + 25px);

  opacity: 0;

  -webkit-box-shadow: rgba(77, 80, 77, .23) 0px 0px 50px 10px;

  box-shadow: rgba(77, 80, 77, .23) 0px 0px 50px 10px;

  -webkit-transition: all .3s cubic-bezier(0.55, 0, 0.1, 1);

  transition: all .3s cubic-bezier(0.55, 0, 0.1, 1);

  -webkit-transition: All .3s ease;

  transition: All .3s ease;

  z-index: -1;

}

.ppcons a {

  height: 17.3125rem;

  background: #fff;

  display: flex;

  align-items: center;

  justify-content: center;

  position: relative;

  z-index: 10;

  padding: 2rem;

  transition: all .4s;

}

.ppcons a:hover::before {

  opacity: 1;

}

#pp .m>a {

  margin: auto;

  display: flex;

  width: 7.25rem;

  height: 2.25rem;

  border-radius: 16px;

  border: 1px solid #c1c2c7;

  background: #eeeff3;

  color: #313131;

  font-size: .875rem;

  align-items: center;

  justify-content: center;

  gap: .5rem;

  transition: all .5s;

}

#pp .m>a:hover {

  background: #0da945;

  color: #fff;

  border: 1px solid #0da945;

}

#pp .m>a:hover svg path {

  fill: #fff;

}

.ppcons a:hover,
.advcon>div:hover {

  transform: translate3d(0px, -3px, 0px);

}

.advcon {

  display: grid;

  grid-template-columns: repeat(4, 1fr);

  gap: 2.5rem;

}

.advcon>div {

  /* width: 16.875rem; */

  height: 22.1875rem;

  transition: all .3s;

  background: #eeeff3;

  width: 100%;

  display: flex;

  align-items: center;

  flex-direction: column;

  justify-content: center;

  gap: 2rem;

  position: relative;

  transition: all .4s;

}

.advcon>div::before {

  content: "";

  position: absolute;

  padding: 10px;

  width: calc(100% + 20px);

  height: calc(100% + 20px);

  box-shadow: rgba(157, 161, 173, .2) 0px 0px 45px 10px;

  opacity: 0;

  z-index: -1;

  transition: all .3s;

}

.advcon>div:hover::before {

  opacity: 1;

}

.advcon .advicon {

  width: 7.8125rem;

  height: 7.8125rem;

  border-radius: 50%;

  background: #0da945;

  display: flex;

  align-items: center;

  justify-content: center;

}

.advcon .advtits {

  text-align: center;

  padding: 0 1.5rem;

  height: 6rem;

}

.advcon .advtits h5 {

  color: #2a2c2d;

  font-size: 1.375rem;

  line-height: 2.5rem;

  font-weight: bold;

  margin-bottom: 1rem;

}

.advcon .advtits p {

  color: #616161;

  font-size: 0.95rem;

  line-height: 1.75;

}

.s_new {

  display: grid;

  grid-template-columns: 42.8125rem 1fr;

  gap: 2.5rem;

}

.s_new .hotnew .img {

  overflow: hidden;

  border-radius: 9px;

}

.s_new .hotnew img {

  display: block;

  height: 27.5rem;

  object-fit: cover;

}

.s_new .hotnew h5 {

  color: #303131;

  font-size: 1.25rem;

  margin-bottom: 1rem;

  transition: all .4s;

}

.s_new .hotnew .hotdiv {

  margin-top: 1rem;

  padding: 1rem;

  transition: all .4s;

  border-radius: 5px;

}

.s_new .hotnew .hotcon {

  color: #616161;

  font-size: .875rem;

  line-height: 1.5rem;

}

.s_new .hotnew .day {

  display: flex;

  align-items: center;

  font-family: Barlow Condensed;

  font-size: 0.95rem;

  line-height: 1.125rem;

  gap: .5rem;

  margin-top: 1.5rem;

}

.s_new .hotnew a:hover .img>img {

  transform: scale(1.1) rotate(.1deg);

  -webkit-transform: scale(1.1) rotate(.1deg);

  -moz-transform: scale(1.1) rotate(.1deg);

  -ms-transform: scale(1.1) rotate(.1deg);

  -o-transform: scale(1.1) rotate(.1deg);

}

.s_new .hotnew a:hover h5 {

  color: #0da945;

}

.s_newlist ul li .box {

  display: grid;

  grid-template-columns: 5.3125rem 1fr;

  gap: 1.3125rem;

  align-items: center;

  padding: 1.75rem 0;

}

.s_newlist ul li:first-child .box {

  padding-top: 0 !important;

}

.s_newlist ul li:last-child .box {

  padding-bottom: 0 !important;

}

.s_newlist ul li {

  border-bottom: 1px dashed #dadadb;

}

.s_newlist ul li:last-child {

  border-bottom: none;

}

.s_newlist ul li .box .time span {

  font-size: 2.25rem;

  font-family: Barlow Condensed;

}

.s_newlist ul li .box .time {

  width: 100%;

  height: 100%;

  position: relative;

  display: flex;

  color: #313131;

  transition: .5s;

  align-items: center;

  justify-content: center;

  flex-direction: column;

  font-size: .875rem;

  font-weight: 400;

  font-family: Barlow Condensed;

  z-index: 10;

}

.s_newlist ul li .box .txt h5 {

  font-size: 1.25rem;

  color: #313131;

  font-weight: 400;

  margin-bottom: 0.75rem;

}

.s_newlist ul li .box .txt p {

  color: #616161;

  font-size: .875rem;

  line-height: 1.5rem;

}

.s_newlist ul li .box .time:before {

  content: "";

  display: block;

  width: 100%;

  height: 100%;

  position: absolute;

  left: 0;

  top: 0;

  border: 1px solid #d1d1d4;

  border-radius: 5px;

  z-index: -1;

}

.s_newlist ul li .box .time:after {

  content: "";

  display: block;

  width: 100%;

  height: 0;

  position: absolute;

  left: 0;

  bottom: 0;

  background: #0da945;

  border-radius: 5px;

  transition: .5s;

  z-index: -1;

}

.s_newlist ul li:hover .box .time:after {

  height: 100%;

  top: 0;

  bottom: auto;

}

.s_newlist ul li:hover .box .time {

  color: #fff;

}

.s_newlist ul li .txt {

  transition: all .4s;

  padding: 1.25rem 1rem 1.25rem;

  border-radius: 5px;

}

.s_newlist ul li:hover .txt,
.s_new .hotnew a:hover .hotdiv {

  background: #eeeff3;

  -webkit-box-shadow: rgba(77, 80, 77, .23) 0px 0px 50px 10px;

  box-shadow: rgba(77, 80, 77, .23) 0px 0px 50px 10px;

  transform: translate3d(0px, -3px, 0px);

}

#foot {

  background: #0da945;

}

#foot .m {

  max-width: 1760px;

}

#foot .item {

  display: flex;

  gap: 3rem;

  align-items: center;

}

#foot .item .ewms {

  flex-shrink: 0;

}

#foot .item .ewms .mas img {

  display: none;

}

#foot .item .ewms .mas .item {

  display: block;

}

#foot .item .footlogo {

  display: block;
  width: 10rem;

}

#foot .m .box1s {

  display: flex;

  justify-content: space-between;

}

#foot .m .box1s i {

  display: block;

  width: 1px;

  height: 225px;

  background: rgba(255, 255, 255, .3);

  margin: 5rem 2.5rem 0;

}

.f_address .phones {

  margin: 1.5rem 0 1rem;

}

.f_address .phones p {

  color: #fff;

  font-size: .9375rem;

  line-height: 1.75rem;

}

.f_address .phones h5 {

  color: #fff;

  font-family: Roboto;

  font-size: 1.875rem;

  font-weight: bold;

}

.f_address>p {

  color: #fff;

  font-size: .9375rem;

  line-height: 1.875rem;

}

.foot_nav {

  display: flex;

  justify-content: space-between;

  flex-grow: 1;

  max-width: 815px;

  width: 100%;

}

.ewm {

  width: 8.75rem;

  height: 8.75rem;

  padding: 6px;

  border: 1px solid #6ecb8f;

  position: relative;

}

.qr-scanner {

  position: absolute;

  left: 0;

  top: 0;

  height: 100%;

  width: 100%;

  pointer-events: none;

}

.qr-scanner .box {

  height: 100%;

  width: 100%;

  position: relative;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

  overflow: hidden;

  /* border: 0.1rem solid rgba(0, 255, 51, 0.2); */

}

.qr-scanner .line {

  height: 100%;

  width: 100%;

  background: linear-gradient(180deg, rgba(0, 255, 51, 0) 43%, #0da945 211%);

  border-bottom: 1px solid #0da945;

  transform: translateY(-100%);

  animation: radar-beam 2s infinite;

  animation-timing-function: cubic-bezier(0.53, 0, 0.43, 0.99);

  animation-delay: 1.4s;

}

@keyframes radar-beam {

  0% {

    transform: translateY(-100%);

  }

  100% {

    transform: translateY(0);

  }

}

.ewm img {

  width: 100%;

  height: 100%;

}

.icobiao {

  display: flex;

  gap: 9px;

  align-items: center;

  margin-top: 1rem;

}

.icobiao svg {

  width: 1.125rem;

  height: 1.125rem;

}

.icobiao svg path {

  fill: #fff;

}

.icobiao>div {

  border-radius: 50%;

  border: 1px solid rgba(255, 255, 255, .6);

  width: 37px;

  height: 37px;

  display: flex;

  align-items: center;

  justify-content: center;

  transition: all .4s;

  position: relative;

}

.icobiao svg path {

  transition: all .4s;

}

.icobiao>div.on {

  background: #fff;

  border: 1px solid #fff;

}

.icobiao>div.on svg path {

  fill: #0da945;

}

/* .icobiao .ewmqrcode {







    opacity: 0;







    position: absolute;







    z-index: 10;







    top: 40px;







    width: 95px;







    height: 101px;







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







    transition: all 200ms;







    -webkit-tansition: all 350ms;







    -moz-transition: all 350ms;







    display: flex;







    align-items: center;







    justify-content: center;







    padding: 5px;







}















.icobiao .ewmqrcode img {







    margin-top: 5px;







}















.icobiao>div:hover .ewmqrcode {







    opacity: 1;







}







 */

.foot_nav dl dt {

  font-size: 1.125rem;

  color: #fff;

  line-height: 1.5rem;

  margin-bottom: 1.25rem;

  position: relative;

  z-index: 1;

}

.foot_nav dl dd {

  font-size: .875rem;

  color: #fff;

  line-height: 2rem;

}

.foot_nav dl dd a:hover {
  font-weight: bold;
}

.copyright {

  padding: 2rem 0 4rem;

  display: flex;

  justify-content: center;

  align-items: center;

  color: #eeeff3;

  font-size: .875rem;

  line-height: 1.5rem;

  border-top: 1px solid rgba(255, 255, 255, .3);

}

.copyright p {

  text-align: center;

}

.copyright a {

  transition: all .5s;

}

.copyright a:hover {

  color: #fff;

}

.foot_nav dl dd:hover {

  color: #fff;

}

.online_q {

  position: fixed;

  right: 2rem;

  bottom: 10%;

  z-index: 999;

  transition: .5s;

  -webkit-transition: .5s;

  border-radius: 2.5rem;

  padding: 1.25rem 0;

  opacity: 0;

  transform: translateY(30px);

  visibility: hidden;

}

.online_q.on {

  opacity: 1;

  visibility: visible;

  transform: translateY(0);

}

.online_q .close {

  position: absolute;

  right: -1rem;

  font-size: 0.95rem;

  color: #969797;

  opacity: 1;

  font-weight: normal;

  cursor: pointer;

}

.online_q .btn2 {

  width: 3.375rem;

  height: 3.375rem;

  margin-bottom: 4px;

  background: #0da945;

  transition: .5s;

  border-radius: 2px;

  cursor: pointer;

  position: relative;

  border-radius: 50%;

}

.online_q .btn-top {

  padding: 0;

  transition: .5s;

  overflow: hidden;

}

.online_q .btn2 a {

  font-size: 12px;

  color: #fff;

}

.online_q .btn2 span {

  display: flex;

  float: left;

  color: #fff;

  flex-direction: column;

  font-size: .75rem;

  text-align: center;

  width: 3.375rem;

  height: 3.375rem;

  justify-content: center;

  align-items: center;

  position: relative;

  z-index: 999;

  overflow: hidden;

  transition: .3s;

  -webkit-transition: .3s;

  overflow: hidden;

  flex-shrink: 0;

}

.online_q .open.pic {

  position: absolute;

  background: #eef2f6;

  border-radius: 3px;

  width: 100px;

  height: 100px;

  right: 60px;

  top: 50%;

  margin-top: -50px;

  text-align: right;

  opacity: 0;

  transition: .6s;

  -webkit-transition: .6s;

  visibility: hidden;

  border: 1px solid #0da945;

}

.online_q .open.pic img {

  width: 80px;

  height: 80px;

  margin-top: 10px;

  margin-right: 10px;

}

.online_q .btn2:hover .open.pic {

  opacity: 1;

  right: 75px;

  visibility: visible;

}

.online_q .open.phone {

  position: absolute;

  background: #eef2f6;

  width: 150px;

  height: 3.125rem;

  border-radius: 3px;

  right: 75px;

  display: flex;

  align-items: center;

  justify-content: center;

  color: #529de1;

  top: 50%;

  transform: translate(0, -50%);

  transition: .6s;

  -webkit-transition: .6s;

  opacity: 0;

  visibility: hidden;

  border: 1px solid #0da945;

}

.online_q .open.phone p {

  color: #0da945;

  font-size: 0.95rem;

}

.online_q .btn2:hover .open.phone {

  transition: .5s;

  -webkit-transition: .5s;

  opacity: 1;

  visibility: visible;

}

.online_q .open.pic:before {

  content: "";

  display: none;

  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: "";

  display: none;

  width: 0;

  height: 0;

  border: 10px solid transparent;

  border-left: 10px solid #eef2f6;

  position: absolute;

  right: -15px;

  top: 50%;

  margin-top: -10px;

}

.online_q .btn2:hover {

  background: #008540;

}

#gotop {

  background: #008540;

}

#gotop.hide {

  height: 0;

  overflow: hidden;

  display: block !important;

}

/* 在线商城 */

#n_container .shopping ul {

  display: grid;

  grid-template-columns: 1fr 1fr;

  gap: 1.875rem 1.875rem;

}

#n_container .shopping ul li {

  background: url("/template/default/images/gouwubg.jpg")no-repeat;

  border-radius: 9px;

  display: flex;

  align-items: center;

  width: 100%;

  background-size: cover;

  padding: 4.375rem 4.375rem 4.375rem 3.75rem;

  justify-content: space-between;

  transition: all .4s;

  gap: 2rem;

}

#n_container .shopping ul li:hover {

  box-shadow: rgba(157, 161, 173, .23) 0px 0px 25px 4px;

  transform: translate3d(0px, -3px, 0px);

}

#n_container .shopping .icons {

  display: flex;

  align-items: center;

  gap: 1.125rem;

}

#n_container .shopping .ico {

  width: 3.75rem;

  height: 3.75rem;

  border-radius: 50%;

  flex-shrink: 0;

}

#n_container .shopping h5 {

  color: #313131;

  font-size: 1.375rem;

}

#n_container .shopping p {

  color: #818181;

  font-size: 0.95rem;

  line-height: 1.5;

}

#n_container .shopping a {

  width: 8.75rem;

  height: 3.125rem;

  border-radius: 24px;

  background: #0da945;

  display: flex;

  align-items: center;

  justify-content: center;

  font-size: 0.95rem;

  color: #fff;

  position: relative;

  flex-shrink: 0;

}

#n_container .shopping a .spewm {

  position: absolute;

  width: 5.75rem;

  height: 5.75rem;

  background: #fff;

  padding: 5px;

  top: 50%;

  left: -70%;

  transform: translate(0, -50%);

  opacity: 0;

  transition: all .5s;

}

#n_container .shopping a:hover .spewm {

  opacity: 1;

}

/* 新闻中心 */

.news_xq_con {

  display: flex;

  align-items: flex-start;

  padding-bottom: 4rem;

}

.news_xq_con .left_con {

  flex-grow: 1;

}

.n_news_list li:first-child {

  padding-top: 0 !important;

}

.n_news_list li {

  padding: 2.375rem 0;

  border-bottom: 1px solid #eaeaea;

}

.n_news .imgbox {

  width: 22.5rem;

  flex-shrink: 0;

  overflow: hidden;

}

.n_news .img {

  border-radius: 0.5625rem;

}

.n_news .txt {

  overflow: hidden;

  padding: 1.25rem;

  border-radius: 0.5625rem;

  transition: all .4s;

  width: 100%;

}

.n_news_list li:hover .txt {

  background: #fff;

  box-shadow: rgba(157, 161, 173, .23) 0px 0px 10px 2px;

  transform: translate3d(0px, -3px, 0px);

}

.n_news_list .box {

  display: flex;

  gap: 1.875rem;

}

.n_news .txt span {

  font-size: 0.95rem;

  color: #616161;

  line-height: 1.875rem;

  font-family: BARLOWCONDENSED-LIGHT;

}

.n_news .txt h4 {

  font-size: 1.25rem;

  overflow: hidden;

  width: 100%;

  line-height: 1.875rem;

  margin-top: 1.125rem;

  margin-bottom: 1.125rem;

  transition: .5s;

  color: #313131;

  text-overflow: ellipsis;

  overflow: hidden;

  white-space: nowrap;

}

.n_news .txt h4:hover {

  color: #0da945;

}

.n_news .txt p {

  font-size: .8125rem;

  line-height: 1.5rem;

  color: #616161;

}

.n_news .ckxq {

  margin-top: 1.625rem;

  display: flex;

}

.n_news .ckxq a {

  padding: 0 1rem;

  min-width: 5.875rem;

  height: 1.875rem;

  border-radius: 1rem;

  transition: .5s;

  line-height: 1.875rem;

  font-size: .875rem;

  color: #fff;

  border: 1px solid #0da945;

  background: #0da945;

  display: flex;

  align-items: center;

  justify-content: center;

}

.news_xq_con .right_con {

  width: 22.5rem;

  flex-shrink: 0;

  margin-left: 3.5rem;

  position: sticky;

  top: 8rem;

}

.n_news .right_con .gz_tt {

  padding-top: 0;

}

.gz_tt {

  display: flex;

  align-items: flex-start;

  padding: 4.5rem 0.5rem 1.5rem 0;

  margin-bottom: 0.5rem;

}

.gz_tt img {

  margin-right: 16px;

  width: 2.5rem;

}

.gz_tt h5 {

  font-size: 1.875rem;

  color: #313131;

  font-weight: 300;

  margin-bottom: 6px;

}

.gz_tt span {

  font-size: 1.125rem;

  color: #d2d1d3;

  line-height: 1.25rem;

  font-family: BARLOWCONDENSED-BOLD;

  text-transform: uppercase;

}

.gzbox {

  display: flex;

  align-items: center;

  background: #eeeff3;

  margin-bottom: 0.625rem;

  padding: 1.125rem 1.5rem;

  border-radius: 8px;

  -webkit-border-radius: 8px;

  -moz-border-radius: 8px;

  -ms-border-radius: 8px;

  -o-border-radius: 8px;

}

.gzbox .icoo {

  width: 33px;

  height: 33px;

  border-radius: 50%;

  overflow: hidden;

  background: #fff;

  display: flex;

  align-items: center;

  justify-content: center;

}

.gzbox .icoo svg {

  width: 17px;

  height: 17px;

}

.gzbox .ewms {

  width: 6.125rem;

  height: 6.125rem;

  margin: 0 1.125rem;

  border-radius: 5px;

  overflow: hidden;

  padding: 4px;

  background: #fff;

}

.gzbox p {

  font-size: .875rem;

  color: #313131;

  line-height: 1.25rem;

}

.right_con ul {

  display: flex;

  flex-direction: column;

  gap: .9375rem;

}

.right_con ul li a {

  display: grid;

  align-items: center;

  grid-template-columns: 1fr 1fr;

  gap: 1.125rem;

}

.right_con ul li a .dttxt h5 {

  color: #313131;

  font-size: 0.95rem;

  line-height: 1.75rem;

  white-space: normal;

  margin-bottom: 5px;

  transition: all .5s;

}

.right_con ul li a .dttxt p {

  font-family: BARLOWCONDENSED-LIGHT;

  font-size: .875rem;

  line-height: 1.875rem;

}

.right_con>div {

  margin-bottom: 4rem;

}

.right_con>div:last-child {

  margin-bottom: 0;

}

.right_con ul li a:hover h5 {

  color: #0da945;

}

/* 新闻详情 */

.news_xq_con .right_con {

  width: 22.5rem;

  flex-shrink: 0;

  margin-left: 3.5rem;

  position: sticky;

  top: 8rem
}

.ar_title {

  padding-bottom: 3rem;

  margin-bottom: 2.5rem;

  border-bottom: 1px solid #e4e5e7;

  background-size: contain !important
}

.ar_title h2 {

  font-size: 1.75rem;

  color: #000;

  line-height: 1.5;

  margin-bottom: 1.25rem
}

.ar_time {

/*  display: flex;*/

  align-items: center;

  font-size: 0.95rem;

  color: #515151;

  font-family: BarlowCondensed-Light;

}

.ar_time p {

  font-size: .875rem;

  line-height: 1.875rem;

  color: #515151;

}

.ar_time p span {

  font-family: BarlowCondensed-Light;

  font-size: 0.95rem;

}

.ar_time svg {

  width: 1.125rem;

  height: 1.125rem;

  margin-right: 6px
}

/* 品牌产品 */

.dy {

  text-align: center;

  margin-bottom: 3.75rem;

}

.dy h5 {

  color: #000000;

  font-size: 1.75rem;

  line-height: 1.875rem;

}

.dy h4 {

  font-family: OSWALD-DEMIBOLD;

  font-size: 1.875rem;

  margin: 1rem 0 1.5rem;

}

.dy i {

  display: block;

  height: 4px;

  width: 1.875rem;

  background: #0da945;

  margin: auto;

}

.bianjidy p {

  font-size: 0.95rem;

  line-height: 2rem;

  color: #616161;

  text-align: center;

}
.bianjidy p:last-child {
  margin-top: 2.5rem;
}
.bianjidy p img {

  display: block;

  margin: auto;

}

.cultures,
.honors,
.jj {

  position: relative;

}

.byc {

  overflow: hidden;

  display: flex;

  justify-content: space-between;

}

.bycs.on {

  width: calc(100% - 800px);

  flex-shrink: 0;

}

.bycs {

  overflow: hidden;

  flex-grow: 1;

  position: relative;

  border-radius: 10px;

}

.bycs .nr,
.bycs.on .bt {

  display: none;

}

.bycs.on .nr {

  display: block;

}

.bycs::before {

  content: "";

  position: absolute;

  width: 100%;

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

  height: 11.875rem;

  bottom: 0;

}

.bycs .byc_tit {

  position: absolute;

  bottom: 2rem;

  left: 2rem;

  color: #fff;

  line-height: 1.5rem;

  font-size: 1.375rem;

}

.bycs .byc_tit p {

  margin-top: 1.5rem;

  font-size: 1.125rem;

  line-height: 1.5rem;

  height: 3rem;

}

.bycs {

  transition: .7s;

  width: 235px;

  height: 100%;

}

.byc .bycs img {

  height: 100%;

  transition: .7s;

  max-width: 2.5rem;

}

.bycs+.bycs {

  margin-left: 20px;

}

.s_title {

  text-align: center;

}

.s_title h4 {

  color: #1f1f1f;

  font-size: 2.625rem;

  font-weight: 500;

}

.bycs .bl img {

  display: block;

  border-radius: 10px;

}

.bycs>.bl {

  height: 34.125rem;

  background-position: center center !important;

  background-size: cover !important;

}

.product {

  background: #eeeff3;

}

.product ul {

  display: grid;

  grid-template-columns: 1fr 1fr;

  gap: 1.875rem 2.5rem;

}

.product ul li {

  position: relative;

  display: flex;

  align-items: center;

  justify-content: center;

  background: #fff;

  transition: all .4s;

}

.product ul li>div {

  display: flex;

  padding: 4.375rem 3.25rem;

  transition: all .4s;

  justify-content: space-between;

  border: 1px solid #fff;

  position: relative;

}

.product ul li::before {

  content: "";

  position: absolute;

  padding: 12.5px;

  width: calc(100% + 25px);

  height: calc(100% + 25px);

  opacity: 0;

  -webkit-box-shadow: rgba(77, 80, 77, .23) 0px 0px 50px 10px;

  box-shadow: rgba(77, 80, 77, .23) 0px 0px 50px 10px;

  -webkit-transition: all .3s cubic-bezier(0.55, 0, 0.1, 1);

  transition: all .3s cubic-bezier(0.55, 0, 0.1, 1);

  -webkit-transition: All .3s ease;

  transition: All .3s ease;

  z-index: -1;

}

.product ul li:hover::before {

  opacity: 1;

}

.product ul li h5 {

  color: #3e3e3e;

  font-size: 1.375rem;

  line-height: 1.75rem;

  margin: 1.5rem 0;

}

.product ul li p {

  color: #6d6d6d;

  font-size: .875rem;

  line-height: 1.75rem;

}

.product ul li img {

  max-width: 20rem;

  flex-shrink: 0; margin-right:2rem

}

.product ul li a {

  padding: 0 1rem;

  min-width: 7.0625rem;

  height: 2.1875rem;

  border-radius: 1rem;

  transition: .5s;

  line-height: 1.75rem;

  font-size: .875rem;

  color: #fff;

  display: inline-flex;

  border: 1px solid #0da945;

  background: #0da945;

  align-items: center;

  justify-content: center;

  margin-top: 2rem;

}

.product ul li:hover {

  transform: translate3d(0px, -3px, 0px);

}

/* 联系我们 */

.n_address {

  display: flex;

  gap: 5rem;

  align-items: center;

  position: relative;

}

.n_addresscon {

  flex-shrink: 0;

}

.lefts .dy {

  text-align: left;

}

.lefts .dy i {

  margin: 0;

}

.n_addresscon ul {

  display: flex;

  flex-direction: column;

  gap: 1.25rem;

  margin-top: 3rem;

}

.n_addresscon ul li {

  display: flex;

  align-items: center;

  gap: .875rem;

}

.n_addresscon ul li div {

  border: 1px solid #7b7c7c;

  width: 2.5rem;

  height: 2.5rem;

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

}

.n_addresscon ul li p {

  color: #333333;

  font-size: 1.0625rem;

  line-height: 1.5rem;

}

.mapbox {

  width: 100%;

  height: 384px;

  border: 1px solid #e1e2e5;

}

#container {

  width: 100%;

  height: 100%;

}

.medias {

  background: #eeeff3;

  position: relative;

}

.medias img {

  width: 100%;

}

#juzhen {

  padding: 1rem 0;

}

#juzhen .swiper-slide {

  padding: 1.125rem;

  background: #fff;

  text-align: center;

  position: relative;

  transition: all .5s;

}

#juzhen .swiper-slide:hover {

  transform: translateY(-10px);

}

#juzhen .swiper-slide::before {

  content: "";

  position: absolute;

  background: #0da945;

  bottom: 0;

  height: 5px;

  width: 100%;

  opacity: 0;

  left: 0;

  transition: all .5s;

}

#juzhen .swiper-slide:hover::before {

  opacity: 1;

}

#juzhen .swiper-slide p {

  color: #333333;

  font-size: 0.95rem;

  line-height: 1.5rem;

  margin-top: .5rem;

}

#juzhen .jzcon {

  margin: 2.875rem 0;

}

#juzhen .jzcon svg {

  margin: auto;

  max-width: 1.5rem;

  max-height: 1.5rem;

}

.medias .swiper-button-white {

  border-radius: 50%;

  width: 3.75rem;

  height: 3.75rem;

  border: 1px solid #c9cace;

  transform: translate(0, 110%);

}

.medias .prevjz {

  left: -2%;

}

.medias .nextjz {

  right: -2%;

}

/* 关于我们 */

.gk {

  padding-bottom: 9.125rem;

  position: relative;

}

.gk::before {

  content: "";

  position: absolute;

  background: url("/template/default/images/greenbg.jpg") bottom;

  height: 21.5625rem;

  bottom: 0;

  width: 100%;

}

.gk img {

  display: block;

}

.gks {

  display: flex;

  gap: 6.25rem;

  margin-bottom: 2rem;

}

.gks .dy {

  flex-shrink: 0;

}

.gks p {

  color: #313131;

  font-size: 0.95rem;

  line-height: 2rem;
  text-indent: 0em ;

  /* margin-bottom: 2rem; */

}

.business {

  background: #eeeff3;

  position: relative;

}

.business_yw {

  display: flex;

  align-items: center;

  gap: 6rem;

}

.business_yw p {

  font-size: 0.95rem;

  line-height: 2.25rem;

  color: #313131;

}

.business_yw>img {

  max-width: 45rem;

  flex-shrink: 0;

}

.business_yw .yewu {

  margin-top: 4rem;

}

.business_yw .yewu div:not(:first-child) {

  border-left: 1px solid #dcdce0;

}

.business_yw .yewu p {

  margin-top: 5px;

  font-size: .9375rem;

}
.scinene ul {
  display: grid;
  grid-template-columns: repeat(5,1fr);
  gap: 2.5rem;
}
.honors ul {

  display: grid;

  grid-template-columns: repeat(4, 1fr);

  gap: 4rem 4rem;

}

.honors ul li ,
.scinene ul li {

  transition: all .5s;

  border-radius: 10px;

  overflow: hidden;

}

.honors ul li a ,
.scinene ul li a {

  position: relative;

  display: block;

  height: 100%;

}

.honors ul li a .hor ,
.scinene ul li a .hor {

  padding: 4.5rem 3rem 2rem;

  display: flex;

  flex-direction: column;

  gap: 3.875rem;

  background: #eeeff3;

  height: 100%;

}

.honors ul li img ,
.scinene ul li img {

  display: block;

  margin: auto;

}

.honors ul li p ,
.scinene ul li p {

  text-align: center;

  font-size: 0.95rem;

  color: #313131;

  line-height: 1.875rem;

}

.honors ul li .mubu ,
.scinene ul li .mubu {

  background: #0da945;

  position: absolute;

  width: 100%;

  height: 100%;

  display: flex;

  align-items: center;

  justify-content: center;

  flex-direction: column;

  opacity: 0;

  transition: all .5s;

  top: 0;

  gap: 1rem;

  cursor: pointer;

  padding: 0 1.5rem;

}

.honors ul li .mubu p ,
.scinene ul li .mubu p {

  color: #fff;

}
.scinene ul li .mubu p {
  font-size: .875rem;
}
.honors ul li:hover .mubu ,
.scinene ul li:hover .mubu {

  opacity: 1;

}

.honors ul li:hover ,
.scinene ul li:hover {

  box-shadow: rgba(77, 80, 78, .20) 0px 0px 10px 10px;

  transform: translate3d(0px, -3px, 0px);

}

.honors .jz {

  width: 8.75rem;

  height: 2.5rem;

  display: flex;

  align-items: center;

  justify-content: center;

  color: #fff;

  font-size: .875rem;

  gap: 5px;

  background: #0da945;

  border-radius: 20px;

  margin: 3rem auto 0;

  transition: all .5s;

}

.licheng {

  background: url("/template/default/images/lichengbg.jpg")no-repeat;

  background-attachment: fixed;

  background-size: cover;

  position: relative;

}

.licheng .m {

  max-width: 1260px;

}

.licheng .s_tits i {

  background: rgba(255, 255, 255, .3);

}

.licheng .s_tits h6,
.licheng .s_tits h5 {

  color: #fff;

}

.licheng .history {

  background: #fff;

  border-radius: 10px;

  padding: 3.75rem 0;

  height: auto;

}

.licheng .history ul li {

  padding: 0 3.75rem 0;

  display: flex;

  transition: all .4s;

}

.licheng .history ul li:hover {

  transform: translate3d(0px, -8px, 0px);

}

.licheng .history ul li h4 {

  font-family: OSWALD-DEMIBOLD;

  color: #0da945;

  font-size: 2.25rem;

  padding-right: 2.5rem;

  margin-top: 2.5rem;

  position: relative;

  transition: all .5s;

  flex-shrink: 0;

  max-width: 7.125rem;

}

.licheng .history ul li h4::before {

  content: "";

  position: absolute;

  width: 3px;

  height: 2.125rem;

  right: -2px;

  top: 0;

  background: #0da945;

  transition: all .5s;

}

.licheng .history ul li p {

  color: #313131;

  font-size: 0.95rem;

  line-height: 2rem;

  transition: all .5s;

}

.licheng .history ul li i {

  height: auto;

  width: 1px;

  background: #e1e2e5;

  display: block;

  transition: all .5s;

}

.licheng .history ul li div {

  margin: 2.5rem 0 0 2.5rem;

  padding-bottom: 2rem;

  width: 100%;

  border-bottom: 1px dashed #dcdde1;

}

.licheng .history ul li:last-child div {

  border-bottom: 0;

}

.licheng .history ul li:hover {

  background: #0da945;

}

.licheng .history ul li:hover h4,
.licheng .history ul li:hover p ,
.licheng .history ul li:hover div  {

  color: #fff;

}

.licheng .history ul li:hover i {

  background: #0da945;

}

.licheng .history ul li:hover h4::before {

  background: #fff;

}

.licheng .history ul li:hover {

  box-shadow: rgba(0, 153, 55, .25) 0px 0px 15px 7px;

}

/* 产品详情 */

.hui {

  background: #eeeff3;

}

.proxq {

  background: #fff;

  padding: 3.75rem;

}

.xqall {

 /* display: flex;

  align-items: center;

  gap: 3.75rem;*/

  padding-bottom: 4.375rem;

  border-bottom: 2px solid #e6ebe8;

}


.info_xg{padding-top:10px; line-height:2rem; color:#666666; border-top: 2px solid #e6ebe8;}
.info_xg a:hover{ color:#0da945}

#xqs {

  max-width: 39.375rem;

  flex-shrink: 0;

  margin: 0;

}

#xqs img,
.drink img {

  display: block;

  width: 100%;

}

.xqall .xqcon h4 {

  color: #3e3e3e;

  font-size: 1.875rem;

  font-weight: bold;

  margin-bottom: 2rem;

}

.xqall .xqcon p {

  color: #616161;

  font-size: 0.95rem;

  line-height: 2rem;

}

.xqcon .buy {

  display: flex;

  gap: .875rem;

  align-items: center;

  margin-top: 3rem;

}

.xqcon .buy a {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 7.25rem;

  height: 2.5rem;

  font-size: 0.95rem;

  line-height: 1.5rem;

  color: #fff;

  background: #0da945;

  border-radius: 20px;

}

.xqcon .buy .zxq:hover .zxewm {

  opacity: 1;

}

#xqs .swiper-button-white,
#exp .swiper-button-white {

  width: 2.1875rem;

  height: 4.6875rem;

  display: flex;

  align-items: center;

  justify-content: center;

  background: #c7cdd2;

  transition: all .5s;

  top: 0;

  margin-top: 0;

  background: rgba(0, 0, 0, 0.2);

}

#xqs .prevxq,
#exp .prevexp {

  left: 0;

}

#xqs .nextxq,
#exp .nextexp {

  right: 0;

}

#xqs .swiper-button-white,
#exp .swiper-button-white {

  top: 50%;

  transform: translate(0, -50%);

}

#xqs .swiper-button-white svg path,
#exp .swiper-button-white svg path {

  fill: #fff;

}

.method {

  padding-top: 3.5rem;

}

.method>p {

  color: #616161;

  font-size: 0.95rem;

  line-height: 2rem;

  margin-bottom: 2rem;

}

.drink {

  display: flex;

  justify-content: space-between;

  gap: 7.5rem;

}

.drtu {

  position: relative;

}

.drtu::before {

  content: "";

  position: absolute;

  width: 100%;

  height: 100%;

  border-radius: 50%;

  border: 4px solid #0da945;

  top: 0;

  left: 0;

  background-size: 100% 100%;

}

.drink p {

  color: #616161;

  font-size: 0.95rem;

  line-height: 2rem;

  text-align: center;

  margin: 1rem 0;

}

/* 会员中心 */

.huis {

  background: #eeeff3;

}

.huisu {

  background: url("/template/default/images/vip.jpg")no-repeat;

}

.huisu h4 {

  text-align: center;

  font-size: 2.5rem;

  color: #313131;

}

.zhuisu {

  display: flex;

  align-items: center;

  justify-content: center;

  margin: 3.5rem auto 2.5rem;

}

.zhuisu img {

  max-width: 19.25rem;

  /* max-height: 14.25rem; */

  width: 100%;

  height: 100%;

}

.huisu p {

  color: #313131;

  font-size: 1.125rem;

  line-height: 2.25rem;

  text-align: center;

}

.zsliucheng ul {

  display: flex;

  justify-content: space-between;

}

.zsliucheng .lctit {

  display: flex;

  align-items: center;

  gap: 1.25rem;

}

.zsliucheng .nums {

  width: 4.0625rem;

  height: 4.0625rem;

  background: #0da945;

  color: #fff;

  border-radius: 50%;

  font-size: 1.25rem;

  display: flex;

  align-items: center;

  justify-content: center;

  font-family: OSWALD-LIGHT;

  flex-shrink: 0;

}

.zsliucheng .lctit p {

  color: #313131;

  font-size: 1.125rem;

  line-height: 2.25rem;

}

.zsliucheng ul li img {

  display: block;

  margin: 1.5rem auto 0;

}

.zsliucheng ul li:last-child img {
  max-width: 20rem;
}

.syewm img {

  margin: 0 !important;

}

.syewm {

  width: 210px;

  height: 210px;

  border-radius: 50%;

  border: 3px solid #0da945;

  margin: 1.5rem auto 0;

  padding: 2.5rem;

}

/* 单页面 */

.ar_articles p {

  font-size: 0.95rem;

  line-height: 2rem;

  color: #616161;



}



.ar_articles img {

  display: block;

  margin-top: 2.5rem;

}



/* 搜索结果 */

.sousuo .news_xq_con {

  justify-content: center;

}

.sousuo .left_con {

  max-width: 1025px;

}

/* 科研中心 */

#exp {

  height: 29.6875rem;

}

#exp .expcon {

  height: 100%;

  display: flex;

  align-items: center;

  justify-content: center;

  background: url("/template/default/images/greenBGs.jpg")no-repeat;

  position: relative;

}

#exp .expcon::before {

  content: "";

  position: absolute;

  background: url("/template/default/images/greensj.png")no-repeat;

  height: 100%;

  width: 3.4375rem;

  left: -3.3475rem;

  z-index: 20;

  background-size: cover;

}

#exp .expcon div{
  padding: 0 3.5rem;
}

#exp .expcon h5 {

  color: #fff;

  position: relative;

  font-size: 1.75rem;

  margin-bottom: 1.5rem;

}

#exp .expcon p {

  position: relative;

  color: #fff;

  font-size: 0.95rem;

  line-height: 2.125rem;

  padding-left: 1.5rem;

}

#exp .expcon p::before {

  content: "";

  position: absolute;

  border-radius: 50%;

  background: transparent;

  border: 1px solid #fff;

  width: 8px;

  height: 8px;

  left: 0;

  top: 17px;

  transform: translate(50%, -50%);

}

#n_container .tech {

  display: flex;

  flex-direction: column;

  gap: 1.25rem;

}

#n_container .tech li {

  display: grid;

  grid-template-columns: 1fr 1fr;

}

#n_container .tech img {

  height: 28.75rem;

  display: block;

  width: 100%;

  object-fit: cover;

}

#n_container .tech div {

  padding: 0 4.375rem;

  background: #eeeff3;

  height: 100%;

  display: flex;

  flex-direction: column;

  justify-content: center;


}

#n_container .tech h5 {

  color: #313131;

  font-size: 1.875rem;

  line-height: 2rem;

  margin-bottom: 1.875rem;

}

#n_container .tech p {

  color: #313131;

  font-size: 0.95rem;

  line-height: 2rem;

}

#n_container .lab {

  display: grid;

  grid-template-columns: 1fr 1fr;

  gap: 15px;

}

#n_container .lab>div {

  display: flex;

  flex-direction: column;

  gap: 15px;

}

#n_container .lab>div div {

  display: flex;

  align-items: center;

  gap: 15px;

}

#n_container .lab img {

  display: block;

  width: 100%;

}

#exp .tuwen {

  height: 100%;

  display: grid;

  align-items: center;

  grid-template-columns: 50rem 1fr;

}

#exp .tuwen .slides {

  height: 100%;

}

#exp .tuwen .slides img {

  display: block;

  height: 100%;

  object-fit: cover;

}

.modal {

  display: none;

  width: 100%;

  height: 100%;

  position: fixed;

  left: 0;

  top: 0;

  z-index: 1000;

  background-color: rgba(0, 0, 0, 0.5);

}

.modal-content {

  width: 200px;

  margin: 20% auto;

  border-radius: 10px;

  -webkit-animation: zoom 0.6s;

  animation: zoom 0.6s;

  resize: both;

  height: 200px;

  overflow: auto;

  background: url("/template/default/images/gwtc.jpg");

  position: relative;

  border-radius: 7px;

}

@-webkit-keyframes zoom {

  from {

    -webkit-transform: scale(0)
  }

  to {

    -webkit-transform: scale(1)
  }

}

@keyframes zoom {

  from {

    transform: scale(0)
  }

  to {

    transform: scale(1)
  }

}

.close {

  position: absolute;

  right: .5rem;

  top: .5rem;

  cursor: pointer;

}

.close:hover svg path,
.close:focus svg path {

  fill: #0da945;

}

.modal-body {

  padding: 2rem;

  box-sizing: border-box;

  background: #fff;

}

.spewm img {

  width: 100%;

  display: block;

  margin: auto;

}

#nav_8,
#nav_9,
#nav_10,
#nav_11,
#nav_12,
#nav_19,
#nav_20,
#nav_23,
#nav_24,
#nav_25,
#nav_26,
#nav_12 {

  position: absolute;

  top: -150px;

}
/*分页*/
.page-num:not(:disabled) {
	cursor: pointer;
}
.page-num, .page-link {
	position: relative;
	display: block;
	padding: .4rem .75rem ;
	margin-left: -1px;
	line-height: 1.25;
	color: #fff;
	background-color: #fff;
	border: 1px solid #dee2e6; margin:0 5px; font-size:14px
}
a.page-num:hover, .page-link:hover {
	text-decoration: none;
}
.page-num-current a,a.page-num-current {
	z-index: 1;
	color: #fff;
	background-color: #118b3e;
	border-color: #118b3e;border: 1px solid #118b3e;
}
.page-num-current:hover {
	color: #fff;
}/*其他*/
.pages {
	padding-top: 10px;
	padding-bottom: 0px;
}
.code, .code img {
	height: 100px;
}
.position, .position a {
	color: #999;
}
.content {
	color: #666;
	line-height: 2;
}
.content img, .content iframe {
	max-width: 100% !important;
}
.content li {
	list-style: disc outside none;
	margin-left: 20px;
}
.pagination {
  display: -ms-flexbox;
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: 0.25rem; margin-top:3rem
}

.page-link {
  position: relative;
  display: block;
  padding: 0.4rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #333;
  background-color: #fff;
  border: 1px solid #dee2e6; margin:0 5px;
}

.page-link:hover,.page-num:hover {
  z-index: 2;
  color: #fff;
  text-decoration: none;
  background-color: #118b3e;
  border-color: #118b3e;border: 1px solid #118b3e;
}

.page-link:focus {
  z-index: 2;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.page-link:not(:disabled):not(.disabled) {
  cursor: pointer;
}

.page-item:first-child .page-link {
  margin-left: 0;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.page-item:last-child .page-link {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.page-item.active .page-link {
  z-index: 1;
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.page-item.disabled .page-link {
  color: #fff;
  pointer-events: none;
  cursor: auto;
  background-color: #fff;
  border-color: #dee2e6;
}

.pagination-lg .page-link {
  padding: 0.75rem 1.5rem;
  font-size: 1.25rem;
  line-height: 1.5;
}

.pagination-lg .page-item:first-child .page-link {
  border-top-left-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
}

.pagination-lg .page-item:last-child .page-link {
  border-top-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.pagination-sm .page-link {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
}

.pagination-sm .page-item:first-child .page-link {
  border-top-left-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem;
}

.pagination-sm .page-item:last-child .page-link {
  border-top-right-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}
.mt-4,
.my-4 {
  margin-top: 10px !important;
}

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
  margin-bottom: 10px !important;
}
.justify-content-center {
  -ms-flex-pack: center !important;
  justify-content: center !important;
}
.content-detail img{max-width:100%; height:auto}