@charset "utf-8";

* {
  margin: 0;
  padding: 0;
}

.clear {
  clear: both;
}

img {
  border: none;
}

ul, li {
  list-style: none;
}

a {
  text-decoration: none;
}

html, body {
  font-family: "SourceHanSans-Regular", "Microsoft YaHei", "微软雅黑", "Arial";
  color: #272727;
  font-size: 12px;
  background-color: #ffffff;
}

html {
  overflow-x: hidden;
  font-size: 625%;
}

/*10*/
body a {
  outline: none;
  blr: expression(this.onFocus=this.blur());
}

/*@font-face {
  font-family: "SourceHanSans-Regular";
  src: url("../../font/Source-Han-Sans-Regular.woff") format("woff"),
    url("../../font/Source-Han-Sans-Regular.eot") format("embedded-opentype"),
    url("../../font/Source-Han-Sans-Regular.otf") format("opentype");
}

@font-face {
  font-family: "SourceHanSans-Bold";
  src: url("../../font/Source-Han-Sans-Bold.woff") format("woff"),
    url("../../font/Source-Han-Sans-Bold.eot") format("embedded-opentype"),
    url("../../font/Source-Han-Sans-Bold.otf") format("opentype");
}
*/
@font-face {
  font-family: "SourceHanSans-Regular";
  src: url("https://guolinjituan.oss-cn-qingdao.aliyuncs.com/Source-Han-Sans-Regular.woff") format("woff"),
    url("https://guolinjituan.oss-cn-qingdao.aliyuncs.com/Source-Han-Sans-Regular.eot") format("embedded-opentype"),
    url("https://guolinjituan.oss-cn-qingdao.aliyuncs.com/Source-Han-Sans-Regular.otf") format("opentype");
}

@font-face {
  font-family: "SourceHanSans-Bold";
  src: url("https://guolinjituan.oss-cn-qingdao.aliyuncs.com/Source-Han-Sans-Bold.woff") format("woff"),
    url("https://guolinjituan.oss-cn-qingdao.aliyuncs.com/Source-Han-Sans-Bold.eot") format("embedded-opentype"),
    url("https://guolinjituan.oss-cn-qingdao.aliyuncs.com/Source-Han-Sans-Bold.otf") format("opentype");
}


@media screen and (max-width:1450px) {
  html {
    font-size: 562.5%;
  }

  /*9*/
}

@media screen and (max-width:1150px) {
  html {
    font-size: 500%;
  }

  /*8*/
}

/*gundong*/
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-track {
  border-radius: 0px;
  background: #dddddd;
}

::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #00a29a;
}

::-webkit-scrollbar-thumb:hover {
  border-radius: 5px;
  background: #00a29a;
}

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

  100% {
    transform: scale(1.00);
  }
}

/* public */
.index_container {
  width: 1380px;
  margin: 0 auto;
}

.top_mag, .top_mag_w {
  margin-top: 5.7%;
}
.pc_img{display: block;}
.mobile_img{display: none;}


@media screen and (max-width:1450px) {
  .index_container {
    width: 90% !important;
  }
}

@media screen and (max-width:1024px) {
  .index_container {
    width: 92% !important;
  }
  .top_mag {
    margin-top: 0;
  }
  .top_mag_w {
    margin-top: 8vw;
  }
  .pc_img{display:none;}
  .mobile_img{display:block;}

}

:root {
  --color-green: #00a29a;
  --color-blue: #0d57a7;
  --color-white: #fff;
  --word-color33: #333333;
  --word-color44: #444444;
  --word-color55: #555555;
  --word-color66: #666666;
  --word-color63: #636363;
  --word-color56: #565656;
  --word-color94: #949393;
  --input-radius: 10px;
}

/* base title */
.index_title_content_green{ position: relative;}
.index_title_content_green h3 {
  font-weight: normal;
  font-family: "SourceHanSans-Bold";
  color: #00a29a;
  font-size: 0.56rem;
  line-height: 1.3em;
  position: relative;
}
.index_title_content_green h3 i{ width:auto; height: 0.55rem; float: left; margin: 0.11rem 0.3rem 0 0;}
.index_title_content_green h3 i img{display: block; height: 100%; width: auto;}



.en_title_content{ overflow: hidden;}
.en_title_content h3{ float: left;}
.en_title{ float: right; margin-top: 0.08rem;}
.en_title img{ display: block; float: right; width: 0.15rem; height: auto; margin-right: 0.02rem;}
.en_title h4{ font-weight: normal;color: #00a29a; font-size: 0.24rem; line-height: 1.5em;text-transform: uppercase; margin-top: 0.1rem;}

.index_title_content_green h6 {
  font-weight: normal;
  font-size: 0.24rem;
  color: #00a29a;
  text-transform: uppercase;
  line-height: 1.4em;
}

.index_title_content_green p{ color: #666666; font-size: 0.2rem;line-height: 1.5em; margin-top: 0.08rem;}
h5.more{ width:0.5rem; height: auto;display: block;}
h5.more img{display: block; width: 100%; height: auto;}
h5.absolu{ position: absolute; right: 0; bottom:0.06rem;}
.center_title{text-align: center;}


@media screen and (max-width:1024px) {
  .index_title_content_green h6 {
    font-size: 3.6vw;
    line-height: 1.2em;
  }

  .index_title_content_green h3 {
    font-size: 6.2vw;
    line-height: 1.2em;
    display: table; margin: 0 auto;
  }

  .index_title_content_green h3 i{ height: 5.8vw;
    margin: 1.1vw 2vw 0 0;}
  .index_title_content_green p{ font-size: 3.4vw; margin-top: 1.6vw;}

  .index_title_content_green {
    margin-top: 8vw;
    text-align: center;
  }

  .title_mag0{ margin-top: 0;}
  .en_title_content h3{ float:none; text-align: center;}
  .en_title{display: none;}

  h5.more{width: 5vw;}
  h5.absolu{display: none;}
}


/* top */
.top_container {
  width: 100%;
  position: fixed;
  height: 1.7rem;
  background: #fff;
  top: 0;
  left: 0;
  z-index: 5;
  transition-duration: .8s;
  -ms-transition-duration: .8s;
  -moz-transition-duration: .8s;
  -webkit-transition-duration: .8s;
}

.top_right_container{ float: right;}

/* top_tool */
.top_tool_content {
  width: 100%; height: 0.5rem;background: linear-gradient(to right, rgba(0, 162, 154, 1), rgba(13, 87, 167, 1));
}

.top_tool {
  position: relative;height: 0.5rem;
}

.top_tool_left{ float: left; margin-top: 0.12rem;}
.top_tool_left p{ font-size: 0.16rem; line-height: 1.5em; color: #fff;}



.top_tool_right{ float: right; padding-right: 0.13rem;}
.top_tool_right a {
  display: block;
  font-size: 0.18rem;
  line-height: 1.5em;
  color: #fff;
  float: left;
  font-family: "SourceHanSans-Bold";
  margin: 0.09rem 0.25rem 0;
  cursor: pointer;
}
.top_tool_right a:last-child{ margin-right: 0;}

.top_tool_right a.top_call, .top_tool_right a.top_search {
  margin-top: 0.15rem;
}

.top_tool_right span {
  width: 1px;
  height: 0.19rem;
  background: rgba(255, 255, 255, 0.5);
  float: left;
  margin-top: 0.15rem;
}

.search_form {
  position: absolute;
  right: -60%;
  font-size: 0.18rem;
  white-space: nowrap;
  letter-spacing: 1px;
  overflow: hidden;
  display: block;
  padding: 0.2rem;
  background: #0d57a7;
  color: #fff;
  border-radius: 5px;
  opacity: 0;
  transition-duration: .5s;
  -ms-transition-duration: .5s;
  -moz-transition-duration: .5s;
  -webkit-transition-duration: .5s;
  width: 280px;
  top: 0.5rem;
}

.search_form2 {
  opacity: 1;
  right: 0;
}

.search_form i {
  width: 20px;
  height: auto;
  position: absolute;
  right: 22px;
  top: 15px;
}

.search_form i img {
  width: 100%;
  height: auto;
  display: block;
}

.search_form input {
  width: 80%;
  float: left;
  box-sizing: border-box;
  border: none;
  background: #fff;
  outline: none;
  height: 35px;
  border-radius: 5px;
  padding-left: 10px;
}

.search_form p {
  font-size: 0.16rem;
  line-height: 1.5em;
  color: #fff;
  margin-bottom: 10px;
}

.search_form button {
  width: 18%;
  float: right;
  height: 35px;
  background: url(../../images/top_s2.png) no-repeat center center #00a29a;
  border: none;
  outline: none;
  border-radius: 5px;
  background-size: 18px;
}

.search_form h6 {
  cursor: pointer;
  font-size: 0.14rem;
  display: table;
  font-weight: normal;
  margin: 8px auto 0;
  border-bottom: 1px solid #fff;
  padding: 0 4px 4px;
  line-height: 1.5em;
}

/* nav */
.nav_container {
  height: 1.2rem;
  transition-duration: .5s;
  -ms-transition-duration: .5s;
  -moz-transition-duration: .5s;
  -webkit-transition-duration: .5s;
  box-sizing: border-box;
}

.nav_container img.logo {
 height: 1.8rem;
 width: auto;
 float: left;
margin: -0.3rem 0 0 -0.15rem;
 transition-duration: .5s;
 -ms-transition-duration: .5s;
 -moz-transition-duration: .5s;
 -webkit-transition-duration: .5s;
}

.nav {
  float: right;
}

.nav ul li {
  float: left;
  font-size: 0.2rem;
  margin-left: 0.42rem;
}
.nav ul li:first-child{ margin-left: 0.55rem;}

.nav ul li a {

  color: #333333;
  line-height: 1.2rem;
  display: block;
  height: 1.2rem;
  box-sizing: border-box;
  transition-duration: .5s;
  -ms-transition-duration: .5s;
  -moz-transition-duration: .5s;
  -webkit-transition-duration: .5s;
    box-sizing: border-box;
  border-bottom: 8px solid transparent;
  padding: 0 0.13rem;

}

.nav ul li a:hover, .nav ul li a.cur {
  border-bottom: 8px solid #00a29a;
}

@media screen and (max-width:1450px) {

  .nav ul li {
 margin-left: 3vw
  }
  .nav ul li a { padding: 0 1vw;}
}


@media screen and (max-width:1400px) {
  .nav ul li a { padding: 0 0.5vw;}
}
@media screen and (max-width:1250px) {
  .nav ul li {
 margin-left: 2vw
  }
}

.fixedhead {
  top: -200px;
}

.xuanfu_nav_bg {
  box-shadow: 0 0 25px #ccc;
}

/*mobile nav*/
.header2 {
  width: 100%;
  height: 13vw;
  top: 0;
  left: 0;
  background: linear-gradient(to right, #00a29a, #0d57a7);
  color: #dcdcdc;
  position: fixed;
  box-sizing: border-box;
  overflow: hidden;
  z-index: 3;
  display: none;
  padding: 0 4vw 0 0;
  transition-duration: .8s;
  -ms-transition-duration: .8s;
  -moz-transition-duration: .8s;
  -webkit-transition-duration: .8s;
}

.header2 img {
  display: block;
  margin: 0 auto;
}

.header2 .top_dh {
  position: relative;
  float: right;
  top: 50%;
  transform: translateY(-50%);
}

.header2 .top_dh img {
  width: 5.3vw;
  transition-duration: .5s;
  -ms-transition-duration: .5s;
  -moz-transition-duration: .5s;
  -webkit-transition-duration: .5s;
}

.langu{
  position: relative;
      float: left;
      top: 50%;
      transform: translateY(-50%);

}

.langu a{ color: #fff; }
.langu ul li{ float: left;line-height: 1.1em;  font-family: "SourceHanSans-Bold"; font-size: 3.5vw; }
.langu ul li:first-child{margin: 0 5vw 0 20vw;}


.top_dh img.nav_close {
  display: none;
}

.moguanbi img.nav_close {
  display: block;
}

.moguanbi img.nav_open {
  display: none;
}

.header2 .mobile_logo {
  display: block;
  float: left;
  text-align: center;
  color: #FFF;
  font-weight: normal;
  position: relative;
}

.header2 .mobile_logo img {
  height: 12.4vw;
}

.nav_bg_m {
  position: fixed;
  right: -100%;
  width: 100%;
  height: calc(100vh - 13vw);
  overflow-x: hidden;
  top: 0;
  z-index: 9;
  -webkit-transition: all 0.8s;
  -moz-transition: all 0.8s;
  -o-transition: all 0.8s;
  transition: all 0.8s;
  background-size: cover;
  margin-top: 13vw;
  background: linear-gradient(to bottom right, #00a29a, #0d57a7);
}

.nav_bg_m2 {
  right: 0;
}

.nav_mobile {
  display: block;
  width: 100%;
  text-align: center;
  overflow: hidden;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
}

.nav_mobile li {
  width: 85%;
  position: relative;
  font-size: 4vw;
  overflow: hidden;
  margin: 3vh auto;
}
.nav_mobile li:first-child{ margin-top: 0;}

.nav_mobile li a {
  color: #fff;
  width: 100%;
  display: block;
  padding: 1vh 0;
  cursor: pointer;
}

.nav_mobile h6 {
  font-size: 3.8vw;
  color: #fff;
  width: 32vw;
  height: 9vw;
  border-radius: 10px;
  border: 2px solid #fff;
  text-align: center;
  line-height: 9vw;
  margin: 2vh auto 0;
  font-weight: normal;
}

@media screen and (max-width:1024px) {
  .top_container {
    display: none;
  }

  .header2 {
    display: block;
  }
}

@media screen and (max-width:760px) {

  .nav_mobile h6 {
    margin: 3vh auto 0;
  }

  .nav_mobile li {
    font-size: 4.6vw;
  }
}

.fixedheadm {
  top: -13vw;
}

/*banner*/
.banner_content {
  width: 100%;
  height: 100vh;
  position: relative;
}

.banner {
  width: 100%;
  height: 100vh;
}

.banner .swiper-slide .banner_img {
  width: 100%;
  height: 100vh;
  background-position: center;
  background-size: cover;
}

.bannerpage .swiper-pagination-bullet {
  width: 0.25rem;
  height: 0.25rem;
  margin: 0.25rem 0 !important;
  background: #fff;
  opacity: 0.5;
  display: block !important;
}

.bannerpage .swiper-pagination-bullet-active {
  background: #fff;
  opacity: 1;
}

.swiper-container-horizontal>.bannerpage {
  top: 46% !important;
  left: calc(100% - 60px) !important;
}

.banner .swiper-slide-active .banner_img {
  -webkit-animation: animate 4s linear;
  -moz-animation: animate 4s linear;
  animation: animate 4s linear;
}

.banner_word_content{ /*width: 44%;*/ width: 8.4rem;position: relative; left: 0; top: 0; height:100vh; margin-top: -100vh; z-index: 2;overflow: hidden;}


.banner_word_content:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    background: linear-gradient(to bottom right, #00a29a, #0d57a7);
    border-right: 12px solid #00a29a;
   ms-transform: skew(-8deg,0deg);
    -webkit-transform: skew(-8deg,0deg);
    -moz-transform: skew(-8deg,0deg);
    transform: skew(-8deg,0deg);
    transform-origin: bottom;
    right:1.5rem;
    top: 0;
  /*  padding-left: 100%;*/
    box-sizing:border-box;

  }

.banner_word_container{ width: 100%; height: calc(100vh - 1.7rem); margin-top: 1.7rem; position: relative;}

.banner_word {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  width: 86%; box-sizing:border-box; padding-right: 1rem;
}

.banner_word h3 {
  font-weight: normal;
  font-size: 0.6rem;
  line-height: 1.2em;
  color: #fff;
  font-family: "SourceHanSans-Bold";
  letter-spacing: 0.6px;
  margin-bottom: 0.45rem;
}

.banner_word p {
  font-size: 0.26rem;
  line-height: 1.5em;
  color: #fff;
letter-spacing: 0.6px;
}

.banner_word h6 a {
  font-weight: normal;
  font-size: 0.22rem;
  color: #00a29a;
  font-family: "SourceHanSans-Bold";
  display: block;
  width: 1.9rem;
  height: 0.56rem;
  margin-top: 0.6rem;
  text-align: center;
  background: #fff;
  border-radius: 30px;
  line-height: 0.56rem;
  transition-duration: .5s;
  -ms-transition-duration: .5s;
  -moz-transition-duration: .5s;
  -webkit-transition-duration: .5s;
}

.banner_word h6 a:hover {
  color: #fff;
  background: #00a29a;
}

.banner-button-next,.banner-button-prev{ width: 0.75rem; height: 0.75rem; position: absolute; right: 0.6rem; z-index: 2;}
.banner-button-next{ background: url(../../images/banner_right.png) no-repeat center center; background-size: 100%; top: calc(calc(100vh - 1.7rem)/2); margin-top: 0.88rem;}

.banner-button-prev{ background: url(../../images/banner_left.png) no-repeat center center; background-size: 100%; top: calc(calc(100vh - 1.7rem)/2);margin-top: 1.77rem;}



.mbanner {
  display: none;
}
.mbanner .swiper-slide img {
  display: block;
  width: 100%;
  height: auto;
}
.mbanner .swiper-slide {
  margin-top: 13vw;
}
.mbanner .swiper-pagination-bullet {
  width: 2.5vw;
  height: 2.5vw;
  margin: 0 1vw !important;
  background: #fff;
  opacity: 0.5;
  ;
}
.mbanner .swiper-pagination-bullet-active {
  background: #fff;
  opacity: 1;
}
.swiper-container-horizontal>.mbannerpage {
  bottom: 4vw !important;
}


@media screen and (max-width:1024px) {
  .banner_content {
    display: none;
  }

  .mbanner {
    display: block;
  }
}

/* product */

/* product_list_nav */
.product_container{ overflow: hidden;}
.product_list_nav{ width: 100%;}
.product_list_nav ul li{ width: 25%; float: left;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; position: relative; cursor: pointer;}
.product_list_nav ul li img.product_nav_img{ display: block; width: 100%; height: auto;}
.product_list_nav_word_content{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; position: absolute; left: 0; bottom: 0;  width: 100%; height: 100%;box-sizing: border-box; border-left: 2px solid #a3dddb;}
.product_list_nav ul li:first-child .product_list_nav_word_content{ border-left: none;}
.product_list_nav_word_content2{ width: 100%; height: 100%;background: rgba(0, 162, 154, 0.9);transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; position: absolute; left: 0; bottom:0;}

.product_list_nav_word{ width: 100%; box-sizing: border-box; padding: 0 0.4rem; position: absolute; left: 0; bottom: 12%;}
.product_list_nav_word img.product_nav_icon{ width: 0.6rem; display: block;margin-bottom: 0.1rem;transition-duration: .3s;-ms-transition-duration: .3s;-moz-transition-duration: .3s; -webkit-transition-duration: .3s;}
.product_list_nav_word h3{ color: #fff; font-size: 0.3rem; font-weight: normal;font-family: "SourceHanSans-Bold"; line-height: 1.5em;transition-duration: .3s;-ms-transition-duration: .3s;-moz-transition-duration: .3s; -webkit-transition-duration: .3s;}
/*.product_list_nav ul li:hover .product_list_nav_word_content2{ height: 0.1rem;background: rgba(0, 162, 154, 1);}*/
.product_list_nav ul li.active .product_list_nav_word_content2{ height: 0.1rem;background: rgba(0, 162, 154, 1);}
/*.product_list_nav ul li:hover .product_list_nav_word img.product_nav_icon,.product_list_nav ul li:hover .product_list_nav_word h3{ opacity: 0;}*/
.product_list_nav ul li.active .product_list_nav_word img.product_nav_icon,.product_list_nav ul li.active .product_list_nav_word h3{ opacity: 0;}

@media screen and (max-width:1024px) {
.product_list_nav_word_content{ border: none;}
.product_list_nav_word img.product_nav_icon{ width: 5.6vw; float: left; margin-bottom: 0; height: auto;}
.product_list_nav_word h3{ font-size: 3vw; float:left; width: 12vw;line-height: 1.3em; margin-left: 2vw;}
.product_list_nav_word{ position: static; left: 0; bottom: 0; padding: 0; width: auto;display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    align-items: center;
    justify-content: center;}

.product_list_nav_word_content2{display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    align-items: center;
    justify-content: center;}

.product_list_nav ul li.active .product_list_nav_word_content2{ height: 1vw;}
}

@media screen and (max-width:400px) {
.product_list_nav_word h3{ width: 14vw;}
}

/* product_list */
.product_list_bottom{ padding: 20px;}
.product_list_container{ width: 100%; box-sizing: border-box; padding: 3% 0; background: #f9f9f9;}

.product_list_word_content{ width: 100%; background: #fff; box-shadow: 0 0 18px rgba(0,162,154,0.34); position: relative; margin-top: 3.5%;}

.product_list_word_right{ width: 50%; float: right; overflow:hidden;}
.product_list_word_right img{ display: block; width: 100%; height: auto;}

.product_list_word_left{ width: 50%; box-sizing:border-box; padding: 0 3.5%; position: absolute; left: 0; top: 50%;transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%);-o-transform: translateY(-50%);-moz-transform: translateY(-50%);}
.product_list_word_left h3{font-weight: normal;font-family:"SourceHanSans-Bold"; color: #565656; font-size: 0.26rem; line-height: 1.3em; margin-bottom: 0.3rem;}
.product_list_word_left p{ font-size: 0.16rem; color: #636363; line-height: 2em; margin-top: 0.1rem;}
h5.product_more{ margin-top: 0.35rem;}

.product-page{ position: static!important; left: 0; bottom: 0; margin-top: 0.6rem;text-align: center;}
.product-page .swiper-pagination-bullet {
  width: 0.25rem;
  height: 0.25rem;
  margin: 0 0.14rem !important;
  background: #00a29a;
  opacity: 0.5;
}

.product-page .swiper-pagination-bullet-active {
  background: #00a29a;
  opacity: 1;
}

.swiper-container-horizontal>.product-page {
  bottom: 0 !important;
}

@media screen and (max-width:1300px) {
.product_list_word_left h3{ margin-bottom: 0.15rem;}
.product_list_word_left p{ margin-top: 0.05rem;}
h5.product_more{ margin-top: 0.15rem;}
}


@media screen and (max-width:1024px) {
  .product_list_container{ margin-top: 1vw; padding: 3vw 0;}
  .product_list_bottom{ padding: 2vw;}
  .product_list_word_content{ margin-top: 6vw;box-shadow: 0 0 1.8vw rgba(0,162,154,0.34); padding: 2.2vw; box-sizing: border-box;}

  .product_list_word_right{ width: 100%; float: none;}

  .product_list_word_left{ padding: 0; position: static; left: 0; top: 0;
    transform: translateY(0);
      -ms-transform: translateY(0);
      -webkit-transform: translateY(0);
      -o-transform: translateY(0);
      -moz-transform: translateY(0); width: 100%; box-sizing: border-box; padding: 0 1vw;
  }

  .product_list_word_left h3{ font-size: 4vw; font-family: "SourceHanSans-Regular"; margin: 5vw 0 2vw;}
  .product_list_word_left p{ margin-top: 0; font-size: 3.5vw; line-height: 1.65em;}
  .product_list_word{    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;overflow: hidden;}

  h5.product_more{ margin: 4vw 0 3vw;}



  .product-page{ padding-bottom: 1vw; margin-top: 5vw;}
  .product-page .swiper-pagination-bullet {
    width: 2.5vw;
    height: 2.5vw;
    margin: 0 1.4vw !important;
  }


}


/* advantage */
.advantage_list_content{ margin-top: 3%;}
.advantage_list_content ul{display: -webkit-flex;display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap:wrap;}
.advantage_list_content ul li{ width: 23%; margin-right: 2.66%; background: #fff; box-sizing: border-box; padding: 4% 2%;box-shadow: 0 0 18px rgba(0,162,154,0.34); transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}
.advantage_list_content ul li:nth-child(4n){ margin-right: 0;}

.advantage_list_content ul li .advantage_list_icon{ height: 0.8rem; overflow: hidden;}
.advantage_list_content ul li .advantage_list_icon img{ display: block; margin: 0 auto; height: 100%; width: auto;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}
.advantage_list_content ul li .advantage_list_icon img.blue_icon{ margin-bottom: 0.2rem;}
.advantage_list_content ul li h3{ font-family: "SourceHanSans-Bold"; font-weight: normal; font-size: 0.26rem; color: #00a29a; line-height: 1.3em; text-align: center; margin: 0.35rem 0 0;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}
.advantage_list_content ul li p{ font-size: 0.16rem; color: #636363; line-height: 1.75em;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}

.advantage_list_content ul li:hover .advantage_list_icon img.blue_icon{ margin-top: -1rem;}
.advantage_list_content ul li:hover{ background: #00a29a;}
.advantage_list_content ul li:hover h3,.advantage_list_content ul li:hover p{ color: #fff;}

@media screen and (max-width:1024px) {
.advantage_list_content{ margin-top: 6vw;}
.advantage_list_content ul li{ width: 47.5%; margin-right: 5%; padding: 7vw 3.2vw;box-shadow: 0 0 1.8vw rgba(0,162,154,0.34);}
.advantage_list_content ul li:nth-child(4n){ margin-right: 5%;}
.advantage_list_content ul li:nth-child(2n){ margin-right: 0;}
.advantage_list_content ul li:nth-child(n+3){ margin-top: 3.5%;}

.advantage_list_content ul li .advantage_list_icon{ height: 10vw;}
.advantage_list_content ul li .advantage_list_icon img.blue_icon{ margin-bottom: 2vw;}
.advantage_list_content ul li:hover .advantage_list_icon img.blue_icon{ margin-top: -12vw;}

.advantage_list_content ul li h3{ font-size: 4.2vw; margin: 4vw auto 0;}
.advantage_list_content ul li p{ line-height: 1.6em; font-size: 3.6vw;}

}

/* about */
.index_about_container{ position:relative;}
.index_about_left_content{ width: 60%; height: 6.3rem; float: left; background: #f9f9f9;}
.index_about_left_content_word{ width: 8.9rem; position:absolute; left: 50%; margin-left: -6.9rem; top: 50%;transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%);-o-transform: translateY(-50%);-moz-transform: translateY(-50%); box-sizing: border-box; padding-right: 1.1rem;}

.index_about_left_top h4{    font-size: 0.2rem;
    color: #565656;
    line-height: 1.5em;
    margin: 0.45rem 0 0.25rem;
}

.index_about_left_word p {
        font-size: 0.16rem;
        line-height: 2em;
        color: #636363;
        letter-spacing: 0.3px;
        text-align: justify;
}

h5.index_about_more{ margin-top: 0.55rem;}



.index_about_right_content{ width: 40%; float: right; height: 6.3rem; background: url(../../images/about_right_img.jpg) no-repeat center center; background-size: cover; position: relative;}

.index_about_right{ position: absolute; width: 100%; height: 100%; top: 0; left: 0;background: linear-gradient(to bottom right, rgba(0,162,154,0.9), rgba(13,87,167,0.9));}
.index_about_right ul{height:100%;}
.index_about_right ul li{ width: 50%; float: left; height: 50%;border-right: 1px solid rgba(255,255,255,0.3); box-sizing: border-box;border-top: 1px solid rgba(255,255,255,0.3);}

.index_about_right ul li:nth-child(1),.index_about_right ul li:nth-child(2){ border-top: none;}
.index_about_right ul li:nth-child(2n){ border-right:none;}

.index_about_right_word{ width:2.25rem; margin: 0.9rem auto 0;}
.index_about_right_word h3{ color: #ffffff; font-size: 0.4rem; line-height: 1.3em; font-family: "SourceHanSans-Bold"; font-weight: normal; margin-bottom: 0.2rem;}
.index_about_right_word p{ font-size: 0.16rem; line-height: 1.5em; color: #fff;}

@media screen and (max-width:1450px) {

.index_about_left_content_word{ width: 55%; padding-right: 6%;left: 5%;
    margin-left: 0; box-sizing: border-box;}

.index_about_right_word{ width: 80%;}
}

@media screen and (max-width:1024px) {
.index_about_left_top{ width: 92%; margin:0 auto;}
.index_about_left_top h4{ font-size: 4vw; line-height: 1.3em; margin: 4vw 0 0; text-align: center;    font-weight: normal;}
.index_about_left_top h4 span{font-size: 3.5vw; display: block; color: #00a29a;}

.index_about_right_content{ width: 100%; float: none; margin-top: 6vw; height: 70vw;background: url(../../images/m_about_right_img.jpg) no-repeat center center; background-size: cover;}

.index_about_left_content{ width: 92%; float: none; height:auto; background:none; margin: 6vw auto 0;}

.index_about_left_content_word{ position: static; width: 100%; padding: 0; left: 0;top: 0;
    transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
    -moz-transform: translateY(0);}

.index_about_left_word p{ font-size: 3.5vw; line-height: 1.65em;}
h5.index_about_more{display: none;}

.index_about_right_word{ width: 100%; box-sizing: border-box; padding: 0 3vw; margin-top: 0;}
.index_about_right_word h3{ font-size: 4.6vw; margin-bottom: 2.5vw;}
.index_about_right_word p{ font-size: 3.5vw; line-height: 1.4em;}
.index_about_right ul li{display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    align-items: center;
}

}


/* scene */
.scene_content{ margin-top: 2.5%; padding: 0.2rem;}
.scene_word_content{ width: 100%; box-sizing: border-box; background: #fff;box-shadow: 0 0 18px rgba(0,162,154,0.34); padding: 0.18rem 0.18rem 0.35rem; height: 100%;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}
.scene_word_img{ width: 100%; overflow: hidden;}
.scene_word_img img{ display:block; width: 100%; height: auto;transform: scale(1);-mo-transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);transition: all 0.8s ease-out 0s;-webkit-transition: all 0.8s ease-out 0s; -moz-transition: all 0.8s ease-out 0s; -mo-transition: all 0.8s ease-out 0s;}

.scene_content .swiper-wrapper .swiper-slide:hover .scene_word_img img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);transition: all 0.6s ease-out 0s; -webkit-transition: all 0.6s ease-out 0s;-moz-transition: all 0.6s
ease-out 0s;-mo-transition: all 1s ease-out 0s;}
.scene_word_container h3{ font-size: 0.26rem; line-height: 1.3em; color: #00a29a;font-family: "SourceHanSans-Bold"; font-weight: normal; margin: 0.2rem 0 0.12rem;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}
.scene_word_container p{ font-size: 0.16rem; color: #636363; line-height: 1.32em;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}
.scene_content .swiper-wrapper .swiper-slide{ height: auto;}

.scene_content .swiper-wrapper .swiper-slide:hover .scene_word_content{background: #00a29a;}
.scene_content .swiper-wrapper .swiper-slide:hover .scene_word_container h3{color: #fff;}
.scene_content .swiper-wrapper .swiper-slide:hover .scene_word_container p{color: #fff;}

@media screen and (max-width:1024px) {

.scene_container {
  position: relative;
  padding-bottom: 11vw;
}

.scene_content {
  padding: 9vw 0;
  margin-top: 6vw;
}

.scene_word_content{ border-radius: 1vw;   position: relative; padding: 0; height: auto; box-shadow: none;overflow: hidden;}
.scene_word_container p{display: none;}

.scene_word_container {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: linear-gradient(rgba(0, 162, 154, 0.5), rgba(13, 87, 167, 0.5));
}


.scene_word_container h3{ text-align: center; position: absolute; bottom: 0; left: 0; text-align: center; width: 100%; margin: 0;  font-weight: normal;
  font-size: 2.2vw;
  line-height: 1.3em;
  color: #fff;
  font-family: "SourceHanSans-Bold";  padding: 1.3vw 0.5vw;
    box-sizing: border-box;
    background: rgba(0, 162, 154, 0.8);
    display: none;

  }

.scene_content .swiper-slide {
  transition-duration: .5s;
  -ms-transition-duration: .5s;
  -moz-transition-duration: .5s;
  -webkit-transition-duration: .5s;
}

.scene_container .swiper-slide-active, .scene_container .swiper-slide-duplicate-active {
  -webkit-transform: scale(1.8, 1.8) !important;
  transform: scale(1.8, 1.8) !important;
  z-index: 2;
  overflow: visible;
}

.scene_content .swiper-slide-active .scene_word_container, .scene_content .swiper-slide-duplicate-active .scene_word_container {
background: none;
}

.scene_content .swiper-slide-active .scene_word_container h3, .scene_content .swiper-slide-duplicate-active .scene_word_container h3  {
display: block;
}

.scene-button-next, .scene-button-prev {
  position: absolute;
  bottom: 0;
  z-index: 2;
  width: 10vw;
  height: 6vw;
}

.scene-button-prev {
  background: url(../../images/product_left.png) no-repeat center center;
  background-size: 100%;
  left: calc(50% - 10.6vw);
}

.scene-button-next {
  background: url(../../images/product_right.png) no-repeat center center;
  background-size: 100%;
  right: calc(50% - 10.6vw);
}

}

/* news */
.news_container{ width: 100%; box-sizing: border-box; border-bottom: 2px solid #6aafc7; position: relative;}

.news_title{ margin-bottom: 3%;}
.news_title h3 span{color: #fff;}

.news_left_content{ width: 43%; float: left; }

.news_left_img{height: 0; overflow: hidden; padding-bottom: 77.77%;}
.news_left_img img{ display: block; width: 100%; height: auto;}

.news_right_container{ width: 57%;height: 100%; position: absolute;right: 0;background: linear-gradient(to bottom right, rgba(0,162,154,1), rgba(13,87,167,1));}

.news_right_content{ width: 8.25rem; position: absolute; left: 0;top: 50%;transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%);-o-transform: translateY(-50%);-moz-transform: translateY(-50%);box-sizing: border-box; padding-left: 8%;}

.news_content_list ul li{ width: 100%; position: relative; box-sizing: border-box; border-bottom: 1px solid rgba(255,255,255,0.6); box-sizing: border-box; padding-bottom: 4%; padding-top: 4%;}
.news_content_list ul li a{display:block;width: 100%;}
.news_content_list ul li h3{ width: 90%;font-weight: normal; font-size: 0.2rem; color: #fff; line-height: 1.4em;text-overflow: ellipsis;
white-space: nowrap;
overflow:hidden;}
.news_content_list ul li h6{font-weight: normal; font-size: 0.14rem; line-height: 1.4em; color: #fff; margin-top: 0.15rem;}
.news_content_list ul li h5{ width: 0.18rem; height:0.32rem; position:absolute; right: 0.2rem; top: 50%; margin-top: -0.16rem;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}
.news_content_list ul li h5 img{display: block; width: 100%; height:auto;}

.news_content_list ul li:hover h5{ right: 0.1rem;}

@media screen and (max-width:1600px) {
.news_title{ margin-bottom: 1%;}
.news_content_list ul li{ padding-bottom: 3%;padding-top: 3%;}

}

@media screen and (max-width:1450px) {
  .news_right_content{ width: 91.5%;}

}

@media screen and (max-width:1024px) {
.news_title{ width: 92%; margin: 8vw auto 0;}

.news_container{ background: linear-gradient(to bottom right, rgba(0,162,154,1), rgba(13,87,167,1)); overflow: hidden; margin-top: 8vw; box-sizing: border-box; padding: 0 4% 0;border-bottom: 2px solid #fff;}

.news_left_content{ width: 100%; float: none; margin-top: 6vw;}

.news_right_container{ width: 100%;height:auto; position:static;background: none; margin-top: 2vw;}
.news_right_content{ width: 100%; position: static; top: 0;    transform: translateY(0%);
    -ms-transform: translateY(0%);
    -webkit-transform: translateY(0%);
    -o-transform: translateY(0%);
    -moz-transform: translateY(0%); padding: 0;}

.news_content_list ul li h3{ font-size: 4vw; line-height: 1.25em;text-overflow:inherit;white-space:normal;overflow:hidden;}

.news_content_list ul li h6{ font-size: 3.2vw; line-height: 1.3em; margin-top: 3.5vw;}
.news_content_list ul li{    padding-bottom: 4vw;
    padding-top: 4vw;    border-bottom: 1px solid rgba(255,255,255,0.3);}
.news_content_list ul li:last-child{border-bottom: none;}

.news_content_list ul li h5{ width: 1.8vw; height:3.2vw; position:absolute; right: 0; top: 50%; margin-top: -1.6vw;}
.news_content_list ul li:hover h5{ right: 0;}

}



/* footer */
.footer_container {
  width: 100%;
  background: linear-gradient(to right, rgba(0, 162, 154, 1), rgba(13, 87, 167, 1));
  box-sizing: border-box;
  padding-top: 1rem;
}

.footer_content_left {
  width: 34%;
  float: left;
}

.footer_content_left img.footer_logo {
  width: auto;
  height: 0.46rem;
  display: block;
  margin-bottom: 0.2rem;
}

.footer_content_left img.mobile_img{display: none;}

.footer_content_left p {
  text-align: justify;
  font-size: 0.14rem;
  color: #fff;
  line-height: 1.85em;
}

.weixin_list {
  margin-top: 0.22rem;
}

.weixin_list ul li {
  width: 0.5rem;
  float: left;
  margin-right: 0.1rem;
  position: relative;
}

.weixin_list ul li img.weixin_logo {
  display: block;
  width: 100%;
  height: auto;
}

.weixin_code_content {
  padding-bottom: 0.1rem;
  position: absolute;
  left: 0;
  bottom: 0.5rem;
  display: none;
}
.douyin_code_content{
    left: -100%;
}
.weixin_code {
  width: 1.6rem;
  background: #fff;
  text-align: center;
  border-radius: 5px;
  overflow: hidden;
}

.weixin_code img {
  display: block;
  width: 100%;
  height: auto;
}

.weixin_code p {
  color: #00a29a;
  font-size: 0.15rem;
  line-height: 1.5em;
  text-align: center;
  padding: 0 0 0.05rem;
}


.weixinblock{ display: block;}

.footer_content_right {
  float: right;
  width: 58%;
}

.footer_contact_main h6 {
  font-weight: normal;
  font-size: 0.16rem;
  color: #fff;
  line-height: 1.1em;
  margin-bottom: 0.1rem;
}

.footer_contact_main h3 {
  font-weight: normal;
  font-size: 0.34rem;
  color: #fff;
  background: url(../../images/footer_call.png) no-repeat left center;
  background-size: 0.45rem;
  padding-left: 0.58rem;
  line-height: 0.45rem;
}

.footer_contact p {
  font-size: 0.16rem;
  color: #fff;
  line-height: 1.5em;
  margin-top: 0.12rem;
}

.footer_contact p a {
  color: #fff;
}
.contact_bottom_icon p i{ width: 0.22rem; float: left; margin: 0.03rem 0.12rem 0 0;}
.contact_bottom_icon p i img{display: block; width: 100%; height: auto;}



.footer_nav {
  width: 100%;
  margin-top: 0.32rem;
}

.footer_nav ul{ display: -webkit-flex;
  display: flex;
  justify-content: space-between;

}

.footer_nav ul li {
  float: left;
  font-size: 0.2rem;
  line-height: 1.5em;
  font-family: "SourceHanSans-Bold";
  margin-top: 0.15rem;
}

.footer_nav ul li a {
  color: #fff;
}

.footer_link {
  width: 100%;
  overflow: hidden;
  margin-top: 0.6rem;
}

.footer_link p {
  font-size: 0.14rem;
  color: #fff;
  line-height: 1.5em;
}

.footer_link p a {
  color: #fff;
}

.footer_link p a span {
  margin: 0 0.1rem;
}

.footer_link p a:last-child span {
  display: none;
}

.footer_line {
  width: 100%;
  height: 1px;
  background: rgba(255, 255, 255, 0.6);
  margin-top: 0.24rem;
}

.coryright {
  padding: 0.25rem 0;
  box-sizing: border-box;
}

.coryright p {
  font-size: 0.14rem;
  line-height: 1.3em;
  color: #fff;
  text-transform: uppercase;
}

.coryright p a {
  color: #fff;
}

.coryright p span {
  margin-left: 0.3rem;
  display: block;
  float: left;
}

.coryright p span:first-child {
  margin-left: 0;
}

.coryright p span i {
  width: 0.18rem;
  display: block;
  float: left;
}

.coryright p span i img {
  display: block;
  width: 100%;
  height: auto;
}

.coryright p span b {
  font-weight: normal;
  margin-left: 0.13rem;
}

@media screen and (max-width:1024px) {

  .footer_content_left img.pc_img{display: none;}
  .footer_content_left img.mobile_img{display:block;}
  .footer_container {
    padding-top: 8vw;
      background: linear-gradient(to bottom right, rgba(0, 162, 154, 1), rgba(13, 87, 167, 1));
  }

  .footer_content_left {
    width: 100%;
    float: none;
  }

  .footer_content_left p {
    display: none;
  }

  .footer_content_left img.footer_logo {
    margin: 0;
    height: auto;
    width: 41.6vw;
    float: left;
  }

  .weixin_list {
    float: right;
    margin-top: 4.2vw;
  }

  .weixin_list ul li {
    width: 9.2vw;
    margin: 0 0 0 2.6vw;
  }

  .weixin_code_content {
    bottom: 9.2vw;
    left: -8vw;
  }
  .douyin_code_content {
    left: -15.5vw;
  }

  .weixin_code {
    width: 25vw;
  }


  .footer_content_right {
    width: 100%;
    float: none;
    margin-top: 6vw;
  }

  .footer_contact_main h6 {
    font-size: 2.8vw;
    margin-bottom: 1vw;
  }

  .footer_contact_main h3 {
    font-size: 5vw;
    background-size: 6vw;
    line-height: 6vw;
    padding-left: 7.7vw;
  }
    .footer_contact_main h3 a{ color: #fff;}

  .footer_contact p {
    font-size: 3.2vw;
    line-height: 1.2em;
    margin-top: 2vw;
  }

.contact_bottom_icon p i{ width: 4vw; margin: 0.2vw 1.5vw 0 0;}

  .footer_nav {
    margin-top: 5vw;
  }
  .footer_nav ul{ display: block;}

  .footer_nav ul li {
    width: 33.33%;
    font-family: "SourceHanSans-Regular";
    text-align: center;
    font-size: 3.4vw;
    margin-top: 3vw;
  }

  .footer_nav ul li:nth-child(5) {
    width: 33.33%;
  }

  .footer_link {
    display: none;
  }

  .footer_line {
    margin-top: 6.5vw;
  }

  .coryright {
    padding: 4vw 0;
  }

  .coryright p {
    font-size: 2.8vw;
    display: table;
    margin: 0 auto;
  }

  .coryright p span {
    margin-left: 0;
  }

  .coryright p span:first-child {
    display: block;
    float: none;
    text-align: center;
    margin-bottom: 2.6vw;
  }

  .coryright p span i {
    width: 3vw;
    margin-top: 0.4vw;
  }

  .coryright p span:nth-child(n+2) {
    margin-right: 5vw;
  }

  .coryright p span:last-child {
    margin-right: 0;
  }

  .coryright p span b {
    margin-left: 1vw;
  }
}

@media screen and (max-width:430px) {
  .coryright p span b {
    margin-left: 0.5vw;
  }

  .coryright p span:nth-child(n+2) {
    margin-right: 1vw;
  }

  .coryright {
    width: 98% !important;
  }
}

@media screen and (max-width:375px) {
  .coryright p span {
    text-align: center;
    float: none;
  }

  .coryright p span:last-child {
    display: none;
  }
}

/* to top */
.totop_xuan, .customer_xuan {
  position: fixed;
  right: 27px;
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 162, 154, 0.75);
  z-index: 2;
  border-radius: 50%;
}

.totop_xuan {
  bottom: calc(8% + 60px);
  display: none;
  width: 49px;
}

.customer_xuan {
  bottom: 8%;
}

.customer_xuan a {
  display: block;
  padding: 12px;
}

.totop_xuan img, .customer_xuan img {
  display: block;
  width: 100%;
}
.m_customer_xuan{ display: none;}

@media screen and (max-width:1024px) {

  .customer_xuan{ display: none;}
  .m_customer_xuan{ display:block;}
  .totop_xuan, .customer_xuan {
    right: 1%;
  }

  .customer_xuan {
    bottom: 4%;
  }

  .totop_xuan {
    bottom: calc(4% + 14vw);
    display: none;
    width: 11.8vw;
  }

  .customer_xuan a {
    padding: 3vw;
  }


}

/*floor*/
.floorcon {
  position: relative;
}

.floor {
  position: absolute;
  left: 0;
  top: -80px;
}

/* suspension */

#newBridge .nb-frame-chat-box-right-bottom{right: 85px!important;}
#newBridge .icon-right-bottom {
    right: 27px!important;
    bottom: 8%!important;
    top: auto;
    box-shadow: 0 0 10px rgba(0, 162, 154, 0.75);
    left: auto;

}
#newBridge .nb-icon-base{border-radius: 50%!important;}

@media screen and (max-width:1024px) {
#nb_icon_wrap{width: 11.8vw!important; height: 11.8vw!important;box-shadow: 0 0 10px rgba(0, 162, 154, 0.75)!important; border-radius: 50%!important;}
#newBridge .nb-icon-right-bottom {
    right: 1%!important;
    bottom: 4%!important;
}
}