@charset "utf-8";
.pr{ position: relative;}
html,body{width: 100%; min-width:1200px; 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{ position: relative; width:100%; height:100%;
   background: url("../images/index.jpg") center top no-repeat; background-size:cover;
    -ms-behavior:url(./backgroundsize.min.htc);
    behavior:url(./backgroundsize.min.htc);
}
.index .logo{ position: absolute; left:4%; top:5.5%; width:15%;z-index:8;}
.index .img1{ position: absolute; left:50%; top:27%; margin-left:-31%; width:62%;z-index:8;}
.index .img2{ position: absolute; left:50%; margin-left:-26.5%; top:70%; width:53%; z-index:8;}
.index .img3{ position: absolute; right:0; bottom:0; width:45%;}
.index a{display: block; position: absolute; left:48%; top:83.2%; padding:20px 40px; font-size:18px; line-height:22px; color:#fff; text-align: center; background:#de8100;}

    /*导航栏*/
.header{ position: absolute; top:15px; left:0; width:100%;height:57px; z-index:9;}
.header .middle{ position: relative; width:1200px; height:100%; margin:0 auto;}
.header .middle .logo{width:297px; vertical-align: top;}
.header .middle ul.nav{ height:100%; padding-top:7.5px; overflow: hidden;}
.header .middle ul.nav li{ float: left; width:108px; height:42px; margin-right:15px;}
.header .middle ul.nav li a{display: block; width:100%; line-height:42px; text-align:center; font-size:16px; font-weight:bold; color:#231815;}
.header .middle ul.nav li.on{background:url("../images/nav-on.png") bottom center no-repeat;}
.header .middle ul.nav li:hover{background:url("../images/nav-on.png") bottom center  no-repeat;}
.header .middle ul.nav li.on a{color:#de0515;}
.header .middle ul.nav li:hover a{color:#de0515;}

.banner{ position: relative; width:100%; border-bottom:4px solid #c81b2e;}
.banner .img{width:100%; vertical-align:top;}

.contain{width:1100px; margin:0 auto; padding:40px 0 72px 0;}

.specialTime{width:100%; background:#e8e8e8; padding:30px 0; text-align: center;}
.specialTime h1{ line-height:42px; font-size:30px; font-weight: normal; color:#c81b2e;}
.specialTime span{ display: block; margin-bottom:15px; font-size:12px; color:#a8a8a8;}
.specialTime p{ line-height:32px; font-size:18px; font-weight: bold; color:#545454;}

.title{width:100%; padding:20px 0;}
.title img{vertical-align: top;}
.line{ position: relative; width:1085px; height:2px; margin:20px auto; background:#cfcfcf; text-align: center;}
.line::after{ content:"INFORMATION"; display: block; position:absolute; top:50%; margin-top: -16px; left: 50%; margin-left:-50px; width:100px; line-height:32px; font-size:12px; color:#aaa; background:#fff;}

.company{width:100%;}
.company .comTxt{ position: relative; width:100%; padding:10px 0 58px 0;}
.company .comTxt.change{width:auto; padding-right:282px;}
.company .comTxt p{line-height:32px; text-indent:33px; font-size:16px; color:#3e3a39;}
.company .comTxt .com-2{position: absolute; right:0; top:-60px; width:240px;}
.company .imgBox{width:100%;padding:24px 0; text-align: center;}
.company .imgBox img{max-width:100%;  vertical-align: top;}
.company .time-line{width:1091px; height:668px; margin:20px auto; background: url("../images/time-line.png") no-repeat;}

.picBox{ margin-top:72px; padding:15px 30px;}
.picBox #butong_net_left{width:100%; overflow: hidden;}
.picBox #butong_net_left1 td{padding-right:10px;}
.picBox #butong_net_left2 td{padding-right:10px;}

.job{width:100%;}
.job .dept{ margin-bottom:12px; padding-left:62px; line-height:38px; font-weight:bold; font-size:20px; color:#266abc;  cursor: pointer; background:url("../images/arr.png") right center no-repeat #e8e8e8;}
.job .dept span{ padding:0 5px; border-left:1px solid #005bab; border-right:1px solid #005bab;}
.job .dept.on{background:url("../images/arr-on.png") right center no-repeat #e8e8e8; color:#c81b2e;}
.job .jobList{ display:none; width:1105px; margin:0 auto; padding-bottom:15px;}
.job .jobList table{ width:90%; margin:0 auto;}
.job .jobList table tr{border-bottom:1px dashed #e8e8e8;}
.job .jobList table tr td{line-height:42px; font-size:16px; color:#5c5c5c;}
.job .jobList table tr td .apply{ display: block; width:128px; line-height:32px; text-align: center; color:#fff; border-radius:25px; background:#919191;}
.job .jobList table tr td .apply:hover{background:#005bab;}

.contact{width:100%;}
.contact p{ line-height:36px; font-size:16px; color:#5c5c5c;}
.contact p strong{font-size:20px; color:#fe9e18;}
.contact .box{width:100%;}
.contact .box img{width:100%; vertical-align: top;}


.btn_gotop{ display: none; position:fixed; bottom:100px; right: 25px; width: 40px; height: 40px; background: url("../images/top.png") no-repeat;}
.btn_gotop a{display: block; width: 100%; height: 100%;}

.footer{width:100%; padding-top:23px; line-height:58px; text-align: center; font-size:14px; color:#20549e; border-bottom:4px solid #de8100; background:url("../images/footer.png") top center no-repeat;}
.footer a{color:#20549e;}


@media screen and (max-width:980px) {

}


/*动画*/

@-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;}