@charset "utf-8";

/*CSS Reset*/
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, canvas, details, embed, 
	figure, figcaption, footer, header, hgroup, 
	menu, nav, output, ruby, section, summary,
	time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
		font-family:"Microsoft YaHei", Arial, sans-serif;
		text-decoration:none;
	}
	a:focus {outline: none;}
	:focus {outline:none;}
	body,html{height:100%;}

	.clear{clear:both;}
	
	/* HTML5 display-role reset for older browsers */
	article, aside, details, figcaption, figure, 
	footer, header, hgroup, menu, nav, section {display: block;}
	body {line-height: 1;}
	blockquote, q {quotes: none;}
	blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
	table {border-collapse: collapse; border-spacing: 0; =}


/*CSS Reset End*/
body{
	background-color:#eee;
}

.header{

}

.header .bg{
	position: relative; margin: 0 auto; min-height: 100%; background:url('../images/bg.jpg') no-repeat center;  background-size: 100% auto;
	height:200px;
}

.header .box{
	width:980px;
	position: relative;
	margin:0 auto;

}

.header .box .logo{
	height:288px;
	width:197px;
	position:absolute;
	left:0px;
	top:0px;
	background-color:#fff;
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px#888;
	box-shadow: 0 0 5px #888;
}

.header .box .logo img{
	margin:135px 0 20px 25px;
}

.header .box .lang{
	padding:15px 16px 15px 28px;
	background-color:#666;
	float:left;
	position:absolute;
	right:0px;
	top:154px;
	border-bottom:none;
	opacity:0.8;
	filter:alpha(opacity=80); /* For IE8 and earlier */
}

.header .box .lang a{
	margin-right:14px;
	color:#fff;
	font-family: Arial, sans-serif;
}

.header .box .lang a:hover{
	color:#0091d1;
}

.main_warp{
	width:980px;
	margin:0 auto;
	padding-top:60px;
}

.main_info{
	text-align:center;
}

.main_info H1{
	font-weight:bold;
	font-size:18px;
	padding:0 0 10px 0;
	color:#0091d1;
	line-height:24px;
}

.main_info ul{
	float:left;
	margin:0 0 25px 100px;
	padding-bottom:20px;
}

.main_info li{
	float:left;
	margin-right:20px;
	font-size:16px;
	list-style-type:none;
	padding-left:10px;
	line-height:24px;
}

.main_info li:before{
	content: "• ";
	color:#0091d1;
}

.main_info p{
	clear:both;
	font-size:20px;
	color:#0091d1;
	font-weight:bold;
	border-bottom:solid 1px #ccc;
	border-top:solid 1px #ccc;
	padding:20px 0;

}

.address{
	width:760px;
	margin:0 auto;
	padding:22px 0 0 180px;
}

.address ul{
	float:left;
	margin-left:40px;
	
}

.address li{
	margin:10px 0;
	list-style-type:none;
}

.address li a{
	color:#333;
	font-weight:bold;
}

.address li a:hover{
	color:#0091d1;
	font-weight:bold;
}

/* BOX INFO */

.box_title{
	font-weight:bold;
	font-size:25px;
	margin:40px 0 20px 15px;
	background:url('../images/arrow_down.png') no-repeat 165px 4px;
	padding-right:30px;
}

.box_info{
}

.box_info .box{
	width:490px;
	height:280px;
	float:left;
	color:#fff;
}

.box_info .box H2{
	padding:30px 33px 20px 33px;
	font-size:20px;
	font-weight:bold;
}

.box_info .box p{
	font-size:16px;
	padding:0 33px;
	line-height:22px;


}

.box_info .color_box{
	background-color:#ccc;
}

.box_info .color_box_1{
	background-color:#5fbb46;
}

.box_info .color_box_2{
	background-color:#d18000;
}

.box_info .color_box_3{
	background-color:#00a7d1;
}

.box_info .color_box_4{
	background-color:#8b4ca8;
}

.footer{
	padding:30px 0 80px 0;
	width:980px;
	margin:0 auto;
}

.footer a{
	color:#0091d1;
}

.footer .term{
	font-size:12px;
	float:left;
}

.footer .copyright{
	float:right;
	color:#333;
	font-size:12px;
}

/* Terms */

.terms H1{
	font-size:26px;
	font-weight:bold;
}

.terms H2{
	font-size:20px;
	font-weight:bold;
	padding-top:25px;
}

.terms p{
	padding:10px 0;
	line-height:22px;
}

.terms a{
	color:#0091d1;
}