.banner{width:100%;height: 450px;background: url(../img/bannerBg.png) no-repeat;
	background-size: cover;text-align: center;position: relative;}
.banner .img1{width: 35%;padding-top: 50px;}
.banner .img2{width: 20%;position: absolute;left: 41%;top: 55px;
	-webkit-animation: img2 1.5s alternate infinite;
	animation: img2 1.5s alternate infinite;
	}
@-webkit-keyframes img2{
	from{opacity: 0.5;-webkit-transform: rotate(5deg);}
	to{opacity: 1;-webkit-transform: rotate(0deg);}
}
@-moz-keyframes img2{
	from{opacity: 0.5;-moz-transform: rotate(5deg);}
	to{opacity: 1;-moz-transform: rotate(0deg);}
}
@-ms-keyframes img2{
	from{opacity: 0.5;-ms-transform: rotate(5deg);}
	to{opacity: 1;-ms-transform: rotate(0deg);}
}
@keyframes img2{
	from{opacity: 0.5;transform: rotate(5deg);}
	to{opacity: 1;transform: rotate(0deg);}
}
.wordList{width: 30%;height: 40px;margin: 30px auto 10px auto;}
.wordList img{width:6%;
			-webkit-transform: translateY(-50px);
			-ms-transform: translateY(-50px);
			-moz-transform: translateY(-50px);
			transform: translateY(-50px);
			opacity: 0;}
.wordList img:nth-of-type(1){-webkit-animation: ball 0.3s forwards;animation: ball 0.3s forwards;}
.wordList img:nth-of-type(2){-webkit-animation: ball 0.3s 0.1s forwards;animation: ball 0.3s 0.1s forwards;}
.wordList img:nth-of-type(3){-webkit-animation: ball 0.3s 0.3s forwards;animation: ball 0.3s 0.3s forwards;}
.wordList img:nth-of-type(4){-webkit-animation: ball 0.3s 0.5s forwards;animation: ball 0.3s 0.5s forwards;}
.wordList img:nth-of-type(5){-webkit-animation: ball 0.3s 0.7s forwards;animation: ball 0.3s 0.7s forwards;}
.wordList img:nth-of-type(6){-webkit-animation: ball 0.3s 0.9s forwards;animation: ball 0.3s 0.9s forwards;}
.wordList img:nth-of-type(7){-webkit-animation: ball 0.3s 1.1s forwards;animation: ball 0.3s 1.1s forwards;}
.wordList img:nth-of-type(8){-webkit-animation: ball 0.3s 1.3s forwards;animation: ball 0.3s 1.3s forwards;}
.wordList img:nth-of-type(9){-webkit-animation: ball 0.3s 1.5s forwards;animation: ball 0.3s 1.5s forwards;}
.wordList img:nth-of-type(10){-webkit-animation: ball 0.3s 1.7s forwards;animation: ball 0.3s 1.7s forwards;}
@-webkit-keyframes ball{
	from{-webkit-transform: translateY(-50px);opacity: 0;}
	to{-webkit-transform: translateY(0px);opacity: 1;}
}
@-moz-keyframes ball{
	from{-moz-transform: translateY(-50px);opacity: 0;}
	to{-moz-transform: translateY(0px);opacity: 1;}
}
@-ms-keyframes ball{
	from{-ms-transform: translateY(-50px);opacity: 0;}
	to{-ms-transform: translateY(0px);opacity: 1;}
}
@keyframes ball{
	from{transform: translateY(-50px);opacity: 0;}
	to{transform: translateY(0px);opacity: 1;}
}
.banner p{font-size: 12px;color: #fff;}
.en{width: 40%;border-bottom: 1px solid #000;margin: 20px auto;height: 50px;}
.en img{
	-webkit-animation: en 1s forwards;
	animation: en 1s forwards;
	width: 0;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	transform-origin: 0 0;}
@-webkit-keyframes en{
	from{width: 0;}
	to{width: 449px;}
}
@-moz-keyframes en{
	from{width: 0;}
	to{width: 449px;}
}
@-ms-keyframes en{
	from{width: 0;}
	to{width: 449px;}
}
@keyframes en{
	from{width: 0;}
	to{width: 449px;}
}








.section1{width: 75%;min-height: 100px;padding:50px;
			margin: 0 auto;overflow: hidden;text-align: center;}
.p1 span{font-size: 30px;color: #fdcb2c;}
.p1 span b{color:#106ab1 ;}

.se1{width: 100%;height: 450px;margin-top: 50px;}
.se1 .box1{width: 25%;height: 450px;float: left;position: relative;overflow: hidden;}
.se1 .inner{width: 50%;height: 450px;float: left;}
.se1 img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: none;}
.se1 .inner .inner1{width: 100%;height: 50%;}
.se1 .inner .inner1 .box2{width: 60%;height: 100%;float: left;overflow: hidden;position: relative;}
.se1 .inner .inner1 .box3{width: 40%;height: 100%;float: left;overflow: hidden;position: relative;}
.se1 .inner .inner1 .box4{width: 40%;height: 100%;float: left;overflow: hidden;position: relative;}
.se1 .inner .inner1 .box5{width: 60%;height: 100%;float: left;overflow: hidden;position: relative;}
.se1 .box6{width: 25%;height: 450px;float: left;overflow: hidden;position: relative;}
.se2{width: 100%;min-height: 100px;overflow: hidden;margin-top: 30px;}
.se2{background: url(../img/bg2.png) no-repeat;background-size: 100% 100%;padding:10px 3% 30px;width: 94%;}
.se2 li{width:24%;float: left;margin:20px 0.5% 0 0.5%;text-align: center;background: #f7f7f7;
	height: 250px;padding-top: 10px;position: relative;overflow: hidden;}
.se2 li img{width: 90%;height: 183px;}
.se2 li .p{line-height: 50px;height:67px;position: absolute;left: 0px;top: 193px;text-align: center;width: 100%;
	overflow: hidden;}
.se2 li .p p{position: absolute;z-index: 100;text-align: center;width: 100%;}
.se2 li .p:hover{color: #fff;}
.se3{width: 75%;margin: 0 auto;height: 1640px;overflow: hidden;background: url(../img/bg2.png) no-repeat;
	background-size: 100% 100%;padding: 20px 30px 20px 20px;}
.se3 .a{position: relative;}
.se3 img{width:240px;margin:20px 0.5% 0 0.5%;position: absolute;border: 1px solid #33383e;}
.se3 img:hover{border: 1px solid #F5AA2A;}
.hide{width:100%;height:67px;
	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;}