@charset "utf-8";
.pr{ position: relative;}
html,body{width: 100%; min-width:1125px; 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;}

.index img{opacity:0;}
.index{ position: relative; width:100%; height:100%;  }
.index .box{ position: relative; width:100%;}
.index .box .bg{width:100%; vertical-align: top; opacity: 1;}
.index .box .index-1{position: absolute; left:6%; top:3%; width:15%;}
.index .box .index-2{position: absolute; left:26%; top:18%; width:37%;}
.index .box .index-3{position: absolute; left:26%; top:38%; width:37%;}
.index a{ display: block; position: absolute; left:50%; margin-left:-6.5%; bottom:8%; width:13%;}
.index a .index-4{width:100%; vertical-align: top;}

.index.cur .index-1{-webkit-animation:fadeInDown 0.8s 0.4s linear forwards;animation:fadeInDown 0.8s 0.4s linear forwards;}
.index.cur .index-2{-webkit-animation:bounceInDown 0.8s 0.6s linear forwards;animation:bounceInDown 0.8s 0.6s linear forwards;}
.index.cur .index-3{-webkit-animation:fadeIn 1s 1.2s linear forwards;animation:fadeIn 1s 1.2s linear forwards;}
.index.cur .index-4{-webkit-animation:fadeInLeft 0.8s 1.8s linear forwards;animation:fadeInLeft 0.8s 1.8s linear forwards;}

/*导航栏*/
.header{ position: relative; width:100%;height:65px; z-index:99;}
.header .middle{ position: relative; width:1125px; height:100%; margin:0 auto;}
.header .middle .logo{width:200px; height:65px;}
.header .middle ul.nav{ height:100%;}
.header .middle ul.nav li{ position: relative; float: left; width:96px; height:100%;}
.header .middle ul.nav li a{display: block; width:100%; line-height:65px; text-align: center; font-size:16px; color:#6d6f71;}
.header .middle ul.nav li.on{background:#de0010;}
.header .middle ul.nav li:hover{background:#de0010;}
.header .middle ul.nav li.on a{color:#fff;}
.header .middle ul.nav li:hover a{color:#fff;}



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

.main{width:1125px; margin:0 auto;}
.title{width:100%; margin-bottom:36px; background: url("../images/title_line.png") center bottom no-repeat; text-align: center;}
.title span{display: block; line-height:26px; font-size:12px; color:#363636;}
.title b{display: block; padding-bottom:12px; line-height:26px; font-size:18px; font-weight:bold; color:#de0010;}

.company{width:100%; background:#faf4ee;}
.company h1{ line-height:100px; text-align: center; font-size:20px; color:#b92026;}
.company .label{width:165px; height:49px; line-height:49px; text-align: center; font-size:18px; font-weight: bold; color:#fff; background: url("../images/label.png") no-repeat;}

.company .js{width:100%; padding:100px 0px;}
.company .js .text-box{width:900px; margin:0 auto; padding-top:30px;}
.company .js .text-box p{ margin-bottom:32px; line-height:32px; text-indent:33px; font-size:14px; color:#595959;}

.company .campus{width:100%; padding:100px 0px;}
.company .campus table{width:900px; margin:30px auto 60px auto;}
.company .campus table tr th{line-height:40px; font-size:16px; color:#4b4237; background:#e3e3df;}
.company .campus table tr td{ padding:10px; line-height:22px; font-size:14px; color:#4b4237; border-bottom:1px dashed #e5e5e5;}
.company .campus table tr td .apply{display: block; width:22px; height:14px; margin:0 auto; background: url("../images/apply.png") no-repeat;}
.company .campus table tr td.first{padding-left:30px;}
.company .campus table tr:hover td{color:#de0010;}
.company .campus table tr:hover td .apply{background: url("../images/apply_on.png") no-repeat;}
.company .campus .img-box{width:1000px; margin:30px auto 60px auto; padding:0px 30px; text-align: center;}
.company .campus .img-box img{max-width:100%; vertical-align: top;}

.company .trip{width:100%; padding:100px 0px;}
/*.company .trip strong{ display: block; line-height:100px; text-align: center; font-weight:normal; font-size:16px; color:#b92026;}*/
.company .trip .xc{width:100%; padding:30px 0px;  text-align: center;}
.company .trip .xc img{max-width:100%; vertical-align: top;}
.company .trip .img-box{width:1000px; margin:30px auto 60px auto; padding:0px 30px; text-align: center;}
.company .trip .img-box img{max-width:100%; vertical-align: top;}

.footer{ position: relative; width:100%; line-height:50px; text-align: center; font-size:14px; color:#fff; background:#de0010;}
.footer a{color:#fff;}

@media screen and (max-width:1600px) {
    .index a{bottom:25%;}
}

/*动画*/

@-webkit-keyframes zoomIn{
    0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);}
    50%,100%{opacity:1;}
}
@keyframes zoomIn{
    0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);}
    50%,100%{opacity:1;}
}
@-webkit-keyframes fadeIn{
    0%{opacity:0;}
    100%{opacity:1;}
}
@keyframes fadeIn{
    0%{opacity:0;}
    100%{opacity:1;}
}

@-webkit-keyframes fly{
    0%{-webkit-transform:translate(600%,0);}
    100%{-webkit-transform:translate(0,0);opacity:1;}
}
@keyframes fly{
    0%{transform:translate(600%,0);}
    100%{transform:translate(0,0);opacity:1;}
}

@-webkit-keyframes xz {
    0% {
        opacity:1;
        -webkit-transform: rotate(0deg);
        -webkit-transform-origin:107px 107px;
    }

    100% {
        opacity: 1;
        -webkit-transform: rotate(360deg);
        -webkit-transform-origin:107px 107px;
    }
}
@keyframes xz {
    0% {
        opacity:1;
        transform: rotate(0deg);
        transform-origin:107px 107px;
    }

    100% {
        opacity: 1;
        transform: rotate(360deg);
        transform-origin:107px 107px;
    }
}
@-webkit-keyframes flash {
    0%,100%{
        opacity: 1
    }

    50% {
        opacity: 0
    }
}

@keyframes flash {
    0%,100%{
        opacity: 1
    }

    50% {
        opacity: 0
    }
}

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

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

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        -ms-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,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(-100%);transform:translateX(-100%);opacity:0;}
    100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1; visibility: visible;}
}
@keyframes fadeInLeft{
    0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0;}
    100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1; visibility: visible;}
}

@-webkit-keyframes fadeInLeft2{
    0%{-webkit-transform:translateX(-50%);transform:translateX(-50%);opacity:0;}
    100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1; visibility: visible;}
}
@keyframes fadeInLeft2{
    0%{-webkit-transform:translateX(-50%);transform:translateX(-50%);opacity:0;}
    100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1; visibility: visible;}
}

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

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

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

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

@-webkit-keyframes fadeInRight2 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(50%,0,0);
        transform: translate3d(50%,0,0)
    }

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

@keyframes fadeInRight2 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(50%,0,0);
        -ms-transform: translate3d(50%,0,0);
        transform: translate3d(50%,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)
    }
}

@-webkit-keyframes bounceInDown{
    0%,60%,75%,90%,100%{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}
    0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}
    60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}
    75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
    90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}
    100%{-webkit-transform:none;transform:none;opacity:1;}
}
@keyframes bounceInDown{
    0%,60%,75%,90%,100%{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}
    0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}
    60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}
    75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
    90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}
    100%{-webkit-transform:none;transform:none;opacity:1;}
}

@-webkit-keyframes bounce{
    0%,100%,20%,53%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
    40%,43%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}
    70%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}
    90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}
    100%{opacity:1;}
}
@keyframes bounce{
    0%,100%,20%,53%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
    40%,43%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);-ms-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}
    70%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);-ms-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}
    90%{-webkit-transform:translate3d(0,-4px,0);-ms-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}
    100%{opacity:1;}
}


.dave-josList{ width:872px; height: auto; padding: 15px; margin: 0 auto; overflow: hidden; background: #fff;}
.dave-title{ width: 100%; border-bottom: 1px dashed #f2f2f2;}
.dave-title div{ font-size: 16px; line-height: 40px;}
.dave-posName{ float: left; width: 260px; padding-left: 20px; font-size: 14px; line-height: 32px;}
.dave-tagName{ float: left; width: 200px; text-align: center; font-size: 14px; line-height: 32px;}
.dave-posArea{ float: left; width: 160px; text-align: center; font-size: 14px; line-height: 32px;}
.dave-number{ float: left; width: 110px; text-align: center; font-size: 14px; line-height: 32px;}
.dave-jt{ float: left; width: 110px; text-align: center; font-size: 14px; line-height: 32px;}
.dave-describeDetail{ position: relative; display: none; padding:10px 0px 60px 20px; background:#f9f9f9;}
.dave-describeDetail .btn-sq{ position: absolute; right:10px; bottom:10px; display:block; width:126px; height:40px; line-height:40px; font-size:14px; color:#fff; text-align: center; border-radius:10px; background:#1b5ba9;}
.dave-box{height:40px;}