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

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

@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(../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;
  }

  // .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: 8%;
  }
}

.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: 230px;
  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;
        }
      }
    }
  }
}