:root{--theme-color:204,163,81;--theme-dark-color:181,140,59;--text-black-color:0,0,0;--text-gray-color:30,30,30;--text-white-color:255,255,255}
.pc-element{display:block}
.mobile-element{display:none}
.text-ellipsis{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.text-clamp{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.text-clamp-3{-webkit-line-clamp:3}
.text-clamp-4{-webkit-line-clamp:4}
.text-clamp-5{-webkit-line-clamp:5}
.text-clamp-6{-webkit-line-clamp:6}
.text-clamp-7{-webkit-line-clamp:7}
.text-clamp-8{-webkit-line-clamp:8}
.text-clamp-9{-webkit-line-clamp:9}
.text-clamp-10{-webkit-line-clamp:10}
.image-wrap,.video-wrap{position:relative;z-index:1;display:block;overflow:hidden;font-size:0}
.image-wrap img,.video-wrap video{display:block;max-width:100%;transition:all ease .5s}
.image-wrap .center-image,.video-wrap .center-video{margin:0 auto}
.image-wrap .full-image,.video-wrap .full-video{width:100%}
.image-wrap .fill-image,.video-wrap .fill-video{width:100%;height:100%;object-fit:cover}
.image-wrap .contain-image,.video-wrap .contain-video{width:100%;height:100%;object-fit:contain}
.image-wrap .image-mask,.video-wrap .video-mask{position:absolute;top:0;left:0;z-index:5;display:block;width:100%;height:100%;background-color:#000;opacity:0;transition:all ease .5s}
.icon{display:inline-block;background-position:center;background-size:contain;background-repeat:no-repeat}
.swiper-container-wrap{position:relative}
.swiper-container-wrap .swiper-navigation-next,.swiper-container-wrap .swiper-navigation-prev{position:absolute;top:50%;z-index:10;display:flex;margin-top:-1.5rem;width:3rem;height:3rem;background-position:center;background-size:contain;background-repeat:no-repeat;align-items:center;justify-content:center}
.swiper-container-wrap .swiper-navigation-prev{left:2rem;background-image:url(../icon/swiper-prev-white.svg)}
.swiper-container-wrap .swiper-navigation-prev.swiper-navigation-black{background-image:url(../icon/swiper-prev-black.svg)}
.swiper-container-wrap .swiper-navigation-next{right:2rem;background-image:url(../icon/swiper-next-white.svg)}
.swiper-container-wrap .swiper-navigation-next.swiper-navigation-black{background-image:url(../icon/swiper-next-black.svg)}
.swiper-box .swiper-thumb{margin-top:2rem}
.swiper-box .swiper-thumb .swiper-container-wrap{padding:0 4rem}
.swiper-box .swiper-navigation-next,.swiper-box .swiper-navigation-prev{margin-top:-2rem;width:4rem;height:4rem}
.swiper-box .swiper-thumb .swiper-navigation-prev{left:0;background-position:left center;opacity:.6}
.swiper-box .swiper-thumb .swiper-navigation-next{right:0;background-position:right center;opacity:.6}
.swiper-container-wrap .swiper-pagination-wrap{position:relative;display:flex;margin-top:3rem;width:100%;flex-wrap:wrap;align-items:center;justify-content:center}
.swiper-container-wrap .swiper-pagination-bullet{width:1.875rem;height:.25rem;border-radius:0;opacity:.5}
.swiper-container-wrap .swiper-pagination-bullet:not(:last-child){margin-right:1rem}
.swiper-container-wrap .swiper-pagination-bullet-active{background-color:rgb(var(--theme-color));opacity:1}
.swiper-container-wrap .swiper-pagination-number{display:flex;width:2rem;height:2rem;border:1px solid #292929;border-radius:100%;color:#292929;text-align:center;font-size:1rem;transition:all ease .5s;align-items:center;justify-content:center}
.swiper-pagination-white .swiper-pagination-number{border-color:#fff;color:#fff}
.swiper-container-wrap .swiper-pagination-number:not(:last-child){margin-right:1.5rem}
.swiper-container-wrap .swiper-pagination-number-active{background-color:#292929;color:#fff}
.swiper-pagination-white .swiper-pagination-number-active{background-color:#fff;color:#292929}
.space-page{padding-top:5.625rem;padding-bottom:5.625rem}
.small-space-page{padding-top:3rem;padding-bottom:3rem}
.gray-page{background-color:#f5f5f5}
.sidebar-page{display:flex;flex-wrap:wrap;justify-content:space-between}
.sidebar-page .sidebar-page-sidebar{width:23%}
.sidebar-page .sidebar-page-body{width:75%}
.sidebar-main{background-color:#fff}
.sidebar-main .sidebar-title{position:relative;padding:1.25rem 1.5rem 2rem;border-bottom:1px solid rgba(255,255,255,.3);background-color:rgb(var(--theme-color));color:#fff;font-size:1.5rem}
.sidebar-main .sidebar-title::after{position:absolute;bottom:1.25rem;left:1.5rem;display:block;width:2em;height:2px;background-color:currentColor;content:''}
.sidebar-main li>ul{display:none}
.sidebar-main li.active>ul{display:block}
.sidebar-main .sidebar-nav>li>a{display:block;padding:.875rem 1rem;transition:color ease .5s,background-color ease .5s}
.sidebar-main .sidebar-nav>li.active>a,.sidebar-main .sidebar-nav>li:hover>a{background-color:rgb(var(--theme-color));color:#fff}
.sidebar-main .nav-father>a{position:relative;text-indent:1rem}
.sidebar-main .nav-father>a::before{position:absolute;top:50%;left:1rem;display:block;margin-top:-.5rem;width:1rem;height:1rem;background-image:url(../icon/sidebar-main-collapse.svg);background-position:center;background-size:1rem;background-repeat:no-repeat;content:''}
.sidebar-main .nav-father.active>a::before{background-image:url(../icon/sidebar-main-collapse-theme.svg);transform:rotate(90deg)}
.sidebar-main .sidebar-nav>li.nav-father.active>a::before{background-image:url(../icon/sidebar-main-collapse-white.svg)}
.sidebar-main .sidebar-grandson-nav,.sidebar-main .sidebar-son-nav{margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px dashed #ececec}
.sidebar-main .sidebar-grandson-nav>li>a,.sidebar-main .sidebar-son-nav>li>a{display:block;padding:.5rem 1rem;color:#666;font-size:.875rem;transition:color ease .5s}
.sidebar-main .sidebar-grandson-nav>li>a{text-indent:1rem}
.sidebar-main .sidebar-grandson-nav>li>a:hover,.sidebar-main .sidebar-son-nav>li>a:hover{color:rgb(var(--theme-color))}
.sidebar-article{background-color:#fff}
.sidebar-article .sidebar-article-title{padding:1.25rem;border-bottom:1px solid #f3f3f3;color:#1a1a1a;font-weight:700;font-size:1.375rem}
.sidebar-article .sidebar-article-list{display:grid;padding:1.5rem;grid-template-columns:repeat(1,minmax(0,1fr));gap:2rem}
.sidebar-article .sidebar-article-item-content{padding-top:1.25rem}
.sidebar-article .sidebar-article-item:hover img{transform:scale(1.1)}
.sidebar-article .sidebar-article-item-title{color:#1a1a1a;font-weight:700;font-size:1.125rem;transition:color ease .5s}
.sidebar-article .sidebar-article-item:hover .sidebar-article-item-title{color:rgb(var(--theme-color))}
.sidebar-article .sidebar-article-item-desc{margin-top:.375rem;color:#777;font-size:.875rem}
.sidebar-product .sidebar-product-title{padding:1.25rem;border-bottom:1px solid #f3f3f3;background-color:#fff;color:#1a1a1a;font-weight:700;font-size:1.375rem}
.sidebar-product .sidebar-product-list{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:2rem}
.sidebar-product .sidebar-product-item{border-bottom:2px solid transparent;background-color:#fff;text-align:center;transition:border-bottom-color ease .5s}
.sidebar-product .sidebar-product-item:hover{border-bottom-color:rgb(var(--theme-color))}
.sidebar-product .sidebar-product-item-href{display:block;padding:3rem}
.sidebar-product .sidebar-product-item-content{padding-top:1.5rem}
.sidebar-product .sidebar-product-item .image-wrap{height:10rem}
.sidebar-product .sidebar-product-item:hover img{transform:scale(1.1)}
.sidebar-product .sidebar-product-item-title{color:#1a1a1a;font-weight:700;font-size:1.125rem}
.sidebar-product .sidebar-product-item-more{margin-top:1.25rem;color:rgb(var(--theme-color));font-size:.875rem}
.global-banner{position:relative;height:24rem;background-color:rgb(var(--theme-color))}
.global-banner .image-wrap{height:100%}
.global-banner .global-banner-body{position:absolute;top:0;left:0;z-index:5;padding-top:2rem;width:100%;height:100%}
.global-banner .global-banner-body>.container{height:100%}
.global-banner .global-banner-crumb{padding-left:2rem;background-image:url(../icon/banner-position.svg);background-position:left center;background-size:1.375rem;background-repeat:no-repeat;color:#fff;font-size:.875rem}
.global-banner .global-banner-crumb a:not(:first-child){margin-left:.5rem}
.global-banner .global-banner-crumb a:not(:last-child){margin-right:.5rem}
.global-banner .global-banner-crumb a[href]:hover{text-decoration:underline}
.global-banner .global-banner-content{position:relative;top:25%;color:#fff}
.global-banner .global-banner-title{font-weight:700;font-size:2.5rem}
.global-banner .global-banner-subtitle{margin-top:.75rem;font-size:1.25rem}
.global-nav{position:relative;background-color:#fff;box-shadow:0 .5rem 1rem rgba(0,0,0,.1)}
.global-nav .global-nav-body{display:flex;flex-wrap:wrap;justify-content:space-between}
.global-nav .global-nav-submenu-father{position:relative;display:flex;align-items:center}
.global-nav .global-nav-item:not(:last-child){margin-right:4rem}
.global-nav .global-nav-link{position:relative;display:block;padding:1.5rem 0;color:#1a1a1a;font-size:1rem}
.global-nav .global-nav-item.active .global-nav-link,.global-nav .global-nav-link:hover{color:rgb(var(--theme-color))}
.global-nav .global-nav-link::after{position:absolute;bottom:-.375rem;left:0;display:block;width:100%;height:.375rem;background-color:rgb(var(--theme-color));content:'';opacity:0;transition:opacity ease .5s}
.global-nav .global-nav-item.active .global-nav-link::after,.global-nav .global-nav-link:hover::after{opacity:1}
.global-nav .global-nav-submenu-control{margin-left:.5rem;width:.5rem;height:.5rem;background-image:url(../icon/submenu-down.svg)}
.global-nav .global-nav-submenu-father:hover .global-nav-submenu-control{transform:rotate(180deg)}
.global-nav .global-nav-submenu{position:absolute;top:100%;left:50%;z-index:5;display:none;padding-top:1rem;width:max-content;min-width:8rem;transform:translateX(-50%)}
.global-nav .global-nav-submenu-father .global-nav-submenu{transform:translateX(calc(-50% - .5rem))}
.global-nav .global-nav-item:hover .global-nav-submenu{display:block}
.global-nav .global-nav-submenu-body{position:relative;padding:.5rem 0;border-radius:.375rem;background-color:#fff;box-shadow:0 0 1rem rgba(0,0,0,.1)}
.global-nav .global-nav-submenu-body::after{position:absolute;top:-.375rem;left:50%;z-index:1;display:block;margin-left:-.375rem;width:.75rem;height:.75rem;border-radius:.25rem;background-color:#fff;content:'';transform:rotate(45deg)}
.global-nav .global-nav-submenu-link{display:block;padding:.375rem 1rem;color:#1a1a1a;text-align:center;transition:background-color ease .5s,color ease .5s}
.global-nav .global-nav-submenu-link:hover{background-color:rgb(var(--theme-color));color:#fff}
.global-position{padding-top:1.5rem;padding-bottom:1.5rem;background-color:#ccc}
.global-position .global-position-crumb{padding-left:1.75rem;background-image:url(../icon/global-position.svg);background-position:left center;background-size:1.25rem;background-repeat:no-repeat;color:#666;font-size:.875rem}
.global-position .global-position-crumb a:not(:first-child){margin-left:.5rem}
.global-position .global-position-crumb a:not(:last-child){margin-right:.5rem}
.global-position .global-position-crumb a[href]:hover{color:rgb(var(--theme-color))}
.global-pagination{margin-top:3.5rem}
.global-pagination ul{display:flex;color:#555;list-style:none;text-align:center;font-size:1rem;flex-wrap:wrap;justify-content:center}
.global-pagination ul>strong{margin-right:.375rem;margin-left:.375rem}
.global-pagination li{margin:.25rem .375rem}
.global-pagination li>*{display:block;padding:.5rem 1rem;border:1px solid #ccc;border-radius:.25rem;background:#fff;color:#6e6e6e}
.global-pagination li.disable>*,.global-pagination li>.disable,.global-pagination li>a:not([href]){background-color:#ececec;color:#666;cursor:auto}
.global-pagination li a[href]:hover,.global-pagination li.active>*,.global-pagination li.active>a:not([href]){border:1px solid rgb(var(--theme-color));background:rgb(var(--theme-color));color:#fff}
.global-contact{position:relative;height:20rem}
.global-contact .image-wrap{height:100%}
.global-contact .global-contact-content{position:absolute;top:0;left:0;z-index:5;display:flex;width:100%;height:100%;color:#fff;flex-direction:column;align-items:center;justify-content:center}
.global-contact .global-contact-title{font-size:2rem}
.global-contact .global-contact-desc{margin-top:1rem;font-size:1rem}
.global-contact .global-contact-btn{display:block;margin:1.5rem 0 0;padding:.75rem 2.5rem;width:max-content;border:1px solid #fff;border-radius:3rem;color:#fff}
.global-contact .global-contact-btn:hover{background-color:#fff;color:rgb(var(--theme-color))}
@media screen and (max-width:1400px){.global-banner{height:20rem}
.space-page{padding-top:4rem;padding-bottom:4rem}
.global-pagination{margin-top:3rem}
}
@media (max-width:998.98px){.pc-element{display:none}
.mobile-element{display:block}
.space-page{padding-top:3rem;padding-bottom:3rem}
.global-nav .global-nav-body{display:block;overflow-x:auto;white-space:nowrap;font-size:0}
.global-nav .global-nav-item{display:inline-block}
.global-nav .global-nav-item:not(:last-child){margin-right:2rem}
.global-nav .global-nav-link::after{bottom:0;height:.25rem}
.sidebar-page .sidebar-page-body{width:100%}
.sidebar-page .sidebar-page-sidebar{margin-top:2rem;width:100%}
.global-position{padding-top:.75rem;padding-bottom:.75rem}
.global-position .global-position-crumb a:not(:first-child){margin-left:.25rem}
.global-position .global-position-crumb a:not(:last-child){margin-right:.25rem}
.global-pagination{margin-top:2rem}
}