body,html{
  background: #f5f5f5;
}

.about-section1 {
  background-image: url(../images/cp-ban.jpg);
}

.wrap {
	width: 88%;
	max-width: 1662px;
	margin-left: auto;
	margin-right: auto
}
.list_content{
	width: 90%;
	margin: 0 auto;
	color:#fff;
	background: #fff;
  }
  .vhd{color: #333; font-size: 26px; margin-bottom: 30px; border-bottom: 1px #dfdfdf;}
.hd36{font-size: 30px;color: #333;}
.product_topper {
	padding-top:50px;
	padding-bottom: 50px;
	border-bottom: 1px solid #dfdfdf
}

.product_topper .titbox.s1 {
	display: none;
	margin-bottom: .4rem
}

@media (max-width:1679px) and (min-width:769px) {
	.product_topper .titbox.s1 {
		display: block
	}

	.product_topper .titbox.s2 {
		display: none
	}
}

@media (min-width:992px) {
	.product_topper .content {
		display: flex;
		align-items: flex-start
	}

	.product_topper .swiper {
		width: 50%;
		max-width: 700px
	}

	.product_topper .info_box {
		flex: 1;
		padding-left: 5%
	}

	.product_topper .swiper {
		position: relative
	}
}

@media (min-width:992px) and (max-width:1679px) {
	.product_topper .swiper {
		width: 40%
	}
}

@media (min-width:992px) and (min-width:1680px) {
	.product_topper .swiper {
		padding-left: 8%
	}
}

.product_topper .swiper-thumbs {
	max-width: 98px;
	width: 20%;
	position: absolute;
	left: 0;
	top: 0;
	bottom: -20px
}

@media (max-width:1679px) {
	.product_topper .swiper-thumbs {
		display: none
	}
}

.product_topper .swiper-thumbs li {
	height: 20%;
	opacity: .7;
	padding-bottom: 20px
}

.product_topper .swiper-thumbs .img {
	padding: 17%;
	background: #fff
}
.coverbox {
	position: relative;
	display: block;
	overflow: hidden
}

.coverbox .coverimg {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	z-index: 1;
	transition: transform .6s ease 0s
}

.coverbox .coverimg.cover {
	background-size: cover
}
.coverbox ._bg {
	width: 100%;
	visibility: hidden;
	display: block
}
img{max-width:100%;max-height: 100%;}

.product_topper .swiper-thumbs .swiper-slide-thumb-active {
	opacity: 1
}

.product_topper .swiper-img {
	text-align: center
}

@media (min-width:1680px) {
	.product_topper .swiper-img .swiper-pagination {
		display: none
	}
}

.product_topper .swiper-img li {
	background: #fff
}

.product_topper .swiper-img li img {
	width: 100%
}

@media (max-width:991px) {
	.product_topper .swiper-img {
		margin-bottom: .7rem
	}
}

.product_topper .titbox .desc {
	font-size: 16px;
	color: #666;
	line-height: 30px;
	margin-bottom: .1rem;
	margin-top: 10px
}

@media (min-width:1680px) {
	.product_topper .titbox.s2 .desc {
		min-height: 60px
	}
}

@media (max-width:1679px) {
	.product_topper .titbox .desc {
		line-height: 1.5;
		margin-bottom: .5rem
	}
}

.product_topper .info {
	padding-bottom: .2rem;
	margin-bottom: .46rem
}

@media (min-width:992px) {
	.product_topper .info {
		border-bottom: 1px solid #dfdfdf
	}
}

.product_topper dl {
	border-top: 1px solid #dfdfdf;
	position: relative;
	font-size: 16px;
	padding: .1rem 0;
	color: #333;
}

@media (min-width:640px) {
	.product_topper dl {
		padding-left: 169px;
	}

	.product_topper dl dt {
		position: absolute;
		left: 0;
		top: .1rem;
		font-weight: normal
	}
}

.product_topper dl dt {
	line-height: 34px;
	font-weight: normal
}

.product_topper dl dd {
	line-height: 34px;
	color: #666
}

.product_topper dl .tit {
	color: #999;
	width: 100%;
	display: inline-block
}

@media (max-width:1280px) {
	.product_topper dl {
		font-size: 14px;
		line-height: 30px
	}

	.product_topper dl dd {
		line-height: 30px
	}

	.product_topper dl .tit {
		width: 150px
	}
}
@media (max-width:1280px) {
.wrap{width: 96%;}
}


.vbox {
	padding-top: 40px;
	padding-bottom: .8rem
}

.vbtn {
	background-color: #000;
	text-align: center;
	color: #fff !important;
	display: inline-block;
	font-size: 16px;
	height: 44px;
	line-height: 44px;
	padding: 0 32px;
	min-width: 180px
}

.vbtn:hover {
	color: #fff;
	background-color: #fe0000
}

.vbtnl {
	border: 1px solid #000;
	text-align: center;
	color: #333;
	display: inline-block;
	font-size: 16px;
	height: 44px;
	line-height: 44px;
	padding: 0 32px
}

.vbtnl:hover {
	color: #fff;
	background-color: #000
}
.vbox .bd{
	font-size:16px;
	line-height:1.86;
	color:#666;
}