@charset "UTF-8";
/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2014-11-11 09:57:37
 * @version $Id$
 */
 a:hover{text-decoration: underline;}
 .join-wrap a:hover{text-decoration: none;}
.wrap{font-size: 15px;}
.index-banner-page{background:#763c6e url(../../images/page_banner/join_large.jpg) no-repeat top center;}
.col-box{width: 1000px; margin: 0 auto; padding-top: 14px;overflow: hidden;}

.btn-join li,
.culture-list .img,
.btn-recruit{
  background: url(../../images/culture.png) no-repeat;
}

.btn-join{
  padding-top: 76px;
  padding-left: 30px;
  text-align: center;
  overflow: hidden;
}
.btn-join li{
  display: inline-block;
  width: 220px;
  margin-right: 15px;
  margin-left: 15px;
}
.btn-join li a{
  display: block;
  height: 54px;
  padding-left: 45px;
  padding-top: 17px;
  color: #fff;
  font-size: 24px;
}
.btn-join .img2{
  background-position: 0 -77px;
}
.btn-join .img3{
  background-position: 0 -155px;
}
.btn-join .img4{
  background-position: 0 -233px;
}
.culture-txt{
  padding-top: 70px;
  padding-bottom: 66px;
  text-align: center;
}
.culture-txt h3{
  padding-bottom: 17px;
  color: #000;
  font-size: 40px;
  font-weight: bold;
}
.culture-txt p{
  color: #6c6c6c;
  line-height: 25px;
}

.culture-list{
  margin-left: -104px;
  overflow: hidden;
}
.culture-list li{
  float: left;
  width: 280px;
  height: 79px;
  margin-left: 104px;
  margin-bottom: 59px;
  padding-left: 148px;
}
.culture-list .img{
  float: left;
  width: 79px;
  height: 79px;
  margin-left: -100px;
}
.culture-list .img1{
  background-position: 0 -387px;
}
.culture-list .img2{
  background-position: -84px -387px;
}
.culture-list .img3{
  background-position: 0 -471px;
}
.culture-list .img4{
  background-position: -84px -471px;
}

.culture-img{
  position: relative;
  height: 750px;
}
.culture-img>div{  
  position: absolute;
  width: 33.33333333333333%;
  height: 250px;
  color: #fff;
  text-align: center;
  overflow: hidden;
}
.culture-img .cell1{
  top: 0;
  left: 0;
  width: 66.66666666666666%;
  background: url(../../images/page_banner/culture_01.jpg) no-repeat center center;
}
.cell2{
  top: 0;
  right: 0;
  background: url(../../images/page_banner/culture_02.jpg) no-repeat center center;
}
.cell3{
  top: 250px;
  left: 0;
  background: url(../../images/page_banner/culture_03.jpg) no-repeat center center;
}
.cell4{
  top: 500px;
  left: 0;
  background: url(../../images/page_banner/culture_04.jpg) no-repeat center center;
}
.culture-img .cell5{
  top: 250px;
  left: 33.33333333333333%;
  height: 500px;
  background: url(../../images/page_banner/culture_05.jpg) no-repeat center center;
}
.cell6{
  top: 250px;
  right: 0;
  background: url(../../images/page_banner/culture_06.jpg) no-repeat center center;
}
.cell7{
  top: 500px;
  right: 0;
  background: url(../../images/page_banner/culture_07.jpg) no-repeat center center;
}
.cell3 h3, .cell3 p{
  color: #000;
}
.culture-img h3{
  padding-top: 60px;
  font-size: 48px;
  font-weight: bold;
}
.culture-img p{
  font-size: 28px;
}
.culture-img .txt-bg{
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: 0;
  top: 100%;
  width: 100%;
  height: 100%;
  transition: top 0.6s;
}
.culture-img>div:hover .txt-bg{
  top: 0;
}
.cell1 .txt-bg{
  background-color: #2341ff;
}
.cell2 .txt-bg{
  background-color: #e84f4f;
}
.cell3 .txt-bg{
  background-color: #e5e5e5;
}
.cell4 .txt-bg{
  background-color: #f39700;
}
.cell5 .txt-bg{
  background-color: #a1e809;
}
.cell6 .txt-bg{
  background-color: #a378d8;
}
.cell7 .txt-bg{
  background-color: #3ad4d1;
}

.culture-txt.txt2{
  padding-bottom: 28px;
}
.btn-recruit{
  display: block;
  width: 220px;
  height: 71px;
  margin: 0 auto 80px;
  background-position: 0 -310px;
  color: #fff;
  font-size: 26px;
  line-height: 71px;
  text-align: center;
}

/* campus recruit */
.campus-recruit{
  position: relative;
  padding-bottom: 13.541666666666666%;
  background: #6c1c59 url(../../images/page_banner/campus_recruit.jpg) no-repeat;
  background-size: 100% auto;
}
.campus-recruit .btn-send{
  display: block;
  width: 13.4375%;
  margin: 0 auto;
  padding-top: 27.291666666666664%;
  padding-bottom: 3.4375%;
  line-height: 0;
  text-indent: -9999px;
}
.progress-box{
  position: absolute;
  left: 50%;
  bottom:  13.647058823529412%;
  width: 965px;
  height: 28px;
  margin-left: -482px;
  background: url(../../images/page_banner/campus_progress.png) no-repeat;
}
.progress-box ul{
  position: absolute;
  left: -68px;
  width: 1100px;
  color: #fff;
  font-size: 17px;
}
.progress-box ul:nth-child(1){
  top: -38px;
}
.progress-box ul:nth-child(2){
  bottom: -41px;
}
.progress-box ul li{
  float: left;
  text-align: center;
}
.progress-box ul li:nth-child(1){
  width: 160px;
}
.progress-box ul li:nth-child(2){
  width: 180px;
  margin-left: 295px;
  margin-right: 50px;
}
.progress-box ul li:nth-child(3){
  position: absolute;
  right: -100px;
  width: 400px;
}

.banner-page{
  margin-bottom: 34px;
  background: #6c1c59 url(../../images/page_banner/campus_recruit_s.jpg) no-repeat center;
}

/* campus recruit */
.col-box2{
  position: relative;
  width: 950px;
  margin: 0 auto 32px;
  padding: 56px 56px 40px;
  background-color: #fff;
  box-sizing: border-box;
  color:#515151;
}
.job-hd{
  margin-left: -11px;
  overflow: hidden;
}
.job-hd li{
  float: left;
  width: 196px;
  height: 43px;
  margin-left: 11px;
  border: 2px solid #dcdcdc;
  border-radius: 4px;
  line-height: 43px;
  color: #7f7f7f;
  font-size: 18px;
  text-align: center;
  cursor: pointer;
  cursor: hand;
}
.job-hd .active,
.job-hd li:hover{
  border-color: #2e93f8;
  background-color: #2e93f8;
  color: #fff;
  font-weight: bold;
}
.job-bd .title{
  margin-top: 55px;
  margin-bottom: 4px;
  color: #262626;
  font-size: 30px;
}
.job-bd dd,
.cv-box{
  line-height: 28px;
}
.btn-cv{
  display: block;
  margin: 40px auto 0;
  width: 234px;
  height: 39px;
  border-radius: 19px;
  background-color: #ed5c4a;
  color: #fff;
  line-height: 39px;
  text-align: center;
}
.btn-cv:hover{
  text-decoration: none;
}
.cv-box{
  position: absolute;
  right: -45px;
  bottom: 135px;
  width: 260px;
  height: 237px;
  padding: 168px 40px 0;
  background: url(../../images/recruit_popup.png) no-repeat;
}
.cv-box h3{
  padding-bottom: 25px;
  color: #fff;
  font-size: 22px;
  text-align: center;
}
.cv-box .btn-close{
  display: block;
  width: 208px;
  height: 35px;
  margin: 14px auto 0;
  background-color: #2e93f8;
  border-radius: 17px;
  color: #fff;
  text-align: center;
  line-height: 35px;
}
.cv-box .btn-close:hover{
  text-decoration: none;
}


/* job */
.col-list .col-img{background: url(../../images/culture.jpg) no-repeat;}
.side-bar .nav-job .current a,
.side-bar .nav-job li a:hover{ display: block; background: #737684; color:#fff; font-weight: bold;text-decoration: none;}
.email-fallback{
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10000;
  background: rgba(0, 0, 0, .65);
}
.email-fallback-box{
  position: absolute;
  top: 50%;
  left: 50%;
  box-sizing: border-box;
  width: 560px;
  padding: 34px 42px 30px;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 12px 35px rgba(0, 0, 0, .35);
  transform: translate(-50%, -50%);
}
.email-fallback-box h3{
  margin-bottom: 20px;
  color: #333;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
}
.email-fallback-box p{
  margin-bottom: 12px;
  color: #555;
  font-size: 15px;
  line-height: 26px;
}
.email-fallback-box p a{
  color: #bc1b21;
}
.email-fallback-close{
  position: absolute;
  top: 8px;
  right: 12px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #999;
  font-size: 28px;
  cursor: pointer;
}
.email-fallback-confirm{
  display: block;
  width: 130px;
  height: 38px;
  margin: 22px auto 0;
  border: 0;
  border-radius: 19px;
  background: #bc1b21;
  color: #fff;
  cursor: pointer;
}
.wrap-main .main-box{ padding:20px 20px 40px 20px;}
.wrap-main .q-and-a{ padding:10px 0 0 0; font-size: 14px;}
.wrap-main .q-and-a .line-dotted{ padding-top: 18px;}
.wrap-main .q-and-a dl{ line-height: 20px;}
.wrap-main .q-and-a .q-a-tit{ line-height: 36px; color: #333; font-weight: bold; }
.wrap-main .q-and-a .q-a-tit02{ line-height: 24px; padding-top:10px; color: #666; font-weight: bold; }

.process{ margin-bottom: 10px; border: 1px solid #d8d8d8; background: #dfdfdf;}
.process .col-list{ padding-top:16px;overflow: hidden;}
.process .col-list .col-img{ width: 77px; height: 78px; margin:0 35px 13px 35px;}
.process .col-list .img12{ background-position: 0 -1600px;}
.process .col-list .img13{ background-position: 0 -1679px;}
.process .col-list .img14{ background-position: 0 -1758px;}
.process .col-list .img15{ background-position: 0 -1837px;}
.process .col-list .img16{ background-position: 0 -1916px;}
.process .col-list li{float: left; width: 152px; margin-left:0;}
.process .col-list li p{ line-height: 32px; font-size: 14px;text-align: center;}
.process .col-list li span{ display: inline; margin-right:2px; color: #999; font-size: 15px; font-weight: bold;}

.main-box .search-box{ margin-bottom: 11px; padding-left:11px;}
.main-box .menu-list{ font-size: 13px;}
.main-box .menu-list dl{ line-height: 28px; margin-left:11px; padding-left: 70px; }
.main-box .menu-list dt{ margin-left: -70px; color: #999; font-weight: bold; }
.main-box .menu-list dd li{ float: left; padding:0 16px;}
.main-box .menu-list .current a{ color: #bc1b21; font-weight: bold;}
.main-box .menu-list .i-separation{ margin-left: -16px;}
.main-box .job-box,.main-box .job-list{ font-size: 13px;}
.main-box .job-list .tit,
.main-box .job-box .job-tit{ height: 34px; margin-top:25px; padding-left: 10px; background: #e7eaee;line-height: 34px;}
.main-box .job-list table{ width: 750px; margin-top:-40px; }
.main-box .job-list th,.main-box .job-list td{ height: 40px; line-height: 40px; padding-left: 10px;}
.main-box .job-list th{ color: #666; font-weight: bold; text-align: left;}
.main-box .job-list td{ border-bottom: 1px dotted #e0e0e0; }
.main-box .job-box .job-tit{ line-height: 34px; padding-left: 10px; font-weight: bold; }
.main-box .job-box .job-sum{ overflow: hidden; margin-top:8px; padding-left:10px; border-bottom: 1px dotted #e0e0e0; }
.main-box .job-box .job-sum li{ float: left; width: 245px; line-height: 38px;}
.main-box .job-box .job-detail{ margin: 9px 0 10px 10px;}
.main-box .job-box .job-detail .tit{ line-height: 26px; color: #333; font-size: 14px; font-weight: bold;}
.main-box .job-box .job-detail li{ line-height: 24px;}
.main-box .job-box .job-detail .i-dot{ margin-top: 11px;}
.main-box .job-box .btn{ display: inline-block; margin: 17px 0 10px 10px; padding: 10px 22px; background: #bc1b21; color: #fff; font-size: 14px; font-weight: bold;}
.main-box .job-box .btn:hover{ background: #d02e35; text-decoration: none;}
.main-box .new-content{ border: none; padding-top:0; margin-top:0;}
.main-box .new-content .content-tit{ font-weight: bold;}

.pages a{margin-left: 10px;margin-right: 10px;}
.pages a:hover{text-decoration: none;}