@media (min-width:1601px) {
    .index-product-wrap .product-swiper .swiper-slide a{
        padding: .25rem 1rem;
        font-size: 1.35rem;
        height: 112px;
    }
    .index-product-wrap .product-swiper .swiper-slide a>img{width:64px;height:64px;}
    .index-about-wrap .jumbotron .lead{font-size:1.25rem;}
    #index-pills-tabcontent .card .card-header .card-text{font-size:1rem;}
    #index-pills-tabcontent .card .card-header>h5>a{font-size:1.5rem;}
    .index-about-wrap .card-title {font-size: 2rem;}
    .index-about-wrap .card-text{font-size: 1.25rem;}
    .index-product-wrap .more a,.index-about-wrap .more a{
        font-size: 1.25rem;
    }
    #newsTabs .nav-link{font-size:1.25rem;}
    .footer .card .card-body li>a{font-size:1rem;}
    .header_main .nav_main .item:first-child>a::before{
        left:20px;
    }
    .header_main .nav_main .item:first-child.active>a::before, .header_main .nav_main .item:first-child:hover a::before {
        left: 18%;
        top: 10%;
    }
    .header_main .nav_main .item.active a::before, .header_main .nav_main .item:hover a::before{
        top:10%;
        left:25%;
    }
    .header_main .nav_main .item:hover a::before{
        top:10%;
        left:25%;
    }
    .header_main .nav_main .item a::before{
        top:15%;
        left:30%;
    }
    .index-about-wrap .card-title {
        font-size: 3rem;
    }
    .index-about-wrap .card-body img{height:64px;}
    .news-info-box .jumbotron>h3{padding-left: 4rem;padding-right:4rem;}
}
@media (max-width: 1600px) {
    .index-product-wrap .more a,.index-about-wrap .more a{
        font-size: 0.95rem;
    }
    .header_main .nav_main .item a{
        padding: 20px 10px 0 10px;
    }
    .header_main .nav_main .item:first-child.active i {
        left: -8%;
        top: 21%;
    }
    .header_main .nav_main .item.active i{
        left: 21%;
        top: 21%;
    }
    .header_main .nav_main .item:hover i{
        left: 21%;
        top: 21%;
    }
    .header_main .searcher{margin-top: 20px}

    .category-item{padding: 20px 25px;}
    .top-news p{line-height: 1.5em;}
    .top-news .desc{-webkit-line-clamp: 2;}
    .rec-news-list .party-news-list li a{padding: 5px 0}

    .search-box .search{width: 60%;left: 20%}

    .news-info-box .jumbotron>h3{padding-left: 4rem;padding-right:4rem;}
}
@media (max-width: 1200px) {

    .swiper-button-next{right: 10px}
    .swiper-button-prev{left: 10px}
    .channel-title .channel-name{font-size: 20px}
    .channel-title .icon-bg{width: 30px;height: 30px}
    .channel-title .more{padding: 3px 20px;margin-top: 7px}
    .m-party-header{display: none}
    .category-item{padding: 20px 30px;}
    .category-item .title h5{font-size: 16px}
    .search-box .search{width: 70%;left: 15%}
    .index-about-wrap .card-title {
        font-size: 2rem;
    }

    .news-info-box .jumbotron>h3{padding-left: 2rem;padding-right:2rem;}
}
@media (max-width: 768px) {
    .page-channel li{padding: 15px 10px;}
    .page-channel li a{font-size: 16px}
    .about-box .about-title{font-size: 30px}
    .swiper-button-next{right: 10px}
    .swiper-button-prev{left: 10px}
    .sub-nav a{padding: 10px 20px;margin: inherit;font-size:1.1rem;}
    .party-header{display: none}
    .m-party-header{display: block}
    .party-pages{margin-top: 50px}
    .other-news .back-list{padding: 15px 0}
    .product-list .product-info{width: 100%}
    .product-list .product-detail{display: none}
    .category-item{padding: 20px 25px;}
    .category-item .title h5{font-size: 14px}
    .search-box .search{width: 80%;left: 10%}
    .search-box .search-input{width: calc(100% - 110px);}
    .search-box .search-btn{padding: 10px 30px}
    .index-product-wrap .jumbotron,.index-about-wrap .jumbotron{padding-left:1rem !important;padding-right:1rem !important;}
    .index-about-wrap .card-body{padding-left:0 !important;padding-right:0 !important;}
    .breadcrumb {padding:.25rem 1rem;}
    .job-box{padding:40px 0;}
    #news-carousel .carousel-item,#news-carousel .carousel-item .img{height: 220px;}
    .news-info-box .jumbotron>h3{padding-left:0;padding-right:0;}
}
