body{background:#fff;}

/*loading & hengping*/
.loading,.cover{position:fixed; width:100%; height:100%; top:0; left:0;background: #ff9900; z-index:99;font-size: 16px;}
.loadbox {width: 100px;height: 100px;position: fixed;top: 50%;left: 50%;margin: -60px 0 0 -50px;}
.cover{display:none;}
.cover .iphone {width: 73px;height: 109px;position: absolute;left: 50%;top: 40%;margin-top: -54px;margin-left: -36px;background: url(../images/phone.png) no-repeat;background-size: 73px 109px;
animation: zhuan 1.5s 0.3s infinite;
-ms-animation: zhuan 1.5s 0.3s infinite;
-moz-animation: zhuan 1.5s 0.3s infinite;
-webkit-animation: zhuan 1.5s 0.3s infinite;}
.cover p {position: absolute;top: 65%;left: 0;text-align: center;width: 100%; color:#fff;}

.loadtext {width: 100px;line-height: 40px;font-weight: bold;font-size: 25px;color: #FFF;margin: 0 auto;text-align: center;}
.loading .circle1 {background-color: rgba(0,0,0,0);border: 5px solid #fff;border-right: 5px solid #ff9900;border-left: 5px solid #ff9900;border-radius: 50px;box-shadow: 0 0 35px #fff;width: 50px;height: 50px;margin: 0 auto;
-moz-animation: c1 1s infinite linear;
-webkit-animation: c1 1s infinite linear;
-ms-animation: c1 1s infinite linear;
animation: c1 1s infinite linear;
}
.loading .circle2 {background-color: rgba(0,0,0,0);border: 5px solid #fff;border-right: 5px solid #ff9900;border-left: 5px solid #ff9900;border-radius: 30px;box-shadow: 0 0 10px #fff;width: 30px;height: 30px;margin: 0 auto;position: relative;top: -50px;
-webkit-animation: c2 1s infinite linear;
-moz-animation: c2 1s infinite linear;
-ms-animation: c2 1s infinite linear;
animation: c2 1s infinite linear;
}



img{display:block; width:100%; height:auto;}
a,input,select{-webkit-tap-highlight-color:rgba(255,255,255,0)}

/*indexcont*/
.indexcont{position:relative; top:0; left:0; overflow:hidden; background:url(../images/indexbg.jpg) no-repeat center bottom #fff; background-size:100% auto;}
.indexcont ul{display:block;}
.indexcont li{float:left; position:relative; float:left; width:100%; height:100%; overflow:hidden;}
.indexcont li .logo{width:51.33%; position:absolute; top:10.72%; left:24%;}
.indexcont li .btn{position:absolute; width:18%; top:35.58%; display:block;}
.indexcont li .btn img:first-child{position:absolute; top:0; left:0;}
.indexcont li .btn01{left:24%;}
.indexcont li .btn02{left:41%;}
.indexcont li .btn03{left:56%;}


/*animate css*/
.indexcont li.animate .btn{
animation:downup 1.2s ease both;
-ms-animation:downup 1.2s ease both;
-moz-animation:downup 1.2s ease both;
-webkit-animation:downup 1.2s ease both;}
.indexcont li.animate .btn02{
animation-delay:0.3s;
-ms-animation-delay:0.3s;
-moz-animation-delay:0.3s;
-webkit-animation-delay:0.3s;}
.indexcont li.animate .btn03{
animation-delay:0.3s;
-ms-animation-delay:0.3s;
-moz-animation-delay:0.3s;
-webkit-animation-delay:0.3s;}
/*.indexcont li.animate .btn02 img:first-child{
animation:rollIn 0.8s ease-in-out 0.2s both,rubberBand 0.8s linear 1.2s;
-ms-animation:rollIn 0.8s ease-in-out 0.2s both,rubberBand 0.8s linear 1.2s;
-moz-animation:rollIn 0.8s ease-in-out 0.2s both,rubberBand 0.8s linear 1.2s;
-webkit-animation:rollIn 0.8s ease-in-out 0.2s both,rubberBand 0.8s linear 1.2s;}
.indexcont li.animate .btn03 img:first-child{
animation:rollIn 0.8s ease-in-out 0.4s both,rubberBand 0.8s linear 1.4s;
-ms-animation:rollIn 0.8s ease-in-out 0.4s both,rubberBand 0.8s linear 1.4s;
-moz-animation:rollIn 0.8s ease-in-out 0.4s both,rubberBand 0.8s linear 1.4s;
-webkit-animation:rollIn 0.8s ease-in-out 0.4s both,rubberBand 0.8s linear 1.4s;}
.indexcont li.animate .btn img:last-child{ 
animation:fadeIn 0.3s ease-in-out both;
-ms-animation:fadeIn 0.3s ease-in-out both;
-moz-animation:fadeIn 0.3s ease-in-out both;
-webkit-animation:fadeIn 0.3s ease-in-out both;}
.indexcont li.animate .btn01 img:last-child{-webkit-animation-delay:0.8s;}
.indexcont li.animate .btn02 img:last-child{-webkit-animation-delay:1s;}
.indexcont li.animate .btn03 img:last-child{-webkit-animation-delay:1.2s;}*/

.weixin{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 80;background: rgba(0, 0, 0, 0.4); display:none;}
.weixin .pic{position:absolute; width:76%; left:12%; top:21%;}
.weixin .pic p{color:#fff; font-size:16px; font-weight:bold; text-align:center;padding-top: 10%;}
.weixin a.close{position: absolute;
right: 15px;
width: 10%;
top: 15px;}
.littlewx{position: absolute;width: 20%;bottom: 10%;left: 40%;opacity: 0.7; display:none;}


/*content*/
.content{position:relative; background:#fff;}
.header img{width:100%; height:auto;}
.header .logo{width:16%; position:absolute; left:42%;top: 1.2%;padding-top: 2.5%;top: 0;}
.header a.home{position:absolute; width:30%; right:0;padding: 3% 0; top:0;}
.header a.home img{width:23%;float: right;padding-right: 16%;}
.body{position:relative; width:80%; margin:0 auto;padding-top: 5%; padding-bottom:40px;}
.body p{color:#595959; font-size:1.2em; text-indent:2em;}
p.nopadding{text-indent:0;}
.header a.arrow{position: absolute;width: 30%;display: block;top: 0;left: 5%;}
.header a.arrow img{width: 16%;padding: 8% 0;}


/*search*/
.body #search div{padding-bottom:6%;}
.body #search div p{padding-bottom:2%;}
.body #search select,.body #search input{-webkit-appearance: none;outline: none;width: 100%;padding: 3% 0;border: 1px solid #595959;border-radius: 25px;text-indent: 1em;color: #595959;font-size: 1.2em;}
.body #search select{background: url(../images/xiala.png) no-repeat 92% center;background-size: 10% auto;}
.body #search input{background:url(../images/search.png) no-repeat 92% center; background-size: 10% auto;}
.body #search a.btn,.jobbtns{display:block; padding-top:5%;width: 80%;left: 10%;position: relative;}

/*list*/
.list{display:block; overflow:hidden;}
.list li {border-bottom: 1px solid #595959;margin-bottom: 3%;float: left;width: 100%;}
.list li a {display: block;padding: 4% 7% 4% 0;background: url(../images/list_btn.png) no-repeat 98% center;background-size: 5% auto;font-size: 14px;
color: #595959; font-size:0.8em;}
.body .back {padding: 3% 0 8% 0; width:100%; text-align:right;}
.body .back a {display: inline-block;text-decoration: underline;color: #001e75;background: url(../images/back.png) no-repeat left center;background-size: 20% auto;padding-left: 12%;}
.btns{width:100%; overflow:hidden;}
.btns a {display: block;width: 45%;float: left;padding-top: 6%;}
.btns a.next{float:right;}
.pagebtns a img:last-child{display:none;}
.pagebtns a.gray img:last-child{display:block;}
.pagebtns a.gray img:first-child{display:none;}

/*jobinfo*/
h1{font-size:14px;color: #595959;}
.jobinfo p{font-size:14px;}


/*login*/
.login p{text-indent:0;}
.login .jobname{font-size: 12px;padding-bottom: 6%;}
.login form div {padding: 5% 0 5% 14%;border-bottom: 1px solid #fff;}
.login form input{width: 100%;padding:3%;box-sizing: border-box;background-size: 10% auto;border: 0px;color:#595959; font-size:1.2em;background: none;outline: none;border: 1px solid #f5961d;border-radius: 25px;}
.login .user {background: url(../images/username.png) no-repeat left center;background-size: 12% auto;border-top:1px solid #fff;}
.login .pass{background:url(../images/password.png) no-repeat left center; background-size:12% auto;}


/*resume*/
.resume td{font-size:13px; color:#f5961d;height: 37px;}
.resume td.td01{text-align:right;padding-right: 3%;}
.resume td.td02 input,.resume td.td02 select{border:1px solid #f5961d;border-radius: 25px;padding: 2% 3%;width: 94%;outline: none;color:#f5961d;font-size: 13px;}
.resume td.td02 select{-webkit-appearance: none;width: 100%; background:url(../images/xiala2.png) no-repeat 95% center;}
.resume .sumbit{display:block; width:100%;margin-top: 10%;}
.resume .sumbit img{width:48%; margin:0 auto;}

/*footer & up*/
.footer {position:absolute;bottom: 0;width: 100%;height: 25px;line-height: 25px;text-align: center; color:#595959;}
.footer img{vertical-align:middle; width:15px; display: inline-block;}
.indexfoot{position:fixed; color:#00536a;bottom: 0;width: 100%;height: 25px;line-height: 25px;text-align: center; z-index:80;}
.indexfoot img{vertical-align:middle; width:15px; display: inline-block;}


@media only screen and (max-width:322px) and (max-height:420px){
.indexcont li .logo{width:40%; left:30%;top: 7%;}

}
@media only screen and (min-width:700px) and (min-height:900px){
.indexcont li .logo{top:6%;}
.indexcont li .btn{top: 43.58%;}
.footer{font-size: 24px;height: 40px;line-height: 40px;}
.footer img{width:25px;}
.body p,.login .jobname,.resume td.td02 input, .resume td.td02 select{font-size:24px;}
.body{padding-bottom:55px;}
.body #search select, .body #search input,.login form input{font-size:24px;}
.list li a{font-size:22px;}
h1{font-size:26px;}
.resume td{font-size:24px;height: 74px;}
}



/*anmiate*/

/*hengping*/
@-webkit-keyframes zhuan {
	0%{-webkit-transform:rotate(-90deg);}
	50%{-webkit-transform:rotate(0deg);}
	100%{-webkit-transform:rotate(-90deg);}
}
@-ms-keyframes zhuan {
	0%{-ms-transform:rotate(-90deg);}
	50%{-ms-transform:rotate(0deg);}
	100%{-ms-transform:rotate(-90deg);}
}
@-moz-keyframes zhuan {
	0%{-moz-transform:rotate(-90deg);}
	50%{-moz-transform:rotate(0deg);}
	100%{-moz-transform:rotate(-90deg);}
}
@keyframes zhuan {
	0%{transform:rotate(-90deg);}
	50%{transform:rotate(0deg);}
	100%{transform:rotate(-90deg);}
}

/*loading 01*/
@-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 #fff; }
	50% { -moz-transform:rotate(120deg); opacity:1;}
	100% { -moz-transform:rotate(-320deg); opacity:0; }
}
@-ms-keyframes c1 {
	0% { -ms-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px #fff; }
	50% { -ms-transform:rotate(120deg); opacity:1;}
	100% { -ms-transform:rotate(-320deg); opacity:0; }
}
@keyframes c1 {
	0% {transform:rotate(160deg); opacity:0; box-shadow:0 0 1px #fff; }
	50% {webkit-transform:rotate(120deg); opacity:1;}
	100% {transform:rotate(-320deg); opacity:0; }
}

/*loading 02*/
@-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); }
}
@-ms-keyframes c2 {
	0% { -ms-transform:rotate(0deg); }
	100% { -ms-transform:rotate(360deg);  }
}
@keyframes c2 {
	0% {transform:rotate(0deg); }
	100% {transform:rotate(360deg); }
}



/*btn*/


@keyframes downup{
  0% {
    opacity: 0;
    transform: translateY(60px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-moz-keyframes downup{
  0% {
    opacity: 0;
    -moz-transform: translateY(60px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@-webkit-keyframes downup{
  0% {
    opacity: 0;
    -webkit-transform: translateY(60px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-ms-keyframes downup{
  0% {
    opacity: 0;
    -ms-transform: translateY(60px);
  }
  100% {
    opacity: 1;
    -ms-transform: translateY(0);
  }
}