::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-track {
  background: rgba(232, 48, 40, 0.1);
  border-radius: 3px;
}

::-webkit-scrollbar-thumb {
  background: rgba(232, 48, 40, 0.7);
  border-radius: 3px;
}

.techno {
  width: 100%;
  height: 100%;
  .techno-1 {
    width: 100%;
    height: 662px;
    min-width: 1200px;
    background: url("../image/techno/techno.png") no-repeat 100%;

    .techno-1-content {
      display: flex;
      height: 330px;
      justify-content: center;
      align-items: center;

      .techno-1-content-title {
        width: 1420px;
        padding-top: 210px;

        .techno-1-content-title-top {
          font-weight: 300;
          font-size: 16px;
          text-transform: uppercase;
          color: #3a485a;
        }

        .techno-1-content-title-body {
          font-size: 50px;
          color: #1A1A1A;
          /*margin-top: 15px;*/
          font-weight: bold;
        }
        .techno-1-content-title-body1 {
          font-size: 36px;
          color: #1A1A1A;
          /*margin-top: 15px;*/
          font-weight: bold;
        }

        .techno-1-content-title-describe {
          height: 33px;
          font-weight: 500;
          font-size: 24px;
          color: #595959;
          margin-top: 15px;
        }

        .techno-1-content-title-button {
          margin-top: 40px;
          line-height: 52px;
          color: #fff;
          text-align: center;
          cursor: pointer;
          width: 168px;
          background: #ee4e41;

          a {
            color: #fff;
            font-size: 18px;
          }
        }
      }
    }
  }

  .techno-2 {
    width: 100%;
    position: relative;
    min-width: 1250px;
    background: url("../image/techno/techno-2.png") no-repeat;
    background-size: cover;
    padding-bottom: 55px;
  }

  .techno-2-title{
    padding-top: 64px;
    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;
    font-weight: bold;
    font-size: 32px;
    color: #3a485a;
    margin-left: 40px;
    margin-right: 40px;
    padding-bottom: 20px;
    letter-spacing: 2px;
  }
  .techno-2-title-1{
    font-size: 16px;
    color: #666666;
    line-height: 28px;
    display: grid;
    place-items: center;
    width: 832px;
    margin: 0 auto;
    margin-top: 48px;
  }
  .techno-3 {
    background: #F2F5F7;
    border-radius: 0px 0px 0px 0px;
    .techno-3-title1 {
      padding-top: 64px;
      display: flex;
      -webkit-box-align: center;
      align-items: center;
      -webkit-box-pack: center;
      justify-content: center;
      font-weight: bold;
      font-size: 32px;
      color: #3a485a;
      margin-left: 40px;
      margin-right: 40px;
      padding-bottom: 20px;
      letter-spacing: 2px;
    }

    .techno-3-title2 {
      display: flex;
      font-weight: 500;
      font-size: 16px;
      color: #666666;
      line-height: 28px;
      text-align: left;
      font-style: normal;
      text-transform: none;
      margin-top: 48px;
      justify-content: space-around;
      align-items: center;
    }

    .techno-3-content{
      display: flex;
      padding-top: 56px;
    }
    .techno-3-content-1{
      padding: 0 40px;
      display: flex;
      margin-left: 34px;
      flex-direction: column;
      align-items: center;
      width: 240px;
      height: 240px;
      background: #FFFFFF;
      border-radius: 8px 8px 8px 8px;
      align-items: center;
      justify-content: center;
    }
    .techno-3-content-2{
      font-weight: bold;
      font-size: 16px;
      color: #1A1A1A;
      line-height: 24px;
      text-align: center;
      font-style: normal;
      text-transform: none;
      margin-top: 20px;
    }
    .techno-3-content-3{
      font-weight: 500;
      font-size: 14px;
      color: #3A485A;
      line-height: 22px;
      text-align: center;
      font-style: normal;
      text-transform: none;
      margin-top: 20px;
    }
    .techno-3-content-4{
      width: 120px;
      height: 38px;
      background: linear-gradient( 93deg, #FF7A7B 0%, #FE2524 100%);
      border-radius: 4px 4px 4px 4px;
      display: flex;
      justify-content: space-around;
      align-items: center;
    }
    .techno-3-content-4-button1{
      width: 66px;
      height: 22px;
      font-weight: 500;
      font-size: 16px;
      color: #FFFFFF;
      text-align: center;
      font-style: normal;
      text-transform: none;
    }
  }
  .techno-4 {
    background: #FFFFFF;
    border-radius: 0px 0px 0px 0px;

    .techno-4-title1 {
      padding-top: 64px;
      display: flex;
      -webkit-box-align: center;
      align-items: center;
      -webkit-box-pack: center;
      justify-content: center;
      font-weight: bold;
      font-size: 32px;
      color: #3a485a;
      margin-left: 40px;
      margin-right: 40px;
      padding-bottom: 20px;
      letter-spacing: 2px;
    }
    .techno-4-content{
      display: flex;
      padding-bottom: 30px;
      justify-content: space-between;
      margin-top: 80px;
    }
    .techno-4-content-1{
      background: url("../image/techno/techno-4-1.png") no-repeat 100%;
      display: flex;
      width: 360px;
      height: 400px;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      img{
        width: 128px;
        height: 128px;
      }
    }
    .techno-4-content-2{
      font-weight: bold;
      font-size: 20px;
      color: #EE4E41;
      line-height: 24px;
      text-align: center;
      font-style: normal;
      text-transform: none;
      margin-top: 10px;
    }
    .techno-4-content-3{
      font-weight: 500;
      font-size: 14px;
      color: #3A485A;
      line-height: 22px;
      text-align: center;
      font-style: normal;
      text-transform: none;
      padding: 16px 32px 60px 32px;
    }
    .techno-4-content-4{
      background: url("../image/techno/techno-4-2.png") no-repeat 100%;
      display: flex;
      width: 360px;
      height: 400px;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      img{
        width: 128px;
        height: 128px;
      }
    }
    .techno-4-content-5{
      background: url("../image/techno/techno-4-3.png") no-repeat 100%;
      display: flex;
      width: 360px;
      height: 400px;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      img{
        width: 128px;
        height: 128px;
      }
    }
    .techno-4-content-6{
      display: flex;
      background: #FFFFFF;
      border-radius: 0px 0px 0px 0px;
      border: 1px solid #DFE5F6;
      margin-bottom: 65px
    }
    .techno-4-content-7{
      display: flex;
      font-weight: 500;
      font-size: 16px;
      color: #666666;
      line-height: 28px;
      text-align: left;
      font-style: normal;
      text-transform: none;
      padding: 24px 40px 24px 40px;
    }
  }
  .techno-5 {
    background: #F2F5F7;
    border-radius: 0px 0px 0px 0px;

    .techno-5-title1 {
      padding-top: 64px;
      display: flex;
      -webkit-box-align: center;
      align-items: center;
      -webkit-box-pack: center;
      justify-content: center;
      font-weight: bold;
      font-size: 32px;
      color: #3a485a;
      margin-left: 40px;
      margin-right: 40px;
      padding-bottom: 20px;
      letter-spacing: 2px;
    }
    .techno-5-content{
      font-size: 16px;
      color: #666666;
      line-height: 28px;
      text-align: left;
      font-style: normal;
      text-transform: none;
      margin-top: 48px;
    }
    .techno-5-content1{
      display: flex;
      margin-top: 48px;
    }
    .techno-5-content2{
      background: url("../image/techno/techno-5-1.png") no-repeat 100%;
      width: 621px;
      height: 190px;
      display: flex;
      flex-direction: column;
      img{
        width: 64px;
        height: 64px;
      }
    }
    .techno-5-content2-1{
      display: flex;
      font-weight: bold;
      font-size: 22px;
      color: #1A1A1A;
      line-height: 24px;
      text-align: center;
      font-style: normal;
      text-transform: none;
      align-items: center;
      margin-left: 40px;
      margin-top: 24px;
    }
    .techno-5-content3{
      font-weight: 500;
      font-size: 16px;
      color: #666666;
      line-height: 28px;
      text-align: left;
      font-style: normal;
      text-transform: none;
      margin-left: 47px;
    }
    .techno-5-content4{
      background: url("../image/techno/techno-5-2.png") no-repeat 100%;
      width: 621px;
      height: 190px;
      display: flex;
      flex-direction: column;
      img{
        width: 64px;
        height: 64px;
      }
    }
    .techno-5-content4-1{
      display: flex;
      font-weight: bold;
      font-size: 22px;
      color: #1A1A1A;
      line-height: 24px;
      text-align: center;
      font-style: normal;
      text-transform: none;
      align-items: center;
      margin-left: 75px;
      margin-top: 27px;
    }
    .techno-5-content5{
      font-weight: 500;
      font-size: 16px;
      color: #666666;
      line-height: 28px;
      text-align: left;
      font-style: normal;
      text-transform: none;
      margin-left: 82px;
    }
  }
  .techno-6{
    background: #F2F5F7;
    border-radius: 0px 0px 0px 0px;

    .techno-6-title1 {
      padding-top: 24px;
      display: flex;
      -webkit-box-align: center;
      align-items: center;
      -webkit-box-pack: center;
      justify-content: center;
      font-weight: bold;
      font-size: 32px;
      color: #3a485a;
      margin-left: 40px;
      margin-right: 40px;
      padding-bottom: 20px;
      letter-spacing: 2px;
    }
    .techno-6-content{
      font-weight: 500;
      font-size: 16px;
      color: #666666;
      line-height: 28px;
      text-align: center;
      font-style: normal;
      text-transform: none;
    }
    .techno-6-content-1{
      background: #FFFFFF;
      border-radius: 0px 0px 0px 0px;
      border: 1px solid #DFE5F6;
      display: flex;
      height: 280px;
      align-items: center;
      justify-content: space-around;
      margin-top: 24px;
    }
    .techno-6-content-1-1{
      display: flex;
      flex-direction: column
    }
    .techno-6-content-left{
      display: flex;
      flex-direction: column;
    }
    .techno-6-content-right{
      display: flex;
      flex-direction: column;
    }
    .techno-6-content-2{
      background: url("../image/techno/techno-6.png") no-repeat 100%;
      width: 20px;
      height: 20px;
    }
    .techno-6-title2{
      font-weight: bold;
      font-size: 18px;
      color: #1A1A1A;
      line-height: 24px;
      text-align: center;
      font-style: normal;
      text-transform: none;
      margin-left: 15px;
    }
    .techno-6-content-3{
      font-weight: 500;
      font-size: 16px;
      color: #666666;
      line-height: 28px;
      text-align: left;
      font-style: normal;
      text-transform: none;
      margin-left: 35px;
      margin-top: 5px;
    }
  }
  .techno-7{
    .techno-7-title1 {
      padding-top: 64px;
      display: flex;
      -webkit-box-align: center;
      align-items: center;
      -webkit-box-pack: center;
      justify-content: center;
      font-weight: bold;
      font-size: 32px;
      color: #3a485a;
      margin-left: 40px;
      margin-right: 40px;
      padding-bottom: 20px;
      letter-spacing: 2px;
    }
    .techno-7-content{
      font-weight: 500;
      font-size: 16px;
      color: #666666;
      line-height: 28px;
      text-align: left;
      font-style: normal;
      text-transform: none;
      margin-top: 48px;
    }
    .techno-7-content1{
      display: flex;
      justify-content: space-around;
      margin-top: 80px;
    }
    .techno-7-content2{
      width: 378px;
      height: 228px;
      background: #FFFFFF;
      border: 1px solid #DFE5F6;
    }
    .techno-7-content2-1{
      background: url(../image/techno/techno-7.png) no-repeat;
      grid-template-columns: 1fr 1fr;
      font-weight: 800;
      color: #1A1A1A;
      text-align: left;
      height: 64px;
      align-content: center;
      img{
        margin-left: 24px;
      }
    }
    .techno-7-content2-2{
      font-weight: 500;
      font-size: 14px;
      color: #666666;
      line-height: 24px;
      text-align: left;
      font-style: normal;
      text-transform: none;
      margin-left: 24px;
      margin-top: 8px;
      padding-right: 20px;
    }
    .techno-7-content3{
      display: flex;
      justify-content: space-around;
      margin-top: 40px;
    }
    .techno-7-content4{
      font-weight: 500;
      font-size: 16px;
      color: #666666;
      line-height: 28px;
      text-align: left;
      font-style: normal;
      text-transform: none;
      margin-top: 24px;
    }
  }
  .techno-8{
    .techno-8-title1{
      padding-top: 80px;
      display: flex;
      -webkit-box-align: center;
      align-items: center;
      -webkit-box-pack: center;
      justify-content: center;
      font-weight: bold;
      font-size: 32px;
      color: #3a485a;
      margin-left: 40px;
      margin-right: 40px;
      padding-bottom: 20px;
      letter-spacing: 2px;
    }
    .techno-8-content{
      display: flex;
      align-items: center;
      margin-top: 120px;
    }
    .techno-8-content-1{
      display: flex;
      flex-direction: column;
      flex: 1;
      align-items: center;
    }
    .techno-8-content-2{
      font-weight: 500;
      font-size: 14px;
      color: #666666;
      line-height: 28px;
      text-align: center;
      font-style: normal;
      text-transform: none;
      height: 48px;
    }
    .techno-8-content-3{
      background: url("../image/techno/techno-8.png") no-repeat;
      width: 32px;
      height: 28px;
      margin-bottom: 40px;
    }
  }

  .techno-9{
    .techno-9-title1{
      padding-top: 104px;
      display: flex;
      -webkit-box-align: center;
      align-items: center;
      -webkit-box-pack: center;
      justify-content: center;
      font-weight: bold;
      font-size: 32px;
      color: #3a485a;
      margin-left: 40px;
      margin-right: 40px;
      padding-bottom: 20px;
      letter-spacing: 2px;
    }
    .techno-9-content{
      display: flex;
      align-items: center;
      margin-top: 80px;
    }
    .techno-9-content-1{
      display: flex;
      flex-direction: column;
      flex: 1;
      align-items: center;
    }
    .techno-9-content-2{
      font-weight: 500;
      font-size: 14px;
      color: #666666;
      line-height: 28px;
      text-align: center;
      font-style: normal;
      text-transform: none;
      height: 48px;
    }
    .techno-9-content-3{
      background: url("../image/techno/techno-8.png") no-repeat;
      width: 32px;
      height: 28px;
      margin-bottom: 40px;
    }
  }

  .about-5 {
    width: 100%;
    min-width: 1200px;
    height: 400px;
    background: #f0f2f5 url("../image/about/about-5.png") no-repeat 100%;
    background-size: 100% 100%;
  }

  .about-5 .about-5-head {
    padding-top: 64px;
  }

  .about-5 .about-5-head .about-5-title {
    font-weight: 400;
    font-size: 28px;
    text-align: center;
    color: #fff;
  }

  .about-5 .about-5-head .about-5-subtitle {
    margin-top: 14px;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
  }

  .about-5 .about-5-head .about-5-subtitle label {
    color: #b50000;
    cursor: pointer;
  }

  .about-5 .about-5-content {
    width: 100%;
    min-width: 1200px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .about-5 .about-5-content .gutter-example {
    width: 1200px;
    height: 230px;
    margin-top: 80px;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }

  .about-5 .about-5-content .gutter-example .space-align-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .about-5 .about-5-content .gutter-example .space-align-block img {
    width: 42px;
    height: 42px;
  }

  .about-5 .about-5-content .gutter-example .space-align-block .mock-block {
    margin-left: 10px;
  }

  .about-6 {
    width: 100%;
    min-width: 1200px;
    height: 100px;
    background: #f0f2f5 url("../image/about/about-6.png") no-repeat 100%;
    background-size: 100% 100%;
    text-align: center;
    line-height: 100px;
    font-style: normal;
    font-weight: 400;
    font-size: 28px;
    color: #e43f36;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;

    .about-6-button {
      background: #e43f36;
      border: 1px solid #e43f36;
      border-radius: 2px;
      width: 139px;
      height: 36px;
      line-height: 36px;
      font-weight: 400;
      font-size: 14px;
      text-align: center;
      color: #ffffff;
      margin-left: 32px;
      cursor: pointer;
    }
  }
}