@charset "utf-8";
.pb{ padding-bottom: 80px;}
.innerbann img{ display: block; width: 100%; height: auto;}
.innerbann .wapbann{ display: none;}
.subnav{ height: auto; line-height: 46px; background-color: #eb580b;}
.subnav li{ float: left; margin-right: 40px;}
.subnav li a{ color: #fff;}
.pos{ line-height: 76px; text-align: right;}
.pos a{ margin: 0 10px;}
.tit{ text-align: left;}
.tit:after{ left: 0; margin: 0;}
.page{ line-height: 30px; text-align: center;}
.page a,.page span{ display: inline-block; margin: 0 5px; padding: 0 10px;background-color: #999; color: #fff;}
.page span{ background-color: #eb580b;}

.company{ padding-top: 50px;}
.destxt{ width: 45%; line-height: 30px;}
.imgbox{ width: 50%;}
.imgbox img{ display: inline-block; vertical-align: middle; max-width: 100%;}

.newslist{ margin-top: 50px; overflow: hidden;}
.newslist ul{ width: 110%;}
.newslist li{ float: left; margin: 0 18px 32px 0; width: 386px; height: 380px; border: 1px solid #b1b1b1;}
.newslist li img{ width: 100%; height: 240px;}
.newslist li h2{ line-height: 52px; font-size: 16px; text-align: center;}
.newslist li p{ padding: 0 10px; line-height: 28px; color: #666;}
.newslist li a:hover h2{ color: #eb580b;}

.content .contit{ line-height: 48px; text-align: center; font-size: 18px;}
.content .info{ padding-bottom: 10px; text-align: center; border-bottom: 2px solid #cdcdcd;}
.content .info span{ margin: 0 10px;}
.content .context{ padding: 40px 95px; line-height: 30px;}
.context img{ max-width: 100%; height: auto;}

.joblist{ margin-top: 30px;}
.joblist .titCell{ padding: 0 15px; height: 48px; line-height: 48px; border: 1px solid #333;}
.joblist .titCell.on{ height: 50px; line-height: 50px; color: #fff; background-color: #eb580b; border: 0;}
.joblist .titCell span{ display: inline-block; font-size: 16px;}
.joblist .posName{ width: 20%;}
.joblist .count{ width: 20%;}
.joblist .targetCell{ display: none; padding: 15px 15px 40px;}
.joblist .titCell em{ float:right; display:block; margin-top: 10px; width:26px; height:26px; background:url('../images/btns.png') 0 0 no-repeat; cursor:pointer; }
.joblist .titCell.on em{ background-position: 0 -26px;}
.wapdate{ display: none;}

.prolist ul{ padding: 50px 0;}
.prolist li{ position: relative; float: left; margin: 20px 8px;  width: 282px; text-align: center;}
.prolist li a{ display: block; font-size: 16px;}
.prolist li h3{ margin-top: 10px;}
.prolist li img{ display: block; width: 282px; height: 298px; border: 1px solid #ababab;}

.mapbox {width:100%;height:350px;border:#ccc solid 1px; margin: 30px 0;}

.download li img{ width: 283px; height: 400px;}
.download li a{ display: inline-block; margin: 15px auto; padding: 0 20px; line-height: 32px; color: #fff; background-color: #eb580b; border-radius: 5px;}

@media screen and (max-width: 1200px) {
  .innerbann{ margin-top: 60px; width: 100%; overflow: hidden;}
  .innerbann .pcbann{ display: none;}
  .innerbann .wapbann{ display: block;}
  .innerbann img{ width: 250%; transform: translateX(-50%);}
  .innerbann img.fullwidth{ width: 100%; transform: translateX(0);}
  .subnav{ height: 46px; position: relative; overflow: hidden; transition: all 0.2s ease-in-out 0.2s; -webkit-transition: all 0.2s ease-in-out 0.2s;}
  .subnav li{ margin: 0 8px;}
  .showbtn{ display: none; position: absolute; height: 46px; width: 50px; right: 0; top: 0; cursor: pointer; background-color: #eb580b; text-align: center;}
  .showbtn i{ display: inline-block; width: 12px; height: 20px; margin: 7px 11px; vertical-align: middle; position: relative; font-style: normal; color: #fff; text-align: left;text-indent: -9999px; transform: rotate(90deg);}
  .showbtn i:before,.showbtn i:after{ content: ''; width: 14px; height: 2px; position: absolute; bottom: 0; margin: auto 0; right: 2px; box-shadow: inset 0 0 0 32px; -webkit-transform-origin: right; -ms-transform-origin: right; transform-origin: right;}
  .showbtn i:before{ top: 2px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
  .showbtn i:after{ top: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);}

  .pos{ padding: 13px 0; line-height: 24px; text-align: left;}
  .tit{ padding: 13px 0; line-height: 28px;}

  .company{ padding-top: 20px;}
  .destxt{ width: 100%;}
  .imgbox{ width: 100%; margin-top: 20px;}

  .content .contit{ line-height: 32px; padding: 8px 0;}
  .content .context{ padding: 10px;}
  .stepbox table{ max-width: 100%;}
  .stepbox table td{ display: block; padding-left: 0!important; padding-right: 0!important; width: 100%!important; box-sizing:border-box; -webkit-box-sizing:border-box;}

  .joblist .titCell{ position: relative;}
  .joblist .posName{ width: auto;}
  .joblist .count{ width: auto; float: right; padding-right: 35px;}
  .joblist .titCell span.date{ display: none;}
  .joblist .titCell em{ position: absolute; right: 15px; top: 8px; zoom: 0.8;}
  .wapdate{ display: block; margin-bottom: 10px; text-align: right;}
  .joblist .pccon{ display: none;}
  .joblist .wapcon{ display: block;}

  .newslist{ margin-top: 20px;}
  .newslist ul{ width: 100%;}
  .newslist li{ margin: 10px 0; width: 100%; height: auto; box-sizing:border-box; -webkit-box-sizing:border-box;}
  .newslist li img{ width: 100%; height: auto;}

  .prolist ul{ padding-top: 20px;}
  .prolist li{ margin: 10px 0; width: 48%; box-sizing:border-box; -webkit-box-sizing:border-box;}
  .prolist li:nth-child(odd){ float: left;}
  .prolist li:nth-child(even){ float: right;}
  .prolist li img{ width: 100%; height: auto;}
  .prolist li h3{ height: 25px; overflow: hidden; }
}