/* 产品中心-详情页 */
.details-wai{
	margin-bottom: 45px;
}


.navigation{
	margin-top: 50px;
}
.navigation ul{
	display: flex;
	justify-content: left;
	align-items: center;
	flex-wrap: wrap;
}
.navigation ul li{
	margin-right: 10px;
	margin-bottom: 10px;
}

.details-body{
	margin-top: 60px;
}


.pic-list{
	text-align: center;
	/* box-sizing: border-box;
	padding: 0 100px; */
}
.pic-list img{
	display: inline-block;
	max-width: 250px;
	width: 100%;
}

.thumbs{
	margin-top: 30px;
	position: relative;
}
.thumbs-list{
	text-align: center;
	opacity: .4;
}
.thumbs-list img{
	display: inline-block;
	width: 100%;
}

.thumbs-prev{
	background-image: url(../images/swiper_button_004_01.png);
	width: 25px;
	height: 32px;
	background-size: auto;
	left: -30px;
	margin-top: -16px;
	opacity: 1;
}
.thumbs-next{
	background-image: url(../images/swiper_button_004_02.png);
	width: 25px;
	height: 32px;
	background-size: auto;
	right: -30px;
	margin-top: -16px;
	opacity: 1;
}
.thumbs .swiper-slide-thumb-active{
	opacity: 1;
}


.details-top{
	margin-bottom: 40px;
}
.details-top-right h2{
	border-bottom: 1px solid #dee2e6;
	font-size: 28px;
	padding-bottom: 8px;
}
.text-secondary{
	padding: 10px 0;
	line-height: 3;
	border-bottom: 1px dashed #dee2e6;
	color: #6c757d;
}
.contact-btn{
	padding: 30px 0;
}


/* 产品详情 */
.details-center{
	margin-bottom: 40px;
}
.details-center h5{
	border-bottom: 1px solid #333;
	padding-bottom: 7px;
	margin-bottom: 15px;
	font-size: 18px;
	color: #333;
}
.details-center h5 span{
	margin-right: 5px;
}
.details-content p{
	margin-top: 15px;
	font-size: 14px;
	line-height: 2;
}


/* 推荐产品 */
.products-recommend{
	margin-top: 30px;
}
.products-recommend h5{
	border-bottom: 1px solid #333;
	padding-bottom: 7px;
	margin-bottom: 15px;
	font-size: 18px;
	color: #333;
}
.products-recommend h5 span{
	margin-right: 5px;
	font-size: 18px;
}

.products-recommend ul{
	margin-top: 30px;
}
.products-body-list{
	margin-bottom: 15px;
}
.products-body-list a{
	display: block;
	overflow: hidden;
	position: relative;
}
.products-content{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,.7);
	box-sizing: border-box;
	padding: 20% 10%;
	transition: all .5s ease-in;
	overflow: hidden;
	transform: translateX(-100%);
	opacity: 0;
	overflow: hidden;
}
.products-content p{
	color: #fff;
}
.products-name{
	text-align: center;
}
.products-name h4{
	font-size: 14px;
	font-weight: 700;
	color: #000000;
}

.products-body-list:hover .products-content{
	display: block;
	transform: translateX(0%);
	opacity: 1;
}