@media only screen and (max-width: 1280px) {
  .banner-page {
    height: 260px;
  }

  .footer-custom .footer-main .footer-top .footer-right .footer-info .info {
    max-width: 300px;
  }
}
@media only screen and (max-width: 1024px) {
  .navtop-custom {
    width: 100vw;
    position: sticky;
    top: 0;
    left: 0;
    z-index: 100;
    transform: translateX(0);
  }
  .navtop-custom.showwhite .navtop-main {
    width: 100% !important;
  }
  .navtop-custom.showwhite .navtop-main .navtop-right {
    opacity: 1 !important;
  }
  .navtop-custom.on .navtop-main {
    width: 100% !important;
  }
  .navtop-custom.on .navtop-main .navtop-right {
    opacity: 1 !important;
  }

  .navtop-custom .navtop-main .navtop-left {
    width: calc(252px - var(--navheight));
  }
  .navtop-custom .navtop-main .navtop-left .navtop-mune {
    display: none;
  }

  .navtop-custom .navtop-main .navtop-right {
    width: calc(100vw - 252px + var(--navheight));
  }

  .navtop-custom .navtop-main .navtop-right .navtop-right-mobile {
    display: flex;
  }

  .navtop-custom .navtop-main .navtop-right .navtop-right-pc {
    display: none;
  }
}
@media only screen and (max-width: 960px) {
  .page-btn {
    width: 150px;
    height: 45px;
    line-height: 45px;
    border-radius: 30px;
  }

  .footer-custom .footer-main .footer-top {
    display: block;
  }

  .footer-custom .footer-main .footer-top .footer-right {
    width: 100%;
    display: flex;
    justify-content: start;
    margin-top: 0.5rem;
  }
}
@media only screen and (max-width: 768px) {
  .banner-page {
    height: 180px;
  }

  .navigation-custom {
    display: none;
  }

  .footer-custom .footer-main .footer-top {
    padding: 0.8rem 0 0.8rem;
  }

  .footer-custom .footer-main .footer-top .footer-right .footer-list {
    display: none;
  }

  .footer-custom .footer-main .footer-top .footer-right .footer-info {
    position: relative;
    padding-left: 0;
  }

  .footer-custom .footer-main .footer-top .footer-right .footer-info .info {
    width: 100%;
    max-width: 100%;
  }

  .footer-custom .footer-main .footer-top .footer-right .footer-info::after {
    content: "";
    width: 0;
  }

  .footer-custom .footer-main .footer-bottom .b-tool {
    display: none;
  }

  .footer-custom .footer-main .footer-firends {
    display: none;
  }

  .footer-fixed .footer-search {
    display: none;
  }
}
@media only screen and (max-width: 540px) {
  .banner-page {
    height: 140px;
  }
}
@media only screen and (max-width: 1600px) {
  .index-banner .swiper-button-next {
    right: 5%;
  }

  .index-banner .swiper-button-prev {
    left: 5%;
  }
}
@media only screen and (max-width: 1400px) {
  .main-404 .wrap-404 .cont-404 .imgs {
    width: 80%;
    height: auto;
    display: block;
    margin: 0 auto;
  }

  .product-cmain .product-hot .hot-item {
    width: calc((100% -(8px* 4)) / 5);
    height: 296px;
    margin-right: 8px;
    margin-bottom: 10px;
  }

  .product-cmain .product-hot .hot-wrap1 .hot-item:first-child {
    width: 40%;
    height: calc(296px* 2 + 10px);
  }
}
@media only screen and (max-width: 1280px) {
  .product-cmain .product-hot .hot-item {
    width: calc((100% -(8px* 4)) / 5);
    height: 276px;
    margin-right: 8px;
    margin-bottom: 10px;
  }

  .product-cmain .product-hot .hot-wrap1 .hot-item:first-child {
    width: 40%;
    height: calc(276px* 2 + 10px);
  }

  .class-custom {
    margin-right: 0.4rem;
    width: 240px;
  }

  .product-vmain .product-wrap .product-form .form-wrap1 .wrap1-left {
    flex: none;
    width: 100%;
    max-width: 100%;
  }

  .product-vmain .product-wrap .product-form .form-wrap1 .wrap1-right {
    width: 100%;
    margin-top: 0.2rem;
  }

  .index-banner {
    width: 100%;
    position: relative;
    padding-top: calc(800 / 1920 * 100%);
    box-sizing: border-box;
  }

  .index-banner .swiper-button-next {
    display: none;
  }

  .index-banner .swiper-button-prev {
    display: none;
  }

  .service-main .service-class .class-item {
    height: 70px;
  }
}
@media only screen and (max-width: 1024px) {
  .product-cmain .product-hot .hot-item .cont {
    padding: 0.3rem 0.2rem;
  }

  .product-cmain .product-hot .hot-item {
    width: calc((100% -(8px* 4)) / 5);
    height: 236px;
    margin-right: 8px;
    margin-bottom: 10px;
  }

  .product-cmain .product-hot .hot-wrap1 .hot-item:first-child {
    width: 40%;
    height: calc(236px* 2 + 10px);
  }

  .class-custom {
    display: none;
  }

  .product-vmain .product-wrap .product-form .form-wrap2 .wrap2-box .tbox {
    width: 80px;
    padding-right: 15px;
  }

  .product-vmain .product-wrap .product-form .form-wrap2 .wrap2-box .cont .c-item {
    width: calc(100% / 4);
    margin-bottom: 4px;
    display: none;
  }

  .program-box .list-main .list .item {
    position: relative;
    width: calc((100% - (0.34rem * 2)) / 3);
    margin-top: 0.4rem;
    margin-right: 0.34rem;
    padding-top: 0.2rem;
  }
  .program-box .list-main .list .item:nth-child(4n) {
    margin-right: 0.34rem;
  }
  .program-box .list-main .list .item:nth-child(3n) {
    margin-right: 0;
  }

  .index-product .product-main .product-swiper .swiper-item:hover .pics .pic-imgs .imgs {
    filter: drop-shadow(138px 0 #F8B617);
    -webkit-backdrop-filter: drop-shadow(138px 0 #F8B617);
    -webkit-filter: drop-shadow(138px 0 #F8B617);
  }
  .index-product .product-main .product-swiper .swiper-item .pics {
    height: 138px;
  }

  .index-product .product-main .product-swiper .swiper-item .pics .pic-imgs {
    height: 138px;
    width: 138px;
  }
  .index-product .product-main .product-swiper .swiper-item .pics .pic-imgs .imgs {
    width: 138px;
    height: 138px;
    transform: translateX(-138px);
    filter: drop-shadow(138px 0 #BEBEBE);
    -webkit-backdrop-filter: drop-shadow(138px 0 #BEBEBE);
    -webkit-filter: drop-shadow(138px 0 #BEBEBE);
  }

  .about-honor .honor-main .honor-main .honor-cont {
    max-width: 100%;
    flex: none;
    width: 100%;
  }

  .about-honor .honor-main .honor-main .swiper-button-next,
.about-honor .honor-main .honor-main .swiper-button-prev {
    display: none !important;
  }

  .about-honor .honor-main .honor-main .honor-cont .honor-swiper .swiper-slide {
    width: 300px;
    background: #fff;
  }
}
@media only screen and (max-width: 960px) {
  .service-main .service-wrap1 .wrap1-main .wrap1-pics {
    display: none;
  }

  .service-main .service-wrap1 .wrap1-main .wrap1-cont .wrap1-table .wrap1-tr .wrap1-td {
    min-height: 50px;
    padding: 0 14px;
  }

  .service-main .service-wrap1 .wrap1-main .wrap1-cont .wrap1-table .wrap1-tr.v-tr .wrap1-td.td1 {
    padding-left: 0;
    text-align: center;
  }
}
@media only screen and (max-width: 768px) {
  .main-404 .wrap-404 .cont-404 .imgs {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
  }

  .product-cmain .product-hot .hot-wrap1 {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
  }
  .product-cmain .product-hot .hot-wrap1 .hot-item {
    float: none;
    width: calc((100% - 0.3rem) / 2);
    margin-right: 0.3rem;
  }
  .product-cmain .product-hot .hot-wrap1 .hot-item:nth-child(2n) {
    margin-right: 0.3rem;
  }
  .product-cmain .product-hot .hot-wrap1 .hot-item:nth-child(5n) {
    margin-right: 0.3rem;
  }
  .product-cmain .product-hot .hot-wrap1 .hot-item:nth-child(odd) {
    margin-right: 0;
  }
  .product-cmain .product-hot .hot-wrap1 .hot-item:first-child {
    float: none;
    width: 100%;
    height: auto;
    margin-right: 0 !important;
  }
  .product-cmain .product-hot .hot-wrap1 .hot-item:first-child .cont {
    width: 100%;
    padding: 0.6rem 0.2rem;
    box-sizing: border-box;
    text-align: center;
    line-height: 1;
  }
  .product-cmain .product-hot .hot-wrap1 .hot-item:first-child .cont .tt {
    width: 100%;
    font-size: var(--fz30);
  }
  .product-cmain .product-hot .hot-wrap1 .hot-item:first-child .cont .dd {
    font-size: var(--fz20);
    margin-top: 0.3rem;
  }

  .product-cmain .product-hot .hot-item {
    width: calc((100% - 0.3rem) / 2);
    margin-right: 0.3rem;
    height: auto;
  }
  .product-cmain .product-hot .hot-item:nth-child(2n) {
    margin-right: 0;
  }
  .product-cmain .product-hot .hot-item:nth-child(5n) {
    margin-right: 0.3rem;
  }

  .product-cmain .product-hot .hot-item .cont {
    padding: 0.4rem 0.2rem;
  }
  .product-cmain .product-hot .hot-item .cont .dd {
    margin-top: 0.2rem;
  }

  .program-box .class-main {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 0.6rem 0 0.3rem;
  }

  .program-box .class-main .class-a {
    display: block;
    line-height: 1;
    color: #303030;
    font-size: var(--fz14);
    margin-right: 0.6rem;
    margin-bottom: 0.4rem;
  }

  .program-box .list-main .list .item {
    position: relative;
    width: calc((100% - (0.34rem * 1)) / 2);
    margin-top: 0.4rem;
    margin-right: 0.34rem;
    padding-top: 0.2rem;
  }
  .program-box .list-main .list .item:nth-child(4n) {
    margin-right: 0.34rem;
  }
  .program-box .list-main .list .item:nth-child(3n) {
    margin-right: 0.34rem;
  }
  .program-box .list-main .list .item:nth-child(2n) {
    margin-right: 0;
  }

  .news-main .news-form .form-cont .form-item {
    width: calc((100% - (0.3rem * 1)) / 2);
    margin-right: 0.3rem;
    border-bottom: 2px solid #F8B617;
  }

  .index-product .product-tips .tips-text {
    min-height: 48px;
    height: auto;
    line-height: 1.4;
    padding: 10px 0;
  }

  .service-main .service-wrap2 .cont .pc-cont {
    display: none;
  }

  .service-main .service-wrap2 .cont .mobile-cont {
    width: 100%;
    display: block;
  }

  .form-main .form-box .form-item {
    width: 100%;
    margin-bottom: 0.35rem;
  }

  .about-info .info-main .info-box {
    display: block;
  }

  .about-info .info-main .info-box .info-right {
    width: 100%;
    flex-shrink: 0;
    margin-left: 0;
    box-sizing: border-box;
    margin-top: 0.5rem;
  }

  .about-culture .culture-main {
    display: block;
  }

  .about-culture .culture-main .culture-right {
    width: 100%;
    margin-top: 0.5rem;
  }

  .about-honor .honor-main .honor-main .honor-cont .honor-swiper .swiper-slide {
    width: 250px;
    background: #fff;
  }
}
@media only screen and (max-width: 680px) {
  .productview-main .productview-wrap .productview-hot .hot-box .cccont {
    width: 100%;
    padding: 0.5rem 0.2rem;
    box-sizing: border-box;
    text-align: center;
    line-height: 1;
  }

  .productview-main .productview-wrap .productview-info {
    display: block;
  }

  .productview-main .productview-wrap .productview-info .info-left {
    width: 100%;
    max-width: 100%;
    flex-shrink: 0;
    margin-right: 0;
    padding-right: 0;
    border-right: none;
  }

  .productview-main .productview-wrap .productview-info .info-right {
    flex: 1;
    padding: 0.5rem;
  }

  .productview-main .productview-wrap .productview-cont .more-list {
    display: none;
  }

  .product-vmain .product-wrap .product-form .form-wrap1 .wrap1-left .wrap1-item {
    width: 100%;
    position: relative;
    background: #FFFFFF;
    margin-bottom: 0.2rem;
    margin-right: 0;
  }

  .product-vmain .product-wrap .product-form .form-wrap1 .wrap1-left .reset-btn {
    width: 100%;
  }

  .product-vmain .product-wrap .product-form .form-wrap2 {
    display: none;
  }

  .product-vmain .product-wrap .product-table .tr .td:not(:first-child) {
    display: none;
  }
  .product-vmain .product-wrap .product-table .tr .td.more {
    display: block !important;
  }

  .index-banner {
    width: 100%;
    position: relative;
    padding-top: calc(900 / 1920 * 100%);
    box-sizing: border-box;
  }

  .index-product .product-main .product-swiper .swiper-item:hover .pics .pic-imgs .imgs {
    filter: drop-shadow(118px 0 #F8B617);
    -webkit-backdrop-filter: drop-shadow(118px 0 #F8B617);
    -webkit-filter: drop-shadow(118px 0 #F8B617);
  }
  .index-product .product-main .product-swiper .swiper-item .pics {
    height: 118px;
  }

  .index-product .product-main .product-swiper .swiper-item .pics .pic-imgs {
    height: 118px;
    width: 118px;
  }
  .index-product .product-main .product-swiper .swiper-item .pics .pic-imgs .imgs {
    width: 118px;
    height: 118px;
    transform: translateX(-118px);
    filter: drop-shadow(118px 0 #BEBEBE);
    -webkit-backdrop-filter: drop-shadow(118px 0 #BEBEBE);
    -webkit-filter: drop-shadow(118px 0 #BEBEBE);
  }
}
@media only screen and (max-width: 540px) {
  .productview-main .productview-wrap .productview-cont .tab-list .tab {
    width: 50%;
    border-right: 1px solid #e0e0e0;
  }
  .productview-main .productview-wrap .productview-cont .tab-list .tab:nth-child(2n) {
    border-right: none;
  }
  .productview-main .productview-wrap .productview-cont .tab-list .tab:nth-child(3n) {
    border-top: 1px solid #e0e0e0;
  }
  .productview-main .productview-wrap .productview-cont .tab-list .tab:nth-child(4n) {
    border-top: 1px solid #e0e0e0;
  }
  .productview-main .productview-wrap .productview-cont .tab-list .tab:not(:last-child):after {
    opacity: 0;
  }

  .newview-toolbox {
    width: 100%;
    background-color: #F7F8F8;
    box-sizing: border-box;
    padding: 0.5rem 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    margin-top: 0.6rem;
  }

  .newview-toolbox .newview-tool {
    display: block;
  }

  .newview-toolbox .newview-tool .next-btn {
    flex-shrink: 0;
    margin-left: 0;
    margin-top: 0.5rem;
  }

  .news-main .news-list .news-item .news-cont .cont {
    display: block;
  }

  .news-main .news-list .news-item .news-cont .cont .pics {
    width: 100%;
    max-width: 100%;
    margin-right: 0;
    flex-shrink: 0;
  }

  .news-main .news-list .news-item .news-cont .cont .box .next-btn {
    margin-top: 1.5rem;
  }

  .news-main .news-list .news-item .news-cont .cont .box {
    width: 100%;
    margin-top: 0.6rem;
  }

  .about-honor .honor-main .honor-main .honor-cont .honor-swiper .swiper-slide {
    width: 100%;
    background: #fff;
  }

  .service-main .service-wrap1 .form-cont .form-item {
    width: 100%;
    max-width: 100%;
    background: #FFFFFF;
  }

  .service-main .service-class {
    display: none;
    background: #FFFFFF;
  }
  .service-main .service-class.v-mobile {
    display: block !important;
  }

  .service-main .service-wrap1 .wrap1-main .wrap1-cont .wrap1-table .wrap1-tr .wrap1-td.td4 {
    width: 100px;
  }

  .service-main .service-wrap1 .wrap1-main .wrap1-cont .wrap1-table .wrap1-tr .wrap1-td.td1 {
    display: none;
  }

  .service-main .service-wrap1 .wrap1-main .wrap1-cont .wrap1-table .wrap1-tr .wrap1-td.td3 {
    display: none;
  }
}
@media only screen and (max-width: 480px) {
  .product-cmain .product-hot .hot-wrap1 {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
  }
  .product-cmain .product-hot .hot-wrap1 .hot-item {
    float: none;
    width: 100%;
    margin-right: 0;
  }
  .product-cmain .product-hot .hot-wrap1 .hot-item:nth-child(2n) {
    margin-right: 0;
  }
  .product-cmain .product-hot .hot-wrap1 .hot-item:nth-child(5n) {
    margin-right: 0;
  }
  .product-cmain .product-hot .hot-wrap1 .hot-item:nth-child(odd) {
    margin-right: 0;
  }
  .product-cmain .product-hot .hot-wrap1 .hot-item:first-child {
    float: none;
    width: 100%;
    height: auto;
    margin-right: 0 !important;
  }
  .product-cmain .product-hot .hot-wrap1 .hot-item:first-child .cont {
    width: 100%;
    padding: 0.6rem 0.2rem;
    box-sizing: border-box;
    text-align: center;
    line-height: 1;
  }
  .product-cmain .product-hot .hot-wrap1 .hot-item:first-child .cont .tt {
    width: 100%;
    font-size: var(--fz18);
  }
  .product-cmain .product-hot .hot-wrap1 .hot-item:first-child .cont .dd {
    font-size: var(--fz14);
    margin-top: 0.2rem;
  }

  .product-cmain .product-hot .hot-item {
    width: 100%;
    margin-right: 0;
    height: auto;
  }
  .product-cmain .product-hot .hot-item:nth-child(2n) {
    margin-right: 0;
  }
  .product-cmain .product-hot .hot-item:nth-child(5n) {
    margin-right: 0;
  }

  .program-box .list-main .list .item {
    position: relative;
    width: 100%;
    margin-top: 0.4rem;
    margin-right: 0;
    padding-top: 0.2rem;
  }
  .program-box .list-main .list .item:nth-child(4n) {
    margin-right: 0;
  }
  .program-box .list-main .list .item:nth-child(3n) {
    margin-right: 0;
  }
  .program-box .list-main .list .item:nth-child(2n) {
    margin-right: 0;
  }

  .news-main .news-form .form-cont .form-item {
    width: 100%;
    margin-right: 0;
    border-bottom: 2px solid #F8B617;
  }

  .index-banner {
    width: 100%;
    position: relative;
    padding-top: calc(1500 / 1920 * 100%);
    box-sizing: border-box;
  }
}
@media only screen and (max-width: 375px) {
  .about-honor .honor-main .honor-main .honor-cont .honor-swiper .swiper-slide {
    width: 100%;
    background: #fff;
  }
}