@charset "utf-8";
img{width:100%;display:block;}
body{font-family:arial,Microsoft YaHei;background:white}
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);}
}
/*内页样式*/
.wraps{width:100%;position:absolute;top:0;left:0;height:100%;overflow:hidden;}

/*版权*/
.footer{width:100%;text-align:center;color:#5b5b5b;line-height:24px;position:absolute;bottom:0;left:0;}
.footer img{vertical-align:text-bottom; padding-right:5px;width:1em;display:inline}
.banner .footer{background:#fff}

/*音乐管理*/
.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);}
}
.hide{display:none;}
.page-1-1{ background:#fff; background-size:100%;}
.logo1{width: 100%;height: 13.1%;position: absolute;top: 0}
.p1_1{width: 100%;height: 88.8%;position: absolute;top: 0; }
.p1_2{width: 100%;height: 24.1%;position: absolute;top: 75.9%}
.p1_3{width: 28%;height: 4.9%;position: absolute;top: 83.9%; left: 16.1%}
.p1_4{width: 28%;height: 4.9%;position: absolute;top: 83.9%; left: 56%}
.page-2-1{ background:url(../images/bg02.jpg) center top no-repeat; background-size:100%;}
.back{width:5.5%;height: 3.1%;display: block;position: absolute;top:5.1%;left: 85.7% }
.p2_1{width: 84.1%;height: 24.4%;position: absolute;top: 13.1%;left: 7.7%}
.p2_2{width: 84.1%;height: 45.7%;position: absolute;top: 39.7%;left: 7.7%;}
.button{ position:absolute; bottom:5%; left: 43.5%; height:4.5%; width: 8%}

.logo1 img,.p1_1 img,.p1_2 img,.back img,.p2_1 img,.p2_2 img{height: 100%; width: 100%; margin:0 auto;}

.logo1{ position:absolute; top:0; width:100%;
	-webkit-animation-duration: 1s;
         animation-duration: 1s;
         -webkit-animation-delay:0.5s;
         animation-delay:0.5s;
         -webkit-animation-fill-mode: both;
         animation-fill-mode: both;}
.p1_2{-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;}
.p1_1{-webkit-animation-duration: 0.8s;
         animation-duration: 0.8s;
         -webkit-animation-delay:0.1s;
         animation-delay:0.1s;
         -webkit-animation-fill-mode: both;
         animation-fill-mode: both;}
.p1_3{-webkit-animation-duration: 1s;
         animation-duration: 1s;
         -webkit-animation-delay:1.5s;
         animation-delay:1.5s;
         -webkit-animation-fill-mode: both;
         animation-fill-mode: both;}
.p1_4{-webkit-animation-duration: 1s;
         animation-duration: 1s;
         -webkit-animation-delay:1.5s;
         animation-delay:1.5s;
         -webkit-animation-fill-mode: both;
         animation-fill-mode: both;}
.p2_1{-webkit-animation-duration: 1s;
         animation-duration:1s;
         -webkit-animation-delay:1s;
         animation-delay:1s;
         -webkit-animation-fill-mode: both;
         animation-fill-mode: both;}
.p2_2{-webkit-animation-duration: 1s;
         animation-duration:1s;
         -webkit-animation-delay:2s;
         animation-delay:2s;
         -webkit-animation-fill-mode: both;
         animation-fill-mode: both;}
.button{-webkit-animation-duration: 1.5s;
         animation-duration:1.5s;
         -webkit-animation-delay:3s;
         animation-delay:3s;
         -webkit-animation-fill-mode: both;
         animation-fill-mode: both;
		 -webkit-animation-iteration-count: infinite;
	     animation-iteration-count: infinite}
/*内页样式*/
.wrap{width:100%;position:absolute;top:0;left:0;background:url(../images/bg02.jpg) center top no-repeat; background-size:100% 100%;}
.top{width:100%; height:80px;-webkit-box-sizing:border-box;position:relative}
.top .logo{    width: 52%;
    position: absolute;
    top: 30%;
    left: 7%;}
.top a.home{width:5.5%; height:3.1%;display:block;    position: absolute;
    top: 43.1%;
   right: 7%;}

.main{width:100%;padding:8% 5.8%;-webkit-box-sizing:border-box;}
.content{width:100%;color:#ee7f00;font-size:13px;}

/*手机平台样式*/
/*搜索职位*/
.search_box{
	margin-top:20%;
	padding:7%;
}
.search p{color:#3165AF;font-size:14px;padding-bottom:1%}
.search select,.search_box input{width:100%;-webkit-appearance:none;border:none;height:44px;-webkit-border-radius:3px;text-indent:1em;font-family:Microsoft YaHei;font-size:14px;color:#ee7f00;margin-bottom:5%;}
.search select{background:url(../images/more.png) no-repeat 95% center #a5c3d9;background-size:17px auto;}
.search input{background:url(../images/search.png) no-repeat 95% center #a5c3d9;background-size:20px auto;-webkit-box-sizing:border-box}
/*职位列表*/
.joblist_box ul{width:100%;margin-bottom:20%}
.joblist_box ul li{width:100%;border-bottom:1px solid #fff;background:url(../images/enter.png) no-repeat right center;background-size:18px auto}
.joblist_box ul li a{display:block;color:#fff;font-size:19px;padding:4% 0;padding-right:5%;}
/*职位详情*/
.jobdetail_box{
	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 #ee7f00;margin-bottom:12%;font-weight:normal;padding-bottom:3%}
.jobdetail_box .detail p{text-indent:2em}
.jobdetail_box .detail p.addr,.jobdetail_box .detail p.email{text-indent:0}
.deTit{font-size:30px;border-bottom:1px solid #fff; color:#fff; text-indent:2em; background:url(../images/Overdue.png) left center no-repeat; padding-bottom:2%;}
.detail{color:#fff;}
/*登录*/
.login_box{color:black;}
.login_box .jobinfo{font-size:15px}
.login_box .jobinfo p{ color:#fff; font-size:19px;}
.login_box .jobinfo p.jobname{font-size:14px;padding-bottom:10%;padding-top:5%;color:#fff}
.login{padding-bottom:15%;}
.login input{width:68%;height:40px;border:none;-webkit-border-radius:3px;color:#000;font-size:15px;-webkit-box-sizing:border-box;margin-bottom:15px;border:none;color:fff; background:none; padding-left:13%;}
.login input.name{background:url(../images/name.png) no-repeat 2% center ;background-size:100% auto}
.login input.pwd{background:url(../images/psw.png) no-repeat 2% center ;background-size:100% auto}
.login p.note{font-size:16px; color:#fff;}
::-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;}
/*简历投递页面*/
.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{color:black;}
.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 img{margin:10% 27.2% 40%;width:45.6%;margin:0 auto;}
.addBackground{display:none;}
/*投递成功*/
.succeed .logo{width:52%;margin:0 auto}
.succeed h1{font-size:20px;text-align:center;padding-top:10%;padding-bottom:2%;font-weight:normal;color:#fff}
.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% 26%;
	background:#6cb329;
}
.succeed img{ width:64%; margin:0 auto;}
/*页面按钮部分*/
.btn{width:80%;margin:0 auto}
.btn a{display: block;
    width: 45%;
    text-align: center;
    padding: 5% 0;
    float: left;
    -webkit-border-radius: 24px;
    color: white;
    text-decoration: none;
    font-weight: normal;
    font-size: 12px;
	border:1px solid #000;}
.btn .bbb{border:none ; }
.btn a:nth-child(2){float:right; background:#6cb329}
.btn a:nth-child(1){float:left;}
.btn a.gray{color:black}
/*版权*/
.footer{width:100%;text-align:center;color:#5b5b5b;line-height:24px;position:absolute;bottom:0;left:0;}
.footer img{vertical-align:text-bottom; padding-right:5px;width:1em;display:inline}
.banner .footer{background:#fff}