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;}
}