@charset "utf-8";
/* CSS Document */
* {
	margin: 0;
	padding: 0;
}
html {
	width: 100%;
	height: 100%;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
body {
	width: 100%;
	height: 100%;
	font-size:15px;
	font-weight: 400;
	color: #fff;
	font-smoothing: antialiased;
	font-family: 微软雅黑;
	overflow: hidden;
	background:url(../images/bg.png) no-repeat; background-size:100%;
}
ul, li {
	list-style: none
}
a {
	text-decoration: none;
	color: #fff;
}
.clear {
	width: 0px;
	height: 0px;
	line-height: 0px;
	overflow: hidden;
	clear: both;
}
em, i {
	font-style: normal
}
.section{	width: 100%;
	height: 100%;overflow:hidden;}
.company_bg, .rusume_body {
	width: 100%;
	height: 100%;
	overflow:hidden;
}
.section_re_body {
	padding: 40px 35px 0px 55px;
}
/*content*/
.company_bg { 
	overflow: hidden
}
.myDiv {
	width: 1000px;
	height: 65%;
	margin: 0 auto;
	overflow: auto;
}
.section_Additional_con {
	padding: 80px 40px 0px 40px;
}
.section_photo_con{
	padding: 130px 40px 0px 40px;
}
/*标题*/
.company_tit{ position:absolute;left:65px;top:20px; font-size:16px;
-webkit-transform:translate(0,-100px);
-moz-transform:translate(0,-100px);
-ms-transform:translate(0,-100px);
-o-transform:translate(0,-100px);
transform:translate(0,-100px);
-webkit-transition:all 1s linear;
 -moz-transition:all 1s linear;
-ms-transition:all 1s linear;
-o-transition:all 1s linear;
transition:all 1s linear;
}
.active .company_tit{
-webkit-transform:translate(0,0px); 
-moz-transform:translate(0,0px); 
-ms-transform:translate(0,0px); 
-o-transform:translate(0,0px); 
transform:translate(0,0px); 
}
.company_tit_p{border-top:1px solid #fff; margin-top:5px; padding-top:5px;}
.company_tit_icon{width:60px;height:60px; font-size:40px; opacity:0.8;position:absolute;left:-50px;top:5px;
-webkit-transform:translate(-100px,0px);
-moz-transform:translate(-100px,0px);
-ms-transform:translate(-100px,0px);
-o-transform:translate(-100px,0px);
transform:translate(-100px,0px);
 -webkit-transition:all 1s linear 0.5s;
 -moz-transition:all 1s linear 0.5s;
-ms-transition:all 1s linear 0.5s;
-o-transition:all 1s linear 0.5s;
transition:all 1s linear 0.5s;
}
.active .company_tit_icon{-webkit-transform:translate(0,0px);
-moz-transform:translate(0,0px);
-ms-transform:translate(0,0px);
-o-transform:translate(0,0px);
transform:translate(0,0px);
}
/*指向*/
.company_end{width:100%; position:absolute;bottom:30px; text-align:center}
.company_end_icon{width:30px;height:30px; color:#fff; font-size:30px; opacity:0.8;display:block; margin:0 auto;
-webkit-animation:company_end_icon 2s linear infinite both;
-moz-animation:company_end_icon 2s linear infinite both;
-ms-animation:company_end_icon 2s linear infinite both;
-o-animation:company_end_icon 2s linear infinite both;
animation:company_end_icon 2s linear infinite both; }
@-webkit-keyframes company_end_icon {
 0% {
-webkit-transform:translate(0px, 30px);
-moz-transform:translate(0px, 30px);
-o-transform:translate(0px, 30px);
-ms-transform:translate(0px, 30px);
transform:translate(0px, 30px);
 opacity:0;filter:alpha(opacity=0);
}
 100% {
-webkit-transform:translate(0px, 0px);
-moz-transform:translate(0px, 0px);
-ms-transform:translate(0px, 0px);
-o-transform:translate(0px, 0px);
 opacity:1
}
}

/*第一屏*/
.company_one{width:100%;height:100%; background:url(../images/bgone.png) no-repeat; background-size:100%; position:relative}
.active .company_logo{ position:absolute;top:30%;left:50%; background:rgba(255,255,255,0.5); padding:10px; z-index:1000; margin-left:-55px;
 -webkit-animation:company_logo 1s  linear;
 -moz-animation:company_logo 1s  linear;
 -ms-animation:company_logo 1s  linear;
 -o-animation:company_logo 1s  linear;
 animation:company_logo 1s  linear;
 }
.active .company_name{ width:100%; text-align:center;position:absolute;top:52%;left:0px; z-index:10; font-size:16px;
 -webkit-animation:company_name 1s  linear;
  -moz-animation:company_name 1s  linear;
 -ms-animation:company_name 1s  linear;
 -o-animation:company_name 1s  linear;
 animation:company_name 1s  linear;
}
 .company_name{-webkit-transform:translate(0px, 0px);}
.company_one_bg{width:100%;height:100%;
 -webkit-animation:company_one_bg 10s linear infinite both;
  -moz-animation:company_one_bg 10s linear infinite both;
 -ms-animation:company_one_bg 10s linear infinite both;
 -o-animation:company_one_bg 10s linear infinite both;
 animation:company_one_bg 10s linear infinite both;
  position:absolute;left:0px;top:0px; z-index:2}
 .company_one_bg img{width:100%;height:100%}
.company_one_icon{width:150px;height:150px; display:block; background:url(../images/bgone1.png) no-repeat; background-size:100%; position:absolute;right:50px;top:50px; z-index:100;
-webkit-animation:company_one_icon 4s linear infinite both;
 -moz-animation:company_one_icon 4s linear infinite both;
 -ms-animation:company_one_icon 4s linear infinite both;
 -o-animation:company_one_icon 4s linear infinite both;
 animation:company_one_icon 4s linear infinite both;
  }
.company_one_icon2{width:100px;height:100px; display:block; background:url(../images/bgone1.png) no-repeat; background-size:100%; position:absolute;right:30px;top:30px; z-index:100;
-webkit-animation:company_one_icon 4s linear infinite both;
 -moz-animation:company_one_icon 4s linear infinite both;
 -ms-animation:company_one_icon 4s linear infinite both;
 -o-animation:company_one_icon 4s linear infinite both;
 animation:company_one_icon 4s linear infinite both;}
.company_one_icon3{width:150px;height:150px; display:block; background:url(../images/bgone1.png) no-repeat; background-size:100%; position:absolute;right:180px;top:-70px; z-index:100;
-webkit-animation:company_one_icon 4s linear infinite both;
 -moz-animation:company_one_icon 4s linear infinite both;
 -ms-animation:company_one_icon 4s linear infinite both;
 -o-animation:company_one_icon 4s linear infinite both;
 animation:company_one_icon 4s linear infinite both;
  }

@-webkit-keyframes company_one_icon {
 0% {
-webkit-transform:rotate(360deg);
 -moz-transform:rotate(360deg);
 -ms-transform:rotate(360deg);
 -o-transform:rotate(360deg);
 transform:rotate(360deg);
}
 100% {
-webkit-transform:rotate(0deg);
 -moz-transform:rotate(0deg);
 -ms-transform:rotate(0deg);
 -o-transform:rotate(0deg);
 transform:rotate(0deg);
}
}
@-webkit-keyframes company_logo {
 0% {
-webkit-transform:translate(0px, -150px);
 -moz-transform:translate(0px, -150px);
 -ms-transform:translate(0px, -150px);
 -o-transform:translate(0px, -150px);
 transform:translate(0px, -150px);
}
 
 100% {
-webkit-transform:translate(0px, 0px);
 -moz-transform:translate(0px, 0px);
 -ms-transform:translate(0px, 0px);
 -o-transform:translate(0px, 0px);
 transform:translate(0px, 0px);
}
}
@-webkit-keyframes company_name {
 0% {
-webkit-transform:translate(0px, 100px);
 -moz-transform:translate(0px, 100px);
 -ms-transform:translate(0px, 100px);
 -o-transform:translate(0px, 100px);
 transform:translate(0px, 100px);
}
 
 100% {
-webkit-transform:translate(0px, 0px);
 -moz-transform:translate(0px, 0px);
 -ms-transform:translate(0px, 0px);
 -o-transform:translate(0px, 0px);
 transform:translate(0px, 0px);
}
}
@-webkit-keyframes company_one_bg {
 0% {
-webkit-transform:translate(500px, 0px);
 -moz-transform:translate(500px, 0px);
 -ms-transform:translate(500px, 0px);
 -o-transform:translate(500px, 0px);
 transform:translate(500px, 0px);
}
 40% {
-webkit-transform:translate(-500px, 0px);
 -moz-transform:translate(-500px, 0px);
 -ms-transform:translate(-500px, 0px);
 -o-transform:translate(-500px, 0px);
 transform:translate(-500px, 0px);
}
 50% {
-webkit-transform:translate(0px, 0px);
 -moz-transform:translate(0px, 0px);
 -ms-transform:translate(0px, 0px);
 -o-transform:translate(0px, 0px);
 transform:translate(0px, 0px);
}
 70% {
-webkit-transform:translate(300px, 0px);
 -moz-transform:translate(300px, 0px);
 -ms-transform:translate(300px, 0px);
 -o-transform:translate(300px, 0px);
 transform:translate(300px, 0px);
}
 100% {
-webkit-transform:translate(0px, 0px);
 -moz-transform:translate(0px, 0px);
 -ms-transform:translate(0px, 0px);
 -o-transform:translate(0px, 0px);
 transform:translate(0px, 0px);
}
}

/*第二屏*/
.active  .section_img{width:134px;height:230px; background:url(../images/bgtwo1.png) no-repeat; background-size:90%; position:absolute;left:-50px;top:150px;
-webkit-animation:section_img 1s 0.5s both;
-moz-animation:section_img 1s 0.5s both;
-ms-animation:section_img 1s 0.5s both;
-o-animation:section_img 1s 0.5s both;
animation:section_img 1s 0.5s both;
}
.active .section_bor{width:230px;height:230px;border:2px dashed #fff;border-radius:50%; position:absolute;left:-120px;top:130px; 
-webkit-animation:section_bor 4s  ease-in 1.5s infinite;
-moz-animation:section_bor 4s  ease-in 1.5s infinite;
-ms-animation:section_bor 4s  ease-in 1.5s infinite;
-o-animation:section_bor 4s  ease-in 1.5s infinite;
animation:section_bor 4s  ease-in 1.5s infinite;
 }
.company_one_p1{ position:absolute;left:140px;top:120px;}
.active  .company_one_p1:after{width:90px;height:2px;background:rgba(255,255,255,0.5);content:""; position:absolute;left:-115px;top:10px; 
-webkit-animation:company_one_p1a 0.5s  linear 2s both;
-moz-animation:company_one_p1a 0.5s  linear 2s both;
-ms-animation:company_one_p1a 0.5s  linear 2s both;
-o-animation:company_one_p1a 0.5s  linear 2s both;
animation:company_one_p1a 0.5s  linear 2s both;
}
.company_one_p1:before{width:13px;height:13px;background:rgba(255,255,255,1);border-radius:50%;content:""; position:absolute;left:-20px;top:5px;}
.company_one_p2{ position:absolute;left:200px;top:180px;}
.active .company_one_p2:after{width:50px;height:2px;background:rgba(255,255,255,0.5);content:""; position:absolute;left:-80px;top:10px; 
-webkit-animation:company_one_p1a 0.5s  linear 2.2s both;
-moz-animation:company_one_p1a 0.5s  linear 2.2s both;
-ms-animation:company_one_p1a 0.5s  linear 2.2s both;
-o-animation:company_one_p1a 0.5s  linear 2.2s both;
animation:company_one_p1a 0.5s  linear 2.2s both;
}
.company_one_p2:before{width:13px;height:13px;background:rgba(255,255,255,1);border-radius:50%;content:""; position:absolute;left:-20px;top:5px;}
.company_one_p3{ position:absolute;left:180px;top:240px;}
.active .company_one_p3:after{width:30px;height:2px;background:rgba(255,255,255,0.5);content:""; position:absolute;left:-58px;top:10px;
-webkit-animation:company_one_p1a 0.5s  linear 2.3s both;
-moz-animation:company_one_p1a 0.5s  linear 2.3s both;
-ms-animation:company_one_p1a 0.5s  linear 2.3s both;
-o-animation:company_one_p1a 0.5s  linear 2.3s both;
animation:company_one_p1a 0.5s  linear 2.3s both;
}
.company_one_p3:before{width:13px;height:13px;background:rgba(255,255,255,1);border-radius:50%;content:""; position:absolute;left:-20px;top:5px;}
.company_one_p4{ position:absolute;left:200px;top:310px;}
.active .company_one_p4:after{width:90px;height:2px;background:rgba(255,255,255,0.5);content:""; position:absolute;left:-115px;top:10px;
-webkit-animation:company_one_p1a 0.5s  linear 2.4s both;
-moz-animation:company_one_p1a 0.5s  linear 2.4s both;
-ms-animation:company_one_p1a 0.5s  linear 2.4s both;
-o-animation:company_one_p1a 0.5s  linear 2.4s both;
animation:company_one_p1a 0.5s  linear 2.4s both;
}
.company_one_p4:before{width:13px;height:13px;background:rgba(255,255,255,1);border-radius:50%;content:""; position:absolute;left:-20px;top:5px;}
.company_one_p5{ position:absolute;left:130px;top:380px;}
.active .company_one_p5:after{width:150px;height:2px;background:rgba(255,255,255,0.5);content:""; position:absolute;left:-165px;top:10px;
-webkit-animation:company_one_p1a 0.5s  linear 2.5s both;
-moz-animation:company_one_p1a 0.5s  linear 2.5s both;
-ms-animation:company_one_p1a 0.5s  linear 2.5s both;
-o-animation:company_one_p1a 0.5s  linear 2.5s both;}
.company_one_p5:before{width:13px;height:13px;background:rgba(255,255,255,1);border-radius:50%;content:""; position:absolute;left:-20px;top:5px;}
.active  .section_ears{width:40px;height:40px; background:url(../images/bgtwo2.png) no-repeat center center;background-size:80%; position:absolute;left:8px;top:187px;-webkit-animation:section_ears 4s  ease-in 2s infinite ;
-moz-animation:section_ears 4s  ease-in 2s infinite ;
-ms-animation:section_ears 4s  ease-in 2s infinite ;
-o-animation:section_ears 4s  ease-in 2s infinite ;
animation:section_ears 4s  ease-in 2s infinite ;
 -webkit-transform-origin:50% 50%;
 -moz-transform-origin:50% 50%;
-ms-transform-origin:50% 50%;
-o-transform-origin:50% 50%;
transform-origin:50% 50%;}
.active  .company_one_p1_s{
-webkit-animation:company_one_p1_s 0.5s  linear 2.5s both;
-moz-animation:company_one_p1_s 0.5s  linear 2.5s both;
-ms-animation:company_one_p1_s 0.5s  linear 2.5s both;
-o-animation:company_one_p1_s 0.5s  linear 2.5s both;
animation:company_one_p1_s 0.5s  linear 2.5s both;
 display:inline-block}
.active  .company_one_p2_s{
	-webkit-animation:company_one_p1_s 0.5s  linear 2.6s both;
-moz-animation:company_one_p1_s 0.5s  linear 2.6s both;
-ms-animation:company_one_p1_s 0.5s  linear 2.6s both;
-o-animation:company_one_p1_s 0.5s  linear 2.6s both;
animation:company_one_p1_s 0.5s  linear 2.6s both;
 display:inline-block}
.active  .company_one_p3_s{-webkit-animation:company_one_p1_s 0.5s  linear 2.7s both;
-moz-animation:company_one_p1_s 0.5s  linear 2.7s both;
-ms-animation:company_one_p1_s 0.5s  linear 2.7s both;
-o-animation:company_one_p1_s 0.5s  linear 2.7s both;
animation:company_one_p1_s 0.5s  linear 2.7s both;
 display:inline-block}
.active  .company_one_p4_s{-webkit-animation:company_one_p1_s 0.5s  linear 2.8s both;
-moz-animation:company_one_p1_s 0.5s  linear 2.8s both;
-ms-animation:company_one_p1_s 0.5s  linear 2.8s both;
-o-animation:company_one_p1_s 0.5s  linear 2.8s both;
animation:company_one_p1_s 0.5s  linear 2.8s both;
 display:inline-block}
.active  .company_one_p5_s{-webkit-animation:company_one_p1_s 0.5s  linear 2.9s both;
-moz-animation:company_one_p1_s 0.5s  linear 2.9s both;
-ms-animation:company_one_p1_s 0.5s  linear 2.9s both;
-o-animation:company_one_p1_s 0.5s  linear 2.9s both;
animation:company_one_p1_s 0.5s  linear 2.9s both;
 display:inline-block}
@-webkit-keyframes section_img {
 0% {
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
transform:scale(1);
}
 50% {
-webkit-transform:scale(1.5);
-moz-transform:scale(1.5);
-ms-transform:scale(1.5);
-o-transform:scale(1.5);
transform:scale(1.5);
}
 80% {
-webkit-transform:scale(0.3);
-moz-transform:scale(0.3);
-ms-transform:scale(0.3);
-o-transform:scale(0.3);
transform:scale(0.3);
}
 90% {
-webkit-transform:scale(1.2);
-moz-transform:scale(1.2);
-ms-transform:scale(1.2);
-o-transform:scale(1.2);
transform:scale(1.2);
}
 100% {
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
transform:scale(1);
}
}
@-webkit-keyframes company_one_p1a {
 0% {
-webkit-transform:translate(-50px, 0px);
-moz-transform:translate(-50px, 0px);
-ms-transform:translate(-50px, 0px);
-o-transform:translate(-50px, 0px);
transform:translate(-50px, 0px);
opacity:0
}
 
 100% {
-webkit-transform:translate(0px, 0px);
-moz-transform:translate(0px, 0px);
-ms-transform:translate(0px, 0px);
-o-transform:translate(0px, 0px);
transform:translate(0px, 0px);
opacity:1
}
}
@-webkit-keyframes company_one_p1_s {
 0% {
-webkit-transform:translate(100px, 0px);
-moz-transform:translate(100px, 0px);
-ms-transform:translate(100px, 0px);
-o-transform:translate(100px, 0px);
transform:translate(100px, 0px);
opacity:0
}
 
 100% {
-webkit-transform:translate(0px, 0px);
-moz-transform:translate(0px, 0px);
-ms-transform:translate(0px, 0px);
-o-transform:translate(0px, 0px);
transform:translate(0px, 0px);
opacity:1
}
}

@-webkit-keyframes section_ears {
 0% {
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-ms-transform:rotate(360deg);
-o-transform:rotate(360deg);
transform:rotate(360deg);
}
 100% {
-webkit-transform:rotate(0deg);
-moz-transform:rotate(0deg);
-ms-transform:rotate(0deg);
-o-transform:rotate(0deg);
transform:rotate(0deg);
}
}
@-webkit-keyframes section_bor {
 0% {
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-ms-transform:rotate(360deg);
-o-transform:rotate(360deg);
transform:rotate(360deg);
}
 100% {
-webkit-transform:rotate(0deg);
-moz-transform:rotate(0deg);
-ms-transform:rotate(0deg);
-o-transform:rotate(0deg);
transform:rotate(0deg);
}
}

/*招聘职位*/
.section_job_con{ padding:90px 20px 0px 20px;}
.active .company_job{width:100%; padding:10px 0; position:relative; line-height:30px; 
-webkit-transform-origin:center center;
-moz-transform-origin:center center;
-ms-transform-origin:center center;
-o-transform-origin:center center;
transform-origin:center center;
}
.active  .company_job:after{width:100%;height:2px;background: rgba(255,255,255,0.1);content:""; position:absolute;left:0px;bottom:0px;}
.active .company_job:nth-child(1){-webkit-animation:company_job_a 1s  linear  both;
-moz-animation:company_job_a 1s  linear  both;
-ms-animation:company_job_a 1s  linear  both;
-o-animation:company_job_a 1s  linear  both;
animation:company_job_a 1s  linear  both;}
.active .company_job:nth-child(2){-webkit-animation:company_job_a 1s  linear 1s both;
-moz-animation:company_job_a 1s  linear 1s both;
-ms-animation:company_job_a 1s  linear 1s both;
-o-animation:company_job_a 1s  linear 1s both;
animation:company_job_a 1s  linear 1s both;
}
.active .company_job:nth-child(3){-webkit-animation:company_job_a 1s  linear 2s  both;
-moz-animation:company_job_a 1s  linear 2s  both;
-ms-animation:company_job_a 1s  linear 2s  both;
-o-animation:company_job_a 1s  linear 2s  both;
animation:company_job_a 1s  linear 2s  both;
}
.active .company_job:nth-child(4){-webkit-animation:company_job_a 1s  linear 3s  both;
-moz-animation:company_job_a 1s  linear 3s  both;
-ms-animation:company_job_a 1s  linear 3s  both;
-o-animation:company_job_a 1s  linear 3s  both;
animation:company_job_a 1s  linear 3s  both;
}
.active .company_job:nth-child(5){-webkit-animation:company_job_a 1s  linear 4s  both;
-moz-animation:company_job_a 1s  linear 3s  both;
-ms-animation:company_job_a 1s  linear 3s  both;
-o-animation:company_job_a 1s  linear 3s  both;
animation:company_job_a 1s  linear 3s  both;
}
.company_job_name{ font-weight:bold}
.active  .company_job_xz{color:#FF0; margin-right:10px; display:inline-block;}
.active  .company_job a{ display:block}
.company_job_icon{width:30px;height:30px; display:block; background:#b7d161;color:#fff; text-align:center; font-size:20px;border-radius:50%;; position:absolute;right:5px;top:20px;-webkit-animation:company_job_icon 1s  linear 3s  infinite both;
-moz-animation:company_job_icon 1s  linear 3s  infinite both;
-ms-animation:company_job_icon 1s  linear 3s  infinite both;
-o-animation:company_job_icon 1s  linear 3s  infinite both;
animation:company_job_icon 1s  linear 3s  infinite both;
}
.company_job_box{width:100%;height:320px; overflow:hidden; position:relative}
.company_job_more{width:100%; text-align:center; font-size:16px; position:absolute;left:0px;bottom:60px; -webkit-animation:company_job_more_d  2s linear infinite both;

}
@-webkit-keyframes company_job_more_d {
 0% {
-webkit-transform:translate(-10px, 0px);
-moz-transform:translate(-10px, 0px);
-ms-transform:translate(-10px, 0px);
-o-transform:translate(-10px, 0px);
transform:translate(-10px, 0px);
opacity:0
}
 100% {
-webkit-transform:translate(0px, 0px);
-moz-transform:translate(0px, 0px);
-ms-transform:translate(0px, 0px);
-o-transform:translate(0px, 0px);
transform:translate(0px, 0px);
opacity:0.8
}
}
@-webkit-keyframes company_job_a {
 0% {
-webkit-transform:translate(0px, 0px) rotateX(180deg);
-moz-transform:translate(0px, 0px) rotateX(180deg);
-ms-transform:translate(0px, 0px) rotateX(180deg);
-o-transform:translate(0px, 0px) rotateX(180deg);
transform:translate(0px, 0px) rotateX(180deg);
opacity:0
}
 
 100% {
-webkit-transform:translate(0px, 0px) rotateX(0deg);
-moz-transform:translate(0px, 0px) rotateX(0deg);
-ms-transform:translate(0px, 0px) rotateX(0deg);
-o-transform:translate(0px, 0px) rotateX(0deg);
transform:translate(0px, 0px) rotateX(0deg);
opacity:1
}
}
@-webkit-keyframes company_job_icon {
 0% {
-webkit-transform:translate(1px, 1px) rotateX(18deg);
-moz-transform:translate(1px, 1px) rotateX(18deg);
-ms-transform:translate(1px, 1px) rotateX(18deg);
-o-transform:translate(1px, 1px) rotateX(18deg);
transform:translate(1px, 1px) rotateX(18deg);

}
 50% {
-webkit-transform:translate(-1px, -1px) rotateX(10deg);
-moz-transform:translate(-1px, -1px) rotateX(10deg);
-ms-transform:translate(-1px, -1px) rotateX(10deg);
-o-transform:translate(-1px, -1px) rotateX(10deg);
transform:translate(-1px, -1px) rotateX(10deg);

} 100% {
-webkit-transform:translate(0px, 0px) rotateX(0deg);
-moz-transform:translate(0px, 0px) rotateX(0deg);
-ms-transform:translate(0px, 0px) rotateX(0deg);
-o-transform:translate(0px, 0px) rotateX(0deg);
transform:translate(0px, 0px) rotateX(0deg);

}
}
/*企业简介*/
.company_about{ padding:90px 0px;width:100%;height:270px; overflow:hidden; line-height:30px;
-webkit-transform:translate(500px,0px);
-moz-transform:translate(500px,0px);
-ms-transform:translate(500px,0px);
-o-transform:translate(500px,0px);
transform:translate(500px,0px);
-webkit-transition:all 1s linear;
-moz-transition:all 1s linear;
-ms-transition:all 1s linear;
-o-transition:all 1s linear;
transition:all 1s linear;
}
.company_about_cont{ padding:0px 15px;overflow:hidden;}
.active .company_about{-webkit-transform:translate(0px,0px);}
/*企业环境*/
 .section_photo_con img{width:100%;}
.active .slide{-webkit-animation:section_photo_con_img 1.5s  linear  both;
-moz-animation:section_photo_con_img 1.5s  linear  both;
-ms-animation:section_photo_con_img 1.5s  linear  both;
-o-animation:section_photo_con_img 1.5s  linear  both;
animation:section_photo_con_img 1.5s  linear  both;
}
@-webkit-keyframes section_photo_con_img {
 0% {
-webkit-transform:translate(0px, 400px);
-moz-transform:translate(0px, 400px);
-ms-transform:translate(0px, 400px);
-o-transform:translate(0px, 400px);
transform:translate(0px, 400px);
}
100% {
-webkit-transform:translate(0px, 0px);
-moz-transform:translate(0px, 0px);
-ms-transform:translate(0px, 0px);
-o-transform:translate(0px, 0px);
transform:translate(0px, 0px);
}
}
.section_photo_p{width:100%; text-align:center; padding-top:30px;}
/*联系方式*/

.section_touch_ul{ padding:20px; margin-top:100px;}
.section_touch_ul li{background: rgba(255,255,255,0.1); text-align:center; padding:10px 0; margin-top:20px; opacity:0}
.section_touch_ul li a{ display:block}
.active  .section_touch_icon{ display:block; font-size:30px; opacity:0.9}
.company_t_icon{width:300px;height:300px; position:absolute;bottom:-200px;left:50%; margin-left:-130px; background:url(../images/t_bg.png) no-repeat; background-size:100%;-webkit-animation:section_touch_icon 4s  linear 4s  infinite both;
-moz-animation:section_touch_icon 4s  linear 4s  infinite both;
-ms-animation:section_touch_icon 4s  linear 4s  infinite both;
-o-animation:section_touch_icon 4s  linear 4s  infinite both;
animation:section_touch_icon 4s  linear 4s  infinite both;
}
.active .section_touch_ul li:nth-child(1){-webkit-animation:section_touch_ul 1s  linear  both;
-moz-animation:section_touch_ul 1s  linear  both;
-ms-animation:section_touch_ul 1s  linear  both;
-o-animation:section_touch_ul 1s  linear  both;
animation:section_touch_ul 1s  linear  both;
}
.active .section_touch_ul li:nth-child(2){-webkit-animation:section_touch_ul 1s  linear 1s both;
-moz-animation:section_touch_ul 1s  linear 1s both;
-ms-animation:section_touch_ul 1s  linear 1s both;
-o-animation:section_touch_ul 1s  linear 1s both;
animation:section_touch_ul 1s  linear 1s both;
}
.active .section_touch_ul li:nth-child(3){-webkit-animation:section_touch_ul 1s  linear 2s  both;
-moz-animation:section_touch_ul 1s  linear 2s  both;
-ms-animation:section_touch_ul 1s  linear 2s  both;
-o-animation:section_touch_ul 1s  linear 2s  both;
animation:section_touch_ul 1s  linear 2s  both;
}
.active .section_touch_ul li:nth-child(4){-webkit-animation:section_touch_ul 1s  linear 3s  both;
-moz-animation:section_touch_ul 1s  linear 3s  both;
-ms-animation:section_touch_ul 1s  linear 3s  both;
-o-animation:section_touch_ul 1s  linear 3s  both;
animation:section_touch_ul 1s  linear 3s  both;
}
@-webkit-keyframes section_touch_ul {
 0% {
-webkit-transform:translate(0px, 0px) scale(0);
-moz-transform:translate(0px, 0px) scale(0);
-ms-transform:translate(0px, 0px) scale(0);
-o-transform:translate(0px, 0px) scale(0);
transform:translate(0px, 0px) scale(0);
opacity:0
}
 
 100% {
-webkit-transform:translate(0px, 0px)  scale(1);
-moz-transform:translate(0px, 0px)  scale(1);
-ms-transform:translate(0px, 0px)  scale(1);
-o-transform:translate(0px, 0px)  scale(1);
transform:translate(0px, 0px)  scale(1);
opacity:1
}
}
@-webkit-keyframes section_touch_icon {
 0% {
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-ms-transform:rotate(360deg);
-o-transform:rotate(360deg);
transform:rotate(360deg);
}
 100% {
-webkit-transform:rotate(0deg);
-moz-transform:rotate(0deg);
-ms-transform:rotate(0deg);
-o-transform:rotate(0deg);
transform:rotate(0deg);
}}
.company_tit_p_touch_cont{width:100%; position:absolute;left:0px;top:80px;}
.company_tit_p_touch{ padding:5px 15px 0px 90px; line-height:26px; position:relative}
.company_tit_p_touch_s{ position:absolute;left:10px;top:5px; -webkit-transform:translate(-300px,0px); -webkit-transition:all ease-in 1s }
.active .company_tit_p_touch_s{-webkit-transform:translate(0px,0px);}
.company_tit_p_touch_r{ display:inline-block; -webkit-transform:translate(300px,0px); -webkit-transition:all ease-in 1s }
.active .company_tit_p_touch_r{-webkit-transform:translate(0px,0px);}
.company_tit_p_touch_l_p{ width:100%; text-align:center;margin-top:60px;}
.company_tit_p_touch_l_c{width:100%; text-align:center; margin-top:20px;}
.company_tit_p_touch_log{ display:inline-block;width:90px; padding:5px 10px;color:#fff; background:#09F;color:#fff;}
.company_tit_p_touch_reg{ display:inline-block;width:90px; padding:5px 10px;color:#fff; background:#f60;color:#fff; margin-left:10px;}
/*320px布局*/
/* iphone 4 */
@media (min-device-width : 175px) and (max-device-width : 320px) and (-webkit-min-device-pixel-ratio : 2) {
.company_about{height:200px;}
.company_about_cont{height:180px;}
.active .section_img{top:90px;}
.active .section_bor{top:75px;}
.company_one_p1{top:90px}
.company_one_p2{top:130px;}
.company_one_p3{top:170px;}
.company_one_p4{top:210px;}
.company_one_p5{top:250px;}
.active .section_ears{top:125px;}
.active .company_one_p1:after{width:40px;left:-60px;}
.active .company_one_p4:after{width:60px;left:-90px;}
.active .company_one_p5:after{width:30px;left:-40px;}
.company_job_more{bottom:70px;}
.company_job_box{height:175px}
.section_job_con{padding: 80px 20px 0px 20px;}
.section_touch_ul{ padding:0px 20px;}
.active .section_touch_icon{}
.active .section_touch_ul li{ margin-top:10px;}
.company_t_icon{width:100px;height:100px;}
}
/* iphone 6 */
@media (min-device-width : 375px) and (max-device-width : 667px) and (-webkit-min-device-pixel-ratio : 2) {
}
/* iphone6 plus */
@media (min-device-width : 414px) and (max-device-width : 736px) and (-webkit-min-device-pixel-ratio : 3) {
}
