@charset "utf-8";
.pr{ position: relative;}
html,body{width: 100%; height:100%;min-width:1200px; font-family: "Microsoft Yahei", Arial, "微软雅黑";}
.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:60px; background:#fff;}
.header .middle{width:1100px; height:60px; margin:0 auto;}
.header .middle .navbox{height:60px;}
.header .middle .navbox ul.nav{ height:60px;}
.header .middle .navbox ul.nav li{ position: relative; float: left; width:115px; height:60px;}
.header .middle .navbox ul.nav li a{display: block; width:100%; line-height:60px; text-align: center; font-weight: bold; font-size:16px; color:#000;}
.header .middle .navbox ul.nav li.on a{color:#242d7c;}
.header .middle .navbox ul.nav li:hover a{color:#242d7c;}

.banner{ position: relative; width:100%; margin:0 auto;}
.banner .hid{width:100%; vertical-align: top; visibility: hidden;}
.banner .slider{ position: absolute; top:0; left: 0; width:100%; height:100%;}
.banner .slider img{ position:absolute; top:0; left: 0; width:100%; height:100%;}

/*引导页*/
.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:#efefef;}
.company .main{width:1100px; height:auto; margin: 0 auto; background:#fff;}
.company .main .js{padding:60px 80px;}
.company .main .js h1{line-height:26px; font-weight: normal; font-size:18px; color:#1c2877;}
.company .main .js .jstext{height:auto; padding-top:50px;}
.company .main .js .jstext p{ margin-bottom: 20px; line-height: 25px; text-indent:33px; text-align: justify; font-size: 16px; color:#000;}

.company .main .job{padding:60px 80px;}
.company .main .job h1{ width:100%; line-height:44px; font-weight: normal; font-size:18px; text-align: center; color:#fff; background:url("../images/h1.jpg");}
.company .main .job .box{ width:700px; height:auto; margin:0 auto; padding-top:50px;}
.company .main .job .box table{border: 1px solid #1d297e;}
.company .main .job .box table td{border-bottom: 1px solid #1d297e;}
.company .main .job .box .btn_apply{ display: block; width:64px; height:21px; margin:0 auto; line-height: 21px; text-align: center; color:#222a7e; background:#86d5ff;}
.company .main .job .box .rows td{ font-weight: bold; font-size: 14px; color:#fff; background:#1d297e;}
.contactlist{margin: 15px auto;}
.contactlist td{height: 30px; cursor: pointer;}
.contactlist td a{color: #222a7e;}

.company .main .lc{padding:60px 80px;}
.company .main .lc h1{ width:100%; line-height:44px; font-weight: normal; font-size:18px; text-align: center; color:#fff; background:url("../images/h1.jpg");}
.company .main .lc .box{padding: 70px 0px; text-align: center;}
.company .main .lc .box img{vertical-align: top;}
.company .main .lc table{width:800px; margin:0 auto; margin-top: 50px; border: 1px solid #1d297e;}
.company .main .lc table td{ border-bottom: 1px solid #1d297e; line-height: 27px; font-size: 14px; text-align: center; color:#1d297e;}
.company .main .lc table .rows td{ font-weight: bold; font-size: 14px; text-align: center; color:#fff; background:#1d297e;}

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