html {
  font-size: 62.5%; }

html, body {
  height: 100%;
  background: #eaeaea;
  font-family: 'Microsoft YaHei'; }

.nowrap {
  white-space: nowrap;
  overflow: hidden;
  word-break: break-all;
  text-overflow: ellipsis; }

.header {
  background: #fff;
  padding: 1.5rem 0;
  height: auto;
  overflow: auto; }
  .header .phone {
    margin-left: 2rem;
    width: 7%;
    height: auto;
    position: relative; }
    .header .phone span {
      position: relative;
      z-index: 5;
      display: inline-block;
      border-right: 1px solid #e5e5e5; }
  .header .logo {
    width: 67%;
    height: auto; }
    .header .logo img {
      width: 70%;
      margin: 0 auto; }
  .header .nav {
    width: 10%;
    height: auto;
    margin-right: 2rem;
    border-left: 1px solid #e5e5e5; }

nav {
  display: none;
  position: fixed;
  width: 100%;
  z-index: 99;
  top: 0;
  height: 1000px;
  background: #fff; }
  nav .top {
    width: 90%;
    margin: 0 auto;
    padding: 3% 5%;
    height: auto;
    overflow: auto;
    background: url(../img/nav-top-bg.jpg) repeat-x; }
    nav .top h2 {
      width: 90%;
      float: left;
      font-size: 1.8rem;
      text-align: left;
      font-weight: normal;
      color: #005aab; }
    nav .top i {
      display: block;
      width: 5%;
      padding-bottom: 5%;
      float: right;
      margin-top: 1%;
      background: url(../img/close.jpg);
      background-size: 100%; }
  nav .nav-mian dt {
    width: 90%;
    margin: 0 auto;
    padding: 3% 5%;
    height: auto;
    overflow: auto;
    background: #fff;
    border-bottom: 1px solid #f7f7f7; }
    nav .nav-mian dt h2 {
      width: 90%;
      float: left;
      font-size: 1.8rem;
      text-align: left;
      font-weight: normal;
      color: #333333; }
    nav .nav-mian dt i {
      display: block;
      width: 5%;
      padding-bottom: 5%;
      float: right;
      margin-top: 1%;
      background: url(../img/more-up.png) no-repeat;
      background-size: 50%;
      transition: .5s; }
  nav .nav-mian .nav-open h2 {
    font-size: 1.8rem;
    text-align: left;
    font-weight: normal;
    color: #005aab; }
  nav .nav-mian .nav-open i {
    background: url(../img/nav-show.png) no-repeat;
    background-size: 50%;
    transform: rotate(90deg);
    transition: .5s; }
  nav .nav-mian dd {
    display: none;
    width: 90%;
    margin: 0 auto;
    padding: 5%;
    background: #fff; }
    nav .nav-mian dd ul li:last-child {
      border-bottom: 0px; }
    nav .nav-mian dd ul li {
      float: none;
      border-bottom: 1px solid #e5e5e5; }
      nav .nav-mian dd ul li a {
        font-size: 1.6rem;
        text-align: left;
        font-weight: normal;
        color: #666666;
        line-height: 3.5rem;
        display: block; }
      nav .nav-mian dd ul li i {
        display: block;
        width: 5%;
        padding-bottom:6%;
        float: left;
        margin-top: 3.5%;
        background: url(../img/more-up.png) no-repeat;
        background-size: 32%; }

.banner {
  clear: both;
  position: relative; }
  .banner img {
    width: 100%; }
  .banner .pagination {
    position: absolute;
    bottom: 0;
    left: 48%;
    z-index: 5; }
    .banner .pagination span {
      margin-right: 0.5rem; }

.warp-middle {
  background: #fff;
  width: 100%;
  padding-top: 4rem; }
  .warp-middle .box {
    width: 90.6%;
    margin: 0 auto;
    overflow: auto;
    background: #fff; }
    .warp-middle .box ul li {
      width: 45.8%;
      margin: 0 0.5rem; }
      .warp-middle .box ul li img {
        margin: 0 auto; }
      .warp-middle .box ul li h2 {
        font-size: 1.4rem;
        text-align: center;
        font-weight: bold;
        color: #005aab;
        padding: 2.4rem 0; }

.warp-bottom {
  padding: 0 2rem; }
  .warp-bottom figure {
    margin: 2rem 0;
    border-radius: 5px;
    width: 33.3333%;
    float: left; }
    .warp-bottom figure:hover {
      background: #005aab; }
      .warp-bottom figure:hover li {
        border: 0px; }
        .warp-bottom figure:hover li h2 {
          color: #fff; }
    .warp-bottom figure li {
      margin: 2rem 0;
      width: 100%;
      border-right: 1px solid #d2d2d2; }
      .warp-bottom figure li span {
        display: block;
        width: 19.8%;
        padding-bottom: 22%;
        margin: 0 auto; }
      .warp-bottom figure li h2 {
        font-size: 1.4rem;
        text-align: center;
        font-weight: bold;
        color: #333333;
        margin-top: 0.5rem; }
  .warp-bottom figure:nth-of-type(1):hover span {
    background: url(../img/product-ico-hover.png) no-repeat;
    background-size: 100%; }
  .warp-bottom figure:nth-of-type(1) span {
    background: url(../img/product-ico.png) no-repeat;
    background-size: 100%; }
  .warp-bottom figure:nth-of-type(2):hover span {
    background: url(../img/news-ico-hover.png) no-repeat;
    background-size: 100%; }
  .warp-bottom figure:nth-of-type(2) span {
    background: url(../img/news-ico.png) no-repeat;
    background-size: 100%; }
  .warp-bottom figure:nth-of-type(3) li {
    border-right: 0px; }
  .warp-bottom figure:nth-of-type(3):hover span {
    background: url(../img/phone-ico-hover.png) no-repeat;
    background-size: 100%; }
  .warp-bottom figure:nth-of-type(3) span {
    background: url(../img/phone-ico.png) no-repeat;
    background-size: 100%; }

footer {
  width: 100%;
  background: #000;
  font-size: 1.4rem;
  text-align: center;
  font-weight: normal;
  color: #b9b9b9;
  padding: 3% 0; }

.about-info .about-mian .title {
  padding: 0  2rem;
  height: auto;
  overflow: auto;
  box-shadow: 1px -1px 2px #ccc; }
  .about-info .about-mian .title h2 {
    float: left;
    width: 98%;
    font-size: 1.8rem;
    text-align: left;
    font-weight: normal;
    color: #555;
    padding: 2% 0; }
  .about-info .about-mian .title i {
    float: right;
    display: block;
    width: 2%;
    height: 1rem;
    background: url(../img/more-up.png) no-repeat;
    background-size: 100%;
    position: relative;
    top: 1rem; }
.about-info .about-mian .open {
  background: #005aab; }
  .about-info .about-mian .open h2 {
    color: #fff; }
  .about-info .about-mian .open i {
    background: url(../img/more-down.png) no-repeat;
    background-size: 100%;
    transform: rotate(90deg); }
.about-info .about-mian .back_f {
  background: #fff;
  height: auto;
  overflow: auto; }
.about-info .about-mian .matter {
  display: none;
  position: relative; }
  .about-info .about-mian .matter .sx {
    position: absolute;
    bottom: 0%;
    width: 100%; }
    .about-info .about-mian .matter .sx img {
      width: 25%;
      left: 33%;
      position: relative; }
  .about-info .about-mian .matter img {
    margin: 3% 5%;
    width: 90%; }
  .about-info .about-mian .matter .about-text {
    background: #fff;
    padding: 3% 5% 5% 5%; }
    .about-info .about-mian .matter .about-text p {
      font-size: 1.6rem;
      text-align: left;
      font-weight: normal;
      color: #888888;
      line-height: 2.4rem;
      text-indent: 2rem; }
.about-info .honor-wrap {
  background: #ffffff;
  width: 90%;
  margin: 3% 5%; }
  .about-info .honor-wrap .news-box {
    width: 48%;
    margin: 0 0.5%;
    float: left;
    margin-bottom: 1rem; }
    .about-info .honor-wrap .news-box img {
      max-width: 100%; }
.about-info .product .matter {
  margin-top: 4%;
  position: relative;
  padding-bottom: 5%; }
  .about-info .product .matter .sx {
    position: absolute;
    bottom: 0%;
    width: 100%; }
    .about-info .product .matter .sx img {
      width: 25%;
      left: 33%;
      position: relative; }
.about-info .product .product-list {
  width: 87.5%;
  margin: 0 auto;
  background: #fff;
  margin-bottom: 5%; }
  .about-info .product .product-list img {
    width: 50%;
    margin: 0 auto;
    padding: 15% 0 9% 0; }
  .about-info .product .product-list .prod-text {
    padding-bottom: 9%; }
    .about-info .product .product-list .prod-text p {
      font-size: 1.6rem;
      text-align: center;
      font-weight: normal;
      color: #333333;
      margin-top: 2%; }
      .about-info .product .product-list .prod-text p span {
        color: #999999; }
.about-info .product-info {
  background: #fff; }
  .about-info .product-info .product-list h2 {
    font-size: 1.6rem;
    text-align: left;
    font-weight: normal;
    color: #444444;
    padding-bottom: 3%;
    border-bottom: 1px solid #e5e5e5; }
  .about-info .product-info .product-list .p-text {
    margin-top: 5%;
    font-size: 1.4rem;
    text-align: left;
    font-weight: normal;
    color: #888888;
    line-height: 2rem; }
  .about-info .product-info .swiper-button-prev {
    background-image: url(../img/pev.png);
    top: 108%;
    width: 28px;
    left: 76%;
    height: 28px;
    background-size: 100%; }
  .about-info .product-info .swiper-button-next {
    background-image: url(../img/next.png);
    top: 108%;
    width: 28px;
    height: 28px;
    background-size: 100%;
    right: 5%; }
  .about-info .product-info .bdsharebuttonbox {
    width: 90%;
    margin: 0 auto;
    padding: 5% 0;
    line-height: 2.5rem; }
    .about-info .product-info .bdsharebuttonbox #wx {
      background: url(../img/weixin.png) no-repeat;
      background-size: 100%; }
.about-info .coop .back_f {
  background: #fff; }
.about-info .coop .matter {
  margin-top: 0;
  padding-top: 4%; }
  .about-info .coop .matter h2 {
    font-size: 1.8rem;
    text-align: left;
    font-weight: normal;
    color: #444444;
    margin: 0 5%;
    margin-bottom: 1rem; }
  .about-info .coop .matter p {
    width: 90%;
    height: auto;
    line-height: 2.5rem;
    text-align: left;
    font-size: 1.6rem;
    color: #888888;
    margin: 0 5%;
    text-indent: 2rem; }
  .about-info .coop .matter .relation {
    margin-bottom: 8%;
    text-indent: 3%; }
    .about-info .coop .matter .relation .phone_ img {
      width: 5%;
      float: left;
      margin: 2% 0 0 2%; }
    .about-info .coop .matter .relation .red {
      font-size: 1.6rem;
      text-align: left;
      font-weight: bold;
      color: #c82121; }
.about-info .news .news-list {
  width: 78.1%;
  margin: 0 auto;
  background: #fff;
  padding: 4.6%;
  margin-bottom: 5%; }
  .about-info .news .news-list h2 {
    font-size: 1.8rem;
    text-align: left;
    font-weight: normal;
    color: #333333;
    margin-bottom: 2%; }
  .about-info .news .news-list span {
    font-size: 1.2rem;
    text-align: left;
    font-weight: normal;
    color: #333333;
    display: inline-block;
    margin-bottom: 4%; }
  .about-info .news .news-list img {
    max-width: 100%;
    width: 100%;
    margin: 0 auto; }
  .about-info .news .news-list p {
    font-size: 1.4rem;
    text-align: left;
    font-weight: normal;
    color: #888;
    line-height: 2.0rem;
    margin-bottom: 5%;
    margin-top: 4%; }
.about-info .job-list-tpl2 {
  margin-top: -2%; }
  .about-info .job-list-tpl2 dt {
    clear: both;
    border-bottom: 1px solid #dedede;
    height: auto;
    overflow: auto;
    padding: 1.5% 0; }
    .about-info .job-list-tpl2 dt h2 {
      float: left;
      width: 90%;
      height: auto;
      line-height: 1.6rem;
      text-align: left;
      font-size: 1.6rem;
      color: #444444;
      font-weight: normal;
      text-indent: 2rem; }
    .about-info .job-list-tpl2 dt i {
      display: block;
      float: left;
      width: 5%;
      padding-bottom: 5%;
      background: url(../img/job-dow.png);
      background-size: 100%; }
  .about-info .job-list-tpl2 dd {
    border-bottom: 1px solid #dedede;
    display: none;
    clear: both;
    width: 90%;
    height: auto;
    line-height: 2.2rem;
    text-align: left;
    font-size: 1.4rem;
    color: #888888;
    margin: 0 auto; }
    .about-info .job-list-tpl2 dd span {
      color: #444444; }
    .about-info .job-list-tpl2 dd a {
      display: block;
      width: 20%;
      height: auto;
      line-height: 3rem;
      text-align: center;
      font-size: 1.4rem;
      color: #fff;
      background: #466ab0;
      margin: 5% 0; }
  .about-info .job-list-tpl2 .job-open h2 {
    color: #005aab; }
  .about-info .job-list-tpl2 .job-open i {
    background: url(../img/job-open.png);
    background-size: 100%; }
.about-info .news-info h2 {
  font-size: 1.8rem;
  text-align: center;
  font-weight: normal;
  color: #333; }
.about-info .news-info span {
  display: inline-block;
  width: 100%;
  margin: 2% 0;
  font-size: 1.4rem;
  text-align: center;
  font-weight: normal;
  color: #333; }
.about-info .news-info p {
  width: 90%;
  margin: 0 auto;
  font-size: 1.6rem;
  text-align: left;
  font-weight: normal;
  color: #333;
  line-height: 2.4rem; }
.about-info .news-info img {
  width: 90%;
  margin: 0 auto;
  display: block; }
.about-info .news-info .return-box {
  width: 90%;
  margin: 0 auto;
  margin-top: 2%;
  border-top: 1px solid #e5e5e5; }
  .about-info .news-info .return-box .prev-box {
    width: 90%; }
    .about-info .news-info .return-box .prev-box li {
      float: none;
      padding: 2% 0; }
      .about-info .news-info .return-box .prev-box li a {
        font-size: 1.4rem;
        text-align: left;
        font-weight: normal;
        color: #333; }
  .about-info .news-info .return-box .return {
    padding-top: 5%; }
    .about-info .news-info .return-box .return a {
      display: block;
      margin-top: 2%;
      font-size: 1.4rem;
      text-align: left;
      font-weight: normal;
      color: #333; }

@media (min-width: 700px) {
  .warp-middle .box ul li {
    width: 48%; }

  nav .nav-mian dd ul li a {
    line-height: 4rem; }

  .about-info .about-mian .title i {
    height: 3rem; } }
@media (min-width: 320px) and (max-width: 375px) {
  .about-info .job-list-tpl2 dd a {
    font-size: 1rem;
    width: 23%; }

  nav .nav-mian dd ul li i {
    margin-top:4%; } }
.banner-img {
  width: 100%;
  height: 150px; }
.job-info {
  background: url(../img/job-info.jpg); }
  .job-info h2 {
    text-align: center;
    font-size: 1.8rem;
    font-weight: normal;
    padding-top: 1.5rem;
    margin-bottom: 1rem; }
  .job-info p {
    text-align: center;
    font-size: 1.4rem;
    margin-bottom: 2rem; }
  .job-info .job-form {
    width: 90%;
    margin: 0 auto; }
    .job-info .job-form ul li {
      float: none;
      height: 5rem;
      line-height: 5rem; }
      .job-info .job-form ul li span {
        width: 18.6%;
        margin-right: 1%;
        line-height: 3.5rem;
        float: left;
        text-align: right;
        font-size: 1.4rem; }
      .job-info .job-form ul li input {
        height: 3.5rem;
        float: right;
        margin-right: 3rem;
        width: 64%;
        border: none;
        text-indent: 1rem; }
      .job-info .job-form ul li .submit {
        margin-bottom: 26%;
        margin-top: 10%;
        background: #2562a1;
        border-radius: 5px;
        color: #fff; }

#abc {
  width: 50%;
  margin: 0 auto; }
/*# sourceMappingURL=style.css.map */