@charset "utf-8";
.pr{ position: relative;}
html,body{width: 100%; height: 100%;min-width: 1000px;}
.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{  position: relative; width:100%; height: 100%; overflow: hidden; background: url("../images/index.jpg") no-repeat; background-size:100% 100%;
    filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/index.jpg',sizingMethod='scale');"}
.index .logo{position: absolute; top:12%; left:6%; width:28%;opacity:0;}
.index .index1{position: absolute; top:31%; right:9%; width:32%;opacity:0;}
.index .btn_join{ display: block; position: absolute; bottom:7%; right:7%; width:12%;opacity:1;}
.index .btn_join img{width:100%; vertical-align: top;}

.index.cur .logo{-webkit-animation:fadeInLeft 4s 0.4s forwards;animation:fadeInLeft 4s 0.4s  forwards;}
.index.cur .index1{-webkit-animation:fadeInRight 2.5s 0.4s forwards;animation:fadeInRight 2.5s 0.4s  forwards;}

.logobox{width:1240px; margin:0 auto; padding:15px 0px; background:#fff;}
.logobox  .logo{width:331px; height:54px;}
.header ul.nav{ width:1240px; height:76px; margin: 0 auto; overflow: hidden; background: url("../images/header.jpg");}
.header ul.nav li{ float: left; width:20%; height:68px;}
.header ul.nav li a{ display: block; width:100%; margin:0 auto; line-height: 68px; font-size:18px; color: #fff; text-align: center;}
.header ul.nav li.on{background:#2d99fa;}
.header ul.nav li:hover{background:#2d99fa;}

.banner{ position: relative; width:1240px; height:auto; margin: 0 auto;}
.banner img{width:100%; vertical-align:top;}
.main{width:1240px; height:auto; margin: 0 auto;
    background:-webkit-linear-gradient(top, #eee,#fff );
    background:-ms-linear-gradient(top, #eee,#fff);
    background:-o-linear-gradient(top, #eee,#fff);
    background:-moz-linear-gradient(top, #eee,#fff);
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#eee,endcolorstr=#fff,gradientType=1);
}
.main .title{width:100%; height:60px; padding-top: 24px; border-bottom:5px solid #2c5dd3;}
.main .title h1{width: auto;height:60px;margin-left: 50px;line-height: 60px;text-align:center;font-weight: normal;font-size:25px;color:#fff;background:#2c5dd3;display:  inline-block;padding:  0 15px;}
.main .company{padding: 30px;}
.main .company .pic{width:398px; height:196px; margin:0px 10px 10px 0px;}
.main .company p{ line-height: 35px; font-size: 14px; color:#000; text-indent:33px;}

.imgbox{ height:152px; margin:0 auto;  margin-top: 30px; overflow: hidden;}
.imgbox li{width:268px; height:152px;}
.imgbox li img{width:100%; height: 100%;}
.imgbox .tempWrap{width:100%!important;width:100%;}


.main .ypxz{padding: 30px;}
.main .ypxz .text1 p{ line-height: 35px; font-size: 14px; color:#333; text-indent:33px;}

.main .ypxz h2{font-size:22px; color:#000; text-align: center; line-height:40px;}

.main .ypxz .listbox{width:100%;}
.main .ypxz .listbox p{ line-height: 35px; font-size: 14px; color:#333;}
.main .ypxz .listbox b{font-size:17px; font-weight: normal; color:#000; line-height:35px;}


.main .job{padding: 30px;}
.job_list{width:80%;margin: 0 auto;font-size: 14px;table-layout: fixed;}
.job_list .dept-name td{  font-family: "microsoft yahei";  color:#029ccf;  font-weight: bold;  height: 30px;  line-height: 30px;}
.job_list .job-item td{color: #333333;  border-bottom: 1px dashed #ccc;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;}
.job_list .job-item td a{text-decoration: none;color: #6BA9DE;}

.footer{width:1240px; margin:0 auto; margin-top:106px;  font-size:14px; line-height:119px; text-align: center; color:#fff; background:url("../images/footer.jpg") no-repeat;}



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

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

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

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

@-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);
        transform: translate3d(100%, 0, 0);
    }

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