.pl30 {

  padding-left: 30px;

}

.talent_policy {

  padding: 20px 0 50px;

  line-height: 2;

  color: #4B4B4B;

}

.talent_policy dl {

  margin: 10px 0;

  padding: 10px 0 15px;

  border-bottom: 1px dashed #B8B8B8;

}

.talent_policy dl.last,

.talent_policy dl:last-child {

  border-bottom: none;

}

.talent_policy dt,

.talent_policy dd {

  float: left;

}

.talent_policy dt {

  font-weight: bold;

  margin-right: 20px;

  font-size: 18px;

}

.talent_policy dd {

  margin-top: 5px;

}

.talent_policy li {

  padding-left: 15px;

  background: url(../2015/year_bg.png) no-repeat left 12px;

}

.talents_principle {

  padding: 40px 0 150px;

}

.talents_principle p {

  line-height: 1.4;

  padding-left: 20px;

  border-left: 3px solid #4B4B4B;

  color: #4b4b4b;

  margin-bottom: 20px;

}

.talents_principle img {

  max-width: 100%;

}

.hrbanner {

  background: url(../2015/6.jpg) no-repeat center;

  background-size: auto 100%;

  height: 117px;

}

.benefits {

  padding: 20px 0 50px;

}

.recruitment {

  padding: 35px 0 80px;

}

.recruitment table {

  width: 100%;

  margin-bottom: 30px;

}

.recruitment td,

.recruitment th {

  padding: 10px 10px;

  border-bottom: 1px solid #F0F0F1;

  line-height: 1.2;

}

.recruitment .th {

  background: #0075C2;

  color: #FFF;

  font-size: 15px;

}

.recruitment .th th {

  text-align: left;

}

.recruitment_details {

  padding: 30px 0 50px;

}

.recruitment_details .bd h1 {

  padding-bottom: 15px;

}

.recruitment_details .bd h1 strong {

  font-size: 18px;

  color: #0075c2;

  padding-right: 20px;

}

.recruitment_details .bd h1 small {

  font-size: 14px;

}

.recruitment_details .ft {

  margin: 30px 0;

}

.recruitment_details .ft .apply {

  padding: 6px 20px;

  background: #0075C2;

  border: ;

  color: #FFF;

}

.knowhow {

  padding: 30px 0 50px;

}

.knowhow p {

  padding-bottom: 10px;

}

.down {

  padding: 5px 10px 5px 50px;

  display: block;

  height: 45px;

  color: #FFF;

  background: #56abe4 url(../2015/iconfont-download.png) no-repeat 10px center;

  border-radius: 4px;

  line-height: 45px;

}

.down:hover {

  color: #EEE;

}

.QA {

  padding: 20px 0 50px;

}

.QA h2 {

  font-size: 18px;

  margin-bottom: 15px;

  color: #007CC8;

}

.QA .pl30{

  padding-left: 0;

}

.QA h3 {

  font-size: 16px;

  padding-bottom: 10px;

}

.QA p {

  padding-bottom: 10px;

  /*! margin-left: 30px; */

}

.QA .dload a {

  padding-left: 20px;

  background: url(../2015/li4.png) no-repeat left 5px;

}

.training_policy {

  padding: 20px 0 50px;

}

.training_policy p {

  margin-bottom: 10px;

}

.training_dynamics {

  padding: 20px 0 50px;

}

.training_dynamics .bd li {

  height: 40px;

  padding: 0 15px;

}

.training_dynamics .bd li a {

  display: block;

  position: relative;

  height: 40px;

  line-height: 40px;

  padding: 0 80px 0 15px;

  text-overflow: ellipsis;

  white-space: nowrap;

  overflow: hidden;

}

.training_dynamics .bd li a i {

  position: absolute;

  left: 0;

  top: 0;

  display: block;

  width: 15px;

  height: 40px;

  background: url(../2015/year_bg.png) no-repeat 0 center;

}

.training_dynamics .bd li a span {

  position: absolute;

  right: 0;

  top: 0;

  display: block;

  width: 80px;

}

.training_dynamics .bd li.bg {

  background: #F9F9F9;

}

.training_system {

  padding: 20px 0 50px;

}

.training_system p {

  margin-bottom: 15px;

}

.training_system ul {

  margin-bottom: 15px;

}

.training_system li {

  padding-left: 15px;

  background: url(../2015/year_bg.png) no-repeat left 10px;

  margin-bottom: 10px;

}

.hr_contact,

.training_details,.staffact_details {

  padding: 30px 0 50px;

}

article .hd,

.article .hd {

  text-align: center;

  line-height: 40px;

  padding: 20px 0;

}

article .hd h1,

.article .hd h1 {

  font-size: 18px;

}

article .hd .info,

.article .hd .info {

  font-size: 12px;

  line-height: 1;

  margin: 10px auto;

  width: 80%;

}

article .hd .info .source,

.article .hd .info .source,

article .hd .info .time,

.article .hd .info .time {



  padding-right: 20px;

}

article .hd .info span.jiathis_style,

.article .hd .info span.jiathis_style {

  float: right;

}

article .hd .info span.jiathis_style .jtico_weixin,

.article .hd .info span.jiathis_style .jtico_weixin {

  background: url(../2015/share.png) no-repeat 0px center;

}

article .hd .info span.jiathis_style .jtico_yixin,

.article .hd .info span.jiathis_style .jtico_yixin {

  background: url(../2015/share.png) no-repeat -20px center;

}

article .hd .info span.jiathis_style .jtico_tsina,

.article .hd .info span.jiathis_style .jtico_tsina {

  background: url(../2015/share.png) no-repeat -38px center;

}

article .hd .info span.jiathis_style .jtico_renren,

.article .hd .info span.jiathis_style .jtico_renren {

  background: url(../2015/share.png) no-repeat -58px center;

}

article .hd .info span.jiathis_style .jtico_jiathis,

.article .hd .info span.jiathis_style .jtico_jiathis {

  margin-left: 7px;

}

article .bd p,

.article .bd p {

  font-size: 13px;

  line-height: 23px;

  padding-bottom: 23px;

}

.honor_roll .bd {

  padding: 30px 0 50px;

}

.honor_roll .bd li {

  width: 25%;

  float: left;

  text-align: center;

  padding-bottom: 20px;

}

.honor_roll .bd li img {

  height: 146px;

  width: 196px;

  padding: 10px 5px;

  border: 1px solid  #BBBBBB;

}

.honor_roll .bd li p {

  text-align: left;

  margin: 9px;

  line-height: 20px;

  height: 40px;

  overflow: hidden;

}

.staff-activity .bd {

  padding: 30px 0 50px;

  margin-right: -2%;

}

.staff-activity .bd li {

  width: 31.3333%;

  float: left;

  text-align: center;

  padding-bottom: 20px;

  margin-right: 2%;

}

.staff-activity .bd .box{

  width: 100%;

}

.staff-activity .bd .img {

  padding: 10px 5px;

  border: 1px solid  #BBBBBB;

}

.staff-activity .bd img{

  width: 100%;

  height: 186px;

}

.staff-activity .bd li p {

  text-align: center;

  margin: 9px;

  line-height: 20px;

  height: 40px;

  overflow: hidden;

}



@media screen and (max-width: 1366px) {

  .hrbanner {

    height: 400px;

  }

}

@media screen and (max-width: 1200px) {

  .hrbanner {

    height: 350px;

  }

}

@media screen and (max-width: 1024px) {

  .hrbanner {

    height: 300px;

  }

}

@media screen and (max-width: 860px) {

  .hrbanner {

    height: 254px;

  }

}

@media screen and (max-width: 640px) {

  .hrbanner {

    height: 188px;

  }

  .talent_policy dt,

  .talent_policy dd {

    float: none;

  }

  .staff-activity .bd li {

    width: 48%;

  }

}

@media screen and (max-width: 360px) {

  .hrbanner {

    height: 105px;

  }

  .training_dynamics li {

    padding: 0 5px;

  }

  .training_dynamics li a i {

    display: none;

  }

}

@media screen and (max-width: 320px) {

  .hrbanner {

    height: 95px;

  }

}