@media screen and (max-width:1024px){
    header .nav{
        display: none;
    }
    .m-header{
        display: block !important;
    }
    .am-menu-offcanvas1 .am-menu-toggle{
        color: #000;
    }
    .am-menu{
        display: block;
        margin-top: 85px;
    }
    .am-menu-toggle img{
        height: 40px;
    }
    .am-menu-offcanvas1 .am-menu-nav>li>a{
        height: 60px;
        line-height: 60px;
    }
    .am-parent .am-menu-sub .box{
        float: none;
    }

}
@media screen and (max-width:480px){
    .by-img{
        height: 72px !important;
        object-fit: cover;
    }
    .top-tu{
        margin-top: 20px !important;
    }
    .jiage-zi{
        font-size: 16px !important;
    }
    header{
        height: 70px !important;
    }
    header .logo{
        line-height: 70px !important;
    }
    .am-menu{
        margin-top: 75px;
    }
    footer, .footer{
        padding: 0px 0 !important;
    }
    .footer .bot{
        padding-bottom: 0px !important;
    }
    .footer .saoma{
        background:rgba(51,51,52,1);
        height: auto !important;
        line-height: initial !important;
    }
    .welf .flex .box{
        width: 132px !important;
        height: 132px !important;
    }
    .m-header{
        margin-top: 30px !important;
    }
    .n-banner{
        
    }
}
.f-bbb{
    color: #B6894D;
}
.wd100{
    width: 100%;
    margin: auto;
}
.wd1200{
    max-width: 1200px;
    margin: 0 auto;
}
header{
    background: #ffffff;
    height: 106px;
}
header .logo{
    line-height: 106px;
}
.nav .ul-a{
    width: 100%;
    text-align: right;
    margin: 0;
}
.nav .ul-a .li-a{
    display: inline-block;
    text-align: center;
}
.nav .ul-a .li-a .a-a{
    display: inline-block;
    height: 106px;
    line-height: 106px;
    padding: 0 30px;
    
}
.nav .ul-a .li-a .a-a:hover{
    color: #fff !important;
}
.nav .ul-a .li-a:hover{
    background: #B6894D;
    
}
.nav .ul-a .li-a:hover .a-a{
    color: #fff;
}
.nav .ul-a .li-a:hover .ul-b{
    display: block;
}
.nav .ul-a .li-a .ul-b .li-b a:hover{
    text-decoration: underline !important;
    text-decoration-color: #fff;
}

.swiper-container {
    height: auto;
}

.swiper-pagination-bullet {
    width: 20px;
    height: 20px;
    background: #ffffff;
    opacity: 0.4;
}

.swiper-pagination-bullet-active {
    background-color: brown !important;
    opacity: 1;
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 10px;
}

.swiper-slide img {
    height: auto;
    object-fit: cover;
}

.f-a:hover{
    color: #fff !important;
}
.f-36{
    font-size: 36px;
}
.f-ccc{
    color: rgba(220, 178, 124, 1);
}
.footer .bot{
    padding-bottom: 30px;
}
.footer .bot .log{
    border-right: 2px solid #999;
   
}
.footer .saoma{
    
    height: 156px;
    line-height: 55px;
}
.footer .log{
    width: 211px;
}
.footer .bot .lx .tb{
    width: 30px;
    height: 30px;
}

header .nav .ul-a .li-a{
    position: relative;
}
    header .nav .ul-a .ul-b{
        position: absolute;
        top:106px;
        left: 0;
        z-index: 999;
        background: #dcb27c;
        padding-left: 0;
        width: 100%;
        margin: 0;
        display: none;
    }
    header .nav .ul-a .ul-b li a{
        padding: 20px 0;
        display: block;
    }
    header .nav .ul-a .ul-b li a:hover{
        color: #fff;
    }




#scrollUp{
    background: #B6894D !important;
}
.contact__form--1 input[type=submit], .contact__form--1 textarea[type="submit"]{
    background-color: #dcb27c !important;
}
.shop-sidebar-container .shop-sidebar-wrapper{
    padding: 0;
}
.related-product-inner .widget-title{
    padding: 20px;
    background: #dcb27c;
    color: #fff;
    margin-bottom: 0 !important;
}
.related-product{
    background: #f7f7f7;
}
.shop-sidebar.related-product-inner .related-product li{
    margin-top: 0;
}
.show-a{
    border-bottom: 2px dotted #e0e0e0;
    margin: 0 20px;
}
.show-a:hover{
    color: #B6894D !important;
}


.n-banner img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.curr{
    border-left: 5px solid #B6894D;
}

.instagram-grid-wrap{
    grid-template-columns: repeat(2, 1fr) !important;
}
#scrollUp i{
    color: #fff !important;
}
@media screen and (min-width:768px) and (max-width:1200px) {
    .saoma{
        width: 100%;
        text-align: center;
    }
    .bot .erweima img{
        width: 100% !important;
    }
   
    .footer .bot .lianxi{
        border: none !important;
    }
}
@media screen and (max-width:1200px){
    .footer .saoma{
        height: auto;
        line-height: 35px !important;
    }
    .lx{
        width: 100%;
    }
    .log{
        display: none !important;
    }
}
@media screen and (min-width:640px) and (max-width:768px) {
    .saoma{
        width: 100%;
        text-align: center;
    }
}


.m-header {
	width: 22px;
	height: 20px;
	display: none;
	cursor: pointer;
	margin-top: 3px;
	float: right;
    margin-top: 60px;
    margin-right: 20px;
}

.m-header .box {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
}

.m-header .line {
	display: block;
	width: 100%;
	height: 2px;
	background-color: #1d1d1d;
	position: absolute;
	left: 0;
	transition: width 0.3s ease 0s;
}

.m-header .line1 {
	width: 12px;
	top: 0;
}

.m-header .line2 {
	width: 20px;
	top: 6px;
}

.m-header .line3 {
	width: 16px;
	top: 13px;
}

.m-header-menu.show {
	right: 0;
	transition: all 0.44s ease 0s;
}

.m-header-menu {
	position: fixed;
	right: -100%;
	width: 66%;
	top: 0;
	z-index: 100;
	height: 100%;
	background-color: #fff;
	transition: all 0.64s ease 0s;
}

.m-header-menu .m-menu-top {
	line-height: 60px;
	background-color: #b6894d;
}

.m-header-menu .m-menu-top .title {
	display: inline-block;
	font-size: 16px;
	color: #fff;
	margin-left: 8.2%;
	font-family: "Base-font";
}

.m-header-menu .m-menu-top .close {
	display: inline-block;
	width: 17px;
	height: 17px;
	background: url(../image/close.png) no-repeat center;
	margin-right: 7.8%;
	margin-top: 22px;
	cursor: pointer;
}

.f-cb:after {
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	overflow: hidden;
	content: ".";
}

.m-header-menu .m-header-list ul {
	width: 100%;
}

.m-header-menu .m-header-list li {
	line-height: 60px;
	width: 100%;
	border-bottom: 1px solid #f2f2f2;
}

.m-header-menu .m-header-list li .col-box {
	display: block;
	width: 84%;
	padding: 0 7.8% 0 8.2%;
}

.m-header-menu .m-header-list .tit {
	font-size: 16px;
	color: #666;
}

.m-header-menu .m-header-list .point {
	display: inline-block;
	width: 8px;
	height: 12px;
	background: url(../image/arrow_right.png) no-repeat center;
	margin-top: 26px;
}

.f-cb:after {
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	overflow: hidden;
	content: ".";
}

.m-header-menu .m-header-menu-sub {
	position: absolute;
	right: -100%;
	top: 60px;
	width: 100%;
	height: 100%;
}

.m-header-menu .m-header-menu-sub .boxs {
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	transition: all 0.4s ease 0s;
	background-color: #fff;
	height: 100%;
}

.m-header-menu .m-header-menu-sub .boxs.show {
	left: -100%;
}

.m-header-menu .m-header-menu-sub .return-fir {
	display: block;
	width: 100%;
	padding: 0 7.8% 0 8.2%;
	line-height: 60px;
	background-color: #b6894d;
}

.m-header-menu .m-header-menu-sub .return-fir p {
	padding-left: 18px;
	color: #fff;
	font-size: 18px;
	background: url(../image/arrow_left.png) no-repeat left center;
}

.m-header-menu .m-header-menu-sub ul, .m-header-menu .m-header-menu-sub li {
	width: 100%;
	background: #fff;
}

.m-header-menu .m-header-menu-sub li {
	line-height: 60px;
	border-bottom: 1px solid #f2f2f2;
}

.m-header-menu .m-header-menu-sub li a {
	display: block;
	width: 84%;
	padding: 0 7.8% 0 8.2%;
	font-size: 16px;
	color: #666;
}

.m-shadow {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .3);
	display: none;
	z-index: 99;
}
.m-a{
    height: 60px;
    line-height: 60px;
    width: 100%;
    padding: 0 7.8% 0 8.2%;   
    border-bottom: 1px solid #f2f2f2;
}

a:hover{
    color: inherit !important;
}