* {
    margin:0;
    padding:0;
    box-sizing:border-box
   }
   .content {
    max-width:1600px;
    margin:0 auto;
    position:relative
   }
   .largecontent {
    max-width:100%;
    padding:0 4rem
   }
   html {
    scroll-behavior:smooth
   }
   .flex {
    display:flex
   }
   .wrap {
    flex-wrap:wrap
   }
   .flex1 {
    flex:1
   }
   .flex2 {
    flex:2
   }
   .flex3 {
    flex:3
   }
   .between {
    justify-content:space-between
   }
   .center {
    text-align:center
   }
   .boxshadow {
    box-shadow:0 0 15px rgba(0,0,0,.1);
    background:#fff
   }
   .vertical {
    display:flex;
    flex-direction:column;
    justify-content:center
   }
   :root {
    --theme_color:#000000;
    --subtheme_color:#ff0000;
    --title_color:#242424;
    --content_color:#666666
   }
   ul {
    list-style:none
   }
   a {
    color:var(--title_color);
    text-decoration:none;
    font-size:1rem
   }
   i {
    font-style:normal
   }
   .swiper_box {
    position:relative
   }
   .swiper_content {
    max-width:1620px;
    margin:0 auto;
    position:relative;
    padding:10px;
    overflow:hidden
   }
   button,
   input,
   textarea {
    outline:none;
    border:none;
    font-family:unset
   }
   input[type="submit"],
   button {
    cursor:pointer
   }
   textarea {
    resize:none
   }
   input[type="number"] {
    -moz-appearance:textfield
   }
   input[type=number]::-webkit-inner-spin-button,
   input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance:none;
    margin:0
   }
   select {
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    font-family:unset
   }
   .center {
    text-align:center
   }
   .flex_start {
    justify-content:flex-start
   }
   .flex_center {
    justify-content:center
   }
   .flex_end {
    justify-content:flex-end
   }
   .flex_top {
    align-items:flex-start
   }
   .flex_middle {
    align-items:center
   }
   .flex_bottom {
    align-items:flex-end
   }
   body {
    color:var(--title_color);
    font-family:'Plus Jakarta Sans',sans-serif
   }
   body.fixed {
    overflow:hidden;
    padding-right:17px
   }
   .only_mobile {
    display:none
   }
   .content .content {
    padding:0
   }
   .gap {
    gap:1.25rem
   }
   .head h2 {
    font-size:55px;
    font-weight:700;
    line-height:62px
   }
   .head h2 span {
    color:var(--subtheme_color)
   }
   .button_more {
    display:inline-block;
    border-radius:100px;
    background-color:#eff3f7;
    font-size:20px;
    font-weight:600;
    text-align:center;
    position:relative;
    padding:18px 82px 21px 32px;
    transition:all 0.4s;
    overflow:hidden
   }
   .button_more:hover {
    color:#fff;
    padding:18px 57px 21px;
    background-color:var(--theme_color)
   }
   .button_more:hover::after {
    transform:translate(calc(100% + 6px)) scale(.8)
   }
   .button_more::after {
    content:'';
    display:block;
    width:3rem;
    height:3rem;
    transition:all 0.3s;
    background:url(../images/arrow-blue-full-r.svg) no-repeat center / contain;
    border-radius:50%;
    position:absolute;
    right:6px;
    top:.5rem
   }
   .view_more {
    display:flex;
    gap:20px;
    align-items:center;
    font-size:24px;
    font-weight:600;
    background-color:transparent
   }
   .view_more::after {
    content:'';
    display:block;
    width:76px;
    height:76px;
    background:url(../images/arrow-btn.svg) no-repeat center / contain;
    transition:all 0.3s
   }
   .view_more:hover::after {
    transform:scale(1.1)
   }
   .learn_more {
    display:inline-block;
    border-radius:100px;
    background-color:var(--subtheme_color);
    font-size:20px;
    font-weight:500;
    color:#fff;
    text-align:center;
    position:relative;
    padding:18px 71px 21px 28px;
    transition:all 0.4s;
    overflow:hidden
   }
   .learn_more:hover {
    padding:18px 49.5px 21px;
    box-shadow:0 0 8px var(--subtheme_color)
   }
   .learn_more:hover::after {
    transform:translate(calc(100% + 6px)) scale(.8)
   }
   .learn_more::after {
    content:'';
    display:block;
    width:3rem;
    height:3rem;
    transition:all 0.3s;
    background:url(../images/arrow-green-r.svg) no-repeat center / contain;
    border-radius:50%;
    position:absolute;
    right:6px;
    top:.5rem
   }
   .quality_banner {
    background-color:var(--theme_color);
    position:relative;
    z-index:9
   }
   .quality_banner .main {
    max-width:1920px;
    margin:0 auto;
    background:url(../images/ssdtp-banner-bg.svg) no-repeat center / cover;
    overflow:hidden
   }
   .quality_banner .main .flex {
    gap:4.875%
   }
   .quality_banner .head {
    min-width:45.3125%;
    color:#fff;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:flex-start;
    padding:162px 0
   }
   .quality_banner .head h1 {
    font-size:40px;
    font-weight:700;
    line-height:50px
   }
   .quality_banner .head p {
    opacity:.86;
    font-size:23px;
    line-height:39px;
    font-weight:300;
    margin-top:20px
   }
   .quality_banner .img {
    min-width:60.875%;
    min-height:988px;
    overflow:hidden
   }
   .quality_banner .img img {
    width:100%;
    height:100%;
    object-fit:cover
   }
   .quality_banner .nav {
    max-width:1920px;
    width:100%;
    position:absolute;
    left:50%;
    top:100%;
    transform:translateX(-50%)
   }
   .quality_banner .nav ul {
    display:flex;
    gap:8px;
    flex-wrap:wrap
   }
   .quality_banner .nav ul li {
    flex:1
   }
   .quality_banner .nav ul li a {
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    width:100%;
    height:100%;
    background-color:#fff;
    transition:all 0.3s;
    color:var(--content_color);
    font-size:20px;
    line-height:36px;
    min-height:102px;
    padding:1rem
   }
   .quality_banner .nav ul li.active a,
   .quality_banner .nav ul li:hover a {
    background-color:var(--theme_color);
    color:#fff
   }
   .quality_banner.noimg .main {
    max-width:unset
   }
   .quality_banner.noimg .head {
    max-width:725px;
    min-width:unset;
    min-height:988px
   }
   @media screen and (max-width:786px) {
    .content {
     padding:0 1.2rem
    }
    .swiper_content {
     padding:10px 1.2rem
    }
    .obly_mobile {
     display:block
    }
    .head .subtitle {
     font-size:14px
    }
    .head h1 {
     font-size:25px;
     line-height:1.5
    }
    .head h2 {
     font-size:22px;
     line-height:1.5
    }
    .head p {
     font-size:.9rem;
     line-height:1.5rem
    }
    .video_pop {
     padding:0
    }
    .video_pop .pop_content {
     max-width:100%;
     width:calc(100% - 2.4rem)
    }
    .video_pop .pop_content iframe {
     width:100%;
     min-height:unset
    }
    .button_more,
    .learn_more {
     font-size:14px!important;
     padding:10px 3rem 12px 1rem!important
    }
    .button_more::after,
    .learn_more::after {
     width:2rem!important;
     height:2rem!important;
     top:4px!important;
     right:4px!important
    }
    .button_more:hover,
    .learn_more:hover {
     padding:10px 2rem 12px!important
    }
    .view_more {
     font-size:14px;
     gap:8px
    }
    .view_more::after {
     width:2.5rem;
     height:2.5rem
    }
    .quality_banner .content {
     padding:0
    }
    .quality_banner .main .flex {
     flex-direction:column-reverse
    }
    .quality_banner .main .img {
     min-height:unset;
     height:200px
    }
    .quality_banner .main .head {
     padding:3rem 1.2rem
    }
    .quality_banner .main .head h1 {
     font-size:25px;
     line-height:1.5
    }
    .quality_banner .main .head p {
     font-size:.9rem;
     line-height:1.5rem;
     margin-top:.5rem
    }
    .quality_banner .nav {
     position:static;
     transform:translate(0)
    }
    .quality_banner .nav ul {
     overflow:auto;
     flex-wrap:nowrap
    }
    .quality_banner .nav ul li {
     min-width:max-content
    }
    .quality_banner .nav ul li a {
     font-size:14px;
     padding:14px;
     min-height:40px
    }
    .quality_banner.noimg {
     background-color:#ebf0f2
    }
    .quality_banner.noimg .head {
     min-height:300px;
     padding:6rem 1.2rem 3rem
    }
   }
   @media screen and (min-width:786px) and (max-width:1600px) {
    .content {
     padding:0 1.2rem;
     max-width:1440px
    }
    .swiper_content {
     padding:10px 1.2rem;
     max-width:1460px
    }
   }
   @media screen and (min-width:786px) and (max-width:1440px) {
    .content {
     max-width:1220px
    }
    .swiper_content {
     max-width:1240px
    }
   }
   @media screen and (min-width:786px) and (max-width:1220px) {
    .content {
     max-width:1000px
    }
    .swiper_content {
     max-width:1020px
    }
   }
   @media screen and (min-width:786px) and (max-width:1000px) {
    .content {
     max-width:786px
    }
    .swiper_content {
     max-width:806px
    }
   }
   .button_more::after {
    content:'';
    display:block;
    width:3rem;
    height:3rem;
    transition:all 0.3s;
    background:url(../images/arrow-blue-full-r.svg) no-repeat center / contain;
    border-radius:50%;
    position:absolute;
    right:6px;
    top:.5rem
   }
   .view_more::after {
    content:'';
    display:block;
    width:76px;
    height:76px;
    background:url(../images/arrow-btn.svg) no-repeat center / contain;
    transition:all 0.3s
   }
   .learn_more::after {
    content:'';
    display:block;
    width:3rem;
    height:3rem;
    transition:all 0.3s;
    background:url(../images/arrow-green-r.svg) no-repeat center / contain;
    border-radius:50%;
    position:absolute;
    right:6px;
    top:.5rem
   }
   .security_main2 {
    padding:130px 0 110px
   }
   .security_main2.bg {
    background-color:#ebf0f2
   }
   .security_main2.bg .main .application {
    background-color:#fff
   }
   .security_main2.first {
    padding-top:232px
   }
   .security_main2 .head h2 {
    font-size:46px;
    font-weight:700
   }
   .security_main2 .main {
    margin-top:90px
   }
   .security_main2 .main .application {
    background-color:#f4f4f4
   }
   .applications .application {
    background-color:#fff
   }
   .applications .application .con {
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    padding:3.7163% 4.28%;
    gap:1.25rem
   }
   .applications .application .con:hover img {
    transform:scale(1.05)
   }
   .applications .application .img {
    width:256px;
    aspect-ratio:1/1;
    overflow:hidden
   }
   .applications .application .img img {
    width:100%;
    height:100%;
    object-fit:cover;
    transition:all 0.5s
   }
   .applications .application .info {
    flex:1;
    max-width:506px;
    padding-top:14px
   }
   .applications .application .info strong {
    color:var(--theme_color);
    font-size:34px;
    font-weight:700
   }
   .applications .application .info p {
    color:var(--content_color);
    font-size:20px;
    line-height:36px;
    margin-top:24px
   }
   .applications {
    width:calc(100% - 2.4rem);
    max-width:1808px;
    margin:0 auto;
    display:grid;
    gap:2rem;
    grid-template-columns:repeat(2,1fr)
   }
   #38V7FI .security_main2 {
    margin-top:50px;
    padding-top:130px;
    padding-bottom:110px
   }
   @media screen and (max-width:786px) {
    #38V7FI .security_main2 {
    }
   }
   @media screen and (max-width:786px) {
    .content {
     padding:0 1.2rem
    }
    .security_main2 {
     padding:4rem 0!important
    }
    .security_main2 .head h2 {
     font-size:22px;
     line-height:1.5
    }
    .security_main2 .main {
     margin-top:2rem
    }
   }
   @media screen and (min-width:786px) and (max-width:1600px) {
    .content {
     padding:0 1.2rem;
     max-width:1440px
    }
   }
   @media screen and (min-width:786px) and (max-width:1440px) {
    .content {
     max-width:1220px
    }
   }
   @media screen and (min-width:786px) and (max-width:1220px) {
    .content {
     max-width:1000px
    }
   }
   @media screen and (min-width:786px) and (max-width:1000px) {
    .content {
     max-width:786px
    }
   }
   .button_more::after {
    content:'';
    display:block;
    width:3rem;
    height:3rem;
    transition:all 0.3s;
    background:url(../images/arrow-blue-full-r.svg) no-repeat center / contain;
    border-radius:50%;
    position:absolute;
    right:6px;
    top:.5rem
   }
   .view_more::after {
    content:'';
    display:block;
    width:76px;
    height:76px;
    background:url(../images/arrow-btn.svg) no-repeat center / contain;
    transition:all 0.3s
   }
   .learn_more::after {
    content:'';
    display:block;
    width:3rem;
    height:3rem;
    transition:all 0.3s;
    background:url(../images/arrow-green-r.svg) no-repeat center / contain;
    border-radius:50%;
    position:absolute;
    right:6px;
    top:.5rem
   }
   .security_main {
    padding:130px 0 110px
   }
   .security_main.bg {
    background-color:#ebf0f2
   }
   .security_main.bg .main .application {
    background-color:#fff
   }
   .security_main.first {
    padding-top:232px
   }
   .security_main .head h2 {
    font-size:46px;
    font-weight:700
   }
   .security_main .main {
    margin-top:90px
   }
   .security_main .main .application {
    background-color:#f4f4f4
   }
   @media screen and (max-width:786px) {
    .content {
     padding:0 1.2rem
    }
    .security_main {
     padding:4rem 0!important
    }
    .security_main .head h2 {
     font-size:22px;
     line-height:1.5
    }
    .security_main .main {
     margin-top:2rem
    }
   }
   @media screen and (min-width:786px) and (max-width:1600px) {
    .content {
     padding:0 1.2rem;
     max-width:1440px
    }
   }
   @media screen and (min-width:786px) and (max-width:1440px) {
    .content {
     max-width:1220px
    }
   }
   @media screen and (min-width:786px) and (max-width:1220px) {
    .content {
     max-width:1000px
    }
   }
   @media screen and (min-width:786px) and (max-width:1000px) {
    .content {
     max-width:786px
    }
   }
   @media screen and (max-width:786px) {
    .content {
     padding:0 1.2rem
    }
   }
   @media screen and (min-width:786px) and (max-width:1600px) {
    .content {
     padding:0 1.2rem;
     max-width:1440px
    }
   }
   @media screen and (min-width:786px) and (max-width:1440px) {
    .content {
     max-width:1220px
    }
   }
   @media screen and (min-width:786px) and (max-width:1220px) {
    .content {
     max-width:1000px
    }
   }
   @media screen and (min-width:786px) and (max-width:1000px) {
    .content {
     max-width:786px
    }
   }
   @media screen and (max-width:786px) {
    .content {
     padding:0 1.2rem
    }
   }
   @media screen and (min-width:786px) and (max-width:1600px) {
    .content {
     padding:0 1.2rem;
     max-width:1440px
    }
   }
   @media screen and (min-width:786px) and (max-width:1440px) {
    .content {
     max-width:1220px
    }
   }
   @media screen and (min-width:786px) and (max-width:1220px) {
    .content {
     max-width:1000px
    }
   }
   @media screen and (min-width:786px) and (max-width:1000px) {
    .content {
     max-width:786px
    }
   }
   @media screen and (max-width:786px) {
    .content {
     padding:0 1.2rem
    }
   }
   @media screen and (min-width:786px) and (max-width:1600px) {
    .content {
     padding:0 1.2rem;
     max-width:1440px
    }
   }
   @media screen and (min-width:786px) and (max-width:1440px) {
    .content {
     max-width:1220px
    }
   }
   @media screen and (min-width:786px) and (max-width:1220px) {
    .content {
     max-width:1000px
    }
   }
   @media screen and (min-width:786px) and (max-width:1000px) {
    .content {
     max-width:786px
    }
   }
   @media screen and (max-width:786px) {
    .content {
     padding:0 1.2rem
    }
   }
   @media screen and (min-width:786px) and (max-width:1600px) {
    .content {
     padding:0 1.2rem;
     max-width:1440px
    }
   }
   @media screen and (min-width:786px) and (max-width:1440px) {
    .content {
     max-width:1220px
    }
   }
   @media screen and (min-width:786px) and (max-width:1220px) {
    .content {
     max-width:1000px
    }
   }
   @media screen and (min-width:786px) and (max-width:1000px) {
    .content {
     max-width:786px
    }
   }
   .button_more::after {
    content:'';
    display:block;
    width:3rem;
    height:3rem;
    transition:all 0.3s;
    background:url(../images/arrow-blue-full-r.svg) no-repeat center / contain;
    border-radius:50%;
    position:absolute;
    right:6px;
    top:.5rem
   }
   .view_more::after {
    content:'';
    display:block;
    width:76px;
    height:76px;
    background:url(../images/arrow-btn.svg) no-repeat center / contain;
    transition:all 0.3s
   }
   .learn_more::after {
    content:'';
    display:block;
    width:3rem;
    height:3rem;
    transition:all 0.3s;
    background:url(../images/arrow-green-r.svg) no-repeat center / contain;
    border-radius:50%;
    position:absolute;
    right:6px;
    top:.5rem
   }
   .quality_standard {
    background-color:#ebf0f2;
    padding:104px 0 112px
   }
   .quality_standard.bg {
    background-color:var(--theme_color)
   }
   .quality_standard.bg .head h2 {
    color:#fff
   }
   .quality_standard.bg .head p {
    color:#fff
   }
   .quality_standard .head {
    max-width:1313px;
    margin:0 auto
   }
   .quality_standard .head p {
    color:var(--content_color);
    font-size:20px;
    line-height:36px;
    margin-top:28px
   }
   .quality_standard .swiper_box {
    margin-top:58px
   }
   .quality_standard .swiper_box .swiper_btns {
    width:98%;
    max-width:1834px;
    position:absolute;
    left:50%;
    top:50%;
    z-index:2;
    transform:translate(-50%,-50%)
   }
   .quality_standard .swiper_box .swiper_btns div {
    width:76px;
    height:76px;
    background:url(../images/arrow-btn.svg) no-repeat center / contain;
    transition:all 0.3s;
    cursor:pointer;
    position:absolute;
    left:0;
    top:0;
    transform:translateY(-50%) rotate(180deg)
   }
   .quality_standard .swiper_box .swiper_btns div:hover {
    transform:translateY(-50%) rotate(180deg) scale(1.1)
   }
   .quality_standard .swiper_box .swiper_btns div.swiper-button-disabled {
    pointer-events:none
   }
   .quality_standard .swiper_box .swiper_btns .btn_next {
    left:unset;
    right:0;
    transform:translateY(-50%)
   }
   .quality_standard .swiper_box .swiper_btns .btn_next:hover {
    transform:translateY(-50%) scale(1.1)
   }
   .quality_standard .quality_standard_swiper .swiper-slide {
    background-color:#fff;
    border-radius:20px;
    overflow:hidden;
    aspect-ratio:303/408;
    padding:1.8125% 1% 1.625% 1%;
    transition:all 0.3s
   }
   .quality_standard .quality_standard_swiper .swiper-slide:hover {
    box-shadow:0 0 15px rgba(0,0,0,.2)
   }
   .quality_standard .quality_standard_swiper .swiper-slide img {
    width:100%;
    height:100%;
    object-fit:contain
   }
   @media screen and (max-width:786px) {
    .content {
     padding:0 1.2rem
    }
    .quality_standard {
     padding:4rem 0
    }
    .quality_standard .head p {
     font-size:.9rem;
     line-height:1.5rem;
     margin-top:.5rem
    }
    .quality_standard .swiper_btns {
     display:none
    }
    .quality_standard .swiper_box {
     margin-top:22px
    }
    .quality_standard .quality_standard_swiper .swiper-slide {
     padding:1rem .7rem .7rem
    }
   }
   @media screen and (min-width:786px) and (max-width:1600px) {
    .content {
     padding:0 1.2rem;
     max-width:1440px
    }
   }
   @media screen and (min-width:786px) and (max-width:1440px) {
    .content {
     max-width:1220px
    }
   }
   @media screen and (min-width:786px) and (max-width:1220px) {
    .content {
     max-width:1000px
    }
   }
   @media screen and (min-width:786px) and (max-width:1000px) {
    .content {
     max-width:786px
    }
   }
   .button_more::after {
    content:'';
    display:block;
    width:3rem;
    height:3rem;
    transition:all 0.3s;
    background:url(../images/arrow-blue-full-r.svg) no-repeat center / contain;
    border-radius:50%;
    position:absolute;
    right:6px;
    top:.5rem
   }
   .view_more::after {
    content:'';
    display:block;
    width:76px;
    height:76px;
    background:url(../images/arrow-btn.svg) no-repeat center / contain;
    transition:all 0.3s
   }
   .learn_more::after {
    content:'';
    display:block;
    width:3rem;
    height:3rem;
    transition:all 0.3s;
    background:url(../images/arrow-green-r.svg) no-repeat center / contain;
    border-radius:50%;
    position:absolute;
    right:6px;
    top:.5rem
   }
   .security_test {
    padding:110px 0
   }
   .security_test .head {
    flex:1;
    max-width:680px
   }
   .security_test .head h2 {
    font-size:46px;
    font-weight:700
   }
   .security_test .head p {
    color:var(--content_color);
    font-size:20px;
    line-height:36px;
    margin-top:36px
   }
   .security_test .head ul {
    margin-top:62px;
    column-count:2;
    column-gap:1rem
   }
   .security_test .head ul li {
    font-size:18px;
    font-weight:600;
    line-height:46px;
    padding-left:30px;
    position:relative
   }
   .security_test .head ul li::before {
    content:'';
    display:block;
    width:1rem;
    height:12px;
    background:url(../images/gou.svg) no-repeat center / contain;
    position:absolute;
    left:0;
    top:20px
   }
   .security_test .right {
    width:49.25%
   }
   .security_test .right .items {
    display:grid;
    gap:20px;
    grid-template-columns:repeat(2,1fr)
   }
   .security_test .right .items .item {
    border:1px solid var(--theme_color);
    border-radius:1rem;
    padding:1rem
   }
   .security_test .right .items .item .logo {
    margin-top:34px;
    height:50px
   }
   .security_test .right .items .item .logo img {
    width:100%;
    height:100%;
    object-fit:contain
   }
   .security_test .right .items .item ul {
    margin:38px 0 30px
   }
   .security_test .right .items .item ul li {
    text-align:center;
    color:var(--content_color);
    font-size:20px;
    line-height:36px
   }
   @media screen and (max-width:786px) {
    .content {
     padding:0 1.2rem
    }
    .security_test {
     padding:4rem 0
    }
    .security_test .flex {
     display:block
    }
    .security_test .head h2 {
     font-size:22px;
     line-height:1.5
    }
    .security_test .head p {
     font-size:.9rem;
     line-height:1.5rem;
     margin-top:.5rem
    }
    .security_test .head ul {
     margin-top:1.25rem
    }
    .security_test .head ul li {
     font-size:.9rem;
     line-height:1.5rem;
     padding-left:1rem
    }
    .security_test .head ul li::before {
     width:12px;
     height:12px;
     top:6px
    }
    .security_test .right {
     width:100%;
     margin-top:2rem
    }
    .security_test .right .items {
     display:flex;
     gap:1rem;
     overflow:auto
    }
    .security_test .right .items .item {
     min-width:70%
    }
    .security_test .right .items .item .logo {
     margin-top:1rem;
     height:2rem
    }
    .security_test .right .items .item ul {
     margin:1.25rem 0 0
    }
    .security_test .right .items .item ul li {
     font-size:.9rem;
     line-height:1.5rem
    }
   }
   @media screen and (min-width:786px) and (max-width:1600px) {
    .content {
     padding:0 1.2rem;
     max-width:1440px
    }
   }
   @media screen and (min-width:786px) and (max-width:1440px) {
    .content {
     max-width:1220px
    }
   }
   @media screen and (min-width:786px) and (max-width:1220px) {
    .content {
     max-width:1000px
    }
   }
   @media screen and (min-width:786px) and (max-width:1000px) {
    .content {
     max-width:786px
    }
    .security_test .flex .right {
     margin-top:4rem;
     width:100%
    }
   }