.pcd {

  display: block;

}

.ydd {

  display: none;

}

.about {

  background: #fff;

  width: 100%;

  margin-top: 0.9rem;

}

.about-banner {

  width: 100%;

}

.about-banner img {

  width: 100%;

  z-index: 0;

}

.about-data {

  box-shadow: 0.03rem 0.05rem 0.3rem 0.02rem rgba(100, 113, 131, 0.05);

  width: 15.02rem;

  height: 2.73rem;

  margin: -1.75rem auto 0.2rem;

  padding: 0 0.5rem;

  display: flex;

  justify-content: space-between;

  align-items: center;

  background: #fff;

  border-radius: 0.3rem;

  position: relative;

}

.about-data .line {

  background: #AEAEAE;

  height: 0.8rem;

  width: 1px;

  position: absolute;

  top: 0.93rem;

  left: 5.25rem;

}

.about-data .line.line2 {

  left: 10.6rem;

}

.about-data-item {

  width: 2.8rem;

  padding: 0.3rem 0.6rem 0.6rem;

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

}

.about-data-item p:nth-child(1) {

  font-size: 0.75rem;

  font-family: PingFang SC;

  font-weight: 600;

  color: #0A1D3D;

  line-height: 1rem;

}

.about-data-item p:nth-child(2) {

  font-size: 0.38rem;

  font-weight: 300;

  color: #666666;

}

.about-data-item span {

  font-size: 0.75rem;

  font-family: PingFang SC;

  font-weight: 600;

  color: #0A1D3D;

}

.about-data-item span:last-of-type {

  font-weight: 200;

}

.about-nav {

  width: 15.39rem;

  margin: 0.8rem auto 0;

  border-bottom: 0.01rem solid #e6e6e6;

  display: flex;

  justify-content: space-between;

  align-items: center;

  flex-wrap: wrap;

  padding: 0 0.3rem;

}

.about-nav-item a {

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  cursor: pointer;

}

.about-nav-item a p {

  font-size: 0.33rem;

  line-height: 0.66rem;

  font-weight: 300;

  color: #666666;

}

.about-nav-item a i {

  width: 0.48rem;

  height: 0.05rem;

}

.about-nav-item a:hover p {

  color: #C40E18;

}

.about-nav-item a:hover i {

  background-image: url(../images/nav-item-bg.png);

  background-size: 0.48rem;

}

.about-nav .about-nav-item-click a p {

  color: #C40E18;

}

.about-nav .about-nav-item-click a i {

  background-image: url(../images/nav-item-bg.png);

  background-size: 0.48rem;

}

.about-nav .about-nav-item-noclick a p {

  color: #666666;

}

.about-nav .about-nav-item-noclick a i {

  background-image: none;

  background-size: 0.48rem;

}
.mainsss{
  width: 1300px;
}
.about-profiles {

  width: 20rem;

  margin: 0 auto;

}

.about-profiles-content {

  font-size: 0.25rem;

  font-weight: 300;

  color: #666666;

  line-height: 0.64rem; 
  margin-bottom: 25px;

}

/*.about-profiles-img {

  margin: 0.9rem 0 0.8rem 0;

  width: 16rem;

  height: 9.21rem;

}*/

.about-profiles-img img {

  width: 100%;

/*  height: 100%;*/

}

.about-profiles-main {

  width: 100%;

  height: 4.32rem;

  display: flex;

  justify-content: space-between;

  align-items: center;

  flex-wrap: wrap;

  box-shadow: 0.03rem 0.05rem 0.3rem 0.02rem rgba(100, 113, 131, 0.15);

}

.about-profiles-main-item {

  width: 5.31rem;

  height: 4.29rem;

  position: relative;

}

.about-profiles-main-item-main {

  width: 100%;

  height: 100%;

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  cursor: pointer;

}

.about-profiles-main-item-main img {

  width: 1.14rem;

  height: 1.08rem;

}

.about-profiles-main-item-main p:nth-child(3) {

  font-size: 0.38rem;

  line-height: 0.72rem;

  font-weight: 400;

  color: #1D1D1D;

}

.about-profiles-main-item-main p:nth-child(4) {

  font-size: 0.29rem;

  line-height: 0.5rem;

  font-weight: 300;

  color: #666666;

}

.about-profiles-main-item-float {

  width: 5.31rem;

  height: 0;

  padding: 1.5rem 0.5rem;

  font-size: 0.25rem;

  font-weight: 300;

  color: #FFFFFF;

  line-height: 0.46rem;

  position: absolute;

  top: 0;

  left: 0;

  align-items: center;

  display: none;

  z-index: 2;

  background: #c40e18;

  transition: height 0.05ms linear;

}

.about-profiles-main-item:hover .about-profiles-main-item-float {

  display: block;

  width: 100%;

  height:100%;

}

.about .about-scope-mobile {

  display: none;

}

.about .about-scope-pc {

  display: flex;

}

.about-scope {

  width: 16rem;

  margin: 0 auto;

  margin-bottom: 0.5rem;

  display: flex;

  justify-content: space-between;

  align-items: center;

  flex-wrap: wrap;

}

.about-scope-item {

  width: 6.3rem;

  padding: 0 0.8rem;

  height: 4.01rem;

  margin-bottom: 0.28rem;

  background-color: #F6F8FC;

  background-size: 7.74rem;

  display: flex;

  flex-direction: column;

}

.about-scope-item-top {

  margin-top: 0.52rem;

  width: 100%;

  margin-bottom: 0.3rem;

  display: flex;

  justify-content: space-between;

  align-items: center;

  flex-wrap: wrap;

}

.about-scope-item-top img {

  width: 0.6rem;

  height: 0.61rem;

}

.about-scope-item-top p {

  padding-left: 0.1rem;

  flex: auto;

  font-size: 0.38rem;

  font-family: PingFang SC;

  font-weight: 400;

  color: #1D1D1D;

  line-height: 0.76rem;

}

.about-scope-item-bottom {

  display: flex;

  justify-content: space-between;

  align-items: center;

  flex-wrap: wrap;

  font-size: 0.25rem;

  font-weight: 300;

  color: #666666;

  line-height: 0.46rem;  overflow: hidden;text-overflow:ellipsis;white-space: nowrap;

}

.about-scope-item-bottom p {

  width: 50%;

}

.about-process {

  width: 100%;

  height: 9.5rem;

  background-image: url(../images/process-bg.png);

  background-size: 19.2rem;

  position: relative;

}

.about-process-line {

  position: absolute;

  left: 0;

  top: 4.1rem;

  width: 100%;

  height: 0.01rem;

  background-image: url(../images/process-item-line.png);

  background-size: 100%;

  z-index: 0;

}

.about-process-content {

  width: 15.2rem;

  margin: 0 auto;

  display: flex;

  justify-content: space-between;

  align-items: center;

}

.about-process-content-item {

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  flex-wrap: wrap;

}

.about-process-content-item-top {

  height: 1rem;

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

}

.about-process-content-item-top i {

  display: block;

  width: 0.38rem;

  height: 0.38rem;

  margin-bottom: 0.2rem;

  background-size: 0.38rem;

}

.about-process-content-item-top p {

  font-size: 0.29rem;

  font-weight: 400;

  color: #FFFFFF;

}

.about-process-content-item-center {

  width: 0.4rem;

  margin: 0.2rem 0;

  height: 0.41rem;

  background-size: 0.4rem;

  z-index: 1;

}

.about-process-content-item-bottom {

  height: 4rem;

  display: flex;

  flex-direction: column;

  align-items: center;

}

.about-process-content-item-bottom p {

  font-size: 0.25rem;

  font-weight: 300;

  color: #E6E6E6;

  line-height: 0.46rem;

}

.about-process-content-item:nth-child(1) i {

  background-image: url(../images/process-item-icon1.png);

}

.about-process-content-item:nth-child(1) .about-process-content-item-center {

  background-image: url(../images/process-item-number1.png);

}

.about-process-content-item:nth-child(2) i {

  background-image: url(../images/process-item-icon2.png);

}

.about-process-content-item:nth-child(2) .about-process-content-item-center {

  background-image: url(../images/process-item-number2.png);

}

.about-process-content-item:nth-child(3) i {

  background-image: url(../images/process-item-icon3.png);

}

.about-process-content-item:nth-child(3) .about-process-content-item-center {

  background-image: url(../images/process-item-number3.png);

}

.about-process-content-item:nth-child(4) i {

  background-image: url(../images/process-item-icon4.png);

}

.about-process-content-item:nth-child(4) .about-process-content-item-center {

  background-image: url(../images/process-item-number4.png);

}

.about-process-content-item:nth-child(5) i {

  background-image: url(../images/process-item-icon5.png);

}

.about-process-content-item:nth-child(5) .about-process-content-item-center {

  background-image: url(../images/process-item-number5.png);

}

.about-process-content-item:nth-child(6) i {

  background-image: url(../images/process-item-icon6.png);

}

.about-process-content-item:nth-child(6) .about-process-content-item-center {

  background-image: url(../images/process-item-number6.png);

}

.about-process-content-item:nth-child(7) i {

  background-image: url(../images/process-item-icon7.png);

}

.about-process-content-item:nth-child(7) .about-process-content-item-center {

  background-image: url(../images/process-item-number7.png);

}

.about-process-content-item:hover:nth-child(1) .about-process-content-item-center {

  background-image: url(../images/process-item-number1-white.png);

}

.about-process-content-item:hover:nth-child(1) .about-process-content-item-bottom p {

  font-weight: bold;

  color: #FFFFFF;

}

.about-process-content-item:hover:nth-child(2) .about-process-content-item-center {

  background-image: url(../images/process-item-number2-white.png);

}

.about-process-content-item:hover:nth-child(2) .about-process-content-item-bottom p {

  font-weight: bold;

  color: #FFFFFF;

}

.about-process-content-item:hover:nth-child(3) .about-process-content-item-center {

  background-image: url(../images/process-item-number3-white.png);

}

.about-process-content-item:hover:nth-child(3) .about-process-content-item-bottom p {

  font-weight: bold;

  color: #FFFFFF;

}

.about-process-content-item:hover:nth-child(4) .about-process-content-item-center {

  background-image: url(../images/process-item-number4-white.png);

}

.about-process-content-item:hover:nth-child(4) .about-process-content-item-bottom p {

  font-weight: bold;

  color: #FFFFFF;

}

.about-process-content-item:hover:nth-child(5) .about-process-content-item-center {

  background-image: url(../images/process-item-number5-white.png);

}

.about-process-content-item:hover:nth-child(5) .about-process-content-item-bottom p {

  font-weight: bold;

  color: #FFFFFF;

}

.about-process-content-item:hover:nth-child(6) .about-process-content-item-center {

  background-image: url(../images/process-item-number6-white.png);

}

.about-process-content-item:hover:nth-child(6) .about-process-content-item-bottom p {

  font-weight: bold;

  color: #FFFFFF;

}

.about-process-content-item:hover:nth-child(7) .about-process-content-item-center {

  background-image: url(../images/process-item-number7-white.png);

}

.about-process-content-item:hover:nth-child(7) .about-process-content-item-bottom p {

  font-weight: bold;

  color: #FFFFFF;

}

.about-advantage {

  width: 16rem;

  margin: 0.5rem auto;

  display: flex;

  align-items: center;

  flex-wrap: wrap;

}

.about-advantage.fwys {

  margin-top: 0;

}

.about-advantage .about-title-sub {

  height: 1.1rem;

}

.about-advantage-item {

  min-width: 6.5rem;

  height: 1.2rem;

  display: flex;

  justify-content: space-between;

  align-items: center;

  margin-bottom: 0.3rem;

}

.about-advantage-item i {

  display: block;

  width: 0.63rem;

  height: 0.64rem;

  background-image: url(../images/advantage-icon1.png);

  background-size: 0.63rem;

}

.about-advantage-item div {

  padding-left: 0.3rem;

  flex: auto;

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: flex-start;

}

.about-advantage-item div p:nth-child(1) {

  font-size: 0.3rem;

  line-height: 0.72rem;

  font-weight: 400;

  color: #1D1D1D;

}

.about-advantage-item div p:nth-child(2) {

  font-size: 0.25rem;

  font-weight: 300;

  color: #666;

}

.about-advantage-item:nth-of-type(odd) {

  margin-left: 2.5rem;

}

.about-advantage-item:hover i {

  background-image: url(../images/advantage-icon2.png);

}

.about-advantage-item:hover div p:nth-child(1) {

  color: #C40E18;

}

.about-honor {

  width: 100%;

  height: 14.98rem;

  background: #F6F8FC;

  padding-bottom: 0.2rem;

}

.about-honor-content {

  width: 15.79rem;

  height: 12.24rem;

  margin: 0 auto;

}

.about-honor-content img {

  width: 100%;

  height: 100%;

}

.about-honor .about-title-db {

  height: 1.5rem;

  line-height: 2.1rem;

}

.about-honor .about-title-sub {

  height: 1rem;

}

.about-cooperation {

  width: 16rem;

  margin: 0rem auto 0.3rem;

  display: flex;

  justify-content: space-between;

  align-items: center;

  flex-wrap: wrap;

}

.about-cooperation .img-wrap {

  width: 100%;

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

}

.about-cooperation .con {

  font-size: 0.25rem;

  font-weight: 300;

  color: #666;

  width: 100%;

  text-align: center;

  height: 1.5rem;

}

.about-cooperation-item {

  width: 2.94rem;

  height: 1.14rem;

  margin: 0 0 0.3rem 0;

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

}

.about-cooperation-item img {

  width: 100%;

  height: 100%;

}

.about-title-db {

  width: 100%;

  height: 1.75rem;

  line-height: 2.68rem;

  font-size: 0.42rem;

  font-weight: 400;

  color: #1D1D1D;

  display: flex;

  flex-direction: column;

  align-items: center;

}

.about-title {

  width: 100%;

  height: 2.68rem;

  line-height: 2.68rem;

  font-size: 0.42rem;

  font-weight: 400;

  color: #1D1D1D;

  display: flex;

  flex-direction: column;

  align-items: center;

}

.about-title.hz {

  height: 1.75rem;

  line-height: 2.68rem;

}

.about-title-sub {

  width: 100%;

  height: 1.5rem;

  line-height: 0.3rem;

  font-size: 0.25rem;

  font-weight: 300;

  color: #666;

  display: flex;

  flex-direction: column;

  align-items: center;

}

@media screen and (max-width: 750px) {

  .about {

    margin: 0.73rem auto 0 auto;

    max-width: 7.5rem;

    min-width: auto;

  }

  .about-profiles-main-item-float {

    display: none !important;

  }

  .writh {

    display: none !important;

  }

  .pcd {

    display: none;

  }

  .ydd {

    display: block;

  }

  .about-data {

    width: auto;

    margin: -0.6rem 0.26rem 0;

    padding: 0;

    height: 1.49rem;

    background: #fff;

    border-radius: 0.1rem;

    box-shadow: 0.03rem 0.05rem 0.6rem 0.02rem rgba(100, 113, 131, 0.1);

  }

  .about-data .line {

    display: none;

  }

  .about-data .about-data-item {

    width: 2.29rem;

    padding: 0.2rem 0 0.26rem;

  }

  .about-data .about-data-item p {

    line-height: initial;

  }

  .about-data .about-data-item p:first-of-type {

    font-size: 0.33rem;

    padding-bottom: 0rem;

  }

  .about-data .about-data-item p:last-of-type {

    font-size: 0.25rem;

  }

  .about-data .about-data-item p span {

    font-size: 0.45rem;

  }

  .about-data .absolute {

    width: 1px;

    background: #aeaeae;

    height: 0.42rem;

    top: 50%;

    transform: translateY(-50%);

  }

  .about-data .absolute.l1 {

    left: 2.38rem;

  }

  .about-data .absolute.l2 {

    left: 4.68rem;

  }

  .about-nav {

    display: none;

  }

  .about-profiles {

    padding: 0 0.31rem;

    width: auto;

  }

  .about-profiles .about-title {

    height: 2rem;

    line-height: 1.7rem;

    font-size: 0.37rem;

    padding-top: 0.28rem;

    box-sizing: border-box;

  }

  .about-profiles .about-profiles-img {

    margin: 0.48rem 0 0.5rem;

    width: 100%;

    height: auto;

  }

  .about-profiles .about-profiles-main {

    box-shadow: 0.03rem 0.05rem 0.29rem 0.01rem rgba(100, 113, 131, 0.08);

    justify-content: initial;

    align-items: initial;

    height: 2.96rem;

  }

  .about-profiles .about-profiles-main .about-profiles-main-item {

    width: 30%;

    height: auto;

  }

  .about-profiles .about-profiles-main .about-profiles-main-item .about-profiles-main-item-main {

    justify-content: flex-start;

    padding-top: 0.39rem;

  }

  .about-profiles .about-profiles-main .about-profiles-main-item .about-profiles-main-item-main img {

    width: 0.74rem;

    height: 0.74rem;

  }

  .about-profiles .about-profiles-main .about-profiles-main-item .about-profiles-main-item-main p:nth-child(3) {

    font-size: 0.29rem;

  }

  .about-profiles .about-profiles-main .about-profiles-main-item .about-profiles-main-item-main p:nth-child(4) {

    font-size: 0.25rem;

    text-align: center;

    line-height: 0.38rem;

  }

  .about-profiles .about-profiles-main .about-profiles-main-item:nth-child(1) {

    padding-left: 0.61rem;

  }

  .about-profiles .about-profiles-main .about-profiles-main-item:nth-child(2) {

    padding-left: 1.03rem;

  }

  .about-profiles .about-profiles-main .about-profiles-main-item:nth-child(3) {

    padding-left: 0.9rem;

  }

  .about-profiles .about-profiles-main .about-profiles-main-item:nth-child(3) .about-profiles-main-item-main p {

    white-space: nowrap;

  }

  .about-scope-pc {

    display: none !important;

  }

  .about-scope-mobile {

    display: flex !important;

  }

  .about-scope {

    width: auto;

    padding: 0 0.27rem;

    margin-bottom: 0.5rem;

  }

  .about-scope .about-title-db {

    height: 0.5rem;

    font-size: 0.37rem;

    margin-bottom: 0.15rem;

    line-height: 0.5rem;

    margin-top: 0.9rem;

  }

  .about-scope .about-title-sub {

    font-size: 0.25rem;

    color: #666666;

    height: 0.5rem;

    line-height: 0.5rem;

    margin-bottom: 0.9rem;

  }

  .about-scope .about-scope-item {

    width: 2.91rem;

    padding: 0.27rem 0.3rem 0.2rem 0.19rem;

    justify-content: flex-start;

    height: 4.5rem;

  }

  .about-scope .about-scope-item .about-scope-item-top {

    display: flex;

    flex-wrap: initial;

    margin-top: 0.1rem;

  }

  .about-scope .about-scope-item .about-scope-item-top img {

    width: 0.5rem;

    height: 0.51rem;

  }

  .about-scope .about-scope-item .about-scope-item-top p {

    font-size: 0.29rem;

    white-space: nowrap;

  }

  .about-scope .about-scope-item .about-scope-item-top p span {

    font-size: 0.21rem;

  }

  .about-scope .about-scope-item .about-scope-item-bottom {

    align-items: flex-start;

    line-height: 0.36rem;

  }

  .about-scope .about-scope-item .about-scope-item-bottom p {

    width: 1.26rem;

    margin-bottom: 0.2rem;

  }

  .about-process {

    height: auto;

  }

  .about-process .about-title {

    height: 2rem;

    line-height: 2.2rem;

    font-size: 0.37rem;

  }

  .about-process .about-process-line {

    top: 3.35rem;

    height: 1px;

  }

  .about-process .about-process-line.l1 {

    top: 9.63rem;

  }

  .about-process .about-process-content {

    width: 100%;

    flex-wrap: wrap;

    justify-content: flex-start;

    padding-bottom: 0.1rem;

  }

  .about-process .about-process-content .about-process-content-item {

    padding-bottom: 0.55rem;

    width: 25%;

  }

  .about-process .about-process-content .about-process-content-item .about-process-content-item-top i {

    width: 0.34rem;

    height: 0.34rem;

    background-size: 100% 100%;

  }

  .about-process .about-process-content .about-process-content-item .about-process-content-item-top p {

    font-size: 0.25rem;

  }

  .about-process .about-process-content .about-process-content-item .about-process-content-item-center {

    width: 0.33rem;

    height: 0.33rem;

    background-size: 100% 100%;

  }

  .about-process .about-process-content .about-process-content-item .about-process-content-item-bottom p {

    font-size: 0.2rem;

  }

  .about-process .about-process-content .about-process-content-item:nth-child(5),

  .about-process .about-process-content .about-process-content-item:nth-child(6),

  .about-process .about-process-content .about-process-content-item:nth-child(7) {

    padding-bottom: 0;

  }

  .about-process .about-process-content .about-process-content-item:nth-child(5) .about-process-content-item-bottom,

  .about-process .about-process-content .about-process-content-item:nth-child(6) .about-process-content-item-bottom,

  .about-process .about-process-content .about-process-content-item:nth-child(7) .about-process-content-item-bottom {

    height: 3.5rem;

  }

  .about-advantage {

    width: auto;

    padding: 0 0.44rem 0 0.31rem;

    height: auto;

    margin: 0;

  }

  .about-advantage .about-title-db {

    height: 0.5rem;

    line-height: 0.5rem;

    font-size: 0.37rem;

    margin-bottom: 0.15rem;

    margin-top: 0.9rem;

  }

  .about-advantage .about-title-sub {

    font-size: 0.25rem;

    text-align: center;

    width: 6.37rem;

    margin: 0 auto;

    color: #666666;

    margin-bottom: 0.35rem;

    height: 0.5rem;

    margin-bottom: 0.9rem;

    line-height: 0.38rem;

  }

  .about-advantage .ydd {

    display: flex;

    flex-wrap: wrap;

  }

  .about-advantage .ydd .about-advantage-item {

    display: flex;

    flex-direction: column;

    width: 2.87rem;

    height: auto;

    align-items: flex-start;

    margin-bottom: 0.7rem;

    min-width: auto;

  }

  .about-advantage .ydd .about-advantage-item div {

    display: flex;

    flex-direction: row;

    padding-left: 0;

  }

  .about-advantage .ydd .about-advantage-item div i {

    width: 0.35rem;

    height: 0.35rem;

    background-size: cover;

    background: #fff;

    border-radius: 50%;

    display: flex;

  }

  .about-advantage .ydd .about-advantage-item div i img {

    width: 0.34rem;

  }

  .about-advantage .ydd .about-advantage-item div p {

    font-size: 0.29rem;

    font-family: MicrosoftYaHei;

    font-weight: 400;

    color: #1D1D1D;

    padding-left: 0.11rem;

    padding-top: 0;

  }

  .about-advantage .ydd .about-advantage-item p {

    padding-top: 0.25rem;

    font-size: 0.25rem;

    font-family: MicrosoftYaHeiLight;

    font-weight: 400;

    color: #666666;

    line-height: 0.38rem;

  }

  .about-advantage .ydd .about-advantage-item:nth-of-type(even) {

    padding-left: 1rem;

  }

  .about-advantage .ydd .about-advantage-item:nth-of-type(odd) {

    margin-left: 0;

  }

  .about-honor {

    padding: 0.96rem 0.26rem 0.5rem 0.23rem;

    width: auto;

    height: auto;

    max-width: 7.5rem;

    min-width: auto;

    margin: 0 auto;

  }

  .about-honor .about-title-db {

    height: 1.25rem;

    font-size: 0.37rem;

    margin-bottom: 0.2rem;

    justify-content: center;

    flex-direction: unset;

    height: 0.4rem;

  }

  .about-honor .about-title-sub {

    width: 5.5rem;

    font-size: 0.25rem;

    text-align: center;

    margin: 0 auto;

    color: #666666;

    line-height: 0.38rem;

    margin-bottom: 0.45rem;

    height: 1rem;

  }

  .about-honor .about-honor-content {

    width: 100%;

    height: auto;

  }

  .about-cooperation {

    width: auto;

    margin: 0;

    padding: 0.96rem 0.28rem 0 0.25rem;

    display: block;

    height: auto;

    max-width: 7.5rem;

    min-width: auto;

    margin: 0 auto;

  }

  .about-cooperation .ydd {

    margin: 0 auto;

  }

  .about-cooperation .about-title {

    height: 0.4rem;

    text-align: center;

    margin-bottom: 0.2rem;

    flex-direction: row;

    justify-content: center;

  }

  .about-cooperation .con {

    font-size: 0.25rem;

    font-weight: 300;

    color: #666666;

    text-align: center;

    width: 100%;

    padding-bottom: 0.9rem;

    height: auto;

  }

  .about-cooperation .about-cooperation-item {

    width: 2.16rem;

    height: 0.83rem;

    float: left;

  }

  .about-cooperation .about-cooperation-item:nth-of-type(3n - 1) {

    margin: 0 0.23rem;

  }

  .about-cooperation img {

    width: 100%;

  }

}