/*产品中心*/
/*$$
{"color":[{"val":"#2b2b2c","title":"标题中文"},
{"val":"#555555","title":"标题英文+查看更多+列表标题"},
{"val":"#4c4c4c","title":"前进后退"},
{"val":"#9c9a9a","title":"查看详情文字颜色"},
{"val":"rgba(85,85,85,.8)","title":"查看更多默认按钮文字颜色"},
{"val":"#7e7e7e","title":"查看详情鼠标划过文字颜色"},
{"val":"#ffffff","title":"前进后退选中/按钮滑过文字颜色"}],
"background":[{"val":"#f6f9ff","title":"整体底色"},
{"val":"#ffffff","title":"查看更多底色+slide底色+前进后退"},
{"val":"#1e73ff","title":"前进后退选中底色"}],
"border":[{"val":"#c9c9c9","title":"前进后退边框"},
{"val":"#eeeeee","title":"查看详情按钮变宽"},
{"val":"#d1d0d0","title":"查看详情鼠标划过边框"}]}
$$*/   
#product_145 {
	width: 100%;
	padding: 60px 0;
	background: #f6f9ff;
}

#product_145 .productBody {
	width: 1200px;
	margin: 0 auto;
}

#product_145 .indexTitle {
	width: 100%;
}

#product_145 .indexLeft {
	width: 16.7%;
	float: left;
}

#product_145 .indexLeftA {
	font-size: 28px;
	line-height: 34px;
	font-weight: bold;
	color: #2b2b2c;
}

#product_145 .indexLeftB {
	text-transform: uppercase;
	font-family: arial;
	font-size: 14px;
	line-height: 34px;
	color: #555555;
}

#product_145 .indexRight {
	width: 16.7%;
	background: #ffffff;
	float: right;
	position: relative;
	height: 34px;
}
#product_145 .indexRight::before{
	content: "";
	position: absolute;
	z-index:0;
	left:0;
	top:0;
	width: 0;
	height: 100%;
	background:#1e73ff;
	transition: width .5s ease;
}
#product_145 .indexRight:hover::before{
	width: 100%;
}
#product_145 .indexRight a {
	width: 100%;
	height: 100%;
	display: block;
	cursor: pointer;
	font-size: 18px;
	line-height: 34px;
	color: rgba(85,85,85,.8);
	text-align: center;
	position: absolute;
	left: 0;
	top:0;
	z-index: 10;
}
#product_145 .indexRight:hover a{
	color:#ffffff;
}
#product_145 .productSwiper {
	width: 100%;
	padding: 25px 0 90px 0;
	position: relative;
	overflow: hidden;
}

#product_145 .swiper {
	width: 100%;
}

#product_145 .swiper-slide {
	width: 24%;
	background: #ffffff;
	padding-bottom: 20px;
}

#product_145 .productImg {
	width: 100%;
	position: relative;
	overflow: hidden;
}

#product_145 .productImgA {
	width: 100%;
	object-fit: cover;
	height: 100%;
	transition:transform .3s ease;
}
#product_145 .productImg:hover .productImgA{
	transform: scale(1.1);
}
#product_145 .productImgB {
	width: 28px;
	height: 14px;
	position: absolute;
	bottom: 0;
	left: 50%;
	z-index: 999;
	margin-left: -14px;
}

#product_145 .productChar {
	font-size: 18px;
	line-height: 34px;
	color: #555555;
	text-align: center;
	margin-top: 10px;
	height: 34px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	padding: 0 10px;
}


#product_145 .productMore{
	width: 33%;
	margin: 0 auto;
	line-height: 28px;
	font-size: 14px;
	text-align: center;
	border: #eeeeee solid 1px;
	margin-top: 5px;
}
#product_145 .productMore:hover{
	border: #d1d0d0 solid 1px;
}
#product_145 .productMore i{
	color: #9c9a9a;
	display: block;
	width: 100%;
	cursor: pointer;
}
#product_145 .productMore:hover i{
	color: #7e7e7e;
}
#product_145 .product-prev,
#product_145 .product-next {
	font-size: 25px;
	line-height: 34px;
	width: 36px;
	height: 36px;
	text-align: center;
	border: #c9c9c9 solid 1px;
	color: #4c4c4c;
	position: absolute;
	background: #ffffff;
	bottom: 0;
	left: 50%;
	cursor: pointer;
}

#product_145 .product-prev:hover,
#product_145 .product-next:hover {
	border: none;
	background: #1e73ff;
	color: #ffffff;
}

#product_145 .product-prev {
	margin-left: -55px;
}

#product_145 .product-next {
	margin-left: 5px;
}
@media screen and (max-width:1200px) {
	#product_145 .productBody{
		width: 96%;
	}
	#product_145 .indexLeft{
		width: 50%;
	}
	#product_145 .indexRight{
		width: 20%;
	}
	#product_145 .productMore{
		width: 35%;
	}
}
/* ipad */
@media screen and (max-width:992px){
	#product_145 .productBody{
		width: 96%;
	}
	#product_145 .indexLeft{
		width: 50%;
	}
	#product_145 .indexRight{
		width: 20%;
	}
	#product_145 .productMore{
		width: 35%;
	}
}
/* 手机 */
@media screen and (max-width: 767px) {
	#product_145 .productBody{
		width: 96%;
	}
	#product_145{
		padding: 20px 0;
	}
	#product_145 .indexLeft{
		width: 50%;
	}
	#product_145 .indexRight{
		width: 30%;
	}
	#product_145 .productMore{
		width: 50%;
	}
	#product_145 .productSwiper{
		padding: 0 0 50px 0;
	}
	#product_145 .productChar{
		font-size: 14px;
		line-height: 30px;
		height: 30px;
		margin-top: 0;
	}
	#product_145 .swiper-slide{
		padding-bottom: 10px;
	}
	#product_145 .indexLeftA{
		font-size: 24px;
	}
	
	#product_145 .indexRight a{
		font-size: 14px;
		height: 30px;
		left: 30px;
	}
}