@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: #2878b9;
}

::-webkit-scrollbar-thumb:hover {
  border-radius: 5px;
  background: #2878b9;
}

@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: #23a197;
  --color-blue: #2878b9;
  --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; z-index: 1;}
.index_title_content_green h3 {
  font-weight: normal;
  font-family: "SourceHanSans-Bold";
  color: #2878b9;
  font-size: 0.54rem;
  line-height: 1.3em;
}
.ti_center{text-align: center;}

.index_title_content_green h5{ font-size: 0.28rem; line-height: 1.3em; color: #23a197; font-weight: normal;font-family: "SourceHanSans-Bold"; margin-top: 0.5rem; overflow: hidden;}

.index_title_content_green h5 span{ float: left;}
.index_title_content_green h5 i{ height: 0.22rem; width: auto; display: block; float: left;margin: 0.08rem 0 0 0.15rem;}
.index_title_content_green h5 i img{ height: 100%; width:auto; display: block;}
.index_title_content_green h6 {
  font-weight: normal;
  font-size: 0.24rem;
  color: #23a197;
  text-transform: uppercase;
  line-height: 1.4em;
}

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

.index_title2{ text-align:center; position:relative; padding-bottom: 0.03rem;}
.index_title2 h3{ border-bottom: 1px solid #e5e5e5; display: table; margin: 0 auto; padding-bottom: 0.25rem;}
.index_title2_line{ width: 0.38rem; height: 0.04rem; background: #2878b9; position: absolute; bottom: 0; left: 50%;transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%);-o-transform: translateX(-50%);-moz-transform: translateX(-50%);}

.inside_title{ text-align: center;}
.inside_title h3{border-bottom: 1px solid #e5e5e5; padding-bottom: 0.25rem;}

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

  .index_title_content_green h3 {
    font-size: 6.2vw;
    line-height: 1.2em;
  }
  .index_title_content_green p{ font-size: 3.2vw; margin-top: 2.4vw;}

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

  .index_title_content_green h5{ font-size: 4vw; line-height: 1.3em;margin-top: 3.5vw;}
  .index_title_content_green h5 span{ float:none;}
  .index_title_content_green h5 i{display: none;}

  .inside_title h3{ font-size: 6vw;  padding-bottom: 2vw;}

.index_title2 h3{ font-size: 6vw; padding-bottom: 2.5vw;}
.index_title2_line{ width: 3.8vw; height: 0.4vw;}
.index_title2{ padding-bottom: 0.3vw;}

.inside_about_title h3{ font-size: 6vw;}


}


/* top */
.top_container {
  width: 100%;
  position: fixed;
  height: 1.2rem;
  background: rgba(255,255,255,0.6);
  top: 0;
  left: 0;
  z-index: 3;
  transition-duration: .8s;
  -ms-transition-duration: .8s;
  -moz-transition-duration: .8s;
  -webkit-transition-duration: .8s;
}

.top_content{ width: 1640px; margin: 0 auto;}

.top_container h1{ height: 1.2rem; overflow: hidden; float: left;}
.top_container img.logo {
 height: 2.04rem;
 width: auto;
 float: left;
 margin: -0.42rem 0 0 0;
 transition-duration: .5s;
 -ms-transition-duration: .5s;
 -moz-transition-duration: .5s;
 -webkit-transition-duration: .5s;
}

/* top_tool */

.top_tool {
  background: #2878b9;
  height: 0.7rem;
  box-sizing: border-box;
  padding-left: 0.2rem;
  padding-right: 2000px;
  margin-right: -2000px;
  overflow: hidden;
  border-radius: 10px 0 0 10px;
}

.top_tool a {
  display: block;
  font-size: 0.2rem;
  line-height: 1.5em;
  color: #fff;
  float: left;
  font-family: "SourceHanSans-Bold";
  margin: 0.2rem 0.18rem 0;
  cursor: pointer;
}

.top_tool a.top_call, .top_tool a.top_search {
  margin-top: 0.26rem;
}

.top_tool span {
  width: 1px;
  height: 0.11rem;
  background: rgba(255, 255, 255, 0.5);
  float: left;
  margin-top: 0.3rem;
}

.top_tool_content {
  position: relative;float: right;margin: 0.25rem 0 0 0.5rem;
}

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

.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 #2878b9;
  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 {
  float: right;
}

.nav ul li {
  float: left;
  font-size: 0.2rem;
  margin: 0 0.17rem;
}

.nav ul li a {
  padding: 0 0.1rem;
  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;
  border-bottom: 6px solid transparent;
}

.nav ul li a:hover, .nav ul li a.cur {
  border-bottom: 6px solid #2878b9;
}

@media screen and (max-width:1680px) {
.top_content{ width: 96%;}
.nav ul li {
  margin: 0 0.9vw;
}
.nav ul li a {
  padding: 0 0.6vw;
}
.top_tool_content{ margin-left: 2vw;}

}

@media screen and (max-width:1550px) {
  .nav ul li {
      margin: 0 0.6vw;
  }
  .top_tool_content{margin-left: 1.5vw;}
}


@media screen and (max-width:1320px) {
.top_tool{ padding-left: 1vw;}
.top_tool a{margin: 0.2rem 1vw 0;}
.nav ul li {
    margin: 0 0.5vw;
}
.nav ul li a {
    padding: 0 0.4vw;
}
}

@media screen and (max-width:1220px) {
.top_container img.logo{ height: 1.8rem;margin: -0.3rem 0 0 0;}

}

.fixedhead {
  top: -200px;
}

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

/*mobile nav*/
.header2 {
  width: 100%;
  height: 13vw;
  top: 0;
  left: 0;
  background: #2878b9;
  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: #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 12vw;}


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

.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, #57c3ea, #2878b9);
}

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

.bannerpage .swiper-pagination-bullet {
  width: 0.7rem;
  height: 0.1rem;
  background: #fff;
  opacity: 0.5;
  margin: 0 0.1rem!important;
  border-radius: 5px;

}

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

.swiper-container-horizontal>.bannerpage {
  bottom: 0.5rem !important;
  left: 0 !important;
}
.mbanner_content{display: none;}


@media screen and (max-width:1024px) {
  .banner_content{ display: none;}
  .mbanner_content{margin-top: 13vw; display: block;}
  .mbanner_content img{display: block; width: 100%; height: auto;}

  .bannerpage .swiper-pagination-bullet {
    width: 7vw;
    height: 1vw;
    background: #fff;
    opacity: 0.5;
  margin: 0 1vw !important;

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


/*product*/

.main_product_container{ width: 100%; box-sizing: border-box; padding: 5.7% 0; position: relative;}

.auxiliary_figure_content{ width: 5.44rem; position: absolute; right: 0; top: 0;z-index: 0;}
.auxiliary_figure_content img{ width:100%; height: auto;}


.main_product_content{ position: relative; z-index: 1; margin-top: 2%;}

.main_product_left_content{height: 7rem;float: left; width: 49.2%; background: #f7f7f7; box-sizing: border-box; padding: 0.3rem; border-radius: 25px; overflow: hidden;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}

.main_product_left{ width: 100%; height: 100%; border: 2px solid rgba(35,161,151,0.2); border-radius: 25px;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; box-sizing: border-box; padding: 0.1rem; overflow: hidden;}
.main_product_left_content:hover .main_product_left{border: 2px solid rgba(35,161,151,0.8);}

.main_product_img{ height:4rem; width: 100%;  margin: 0.2rem auto 0;}

.main_product_img img{display: block; height:100%; width:auto; 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;}

.main_product_left_content:hover .main_product_img img{transform:scale(1.03);-webkit-transform:scale(1.03);-moz-transform:scale(1.03);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;}
.main_product_left_content:hover{box-shadow: 0 0 28px rgba(40,120,185,0.4);}

.mian_product_word{ width: 100%;  text-align: center; margin-top: 0.4rem;}
.mian_product_word h3{ font-size: 0.24rem; font-weight: normal;font-family: "SourceHanSans-Bold"; line-height: 1.3em; color: #2878b9;}
.mian_product_word p{ font-size: 0.18rem; line-height: 1.4em; color: #565656; margin-top: 0.1rem;}
.mian_product_word h6{background: #23a197 url(../../images/white_jiantou.png) no-repeat center center; background-size: 0.09rem; width: 0.9rem; height: 0.35rem; border-radius: 17px; margin: 0.25rem auto 0;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}

.main_product_left_content:hover .mian_product_word h6{ background: #2878b9 url(../../images/white_jiantou.png) no-repeat center center;background-size: 0.09rem;}


.main_product_right_content{width: 49.2%; position: absolute; right: 0; top: 0; height: 100%;}
.main_product_right_content ul{height: 100%;}
.main_product_right_content ul li{ width: 48.5%; float: left; height: 48.5%; margin: 0 3% 0 0; background: #f7f7f7; border-radius: 25px; box-sizing:border-box; padding: 0.1rem;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}
.main_product_right_content ul li:nth-child(2n){ margin-right: 0;}
.main_product_right_content ul li:nth-child(n+3){ margin-top: 3%;}

.main_right_product_img{ height:2rem; margin-top: 0.3rem;}
.main_product_right_content ul li h3{ color: #2878b9; font-weight: normal;font-family: "SourceHanSans-Bold"; font-size: 0.2rem; line-height: 1.4em; text-align: center; margin-top: 0.25rem;}
.main_product_right_content ul li:hover{box-shadow: 0 0 20px rgba(40,120,185,0.4);}

@media screen and (max-width:1450px) {
.main_product_left_content{ padding: 2%; height: auto;}
.main_product_left{ padding-bottom: 6.5%;}
.main_product_img{ height: 27vw}
.main_product_img{margin: 2.5% auto 0;}
.main_right_product_img{height: 12.5vw; margin-top: 12%;}
.mian_product_word{ margin-top: 5%;}
.main_product_right_content ul li h3{ margin-top: 1.5vw;}
}

@media screen and (max-width:1024px) {
.auxiliary_figure_content{ width: 48vw;right: -6vw;}
.main_product_container{ padding: 6vw 0 8vw;overflow: hidden;}
.main_product_container .index_title_content_green{ margin-top: 0;}
.main_product_content{ margin-top: 5vw;}

.main_product_left_content{ width: 100%; float: none; border-radius: 2.5vw; padding: 4.8vw;}
.main_product_left{ padding: 1vw 1vw 5vw; border-radius: 2.5vw;border: 0.2vw solid rgba(35,161,151,0.2);}
.main_product_left_content:hover .main_product_left{border: 0.2vw solid rgba(35,161,151,0.8);}
.main_product_img{ height: 57vw;margin-top: 2.5vw;}
.mian_product_word{ margin-top: 3vw;}
.mian_product_word h3{ font-size: 4vw;}
.mian_product_word p{ margin-top: 1.5vw; font-size: 3.5vw;}
.mian_product_word h6{ width: 12.5vw; height: 5vw; border-radius: 1.7vw; background-size: 1.4vw; margin-top: 3vw;}
.main_product_left_content:hover .mian_product_word h6{ background-size: 1.4vw;}

.main_product_right_content{ position: static; height: auto; width: 100%; margin-top: 6vw;}
.main_product_right_content ul{ height:auto; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap:wrap;}
.main_product_right_content ul li{ border-radius: 2.5vw; padding: 6vw 1vw;}
.main_right_product_img{ height: 26vw; margin-top: 0;}
.main_product_right_content ul li h3{ font-size: 4vw; margin-top: 2vw;}

.main_product_left_content:hover{box-shadow: 0 0 2.8vw rgba(40,120,185,0.4);}
}


/* Product Series */

.product_series_container{ padding: 5.7% 0; background: #fafafa; box-sizing: border-box;}
.product_series_list_content{ width: 1440px; margin: 3% auto 0;}
.product_series_list_left_nav{ width:calc(29.8% - 30px); float:left; margin-left: 30px; margin-top: 1%;}

.product_series_nav_top{ width: 100%; height: 0.9rem;    background: linear-gradient(to right, #2878b9, #57c3ea);  box-shadow: 0 0 10px rgba(40,120,185,0.4); border-radius: 10px; box-sizing: border-box; padding: 0 0.28rem;display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    align-items: center;
    justify-content: center;cursor: pointer; margin-top: 5%;
}
.product_series_nav_top2{ width: 100%;}

.product_series_nav_top i{display: block; height: 0.38rem; float: left; overflow:hidden;}
.product_series_nav_top i img{display: block; height: 100%; width: auto;}
.product_series_nav_top i img.product_white{ margin-top: 0.1rem;}

.product_series_nav_top h3{ font-size: 0.26rem; line-height: 1.3em; color: #fff; font-weight: normal;font-family: "SourceHanSans-Bold"; float: left;    margin: 0.03rem 0 0 0.15rem;}
.product_series_nav_top span{ width: 0.2rem; height: 0.2rem; background: url(../../images/index_jia.png) no-repeat center center; background-size: 100%; display: block; float: right; margin-top: 0.1rem;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}

.product_series_nav_word{ padding: 0 0.28rem; box-sizing:border-box; overflow: hidden; position: relative;max-height: 0;transition-duration: 0s;-ms-transition-duration: 0s;-moz-transition-duration: 0s; -webkit-transition-duration: 0s; opacity: 0;}

.product_line{ width: 100%; height: 2px; background: #23a197; position: absolute; left: 0; bottom: 0;}

.product_series_nav_word p{ font-size: 0.16rem; color: #636363; line-height: 2em;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;overflow: hidden;}

.product_series_nav_word h6{ font-weight: normal; font-size: 0.15rem; line-height: 1.3em;margin: 6% 0 8%;}
.product_series_nav_word h6 a{ color: #23a197; }

.product_series_list_left_nav ul li.cur .product_series_nav_top{ background: none;box-shadow: none;height: 0.7rem;}
.product_series_list_left_nav ul li.cur .product_series_nav_top i img.product_duo{ margin-top: -0.48rem;}
.product_series_list_left_nav ul li.cur .product_series_nav_top h3{ color: #23a197;}

.product_series_list_left_nav ul li.cur .product_series_nav_top span{    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
background:url(../../images/index_jian.png) no-repeat center center;background-size:100%;
  }
.product_series_list_left_nav ul li.cur .product_series_nav_word{ opacity: 1; max-height: 300px;transition-duration: 1.5s;-ms-transition-duration: 1.5s;-moz-transition-duration: 1.5s; -webkit-transition-duration: 1.5s;}




.product_series_list_right_content{width:calc(66% + 15px); float:right;}
.product_series_img{ box-shadow: 8px 8px 25px rgba(40,120,185,0.25); border-radius: 25px; overflow: hidden;}
.product_series_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;}
.product_series_list_right_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;}
.product_series_list{ padding: 15px 30px 30px 15px; border-radius: 30px;}

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

@media screen and (max-width:1450px) {
.product_series_list_content{width:calc(90% + 60px); }

}
@media screen and (max-width:1350px) {
.product_series_nav_top{height: 0.8rem; margin-top: 4%;}
.product_series_list_left_nav{margin-top: 1.5%;}
}

@media screen and (max-width:1200px) {
.product_series_nav_top{height: 0.7rem;}    
}

@media screen and (max-width:1024px) {
.product_series_container{ padding: 0 0 8vw; overflow:hidden;}
.product_series_list_content{ margin-top: 8vw;width:calc(92% + 6vw);}

.product_series_list_left_nav{ width: 100%; float: none; margin: 0;padding: 0 3vw;box-sizing: border-box;}
.product_series_nav_word{display: none;}

.product_series_nav_top{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; height: 9vw; margin-top: 0;box-shadow: 0 0 1.8vw rgba(40,120,185,0.4); border-radius: 1vw;border-bottom: 2px solid transparent; padding: 0 2.5vw;}

.product_series_list_left_nav ul li.cur .product_series_nav_top{ height: 9vw;border-bottom: 2px solid #23a197; border-radius: 0;}

.product_series_list_left_nav ul li{ width: 23.875%; float: left; margin: 0 1.5% 0 0;}
.product_series_list_left_nav ul li:nth-child(4n){ margin-right: 0;}

.product_series_nav_top i{height: 3.8vw;display:none;}
.product_series_nav_top i img.product_white{ margin-top: 1vw;}
.product_series_list_left_nav ul li.cur .product_series_nav_top i img.product_duo{ margin-top: -4.8vw;}

.product_series_nav_top h3{ font-size: 3.5vw;margin: -0.3vw 0 0 1.5vw; float:none; margin:0;text-align: center;}
.product_series_nav_top span{ width: 2vw; height: 2vw;margin-top: 1.1vw;display:none;}

.product_series_list_right_content{ width: 100%; float:none; margin-top: 5vw;}

.product_series_list{ padding: 1.5vw 3vw 3vw 3vw; border-radius: 0;}

.product_series_img{ box-shadow: 0.6vw 0.6vw 2.5vw rgba(40,120,185,0.25); border-radius: 2.5vw;}

}

/* new product */

.new_product_container{ position: relative; padding-bottom: 9%;}

.new_product_content{ width: 100%; padding-bottom: 40px; box-sizing: border-box;}
.new_product_left_content{width:57%; float: left; overflow: hidden;box-shadow: 16px 16px 28px rgba(40,120,185,0.35); border-radius: 0 25px 25px 0;}
.new_product_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;}
.new_product_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;}

.new_product_list_right_content{ width:43%; float:right;}
.new_product_list_right{ width: 560px; box-sizing: border-box; padding-left: 0.85rem; margin-top: 13%; }
.new_product_list_right h4{ font-size: 0.38rem; font-weight: normal; color: #333333; line-height: 1.4em; border-bottom: 1px solid #e5e5e5; padding-bottom: 0.16rem;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}
.new_product_list_right h4:hover{ color: #2878b9;}

.new_product_list_right p{ font-size: 0.16rem; color: #777777; line-height: 1.5em; margin-top: 0.2rem;}
h6.product_more{ font-weight: normal;font-family: "SourceHanSans-Bold"; font-size: 0.18rem; color: #23a197;  background: url(../../images/more.png) no-repeat left center;background-size: 0.27rem; padding-left: 0.4rem;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; margin-top: 14%;}

h6.product_more:hover{ color: #2878b9;}

.new_product_title{ margin-top: 0;margin-bottom: 13%;}
.new_product_title h3{display: block; background: url(../../images/news_product_icon.png) no-repeat left center; background-size: 0.51rem; box-sizing:border-box; padding-left: 0.7rem;}


.new_product_fenye {
  text-align: left !important;
}

.new_product_fenye .swiper-pagination-bullet {
  width: 0.25rem;
  height: 0.25rem;
  margin: 0 0.15rem !important;
  background: #2878b9;
  opacity: 0.5;

}

.new_product_fenye .swiper-pagination-bullet-active {
  background: #2878b9;
  opacity: 1;
}

.swiper-container-horizontal>.new_product_fenye {
  bottom: 0.1rem !important;
  left: calc(57% + 0.7rem)!important;
  width: auto;
  bottom: 11%!important;
}

.auxiliary_figure_content20{ width: 3.18rem; position: absolute; right: 0; bottom: 0;}
.auxiliary_figure_content20 img{display: block; width: 100%; height: auto;}

@media screen and (max-width:1600px) {
.new_product_title{ margin-bottom: 8%;}
h6.product_more{ margin-top: 10%;}
.new_product_list_right{ margin-top: 8%; padding-left: 12%;}
.auxiliary_figure_content20{ width: 2.6rem;}

.swiper-container-horizontal>.new_product_fenye {
  left: 61.2%!important;
}

}

@media screen and (max-width:1450px) {
.new_product_list_right{ width: 88%; margin-top: 12%;}
}

@media screen and (max-width:1300px) {
.auxiliary_figure_content20{ width: 2.2rem;}
}


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

.new_product_left_content{ width: 100%; box-shadow: none; border-radius: 0; float:none;}
.new_product_list_right_content{ width: 92%; float: none; margin: 0 auto;}
.new_product_list_right{ width: 100%; margin-top: 7vw; padding: 0;}
.new_product_title h3{ text-align:left; background-size: 5.1vw; padding-left: 7vw;}
.new_product_title{ margin-bottom: 4.5vw;}
.new_product_list_right p{display: none;}
.new_product_list_right h4{ border: none; padding: 0; font-size: 3.8vw; line-height: 1.4em;}
h6.product_more{ margin-top: 3vw; font-size: 3.4vw;background-size: 5vw; padding-left: 0; height:5vw; width: 5vw; padding-bottom: 0.2vw;}
h6.product_more span{display: none;}

.auxiliary_figure_content20{ width: 23.3vw;}
.new_product_container{ padding-bottom: 2vw;}



.new_product_content { padding-bottom: 8vw;}
  .new_product_fenye{ padding-bottom: 0.5vw;}
  .new_product_fenye .swiper-pagination-bullet {
     width: 2.5vw;
     height: 2.5vw;
     margin: 0 1.4vw !important;
   }

   .swiper-container-horizontal>.new_product_fenye {
     bottom: 0 !important;
     left: calc(4% - 1.4vw)!important;
     width: 100%;
   }

}


/* about */
.index_about_container{margin-top: -0.9rem; overflow: hidden; width: 100%;}
.index_about_content{ position:relative; padding-bottom: 30px;}
.index_about_left_content{
  width: 42.75%;
  float: left;
 position: relative;
   height: 7.4rem;
   overflow: hidden;
    z-index: 2;
    border-radius: 25px;
    box-shadow: 8px 8px 25px rgba(40,120,185,0.35);

}

.index_about_left_content img{
  display: block;
 height: 100%;
  position: absolute;
   left: 50%;
 transform: translateX(-50%) scale(1);
 -mo-transform: translateX(-50%) scale(1);
 -webkit-transform: translateX(-50%) scale(1);
 -moz-transform: translateX(-50%) 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_about_right_content{ width: 57.5%; padding: 6% 25% 6% 0;position: absolute; left:42.75%; top: calc(50% - 30px);transform: translateY(calc(-50% + 15px)); -ms-transform: translateY(calc(-50% + 15px)); -webkit-transform: translateY(calc(-50% + 15px));-o-transform: translateY(calc(-50% + 15px));-moz-transform: translateY(calc(-50% + 15px));background: linear-gradient(to right, #2878b9, #57c3ea);}

.index_about_right_word{ width: 100%; box-sizing:border-box; padding-left: 10%;}
.index_about_title h3{ color: #fff;}

.index_about_right_content h4{ font-weight: normal; font-size: 0.2rem; line-height:1.4em; color: #fff; overflow: hidden; margin-top: 0.3rem; margin-bottom: 0.32rem;}
.index_about_right_content h4 i{ width: 0.33rem; display:block; float: left;}
.index_about_right_content h4 i img{ width: 100%; height:auto;}
.index_about_right_content h4 span{ float: left; margin: 0.04rem 0 0 0.1rem;}

.index_about_right_content h4:after{
     content:".";
     display:block;
     height:0;
     clear:both;
     visibility:hidden;

}
.index_about_right_content p{ font-size: 0.16rem; color: #fff; line-height: 2em; letter-spacing: 0.6px; text-align: justify;}

h6.about_more{ color: #fff;background: url(../../images/more2.png) no-repeat left center;background-size: 0.27rem;margin-top: 15%;}
h6.about_more:hover{color: #fff;}

@media screen and (max-width:1450px) {
.index_about_left_content img{ height: auto; height: 106%;}
}

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

.index_about_container{ margin-top: 8vw;background: linear-gradient(to right, #2878b9, #57c3ea); box-sizing: border-box; padding: 8vw 0;}

.index_about_content{padding-bottom: 0;}

.index_about_left_content{ width: 100%; border-radius: 2.5vw;box-shadow: 0.6vw 0.6vw 2.5vw rgba(40,120,185,0.25); height: auto; float: none;}

.index_about_left_content img{ position: static; transform: translateX(-50%) scale(1);
  -mo-transform: translateX(0) scale(1);
  -webkit-transform: translateX(0) scale(1);
  -moz-transform: translateX(0) scale(1);
width: 100%; height: auto;
}

.index_about_right_content{ padding: 0; background: none; position: static; width: 100%; 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_right_word{ padding: 0;}
.index_about_title{ margin-top: 6vw; text-align: left;}
.index_about_right_content h4{ font-size: 4vw;margin-top: 3.5vw; margin-bottom: 3.5vw;}
.index_about_right_content h4 i{ width: 4vw;}
.index_about_right_content h4 span{margin: -0.8vw 0 0 1.2vw;}
.index_about_right_content p{ font-size: 3.45vw; line-height: 1.65em; letter-spacing: 0;}
h6.about_more{ background-size: 5vw;margin-top: 6vw;}
}


/* news */
.index_news_container{ margin-top: 5%;}

.index_news_list_nav{ margin-top: 3.5%;}
.index_news_list_nav ul{display:table; margin: 0 auto;}
.index_news_list_nav ul li{float: left;cursor: pointer;margin: 0 0.25rem; border-bottom: 8px solid transparent; padding: 0 0.2rem 0.1rem;}

.index_news_list_nav ul li i{ display:block; height: 0.35rem; float: left; overflow: hidden;}
.index_news_list_nav ul li i img{display: block; height: 100%;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}
.index_news_list_nav ul li i img.index_news_duo{ margin-top: 0.1rem;}
.index_news_list_nav ul li h3{ font-size: 0.28rem; line-height: 1.4em; color: #565656; font-weight: normal;font-family: "SourceHanSans-Bold"; float: left;margin: -0.02rem 0 0 0.13rem;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }

.index_news_list_nav ul li.cur{border-bottom: 8px solid #23a197;}
.index_news_list_nav ul li.cur h3{ color: #23a197;}
.index_news_list_nav ul li.cur i img.index_news_hei{margin-top: -0.45rem;}


.index_news_list_bottom_content{ margin-top: 5%;}

.index_news_list_bottom{ padding-bottom: 5px;}
.index_news_list_bottom ul{display: -webkit-flex;display: flex; }
.index_news_list_bottom ul li{ float: left; width: 31.66%; margin: 0 2.5% 0 0; padding-bottom: 3%; border-bottom: 1px solid #9c9c9c;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}
.index_news_list_bottom ul li:nth-child(3n){ margin-right: 0;}

.index_news_img{ width: 100%; border-radius: 10px; overflow: hidden; height: 0; padding-bottom: 61.36%;}
.index_news_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;}
.index_news_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;}

.index_news_list_bottom ul li h6{ font-weight:normal; font-size: 0.14rem; color: #797979; background: url(../../images/date_icon.png) no-repeat left center; background-size: 0.19rem; padding-left: 0.26rem; margin-top: 0.3rem;line-height: 1.5em;}

.index_news_list_bottom ul li h3{ font-weight: normal; font-size: 0.18rem; color: #333333; line-height: 1.66em;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;overflow: hidden; margin-top: 0.12rem;}

.index_news_list_bottom ul li p{ width: 0.33rem; height: 0.11rem; background: url(../../images/more3.png) no-repeat center center; background-size: 100%; margin-top: 0.25rem;}
.index_news_list_bottom ul li:hover{border-bottom: 1px solid #23a197;}
.index_news_list_bottom ul li:hover p{background: url(../../images/more33.png) no-repeat center center;background-size: 100%;}
h6.news_more{ margin-top: 0.4rem; float:right;}

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

.index_news_container{ margin-top: 0;}
.index_news_list_nav ul li h3{ font-size: 3.5vw; margin: -0.6vw 0 0 1.5vw;}
.index_news_list_nav ul li i{ height: 3.5vw;}
.index_news_list_nav ul li i img.index_news_duo{ margin-top: 1vw;}
.index_news_list_nav ul li.cur i img.index_news_hei {margin-top: -4.5vw;}
.index_news_list_nav ul li{ padding: 0 1.7vw 1vw;border-bottom: 0.8vw solid transparent; margin: 0 2vw;}
.index_news_list_nav ul li.cur{border-bottom: 0.8vw solid #23a197;}
.index_news_list_nav{ margin-top: 6vw;}


.index_news_list_bottom_content{ margin-top: 7vw;}
.index_news_list_bottom{ padding-bottom: 0.5vw;}
.index_news_list_bottom ul{display: block;}
.index_news_list_bottom ul li:nth-child(n+2){ margin-top: 5vw;}
.index_news_list_bottom ul li{ width: 100%; margin: 0; padding-bottom: 4vw;}
.index_news_list_bottom ul li h6{ font-size: 3.2vw; background-size: 3vw; padding-left: 4vw; margin-top: 2.5vw;}
.index_news_list_bottom ul li h3{-webkit-line-clamp: 10; font-size: 3.5vw; line-height: 1.5em; margin-top: 2.6vw;}

.index_news_list_bottom ul li p{ width: 3.3vw; height: 1.1vw; margin-top: 3vw;}

h6.news_more{display: none;}
}

/* media channel */
.index_media_container{ width: 100%; height: 2.2rem; background:url(../../images/qudao_bg.jpg) no-repeat center center; background-size: cover; border-bottom: 10px solid #57c3ea;}

.index_media_sell_container{ width: 50%; box-sizing: border-box; height: 2.2rem; border-right: 1px solid rgba(255,255,255,0.4); float: left;
display: flex;
      display: -webkit-flex;
      display: -ms-flex;
      align-items: center;
      justify-content: center;
}

.index_media_sell_container:first-child{border-left: 1px solid rgba(255,255,255,0.4);}

.index_media_sell_title{ overflow: hidden;float: left; margin: 0.07rem 0.5rem 0 0;}
.index_media_sell_title h3{ font-size: 0.42rem;color: #fff; line-height: 1.4em;}
.index_media_sell_title h3 i{ height: 0.45rem; display: block; float: left;}
.index_media_sell_title h3 i img{display: block;height: 100%; width: auto;}
.index_media_sell_title h3 span{ float: left; margin: -0.09rem 0 0 0.17rem;}


.weixin_list{ float: left;}
.weixin_list ul li {
  width: 0.54rem;
  float: left;
  margin-left: 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: -100%;
  bottom: 0.5rem;
  display: none;
}
.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: #23a197;
  font-size: 0.15rem;
  line-height: 1.5em;
  text-align: center;
  padding: 0 0 0.05rem;
}
.weixinblock{ display: block;}

@media screen and (max-width:1300px) {
.index_media_sell_title{ margin: 0.07rem 0.5vw 0 0;}
.index_media_sell_title h3 span {
    margin: -0.09rem 0 0 0.1rem;
}

}

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

.index_media_container{ height: 30vw; border-bottom: 1vw solid #57c3ea;display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    align-items: center;
}
.index_media_sell_container{border: none; height: auto; width: 100%; display: block;}
.index_media_sell_container:first-child{border: none; margin-bottom: 5.5vw;}

.index_media_sell_title h3{ font-size: 4.2vw;}
.index_media_sell_title h3 i{ height: auto; width: 5.2vw;}
.index_media_sell_title h3 i img{ height: auto; width: 100%;}
.index_media_sell_title h3 span{margin: -0.8vw 0 0 1.8vw;}
.index_media_sell_title{margin: 0.6vw 4.3vw 0 0;}

.weixin_list ul li {
  width: 5.4vw;
  margin: 0 0 0 1.7vw;
}

.weixin_code_content {
  bottom: 5.4vw;
  left: -10vw;
  z-index: 2;
  padding-bottom: 1vw;
}

.weixin_code p{display: none;}
.weixin_code {
  width: 25vw;
}

}



/* footer */
.footer_container {
  width: 100%;
  background:#2878b9;
  box-sizing: border-box;
  padding-top: 0.8rem;
}

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

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

.footer_content_left img.m_logo {
display: none;
}


.footer_contact_main{  background: url(../../images/footer_call.png) no-repeat left center;
  background-size: 0.52rem;
  padding-left: 0.6rem;}

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

.footer_contact_main h3 {
  font-weight: normal;
  font-size: 0.32rem;
  color: #fff;
  line-height: 1.2em;
}

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

.footer_contact p a {
  color: #fff;
}
.contact_bottom_icon{ margin-top: 0.2rem;}



.footer_nav {
    float: right;
    display: -webkit-flex;
  display: flex;
  width: 59%;
  justify-content: space-between;
}

.footer_nav ul li {
  font-size: 0.14rem;
  line-height: 1.3em;
  margin-top: 0.15rem;
}
.footer_nav ul li:first-child{ font-size: 0.16rem; margin-top: 0; margin-bottom: 0.27rem;}

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

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

.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:1300px) {
.footer_content_left img.footer_logo{height: 0.48rem;}
}

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

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

  .footer_content_left img.footer_logo {
    margin: 0;
    height: auto;
    width: 51.8vw;
  }
  .footer_content_left img.pc_logo {
   display: none;
  }
  .footer_content_left img.m_logo {
   display:block;
  }

.footer_contact{ margin-top: 8vw;}
  .footer_contact_main{
    background: none;
  background-size: 0.52rem;
  padding-left: 0;}

  .footer_contact_main h6 {
    font-size: 2.8vw;
    margin-bottom: 1vw;
    line-height: 1.1em;
  }

  .footer_contact_main h3 {
     background: url(../../images/footer_call.png) no-repeat left center;
    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: 2.5vw;
  }

  .footer_contact p span{ display: none;}
  .footer_contact p:first-child{ background: url(../../images/footer_icon1.png) no-repeat left top; background-size: 4vw; padding-left: 6.5vw;}
.footer_contact p:first-child + p{ background: url(../../images/footer_icon2.png) no-repeat left top; background-size: 4vw; padding-left: 6.5vw;}

.contact_bottom_icon{ margin-top: 3.5vw;}


  .footer_nav {
    width: 100%;
    float: none;
    margin-top: 6vw;
     display: block;
  }


  .footer_nav ul{
    width: 33.33%;
    font-family: "SourceHanSans-Regular";
    margin-top: 3vw;
    float: left;
  }

  .footer_nav ul li {
    display: none;
  }
  .footer_nav ul li:first-child {
    display: block;
      font-size: 3.4vw;
      margin: 0;
    text-align: center;
  }

  .footer_link {
    display: none;
  }

  .footer_line {
    margin-top: 8vw;
  }

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