@media screen and (max-width: 786px) {
  .content {
    padding: 0 1.2rem;
  }
  .head span {
    font-size: 0.875rem;
  }
  .head h1 {
    font-size: 1.5625rem;
    line-height: 1.5;
  }
  .head h2 {
    font-size: 1.375rem;
    line-height: 1.5;
    padding-top: 0.5rem;
  }
  .head p {
    font-size: 0.9rem;
    line-height: 1.5rem;
  }
  .button_viewmore {
    font-size: 0.875rem;
    width: 7.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    margin-top: 1rem;
  }
  header.sticky {
    top: -40px;
  }
  header .top ul {
    gap: 12px;
    width: 100%;
    justify-content: space-between;
  }
  header .top ul li {
    margin: 0;
    padding-left: 1rem;
  }
  header .top ul li a {
    white-space: nowrap;
  }
  header .header {
    padding: 1rem 0;
  }
  header .header .header_left {
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
  header .header .header_left .logo {
    top: 0;
  }
  header .header .header_left .logo img {
    width: 9rem;
    height: auto;
  }
  header .header .header_left .icon_search_m {
    display: block;
    width: 20px;
    height: 20px;
    background: url(../img/header_search.svg) no-repeat center / contain;
    opacity: 0;
    visibility: hidden;
  }
  header .header .header_left .icon_menu_m {
    display: block;
    width: 22px;
    height: 22px;
    background: url(../img/nav-btn.svg) no-repeat center / contain;
    margin-left: 2rem;
  }
  header .header .header_left .overlay_m {
    display: none;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    left: 0;
  }
  header .header .header_left .overlay_m.active {
    display: block;
  }
  header .header .header_right {
    display: block;
    position: fixed;
    top: 0;
    left: -100%;
    width: 70vw;
    height: 100vh;
    background-color: #fff;
    z-index: 999;
    padding-top: 5rem;
    transition: all 0.3s;
  }
  header .header .header_right.active {
    left: 0;
  }
  header .header .header_right nav div > ul {
    display: block;
  }
  header .header .header_right nav div > ul > li {
    margin: 0;
  }
  header .header .header_right nav div > ul > li::after {
    display: none;
  }
  header .header .header_right nav div > ul > li a {
    padding: 0 2rem;
    line-height: 4rem;
    color: var(--title_color);
  }
  header .header .header_right nav div > ul > li ul {
    visibility: visible;
    max-height: unset;
    display: none;
    position: static;
    padding: 0;
    box-shadow: none;
    padding: 0 3rem;
    background-color: transparent;
  }
  header .header .header_right .icon_search {
    display: none;
  }
  header .header .header_right .button {
    width: 7.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    font-size: 0.875rem;
    margin: 2rem 0 0 2rem;
  }
  header .search_box {
    display: none;
    padding: 0.75rem 0 0;
  }
  header .search_box form {
    height: 2.5rem;
    text-align: center;
  }
  header .search_box form input[type="text"] {
    height: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding-left: 0.625rem;
  }
  header .search_box form input[type="submit"] {
    vertical-align: middle;
    display: inline-block;
    width: 2.5rem;
    height: 2.5rem;
    background: url(../img/header_search.svg) no-repeat center / 45%;
  }
  .cta {
    padding: 1.875rem 0;
    background-position: left;
  }
  .cta .head {
    width: 100%;
    padding: 0;
  }
  .cta .head h2 {
    padding-top: 0;
  }
  .cta .head p {
    width: 100%;
    font-size: 0.9rem;
    line-height: 1.5rem;
    padding: 1rem 0 0;
  }
  .cta .cta_form {
    position: static;
    width: 100%;
    padding: 1.875rem 1.2rem;
    border-radius: 5px;
    margin-top: 1.25rem;
  }
  .cta .cta_form strong {
    width: 100%;
    margin-bottom: 1.2rem;
    font-size: 1rem;
    line-height: 1.5;
  }
  .cta .cta_form form input {
    font-size: 0.875rem;
    padding: 0.5rem 1rem;
    margin-bottom: 1.2rem;
  }
  .cta .cta_form form textarea {
    font-size: 0.875rem;
    padding: 0.5rem 1rem;
    margin-bottom: 1.2rem;
  }
  .cta .cta_form form input[type="submit"] {
    font-size: 0.875rem;
    padding: 0.5rem 0;
  }
  footer .footer_main {
    display: block;
    padding-top: 3.125rem;
  }
  footer .footer_main .slide-obj:first-child {
    width: 100%;
    margin-bottom: 1.2rem;
  }
  footer .footer_main .slide-obj:first-child p {
    padding: 0;
    border: none;
  }
  footer .footer_main .slide-obj:first-child span {
    font-size: 0.9rem;
    line-height: 1.5rem;
    margin: 1rem 0;
  }
  footer .footer_main .slide-obj:first-child .social {
    padding: 0;
    justify-content: space-between;
  }
  footer .footer_main .slide-obj:first-child .social li {
    margin: 0;
  }
  footer .footer_main .slide-obj.contact_us {
    width: 100%;
  }
  footer .footer_main .slide-obj.contact_us div ul {
    padding-bottom: 0;
  }
  footer .footer_main .slide-obj.contact_us div ul li a {
    padding-left: 2rem;
  }
  footer .footer_main .slide-obj.contact_us div p {
    font-size: 0.9rem;
    line-height: 1.5rem;
    margin: 0 1.2rem 1rem;
  }
  footer .footer_main .slide-obj.contact_us div > a {
    margin: 0 1.2rem;
    width: calc(100% - 2.4rem);
    height: 2.5rem;
    line-height: 2.375rem;
    font-size: 0.875rem;
  }
  footer .footer_main .slide-obj > p {
    font-size: 1rem;
    border-radius: 5px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 0.5rem 1.2rem;
    margin-bottom: 1rem;
  }
  footer .footer_main .slide-obj:not(:first-child) div {
    display: none;
  }
  footer .footer_main .slide-obj:not(:first-child) div ul {
    padding: 0 1.2rem 1rem;
  }
  footer .footer_main .slide-obj:not(:first-child) div ul li a {
    font-size: 0.875rem;
  }
  footer .footer_bottom {
    flex-direction: column;
    align-items: center;
    padding-top: 1rem;
  }
  footer .footer_bottom .logo img {
    width: 10rem;
  }
  footer .footer_bottom > img {
    height: 1.8rem;
    margin-top: 1rem;
  }
  footer .copyright {
    margin-top: 1.2rem;
    padding: 0.5rem 0;
    font-size: 14px;
  }
  footer .copyright div {
    display: none;
  }
  footer .copyright p {
    font-size: 12px;
    text-align: center;
  }
  .home_product .head h2 {
    padding-top: 0.5rem;
  }
  .home_product .head ul {
    padding-top: 1.25rem;
    overflow: scroll;
    justify-content: flex-start;
    gap: 1.2rem;
  }
  .home_product .head ul::-webkit-scrollbar {
    display: none;
  }
  .home_product .head ul li {
    white-space: nowrap;
    font-size: 0.875rem;
    padding-bottom: 0.5rem;
  }
  .home_product .home_product_swiper_box {
    margin: 0;
  }
  .home_product .home_product_swiper_box .home_product_swiper {
    padding: 1.2rem;
  }
  .home_product
    .home_product_swiper_box
    .home_product_swiper
    .swiper-slide
    .img {
    padding: 1rem 0;
    height: 10rem;
  }
  .home_product
    .home_product_swiper_box
    .home_product_swiper
    .swiper-slide
    .info {
    padding: 0.5rem 1.2rem 1.2rem;
  }
  .home_product
    .home_product_swiper_box
    .home_product_swiper
    .swiper-slide
    .info
    span {
    font-size: 13px;
  }
  .home_product
    .home_product_swiper_box
    .home_product_swiper
    .swiper-slide
    .info
    h3 {
    font-size: 1rem;
    margin: 0.2rem 0 0.5rem;
  }
  .home_product
    .home_product_swiper_box
    .home_product_swiper
    .swiper-slide
    .info
    p {
    font-size: 0.875rem;
    line-height: 1.4rem;
  }
  .home_product
    .home_product_swiper_box
    .home_product_swiper
    .swiper-slide
    .info
    strong {
    margin-top: 1rem;
    font-size: 0.875rem;
    height: 2.5rem;
    line-height: 2.5rem;
  }
  .home_product .btn_left,
  .home_product .btn_right {
    display: none;
  }
  .home_about {
    padding: 5rem 0 0;
  }
  .home_about .head h2 {
    padding-top: 0.5rem;
    font-size: 1.25rem;
    padding-bottom: 4rem;
  }
  .home_about .head h2::after {
    height: 3rem;
  }
  .home_about .main {
    padding-top: 13.75rem;
  }
  .home_about .main .video {
    width: 100vw;
    height: 12.5rem;
    left: -1.2rem;
    top: 1.25rem;
  }
  .home_about .main .bg {
    width: 100vw;
    left: -1.2rem;
  }
  .home_about .main .nums {
    height: 14rem;
    padding-bottom: 2rem;
  }
  .home_about .main .nums ul {
    flex-wrap: wrap;
  }
  .home_about .main .nums ul li {
    min-width: 50%;
  }
  .home_about .main .nums ul li span {
    font-size: 2rem;
  }
  .home_about .main .nums ul li p {
    font-size: 0.9rem;
    line-height: 1.5rem;
    padding-top: 0;
  }
  .home_blog .btn_left,
  .home_blog .btn_right {
    display: none;
  }
  .home_blog .head {
    display: block;
  }
  .home_blog .head ul {
    padding-top: 1.25rem;
    overflow: scroll;
    gap: 1.2rem;
  }
  .home_blog .head ul::-webkit-scrollbar {
    display: none;
  }
  .home_blog .head ul li {
    font-size: 0.875rem;
    padding-bottom: 0.5rem;
  }
  .home_blog .home_blog_swiper_box {
    margin: 0;
  }
  .home_blog .home_blog_swiper_box .home_blog_swiper {
    padding: 1.2rem;
  }
  .home_blog .home_blog_swiper_box .home_blog_swiper .swiper-slide .img {
    height: 10rem;
  }
  .home_blog .home_blog_swiper_box .home_blog_swiper .swiper-slide .img span {
    font-size: 12px;
  }
  .home_blog .home_blog_swiper_box .home_blog_swiper .swiper-slide .info {
    padding: 0.5rem 1.2rem 1.2rem;
  }
  .home_blog .home_blog_swiper_box .home_blog_swiper .swiper-slide .info span {
    font-size: 13px;
  }
  .home_blog .home_blog_swiper_box .home_blog_swiper .swiper-slide .info h3 {
    margin: 0.2rem 0 0.5rem;
    min-height: 3rem;
    font-size: 1rem;
    line-height: 1.5;
  }
  .home_blog .home_blog_swiper_box .home_blog_swiper .swiper-slide .info p {
    min-height: 4.1981rem;
    font-size: 0.875rem;
    line-height: 1.4rem;
  }
  .home_blog
    .home_blog_swiper_box
    .home_blog_swiper
    .swiper-slide
    .info
    strong {
    font-size: 0.875rem;
    margin-top: 1rem;
    width: 7.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
  }
  .about_about {
    padding: 3rem 0 0;
  }
  .about_about .head {
    display: block;
  }
  .about_about .head .flex {
    flex-flow: wrap;
  }
  .about_about .head div:first-child {
    padding: 0;
    width: 100%;
  }
  .about_about .head div.img {
    width: 100%;
  }
  .about_about .head div:first-child h2 {
    padding-top: 0.5rem;
  }
  .about_about .head div:first-child img {
    margin-top: 1.2rem;
    width: 100%;
    height: auto;
  }
  .about_about .head div:last-child {
    width: 100%;
    padding-top: 1.25rem;
  }
  .about_about .head div p {
    font-size: 0.9rem;
    line-height: 1.5rem;
  }
  .about_about .main {
    margin-top: 1.25rem;
  }
  .about_about .main .video {
    width: 100vw;
    height: 12.5rem;
    left: -1.2rem;
    top: 0;
  }
  .about_about .main .nums {
    height: 14rem;
    padding-bottom: 2rem;
  }
  .about_about .main .nums ul {
    flex-wrap: wrap;
  }
  .about_about .main .nums ul li {
    min-width: 50%;
  }
  .about_about .main .nums ul li span {
    font-size: 2rem;
  }
  .about_about .main .nums ul li p {
    font-size: 0.9rem;
    line-height: 1.5rem;
    padding-top: 0;
  }
  .about_history {
    padding: 5rem 0 3.125rem;
  }
  .about_history .head ul {
    width: 100%;
    margin: 1.25rem 0 5rem;
  }
  .about_history .head ul li:not(.line) {
    margin: 0;
    font-size: 12px;
  }
  .about_history .head ul li:not(.line).active {
    font-size: 13px;
  }
  .about_history .about_history_swiper .swiper-slide .img {
    height: 11rem;
  }
  .about_history .about_history_swiper .swiper-slide .info {
    display: block;
  }
  .about_history .about_history_swiper .swiper-slide .info span {
    font-size: 2rem;
  }
  .about_history .about_history_swiper .swiper-slide .info h3 {
    font-size: 1rem;
    line-height: 1.5;
  }
  .about_history .about_history_swiper .swiper-slide .info p {
    font-size: 0.9rem;
    line-height: 1.5rem;
  }
  .about_history .about_history_swiper .swiper-slide .info div {
    padding: 0.5rem 0 0;
  }
  .about_factory {
    padding: 3rem 0;
  }
  .about_factory .head h2 {
    padding-top: 0.5rem;
  }
  .about_factory .main {
    height: auto;
  }
  .about_factory .main .nav {
    width: 100%;
    padding: 1.875rem 0 1.25rem;
  }
  .about_factory .main .nav ul li {
    padding: 0 0 0 1rem;
    margin-bottom: 1rem;
  }
  .about_factory .main .nav ul li h3 {
    font-size: 1rem;
    line-height: 1.5;
  }
  .about_factory .main .nav ul li p {
    margin-top: 0.5rem;
    font-size: 0.9rem;
    line-height: 1.5rem;
  }
  .about_factory .main .swiper_box {
    position: static;
    width: 100%;
    height: 13rem;
    padding: 0;
  }
  .about_factory .main .swiper_box .about_factory_swiper {
    width: 100%;
  }
  .about_certification {
    padding: 3rem 0;
  }
  .about_certification .head {
    width: 100%;
    padding: 0;
  }
  .about_certification .head p {
    padding-top: 1rem;
    font-size: 0.9rem;
    line-height: 1.5rem;
  }
  .about_certification .head .about_certification_prev,
  .about_certification .head .about_certification_next {
    margin-top: 1.25rem;
    width: 3rem;
    height: 3rem;
  }
  .about_certification .head .about_certification_next {
    margin-top: 1.25rem;
  }
  .about_certification .about_certification_swiper_box {
    padding-top: 1.25rem;
    position: static;
    overflow: visible;
  }
  .about_certification
    .about_certification_swiper_box
    .about_certification_swiper {
    width: 100%;
    padding: 0;
  }
  .about_certification
    .about_certification_swiper_box
    .about_certification_swiper
    .swiper-slide
    .img {
    height: auto;
  }
  .about_certification
    .about_certification_swiper_box
    .about_certification_swiper
    .swiper-slide
    .img
    img {
    height: auto;
  }
  .about_certification
    .about_certification_swiper_box
    .about_certification_swiper
    .swiper-slide
    p {
    font-size: 1rem;
    line-height: 1.5;
    padding-top: 1rem;
  }
  .about_specialties {
    padding: 5rem 0 3.125rem;
  }
  .about_specialties .head {
    display: block;
  }
  .about_specialties .head div {
    padding: 0;
  }
  .about_specialties .head h2 {
    padding-top: 0.5rem;
    margin: 0;
  }
  .about_specialties .head p {
    max-width: 100%;
    font-size: 0.9rem;
    line-height: 1.5rem;
    padding-top: 1rem;
  }
  .about_specialties .head + .flex {
    display: block;
  }
  .about_specialties .head + .flex ul {
    width: 100%;
    padding: 1.875rem 0;
  }
  .about_specialties .head + .flex ul li {
    font-size: 0.9rem;
    line-height: 1.5rem;
    margin-bottom: 1rem;
  }
  .about_specialties .head + .flex ul li::before {
    top: 0.5rem;
    transform: translateY(0);
  }
  .about_specialties .img .pic1,
  .about_specialties .img .pic2,
  .about_specialties .img .pic3 {
    height: auto;
    overflow: hidden;
    border-radius: 5px;
  }
  .about_specialties .img .pic1 img,
  .about_specialties .img .pic2 img,
  .about_specialties .img .pic3 img {
    display: block;
    height: auto;
  }
  .about_market .head h2 {
    padding-top: 0.5rem;
  }
  .about_market .head p {
    width: 100%;
    font-size: 0.9rem;
    line-height: 1.5rem;
    padding: 1rem 0 2rem;
  }
  .about_market img {
    width: 100%;
  }
  .blog_main .content > .flex {
    display: block;
  }
  .blog_main .left {
    width: 100%;
  }
  .blog_main .left h1 {
    font-size: 1.25rem;
    line-height: 1.5;
  }
  .blog_main .left .catalog {
    margin-top: 1.25rem;
    padding: 1.5rem 1.2rem;
  }
  .blog_main .left .catalog strong {
    font-size: 1rem;
    line-height: 1.5;
    margin-bottom: 1rem;
  }
  .blog_main .left .catalog a {
    font-size: 0.875rem;
    margin-bottom: 0.5rem;
    padding-left: 1rem;
  }
  .blog_main .left .catalog a::before {
    height: 0.75rem;
  }
  .blog_main .left .catalog a.inner {
    margin-left: 1rem;
  }
  .blog_main .left .blog_detail_product {
    margin-top: 1.25rem;
  }
  .blog_main .left .blog_detail_product a {
    display: block;
    position: relative;
  }
  .blog_main .left .blog_detail_product .info {
    width: 100%;
    padding: 1.875rem 1.2rem 7rem;
  }
  .blog_main .left .blog_detail_product .info strong {
    font-size: 1rem;
    line-height: 1.5;
    margin-top: 0.5rem;
  }
  .blog_main .left .blog_detail_product .info p {
    font-size: 0.875rem;
    line-height: 1.4rem;
    padding-top: 0.625rem;
  }
  .blog_main .left .blog_detail_product .info .button {
    width: 6rem;
    height: 2rem;
    line-height: 2rem;
    margin-top: 1rem;
  }
  .blog_main .left .blog_detail_product .img {
    position: absolute;
    width: 9.375rem;
    height: 9.375rem;
    top: unset;
    left: unset;
    right: 1.2rem;
    bottom: 1.2rem;
  }
  .blog_main .left .blog_detail_product .img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  .blog_main .left .tags_share {
    margin-top: 3.125rem;
    padding-top: 1.25rem;
    display: block;
  }
  .blog_main .left .tags_share .tags span {
    font-size: 0.875rem;
  }
  .blog_main .left .tags_share .tags p {
    font-size: 0.875rem;
    padding: 2px 10px;
    margin: 0 0 0.5rem 0.5rem;
  }
  .blog_main .left .tags_share .share {
    padding-top: 1rem;
  }
  .blog_main .right {
    width: 100%;
    padding-top: 3.125rem;
  }
  .blog_main .right .category {
    padding: 1.5rem 1.2rem;
  }
  .blog_main .right .category strong {
    font-size: 1rem;
    line-height: 1.5;
    margin-bottom: 1rem;
  }
  .blog_main .right .category a {
    font-size: 0.875rem;
    margin-bottom: 0.5rem;
    padding-left: 1rem;
  }
  .blog_main .right .category a::before {
    height: 0.75rem;
  }
  .blog_main .right .sub {
    height: auto;
    margin-top: 4rem;
    padding-top: 3.3rem;
  }
  .blog_main .right .sub .img {
    width: 5rem;
    height: 5rem;
  }
  .blog_main .right .sub strong {
    font-size: 1.125rem;
  }
  .blog_main .right .sub p {
    font-size: 0.9rem;
    line-height: 1.5rem;
    width: 100%;
  }
  .blog_main .right .right_product {
    margin-top: 1.875rem;
    padding: 0;
  }
  .blog_main .right .right_product a {
    padding: 1.875rem 1.2rem;
  }
  .blog_main .right .right_product strong {
    font-size: 1.125rem;
    line-height: 1.5;
  }
  .blog_main .right .right_product ul li {
    font-size: 0.9rem;
    line-height: 1.5rem;
  }
  .blog_main .right .right_product span {
    font-size: 0.875rem;
  }
  .blog_blog {
    padding: 0 0 3rem;
  }
  .blog_blog .btn_left,
  .blog_blog .btn_right {
    display: none;
  }
  .blog_blog .blog_blog_swiper_box {
    margin: 0;
  }
  .blog_blog .blog_blog_swiper_box .blog_blog_swiper {
    padding: 1.2rem;
  }
  .blog_blog .blog_blog_swiper_box .blog_blog_swiper .swiper-slide .img {
    height: 10rem;
  }
  .blog_blog .blog_blog_swiper_box .blog_blog_swiper .swiper-slide .img span {
    font-size: 12px;
  }
  .blog_blog .blog_blog_swiper_box .blog_blog_swiper .swiper-slide .info {
    padding: 0.5rem 1.2rem 1.2rem;
  }
  .blog_blog .blog_blog_swiper_box .blog_blog_swiper .swiper-slide .info span {
    font-size: 13px;
  }
  .blog_blog .blog_blog_swiper_box .blog_blog_swiper .swiper-slide .info h3 {
    margin: 0.2rem 0 0.5rem;
    min-height: 3rem;
    font-size: 1rem;
    line-height: 1.5;
  }
  .blog_blog .blog_blog_swiper_box .blog_blog_swiper .swiper-slide .info p {
    min-height: 4.1981rem;
    font-size: 0.875rem;
    line-height: 1.4rem;
  }
  .blog_blog
    .blog_blog_swiper_box
    .blog_blog_swiper
    .swiper-slide
    .info
    strong {
    font-size: 0.875rem;
    margin-top: 1rem;
    width: 7.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
  }
  .blogs_banner {
    padding: 3rem 0 6rem;
    background-size: 110%;
  }
  .blogs_banner .head {
    width: 100%;
  }
  .blogs_banner .head h1 {
    line-height: 1.5;
    padding-top: 0.5rem;
  }
  .blogs_banner .head p {
    padding-top: 1rem;
  }
  .blogs_banner .head form {
    margin-top: 1.25rem;
    height: 2.5rem;
  }
  .blogs_banner .head form input[type="email"] {
    font-size: 0.875rem;
  }
  .blogs_banner .head form input[type="submit"] {
    font-size: 13px;
    height: 100%;
    padding: 0;
    line-height: 100%;
  }
  .blogs_main {
    padding-top: 1.875rem;
  }
  .blogs_main .head {
    display: block;
  }
  .blogs_main .head h2 {
    padding-top: 0.5rem;
  }
  .blogs_main .head ul.nav {
    overflow: scroll;
    gap: 1.2rem;
    padding-top: 1.25rem;
  }
  .blogs_main .head ul.nav::-webkit-scrollbar {
    display: none;
  }
  .blogs_main .head ul.nav li a {
    font-size: 0.875rem;
    padding-bottom: 0.5rem;
    white-space: nowrap;
  }
  .blogs_main .top {
    padding-top: 1.875rem;
    display: block;
  }
  .blogs_main .top .left {
    width: 100%;
    margin-bottom: 1.875rem;
  }
  .blogs_main .top .left .img {
    height: 12.5rem;
  }
  .blogs_main .top .left .img span {
    font-size: 0.75rem;
  }
  .blogs_main .top .left .info span {
    font-size: 0.8125rem;
    margin-top: 1rem;
  }
  .blogs_main .top .left .info h3 {
    width: 100%;
    font-size: 1.125rem;
    line-height: 1.5;
    margin: 0.2rem 0 0.5rem;
  }
  .blogs_main .top .left .info p {
    width: 100%;
    font-size: 0.9rem;
    line-height: 1.5rem;
  }
  .blogs_main .top .left .info .button {
    width: 7.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    font-size: 0.875rem;
    margin-top: 1rem;
  }
  .blogs_main .top .right {
    width: 100%;
  }
  .blogs_main .top .right a {
    margin-bottom: 1.875rem;
  }
  .blogs_main .top .right a .img {
    height: 12.5rem;
  }
  .blogs_main .top .right a .img span {
    font-size: 12px;
  }
  .blogs_main .top .right a .info span {
    font-size: 0.8125rem;
    margin-top: 1rem;
  }
  .blogs_main .top .right a .info h3 {
    font-size: 1rem;
    line-height: 1.5;
    margin-top: 0.2rem;
  }
  .blogs_main .bottom {
    padding: 1.875rem 0;
  }
  .blogs_main .bottom ul {
    flex-wrap: wrap;
    display: flex;
    justify-content: space-between;
    gap: 0;
  }
  .blogs_main .bottom ul li {
    width: 48%;
    margin-bottom: 1.2rem;
  }
  .blogs_main .bottom ul li a .img {
    height: 10.125rem;
  }
  .blogs_main .bottom ul li a .img span {
    font-size: 12px;
  }
  .blogs_main .bottom ul li a .info {
    padding: 1rem;
  }
  .blogs_main .bottom ul li a .info span {
    font-size: 13px;
  }
  .blogs_main .bottom ul li a .info h3 {
    min-height: 3rem;
    font-size: 1rem;
    line-height: 1.5;
    margin: 0.2rem 0 0.5rem;
  }
  .blogs_main .bottom ul li a .info p {
    min-height: 4.1981rem;
    font-size: 0.875rem;
    line-height: 1.4rem;
  }
  .blogs_main .bottom ul li a .info strong {
    display: none;
    margin-top: 1rem;
    width: 100%;
    font-size: 0.875rem;
    height: 2.5rem;
    line-height: 2.5rem;
  }
  .blogs_video {
    padding: 5rem 0 3.125rem;
  }
  .blogs_video .head h2 {
    padding-top: 0.5rem;
  }
  .blogs_video .top {
    padding-top: 1.875rem;
  }
  .blogs_video .top .img {
    width: 100%;
    height: 12.5rem;
  }
  .blogs_video .top .info {
    height: auto;
    width: 100%;
    padding: 1.875rem 1.2rem 1.2rem;
    border-radius: 0;
    position: relative;
    top: -5px;
    left: 0;
  }
  .blogs_video .top .info h3 {
    font-size: 1rem;
    line-height: 1.5;
  }
  .blogs_video .top .info p {
    font-size: 0.9rem;
    line-height: 1.5rem;
    padding: 1rem 0;
  }
  .blogs_video .top .info img {
    width: 2.5rem;
    height: 2.5rem;
  }
  .blogs_video .bottom {
    padding: 0 0 1.875rem;
  }
  .blogs_video .bottom ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 0;
  }
  .blogs_video .bottom ul li {
    width: 48%;
    margin-bottom: 1.2rem;
  }
  .blogs_video .bottom ul li .img {
    height: 10.125rem;
  }
  .blogs_video .bottom ul li .img::after {
    width: 3rem;
    height: 3rem;
  }
  .blogs_video .bottom ul li h3 {
    font-size: 0.9rem;
    line-height: 1.5rem;
    padding-top: 1rem;
  }
  .inquiry {
    padding: 3rem 0;
  }
  .inquiry .head h2 {
    padding-top: 0.5rem;
  }
  .inquiry .inquiry_form {
    padding-top: 1.875rem;
  }
  .inquiry .inquiry_form form input {
    width: 100%;
    font-size: 0.875rem;
    padding: 0.6rem 1rem;
    margin-bottom: 1.2rem;
  }
  .inquiry .inquiry_form form textarea {
    height: 9.375rem;
    font-size: 0.875rem;
    padding: 0.6rem 1rem;
    margin-bottom: 1.2rem;
  }
  .inquiry .inquiry_form form input[type="submit"] {
    font-size: 0.875rem;
    width: 7.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
  }
  .contact_map {
    height: 12.5rem;
  }
  .products_main {
    /* padding: 3.125rem 0; */
  }
  .products_main .sidebar {
    position: fixed;
    top: 0;
    right: -100%;
    width: 80vw;
    height: 100vh;
    background-color: #fff;
    z-index: 99;
    transition: all 0.3s;
    margin: 0;
    padding: 5rem 1.875rem 2rem;
    overflow: scroll;
  }
  .products_main .sidebar.active {
    right: 0;
  }
  .products_main .sidebar .sytech_filter strong {
    font-size: 1.25rem;
    line-height: 1.5;
    padding-bottom: 1rem;
  }
  .products_main .sidebar .sytech_filter .terms > li {
    font-size: 1rem;
  }
  .products_main .sidebar .sytech_filter .terms .childrenTerm li {
    font-size: 0.875rem;
  }
  .products_main .sidebar .sytech_filter .terms .childrenTerm li::before {
    top: 2px;
  }
  .products_main .right {
    width: 100%;
  }
  .products_main .right .head h1 {
    font-size: 1.375rem;
    line-height: 1.5;
  }
  .products_main .right .head p {
    font-size: 0.9rem;
    line-height: 1.5rem;
    padding-bottom: 0;
  }
  .products_main .right .breadcrumbs {
    padding-right: 1.875rem;
    padding-top: 1.875rem;
  }
  .products_main .right .breadcrumbs span {
    font-size: 0.875rem;
  }
  .products_main .right .breadcrumbs span span {
    font-size: 0.875rem;
  }
  .products_main .right .breadcrumbs span span a {
    font-size: 0.875rem;
  }
  .products_main .right .products {
    padding-bottom: 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0;
  }
  .products_main .right .products li {
    width: 48%;
    margin-bottom: 1.2rem;
  }
  .products_main .right .products li .img {
    height: 10.125rem;
    padding: 1rem;
  }
  .products_main .right .products li .info {
    padding: 0.5rem 1rem 1rem;
  }
  .products_main .right .products li .info h3 {
    font-size: 1rem;
    line-height: 1.5;
  }
  .products_main .right .products li .info strong {
    font-size: 0.875rem;
  }
  .products_main .right .breadcrumbs + div {
    position: relative;
  }
  .products_main .right .breadcrumbs + div .icon_menu_product {
    display: block;
    width: 22px;
    height: 22px;
    background: url(../img/nav-btn.svg) no-repeat center / contain;
    position: absolute;
    right: 0;
    top: -22px;
  }
  .product_banner {
    padding-bottom: 3.125rem;
    height: auto;
  }
  .product_banner .nav {
    padding: 0.5rem 0;
  }
  .product_banner .nav .content > .flex {
    display: block;
    height: auto;
  }
  .product_banner .nav p {
    font-size: 1rem;
    position: relative;
  }
  .product_banner .nav p::after {
    content: "";
    display: block;
    width: 1rem;
    height: 1rem;
    background: url(../img/select.svg) no-repeat center / contain;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
  }
  .product_banner .nav ul.flex {
    display: none;
    overflow: scroll;
    padding: 0.5rem 0;
    height: auto;
    gap: 1.2rem;
    max-height: 3rem;
  }
  .product_banner .nav ul.flex::-webkit-scrollbar {
    display: none;
  }
  .product_banner .head {
    width: 100%;
  }
  .product_banner .head h1 {
    padding-top: 3.125rem;
    font-size: 1.375rem;
    line-height: 1.5;
  }
  .product_banner .head h1 span {
    font-size: 4rem;
    line-height: 1.5;
  }
  .product_banner .head p {
    font-size: 1rem;
    line-height: 1.5;
  }
  .product_banner .head .button {
    width: 7.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    margin-top: 1.25rem;
  }
  .product_banner .mask {
    bottom: -65px;
  }
  .product_vision {
    height: auto;
    padding: 5rem 0 3.125rem;
  }
  .product_vision h2 {
    font-size: 1.25rem;
    line-height: 1.5;
  }
  .product_vision h2 span {
    font-size: 1.25rem;
    line-height: 1.5;
  }
  .product_vision .video {
    margin-top: 1.875rem;
    height: 12.5rem;
  }
  .product_vision p {
    width: 100%;
    font-size: 0.9rem;
    line-height: 1.5rem;
    padding-top: 1rem;
  }
  .product_high_quality h2 span {
    font-size: 1.25rem !important;
    line-height: 1.5 !important;
  }
  .product_high_quality .head h2 {
    font-size: 1.25rem !important;
    line-height: 1.5 !important;
  }
  section.product_high_quality::after {
    background-color: rgba(255, 255, 255, 0.3);
  }
  .porduct_specification {
    padding: 5rem 0 0;
  }
  .porduct_specification h2 {
    font-size: 1.25rem;
    line-height: 1.5;
  }
  .porduct_specification .main {
    padding-top: 1.875rem;
    display: block;
  }
  .porduct_specification .main .img {
    width: 100%;
    height: 15rem;
  }
  .porduct_specification .main .right {
    width: 100%;
    padding-top: 1.25rem;
  }
  .porduct_specification .main .right table tr th {
    font-size: 0.875rem;
    padding: 0.8rem 1rem;
  }
  .porduct_specification .main .right table tr td {
    font-size: 0.875rem;
    padding: 0.8rem 1rem;
  }
  .porduct_specification .main .right p {
    padding-top: 1.25rem;
    font-size: 0.9rem;
    line-height: 1.5rem;
    text-align: center;
  }
  .porduct_specification .main .right p a {
    font-size: 0.9rem;
  }
  .faq_box {
    padding: 5rem 0 3.125rem;
  }
  .faq_box h2 {
    font-size: 1.25rem;
    line-height: 1.5;
  }
  .faq_box .sy_contentfaq {
    padding-top: 1.875rem;
  }
  .faq_box .sy_contentfaq .sy_fap_group {
    display: block;
  }
  .faq_box .sy_contentfaq .sy_fap_group .faqs_list li {
    margin-bottom: 1rem;
    font-size: 0.875rem;
    padding-left: 1rem;
  }
  .faq_box .sy_contentfaq .sy_fap_group .faqs .faq {
    padding-bottom: 0.5rem;
    margin-bottom: 0.5rem;
  }
  .faq_box .sy_contentfaq .sy_fap_group .faqs .faq .question strong {
    font-size: 0.9375rem;
    line-height: 1.5rem;
  }
  .faq_box .sy_contentfaq .sy_fap_group .faqs .faq .answer {
    padding-top: 0.5rem;
    font-size: 0.8125rem;
    line-height: 1.3rem;
  }
  .faq_box .sy_contentfaq + p {
    padding-top: 1.25rem;
    font-size: 0.9rem;
    line-height: 1.5rem;
  }
  .faq_box .sy_contentfaq + p a {
    font-size: 0.9rem;
  }
  p.right {
    text-align: center;
  }
  .product_banner .flex {
    flex-flow: wrap;
    padding: 4rem 0;
  }
  .product_banner .flex > div {
    width: 100%;
    flex: unset;
  }
  .product_banner .subtitle {
    font-size: 15px;
  }
  .product_banner h1 {
    font-size: 25px;
    line-height: 1.5rem;
  }
  .product_banner .right strong {
    font-size: 20px;
    line-height: 1.4;
    margin-bottom: 0.5rem;
    margin-top: 1rem;
  }
  .product_banner .right p {
    font-size: 0.9rem;
    line-height: 1.5rem;
  }
  .product_banner .flex > div.middle {
    order: 9;
    margin-top: 1.5rem;
  }
  header .yellow {
    width: 100%;
  }
  .product_text .flex > .left p {
    font-size: 0.9rem !important;
    line-height: 1.5rem !important;
  }
  .home_product_video .product_video {
    margin-top: 2rem;
  }
  section.product_banner .head h1 {
    font-size: 25px;
    line-height: 1.5;
  }
  section.product_high_quality h2 span {
    font-size: 20px !important;
  }
}