/***/

#allcat{margin-top:90px;margin-bottom:30px}
#smallcat{margin-bottom:30px}
.goback-title{}
.goback{position:relative;padding-left:60px;display:inline-block}
.goback:before{content:"";background:url(../images/arrow-left.png) no-repeat left center;background-size:100% auto;position:absolute;left:0;top:13px;height:40px;width:40px;transition:transform .25s ease-out;transform:scaleX(1);}
.goback:hover:before{background-image:url(../images/arrow-left-hover.png);transform:scaleX(0.7);}
.goback-h1{font-size:52px;font-weight: 700;line-height: 1.2em;letter-spacing: -2px;}
.goback:hover{color:#000}
/***/



/*pro-list*/
.product_list{padding-bottom: 0px;}
.product_list .pro_box{float: left;width: 1100px;}
.pro_box .pro_box_left a{float: left;width: 30%;margin-right: 5%;margin-bottom: 35px;}
.pro_box .pro_box_left a:nth-child(3n){margin-right: 0;}
.pro_box .pro_box_left a p{font-size: 20px;text-align: center;height: 65px;line-height: 30px;display: flex;justify-content: center;align-items: center;}

.pro_module{float: right;width: 360px;}


/**/
@media(max-width: 1540px){
    .product_list .pro_box{width: 70%;}
    .pro_module {width: 28%;}
}

@media(max-width:1440px){
    .goback-h1 {font-size: 37px;}
    #allcat {margin-top: 50px;}
    .product_list{padding-bottom: 50px;}
}

@media(max-width:1100px){

    .goback-h1 {font-size: 30px;}

    /**/
    #allcat {margin-top: 30px;}
    .product_list .pro_box{width: 100%;}
    .pro_box .pro_box_left a {width: 49%;margin-right: 2%;margin-bottom: 20px;}
    .pro_box .pro_box_left a:nth-child(3n){margin-right: 2%;}
    .pro_box .pro_box_left a:nth-child(2n){margin-right: 0;}
    .pro_box .pro_box_left a p {font-size: 16px;line-height: 24px;}
    .pro_module {width: 100%;}
    .pro_box a p {font-size: 16px;}

    /**/
    .cate_box .cate_list .list .top_cate a {font-size: 16px;}
    .cate_box .cate_list .list .top_cate i{top: 15px;font-size: 20px;}
    
    .cate_box .cate_list .list_child {padding: 15px 0;}
    .cate_box .cate_list .list_child a {font-size: 14px;margin-bottom: 13px;}
    .cate_box hr, .tag_box hr {margin: 15px 0 15px;}
}





/**/
#cate_select{margin:65px 0 25px;}
#cate_select .w1500{}
#cate_select .select_box{float: left;width: 23.5%;margin-right: 2%;margin-bottom: 2%;position: relative;}
#cate_select .select_box:nth-child(4n){margin-right: 0%;}
#cate_select .select_box input[type=text]{width: 100%;border: 1px solid #eee;height: 40px;line-height: 40px;padding-left: 15px;background-color: #fff;}
#cate_select .select_box a {color: #333;}
#cate_select .select_box a i{position: absolute;right: 15px;top: 9px;font-size: 25px;}
#cate_select .select_box .checkboxbutton{width: 100%;border: 1px solid #eee;height: 40px;line-height: 40px;padding-left: 15px;background-color: #fff;display: block;}
#cate_select .select_box.showactive .checkboxbutton{border-color: #cba571;position: relative;padding-left: 35px;}
#cate_select .select_box.showactive .checkboxbutton::before{
    content: '';
    position: absolute;
    left: 10px;
    top: 11px;
    width: 16px;
    height: 16px;
    background-color: #cba571;
    background-image: url(../images/g.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 14px 14px;
    border-radius: 50%;
    z-index: 2;
}
#cate_select .select_box button{position: absolute;right: 10px;top:12px;background-color: unset;border: 0;}
#cate_select .select_box .select_list{position: absolute;top: 40px;left: 0;right:0;margin:0 auto;width: 100%;box-shadow: 0 0 6px 1px #eee;padding: 10px;z-index: 3;display: none;background-color: #fff;}
#cate_select .select_box .select_list .select_list_box{margin-top: 10px;}
#cate_select .select_box .select_list .select_list_box input[type=checkbox]{display: inline-block;margin-right: 5px;}


/**/

#tag_box{margin-bottom: 25px;}
#tag_box .tag_list{display: inline-block;margin-right: 20px;font-size: 13px;padding:6px 15px;border-radius: 15px;border: 1px solid #ccc;margin-bottom: 5px;position: relative;}
#tag_box .tag_list.tag_check{padding:6px 35px;}
#tag_box .tag_list.tag_check::before{content: "";display: block;position: absolute;left: 10px;top: 7px;background-image: url(../images/tag-g.png);background-size: 100%;background-repeat: no-repeat;width: 13px;height: 13px;}
#tag_box .tag_list.tag_check::after{content: "";display: block;position: absolute;right: 10px;top: 7px;background-image: url(../images/icon_close.png);background-size: 100%;background-repeat: no-repeat;width: 13px;height: 13px;}
/**/

#product_list li{list-style-type: none;float: left;width: 24.25%;margin-right: 1%;margin-bottom: 1%;box-shadow: 0 0 0 0 #fff;
    transition: all 0.5s ease-in;-webkit-transition: all 0.5s ease-in;overflow: hidden;}
#product_list li:hover{box-shadow: 0 0 11px 2px #eee;}
#product_list li:nth-child(4n){margin-right: 0;}
#product_list li .img{overflow: hidden;}
#product_list li .img a{display: block;}
#product_list li .img img{display: block;width: 100%;}
#product_list li .title{font-size: 16px;font-weight: 400;margin-bottom: 10px;line-height: 25px;height: 50px;display: block;overflow: hidden;}
#product_list li .con{padding:20px;transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;transform: translateY(22px);}
#product_list li:hover .con{transform: translateY(0);}
#product_list li .des{font-size: 12px;line-height: 16px;overflow: hidden;color: #666;margin-bottom: 10px;height: 32px;overflow: hidden;}
#product_list li p{font-size: 13px;line-height: 17px;margin-bottom: 10px;}
#product_list li .btn{display: flex;gap: 10px;opacity: 0;transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;}
#product_list li:hover .btn{opacity: 1;}
#product_list li .btn a{font-size: 12px;text-align: center;outline: 1px solid #cba571;color: #666;
    text-transform: uppercase;border-radius: 5px;display: flex;align-items: center;justify-content: center;flex:1;line-height: 20px;}
#product_list li .btn a:nth-child(1){flex: 0.7;background-color: #cba571;color: #fff;}
#product_list li .btn a:hover{background-color: #cba571;color: #fff;}
#product_list li .btn a:nth-child(1):hover{outline: 1px solid #cba571;background-color: transparent;color: #cba571;}


/**/
#page_new {margin: 95px 0;}
#page_new .w1500{position: relative;}
#page_new .page_box{text-align: center;}
#page_new .page_box a{display: inline-block;width: 37px;line-height: 37px;height: 37px;margin:0 10px;}
#page_new .page_box a.next,#page_new .page_box a.prev{display: inline-block;width: 100px;line-height: 37px;height: 37px;border: 1px solid #cba571;text-transform: uppercase;}
#page_new .gopage{position: absolute;right: 0;bottom:0;}
#page_new .gopage form{display: inline-block;}
#page_new .gopage input{width: 30px;}

#page_new .page_box a.active,#page_new .page_box a:hover{background-color: #cba571;color: #fff;}
#page_new .page_box a.next:hover,#page_new .page_box a.prev:hover{background-color: #cba571;color: #fff;}



#loading{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(255,255,255,0.7);z-index: 999;display: none;width: 100%;height: 100vh;}
#loading .loading_box {position: absolute;left: 0;right: 0;top: 50%;transform: translateY(-50%);display: flex;justify-content: center;}
#loading .loading_box img{animation: cycler 1s linear 0s infinite;width: 50px;}

@keyframes cycler{

    0%{transform: rotate(0deg);}

    100%{transform: rotate(360deg);}
}





@media(max-width:1100px){
    #cate_select{margin: 30px 0;}
    #cate_select .select_box{width: 49%;}
    #cate_select .select_box:nth-child(2n){margin-right: 0;}
    #page_new{margin:20px 0 35px}
    #page_new .gopage{position: relative;right: 0;bottom:0;left: 0;margin: 0 auto;width: 100px;margin-top: 30px;}
    #tag_box .tag_list{margin-right: 10px;}
    #tag_box .tag_list.tag_check{padding: 6px 20px;}
    #tag_box .tag_list.tag_check::before{left: 7px;top: 8px;width: 10px;height: 10px;}
    #tag_box .tag_list.tag_check::after{right: 7px;top: 8px;width: 10px;height: 10px;}

    .product_list{padding-bottom: 20px;}

    #product_list li .con{transform: translateY(0);padding: 15px;}
    #product_list li:hover .con{transform: translateY(0);}
    #product_list li .btn{opacity: 1;}

}


@media(max-width:768px){
    #cate_select .select_box{width: 100%;}
    #product_list li .title{font-size: 14px;line-height: 20px;height: 55px;}
    #product_list li .des{font-size: 13px;line-height: 18px;height: 48px;overflow: hidden;margin-bottom: 10px;}
    #tag_box .tag_list{font-size: 13px;margin-right: 5px;}

    #product_list li .btn{flex-wrap: wrap;}
    #product_list li .btn a{flex: unset !important;width: 100%;}

    
    #product_list li .con{padding: 5px;}
}



.pro_all .pro_cate {float: left;width: 270px;background-color: #f8f8f8;padding: 15px 25px;}
.pro_all .pro_cate h2{border-bottom: 1px solid #296367;font-size: 20px;padding-bottom: 10px;margin-bottom: 20px;font-weight: normal;}
.pro_all .pro_cate ul{}
.pro_all .pro_cate ul li{margin-top: 20px;}
.pro_all .pro_cate ul li:nth-child(1){margin-top: 0;}
.pro_all .pro_cate ul a{display: block;}
.pro_all .pro_cate ul li a{font-size: 18px;line-height: 22px;}
.pro_all .pro_cate ul li>a{position: relative;display: inline-block;}
.pro_all .pro_cate ul li>i{float: right;font-size: 18px;}
.pro_all .pro_cate ul li>a::after{clear: both;content: "";display: block;margin:10px 0;background-color: #296367;width: 20px;height: 3px;}
.pro_all .pro_cate ul li .child_box a{font-size: 14px;line-height: 24px;transform: translateY(-4px);color: #666;display: inline-block;}
.pro_all .pro_cate ul li .child_box a.active{color: #296367;}
.pro_all .pro_cate ul li .child_box_category a{font-size: 14px;line-height: 24px;transform: translateY(-4px);color: #666;display: inline-block;}
.pro_all .pro_cate ul li .child_box_category a.active{color: #296367;}


.pro_all .pro_cate ul li .child_box .list input[type="checkbox"] {
-webkit-appearance: none;-moz-appearance: none;appearance: none; /* Firefox, Chrome, IE等 */
width: 15px; height:15px; border: 1px solid #296367;position: relative;top:0px;display: inline-block;margin-right: 9px;border-radius: 3px;
}
 
.pro_all .pro_cate ul li .child_box .list input[type="checkbox"]:checked::after {content: '✓'; /* 勾选标记 */font-size: 12px;position: absolute;
    top: 0px; /* 调整位置 */left: 0px; /* 调整位置 */color: #fff; /* 文字颜色 */background-color: #296367;width: 100%;text-align: center;height: 100%;}

.pro_all .pro_cate ul li .child_box_category .list input[type="checkbox"] {
-webkit-appearance: none;-moz-appearance: none;appearance: none; /* Firefox, Chrome, IE等 */
width: 15px; height:15px; border: 1px solid #296367;position: relative;top:0px;display: inline-block;margin-right: 9px;border-radius: 3px;
}
 
.pro_all .pro_cate ul li .child_box_category .list input[type="checkbox"]:checked::after {content: '✓'; /* 勾选标记 */font-size: 12px;position: absolute;
    top: 0px; /* 调整位置 */left: 0px; /* 调整位置 */color: #fff; /* 文字颜色 */background-color: #296367;width: 100%;text-align: center;height: 100%;}


.pro_all #product_list{float: right;width: calc(100% - 330px);}

.pro_all #product_list {}



@media(max-width:1500px){
    #product_list li{width: 32%;margin-right: 2%;}
    #product_list li:nth-child(4n){margin-right: 2%;}
    #product_list li:nth-child(3n){margin-right: 0;}
}
@media(max-width:1100px){
    .pro_all .pro_cate{width: 100%;height: 60px;padding: 15px 15px;margin-bottom: 15px;position: relative;}
    .pro_all .pro_cate h2{background-image: url(../images/langjt2.png);background-repeat: no-repeat;background-position: right 10px;}
    .pro_all #product_list{width: 100%;}

    .pro_all .pro_cate h2.active{}
    .pro_all .pro_cate ul{display: none;position: absolute;top: 0;left: 0;width: 100%;height: 320px;overflow: hidden;overflow-y: auto;padding: 15px;top: 50px;background-color: #f8f8f8;z-index: 3;opacity:0}
    .pro_all .pro_cate ul.active{display: block; animation: toShow 0.5s forwards;}
    .pro_all .pro_cate ul li{width: 100%;margin-top: 10px;}

    
    .pro_all .pro_cate ul li .child_box{height: auto;display: none;}
    .pro_all .pro_cate ul li .child_box a{display: inline-block;margin-right: 5px;}
    .pro_all .pro_cate ul li .child_box a input[type="checkbox"]{margin-right: 3px;width: 12px;height: 12px;}
}
@media(max-width:768px){
    #product_list li{width: 49%;}
    #product_list li:nth-child(3n){margin-right: 2%;}
    #product_list li:nth-child(2n){margin-right: 0;}

    .pro_all .pro_cate ul li>a::after{margin:8px 0;}

    .pro_all .pro_cate ul li a{font-size: 16px;line-height: 20px;}



}

@keyframes toShow{
    0% {
        opacity: 0;
    }
    100% {
        opacity: 0.95;
    }
}