@CHARSET "UTF-8";
body{margin:0;max-width:1920px;	min-width:1080px;/*height:3700px; overflow: hidden;  background:url(../images/joinus.jpg) no-repeat 0px -80px; */}
.clear{clear:both;}
.itemBot{font-family: mySecondFont;}
.nav-header{
	margin:0 auto;
	max-width:1920px;
	min-width:1080px;
	height:820px;
 	background: url(../images/join_us.jpg) no-repeat scroll center 0;
}
.joinus{width:100%;}
.joinus .join_us{margin:0 auto;width:1080px;/* height:3700px;OVERFLOW */overflow:hidden;/* border:1px solid red; */}


.joinus .join_us .middle{width:1080px;/* height:730px; */margin:50px auto;/*padding-top:50px; border:1px solid red; */}
.joinus .join_us .middle .need{margin-bottom:50px;}
.joinus .join_us .middle .need .itemBot{
	width: 300px;
	height: 48px;
	margin: 0 auto;
	cursor: pointer;border:1px solid #888888;text-align:center;font-size:28px;line-height:48px;color:red;border-radius:10px;box-shadow:1px 1px 3px 3px #888888;
}
.joinus .join_us .middle .item,.joinus .join_us .middle .item .front,.joinus .join_us .middle .item .back{width:248px;height:390px;margin:0 auto;/* border:1px solid red; */}
.joinus .join_us .middle .item{position:relative;transition:0.6s;transform-style:preserve-3d;}
.joinus .join_us .middle .item .front,.joinus .join_us .middle .item .back{position:absolute;top: 0px;left: 0px;backface-visibility:hidden;-webkit-backface-visibility:hidden;	/* Chrome 和 Safari */-moz-backface-visibility:hidden; 	/* Firefox */-ms-backface-visibility:hidden;/*  ie */}
.joinus .join_us .middle .item .front{/* z-index:1; */}
.joinus .join_us .middle .item .back{transform:rotateY(-180deg);-webkit-transform:rotateY(-180deg);-moz-transform:rotateY(-180deg);line-height:80%;overflow:hidden;}
.joinus .join_us .middle .item:hover{transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);/* -ms-backface-visibility:visible; */}
.joinus .join_us .middle .item:hover .back{backface-visibility:visible;-webkit-backface-visibility:visible;	/* Chrome 和 Safari */-moz-backface-visibility:visible; 	/* Firefox */-ms-backface-visibility:visible;/*  ie */}
.joinus .join_us .middle .item:hover .front{display:none;backface-visibility:hidden;-webkit-backface-visibility:hidden;	/* Chrome 和 Safari */-moz-backface-visibility:hidden; 	/* Firefox */-ms-backface-visibility:hidden;/*  ie */}
/* .joinus .join_us .middle .item:hover{
	cursor: pointer;
    -webkit-transform: rotate3d(0,1,0,180deg);
    -moz-transform: rotate3d(0,1,0,180deg);
    transform: rotate3d(0,1,0,180deg);
    transition: -webkit-transform 2s ease-in-out;
    transition: -moz-transform 2s ease-in-out;
    transition: transform 2s ease-in-out;
} */
.joinus .join_us .middle .item .front .itemBot{
	width: 300px;
	height: 48px;
	margin: 0 auto;
	cursor: pointer;border:1px solid #cac5c5;text-align:center;font-size:28px;line-height:48px;color:red;border-radius:10px;box-shadow:1px 1px 3px 3px #cac5c5;
}
/* 
.container{perspective:1000;transform-style:preserve-3d;}
    .container,.front,.back{width:380px;height:270px;}
    .flip{position:relative;transition:0.6s;transform-style:preserve-3d;}
    .front,.back{position:absolute;top: 0px;left: 0px;backface-visibility:hidden;}
    .front{z-index:2;}
    .back{transform:rotateY(-180deg);}
    .container:hover .flip{transform:rotateY(180deg);}

 */
.joinus .join_us .middle .job{width:1080px;margin:0 auto;}
.joinus .join_us .middle .job .itemGroup{margin-bottom:20px;}
.joinus .join_us .middle .job .itemGroup .item{float:left;/* margin-left:20px; */margin:10px;width:248px;height:390px;cursor:pointer;border-radius:5px;border:1px solid #cac5c5;box-shadow:1px 1px 1px 1px #cac5c5;}
.joinus .join_us .middle .job .itemGroup .item .itemTop{margin:20px 5px;/* margin:5px auto; */width:238px;height:310px;font-size:20px;overflow:hidden;}
.joinus .join_us .middle .job .itemGroup .item .itemBot{width:248px;height:20px;font-size:20px;line-height:20px;box-shadow:none;border:none;margin-top:8px;}

.joinus .join_us .middle .job .itemGroup .item .itemTop img{width:238px;height:310px;padding:0px;border-radius:5px;}

.joinus .join_us .middle .job .itemGroup .item .one{width:160px;height:210px;overflow:hidden;}
.joinus .join_us .middle .job .itemGroup .item .two{background:url(../images/personnel.png) no-repeat 0px -202px;}
.joinus .join_us .middle .job .itemGroup .item .three{background:url(../images/personnel.png) no-repeat 0px -409px;}
.joinus .join_us .middle .job .itemGroup .item .four{background:url(../images/personnel.png) no-repeat 0px -623px;}
.liney {
    width: 1px;
    height: 20px;
    background: #6a9bf2;
    margin: 0 auto;
    margin-top: -20px;
}
.liney0{
	margin-top: 0px;
}
.liney2 {
    height: 40px;
    margin-top: -40px;
}
.liney3 {
    height: 110px;
    margin-top: -110px;
}
.liney4 {
    height: 40px;
    margin-top: -40px;
}
.liney5 {
    height: 224px;
    margin-top: -224px;
}





.joinus .join_us .bottom{width:1300px;/*height:936px;border:1px solid blue; */}
.joinus .join_us .bottom .text{margin:0 auto;width:360px;height:60px;border:1px solid #888888;text-align:center;font-size:28px;line-height:60px;color:red;border-radius:10px;box-shadow:1px 1px 3px 3px #888888;margin-bottom:30px;}
.joinus .join_us .bottom .left{float:left;width:630px;}
.joinus .join_us .bottom .right{float:right;width:630px;}
.job{ /*width:550px;height:936px; */margin-left:80px;margin-top:20px;line-height:150%;}