.m-about-banner {  width: 100%;  padding-bottom: 0.4rem;  box-sizing: border-box;  padding-top: 1.173333rem;  background: linear-gradient(180deg, #165dec 0%, rgba(56, 147, 238, 0.9) 100%);  display: flex;  flex-direction: column;  align-items: center;  justify-content: center;}.m-about-banner p {  font-size: 0.64rem;  color: #fff;  font-weight: bold;  line-height: 0.746667rem;}.m-about-banner .banner {  width: 80%;  height: 100%;  display: flex;  flex-direction: column;}.m-about-banner .banner h1 {  margin-top: 0.4rem;  font-size: 0.533333rem;  font-weight: 500;  color: #ffffff;  line-height: 0.893333rem;  text-align: center;  text-shadow: 0px 0px 0.053333rem rgba(0, 0, 0, 0.2);}.m-about-banner .banner p {  width: 100%;  margin-top: 0.213333rem;  font-weight: 400;  font-family: PingFangSC-Regular;  font-size: 0.24rem;  letter-spacing: 0;  color: rgba(255, 255, 255, 0.72);  line-height: 0.453333rem;}.m-about-tab {  height: 1.44rem;  width: 100%;  box-sizing: border-box;  padding: 0 1.693333rem;  display: flex;  justify-content: space-between;}.m-about-tab .tab-item {  display: flex;  align-items: center;  height: 100%;  color: #888;  font-size: 0.373333rem;  position: relative;}.m-about-tab .tab-item .line {  position: absolute;  bottom: 0;  transition: 0.2s all linear;  transform-origin: center;  width: 0;  display: flex;  height: 0.053333rem;  background-color: #1a5ad8;  border-radius: 0.026667rem;}.m-about-tab .tab-item.actived {  color: #1a5ad8;}.m-about-tab .tab-item.actived .line {  width: 100%;}.m-relationship {  margin-bottom: 0.266667rem;}.m-relationship .r-title {  padding-top: 1.066667rem;  margin-bottom: 0.586667rem;  box-sizing: border-box;}.m-relationship .r-title h1 {  margin-bottom: 0.266667rem;  text-align: center;  font-size: 0.48rem;  font-weight: 400;  color: #000000;  line-height: 0.746667rem;}.m-relationship .r-title h4 {  font-family: PingFangSC-Regular;  font-size: 0.24rem;  color: #AAAAAA;  text-align: center;  line-height: 0.24rem;}.m-relationship ul {  font-size: 0;  width: 6.8rem;  margin: auto;}.m-relationship ul li {  display: inline-block;  width: 6.8rem;  vertical-align: middle;  margin-bottom: 0.533333rem;}.m-relationship ul li .rela-item {  display: flex;  align-items: center;  justify-content: center;  width: 6.8rem;  height: 1.92rem;  background-image: url('../images/about-item2.png');  background-size: 100% 100%;  box-shadow: 0px 0px 0.346667rem 0px rgba(0, 47, 127, 0.06);}.m-relationship ul li .rela-item h3 {  text-align: left;  margin-left: 0.266667rem;  font-size: 0.266667rem;  color: #222222;}.m-relationship ul li .rela-item img {  width: 1.173333rem;  height: 1.173333rem;  margin-right: 0.266667rem;}.m-relationship ul li .rela-item p {  width: 4.44rem;  margin-left: 0.32rem;  font-family: PingFangSC-Regular;  font-size: 0.16rem;  font-weight: 400;  text-align: left;  color: #666666;  line-height: 0.266667rem;}.m-culture .r-title {  padding-top: 0.8rem;  margin-bottom: 0.386667rem;  box-sizing: border-box;}.m-culture .r-title h1 {  text-align: center;  font-size: 0.48rem;  font-weight: 400;  color: #000000;  line-height: 0.746667rem;  margin-bottom: 0.266667rem;}.m-culture .r-title h4 {  font-family: PingFangSC-Regular;  font-size: 0.24rem;  color: #AAAAAA;  text-align: center;  line-height: 0.24rem;}.m-culture .wish-list {  display: flex;  flex-direction: column;  flex-wrap: wrap;  align-items: center;  width: 8.48rem;  margin: auto;}.m-culture .wish-list .w-item {  text-align: center;  margin-bottom: 0.333333rem;}.m-culture .wish-list .w-item img {  width: 4.24rem;  height: 2.826667rem;  margin: 0.266667rem 0;  box-shadow: 0px 0px 0.346667rem 0px rgba(0, 47, 127, 0.06);  border-radius: 0.16rem;}.m-culture .wish-list .w-item h3 {  margin-top: 0.073333rem;  margin-bottom: 0.266667rem;  font-family: PingFangSC-Medium;  font-size: 0.266667rem;  color: #222222;  text-align: center;}.m-culture .wish-list .w-item p {  font-family: PingFangSC-Regular;  font-size: 0.24rem;  color: #666666;  letter-spacing: 0;  text-align: center;  line-height: 0.24rem;}.m-inr-title {  height: 1.946667rem;  color: #000;  font-weight: 400;  font-size: 0.48rem;  display: flex;  justify-content: center;  line-height: 2.08rem;}.m-introduct {  width: 100%;  height: 12.5rem;  box-sizing: border-box;  padding: 0 0.4rem;}.m-introduct .m-inr-logo {  display: flex;  justify-content: center;  align-items: center;  width: 100%;  background-color: #F6FAFF;  border-radius: 0.133333rem;  height: 1.6rem;  /* img {      width: 3.466667rem;      height: 1.6rem;    } */  margin-bottom: 0.266667rem;}.m-introduct .m-inr-logo h2 {  width: 100%;  height: 0.533333rem;  line-height: 1.6rem;  background-image: url('../images/彩色@3x.png');  background-size: contain;  background-repeat: no-repeat;  background-position-x: center;}.m-introduct p {  text-indent: 2em;  color: #555;  font-size: 0.373333rem;  line-height: 0.8rem;  letter-spacing: normal;}.m-process {  width: 100%;  height: 13.813333rem;  background-color: #FAFCFF;}.m-process .step-container {  height: 11.066667rem;  width: 100%;  display: flex;  justify-content: center;}.m-process .step-container .step .time {  color: #aaa;  font-size: 0.293333rem;  line-height: 0.373333rem;  margin-bottom: 0.133333rem;}.m-process .step-container .step .desrc {  color: #333;  font-size: 0.346667rem;  line-height: 0.4rem;}.m-process .step-container .step .desrc p {  letter-spacing: normal;}.m-process .step-container .left-container {  flex: 1;  position: relative;}.m-process .step-container .left-container > div {  position: absolute;  right: 0.333333rem;}.m-process .step-container .left-container > div:first-child {  top: 2.266667rem;}.m-process .step-container .left-container > div:nth-child(2) {  top: 6.186667rem;}.m-process .step-container .left-container > div:nth-child(3) {  top: 9.706667rem;}.m-process .step-container .left-container > div .time {  text-align: right;}.m-process .step-container .left-container > div p {  text-align: right;}.m-process .step-container .right-container {  flex: 1;  position: relative;}.m-process .step-container .right-container > div {  position: absolute;  left: 0.333333rem;}.m-process .step-container .right-container > div:first-child {  top: 0.72rem;}.m-process .step-container .right-container > div:nth-child(2) {  top: 4.226667rem;}.m-process .step-container .right-container > div:nth-child(3) {  top: 8.146667rem;}.m-process .step-container .step-bar {  background-color: #E6EFFB;  width: 1px;  min-width: 1px;  height: 100%;  position: relative;  opacity: 0.8;}.m-process .step-container .step-bar .dot {  position: absolute;  transform: translateX(-50%);  width: 0.266667rem;  height: 0.266667rem;  left: 0.013333rem;  background-color: #E2EEFF;  border-radius: 50%;  display: flex;  justify-content: center;  align-items: center;}.m-process .step-container .step-bar .dot span {  width: 0.133333rem;  height: 0.133333rem;  border-radius: 50%;  background: #1a5ad8;}.m-process .step-container .step-bar .dot:first-child {  top: 0.72rem;}.m-process .step-container .step-bar .dot:nth-child(2) {  top: 2.266667rem;}.m-process .step-container .step-bar .dot:nth-child(3) {  top: 4.226667rem;}.m-process .step-container .step-bar .dot:nth-child(4) {  top: 6.186667rem;}.m-process .step-container .step-bar .dot:nth-child(5) {  top: 8.146667rem;}.m-process .step-container .step-bar .dot:nth-child(6) {  top: 9.706667rem;}.m-process .step-container .step-bar .step-right {  position: absolute;  left: 25px;}.m-process .step-container .step-bar .step-left {  left: -25px;  position: absolute;}.m-us {  width: 100%;  height: 7.546667rem;}.m-us .m-us-info {  margin-bottom: 0.533333rem;  display: flex;  box-sizing: border-box;  padding: 0 0.4rem;}.m-us .m-us-info img {  width: 0.533333rem;  height: 0.533333rem;  margin-right: 0.213333rem;}.m-us .m-us-info p {  color: #333;  font-size: 0.373333rem;  line-height: 0.533333rem;}