@charset "utf-8";
.pr{ position: relative;}
html,body{width: 100%; height:100%;min-width:1200px;}
.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:134px; border-bottom:9px solid #1352aa; background:url("../images/header.jpg");}
.header .middle{width:1134px; height:134px; margin:0 auto;}
.header .middle .navbox{height:80px;}
.header .middle .navbox ul.nav{ margin-top:85px; overflow: hidden;}
.header .middle .navbox ul.nav li{ position: relative; float: left; width:160px; height:46px;}
.header .middle .navbox ul.nav li a{display: block; width:100%; line-height:46px; text-align: center; font-size:20px; font-weight:bold; color:#686767;}
.header .middle .navbox ul.nav li.on a{color:#1352aa;}
.header .middle .navbox ul.nav li:hover a{color:#1352aa;}

.banner{width:1134px; margin:0 auto;}
.banner img{width:100%; vertical-align: top;}

.company{width:100%; height:auto;}
.company .title{ position: relative; width:1134px; height:auto; margin:60px auto 12px auto; border-bottom:4px solid #aeadad;}
.company .title h1{ position: absolute; bottom:-4px; left: 0; line-height:45px; font-size:25px; font-weight: normal; color:#1352aa; border-bottom:4px solid #1352aa;}

.company .main{width:1134px; height:auto; margin: 0 auto; padding-bottom:58px;}
.company .main .js{width:100%; padding-top: 20px;}
.company .main .js .flimg{margin:0px 18px 18px 0px;}
.company .main .js .jstext{height:auto;}
.company .main .js .jstext p{ margin-bottom: 20px; line-height:28px; text-indent:33px; text-align: justify; font-size: 16px; color:#595757;}
.company .main .textbox{width:100%; padding-top:20px;}
.company .main .textbox p{ margin-bottom: 20px; line-height:28px; text-align: justify; font-size: 16px; color:#595757;}
.company .main .textbox p span{color:#1a58ac;}
.company .main .imgbox{width:100%; padding-top:20px; text-align: center;}
.company .main .imgbox img{vertical-align: top;}

.company .main .gd{width:100%; padding:20px 0px; margin-top: 50px; background:#eceded;}

.company .main .jobbox{width:100%; height:auto;}
.company .main .jobbox .contactlist{margin:20px auto; background:#f0f0f1;}
.company .main .jobbox .contactlist .rows td{ color:#fff; background:#1352aa;}
.company .main .jobbox .contactlist .btn_apply{display: block; width:108px; height:24px; margin:0 auto; line-height: 24px; text-align:center; color:#fff; background: url("../images/btn.png") no-repeat;}
.company .main .jobbox .contactlist td{height: 30px; padding:5px 0px; cursor: pointer; border-bottom: 1px dashed #eee;}
.company .main .jobbox .contactlist td a{color: #333434;}
.company .main .jobbox .main .comitem td,.deptitem td{height:30px; line-height: 30px; padding-left: 15px; width: auto; color: #6BA9DE; font-size: 14px; font-weight: bold; background: url(http://special.zhaopin.com/test/dscnav/2016/szcode/images/list.jpg) 0 0px no-repeat;border-top: 2px solid #6BA9DE;border-bottom: 2px solid #6BA9DE; }

.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; border-bottom: 12px solid #0073bc; line-height:52px; font-size:14px; text-align: center; color:#333434; }
.footer a{color:#333434;}
/*@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)
    }
}