@charset "utf-8";
/* CSS Document */
* {
	margin: 0;
	padding: 0;
}
body {
	font-family: "microsoft yahei", Helvetica Neue, Helvetica, Arial, sans-serif;
	color: #333;
	font-size: 13px;
}
h1,body,html{
	padding: 0;
	margin: 0;
}
body{
/*	font-family: Arial,"Microsoft YaHei","Hiragino Sans GB",sans-serif;
*/}
html,body{
	height: 100%;
	overflow: hidden;
}
h1{
	font-size: 6em;
	font-weight: normal;
}
p{
	font-size: 1em;
	margin:0.5em 0 2em 0;
}
#container,.section{
	height: 100%;
	position: relative;
}
#section0,
#section1,
#section2,
#section3{
	background-color: #000;
	background-size: cover;
	background-position: 50% 50%;
}
#section0{
	background:#00ff99;
	color: #fff;
	text-shadow:1px 1px 1px #333;
}
#section1{
	color: #fff;
	text-shadow:1px 1px 1px #333;
	background:url(../images/bj3.jpg);
	background-size:100% 100%;
}
#section2{
	background:#2fe2bf;
	color: #fff;
	text-shadow:1px 1px 1px #666;
}
#section3{
	color: #008283;
	background:#c9302c;
	text-shadow:1px 1px 1px #fff;
}
#section0 p{
	color: #F1FF00;
}
#section3 p{
	color: #00A3AF;
}
.left{
	float: left;
}
.intro{
	position: absolute;
	top: 50%;
	width: 100%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	text-align: center;
}
#pages{
	position:fixed;
	right: 10px;
	top: 50%;
	list-style: none;
}
#pages li{
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #fff;
	margin: 0 0 10px 5px;
}
#pages li.active{
	width: 14px;
	height: 14px;
	border: 2px solid #FFFE00;
	background: none;
	margin-left: 0;
}
#section0 .title{
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-animation: sectitle0 1s ease-in-out 100ms forwards;
	animation: sectitle0 1s ease-in-out 100ms forwards;
}
#section0 p{
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
	-webkit-animation: sec0 1s ease-in-out 100ms forwards;
	animation: sec0 1s ease-in-out 100ms forwards;
}
@-webkit-keyframes sectitle0{
	0%{
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
	}
	100%{
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}
@keyframes sectitle0{
	0%{
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
	}
	100%{
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}
@-webkit-keyframes sec0{
	0%{
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
	}
	100%{
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}
@keyframes sec0{
	0%{
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
	}
	100%{
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}
.top{
	padding:15px 0;
	 background:#022742 linear-gradient(45deg, #022742 20%, #014b82 50%); text-align:center;
	 }
.top-img{ width:300px;}
.nav{margin-top:200px;}
.nav *{text-decoration:none;font-size:9pt;}
.nav * a:hover{/* 鼠标经过时的红色背景，可自定义 */}

.menu{list-style:none;height:40px;width:100%; position:absolute; z-index:5;}
.nav{list-style:none;height:40px;width:1200px;margin:0 auto;}
.nav li{float:left;position:relative; z-index:999; margin-top:20px; }
.nav li a{font-size:30px;color:#000;height:38px;line-height:38px;padding:0 20px;blr:expression(this.onFocus=this.close());blr:expression(this.onFocus=this.blur());display:inline-block;}
.nav li a:focus{-moz-outline-style: none; }
.nav li .sub-nav{position:absolute;top:39px;left:-1px;list-style:none;background-color:#333;display:none;}
.nav li .sub-nav li{text-align:center;clear:left;width:140px;height:35px;line-height:35px;position:relative;}
.nav li .sub-nav li a{height:34px;line-height:34px;width:138px;padding:0;display:inline-block;}
 #bubblemenu li {
                display: inline;
                margin-left: 15px;
				cursor:pointer;
            }
#bubblemenu li > div {
				padding:20px;
                min-height: 100px;
			    position: absolute;
                display: inline;
                margin-left: -120px;
				visibility:hidden;
                opacity: 0;
                margin-top: -125px;
				background: #ffffff;
				font-size:1em;
				color:#333;
				
				/* Setting the border-radius property for all Browsers */
                -moz-border-radius: 5px; /* Firefox */
                -webkit-border-radius: 5px; /* Safari and Chrome */
                border-radius: 5px; /* Browsers that Support it like Opera */
				
				/* Setting the box-shadow property for all Browsers */
                -moz-box-shadow: 0 0 8px gray; /* Firefox */
                -webkit-box-shadow: 0 0 8px gray; /* Safari and Chrome */
				filter: progid:DXImageTransform.Microsoft.Shadow(color='#272229', Direction=135, Strength=3); /* IE */
                box-shadow: 0 0 8px gray; /* Browsers that Support it like Opera */

				/* Setting the transition property for all Browsers */
				-moz-transition: all 0.5s ease-in-out; /* Firefox */
                -webkit-transition: all 0.5s ease-in-out; /* Safari and Chrome */
                -o-transition: all 0.5s ease-in-out; /* Opera */
                transition: all 0.5s ease-in-out; /* Browsers that Support it */

				
            }
            
			
            #bubblemenu li:hover > div {
            	
				visibility:visible;
                opacity: 1;
                margin-top: -150px;
				
				/* Setting the transition property for all Browsers */
				-moz-transition: all 0.5s ease-in-out; /* Firefox */
                -webkit-transition: all 0.5s ease-in-out; /* Safari and Chrome */
                -o-transition: all 0.5s ease-in-out;  /* Opera */
                transition: all 0.5s ease-in-out; /* Browsers that Support it */
            }
		.color3{ color:#009}
.information{
	padding:15px;
	height:auto;
	overflow:hidden;
	-moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;background-color:#fff!important;border-radius:15px; 
	}
.information-title{
	height:auto;
	font-size:24px;
	text-align:center;
	color:#000;
	}
.information >li{ padding:10px 0; border-bottom:1px solid #eee;} 
.words-e{
	 position:relative;
	font-size:24px;
	color:#333;
	}
.words-f{
	font-size:50px;
	color:#000;
	font-weight:600;
	}
.words-g{
	font-size:30px;
	color:#000;
	font-weight:600;
	border-radius:8px;
	}
.words-h{
	font-size:26px;
	color:#002fb0;
	border-radius:8px;
	}

.bg{background:#1447ba;}
.text-align{ text-align:center;}
.margin15{ margin-top:15px;}
.text-indent20{ text-indent:60px;}
.left{
	float:left;
	}
.right{
	float:right;
	}