@charset "utf-8";
img{width:100%;display:block;}

body{font-family:arial,Microsoft YaHei;background:#f2f0f0}
a,button,input{-webkit-tap-highlight-color:rgba(255,0,0,0);} /**去除点击产生的背景色**/
input,select{ outline:none;} /**隐藏外框线**/
/*loading*/
.loading{ position:fixed; left:0; right:0; bottom:0; top:0; background:#003387; z-index:99;}
.loadbox{ width:100px; height:100px; position:absolute; top:50%; left:50%; margin:-50px 0 0 -50px;}
.loadtext{ width:100px; height:50px; font-weight:bold; font-size:25px; color:#fff; margin:0 auto; text-align:center;}
.circle1{background-color: rgba(0,0,0,0);border:5px solid rgba(255,255,255,0.9);opacity:.9;border-right:5px solid rgba(0,0,0,0);border-left:5px solid rgba(0,0,0,0);border-radius:50px;box-shadow: 0 0 35px #fff;width:50px;height:50px;margin:0 auto;-moz-animation:c1 1s infinite ease-in-out;-webkit-animation:c1 1s infinite linear;}
.circle2{background-color: rgba(0,0,0,0);border:5px solid rgba(255,255,255,0.9);opacity:.9;border-right:5px solid rgba(0,0,0,0);border-left:5px solid rgba(0,0,0,0);border-radius:30px;box-shadow: 0 0 10px #fff;width:30px;height:30px;margin:0 auto;-moz-animation:c2 1s infinite ease-in-out;-webkit-animation:c2 1s infinite linear; position:relative; top:-50px;}
@-webkit-keyframes c1 {
	0% { -webkit-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px #fff; }
	50% { -webkit-transform:rotate(120deg); opacity:1;}
	100% { -webkit-transform:rotate(-320deg); opacity:0; }
}
@-moz-keyframes c1 {
	0% { -moz-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px #2187e7;}
	50% { -moz-transform:rotate(145deg); opacity:1; }
	100% { -moz-transform:rotate(-320deg); opacity:0; }
}
@-moz-keyframes c2 {
	0% { -moz-transform:rotate(0deg); }
	100% { -moz-transform:rotate(360deg);  }
}
@-webkit-keyframes c2 {
	0% { -webkit-transform:rotate(0deg); }
	100% { -webkit-transform:rotate(360deg); }
}
	
/*横屏*/	
.cover{width:100%;height:100%;background:#003387;color:#fff;position:fixed; left:0;top:0;display:none; z-index:99;}
.cover p{position:absolute; top:50%; left:0; margin-top:90px;text-align:center;width:100%;font-family:\5E7C\5706;font-size:14px}
.iphone{width:72px;height:123px;position:absolute;left:50%;top:50%;margin-left:-36px;margin-top:-61.5px;-webkit-animation:zhuan 1.5s;-webkit-animation-iteration-count:infinite;-webkit-animation-delay:0.3s;text-align:center}
.iphone img{display:block;width:100%;}
@-webkit-keyframes zhuan {
	0%{-webkit-transform:rotate(-90deg);}
	50%{-webkit-transform:rotate(0deg);}
	100%{-webkit-transform:rotate(-90deg);}
}

.c_middle{position:absolute;left:50%;-webkit-transform:translateX(-50%)}

/*首页样式*/
.portrait{z-index:80}
.portrait img{width:100%;display:block}
.banner{width:100%;height:100%;position:absolute;overflow:hidden;left:0;top:0}
.banner .logo{width:24.4%;position:absolute;top:0;left:0;}
.banner .logo2{width:80.4%}

/*内页样式*/
.body{background:#f2f0f0}
.wrap{width:100%;min-height:100%;position:absolute;top:0;left:0;background:url(../images/top.jpg) top center no-repeat;background-size:100% auto;overflow:hidden;}
.top{width:100%;padding-top:4%;padding-right:5.8%;padding-left:5.8%;-webkit-box-sizing:border-box;position:relative}
.top .logo{width:15%;position:absolute;top:0;left:5%;}
.top a.home{width:10%;display:block;position:absolute;top:10px;right:5%;}

.main{width:100%;padding:8% 3%;-webkit-box-sizing:border-box;}
.content{width:100%;color:#ee7f00;font-size:13px;background:url(../images/2-6_banner.jpg) top center no-repeat;background-size:100% auto;padding-top:30%;margin-top:10%;}
.con{
	width:100%;height:20px;
	
}
.con ul{
	width:30%;
	height:20px;
	position: fixed;
	bottom: 15%;;
	left: 40%;
	z-index: 5;
}
.con ul li{
	list-style:none;
	float:left;
	width:10px;
	height:10px;
	margin-right:16px;
}
.con ul li:nth-child(1){
	background:url(../images/lio.png) top center no-repeat;
	background-size:100% auto;
}
.con ul li:nth-child(2){
	background:url(../images/lic.png) top center no-repeat;
	background-size:100% auto;
}
.con ul li:nth-child(3){
	background:url(../images/lic.png) top center no-repeat;
	background-size:100% auto;
}
/*第一页样式*/
.page-1-1{
	background:url(../images/a_bg.jpg) top center;
	background-size:100% auto;
}
.p1-1{
	width:63.6%;
	margin-top:13%;
	margin-left:18.6%;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.p1-2{
	margin-top:5%;
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
	-webkit-animation-delay:1s;
	animation-delay:1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.p1-3{
	background:url(../images/a-c_button.png) top center no-repeat;
	background-size:100% 100%;
	padding:3% 0;
	width:35%;
	text-align:center;
	color:white;
	display:inline-block;
	margin-left:15%;
	margin-top:2%;
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-delay:1s;
	animation-delay:1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.p1-4{
	background:url(../images/a-c_button.png) top center no-repeat;
	background-size:100% 100%;
	padding:3% 0;
	width:35%;
	text-align:center;
	color:white;
	display:inline-block;
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-delay:1.1s;
	animation-delay:1.1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.p1-5{
	background:url(../images/a-c_button.png) top center no-repeat;
	background-size:100% 100%;
	padding:3% 0;
	width:35%;
	text-align:center;
	color:white;
	display:inline-block;
	margin-left:15%;
	margin-top:2%;
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-delay:1s;
	animation-delay:1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.p1-6{
	background:url(../images/a-c_button.png) top center no-repeat;
	background-size:100% 100%;
	padding:3% 0;
	width:35%;
	text-align:center;
	color:white;
	display:inline-block;
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-delay:1.1s;
	animation-delay:1.1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
/*第二页样式*/
.page-2-1{
	background:url(../images/b_bg.jpg) top center;
	background-size:100% auto;
}
.p2-1{
	width:30%;
	margin: 5% 0 5% 10%;
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
	-webkit-animation-delay:0.5s;
	animation-delay:0.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.p2-2{
	width:70%;
	margin:0 auto;
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-delay:1s;
	animation-delay:1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.p2-3{
	width:70%;
	margin:0% auto;
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-delay:1s;
	animation-delay:1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.p2-4{
	position:absolute;
	bottom:5%;
}
/*第三页样式*/
.page-3-1{
	background:url(../images/c_bg.jpg) top center;
	background-size:100% auto;
}
/*第四页样式*/
.page-4-1{
	background:url(../images/top.jpg) top center no-repeat #fff;
	background-size:100% auto;
}
.p4-1{
	margin-top:15%;
	width:80%;
	margin-left:10%;
}
.p4-2{
	width:80%;
	margin:10% auto;
	color:#232323;
	font-size:12px;
	text-justify: inter-ideograph;
	text-align:justify;
	
}
/*手机平台样式*/
/*搜索职位*/
.search_box{
	margin-top:10%;
	padding:5%;
}
.search p{color:#3165AF;font-size:14px;padding-bottom:1%}
.search select,.search_box input{width:100%;-webkit-appearance:none;border:none;height:30px;-webkit-border-radius:3px;text-indent:1em;font-family:Microsoft YaHei;font-size:14px;color:#ee7f00;margin-bottom:5%;border:1px solid #0262ae}
.search select{background:url(../images/more.png) no-repeat 95% center #fff;background-size:30px auto;}
.search input{background:url(../images/search.png) no-repeat 95% center #fff;background-size:30px auto;-webkit-box-sizing:border-box}

.btn{width:100%;margin-top:10%;}
.btn a{display:block;width:45%;text-align:center;float:left;padding:2% 0;-webkit-border-radius:3px;color:#fff;text-decoration:none;font-weight:normal;font-size:12px;background:url(../images/1-5_button.png) top center no-repeat;background-size:contain;}
.btn a:nth-child(2){float:right}
.btn a.gray{color:#fff}
/*职位列表*/
.joblist_box{margin-top:10%;padding:5%;}
.joblist_box ul{width:100%;margin-bottom:20%}
.joblist_box ul li{width:100%;margin-bottom:2px;background:url(../images/enter.png) no-repeat 98% center #026ec3;background-size:10px auto;}
.joblist_box ul li a{display:block;color:white;font-size:12px;padding:4% 0;padding-right:5%;text-indent:20px;}

/*职位详情*/
.jobdetail_box{
	margin:10% 0;
	padding:5%;
	color:black;
}
.jobdetail_box h1{
	font-size:20px;
}
.jobdetail_box .detail{margin-bottom:10%}
.jobdetail_box .detail h1{font-size:24px;border-bottom:1px solid #006DA8;margin-bottom:6%;font-weight:normal;padding-bottom:3%}
.jobdetail_box .detail p{text-indent:2em}
/*登录*/
.login_box{margin-top:10%;color:black;padding:5%;}
.login_box .jobinfo{font-size:14px;color:#333333;margin:10% 0;}
.login_box .jobinfo p.jobname{font-size:14px;}
.login input{width:100%;height:40px;border:none;-webkit-border-radius:3px;color:#ee7f00;font-size:15px;-webkit-box-sizing:border-box;margin-bottom:15px;border:1px solid #0361A5;color:black;}
.login input.name{background:url(../images/id.png) no-repeat 2% center #fff;background-size:8.5% auto;text-indent:40px;}
.login input.pwd{background:url(../images/psw.png) no-repeat 2% center #fff;background-size:8.5% auto;text-indent:40px;}
.login p.note{font-size:12px}

::-webkit-input-placeholder{color:black;font-family:Microsoft YaHei;}
::-moz-placeholder{color:black;font-family:Microsoft YaHei;}
::-ms-placeholder{color:black;font-family:Microsoft YaHei;}

/*投递成功*/
.succeed{padding-top:40%;background:url(../images/2-6_banner.jpg) top center no-repeat;background-size:100% auto;margin-top:20%;}
.succeed .logo{width:52%;margin:0 auto}
.succeed h1{font-size:14px;text-align:center;padding-top:10%;padding-bottom:2%;font-weight:normal;color:#333333}
.succeed a.return{width:50%;display:block;text-align:center;color:#fff;text-decoration:none;padding:2% 0;margin:0 auto;background:#ee7f00;font-size:20px;-webkit-border-radius:3px;}
.succeed .btn{
	width:70%;
	margin:0 auto;
	text-align:center;
}
.succeed .btn a{
	float:none;
	margin:20% auto;
}

.form-box2{border-bottom:1px solid #145c9b;padding:3% 0;}
.form-box2 .left{ float:left; width:30%;}
.form-box2 .need-p{ padding-top:1.5%;}
.form-box2 .right{ float:right; width:70%;}
.form-box2 .right select{-webkit-appearance:none;background:url(../images/4_more.png) no-repeat 95% center;background-size:17px auto;width:100%; border:none; outline:none; text-align:center; color:black;}
.form-box2 .right input{ width:100%;text-align:left; color:black; padding-left: 3%;border:0;background:none;}

.resume_box{padding:10%;color:black;background:white;margin-top:20%;}
.resume_box h1{font-size:1.8em; color:#145c9b;}
.resume_box h1 span{ font-size:0.5em;color:#000;}
.resume_box p.yellow{font-size:1.2em; line-height: 26px;}
.resume_box li{background:url(../images/icon_yellow.jpg) no-repeat left 7px; padding-left:13px; background-size:6px auto;}

.resume_box .sex-box{width:70%;}
.sex-box a{background:white;display:block; width:45%; font-size:14px; color:#a0a0a0; text-decoration:none; border:1px solid #a0a0a0; text-align:center; }
.sex-box a.man{ float:left;}
.sex-box a.woman{ float:right;}
.sex-box a.curr{ background-color:#dcdcdc; color:#a0a0a0;}
.big-apply{margin:10% 27.2% 40%;width:45.6%;}
.resume_box .addBackground{margin:0;padding-bottom:10%;}
/*login*/



/*版权*/
.footer{width:100%;text-align:center;color:white;line-height:24px;position:absolute;bottom:0;left:0;background:gray}
.footer img{vertical-align:text-bottom; padding-right:5px;width:1em;display:inline}
.banner .footer{background:gray}
/*媒体查询兼容手机尺寸*/
/*ipad mini*/
@media screen and (min-width:750px) and (min-height:960px)
{
	.content,.footer{font-size:24px}
	.content2{-webkit-border-radius:15px}
	
	 .box h1{font-size:36px}
	 .box h1 span.small,.info_box p.big{font-size:26px}
	
	 .search p{font-size:28px;}	
	 .search select, .search input{height:80px;font-size:26px;-webkit-border-radius:6px}
	 .search select{background-size:34px auto}
	 .search input{ background-size:40px auto}
	 
	 .joblist_box ul li{background-size:16px auto;margin-bottom:40px}
	 .joblist_box ul li a{font-size:28px}
	 .btn a{-webkit-border-radius:6px;font-size:40px}
	
	.jobdetail_box  .detail h1{font-size:48px;}
	.jobdetail_box  .detail{line-height:40px}
	
	.login_box .jobinfo{font-size:30px}
	.login_box .jobinfo p.jobname{font-size:60px}
	
	.login input{height:80px;font-size:30px;text-indent:88px}
	.login input.name,.login input.pwd{background-size:76px auto}
	.login p.note{font-size:24px}

	.success_box h1{font-size:40px}
	.success_box a.return{font-size:40px;-webkit-border-radius:6px;}
	
	.footer{line-height:40px}
	.footer img{width:24px;padding-right:8px}
}
.deTit{
	font-weight:bold;
}
.deLocation{
	margin-bottom:5%;
}
/*音乐管理*/
.audio{
	position:fixed;
	top:2.5%;
	right:5%;
	width:30px;
	height:30px;
	z-index:999;
}
.play{background:url(../images/muisc.png) top center ;background-size:100% 100%;width: 30px;height: 30px;border: none;position: absolute;top:0;right: 0;}
.pause{background:url(../images/music.png) top center ;background-size:100% 100%;width: 30px;height: 30px;border: none; position: absolute;top:0;right: 0px;	-webkit-animation:Rot 4s infinite linear;
animation:Rot 4s infinite linear;}
@-webkit-keyframes Rot {
		0% { -webkit-transform:rotate(0deg);transform: rotate(0deg);}
		100% {-webkit-transform:rotate(720deg); transform: rotate(720deg);}
	}
@keyframes Rot {
		0% { -webkit-transform:rotate(0deg);transform: rotate(0deg);}
		100% {-webkit-transform:rotate(720deg); transform: rotate(720deg);}
}
@-webkit-keyframes lowDown{
	0% {
		opacity:0;
		-webkit-transform:scale(3);
		transform:scale(3);
	}
	100% {
		opacity:1;
		-webkit-transform:scale(1);
		transform:scale(1);
	} 
}
@keyframes lowDown {
	0% {
		opacity:0;
		-webkit-transform:scale(3);
		transform:scale(3);
	}
	100% {
		opacity:1;
		-webkit-transform:scale(1);
		transform:scale(1);
	} 
}
.lowDown {
	-webkit-animation-name: lowDown;
	animation-name: lowDown;
	opacity:0;
}
.hide{display:none;}