/*index*/

input,button:focus{outline: none;}

section{min-width: 1200px;padding-top: 0;}
footer{min-width: 1200px;}
header{background: url(../images/nav_linear.png) repeat-x;min-width: 1200px;box-shadow: none;}
.login-bg,.reg-bg{min-width: 1200px;}
.a-block{display: block;height: 100%;width: 100%;position: absolute;left: 0;top:0;z-index: 99;}

/*导航栏单独样式*/
.nav .logo:hover{background: none;}
.nav ul .button{background: none;color: #fff; border: 2px solid #fff;line-height: 31px;}
.nav ul .button:hover{background: #fff;color: #666;border: 2px solid #fff;}
.nav ul li{color: #fff;}
.nav ul li.index-link{display: none;}
.nav ul li a{color: #fff; }
.nav ul li a:hover{color: #FEAE1B;}
.nav ul li.face{border: 0;}
.nav ul li.face a img{background: none;border: 2px solid #fff;}
.nav ul li .triangle{position: absolute;bottom: -1px;left: 32px;width: 15px;height: 10px;display: none; background: url(../images/sanjiao.png);background-size: 100% 100%;}
.nav ul li:hover .triangle{display: block;}
.nav ul li em.fa{color: #fff;}
.nav .nav-menu p:hover a{color: #000;}
.nav .bread{display: none;}

/*离开banner附近样式*/
header.index{background: #fff;box-shadow: 0 1px 6px #999;}
header.index .button{color: #666; border: 2px solid #999;line-height: 31px;}
header.index .button:hover{background: #666;color: #fff;border: 2px solid #666;}
header.index .nav ul li{color: #666;}
header.index .nav ul li a{color: #666; }
header.index .nav ul li a:hover{color: #000;}
header.index .nav ul li.face{border-left: 1px solid #999;}
header.index .nav ul li.face a img{border: 2px solid #bbb;background: #bbb;}
header.index .nav ul li:hover .triangle{display: none;}

/*首页banner*/
.banner{width: 100%;min-width: 1200px;position: relative;z-index: 99;}
.banner .slideBox{width: 100%;height: 100%;background: url(../images/loading.gif) center center no-repeat;font-size: 0;position: relative;}
.banner .slideBox ul{position: relative;width: 100%;height: 100%;}
.banner .slideBox ul li{position: absolute;top: 0;left: 0;z-index: 99; width: 100%;height: 100%;background-position: center;display: none;overflow: hidden;}
.banner .slideBox ul li a{font-size: 0;display: block;width: 100%;height: 100%;}
.banner .slideBox ul li img{width: 100%;height: auto;}
.banner .slideBox ul .tm-img{width: 100%;}
.banner .search{position: absolute;z-index: 999;height: 100px; bottom: 0;width: 100%;padding-top: 30px; background: url(../images/cover50.png) repeat;}
.banner .search .inpbox{width: 800px;height: 45px;margin: 0 auto; position: relative;}
.banner .search .inpbox input{width: 600px;padding: 13px 15px;height: 100%; font-size: 15px; float: left;background: #fff;color: #333;}
.banner .search .inpbox input:focus{background: #fff;}
.banner .search .inpbox input:hover{background: #fff;}
.banner .search .inpbox button{width: 80px;height: 100%;float: right;font-size: 16px; background: #f60;color: #fff;border: 0;}
.banner .search .inpbox button:hover{background: #f30;cursor: pointer;}
.banner .search .inpbox .sel-box{float: left;width: 120px; height:100%;position: relative;border-left: 1px solid #ddd;}
.banner .search .inpbox .sel-box span{display: block;width: 100%;padding: 0 10px; height: 45px;line-height: 45px;cursor: pointer;background: #fff;}
.banner .search .inpbox .sel-box span:hover{background: #eee;}
.banner .search .inpbox .sel-box span em{font-style: normal;color: #666;}
.banner .search .inpbox .sel-box span i{float: right;margin-top: 15px;color: #666;}
.banner .search .inpbox .sel-box ul{position: absolute;top: 45px;left: 0;display: none; width: 119px;border-bottom: 1px solid #ddd; background: #fff;}
.banner .search .inpbox .sel-box ul li{width: 100%;padding: 8px 10px;cursor: pointer;color: #666;}
.banner .search .inpbox .sel-box ul li:hover{background: #ddd;color: #333;}
.banner .search .inpbox input{border-bottom-left-radius: 2px;border-top-left-radius: 2px;}
.banner .search .inpbox button{border-bottom-right-radius: 2px;border-top-right-radius: 2px;}
.banner .control{width: 100%;height: 0;position: absolute;left: 0;top: 42%;z-index: 101;}
.banner .control div{height: 65px;width: 45px;position: absolute;top: 0;text-align: center;line-height: 65px;
    background: #000;opacity: 0.6; cursor: pointer;transition: 0.3s all;color: #fff;font-size: 30px;}
.banner .control div:hover{opacity: 0.8;}
.banner .control div.prev{left: 10px;}
.banner .control div.next{right: 10px;}

.hot-bg{width: 100%;height: 80px;padding: 20px 0;background: #000; }
.hot-slide{overflow: hidden;height: 40px;width: 1000px;margin: 0 auto;position: relative;}
.hot-slide ul{width: 10000px;height: 40px;}
.hot-slide ul li{width: 334px;height: 40px;float: left;text-align: center;padding: 8px 11px;}
.hot-slide ul li>*{line-height: 24px;display: inline-block;height: 24px;}
.hot-slide ul li i{color: #fff;height: 24px;line-height: 24px; vertical-align: bottom;padding: 0 10px;font-style: normal;font-size: 14px;}
.hot-slide ul li a{color: #fff;padding: 0 10px;max-width: 250px;vertical-align: bottom;font-size: 16px;}
.hot-slide ul li a:hover{color: #f30;}
.hot-bg .prev-next{height: 0;width: 1080px;margin: 0 auto;position: relative;}
.hot-bg .prev-next div{height: 30px;width: 30px;line-height: 30px;text-align: center;position: absolute;top: 5px;cursor: pointer;}
.hot-bg .prev-next div i{font-size: 30px;color: #fff;}
.hot-bg .prev-next div.prev{left: 0;padding-right: 2px;}
.hot-bg .prev-next div.next{right: 0;padding-left: 2px;}
.hot-bg .prev-next div:hover{background: #fff;}
.hot-bg .prev-next div:hover i{color: #333;}

/*主体内容*/
.main{width: 100%;background: url("../images/recruit/newYear_bg.jpg") center top no-repeat;padding-top: 92px;}
.number{width: 1000px;margin: 0 auto;overflow: hidden;padding-top: 30px;background: #f7f7f7;}
.number .box{width: 33.33%;padding: 0 20px; float: left;border-right: 1px solid #ccc;height: 80px;}
.number .box span{ font-size: 22px;color: #666;text-align: center;display: block;font-weight: bold;letter-spacing: 3px;}
.number .box ul{text-align: center;width: 100%;padding-top: 15px;}
.number .box ul>*{display: inline-block;}
.number .box ul li{font-size: 30px;color: #f2572e;margin-right: 3px;font-weight: bold;}
.number .box ul span{font-size: 30px;color: #666;margin-top: -10px;}
.number .kf-tel{border-right: 0;}
.number .kf-tel em{float: right;}
.number .kf-tel ul{width: 100%;text-align: center;}
.number .kf-tel ul li{margin-right: 0;float: none; display: inline-block;font-size: 30px;font-weight: bold;}
.number .kf-tel ul u{padding: 0 2px; text-decoration: none;font-size: 30px;font-weight: bold;color: #f2572e;}

/*快速通道*/
.fast-link{width: 100%; padding-bottom: 30px;}
.fast-link ul{width: 1000px;margin: 0 auto;background: #f7f7f7;padding-top: 50px;}
.fast-link li{width: 29.33%;height: 410px;float: left;margin: 0 2%;position: relative;text-align: center;}
.fast-link li .float-box{display: block;padding: 20px 0;border-radius: 10px;transition: all 0.2s;}
.fast-link li span{color: #444;font-weight: bold;display: block;height: 60px;line-height: 60px;text-align: center;font-size: 30px;}
.fast-link li i{height: 135px;width: 135px;margin: 30px auto;display: block;}
.fast-link li p{text-align: center;font-size: 16px;color: #4d4948;padding: 0 15px; height: 25px;}
.fast-link li .fast{padding: 10px 0;width: 200px;text-align: center;color: #aaa;font-size: 18px;margin: 0 auto;margin-top: 30px;
    border: 1px solid #aaa;border-radius: 5px;background: #fff;}
.fast-link .double-show{text-align: center;margin-top: 30px;display: none;}
.fast-link .double-show a{padding: 10px 0;display: inline-block;border: 1px solid #f2572e;color: #f2572e;border-radius: 5px;background: #fff;
    width: 120px;margin: 0 5px;font-size: 18px;}
.fast-link li:hover .float-box{box-shadow: 0 0 5px #999;background: #fff;}
.fast-link li:hover .fast{border: 1px solid #f2572e;color: #f2572e;}
.fast-link li:hover .double-show{display: block;}
.fast-link li:hover .double-hide{display: none;}
.fast-link li .fast:hover,.fast-link .double-show a:hover{background: #f2572e;color: #fff;border: 1px solid #f2572e;}


/*stage1*/
@keyframes stage1{
    0%{width: 0;}
    50%{width: 100%;}
    100%{left: 0; right: auto;}
}
@keyframes stage2{
    0%{height: 0;}
    50%{height: 100%;}
    100%{top: auto; bottom: 0;}
}
@keyframes stage3{
    0%{width: 0;}
    50%{width: 100%;}
    100%{left: auto; right: 0;}
}
@keyframes stage4{
    0%{height: 0;}
    50%{height: 100%;}
    100%{top: 0; bottom: auto;}
}

/*.fast-link li:hover .cover .bar01{animation: stage1 1s linear 1 normal;}*/
/*.fast-link li:hover .cover .bar02{animation: stage2 1s linear 0.5s 1 normal;}*/
/*.fast-link li:hover .cover .bar03{animation: stage3 1s linear  1 normal;}*/
/*.fast-link li:hover .cover .bar04{animation: stage4 1s linear 0.5s 1 normal;}*/

/*推荐展示*/
.imgshow{width: 1000px;margin: 0 auto;}
.imgshow ul li{width: 100%;overflow: hidden;padding: 0 5px;margin-bottom: 0;}
.imgshow ul li .two-img{width: 320px;height: 410px;float: left;}
.imgshow ul li .box{float: left;display: block; width:320px;height: 195px;margin:5px 0;position: relative;}
.imgshow ul li .box img{width: 100%;height: 100%;}
.imgshow ul li .box span a{display: block;color: #eee;position:absolute;bottom: 0;left: 0;height: 50px; line-height: 50px;width: 100%;text-align: left;  z-index: 12;
   font-size: 25px;padding: 0 10px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-weight: bold;}
.imgshow ul li .box .cover{background: url(../images/linear.png) bottom repeat-x;background-size: 100% 100%; position: absolute;z-index:10; bottom:0;left: 0;height: 50%;width: 100%;}
.imgshow ul li .box.abig{margin-right:10px; width: 660px;height: 400px;}
.imgshow ul li .box.alast{margin-right: 0;margin-left: 10px;}
.imgshow ul li .two-img .box span a{font-size: 18px;height: 40px; line-height: 40px;}
/*.imgshow ul li.fg-li{margin-top: 100px;}*/
.imgshow ul li .box:hover span a{color: #fff;}

.sortBan{width: 100%; margin: 70px 0;}
.sortBan ul li{width: 100%;max-height: 400px;background-size: auto 100%;background-position: center;}
.sortBan ul li a{display: block;height: 100%;width: 100%;overflow: hidden;}
.sortBan ul li a img{width: 100%;height: auto;}
/*正在进行时*/
.ingBox{width: 100%; padding: 40px 0;}
.ingBox ul{margin: 0 auto;width: 1200px;}
.ingBox ul li{float: left;margin:0 10px; width: 280px;height: 430px; display: inline-block;position: relative;}
.ingBox ul li .box{height: 100%;width: 100%;transition: 0.2s all;}
.ingBox ul li img{width: 100%;height: 100%;}
.ingBox ul li span a{display: none;position: absolute;z-index: 10; bottom: 50px;left: 0;width: 100%;text-align: center;font-size: 25px;color: #fff;font-weight: bold;}
.ingBox ul li .cover{display: none;position: absolute;z-index: 9;left: 0;top: 0; width: 100%;height: 100%;background: url(../images/cover30.png) repeat;}
.ingBox ul li.lilast{margin-right: 0;}
.ingBox ul li:hover .box{margin-top: -10px;box-shadow: 0 1px 5px #666;}

/*一站式服务*/
.service{width: 100%;background: #fd6243;padding: 30px 0;}
.service .title{font-size: 30px;color: #fff;display: block;text-align: center;}
.service ul{text-align: center;width: 900px;margin: 0 auto;overflow: hidden; padding: 30px 0 20px 0;}
.service ul li{float: left;width: 33.33%;color: #fff;}
.service ul li i{height: 60px;width: 65px;display: block;margin: 0 auto;}
.service ul li span{display: block;margin-top: 20px;text-align: center;font-weight: bold;font-size: 18px;}
.service ul li p{margin: 0 auto;padding-top: 10px; max-width: 230px; font-size: 14px; }
.service ul li a{color: #fff;text-decoration: underline;padding-left: 10px;}
.service ul li i{font-size: 60px;}

/*推荐标题*/
.main-title{width: 100%;text-align: center;padding: 20px 0;margin-top: 30px;}
.main-title span{font-size: 30px;display: block;font-weight: bold;color: #666;}
.main-title p{font-size: 16px;margin-top: 5px;color: #999;}

/*关于我们悬浮窗*/
.about-susp{position: fixed;right: -140px;top: 35%;z-index: 999;}
.about-susp .about-close{position: absolute;left: 42%;top: -20px;background: #fff;cursor: pointer;width: 32px;height: 32px;line-height: 28px;
    text-align: center;border-radius: 50%;border: 2px solid #e8390d;font-size: 16px;color: #e8390d;}
.about-susp .about-close:hover{background: #e8390d;color: #fff;}
.about-susp .btn{position: absolute;bottom: 40px;width: 100%;text-align: center;}
.about-susp span{display: inline-block;width: 100px;padding: 10px 0;color: #ffeece; border: 3px solid #ffeece;text-align: center;border-radius: 3px;
    font-weight: bold;}
.about-susp span:hover{background: #ffeece;color: #666;}

@media (min-width:1030px) and (max-width:1400px) {
    /*.banner{height: 500px;}*/
    /*.banner .search{position: relative;background: #666;}*/
}
@media (max-width:1030px) {
    /*.banner{height: 400px;}*/
    /*.banner .search{position: relative;background: #666;}*/
}
@media (max-width:1200px) {
    header{position: absolute;}
}