/**/
#product-box{padding:50px 0;}
/**/
#cate-box{float: left;width: 345px;}

#cate-box .top b{padding:20px 15px;background-color: #434343;display: block;color: #fff;font-size: 20px;}
#cate-box .top ul{background-color: #f9f9f9;}
#cate-box .top ul li{padding:0px 15px;}
#cate-box .top ul li.active{background-color: #119452;}
#cate-box .top ul li.active *{color: #fff;}
#cate-box .top ul li a{display: block;padding:15px 0;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;font-size: 16px;line-height: 25px;color: #666;}
#cate-box .top ul li a:last-child{border-bottom: 0;}
#cate-box .top ul li.active a{border-color: #119452;}


#cate-box .bottom{margin-top: 20px;}
#cate-box .bottom img{display: block;width: 100%;}

#cate-box .bottom .con{padding:25px 20px;background-color: #f9f9f9;}
#cate-box .bottom .con>b{font-size: 20px;line-height: 25px;margin-bottom: 20px;}
#cate-box .bottom .con p{font-size: 14px;margin-top: 15px;color: #666;}
#cate-box .bottom .con p b{font-size: 14px;color: #000;}
#cate-box .bottom .con .qbtn{width: 220px;height: 30px;padding-left: 20px;line-height: 30px;border-radius: 5px;background-color: #119452;display: block;
margin-top: 45px;background-image: url(../images/top_jt_b.png);background-repeat: no-repeat;background-position: 130px center;background-size: 43px;font-size: 14px;color: #fff;}

/**/
#product_list{float: right;width: calc(100% - 395px);}
#product_list li{list-style-type: none;float: left;width: 32%;margin-right: 2%;margin-bottom: 2%;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(3n){margin-right: 0;}
#product_list li .img{overflow: hidden;}
#product_list li .img a{display: block;text-align: center;}
#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{text-align: center;background-color: #F0F0F0;display: block;padding-bottom: 20px;}
#product_list li a span,
#product_list li a p,
#product_list li a .url{font-size: 16px;padding:0 20px;}
#product_list li a span{color: #fa4616;display: inline-block;background-color: unset;}
#product_list li a p{color: #999;height: 45px;line-height: 24px;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{margin: 20px 0 0;color: #f9b70d;}



/**/
#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 #f9b70d;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: #f9b70d;color: #fff;}
#page_new .page_box a.next:hover,#page_new .page_box a.prev:hover{background-color: #f9b70d;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){

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

    #cate-box{display: none;}
    #product_list{width: 100%;}
    #product-box{padding:20px 0;}
}


@media(max-width:768px){

    #product_list li .btn{flex-wrap: wrap;}
    #product_list li .btn a{flex: unset !important;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){

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


    


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