@media (max-width: 1680px) { .supply .top-anchor .top-swiper .swiper-slide p { font-size: .6rem; } } @media (max-width: 1550px) { .supply .top-anchor .top-swiper .swiper-slide p { font-size: .5rem; } } @media (max-width: 1440px) { .business .li-box .wrap .li:nth-child(2) { margin-top: -5.5rem; } .pc-head .head-nav .nav-ls .pos-nav { width: 6rem; } } @media (max-width: 1200px) { .w1636, .w1828 { width: 90%; } .business .li-box .wrap .li:nth-child(2) { margin-top: -3rem; } .news-info .box { width: 85%; } .pc-head .head-nav .nav-ls { margin-right: 1.25rem; } .about .dev .wrap .box .change-box { width: 43%; } .about .office .wrap .map-box .map { width: 70%; } .about .office .wrap .map-box .ajax-box { width: 28%; } } @media (max-width: 1024px) { .product .wrap .li-box .li .cont .to-list { position: relative; bottom: 0; left: 0; margin-top: 1rem; display: block; width: max-content; } .product .wrap .li-box .li .cont { padding-top: 0; } .foot .foot-top .li { padding: 0 1.5rem; } .wel-ban .li-box { position: relative; width: 100%; } .wel-ban .li-box .li, .wel-ban .li-box .li.show { width: 50%; background-color: #fff; } .wel-ban .li-box .li .pic, .wel-ban .li-box .li.show .pic { width: 7rem; position: relative; opacity: 1; visibility: visible; } .wel-ban .li-box .li .cont, .wel-ban .li-box .li.show .cont { width: calc(100% - 7rem); } .wel-ban .li-box .li .cont .more { position: relative; right: 0; margin-top: 1rem; } .wel-ban .li-box .li .cont .text { white-space: initial; max-height: 2.5em; } .wel-ban .li-box .li .cont .tit, .wel-ban .li-box .li.show .cont .tit { padding-left: 0; } .wel-ban .li-box .li .cont .tit div, .wel-ban .li-box .li.show .cont .tit div { position: relative; top: 0; transform: translateY(0); opacity: 1; visibility: visible; margin-right: .5rem; } .wel-ban .li-box .li.show .cont .tit p { color: #000; } .wel-ban .li-box .li.show .cont .text { color: #999; } .wel-ban .li-box .li.show .cont .more { background-color: #fff; border-color: #E6E6E6; margin-top: 1rem; } .wel-ban .swiper-slide .index-pos.trans-top { top: 45%; } .banner .banner-img .banner-intro { width: 90%; } .banner .banner-img .banner-intro p { font-size: 1.5rem; } .business .li-box .wrap .li:nth-child(2) { margin-top: 0; } .business .map-box .wrap .ajax-box .box .map .origin .img1 { width: 16.1rem; bottom: 25%; } .business .map-box .wrap .ajax-box .box .map .origin .img2 { width: 15rem; top: -98%; right: 65%; } .business .map-box .wrap .ajax-box .box .map .origin .img3 { width: 15.9rem; } .business .map-box .wrap .ajax-box .box .map .origin .img4 { width: 8rem; bottom: 35%; } .business .map-box .wrap .ajax-box .box .map .origin .img5 { width: 8rem; bottom: 35%; right: 42%; } .business .map-box .wrap .ajax-box .box .map .origin .img6 { width: 6rem; bottom: 33%; } .business .map-box .wrap .ajax-box .box .map .origin .img7 { width: 6.25rem; } .business .map-box .wrap .ajax-box .box .map .origin .img8 { width: 3.25rem; } .business .map-box .wrap .ajax-box .box .map .origin .img9 { width: 3rem; } .business .map-box .wrap .ajax-box .box .map .origin .img10 { width: 1.4rem; } .business .map-box .wrap .ajax-box .box .map .origin .img11 { width: 1.25rem; } .business .map-box .wrap .ajax-box .box .map .origin .img12 { width: .7rem; } .business .map-box .wrap .ajax-box .box .map .origin .img13 { width: 1rem; } .business .map-box .wrap .ajax-box .box .map .origin .img14 { width: .4rem; } .business .map-box .wrap .ajax-box .box .map .origin .img15 { width: .2rem; } .business .map-box .wrap .ajax-box .box .map .origin .img17 { width: 1.7rem; } .news .wrap .hot-swiper .swiper-slide .intro { padding: 0 1rem; } .news .wrap .hot-swiper .swiper-slide .intro .h1 { max-height: 3em; } .news-info .box { width: 100%; } .banner .banner-img .pro-intro .form-box { width: 60%; } .application .form-box { width: 75%; } .wel-ban .swiper-slide .index-pos { left: 5%; } .about .top-bar .wrap .num-box .li { margin-right: 1.2rem; } .about .honor .wrap .swiper-box .swiper-slide { width: 32%; margin-right: 2%; } .product-info .top .cont { padding: 0 1.5rem; } .product-info .btm .wrap .info-swiper .swiper-slide { width: 47.5%; } .supply .city .wrap .city-swiper { height: 11.5rem; } .supply .engin .intro { padding-right: .5rem; padding-left: 5%; } .supply .engin .intro .li-box { margin-top: 1.2rem; } .business .pic-cont .intro .cont { width: 80%; } } @media (max-width: 997px) { .font48 { font-size: .9rem; } .font36 { font-size: .7rem; } .wel-ban .li-box { flex-wrap: wrap; } .wel-ban .li-box .li, .wel-ban .li-box .li.show { width: 100%; flex-wrap: wrap; } .wel-ban .li-box .li .pic, .wel-ban .li-box .li.show .pic { width: 100%; margin-bottom: .75rem; } .wel-ban .li-box .li .cont, .wel-ban .li-box .li.show .cont { width: 100%; } .banner .banner-img .banner-intro { top: 30%; } .banner .banner-img .banner-intro p { font-size: 1rem; } .banner .banner-img .banner-intro span { line-height: 1.2; } .business .busin-top { padding: 1.5rem 0; } .business .busin-top .wrap .cont { width: 100%; margin-top: .7rem; } .business .busin-top .wrap .pos-cont { position: relative; right: 0; bottom: 0; width: 100%; margin-top: .8rem; } .business .busin-top .wrap .pos-cont .intro { background-color: #eaeaea; padding: .8rem; } .business .top-intro { padding: 1.5rem 0; } .business .top-intro .wrap .box { margin-top: 1rem; } .business .top-intro .wrap .box .bg { display: none; } .business .top-intro .wrap .box .intro { width: 100%; } .business .top-intro .wrap .box .intro .cont { margin-top: 1rem; font-size: 14px; } .business .li-box { padding: .5rem 0 1.5rem; } .business .li-box .wrap .li { flex-wrap: wrap; margin-bottom: 1.2rem; } .business .li-box .wrap .li:last-child { margin-bottom: 0; } .business .li-box .wrap .li .pic { width: 100%; } .business .li-box .wrap .li .intro { width: 100%; } .business .li-box .wrap .li .intro .cont { padding-right: 5px; } .business .li-box .wrap .li:nth-child(2) .intro { padding-bottom: 0; } .business .map-box { padding: 1.5rem 0; } .foot .foot-top { padding: 1rem 0; flex-wrap: wrap; } .foot .foot-top .li { width: 100%; border-right: none; padding: 0 .7rem; margin-bottom: .8rem; } .foot .foot-top .li:last-child { margin-bottom: 0; } .foot .foot-nav { flex-wrap: wrap; text-align: center; justify-content: center; } .business .map-box .wrap .ajax-box .box .map .point2, .business .map-box .wrap .ajax-box .box .map .point5, .business .map-box .wrap .ajax-box .box .map .point6, .business .map-box .wrap .ajax-box .box .map .point9, .business .map-box .wrap .ajax-box .box .map .point10, .business .map-box .wrap .ajax-box .box .map .point11, .business .map-box .wrap .ajax-box .box .map .point12, .business .map-box .wrap .ajax-box .box .map .point13, .business .map-box .wrap .ajax-box .box .map .point14, .business .map-box .wrap .ajax-box .box .map .origin .img2, .business .map-box .wrap .ajax-box .box .map .origin .img5, .business .map-box .wrap .ajax-box .box .map .origin .img6, .business .map-box .wrap .ajax-box .box .map .origin .img9, .business .map-box .wrap .ajax-box .box .map .origin .img10, .business .map-box .wrap .ajax-box .box .map .origin .img11, .business .map-box .wrap .ajax-box .box .map .origin .img12, .business .map-box .wrap .ajax-box .box .map .origin .img13, .business .map-box .wrap .ajax-box .box .map .origin .img14 { display: none; } .business .map-box .wrap .ajax-box .box .map .origin .img1 { width: 8rem; } .business .map-box .wrap .ajax-box .box .map .origin .img3 { width: 5.5rem; } .business .map-box .wrap .ajax-box .box .map .origin .img4 { width: 4rem; bottom: 46%; } .business .map-box .wrap .ajax-box .box .map .origin .img7 { width: 3rem; } .business .map-box .wrap .ajax-box .box .map .origin .img8 { width: 1.5rem; top: 3%; } .business .map-box .wrap .ajax-box .box .map .origin .img15 { width: .1rem; } .business .map-box .wrap .ajax-box .box .map .origin .img17 { width: .7rem; left: 85%; } .banner .banner-img .pro-intro .form-box { width: 90%; height: 1.6rem; margin-top: .5rem; } .banner .banner-img .pro-intro .form-box .submit { width: 1.4rem; } .business .li-box .wrap .li .intro .cont, .business .map-box .wrap .ajax-box .box .intro { font-size: 14px; } .product { padding: 1.5rem 0; } .product .wrap .li-box { margin-top: 1rem; } .product .wrap .li-box .li { flex-wrap: wrap; } .product .wrap .li-box .li .pic { width: 100%; margin-bottom: .8rem; } .product .wrap .li-box .li .cont { width: 100%; padding-left: 0; } .product .wrap .li-box .li .cont .list-box { margin-top: .5rem; } .product-list { padding: 1.5rem 0; } .product-list .wrap .sub { margin-top: .7rem; } .product-list .wrap .li-box { margin-top: 1rem; } .product-list .wrap .li-box .li { width: 100%; margin-right: 0; margin-bottom: 1rem; } .product-list .wrap .li-box .li:last-child { margin-bottom: 0; } .news { padding: 1.5rem 0; } .news .wrap .tab-swiper { margin-top: .8rem; } .news .wrap .hot-swiper { margin-top: 1rem; } .news .wrap .hot-swiper .swiper-slide { flex-wrap: wrap; } .news .wrap .hot-swiper .swiper-slide .pic { width: 100%; } .news .wrap .hot-swiper .swiper-slide .intro { width: 100%; padding: 1rem; } .news .wrap .hot-swiper .swiper-pagination { width: 100%; } .news .wrap .hot-swiper .swiper-pagination .swiper-pagination-bullet { background: rgba(0, 0, 0, .5); } .news .wrap .hot-swiper .swiper-pagination .swiper-pagination-bullet-active { background: #e60012; } .news .wrap .li-box .li { width: 100%; margin-right: 0; } .news-info { padding: 1rem 5% 2rem; } .news-info .box { margin-top: 1.5rem; } .news-info .box .tit { font-size: 18px; } .news-info .box .cont { padding: 1rem 0; } .recruit { padding: 1.5rem 0; } .recruit .wrap .tab-box .li { flex-wrap: wrap; } .recruit .wrap .tab-box .li p { width: 100%; margin-right: 0; margin-bottom: .5rem; } .recruit .wrap .tab-box .li .option { width: 100%; } .recruit .wrap .tab-box .li .option span { margin-right: .3rem; } .recruit .wrap .li-box .li .top-bots { padding: 1rem .5rem; } .recruit .wrap .li-box .li .btn-bots { padding: .7rem; } .application .form-box { width: 90%; padding: 1rem .5rem; } .application .form-box .verify { flex-wrap: wrap; } .application .form-box .verify .code-box .code-img { width: 80px; } .application .form-box .verify .code-box { width: 100%; } .application .form-box .verify .submit { margin: .8rem auto 0; } .application .form-box .li-box { flex-wrap: wrap; margin-bottom: .4rem; } .application .form-box .li-box .li { width: 100%; margin-right: 0; margin-bottom: .4rem; } .application .form-box .li-box .li:last-child { margin-bottom: 0; } .application .form-box .li-box .li input { height: 1.2rem; } .application .form-box .textarea { height: 3rem; } .about .top-bar, .about .culture, .about .partner, .about .dev { padding: 1.5rem 0; } .about .top-bar .wrap .cont { margin-top: .7rem; padding: 0; } .about .top-bar .wrap .num-box { margin-top: 1rem; flex-wrap: wrap; } .about .top-bar .wrap .num-box .li { width: 50%; margin-right: 0; margin-bottom: 1rem; } .about .top-bar .wrap .num-box .li .num { flex-direction: column; align-items: flex-start; } .about .top-bar .wrap .num-box .li .num p { font-size: 1rem; margin-right: 0; margin-bottom: .3rem; } .about .culture .culture-swiper, .about .partner .wrap .partner-swiper { margin-top: .8rem; } .about .culture .culture-swiper .swiper-slide { width: 100%; margin-right: .5rem; } .about .culture .culture-swiper .swiper-slide .cont { height: 6rem; } .about .dev .wrap .box { flex-wrap: wrap; margin-top: 1rem; justify-content: center; } .about .dev .wrap .box .point-box { width: 90%; margin-bottom: 1.5rem; } .about .dev .wrap .box .change-box { padding-top: 0; width: 100%; } .about .dev .wrap .box .point-box .point { width: 11rem; height: 11rem; } .about .dev .wrap .box .point-box .point .time { transform-origin: .15rem 5.65rem; } .about .dev .wrap .box .change-box .clk-btn { margin-top: 1.25rem; } .about .office { padding: 1.5rem 0; } .about .office .wrap .map-box { margin-top: 1.3rem; flex-wrap: wrap; } .about .office .wrap .map-box .map { width: 100%; margin-bottom: 1rem; } .about .office .wrap .map-box .ajax-box { width: 100%; } .about .office .wrap .map-box .map .point .cont .intro { display: none; } .about .honor { padding: 1.5rem 0; } .about .honor .wrap .swiper-box { margin-top: .8rem; } .about .honor .wrap .swiper-box .swiper-slide { width: 100%; } .about .honor .wrap .swiper-pagination { margin-top: 1.25rem; } .about .culture .culture-swiper .swiper-pagination .swiper-pagination-bullet { background: #000; } .about .culture .culture-swiper .swiper-pagination .swiper-pagination-bullet-active { background: #e60012; } .product-info .top { flex-wrap: wrap; } .product-info .top .pic { width: 100%; } .product-info .top .cont { width: 100%; padding: 1rem 5%; } .product-info .top .cont .intro { margin-top: .6rem; } .product-info .btm { padding: 1rem 0; } .product-info .btm .wrap .info-swiper { margin-top: 1rem; } .product-info .btm .wrap .info-swiper .swiper-slide { width: 100%; } .product-info .btm .wrap .info-swiper .swiper-pagination { margin-top: 1rem; } .banner .pub-nav { position: relative; bottom: 0; } .banner .pub-nav .nav-container { width: 100%; } .banner .pub-nav .nav-container .swiper-slide { line-height: 1.2; display: flex; align-items: center; justify-content: center; } .supply .top-anchor { padding: 1.5rem 0; } .supply .top-anchor .top-swiper .swiper-slide { width: 100%; } .supply .price { padding: .5rem 0 1rem; } .supply .price .wrap .tit { flex-wrap: wrap; } .supply .price .wrap .tit .h1 { width: 100%; } .supply .price .wrap .tit .cont { width: 100%; margin-top: .7rem; } .supply .price .wrap .h2 { margin-top: 1.3rem; font-size: .7rem; } .supply .price .wrap .li-box { margin-top: 1rem; } .supply .price .wrap .li-box .li { flex-wrap: wrap; padding: 1rem; } .supply .price .wrap .li-box .li .intro { width: 100%; padding-left: 0; margin-top: .7rem; } .supply .city { padding: 1.5rem 0; } .supply .city .wrap .city-swiper .swiper-slide { width: 100%; } .supply .city .wrap .partner { padding: 1.5rem 0 0; } .supply .city .wrap .partner .li-box { margin-top: .8rem; } .supply .city .wrap .partner .li-box .li { width: 100%; } .supply .city .wrap .partner .li-box .li::after { display: none; border-right: none; } .supply .city .wrap .partner .li-box .li:nth-last-child(-n + 5) { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .supply .city .wrap .partner .li-box .li:last-child { border-bottom: none; } .supply .engin { padding: 1.5rem 0; flex-wrap: wrap; } .supply .engin .intro { width: 100%; margin-right: 0; margin-bottom: .8rem; padding: 0 5%; } .supply .engin .pic { width: 100%; } .supply .engin .intro .li-box { margin-top: .7rem; } .supply .coop { padding: 1.5rem 0; } .supply .coop .coop-swiper .swiper-slide { width: 100%; padding: 1rem; } .chain { padding: 1.5rem 0; } .chain .wrap .li .tab-swiper { margin-top: 1.2rem; } .chain .wrap .li .swiper-box .chain-swiper .swiper-slide { width: 100%; } .chain .wrap .li { margin-bottom: 2rem; } .chain .wrap .li .swiper-box .swiper-button-prev, .chain .wrap .li .swiper-box .swiper-button-next { display: none; } .business .busin-top .wrap { flex-wrap: wrap; } .business .busin-top .wrap .lf { width: 100%; margin-bottom: .8rem; } .business .busin-top .wrap .pic { width: 100%; } .business .top-pic p { width: 90%; } .business .top-intro .wrap .cont { margin-top: .7rem; } .business .config { padding: 1.5rem 0; } .business .config .cont { width: 100%; margin-top: .7rem; } .business .cent-pic { padding: 1.5rem 5%; } .business .pic-cont .intro { position: relative; left: 0; top: 0; transform: translate(0); background-color: #FBFBFB; width: 100%; padding: 1rem 5%; } .business .pic-cont .intro .tit { color: #000; } .business .pic-cont .intro .cont { color: #000; width: 100%; margin-top: .7rem; } .business .top-intro .wrap .tit { width: 100%; } .pc-head .logo { width: 150px; } .wel-ban .li-box .li .cont .text { max-height: initial; } .foot .foot-top .li:nth-child(2) { width: 100%; } .business .map-box .wrap .ajax-box .box .map .point15.btn p { transform: translateY(-50%); left: auto; right: calc(100% + 6px); top: 50%; } .chain .wrap .li .tab-swiper .swiper-slide { line-height: 1.4; } .supply .top-anchor .top-swiper .swiper-slide p { bottom: 1rem; } .recruit .wrap .tab-box .li .option span { padding: 0 .3rem; } .business .map-box .wrap .ajax-box .domestic .map { width: 100%; } #index-container .swiper-slide .index-pos { top: 30%; } .wel-ban .li-box .li .cont .more { margin-top: .5rem; width: 1.2rem; height: 1.2rem; line-height: calc(1.2rem - 2px); } .about .dev .wrap .box .change-box .intro-box .cont .intro { height: 14.4em; } .supply .price .wrap .li-box .li .icon img { max-width: 50%; max-height: 50%; } .supply .price .wrap .li-box .li .intro .cont { height: auto; padding-right: 0; } .business .busin-top .wrap .tit { line-height: 1.2; } .supply .city .wrap .partner .swiper-box, .business .map-box .wrap .ajax-box .domestic .map .point.scale, .recruit .wrap .li-box .li .btn-bots .require { display: block; } .about .dev .wrap .box .point-box, .supply .city .wrap .partner .li-box, .business .map-box .wrap .ajax-box .domestic .map .point, .recruit .wrap .li-box .li .top-bots .lf .address, .recruit .wrap .li-box .li .top-bots .time { display: none; } .business .top-intro .wrap .cont, .business .config .cont, .business .map-box .wrap .ajax-box .box .intro, .business .pic-cont .intro .cont, .about .top-bar .wrap .cont, .about .dev .wrap .box .change-box .intro-box .cont .intro { line-height: 1.6; } .about .dev .wrap .box .change-box .intro-box .cont .h1, .business .top-pic p, .business .top-intro .wrap .tit, .supply .price .wrap .li-box .li .intro .title { font-size: 20px; } .about .top-bar .wrap .cont, .about .culture .culture-swiper .swiper-slide .cont, .product-info .top .cont .intro, .supply .price .wrap .tit .cont, .supply .city .wrap .cont, .chain .wrap .li .cont, .business .top-intro .wrap .cont, .wel-ban .li-box .li .cont .text, .business .config .cont, .business .pic-cont .intro .cont, .about .dev .wrap .box .change-box .intro-box .cont .intro, .product .wrap .li-box .li .cont .list-box .list, .news-info .box .cont, .supply .price .wrap .li-box .li .intro .cont, .supply .coop .coop-swiper .swiper-slide .cont { font-size: 14px; } .banner .pub-nav .nav-container .swiper-slide { font-size: 13px; } }