.product{
	padding-bottom: 180px;
}
.product .box1{
	margin-top: 40px;
}
.product .box1 ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.product .box1 li,
.product .box1 i{
	width: 32.14%;
	text-align: center;
}
.product .box1 li{
	margin-bottom: 30px;
}
.product .box1 li .pic{
	position: relative;
	border-radius: 10px;
}
.product .box1 li .pic .pic-box{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.39);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 1;
	opacity: 0;
}
.product .box1 li:hover .pic .pic-box{
	opacity: 1;
}
.product .box1 li .pic .pic-box .name{
	display: inline-block;
	position: relative;
	padding: 7px 0;
}
.product .box1 li .pic .pic-box .name::before,
.product .box1 li .pic .pic-box .name::after{
	position: absolute;
	content: "";
	width: 0;
	height: 1px;
	left: 50%;
	transform: translateX(-50%);
	background-color: rgba(249, 249, 249, 1);
	transition: all 0.6s 0.4s;
}
.product .box1 li .pic .pic-box .name::before{
	top: 0;
}
.product .box1 li .pic .pic-box .name::after{
	bottom: 0;
}
.product .box1 li:hover .pic .pic-box .name::before,
.product .box1 li:hover .pic .pic-box .name::after{
	width: 100%;
}
.product .box1 li .text{
	font-size: 24px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	line-height: 1;
	margin-top: 15px;
}
.product .box2{
	margin-top: 147px;
}
.product-d .box1{
	padding: 102px 0;
}
.product-d  .box1 .content1400{
	display: flex;
	justify-content: space-between;
}
.product-d .box1 .l{
	width: 48.57%;
}
.product-d .box1 .swiper-slide img{
	width: 100%;
	display: block;
}
.product-d .box1 .r{
	width: 41.21%;
	margin-right: 4%;
	padding-top: 36px;
}
.product-d .box1 .r .title{
	font-size: 36px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #333333;
	line-height: 1;
	padding-bottom: 26px;
	border-bottom: 1px solid rgba(97, 102, 104, 0.4);
}
.product-d .box1 .r .des{
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	line-height: 30px;
	margin-top: 23px;
}
.product-d .box1 .r .text{
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	line-height: 39px;
	margin-top: 15px;
}
.product-d .box1 .r .text span{
	color: rgba(102, 102, 102, 1);
}
.product-d .box1 .r .consulting{
	margin-top: 60px;
	padding-bottom: 20px;
	border-bottom: 1px solid rgba(97, 102, 104, 0.16);
}
.product-d .box1 .r .consulting .iconfont{
	font-size: 38px;
	color: #7a7a7a;
	margin-right: 13px;
}
.product-d .box1 .r .consulting a{
	display: flex;
	align-items: center;
	font-size: 18px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #101D96;
	line-height: 30px;
}
.product-d .box1 .r .gallery-thumbs-box{
	margin-top: 54px;
	position: relative;
}
.product-d .box1 .r .gallery-thumbs-box .btn{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer;
	z-index: 2;
}
.product-d .box1 .r .gallery-thumbs-box .btn .iconfont{
	font-size: 26px;
	color: rgba(51, 51, 51, 1);
}
.product-d .box1 .r .gallery-thumbs-box .btn.btn-prev{
	left: -33px;
}
.product-d .box1 .r .gallery-thumbs-box .btn.btn-next{
	right: -33px;
}
.product-d .box2{
	border-top: 10px solid rgba(240, 240, 240, 1);
	padding: 70px 0 170px;
}
.product-d .box2 .title{
	padding-bottom: 20px;
	border-bottom: 1px solid rgba(220, 220, 220, 1);
	font-size: 24px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
	line-height: 1;
}
.product-d .box2 .text{
	margin-top: 57px;
}
.product-d .box2 li{
	display: flex;
	margin-bottom: 30px;
}
.product-d .box2 li .li-l{
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #333333;
	line-height: 36px;
}
.product-d .box2 li .li-r{
	color: rgba(102, 102, 102, 1);
	font-weight: bold;
	font-size: 16px;
	line-height: 36px;
	flex: 1;
	margin-left: 25px;
}
@media (max-width:1430px) {
	.product-d .box1 .r{
		padding-top: 0px;
	}
	.product-d .box1 .r .title{
		font-size: 30px;
	}
	.product-d .box1 .r .consulting{
		margin-top: 40px;
	}
}
@media (max-width:1199px) {
	.product .box1{
		margin-top: 40px;
	}
	.product .box1 li .text{
		font-size: 20px;
		margin-top: 20px;
	}
	.product .box1 li{
		margin-bottom: 40px;
	}
	.product-d .box1 .content1400{
		flex-direction: column;
	}
	.product-d .box1 .l{
		width: 100%;
	}
	.product-d .box1 .r{
		margin-right: 0;
		margin-top: 40px;
		width: 100%;
	}
	.product-d .box1 .r .title{
		font-size: 28px;
	}
	.product-d .box1 .r .consulting .iconfont{
		font-size: 32px;
	}
}
@media (max-width:800px) {
	.product .box1 li, .product .box1 i{
		width: 48.5%;
	}
	.product-d .box1 .r .title{
		font-size: 26px;
	}
}
@media (max-width:500px) {
	.product-d .box1 .r .title{
		font-size: 22px;
		padding-bottom: 15px;
	}
	.product-d .box1 .r .text{
		line-height: 2;
	}
	.product-d .box1{
		padding: 50px 0;
	}
	.product .box1 li, .product .box1 i{
		width: 100%;
	}
	.product{
		padding-bottom: 60px;
	}
	.product .box2{
		margin-top: 30px;
	}
	.product-d .box1 .r .consulting{
		margin-top: 20px;
	}
	.product-d .box1 .r .consulting .iconfont{
		font-size: 24px;
	}
	.product-d .box1 .r .gallery-thumbs-box{
		margin-top: 30px;
	}
	.product-d .box2 li{
		flex-direction: column;
	}
	.product-d .box2 li .li-l{
		font-size: 14px;
	}
	.product-d .box2 li .li-r{
		font-size: 14px;
		line-height: 2;
		margin-left: 0;
		margin-top: 0px;
	}
	.product-d .box2 li{
		margin-bottom: 10px;
	}
	.product-d .box2{
		padding: 30px 0 50px;
	}
	.product-d .box2 .title{
		font-size: 20px;
	}
	.product-d .box2 .text{
		margin-top: 30px;
	}
}