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

/*导航栏*/
.header{width:100%;height:70px;background:#fff;position:fixed;top:0;z-index: 999;}
.header .middle{ position: relative; width:1200px; height:100%; margin:0 auto;}
.header .middle .logo{width:63px; height:70px; margin-right:40px;}
.header .middle ul.nav{ height:100%; margin-right:145px;}
.header .middle ul.nav li{ position: relative; float: left; width:110px; height:100%;}
.header .middle ul.nav li a{display: block; width:100%; line-height:68px; text-align: center; font-size:16px; color:#2a2a38;}
.header .middle ul.nav li.on a,.header .middle ul.nav li:hover a{border-bottom:2px solid #d0d0d0;}


.header .middle .login-bar{position: absolute; top:0; right:10px; height:100%;}
.header .middle .login-bar a{display:inline-block;*display: inline;*zoom:1; padding:0px 8px; line-height:68px; font-size:14px; color:#2a2a38;}
.header .middle .login-bar a:hover{color:#000;}

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

.company{width:100%; height:auto;}
/*.company .message-bar{width:100%;height:60px;text-align: center;background:#f1f6fc;position: relative;}*/
/*.company .message-bar a{line-height:60px; font-size:14px; color:#2b60ab;}*/
/*.company .message-bar img{margin-right:8px; -webkit-animation:flash 1s linear infinite forwards;}*/

.affiche{padding:20px;}
.affiche p{ line-height:32px; text-align: justify; font-size:14px; color:#333;}
.affiche span{ display: block; text-align: right;}
.layui-layer-btn{text-align: center!important;}
.layui-layer-btn a{padding:0 42px!important; font-size:12px;}
.layui-layer-btn .layui-layer-btn0{ border-color:#2959ae!important; background-color:#2959ae!important;}
.layui-layer-title{background:#f8f8f8!important;}

.code{padding:12px;}
.code img{width:100%;}

.company .main{width:1200px;margin:0 auto;position: relative;}
.company .main .title{ width:100%; padding:66px 0px 52px 0; text-align: center;}
.company .main .title img{vertical-align: top;}
.company .main .title.change{padding:66px 0px 20px 0;}

.company .main .bt{ width:100%; padding-bottom:32px; text-align: center;}
.company .main .bt img{vertical-align: top; opacity:0;}
.company .main .bt.on img{-webkit-animation:zoomIn 0.8s linear forwards;}

.company .main .js{width:100%; height:auto; padding-bottom:12px;}
.company .main .js p{ margin-bottom:10px; line-height:32px; text-indent:33px; font-size: 16px; color:#333;}

.company .time-line{width:100%; padding:42px 0px 38px 0px; background:#d4eaf9;}
.company .time-line .middle{ position: relative; width:1200px; height:auto; margin:0 auto;}
/*.company .time-line .middle .arr-right{ position:absolute; right:0px; top:-20px; width:72px; height:72px; background: url("../images/arr-2.png") left top no-repeat;}*/
/*.company .time-line .middle ul.time-list{width:100%; height:auto; margin:0 auto; overflow: hidden;}*/
/*.company .time-line .middle ul.time-list li{ float:left; position: relative; width:25%; background: url("../images/arr-1.png") left top no-repeat;}*/
/*.company .time-line .middle ul.time-list li > div{padding-left:56px;}*/
/*.company .time-line .middle ul.time-list li > div h1{ margin-bottom: 45px; line-height:46px; font-size:26px; color:#0054a6;}*/
/*.company .time-line .middle ul.time-list li > div p{ line-height:22px; font-size:12px; color:#0054a6;}*/
.company .time-line .middle a.more{ display: block; width:142px; height:24px; margin:30px auto 0px auto; line-height:24px; text-indent:28px; font-size:14px; color:#fff; background:url("../images/more.png") no-repeat;}

/* 本例子css */
.picScroll-left{ position:relative; width:100%;  overflow:hidden;}
.picScroll-left .hd{ position: absolute; top:-8px; left:0; width:100%; height:62px;z-index:99; }
.picScroll-left .hd .prev{ display:block;  width:62px; height:62px; float:left; margin-right:5px; margin-top:10px;  overflow:hidden;  cursor:pointer; background:url("../images/arrow.png") no-repeat;}
.picScroll-left .hd .next{ display:block;  width:62px; height:62px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden; cursor:pointer; background:url("../images/arrow.png") no-repeat;}
.picScroll-left .hd .next{ background-position:0 -134px;  }
.picScroll-left .hd .prevStop{ background-position:-146px 0; }
.picScroll-left .hd .nextStop{ background-position:-146px -134px; }
.picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.picScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer;}
.picScroll-left .hd ul li.on{ background-position:0 0; }
.picScroll-left .bd{ padding:8px 60px 0px 90px;}
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden;}
/*.picScroll-left .bd ul li .pic{ text-align:center; }*/
/*.picScroll-left .bd ul li .pic img{ width:120px; height:90px; display:block;  padding:2px; border:1px solid #ccc; }*/
/*.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }*/
.picScroll-left .bd ul li .title{ line-height:24px;   }
.picScroll-left .bd ul li{ float:left; position: relative; padding-left:50px;  background: url("../images/arr-1.png") left top no-repeat;}
.picScroll-left .bd ul li > div{ width:210px;}
.picScroll-left .bd ul li > div h1{ margin-bottom:12px; line-height:46px; font-size:26px; color:#0054a6;}
.picScroll-left .bd ul li > div p{ line-height:22px; font-size:12px; color:#0054a6;}

.company .campus{width:100%; height:auto; background:#fff; padding-bottom:60px;}
.company .campus ul.type-list{width:100%; height:auto; overflow: hidden;}
.company .campus ul.type-list li{float: left; width:33.3%; margin-bottom:26px;}
.company .campus ul.type-list li a{display: block; cursor: default;}
.company .campus ul.type-list li dl{width:200px; height:200px; margin:0 auto; background: url("../images/type-list.png?") no-repeat;}
.company .campus ul.type-list li dl dt{ height:90px; padding-top:35px; text-align: center;}
.company .campus ul.type-list li dl dt img{vertical-align:top; margin-left:1px;}
.company .campus ul.type-list li dl:hover dt img{-webkit-animation:bounce 1s linear infinite forwards;}
.company .campus ul.type-list li dl dd{ line-height:62px; font-size:18px; text-align: center;}
.company .campus a.more{ display: block; width:142px; height:24px; margin:52px auto 0px auto; line-height:24px; text-indent:28px; font-size:14px; color:#fff; background:url("../images/more.png") no-repeat;}



.company .trip{width:100%;}
.company .trip .content{ width:1200px; margin:0 auto;}
.company .trip .content .map{ position: relative; width:534px; height:392px; margin:20px auto; background:url("../images/map.png") no-repeat;}
.company .trip .content .map a{display: inline-block; position:absolute; width:25px; height:26px; background:url("../images/address-icon.png") no-repeat;}
.company .trip .content .map a.list-1{top:88px; left:450px;}
.company .trip .content .map a.list-2{top:112px; left:435px;}
.company .trip .content .map a.list-3{top:172px; left:402px;}
.company .trip .content .map a.list-4{top:168px; left:366px;}
.company .trip .content .map a.list-5{top:152px; left:363px;}
.company .trip .content .map a.list-6{top:222px; left:290px;}
.company .trip .content .map a.list-7{top:258px; left:245px;}
.company .trip .content .map a.list-8{top:272px; left:272px;}
.company .trip .content .map a.list-9{top:286px; left:325px;}
.company .trip .content .map a.list-10{top:265px; left:345px;}
.company .trip .content .map a.list-11{top:322px; left:376px;}
.company .trip .content .map a.list-12{top:305px; left:382px;}
.company .trip .content .map a span{ display: block; position: absolute; left:100%; top:2px; width:60px; font-size:12px; color:#6bb8f2;}
.company .trip .content .map a .xc-text{ display: none; position: absolute; top:110%; left:50%; margin-left:-100px; width:200px; border-radius:10px; background:#5cb1f1; padding:10px; z-index:99;z-index:99\9;+z-index:99;}
.company .trip .content .map a .xc-text p{line-height:28px; font-size:12px; color:#fff;}
.company .trip .content .map a:hover .xc-text{display:block;}

.company .trip .content .table-box{width:656px; padding:30px 0px;}
.company .trip .content .table-box ul.region-list{width:656px; height:60px; border-bottom:1px solid #cccccc;}
.company .trip .content .table-box ul.region-list li{float: left; width:20%; line-height:60px; text-align: center; font-size:18px; color:#333; cursor: pointer;}
.company .trip .content .table-box ul.region-list li.on{ border-bottom:1px solid #333;}
.company .trip .content .table-box table.rows{width:656px;}
.company .trip .content .table-box table.rows tr td{ line-height:43px; font-size:16px; color:#333; border-bottom:1px solid #cccccc;}
.company .trip .content .table-box .cont{ display:block; width:656px; height:300px; overflow-y:auto; overflow-x: hidden;}
.company .trip .content .table-box .cont table{width:656px;}
.company .trip .content .table-box .cont table tr td{ line-height:43px; font-size:16px; color:#333; border-bottom:1px solid #f1eeee;}
.company .trip .content .table-box .cont.on{display: block;}
.slimScrollDiv{ display:none; min-height:300px; overflow-y: auto;}
.slimScrollBar{background:#c3c3c5!important; border:1px solid #fff!important;}



.company .process{width:100%; height:auto; background:#d4eaf9; padding-bottom:152px;}
.company .process ul.process-list{width:100%; height:auto; padding-top:22px;}
.company .process ul.process-list li{float: left; position: relative; width:20%; padding-bottom:40px;}
.company .process ul.process-list li dl{text-align: center;}
.company .process ul.process-list li dt{height:90px;}
.company .process ul.process-list li dt img{vertical-align: top;}
.company .process ul.process-list li dd{ position: relative; padding-top:52px; line-height:32px; text-align: center; font-size:22px; color:#2b60ac;}
.company .process ul.process-list li dd .dot{position: absolute; bottom:12px; left:78%; width:112px;}
.company .process ul.process-list li span{ display: block; position: absolute; bottom:-20px; left:50%; margin-left:-20px; width:40px; padding-top:10px; border-top:7px solid #fff; line-height:32px; letter-spacing:4px; text-align: center; font-size:22px; color:#fff;}
.company .process ul.process-list li .mc-text{ display: none; position: absolute; bottom:40px; left:0; width:90%;  padding:4%; min-height:172px; border-radius:10px; border:1px solid #2959ae; background:#fff;}
.company .process ul.process-list li .mc-text h2{ line-height:40px; font-weight:normal; font-size:18px; color:#2959ae;}
.company .process ul.process-list li .mc-text img{ width:25px; vertical-align: middle; margin-right:12px;}
.company .process ul.process-list li .mc-text p{ line-height:20px; font-weight:normal; font-size:12px; color:#2959ae;}
.company .process ul.process-list li:hover .mc-text{display: block;}


.company .welfare{width:100%; padding-bottom:30px;}
.company .welfare ul.welfare-list{width:100%; height:auto; overflow: hidden;
    box-shadow:0px 5px 20px #b6c8e2;
    -webkit-shadow:0px 5px 20px #b6c8e2;
    -moz-shadow:0px 5px 20px #b6c8e2;
    -ms-shadow:0px 5px 20px #b6c8e2;
    -o-shadow:0px 5px 20px #b6c8e2;
}
.company .welfare ul.welfare-list li{float: left; position: relative;  width:25%;}
.company .welfare ul.welfare-list li.bC-d4eaf9{background:#d4eaf9;}
.company .welfare ul.welfare-list li.bC-fff{background:#fff;}
.company .welfare ul.welfare-list li dl{width:100%; height:302px;
    transition:all 0.5s ease;
    -webkit-transition:all 0.5s ease;
    -ms-transition:all 0.5s ease;
    -moz-transition:all 0.5s ease;
    -o-transition:all 0.5s ease;
}
.company .welfare ul.welfare-list li:hover dl{  -webkit-transform: rotate3d(0, 1, 0, -90deg);transform: rotate3d(0, 1, 0, -90deg); visibility: hidden\9;}
.company .welfare ul.welfare-list li dl dt{ padding-top: 26px; line-height:72px; font-size:18px; text-align: center; color:#0054a6;}
.company .welfare ul.welfare-list li dl dd{ padding-top:10px; text-align: center; }
.company .welfare ul.welfare-list li dl dd img{vertical-align:top;}

.company .welfare ul.welfare-list li p{
    position: absolute; top:0; left:50%; top:50%;
    transform:translate(-50%,-50%);
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    line-height:32px; font-size:14px; color:#333;
    opacity:0;
    display: none\9;
    text-align: center;
    font-size:14px; color:#0054a6; line-height:32px;
}
.company .welfare ul.welfare-list li:hover p{
    transition:all 0.5s ease;
    -webkit-transition:all 0.5s ease;
    -ms-transition:all 0.5s ease;
    -moz-transition:all 0.5s ease;
    -o-transition:all 0.5s ease;
    opacity:1;
    display:block\9;
}

.company .planning{width:100%; padding:30px 0px 116px 0px;}
.company .planning .plan-box{width:100%; height:466px; margin-top:30px; background: url("../images/plan.png") center center no-repeat;}
.company .planning .plan-box .middle{ position: relative; width:1200px; height:563px; margin:0 auto;}
.company .planning .plan-box .middle .p-text{ position: absolute; width:190px; height:132px;}
.company .planning .plan-box .middle .p-text h3{line-height:40px; font-size:20px; color:#0054a6; text-align: center;}
.company .planning .plan-box .middle .p-text p{line-height:32px; font-size:16px; color:#0054a6;}
.company .planning .plan-box .middle .p-text.list-1{left:153px; top:186px;}
.company .planning .plan-box .middle .p-text.list-2{left:516px; top:262px;}
.company .planning .plan-box .middle .p-text.list-3{left:630px; top:68px;}
.company .planning .plan-box .middle .p-text.list-4{right:38px; top:268px;}


.slideTxtBox{ width:100%; margin:0 auto; text-align:left;  }
.slideTxtBox .hd{ height:30px; line-height:30px; padding:20px 10px 0 20px;  position:relative; }
.slideTxtBox .hd ul{ position:absolute; left:344px; top:25px;}
.slideTxtBox .hd ul li{ float:left; width:10px; height:10px; margin:0px 4px; border-radius:99px; background:#fff; cursor:pointer;  }
.slideTxtBox .hd ul li.on{ background:#0054a6;}
.slideTxtBox .bd ul{ padding:15px;  zoom:1;  }
.slideTxtBox .bd li{line-height:24px;  }
.slideTxtBox .bd li .date{ float:right; color:#999;}

.slideTxtBox .arrow{  position:absolute; left:304px; top:8px; }
.slideTxtBox .arrow a{ display:block;  width:22px; height:22px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
    cursor:pointer;}
.slideTxtBox .arrow .next{background: url("../images/next.jpg") no-repeat;}
.slideTxtBox .arrow .prev{ margin-right:92px; background: url("../images/prev.jpg") no-repeat;}


.company .question{width:100%; background: url("../images/question-bg.png") #d4eaf9 left top no-repeat;}
.company .question .text-box{ position: relative; width:768px; margin:0 auto; padding-bottom:20px;}
.company .question .text-box .project{padding:0px 18px; margin-bottom:5px;}
.company .question .text-box .project span{ position: relative; display: block; line-height:40px; font-size:16px; color:#333; cursor:pointer;}
.company .question .text-box .project span img{vertical-align:middle; margin-right:10px;}
.company .question .text-box .project span a{ display:block; position: absolute; top:50%; margin-top:-9.5px; right:0; width:19px; height:19px; background:url("../images/open-icon.png"); line-height:19px; text-align: center; font-weight:bold; font-size:16px; color:#fff;}
.company .question .text-box .project p{ display: none; position: relative; padding-left:34px; line-height:32px; font-size:16px; color:#333;}
.company .question .text-box .project p img{position: absolute; top:4px; left: 0;}
.company .question .text-box .project:hover{ background:#f1f6fc; margin-bottom:15px;}
.company .question .text-box .project:hover p{display: block;}



.company .job{width:100%;}

.footer{width:100%; height:64px; margin-top:50px; line-height:64px; font-size:14px; text-align: center; color:#fff; background:#0054a7;}
.footer a{color:#fff;}
.footer.not-mt{margin-top:0px;}

.join-btn{ display: block; position:fixed; right:5%; top:55%; width:80px; height:80px; background: url("../images/join-us-icon.png") no-repeat;}
.join-btn:after{content: "加入我们";position: absolute; top:100%; left: 0; width:100%; line-height:36px; font-size:14px; text-align: center; color:#2b60ac;}

a.wx{position:fixed; right:3%; bottom:3%; width:53px; height:53px; background: url("../images/wx.png") no-repeat;}

.search-column{width:100%; background:#fff;}
.post-column{width:100%; height:auto; padding:28px 0px 200px 0px; background:#f1f6fc;}

.jobs{width:872px; height: auto; padding:15px; margin:0 auto; overflow: hidden; background:#fff;}
.flter-con{width:880px; margin:0 auto; padding:28px 0px 20px 0px;}
.flter-con select{
    width:180px;
    height:36px; height:32px\9; +height:22px;_height:22px;
    padding:4px\9; +padding:4px\9;
    line-height:36px; _line-height:32px;line-height:0px\9;+line-height:32px;
    color:#0054a7;

    padding-left:55px;
    outline: none;
    border-radius:20px;
    border:1px solid #0054a7;
    appearance:none;
    -webkit-appearance:none;
    -ms-appearance:none;
    -moz-appearance:none;
    -o-appearance:none;
    background: url("../images/select-bg.png") 20px center no-repeat;
    .background:none;
    _background:none;
    background:none\9;
    +background:none;
}

.flter-con select option{text-align: center;}
.flter-con input[type="text"]{width:176px; height:32px;height:31px\9; padding-left:10px; padding:1px\9; line-height:31px\9; border:1px solid #1b5ba9; color:#0054a7;}
.flter-con input[type="text"]::-webkit-input-placeholder{color:#0054a7;}
.flter-con input[type="text"]::-moz-input-placeholder{color:#0054a7;}
.flter-con input[type="text"]::-o-input-placeholder{color:#0054a7;}
.flter-con input[type="text"]::-ms-input-placeholder{color:#0054a7;}
.flter-con li{ float: left; line-height:33px;margin-bottom: 10px;}
.flter-con li.mr{margin-right:30px;}
.flter-con li.ml{margin-left:66px;}
.flter-con li.mr .img-ml{margin-left:50px;}
.flter-con li.input-text{position: relative;}
.flter-con li.input-text span{position:absolute; top:2%; left:12px; +left:74px; color:#0054a7; font-size:14px;}

.jobtop{ font-size: 14px; font-weight: bold;}
.jobtop td{ line-height:40px; color:#333; font-size: 14px; font-weight: bold;}
.jobtop:hover{ background:#f9f9f9;}
/*.tit{padding-left: 20px;}*/
.btn-search{display: block; background:#1b5da9;+height:35px; +margin-top:1px; overflow: hidden;}
#JobSearchShow tr{border-bottom: 1px dashed #bbb6b6;}
#JobSearchShow tr td{ line-height:40px;}
#JobSearchShow tr:hover td{background:#f9f9f9!important;}
#JobSearchMenu{padding-top: 15px; font-size: 12px;}
.turnpage_button{padding: 0 15px; background: #1D8DFF; color: #fff;}
.turnpage_text{width: 50px;}
.btn-zw{cursor:pointer;}
.btn-apply{ display: block; padding:20px 10px; font-size: 14px; text-align: center; color:#fff; background:#1b5ba9; border-radius:10px;}
.zw-item{position: relative; padding:0px 10px 80px 10px; background:#f9f9f9; border-bottom:none!important;}
.zw-item .btn-sq{ display: block; position: absolute; bottom:10px; right:20px; width:82px; height:30px; line-height:30px; font-size: 14px; text-align: center; color:#fff; background:#1b5ba9; border-radius:5px;}
.item-box{display: none;}

.turnpage_button { padding:4px!important; font-size:14px!important;background: #1c5baa!important; border:none!important; }

/*@media screen and (max-width:1400px) {*/
    /*.table-box{width:100%!important; margin:0 auto!important;}*/
    /*.table-box .region-list{margin:0 auto!important;}*/
    /*.table-box table{margin:0 auto!important;}*/
    /*.map-box{width:100%!important;}*/
    /*.company .trip .content .map-box .map{float: none!important;}*/

/*}*/

/*动画*/

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