/*@charset "UTF-8";*/
/*@font-face {*/
/*  font-family: "NSH-Bold";*/
/*  src: url("../fonts/NSH-Bold.otf") format("opentype");*/
/*  font-weight: normal;*/
/*  font-style: normal;*/
/*}*/

/*@font-face {*/
/*  font-family: "NSH-Regular";*/
/*  src: url("../fonts/NSH-Regular.otf") format("opentype");*/
/*  font-weight: normal;*/
/*  font-style: normal;*/
/*}*/

/*@font-face {*/
/*  font-family: "NSH-Light";*/
/*  src: url("../fonts/NSH-Light.otf") format("opentype");*/
/*  font-weight: normal;*/
/*  font-style: normal;*/
/*}*/

/*html,*/
/*body {*/
/*  font-family: "NSH-Regular";*/
/*}*/

.v_center {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

header {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  width: 100%;
  margin-bottom: -109px;
  z-index: 30;
  transition: all 0.4s;
}

header .logo_box span {
  font-size: 16px;
  color: #333;
}

header .logo {
  width: 146px;
  transition: all 0.4s;
  margin-right: 15px;
}

header .uk-container {
  max-width: 1920px;
  padding-left: 80px;
  padding-right: 80px;
  transition: padding 0.4s;
}

header:hover {
  background-color: #fff;
}

@media (max-width: 1600px) {
  header .uk-container {
    padding-left: 40px;
    padding-right: 40px;
  }
}

nav > ul {
  margin: 0;
  padding: 0;
}

nav > ul > li {
  display: inline-block;
}

nav > ul > li > a {
  display: inline-block;
  padding: 35px 16px;
  color: #023550;
  font-family: "NSH-Bold";
  transition: all 0.4s;
}

nav > ul > li > a:hover {
  text-decoration: none;
  color: #000;
}

nav > ul > li:hover > a {
  background-color: #0894de;
  color: #fff;
}

nav .uk-dropdown {
  max-width: 200px;
  min-width: 96px;
  padding: 0;
  box-shadow: none;
}

nav .uk-dropdown ul {
  margin: 0;
  padding: 0;
}

nav .uk-dropdown li {
  list-style: none;
  display: block;
}

nav .uk-dropdown a {
  display: block;
  color: #333;
  padding: 12px 0;
  text-align: center;
  font-size: 15px;
}

nav .uk-dropdown a:hover {
  text-decoration: none;
  color: #fff;
  background-color: #0894de;
}

.language img {
  width: 16px;
}

.language .uk-dropdown {
  padding: 0;
  min-width: 70px;
  max-width: 70px;
  text-align: center;
}

.language .uk-dropdown a {
  display: block;
  color: #000;
  font-size: 14px;
  padding: 4px 0;
}

.language .uk-dropdown a:hover {
  color: #fff;
  text-decoration: none;
  background-color: #abcd03;
}

.header_active {
  background-color: #fff;
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.1);
}

.header_active .logo {
  width: 120px;
}

.header_active nav > ul > li > a {
  padding: 25px 16px;
}

.yj_btn {
  /*background-image: linear-gradient(90deg, $color1, $color2);*/
  background-image: linear-gradient(90deg, #6bc363 20%, #43c3f0 40%);
}

.banner_btn {
  display: inline-block;
  padding: 15px 80px;
  border-radius: 35px;
  font-size: 14px;
  color: #fff;
  text-align: center;
  transition: all 0.3s;
}

.banner_btn:hover {
  text-decoration: none;
  color: #fff;
  background-image: linear-gradient(90deg, #6bc363 30%, #43c3f0 60%);
  transform: scale(1.1);
}

.sec_hero .uk-container {
  max-width: 1440px;
  padding-left: 120px;
  padding-right: 120px;
}

.sec_hero .banner_arrow img {
  width: 60px;
  transition: all 0.3s;
}

.sec_hero .banner_arrow img:hover {
  transform: scale(1.2);
}

.banner01 .banner01_title {
  max-width: 460px;
}

.banner01 h5 {
  color: rgba(8, 148, 222, 0.5);
  font-size: 22px;
  margin: 25px 0;
}

.sec_padding {
  background-color: #eef8fe;
  padding: 80px 0;
}

.sec_padding .uk-container {
  max-width: 1440px;
}

.sec_title h2 {
  margin-bottom: 0;
  margin-right: 10px;
  color: #3a3a3a;
  font-family: "NSH-Regular";
}

.sec_title span {
  color: #3a3a3a;
  font-weight: bold;
  display: inline-block;
  margin-right: 5px;
  text-transform: uppercase;
  font-family: "NSH-Regular";
}

.sec_title i {
  color: #abcd03;
  font-weight: bold;
}

.sec_subtitle {
  margin-top: 6px;
  font-size: 14px;
}

.sec_subtitle span {
  color: #999;
  font-family: "NSH-Light";
}

.sec_subtitle strong {
  color: #3a3a3a;
  font-family: "NSH-Light";
}

.sec_about_grid {
  margin-top: 110px;
  /*背景图*/
  /*图标*/
  /*高亮图标*/
}

.sec_about_grid .circle_box {
  text-align: center;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 240px;
  height: 240px;
  background-color: #fff;
  border-radius: 120px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
  overflow: hidden;
}

.sec_about_grid .circle_box:hover h3 {
  color: #fff;
}

.sec_about_grid .circle_box:hover p {
  color: #fff;
}

.sec_about_grid .circle_box:after {
  content: "";
  display: block;
  position: absolute;
  height: 100%;
  transition: all 0.3s;
  left: 0;
  right: 0;
  top: 0;
  background-color: none;
  background-size: 110%;
  background-position: center;
  z-index: 2;
  opacity: 0;
}

.sec_about_grid .circle_box:hover:after {
  opacity: 1;
  background-size: 100%;
}

.sec_about_grid .circle_box:before {
  transition: all 0.3s;
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 100%;
  background-image: linear-gradient(45deg, rgba(107, 195, 99, 0.94) 10%, rgba(67, 195, 240, 0.94) 60%);
  z-index: 3;
  opacity: 0;
}

.sec_about_grid .circle_box:hover:before {
  opacity: 1;
}

.sec_about_grid .circle_box > div {
  position: relative;
  z-index: 4;
}

.sec_about_grid .circle_icon {
  display: inline-block;
  width: 56px;
  height: 56px;
  background-size: contain;
  background-repeat: no-repeat;
}

.sec_about_grid .circle_box_01:after {
  background-image: url(../images/index_about_01.jpg);
}

.sec_about_grid .circle_box_02:after {
  background-image: url(../images/index_about_02.jpg);
}

.sec_about_grid .circle_box_03:after {
  background-image: url(../images/index_about_03.jpg);
}

.sec_about_grid .circle_box_04:after {
  background-image: url(../images/index_about_04.jpg);
}

.sec_about_grid .circle_box_01 i {
  background-image: url(../images/about_icon_01.svg);
}

.sec_about_grid .circle_box_02 i {
  background-image: url(../images/about_icon_02.svg);
}

.sec_about_grid .circle_box_03 i {
  background-image: url(../images/about_icon_03.svg);
}

.sec_about_grid .circle_box_04 i {
  background-image: url(../images/about_icon_04.svg);
}

.sec_about_grid .circle_box_01:hover i {
  background-image: url(../images/about_icon_01_light.svg);
}

.sec_about_grid .circle_box_02:hover i {
  background-image: url(../images/about_icon_02_light.svg);
}

.sec_about_grid .circle_box_03:hover i {
  background-image: url(../images/about_icon_03_light.svg);
}

.sec_about_grid .circle_box_04:hover i {
  background-image: url(../images/about_icon_04_light.svg);
}

.sec_about_grid h3 {
  margin-top: 5px;
  margin-bottom: 4px;
  font-size: 26px;
  line-height: 28px;
  color: #000;
}

.sec_about_grid p {
  font-size: 12px;
  margin: 0;
  transform: scale(0.76);
}

.about_count_box {
  margin-top: 70px;
  text-align: center;
}

.about_count_box span {
  font-size: 54px;
  line-height: 56px;
  display: inline-block;
}

.about_count_box i {
  font-size: 20px;
  font-style: normal;
}

.about_count_box h5 {
  margin-top: 10px;
  margin-bottom: 0;
  font-size: 20px;
  color: #808080;
}

.color_title {
  display: inline-block;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(45deg, #6cc362, #11b8ea, #54c7f0);
}

.sec_business {
  background-color: #eef8fe;
  padding: 80px 0;
}

.sec_business .uk-container {
  max-width: 1440px;
}

/** 首页版图 **/
.uk-tooltip {
  background: #0894de !important;
}

.mapmarker {
  position: absolute;
}

.mapmarker > img {
  position: relative;
  z-index: 5;
  transition: all 0.3s;
}

.mapmarker:hover img {
  transform: scale(1.4);
}

.mapmarker:before {
  content: "";
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  bottom: -12px;
  left: -1px;
  background-color: #6dd2f5;
  border-radius: 50%;
  z-index: 3;
  opacity: 0;
  animation: wave 2s ease-out infinite;
  transform-origin: center;
  transform-box: fill-box;
}

.mapmarker:after {
  content: "";
  display: block;
  position: absolute;
  width: 46px;
  height: 46px;
  bottom: -26px;
  left: -15px;
  border-radius: 50%;
  background-color: #abe5f9;
  border: #6dd2f5 1px solid;
  z-index: 2;
  animation: wave 2s ease-out infinite;
  animation-delay: 0.2s;
  transform-origin: center;
  opacity: 0;
}

@keyframes wave {
  0% {
    transform: scale(0.4) rotateX(-0.2turn);
    opacity: 0;
  }
  60% {
    transform: scale(0.8) rotateX(-0.2turn);
    opacity: 1;
  }
  100% {
    transform: scale(1) rotateX(-0.2turn);
    opacity: 0;
  }
}

.custom_control {
  margin-top: 80px;
  height: 30px;
  width: 100%;
}

.custom_control .swiper-scrollbar {
  height: 4px;
  opacity: 1;
}

.custom_slider_nav {
  gap: 12px;
}

.custom_slider_arrow {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-image: linear-gradient(90deg, #6cc362, #11b8ea, #54c7f0);
  display: flex;
  align-items: center;
  justify-content: center;
}

.custom_slider_arrow img {
  width: 16px;
}

.custom_slider_arrow.swiper-button-disabled {
  background-image: none !important;
  background-color: #828282;
}

.custom_scrollbar {
  height: 2px;
  background-image: linear-gradient(90deg, #6cc362, #11b8ea, #54c7f0);
}

.custom_scrollbar .swiper-scrollbar-drag {
  background: #31bfee !important;
  height: 6px !important;
  top: -2px !important;
}

/** uikit animation 动画重置 **/
.uk-transition-fade,
[class*="uk-transition-scale"],
[class*="uk-transition-slide"] {
  transition: 0.7s ease-out;
}

/** sec_news **/
.sec_news {
  padding: 160px 0 120px;
}

.sec_news .uk-grid > div {
  padding-top: 60px;
  padding-bottom: 40px;
}

.sec_news figure .uk-inline-clip {
  border-radius: 50px;
}

.sec_news figure figcaption {
  margin-top: 20px;
}

.sec_news figure figcaption h5 {
  margin-bottom: 15px;
}

.sec_news figure figcaption h5 a {
  font-size: 22px;
  color: #000;
}

.sec_news figure figcaption h5 a:hover {
  text-decoration: none;
}

.sec_news figure figcaption p {
  color: #828282;
  font-size: 14px;
  margin: 0;
}

.sec_news figure:hover h5 a {
  color: #0894de;
}

.btn_more a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #828282;
  transition: all 0.3s;
}

.btn_more a:hover, .btn_more a.active {
  background-image: linear-gradient(90deg, #6cc362, #11b8ea, #54c7f0);
}

.btn_more img {
  width: 14px;
  transform: rotate(-45deg);
}

.btn_news_more {
  margin-top: 50px;
}

.learn_more p {
  margin-top: 15px;
  margin-bottom: 0;
}

.learn_more p a {
  color: #828282;
}

.learn_more p a:hover {
  text-decoration: none;
  color: #000;
}

/** footer **/
footer {
  margin-top: -100px;
  background-color: #eef8fe;
  background-image: url(../images/bottom_bg01.svg);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100%;
}

footer .uk-container {
  max-width: 1440px;
  min-width: 1000px;
}

.bottom_logo {
  margin-top: 10.5%;
  margin-bottom: 70px;
}

.bottom_right_wrap {
  width: 180px;
}

.links {
  padding-top: 30px;
}

.links h6 {
  color: #fff;
  font-size: 16px;
  margin-bottom: 10px;
}

.links ul {
  margin: 0;
  padding: 0;
}

.links ul li {
  list-style: none;
}

.links ul a {
  color: rgba(255, 255, 255, 0.6);
  font-size: 13px;
  position: relative;
  transition: all 0.3s;
}

.links ul a:after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background-image: url(../images/icon_link.png);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  right: -15px;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
}

.links ul a:hover {
  color: #fff;
  text-decoration: none;
}

.links ul a:hover:after {
  opacity: 1;
}

.bottom_right_wrap {
  border-left: rgba(255, 255, 255, 0.7) 1px solid;
  padding-left: 30px;
}

.cooperative_form {
  margin-right: 70px;
}

.cooperative_form h6 {
  font-size: 20px;
  color: #fff;
  margin-bottom: 25px;
}

.cooperative_form input {
  width: 100%;
  height: 42px;
  line-height: 42px;
  background-color: #39a9e5;
  border: none;
  border-radius: 30px;
  padding: 0 20px;
  color: #fff;
  box-sizing: border-box;
  outline: none;
}

.cooperative_form input::-webkit-input-placeholder {
  /* WebKit browsers */
  color: rgba(255, 255, 255, 0.5);
}

.cooperative_form input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: rgba(255, 255, 255, 0.5);
}

.cooperative_form input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: rgba(255, 255, 255, 0.5);
}

.cooperative_form input:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: rgba(255, 255, 255, 0.5);
}

.cooperative_form button {
  width: 100%;
  height: 42px;
  line-height: 42px;
  background-image: linear-gradient(90deg, #6cc362, #11b8ea, #54c7f0);
  border: none;
  border-radius: 30px;
  color: #fff;
  display: block;
  box-sizing: border-box;
}

.footer_nav {
  margin-top: 30px;
  border-top: rgba(255, 255, 255, 0.7) 1px solid;
  padding-top: 30px;
}

.footer_nav dl dt {
  font-size: 15px;
  color: #fff;
  margin-bottom: 10px;
  position: relative;
}

.footer_nav dl dt:after {
  content: "/";
  position: absolute;
  color: rgba(255, 255, 255, 0.5);
  font-weight: 300;
  right: 25%;
  top: 50%;
  transform: translateY(-50%);
}

.footer_nav dl dd {
  margin-top: 1px;
}

.footer_nav dl dd a {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.78);
  transition: all 0.4s;
}

.footer_nav dl dd a:hover {
  text-decoration: none;
  color: #fff;
}

.copyright {
  margin-top: 10px;
  text-align: center;
  padding: 15px 0;
}

.copyright p {
  margin: 0;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.5);
}

.social {
  margin-top: 120px;
}

.ewm_dropdown {
  min-width: 80px;
  max-width: 80px;
  padding: 4px;
}

.ewm_dropdown::after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -10px;
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 10px solid white;
}

/* news */
.news_banner_text h2 {
  font-size: 4rem;
  color: #fff;
  margin-bottom: 0;
}

.news_banner_text h3 {
  color: #fff;
  margin-top: 1rem;
  font-size: 2.2rem;
}

.news_container {
  padding: 80px 0;
  background-color: #eef8fe;
}

.news_container h1 {
  font-size: 32px;
  margin-bottom: 0;
  margin-top: 15px;
}

.news_container .news_content p {
  margin-top: 10px;
  margin-bottom: 0;
  line-height: 1.7rem;
}

.news_title {
  margin-bottom: 30px;
}

a.arrow_btn {
  display: inline-block;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  line-height: 38px;
  text-align: center;
  background-image: linear-gradient(90deg, #6cc362, #11b8ea, #54c7f0);
}

a.arrow_btn img {
  width: 14px;
}

.go_back {
  text-align: center;
}

.go_back p {
  margin-top: 10px;
  margin-bottom: 0;
}

.next_page {
  border-top: #ddd 1px solid;
  padding-top: 20px;
  margin-top: 60px;
}

.next_page span {
  display: inline-block;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  line-height: 38px;
  text-align: center;
  border: #ddd 1px solid;
  transition: all 0.3s;
}

.next_page i {
  color: #666;
}

.next_page a:hover span {
  background-image: linear-gradient(90deg, #6cc362, #11b8ea, #54c7f0);
  border-color: #eef8fe;
}

.next_page a:hover i {
  color: #fff;
}

.next_page div {
  display: inline-block;
}

.next_page .Prev > div {
  margin-left: 10px;
}

.next_page .Next > div {
  margin-right: 10px;
}

/** 新闻列表 **/
.news_list {
  margin-top: 50px;
}

.news_list .news_list_box {
  margin-top: 40px;
}

.news_list .news_list_thumb {
  height: 240px;
  border-radius: 40px;
}

.news_list .news_list_note {
  padding-top: 25px;
}

.news_list .news_list_note h5 {
  margin-bottom: 0;
}

.news_list .news_list_note h5 a {
  color: #000;
  font-size: 22px;
}

.news_list .news_list_note small {
  font-size: 16px;
}

.hot_news {
  margin-top: 50px;
}

.hot_news_img li {
  border-radius: 20px;
  overflow: hidden;
}

.hot_news_nav {
  margin: 0;
  padding: 0;
  background-color: #fff;
  border-radius: 20px;
}

.hot_news_nav li {
  display: block;
  list-style: none;
}

.hot_news_nav li a {
  display: block;
  background-color: #fff;
  border-radius: 20px;
  padding: 62px 30px;
  color: #333;
}

.hot_news_nav li a:hover {
  text-decoration: none;
}

.hot_news_nav li.uk-active a {
  background-image: linear-gradient(90deg, #6cc362, #11b8ea, #54c7f0);
  color: #fff;
}

.pages {
  margin-top: 40px;
}

.pages ul {
  text-align: center;
  margin: 0;
  padding: 0;
}

.pages ul li {
  display: inline-block;
  list-style: none;
  margin: 0 15px;
}

.pages ul li a {
  display: block;
  text-align: center;
  width: 42px;
  height: 42px;
  line-height: 40px;
  border-radius: 50%;
  color: #333;
  transition: all 0.4s;
}

.pages ul li a:hover {
  background-image: linear-gradient(90deg, #6cc362, #11b8ea, #54c7f0);
  text-decoration: none;
  color: #fff;
}

/** product **/
.slider_fixed_nav ul li {
  list-style: none;
}

.slider_fixed_nav ul li a {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 180px;
  height: 180px;
  background-image: url(../images/product/nav_bg.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.slider_fixed_nav ul li a:hover {
  text-decoration: none;
}

.slider_fixed_nav ul li a img {
  max-width: 40px;
}

.slider_fixed_nav ul li a span {
  display: block;
  color: #333;
  font-size: 14px;
  margin-top: 10px;
}

.slider_fixed_nav ul li.active a {
  background-image: url(../images/product/nav_bg_hover.png);
}

.slider_fixed_nav ul li.active span {
  color: #fff;
}

.product_slider_wrap {
  background-image: url(../images/product/sec01_bg.png);
  background-position: center;
  background-repeat: no-repeat;
  background-color: #eef8fe;
  background-size: cover;
  padding: 80px 0 0;
}

.product_slideshow .learnmore {
  display: inline-block;
  padding: 10px 25px;
  line-height: 14px;
  border-radius: 20px;
  font-size: 13px;
  color: #fff;
  background-image: linear-gradient(90deg, #6cc362, #11b8ea, #54c7f0);
}

.product_slideshow .learnmore:hover {
  text-decoration: none;
  color: #fff;
}

.product_slideshow_nav {
  right: -40px;
  margin: 0;
  padding: 0 5px;
  border-left: #48be95 4px solid;
}

.product_slideshow_nav li {
  list-style: none;
  margin: 20px 0;
  display: flex;
  justify-content: center;
  width: 26px;
}

.product_slideshow_nav li a {
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: #666 2px solid;
  transition: all 0.5s;
}

.product_slideshow_nav li.uk-active a {
  width: 24px;
  height: 22px;
}

.adv_big_title {
  font-size: 44px;
  background-image: url(../images/product/jieya_title_bg.png);
  background-repeat: no-repeat;
  background-position: 48.5%;
  background-size: 160px;
  padding: 20px 0;
}

.adv_01,
.adv_02,
.adv_03,
.adv_04 {
  background-color: #eef8fe;
  padding: 80px 0;
}

.adv_text_card .Number_title {
  font-size: 48px;
}

.adv_text_card h2 {
  font-size: 36px;
  color: #000;
  margin-top: 0;
  margin-bottom: 15px;
}

.adv_text_card p {
  color: #a8a8a8;
  margin: 0;
  line-height: 1.7rem;
}

/** adv01 的浮动块 **/
.adv_img {
  position: relative;
  z-index: 5;
}

.adv01_f1 {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}

.adv01_f2 {
  position: absolute;
  left: -130px;
  bottom: -90px;
  width: 200px;
  z-index: 6;
}

.adv01_f3 {
  position: absolute;
  right: -128px;
  top: 100px;
  z-index: 1;
  width: 320px;
}

.adv03_f1 {
  position: absolute;
  right: 0;
  top: 90%;
  z-index: 1;
  width: 320px;
}

.adv03_f2 {
  position: absolute;
  left: 0;
  top: 80%;
  z-index: 1;
}

.adv04_f1 {
  position: absolute;
  left: 0;
  top: 60%;
  width: 180px;
  z-index: 1;
}

.adv04_f2 {
  position: absolute;
  left: 30%;
  top: 40%;
  width: 880px;
  z-index: 1;
}

.adv04_f4 {
  position: absolute;
  right: 5%;
  top: 40%;
  width: 220px;
  z-index: 1;
}

.adv04_f5 {
  position: absolute;
  right: 40%;
  top: 100%;
  width: 256px;
  z-index: 1;
}

.adv05_f1 {
  position: absolute;
  right: 0;
  top: 50%;
  width: 100%;
  z-index: 1;
}

.adv05_f2 {
  position: absolute;
  right: 0;
  bottom: -90%;
  width: 256px;
  z-index: 1;
}

/** 产品列表 **/
.product_list {
  background-color: #eef8fe;
  padding: 80px 0;
}

.productlist_grid {
  position: relative;
}

.productlist_grid > div {
  position: relative;
  z-index: 10;
}

.productlist_grid:after {
  content: "";
  background-color: #3dc2ef;
  width: 115%;
  height: 260px;
  border-radius: 40px;
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}

.productlist_grid figcaption {
  margin-top: 20px;
  text-align: center;
}

.productlist_grid figcaption p {
  color: #fff;
  margin: 0;
}

.productlist_grid figcaption h4 {
  margin-top: 10px;
  color: #fff;
  font-size: 24px;
}

.clip_scale_img {
  border-radius: 40px;
  overflow: hidden;
}

.clip_scale_img img {
  transition: all 0.4s;
}

.clip_scale_img:hover img {
  transform: scale(1.2);
}

/** 明亮头部 **/
.light_header .logo_box span {
  color: #fff;
}

.light_header nav > ul > li > a {
  color: #fff;
}

.cooperation_hero {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
  min-height: 920px;
}

/*
cooperation_line_wrap
*/
.cooperation_content {
  text-align: center;
  padding-top: 10%;
}

.cooperation_content p {
  color: #fff;
  font-size: 2.6rem;
}

.cooperation_content h1 {
  font-weight: bold;
  color: #fff;
  font-size: 4rem;
}

.cooperation_line_wrap {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 42%;
}

.cooperation_list {
  position: absolute;
  width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  padding-top: 220px !important;
  bottom: 34%;
}

.cooperation_list .swiper-slide {
  display: flex;
  justify-content: center;
}

.cooperation_list .uk-card {
  background-image: url(../images/cooperation/card_bg.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 200px;
  height: 180px;
  text-align: center;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}

.cooperation_list i {
  display: inline-block;
  color: #fff;
  font-size: 13px;
  padding: 3px 10px 3px 30px;
  position: absolute;
  left: -10px;
  top: 55%;
  background-image: linear-gradient(90deg, #6cc362, #11b8ea, #54c7f0);
}

.cooperation_list img {
  width: 40px;
  margin-bottom: 10px;
}

.cooperation_list h2 {
  font-size: 18px;
  margin-bottom: 0;
}

.odm_oem {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 10%;
}

.odm_oem > div {
  margin: 0 15px;
  max-width: 260px;
}

/*** 研发 ***/
.yanfa_wrap {
  padding: 100px 0;
  background-image: url(../images/yanfa/yanfa_bg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #fdfdfd;
}

.yafa_title {
  text-align: center;
}

.yafa_title h2 {
  font-size: 46px;
  font-family: "NSH-Bold";
  margin-bottom: 0;
}

.yafa_title img {
  max-width: 175px;
}

.yafan_body {
  margin-top: 50px;
  border-radius: 40px;
  overflow: hidden;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
}

.yafan_body figcaption {
  background-color: #fff;
  padding: 40px 30px;
  position: relative;
}

.yafan_body figcaption p {
  font-size: 20px;
  line-height: 2.5rem;
  text-align: center;
}

.yafan_body .arrow_btn {
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  text-align: center;
  line-height: 38px;
  color: #fff;
  background-image: linear-gradient(90deg, #6cc362, #11b8ea, #54c7f0);
  position: absolute;
  right: 30px;
  bottom: 30px;
}

.core_service {
  padding-top: 200px;
  padding-bottom: 300px;
  position: relative;
  background: url(../images/yanfa/yanfa.jpg) center no-repeat;
  /*background-attachment:fixed;*/
}

.core_service P{background-image: linear-gradient(90deg, #6cc362, #11b8ea, #54c7f0); padding:10PX 20PX; border-radius:15PX; display:block; max-width:250PX; text-align:center; color: #FFF; font-size:18px; font-weight: bold;
}
.core_service .float_drop_color {
  position: absolute;
  top: 50px;
  left: 50%;
  transform: translateX(-50%);
}

.core_service .float_f1 {
  position: absolute;
  right: 0;
  top: 0;
}

.core_service .float_f2 {
  position: absolute;
  left: 0;
  bottom: 0;
}

.core_service .uk-card {
  margin-left: 60px;
}

.core_service h2 {
  font-size: 44px;
  margin:0 0  10px 0;font-weight: bold;
}

/**  一站式解决方案  **/

.one_step {

  padding-top: 300px;
  padding-bottom: 200px;
  position: relative;
  background: url(../images/yanfa/yanfa_2.jpg) center no-repeat;
  /*background-attachment:fixed;*/


}

.one_step .what{ margin:0 auto; display:flex;}
.one_step .what ul{ padding:50px;width: 350px;}
.one_step .what ul li{border: 3px solid transparent;
    padding: 10px 20px;
    display: inline-block;width: 300px; text-align: center;

    margin-bottom: 35px;
    margin-right: 15px;
    font-weight: bold;
    font-size: 16px;
    border-radius: 25px;
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    background-image: linear-gradient(to right, #fff, #fff), linear-gradient(to top, #6ac364, #36c6dd);}
.one_step .what img{margin-top:60px;}

.one_step_title {
  padding: 20px 0;
  text-align: center;
  background-image: url(../images/yanfa/jieya.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 260px;
}

.one_step_title h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 44px;
  font-family: "NSH-Regular";
}

.one_step_wrap {
  text-align: center;
  position: relative;
  margin-top: 60px;
}

.one_step_side_arrow {
  width: 130px;
  position: absolute;
  top: 5%;
}

.one_step_side_arrow.left {
  left: 5%;
}

.one_step_side_arrow.right {
  right: 5%;
}

.one_step_drop {
  text-align: center;
  margin-top: 80px;
}

.one_step_drop img {
  max-width: 68px;
}

/** 研发中心 **/
.research {
  background-image: url(../images/yanfa/research.jpg);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
}

.research_title {
  padding: 35vh 0 15vh;
  text-align: center;
}

.research_title h2 {
  font-size: 4vw;
  color: #fff;
}

.zhengshu_slider {
  width: 100%;
  overflow: hidden;
}

.zhengshu_slider .swiper-slide {
  width: 460px;
  height: 510px;
}

.zhengshu_slider .swiper-slide img {
  opacity: 0.8;
}

.zhengshu_slider .swiper-slide-active img,
.zhengshu_slider .swiper-slide-duplicate-active img {
  opacity: 1;
}

.yanfa_content {
  background-color: #fff;
  padding: 10% 9%;
  border-top-left-radius: 50px;
}

.yanfa_content h2 {
  font-size: 36px;
  font-family: "NSH-Bold";
}

.yanfa_content h4 {
  font-size: 24px;
}

/** 研发环境 **/
.huanjing {

}

.huanjing_wrap {
  margin-top: 80px;
  position: relative;
  z-index: 20;
}

.huanjing_wrap .parent {
  display: grid;
  grid-template-columns: repeat(2, 1fr);

}

.huanjing_wrap .parent ul{ margin:0 2%; padding:3%; background:#dcf5fd;}
.huanjing_wrap .parent ul:hover{background: linear-gradient(to right, #dcf5fd, #7ed3b3);}
.huanjing_wrap .parent ul img{ float:left; width:100px; height:100px; border-radius:50%; margin-right:30px;}
.huanjing_wrap .parent ul span b{ display:block; margin-top:20px; font-size:20px;}


.huanjing_wrap .parent > div {
  border-radius: 20px;
  overflow: hidden;
}

.huanjing_wrap .div1 {
  grid-area: 1 / 1 / 3 / 3;
}

.huanjing_wrap .div2 {
  grid-area: 1 / 3 / 2 / 4;
}

.huanjing_wrap .div3 {
  grid-area: 1 / 4 / 2 / 5;
}

.huanjing_wrap .div4 {
  grid-area: 3 / 1 / 4 / 2;
}

.huanjing_wrap .div5 {
  grid-area: 3 / 2 / 4 / 3;
}

.huanjing_wrap .div6 {
  grid-area: 2 / 3 / 4 / 5;
}

.huanjing_wrap .h-1 {
  height: 200px;
}

.huanjing_wrap .h-2 {
  height: 415px;
}

.yanfa_f3 {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}

.yanfa_f4 {
  position: absolute;
  width: 360px;
  right: 0;
  bottom: 0;
  z-index: 2;
}

/** 制造能力 **/
.shuixitong {
  background-color: #e9f6fe;
  height: 100vh;
  display: flex;
  align-items: center;
}

.shuixitong h2 {
  font-family: "NSH-Bold";
  font-size: 42px;
}

.shuixitong p {
  font-size: 18px;
}

.shuixitong p strong {
  font-weight: bold;
  color: #000;
  display: inline-block;
  margin-right: 5px;
}

.zhizao_ff {
  height: 100vh;
  margin-top: -100vh;
}

.sm_btn {
  color: #fff;
  display: inline-block;
  padding: 8px 30px;
  border-radius: 30px;
  background-image: linear-gradient(90deg, #6cc362, #11b8ea, #54c7f0);
  font-size: 14px;
}

.sm_btn:hover {
  color: #fff;
  text-decoration: none;
}

/** 设备与环境 **/
.inquipment { background-color: #e9f6fe; padding: 80px 0;    text-align: center;  font-size:20px;}
.inquipment h2{font-weight:bold;}
.inquipment_nr{max-width:1400px; margin:0 auto;}
.inquipment ul { width:29.3%; float:left;position: relative; padding-left:0px; z-index:9; margin:0 2%; margin-top:100px;}
.inquipment ul em{ position:absolute;background:#fff; width:70%; height:190px; left:0; top:0;z-index:-1; border-radius:30px;}
.inquipment ul li{text-transform: uppercase;background-image: linear-gradient(to right,#69c366,#1ebbf0);-webkit-background-clip: text;-webkit-text-fill-color: transparent;  text-align: left;list-style:none;padding:30px; max-width:200px; font-size:14px;}
.inquipment ul img{ border-radius:30px;}
.inquipment ul li span{ display:block !important;   font-size:19px;line-height: 2; font-weight:bold;}
.inquipment ul li b{ padding:0 5px;}
.clear{ clear:both;}
.shebei_scrollbar {
  margin-top: 20px;
  margin-bottom: 20px;
  border: #a6a6a6 1px solid;
  border-radius: 10px;
  background-color: #eee;
}
.zhizao_xian{display: block;margin: 0 auto;margin-bottom:20px;}
.shebei_scrollbar .swiper-scrollbar-drag {
  background-image: linear-gradient(90deg, #6cc362, #11b8ea, #54c7f0);
  height: 7px;
  transform: translateY(2px);
}

/** 清真 **/
.qingzhen_container {
  background-color: #e9f6fe;
  background-image: url(../images/qingzhen/qingzhen_bg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding: 80px 0;
}

.page_nav {
  text-align: center;
  margin-top: 60px;
  padding: 0;
}

.page_nav li {
  list-style: none;
  margin: 0 20px;
  display: inline-block;
}

.page_nav li a {
  display: block;
  width: 205px;
  height: 78px;
  text-align: left;
  padding-left: 35px;
  line-height: 78px;
  color: #333;
  font-size: 30px;
  background-image: url(../images/qingzhen/page_cate_btn_bg.png);
  background-size: contain;
  font-style: italic;
  font-family: "NSH-Regular";
}

.page_nav li a:hover {
  text-decoration: none;
}

.page_nav li.active a {
  background-image: url(../images/qingzhen/page_cate_btn_bg_active.png);
  color: #fff;
}

.oem_page_nav {
  text-align: center;
  margin-bottom: 60px;
  padding: 0;
}

.oem_page_nav li {
  list-style: none;
  margin: 0 20px;
  display: inline-block;
}

.oem_page_nav li a {
  display: block;
  width: 218px;
  height: 99px;
  text-align: left;
  padding-left: 86px;
  line-height: 95px;
  color: #333;
  font-size: 30px;
  background-image: url(../images/qingzhen/page_cate_btn_bg.png);
  background-color: #fff;
  background-size: contain;
  font-style: italic;
  font-family: "NSH-Regular";
  border-radius: 52px;
}

.oem_page_nav li a:hover {
  text-decoration: none;
}

.oem_page_nav li.active a {
  background-image: url(../images/qingzhen/page_cate_btn_bg_active.png);
  color: #fff;
}

.qingzhen_content {
  max-width: 740px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  margin-top: 60px;
}

.qingzhen_content p {
  font-size: 18px;
  line-height: 2.6rem;
}

/** 质量政策 **/
.zhiliang_container {
  padding: 80px 0;
  background-color: #e9f6fe;
}

.qulity_list_img {
  height: 560px;
  overflow: hidden;
  position: relative;
  transition: all 0.3s;
}

.qulity_list_img > div {
  height: 560px;
}

.qulity_list_img.left {
  border-top-right-radius: 300px;
  border-bottom-right-radius: 300px;
}

.qulity_list_img.right {
  border-top-left-radius: 300px;
  border-bottom-left-radius: 300px;
}

.zhiliang_grid_wrap .uk-grid {
  margin-bottom: 80px;
}

.zhiliang_grid_wrap .uk-grid .uk-card h2 {
  font-size: 36px;
}

.zhiliang_grid_wrap .uk-grid .uk-card p {
  font-size: 18px;
}

/** 人才招聘 **/
.jobs_container {
  padding: 100px 0;
}

.job_accordion {
  margin-top: 60px;
}

.job_accordion li {
  background-color: #f5f5f5;
  border-radius: 30px;
  padding: 30px;
}

.job_accordion li h4 {
  margin-bottom: 0;
}

.job_accordion .uk-accordion-title::before {
  content: none;
}

.job_accordion .uk-accordion-title span {
  padding: 10px 24px;
  border-radius: 30px;
  border: #ddd 1px solid;
  font-size: 14px;
}

.job_accordion li.uk-open .uk-accordion-title span {
  background-image: linear-gradient(90deg, #6cc362, #11b8ea, #54c7f0);
  color: #fff;
}

.job_accordion li.uk-open .color_title_open {
  display: inline-block;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(45deg, #6cc362, #11b8ea, #54c7f0);
}

.jobs_container_f1 {
  position: absolute;
  left: 0;
  top: -10px;
  width: 140px;
}

.sec_fuli {
  padding: 80px 0;
}

.sec_fuli .fuli_slider {
  margin-top: 60px;
}

.sec_fuli .fuli_slider .uk-slideshow-nav {
  width: 100%;
  height: 6px;
  border-radius: 6px;
  background-color: #ddd;
  margin-top: 40px;
}

.sec_fuli .fuli_slider .uk-slideshow-nav li a {
  display: block;
  height: 6px;
  border-radius: 6px;
}

.sec_fuli .fuli_slider .uk-slideshow-nav li.uk-active a {
  background-image: linear-gradient(90deg, #6cc362, #11b8ea, #54c7f0);
}

.jobs_container_f2 {
  position: absolute;
  left: 0;
  top: 0;
  width: 220px;
}

.jobs_container_f3 {
  position: absolute;
  right: 0;
  top: 0;
}

.jobs_container_f4 {
  position: absolute;
  left: 50%;
  bottom: 10%;
  width: 200px;
}

/** 投资者关系 **/
.invest_container {
  padding: 100px 0;
  background-image: url(../images/invest/touzi_bg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.invest_nav_wrap ul {
  margin: 0;
  padding: 0;
}

.invest_nav_wrap ul li {
  list-style: none;
  display: inline-block;
}

.invest_nav_wrap ul li a {
  color: #333;
  display: block;
  padding: 0 40px 0 0;
  position: relative;
  font-size: 18px;
  font-style: italic;
}

.invest_nav_wrap ul li a:after {
  content: '/';
  position: absolute;
  right: 15px;
  top: 0;
}

.invest_nav_wrap ul li:last-child a:after {
  opacity: 0;
}

.invest_nav_wrap .date {
  font-size: 14px;
  background-color: #f5f5f5;
  display: inline-block;
  color: #000;
  padding: 12px 25px;
  border-radius: 40px;
}

.stock_wrap {
  margin-top: 60px;
  background-color: #e5e5e5;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding: 70px 50px;
  border-radius: 30px;
}

.stock_wrap span {
  display: block;
  font-size: 48px;
  line-height: 50px;
  font-weight: bold;
  color: #000;
  font-style: italic;
}

.stock_wrap p {
  font-size: 12px;
  margin-bottom: 0;
  color: #000;
}

.notice_wrap {
  margin-top: 40px;
}

.notice_wrap .uk-card {
  border-radius: 30px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 70px 50px;
}

.notice_wrap .uk-card a {
  font-size: 12px;
  color: #dddddd;
  font-style: normal;
}

.notice_wrap h3 {
  font-style: italic;
  color: #fff;
  margin-bottom: 15px;
}

.notice_wrap h3 img {
  width: 22px;
}

.secretary_contact {
  margin-top: 40px;
  background-color: #0894df;
  padding: 50px 50px;
  border-radius: 30px;
}

.secretary_contact h3 {
  font-style: italic;
  color: #fff;
  border-bottom: rgba(255, 255, 255, 0.6) 1px solid;
  padding-bottom: 20px;
  margin-bottom: 30px;
}

.secretary_contact h3 img {
  width: 22px;
  margin-left: 10px;
  transform: translateY(-2px);
}

.secretary_contact p {
  font-size: 16px;
  color: #fff;
  margin: 5px 0;
  font-style: italic;
}

/** 公示公告 **/
.notice_wrap h1 {
  font-size: 28px;
}

.notice_wrap ul {
  padding: 0;
  margin-top: 30px;
}

.notice_wrap ul li {
  list-style: none;
  background-color: #eeeeee;
  padding: 15px 25px;
  border-radius: 30px;
  margin-top: 20px;
}

.notice_wrap ul li a {
  color: #333;
}

.contact_box {
  padding: 40px;
  box-sizing: border-box;
  width: 340px;
  border-radius: 30px;
  background-image: linear-gradient(90deg, #6cc362, #11b8ea, #54c7f0);
}

.contact_box h4 {
  font-size: 24px;
  color: #fff;
}

.contact_box h4 img {
  width: 20px;
  transform: translateY(-2px);
}

.contact_box p {
  font-size: 14px;
  color: #fff;
  margin: 10px 0;
}

.notice_goback_btn {
  display: block;
  background-color: #333333;
  font-size: 18px;
  font-style: italic;
  color: #fff;
  padding: 14px 0;
  color: #fff;
  text-align: center;
  border-radius: 40px;
}

.notice_goback_btn:hover {
  text-decoration: none;
  color: #fff;
}

/**  contact **/
.contact_hero {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 100vh;
  min-height: 900px;
}

.contact_text h3 {
  font-size: 30px;
  color: #fff;
}

.contact_text h1 {
  color: #fff;
  font-family: "NSH-Bold";
  font-size: 70px;
  letter-spacing: 0.1rem;
}

.contact_text address {
  margin-top: 40px;
}

.contact_text address p {
  font-size: 20px;
  font-style: italic;
  color: #fff;
  margin: 0;
}

.contact_text address img {
  display: inline-block;
  margin-right: 6px;
}

.contact_text .copyright p {
  margin: 0;
  font-size: 12px;
  color: #fff;
}

.contact_copyright {
  position: absolute;
  left: 50px;
  bottom: 40px;
  opacity: 0.5;
}

.contact_copyright p {
  font-size: 12px;
  color: #fff;
}

.contact_copyright p a {
  color: #fff;
}

.map_container {
  height: 600px;
}

.map_container .uk-dropdown {
  border-radius: 40px;
  overflow: hidden;
  width: 40vw;
  min-width: 40vw;
  max-width: 40vw;
}

.map_container .map_btn {
  max-width: 260px;
}

.uk-tooltip {
  /* 1 */
  display: none;
  /* 2 */
  position: absolute;
  z-index: 1030;
  --uk-position-offset: 10px;
  /* 3 */
  top: 0;
  /* 4 */
  box-sizing: border-box;
  max-width: 200px;
  padding: 3px 6px;
  /* 5 */
  background: #666;
  border-radius: 4px;
  color: #fff;
  font-size: 16px;
}

.info_list {
  margin-top: 60px;
}

.info_list h5 a {
  display: block;
  font-size: 18px;
  color: #000;
}

.info_list h6 {
  margin-top: 4px;
}

.info_list h6 a {
  display: block;
  font-size: 14px;
  color: #000;
}

.info_list p {
  font-size: 14px;
  color: #999;
}

/** 搜索 **/
.search_box {
  margin-top: 40px;
  margin-bottom: 20px;
}

.search_box form {
  padding-right: 100px;
}

.search_box input {
  width: 240px;
  background-color: #e2e2e2;
  border-radius: 20px;
  padding: 4px 20px;
  line-height: 26px;
  color: #333;
  border: none;
  outline: none;
}

.search_box button {
  background-image: linear-gradient(90deg, #6cc362, #11b8ea, #54c7f0);
  line-height: 26px;
  color: #fff;
  padding: 4px 20px;
  border-radius: 20px;
  border: none;
}

.product_list_20220822 {
  background-image: url(../images/product/product_bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 90px 0;
}

.product_list_20220822 .tf_content {
  position: relative;
  z-index: 10;
}

.product_list_20220822 .tf_bg {
  position: absolute;
  z-index: 5;
  width: 150px;
  height: 220px;
  border-top-left-radius: 40%;
  left: -20px;
  top: -20px;
  transition: all 0.4s;
  opacity: 0;
}

.product_list_20220822 h4 {
  color: #000;
  font-weight: bold;
  text-align: center;
}

.product_list_20220822 h5 {
  font-size: 12px;
  margin-top: 5px;
  margin-bottom: 5px;
  padding-left: 10px;
  position: relative;
  color: #000;
}

.product_list_20220822 h5 i {
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #0894df;
  position: absolute;
  left: 0;
  top: 5px;
}

.product_list_20220822 .product_thumb {
  border-radius: 50px;
  overflow: hidden;
  margin-bottom: 15px;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
}

.product_list_20220822 .product_thumb img {
  transition: all 0.4s;
  border-radius: 50px;
  overflow: hidden;
}

.product_list_20220822 .product_category_title {
  color: #fff;
  background-image: linear-gradient(90deg, #6cc362, #11b8ea, #54c7f0);
  padding: 2px 10px;
  border-radius: 15px;
  font-size: 14px;
  width: 56px;
  position: absolute;
  left: 0;
}

.product_list_20220822 figure:hover .product_thumb img {
  transform: scale(1.05);
}

.product_list_20220822 figure:hover .tf_bg {
  opacity: 1;
}

.product_list_20220822 figcaption {
  position: relative;
  margin-top: 15px;
  padding-left: 86px;
}

.product_list_20220822 figcaption p {
  margin-top: 3px;
  margin-bottom: 0;
  font-size: 14px;
  color: #000;
}

@media (max-width: 1600px) {
  .slider_fixed_nav {
    display: none;
  }
}