/* ---------------------- 棣栭〉banner 涓嬫柟鎸夐挳 ---------------------- */ .redesign-home { /* margin-top: 80px; */ background: #fff; } .redesign-home .redesign-container { position: relative; max-width: 1300px; margin: 0 auto; width: 92%; margin-bottom: 50px; margin-top: 30px; } .redesign-home .top-banner .swiper-slide { overflow: hidden; width: 100% !important; } .redesign-home .top-banner .swiper-slide img, .redesign-home .top-banner .swiper-slide video { position: relative; top: 0; left: 50%; transform: translateX(-50%); width: 100%; /* height: 580px; */ object-fit: cover; } .redesign-home .top-banner .banner-pagination .swiper-pagination-bullet { width: 30px; height: 4px; background: #afafaf; border-radius: 0; margin-right: 8px; transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1); } .redesign-home .top-banner .banner-pagination .swiper-pagination-bullet-active { background: #f9f9f9; } .redesign-home .top-banner .swiper-container-horizontal>.swiper-pagination-bullets, .redesign-home .top-banner .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 20px; } @media screen and (max-width: 1440px) { .redesign-home .redesign-container { max-width: 1000px; } .redesign-home .top-banner .swiper-slide img, .redesign-home .top-banner .swiper-slide video { /* height: 400px; */ } } @media screen and (max-width: 1240px) { .redesign-home .top-banner .swiper-slide img, .redesign-home .top-banner .swiper-slide video { width: 100%; } .redesign-home .top-banner .banner-pagination .swiper-pagination-bullet { width: 20px; height: 3px; margin-right: 6px; } } @media screen and (max-width: 1024px) { .redesign-home .top-banner .swiper-slide img, .redesign-home .top-banner .swiper-slide video { /* height: 260px; */ height: 100%; } } /* ---------------------- 浜у搧鍒嗙被 ---------------------- */ .redesign-home .new-home-product { position: relative; max-width: 1300px; margin: 80px auto; width: 92%; } .redesign-home .redesign-home-product { width: 100%; position: relative; margin: auto; padding-top: 30px; } .redesign-home .redesign-home-product .swiper-container { width: 92%; margin: auto; } .redesign-home .redesign-home-product .swiper-container .item { display: block; width: 100%; position: relative; margin-bottom: 40px; margin-top: 40px; transition: all 1.4s cubic-bezier(0.19, 1, 0.22, 1); border-radius: 8px; } .redesign-home .redesign-home-product .swiper-container .swiper-slide { margin-top: 0px !important; } .redesign-home .redesign-home-product .swiper-container .item .item-img { display: flex; justify-content: center; align-items: center; height: 50px; transition: all 1.4s cubic-bezier(0.19, 1, 0.22, 1); } .redesign-home .redesign-home-product .swiper-container .item .item-img .iconfont { font-size: 40px; color: #333; } .redesign-home .redesign-home-product .swiper-container .item .item-img .iconfont.iconbig { font-size: 60px; } .redesign-home .redesign-home-product .swiper-container .item .item-img .iconfont.iconmiddle { font-size: 50px; } .redesign-home .redesign-home-product .swiper-container .item .item-name { text-align: center; font-size: 16px; font-weight: 500; color: #333 !important; text-align: center; line-height: 26px; padding-top: 26px; } .redesign-home .redesign-home-product .swiper-container .item:hover .item-img .iconfont { color: #cc0000 !important; } .redesign-home .redesign-home-product .swiper-container .item:hover .item-name { color: #cc0000 !important; font-weight: 600; } .redesign-home .redesign-home-product .custom-swiper-btn { position: absolute; top: 50%; transform: translateY(-50%); height: 35px; width: 35px; outline: none; cursor: pointer; font-size: 14px; color: #cbcbcb; transition: all 0.4s; border-radius: 50%; line-height: 35px; text-align: center; box-shadow: 0px 0px 10px -3px #dedede; font-weight: 600; } .redesign-home .redesign-home-product .swiper-button-disabled { cursor: not-allowed; } .redesign-home .redesign-home-product .custom-swiper-btn:not(.swiper-button-disabled):hover { color: #cc0000; box-shadow: 0px 0px 10px 0px #dedede; } .redesign-home .redesign-home-product .swiper-prev { left: -10px; } .redesign-home .redesign-home-product .swiper-next { right: -10px; } .redesign-home .redesign-home-product .custom-swiper-pagination { position: relative; } .redesign-home .redesign-home-product .custom-swiper-pagination .swiper-pagination-bullet { margin: 0 9px; background: #cbcbcb; outline: none; } .redesign-home .redesign-home-product .custom-swiper-pagination .swiper-pagination-bullet-active { background: #cc0000; } .redesign-home .redesign-home-product .pc { display: block; position: relative; } .redesign-home .redesign-home-product .pc .swiper-container { padding-top: 10px; } .redesign-home .redesign-home-product .mobile { display: none; list-style: none; } .redesign-home .redesign-home-product .swiper-pagination { z-index: 1; } @media (max-width: 1440px) { .redesign-home .new-home-product { max-width: 1000px; margin: 60px auto; } .redesign-home .redesign-home-product .swiper-container .item .item-name { font-size: 14px; line-height: 22px; padding-top: 20px; } .redesign-home .redesign-home-product .swiper-container .item { margin-bottom: 20px; margin-top: 20px; } .redesign-home .redesign-home-product .swiper-container .item-img { height: 40px !important; } .redesign-home .redesign-home-product .swiper-container .item .item-img .iconfont { font-size: 35px; } .redesign-home .redesign-home-product .swiper-container .item .item-img .iconfont.iconbig { font-size: 55px; } .redesign-home .redesign-home-product .swiper-container .item .item-img .iconfont.iconmiddle { font-size: 45px; } .redesign-home .redesign-home-product .swiper-container img { max-width: 40px !important; } } @media (max-width: 992px) { .redesign-home .redesign-home-product .pc { display: none; } .redesign-home .redesign-home-product .mobile { display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; overflow: hidden; } .redesign-home .redesign-home-product .mobile li { width: 20%; margin-bottom: 40px; } .redesign-home .redesign-home-product .mobile li .item { padding: 5px 0; } .redesign-home .redesign-home-product .mobile li .item .item-img { color: #333; text-align: center; font-size: 0; line-height: 40px; display: flex; align-items: center; justify-content: center; margin-bottom: 5px; } .redesign-home .redesign-home-product .mobile li .item .item-img .iconfont { font-size: 30px; line-height: 40px; } .redesign-home .redesign-home-product .mobile li .item .item-img .iconfont.iconbig { font-size: 45px; } .redesign-home .redesign-home-product .mobile li .item .item-img .iconfont.iconmiddle { font-size: 35px; } .redesign-home .redesign-home-product .mobile li .item .item-name { color: #333; font-size: 14px; text-align: center; } .redesign-home .redesign-home-product .mobile li:hover .item .item-img { color: #cc0000; } .redesign-home .redesign-home-product .mobile li:hover .item .item-name { color: #cc0000; } } @media (max-width: 768px) { .redesign-home .new-home-product { margin: 40px auto 16px auto; } .redesign-home .redesign-home-product .mobile li { width: 25%; margin-bottom: 24px; } .redesign-home .redesign-home-product .mobile li .item .item-img { height: 40px; } .redesign-home .redesign-home-product .mobile li .item .item-img .iconfont { font-size: 30px; } .redesign-home .redesign-home-product .mobile li .item .item-img .iconfont.iconbig { font-size: 40px; } .redesign-home .redesign-home-product .mobile li .item .item-img .iconfont.iconmiddle { font-size: 35px; } .redesign-home .redesign-home-product .mobile li .item .item-name { font-size: 14px; } } @media (max-width: 500px) { .redesign-home .redesign-home-product .mobile li { width: 33%; } .redesign-home .redesign-home-product .mobile li .item .item-img { height: 30px; } .redesign-home .redesign-home-product .mobile li .item .item-img .iconfont { font-size: 25px; } .redesign-home .redesign-home-product .mobile li .item .item-img .iconfont.iconbig { font-size: 40px; } .redesign-home .redesign-home-product .mobile li .item .item-img .iconfont.iconmiddle { font-size: 35px; } .redesign-home .redesign-home-product .mobile li .item .item-name { font-size: 12px; } } /* ---------------------- 瑙e喅鏂规 ---------------------- */ .redesign-home .redesign-solution-container { width: 100%; margin: auto; } .redesign-home .solution-wraper { position: relative; } .redesign-home .solution-wraper>a { display: block; cursor: pointer; } .redesign-home .solution-video-wraper { position: relative; height: 360px; overflow: hidden; background: #000; } .redesign-home .solution-video-wraper video { display: block; width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .redesign-home .solution-wraper .solution-text { position: absolute; width: 92%; max-width: 1300px; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1); color: #fff; text-align: center; user-select: none; } .redesign-home .solution-wraper .solution-text .desc { position: relative; display: inline-block; font-size: 28px; font-weight: 500; color: #fff; line-height: 30px; margin-top: 32px; padding: 0 25px; text-align: center; user-select: none; } .redesign-home .solution-wraper .solution-text .desc .desc-icon-kuohao { position: absolute; color: #cc0000; font-size: 26px; } .desc-icon-kuohao.iconkuohao-zuo { left: 0; top: -5px; } .desc-icon-kuohao.iconkuohao-you { right: 0; bottom: -5px; } @media screen and (max-width: 1440px) { .redesign-home .solution-video-wraper { height: 320px; } .redesign-home .solution-wraper .solution-text .desc { font-size: 20px; } .redesign-home .solution-wraper .solution-text .desc .desc-icon-kuohao { font-size: 20px; } } @media screen and (max-width: 1024px) { .redesign-home .solution-wraper .solution-text .desc { font-size: 18px; line-height: 34px; margin-top: 20px; padding: 0 25px; } .redesign-home .solution-wraper .solution-text .desc .desc-icon-kuohao { font-size: 20px; } } @media screen and (max-width: 576px) { .redesign-home .solution-video-wraper { height: 260px; } } /* ---------------------- 鏂伴椈娲诲姩 ---------------------- */ .redesign-home .home-news { margin-top: 112px; padding-bottom: 2px; background: #e8e8e8; /* padding-top: 70px; */ } .redesign-home .news-wraper { margin-top: 44px; display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; } .redesign-home .news-wraper .news-item { width: 36.15%; position: relative; box-shadow: 0px 0px 6px -1px rgba(51, 51, 51, 0.15); } .redesign-home .news-wraper .news-item a { color: #333; display: block; position: relative; } .redesign-home .news-wraper .news-item .img-box { width: 100%; height: 300px; overflow: hidden; } .redesign-home .news-wraper .news-item .img-box .img { width: 100%; height: 100%; transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1); } .redesign-home .news-wraper .news-item .type { position: absolute; top: 18px; left: 20px; padding: 2px 20px; text-align: center; z-index: 8; border-radius: 16px; background: rgba(102, 102, 102, 0.4); } .redesign-home .news-wraper .news-item .type span { color: #fff; font-size: 16px; line-height: 24px; display: inline-block; } .redesign-home .news-wraper .news-item .text-box { background: #fff; text-align: left; padding: 28px 23px 16px 28px; } .redesign-home .news-wraper .news-item .text-box .time { font-size: 18px; line-height: 20px; font-weight: 600; color: #333; } .redesign-home .news-wraper .news-item .text-box .title { font-size: 16px; line-height: 24px; color: #333; font-weight: 600; margin-bottom: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .redesign-home .news-wraper .news-item .text-box .divide-line { width: 89px; height: 2px; background-color: #666666; margin: 3px 0 16px; padding: 0; display: block; text-align: left; } .redesign-home .news-wraper .news-item .text-box .desc { font-size: 14px; line-height: 24px; font-weight: 500; color: #999; height: 48px; overflow: hidden; margin-bottom: 4px; } .redesign-home .news-wraper .news-item .text-box .arrow { text-align: right; } .redesign-home .news-wraper .news-item .text-box .arrow .iconfont { color: #cc0000; display: inline-block; font-weight: 600; font-size: 20px; line-height: 20px; transform: rotate(-90deg); transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1); } .redesign-home .news-wraper .news-item a:hover .img-box .img { -webkit-transform: scale(1.05); transform: scale(1.05); } .redesign-home .news-wraper .news-item a:hover .text-box .arrow .iconfont { transform: translateX(-10px) rotate(-90deg); } .redesign-home .news-wraper .news-right { width: 24.6%; } .redesign-home .news-wraper .news-right #scroll { width: 100%; height: 491px; padding: 65px 20px 20px 28px; background: #fff; overflow: hidden; overflow-y: auto; } .redesign-home .news-wraper .news-right .list-box a { display: block; margin: 23px 0; } .redesign-home .news-wraper .news-right .list-box a:hover, .redesign-home .news-wraper .news-right .list-box a:hover .data { color: #cc0000; } .redesign-home .news-wraper .news-right .list-box h4 { font-size: 16px; line-height: 26px; font-weight: 600; } .redesign-home .news-wraper .news-right .list-box .data { font-size: 14px; line-height: 22px; color: #666; } .redesign-home .news-wraper .news-right #scroll::before { content: ""; height: 65px; position: absolute; right: 15px; left: 15px; top: 0; background: #fff; z-index: 1; } .redesign-home .news-wraper .news-right #scroll::after { content: ""; height: 20px; position: absolute; bottom: 0; left: 15px; right: 15px; background: #fff; z-index: 1; } .redesign-home .news-wraper .news-right .list-box::-webkit-scrollbar { width: 6px; height: 6px; } .redesign-home .news-wraper .news-right .list-box::-webkit-scrollbar-thumb { width: 15px; -webkit-box-shadow: inset 0 0 5px rgba(173, 173, 173); border-radius: 15px; background-color: rgb(173, 173, 173); border: 1px solid rgb(255, 255, 255); } .redesign-home .news-wraper .news-right .list-box::-webkit-scrollbar-track { border-radius: 0; } .redesign-home .news-btn { width: 100%; margin-top: 60px; text-align: center; } .redesign-home .news-btn a { margin: 0 15px; } .redesign-home .news-btn .btn { padding: 0 20px; min-width: 140px; height: 32px !important; line-height: 30px !important; text-align: center; display: inline-block; font-size: 16px; border-radius: 0; color: #fff; border: none; } .redesign-home .news-btn .btn.btn-info { background: #cc0000; } .redesign-home .news-btn .btn.btn-news { background: #5b5f5e; } .redesign-home .news-btn a:hover { opacity: 0.9; } @media screen and (max-width: 1440px) { .redesign-home .news-wraper .news-item { width: 32%; } .redesign-home .news-wraper .news-item .img-box { height: 200px; } .redesign-home .news-wraper .news-right { width: 32%; } .redesign-home .news-wraper .news-right #scroll { height: 391px; } } @media screen and (max-width: 992px) { .redesign-home .news-wraper { flex-wrap: wrap; } .redesign-home .news-wraper .news-item, .redesign-home .news-wraper .news-right { width: 100%; margin-bottom: 15px; } .redesign-home .news-wraper .news-item .type { border-radius: 12px; } .redesign-home .news-wraper .news-item .type span { font-size: 16px; line-height: 22px; } .redesign-home .news-wraper .news-item .text-box .time { font-size: 14px; line-height: 20px; } .redesign-home .news-wraper .news-item .text-box .divide-line { height: 1px; } .redesign-home .news-wraper .news-item .text-box .desc { font-size: 12px; line-height: 20px; height: 42px; } .redesign-home .news-btn .btn { padding: 0 10px; min-width: 140px; font-size: 16px; min-width: 100px; margin: 0 5px } } @media screen and (max-width: 768px) { .redesign-home .home-news { margin: 40px auto; } .redesign-home .news-btn { margin-top: 16px; } .redesign-home .news-wraper { margin-top: 24px; } .redesign-home .news-btn .btn { font-size: 14px; } .redesign-home .news-wraper .news-item .type span { font-size: 14px; } } /* ---------------------- 鏂伴椈娲诲姩 ---------------------- */ .redesign-home .news_list { margin-top: 44px; display: flex; flex-wrap: wrap; padding-right: 30% !important; } .redesign-home .home_news_main{ position: relative; padding: 70px 0 110px; } .redesign-home .news_list .news_item{ width: 50%; height: auto; padding: 0 42.5px 30px 41px; transition: .3s all; -webkit-transition: .3s all; cursor: pointer; border-right: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; } .redesign-home .news_list .news_item:nth-child(2n) { border-right: none; } .redesign-home .news_list .news_item:hover{ box-shadow: 0 0 15px 0 rgba(0,0,0,0.13); z-index: 1; } .redesign-home .news_list .news_item .text_box{ margin-top: 22.3px; } .redesign-home .news_list .news_item .text_box .type{ background: #cc0000; border-radius: 4px; font-size: 14px; color: #fff; padding: 2px 10px; min-width: 50px; text-align: center; display: inline-block; margin-bottom: 8px; } .redesign-home .news_list .news_item .text_box .title{ font-size: 18px; font-weight: bold; color: #333; letter-spacing: .11px; line-height: 32px; margin-bottom: 12px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .redesign-home .news_list .news_item .text_box .desc{ font-size: 16px; color: #333; line-height: 26px; margin-bottom: 7.3px; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; } .redesign-home .news_list .news_item .text_box .time{ font-size: 16px; color: #666; line-height: 25.57px; } .redesign-home .home-news .news-more{ position: absolute; bottom: 16px; right: 0; } .redesign-home .home-news .news-more .btn-news{ color:#9fa0a0; font-size: 16px; text-decoration: underline; } .redesign-home .home-news .news-more .btn-news:hover{ color: #cc0000; } @media screen and (max-width: 1440px){ .redesign-home .news_list .news_item .text_box{ margin-top: 20px; } .redesign-home .news_list .news_item .text_box .title{ font-size: 16px; } .redesign-home .news_list .news_item .text_box .desc,.redesign-home .news_list .news_item .text_box .time{ font-size: 14px;.redesign-home .news_list } @media screen and (max-width: 1200px){ .redesign-home .news_list .news_item{ padding: 0 32.5px 22px 30px; } } @media screen and (max-width: 992px){ .redesign-home .news_list .news_item{ padding: 0 22.5px 12px 20px; } .redesign-home .news_list { padding-right: 0 !important; } } .redesign-home .home-news .news-more .btn-news{ font-size:14px; } } @media screen and (max-width: 768px){ .redesign-home .news_list .news_item{ width: 100%; padding: 0 32.5px 22px 30px; } }