@charset "utf-8";
/* CSS Document */

.product{background: #fff;padding:30px 0;}
.productc{display: flex;justify-content: space-between;align-items:stretch;}

.product_left{width: 330px;margin-right: 50px;}
.product_left>ul{position: sticky;top:0;max-height: 100vh;overflow: auto;padding-right:20px;}
.product_left>ul>li{margin-bottom: 20px;}
.product_left>ul>li a{display: flex;justify-content: space-between;align-items: center;line-height: 60px;}
.product_left>ul>li a b{font-size: 18px;}
.product_left>ul>li a i{font-size: 14px;}
.product_left>ul>li ul{display: none;}
.product_left>ul>li.active ul{display: block;}
.product_left>ul>li ul li{padding:0 20px;box-sizing: border-box;}
.product_left>ul>li ul li a{color: #606775;}
.product_left>ul>li ul li.action a,.product_left>ul>li ul li a:hover{color: #DE9300;}


.product_right{flex: 1;}
.product_right_top{padding-bottom: 20px;border-bottom: 1px solid #EAEAEA;}
.product_right_top p{line-height: 60px;display: flex;justify-content: space-between;align-items: center;}
.product_right_top p b{font-size: 18px;color: #353535;}
.product_right_top p span{display: flex;justify-content: center;align-items: center;}
.product_right_top p span i{width: 36px;height: 36px;line-height: 36px;border: 1px solid #999;border-radius: 3px;margin:0 10px;cursor: pointer;}
.product_right_top p span i:hover{border: 1px solid #FFAE11;color:#FFAE11;}
.product_right_top p span i.action{border: 1px solid #E4E4E4;color:#E4E4E4;pointer-events:auto!important;cursor:not-allowed!important;}

.product_right_li{padding:10px 0;}
.product_right_li ul li{display: flex;justify-content: space-between;align-items:stretch;border-bottom: 1px solid #EAEAEA;padding:40px 0;}
.product_right_li ul li.no-topline{border-bottom: none;}
.product_right_pic{width:260px;margin-right: 10px;overflow: hidden;display: flex;justify-content: center;align-items: center;}
.product_right_pic img{width: 90%;transition: all 0.3s linear;}
.product_right_li ul li:hover .product_right_pic img{transform: scale(1.05);}
.product_right_info{flex: 1;display: flex;flex-direction: column;justify-content: space-between;text-align: left;}
.product_right_info p{padding:5px 0;}
.product_right_info p b{font-size: 20px;line-height: 35px;width: 100%;display: inline-block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.product_right_info .product_rinfo_desc{padding:5px 0;color:#606775;line-height:35px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow: hidden;}
.product_right_info p i{padding:0 35px;background: #FFBF41;border-radius: 2px;line-height:35px;font-size: 24px;margin:5px 0;}
.product_right_info p i:hover{color:#fff;}

.product_right_li2{padding:10px 0;}
.product_right_li2 ul{display: flex;justify-content: space-between;align-items:stretch;flex-flow: row wrap;}
.product_right_li2 ul li{margin-bottom:40px;width: calc((100% - 80px)/3);display: flex;flex-direction: column;justify-content: space-between;border: none;}
.product_right_li2 .product_right_pic{width:100%;flex: 1;display: flex;align-items: center;background: #f3f4f5;margin-bottom: 10px;}
.product_right_li2 .product_right_pic img{width:70%;}
.product_right_li2 ul li:hover .product_right_pic img{transform: scale(1.05);}
.product_right_li2 .product_right_info{flex: 0;display: flex;flex-direction: column;justify-content: space-between;}
.product_right_li2 .product_right_info .product_rinfo_desc{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow: hidden;}



@media ( max-width: 1150px){
    .product_right_li2 ul li{width: calc((100% - 40px)/2);}
}
@media ( max-width: 800px){
    .product_right_li2 ul li{width:100%;}
}