@media (max-width: 990px) {
  .banner .content .title a {
    font-size: 26px;
  }
  footer {
    padding-bottom: 40px;
  }
  footer .foot_flex .right ul li {
    padding: 5px 0;
  }
  footer .foot_flex {
    flex-wrap: wrap;
  }
  footer .foot_flex .left {
    width: 100%;
  }
  footer .foot_flex .middle {
    order: 3;
    width: 100%;
    margin-top: 1.25rem;
  }
  footer .foot_flex .right {
    width: 100%;
    order: 2;
    margin-top: 1.25rem;
  }
  .foot-fot {
    display: block;
  }
  .banner .content .search_box {
    width: 100%;
    height: auto;
  }
  .channel_product .flex_box {
    flex-wrap: wrap;
  }
  .channel_product .flex_box .left {
    width: 100%;
    position: relative;
  }
  .channel_product .right {
    flex: unset;
    width: 100%;
    padding-top: 20px;
    padding-left: 15px;
    padding-bottom: 30px;
  }
  .channel_product .right .grid_box {
    grid-template-columns: repeat(3, 1fr);
  }
  .channel_product .left .one .oneli .two {
    position: relative;
    width: 100%;
    top: unset;
    left: unset;
  }
  body {
    padding: 0;
  }
}
@media (max-width: 767px) {
  .channel_product .left .one .oneli .two {
    height: auto;
  }
  .carousel__button svg {
    width: 1.5rem;
    height: 1.5rem;
  }
  .fancybox__content > .carousel__button.is-close {
    top: 10px;
    right: 10px;
  }
  .proinfo .text .tt {
    font-size: 20px;
    line-height: 1.5;
  }
  .proinfo .text {
    flex: unset;
    padding-left: 0;
    width: 100%;
    padding-top: 15px;
  }
  .proinfo {
    width: 100%;
    padding: 40px 20px;
  }
  .show_product .text_box {
    width: 100%;
  }
  .show_product .le {
    width: 100%;
    flex-wrap: wrap;
  }
  .proinfo .over {
    width: 100%;
  }
  .show_product .product_box .pro_box {
    grid-template-columns: 1fr 1fr;
    gap: 15px;
  }
  .show_product .product_box .pro_box .pro_img {
    padding: 10px;
  }
  .show_product .product_box .title {
    font-size: 24px;
  }
  .show_product .content {
    padding-top: 15px;
  }
  .show_product .tjqy,
  .show_product .logo {
    margin-bottom: 10px;
  }
  .show_product .flex_top {
    padding-bottom: 20px;
  }
  .show_product .ri ul {
    grid-template-columns: 1fr;
  }
  .show_product .ri {
    width: 100%;
    padding-left: 0;
    border-left: unset;
    margin-top: 20px;
  }
  .channel_product .right .grid_box2 .grid_item .logo,
  .channel_product .right .grid_box2 .grid_item .text {
    margin-bottom: 10px;
  }
  .channel_product .right .grid_box2 .grid_item .text {
    width: 100%;
  }
  .channel_product .right .grid_box2 .grid_item .pro_box .pro_img {
    padding: 15px;
  }
  .channel_product .right .grid_box2 {
    gap: 20px;
  }
  .channel_product .right .grid_box2 .grid_item .pro_box {
    grid-template-columns: 1fr 1fr;
    gap: 15px;
  }
  .channel_product .right .grid_box2 .grid_item {
    padding: 25px 15px;
  }
  .channel_product .right .bottom .over {
    height: 140px;
  }
  .channel_product .right .bottom .over img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 20%;
  }
  .channel_product .right .grid_box .grid_item .text {
    padding: 20px 10px;
  }
  .channel_product .right .grid_box {
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
  }
  .channel_product .left .one .oneli .two .twoli .tt {
    line-height: 3rem;
    font-size: 1rem;
  }
  .channel_product .left .one .oneli:hover .two,
  .channel_product .left .one .oneli.active .two {
    display: block;
    visibility: visible;
  }
  .channel_product .left .one .oneli .two {
    display: none;
    opacity: 1;
  }
  .channel_product .left .one .oneli .two .twoli .sec a {
    line-height: 3rem;
    padding: 0 5px;
  }
  .channel_product .left .one .oneli .two .twoli .sec {
    flex-wrap: wrap;
    gap: 0;
  }
  .channel_product .left .one .oneli .two {
    padding: 20px;
  }
  .channel_product .left .one .oneli > a {
    padding-left: 15px;
    padding-right: 15px;
  }
  .channel_product .left .title {
    font-size: 24px;
    line-height: 3rem;
  }
  .banner .content .search_box form .input_box button {
    padding-right: 1rem;
  }
  .banner .content .search_box form .input_box button svg {
    width: 1.35rem !important;
    height: 1.35rem !important;
  }
  .banner .content .search_box .yuyan span {
    font-size: 1.25rem;
  }
  .banner .img {
    height: 80vw;
  }
  .banner .img img {
    width: auto;
    height: 100%;
    object-fit: cover;
  }
  .banner .content .search_box .yuyan i.icon-yuyan {
    font-size: 1.5rem;
  }
  .banner .content .search_box {
    padding: 10px 20px;
    align-items: center;
    flex-wrap: wrap;
  }
  .banner .content .search_box form .input_box input {
    flex: unset;
    width: 80%;
    font-size: 1.25rem;
  }
  .banner .content .search_box form .input_box input::placeholder {
    font-size: 1.25rem;
  }
  .banner .content .title {
    font-size: 30px;
  }
  .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;
  }
}