.daohang {
    /* line-height: 80px; */
    background: #ffffff;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 555;
    /* border-bottom: 1px solid #DEDEE0; */
    background: rgba(0, 0, 0, 0.6);
}
.leven_div    a{ 
    position: relative;
    padding-right: 20px;
}
.leven_div    a::before{
    content: ">";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
right: 7px;
}
.leven_div    a:last-child::before {
    display: none;
}
.daohang.active{
    background: #db4f11;
}
.daohang.active .daohang_ul>li>a::after{
    background: url(../img/20.jpg) no-repeat;
    background-size: 100% 100%;
}
.daohang.active .daohang_ul>li>a span:nth-of-type(2) {
    color: #fff;
}
.daohang.active .daohang_ul>li:hover>a span:nth-of-type(1),
.daohang.active .daohang_ul>li.active>a span:nth-of-type(1),
.daohang.active .daohang_ul>li:hover>a span:nth-of-type(2),
.daohang.active .daohang_ul>li.active>a span:nth-of-type(2) {
    color: #db4f11;
}
.daohang_cn {
    display: inline-block;
}

.daohang_fr {
    color: #fff;
    font-size: .9375rem;
}
.line{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    display: block;
}
.daohang_fr{
    line-height: 4.6875rem;
}
.daohang_fr span:nth-of-type(2){
    margin: 0 .9375rem 0 1.375rem;
}
.daohang_fr span:nth-of-type(3) .iconfont{
    font-size: 1.75rem;
    position: relative;
    top: 3px;
}
.daohang_fr .iconfont {
    font-size: 1.125rem;
    margin-right: .625rem;
}

.daohang_fr span {
    display: inline-block;
}

.daohang_ul>li {
    display: inline-block;
    position: relative;
}

/* .daohang_ul>li:nth-of-type(1)>a{
    padding: 0 1.25rem;
} */
.daohang_ul>li>a {
    font-size: .9375rem;
    color: #fff;
    text-align: center;
    display: block;
    padding: 1.25rem 2.1875rem 1.25rem 2.1875rem;
    position: relative;
}
.daohang_ul a span{
    display: block;
    /* line-height: 44px; */
    overflow: hidden;
}
.daohang_ul a span:nth-of-type(2){
    font-family: 'Leelawadee UI';
    color: #868585;
}
.daohang_ul>li>a::after {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100%;
    content: "";
    background: url(../img/1.jpg) no-repeat;
    background-size: 100% 100%;
    width: 0;
    z-index: -1;
}
.daohang_ul>li:hover>a span:nth-of-type(2),
.daohang_ul>li.active>a span:nth-of-type(2){
    color: #fff;
}
.daohang_ul>li:hover>a::after,
.daohang_ul>li.active>a::after {
    width: 100%;
}

.daohang_ul {
    margin-right: 2.1875rem;

}

#fp-nav{}


#fp-nav ul li a span,
.fp-slidesNav ul li a span{
    width: 8px;
    height: 8px;
    background: #ffffff;
}
#fp-nav ul li a.active span,
#fp-nav ul li:hover a.active span{
    width: 8px;
    height: 8px;
}

#fp-nav ul li a.active{
    border: 1px solid #fff;
    border-radius: 50%;
}
#fp-nav ul li{
    height: 18px;
    width: 18px;
}

#fp-nav ul li a.active span{
    margin: -4px 0 0 -4px;
}
#fp-nav ul li a.active{
    margin-left: 2px;
}
.fp-viewing-footer .fp-slidesNav ul li a span,
.fp-viewing-page5 .fp-slidesNav ul li a span,
.fp-viewing-page3 .fp-slidesNav ul li a span{
    background: #db4f11;
}
.fp-viewing-footer #fp-nav ul li a.active,
.fp-viewing-page5 #fp-nav ul li a.active,
.fp-viewing-page3 #fp-nav ul li a.active{
    border: 1px solid #db4f11;
}
.fp-viewing-footer #fp-nav ul li a span,
.fp-viewing-page5 #fp-nav ul li a span,
.fp-viewing-page3 #fp-nav ul li a span{
    background: #db4f11;
}
.more {
    font-size: .875rem;
    color: #FFFFFF;
    display: inline-block;
    border-radius: 12px;
    width: 7.9375rem;
    line-height: 2.5rem;
    border: 1px solid #ffffff;
    text-align: center;
}
/* 
.banner_div {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    color: #fff;
} */

.title p:nth-of-type(1) {
    font-size: 1.9rem;
    color: #000000;
    line-height: 1.343;
    font-family: '宋体';
}

.title p:nth-of-type(2) {
    color: #868585;
    font-size: .9375rem;
    font-family: "MoolBoran";
    text-transform: uppercase;
    letter-spacing: 3px;
}


.title {
    font-size: 1rem;
    line-height: 1.75rem;
    color: #4B4B4C;
    text-align: center;
}
.about_wid .fl{
    width: 30%;
}
.about_fr{
    width: 58%;
    position: absolute;
    right: 0;
    top: 0;
}
.about .fr{
    width: 58%;
}
.about{
    position: relative;
}
.about::before{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 42%;
    height: 100%;
    background: url(../img/4.jpg) no-repeat;
    background-size: cover;
    z-index: -1;
}
/* .about_wid{
    position: relative;
    z-index: 5;
} */
.about_ul li{
    padding: 60% 0 0 1.4rem;
    line-height: 1.75rem;
    width: 26%;
    display: block;
    float: left;
    height: 100vh;
    border-right: 1px solid #e4dace;
    position: relative;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    overflow: hidden;
}
.about_ul li:nth-of-type(1){
    border-left: 1px solid #e4dace;
}
  
.about_ul li a{
    color: #666666;
    font-size: .9375rem;
    writing-mode: vertical-rl;
    writing-mode: tb-rl;
    display: block;
}
.about_ul li a span{
    color: #000000;
    font-size: 1.125rem;
    
}
.about_ul li a img{
    margin: .5rem 0;
    position: relative;
    left: -4px;
}
.about_ul li:hover{
    background: #efebe0;
    opacity: 0.8;
}
.about_ul li::after{
    position: absolute;
    bottom: -25%;
    left: 0;
    right: 0;
    width: 100%;
    height: 25%;
    background: url(../img/5.jpg) no-repeat;
    background-size: cover;
    content: "";
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}
.about_ul li:hover::after{
    bottom: 0;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}
.about_ul {
    width: 22%;
}

.about_box{
    background: url(../img/6.jpg) no-repeat;
    background-size: 100% 100%;
    width: 32%;
    float: left;
    padding: 4.0625rem 3.4375rem;
    z-index: 55;
    position: relative;
    text-align: center;
    margin-top: 12%;
}
.about_tit p:nth-of-type(1){
    font-size: 1.9rem;
    color: #000000;
    line-height: 1.343;
    font-family: '宋体';
}
.about_tit p:nth-of-type(2){
    color: #868585;
    font-size: .9375rem;
}
.about_tit p:nth-of-type(3){
    font-size: .75rem;
    color: #868585;
}
.about_tit span{
    line-height: 1.125rem;
    display: block;
    color: #000000;
}
.about_tit{
    text-align: center;
    position: relative;
    padding-bottom: 1.25rem;
}
.about_box div:nth-of-type(2){
    color: #000000;
    font-size: .9375rem;
    line-height: 1.75rem;
    text-align: justify;
    margin: 2.5rem 0 6.25rem 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 6;
    overflow: hidden;
}
.about_tit::after{
    position: absolute;
    left: 10%;
    right: 10%;
    bottom: 0;
    background: url(../img/3.png) no-repeat;
    background-size: 100% 100%;
    content: "";
    height: 80%;
}
.about_box_a{
   text-align: center;
}
.about_box_a a{
    background: url(../img/4.png) no-repeat;
    background-size: 100% 100%;
    width: 100px;
    height: 100px;
    line-height: 100px;
    color: #fff;
    font-size: .9375rem;
    display: inline-block;
}

  .product{
    background: url(../img/11.jpg) no-repeat;
      background-size: 100% 100%;
  }
  .title p:nth-of-type(2){
      position: relative;
      padding-bottom: .625rem;
  }
  .title p:nth-of-type(2)::after{
      background: #db4f11;
      height: 1px;
      width: 2.5rem;
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      bottom: 0;
      content: "";
  }
  .news_div,
  .product_div{
      padding: 1.8125rem 2.8125rem;
      background: url(../img/6.jpg) no-repeat;
      background-size: 100% 100%;
      text-align: center;
  }
  .product_size a:nth-of-type(1){
      font-size: 1.125rem;
      color: #000000;
      display: block;
      position: relative;
  }
  .product_size a:nth-of-type(1)::after{
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%,-50%);
      width: 138px;
      height: .8125rem;
      background: url(../img/5.png) no-repeat;
      background-size: 100% 100%;
      content: "";
  }
  .product_size p:nth-of-type(1){
    font-size: .75rem;
    color: #868585;

  }
  .product_size p:nth-of-type(2){
       color: #868585;
       font-size: .875rem;
       line-height: 1.75rem;
       margin: .75rem 0 1.875rem 0;
       display: -webkit-box;
       -webkit-box-orient: vertical;
       text-overflow: ellipsis;
       -webkit-line-clamp: 3;
       overflow: hidden;
  }
  .product_lb{
      margin-top: 2rem;
  }
  .product_div:hover  .product_size a:nth-of-type(1)::after{
    background: url(../img/5.1.png) no-repeat;
    background-size: 100% 100%;
  }
  .product_div:hover{
    background: url(../img/8.jpg) no-repeat;
    background-size: 100% 100%;
  }
  .product_div:hover .product_size p:nth-of-type(2),
  .product_div:hover .product_size p:nth-of-type(1),
  .product_div:hover .product_size a:nth-of-type(1){
      color: #fff;
  }
  .product_ul_top li{
      display: inline-block;

  }
  .product_ul_top{
      margin-top: 1.25rem;
      text-align: center;
  }
  .product_ul_top li a{
      display: block;
      padding: .5rem 1rem;
      color: #333333;
      border: 1px solid #db4f11;
  }
.swiper-button-next,
.swiper-button-prev{
      background: none;
      width: auto;
      height: auto;
  }
.swiper-button-next{
      right: -6%;
  }
.swiper-button-prev{
      left: -6%;
  }
  .vid_div{
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%,-50%);
      cursor: pointer;
  }

  .news_div{
      padding: 3.125rem 2.1875rem;

  }
  .news_div>a{
      display: block;
      border-radius: 50%;
      width: 150px;
      height: 150px;
      overflow: hidden;
      margin: 0 auto;
      position: relative;
  }
  .news_div>a img{
      /* border-radius: 50%; */
      max-width: initial ;
      /* width: auto; */
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%,-50%);

  }
  .news_size a:nth-of-type(1){
      color: #000000;
      font-size: 1.125rem;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      text-overflow: ellipsis;
      -webkit-line-clamp: 1;
      overflow: hidden;
      margin: 1.25rem 0 .5rem;
  }
  .news_size p:nth-of-type(1){
      color: #acacac;
      font-size: .9375rem;
  }
  .news_size p:nth-of-type(2){
      color: #868585;
      font-size: .875rem;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      text-overflow: ellipsis;
      -webkit-line-clamp: 2;
      overflow: hidden;
      margin: .625rem 0 1.25rem 0;
  }
  .news_lb{
      margin-top: 2.1875rem ;
  }
  .news{
      background: url(../img/11.jpg) no-repeat;
      background-size: 100% 100%;

  }
  /* 底部 */
  .foot{
      background: #333333;
  }
  .tit1{
      color: #ffffff;
      font-size: 1rem;
      text-transform: uppercase;
      margin-bottom: .9375rem;
  }
  .foot_div>ul{
      float: left;
      margin-left: 3.8125rem;
  }
  .foot_div>ul:nth-of-type(1){
      margin-left: 0;
  }
  .foot_div>ul li:nth-of-type(1) a{
      color: #ffffff;
      font-size: .9375rem;
      font-weight: bold;
      margin-bottom: .9375rem;
      display: block;
      padding-left: 0;
  }
  .foot_div>ul li:nth-of-type(1) a::after{
      width: 0;
  }
  .foot_div>ul li a{
      color: #a1a1a1;
      font-size: .875rem;
      line-height: 1.625rem;
      padding-left: 1.25rem;
      position: relative;
  }
  .foot_div>ul li a::after{
      position: absolute;
      left: 0;
      top: 50%;
      transform: translateY(-50%);
      background: url(../img/8.png) no-repeat;
      background-size: 100% 100%;
      width: .625rem;
      height: .625rem;
      content: "";

  }
  .foot_fin{
      padding: 5rem 0 3.4375rem 0;
  }
  .foot_fr_div{
    color: #a1a1a1;
    font-size: .875rem;
    line-height: 1.625rem;
  }
  .foot_fr_div .fr{
      text-align: center;
      margin-left: 7.8125rem;
  }
  .foot_fr_div .bshare-custom a{
      background: transparent;
      color: #a1a1a1;
  }
  .foot_fr_div .bshare-custom .iconfont{
      font-size: 1.25rem;
  }
  .foot_fr_div .bshare-custom span{
    color: #a1a1a1;
    font-size: .875rem;
  }
  .foot_fr_div .bshare-custom{
      margin-top: 1.25rem;
  }
  .foot_box{
      padding: 1.25rem 0;
      color: #a1a1a1;
      font-size: .875rem;
      border-top: 1px solid #3f3f3f;
      text-align: center;
  }
  /* 联系我们 */
  .picture_div{
      position: absolute;
      left: 0;
      right: 0;
      bottom: 10%;
      width: 100%;
  }
  .picture_size{
      text-align: right;
      font-size: 2.625rem;
      font-family: '宋体';
      color: #fff;
  }
  .picture_size span{
      display: inline-block;
      color: #fff;
      border: 1px solid #fff;
      font-size: 2.625rem;
      border-radius: 50%;
      text-align: center;
      font-family: '宋体';
      width: 4.6875rem;
      line-height: 4.6875rem;
      margin-left: .625rem;
  }
  .leven_div{
      color: #626262;
      font-size: .875rem;
  }
  .leven_div a{
    color: #626262;
  }
  .leven_ul li{
      display: inline-block;
      margin-right: 1.25rem;
  }
  .leven{
      line-height: 4.6875rem;
      background: #ede8dd;
  }
  .leven_ul li a{
      color: #000000;
      font-size: .9375rem;
      display: block;
      line-height: 2.8125rem;
      background: url(../img/9.png) no-repeat;
      background-size: 100% 100%;
      padding: 0 1.5625rem;
  }
  .leven_ul li.active a{
      color: #fff;
      background: url(../img/9.1.png) no-repeat;
      background-size: 100% 100%;
  }
  .contactus{
    background: url(../img/11.jpg) no-repeat;
    background-size: 100% 100%;
    padding: 3.75rem 0 0 0;
    
  }
  .title1 p:nth-of-type(2){
      color: #606060;
      font-size: .875rem;
      position: relative;
  }
  .title1 p:nth-of-type(1){
      color: #000000;
      font-size: 2.1875rem;
      font-family: '宋体';
      margin-bottom: .5rem;
  }
  .title1 p:nth-of-type(1) span{
      display: inline-block;
      padding: 0 5.625rem;
      position: relative;
  }
  .title1 p:nth-of-type(1) span::after{
      position: absolute;
      left: 0;
      top: 0;
      content: "";
      width: 4.25rem;
      height: 2.25rem;
      background: url(../img/10.png) no-repeat;
      background-size: 100% 100%;
  }
  .title1 p:nth-of-type(1) span::before{
    position: absolute;
    right: 0;
    top: 0;
    content: "";
    width: 4.25rem;
    height: 2.25rem;
    background: url(../img/10.1.png) no-repeat;
    background-size: 100% 100%;
}
  .title1{
      text-align: center;
  }
  .title1 p:nth-of-type(2) span{
    background: url(../img/11.jpg) no-repeat;
    background-size: 100% 100%;
    display: inline-block;
    padding: 0 1.875rem;
    position: relative;
    z-index: 2;
  }
  .title1 p:nth-of-type(2)::after{
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      left: 0;
      width: 100%;
      height: 1px;
      background: #d9d9d9;
      content: "";
  }
  .contactus_wid>div{
      width: 48%;
  }
  .contactus_wid>.fl{
      background: url(../img/11.png) no-repeat;
      background-size: 100% 100%;
      padding: .75rem; 
  }
  .contactus_wid{
      margin-top: 2.5rem;
  }
  .contactus_div>div:nth-of-type(1){
      border: 1px solid #db4f11;
      padding: .3125rem;
      border-radius: 50%;
  }
  .contactus_div>div:nth-of-type(2){
      margin-left: 2.1875rem;
      line-height: 3.75rem;
  }
  .contactus_div>div:nth-of-type(1) .iconfont{
    width: 3.125rem;
    height: 3.125rem;
    line-height: 3.125rem;
    text-align: center;
    border-radius: 50%;
    background: #db4f11;
    display: inline-block;
    color: #fff;
    font-size: 1.25rem;
  }
  .contactus_div{
      margin-bottom: .9375rem;
  }
  .message{
    background:  url(../img/12.png) no-repeat;
    background-size: 100% 100%;
    padding: 5.625rem 0;
    margin-top: 4.6875rem;
  }
  .message_div{
      margin-top: 2.1875rem;
  }
  .message_inp input{
      width: 100%;
      border: none;
      background: url(../img/13.png) no-repeat;
      background-size: 100% 100%;
      height: 3.75rem;
      color: #71706d;
      font-size: .9375rem;
      padding: 0 1.5625rem;

  }
  .message_text  textarea{
      width: 100%;
      background: url(../img/14.png) no-repeat;
      background-size: 100% 100%;
      height: 11.25rem;
      border: none;
      color: #71706d;
      font-size: .9375rem;
      padding: 1.5625rem;
  }
  .message_text{
      margin-top: 1.875rem;
  }
  .message_butt{
      text-align: center;
      margin-top: 2.5rem;
  }
  .message_butt button{
      color: #fff;
      font-size: .9375rem;
      width: 8.625rem;
      line-height: 2.8125rem;
      background: url(../img/9.1.png) no-repeat;
      background-size: 100% 100%;
      border: none;
  }
  .message .title1 p:nth-of-type(2) span{
      background: #f1ede3;
  }
  /* 联系我们 */
  .introduction{
      padding: 3.75rem 0;
      
  }
  .introduction_wid>div{
      width: 49%;
  }
  .introduction_wid .fr{
    background: url(../img/11.png) no-repeat;
    background-size: 100% 100%;
    padding: .75rem;
  }
  .introduction_size p{
      color: #000000;
      font-size: .9375rem;
      line-height: 1.875rem;
      text-indent: 2em;
      margin-bottom: 1.25rem;
      text-align: justify;
  }
  .introduction_size{
      height: 27.8125rem;
      overflow-x: hidden;
      padding-right: 2.8125rem;

  }
  .introduction_size::-webkit-scrollbar {
    width: 4px;
  }
  
  .introduction_size::-webkit-scrollbar-thumb {
    display: block;
    width: 10px;
    height: 35px;
    background-image: -moz-linear-gradient(-51deg,
      #db4f11 100%,
      #db4f11 100%);
    background-image: -webkit-linear-gradient(-51deg,
      #db4f11 100%,
      #db4f11 100%);
    background-image: -ms-linear-gradient(-51deg,
      #db4f11 100%,
      #db4f11 100%);
  }
  
  .introduction_size::-webkit-scrollbar-track {
    background-color: #ebe5d3;
    width: 4px;
    height: 164px;
    position: absolute;
  } 
  .back{
    background: url(../img/11.jpg) no-repeat;
    background-size: 100% 100%;
  }
  .culture{
    background: url(../img/12.1.png) no-repeat;
    background-size: 100% 100%;
    padding: 5.625rem 0;
  }
  .culture_div{
      padding: 2.8125rem .9375rem .9375rem ;
      background: #fff;
      text-align: center;
  }
  .culture_div p:nth-of-type(1){
      color: #000000;
      font-size: 1.125rem;
  }
  .culture_div p:nth-of-type(2){
      color: #868585;
      font-size: .875rem;
  }
  .culture_div>img{
      margin: .9375rem 0 1.25rem ;
  }
  .culture_div div{
      margin-top: 2.8125rem;
  }
  .culture_lb{
      margin: 3.125rem 0 2.1875rem ;
  }
  .craft .title1 p:nth-of-type(2) span,
  .culture .title1 p:nth-of-type(2) span{
      background: #f1ebe0;
  }
  .moer{
      color: #fff;
      font-size: .9375rem;
      display: inline-block;
      line-height: 2.8125rem;
      background: url(../img/9.1.png) no-repeat;
      background-size: 100% 100%;
      padding: 0 1.8625rem;
  }
  .moer:hover{
      color: #fff;
  }
  .honor{
      padding: 3.75rem 0;
  }
  .spirit_lb_div{
      background: #fff;
      padding: 1.375rem;
      border-radius: .3125rem;
      box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15);
  }
  .spirit_lb_size{
      text-align: center;
      color: #000000;
      font-size: .9375rem;
      padding-top: .9375rem;
  }
  #certify .swiper-slide {
    width: 710px;
    height: auto;
    background: #fff;
}
.spirit_lb{
    margin-top: 3.125rem;
}
.craft{
    padding: 6.25rem 0;
    background: url(../img/12.png) no-repeat;
    background-size: 100% 100%;
}
.craft_div{
    padding: .3125rem;
    border: 2px solid #db4f11;
}


.craft_lb .swiper-slide{
    transition: 300ms;
    transform: scale(0.7);
}
.craft_lb .swiper-slide-active,
.craft_lb .swiper-slide-duplicate-active {
    transform: scale(1);
}
.craft_lb{
    margin-top: 3.125rem;
}
.craft_lb .swiper-button-prev {
    left: 30%;
}
.craft_lb .swiper-button-next{
    right: 30%;
}
.craft_lb .swiper-slide>div:nth-of-type(2){
    text-align: center;
    font-size: 1.125rem;
    margin: .9375rem 0;

}
/* 产品列表 */
.prolist{
    padding: 4.6875rem 0;
}
/* .prolist_div .product_size a:nth-of-type(1)::after {
    height: .6rem;
} */
.prolist_div .product_size p:nth-of-type(2){
    margin-bottom: 0;
}
.prolist_div .product_size {
    margin-top: 1.875rem;
}
.prolist_div{
    margin-bottom: 1.875rem;
}
.prolist_div .product_size p:nth-of-type(1){
    margin-top: .75rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.prolist_wid>div{
    width: 50%;
}
.prolist_lb .swiper-button-prev{
    left: 5%;
}
.prolist_lb .swiper-button-next{
    right: 5%;
}
.prolist_lb .swiper-button-next .iconfont,
.prolist_lb .swiper-button-prev .iconfont{
    color: #252525;
    font-size: 1.5625rem;
}
.prolist_lb{
    padding: 1.875rem;
}
.prolist_wid{
    /* background: #db4f11; */
}
.prolist_fr{
    padding: 2.8rem;
    color: #868585;
    font-size: .875rem;
    line-height: 1.6875rem;
}
.tit1{
    font-size: 1.25rem;
    color: #333333;
}
.prolist_fr_div .fl{
    width: 15%;
    font-size: .875rem;
    background: #252525;
    line-height: 1.6875rem;
    text-align: center;
}
.prolist_fr_div .fr{
    width: 80%;
}
.prolist_fr_div{
    margin-bottom: .9375rem;
}
.prolist_fr_box{
    margin-top: 2.75rem;
    padding-top: 1.125rem;
    border-top: 1px solid #868585;
}
.prolist_fr_box .fl p:nth-of-type(1){
    font-size: 1.25rem;
    margin-bottom: .9375rem;
}
.prolist_fr_box .fl p:nth-of-type(2){
    font-size: .9375rem;
}
.none{
    display: none;
}
.modal_div .modal-lg{
    width: 75%;
    top: 50%;
    transform: translateY(-50%) !important;
}
.modal_div .modal-header{
    border-bottom: none;
    padding: 0;
}
.modal_div .modal-content{
    box-shadow: none;
    background: none;
    border: none;
}
.modal_div .close:first{

}
.modal_div .close{
    text-shadow: none;
    color: #fff;
    opacity: 1;
    width: 3.75rem;
    height: 3.75rem;
    border: 1px solid #fff;
    border-radius: 50%;
    position: absolute;
    right: 2%;
    top: 6%;
    z-index: 55;
}
.modal_div .close .iconfont{
    font-size: 1.25rem;
    font-weight: 100;
}
.caselist .prolist_div .product_size>a::after{
    width: 0;
}
/* 产品详情 */
.proxq{
    padding: 6.25rem 0;
}
/* 新闻列表 */
.newslist{
    padding: 4.6875rem 0;
}
.newslist_size a{
    color: #000000;
    font-size: 1.25rem;
}
.newslist_size p{
    color: #868585;
    font-size: .875rem;
}
.newslist_size p:nth-of-type(1){
    color: #868585;
    font-size: .875rem;
    margin: .625rem 0;
}
.newslist_size p:nth-of-type(2){
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    overflow: hidden;
    line-height: 1.875rem;
}
.newslist_size{
    width: 58%;
    margin-left: 5%;
    padding-right: 3%;
}
.newslist_ul li>a{
    width: 30%;
}
.newslist_ul li{
    padding: 1.875rem 0;
    border-top: 1px solid #ded7c6;
}
.newslist_fr{
    position: absolute;
    top: 1.875rem;
    bottom: 1.875rem;
    right: 0;
    /* height: 100%; */
    width: 5%;
    border-left: 1px solid #ded7c6;
}
.newslist_fr a{
    width: 2.5rem;
    line-height: 2.5rem;
    text-align: center;
    display: inline-block;
    border: 1px solid #878787;
    border-radius: 5px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    color: #252525;
}
.newslist_ul li:hover .newslist_fr a{
    color: #ffffff;
    background: #db4f11;
    border: 1px solid #db4f11;
}
.newslist_ul li:hover .newslist_size a{
    color: #db4f11;
}

/* 新闻详情 */
.newsxq{
    padding: 90px 0 40px 0;
}
.newsxq_ti>p{
    color: #010101;
    font-size: 1.5625rem;
    margin-bottom: 15px;
}
.newsxq_ti{
    padding: 35px 0 15px 0;
    border-bottom: 1px solid #cecece;
    border-top: 1px solid #cecece;
    text-align: center;
}
.newsxq_ti_fx span{
    display: inline-block;
    color: #575757;
    font-size: 0.9375rem;
}
.newsxq_size{
    font-size: 1rem;
    color: #575757;
    line-height: 35px;
    margin-top: 35px;
}
.newsxq_size img{
    max-width: 100%;
}
.newsxq_jt{
    border-bottom: 1px solid #cecece;
    border-top: 1px solid #cecece;
    padding: 20px 30px;
    margin-top: 110px;
}
.newsxq_jt>div{
    width: 50%;
    color: #575757;
    font-size: 1rem;
}
.newsxq_jt>div a{
    display: inline-block;
    color: #575757;
    font-size: 1rem;
}
.newsxq_jt>div .iconfont{
    color: #575757;
    font-size: 1.125rem;
    margin-right: 8px;
}
.newsxq_jt>div:nth-of-type(2){
    text-align: right;
}
@media(max-width:1550px){
    .line {
        width: 7%;
        line-height: 65px;
    }
    .container {
        padding: 0 8rem;
    }
}
@media(max-width:1440px){
    .about_box div:nth-of-type(2) {
        margin: 1.5rem 0 3.25rem 0;
    }
    .about_box {
        padding: 3.0625rem 2.4375rem;
    }
    .foot_fr_div .fr {
        margin-left: 2.8125rem;
    }
    .foot_div>ul {
        margin-left: 1.8125rem;
    }
    .contactus_div {
        margin-bottom: .5rem;
    }
    .contactus_div>div:nth-of-type(1) .iconfont {
        width: 2.5rem;
        height: 2.5rem;
        line-height: 2.5rem;
    }
    .contactus_div>div:nth-of-type(2) {
        margin-left: 1.1875rem;
        line-height: 2.95rem;
    }
    .prolist_fr {
    padding: 1.4rem;
    }
    .product{
        padding-top: 2.5rem;
    }
}
@media(max-width:1366px){
    .news_div {
        padding: 1.5rem 2.1875rem;
    }
}
@media(max-width:1280px){
    .daohang_ul>li>a {
        padding: 1.25rem 1.5rem 1.25rem 1.5rem;
    }
    .introduction_size {
        height: 23.8125rem;
    }
    #certify .swiper-slide {
    width: 565px;
    }
    .prolist_lb {
        padding: 0.875rem;
    }
    .prolist_fr_box {
    margin-top: 0.75rem;
    }
    .prolist_fr_div {
        margin-bottom: .5rem;
    }
}
@media(max-width:1024px){
    .container {
        padding: 0 3rem;
    }
    .daohang_ul>li>a {
        padding: 1.25rem 1.1875rem 1.25rem 1.1875rem;
    }
    .daohang_ul {
        margin-right: 1.1875rem;
    }
    .news,
    .product{
        padding: 4.0625rem 0;
    }
    .swiper-button-next {
        right: 0%;
    }
    .swiper-button-prev {
        left: 0%;
    }
    .foot_fr_div .fr img{
        width: 80px;
    }
    .foot_fr_div .fl{
        width: 50%;
    }
    .foot_fin>.fr{
        width: 47%;
    }
    .contactus_div>div:nth-of-type(2){
        width: 70%;
    }
    .culture_div>img {
        margin: .5rem 0 .625rem;
    }
    .culture_div div {
        margin-top: 0.8125rem;
    }
    .culture_div {
    padding: .9375rem;
    }
    .introduction_size {
        height: 21.8125rem;
    }
}
@media(max-width:990px){
    .about_ul li {
        padding: 60% 0 0 0.4rem;
        width: 28%;
    }
    .about_tit {
        padding-bottom: 0.5rem;
    }
    .about_box div:nth-of-type(2) {
        margin: 0.5rem 0 1.25rem 0;
    }
    .about_box_a a {
        width: 75px;
        height: 75px;
        line-height: 75px;
    }
    .about_box {
        padding: 1.625rem 1.2rem;
        width: 40%;
    }
    .about_tit p:nth-of-type(1) {
        font-size: 1.7rem;
    }
    .news_div, .product_div {
        padding: 1.125rem;
    }
    .newslist_fr{
        display: none;
    }
    .newslist_size{
        padding-right: 0;
        width: 65%;
    }
    .contactus_wid>div{
        width: 100%;
    }
    .contactus_wid>div:nth-of-type(2){
        margin-top: 1.5625rem;
    }
    .introduction_size {
        height: 16.8125rem;
        padding-right: 0.8125rem;
    }
    
}
@media(max-width:797px){
    .banner .swiper-slide div{
        height: 50vh !important;
    }
    .banner_img{
        display: none;
    }
    .about_fr{
        display: none;
    }
    .about_ul li{
        padding: 0;
        float: none;
        width: 100%;
        height: auto;
        border: none;
    }
    .about_ul li a {
        writing-mode: inherit;
        writing-mode: inherit;
    }
    .about_ul{
        width: 100%;
        float: none;
    }
    .about_box{
        width: 100%;
    }
    .container {
        padding: 0 1.125rem;
    }
    .about{
        padding: 2.1875rem 0;
    }
    .about_ul li:nth-of-type(1) {
        border-left: none;
    }
    .about_ul li a span:nth-of-type(2){
        display: inline-block;
        margin: 0 .625rem;
    }
    .about_box{
        margin-top: 1.25rem;
    }
    .newslist,
    .news, .product{
        padding: 2.1875rem 0;
    }
    .swiper-button-next img, .swiper-button-prev img{
        width: 1.875rem;
    }
    .product_lb {
        margin-top: 1.5625rem;
    }
    .title p:nth-of-type(1) {
        font-size: 1.7rem;
    }
    .title p:nth-of-type(2){
        letter-spacing: 1px;
    }
    .vid_div img{
        width: 4.0625rem;
    }
    .news_size p:nth-of-type(2) {
        margin: .625rem 0 0.9rem 0;
    }
    .news_size a:nth-of-type(1) {
        margin: .5rem 0;
    }
    .news_lb {
        margin-top: 2.1875rem;
    }
    .news_div>a img{
        /* width: 6.25rem; */
    }
    .news_div>a {
        width: 110px;
        height: 110px;
    }
    .news_size a img{
        width: 1.875rem;
    }
    .news_div, .product_div {
        padding: 1rem;
    }
    .leven_div{
        display: none;
    }
    .leven_ul li {
        margin-right: 0rem;
    }
    .leven_ul li a {
        color: #000000;
        font-size: .9375rem;
        padding: 0 0.5625rem;
    }.leven {
        line-height: 3.6875rem;

    }
    .picture_size{
        font-size: 1.7rem;
    }
    .newslist_ul li>a{
        width: 100%;
    }
    .newslist_size{
        width: 100%;
        margin-left: 0;
        margin-top: 1.125rem;
    }
    .newslist_ul li{
        padding: .9375rem 0;
    }
    .contactus {
        padding: 2.1875rem 0 0 0;
    }
    .title1 p:nth-of-type(1){
        font-size: 1.7rem;
    }
    .title1 p:nth-of-type(1) span::before{
        width: 3.25rem;
        height: 1.25rem;
    }
    .title1 p:nth-of-type(1) span::after{
        width: 3.25rem;
        height: 1.25rem;
    }
    .title1 p:nth-of-type(1) span {
    padding: 0 3.625rem;
    }
    .contactus_wid {
        margin-top: 1.5625rem;
    }
    .message {
        background: url(../img/12.png) no-repeat;
        background-size: cover;
        padding: 2.1875rem 0;
        margin-top: 2.1875rem;
    }
    .message_text textarea {
        background: none;
        border: 1px solid #db4f11;
        height: 9.25rem;
        padding: 0.5625rem;
    }
    .message_inp input {
    height: 2.75rem;
    padding: 0.5625rem;
    }
    .message_inp{
        margin-bottom: 1.125rem;
    }
    .message_butt{
        margin-top: 1.125rem;
    }
    .message_text{
        margin-top: 0;
    }
    .introduction_wid>div{
        width: 100%;
    }
    .introduction_size{
        margin-top: 1.25rem;
    }
    .introduction{
        padding: 2.1875rem 0;
    }
    .picture_size span{
        font-size: 1.625rem;
        width: 2.8rem;
        line-height: 2.8rem;
        margin-left: .5rem;
    }
    .picture img{
        height: 10.375rem;
        object-fit: cover;
    }
    .culture {
        background: url(../img/12.1.png) no-repeat;
        background-size: cover;
        padding: 2.1875rem 0;
    }
    .culture_lb {
        margin: 1.5625rem 0;
    }
    .prolist,
    .honor{
        padding: 2.1875rem 0;
    }
    .spirit_lb {
        margin-top: 1.5625rem;
    }
    #certify .swiper-slide {
        width: 300px;
    }
    .spirit_lb_div{
        padding: .9375rem;
    }
    .craft {
        padding: 2.1875rem 0;
        background: url(../img/12.png) no-repeat;
        background-size: cover;
    }
    .craft_lb .swiper-button-next {
        right: 17.5%;
    }
    .craft_lb .swiper-button-prev {
        left: 17.5%;
    }
    .craft_lb .swiper-slide {
        transform: scale(0.8);
    }
    .craft_lb .swiper-slide-active, .craft_lb .swiper-slide-duplicate-active {
        transform: scale(1);
    }
    .craft_lb {
        margin-top: 1.5625rem;
    }
    
    .prolist_div{
        margin-bottom: .9375rem;
    }
    .prolist_div .product_size {
        margin-top: 0.875rem;
    }
    .product_size p:nth-of-type(2){
        line-height: 1.625rem;
    }
    .prolist_fin>div:nth-of-type(odd){
        padding-right: 7px;
    }
    .prolist_fin>div:nth-of-type(even){
        padding-left: 7px;
    }
    .prolist_wid>div{
        width: 100%;
    }
    .prolist_fr {
        padding: .9375rem;
    }
    .modal_div .modal-lg{
        width: 100%;
        margin: 0;
    }
    .prolist_fr_box {
        margin-top: 0.5rem;
        padding-top: .5rem;

    }
    .prolist_fr_div {
        margin-bottom: .5rem;
    }
    .prolist_fr_box .fl p:nth-of-type(1) {
        font-size: 1.125rem;
        margin-bottom: .5rem;
    }
    .prolist_fr_box .fr{
        float: left;
    }
    .prolist_lb {
        padding: 1.25rem;
    }
    .modal_div .close{
        width: 2.5rem;
        height: 2.5rem;
        line-height: 2.5rem;
        right: 6%;
        top: 4%;
        border: 1px solid #db4f11;
        color: #db4f11;
    }
    .phone_logo{
        width: 18%;
    }
    body {
        padding-top: 3.5rem;
        padding-bottom: 3.6rem;
    }
    .foot{
        /* display: block; */
    }
    
    .foot_fin>.fl{
        display: none;
    }
    .foot_fin>.fr{
        width: 100%;
        float: none;
    }
    .foot_fin .bshare-custom a{
        padding-left: 5px !important;
    }
    .foot_fin{
        padding: 25px 0;
    }
    body{
        /* padding-bottom: 0; */
    }
    .tit1 {
        font-size: 1.125rem;
        margin-bottom: .5rem;
    }
    .foot_box{
        padding: 15px;
    }
    .newsxq{
        padding: 35px 15px;
    }
    .newsxq_ti{
        padding: 15px 0;
    }
    .newsxq_ti>p {
        font-size: 1.35rem;
        margin-bottom: 10px;
    }
    .newsxq_jt {
        padding: 15px 0;
        margin-top: 15px;
    }
    .newsxq_jt>div{
        width: 100%;
        float: none;
    }
    .newsxq_jt>div:nth-of-type(2) {
        text-align: left;
    }
    .contactus_div>div:nth-of-type(2){
        font-size: 1rem;
    }
    .client-2 li{
        background: #db4f11;

    }
    .client-2 li .iconfont{
        color: #fff;
    }
}

#page{ clear:both; height:40px; margin:0 auto; text-align:center; display: table; margin-top:20px}
#page li{ float:left; padding:5px 14px; border:1px solid #CCCCCC; margin-right:6px; color:#666; font-size:12px; list-style:none;}
#page li:hover{border:1px solid #db4f11;}
#page li:hover a{color:#db4f11}
#page li a{ color:#666}
#page li.active{border:1px solid #db4f11; background-color:#db4f11; color:#FFFFFF}
#page li.active a{ color:#fff}
#page .thisclass{ background-color:#db4f11; color:#FFFFFF}


.bsBox .bsTop{
    width: 100% !important;
}
.bsBox .bsFrameDiv{
    width: 100% !important;
}
.bsBox{
    height: auto !important;
}

.you12 {
  display: inline-block;
  color: #fff;
  border: 1px solid #eeeeee;
  line-height: 30px;
  padding: 0 10px;
  cursor: pointer;
}
.you-uls{
  width: 100px;
  background: #FFFFFF;
  border: 1px solid #eeeeee;
  padding: 5px 0;
  text-align: center;
  bottom: 100%;
  display: none;
  z-index: 99;

  line-height: 30px; left: 50%;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  /* IE 9 */
  -moz-transform: translateX(-50%);
  /* Firefox */
  -webkit-transform: translateX(-50%);
  /* Safari 和 Chrome */
  -o-transform: translateX(-50%);

}
.you12:hover .you-uls{
  display: block;

}
.you-uls  a{
  color: #000;  display: block;

}