/*global 151201 filter:alpha(opacity=97);-moz-opacity:0.97;opacity:0.97;font:62.5%/150% '\5FAE\8F6F\96C5\9ED1''\5b8b\4f53'*/
html{margin:0;padding:0;border:0;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;overflow-y:scroll;overflow-x:hidden}
body,div,span,h1,h2,h3,h4,h5,h6,p,pre,a,abbr,address,code,del,em,q,dl,dt,dd,ol,ul,li,form,caption,tbody,tfoot,thead,
article,aside,dialog,figure,footer,header,nav,section,td{margin:0;padding:0;border:0;word-wrap:break-word;word-break:break-all}
body{height:100%;font:normal 12px/1.5 "simsun","Helvetica Neue", Verdana, Geneva, sans-serif;color:#333;background:#fff}
article, aside, details, figcaption, figure, dialog, footer, header, hgroup, menu, nav, section{display:block}
div,p,dt,dd,li,h1,h2,h3,h4,h5,h6,th,td{zoom:1}s{color:#888}[hidden],template{display:none}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}table,th,tr ,td{border-collapse:collapse;border-spacing:0}
li{list-style-type:none}img,.nobd{border:none !important}em,th,i{font-style:normal;font-weight:normal}
input,select,form img,button,label,textarea{vertical-align:middle;font-family:Tahoma;color:#000}
a{background-color:transparent;color:#333;text-decoration:none;zoom:1}
img{vertical-align:middle}
body{font-family:Microsoft Yahei,"Arial","Hiragino Sans GB",sans-serif}

/*--Expand Css--*/
.section{width:100%;display: inline-block;}
.secbox{width:1200px; margin:0 auto; position:relative}
.lin-img{width:100%;float:left;}.lin-img img{width:100%;}
.fl{float:left;}.fr{float:right;}
.clearfix:after{content:'.';clear:both;display:block;height:0;visibility:hidden;font-size:0;line-height:0}
.tites{text-align: center;font-size: 36px;color: #333;}

/*头部*/
.top{ width:100%; height:40px; background:#961f23;}
.top .bz{width:326px;height:40px;line-height: 40px;font-size:16px;color: #fff;}
.top .bz span{font-size:12px;padding-left:5px;}
.top .box{line-height: 40px;}
.top .box .tel{float: left}
.top .box .tel .ic_dk{font-size:16px;color: #fff;padding-left:32px;}
.top .box .tel .ic_dk span{font-size:18px;font-weight: bold;}

.header{
  width: 100%;
  height: 60px;
  background:#fff;
}
.header .logo{width:215px;margin-top:5px;}
.header .nav{
  width:960px;
  float:right;
  margin-top:6px;
}

.header .nav .nav-item{
  font-size: 16px;
  margin-left: 18px;
  position: relative;
  height:55px;
}

.header .nav .nav-item > a{
  display: block;
  line-height: 54px;
  color:#333;
  font-weight: bold;
  position: relative;
  cursor:pointer;
}

.header .nav .nav-item > a:before{
    content: " ";
    display: block;
    width: 100%;
    width: 0\9;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #c10d0c;
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}

.header .nav .nav-item:hover > a, .header .nav .nav-item.on > a {
    color: #c10d0c;
}

.header .nav .nav-item:hover > a:before, .header .nav .nav-item.on > a:before {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    width: 100% \9;
}

.fixed-header{
  position: fixed;
  left: 0;
  top: 0px;
  z-index: 999;
}
.soft-drop{
  width: 142px;
  height: auto;
  min-height: 138px;
  background: rgba(255, 255, 255, 0.8);
  filter: Alpha(opacity=80);
  background: #fff;
  position: absolute;
  top: 38px;
  left: -5px;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
}

.soft-drop a{
   display: block;
   padding: 0 6px;
   height: 46px;
   line-height: 46px;
   font-size: 14px;
   color: #333;
}

.soft-drop a:hover{
  background: #cc0000;
  color:#fff;
}

.soft-drop a.soft-more{
  border-top:1px #f1f1f1 solid;
  color: #666;
  text-align: center;
}

.header .nav .nav-item .drop-icon{
  display: inline-block;
  width: 8px;
  height: 5px;
  vertical-align: middle;
  margin-left: 4px;
}

.header .nav .nav-item:hover .soft-drop{
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
  z-index: 1000;
  top: 54px;
}

/*尾部*/

.footer{
  background-color: #030b1a;
  height:370px;
}
.footer-logo{
  width:100%;
  display: inline-block;
  margin-top:25px;
  padding-bottom: 18px;
  background:url(/recruit/static/imgs/footer-logo_bg.png) no-repeat left bottom;
}
.foot_gp{
  width:78px;
  height:46px;
  float:left;
  margin:25px 0px 0px 280px;
}

.footer-text{
  width:100%;
  display: inline-block;
  margin-top:35px;
}
.footer-text dl{
  width:125px;
  margin-left:62px;
  float:left;
}
.footer-text dl dt{
  font-size:16px;
  color: #fff;
  font-weight: bold;
  margin-bottom: 13px
}
.footer-text dl dt em{
  width:20px;
  height:2px;
  background-color: #fff;
  display: inline-block;
}
.footer-text dl dd{
  width:125px;
  float:left;
  padding-bottom: 6px;
}
.footer-text dl dd a{
  font-size:14px;
  color:#bcbcbc;
}
.footer-text dl dd a:hover{
  text-decoration:underline;
}
.footer-text .cood{
  width:128px;
  float:left;
}
.footer-text .cood img{
  width:128px;
}
.footer-text .cood p{
  font-size:12px;
  text-align: center;
  color: #fff;
  padding-top: 5px;
}
.foot-tel{
  width:410px;
  float:left;
  padding-left:15px;
}
.foot-tel span{
  width:100%;
  font-size:14px;
  color: #d9d9d9;
  display: inline-block;
  padding-bottom:6px; 
}
.foot-tel h3{
  font-size:36px;
  color: #F5CE92;
  font-weight: bold;
}
.footer-btm{
  height:50px;
  line-height: 50px;
  font-size:12px;
  color: #929090;
  background-color: #00040a;
  text-align: center;
}

/*-----内容-----*/
.banner{
  height:400px;
  background:url(/recruit/static/imgs/rec_01.jpg) no-repeat center;
}
.sec1{
  padding:32px 0px 40px 0px;
}
.sec1 .text{
  margin:20px 0px 0px 45px;
}
.sec1 .text p{
  font-size:16px;
  color: #808080;
  line-height: 27px;
}
.sec1 .text p em{
  color: #555;
  font-weight: 200
}
.ewm-box{
  width:245px;
  height:318px;
  background-color: #5494ff;
  border-radius: 10px;
  position: absolute;
  right:48px;
  top:75px;
}
.ewm-box img{
  width:204px;
  height:204px;
  margin:15px 0px 18px 22px;
}
.ewm-box span{
  font-size:18px;
  color: #000;
  padding:0px 15px;
  display: inline-block;
}




.sec2{
  padding:30px 0px 40px 0px;
  background-color: #f8f8f8;
  margin-bottom: 20px
}
.sec2 .gw-ul{
  width:100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.sec2 .gw-ul .li1{
  width:320px;
  height:400px;
  background-color: #fff;
  border-radius: 10px;
  margin-top:48px;
  position: relative;
}
.sec2 .gw-ul .li1 .last{
  width:260px;
  border-bottom: 1px solid #bbb;
  margin:40px 0px 0px 18px;
  padding-bottom: 8px;
  display: inline-block;
}
.sec2 .gw-ul .li1 .last h3{
  font-size:24px;
  color: #555;
}
.sec2 .gw-ul .li1 dl{
  width:270px;
  display: inline-block;
  margin:18px 0px 0px 18px;
}
.sec2 .gw-ul .li1 dl dt{
  font-size:18px;
  color: #666;
  padding-bottom: 15px;
}
.sec2 .gw-ul .li1 dl dd{
  font-size:16px;
  color: #808080;
  line-height: 27px;
}
.sec2 .gw-ul .li1 .more{
  width:197px;
  height:35px;
  line-height: 35px;
  text-align: center;
  font-size:18px;
  color: #808080;
  border:1px solid #bbb;
  border-radius: 5px;
  position: absolute;
  left:65px;
  bottom:20px;
}
.sec2 .gw-ul .li1 .more:hover{
  background-color: #564dfe;
  border:1px solid #564dfe;
  color: #fff
}

/*弹出岗位申请*/
.jlbg{width:100%;height:100px;top:0px;left:0px;position:absolute;filter: Alpha(opacity=50);opacity:0.50; background:#000; display:none;z-index:9998}
.popbox{
  width:696px;
  height:600px;
  position: fixed;
  left:50%;
  top:100px;
  margin:0px 0 0 -350px;
  background-color: #fff;
  border-radius: 5px;
  z-index: 9999;
  display: none
}
.pupc{
  width:100%;
  float:left;
  margin:16px 0px 5px 0px;
  
}
.pupc a{
  float:right;
  font-size:16px;
  margin-right:28px;
}
.po-box{
  width:620px;
  height:550px;
  margin:0px 30px 0px 45px;
  display: inline-block;
  position: relative;
}
.po-box h1{
  width:100%;
  font-size:24px;
  color: #555;
  padding-bottom: 8px;
  display: inline-block;
  border-bottom: 1px solid #bbb;
}
.po-text{
  width:100%;
  display: inline-block;
  margin-top:12px;
}
.po-text p{
  font-size:18px;
  color: #666;
}
.po-text ul{
  margin: 8px 0px;
}
.po-text ul li{
  font-size:16px;
  color: #808080;
  line-height: 27px
}
.po-box .sq{
  width:200px;
  height:40px;
  line-height: 40px;
  text-align: center;
  font-size:18px;
  color: #fff;
  background-color: #564dfe;
  border-radius: 5px;
  display: block;
  position: absolute;
  right:0px;
  bottom:15px;
}

.po-box .sq:hover{
  background-color: #a82024
}




/*表单*/
.sec3{
  margin:30px 0px 60px 0px;
}
.sec3 h1{
  font-size:24px;
  color: #555;
  margin:30px 0px 0px 15px
}
.sec3 h1 em{
  color: #564dfe
}
.sec3 .info{
  width:1160px;
  display: inline-block;
  margin:25px 0px 0px 15px;
}
.sec3 .info h3{
  width:100%;
  font-size:18px;
  color: #666;
  border-bottom: 1px solid #bbb;
  padding-bottom: 8px;
  margin-bottom: 28px;
  display: inline-block;

}
.sec3 h1 select{
  height:33px;
  font-size:20px;
  color: #564dfe;
  margin-top:-5px;
}
.sec3 .info p{
  width:375px;
  float:left;
  margin:0px 0px 25px 10px;
}
.sec3 .info p label{
  width:92px;
  line-height:33px;
  font-size:18px;
  color: #666;
  text-align: right;
  float:left;
}
.sec3 .info p .te1{
  width:275px;
  height:33px;
  font-size:16px;
  color: #666;
  border:1px solid #bbb;
}
.sec3 .info p .te2{
  width:1035px;
  height:140px;
  font-size:16px;
  color: #666;
  border:1px solid #bbb;
  padding:10px 0px 0px 10px;
}
.sec3 .info .btn{
  width:198px;
  height:38px;
  line-height: 38px;
  text-align: center;
  font-size:20px;
  color: #fff;
  background-color:#564dfe;
  border-radius: 5px;
  border:none;
  margin:30px 0px 0px 500px;
  cursor: pointer;
}


/*弹窗*/
#box1{width:510px;height:333px;position:fixed;left:50%;top:50%; margin:-176px 0 0 -280px; z-index:9999;display:none;border-radius:10px;}
#box1 p{padding:0 10px;margin-top:10px;}
#box1 span{color:#ff0;padding-left:5px;}
#box1 h2{ margin:0;height:25px;cursor:move;text-align:right;padding:0 10px;}
#box1 h2 a{color:#fff;font:12px/25px Arial;width:20px;height:20px;line-height: 20px;text-align: center;background-color:#666;border-radius: 50px;float:right;margin-top:5px;}


/*侧边栏*/
.t-zxzc-new{width:60px;height:182px;position:fixed;top:32%;right:0px;z-index:9999}
.t-zxzc-new a{display:block;position:relative;width:60px;height:60px;margin-bottom:2px;background:#748395;font-size:12px;text-align:center;color:#fff;cursor:pointer}
.t-zxzc-new i{display:inline-block;margin-top:15px;}
.t-zxzc-new i.i_online{width:38px;height:34px;background:url(/skin/new_index/static/imgs/kf_02.png) no-repeat;}
.t-zxzc-new i.i_tel{width:30px;height:30px;background:url(/skin/new_index/static/imgs/kf_01.png) no-repeat;}
.t-zxzc-new i.i_daili{width:29px;height:32px;background:url(/skin/new_index/static/imgs/kf_03.png) no-repeat;}
.t-zxzc-new i.i_db{width:25px;height:14px;background:url(/skin/new_index/static/imgs/kf_04.png) no-repeat;margin-top:22px;}
.t-zxzc-new a p{line-height:26px}
.t-zxzc-new a .t-pnum,.t-zxzc-new a .t-kf-hover{display:none;position:absolute;top:0;width:60px;height:55px;padding-top:5px;background:#a82024;text-align:center;}
.t-zxzc-new a .t-pnum{left:-220px;width:230px;font-size:24px;line-height:47px}
.t-zxzc-new a .t-kf-hover{left:0;font-size:16px;line-height:23px}
.t-zxzc-new a .t-kf-p{font-size:16px;line-height:23px;margin-top:8px;display: inline-block;}
.t-zxzc-new a:hover .t-pnum,.t-zxzc-new a:hover .t-kf-hover{display:block}

#app{
   
    position: fixed; 
    left: 0px; 
    top: 0px; 
    width: 100%; 
    height: 100%; 
    display: none; 
    z-index: 999; 
background: rgba(193,193,193, 0.6);
  display:none; 
}
#app img{
 position: absolute;
 left: 50%;
 top: 50%;
margin-left:-300px;
margin-top:-400px;

  }
  
  .button1 {
  background: #599bb3;
  border-radius: 8px;
  text-shadow: 0px 1px 0px #3d768a;
  -webkit-box-shadow: 0px 10px 14px -7px #276873;
  -moz-box-shadow: 0px 10px 14px -7px #276873;
  box-shadow: 0px 10px 14px -7px #276873;
  color: #ffffff;
  font-size: 16px;
  padding: 12px 30px 12px 30px;
}

.button1:hover {
  color: #ffffff;
  background: #408c99;
  text-decoration: none;
}
.w-close{
   position: absolute;
 top: 75%;
left:48%;

  }