::-webkit-scrollbar-thumb {
    border-radius: .3rem;
    background-color: #666;
}
::-webkit-scrollbar-track {
    border-radius: .3rem;
    background-color: #eee;
}
::-webkit-scrollbar {
    width: .3rem;
    background-color: #eee;
}

input[type="text"]::placeholder{color: #999;font-weight: 400;}
ul,li{list-style: none;}
a{
    text-decoration: none;
    color: #2b292f;
    -webkit-transition: all ease-in .2s;
    -ms-transition: all ease-in .2s;
    -moz-transition: all ease-in .2s;
    -o-transition: all ease-in .2s;
    transition: all ease-in .2s;
}
a:hover{color: #cfa543;}


.page-header{height: 160px;background:#333333;padding-top:46px;display: block; }
@media (min-width: 1200px){
    .container {
        width: 1200px;
        max-width: 1200px;
    }

}
.banner-swiper{margin-top: -78px;}
.search-top-header{
    display: flex;
    width: 216px;
    height: 76px;
    margin-top: 1px;
    padding: 0px 15px;
    align-items: center;
    flex-shrink: 0;
    background-color: #ffffff;
}

.navbar{padding: 0;}

.search-top-header img{margin-right:10px;}
.search-top-header .form-control{padding:0px;line-height: 22px;font-size: 16px;border: none;}

.search-top-header .logo{display: none;}
.is-stuck .search-top-header .logo{display: block;}
.is-stuck .search-top-header .search-form{display: none!important;}

.form-control:focus{border-color: #86b7fe;outline: 0; box-shadow: 0 0 0 0.1rem rgb(13 110 253 / 25%);}

.page-header .page-header-top .page-logo{height: 68px;width: 195px;padding-left:0px;flex: 0 0 auto;}

.page-header .page-header-right{display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 39px;
    flex: 0 0 auto;
}
.page-header .page-header-right ul li {  list-style: none;font-size: 14px;font-weight: 400;line-height: 135.023%;margin-left: 40px; display:flex; align-items: center; }
.page-header .page-header-right ul li .con{margin-left: 15px;line-height: 24px;}
.page-header .page-header-right ul li p{color: rgba(255, 255, 255, 0.40);max-width: 176px; margin-top: 5px;}
.page-header .page-header-right ul li span{color: #FFFFFF}

.page-header-nav{background: rgba(0, 0, 0, 0.25);height: 78px;position:sticky;top:0;z-index: 999999999;width: 100%;}
.page-header-nav.is-stuck{background: #fff;border-bottom-color: #d7d7d7;box-shadow: 0 5px 5px rgb(0 0 0 / 10%);}
@media (max-width:658px) {
    .page-header{height: 100px;padding-top: 20px;}
    /*.search-top-header{height: 50px;}
    .page-header-nav{height: 52px;}
    .banner-swiper{margin-top: -52px;}*/

    .navbar-toggler{padding:0;}
    .navbar-toggler:focus{box-shadow:0 0 0 1px;}
}
.nav-link{font-size: 16px;color: #ffffff;font-weight:400;line-height: 135.023%; /* 21.604px */}
.nav-link:focus, .nav-link:hover{color: #ffffff;}

.is-stuck .nav-link,.is-stuck .nav-link:focus,.is-stuck .nav-link:hover{color:#000000;}
.navbar-expand-lg .navbar-nav .nav-item{position: relative}
.navbar-expand-lg .navbar-nav .nav-item .nav-link{
    margin: 0 25px;padding: 0;
    line-height: 76px;
}
.navbar-expand-lg .navbar-nav .nav-item .nav-link.dropdown-toggle{padding-right: 20px;}
.navbar-expand-lg .navbar-nav .nav-item:last-child .nav-link{
    margin: 0 0 0 30px;
}


.nav-item:before{
    content: "";
    background-color: rgba(255, 255, 255, 0.2);
    height: 20px;
    width: 1px;
    display: block;
    position: absolute;
    margin-top: 30px;
}
.nav-item:first-child:before{display: none}
.navbar-nav .nav-link{position: relative;}
.navbar-nav .nav-link:before{content:"";width:0;height: 2px;
    left: 0;
    position: absolute;
    z-index: 2;
    transition: 0.3s;
    bottom: 0;}
.navbar-nav .nav-link.active, .navbar-nav .show>.nav-link{color:#cfb168;}
.navbar-nav .nav-link.active:before,.navbar-nav .nav-link:hover:before{width:100%;background:#FFFFFF}

.dropdown-toggle::after{
    border: none;
    content:"\f282";
    font-family: bootstrap-icons!important;
    position: absolute;
    width: 16px;
}
.navbar-expand-lg .navbar-nav .dropdown-menu{min-width:auto;background-color:rgba(255, 255, 255, 0.75);min-width: 140px;border:none;border-radius: 0;margin-top:0;font-size: 16px;}
.is-stuck .navbar-expand-lg .navbar-nav .dropdown-menu{background-color:rgba(255, 255, 255, 0.85);}
.collapse.show,.collapsing{background-color:rgb(51 51 51 / 90%); margin:0 -15px; width: 100%;}
.collapse.show .navbar-nav{width: 100%;}
.collapse.show .navbar-nav .nav-item .nav-link,.collapsing .navbar-nav .nav-item .nav-link{margin: 0 15px;line-height: 50px;}
.collapse.show .navbar-nav .nav-link.active{font-weight: bold;}
.collapse.show .navbar-nav .dropdown-menu{padding:0px;width: 100%;}

.navbar-expand-lg .navbar-nav .dropdown-menu{min-height: 300px;}
.navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item{color:#000000;}
.navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item:focus, .navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item:hover{ background: none; color: #cfb168;}
.banner-swiper {
    width: 100%;
    position: relative;
}

.swiper-slide-txt {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10;
    top: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    left: 0;
    color: #fff;
}


.swiper-slide-txt h1 {
    font-size: 60px;
    font-weight: 300;
    animation-delay: 0.4s;
}

.swiper-slide-txt h4 {
    font-size: 60px;
    font-weight: 900;
    margin: 2px 0 38px 0;
    animation-delay: 0.8s;
}

.swiper-slide-txt .banner-swiper-link {
    position: relative;
    animation-delay: 1.2s;
    width: 90%;
    max-width: 195px;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
}

.swiper-slide-txt a {
    border: 1px solid #fff;
    color: #fff;
    width: 100%;
    text-align: center;
    display: block;
    line-height: 45px;
    font-size: 18px;
    border-radius: 30px;
    position: relative;
    overflow: hidden;
}

.swiper-slide-txt em {
    position: relative;
    width: 100%;
    z-index: 10;
}

.swiper-slide-txt em,
.swiper-slide-txt i {
    display: block;
    font-style: normal;
}

.swiper-slide-txt .imore-link i {
    width: 0;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5;
    transition: 0.3s;
    background: #05a5e8;
}
.index-banner-img {
    padding-top: 35%;
    width: 100%;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transform: scale(1.2);
}


.swiper-slide-active .index-banner-img {
    transform: scale(1);
    transition: all 5.5s ease;
}
.pagination-button {
    height: 45px;
    width:35%;
    margin-top:-45px;
    position: absolute;
    left: 35%;
    z-index: 90;
}
.banner-pagination span {
    margin: 0 10px;
    border-radius: 6px;
    width: 12px;
    height: 12px;
    transition: 0.4s;
    background: #adadad;
}

.banner-pagination .swiper-pagination-bullet-active {
    background: #05a5e8;
    width: 28px;
    border-radius: 6px;
}

@media (max-width: 658px){
    .index-banner-img {
        padding-top: 60%;
    }

}

.our_job{margin:120px auto 50px;}
.our_job .left{width: 294px;}
.our_job .right{
    width: 873px;
}
.our_job .left .tip,.our_fa .left .tip,.index-about-us .left .tip,.index-new .tip,.index-content-us .tip{width: fit-content;background: rgba(232, 232, 232, 0.50);font-size: 14px;color: rgba(0, 0, 0, 0.60);font-style: normal;font-weight: 400;line-height:24px;margin-bottom: 10px; padding-right: 10px;}
.our_job .left .tip:before,.our_fa .left .tip:before,.index-about-us .left .tip:before,.index-new .tip:before,.index-content-us .tip:before{float:left;content: "";width: 4px;height: 24px;display: block;background: linear-gradient(94deg, #EECF76 -1.21%, #FFEEB6 116.84%); margin-right: 10px;}
.our_job .left .h3,.our_fa .left .h3,.index-about-us .left .h3{color: #333;font-size: 35px;font-style: normal;font-weight: bolder;}

.our_job .right .item{display:flex;margin-bottom: 70px;padding-right: 30px;}
.our_job .right .item .img{margin-right:35px;}
.our_job .right .item .content{padding-left: 20px;border-left: 1px solid #D8D8D8;}
.our_job .right .item .content .title{font-size: 25px;color: rgba(0, 0, 0, 0.90);font-weight: bold;}
.our_job .right .item .content .tip{font-size: 16px;color: #666;font-weight: 400;line-height: 150%; /* 24px */}
@media (max-width: 658px){
    .our_job{margin: 40px auto;}
    .our_job .left{width:100%;margin-bottom: 20px;}
    .our_job .right .item{display:flex;margin-bottom: 30px;padding-right: 0px;}
}

.our_fa{width: 100%;padding-top:365px;background: url("../img/index-fa-bg.jpg") center top no-repeat;}
.our_fa .container{background-color: #FFFFFF;padding:80px;}
.our_fa .left .content{color: #666;font-size: 16px;line-height: 150%;width: 464px;margin-bottom: 25px;}
.our_fa .left .item{margin-bottom: 20px;}
.our_fa .left .item img{margin-right: 10px;}
.our_fa .left .item span{color: rgba(0, 0, 0, 0.90);font-size: 25px;line-height: 135.023%;font-style: normal;font-weight: 400;}
.our_fa .bottom{margin-top: -180px;}
@media (max-width: 658px){
    .our_fa .container{padding: 15px;}
    .our_fa .left .content{width: 100%;}
}

.index-count{border-top: 1px solid #D4D4D4;border-bottom: 1px solid #D4D4D4;width:1020px;max-width:100%;margin: 0 auto 80px;}
.index-count .item{font-size: 50px;color: #333;display:flex;align-items: center; justify-content: center;padding:45px 0;}
.index-count .item:last-child{border-left: 1px solid #D4D4D4;}
.index-count .item span{font-size: 20px;color: rgba(0, 0, 0, 0.90);line-height: 66px;}
.index-count .item i:before{content:"";width: 17px;height: 17px;background: linear-gradient(180deg, #D8B24B 0%, #FFEDB5 100%);display: flex;margin:0 16px;}

@media (max-width: 658px){
    .index-count{margin-top:45px;}
    .index-count .item{font-size: 20px;width: 50%;padding: 10px 0;}
    .index-count .item span{font-size: 14px;}
}
.index-video .item{ cursor: pointer;position: relative}
.index-video .item .pbtn{ position:absolute;width: -webkit-fill-available;display: none !important;}
.index-video .item:hover .pbtn{display: flex !important;}
@media (min-width: 1200px){
    .index-video .item:first-child{padding-right: 0;}
    .index-video .item:last-child{padding-left: 0;}
}

.index-product .h3{font-size: 35px;color: #333;font-weight: 400;line-height: normal;}

.index-product-item{max-height: 405px;overflow: hidden;}
.index-product-item p:after{
    content: '——';
    text-align: left;
    color: #E8CB78;
    font-size: 16px;
    line-height: 151.523%;
    display: block;
}
.index-product-item .swiper-slide:hover img,.product-list .item:hover img{transform: scale(1.2, 1.2);transition: transform 0.3s ease 0s;}

.index-product-bottom{
    /*background: linear-gradient(180deg, #D8B24B 0%, #FFEDB5 100%);*/
    background: linear-gradient(180deg, #8c8c8c 0%, #f3f3f3 100%);
    margin-top: -160px;
    padding-bottom: 145px;
}
.index-product-bottom .index-button{margin-top: 195px;}
.index-button{
    width: 195px;
    line-height: 60px;
    display: inline-table;
    text-decoration: none;
    background: url("../img/btn-bg.jpg") center center no-repeat;
    color: #FFFFFF;
}
@media (max-width: 658px){
    .index-product-bottom{
        margin-top: -100px;
        padding-bottom: 45px;
    }
    .index-product-bottom .index-button{margin-top: 135px;}
}

.index-new{margin-top: 90px;}
.index-new .index-new-content{max-width: 950px;}
.index-new-content .left{max-width: 420px;}
.index-new-content .left .title span{font-size: 15px;font-weight: 400;line-height: 20px;}
.index-new-content .left .title span img{margin-top: -4px;margin-right: 4px;}
.index-new-content .left .title .calendar{margin-left: 20px;}
.index-new-content .left .desc{font-size: 16px;font-weight: 400;line-height: 24px;word-wrap: break-word;}

.index-new-content .right .item{padding-bottom: 35px;margin-bottom:35px;border-bottom: 1px solid #D6D6D6;}
.index-new-content .right .datetime{width: 90px;padding-right:20px;margin-right: 20px;border-right: 1px solid #D6D6D6}
.index-new-content .right .datetime .year{font-size: 16px;color:#666;}
.index-new-content .right .desc{font-size: 16px;line-height: 24px;overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}

.index-content-us{margin-top:95px;padding:145px 0;background-color: rgba(51, 51, 51, 1);color: #FFFFFF;}
.index-content-us .left .desc{font-size: 16px;line-height: 151.523%;font-weight: 400;}
.index-content-us button{background: linear-gradient(180deg, #D8B24B 0%, #FFEDB5 100%);padding: 19px 34px;}
.index-content-us .connect li,.bottom-content .left li{font-size: 14px; max-width: 255px;font-weight: 400;line-height: 135.023%; }
.index-content-us .connect li p{color: rgba(255, 255, 255, 0.40);}
@media (max-width: 658px){
    .index-content-us{padding:45px 0;}
    .index-new{margin-top: 40px;}
}

#myform textarea::placeholder {
    color:#999;
}

.page-bottom{background: linear-gradient(180deg, #333 0%, #000 100%);color: #FFF;}
.page-bottom .bottom-top-tip{background-color: rgba(255, 255, 255, 0.08);line-height: 120px;font-size: 25px;font-weight: 400;}
.page-bottom .left{padding-left: 45px; padding-right: 65px;}
.page-bottom .logo{width: 165px; height: 54px;}

.page-bottom .bottom-content .desc{line-height: 150%;}
.page-bottom .bottom-content .content-list ul{padding-inline-start: unset;line-height: 250%; font-size: 16px;}
.page-bottom .bottom-content .content-list ul li a{color: #FFF;}
.page-bottom .bottom-content .content-list ul li a:hover{color: #DCC15B;}
.page-bottom .bottom-bottom{line-height: 250%;color: rgb(133, 133, 133);font-size: 14px;}
.page-bottom .bottom-bottom a{color: rgba(255, 255, 255, 0.40);}
@media (max-width: 658px){
    .page-bottom .left{padding-left: 15px; padding-right: 15px;}
}
/* Scroll Top Top */
.scroll-to-top {
    padding: 2px;
    text-align: center;
    position: fixed;
    z-index: 10001;
    bottom: 10px;
    display: none;
    right: 10px;
}
.scroll-to-top > i {
    display: inline-block;
    color: #687991;
    font-size: 32px;
    opacity: 0.7 ;
    filter: alpha(opacity=70) ;
}
.scroll-to-top:hover {cursor: pointer; }
.scroll-to-top:hover > i {
    opacity: 1 ;
    filter: alpha(opacity=100) ;
}

@media (min-width: 992px) {
    /* 992px */
    .scroll-to-top {right: 10px; }
}

@media (max-width: 991px) {
    /* 991px */
    .scroll-to-top {right: 10px; }
    .scroll-to-top > i {font-size: 28px; }
}

.category-banner{margin-top:-78px;height:400px; }
.banner-content {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 7%;
    z-index: 20;
}
.banner-content .h4{padding-left: 70px;}
.banner-content .h4::before {
    content: '';
    width: 45px;
    height: 3px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -1px;
    z-index: 9;
    background: #fff;
}
.category-banner img{height: 100%;}
@media (max-width: 658px){
    .category-banner{height:200px; }

    .banner-content .h4 {
        padding-left: 30px;
        font-size: 18px;
    }
    .banner-content .h4::before {
        width: 22px;
        height: 2px;
    }
    .banner-content h2 {
        font-size: 22px;
    }
}

#dituContentn{height:600px;}
@media (max-width: 658px){
    #dituContentn{height:400px;}
}

.product-checkbox-group{
    height: 2.7rem;
    min-height: 150px;
    overflow-y: auto;
}
.page-link{cursor:pointer}

.category-list .item{ -webkit-transition: all .35s; -o-transition: all .35s; transition: all .35s; }
.category-list .item:hover .c-pic:before {
    opacity: 1;

}
.category-list .item .c-pic:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(207, 177, 102, 0.5); opacity: 0; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; }
.category-list .item .view{display:none;top: 50%;left: 0;top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; display: -ms-flexbox; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; }
.category-list .item:hover .view{ display: -webkit-box;display: flex; }


.cate-2-item{
    background-color: rgba(255, 255, 255, 0.75);
    min-width: 140px;
    display: none;
    line-height: 2.28571;
    height: 100%;
    overflow-y: auto;
    position: absolute;
    left: 100%;
    top: 0;
    padding: 0.2rem 0;
    border-left: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
}
.cate-1-item.on .cate-2-item{ display: block; }
.navbar-expand-lg .cate-1-item.on a.dropdown-item.cate-1-1item{color: #cfb168;}
.navbar-expand-lg .cate-1-item.on a.dropdown-item.cate-1-1item.active{color: #ffffff;background-color: rgba(207, 177, 104, 0.75);}
.navbar-expand-lg .cate-1-item.on a.dropdown-item.cate-1-1item.active:active{color: #000000;}
.navbar-expand-lg .cate-1-item .dropdown-item.active, .navbar-expand-lg .cate-1-item .dropdown-item:active{background-color: rgba(207, 177, 104, 0.75);color: #ffffff;}
.navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-item:active{background-color: rgba(207, 177, 104, 0.75);color: #ffffff;}