/* CSS Document */
* { margin: 0; padding: 0;}
body{
    min-width:600px;
    font-size:1rem;
    font-family: yuanti,"Microsoft YaHei", SimHei, Verdana, Arial, sans-serif;
}
.clear{ clear:both;}
.inner {width:650px; margin: 0 auto;}
.logo-1{width:18%; margin-left:8%;}
.pagescroll-hd { position: fixed; 
top:0px; 
left:0px; 
z-index: 1000; 
width: 100%; 
height: 64px;}
.pagescroll-hd h1 a { display: block; 
width: 220px; 
height: 30px; 
text-indent: -9999px; }
.pagescroll-hd .nav {
	float: right; 
	list-style-type: none;}
.pagescroll-hd .nav li {
	float: left; 
	margin-left: 5px;}
.pagescroll-hd .nav a { 
float: left; 
position:relative;
right:100px; 
padding: 0 10px; 
margin-top:50%; 
margin-right:30px; 
line-height: 30px; 
color: #fff; 
text-decoration: none;}
.pagescroll-hd .nav a:hover {
	background:#1e2432;
	opacity:0.3;
	border-radius:10px;}
.pagescroll-hd .nav a:visited {
	background:#1e2432;
	opacity:0.3;
	border-radius:10px;}

#pagescroll {width:100%;}
#pagescroll .inner {
	width:100%; 
	overflow:hidden;}
#pagescroll .section1 .war,
#pagescroll .section2 .war,
#pagescroll .section3 .war,
#pagescroll .section4 .war,
#pagescroll .section5 .war,
#pagescroll .section6 .war,
#pagescroll .section7 .war  {  height: 100%;}
.tab{display:table; width:600px; position:absolute; left:50%; margin-left:-325px; top:50%; opacity:0}
.tab span{font-size: 1.2em}
.tab li{display:table-cell; width:1%; text-align:center; font-size:20px;}
.tab li img{display:block; width:80%; margin:20px auto;}
.bo_4{display:table; width:100%; font-size:18px; position:absolute; top:15%; left:50%; margin-left:-50%; text-align:center; z-index:1; opacity:0}
.bo_4 img{display:block; margin:15px auto; }
.bo_4 .lab{width: 78%;margin: auto;font-size: 1.2em}
.con_text p{text-align:justify;}
.bo7_center img{width:8%;}
.tcopyright {width:100%; z-index:99; position:absolute; bottom:0; margin:0 auto; padding:8px 0; font-size:12px; line-height:20px; color:#fff; text-align:center; overflow:hidden; clear:both;}
.tcopyright a{color:#fff; text-decoration: none;} 
.tcopyright a:hover{color:#bd0a01;text-decoration: underline;}
	<!--section1-->
.bo_1{position:relative; height:100%}
.bo_1 .bo1{width:100%;position:absolute; top:30%; left:50%; margin-left:-25%;}
.bo_1 .bo1 .bo1_img2{width:11%; position:relative;top:-70px;}
.bo_1 .bo1 .bo1_img1{width:30%;}
.bo_1 .bo1 .bo1_img3{width:11%; position:relative; left:-20px;top:70px;}

.big_lab{width:100%;position:absolute; left:50%; top:60%; margin-left:-25%;}
.big_lab .bo1_img4{margin-top:100px;width:50%; position:absolute;}
.bo1_star .bo1_img5{width:20%; position:absolute; top:0; left:0;}
.bo1_star .bo1_img6{width:20%; position:absolute; top:0; left:60%;}
.bo1_star .bo1_img7{width:10%; position:absolute; top:0; right:0;}
.bo1_star .bo1_img8{width:20%; position:absolute; bottom:0; right:0;}

	<!--section2-->

.bo2 .bo_2 .bo2_img1{width:9%; position:absolute; left:5%;}
.bo2 .bo_2 .bo2_img2{width:9%; position:absolute; left:20%; top:100px;}
.bo2 .bo_2 .bo2_img3{width:8%; position:absolute; left:25%;}
.bo2 .bo_2 .bo2_img4{width:12%; position:absolute; right:22%; top:100px;}
.bo2 .bo_2 .bo2_img5{width:10%; position:absolute; right:10%;}

.bo_3{position:relative; top:50%; opacity:0}
.bo_3 .bo3_img1{width:50%; position:absolute; left:13%;}
.bo_3 .bo3_img2{width:2%; position:absolute; top:7px; left:29%;}

.bo_3 .con_text{width:20%; font-size:1.5em; position:absolute; right:15%; opacity:0}
.bo_3 .con_text .bo3_img3{width:80%; margin:20px auto;}

<!--section4-->
.bo5{position:relative; z-index:99; height:100%;}
.bo5 .bo_5{width:100%; position:absolute; top:20%;opacity:0}
.bo5 .bo_5 .bo5_img1{width:25%; position:absolute; left:0;}
.bo5 .bo_5 .bo5_img2{width:25%; position:absolute; left:50%; margin-left:-10%}
.bo5 .bo_5 .bo5_img3{width:30%; position:absolute; right:0;}
.bo5 .bo5_center{width:100%; position:absolute; top:50%; left:50%; margin-left:-25%;opacity:0}
.bo5 .bo5_center .bo5_img4{width:18%;}
.bo5 .bo5_center .bo5_img5{width:20%; position:relative; left:130px;}
.bo5 .bo5_bottom{width:100%; position:relative; height:100%;opacity:0}
.bo5 .bo5_bottom .bo5_img6{width:15%; position:absolute; bottom:5%; right:55%;}
.bo5 .bo5_bottom .bo5_img7{width:55%; position:absolute; bottom:0; right:0px;}

<!--section5-->
.bo_6{position:relative; height:100%;opacity:0;}
.bo_6 .bo6_top img{width:20%;position:absolute; top:15%; left:50%; margin-left:-10%;}
.bo_6 .bo6_center{position:relative;top:25%}
.tab_1{display:table; width:600px; margin:10px auto;opacity:0}
.tab_1 li{display:table-cell;width:1%;text-align:center;}
.tab_1 li img{display:block;width:50%;margin:auto;}
.bo6_center .pic2{width:45%}
.bo6_center .pic2{width:42%}
.bo6_center .pic3{width:70%}
.bo6_center .pic4{width:45%}
.bo6_center .pic5{width:30%}
.bo6_center .pic6{width:60%}
.bo6_center .pic7{width:65%}
.bo6_center .pic8{width:65%}
.bo6_center .pic9{width:65%}
.bo6_center .pic10{width:65%}
.bo6_bottom{width:70%;margin:auto;position:relative;top:30%;font-size:1.5em; text-align:justify;opacity:0}

<!--section6-->
.bo_7{position:relative; height:100%}
.bo_7 .bo7_left{width:100%;position:absolute; left:15%; bottom:0;opacity:0}
.bo_7 .bo7_left .bo7_img1{width:8%; position:absolute; left:-5%; bottom:75%;}
.bo_7 .bo7_left .bo7_img2{width:10%; position:absolute; left:4%; top:-22%;z-index:99;}
.bo_7 .bo7_left .bo7_img3{width:50%; position:absolute; bottom:40%;}
.bo_7 .bo7_left .bo7_img4{width:35%; position:relative; left:-2%;}
.bo_7 .bo7_center{width:100%;height:100%;position:absolute; top:-90%; left:50%;}
.bo_7 .bo7_center .bo7_img5{position:absolute; top:10%;}
.bo_7 .bo7_center .bo7_img6{position:absolute; top:18%; left:10%; width:8%;}
.bo_7 .bo7_center .bo7_img7{position:absolute; top:33%; left:2%;}
.bo_7 .bo7_center .bo7_img8{position:absolute; top:36%; left:15%;}
.bo_7 .bo7_center .bo7_img9{position:absolute; top:40%; left:-8%;}
.bo_7 .bo7_center .bo7_img10{position:absolute; top:55%; left:3%;}
.bo_7 .bo7_center .bo7_img11{position:absolute; top:55%; left:15%; width:7%;}
.bo_7 .bo7_right{width:100%; position:absolute; left:70%; top:50%; font-size:2em; text-align:justify;opacity:0}
.bo_7 .bo7_right .bo7_img12{width:22%; margin-bottom:20px;}
.bo_7 .bo7_right p{width:22%;}
<!--section7-->
.bo_8{position:relative;height:100%}
.bo8_star{position:absolute; left:100%}
.bo8_star .bo8_img1{width:120px}
.bo8_left{width:100%; height:100%; position:absolute; top:30%; left:10%;opacity:0}
.bo8_left .bo8_img2{width:16%}
.bo8_left .bo8_img3{width:45%; position:absolute; left:18%}
.bo8_left .bo8_img4{width:1%; position:absolute; top:55%}
.bo8_right{width:100%; position:relative; height:100%;opacity:0}
.bo8_right .bo8_img5{width:50%; position:absolute; right:0; bottom:0; z-index:-1}
.bo8_center{width:100%; height:100%; position:absolute; top:50%; left:50%;opacity:0}
.bo8_center .bo8_img6{width:15%; position:absolute; left:50px; top:-30%}
.bo8_center .bo8_img7{width:12%; position:absolute; margin-left:-40px; top:7%}