@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("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");
}

/*
@font-face {
  font-family: "SourceHanSans-Regular";
  src:url("../font/Source-Han-Sans-Regular.woff2") format('woff2'),
      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.woff2") format("woff2"),
       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");
}
*/

/*@media screen and (max-width:1690px) {
  html {
    font-size: 593.75%;
  }

}*/

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

  /*9*/
}

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

  /*8*/
}

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

  /*7.5*/
}

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

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

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

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

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

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

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

.index_container_public{  width: 1380px;
  margin: 0 auto;}

.index_container_nav{ width: 1460px; margin: 0 auto;}



.index_container_1000{
  width: 1000px;
  margin: 0 auto;
}

.top_mag_bottom{
  margin-top: 4%;
}

.top_mag, .top_mag_w {
  margin-top: 5%;
}

.top_mag_m {
  margin-top: 3%;
}


img.pc_img{display: block;}
img.mobile_img{ display:none;}
.index_title_content{ margin-bottom: 0.55rem;}
.index_title_content_nomag{ margin-bottom: 0;}
.index_title_content h3{font-size: 0.4rem; color: #1b1a1a;line-height: 1.4em; font-weight: normal;}
.index_title_content p{ font-size: 0.25rem; color: #c0965b; line-height: 1.3em;}
.index_title_content_in h3{ font-size: 0.4rem; color: #1b1a1a;line-height: 1.4em; font-weight: normal;}
.index_title_content h5{ width: 0.3rem; height: 0.025rem; background: #c0965b; margin: 0.2rem 0 0;}


.inside_title h3{ font-size: 0.3rem; color: #c0965b; line-height: 1.6em;}
.inside_title p{ font-size: 0.24rem;}

.inside_about_title h3{ color: #393939;}


.inside_title45 h3{ font-size: 0.45rem; color: #1b1a1a; line-height: 1.6em;}
.inside_title45 p{ font-size: 0.25rem;}
.inside_title45 h5{width: 0.38rem;}



.index_word_content p{
    font-size: 0.19rem;
    line-height: 1.53em;
    color: #333; text-indent: 2em;}
.index_word_18content p{
        font-size: 0.18rem;
        line-height: 1.66em;
        color: #a8a8a8;}
.index_word_content p:first-child{ margin-top: 0;}
.white_word_content p{ color: #fff;}
.index_word_16content p{  font-size: 0.16rem; color: #666666; line-height: 2em;}
.index_word_21content p{
        font-size: 0.21rem;
        line-height: 1.9em;
        color: #333;}

.index_word_20content p{
                font-size: 0.2rem;
                line-height: 1.6em;
                color: #333;}
.index_word_24content p{
font-size: 0.24rem;line-height: 1.6em;                                color: #3e3e3e;}
.index_word_24content p img,.index_word_24content img{ max-width: 100%!important; height: auto!important;}


.center_word_content p{ text-align: center;}

.white_title h3,.white_title p{ color: #fff;}
.white_title h5{ background: #fff;}
.center_title{ text-align:center;}
.center_title h5{ margin: 0.2rem auto 0;}

@media screen and (max-width:1550px) {
.index_container_nav{ width: 90%;}

}

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

  .index_container_public{ width: 90% !important;}
}

@media screen and (max-width:1300px) {
  .index_container {
    width: 80%;
  }
}

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

@media screen and (max-width:1024px) {
/*.index_title_content h3{ font-size: 0.57rem;}*/
/*.index_title_content{ margin-bottom: 0.3rem;}*/
.inside_title45 h3{ font-size: 0.45rem;}
}

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

  .index_container_1000{
  width: 92% !important;
  }

  .index_container {
    width: 92% !important;
  }
  .index_container_public{ width: 92% !important;}

  .index_container_nav{ width: 92%!important;}


  .top_mag {
   margin-top: 0;
 }

 .top_mag_w {
   margin-top: 8vw;
 }

 .top_mag_m {
   margin-top: 6vw;
 }

  img.pc_img{display: none;}
  img.mobile_img{ display:block;}
  .index_title_content h3,.inside_title45 h3,.index_title_content_in h3{ font-size: 6.25vw;}
/*  .index_title_content{ margin-bottom: 4vw;}*/
  .left_title{text-align: left;}
  .index_title_content p,.inside_title45 p{ font-size: 3vw;}
  .index_title_content h5,.inside_title45 h5{ width: 4.75vw; height: 0.375vw; margin-top: 2.5vw;}


  .index_word_content p,.index_word_16content p,.index_word_18content p{ font-size: 3.3vw!important;}
  .index_word_21content p,.index_word_20content p,.index_word_24content p{ line-height: 1.53em;}

  .inside_title h3{ font-size: 4.8vw;}
  .inside_title p{ font-size: 3.25vw;}

  .inside_title45{ text-align: center;}
  .inside_title45 h5{ margin: 2.5vw auto 0; }

  .index_title_content_in_center{ text-align: center;}
  .index_title_content_in_center h5 {
    margin: 2.5vw auto 0;
}
}

/*loadding*/
.loading_content {
    width: 100%;
    height: 100%;
    background: #0d57a7;
    opacity: 1;
    position: fixed;
    background-image: linear-gradient(to bottom right, #00a29a,#0d57a7);
}
.loading_center{

	position:absolute;
	left:50%;
	top:50%;
  display: table; text-align: center;
  margin-left: -125px;
  margin-top: -98.5px;

}

.loading_center img{ width: 250px; height: auto;}

@media screen and (max-width:560px){
.loading_center img{ width: 150px;}

.loading_center{
  margin-left: -75px;
  margin-top: -80px;
}
}


/* top */
.top_container_bg{ width: 100%; height: 0.35rem; background: #f2f2f1;position: fixed; left: 0; top: 0; z-index: 2;}


.top_container {
  width: 100%;
  height: 0.95rem;
  background:#fbfbfb;
  position: fixed;
  top: 0.35rem;
  left: 0;
  z-index: 5;
   transition-duration: .5s;
  -ms-transition-duration: .5s;
  -moz-transition-duration: .5s;
  -webkit-transition-duration: .5s;

}


/* nav */

.nav_container {
  width: 100%;
  transition-duration: .8s;
  -ms-transition-duration: .8s;
  -moz-transition-duration: .8s;
  -webkit-transition-duration: .8s;
  box-sizing: border-box;
  position:relative;
}

.nav_container h1{ 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%);}
.nav_container img.logo {
  height: 0.37rem;
  width: auto;
  float: left;
  transition-duration: .8s;
  -ms-transition-duration: .8s;
  -moz-transition-duration: .8s;
  -webkit-transition-duration: .8s;
}
.nav_container img.blur_logo{position: absolute; left: 0; top: 0; z-index: 0; opacity: 0;}

.nav {
 transition-duration: .5s;
 -ms-transition-duration: .5s;
 -moz-transition-duration: .5s;
 -webkit-transition-duration: .5s;
 float: right;

}

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

.nav ul li {
  font-size: 0.18rem;
  line-height: 0.95rem;
  position:relative;
}

.nav ul li a {
  height: 100%;
  padding: 0 0.28rem;
  color: #333;
  display: block;
  box-sizing: border-box;
  transition-duration: .5s;
  -ms-transition-duration: .5s;
  -moz-transition-duration: .5s;
  -webkit-transition-duration: .5s;
  background: transparen;
}

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

.nav ul li dl{display: none;position: absolute; left: 50%; width: 2rem; background: rgba(243,244,245,1); box-sizing: border-box; padding: 0 0.15rem;transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%);-o-transform: translateX(-50%);-moz-transform: translateX(-50%);}

.nav ul li dl dd{ text-align: center; font-size: 0.17rem; line-height: 1.4em;}
.nav ul li dl dd a{ margin: 0; border-top: 1px solid rgba(74,74,74,0.2);padding: 0.15rem 0; box-sizing: border-box; color: #595959; text-transform: none;}
.nav ul li dl dd a:hover{color: #fff;background: #c0965b;}
.nav ul li dl dd:first-child a{ border-top: none; }

/* top_tool */
.top_tool {
  float: right;
  margin-top: 0;
  transition-duration: .8s;
  -ms-transition-duration: .8s;
  -moz-transition-duration: .8s;
  -webkit-transition-duration: .8s;
  height: 0.95rem;display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    align-items: center;
    justify-content: center;
  margin-left: 0.1rem;
}

.search_form {
  white-space: nowrap;
  overflow: hidden;
  background: #ffffff;
  height: 0.46rem;
  border-radius: 0.5rem;
  transition-duration: .8s;
  -ms-transition-duration: .8s;
  -moz-transition-duration: .8s;
  -webkit-transition-duration: .8s;
  width: 2.8rem;
  z-index: 3;
}


.search_form input {
  width: 75%;
  float: left;
  box-sizing: border-box;
  border: none;
  background:none;
  outline: none;
  height: 0.46rem;
  padding: 0 0.2rem;
  color: #949494;
  font-size: 0.18rem;
  font-family: "SourceHanSans-Bold";
}

.search_form input::-webkit-input-placeholder {
  color: #949494;
}
.search_form input:-moz-placeholder {
  color: #949494;
}
.search_form input::-moz-placeholder {
  color: #949494;
}
.search_form input::-ms-input-placeholder {
  color: #949494;
    }


.search_form button {
  width: 0.52rem;
  float: right;
  height: 0.46rem;
  background: url(../images/top_search.webp) no-repeat 0.15rem center #3d3932;
  border: none;
  outline: none;
  border-radius:0;
  background-size: 0.17rem;
}

@media screen and (max-width:1550px) {
.nav ul li a{padding: 0 1.5vw;}
.search_form{ width: 17vw;}
}

@media screen and (max-width:1450px) {
.search_form{    width: 16vw;}
}

@media screen and (max-width:1150px) {
.nav ul li a{padding: 0px 1.2vw;}
.search_form input{ width: calc(100% - 0.52rem);}
}

@media screen and (max-width:1070px) {
.search_form{ width: 15vw;}
.nav ul li a{padding: 0px 1.1vw;}
}


.fix_nav_bg {
  top: 0;
  background: #f6f8fa!important;
}

/*mobile nav*/
.header2 {
  width: 100%;
  height: 140px;
  top: 0;
  left: 0;
  background: #fff;
  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;
}

.top_m_tool{  position: relative;
  top: 50%; height: 50px;
  transform: translateY(-50%); display: block; margin-right: 23px;}

.top_m_tool .search_form{background: #ededed; height: 50px; width: 290px;}
.top_m_tool .search_form button{ width: 60px; height: 50px; background: url(../images/top_search.webp) no-repeat center center; background-size: 25px;}

.top_m_tool .search_form input{ height: 50px; width: 78%; font-size: 21px;font-family: "SourceHanSans-Regular";}

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

.header2 .top_dh img {
  width: 40px;
  height: auto;
  transition-duration: .5s;
  -ms-transition-duration: .5s;
  -moz-transition-duration: .5s;
  -webkit-transition-duration: .5s;
}

.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: 48px;
  width: auto;
}

.nav_bg_m {
  position: fixed;
  right: -100%;
  width: 100%;
  height: calc(100vh - 140px);
  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: 140px;
  background: linear-gradient(to bottom right, #f6f8fa, #f6f8fa);
}

.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: 90%;
  position: relative;
  font-size: 0.38rem;
  overflow: hidden;
  margin: 0.7vh auto;
/*  text-transform:uppercase;*/
}

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

.nav_mobile h6 {
  font-size: 4vw;
  color: #333;
  width: 30vw;
  height: 8vw;
  border-radius: 1vw;
  border: 2px solid #333;
  text-align: center;
  line-height: 8vw;
  margin: 2vh auto 0;
  font-weight: normal;
}

.nav_mobile li dl{ border: 1px solid rgba(181,181,181,0.6); box-sizing: border-box; padding: 0 2vw; display: none; border-radius: 1vw;}
.nav_mobile li dl dd{ font-size: 0.32rem;    margin: 0.7vh 0;}
.nav_mobile li dl dd a{padding: 0.8vh 0; color: #555;}


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

  .header2 {
    display: block;
  }

  .top_container_bg{ display: none;}
}

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

  .header2 {
    height: 18vw;
  }

  .header2 .top_dh img {
    width: 5vw;
  }

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

  .nav_bg_m {

    height: calc(100vh - 18vw);
    margin-top: 18vw;
  }

.top_m_tool{ margin: 0 3vw 0 0;height: 6.25vw;}
.top_m_tool .search_form{ width: 36.25vw; height: 6.25vw;}
.top_m_tool .search_form input{ height: 6.25vw; font-size: 2.6vw; padding: 0 2.5vw;line-height: 6.25vw;}
.top_m_tool .search_form button{height: 6.25vw; width: 22%; background-size: 2.75vw;}

 .nav_mobile li {
    margin: 1.2vh auto;
    font-size: 4.4vw;
  }
  .nav_mobile h6 {
    margin: 3vh auto 0;
  }
  .nav_mobile li dl dd{font-size: 4vw;}
}

/*banner*/
.banner_content{ width:100%; position:relative; margin-top: 1.3rem;}


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


.video_content{ width: 100%; height: 100%; position: relative;}
.banner .swiper-slide .video_content video{width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover; }
.video_content .video_bg{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0,0,0,0.4);}

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

.banner_button{ position: absolute; left: 50%; z-index: 2;transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%);-o-transform: translateX(-50%);-moz-transform: translateX(-50%); bottom: 0.5rem;}
.banner-next,.banner-prev{ width: 0.6rem; height: 0.6rem; float: right;}
.banner-next{ background: url(../images/banner_right.webp) no-repeat center center; background-size: 100%;}
.banner-prev{background: url(../images/banner_left.webp) no-repeat center center; background-size: 100%; margin-right: 0.4rem;}



.mobile_banner_container {
  display: none;
  position: relative;
}

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

.mbanner .swiper-slide {
  margin-top: 140px;
}

.mbanner .swiper-pagination-bullet {
  width: 25px;
  height: 25px;
  margin: 0 10px !important;
  background: #c0965b;
  opacity: 0.5;
}

.mbanner .swiper-pagination-bullet-active {
  background: #c0965b;
  opacity: 1;
}

.swiper-container-horizontal>.mbannerpage {
  /*bottom: 13vw !important;*/
  bottom: 6vw !important;
}

.mbanner_word {
  text-align: center;
  width: 100%;
}
.mobile_banner_nav{ position: absolute; left: 0; top: 140px; width: 100%; background: rgba(255,255,255,0.7); z-index: 2;}
.mobile_banner_nav ul{display: -webkit-flex;
  display: flex;
  justify-content: space-between;}

.mobile_banner_nav ul li{ width: 16.66%; text-align: center;}
.mobile_banner_nav ul li a{ width: 100%; height: 88px; font-size: 25px; background: transition; color: #333333; display:block; line-height: 88px;}
.mobile_banner_nav ul li a.cur{ color: #fff; background: #c0965b;}

.mobile_banner_contact{ width: 92%; position: absolute; left: 4%; bottom: 20px; background: #fff; border-radius: 10vw; z-index: 2; overflow: hidden;display: -webkit-flex;
  display: flex;
  justify-content: space-between;}

.mobile_banner_contact h3{ width: 150px; background: #c0965b; line-height: 1.5em; color: #ffffff; font-size: 24px; text-align:center; font-weight: normal; padding: 6px 0;display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    align-items: center;
    justify-content: center;}

.mobile_banner_contact p{width: calc(100% - 150px); color: #595757; line-height: 1.5em; font-size: 24px;display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    align-items: center;
    justify-content: center; padding: 0 10px; box-sizing: border-box;}



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

  .mobile_banner_container {
    display: block;
  }
}

@media screen and (max-width:800px) {
  .mbanner .swiper-pagination-bullet {
    width: 3.5vw;
    height: 3.5vw;
    margin: 0 1.5vw !important;

  }
  .mbanner .swiper-slide {
    margin-top: 18vw;
  }

  .mobile_banner_nav{ top: 18vw;}
  .mobile_banner_nav ul li a{ height: 11vw; font-size: 3.1vw; line-height: 11vw;}

  .mobile_banner_contact{ bottom: 3vw;}

  .mobile_banner_contact h3 {
    width: 18vw;
    font-size: 3vw;
    padding: 0.75vw 0;
}

.mobile_banner_contact p {
    width: calc(100% - 18vw);
    font-size: 3vw;
      padding: 0 1vw;
}

}

/* more */
h6.index_more{ font-size: 0.19rem; color: #404040; width: 1.73rem; height: 0.52rem; border: 1px solid #626262; float: right; text-align: center; line-height: 0.52rem; font-weight: normal; margin-top: 0.85rem;    transition-duration: .8s;
  -ms-transition-duration: .8s;
  -moz-transition-duration: .8s;
  -webkit-transition-duration: .8s; box-sizing: border-box;}

h6.index_add_advatange_more{ margin-top: 0.5rem;}

h6.index_more:hover{ background: #c0965b; border: 1px solid #c0965b; color: #fff;}



@media screen and (max-width:800px) {
  h6.index_more {
      font-size: 2.75vw;
      width: 17.4vw;
      height: 5.75vw;
      border: 1px solid #3e3e3e;
      line-height: calc(5.75vw - 2px);
      margin-top: 4vw;
  }

  h6.index_add_advatange_more{ margin-top: 4vw;}

}

/* advantage */
.index_advantage_container{ padding: 5% 0; background: url(../images/advantage_bg.webp) no-repeat center center; background-size: cover;}

.index_advantage_list_content{ margin: 6% auto 0; width: 840px;}
.index_advantage_list_content ul{display: -webkit-flex;
  display: flex;
  justify-content: space-between;}

.index_advantage_list_content ul li{ text-align: center;}

.index_advantgage_icon{ width: auto; height: 0.81rem;display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    align-items: center;
    justify-content: center;}

.index_advantgage_icon img{display: block; max-height: 100%;}
.index_advantage_list_content ul li p{ font-size: 0.21rem; color: #fff; margin-top: 0.1rem; text-shadow: 0.02rem 0.02rem 0.08rem rgba(162,112,32,0.9);}

@media screen and (max-width:1450px) {
.index_advantage_list_content ul li p{ margin-top: 0.15rem;}
}

@media screen and (max-width:1100px) {
.index_advantage_list_content{ width: 100%;}
}



@media screen and (max-width:800px) {
.index_advantage_container{ padding: 0; background: none;}
.index_advantage_content{ width: 100%!important;}
.index_advantage_container .index_title_content{ padding: 6.5vw 0 5.5vw; margin-bottom: 0;}
.index_advantage_list_content{ margin-top: 0!important;background: url(../images/advantage_bg.webp) no-repeat center center; background-size: cover; padding: 10vw 0;}
.index_advantage_list_content ul{ width: 92%; margin: 0 auto;}
.index_advantage_list_content ul li p{ font-size: 3.5vw; margin-top: 2vw;}
.index_advantgage_icon{ height: 8.8vw;}
}

/* about */

.index_about_container{ background: #f4f4f4;display: -webkit-flex;
  display: flex;
  justify-content: space-between; width: 100%;}
.index_about_left_content{ height: 9.3rem; width: 44%;display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    align-items: center;
    justify-content: center; overflow: hidden;}
.index_about_left_content img{object-fit: cover; min-width: 100%; min-height: 100%;transform: scale(1);-mo-transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);transition: all 1.8s ease-out 0s;-webkit-transition: all 1.8s ease-out 0s; -moz-transition: all 1.8s ease-out 0s; -mo-transition: all 1.8s ease-out 0s;}
.index_about_left_content:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);transition: all 1.2s ease-out 0s; -webkit-transition: all 1.2s ease-out 0s;-moz-transition: all 1.2s
  ease-out 0s;-mo-transition: all 1.2s ease-out 0s;}

.index_about_right_content{ width: 56%;display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    align-items: center;}

.index_about_right_word{ width: 670px; box-sizing: border-box; padding-left: 0.8rem;}

.index_about_right_word h3{ font-size: 0.4rem; color: #1b1a1a; line-height: 1.3em; font-weight: normal;}
.index_about_right_word h4{ font-weight: normal; font-size: 0.2rem; color: #c0965b; line-height: 1.3em; margin-left: 0.05rem; margin-bottom: 0.4rem;}
.index_about_right_word .index_word_content p{ letter-spacing: 0.021rem; line-height: 1.57em; text-align: justify;}

/* index about add */
.index_about_add_container{display: -webkit-flex;
  display: flex;
  justify-content: space-between; }
.index_about_add_container .index_about_left_content{ height: 8rem; width: 47%;}
.index_about_add_container .index_about_right_content{ width: 48.5%;}
.index_about_add_container .index_about_right_word{ width: 100%; padding: 0;}
.index_about_add_container .index_about_right_word h4{ margin-bottom: 0.2rem;}
.index_about_add_container h6.index_add_more{ margin-top: 0.3rem;}

@media screen and (max-width:1500px) {
.index_about_right_content{ width: 46%;}
.index_about_right_word{ width: 100%;}
.index_about_container{justify-content: flex-start;}
}


@media screen and (max-width:800px) {
.index_about_container{ flex-wrap: wrap;
   justify-content: flex-start;}
.index_about_left_content{ height: auto; width: 100%;}
.index_about_right_word{ padding: 0;}

.index_about_right_content{ width: 100%; padding: 7vw 4%; box-sizing:border-box;}
.index_about_right_word h3{    font-size: 6.25vw; line-height: 1.4em;}
.index_about_right_word h4{ font-size: 2.4vw; margin-bottom: 4vw; margin-top: 0.5vw;}
.index_about_right_word .index_word_content p:nth-child(n+2){ display:none;}
.group_mission_bottom_content{ margin-top: 0;}

.index_about_add_container .index_about_left_content {
  height: auto;
      width: 100%;
}

.index_about_add_container .index_about_right_content{width: 100%;}

.index_about_add_container{flex-wrap: wrap;
    justify-content: flex-start; width: 100%!important;}

.index_about_add_container h6.index_add_more{margin-top: 4vw;}

}

/*index about add 0723*/
.index_add_about_content{ position: relative;}
.index_add_about_left{ width: 5.22rem;position: absolute; left: 0; top: 0.2rem;}
.index_add_about_left img{ display: block; max-width: 100%; height: auto;}


.index_add_about_right .index_word_18content p{ color: #333; line-height: 1.38em; text-indent: 2em;}

.index_add_about_right{ width: 58%; float: right;}
.index_add_about_right h3{ color: #333333; font-size: 0.24rem; font-weight: normal;font-family: "SourceHanSans-Bold"; margin-bottom: 0.2rem;}

@media screen and (max-width:1100px) {
.index_add_about_left{ width: 49%; top: 50%;  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -moz-transform: translateY(-50%);}
}

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

.index_add_about_left{ width: 70vw; position: static; left: 0; top: 0;transform: translateY(0);
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  -o-transform: translateY(0);
  -moz-transform: translateY(0);
   margin-left: 16vw;
}
.index_add_about_left img{ margin: 0 auto;}

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

.index_add_about_right h3{ font-size: 4vw; margin-bottom: 3.25vw;}

.index_add_about_right .index_word_18content p{ margin-top: 2.6vw;}

}

/*index advantage add 0723*/

.index_ad_advantage_top_content{display: flex;
    display: -webkit-flex;
    display: -ms-flex;}

.index_ad_advantage_left{ width: 22.7%; background: #c0965a; min-height: 1.45rem; box-sizing: border-box;display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    align-items: center;
    justify-content: center; box-sizing: border-box; padding: 0 0.2rem;}
.index_ad_advantage_left h3{ font-weight: bold; color: #f2f2f1; font-size: 0.36rem; margin-bottom: 0.2rem;}
.index_ad_advantage_left h5{ display:none;}
.index_ad_advantage_left p{ color: #f2f2f1; font-size: 0.18rem;}



.index_ad_advantage_right{ width: 77.3%; border: 1px solid #c0965a; box-sizing: border-box; padding: 0.2rem 0.5rem;}
.index_ad_advantage_right ul{ height: 100%;display: flex;
    display: -webkit-flex;
    display: -ms-flex;justify-content: space-between;align-items: center;}


.index_ad_advantage_icon{ width:auto; display: block; margin: 0 auto;height: 0.69rem;}
.index_ad_advantage_icon img{ display: block; max-height: 100%; width: auto;  margin: 0 auto;}
.index_ad_advantage_right ul li p{ font-size: 0.2rem; color: #c0965a; text-align: center; margin-top: 0.05rem;}


@media screen and (max-width:800px) {
.index_ad_advantage_top_content{ display: block;}
.index_ad_advantage_left{ width: 100%; background: none; display:block;    min-height: auto;}
.index_ad_advantage_left h3{ font-size: 6.25vw; font-weight: normal;color: #1b1a1a; text-align:center; margin-bottom: 0;}
.index_ad_advantage_left p{    color: #c0965b;
    line-height: 1.3em; font-size: 3vw; text-align:center;}
.index_ad_advantage_left h5{ display: block; margin: 2.5vw auto 0; background: #c0965b;}

.index_ad_advantage_right{ margin-top: 6vw; width: 100%;padding:3.75vw;}
.index_ad_advantage_icon{ height: 6.25vw;}
.index_ad_advantage_right ul li p{ font-size: 3vw; margin-top: 1vw;}

h6.index_add_advatange_more{display: none;}
}


/* product pc */
.index_product_container{ background: #f2f2f1; padding: 5% 0; box-sizing: border-box;}


.index_pc_product_container{ width: 1370px; margin: 0 auto; position: relative;}
.index_pc_product_content{ padding: 4% 0.15rem 5%; width: calc(100% - 1.4rem); margin: 0 auto; box-sizing: border-box;}
.index_pc_product_content .swiper-slide img{ display:block; width: 100%; height: auto;}
.index_pc_product_content .swiper-slide{ box-shadow: 0.05rem 0.05rem 0.12rem rgba(0,0,0,0.4);  transition-duration: .5s;
  -ms-transition-duration: .5s;
  -moz-transition-duration: .5s;
  -webkit-transition-duration: .5s;}

.index_pc_product_content .swiper-slide:hover{  -webkit-transform: scale(1.1, 1.1) !important;
  transform: scale(1.1, 1.1) !important;
  z-index: 2;
  overflow: visible; z-index: 2;box-shadow:0 0 0 rgba(0,0,0,0.4);}


.index-pc-product-next,.index-pc-product-prev{ width: 0.4rem; height: 0.4rem; position: absolute; top: 50%; margin-top: -0.2rem; z-index: 2;}
.index-pc-product-prev{ background: url(../images/news_left.webp) no-repeat center center; left: 0; background-size: 100%;}
.index-pc-product-next{ background: url(../images/news_right.webp) no-repeat center center; right: 0;background-size: 100%; }


.index_product_fenye .swiper-pagination-bullet{ width:0.8rem; height:3px; margin:0 1px!important;background:#ffffff; border-radius: 0!important;opacity: 1!important;}

.index_product_fenye .swiper-pagination-bullet-active{ background:#d9c09d;opacity: 1;}

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

.index_product_more_container{display:none;}

/*@media screen and (max-width:1920px) {
.index_pc_product_container{ width: calc(100% - 1.6rem);}

}
*/


@media screen and (max-width:1500px) {
.index_pc_product_container{ width: calc(100% - 1.6rem);}

}

@media screen and (max-width:1300px) {
  .index_pc_product_container{ width: 80%;}
  .index_product_fenye .swiper-pagination-bullet{ width:5.2vw;}
}

@media screen and (max-width:800px) {
.index_product_container{ background: none; padding: 0;}


.index_pc_product_container{ width: 100%; background: #f2f2f1; box-sizing: border-box; padding: 2vw 4% 4vw; margin-top: 6vw;}

.index_pc_product_content .swiper-slide{ box-shadow: 0 1vw 2vw rgba(0,0,0,0.4);  transition-duration: .5s;
  -ms-transition-duration: .5s;
  -moz-transition-duration: .5s;
  -webkit-transition-duration: .5s; }

.index_pc_product_content{width: calc(100% - 16vw);    padding: 10vw 2vw 12vw;}

.index-pc-product-next, .index-pc-product-prev {
    width: 6vw;
    height: 6vw;
    margin-top: -3vw;
}

.index-pc-product-prev{ left: 4%;}
.index-pc-product-next{ right: 4%;}

.index_product_fenye .swiper-pagination-bullet{ width: 5vw;margin:0 0.3vw!important;}

.index_product_more_container{display:block; background: #f2f2f1; padding-bottom: 5vw;}
.index_product_more_container h6.index_add_advatange_more{ margin: 0 auto; float: none; display: block;}



.index_pc_product_content .swiper-slide-active,.index_pc_product_content .swiper-slide-duplicate-active{
 -webkit-transform:scale(1.3,1.3)!important;transform:scale(1.3,1.3)!important; z-index:300;overflow: visible;
	}


  .index_pc_product_content .swiper-slide:hover{  -webkit-transform: scale(1, 1) !important;
    transform: scale(1, 1) !important;
    z-index: 2;
    overflow: visible; z-index: 2;box-shadow:0 0 0 rgba(0,0,0,0.4);}

    .index_pc_product_content .swiper-slide-active:hover,.index_pc_product_content .swiper-slide-duplicate-active:hover{
     -webkit-transform:scale(1.3,1.3)!important;transform:scale(1.3,1.3)!important; z-index:300;overflow: visible;
    	}




}


/* product */

.product_list_container {
  width: 100%;
}

.product_list_container ul li {
  width: 16%;
  float: left;
  height: 7rem;
  box-sizing: border-box;
  overflow: hidden;
/*  transition-duration: .4s;
  -ms-transition-duration: .4s;
  -moz-transition-duration: .4s;
  -webkit-transition-duration: .4s;*/
  position: relative;
}

.product_list_container ul li.active {
  width: 52%;
  background: none;
}

.index_product_word_content {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background:rgba(191,154,96,0.85);
  transition-duration: .5s;
  -ms-transition-duration: .5s;
  -moz-transition-duration: .5s;
  -webkit-transition-duration: .5s;
}

.product_list_container ul li.active .index_product_word_content {
  background: none;
}

.product_list_container ul li img {
  display: block;
/*  transition-duration: .4s;
  -ms-transition-duration: .4s;
  -moz-transition-duration: .4s;
  -webkit-transition-duration: .4s;*/
  height: 100%;
}


.product_list_container ul li img.product_img_long {
  opacity: 0;
/*  width: 100%;*/
}

.product_list_container ul li img.product_img_short {
  opacity: 1;
  position: absolute;
  left: 0;
  top: 0;
    width: 100%;
}

.index_product_word {
  width: 100%;
  text-align: center;
  position: absolute;
  left: 0;
  bottom: 1.2rem;
/*  transition-duration: .5s;
  -ms-transition-duration: .5s;
  -moz-transition-duration: .5s;
  -webkit-transition-duration: .5s;*/
}

.index_product_word p {
  font-size: 0.19rem;
  line-height: 1.89em;
  color: #fff;
  display: none;
  margin-top: 0.2rem;
  text-indent: 2em;


}

.index_product_word h3 {
  font-family: "SourceHanSans-Bold";
  font-weight: normal;
  font-size: 0.3rem;
  line-height: 1.5em;
  color: #fff;
}

.product_list_container ul li.active .index_product_word {
  width: auto;
  text-align: left;
  box-sizing: border-box;
  padding: 0 10%;
}

.product_list_container ul li.active .index_product_word p {
  display: block;
}

.product_list_container ul li.active img.product_img_long {
  opacity: 1;
}

.product_list_container ul li.active img.product_img_short {
  opacity: 0;
}

.product_list_container ul li img {
  display: block;
}


h6.product_more{ font-weight: normal; font-size: 0.19rem; width: 1.56rem; height: 0.41rem; background: #ffffff; color: #bb8e62;
padding: 0 0.22rem; box-sizing: border-box; margin-top: 0.65rem; line-height: 0.41rem; display: none;}
h6.product_more span{ float: left; display: block;}
h6.product_more i{ width: 0.16rem; float: right; display: block;margin-top: 0.14rem;}
h6.product_more i img{display: block; width: 100%; height: auto;}

.product_list_container ul li.active h6.product_more{display: block;}
.m_product_list_container{display: none;}

@media screen and (max-width:1600px) {
.index_product_word h3{ font-size: 0.3rem;}
}

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

@media screen and (max-width:1024px) {
.index_product_word h3{ font-size: 0.26rem;}
.index_product_word p{ font-size: 0.22rem;}
}


@media screen and (max-width:800px) {
.pc_product{display: none;}
.m_product_list_container{ margin-top: 6vw;display: block;}
.m_product_word_content{ width: 100%;}
.m_product_word_content img.product_img_short{ display: none;}
.m_product_word_content img.product_img_long{ display:block; width: 100%; height: auto;}
.index_product_word_content{ background: none;}
.index_product_word{ position: static; bottom: 0; text-align: left; padding: 8vw 5vw 0; box-sizing:border-box;}
.index_product_word h3{ font-size: 7.5vw;}

.index_product_word p{display: block; font-size: 3.25vw; line-height: 1.53em; margin-top: 4vw;  display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;overflow: hidden;}
h6.product_more{display: block;
    font-size: 2.75vw;
    width: 17.4vw;
    height: 5.75vw;
    border: 1px solid #fff;
    line-height: calc(5.75vw - 2px);
    margin-top: 4vw;
    margin-right: 0; background: none; color: #fff; float: right; padding: 0; text-align: center;}
h6.product_more i{display: none;}
h6.product_more span{display: contents;}



.m-peoduct-circle .swiper-pagination-bullet{ width:10vw; height:0.7vw!important; margin:0 1px!important;background:#ffffff; opacity: 1; border-radius: 0;}

.m-peoduct-circle .swiper-pagination-bullet-active{ background:#aa884f;opacity: 1;}

.swiper-container-horizontal>.m-peoduct-circle {
        bottom: 3vw!important;}


}

/* news */
.news_list_content{ width: calc(1100px + 1.4rem);; margin: 1.8% auto 0; position: relative;}
.index_news_list{ width: 1100px; margin:0 auto; padding: 5.5% 0;}

.news_list_word_content{ width: 100%; padding: 0.25rem 0.18rem 0.35rem; box-sizing: border-box;}
.news_list_img{ height: 0; padding-bottom: 54.54%; overflow: hidden;}
.news_list_img img{display: block; width: 100%;  height: auto; min-height: 100%;transform: scale(1);-mo-transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);transition: all 1.8s ease-out 0s;-webkit-transition: all 1.8s ease-out 0s; -moz-transition: all 1.8s ease-out 0s; -mo-transition: all 1.8s ease-out 0s;}
.news_list_img:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);transition: all 1.2s ease-out 0s; -webkit-transition: all 1.2s ease-out 0s;-moz-transition: all 1.2s
  ease-out 0s;-mo-transition: all 1.2s ease-out 0s;}

.news_list_word{ padding: 0.25rem 0.2rem 0;}
.news_list_word h3{ font-size: 0.17rem; color: #232323; font-weight:normal; line-height: 1.25em; height: 2.5em;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;overflow: hidden;}
.news_list_word h6{ font-weight: normal; font-size: 0.16rem; color: #aaaaaa; margin: 0.15rem 0 0.2rem;}
.news_list_word h6 span{ margin-left: 0.1rem;}

.index_news p{ font-size: 0.13rem;height: 6.64em;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;overflow: hidden;}

h6.news_more{font-size: 0.12rem;
    color: #404040;
    width: 0.75rem;
    height: 0.25rem; line-height: 0.25rem; margin: 0.35rem 0.3rem 0 0;display: none;}

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

    .index_news_list .swiper-slide-active, .index_news_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;
    }

  .index_news_list .swiper-slide-active h6.news_more, .index_news_list .swiper-slide-duplicate-active h6.news_more{display: block;}

  .index_news_list .swiper-slide-active .news_list_word_content, .index_news_list .swiper-slide-duplicate-active .news_list_word_content{ box-shadow: 0.07rem 0.07rem  0.22rem rgba(155,155,156,0.5);}

.index_news_list .swiper-slide-active .index_word_18content p, .index_news_list .swiper-slide-duplicate-active .index_word_18content p{ color: #6d6c6c;}

.index_news_list .swiper-slide-active .news_list_word h6, .index_news_list .swiper-slide-duplicate-active .news_list_word h6{ color: #6d6c6c;}
.index-news-next,.index-news-prev{ width: 0.4rem; height: 0.4rem; position: absolute; top: 50%; margin-top: -0.2rem;}
.index-news-next{ background: url(../images/news_right.webp) no-repeat center center; background-size: 100%; right: 0;}

.index-news-prev{background: url(../images/news_left.webp) no-repeat center center; background-size: 100%;left: 0;}

/*@media screen and (max-width:1800px) {
.news_list_content{ width: 96%;}

.index_news_list{ width: calc(100% - 2rem); margin:0 auto; padding: 4.8% 0;}
}
*/


@media screen and (max-width:1400px) {
  .news_list_content {
    width: 80%;
}
.index_news_list{ width: calc(100% - 1rem);}
}

@media screen and (max-width:1024px) {
.index_news_list{ width: calc(100% - 1.4rem);}
.news_list_word_content {
    padding: 0.2rem 0.1rem;
}

}

@media screen and (max-width:800px) {
.news_list_content{margin: 6vw auto 0;width: calc(92% - 16vw);}
.index_news_list{ width: 100%; padding: 0;}
.index_news_list_m .swiper-wrapper{ display: block!important;}
.swiper-sde{ width: 100%!important;}

.swiper-sde:nth-child(n+4){display: none;}

.index_news_list .swiper-slide-active, .index_news_list .swiper-slide-duplicate-active {
  -webkit-transform: scale(1, 1) !important;
  transform: scale(1, 1) !important;
  z-index: 2;
  overflow: visible;
}
.index_news_list .swiper-slide-active .news_list_word_content, .index_news_list .swiper-slide-duplicate-active .news_list_word_content{ box-shadow: none;}

.news_list_word_content{ padding: 0 0 5vw 0; box-sizing: border-box; background: #f4f4f4;}
.news_list_word h3{ font-size:4vw; color: #1b1a1a; line-height: 1.4em; height: auto;-webkit-line-clamp: 15;}

.news_list_word {
    padding: 5vw 5vw 0; box-sizing: border-box;
}
.news_list_word h6 span{display: inline-block; margin-left: 2vw;}
.news_list_word h6{ font-size: 3vw;margin: 2vw 0 3vw;}

.index_news p{ height: auto; color: #1b1a1a;    -webkit-line-clamp: 3;}

h6.news_more{display: block;    font-size: 2.75vw;
    width: 17.4vw;
    height: 5.75vw;
    border: 1px solid #3e3e3e;
    line-height: calc(5.75vw - 2px);
    margin-top: 4vw; margin-right: 5vw;}

.index_news_list .swiper-slide-active .index_word_18content p, .index_news_list .swiper-slide-duplicate-active .index_word_18content p{ color: #1b1a1a;}

.index-news-next, .index-news-prev {
  width: 6vw;
      height: 6vw;
      margin-top: -3vw;
}

.index-news-next{ right: -9vw;}
.index-news-prev{ left:-9vw;}
}






/* footer */
.footer_container{ padding: 5% 0; background: url(../images/footer_bg.webp) no-repeat center center; background-size: cover; color: #fff;}
.footer_container a{ color: #fff;}
.footer_content{ width: 1500px; margin: 0 auto;}
.footer_left_content{ width: 47%; float: left;}
.footer_left_content h4{ font-weight: normal;font-family: "SourceHanSans-Bold"; font-size: 0.68rem; line-height: 1.5em;}
.footer_left_content h3{ font-weight: normal; font-size: 0.36rem; line-height: 1.5em;}

.footer_left_contact{ margin-top: 0.9rem;}
.footer_left_contact p{ font-size: 0.19rem; line-height: 2em;}
.footer_left_contact p span{display: block; float: left;}
.footer_left_contact p span:first-child{ margin-right: 0.4rem;}

.footer_left_slogn{ margin-top: 0.85rem;}
.footer_left_slogn p{ font-size: 0.35rem; line-height: 1.3em;}

.footer_left_contact p:after{
     content:".";
     display:block;
     height:0;
     clear:both;
     visibility:hidden;

}



.footer_right_content{ width: 47%; float: right; margin-top: 0.3rem;}
.footer_right_nav{display: -webkit-flex;
  display: flex;
  justify-content: space-between;}

.footer_right_nav dl dt{ font-size: 0.27rem; line-height: 1.3em; margin-bottom: 0.4rem; text-align: center;}
.footer_right_nav dl dd{ font-size: 0.19rem; line-height: 1.4em; text-align: center; margin-top: 0.2rem;}
.footer_right_nav_line{ width: 2px; height: 0.27rem; background: #fff; margin-top: 0.04rem;}
.footer_right_wechat{ float: right;display: -webkit-flex;
  display: flex;align-items:flex-end; margin-top: 0.7rem;}

.wechat_word{ text-align: right; margin-right: 0.2rem;}
.wechat_word p{ font-size: 0.17rem; line-height: 1.6em;}
.wechat_img{ width: 1.45rem;}
.wechat_img img{display: block; width: 100%; height: auto;}

@media screen and (max-width:1600px) {
.footer_content{ width: 90%;}
}
@media screen and (max-width:1200px) {
.footer_left_slogn p{ font-size: 0.3rem;}
}

@media screen and (max-width:1024px) {
.footer_left_slogn p{ font-size: 0.3rem;white-space:nowrap;}
}

@media screen and (max-width:800px) {
.footer_container{ padding: 8vw 0;}
.footer_content{ width: 92%;}
.footer_left_content{ width: 100%;}
.footer_left_content h4{font-family: "SourceHanSans-Regular"; font-size: 4.4vw; line-height: 1.2em;}
.footer_left_content h3{ font-size: 5.625vw; line-height: 1.2em;}
.footer_left_contact p{ font-size: 2.75vw;}
.footer_left_contact p span:first-child {
    margin-right: 6vw;
}
.footer_left_contact{ margin-top: 4vw;}
.footer_left_slogn{ margin-top: 2vw; border-bottom: 2px solid #ffffff; padding-bottom: 3vw;}
.footer_left_slogn p{ font-size: 5vw;font-family: "SourceHanSans-Bold"; white-space:pre-wrap;  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
}


.footer_left_slogn p span{font-family: "SourceHanSans-Regular";}


.footer_right_content{ width: 100%; margin-top: 5vw;}
.footer_right_nav dl dt{ font-size: 3.75vw; margin-bottom: 5vw;}
.footer_right_nav dl dd{ font-size: 3vw; margin-top: 3.1vw;}
.footer_right_nav_line{ height: 3.375vw; margin-top: 0.8vw;}
.wechat_word{ text-align: center; margin: 2.5vw 0 0;}
.wechat_word p{ font-size: 3vw; line-height: 1.33em;}

.wechat_img{ width: 25vw;}

.footer_right_wechat{ float: none;flex-direction: column;justify-content: center;align-items: center; margin-top: 10vw;}


}



/* to top */
.totop_xuan, .customer_xuan {
  position: fixed;
  right: 27px;
  background: #fff;
  box-shadow: 0 0 10px rgba(192,150,91,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%;
  height:auto;
}
.m_customer_xuan{ display: none;}

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

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

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