/*--------------供应链首页--------------*/
/*-----优选厂商-----*/
.yxchang-main{clear: both;}
.yxchang-main ul li{float: left; width:222px;border: 1px solid #e5e5e5;margin-right: 20px;margin-bottom: 20px;}
.yxchang-main ul li:nth-child(5n){margin-right: 0px;}
.yxchang-main ul li h2{font-size: 16px;color:#333;margin:4px 15px;}
.yxchang-main ul li h2:hover{color:#ba2636;}
.yxchang-main ul li .yxc-img{overflow: hidden;width: 190px;height: 127px;margin:15px 16px 8px 16px;}
.yxchang-main ul li img{width: 190px;height: 127px;transition: all 0.5s ease;}
.yxchang-main ul li img:hover{transform: scale(1.03, 1.03);}
.yxchang-main ul li p{color:#666;font-size: 14px;width: 206px;margin: 0px 15px;}
.yxchang-main ul li h3{background-color: #ffd8d8;border-radius: 5px;padding:4px 5px; color:#ac4343;font-size: 14px;margin: 8px 15px;font-weight: normal;}
.yxchang-main ul li button{width: 90px;height: 30px;border-radius: 2px;padding-bottom: 2px;}
.yxchang-main ul li .btn1{background-color: #ba2636;color:#fff;border:none;margin:10px 7px 15px 17px;cursor: pointer;}
.yxchang-main ul li .btn1:hover{background-color: #ad1927;}
.yxchang-main ul li .btn2{color:#fff;background-color: #e5123a;cursor: pointer;border:none;}
.yxchang-main ul li .btn2:hover{background-color:#d80028;}

/*-----hot-pro-----*/
.htpro-main{clear: both; width:1200px;}
.htpro-main ul li{float: left; width:222px;border: 1px solid #e5e5e5;margin-right: 20px;margin-bottom: 20px;}
.htpro-main ul li:nth-child(5n){margin-right: 0px;}
.htpro-main ul li h2{font-size: 16px;color:#333;margin:8px;}
.htpro-main ul li .htp-img{overflow: hidden;width: 222px;height: 222px;}
.htpro-main ul li img{width: 222px;height: 222px;transition: all 0.5s ease;}
.htpro-main ul li p{color:#666;font-size: 14px;width: 206px;margin: 0px 8px;}
.htpro-main ul li button{width: 100px;height: 30px;border-radius: 2px;padding-bottom: 2px;}
.htpro-main ul li .btn1{background-color: #ba2636;color:#fff;border:none;margin:12px 7px;cursor: pointer;}
.htpro-main ul li .btn2{border: 1px solid #666;color:#666;background-color: #fff;cursor: pointer;}
.htpro-main ul li h2:hover{color:#ba2636;}
.htpro-main ul li img:hover{transform: scale(1.03, 1.03);}
.htpro-main ul li .btn1:hover{background-color: #ad1e2c;}
.htpro-main ul li .btn2:hover{border-color:#ba2636;color:#ba2636;}


/*-----new-pro-----*/
.nwpro-main{clear: both; width:1200px;}
.nwpro-main ul li{float: left; width:222px;border: 1px solid #e5e5e5;margin-right: 20px;margin-bottom: 20px;}
.nwpro-main ul li:nth-child(5n){margin-right: 0px;}
.nwpro-main ul li h2{font-size: 16px;color:#333;margin:8px;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;display: -webkit-box;overflow: hidden;}
.nwpro-main ul li h2:hover{color:#ba2636;}
.nwpro-main ul li .htp-img{overflow: hidden;width: 222px;height: 222px;}
.nwpro-main ul li .htp-img img{width: 222px;height: 222px;transition: all 0.5s ease;}
.nwpro-main ul li .htp-img img:hover{transform: scale(1.03, 1.03);}
.nwpro-main ul li .mess{float: left;border-top: 1px solid #e5e5e5;}
.nwpro-main ul li .mess p{float: left;width: 90px;padding:5px 10px;font-size: 14px;color:#666;}
.nwpro-main ul li .mess p b{color:#f93131;font-size: 14px;}
.nwpro-main ul li .mess p:nth-child(1){width: 91px; border-right: 1px solid #e5e5e5;}