/* header */
.allicon{
	display:none;
}
#menubtn{
	float:right; background-color:#9C0; padding:5px 10px 5px 10px; margin:10px; color:#FFF; font-size:18px;
	display:inline;
}
#index_headline{
	width:480px; margin-top:10px; margin-left:10px; margin-right:10px; margin-bottom:10px; float:left;
}
/* ------------------------------------------------------------------------------------ */
#logosize{/*width:100%;*/}
.allicon{ width:auto; float:right; }
/* index jobs */
/* ------------------------------------------------------------------------------------ */
ul li{ 
	width:100%;
	list-style-type: none;
	margin:0;
	padding:0;
	float:left;
}
.job {
   width:485px;
   height: 400px;
   margin-bottom:20px; 
   margin-left:10px;
   float: left;
   border: 5px solid #fff;
   overflow: hidden;
   text-align: center;
   -webkit-box-shadow: 1px 1px 2px #e6e6e6;
   -moz-box-shadow: 1px 1px 2px #e6e6e6;
   box-shadow: 1px 1px 2px #e6e6e6;
   cursor: default;
	background: #fff url(../images/jobbox_bg3.gif) no-repeat center center ;
	background-size: 100% 100%; 
	-moz-background-size:100% 100%;
	-webkit-background-size:100% 100%;
	-o-background-size:100% 100%; 
}


.jobpic img{ width:100%; height:auto; }
.jobpic{ width:438px; height:266px; margin-left:23px; margin-top:15px; float:left;}
.jobpic_text{margin-top:18px; float:left; width:438px;}


.view-ninth .jobcontent {
    height: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    opacity: 0.5;
    width: 100%;
    overflow: hidden;
    -webkit-transform: rotate(-33.5deg) translate(-112px, 166px);
    -moz-transform: rotate(-33.5deg) translate(-112px, 166px);
    -o-transform: rotate(-33.5deg) translate(-112px, 166px);
    -ms-transform: rotate(-33.5deg) translate(-112px, 166px);
    transform: rotate(-33.5deg) translate(-112px, 166px);
    -webkit-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transition: all 0.4s ease-in-out 0.3s;
    -moz-transition: all 0.4s ease-in-out 0.3s;
    -o-transition: all 0.4s ease-in-out 0.3s;
    transition: all 0.4s ease-in-out 0.3s;
}
.view-ninth:hover .jobcontent {
    height: 250px;
    width: 100%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: alpha(opacity=90);
    opacity: 0.9;
    -webkit-transform: rotate(0deg) translate(0, 0);
    -moz-transform: rotate(0deg) translate(0, 0);
    -o-transform: rotate(0deg) translate(0, 0);
    -ms-transform: rotate(0deg) translate(0, 0);
    transform: rotate(0deg) translate(0, 0);
}


.view-ninth .mask-1, .view-ninth .mask-2 {
    background-color: rgba(0, 0, 0, 0.5);
    height: 861px;
    width: 561px;
    opacity: 0.0;
    background: rgba(85, 199, 211,1);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -webkit-transition: all 0.3s ease-in-out 0.6s;
    -moz-transition: all 0.3s ease-in-out 0.6s;
    -o-transition: all 0.3s ease-in-out 0.6s;
    transition: all 0.3s ease-in-out 0.6s;
}
.view-ninth .mask-1 {
	top:0px;
	left:55px;
    /*left: auto;*/
    /*right: -100px;*/
    -webkit-transform: rotate(56.5deg) translateX(-180px);
    -moz-transform: rotate(56.5deg) translateX(-180px);
    -o-transform: rotate(56.5deg) translateX(-180px);
    -ms-transform: rotate(56.5deg) translateX(-180px);
    transform: rotate(56.5deg) translateX(-180px);
    -webkit-transform-origin: 100% 0%;
    -moz-transform-origin: 100% 0%;
    -o-transform-origin: 100% 0%;
    -ms-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
}
.view-ninth .mask-2 {
    top: auto;
    bottom: 0;
    -webkit-transform: rotate(56.5deg) translateX(180px);
    -moz-transform: rotate(56.5deg) translateX(180px);
    -o-transform: rotate(56.5deg) translateX(180px);
    -ms-transform: rotate(56.5deg) translateX(180px);
    transform: rotate(56.5deg) translateX(180px);
    -webkit-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
}

.view-ninth:hover .mask-1, .view-ninth:hover .mask-2 {
    opacity:1;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
.view-ninth:hover .mask-1 {
    -webkit-transform: rotate(56.5deg) translateX(-20px);
    -moz-transform: rotate(56.5deg) translateX(-20px);
    -o-transform: rotate(56.5deg) translateX(-20px);
    -ms-transform: rotate(56.5deg) translateX(-20px);
    transform: rotate(56.5deg) translateX(-20px);
}
.view-ninth:hover .mask-2 {
    -webkit-transform: rotate(56.5deg) translateX(-14px);
    -moz-transform: rotate(56.5deg) translateX(-14px);
    -o-transform: rotate(56.5deg) translateX(-14px);
    -ms-transform: rotate(56.5deg) translateX(-14px);
    transform: rotate(56.5deg) translateX(-14px);
}

/* job pop */
/* ------------------------------------------------------------------------------------ */
.job_whitebg{ width:600px; height:450px;top:52px; background: rgba(255,255,255,1); position:relative; z-index:4; }
.job_blackbg{ width:100%; height:540px; margin:auto; background: rgba(0,0,0,0.5); z-index:3; }
.jobpic_big{ width:559px; height:339px; margin-left:22px;margin-top:22px;float:left;}
.job_topbg {
   width:559px;
   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%; 
}
.jobpic_visit{ width:auto; margin-top:370px; right:22px;position:absolute;}
.jobpic_back{ width:auto; margin-top:150px; left:0px;position:absolute;}
.jobpic_next{ width:auto; margin-top:150px; right:0px;position:absolute;}

/* we are*/
/* ------------------------------------------------------------------------------------ */
.weare{ width:650px; height:600px; margin:auto;position:relative; z-index:4;}
.wearetxt2{width:63%; line-height:15px;padding-left:65px; padding-top:80px;}
.weare_img1{ 
	width:393px; 
	height:409px;
	margin-top:20px;
	margin-left:-50px;
	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:50px; 
	width:309px; 
	height:109px;
	opacity:0;
	position:absolute;
}
.weare_img3{ 
	margin-top:220px; 
	margin-left:320px;
	width:337px; 
	height:337px;
	text-align:left;
	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 */
/* ------------------------------------------------------------------------------------ */
.wemake{ width:600px; height:600px; margin:auto; position:relative; z-index:4;}
.workwith_content{ width:528px; height:600px; margin:auto;position:relative; z-index:4; }
/* we can be */
/* ------------------------------------------------------------------------------------ */
.wecanbe_content{ width:528px; height:800px; margin:auto; position:relative; z-index:4;}
.enquiry {	width:90%; height:auto;  margin-left:10px; margin-top:0px; opacity:0;float:left;}
.input_txt1 {	font-size: 15px;font-weight:bold;text-align:left;color: #ffffff;width:100%;float:left;margin-top:10px; }
.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:100%;height:25px;border:none;float:left;margin-top:15px;}
.input-box textarea {font-size:12px;color:#000;width:100%;height:90px;border:none;margin-top:15px;}
.send {	float:right;margin-top:15px; margin-right:0px; margin-bottom:15px;}
/*
.wecanbe_address{
	float:left;
	width:322px;
	height:288px;
	margin-left:42%;
	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:118px;
}
.wecanbe_addresstxt2{
 	position:absolute;
	margin-left:43px;
	margin-top:190px;
}*/