/* header */
.header{background-color:#1b1b1b;position:fixed;top:0;width:100%;z-index:99999;height:7.5rem;}
.header-logo{text-align:center;padding:1rem 0 1rem;height:5rem;position:relative;}
.header-logo a{display:inline-block}
.header-logo a img{width:22rem;filter: grayscale(100%) brightness(2000%);}
.header-menu{display:none;}
.header-nav{height:2.5rem;position:relative;top:0}
.header-nav .container{position:unset;}
.header-nav .container>ul{display:flex;justify-content:center;}
.header-nav .container>ul>li>a{color:#fff;display:block;padding:0 1rem 1.25rem;position:relative;font-size:14px;text-transform:Uppercase;white-space: nowrap;height:2.5rem}
.header-nav .container>ul>li>a .icon-plus{display:none}
.header-nav .container>ul>li:hover>a:before{position: absolute;display: block;content: "";left: 50%;bottom: 10px;height: 0;width: 0;margin-left: -4px;border: 0 solid transparent;border-bottom-color: #fff;border-bottom-width: 4px;border-left-width: 4px;border-right-width: 4px;}
.header-nav .container>ul>li:last-child>a{font-family: "EBGaramond12-Regular";font-weight: bold;}
.header-nav-social{position:absolute;left:15px;top:1.5rem;display:flex;justify-content:space-around;flex-wrap:wrap}
.header-nav-social p{color: #e5dfd9;font-size:12px;margin-right:0.5rem;line-height:1.75}
.header-nav-social ul li{display:inline-block}
.header-nav-wish{position:absolute;right:4rem;top:1rem;}
.header-nav-wish p{color: #e5dfd9;font-size:12px;line-height:1.75;display:inline-block}
.header-nav-wish svg{position:relative;top:6px;margin-right:0.25rem}
.header-nav-search{position:absolute;right:1rem;top:1rem;cursor:pointer;z-index:999}
.header-nav-search-icon{border: 2px solid #999;border-radius: 50%;width:32px;height:32px;padding:4px;}
.header-nav-search-icon:hover{border: 2px solid #eee;}
.header-nav-search-icon:hover svg path{fill:#eee!important}
.header-nav-search-icon .icon2{display:none}
.header-nav-search.open .icon1{display:none}
.header-nav-search.open .icon2{display:block}
.header-nav-search-bar{position:absolute;top:0;left:0;right:0;height:4.25rem;background-color:#313131;display:none;}
.search-form{width:100%;height: 4.25rem;padding: 1rem 0;display:flex;align-items: center;align-items: center;}
.search-form .search-form-submit{width:24px;height:24px;background:url(../image/search.svg) center;background-size:cover;cursor:pointer;}
.search-form .search-form-input{height:100%;background-color:unset;color:#eee;width:calc(100% - 24px);padding-left:0.5rem;border: none;
    outline: none;}
.header-nav .header-nav-scroll{background-color:rgba(255, 255, 255, 0.95);position:absolute;top:2.5rem;left:0;right:0;opacity:0;transition:0.25s;}
.header-nav .header-nav-scroll-item{display:none;}
.header-nav .header-nav-scroll-item{margin:0 auto;text-align:center;padding:1.5rem 0}
.header-nav .header-nav-scroll-item ul{display:inline-block;vertical-align: top;text-align:left;padding:0 2rem}
.header-nav .header-nav-scroll-item ul li h6{font-size:14px;margin: 5px 0 1.75rem;letter-spacing: 1px;color: #313131;font-family: "MuseoSansCyrl-300";}
.header-nav .header-nav-scroll-item ul li a{display:block;margin: 10px 0 20px;position: relative;font-size: 12px;line-height: 12px;color: #646060;}
.header-nav .header-nav-scroll-item ul li a:hover{color:#000}
.header-nav .container>ul>li.header-nav-ul-hover .header-nav-scroll{opacity:1;}
.header-nav .container>ul>li:hover .header-nav-scroll-item{display:block}
.header.hide{height:4.25rem;transition:0.5s}
.header.hide .header-logo{top:-5rem}
.header.hide .header-nav{top:-3.25rem;transition:0.5s}
.header.hide .header-nav-social p{display:none}
.overflow-hidden{overflow: hidden !important;}
/* banner */
.banner{width:100%;margin-top:7.5rem;overflow-y:hidden;overflow-x:hidden;position:relative}
.banner-img{height:calc(100vh - 7.5rem)}
.banner-img img{opacity:0;}
.banner img{width:100%}
.banner-prev{left: 20px;position: absolute;width: 40px;height: 70px;background-color: rgba(0, 0, 0, 0.5);z-index: 999;top: 42%;font-size:1.5rem;color:#fff}
.banner-prev:after{font-size:1.5rem;color:#fff}
.banner-next{right: 20px;position: absolute;width: 40px;height: 70px;background-color: rgba(0, 0, 0, 0.5);z-index: 999;top: 42%;font-size:1.5rem;color:#fff}
.banner-next:after{font-size:1.5rem;color:#fff}
.banner-pagination .swiper-pagination-bullet{width: 12px;height: 12px;border-radius: 100%;background-color:#fff;opacity: .3;}
.banner-pagination .swiper-pagination-bullet-active{background-color:#fff;opacity:1}

/* index-about */
.index-about{padding:6rem 0;position:relative}
.index-about .index-about-left{width:60%;height:32rem;}
.index-about .index-about-right{position:absolute;top:8rem;right:5%;width:48%;background-color:#fff;padding:5rem}
.index-about .index-about-right h4{font-size:2.5rem;color: #666;font-family: "EBGaramond12-Regular";margin-bottom:2rem}
.index-about .index-about-right p{line-height:1.75;font-size:14px;color:#666}

/* index-brand */
.index-brand{position:relative}
.index-brand .container{max-width:unset;padding-left:15px;padding-right:15px;}
.index-brand ul{display:flex;justify-content:space-between;flex-wrap:wrap}
.index-brand li{box-shadow: 0px 0px 20px #fff;display: inline-block;position: relative;width: 19.2%;vertical-align: top;background-size: cover;overflow: hidden;transition: all 0.4s ease-in-out;z-index: 10;margin-bottom: 1%;}
.index-brand li a img{width:100%;display:block}
.index-brand li:hover {box-shadow: 0px 0px 20px #e7e7e7;}
.index-brand li .jieshao{background-color:#fff;opacity: 0;transition: all ease-in-out .25s;z-index: 2;position: absolute;top: 0;left: 0;right: 0;bottom: 0;text-align: center;padding: 2.5rem;display: block;box-shadow: 0px 0px 20px #fff}
.index-brand li:hover .jieshao{opacity: 1;transition: all ease-in-out .25s;box-shadow: 0px 0px 20px #000;}
.index-brand li .jieshao>h2{margin-bottom: 1.25rem;color: #666;font-family: "EBGaramond12-Regular";font-size: 1.75rem;}
.index-brand li .jieshao>p{color: #666;line-height: 1.75;font-size: 14px;text-align: left;}
.indexwenzi {position: absolute;bottom: 2rem;text-align: center;letter-spacing: 1px;color: #fff;font-size: 1.5rem;width: 100%;text-shadow: 2px 0 5px rgba(0, 0, 0, .5);font-family: "EBGaramond12-Regular";}

/* footer */
.footer{margin-top:3rem;padding:4rem 0 1rem;border-top:1px solid #e7e7e7}
.footer-nav{display:flex;justify-content:space-between;flex-wrap:wrap}
.footer-item h6{color:#333;font-size:16px;font-weight: 300;line-height: 2;margin-bottom:1rem}
.footer-item li a{line-height:2;letter-spacing: 0.8px;font-size:14px}
.footer-item li a:hover{color:#999}
.footer-item li svg{position:relative;top:5px}
.footer-item.form{width:24%}
.footer-copyright{text-align:center;font-size:14px;margin-top:3rem}
.footer form input{border: solid 1px #e7e7e7;outline: 0;font-size: 14px;font-weight: 300;padding: 10px 10px;display: block;height: 40px;width: 100%;margin-bottom:4px}
.footer form textarea{border: solid 1px #e7e7e7;outline: 0;font-size: 14px;font-weight: 300;padding: 10px 10px;display: block;width: 100%;min-height: 80px;}
.footer form .submit{cursor:pointer}

/* position */
.position{margin-top:7.5rem;height:3.75rem;border-bottom:1px solid #e7e7e7;padding:0 15px;display:flex;justify-content:space-between;position:relative;z-index:999}
.position-bar{line-height:3.75rem;color:#999;font-size:12px;text-transform:Uppercase;}
.position-bar.search-bar{display:inline-block;text-transform:unset}
.position-bar a{color:#999;}
.position-filter{display:flex;justify-content:space-between;}
.position-filter .filter-item{border-right:1px solid #e7e7e7;padding:0 8px 0 8px;cursor: pointer;position:relative}
.position-filter .filter-item:first-child{border-left:1px solid #e7e7e7;}
.position-filter .filter-item h6{line-height:3.75rem;font-size:12px;color:#333}
.position-filter .filter-item ul{display:none;position:absolute;left:-1px;top:100%;border:1px solid #e7e7e7;width:10rem}
.position-filter .filter-item:hover ul{display:block;}
.position-filter .filter-item:hover h6 svg{transform: rotate(180deg);}
.position-filter .filter-item ul li{background-color:#fff;padding:0 8px;border-bottom:1px solid #e7e7e7;}
.position-filter .filter-item ul li:last-child{border-bottom:0}
.position-filter .filter-item ul li:hover{background-color:#f5f5f5}
.position-filter .filter-item ul li.active{background-color:#f5f5f5}
.position-filter .filter-item ul li a{line-height:3;font-size:12px;color:#333;width:100%;display:block;white-space: nowrap;}
.position-filter .filter-item .filter-wish{font-size:12px;line-height:3.75rem}
.position-filter .filter-item .filter-wish p{display:inline-block}
.position-filter .filter-item .filter-wish span{color:#333}

/* product */
.product{padding:2rem 1rem}
.product .product-item{display:flex;justify-content:flex-start;flex-wrap:wrap;}
.product .product-list{width:24.25%;overflow:hidden;position:relative;margin-right:1%;margin-bottom:1%}
.product .product-list:nth-child(4n){margin-right:0}
.product .product-list .product-list-font{position:absolute;bottom:3rem;z-index:9;text-align:center;width:100%;}
.product .product-list-font h2{font-family: "MuseoSansCyrl-300";font-size: 16px;text-shadow: 2px 0 5px rgba(0, 0, 0, .8);color:#fff;margin-bottom:0.5rem}
.product .product-list-font p{font-family: "MuseoSansCyrl-300";font-size: 14px;text-shadow: 2px 0 5px rgba(0, 0, 0, .8);color:#fff;margin-bottom:0.5rem}
.product .product-list-font span{font-family: "MuseoSansCyrl-300";font-size: 12px;text-shadow: 2px 0 5px rgba(0, 0, 0, .8);color:#fff}
.product-list-pic{padding-top:150%;width:100%;height:100%}
.product-list-pic-box{padding-top:100%;}
.product-list-prev:after{font-size:1.5rem;color:#fff;text-shadow: 0px 0px 5px rgba(0,0,0,0.3);}
.product-list-next:after{font-size:1.5rem;color:#fff;text-shadow: 0px 0px 5px rgba(0,0,0,0.3);}
.product-list-pagination .swiper-pagination-bullet{width: 8px;height: 8px;border-radius: 100%;background-color:#fff;opacity: .3;}
.product-list-pagination .swiper-pagination-bullet-active{background-color:#fff;opacity:1}
.product .product-list .product-list-first{position:absolute;left:0;top:0;right:0;bottom:0;z-index:99}
.product .product-list:hover .product-list-first{display:none}
.product .product-list .product-list-album{opacity:0}
.product .product-list:hover .product-list-album{opacity:1}
.page{margin-top:1rem;text-transform: Uppercase;}
.page ul{text-align: center;}
.page ul li{display: inline-block;font-size: 16px;padding: 0 4px;}
.page ul li a{color: #333;}
.page ul li.active a{color: #999;}
.page ul li .current{color: #999;}

/* view-product */
.view-product{margin-top:12rem}
.view-product .view-product-body{display:flex;justify-content:space-between;flex-wrap:wrap;}
.view-product .view-product-left{width:50%;display:flex;justify-content:space-between;flex-wrap:wrap;}
.view-product .view-product-left .view-product-big{width:79%}
.view-product .view-product-left .view-product-big .zoomimg{width:100%;max-width:100%!important}
.view-product .view-product-left .view-product-small{width:21%;padding-left:2%}

.view-product .view-product-left .view-product-small .owl-item{padding-bottom:10px;}
@media (min-width:767px){
    .view-product .view-product-left .view-product-small .owl-item{width:100%!important;}
}
.view-product .view-product-left .view-product-small .owl-carousel .owl-stage{width:100%!important;}
.view-product .view-product-right{width:50%;padding-left:5%}
.view-product .view-product-right h2{font-size:30px;margin-bottom:6px}
.view-product .view-product-right h3{font-size:16px;margin-bottom:6px;color:#666}
.view-product .view-product-right h4{font-size:16px;margin-bottom:20px;color:#363d4c}
.view-product .view-product-right .view-product-content p{font-size:14px;color: #666;line-height: 2;}
.view-product-big .MagicZoomBigImageCont{opacity:0}
.view-product-big:hover .MagicZoomBigImageCont{opacity:1}
/* sale */
.sale-title{text-align: center;margin:2rem auto;font-size: 1.75rem;color: #333;font-family: "EBGaramond12-Regular";}
/* single */
.single{margin-top:12rem}
.single h2{margin: 0 auto;font-size: 28px;color: #333;font-family: "EBGaramond12-Regular";margin-bottom:2rem}
.single .single-body strong{color: #6e6a67;font-family: EBGaramond12-Regular;font-size: 24px;font-weight: 400;margin-bottom: -10px;display:block}
.single .single-body p{letter-spacing: .02em;line-height: 20px;font-size: 14px;color: #727073;font-weight: 300;display:block;margin-bottom:30px}
/* reguest */
.request{display:flex;justify-content:space-between;flex-wrap:wrap;}
.request-left{width:25%}
.request-left .sticky{position: sticky;top: 160px;}
.request-left .request-left-topic{background: #f1f1f1;margin-bottom:1.25rem;padding:1.25rem}
.request-left .request-left-topic h6{padding-bottom: 1rem;font-size: 18px;line-height: 1.5;}
.request-left .request-left-topic ul li{font-size:14px;margin-bottom: 0.75rem;color: #727073;line-height:1}
.request-left .request-left-topic ul li a:hover{color:#999}
.request-right{width:75%;padding-left:3%;margin-bottom:5rem}
.request-right h4{color:#1b1b1b;font-size:18px;margin-bottom:1rem;display:block}
.request-right form span{display:block;line-height: 1.75;color: #333;font-size: 16px;}
.request-right form span.fee{font-weight: bold;text-decoration:underline;color:#1b1b1b;margin-bottom:1rem}
.request-right form span.fee a{color:#1b1b1b}
.request-right form>input{border: solid 1px #ddd;outline: 0;font-size: 14px;font-weight: 300;padding: 10px 10px;display: block;height: 40px;width: 100%;margin-bottom:1rem}
.request-right form textarea{border: solid 1px #ddd;outline: 0;font-size: 14px;font-weight: 300;padding: 10px 10px;display: block;width: 100%;min-height: 80px;margin-bottom:1rem}
.request-right form label{display:block;font-size:16px;line-height:1.5;margin-bottom:1rem}
.request-right form label input{margin-right:6px}
@media (max-width:1600px){
    .header-nav .container>ul>li>a{padding:0 0.5rem;font-size:13px;}
    .index-brand li .jieshao{padding:1.75rem;line-height:1.5}
}
@media (max-width:1023px){
    .index-about .index-about-right{width:58%;padding:3rem;right:0}
    .index-about .index-about-right h4{font-size:2rem}
    .index-about .index-about-right p{line-height:1.5}
    .header{height:4.25rem}
    .header-logo{height:4.25rem}
    .header-menu{display:block;position:absolute;left:1rem;top:calc(50% - 9px);width:24px;height:18px;z-index:999999}
    .header-menu span{position: absolute;left: 0;background: #999;width: 100%;height: 1px;display: block;transition: 0.5s;}
    .header-menu .line1{top:0}
    .header-menu .line2{top: 50%;margin-top: -1px;}
    .header-menu .line3{bottom: 0%;}
    .header-menu.open span{background: #333;height:2px}
    .header-menu.open .line1{transform: rotate(135deg);top: 50%;bottom: auto;}
    .header-menu.open .line2{transform: rotate(45deg);top: 50%;bottom: auto;}
    .header-menu.open .line3{display:none}
    .header-nav{width:100%;background-color:#fff;height:100vh;top:0;display:none;position:fixed;z-index:9999;overflow-y:auto}
    .header-nav-search-bar .container{padding:0 60px}
    .header-nav.on{display:block;background-color:rgba(255,255,255,0.98)}
    .header-nav .container>ul{display:block;}
    .header-nav .container>ul>li{position:relative;padding:4px 0}
    .header-nav .container>ul>li>a{color:#333;text-align:center;font-size:18px;height:unset;line-height:48px;height:48px}
    .header-nav .header-nav-scroll{height:0;overflow:hidden;transition:0.5s;background-color:unset}
    .header-nav .container>ul>li:hover .header-nav-scroll-item{display:flex;}
    .header-nav .header-nav-scroll-item{display:flex;justify-content:space-between;padding-top:1rem;padding-bottom:0;border-bottom:1px solid #eee;border-top:1px solid #eee;padding-bottom:6px}
    .header-nav .header-nav-scroll-item ul{padding:0;margin:0 auto}
    .header-nav .header-nav-scroll-item ul li{text-align:center}
    .header-nav .header-nav-scroll{opacity:1;position:relative;top:0;}
    .header-nav .header-nav-scroll-item ul li h6{font-size:16px;margin-bottom:1.25rem}
    .header-nav .header-nav-scroll-item ul li a{font-size:14px;line-height:14px;margin:10px 0 15px}
    .header-nav .container>ul>li .icon-plus{display:block;position:absolute;right:0;top:4px;height:48px;width:48px;}
    .header-nav .container>ul>li .icon-plus .icon-plus-line1{position: absolute;left: 16px;top:22px;background: #999;width: 14px;height: 2px;display: block;transition: 0.5s;}
    .header-nav .container>ul>li .icon-plus .icon-plus-line2{position: absolute;left: 22px;top:16px;background: #999;width: 2px;height: 14px;display: block;transition: 0.5s;}
    .header-nav .container>ul>li.open .header-nav-scroll{height:auto}
    .header-nav .container>ul>li.open .icon-plus .icon-plus-line2{display:none;}
    
    
    .header-logo a img{width:16rem;padding-top:0.25rem}
    .header-nav-wish{display:none;}
    .header-nav-social{display:none;}
    .banner{margin-top: 4.25rem;}
    .banner-img{height:unset;background:unset}
    .banner-img img{opacity:1;}
    .position{margin-top: 4.25rem;}
    .product .product-list{width:32.5%}
    .product .product-list:nth-child(4n){margin-right:1%}
    .product .product-list:nth-child(3n){margin-right:0%}
}
@media (max-width:767px){
    .header{height:4rem}
    .header-logo{height:4rem}
    .banner{margin-top: 4rem;}
    .position{margin-top: 4rem;}
    .header-logo a img{width:13rem}
    .header-nav-search{top:0.875rem}
    .header-nav-search-bar{height:4rem;}
    .search-form{height:4rem;}
    .banner-pagination .swiper-pagination-bullet{width:8px;height:8px;margin:0 3px!important}
    .header-nav-search-icon{border:2px solid #1b1b1b}
    .header-nav-search-icon:hover{border:2px solid #1b1b1b}
    .header-nav-search.open .header-nav-search-icon{border:2px solid #313131!important}
    .header-nav-search-icon:hover svg path {fill: #999 !important;}
    .banner-next{display:none;}
    .banner-prev{display:none;}
    .index-about{padding: 3rem 0;}
    .index-about .index-about-left{width:calc(100% - 30px);height:18rem;margin-left:15px}
    .index-about .index-about-right{position:unset;width:100%;padding:2.5rem 1.5rem 1.5rem}
    .index-about .index-about-right h4{margin-bottom:1rem;font-size:1.75rem}
    .index-brand li{width:49%}
    .index-brand li .jieshao{display:none;}
    .indexwenzi{font-size:1.25rem;bottom:1.5rem}
    .product{padding:2rem 0}
    .product .product-list{width:49.5%}
    .product .product-list:nth-child(4n){margin-right:1%}
    .product .product-list:nth-child(3n){margin-right:1%}
    .product .product-list:nth-child(2n){margin-right:0%}
    .product .product-list .product-list-album{display:none;}
    .product .product-list .product-list-first{position:unset}
    .position{padding:0}
    /* .position-bar{display:none;} */
    .position-bar{display:none !important;}
    .position-filter{width:100%}
    .position-filter .filter-item{width:100%;text-align:center;position:unset}
    .position-filter .filter-item:first-child{border-left:0}
    .position-filter .filter-item:last-child{border-right:0}
    .position-filter .filter-item ul{width:100%;}
    .position-filter .filter-item .filter-wish p{display:none;}
    .position-filter .filter-item .filter-wish span{display:none;}
    .position-filter .filter-item:hover ul{display:none;}
    .position-filter .filter-item:hover h6 svg{transform: unset;}
    .position-filter .filter-item.open ul{display:block;}
    .position-filter .filter-item.open h6 svg{transform: unset;}
    .product .product-list .product-list-font{position:unset}
    .product .product-list-font h2{color:#333;text-shadow:unset;margin-top:0.75rem;font-size:14px}
    .product .product-list-font p{color:#666;text-shadow:unset;margin-bottom:1rem;font-size:12px}
    .product .product-list-font span{color:#333;text-shadow:unset;display:none}
    .product .product-list:hover .product-list-first{display:block}
    .view-product .view-product-left{display:block;width:100%}
    .view-product{margin-top: calc(4rem + 15px);}
    .view-product .view-product-left .view-product-small{padding-left:0;width:calc(100% + 6px);margin-left:-3px;margin-right:-3px;margin-top:6px}
    .view-product .view-product-left .view-product-big{width:100%}
    .view-product .view-product-left .view-product-small .owl-item{padding-bottom:0;padding:0 3px}
    .view-product .view-product-left .view-product-big .zoomimg{display:block}
    .MagicZoomBigImageCont{display:none!important;}
    .MagicZoomPup{display:none!important;}
    .footer-item li svg{width:16px;height:16px;top:4px}
    
    .product-list-box{display:none}
    .footer{margin-top: 1rem;padding: 2rem 0 1rem;}
    .footer-item{width:50%;margin-bottom:1rem}
    .footer-item li a{font-size:12px}
    .footer-item h6{margin-bottom:0.5rem}
    .footer-item.form{width:100%}
    .footer-copyright{margin-top:1rem;font-size:12px}
    .view-product .view-product-right{width:100%;padding-left:0;margin-top:2rem;margin-bottom:1rem}
    .single{margin-top: 6rem;}
    .request-left{display:none}
    .request-right{padding-left:0;width:100%}
    .single h2{font-size:24px;text-align:center;margin-bottom:1.5rem}
    .request-right form span{font-size:14px}
    .sale-title{margin-top:2rem;margin-bottom:1.5rem}
    .product .sale-title:nth-child(1){margin-top:0}
}