.pro-box { margin:2% auto; min-height:300px; background:#fff; padding:2% 2% }
.pro-pic { float:left; width:48%; padding-right:4%; }
.pro-info { float: right; width:47%; font-size:16px; color:#666 }
.pro-info .pro-tit { font-size:26px; font-weight:bold; color:#2c5ba8; border-bottom:1px dashed #ccc; padding-bottom:15px;  }
.pro-info .pro-desc { }
.pro-info .tit { font-size:24px; font-weight:bold; margin:20px 0 8px 0; padding-top:10px;  }
.pro-info .pro-feature p { margin-bottom:10px; line-height:28px; }

.pro-date { margin:20px auto; }
.pro-date li { margin:5px 0; }


.buy-num .input-group { width:142px; border-radius:20px; position:relative }
.buy-num .input-group input { display: inline-block; width:140px; border:1px solid #c0c9d8; border-radius:20px; padding:2px 0px; height: 30px; text-align:center  }
.buy-num .input-group .form-control { text-align:center; border-left:none; border-right:none; border-radius:20px!important;}
.buy-num .input-group-btn .btn { border:1px solid #c0c9d8; color:#97a8bc; font-size:20px; padding:2px 12px; height: 36px; position:absolute; left:0; top:0 }
.buy-num .input-group-btn .btn.bootstrap-touchspin-down { border-radius:20px 0 0 20px; }
.buy-num .input-group-btn .btn.bootstrap-touchspin-up { border-radius:0 20px 20px 0; left:auto; right:0 }
.pro-info .pro-btn a { display:inline-block; margin:20px auto; border-radius:30px; padding:8px 30px; border:1px solid #2c5ba8; background:#2c5ba8; font-size:17px; color:#fff }

/**产品详情介绍**/
/*产品细节图*/
.goods-detail {
	float:left; width:50%; padding-right:2%;  position:relative;
}
.goods-detail .goods-pic-box {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	position: relative;
	text-align: center;
}
.goods-detail .goods-big-pic {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	height: 380px;
	width: 540px;
	z-index: 10;
	cursor: -webkit-zoom-in;
	cursor: zoom-in;
	/*border:1px solid #eee;*/
}
.goods-detail .goods-big-pic img {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	width: 540px;
	height: 380px;
	max-width: 100%;
}
.goods-detail .goods-small-pic {
	position:relative; text-align:left;
	margin-top:30px;
/*	position: absolute;
	left: 0px;
	top: 0px;
*/


}
.goods-detail .goods-small-pic li {
	display:inline-block;
	float:left; margin-right:20px;
	height: auto;
	cursor: pointer;
	zoom: 1;
	margin-bottom: 14px;
	-webkit-transition: border-color 0.4s ease-out;
	transition: border-color 0.4s ease-out;
}
.goods-detail .goods-small-pic li img {
	width:100px;
	height: 100px;
}
.goods-detail .goods-small-pic li a {
	padding: 1px;
	border: 1px solid #e2e3e3; }
.goods-detail .goods-small-pic li a.current {
	cursor: default;
	border-color: #2c5ba8;
}
.MagicZoomPup { border:1px solid #eee; background:#fff url(dotted.png);cursor: move; }
.MagicZoomBigImageCont { border:1px solid #ddd; margin-left:-40px !important }



/*产品展示图*/
.pro-img { padding:4% 0; background:#f5f5f5; background-size:cover; background-attachment: fixed; }
.pro-img .wrapper { position:relative }
.pro-img .swiper {
  position:relative;
  overflow:hidden;
  height: auto;
  margin:0px 18%;
}
.pro-img .myswiper2 {
  height: auto;
}
.pro-img .myswiper2 .swiper-slide img {
  width: 100%;
  height: 100%;
  border-radius:1px;
  box-sizing:border-box;
  object-fit: cover;
}
.pro-img .swiper-button-prev { width:100px; height:100px; left:3%; top:40%;  background-image:url(../img/left.png) }
.pro-img .swiper-button-next { width:100px; height:100px; right:3%; top:40%;  background-image:url(../img/right.png) }


.pro-img .myswiper {
  text-align:center;
  height: auto;
  margin:30px 22%;
  box-sizing: border-box;
}
.pro-img .myswiper .swiper-slide {
  display:inline-block;
  opacity: 0.9;
  height:150px;
}
@media screen and (max-width: 1500px) {
.pro-info { font-size:15px;  }
.pro-info .pro-tit { font-size:24px; margin-bottom:10px }
.pro-info .pro-desc { font-size:18px;  }
.pro-info .tit { font-size:20px; margin:20px 0 8px 0; padding-top:10px;  }
.pro-info .pro-feature p { margin-bottom:10px; line-height:24px; }

	
.pro-img .myswiper .swiper-slide { height:100px;}

.goods-detail .goods-big-pic {
	height: 350px;
	width: 500px;
}
.goods-detail .goods-big-pic img {
	width: 500px;
	height: 350px;
}
.goods-detail .goods-small-pic li img {
	width:80px;
	height: 80px;
}

}
@media screen and (max-width: 1200px) {
.pro-img .myswiper .swiper-slide { height:80px;}
.pro-info { font-size:14px;  }
.pro-info .pro-tit { font-size:24px;  }
.pro-info .pro-desc { font-size:16px;  }
.pro-info .tit { font-size:18px; margin:10px 0 8px 0; padding-top:10px;  }
.pro-info .pro-feature p { margin-bottom:5px; line-height:20px; }

.goods-detail .goods-big-pic {
	height: 400px;
	width: 400px;
}
.goods-detail .goods-big-pic img {
	width: 400px;
	height: 400px;
}

.goods-detail .goods-small-pic li {
  margin-right: 10px;
  margin-bottom: 10px;
}
.goods-detail .goods-small-pic li img {
	width:60px;
	height: 60px;
}

}
@media screen and (max-width: 800px) {
	
.goods-detail { float:none; width:100%; }
.pro-pic { float:none; width:100%; padding-right:0; border-right: none }
.pro-info { float: none; width:100%; font-size:14px; margin-top: 20px; }	
.goods-detail .goods-big-pic {
	height: auto;
	width: 100%;
}
.goods-detail .goods-big-pic img {
	width: auto;
	height: auto;
}
.pro-img .myswiper .swiper-slide { height:50px;}
}

.pro-img .myswiper .swiper-slide:hover { cursor:pointer }
.pro-img .myswiper .swiper-slide img {
  width: 100%;
  height: 100%;
  border-radius:1px;
  border:1px solid #aaa;
  box-sizing:border-box;
  object-fit: cover;
}
.pro-img .myswiper .swiper-wrapper { }
.pro-img .myswiper .swiper-slide-thumb-active {
  opacity: 1;
}
.pro-img .myswiper .swiper-slide-thumb-active img {
    border:1px solid #2c5ba8;
}

.pro-con { padding:1% 0 4% 0; }
.title h2 { font-size:28px; line-height:1.4; font-weight:bold; margin-bottom:8px; letter-spacing:1px; text-transform:uppercase; text-align:center }
.title p { font-size:16px; line-height:1.4; color:#777; max-width:800px; margin:1px auto; line-height:1.8 }
.title h2:after {content:""; display:block; width:80px; height:2px; background:#2c5ba8; margin:15px auto; border-radius:5px } 
.title.white { color:#fff }
.title.white h2:after { background:#eee }