.about10 {
	      width:100%;
		  padding:50px 0;
}
.about10 p {
	        font-size:32px;
			font-weight:bold;
			text-align:center;
}
.about10 li {
	         width:310px;
			 height:290px;
			 border:1px solid #ccc;
			 float:left;
			 margin-top:50px;
			 margin-left:15px;
}
.about10 li:nth-of-type(4n+1) {
	                           margin-left:0;
}
.about10 li:nth-of-type(n+5) {
	                          margin-top:20px;
}
.about10 li img {
	             width:310px;
				 height:200px;
}
.about10 li font {
	              height:90px;
				  line-height:35px;
				  width:290px;
				  margin:10px auto;
				  font-size:17px;
				  display:block;
}
.about9 {
	     width:100%;
		 padding:50px 0;
}
.about9 p:nth-of-type(1) {
	                      font-size:32px;
						  font-weight:bold;
						  text-align:center;
}
.about9 p:nth-of-type(2) {
	                      font-size:21px;
						  text-align:center;
						  margin-top:20px;
}
.about9 img {
	         width:170px;
			 float:left;
			 margin-left:100px;
			 margin-top:50px;
}
.about9 img:nth-of-type(1) {
	                        margin-left:30px;
}
.page {
	   height:25px;
	   line-height:25px;
	   display:table;
	   margin:20px auto;	   
}
.page a {
	     float:left;
	     margin-right:10px;
		 width:25px;
		 height:25px;
		 line-height:25px;
		 text-align:center;
		 display:table-cell;
		 border-left:2px solid #0c88ec;
		 border-top:1px solid #0c88ec;
		 border-right:1px solid #0c88ec;
		 border-bottom:1px solid #0c88ec;
		 color:#0c88ec;
}
.page a:hover {
	           color:white;
			   background-color:#0c88ec;
}
.about7 {
	     width:100%;
		 padding:50px 0;
		 background-color:#f6f7f8;
}
.about7 p {
	       color:#000100;
		   font-size:27px;
		   text-align:center;
}
.about7 li {
	        float:left;
			width:400px;
			height:320px;
			border:1px solid #ccc;
			margin-left:40px;
			margin-top:50px;
}
.about7 li:nth-of-type(3n+1) {
	                          margin-left:10px;
}
.about7 li:nth-of-type(n+4) {
	                         margin-top:10px;
}
.about7 li img {
	            width:400px;
				height:270px;
}
.about7 li font {
	             width:100%;
				 height:50px;
				 line-height:50px;
				 display:block;
				 text-align:center;
}
.about8 {
	     width:100%;
		 padding:70px 0;
		 background:url(../images2/background3.jpg) no-repeat center top;
		 background-size:100% 100%;
		 margin-top:600px;
}
.about8 p:nth-of-type(1) {
	                      font-size:28px;
						  text-align:center;
						  font-weight:bold;
						  color:white;
}
.about8 p:nth-of-type(2) {
	                      font-size:28px;
						  text-align:center;
						  font-weight:bold;
						  color:white;
						  margin-top:20px;
}
.f6 {
	 width:100%;
	 height:250px;
	 background-color:#0c88ec;
	 position:relative;
}
.f5 {
	 width:100%;
	 text-align:center;
	 height:150px;
	 line-height:150px;
	 font-size:32px;
}
.f6 li {
	    float:left;
		border-radius:20px;
		height:40px;
		line-height:40px;
		text-align:center;
		color:white;
		margin-top:80px;
		font-size:20px;
		border:1px solid #0c88ec;
		margin-left:10px;
}
.f6 li:hover {
	          border:1px solid white;
}
.f6 li:nth-of-type(-n+3) {
	                      width:130px;
}
.f6 li:nth-of-type(4) {
	                   width:150px;
}
.f6 li:nth-of-type(5) {
	                   width:150px;
}
.f6 li:nth-of-type(6) {
	                   width:200px;
}
.f6 li:nth-of-type(7) {
	                   width:150px;
}
.f6 li:nth-of-type(8) {
	                   width:160px;
}
.f6 img {
	     position:absolute;
		 width:1000px;
		 top:180px;
		 left:50%;
		 margin-left:-500px;
		 display:block;
}
.f4 {
	 width:100%;
	 padding:50px 0;
}
.f4 p {
	   text-align:center;
	   font-size:32px;
}
.f4 li {
	    float:left;
		width:370px;
		height:290px;
		border:1px solid #0c88ec;
		border-radius:10px;
		margin-top:100px;
		margin-left:60px;
		position:relative;
}
.f4 li:nth-of-type(1) {
	                   margin-left:20px;
}
.f4 li img {
	        position:absolute;
			width:90px;
			height:90px;
			top:-45px;
			left:140px;
}
.f4_1 {
	   text-align:center;
	   font-size:22px;
	   font-weight:bold;
	   color:#0c88ec;
	   margin-top:70px;
}
.f4_2 {
	   text-align:center;
	   font-size:18px;
	   margin-top:5px;
}
.f4_3 {
	   text-align:center;
	   width:260px;
	   line-height:1.5;
	   font-size:16px;
	   margin:30px auto 0 auto;
}
.about4 {
	     width:100%;
		 background:url(../images2/background2.jpg) no-repeat center top;
		 background-size:100% 100%;
		 padding:100px 0;
}
.about4 p {
	       color:white;
		   text-align:center;
		   font-weight:bold;
		   font-size:32px;
}
.about4 font {
	          display:block;
			  text-align:center;
			  margin-top:50px;
			  color:white;
			  font-size:16px;
			  line-height:2;
}
.f3 {
	 width:100%;
	 padding:50px 0;
}
.f3 li {
	    float:left;
		width:160px;
		height:160px;
		margin-left:100px;
}
.f3 li:nth-of-type(2) {
	                   width:200px;
}
.f3 li:nth-of-type(4) {
	                   width:260px;
}
.f3 li img {
	        width:160px;
			height:110px;
}
.f3 li:nth-of-type(2) img {
	                       margin-left:20px;
}
.f3 li:nth-of-type(4) img {
	                       margin-left:50px;
}
.f3 li font {
	         display:block;
			 width:100%;
			 height:50px;
			 line-height:50px;
			 text-align:center;
			 font-size:16px;
}
.f3 span { 
          display:block;
		  text-align:center;
		  line-height:2;
		  font-size:16px;
		  width:1200px;
		  margin:50px auto;
}
.f3 p {
	   text-align:center;
	   font-size:32px;
}
.about2 {
	     width:100%;
		 position:relative;
		 margin-top:400px;
}
.about2 img {
	         width:100%;
			 z-index:1;
}
.about2 p {
	       z-index:2;
		   color:white;
		   text-align:center;
		   font-size:21px;
		   position:absolute;
		   top:50px;
		   width:100%;
		   font-weight:bold;
}
.f2 {
	 width:100%;
	 position:relative;
}
.f2 img:nth-of-type(1) {
	                    width:100%;
		                z-index:1;
}
.f2 img:nth-of-type(2) {
	                    z-index:2;
						width:600px;
						height:480px;
						left:50%;
						margin-left:-300px;
						top:450px;
						display:block;
						position:absolute;
}
.f2 p {
	   text-align:center;
	   color:white;
	   font-size:22px;
	   position:absolute;
	   top:300px;
	   font-weight:bold;
	   width:300px;
	   left:50%;
	   margin-left:-150px;
	   z-index:2;
}
.f2 font {
	      display:block;
		  text-align:center;
		  width:700px;
		  font-size:18px;
		  position:absolute;
		  top:350px;
		  left:50%;
		  margin-left:-350px;
		  color:white;
		  z-index:2;
}
.f {
	width:100%;
	padding:50px 0 200px 0;
	position:relative;
}
.f img {
	    position:absolute;
		right:50px;
		top:100px;
		width:400px;
}
.f p {
	  font-size:22px;
	  width:670px;
	  padding-left:30px;
	  margin-top:120px;
}
.f span {
	     display:block;
		 margin-top:70px;
		 line-height:2;
		 font-size:18px;
		 width:670px;
		 padding-left:30px;
}
.banner {
	     width:100%;
		 position:relative;
}
.banner>img {
	         width:100%;
			 z-index:1;
}
.top {
	  position:absolute;
	  width:100%;
	  height:90px;
	  top:0;
	  left:0;
	  z-index:2;
}
.top img {
	      float:left;
		  width:223px;
		  height:61px;
		  cursor:pointer;
		  margin-top:10px;
		  margin-left:20px;
}
.navigation {
	         float:left;
			 width:1010px;
			 height:90px;
}
.navigation a {
	           float:left;
			   display:block;
			   width:70px;
			   height:50px;
			   margin-top:20px;
			   line-height:50px;
			   font-size:16px;
			   color:white;
			   text-align:center;
			   margin-left:35px;
}
.navigation a:nth-of-type(1) {
	                          margin-left:0;
}
.navigation a:nth-of-type(5),.navigation a:nth-of-type(7) {
	                                                       width:90px;
}
.navigation a:hover {
	                 border-bottom:1px solid #ffb400;
					 color:#ffb400;
}