@charset "utf-8";
.daohangtiao {
  width: 1920px;
  left: 50%;
  margin-left: -960px;
}
@media (max-width:1200px) {
  .daohangtiao {
    width: 100%;
    left: 0;
    margin-left: 0
  }
}
.n_nav {
  width: 100%;
  height: 58px;
  position: relative;
  margin-top: -58px;
  z-index: 9;
  background: rgba(242, 242, 242, 0.7)
}
.n_nav .nr {
  position: relative;
  height: 100%
}
.n_nav .s1 {
  width: 226px;
  height: 172px;
  background: #2056ae;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  bottom: 0;
  color: #fff;
  padding: 40px 0 0 30px
}
.n_nav .s1 h3 {
  font-size: 35px;
  color: #fff;
  line-height: 1;
  font-weight: normal;
}
.n_nav .s1 p {
  font-size: 16px;
  margin-top: 18px
}
.n_nav .s2 {
  width: 100%;
  box-sizing: border-box;
  padding: 0 0 0 226px;
}
.n_nav .s2 ul {
  font-size: 0
}
.n_nav .s2 ul li {
  width: auto;
  float: left; 
}
.n_nav .s2 ul li a {
  display: block;
   padding :0px 18px;
  height: 58px;
  line-height: 58px;
  position: relative;
  font-size: 14px;
  color: #333; white-space: nowrap;
}
.n_nav .s2 ul li a:after {
  content: "";
  display: block;
  width: 0;
  height: 3px;
  background: #2056ae;
  position: absolute;
  left: 0;
  bottom: 0;
  transition: all 0.3s linear
}
.n_nav .s2 ul li a:hover, .n_nav .s2 ul li a.on {
  background: #fff;
  color: #2056ae
}
.n_nav .s2 ul li a:hover:after, .n_nav .s2 ul li a.on:after {
  width: 100%;  
}
.n_nav .s2 ul.p_ul li {
  display: inline-block;
  vertical-align: top;
  width: auto;
  float: none;
}
.n_nav .s2 ul.p_ul li a {
  width: auto;
  padding: 0 14px
}
@media (max-width:1600px) {
  .n_nav .s1 {
    width: 180px;
    height: 140px;
    padding: 35px 0 0 15px
  }
  .n_nav .s1 h3 {
    font-size: 26px
  }
  .n_nav .s2 {
    padding: 0 0 0 180px
  } 
  .n_nav .s2 ul.p_ul li a {
    font-size: 14px
  }
  .n_nav .s2 ul.p_ul li a {
    padding: 0 12px
  }
}
@media (max-width:1200px) {
  .n_nav {
    margin: 0 auto;
    height: auto
  }
  .n_nav .nr {
    width: 100%
  }
  .n_nav .s1 { background:rgba(0,0,0,0.6);
    width: 160px; position: absolute; top:-60px; left: 0;
    height:65px;
    padding:15px 0 0 15px; 
  }
.n_nav .s1 h3 {
  font-size: 20px;  
}
.n_nav .s1 p {
  font-size: 14px; margin-top:1px; 
}
	
	
  .n_nav .s2 {
    padding: 0
  }
  .n_nav .s2 ul li {
    width: 50%;
    height: auto;
    line-height: normal
  }
  .n_nav .s2 ul li a {
    padding: 15px 0;
    font-size: 13px;
    line-height: normal;
    height: auto
  }
  .n_nav .s2 ul.p_ul li {
    width: 50%;
    height: auto;
    line-height: normal
  }
  .n_nav .s2 ul.p_ul li a {
    padding: 15px 0;
    font-size: 13px;
    line-height: normal;
    height: auto
  }
  .n_nav .s2 ul li a:after {
    height: 1px;
    width: 100%;
    background: #d9d9d9;
  }
  .n_nav .s2 ul li:nth-child(2n-1) a:before {
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    background: #d9d9d9;
    position: absolute;
    right: -0;
    top: 0
  }
  .n_nav .s2 ul li a:hover, .n_nav .s2 ul li a.on {
    background: #9496c1;
    color: #fff
  }
}
.container {
  width: 100%;
  background: #f9f9f9;
  padding: 25px 0 40px;
}
.container .con {
  background: #fff;
  box-sizing: border-box;
  padding: 40px 100px
}
.container .con .about {
  width: 100%
}
.container .con .about .pic {
  width: 50%;
  float: left
}
.container .con .about .pic img {
  width: 100%
}
.container .con .about .play {
  width: 50%;
  float: left
}
.container .con .about .play img {
  width: 100%
}
@media (max-width:1600px) {
  .container .con {
    padding: 30px 30px
  }
}
@media (max-width:1200px) {
  .container .con {
    padding: 3%
  }
  .container .con.jobcon {
    padding: 0
  }
  .container .con .about .pic {
    width: 100%
  }
  .container .con .about .play {
    width: 100%
  }
}
.video {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99;
  background: rgba(00, 00, 00, 0.6);
  display: none
}
.video .s1 {
  width: 600px;
  position: absolute;
  left: 50%;
  margin-left: -300px;
  top: 50%;
  transform: translateY(-50%)
}
.video .s1 video {
  width: 100%
}
.video .s1 .gb {
  background: url(../images/gb.png) center center no-repeat;
  width: 30px;
  height: 30px;
  background-size: 30px;
  position: absolute;
  right: 0;
  top: -40px;
  cursor: pointer
}
@media (max-width:750px) {
  .video .s1 {
    width: 80%;
    margin-left: 0;
    transform: translate(-50%, -50%)
  }
}
/* 内容模式 */
.main {
  padding: 20px 0 0
}
.article {
  padding: 0 0 0;
  line-height: 2;
  font-size: 14px;
  word-wrap: break-word;
}
.article .hd {
  padding: 0 0 20px;
  text-align: center;
}
.article .hd h1 {
  color: #000;
  font-size: 20px;
}
.article .hd .titBar {
  color: #797979;
  font-size: 12px;
}
.article .bd {
  padding-bottom: 0;
}
.article .bd img {
  max-width: 100%
}
.article .ft {
  padding: 20px 0 0;
  border-top: 1px solid #ddd;
}
.article img {
  max-width: 100%
}
.application01 {
  width: 100%;
  line-height: 2;
  font-size: 14px;
  word-wrap: break-word;
  margin-bottom: 50px
}
.application02 {
  width: 100%
}
.application02 .tab01 {
  width: 100%
}
.application02 .tab01 .hd02 {
  width: 100%;
  border-bottom: 2px solid #f7ce0d
}
.application02 .tab01 .hd02 li {
  width: 174px;
  border-radius: 8px 8px 0 0;
  background: #f1f1f1;
  text-align: center;
  font-size: 16px;
  color: #333;
  padding: 15px 0;
  float: left;
  cursor: pointer;
  margin-right: 31px
}
.application02 .tab01 .hd02 li:last-child {
  margin-right: 0
}
.application02 .tab01 .hd02 li.on {
  background: #f7ce0d;
  color: #fff
}
.application02 .tab01 .bd02 {
  width: 100%;
  margin-top: 50px;
}
.application02 .tab01 .bd02 .conx {
  width: 100%
}
.application02 .tab01 .bd02 .conx .slideBox {
  width: 434px;
  float: left;
  position: relative
}
.application02 .tab01 .bd02 .conx .slideBox .bd01 {
  width: 100%
}
.application02 .tab01 .bd02 .conx .slideBox .bd01 li {
  width: 100%
}
.application02 .tab01 .bd02 .conx .slideBox .bd01 li img {
  width: 100%
}
.application02 .tab01 .bd02 .conx .slideBox .hd01 {
  width: 100%;
  text-align: center;
  position: absolute;
  left: 0;
  bottom: 13px;
  z-index: 2;
  font-size: 0
}
.application02 .tab01 .bd02 .conx .slideBox .hd01 li {
  display: inline-block;
  vertical-align: top;
  width: 14px;
  height: 14px;
  background: #fff;
  border-radius: 50%;
  margin: 0 4px;
  cursor: pointer
}
.application02 .tab01 .bd02 .conx .slideBox .hd01 li.on {
  background: #f7ce0d
}
.application02 .tab01 .bd02 .conx .slideBox .prev01 {
  width: 100px;
  height: 100%;
  background: url(../images/x11.png) 15% center no-repeat;
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0
}
.application02 .tab01 .bd02 .conx .slideBox .next01 {
  width: 100px;
  height: 100%;
  background: url(../images/x12.png) 85% center no-repeat;
  position: absolute;
  z-index: 2;
  right: 0;
  top: 0
}
.application02 .tab01 .bd02 .conx .title {
  width: 720px;
  float: right
}
.application02 .tab01 .bd02 .conx .title h3 {
  font-size: 18px;
  color: #333;
  font-weight: normal
}
.application02 .tab01 .bd02 .conx .title .intro {
  font-size: 14px;
  color: #333;
  line-height: 2;
  margin-top: 10px
}
@media (max-width:1600px) {
  .application02 .tab01 .hd02 li {
    width: 170px;
    margin-right: 24px
  }
  .application02 .tab01 .bd02 .conx .title {
    width: calc(100% - 480px)
  }
}
@media (max-width:1200px) {
  .application02 .tab01 .hd02 {
    width: 100%;
    overflow-x: scroll
  }
  .application02 .tab01 .hd02 ul {
    width: 1140px
  }
}
@media (max-width:750px) {
  .application01 {
    margin-bottom: 30px
  }
  .application02 .tab01 .hd02 li {
    width: 120px;
    margin-right: 20px;
    padding: 8px 0;
    font-size: 14px
  }
  .application02 .tab01 .hd02 ul {
    width: 820px
  }
  .application02 .tab01 .bd02 {
    margin-top: 25px
  }
  .application02 .tab01 .bd02 .conx .slideBox {
    width: 100%
  }
  .application02 .tab01 .bd02 .conx .title {
    width: 100%;
    padding-bottom: 20px
  }
  .application02 .tab01 .bd02 .conx .title {
    margin-top: 10px
  }
  .application02 .tab01 .bd02 .conx .title .intro {
    margin-top: 5px
  }
}
/*contact*/
.contact {
  width: 100%
}
.contact .lt {
  width: 400px;
  float: left
}
.contact .lt h3 {
  font-size: 25px;
  color: #ba0000
}
.contact .lt h4 {
  font-size: 20px;
  color: #333333;
  margin-top: 10px
}
.contact .lt .intro {
  font-size: 15px;
  color: #333
}
.contact .lt .intro p {
  padding: 10px 0 10px 30px;
  margin-top: 10px;
  position: relative
}
.contact .lt .intro p:nth-child(1):after {
  content: "";
  display: block;
  width: 30px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: url(../images/x14.png) center center no-repeat
}
.contact .lt .intro p:nth-child(2):after {
  content: "";
  display: block;
  width: 30px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: url(../images/x13.png) center center no-repeat
}
.contact .lt .intro p:nth-child(3):after {
  content: "";
  display: block;
  width: 30px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: url(../images/x16.png) center center no-repeat
}
.contact .lt .intro p:nth-child(4):after {
  content: "";
  display: block;
  width: 30px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: url(../images/x15.png) center center no-repeat
}
.contact .lt .intro p:nth-child(5):after {
  content: "";
  display: block;
  width: 30px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: url(../images/x16.png) center center no-repeat
}
.contact .lt .intro p:nth-child(6):after {
  content: "";
  display: block;
  width: 30px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: url(../images/x16_2.png) center center no-repeat
}
.contact .lt .ewm {
  width: 126px;
  text-align: center;
  margin-top: 10px
}
.contact .lt .ewm img {
  width: 100%
}
.contact .lt .ewm p {
  font-size: 14px;
  color: #333;
  margin-top: 10px
}
.contact .rt {
  float: right;
  width: 530px;
}
@media (max-width:1200px) {
  .contact .lt {
    width: 100%
  }
  .contact .rt {
    width: 100%;
    margin-top: 20px
  }
  .contact .lt h3 {
    font-size: 20px
  }
  .contact .lt h4 {
    font-size: 16px
  }
  .contact .lt .intro p {
    padding: 5px 0 5px 30px;
    margin-top: 5px
  }
}
/*product*/
.product {
  width: 100%
}
.product .item {
  width: 30%;
  margin-right: 5%;
  margin-bottom: 3.5%;
  float: left
}
.product .item:nth-child(3n) {
  margin-right: 0
}
.product .item .pic {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #c0bfbf
}
.product .item .pic img {
  width: 100%
}
.product .item .title {
  font-size: 16px;
  color: #333333;
  text-align: center;
  padding: 10px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.product .item .title a {
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: #333
}
@media (max-width:750px) {
  .product .item {
    width: 48.5%;
    margin-right: 3%;
    margin-bottom: 2%
  }
  .product .item:nth-child(3n) {
    margin-right: 2%
  }
  .product .item:nth-child(2n) {
    margin-right: 0
  }
  .product .item .title {
    font-size: 14px;
    padding: 8px
  }
}
/*product*/
.product2 {
  width: 100%
}
.product2 .item2 {
  width: 18%;
  margin-right: 2.5%;
  margin-bottom: 2.5%;
  float: left;
  height: 95px;
  overflow: hidden
}
.product2 .item2:nth-child(5n) {
  margin-right: 0
}
.product2 .item2 .pic {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border: 1px solid #c0bfbf
}
.product2 .item2 .pic:hover {
  border: 1px solid #2056ae
}
.product2 .item2 .pic img {
  width: 100%;
  height: 100%
}
.product2 .item2 .title {
  font-size: 16px;
  color: #333333;
  text-align: center;
  padding: 10px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.product2 .item2 .title a {
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: #333
}
@media (max-width:750px) {
  .product2 .item2 {
    width: 48.5%;
    margin-right: 3%;
    margin-bottom: 4%;
    height: 70px;
  }
  .product2 .item2:nth-child(5n) {
    margin-right: 3%
  }
  .product2 .item2:nth-child(2n) {
    margin-right: 0
  }
  .product2 .item2 .title {
    font-size: 14px;
    padding: 8px
  }
}
/* 分页 */
.page {
  padding: 0 0 40px;
  line-height: 24px;
  text-align: center;
}
.page a {
  display: inline-block;
  margin: 0 2px;
  padding: 0 8px;
  border: 1px solid #ddd;
  background: #ddd;
  color: #333;
  vertical-align: top;
}
.page a:hover, .page .current {
  border: 1px solid #2056ae;
  background: #2056ae;
  color: #fff;
}
/* 头部新闻 */
.hotNews {
  margin-bottom: 30px;
  overflow: hidden;
}
.hotNews .pic {
  float: left;
  width: 351px;
  border: 1px solid #c0bfbf;
  box-sizing: border-box
}
.hotNews .pic img {
  width: 100%;
  height: 196px;
}
.hotNews dl {
  display: block;
  overflow: hidden;
  zoom: 1;
  padding: 25px 20px 0 40px;
  line-height: 22px;
}
.hotNews dl dt {
  margin-bottom: 13px;
  background: url(../images/o_ico_05.jpg) no-repeat 0 13px;
  color: #fff;
  font-size: 19px;
  line-height: 30px;
}
.hotNews dl dt a {
  color: #333;
}
.hotNews dl dt a:hover {
  color: #000;
}
.hotNews dl .i {
  min-height: 110px;
  padding-bottom: 10px;
  color: #666666;
  font-size: 14px;
  text-align: justify
}
.hotNews dl .m {
  font-size: 14px;
  color: #cacaca;
  background: url(../images/x19.png) left center no-repeat;
  padding-left: 20px
}
.hotNews dl .m a {
  display: block;
  color: #333;
}
.hotNews dl .m a:hover {
  background: #666;
  color: #fff;
}
/* 新闻列表 */
.news {
  padding: 0 0 40px;
}
.newsTable th {
  border: 1px solid #fff;
  background: #c8cacb;
  color: #fff;
  font-weight: bold;
  text-align: center;
}
.newsTable td {
  padding: 8px 10px;
  border-bottom: 1px solid #dcd9d4;
  line-height: 20px;
}
.list {
  padding: 0 0 40px;
}
.list li {
  padding: 14px 0;
  border-bottom: 1px dashed #eee;
  background: url(../images/o_ico_18.gif) no-repeat 2px 17px;
  font-size: 14px;
  line-height: 20px;
  clear: both;
}
.list li span {
  float: right;
  color: #bbb;
  font-size: 12px;
}
.list li a {
  display: inline-block;
  vertical-align: top;
  font-size: 16px;
  color: #333333;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: calc(100% - 100px)
}
.list li a:hover {
  text-decoration: underline;
}
@media (max-width:750px) {
  .hotNews {
    margin-bottom: 0
  }
  .hotNews .pic {
    width: 100%;
    height: auto
  }
  .hotNews .pic img {
    width: 100%;
    height: auto;
  }
  .hotNews dl {
    padding: 15px 0;
    width: 100%
  }
  .hotNews dl dt {
    font-size: 16px;
    margin-bottom: 5px
  }
  .hotNews dl .i {
    min-height: auto
  }
}
/*joinA*/
.joinA {
  width: 100%;
  margin-bottom: 20px
}
.joinA .s1 {
  width: 100%;
  background: #ebebeb;
  padding: 10px 0
}
.joinA .s1 .a1 {
  width: 24%;
  margin-left: 4%;
  float: left
}
.joinA .s1 .a2 {
  width: 24%;
  float: left
}
.joinA .s1 .a3 {
  width: 24%;
  float: left
}
.joinA .s1 .a4 {
  width: 24%;
  float: left
}
.joinA .s1 span {
  display: inline-block;
  vertical-align: top;
  background: #fff;
  padding: 5px 15px
}
.joinA .s1 span i {
  font-size: 16px;
  color: #333333;
  display: inline-block;
  vertical-align: top;
  background: url(../images/x20.png) right center no-repeat;
  padding-right: 20px
}
.joinA .s2 {
  width: 100%;
  background: #fff;
  padding: 10px 0;
  border-bottom: 1px dashed #c9c9c9
}
.joinA .s2 a {
  display: block;
  font-size: 14px;
  color: #333;
  padding: 15px 0
}
.joinA .s2 .a1 {
  width: 22%;
  margin-left: 4%;
  float: left;
  padding-left: 2%
}
.joinA .s2 .a2 {
  width: 22%;
  float: left;
  padding-left: 2%
}
.joinA .s2 .a3 {
  width: 22%;
  float: left;
  padding-left: 2%
}
.joinA .s2 .a4 {
  width: 22%;
  float: left;
  padding-left: 2%
}
@media (max-width:750px) {
  .joinA .s1 .a1 {
    width: 31.75%;
    margin-left: 0%
  }
  .joinA .s1 .a2 {
    width: 20.75%;
    margin-left: 1%
  }
  .joinA .s1 .a3 {
    width: 20.75%;
    margin-left: 1%
  }
  .joinA .s1 .a4 {
    width: 23.75%;
    margin-left: 1%
  }
  .joinA .s1 span {
    box-sizing: border-box;
    padding: 5px 0;
    width: 100%;
    text-align: center
  }
  .joinA .s1 span i {
    background: none;
    padding: 0;
    font-size: 14px
  }
  .joinA .s2 a {
    font-size: 12px
  }
  .joinA .s2 .a1 {
    width: 31.75%;
    margin-left: 0%;
    padding: 0;
    text-align: center
  }
  .joinA .s2 .a2 {
    width: 20.75%;
    margin-left: 1%;
    padding: 0;
    text-align: center
  }
  .joinA .s2 .a3 {
    width: 20.75%;
    margin-left: 1%;
    padding: 0;
    text-align: center
  }
  .joinA .s2 .a4 {
    width: 23.75%;
    margin-left: 1%;
    padding: 0;
    text-align: center
  }
  .joinA .s1 {
    padding: 5px;
    box-sizing: border-box
  }
  .joinA .s2 {
    padding: 5px;
    box-sizing: border-box
  }
}
/* 图文新闻 */
.pothoItem {
  margin: 0 0 40px;
}
.pothoItem .item {
  margin-top: 45px;
  border: 1px solid #d2d2d2;
  overflow: hidden;
}
.pothoItem .item:hover {
  background: #f5f5f5;
  border: 1px solid #f5f5f5;
}
.pothoItem .item .pic {
  float: left;
  width: 315px;
  margin-right: 20px;
}
.pothoItem .item .pic img {
  width: 100%;
}
.pothoItem .item dl {
  display: block;
  overflow: hidden;
  zoom: 1;
  padding: 0;
  line-height: 20px;
  margin-top: 15px
}
.pothoItem .item dl dt {
  font-size: 18px;
  line-height: 32px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.pothoItem .item dl dt a {
  color: #000
}
.pothoItem .item:hover dl dt a {
  color: #1d5099
}
.pothoItem .item dl .d {
  padding: 5px 0
}
.pothoItem .item dl .i {
  padding: 5px 0 0;
  color: #797979;
  font-size: 14px;
  line-height: 25px;
  height: 75px;
  overflow: hidden
}
@media (max-width:640px) {
  .pothoItem .item {
    margin-top: 20px
  }
  .pothoItem .item .pic {
    float: left;
    width: 45%;
    margin-right: 10px;
  }
  .pothoItem .item dl {
    margin-top: 10px
  }
  .pothoItem .item dl dt {
    font-size: 15px;
    line-height: 25px;
    margin-right:
  }
  .pothoItem .item dl .i {
    padding: 0;
    line-height: 22px;
    height: 43px;
    overflow: hidden
  }
  .main {
    padding: 0
  }
  .container {
    padding-bottom: 30px
  }
  #dituContent {
    height: 300px !important
  }
  .BMap_omCtrl {
    display: none
  }
}
@media (max-width:480px) {
  .pothoItem .item dl .i {
    padding: 0;
    line-height: 22px;
    height: 22px;
    overflow: hidden
  }
  .pothoItem .item dl {
    margin-top: 5px
  }
  .pothoItem .item dl .d {
    padding: 3px 0
  }
  .pothoItem .item .pic {
    float: left;
    width: 40%;
  }
}
@media (max-width:475px) {
  .pothoItem .item .pic {
    width: 170px;
  }
  .pothoItem .item .pic img {
    width: 170px;
  }
  .page {
    padding: 0 0 30px;
    line-height: 20px;
  }
  .page a {
    margin: 0 1px;
    padding: 0 5px;
  }
}
@media (max-width:375px) {
  .pothoItem .item .pic {
    width: 150px;
    margin-right: 10px
  }
  .pothoItem .item .pic img {
    width: 150px;
  }
}
/* 人才招聘 */
.hrTop {
  padding: 0 0 30px;
  border-bottom: 1px solid #ddd;
}
.hrTop li {
  padding-left: 16px;
  background: url(../images/ico_05.gif) no-repeat 0 8px;
  font-weight: bold;
  line-height: 24px;
}
.hrTable .hrTableTh {
  height: 32px;
  background: #666;
  color: #fff;
}
.hrTable th {
  color: #fff;
  font-weight: normal;
}
.hrTable td {
  padding: 0 8px;
}
.hrTable .bg td {
  background: #eee;
}
.hr {
  position: relative;
  padding: 0 0 35px;
}
.hr h3 {
  padding-left: 0;
  border-bottom: 1px dotted #ccc;
  color: #0063be;
  font-size: 20px;
  line-height: 55px;
}
.hr h3 s {
  float: right;
  width: 20px;
  height: 20px;
  margin-top: 17px;
  cursor: pointer;
}
.hr h3 .off {
  background: url(../images/hr_down.gif) no-repeat center;
}
.hr h3 .on {
  background: url(../images/hr_up.gif) no-repeat center;
}
.hrItem {
  margin-bottom: 5px;
}
.hrItem .title {
  border-bottom: 1px dotted #ccc;
  color: #999;
  font-weight: bold;
  line-height: 36px;
}
.hrItem .title span {
  float: right;
  font-weight: 100;
}
.hrItem .title span a {
  color: #88000c;
}
.hrItem .con {
  margin-bottom: 10px;
  padding: 15px 0;
  line-height: 24px;
}
.hrItem .con h4 {
  font-size: 14px;
  line-height: 36px;
}
.hrItem .apply {
  width: 95px;
  height: 25px;
  padding: 0;
  background: #01286f;
  color: #fff;
  line-height: 25px;
  text-align: center;
}
.hrItem .apply a {
  color: #fff;
}
.hr-list {
  margin-bottom: 5px;
  padding: 5px 5px 15px;
  border-bottom: 1px dotted #777;
}
.hr-list .title {
  padding: 0;
  color: #0063be;
  font-weight: bold;
  line-height: 20px;
  font-size: 16px
}
.hr-list .title span {
  float: right;
  font-weight: 100;
}
.hr-list .info {
  padding: 25px 0;
  line-height: 2.4em; font-size: 16px;
}


.hr-list .apply {
  height: 24px;
  line-height: 24px;
  text-align: right;
}
/* 人才招聘 */
.form-panel {
  padding: 0 0 30px;
}
.form-panel h4 {
  margin-bottom: 10px;
  padding: 0 20px;
  background: #666;
  color: #fff;
  line-height: 30px;
}
.form-panel .tips {
  padding: 10px 0 10px 100px;
  font-weight: bold;
  font-size: 13px;
  text-align: left;
}
.form-panel .field {
  clear: both;
}
.form-panel li.field label {
  display: block;
  float: left;
  width: 100px;
  line-height: 24px;
  text-align: right;
}
.form-panel .input {
  padding: 5px 0;
  zoom: 1;
}
.form-panel .field:after {
  content: '\20';
  display: block;
  height: 0;
  clear: both;
}
.form-panel .text {
  height: 20px;
  padding: 2px 3px;
  border: 1px solid #ccc;
  background: #fff;
  color: #555;
}
.form-panel .textarea {
  width: 450px;
  height: 100px;
  padding: 1px 3px;
  border: 1px solid #ccc;
  background: #fff;
  color: #555;
}
.form-panel .submit-field {
  padding: 0 10px 20px 100px;
  _padding: 0 10px 20px 100px;
  clear: both;
}
.form-panel .submit-field input {
  margin-right: 10px;
}
.form-panel .submit-field .btn-submit, .form-panel .submit-field .btn-reset {
  width: 93px;
  height: 29px;
  border: none;
  background: #666;
  color: #fff;
  cursor: pointer;
}
@media (max-width:1200px) {
  .form-panel li.field label {
    width: 60px
  }
  .form-panel .text {
    width: calc(100% - 80px)
  }
  .form-panel .textarea {
    width: calc(100% - 80px)
  }
  .form-panel .submit-field {
    padding-left: 60px
  }
}
.mab {
  width: 1200px;
  margin: 0 auto;
  padding: 100px 0
}
.shzrt {
  text-align: center
}
.lcr {
  margin-top: 20px;
  background: url(../images/fzlc_06.jpg) repeat-y 74px top;
  float: left;
  width: 100%;
  z-index: -1;
  position: relative;
}
.lcr li div b {
  font-size: 16px;
  color: #6f6f6f;
  float: left;
  line-height: 40px;
  display: inline-block;
  width: 36px;
  text-align: center;
}
.lcr li h3 {
  font-size: 24px;
  color: #005bac;
  font-weight: bold;
  line-height: 53px;
  float: left;
  margin: 0 0 0 67px;
  display: inline;
}
.lcr li h3 span {
  background: #fff;
  border-radius: 50px;
  behavior: url(../other/ie-css3.htc);
  border: 5px solid #005bac;
  width: 18px;
  height: 18px;
  float: left;
  margin: 16px 18px 30px 0;
  display: inline;
}
.lcr li div {
  float: left;
  width: 100%;
  margin: 0 0 0 0;
}
.lcr li div span {
  background: #6f6f6f;
  float: left;
  width: 12px;
  height: 12px;
  border-radius: 50px;
  behavior: url(../other/ie-css3.htc);
  margin: 14px 20px 0 34px;
  display: inline-block;
}
.lcr li div p {
  background: #eff5f9;
  padding: 10px 20px 10px 33px;
  margin-left: 117px;
  line-height: 26px;
  font-size: 16px;
  color: #333;
}
.lcr li div em {
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-right: 15px solid #eff5f9;
  border-bottom: 10px solid transparent;
  float: left;
  margin-top: 12px;
}
@media (max-width:1600px) {
  .mab {
    width: 1200px;
  }
}
@media (max-width:1200px) {
  .mab {
    padding: 50px 0
  }
  .mab {
    width: 92%;
  }
}