body {
	font: 14px "alger";
	color: #3E4C5B;
    overflow: hidden;
    overflow-y: auto;
}
.blue{
    color: #9AA8B6;
}
header{
    padding:24PX 0 ;
    transition: all 0.3s;
    
}
.head-nav .layui-nav-item>a{
    padding: 0;
    margin:0 20px;
}

header{
      position: fixed !important;
    top: 0 !important;
}
.head-nav .layui-nav-more{
    right: -1px;
}
header.top{
    /*background: #fff;*/
    position: sticky !important;
    top: 0 !important;
   
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
    background: #ffffff3d;
    backdrop-filter: blur(10px);
}
header.bgcolor{
    /*background: #fff;*/
   background:  rgba(255,255,255,0.9);
    box-shadow: 0 2px 4px rgba(0, 0, 0, .15);
    padding: 5px 0;
}
header .head-nav .layui-nav-item a{
    color: var(--ftc);
}
.head-nav .layui-this:after, .layui-nav-bar{
    display: none;
}
header .head-nav .layui-nav-item a:hover, .layui-nav .layui-this a{
    color: var(--ftc);
}
header .head-nav .child-item{
    line-height: 40px;
border: 1px solid rgba(0,0,0,0);
border-bottom: none;
}

header .head-nav .child-item:hover{
    
border: 1px solid #6E5A45;
border-radius: 8px 8px 0 0 ;
border-bottom: none;
}
header .head-nav .child-item >a{
    white-space: nowrap;
border-bottom: 1px solid rgba(0,0,0,0);
}
header .head-nav .layui-nav-item:hover >a{
    border-color:  #6E5A45;
}
header .head-nav .layui-nav-item> a .layui-nav-more{
    position: relative;
}
header .layui-nav-item .layui-menu{
    position: absolute;
    top: 100%;
    background: initial;
    overflow: hidden;
    left: -1px;
    
    right: -1px;
    border-radius:0 0 8px 8px;
margin: 0;
font-size: 12px;
height: 0;
z-index: 9999;
}
header .layui-nav-item ul .title{
    text-align: center;
    color: var(--ftc);
}
header .layui-nav-item .layui-menu a{
    padding: 0!important;
    text-align: center;
    
    
}
.layui-menu{
    opacity: 0;
    /*overflow: hidden;*/
    height: 0;
    transition: all 0.3s;
}

.layui-menu li:hover{
    background: #6E5946;
    
}
.layui-menu li:hover>.title{
    color: #fff !important;
}
.head-nav .layui-nav-item:hover .layui-menu{
    opacity: 1;
    height: auto;
    overflow: visible;
border: 1px solid #6E5A45;
border-top: none;
}
.layui-menu-item-parent>ul{
    opacity: 0;
    top: 0;
    left: 100%;
border: 1px solid #6E5A45;
border-radius: 8px;
height: 0;
    overflow: hidden;
    display: none;
    position: absolute;
    min-width: 100px;
}
.layui-menu-item-parent:hover ul{
    display: block;
    opacity: 1;
    height: auto;
    top: 0;
    left: 100%;
}
@font-face {
	font-family: "alger";
	src: url("../font/ALGERIAN.TTF");
}
:root{
    --titlecolor:#3E4C5B;
}
.serive .title,
.new .title,
.contact .title{
    color: var(--titlecolor);
    text-align: center;
}
.contact ul h3{
    background:#6E5946 ;
    color: #fff;
    display: inline-block;
    margin: 0 auto;
    padding: 10px 30px;
    border-radius: 15px;
}
.mySwiper .title{
    opacity: 0;
}
.mySwiper .swiper-slide{
    transition: all 0.3s;
}
.mySwiper .swiper-slide-active .title{
    opacity: 1;
}
.mySwiper .swiper-slide-active {
    background: #fff;
    padding: 0 20px;
}
.new_details hr{
    border-bottom: 1px solid #6E5A45;
}
.new_details {
    color: #3E4C5B;
}
body{
display: flex;
flex-direction: column;
    min-height: 100vh;
}
main{
    flex: 1;
}
.bgc{
    background: #F7F3EF;
}
.serive_pic li{
    transition: all 0.5s;
}
.serive_pic li:hover{
    scale: 1.02;
    box-shadow: 0 5px 5px rgba(0,0,0,0.5);
}
.bg_box{
    position: relative;
    
}
.guonei .block{
    position: absolute;
    left: 76vw;top: 50%;
    width: 21vw;
    padding-top: 2%;
    transform: translateY(-50%);
}
.guonei .num{
    text-align: center;
    font-size:54px;
    margin-top:37%;
    
color: rgba(216, 216, 216, 1);
    background: linear-gradient(180deg, #544942 0%, #000000 100%);
    -webkit-background-clip: text;
background-clip: text;
    font-weight: bold;
color: transparent;
white-space: nowrap;
}
.xianxia .block{
    position: absolute;
    left:10% ;
    top: 20%;
    right: 56%;
}
.kuajing .num1,
.kuajing .num2,
.kuajing .num3{
    color: #6D5845;
    font-weight: bold;
font-size: 48px;
    position: absolute;
}
.kuajing .num1{
       top: 22.5%;
    right: 28%;

}.kuajing .num2{
       top: 22.5%;
    right: 8%;
}.kuajing .num3{
   
  
    top: 37%;
    right: 20%;
}
.full {
    width: 100vw;
    height: 100vh;
}
.jianjie1 .block{
    position: absolute;
    right: 15%;
    top: 20%;
}
.jianjie2 .block{
     position: absolute;
    right: 8%;
    top: 20%;
}
.index_swiper {
    max-height: 100vh;
    --swiper-pagination-bottom:20px;
    --swiper-pagination-bullet-horizontal-gap:10px;
    --swiper-pagination-bullet-width:12px;
    --swiper-pagination-bullet-height:12px;
    --swiper-pagination-bullet-inactive-color:#fff;
    --swiper-pagination-bullet-inactive-opacity:1;
    --swiper-pagination-color:var(--bgc)
}
.index_swiper .buy{
    padding: 0 30px;
    position: absolute;
        position: absolute;
    left: 10%;
    background: initial;
    color: var(--ftc);
    border-color: var(--ftc);
    border-radius: 40px;
    bottom: 20%;
    overflow: hidden;
    display: inline-block;
}
.index_swiper .buy:hover{
    color: #fff;
}
.index_swiper .buy:before{
    background:  var(--ftc);
    border-radius: 40px;
}
.index_swiper .swiper-pagination-bullet-active{
    box-shadow: 0 0 0 2px rgba( 110, 89, 70,0.6)
}
.index_product .bg{
    position: absolute;
    left: 0px;
    top: 0;
    z-index: -1;
}
.index_product ul a{
    position: relative;
    transition: all 0.5s;
    overflow: hidden;
}
.index_product ul a::before{
    display: block;
    content: '';
    background: rgba(0,0,0,0.2);
    transition: all 0.5s;
    position: absolute;
    left: 0;
    right: 00;
    top: 0;
    z-index: 1;
    bottom: 0;
    
}
.index_product ul a:hover{
    flex: 2.5;
    width: 100%;
}
.index_product ul a:hover img{
    /*width: 100%;*/
}
.index_product ul a:hover::before{
    
    background: rgba(0,0,0,0);
}
.swiper3 {
    --swiper-navigation-color:#D1D1D1;
    --swiper-navigation-sides-offset:-70px
}
.swiper3 .swiper-button-prev,.swiper3  .swiper-button-next{
    
border: 2px solid #D1D1D1;

width: 60px;
height: 140px;
background: #fff;
transition: all 0.5s;
}
.swiper3 .swiper-button-prev:hover,.swiper3  .swiper-button-next:hover{
    border-color: #fcf6ea !important;
    background:#fcf6ea  ;
       --swiper-navigation-color: #fcf6ea !important；
}
@media only screen and (max-width: 1440px) {
    .guonei .num{
        margin-top: 25%;
    }
    .kuajing .num1{
   
    top: 21%;
    left: 66%;
}.kuajing .num2{
   
    top: 21%;
    left: 84%;
}.kuajing .num3{
   
    top: 35%;
    left: 69%;
}
}

@media only screen and (max-width: 990px) {
}

@media only screen and (max-width: 768px) {
    .layui-nav .layui-nav-item a{
        color: var(--ftc);
    }
    header{
        padding: 10px;
    }
    .logo{
        max-width: 100px;
    }
    .swiper3{
        
    --swiper-navigation-sides-offset:0
    }
    .swiper3 .swiper-button-prev,.swiper3  .swiper-button-next{
        scale: 0.5;
    }
    .layui-nav-child{
        padding-left: 2em;
    }
     .layui-nav-child ul{
         padding-left: 1em;
     }
     .index_swiper .buy{
         
    scale: 0.3;
    transform-origin: bottom left;
     }
}

@media only screen and (min-width: 751px) and (max-width: 1400px) {
}

@media only screen and (min-width: 751px) {
}