.searceboxone .img{ display: block; } .searceboxone .img.imgphone{ display: none; } @media (min-width: 1925px){ .indexbanner .indexbox .img{ height: calc((100vw / 2560) * 809);} .newsdatabox .left .text img{ width: 100%; height: auto;} } @media (min-width: 950px){ .joinboxer,.joinbox{ min-height:calc(100vh - 433px);} } @media (max-width: 950px){ .hearCell,.hearCell2{ background: #0E357F; } .bannerdata,.indexbanner{ margin-top: 50px; } .indexbanner .indexbox .img{ position: relative;} .indexbanner .indexbox .img img{ position: absolute;top: 0;left: 50%;transform: translateX(-50%);} .indexbanner .indexbox .img{ height: 400px;} .footer .cont .left .li2 .m{ display: block;} html,body{ font-size: calc(100vw/7.5);} .header{ display: none;} .abstractone, .abstractwo, .addedbox, .advicebox, .itembox{ padding: 65px 0.35rem;} .abstractone .cont{ display: block;} .abstractone .cont .left, .abstractone .cont .right, .w1360{ width: auto;} .abstractone .cont .right .p{ font-size: 1.2rem; line-height: 1.2rem;} .abstractone .cont .right{ padding-top: 40px;} .bannerdata .img{ width: 100%; height: 120px; position: relative; overflow: hidden;} .bannerdata .img img{ position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: auto; height: 100%;} .title .p{ font-size: 22px; line-height: 30px; font-weight: bold;} .title .h1{ font-size: 18px; line-height: 22px;} .abstractwo .list .li{ width: 3.25rem; margin-top: 15px;} .abstractwo .list .li a{ display: block;} .abstractwo .list .li .img{ width: 100%; height: 4rem;} .abstractwo .list .li .text{ width: auto; padding: 10px;} .abstractwo .list .li .text .h1{ font-size: 17px;} .abstractwo .list .li .text .p{ margin-top: 10px; word-bread: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;} .abstractwo .list{ padding-top: 20px;} .navminbox{ display: none;} .searceboxtop .right a{ line-height: 50px; margin: 0 0.3rem;} .searceboxtop .cont{ justify-content: center;} .footer{ padding: 0.8rem 0.35rem 0.3rem 0.35rem;} .footer .cont{ display: block;} .footer .cont .right .bot{ position: relative; right: auto; bottom: auto; top: auto; left: auto; transform: none; margin: auto; margin: 20px 0 0 0;} .footer .cont .left{ display: block;} .footer .cont .left .h1 a{ font-weight: bold;} .footer .cont .left .li{ margin: 30px 0 0 0;} .footer .cont .left .li:first-child{ margin: 0;} .footer .cont .left .m{ display: flex; justify-content: flex-start; flex-wrap: wrap;} .footer .cont .left .m a{ margin-right: 15px; line-height: 20px;} .footer .cont .left .li2 .m a{ margin: 0 0 10px 0;} .footer .cont .right .img{ margin: 30px auto 0;} .footer .cont .right .bot a{ font-size: 12px; text-align: center;} .addedbox .title{ text-align: center;} .addedbox .list .li .img{ float: none; width: 100%; height: auto;} .addedbox .list .li .text{ width: auto; height: auto; display: block; float: none;min-height: inherit;} .addedbox .list .li .text>div{ padding: 20px 20px 40px 20px;} .addedbox .list .li .text .h1{ font-size: 18px;} .addedbox .list .li:nth-child(2n) .img{ float: none;} .advicebox{ display: block;} .advicebox .left{ width: auto; padding: 0;} .advicebox .left .m img{ width: 150px; margin: auto;} .advicebox .right{ width: auto;} .searceboxone .cont{ margin: 0 0.35rem;} .searceboxone .text .h1{ font-size: 12px; line-height: 16px; text-align: left;} .searceboxone .text .h2{ font-size: 16px; line-height: 18px; text-align: left;} .searceboxone .text .em{ width: 40px; margin: 10px 0 0 0;} .searceboxone .text{ left: 15px; right: 15px;} .business .text .add, .itembox .title{ text-align: center;} .business .text .weah{ justify-content: center;} .business .text .weah .l:last-child img{ margin-right: 0;} .enterprise{ padding: 65px 0.35rem 0 0.35rem;} .enterprise .cont .li .em{ width: 50px; height: 50px; line-height: 50px; font-size: 14px; left: 0; margin: 0;} .enterprise .cont .li .em i{ width: 60px; height: 60px;} .enterprise .cont::after{ left: 26px; margin: 0;} .enterprise .cont .li .text, .enterprise .cont .li:nth-child(2n) .text{ width: auto; text-align: left; float: none; margin-left: 70px; padding-top: 5px;} .enterprise .cont .li:nth-child(2n) .text .m::after{ left: 0; right: auto;} .itembox .itemimg{ display: block;} .itembox .itemimg .img{ width: 100%; margin-top: 30px;} .itembox .itemimg .img img{ width: 100%;} .itembox .itemimg .left .h1{ font-size: 30px; font-weight: bold; line-height: 30px; padding-top: 0;} .itembox .itemimg .left{ width: auto;} .itembox .mySwiper{ margin: 0px 0 0 0;} .itembox .em{ width: 30px; height: 30px;} .itembox .em{ top: 24px; background-size: 8px auto;} .searceboxtop2{ display: none;} .joinboxer, .joinbox{ padding: 90px 0.35rem 65px 0.35rem;} .joinboxer .top{ display: block;} .joinboxer .top .h1{ font-size: 18px; text-align: center;} .joinboxer .top .h2{ text-align: center; font-size: 22px; font-weight: bold;} .joinboxer .top .p{ width: auto; text-align: center;} .joinboxer .top .right{ justify-content: center;} .joinboxer .top .right .m:first-child img{ margin-left: 0;} .joinboxer .list a{ width: 100%; margin-right: 0;} .joinboxer .list .li{ width: 100%;} .joinboxer .list .li .h1{ font-size: 18px; font-weight: bold;} .joinbox .cont{ display: block;} .joinbox .cont .left .h1{ font-size: 20px; font-weight: bold; text-align: center;} .joinbox .cont .left .text{ text-align: center;} .joinbox .cont .left .img{ justify-content: center;} .joinbox .cont .left .img .m:last-child img{ margin-right: 0;} .joinbox .cont .right{ margin-top: 40px; padding-top: 40px; border-top: 1px solid #eee; width: auto;} .joinbox .cont .right .li .h2{ font-size: 18px;} .newsboxone{ padding: 40px 0.35rem;} .newsboxone .cont{ display: block;} .newsboxone .cont .img{ width: 100%; height: auto;} .newsboxone .cont .text{ width: auto; margin-top: 20px;} .newsboxone .cont .text .e{ font-size: 18px;} .newsboxone .cont .text .h1{ font-size: 18px; font-weight: bold; line-height: 28px;} .newsboxone .cont .text .p{ margin-top: 15px;} .newsboxone .cont .text a{ margin-top: 20px;} .newslist{ padding: 45px 0.35rem;} .newslist .cont .left .li a{ display: block; padding: 20px 0.35rem;} .newslist .cont .left .li .time{ width: auto; height: auto; border-right: none; display: block; text-align: left;} .newslist .cont .left .li .time>div{ display: flex; justify-content: flex-start; align-items: center;} .newslist .cont .left .li .time .m{ font-size: 14px; line-height: 20px; font-weight: normal;} .newslist .cont .left .li .time .f{ margin: 0; margin-left: 5px; line-height: 20px;} .newslist .cont .left .li .text .h1{ font-size: 17px; font-weight: bold; margin-top: 10px;} .newslist .cont .left .li .text{ width: auto; margin: 0;} .newslist .cont{ display: block;} .newslist .cont .left, .newsdatabox .left{ width: auto;} .newslist .cont .right, .newsdatabox .right{ width: 100%; margin-top: 25px;} .newsdatabox{ padding: 45px 0.35rem; display: block;} .newsdatabox .left .h1{ font-size: 18px; font-weight: bold; line-height: 28px; text-align: center;} .newsdatabox .left .cion{ justify-content: center; flex-wrap: wrap;} .newsdatabox .left .cion .p{ margin: 0 8px;} .newsdatabox .left .page .m{ display: none;} .newsdatabox .left .page .more a{ white-space: nowrap; width: 100%;} .newsdatabox .left .page{ display: block;} .searceboxone.searceproperty .img{ height: 300px; display: none; } .searceboxone .img{ display: none; } .searceboxone.searceproperty .img.imgphone,.searceboxone .img.imgphone{ display: block; } .searceboxone .text .p{ font-size: 12px; font-weight: bold; text-align: left;line-height: 18px;margin-top: 5px;} .searceboxone .text .p p{ font-size: 12px !important; } .searceboxone .text .e{ font-size: 12px; text-align: left;} .searceboxone .text .e p{font-size: 12px;} .searceboxtwo .cont{ display: block;} .searceboxtwo{ padding: 45px 0.35rem;} .searceboxtwo .cont .left{ width: auto;} .searceboxtwo .cont .left .h1{ font-size: 18px;} .searceboxtwo .cont .right{ width: 100%;} .indexbanner .indexbox .textbox .text{ text-align: left; padding: 0rem 0.25rem 0;} .indexbanner .indexbox .textbox .h1{ font-size: 12px; line-height: 18px;} .indexbanner .indexbox .textbox .e{ font-size: 10px;letter-spacing: 0; line-height: 16px; line-height: inherit;margin-top:0px;position: relative;-webkit-transform: scale(0.83)} .indexbanner .indexbox .textbox .h2{ font-size: 12px;line-height: inherit;margin-top: 0px;} .indexbanner .indexbox .textbox .p{ font-size: 10px;line-height: inherit;margin-top: 0px;-webkit-transform: scale(0.83);} .indexboxcer{ padding: 45px 0.35rem;} .indexboxcer .cont .left{ width: auto;} .indexboxcer .cont .left a, .indexboxcer .cont{ display: block;} .indexboxcer .cont .left .img{ width: 100%;} .indexboxcer .cont .left .text{ width: auto; margin-top: 20px;} .indexboxcer .cont .right{ margin-top: 35px; width: auto;} .indexboxcer .cont .right .li a .p{ width: 5.2rem;} .indexboxcer .cont .right .top .h1{ font-size: 18px;} .indexfrom{ padding: 40px 0.35rem;} .indexfrom .cont{ display: block;} .indexfrom .cont .two .img{ width: 100%;} .indexfrom .cont .one, .indexfrom .cont .two{ overflow: hidden;} .indexfrom .cont .two{ margin-top: 25px;} .indexfrom .cont .one .text{ display: block;} .indexfrom .cont .one .text .p{ margin: 0; padding: 0;} .indexfrom .cont .one .text .r{ padding: 10px 0;} .navCell{ display: block;} .businessmap{ margin-top: 30px; height: 400px;} .newslist .cont .right, .newsdatabox .right{ display: none;} .indexbanner .indexbox .mer{ justify-content: center; flex-wrap: wrap;} .indexbanner .indexbox .mer img{ height: 40px;} .indexbanner .indexbox .mer .u{ font-size: 18px; margin: 15px 0 0 0; width: 100%;} } @media (max-width: 1460px) and (min-width: 1280px) { .w1360{ width: 1200px;} .abstractone .cont .left{ width: 660px;} .abstractwo .list .li{ width: 590px;} .abstractwo .list .li .text{ width: 300px;} .addedbox .list .li .img{ width: 600px; height: 350px;} .addedbox .list .li .text{ min-height: 350px;} .addedbox .list .li .text{ width: calc(100% - 600px);} .advicebox .right{ width: 825px;} .enterprise .cont .li .text{ width: 535px;} .indexboxcer .cont .right, .indexboxcer .cont .left{ width: 590px;} .indexboxcer .cont .left .text{ width: 275px;} .indexfrom .cont .one .img{ width: 510px;} .indexfrom .cont .one .img img{ height: 100%; width: auto;} .itembox .itemimg .left{ width: 530px;} .joinboxer .list a{ width: 385px;} .joinbox .cont .right{ width: 790px;} .newsboxone .cont .text{ width: 610px;} .newslist .cont .left, .newsdatabox .left{ width: 805px;} .newslist .cont .left .li .text{ width: 650px;} .newsdatabox .left .page .more a{ width: 570px;} .searceboxtwo .cont .left{ width: 690px;} .businessmap{ margin-top: 30px; height: 400px;} } @media (max-width: 1280px) and (min-width: 950px) { .footer .cont{ align-items: flex-start;} .footer .cont .left{ display: block;} .footer .cont .left .m{ display: flex; justify-content: flex-start; margin-top: 3px;} .footer .cont .left .m a{ margin-right: 15px;} .footer .cont .left .li{ margin-bottom: 10px;} .w1360{ width: 900px;} .header .cont .logo img{ height: 40px;} .header .nav .li{ margin-left: 20px;} .abstractone .cont .left{ width: 500px;} .abstractone .cont .right{ width: 380px;} .abstractone .cont .right .p{ font-size: 66px;} .abstractwo .list .li .img{ width: 160px; height: 200px;} .abstractwo .list .li{ width: 440px;} .abstractwo .list .li .text{ width: 230px;} .abstractwo .list .li .text .p{ word-bread: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;} .addedbox .list .li .img, .addedbox .list .li .text{ width: 50%; min-height: 260px;} .addedbox .list .li .text .p{ word-bread: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: auto;} .advicebox .right{ width: 535px;} .enterprise .cont .li .text{ width: 380px;} .indexboxcer .cont .left, .indexboxcer .cont .right{ width: 440px;} .indexboxcer .cont .right .li a .p{ width: 310px;} .indexboxcer .cont .left .text{ width: 210px;} .indexboxcer .cont .left .img{ width: 220px;} .indexfrom .cont .one .img, .indexfrom .cont .two .img{ width: 290px;} .indexfrom .cont .one .img img, .indexfrom .cont .two .img img{ width: auto; height: 100%;} .indexfrom .cont .one .text{ display: block;} .indexfrom .cont .one .text .p{ margin: 10px 0 0 0; padding: 0;} .itembox .itemimg .img{ width: 400px;} .itembox .itemimg .left{ width: 450px;} .joinboxer .top .p{ width: 610px;} .joinboxer .list{ justify-content: space-between;} .joinboxer .list a{ width: 440px; margin-right: 0;} .joinbox .cont .right{ width: 530px;} .newsboxone .cont .img{ width: 380px;} .newsboxone .cont .text{ width: 490px;} .newsboxone .cont .text .p{ word-bread: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;} .newsboxone .cont .text .h1{ overflow: hidden; white-space: nowrap; text-overflow : ellipsis;} .newslist .cont .left, .newsdatabox .left{ width: 640px;} .newslist .cont .left .li .text{ width: 480px;} .newslist .cont .right, .newsdatabox .right{ width: 240px;} .newsdatabox .left .page .more a{ width: 420px;} .searceboxtwo .cont .left, .searceboxtwo .cont .right{ width: 430px;} .businessmap{ margin-top: 30px; height: 400px;} } .newslist .cont .left .li .text .h1, .newsdatabox .left .page .more a i, .indexboxcer .cont .right .li a .p, .indexboxcer .cont .left .text .h1{ overflow: hidden; white-space: nowrap; text-overflow : ellipsis;} .newslist .cont .left .li .text .p{ word-bread: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;} @media (max-width: 750px){ .indexbanner .indexbox .img img.img2{ display: block;width: 100%;height: inherit;} .indexbanner .indexbox .img img.img1{ display: none;} .indexbanner .indexbox .img{ height: calc((100vw / 750) * 500);} .indexbanner .indexbox .img img{ left: 0%; transform: inherit; } .indexbanner .swiper-container-horizontal > .swiper-pagination-bullets{ display: none; } }