.containerx{max-width: 1400px;width: 98%;margin:0 auto;position: relative;}
.zs100{display:table;width: 100%;}

.list-product-ul{ display:flex; justify-content:space-between; align-items:stretch;  flex-wrap: wrap;}
.list-product-ul li{float: left;width: 31.33%;box-shadow: 0px 0px 4px rgba(20,40,66,.2);margin: 1%;}
.list-product-ul li:hover{background: #00a0e9;}
.list-product-ul a{display:flex; width: 100%; justify-content: space-between; }
.list-product-ul .left{width: 42%;padding: 6% 4%;}
.list-product-ul li:hover .left{color: #fff;}
.list-product-ul .left h3{display: block;font-size: 20px;margin-bottom: 8%;font-weight: bold;word-wrap: break-word;}
.list-product-ul .left h2{font-size:14.5px;}
.list-product-ul .left span {font-size: 13px;border: 1px solid #00a0e9;color: #00a0e9;padding: 6px 17px;display: inline-block;margin-top: 12%;border-radius: 30px;}
.list-product-ul li:hover span{color: #fff;border: 1px solid #fff;}
.list-product-ul .right{width: 50%;}
.list-product-ul .right img {border: none;height: auto;max-width: 100%;vertical-align:middle;}
.list-product-zhu{margin:2%;display:inline-block;}
.list-product-zhu p{line-height:29px;}
.list-product-zhu p span{background: #00a0e9;color: #fff;padding: 4px 16px;margin: 0 7px;border-radius: 30px;cursor: pointer;}
.list-product-zhu p b{color: #00a0e9;font-size:17px;}



@media screen and (max-width: 1200px){
		.list-product-ul .left{width: 50%;}
		.list-product-ul .right{width: 40%;}
		.list-product-ul li{width: 48%;}
}


@media screen and (max-width: 768px){

		.list-product-ul li{width: 98%;}
}