

.module1{

	padding-bottom: 76px;

	padding-top: 80px;

	overflow: hidden;

	background: #f2f2f2;

}

.module1 .porShow{
	position: relative;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	width: 100%;
	margin: 56px auto 0;
	overflow: hidden;
}

.module1 .porShow li{
	position: relative;
	width: 340px;
	height: 504px;
}

.module1 .porShow li .imgBox{

	display: table;

	width: 100%;

	height: 270px;

	background: #fff;

	text-align: center;

	overflow: hidden;

}

.module1 .porShow li .imgBox i{

	display: table-cell;

	vertical-align: middle;

}

.module1 .porShow li .imgBox img{

	max-width: 80%;

	max-height: 240px;

	vertical-align: top;

	transition: all 0.4s;

}

.module1 .porShow li:hover img{

	transform: scale(1.05);

}

.module1 .porShow li .text{

	position: relative;

	top: 0;

	box-sizing: border-box;

	padding: 22px;

	height: 234px;

	background-color: #fff;

	text-align: center;

	overflow: hidden;

	transition: all 0.6s ease;

}

.module1 .porShow li:hover .text{

	top: -20px;

	height: 254px;

	color: #fff;

	background-color: #5cf;

}

.module1 .porShow li:hover .text h5{

	color: #fff;

}

.module1 .porShow li .text h5{

	margin-bottom: 16px;

	font-size: 18px;

	text-align: center;

	color: #000;

	transition: all 0.6s ease;

}

.module1 .porShow li .text h5:after{

	content: "";

	display: block;

	margin: 30px auto 0;

	width: 44px;

	height: 5px;

	background: var(--mainColor);

}

.module1 .porShow li .text p{

	height: 48px;

	font-size: 14px;

	/* line-height: 2; */
	line-height: 1.5;
}

.module1 .porShow li .text .moreBtn{

	margin-top: 34px;

}



.module2{

	padding: 56px 0 60px;

	background: #fff;

}

.module2 .moduleSlogan{

	/* margin-top: 48px; */
	margin-top: 28px;

	margin-bottom: 20px;

}

.module2 .moreBtn1{

	margin-top: 46px;

}



.module3{
	position: relative;
	height: 500px;
	background: url(../images/bg1.jpg) no-repeat;
}

.module3 .animate_enlarge{
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.module3 .cBox{
	position: relative;
	z-index: 1;
}

.module3 .moduleTit{

	padding-top: 115px;

}

.module3 .playBtn{
	display: none;
	margin: 62px auto 0;
	width: 75px;
	height: 75px;
}

.module3 ul{

	box-sizing: border-box;

	position: relative;

	z-index: 1;

	margin: 76px auto 0;

	padding: 70px 72px 0;

	width: 1100px;

	background: #fff;

	box-shadow: 0 8px 16px -2px rgba(0,0,0,0.2);

}

.module3 ul li{

	box-sizing: border-box;

	position: relative;

	overflow: hidden;

	padding: 10px;

	width: 414px;

	height: 148px;

	margin-bottom: 64px;

	transition: 0.4s all;

	box-shadow: 0 0 0 -3px var(--mainColor) ;

	border-radius: 14px;

}

.module3 ul li:hover{

	box-shadow: 0 0 20px -3px var(--mainColor);

}

.module3 ul li .imgBox{

	position: absolute;

	left: 10px;

	top: 10px;

	width: 58px;

}

.module3 ul li .textBox{

	margin-left: 82px;

	margin-bottom: 94px;

	width: 312px;

}

.module3 ul li .textBox h5{

	margin-bottom: 20px;

	width: 312px;

	font-size: 20px;

	color: var(--mainColor);

}

.module3 ul li .textBox p{

	/* font-size: 14px; */
	font-size: 12px;

	color: #465a64;

	line-height: 1.3;

}



.module4{

	/*margin-top: 362px;*/

	padding-bottom: 60px;

	background: #fff;

}

.module4 .newsShow{

	margin-top: 56px;

}

.module4 .newsShow .newsUnit{

	position: relative;

	width: 600px;

	height: 424px;

	overflow: hidden;

}

.module4 .newsShow .newsUnit .imgBox{

	width: 100%;

	height: 100%;

	overflow: hidden;

}

.module4 .newsShow .newsUnit .imgBox img{

	display: block;

	width: 100%;

	height: 100%;

}

.module4 .newsShow .newsUnit.slideActive .textBox{

	bottom: 0;

}

.module4 .newsShow .newsUnit .textBox{

	box-sizing: border-box;

	position: absolute;

	left: 0;

	bottom: -118px;

	padding: 32px 44px 0;

	width: 100%;

	height: 118px;

	background: rgba(0,0,0,0.6);

	color: #fff;

	transition: bottom 0.4s;

}

.module4 .newsShow .newsUnit .textBox h5{

	margin-bottom: 10px;

	font-size: 18px;

	color: #fff;

}

.module4 .newsShow .newsUnit .textBox p{

	font-size: 12px;

	color: #acacac;

	line-height: 2;

}



.module5{

	padding-top: 75px;

	padding-bottom: 80px;

	background: #f2f2f2;

	overflow: hidden;

}

.module5 .videoShow{

	padding-top: 60px;

}

.module5 .videoShow .unit{

	width: 352px;

}

.module5 .videoShow .unit .video{

	position: relative;

}

.module5 .videoShow .unit video{

	display: block;

	width: 100%;

	height: 256px;

	background: #000;

	cursor: pointer;

}

.module5 .videoShow .unit .playBtn{

	position: absolute;

	left: 50%;

	top: 50%;

	margin: -28px 0 0 -28px;

	width: 56px;

	height: 56px;

}

.module5 .videoShow .unit .tit{

	margin-top: 20px;

}





.animate_enlarge{

	overflow: hidden;

}

.animate_enlarge img{
	animation: enlarge 10s 0.5s;
	animation-iteration-count: infinite;
	animation-fill-mode: both;
	animation-direction: alternate;

}

@keyframes enlarge{

	0%{

		transform: scale(1);

	}

	100%{

		transform: scale(1.15);

		opacity: 1;

	}

}