
.about-us {
    height: 8rem;
    background: #f7f8fb;
    padding-left: 1.92rem;
    position: relative
}

.about-us .hw-title {
    margin-bottom: .32rem
}

.about-us .desc {
    width: 6rem;
    margin-bottom: .24rem;
    font-size: .16rem;
    font-weight: 400;
    color: #616366;
    line-height: .32rem
}

.about-us .cover {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 10.38rem;
    height: 5.2rem
}

.hg {
    /*line-height: 1.8;*/
}
.news {
    background: #ffffff;
    padding-top: .4rem
}

.news .hw-title {
    margin-bottom: .3rem
}
.tabs {
    width: 100%;
}
.tab-nav {
    display: flex;
    align-items: center;
    justify-content: center;
}

.tab-nav li {
    position: relative;
    font-size: .16rem;
    font-weight: 400;
    color: #616366;
    border-bottom: 2px solid transparent;
    line-height: .19rem;
    padding: .1rem;
    margin-right: .32rem;
}
.tab-nav li:last-child {
    margin-right: 0;
}
.tab-nav li.active {
    color: #b58347;
    font-weight: 500;
    border-bottom: 2px solid #b58347;
}

.tab-content {
    margin-top: .3rem;
}
.news .tab-content {
    margin-top: .59rem;
}
.cell-list {
    display: flex;
    flex-direction: row;
}
.cell-list .left {
    width: 7.4rem;
    margin-right: .2rem;
}
.cell-list .right {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% - 7.6rem);
}
.cell-list .right .cell {
    width: 48%;
    margin-right: 4%;
    margin-bottom: .2rem;
    height: 48.3%;
}
.cell-list .right .cell:nth-child(2n) {
    margin-right: 0;
}
.cell-list .right .cell:nth-child(3),
.cell-list .right .cell:nth-child(4) {
    margin-bottom: 0;
}
.cell-list .cell {
    border-bottom: 2px solid #e6e8ee;
    position: relative;
}
.cell-list .cell img, .cell-list .cell video {
    height: 2.36rem;
    margin-bottom: .12rem;
}
.cell-list .cell img.play {
    height: auto;
}
.cell-list .left .cell img {
    height: 5.76rem;
    margin-bottom: .2rem;
}
.cell-list .left .cell .title {
    font-size: .28rem;
    font-weight: 500;
    color: #2a2b2d;
    line-height: .4rem;
    margin-bottom: .12rem;
}
.cell-list .cell .title {
    font-size: .12rem;
    font-weight: 500;
    color: #2a2b2d;
    margin-bottom: .05rem;
    line-height: 1.3;
    height: .35rem;
    padding: 0 .2rem;
}
.cell-list .right .cell .title {
    font-size: .2rem;
    font-weight: 500;
    color: #2a2b2d;
    line-height: .23rem;
    margin-bottom: .08rem;
    height: .46rem;
}
.cell-list .cell .desc {
    font-size: .16rem;
    font-weight: 400;
    color: #616366;
    line-height: .28rem;
    margin-bottom: .22rem;
    padding: 0 .2rem;
}
.cell-list .cell .time {
    font-size: .14rem;
    font-weight: 400;
    color: #a1a3a6;
    line-height: .16rem;
    margin-bottom: .1rem;
    padding: 0 .2rem;
}
.cell-list .cell a {
    display: block;
    text-align: right;
    font-size: .18rem;
    font-weight: 500;
    white-space: nowrap;
    padding: 0 .2rem .2rem;
}
.cell-list .left .cell a {
    padding: .2rem .2rem .2rem 0;
}
.cell-list .left .time {
    position: absolute;
    top: 0;
    left: .2rem;
    width: 1.28rem;
    height: 1.28rem;
    background-color: #ffffffe6;
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    justify-content: flex-end;
    padding: .04rem 0 0;
    margin: 0;
}

.cell-list .left .time>span:nth-child(2) {
    display: none
}

.cell-list .left .time>span:first-child {
    font-size: .24rem;
    font-weight: 600;
    color: #2a2b2d;
    line-height: .28rem;
}

.cell-list .left .time>span:last-child {
    font-size: .56rem;
    font-weight: 600;
    color: #2a2b2d;
    line-height: .78rem;
}
.my-preview {
    position: relative;
}
.business{
    position: relative;
    padding-top: 1.2rem;
    margin-top: 1.24rem;
    padding-bottom: .5rem;
}
.business-content {
    /*padding-left: 1.2rem;*/
}
.business .top-title{
    position: absolute;
    top: 0;
    left: 0
}

.business .top-title>span:first-child {
    height: 1.64rem;
    background: #b58347;
    line-height: 1.64rem;
    padding-left: 1.92rem;
    padding-right: .64rem;
    font-size: .44rem;
    font-weight: 600;
    color: #fff;
    position: relative;
    z-index: 2;
}

.business .top-title>span:last-child {
    font-size: .88rem;
    font-weight: 700;
    color: #f7f8fb;
    line-height: 1.14rem;
    transform: translate(-.15rem, .12rem);
}

.business .content{
    flex: 1;
    display: flex;
    align-items: center
}
.business .business-content .tab-content {
    margin-top: 1rem;
}
.business .content .el-image {
    width: 8.48rem;
    height: 4.8rem;
}

.business .content .info{
    flex: 1;
    margin-right: .52rem;
    overflow: hidden;
}

.business .content .info .com-svg{
    width: .72rem;
    color: #2a2b2d;
    margin-bottom: .14rem
}

.business .content .info .title{
    font-size: .28rem;
    font-weight: 500;
    color: #2a2b2d;
    line-height: .33rem;
    margin-bottom: .15rem;
}

.business .content .info .desc{
    font-size: .16rem;
    font-weight: 400;
    color: #616366;
    line-height: .32rem;
    margin-bottom: .34rem
}

.bup {
    height: 2rem;
    background: #2a2b2d;
    width: calc(100% - 1.92rem);
    position: relative;
    left: 1.92rem;
}
.bup .com-tab {
    margin-left: -1.92rem;
}
.com-tab>li {
    position: relative;
    margin-right: .6rem;
    cursor: pointer;
    font-weight: 500;
    font-size: .18rem;
    color: #f7f8fb;
    line-height: .26rem;
    text-align: center;
    padding: 0 .09rem;
}
.com-tab>li:hover {
    opacity: 0.8;
}
.com-tab>li.active {
    font-weight: 500;
    color: #ffcd83;
}
.com-tab>li .nav .com-svg {
    width: .48rem;
    margin-bottom: .12rem;
    color: #fff;
}
.com-tab>li:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -.16rem;
    height: .04rem;
    width: 100%;
    background-color: transparent;
}
.com-tab>li.active:after {
    background-color: #ffcd83;
}
.com-tab>li:last-child {
    margin-right: 0;
}
.my-svg {
    width: .48rem;
    margin: 0 auto .12rem;
}
.my-svg svg {
    width: 100%;
    height: 100%;
}
.com-tab .my-svg svg g {
    fill: #fff;
}
.com-tab .active .my-svg svg g {
    fill: #ffcd83;
}
.business-content .info .my-svg {
    margin: 0 0 .1rem;
    width: .72rem;
}
.business-content .info .title {
    font-size: .3rem;
    margin-bottom: .15rem;
}
.business .content .info .desc {
    font-size: .16rem;
    font-weight: 400;
    color: #616366;
    line-height: .32rem;
    margin-bottom: .34rem;
}
.isBtn {
    background: #b58347;
    padding: .1rem .2rem;
    font-size: .18rem;
    font-weight: 500;
    color: #fff;
    white-space: nowrap;
}

 .contact-wrapper .top-banner {
     position: relative;
     text-align: center
 }

.contact-wrapper .info-list {
    position: relative;
}

.contact-wrapper .info-list .consult-list {
    position: relative;
}

.contact-wrapper .info-list .consult-list .cell {
    width: 3.8rem;
    border: .01rem solid #b58347;
    padding-top: .6rem;
    padding-bottom: .3rem;
    position: relative
}

.contact-wrapper .info-list .consult-list .cell .title {
    position: absolute;
    top: 0;
    left: 50%;
    padding: 0 .06rem;
    background-color: #fff;
    transform: translate(-50%,-50%);
    font-size: .28rem;
    font-weight: 500;
    color: #b58347;
    line-height: .33rem
}

.contact-wrapper .info-list .consult-list .cell .title .com-svg {
    width: .4rem;
    margin-right: .08rem
}

.contact-wrapper .info-list .consult-list .cell .content .s-cell {
    font-size: .16rem;
    font-weight: 500;
    color: #616366;
    line-height: .32rem;
    display: flex;
    align-items: flex-start;
    margin-bottom: .24rem
}

.contact-wrapper .info-list .consult-list .cell .content .s-cell:last-child {
    margin-bottom: 0
}

.contact-wrapper .info-list .consult-list .cell .content .s-cell .com-svg {
    width: .32rem;
    margin-right: .08rem
}

.contact-wrapper .info-list .consult-list .cell .content .s-cell .value {
    color: #000;
    max-width: 2.6rem
}

.contact-wrapper .info-list .consult-list .cell .content .s-cell .value.tag {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    cursor: pointer;
}

.contact-wrapper .info-list .consult-list .cell .content .s-cell .value.tag .s-tag {
    display: flex;
    align-items: center;
    height: .28rem;
    margin: .02rem .1rem .02rem 0;
    background: #b58347;
    padding: 0 .12rem;
    font-size: .16rem;
    font-weight: 500;
    color: #fff;
    line-height: .19rem;
    border-radius: .14rem
}
.contact-wrapper .info-list .consult-list .cell .content .s-cell .tag.value.active .ewm {
    display: block;
}
.contact-wrapper .info-list .contact-list {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: .4rem;
    margin-bottom: .8rem
}

.contact-wrapper .info-list .contact-list .cell {
    background: #ffffff;
    box-shadow: 0 0 .2rem .01rem #0000000f;
    padding: .28rem 1rem .3rem
}

.contact-wrapper .info-list .contact-list .cell .title {
    font-size: .24rem;
    font-weight: 500;
    color: #2a2b2d;
    line-height: .34rem;
    margin-bottom: .43rem
}

.contact-wrapper .info-list .contact-list .cell .title .com-svg,.contact-wrapper .info-list .contact-list .cell .title .el-image {
    width: .32rem;
    height: .32rem;
    font-size: .32rem;
    margin-right: .08rem
}

.contact-wrapper .info-list .contact-list .cell .s-cell {
    margin-bottom: .24rem
}

.contact-wrapper .info-list .contact-list .cell .s-cell:last-child {
    margin-bottom: 0
}

.contact-wrapper .info-list .contact-list .cell .s-cell .com-svg {
    width: .32rem;
    height: .32rem;
    margin-right: .08rem
}

.contact-wrapper .info-list .contact-list .cell .s-cell .content {
    font-weight: 500;
    font-size: .16rem;
    color: #616366;
    line-height: .32rem
}

.contact-wrapper .info-list .contact-list .cell .s-cell .content .label {
    white-space: nowrap;
    display: inline
}

.contact-wrapper .info-list .contact-list .cell .s-cell .content .val {
    color: #2a2b2d;
    display: inline;
    white-space: pre-wrap
}
.ewm {
    position: absolute;
    bottom: .7rem;
    left: 53px;
    z-index: 1;
    width: 2rem;
    background: #fff;
    border-radius: 4px;
    padding: 0 .1rem .1rem;
     display: none;
    box-shadow: 0 0 .2rem .01rem #0000000f;
}
.ewm img {
    width: 100%;
    height: 100%;
}

.feedback {
}

.feedback .title {
    font-size: .48rem;
    font-weight: 500;
    color: #000;
    line-height: .56rem;
    margin-bottom: .4rem
}

.feedback .tip {
    font-size: .16rem;
    font-weight: 500;
    color: #000;
    line-height: .19rem;
    max-width: 9rem;
    margin: 0 auto
}

.feedback .content {
    margin-bottom: .8rem;
    margin-top: .8rem;
    width: 100%
}

.feedback .content .com-svg {
    width: .44rem;
    margin-right: .12rem
}

.feedback .content .top {
    margin-bottom: .6rem
}

.feedback .content .top .cell {
    width: 3.7rem;
    height: .44rem
}

.feedback .content .top .cell>div {
    height: .44rem
}

.feedback .content .el-input__wrapper {
    --el-input-focus-border-color: #fff
}

.feedback .content .el-textarea,.feedback .content .el-input {
    background: #ffffff;
    box-shadow: none!important
}

.feedback .content .el-textarea .el-input__wrapper,.feedback .content .el-input .el-input__wrapper {
    background: inherit;
    outline: none;
    box-shadow: none!important;
    padding: .01rem .2rem
}

.feedback .content .el-textarea textarea,.feedback .content .el-input textarea {
    background: inherit;
    box-shadow: none;
    resize: none;
    padding: .16rem .2rem;
    height: 2.24rem
}

.feedback .content .el-textarea input,.feedback .content .el-input input,.feedback .content .el-textarea textarea,.feedback .content .el-input textarea {
    font-size: .2rem
}

.feedback .content .el-textarea input::placeholder,.feedback .content .el-input input::placeholder,.feedback .content .el-textarea textarea::placeholder,.feedback .content .el-input textarea::placeholder {
    color: #a1a3a6
}

.feedback .content .el-textarea .el-input-group__prepend,.feedback .content .el-input .el-input-group__prepend {
    background: inherit;
    box-shadow: none
}

.feedback .content .el-textarea .el-input-group__prepend .el-select,.feedback .content .el-input .el-input-group__prepend .el-select {
    width: unset!important
}

.feedback .content .el-textarea .el-input-group__prepend input,.feedback .content .el-input .el-input-group__prepend input {
    width: .6rem
}

.feedback .submit {
    margin: 0 auto;
    width: 2rem;
    height: .44rem;
    background: #b58347;
    font-size: .16rem;
    font-weight: 500;
    color: #fff;
    line-height: .19rem;
    border: none
}
.com-svg img {
    width: 100%;
}
.contact-wrapper select {
    color: #000;
    border: 1px solid transparent;
}

.group-profile {
    padding-top: .61rem;
    padding-bottom: 1.2rem
}

.tab-content .hw-title {
    margin-bottom: .67rem;
}

.group-profile .desc {
    font-size: .16rem;
    font-weight: 400;
    color: #616366;
    line-height: .32rem;
    margin-bottom: .48rem
}

.group-profile .desc>div {
    text-indent: 2em
}

.group-profile .desc>div:first-child {
    margin-bottom: 1em
}

.group-profile .el-image {
    width: 100%;
    height: auto;
    margin-bottom: 1.2rem
}

.group-profile .el-image:last-child {
    margin-bottom: 0
}
.statistics {
    height: 1.76rem;
    width: 100%;
    background: #f7f8fb;
    margin-bottom: .81rem
}

.statistics .cell {
    flex: 1
}

.statistics .cell .title {
    font-size: .24rem;
    font-weight: 400;
    color: #a1a3a6;
    line-height: .28rem;
    margin-bottom: .04rem
}

.statistics .cell .value {
    font-size: .68rem;
    font-family: DIN;
    font-weight: 500;
    color: #2a2b2d;
    line-height: .8rem;
    -webkit-text-stroke: 0 #2a2b2d;
    text-stroke: 0 #2a2b2d
}

.group-vision {
    padding-top: .61rem
}

.group-vision .list {
    margin-bottom: 1.2rem
}

.group-vision .list .cell {
    margin-right: .5rem;
    width: 4.55rem;
    height: 5.6rem;
    box-shadow: 0 .12rem .28rem .12rem #00000014
}

.group-vision .list .cell:last-child {
    margin-right: 0
}

.group-vision .list .cell .el-image {
    width: 100%;
    height: 2.8rem
}

.group-vision .list .cell .content {
    flex: 1;
    position: relative;
    padding: 1.13rem;
    padding: 1.13rem .19rem 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.group-vision .list .cell .content .s-content {
    width: 1.6rem;
    height: 1.6rem;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%,-50%)
}

.group-vision .list .cell .content .s-content:after {
    content: "";
    background-color: #b58347;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    transform: rotate(45deg)
}

.group-vision .list .cell .content .com-svg {
    width: .68rem;
    margin-bottom: .16rem
}

.group-vision .list .cell .content .title {
    height: .46rem;
    font-size: .2rem;
    font-weight: 500;
    color: #fff;
    line-height: .23rem;
    max-width: 1.6rem;
    text-align: center
}

.group-vision .list .cell .content .desc {
    font-size: .16rem;
    font-weight: 400;
    color: #616366;
    line-height: .19rem
}

.group-vision .bottom-cover {
    position: relative
}

.group-vision .bottom-cover .el-image {
    width: 100%;
    height: auto;
    display: block
}

.group-vision .bottom-cover .title {
    font-size: .48rem;
    font-weight: 400;
    color: #fff;
    line-height: .58rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 2;
    text-align: center;
    max-width: 10rem
}
.speech {
    padding-top: .61rem;
    padding-bottom: 1.2rem
}

.speech .content {
    width: 100%
}

.speech .content .info {
    flex: 1;
    margin-right: 1.02rem
}

.speech .content .info .title {
    font-size: .28rem;
    font-weight: 500;
    color: #000;
    line-height: .33rem;
    margin-bottom: .24rem
}

.speech .content .info .desc {
    font-size: .16rem;
    font-weight: 400;
    color: #000
}

.speech .content .info .desc>div {
    margin-bottom: 1em;
    line-height: 1.8
}

.speech .content .info .desc>div:last-child {
    margin-bottom: 0
}
.history-events {
    padding-top: .35rem;
    padding-bottom: 1rem
}

.history-events > div:last-child {
    margin-bottom: 0
}

.history-events .hw-title {
    margin-bottom: .33rem
}

.history-events .year-cell {
    border-bottom: .01rem solid #d2d6dd;
    width: 100%;
    padding-top: .2rem
}

.history-events {
    padding-top: .35rem;
    padding-bottom: 1rem
}

.history-events > div:last-child {
    margin-bottom: 0
}

.history-events .hw-title {
    margin-bottom: .33rem
}

.history-events .year-cell {
    border-bottom: .01rem solid #d2d6dd;
    width: 100%;
    padding-top: .2rem
}

.history-events .year-cell:nth-child(2) {
    padding-top: 0
}

.history-events .year-cell .year {
    font-size: .68rem;
    font-family: DIN;
    font-weight: 700;
    color: #d2d6dd;
    line-height: .84rem;
    margin-bottom: .2rem;
}

.history-events .year-cell .month-cell {
    border-top: .01rem solid #d2d6dd
}

.history-events .year-cell .month-cell .month {
    font-size: .4rem;
    font-family: DIN;
    font-weight: 700;
    color: #d2d6dd;
    line-height: .5rem;
    min-width: 1.56rem;
    padding-right: .2rem;
}

.history-events .year-cell .month-cell .cell-content {
    flex: 1
}

.history-events .year-cell .month-cell .cell-content .cell {
    width: 100%;
    padding: .24rem 0;
    display: flex;
    border-bottom: .01rem dashed #d2d6dd;
}

.history-events .year-cell .month-cell .cell-content .cell:last-child {
    border-bottom: none;
}

.history-events .year-cell .month-cell .cell-content .cell .day {
    font-size: .24rem;
    font-weight: 500;
    color: #a1a3a6;
    line-height: .28rem;
    position: relative;
    width: 1.09rem;
}

.history-events .year-cell .month-cell .cell-content .cell .day:before {
    content: "";
    width: .1rem;
    height: .1rem;
    background: #a1a3a6;
    border-radius: 50%;
    margin-right: .1rem
}

.history-events .year-cell .month-cell .cell-content .cell .el-image {
    width: 2.4rem;
    height: 1.6rem;
    margin-right: .2rem;
}

.history-events .year-cell .month-cell .cell-content .cell .info {
    flex: 1
}

.history-events .year-cell .month-cell .cell-content .cell .info .title {
    font-size: .24rem;
    font-weight: 400;
    color: #2a2b2d;
    line-height: .28rem;
}

.history-events .year-cell .month-cell .cell-content .cell .info .desc {
    font-size: .16rem;
    font-weight: 400;
    color: #616366;
    line-height: .28rem;
    margin-top: .2rem;
    text-indent: 2em;
}
.structure {
    padding-top: .61rem;
    padding-bottom: 1.2rem;
}



.project>div:last-child {
    margin-bottom: 0
}

.project .cell {
    position: relative;
    width: 100%;
    height: 4.8rem;
    margin-bottom: .8rem; 
    display: block;
}

.project .cell .el-image {
    width: 8.8rem;
    height: 4.8rem;
    background: #a1a3a6;
    position: absolute;
    top: 0;
    bottom: 0
}

.project .cell .info {
    width: 6.8rem;
    height: 4rem;
    background: #f4ede3;
    position: absolute;
    bottom: 0;
    padding: .36rem .5rem 0;
    z-index: 2
}

.project .cell .info .title {
    text-align: center;
    font-size: .28rem;
    font-weight: 600;
    color: #2a2b2d;
    line-height: .4rem;
    margin-bottom: .2rem
}

.project .cell .info .desc {
    font-size: .16rem;
    font-weight: 400;
    color: #616366;
    line-height: .28rem;
    margin-bottom: .2rem
}

.project .cell .info .info-cell {
    display: flex;
    align-items: center;
    padding-left: .27rem;
    margin-bottom: .16rem
}

.project .cell .info .info-cell .com-svg {
    width: .2rem;
    margin-right: .04rem
}

.project .cell .info .info-cell .val,.project .cell .info .info-cell .label {
    font-size: .16rem;
    font-weight: 400;
    color: #616366;
    line-height: .19rem
}

.project .cell .info .info-cell .val {
    color: #000
}

.project .cell:nth-child(2n) .el-image {
    right: 0
}

.project .cell:nth-child(2n) .info {
    left: 0
}

.project .cell:nth-child(2n + 1) .el-image {
    left: 0
}

.project .cell:nth-child(2n + 1) .info {
    right: 0
}

.project .cell:last-child {
    margin-bottom: 0
}

.hw-video {
    padding: .8rem 0 1.2rem;
}
.hw-video .content {
    width: 14.28rem;
    height: 8rem;
    background: #ffffff;
    box-shadow: 0 0 .32rem .01rem #00000014;
    margin: 0 auto;
    padding: .4rem;
    position: relative
}

.hw-video .content .cover-img {
    width: 100%;
    height: 100%
}

.hw-video .content .cover-img {
    width: 100%;
    height: 100%;
}
.my-preview video, .my-preview .my-image {
    width: 100%;
    height: 100%;
    display: block;
    background: url(data:image/gif;base64,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) no-repeat center;
}
.my-preview video {
    background-color: #0006;
}
.my-preview .play {
    width: 20%;
    position: absolute;
    max-width: 1.5rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: auto;
}
 .business-wrapper .com-tab {
     height: 1.58rem;
     display: flex;
     justify-content: center;
     align-items: center;
     background: #2a2b2d;
     padding-left: 0;
     margin-bottom: 1.2rem;
 }
.business-wrapper .com-tab>li {
    position: relative;
    margin-right: .84rem;
    font-size: .18rem;
    font-weight: 400;
    color: #f7f8fb;
    line-height: .26rem;
}
.business-wrapper .com-tab>li.active {
    font-weight: 500;
    color: #ffcd83;
}
.business-wrapper .com-tab>li.active:after {
    display: none;
}
.business-wrapper .com-tab>li .nav .com-svg {
    width: .48rem;
    margin-bottom: .12rem;
    color: #fff;
}
.business-content {
    padding-bottom: 1.2rem;
}
.business-content .content {
    display: flex;
}
.business-content .info {
    width: calc(100% - 9rem);
}
.business-content .content .desc {
    font-size: .16rem;
    font-weight: 400;
    color: #616366;
    line-height: .28rem;
}
.business-content .content .el-image {
    z-index: 2;
    width: 8.48rem;
    height: 4.8rem;
    margin-left: .52rem;
}

.business-wrapper .tc {
    margin: 1rem auto .2rem;
}

.business-wrapper .grid {
    gap: .8rem .48rem;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.business-wrapper .grid .cell {
    position: relative;
    overflow: hidden;
}

.business-wrapper .grid .cell:first-child {
    grid-column-end: span 2
}

.business-wrapper .grid .cell .title {
    background: #f4ede3;
    text-align: center;
}

.business-wrapper .grid .cell:nth-child(3n + 1) {
    text-align: center
}

.business-wrapper .grid .cell:nth-child(3n + 1):last-child {
    grid-column-end: span 2
}

.business-wrapper .grid .cell:nth-child(3n + 1):last-child .title {
    text-align: center
}

.business-wrapper .grid .cell .el-image {
    height: 4.8rem;
}

.business-wrapper .grid .cell .title {
    flex: 1;
    font-size: .32rem;
    font-weight: 500;
    color: #2a2b2d;
    line-height: .7rem;
}

.business-wrapper .grid .cell .more-tip {
    position: absolute;
    z-index: 2;
    height: .36rem;
    padding: 0 .14rem;
    background: #b58347;
    font-size: .2rem;
    font-weight: 600;
    color: #fff;
    line-height: .28rem;
    top: .12rem;
    left: 0
}