/* 产品 */
.product-content {
    height: 470px;
}
.product-content>div {
    width: 50%;
}
.product-left>.images {
    height: 470px;
}
.product-left li {
    width: calc(100%/4);
    text-align: center;
    white-space: nowrap;
    border-bottom: 1px solid #ccc;
    padding: 27px 0;
}
.product-left a {
    color: #666;
}
.product-right {
    background-color: #fff;
    height: 100%;
    position: relative;
}
.product-left .active {
    border-color: #e60012;
}
.product-left .active a {
    color: #e60012;
}
.productRight {
    width: 80%;
    margin: auto;
    margin-top: 10%;
}
.productRight h3 {
    font-weight: 400;
    margin-bottom: 10px;
}
.productRight span {
    display: block;
 /*    padding-bottom: 35px; */
    border-bottom: 1px solid #ccc;
}
.productRight .productTexts {
    line-height: 30px;
    margin-top: 20px;
}
.product-texts {
	height: 300px;
    overflow: hidden;
}
.product-texts img{
	display: none;
}
.product-texts a {
    color: #535353;
}
.product-content {
    display: flex;
}
.product-texts div {
    margin-top: 20px;
    max-height: 297px;
    overflow: hidden;
    font-size: 15px;
    line-height: 25px;
    color: #979797;
}
.product .product-content:nth-child(even) {
    flex-direction: row-reverse;
}
.product-left {
    transform: scale(1);
    transition: all .3s;
}
.product-content, .product-right {
    background-color: transparent;
    transition: all .3s;
}
.product-content:hover, .product-content:hover .product-right {
    background-color: #e60012;
}
 .product-content:hover .productRight span {
	border-color: #fff;
 }
.product-content:hover .product-left {
    transform: scale(.95);
}
.product-content:hover .product-right a, .product-content:hover .product-right div {
    color: #fff;
}
.product-texts {
	height: auto;
}


@media screen and (max-width: 1024px) {
    .product-content {
		flex-direction: column !important;
		height: auto;
		height: auto;
		margin-bottom: 20px;
	}
	.product-content>div {
		width: 100%;
	}
	.productRight {
		max-width: 90%;
		margin: 20px auto;
	}
	.product-texts div {
		max-height: 70px;
	}
}
@media screen and (max-width: 425px) {
	.banner {
		height: 285px;
	}
	.banner .images {
		height: 100%;
	}
	.product {
		display: unset;
	}
	.productRight {
		width: 100%;
	}
	.productRight h3 {
		text-align: center;
		font-size: 18px;
	}
	.product-left>.images {
		height: 250px;
	}
}