.product{
	width: 100%;
	float: left;
}
.product .item{
	width: 262px;
	height: 348px;
	float: left;
	margin-bottom:40px;
	margin-right: 38px;
	border: 1px solid #e6e6e6;
	padding: 9px;
}
.product .item:nth-child(3n){
	margin-right: 0;
}
.product .item .pic{
	width: 262px;
	height: 300px;
	float: left;
}
.product .item .txt{
	width: 100%;
	height: 48px;
	line-height: 48px;
	float: left;
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 16px;
	color: #333;
}
.product .item:hover{
	border-color: #38a852;
}

.title-2{
	width: 100%;
	height: 48px;
	line-height: 48px;
	float: left;
	background-color: #eee;
}
.title-2 .h2{
	float: left;
	padding: 0 30px;
	background-color: #38a852;
	color: #FFF;
	line-height: 48px;
	font-size: 18px;
}

.product_top_box{
	width: 100%;
	height: 560px;
	line-height: 560px;
	float: left;
	position: relative;
}

.product_top_box .product_show{
	width: 600px;
	height: 60px;
	line-height: 60px;
	position: absolute;
	right: 0;
	top: 0;
	border-bottom: 1px solid #e5e5e5;
	color: #222;
	font-size: 24px;
	font-weight: bold;
}
.product_top_box .product_show_1{
	width: 600px;
	height: 252px;
	line-height: 34px;
	position: absolute;
	right: 0;
	top: 74px;
	color: #4e4e4e;
	font-size: 16px;
}
.product_top_box .product_show_2{
	width: 600px;
	height: 70px;
	position: absolute;
	right: 0;
	top: 340px;
	background-color: #f7faff;
}
.product_top_box .product_show_2::before{
	position: absolute;
	left: 30px;
	top: -245px;
	content: "\e614";
	font-family: "iconfont";
	color: #38a852;
	font-size: 36px;
	
}
.product_top_box .product_show_2 em{
	width: 215px;
	height: 16px;
	position: absolute;
	left: 75px;
	color: #666;
	font-size: 14px;
	top: -255px;
}
.product_top_box .product_show_2 span{
	width: 215px;
	height: 18px;
	position: absolute;
	left: 72px;
	color: #38a852;
	font-size: 18px;
	top: -235px;
	font-weight: bold;
}
.product_top_box .product_show_2 .btn{
	width: 142px;
	height: 42px;
	position: absolute;
	line-height: 42px;
	left: 320px;
	color: #fff;
	background-color: #1c81f3;
	font-size: 18px;
	top: 15px;
	border-radius: 5px;
	text-align: center;
}
/* 详情页切换图样式 */

.product_top_box .swiper-container {
  width: 560px;
  height: 560px;
  float: left;
}

.product_top_box .swiper-container .gallery-top{

	width: 560px;

	height: 560px;

	float: left;

}

.product_top_box .swiper-container.gallery-top .swiper-slide{

      width: 558px;

      height: 558px;

      float: left;
	  border: 1px solid #e5e5e5;
	  position: relative;

}
.product_top_box .swiper-container .gallery-top .swiper-slide img{
	max-width: 558px;
	max-height: 558px;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
}





.product_top_box .gallery-thumbs{
	width: 450px;
	height: 110px;
	float: left;
	position: absolute;
	left: 600px;
	top: 438px;
}
.product_top_box .gallery-thumbs .left{
	width: 20px;
	height: 110px;
	position: absolute;
	left: 0;
	top: 0;
	line-height: 110px;
	text-align: center;
	color: #666;
	font-family: "iconfont";
	background-color: #FFF;
	z-index: 10;
	transform: rotate(180deg);
}
.product_top_box .gallery-thumbs .right{
	width: 20px;
	height: 110px;
	position: absolute;
	right: 0;
	top: 0;
	line-height: 110px;
	text-align: center;
	color: #666;
	font-family: "iconfont";
	background-color: #FFF;
	z-index: 10;
}

.gallery-thumbs .swiper-slide{
  width: 110px!important;
  height: 110px!important;
  float: left;
  position: relative;
  zoom: 1;
  margin-left: 30px!important;

}

.gallery-thumbs .swiper-slide img{

	width: 108px!important;

	height: 108px!important;

	position: absolute;

	z-index: 1;

	left: 0;

	top: 0;
	
	border: 1px solid #E5E5E5;

}

.gallery-thumbs .swiper-slide-thumb-active {

  opacity: 1;
  border: 1px solid #1c81f3;

}

.jiejuefangan{
	width: 100%;
	float: left;
}

.jiejuefangan .item{
	width: 100%;
	height: 388px;
	float: left;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding: 60px 0;
	border-bottom: 1px solid #e5e5e5;
}
.jiejuefangan .item .pic{
	width: 600px;
	height: 388px;
}
.jiejuefangan .item .txt{
	width: 550px;
	height: 388px;
	display: flex;
	flex-direction: column;
}
.jiejuefangan .item .txt .txt-1{
	width: 550px;
	height: 70px;
	line-height: 70px;
	font-size: 30px;
	color: #38a852;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.jiejuefangan .item .txt .txt-2{
	width: 550px;
	line-height: 31px;
	color: #333;
	font-size: 16px;
	overflow:hidden;
	text-overflow:ellipsis;	
	display:-webkit-box; 	
	-webkit-box-orient:vertical;	
	-webkit-line-clamp:6; 
	margin-top: 13px;
}
.jiejuefangan .item .txt .txt-3{
	width: 550px;
	height: 40px;
	margin-top: 30px;
}
.jiejuefangan .item .txt .txt-3 a{
	width: 132px;
	height: 40px;
	background-color: #bbb;
	color: #FFF;
	font-size: 14px;
	display: inline-block;
	line-height: 40px;
	text-align: center;
}
.jiejuefangan .item .txt .txt-3 a::after{
	content: "\e65d";
	font-family: "iconfont";
	padding-left: 8px;
}
.jiejuefangan .item .txt .txt-3 a:hover{
	color: #FFF;
	background-color: #38a852;
}

.cases{
	width: 100%;
	float: left;
	margin-left: 20px;
}
.cases .item{
	width: 382px;
	height: 314px;
	float: left;
	margin-bottom:40px;
	margin-right: 40px;
	border: 1px solid #e6e6e6;
	padding: 24px 24px 0;
}
.cases .item:nth-child(2n){
	margin-right: 0;
}
.cases .item .pic{
	width: 382px;
	height: 250px;
	float: left;
}
.cases .item .txt{
	width: 100%;
	height: 62px;
	line-height: 62px;
	float: left;
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 16px;
	color: #333;
}