/* Left & Right alignment */

.left { float:left;}
.right { float:right;}
.wrapper {width:100%; overflow:hidden;}
.relative{ position:relative;}

/* Global properties ======================================================== */

body{ background:#cb610c; border:0; font:13px Arial, Helvetica, sans-serif; color:#323232; line-height:25px; min-width:940px; overflow:hidden}

.css3{border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; box-shadow: 0 0 4px rgba(0, 0, 0, .4); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .4); -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .4); position: relative;}

.page_spinner{
	position:absolute;
	z-index:99;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background-color: #2f88e6;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat;
	background-position: 0 0;
}
.page_spinner div{ position:absolute;background: url(../images/ajax-loader.gif) 50% 50% no-repeat;width:100%; height:100%; top:0; left:0}


/* Global Structure ============================================================= */

.main {	margin: 0 auto;	width: 940px; }

#bgStretch {overflow:hidden;z-index:-1; position:fixed}
.spinner {width:100%;height:100%;position: fixed;z-index:0;left:0;top:0;background: url(../images/ajax-loader.gif) center center no-repeat;}
.ic {border:0;float:right;background:#fff;color:#f00;width:50%;line-height:10px;font-size:10px;margin:-300% 0 0 0;overflow:hidden;padding:0}

body, html{ height:100%;}
.over{
	position:relative;
	width:100%;
	overflow:hidden;
	min-height:100%;
	height:auto !important;
	/*background:url(../images/bg_top.png) 0 0 repeat-x;
	background-image: url(../images/bg_top.png);*/
}

.bg1{ position:absolute; bottom:0; left:0; width:100%; background:url(../images/bg_footer.png) 0 0 repeat-x; height:60px;}

#bgStretch {overflow:hidden;z-index:-1; position:fixed}
.spinner {width:100%;height:100%;position: fixed;z-index:0;left:0;top:0;background: url(../images/ajax-loader.gif) center center no-repeat;}

/* ============================= main layout ====================== */

a{ color:#4a98e9; text-decoration: none; outline:none}
a:hover{}
h1{  float:left}
h2{ font:30px 'Asap', sans-serif; color:#4a98e9; line-height:1.2em; padding:2px 0 14px 0; letter-spacing:-2px;}
p{ padding-bottom:25px;}
strong{ color:#4a98e9}

/* ============================= header ====================== */
header{ height:93px;}

#logo{ display:block; text-indent:-9999px; background:url(../images/logo.png) 0 0 no-repeat; width:332px; height:131px;}

.menu { float:right; padding-top:36px}
#menu > li { float:left; margin-left:30px; position:relative;}
#menu > li > a{ display:block; font:17px 'Asap', sans-serif; color:#fff; text-shadow:1px 1px rgba(0,0,0,.5)}
#menu > li > a:hover, #menu > .active > a{ }

.submenu_1{ position:absolute; top:30px; left:-30px; width:280px; background:url(../images/bg_footer.png) repeat; padding:10px 0; z-index:5000;}
.submenu_1 li{ position:relative;}
.submenu_1 span{ position: absolute; width:100%; height:100%; top:0; left:0;}
.submenu_1 a{ display:block; font:14px 'Asap', sans-serif;  line-height:30px; color:#4a9ef6; position:relative; text-align:left; padding-left:16px; padding-right:16px;}
.submenu_1 a:hover{
	display:block;
	line-height:30px;
	color:#999999;
	position:relative;
	text-align:center;
	font-family: 'Asap', sans-serif;
	font-size: 14px;
	text-align:left;
	padding-left:16px;
	padding-right:16px;
}

/* ============================= content ====================== */

#content{ margin-top:30px; padding-bottom:90px; position:relative}
#content > ul > li{ position:relative; background:url(../images/bg_content.png) repeat; width:100%; overflow:hidden}

.pad{ padding:35px; overflow:hidden;}
.pad_left1{ padding-left:60px}
.pad_bot1{ padding-bottom:15px;}
.marg_right1{ margin-right:20px}

.company_stautures{ width:100%; float:left;}
.company_stautures .title{color:#b7a249;text-align:center; font-size:18px; width:280px; margin:0 auto; font-weight: bolder;}
.company_stautures .title1{color:#b7a249;text-align:center; font-size:18px; width:390px; margin:0 auto;}
.company_stautures .information{
	color:#666666;
	text-align:center;
	font-size:14px;
	width:390px;
	margin:0 auto;
	font-weight: bolder;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	padding-bottom:5px;
	padding-top:2px;
}
.company_stautures .infor{
	color:#FFFFFF;
	text-align:center;
	font-size:14px;
	width:110px;
	margin:12px auto 0;
	font-weight: bolder;
	background-color: #666666;
	border-radius: 12px 12px 12px 12px;
	}
.company_stautures .infor1{
	color:#FFFFFF;
	text-align:center;
	font-size:14px;
	width:110px;
	margin:12px auto 0;
	font-weight: bold;
	background-color: #666666;
	border-radius: 12px 12px 12px 12px;
}
.company_stautures .infor2{
	color:#FFFFFF;
	text-align:center;
	font-size:14px;
	width:180px;
	margin:12px auto 0;
	font-weight: bolder;
	background-color: #666666;
	border-radius: 12px 12px 12px 12px;
}
.company_stautures .inford{
	color:#333333;
	text-align:center;
	font-size:14px;
	width:390px;
	margin:0 auto;
	font-weight: bold;
	margin-top:12px;
	line-height: 18px;
}
.company_stautures .titinfor{
	color:#333333;
	text-align:center;
	font-size:12px;
	width:270px;
	float:left;
	line-height: 16px;
	margin-top:23px;
	margin-right:17px;
}
.company_stautures .titinfor1{
	color:#333333;
	text-align:center;
	font-size:12px;
	width:285px;
	float:left;
	line-height: 16px;
	margin-top:23px;
}
.company_stautures span a{
	font-size: 12px;
	color: #999999;
	text-decoration: none;
}
.company_stautures span a:hover{
	font-size: 12px;
	color: #438edd;
	text-decoration: none;
}
.company_stautures .box{
	float: left;
	width: 100%;
}
.company_stautures .tit{
	font:20px 'Asap', sans-serif; 
	color:#4a98e9; 
	line-height:1.2em; 
	padding:2px 0 14px 0; 
	letter-spacing:-1px;
	margin-top:30px;
}
.company_stautures .tit1{
	font:20px 'Asap', sans-serif; 
	color:#4a98e9; 
	line-height:1.2em; 
	padding:2px 0 14px 0; 
	letter-spacing:-1px;
	margin-top:10px;
}
.company_stautures .infox{
	font-weight: bold;
}
.company_stautures .gfbox{
	float: left;
	width: 100%;	
}
.company_stautures .line{
	width:390px;
	float:left;
	margin-left:239px;
	margin-top:25px;
	height:1px;
	background-color: #666666;
}

.company_stautures .singbox{
	color:#333333;
	text-align:center;
	font-size:13px;
	width:415px;
	float:left;
	line-height: 16px;
	margin-top:23px;
	font-weight: normal;
}
.company_stautures .singbox1{
	color:#333333;
	text-align:center;
	font-size:13px;
	width:434px;
	float:left;
	line-height: 16px;
	margin-top:23px;
	font-weight: bold;
	margin-right: 20px;
}
.company_stautures .babusbox{
	color:#333333;
	text-align:center;
	font-size:12px;
	width:47%;
	float:left;
	line-height: 16px;
	margin-top:20px;
	margin-right:6%;
	font-weight: normal;
}
.company_stautures .babusbox1{
	color:#333333;
	text-align:center;
	font-size:12px;
	width:47%;
	float:left;
	line-height: 16px;
	margin-top:20px;
	font-weight: normal;
}

.company_stautures .zhongguobox{
	color:#333333;
	text-align:center;
	font-size:12px;
	width:250px;
	float:left;
	line-height: 16px;
	margin-right:60px;
	font-weight: normal;
}
.company_stautures .zhongguobox1{
	color:#333333;
	text-align:center;
	font-size:12px;
	width:250px;
	float:left;
	line-height: 16px;
	;
	font-weight: normal;
}

.contactinfor{
	padding-bottom: 8px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	margin-bottom:15px;
	color: #6a6a6a;
}
.galleryeximg {
	width:150px;
	height:100px;
	float:left;
	position:relative;
	border:#dfdfdf solid 1px;
	padding:7px;
	margin:0 4px 6px 4px;
}
.galleryeximg a {opacity:1.0;filter:alpha(opacity=40); }
.galleryeximg a:hover{opacity:0.7;filter:alpha(opacity=100); }
.galleryexbox {width:960px;font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#1d1d1d;text-align:justify;margin-top:15px; margin-bottom:15px;}


figure{ padding-top:3px;}
#page_Services figure{ padding-top:0}

.link1{ position:relative; display:inline-block;}
.link1 span{ position:absolute; bottom:4px; left:0; height:1px; width:0; }

.close{ position:absolute; background:url(../images/close.gif) 0 0 no-repeat; width:13px; height:13px; top:20px; right:20px;}
.close span{ width:100%; height:100%; background:url(../images/close_active.gif) 0 0 no-repeat; display:block}

#icons{ padding-top:8px;}
#icons li{ float:left; margin-right:10px}
#icons .first{ font-size:14px; margin-right:18px}
#icons a{ position:relative; display:block}
#icons .img_act{ position:absolute; top:0; left:0}

.scroll{height:290px; width:340px; overflow:hidden;}
.track{ width:20px; height:299px; padding:0 0; top:38px !important; left:360px !important; background: url(../images/scroll_track.png) 0 0 no-repeat}
.shuttle{ width:20px; height:76px; background: url(../images/scroll_drag.png) 0 0 no-repeat; margin-left:0px;}
._up-butt, ._down-butt{ height:0px !important;}

.list1{}
.list1 li{ padding-left:15px; background:url(../images/marker_1.gif) 0 10px no-repeat; overflow:hidden}
.list1 a{ position:relative}
.list1 span{ position:absolute; bottom:0; left:0; width:0; height:1px; background:#ad2f00}

.gallery_big_img{ position:relative; width:100%; height:355px; margin-top:10px}
.gallery_big_img img{ position:absolute; top:0; left:0}

#caption{ position:relative; height:213px; width:100%; overflow:hidden;}
#caption  li{ position:absolute; top:0; left:0}

#gallery1, #gallery2{ width:380px !important;}
#gallery1 li, #gallery2 li{ float:left; margin-right:10px}
#gallery1 img, #gallery2 img{ width:120px; height:100px;}

.prev, .next{ position:absolute; top:42px; width:4px; height:6px; padding:5px; background:url(../images/marker_left.gif) 5px 5px no-repeat; left:-19px;}
.next{ left:auto; right:-19px; background:url(../images/marker_right.gif) 5px 5px no-repeat}
.prev span, .next span{ display:block; width:100%; height:100%; background:url(../images/marker_left.gif) 0 bottom no-repeat}
.next span{ background:url(../images/marker_right.gif) 0 bottom no-repeat}

.google_map{width:380px; height:206px; padding-top:0; position:relative; background:#fff; margin-top:3px; margin-bottom:22px;}

/* ============================= footer ====================== */

footer { color:#4d4d4d; text-align:center; padding-top:16px; position:relative; padding-bottom:18px;}
footer a{ padding-left:7px; padding-right:7px; padding-top:3px; padding-bottom:3px;}
footer a:hover{ padding-left:7px; padding-right:7px; padding-top:3px; padding-bottom:3px;}

#bg_pagination{ position:absolute; right:60px; top:20px;}
#bg_pagination li{ float:left; margin-left:5px; background:url(../images/buttons.png) 0 0 no-repeat; position:relative}
#bg_pagination span{ position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/buttons_active.gif) 0 0 no-repeat}
#bg_pagination a{ position:relative; display:block; width:20px; height:20px; line-height:20px; text-align:center; text-decoration:none}

/* ============================= forms ============================= */
#ContactForm{ position:relative; padding-bottom:20px}
#ContactForm .col1{ width:80px;}
#ContactForm .wrapper{ overflow:inherit; min-height:25px;}
#ContactForm .success{ display:none; position:absolute; bottom:0; line-height:20px}
#ContactForm label{ position:relative;min-height:22px; display: inline-block;}
#ContactForm .message{ height:206px;}
#ContactForm .error, #ContactForm .empty{ font-size:10px; color:#4a98e9; line-height:14px; display:none; width:100%}
#ContactForm a{ margin-left:23px; float:right;}
#ContactForm .input { margin:0;width:362px; height:16px; background: url(../images/spacer.gif) repeat; padding:2px 10px;color:#323232; font:13px Arial, Helvetica, sans-serif;}
#ContactForm textarea { overflow: auto; margin:0;resize:none;width:362px; height:167px; background: url(../images/spacer.gif) repeat; padding:8px 10px;color:#323232; font:13px Arial, Helvetica, sans-serif;}


#ContactForm  .bg{ background:#fff; border:1px solid #e5e5e5; position:relative;border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius:4px; display:inline-block; line-height:20px;}

#ContactForm  .textfont{ width:180px; float:left;}

/* -------------------------- columns --------------------------*/

.col1, .col2, .col3, .cols { float:left;}

.col1{ width:380px;}
.col2{ width:280px;}
#page_Contacts .col2{ width:70px; }

div.label { float:left; width:150px; font-size: 11px; }
div.value  {float:left; width:650px; font-size: 11px; }
div.desc  {float:left; width:800px; font-size: 11px; }
div.desc li { list-style:disc; margin:0 0  0 30px; line-height:17px;}

.career_form span { font-size:12px;}
.career_form textarea { height:100px !important;}
.career_form textarea, .career_form input, select { font-size:12px !important;}
.career_form .btns { width:466px; text-align:center }
.career_form .btns input { border: 1px solid #E5E5E5; padding: 2px 10px; }
.career_form .textfont { width:200px !important; }

.red { color:#FF0000;}
.blue { color:#4A98E9; }
.file_input_textbox
{
	float: left;
	background-color: #fff !important;
	border: 1px solid #E5E5E5;
	padding: 2px 10px;
	margin-right:2px;
}

.file_input_div
{
	position: relative; 
	width: 85px; 
	height: 23px; 
	overflow: hidden;
}

.file_input_button
{
	width: 80px !important; 
	position: absolute; 
	top: 0px;
	color: #000;
	border: 1px solid #E5E5E5;
	padding: 0 5px;
	height: 21px; 
	cursor: pointer !important;
}

.file_input_hidden
{
	position: absolute; 
	right: 0px; 
	top: 0px; 
	opacity: 0; 
	
	filter: alpha(opacity=0); 
	-ms-filter: "alpha(opacity=0)"; 
	-khtml-opacity: 0; 
	-moz-opacity: 0;
}