/* = Titlebar
-------------------------------------------------------------- */
#titlebar {
	position: relative; z-index: 10;
	height: 130px;
}

	#titlebar #logo {
		position: absolute; top: 10px; z-index: 5;
		display: block;
		width: 185px;
		height: 60px;
		background: url(../img/LOGO1.png);
	}

	#titlebar #top {
		position: absolute; right: 0; top: 10px; z-index: 5;
	}
	
	#titlebar #top1 li {
		float: right;
		margin: 0 0 0 5px; }
		
		
	#titlebar #top1 li {
		font-size: 0.75em;
		line-height: 28px;
		padding-right: 10px;
	}
	
		#titlebar #top2 li {
		float: right;
		}
		
		
	#titlebar #top2 li {
		font-size: 0.75em;
		line-height: 25px;
				padding-right: 10px;
	}
.clear {
	clear: both;
}

	#titlebar > ul#top_menu {
		position: absolute; right: 0; top: 80px; z-index: 5;    width:100%; background:#0072E3; height:35px;
		-webkit-box-shadow: 0px 1px 2px -1px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: 0px 1px 2px -1px rgba(0, 0, 0, 0.6);
	box-shadow: 0px 1px 2px -1px rgba(0, 0, 0, 0.6);
	}
	
		#titlebar ul#top_menu > li {
			float: left;
			position: relative;
			padding-bottom: 2px;
			width:12.3%;
		}
		
		#titlebar ul#top_menu li > a {
			display: block;
			padding: 5px 20px 22px 20px;
			font-family: '΢ÈíÑźÚ', sans-serif;	
			font-size: 15px;
			color: #5a5a5a;
			-webkit-font-smoothing: antialiased;
			vertical-align:baseline;
		}
		
		#titlebar ul#top_menu > li > a:hover {
			color: #1a2048;
		}
		
		#titlebar ul#top_menu > li.current-menu-item {
			border-bottom: 4px solid #8fb5d9;
			padding-bottom: 0;
			font-weight: bold;
			color: #1a2048;
		}

		#titlebar ul#top_menu > li.current-menu-item .arrow {
			display: block;
			position: absolute; bottom: -9px;
			width: 5px; height: 5px;
			background: url(../img/arrow-cloud-blue.png) no-repeat 0 0;
		}
		
		#titlebar ul#top_menu > li.current-menu-item a:hover {
			text-decoration: none;
			color: #1a2048;
		}



	/* Submenu */

	#titlebar ul#top_menu ul {
		display: none;
		position: absolute; top: 42px; z-index: 5;
		background: #2894FF;
		min-width: 165px;
	}

	#titlebar ul#top_menu ul.on {
		display: block;
	}

		#titlebar ul#top_menu ul li {
			border-bottom: 1px solid #3f4259;
		}
		
		#titlebar ul#top_menu ul li:last-child {
			border: none;
		}
	
		#titlebar ul#top_menu ul li a {
			display: block;
			padding: 10px 20px 10px 23px;
			margin: 0 -3px 0 -3px;
			font-family: 'Arial', sans-serif;
			font-size: 0.75em;
			color: white;
		}

		#titlebar ul#top_menu li span.arrow-menu {
			display: block;
			position: absolute; bottom: 0;
			width: 4px; height: 4px;
			background: url(../img/arrow-cloud-dark-top.png) no-repeat;
		}

		#titlebar ul#top_menu li span.arrow-menu.blue {
			background: url(../img/arrow-cloud-blue-top.png);
		}
		
		#titlebar ul#top_menu li li.current-menu-item a {
			font-weight: bold;
			color: #8bb1d5;
		}
		
		#titlebar ul#top_menu ul li a:hover,
		#titlebar ul#top_menu ul li li.current-menu-item a:hover {
			background: #8bb1d5;
			text-decoration: none;
			color: white;
		}
		
#content {
float: left;
width: 75%;
margin-top: 20px;
}
#content h1 {
margin: 0;
color: #5797F2;
line-height: 30px;
font-size: 19px;
font-weight: 100;
letter-spacing: -1px;
}
#content h2 {
margin: 0;
color: #5797F2;
line-height: 30px;
font-size: 19px;
font-weight: 100;
letter-spacing: -1px;
}
#content h3 {
margin: 0;
color: #232323;	
font-size: 14px;
font-weight: 100;
}

#content p { padding: 0 0 10px 0; color: #232323;}
#content ul { padding: 0 20px 10px 30px; color: #232323; }

#content #company-image {
float:left;
width:10%;
}

#content #company-intro p{
float:right;
width:65%;
font-family:"ËÎÌå";
font-size :13px;
line-height: 20px;
}
#content #company-image1 {
float:right;
width:10%;
}
#content #company-image2 {
float:left;
width:80%;
}
#content #company-image3 {
float:right;
width:10%;
}
#content #company-intro3{border-right: 2px solid #7BB3FE;}
#content #company-intro3 p{
float:left;
width:90%;
font-size:12px;
font-family:"΢ÈíÑźÚ";
line-height: 35px;

}
#content #company-intro3 li{
float:left;
width:80%;
font-size:13px;
font-family:"΢ÈíÑźÚ";
line-height: 57px;
border-bottom: 1px solid #7BB3FE;
}
#content #company-intro1 p{
float:left;
width:80%;
font-size:12px;
font-family:"΢ÈíÑźÚ";
line-height: 35px;
}
#sidebar1 {
float: right;
margin-top: 20px;
width:24%;
background: #efefef;

}
#sidebar1 h3 {
background: url(../img/sidebarh31.png) repeat;
height: 30px;
line-height: 30px;
			font-family: '΢ÈíÑźÚ', sans-serif;	
			font-size: 15px;
			color: #ffffff;
			-webkit-font-smoothing: antialiased;
			vertical-align:baseline;
text-margin: 0; padding: 0 0 0 10px; 

}

#sidebar1 p { padding: 0 10px 10px 10px; color: #232323; }

#sidebar1 ul {
padding: 10px 0 20px 30px;
margin: 0;
color: dark;
list-style-type: square;
}

#sidebar1 ul li {
padding: 0;
margin: 0;
font-size:12px;
font-family:"΢ÈíÑźÚ";
color:dark;
  line-height:25px;
}

#sidebar1 ul ul { padding: 2px 0 2px 20px; }
#sidebar2 {
float: left;
margin-top: 10px;
width:100%;
background: #efefef;
border-bottom: 1px solid #7BB3FE;
}
#sidebar2 h3 {
background: ;
height: 30px;
line-height: 30px;
			font-family: '΢ÈíÑźÚ', sans-serif;	
			font-size: 15px;
			color: #ffffff;
			-webkit-font-smoothing: antialiased;
			vertical-align:baseline;
width:100px;
text-margin: 0; padding: 0 0 0 0px; 
}

#sidebar3 {
float: left;
margin-top: 20px;
width:100%;
background: #efefef;
}

	#page #erweima 
	{
	    position: absolute; right: -150px; top: 380px; z-index: 5;
	}


#sidebar3 #logo {
	position: absolute; top: 10px; z-index: 5;
	display: block;
	width: 172px;
	height: 60px;
	background: url(../img/LOGO.png);
}
#sidebar3 h3 {
background: url(../img/sidebarh31.png) repeat;
height: 30px;
line-height: 30px;
			font-family: '΢ÈíÑźÚ', sans-serif;	
			font-size: 15px;
			color: #ffffff;
			-webkit-font-smoothing: antialiased;
			vertical-align:baseline;
text-margin: 0; padding: 0 0 0 10px; 
}

#sidebar3 p { padding: 0 10px 10px 10px; color: #232323; }

#sidebar3 ul {
padding: 10px 0 20px 30px;
margin: 0;
color: dark;
list-style-type: square;
}

#sidebar3 ul li {
padding: 0;
margin: 0;
font-size:12px;
font-family:"΢ÈíÑźÚ";
color:dark;k
  line-height:25px;
}

#sidebar3 ul ul { padding: 2px 0 2px 20px; }

#content #table-content table {width: 100%;border-collapse: collapse;border: 1px solid #efefef;font-size:12px;
font-family:"΢ÈíÑźÚ";}
#content #table-content table th {line-height: 25px;text-align: left;border-bottom: 1px solid #aaaaaa;background: #0072E3;color: #fff}
#content #table-content table td {border: 1px solid #efefef;border-left: 1px solid #ffffff;border-right: 1px solid #ffffff;line-height: 25px;font-size:12px;color: #0072E3;
font-family:"΢ÈíÑźÚ";}

#content #table-content table .dark td {background: #D2E9FF}


 #table-content1 table { width: 78.6%;border-collapse: collapse;border: 1px solid #efefef;font-size:12px;		
font-family:"΢ÈíÑźÚ";line-height: 30px;}
 #table-content1 table th {line-height: 30px;text-align:center; vertical-align:middle;border-bottom: 1px solid #aaaaaa;background: #0072E3;color: #fff}
 #table-content1 table td {line-height: 40px;border: 1px solid #efefef;border-left: 1px solid #ffffff;border-right: 1px solid #ffffff;font-size:12px;color: #0072E3;
font-family:"΢ÈíÑźÚ";}

 #table-content1 table .dark td {background: #D2E9FF}	

/* = Sidebar
-------------------------------------------------------------- */

#sidebar {
	float: right;
	width: 235px;
}

	#sidebar h3 {
		padding: 0 0 30px 0;
		color: #2c2c2c;
	}

	#sidebar .text_widget {
		padding: 0 0 15px 0;
	}


	/* = Categories
	----------------- */

	#sidebar #categories {
		margin: 0 0 40px 0;
	}
	
	#sidebar #categories li {
		padding: 0;
	}

	#sidebar #categories h3 {
		padding: 0 0 22px 0;
	}

	#sidebar #categories li a {
		display: block;
		background: url(../img/arrow-nav-gray-right.png) no-repeat 6px 11px;
		border-bottom: 1px solid #d3d3d3;
		border-top: 1px solid #f6f6f6;
		padding: 6px 0 6px 30px;
		color: #77797e;
	}
	
	#sidebar #categories li:first-child a {
		border-top: none;
	}
	
	#sidebar #categories li a:hover {
		color: #8eb4d8;
	}

	#sidebar #categories li ul li a {
		background: url(../img/arrow-nav-gray-right.png) no-repeat 30px 11px;
		padding-left: 55px;
	}
	
	
	/* = Popular
	----------------- */
	
	#sidebar #popular dl {
		float: left;
		width: 100%;
		background: url(../img/hr.png) repeat-x 0 bottom;
		margin: 0 0 12px 0;
		padding: 0 0 14px 0;
	}
	
	#sidebar #popular dl:last-child {
		background: none;
	}

	#sidebar #popular dt {
		float: left;
		width: 70px;
	}
	
	#sidebar #popular dt img {
		float: left;
	}
	
	#sidebar #popular dd {
		float: right;
		width: 160px;
	}
	
	#sidebar #popular dd p {
		padding-bottom: 0;
	}
	
	#sidebar #popular dd p.title {
		margin: -3px 0 0 0;
		padding: 0 0 2px 0;
	}
	
	#sidebar #popular dd p.title a {
		font-weight: bold;
		color: #77797e;
	}
	
	#sidebar #popular dd p.title a:hover {
		text-decoration: underline;
	}
	
	#sidebar #popular dd p.icon {
		color: #8eb4d8;
	}
	








/* = Footer
-------------------------------------------------------------- */
#sidebar {
	clear: both;
	position: relative;
	background: #aaaaaa;
	height: 80px;
	width:100%;
	margin: 0 0 0 0;
	padding: 0 0 60px 0;
}

#footer {
	clear: both;
	position: relative;
	background: url(../img/bg-banner-blue.png) repeat;
	height: 100px;
	width:100%;
	margin: 0 0 0 0;
	padding: 0 0 60px 0;
}


	#footer .contact {
		position: absolute; left: 50%; top: 3px; z-index: 5;
		width: 980px;
		margin-left: -490px;
		margin-top: -5px;
		padding: 20px 0 20px 0;
		border-bottom: 1px solid #3f4259;
		font-size: 20px;
	}

	#footer .contact span {
		float: left;
		background: url(../img/icons.png) no-repeat;
		padding: 0 25px 0 0;
		margin: 0 25px 0 0;
		font-size: 0.75em;
	}
	
	#footer .contact span strong {
		color: #8fb5d9;
	}
	
	#footer .contact span.mobile {
		background-position: right -303px;
		font-size: 15px;	
		color:white;		
	}
	
	#footer .contact span.mail a {
		background-position: right -239px;
		font-size: 15px;
		color:white;
	}
	
	#footer span,
	#footer a,
	#footer p {
		color: #5e6984;
	}
	
	#footer .contact a:hover {
		text-decoration: underline;
	}

	#footer a.top {
		display: block;
		position: absolute; right: 0; top: -4px; z-index: 5;
		background: #0072E3 url(../img/arrow-white-top.png) no-repeat right 11px;
		padding: 7px 50px 7px 25px;
		font-family: 'Play', sans-serif;
		font-size: 0.813em;
		font-weight: bold;
		color: white;
		-webkit-font-smoothing: antialiased;
	}


	#footer nav {
		position: absolute; left: 70%; top: 80px; z-index: 5;
		width: 980px;
		margin-left: -490px;
	}

	#footer nav a {
		font-size:12px;
		font-family:"΢ÈíÑźÚ";
				color: white;
	}

	#footer nav li {
		float: left;
		padding: 0 10px;
		border-right: 1px solid #5e6984;
		line-height: 10px;
	}
	
	#footer nav li:last-child {
		border: none;
	}
	
	#footer nav li:first-child { padding-left: 0; }

	#footer nav li.current-menu-item a {
		text-decoration: underline;
		color: #8fb5d9;
	}

	#footer nav li a:hover {
		text-decoration: underline;
	}
	
	#footer .copyright {
		position: absolute; left: 30%; top: 120px; z-index: 6;
		width: 980px;
		margin-left: -490px;
		font-size:12px;
		font-family:"΢ÈíÑźÚ";
		text-align: right;
		color:white;
	}

	#footer .copyright span { color: #8fb5d9; }




hr {
	border: none;
	background: url(../img/hr.png) repeat-x 0 bottom;
	padding: 0 0 15px 0;
	margin: 0 0 40px 0;
}



#container {
float: left;
margin: 15px 0 0 0;
width: 210px;
}

#container h3 {
background: url(../img/sidebarh31.png) no-repeat;
height: 30px;
line-height: 30px;
font-weight: 600;
margin: 0; padding: 0 0 0 10px; 
color: #fff;
font-size: 12px;
}

#container p { padding: 0 10px 10px 10px; color: #232323; }

#container ul {
padding: 0px 0 10px 0px;
margin: 0;
color: #aaa;
list-style-type: none;
}

#container ul li {
background: url(../img/bullet.png) no-repeat center left;
padding: 0px 0 2px 22px;
margin: 0;
line-height:50px;
}

#container ul li a:hover {
color: #fff;
background: url(../img/sidebarh31.png) repeat-x;
}
#container ul li a {  }

#container2 {
float: left;
margin: 0px 0 0 0;
width: 700px;

border-left: 2px solid #F0F0F0;
}


#container2 p { padding: 0 10px 10px 10px; color: #232323;}
#container2 h3 {
color: #000;
}
#container2 ul {
padding: 5px 0 10px 15px;
margin: 0;
color: #000;
list-style-type: none;
}

#container2 ul li {
padding: 0px 0 0px 22px;
margin: 0;
line-height:30px;
border-bottom: 1px solid #ADADAD;
}

#container2 ul li a:hover {
color: #000;
}
#container2 ul li a {font-family:"΢ÈíÑźÚ";
font-size :12px;  }

#container2 p{
font-family:"ËÎÌå";
font-size :14px;
line-height: 28px;
}


#container3 {
float: left;
margin: 0px 0 0 0;
width: 600px;

border-left: 2px solid #F0F0F0;
}
#container3 p { padding: 0 10px 10px 10px; color: #232323; }
#container3 h3 {
color: #000;
}
#container3 ul {
padding: 5px 0 10px 15px;
margin: 0;
color: #000;
list-style-type: none;
}

#container3 ul li {
padding: 0px 0 0px 22px;
margin: 0;
line-height:30px;
border-bottom: 1px solid #ADADAD;
}

#container3 ul li a:hover {
color: #000;
}
#container3 ul li a {font-family:"΢ÈíÑźÚ";
font-size :12px;  }

#container3 p{
line-height:66px; 
font-family:"ËÎÌå";
font-size :14px;
}