@charset "utf-8";
/* CSS Document */
body{background:#F6F6F6;}

.pro{width:100%;}
.proc{padding:30px 0;}
.pro_nav{padding-top:40px;}
.pro_nav ul{display:flex;justify-content:flex-start;align-items:center;position:relative;}
.pro_nav ul li{margin-right:40px;height:60px;text-align:left;}
.pro_nav ul li a{display:inline-block;line-height:60px;color:#999;transition:all 0.3s linear;position:relative;white-space:nowrap;}
.pro_nav ul li a b{display:inline-block;font-size:24px;font-weight:500;}
.pro_nav ul li a::after{content:'';position:absolute;bottom:0;left:0;height:2px;width:0;transition:all 0.3s linear;background:#E81800;transition:all 0.3s linear;}
.pro_nav ul li.active a,.pro_nav ul li:hover a{color:#E81800;}
.pro_nav ul li.active a::after,.pro_nav ul li:hover a::after{width:100%;}

.pro_sort{padding:15px 0;}
.pro_sort ul{display:flex;justify-content:flex-start;align-items:center;flex-flow:row wrap;}
.pro_sort ul li{margin:0 15px 10px 0;}
.pro_sort ul li a{display:inline-block;padding:0 20px;line-height:50px;border-radius:10px;color:#999;font-size:20px;transition:all 0.3s;background:#fff;}
.pro_sort ul li.action a,.pro_sort ul li:hover a{background:rgba(232,24,0,0.1);color:#E81800;}

.pro_list{padding:15px 0;}
.pro_list ul{width:100%;}
.pro_list ul li{margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;padding:0px 60px;background:#FCFCFC;border-radius:20px;height:120px;transition:all 0.5s;overflow:hidden;box-sizing:border-box;}
.pro_li_info{width:calc(100% - 200px);display:flex;justify-content:space-between;align-items:flex-start;height:100%;}
.pro_li_infor{width:72%;}
.pro_li_infor p{text-align:left;padding:10px 0;}
.pro_li_infor p:first-child a{display:inline-block;width:100%;}
.pro_li_infor p b{display:inline-block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:90px;font-size:36px;font-weight:400;transition:all 0.5s;}
.pro_li_infor p span{line-height:30px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis;}
.pro_li_infor p a i{margin:12px 0;padding:0 24px;line-height:40px;font-size:20px;border-radius:40px;border:1px solid #E8180022;background:#E8180022;color:#E81800;}
.pro_li_pic{height:100%;width:25%;text-align:right;}
.pro_li_pic img{height:100%;}

.pro_li_icon{width:180px;text-align:right;}
.pro_li_icon span{display:inline-block;width:40px;height:40px;line-height:40px;border-radius:100%;border:1px solid #DEDEDE;background:#fff;font-size:24px;color:#6A6A6A;text-align:center;transition:all 0.5s linear;box-sizing:border-box;}
.pro_li_icon span i{transition:all 0.5s linear;}

.pro_list ul li:hover{height:320px;box-shadow:0px 40px 80px 16px rgba(0,0,0,0.16);}
.pro_list ul li:hover .pro_li_infor p b{font-weight:500;}
.pro_list ul li:hover .pro_li_icon span{border:1px solid #E81800;color:#E81800;}
.pro_list ul li:hover .pro_li_icon span i{transform:rotateX(180deg);}