@charset "UTF-8";
.main {
    width: 8.33333rem;
    margin: 0 auto;
    padding: .3125rem 0
}

.main-section:nth-child(2n) {
    background: #f4faff;
}

.btn {
    width: 1.09375rem;
    height: .27083rem;
    display: flex;
    padding: .05208rem .26042rem;
    align-items: center;
    background: #4272e7;
    font-size: .09375rem;
    color: #fff;
    line-height: .16667rem;
    cursor: pointer;
    text-decoration: none;
    white-space: nowrap;
}

.btn:hover {
    opacity: .7
}

.btn .icon {
    width: .125rem;
    height: .125rem;
    background-position: center;
    margin-left: .07292rem
}


.yd-consult-modal-blocker {
    background: transparent;
}

.yd-consult-modal {
    box-shadow: 0 .05208rem .26042rem #2136701a;
    display: none;
    max-width: 3.125rem
}

.yd-consult-modal .yd-consult-modal__content {
    display: flex;
}

.yd-consult-modal .yd-consult-item {
    margin-bottom: 0.0833rem;
    padding: 0 0.0833rem;
    flex: 1;
}

.yd-consult-modal .yd-consult-item__title {
    font-size: .10417rem;
    font-weight: bold;
    line-height: normal;
    color: #202020;
    margin-bottom: .10417rem;
}

.yd-consult-modal .yd-consult-item__info {
    margin-bottom: .05208rem;
    font-size: .09375rem;
    font-weight: 400;
    line-height: .13542rem;
    color: #5d5d5d;
}

.heading-title-1 {
    color: #002d9b;
    font-family: HarmonyOS Sans SC;
    font-size: .25rem;
    font-weight: 900;
    line-height: normal;
    text-align: center;
    letter-spacing: .1em;
    margin-bottom: .3125rem
}

.heading-title-1:after {
    content: "";
    height: .02083rem;
    width: .625rem;
    display: block;
    background: #eaeaea;
    margin: 0 auto
}

.banner {
    width: 100%;
    height: 2.0833rem;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.banner-body {
    width: 8.33333rem;
    padding-top: .33333rem;
    margin: auto
}

.banner .label {
    font-size: .125rem;
    color: #202020;
    margin-bottom: .11979rem
}

.banner .title {
    font-size: .1875rem;
    font-weight: 700;
    margin-bottom: .11979rem;
}

.banner .desc {
    font-size: .09375rem;
    font-weight: 400;
    line-height: .13542rem;
    text-align: justify;
    letter-spacing: 0em;
    color: #505059;
    margin-bottom: .2021rem;
    width: 3.83854rem;
    height: 0.4rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
}

.template-cover .content {
    background: #fff;
    box-shadow: 0 .05208rem .26042rem #2136701a;
    min-height: 2.34375rem;
    display: flex
}

.template-cover .content .left-cover {
    width: 50%;
    height: 2.34365rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    overflow: hidden;

}

/*.template-cover .content .left-cover::before {*/
/*    display: block;*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    content: "";*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    !*background: inherit;*!*/
/*    background-color: rgb(219 227 237 / 50%);*/
/*    backdrop-filter: blur(6px);*/
/*    -webkit-backdrop-filter: blur(6px);*/
/*    z-index: 1;*/
/*}*/

.template-cover .content .left-cover img {
    width: 100%;
    background-position: center;
    height: 100%;
    max-height: 2.34375rem;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 3;
    margin: auto;
}

.template-cover .content .right-content {
    padding: .34375rem .22396rem;
    box-sizing: border-box;
    flex: 1
}

.template-cover .content .right-content .title {
    font-size: .125rem;
    margin-bottom: .26042rem;
    font-weight: 700
}

.template-cover .content .right-content .desc {
    font-size: .09375rem;
    font-weight: 400;
    line-height: .15625rem;
    text-align: justify;
    letter-spacing: 0em;
    color: #909399;
    text-align: justify;
}

.template-grid .content {
    width: 100%;
    display: grid;
    grid-template-columns:repeat(3, 1fr);
    gap: .20833rem .52083rem
}

.template-grid .content .item {
    border-radius: .04167rem;
    opacity: 1;
    background: linear-gradient(0deg, #223667cc, #223667cc);
    box-shadow: 0 .02083rem .15625rem #0000001a;
    min-height: 1.39063rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    flex-direction: column;
    padding: 0.125rem;
}

.template-grid .content .item.item-nobg {
    background: #fff;
    color: #292929
}

.template-grid .content .item .icon {
    width: .46875rem;
    height: .46875rem;
    margin-bottom: .19271rem;
    background-position: center;
    background-size: contain
}

.template-grid .content .item .title {
    font-size: .10417rem;
    font-weight: 700;
    line-height: normal;
    text-align: center;
    letter-spacing: 0em
}

.template-simple-list {
    width: 100%;
    background: url("/static/img/template-simple-list-bg.png") !important;
    background-size: cover;
}
.template-simple-list .content {
    width: 7.7083rem;
    display: flex;
    /*grid-template-columns:1fr 1fr;*/
    /*grid-template-rows:1fr 1fr;*/
    flex-wrap: wrap;
    gap: 0.045rem .045rem;
    margin: 0 auto;
}

.template-simple-list .content .sortItem {
    width: 2.55499rem !important;
}
.template-simple-list .content .item {
    width: 3.8125rem;
    padding: 0.2083rem 0.1667rem;
    background: #fff;
    border: 0.0052rem solid #EDEDED;
    border-radius: 0.0833rem;
}

.template-simple-list .content .item .item-img {
    width: 0.5208rem;
    height: 0.5208rem;
    border-radius: 0.0833rem;
}

.template-simple-list .content .item .item-img > img {
    width: 0.5208rem;
    height: 0.5208rem;
}

.template-simple-list .content .item .title {
    margin-top: 0.09375rem;
    font-family: Source Han Sans;
    font-size: 0.125rem;
    font-weight: bold;
    line-height: normal;
    color: #000000;
}

.template-simple-list .content .item .text {
    margin-top: 0.0625rem;
    font-family: Source Han Sans;
    font-size: 0.09375rem;
    font-weight: normal;
    line-height: normal;
    color: #333333;
}


/*.template-simple-list .content .item {*/
/*    display: flex;*/
/*    align-items: center;*/
/*    padding: .04167rem*/
/*}*/

/*.template-simple-list .content .item .icon {*/
/*    height: .25rem;*/
/*    width: .25rem;*/
/*    background-position: center;*/
/*    background-size: contain;*/
/*    margin-right: .1875rem;*/
/*    outline: none;*/
/*    border: none*/
/*}*/

/*.template-simple-list .content .item .title {*/
/*    font-size: .10417rem;*/
/*    font-weight: 700;*/
/*    line-height: normal*/
/*}*/

/*.template-simple-list .content .item .body {*/
/*    margin-top: 0.053rem;*/
/*    font-size: 0.09375rem;*/
/*    color: #333;*/
/*    line-height: normal*/
/*}*/


.template-picture .main {
    width: 6.6667rem
}

.template-picture .content {
    width: 100%
}

.template-picture .content-item {
    margin-bottom: .20833rem
}

.template-picture .content-item:last-child {
    margin-bottom: 0
}

.template-picture .content-item img {
    width: 100%
}

.template-picture .content-item .img-title {
    font-size: .125rem;
    font-weight: 400;
    line-height: normal;
    text-align: center;
    letter-spacing: 0em;
    font-feature-settings: "kern" on;
    color: #9e9e9e;
    margin-top: .10417rem
}

.template-card .content {
    width: 100%;
    display: grid;
    grid-template-columns:repeat(auto-fit, minmax(1.92708rem, 1fr));
    gap: .20833rem
}

.template-card .content .item {
    min-height: 2.5rem;
    background: #fff;
    box-shadow: 0 .05208rem .26042rem #2136701a
}

.template-card .content .item .item-image-wrapper {
    /*width: 100%;*/
    /*height: 1.25rem;*/
    padding-bottom: 56.25%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    overflow: hidden;
}

.template-card .content .item .item-image-wrapper::before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 100%;
    /*background: inherit;*/
    background-color: rgb(219 227 237 / 50%);
    backdrop-filter: blur(0.03125rem);
    -webkit-backdrop-filter: blur(0.03125rem);
    z-index: 1;
    padding-bottom: 56.25%;
}

.template-card .content .item img {
    width: 100%;
    height: 100%;
    /*object-fit: contain;*/
    object-position: center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

.template-card .content .item .item-content {
    padding: .10417rem .17708rem
}

.template-card .content .item .title {
    font-size: .125rem;
    font-weight: 700;
    line-height: normal;
    text-align: center;
    letter-spacing: .1em;
    font-variation-settings: "opsz" auto;
    font-feature-settings: "kern" on;
    color: #292929;
    margin-bottom: .10417rem
}

.template-card .content .item .desc {
    font-size: .09375rem;
    font-weight: 400;
    line-height: .15625rem;
    text-align: justify;
    letter-spacing: 0em;
    font-variation-settings: "opsz" auto;
    color: #909399;
    text-align: justify;
}

.template-case {
    width: 100%;
    background: url("/static/img/swiper-bg.png") no-repeat;
    background-size: cover;
}

.template-case .main {
    width: 6.6667rem;
}

.template-case .content {
    align-items: center;
    gap: .09375rem
}

.template-case .content .swiper-navTabs {
    display: flex;
    /*width: 8.3333rem;*/
}

.template-case .content .swiper-navTabs .swiper-navTabs-item {
    flex: 1;
    font-family: Microsoft YaHei;
    font-size: 0.0833rem;
    font-weight: normal;
    line-height: normal;
    text-align: center;

    color: #000000;
    height: 0.312rem;
    border-width: 0 0 0.0104rem 0;
    border-style: solid;
    border-color: #EAEAEA;
    cursor: pointer;
}

.template-case .content .swiper-navTabs .active {
    color: #4466EE;
    border-width: 0 0 0.0208rem 0;
    border-style: solid;
    border-color: #4466EE;
}

.template-case .content .swiper-content {
    width: 6.6667rem;
    padding: 0.1667rem;
    margin-top: 0.0833rem;
    background: linear-gradient(270deg, #FFFFFF 0%, #F7FAFF 100%);

    box-shadow: 0 0.1198rem 0.2604rem 0 rgba(33, 54, 112, 0.1);
    height: 2.1146rem;
    display: none;
}

.template-case .content .swiper-content .body {
    display: flex;
    justify-content: flex-start;

}

.template-case .content .swiper-content .body .img {
    width: 3.1667rem;
    height: 1.78125rem;
    display: block;
    flex-shrink: 0;
}

.template-case .content .swiper-content .body .left {
    margin-left: 0.125rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.template-case .content .swiper-content .body .left .top .text {
    font-family: Microsoft YaHei;
    font-size: 0.0833rem;
    font-weight: normal;
    line-height: 160%;
    color: #666666;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5; /* 显示的行数 */
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 0;
    text-align: justify;
}

.template-case .content .swiper-content .body .left .top .title {
    font-family: Microsoft YaHei;
    font-size: 0.125rem;
    font-weight: normal;
    line-height: normal;
    margin-bottom: 0.0833rem;
    color: #333333;
}

.template-case .content .swiper-content .body .left .counts {
    display: flex;
    margin-top: 0.0833rem;
    justify-content: space-around;
}

.template-case .content .swiper-content .body .left .counts .item {
    width: 0.9896rem;
    padding-bottom: 0.0833rem;
    background: linear-gradient(0deg, #F3F6FA 0%, rgba(243, 246, 250, 0) 100%);
    /*margin-left: 0.15625rem;*/
}

.template-case .content .swiper-content .body .left .counts .item:first-child {

    /*margin-left: 0;*/
}

.template-case .content .swiper-content .body .left .counts .item > img {
    width: 0.25rem;
    height: 0.25rem;
    margin: 0 auto;
    margin-top: 0.0833rem;
    display: block;
}

.template-case .content .swiper-content .body .left .counts .item .name {
    font-family: 思源黑体;
    font-size: 0.0833rem;
    font-weight: normal;
    line-height: normal;
    letter-spacing: 0em;
    text-align: center;
    margin-top: 0.0833rem;

    color: #333333;
}

.template-case .content .swiper-content .body .left .counts .item .number {
    font-family: Source Han Sans;
    font-weight: 400;
    font-size: 0.1667rem;
    font-variation-settings: "opsz" auto;
    color: #000000;
    text-align: center;
    margin-top: 0.026rem;

}

.template-case .content .swiper-content .body .left .counts .item .number > span {
    font-family: Source Han Sans;
    font-weight: 400;
    font-size: 0.0833rem !important;
    font-variation-settings: "opsz" auto;
    color: #333333;
    text-align: center;

}

.template-case .content .swiper-content .body .left .counts .item .number .count {
    font-family: Source Han Sans;
    font-weight: 400;
    font-size: 0.1667rem !important;
    font-variation-settings: "opsz" auto;
    color: #333333;
    text-align: center;

}

.template-text .main {
    width: 6.25rem;
}

.template-text .content {
    font-size: 0.09375rem;
    font-weight: 400;
    line-height: .14583rem;
    letter-spacing: .1em;
    font-variation-settings: "opsz" auto;
    font-feature-settings: "kern" on;
    word-break: break-all;
    color: #292929;
    text-align: justify;
}

.template-text img {
    max-width: 80%;
}

/*大图轮播 + 视频播放*/
.main-photoWall {
    width: 100%;
    margin: 0 auto;
    padding: .3125rem 0
}

.main-photoWall .content {
    position: relative;
}

.main-photoWall .content .photoWall-foot {
    width: 80%;
    height: 1.66667rem;
    position: absolute;
    left: 10%;
    bottom: .0905rem;
    margin: 0 auto;
    /*background: #f1f7fc;*/
    /*z-index: -1;*/
    padding-top: 1.35417rem;
    font-family: HarmonyOS Sans SC;
    font-size: .10417rem;
    font-weight: 700;
    line-height: normal;
    text-align: center;
    color: #333;
}

.news-swiper {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 2.86458rem;
    --swiper-pagination-color: #fff;
    overflow-x: hidden
}

.news-swiper .swiper-wrapper {
    transform: translate(-.26042rem)
}

.news-swiper .swiper-wrapper .swiper-slide-active > div {
    display: block !important
}

.news-swiper .swiper-wrapper .swiper-slide {
    min-height: 2.34375rem;
    letter-spacing: 0em;
    /*cursor: pointer;*/
    text-decoration: none;
}

.news-swiper .swiper-wrapper .swiper-slide .swiper-slide-img-wrapper {
    height: 2.34375rem;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    border: 0.01rem solid #dedede;
    overflow: hidden;
}

.news-swiper .swiper-wrapper .swiper-slide .swiper-slide-img-wrapper::before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 100%;
    /*background: inherit;*/
    background-color: rgb(219 227 237 / 50%);
    backdrop-filter: blur(0.03125rem);
    -webkit-backdrop-filter: blur(0.03125rem);
    z-index: 1;
}

.news-swiper .swiper-wrapper .swiper-slide .swiper-slide-img-wrapper::after {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    /*content: "";*/
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: .1;
    z-index: 2;
}

.news-swiper .swiper-wrapper .swiper-slide .swiper-slide-label {
    display: none;
    font-family: HarmonyOS Sans SC;
    font-size: .10417rem;
    font-weight: 700;
    line-height: normal;
    text-align: center;
    color: #333;
    padding: 0.0521rem;
}

.news-swiper .swiper-wrapper .swiper-slide .swiper-slide-img-wrapper img {
    width: 100%;
    height: 100%;
    display: block;
    margin: 0 auto;
    object-fit: contain;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
}

.news-swiper .swiper-button-prev {
    position: absolute;
    bottom: .75rem;
    left: 64%;
    top: unset;
    width: .25rem;
    height: .25rem;
    border-radius: 50%;
    background: #87878780;
    color: #fff;
    font-size: .10417rem;
    border: .01042rem solid #ffffff;
    z-index: 1;
    pointer-events: visibleFill;
}

.news-swiper .swiper-button-prev:after {
    content: "";
    font-family: HarmonyOS Sans SC
}

.news-swiper .swiper-button-next {
    position: absolute;
    bottom: .75rem;
    left: 68%;
    top: unset;
    width: .25rem;
    height: .25rem;
    border-radius: 50%;
    background: #87878780;
    color: #fff;
    font-size: .10417rem;
    border: .01042rem solid #ffffff;
    z-index: 1;
    pointer-events: visibleFill;
}

.news-swiper .swiper-button-next:after {
    content: "";
    font-family: HarmonyOS Sans SC
}

.aboutUs-life-foot {
    width: 80%;
    height: 1.66667rem;
    position: absolute;
    left: 10%;
    bottom: .52083rem;
    margin: 0 auto;
    background: #f1f7fc;
    z-index: -1;
    padding-top: 1.35417rem;
    font-family: HarmonyOS Sans SC;
    font-size: .10417rem;
    font-weight: 700;
    line-height: normal;
    text-align: center;
    color: #333
}

.swiper-button-next {
    position: absolute;
    bottom: 0;
    right: 0;
    width: .3125rem;
    height: .3125rem;
    border-radius: 50%;
    background: #87878780;
    color: #fff;
    font-size: .10417rem;
    z-index: 1000;
    pointer-events: visibleFill;
}

/*图片轮播+视频播放 -- 模态框*/
.yd-video-modal {
    width: 8.33333rem;
    max-width: 8.33333rem;
    height: 4.6875rem;
    background: #fff;
    border-radius: .04167rem;
    z-index: 9999;
    position: relative;
    padding: 0;
    display: none
}

.yd-video-modal-vd {
    width: 100%;
    height: 100%;
    object-fit: fill
}

.yd-video-modal {
    z-index: 9999;
}

.video-js {
    width: 100%;
    height: 100%;
}

.blocker {
    z-index: 9999;
}

/*视频播放*/
.template-videoList .main {
    width: 6.25rem;
}

.template-video .content {
    background: #fff;
    box-shadow: 0 .05208rem .26042rem #2136701a;
    height: 2.34375rem;
    display: flex
}

.template-video .content .left-cover {
    flex: 1;
    position: relative;
    width: 4.1665rem;
    height: 2.34365rem;
}


.template-video .content .left-cover .play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 0.8rem;
    height: 0.8rem;
    background: url("/static/img/productDetail-playVideo.png") no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
}

.template-video .content .left-cover img {
    width: 100%;
    background-position: center;
    height: 100%
}

.template-video .content .right-content {
    padding: .34375rem .22396rem;
    box-sizing: border-box;
    flex: 1
}

.template-video .content .right-content .title {
    font-size: .125rem;
    margin-bottom: .26042rem;
    font-weight: 700
}

.template-video .content .right-content .desc {
    font-size: .09375rem;
    font-weight: 400;
    line-height: .15625rem;
    text-align: justify;
    letter-spacing: 0em;
    color: #909399
}

.zoom-img-wrap > img {
    /*width: unset !important;*/
    height: auto !important;
}


/*视频列表全图？*/
.template-videoList .content {
    width: 100%
}

.template-videoList .content-item {
    margin-bottom: .20833rem;
    position: relative;
}

.template-videoList .content-item .playList-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 0.8rem;
    height: 0.8rem;
    background: url("/static/img/productDetail-playVideo.png") no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
}

.template-videoList .content-item:last-child {
    margin-bottom: 0
}

.template-videoList .content-item img {
    width: 100%
}

.template-videoList .content-item .img-title {
    font-size: .125rem;
    font-weight: 400;
    line-height: normal;
    text-align: center;
    letter-spacing: 0em;
    font-feature-settings: "kern" on;
    color: #9e9e9e;
    margin-top: .10417rem
}


.template-swiper .main {
    width: 9.16667rem
}

.template-swiper .content {
    display: flex;
    align-items: center;
    gap: .09375rem
}

.template-swiper .content img {
    width: 100%;
    height: 2.70833rem
}

.template-swiper .content #button-prev, .template-swiper .content #button-next {
    width: .32292rem;
    height: .32292rem;
    opacity: 1;
    background: #e8e8e8;
    color: #002d9b;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    flex-shrink: 0;
}

.template-swiper .content #button-prev:hover, .template-swiper .content #button-next:hover {
    opacity: .7
}

.template-swiper .content .button-prev-icon {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAD/SURBVDiNnZMha0JRFMd/9/miWDRpMgmiGKyGVYNh6MIDQYa6xe0j+AVEqxq0DA3bygarC/sCG9NisQiCM2kwyL0GQXTvXbx68vn9+N97zvGhq6uaTaD4RCgnmL+NdG1CCy8ifaAAzFjaUSa3a69W6wS8wpI3OthbsIh0D+As3/dfOtgtSHYaQNEUPhbs4Edgg1KOCQxgu2CJw/Du3QQGEAfwRWWhlPcojRMAJNpNhHgAtUEKh2H1+TzBf4niml+zfziOv5eYj9H9/mSnB5RMJe5NDE4rKPUC+JHWB6lW5rwEsLuHv/AAIfKcOCafp2DyKYmnX1kHYkjqjMs/ugRbmVlgVBFxPXoAAAAASUVORK5CYII=);
    background-position: center;
    background-size: contain;
    width: .08333rem;
    height: .08333rem
}

.template-swiper .content .button-next-icon {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAEQSURBVDiNnZOxSgNBFEXPzC6YQlLodlqkTlgsBCsLWxtR3EKEgIEYLeMf5A+MZRgk5RYSgpWVkMIfENMbUNIJKQRTLDM2BndjJsx623nnMO/BFSxLRUV44pi19yqDVrJoxLPCpW6BFf0I7PBVLFPe7jMa6PkxaRWMalM8fQR8AhEfGzF7Ld9dAPB88YTU+7+STZVP8EdizgjVdT7BTIKuAgnQTEuEk2CWioqQxIAPtHk5vxKEyuSSZNN2W8EWY8Q/VjAxCB9jbhg2mu6CsHMI4i4Ng+sRtzq7aPkArKZhN0EWvmXYqKeflx8xC/cIxpfzI/YflLoFiskbhuAHPlnUSHsbJ/cJwcErEsP6+NRW52/kOGPLilrUBAAAAABJRU5ErkJggg==);
    background-position: center;
    background-size: contain;
    width: .08333rem;
    height: .08333rem
}

.template-swiper .content .swiper {
    width: 8.3333rem;
    height: 2.70833rem
}

.template-swiper .content .swiper-slide {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.template-swiper .content .swiper-slide .layer {
    width: 5.68229rem;
    height: 2.70833rem;
    opacity: 1;
    background-image: url(/static/img/product-swiper-layer.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    padding: .46875rem 1.20313rem .23958rem .38542rem
}

.template-swiper .content .swiper-slide .layer .title {
    font-size: .1875rem;
    font-weight: 700;
    line-height: .23625rem;
    text-align: justify;
    letter-spacing: 0em;
    font-variation-settings: "opsz" auto;
    font-feature-settings: "kern" on;
    color: #fff;
    margin-bottom: .28125rem
}

.template-swiper .content .swiper-slide .layer .desc {
    font-size: .09375rem;
    font-weight: 400;
    line-height: .15625rem;
    text-align: justify;
    letter-spacing: 0em;
    font-variation-settings: "opsz" auto;
    color: #fff;
}
<!--0.00012707710266113-->