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
}

.product_topper {
	padding-top:50px;
	padding-bottom: 50px;
	border-bottom: 1px solid #dfdfdf
}


.product_topper1 {
 background: #fff;
	padding-bottom: 50px;
	border-bottom: 1px solid #dfdfdf;
	margin-bottom: 50px;
}


.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
}

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

	.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: .8rem;
	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;
}

.mt_50{
	margin-top: 50px;
	width: 94%;
	margin: 0 auto;
}
.pi2t{
	border-bottom: 1px solid #E6E6E6;
}
.pi2t li{
	cursor: pointer;
	transition: .25s;
	margin-right: 15px;
	border-bottom: 2px solid rgba(0,0,0,0);
}
.pi2t li.active{
	border-bottom: 2px solid #00a2ea;
}
.titleh3{
	font-size: 24px;
	padding-top:30px;
}
@media only screen and (max-width:1599px) {
		.titleh3{
			font-size: 22px;
		}
}
@media only screen and (max-width:1399px) {
	.titleh3{
			font-size: 22px;
		}
	}
@media only screen and (min-width:768px) and (max-width:1199px) {
	.titleh3{
			font-size: 20px;
			padding-top:30px;
		}
	}

.info_txt *{
	max-width: 100%;
}

.disflex{
	display: flex;
}
.text16{
	font-size: 16px;
	line-height: 30px;
}
.tab_content li.tab_content_li{
	display: none;
}
.tab_content li.active{
	display: block;
}
.tab_content1 li.tab_content_li{
	display: none;
}
.tab_content1 li.active{
	display: block;
}
.mt_30,.mt_35,.mt_40{
		margin-top: 25px;
	}
	
table{
    width: 100%;
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
}

table tr td{
 
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 5px;
}
.zy dd{
    max-width: 100%;
    width: 700px;
    overflow: hidden;
    margin-bottom: 10px;
}
 
.zy dd a{
    float: right;
    background: #00a2ea;
    padding: 0 2px;
    border-radius: 4px;
    font-size: 12px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}
.zy dd a img{
    width: 14px;
}
.zy .t{
   
    float: left;
    color: #333;
}
.xxb .tab-t{
	    width: 100%;
	    overflow: hidden;
	   
	}
.xxb .tab-t span{
	    width: 33.33%;
	    float: left;
	    background: #ddd;
	    color: #fff;
	    text-align: center;
	    height: 40px;
	    line-height: 40px;
	    cursor: pointer;
	}
.xxb .tab-t span.this{
	    background: #00a2ea;
	}
.xxb .tab-b{
	    display: none;
	}
	table {
	    border-collapse: collapse;
	    border-spacing: 0;
	}