@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}
.arrow{
	position:fixed;
	bottom:5%;
	width:11.4%;
	left:45%;
	-webkit-animation:arrowMove 1.5s 0.3s infinite linear;
	animation:arrowMove 1.5s 0.3s infinite linear;
}
@-webkit-keyframes arrowMove {
	0% { -webkit-transform: translateY(0); transform: translateY(0);}
	100% {-webkit-transform: translateY(-20px); transform: translateY(-20px);}
}
@keyframes arrowMove {
	0% { -webkit-transform: translateY(0); transform: translateY(0);}
	100% { -webkit-transform: translateY(-20px); transform: translateY(-20px);opacity:0}
}
/*=====9/20修改===============*/
.p920a img:nth-child(1){-webkit-animation-duration: 2s; 
	animation-duration: 2s;
	-webkit-animation-delay:0.6s;
	animation-delay:0.6s;
-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
width: 87%;position:absolute;  right:-5%;
top: -3%;}

.p920a img:nth-child(2){ width:100%; position:absolute; top:9%; left:0%;
-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-delay:1.2s;
	animation-delay:1.2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	
}

.p920a{width: 100%;position: relative;
height: 50%;	
 z-index:29;
}

.p920{width:30%; position: relative; margin-top:10%;z-index:19;
-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-delay:0.2s;
	animation-delay:0.2s;
	-webkit-animation-timing-function:ease-in;
	animation-timing-function:ease-in;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;}

/*p1*/
.page-1-1,.page-2-1,.page-3-1,.page-4-1,.page-5-1,.page-6-1{ background:url(../images/3-10_bg.jpg) no-repeat bottom center;background-size:100% 100%;}
.p1-1{width:33%; position: relative; margin-left:10%; margin-top:10%;z-index:19;
-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-delay:0.2s;
	animation-delay:0.2s;
	-webkit-animation-timing-function:ease-in;
	animation-timing-function:ease-in;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;}

.p1-2{ width:100%; position:relative; margin:0 auto; margin-top:20%;
}
.p1-2 img:nth-child(1){-webkit-animation-duration: 2s; 
	animation-duration: 2s;
	-webkit-animation-delay:0.6s;
	animation-delay:0.6s;
-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
width: 87%;position:absolute;  right:0%;}

.p1-2 img:nth-child(2){ width:60%; position:absolute; top:0%; left:8%;
-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-delay:1.2s;
	animation-delay:1.2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	margin-top: 35%;
}
.p1-2 img:nth-child(3){ width:66%; position:absolute; top:0%; left:34%;
-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-delay:1.8s;
	animation-delay:1.8s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	margin-top: 10%;
}
	
/*p2*/
.page-2-1{ background:url(../images/3-10_bg.jpg) no-repeat bottom center;background-size:100% 100%;}
.p2-2{ width:100%; position:relative; margin:0 auto; margin-top:10%;
}
.p2-2 img:nth-child(1){-webkit-animation-duration: 2s; 
	animation-duration: 2s;
	-webkit-animation-delay:0.2s;
	animation-delay:0.2s;
-webkit-animation-fill-mode: both;
	animation-fill-mode: both;}
.p2-2 img:nth-child(2){ width:100%; position:absolute; top:0%; left:0%;
-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-delay:0.8s;
	animation-delay:0.8s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;

}
.p2-2 img:nth-child(3){ width:100%; position:absolute; top:0%; left:0%;
-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-delay:1.4s;
	animation-delay:1.4s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}


/*culture*/
.pageonly01{ background:url(../images/3-10_bg.jpg) no-repeat bottom center;background-size:100% 100%;}
.p6-1{position: relative; height: 8%;margin-top: 20%;}

.p6-1 img:nth-child(1){
	width:100%; position:absolute; left:0%;
-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-delay:0.8s;
	animation-delay:0.8s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	z-index: 10;

}
.p6-2{width:100%; position: relative; margin:0 auto; margin-top:5%;z-index:20; color:#66308b; text-align:center;}
.p6-2 h4{ padding-top:2%; font-size:18px;
	-webkit-animation-duration: 1s;
	animation-duration: 1s; 
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.p6-2 p{ font-size:14px; 
	-webkit-animation-duration: 1s;
	animation-duration: 1s; 
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.p6-2 h4:nth-child(1){
	-webkit-animation-delay:0.8s;
	animation-delay:0.8s;
	}
.p6-2 p:nth-child(2){
	-webkit-animation-delay:1s;
	animation-delay:1s;
	}
.p6-2 h4:nth-child(3){
	-webkit-animation-delay:1.4s;
	animation-delay:1.4s;
	}
.p6-2 p:nth-child(4){
	-webkit-animation-delay:1.6s;
	animation-delay:1.6s;
	}
.p6-2 h4:nth-child(5){
	-webkit-animation-delay:2s;
	animation-delay:2s;
	}
.p6-2 p:nth-child(6){
	-webkit-animation-delay:2.2s;
	animation-delay:2.2s;
	}

/*mien*/
.p7-1{width:22.2%; position: relative; margin:0 auto; margin-top:10%;z-index:19;
-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-delay:0.2s;
	animation-delay:0.2s;
	-webkit-animation-timing-function:ease-in;
	animation-timing-function:ease-in;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;}
.p7-2{width:100%; position: relative; overflow:hidden;  margin:0 auto; margin-top:2%;background:url(../images/9_photo.png) no-repeat bottom center;background-size:100% 100%;}
.p7-2a{ width:100%; position: relative; top:0%; left:0%;overflow:hidden; z-index:20;
}
.p7-2a .p7-2b{float:left;display:block;}
.p2-01-btnr{  display:block;width:8%; position:absolute; top:42%; right:8%; z-index:21;}
.p2-01-btnl{  display:block;width:8%; position:absolute; top:42%; left:10%;z-index:21;}
	
/*journey*/
.p10-1{ position:relative; width:100%; margin:0 auto; margin-top:10%;}
ul.p10-1a{position:relative; width:100%;}	
ul.p10-1a li{position: absolute; width:100%; top:0; left:0 ;}
ul.p10-1a li:nth-child(1){
-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
	-webkit-animation-delay:0.2s;
	animation-delay:0.2s;
	-webkit-animation-timing-function:ease-in;
	animation-timing-function:ease-in;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;}		
ul.p10-1a li:nth-child(12){position: absolute; width:100%; top:0; left:0 ;
-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
	-webkit-animation-delay:0.2s;
	animation-delay:0.2s;
	-webkit-animation-timing-function:ease-in;
	animation-timing-function:ease-in;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;}	
ul.p10-1a li.pane{width:100%;display:none; padding:0 ; margin-top:0%;}
ul.p10-1b{position: absolute; width:71.6%; top:0; left:11.9% ;}
ul.p10-1b li{ position:absolute; font-size:14px; color:#fff; width:40px; height:40px; -webkit-border-radius:20px; line-height:40px; text-align:center; z-index:21 ;}
ul.p10-1b li:nth-child(1){ margin-top:12%; left:23%;
}
ul.p10-1b li:nth-child(2){ margin-top:9.5%; left:49%;}
ul.p10-1b li:nth-child(3){ margin-top:17%; left:76%;}
ul.p10-1b li:nth-child(4){ margin-top:38%; right:-5%;}
ul.p10-1b li:nth-child(5){ margin-top:62%; right:-5%;}
ul.p10-1b li:nth-child(6){ margin-top:84%; right:6%;}
ul.p10-1b li:nth-child(7){ margin-top:97%; left:54%;}
ul.p10-1b li:nth-child(8){ margin-top:94%; left:26%;}
ul.p10-1b li:nth-child(9){ margin-top:79%; left:8%;}
ul.p10-1b li:nth-child(10){ margin-top:55%; left:0%;}
ul.p10-1b li:nth-child(11){ margin-top:31%; left:7%;}

.bb{ background:#66308b;}
.activ{
	cursor:pointer;color:#fff; background:#e5a500;
}

/*job*/
.pageonly02{ background:url(../images/3_bg.jpg) no-repeat bottom center;background-size:100% 100%;}
ul.nav{ width:77.7%; position: relative; margin:0 auto; margin-top:20%; }
ul.nav li{ position:absolute; width:100%; top:0; left:0;
-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;}
ul.nav li:nth-child(1){position: relative;
-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-timing-function:ease-in;
	animation-timing-function:ease-in;
	-webkit-animation-delay:0.2s;
	animation-delay:0.2s;}
ul.nav li:nth-child(2){	
-webkit-animation-delay:0.8s;
	animation-delay:0.8s;
}
ul.nav li:nth-child(3){	
-webkit-animation-delay:1.1s;
	animation-delay:1.1s;
}
ul.nav li:nth-child(4){	
-webkit-animation-delay:1.4s;
	animation-delay:1.4s;
}
ul.nav li:nth-child(5){	
-webkit-animation-delay:1.7s;
	animation-delay:1.7s;
}
ul.nav li:nth-child(6){	
-webkit-animation-delay:2s;
	animation-delay:2s;
}
ul.nav li:nth-child(7){	
-webkit-animation-delay:2.3s;
	animation-delay:2.3s;
}
ul.nav a:nth-child(8){position:absolute; width:33%; height:33%; bottom:17%; left:0;}
ul.nav a:nth-child(9){position:absolute; width:33%; height:33%; top:17%; left:0;}
ul.nav a:nth-child(10){position:absolute; width:33%; height:33%; top:0%; left:33%;}
ul.nav a:nth-child(11){position:absolute; width:33%; height:33%; top:17%; right:0;}
ul.nav a:nth-child(12){position:absolute; width:33%; height:33%; bottom:17%; right:0;}
ul.nav a:nth-child(13){position:absolute; width:33%; height:33%; bottom:33%; right:33%;}
ul.nav a:nth-child(14){position:absolute; width:33%; height:33%; bottom:0%; right:33%;}

/*内页样式*/
.body{background:#f2f0f0}
.wrap{width:100%;position:absolute;top:0;left:0;}
.wraps{width:100%;position:absolute;top:0;left:0;min-height: 100%; /*height:100%;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:46.6%;position: relative; float:left }
.top a.home{width:11.4%;display:block; float:right;}

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

/*----------提示导航--------------*/
.left_nav{position: absolute;right:5%;top:20px;cursor: pointer;z-index: 999;width: 18%;}


.nav_bottom{position: absolute;top:50px;right:3%;width: 80px;height: 171px;background: url(../images/nav_bg920.png) no-repeat center top;background-size: 100% auto;

	display: none;z-index: 990;
-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-timing-function:ease-in;
	animation-timing-function:ease-in;
	-webkit-animation-delay:0.2s;
	animation-delay:0.2s;
	animation-fill-mode: both;
-webkit-animation-fill-mode: both;}
.nav_bottom li{width: 100%;height:19%;}
.nav_bottom li a{width: 100%;height: 100%;display: inline-block;}
div.show{display: block;}

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




/*媒体查询兼容手机尺寸*/
/*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}
}

@media only screen and (min-device-width : 320px) and (max-device-height :480px){

	.p920{margin-top: 0;}
	.p1-2{margin-top: 11%;}
	.p2-2{margin-top: 2%;}
	.p6-1{margin-top: 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);}
}
.hide{display:none;}


@-webkit-keyframes shrink01 {
0% { opacity:0;
-webkit-transform:scale(3, 3);
-ms-transform:scale(3, 3);
transform:scale(3, 3)
}
100% {
-webkit-transform:scale(1,1);
-ms-transform:scale(1,1);
transform:scale(1,1)
}
}
@keyframes shrink01 {
0% {opacity:0;
-webkit-transform:scale(3, 3);
-ms-transform:scale(3, 3);
transform:scale(3, 3)
}
100% {
-webkit-transform:scale(1,1);
-ms-transform:scale(1,1);
transform:scale(1,1)
}
}
.shrink01 {
	-webkit-animation-name: shrink01;
	animation-name: shrink01
}

.job{

	background-color: rgba(255,255,255,.6);
	width: 90%;
	margin: 0 auto;
	padding-bottom: 10px;
	margin-top: 5%;
	padding-top: 1px;
	margin-bottom: 30px;
}
.job ul{width: 90%; margin: 0 auto; padding: 10px 0;}
.job ul li{ padding: 2px 0; margin: 5px 0;border-bottom: 1px dashed #ccc; background: url(../images/1.png) no-repeat center right;background-size: 5%;padding-right: 30%;}
.job ul li a{color: #000;}
.job h2{text-align: center; padding: 10px 0;margin:10px 0;}
.job h2 span{padding: 5px 10px;background-color: #e5a600;color: #fff;font-family: "微软雅黑";font-size: 20px;letter-spacing: 1px;}
.job .jobinfo{width: 90%; margin: 0 auto;}
.job .jobinfo p{text-align: left;text-justify: inter-ideograph; text-indent: 2em;}
.btn{ width: 70%; margin: 0 auto;overflow: hidden;}
.btn a{display: block;color: #fff;background-color: #805f07; padding:5px 10px;}
.btn a.pre,.btn a.back{float: left;}
.btn a.next,.btn a.go{float: right;}
.btn a:visited,.btn a:link,.btn a:hover{text-decoration: none !important;}

.jobdetail_box{background-color: rgba(255,255,255,.6);width: 90%; margin: 0 auto; margin-bottom: 30px; margin-top: 20px;}
.jobdetail_box .detail{width: 90%; margin: 0px auto; padding: 20px 0; }
.jobdetail_box .detail h2{text-align: center;padding-bottom: 10px;margin-bottom: 10px;}
.jobdetail_box .detail h2 span{padding: 5px 10px;background-color: #e5a600;color: #fff;font-family: "微软雅黑";font-size: 20px;letter-spacing: 1px;}
.jobdetail_box .detail .position{font-size: 18px; color: #e5a600;}
.jobdetail_box .detail .city{overflow: hidden;width: 100%;}
.jobdetail_box .detail .city .delist{float: left;margin: 5px 0;font-size: 14px;}
.jobdetail_box .detail .city .delist:nth-child(2){margin-left: 25%;}
.jobdetail_box .btn{padding-bottom: 20px;}
/*遮罩层部分*/

.seen{
	display: none;
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 3000;
}
.seen .cover-bg{
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.75);
}
.seen .cover-show{
	width: 70%;
	height: 30%;
	background-color: #fff;
	border-radius: 10px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	z-index: 999;
}
.seen .cover-tips{
	padding: 0 25px;
	text-align: center;
	margin-top: 100px;
	font-size: 20px;
	line-height: 20px;
	font-weight: bold;
}
.seen .cover-fork{
	position: absolute;
	top: 0;
	right: 0;
	padding: 10px;
	font-size: 20px;
	line-height: 10px;
	cursor: pointer;
}