.main-font, body {
  font-family: "Microsoft YaHei", Arial, Geneva, sans-serif; }

.float-l {
  float: left; }

.float-r {
  float: right; }

.custom-table {
  display: table; }

.custom-thead {
  display: table-header-group; }

.custom-tbody {
  display: table-row-group; }

.custom-tr {
  display: table-row; }

.custom-td {
  display: table-cell;
  vertical-align: middle; }

img.scale.hover {
  -webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1); }

img.transit {
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear; }

.common-Sec, .header-sec, .banner-sec, .aboutUs-sec, .solution-sec, .application-sec, .product-sec, .news-sec, .contact-sec, .footer-sec, .subTitle-sec, .subCommon-sec, .subAboutUs-sec, .subProductList-sec, .subProduct-sec, .subNews-sec, .subNewsList-sec {
  width: 100%;
  min-width: 1200px;
  position: relative; }
  .common-Sec .title1, .header-sec .title1, .banner-sec .title1, .aboutUs-sec .title1, .solution-sec .title1, .application-sec .title1, .product-sec .title1, .news-sec .title1, .contact-sec .title1, .footer-sec .title1, .subTitle-sec .title1, .subCommon-sec .title1, .subAboutUs-sec .title1, .subProductList-sec .title1, .subProduct-sec .title1, .subNews-sec .title1, .subNewsList-sec .title1 {
    font-size: 30px;
    font-weight: bold; }
  .common-Sec .title2, .header-sec .title2, .banner-sec .title2, .aboutUs-sec .title2, .solution-sec .title2, .application-sec .title2, .product-sec .title2, .news-sec .title2, .contact-sec .title2, .footer-sec .title2, .subTitle-sec .title2, .subCommon-sec .title2, .subAboutUs-sec .title2, .subProductList-sec .title2, .subProduct-sec .title2, .subNews-sec .title2, .subNewsList-sec .title2 {
    font-size: 24px;
    color: #bbbbb4; }

.common-ContentFrame, .header-sec .content-frame, .banner-sec .content-frame, .aboutUs-sec .content-frame, .solution-sec .content-frame, .product-sec .content-frame, .news-sec .content-frame, .contact-sec .content-frame, .footer-sec .content-frame, .subTitle-sec .content-frame, .subCommon-sec .content-frame, .subAboutUs-sec .content-frame, .subProductList-sec .content-frame, .subProduct-sec .content-frame, .subNews-sec .content-frame, .subNewsList-sec .content-frame {
  width: 1200px;
  min-width: 1200px;
  overflow: hidden;
  margin: auto; }

/*******basic********/
body, ol, ul, h1, h2, h3, h4, h5, h6, p, th, td, dl, dd, form, fieldset, legend, input, textarea, select {
  margin: 0;
  padding: 0; }

body {
  font-size: 14px;
  -webkit-text-size-adjust: 100%;
  color: #282828; }

a {
    text-decoration: none;
}

    a:hover {
        text-decoration: none;
        color: inherit;
    }

em {
  font-style: normal; }

li {
  list-style: none; }

img {
  border: 0;
  vertical-align: middle; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

p {
  word-wrap: break-word; }

input, textarea, button {
  padding: 0;
  margin: 0;
  outline: none;
  border: none; }

header, section, nav, footer {
  width: 100%; }

* {
  -webkit-box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  box-sizing: border-box !important;
  margin: 0;
  padding: 0; }

*, input, textarea {
  /*font-family: "Microsoft YaHei",Verdana, Arial,Geneva, sans-serif;*/ }

.lf {
  float: left; }

.rt {
  float: right; }

.point:hover {
  cursor: pointer; }

.container {
  margin: auto;
  width: 1200px; }

.hideE {
  display: none; }

*.noBorderRight {
  border-right: none !important; }

*.noBorderbottom {
  border-bottom: none !important; }

*.noMarRight {
  margin-right: 0 !important; }

*.noAfter:after {
  display: none !important; }

*.transit {
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear; }

img.scale:hover {
  -webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1); }

*.shadow {
  -webkit-box-shadow: 1px 1px 1px 1px #dddddd;
  -moz-box-shadow: 1px 1px 1px 1px #dddddd;
  box-shadow: 1px 1px 1px 1px #dddddd; }

.header-sec {
    height: 75px;
    background-color: #FFFFFF;
    position: fixed;
    top: 0;
    z-index: 400;
    color: #696a6a;
}
  .header-sec .content-frame {
    height: inherit;
    position: relative; }
    .header-sec .content-frame .logo-box .logo {
      width: 95px;
      height: 95px; }
    .header-sec .content-frame .nav-box {
        text-align: right;
    }

        .header-sec .content-frame .nav-box > ul {
            width: 100%;
            top: 6px;
            position: relative;
        }

            .header-sec .content-frame .nav-box > ul > li {
                display: inline-block;
                position: relative;
            }

                .header-sec .content-frame .nav-box > ul > li > a {
                    display: block;
                    color: inherit;
                    padding: 3px 17px;
                    font-size: 16px;
                }

                    .header-sec .content-frame .nav-box > ul > li > a:hover {
                        background-color: #d84736;
                        color: #FFFFFF;
                        border-radius: 20px;
                    }
.banner-sec {
    z-index: 100;
    margin-top: 75px;
}

    .banner-sec .content-frame {
        position: relative;
        top: 10px;
        z-index: 200;
        height: 647px;
    }

    .banner-sec .carousel-frame {
        position: relative;
        width: 100%;
        z-index: 100;
    }

    .banner-sec .carousel-inner .item img {
        width: 100%;
    }

.aboutUs-sec {
  height: 200px;
  padding-top: 80px;
  text-align: center;
  z-index: 300; }
  .aboutUs-sec .content-frame {
    margin-top: -280px; }
    .aboutUs-sec .content-frame .content-box {
      width: 555px;
      height: 330px;
      margin: auto;
      padding: 45px 35px;
      background-color: rgba(255, 255, 255, 0.7);
      text-align: left; }
      .aboutUs-sec .content-frame .content-box .titile-total {
        color: #282828;
        text-align: left; }
      .aboutUs-sec .content-frame .content-box .title1 {
        font-size: 36px;
        font-weight: bold;
        color: #d84736; }
      .aboutUs-sec .content-frame .content-box .title2 {
        font-size: 24px;
        color: #282828; }
      .aboutUs-sec .content-frame .content-box .content-total {
        font-size: 14px;
        line-height: 1.7;
        text-align: left;
        margin-top: 45px; }
      .aboutUs-sec .content-frame .content-box .introduce-btn {
        width: 190px;
        height: 38px;
        padding: 3px;
        margin-top: 20px;
        border: 1px solid #d84736;
        text-align: center;
        background-color: #FFFFFF; }
    .aboutUs-sec .content-frame .custom-table.custom-table1 {
      width: 100%;
      position: relative; }
      .aboutUs-sec .content-frame .custom-table.custom-table1 > .custom-tr {
        position: relative; }
        .aboutUs-sec .content-frame .custom-table.custom-table1 > .custom-tr > .custom-td {
          width: 50%;
          position: relative;
          vertical-align: top; }
    .aboutUs-sec .content-frame .custom-table2 {
      position: relative; }
      .aboutUs-sec .content-frame .custom-table2 > .custom-tr > .custom-td {
        width: 33%;
        min-width: 33%;
        padding: 0 2px;
        position: relative; }
        .aboutUs-sec .content-frame .custom-table2 > .custom-tr > .custom-td:nth-child(1) .hover-box, .aboutUs-sec .content-frame .custom-table2 > .custom-tr > .custom-td:nth-child(3) .hover-box {
          top: 0; }
        .aboutUs-sec .content-frame .custom-table2 > .custom-tr > .custom-td:nth-child(2) .hover-box {
          bottom: 0; }
        .aboutUs-sec .content-frame .custom-table2 > .custom-tr > .custom-td .hover-box {
          display: block;
          position: absolute;
          background-color: #d84736;
          width: 207px;
          height: 173px;
          opacity: 0.2;
          left: 0;
          text-align: center;
          color: #FFFFFF; }
        .aboutUs-sec .content-frame .custom-table2 > .custom-tr > .custom-td a {
          color: #FFFFFF; }
          .aboutUs-sec .content-frame .custom-table2 > .custom-tr > .custom-td a:hover .about-img {
            opacity: 1; }
        .aboutUs-sec .content-frame .custom-table2 > .custom-tr > .custom-td .about-img {
          width: 207px;
          height: 173px;
          display: block;
          opacity: 0.8; }
        .aboutUs-sec .content-frame .custom-table2 > .custom-tr > .custom-td .contentAbout-box {
          width: 207px;
          height: 173px;
          display: block;
          background-color: #d84736;
          padding-top: 70px;
          padding-left: 20px;
          text-align: left;
          color: inherit; }
          .aboutUs-sec .content-frame .custom-table2 > .custom-tr > .custom-td .contentAbout-box .title1 {
            font-size: 18px;
            color: inherit; }
          .aboutUs-sec .content-frame .custom-table2 > .custom-tr > .custom-td .contentAbout-box .title2 {
            font-size: 24px;
            color: inherit; }

.solution-sec {
  background-color: #f7f7f7;
  padding-top: 50px;
  margin-top:30px;
  text-align: center; }
  .solution-sec .title1 {
    color: #d84736;
    font-size: 30px; }
    .solution-sec .title2 {
        color: #282828;
    }
  .solution-sec .content-frame {
    text-align: left;
    margin-top: 40px; }
    .solution-sec .content-frame > .custom-table {
      width: 100%; }
      .solution-sec .content-frame > .custom-table > .custom-tr > .custom-td {
        width: 50%;
        color: #282828;
        vertical-align: top;
        padding: 0 10px;
        font-size: 30px; }
        .solution-sec .content-frame > .custom-table > .custom-tr > .custom-td .content-box .solution-img {
          width: 540px;
          height: 420px;
          margin-top: 20px; }
        .solution-sec .content-frame > .custom-table > .custom-tr > .custom-td .content-box .top-box {
          position: relative;
          padding-left: 50px;
          margin-top: 20px; }
          .solution-sec .content-frame > .custom-table > .custom-tr > .custom-td .content-box .top-box .solution-icon {
            width: 30px;
            position: absolute;
            top: 0;
            left: 0; }
          .solution-sec .content-frame > .custom-table > .custom-tr > .custom-td .content-box .top-box .title1 {
            padding-bottom: 15px;
            color: #d84736;
            border-bottom: 1px solid #282828;
            font-size: 18px; }
          .solution-sec .content-frame > .custom-table > .custom-tr > .custom-td .content-box .top-box .txt-total {
            font-size: 14px;
            line-height: 1.9;
            color: #282828; }
            .solution-sec .content-frame > .custom-table > .custom-tr > .custom-td .content-box .top-box .txt-total .fa-icon {
              color: #d84736; }
        .solution-sec .content-frame > .custom-table > .custom-tr > .custom-td:nth-child(1) .news-img {
          width: 580px; }
        .solution-sec .content-frame > .custom-table > .custom-tr > .custom-td:nth-child(1) .title5 {
          font-size: 24px;
          font-weight: bold;
          margin-top: 57px; }
        .solution-sec .content-frame > .custom-table > .custom-tr > .custom-td:nth-child(1) .content1 {
          font-size: 14px; }
        .solution-sec .content-frame > .custom-table > .custom-tr > .custom-td:nth-child(2) {
          padding: 0 10px; }
          .solution-sec .content-frame > .custom-table > .custom-tr > .custom-td:nth-child(2) .custom-table {
            width: 100%;
            text-align: left; }
            .solution-sec .content-frame > .custom-table > .custom-tr > .custom-td:nth-child(2) .custom-table .custom-td {
              padding-bottom: 30px; }
            .solution-sec .content-frame > .custom-table > .custom-tr > .custom-td:nth-child(2) .custom-table .f-l {
              float: left;
              width: 12%; }
            .solution-sec .content-frame > .custom-table > .custom-tr > .custom-td:nth-child(2) .custom-table .f-r {
              float: right;
              width: 84%; }
            .solution-sec .content-frame > .custom-table > .custom-tr > .custom-td:nth-child(2) .custom-table a {
              color: #282828; }
            .solution-sec .content-frame > .custom-table > .custom-tr > .custom-td:nth-child(2) .custom-table .title-num {
              width: 64px;
              height: 64px;
              display: block;
              background-color: #d84736;
              padding: 12px 15px;
              font-size: 30px;
              color: #FFFFFF; }
            .solution-sec .content-frame > .custom-table > .custom-tr > .custom-td:nth-child(2) .custom-table p {
              line-height: 0.9;
              margin: 0 0 10px; }
            .solution-sec .content-frame > .custom-table > .custom-tr > .custom-td:nth-child(2) .custom-table .title6 {
              font-size: 18px; }
            .solution-sec .content-frame > .custom-table > .custom-tr > .custom-td:nth-child(2) .custom-table .title7 {
              font-size: 12px; }
            .solution-sec .content-frame > .custom-table > .custom-tr > .custom-td:nth-child(2) .custom-table .title8 {
              font-size: 12px; }

.application-sec {
  background-image: url("../../images/application_bg.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 40px;
  text-align: left;
  height: 570px; }
    .application-sec .title-total {
        color: #282828;
        padding-left: 5%;
        width:1200px;
        margin:auto;
        font-size: 30px;
    }
    .application-sec .title-total .title1 {
      color: #d84736;
      font-size: 36px; }
  .application-sec .carousel-frame {
    margin-top: 35px; }
    .application-sec .carousel-frame .carousel-inner .item {
      position: relative;
      width: 1200px;
      margin: auto; }
      .application-sec .carousel-frame .carousel-inner .item .sub-box {
        float: left;
        width: 600px;
        height: 205px;
        position: relative; }
        .application-sec .carousel-frame .carousel-inner .item .sub-box .product-img {
          width: 352px;
          height: 205px; }
        .application-sec .carousel-frame .carousel-inner .item .sub-box .content-box {
          width: 248px;
          height: 205px;
          background-color: #d84736;
          padding: 70px 50px; }
          .application-sec .carousel-frame .carousel-inner .item .sub-box .content-box .txt-01 {
            font-size: 20px;
            line-height: 2;
            color: #FFFFFF; }
          .application-sec .carousel-frame .carousel-inner .item .sub-box .content-box .txt-02 {
            font-size: 14px;
            line-height: 1.5;
            color: #FFFFFF; }
        .application-sec .carousel-frame .carousel-inner .item .sub-box .triangle-right,
        .application-sec .carousel-frame .carousel-inner .item .sub-box .triangle-left {
          position: absolute;
          top: 65px; }
        .application-sec .carousel-frame .carousel-inner .item .sub-box.subBox-top .product-img {
          float: right; }
        .application-sec .carousel-frame .carousel-inner .item .sub-box.subBox-top .content-box {
          float: left; }
        .application-sec .carousel-frame .carousel-inner .item .sub-box.subBox-top .triangle-right {
          left: 248px; }
        .application-sec .carousel-frame .carousel-inner .item .sub-box.subBox-bottom .product-img {
          float: left; }
        .application-sec .carousel-frame .carousel-inner .item .sub-box.subBox-bottom .content-box {
          float: right; }
        .application-sec .carousel-frame .carousel-inner .item .sub-box.subBox-bottom .triangle-left {
          right: 248px; }
    .application-sec .carousel-frame .carousel-control span {
      font-size: 50px;
      margin-left: -25px;
      color: #696a6a; }
    .application-sec .left.carousel-control,
    .application-sec .right.carousel-control {
        background-image: none;
    }

.product-sec {
  /*height: 700px;*/
  padding-top: 27px;
  text-align: center; }
  .product-sec .content-frame {
    text-align: left; }
    .product-sec .content-frame .title-box {
      width: 580px;
      height: 70px;
      position: relative;
      text-align: center;
      margin: auto; }
      .product-sec .content-frame .title-box .title-img {
        width: 100%;
        position: absolute;
        top: 15px;
        left: 0; }
      .product-sec .content-frame .title-box .title3 {
        color: #d84736;
        font-size: 30px; }
      .product-sec .content-frame .title-box .title4 {
        color: #bbbbb4;
        font-size: 14px; }
    .product-sec .content-frame .custom-table.custom-table1 {
      margin-top: 15px; }
      .product-sec .content-frame .custom-table.custom-table1 > .custom-tr > .custom-td {
        color: #282828;
        vertical-align: top;
        padding: 0 10px;
        font-size: 30px; }
        .product-sec .content-frame .custom-table.custom-table1 > .custom-tr > .custom-td:nth-child(1) {
          width: 270px; }
        .product-sec .content-frame .custom-table.custom-table1 > .custom-tr > .custom-td:nth-child(2) {
          width: 925px; }
        .product-sec .content-frame .custom-table.custom-table1 > .custom-tr > .custom-td .category-frame {
          width: 270px; }
          .product-sec .content-frame .custom-table.custom-table1 > .custom-tr > .custom-td .category-frame .categoryTitle-box {
            width: 100%;
            height: 95px;
            text-align: right;
            padding: 20px 35px;
            background-color: #edebeb; }
            .product-sec .content-frame .custom-table.custom-table1 > .custom-tr > .custom-td .category-frame .categoryTitle-box .title5 {
              font-size: 30px;
              font-weight: bold;
              color: #282828; }
            .product-sec .content-frame .custom-table.custom-table1 > .custom-tr > .custom-td .category-frame .categoryTitle-box .title6 {
              font-size: 18px;
              color: #bbbbb4; }
          .product-sec .content-frame .custom-table.custom-table1 > .custom-tr > .custom-td .category-frame .category-box {
            width: 100%;
            background-color: #edebeb;
            padding: 1px 7px;
            margin-top: 3px; }
            .product-sec .content-frame .custom-table.custom-table1 > .custom-tr > .custom-td .category-frame .category-box a {
              width: 100%;
              display: block;
              background-color: #f7f7f7;
              margin-top: 1px;
              font-size: 16px;
              padding: 11px 10px;
              color: #282828;
              cursor: pointer; }
              .product-sec .content-frame .custom-table.custom-table1 > .custom-tr > .custom-td .category-frame .category-box a:hover {
                background-color: #696a6a;
                color: #FFFFFF; }
            .product-sec .content-frame .custom-table.custom-table1 > .custom-tr > .custom-td .category-frame .category-box .fa-icon {
              font-size: 14px;
              margin-right: 10px;
              color: #282828; }
            .product-sec .content-frame .custom-table.custom-table1 > .custom-tr > .custom-td .category-frame .category-box .category-btn {
              width: 100%;
              height: 37px;
              padding: 3px;
              border: 4px solid #d84736;
              text-align: center;
              font-size: 16px;
              color: #d84736;
              background-color: #FFFFFF; }
            .product-sec .content-frame .custom-table.custom-table1 > .custom-tr > .custom-td .category-frame .category-contact {
                background-color: #edebeb;
                padding-top: 12px;
            }
            .product-sec .content-frame .custom-table.custom-table1 > .custom-tr > .custom-td .category-frame .category-contact .custom-table2 {
              width: 100%;
              text-align: right; }
              .product-sec .content-frame .custom-table.custom-table1 > .custom-tr > .custom-td .category-frame .category-contact .custom-table2 .custom-td:nth-child(2) {
                padding: 10px; }
            .product-sec .content-frame .custom-table.custom-table1 > .custom-tr > .custom-td .category-frame .category-contact .contact-icon {
              width: 70px; }
            .product-sec .content-frame .custom-table.custom-table1 > .custom-tr > .custom-td .category-frame .category-contact .title7 {
              font-size: 14px; }
            .product-sec .content-frame .custom-table.custom-table1 > .custom-tr > .custom-td .category-frame .category-contact .title8 {
              font-size: 26px;
              color: #d84736; }
        .product-sec .content-frame .custom-table.custom-table1 > .custom-tr > .custom-td .productList-frame {
            position: relative;
            width: 925px;
        }

            .product-sec .content-frame .custom-table.custom-table1 > .custom-tr > .custom-td .productList-frame li {
                position: relative;
                width: 303px;
                display: inline-block;
                padding: 0 10px 10px;
                float: left;
            }

            .product-sec .content-frame .custom-table.custom-table1 > .custom-tr > .custom-td .productList-frame a {
                display: block;
                text-align: center;
                background-color: #edebeb;
                padding-top: 10px;
                position: relative;
                box-shadow: 0 3px 5px 1px #bbbbb4;
            }


            .product-sec .content-frame .custom-table.custom-table1 > .custom-tr > .custom-td .productList-frame .category-img {
                width: 264px;
                height: 217px;
            }

            .product-sec .content-frame .custom-table.custom-table1 > .custom-tr > .custom-td .productList-frame .bottom-box {
                text-align: center;
                height: 50px;
            }

                .product-sec .content-frame .custom-table.custom-table1 > .custom-tr > .custom-td .productList-frame .bottom-box .txt-01 {
                    font-size: 16px;
                    margin-top: 15px;
                    color: #282828;
                }

                .product-sec .content-frame .custom-table.custom-table1 > .custom-tr > .custom-td .productList-frame .bottom-box .category-icon {
                    font-size: 20px;
                    background-color: #bbbbb4;
                    position: relative;
                    top: -8px;
                    padding: 2px 5px;
                    color: #282828;
                }

            .product-sec .content-frame .custom-table.custom-table1 > .custom-tr > .custom-td .productList-frame .hover-box {
                display: none;
                position: absolute;
                background-color: #d84736;
                border: 1px solid #FFFFFF;
                width: 100%;
                height: 100%;
                opacity: 0.8;
                top: 0;
                left: 0;
                text-align: center;
                color: #FFFFFF;
            }

                .product-sec .content-frame .custom-table.custom-table1 > .custom-tr > .custom-td .productList-frame .hover-box .txt-01 {
                    clear: both;
                    margin-top: 110px;
                }

                .product-sec .content-frame .custom-table.custom-table1 > .custom-tr > .custom-td .productList-frame .hover-box .category-icon {
                    float: right;
                    background-color: #696a6a;
                    font-size: 18px;
                    padding: 4px;
                }

.news-sec {
  padding-top: 80px;
  padding-bottom: 40px;
  text-align: center; }
  .news-sec .content-frame {
    text-align: center; }
    .news-sec .content-frame .title-box {
      width: 580px;
      height: 70px;
      position: relative;
      text-align: center;
      margin: auto; }
      .news-sec .content-frame .title-box .title-img {
        width: 100%;
        position: absolute;
        top: 15px;
        left: 0; }
      .news-sec .content-frame .title-box .title3 {
        color: #d84736;
        font-size: 30px; }
      .news-sec .content-frame .title-box .title4 {
        color: #bbbbb4;
        font-size: 14px; }
    .news-sec .content-frame > .custom-table > .custom-tr > .custom-td {
      width: 50%;
      color: #282828;
      vertical-align: top;
      padding: 0 10px;
      font-size: 30px; }
      .news-sec .content-frame > .custom-table > .custom-tr > .custom-td:nth-child(1) .news-img {
        width: 535px; }
      .news-sec .content-frame > .custom-table > .custom-tr > .custom-td:nth-child(2) {
        padding: 0 10px; }
        .news-sec .content-frame > .custom-table > .custom-tr > .custom-td:nth-child(2) .custom-table {
          width: 100%;
          text-align: left; }
          .news-sec .content-frame > .custom-table > .custom-tr > .custom-td:nth-child(2) .custom-table .custom-td {
            padding-bottom: 8px;
            padding-left: 50px; }
          .news-sec .content-frame > .custom-table > .custom-tr > .custom-td:nth-child(2) .custom-table .f-l {
            float: left;
            width: 12%; }
          .news-sec .content-frame > .custom-table > .custom-tr > .custom-td:nth-child(2) .custom-table .f-r {
            float: left;
            width: 84%; }
          .news-sec .content-frame > .custom-table > .custom-tr > .custom-td:nth-child(2) .custom-table .news-icon {
            background-color: #696a6a;
            color: #FFFFFF;
            border-radius: 50px;
            padding: 5px; }
          .news-sec .content-frame > .custom-table > .custom-tr > .custom-td:nth-child(2) .custom-table a {
            color: #282828;
            display: block; }
          .news-sec .content-frame > .custom-table > .custom-tr > .custom-td:nth-child(2) .custom-table .title-num {
            width: 64px;
            height: 64px;
            display: block;
            background-color: #d84736;
            padding: 12px 15px;
            font-size: 30px;
            color: #FFFFFF; }
          .news-sec .content-frame > .custom-table > .custom-tr > .custom-td:nth-child(2) .custom-table p {
            line-height: 1;
            margin: 0 0 10px; }
          .news-sec .content-frame > .custom-table > .custom-tr > .custom-td:nth-child(2) .custom-table .title6 {
            font-size: 18px;
            font-weight: bold;
            padding-top: 5px; }
          .news-sec .content-frame > .custom-table > .custom-tr > .custom-td:nth-child(2) .custom-table .title7 {
            font-size: 12px;
            width: 435px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap; }
    .news-sec .content-frame .news-btn {
      width: 180px;
      height: 40px;
      border: 1px solid #bbbbb4;
      border-radius: 4px;
      text-align: center;
      font-size: 18px;
      color: #282828;
      background-color: #FFFFFF;
      margin-top: 20px; }

.contact-sec {
  padding-top: 55px;
  text-align: center;
  background-color: #d84736;
  height: 530px; }
  .contact-sec .content-frame {
    text-align: center; }
    .contact-sec .content-frame .title-box {
      width: 580px;
      height: 70px;
      position: relative;
      text-align: center;
      margin: auto; }
      .contact-sec .content-frame .title-box .title-img {
        width: 100%;
        position: absolute;
        top: 15px;
        left: 0; }
      .contact-sec .content-frame .title-box .title3 {
        color: #FFFFFF;
        font-size: 30px; }
      .contact-sec .content-frame .title-box .title4 {
        color: #bbbbb4;
        font-size: 14px; }
    .contact-sec .content-frame .map-box {
      width: 770px;
      height: 185px;
      border: 2px solid #bbbbb4;
      margin: auto;
      margin-top: 30px;
      background-color: transparent; }
    .contact-sec .content-frame .bottom-box {
      text-align: center;
      width: 100%;
      margin-top: 45px; }
      .contact-sec .content-frame .bottom-box .custom-td {
        width: 33%; }
      .contact-sec .content-frame .bottom-box a {
        color: #FFFFFF; }
      .contact-sec .content-frame .bottom-box img {
        max-width: 80px; }
      .contact-sec .content-frame .bottom-box .txt-01 {
        margin: 10px 0; }

.footer-sec {
    background-color: #FFFFFF;
    text-align: center;
    border-top: 30px solid #d84736;
    margin-top:30px;
}

        .footer-sec .content-frame .bottom-frame .content-total {
            color: #bbbbb4;
        }

            .footer-sec .content-frame .bottom-frame .content-total a {
                color: inherit;
            }

#toTop {
  width: 110px;
  height: 55px;
  position: fixed;
  cursor: pointer;
  display: none;
  right:0px;
  bottom: 4%;
  z-index: 700;
  background: url("../../images/btn-top.png") center center no-repeat; }

@media (max-width: 1250px) {
  .advantage-sec .custom-td:nth-child(3) .content-box {
    min-width: 197px; }
  .advantage-sec .custom-td .content-box {
    min-width: 173px; }
    .advantage-sec .custom-td .content-box .f-r {
      padding-top: 8px; }
      .advantage-sec .custom-td .content-box .f-r span:nth-child(1) {
        font-size: 18px; }
      .advantage-sec .custom-td .content-box .f-r span:nth-child(2) {
        font-size: 12px; } }

/*===== animation =======*/
*.animatin_show {
  animation: show 0.5s;
  -moz-animation: show 0.5s;
  -ms-animation: show 0.5s;
  -o-animation: show 0.5s;
  -webkit-animation: show 0.5s;
  -khtml-animation: show 0.5s; }

*.animatin_fadeshow {
  animation: fadeshow 1s;
  -moz-animation: fadeshow 1s;
  -ms-animation: fadeshow 1s;
  -o-animation: fadeshow 1s;
  -webkit-animation: fadeshow 1s;
  -khtml-animation: fadeshow 1s; }

*.animatin_asideShow {
  animation: asideShow 0.5s;
  -moz-animation: asideShow 0.5s;
  -ms-animation: asideShow 0.5s;
  -o-animation: asideShow 0.5s;
  -webkit-animation: asideShow 0.5s;
  -khtml-animation: asideShow 0.5s; }

*.animatin_scaleShow {
  animation: scaleShow 0.5s;
  -moz-animation: scaleShow 0.5s;
  -ms-animation: scaleShow 0.5s;
  -o-animation: scaleShow 0.5s;
  -webkit-animation: scaleShow 0.5s;
  -khtml-animation: scaleShow 0.5s; }

@keyframes show {
  0% {
    -webkit-transform: translate3d(0, 200px, 0);
    -moz-transform: translate3d(0, 200px, 0);
    -ms-transform: translate3d(0, 200px, 0);
    -o-transform: translate3d(0, 200px, 0);
    transform: translate3d(0, 200px, 0);
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0; }
  to {
    -webkit-transform: translate3d(0, 0px, 0);
    -moz-transform: translate3d(0, 0px, 0);
    -ms-transform: translate3d(0, 0px, 0);
    -o-transform: translate3d(0, 0px, 0);
    transform: translate3d(0, 0px, 0);
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1; } }

@-khtml-keyframes show {
  0% {
    -webkit-transform: translate3d(0, 200px, 0);
    -moz-transform: translate3d(0, 200px, 0);
    -ms-transform: translate3d(0, 200px, 0);
    -o-transform: translate3d(0, 200px, 0);
    transform: translate3d(0, 200px, 0);
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0; }
  to {
    -webkit-transform: translate3d(0, 0px, 0);
    -moz-transform: translate3d(0, 0px, 0);
    -ms-transform: translate3d(0, 0px, 0);
    -o-transform: translate3d(0, 0px, 0);
    transform: translate3d(0, 0px, 0);
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1; } }

@-moz-keyframes show {
  0% {
    -webkit-transform: translate3d(0, 200px, 0);
    -moz-transform: translate3d(0, 200px, 0);
    -ms-transform: translate3d(0, 200px, 0);
    -o-transform: translate3d(0, 200px, 0);
    transform: translate3d(0, 200px, 0);
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0; }
  to {
    -webkit-transform: translate3d(0, 0px, 0);
    -moz-transform: translate3d(0, 0px, 0);
    -ms-transform: translate3d(0, 0px, 0);
    -o-transform: translate3d(0, 0px, 0);
    transform: translate3d(0, 0px, 0);
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1; } }

@-ms-keyframes show {
  0% {
    -webkit-transform: translate3d(0, 200px, 0);
    -moz-transform: translate3d(0, 200px, 0);
    -ms-transform: translate3d(0, 200px, 0);
    -o-transform: translate3d(0, 200px, 0);
    transform: translate3d(0, 200px, 0);
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0; }
  to {
    -webkit-transform: translate3d(0, 0px, 0);
    -moz-transform: translate3d(0, 0px, 0);
    -ms-transform: translate3d(0, 0px, 0);
    -o-transform: translate3d(0, 0px, 0);
    transform: translate3d(0, 0px, 0);
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1; } }

@-o-keyframes show {
  0% {
    -webkit-transform: translate3d(0, 200px, 0);
    -moz-transform: translate3d(0, 200px, 0);
    -ms-transform: translate3d(0, 200px, 0);
    -o-transform: translate3d(0, 200px, 0);
    transform: translate3d(0, 200px, 0);
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0; }
  to {
    -webkit-transform: translate3d(0, 0px, 0);
    -moz-transform: translate3d(0, 0px, 0);
    -ms-transform: translate3d(0, 0px, 0);
    -o-transform: translate3d(0, 0px, 0);
    transform: translate3d(0, 0px, 0);
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1; } }

@-webkit-keyframes show {
  0% {
    -webkit-transform: translate3d(0, 200px, 0);
    -moz-transform: translate3d(0, 200px, 0);
    -ms-transform: translate3d(0, 200px, 0);
    -o-transform: translate3d(0, 200px, 0);
    transform: translate3d(0, 200px, 0);
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0; }
  to {
    -webkit-transform: translate3d(0, 0px, 0);
    -moz-transform: translate3d(0, 0px, 0);
    -ms-transform: translate3d(0, 0px, 0);
    -o-transform: translate3d(0, 0px, 0);
    transform: translate3d(0, 0px, 0);
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1; } }

/**********/
@keyframes fadeshow {
  0% {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0; }
  to {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1; } }

@-khtml-keyframes fadeshow {
  0% {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0; }
  to {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1; } }

@-moz-keyframes fadeshow {
  0% {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0; }
  to {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1; } }

@-ms-keyframes fadeshow {
  0% {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0; }
  to {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1; } }

@-o-keyframes fadeshow {
  0% {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0; }
  to {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1; } }

@-webkit-keyframes fadeshow {
  0% {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0; }
  to {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1; } }

/********/
@keyframes asideShow {
  0% {
    -webkit-transform: translate3d(200px, 0, 0);
    -moz-transform: translate3d(200px, 0, 0);
    -ms-transform: translate3d(200px, 0, 0);
    -o-transform: translate3d(200px, 0, 0);
    transform: translate3d(200px, 0, 0);
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0; }
  to {
    -webkit-transform: translate3d(0, 0px, 0);
    -moz-transform: translate3d(0, 0px, 0);
    -ms-transform: translate3d(0, 0px, 0);
    -o-transform: translate3d(0, 0px, 0);
    transform: translate3d(0, 0px, 0);
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1; } }

@-khtml-keyframes asideShow {
  0% {
    -webkit-transform: translate3d(200px, 0, 0);
    -moz-transform: translate3d(200px, 0, 0);
    -ms-transform: translate3d(200px, 0, 0);
    -o-transform: translate3d(200px, 0, 0);
    transform: translate3d(200px, 0, 0);
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0; }
  to {
    -webkit-transform: translate3d(0, 0px, 0);
    -moz-transform: translate3d(0, 0px, 0);
    -ms-transform: translate3d(0, 0px, 0);
    -o-transform: translate3d(0, 0px, 0);
    transform: translate3d(0, 0px, 0);
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1; } }

@-moz-keyframes asideShow {
  0% {
    -webkit-transform: translate3d(200px, 0, 0);
    -moz-transform: translate3d(200px, 0, 0);
    -ms-transform: translate3d(200px, 0, 0);
    -o-transform: translate3d(200px, 0, 0);
    transform: translate3d(200px, 0, 0);
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0; }
  to {
    -webkit-transform: translate3d(0, 0px, 0);
    -moz-transform: translate3d(0, 0px, 0);
    -ms-transform: translate3d(0, 0px, 0);
    -o-transform: translate3d(0, 0px, 0);
    transform: translate3d(0, 0px, 0);
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1; } }

@-ms-keyframes asideShow {
  0% {
    -webkit-transform: translate3d(200px, 0, 0);
    -moz-transform: translate3d(200px, 0, 0);
    -ms-transform: translate3d(200px, 0, 0);
    -o-transform: translate3d(200px, 0, 0);
    transform: translate3d(200px, 0, 0);
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0; }
  to {
    -webkit-transform: translate3d(0, 0px, 0);
    -moz-transform: translate3d(0, 0px, 0);
    -ms-transform: translate3d(0, 0px, 0);
    -o-transform: translate3d(0, 0px, 0);
    transform: translate3d(0, 0px, 0);
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1; } }

@-o-keyframes asideShow {
  0% {
    -webkit-transform: translate3d(200px, 0, 0);
    -moz-transform: translate3d(200px, 0, 0);
    -ms-transform: translate3d(200px, 0, 0);
    -o-transform: translate3d(200px, 0, 0);
    transform: translate3d(200px, 0, 0);
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0; }
  to {
    -webkit-transform: translate3d(0, 0px, 0);
    -moz-transform: translate3d(0, 0px, 0);
    -ms-transform: translate3d(0, 0px, 0);
    -o-transform: translate3d(0, 0px, 0);
    transform: translate3d(0, 0px, 0);
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1; } }

@-webkit-keyframes asideShow {
  0% {
    -webkit-transform: translate3d(200px, 0, 0);
    -moz-transform: translate3d(200px, 0, 0);
    -ms-transform: translate3d(200px, 0, 0);
    -o-transform: translate3d(200px, 0, 0);
    transform: translate3d(200px, 0, 0);
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0; }
  to {
    -webkit-transform: translate3d(0, 0px, 0);
    -moz-transform: translate3d(0, 0px, 0);
    -ms-transform: translate3d(0, 0px, 0);
    -o-transform: translate3d(0, 0px, 0);
    transform: translate3d(0, 0px, 0);
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1; } }

/******/
@keyframes scaleShow {
  0% {
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0); }
  90% {
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2); }
  to {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1); } }

@-khtml-keyframes scaleShow {
  0% {
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0); }
  90% {
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2); }
  to {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1); } }

@-moz-keyframes scaleShow {
  0% {
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0); }
  90% {
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2); }
  to {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1); } }

@-ms-keyframes scaleShow {
  0% {
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0); }
  90% {
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2); }
  to {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1); } }

@-o-keyframes scaleShow {
  0% {
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0); }
  90% {
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2); }
  to {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1); } }

@-webkit-keyframes scaleShow {
  0% {
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0); }
  90% {
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2); }
  to {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1); } }

.subTitle-sec {
  background-color: #edebeb;
  padding: 5px; }
  .subTitle-sec .content-frame p {
    text-align: right;
    font-size: 12px; }
    .subTitle-sec .content-frame p .fa {
      color: #d84736;
      font-size: 24px; }

.subCommon-sec {
  padding-top: 5px;
  text-align: center; }
  .subCommon-sec .content-frame {
    text-align: center; }
    .subCommon-sec .content-frame .title-frame {
      width: 100%;
      height: 90px;
      margin-top: 20px;
      padding: 0 20px; }
      .subCommon-sec .content-frame .title-frame .lf-box {
        min-width: 220px;
        text-align: left; }
        .subCommon-sec .content-frame .title-frame .lf-box .title1 {
          color: #d84736;
          border-top: 1px solid;
          border-bottom: 1px solid;
          border-color: #d84736;
          font-size: 30px; }
        .subCommon-sec .content-frame .title-frame .lf-box .title2 {
          font-size: 36px;
          font-weight: bold;
          color: #282828; }
      .subCommon-sec .content-frame .title-frame .rt-box {
        width: 400px;
        text-align: right; }
        .subCommon-sec .content-frame .title-frame .rt-box .title1 {
          font-size: 30px; }
        .subCommon-sec .content-frame .title-frame .rt-box .title2 {
          font-size: 14px; }
        .subCommon-sec .content-frame .title-frame .rt-box .title3 {
          font-size: 36px;
          color: #d84736; }
.subAboutUs-sec {
    padding-top: 5px;
    text-align: center;
    min-height: 500px;
}

    .subAboutUs-sec .content-frame {
        text-align: center;
    }

        .subAboutUs-sec .content-frame .category-box {
            margin-top: 30px;
            height: 80px;
            padding:0 20px;
        }

            .subAboutUs-sec .content-frame .category-box ul {
                width: 100%;
            }

                .subAboutUs-sec .content-frame .category-box ul li {
                    width: 16%;
                    text-align: center;
                    display: inline-block;
                    padding: 3px;
                    float: left;
                }

                    .subAboutUs-sec .content-frame .category-box ul li .categroy-btn {
                        width: 100%;
                        padding: 10px 5px;
                        background-color: #FFFFFF;
                        border: 1px solid #bbbbb4;
                        border-radius: 10px;
                        box-shadow: 1px 1px 1px 1px #eee;
                        white-space: nowrap;
                    }

                        .subAboutUs-sec .content-frame .category-box ul li .categroy-btn:hover {
                            background-color: #d84736;
                            color: #FFFFFF;
                        }

        .subAboutUs-sec .content-frame .txt-frame {
            width: 100%;
            margin-top: 20px;
            padding: 0 50px;
            text-align: left;
        }

            .subAboutUs-sec .content-frame .txt-frame .txt-content {
                line-height: 1.7;
                font-size: 14px;
                text-align: left;
            }

.subProductList-sec {
  padding-top: 5px;
  text-align: center;
  min-height: 500px; }
  .subProductList-sec .content-frame {
    text-align: center; }
    .subProductList-sec .content-frame .category-box {
        padding:0 20px;
      margin-top: 30px;
      height: 80px; }
      .subProductList-sec .content-frame .category-box ul {
        width: 100%; }
        .subProductList-sec .content-frame .category-box ul li {
          width: 16%;
          text-align: center;
          display: inline-block;
          padding: 3px;
          float: left; }
            .subProductList-sec .content-frame .category-box ul li .categroy-btn {
                width: 100%;
                padding: 10px 5px;
                background-color: #FFFFFF;
                border: 1px solid #d84736;
                border-radius: 10px;
                box-shadow: 1px 1px 1px 1px #eee;
                white-space: nowrap;
            }
            .subProductList-sec .content-frame .category-box ul li .categroy-btn:hover {
              background-color: #d84736;
              color: #FFFFFF; }
    .subProductList-sec .content-frame .title-frame {
      width: 100%;
      height: 90px;
      margin-top: 20px;
      padding: 0 20px; }
      .subProductList-sec .content-frame .title-frame .lf-box {
        min-width: 220px;
        text-align: left; }
        .subProductList-sec .content-frame .title-frame .lf-box .title1 {
          color: #d84736;
          border-top: 1px solid;
          border-bottom: 1px solid;
          border-color: #d84736;
          font-size: 30px; }
        .subProductList-sec .content-frame .title-frame .lf-box .title2 {
          font-size: 36px;
          font-weight: bold; }
    .subProductList-sec .content-frame .productList-frame {
      width: 100%; }
      .subProductList-sec .content-frame .productList-frame ul {
        width: 100%; }
        .subProductList-sec .content-frame .productList-frame ul li {
          width: 33%;
          display: inline-block;
          float:left;
          text-align: center;
          padding: 20px; }
          .subProductList-sec .content-frame .productList-frame ul li a {
            display: block;
            width: 100%;
            height: 100%; }
            .subProductList-sec .content-frame .productList-frame ul li a .content-box {
              width: 100%;
              height: 260px;
              margin: auto;
              position: relative;
              overflow: hidden; }
              .subProductList-sec .content-frame .productList-frame ul li a .content-box .product-img {
                margin: auto;
                width: 100%;
                height: 260px;
                position: relative;
                z-index: 200; }
              .subProductList-sec .content-frame .productList-frame ul li a .content-box .product-name {
                width: 100%;
                background-color: #d84736;
                opacity: 0.8;
                padding: 15px;
                margin-top: -50px;
                position: relative;
                z-index: 300;
                color: #FFFFFF; }

.subProduct-sec {
  padding-top: 5px;
  text-align: center;
  min-height: 500px; }
  .subProduct-sec .content-frame {
    text-align: center; }
    .subProduct-sec .content-frame .category-box {
      margin-top: 30px; 
      padding:0 20px;
      height:80px;
    }
      .subProduct-sec .content-frame .category-box ul {
        width: 100%; }
        .subProduct-sec .content-frame .category-box ul li {
          width: 16%;
          text-align: center;
          display: inline-block;
          float:left;
          padding: 3px; }
            .subProduct-sec .content-frame .category-box ul li .categroy-btn {
                width: 100%;
                padding: 10px 5px;
                background-color: #FFFFFF;
                border: 1px solid #bbbbb4;
                border-radius: 10px;
                box-shadow: 1px 1px 1px 1px #eee;
                white-space: nowrap;
            }
                .subProduct-sec .content-frame .category-box ul li .categroy-btn:hover {
              background-color: #d84736;
              color: #FFFFFF; }
    .subProduct-sec .content-frame .title-frame {
      width: 100%;
      height: 90px;
      margin-top: 20px;
      padding: 0 20px; }
      .subProduct-sec .content-frame .title-frame .lf-box {
        min-width: 220px;
        text-align: left; }
        .subProduct-sec .content-frame .title-frame .lf-box .title1 {
          color: #d84736;
          border-top: 1px solid;
          border-bottom: 1px solid;
          border-color: #d84736;
          font-size: 30px; }
        .subProduct-sec .content-frame .title-frame .lf-box .title2 {
          font-size: 36px;
          font-weight: bold; }
    .subProduct-sec .content-frame .product-frame {
      width: 100%;
      padding: 0 20px; }
      .subProduct-sec .content-frame .product-frame .custom-table {
        width: 100%; }
        .subProduct-sec .content-frame .product-frame .custom-table .custom-td {
          width: 50%;
          vertical-align: top; }
          .subProduct-sec .content-frame .product-frame .custom-table .custom-td:nth-child(1) {
            padding-right: 20px; }
          .subProduct-sec .content-frame .product-frame .custom-table .custom-td:nth-child(2) {
            text-align: left;
            padding-left: 20px; }
            .subProduct-sec .content-frame .product-frame .custom-table .custom-td:nth-child(2) .title1 {
              font-size: 24px;
              font-weight: bold; }
            .subProduct-sec .content-frame .product-frame .custom-table .custom-td:nth-child(2) p {
              line-height: 2; }
            .subProduct-sec .content-frame .product-frame .custom-table .custom-td:nth-child(2) .title2 {
              font-size: 12px; }
            .subProduct-sec .content-frame .product-frame .custom-table .custom-td:nth-child(2) .title3 {
              font-size: 12px; }
            .subProduct-sec .content-frame .product-frame .custom-table .custom-td:nth-child(2) .download-box {
                margin-top: 50px;
            }
            .subProduct-sec .content-frame .product-frame .custom-table .custom-td:nth-child(2) .download-box img {
              width: 65px;
              height: 65px;
              float: left;
              margin-right: 10px; }
            .subProduct-sec .content-frame .product-frame .custom-table .custom-td:nth-child(2) .download-box span {
              color: #d84736;
              float: left;
              margin-top: 20px; }
            .subProduct-sec .content-frame .product-frame .custom-table .custom-td:nth-child(2) .download-box .btn-1 {
              display: inline-block;
              margin-right: 150px; }
            .subProduct-sec .content-frame .product-frame .custom-table .custom-td:nth-child(2) .download-box .btn-2 {
              display: inline-block; }
    .subProduct-sec .content-frame .page-frame {
      width: 100%;
      padding: 10px;
      margin-top: 30px; }
      .subProduct-sec .content-frame .page-frame .txt-content {
        text-align: left;
        line-height: 1.7;
        font-size: 12px; }

.subNews-sec {
  padding-top: 5px;
  text-align: center;
  min-height: 500px; }
  .subNews-sec .content-frame {
    text-align: center; }
    .subNews-sec .content-frame .txt-frame {
        width: 100%;
        margin-top: 70px;
        padding: 0 100px 20px;
        text-align: left;
    }
        .subNews-sec .content-frame .txt-frame p {
            line-height: 1.6;
        }
        .subNews-sec .content-frame .txt-frame .title1 {
            font-size: 24px;
            text-align: center;
            color: #616263;
        }
        .subNews-sec .content-frame .txt-frame .title2 {
            margin-bottom: 30px;
            font-size: 14px;
            color: #7d7d7d;
            text-align: center;
        }
      .subNews-sec .content-frame .txt-frame .txt-content {
        line-height: 1.7;
        font-size: 14px;
        text-align: left; }

.subNewsList-sec {
  padding-top: 5px;
  text-align: center;
  margin-top:40px;
  min-height: 500px; }
  .subNewsList-sec .content-frame {
    text-align: center;
    padding: 0 20px; }
    .subNewsList-sec .content-frame .custom-table {
      width: 100%; }
      .subNewsList-sec .content-frame .custom-table .custom-td {
        width: 50%;
        vertical-align: top; }
        .subNewsList-sec .content-frame .custom-table .custom-td:nth-child(1) {
          padding-right: 20px; }
          .subNewsList-sec .content-frame .custom-table .custom-td:nth-child(1) img {
            width: 100%;
            height: 300px; }
        .subNewsList-sec .content-frame .custom-table .custom-td:nth-child(2) {
          text-align: left;
          padding-left: 20px; }
          .subNewsList-sec .content-frame .custom-table .custom-td:nth-child(2) .title1 {
            font-size: 24px;
            font-weight: bold; }
          .subNewsList-sec .content-frame .custom-table .custom-td:nth-child(2) p {
            line-height: 2; }
          .subNewsList-sec .content-frame .custom-table .custom-td:nth-child(2) .title2 {
            font-size: 12px; }
          .subNewsList-sec .content-frame .custom-table .custom-td:nth-child(2) .title3 {
            font-size: 12px; }
          .subNewsList-sec .content-frame .custom-table .custom-td:nth-child(2) .more-btn {
            background-color: #c50018;
            color: #FFFFFF;
            padding: 10px 80px;
            margin-top: 100px; }
    .subNewsList-sec .content-frame .newsList-frame {
      width: 100%;
      margin-top: 50px;
      padding: 0 0 20px; }
      .subNewsList-sec .content-frame .newsList-frame ul {
        width: 100%; }
        .subNewsList-sec .content-frame .newsList-frame ul li {
          width: 33%;
          padding: 10px 0;
          padding-right: 20px;
          float:left;
          display: inline-block; }
          .subNewsList-sec .content-frame .newsList-frame ul li .content-box {
            width: 100%;
            text-align: left;
            padding: 10px;
            border: 1px solid #d84736; }
            .subNewsList-sec .content-frame .newsList-frame ul li .content-box:hover {
              /*border: 10px solid $c-danger;*/
              box-shadow: 0 0 1px 5px #d84736 inset; }
              .subNewsList-sec .content-frame .newsList-frame ul li .content-box:hover .news-btn {
                background-color: #d84736; }
            .subNewsList-sec .content-frame .newsList-frame ul li .content-box .custom-hr {
              width: 50px;
              height: 1px;
              border: 1px solid #d84736; }
            .subNewsList-sec .content-frame .newsList-frame ul li .content-box p {
              line-height: 1.5; }
            .subNewsList-sec .content-frame .newsList-frame ul li .content-box .title1 {
              font-size: 20px; }
            .subNewsList-sec .content-frame .newsList-frame ul li .content-box .title2 {
              font-size: 18px; }
            .subNewsList-sec .content-frame .newsList-frame ul li .content-box .title3 {
              font-size: 18px; }
            .subNewsList-sec .content-frame .newsList-frame ul li .content-box .news-btn {
              background-color: #696a6a;
              padding: 5px 20px;
              color: #FFFFFF;
              margin-top: 20px; }

.main_info .img {
  max-width: 600px; }

footer div {
  border-top: none; }


#pagelist select {
    padding: 9px 14px;
}
.pgwSlideshow .ps-list > ul {
    min-width: 100% !important;
}