@font-face {
    font-family: 'SourceHanSerifSC-Heavy';
    /*src: url('../font/SourceHanSerifSC-Heavy.ttf') format('truetype');*/
    src: url('/static/font/SourceHanSerifSC-Heavy.woff2') format('woff2'),
    url('/static/font/SourceHanSerifSC-Heavy.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

:root {
    font-size: calc(100vw / 1920 * 16);
}

body {
    color: #282828;
}

section {
    max-height: 100vh;
}

.swiper-button-next-bg {
    position: absolute;
    height: 100%;
    top: 0;
    z-index: 10;
    right: 0;
    width: 5%;
    background: url("/static/index/images/next_2.png") no-repeat;
    background-size: 100% 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.my-swiper-button-next {
    background-image: url('/static/index/images/next.png');
    background-size: cover;
    background-repeat: no-repeat;
    width: 3.125rem;
    height: 3.125rem;
    cursor: pointer;
}

.my-about,
.my-about div {
    box-sizing: border-box;
}

.my-about {
    width: 100%;
    padding: 5rem 12.5rem;
    background-color: #f9f9f9;
    position: relative;
}

.my-about-main {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.my-about-left {
    padding: 3.125rem 0;
    width: 40%;
}

.my-about-left-title {
    font-family: 'SourceHanSerifSC-Heavy', monospace;
    font-size: 4.125rem;
    line-height: 4.875rem;
    color: #d6d6d6;
    letter-spacing: .1875rem;
    font-weight: bold;
    font-style: italic;
}

.my-about-left-subtitle {
    font-size: 1.75rem;
    line-height: 3.375rem;
    margin-bottom: 2.5rem;
}

.my-about-left-intr {
    font-size: 1.125rem;
    line-height: 1.9375rem;
    letter-spacing: .0625rem;

}

.my-about-right {
    width: 43%;
}

.my-about-right img {
    width: 100%;
}

.my-about-float {
    position: absolute;
    left: 12.5rem;
    bottom: 10rem;
    width: 70%;
}

.my-about-float-list {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #fff;
    border-radius: 1rem;
}

.my-about-float-item {
    width: 33.3%;
    color: #282828;
    padding: 1.875rem 4.0625rem;
    text-align: center;
}

.my-about-float-item:first-child {
    color: #fff !important;
    background-color: #ea493f !important;
    border-radius: 1rem;
}

.about-item-icon {
    max-width: 3.75rem;
    height: 3.125rem;
    margin: 1.25rem auto;
}

.about-item-icon img {
    width: 100%;
}

.about-item-titlte {
    font-size: 1.5rem;
    margin-bottom: 1.25rem;
}

.about-item-intr {
    font-size: 1rem;
    line-height: 1.875rem;
}


.my-product {
    width: 100%;
    padding: 7.5rem 12.5rem;
    color: #282828;
}

.my-product-title {
    text-align: center;
    font-weight: bold;
    margin-bottom: 3.75rem;
    font-size: 3.375rem;

}

.my-product-list {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.my-product-item {
    width: 25%;
    padding: .625rem;
    color: #fff;
    position: relative;
}

.my-product-item:nth-child(-n + 3):after {
    content: '';
    position: absolute;
    bottom: 1.5625rem;
    right: 0;
    transform: translateX(50%);
    width: 3.125rem;
    height: 3.125rem;
    border-radius: 50%;
    background-color: #fff;
    z-index: 2;
    background-image: url("/static/index/images/right.png");
    background-repeat: no-repeat;
    background-size: 40%;
    background-position: 1rem;
}

.my-product-item-box {
    width: 100%;
    border-radius: 1rem;
    padding: 2.5rem;
}

.my-product-item:nth-child(1) .my-product-item-box {
    background: url("/static/index/images/p_item_1.png") no-repeat;
    background-size: cover;
}

.my-product-item:nth-child(2) .my-product-item-box {
    background: url("/static/index/images/p_item_2.png") no-repeat;
    background-size: cover;
}

.my-product-item:nth-child(3) .my-product-item-box {
    background-color: #ea493f;
}

.my-product-item:nth-child(4) .my-product-item-box {
    background: url("/static/index/images/p_item_3.png") no-repeat;
    background-size: cover;
}

.my-product-item-name {
    margin-top: 3.75rem;
    font-size: 1rem;
    line-height: 1.625rem;
}

.my-product-item-title {
    font-size: 1.625rem;
}

.my-product-item-icon {
    font-size: 1.875rem;
    margin: 1.875rem 0 5rem;
}

.my-product-item-intr {
    font-size: 1rem;
    line-height: 1.75rem;
    margin-bottom: 3.75rem;
    min-height: 7rem;
}

.my-product-item-skip span {
    display: inline-block;
    border-radius: 1rem;
    border: #fff .0625rem solid;
    padding: .25rem 1rem;
    cursor: pointer;
}


.my-service {
    width: 100%;
    padding: 7.5rem 12.5rem;
    background-color: #ea493f;
    color: #fff;
}

.my-service-main {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.my-service-main-left {
    width: 50%;
}

.my-service-main-label {
    width: 9.6875rem;
    height: 2.625rem;
    background-color: #fff;
    border-radius: 2rem 0;
    text-align: center;
    line-height: 2.625rem;
    color: #ea493f;
    font-size: 1.25rem;
    margin-bottom: 1.25rem;
}

.my-service-main-title {
    font-size: 3.75rem;
}

.my-service-main-der {
    width: 2.5rem;
    height: .25rem;
    background-color: #fff;
    border-radius: .25rem;
    margin: 2.5rem 0 5rem;
}

.my-service-main-subtitle {
    font-size: 1rem;
    line-height: 1.875rem;
}

.my-service-main-right {
    /*width: 50%;*/
}

.my-service-main-right-item {
    margin-bottom: 3.125rem;
}

.my-service-main-right-logo {
    width: 4.6875rem;
    height: 4.0625rem;
    margin: 0 auto;
}

.my-service-main-right-logo img {
    height: 100%;
}

.my-service-main-right-name {
    margin-top: 1rem;
}

.my-service-main-right-name span {
    display: inline-block;
    padding: .375rem 1rem;
    border: #fff .0625rem solid;
    border-radius: 2.5rem;
}

.my-service-tag {
    margin-top: 6.25rem;
    display: flex;
    justify-content: space-between;
}

.my-service-tag-item {
    /*width: 25%;*/
}

.my-service-tag-num {
    font-size: 5.625rem;
}

.my-service-tag-n {
    font-weight: bold;
}

.padding-r-10p {
    padding-right: .625rem;
}

.my-service-tag-unit {
    font-size: 2.375rem;
}

.my-service-tag-sign {
    font-size: 3.375rem;
    display: inline-block;
}

.my-service-tag-name {
    font-size: 1.125rem;
}


.my-doc {
    width: 100%;
    padding: 9.375rem 6.25rem 6.25rem 12.5rem;
    background: url("/static/index/images/doc_bg.png") no-repeat;
    background-size: cover;
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-template-rows: auto;
    gap: .625rem; /* 间距 */
}

.my-doc-left {

}

.my-doc-header {
    margin-bottom: 18.75rem;
}

.my-doc-eng {
    font-size: 4.125rem;
    color: #ea493f;
    font-weight: bold;
    font-family: 'SourceHanSerifSC-Heavy', monospace;
    font-style: italic;
    letter-spacing: .125rem;
    line-height: 4.125rem;
}

.my-doc-border {
    margin: 1.25rem 0;
}

.my-doc-border span {
    background-color: #ea493f;
    border-radius: .25rem;
    height: .25rem;
    display: inline-block;
}

.my-doc-border span:first-child {
    width: 3.125rem;
}

.my-doc-border span:nth-child(2) {
    width: .3125rem;
    margin-left: .625rem;
}

.my-doc-title {
    font-size: 1.875rem;
    font-weight: bold;
}

.my-doc-other {

}

.my-doc-more {
    font-size: 1rem;
}

.my-doc-check {
    display: flex;
    align-items: center;
    margin-top: 1.25rem;
}

.my-doc-check-add {
    font-size: 2.25rem;
    text-align: center;
    width: 2.625rem;
    height: 2.625rem;
    border-radius: 50%;
    line-height: 2.625rem;
    color: #fff;
    background-color: #ea493f;
    margin-right: .625rem;
}

.my-doc-check-txt {
    font-size: 1.625rem;
    font-weight: bold;
    color: #ea493f;
}

.my-doc-right {

}

.doc-list {
    display: grid;
    grid-template-columns: 1fr 1fr; /* 两列等分 */
    grid-template-rows: auto auto auto; /* 三行高度自适应 */
    grid-row-gap: 1.25rem; /* 行间距 */
    grid-column-gap: .9375rem; /* 列间距 */
}

.doc-item {
    display: flex;
    justify-content: space-between;
    background-color: #fff;
    border-radius: 1rem;
    padding: 1.5625rem 1.5625rem 1.5625rem 1.25rem;
    cursor: pointer;
}

.doc-item-pic {
    padding: 1.25rem 1.25rem 1.25rem 0;
}

.doc-item-pic img {

}

.doc-item-content {

}

.doc-item-title {
    font-size: 1.625rem;
    margin-bottom: .625rem;
}

.doc-item-intr {
    font-size: .875rem;
    line-height: 1.5rem;
}


.choose-us {
    width: 100%;
    padding: 6.25rem 12.5rem;
}

.choose-us-header {
    display: flex;
    justify-content: center;
}

.choose-us-label span {
    display: inline-block;
    font-size: 1rem;
    padding: .125rem 1.25rem;
    border-radius: 2rem 1rem 1rem 0 /  2rem 1rem 1rem 0;
    background-color: #ea493f;
    color: #fff;
    position: relative;
    z-index: 1;
}

.choose-us-label {
    position: relative;
    z-index: 1;
    margin-bottom: -0.625rem;
}

.choose-us-label::before {
    content: '';
    position: absolute;
    top: .875rem;
    height: 1.625rem;
    width: .75rem;
    z-index: 0;
    border-radius: 1.25rem 0 0 .9375rem /  1.25rem 0 0 .9375rem;
    background: linear-gradient(to top, #ffbdb9 0%, #d92318 30%);
}

.choose-us-title {
    font-size: 4.0625rem;
    padding: 0 1.125rem;
    letter-spacing: .375rem;
}

.choose-us-title span:first-child {
    color: #ea493f;
}

.choose-us-content {
    display: flex;
    justify-content: space-between;
    padding: 2.5rem 1.25rem;
    margin-top: 6.25rem;
}

.choose-us-item {
    padding: 0 5rem;
    text-align: center;
}

.choose-us-item-logo {
    width: 5.9375rem;
    height: 5.9375rem;
    margin: 0 auto;
}

.choose-us-item-logo img {
    height: 100%;
}

.choose-us-item-title {
    font-size: 1.5rem;
    margin: 2.5rem 0;
}

.choose-us-item-intr {
    font-size: .9375rem;
    line-height: 1.625rem;
    max-width: 15rem;
}

.choose-us-footer {
    margin-top: 5rem;
    display: flex;
    justify-content: center;

}

.choose-us-footer-bnt {
    /*width:  11.5625rem;*/
    margin: 0 auto;
    padding: .25rem 1rem;
    border-radius: 1.375rem;
    background-color: #ea493f;
    font-size: 1.25rem;
    color: #fff;
    letter-spacing: .375rem;
    text-align: center;
    cursor: pointer;
}