@charset "UTF-8";
body { font-family:Arial, Helvetica, sans-serif;font-size:10px; color:#4b4b4b; background:#fff; margin:0;  }
#menubtn{
	display:none;
}
ul{
	list-style-type: none;
	margin:0;
	padding:0;
}
ul li{
	list-style-type: none;
	margin:0;
	padding:0;
	float:left;
}
#index_headline{
	margin-top:30px; width:700px; float:right; margin-right:10px
}
/* fonts */
/* ------------------------------------------------------------------------------------ */
.bigtit {font-size:55px;font-weight:bold; color:#ffffff;}
.bigtit2 {font-size:100px;font-weight:bold; line-height:100px;color:#ffffff;}
.awardtxt{font-size: 30px;font-weight:bold;line-height:20px;color: #ffffff; }
.awardtxt a{ color: #ffffff;text-decoration:none; }
.awardtxt a:hover{ color: #fffc00; text-decoration:none; }
.smalltxt{font-size: 15px;font-weight:bold;line-height:20px;color: #ffffff; }

/* header */
/* ------------------------------------------------------------------------------------ */
.header { height:125px; width:100%; background-color:#FFF }
.header_bar{ width:1000px; margin:auto;}
#logo{width:263px;height:125px;background-image:url(../images/logo.png);background-repeat:no-repeat;}
#logosize{ width:450px; float:left;}
.menu{ float:left; overflow:hidden; }
.menu_ov{margin-top:-125px; position:relative;z-index:2;}
.menu_text{  margin-top:65px; position:absolute;z-index:1;font-size:12px;color: #333333; font-weight:bold;}
.menu_textov{ margin-top:65px;position:absolute;z-index:1;font-size:12px;color: #ffffff; font-weight:bold;}
.allicon{ float:right; width:550px;}

/* content */
/* ------------------------------------------------------------------------------------ */
.content { width:100%; background-image:url(../images/bg.jpg); background-repeat:no-repeat;background-size: cover; background-position: center; position:relative; overflow:hidden; float:left;}
.bgline1{ top:200px; right:50px; position:absolute;}
.bgline2{ top:500px; right:0px; position:absolute;}
.footer{position: fixed;
    bottom: 0;
    width: 100%;
    background-color: #FFF;
    z-index: 100;}
.footerbox{ float:right;}

/* index page */
/* ------------------------------------------------------------------------------------ */
.index_content{ width:1000px; height:auto; margin:auto; position:relative;overflow:hidden; z-index:2; }
.sortbar{ width:100%; margin-left:5px;height:85px;}
#sortbar_icon{ margin-top:30px; margin-left:5px;float:left; border:0;}
#sortbar_submenu{ 
	width:250px; 
	height:250px; 
	margin-top:55px; 
	margin-left:121px; 
	background: rgba(108,125,0,0.9);
   	border: 1px solid #fff;
	z-index:99;
	float:none;
	padding-left:15px;
	padding-top:15px;
	position:absolute;
	font-size: 12px;
	line-height:12px;
	color: #fff;
	text-align:left;
	cursor:pointer;
	display:none;
}
#sortbar_submenu a:hover, a:visited:hover{ color: #d6ff00; text-decoration:none;}
#sortbar_submenu a,a:visited{ color: #ffffff; text-decoration:none;}

/* job pop */
/* ------------------------------------------------------------------------------------ */
.job_whitebg{ width:778px; height:620px; top:52px;background: rgba(255,255,255,1); position:relative; z-index:4; }
.job_blackbg{ width:100%; height:700px;; margin:auto; background: rgba(0,0,0,0.5); z-index:3; }
.job_topbg {
   width:737px;
   height:48px; 
   top:-24px;
   text-align:left;
   margin-left:22px;
   position:absolute;
   background: #fff url(../images/index_jobbox_topbg.jpg) no-repeat center center ;
   background-size: 100% 100%; 
   -moz-background-size:100% 100%;
   -webkit-background-size:100% 100%;
   -o-background-size:100% 100%; 
}
.job_toptit { font-size: 15px;font-weight:bold;color: #ffffff; padding-top:15px;padding-left:10px;}
.jobpic_big{ width:737px; height:447px; margin-left:22px;margin-top:22px;float:left;overflow: auto;}
.jobpic_bigtext{ width:auto; margin-top:10px;margin-left:22px; text-align:left; float:left;margin-right: 22px;}
.jobpic_share{ width:auto; bottom:15px;right:22px; position:absolute;}
.jobpic_share_icon{float:left; margin-left:5px;}
.jobpic_visit{ width:auto; margin-top:480px; right:22px;position:absolute;}
.jobpic_visit_icon{float:left; margin-left:5px;}
.jobpic_back{ width:auto; margin-top:205px; left:0px;position:absolute;}
.jobpic_next{ width:auto; margin-top:205px; right:0px;position:absolute;}


/* we are*/
/* ------------------------------------------------------------------------------------ */
.weare{ width:1000px; height:600px; margin:auto; position:relative; z-index:4;}
.wearetit {font-size:100px;font-weight:bold; line-height:90px; color:#ffffff; width:100%; float:left;}
.wearetxt{font-size: 15px;font-weight:bold;color: #ffffff; float:left; }
.wearetxt2{font-size:12px;font-weight:bold;color: #367d01; float:left; width:68%; line-height:16px;padding-left:75px; padding-top:150px;}
.weare_img1{ 
	margin-top:30px;
	margin-left:-30px;
	width:543px; 
	height:559px;
	opacity:0;
	position:absolute;
	background:url(../images/weare_img1.png) no-repeat center center ;
	background-size: 100% 100%; 
	-moz-background-size:100% 100%;
	-webkit-background-size:100% 100%;
	-o-background-size:100% 100%; 
}
.weare_img2{ 
	margin-top:100px; 
	margin-left:120px; 
	width:359px; 
	height:159px;
	opacity:0;
	position:absolute;
}
.weare_img3{ 
	margin-top:130px; 
	margin-left:550px;
	width:447px; 
	height:447px;
	text-align:justify;
	opacity:0;
	position:absolute;
	background:url(../images/weare_img3.png) no-repeat center center ;
	background-size: 100% 100%; 
	-moz-background-size:100% 100%;
	-webkit-background-size:100% 100%;
	-o-background-size:100% 100%; 
}
/* we make */
/* ------------------------------------------------------------------------------------ */
#hero-slider .mask {
	float:left;
	width:560px;
	height:400px;
	padding-top:10px;
	padding-left:20px;
	overflow:hidden;
}
#hero-slider .panel {
	height:400px;
	background:url(../images/award_bg.gif) no-repeat center center ;
	background-size: 100% 100%; 
	-moz-background-size:100% 100%;
	-webkit-background-size:100% 100%;
	-o-background-size:100% 100%; 
}
#award_menu{float:left; width:90%; margin-left:17px;padding-left:20px;padding-top:10px;padding-bottom:10px;border-style:double;border-color:#61c9c7;}
.wemake{ width:1000px; height:600px; margin:auto; position:relative; z-index:4;}
.wemake_tit{ float:left; width:540px;margin-left:515px; margin-top:85px; opacity:0;text-align:justify;}
.wemake_award{ float:left; width:540px;margin-left:0px; margin-top:50px; margin-bottom:20px;opacity:0;}
#wemake_icon1{
	position:relative;
	width:183px;
	height:183px;
	float:left;
	margin-top:-10px;
	margin-left:20px;
	margin-bottom:5px;
	opacity:0;
	background-image:url(../images/wemake_img2.png);
	background-repeat:no-repeat;
}
#wemake_icon2{
	position:relative;
	width:183px;
	height:183px;
	float:left;
	margin-top:-10px;
	margin-left:10px;
	margin-bottom:5px;
	opacity:0;
	background-image:url(../images/wemake_img3.png);
	background-repeat:no-repeat;
}
#wemake_icon3{
	position:relative;
	width:183px;
	height:183px;
	float:left;
	margin-top:-10px;
	margin-left:10px;
	margin-bottom:5px;
	opacity:0;
	background-image:url(../images/wemake_img4.png);
	background-repeat:no-repeat;
}
#wemake_icon4{
	position:relative;
	width:183px;
	height:183px;
	float:left;
	margin-top:-10px;
	margin-left:10px;
	margin-bottom:5px;
	opacity:0;
	background-image:url(../images/wemake_img5.png);
	background-repeat:no-repeat;
}
#wemake_icon5{
	position:relative;
	width:183px;
	height:183px;
	float:left;
	margin-top:-10px;
	margin-left:10px;
	margin-bottom:5px;
	opacity:0;
	background-image:url(../images/wemake_img6.png);
	background-repeat:no-repeat;
}
/* we worked with */
/* ------------------------------------------------------------------------------------ */
.workwith_content{ width:1000px; height:600px; margin:auto; position:relative; z-index:4;}
.workwith_tit{ float:left; margin-left:60px; margin-top:35px; width:100%;opacity:0;}
.workwith_subtit{ 
	float:left; 
	margin-left:10px;
	padding-top:20px;
	width:100%;
	height:30px;
	font-size: 15px;
	font-weight:bold;
	text-align:left;
	color: #ffffff;
}
.workwith_logo{ float:left; margin-left:10px; margin-top:10px; margin-bottom:15px;}
.workwithbar{ width:100%; margin-left:5px;height:85px; float:left;}
#workwithbar_icon{ margin-top:30px; margin-left:5px;float:left; border:0;}
#workwithbar_submenu{ 
	width:250px; 
	height:280px; 
	margin-top:55px; 
	margin-left:121px; 
	background: rgba(108,125,0,0.9);
   	border: 1px solid #fff;
	z-index:99;
	float:none;
	padding-left:15px;
	padding-top:15px;
	position:absolute;
	font-size: 12px;
	line-height:12px;
	color: #fff;
	text-align:left;
	cursor:pointer;
	display:none;
}
#workwithbar_submenu a:hover, a:visited:hover{ color: #d6ff00; text-decoration:none;}
#workwithbar_submenu a,a:visited{ color: #ffffff; text-decoration:none;}
/* we can be */
/* ------------------------------------------------------------------------------------ */
.wecanbe_content{ width:1000px; height:600px; margin:auto; position:relative; z-index:4;}
.wecanbe_tit{ float:left;margin-top:35px; margin-left:100px; opacity:0; width:100%;}
.enquiry {	width:543px; height:auto;  margin-left:10px; margin-top:0px; opacity:0;float:left;}
.address_txt {
	font-size: 12px;
	color: #ffffff;
}
.input_txt1 {
	font-size: 15px;
	font-weight:bold;
	text-align:left;
	color: #ffffff;
	width:90px;
	float:left;
	margin-top:15px; 
}
.input_txt2 {
	font-size: 15px;
	font-weight:bold;
	text-align:left;
	color: #ffffff;
	width:100%;
	float:left;
	margin-top:15px; 
}
.input-box input {	
	font-size:12px;
	color:#000;
	width:430px;
	height:30px;
	border:none;
	float:left;
	margin-top:15px;
}

.input-box textarea {
	font-size:12px;
	color:#000;
	width:520px;
	height:90px;
	border:none;
	margin-top:15px;
}
.send {	float:right;margin-top:15px; margin-right:20px;}
.wecanbe_address{
	width:372px;
	height:338px;
	margin-left:55%;
	margin-top:245px;
	opacity:0; 
	position:absolute;
	background:url(../images/wecan_img2.png) no-repeat center center ;
	background-size: 100% 100%; 
	-moz-background-size:100% 100%;
	-webkit-background-size:100% 100%;
	-o-background-size:100% 100%; 
}
.wecanbe_addresstxt1{
 	position:absolute;
	margin-left:43px;
	margin-top:148px;
}
.wecanbe_addresstxt2{
 	position:absolute;
	margin-left:43px;
	margin-top:223px;
}