@CHARSET "ISO-8859-1";

#box_sub1{width:100%; position:fixed; height:94px; left:0px; top:0px; z-index:999; background:url(top_bg.png) 0 0 repeat-x;}
#box_sub1_sub1{width:217px; height:69px; float:left; padding:15px 0px 0px 20px;}
#box_sub1_sub2{width:793px; height:94px; float:right;}
#box_sun2_left{width:50%; float:left; background:url(left_bg.jpg) 0 0 no-repeat; background-size: cover; height:100%; overflow:hidden; position:relative; top:0px; left:0px;}
#box_sun2_right{width:50%; float:right;background:url(right_bg.jpg) 0 0 no-repeat; background-size: cover; height:100%;overflow:hidden; position:relative; top:0px; right:0px;}
#box_news{width:790px; margin:1000px auto 0px auto;transition:all 2s ease 0s; -o-transition:all 2s ease 0s;-moz-transition:all 2s ease 0s;-webkit-transition:all 2s ease 0s;}
.active #box_news{width:790px; margin:0px auto 0px auto; transition:all 2s ease 0s; -o-transition:all 2s ease 0s;-moz-transition:all 2s ease 0s;-webkit-transition:all 2s ease 0s;}
#box_sub4{width:1000px; margin:0 auto; height:450px; padding-top:1000px; transition:all 2s ease 0s; -o-transition:all 2s ease 0s;-moz-transition:all 2s ease 0s;-webkit-transition:all 2s ease 0s;}
.active #box_sub4{ padding:0px;transition:all 2s ease 0s; -o-transition:all 2s ease 0s;-moz-transition:all 2s ease 0s;-webkit-transition:all 2s ease 0s;}
#box_sub4_left{float:left; width:460px; padding:20px;background:url(bg40.png) 0 0 repeat;height:450px;}
#box_sub4_right{float:right; width:460px;padding:20px;background:url(bg60.png) 0 0 repeat;height:450px;}
#box_copyright{ width:100%; background:url(copyright_bg.jpg) 0 0 repeat-x;height:158px; position:fixed; left:0px; bottom:-143px; z-index:998;}
#box_copyright_sub1{width:1000px; margin:0 auto; padding-top:20px;}
#box_copyright_sub1_sub1{width:230px; float:left;}
#box_copyright_sub1_sub2{margin-left:54px; width:440px; float:left; padding-top:20px;}
#box_copyright_sub1_sub3{float:right; width:152px;}





/*  开始*/


 #one{width:790px; margin:1000px auto 0px auto;transition:all 2s ease 0s; -o-transition:all 2s ease 0s;-moz-transition:all 2s ease 0s;-webkit-transition:all 2s ease 0s;}
.active #one{width:790px; margin:0px auto 0px auto; transition:all 2s ease 0s; -o-transition:all 2s ease 0s;-moz-transition:all 2s ease 0s;-webkit-transition:all 2s ease 0s;}

#one1{margin:0 0 100px;}
	




#two{width:790px; margin:1000px auto 0px auto;transition:all 2s ease 0s; -o-transition:all 2s ease 0s;-moz-transition:all 2s ease 0s;-webkit-transition:all 2s ease 0s;}
.active #two{width:1000px; margin:140px auto 140px auto; transition:all 2s ease 0s; -o-transition:all 2s ease 0s;-moz-transition:all 2s ease 0s;-webkit-transition:all 2s ease 0s;}


#three{width:1430px; margin:1000px auto 0px auto;transition:all 2s ease 0s; -o-transition:all 2s ease 0s;-moz-transition:all 2s ease 0s;-webkit-transition:all 2s ease 0s;}
.active #three{width:1430px; margin:140px auto 140px auto; transition:all 2s ease 0s; -o-transition:all 2s ease 0s;-moz-transition:all 2s ease 0s;-webkit-transition:all 2s ease 0s;}

#four{width:1430px; margin:1000px auto 0px auto;transition:all 2s ease 0s; -o-transition:all 2s ease 0s;-moz-transition:all 2s ease 0s;-webkit-transition:all 2s ease 0s;}
.active #four{width:1430px; margin:-70px auto -70px auto; transition:all 2s ease 0s; -o-transition:all 2s ease 0s;-moz-transition:all 2s ease 0s;-webkit-transition:all 2s ease 0s;}

#five{width:1430px; margin:1000px auto 0px auto;transition:all 2s ease 0s; -o-transition:all 2s ease 0s;-moz-transition:all 2s ease 0s;-webkit-transition:all 2s ease 0s;}
.active #five{width:1430px; margin:-70px auto -70px auto; transition:all 2s ease 0s; -o-transition:all 2s ease 0s;-moz-transition:all 2s ease 0s;-webkit-transition:all 2s ease 0s;}

#six{width:1430px; margin:1000px auto 0px auto;transition:all 2s ease 0s; -o-transition:all 2s ease 0s;-moz-transition:all 2s ease 0s;-webkit-transition:all 2s ease 0s;}
.active #six{width:1430px; margin:0px auto 0px auto; transition:all 2s ease 0s; -o-transition:all 2s ease 0s;-moz-transition:all 2s ease 0s;-webkit-transition:all 2s ease 0s;}
#six2{}
#six3{ display:inline-block;}





#seven{width:1180px; margin:1000px auto 0px auto;transition:all 2s ease 0s; -o-transition:all 2s ease 0s;-moz-transition:all 2s ease 0s;-webkit-transition:all 2s ease 0s;}
.active #seven{width:1180px; margin:120px auto 120px auto; transition:all 2s ease 0s; -o-transition:all 2s ease 0s;-moz-transition:all 2s ease 0s;-webkit-transition:all 2s ease 0s;}




#two3{ width:790px; margin:30px auto; background:url(dier.png) no-repeat 12px 30px; }
#two3 a{ display:block; width:60px; height:60px;line-height:60px;background:#eee; color:#ed000b;text-decoration:none;-moz-transition:background-color .5s ease-in;-webkit-transition:background-color .5s ease-in;-o-transition:background-color .5s ease-in;-ms-transition:background-color .5s ease-in;transition:background-color .5s ease-in; border-radius:50%;}
#two3 a:hover{ background-color:#ed000b;text-decoration:none; color:#fff;}
#two4{  width:600px; margin:0 auto;}

#four2{margin:80px 0 0 0;}
#five2{ margin:80px 0 0 0;}


#seven3{ width:1300px; margin:0 -60px; background:url(diba_03.png)  no-repeat 0 62px;}
#seven3 a{ color:#fff;text-decoration:none; font-size:16px; font-weight:700;}
#seven3 a:hover{ color:#ed000b;text-decoration:underline;}

#eight1{ height:100px}
#eight2{ width:1110px; margin:20px auto; height:400px}
#eighta{float:left;}
#eighta_2{ width:500px;}
#eightb { background:url(sy8_08.png) left center no-repeat; float: left;margin-left: 50px; padding-left: 50px; width: 470px; height:370px;}

 #eightb td{color:#fff; line-height:2.5;}
#eight3 { float:left; height:115px;}

#eight{width:1090px; margin:1000px auto 0px auto;transition:all 2s ease 0s; -o-transition:all 2s ease 0s;-moz-transition:all 2s ease 0s;-webkit-transition:all 2s ease 0s;}
.active #eight{width:1090px; margin:130px auto 130px auto; transition:all 2s ease 0s; -o-transition:all 2s ease 0s;-moz-transition:all 2s ease 0s;-webkit-transition:all 2s ease 0s;}


/*
#jiantou{width:29px; position:fixed; left:50%;  margin-left:-14.5px; height:23px; bottom:-6px;}*/

.intro p{
	width: 50%;
	margin: 0 auto;
	font-size: 1.5em;
}
.twitter-share-button{
	position: fixed;
	z-index: 99;
	right: 149px;
	top: 9px;
}


#infoMenu{
	height: 20px;
	color: #f2f2f2;
	position:fixed;
	z-index:70;
	bottom:0;
	width:100%;
	text-align:right;
	font-size:0.9em;
	padding:8px 0 8px 0;
}
#infoMenu ul{
	padding: 0 40px;
}
#infoMenu li a{
	display: block;
	margin: 0 22px 0 0;
	color: #333;
}
#infoMenu li a:hover{
	text-decoration:underline;
}
#infoMenu li{
	display:inline-block;
	position:relative;
}
#examplesList{
	display:none;
	background: #282828;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	padding: 20px;
	float: left;
	position: absolute;
	bottom: 29px;
	right: 0;
	width:638px;
	text-align:left;
}
#examplesList ul{
	padding:0;
}
#examplesList ul li{
	display:block;
	margin: 5px 0;
}
#examplesList ul li a{
	color: #BDBDBD;
	margin:0;
}
#examplesList ul li a:hover{
	color: #f2f2f2;
}
#examplesList .column{
	float: left;
	margin: 0 20px 0 0;
}
#examplesList h3{
	color: #f2f2f2;
	font-size: 1.2em;
	margin: 0 0 15px 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
	-moz-box-shadow: 0 1px 0 rgba(255,255,255,0.1);
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
	padding: 0 0 5px 0;
}

/* Overwriting fullPage.js tooltip color
* --------------------------------------- */
#pp-nav.custom .pp-tooltip{
	color: #AAA;
}