@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: 4%;
}
.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;
  color: #000000;
  font-size: 0.52rem;
  line-height: 1.3em;
  position: relative;
}

.index_title_content_green h6 {
  font-weight: normal;
  font-size: 0.2rem;
  color: #dedede;
  font-family: "SourceHanSans-Bold";
  text-transform: uppercase;
  line-height: 1.5em;
}

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

.center_title{text-align: center;}

.index_title_content_green h5.more{ font-size:0.16rem; line-height: 1.5em;  position: absolute; right: 0; bottom: 0.1rem;}

.index_title_content_green h5.more span{color: #000; font-weight: normal; float: left;display: block; margin-right: 0.1rem;}
.index_title_content_green h5.more i{ width: 0.38rem; display: block; float: left;}
.index_title_content_green h5.more i img{ width: 100%; height: auto;}
.index_title_content_green h5.more:hover span{ color: #009944;}

.inside_title h3{ color: #036eb8; font-size: 0.56rem;font-family: "SourceHanSans-Bold";}

.inside_title_line{ position: relative; height: 0.05rem;display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    align-items: center;
    justify-content: center; margin-top: 0.2rem;}
.line1{ width: 5rem; height: 1px; background: #dedede; margin: 0 auto; }
.line2{ width: 0.5rem; height: 0.05rem; background: #009944; position: absolute; top: 0; left: 50%; margin-left: -0.25rem;}




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


  .index_title_content_green h3 {
    font-size: 6.2vw;
    line-height: 1.2em;
    display: table; margin: 0 auto;
    color: #036eb8;font-family: "SourceHanSans-Bold";
  }
  .white_title2 h3{ color: #fff;}

  .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;}
  .index_title_content_green h5.more{display: none;}

  .inside_title h3{ color: #036eb8; font-size: 5.6vw;}
  .index_title_content_green h6 {
    font-size: 2vw;
    line-height: 1.2em;
    margin-top: 1.2vw;
  }

  .inside_title_line{ height: 0.5vw; margin-top: 2vw;}
  .line1{ width: 100%; height: 1px; margin: 0 auto; }
  .line2{ width: 5vw; height: 0.5vw; background: #009944; position: absolute; top: 0; left: 50%; margin-left: -2.5vw;}

}







/* top */
.top_container {
  width: 100%;
  position: fixed;
  height: 1.1rem;
  background: linear-gradient(to right, #036eb8 20%,#009944);
  top: 0;
  left: 0;
  z-index: 5;
  transition-duration: .8s;
  -ms-transition-duration: .8s;
  -moz-transition-duration: .8s;
  -webkit-transition-duration: .8s;
  box-sizing: border-box;
  border-bottom: 1px solid rgba(255,255,255,0.4);
}


/* 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.66rem;
 width: auto;
 float: left;
margin: 0.22rem 0 0;
 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.18rem;
  margin-left: 0.05rem;
}

.nav ul li a {
  color: #fff;
  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;
  padding: 0 0.3rem;

}

.nav ul li a:hover, .nav ul li a.cur {
  background: #fff;
  color: #036eb8;
}


.language_container{ float: right; background: #fff; border-radius: 25px; margin-top: 0.4rem; margin-left: 0.5rem;}
.language_container i{ width: 0.2rem; float: left;display: block; margin-right: 0.1rem;}
.language_container i img{ width: 100%; height: auto;}
.language_container a{display: block; padding: 0.05rem 0.1rem 0.05rem 0.05rem;}
.language_container span{ font-size: 0.18rem; line-height: 1.1em; color: #036eb8;}

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

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


@media screen and (max-width:1230px) {
  .nav ul li {
 margin-left: 0.5vw
  }
  .nav ul li a { padding: 0 1.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, #036eb8 20%,#009944);
  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;
  border-bottom: 1px solid rgba(255,255,255,0.2);
}

.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;
  top: 50%;
  transform: translateY(-50%);
}

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

.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, #036eb8, #009944);
}

.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%; margin-top: 1.1rem;}
.banner img{ display: block; width: 100%; height: auto;}

.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: 1.15rem; height: 1.09rem; z-index: 2; position: absolute; top: 50%; margin-top: -0.545rem;}

.banner-button-next{ right: 0; background: url(../../images/banner_right.png) no-repeat center center; background-size: 100%;}
.banner-button-prev{ left: 0;background: url(../../images/banner_left.png) no-repeat center center; background-size: 100%;}

.mbanner{ display: none;}


@media screen and (max-width:1024px) {
  .banner_content{display: none;}
  .mbanner{display: block;margin-top: 13vw;}
  .mbanner .swiper-slide img{ display: block; width: 100%; height: auto;}
  .bannerpage{ padding-bottom: 0.1vw;}
  .bannerpage .swiper-pagination-bullet {
    width: 2.5vw;
    height: 2.5vw;
    background: #fff;
    opacity: 0.5;
  margin: 0 1vw !important;

  }
  .swiper-container-horizontal>.bannerpage {
    bottom: 3.8vw !important;
  }
  .bannerpage .swiper-pagination-bullet-active {
    opacity: 1;
  }
}

/* product */

.index_product_list_container{ position: relative; margin: 1.8% auto 0; width: 1410px;}

.index_product_list{ padding: 25px 25px 25px; width: 1360px;}
.index_product_list .swiper-wrapper .swiper-slide{ height: auto!important;}

.index_product_word_container{ width: 100%; height: 100%;border-radius: 10px; background: #f5f5f5;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}
.index_product_word_container a{ box-sizing: border-box; padding: 8% 5% 5%; display: block;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}
.index_product_word_container img{ display: block; max-width: 86%; margin: 0 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;}
.index_product_list .swiper-slide:hover .index_product_word_container img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);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;}

.index_product_word{ position: relative; margin-top: -0.8rem;}
.index_product_word h4{display: table; font-weight: normal; font-size: 0.24rem; line-height: 1.3em; background: #e2e2e2;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; color: #000; padding: 0.1rem 0.3rem; box-sizing: border-box; margin: 0 auto;}
.index_product_word h3{ font-weight: normal; font-size: 0.29rem; color: #000; text-align: center; line-height: 1.4em; margin-top: 0.2rem;}
.index_product_word p{ text-align: center; color: #000; font-size: 0.2rem; line-height: 1.4em; margin-top: 0.1rem;display: none;}

.index_product_list .swiper-slide:hover .index_product_word_container{ box-shadow:5px 5px 28px rgba(0,162,154,0.28); background: #fff;}
.index_product_list .swiper-slide:hover .index_product_word h4{ background: #036eb8; color: #fff;}

.product-button-next,.product-button-prev{ width: 0.7rem; height: 0.7rem; position: absolute; z-index: 2; top: 50%; margin-top: -0.35rem;}
.product-button-prev{ left: 15px; background: url(../../images/product_left.jpg) no-repeat center center;background-size: 100%;}
.product-button-next{ right: 15px; background: url(../../images/product_right.jpg) no-repeat center center; background-size: 100%;}

@media screen and (max-width:1450px) {
.index_product_list_container{ /*width: calc(88% + 46px);*/ width: 92%;}
.index_product_list{ width:100%;padding: 25px 23px 25px; box-sizing: border-box;}
.product-button-prev{ left: 13px;}
.product-button-next{ right: 13px;}
}

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

  .index_product_list_container{ width: 92%; margin-top: 6vw;}

  .index_product_list{padding: 6vw 0;}

  .product-button-next, .product-button-prev{ width: 7vw; height: 7vw; margin-top: -3.5vw;}
  .product-button-prev{ left: 0;}
  .product-button-next{ right: 0;}

  .index_product_list .swiper-slide .index_product_word_container{ box-shadow:0 0 1.5vw rgba(0,162,154,0.28); background: #fff; border-radius: 1vw;}

  .index_product_list .swiper-slide:hover .index_product_word_container{ box-shadow:0 0 1.5vw rgba(0,162,154,0.28);}

  .index_product_list .swiper-wrapper .swiper-slide {
  transition-duration: .5s;
  -ms-transition-duration: .5s;
  -moz-transition-duration: .5s;
  -webkit-transition-duration: .5s;
  padding:0; box-sizing: border-box;
  height: 100%!important;
  opacity: 0.4;
}

.index_product_list .swiper-slide-active, .index_product_list .swiper-slide-duplicate-active {
    -webkit-transform: scale(1.15, 1.15) !important;
  transform: scale(1.15, 1.15) !important;
  z-index: 2;
  overflow: visible;
  opacity: 1!important;

}

.index_product_word p{display: none;}
.index_product_word h4{background: #036eb8;color: #fff; font-size: 2.8vw;padding: 1vw 2vw;}
.index_product_word_container a{padding: 2vw;}
.index_product_word_container img{ width: 100%; max-width: 100%;}
.index_product_word{ margin-top: -5vw;}

.index_product_word h3{ font-size: 3.4vw; margin-top: 1.5vw;}

}



/* advantage */
.advantage_container{ margin-top: 2%;}
.advantage_list_content{ margin-top: 2.5%;}
.advantage_list_content ul{display: -webkit-flex; display: flex;}
.advantage_list_content ul li{ margin-right: 1%; width: 19.2%; background: #f5f5f5; border-radius: 10px; box-sizing: border-box; padding: 0.7rem 0.1rem 0.45rem; position: relative; overflow:hidden;}
.advantage_list_content ul li:nth-child(5n){ margin-right: 0;}

.advantage_list_icon{ width: 100%; height: 0.85rem; text-align:center;}
.advantage_list_icon img{ width:auto; height: 100%;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; margin: 0 auto;}
.advantage_list_content ul li h6{ width: 0.37rem; height: 3px; background: #036eb8; margin: 0.35rem auto 0.2rem;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}
.advantage_list_content ul li h3{ font-weight: normal; font-size: 0.22rem;line-height: 1.4em; color: #000; text-align: center;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}

.advantage_list_word{ position: absolute; width: 100%; height: 100%; left: 0; top: 100%; z-index: 2; background: #036eb8;display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    align-items: center;
    justify-content: center; box-sizing: border-box; padding: 0 0.2rem;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}

.advantage_list_content ul li .advantage_list_word h3{ color: #fff;}
.advantage_list_content ul li .advantage_list_word h6{ background:rgba(255,255,255,0.8);margin: 0.15rem auto 0.2rem;}
.advantage_list_content ul li .advantage_list_word p{ font-size: 0.16rem; color: #f9f9f9; line-height: 1.6em; display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;overflow: hidden;}

.advantage_list_content ul li:hover h3,.advantage_list_content ul li:hover h6,.advantage_list_content ul li:hover .advantage_list_icon img{ opacity: 0;}
.advantage_list_content ul li:hover .advantage_list_word h3,.advantage_list_content ul li:hover .advantage_list_word h6{opacity: 1;}

.advantage_list_content ul li:hover .advantage_list_word{ top:0;}

.advantage_list_content ul li img.mobile_img{display: none;}

@media screen and (max-width:1024px) {
.advantage_list_content ul li img.mobile_img{display:block;}
.advantage_list_word{display: none;}

.advantage_list_content{ margin-top: 6vw;}

.advantage_list_content ul{flex-wrap: wrap;
   justify-content: flex-start;}
.advantage_list_content ul li{ width: 33.33%; margin: 0; border-radius: 0; background: none; box-sizing:border-box; border-right: 1px solid rgba(255,255,255,0.4); padding: 5vw 1vw 4vw;}

.advantage_list_content{background: linear-gradient(to right, #036eb8 20%,#009944); border-radius: 1vw;}

.advantage_list_content ul li:nth-child(4),.advantage_list_content ul li:nth-child(5){ width: 50%;border-top: 1px solid rgba(255,255,255,0.4);}

.advantage_list_icon{ height: 9vw;}
.advantage_list_content ul li h6{ width: 3.7vw; height: 0.3vw; background: rgba(255,255,255,0.8);margin: 3vw auto 2vw;}
.advantage_list_content ul li h3{ font-size: 3.6vw; color: #fff;}
.advantage_list_content ul li:hover h3,.advantage_list_content ul li:hover h6,.advantage_list_content ul li:hover .advantage_list_icon img{ opacity: 1;}

}

/* honor */
.index_honor_left_container{ width: 50%; float: left; height: 6.9rem; background: #025aa8; overflow: hidden; }

.index_honor_left_content{ width: 690px; float: right; height: 100%;position: relative;}

.index_honor_left_img{ margin: 0.5rem 0 0 0.6rem;}
.index_honor_left_img img{ display: block; width: 5rem;}

.index_honor_word h3{ font-weight: normal; color: #fff; font-size: 0.24rem; line-height: 1.4em;}
.index_honor_word p{ font-size: 0.2rem; line-height: 1.4em; color: #fff; margin-top: 0.15rem; background: url(../../images/white_circle.png) no-repeat left 0.1rem; background-size: 0.1rem; box-sizing: border-box; padding-left: 0.13rem;}

.index_honor_left{ position: absolute; bottom: 0.5rem; left:0;    box-sizing: border-box; padding-right: 5%; }
.index_honor_left h3 br:first-child{ display: none;}

.index_honor_right_container{ width: 50%; float: right;height: 6.9rem;overflow: hidden;}

.index_honor_right_top_container{ width: 100%; height: 3.42rem; background: #036eb8; overflow: hidden;}

.index_honor_right_top_content{ width: 690px; position: relative; height: 100%;}

.index_honor_right_top_img img{ width: 4.6rem; float:right;margin-top: 0.75rem;}

.index_honor_right_top{ position: absolute; left: 0.4rem; top: 0.6rem;width: 3.8rem;}


.index_honor_right_bottom_container{ width:100%; height: 3.48rem; background: url(../../images/honor_img3.jpg) no-repeat left center; background-size: cover;}
.index_honor_right_bottom_content{ width: 690px; position: relative; height: 100%;}

.index_honor_right_bottom{ text-align: right; position:absolute; right: 0; top: 0.55rem;box-sizing: border-box;padding-left: 5%;}

.index_honor_right_bottom h6{ font-weight: normal; font-size: 0.2rem; line-height: 1.5em; color: #fff; display: table; float: right; box-sizing:border-box; border: 1px solid #fff; box-sizing:border-box; padding: 0.08rem 0.35rem; margin-top: 0.9rem;}
.index_honor_right_bottom h6 span{ float: left; display:block;}
.index_honor_right_bottom h6 i{ float: left; display: block; width: 0.2rem;margin: 0.07rem 0 0 0.2rem;}
.index_honor_right_bottom h6 i img{ width: 100%; height:auto;}

@media screen and (max-width:1450px) {
.index_honor_left_content,.index_honor_right_top_content,.index_honor_right_bottom_content{ width: 90%;}
.index_honor_left_img img { width: 5rem;}
.index_honor_right_top_img img{ width: 4.2rem;margin-top: 0.8rem;}
}
@media screen and (max-width:1300px) {
.index_honor_right_top_img img{ width: 3.4rem;margin-top: 1.1rem;}  
}

@media screen and (max-width:1024px) {
.index_honor_left_container{ width: 100%; height: auto; float: none;padding: 6vw 0;}
.index_honor_left_img img{ width: 65vw;margin: 0 auto 3vw;}
.index_honor_left_content, .index_honor_right_top_content, .index_honor_right_bottom_content{ width: 92%; margin: 0 auto; float: none;}
.index_honor_left_content{ overflow:hidden;}
.index_honor_left_img {  margin: 0;}
.index_honor_left{ right: 0; left: 0; text-align: left; top: 0;bottom: 0;width: 100%;position: static;padding: 0;}

.index_honor_word h3{ font-size: 3.8vw; line-height: 1.4em;font-family: "SourceHanSans-Bold";}
.index_honor_left h3 br:first-child{ display:block;}

.index_honor_right_container{ width: 100%; float: none; height: auto;}
.index_honor_right_top_container{ height: 40.5vw;}

.index_honor_right_top_img img{ width: 45vw; margin-top: 11vw;}
.index_honor_word p{ font-size: 3.6vw; line-height: 1.3em;    background: url(../../images/white_circle.png) no-repeat left 1.3vw; background-size: 2vw; padding-left: 3vw; margin-top: 1.2vw;}
.index_honor_right_top{ left: 0; top: 4.5vw;width: 60vw;}

.index_honor_right_bottom_container{ height: 40.5vw;}
.index_honor_right_bottom h6{ font-size: 3.6vw;padding: 0.5vw 3vw;margin-top: 6vw;}
.index_honor_right_bottom h6 i{ width: 2.8vw;margin: 1.7vw 0 0 2vw;}
.index_honor_right_bottom{ top: 6vw;}
}

/* scene */
.scene_content{ margin-top: 2.5%;}

.scene_word_container_content{ width: 100%; position: relative; overflow: hidden;}
.scene_word_container_content img{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_word_container_content: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;}
.scene_content_img{ width: 100%; overflow: hidden;}

.scene_content_word{ position: absolute; left: 0; bottom: 0; background: #036eb8; color: #fff; box-sizing: border-box; padding: 0 0.35rem 0.4rem;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; max-height: 0.9rem;width: 100%;}
.scene_content_word_h{ height: 0.9rem;display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    align-items: center;
}
.scene_content_word h3{ font-weight: normal; font-size: 0.26rem; line-height: 1.2em;  display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;}
.scene_content_word h6{ width: 0.37rem; height: 3px; background: #fff; margin: 0.05rem 0 0.2rem;}
.scene_content_word p{ font-size: 0.16rem; line-height: 1.6em;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 10;
    overflow: hidden;}

.scene_word_container_content:hover .scene_content_word{max-height: 80%;}

.technology-page{ position: static!important; left: 0; bottom: 0; margin-top: 0.4rem;text-align: center;}
.technology-page .swiper-pagination-bullet {
  width: 0.2rem;
  height: 0.2rem;
  margin: 0 0.085rem !important;
  background: #dedede;
  opacity: 1;
}
.technology-page .swiper-pagination-bullet-active {
  background: #036eb8;
  opacity: 1;
}
.swiper-container-horizontal>.technology-page {
  bottom: 0 !important;
}
.mobile_bg{ display: none;}

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

.scene_content {
  padding: 7.5vw 0 0;
  margin-top: 5.5vw;
}

.scene_word_container_content{ border-radius: 1vw;   position: relative;overflow: hidden;}
.scene_content_word h6,.scene_content_word p{display: none;}

.scene_content_word{width: 100%; max-height: 100%; padding: 1vw 1vw; background: rgba(3,110,184,0.8); display: none;}
.scene_word_container_content:hover .scene_content_word{max-height: 100%;}

.scene_content_word_h{display: block;height: auto;}

.scene_content_word h3{ font-size: 2.6vw;font-family: "SourceHanSans-Bold"; line-height: 1.3em; text-align: center;}

.mobile_bg{display: block; width: 100%; height: 100%; position: absolute; left: 0; top:0; background: rgba(3,110,184,0.5);}

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

.scene_container .swiper-slide-active .mobile_bg, .scene_container .swiper-slide-duplicate-active .mobile_bg{display: none;}


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

.technology-page .swiper-pagination-bullet {
  width: 2.5vw;
  height: 2.5vw;
  margin: 0 1.4vw !important;
}
.technology-page{ margin-top: 11vw;padding-bottom: 0.5vw;}

}

/* slogn */
.slogn_container{ width: 100%; padding: 0.6rem 0;background: linear-gradient(to right, #036eb8 20%,#009944);}
.slogn_content ul{  display: -webkit-flex; display: flex; justify-content: space-between;}

.slogn_content ul li.slogn_line{ width: 1px; height: 0.8rem; background: rgba(255,255,255,0.4);}

.slogn_content ul li{display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    align-items: center;width: 20%;}
.slogn_content ul li img{display: block;width: 0.8rem; float: left; margin-right: 0.2rem;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}
.slogn_content ul li p{ overflow: hidden; font-size: 0.22rem; line-height: 1.3em; color: #fff;}
.slogn_content ul li:hover img{ margin-right: 0.4rem;}

@media screen and (max-width:1024px) {
.slogn_container{ padding: 5.8vw 0;}
.slogn_content ul{flex-wrap: wrap;}
.slogn_content ul li{display: block; width: 48%;}
.slogn_content ul li img{ margin-right: 0; width: auto; height: 9vw; float: none; margin: 0 auto;}
.slogn_content ul li p{ float: none; text-align: center; font-size: 3.6vw; line-height: 1.33em; margin-top: 1vw;}
.slogn_content ul li:nth-child(n+4){margin-top:6vw;}

.slogn_content ul li.slogn_line{ height: 14vw; margin-top:5vw;display:none;}
.slogn_content ul li:hover img{ margin-right: auto;}

}


/* about */
.index_about_content{ margin-top: 2.5%;}

.index_about_left_content{ width: 48.7%; float: left;}
.index_about_left_content_word{ width: 665px; float: right; height: 6.15rem;}
.index_about_left_content_word img{ display: block; width: 100%; height: auto;}

.index_about_right_content{ width: 51.3%; float: right;height: 6.15rem; background: #f5f5f5;display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    align-items: center;}
.index_about_right{ width: 715px; box-sizing: border-box; padding-left: 0.5rem;}
.index_about_right h3{ color: #363636; font-size: 0.3rem; line-height: 1.3em; font-weight: normal; margin-bottom: 0.14rem;}
.index_about_right h4{ color: #363636; font-size: 0.18rem; font-weight: normal; line-height: 1.6em; margin-bottom: 0.1rem;}
.index_about_right p{ font-size: 0.16rem; color: #363636; line-height: 1.6em;}


@media screen and (max-width:1450px) {
.index_about_left_content_word{ overflow: hidden;width: 90%;}
.index_about_right{ width: 90%;}
.index_about_left_content_word img{ width:auto; min-height: 100%;}
}

@media screen and (max-width:1250px) {
.index_about_right h3{font-size: 0.32rem;}
}

@media screen and (max-width:1024px) {
.index_about_content{ width: 92%; margin: 6vw auto 0;}
.index_about_left_content{ width: 100%; float: none;}
.index_about_left_content_word{ width: 100%; height: 50vw;}
.index_about_left_content_word img{ width: 100%; height: auto; min-height: auto; margin-top:-15vw;}
.index_about_right_content{ width: 100%; height: auto; float: none;}
.index_about_right{ width: 100%; padding: 5vw 4vw;}

.index_about_right h3{font-family: "SourceHanSans-Bold"; font-size: 4vw; margin-bottom: 1.5vw;}
.index_about_right h4{ font-size: 3.6vw; line-height: 1.6em; margin-bottom: 1.5vw;}
.index_about_right p{ font-size: 3.5vw; line-height: 1.6em;}

}




/* news */
.index_news_content{ margin-top: 2.5%; position: relative;}

.index_news_left_content{ width: 48.2%; float: left; overflow:hidden; height: 0; padding-bottom: 33.81%;}
.index_news_left_content 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;}
.index_news_left_content: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;}

.index_news_right_content{ position: absolute; right: 0; height: 100%; background: #f5f5f5; width: 51.8%;}
.index_news_right_content a{ box-sizing:border-box; padding: 0.5rem 0.5rem 0; display:block; position: relative;height: 100%;}
.index_news_right_content h3{ font-size: 0.3rem; font-weight: normal; line-height: 1.25em; color: #036eb8; display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;overflow: hidden;}
.index_news_right_content h6{ font-weight: normal; font-size: 0.16rem; line-height: 1.5em; background:url(../../images/date2.png) no-repeat left center; background-size: 0.18rem; padding-left: 0.26rem; box-sizing: border-box; color: #404040; margin-top: 0.15rem;}
.index_right_news_top{ border-bottom: 1px solid rgba(186,186,186,0.4); padding-bottom: 0.1rem;}

.index_news_right_content p{ font-size: 0.16rem; line-height: 1.6em; display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;overflow: hidden; color: #191919; margin-top: 0.4rem;}

h5.jiantou{ width: 0.33rem; height: 0.68rem; background: url(../../images/pc_jiantou2.png) no-repeat center center; background-size: 100%; position:absolute; right: 0.5rem; bottom: 0.4rem;}
.m_index_news_container{display: none;}

@media screen and (max-width:1450px) {
.index_news_right_content p{ margin-top: 0.2rem;}
h5.jiantou{bottom: 0.3rem;width: 0.26rem; height: 0.54rem;}
}

@media screen and (max-width:1024px) {
  .news_container{background: #f5f5f5; border-bottom: 1px solid #009944; box-sizing: border-box; overflow: hidden;}
  .index_news_content{ margin-top: 6vw;}

  .m_index_news_container{display: block;}
  .index_news_right_content{display: none;}

  .index_news_left_content{ width: 100%; float: none; padding-bottom: 70.14%;}

  .m_index_news_container{ margin-top: 4vw;}

  .m_index_news_container ul li{ width: 100%; border-bottom: 1px solid rgba(211,211,211,1); padding: 4vw 0; position: relative;}
 .m_index_news_container ul li:last-child{ border-bottom: none;}
  .m_index_news_container ul li h3{ width: 86%; font-size: 4vw; line-height: 1.25em; color: #0d0d0d; font-weight: normal;}
  .m_index_news_container ul li p{ font-size: 3.2vw; line-height: 1.2em; color: #808080; margin-top: 4vw;}
  h6.m_jiantou{ width: 1.8vw; height: 3.2vw;background: url(../../images/m_jiantou.png) no-repeat center center; background-size: 100%; position:absolute; right: 0; top: 50%; margin-top: -1.6vw;}

}



/* footer */
.footer_container {
  width: 100%;
  background: linear-gradient(to right, #036eb8 20%,#009944);
  box-sizing: border-box;
  padding-top: 1rem;
}

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

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

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

.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: 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 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 right, #036eb8 20%,#009944);
  }

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

  .footer_content_left p {
    display: none;
  }

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

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

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