@charset "utf-8";
.pr{ position: relative;}
html,body{width: 100%; min-width:1200px; 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;}

.start img{opacity:0;}
.start{ position: relative; width:100%;}
.start .logo{position: absolute; left:18.7%; top:3%; width:23.6%;}
.start .bg{width:100%; vertical-align: top; opacity:1;}
.start .img1{ position: absolute; left:22%; top:18%; width:45%;}
.start .img2{ position: absolute; left:23%; top:57%; width:33%;}
.start .enter{ display: block; position: absolute; left:16%; top:40.8%; width:16%;}
.start .enter .img3{width:100%; vertical-align: top;}
.start.on .logo{-webkit-animation:fadeIn 1s linear forwards;animation:fadeIn 1s linear forwards;}
.start.on .img1{-webkit-animation:fadeInLeft 1s 0.4s linear forwards;animation:fadeInLeft 1s 0.4s linear forwards;}
.start.on .img2{-webkit-animation:fadeInRight 1s 0.4s linear forwards;animation:fadeInRight 1s 0.4s linear forwards;}
.start.on .img3{-webkit-animation:fadeIn 1s 1.4s linear forwards;animation:fadeIn 1s 1.4s linear forwards;}

/*导航栏*/
.header{width:100%;height:64px; background:#fff;}
.header .middle{ position: relative; width:1200px; height:100%; margin:0 auto;}
.header .middle .logo{width:454px; vertical-align: top;}
.header .middle ul.nav{ height:100%; overflow: hidden;}
.header .middle ul.nav li{ float: left; width:105px; border-bottom:2px solid #113b89;}
.header .middle ul.nav li a{display: block; width:100%; line-height:64px; text-align:center; font-size:16px; font-weight:bold; color:#333; border-right:1px dotted #fff;}
.header .middle ul.nav li.on a{ line-height:62px; color:#113b89;}
.header .middle ul.nav li:hover a{color:#113b89;}

.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%;}

.title{width:100%; padding:20px 0 40px 0; text-align: center;}
.title img{vertical-align: top;}

.content{width:1200px; margin:0 auto;}

.index{width:100%; padding-top:28px;}
.index .jt{width:987px; height:150px; padding-bottom:40px; background: url("../images/jt.jpg") top center no-repeat;}
.index .culture{width:1034px; height:242px; padding-bottom:40px; background: url("../images/culture.jpg") top center no-repeat;}
.index .time-line{width:100%; background:#f7f8f8;}
.index .time-line .time-line-pic{width:1034px; height:297px; padding-bottom:40px; background: url("../images/time-line-pic.jpg") #fff top center no-repeat;}
.index .summary{width:100%; padding:30px 0px; background:#e6e6e6; text-align: center;}
.index .summary h1{line-height:52px; font-size:30px; color:#ad8662;}
.index .summary p{line-height:32px; font-size:14px; color:#ad8662;}
.index .sub-brand{width:100%;}
.index .sub-brand-pic{width:100%; height:120px; padding:28px 0px; background:url("../images/sub-brand.png") center center #ad8662 no-repeat;}

.index .text{ position: relative; padding:20px 700px 0 0;}
.index .text p{ line-height:36px; text-indent:13px;  font-size:16px; color:#666;}
.index .text img{ float:right; position: absolute; right:55px; top:20px; width:780px;}
.index .video{width:794px; height:446px; margin:50px auto; background:url("../images/video.jpg") no-repeat;}
.index .video a{display: block; width:100%; height:100%;}

.companys{width:100%; height:auto; padding-top:20px; background:#f3f5f9;}
.companys .box{width:100%; padding-bottom:90px;}
.companys .box img{width:100%; vertical-align: top;}

.job{width:100%; height:auto; padding-top:20px; background:#fff;}
.job .box{width:1200px; height:auto; margin:0 auto;}
.job .box .jobList{width:100%; padding-bottom:100px;}
.job .box .jobList .main{ float:left; width:550px; margin:0px 25px;}
.job .box .jobList .deptName{ width:100%; height:42px; margin-bottom:10px; line-height:42px; font-size:20px; color:#fff; text-align: center; border-radius:10px; background:#0d4ba0; cursor:pointer;}
.job .box .jobList .list{ display: none; padding:10px 30px; margin-bottom:10px; border-radius:5px; background:#e8eef6;}
.job .box .jobList .list table{width:100%;}
.job .box .jobList .list table tr td{ padding:10px 0px; line-height:38px; font-size:16px; color:#2165c2;}
.job .box .jobList .list table tr td .apply{ display: block; width:90px; line-height:30px; margin:0 auto; font-size:16px; color:#2165c2; text-align: center; border:1px solid #2165c2; border-radius:25px;}
.job .box .jobList .list table tr td .apply:hover{color:#fff; background:#2165c2;}


.btn_gotop{ display: none; position:fixed; bottom:100px; right: 25px; width: 40px; height: 40px; background: url("../images/top.png") no-repeat;}
.btn_gotop a{display: block; width: 100%; height: 100%;}

.footer{width:100%; line-height:58px; text-align: center; font-size:14px; color:#fff;  background:#8e0914;}
.footer a{color:#fff;}

@-webkit-keyframes fadeIn {
    0%{opacity:0;}
    100%{opacity:1;}
}
@keyframes fadeIn {
    0%{opacity:0;}
    100%{opacity:1;}
}

@-webkit-keyframes fadeInLeft {
    0%{ -webkit-transform:translate(-50%,0); opacity:0;}
    100%{ -webkit-transform:translate(0%,0); opacity:1;}
}
@keyframes fadeInLeft {
    0%{transform:translate(-50%,0); opacity:0;}
    100%{transform:translate(0%,0); opacity:1;}
}

@-webkit-keyframes fadeInRight {
    0%{ -webkit-transform:translate(50%,0); opacity:0;}
    100%{ -webkit-transform:translate(0%,0); opacity:1;}
}
@keyframes fadeInRight {
    0%{transform:translate(50%,0); opacity:0;}
    100%{transform:translate(0%,0); opacity:1;}
}

@media screen and (max-width:980px) {

}