@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://siyuanheit.oss-cn-qingdao.aliyuncs.com/Source-Han-Sans-Regular.woff") format("woff"),
    url("https://siyuanheit.oss-cn-qingdao.aliyuncs.com/Source-Han-Sans-Regular.eot") format("embedded-opentype"),
    url("https://siyuanheit.oss-cn-qingdao.aliyuncs.com/Source-Han-Sans-Regular.otf") format("opentype");
}

@font-face {
  font-family: "SourceHanSans-Bold";
  src: url("https://siyuanheit.oss-cn-qingdao.aliyuncs.com/Source-Han-Sans-Bold.woff") format("woff"),
    url("https://siyuanheit.oss-cn-qingdao.aliyuncs.com/Source-Han-Sans-Bold.eot") format("embedded-opentype"),
    url("https://siyuanheit.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 h3 {
  font-weight: normal;
  font-family: "SourceHanSans-Bold";
  color: #2861a3;
  font-size: 0.56rem;
  line-height: 1.3em;
  position: relative;
  text-align: center;
}

.inside_main_title_container{ width: 100%; background: #f7f7f7; padding: 0.4rem 0; box-sizing: border-box;}
.inside_main_title_container h3{ font-size: 0.48rem; line-height: 1.1em;font-family: "SourceHanSans-Bold"; }
.inside_main_title_container h3 i{ width: auto; height: 0.42rem; float: left;margin: 0.07rem 0.12rem 0 0;}
.inside_main_title_container h3 i img{display: block; width: auto; height: 100%;}
.inside_main_title_container h3 span{background-image:-webkit-linear-gradient(left,#2861a3,#14819f);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;}
.about_title_left{ float: left;}



.contact_title h3{ text-align: left; font-size: 0.52rem; color: #262626;}

.title_left h3{ text-align: left;}

.index_title_content_green h6,.inside_main_title_container h6 {
  font-weight: normal;
  font-size: 0.24rem;
  color: #2861a3;
  text-transform: uppercase;
  line-height: 1.2em;
  text-align: center;
  display: none;
}
.supplier_title h6{ display:block; text-align: left;}

.supplier_title h3{ text-align: left;}

.title_line{ width: 0.7rem; height: 0.07rem;  border-radius: 10px; background: #00a29a; margin: 0.15rem auto 0;}

.index_title_content_green p{ color: #666666; font-size: 0.2rem;line-height: 1.5em; margin-top: 0.08rem;}

.index_about_title{ display: none;}

.white_title h3,.white_title h6{ color: #fff;}
.white_title .title_line{ background: #fff;}

.mobile_title{display: none;}

@media screen and (max-width:1024px) {
  .index_title_content_green {
    margin-top: 8vw;
  }

  .index_title_content_green h6,.inside_main_title_container h6 {
    font-size: 3.6vw;
    line-height: 1.2em;
    display: block;
  }
  .inside_main_title_container{ margin-top: 18vw; background: none; padding: 0;}
  .inside_main_title_container_about{ margin-top: 0;}
   .inside_main_title_container h3{font-size: 6.2vw;
   line-height: 1.2em; text-align: center;}
   .inside_main_title_container h3 i{display: none;}
  .inside_main_title_container h3 span{color: #2861a3;    background-image: -webkit-linear-gradient(left,#2861a3,#2861a3);}

  .news_title_container{display: none;}

  .index_title_content_green h3 {
    font-size: 6.2vw;
    line-height: 1.2em;
  }
.title_line{display: none;}
.index_title_content_green p{ font-size: 3.4vw; margin-top: 1.6vw;}
.index_about_title{ display:block;}
.pc_title{display: none;}
.mobile_title{display: block; margin-top: 8vw;}

.about_title_left{ float: none;}
.introduction_title{display: none;}
.about_m_title{ margin-top: 8vw;}
.about_intro_title h6{ display: none;}
.about_intro_title .title_line{ display:block; width: 6vw; margin-top: 2.5vw;    height: 0.7vw; border-radius: 2vw;}

}


/* top */
.top_container {
  width: 100%;
  position: fixed;
  height: 1.5rem;
  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.4rem;background: linear-gradient(to right, rgba(40,97,163,1), rgba(0,162,154, 1));
}

.top_tool {
  position: relative;height: 100%;
}

.top_tool_left{ float: left; margin-top: 0.07rem;}
.top_tool_left p{ font-size: 0.14rem; line-height: 1.6em; color: #fff; float: left; background: url(../../images/top_icon1.png) no-repeat left center; padding-left: 0.22rem;}
.top_tool_left p:first-child+p{ background: url(../../images/top_icon2.png) no-repeat left center; margin-left: 0.08rem;}



.top_tool_right{ float: right;margin-right: 0.32rem;}
.top_tool_right a {
  display: block;
  font-size: 0.16rem;
  line-height: 1.5em;
  color: #fff;
  float: left;
  margin: 0.07rem 0.15rem 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.15rem;
  background: rgba(255, 255, 255, 0.5);
  float: left;
  margin-top: 0.12rem;
}



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

.nav_container img.logo {
 height: 0.78rem;
 width: auto;
 margin-top: 0.15rem;
 float: left;
 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;
}

.nav ul li a {
  color: #1c1c1c;
  line-height: 1.1rem;
  display: block;
  height: 1.1rem;
  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: 2px solid transparent;
  padding: 0 0.32rem;float: left;

}
.nav ul li span{ width: 1px; height: 0.26rem; background: #dedede;display: block; float: left;margin-top: 0.42rem;}
.nav ul li:last-child span{ display: none;}

.nav ul li a:hover, .nav ul li a.cur {
  border-bottom: 2px solid #2861a3;
   color: #2861a3;
}

@media screen and (max-width:1450px) {
  .nav ul li a { padding: 0 2vw;}
  .top_tool_right{margin-right: 2vw;}
}

@media screen and (max-width:1300px) {
  .nav ul li a { padding: 0 1.7vw;}
  .top_tool_right{margin-right: 1.7vw;}
}

.fixedhead {
  top: -200px;
}

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

/*mobile nav*/
.header2 {
  width: 100%;
  height: 13vw;
  top: 0;
  left: 0;
  background: #ffffff;
  border-bottom: 0.5vw solid #000;
  border-image-source: linear-gradient(to right, rgba(40,97,163,1), rgba(0,162,154, 1));
    border-image-slice: 1;
  color: #dcdcdc;
  position: fixed;
  box-sizing: border-box;
  overflow: hidden;
  z-index: 3;
  display: none;
  padding: 0 4vw;
  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: #2861a3; }
.langu ul li{ float: left;line-height: 1.1em;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;
  top: 50%;
  transform: translateY(-50%);
}

.header2 .mobile_logo img {
  height: 8.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, #2861a3, #00a29a);
}

.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%;
  position: relative;
  margin-top: 1.5rem;
}

.banner {
  width: 100%;
}

.banner .swiper-slide img{ width: 100%; height: auto;}


.bannerpage .swiper-pagination-bullet {
  width: 0.8rem;
  height: 3px;
  margin: 0 0.1rem !important;
  background: #fff;
  opacity: 0.4;
  border-radius: 0;
}

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

.swiper-container-horizontal>.bannerpage {
  bottom: 0.28rem !important;
  left: 0 !important;
}

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



.banner-button-next,.banner-button-prev{ width: 1rem; height: 1rem; position: absolute;top: 50%; margin-top: -0.5rem;z-index: 2; opacity: 0.6;
  transition-duration: .8s;
-ms-transition-duration: .8s;
-moz-transition-duration: .8s;
-webkit-transition-duration: .8s;
}
.banner-button-next{ background: url(../../images/banner_right.png) no-repeat center center; background-size: 100%; right: 0.5rem;}

.banner-button-prev{ background: url(../../images/banner_left.png) no-repeat center center; background-size: 100%;left: 0.5rem;}
.banner-button-next:hover,.banner-button-prev:hover{ opacity: 1;}



.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;
  padding-bottom: 0.1vw;
}


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

  .mbanner {
    display: block;
  }
}

/* common word */
.word_content p{ color: #313131; font-size: 0.16rem; line-height: 2em;}
@media screen and (max-width:1024px) {
.word_content p{ font-size: 3.5vw; line-height: 1.65em;}
}

/* about */
.index_about_container{ padding: 5% 0; background: url(../../images/index_about.png) no-repeat right bottom; background-size: 8.61rem;}

.index_about_left_content{ width: 42.6%; float: left;}
.index_about_left_content img{ width: 100%; height: auto;display:block;}
.index_about_left_content .index_about_img1{ border-radius:  0.1rem 0.1rem 0 0; overflow: hidden;}
.index_about_left_content .index_about_img2{border-radius: 0 0 0.1rem 0.1rem; margin-top: 0.13rem;overflow: hidden;}


.index_about_right_content{ width: 53%; float: right; margin-top: 0.2rem;}
.index_about_right_top h6{ font-weight: normal; color: #b7b7b7; font-size: 0.2rem; line-height: 1.5em;}
.index_about_right_top h3{font-family: "SourceHanSans-Bold"; font-size: 0.46rem; line-height: 1.4em;    background-image:-webkit-linear-gradient(left,rgba(40,97,163,1), rgba(0,162,154, 1));
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent; }

.index_about_word p{ margin-top: 0.3rem;}


.index_about_right_bottom{ width: 100%; border-radius:0.1rem;box-shadow: 0 0 0.2rem rgba(40,97,163,0.4); box-sizing: border-box; padding: 0 6%; background: #fff; margin-top: 0.6rem;}

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

.index_about_right_bottom ul li{ height: 1.8rem;display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    align-items: center;
    max-width: 38%;
  }

.index_about_right_bottom ul li h3{font-family: "SourceHanSans-Bold"; font-size: 0.6rem; line-height: 1.1em; color:#2861a3;}
/*.index_about_right_bottom ul li h3 span{ display:block; float:left;}*/
.index_about_right_bottom ul li h3 b{ font-size: 0.3rem;}
.index_about_right_bottom ul li i{ font-style: normal; font-family: "SourceHanSans-Regular"; font-size: 0.3rem; color: #333333; margin-left: 0.02rem;}
.index_about_right_bottom ul li p{ font-size: 0.22rem; color: #333333; line-height: 1.1em;}
.index_about_right_bottom ul li.about_line{ width:1px; height: 1.8rem; background: #f1f1f1;}

@media screen and (max-width:1380px) {
.index_about_left_content img{ width: auto; height: 100%;}
.index_about_img1{ height: 2.78rem;}
.index_about_img2{ height: 4.4rem;}
.index_about_right_bottom {margin-top: 0.4rem;}

}

@media screen and (max-width:1024px) {
.index_about_container{ padding: 0 0 8vw; background-size: 96vw;}
.index_about_content { margin-top: 6vw;}
.index_about_left_content{ width: 100%; float: none;}
.index_about_img1{ height: auto;border-radius:1vw 1vw 0 0; }
.index_about_img2{ height: auto; margin-top: 2vw;border-radius: 0 0 1vw 1vw;}
.index_about_left_content img{ width: 100%; height: auto;}
.index_about_right_content{ width: 100%; float: none; margin-top: 5.3vw;}
.index_about_right_top h6{ color: #565656; font-size: 4vw;}
.index_about_right_top h3{ font-size: 6.4vw;}
.index_about_word p{ margin-top: 3.5vw;}

.index_about_right_bottom{ border-radius: 1vw;box-shadow: 0 0 2vw rgba(40,97,163,0.4);margin-top: 7vw;padding: 0 5vw;}
.index_about_right_bottom ul li,.index_about_right_bottom ul li.about_line{ height: 23.5vw;}

.index_about_right_bottom ul li h3{ font-size: 7.8vw; line-height: 1.05em;}
.index_about_right_bottom ul li h3 b{ font-size: 4vw;}
.index_about_right_bottom ul li i{ font-size: 4vw; margin-left: 0.2vw;}
.index_about_right_bottom ul li p{ font-size: 3vw;}

}


/* product */
.scene_container{ padding: 4.5% 0; width: 100%; box-sizing: border-box; background: #f1f1f1;position: relative;}
.scene_content{ margin-top: 2.5%; padding: 0.6rem 0;}
.scene_word_content{ width: 100%; box-sizing: border-box;   background: linear-gradient(to right, #2861a3, #14819f); height: 100%;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; border-radius: 0.1rem; overflow: hidden;position: relative;}

.scene_white_bg{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(255,255,255,0.5); }


.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{ width: 100%; height: 0.8rem;display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    align-items: center;
    justify-content: center;
   box-sizing: border-box; padding: 0 0.1rem;
  }
.scene_word_container h3{ text-align: center;font-size: 0.24rem; line-height: 1.3em; color: #fff;font-family: "SourceHanSans-Bold"; font-weight: normal;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}
.scene_word_container h3 i{ font-style: normal;}
.scene_word_container h3 span{font-family: "SourceHanSans-Regular";}

.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.3, 1.3) !important;
  transform: scale(1.3, 1.3) !important;
  z-index: 2;
  overflow: visible;
}

.scene_container .swiper-slide-active .scene_white_bg, .scene_container .swiper-slide-duplicate-active .scene_white_bg{background: rgba(255,255,255,0);}

.scene-button-next, .scene-button-prev {
  position: absolute;
  top: 50%;
  z-index: 2;
  width: 0.7rem;
  height: 0.7rem;
  margin-top: -0.35rem;
}

.scene-button-prev {
  background: url(../../images/product_jian_left.png) no-repeat center center;
  background-size: 100%;
  left: 15%;
}

.scene-button-next {
  background: url(../../images/product_jian_right.png) no-repeat center center;
  background-size: 100%;
  right: 15%;
}

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

.product_circle .swiper-pagination-bullet-active {
  background: #2861a3;
  opacity: 1;
}

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



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

.scene_container {
  padding:0 0 8vw; overflow:hidden;
}

.scene_content {
  padding: 10vw 0;
  margin-top: 5vw;
}

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

.scene_container .swiper-slide-active, .scene_container .swiper-slide-duplicate-active {
  -webkit-transform: scale(1.7, 1.7) !important;
  transform: scale(1.7, 1.7) !important;
}

.scene_word_container{ height: 6vw; padding: 0 1vw;}
.scene_word_container h3{
  font-size: 1vw;
  line-height: 1.3em;
    box-sizing: border-box;
  }
.scene_word_container h3 i{display: none;}


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

.scene-button-next, .scene-button-prev {

  top: 50%;
  z-index: 2;
  width: 7vw;
  height: 7vw;
  margin-top: -3.5vw;
}

.scene-button-prev {
  left: 0;
}

.scene-button-next {
  right: 0;
}

}

/* advantage */
.advantage_container{ width: 100%; padding: 4.5% 0; background: url(../../images/cn/advantage_bg.jpg) no-repeat center center; background-size: cover;}

.advantage_content{ margin-top: 3.2%;}
.advantage_content ul{display: -webkit-flex;
  display: flex;
  justify-content: space-between;}
.advantage_content ul li{ width: 26%;}
.advantage_content ul li.advantage_line{ background: rgba(255,255,255,0.2); width: 2px; height: 2.1rem; margin-top: 0.15rem;}

.advantage_title{ width: 100%;display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    align-items: center;
    flex-wrap: wrap;
  justify-content: flex-start;}
.advantage_title img{display: block; width: 0.6rem; height: auto;}
.advantage_title h3{ font-size: 0.28rem; line-height: 1.2em; color: #fff;font-family: "SourceHanSans-Bold"; margin-left: 0.18rem; width: calc(100% - 0.78rem);}

.advantage_word{ margin-top: 0.25rem;}
.advantage_word p{ color: #fff;}

@media screen and (max-width:1400px) {
.advantage_title h3{ font-size: 0.26rem;}
}

@media screen and (max-width:1024px) {
.advantage_container{padding: 0 0 8vw 0; overflow: hidden;background: url(../../images/advantage_m_bg.jpg) no-repeat center center; background-size: cover;}

.advantage_content{ margin-top: 6vw;}
.advantage_content ul li.advantage_line{display: none;}
.advantage_content ul{ flex-wrap: wrap;justify-content: flex-start;}
.advantage_content ul li{ width: 100%; border-top: 2px solid rgba(255,255,255,0.2); box-sizing: border-box; padding: 4vw 0; padding-left: 8vw; background: url(../../images/advantage_icon1.png) no-repeat left center; background-size: 5.8vw;}
.advantage_content ul li:nth-child(3){background: url(../../images/advantage_icon2.png) no-repeat left center; background-size: 5.8vw;}

.advantage_content ul li:nth-child(5){background: url(../../images/advantage_icon3.png) no-repeat left center; background-size: 5.8vw;}
.advantage_content ul li:first-child{border: none; margin-top: -4vw;}
.advantage_content ul li:last-child{ margin-bottom: -4vw;}
.advantage_content ul li img{display: none;}
.advantage_title h3{ margin-left: 0; width: 100%; font-size: 4vw;}
.advantage_word{ margin-top: 2vw;}
.advantage_word p{ line-height: 1.4em;}
}

/* two_part_bg */

.two_part_bg{ background: url(../../images/news_bg.png) no-repeat left 6.3rem; background-size: 5.09rem;}

/* area */
.area_container{ padding: 4.5% 0 0;}
.area_content{ margin-top: -0.6rem; position: relative; z-index: 2;}

.area_nav{ float: right;}
.area_nav ul li{ float: left; cursor: pointer;height: 0.55rem; padding: 0 0.6rem; box-sizing: border-box; background: #eceded; color: #00a29a; font-size: 0.24rem; line-height: 0.55rem;font-family: "SourceHanSans-Bold"; border-radius: 0.3rem; margin-left: 0.3rem;
  transition-duration: .5s;
  -ms-transition-duration: .5s;
  -moz-transition-duration: .5s;
  -webkit-transition-duration: .5s;
}
.area_nav ul li.cur{background: linear-gradient(to right, #2861a3, #14819f); color: #fff;}

.area_bottom_container{ margin-top: 4%;}


.area_rolling_container .swiper-wrapper .swiper-slide{ height: auto;}
.area_list_container{ height: 100%; background: #f5f5f5; width: 100%; border-radius: 10px; overflow: hidden;  transition-duration: .5s;
  -ms-transition-duration: .5s;
  -moz-transition-duration: .5s;
  -webkit-transition-duration: .5s;}

.area_img_content{ width: 100%; position: relative; overflow: hidden;}
.area_img_content img.area_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;}
.area_img_content:hover img.area_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;}

.area_img_title{position: absolute; height: 0.5rem; border-radius: 10px 10px 0 0; background: #2861a3; left: 0; bottom: 0; box-sizing: border-box; padding: 0 0.2rem;}
.area_img_title img.area_icon{ height: 0.29rem; display: block; width: auto; float: left; margin-top: 0.1rem;}
.area_img_title h3{ font-size: 0.28rem; line-height: 1.3em; color: #fff;font-family: "SourceHanSans-Bold"; float: left;margin: 0.06rem 0 0 0.15rem;}
.area_img_title h6{width: 0.19rem; float: left;margin: 0.17rem 0 0 0.3rem;}
.area_img_title h6 img{  display: block; width: 100%; height: auto;}

.area_word_content{box-sizing: border-box; padding: 0.2rem 0.2rem 0.4rem;}
.area_word_content p{ color: #383838; line-height: 1.87em;}

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

.area_circle .swiper-pagination-bullet-active {
  background: #2861a3;
  opacity: 1;
}

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


@media screen and (max-width:1024px) {
.area_circle{ padding-bottom: 1vw; margin-top: 5vw;}
.area_circle .swiper-pagination-bullet {
  width: 2.5vw;
  height: 2.5vw;
  margin: 0 1.4vw !important;
}

.area_container{ padding: 0; overflow:hidden;}
.area_nav ul li{ font-size: 2.4vw; height: 5.5vw; line-height: 5.5vw; border-radius: 10vw; padding: 0 6vw; margin-left: 3vw;}
.area_content{margin-top: -5.8vw;}
.area_bottom_container{ margin-top: 6vw;}
.area_list_container{ border-radius: 1vw;}
.area_word_content{padding: 4vw 4vw 6vw 4vw;}
.area_word_content p{ line-height: 1.65em;    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;overflow: hidden;}
.area_img_title{ height: 11vw; padding: 0 4vw;}

.area_img_title img.area_icon{ height: 6.2vw;margin-top: 2.5vw;}
.area_img_title h3{ font-size: 5.6vw; margin: 1.6vw 0 0 3.5vw;}
.area_img_title h6{ width: 4vw;    margin: 3.7vw 0 0 5.5vw;}
}


/* news */
.news_container {
  width: 100%;
  margin-top: 4.5%;
}

.news_content {
  margin-top: 0.5rem;
  position: relative;
}

.news_left_content {
  width: 45.7%;
  float: left;
  padding-bottom: 1%;
  position: relative;
}

.news_left_img {
  width: 100%;
  overflow: hidden;
  height: 0;
  padding-bottom: 55.55%;
  border-radius: 10px;
}

.news_left_img img {
  transition: all 2s ease-out 0s;
  -webkit-transition: all 2s ease-out 0s;
  -moz-transition: all 2s ease-out 0s;
  -mo-transition: all 2s ease-out 0s;
  display: block;
  width: 100%;
  height: auto;
}

.news_left_img:hover 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;
}

.news_left_content h3 {
  font-size: 0.22rem;
  font-weight: normal;
  color: #333333;
  line-height: 1.5em;
  letter-spacing: 0.4px;
  margin-top: 0.27rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.news_left_content p {
  color: #636363;
  font-size: 0.15rem;
  line-height: 1.9em;
  letter-spacing: 0.8px;
  margin-top: 0.16rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  width: 100%;
}

.news_left_content h6 {
  color: #949393;
  font-weight: normal;
  font-size: 0.14rem;
  line-height: 1.5em;
  letter-spacing: 0.2px;
  margin-top: 0.15rem;
}

.news_line {
  width: 0.8rem;
  height: 3px;
  background: #00a29a;
  position: absolute;
  left: 0;
  bottom: 0;
  transition-duration: .5s;
  -ms-transition-duration: .5s;
  -moz-transition-duration: .5s;
  -webkit-transition-duration: .5s;
  z-index: 2;
}

.news_line2 {
  width: 45.7%;
  height: 3px;
  background: #e2e2e2;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
}

.news_left_content:hover+.news_line {
  width: 45.7%;
}

.news_list {
  width: 50%;
  float: right;
}

.news_list ul li {
  width: 100%;
  overflow: hidden;
  border-bottom: 2px solid #e2e2e2;
  transition-duration: .5s;
  -ms-transition-duration: .5s;
  -moz-transition-duration: .5s;
  -webkit-transition-duration: .5s;
  padding-bottom: 0.26rem;
  margin-bottom: 0.26rem;
}

.news_list ul li:nth-child(3n) {
  margin-bottom: 0;
}

.news_list ul li:hover {
  border-bottom: 2px solid #00a29a;
}

.news_list ul li h3 {
  color: #333333;
  font-size: 0.2rem;
  line-height: 1.5em;
  font-weight: normal;
  letter-spacing: 0.6px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
}

.news_list ul li p {
  line-height: 1.9em;
  color: #636363;
  font-size: 0.15rem;
  letter-spacing: 0.8px;
  margin-top: 0.12rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.news_list ul li h6 {
  color: #949393;
  font-weight: normal;
  font-size: 0.14rem;
  line-height: 1.5em;
  letter-spacing: 0.2px;
  margin-top: 0.15rem;
}

@media screen and (max-width:1024px) {
  .two_part_bg{ background: none;}
  .news_container {
    margin-top: 8vw;
  }

  .news_content {
    margin-top: 6vw;
  }

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

  .news_left_content h3 {
    text-overflow: inherit;
    white-space: normal;
    font-size: 4vw;
    line-height: 1.4em;
    letter-spacing: 0;
    margin-top: 4vw;
  }

  .news_left_content p, .news_list ul li p {
    display: none;
  }

  .news_left_content h6 {
    font-size: 3.2vw;
    margin-top: 2.4vw;
  }

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

  .news_line2, .news_line {
    display: none;
  }

  .news_left_content {
    border-bottom: 0.55vw solid #00a29a;
    padding-bottom: 3.2vw;
  }

  .news_left_img {
    border-radius: 1vw;
  }

  .news_list ul li:hover {
    border-bottom: 0.2vw solid #00a29a;
  }

  .news_list ul li {
    padding-bottom: 3.8vw;
    margin-top: 3.8vw;
    margin-bottom: 0;
    border-bottom: 0.2vw solid #e2e2e2;
  }

  .news_list ul li h3 {
    font-size: 3.8vw;
    letter-spacing: 0;
    text-overflow: inherit;
    white-space: normal;
    line-height: 1.45em;
    margin-top: 0;
  }

  .news_list ul li h6 {
    font-size: 3.2vw;
    margin-top: 2.4vw;
  }
}


.more {
  margin-top: -0.15rem;
}

.more a {
  display: block;
  float: right;
}

.more h6 {
  font-weight: normal;
  font-family: "SourceHanSans-Bold";
  color: #00a29a;
  font-size: 0.16rem;
  letter-spacing: 0.4px;
  transition-duration: .5s;
  -ms-transition-duration: .5s;
  -moz-transition-duration: .5s;
  -webkit-transition-duration: .5s;
}

.more h6 i {
  width: 0.52rem;
  display: block;
  float: left;
}

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

.more h6 span {
  display: block;
  float: left;
  margin: 0.05rem 0.15rem 0 0;
}

.more:hover h6 {
  color: #2861a3;
}

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



/* footer */
.footer_container {
  width: 100%;
  background: linear-gradient(to right, #2861a3, #14819f);
  box-sizing: border-box;
  padding-top: 0.8rem;
}

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

.footer_content_left img.footer_logo {
  width: auto;
  height: 0.76rem;
  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.4rem;
}

.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: 52%;
}

.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_main{ margin-bottom: 0.2rem;}

.footer_contact p {
  font-size: 0.16rem;
  color: #fff;
  line-height: 1.5em;
  margin-top: 0.06rem;
}
.footer_contact p span{ display: block; float: left;}
.footer_contact p i{ font-style: normal; display: block; overflow: hidden;}
.footer_contact p:after{
     content:".";
     display:block;
     height:0;
     clear:both;
     visibility:hidden;
}

.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 li {
  float: left;
  font-size: 0.2rem;
  line-height: 1.5em;
  font-family: "SourceHanSans-Bold";
  width: 21.5%;
  margin-top: 0.15rem;
}

.footer_nav ul li:nth-child(5) {
  width: auto;
}*/

.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.4rem;
}

.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_container {
    padding-top: 8vw;
      background: linear-gradient(to bottom right, #2861a3, #14819f);
  }

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

  .footer_content_left p {
    display: none;
  }

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

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

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

  .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.5em;
    margin-top: 1.7vw;
  }

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

  .footer_nav {
    margin-top: 4vw;
  }
  .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;
}
}