@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; background: url("../images/bg2.jpg") bottom left repeat-x;}
.wrap.full{height:100%;}

/*导航栏*/
.header{width:100%; height:68px; background:#fff;}
.header .middle{width:1000px; height:134px; margin:0 auto;}
.header .middle .navbox{height:68px;}
.header .middle .navbox ul.nav{overflow: hidden;}
.header .middle .navbox ul.nav li{ position: relative; float: left; width:140px; height:68px;}
.header .middle .navbox ul.nav li a{display: block; width:100%; line-height:64px; text-align: center; font-size:18px; color:#000;}
.header .middle .navbox ul.nav li.on a{color:#e70d1e; border-bottom:4px solid #e70d1e;}
.header .middle .navbox ul.nav li:hover a{color:#e70d1e;border-bottom:4px solid #e70d1e;}

.bigimg{ position: relative; width:100%;}
.bigimg .img{width:100%; vertical-align: top; visibility: hidden;}
.bigimg .banner{ position:absolute; top:0; left: 0; width:100%; height:100%;}
.bigimg .banner img{position: absolute; top:0; left: 0; width: 100%; height:100%; vertical-align: top;opacity: 0; filter:alpha(opacity=0);}

.title{ position: relative; width:958px; height:auto; margin:38px auto 12px auto; text-align:center;}
.title img{vertical-align: top;}

.company{width:100%; height:auto; background: url("../images/bg.jpg");}
.company .main{width:958px; height:auto; margin: 0 auto; padding-bottom:58px;}
.company .main .js{width:100%; padding:20px 0px; border-bottom: 1px solid #e81929;}
.company .main ul.textbox{width:100%; padding:30px 0px;}
.company .main ul.textbox li{ float:left; width:50%;}
.company .main ul.textbox li p{line-height:48px; text-align: justify; font-size:14px; color:#000;}

.company .main .imgbox{width:100%; padding-top:20px; text-align: center;}
.company .main .imgbox img{vertical-align: top;}

.company .main .gd{width:100%;margin-top:30px; background:#eceded;}

.company .main .jobbox{width:100%; height:auto;}
.job_list{width:100%; margin: 0 auto;font-size: 14px;table-layout: fixed;}
.job_list .dept-name td{ font-family: "microsoft yahei";  color: #1F1F1F;  font-weight: bold;  height: 30px;  line-height: 30px;  border-bottom: 2px solid #e70d1e;}
.job_list .dept-name td img{margin-right:22px;}
.job_list .dept-name{ cursor: pointer;}
.job_list .job-item{}
.job_list .job-item td{ padding:5px 0px; 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: #2a89da;}

.jobs-content{height:124px; overflow:hidden;}
.btn-more{width:100%; height:36px; text-align:right;}
.btn-more a{font-size: 14px; color:#2a89da;}

.company .main .culture{width:100%; height:auto;}
.company .main .culture .newsContent{  width:908px;  margin: 0 auto;  padding: 20px; }
.company .main .culture .newsContent img{margin-top:20px;}

.company .main .xc{ width:100%; padding-top:20px; text-align: center;}
.company .main .xc img{vertical-align: top;}
.company .main .summary{ padding: 20px 0px; line-height: 25px; font-size: 18px; text-align: right; color:#004ea2;}

.company .main .xj{ position: relative; width:100%; text-align: center;}
.company .main .xj img{vertical-align: top;}
.company .main .xj .box1{ position:absolute; top:64px; left:187px; width:260px;
    opacity:0.5;
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    filter:alpha(opacity=50);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

}
.company .main .xj .box1 h2{ line-height: 70px; text-align: center; font-size:30px; font-weight: normal; color:#004ea2;}
.company .main .xj .box1 b{ display: block; line-height: 36px; text-align: center; font-size:15px; color:#565555;}
.company .main .xj .box1 p{ margin:15px 0px; line-height:26px; text-align: center; font-size:15px; color:#565555;}
.company .main .xj .box2{ position:absolute; top:112px; right:164px; width:260px;
    opacity:0.5;
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    filter:alpha(opacity=50);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
.company .main .xj .box2 h2{ line-height: 70px; text-align: center; font-size:30px; font-weight: normal; color:#004ea2;}
.company .main .xj .box2 b{ display: block; line-height: 36px; text-align: center; font-size:15px; color:#565555;}
.company .main .xj .box2 p{ margin:15px 0px; line-height:26px; text-align: center; font-size:15px; color:#565555;}
.company .main .xj .box1:hover{
    opacity:1;
    -webkit-opacity:1;
    -moz-opacity:1;
    -khtml-opacity:1;
    filter:alpha(opacity=100);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.company .main .xj .box2:hover{
    opacity:1;
    -webkit-opacity:1;
    -moz-opacity:1;
    -khtml-opacity:1;
    filter:alpha(opacity=100);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}


.footer{width:100%; height:52px;  margin:0px auto; line-height:52px; font-size:14px; text-align: center; color:#fff; background:#e70d1e;}
.footer a{color:#fff;}
/*@media screen and (max-width:980px) {*/
    /*.index .index2{width:66%;}*/
    /*.index .index2{width:46%;}*/
    /*.index .index3{width:36%;}*/
    /*.index .btn_enter{width:26%;}*/
/*}*/

/*动画*/
@-webkit-keyframes fadeIn{
    0%{opacity:0;}
    100%{opacity:1;}
}
@keyframes fadeIn{
    0%{opacity:0;}
    100%{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.5
    }
}

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

    50% {
        opacity: 0.5
    }
}

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