.job-list { float: left; width: 30%;  text-align: left;  }
.job-list .title { height: 60px; line-height: 60px; font-size: 16px; color: #333;margin-left: 20px;border-bottom: 1px solid #D8D8D8; }
.job-list .title .flowTrue{
  float: right;
  font-size: 26px;
  color: #ccc;
  display: block;
}
.job-list .title .flowFlase{
  float: right;
  font-size: 20px;
  color: #ccc;
  display: none;
}
.job-list li { width: 70%;line-height: 36px;  padding-left: 20px; font-size: 14px; cursor: pointer; }

.job-list .job-listHide .active{
  color: #C63535;

}
.job-list .job-listHide{
  display: none
}
.job-list .job-listHide li{
  width: 100%;
  color: #666;
  font-family: MicrosoftYaHeiLight;
  font-weight: 300
}
.job-detail { float: left; width: 50%; height: 676px;  text-align: left; color: #333; }
.job-detail li { list-style: none; display: none; }
.job-detail .content { padding: 20px 10px; line-height: 1.8em; font-size: 14px; height: 563px;  }
.job-detail .content::-webkit-scrollbar { background: #e7e7e7; width: 5px; }
.job-detail .content::-webkit-scrollbar-thumb { background: #dc251d; border-radius: 5px; }
.job-detail .content .item { margin-bottom: 30px; display: none}
.job-detail .content .item .title{
  color: #333;
  font-size: 16px;
  margin-bottom: 25px;
  line-height: 21px;

}
.job-detail .content .item .head{
  font-size: 14px;
  color: #333;
  line-height: 15px;
  margin-bottom: 7px;
  margin-top: 25px;
}
.job-detail .content .item .itemTxt{
  font-size: 13px;
  color: #666666;
  line-height: 26px;
  font-family: MicrosoftYaHeiLight;
  font-weight: 300
}
.job-detail .email{
  font-size: 13px;
  color: #666666;
  line-height: 22px;
  margin-top: 30px;
  font-family: MicrosoftYaHeiLight;
  font-weight: 300
}
.job-detail .content a { color: #dc251d; margin: 0 2px; }
.page2 {
  margin-top: 90px;
  text-align: center;
}
.page2 .container { width: 1024px;  display: inline-block;}
.page2 .container .jobs{
  margin-left: 7%;
  margin-top: 30px
}
/*# sourceMappingURL=jobs.css.map */
.page2 .artwareList { width: 100%; position: relative; top: 8%; }
.page2 .artwareList .hd a { display: block; width: 60px; height: 60px; position: absolute; top: 50%; margin-top: -30px; cursor: pointer; z-index: 9; }
.page2 .artwareList .hd a.prev { background: url("../images/left.png") no-repeat; background-size: 100% auto; left: 50px; width: 40px;height: 40px}
.page2 .artwareList .hd a.next { background: url("../images/right.png") no-repeat; background-size: 100% auto; right: 50px; width: 40px;height: 40px}
.page2 .artwareList .bd { width: 80%; margin: 0 auto; }
.page2 .artwareList .bd li { width: 100%%; float: left; margin: 1%; }
.page2 .artwareList .bd li img { width: 100%; border-radius: 10px}
.page2 .artwareList1 { width: 100%; position: relative; top: 8%; }
.page2 .artwareList1 .hd a { display: block; width: 60px; height: 60px; position: absolute; top: 50%; margin-top: -30px; cursor: pointer; z-index: 9; }
.page2 .artwareList1 .hd a.prev { background: url("../images/left.png") no-repeat; background-size: 100% auto; left: 50px;width: 40px;height: 40px }
.page2 .artwareList1 .hd a.next { background: url("../images/right.png") no-repeat; background-size: 100% auto; right: 50px; width: 40px;height: 40px}
.page2 .artwareList1 .bd { width: 80%; margin: 0 auto; }
.page2 .artwareList1 .bd li { width: 23%; float: left; margin: 1%; position: relative;border-radius: 20px;overflow: hidden;}