/***产品中心***/

/*$$
{"color":[{"val":"#26334c","title":"栏目标题颜色"},{"val":"rgba(255,255,255,.6)","title":"默认标题文字颜色"},{"val":"#fff","title":"鼠标滑过文字颜色"},{"val":"#a1a7b2","title":"默认标题文字颜色"}],"background":[{"val":"#e6e8ed","title":"边框线背景色"},{"val":"#f2f4f7","title":"模块背景颜色"},{"val":"rgba(255,255,255,.37)","title":"白色边框"},{"val":"#6160ea","title":"鼠标滑过边框背景颜色"}],"border":[]}
$$*/

#product_145{

	width: 1200px;

	margin: 0 auto;

	height: auto;

	padding:70px 0;

	display: flex;

	align-items: stretch;
	flex-wrap: wrap;

}

#product_145 .swiper-container{

	height: 100%;
	overflow: hidden;

}

#product_145 .product-right{

	width: 65%;

	float: right;

	position: relative;

	transition: all 0.36s ease;
	overflow: hidden;
}

#product_145 .product-right .contR{

	position: absolute;

	width: 100%;

	height:100%;

	z-index: 10;

	color: #fff;

	left:0;

	top:0;

}

#product_145 .product-right .contR .top{

	width: 88%;

	margin: auto;

	position: absolute;

	left: 6%;

	top: 6%;

}

#product_145 .product-right .contR .titEn{

	font-size:14px;

	display: block;

	line-height: 24px;
	color: rgba(255,255,255,.6);

}

#product_145 .product-right .contR .titCn{

	font-size:24px;

	display: block;

	line-height: 36px;
	color: rgba(255,255,255,.6);

}
#product_145 .product-right .contR:hover .titEn,
#product_145 .product-right .contR:hover .titCn{
	color: #fff;
}

#product_145 .product-right .bottom{

	width: 84%;

	margin: auto;

	position: absolute;

	left: 6%;

	bottom: 6%;

}

#product_145 .product-right .bottom .intr{

	font-size: 14px;

	line-height: 26px;

	padding-bottom: 10px;

	display: block;

	

}

#product_145 .product-right .bottom .more{

	overflow: hidden;

	line-height: 30px;

	display: block;
	position: relative;
	

}
#product_145 .product-right .bottom .more::before{
	background:rgba(255,255,255,.37);
	position: absolute;
	content: '';
	width: 100%;
	top:0;
	left:0;
	height: 1px;
}
#product_145 .product-right .bottom .more::after{
	position: absolute;
	content: '';
	width: 0;
	height: 1px;
	background: #f9c900;
	top:0;
	left:0;
	transition: width 0.5s;
	
}
#product_145 .contR:hover .bottom .more::after{
	width: 100%;
	z-index: 10;
}
#product_145 .product-right .bottom .more i{

	background: url(/uploads/images/CP00001_01.png) no-repeat left center;

	background-size:100% 14px;

	float: right;

	width: 26px;

	height: 30px;

}

#product_145 .imgBox{

	width: 100%;

	height: 100%;

	position: relative;

	overflow: hidden;

}

#product_145 .imgBox .bg{

	background: url(/uploads/images/CP00001_02.png) no-repeat;

	background-size: 100% 100%;

	width: 100%;

	height: 100%;

	position: absolute;

	left: 0;

	top:0;

	z-index: 10;

}

#product_145 .imgBox .imgT{

	width: 100%;

	height: 100%;

	object-fit: cover;

	position: absolute;

	left: 0;

	top:0;

	transition:transform .3s ease;

}
#product_145 .product-right:hover .imgT{

	transform:scale(1.03);

}

#product_145 .product-left{

	width: 35%;

	float: left;

	box-sizing: border-box;

}

#product_145 .product-left .className{

	width: 100%;

	position: relative;

	color: #26334c;

}

#product_145 .product-left .title-1{

	font-size: 35px;

	line-height: 50px;

	padding-left: 30px;

	position: relative;

	text-transform: uppercase;

	font-weight: bold;

}

#product_145 .product-left .title-1 i{

	display: block;

	width: 25px;

	height: 17px;

	position: absolute;

	left: 0;

	top: 14px;

	background: url(/uploads/images/CP00001_03.png) no-repeat;

}

#product_145 .product-left .title-2{

	padding-left: 30px;

	font-size: 24px;

	line-height: 50px;

}

#product_145 .product-left .product-nav{

	margin-top:44px;

	position: relative;

	overflow: hidden;

	width: 100%;

	width:calc(100% - 10px);

}

#product_145 .product-nav img{

	position: absolute;

	left: 0;

	right: 0;

	top: 0;

	bottom: 0;

	margin: auto;

	display: block;

	width: auto !important;

	height: auto !important;

	z-index: 1;

}

#product_145 .product-nav a.cur{

	

}

#product_145 .product-nav a .showImg,
#product_145 .product-nav a.cur .hideImg{
	display: block;
}
/* #product_145 .product-nav a .hideImg,
#product_145 .product-nav a.cur .showImg{
	display: none;
} */

#product_145 .product-left .product-nav a{

	display: block;

	overflow: hidden;

	background:#f2f4f7;

	position: relative;

	float: left;

	width: 50%;

	box-sizing: border-box;

	padding: 5%;
	border-right: solid 1px #e6e8ed;
	border-bottom: solid 1px #e6e8ed;

 }
#product_145 .product-nav a i{

	display: block;

	position: relative;

	width: 50px;

	height: 50px;

	margin-bottom: 20px;

	overflow: hidden;

}
#product_145 .product-nav a span{

	display: block;

	font-size: 14px;

	padding-bottom: 5px;

	color: #a1a7b2;

	overflow: hidden;

	height: 24px;

	width: 100%;

	line-height: 24px;

}
#product_145 .product-nav a strong{
	display: block;
	font-size: 16px;
	line-height: 24px;
	height: 48px;
	color: #a1a7b2;
}
#product_145 .product-nav a.cur {

	background: url('/uploads/images/CP00001_04.png') right bottom no-repeat;

	background-size: cover;

}
#product_145 .product-nav a.cur i{
	filter:brightness(100);
}
#product_145 .product-nav a.cur span{

	color: #fff;
	opacity: .6;

	width: 100%;

	overflow: hidden;

}
#product_145 .product-nav a.cur strong{

	color: #fff;

	width: 100%;

	overflow: hidden;

}

/* 中等屏幕 桌面显示 */
@media screen and (max-width:1200px) {
	#product_145{

		width: 96%;

		padding:20px 0;

	}
}

/* ipad */

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

	#product_145 .product-nav a i{

		margin-bottom: 10px;

	}

	#product_145 .sBox .text .title-1{

		font-size: 50px;

	}

	#product_145 .sBox .text .title-2{

		font-size: 18px;

	}
}

/* 手机 */

@media screen and (max-width:767px){
	#product_145{
		width: 100%;
		display: block;
		padding: 20px 10px;
	}

	#product_145 .product-left{

		width: 100%;

		/* padding: 0 5%; */

	}

	#product_145 .product-left .product-nav{

		width: 100%;
		margin-top: 15px;

	}

	#product_145 .product-nav a span{

		font-size: 12px;

	}

	#product_145 .product-right{

		width: 100%;

		/* padding: 0 5%; */
        margin-top: 15px;

	}

	#product_145 .product-right .bottom .intr{

		display: none;

	}

	#product_145 .product-right .contR .titCn{

		font-size: 18px;

	}

	#product_145 .imgBox .imgT{

		position: relative;

		height: 220px;

	}
	#product_145 .product-left .title-1{
		font-size: 32px;
		line-height: 40px;
	}
	#product_145 .product-left .title-2{
		font-size: 18px;
		line-height: 36px;
	}
	#product_145 .product-left .title-1 i{
		top: 11px;
	}
}