
.banner{width: 100%;min-height: 450px;background: #75bee0;}
.banner .slide img{position: absolute;}
.banner .slide .yun1{top: -50px;width: 100%;left: 5%;
				-webkit-animation: yun 8s linear infinite;
					animation: yun 8s linear infinite;}
.banner .slide .yun2{bottom: -50px;width: 100%;}
.banner .slide .yun3{top: 100px;width: 30%;right: 10%;}
.banner .slide .fly{top: 150px;width: 60%;}
.banner .slide .phone{top: 140px;width: 40%;left: 8%;}
.banner .slide .img{top: 130px;width: 23%;left: 15%;}
@-moz-keyframes yun{
	0%{-moz-transform: translateX(-50px);}
	50%{-moz-transform: translateX(80px);}
	100%{-moz-transform: translateX(-50px);}
}
@-ms-keyframes yun{
	0%{-ms-transform: translateX(-50px);}
	50%{-ms-transform: translateX(80px);}
	100%{-ms-transform: translateX(-50px);}
}
@-o-keyframes yun{
	0%{-o-transform: translateX(-50px);}
	50%{-o-transform: translateX(80px);}
	100%{-o-transform: translateX(-50px);}
}
@-webkit-keyframes yun{
	0%{-webkit-transform: translateX(-50px);}
	50%{-webkit-transform: translateX(80px);}
	100%{-webkit-transform: translateX(-50px);}
}
.section1{width: 75%;min-height: 200px;padding:50px;
			margin: 0 auto;overflow: hidden;text-align: center;}
.p1{color: #999;font-size: 16px;}
.p1 span{font-size: 40px;color: #fdcb2c;}
.p1 span b{color:#106ab1 ;}
.section1 ul{/*min-width: 1000px;*/margin-top: 20px;background: url(../img/bg2.png) no-repeat;
			min-height: 100px;overflow: hidden;background-size: 100% 100%;
			padding: 30px 4% 30px 2%;}
.section1 ul li{width: 23%;height: 300px;background:#f7f7f7;float: left;
				margin-left: 2%;margin-top:30px;overflow: hidden;position: relative;}
.section1 ul li img{width: 100%;-webkit-transition: all 1s;transition: all 1s;}
.imgg{height: 96px;overflow: hidden;position: relative;}
.section1 .hide{width:100%;height:95px;
				background-color:rgba(0,0,0,0.5);
				position: absolute;left:-100%;bottom:0;
				z-index:10;font-size:20px;color:#000;
				line-height:145px;font-weight:900;}
.section1 ul li:hover img{-webkit-transform: scale(1.2);transform: scale(1.2);}
.section1 .wordd{position: absolute;width: 100%;height: 100%;z-index: 100;}
.section1 ul li .p2{color: #666;text-align: center;
				line-height: 50px;font-weight: 900;}
ul .imgg:hover .p2{color: #fff;}
ul .imgg:hover .p3{color: #fff;}
ul .imgg:hover .p3 a{color: #fff;}
.section1 ul li .p3{margin-top: 10px;}
.section1 ul li .p3 span{float: left;display: block;margin-left: 10px;}
.section1 ul li .p3 a{display: block;float: right;
					background: url(../img/aaaaa.png) left 2px no-repeat;
					padding-left: 30px;color: #999;
					margin-right: 10px;}
.section1 ul .li{height: 300px;}
.section1 ul li .p4{text-align: left;line-height: 40px;padding-left: 10px;}
.section1 ul li .p5 span{float: left;padding-left: 10px;display: block;}
.section1 ul li .p5 a{float: right;padding-right: 10px;text-decoration: underline;
					display: block;}


.section2{width: 75%;min-height: 100px;overflow: hidden;
			margin: 100px auto 0 auto;text-align: center;}
.section3{width: 75%;min-height: 100px;overflow: hidden;margin: 0 auto;
			padding: 40px 0; background:url(../img/bg3.png) no-repeat;background-size:100% 100%;margin-bottom: 100px;}

.section3 ul li{float: left;width: 13%;margin-left: 6%;
			height: 150px;text-align: center;line-height: 30px;}
.section3 ul li img{width: 100%;display: block;-webkit-transition: all 1s;transition: all 1s;}
#section3  ul li img:hover{-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
				transform: rotate(360deg);}
				
.section4{
		width: 75%;
		height: 200px;
		background: url(../img/bg3.png) no-repeat;
		background-size: 100% 100%;
		margin: 50px auto;
}
.section4 ul{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 200px;
	
}
.section4 ul li{
	background-color: rgba(100,150,200,0.3);
	width: 150px;
	text-align: center;
	color: #fff;
	border-radius: 5px;
	padding: 20px 0;
	
}
/*视频*/
.banner1{width: 100%;min-height: 480px;background: #bfdb39;}
.banner1 .slide{width: 100%;height: 420px;background: #0076ca;position: relative;overflow: hidden;}
.banner1 .slide img{position: absolute;}
.banner1 .slide .yunL{width: 50%;bottom: 0;}
.banner1 .slide .yunR{width: 50%;bottom: 0;right: 0;}
.banner1 .slide .yunS{width: 6%;top: 160px;left: 30%;}
.banner1 .slide .yunB{width: 10%;top: 100px;right: 20%;}

.banner1 .slide .jiao{width: 45%;top: 30px;left: 28%;}
.banner1 .slide .fengzheng{width: 8%;top: 150px;left: 16%;}
.banner1 .slide .wen1{width: 35%;top: 90px;left: 34%;opacity: 0;}
.banner1 .slide .huang{position: absolute;width: 35%;height: 55px;
					background: #ffff00;
					bottom: 70px;left: 34%;
				}
.banner1 .slide .wen2{width: 30%;bottom: 85px;left: 36%;opacity: 0;}

#ke1 .li1{
		-webkit-transform: translateX(-220%);
		-moz-transform: translateX(-220%);
		-ms-transform: translateX(-220%);
		transform: translateX(-220%);
		-webkit-transition: all 1s;
		-ms-transition: all 1s;
		-moz-transition: all 1s;
		transition: all 1s;}
#ke1 .li2{
	-moz-transform: translateX(220%);
	-ms-transform: translateX(220%);
	-webkit-transform: translateX(220%);
	transform: translateX(220%);
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-webkit-transition: all 1s;
	transition: all 1s;}
#ke2 .li{
	-moz-transform: translateY(-130%);
	-ms-transform: translateY(-130%);
	-webkit-transform: translateY(-130%);
	transform: translateY(-120%);
	-ms-transition: all 1s;
	-moz-transition: all 1s;
	-webkit-transition: all 1s;
	transition: all 1s;}
#ke2 ul{min-height: 20px;overflow: hidden;}
#ke3 .li{
	-webkit-transform: translateY(130%);
	-moz-transform: translateY(130%);-webkit-transform: translateY(130%);
	-ms-transform: translateY(130%);-webkit-transform: translateY(130%);
	-o-transform: translateY(130%);-webkit-transform: translateY(130%);
	transform: translateY(130%);
	-webkit-transition: all 1s;
	-ms-transition: all 1s;
	-moz-transition: all 1s;
	transition: all 1s;}
#ke4 .li{
	-moz-transform: translateX(-500%);
	-ms-transform: translateX(-500%);
	-o-transform: translateX(-500%);
	-webkit-transform: translateX(-500%);
	transform: translateX(-500%);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;}


/*.se1 ul li img{-webkit-transition: all 1s;transition: all 1s;}
.se1 ul li:hover img{-webkit-transform: scale(1.2);transform: scale(1.2);}*/

#addSe li{margin:0 5%}
#addSe li:hover{
	-webkit-animation: addSe 0.5s alternate;
-moz-animation: addSe 0.5s alternate;
-ms-animation: addSe 0.5s alternate;
animation: addSe 0.5s alternate;
}
@-webkit-keyframes addSe{
	from{-webkit-transform: scale(1);}
	to{-webkit-transform: scale(1.2);}
}
@-moz-keyframes addSe{
	from{-moz-transform: scale(1);}
	to{-moz-transform: scale(1.2);}
}
@-ms-keyframes addSe{
	from{-ms-transform: scale(1);}
	to{-ms-transform: scale(1.2);}
}
@keyframes addSe{
	from{transform: scale(1);}
	to{transform: scale(1.2);}
}
