/**
 * fullPage 2.4.6
 * https://github.com/alvarotrigo/fullPage.js
 * MIT licensed
 *
 * Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo
 */
html, body {
    margin: 0;
    padding: 0;
    overflow:hidden;

    /*Avoid flicker on slides transitions for mobile phones #336 */
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
#superContainer {
    height: 100%;
    position: relative;

    /* Touch detection for Windows 8 */
    -ms-touch-action: none;

    /* IE 11 on Windows Phone 8.1*/
    touch-action: none;
}
.fp-section {
    position: relative;
    -webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */
    -moz-box-sizing: border-box; /* <=28 */
    box-sizing: border-box;
}
.fp-slide {
    float: left;
}
.fp-slide, .fp-slidesContainer {
    height: 100%;
    display: block;
}
.fp-slides {
    z-index:1;
    height: 100%;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.3s ease-out; /* Safari<=6 Android<=4.3 */
    transition: all 0.3s ease-out;
}
.fp-section.fp-table, .fp-slide.fp-table {
    display: table;
    table-layout:fixed;
    width: 100%;
}
.fp-tableCell {
    display: table-cell;
    width: 100%;
    height: 100%;
}
.fp-slidesContainer {
    float: left;
    position: relative;
}
.fp-controlArrow {
    position: absolute;
    z-index: 4;
    top:210px;
    cursor: pointer;
    width: 0;
    height: 0;
    border-style: solid;
}
.fp-controlArrow.fp-prev {
    left: 15px;
    width: 0;
    border-width: 18.5px 14px 18.5px 0;
    border-color: transparent #fff transparent transparent;
    opacity:0.3
}
.fp-controlArrow.fp-next {
    right: 15px;
    border-width: 18.5px 0 18.5px 14px;
    border-color: transparent transparent transparent #fff;
    opacity:0.3
}
.fp-scrollable {
    overflow: scroll;

}
.fp-notransition {
    -webkit-transition: none !important;
    transition: none !important;
}
#fp-nav {
    position: fixed;
    z-index: 100;
    margin-top: -32px;
    top: 50%;
    opacity: 1;
}
#fp-nav.right {
    right: 17px;
}
#fp-nav.left {
    left: 17px;
}
.fp-slidesNav{
    position: absolute;
    z-index: 4;
    left: 50%;
    opacity: 1;
}
.fp-slidesNav.bottom {
    bottom: 17px;
}
.fp-slidesNav.top {
    top: 17px;
}
#fp-nav ul,
.fp-slidesNav ul {
    margin: 0;
    padding: 0;
}
#fp-nav ul li,
.fp-slidesNav ul li {
    display: block;
    width: 14px;
    height: 13px;
    margin: 7px;
    position:relative;
}
.fp-slidesNav ul li {
    display: inline-block;
}
#fp-nav ul li a,
.fp-slidesNav ul li a {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
}
#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span {
    background: #333;
}
#fp-nav ul li a span,
.fp-slidesNav ul li a span {
    top: 2px;
    left: 2px;
    width: 8px;
    height: 8px;
    border: 1px solid #000;
    background: rgba(0, 0, 0, 0);
    border-radius: 50%;
    position: absolute;
    z-index: 1;
}
#fp-nav ul li .fp-tooltip {
    position: absolute;
    top: -2px;
    color: #fff;
    font-size: 14px;
    font-family: arial, helvetica, sans-serif;
    white-space: nowrap;
    max-width: 220px;
    overflow: hidden;
    display: block;
    opacity: 0;
    width: 0;
}
#fp-nav ul li:hover .fp-tooltip {
    -webkit-transition: opacity 0.2s ease-in;
    transition: opacity 0.2s ease-in;
    width: auto;
    opacity: 1;
}
#fp-nav ul li .fp-tooltip.right {
    right: 20px;
}
#fp-nav ul li .fp-tooltip.left {
    left: 20px;
}



/**
 * Created by Jeffery Wang.
 * Create Time: 2015-06-16 19:52
 */
#nativeShare {
    font-size: 13px;
    width:100%;height:100%; background:rgba(51,51,51,0.5); position:fixed;left:0px;top:0px ; z-index:100000001;display:none;
}
.share_bgbox{width:100%;position:absolute; background:#fff;bottom:0px; left:0px; z-index:10000000}
#nativeShare .label {
    font-size: 20px;
}

#nativeShare .list {
    width: 99%;
    margin: 0 auto;
}

#nativeShare .list span {
    width: 30%;
    display: inline-block;
    text-align: center;
    margin: 10px 0;
}

#nativeShare .list span i {
    width: 40px;
    height: 40px;
    display: block;
    margin: 0 auto;
    margin-bottom: 5px;
}

#nativeShare .weibo i {
    background-image: url('./icon/weibo.png');
    background-size: cover;
}

#nativeShare .weixin i {
    background-image: url('./icon/weixin_friend.png');
    background-size: cover;
}

#nativeShare .weixin_timeline i {
    background-image: url('./icon/weixin.png');
    background-size: cover;
}

#nativeShare .qq i {
    background-image: url('./icon/qq.png');
    background-size: cover;
}

#nativeShare .qzone i {
    background-image: url('./icon/qqzone.png');
    background-size: cover;
}

#nativeShare .more i {
    background-image: url('./icon/more.png');
    background-size: cover;
}
#nativeShare  .nativesshare{width:100%; background:#f8f8f8; font-size:16px; padding:10px 0;border-bottom:1px solid #ddd; text-indent:20px;}







@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(bg.png) no-repeat; background-size:100% 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(bgone.png) no-repeat; background-size:100%; position:relative}
.active .company_logo{ position:absolute;top:30%;left:50%; background:rgba(255,255,255,0); padding:0; 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(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(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(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(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:210px;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:90px;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(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 2.5vw 0;}
.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:calc(100vh - 200px); overflow:auto; 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(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; padding:5px 10px;color:#fff; background:#09F;color:#fff;}
.company_tit_p_touch_reg{ display:inline-block; padding:5px 10px;color:#fff; background:#f60;color:#fff;}
.company_tit_p_touch_log + .company_tit_p_touch_reg{ 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) {
}


@font-face {font-family: "iconfont";
    src: url('iconfont.eot'); /* IE9*/
    src: url('iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('iconfont.woff') format('woff'), /* chrome, firefox */
    url('iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
    url('iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
    font-family:"iconfont" !important;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}
.icon-wenjian:before { content: "\e600"; }
.icon-dengji:before { content: "\e601"; }
.icon-tuceng:before { content: "\e602"; }
.icon-genzongdingwei:before { content: "\e605"; }
.icon-tuijianliebiao:before { content: "\e606"; }
.icon-zhihuichuangxin:before { content: "\e607"; }
.icon-qiyebangonglou:before { content: "\e608"; }
.icon-phone:before { content: "\e609"; }
.icon-rexiandianhua:before { content: "\e60a"; }
.icon-kefuxiaoguniang:before { content: "\e60b"; }
.icon-gongwenbao:before { content: "\e60d"; }
.icon-rementupian:before { content: "\e60e"; }
.icon-upopen:before { content: "\e610"; }
.icon-xiezilou:before { content: "\e612"; }
.icon-designer:before { content: "\e613"; }
.icon-service-phone:before { content: "\e614"; }
.icon-prepare-model:before { content: "\e615"; }
.icon-phonecall:before { content: "\e616"; }
.icon-share:before { content: "\e617"; }
.icon-biaotiicon:before { content: "\e618"; }



.company_job:after{content: ''; display: table; clear: both;}
.company_job .item{float:left; width:46.25vw; margin:0 2.5vw 2.5vw 0;}
.company_job .item:nth-of-type(2n){margin-right:0;}
.company_job .item img{display: block; width:46.25vw; height:34.5vw;}
.company_job .item p{text-align: center; font-size:13px;}
.active .company_job:after{background-color: transparent;}


.section_touch_ul li.section-qrcode{background: transparent; text-align: center; font-size:14px;}
.section-qrcode .item{display: inline-block; width:40%;}
.section-qrcode .item img{width:100%;}
.section-qrcode .item p{line-height: 2;}
.section-qrcode .item + .item{margin-left:15px;}
.section-qrcode .item-text{}



/*company-logo-text*/
.company-logo-text{position: relative; display: block; float: none; text-align: center; color:#fff; border-radius:2px; overflow: hidden; box-sizing: border-box;}
.clear:after{clear: both; content: ''; display:table;}
.company-logo-text > strong{position:absolute; z-index: 1; width:100%; padding:10px; left:50%; top:50%; -webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%); font-weight: normal; box-sizing: border-box; word-wrap:break-word;}
.company-logo-text.size-lg{font-size:18px; letter-spacing:1px; line-height: 1.5;}
.company-logo-text.size-lg > strong{width:120px; text-shadow:2px 2px 10px rgba(0,0,0,0.25);}
.company-logo-text.size-sm{font-size:14px; letter-spacing:1px; line-height: 1.5;}
.company-logo-text.size-sm > strong{width:55px; padding: 3px; text-shadow:2px 2px 10px rgba(0,0,0,0.25);}
.company-logo-text.size-sm:after{content: '';}
.company-logo-text.size-xs{font-size:8px; letter-spacing:1px; line-height: 1.5;}
.company-logo-text.size-xs > strong{width:30px; padding:1px; text-shadow:2px 2px 10px rgba(0,0,0,0.25);}
.color-1{background-color:#ffb808;}
.color-2{background-color:#1795e2;}
.color-3{background-color:#26aeea;}
.color-4{background-color:#f467d6;}
.color-5{background-color:#ff1d38;}
.color-6{background-color:#da4af4;}
.color-7{background-color:#21d0f9;}
.color-8{background-color:#ffac27;}
.color-9{background-color:#fc83ff;}
.color-10{background-color:#ffaa4d;}
.color-11{background-color:#be50ff;}
.color-12{background-color:#ff59d5;}
.color-13{background-color:#fc1f59;}
.color-14{background-color:#bf9f45;}
.color-15{background-color:#649ab2;}
.color-16{background-color:#48c153;}
.color-17{background-color:#c75bef;}
.color-18{background-color:#4d9eef;}
.color-19{background-color:#e84b69;}
.color-20{background-color:#43bf69;}