@charset "utf-8";
.pr{ position: relative;}
html,body{width: 100%; height:100%;min-width:1100px; font-family: "Microsoft YaHei";}
.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 img{opacity: 0;}
.index{position: relative; width:100%; height:100%; background:#bceef7; overflow: hidden;}
.index .img1{position: absolute; bottom: 0; left: 0; width:100%; opacity: 1;}
.index .img2{position: absolute; top:27%; left:38%; width:43%;}
.index .img3{position: absolute; top:53%; left:59%; width:21%;}
.index .btn_end{ display: block; position: absolute; top:59%; left:62%; width:7.7%;}
.index .btn_end .img4{width:100%; vertical-align: top;}

.index.cur .img2{ -webkit-animation:fadeInLeft 4s linear forwards;animation:fadeInLeft 4s linear forwards;}
.index.cur .img3{ -webkit-animation:fadeInRight 4s linear forwards;animation:fadeInRight 4s linear forwards;}
.index.cur .img4{ -webkit-animation:fadeInUp 4s linear forwards;animation:fadeInUp 4s linear forwards;}

/*导航栏*/
.header{ position: absolute; top:0; left: 0; width:100%; height:76px; background:#fff;}
.header .middle{width:1100px; height:76px; margin:0 auto;}
.header .middle .navbox{padding-top: 20px;}
.header .middle .navbox ul.nav{}
.header .middle .navbox ul.nav li{ position: relative; float: left; width:115px;}
.header .middle .navbox ul.nav li a{display: block; width:100%; text-align: center; }
.header .middle .navbox ul.nav li a p{display: block; width:100%; text-align: center; font-size:16px; color:#008ed0;}
.header .middle .navbox ul.nav li a span{display:none; width:100%; line-height:20px; text-align: center; font-size:12px; color:#008ed0;}
.header .middle .navbox ul.nav li.on p{color:#073190;}
.header .middle .navbox ul.nav li:hover p{color:#073190;}
.header .middle .navbox ul.nav li.on span{ display: block; color:#073190;}
.header .middle .navbox ul.nav li:hover span{ display: block; color:#073190;}

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

.company{width:100%; height:auto;}
.company .title{width:100%; height:auto; padding:20px 0px;}
.company .title img{width:100%; vertical-align: top;}
.company .main{width:1000px; height:auto; margin: 0 auto;}
.company .main .title img{vertical-align: top;}
.company .main .js{width:100%; padding:40px 0px;}
.company .main .js .jstext{height:auto;}
.company .main .js .jstext img{margin:0px 15px 15px 0px;}


.company .main .job{width:100%; padding:40px 0px;}
.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;}
.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;}

.company .main .cjic{width:100%; padding:40px 0px;}
.company .main .cjic h1{width:970px; height:32px; margin:0 auto; line-height:32px; text-indent:19px; font-weight:normal; font-size:18px; color:#fff; background: url("../images/h1.png") no-repeat;}
.company .main .cjic #butong_net_left  td{padding:10px 5px;}
.company .main .cjic #butong_net_left  td p{ line-height:30px; text-align: right;}
.company .main .cjic .welfare{width:912px; margin:0 auto; padding: 25px 0px;}
.company .main .cjic .welfare p{line-height:35px; font-size: 16px; color:#000;}
.company .main .cjic .welfare p span{color:#056ab2;}

.company .main .cjic .box1{width:912px; height:auto; margin:0 auto 25px auto; padding:25px 0px;}
.slideImg{ position: relative; border: 1px solid #eee; padding: 4px; overflow: hidden; width:100%; }
.slideImg .bigImg{ height:450px; position: relative;}
.slideImg .bigImg li img{ vertical-align:middle; width:910px; height:450px;   }
.slideImg .bigImg  h4{ font-size: 14px; font-weight: bold; line-height: 33px; height: 33px; padding-right: 30px; overflow: hidden; text-align: left; }
.slideImg .smallScroll{ height: 47px; margin-bottom: 6px;}
.slideImg .sPrev{ float:left; display: block; width:27px; height:31px; text-indent: -9999px; background: url("../images/prev.png") no-repeat;}
.slideImg .sNext{ float:right; display: block; width:27px; height:31px; text-indent: -9999px; background: url("../images/next.png") no-repeat;}
.slideImg .sPrev,.slideImg .sNext{margin-top: 58px;}
.slideImg .smallImg{ float:left; display:inline; width:858px; margin:20px 0px; overflow: hidden;}
.slideImg .smallImg ul{width: 9999px; overflow: hidden; }
.slideImg .smallImg li{ float: left; width:270px; margin:0px 8px; cursor:pointer;  display: inline; overflow: hidden;}
.slideImg .smallImg img{ border: 1px solid #dcdddd; width:270px; height:126px;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -ms-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
}
.slideImg .smallImg .on img{
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -ms-transform:scale(1.2);
    -o-transform:scale(1.2);
}

.footer{width:100%; height:52px; line-height:52px; font-size:14px; text-align: center; color:#fff; border-top:20px solid #7ecef4; background:#0469b2;}
.footer a{color:#fff;}

/*动画*/

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

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

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,50%,0);
        -ms-transform: translate3d(0,50%,0);
        transform: translate3d(0,50%,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(-30%);transform:translateX(-30%);opacity:0;}
    100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1; visibility: visible;}
}
@keyframes fadeInLeft{
    0%{-webkit-transform:translateX(-30%);transform:translateX(-30%);opacity:0;}
    100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1; visibility: visible;}
}

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

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

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(30%,0,0);
        -ms-transform: translate3d(30%,0,0);
        transform: translate3d(30%,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)
    }
}