/***/

#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: 80px;}
.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;}
.select_box input[type="reset"]{

    width: 100%;
    display: block;
    border: 0;
    background-color: #f9f9f9;
    height: 30px;
    margin-top: 10px;
}

/**/

#tag_box{margin: 30px 0;padding-left: 160px;position: relative;min-height: 35px;}
#tag_box::before {content: "You have selected";position: absolute;display: block;font-weight: normal;left: 0;top: 0;font-size: 18px;line-height: 25px;}
#tag_box .tag_list{display: inline-block;margin-right: 20px;font-size: 16px;padding:0px 35px;padding-left: 10px;
border: 1px solid #ccc;margin-bottom: 5px;position: relative;height: 27px;line-height: 27px;}
#tag_box .tag_list.tag_check{}
#tag_box .tag_list.tag_check::before{content: "";display: block;position: absolute;right: 28px;top: 6px;background-color: #eee;width: 1px;height: 13px;}
#tag_box .tag_list.tag_check::after{content: "";display: block;position: absolute;right: 7px;top: 6px;background-image: url(../images/icon_close.png);background-size: 100%;background-repeat: no-repeat;width: 13px;height: 13px;}
/**/

#product_list{margin-top: 35px;}
#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;background-color: #fff;}
#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: 500;margin-bottom: 10px;line-height: 25px;height: 50px;display: block;overflow: hidden;display: flex;align-items: center;}
#product_list li a .con{position: relative;margin-top: -51px;bottom: -51px;transition: all 0.6s ease;-webkit-transition: all 0.6s ease;}
#product_list li a:hover .con{bottom: 0px;}
#product_list li a span,
#product_list li a p,
#product_list li a .url{font-size: 18px;padding:0 20px;}
#product_list li a span{color: #fa4616;display: inline-block;background-color: unset;}
#product_list li a p{color: #999;height: 41px;line-height: 22px;overflow: hidden;}
#product_list li a b{font-size: 24px;line-height: 27px;padding:0 20px;margin:15px 0;display: block;color: #000;height: 52px;overflow: hidden;}
#product_list li a .url{background-color: #0c4098;color: #fff;height: 51px;line-height: 51px;text-align: center;margin-top: 30px;}



/**/
#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;}
    #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: 0px 27px 0 10px;}
    #tag_box .tag_list.tag_check::after{right: 7px;top: 8px;width: 10px;height: 10px;}

    #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: 40px;}
    #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%;}
}



.pro_all .pro_cate {width: 100%;background-color: #fff;padding:25px;}
.pro_all .pro_cate h2{border-bottom: 1px solid #eee;font-size: 22px;padding-bottom: 10px;margin-bottom: 10px;}
.pro_all .pro_cate ul{display: flex;padding-bottom: 20px;border-bottom: 1px solid #eee;}
.pro_all .pro_cate ul li{width: 25%;padding:0 5px;}
.pro_all .pro_cate ul li b{font-size:18px;line-height:24px;display: block;margin-bottom: 10px;}
.pro_all .pro_cate ul a{display: block;}
.pro_all .pro_cate ul li a{font-size: 20px;line-height: 24px;}
.pro_all .pro_cate ul li>a{position: relative;}
.pro_all .pro_cate ul li>a i{float: right;}
.pro_all .pro_cate ul li .child_box{    height: 200px;overflow: hidden;overflow-y: auto;}
.pro_all .pro_cate ul li .child_box::-webkit-scrollbar{width: 4px;height: 8px;background-color: #ddd;}
.pro_all .pro_cate ul li .child_box::-webkit-scrollbar-thumb {background: #0c4098;}
.pro_all .pro_cate ul li .child_box a{font-size: 14px;color: #666;}
.pro_all .pro_cate ul li .child_box a.active{color: #0c4098;}


.pro_all .pro_cate ul li .child_box a input[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; /* Firefox, Chrome, IE等 */
    width: 11px;
    height: 11px;
    border: 1px solid #666;
    position: relative;
    top: 0px;
    display: inline-block;
    margin-right: 5px;
}
 
.pro_all .pro_cate ul li .child_box a input[type="checkbox"]:checked::after {
    content: '✓'; font-size: 11px;position: absolute;
    top: 0px;left: 0px; color: #fff;background-color: #0c4098;width: 100%;text-align: center;height: 100%;}


.pro_all #product_list{width: 100%;}




@media(max-width:1540px){

}

@media(max-width:1440px){
    #product_list li{width: 32%;margin-right: 2%;margin-bottom: 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%;position: relative;padding: 15px;}
    .pro_all .pro_cate h2{background-image: url(../images/langjt2.png);background-repeat: no-repeat;background-position: right 10px;}
    .pro_all .pro_cate h2.active{}
    .pro_all .pro_cate ul{display: none;position: absolute;top: 0;left: 0;width: 100%;height: 180px;overflow: hidden;overflow-y: auto;padding: 20px;top: 58px;background-color: #fff;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%;}
    .pro_all .pro_cate ul li .child_box{height: auto;}
    .pro_all .pro_cate ul li .child_box a{display: inline-block; margin-right: 5px;margin-bottom: 7px;}
    .pro_all .pro_cate ul li .child_box a input[type="checkbox"]{top:1px}
    
    .pro_all #product_list{width: 100%;}

    #product_list li a .con {bottom: -41px;margin-top: -41px;}
    #product_list li a span,
    #product_list li a p,
    #product_list li a .url{font-size: 14px;padding:0 10px;}
    #product_list li a p{height: 38px;line-height: 19px;font-size: 14px;}
    #product_list li a b{font-size: 18px;line-height: 23px;padding:0 10px;margin:15px 0;height: 44px;}
    #product_list li a .url{height: 35px;line-height: 35px;margin-top: 20px;}


    #tag_box{padding-left: 0;margin: 10px 0;}
    #tag_box::before{position: relative;margin-bottom: 5px;font-size: 16px;}


}
@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;}
}


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