/*产品中心*/

/*$$

{"color":[{"val":"#4f4f4f","title":"标题中文字颜色+右侧字"},

{"val":"#e7e7e7","title":"标题英文字颜色"},

{"val":"rgba(255,255,255,.85)","title":"查看详情按钮默认文字颜色"},

{"val":"#999999","title":"左侧列表字颜色"},

{"val":"#ff7011","title":"鼠标滑过标题文字颜色"},

{"val":"#ffffff","title":"查看更多颜色+左侧导航选中字颜色"}],

"background":[{"val":"#ff7011","title":"标题横线颜色+查看更多+左侧导航选中"},

{"val":"#fab384","title":"查看详情鼠标滑过边框"},

{"val":"rgba(255,112,17,.7)","title":"移动端默认分类底色"}],

"border":[{"val":"#d4d4d4","title":"左侧导航边框"}]}

$$*/



#product_146 {

	width: 1200px;

	margin: 0 auto;

	padding: 60px 0;

}



#product_146 .indexTitle {

	width: 100%;

}



#product_146 .indexCH {

	font-size: 26px;

	line-height: 40px;

	color: #4f4f4f;

	text-align: center;

	width: 10.4%;

	margin: 0 auto;

	display: flex;

	justify-content: space-between;

	align-items: center;

}



#product_146 .indexCH span {

	width: 8px;

	height: 3px;

	background: #4f4f4f;

	text-align: center;

	display: block;

}



#product_146 .indexEN {

	font-size: 37px;

	line-height: 45px;

	text-transform: uppercase;

	text-align: center;

	font-weight: bold;

	color: #e7e7e7;

}



#product_146 .indexLine {

	height: 4px;

	width: 67px;

	margin: 0 auto;

	background: #ff7011;

	margin-top: 10px;

}



#product_146 .productBody {

	width: 100%;

	margin-top: 30px;

}



#product_146 .productNav {

	width: calc(16.7% - 25px);

	float: left;

	padding-top: 25px;

}



#product_146 .productNav ul {

	width: 100%;

	border: #d4d4d4 solid 1px;

}



#product_146 .productNav ul li {

	width: 100%;

	border-bottom: #d4d4d4 solid 1px;

	text-align: center;

	line-height: 70px;

	font-size: 16px;

	color: #999999;

	cursor: pointer;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 1;

}

#product_146 .productNav ul li a{

	display: block;

	width: 100%;

	height: 100%;

	color: #999999;

}

#product_146 .productNav ul li:hover{

	background: url(../img/product_01.png) no-repeat 85% center #ff7011;

	padding-right: 20%;

}

#product_146 .productNav ul li:hover a{

	color: #ffffff;

}

#product_146 .productList {

	width: 83.3%;

	float: right;

	padding: 10px;

}



#product_146 .productList ul {

	width: 100%;

	

}



#product_146 .productList ul li {

	padding: 15px 15px 0 15px;

	width: 33.3% ;

	float: left;

	cursor: pointer;

	margin-bottom: 20px;

}

#product_146 .productListImg{

	width: 100%;

	overflow: hidden;

	

}

#product_146 .productList ul li img {

	width: 100%;

	object-fit: cover;

	height: 100%;

	transition: transform .3s ease;

}



#product_146 .productList ul li p {

	font-size: 16px;

	color: #4f4f4f;

	text-align: center;

	line-height: 60px;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 1;

	height: 60px;

	padding: 0 10px;

}

#product_146 .productList ul li:hover p{

	color: #ff7011;

}

#product_146 .productList ul li:hover {

	box-shadow:0 0 13px 0px rgba(0,0,0,.22);

}

#product_146 .productList ul li:hover img{

	transform: scale(1.1);

}

#product_146 .productMore {

	width: 180px;

	margin: 0 auto;

	line-height: 40px;

	border-radius: 5px;

	text-align: center;

	font-size: 14px;

	margin-top: 50px;

	background: #ff7011;

	position: relative;

	cursor: pointer;

	color: #ffffff;

	

}

#product_146 .productMore.btnAnimat .inner{

	position:absolute;

	top:0;

	left:0;

	width:100%;

	height:100%;

	border-radius: 5px;

}

#product_146 .productMore.btnAnimat:before,

#product_146 .productMore.btnAnimat:after,

#product_146 .productMore.btnAnimat .inner:before,

#product_146 .productMore.btnAnimat .inner:after{

	background:#fab384;

}

#product_146 .productMore.btnAnimat:before,

#product_146 .productMore.btnAnimat:after,

#product_146 .productMore.btnAnimat .inner:before,

#product_146 .productMore.btnAnimat .inner:after{

	position:absolute;

	content:"";

	display:block;

	-webkit-transition:-webkit-transform 0.3s;

	transition:-webkit-transform 0.3s;

	transition:transform 0.3s;

	transition:transform 0.3s,-webkit-transform 0.3s;

}

#product_146 .productMore.btnAnimat:before,

#product_146 .productMore.btnAnimat:after{

	left:0;

	width:100%;

	height:2px;

	-webkit-transform:scaleX(0);

	transform:scaleX(0);

}

#product_146 .productMore.btnAnimat .inner:before,

#product_146 .productMore.btnAnimat .inner:after{

	top:0;

	width:2px;

	height:100%;

	-webkit-transform:scaleY(0);

	transform:scaleY(0);

}



#product_146 .productMore.btnAnimat .inner:before{

	left:0;

}

#product_146 .productMore.btnAnimat .inner:after{

	right:0;

}

#product_146 .productMore.btnAnimat .inner:hover:before,

#product_146 .productMore.btnAnimat .inner:hover:after{

	-webkit-transform:scaleY(1);transform:scaleY(1);

}



#product_146 .productMore.btnAnimat:before{

	top:0;

}

#product_146 .productMore.btnAnimat:after{

	bottom:0;

}

#product_146 .productMore.btnAnimat:hover:before,

#product_146 .productMore.btnAnimat:hover:after{

	-webkit-transform:scaleX(1);transform:scaleX(1);

}

#product_146 .productMore.btnAnimat:hover .inner:before,

#product_146 .productMore.btnAnimat:hover .inner:after{

	-webkit-transform:scaleY(1);transform:scaleY(1);

}

#product_146 .productMore.btnAnimat.clockwise .inner:before{

	-webkit-transform-origin:top center;

	transform-origin:top center;

}

#product_146 .productMore.btnAnimat.clockwise .inner:after{

	-webkit-transform-origin:bottom center;

	transform-origin:bottom center;

}

#product_146 .productMore.btnAnimat.clockwise:before{

	-webkit-transform-origin:right center;

	transform-origin:right center;

}

#product_146 .productMore.btnAnimat.clockwise:after{

	-webkit-transform-origin:left center;

	transform-origin:left center;

}

#product_146 .productMore.btnAnimat.clockwise:hover .inner:before{

	-webkit-transform-origin:bottom center;

	transform-origin:bottom center;

}

#product_146 .productMore.btnAnimat.clockwise:hover .inner:after{

	-webkit-transform-origin:top center;

	transform-origin:top center;

}

#product_146 .productMore.btnAnimat.clockwise:hover:before{

	-webkit-transform-origin:left center;

	transform-origin:left center;

}

#product_146 .productMore.btnAnimat.clockwise:hover:after{

	-webkit-transform-origin:right center;

	transform-origin:right center;

}

#product_146 .productMore .tit{

	color: rgba(255,255,255,.85);

	display: block;

	width: 100%;

	cursor: pointer;

}

#product_146 .productMore:hover .tit{

	color: #ffffff;

}

#product_146 .productNav ul li.click,#product_146 .productNav ul li:hover{

	background: url(/static/images/CP00009_01.png) no-repeat 85% center #ff7011;

	padding-right: 20%;

}

#product_146 .productNav ul li.click a,

#product_146 .productNav ul li:hover a{

	color: #ffffff;

}

#product_146 .productNavWap{

	width: 100%;

	display: none;

	overflow: hidden;

	position: relative;

}

#product_146 .productNavWap .swiper{

	width: 80%;

	margin: 0 auto;

	overflow: hidden;

}

#product_146 .productNavWap .swiper .swiper-slide{

	border-radius: 5px;

	text-align: center;

	height: 30px;

	line-height: 30px;

	font-size: 14px;

	font-weight: bold;

	background:rgba(255,112,17,.7);

	color: #ffffff;

	padding: 0 2px;

}

#product_146 .productNavWap .swiper .swiper-slide a{

	width: 100%;

	height: 100%;

	display: block;

	color: #ffffff;

}

#product_146 .productNavWap .swiper .swiper-slide-active{

	background: #ff7011;

}

#product_146 .productNavWap .productNav-prev,

#product_146 .productNavWap .productNav-next{

	position: absolute;

	top: 50%;

	margin-top: -15px;

	font-size: 30px;

	line-height: 30px;

	font-weight: bold;

	color: #ff7011;

}

#product_146 .productNavWap .productNav-prev{

	left: 0;

}

#product_146 .productNavWap .productNav-next{

	left: 95%;

}

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

	#product_146 {

		width: 90%;

	}

	#product_146 .indexCH{

		width: 15%;

	}

}





/* ipad */



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

	#product_146 {

		width: 90%;

	}

	#product_146 .indexCH{

		width: 20%;

	}

	#product_146 .productNav{

		width: 25%;

	}

	#product_146 .productList{

		width: 75%;

	}

}





/* 手机 */



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

	#product_146 {

		width: 96%;

		padding: 20px 0;

	}

	#product_146 .indexCH{

		width: 37%;

		line-height: 36px;

	}

	#product_146 .productNav{

		width: 100%;

		display: none;

	}

	#product_146 .productList{

		width: 100%;

		min-height: 200px;

		padding: 10px 0;

	}

	#product_146 .productList ul li{

		width: 50%;

		padding: 5px;

		margin-bottom: 0;

	}

	#product_146 .productMore{

		width:35%;

		margin-top: 0;

		line-height: 36px;

	}

	#product_146 .productNavWap{

		display: block;

	}

	#product_146 .productList ul li p{

		line-height: 30px;

		height: 30px;

		padding: 0 5px;

	}

	#product_146 .click {

		background: url(../img/product_01_02.png) no-repeat 85% center #ff7011;

	}

	#product_146 .productBody{

		margin-top: 20px;

	}

	#product_146 .indexEN{

		font-size: 18px;

		line-height: 30px;

	}

	#product_146 .indexLine{

		height: 2px;

		margin-top: 5px;

	}

	#product_146 .productListImg{

		overflow: hidden;
		padding-bottom: 75%;
		width: 100%;
		position: relative;
	
		
	}
	
	#product_146 .productList ul li img {
	
		width: 100%;
		object-fit: cover;
		transition: transform .3s ease;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
	
	}

}