@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;} }