@media (max-width: 1680px) { .invest-ajax-cont { padding: .75rem; } } @media (max-width: 1366px) { .logo { margin-right: 1rem; } .nav-ls { margin-right: .75rem; } .invest-ajax-cont div { max-height: 60%; } .foot-top-lf-ls { margin-right: 1.5rem; } } @media (max-width: 1024px) { .w1600, .w1440, .w1200 { width: 90%; } .w1200 { min-width: 90%; max-width: 90%; } .head-url { margin-right: .5rem; } .head-url a { padding-right: 0; border-right: none; } .index-more { display: none; } .i-news { padding: 1rem 0 1.25rem; } .i-news-lf { padding-right: 0; width: 100%; } .i-news-box { flex-wrap: wrap; } .i-news-box::after { display: none; } .i-news-rg { width: 100%; padding: 0; margin-top: 1rem; } .i-news-swiper-cont { padding: 1rem .5em; } .i-news-container2 .swiper-slide>div { height: 16rem; } .index-pos, .banner-tit { left: 5%; } .index-pos p:nth-child(1), .banner-tit { font-size: .8rem; } .nav-bar .nav-container { padding: 1rem 0; } .about { padding: 1rem 0 1.5rem; } .about-intro-cont { width: 100%; padding-right: 0; border-right: none; } .about-intro-num { width: 100%; padding-left: 0; } .about-intro-num-top { margin-bottom: 1rem; } .about-intro { margin-bottom: 1rem; } .about-intro-num-btn>div div p { font-size: 1rem; } .dev-box { padding-top: 1rem; } .dev { top: 0; margin-bottom: 1rem; } .win-pos::after, .win-pos::before { width: 7rem; height: 7rem; } .win-pos-tit { width: 80%; margin: 0 auto; } .dev-tit p, .tit48 { font-size: .8rem; } .care { padding-left: 0; width: 90%; margin: 0 auto 1.5rem; } .care-tit { margin-bottom: 1.4rem; } .care-wrap { flex-wrap: wrap; } .care-cont { width: 100%; padding-right: 0; margin-bottom: .5rem; } .care-container { width: 100%; } .care-wrap .swiper-button-prev, .care-wrap .swiper-button-next { top: -2.5rem; bottom: auto; left: auto; } .care-wrap .swiper-button-prev { right: 2.5rem; } .care-wrap .swiper-button-next { right: 0; } .honor-container .swiper-slide { width: 33.3%; } .invest-box { flex-wrap: wrap; width: 90%; margin: 0 auto; } .invest-nav { width: 100%; display: flex; overflow-x: auto; padding: 0; } .invest-nav::-webkit-scrollbar-thumb, .invest-nav::-webkit-scrollbar, .invest-nav::-webkit-scrollbar-track { display: none; } .invest-nav p { min-width: max-content; margin-right: .5rem; } .invest-nav p:last-child { margin-right: 0; } .invest-ajax { width: 100%; height: auto; } .invest-ajax-box { width: 100%; left: 0; position: relative; } .invest-ajax-img { width: 55%; } .invest-ajax-cont { width: 45%; padding: 1rem 1rem .5rem; } .infor-top { position: relative; top: 0; right: auto; left: 0; justify-content: flex-start; margin-left: 5%; margin-bottom: 1rem; } .infor { padding: .8rem 0 1.5rem; } .news-ls { width: 32%; margin-right: 2%; } .news-ls:nth-child(4n) { margin-right: 2%; } .news-ls:nth-child(3n) { margin-right: 0; } .pro-sec { overflow-x: auto; } .pro-sec::-webkit-scrollbar, .pro-sec::-webkit-scrollbar-thumb, .pro-sec::-webkit-scrollbar-track { display: none; } .pro-sec span { margin-right: 1rem; min-width: max-content; } .pro-sec span::after { left: calc(100% + .3rem); } .pri-ls { width: 32%; margin-right: 2%; } .pri-ls:nth-child(4n) { margin-right: 2%; } .pri-ls:nth-child(3n) { margin-right: 0; } .pro-info-wrap { padding-top: 1.2rem; flex-wrap: wrap; } .pro-info-lf { width: 100%; flex-wrap: wrap; padding-right: 0; margin-bottom: .5rem; } .pro-info-lf-swiper { width: 100%; height: auto; margin-right: 0; margin-bottom: .5rem; } .pro-info-lf-swiper .pro-container { margin-top: 0; height: auto; } .pro-container .swiper-slide { margin-bottom: 0; margin-right: .5rem; } .pro-info-lf-swiper .swiper-button-prev, .pro-info-lf-swiper .swiper-button-next { width: 0.75rem; height: 2.25rem; top: 0; bottom: auto; } .pro-info-lf-swiper .swiper-button-prev { left: 0; right: auto; } .pro-info-lf-swiper .swiper-button-next { right: 0; left: auto; } .pro-info-lf-swiper .swiper-button-prev::after, .pro-info-lf-swiper .swiper-button-next::after { transform: translate(0); } .pro-info-lf-change { width: 100%; height: 14rem; } .pro-info-rg { width: 100%; } .pro-info-cont { padding-top: 1rem; margin-bottom: 1rem; } .info-box { padding-top: 1rem; } .info-intro { margin-bottom: 1rem; } .info-cont { padding: 1rem 1.5rem; } .info-page { margin: 1rem auto 0; width: calc(100% - 3rem); } .hea-ls { width: 48%; margin-right: 4%; } .hea-ls:nth-child(3n) { margin-right: 4; } .hea-ls:nth-child(2n) { margin-right: 0; } .contact { flex-wrap: wrap; } .con-lf { width: 100%; padding: 1rem 5%; } .con-lf-top { margin-bottom: .7rem; } .map { width: 100%; height: 15rem; } .crumb { left: 5%; } } @media (max-width: 767px) { .logo { width: 5rem; } .index-pos p:nth-child(1), .banner-tit { font-size: .6rem; } .i-news-container .swiper-slide { width: 100%; } .i-news-swiper-img { height: 9rem; } .i-news-swiper-cont-time { width: 2.5rem; } .banner-tit { bottom: .5rem; } .win-pos::after, .win-pos::before { width: 5rem; height: 5rem; } .win-pos-tit { width: 95%; } .dev { flex-wrap: wrap; width: 100%; padding: 0 5%; } .dev-tit { width: 100%; padding: 1rem; } .dev::after { display: none; } .dev-intro { width: 100%; padding: 0 0 1.2rem; } .dev-intro .dev-container { padding: 0 0 0 1.5rem; } .care-container .swiper-slide { width: 80%; } .honor-container .swiper-slide { width: 100%; } .center-box div { width: 33.33%; height: 2.5rem; } .pad1 { padding: 1rem 0 1.5rem; } .invest-tit { margin-bottom: .6rem; padding-bottom: .6rem; } .invest-ajax-box { flex-wrap: wrap; } .invest-ajax-img { width: 100%; } .invest-ajax-cont { width: 100%; padding: 1rem 0; } .foot-top-lf { display: none; } .foot-top { margin-bottom: .7rem; } .foot-cent { flex-wrap: wrap; margin-bottom: .5rem; } .foot-cent-ls { width: 100%; margin-right: 0; margin-bottom: .5rem; } .foot-btn { flex-wrap: wrap; height: auto; } .footer { padding: 1rem 0; } .infor-ls { width: 100%; margin-right: 0; } .infor-ls:last-child { margin-bottom: 0; padding-bottom: 0; } .info-cont { padding: .5rem .8rem; } .nav-bar .nav-container { padding: .5rem 0; } .news-ls { width: 100%; margin-right: 0; } .product-search { position: relative; bottom: 0; margin-bottom: .5rem; } .product { padding: .8rem 0 1rem; } .pri-ls { width: 100%; margin-right: 0; } .media-ls, .hea-ls { width: 100%; margin-right: 0; } .con-lf-top { flex-wrap: wrap; } .con-lf-top-tit { width: 100%; margin-bottom: .5rem; } .con-lf-top-tel { width: 100%; } .dev-container .swiper-slide p { font-size: 1rem; } .care-wrap .swiper-button-prev, .care-wrap .swiper-button-next { width: 1.25rem; height: 1.25rem; } .care-wrap .swiper-button-prev { right: 1.5rem; } .honor .honor-container .swiper-pagination .swiper-pagination-bullet { margin-right: .25rem; width: .2rem; height: .2rem; } .invest-nav p { max-width: 90vw; } }