html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, input {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent;
  font-weight: normal; }

body {
  font-family: "\5FAE\8F6F\96C5\9ED1","Microsoft Yahei","Hiragino Sans GB",tahoma,arial,"\5B8B\4F53";
  font-size: 14px; }

ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

a, a:hover {
  text-decoration: none; }

/* remember to define focus styles! */
:focus {
  outline: 0; }

/* remember to highlight inserts somehow! */
ins {
  text-decoration: none; }

del {
  text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0; }
.header {
  width: 100%;
  min-width: 1180px;
  overflow: hidden;
  z-index: 99;
  color: #051027; }
  .header a {
    color: #051027; }
  .header .header-inner {
    margin: auto;
    height: 130px;
    width: 1180px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .header .header-inner .logo {
      margin-right: 40px; }
    .header .header-inner .menu li {
      list-style: none;
      display: inline-block;
      text-decoration: none;
      padding-right: 30px;
      text-align: center; }
    .header .header-inner .menu li:first-child {
      margin-left: 0; }
    .header .header-inner .menu li .active {
      color: #c5731f; }
    .header .header-inner .menu li a {
      display: block; }
    .header .header-inner .menu li .a1 {
      font-size: 16px;
      color: #051027; }
    .header .header-inner .menu li .a2 {
      font-size: 10px;
      color: #cacdd2;
      display: block; }
      .header .header-inner .menu li .a2 span {
        color: #cacdd2; }
    .header .header-inner .menu li:hover {
      color: #c5731f; }
    .header .header-inner .menu li a:hover {
      color: #c5731f; }
    .header .header-inner .menu li a:hover span {
      color: #c5731f; }
    .header .header-inner .menu li.active {
      color: #c5731f; }
    .header .header-inner .menu li.active a {
      color: #c5731f; }
    .header .header-inner .menu li.active a span {
      color: #c5731f; }

footer {
  background: url("../images/home/bg-footer.jpg") no-repeat center center;
  background-size: cover;
  margin-top: 100px; }
  footer .footer-inner {
    width: 1180px;
    margin: 0 auto;
    padding-top: 180px;
    color: rgba(26, 43, 79, 0.9);
    font-size: 14px; }
    footer .footer-inner .left {
      float: left; }
      footer .footer-inner .left .hotline {
        margin-top: 45px; }
        footer .footer-inner .left .hotline .title {
          font-size: 14px; }
        footer .footer-inner .left .hotline .line {
          width: 50px;
          height: 2px;
          background-color: rgba(0, 0, 0, 0.9);
          margin: 8px 0 12px 0; }
        footer .footer-inner .left .hotline .tel {
          margin: 20px 0;
          font-size: 24px; }
        footer .footer-inner .left .hotline li {
          font-size: 14px;
          color: #ccc;
          padding-bottom: 10px; }
    footer .footer-inner .right {
      float: right; }
      footer .footer-inner .right .item {
        display: inline-block;
        vertical-align: top;
        margin-right: 90px; }
        footer .footer-inner .right .item:last-child {
          margin-right: 0; }
        footer .footer-inner .right .item .title {
          margin-bottom: 44px; }
          footer .footer-inner .right .item .title .txt1 {
            font-size: 20px;
            padding-bottom: 10px;
            font-weight: bold; }
        footer .footer-inner .right .item li {
          margin-bottom: 20px; }
          footer .footer-inner .right .item li a {
            color: rgba(26, 43, 79, 0.9); }
            footer .footer-inner .right .item li a:hover {
              color: #c5731f; }
    footer .footer-inner .copyright {
      padding: 109px 0 30px 0;
      font-size: 12px;
      color: #aaa;
      text-align: center;
      line-height: 15px; }
      footer .footer-inner .copyright .icon {
        display: inline-block;
        width: 13px;
        height: 15px;
        background: url("../images/home/ICP.jpg") no-repeat;
        background-size: cover;
        margin-right: 5px; }
      footer .footer-inner .copyright a {
        color: #aaa;
        display: inline-block;
        margin-right: 10px; }
        footer .footer-inner .copyright a:last-child {
          margin-right: 0; }

.news-item-subitem {
  width: 420px;
  height: 560px;
  background-color: #fff;
  -webkit-box-shadow: 0 1px 4px 0 rgba(13, 23, 52, 0.2);
          box-shadow: 0 1px 4px 0 rgba(13, 23, 52, 0.2);
  text-align: center;
  display: inline-block;
  margin-right: 20px; }
  .news-item-subitem:hover {
    -webkit-box-shadow: 0 4px 5px 0 rgba(13, 23, 52, 0.25);
            box-shadow: 0 4px 5px 0 rgba(13, 23, 52, 0.25); }
  .news-item-subitem:first-child {
    margin-left: 20px; }
  .news-item-subitem .date {
    font-size: 12px;
    color: rgba(26, 43, 77, 0.8);
    padding: 24px 0 18px; }
  .news-item-subitem .title {
    font-size: 24px;
    color: #1a2b4f;
    padding: 0 30px 70px 30px; }
  .news-item-subitem .new {
    font-size: 12px;
    color: red;
    margin-right: 10px; }
  .news-item-subitem .icon {
    width: 4px;
    height: 9px; }
  .news-item-subitem .txt {
    margin-top: 30px;
    font-size: 14px;
    color: rgba(26, 43, 77, 0.6);
    padding: 0 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-height: 24px;
    height: 72px; }
  .news-item-subitem .img img {
    width: 380px;
    height: 220px; }

#home .banner {
  width: 100%;
  min-width: 1180px;
  height: 460px;
  background: url("../images/banner-1.jpg") no-repeat center center;
  background-size: cover; }
#home .content {
  width: 100%; }
  #home .content .content-inner {
    width: 1180px;
    margin: 0 auto; }
    #home .content .content-inner .product {
      text-align: center;
      padding-bottom: 30px; }
      #home .content .content-inner .product .txt1 {
        padding: 90px 0 10px 0;
        font-size: 12px;
        color: rgba(27, 43, 79, 0.8);
        letter-spacing: 4px; }
      #home .content .content-inner .product .txt2 {
        font-size: 36px;
        color: #1b2b4f; }
        #home .content .content-inner .product .txt2 .s1:after {
          content: '';
          width: 2px;
          height: 27px;
          background-color: red;
          display: inline-block;
          margin: 0 10px; }
      #home .content .content-inner .product .line {
        width: 2px;
        height: 35px;
        background-color: #1b2b4f;
        opacity: 0.8;
        text-align: center;
        margin: 10px auto 36px auto; }
      #home .content .content-inner .product .product-item {
        margin-top: 10px; }
        #home .content .content-inner .product .product-item img {
          margin-right: 8px; }
          #home .content .content-inner .product .product-item img:last-child {
            margin-right: 0; }
          #home .content .content-inner .product .product-item img:hover {
            -webkit-transition: all 0.4s cubic-bezier(0, 0.3, 0.6, 1);
            transition: all 0.4s cubic-bezier(0, 0.3, 0.6, 1); }
          #home .content .content-inner .product .product-item img:hover {
            -webkit-transform: scale(1.05);
                    transform: scale(1.05);
            opacity: 0.8; }
#home .news-warp {
  width: 100%;
  height: 1120px;
  background: url("../images/home/bg-news.jpg") no-repeat center center;
  background-repeat: no-repeat;
  background-position: 50% 65%;
  background-size: contain; }
#home .news {
  padding-top: 130px;
  width: 100%; }
  #home .news .news-inner {
    text-align: center; }
    #home .news .news-inner .txt1 {
      font-size: 40px;
      color: #1b2b4f;
      padding-bottom: 20px;
      text-align: center; }
    #home .news .news-inner .txt2 {
      font-size: 32px;
      color: #1b2b4f;
      padding-bottom: 28px;
      text-align: center; }
    #home .news .news-inner .txt3 {
      font-size: 16px;
      color: #2a333f;
      text-align: center; }
    #home .news .news-inner .txt4 {
      font-size: 14px;
      color: #1b2b4f;
      padding-top: 74px;
      text-align: center; }
    #home .news .news-inner .txt5 {
      padding: 90px 0 10px 0;
      font-size: 12px;
      color: rgba(27, 43, 79, 0.8);
      letter-spacing: 4px; }
    #home .news .news-inner .txt6 {
      font-size: 36px;
      color: #1b2b4f; }
      #home .news .news-inner .txt6 .s1:after {
        content: '';
        width: 2px;
        height: 27px;
        background-color: red;
        display: inline-block;
        margin: 0 10px; }
    #home .news .news-inner .line {
      width: 2px;
      height: 35px;
      background-color: #1b2b4f;
      opacity: 0.8;
      text-align: center;
      margin: 10px auto 36px auto; }
#home .service {
  width: 100%;
  min-width: 1180px;
  height: 870px;
  background: url("../images/home/service-bg.jpg") no-repeat center center;
  background-size: cover; }
  #home .service .service-inner {
    width: 1180px;
    margin: 0 auto; }
    #home .service .service-inner .service-inner-inner {
      text-align: center; }
      #home .service .service-inner .service-inner-inner .txt1 {
        padding: 60px 0 10px 0;
        font-size: 12px;
        color: rgba(255, 255, 255, 0.8);
        letter-spacing: 4px; }
      #home .service .service-inner .service-inner-inner .txt2 {
        font-size: 36px;
        color: #fff; }
        #home .service .service-inner .service-inner-inner .txt2 .s1:after {
          content: '';
          width: 2px;
          height: 27px;
          background-color: red;
          display: inline-block;
          margin: 0 10px; }
      #home .service .service-inner .service-inner-inner .map-bg {
        margin-left: 90px;
        width: 1000px;
        height: 800px;
        background-color: rgba(255, 255, 255, 0.8); }
        #home .service .service-inner .service-inner-inner .map-bg img {
          margin-top: 40px; }

.clearfix {
  *zoom: 1; }

.clearfix:before, .clearfix:after {
  display: table;
  line-height: 0;
  content: ""; }

.clearfix:after {
  clear: both; }

#aboutus .banner {
  width: 100%;
  min-width: 1180px;
  height: 460px;
  background: url("../images/banner-2.jpg") no-repeat center center;
  background-size: cover; }
#aboutus .content {
  width: 100%; }
  #aboutus .content .content-inner {
    width: 1000px;
    margin: 0 auto; }
    #aboutus .content .content-inner .us {
      margin-top: 60px; }
      #aboutus .content .content-inner .us .left {
        float: left;
        width: 160px;
        padding: 52px 0;
        border: 1px solid #dcdcdc;
        border-left: none;
        border-right: none; }
        #aboutus .content .content-inner .us .left ul li {
          margin-bottom: 44px; }
          #aboutus .content .content-inner .us .left ul li:last-child {
            margin-bottom: 0; }
        #aboutus .content .content-inner .us .left ul li a {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          font-size: 16px;
          color: rgba(26, 43, 79, 0.8); }
        #aboutus .content .content-inner .us .left .active a {
          color: #0078de; }
        #aboutus .content .content-inner .us .left ul li a i {
          display: inline-block;
          width: 20px;
          height: 20px;
          background: url("../images/number.png") no-repeat;
          margin-right: 10px; }
        #aboutus .content .content-inner .us .left #brief .icon {
          background-position: 0 -25px; }
        #aboutus .content .content-inner .us .left #brief .icon-active {
          background-position: 0 0; }
        #aboutus .content .content-inner .us .left #culture .icon {
          background-position: -25px -25px; }
        #aboutus .content .content-inner .us .left #culture .icon-active {
          background-position: -25px 0; }
        #aboutus .content .content-inner .us .left #certificate .icon {
          background-position: -50px -25px; }
        #aboutus .content .content-inner .us .left #certificate .icon-active {
          background-position: -50px 0; }
      #aboutus .content .content-inner .us .right {
        float: left;
        padding-left: 20px;
        margin-left: 160px; }
        #aboutus .content .content-inner .us .right .part .top {
          width: 800px;
          height: 176px;
          background: url("../images/aboutus/bg-800.jpg"); }
          #aboutus .content .content-inner .us .right .part .top .icon {
            display: inline-block;
            background: url("../images/number.png") no-repeat; }
          #aboutus .content .content-inner .us .right .part .top .icon1 {
            width: 43px;
            height: 49px;
            background-position: 0 -55px; }
          #aboutus .content .content-inner .us .right .part .top .icon2 {
            width: 43px;
            height: 41px;
            background-position: -52px -55px; }
          #aboutus .content .content-inner .us .right .part .top .icon3 {
            width: 43px;
            height: 39px;
            background-position: -107px -55px; }
          #aboutus .content .content-inner .us .right .part .top .title {
            padding: 30px 0 64px;
            font-size: 30px;
            color: #1a2b4f; }
        #aboutus .content .content-inner .us .right .part .content {
          font-size: 16px;
          color: rgba(26, 43, 79, 0.8);
          line-height: 32px;
          width: 800px; }
          #aboutus .content .content-inner .us .right .part .content p {
            margin-bottom: 20px;
            word-wrap: break-word;
            word-break: break-all;
            overflow: hidden;
            text-align: justify; }
        #aboutus .content .content-inner .us .right .part1 {
          border-bottom: 2px solid #dcdcdc;
          padding-bottom: 40px; }
        #aboutus .content .content-inner .us .right .part2 {
          padding-top: 80px;
          padding-bottom: 60px;
          border-bottom: 2px solid #dcdcdc; }
          #aboutus .content .content-inner .us .right .part2 .content .item {
            margin-bottom: 50px;
            font-size: 0; }
            #aboutus .content .content-inner .us .right .part2 .content .item .item-left {
              display: inline-block;
              width: 400px;
              height: 280px;
              background: url("../images/aboutus/bg-culture.jpg") no-repeat;
              background-size: contain;
              vertical-align: top; }
              #aboutus .content .content-inner .us .right .part2 .content .item .item-left .txt1 {
                font-size: 30px;
                color: #1a2b4f;
                padding-top: 55px;
                padding-left: 20px; }
              #aboutus .content .content-inner .us .right .part2 .content .item .item-left .txt2 {
                padding-top: 106px;
                font-size: 20px;
                color: rgba(27, 43, 79, 0.8);
                padding-left: 20px; }
            #aboutus .content .content-inner .us .right .part2 .content .item .item-right {
              display: inline-block;
              width: 400px; }
        #aboutus .content .content-inner .us .right .part3 {
          padding-top: 80px;
          padding-bottom: 60px;
          border-bottom: 2px solid #dcdcdc; }
          #aboutus .content .content-inner .us .right .part3 .content {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex; }
            #aboutus .content .content-inner .us .right .part3 .content .part3-item {
              float: left;
              margin-right: 25px;
              margin-bottom: 30px; }
              #aboutus .content .content-inner .us .right .part3 .content .part3-item .part3-item-inner {
                width: 250px;
                height: 410px;
                background: url("../images/aboutus/bg-certification.jpeg") no-repeat; }
                #aboutus .content .content-inner .us .right .part3 .content .part3-item .part3-item-inner .title {
                  display: inline-block;
                  padding-top: 24px;
                  padding-left: 21px;
                  font-size: 16px;
                  color: #1a2b4f; }
                #aboutus .content .content-inner .us .right .part3 .content .part3-item .part3-item-inner img {
                  width: 210px;
                  padding-left: 20px;
                  padding-top: 34px; }
            #aboutus .content .content-inner .us .right .part3 .content .part3-item:nth-child(3n+3) {
              margin-right: 0; }

#aboutus .banner {
  width: 100%;
  min-width: 1180px;
  height: 460px;
  background: url("../images/banner-3.jpg") no-repeat center center;
  background-size: cover; }
#aboutus .content {
  width: 100%; }
  #aboutus .content .content-inner {
    width: 1000px;
    margin: 0 auto; }
    #aboutus .content .content-inner .products {
      margin-top: 60px; }
      #aboutus .content .content-inner .products .left {
        float: left;
        width: 180px;
        padding: 52px 0;
        border: 1px solid #dcdcdc;
        border-left: none;
        border-right: none; }
        #aboutus .content .content-inner .products .left ul li {
          margin-bottom: 44px; }
          #aboutus .content .content-inner .products .left ul li:last-child {
            margin-bottom: 0; }
        #aboutus .content .content-inner .products .left ul li a {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          font-size: 16px;
          color: rgba(26, 43, 79, 0.8); }
        #aboutus .content .content-inner .products .left .active a {
          color: #0078de; }
        #aboutus .content .content-inner .products .left ul li a i {
          display: inline-block;
          width: 20px;
          height: 20px;
          background: url("../images/number.png") no-repeat;
          margin-right: 10px; }
        #aboutus .content .content-inner .products .left ul li a:hover {
          opacity: 0.8; }
        #aboutus .content .content-inner .products .left #sideItem1 .icon {
          background-position: 0 -25px; }
        #aboutus .content .content-inner .products .left #sideItem1 .icon-active {
          background-position: 0 0; }
        #aboutus .content .content-inner .products .left #sideItem2 .icon {
          background-position: -25px -25px; }
        #aboutus .content .content-inner .products .left #sideItem2 .icon-active {
          background-position: -25px 0; }
        #aboutus .content .content-inner .products .left #sideItem3 .icon {
          background-position: -50px -25px; }
        #aboutus .content .content-inner .products .left #sideItem3 .icon-active {
          background-position: -50px 0; }
        #aboutus .content .content-inner .products .left #sideItem4 .icon {
          background-position: -75px -25px; }
        #aboutus .content .content-inner .products .left #sideItem4 .icon-active {
          background-position: -75px 0; }
        #aboutus .content .content-inner .products .left #sideItem5 .icon {
          background-position: -100px -25px; }
        #aboutus .content .content-inner .products .left #sideItem5 .icon-active {
          background-position: -100px 0; }
        #aboutus .content .content-inner .products .left #sideItem6 .icon {
          background-position: -125px -25px; }
        #aboutus .content .content-inner .products .left #sideItem6 .icon-active {
          background-position: -125px 0; }
      #aboutus .content .content-inner .products .right {
        float: left;
        padding-left: 20px; }
        #aboutus .content .content-inner .products .right .part .top {
          width: 800px;
          height: 176px;
          background: url("../images/aboutus/bg-800.jpg"); }
          #aboutus .content .content-inner .products .right .part .top .icon {
            display: inline-block;
            background: url("../images/number.png") no-repeat; }
          #aboutus .content .content-inner .products .right .part .top .icon1 {
            width: 43px;
            height: 49px;
            background-position: 0 -55px; }
          #aboutus .content .content-inner .products .right .part .top .icon2 {
            width: 43px;
            height: 41px;
            background-position: -52px -55px; }
          #aboutus .content .content-inner .products .right .part .top .icon3 {
            width: 43px;
            height: 39px;
            background-position: -107px -55px; }
          #aboutus .content .content-inner .products .right .part .top .icon4 {
            width: 43px;
            height: 40px;
            background-position: -160px -55px; }
          #aboutus .content .content-inner .products .right .part .top .icon5 {
            width: 42px;
            height: 40px;
            background-position: -214px -55px; }
          #aboutus .content .content-inner .products .right .part .top .icon6 {
            width: 42px;
            height: 40px;
            background-position: -268px -55px; }
          #aboutus .content .content-inner .products .right .part .top .icon7 {
            width: 42px;
            height: 40px;
            background-position: -321px -55px; }
          #aboutus .content .content-inner .products .right .part .top .icon8 {
            width: 43px;
            height: 41px;
            background-position: -374px -55px; }
          #aboutus .content .content-inner .products .right .part .top .icon9 {
            width: 43px;
            height: 41px;
            background-position: -428px -55px; }
          #aboutus .content .content-inner .products .right .part .top .icon10 {
            width: 43px;
            height: 41px;
            background-position: -481px -55px; }
          #aboutus .content .content-inner .products .right .part .top .title {
            padding: 30px 0 64px;
            font-size: 30px;
            color: #1a2b4f; }
        #aboutus .content .content-inner .products .right .part .content {
          font-size: 16px;
          color: rgba(26, 43, 79, 0.8);
          line-height: 32px;
          width: 800px; }
          #aboutus .content .content-inner .products .right .part .content p {
            margin-bottom: 20px;
            word-wrap: break-word;
            word-break: break-all;
            overflow: hidden;
            text-align: justify; }
        #aboutus .content .content-inner .products .right .part1 {
          padding-bottom: 40px; }
          #aboutus .content .content-inner .products .right .part1 .part1-item {
            float: left;
            margin-right: 40px;
            margin-bottom: 40px;
            cursor: pointer; }
            #aboutus .content .content-inner .products .right .part1 .part1-item:nth-child(2n+2) {
              margin-right: 0; }
            #aboutus .content .content-inner .products .right .part1 .part1-item .part1-item-inner .main {
              width: 380px;
              height: 240px;
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-align: center;
                  -ms-flex-align: center;
                      align-items: center;
              -webkit-box-pack: center;
                  -ms-flex-pack: center;
                      justify-content: center; }
              #aboutus .content .content-inner .products .right .part1 .part1-item .part1-item-inner .main img {
                width: 380px;
                height: 240px; }
            #aboutus .content .content-inner .products .right .part1 .part1-item .part1-item-inner .title {
              width: 380px;
              height: 200px;
              background: url("../images/products/bg-products.jpg"); }
              #aboutus .content .content-inner .products .right .part1 .part1-item .part1-item-inner .title .txt1 {
                padding-top: 30px;
                font-size: 20px;
                color: #1a2b4f;
                padding-left: 20px;
                padding-bottom: 44px; }
              #aboutus .content .content-inner .products .right .part1 .part1-item .part1-item-inner .title .txt2 {
                font-size: 14px;
                color: rgba(27, 43, 79, 0.3);
                padding-left: 20px;
                padding-right: 20px;
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-line-clamp: 3;
                -webkit-box-orient: vertical; }

#prodetails .banner {
  width: 100%;
  min-width: 1180px;
  height: 460px;
  background: url("../images/banner-3.jpg") no-repeat center center;
  background-size: cover; }
#prodetails .content {
  width: 100%; }
  #prodetails .content .content-inner {
    width: 1180px;
    margin: 0 auto; }
    #prodetails .content .content-inner .prodetails {
      margin-top: 60px;
      margin-left: 90px; }
      #prodetails .content .content-inner .prodetails .left {
        float: left;
        width: 180px;
        padding: 52px 0;
        border: 1px solid #dcdcdc;
        border-left: none;
        border-right: none; }
        #prodetails .content .content-inner .prodetails .left ul li {
          margin-bottom: 44px; }
          #prodetails .content .content-inner .prodetails .left ul li:last-child {
            margin-bottom: 0; }
        #prodetails .content .content-inner .prodetails .left ul li a {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          font-size: 16px;
          color: rgba(26, 43, 79, 0.8); }
        #prodetails .content .content-inner .prodetails .left .active a {
          color: #0078de; }
        #prodetails .content .content-inner .prodetails .left ul li a i {
          display: inline-block;
          width: 20px;
          height: 20px;
          background: url("../images/number.png") no-repeat;
          margin-right: 10px; }
        #prodetails .content .content-inner .prodetails .left ul li a:hover {
          opacity: 0.8; }
        #prodetails .content .content-inner .prodetails .left #sideItem1 .icon {
          background-position: 0 -25px; }
        #prodetails .content .content-inner .prodetails .left #sideItem1 .icon-active {
          background-position: 0 0; }
        #prodetails .content .content-inner .prodetails .left #sideItem2 .icon {
          background-position: -25px -25px; }
        #prodetails .content .content-inner .prodetails .left #sideItem2 .icon-active {
          background-position: -25px 0; }
        #prodetails .content .content-inner .prodetails .left #sideItem3 .icon {
          background-position: -50px -25px; }
        #prodetails .content .content-inner .prodetails .left #sideItem3 .icon-active {
          background-position: -50px 0; }
        #prodetails .content .content-inner .prodetails .left #sideItem4 .icon {
          background-position: -75px -25px; }
        #prodetails .content .content-inner .prodetails .left #sideItem4 .icon-active {
          background-position: -75px 0; }
        #prodetails .content .content-inner .prodetails .left #sideItem5 .icon {
          background-position: -100px -25px; }
        #prodetails .content .content-inner .prodetails .left #sideItem5 .icon-active {
          background-position: -100px 0; }
        #prodetails .content .content-inner .prodetails .left #sideItem6 .icon {
          background-position: -125px -25px; }
        #prodetails .content .content-inner .prodetails .left #sideItem6 .icon-active {
          background-position: -125px 0; }
      #prodetails .content .content-inner .prodetails .right {
        float: left;
        padding-left: 20px; }
        #prodetails .content .content-inner .prodetails .right .part .top {
          width: 800px;
          height: 120px;
          background: url("../images/products/bg-title.jpg");
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          font-size: 30px;
          color: #1a2b4f; }
          #prodetails .content .content-inner .prodetails .right .part .top .title {
            padding-left: 60px; }
        #prodetails .content .content-inner .prodetails .right .part .content {
          font-size: 16px;
          color: rgba(26, 43, 79, 0.8);
          line-height: 32px;
          width: 800px; }
          #prodetails .content .content-inner .prodetails .right .part .content p {
            margin-bottom: 20px;
            word-wrap: break-word;
            word-break: break-all;
            overflow: hidden;
            text-align: justify; }
        #prodetails .content .content-inner .prodetails .right .part1 {
          padding-bottom: 40px; }
          #prodetails .content .content-inner .prodetails .right .part1 .part1-item {
            float: left;
            margin-right: 40px;
            margin-bottom: 40px;
            cursor: pointer; }
            #prodetails .content .content-inner .prodetails .right .part1 .part1-item:nth-child(2n+2) {
              margin-right: 0; }
            #prodetails .content .content-inner .prodetails .right .part1 .part1-item .part1-item-inner .main {
              width: 380px;
              height: 240px;
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-align: center;
                  -ms-flex-align: center;
                      align-items: center;
              -webkit-box-pack: center;
                  -ms-flex-pack: center;
                      justify-content: center; }
              #prodetails .content .content-inner .prodetails .right .part1 .part1-item .part1-item-inner .main img {
                width: 380px;
                height: 240px; }
            #prodetails .content .content-inner .prodetails .right .part1 .part1-item .part1-item-inner .title {
              width: 380px;
              height: 200px;
              background: url("../images/products/bg-products.jpg"); }
              #prodetails .content .content-inner .prodetails .right .part1 .part1-item .part1-item-inner .title .txt1 {
                padding-top: 30px;
                font-size: 20px;
                color: #1a2b4f;
                padding-left: 20px;
                padding-bottom: 44px; }
              #prodetails .content .content-inner .prodetails .right .part1 .part1-item .part1-item-inner .title .txt2 {
                font-size: 14px;
                color: rgba(27, 43, 79, 0.3);
                padding-left: 20px;
                padding-right: 20px;
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-line-clamp: 3;
                -webkit-box-orient: vertical; }

#cases .banner {
  width: 100%;
  min-width: 1180px;
  height: 460px;
  background: url("../images/banner-4.jpg") no-repeat center center;
  background-size: cover; }
#cases .content {
  width: 100%; }
  #cases .content .content-inner {
    width: 1180px;
    margin: 0 auto; }
    #cases .content .content-inner .cases {
      margin-top: 60px; }
      #cases .content .content-inner .cases .left {
        float: left;
        width: 160px;
        padding: 52px 0;
        border: 1px solid #dcdcdc;
        border-left: none;
        border-right: none; }
        #cases .content .content-inner .cases .left ul li {
          margin-bottom: 44px; }
          #cases .content .content-inner .cases .left ul li:last-child {
            margin-bottom: 0; }
        #cases .content .content-inner .cases .left ul li a {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          font-size: 16px;
          color: rgba(26, 43, 79, 0.8); }
        #cases .content .content-inner .cases .left .active a {
          color: #0078de; }
        #cases .content .content-inner .cases .left ul li a i {
          display: inline-block;
          width: 20px;
          height: 20px;
          background: url("../images/number.png") no-repeat;
          margin-right: 10px; }
        #cases .content .content-inner .cases .left ul li a:hover {
          opacity: 0.8; }
        #cases .content .content-inner .cases .left #sideItem1 .icon {
          background-position: 0 -25px; }
        #cases .content .content-inner .cases .left #sideItem1 .icon-active {
          background-position: 0 0; }
        #cases .content .content-inner .cases .left #sideItem2 .icon {
          background-position: -25px -25px; }
        #cases .content .content-inner .cases .left #sideItem2 .icon-active {
          background-position: -25px 0; }
      #cases .content .content-inner .cases .right {
        float: left;
        margin-left: 180px; }
        #cases .content .content-inner .cases .right .part .top {
          width: 800px;
          height: 176px;
          background: url("../images/aboutus/bg-800.jpg"); }
          #cases .content .content-inner .cases .right .part .top .icon {
            display: inline-block;
            background: url("../images/number.png") no-repeat; }
          #cases .content .content-inner .cases .right .part .top .icon1 {
            width: 43px;
            height: 49px;
            background-position: 0 -55px; }
          #cases .content .content-inner .cases .right .part .top .icon2 {
            width: 43px;
            height: 41px;
            background-position: -52px -55px; }
          #cases .content .content-inner .cases .right .part .top .icon3 {
            width: 43px;
            height: 39px;
            background-position: -107px -55px; }
          #cases .content .content-inner .cases .right .part .top .title {
            padding: 30px 0 64px;
            font-size: 30px;
            color: #1a2b4f; }
        #cases .content .content-inner .cases .right .part .content {
          font-size: 16px;
          color: rgba(26, 43, 79, 0.8);
          line-height: 32px;
          width: 800px; }
          #cases .content .content-inner .cases .right .part .content p {
            margin-bottom: 20px;
            word-wrap: break-word;
            word-break: break-all;
            overflow: hidden;
            text-align: justify; }
        #cases .content .content-inner .cases .right .part1 {
          padding-top: 40px;
          padding-bottom: 60px;
          border-bottom: 2px solid #dcdcdc; }
          #cases .content .content-inner .cases .right .part1 .content {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex; }
            #cases .content .content-inner .cases .right .part1 .content .part1-item {
              float: left;
              margin-right: 40px;
              margin-bottom: 40px; }
              #cases .content .content-inner .cases .right .part1 .content .part1-item .part1-item-inner {
                width: 380px;
                height: 410px; }
                #cases .content .content-inner .cases .right .part1 .content .part1-item .part1-item-inner .title {
                  display: -webkit-box;
                  display: -ms-flexbox;
                  display: flex;
                  -webkit-box-align: center;
                      -ms-flex-align: center;
                          align-items: center;
                  font-size: 30px;
                  color: #1a2b4f;
                  width: 380px;
                  height: 129px;
                  background: url("../images/cases/bg-cases.jpg"); }
                  #cases .content .content-inner .cases .right .part1 .content .part1-item .part1-item-inner .title img {
                    width: 60px;
                    height: 60px;
                    border-radius: 50%;
                    margin-right: 30px;
                    margin-left: 20px; }
                #cases .content .content-inner .cases .right .part1 .content .part1-item .part1-item-inner .main {
                  background-color: #fbfbfb;
                  padding: 30px 0; }
                  #cases .content .content-inner .cases .right .part1 .content .part1-item .part1-item-inner .main p {
                    font-size: 16px;
                    color: rgba(27, 43, 79, 0.8);
                    margin: 0;
                    margin-left: 20px;
                    line-height: 32px; }
            #cases .content .content-inner .cases .right .part1 .content .part1-item:nth-child(2n+2) {
              margin-right: 0; }
        #cases .content .content-inner .cases .right .part2 {
          padding-top: 80px;
          padding-bottom: 60px;
          border-bottom: 2px solid #dcdcdc; }
          #cases .content .content-inner .cases .right .part2 .content .main img {
            width: 736px;
            height: 681px; }

#job .banner {
  width: 100%;
  min-width: 1180px;
  height: 460px;
  background: url("../images/banner-7.jpg") no-repeat center center;
  background-size: cover; }
#job .content {
  width: 100%; }
  #job .content .content-inner {
    width: 1180px;
    margin: 0 auto;
    overflow: hidden; }
    #job .content .content-inner .job {
      width: 800px;
      margin-left: 190px;
      margin-top: 60px; }
      #job .content .content-inner .job .title {
        width: 800px;
        height: 176px;
        background: url("../images/aboutus/bg-800.jpg") no-repeat; }
        #job .content .content-inner .job .title .icon {
          display: inline-block;
          background: url("../images/number.png") no-repeat;
          width: 43px;
          height: 49px;
          background-position: 0 -55px; }
        #job .content .content-inner .job .title .txt {
          padding: 30px 0 64px;
          font-size: 30px;
          color: #1a2b4f; }
      #job .content .content-inner .job .main h5 {
        width: 800px;
        font-size: 16px;
        color: rgba(26, 43, 79, 0.8);
        line-height: 32px;
        word-wrap: break-word;
        word-break: break-all;
        overflow: hidden;
        font-weight: normal; }
      #job .content .content-inner .job .main p {
        width: 800px;
        font-size: 16px;
        color: rgba(26, 43, 79, 0.8);
        line-height: 32px;
        margin-bottom: 20px;
        word-wrap: break-word;
        word-break: break-all;
        overflow: hidden; }

#job .banner {
  width: 100%;
  min-width: 1180px;
  height: 460px;
  background: url("../images/banner-8.jpg") no-repeat center center;
  background-size: cover; }
#job .content {
  width: 100%; }
  #job .content .content-inner {
    width: 1180px;
    margin: 0 auto;
    overflow: hidden; }
    #job .content .content-inner .contact {
      width: 800px;
      margin-left: 190px;
      margin-top: 60px; }
      #job .content .content-inner .contact .title {
        width: 800px;
        height: 176px;
        background: url("../images/aboutus/bg-800.jpg") no-repeat; }
        #job .content .content-inner .contact .title .icon {
          display: inline-block;
          background: url("../images/number.png") no-repeat;
          width: 43px;
          height: 49px;
          background-position: 0 -55px; }
        #job .content .content-inner .contact .title .txt {
          padding: 30px 0 50px;
          font-size: 30px;
          color: #1a2b4f; }
      #job .content .content-inner .contact .main .left {
        float: left; }
        #job .content .content-inner .contact .main .left p {
          width: 400px;
          font-size: 16px;
          color: rgba(26, 43, 79, 0.8);
          line-height: 32px;
          word-wrap: break-word;
          word-break: break-all;
          overflow: hidden; }
      #job .content .content-inner .contact .main .right {
        float: right; }
        #job .content .content-inner .contact .main .right #map {
          width: 400px;
          height: 236px;
          background-color: #1b2b4f; }

#support .banner {
  width: 100%;
  min-width: 1180px;
  height: 460px;
  background: url("../images/banner-5.jpg") no-repeat center center;
  background-size: cover; }
#support .content {
  width: 100%; }
  #support .content .content-inner {
    width: 1180px;
    margin: 0 auto; }
    #support .content .content-inner .support {
      margin-top: 60px; }
      #support .content .content-inner .support .left {
        float: left;
        width: 160px;
        padding: 52px 0;
        border: 1px solid #dcdcdc;
        border-left: none;
        border-right: none; }
        #support .content .content-inner .support .left ul li {
          margin-bottom: 44px; }
          #support .content .content-inner .support .left ul li:last-child {
            margin-bottom: 0; }
        #support .content .content-inner .support .left ul li a {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          font-size: 16px;
          color: rgba(26, 43, 79, 0.8); }
        #support .content .content-inner .support .left .active a {
          color: #0078de; }
        #support .content .content-inner .support .left ul li a i {
          display: inline-block;
          width: 20px;
          height: 20px;
          background: url("../images/number.png") no-repeat;
          margin-right: 10px; }
        #support .content .content-inner .support .left ul li a:hover {
          opacity: 0.8; }
        #support .content .content-inner .support .left #sideItem1 .icon {
          background-position: 0 -25px; }
        #support .content .content-inner .support .left #sideItem1 .icon-active {
          background-position: 0 0; }
        #support .content .content-inner .support .left #sideItem2 .icon {
          background-position: -25px -25px; }
        #support .content .content-inner .support .left #sideItem2 .icon-active {
          background-position: -25px 0; }
        #support .content .content-inner .support .left #sideItem3 .icon {
          background-position: -50px -25px; }
        #support .content .content-inner .support .left #sideItem3 .icon-active {
          background-position: -50px 0; }
      #support .content .content-inner .support .right {
        float: left;
        margin-left: 180px; }
        #support .content .content-inner .support .right .part .top {
          width: 800px;
          height: 176px;
          background: url("../images/aboutus/bg-800.jpg"); }
          #support .content .content-inner .support .right .part .top .icon {
            display: inline-block;
            background: url("../images/number.png") no-repeat; }
          #support .content .content-inner .support .right .part .top .icon1 {
            width: 43px;
            height: 49px;
            background-position: 0 -55px; }
          #support .content .content-inner .support .right .part .top .icon2 {
            width: 43px;
            height: 41px;
            background-position: -52px -55px; }
          #support .content .content-inner .support .right .part .top .icon3 {
            width: 43px;
            height: 39px;
            background-position: -107px -55px; }
          #support .content .content-inner .support .right .part .top .title {
            padding: 30px 0 64px;
            font-size: 30px;
            color: #1a2b4f; }
        #support .content .content-inner .support .right .part .content {
          font-size: 16px;
          color: rgba(26, 43, 79, 0.8);
          line-height: 32px;
          width: 800px; }
          #support .content .content-inner .support .right .part .content p {
            margin-bottom: 20px;
            word-wrap: break-word;
            word-break: break-all;
            overflow: hidden;
            text-align: justify; }
        #support .content .content-inner .support .right .part1 {
          padding-top: 40px;
          padding-bottom: 60px;
          border-bottom: 2px solid #dcdcdc; }
          #support .content .content-inner .support .right .part1 .content div {
            margin-bottom: 20px; }
            #support .content .content-inner .support .right .part1 .content div p {
              line-height: 32px;
              font-size: 16px;
              color: rgba(26, 43, 79, 0.8); }
        #support .content .content-inner .support .right .part2 {
          padding-top: 80px; }
          #support .content .content-inner .support .right .part2 .content .main .down-item {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                    justify-content: space-between;
            font-size: 16px;
            color: rgba(26, 43, 79, 0.9);
            margin-bottom: 38px; }
            #support .content .content-inner .support .right .part2 .content .main .down-item a {
              color: rgba(26, 43, 79, 0.9); }
            #support .content .content-inner .support .right .part2 .content .main .down-item .down-item-left i {
              width: 17px;
              height: 16px;
              display: inline-block;
              background: url("../images/support/pdf.png") no-repeat;
              background-size: contain; }
            #support .content .content-inner .support .right .part2 .content .main .down-item .down-item-right a {
              color: rgba(26, 43, 79, 0.8); }
              #support .content .content-inner .support .right .part2 .content .main .down-item .down-item-right a:hover {
                opacity: 0.8; }

#events .banner {
  width: 100%;
  min-width: 1180px;
  height: 460px;
  background: url("../images/banner-6.jpg") no-repeat center center;
  background-size: cover; }
#events .content {
  width: 100%; }
  #events .content .content-inner {
    width: 1180px;
    margin: 0 auto; }
    #events .content .content-inner .top {
      width: 800px;
      height: 136px;
      background: url("../images/aboutus/bg-800.jpg"); }
      #events .content .content-inner .top .icon {
        display: inline-block;
        background: url("../images/number.png") no-repeat; }
      #events .content .content-inner .top .icon1 {
        width: 43px;
        height: 49px;
        background-position: 0 -55px; }
      #events .content .content-inner .top .title {
        padding: 30px 0 64px;
        font-size: 30px;
        color: #1a2b4f; }
    #events .content .content-inner .events {
      margin-top: 60px;
      width: 800px;
      margin-left: 190px;
      margin-bottom: 20px; }
      #events .content .content-inner .events .events-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        cursor: pointer;
        margin-bottom: 20px; }
        #events .content .content-inner .events .events-item .events-item-right {
          position: relative;
          padding: 0 24px;
          width: 480px;
          height: 185px;
          background-color: #fafcff; }
          #events .content .content-inner .events .events-item .events-item-right .events-item-right-top .title {
            font-weight: 600;
            font-size: 18px;
            color: #1a2b4f;
            cursor: pointer; }
            #events .content .content-inner .events .events-item .events-item-right .events-item-right-top .title:hover {
              color: #2d5cc6; }
          #events .content .content-inner .events .events-item .events-item-right .events-item-right-top .date {
            font-size: 12px;
            color: rgba(26, 43, 77, 0.8);
            padding-top: 14px; }
          #events .content .content-inner .events .events-item .events-item-right .events-item-right-bottom {
            position: absolute;
            bottom: 30px;
            font-size: 16px;
            color: rgba(26, 43, 77, 0.8);
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            padding-right: 24px; }

#eventdetails .banner {
  width: 100%;
  min-width: 1180px;
  height: 460px;
  background: url("../images/banner-6.jpg") no-repeat center center;
  background-size: cover; }
#eventdetails .eventdetails-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  min-width: 800px;
  height: 260px;
  background: url("../images/events/news-title.jpg") no-repeat center center;
  background-size: cover; }
  #eventdetails .eventdetails-title .eventdetails-title-inner {
    width: 800px;
    margin: 0 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 40px;
    color: #1a2b4f; }
    #eventdetails .eventdetails-title .eventdetails-title-inner .date {
      padding-top: 40px;
      font-size: 16px; }
#eventdetails .content {
  width: 100%; }
  #eventdetails .content .content-inner {
    width: 800px;
    margin: 0 auto; }
    #eventdetails .content .content-inner .main {
      font-size: 16px;
      color: rgba(26, 43, 79, 0.8); }

.pager {
  text-align: center;
  margin: 30px 0; }
  .pager li {
    display: inline-block;
    list-style-type: none;
    min-width: 30px;
    padding: 0 5px;
    height: 30px;
    line-height: 30px;
    color: #999;
    border: 1px solid #dedede;
    cursor: pointer;
    border-radius: 4px;
    vertical-align: top;
    text-align: center;
    margin: 0 3px;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
    .pager li a {
      text-decoration: none;
      color: #999; }
    .pager li:last-child {
      border: 1px solid transparent;
      background-color: transparent;
      cursor: default; }
    .pager li:not(:last-child):hover {
      border: 1px solid #007aff;
      background-color: #007aff;
      color: #fff; }
      .pager li:not(:last-child):hover a {
        color: #fff; }