@charset "utf-8";

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

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

.inside_container {
  width: 100%;
}

.top_mag_m {
  margin-top: 2.8%
}

@media screen and (max-width:800px) {
  .top_mag {
    margin-top: 0;
  }

  .top_mag_w {
    margin-top: 8vw;
  }

  .top_mag_m {
    margin-top: 6vw;
  }
  .top_mag_nav{ margin-top: 18vw;}
  .top_mag_nav2{ margin-top: 16vw;}

}

.outside_color_content {
  background: #f5f5f5;
  /*overflow: hidden;*/
  padding-bottom: 4%;
}

.outside_color_content2 {
  padding-bottom: 0;
}

.inside_word p{  font-family: "Arial";
  font-size: 0.18rem;
  line-height: 1.66em;
  color: #666666;
  margin-top: 0.15rem;}

@media screen and (max-width:800px) {
  .outside_color_content {
    padding-bottom: 8vw;
    overflow: hidden;
  }

  .outside_color_content2 {
    padding-bottom: 0;
  }
  .inside_word p{margin-top: 2vw;font-size: 3.6vw;}
}

/* top */
.top_container {
border-top: 0.1rem solid #e6e6e6;
  background: #f8f8f8;
}

/*banner*/
.inside_banner_content {
  width: 100%;
  overflow: hidden;
  margin-top: 1.3rem;
}

.inside_banner_content img {
  display: block;
  width: 100%;
  height: auto;
  -webkit-animation: animate 4s linear;
  -moz-animation: animate 4s linear;
  animation: animate 4s linear;
}

@media screen and (max-width:1024px) {
.inside_banner_content{ margin-top: 13vw;}
}
@media screen and (max-width:800px) {
  .inside_banner_content {
    display: none;
  }
}

/* secondary nav */
.secondary_nav_list{ max-width: 1380px; margin: -0.45rem auto 0; position: relative;z-index: 2;}
.secondary_nav_list ul {
  display: table; margin: 0 auto;
    border-radius: 10px;box-shadow: 0.05rem 0.05rem 0.2rem rgba(210,183,127,0.6); overflow:hidden; background: #fff;

  }
  
.product_nav_list ul{display: block;}

.secondary_nav_list ul li {
  width: 2.4rem;
  box-sizing: border-box;
  border-left: 4px solid #fff;
  float: left;
}

.product_nav_list ul li{width: 16.666666%;}

.secondary_nav_list ul li a {
  width: 100%;
  display: block;
  font-size: 0.24rem;
  line-height: 1.15em;
  padding: 0 0.1rem;
  box-sizing: border-box;
  height: 0.85rem;
  text-align: center;
  background: #f5f5f5;
  transition-duration: .5s;
  -ms-transition-duration: .5s;
  -moz-transition-duration: .5s;
  -webkit-transition-duration: .5s;
  color: #333333;
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
  align-items: center;
  justify-content: center;
}

.secondary_nav_list ul li:first-child{
  border-left: none;
}

.secondary_nav_list ul li a:hover, .secondary_nav_list ul li.cur a {
  color: #fff;
  background: #d2b77f;
}
.nav_fold {
  display: none;
}

@media screen and (max-width:1450px) {
.secondary_nav_list{ max-width: 90%;}
.secondary_nav_list ul li{ width: 16vw;}
.product_nav_list ul li{width: 16.666666%;}
}

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

  .secondary_nav_list {
    margin: 16vw auto 0;max-width: 92%;
  }

  .secondary_nav_list ul li a:hover, .secondary_nav_list ul li.cur a {
    background: #d2b77f;
  }

  .secondary_nav_list ul {
    margin: 0;
    display: none;
    border-top: 1px solid #eaeaea;
    box-sizing: border-box;
    background: #f7f7f7;
    overflow: hidden;
    border-radius: 0;
    box-shadow: none;
  }

  .secondary_nav_list ul li {
    border-bottom: 1px solid #eaeaea;
    padding: 0;
    text-align: center;
    width: 100%;
    border-left: none;
  }
  
  .product_nav_list ul li{width: 100%;}

  .secondary_nav_list_container_four .secondary_nav_list ul li {
    width: 100%;
  }

  .secondary_nav_list ul li a {
    padding: 0;
    font-size: 3.8vw;
    border-left: none;
    background: none;
    height: 9.5vw;
    line-height: 9.5vw;
    color: #444;
  }

  .nav_fold {
    display: block;
    width: 100%;
    background: #ededed;
    position: relative;
    text-align: left;
    box-sizing: border-box;
    padding: 2.5vw 4vw;
  }

  .nav_fold h3 {
    font-size: 4.2vw;
    line-height: 1.3em;
    color: #636363;
    font-weight: normal;
    text-transform:capitalize;
  }

  .nav_fold h3 i {
    display: block;
    position: absolute;
    right: 4vw;
    top: 0;
    transition-duration: .5s;
    -ms-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -webkit-transition-duration: .5s;
    height: 100%;
  }

  .nav_fold h3 i span {
    font-style: normal;
    text-align: center;
    display: block;
    transition-duration: .5s;
    -ms-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -webkit-transition-duration: .5s;
    background: url(../images/m_icon1.webp) no-repeat center center;
    background-size: 100%;
    width: 4.8vw;
    height: 100%;
  }

  .nav_fold h3 i span.daohang2 {
    display: none;
    background: url(../images/m_icon2.webp) no-repeat center center;
    background-size: 100%;
  }

  .nav_fold h3 i.nav_close {
    transition-duration: .5s;
    -ms-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -webkit-transition-duration: .5s;
  }

  .nav_fold h3 i.nav_close span.daohang1 {
    display: none;
  }

  .nav_fold h3 i.nav_close span.daohang2 {
    display: block;
  }
}

/* navigation +*/
.navigation_container {
  width: 100%;
  padding: 3.2% 0;
  text-transform: capitalize;
}
.about_navigation_container{ padding: 2% 0 3.2%;}

.navigation_container p {
  font-size: 0.2rem;
  line-height: 1em;
  color: #141414;
}

.navigation_container p a {
  color: #141414;
}

.navigation_container p a:hover {
  color: #d2b77f;
}

.navigation_container p i {
  display: block;
  float: left;
  width: 0.21rem;
  margin: -0.02rem 0.12rem 0 0;
}

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

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

/* news +*/
/* news list+*/

/* left */
.news_list_container_left{ width: 61.5%; float: left;}
.inside_news_list{ margin-top: 0;}
.inside_news_list ul li{ width: 100%; float: none; margin: 0;}
.inside_news_list ul li h3{ font-size: 0.24rem; line-height: 1.33em;margin: 0.25rem 0 0.15rem; -webkit-line-clamp: 10;height:auto;}
.inside_news_list ul li p{-webkit-line-clamp: 5;height: auto;}
h6.more3{margin-top: 0.35rem;}
.inside_news_list ul li:nth-child(n+2){ margin-top: 4%;}

@media screen and (max-width:800px) {
.news_list_container_left{ width: 100%; float: none;}
.inside_news_list ul li h3{    font-size: 4.2vw;margin: 2vw 0; line-height: 1.5em;}
h6.more3{ margin-top: 3.5vw;}
.inside_news_list ul li p{-webkit-line-clamp: 6; height: auto;}
.inside_news_list ul li:nth-child(n+2){ margin-top: 5vw;}
}

/* right */
.news_list_container_right{ width: 32.5%; float: right;}
.news_list_container_right h2{ font-size: 0.4rem; line-height: 1.2em; color: #141414; text-align: right; text-transform: capitalize; margin-bottom: 0.4rem;}
.news_list_container_right ul li{ padding-bottom: 7%; border-bottom: 1px solid #ecebeb; margin-top: 7%;}
.news_list_container_right ul li h3{ color: #000000; font-size: 0.2rem; line-height: 1.4em;}
.news_list_container_right ul li h3:hover{ color: #d2b77f;}
.news_list_container_right ul li p{font-family: "Arial"; font-size: 0.16rem; color: #666666; line-height: 1.5em;    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;overflow: hidden; margin-top: 0.15rem;}
.news_list_container_right ul li h5{ font-weight: normal;font-family: "Arial"; color: #3d3d3d; font-size: 0.15rem; line-height: 1.2em; text-align: right; margin-top: 0.2rem; text-transform: uppercase;}
@media screen and (max-width:800px) {
.news_list_container_right{ width: 100%; float:none; margin-top: 8vw;}
.news_list_container_right h2{ font-size: 5.4vw; text-align: left; margin-bottom: 4vw;}
.news_list_container_right ul li h3{ font-size: 4vw;}
.news_list_container_right ul li{ padding-bottom: 4vw; margin-top: 5vw;}
.news_list_container_right ul li p{ font-size: 3.6vw; margin-top: 2vw;}
.news_list_container_right ul li h5{ font-size: 3.5vw; margin-top: 3vw; text-align: left;}
}


/* page +*/
.page_content {
  display: table;
  margin: 0.8rem auto 0;
}

.page_content h6 {
  font-weight: normal;
}

.page_content a {
  font-size: 0.2rem;
  line-height: 1em;
  width: 0.48rem;
  height: 0.48rem;
  border: 2px solid #e2e2e2;
  box-sizing: border-box;
  border-radius: 10px;
  display: block;
  float: left;
  margin: 0 0.11rem;
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
  align-items: center;
  justify-content: center;
  color: #bebebe;
  transition-duration: .5s;
  -ms-transition-duration: .5s;
  -moz-transition-duration: .5s;
  -webkit-transition-duration: .5s;
}

.page_content a.page_fir {
  width: 0.68rem;
}

.page_content a:hover, .page_content a.cur {
  color: #fff;
  background: #1b5633;
  border: 2px solid #1b5633;
}

@media screen and (max-width:800px) {
  .page_content {
    margin-top: 8vw;
  }

  .page_content a {
    border-radius: 1vw;
    border: 2px solid #e2e2e2;
    font-size: 3.5vw;
    width: 7.6vw;
    height: 7.6vw;
    margin: 0 1.2vw;
  }

  .page_content a.page_fir {
    width: 9vw;
  }

  .page_content a:hover, .page_content a.cur {
    border: 2px solid #1b5633;
  }
}

/* news_detail +*/
.news_detail_top {
  border-bottom: 2px solid #eaeaea;
  padding-bottom: 0.1rem;
  margin-bottom: 0.4rem;
}

.news_detail_top h1 {
  font-size: 0.36rem;
  color: #333333;
  line-height: 1.4em;
  font-weight: normal;
  text-align: center;
  margin-bottom: 0.2rem;
}

.news_source_content {
  display: table;
  margin: 0 auto;
}

.news_source_content h6 {
  font-weight: normal;
  font-size: 0.18rem;
  color: #d2b77f;
  line-height: 1.5em;
  float: left;
  margin: 0.06rem 0 0;
}

.news_detail_bottom_content p {
  font-size: 0.16rem;
  color: #666666;
  line-height: 1.75em;
  margin-top: 0.15rem;
  font-family: "Arial";
}

.news_detail_bottom_content p strong{ color: #333333;}

.news_detail_bottom_content img {
  max-width: 100%;
  height: auto;
}

.news_detail_page_container {
  width: 100%;
  border-top: 2px solid #e9e9e9;
  margin-top: 0.6rem;
}

.news_detail_page {
  margin-top: 0.6rem;
}

.news_detail_page ul li {
  width: 100%;
}

.news_detail_page ul li:nth-child(2) {
  margin-top: 2%;
}

.news_detail_page ul li {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  transition-duration: .5s;
  -ms-transition-duration: .5s;
  -moz-transition-duration: .5s;
  -webkit-transition-duration: .5s;
  font-family: "Arial";
  font-size: 0.18rem; line-height: 1.4em; color: #000000;
}

.news_detail_page ul li a {
  color: #000000;
  transition-duration: .5s;
  -ms-transition-duration: .5s;
  -moz-transition-duration: .5s;
  -webkit-transition-duration: .5s;
}

.news_detail_page ul li:hover a {
  color: #d2b77f;
}

@media screen and (max-width:800px) {
  .news_detail_top h1 {
    font-size: 4.6vw;
    line-height: 1.4em;
    margin-bottom: 3vw;
  }

  .news_source_content h6 {
    margin: 0;
    font-size: 3.6vw;
  }

  .news_detail_top {
    padding-bottom: 2vw;
    border-bottom: 0.2vw solid #eaeaea;
    margin-bottom: 4vw;
  }


  .news_detail_bottom_content p {
    font-size: 3.6vw;
    margin-top: 2.5vw;
    line-height: 1.5em;
  }

  .news_detail_page_container {
    margin-top: 6vw;
    border-top: 0.2vw solid #e9e9e9;
  }

  .news_detail_page {
    margin-top: 6vw;
  }

  .news_detail_page ul li {
    font-size: 3.5vw;
  }
  .news_detail_page ul li:nth-child(2){ margin-top: 2vw;}

}


/* contact +*/
/* contact top +*/
.contact_top_content_container {
  width: 100%;
  overflow: hidden;
  z-index: 2; position: relative;
}

.contact_top_content {
  background: #f9f8f8;
/*  background-image: linear-gradient(to right, #d2b77f, #ed8404);*/
  border-bottom: 10px solid #d2b77f;
  height: 4.2rem;
  padding-right: 600px;
  width: 100%;
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
  align-items: center;
  justify-content: space-between;
}

.contact_top_left_content {
  float: left;
  box-sizing: border-box;
  padding-left: 0.7rem;
  margin-top: -0.15rem;
  max-width: 50%;
}

.contact_top_word p {
  font-size: 0.7rem;
  line-height: 1.14em;
  color: #141414;
  text-transform:capitalize;
}

.contact_top_right_content {
  width: 46.37%;
  float: right;
  border-radius: 10px;
  overflow: hidden;
}

.contact_top_right_content img {
  display: block;
  width: 100%;
  height: auto;
  transform: scale(1);
  -mo-transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  transition: all 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;
}

.contact_top_right_content:hover 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:1320px) {
  .contact_top_content {
    height: 3.9rem;
  }
}

@media screen and (max-width:930px) {
  .contact_top_word p {font-size: 0.56rem;}
  .contact_top_content {
    height: 3.5rem;
  }
}

@media screen and (max-width:800px) {
  .contact_top_content_container {
    margin-top: 3vw;
    position: static;
    z-index: 1;
  }

  .contact_top_container {
    width: 100% !important;
  }

  .contact_top_content {
    padding: 5vw 4%;
    box-sizing: border-box;
  }

  .contact_top_content {
    display: block;
    height: auto;
    overflow: hidden;
    border-bottom: 1vw solid #d2b77f;
  }

  .contact_top_left_content {
    padding: 0;
    float: none;
    margin: 0;
    max-width: 100%;
  }

  .contact_top_word p {
    font-size: 6.8vw;
    line-height: 1.25em;
  }

  .contact_top_right_content {
    width: 100%;
    float: none;
    margin-top: 3vw;
  }
}

/* contact_tel +*/
.inside_contact_container{ width: 100%; background: #eaeaea; padding: 2.8rem 0 4%; box-sizing: border-box; margin-top: -2rem;}

.contact_tel_word{ padding: 0 0.3rem; box-sizing:border-box; margin-top: -0.1rem;}
.contact_tel_word p {
  font-family: "Arial";
  font-size: 0.3rem;
  color: #555555;
  line-height: 1.5em;
  padding-left: 0.6rem;
  box-sizing: border-box;
  margin-top: 0.15rem;
}
.contact_tel_word p a{color: #555555;}
.contact_tel_word p a:hover{color: #1b5633;}

.contact_tel_word p.contact_tel {
  background: url(../images/contact_tel1.webp) no-repeat left center;
  background-size: 0.4rem;
}

.contact_tel_word p.contact_email {
  background: url(../images/contact_tel2.webp) no-repeat left center;
  background-size: 0.4rem;
}
.contact_tel_word p.contact_whatsapp {
  background: url(../images/contact_tel3.webp) no-repeat left center;
  background-size: 0.4rem;
}
.contact_tel_word p.contact_skype {
  background: url(../images/contact_tel4.webp) no-repeat left center;
  background-size: 0.4rem;
}
.contact_tel_word p.contact_address {
  background: url(../images/contact_tel5.webp) no-repeat left center;
  background-size: 0.36rem;
}

@media screen and (max-width:1320px) {
  .inside_contact_container{ padding-top: 2.5rem;}
}

@media screen and (max-width:800px) {
  .inside_contact_container{ padding: 8vw 0; margin-top: 0;}
  .contact_tel_word{ padding: 0 2vw;}
  .contact_tel_word p {
    font-size: 3.8vw;
    padding-left: 7vw;
    margin-top: 2vw;
  }
  .contact_tel_word p span{display: none;}
  .contact_tel_word p.contact_tel,.contact_tel_word p.contact_email,  .contact_tel_word p.contact_whatsapp,.contact_tel_word p.contact_skype{
    background-size: 5vw;
  }
  .contact_tel_word p.contact_address{background-size: 4.4vw;}

  .contact_tel_word h4 {
    font-size: 4.6vw;
    margin: 6vw 0 3.5vw;
  }
}

/* contact form +*/
.contact_form_container{ padding: 4% 0; box-sizing: border-box; background: url(../images/form_bg.webp) no-repeat center center; background-size: cover;}
.form_word_content{ width: 1090px; margin: 0 auto;}

.base_form{ width: 47.5%; float: left; position: relative; margin: 2.5% 5% 0 0; background: #fff; border-radius: 0.5rem; height: 0.7rem; box-sizing: border-box; padding: 0 0 0 0.35rem;}
.base_form:nth-child(2n){ margin-right: 0;}

.form_word_content .small, .form_word_content small{
    font-size: 0.16rem;
    position: absolute;
    right: 0.8rem;
    line-height: 0.7rem;
  }

.text-danger{color: #dc3545!important;}

.base_form p{
  float: left;
    font-size: 0.24rem;
    line-height: 1.5em;
    font-family: "Arial";
    color: #000000;
    margin-right: 0.1rem;
    line-height: 0.7rem;
  }
  .base_form input{
    border: none;
    background: none;
    outline: none;
    float: left;
    width: 300px;
    line-height: 1.5em;
    font-size: 0.18rem;
    color: #444;
    font-family: "Arial";
    font-weight: normal;
    height: 100%;
    line-height: 0.7rem;
    box-sizing: border-box;
  }
.base_form:nth-child(3) input{width: 203px;}
.base_form:nth-child(4) input{width: 284px;}
.base_form i{ width: 0.56rem; display: block; float: right; height: 0.56rem; margin: 0.07rem 0.07rem 0 0;}
.base_form:nth-child(1) i{ background: url(../images/contact_icon1.webp) no-repeat center center; background-size: 100%;}
.base_form:nth-child(2) i{ background: url(../images/contact_icon2.webp) no-repeat center center; background-size: 100%;}
.base_form:nth-child(3) i{ background: url(../images/contact_icon3.webp) no-repeat center center; background-size: 100%;}
.base_form:nth-child(4) i{ background: url(../images/contact_icon4.webp) no-repeat center center; background-size: 100%;}

.base_form:nth-child(5){ width: 100%; border-radius: 10px; height: 2.8rem; padding: 0;}
.base_form:nth-child(5) textarea
{
  width: 100%;
border: none;
background: none;
outline: none;
box-sizing: border-box;
height: 100%;
font-family: "Arial";
color: #444;
font-size: 0.18rem;
padding: 0.2rem 0.35rem;
line-height: 1.5em;
}

.base_form:nth-child(5) textarea::-webkit-input-placeholder{
  font-size: 0.24rem;
  line-height: 1.5em;
  color: #000000;
      }
.base_form:nth-child(5) textarea::-moz-placeholder{
  font-size: 0.24rem;
  line-height: 1.5em;
  color: #000000;
      }
.base_form:nth-child(5) textarea:-moz-placeholder{
  font-size: 0.24rem;
  line-height: 1.5em;
  color: #000000;
      }
.base_form:nth-child(5) textarea:-ms-input-placeholder{
  font-size: 0.24rem;
  line-height: 1.5em;
  color: #000000;
      }

.base_form h4{font-family: "Arial"; font-weight: normal; font-size: 0.24rem; color: #ffffff; line-height: 1.3em; margin-bottom: 0.25rem;}

.base_form:nth-child(6){ width: 100%; background: none; padding: 0; height: auto;}
.base_form:nth-child(6) input{ height: 0.4rem; width: 1.3rem; border: none; box-sizing:border-box; border-bottom: 3px solid #fff; margin-right: 0.12rem; color: #fff; padding: 0 0.1rem; text-align: center;}
.base_form:nth-child(6) img{ height: 0.4rem!important; width:0.94rem;}

.base_form:nth-child(6) .small,.base_form:nth-child(6) small{ line-height: 1.2em; right: auto; left: 2.6rem; bottom: 0;}

.form_word_content button
{
border: none;
background: none;
outline: none;
width: 2.6rem;
height: 0.7rem;
line-height: 0.7rem;
text-align:center;
background: #fff;
border-radius: 0.6rem;
overflow: hidden;
font-size: 0.34rem;
color: #1b5633;
display: block;
font-family: "Arial";
font-weight: bold;
margin: 0.8rem auto 0;
transition-duration: .5s;
-ms-transition-duration: .5s;
-moz-transition-duration: .5s;
-webkit-transition-duration: .5s;
}


@media screen and (max-width:1450px) {
.base_form:nth-child(3) input{width: 212px;}
}

@media screen and (max-width:1220px) {
.form_word_content{ width: 90%;}
.base_form input {  width: 23vw;}
.base_form:nth-child(3) input{width: 15.8vw;}
.base_form:nth-child(4) input{width: 21.8vw;}
}
@media screen and (max-width:800px) {
.form_word_content{ width: 92%;}
.contact_form_container{padding: 8vw 0;}
.base_form{ width: 100%; margin:3vw 0 0;height: 8vw; padding-left: 3vw;}
.base_form:nth-child(1){ margin-top: 0;}
.base_form p{ font-size: 3.8vw; line-height: 8vw;margin-right: 2vw;}
.base_form i{width: 6.4vw;height: 6.5vw; margin: 0.8vw 0.8vw 0 0;}
.form_word_content .small, .form_word_content small{ line-height: 8vw; right: 8vw;}
.base_form input {  width: 55.6vw; font-size: 3.4vw}
.base_form:nth-child(2) input{ width: 55vw;}
.base_form:nth-child(3) input{ width: 40.6vw;}
.base_form:nth-child(4) input{ width: 52.4vw;}
.base_form:nth-child(5) textarea{ padding: 3vw; font-size: 3.4vw;}

.base_form:nth-child(5) textarea::-webkit-input-placeholder{
  font-size: 3.8vw;
      }
.base_form:nth-child(5) textarea::-moz-placeholder{
  font-size: 3.8vw;
      }
.base_form:nth-child(5) textarea:-moz-placeholder{
  font-size: 3.8vw;
      }
.base_form:nth-child(5) textarea:-ms-input-placeholder{
  font-size: 3.8vw;
      }
.base_form:nth-child(5) {
  height: 40vw;
}
.base_form h4{ font-size: 4vw; margin-bottom: 3vw;}
.base_form:nth-child(6){ margin-top: 4vw;}
.form_word_content button{ margin-top: 8vw; font-size: 4.4vw; width: 30vw; height: 8vw; line-height: 8vw; border-radius: 10vw;}
}



/* More Info */
/* about us + */
.about_container {
  width: 100%;
  background: url(../images/about_bg.webp) no-repeat center bottom;
  background-size: cover;
  padding: 0 0 4%;
}

.about_word_container{ margin-top: -0.1rem;}
.about_word_container h4 {
  font-size: 0.28rem;
  line-height: 1.3em;
  color: #3c3c3c;
   font-weight: normal;
  font-family: "Arial";
}

.about_word_container p {
  font-family: "Arial";
  font-size: 0.18rem;
  line-height: 1.66em;
  color: #666666;
  margin-top: 0.15rem;
}

.about_word_container p img {
  max-width: 100%;
  margin-top: 0.2rem;
  height: auto;
}

@media screen and (max-width:800px) {
  .about_container {
    padding:0 0 8vw;
    margin-top: 5vw;
  }
  .about_word_container{ margin-top: 0;}

  .about_word_container h4 {
    font-size: 4.2vw; line-height: 1.5em;
  }

  .about_word_container p {
    margin-top: 2vw;
    font-size: 3.6vw;
  }

  .about_word_container p img {
    margin: 0;
  }
}

/* faq +*/

.faq_content_list ul li{ width: 100%; border-radius: 10px; background: #fff; box-sizing: border-box; padding: 0.5rem 0.4rem;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}
.faq_content_list ul li h3{ font-size: 0.24rem; color: #333333; line-height: 1.3em; background: url(../images/faq_pro.webp) no-repeat left top; background-size: 0.3rem; box-sizing: border-box; padding-left: 0.45rem;}
.faq_content_list ul li p{ color: #666666; font-size: 0.18rem; line-height: 1.66em;font-family: "Arial";}
.faq_answer{ overflow: hidden; width: 100%;background: url(../images/faq_ans.webp) no-repeat left top;background-size: 0.28rem; box-sizing: border-box; padding-left: 0.45rem; min-height: 0.32rem; margin-top: 0.3rem;}
.faq_content_list ul li:hover{box-shadow: 0 0 0.2rem rgba(210,183,127,0.4);}
.faq_content_list ul li:nth-child(n+2){ margin-top: 0.3rem;}
@media screen and (max-width:800px) {
.faq_content_list ul li:hover{box-shadow: 0 0 2.5vw rgba(210,183,127,0.4);}
.faq_container{ margin-top: 5vw;}
.faq_content_list ul li h3{ font-size: 4.4vw; background-size: 5vw; background-position: left 0.2vw;padding-left: 7vw;}
.faq_content_list ul li{ border-radius: 1vw; padding: 5vw 4vw;}
.faq_content_list ul li p{ font-size: 3.6vw; line-height: 1.5em;}
.faq_answer{background-size: 4.6vw;padding-left: 7vw; margin-top: 3.7vw;min-height: 5vw;}
.faq_content_list ul li:nth-child(n+2){ margin-top: 4vw;}
}

/* factory tour +*/
.production_word{ margin-top: -0.1rem;}
.production_content_img_list{ margin-top: 2.5%;}
.production_content_img_list ul li{ width: 47.5%; float:left; margin: 0 5% 0 0; }
.production_content_img_list ul li:nth-child(2n){ margin-right: 0;}
.production_content_img_list ul li:nth-child(n+3){ margin-top: 3%;}
.production_img{ border-radius: 10px; overflow: hidden; width: 100%; border: 8px solid #d2b77f;background: #d2b77f; box-sizing: border-box;}
.production_content_img_list 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 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; border-radius: 10px;}
.production_img:hover 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;}
.production_content_img_list ul li p{ font-size: 0.3rem; color: #222531; line-height: 1.2em; text-align: center; margin-top: 0.25rem;}

.production_mag{ margin-top: 3%;border-top: 1px solid #ecebeb; padding-top: 3%;}

@media screen and (max-width:800px) {
.production_word{ margin-top: -1.7vw;}
.production_mag{ margin-top: 4vw; padding-top: 4vw;}
.production_img{border: 1vw solid #d2b77f; border-radius: 1vw;}
.production_content_img_list ul li img{ border-radius: 1vw;}
.production_content_img_list ul li p{ font-size: 4.2vw; margin-top: 2vw;}
.production_content_img_list{ margin-top: 4vw;}
.production_content_img_list ul li:nth-child(n+3){ margin-top: 3vw;}
}



/* food safety */

/* part 1 */

.inside_safety_content{ position: relative; border-radius: 0 10px 10px 0; width: calc(50% + 6.9rem);box-shadow: 0 0 0.2rem rgba(27,86,51,0.4); border-radius: 0 10px 10px 0; overflow: hidden; margin-top: 0.5rem;}
.inside_safety_content_left { width: calc(100% - 6.9rem); float: left;}
.inside_safety_content_left img{ width: 100%; height: auto;}

.inside_safety_content_right{ width: 6.9rem; height: 100%; position: absolute; right: 0; background: #fff; box-sizing: border-box; padding: 0 0.6rem;
  display: flex;
      display: -webkit-flex;
      display: -ms-flex;
      align-items: center;
}

.safety_word h4{ font-size: 0.24rem; color: #333333; line-height: 1.4em; margin-bottom: 0.35rem;}


/* safety honor +*/
.safety_honor_container{ width: 100%; background:url(../images/safety_honor_bg.webp) no-repeat center top; background-size:cover;padding: 20% 0 2.2rem; margin-top: -16%; overflow: hidden;}

.inside_safety_honor{ margin: 0 auto; width: 1100px;padding: 0.6rem 2% 1.3rem;}

.inside_safety_honor .about_honor_content{  transition-duration: .5s;
  -ms-transition-duration: .5s;
  -moz-transition-duration: .5s;
  -webkit-transition-duration: .5s;}
.inside_safety_honor .swiper-slide-active .about_honor_content, .inside_safety_honor .swiper-slide-duplicate-active .about_honor_content {
  -webkit-transform: scale(1.18, 1.18) !important;
  transform: scale(1.18, 1.18) !important;
  z-index: 2;
  overflow: visible;
}


@media screen and (max-width:1450px) {
.inside_safety_content{ width: 95%;}
.inside_safety_content_right{ width: 47.5%;}
.inside_safety_content_left{ width: 52.5%;}
.inside_safety_honor{ width: 75%;padding: 0.6rem 2% 1.2rem;}
.safety_word h4{ margin-bottom: 0.15rem;}
}

@media screen and (max-width:1350px) {
.inside_safety_content_left{ height: 4.7rem; position: relative;}
.inside_safety_content_left img{height: 100%; width: auto; position: absolute; left: 50%; top: 0;transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%);-o-transform: translateX(-50%);-moz-transform: translateX(-50%);}
}

@media screen and (max-width:1024px) {
.inside_safety_content_left{ height: 5rem;}
.inside_safety_content_right{padding: 0 0.4rem;}
}

@media screen and (max-width:800px) {
.inside_safety_container{ margin-top: 18vw}
.inside_safety_content{ width: 92%; margin: 5vw auto 0; border-radius: 1vw;box-shadow: 0 0 2vw rgba(27,86,51,0.4);}
.inside_safety_content_left{ width: 100%; height: auto;}
.inside_safety_content_left img{ width: 100%; height:auto; position: static; left: 0;transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0);-o-transform: translateX(0);-moz-transform: translateX(0);}
.inside_safety_content_right{ width: 100%; position:static; height:auto; padding: 5vw 4vw;}

.safety_word h4{ font-size: 4.2vw; margin-bottom: 2vw;}

.safety_honor_container{ padding: 7vw 0; margin-top: 8vw; background-size: cover;}
.inside_safety_honor{width: 88%;padding: 5vw 2% 11vw;}
}

/* safety bottom */
.safety_bottom_container{ margin-top: -1.3rem;}
.safety_bottom_list ul li{box-shadow: 0 0 0.2rem rgba(27,86,51,0.4);padding: 0.5rem 0.7rem;}
.safety_bottom_list ul li h3{ background: none; padding-left: 0; color: #1b5633;}
.safety_bottom_list ul li .faq_answer{background: none; padding-left: 0;}
.safety_bottom_word p{ margin-top: 0.15rem;}
.safety_bottom_word{ margin-top: 0.15rem;}

@media screen and (max-width:800px) {
.safety_bottom_container{ margin-top: 8vw;}
.safety_bottom_list ul li{padding: 5vw;}
.safety_bottom_word p{ margin-top: 2vw;}
.safety_bottom_word{ margin-top: 1vw;}
}

/* product */
/* product list */
.product_list_word{ width: 950px; margin-top: -0.1rem;}
.product_list_word p{ margin-top: 0;}

.product_list{ margin-top: 0.2rem;}
.product_list ul li{ width: 32%; float: left; margin: 2% 2% 0 0; background: #eeeded; box-sizing: border-box; padding: 0.3rem 0.25rem 0.25rem; border-radius: 10px;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}
.product_list ul li:nth-child(3n){ margin-right: 0;}

.product_list_img{ width: 100%; border-radius: 10px; overflow: hidden; margin-top: 0.15rem; height: 0; padding-bottom: 100%;}
.product_list_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;}
.product_list ul li:hover .product_list_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;}

.product_list ul li h3{
  font-size: 0.26rem;
    line-height: 1.33em;
    margin-bottom: 0.12rem;
    color: #000;
    text-transform: capitalize;
    transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;
  }

  .product_list ul li p{
    color: #444;
    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;
    transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;
  }

  .product_list ul li:hover{box-shadow: 0.05rem 0.05rem 0.2rem rgba(210,183,127,0.4); background: #d2b77f; /*background-image: linear-gradient(to right, #d2b77f, #ed8404);*/}

  .product_list ul li:hover h3,.product_list ul li:hover p{ color: #fff;}
    .product_list ul li:hover h6.product_more{ color:#fff;}

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

  @media screen and (max-width:800px) {
   .product_list_container{ margin-top: 5vw;}
   .product_list_word{ width: 100%; margin-top: -1.7vw;}
   .product_list{ margin-top: 0;}
   .product_list ul li{ width: 100%; margin: 4vw 0 0 0; border-radius: 1vw; padding: 5vw 4.5vw 4.5vw;}
   .product_list_img{ border-radius: 1vw; margin-top: 3vw;}
   .product_list ul li p{ font-size: 3.6vw; height: auto;}
   .product_list ul li h3{ font-size: 4.6vw;margin-bottom: 3vw;}
   .product_list ul li:hover{box-shadow: 0.5vw 0.5vw 2vw rgba(210,183,127,0.4); background: #eeeded;}
   .product_list ul li:hover h3{ color: #000;}
   .product_list ul li:hover p{color: #444;}
   .product_list ul li:hover h6.product_more{ color:#333;}
  }

  /* product detail */

 /* peoduct_top */
.product_detail_container{ overflow:hidden;}
.product_detail_top_content{ position: relative;}
 /* left */
 .product_detail_left_content{ width: 50%; float: left; }
 .product_detail_left2{ width: 100%; height: 100%; float: right;background: #f9f9f9;padding: 0.6rem 0 0.6rem 600px;}

 .product_detail_picture{ width:87%; float: left; border-radius: 10px;}
 .product_detail_picture .swiper-slide img{display:block; width: 100%; height:auto;}

.ser_page_content10{text-align: center;
  position: absolute;
  left: 0;
  z-index: 2;
  width: 100%;
  bottom: 0.3rem;
}
.service_page {
  width: auto !important;
  background: rgba(255, 255, 255, 0.7);
  left: 0 !important;
  transform: translateX(0) !important;
  -ms-transform: translateX(0) !important;
  -webkit-transform: translateX(0) !important;
  -o-transform: translateX(0) !important;
  -moz-transform: translateX(0) !important;
  padding: 0.13rem 0.1rem;
  border-radius: 0.4rem;
  display: inline-block;
  margin: 0 auto;
  position: static!important;
}

.service_page .swiper-pagination-bullet {
  width: 0.25rem;
  height: 0.25rem;
  margin: 0 0.12rem !important;
  background: #ed8404;
  opacity: 0.3;
}

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

.swiper-container-horizontal>.service_page {
  bottom: 0.5rem !important;
}

/* right */
.product_detail_right_content{ width: 50%; position: absolute; height: calc(100% - 1.2rem); right: 0; }
.product_detail_right2{ width: 100%; height: 100%; float: left;padding: 0.6rem 600px 0.6rem 0;background: #efefef; position: relative;}
.product_detai_top_word{ width: 89%; float: right;}

.product_detai_top_word h3{ color: #141414; font-size: 0.42rem; line-height: 1.4em;font-family: "Arial"; border-bottom: 1px solid #cbcbcb; padding-bottom: 2.5%;}
.product_detai_top_word h4{ color: #141414; font-size: 0.26rem; line-height: 1.2em; margin: 7.5% 0 0.15rem 0;}


.product_top_word{ display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 8;overflow: hidden;}
.product_top_word p{ margin-top: 0;}

.product_detai_top_word h6.contact{ width: 2rem; height: 0.6rem; border-radius: 5px; background: #d2b77f;font-family: "Arial"; font-size: 0.24rem; line-height: 0.6rem; color: #fff; font-weight: normal; text-align: center; cursor: pointer;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; position:absolute;bottom: 0.6rem;}

.product_detai_top_word h6.contact:hover{ background: #ed8404;}

.line2{ width: 100%; height: 0.18rem; background: #cdac69;}

  @media screen and (max-width:1000px) {
  .product_top_word{-webkit-line-clamp: 6;}

  }


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

    .product_detail_container{ margin-top: 13vw;}

    .product_detail_top_content{ width: 100%!important;}
    .product_detail_left_content{ width: 100%; float: none;}
    .product_detail_picture{ width: 100%; border-radius: 1vw;}
    .product_detail_left2{ float: none; padding: 6vw 4%; box-sizing: border-box;}

    .ser_page_content10{bottom: 3vw;}
    .service_page {
      padding: 1.3vw 2vw;
    }
  .service_page .swiper-pagination-bullet {
    width: 2.5vw;
    height: 2.5vw;
    margin: 0 1vw !important;
     }
  .swiper-container-horizontal>.service_page {
    bottom: 0 !important;
     }

.product_detail_right_content{ width: 100%; position: static; right: auto; height: auto;}
.product_detail_right2{ float: none; padding: 6vw 4%; box-sizing: border-box;}
.product_detai_top_word{ width: 100%; float: none;}

.product_detai_top_word h3{ font-size: 5.6vw; padding-bottom: 2.5vw;}
.product_detai_top_word h4{ font-size: 4.6vw;margin: 5vw 0 2vw 0;}


.product_detai_top_word h6.contact{
  position: static; bottom: 0; width: 34vw;
    height: 11vw;
    font-size: 4.2vw; margin-top: 5vw; line-height: 11vw; float: left;}
.product_top_word{-webkit-line-clamp: 50;}

.line2{height: 1.8vw;}

  }

 /* product share */
 #st-1{position: absolute;
    width: 170px; bottom: 0.6rem; right: 600px;}

  @media screen and (max-width:800px) {
#st-1{ position: static; bottom: 0; right: 0; width: 100%; margin-top: 5vw; text-align: right!important;}
#st-1 .st-btn{ line-height: 11vw!important; height: 11vw!important; padding: 0!important; width: 11vw;margin-right: 1.5vw!important;}
#st-1 .st-btn:first-child{ margin-left: 0!important;}
#st-1 .st-btn > img{ width: 7vw!important; height: 7vw!important; top: 2vw!important;}

.product_share_button{ width: 50vw; float: right;}
  }


/* product detail word */
.product_detail_word_container{ padding: 4% 0;}
.product_detail_word strong{ color: #333333;}
.product_detail_word h4{ color: #333333;font-family: "Arial"; font-size: 0.22rem; line-height: 1.5em; margin-top: 0.15rem;}
.product_detail_word img{ max-width: 100%; height: auto;}

  @media screen and (max-width:800px) {
  .product_detail_word_container{ padding: 8vw 0;}
  .product_detail_word h4{ font-size: 3.8vw; margin-top: 2vw; line-height: 1.4em;}
  }

/* product similar */
.similar_product_container{ background: #eeeded; padding: 4% 0;}

.similar_product_list{ background: #ffffff; border-radius: 10px; padding: 0.15rem 0.15rem 0.3rem;;}
.similar_product_img{ border-radius: 10px; overflow: hidden;}
.similar_product_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;}
.similar_product_list:hover .similar_product_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;}

.similar_product_list h4{ color: #222531; font-size: 0.24rem; line-height: 1.2em; text-align: center; margin-top: 0.25rem;}
.similar_product_list:hover h4{ color: #1b5633;}

.similar-product-next,.similar-product-prev{ width: 0.78rem; height: 0.78rem; position: absolute; bottom: 0; z-index: 2;}

.similar-product-next{ background: url(../images/banner_right.webp) no-repeat center center; background-size: 100%; right: calc(50% - 0.98rem);}
.similar-product-prev{background: url(../images/banner_left.webp) no-repeat center center; background-size: 100%; left: calc(50% - 0.98rem);}

.similar_product_list_content{ padding-bottom: 1.3rem;}

@media screen and (max-width:800px) {
.similar_product_list_content{ padding-bottom: 15vw;}
.similar_product_container{ padding: 8vw 0;}
.similar-product-next,.similar-product-prev{ width:10vw; height: 10vw;}
.similar-product-next{right: calc(50% - 12vw);}
.similar-product-prev{left: calc(50% - 12vw);}
.similar_product_list{ border-radius: 1vw;}
.similar_product_img{ border-radius: 1vw;}
.similar_product_list{ padding: 2vw 2vw 3vw;}
.similar_product_list h4{ font-size: 4.4vw; margin-top: 2vw;}
}


/* open form */
.eject_form_container {
  width: 100vw;
  height: 100vh;
  background: rgba(255, 255, 255, 0.9);
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0;
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
  align-items: center;
  justify-content: center;
  transition-duration: .5s;
  -ms-transition-duration: .5s;
  -moz-transition-duration: .5s;
  -webkit-transition-duration: .5s;
}

.open_contact_button {
  opacity: 1;
  z-index: 4;
}

.eject_form_content{ width: 1000px; background: #d2b77f; box-sizing: border-box; padding: 0.6rem 0 0.3rem; border-radius: 10px; position: relative;}

.form_container_product{ width: 90%;}

.form_container_product .small, .form_container_product small {
    right: 0.3rem;
    line-height: 0.5rem;
}

.form_container_product .base_form{height: 0.5rem; margin-top: 2%;}
.form_container_product .base_form p{font-size: 0.18rem; line-height: 0.5rem;}
.form_container_product .base_form input{ font-size: 0.18rem; line-height: 0.5rem;}

.form_container_product .base_form:nth-child(5){ height: 1.4rem;}

.form_container_product .base_form:nth-child(5) textarea::-webkit-input-placeholder{
  font-size: 0.18rem;
      }
.form_container_product .base_form:nth-child(5) textarea::-moz-placeholder{
  font-size: 0.18rem;
      }
.form_container_product .base_form:nth-child(5) textarea:-moz-placeholder{
  font-size: 0.18rem;
      }
.form_container_product .base_form:nth-child(5) textarea:-ms-input-placeholder{
  font-size: 0.18rem;
      }

.form_container_product .base_form h4{ font-size: 0.18rem;margin-bottom: 0.2rem;}
.form_container_product .base_form:nth-child(6){ height: auto;}
.form_container_product .base_form:nth-child(6) input{ line-height: 0.4rem;}

.form_container_product button{
  width: 2rem;
 height: 0.6rem;
 line-height: 0.6rem;
 font-size: 0.26rem;
margin: 0.3rem auto 0;
}

.eject_form_content h6{ width: 0.35rem; position: absolute; right: 5%; top: 0.2rem; display: block; cursor: pointer;}
.eject_form_content h6 img{display: block; width: 100%; height: auto;}

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

@media screen and (max-width:800px) {
.eject_form_content{ width: 94%;padding: 0.6rem 0 0.3rem;}
.form_container_product .base_form p{    font-size: 3.8vw;
    line-height: 8vw;
    margin-right: 2vw;}
.form_container_product .base_form{    margin: 3vw 0 0;
    height: 8vw;}
  .form_container_product .base_form input{    font-size: 3.4vw; line-height: 8vw;}

  .form_container_product .base_form:nth-child(5) textarea::-webkit-input-placeholder{
    font-size: 3.8vw;
        }
  .form_container_product .base_form:nth-child(5) textarea::-moz-placeholder{
    font-size: 3.8vw;
        }
  .form_container_product .base_form:nth-child(5) textarea:-moz-placeholder{
    font-size: 3.8vw;
        }
  .form_container_product .base_form:nth-child(5) textarea:-ms-input-placeholder{
    font-size: 3.8vw;
        }
  .form_container_product .base_form:nth-child(5){ height: 25vw;}
  .form_container_product .base_form h4{    font-size: 4vw;
    margin-bottom: 3vw;}
  .form_container_product .small, .form_container_product small{ line-height: 8vw;}
  .form_container_product button {
    margin-top: 5vw;
    font-size: 4.4vw;
    width: 30vw;
    height: 8vw;
    line-height: 8vw;
    border-radius: 10vw;
}
.eject_form_content h6{ width: 6vw;}
}


/* Search Result */
.search_result_content{ background: #fff;box-shadow: 0.05rem 0.05rem 0.2rem rgba(27,86,51,0.4); border-radius: 10px; padding: 0.5rem; box-sizing: border-box;}
.search_result_content ul li{ width: 100%;border-top: 2px solid #e8e8e8; margin-top: 3%; padding-top: 3%;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}
.search_result_content ul li h3{
  font-size: 0.24rem;
    line-height: 1.33em;
    margin-bottom:0.15rem;
    color: #000000;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;
  }
.search_result_content ul li h4{ font-size: 0.2rem; line-height: 1.3em; color: #666666;}

.search_result_content ul li:first-child{border-top: none; margin-top: 0; padding-top: 0;}

.search_result_content ul li:hover h3{ color: #1b5633;}

@media screen and (max-width:800px) {
.search_result_content{box-shadow: 0.5vw 0.5vw 2vw rgba(27,86,51,0.4); border-radius: 1vw; padding: 5vw;}
.search_result_content ul li h3{    font-size: 4.2vw;line-height: 1.4em; margin-bottom: 3vw;}
.search_result_content ul li h4{ font-size: 3.8vw;}
.search_result_content ul li{ margin-top: 4vw; padding-top: 4vw;}

}

/* sitemap */
.content_sitemap{ overflow:hidden;border: 1px solid #ccc;
padding: 0.4rem 0.3rem 0 0.3rem;box-sizing:border-box;-webkit-box-sizing: border-box; }

.sitemap_link{margin-bottom:0.4rem;}
.content_sitemap ul{ width:100%; overflow:hidden;}
.content_sitemap h3{ font-size:0.24rem; line-height:1.1em; border-bottom:1px dotted #ccc;padding-bottom:0.15rem; color:#313131; }
.content_sitemap h3 a{color:#313131; }

.content_sitemap ul li{ float:left; padding-right:0.25rem; font-size:0.18rem; line-height:1.2em; margin-top:0.15rem;}

.content_sitemap ul li a{ color:#636363;}

.content_sitemap a:hover{ color: #d2b77f;}

.content_sitemap ul.xxww li{ padding-right:0; width:100%;}


@media screen and (max-width:800px) {
.content_sitemap{ padding: 4vw;}
.content_sitemap h3{font-size: 4.4vw; padding-bottom: 2vw;}
.content_sitemap ul li{ font-size: 3.8vw; margin-top: 2vw; float: none; width: 100%; padding-right: 0;}
.sitemap_link { margin-bottom: 6vw;}
}