﻿@charset "utf-8"; 
:root {--color: #BC8E19;}
@media (min-width:1025px){#liproducts .submenu{padding:10px;list-style:none;width:1200px;display:flex;flex-wrap:wrap;left:-400px}
#liproducts .submenu>li{margin:10px 0;position:relative;min-height:100px;width:24%;margin-left:1%}
#liproducts .submenu>li em,#liproducts .submenu>li i{display:none}
#liproducts .submenu>li>a{display:inline-block;text-decoration:none;height:auto;padding:0;font-weight: var(--fontbold7);padding-left:100px}
#liproducts .submenu>li .cate-con{padding-left:100px}
#liproducts .submenu>li .cate-con ul{position:static;display:block;background:0 0;padding:0;opacity: 1;transform: inherit;width:auto;}
#liproducts .submenu>li .cate-con ul a{font-size:14px;opacity:.8;padding:0;white-space: normal;}
#liproducts .submenu>li .cate-img{width:80px;height:80px;position:absolute;left:0;top:0}
#liproducts .submenu>li .cate-img>a{padding:0;}
#liproducts .submenu>li .cate-img img{width:100%;height:100%;object-fit:cover}}
@media (min-width:1025px) and (max-width:1440px){#liproducts .submenu{left:-480px;}}
@media (max-width:1024px){#liproducts .submenu{margin:0;padding:0;width:auto;display:none}
#liproducts .submenu>li{margin:0;padding-left:20px;min-height:inherit;width:100%}
#liproducts .submenu>li .cate-img{display:none}
#liproducts .submenu>li .cate-con ul{display:block;} 
#liproducts .submenu>li>a{padding-left:0}
#liproducts .submenu>li .cate-con{padding-left:20px}}
.head-top{background:#ffffff26}
.head-contact em,.head-contact>a:hover{color:#fff;}
.table-responsive tr:nth-child(even){background: #fff;}  
.table-responsive tr:nth-child(odd){background: #eee;} 
.head-menu-box nav>ul{justify-content: center;}
.tabs-nav p:nth-child(2) {display: none;}
.product-ims{width: 15px;position: absolute;left: -20px;top:0}
.home-img img{display:block;margin:0 auto;}
@media(min-width:1025px){#about .about-con{width: 54%;}#about .about-img{width: 46%;}}
.home-images img{width:100%}
.himg2 .home-title{font-size:18px;}
#projects::after{content:"GROUP ORDER ENTRY";}
.home-logo .l-wrap{display:flex;justify-content:space-between}
.home-logo .home-title{text-align:left;margin:0;}
.home-logo .home-title h2{position:relative;}
.home-logo .home-title h2:after{content:'';width:100px;height:3px;background:var(--color);margin-top:10px;display:block;}
.home-logo .home-title p{font-size:var(--fontsize16);max-width: 200px;line-height:1.3;margin-top:10px;}
.home-logo .logo-container{width:calc(100% - 300px)}
.home-logo .swiper-free-mode>.swiper-wrapper{transition-timing-function:linear!important;margin:0 auto;align-items:center}
.home-logo .logoswiper-pagination{display:none}
#logoswiper{width:100%;overflow:hidden}
@media (max-width:1024px){.home-logo{padding-bottom:60px}
.home-logo .l-wrap{display:block}
.home-logo .home-title{text-align:center}
.home-logo .home-title p{max-width:100%;text-align:center;margin-top:25px;}
.home-logo .home-title h2:after{position:absolute;left:50%;transform:translateX(-50%)}
.home-logo #logoswiper .swiper-wrapper{transition-timing-function: linear;}
.home-logo .logo-container{width:100%;margin-top:30px}}
@media (max-width:768px){.home-logo .logoswiper-pagination{display:block;bottom:0;position:initial}
.home-logo{padding-bottom:30px}}
@media (min-width:1025px) and (max-width:1280px){.head-menu-box nav>ul>li>a{font-size:var(--fontsize15);padding:0 15px;}}
@media (min-width:1281px){.head-menu-box nav>ul>li>a{padding:0 12px;}}
@media (min-width:1025px){.head-menu-box nav>ul>li>em{position: absolute;right:-3px;top: 52%;transform: translateY(-50%);}}
@media (max-width:1024px){.head-menu-box nav>ul>li>em{display:none;}}
@media (min-width:1025px) and (max-width:1440px){.home-logo .home-title{font-size:30px;}}
@media (min-width:1025px) and (max-width:1366px){.home-logo .home-title p{font-size:15px;}}
.home-conutry-box{padding:4% 0;}
.home-conutry-box .country-list{display:flex;flex-wrap:wrap;justify-content: space-between;margin-top: 20px;}
.home-conutry-box .country-list .country-item{width:32%;margin:10px 0;}
.home-conutry-box .country-list .country-item .img{overflow: hidden;}
.home-conutry-box .country-list .country-item .img img{width:100%;display:block;}
@media (max-width:768px){.home-conutry-box .country-list .country-item{width:49%;}}
#news{padding-top: 4%;}
@media (min-width:1024px){
.index .head{position: relative;z-index: 3;}
.index .home-main #home-swiper{margin-top: -120px;z-index: 0;}
.index .head-main{background-color: #ffffff26;}
.index .head-menu-box nav>ul>li>a,.index .head-menu-box nav>ul>li>em{color: #fff;}
.head.is-fixed .head-main{background-color: #ffffff;}
.head.is-fixed .head-menu-box nav>ul>li>a,.head.is-fixed .head-menu-box nav>ul>li>em{color:#000}}
@media (min-width:1025px){#about .about-con{width:35%}
#about .about-img{width:65%}
#about .about-img .lazy-wrap{width:100%}
#about .about-img .lazy-wrap lite-youtube{max-width:none}}
.home-img{display:none}
@media (min-width:769px){#about .about-con .about-des{font-size:var(--fontsize18)}}
@media (min-width:769px) and (max-width:1440px){#about .about-con .home-title{font-size:var(--fontsize30)}
#about .about-con{padding-right:3%;}
#about .about-con .more-btn{margin-top:10px;}}
@media (min-width:769px) and (max-width:1280px){#about .about-con .about-des{font-size:var(--fontsize16)}}
.common-main .news-list.list0 li .news-img{padding-top: 6%;}
.common-main .news-list .news-date span{display: inline;margin-right: 10px;}
.index #brand{display:none;}
.index #product{background:#dcc97c}
#product .pro-list li .pro-cont{border-bottom: 2px solid #fff;}
#product .pro-list li .pro-cont .pro-name{-webkit-line-clamp: 1;}
#projects #home-projects .swiper-slide .projects-cont{position:initial;width:100%;}
@media (min-width:901px){#projects #home-projects .swiper-slide.swiper-slide-active{transform: scale(1.05);}}
@media (max-width:900px){#projects #home-projects{padding:50px 0;}}

#product:not(.home-reproduct) .l-wrap{position:relative;}
#product:not(.home-reproduct) .l-wrap .products-leftimg{position:absolute;top:0;left:15px;height:100%;width:auto;}
#product:not(.home-reproduct) .l-wrap .products-leftimg img{width:auto;height:100%;}
@media (max-width:900px){#product:not(.home-reproduct) .l-wrap .products-leftimg{display:none;}}
@media(min-width:1025px){.common-main .pro-list.list1 li{width: calc(23.33% - 22px);}
.common-main .pro-list.list1 li:nth-of-type(4n){margin-right: 0px;}
.common-main .pro-list.list1 li:nth-of-type(3n){margin-right: 32px;}}
.index #product{background:#fff}
#product:not(.home-reproduct) .l-wrap .products-leftimg img{width:70%}
#projects #home-projects .swiper-slide .projects-cont a{font-weight:var(--fontbold7);text-shadow:1px 2px 2px #ccc;}
@media (min-width:901px){#projects #home-projects .swiper-slide .projects-cont a{font-size:var(--fontsize18)}}
#product .pro-list li .pro-img{border:1px solid #39393c}
#product .pro-list li .pro-cont .pro-name{padding: 5px 10px;color:var(--color); background: linear-gradient(to right, #6e6e74, #3c3c3f,#707176,#6f6f75);}
#product .pro-list li .pro-cont{padding: 10px 0}
#product .pro-list li .pro-cont .pro-name{border-radius: 15px;}
#projects #home-projects .swiper-slide .projects-cont a{background: linear-gradient(to right, #6e6e74, #3c3c3f, #707176, #6f6f75);}
.home-logo1{margin-bottom: 20px;}
#projects #home-projects{padding-bottom:0}
#projects #home-projects .swiper-slide .projects-cont a{color:var(--color);border-radius:15px;padding:5px 10px}
.index #product{padding-top:0}
#projects #home-projects .swiper-slide .projects-cont a{text-shadow: none;}
.home-jewery{margin: 40px 0;}
.home-jewery img {width: 100%;}
#projects #home-projects .swiper-slide .projects-cont a:hover{ background: linear-gradient(to right, #f2d6a0, #f7e6b8, #f5e7bb, #eddaa3);color: var(--fontcolor);}
@media (min-width:901px){#info .info-item{padding-top:20px;padding-bottom:40px;}
#info .info-bottom{margin-top:12.5%;}}
@media (min-width:901px) and (max-width:1600px){#info .info-bottom{margin-top:8.5%}}
#info .video-layer .video-layer-cont{max-width:960px;}
@media(min-width:1025px){.info-top{margin-top: -3%;}
.info-video{padding-right: 35%;}}
#info .info-item::before{display:none;}
#info .info-item{padding:0 !important}
#info .info-item .img{overflow:hidden;}
#info .info-item .img img{display:block;width:100%;height:auto;transition:all .3s}
#info .info-item .img img:hover{transform:scale(1.02)}
.home-reproduct .all-products{display: none;}