@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: "akroba", "Arial", "Microsoft YaHei", "微软雅黑";
  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: "akroba";
  src: url("../font/Akrobat-Bold.woff") format("woff"),

       url("../font/Akrobat-Bold.eot") format("embedded-opentype"),
       url("../font/Akrobat-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*/
}

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

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

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

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

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

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

.top_mag_bottom{
  margin-top: 4%;
}

img.pc_img{display: block;}
img.mobile_img{ display:none;}

.index_title_content{ margin-bottom: 0.4rem;}
.index_title_content h3{ font-size: 0.64rem; color: #141414;line-height: 1.15em;text-transform: capitalize;}
.index_title_content p{font-family: "Arial";
    font-size: 0.18rem;
    line-height: 1.66em;
    color: #444; margin-top: 0.1rem;}
.white_title h3{ color: #fff;}
.center_title{ text-align:center;}
.inside_title_blog h3{ font-size: 0.32rem; line-height: 1.2em;}
.contact_title{display: inline-block; border-bottom: 2px solid #cecece; padding:0 0.3rem 0.35rem; box-sizing:border-box;}

.sales_title_content{ margin-top:3%;}


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

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

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

  .index_container {
    width: 92% !important;
  }
  .top_mag_bottom {
    margin-top: 8vw;
  }
  img.pc_img{display: none;}
  img.mobile_img{ display:block;}
  .index_title_content h3{ font-size: 6.3vw;}
  .index_title_content{ margin-bottom: 4vw;}
  .left_title{text-align: left;}

  .inside_title_blog h3{ font-size: 5.4vw;}
  .contact_title{padding: 0 2vw 2.5vw;}

  .index_title_content p{ font-size: 3.6vw; line-height: 1.6em; margin-top: 1.5vw;}
  .sales_title_content{ margin-top:6vw;}
}

/*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 {
  width: 100%;
  height: 1.2rem;
  background:transparent;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 3;
  transition-duration: .8s;
  -ms-transition-duration: .8s;
  -moz-transition-duration: .8s;
  -webkit-transition-duration: .8s;
/*  border-top: 0.1rem solid #e6e6e6;
  background: #f8f8f8;*/
}


/* nav */

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

.nav_container img.logo {
  height: 0.72rem;
  float: left;
  width: auto;
  margin-top: 0.2rem;
  transition-duration: .8s;
  -ms-transition-duration: .8s;
  -moz-transition-duration: .8s;
  -webkit-transition-duration: .8s;
}

.nav {
 margin-top: 0.4rem;
 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.24rem;
  line-height: 1.5em;
  position:relative;
  float: left;
  margin: 0 0.3rem;
}

.nav ul li a {

  color: #333333;
  display: block;
  box-sizing: border-box;
  transition-duration: .5s;
  -ms-transition-duration: .5s;
  -moz-transition-duration: .5s;
  -webkit-transition-duration: .5s;
  background: transparen;
  text-transform: uppercase;
  padding-bottom: 0.1rem;
}

.nav ul li a:hover, .nav ul li a.cur {
  color: #ed8404;
}

.nav ul li dl{display: none;position: absolute; left: 50%; width: 2.5rem; background: rgba(210,183,127,0.9); box-sizing: border-box; padding: 0 0.2rem;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.2rem; line-height: 1.4em;}
.nav ul li dl dd a{ margin: 0; border-top: 1px solid rgba(255,255,255,0.5);padding: 0.1rem 0; box-sizing: border-box; color: #fff; text-transform: none;}
.nav ul li dl dd a:hover{color: #fff;}
.nav ul li dl dd:first-child a{ border-top: none; }

/* top_tool */
.top_tool {
  float: right;
  margin-top: 0.3rem;
  transition-duration: .8s;
  -ms-transition-duration: .8s;
  -moz-transition-duration: .8s;
  -webkit-transition-duration: .8s;
}
.top_tool ul li{position:relative; float: left; width: 0.5rem; margin-left: 0.2rem; cursor:pointer;}
.top_tool ul li img{display: block; width: 100%; height: auto;}

.search_form {
  position: absolute;
  right: -60%;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  padding: 0.2rem;
  background: #bdbdbd;
  color: #fff;
  border-radius: 5px;
  opacity: 0;
  transition-duration: .8s;
  -ms-transition-duration: .8s;
  -moz-transition-duration: .8s;
  -webkit-transition-duration: .8s;
  width: 280px;
  z-index: 3;
  top: 0.9rem;
}

.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.2rem;
  line-height: 1.5em;
  color: #fff;
  margin-bottom: 10px;
}

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

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

@media screen and (max-width:1450px) {
.nav ul li dl{ width: 2.2rem;}
}

@media screen and (max-width:1200px) {
.nav ul li dl{ width: 2rem;}
}


/*.fix_nav_bg{border-bottom: 1px solid rgba(27,86,51,0.6);}*/
.fix_nav_bg {
  height: 1rem;
}
/*.fix_nav_bg .nav_container img.logo{margin-top: -0.9rem;}
.fix_nav_bg .top_tool{margin-top: -0.9rem;}
.fix_nav_bg .nav{ margin-top: 0.3rem;}*/

.fix_nav_bg {
  background: #f8f8f8;
}
.fix_nav_bg .nav_container img.logo{height: 0.64rem;}
.fix_nav_bg .nav{margin-top: 0.33rem;}
.fix_nav_bg .top_tool{margin-top: 0.23rem;}

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

.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, #d2b77f, #ed8404);
}

.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: 4vw;
  overflow: hidden;
  margin: 0.7vh auto;
  text-transform:uppercase;
}

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

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

.nav_mobile li dl{ border: 1px solid rgba(255,255,255,0.4); box-sizing: border-box; padding: 0 2vw; display: none; border-radius: 1vw;}
.nav_mobile li dl dd{ font-size: 3.8vw;    margin: 0.7vh 0;}
.nav_mobile li dl dd a{padding: 0.8vh 0;}


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

  .header2 {
    display: block;
  }
}

@media screen and (max-width:800px) {
 .nav_mobile li {
    margin: 1.2vh auto;
  }

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

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

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

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

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

.banner_button{ 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.6rem;}
.banner-next,.banner-prev{ width: 0.78rem; height: 0.78rem; 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;}

@media screen and (max-width:1920px) {
.banner_button{ bottom: 4vw;}
}

.mbanner {
  display: none;
}

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

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

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

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

.swiper-container-horizontal>.mbannerpage {
  bottom: 3.6vw !important;
}

.mbanner_word {
  text-align: center;
  width: 100%;
}


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

  .mbanner {
    display: block;
  }
}


/* Featured Categories */
.featured_container{ width: 100%; box-sizing: border-box; padding: 3% 0; background: url(../images/index_product_bg.webp) no-repeat center bottom; background-size: cover;}

.featured_list_content ul li{ width: 48.5%; float:left; margin: 0 3% 0 0; position: relative;transition-duration: .7s;-ms-transition-duration: .7s;-moz-transition-duration: .7s; -webkit-transition-duration: .7s; border-radius:10px; overflow: hidden; background: #fafafa;}
.featured_list_content ul li:nth-child(n+3){ margin-top: 3%;}
.featured_list_content ul li:nth-child(2n){ margin-right: 0;}

.featured_img{ width: 50%; float: left; overflow: hidden;}
.featured_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 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;}

.featured_word_content{ position: absolute; width: 50%; right: 0; height: 100%; box-sizing: border-box; padding: 0 5.5%;
  display: flex;
      display: -webkit-flex;
      display: -ms-flex;
      align-items: center;
      background: #fafafa;transition-duration: .7s;-ms-transition-duration: .7s;-moz-transition-duration: .7s; -webkit-transition-duration: .7s;
}

.feature_word{ position: relative; z-index: 2;}
.featured_word_content h3{ color: #333333; font-size: 0.3rem; line-height: 1.1em; margin-bottom: 0.25rem;transition-duration: .7s;-ms-transition-duration: .7s;-moz-transition-duration: .7s; -webkit-transition-duration: .7s;}
.featured_word_content p{  font-family: "Arial"; color: #666666; font-size: 0.16rem; line-height: 1.6em;    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;overflow: hidden;transition-duration: .7s;-ms-transition-duration: .7s;-moz-transition-duration: .7s; -webkit-transition-duration: .7s;}

h6.more{transition-duration: .7s;-ms-transition-duration: .7s;-moz-transition-duration: .7s; -webkit-transition-duration: .7s; color: #333333; font-size: 0.18rem; line-height: 1.1em; margin-top: 0.65rem;}
h6.product_more{margin-top: 0.3rem;}

.featured_list_content ul li:hover{ box-shadow: 0.05rem 0.05rem 0.2rem rgba(210,183,127,0.4);}

.featured_word_content:before{
  content: "";
    display: block;
    width: 0;
    height: 100%;
    position: absolute;
   z-index: 0;
    left:0;
    top: 0;
    /*background: #d2b77f;*/  background-image: linear-gradient(to right, #d2b77f, #ed8404);
    transition-duration: .6s;-ms-transition-duration: .6s;-moz-transition-duration: .6s; -webkit-transition-duration: .6s;
}

.featured_list_content ul li:hover .featured_word_content:before{ width: 100%;background-image: linear-gradient(to right, #d2b77f, #ed8404);}

.featured_list_content ul li:hover .featured_word_content h3,.featured_list_content ul li:hover .featured_word_content p,.featured_list_content ul li:hover h6.more{ color: #fff;}

.featured_list_content ul li:hover .featured_img img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.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;}
@media screen and (max-width:1024px) {
h6.more{ margin-top: 0.5rem;}
h6.product_more{margin-top: 0.3rem;}
}

@media screen and (max-width:800px) {
.featured_container{ padding: 8vw 0;}
.featured_list_content ul li{ width: 100%; margin: 0; border-radius: 1vw;}
.featured_list_content ul li:nth-child(n+2){ margin-top: 3%;}
.featured_word_content h3{ font-size: 4.4vw;margin-bottom: 3vw;}
.featured_word_content p{ font-size: 3.6vw; line-height: 1.5em;}
.featured_word_content{padding: 0 4vw;}
h6.more{ font-size: 3.5vw; margin-top: 5vw;}
h6.product_more{margin-top: 5vw;}

.featured_list_content ul li:nth-child(even) .featured_img{
 float: right;}
.featured_list_content ul li:nth-child(even) .featured_word_content{ right: auto; left: 0;}

.featured_list_content ul li:hover{ box-shadow: 0.5vw 0.5vw 2vw rgba(27,86,51,0.4);}

.featured_word_content:before{display: none;}

.featured_list_content ul li:hover .featured_word_content h3{color: #333333;}
.featured_list_content ul li:hover .featured_word_content p{color: #666666;}
.featured_list_content ul li:hover h6.more{color: #333333;}

}

/* safety */
.safety_container{ width: 100%; /*height: 6rem;*/padding: 5.7% 0;background: url(../images/safety_bg.webp) no-repeat center top; background-size: 100%;}
.safety_content_list ul{font-size:0; text-align: center; }
.safety_content_list ul li{ display: inline-block;*display:inline;*zoom:1;vertical-align: top;font-size: 0.24rem; color: #fff; line-height: 1.1em;font-family: "Arial";
 background: url(../images/authentication.webp) no-repeat left center; box-sizing: border-box; padding-left: 0.45rem; background-size: 0.31rem; margin: 0 0.25rem 0;}
 .safety_content_list ul li:nth-child(n+4){ margin-top: 0.3rem;}

 @media screen and (max-width:1920px) {
 .safety_container{ background-size: auto 6rem;}
 }

@media screen and (max-width:1450px) {
.safety_container{background-size: auto 40vw;}
}

 @media screen and (max-width:1300px) {
.safety_content_list ul li{margin: 0 0.15rem;}
 }

@media screen and (max-width:1100px) {
.safety_container{background-size: auto 45vw;}
  }

@media screen and (max-width:900px) {
.safety_container{background-size: auto 50vw;}
}

 @media screen and (max-width:800px) {
.safety_container{ padding: 8vw 0;background-size: auto 70vw;}
.safety_content_list ul li{ font-size: 3.6vw; width: 49%; margin:0 2% 0 0; box-sizing: border-box;background-size: 4.2vw;text-align: left; padding-left: 6vw; background-position: left top;}
.safety_content_list ul li:nth-child(2n){ margin-right: 0;}
.safety_content_list ul li:nth-child(n+3){ margin-top: 3.5vw;}
 }

 /* safety honor */
 .about_honor_list {
  width: 1000px;
  margin: 4% auto 0;
  padding: 0 2% 5%;
}

.about_honor_content {
  width: 100%;
  box-sizing: border-box;
  border-radius: 10px;
  border: 8px solid #d2b77f;
  background: #d2b77f;
  overflow: hidden;
  box-shadow: 0.05rem 0.05rem 0.2rem rgba(210,183,127,0.4);
}

.about_honor_content img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 10px;
}

.about_honor_page .swiper-pagination-bullet {
  width: 0.25rem;
  height: 0.25rem;
  margin: 0 0.14rem !important;
  background: #ed8404;
  opacity: 0.4;
}

.about_honor_page .swiper-pagination-bullet-active {
  background: #ed8404;
  opacity: 1;
}

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

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

@media screen and (max-width:800px) {
  .about_honor_container {
    padding: 8vw 0;
  }
  .about_honor_list {
    width: 90%;
  }

  .about_honor_page .swiper-pagination-bullet {
    width: 2.5vw;
    height: 2.5vw;
    margin: 0 1.4vw !important;
  }

  .about_honor_content {
    border-radius: 1vw;
    border: 0.8vw solid #d2b77f;
    box-shadow: 0.5vw 0.5vw 1.3vw rgba(210,183,127,0.4);
  }
  .about_honor_content img{border-radius: 1vw;}

  .about_honor_list {
    padding: 0 2% 9vw;
    margin-top: 5vw;
  }
}

/* news */
.index_news_container{ width: 100%;}
.index_news_list{ margin-top: 0.65rem;}
.index_news_list ul li{ width: 48.5%; float:left; margin: 0 3% 0 0; border-bottom: 2px solid #e2e2e2; padding-bottom: 0.25rem; position: relative;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}
.index_news_list ul li:nth-child(2n){ margin-right: 0;}
.index_news_list ul li h5{ font-size: 0.28rem; color: #000; line-height: 1.1em;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; text-transform: uppercase;}
.index_news_list ul li h5 i{ font-style: normal; font-size: 0.18rem; line-height: 1.05em; color: #000000; margin-left: 0.12rem;}
.index_news_list ul li h3{ font-size: 0.2rem; line-height: 1.5em; color: #000000; height: 3em;   display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;overflow: hidden; height: 3em; margin: 0.25rem 0 0.2rem;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}

.index_news_list ul li p{ color: #666666;font-family: "Arial"; font-size: 0.16rem; line-height: 1.5em;    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;overflow: hidden; height: 6em;}

.index_news_img{ border-radius: 10px; overflow: hidden; height: 0; padding-bottom: 56.47%; margin-bottom: 0.2rem;}
.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 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_news_list ul li:hover .index_news_img img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.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_list ul li:hover{border-bottom: 2px solid #d2b77f;}

.index_news_list ul li:hover h3{ color: #d2b77f;}
.index_news_list ul li:hover h5{ margin-left: 0.3rem;}
h6.more2{ margin-top: 0.35rem;}

.index_news_list ul li:nth-child(n+3){ margin-top:3%;}

@media screen and (max-width:800px) {
.index_news_list ul li{ width: 100%; margin: 5vw 0 0 0; padding-bottom: 4vw;}
.index_news_list ul li:nth-child(n+3){ margin-top: 5vw;}
.index_news_list ul li:first-child{ margin-top: 0;}
.index_news_list{ margin-top: 0;}
.index_news_list ul li h3{ font-size: 4.2vw; height: auto;  -webkit-line-clamp: 10; margin: 2vw 0;}
.index_news_list ul li h5{ font-size: 5.6vw;}
.index_news_list ul li h5 i{ font-size: 3.6vw; margin-left: 2vw;}
.index_news_list ul li:hover h5{ margin-left: 0;}
.index_news_img{ border-radius: 1vw; margin-bottom: 2vw;}
h6.more2{ margin-top: 3.5vw;}
.index_news_list ul li p{ font-size: 3.6vw; height: auto;}
}


/* footer */
.line{ width: 100%; height: 0.1rem; background: #d2b77f;    position: relative; z-index: 2;}

.footer_container{ width:100%;background:#f0f0f0; padding:0.5rem 0 0; color:#8b8b8b; }

.footer_container a{ color:#8b8b8b;}
.footer_container a:hover{ color: #d2b77f;}
.footer_content{ padding-bottom: 0.3rem; position: relative;}

.footer_left_content{ float: left;width: 65%;}
.footer_left_content h2{ font-size: 0.46rem;line-height: 1.2em; margin-bottom: 0.2rem; color: #626262;}

.footer_left_content p{font-family: 'Arial'; font-size: 0.2rem; line-height: 1.66em; box-sizing: border-box; padding-left: 0.35rem; margin-top: 0.08rem;}
.footer_left_content p.footer_tel{ background: url(../images/footer_tel.webp) no-repeat left center; background-size: 0.23rem;}
.footer_left_content p.footer_ema{ background: url(../images/footer_email.webp) no-repeat left center; background-size: 0.23rem;}
.footer_left_content p.footer_whatsapp{ background: url(../images/footer_whatsapp.webp) no-repeat left center; background-size: 0.23rem;}
.footer_left_content p.footer_skype{ background: url(../images/footer_skype.webp) no-repeat left center; background-size: 0.23rem;}
.footer_left_content p.footer_address{ background: url(../images/footer_address.webp) no-repeat left center; background-size: 0.23rem;}

.footer_left_content h3{ font-size: 0.3rem; line-height: 1.1em; text-transform: uppercase; margin-top: 0.3rem;color: #626262;}

.footer_left_content ul{ width: 100%; margin-top: 0.2rem;}
.footer_left_content ul li{ width: 0.5rem; float: left; margin-right: 0.15rem;}
.footer_left_content ul li img{ display: block; width: 100%; height:auto;}

.footer_right_content{ float: right; text-align: right;}
.footer_right_content ul li{ font-size: 0.26rem; line-height: 1.2em; margin-top: 0.45rem; text-transform: uppercase;}
.footer_right_content ul li:first-child{ margin-top: 0;}


@keyframes img_keyif {
  0% {transform: scale(1);-mo-transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);}
  50% {transform:scale(.9);-webkit-transform:scale(.9);-moz-transform:scale(.9);}
  100% {transform: scale(1);-mo-transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);}

}
@-webkit-keyframes "img_keyif" {
  0% {transform: scale(1);-mo-transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);}
  50% {transform:scale(.95);-webkit-transform:scale(.95);-moz-transform:scale(.95);}
  100% {transform: scale(1);-mo-transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);}

}

.footer_logo{ width: 3.84rem; position: absolute; left: 49%; top: 20%;}
.footer_logo img{display: block; width: 100%; height: auto;}
.img_keyif{animation: img_keyif 2s linear infinite;
-moz-animation: img_keyif 2s linear infinite;
-webkit-animation: img_keyif 2s linear infinite;
-o-animation: img_keyif 2s linear infinite;}

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

.footer_link p {
  font-size: 0.16rem;
  color: #8b8b8b;
  line-height: 1.1em;
}

.footer_link p a {
  color: #8b8b8b;
}

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

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



.footer_bottom_content{ width:100%; border-top:1px solid rgba(0,0,0,0.1);}
.footer_bottom{padding:0.2rem 0;}
.footer_bottom p{font-family: 'Arial'; font-size:0.16rem; line-height:1.3em;}
.footer_bottom p span{ margin-left:0.6rem;}
.footer_bottom p span:first-child{ margin-left: 0;}

@media screen and (max-width:800px) {
.footer_container{ padding-top: 8vw;}
.footer_left_content{ width: 100%; float: none;}
.footer_left_content h2{ font-size: 5.8vw; margin-bottom: 3vw;}
.footer_left_content h3{ font-size: 4.5vw;margin-top:4vw;}
.footer_left_content p{ font-size: 3.3vw;padding-left: 5vw; margin-top: 1vw;}
.footer_left_content p.footer_tel,.footer_left_content p.footer_whatsapp,.footer_left_content p.footer_skype,.footer_left_content p.footer_address,.footer_left_content p.footer_ema{background-size: 3.8vw;}

.footer_left_content ul li{ width: 9vw;margin-right: 3vw;}
.footer_left_content ul{ margin-top: 2.5vw;}

.footer_right_content{ width: 100%; float: left; text-align: left; margin-top: 1.5vw;}
.footer_right_content ul li{ width: 33.33%; float: left; padding: 0 1vw; text-align: center; box-sizing: border-box; font-size: 3.4vw; margin-top: 5vw;}
.footer_right_content ul li:first-child{margin-top: 5vw;}
.footer_link{display: none;}
.footer_content{ padding-bottom: 6vw;}

.footer_bottom{ padding: 3vw 0;}
.footer_bottom p {
    font-size: 2.8vw;
    display: table;
    margin: 0 auto;
    text-align: center;
}

.footer_bottom p span:nth-child(n+2){margin: 2vw 4vw 0;display:inline-block;}
.footer_bottom p span:first-child{display: block; text-align: center;}

.line{ height: 1vw;}
.linemno{display: none;}

.footer_logo{display: none;}

}


/* to top */
.totop_xuan, .customer_xuan {
  position: fixed;
  right: 27px;
  background: #fff;
  box-shadow: 0 0 10px rgba(210,183,127,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: -1.7rem;
}




/* 404 */
.error_container{ width: 100%; height: 100vh;background-image: linear-gradient(to right, #d2b77f, #ed8404);display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    align-items: center;
    justify-content: center;}

.error_container h3{ font-size: 1.2rem;  line-height: 1.1em;color: #fff; text-align: center;font-weight: normal;}

.error_container p{ text-align: center; font-size: 0.24rem; color:#fff; line-height: 1.5em; margin-top: 0.1rem;}

.error_container ul{ width: 6rem; margin: 0.4rem auto; font-size: 0; text-align: center;}

.error_container ul li{ font-size: 0.2rem;width: 1.4rem;margin:0.05rem; text-transform: uppercase; display: inline-block;*display:inline;*zoom:1;vertical-align: top; }
.error_container ul li a{ color: #fff; display: block;width: 100%; padding: 0.1rem 0; text-align: center;border: 1px solid rgba(255,255,255,0.6);  border-radius: 10px;}

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

.error_content{ width: 92vw;}
.error_container h3{ font-size: 14vw;}
.error_container p{ font-size: 3.4vw; margin-top: 2vw;}
.error_container ul{ width: 100%; margin-top: 4vw;}
.error_container ul li{ width: 49%; margin: 2% 2% 0 0; font-size: 4vw;}
.error_container ul li:nth-child(2n){ margin-right: 0;}
.error_container ul li a{ padding: 2vw 0;}
}

/* big honor */

.showBigImg {
display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.9);
  z-index: 6;
}
.showBigImg .closeBigImg {
  position: absolute;
 left:50%;
  transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%);-o-transform: translateX(-50%);-moz-transform: translateX(-50%);
  top: 35px;
  width: 50px;
  height: 50px;
  z-index: 7;
}

.big-button-prev,.big-button-next{ width: 50px; height:100px; position:absolute;top:50%; margin-top: -50px; z-index: 8;}
.big-button-prev{ background: url(../images/big_left.webp) no-repeat center center; background-size: 100%; left: 0;}
.big-button-next{ background: url(../images/big_right.webp) no-repeat center center; background-size: 100%; right: 0;}


.showBigImg .closeBigImg img{ width: 100%; height: auto;}
.showBigImg .showBigImgWrap {
  position: relative;
  width: 800px;
  height: 70vh!important;
  overflow: hidden;
  box-sizing: border-box;
  margin-top: 15vh;
}
.showBigImg .showBigImgWrap .allImgBox {
  position: relative;
  width: 100%;
  height: 70vh!important;
}
.showBigImg .showBigImgWrap .allImgBox .imgIte {
  float: left;
  width: 100%;
  height: 70vh!important;
  text-align: center;
}

.showBigImg .showBigImgWrap .allImgBox .imgIte img {
  vertical-align: middle;
  max-width: 80%;
  height: 100%;
  border: 8px solid #1b5633;
   border-radius:10px;    box-sizing: border-box;

}

  .showBigImg .showBigImgWrap .swiper-slide {
    text-align: center;
    font-size: 18px;

    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

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

.showBigImg .showBigImgWrap{ width: 80%;  height: 100%!important; margin-top: 0;}
.showBigImg .showBigImgWrap .allImgBox {
  height: 100vh!important;
}
.showBigImg .showBigImgWrap .allImgBox .imgIte {
  height: 100vh!important;
}
.showBigImg .showBigImgWrap .allImgBox .imgIte img {
   width: 70%;
  height:auto;
  max-height: 100%;
}

}

@media screen and (max-width:800px) {
.showBigImg .closeBigImg{ width: 8vw; height: 8vw; top: 20vw;}
.showBigImg .showBigImgWrap{ width: 94vw;}
.big-button-prev,.big-button-next{ width: 6.25vw; height:12.5vw; position:absolute;top:50%; margin-top: -6.25vw;}
.showBigImg .showBigImgWrap .allImgBox .imgIte img {
   width: 75%;  border: 0.8vw solid #1b5633;  border-radius: 1vw;
}
}