.add_banner {

  overflow: hidden;

  width: 100%;

  position: relative; padding-top:3rem;
}

  .add_banner .mySwiper2 {

    width: 100%;

    height: 100%; }

    .add_banner .mySwiper2 .swiper-pagination-bullet-active {

      background: #E63116; }

    .add_banner .mySwiper2 .swiper-slide {

      width: 100%;

      height: 100%; }

      .add_banner .mySwiper2 .swiper-slide .m {

        width: 1527px;

        margin: 0 auto;

        height: 100%;

        display: flex;

        align-items: center;

        justify-content: flex-end; }

        .add_banner .mySwiper2 .swiper-slide .m .grow {

          overflow: hidden; }

          .add_banner .mySwiper2 .swiper-slide .m .grow p {

            font-size: 36px;

            color: #fff;

            line-height: 70px;

            font-weight: bold; }

          .add_banner .mySwiper2 .swiper-slide .m .grow div {

            overflow: hidden;

            width: 154px;

            height: 46px;

            background-image: url(../image/addhome_25.png);

            background-size: 100% 100%;

            margin-top: 160px;

            display: flex;

            align-items: center;

            justify-content: center;

            font-size: 18px;

            transition: all .2s;

            color: #fff; }

            .add_banner .mySwiper2 .swiper-slide .m .grow div:hover {

              background-image: url(../image/addhomebg.png); }



.main_strength {

  overflow: hidden;

  width: 100%;

  padding: 70px 0 105px 0; }

  .main_strength .m {

    width: 1527px;

    margin: 0 auto;

    overflow: hidden; }

    .main_strength .m .box {

      width: 100%;

      padding: 0 78px;

      position: relative;

      display: flex;

      margin-top: 96px; }

      .main_strength .m .box .btn {

        cursor: pointer;

        transition: all .2s;

        position: absolute;

        top: 50%;

        z-index: 99;

        transform: translateY(-50%); }

        .main_strength .m .box .btn:hover {

          opacity: 0.8; }

        .main_strength .m .box .btn.prev {

          left: 0; }

        .main_strength .m .box .btn.next {

          right: 0; }

      .main_strength .m .box .mySwiper {

        width: 100%;

        overflow: hidden;

        position: relative; }

        .main_strength .m .box .mySwiper .swiper-slide {

          width: 31.02189781021898%;

          cursor: pointer;

          margin-right: calc((100% - 93.06569343065694%)/2); }

          .main_strength .m .box .mySwiper .swiper-slide .label {

            overflow: hidden;

            width: 100%; }

            .main_strength .m .box .mySwiper .swiper-slide .label:hover .pic img {

              transform: scale(1.03); }

            .main_strength .m .box .mySwiper .swiper-slide .label .pic {

              overflow: hidden;

              width: 100%;

              margin-bottom: 26px; }

              .main_strength .m .box .mySwiper .swiper-slide .label .pic img {

                display: block;

                width: 100%;

                transition: all .5s; }

            .main_strength .m .box .mySwiper .swiper-slide .label span {

              display: block;

              text-align: center;

              font-size: 20px;

              color: #000000; }



.main_news {

  width: 100%;

  margin-top: 143px;

  padding-bottom: 85px; }

  .main_news .m {

    width: 1527px;

    margin: 0 auto;

    overflow: hidden; }

    .main_news .m .box {

      overflow: hidden;

      width: 100%;

      display: flex;

      flex-wrap: wrap; }

      .main_news .m .box .label {

        overflow: hidden;

        width: 31.95808775376555%;

        margin-top: 65px;

        margin-right: calc((100% - 95.87426326129665%)/2);

        transition: all .25s;

        background: #FBFAFF; }

        .main_news .m .box .label:hover {

          background: #0155AE; }

          .main_news .m .box .label:hover a span,

          .main_news .m .box .label:hover a p,

          .main_news .m .box .label:hover a .btn {

            color: #fff; }

            .main_news .m .box .label:hover a span div,

            .main_news .m .box .label:hover a p div,

            .main_news .m .box .label:hover a .btn div {

              background-image: url(../image/addhome_63.png); }

        .main_news .m .box .label:nth-child(3n) {

          margin-right: 0; }

        .main_news .m .box .label a {

          display: block;

          width: 100%;

          box-sizing: border-box;

          padding: 34px 30px 46px 30px; }

          .main_news .m .box .label a span {

            display: block;

            font-size: 18px;

            margin-bottom: 25px;

            color: #999999; }

          .main_news .m .box .label a p {

            font-size: 18px;

            color: #333333;

            line-height: 2;

            display: -webkit-box;

            -webkit-box-orient: vertical;

            -webkit-line-clamp: 2;

            overflow: hidden; }

          .main_news .m .box .label a .btn {

            overflow: hidden;

            display: flex;

            align-items: center;

            font-size: 14px;

            color: #666666;

            margin-top: 40px; }

            .main_news .m .box .label a .btn div {

              width: 13px;

              background-size: 100% 100%;

              height: 12px;

              margin-left: 12px;

              background-image: url(../image/addhome_66.png); }

    .main_news .m .head {

      display: flex;

      align-items: center;

      justify-content: space-between; }

      .main_news .m .head p {

        font-size: 30px;

        font-weight: bold;

        letter-spacing: 2px;

        color: #333333; }

      .main_news .m .head ul {

        display: flex;

        align-items: center; }

        .main_news .m .head ul li {

          height: 41px;

          border-radius: 40px;

          border: 1px solid #ECEDF1;

          cursor: pointer;

          margin-left: 18px;

          transition: all .1s; }

          .main_news .m .head ul li.on {

            background: #0155AE;

            border: 1px solid #0155AE; }

            .main_news .m .head ul li.on a {

              color: #fff; }

          .main_news .m .head ul li a {

            height: 100%;

            padding: 0 17px;

            display: inline-flex;

            align-items: center;

            font-size: 16px;

            color: #333333;

            justify-content: center; }



.main_kehu {

  overflow: hidden; }

  .main_kehu .m {

    width: 1527px;

    margin: 0 auto;

    overflow: hidden; }

    .main_kehu .m .box {

      display: flex;

      flex-wrap: wrap;

      margin-top: 60px; }

      .main_kehu .m .box .label {

        overflow: hidden;

        width: 23.31368696791094%;

        margin-top: 20px;

        margin-right: calc((100% - 93.25474787164376%)/3);

        border: 2px solid #EFF0F3;

        transition: all .2s;

        padding: 0 3% 40px 3%; }

        .main_kehu .m .box .label:hover {

          border: 2px solid #5570A6; }

        .main_kehu .m .box .label:nth-child(4n) {

          margin-right: 0; }

        .main_kehu .m .box .label .icon {

          overflow: hidden;

          width: 100%;

          height: 138px;

          display: flex;

          align-items: center;

          justify-content: center; }

          .main_kehu .m .box .label .icon img {

            display: block;

            margin: 0 auto;

            max-width: 80%; }

        .main_kehu .m .box .label .font {

          display: flex;

          align-items: flex-start; }

          .main_kehu .m .box .label .font p {

            font-size: 16px;

            color: #333333;

            line-height: 2; }

          .main_kehu .m .box .label .font ul {

            display: flex;

            flex-wrap: wrap;

            flex: 1; }

            .main_kehu .m .box .label .font ul li {

              font-size: 16px;

              color: #333333;

              margin-right: 15px;

              line-height: 2; }

              .main_kehu .m .box .label .font ul li a {

                color: #333;

                transition: all .1s; }

                .main_kehu .m .box .label .font ul li a:hover {

                  color: #DA1F28; }



.main_product {

  overflow: hidden;

  padding: 80px 0 100px 0; }

  .main_product .m {

    width: 1527px;

    margin: 0 auto;

    overflow: hidden; }

    .main_product .m .box {

      overflow: hidden;

      position: relative;

      margin-top: 58px;

      padding: 0 44px;

      display: flex; }

      .main_product .m .box .btn {

        cursor: pointer;

        transition: all .2s;

        position: absolute;

        top: 50%;

        z-index: 99;

        transform: translateY(-50%); }

        .main_product .m .box .btn:hover {

          opacity: 0.8; }

        .main_product .m .box .btn.prev {

          left: 0; }

        .main_product .m .box .btn.next {

          right: 0; }

      .main_product .m .box .swiper {

        width: 100%;

        overflow: hidden;

        position: relative; }

        .main_product .m .box .swiper .swiper-slide {

          width: 17%;

          margin-right: calc((100% - 91%)/3); }

          .main_product .m .box .swiper .swiper-slide .label {

            overflow: hidden;

            width: 100%; }

            .main_product .m .box .swiper .swiper-slide .label:hover .pic {

              border: 2px solid #DA1F28; }

            .main_product .m .box .swiper .swiper-slide .label .pic {

              overflow: hidden;

              width: 100%;

              border: 2px solid #5570A6;

              transition: all .2s; }

              .main_product .m .box .swiper .swiper-slide .label .pic img {

                display: block;

                width: 100%;

                transition: all .5s; }

            .main_product .m .box .swiper .swiper-slide .label span {

              display: block;

              word-break: break-all;
             
              text-align: center;

              font-size: 18px;

              margin-top: 28px;

              color: #333333; }

    .main_product .m .des_navbar {

      display: flex;

      align-items: center;

      flex-wrap: wrap;

      justify-content: center;

      margin-top: 80px; }

      .main_product .m .des_navbar div {

        overflow: hidden;

        display: inline-flex;

        align-items: center;

        height: 52px;

        background: #ECEEF0;

        border: 1px solid #999999;

        font-size: 16px;

        color: #333333;

        cursor: pointer;

        transition: all .2s;

        margin: 0 13px;

        padding: 0 13px;

        margin-top: 20px; }

        .main_product .m .des_navbar div.on {

          background: #DA1F28;

          color: #fff;

          border: 1px solid #DA1F28; }

        .main_product .m .des_navbar div:hover {

          background: #DA1F28;

          color: #fff;

          border: 1px solid #DA1F28; }



.main_about {

  overflow: hidden;

  width: 100%;

  padding: 70px 0 60px 0;

  background-color: #F2F4F7;

  background-image: url(../image/addheader_10.jpg);

  background-size: cover;

  background-position: center center; }

  .main_about .m {

    width: 1527px;

    margin: 0 auto;

    overflow: hidden;

    display: flex;

    justify-content: space-between; }

    .main_about .m .pic {

      overflow: hidden;

      width: 43.41846758349705%; }

      .main_about .m .pic img {

        display: block;

        width: 100%; }

    .main_about .m .grow {

      overflow: hidden;

      flex: 1;

      padding-top: 15px;

      padding-right: 100px; }

      .main_about .m .grow p {

        font-size: 36px;

        font-weight: bold;

        color: #333333;

        margin-bottom: 95px;

        letter-spacing: 2px; }

      .main_about .m .grow span {

        display: block;

        font-size: 18px;

        color: #333333;

        line-height: 1.9; }

      .main_about .m .grow div {

        overflow: hidden;

        width: 154px;

        height: 46px;

        background-image: url(../image/addhome_25.png);

        background-size: 100% 100%;

        margin-top: 65px;

        transition: all .1s; }

        .main_about .m .grow div:hover {

          background-image: url(../image/addhomebg.png); }

        .main_about .m .grow div a {

          display: flex;

          align-items: center;

          justify-content: center;

          width: 100%;

          height: 100%;

          font-size: 16px;

          color: #fff; }



.tong_title {

  width: 100%;

  text-align: center;

  position: relative; }

  .tong_title::after {

    content: '';

    width: 38px;

    height: 5px;

    background: #da1f28;

    position: absolute;

    left: 50%;

    transform: translateX(-50%);

    bottom: -26px; }

  .tong_title p {

    font-size: 30px;

    color: #333333;

    text-align: center;

    font-weight: bold; }



@media (max-width: 1500px) {

  .m {

    width: 95% !important; }



  .main_about .m .grow span {

    font-size: 16px; }



  .main_about .m .grow p {

    font-size: 28px; }



  .main_product .m .box .swiper .swiper-slide .label span {

    font-size: 16px; }



  .tong_title p {

    font-size: 26px; }



  .main_strength .m .box .mySwiper .swiper-slide .label span {

    font-size: 16px; }



  .main_product .m .des_navbar div {

    font-size: 14px;

    height: 45px; }



  .main_kehu .m .box .label .font ul li {

    font-size: 14px; }



  .main_kehu .m .box .label .font p {

    font-size: 14px; }



  .main_news .m .box .label a p {

    font-size: 16px; }



  .main_news .m .box .label a span {

    font-size: 16px; } }

@media (max-width: 1000px) {

  .m {

    width: 100% !important; }



  .main_strength {

    padding: 30px 0; }



  .tong_title p {

    font-size: 18px; }



  .tong_title::after {

    width: 22px;

    height: 3px;

    bottom: -18px; }



  .main_strength .m .box {

    margin-top: 50px;

    padding: 0 10%; }



  .main_strength .m .box .mySwiper .swiper-slide {

    width: 49%;

    margin-right: 2%; }



  .main_strength .m .box .mySwiper .swiper-slide .label span {

    font-size: 14px; }



  .main_strength .m .box .mySwiper .swiper-slide .label .pic {

    margin-bottom: 15px; }



  .main_strength .m .box .btn {

    width: 15px; }



  .main_about {

    padding: 30px; }



  .main_about .m {

    display: block;

    padding: 0; }



  .main_about .m .grow {

    width: 100%;

    padding: 0; }



  .main_about .m .grow p {

    font-size: 18px;

    margin-bottom: 30px; }



  .main_about .m .grow span {

    font-size: 14px; }



  .main_about .m .grow div {

    margin: 0 auto;

    margin-top: 30px; }

    .main_about .m .grow div a {

      font-size: 14px; }



  .main_about .m .pic {

    width: 100%;

    margin-top: 30px; }



  .main_product {

    padding: 30px 0; }



  .main_product .m {

    padding: 0; }



  .main_product .m .des_navbar {

    margin-top: 30px; }

    .main_product .m .des_navbar div {

      font-size: .9rem;

      margin: 0 5px;

      margin-top: 5px;

      height: 30px;

      padding: 0 6px; }



  .main_product .m .box {

    margin-top: 30px;

    padding: 0 10%; }



  .main_product .m .box .btn {

    width: 15px; }



  .main_product .m .box .swiper .swiper-slide {

    width: 49%;

    margin-right: 2%; }



  .main_product .m .box .btn.prev {

    left: 10px; }



  .main_product .m .box .btn.next {

    right: 10px; }



  .main_product .m .box .swiper .swiper-slide .label span {

    font-size: 1.1rem;

    margin-top: 10px; }



  .main_kehu .m .box {

    margin-top: 30px;

    flex-wrap: wrap;

    display: flex;

    justify-content: space-between; }

    .main_kehu .m .box .label {

      margin: 0;

      margin-top: 20px;

      width: 49%; }



  .main_kehu .m .box .label .icon {

    height: 100px; }



  .main_kehu .m .box .label .font {

    width: 100%;

    display: block; }

    .main_kehu .m .box .label .font p {

      text-align: center; }

    .main_kehu .m .box .label .font ul {

      width: 100%; }



  .main_kehu .m .box .label {

    padding-bottom: 15px; }



  .main_kehu {

    padding-top: 30px; }



  .main_news {

    margin-top: 30px; }

    .main_news .head {

      width: 100%;

      display: block; }



  .main_news .m .head {

    display: block; }

    .main_news .m .head p {

      font-size: 1.4rem;

      text-align: center; }

    .main_news .m .head ul {

      display: flex;

      margin-top: 30px;

      justify-content: center; }

      .main_news .m .head ul li {

        height: 2.5rem; }

        .main_news .m .head ul li a {

          padding: 0 10px;

          font-size: 1rem; }



  .main_news .m .box {

    margin-top: 20px; }



  .main_news .m .box .label a {

    padding: 15px; }



  .main_news .m .box .label a span {

    font-size: 1rem;

    margin-bottom: 15px; }



  .main_news .m .box .label a p {

    font-size: 1.2rem;

    line-height: 1.6; }



  .main_news .m .box .label a .btn {

    margin-top: 15px; }



  .main_news .m .box .label {

    width: 100%;

    margin-top: 10px; }



  .add_banner .mySwiper2 .swiper-slide .m .grow {

    width: 100%; }

    .add_banner .mySwiper2 .swiper-slide .m .grow p {

      font-size: 16px;

      line-height: 2; }



  .add_banner { }



  .add_banner .mySwiper2 .swiper-slide .m .grow div {

    width: 120px;

    height: 38px;

    font-size: 14px; } }



/*# sourceMappingURL=css.css.map */

