.tech .indexAdd-inner-title-wrap {
    position: absolute;
    top: 12%;
}

.index-section.tech {
    position: relative;
}

.tech .index-section-title {
    color: #fff;
}

.tech .index-section-desc {
    color: #fff;
    font-size: 20px;
    line-height: 46px;
}
span.tech-desc {
    font-size: 24px;
    font-weight: 600;
}

.tech .index-section-btn a {
    color: #fff;
}
@media screen and (min-width:769px) {
    .i-section-3 {
        height: 2.0833333333rem !important;
        position: relative;
        padding-top: .5208333333rem;
        padding-bottom: .5208333333rem;
        box-sizing: content-box
    }

    .intro-card-wrap-new {
        width: 100%;
        height: 1.4375rem;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        margin-top: .2083333333rem
    }

    .intro-card-new {
        width: 32%;
        height: 100%;
        position: relative;
        display: block;
        text-decoration: none
    }

    .intro-card-icon {
        width: 100%;
        height: 1.1979166667rem;
        overflow: hidden
    }

    .intro-card-icon img {
        width: 100%;
        height: auto
    }

    .description {
        width: 100%;
        height: .2604166667rem;
        padding: 0 .1302083333rem;
        text-align: left;
        color: #000;
        font-size: .1041666667rem;
        line-height: .2604166667rem;
        background: #f5f5f5;
        box-sizing: border-box;
        display: block
    }

    .description,
    .intro-card-new:hover {
        text-decoration: none
    }

    .intro-card-new:hover .intro-card-icon img {
        transform: scale(1.1);
        transition: transform .3s ease
    }

    .intro-card-new:hover .description {
        color: #fc1922;
        text-decoration: none
    }

    .index-section.section1-new {
        padding: .4166666667rem 1.6145833333rem
    }

    .index-section.section1-new .index-section-title {
        color: #000;
        font-size: .2083333333rem;
        font-weight: 700;
        margin-bottom: .2447916667rem
    }

    .index-section.section1-new .more {
        width: .5104166667rem;
        height: .2135416667rem;
        background: #fc1922;
        box-shadow: 0 .0104166667rem .03125rem 0 rgba(238, 50, 50, .39);
        border-radius: .0260416667rem;
        margin: 0 auto;
        font-family: SourceHanSansSC;
        font-weight: 400;
        font-size: .0833333333rem;
        color: #fff;
        line-height: .2135416667rem;
        text-align: left;
        font-style: normal;
        text-align: center
    }

    .index-section.section1-new .section1-inner {
        display: flex;
        justify-content: space-between
    }

    .index-section.section1-new .section1-item-new {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        width: 23%;
        margin-bottom: .125rem;
        padding: .21875rem .140625rem;
        border-radius: .0625rem
    }

    .index-section.section1-new .section1-item-new .section1-item-icon {
        width: auto;
        height: .5729166667rem
    }

    .index-section.section1-new .section1-item-new .section1-item-desc {
        margin-top: .0520833333rem
    }

    .index-section.section1-new .section1-item-new .section1-item-desc .section1-item-desc-title {
        color: #333;
        font-size: .2083333333rem;
        font-weight: 700;
        text-align: center
    }

    .index-section.section1-new .section1-item-new .section1-item-desc .section1-item-desc-text {
        line-height: .1354166667rem;
        font-size: .09375rem;
        color: #545454;
        text-align: center
    }

    .index-section-full-wrap {
        padding-top: .15625rem
    }

    .index-section-full-wrap .index-section-nav-content {
        align-items: center;
        display: none
    }

    .index-section-full-wrap .index-section-nav-content .nav-content-item-1 {
        position: relative;
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: center;
        height: 3.28125rem;
        background-color: #20277f
    }

    .index-section-full-wrap .index-section-nav-content .nav-content-item-1 .nav-content-item-bg {
        display: block;
        width: 100%;
        height: 100%
    }

    .index-section-full-wrap .index-section-nav-content .nav-content-item-1 .nav-content-item-head-1 {
        margin-bottom: .1927083333rem;
        padding: 0 .3125rem;
        font-family: Arial, Helvetica, sans-serif
    }

    .index-section-full-wrap .index-section-nav-content .nav-content-item-1 .nav-content-item-head-1 .head-en-name {
        font-size: .25rem;
        color: #999
    }

    .index-section-full-wrap .index-section-nav-content .nav-content-item-1 .nav-content-item-head-1 .head-ch-name {
        font-size: .2083333333rem;
        color: #fff
    }

    .index-section-full-wrap .index-section-nav-content .nav-content-item-1 .nav-content-item-breif-1 {
        width: 3.0625rem;
        margin-bottom: .1927083333rem;
        padding: 0 .3125rem;
        line-height: .1458333333rem;
        text-align: justify;
        font-size: .09375rem;
        color: #fff
    }

    .index-section-full-wrap .index-section-nav-content .nav-content-item-1 .nav-content-item-breif-1 .line {
        width: 100%;
        height: .1822916667rem;
        border-bottom: .0052083333rem solid hsla(0, 0%, 100%, .5);
        display: flex;
        flex-direction: row;
        justify-content: flex-start
    }

    .index-section-full-wrap .index-section-nav-content .nav-content-item-1 .nav-content-item-breif-1 .line span {
        width: 50%;
        height: .1822916667rem;
        display: inline-block;
        font-size: .09375rem;
        line-height: .1822916667rem;
        color: #fff;
        cursor: pointer
    }

    .index-section-full-wrap .index-section-nav-content .nav-content-item-1 .nav-content-item-breif-1 .line span a {
        color: #fff
    }

    .index-section-full-wrap .index-section-nav-content .nav-content-item-1 .nav-content-item-breif-1 .line span a:hover {
        text-decoration: none;
        color: #fff
    }

    .index-section-full-wrap .index-section-nav-content .nav-content-item-1 .nav-content-item-btn-1 {
        width: .5104166667rem;
        height: .2135416667rem;
        margin-left: .3125rem;
        line-height: .2135416667rem;
        text-align: center;
        color: #fff;
        font-size: .0833333333rem;
        border-radius: .0260416667rem;
        border: .0052083333rem solid #fff;
        cursor: pointer
    }

    .index-section-full-wrap .index-section-nav-content .nav-content-item-1 .nav-content-plane {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 2.5104166667rem;
        height: .9895833333rem
    }

    .index-section .indexAdd-list-wrap .indexAdd-list-item .img-box {
        position: relative
    }

    .myVideo {
        z-index: 1
    }

    .cover,
    .myVideo {
        width: 100%;
        height: 100%;
        position: absolute
    }

    .cover {
        z-index: 2
    }

    .cover img {
        display: block;
        width: 100%;
        height: 100%
    }

    .play {
        width: .4166666667rem;
        height: .4166666667rem;
        position: absolute;
        z-index: 3;
        left: 50%;
        top: .3645833333rem;
        margin-left: -.2083333333rem
    }

    .play img {
        width: 100%;
        height: 100%;
        display: block
    }

    .news-list .news-item {
        display: flex;
        flex-direction: column;
        justify-content: center
    }

    .news-section1 .select-wrap .select-item {
        padding: 0 .1041666667rem 0 0;
        border-radius: .0260416667rem;
        border: .0052083333rem solid #d8d8d8;
        margin: 0 .0520833333rem
    }

    .news-section1 .select-wrap .select-item #newsTime,
    .news-section1 .select-wrap .select-item #newsType {
        font-size: .09375rem !important;
        border: 0 !important
    }

    .breadcrumb-self ul li {
        font-size: .0833333333rem !important
    }

    .news52-wrap {
        width: calc(100% - 1.17188rem);
        height: .25rem;
        overflow: hidden
    }

    .news52-wrap .top-news-wrap {
        width: 100%;
        height: .25rem;
        flex-wrap: wrap;
        justify-content: flex-start !important
    }

    .news52-wrap .top-news-wrap .top-news-item {
        width: 33%;
        height: .25rem;
        flex-shrink: 0;
        line-height: .25rem;
        font-size: .0729166667rem;
        list-style: none !important;
        cursor: pointer;
        z-index: 2
    }

    .news52-wrap .top-news-wrap .top-news-item a {
        color: #fff;
        text-decoration: none
    }

    .news52-wrap .top-news-wrap .top-news-item a:hover {
        color: #fc1922;
        text-decoration: none
    }
}

@media (min-width:300px) and (max-width:768px) {
    .i-section-3 {
        position: relative;
        padding-top: .5208333333rem;
        padding-bottom: .5208333333rem;
        box-sizing: content-box
    }

    .intro-card-wrap-new {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        margin-top: .2083333333rem
    }

    .intro-card-new {
        width: 100%;
        height: auto;
        position: relative;
        display: block;
        text-decoration: none;
        margin-bottom: .2604166667rem
    }

    .intro-card-icon {
        width: 100%;
        overflow: hidden
    }

    .intro-card-icon img {
        width: 100%;
        height: auto
    }

    .description {
        width: 100%;
        height: .2604166667rem;
        padding: 0 .1302083333rem;
        text-align: left;
        color: #000;
        font-size: .1041666667rem;
        line-height: .2604166667rem;
        background: #f5f5f5;
        box-sizing: border-box;
        display: block
    }

    .description,
    .intro-card-new:hover {
        text-decoration: none
    }

    .intro-card-new:hover .intro-card-icon img {
        transform: scale(1.1);
        transition: transform .3s ease
    }

    .intro-card-new:hover .description {
        color: #fc1922;
        text-decoration: none
    }

    .index-section.section1-new {
        padding-bottom: .15625rem
    }

    .index-section.section1-new .index-section-title {
        color: #000;
        font-size: .125rem;
        font-weight: 700;
        padding-top: .15625rem
    }

    .index-section.section1-new .more {
        width: .3125rem;
        height: .125rem;
        background: #fc1922;
        box-shadow: 0 .0104166667rem .03125rem 0 rgba(238, 50, 50, .39);
        border-radius: .0260416667rem;
        margin: 0 auto;
        font-family: SourceHanSansSC;
        font-weight: 400;
        font-size: .0625rem;
        color: #fff;
        line-height: .125rem;
        text-align: left;
        font-style: normal;
        text-align: center;
        cursor: pointer
    }

    .index-section.section1-new .section1-inner {
        height: .6770833333rem;
        display: flex;
        justify-content: space-between
    }

    .index-section.section1-new .section1-item-new {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        width: 23%;
        margin-bottom: .125rem;
        padding: .15625rem 0;
        border-radius: .0625rem
    }

    .index-section.section1-new .section1-item-new .section1-item-icon {
        width: auto;
        height: .2604166667rem;
        display: block
    }

    .index-section.section1-new .section1-item-new .section1-item-desc {
        margin-top: .0260416667rem
    }

    .index-section.section1-new .section1-item-new .section1-item-desc .section1-item-desc-title {
        color: #333;
        font-size: .0833333333rem;
        font-weight: 700;
        text-align: center
    }

    .index-section.section1-new .section1-item-new .section1-item-desc .section1-item-desc-text {
        font-size: .0625rem;
        color: #545454;
        text-align: center
    }

    .index-section-full-wrap .index-section-nav-content .nav-content-item-1 {
        position: relative;
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding-bottom: .15625rem;
        background-color: #20277f
    }

    .index-section-full-wrap .index-section-nav-content .nav-content-item-1 .nav-content-item-bg {
        display: block;
        width: 100%;
        height: auto
    }

    .index-section-full-wrap .index-section-nav-content .nav-content-item-1 .nav-content-item-head-1 {
        margin-bottom: .0520833333rem;
        padding: .15625rem .15625rem 0
    }

    .index-section-full-wrap .index-section-nav-content .nav-content-item-1 .nav-content-item-head-1 .head-en-name {
        font-size: .1875rem;
        color: #999
    }

    .index-section-full-wrap .index-section-nav-content .nav-content-item-1 .nav-content-item-head-1 .head-ch-name {
        font-size: .125rem;
        color: #fff
    }

    .index-section-full-wrap .index-section-nav-content .nav-content-item-1 .nav-content-item-breif-1 {
        width: calc(100% - .3125rem);
        margin-bottom: .1041666667rem;
        padding: 0 .15625rem;
        line-height: .125rem;
        text-align: justify;
        font-size: .0625rem;
        color: #fff
    }

    .index-section-full-wrap .index-section-nav-content .nav-content-item-1 .nav-content-item-breif-1 .line {
        width: 100%;
        height: .125rem;
        border-bottom: .0052083333rem solid hsla(0, 0%, 100%, .5);
        display: flex;
        flex-direction: row;
        justify-content: flex-start
    }

    .index-section-full-wrap .index-section-nav-content .nav-content-item-1 .nav-content-item-breif-1 .line span {
        width: 50%;
        font-size: .0625rem;
        line-height: .125rem;
        display: inline-block;
        color: #fff
    }

    .index-section-full-wrap .index-section-nav-content .nav-content-item-1 .nav-content-item-btn-1 {
        width: .3125rem;
        height: .15625rem;
        margin-left: .15625rem;
        line-height: .15625rem;
        text-align: center;
        color: #fff;
        font-size: .0625rem;
        border-radius: .0260416667rem;
        border: .0052083333rem solid #fff
    }

    .index-section-full-wrap .index-section-nav-content .nav-content-item-1 .nav-content-plane {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 2.5104166667rem;
        height: .9895833333rem
    }

    .index-section .indexAdd-list-wrap .indexAdd-list-item .img-box {
        position: relative;
        width: 100%;
        height: .9375rem
    }

    .myVideo {
        z-index: 1
    }

    .cover,
    .myVideo {
        width: 100%;
        height: 100%;
        position: absolute
    }

    .cover {
        z-index: 2
    }

    .cover img {
        display: block;
        width: 100%;
        height: 100%
    }

    .play {
        width: .3125rem;
        height: .3125rem;
        position: absolute;
        z-index: 3;
        left: 50%;
        top: .3645833333rem;
        margin-left: -.2083333333rem
    }

    .play img {
        width: 100%;
        height: 100%;
        display: block
    }

    .news52-wrap {
        width: 100%;
        height: .125rem !important;
        overflow: hidden
    }

    .news52-wrap .top-news-wrap {
        width: 100%;
        height: .125rem !important;
        flex-wrap: wrap;
        justify-content: flex-start !important
    }

    .news52-wrap .top-news-wrap .top-news-item {
        width: 100%;
        height: .125rem !important;
        flex-shrink: 0;
        line-height: .125rem !important;
        font-size: .0625rem;
        list-style: none !important;
        cursor: pointer;
        z-index: 2
    }

    .news52-wrap .top-news-wrap .top-news-item .circle {
        display: inline-block !important
    }

    .news52-wrap .top-news-wrap .top-news-item a {
        color: #fff;
        text-decoration: none
    }

    .news52-wrap .top-news-wrap .top-news-item a:hover {
        color: #fc1922;
        text-decoration: none
    }
        //新闻列表
    .news-section1 .select-wrap  {
        display: flex;
        flex-direction: row;
        justify-content: space-between!important;
    }
    .news-section1 .select-wrap  .select-item{
        width: 48%;
        // height: 40px;
        // padding: 0 20px;
        box-sizing: border-box;
        border:1px solid #999;
        border-radius: 5px;
    }
    .news-section1 .select-wrap  .select-item select{
        width: 90%!important;
        border: 0 !important;
    }
}
@media screen and (min-width:769px) {
    .site-section {
        padding: 0 1.6145833333rem;
        background: #fff
    }

    .site-section .site-title {
        width: 100%;
        height: .2916666667rem;
        font-family: PingFangSC, PingFang SC;
        font-weight: 400;
        font-size: .2083333333rem;
        color: #000;
        line-height: .2916666667rem;
        letter-spacing: .0052083333rem;
        text-align: center;
        font-style: normal;
        padding-top: .6197916667rem
    }

    .site-section .select-wrap {
        width: 100%;
        height: .4791666667rem;
        padding-top: .1354166667rem;
        padding-bottom: .4270833333rem;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center
    }

    .site-section .select-wrap .select-item {
        width: 2.1875rem;
        height: .34375rem;
        background: #fff;
        border-radius: .0208333333rem;
        border: .0052083333rem solid #d8d8d8;
        margin: 0 .15625rem
    }

    .site-section .select-wrap .select-item .site-select {
        padding: 0 .15625rem;
        font-family: SourceHanSansSC;
        font-weight: 500;
        font-size: .1145833333rem;
        line-height: .1458333333rem;
        letter-spacing: .0052083333rem;
        text-align: left;
        font-style: normal;
        width: calc(100% - .15625rem);
        height: 100%;
        border: 0 !important;
        color: #24242b
    }

    .site-section .site-item {
        width: 100%;
        height: auto;
        border-top: .015625rem solid #000;
        padding: .1041666667rem 0 .3854166667rem
    }

    .site-section .site-item .site-name {
        width: 100%;
        height: .1927083333rem;
        font-family: SourceHanSansSC;
        font-weight: 500;
        font-size: .1354166667rem;
        color: #333;
        line-height: .1927083333rem;
        text-align: left;
        font-style: normal
    }

    .site-section .site-item .site-detail {
        width: 100%;
        height: 1.3541666667rem;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        font-size: .09375rem
    }

    .site-section .site-item .site-detail .address-wrap {
        width: 50%;
        height: .9895833333rem;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center
    }

    .site-section .site-item .site-detail .address-wrap .line {
        width: 100%;
        padding-right: .5989583333rem;
        box-sizing: border-box;
        height: .1354166667rem;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        margin-bottom: .0989583333rem
    }

    .site-section .site-item .site-detail .address-wrap .line .text {
        font-size: .09375rem
    }

    .site-section .site-item .site-detail .address-wrap .line .img-box {
        width: .15625rem;
        height: .1354166667rem;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        margin-right: .1041666667rem
    }

    .site-section .site-item .site-detail .address-wrap .line .img-box img {
        display: block
    }

    .site-section .site-item .site-detail .address-wrap .line-1 {
        height: .2708333333rem;
        align-items: flex-start
    }

    .site-section .site-item .site-detail .address-wrap .line-1 .img-box {
        height: .21875rem;
        padding-top: .0416666667rem;
        align-items: flex-start
    }

    .site-section .site-item .site-detail .address-wrap .line-1 .text {
        font-size: .09375rem;
        line-height: .1458333333rem
    }

    .site-section .site-item .site-detail .contact-wrap {
        width: 50%;
        height: .9895833333rem;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center
    }

    .site-section .site-item .site-detail .contact-wrap .contact-item {
        width: 50%;
        height: 100%
    }

    .site-section .site-item .site-detail .contact-wrap .contact-item .line {
        width: 100%;
        height: .1354166667rem;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        margin-bottom: .0989583333rem
    }

    .site-section .site-item .site-detail .contact-wrap .contact-item .line .text {
        font-size: .09375rem
    }

    .site-section .site-item .site-detail .contact-wrap .contact-item .line .img-box {
        width: .15625rem;
        height: .1354166667rem;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        margin-right: .1041666667rem
    }

    .site-section .site-item .site-detail .contact-wrap .contact-item .line .img-box img {
        display: block
    }
}

@media (min-width:300px) and (max-width:768px) {
    #toTopNavMobile {
        display: none !important
    }

    .site-section {
        padding: 0 .15625rem;
        background: #fff
    }

    .site-section .site-title {
        width: 100%;
        height: .2916666667rem;
        font-family: PingFangSC, PingFang SC;
        font-weight: 400;
        font-size: .15625rem;
        color: #000;
        line-height: .2916666667rem;
        letter-spacing: .0052083333rem;
        text-align: center;
        font-style: normal;
        padding-top: .15625rem
    }

    .site-section .select-wrap {
        width: 100%;
        height: .4791666667rem;
        padding-top: .1354166667rem;
        padding-bottom: .15625rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center
    }

    .site-section .select-wrap .select-item {
        width: 100%;
        height: .2083333333rem;
        background: #fff;
        border-radius: .0208333333rem;
        border: .0052083333rem solid #d8d8d8;
        margin-bottom: .0520833333rem
    }

    .site-section .select-wrap .select-item .site-select {
        padding: 0 .1041666667rem;
        font-family: SourceHanSansSC;
        font-weight: 500;
        font-size: .0729166667rem;
        line-height: .1458333333rem;
        letter-spacing: .0052083333rem;
        text-align: left;
        font-style: normal;
        width: calc(100% - .10417rem);
        height: 100%;
        border: 0 !important;
        color: #24242b;
        background-color: #FFF;
    }

    .site-section .site-item {
        width: 100%;
        height: auto;
        border-top: .015625rem solid #000;
        padding: .1041666667rem 0 .15625rem
    }

    .site-section .site-item .site-name {
        width: 100%;
        height: .1927083333rem;
        font-family: SourceHanSansSC;
        font-weight: bolder;
        font-size: .0729166667rem;
        color: #333;
        line-height: .1927083333rem;
        text-align: left;
        font-style: normal;
        margin-bottom: .0520833333rem
    }

    .site-section .site-item .site-detail {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center
    }

    .site-section .site-item .site-detail .address-wrap {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        margin-bottom: .0260416667rem
    }

    .site-section .site-item .site-detail .address-wrap .line {
        width: 100%;
        box-sizing: border-box;
        height: .1354166667rem;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        margin-bottom: .078125rem
    }

    .site-section .site-item .site-detail .address-wrap .line .img-box {
        width: .15625rem;
        height: .1354166667rem;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        margin-right: .0416666667rem
    }

    .site-section .site-item .site-detail .address-wrap .line .img-box img {
        display: block
    }

    .site-section .site-item .site-detail .address-wrap .line .text {
        width: 100%;
        font-size: .0625rem
    }

    .site-section .site-item .site-detail .address-wrap .line-1 {
        height: .2708333333rem;
        align-items: flex-start
    }

    .site-section .site-item .site-detail .address-wrap .line-1 .img-box {
        height: .21875rem;
        padding-top: .0416666667rem;
        align-items: flex-start
    }

    .site-section .site-item .site-detail .address-wrap .line-1 .text {
        line-height: .1458333333rem
    }

    .site-section .site-item .site-detail .contact-wrap {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        border-top: .0052083333rem solid #ededed;
        padding: .1041666667rem 0 0
    }

    .site-section .site-item .site-detail .contact-wrap .contact-item {
        width: 100%;
        height: auto
    }

    .site-section .site-item .site-detail .contact-wrap .contact-item .line {
        width: 100%;
        height: .1354166667rem;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        margin-bottom: .0625rem
    }

    .site-section .site-item .site-detail .contact-wrap .contact-item .line .img-box {
        width: .15625rem;
        height: .1354166667rem;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        margin-right: .0416666667rem
    }

    .site-section .site-item .site-detail .contact-wrap .contact-item .line .img-box img {
        display: block
    }
}
/*0514修改电商物流*/
@media screen and (min-width:769px) {
        .b2c-section-full .b2c-section-2 .b2c-list-wrap .b2c-list-item-1 {
        width: 2.1770833333rem;
        height: auto!important;
        /*height: 2.34375rem;*/
        margin-bottom: .125rem;
        position: relative
    }

    .b2c-section-full .b2c-section-2 .b2c-list-wrap .b2c-list-item-1 .img-box {
        display: block;
        width: 2.1770833333rem;
        height: 1.21875rem
    }

    .b2c-section-full .b2c-section-2 .b2c-list-wrap .b2c-list-item-1 .b2c-item-bottom {
        width: 2.1770833333rem;
        height: 1.3020833333rem;
        background: #fff;
        border-radius: 0 0 .0208333333rem .0208333333rem;
        border: .0052083333rem solid #f4f4f4;
        padding: .09375rem .125rem;
        box-sizing: border-box
    }

    .b2c-section-full .b2c-section-2 .b2c-list-wrap .b2c-list-item-1 .b2c-item-bottom .b2c-item-title {
        width: 100%;
        height: 40px;
        font-family: SourceHanSansSC;
        font-weight: 500;
        font-size: .1145833333rem;
        color: #333;
        text-align: left;
        font-style: normal;
        margin-bottom: 20px;
        display: flex;
        align-items: flex-end;
    }
    .b2c-item-title .img-box {
        width: auto!important;
        height: 40px!important;
        margin-right: 5px;
    }

    .b2c-section-full .b2c-section-2 .b2c-list-wrap .b2c-list-item-1 .b2c-item-bottom .b2c-item-desc {
        width: 1.9010416667rem;
        height: .6979166667rem;
        font-family: SourceHanSansSC;
        font-weight: 400;
        font-size: .09375rem;
        color: #545454;
        line-height: .1458333333rem;
        text-align: justify;
        font-style: normal;
        overflow: hidden
    }

}
@media (min-width:300px) and (max-width:768px) {
    
    .b2c-section-full .b2c-section-2 .b2c-list-wrap .b2c-list-item-1 {
        width: 100%;
        height: auto;
        margin-bottom: .125rem;
        position: relative
    }

    .b2c-section-full .b2c-section-2 .b2c-list-wrap .b2c-list-item-1 .img-box {
        display: block;
        width: 100%;
        height: auto
    }

    .b2c-section-full .b2c-section-2 .b2c-list-wrap .b2c-list-item-1 .b2c-item-bottom {
        width: 100%;
        height: auto;
        background: #fff;
        border-radius: 0 0 .0208333333rem .0208333333rem;
        border: .0052083333rem solid #f4f4f4;
        padding: .09375rem .125rem;
        box-sizing: border-box
    }

    .b2c-section-full .b2c-section-2 .b2c-list-wrap .b2c-list-item-1 .b2c-item-bottom .b2c-item-title {
        width: 100%;
        font-family: SourceHanSansSC;
        font-weight: 500;
        font-size: .0729166667rem;
        color: #333;
        line-height: .15625rem;
        text-align: left;
        font-style: normal
    }

    .b2c-section-full .b2c-section-2 .b2c-list-wrap .b2c-list-item-1 .b2c-item-bottom .b2c-item-desc {
        width: 100%;
        font-family: SourceHanSansSC;
        font-weight: 400;
        font-size: .0625rem;
        color: #545454;
        line-height: .125rem;
        text-align: justify;
        font-style: normal;
        overflow: hidden
    }

}