/* index.css */
/* a {
    -webkit-text-decoration-color: inherit;
    text-decoration-color: inherit;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    -webkit-text-decoration-style: solid;
    text-decoration-style: solid;
    text-decoration-thickness: 1px;
    text-underline-offset: .2em;
    color: #c8322b
} */

.text-white a {
    color: #fff
}

/* 2023change */
/* button按钮change */
.btn {
    font-size: 1rem;
    font-family: "Proxima Nova W01", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: 600;
    line-height: 1.5;
    max-width: 25em;
    /* overflow: hidden; */
    padding: .625em 1.75em;
    position: relative;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    cursor: pointer
}

.btn {
    border-radius: 3px;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: inline-block;
    -webkit-transition: .2s all ease-out;
    transition: .2s all ease-out;
    background-color: #5a5b5c;
    border: 2px solid #5a5b5c;
    color: #fff
}

/* 2023change */
.btn:focus,
.btn:hover {
    text-decoration: none;
    /* background-color: #2d2d2e; */
    border-color: #2d2d2e;
    color: #fff
}

.text-white .btn {
    background-color: #fff;
    border: 2px solid #fff;
    color: #5a5b5c
}

.text-white .btn:focus,
.text-white .btn:hover {
    background-color: transparent;
    border-color: #fff;
    color: #fff
}


iframe {
    display: block
}

svg {
    fill: currentColor
}

.inner>.unit>:first-child {
    margin-top: 0
}


/*2024change*/
.site-footer {
    /*background-color: #5a5b5c;*/
    background-color: #821923;
    text-align: center;
    z-index: 600
}

.site-footer {
    position: relative
}

.site-footer .section-header {
    font-family: "Proxima Nova W01", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: 600;
    letter-spacing: normal;
    line-height: 1.625;
    color: #fff;
    margin-bottom: .5rem;
    margin-top: 0;
    font-size: 1.125rem
}

@media screen and (min-width:30em) {
    .site-footer .section-header {
        font-size: calc(1.125rem + .125 * ((100vw - 30rem)/ 50))
    }
}

@media screen and (min-width:80em) {
    .site-footer .section-header {
        font-size: 1.25rem
    }
}

.site-footer .section-header a {
    text-decoration: none
}

.site-footer .section-header a:focus,
.site-footer .section-header a:hover {
    color: #fff;
    text-decoration: underline
}

@media screen and (min-width:70em) {

    .site-footer .unit:last-child {
        padding-top: 1.5vmin
    }
}

.footer-links {
    list-style-type: none;
    margin-bottom: 0;
    padding-left: 0;
    font-size: .875rem;
    font-weight: 400;
    margin-top: 1rem
}

@media screen and (min-width:70em) {
    .footer-links {
        float: left;
        margin-top: .425rem
    }
}

.footer-links li {
    display: inline-block;
    margin: 0 1em;
    vertical-align: middle
}

@media screen and (min-width:70em) {
    .footer-links li {
        margin-left: 0
    }
}

.site-footer .social-media a {
    border-radius: 3px;
    display: inline-block;
    margin: .25em;
    padding: .25em;
    text-decoration: none;
    -webkit-transition: 150ms all ease-out;
    transition: 150ms all ease-out;
    vertical-align: middle
}

.site-footer .social-media a:focus,
.site-footer .social-media a:hover {
    background-color: rgba(255, 255, 255, .2)
}

.site-footer .social-media a:focus .icon,
.site-footer .social-media a:hover .icon {
    fill: #fff
}

.site-footer .social-media .icon {
    display: block;
    fill: rgba(255, 255, 255, .85);
    height: 1.75em;
    -webkit-transition: 150ms all ease-out;
    transition: 150ms all ease-out;
    width: 1.75em
}

@media screen and (min-width:70em) {
    .site-footer .social-media {
        float: right
    }

    .site-footer .social-media a {
        margin-left: 1em;
        margin-right: 0
    }
}



/* lity.css */
  @font-face {
    font-display: optional;
    font-family: Exo2-Bold;
    font-stretch: normal;
    font-style: normal;
    font-weight: 700;
    src: url("../font/Exo2-Bold.ttf") format("truetype")
  }

  @font-face {
    font-display: optional;
    font-family: Exo2-SemiBold;
    font-stretch: normal;
    font-style: normal;
    font-weight: 600;
    src: url("../font/Exo2-SemiBold.ttf") format("truetype")
  }

  @font-face {
    font-display: optional;
    font-family: Exo2-Medium;
    font-stretch: normal;
    font-style: normal;
    font-weight: 500;
    src: url("../font/Exo2-Medium.ttf") format("truetype")
  }

  @font-face {
    font-display: optional;
    font-family: Exo2-Regular;
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    src: url("../font/Exo2-Regular.ttf") format("truetype")
  }

  h2 {
    font-weight: 400;
    text-rendering: auto
  }

  *,
  :after,
  :before {
    box-sizing: border-box
  }


/* 2023change */
/* a, */
  body,
  div,
  footer,
  html,
  iframe,
  li,
  ul {
    margin: 0;
    padding: 0
  }

  :focus,
  a:active,
  a:focus,
  a:hover {
    outline: 0 none transparent
  }

  body,
  html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    min-height: 100%
  }

  html {
    -webkit-tap-highlight-color: transparent;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
  }

  ul {
    list-style-type: none
  }

  a {
    text-decoration: none
  }

  body {
    color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    font-family: Exo2-Medium, Helvetica, Arial, sans-serif;
    font-size: 16px;
    min-height: 100%;
    overflow: hidden;
    overflow-y: auto
  }

  body,
  html {
    margin: 0
  }

  html {
    height: 100%;
    scroll-behavior: smooth;
    touch-action: manipulation
  }

  select:-internal-autofill-selected,
  select:-internal-autofill-selected:active,
  select:-internal-autofill-selected:focus,
  select:-internal-autofill-selected:hover {
    box-shadow: inset 0 0 0 1000px #fff !important
  } */

  .homepage-blog {
    overflow: hidden;
    padding-bottom: 30px;
    padding-top: 30px
  }


  



  









  












  /* 2024change */
  /*2024change*/
.site-footer {
    /*background-color: #5a5b5c;*/
    background-color: #821923;
    text-align: center;
    z-index: 600
}

.site-footer,
.site-footer .blog-signup .hs-form {
    position: relative
}

.site-footer .section-header {
    font-family: "Proxima Nova W01", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: 600;
    letter-spacing: normal;
    line-height: 1.625;
    color: #fff;
    margin-bottom: .5rem;
    margin-top: 0;
    font-size: 1.125rem
}

@media screen and (min-width:30em) {
    .site-footer .section-header {
        font-size: calc(1.125rem + .125 * ((100vw - 30rem)/ 50))
    }

    .site-footer .blog-signup .form-field,
    .site-footer .blog-signup .hs-form-field {
        width: 20em
    }
}

@media screen and (min-width:80em) {
    .site-footer .section-header {
        font-size: 1.25rem
    }
}

.spec-sheet-pdf-project .site-footer .section-header,
.text-white .site-footer .section-header {
    color: #fff
}

.site-footer .section-header a {
    text-decoration: none
}

.site-footer .section-header a:focus,
.site-footer .section-header a:hover {
    color: #fff;
    text-decoration: underline
}

.site-footer .blog-signup .form-field,
.site-footer .blog-signup .hs-form-field {
    margin-left: auto;
    margin-right: auto;
    position: relative
}

.footer-links {
    list-style-type: none;
    margin-bottom: 0;
    padding-left: 0;
    font-size: .875rem;
    font-weight: 400;
    margin-top: 1rem
}

@media screen and (min-width:70em) {
    .footer-links {
        float: left;
        margin-top: .425rem
    }
}

.footer-links li {
    display: inline-block;
    margin: 0 1em;
    vertical-align: middle
}

@media screen and (min-width:70em) {
    .footer-links li {
        margin-left: 0
    }
}

.site-footer .social-media a {
    border-radius: 3px;
    display: inline-block;
    margin: .25em;
    padding: .25em;
    text-decoration: none;
    -webkit-transition: 150ms all ease-out;
    transition: 150ms all ease-out;
    vertical-align: middle
}

.site-footer .social-media a:focus,
.site-footer .social-media a:hover {
    background-color: rgba(255, 255, 255, .2)
}

.site-footer .social-media a:focus .icon,
.site-footer .social-media a:hover .icon {
    fill: #fff
}

.site-footer .social-media .icon {
    display: block;
    fill: rgba(255, 255, 255, .85);
    height: 1.75em;
    -webkit-transition: 150ms all ease-out;
    transition: 150ms all ease-out;
    width: 1.75em
}

@media screen and (min-width:70em) {
    .header-search-options {
        display: none
    }

    .site-footer .unit:last-child {
        padding-top: 1.5vmin
    }

    .site-footer .blog-signup .form-field,
    .site-footer .blog-signup .hs-form-field {
        width: 100%
    }

    .site-footer .blog-signup .hs-error-msgs label {
        font-size: 1rem;
        font-weight: 400
    }
}

@media screen and (min-width:80em) {

    .site-footer .blog-signup .form-field,
    .site-footer .blog-signup .hs-form-field {
        width: 20em
    }
}

.site-footer .blog-signup .hs-input {
    max-width: none
}

.site-footer .blog-signup .subscribe-to-email-desc {
    margin: 1em 0
}

.site-footer .blog-signup label {
    display: none
}

.site-footer .blog-signup .hs-error-msgs label {
    font-size: 1rem;
    font-weight: 400;
    color: #5a5b5c;
    display: block;
    letter-spacing: inherit;
    line-height: inherit;
    margin: 0;
    text-transform: none
}

.site-footer .blog-signup .hs-error-msgs label a {
    color: #c8322b
}

.site-footer .blog-signup .hs-error-msgs label a:focus,
.site-footer .blog-signup .hs-error-msgs label a:hover {
    color: #2d2d2e
}

.site-footer .blog-signup .hs-error-msgs {
    list-style-type: none;
    margin-bottom: 0;
    background-color: #fff;
    -webkit-box-shadow: 0 0 24px rgba(45, 45, 46, .1);
    box-shadow: 0 0 24px rgba(45, 45, 46, .1);
    border-radius: 3px;
    left: 50%;
    margin-top: .25em;
    padding: 1rem;
    position: absolute;
    top: 100%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 85%
}

.site-footer .blog-signup .hs-error-msgs:after {
    border-color: transparent transparent #fff;
    border-style: solid;
    border-width: 0 8px 8px;
    content: '';
    height: 0;
    left: 50%;
    margin-left: -4px;
    position: absolute;
    top: -8px;
    width: 0
}

.site-footer .blog-signup .hs-button,
.site-footer .blog-signup button {
    background-color: transparent;
    background-image: url(../image/arrow-footer.svg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 5px 10px;
    border: 1px solid #fff;
    border-radius: 100%;
    bottom: .75em;
    height: 1.5em;
    padding: 0;
    position: absolute;
    right: .5em;
    width: 1.5em;
    overflow: hidden;
    text-indent: -200px
}

@media screen and (min-width:30em) {

    .site-footer .blog-signup .hs-button,
    .site-footer .blog-signup button {
        right: auto;
        left: 50%;
        margin-left: 8em
    }
}

@media screen and (min-width:70em) {

    .site-footer .blog-signup .hs-button,
    .site-footer .blog-signup button {
        right: .5em;
        left: auto;
        margin-left: 0
    }
}

@media screen and (min-width:80em) {

    .site-footer .blog-signup .hs-button,
    .site-footer .blog-signup button {
        right: auto;
        left: 50%;
        margin-left: 8em
    }
}

.site-footer .blog-signup .hs-button svg,
.site-footer .blog-signup button svg {
    display: block;
    fill: #fff;
    height: .625em;
    margin: 0 auto;
    width: .3125em
}

.site-footer .blog-signup .hs-button:focus,
.site-footer .blog-signup .hs-button:hover,
.site-footer .blog-signup button:focus,
.site-footer .blog-signup button:hover {
    background-color: #fff;
    background-image: url(../image/arrow-footer-hover.svg)
}

.site-footer .blog-signup .hs-button:focus svg,
.site-footer .blog-signup .hs-button:hover svg,
.site-footer .blog-signup button:focus svg,
.site-footer .blog-signup button:hover svg {
    fill: #5a5b5c
}

.site-footer input:not([type]),
.site-footer input[type=text],
.site-footer input[type=password],
.site-footer input[type=date],
.site-footer input[type=datetime],
.site-footer input[type=datetime-local],
.site-footer input[type=month],
.site-footer input[type=week],
.site-footer input[type=email],
.site-footer input[type=tel],
.site-footer input[type=time],
.site-footer input[type=url],
.site-footer input[type=color],
.site-footer input[type=number],
.site-footer input[type=search],
.site-footer select,
.site-footer textarea {
    background-color: rgba(255, 255, 255, .1);
    border: none;
    color: #fff;
    padding: .875em 3em .875em 1em
}

.site-footer input::-webkit-input-placeholder,
.site-footer textarea::-webkit-input-placeholder {
    color: #fff
}

.site-footer input:-moz-placeholder,
.site-footer textarea:-moz-placeholder {
    color: #fff;
    opacity: 1
}

.site-footer input::-moz-placeholder,
.site-footer textarea::-moz-placeholder {
    color: #fff;
    opacity: 1
}

.site-footer input:-ms-input-placeholder,
.site-footer textarea:-ms-input-placeholder {
    color: #fff
}



@media screen and (min-width: 70em){
.section-padded {
    padding-bottom: 0vmin;
    padding-top: 0vmin;
}
}

@media screen and (min-width: 70em){
.inner {
    padding-left: 1.5vmin;
    padding-right: 1.5vmin;
    padding-top: 3vmin;
}
.inner {
    margin-left: auto;
    margin-right: auto;
    max-width: 100rem;
    display: flex;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 2.5vmin;
    padding-right: 2.5vmin;
    /* padding-top: 5vmin; */
    padding-top: 3vmin;
}
.inner, .inner-full {
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-flex: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
}
}


/* 这里和顶部不兼容 */
/* @media screen and (min-width: 70em) and (min-width: 70em){
.unit.charlie-size1of3, .unit.size1of3 {
    padding-left: 1.5vmin;
    padding-right: 1.5vmin;
}}
@media screen and (min-width: 70em){
.unit.charlie-size1of3, .unit.size1of3 {
    -ms-flex-preferred-size: 33.33333%;
    flex-basis: 33.33333%;
    max-width: 33.33333%;
    float: left;
    padding-left: 2.5vmin;
    padding-right: 2.5vmin;
}}

@media screen and (min-width: 70em) and (min-width: 70em){
.unit[class*=" size"], .unit[class*=" charlie-size"] {
    padding-left: 1.5vmin;
    padding-right: 1.5vmin;
    padding-bottom: 3vmin;
}}
@media screen and (min-width: 70em){
.unit[class*=" size"], .unit[class*=" charlie-size"] {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-left: 2.5vmin;
    padding-right: 2.5vmin;
    padding-bottom: 5vmin;
}}
@media screen and (min-width: 70em){
.inner-full>.unit, .inner-narrow>.unit, .inner-wide>.unit, .inner>.unit {
    padding-left: 1.5vmin;
    padding-right: 1.5vmin;
    padding-bottom: 3vmin;
}
.inner-full>.unit, .inner-narrow>.unit, .inner-wide>.unit, .inner>.unit {
    padding-bottom: 5vmin;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
    padding-left: 2.5vmin;
    padding-right: 2.5vmin;
}
} */


.full-content>:first-child, .inner-full>.unit>:first-child, .inner-narrow>.unit>:first-child, .inner-wide>.unit>:first-child, .inner>.unit>:first-child, .m-t-0, .narrow-content>:first-child {
    margin-top: 0;
}
.text-white a {
    color: #fff;
}
/* a {
    -webkit-text-decoration-color: inherit;
    text-decoration-color: inherit;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    -webkit-text-decoration-style: solid;
    text-decoration-style: solid;
    text-decoration-thickness: 1px;
    text-underline-offset: 0.2em;
    color: #c8322b;
} */


.unit.default-size1of3 {
    -ms-flex-preferred-size: 33.33333%;
    flex-basis: 33.33333%;
    max-width: 33.33333%;
    float: left;
    padding-left: 2.5vmin;
    padding-right: 2.5vmin
}

@media screen and (min-width:70em) {
    .unit.default-size1of3 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}
@media screen and (min-width:30em) {
    .unit.alpha-size1of3 {
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
        max-width: 33.33333%;
        float: left;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin
    }
}

@media screen and (min-width:30em) and (min-width:70em) {
    .unit.alpha-size1of3 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}
@media screen and (min-width:56em) {
    .unit.bravo-size1of3 {
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
        max-width: 33.33333%;
        float: left;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin
    }
}

@media screen and (min-width:56em) and (min-width:70em) {
    .unit.bravo-size1of3 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}

@media screen and (min-width:70em) {

    .unit.charlie-size1of3,
    .unit.size1of3 {
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
        max-width: 33.33333%;
        float: left;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin
    }
}

@media screen and (min-width:70em) and (min-width:70em) {

    .unit.charlie-size1of3,
    .unit.size1of3 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}
@media screen and (min-width:80em) {
    .unit.delta-size1of3 {
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
        max-width: 33.33333%;
        float: left;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin
    }
}

@media screen and (min-width:80em) and (min-width:70em) {
    .unit.delta-size1of3 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}
@media screen and (min-width:110em) {
    .unit.echo-size1of3 {
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
        max-width: 33.33333%;
        float: left;
        padding-left: 2.5vmin;
        padding-right: 2.5vmin
    }
}

@media screen and (min-width:110em) and (min-width:70em) {
    .unit.echo-size1of3 {
        padding-left: 1.5vmin;
        padding-right: 1.5vmin
    }
}