html { font-size: 100px; } body { font-size: 16px; } .slogan .text i, .slogan .text span, .medias .items .item .qr:before, .about .s4 .left dd h5:after { display: none; } .report .pdf .img img{display: block} .slogan .text h1 { text-shadow: 0 0 20px rgba(0, 0, 0, .5), 0 0 100px rgba(0, 0, 0, .1); } .brand .s2 .container .qr .shadow { box-shadow: 0 0 106px rgba(0, 0, 0, .05); padding: .2rem; } font{ min-width: .4em; } @media screen and (min-width: 1080px) { .brand .s2 .container .qr { margin-left: 5px; } } .brand .s2 .container .qr img { display: block; border: 0; @media screen and (min-width: 1080px) { width: 6vw; } } .footer .info p { white-space: nowrap; } // .header .stock { right: 0 !important; } .springRain .s2 img { display: block; } .index .s1 .datas { position: absolute; left: 50%; right: 0; bottom: 50px; } .index .s1 .video { position: absolute; bottom: 50px; } .index .s1 .tb-c { vertical-align: top; } .index .s1 .datas .img { height: 6.5rem; } #mainTitle img { opacity: 0; } .invset#content .half, .urbandevelop .s2 .items .item p { height: auto; min-height: 7.2em; } .download .s1 .container { overflow: hidden; } .videoPop .container video { background-color: #000; } .download .s1 .container .video .v { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; transition: all .5s ease-out; -webkit-transition: all .5s ease-out; transform: translateY(100%); -webkit-transform: translateY(100%); } .index .s1 .datas .growNumber li strong { color: #d70c1e; } .download .s1 .container .video .v { object-fit: cover; transform: translateY(0px); -webkit-transform: translateY(0px); } .download .s1 .video.active .playbtn { top: auto; bottom: 0px; left: 100px; } .supplychain .s2 .items .item p { line-height: 2em; text-align: left; text-align-last: left; } a.db.flex { color: #666; } .innovation .s2 .items .item h3 { line-height: 1.5em; height: 3em; } .aboutParty .s2 .b2 .team dl dd { position: relative; } .aboutParty .s2 .b2 .team dl dd:before { content: ''; position: absolute; top: 1em; left: 0; width: 8px; height: 8px; border-radius: 100%; background: #666; margin-left: -4px; margin-top: -4px; } .header .lang span { font-size: 12px; font-weight: 900; } .header .lang:hover { color: #d70c1e; } // .bhead p { font-size: 18px !important; line-height: 2; } .nd .editor video { width: 100% !important; background: #000; } .innovation .s2 .items .item.ontop { padding: .65rem .95rem; position: relative; } .innovation .s2 .items .item.ontop:before { content: '\e607'; font-family: 'iconfont'; position: absolute; top: 50%; right: .95rem; font-size: 100px; line-height: 100px; margin-top: -50px; color: #d70c1e; opacity: .2; } .index .s4 .recruit a { padding-bottom: 50%; } .urbandevelop .s1 .top .item h3 { height: .6rem; } .nd .editor img { height: auto !important; } @scale: .01rem; .fontSizeMixin(@index) when (@index<=90) { .f@{index} { font-size: @index*@scale; } .fontSizeMixin(@index+2); } .fontSizeMixin(12); .lineHeightMixin(@index) when (@index<=40) { .l@{index} { line-height: @index*@scale; } .lineHeightMixin(@index+1); } .lineHeightMixin(20); .marginBottomMixin(@index) when (@index<=100) { .mgb@{index} { margin-bottom: @index*@scale; } .marginBottomMixin(@index+2); } .marginBottomMixin(2); .banner.darkfont:after { display: none; } .header .menu { font-size: 16px; } .index .s4 .recruit a { padding-bottom: 35%; } .videoPop { position: fixed; top: 0; left: 0; right: 0; bottom: 0; display: none; z-index: 999999; background: rgba(0, 0, 0, .5); .container { position: absolute; top: 50%; left: 50%; width: 100%; max-width: 1000px; transform: translate3d(-50%, -50%, 0); -webkit-transform: translate3d(-50%, -50%, 0); .close { position: absolute; z-index: 99; top: 20px; right: 20px; font-size: 40px; color: #fff; text-shadow: 0 0 10px rgba(0, 0, 0, .5), 0 0 30px rgba(0, 0, 0, .1); } video { width: 100%; } } } .urbandevelop .s2 .items .item .con .qr p { min-height: unset !important; } .invset#content .half, .urbandevelop .s2 .items .item p, .bhead p, .supplychain .s2 .items .item p, .urbandevelop .s1 .top .item p, .urbandevelop .s1 .bottom .info p, .urbandevelop .s2 .items .item p, .urbandevelop .s2 .items .item p, .finance .s2 .main p, .innovation .s2 .items .item p, .finance .s2 .img .con p, .about .s1 .item p, .about .s2 .chairman .speech p, .about .s2 .managerTeam .list dd, .about .s5 .list li span, .about .s6 .right dl dd p, .nd .editor p, .responsibility .s1 .container .text p, .carryout .top .text p, .carryout .top .text, .carryout .digest .right dd, .carryout .card .text .con p, .carryout .data dd, .carryout .card .text .con p, .springRain .s1 .right p, .talent .s1 .text p, .talent .s2 .items .item p, .supplychain .s2 .up170 .r p, .supplychain .s2 .up170 .l p, .aboutParty .s2 .left dd, .aboutParty .s2 .right dd, .aboutParty .s2 .b2 .team dl dd, .urbandevelop_n .s1 .up170 p { font-size: 18px !important; line-height: 2 !important; font-weight: normal; color: #000; text-align: justify; // text-align-last: justify; // word-break: break-all; } .finance .s2 .img .con p { text-align: center; } .about .s5 .list li span { line-height: .58rem !important; } .about .s2 .managerTeam .list dd, .about .s5 .list li span, .about .s6 .right dl dd p, .invset#content .half.left, .about .s1 .item p { text-align-last: left; text-align: left; } .news .list { padding-bottom: 1rem; } .news .pager { margin-top: 0; } .urbandevelop .s2 .items .item { cursor: pointer; } .urbandevelop .s2 .items .item.active { cursor: default; } .index .s3 .item a.m p, .springRain .s1 .left h2, .index .s1 .text .info p { text-align: justify; } .about .s1 .flex .item p { height: 4em; } .banner .text p:after { display: none; } .index .s3 .item a.m { height: auto !important; padding-bottom: 1.2rem !important; } .index .s3 .item a.m strong { padding-top: .75rem !important; margin-bottom: .5rem !important; } .index .s3 .item a.m p { height: 1.2rem !important; overflow: hidden; margin-bottom: .65rem !important; font-size: 20px !important; } .index .s3 .item a.m span { top: auto !important; bottom: auto !important; left: auto !important; right: auto !important; position: relative; font-size: 14px !important; line-height: 24px !important; height: 24px * 3 !important; margin-bottom: 1rem; overflow: hidden; text-align: justify; display: -webkit-box !important; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } .index .s3 .item a.morebtn { bottom: .5rem !important; } .download .s3 .items .item p { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .aboutParty .s2 .line { margin-bottom: 5vw; } .urbandevelop_n { .s1 { .up170 { padding: 110px 100px 90px 90px; align-items: flex-end; b { color: inherit; } .l { padding-right: 100px; border-right: 1px solid #F1F1F1; } .r { padding-left: 116px; } } } } @media screen and (max-width: 1720px) { // #content:before { max-width: 100%; } #content { padding-top: 110px; } html { font-size: 95px; } .about .s3 { overflow: hidden; } .slogan { .text { padding-top: 3.16rem; padding-bottom: 2.2rem; span { font-size: .24rem; margin-bottom: .4rem; &:after { width: 2.5rem; } } h1 { font-size: .7rem; margin-bottom: .8rem; } } } #content .btitle { margin-bottom: 78px; h1 { font-size: 48px; } .iconfont { bottom: 48px; font-size: 35px; } } .about .s1 .flex { margin: 0 -23px; .item { margin: 0 23px; margin-bottom: 46px; padding: 70px 48px; .iconfont { font-size: 130px; } } } .banner .text { left: .54rem; } .banner .text a { line-height: .71rem; padding-left: .4rem; padding-right: 1.25rem; letter-spacing: .06rem; text-indent: -.06rem; } .banner .text a:after { width: .71rem; } .index .s1 .text { max-width: 4.91rem; padding-top: .74rem; padding-left: .54rem; } .index .s1 .datas { margin-right: .7rem; } .index .s1 .datas .img { height: 7.14rem; width: auto; } .index .s1 .datas .growNumber { margin-top: 1rem; margin-left: -.5rem; margin-right: -.8rem; } // .index .s2 .items .item { margin-right: .82rem; } // .index .s2 .items .container { padding-bottom: 1.18rem; } // .index .s2 .items .item i { top: .3rem; right: .3rem; width: .72rem; line-height: .72rem; font-size: .34rem; } // .index .s2 .items .item p { left: .48rem; bottom: .49rem; } .index .s1 .video a i { width: 3rem; max-height: 3rem; } .index .s1 .info a { line-height: .71rem; padding-left: .4rem; padding-right: 1.25rem; letter-spacing: 0.06rem; text-indent: -0.06rem; } .index .s1 .info a:after { width: .71rem; } .index .s3 .item a.m strong { padding-top: 1.2rem; margin-bottom: .75rem; } .index .s3 .item a.m p { line-height: .4rem; height: 2.4rem; } .index .s3 .item a.m { padding: 0 .63rem; padding-bottom: 142.7966%; padding-bottom: 120%; } .index .s3 .item a.m span { bottom: .93rem; left: .63rem; font-size: .16rem; display: block; overflow: hidden; } .index .s3 .item a.m:after { bottom: .93rem; right: .63rem; font-size: .22rem; } } @media screen and (max-width: 1600px) { html { font-size: 96px; } .f12 { font-size: 12px; } #content .nav { margin-bottom: 1rem; } #content { padding-top: 105px; } #content .btitle { margin-bottom: 76px; h1 { font-size: 46px; } .iconfont { bottom: 46px; font-size: 34px; } } .about .s1 .flex { margin: 0 -20px; .item { margin: 0 20px; margin-bottom: 40px; padding: 65px 45px; .iconfont { font-size: 120px; } } } .about { .s2 { .chairman { padding: .4rem .6rem 1rem .5rem; .speech { margin-top: .8rem; padding-right: .8rem; p { font-size: 15px; } } } .managerTeam { padding: .75rem 0; .pic { margin-right: .6rem; } .list dl { margin-bottom: .55rem; } } } .s3 { .org { margin: 0; } } .s4 .left dl { margin-right: 1.5rem; } .s4 .left dd { margin-top: 1rem; padding-left: .6rem; } .s4 .left dd:before { font-size: 50px; top: 50%; line-height: 50px; margin-top: -25px; } .s4 .left dt { padding-bottom: .45rem; } .s5 .honor { padding: 1.06rem 0 .8rem 0; } .s5 .honor .items .item .tb { height: 1.4rem; } .s5 .list li span { margin: 0 .3rem; line-height: .58rem; height: .58rem; border-radius: .58rem; padding-left: .85rem; margin-bottom: .22rem; } .s5 .list { margin-top: 1rem; max-height: .8rem * 6; padding-right: 1rem; } .s5 .list li span:before { left: .425rem; } .s6 .pages { margin-bottom: 1.1rem; } .s6 .left { padding-right: .44rem; } .s6 .tabs a { padding-top: .5rem; } .s6 .left h2 { font-size: .4rem; } .s6 .left h2:after { font-size: .32rem; } .s6 .right dl dt { margin-bottom: .4rem; } .s6 .right dl { padding-top: .78rem; } } .brand { .s1 { padding-bottom: 3.8rem; } .s2 .container .img img { height: 2.1rem; padding: 1.2rem 1rem; } .s2 .container { padding-left: 5.7rem; } .s1 .logo .con { padding: .65rem 1.14rem; } .s1 .logo .con img { height: 1.35rem; } .s1 .info p { font-size: 14px; } } .download { .s1 .video .dlbtn { font-size: .48rem; padding: .38rem; } .s2 .items .item .f { height: 3.55rem; } .s2 .items .item .f i { top: .9rem; bottom: .55rem; } .s2 .items .item .f img { width: 2.7rem; } .s2 .items .item a { width: 2.7rem; } .s3 .items .item p { line-height: 1.5; } } #content .nav a { line-height: .8rem; font-size: .24rem; } #content .nav a .iconfont { font-size: .26rem; margin-right: .2rem; } .aboutParty .s2 .t dd { margin-bottom: .5rem; } .news .list .item a strong { padding-top: 1.8rem; margin-bottom: 1.1rem; } .news .list .item a p { line-height: .4rem; height: 2.4rem; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; /* 这里是超出几行省略 */ } .news .list .item a { padding: 0 .63rem; padding-bottom: 142.7966%; } .news .list .item a span { bottom: .93rem; left: .63rem; font-size: .16rem; } .news .list .item a:after { bottom: .93rem; right: .63rem; font-size: .22rem; } .responsibility .s1 .container { padding-left: 6.5rem; padding-right: .6rem; } .responsibility .s1 .container .img { max-width: 5.4rem; } .responsibility .s1 .container .text:before { width: 1.4rem; height: 1.08rem; top: .4rem; } .responsibility .s1 .container .text { padding-top: 2.1rem; } .responsibility .s1 .container .text h2 { line-height: .45rem; } .responsibility .s2 .items .item h2 { margin-bottom: .5rem; } .responsibility .s2 .items .item .con .info { padding: 0 1rem; padding-bottom: .7rem; } .responsibility .s2 .items .item .con { margin: 0 .35rem; } .responsibility .s2 .items { margin: -.35rem; } .responsibility .s2 .items .item a { line-height: .71rem; padding-left: .71rem; padding-right: 1.28rem; } .responsibility .s2 .items .item a:after { width: .71rem; } .talent .s1 .text { padding: .8rem 2rem; } .talent .s1 .text .con:before { width: 1.87rem; height: 1.44rem; margin-bottom: -.6rem; margin-right: -.35rem; } .talent .s2 .items { margin: 0 -.25rem; } .talent .s2 .items .item { margin: 0 .25rem; margin-bottom: .5rem; padding: .6rem .8rem; } .talent .s2 .items .item i:after { width: 1.5rem; margin-left: .3rem; } .talent .s2 .items .item p { font-size: .18rem; } .talent .s2 .items .item i { margin-bottom: .4rem; font-size: .3rem; } .supplychain .main .left { padding-left: .5rem; padding-right: .9rem; } .supplychain .main .left:after { width: 1.4rem; height: 1.08rem; left: .5rem; } .supplychain .main .right { padding-right: .5rem; } .supplychain .s2 .up170 { padding: 1.1rem 1rem .9rem .9rem; } .supplychain .s2 .up170 .r { padding-left: 1.16rem; } .supplychain .s2 .up170 .l { padding-right: 1rem; } .supplychain .main { padding-bottom: 2.9rem; } .supplychain .s2 .up170 { transform: translateY(-1.7rem); -webkit-transform: translateY(-1.7rem); } .invset .bhead { padding-left: .94rem; } .invset .bhead:before { right: .95rem; width: 1.4rem; height: 1.08rem; right: .95rem; } .supplychain .s2 .items .item { padding: 1.05rem .95rem 1.2rem .95rem; margin: 0 .35rem; } .supplychain .s2 .items { margin: 0 -.35rem; } .urbandevelop .s1 .top { margin: 0 -.35rem; margin-bottom: .7rem; } .urbandevelop .s1 .top .item { padding: 1.05rem .95rem; padding-bottom: .95rem; margin: 0 .35rem; } .urbandevelop .s1 .bottom { padding: .74rem 1.6rem; } .urbandevelop .s1 .bottom .name { left: 1.6rem; top: .74rem; } .innovation .s2 .items { margin: 0 -.35rem; margin-bottom: .5rem; } .innovation .s2 .items .item { padding: 1.05rem .95rem; padding-bottom: .95rem; margin: 0 .35rem; } /*.innovation .s1 { padding-bottom: 2.9rem; }*/ .finance .s2 .main .con { padding: 1.35rem .68rem 1.5rem .4rem; } .finance .s2 .img { bottom: 1.2rem; top: .78rem; margin-right: 1rem; } .springRain .s1 .left { padding-right: .45rem; } .springRain .s1 .right { padding-left: .9rem; } .springRain .s1 { padding-bottom: 1.25rem; } .springRain .s1 .right p { font-size: 14px; } .report .pdf { padding-bottom: .56rem; } .report .pdf .info { padding-left: .9rem; padding-right: 2.4rem; } .carryout .top .text { padding-right: 1.7rem; padding-left: 4.2rem; } .duty#content.carryout .btitle .iconfont { font-size: .55rem; bottom: .4rem; } .carryout .top { padding-top: .44rem; padding-bottom: 1.4rem; } .carryout .digest .left:before { width: 1.4rem; height: 1.08rem; } .carryout .digest .left { padding-top: 1.6rem; padding-right: .7rem; } .carryout .digest .right dl { margin-left: 1rem; padding-top: .2rem; } .carryout .digest { margin-bottom: 1.3em; } .carryout .data { padding: 1rem 1.3rem; margin-bottom: 1rem; } .carryout .contribution { margin-bottom: 1rem; } .carryout .data dd { margin-left: 4.2rem; } .carryout .data dt { top: 1rem; left: 1.3rem; } .carryout .data dd { padding: .4rem; padding-left: .4rem; } .carryout .card .img { top: .78rem; bottom: 1.2rem; margin-right: 1rem; max-height: 6.7rem; } .carryout .card .text .con { padding: 1.35rem .68rem 0 .4rem; } .carryout .card .text { min-height: 6.7rem; } .carryout .card { padding: .78rem 0 1.2rem 0; margin-bottom: 1.5rem; } .medias .items { margin: 0 -.36rem; } .medias .items .item .a { padding: .68rem .4rem; margin: 0 .36rem; } .medias .items .item .qr { padding: 0 .8rem; height: 1.8rem; } .medias .items .item { margin-bottom: .7rem; } .urbandevelop .s2 .items .item h5 { font-size: .3rem; line-height: 1.5; margin-bottom: .34rem; } // .urbandevelop .s2 .items .item p {font-size: .2rem; } .urbandevelop .s2 .items .item .con { padding-right: 4rem; } .index .s1 .text { max-width: 500px; } .index .s1 .datas { margin-right: 0; float: none; width: auto; position: absolute; /* top: 50%; transform: translateY(-50%);-webkit-transform: translateY(-50%); */ left: 50%; right: 10%; text-align: center; } .index .s1 .datas .img { width: auto; } .index .s1 .datas .growNumber { margin-left: 0; margin-right: 0; display: flex; } .index .s1 .datas .growNumber li p { font-size: 14px; } .urbandevelop_n { .s1 { .up170 { padding: 1.1rem 1rem .9rem .9rem; .l { padding-right: 1rem; } .r { padding-left: 1.16rem; } } } } } @media screen and (max-width: 1500px) { .urbandevelop .s2 .items .item .con { padding-right: 2.2rem; } html { font-size: 93px; } .f12 { font-size: 12px; } #content { padding-top: 100px; } #content .btitle { margin-bottom: 74px; h1 { font-size: 44px; } .iconfont { bottom: 44px; font-size: 33px; } } .about .s1 .flex { margin: 0 -18px; .item { margin: 0 18px; margin-bottom: 36px; padding: 60px 40px; .iconfont { font-size: 110px; } } } .carryout .digest .right dd { font-size: 19px; } .index .s1 .datas .img { height: 6rem; } .index .s1 .datas .growNumber { margin-top: .8rem; } } @media screen and (max-width: 1366px) { .invset#content .half, .urbandevelop .s2 .items .item p, .bhead p, .supplychain .s2 .items .item p, .urbandevelop .s1 .top .item p, .urbandevelop .s1 .bottom .info p, .urbandevelop .s2 .items .item p, .urbandevelop .s2 .items .item p, .finance .s2 .main p, .innovation .s2 .items .item p, .finance .s2 .img .con p, .about .s1 .item p, .about .s2 .chairman .speech p, .about .s2 .managerTeam .list dd, .about .s5 .list li span, .about .s6 .right dl dd p, .nd .editor p, .responsibility .s1 .container .text p, .carryout .top .text p, .carryout .top .text, .carryout .digest .right dd, .carryout .card .text .con p, .carryout .data dd, .carryout .card .text .con p, .springRain .s1 .right p, .talent .s1 .text p, .talent .s2 .items .item p, .supplychain .s2 .up170 .r p, .supplychain .s2 .up170 .l p, .aboutParty .s2 .left dd, .aboutParty .s2 .right dd, .aboutParty .s2 .b2 .team dl dd, .urbandevelop_n .s1 .up170 p { font-size: 14px !important; line-height: 2 !important; font-weight: normal; color: #000; } .about .s5 .list li span { line-height: .58rem !important; } .websites .items .item a h5 { font-size: .28rem; } .index .s1 .datas .growNumber li p { font-size: 12px; } .about .s2 .chairman .speech { max-width: 550px; } .download .s1 .video { margin: 0 100px; } .responsibility .s2 .items { padding: 0 100px; } // .responsibility .s2 .items { padding: 0 !important; } .banner .counter { left: .45rem; } .banner .text { left: 1rem; } html { font-size: 90px; } .f12 { font-size: 14px; } #content { padding-top: 95px; } #content .btitle { margin-bottom: 72px; h1 { font-size: 42px; } .iconfont { bottom: 42px; font-size: 33px; } } .about .s1 .flex { margin: 0 -15px; .item { margin: 0 15px; margin-bottom: 30px; padding: 55px 35px; .iconfont { font-size: 100px; } } } .aboutParty .s1 .t:before { margin-top: .46rem; margin-bottom: .5rem; height: 1.08rem; } .aboutParty .s1 .f { width: 4.7rem; height: 4.7rem; float: none; position: absolute; top: 0; left: 0; } .aboutParty .s1 .container { padding-left: 5.5rem; } .aboutParty .s1 .t { font-size: .3rem; float: none; padding-left: 0; } .aboutParty .s2 .line { clear: both; margin-bottom: 5vw; } .aboutParty .s2 .line:nth-child(4) { d: path('M 782,300 915,300 915,507'); } .aboutParty .s2 .line:nth-child(5) { d: path('M 438,300 305,300 305,507'); } .aboutParty .s2 .left, .aboutParty .s2 .right { float: left; position: relative; top: auto; left: auto; right: auto; bottom: auto; display: block; width: 50%; box-sizing: border-box; padding: 0 20px; } .aboutParty .s2 .left dd:last-of-type { max-width: unset; } .aboutParty .s2 .left dt, .aboutParty .s2 .t dt { margin: 0 auto; margin-bottom: .5rem; background-size: auto 100%; height: 1.3rem; font-size: .22rem; padding-top: .25rem; line-height: .3rem; } .aboutParty .s2 .t dd { max-width: unset; width: auto; } .aboutParty .s2 .left dt { background-image: url(//html/templates/style/../images/redbar_down.png); } .aboutParty .s2 .left:before, .aboutParty .s2 .left:after, .aboutParty .s2 .right:before, .aboutParty .s2 .right:after { display: none; } .aboutParty .s2 .t dd:before { right: auto; left: -3px; display: none; } .aboutParty .s2 .right dd { padding-right: 0; padding-left: 32px; padding-left: 0; text-align: center; margin-bottom: 20px; } .aboutParty .s2 .left dd { text-align: center; margin-bottom: 20px; } .aboutParty .s2 .svg.bg { margin-top: -15%; display: none; } .aboutParty .s2 .center { top: 35%; } .aboutParty .s2 .b1 { margin: 0; } .news .pager { margin: 0 20px; } .news .pager .btns .btn { padding: 0 .82rem; } .nd .top { height: 4.08rem; margin-bottom: 1rem; } .nd .content { padding: 0 1rem; } .nd .title { padding-right: 4rem; margin-bottom: .6rem; } .nd .title a { line-height: .6rem; padding: 0 .55rem; } .nd .editor { padding: 1rem; } .report .pdf .info { padding-left: .5rem; padding-right: 1rem; } .report .pdf .info a { width: 2.7rem; padding-left: .23rem; margin-bottom: .3rem; font-size: 14px; } .report .pdf .info a:after { width: .6rem; font-size: 16px; } .report .pdf .info a { line-height: .6rem; } .report .pdf .img { max-width: 4rem; margin-right: .54rem; } .carryout .digest .right dd { font-size: 18px; } .index .s2 .items { margin-left: -600px; } .index .s2 .controls { max-width: 1200px; } .carryout .top .text p, .carryout .digest .left { font-weight: normal; } .news .list .item a { padding: .5rem .63rem; height: auto; } .news .list .item a strong { padding: 0; margin-bottom: 20px; } .news .list .item a p { height: 1.6rem; overflow: hidden; } .news .list .item a span { position: relative; top: auto; left: auto; right: auto; bottom: auto; display: block; margin-top: 20px; } .news .list .item a:after { bottom: .5rem; } } @media screen and (max-width: 1280px) { html, body { /*transform: scale(1);-webkit-transform: scale(1);*/ -webkit-text-size-adjust: 100% !important; text-size-adjust: 100% !important; -moz-text-size-adjust: 100% !important; } #content { padding-top: 90px; } html { font-size: 85px; } .f14, .f12 { font-size: 14px; } #content .btitle { margin-bottom: 70px; h1 { font-size: 40px; } .iconfont { bottom: 40px; font-size: 32px; } } .about .s1 .flex { margin: 0 -13px; .item { margin: 0 13px; margin-bottom: 26px; padding: 50px 30px; .iconfont { font-size: 90px; } } } .brand { .s2 .container { padding-left: 5rem; } .s2 .container .info { padding-right: .5rem; } } /*.innovation .s1 { padding-bottom: 1.5rem; }*/ .carryout .digest .right dd { font-size: 17px; } .index .s2 .items { margin-left: -500px; } .index .s2 .controls { max-width: 1000px; } } @media screen and (max-width: 1200px) { #content { padding-top: 85px; } html { font-size: 80px; } .f14, .f12 { font-size: 12px; } #content .btitle { margin-bottom: 76px; h1 { font-size: 36px; } .iconfont { bottom: 36px; font-size: 31px; } } .about .s1 .flex { margin: 0 -10px; .item { margin: 0 10px; margin-bottom: 20px; padding: 45px 25px; .iconfont { font-size: 80px; } } } .about { .s2 { .chairman { padding: .4rem .2rem 1rem .2rem; .speech { margin-top: .5rem; padding-right: .5rem; p { font-size: 14px; } } } } .s3 { .org { overflow-x: scroll; img { min-width: 1200px; } } } .s4 .left dl { margin-right: 1rem; } .s4 .left dd:before { font-size: 40px; } } .carryout .digest .right dd { font-size: 16px; } .urbandevelop .s2 .items .item { margin: 0 50px; } } @media screen and (max-width: 1100px) { .download .s1 .video { margin: 0 50px; } #content { padding-top: 80px; } html { font-size: 75px; } .f14, .f12 { font-size: 14px; } #content .btitle { margin-bottom: 73px; h1 { font-size: 33px; } .iconfont { bottom: 33px; font-size: 30px; } } .about .s1 .flex { .item { padding: 40px 20px; flex: auto; .iconfont { font-size: 75px; right: 25px; } } } // .news .list .item a strong { padding-top: 1.5rem; margin-bottom: .6rem; } .carryout .digest .right dd { font-size: 15px; } .index .s2 .items { margin-left: -400px; } .index .s2 .controls { max-width: 800px; } } @media screen and (max-width: 1024px) { .download .s1 .video { margin: 0px; } #content { padding-top: 75px; section[class^="s"] { margin: 0 !important; padding-top: 1rem !important; padding-bottom: 1rem !important; } } html { font-size: 70px; } .f16, .f14, .f12 { font-size: 14px; } #content .btitle { margin-bottom: 70px; h1 { font-size: 30px; } .iconfont { bottom: 30px; font-size: 29px; } } .slogan .text i { padding-left: 30px; &:before { font-size: 10px; } &:after { font-size: 12px; } } .about { .s5 .list li { width: 50%; } } .aboutParty#content .s1 { padding-top: .5rem !important; } .carryout .digest .right dd { font-size: 14px; } .about#content section[class^="s"] { padding-top: 0 !important; } .responsibility .s2 .items { padding: 0; } } @media screen and (max-width: 960px) { #content { padding-top: 70px; } html { font-size: 65px; } .f18, .f16, .f14, .f12 { font-size: 14px; } #content .btitle { margin-bottom: 65px; h1 { font-size: 28px; } .iconfont { bottom: 28px; font-size: 28px; } } .about { .s4 .left dt span { margin-left: .5rem; } .s4 .left dt { padding-bottom: 0; border: 0; margin-bottom: -.3rem; } .s4 .left dl { margin-right: 0; } .s4 .left, .s4 .right { float: none; width: auto; margin: 0; padding: 0; } .s4 .left { margin-bottom: .4rem; } .s4 .left dd:before { font-size: 25px; } .s4 .right h2 { border: 0; border-top: 1px solid #D8DFE0; padding-top: .3rem; line-height: 1.5; margin-bottom: .3rem; } .s4 .right .bx-pager { margin-top: .2rem; } .s4 .right #charts .chart h5 { position: relative; span { position: absolute; top: 0; right: 0; } } .s5 .honor .items { display: block; overflow: hidden; } .s5 .honor .items .item { float: left; width: 50%; margin: 0; box-sizing: border-box; padding: 0 .4rem; margin-bottom: .5rem; } .s6 .right dl dt { font-size: 20px; } .s6 .right dl dd p { font-size: 14px; } .s6 .left, .s6 .right { float: none; width: auto; } .s6 .left { padding-right: 0; } .s6 .right { max-height: unset; overflow: hidden; } .s6 .maxsize { position: relative; } .s6 .tabs { position: absolute; top: 110px; left: 20px; right: 20px; border-top: 0; border-bottom: 2px solid #e2e2e2; } .s6 .tabs a { padding-top: 0; border: 0; padding-bottom: .4rem; margin-bottom: -2px; } .s6 .tabs a.active { border-bottom: 2px solid; } .s6 .pages { padding-top: 120px; } } .brand { .s1 .info p { text-align: left; line-height: 2; } .s1 .info p b { display: block; margin-top: 1em; } } .download { .s3 .items .item { width: 33.33%; } .s3 .items .item p { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } } .nd .content { padding: 0; } .nd .editor { padding: .5rem 0; } .nd .title a { position: relative; top: auto; left: auto; right: auto; bottom: auto; display: inline-block; } .nd .title span { display: block; margin-bottom: .3rem; } .nd .title { padding-right: 0; } .nd .title h1 { line-height: 1.5; } .nd .title { padding-bottom: .4rem; } .nd .links { margin: 0; } .responsibility .s2 .items .item a { letter-spacing: 0; } .carryout .contribution .item { max-height: 100px; height: auto; padding: 20px 10px; } .carryout .achievements .flex { display: block; overflow: hidden; } .carryout .achievements p { margin-bottom: 0; } .carryout .achievements .flex > div { float: left; width: 50%; margin-bottom: 20px; } .carryout .card .text .con { padding: 0; padding-top: 1.3rem; } .carryout .card .img p { line-height: 1.5; } .urbandevelop .s2 .pager, .urbandevelop .s2 .current { display: none; } .urbandevelop .s2 .btns .btn.prev { right: auto; left: 0; margin-right: 0; } .urbandevelop .s2 .btns .btn.next { left: auto; right: 0; margin-left: 0; } .urbandevelop .s2 .items .item { width: 80%; } .urbandevelop .s2 .items .item .con { padding: .5rem .4rem; padding-right: 2.5rem; } .urbandevelop .s2 .items .item .con .qr { top: .5rem; right: .4rem; } // .header .menu .menulist li.mo { display: block; } // .header .menu .menulist li.mo > a { font-size: 12px; line-height: 40px;} } @media screen and (max-width: 860px) { .slogan { padding-bottom: 0; } #content { padding-top: 0 !important; margin-top: auto; &:before { display: none; } } .news#content .nav, .invset#content .nav, .duty#content .nav, .news#content .nav, #content .nav { padding-top: .5rem; margin: 0 -10px; } .invset#content .nav { margin-bottom: .5rem; } .news .list { padding-top: .5rem; } .news#content .nav a, .duty#content .nav { margin-bottom: .5rem; } .duty#content .nav a, .invset#content .nav a, .news#content .nav a, #content .nav a { margin: 0 10px; } html { font-size: 60px; } .f18, .f16, .f14, .f12 { font-size: 14px; } #content .btitle { margin-bottom: 50px; h1 { font-size: 26px; } .iconfont { bottom: 26px; font-size: 26px; } } .about { .s2 { .chairman { .info { position: relative; span { margin-bottom: 20px; } .name { margin-top: 0; position: absolute; top: 35px; right: 0; } .iconfont { font-size: 30px; } } .speech { max-width: unset; width: auto; } } .managerTeam { .flex { display: block; } .pic { margin-right: 0; margin-bottom: 20px; } } } .s3 { .org { img { min-width: 800px; } } } } .download { .s2 .items { margin: 0 -10px; } .s2 .items .item { padding: 0 10px; } .s2 .items .item a:after { border: 0; } .s2 .items .item a { line-height: 40px; font-size: 14px; letter-spacing: 0; } } .aboutParty .s2 .svg.bg { display: none; } .aboutParty .s2 .center { position: relative; top: auto; left: auto; right: auto; bottom: auto; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); } .aboutParty .s2 .b1 { padding-top: 0; } .aboutParty .s2 .t dd { font-size: 14px; line-height: 1.5; margin-bottom: .3rem; } .aboutParty .s2 .b2 { display: block; } .aboutParty .s2 .b2 .half { text-align: center; margin-bottom: .4rem; } .aboutParty .s2 .b2 .five .posr { margin: 0 auto; } .aboutParty .s2 .line { margin: .5rem 0; padding-top: .5rem; } .responsibility .s1 .container .img { max-width: unset; position: relative; top: auto; left: auto; right: auto; bottom: auto; } .responsibility .s1 .container { padding: 0 20px } .talent .s1 .text { padding: .5rem; } .invset#content .half { width: 100%; margin-top: .5rem; } .supplychain .main .left:after { left: auto; right: 0; top: 0; } .invset#content .half { padding: 0; } .invset .flex { display: block; } .supplychain .s2 .up170 .l { padding: 0; padding-bottom: .3rem; border: 0; pointer-events: none; } .supplychain .s2 .up170 .r { padding-left: 0; } .invset .bhead { padding: 0 .5rem; } // .invset .bhead p { line-height: 2; } .supplychain .s2 .items .item { margin-bottom: .3rem; } .invset .bhead:before { right: .95rem; width: 1.4rem; height: 1.08rem; right: .95rem; } .urbandevelop .s1 .top .item { margin-bottom: .3rem; } .urbandevelop .s1 .top { margin-bottom: 0; } .urbandevelop .s1 .bottom .name { position: relative; top: auto; left: auto; right: auto; bottom: auto; } .urbandevelop .s1 .bottom .info { margin-left: 0; } .urbandevelop .s1 .bottom { padding: 1.05rem .95rem; padding-bottom: .95rem; } .innovation .s2 .items { transform: translateY(0px); -webkit-transform: translateY(0px); } .innovation .s1 { padding-bottom: 0; } .innovation .s2 .items .item { margin-bottom: .3rem; } .finance .s2 .main .con { padding: .5rem 0; } .finance .s2 .img { position: relative; top: auto; left: auto; right: auto; bottom: auto; transform: translateY(0px); -webkit-transform: translateY(0px); max-height: unset; margin: 0; } .finance .s2 .main .con { margin-left: 0; } .finance .s2:before { left: 0; width: auto; } .finance .s2 .img .con { position: relative; top: auto; left: auto; right: auto; bottom: auto; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); background: none; box-shadow: unset; } .finance .s2 .img { box-shadow: unset; background: none; padding-bottom: .4rem; } .finance .s2 .img .con p { margin-top: 20px; } .responsibility .s2 .items .item a { padding-left: 20px; } .springRain .s1 .half { width: 100%; margin-top: 20px; padding: 0; } .springRain .s1 .half h1, .springRain .s1 .half h2 { line-height: 1.5; } .carryout .top .text { padding-left: 0; padding-right: 0; } .carryout .top .text h1 { position: relative; top: auto; left: auto; right: auto; bottom: auto; margin-bottom: .5rem; } .carryout .top .text p { line-height: 2; } .carryout .top { padding-bottom: .2rem; } .carryout .digest .left, .carryout .digest .right { margin: 0; width: 100%; } .carryout .digest .left { margin-bottom: .5rem; } .carryout .digest .right dl { margin: 0; } .carryout .digest { margin-bottom: 50px; } .carryout .data dt { position: relative; top: auto; left: auto; right: auto; bottom: auto; } .carryout .data dd:nth-child(2) { margin-top: 0; } .carryout .data dd { margin-left: 0; border-bottom: 0; border-top: 1px solid #d9d9d9; } .carryout .data dt { margin-bottom: 30px; } .medias .items .item { width: 50%; } .medias .items .item .qr { padding: 0; } #content .btitle { padding-top: 50px; } .websites .items { margin: 0 -10px; } .websites .items .item { margin-bottom: 20px; } .websites .items .item a { margin: 0 10px; } .invset a.flex.db { display: block; } .urbandevelop .s2 .items .item { margin: 0 20px; } } @media screen and (max-width: 800px) { .index .section { height: unset !important; min-height: unset; } .header .menu .menulist li:hover .sub, .header .menu .menulist li .sub { display: none !important; } .header .menu .menulist li .sub { position: relative; top: auto; left: auto; right: auto; bottom: auto; background: none; color: #666; padding: 0; display: flex; text-align: center; display: none; border-bottom: 1px solid #d70c1e; } .header .menu .menulist li .sub.show { display: flex !important; } .header .menu .menulist li .sub.show.flat { display: block !important; } .header .menu .menulist li .sub.typeRight { position: relative; top: auto; left: auto; right: auto; bottom: auto; } .header .menu .menulist li .sub dl { display: block; flex: 1; } .header .menu .menulist li .sub dt { padding: 0; line-height: 40px; margin-bottom: 0; } .header .menu .menulist li .sub dt a { color: #000; text-align: center; line-height: 30px; font-size: 14px; } .header .menu .menulist li .sub dd a { color: #666; font-size: 12px; } .index .s2 .items { margin-left: auto; left: 20px; right: 20px; } .index .section .animated:not(.interactable), .index .section .animated2s:not(.interactable) { display: block; } .index .s1 .text { max-width: unset; padding-top: 1.42rem; padding-left: 0; } .index .s1 .text .title { margin-bottom: .67rem; } .index .s1 .text .title h1 { margin-bottom: 0; } .index .s1 .text p { line-height: 2.08; margin-bottom: .6rem; } .index .s1 .text .info { margin-bottom: 1rem; } .index .s1 .datas .img { display: none; } .index .s1 .datas { position: relative; top: auto; left: auto; right: auto; bottom: auto; } .index .s1 .video { position: relative; top: auto; left: auto; right: auto; bottom: auto; margin-bottom: .6rem; } .index .s1 .video a { display: block; margin-bottom: 0px; } .index .s1 .video a i { width: auto; height: 3.85rem; max-height: unset; display: block; } .index .s1 .video .inb { display: block; } .index .s1 .datas .growNumber { margin-top: 0; position: relative; top: auto; left: auto; right: auto; bottom: auto; padding-bottom: 0; } .index .s1 .datas .growNumber li { padding-top: 0; width: 50%; margin-top: 20px; } .index .s1 .datas .growNumber li p { font-size: 10px; color: #aaa; } .index .s2 { padding-top: 1.125rem; padding-bottom: 1rem; } .index .s2:before { content: '投资领域'; color: #fff; font-size: .5rem; left: 20px; position: absolute; top: 1.3rem; } .index .s2 .items { position: relative; top: auto; left: auto; right: auto; bottom: auto; overflow: hidden; padding-top: 1.575rem; } .index .s2 .items .container { position: relative; top: auto; left: auto; right: auto; bottom: auto; transform: translateX(20px); -webkit-transform: translateX(20px); padding-bottom: 0; } .index .s2 .items .container:after { content: ''; clear: both; display: block; } .index .s2 .items .item { visibility: visible; opacity: 1; -webkit-animation: none; -webkit-animation: none; width: auto; margin: 0; } .index .s2 .items .item .con { width: 4.12rem; height: 5.72rem; margin-right: .6rem; position: relative; padding-bottom: 0; } .index .s2 .nav { display: none; } .index .s2 .items .item i { width: .72rem; line-height: .72rem; font-size: .33rem; top: .3rem; right: .3rem; } .index .s2 .items .item p { left: .4rem; bottom: .6rem; font-size: .36rem; } .index .s2 .controls { top: 0; margin-top: 0; width: auto; right: 0; left: auto; } .index .s2 .controls .btns .btn { line-height: .85rem; width: .85rem; } .index .s2 .controls p { display: none; } .index .s2 .controls:after { display: none; } .index .s3 { padding-top: 1.2rem; padding-bottom: .3rem; } .index .s3 .title { margin: 0; padding: 0; position: relative; top: auto; left: auto; right: auto; bottom: auto; } .index .s4 { padding-top: 1; } .index .s3 .container { position: relative; top: auto; left: auto; right: auto; bottom: auto; padding-top: 1rem; padding-left: 0; transform: translateY(0px); -webkit-transform: translateY(0px); } .index .s3 .item { width: 50%; } .index .s3 .item a.m { padding: 0 .45rem; padding-bottom: 142.7966%; } .index .s3 .item a.m strong { padding-top: 1rem; margin-bottom: .71rem; } .index .s3 .item a.m p { font-size: .24rem; line-height: .36rem; font-weight: normal; height: 1.44rem; overflow: hidden; } .index .s3 .item a.m span { bottom: .53rem; left: .45rem; } .index .s3 .item a.m:after { bottom: .53rem; right: .45rem; } .index .s3 .title .btns { top: 0; bottom: auto; margin-top: -.175rem; } .index .s3 .title .btns a { line-height: .85rem; width: .85rem; } .index .s4 .recruit { padding-bottom: 1.06rem; border-bottom: 1px solid #e5e5e5; } .index .s4 .recruit .item { margin-bottom: .8rem; float: left; width: 50%; } .index .s4 .recruit a { padding: 1.05rem 0; margin-bottom: .38rem; height: auto; } .index .s4 .recruit a .con { position: relative; top: auto; left: auto; right: auto; bottom: auto; transform: translateY(0px); -webkit-transform: translateY(0px); } .index .s4 .recruit a .con .f50 { font-size: .5rem; } } @media screen and (max-width: 680px) { #content { padding-top: 60px; } html { font-size: 55px; } .f20, .f18, .f16, .f14, .f12 { font-size: 14px; } #content .btitle { margin-bottom: 40px; h1 { font-size: 24px; } .iconfont { bottom: 24px; font-size: 24px; } } .about { .s5 .list { max-height: .92rem * 6; padding-right: .3rem; } .s5 .list li { width: 100%; } .s5 .list li span { line-height: .7rem; height: .7rem; } .s6 .tabs a { font-size: 16px; } } .brand { .s2 .container { padding-left: 0; } .s2 .container .img { width: auto; position: relative; top: auto; left: auto; right: auto; bottom: auto; margin-bottom: .5rem; text-align: center; } .s2 .container .info p { font-size: 14px; margin-bottom: 2em; line-height: 2; } } .download { .s3 .items .item { width: 50%; } } .aboutParty .s1 .f { position: relative; top: auto; left: auto; right: auto; bottom: auto; display: inline-block; margin-bottom: .4rem; } .aboutParty .s1 .t:before { display: none; } .aboutParty .s1 .container { padding: 0 20px; text-align: center; } .news .list .item { width: 50%; } .news .pager .btns .btn { padding: 0 20px; } .responsibility .s2 .items .item { width: 100%; margin-top: 20px; } .report .pdf .info { position: relative; top: auto; left: auto; right: auto; bottom: auto; display: inline-block; text-align: center; } .report .pdf .info a { display: inline-block; text-align: left; } .report .pdf .img { margin: 0 auto; margin-bottom: .5rem; } .report .pdf { padding-right: 0; text-align: center; background: unset; } .carryout .card .img { position: relative; top: auto; left: auto; right: auto; bottom: auto; margin-left: 0; margin-right: 0; padding-bottom: 75%; } .carryout .card .img i { } .carryout .card .text .con { margin-left: 0; } .carryout .card .img p { position: absolute; bottom: 20px; right: 20px; top: auto; z-index: 9; color: #fff; text-shadow: 0 0 20px rgba(0, 0, 0, .25); font-weight: 900; } .carryout .card { margin-bottom: 0; padding: 20px; } .carryout .card:before { display: none; } .carryout .card .text { min-height: unset; } .carryout .card .text .con { padding-top: 50px; } .carryout .card .text .maxsize { padding: 0; } .websites .items .item { width: 50%; } .carryout .card .text .flex { margin: 0; display: block; } .carryout .card .text .flex .item { margin-top: 20px; } } // @media screen and (max-width: 580px) { // #content { padding-top: 55px; } // #content .btitle { // margin-bottom: 30px; // h1 { font-size: 22px; } // .iconfont { bottom: 22px; font-size: 22px; } // } // } @media screen and (max-width: 580px) { // #mainTitle { animation-name: none; -webkit-animation-name: none; z-index: 100; opacity:1; width: 337px; height: 68.11px; padding-bottom: 0; background-color: #000; transform: translate3d(0,0,0);-webkit-transform: translate3d(0,0,0); left: 0; right: 0; } html, body { -webkit-text-size-adjust: 100% !important; text-size-adjust: 100% !important; -moz-text-size-adjust: 100% !important; } .news .list .item { width: 100%; } .about .s1 .flex .item h2 { font-size: 16px; } #mainTitle { height: auto; padding: auto; display: block !important; } #mainTitle img { opacity: 1; } #content { padding-top: 50px; } html { font-size: 50px; } .f20, .f18, .f16, .f14, .f12 { font-size: 14px; } #content .btitle { margin-bottom: 20px; h1 { font-size: 20px; } .iconfont { bottom: 20px; font-size: 20px; } } .about .s1 .flex { margin: 0 -5px; .item { margin: 0 5px; margin-bottom: 10px; padding: 20px 10px; h2 { line-height: 1.5; } p { line-height: 1.5; word-break: keep-all; } .iconfont { font-size: 60px; right: 15px; } } } .about#content { padding-top: 0; .s2 { padding-bottom: 0 !important; } .s6 .tabs { top: 80px; } .s6 .tabs a { font-size: 12px; } } .download .s3 .items { margin: 0 -10px; } .download .s3 .items .item { margin-bottom: 0; margin-top: .5rem; padding: 0 10px; } .aboutParty .s2 .left, .aboutParty .s2 .right { width: 100%; margin: 0; padding: 0; margin-top: .4rem; } .aboutParty .s2 .center .iconfont { font-size: 60px; } .aboutParty .s2 .center h2 { margin-top: 20px; } .aboutParty .s2 .b2 .team dl dd { margin-left: 0; padding-left: 0; } .aboutParty .s2 .b2 .team dl:before, .aboutParty .s2 .b2 .team dl:after { display: none; } .aboutParty .s2 .b2 .team dl dt { border-radius: 8px; } .aboutParty .s2 .b2 .team dl dt, .aboutParty .s2 .b2 .team dl dd { margin-bottom: .3rem; } .aboutParty .s2 .b2 .half h2 { margin-bottom: .5rem; } .aboutParty#content .s2 { padding-bottom: 0.5rem !important; } .news .pager .btns .btn { display: none; } .nd .links .share { position: relative; top: auto; left: auto; right: auto; bottom: auto; margin-bottom: .3rem; } .nd .links { padding-left: 0; padding-top: 20px; } .nd .links { text-align: left; } .talent .s1 .text { padding: 0; } .talent .s1 .text h2 { margin-bottom: .3rem; } .talent .s2 .items .flex { display: block; } .talent .s2 .items .item p { font-size: 14px; } .aboutParty#content .nav a { margin: 0; padding: 20px 0; } .aboutParty#content .nav a .iconfont { display: block; margin: 0; margin-bottom: 10px; line-height: 1; font-size: 20px; } .aboutParty#content .nav a span { display: block; line-height: 1; font-size: 9px; white-space: nowrap; } .news#content .nav a { margin: 0; padding: 20px 0; } .news#content .nav a .iconfont { display: block; margin: 0; margin-bottom: 10px; line-height: 1; font-size: 20px; } .news#content .nav a span { display: block; line-height: 1; font-size: 9px; white-space: nowrap; } .invset#content .nav a { margin: 0; padding: 20px 0; } .invset#content .nav a .iconfont { display: block; margin: 0; margin-bottom: 10px; line-height: 1; font-size: 20px; } .invset#content .nav a span { display: block; line-height: 1.2; font-size: 9px; //white-space: nowrap; padding: 0 4px; } .duty#content .nav a { margin: 0; padding: 20px 0; } .duty#content .nav a .iconfont { display: block; margin: 0; margin-bottom: 10px; line-height: 1; font-size: 20px; } .duty#content .nav a span { display: block; line-height: 1; font-size: 9px; white-space: nowrap; } .supplychain .s2 .up170 { padding: 20px; } .supplychain .s2 .items .item { padding: 20px; } .invset .justifytext { text-align-last: left; text-align: left; font-size: 14px; line-height: 1.5; } .supplychain .s2 { padding-bottom: 50px; } .invset .bhead { padding: 0; } .urbandevelop .s1 .top .item { padding: 20px; } .urbandevelop .s1 .bottom { padding: 20px; } .urbandevelop .s1 .top .item p, .urbandevelop .s1 .bottom p { font-size: 13px; line-height: 1.75; } .urbandevelop .s1 .top .item h3, .urbandevelop .s1 .bottom h3 { font-size: 14px; line-height: 1.75; color: #000; } .innovation .s2 .items .item { padding: 20px; } .finance .s2 .main p { font-size: 14px; } .finance .s2 .main .con h3 { font-size: 15px; } .responsibility .s1 .container { padding: 0; } .responsibility .s1 .container .text h2 { font-size: 16px; } .responsibility .s1 .container .text p { font-size: 14px; line-height: 1.75; } .springRain .s1 .half h2 { font-size: 16px; } .springRain .s1 { padding-bottom: 0; } .springRain .s1 .right p { margin-bottom: 1.75em; line-height: 1.75; } .springRain { padding-bottom: 50px; } .report .pdf .info h1 { line-height: 1.5; } .carryout .digest .left:before { height: 50px; } .carryout .digest .left { padding-top: 50px; line-height: 1.75; padding: 0; padding-top: 1rem; } .carryout .digest .left { font-size: 15px; line-height: 2; } .carryout .s2 .digest .right dl, .carryout .s3 .digest .right dl { padding-top: 0; } .carryout .data { padding: 20px; } .carryout .data dd { line-height: 1.75; font-size: 14px; } .carryout .digest .right dd { line-height: 1.5; margin-bottom: 1em; } .medias .items .item h5 { font-size: 14px; } .medias .items .item span { font-size: 12px; } .medias .items { margin: 0 -5px; } .medias .items .item { margin-bottom: 10px; } .medias .items .item .a { margin: 0 5px; padding: 20px 10px; } .websites .items .item { width: 100%; } .footer .links .btns a { margin-right: 20px; } .talent .s2 .recruit a .con { padding: 40px 0; } .talent .s2 .recruit a .iconfont { font-size: 40px; margin-bottom: 20px; } .about .s2 .chairman .speech p { line-height: 2em; } .about .s2 .managerTeam .list dl dd { font-size: 14px; } .about .s2 .chairman .speech { height: 18em; } .about .s1 .flex .item p { font-size: 14px; } .about#content .s3, .about#content .s4, .about#content .s5, .about#content .s2 { padding-top: 0 !important; } .about#content .s6 .tabs { top: 120px; overflow-x: auto; overflow-y: hidden; } // .invset#content .half.right { font-size: 14px; line-height: 1.75; } .urbandevelop .s2 .items .item .con { padding: 20px; } .urbandevelop .s2 .items .item .con p { height: auto; font-size: 14px; } .urbandevelop .s2 .items .item .con .qr { position: relative; top: auto; left: auto; right: auto; bottom: auto; margin-top: 20px; } .urbandevelop .s1 { padding-bottom: 50px; } .about .s4 .left dd p { font-size: 12px; } .about .s4 .right #charts { margin: 0; } .about .s4 .right #charts .chart { margin: 0; padding: 0 5px; } #mainTitle { width: 90% !important; margin: 0 auto !important; position: absolute; top: 40%; background-size: contain; } // .about#content .s1 { padding-top: 0 !important; } .about .s2 .chairman .info .grey { font-size: 14px; } .about .s5 .honor .items .item { padding: 0 10px; } .about .s5 .honor .items .item h2 { margin-bottom: 20px; } .footer .links dl dt, .footer .info p { font-size: 14px; float: none; } .footer .info p { text-align: center; } .footer .links .btns { text-align: center; } .footer .links .btns a { display: inline-block; margin: 0 5px; width: auto; padding-left: 0; padding: 0 20px; float: none; } #content { overflow-x: hidden; } .footer .links .btns a:after { position: relative; top: auto; left: auto; right: auto; bottom: auto; border: 0; margin-left: 5px; } .footer .info p a { display: block; } .footer .info .legalStatement { text-align: center; float: none; } .footer .info .legalStatement a { display: inline-block; float: none; margin: 0; } .urbandevelop .s2 .container { padding-bottom: 50px; } .invset.finance { padding-bottom: 50px; } .innovation .s2 .items .item p { line-height: 2; } .slogan .text h1 { text-shadow: 0 0 10px rgba(0, 0, 0, .5), 0 0 50px rgba(0, 0, 0, .1); margin-bottom: 0; } .responsibility#content .s1 .btitle { padding-top: 0; } .responsibility#content .s1 { padding-top: 25px !important; } #content section[class^="s"] .btitle { padding-top: 0; } .about#content section[class^="s"] .btitle { padding-top: 50px; } .responsibility#content .s1 { padding-bottom: 0 !important; } .carryout .achievements .flex > div { text-align: center; } .carryout .achievements { margin-bottom: 0; } .carryout .card .text .flex p { margin-top: 15px; } .report .pdf { background-image: none !important; } .report .pdf .info a { display: block; margin: 0 auto; margin-top: 20px; } .report .pdf .info h1 { word-break: keep-all; } .websites .items .item a { height: auto; padding: 25px 0; } .urbandevelop .s2 .items { margin: 0 20px; } .urbandevelop .s2 .items .item { width: auto; margin: 0; opacity: 1; float: none; } .nd .editor p { margin-bottom: 1.75em; line-height: 1.75em; } .news .list .item a strong { padding-top: .5rem; } .news .list .item a:after, .news .list .item a span { bottom: .5rem; } .banner .bx-controls { display: block !important; left: 0; right: 0; top: auto; bottom: 30px; height: auto; text-align: center; width: auto; } .banner .bx-pager { display: inline-block; height: auto; } .banner .bx-pager-item { float: left; margin: 0 10px; } .banner .tip { width: auto; writing-mode: unset; bottom: 20%; left: 20px; right: auto; top: auto; } .banner .text { left: 20px; } .banner .counter { writing-mode: unset; top: 20%; left: 20px; right: auto; bottom: auto; width: auto; white-space: nowrap; } .invset#content .nav a .iconfont { font-weight: normal; } .talent .s1 .text p { font-size: 14px; } .report { padding-bottom: .5rem; } .carryout .card .text .flex .item { margin-top: .7rem; } .carryout .s3 .card { margin-bottom: 0; } .innovation .s2 .items .item h5, .innovation .s2 .items .item h2 { font-size: 16px; font-weight: 900; } .brand .s2 .container .info { padding-right: 0; } .brand .s2 .container .info .qr { display: inline-block; margin-top: 0.2rem; } .brand .s2 .container .info .qr img { width: 36vw; } .brand .s2 .container .info .qr .shadow { display: inline-block; margin-bottom: 0; } .aboutParty .s2 .b2 .team dl dd:before { display: none; } .about .s2 .chairman .info .name { max-width: 100px; } .about .s2 .chairman .info .name p { font-size: 20px; } .about .s2 .chairman .info .name font { display: block; margin: 0 !important; margin-top: 10px !important; } .banner .text h1 { font-size: 25px; } .talent .s2 .recruit .item { width: 100%; margin-bottom: 20px; } .header { z-index: 99999999; } .finance .s2 .main p { line-height: 1.75; } .about#content .s6 .tabs { display: flex; } .about#content .s6 .tabs a { margin: 0 20px; font-size: 14px; margin-bottom: -2px; } .about#content .s6 .tabs a font { display: block; text-align: center; line-height: 1.5; } .about .s6 .left h2:after { line-height: .4rem; margin-top: -.2rem; } .news .list .item a p { overflow: hidden; height: 2rem; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; /* 这里是超出几行省略 */ } .news .list .item.news_sort a p { height: auto; } .invset#content .half, .urbandevelop .s2 .items .item p, .bhead p { font-size: 14px !important; } .urbandevelop .s2 .btns .btn { top: 50%; } .invset .bhead { padding-bottom: .5rem; } .index .s4 .recruit .items { margin: 0 -5px; } .index .s4 .recruit .items .item a { margin: 0 5px; } .index .s4 .recruit a .con .f50 { font-size: 18px; } .index .s4 .recruit .item { margin-bottom: 0; } .index .s1 .datas { padding-top: 0; } .index .s3 .item a.m p { font-size: 14px !important; line-height: 25px !important; height: 75px !important; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-align: left; } .index .s3 .item a.m span { font-size: 12px !important; line-height: 20px !important; height: 60px !important; overflow: hidden; text-overflow: ellipsis; } .about .s1 .flex { display: block; overflow: hidden; } .banner .text p:after { display: none; } .about .s2 .chairman .info .name { position: relative; top: auto; bottom: auto; left: auto; right: auto; margin: 20px 0; padding: 0; max-width: unset; } .innovation .s2 .items .item.ontop:before { display: none; } .aboutParty .s2 .left dd, .aboutParty .s2 .right dd { text-align: justify; padding: 0; } .index .s3 .container, .index .s2 .items .container { transition: all .2s ease-out; -webkit-transition: all .2s ease-out; } .urbandevelop_n { .s1 { .up170 { padding: 20px; .l { padding: 0; } .r { padding-left: 0; } } } } } @media screen and (max-width: 320px) { .carryout .achievements .flex > div { width: 100%; } } @media screen and (max-height: 980px) and (min-width: 800px) { .index .s1 .datas .growNumber { margin-top: .8rem; } .index .s1 .datas .img { height: 6rem; } } @media screen and (max-height: 830px) and (min-width: 800px) { .index .s1 .text .title { margin-bottom: .4rem; } .index .s1 .text .info p { margin-bottom: .4rem; } .index .s1 .text .video { margin-top: 1rem; } .index .s1 .datas .img { height: 5.5rem; } .index .s1 .datas .growNumber { margin-top: .7rem; } .index .s3 .title { margin-bottom: 3rem; } .index .s3 .item { width: 4.2rem; } } @media screen and (max-height: 800px) and (min-width: 800px) { .index .s1 .datas .img { height: 5rem; } .index .s1 .datas .growNumber { margin-top: .6rem; } .index .s1 .text .title { margin-bottom: .3rem; } .index .s1 .text .video { margin-top: .5rem; } .index .s1 .video a i { height: 2.75rem; } .index .s1 .video a { margin-bottom: 10px; } .index .s1 .text .info p { margin-bottom: .3rem; } } @media screen and (max-height: 750px) and (min-width: 800px) { .index .s1 .datas .img { height: 4.5rem; } .index .s1 .datas .growNumber { margin-top: .5rem; } .index .s1 .text .title { margin-bottom: .25rem; } .index .s1 .text .video { margin-top: .4rem; } .index .s1 .video a i { height: 2.5rem; } .index .s1 .video a { margin-bottom: 5px; } .index .s1 .text .info p { margin-bottom: .25rem; } .aboutParty .s2 .t dd { margin-bottom: .25rem; } .aboutParty .s2 .b2 .half { -webkit-transform: scale(.75); transform: scale(.75); } } @media screen and (max-height: 700px) and (min-width: 800px) { html { font-size: 75px; } .index .s1 .datas .img { height: 5.5rem; } .index .s1 .text .title { margin-bottom: .5rem; } .index .s1 .text .info p { margin-bottom: .75rem; } .index .s3 .maxsize { margin: 0 100px; padding: 0; } .index .s2 .items .item .con { width: 320px; } .index .s2 .controls { margin-top: 200px; } #mainTitle { margin-top: 15%; } .index .s4 .recruit a { /* padding: 0; */ } } @media screen and (max-height: 650px) and (min-width: 800px) { html { font-size: 70px; } .header .menu .menulist li > a { line-height: 75px; } .header .logo { height: 49px; padding: 14px 39px; } #content .btitle h1 { font-size: 35px; } #content .btitle { margin-bottom: 50px; } #mainTitle { margin: 0 25% !important; margin-top: 10% !important; width: 50% !important; } .banner .text p { margin-bottom: .35rem; font-size: .2rem; } .banner .text h1 { font-size: .45rem; line-height: .55rem; margin-bottom: .65rem; } .banner .text { top: 55%; } .index .s1 .text .title h1 { font-size: .45rem; } .index .s1 .video a i { height: 2rem; } .index .s1 .info a { line-height: .61rem; padding-left: .3rem; padding-right: 1.1rem; } .index .s1 .info a:after { width: .61rem; } .index .s1 .datas .growNumber li strong { font-size: .5rem; } .index .s4 .recruit a { padding-bottom: 30%; } .index .s4 .recruit a .iconfont { margin-bottom: 20px; font-size: 50px; } .index .s4 .recruit a .con .f50 { font-size: 30px; } .footer .links { padding: 75px 0; } .slogan .text { padding-top: 220px; padding-bottom: 140px; } .slogan .text h1 { margin-bottom: 0; font-size: .5rem; } .invset .bhead { margin-bottom: 0; padding-bottom: .9rem; } .header .stock { padding: 20px 0; padding-right: 10px; } .header .lang { line-height: 75px; } /*.innovation .s2 .items { margin-bottom: -100px; }*/ .supplychain .s2 { padding-bottom: 40px; } // .news .list .item { width: 25%; } .responsibility .s1 { padding-bottom: 1rem; } .responsibility .s2 .items { padding: 0 200px; } .carryout .achievements p { margin-bottom: 0; } .carryout .achievements { margin-bottom: 50px; } .carryout .achievements h1 { margin-bottom: .5rem; } .invset#content .nav, .news#content .nav, .duty#content .nav { margin-bottom: 50px; } .springRain .s1 { padding-bottom: .75rem; } .nd .editor { padding: .5rem 1rem; } .index .s3 .item { width: 3.75rem; } .index .s3 .item a.m strong { padding-top: 1.25rem; margin-bottom: .75rem; } .index .s3 .title { margin-bottom: 2.75rem; } .index .s3 .title h1 { font-size: .375rem; } .index .s3 .title .btns a { line-height: 48px; width: 48px; } } @media screen and (max-height: 600px) and (min-width: 800px) { html { font-size: 60px; } .index .s1 .video a i { height: 3rem; } .index .s2 .items .item .con { width: 280px; } .index .s2 .controls { margin-top: 160px; } .index .s1 .datas .img { width: auto; } .maxsize { padding: 0 50px; box-sizing: border-box; } .about .s4 .left dd:before { font-size: 30px; } .about .s2 .chairman .speech p { font-size: 14px; line-height: 2; } #content .btitle h1 { font-size: 30px; } .about .s6 .right dl dd p { font-size: 14px; } .f18, .f16, .f14, .f12 { font-size: 14px; } .footer .links { padding: 75px 100px; } .footer .links .btns { right: 100px; } .footer .links .logo { left: 100px; } .index .s1 .datas { padding-top: 0; } .index .s1 .datas .img { height: 6.5rem; } .index .s1 .text { max-width: 480px; } .index .s1 .text .info p { line-height: 2; } .index .s1 .text .title { margin-bottom: .6rem; } .index .s1 .text .info p { margin-bottom: .8rem; } .index .s1 .video a i { width: 5rem; } .index .s3 .item { width: 5.5rem; } .index .s3 .item a.m { padding-bottom: 125%; } .index .s3 .title { left: 0; right: 0; margin-bottom: 3.45rem; } .index .s2 .items { margin-left: -570px; } .index .s2 .controls { padding: 0; } } @media screen and (max-height: 550px) and (min-width: 800px) { html { font-size: 60px; } .index .s1 .video a i { height: 2.5rem; } .index .s1 .text .info p { margin-bottom: .5rem; } .index .s1 .datas .img { height: 6rem; } .index .s2 .items { transform: scale(.9); -webkit-transform: scale(.9); } .index .s3 .item { width: 280px; } .index .s3 .item a.m { padding-bottom: 125%; } } //曾 .hrefBox { .sub { position: absolute; top: 100%; right: 0.38rem; background: rgba(0, 0, 0, 0.6); border-top: 2px solid #d70c1e; padding: 41px 56px; color: #fff; display: none; min-width: 180px; @media screen and (max-width: 800px) { width: 100vw; right: -120px; padding: 20px; box-sizing: border-box; justify-content: space-between; } dl { dt { line-height: 1; a { white-space: nowrap; font-size: 16px; transition: color 0.3s ease-in-out; cursor: pointer; &:hover { color: #d70c1e; } margin-right: .3rem; } } &:nth-last-child(1) { dt { a { margin-right: 0 } } } } } &:hover { .sub { display: flex; } } } #content:before { left: 0; right: 0; width: 1600px; margin: 0 auto; } .footer .links .logo { max-width: 240px; } .slogan { padding-bottom: 49.4%; position: relative; } .slogan .text { box-sizing: border-box; position: absolute; height: 100%; width: 100%; display: flex; align-items: center; justify-content: flex-start; } .slogan .text .maxsize { width: 100%; } .report .pdf .info { } @media screen and (min-width: 1900px) { .header .menu .menulist li > a { font-size: 17px; } } @media screen and (max-width: 1800px) { #content:before { width: 1500px; } } @media screen and (max-width: 1600px) { #content:before { width: 1440px; } .maxsize { max-width: 1380px; } } @media screen and (max-width: 1600px) and (min-width: 800px) { .index .s1 .video a i { width: 5rem; } } @media screen and (max-width: 1366px) { #content:before { width: 1240px; } .maxsize { max-width: 1180px; margin-left: auto; margin-right: auto; } .aboutParty .s2 .b2 .five .posr { background-size: contain; } .aboutParty .s2 .left, .aboutParty .s2 .right { display: flex; flex-direction: column; align-items: center; justify-content: center; } } @media screen and (min-width: 1366px) { .news .list .item a { padding: .5rem .63rem; height: auto; } .news .list .item a p { height: 1.2rem; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; /* 这里是超出几行省略 */ } .news .list .item a strong { padding: 0; margin-bottom: 20px; } .news .list .item a span { position: relative; top: auto; left: auto; right: auto; bottom: auto; display: block; margin-top: 20px; } .news .list .item a:after { bottom: .5rem; } } @media screen and (max-width: 1366px) { .aboutParty .s1 { width: 80%; margin: 0 auto; } .responsibility .s2 { padding-bottom: 8vw; } .responsibility .s2 .items { width: 80%; margin: 0 auto; padding: 0; } .responsibility .s2 .items .item a { padding-left: .4rem; padding-right: 1rem; } .brand .s2 { padding-bottom: 1.2rem; } .brand .s2 .container .info p { font-size: 14px; line-height: 2em; margin-bottom: 0.5em; } .mgb72 { margin-bottom: 0.4rem; } .slogan .text { padding-top: 1.4rem; padding-bottom: 1.2rem; } .news .pager { margin: 0 auto; } } @media screen and (max-width: 1280px) { .footer .links .logo { max-width: 170px; } } @media screen and (max-width: 1366px) and (min-width: 800px) { .banner .text h1 { line-height: 1.2; } .index .s1 .video a i { height: 3rem; } .index .s3 .item a.m { padding-bottom: 0.5rem !important; } .index .s3 .container { padding-top: 80px; } } .aboutParty .s2 .t dd { color: #000; } .about .s5 .list li span { margin-right: .1rem; margin-left: .1rem; } .app_btm { display: none; padding: 20px 20px 20px 20px; justify-content: space-between; align-items: center; .btm_href { border: 1px solid #ddd; color: #d70c1e; font-size: 14px; line-height: 35px; width: 27%; display: inline-block; text-align: center; } } @media screen and (min-width: 800px) { #content { //margin-top: -12vw; } .report .pdf .info { padding-right: 4%; } } .zh_bc { color: #000; } @media screen and (max-width: 800px) { .slogan { margin-top: 60px; } .slogan .text { padding-top: 0; padding-bottom: 0; } .aboutParty#content .s1 { display: flex; align-items: center; justify-content: center; width: 100%; } .finance .s2 .img .con > img { width: 86%; margin: 0 auto; } //.urbandevelop .s1 .top .item h3{color: #d70c1e;} .responsibility .s1 .container .text h2 { margin-right: 0; } .responsibility .s2 .items { width: 100%; } .urbandevelop .s1 .top .item h3 { height: auto; } .innovation .s2 .items .item.ontop { padding: 20px; } .urbandevelop .s2 .items .item .con .qr p { text-align: center; } .news .pager ul li a { width: 36px; line-height: 36px; } .news .pager { margin: 0 auto; } .index .s1 .text { padding-top: 0.7rem; } .about .s5 .list { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; padding-top: 0; } .about .s5 .list li:nth-child(1) { margin-top: 18px; } .about .s5 .list li span { line-height: 1.6 !important; width: 95%; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; text-overflow: ellipsis; word-break: break-all; white-space: normal; height: auto; padding-top: 5px; padding-bottom: 5px; } .aboutParty .s2 .b2 .five .posr { background-size: 100%; } .supplychain .s2 .up170 .l { animation-duration: 0.8s; } .app_btm { display: flex; } .nd, .news .pager { padding-bottom: 60px; } .nd .title { margin-bottom: 0.2rem; } .aboutParty .s2 .b2 .half:last-of-type { margin-bottom: 0; } .news .list .item a strong { padding-top: 0.2rem; } .news .list .item a span { font-size: 13px; bottom: 0; margin-top: 0; } } //8-5new .he_vsglkt { display: none; } .he_laxtwo { width: 100vw; } .he_laxta:first-child { margin-left: 0px; } /* 2021.7.14 */ .he_pcbantph { display: none; } /* 2021.7.14 */ .he_b1p3buwk { position: relative; width: 100%; overflow: hidden; } .he_b1xztu { width: 100%; position: relative; overflow: hidden; transition: all 0.36s; height: 141px; position: absolute; top: 0; left: 0; } .he_b1xztu img { border-radius: 12px; object-fit: cover; } .he_b1xztu { display: none; } .he_b1p3li.act .he_b1xztu { display: block; } .he_b1p3li.act .he_b1p3jp { height: 0px; overflow: hidden; transition: all 0.36s; margin-top: 0; } .he_b1p3li.act .he_b1p3mo { margin-top: 24px; } .he_b1p3li.act .he_b1p3bu .he_b1p1lep1 { margin-top: 16px; } .he_b1p1lst { transition: all 0.36s; } .he_b1p3li.act .he_b1p1lst { padding-top: 159px; } .he_b1p3li.act .he_b1p3bu { height: 456px; } .he_b1ym .he_b1p3bu .he_b1p1lep1 p { font-size: 22px; height: 99px; } .he_huahte { display: none !important; } .he_index { opacity: 0; } .he_index.on { opacity: 1; } .he_pc_hd.act .he_pcbxle .he_img1 { opacity: 1; } .he_pc_hd.act .he_pcbxle .he_img { opacity: 0; } .he_pcbxle .he_img1 { top: 22px; } .he_pcbxlori .he_img1 { top: 24px; } .he_pc_hd.act .he_pcbxlori::after { background: #dcdcdc; } .he_pc_hd.act .he_pcnli .he_pcnava { color: #333333; } .he_pc_hd.act .he_pcser .icon-search { color: #333; } .he_pc_hd.act .he_jianfa::before { background: #dcdcdc; } .he_pc_hd.act .he_jianfa::after { background: #dcdcdc; } .he_pc_hd.act .he_jianfle p { color: #333; } .he_pc_hd.act .he_dixl .he_img { opacity: 1; } .he_pc_hd.act .he_dixl .he_img1 { opacity: 0; } .he_pc_hd.act .he_diquiri p { color: #333; } .he_jindu { width: 220px; border-radius: 10px; height: 3px; border: 1px solid transparent; position: absolute; top: 60%; left: 50%; transform: translate(-50%, -50%); overflow: hidden; } .he_jindu::after { content: ''; position: absolute; top: 0; width: 0; left: 50%; transform: translateX(-50%); background: #274a94; height: 100%; } .he_jindu.act::after { /* animation: test; animation-duration: 1.5s; animation-timing-function: linear; animation-delay: 0s; animation-iteration-count: 1; animation-direction: normal; */ -webkit-animation: test 1.4s ease-in-out 0s 1 alternate forwards; } @keyframes test { 0% { width: 0%; } 50% { width: 30%; } 75% { width: 50%; } 100% { width: 100%; } } .he_lanjie a { font-size: 16px; line-height: 69px; color: #fff; transition: all 0.36s; } .he_pc_hd.act .he_lanjie a { color: #333333; } .he_lanjie { margin-left: 36px; } .he_flo { width: 150px; position: fixed; top: 50%; /* left: 0; */ transform: translateY(-50%); z-index: 99999; background: #f0f0f0; padding: 8px; border-radius: 10px; display: none; } .he_flbx { width: 100%; } .he_flbig img { width: 100%; } .he_flbigb { /* width: 100%; */ font-size: 14px; color: #313131; margin-top: 10px; /* cursor: pointer; */ } .sha_hint_box { position: fixed; z-index: 999; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .8); left: 0; top: 0; display: none; .mark { width: 100%; height: 100%; } .hint_con { width: 450px; max-width: 80%; background-color: rgba(255, 255, 255, 1); -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; padding: 20px 20px 40px; position: absolute; left: 50%; top: 50%; transform: translate3d(-50%, -50%, 0); z-index: 2; .btn_close { width: 30px; height: 30px; cursor: pointer; position: absolute; right: 10px; top: 10px; &::before, &::after { content: ''; display: block; width: 100%; height: 2px; background-color: rgba(0, 0, 0, .5); transition: background-color .3s ease; position: absolute; left: 0; top: 50%; margin-top: -1px; } &::before { transform: rotate(45deg); } &::after { transform: rotate(-45deg); } } .icon_sty { width: 50px; height: 50px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: #10afff; display: flex; align-items: center; justify-content: center; flex-direction: column; margin: 20px auto; span { background-color: #fff; border-radius: 2px; width: 4px; margin: 1px 0; &:nth-child(1) { height: 2px; } &:nth-child(2) { height: 18px; } } } .hint_con_box { font-size: 14px; line-height: 1.71; color: #333333; text-align: justify; } } } //20230628 .l16t { line-height: 1.6em; } :focus-visible { outline: none; } .supplychain { .s2 { .maxsize { padding-top: 1px; > .up170 { &:first-child { transform: none; margin-top: -1.7rem; } } } .shaw_box { width: 100vw; position: relative; left: 50%; margin-left: -50vw; .swiper-pagination { display: flex; align-items: center; justify-content: center; bottom: -.75rem; width: 100%; span { border: 1px solid #999; background-color: transparent; opacity: 1; margin: 0 15px; &.swiper-pagination-bullet-active { background: #d70c1e; border-color: #d70c1e; } } } } .n_shadow_block { margin-bottom: 1.7rem; margin-top: .75rem; .up170 { transform: none; color: #000; padding-bottom: .65rem; .r, .l { margin-top: -5.4%; max-height: 6.8rem; overflow-y: auto; &::-webkit-scrollbar-thumb { border: none; width: 6px; background: #D70C1E; border-radius: 6px; } &::-webkit-scrollbar-corner { background-color: #E2E2E2; } &::-webkit-scrollbar:horizontal { height: 6px; } } .l { pointer-events: auto; h2 { line-height: 1.2; } h3 { line-height: 1.5; margin-top: -.04rem; } p { span { display: block; } } } .r { p { margin-top: .4rem; b.hl { color: #d70c1e !important; margin-top: 1em; display: inline-flex; &:nth-child(1) { margin-top: 0; } } } } } .swiper-slide { display: flex; align-items: center; } .swiper-button-prev { left: 5vw; } .swiper-button-next { right: 5vw; } .swiper-button-prev, .swiper-button-next { &:focus { outline: none; } &::after { color: #bd3124; font-weight: 700; } } } } @media screen and (orientation: portrait) { .s2 { .n_shadow_block { .up170 { padding-bottom: 20px; max-height: 135vw; overflow-y: auto; .r, .l { margin-top: 0; max-height: none; } } .swiper-slide { align-items: flex-start; } .swiper-button-prev, .swiper-button-next { display: none; } } } } } //20231124 .carryout .urbandevelop + section { margin-top: 100px; @media screen and (max-width: 1600px) { margin-top: 1rem; } } @media screen and (max-width: 800px){ .carryout .contribution .item{ max-height: none !important; flex: 1; img{ max-height: 100px; max-width: 85%; } } } //20240625 @media screen and (min-width: 1601px) { .supplychain .s2 .items .item{ padding-right:80px } .supplychain .s2 .up170 .l, .urbandevelop_n .s1 .up170 .l{ padding-right:80px} } @media screen and (orientation: landscape) { .about .s2 .managerTeam .list{ padding-left:60px;} }