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

.nav_bread{padding:10px 0;background:#F5F5F5;}
.nav_breadc{text-align: left;}
.nav_breadc p{line-height: 40px;font-size: 14px;overflow: hidden;white-space:nowrap;text-overflow: ellipsis;}
.nav_breadc p a{color:#54626E;}
.nav_breadc p a:hover{color:#009792;}
.nav_breadc p span{padding:0 15px;color:#54626E;}
.nav_breadc p b{color:#AEB0B7;font-weight: normal;}


.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:10px;}
.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: 17px;}
.product_left>ul>li a i{font-size: 16px;}
.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;border-bottom: 1px solid #EAEAEA;}
.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: #009792;}


.product_right{flex: 1;max-width:1020px;}
.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 #009792;color:#009792;}
.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:20px 0;}
.product_right_li ul li.no-topline{border-bottom: none;}
.product_right_pic{width:260px;margin-right: 40px;overflow: hidden;background:#F1F1F1;display:flex;justify-content:center;align-items:center;}
.product_right_pic img{width:90%;transition: all 0.3s linear;vertical-align:middle;padding:5px;}
.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 div{padding:5px 0;}
.product_right_info .product_rinfo_title b{font-size:20px;line-height:40px;}
.product_right_info .product_rinfo_desc{color:#606775;line-height:30px;}
.product_right_info .product_rinfo_an i{padding:0 35px;background: #009792;border-radius:2px;line-height:35px;font-size:24px;margin:5px 0;color:#fff;transition:all 0.3s;}
.product_right_info .product_rinfo_an i:hover{opacity:0.8;}

.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;}
.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%;}
}