.titl{height: 50px;font-size: 30px;color: #fff;font-weight: 900;line-height: 0;
		text-align: center;width: 100%;float: none;}
.banner{width: 100%;height: 450px;background:url(../img/pbg.png) no-repeat;
		overflow: hidden;background-size: 100% 100%;position: relative;}
.banner .word{
	width: 43%;
	height: 300px;
	position: absolute;
	right: 16%;
	top: 50px;
	text-align: right;
	color: #fff;
	font-size: 30px;
	font-weight: 900;
	font-family: "微软雅黑";
	line-height: 60px;
	overflow: hidden;
}

.banner .img1{width: 30%;float: right;}
.banner .img2{width: 100%;}
.banner .word .p1{font-size: 20px;line-height: 20px;
				-webkit-transform: translateX(500px);
				-ms-transform: translateX(500px);
				-moz-transform: translateX(500px);
				transform: translateX(500px);
				-moz-animation: pMove 0.5s 1s forwards;
				-ms-animation: pMove 0.5s 1s forwards;
				-webkit-animation: pMove 0.5s 1s forwards;
				animation: pMove 0.5s 1s forwards;
			}
.banner .word .p2{margin-top: 10px;height: 60px;
				-webkit-transform: translateX(500px);
				-ms-transform: translateX(500px);
				-moz-transform: translateX(500px);
				transform: translateX(500px);
				-webkit-animation: pMove 0.5s 1.5s forwards;
				-moz-animation: pMove 0.5s 1.5s forwards;
				-ms-animation: pMove 0.5s 1.5s forwards;
				animation: pMove 0.5s 1.5s forwards;
				}
.banner .word .p2 span{display:inline-block;
				}
.banner .word .p3{border-bottom: 1px solid #ccc;height: 70px;
				-webkit-transform: translateX(600px);
				-ms-transform: translateX(600px);
				-moz-transform: translateX(600px);
				transform: translateX(600px);
				-webkit-animation: pMove 0.5s 2s forwards;
				-moz-animation: pMove 0.5s 2s forwards;
				-ms-animation: pMove 0.5s 2s forwards;
				animation: pMove 0.5s 2s forwards;
				
				}
.banner .word .p4{
				-webkit-transform: translateX(500px);
				-ms-transform: translateX(500px);
				-moz-transform: translateX(500px);
				transform: translateX(500px);
				-webkit-animation: pMove 0.5s 2.5s forwards;
				-moz-animation: pMove 0.5s 2.5s forwards;
				-ms-animation: pMove 0.5s 2.5s forwards;
				animation: pMove 0.5s 2.5s forwards;
}
@-webkit-keyframes pMove{
	from{-webkit-transform: translateX(500px);}
	to{-webkit-transform: translateX(0);}
}
@-ms-keyframes pMove{
	from{-ms-transform: translateX(500px);}
	to{-ms-transform: translateX(0);}
}
@-moz-keyframes pMove{
	from{-moz-transform: translateX(500px);}
	to{-moz-transform: translateX(0);}
}
@keyframes pMove{
	from{transform: translateX(500px);}
	to{transform: translateX(0);}
}




.section1{width: 80%;margin: 0 auto;padding: 80px 0;min-height: 100px;overflow: hidden;}
.section1 p{text-align: center;}
.section1 .p1{font-size: 40px;color:#efc12d}
.section1 .p1 span{color: #106ab1;font-weight: 900;}
.section1 .p2{font-size: 14px;line-height: 40px;}
.section1 #echart1{width:50%;height: 400px;float: left;margin-top: 40px;}
.section1 #echart2{width:50%;height: 400px;float: left;margin-top: 40px;}
.section1 .p4{color:#ccc;font-size: 14px;line-height: 40px;
							font-style: italic;}
.section1 .p5{color:#000;font-size: 30px;line-height: 100px;
							font-weight: 900;}

.section1 #echart3{width:50%;height: 400px;float: left;margin-top: -60px;}
.section1 .lastData{width: 40%;height: 100%;float: left;
	padding-top: 50px;

}
.section1 .lastData .p6{font-size: 50px;color: #ff6600;font-weight: 900;}
.section1 .lastData .p7{line-height: 50px;}
.section1 .lastData span{display: block;float: left;width: 30%;
						text-align: center;margin-left: 3%;}
.section1 .lastData span a{display:block;background: #00cccb;border-radius: 10px;
					height: 35px;line-height: 35px;color: #fff;}	
.section1 .lastData span p{line-height: 30px;color: #999;}						
.section1 .lastData .div{width: 60%;height: 50px;margin: 30px auto;}
.section1 .lastData .pp{width: 100%;}
.section1 .lastData .p8{font-size: 18px;color: #fff;line-height: 40px;}
.table1{width: 85%;background:url(../img/logoyin.png) center no-repeat #ebebeb;
		background-size: 70%;}
.table1 thead th{background: #106ab1;height: 40px;color: #fff;}
.table1 tr{height: 30px;}
.table1 tr td{border: 1px solid #fff;line-height: 30px;}
.left{text-align: left;padding-left: 20px;}
.section1 #echart4{width:50%;height: 400px;float: left;margin-top: -60px;}
.section1 #echart5{width:50%;height: 400px;float: left;margin-top: -60px;}
.bigg{font-size: 20px;}
.section1 #echart7{width:50%;height: 400px;float: left;margin-top: -60px;}
.section1 #echart8{width:60%;height: 400px;float: left;margin-top: -40px}
.footer3{width: 100%;height: 420px;padding: 0px 0 10px 0;background: url(../img/footerbg.png) no-repeat;
		background-size: 100% 100%;margin-top: 100px;position: relative;overflow: hidden;}
.footer3 p{text-align: center;font-size: 40px;color: #fff;margin-top: 40px;}
.footer3 ul{width: 85%;margin: 50px auto 50px auto;overflow: hidden;}
.footer3 ul li{float: left;width: 19%;text-align: center;color: #fff;}
.footer3 ul li img{display: block;margin-left: 15%;}

.footer3 ul li span{display: block;line-height: 40px;}
.footer3 a{display: block;width: 100%;margin: 0 auto;width: 10%;
			height: 40px;background: #fdcb2c;
			text-align: center;line-height: 40px;color: #fff;
			border-radius: 10px;}
#container{width: 100%;height: 100%;position: absolute;}
#special{position: absolute;left: 45%;}
/*补充*/
.section1 .zhe{width: 70%;margin: 20px auto;display: block;}
#javaEchart{width: 70%;height: 300px;margin: 0 auto;}

#char{
	background: url(../img/bg4.png) no-repeat;
	background-size:100% 100%;min-height: 100px;
	overflow: hidden;
	padding: 50px;
}
/*广告*/
.gg{width: 100%;height: 100%;background:rgba(0,0,0,0.5);
	position: fixed;left: 0;top: 0;z-index: 1000;display: none;}
.gg .big{width: 600px;height: 300px;position: absolute;margin: 0 auto;
		left: 0;top: 200px;bottom: 0;right: 0;}
.gg a{position:absolute;width: 200px;height:100px;background: url(../img/liaojie.png) no-repeat;
	background-size: 100%;height: 100%;margin: 0 auto;
		left: 0;top: 430px;bottom: 0;right: 0;cursor: pointer;}
.gg .closeBtn{width: 30px;height: 30px;position: absolute;right: 25%;top: 200px;
		cursor: pointer;}
		
		
		
section{
	min-height: 100px;
	background: #165d95;
	color: #fff;
	font-size: 18px;;
}
section .sec{
	width: 80%;
	min-height: 100px;
	
	margin: 0 auto;
	display: flex;
	padding: 20px 0;
}
section  h2{
	text-align: center;
	padding: 20px 0;
	
}
section .sec >ul{
	flex: 1;

}
section .sec >ul li{
	height: 50px;
	line-height: 50px;
	text-align: center;
}
section .sec >ul .on{
	background: #186cac;
}
section .sec > div{
	flex: 3;
	background: #186cac;
	
}
section .sec > div > div{
	height: 30px;
	line-height: 40px;
	padding-left: 20px;
	
}