@media (max-width: 990px) {
  .banner {
    margin-top: 0;
  }
  .foot-fot {
    display: block;
  }
  footer {
    display: none;
  }
  .list_contact_one .content .grid_box,
  .list_faq_tow .content .grid_box {
    grid-template-columns: 1fr 1fr;
  }
  .list_faq_tow::before,
  .pro_banner::before,
  .neibanner::before,
  .list_about_two::before,
  .banner::before,
  .index_two::before {
    height: 3rem;
    bottom: 0;
  }
  .pro_banner {
    padding-top: 50px;
  }
  .list_getting_one .content .grid_con .countdown {
    width: 29vw;
    height: 29vw;
  }
  .list_four .text {
    padding-top: 4.5rem;
  }
  .index_one .content .grid_box .grid_item:nth-child(1)::before {
    width: 3.5rem;
    top: 20px;
    right: 20px;
  }
}
@media (max-width: 767px) {
  .index_one .content .grid_box .grid_item:nth-child(1)::before {
    top: 20px;
    right: 20px;
    width: 2.5rem;
  }
  .index_one .content .grid_box .grid_item:nth-child(1) .text a {
    margin-top: 15px;
  }
  .index_one .content .grid_box .grid_item .text p {
    margin-top: 0px;
    font-size: 16px;
  }
  .index_two .content .grid_box .grid_item .text {
    padding-top: 20px;
  }
  .index_two .content .grid_box .grid_item .text h3 {
    font-size: 20px;
  }
  .index_two .content .grid_box .grid_item .text p {
    margin-top: 5px;
    font-size: 18px;
    line-height: 1.5;
  }
  .index_one .content .grid_box .grid_item .text {
    padding-top: 30px;
    padding-left: 20px;
  }
  .index_one .content .grid_box .grid_item .text h3 {
    font-size: 20px;
  }
  .list_contact_one .content .grid_box,
  .list_faq_tow .content .grid_box {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .list_contact_one .content .subtit {
    font-size: 20px;
  }
  .list_faq_three ul {
    margin-top: 20px;
  }
  .list_faq_three ul li .text {
    padding-left: 0;
  }
  .list_faq_three ul li {
    padding: 20px;
  }
  .list_faq_tow .content .grid_box .grid_item .tit,
  .list_faq_three ul li .text h3 {
    font-size: 20px;
  }
  .list_faq_tow .content .grid_box .grid_item {
    padding: 30px 20px;
  }
  .list_faq_tow .content .grid_box {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .list_faq_box ul li .text .p,
  .list_faq_tow .content .grid_box .grid_item .desc .pp {
    font-size: 1.125rem;
  }
  .list_faq_box ul li .text h3 {
    font-size: 20px;
  }
  .list_faq_box ul li .text {
    padding-left: 0;
  }
  .list_faq_box ul li {
    padding: 20px;
  }
  .list_faq_tow {
    padding-top: 30px;
    padding-bottom: 50px;
  }
  .list_faq_box,
  .list_faq_three,
  .list_contact_one {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .neibanner {
    height: 40vh;
  }
  .neibanner .img {
    width: 100%;
    height: 100%;
  }
  .neibanner .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .neibanner .neibanner_txt p {
    font-size: 16px;
    margin-top: 0;
  }
  .list_product_one .content .grid_box {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .pro_banner .right .swiper-button-prev,
  .pro_banner .right .swiper-container-rtl .swiper-button-next {
    top: 50%;
    left: -30px;
    transform: translateY(-50%);
    display: none;
  }
  .pro_banner .right .swiper-button-prev i,
  .pro_banner .right .swiper-container-rtl .swiper-button-next i {
    display: inline-block;
    transform: rotate(-90deg);
  }
  .pro_banner .right .swiper-button-next,
  .pro_banner .right .swiper-container-rtl .swiper-button-prev {
    top: 50%;
    right: -30px;
    left: unset;
    transform: translateY(-50%);
    display: none;
  }
  .pro_banner .right .swiper-button-next i,
  .pro_banner .right .swiper-container-rtl .swiper-button-prev i {
    display: inline-block;
    transform: rotate(-90deg);
  }
  .pro_banner .right .swiper_showtab {
    height: auto;
    margin: 0 -0.625rem;
  }
  .pro_banner .right .swiper_showtab .swiper-slide {
    padding: 0 0.625rem;
  }
  .pro_banner .right .right_swiper {
    width: 100%;
  }
  .pro_banner .right .le_swiper {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .pro_banner .right .flex_box {
    flex-wrap: wrap;
  }
  .pro_banner .left .more_btn {
    display: flex;
    flex-wrap: wrap;
  }
  .pro_banner .left .all_more {
    font-size: 1.125rem;
    margin-right: 0;
    margin-bottom: 20px;
  }
  .pro_banner .left .all_more .svg {
    width: 20px;
  }
  .pro_banner .left .title h4 {
    font-size: 18px;
  }
  .pro_banner {
    padding-top: 30px;
  }
  .pro_banner .left .title h3 {
    font-size: 24px;
    line-height: 1.5;
  }
  .pro_banner .left {
    width: 100%;
  }
  .pro_banner .right {
    width: 100%;
  }
  .list_getting_one .content h3 {
    font-size: 22px;
    line-height: 1.5;
  }
  .list_getting_one .content .grid_box .grid_item {
    display: flex;
    flex-direction: column;
  }
  .list_getting_one .content .grid_box .grid_item p {
    order: 1;
  }
  .list_getting_one .content .grid_con .countdown {
    width: 35vw;
    height: 35vw;
  }
  .list_getting_one .content .grid_con .countdown .countdown_box .countdown_num {
    font-size: 2.5rem !important;
  }
  .list_getting_one .content .grid_con .countdown .countdown_box .countdown_text {
    font-size: 18px;
  }
  .list_getting_one .content .grid_con .countdown::after {
    width: calc(100% - 1.5rem);
    height: calc(100% - 1.5rem);
  }
  .list_getting_one .content .grid_box {
    grid-template-columns: 1fr;
    gap: 20px;
    margin-bottom: 20px;
  }
  .index_three .content {
    margin-top: 20px;
  }
  .list_about_one .content .row .left {
    order: 1;
  }
  .list_about_one .content .row .col-lg-6 {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .pl30 {
    padding-left: 15px;
  }
  .list_about_one .content h3 {
    font-size: 22px;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: 0;
  }
  .list_about_one,
  .list_getting_one,
  .list_product_one,
  .list_product_two {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .neibanner .neibanner_txt h3 {
    font-size: 24px;
  }
  .banner .swiper-pagination-bullet {
    margin: 0 5px;
  }
  .banner .swiper-pagination {
    bottom: 3rem;
  }
  .list_four .text {
    padding-top: 6.5rem;
  }
  .list_four .text .bottom_btn {
    width: 15rem;
    height: 4rem;
    line-height: 4rem;
    margin-top: 20px;
  }
  .list_four .text .bottom_btn svg {
    width: 20px;
  }
  .list_message .content .img {
    width: 9.25rem;
  }
  .list_four .text .tit {
    font-size: 24px;
  }
  .banner .hover .pp {
    font-size: 2rem;
    top: -20%;
    width: 200px;
  }
  .list_four .text .subtit {
    font-size: 1.125rem;
  }
  .list_four .text .bottom_btn span {
    font-size: 18px;
  }
  .list_product_one .content .grid_box .grid_item .text h3 {
    font-size: 22px;
  }
  .list_product_one .content .grid_box .grid_item .text .pp,
  .index_one .content .grid_box .grid_item .text .pp {
    bottom: 5%;
  }
  .list_product_one .content .grid_box .grid_item .text > p {
    font-size: 1.125rem;
    line-height: 1.5;
  }
  .list_product_one .content .grid_box .grid_item .text {
    padding-top: 40px;
  }
  .list_product_one .content .grid_box .grid_item .text p {
    margin-top: 0;
  }
  .list_four {
    height: 40vh;
  }
  .list_four .bgimg {
    width: 100%;
    height: 100%;
  }
  .list_four .bgimg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 35%;
  }
  .list_message {
    padding-bottom: 30px;
  }
  .list_message .content .msg-a1 {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .list_message .content .title {
    font-size: 24px;
  }
  .list_message .content {
    padding: 30px 15px;
  }
  .index_three .content .grid_box .grid_item .text {
    height: auto;
    margin-bottom: 1.875rem;
  }
  .index_three .content .grid_box .grid_item {
    padding: 20px 20px;
  }
  .index_three .content .grid_box .grid_item .d {
    width: 3rem;
  }
  .list_faq_tow::before,
  .pro_banner::before,
  .neibanner::before,
  .list_about_two::before,
  .banner::before,
  .index_two::before {
    height: 2rem;
    bottom: 0;
  }
  .index_one .content .grid_box,
  .index_two .content .grid_box,
  .index_three .content .grid_box {
    grid-template-columns: 1fr;
    gap: 1.25rem;
  }
  .all_title h3 {
    font-size: 24px;
  }
  .all_title p {
    font-size: 18px;
  }
  .index_one,
  .index_three {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .index_two {
    padding-top: 1.875rem;
    padding-bottom: 3.125rem;
  }
  .banner .hover .p1 {
    font-size: 24px;
  }
  .banner .hover .p2 {
    font-size: 16px;
  }
  .banner .scroll {
    display: none;
  }
  .pt100,
  .pt95,
  .pt90,
  .pt85,
  .pt80 {
    padding-top: 30px;
  }
  .pt75,
  .pt70,
  .pt65,
  .pt60,
  .pt55,
  .pt50,
  .pt45 {
    padding-top: 20px;
  }
  .pt40,
  .pt35,
  .pt30,
  .pt25,
  .pt20,
  .pt15 {
    padding-top: 10px;
  }
  .pb120,
  .pb130,
  .pb135,
  .pb100,
  .pb95,
  .pb90,
  .ptb5,
  .pb80 {
    padding-bottom: 30px;
  }
  .pb75,
  .pb70,
  .pb65,
  .pb60,
  .pb55,
  .pb50,
  .pb45 {
    padding-bottom: 20px;
  }
  .pb40,
  .pb35,
  .pb30,
  .pb25,
  .pb20,
  .pb15 {
    padding-bottom: 10px;
  }
  .mb100,
  .mb95,
  .mb90,
  .mb85,
  .mb80,
  .mb75,
  .mb70,
  .mb65,
  .mb60 {
    margin-bottom: 30px;
  }
  .mb55,
  .mb50,
  .mb45,
  .mb40,
  .mb35 {
    margin-bottom: 20px;
  }
  .mb25,
  .mb20,
  .mb15,
  .mb30 {
    margin-bottom: 10px;
  }
  .mt100,
  .mt95,
  .mt90,
  .mt85,
  .mt80,
  .mt75,
  .mt70,
  .mt65,
  .mt60 {
    margin-top: 30px;
  }
  .mt55,
  .mt50,
  .mt45,
  .mt40,
  .mt35 {
    margin-top: 20px;
  }
  .mt30,
  .mt25,
  .mt20,
  .mt15 {
    margin-top: 10px;
  }
}