273 lines
14 KiB
CSS
Executable File
273 lines
14 KiB
CSS
Executable File
.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;
|
|
}
|
|
}
|
|
|
|
|
|
|