@charset "UTF-8";
@font-face {
  font-family: 'iconfont';
  /* project id 455609 */
  src: url("../../styles/fonts/iconfont.woff");
}

.iconfont {
  font-family: iconfont !important;
  font-size: 14px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: .2px;
  -moz-osx-font-smoothing: grayscale;
}

/*头部*/
#header .header_nav {
  display: flex;
  justify-content: space-between; }
  #header .header_nav h1 {
    width: 48%;
    text-align: center; }
    #header .header_nav h1 img {
      max-width: 100%; }
  #header .header_nav .top-contact {
    width: 40%;
    background: url(img/tel.png) no-repeat 2% center;
    padding-left: 7%;
    font-size: 24px;
    color: #29166f;
    line-height: 63px;
    background-size: 20px 18px;
    font-family: Impact;
  }
  #header .header_nav .nva-open {
    width: 10%;
    line-height: 43px;
    padding-right: 2%; }
    #header .header_nav .nva-open img {
      max-width: 100%; }

img {
  max-width: 100%; }

.nav_list {
  position: absolute;
  left: 0;
  top: 0;
  width: 50%;
  background: #fff;
  z-index: 99999;
  height: 100%;
  display: none; }
  .nav_list .logo {
    display: flex;
    padding: 3% 0;
    justify-content: space-around; }
    .nav_list .logo h1 {
      width: 80%; }
    .nav_list .logo .nva-close {
      width: 10%;
      padding-top: 10%; }
  .nav_list ul {
    border-top: 1px solid #c9c9c9; }
    .nav_list ul li {
      line-height: 40px;
      border-bottom: 1px solid #c9c9c9;
      text-align: left;
      text-indent: 20%;
      font-size: 16px;
      position: relative; }
      .nav_list ul li a {
        color: #959595; }
      .nav_list ul li::after {
        content: '>';
        display: block;
        position: absolute;
        right: 20%;
        line-height: 40px;
        font-size: 16px;
        top: 0;
        color: #959595; }

/*导航*/
#nav_left {
  position: fixed;
  top: 50px;
  z-index: 9999;
  background: #017bda;
  width: 100%;
  display: none; }
  #nav_left li {
    border-bottom: 1px dashed #ccc; }
    #nav_left li a {
      color: #fff;
      font-size: 14px;
      line-height: 28px; }

/*banner*/
#swiper-container1 img {
  width: 100%; }

/*公用标题*/
.i-tt {
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  color: #e72600; }

/*首页产品*/
.i-product {
  margin-top: 4%;
  padding: 0 2%; }
  .i-product #swiper-container2 {
    margin-top: 2%;
    padding-bottom: 30px; }
    .i-product #swiper-container2 h3 {
      text-align: center;
      font-size: 14px; }
    .i-product #swiper-container2 .swiper-slide {
      margin-top: 10px !important; }
    .i-product #swiper-container2 img {
      width: 100%; }

.i-about {
  padding: 4% 2%;
  display: flex;
  justify-content: space-between; }
  .i-about .i-about-left {
    width: 50%; }
    .i-about .i-about-left h2 {
      font-size: 14px;
      color: #29166f; }
      .i-about .i-about-left h2 p {
        font-size: 12px;
        color: #b5b5b5; }
    .i-about .i-about-left .content {
      font-size: 12px;
      line-height: 20px; }
  .i-about .i-about-right {
    width: 40%; }

.i-heng {
  max-width: 100%; }

.i-cang {
  background: url(img/heng1.png) no-repeat top center; }
  .i-cang ul {
    padding-top: 50%;
    display: flex;
    justify-content: space-between; }
    .i-cang ul li {
      background: #ffffff;
      box-shadow: 0 0 3px #ccc;
      width: 23%;
      padding: 3% 1%; }
      .i-cang ul li h3 {
        text-align: center;
        font-size: 24px;
        color: #8b8b8b; }
      .i-cang ul li h4 {
        font-size: 12px;
        color: #878689;
        font-weight: normal;
        text-align: center; }
        .i-cang ul li h4::after, .i-cang ul li h4::before {
          content: '';
          width: 10px;
          display: inline-block;
          height: 3px;
          background: #6c6c6b;
          vertical-align: middle;
          margin: 0 3px; }
      .i-cang ul li h5 {
        text-align: center;
        font-size: 16px;
        font-weight: bold;
        line-height: 50px; }
      .i-cang ul li p {
        font-size: 13px;
        color: #707070;
        padding-top: 4%; }

.i-fu {
  padding-top: 5%; }
  .i-fu h2 {
    color: #29166f;
    font-size: 20px;
    text-align: center; }
    .i-fu h2 p {
      color: #b5b5b5;
      font-size: 12px;
      text-align: center; }
  .i-fu ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-top: 4%; }
    .i-fu ul li {
      width: 48%;
      padding-bottom: 3%; }

.i-fu {
  width: 100%;
  margin-top: 5%; }

.i-mess {
  padding-top: 5%; }
  .i-mess h2 {
    color: #29166f;
    font-size: 20px;
    text-align: center;
    margin-bottom: 4%; }
    .i-mess h2 p {
      color: #b5b5b5;
      font-size: 12px;
      text-align: center; }
  .i-mess .item {
    padding: 0 5%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 3%; }
    .i-mess .item p {
      color: #29166f;
      text-align: right;
      width: 25%; }
    .i-mess .item input {
      width: 70%;
      background: none;
      border: 1px solid #bdbdbd;
      line-height: 29px;
      text-align: left;
      text-indent: 10px; }
  .i-mess .code input {
    width: 30%; }
    .i-mess .code input.submit {
      background: #29166f;
      border: none;
      color: #fff;
      text-indent: 0;
      text-align: center; }
  .i-mess .phone {
    text-align: center;
    width: 50%;
    margin: 0 auto;
    padding: 3% 0; }

.i-case {
  background: url(img/case.jpg) no-repeat top center;
  background-size: cover;
  padding-top: 4%;
  margin-top: 4%; }
  .i-case h2 {
    color: #fff;
    font-size: 20px;
    text-align: center; }
    .i-case h2 p {
      color: #fff;
      font-size: 12px;
      text-align: center; }
  .i-case ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 3% 2%; }
    .i-case ul li {
      width: 32%;
      padding-bottom: 1%; }
      .i-case ul li h3 {
        text-align: center;
        color: #fff;
        font-weight: normal;
        line-height: 30px; }

.i-huan {
  padding-top: 5%; }
  .i-huan h2 {
    color: #29166f;
    font-size: 20px;
    text-align: center; }
    .i-huan h2 p {
      color: #b5b5b5;
      font-size: 12px;
      text-align: center; }
  .i-huan h3 {
    width: 20%;
    text-align: center;
    line-height: 26px;
    background: #29166f;
    font-size: 14px;
    color: #fff;
    margin-top: 5%; }
  .i-huan ul {
    justify-content: space-between;
    padding: 0 2%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 4%; }
    .i-huan ul li {
      width: 48%;
      padding-bottom: 2%; }

.i-contact {
  margin-top: 5%;
  text-align: center; }
  .i-contact p {
    background: #241362;
    color: #fff;
    font-size: 12px;
    text-align: center;
    line-height: 26px; }

.footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  background: #29166f;
  overflow: hidden;
  padding: 2% 0;
  padding-bottom: 0%; }

.footer ul li {
  float: left;
  line-height: 30px;
  width: 25%;
  position: relative; }

.footer ul li a {
  font-size: 1rem;
  color: #ffffff;
  display: block;
  text-align: center; }

.footer ul li a .img1 {
  height: 30px;
  line-height: 30px; }

.footer ul li a img {
  display: block;
  margin: 0 auto; }

.footer ul li a span {
  display: block; }

.distraction {
  height: 70px; }

#header {
	background: #fff;
}