/* 产品详情 */

.swiperFdW {

	width: 684px;

	position: relative;

	overflow: hidden;

}



#gallery {

	width: 684px;

	height: 520px;

	overflow: hidden;

	position: relative;

}





.cpxqCtswiper-button-prev::after,

.cpxqCtswiper-button-next::after,

.cpxqCBswiper-button-prev::after,

.cpxqCBswiper-button-next::after {

	content: '' !important;

}



.cpxqCtswiper-button-prev,

.cpxqCtswiper-button-next {

	position: absolute;

	top: 50%;

	transform: translate(0,-50%);

	height: 40px;

	width: 40px;

	border-radius: 100%;

	margin: 0;

	border-radius: 100%;

	background: #999;

}

.cpxqCtswiper-button-prev:hover,

.cpxqCtswiper-button-next:hover{

	background: #084827;

}

.cpxqCtswiper-button-prev,

.cpxqCBswiper-button-prev{

	left: 0;

}



.cpxqCtswiper-button-next,

.cpxqCBswiper-button-next{

	right: 0;

}

/* .cpxqCBswiper-button-prev{

	left: -60px;

}

.cpxqCBswiper-button-next {

	right: -60px;

} */



.cpxqCBswiper-button-prev,

.cpxqCBswiper-button-next {

	width: 34px;

	height: 34px;

	position: absolute;

	top: 0;

	margin: 0;

	z-index: 10;

	background: #999;

	border-radius: 100%;

	top: 50%;

	transform: translate(0,-50%);

}

.cpxqCBswiper-button-prev:hover,

.cpxqCBswiper-button-next:hover{

	background: #084827;

}

#thumbs .swiper-slide-thumb-active img {

	/* border: 1px solid #FBA100; */

}



#thumbs {

	width: 100%;

	height: 100px;

	margin: 20px 0;

	position: relative;

	padding-left: 60px;

}

.lbg{

	position: absolute;

	top: 0;

	left: 0;

	background: #fff;

	width: 60px;

	height: 100%;

	z-index: 9;

}

.rbg{

position: absolute;

	top: 0;

	right: 0;

	background: #fff;

	width: 60px;

	height: 100%;	

	z-index: 9;

}



.cpxqCB {

	padding-bottom: 100px;

}



.cpxqCBSwiper1 {

	width: 100%;

	overflow: hidden;

	position: relative;

	padding: 0 50px 0 60px;

}



.cpxqTNav {

	width: 100%;

	height: 50px;

	background: #FFFFFF;

	box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.1);

}



.cpxqTNavC {

	display: flex;

	align-items: center;

	justify-content: space-between;

	height: 50px;



}



.cpxqTNav ul {

	display: flex;

	align-items: center;

	font-size: 16px;

	color: #999999;

}



.cpxqTNav ul p,

.cpxqTNav ul a {

	font-size: 16px;

	font-weight: 400;

	color: #999999;

}



.cpxqTNav ul a {

	margin: 0 5px;

}



.cpxqTNav ul a.cpxqTNavCActive {

	color: #FBA100;

}



.cpxqTNavC a:last-child {

	font-size: 14px;

	font-weight: 400;

	color: #666666;

	line-height: 30px;

}



.cpxqCt {

	margin: 60px 0 40px;

	display: flex;

	justify-content: space-between;

	padding: 28px 0 28px 28px;

	background: #F9F9F9;

}



.cpxqCtR {

	width: 60%;

}



.cpxqCtR li {

	margin-left: 5%;

	font-size: 20px;

	font-weight: 400;

	color: #333333;

	line-height: 48px;

}



.cpxqCtR div {

	width: 100%;

	height: 40px;

	padding: 0 5%;

	line-height: 40px;

	background: #E5E5E5;

	font-size: 14px;

	font-weight: 400;

	color: #999999;

}



.cpxqCtR p {

	width: 100%;

	font-size: 14px;

	font-weight: 400;

	color: #999999;

	line-height: 30px;

	margin-top: 20px;

	padding: 0 5%;

}



.xqTitle {

	width: 100%;

	border-bottom: 1px solid #E5E5E5;

	margin-bottom: 40px;

}



.xqTitle p {

	display: flex;

	align-items: center;

	justify-content: center;

	width: 140px;

	height: 40px;

	background: #FBA100;

	color: #fff;

}



.cpxqCMC {

	margin: 60px 0 85px;

}



.cpxqCMC p {

	max-width: 100%;

	font-size: 16px;

	font-weight: 400;

	color: #333333;

	line-height: 36px;

}



.cpxqCMC img {

	display: block;

	max-width: 100%;

	text-align: center;

	margin: 40px auto;

}



ul,

li {

	list-style: none;

	margin: 0;

	padding: 0;

}





.bg_right {

	position: absolute;

	left: 684px;

	top: 0;

}





.mask {

	width: 215px;

	height: 215px;

	background: #000;

	filter: Alpha(opacity=50);

	opacity: 0.5;

	position: absolute;

	top: 0;

	left: 0;

	display: none;

}



.bigshow {

	width: 430px;

	height: 430px;

	overflow: hidden;

	margin-left: 10px;

	display: none;

	border: 1px solid #E8E8E8;

	z-index: 999;

}



.bigshow img {

	width: 860px;

	height: 860px;

	margin-right: 10px;

}



.smallshow {

	width: 100%;

	height: 70px;

	position: relative

}



.smallshow img {

	width: 100%;

	border: 1px solid #e8e8e8;

	box-sizing: border-box;

	transition: all 0.5s

}



.smallshow>.middle_box {

	margin-left: 30px;

	margin-right: 30px;

	width: 370px;

	overflow: hidden;

	height: 70px;

}



.smallshow .middle {

	overflow: hidden;

	transition: all 0.5s;

	height: 70px;

}



.smallshow .middle>li {

	width: 64px;

	height: 64px;

	float: left;

	cursor: pointer;

	padding: 0 5px;

}



.smallshow>p {

	position: absolute;

	top: 50%;

	width: 22px;

	height: 32px;

	margin-top: -24px;

}



.smallshow>.prev {

	left: 0;

	background: url(../images/swiper-hover-prev.png) no-repeat;

	transition: all 0.5s

}



.smallshow>.next {

	right: 0;

	background: url(../images/swiper-hover-next.png) no-repeat;

	transition: all 0.5s

}



.smallshow>.prev.prevnone {

	left: 0;

	background: url(../images/swiper-prev.png) no-repeat;

	cursor: not-allowed

}



.smallshow>.next.nextnone {

	right: 0;

	background: url(../images/swiper-next.png) no-repeat;

	cursor: not-allowed

}







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

	.swiperFdW{

		width: 100%;

	}

	.cpxqC{

		margin: 30px 0 !important;

	}

	#gallery,

	#thumbs{

		height: auto;

		width: 100%;

	}

	.cpxqCBswiper-button-prev, .cpxqCBswiper-button-next{

		width: 20px;

		height: 20px;

		padding: 7px;

	}

	.lbg,

	.rbg{

		width: 30px;

	}

}