@charset "utf-8";

* {
  margin: 0;
  padding: 0;
}

.clear {
  clear: both;
}

img {
  border: none;
}

ul, li {
  list-style: none;
}

a {
  text-decoration: none;
}

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

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

/*10*/
body a {
  outline: none;
  blr: expression(this.onFocus=this.blur());
}
/*
@font-face {
  font-family: "SourceHanSans-Regular";
  src: url("../../font/Source-Han-Sans-Regular.woff") format("woff"),
    url("../../font/Source-Han-Sans-Regular.eot") format("embedded-opentype"),
    url("../../font/Source-Han-Sans-Regular.otf") format("opentype");
}

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

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

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


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

  /*9*/
}

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

  /*8*/
}

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

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

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

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

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

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

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

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


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

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

}

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

/* base title */
.index_title_content_green{ position: relative;}
.index_title_content_green h3 {
  font-weight: normal;
  font-family: "SourceHanSans-Bold";
  color: #00a29a;
  font-size: 0.56rem;
  line-height: 1.4em;
}

.index_about_title h3{font-size: 0.45rem;}
.inside_title h3{ font-size: 0.52rem;}
.supply_title h3{font-size: 0.4rem;}

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

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

.index_title_content_green p{ color: #666666; font-size: 0.2rem;line-height: 1.5em; margin-top: 0.08rem;}
h5.more{  font-weight: normal;
  font-family: "SourceHanSans-Bold";
  color: #00a29a;
  font-size: 0.17rem;
  letter-spacing: 0.4px; position: absolute;right: 0;bottom: 0; line-height: 1.5em;}
h5.more a{display: block; color: #00a29a;transition-duration: .5s;
  -ms-transition-duration: .5s;
  -moz-transition-duration: .5s;
  -webkit-transition-duration: .5s;}
h5.more a:hover{color: #0d57a7;}

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

 .index_about_title h3{font-size: 0.4rem;}
}


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

  .index_title_content_green {
    margin-top: 8vw;
    text-align: center;
  }
  .en_title_content h3{ float:none; text-align: center;}
  .en_title{display: none;}

  h5.more{font-size: 3.5vw;}
  .inside_title h6{ display: none;}
}


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

 .top_container img.logo {
  height: 1.5rem;
  width: auto;
  float: left;
  margin: -0.05rem 0 0 0;
  transition-duration: .5s;
  -ms-transition-duration: .5s;
  -moz-transition-duration: .5s;
  -webkit-transition-duration: .5s;
}

.top_right_container{ float: right;}

/* top_tool */
.top_tool {
  float: right;
  background: #099892;
  height: 0.5rem;
  padding-right: 2000px;
  margin-right: -2000px;
  overflow: hidden;
  border-radius: 0 0 0 20px;
  width: 100%;
}
.top_tool_content {
  position: relative;
}

.top_tool_left{ float: left; margin: 0.12rem 0 0 0.55rem;}

.top_tool_left a{ font-size: 0.16rem; line-height: 1.5em; color: #fff;  float: left; display: block;}
.top_tool_left span {
  width: 1px;
  height: 0.1rem;
  background: rgba(255, 255, 255, 0.5);
  float: left;
  margin: 0.09rem 0.2rem 0;
}
.top_tool_left span:last-child{display: none;}


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

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

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



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

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

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

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

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

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

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

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

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


.nav {
  float: right;
}

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

.nav ul li a {

  color: #333333;
  line-height: 0.9rem;
  display: block;
  height: 0.9rem;
  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: 5px solid transparent;

}

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

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

  .nav ul li {
 margin-left: 4.5vw
  }
  .nav ul li:first-child{ margin-left: 2.5vw;}
  .top_tool_left{ margin-left: 2.5vw;}
}


@media screen and (max-width:1300px) {
.top_tool_left a:last-child{display: none;}
.top_tool_left a:first-child+span+a+span+a+span+a,.top_tool_left a:first-child+span+a+span+a+span{display: none;}
.nav ul li{margin-left: 3.5vw;}
}

.fixedhead {
  top: -200px;
}

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

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

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

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

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

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

}

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


.top_dh img.nav_close {
  display: none;
}

.moguanbi img.nav_close {
  display: block;
}

.moguanbi img.nav_open {
  display: none;
}

.header2 .mobile_logo {
  display: block;
  float: left;
  text-align: center;
  color: #FFF;
  font-weight: normal;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

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

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

.nav_bg_m2 {
  right: 0;
}

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

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

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

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

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

  .header2 {
    display: block;
  }
}

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

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

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

.fixedheadm {
  top: -13vw;
}

/*banner*/

.banner_content{ width: 100%; margin-top: 1.4rem;}
.banner img{ display: block; width: 100%; height: auto;}
.banner img.m_banner{display: none;}

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

}

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

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


@media screen and (max-width:1024px) {
  .banner_content{ margin-top: 13vw;}
  .banner img.pc_banner{display: none;}
  .banner img.m_banner{display:block;}

  .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*/
/* pc product */

.product_container {
  width: 100%;
  margin-top: 5.7%;
}

.product_list_container {
  width: 100%;
  margin-top: 3%;
}
        /* product nav */
.product_list_nav_content{ width: 100%; position:relative;}
.product_list_nav_content a{
	color: #00a29a;
}
.product_list_nav_content .active a, .product_list_nav_content li:hover a{
	color: #ffffff;
}
.product_line{ width: 100%; height: 2px; background: #e7e7e7; position: absolute; left: 0; top: 50%;transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%);-o-transform: translateY(-50%);-moz-transform: translateY(-50%);}
.product_list_nav{ position: relative;z-index: 2;}
.product_list_nav ul { display: -webkit-flex;
  display: flex;
  justify-content: space-between;}
.product_list_nav ul li{cursor: pointer; width: 14%; float: left;line-height: 1.3em; padding: 0.15rem 0; box-sizing: border-box; text-align: center; border-radius: 10px;font-family: "SourceHanSans-Bold";
    color: #00a29a; font-size: 0.18rem;  transition-duration: .5s;
      -ms-transition-duration: .5s;
      -moz-transition-duration: .5s;
      -webkit-transition-duration: .5s;
      background: linear-gradient(to right, #eceded, #eceded);
      display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    align-items: center;
    justify-content: center;
    }

.product_list_nav ul li.active,.product_list_nav ul li:hover{background: linear-gradient(to right, #00a29a, #0d57a7); color: #fff;}
         /* product word */
.product_list_bottom_content{ margin-top: 3%;}
.product_list_bottom_word{ position: relative;}

.product_list_bottom .swiper-slide{ overflow:hidden;}

.product_list_botton_right{ width: 68%; float: right;}
.product_list_botton_right ul li{ width: 45%; float: left; margin-left: 5%; border-radius: 10px; overflow: hidden;}
.product_list_botton_right ul li 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_list_botton_right ul li: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_list_bottom_left_container{ width: 32%; position: absolute; left: 0; top: 0; height: 100%; border-radius: 0 10px 10px 0;  background-position: center;
  background-size: cover; overflow: hidden;padding-left: 400px; margin-left: -400px;}

.product_list_bottom_left_content{ width: 100%; height: 100%; background: rgba(0, 162, 154, 0.9);padding-left: 400px; margin-left: -400px;display: flex;
    display: -webkit-flex;
    display: -ms-flex;    align-items: center;}
.product_list_word{ box-sizing: border-box; padding-right: 0.5rem;}
.product_list_word h3{ font-weight: normal;font-family: "SourceHanSans-Bold"; font-size: 0.26rem; line-height: 1.3em; color: #fff; border-left:10px solid #eeeeee; box-sizing: border-box; padding-left: 0.16rem; margin-bottom: 0.34rem;}
.product_list_word p{ font-size: 0.16rem; line-height: 1.7em; color: #fff;}
h6.more{ font-weight:normal; font-size: 0.15rem; line-height: 1.3em; font-family: "SourceHanSans-Bold"; letter-spacing: 0.4px; margin-top: 0.7rem;}
h6.more a{color: #fff;}

@media screen and (max-width:1450px) {
  .product_list_bottom_left_content{ padding-left: 20%; margin-left: -20%;}
  .product_list_bottom_left_container{padding-left: 20%; margin-left: -20%;}
}


/* mobile product */
.mobile_product_list_container {
  display: none;
  position: relative;
  padding-bottom: 11vw;
}

.mobile_product_content {
  padding: 9vw 0;
}

.mobile_product_content .swiper-slide img {
  display: block;
  width: 100%;
  height: auto;
}

.mobile_product_content .swiper-slide .mobile_product_content_img {
  width: 100%;
  overflow: hidden;
  border-radius: 0.55vw;
  position: relative;
}

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

.mobile_product_word_content a {
  display: none;
}

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

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

.mobile_product_content .swiper-slide-active .mobile_product_word_content a, .main_business_content .swiper-slide-duplicate-active .mobile_product_word_content a {
  width: 100%;
  padding: 1.3vw 0.5vw;
  box-sizing: border-box;
  background: rgba(0, 162, 154, 0.8);
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
}

.mobile_product_content .swiper-slide-active .mobile_product_word_content h3, .main_business_content .swiper-slide-duplicate-active .mobile_product_word_content h3 {
  font-weight: normal;
  font-size: 2.8vw;
  text-align: center;
  line-height: 1.3em;
  color: #fff;
  font-family: "SourceHanSans-Bold";
}

.mobile_product_content .swiper-slide-active .mobile_product_word_content, .main_business_content .swiper-slide-duplicate-active .mobile_product_word_content {
  background: none;
}

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

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

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

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

  .mobile_product_list_container {
    display: block;
    margin-top: 6vw;
  }

  .product_list_container {
    display: none;
  }

  .more {
    display: none;
  }
}


/* publicize */
.publicize_container{ position: relative;}
.publicize_container_left{ width: 50%; float: left; overflow: hidden;}
.publicize_container_left img{ width: 100%; height: auto; }
.publicize_container_left img.pc_img{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;}
.publicize_container_left:hover img.pc_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;}

.publicize_container_right{ position: absolute; width: 50%; position: absolute; right: 0; background: url(../../images/quality_right.jpg) center center; background-size: cover; height: 100%;display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    align-items: center;}
.publicize_right_content{ width: 690px; box-sizing:border-box; padding-left: 0.85rem; }

.publicize_right_content h3{ font-size: 0.36rem; line-height: 1.3em; color: #fff;font-family: "SourceHanSans-Bold"; font-weight: normal; margin-bottom: 0.2rem;}
.publicize_right_content ul li{ width: 100%; overflow: hidden; margin-top: 0.3rem;}
.publicize_right_content ul li i{ width:auto; height: 0.4rem; display: block; float: left;}
.publicize_right_content ul li i img{ display: block; height: 100%; width: auto;}
.publicize_right_content ul li h4{ float: left;font-family: "SourceHanSans-Bold"; font-weight: normal; font-size: 0.4rem; line-height: 1.1em; color: #fff;margin: -0.03rem 0 0 0.22rem;}
.publicize_right_content ul li p{ color: #fff; font-size: 0.2rem; line-height: 1.3em; float: left;margin: 0.12rem 0 0 0.2rem;}

@media screen and (max-width:1610px) {
.publicize_right_content h3{margin-bottom: 0.25rem;line-height: 1.2em;}
.publicize_right_content ul li{margin-top: 0.15rem;}
}
@media screen and (max-width:1450px) {
.publicize_right_content{width: 90%;
    padding-left: 10.5%;}
}

@media screen and (max-width:1200px) {
.publicize_right_content h3{margin-bottom: 0.2rem;}
.publicize_right_content ul li{margin-top: 0.13rem;}
}
@media screen and (max-width:1024px) {
.publicize_container_left{ width:92%; margin: 8vw auto 0; float:none;border: 6px solid #00a29a; overflow: hidden;border-radius: 1vw; }
.publicize_container_left img.mobile_img{ width: 100%; }

.publicize_container_right{ width: 100%; position: static; left: 0; top: 0; background:#00a29a; box-sizing: border-box; padding: 48vw 0 4vw 0; margin-top: -44vw;}
.publicize_right_content{ width: 92%; padding: 0; margin: 0 auto;}
.publicize_right_content h3{ display: none;}


.publicize_right_content ul{display: flex;}
.publicize_right_content ul li{box-sizing:border-box; border-left: 1px solid rgba(255,255,255,0.4); margin-top: 0; float: left; width: 33.33%;box-sizing: border-box;
    padding: 0 2vw;}
.publicize_right_content ul li i{ height: 5.5vw; float: none;}
.publicize_right_content ul li h4{ font-size: 5.6vw; margin:1vw 0 0 0; float: none;}
.publicize_right_content ul li p{ font-size: 3.5vw; float: none; margin: 0.5vw 0 0 0;}
.publicize_right_content ul li:first-child{border-left: none; padding-left:0;}
.publicize_right_content ul li:nth-child(2){ display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    justify-content: center; }
.publicize_right_content ul li:nth-child(3){ display: flex;
        display: -webkit-flex;
        display: -ms-flex;
        justify-content: flex-end; padding-right:0;}


}

/* technology */
.technology_container{ width: 100%; box-sizing: border-box; padding: 5.7% 0; background: #f9f9f9;}

.technology_content{ background: #fff; box-shadow:0 0 20px rgba(0,162,154,0.34); border-radius: 10px; margin-top: 3%;}

.technology_content .swiper-slide-active .technology_word_content{ border-left: 1px solid transparent;}

.technology_word_content{ width: 100%; height: 2.4rem; box-sizing:border-box; border-left:1px solid #e8e7e7;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; position: relative; padding: 0.2rem 0.28rem; background: #fff;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}
.technology_img{ width: 0.5rem; overflow: hidden; height: 0.5rem; position: relative;}
.technology_img img{ display: block; width: 0.5rem; height: auto; position: absolute;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}
.technology_img img.cai_icon{ left: 0; top: 0;}
.technology_img img.white_icon{ left: 0.7rem; top: 0;}

.technology_word_content:hover .technology_img img.cai_icon{ left: -0.7rem;}
.technology_word_content:hover .technology_img img.white_icon{ left: 0;}

.technology_word_content h3{ font-weight: normal;font-family: "SourceHanSans-Bold"; font-size: 0.2rem; line-height: 1.1em; color: #666666; margin-top: 0.12rem;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}
.technology_word_content h6{ width: 0.54rem; height: 0.29rem; background: url(../../images/jiantou1.png) no-repeat center center; background-size: 100%; position: absolute; right: 0.25rem; bottom:0.3rem; }

.technology_word_content:hover{ background:#00a29a;}
.technology_word_content:hover h3{ color: #f6f6f6;}
.technology_word_content:hover h6{background: url(../../images/jiantou2.png) no-repeat center center; background-size: 100%; }



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

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

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

@media screen and (max-width:1024px) {
  .technology-page .swiper-pagination-bullet {
    width: 2.5vw;
    height: 2.5vw;
    margin: 0 1.4vw !important;
  }

  .technology_container{ padding: 0; overflow: hidden; background: none;}
  .technology_content{ margin-top: 6vw; box-shadow:0 0 2vw rgba(0,162,154,0.34); border-radius: 1vw;}
  .technology-page{ margin-top: 6vw;padding-bottom: 0.5vw;}
  .technology_word_content{ height: 38vw;    padding: 3vw 2vw 4vw;}
  .technology_img{ width: 8vw; height: 8vw;}

  .technology_img img{width: 7.5vw;}
  .technology_img img.cai_icon{ left: 0; top: 0;}
  .technology_img img.white_icon{ left: 10vw; top: 0;}

  .technology_word_content:hover .technology_img img.cai_icon{ left: -10vw;}
  .technology_word_content:hover .technology_img img.white_icon{ left: 0;}
  .technology_word_content h3{ font-size: 3.6vw; margin-top: 0.5vw;    line-height: 1.2em;}

  .technology_word_content h6{ width: 6vw; height: 3.2vw; right: 3vw; bottom:3vw; }
  .technology_word_content:hover h6{background: url(../../images/jiantou2.png) no-repeat center center; background-size: 100%; }

}

/* expert */
.expert_content{ margin-top: 3%;}
.expert_title h3{ line-height: 1.25em;}

.expert_content ul{ display: -webkit-flex;
    display: flex; }
.expert_content ul li{ width: 32%; float:left; margin: 0 2% 0 0; border-radius: 10px; background: #fff;box-shadow: 0 0 18px rgba(0,162,154,0.34); box-sizing: border-box; padding: 0.3rem;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}
.expert_content ul li:nth-child(3n){ margin-right: 0;}

.expert_img{ width: auto; height: 0.44rem;}
.expert_img img{ display: block; height: 100%; width: auto;}
.expert_img img.expert_icon2{display: none;}

.expert_content ul li h3{ color: #00a29a; font-size: 0.24rem; line-height: 1.3em; font-weight: normal;font-family: "SourceHanSans-Bold"; margin-top: 0.16rem; margin-bottom: 0.1rem;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}
.expert_content ul li p{ color: #636363; font-size: 0.16rem; line-height: 1.5em;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}

.expert_content ul li:hover img.expert_icon2{display:block;}
.expert_content ul li:hover img.expert_icon1{display:none;}
.expert_content ul li:hover{ background: #00a29a;}
.expert_content ul li:hover h3{ color: #fff;}
.expert_content ul li:hover p{color: #fff;}

h5.expert_more{display: none;}

@media screen and (max-width:1024px) {
.expert_title h3 br{display: none;}
.expert_container{ width: 100%; background: #f8f8f8; overflow: hidden; margin-top: 8vw; padding-bottom: 8vw;}
.expert_content{ margin-top: 6vw;}
.expert_content ul{ -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap:wrap;}
.expert_content ul li{ width: 100%; margin: 0; padding: 0; border-radius: 1vw;box-shadow: 0 0 1.8vw rgba(0,162,154,0.34); overflow: hidden; position: relative;}
.expert_content ul li:nth-child(n+2){ margin-top: 3vw;}

.expert_content ul li img.expert_icon1{display:none;}
.expert_content ul li img.expert_icon2{display:block; margin: 0 auto;}
.expert_content ul li:hover{ background: #fff;}
.expert_content ul li:hover h3{ color: #fff;}
.expert_content ul li:hover p{color: #636363;}

.expert_content ul li h3{ color: #fff; text-align: center; font-size: 3.5vw; margin: 1.2vw 0 0;line-height: 1.2em;}
.expert_img_left{ width: 24vw; float:left;background: #00a29a; box-sizing: border-box; padding: 5.5vw 1vw;}
.expert_img{ height: 6.6vw;}

.expert_word{ width: 66vw; position: absolute; right: 0; top: 0; height: 100%; padding: 0 2vw;box-sizing: border-box;display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    align-items: center;}
.expert_content ul li p{ font-size: 3.5vw; color: #333333; line-height: 1.2em;}

h5.expert_more{ display: block; position: static; text-align: center; margin-top: 5.5vw;}

}


/* about */
/* brief introduction */
.about_container {
  width: 100%;
}

.about_content {
  width: 100%;
  background: #f9f9f9;
}

.about_content_left {
  width: 50%;
  float: left;
  position: relative;
  height: 6.5rem;
  overflow: hidden;
  z-index: 2;
}

.about_content_left img.pc_about_img {
  display: block;
  height: 100%;
  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;
  position: absolute;
  left: 50%;
}

.about_content_left:hover img.pc_about_img {
  transform: translateX(-50%) scale(1.1);
  -webkit-transform: translateX(-50%) scale(1.1);
  -moz-transform: translateX(-50%) 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;
}

.about_content_left img.m_about_img {
  display: none;
}

.about_content_right {
  width: 690px;
  float: left;
  box-sizing: border-box;
  padding-left: 60px;
  margin-top: 0.7rem;
}



.about_content_right h4 {
  font-size: 0.2rem;
  color: #565656;
  line-height: 1.5em;
  margin-top: 0.2rem;
  margin-bottom: 0.2rem;
}

.about_content_right p {
  font-size: 0.16rem;
  line-height: 1.6em;
  color: #636363;
  letter-spacing: 0.3px;
  text-align: left;
}

.about_bottom_line {
  display: none;
}

.about_content_left2 {
  display: none;
}

h5.about_more{ position: static; margin-top: 0.4rem; font-size: 0.15rem;}


@media screen and (max-width:1450px) {
  .about_content_right {
    width: 45%;
    padding-left: 0.6rem;
    margin-top: 4%;
  }
}

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

  .about_title{ margin-top: 6vw;}

  .about_content_left img.pc_about_img {
    display: none;
  }

  .about_content_left img.m_about_img {
    display: block;
  }

  .about_content {
    margin-top: 8vw;
    background: none;
    box-sizing: border-box;
  }

  .about_bottom_line {
    width: 100%;
    height: 2vw;
    background: linear-gradient(to right, rgba(0, 162, 154, 1), rgba(13, 87, 167, 1));
    margin-top: 8vw;
    display: block;
  }

  .about_content_left {
    width: 92%;
    float: none;
    margin: 0 auto;
    border-radius: 1vw;
    overflow: hidden;
    box-shadow: 1vw 1vw 2.5vw rgba(0, 162, 154, 0.28);
    height: auto;
  }

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

  .about_content_right {
    width: 92%;
    float: none;
    margin: 0 auto;
    padding: 0;
  }

  .about_content_right h4 {
    font-size: 4vw;
    text-align: center;
    margin: 3vw 0;
  }
  .about_content_right h4 span{display: block;}

  .about_content_right p {
    font-size: 3.5vw;
    line-height: 1.65em;
  }

h5.about_more{ display:block; font-size: 3.5vw; text-align: center; margin-top: 5vw;}
}

/* news */
.news_content_list{ margin-top: 3%;}
.news_content_list ul{display: -webkit-flex;
display: flex;}
.news_content_list ul li{ width: 22.75%; margin: 0 3% 0 0; float: left;}
.news_content_list ul li:nth-child(4n){ margin-right:0;}
.news_content_list ul li h3{ color: #333333;font-size: 0.18rem; line-height: 1.7em; font-weight: normal; height: 5.1em; overflow: hidden;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}
.news_content_list ul li h6{ font-weight: normal;  font-size: 0.15rem; color: #949393; margin-top: 0.28rem;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}

.news_line{ width: 100%; position: relative; margin-top: 0.2rem;}
.news_line1{ width: 100%; height:2px; background: #e2e2e2;}
.news_line2{ width: 0; height: 2px; position: absolute; left: 0; top: 0; z-index: 1;background: #00a29a;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}

.news_content_list ul li:hover .news_line2{ width: 100%;}
.news_content_list ul li:hover h3{ color: #00a29a;}
.news_content_list ul li:hover h6{ color: #00a29a;}
.news_more{display: none;}

@media screen and (max-width:1024px) {
.news_content_list{ margin-top: 6vw;}
.news_content_list ul{display: block;}
.news_content_list ul li{ width: 100%; float: none; border-radius: 1vw; box-shadow: 0 0 1.8vw rgba(0, 162, 154, 0.34); box-sizing: border-box; padding: 4.5vw 3vw;}
.news_content_list ul li:nth-child(n+2){ margin-top: 3.5vw;}

.news_content_list ul li h3{ line-height: 1.3em; font-size: 4vw; height: auto;}
.news_content_list ul li h6{ font-size: 3.2vw; margin-top: 3.5vw;}
.news_line{ display: none;}
.news_more{display: block;}
}


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

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

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

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

.weixin_list {
  margin-top: 0.22rem;
}

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

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

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

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

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


.weixinblock{ display: block;}

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

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

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

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

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



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

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

}

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

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

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

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

.footer_link p a {
  color: #fff;
}

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

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

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

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

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

.coryright p a {
  color: #fff;
}

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

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

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

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

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

@media screen and (max-width:1024px) {
  .footer_container {
    padding-top: 8vw;
      background: linear-gradient(to bottom right, rgba(0, 162, 154, 1), rgba(13, 87, 167, 1));
  }

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

  .footer_content_left p {
    display: none;
  }

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

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

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

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

.contact_bottom_icon p span{overflow: hidden;display: block;}

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