body {height:auto; +overflow:hidden; max-width:none;}
* { font-family:"microsoft yahei";}
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

.banner { width:100%; height:450px; background-image:url(../image/tmb_join.jpg)}
.banner_containor { width:1140px; margin:0 auto; position:relative; height:450px;}
.banner_containor h1 { color:#303030;; font-family:"microsoft yahei";  position:absolute; left:10%; top:30%; display:block; font-size: 36px; font-weight:300px;}
.banner_containor h3 { color:#404040;; font-family:"microsoft yahei"; position:absolute; left:15%; top:45%; display:block;font-size: 24px; font-weight: 300; }

.content { width:100%; padding:50px 0; background-color:#eee;}
.content_containor { width:1140px; margin:0 auto; position:relative; }
.content_containor .pTitle { font-family:"microsoft yahei";  font-size:30px; margin-bottom:30px;}
.content_containor p { font-family:"microsoft yahei";  }


.animated_01 {
  -webkit-animation-duration: 1s !important;
  animation-duration: 1s !important;
  -webkit-animation-fill-mode: both !important;
  animation-fill-mode: both !important;
  -webkit-animation-delay:0s !important;
  animation-delay:0s !important;
}

.animated_02 {
  -webkit-animation-duration: 2s !important;
  animation-duration: 1s !important;
  -webkit-animation-fill-mode: both !important;
  animation-fill-mode: both !important;
  -webkit-animation-delay:0.5s !important;
  animation-delay:0.5s !important;
}



.content-wrapper { position: relative; z-index: 1; }

.width_full { width:100%;}
.title {}
.joinpage { width:1000px; margin:0 auto; position:relative;}
.pageT { padding: 30px 0px 0px; }
.hrPage .pageC { }
.join-dl { color: #575757; padding-bottom: 80px; border-top: 1px solid #e6e6e6; display:none;}
.join-dl dt { cursor: pointer; position: relative; padding: 25px 20px; border-bottom: 1px solid #e6e6e6; position: relative; overflow: hidden; font: 14px/1.8 "microsoft yahei"; }
.join-dl dt .joico { width: 15px; height: 15px; position: absolute; right: 20px; top: 28px; font-size: 15px; }
.join-dl dt .name { font-size: 16px;  color: #0F656F;display: block;
    float: left;
    width: 230px; }
.join-dl dt .joico .line1 { width: 15px; height: 3px; overflow: hidden; background: #575757; position: absolute; left: 0; top: 6px; transition: 400ms; }
.join-dl dt .joico .line2 { width: 3px; height: 15px; overflow: hidden; background: #575757; position: absolute; left: 6px; top: 0; transition: 400ms; }
.join-dl dt .joico .line3 { width: 15px; height: 3px; overflow: hidden; background: #575757; position: absolute; left: 50px; top: 6px; opacity: 0; filter: alpha(opacity=0); transition: 400ms; }
.join-dl dt.joinact .line1 { left: -70px; opacity: 0; filter: alpha(opacity=0); background-color:#eee; }
.join-dl dt.joinact .line2 { top: -70px; opacity: 0; filter: alpha(opacity=0); background-color:#eee;}
.join-dl dt.joinact .line3 { left: 0px; opacity: 1; filter: alpha(opacity=100); background-color:#eee;}
.join-dl dt.joinact .name { color:#fff;}
.join-dd { padding: 28px 20px 40px; display: none; color: #575757; background-color: #FAFAFA; border-bottom: 3px solid #E6E6E6; }
.join-dl dt.joinact { background-color: #C01B2B; }
.joinType a:link, .joinType a:visited { color: #fff; }
.joinType a:active, .joinType a:hover { color: #fff; }
.joinType { background-color: #A3976F; margin-bottom: 24px; }
.joinType ul { width: 90%; margin: 0px auto; }
.joinType li { float: left; width: 25%; text-align: center; padding: 24px 0px; }
.joinType a { padding: 6px 14px; border: 2px solid #779cd7; font-size: 16px; }
.joinType a:hover, .joinType a.act { border: 2px solid #fff; }
.pageC { margin-bottom:80px;}

.type_wrap { width:100%; height:51px; background-color:#c01b2b; margin-bottom:20px; margin-top: 35px;    background: #c01b2b url(../image/sehui_tmb.jpg) no-repeat center;}
.type_wrap ul { width:90%;  height: 80px; line-height: 80px;}
.type_wrap ul li { display:inline-block; float:left; margin-left:20px; }
.type_wrap ul li a { color:#fff; padding:5px 25px; border:1px solid #4c4a4f; font-size:16px;}
.type_wrap ul li.on a { border:1px solid #fff;background-color: #C01B2B;}
.type_wrap ul li:hover a {border:1px solid #fff;}
.jiaTitle {
    display: block;
    width: 482px;
    height: 41px;
    background-image: url(../image/join_img_t.jpg);
    margin: 0 auto;
}
.jiaTitle2 {
    display: block;
    width: 482px;
    height: 41px;
    background-image: url(../image/join_img_t2.jpg);
    margin: 0 auto;
}
.job_act { display:block;}



@media screen and (max-width:980px){
  .joinpage { width:98%;}
}