@charset "UTF-8";
@font-face {
  font-family: 'iconfont';
  /* project id 455609 */
  src: url("../../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 {
  width: 100%;
  text-align: center;
  padding-top: 5px;
  background: #017bda;
  font-weight: bold;
  padding-bottom: 5px;
  line-height: 54px;
  font: 500 16px/54px "微软雅黑";
  color: #fff;
  position: relative;
  display: flex;
  justify-content: space-between; }
  #header .logo {
    width: 40%;
    text-align: center; }
  #header .menu {
    position: relative;
    width: 20%;
    z-index: 99999;
    margin-top: 1.8%; }
    #header .menu .x, #header .menu .z, #header .menu .y {
      position: absolute;
      top: 0px;
      bottom: 0px;
      background: #fff;
      border-radius: 2px;
      -webkit-transition: all 200ms ease-out;
      -moz-transition: all 200ms ease-out;
      -ms-transition: all 200ms ease-out;
      -o-transition: all 200ms ease-out;
      transition: all 200ms ease-out;
      height: 3px;
      width: 40px; }
    #header .menu .z {
      top: 15px; }
    #header .menu .y {
      top: 30px; }
    #header .menu .collapse {
      top: 20px;
      background: #fffff;
      -webkit-transition: all 70ms ease-out;
      -moz-transition: all 70ms ease-out;
      -ms-transition: all 70ms ease-out;
      -o-transition: all 70ms ease-out;
      transition: all 70ms ease-out; }
    #header .menu .rotate30 {
      -ms-transform: rotate(30deg);
      -webkit-transform: rotate(30deg);
      transform: rotate(30deg);
      -webkit-transition: all 50ms ease-out;
      -moz-transition: all 50ms ease-out;
      -ms-transition: all 50ms ease-out;
      -o-transition: all 50ms ease-out;
      transition: all 50ms ease-out; }
    #header .menu .rotate150 {
      -ms-transform: rotate(150deg);
      -webkit-transform: rotate(150deg);
      transform: rotate(150deg);
      -webkit-transition: all 50ms ease-out;
      -moz-transition: all 50ms ease-out;
      -ms-transition: all 50ms ease-out;
      -o-transition: all 50ms ease-out;
      transition: all 50ms ease-out; }
    #header .menu .rotate45 {
      -ms-transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      -webkit-transition: all 100ms ease-out;
      -moz-transition: all 100ms ease-out;
      -ms-transition: all 100ms ease-out;
      -o-transition: all 100ms ease-out;
      transition: all 100ms ease-out; }
    #header .menu .rotate135 {
      -ms-transform: rotate(135deg);
      -webkit-transform: rotate(135deg);
      transform: rotate(135deg);
      -webkit-transition: all 100ms ease-out;
      -moz-transition: all 100ms ease-out;
      -ms-transition: all 100ms ease-out;
      -o-transition: all 100ms ease-out;
      transition: all 100ms ease-out; }

/*导航*/
#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 {
  background: #2f7eff;
  padding: 4%; }
  .i-about .content {
    padding: 0 2%;
    color: #fff;
    margin-top: 2%; }

.i-news {
  margin-top: 3%; }
  .i-news ul {
    border: 1px solid #e4e4e4; }
    .i-news ul li {
      border-bottom: 1px solid #e4e4e4;
      padding: 4% 2%; }
      .i-news ul li:last-child {
        border: none; }
      .i-news ul li h3 {
        font-weight: normal;
        font-size: 14px;
        color: #333; }
      .i-news ul li .time {
        padding: 1% 0; }
        .i-news ul li .time .iconfont::before {
          content: '\e67a';
          margin-right: 5px;
          font-size: 12px; }
      .i-news ul li .summary {
        color: #666; }