@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;}
.wrap.full{height:100%;}

/*导航栏*/
.header{width:100%; height:70px; background:#fff;}
.header .middle{width:1100px; height:70px; margin:0 auto;}
.header .middle .navbox{height:70px;}
.header .middle .navbox ul.nav{ height:70px;}
.header .middle .navbox ul.nav li{ position: relative; float: left; width:115px; height:70px;}
.header .middle .navbox ul.nav li a{display: block; width:100%; line-height:70px; text-align: center; font-size:20px; color:#000;}
.header .middle .navbox ul.nav li.on{background:#d2191e;}
.header .middle .navbox ul.nav li.on a{color:#fff;}
.header .middle .navbox ul.nav li:hover{background:#d2191e;}
.header .middle .navbox ul.nav li:hover a{color:#fff;}
.header .middle .navbox ul.nav li:hover .childMenu{display: block;}
.header .middle .navbox ul.nav li a.faq{line-height: 34px;}
.header .middle .navbox ul.nav li .childMenu{ display: none; position: absolute; top:100%; left: 0; width:100%; height:38px;}
.header .middle .navbox ul.nav li .childMenu a{display: block; padding: 0; width:100%; height:100%; text-align: center; line-height:38px; font-size: 17px; color:#fff; background:#d2191e;}
.header .middle .navbox ul.nav li .childMenu a.on{background:#660709;}
.header .middle .navbox ul.nav li .childMenu a:hover{background:#660709;}

.banner{width:100%;}
.banner img{width:100%; vertical-align: top;}

/*引导页*/
.index img{opacity:0;}
.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:6%; left:3%; width:31%;}
.index .index1{position: absolute; top:12%; left:28%; width:42%;}
.index .index2{position: absolute; top:34%; left:50%; margin-left:-28%; width:56%;}
.index .index3{position: absolute; bottom:17%; left:50%; margin-left:-17%; width:34%;}
.index .btn_enter{ display: block; position: absolute; bottom:5%; right:21%; width:213px;}
.index .btn_enter .index4{width:100%; vertical-align: top;}
.index .btn_enter .index5{position: absolute; top:0; left:0; width:100%;}

.index.cur .logo{ -webkit-animation:fadeInDown 1s 0.4s forwards;animation:fadeInDown 1s 0.4s forwards;}
.index.cur .index1{ -webkit-animation:fadeInLeft 1s 0.8s forwards;animation:fadeInLeft 1s 0.8s forwards;}
.index.cur .index2{ -webkit-animation:fadeInRight 1s 1.2s forwards;animation:fadeInRight 1s 1.2s forwards;}
.index.cur .index3{ -webkit-animation:fadeInUp 1s 1.6s forwards;animation:fadeInUp 1s 1.6s forwards;}
.index.cur .index4{ -webkit-animation:bounceIn 1s 2s forwards;animation:bounceIn 1s 2s forwards;}
.index.cur .index5{ -webkit-animation:fadeIn 3s 2s forwards;animation:fadeIn 3s 2s forwards;}
/*引导页end*/

.company{width:100%; height:auto; background:url("../images/bot.png") bottom center #f3f1ef no-repeat;}
.company .title{width:100%; height:auto; padding:15px 0px;}
.company .title img{width:100%; vertical-align: top;}
.company .main{width:1100px; height:auto; margin: 0 auto;}
.company .main .title img{vertical-align: top;}
.company .main .js{width:100%; padding-top: 20px;}
.company .main .js .jstext{height:auto;}
.company .main .js .jstext p{ margin-bottom: 20px; line-height: 25px; text-indent: 33px; text-align: justify; font-size: 16px; color:#000;}
.company .main .js .flimg{float: left; margin-right:20px;}
.company .main .gd{width:100%; padding: 20px 0px; margin-top: 50px; background:#dddddd; border-radius:15px;}
.company .main .gd p{font-size:14px; color:#000; text-align: center; line-height:50px;}


.company .main .zl{width:100%; padding-top: 40px;}
.company .main .zl .bt{width:100%;}
.company .main .zl .bt img{vertical-align: top;}
.company .main .zl .textbox{width:100%; padding: 30px 0px;}
.company .main .zl .textbox p{text-indent: 33px; line-height:34px; font-size: 14px; color:#000;}
.company .main .zl .textbox img{float: right; margin:0px 0px 20px 40px;}

.company .main .lc{width:100%; padding-top: 40px;}
.company .main .lc .bt{width:100%;}
.company .main .lc .bt img{vertical-align: top;}
.company .main .lc .textbox{ padding:25px 0px 25px 17px; height:auto; margin-left: 200px;}
.company .main .lc .textbox .txt{width:100%; height:auto; border-left:1px solid #143b89;}
.company .main .lc .textbox .txt p{ position: relative; margin-bottom: 38px; padding-left:22px; line-height:6px; font-size:16px; color:#333;}
.company .main .lc .textbox .txt p .icon{position: absolute; top:-4px; left:-6px; width:12px; height:12px;}
.company .main .lc .textbox .txt p strong{position: absolute; top:-8px; right:102%; line-height: 20px; font-size: 20px; color:#0360cc;}

.company .main .ry{width:100%; padding: 40px 0px;}
.company .main .ry .bt{width:100%; padding-bottom: 20px;}
.company .main .ry .bt img{vertical-align: top;}

.company .main .job{width:100%; padding-top: 40px;}
.company .main .job .bt{width:100%;}
.company .main .job .bt img{vertical-align: top;}
.company .main .job .jobbox{width:750px; margin:0 auto;}
.company .main .job .jobbox .top{width:100%;}
.company .main .job .jobbox .top img{width:100%; vertical-align: top;}
.company .main .job .jobbox table{width:100%;}
.company .main .job .jobbox table tr th{ height:45px; font-size:17px; font-weight: bold; color:#fff; background: #036eb8;}
.company .main .job .jobbox table tr td{ height:45px; font-size:15px; font-weight: bold; color:#3e3a39; background: #dcdddd;}
.company .main .job .jobbox table tr td .btn_apply{ display:block; width:86px; height:26px; margin: 0 auto; border-radius:18px; border:2px solid #27427e; line-height: 26px; text-align: center; color:#3e3a39;}
.company .main .job .leftContent{width:300px;background:#e9e6e2;}
.company .main .job .leftContent ul.deptlist{width:100%;}
.company .main .job .leftContent ul.deptlist li{width:100%; height:37px; border-bottom:1px solid #999;}
.company .main .job .leftContent ul.deptlist li a{display: block; padding-left:20px; line-height: 38px; color:#5a5959;}
.company .main .job .leftContent ul.deptlist li.on{background:url("../images/arr.png") right center #d2191e no-repeat;}
.company .main .job .leftContent ul.deptlist li.on a{ color:#fff;}
.company .main .job .leftContent ul.deptlist li:hover{background:url("../images/arr.png") right center #d2191e no-repeat;}
.company .main .job .leftContent ul.deptlist li:hover a{color:#fff;}


.company .main .job .rightContent{width:750px;}

.company .main .xc{width:100%; padding-top: 40px;}
.company .main .xc p{font-size:34px; color:#003169; text-align: center; line-height:52px;}

.company .main .job{width:100%; padding-top: 40px;}
.box{width: 700px; margin: 0 auto; height: auto; overflow:hidden;}
.contactlist{margin: 15px auto;}
.contactlist td{height: 30px; cursor: pointer; border-bottom: 1px dashed #eee; }
.contactlist td a{}
.contactlist .comname{height: 30px; border: 2px solid #6BA9DE; border-right: none; border-left: none; font-weight: bold; font-size: 16px;padding-left: 15px;}
.btn_apply{display: block; width:114px; height:31px; line-height: 31px; font-size:18px; text-align: center; color:#fff; background: url("../images/btn_apply.png") no-repeat;}
.rows td{background:#e9e6e2; color:#d2191e; font-size: 18px;}
.jobs td{padding:10px 0px;}

.footer{width:100%; height:52px;  margin:50px auto 0px auto; line-height:52px; font-size:14px; text-align: center; color:#fff; }
.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)
    }
}