@charset "utf-8";
.pr{ position: relative;}
html,body{width: 100%; min-width:1000px;font-family: "Microsoft YaHei";}
.clefix{content:".";display:block;clear:both;visibility: hidden;height:0 !important;}
.fl { float:left; display: inline; }
.fr { float:right; display: inline; }
.clear { clear:both; }
.clearfix:after { content:"."; display:block; clear:both; visibility:hidden; font-size:0; line-height:0; height:0; }
.clearfix { *zoom:1; /* Õë¶ÔIE6 7 */ }

.wrap{ position: relative; width: 100%; height: auto;}
.wrap.full{height:100%;}

.index img{opacity:0;}
.index{ position: relative; width:100%; height:100%; background:#fff;}

.index .box{position: absolute; bottom:0; left:0; width:100%;}
.index .box img{width:100%; vertical-align: bottom;}
.index .box .img1{ position: absolute; top:3%; left:16%; width:20%;z-index:99;}
.index .box .img2{position: absolute; top:13%; left:29%; width:42%; z-index:9;}
.index .box .btn_enter{ display: block; position: absolute; bottom:4%; left:43%; width:15%; z-index:9;}
.index .box .btn_enter .img3{width:100%; vertical-align: top;}
.index.cur .img1{-webkit-animation:fadeInDown 1s 0.4s linear forwards;animation:fadeInDown 1s 0.4s linear forwards;}
.index.cur .img2{-webkit-animation:scaleInUp 1s 0.8s linear forwards;animation:scaleInUp 1s 0.8s linear forwards;}
.index.cur .img3{-webkit-animation:fadeInUp 1s 1.2s linear forwards;animation:fadeInUp 1s 1.2s linear forwards;}

/*导航栏*/
.header{width:100%; height:60px; background:url("../images/nav-bar.jpg");}
.header .middle{ position: relative; width:1000px; height:auto; margin:0 auto;}
.header .middle .navbox{}
.header .middle .navbox ul.nav{height:60px; overflow: hidden;}
.header .middle .navbox ul.nav li{ position: relative; float: left; width:176px; height:100%;}
.header .middle .navbox ul.nav li a{display: block; width:100%; line-height:60px; text-align: center; font-size:16px; color:#fff;}
.header .middle .navbox ul.nav li.on{background: #b7e2b4;}
.header .middle .navbox ul.nav li:hover{background: #b7e2b4;}
.header .middle .navbox ul.nav li.on a,
.header .middle .navbox ul.nav li:hover a{color:#000;}
.header .middle .navbox ul.nav li img{margin-right:10px;}

.banner{ position: relative; width:100%;}
.banner img{width:100%; vertical-align: top;}


.company{width:100%; height:auto;}
.company .main{width:1000px; height:auto; margin:0px auto; padding:22px 0px;}

.company .main .zp-item{width:100%; padding:30px 0px;}
.company .main .job{width:100%;padding:30px 0px;}
.company .main .job table td{border:1px solid #ccc;}

.title{width:100%; padding:28px 0px;}
.title img{vertical-align: top;}

.footer{width:100%; height:70px; line-height:70px; font-size:14px; text-align: center; color:#fff; background:url("../images/footer.jpg") center top;}
.footer a{color:#fff;}

/*动画*/

@-webkit-keyframes scaleInUp{
    0%{-webkit-transform:scale3d(0,0,0);transform:scale3d(0,0,0);-webkit-transform-origin:bottom;transform-origin:bottom;opacity:0;}
    100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);-webkit-transform-origin:bottom;transform-origin:bottom;opacity:1;}
}
@keyframes scaleInUp{
    0%{-webkit-transform:scale3d(0,0,0);transform:scale3d(0,0,0);-webkit-transform-origin:bottom;transform-origin:bottom;opacity:0;}
    100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);-webkit-transform-origin:bottom;transform-origin:bottom;opacity:1;}
}

@-webkit-keyframes fadeInUp{
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,30%,0);
        transform: translate3d(0,30%,0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,30%,0);
        -ms-transform: translate3d(0,30%,0);
        transform: translate3d(0,30%,0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}
@-webkit-keyframes fadeInUp2{
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,300%,0);
        transform: translate3d(0,300%,0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUp2{
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,300%,0);
        -ms-transform: translate3d(0,300%,0);
        transform: translate3d(0,300%,0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}


@-webkit-keyframes fadeInDown{
    0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);}
    100%{opacity:1;-webkit-transform:none;transform:none;visibility: visible;}
}
@keyframes fadeInDown{
    0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);}
    100%{opacity:1;-webkit-transform:none;transform:none; visibility: visible;}
}
@-webkit-keyframes fadeInLeft{
    0%{-webkit-transform:translateX(-20%);transform:translateX(-20%);opacity:0;}
    100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1; visibility: visible;}
}
@keyframes fadeInLeft{
    0%{-webkit-transform:translateX(-20%);transform:translateX(-20%);opacity:0;}
    100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1; visibility: visible;}
}


@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(30%,0,0);
        transform: translate3d(100%,0,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(30%,0,0);
        -ms-transform: translate3d(30%,0,0);
        transform: translate3d(30%,0,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@-webkit-keyframes bounceIn {
    0%,100%,20%,40%,60%,80% {
        -webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
        transition-timing-function: cubic-bezier(0.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

@keyframes bounceIn {
    0%,100%,20%,40%,60%,80% {
        -webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
        transition-timing-function: cubic-bezier(0.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        -ms-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        -ms-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        -ms-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03,1.03,1.03);
        -ms-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        -ms-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale3d(1,1,1);
        -ms-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}