@media screen and (max-width: 1850px) {
  .product-list-table .table {
    width: calc(100% - 80px); }

  .product-list-table .add-btn {
    transform: translateX(60px); }

  .product-info-page .product-list-table .table {
    width: 100%; }
  .product-info-page .product-list-table .add-btn {
    transform: translateX(140px); } }
@media screen and (max-width: 1600px) {
  .pc-header .header-right .header-bottom .nav .nav-item .product-drop .pro-type {
    width: 42%; }

  .pc-header .header-right .header-bottom .nav .nav-item .product-drop .pro-type .pro-pic {
    width: 100%;
    height: 207px;
    filter: brightness(0.6); }

  .pc-header .header-right .header-bottom .nav .nav-item .product-drop .pro-type .drop-grand-box {
    position: absolute;
    height: 207px;
    width: calc(100% - 32px); }

  .pc-header .header-right .header-bottom .nav .nav-item .product-drop .pro-type .drop-grand-box .drop-grand-item {
    width: calc(100% - 20%); }

  .pc-header .header-right .header-bottom .nav .nav-item .product-drop .pro-type .drop-grand-box .drop-grand-item span {
    font-size: 15px;
    color: #fff; }

  .pc-header .header-right .header-bottom .nav {
    margin-top: -15px; }

  .pc-header .header-right .header-bottom .actions {
    margin-top: -15px; }

  .home-page .s1 {
    padding-top: 50px; }

  .home-page .s2 {
    height: 1200px; }

  .home-page .s2 .content .t1 {
    margin-top: 50px; }

  .home-page .s2 .content .t2 {
    font-family: MBold;
    margin-top: 20px;
    font-size: 26px; }

  .home-page .s2 .content .t3 {
    margin-top: 12px; }

  .home-page .s2 .content .t4 {
    margin-top: 30px; }

  .home-page .s2 .content {
    width: 100%;
    float: unset; }

  .home-page .s2 .s2-banner {
    width: 100%;
    float: unset; }

  .home-page .s2 .s2-banner .s2-text {
    margin-top: 30px;
    font-family: MBold;
    font-size: 26px; }

  .home-page .s2 .s2-banner .swiper-container {
    margin-top: 20px; }

  .home-page .s4 {
    height: 800px; }

  .home-page .s4 .t1 {
    margin-top: 180px; }

  .home-page .s4 .list .row .pic {
    width: 10%;
    height: unset; }

  main {
    max-width: 1200px; }

  .product-list-table .table {
    width: 100%; }

  .product-list-table .add-btn {
    transform: translateX(140px); }

  .product-list-table .table .tr .qty .more-info {
    width: 107px; }

  footer .footer-part .content {
    display: flex;
    justify-content: space-between;
    align-items: center; }

  footer .footer-part .content .qrcode {
    display: none; }

  footer .footer-part .content .nav {
    width: 100%; }

  .home-page .s2 .s2-banner .mask {
    width: calc(100%  + ((100vw - 1200px ) / 2));
    right: calc((1200px - 100vw) / 2); }

  .home-page .banner .banner-content {
    background: rgba(0, 90, 235, 0.7);
    backdrop-filter: blur(5px); }

  .home-page .banner .custom-pagination {
    width: 100px;
    height: 45px;
    bottom: 0;
    right: 0; }

  .home-page .banner .custom-pagination .arrow {
    width: 64px;
    height: 45px; }

  .home-page .banner .banner-pagination {
    display: none; }

  .home-page .banner .banner-content .t1 {
    padding-left: calc((100vw - 1200px) / 2); }

  .home-page .banner .banner-content .t2 {
    padding-left: calc((100vw - 1200px) / 2); }

  .home-page .banner .banner-content .line {
    margin-left: calc((100vw - 1200px) / 2); }

  .home-page .banner .banner-content .more {
    padding-left: calc((100vw - 1200px) / 2); }

  .sub-banner .banner-content .t1 {
    padding-left: calc((100vw - 1200px) / 2) !important; }

  .sub-banner .banner-content .t2 {
    padding-left: calc((100vw - 1200px) / 2) !important; }

  .sub-banner .banner-content .line {
    margin-left: calc((100vw - 1200px) / 2) !important; }

  .sub-banner .banner-content {
    background: rgba(0, 90, 235, 0.7) !important;
    backdrop-filter: blur(5px) !important; }

  .about-page .section-1 .company .right .swiper-container .slide-inner {
    width: 100%;
    height: 520px; }

  .about-page .section-1 .company .right .swiper-container {
    width: 100%;
    height: 560px; }

  .about-page .section-1 .company .right {
    width: 100%; }

  .about-page .section-1 .company .left .t1 {
    width: 100%;
    margin-top: 40px; }

  .about-page .section-1 .company .left .t2 {
    width: 100%;
    margin-bottom: 30px; }

  .about-page .section-1 .company .left .t0 {
    position: relative;
    z-index: 6; }

  .about-page .section-4 .swiper-container {
    width: 1200px; }

  .about-page .section-1 .company .left::after {
    width: 200vw;
    left: -50vw;
    bottom: 0px; }

  .about-page .section-3 .list .item {
    width: calc((100% - 24px) / 3);
    margin-right: 24px;
    margin-bottom: 24px; }
    .about-page .section-3 .list .item:nth-child(3n) {
      margin-right: 0px; }

  .about-page .section-3 .list .item:hover .content .icon-active {
    width: 45px;
    height: 45px;
    margin-top: -40px; }

  .about-page .section-3 .list .item .content .desc {
    margin-top: 10px; }

  .about-page .section-3 .list .item:hover .content .desc span {
    font-size: 26px; }

  .about-page .tab-contents .tab-content {
    transform: translateY(10px); }

  .catalog-page .section-1 .imgs .phone {
    left: 150px; }

  .catalog-page .section-1 .imgs .pad {
    right: 0px; }

  .catalog-page .section-1 .imgs .pc {
    left: 250px; }

  .pc-header .header-right .header-bottom .nav .nav-item .about-drop .drop-parent .right-part .item:nth-child(odd) {
    width: 100%; }

  .catalog-page .section-1 .t1 {
    width: 80%; }

  .cart-page .section-1 .right-part {
    width: 950px; }

  .userinfo-page .section-1 .right-part {
    width: 950px; }

  .userinfo-page .section-1 .right-part .form .item .btns .btn {
    width: 140px; }

  .product-list-table .table .tr .qty .more-info {
    margin-top: 8px; }

  .cart-page .section-1 .right-part .table .img {
    width: 300px; }

  .cart-page .section-1 .right-part .table .qty {
    width: calc(100% - 80px - 300px - 40%); }

  .about-page .section-1 .company .left {
    width: 100%; }

  .about-page .section-1::after {
    width: 100%; }

  .about-page .section-4 .main-1 {
    width: 100%;
    height: 500px; }

  .about-page .timeline-container {
    width: 100%;
    margin-top: 20px; }

  .about-page .section-4 main {
    height: 540px; }

  .about-page .section-4 {
    height: auto;
    padding-bottom: 30px; }

  .pc-header .header-right .header-bottom .nav .nav-item .parent {
    padding-left: 0px;
    padding-right: 0px;
    width: 100%;
    text-align: center; }

  .pc-header .header-right .header-bottom .nav .nav-item .parent img {
    display: none; }

  .pc-header .header-right .header-bottom .nav .nav-item .parent span {
    margin: 0 auto !important; } }
@media screen and (max-width: 1475px) {
  .product-list-table .table {
    width: calc(100% - 80px); }

  .product-list-table .add-btn {
    transform: translateX(60px); } }
@media screen and (max-width: 1350px) {
  .product-info-page main {
    max-width: 950px; }

  .product-info-page .s1 main .info .right-part .row .item-half {
    width: 100%; }
    .product-info-page .s1 main .info .right-part .row .item-half:first-child {
      border-bottom: 1px solid #CECFD2; }

  .product-info-page .s1 main .info .right-part .row .item .label {
    width: 150px;
    height: 50px;
    line-height: 20px; }

  .product-info-page .s1 main .info .right-part .row .item .value {
    width: calc(100% - 150px);
    height: 50px;
    line-height: 20px; }

  .product-info-page .s1 main .info .right-part .row .item .value {
    font-size: 14px; }

  .product-info-page .s1 main .info .left-part {
    height: 464px; }

  .product-info-page .s1 main .info .right-part .row .action {
    height: 57px;
    padding-top: 13px; }

  .product-info-page {
    padding-top: 0px; } }
@media screen and (max-width: 1300px) {
  main {
    max-width: 950px; }

  .product-list-table .table {
    width: 100%; }

  .product-list-table .add-btn {
    transform: translateX(140px); }

  .header-space {
    height: 80px; }

  .sub-banner {
    margin-top: 0px; }

  .about-page .section-2 .count .count-item .desc {
    width: 280px;
    margin: 0 auto; }

  .login-modal .login-wrapper {
    width: 900px; }

  .pc-header .header-search {
    top: 80px; }

  .cookie-container .cookie-wrapper {
    width: 850px;
    padding: 40px; }

  .message-page .section-1 .form .item .label {
    white-space: nowrap;
    font-size: 15px; }

  .message-page .section-1 main {
    max-width: 950px; }

  .information-page .section-1 main {
    max-width: 950px; }

  .information-page .section-1 .list {
    flex-wrap: wrap; }

  .information-page .section-1 .list .item {
    width: calc((100% - 24px) / 2);
    margin-bottom: 24px;
    height: unset;
    padding-bottom: 20px;
    padding-top: 20px; }

  .information-page .section-1 .list .item .icon {
    margin-bottom: 30px; }

  .information-page .section-1 .t1 {
    font-size: 22px; }

  .faq-page .section-1 .row .left {
    width: 30%; }

  .pc-header .header-right .header-bottom .nav .nav-item .right-part .t1 {
    font-size: 14px !important; }

  .pc-header .header-right .header-bottom .nav .nav-item .other-drop .drop-parent .right-part .item {
    margin-bottom: 12px; }

  .pc-header .header-right .header-bottom .nav .nav-item .mid-part .t1 {
    font-size: 14px !important; }

  .footer-banner2 .t2 {
    width: 65%; }

  .catalog-page .section-1 .imgs .pc {
    left: 130px;
    width: 650px; }
    .catalog-page .section-1 .imgs .pc img {
      -o-object-fit: contain;
      object-fit: contain;
      -o-object-position: center;
      object-position: center;
      width: 100%;
      height: 100%; }

  .catalog-page .section-1 .imgs .phone {
    left: 90px;
    width: 200px; }
    .catalog-page .section-1 .imgs .phone img {
      -o-object-fit: contain;
      object-fit: contain;
      -o-object-position: center;
      object-position: center;
      width: 100%;
      height: 100%; }

  .catalog-page .section-1 .imgs .pad {
    top: 190px;
    width: 350px; }
    .catalog-page .section-1 .imgs .pad img {
      -o-object-fit: contain;
      object-fit: contain;
      -o-object-position: center;
      object-position: center;
      width: 100%;
      height: 100%; }

  .about-page .section-2 .count .count-item .icon {
    margin: 0 auto; }

  .pc-header .header-right .header-top {
    height: 30px; }

  .pc-header .header-right .header-bottom .nav .nav-item .parent span {
    font-size: 14px; }

  .pc-header .header-right .header-bottom .nav .nav-item .parent {
    padding-left: 0px; }

  .pc-header .header-right .header-bottom .nav .nav-item .product-drop .drop-parent .left-part .item .name span {
    font-size: 15px; }

  .home-page .banner .banner-content {
    height: 200px;
    padding-top: 20px;
    padding-bottom: 20px; }

  .home-page .banner .banner-content .t1 {
    font-size: 28px;
    line-height: 32px; }

  .home-page .banner .banner-content .t2 {
    font-size: 14px;
    line-height: 22px; }

  .home-page .banner .banner-content .more {
    bottom: 0px; }

  .home-page .s1 .desc .t1 {
    width: 100%;
    font-size: 32px;
    line-height: 32px; }

  .home-page .s1 .part .part-item .t2 .t2-1 {
    width: 200px; }

  .home-page .s1 .part .part-item .t2 .t2-1 .t2-1-1 {
    font-size: 20px; }

  .home-page .banner .banner-content .line {
    margin: 12px 0px;
    margin-left: 10%;
    width: 80%; }

  .home-page .banner .banner-content .more {
    padding-left: 10%; }

  .home-page .s1 .desc .t2 {
    font-size: 18px; }

  .home-page .s3 .title {
    font-size: 38px; }

  .home-page .s3 .list .item {
    height: 400px; }

  .home-page .s3 .list .item .content .time {
    font-size: 18px; }

  .home-page .s3 .list .item .content .info {
    font-size: 18px; }

  .home-page .s3 .list .item:hover .content:before {
    height: 400px; }

  .home-page .s3 .list .item:hover .content .info {
    transform: translateY(-100px); }

  .home-page .s3 .list .item:hover .content .more {
    transform: translateY(-40px); }

  .home-page .s3 .list .item:hover .content .time {
    transform: translateY(-200px); }

  .pc-header .header-right .header-bottom .nav .nav-item .parent span {
    margin-left: 0; }

  .pc-header .header-right .header-bottom .nav .nav-item .about-drop .drop-parent .right-part .item {
    width: 100%;
    margin-bottom: 12px; }

  .pc-header .header-right .header-bottom .nav .nav-item .other-drop .drop-parent .right-part .item span {
    font-size: 16px; }

  .pc-header .header-right .header-top {
    height: 30px; }

  .pc-header .header-right .header-top .item {
    margin-top: 7px; }

  .pc-header .header-right .header-bottom .actions .btn {
    height: 50px;
    padding: 10px 0px; }

  .pc-header .header-right .header-bottom .nav .nav-item .parent {
    height: 50px;
    line-height: 50px; }

  .pc-header .header-logo {
    height: 80px; }

  .pc-header {
    height: 80px; }

  .pc-header .header-right .header-bottom .actions .btn img {
    width: 20px;
    height: 20px; }

  .pc-header .header-right .header-bottom .nav .nav-item .dropdown {
    top: 80px; }

  .pc-header .header-right .header-bottom .nav .nav-item .product-drop .drop-parent {
    padding: 32px 9.375%; }

  .pc-header .header-right .header-bottom .nav .nav-item .other-drop .drop-parent {
    padding: 32px 9.375%; }

  .home-page .banner .swiper-slide .pic {
    height: 700px; }

  .home-page .banner .banner-content .t1 {
    padding-left: calc((100vw - 950px) / 2); }

  .home-page .banner .banner-content .t2 {
    padding-left: calc((100vw - 950px) / 2); }

  .home-page .banner .banner-content .line {
    margin-left: calc((100vw - 950px) / 2); }

  .home-page .banner .banner-content .more {
    padding-left: calc((100vw - 950px) / 2); }

  .home-page .s1 {
    font-size: 32px; }

  .home-page .s2 {
    height: 1200px; }

  .home-page .s2 .content .t1 {
    margin-top: 50px;
    font-size: 32px; }

  .home-page .s2 .content .t2 {
    margin-top: 20px;
    font-size: 18px; }

  .home-page .s2 .content .t3 {
    font-size: 16px;
    margin-top: 12px; }

  .home-page .s2 .content .t4 {
    margin-top: 30px; }

  .home-page .s2 .content {
    width: 100%;
    float: unset; }

  .home-page .s2 .s2-banner {
    width: 100%;
    float: unset; }

  .home-page .s2 .content .index-count .count-item .num {
    font-size: 32px;
    line-height: 40px; }

  .home-page .s2 .content .index-count .count-item .desc {
    font-size: 14px; }

  .home-page .s2 .s2-banner .s2-text {
    font-family: MBold;
    font-size: 18px;
    margin-top: 30px; }

  .home-page .s2 .s2-banner .swiper-container {
    margin-top: 20px; }

  .home-page .s4 .title {
    font-size: 38px; }

  .home-page .s4 .list .row .pic {
    width: 10%;
    height: unset; }

  footer .footer-part {
    padding: 45px 30px 0; }

  footer .footer-part .website-info .w6 .icon-wrap {
    width: 34px;
    height: 34px; }

  footer .footer-part .website-info .w6 .icon-wrap img {
    width: 18px; }

  .sub-banner .banner-content .t1 {
    padding-left: calc((100vw - 950px) / 2) !important; }

  .sub-banner .banner-content .t2 {
    padding-left: calc((100vw - 950px) / 2) !important; }

  .sub-banner .banner-content .line {
    margin-left: calc((100vw - 950px) / 2) !important; }

  .sub-banner .banner-content {
    height: 150px !important;
    padding-top: 20px !important;
    padding-bottom: 20px !important; }

  .sub-banner .banner-content .t1 {
    font-size: 32px !important;
    line-height: 32px !important; }

  .sub-banner .banner-content .t2 {
    font-size: 20px !important; }

  .about-page .section-4 .swiper-container {
    width: 950px; }

  .sub-banner .swiper-slide .pic {
    height: 500px; }

  .about-page .section-1 .company .left .t1 {
    font-size: 30px;
    margin-top: 10px; }

  .about-page .section-1 .company .left .t2 {
    font-size: 18px; }

  .about-page .section-1 .company .right .swiper-container {
    height: 480px; }

  .about-page .section-1 .company .right .swiper-container .slide-inner {
    height: 440px; }

  .about-page .section-1 .intro .i2 {
    width: 100%; }

  .about-page .section-1 .intro .i1 {
    width: 100%; }

  .about-page .section-2 {
    padding: 0px; }

  .about-page .section-2 .count {
    flex-wrap: wrap; }
    .about-page .section-2 .count .count-item {
      width: 50%;
      text-align: center;
      margin-bottom: 30px; }
      .about-page .section-2 .count .count-item .line {
        margin: 16px auto; }
      .about-page .section-2 .count .count-item .num {
        font-size: 48px; }

  .about-page .section-3 .list {
    display: block; }
    .about-page .section-3 .list .item {
      width: 100%;
      margin-bottom: 20px; }

  .about-page .section-4 .slideBg {
    height: 450px; }

  .about-page .section-4 .swiper-slide {
    width: 88%; }

  .about-page .section-4 .slideBg .content:before {
    background: rgba(255, 177, 13, 0.7);
    backdrop-filter: blur(5px); }

  .about-page .section-1 .company .left::after {
    height: 450px;
    bottom: 0px; }

  .home-page .section-6 .events .e2 {
    font-size: 38px; }

  .pc-header .header-right .header-bottom .nav .nav-item .product-drop .drop-child {
    top: calc(100% - 32px); }

  .login-page {
    padding-top: 80px; }

  .cart-page .section-1 .left-part {
    width: 100%;
    *zoom: 1;
    margin-bottom: 20px; }
    .cart-page .section-1 .left-part:before, .cart-page .section-1 .left-part:after {
      content: " ";
      display: table; }
    .cart-page .section-1 .left-part:after {
      clear: both; }

  .cart-page .section-1 .left-part .btn {
    float: left;
    margin-right: 20px;
    margin-bottom: 0px; }

  .cart-page .section-1 .right-part {
    width: 100%; }

  .cart-page {
    padding-top: 0px; }

  .cart-page .section-1 {
    padding-bottom: 100px; }

  .userinfo-page .section-1 .left-part {
    width: 100%;
    *zoom: 1;
    margin-bottom: 20px; }
    .userinfo-page .section-1 .left-part:before, .userinfo-page .section-1 .left-part:after {
      content: " ";
      display: table; }
    .userinfo-page .section-1 .left-part:after {
      clear: both; }

  .userinfo-page .section-1 .left-part .btn {
    float: left;
    margin-right: 20px;
    margin-bottom: 0px; }

  .userinfo-page .section-1 .right-part {
    width: 100%; }

  .userinfo-page {
    padding-top: 0px; }

  .userinfo-page .section-1 {
    padding-bottom: 100px; }

  .product-new-page .section-2 .search .actions .input-wrapper {
    margin-bottom: 30px;
    float: unset;
    width: 440px; }

  .product-new-page .section-2 .search .actions .pagination {
    float: unset;
    *zoom: 1;
    margin-left: 0px; }
    .product-new-page .section-2 .search .actions .pagination:before, .product-new-page .section-2 .search .actions .pagination:after {
      content: " ";
      display: table; }
    .product-new-page .section-2 .search .actions .pagination:after {
      clear: both; }

  .product-list-table .table .tr .qty .input {
    width: 110px; }

  .product-list-table .table .tr .qty .add-to-cart {
    width: 110px;
    margin-top: 15px; }

  .product-list-table .table .tr .qty .more-info {
    width: 110px;
    margin-top: 15px; }

  .product-new-page .pagination {
    display: flex;
    justify-content: space-between; }
    .product-new-page .pagination:before {
      display: none !important; }
    .product-new-page .pagination:after {
      display: none !important; }

  .product-new-page .pagination .btn {
    width: 120px;
    height: 40px;
    padding: 0 20px; }

  .product-new-page .pagination .page-input {
    margin: 0; }

  .product-new-page .section-2 .search .actions .pagination {
    width: 440px;
    float: left; }

  .product-new-page .pagination .page-input input {
    height: 40px; }

  .product-new-page .pagination {
    width: 440px; }

  .about-page .section-1 .company {
    margin-bottom: 80px; }

  .about-page .timeline-container {
    display: none; }

  .about-page .section-4 {
    padding-bottom: 0px; }

  .about-page .section-4 main {
    height: 500px;
    margin-bottom: 30px; } }
@media screen and (max-width: 1250px) {
  .product-list-table .table {
    width: calc(100% - 80px); }

  .product-list-table .add-btn {
    transform: translateX(60px); } }
@media screen and (max-width: 1080px) {
  #needHeaderBac .header-right .header-bottom .nav .nav-item .parent img {
    display: none; } }
@media screen and (max-width: 960px) {
  main {
    max-width: 100%;
    box-sizing: border-box;
    padding: 0 10px; }

  .home-page .s2 {
    height: 1030px; }

  #swiper3 {
    height: 300px !important; }

  .home-page .s4 .t1 {
    margin-top: 80px;
    font-size: 28px; }

  .about-page .section-4 .swiper-slide-active .blue .content .desc {
    top: 0px; }

  .about-page .section-4 .swiper-slide-active .orange .content .desc {
    top: 0px; }

  .header-space {
    display: none; }

  .product-list-table .add-btn {
    transform: translateX(0); }

  .cookie-container .cookie-wrapper .logo img {
    width: 150px; }

  .cookie-container .cookie-wrapper .logo {
    margin-bottom: 20px; }

  .cookie-container .cookie-wrapper {
    max-height: 96vh;
    overflow-y: auto; }

  .cookie-container .cookie-wrapper .t1 {
    font-size: 22px;
    line-height: 26px; }

  .cookie-container .cookie-wrapper .t2 {
    font-size: 15px; }

  .cookie-container .cookie-wrapper .tip .content {
    font-size: 15px; }

  .cookie-container .cookie-wrapper .btn-group {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0px; }

  .pc-header {
    display: none; }

  .mobile_header {
    display: block;
    height: 60px; }

  .home-page .banner .swiper-slide .pic {
    height: 300px !important; }

  .home-page .banner .banner-content {
    width: 100%; }

  .home-page .banner .banner-content .t1 {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 18px;
    line-height: unset; }

  .home-page .banner .banner-content .line {
    width: 50%;
    margin-left: 10px;
    margin-top: 6px;
    margin-bottom: 6px; }

  .home-page .banner .banner-content .t2 {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 16px;
    line-height: unset; }

  .home-page .banner .custom-pagination {
    display: none; }

  .home-page .banner .banner-content {
    height: unset;
    background: #005aeb;
    bottom: 0px;
    padding-bottom: 0px;
    position: static; }
    .home-page .banner .banner-content .swiper-slide {
      padding-bottom: 50px; }

  .home-page .banner .banner-content .more {
    left: 10px;
    position: absolute;
    bottom: 0px; }
    .home-page .banner .banner-content .more span {
      font-size: 14px; }
    .home-page .banner .banner-content .more img {
      width: 18px;
      height: 18px; }

  .home-page .banner .banner-pagination {
    display: none; }

  .home-page .s1 {
    padding-top: 30px; }

  .home-page .s1 .desc .t1 {
    font-size: 28px; }

  .home-page .s1 .desc .t2 {
    width: 100%;
    font-size: 16px;
    padding-top: 10px; }

  .home-page .s1 .part {
    display: block;
    *zoom: 1; }
    .home-page .s1 .part:before, .home-page .s1 .part:after {
      content: " ";
      display: table; }
    .home-page .s1 .part:after {
      clear: both; }

  .home-page .s1 .part .part-item {
    width: 100%;
    height: 180px; }

  .home-page .s1 .part .part-item .t2 {
    display: none; }

  .home-page .s1 .part .part-item .t1 {
    padding-top: 40px;
    padding-bottom: 40px;
    background: rgba(0, 0, 0, 0.4); }

  .home-page .s1 .part .part-item .t1 .t1-1 {
    font-size: 26px; }

  .home-page .s1 .part .part-item .t1 .t1-2 span {
    font-size: 14px; }
  .home-page .s1 .part .part-item .t1 .t1-2 img {
    width: 18px;
    height: 18px; }

  .home-page .s3 .title {
    font-size: 22px;
    padding-top: 50px;
    padding-bottom: 30px; }

  .home-page .s3 .list {
    display: block; }

  .home-page .s3 .list .item {
    width: 100%; }

  .home-page .s3 .list .item {
    height: 200px;
    margin-bottom: 15px; }

  .home-page .s3 .list .item .content {
    height: 100%;
    overflow: hidden; }
    .home-page .s3 .list .item .content:before {
      opacity: 0.7;
      height: 100%; }

  .home-page .s3 {
    padding-bottom: 30px; }

  .website-info {
    margin-top: 30px; }

  .home-page .s3 .list .item .content .info {
    font-size: 16px; }

  .home-page .s3 .list .item .content .time {
    font-size: 16px; }

  .home-page .s3 .list .item .content .more span {
    font-size: 14px; }
  .home-page .s3 .list .item .content .more img {
    width: 18px;
    height: 18px; }

  .home-page .s4 {
    height: 650px; }

  .sub-banner .swiper-slide .pic {
    height: 300px; }

  .sub-banner .banner-content {
    width: 100% !important; }

  .sub-banner .banner-content .t1 {
    width: 100% !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    font-size: 18px !important;
    line-height: unset !important; }

  .sub-banner .banner-content .line {
    width: 50% !important;
    margin-left: 10px !important;
    margin-top: 6px !important;
    margin-bottom: 6px !important; }

  .sub-banner .banner-content .t2 {
    width: 100% !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    font-size: 16px !important;
    line-height: unset !important; }

  .sub-banner .banner-content {
    height: unset !important;
    background: #005aeb !important;
    bottom: 0px;
    padding-bottom: 0px;
    position: relative; }
    .sub-banner .banner-content .swiper-slide {
      padding-bottom: 0px; }

  .sub-banner .custom-pagination {
    width: 40px;
    height: 40px;
    right: 10px; }
    .sub-banner .custom-pagination .arrow {
      width: 40px;
      height: 40px; }

  .sub-banner .custom-pagination .arrow img {
    width: 24px;
    height: 24px; }

  .navigate {
    padding-top: 10px !important;
    padding-bottom: 10px !important; }

  .about-page .section-1 .company .left .t0 {
    font-size: 22px;
    margin-top: 20px; }

  .about-page .section-1 .company .left .t1 {
    font-size: 18px;
    margin-top: 0px;
    line-height: 24px; }

  .about-page .section-1 .company .left .t2 {
    font-size: 14px;
    margin-top: 8px;
    line-height: 21px; }

  .about-page .section-1 .company .right .swiper-container .slide-inner {
    height: 250px; }

  .about-page .section-1 .company .right .swiper-container {
    height: 265px; }

  .about-page .section-1 .company .right .swiper-container .swiper-pagination {
    bottom: 0px; }

  .about-page .section-1 .company .right .swiper-container .swiper-pagination-bullet {
    width: 30px;
    height: 3px; }

  .about-page .section-1 .intro {
    padding-top: 30px;
    padding-bottom: 30px; }

  .about-page .section-1 .intro .i1 {
    font-size: 18px;
    line-height: 24px; }

  .about-page .section-1 .intro .i2 {
    margin-top: 8px;
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 30px; }

  .about-page .section-1 .intro .i4 {
    width: 100%;
    display: block; }

  .about-page .section-1 .intro .i4 .i5 {
    width: 100%;
    margin-bottom: 10px; }

  .about-page .section-2 .count .count-item .line {
    display: none; }

  .about-page .section-2 .count .count-item .num {
    font-size: 32px;
    line-height: 42px; }

  .about-page .section-2 .count .count-item .desc {
    font-size: 14px;
    width: 100%; }

  .about-page .section-2 .count .count-item {
    margin-bottom: 30px; }

  .about-page .about-title {
    margin-top: 50px;
    font-size: 16px;
    margin-bottom: 30px; }

  .about-page .section-3 {
    padding-bottom: 30px; }

  .about-page .section-3 .list .item .content .desc span {
    font-size: 18px; }

  .about-page .section-4 .swiper-container {
    width: 100%; }

  .about-page .section-4 .swiper-slide {
    width: 100%; }

  .about-page .section-4 .slideBg .content {
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
    height: unset; }

  .about-page .section-4 .swiper-slide-active .content .title {
    width: 100%;
    margin-left: 0px;
    position: relative;
    z-index: 5;
    top: 0px;
    height: unset;
    font-size: 18px;
    line-height: 32px;
    opacity: 1 !important; }

  .about-page .section-4 .slideBg {
    height: 250px; }

  .about-page .section-4 .swiper-slide-active .content .desc {
    position: relative;
    width: 100%;
    z-index: 5;
    margin-left: 0px;
    margin-right: 0px;
    top: 0px; }

  .about-page .section-4 .slideBg .content {
    position: relative;
    top: 0px; }

  .about-page .section-4 .slideBg .content .title {
    width: 100%;
    height: unset;
    margin-left: 0px;
    font-size: 18px;
    opacity: 0; }

  .about-page .section-4 .swiper-container {
    height: 400px; }

  .about-page .section-5 {
    height: unset;
    padding-top: 50px; }

  .about-page .section-5 .title {
    font-size: 22px; }

  .about-page .section-5 .intro {
    width: 100%;
    font-size: 18px;
    line-height: 24px; }

  .about-page .section-5 {
    overflow: hidden;
    width: 100vw;
    height: 500px; }

  .about-page .section-1 .company .left::after {
    width: 100vw;
    left: -10px;
    bottom: -20px; }

  .about-page .section-5 .map {
    transform-origin: left top;
    transform: scale(0.4) translateX(-50%);
    left: 50%; }

  .home-page .section-6 .events .e1 {
    font-size: 28px;
    margin-top: 0px;
    padding-top: 30px; }

  .home-page .section-6 .events .e2 {
    font-size: 22px;
    padding-top: 30px; }

  .home-page .section-6 .events .e3 {
    font-size: 18px; }

  .home-page .section-6 {
    height: unset;
    padding-bottom: 50px; }

  .navigate a span {
    font-size: 14px !important; }

  .navigate {
    display: block; }
    .navigate img {
      position: relative;
      top: 5px; }

  .product-table {
    overflow-x: scroll; }

  .product-table .table {
    width: 1000px; }

  .footer-banner {
    position: relative; }

  .footer-banner .left-part {
    width: 100%; }

  .footer-banner .left-part .t1 {
    font-size: 22px; }

  .footer-banner .right-part .btn {
    position: absolute;
    bottom: 0px;
    right: 0px; }

  .login-page {
    padding-top: 0px; }
    .login-page .navigate {
      padding: 30px 0px; }

  .login-page .s1 main {
    display: block; }

  .login-page .s1 .part {
    width: 100%;
    margin-bottom: 10px; }

  .login-page .s1 {
    margin-bottom: 30px; }

  .login-page .s1 .part .form-item .input {
    width: 100%; }

  .login-page .s1 .part .line {
    width: 100%; }

  .login-page .s1 .part .des {
    width: 100%; }

  .login-page .s1 .part {
    height: unset;
    padding-bottom: 30px; }

  .login-modal .login-wrapper {
    width: 96vw;
    height: 500px; }

  .login-modal .login-wrapper .right-part {
    width: 100%; }

  .login-modal .login-wrapper .left-part {
    display: none; }

  .login-modal .login-wrapper .right-part {
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 30px; }

  .cookie-container .cookie-wrapper {
    width: 96vw;
    padding: 30px; }

  .newsinfo-page {
    padding-top: 0px; }

  .home-page .section-6 .events .e4 {
    width: 80%; }

  .about-page .section-4 .slideBg .content .title {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 10px; }

  .about-page .section-4 {
    padding-bottom: 20px; }

  .about-page .section-4 .slideBg .content .desc {
    display: block;
    transform: translateY(0);
    font-size: 12px; }

  .about-page .section-4 .slideBg .content .s-title {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 0px; }

  .catalog-page .section-1 {
    padding-top: 50px;
    padding-bottom: 50px; }

  .catalog-page .section-1 .t1 {
    width: 100%;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0px; }

  .catalog-page .section-1 .imgs {
    height: 250px;
    margin-bottom: 0;
    margin-top: 30px; }

  .catalog-page .section-1 .imgs .pc {
    left: 0px;
    top: 0px;
    width: 100%;
    height: 200px; }
    .catalog-page .section-1 .imgs .pc img {
      -o-object-fit: contain;
      object-fit: contain;
      -o-object-position: center;
      object-position: center;
      width: 100%;
      height: 100%; }

  .catalog-page .section-1 .imgs .phone {
    left: 20px;
    top: 75px;
    width: 120px;
    height: 120px; }
    .catalog-page .section-1 .imgs .phone img {
      -o-object-fit: contain;
      object-fit: contain;
      -o-object-position: center;
      object-position: center;
      width: 100%;
      height: 100%; }

  .catalog-page .section-1 .imgs .pad {
    right: 0px;
    top: 65px;
    width: 150px;
    height: 150px; }
    .catalog-page .section-1 .imgs .pad img {
      -o-object-fit: contain;
      object-fit: contain;
      -o-object-position: center;
      object-position: center;
      width: 100%;
      height: 100%; }

  .footer-banner2 {
    height: unset;
    padding-top: 50px;
    padding-bottom: 50px; }

  .footer-banner2 .t1 {
    font-size: 22px;
    width: 100%;
    text-align: center; }

  .footer-banner2 .t2 {
    width: 100%;
    font-size: 14px;
    margin-bottom: 30px; }

  .footer-banner2 .t3 {
    margin: 0 auto; }

  .about-page .section-advantage {
    padding-top: 50px;
    padding-bottom: 50px; }

  .about-page .section-advantage .list .item {
    width: 100%;
    margin-bottom: 30px; }

  .about-page .section-advantage .list .item .img {
    height: 200px;
    width: 100%;
    float: left !important; }

  .about-page .section-advantage .list .item .content {
    width: 100%;
    height: auto;
    float: left !important;
    position: relative;
    z-index: 5; }

  .about-page .section-advantage .list .item .content .t1 {
    font-size: 28px;
    width: 50px;
    height: 50px;
    background: rgba(255, 255, 255, 0.7);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    margin-top: 0px;
    margin-bottom: 0px;
    font-weight: bold;
    position: absolute;
    top: -50px;
    left: 0px;
    text-align: center;
    line-height: 50px; }

  .about-page .section-advantage .list .item .content .t2 {
    width: 100%;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 10px;
    margin-top: 10px; }

  .about-page .section-advantage .list .item .content .t3 {
    width: 100%;
    font-size: 16px;
    line-height: 24px; }

  .faq-page .section-1 {
    padding-top: 50px; }

  .faq-page .section-1 .row .left {
    width: 100%;
    font-size: 22px;
    margin-bottom: 20px;
    text-align: center; }

  .faq-page .section-1 .row .right {
    width: 100%; }

  .faq-page .section-1 .row .right .item .faq-title {
    padding-top: 24px;
    padding-bottom: 24px; }

  .faq-page .section-1 .row {
    margin-bottom: 30px; }

  .faq-page .section-1 .row .right .item .faq-content {
    font-size: 14px;
    line-height: 20px; }

  .support-page .section-1 {
    padding-top: 50px;
    padding-bottom: 50px; }

  .support-page .section-1 .row {
    display: block; }

  .support-page .section-1 .row .item {
    width: 100%;
    height: unset; }

  .support-page .section-1 .row .item .t {
    position: static;
    width: 100%; }

  .support-page .section-1 .row .item .icon {
    position: absolute;
    top: 12px;
    right: 12px; }

  .support-page .section-1 .row .item .t .t1 {
    margin-top: 0px;
    float: unset;
    font-size: 22px;
    box-sizing: border-box;
    padding-right: 30px; }

  .support-page .section-1 .row .item .t .t2 {
    float: unset; }

  .information-page .section-1 {
    padding-top: 50px;
    padding-bottom: 50px; }

  .information-page .section-1 .t1 {
    font-size: 18px;
    display: none; }

  .information-page .section-1 .list .item {
    width: 100%;
    position: relative; }

  .information-page .section-1 .list .item .icon {
    position: absolute;
    top: 10px;
    right: 10px;
    box-shadow: 0 6px 6px 0 rgba(0, 90, 235, 0.1); }

  .information-page .section-1 .list .item .title {
    font-size: 18px; }

  .information-page .section-1 .list .item .content {
    font-size: 15px; }

  .information-page .section-1 .list {
    margin-bottom: 30px; }

  .information-page .section-1 .t2 {
    font-size: 18px;
    margin-bottom: 12px; }

  .information-page .section-1 .map {
    height: 300px; }

  .message-page .section-1 {
    padding-top: 50px;
    padding-bottom: 50px; }

  .message-page .section-1 .t1 {
    font-size: 20px;
    margin-bottom: 8px;
    line-height: 24px; }

  .message-page .section-1 .t2 {
    font-size: 15px;
    line-height: 20px; }

  .message-page .section-1 .t3 {
    margin-top: 30px; }

  .message-page .section-1 .form .row .col8 {
    width: 100%; }

  .message-page .section-1 .form .item .select .value .text {
    font-size: 15px;
    padding-left: 10px; }

  .message-page .section-1 .form .item .input {
    font-size: 15px;
    padding-left: 10px;
    padding-right: 10px; }

  .message-page .section-1 .form .item .textarea {
    font-size: 15px; }

  .message-page .section-1 .form .row .col6 {
    width: calc((100% - 1 * 24px) / 2); }

  .message-page .section-1 .form .row .col2 {
    width: calc((100% - 1 * 24px) / 2);
    margin-right: 0px; }

  .message-page .section-1 .form .row .col4 {
    width: calc((100% - 1 * 24px) / 2); }

  .message-page .section-1 .form .row .empty {
    display: none; }

  .message-page .section-1 .form .row .col3 {
    width: calc((100% - 2 * 24px) / 3); }

  .message-page .section-1 .form .row .col5 {
    width: calc((100% - 0.5 * 24px) / 1.5);
    margin-right: 0px; }

  .message-page .section-1 .t3-2 {
    margin-top: 6px; }

  .message-page .section-1 .form .item .textarea {
    padding: 10px;
    line-height: 24px; }

  .login-modal .login-wrapper {
    height: auto; }

  .login-modal .login-wrapper .right-part .title1 {
    font-size: 22px; }

  .login-modal .login-wrapper .right-part .title2 {
    font-size: 16px; }

  .login-modal .login-wrapper .right-part {
    padding: 20px; }

  .login-modal .login-wrapper .close-btn {
    top: 20px;
    right: 20px; }

  .login-modal .login-wrapper .right-part .line {
    margin-top: 4px;
    margin-bottom: 4px; }

  .login-modal .login-wrapper .right-part .title2 {
    margin-bottom: 30px; }

  .login-modal .login-wrapper .right-part .form-item {
    margin-bottom: 30px; }

  .login-modal .login-wrapper .right-part .btn {
    margin-bottom: 20px;
    font-size: 14px; }

  .login-modal .login-wrapper .right-part .form-item .label {
    font-size: 15px; }

  .login-modal .login-wrapper .right-part .form-item .input input {
    font-size: 15px;
    padding-left: 10px; }
  .login-modal .login-wrapper .right-part .form-item .input input::-webkit-input-placeholder {
    font-size: 15px;
    color: #ccc;
    font-weight: "normal";
    font-family: M; }
  .login-modal .login-wrapper .right-part .form-item .input input:-moz-placeholder {
    font-size: 15px;
    color: #ccc;
    font-weight: "normal";
    font-family: M; }
  .login-modal .login-wrapper .right-part .form-item .input input::-moz-placeholder {
    font-size: 15px;
    color: #ccc;
    font-weight: "normal";
    font-family: M; }
  .login-modal .login-wrapper .right-part .form-item .input input:-ms-input-placeholder {
    font-size: 15px;
    color: #ccc;
    font-weight: "normal";
    font-family: M; }

  .form-item-last {
    margin-bottom: 47px !important; }

  .login-modal .login-wrapper .right-part .change {
    font-size: 15px; }

  .cart-page {
    padding-top: 0px; }

  .cart-page .section-1 .left-part {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    margin-bottom: 20px; }
    .cart-page .section-1 .left-part:before {
      content: '';
      display: none; }
    .cart-page .section-1 .left-part:after {
      content: '';
      display: none; }

  .cart-page .section-1 .right-part .table .thead .td {
    height: 40px; }

  .cart-page .section-1 .left-part a {
    width: calc(50% - 12px);
    margin-right: 0px; }
    .cart-page .section-1 .left-part a .btn {
      width: 100%;
      padding: 0px 10px; }

  .cart-page .section-1 .right-part .table-wrapper {
    overflow-x: scroll; }
    .cart-page .section-1 .right-part .table-wrapper .table {
      min-width: 730px; }

  .cart-page .section-1 .right-part .table .tr .td {
    padding-top: 10px;
    padding-bottom: 10px; }

  .cart-page .section-1 .right-part .table .des {
    width: 300px; }

  .cart-page .section-1 .right-part .table .img {
    width: 150px; }

  .cart-page .section-1 .right-part .table .qty {
    width: 200px; }

  .cart-page .section-1 .right-part .btns {
    margin-top: 50px; }

  .cart-page .section-1 .right-part .table .tr .check .t-checkbox {
    width: 22px;
    height: 22px;
    left: 26px; }

  .cart-page .section-1 .right-part .btns .btn {
    float: unset;
    margin-bottom: 20px;
    margin-left: 0px; }

  .userinfo-page {
    padding-top: 0px; }

  .userinfo-page .section-1 .left-part {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    margin-bottom: 20px; }
    .userinfo-page .section-1 .left-part:before {
      content: '';
      display: none; }
    .userinfo-page .section-1 .left-part:after {
      content: '';
      display: none; }

  .userinfo-page .section-1 .left-part a {
    width: calc(50% - 12px);
    margin-right: 0px; }
    .userinfo-page .section-1 .left-part a .btn {
      width: 100%;
      padding: 0 10px; }

  .userinfo-page .section-1 .right-part .form {
    width: 100%; }

  .userinfo-page .section-1 .right-part .line {
    display: none; }

  .userinfo-page .section-1 .right-part .form {
    padding: 30px; }

  .userinfo-page .section-1 .right-part .form .item .input {
    font-size: 15px; }

  .userinfo-page .section-1 .right-part .form .item .input-wrapper .btn span {
    font-size: 14px; }

  .userinfo-page .section-1 .right-part .form .item .input-wrapper .btn img {
    width: 18px;
    height: 18px; }

  .userinfo-page .section-1 .right-part .form {
    min-height: unset; }

  .userinfo-page .section-1 .right-part .form .item .input {
    height: 40px; }

  .userinfo-page .section-1 .right-part .form .item .input-wrapper .btn {
    height: 40px; }

  .userinfo-page .section-1 .right-part .form .item .label {
    font-size: 15px; }

  .userinfo-page .section-1 .right-part .form .item .btns .btn {
    height: 40px; }

  .userinfo-page .section-1 .right-part .form .item .btns .btn span {
    font-size: 14px; }

  .userinfo-page .section-1 {
    padding-bottom: 100px; }

  .userinfo-page .section-1 .right-part .form .item:last-child {
    margin-bottom: 0px; }

  .product-list-table .table-wrapper {
    overflow-x: scroll; }

  .product-list-table .table {
    width: 1000px;
    padding-right: 0px; }

  .product-new-page {
    padding-top: 0px; }

  .product-new-page .section-1 {
    padding-top: 20px; }

  .product-new-page .section-1 .title .t1 {
    font-size: 22px;
    height: 40px;
    line-height: 40px; }

  .product-new-page .section-1 .title .btns .btn {
    width: 120px;
    padding: 0px; }

  .product-new-page .section-1 .title .btns .btn span {
    margin-right: 3px; }

  .product-new-page .section-1 .filters .filter-item {
    padding-left: 0px; }

  .product-new-page .section-1 .filters .filter-item .label {
    width: 100%;
    position: static;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 14px; }

  .product-new-page .section-1 .filters .filter-item .wrap.more {
    padding-top: 16px;
    padding-left: 16px;
    padding-right: 16px;
    height: 90px; }

  .product-new-page .section-1 .filters .filter-item .wrap .item {
    padding: 2px 5px;
    padding-right: 30px;
    margin-bottom: 12px;
    margin-right: 16px; }

  .product-new-page .section-1 .filters .filter-item .wrap .item span {
    font-size: 13px; }

  .product-new-page .section-1 .filters .filter-item .wrap .item .tag {
    top: 1px; }

  .product-new-page .section-1 .title {
    padding-bottom: 20px; }

  .product-new-page .section-2 .search {
    padding-top: 30px; }

  .product-new-page .section-1 .filters .filter-item .label span {
    font-size: 16px; }
    .product-new-page .section-1 .filters .filter-item .label span br {
      display: none; }

  .product-new-page .section-2 .search .t1 {
    font-size: 16px; }

  .product-new-page .section-1 .filters {
    padding-bottom: 0px; }

  .product-new-page .section-2 .search .t2 {
    width: 100%;
    font-size: 14px; }

  .product-new-page .section-2 .search .actions .input-wrapper {
    width: 100%; }

  .product-new-page .section-2 .search .actions .input-wrapper .input {
    width: 100%;
    font-size: 14px;
    padding-left: 10px; }

  .product-new-page .section-2 .search .actions .page-size .select {
    height: 40px; }

  .product-new-page .section-2 .search .actions .page-size .select .value {
    height: 40px; }

  .product-new-page .section-2 .search .actions .page-size .select .value .text {
    line-height: 38px; }

  .product-new-page .section-2 .search .actions .page-size .select .value .arrow {
    top: 6px; }

  .product-new-page .section-2 .search .actions .page-size .select .dropdown {
    top: 40px; }

  .product-new-page .section-2 .search .actions .page-size {
    margin-top: 20px; }

  .product-new-page .pagination .page-input span {
    font-size: 14px; }

  .product-new-page .section-2 .search .actions .page-size span {
    font-size: 14px; }

  .product-new-page .section-2 .search .line {
    margin-top: 20px;
    margin-bottom: 20px; }

  .product-list-table .table .td {
    font-size: 14px !important; }

  .product-list-table .table .tr .check .t-checkbox {
    width: 22px;
    height: 22px;
    left: 26px; }

  .product-new-page .pagination {
    width: 100%; }

  .product-list-table {
    padding-right: 0px;
    padding-bottom: 30px; }

  .product-new-page .section-4 {
    padding-bottom: 30px; }

  .product-info-page main {
    max-width: 100%;
    box-sizing: border-box;
    padding: 0 10px; }

  .product-info-page {
    padding-top: 0px; }

  .product-info-page .s1 main .info .left-part {
    width: 100%;
    height: 300px; }

  .product-info-page .s1 main .info .right-part {
    width: 100%; }

  .product-info-page .s1 main .info .left-part #swiper img {
    width: 100%;
    height: 100%; }

  .product-info-page .s1 main .info .right-part .row .item .value {
    font-size: 14px;
    height: 40px; }

  .product-info-page .s1 main .info .right-part .row .item .label {
    height: 40px; }

  .product-info-page .s1 main .info .right-part .row .action {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 0px; }

  .product-info-page .s1 main .info .right-part .row .action .input {
    margin-left: 20px; }

  .product-info-page .s1 main .info {
    padding-bottom: 30px; }

  .product-info-page .s2 {
    padding-top: 50px; }

  .product-info-page .s2 .t1 {
    font-size: 18px; }

  .product-info-page .s2 .t1 {
    margin-bottom: 20px; }

  .product-info-page .s2 {
    padding-bottom: 30px; }

  .product-info-page .s2 .table .td {
    font-size: 14px !important; }

  .product-info-page .s2 .table {
    margin-bottom: 30px; }

  .product-new-page .section-2 .search .actions .pagination {
    width: 100%; }

  .cart-page .section-1 .right-part .table .td {
    font-size: 14px !important; }

  .newsinfo-page h2 {
    font-size: 18px; }

  .newsinfo-page .time {
    font-size: 15px; }

  .newsinfo-page .content {
    font-size: 15px; }

  .newsinfo-page .text-secondary {
    font-size: 14px; }

  .about-page .tabs .tab {
    width: calc(33.33%); }

  .about-page .tabs .tab span {
    font-size: 14px; }

  .about-page .tabs .tab.active .line {
    width: 100%; }

  .about-page .philosophy-section .box {
    height: 300px; }

  .about-page .philosophy-section .box .philosophy {
    padding: 12px;
    width: 100%;
    box-sizing: border-box; }

  .about-page .philosophy-section .box .philosophy .p3 {
    display: none; }

  .about-page .philosophy-section .box .philosophy .p1 {
    font-size: 16px; }

  .about-page .philosophy-section .box .philosophy .p2 {
    font-size: 16px; }

  .about-page .philosophy-section {
    padding-bottom: 50px; }

  .about-page .section-3 .list .item:hover .content .desc span {
    font-size: 18px; }

  .about-page .section-3 .list .item:hover .content .info {
    font-size: 14px; }

  .about-page .section-1 {
    margin-top: 40px; }

  .about-page .section-1 .company .left .t1 {
    padding-bottom: 0px; }

  .about-page .section-1 .company .left .t2 .text {
    font-size: 14px; }

  .about-page .section-1 .company .left .t2 .text {
    margin-top: 20px; }

  .about-page .section-5 .title {
    font-size: 18px; }

  .about-page .section-5 .intro {
    font-size: 16px; }

  .about-page .section-4 .main-1 #swiperAdvText {
    height: 500px; }

  .about-page .section-4 .main-1 #swiperAdvText .content {
    width: 100%;
    height: auto;
    box-sizing: border-box;
    padding: 12px 0px; }

  .about-page .section-4 .main-1 #swiperAdvText {
    width: 100%; }

  .about-page .section-4 .main-1 #swiperAdvText .content .s-title {
    font-size: 32px;
    padding-top: 12px;
    margin-left: 0px;
    box-sizing: border-box;
    padding-left: 12px; }

  .about-page .section-4 .main-1 #swiperAdvText .content .title {
    width: 100%;
    margin-left: 0px;
    box-sizing: border-box;
    padding-left: 12px;
    font-size: 16px;
    margin-top: 16px; }

  .about-page .section-4 .main-1 #swiperAdvText .content .desc {
    font-size: 14px;
    margin-left: 0px;
    box-sizing: border-box;
    padding-left: 12px; }

  .about-page .section-4 .main-1 {
    top: 0px; }

  .about-page .section-4 {
    padding-bottom: 0px; }

  .advantage-page .tabs .tab {
    width: 20%; }

  .advantage-page .tabs .tab span {
    font-size: 14px; }

  .advantage-page .tabs .tab.active .line {
    width: 100%; }

  .advantage-page .list {
    margin-top: 0px;
    padding-top: 0px; }

  .advantage-page .list .item .item-content {
    padding-top: 12px;
    padding-bottom: 12px; }

  .advantage-page .list .item .item-content .t1 {
    font-size: 18px;
    padding-left: 12px; }

  .advantage-page .list .item .item-content .line {
    width: calc(100% - 24px);
    margin-left: 12px; }

  .advantage-page .list .item .item-content .t2 {
    padding-left: 12px;
    font-size: 14px; }

  .advantage-page .list .item .item-content .more {
    padding-left: 12px; }

  .advantage-page .content-list {
    width: 100%;
    padding-top: 30px; }

  .advantage-page .content-list .list-t1 {
    font-size: 18px; }

  .advantage-page .content-list .list-t2 {
    font-size: 14px;
    margin-bottom: 20px; }

  .advantage-page .content-list .item .img {
    width: 100%;
    height: 200px; }

  .advantage-page .content-list .item .content {
    width: 100%;
    height: auto;
    margin-top: 16px; }

  .advantage-page .content-list .item .content .t2 {
    font-size: 18px;
    margin-bottom: 8px; }

  .advantage-page .content-list .item .content .t3 {
    font-size: 14px; }

  .advantage-page .content-list .item {
    margin-bottom: 40px; }

  .home-page .s4 {
    height: auto; } }
@media screen and (max-width: 865px) {
  .advantage-page .tabs {
    display: none; }

  .home-page .s4 .t1 {
    margin-top: 0; }

  .home-page .s2 .content .t1 {
    margin-top: 30px;
    font-size: 28px; }

  .home-page .s2 .content .t2 {
    font-size: 18px;
    margin-top: 10px; }

  .home-page .s2 .content .index-count .count-item .icon {
    width: 40px;
    height: 40px; }

  .home-page .s2 .content .index-count .count-item .num {
    font-size: 18px; }

  .home-page .s2 .content .index-count .count-item .desc {
    width: unset; }

  .home-page .s2 .content .index-count .count-item .line {
    width: unset; }

  .home-page .s4 {
    padding-top: 50px; }

  .home-page .s4 .t2 {
    font-size: 18px; }

  .home-page .s4 .t3 {
    font-size: 16px; }

  .home-page .s4 .title {
    font-size: 22px; }

  .home-page .s4 .list {
    padding-top: 30px; }

  .home-page .s4 .list .row {
    gap: 5%; }

  .home-page .s4 .list .row .pic {
    width: 20%;
    margin-bottom: 10px; }

  .home-page .s4 .list .row img {
    height: 60px; }

  footer .footer-part {
    padding: 1px 10px; }

  footer .footer-part .content .nav {
    flex-direction: column;
    float: unset; }

  footer .footer-part .content .nav .nav-item {
    float: unset;
    margin-bottom: 10px; } }
@media screen and (max-width: 700px) {
  .sub-banner .swiper-slide .pic {
    height: 200px; } }

/*# sourceMappingURL=media.css.map */