@media only screen and (max-width: 1100px){
    html {
        font-size: 16px;
    }
    body{
        margin:0;
        padding:0;
    }

    @font-face {
        font-family: "iconfont"; /* Project id 4937155 */
        src: url('../font/iconfont.woff2?t=1748697284068') format('woff2'),
        url('../font/iconfont.woff?t=1748697284068') format('woff'),
        url('../font/iconfont.ttf?t=1748697284068') format('truetype');
    }

    img{
        width: 100%;
        overflow: hidden;
    }
    a{
        text-decoration: none;
    }

    .hide{
        display:none;
    }

    .bg-white{
        background: #FFFFFF;
    }
    .container{
        width:80%;
        margin:auto;
    }
    .header{
        display:none;
        width:100%;
        box-sizing: border-box;
        box-shadow: 0 0 0.9375rem rgb(0 0 0 / 20%);
    }
    .mobileHeader{
        display:block;
        width:100%;
        z-index:99999;
        box-sizing: border-box;
        box-shadow: 0 0 0.9375rem rgb(0 0 0 / 20%);

    }
    .mobileHeaderMain{
        width:95%;
        padding:0.625rem 0rem;
        box-sizing: border-box;
        margin:auto;
        display:flex;

        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }
    .mobileHeaderList{
        display:none;
        flex-direction: column;
    }

    .languageHeaderList{
        display:none;
        flex-direction: column;
    }
    .mobileHeaderItem{
        height:2.5rem;
        border-bottom:0.0625rem solid #dedede;
        display: flex;
        font-size: 0.875rem;
        flex-direction: column;
        justify-content: center;
        padding: 0 1.25rem;
        color:#000000;

    }
    .listIcon{
        width: 1.25rem;
        height: 1.25rem;
    }
    .heartIcon{
        width: 1.25rem;
        height: 1.25rem;
    }
    .header_fix{
        position: fixed;
        top:0;
        left:0;
        z-index:99999;
    }
    .header_nav{
        margin:auto;
        width:80%;
        height:5.625rem;
        display:flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }
    .logo{
        height:3.125rem
    }
    .navList{
        display:flex;
        flex-direction: row;
        flex: 1;
        justify-content:flex-end;
    }
    .navItem{
        width:8.125rem;
        height: 5.625rem;
        display:flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        position: relative;
        cursor: pointer;
        color:#000000;
    }
    .navItem>a{
        color:#000000;

    }
    .navItem:hover{
        background: red;
        color:#FFFFFF;
    }
    .navItem:hover>a{
        background: #ed312f;
        color:#FFFFFF;
    }
    .navCheckIcon{
        display: none;
    }

    .navChildList{
        position: absolute;
        top:5.625rem;
        left:0;
        background: #FFFFFF;
        width: 8.125rem;
        color:#000000;
        text-align: center;
        opacity: 0;
        transition: opacity 0.3s;
        pointer-events: none;
        z-index: 999;
    }
    .navItem:hover .navChildList{
        display:block;
        opacity: 1;
        pointer-events: auto;
    }
    .navChildItem{
        display:block;
        color: #000000;
        width: 8.125rem;
        line-height: 2.5rem;
        font-size: 0.875rem;
        cursor: pointer;
        height: 2.5rem;
    }

    .navChildItem:hover{
        color: #ed312f;
    }

    .changeLanguage{
        font-size: 0.875rem;
        margin-left:3.125rem;
        color:#222222
    }
    .changeLanguage>a{
        color:#222222
    }
    .swiper-container {
        width: 100%;
        height: 11.25rem;
    }
    .swiper-view{
        position: relative;
    }
    .swiper-text{
        position: absolute;
        color:#FFFFFF;
        z-index:999;
        margin: auto;
        top:30%;
        left:10%;
        font-size: 0.875rem;
        font-weight: bold;
    }
    .indexNumber{
        font-size:3.125rem;
        font-weight: bold;
        color:#ed312f;
    }
    .copyright{
        width:100%;
        background:#262626;
        color:#A9A9A9;
        height: 3.75rem;
        line-height: 3.75rem;
        font-size: 0.875rem;
        text-align: center;
    }
    .footer_container{
        width:100%;
        margin:auto;
        display:flex;
        flex-direction: column;
    }
    .icp{
        background:#262626;
        color:#A9A9A9;
        text-align: center;
        margin-left:0;
    }

    .footer{
        height: auto;
        overflow: hidden;
        background-image:url("https://omo-oss-image1.thefastimg.com/portal-saas/new2023053118575907006/cms/image/590cd78f-1402-4d28-9fce-0081b23befa9.jpg");
    }

    .footer_item{

        flex:1;
        color:#FFFFFF;
        padding:0 1.25rem;
        box-sizing: border-box;
        margin:1.25rem 0;
    }
    .footer_item_title{
        color:rgba(255,255,255,0.5);
    }
    .footer_nav_list{
        display: flex;
        flex-direction: column;
        margin-top:1.25rem;
        line-height: 200%;
        font-size: 0.875rem;
    }
    .footer_nav{
        display:block;
        overflow: hidden;
        color:#FFFFFF;
    }
    .footer_nav:hover{
        color:#ed312f;
    }
    .service-container{
        background: rgba(17,22,34,1);
        background-image: url("../img/serviceBg.png");
        background-repeat: no-repeat;
        position: relative;
    }
    .service-container-title{
        padding-top:1.875rem;
        font-size: 3.125rem;
        font-weight: bold;
        color:#FFFFFF;
    }
    .service-container-sTitle{
        font-size:1.25rem;
        color:#FFFFFF;
        line-height: 300%;
    }
    .service-logo-container{
        overflow: hidden;
        width: 100%;
        padding:1.25rem 0;
        position: relative;
        height: 6.25rem;
    }
    .service-logo-track{
        display: flex;
        position: absolute;
        left:0;
        top:50%;
        transform: translateY(-50%);
        will-change: left; /* 优化动画性能 */
        backface-visibility: hidden; /* 防止闪烁 */
        min-width: max-content; /* 确保轨道足够宽 */
    }

    .service-logo-item{
        flex-shrink: 0;
        margin:0 1.25rem;
        transition: all 0.3s;
        background: #FFFFFF;
        width:9.0625rem;
        height:4.6875rem;
        border-radius: 0.9375rem;
        display:flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }
    .service-logo-item img{
        filter: none;
        opacity: 1;
        transform: scale(1.1);
        width: 8.125rem;
    }
    .new-container-nav{
        display:none;
        flex-direction: row;
        height: 3.125rem;
        align-items: center;
        justify-content: space-between;
        margin-bottom:2.5rem;
    }
    .red-block{
        width:4.375rem;
        height:3.125rem;
        overflow: hidden;
        display: block;
        background: #ed312f;
    }
    .container-title{
        font-size:1.875rem;
        flex: 1;
        padding-left: 0.625rem;
        font-weight: bold;
        color: #222222;
    }


    .new-container-nav-showMore{
        background: #ed312f;
        height:3.125rem;
        padding:0 1.875rem;
        line-height: 3.125rem;
        color: #FFFFFF;
        font-size: 0.875rem;
        display:none;
    }

    .padding-top-bottom-30{
        padding:1.875rem 0;
    }

    .padding-top-bottom-50{
        padding:3.125rem 0;
    }

    .padding-top-80{
        padding-top:5rem;
    }

    .margin-top-50{
        margin-top:3.125rem;
    }
    .margin-top-20{
        margin-top:1.25rem;
    }
    .margin-top-80{
        margin-top:5rem;
    }
    .margin-bottom-50{
        margin-bottom:3.125rem;
    }
    .margin-bottom-20{
        margin-bottom:1.25rem;
    }
    .padding-bottom-80{
        padding-bottom:5rem;
    }

    .margin-bottom-80{
        margin-bottom:5rem;
    }
    .companyImg{
        display:none;
    }
    .new-index-container{
        display: none;
        flex-direction: row;
    }

    .new-index-img-container{
        flex:1;
    }
    .new-index-list{
        flex:1;
        padding-left:3.125rem;
        box-sizing: border-box;
    }
    .new-index-img-info{
        display:flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }
    .new-index-title{
        white-space: nowrap; /* 强制不换行 */
        overflow: hidden;    /* 隐藏溢出部分 */
        text-overflow: ellipsis; /* 溢出时显示省略号，可选 */
        display:block;
        font-size: 1.625rem;
        line-height: 200%;
        border-bottom:0.0625rem solid #dedede;
    }
    .new-index-list-title{
        white-space: nowrap; /* 强制不换行 */
        overflow: hidden;    /* 隐藏溢出部分 */
        text-overflow: ellipsis; /* 溢出时显示省略号，可选 */
        display:block;
        font-size: 1.25rem;
        line-height: 300%;
        border-bottom:0.0625rem solid #dedede;
    }
    .new-index-item{
        background: rgba(247,247,247,1);
        padding: 1.875rem;
        box-sizing: border-box;
        margin-bottom:1.875rem;
    }
    .new-index-item:hover{
        background: #ed312f;
        color:#FFFFFF;
    }
    .new-index-showMore{
        margin-top:0.625rem;
        font-size: 0.875rem;
        color:#000000;
    }
    .new-index-time{
        font-size: 1.875rem;
        font-weight:bold;
    }
    .color-red{
        color:#ed312f;
    }
    .new-index-desc{
        line-height: 200%;
        font-size: 0.875rem;
        color:#6c757d;
    }

    .index-product-list{
        display:flex;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .index-product-item{
        flex:100%;
        margin-right:0rem;
        margin-bottom:1.25rem;
        box-sizing: border-box;
        overflow: hidden;
        position: relative;
    }
    .index-product-item::after {

        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(255, 0, 0, 0.6); /* 红色遮罩，透明度30% */
        opacity: 0;
        transition: opacity 0.3s ease;
    }
    .index-product-item:hover::after {
        opacity: 1;
    }
    .index-product-item img{
        width: 100%;
        height: 100%;
    }
    .index-product-title{
        position: absolute;
        left:50%;
        top:50%;
        z-index:999;
        transform: translateX(-50%) translateY(-50%);
        color:#FFFFFF;
        font-size: 1.875rem;
    }

    .red-view{
        flex:1;
        background: #ed312f;
        position: absolute;
        left: 0;
        top:0;
        width: 100%;
        height: 100%;
    }
    .index-fanan{
        display:none;
        flex-direction: row;
        height: 25rem;
    }
    .index-fanan-item{
        flex:1;
        position: relative;
        overflow: hidden;
    }
    .index-fanan-info{
        position: absolute;
        width: 100%;
        left: 50%;
        top:50%;
        color:#FFFFFF;
        transform: translateX(-50%) translateY(-50%);
        display:flex;
        flex-direction: column;
        align-items: center;
    }
    .index-fanan-title{
        font-size: 1.875rem;
    }
    .index-fanan-viewmore{
        border:0.0625rem solid #FFFFFF;
        padding:0.625rem 1.25rem;
        margin-top:1.25rem;
        font-size: 0.875rem;
        color:#FFFFFF;
    }
    .index-fanan-item:hover{
        cursor: pointer;
    }
    .index-fanan-item:hover .index-fanan-title{
        /*color:#ed312f;*/
    }
    .index-fanan-item:hover .index-fanan-viewmore{
        background: #ed312f;
        border:0.0625rem solid #ed312f;
    }
    .index-company{
        background-image: url("https://omo-oss-image1.thefastimg.com/portal-saas/sop_tp_2022021500021/cms/image/3e79c31b-b903-4c89-a9fa-fa68cfcbbcd6.jpg");
    }
    .index-companyInfo{
        display:flex;
        flex-direction: row;
        justify-content: space-between;
    }
    .index-companyName{
        display:flex;
        flex-direction: row;
    }
    .companyName{
        font-size: 1.875rem;
        font-weight: bold;
        margin-left:1.25rem;
    }
    .index_companyDesc{
        padding:1.875rem 1.875rem 0 0;
        box-sizing: border-box;
        font-size: 1.125rem;
    }
    .index-company-showMore{
        display: inline-block;
        border:0.0625rem solid #ed312f;
        padding:0.625rem 1.25rem;
        background: #ed312f;
        margin-top:1.25rem;
        color: #FFFFFF;
        font-size: 0.875rem;
    }

    .rightFix{
        position: fixed;
        right: 0;
        top:18.75rem;
        background: #ed312f;
        z-index:1000;
    }
    .callPhone{
        position: fixed;
        right: 0;
        top:18.75rem;
        display:flex;
        flex-direction: row;
    }
    .callPhoneImg{
        background: #ed312f;
        width: 3.125rem;
        height: 3.125rem;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }
    .callPhoneImg>img{
        width: 1.5625rem;
        height: 1.5625rem;
        display: block;
    }
    .callPhone:hover .callPhoneInfo{
        display: block;
    }
    .callPhoneInfo{
        background: #222222;
        color: #FFFFFF;
        line-height: 3.125rem;
        font-size: 0.875rem;
        padding:0 1.25rem;
        display:none;
    }


    .Email{
        position: fixed;
        right: 0;
        top:21.875rem;
        display:flex;
        flex-direction: row;
    }
    .EmailImg{
        background: #ed312f;
        width: 3.125rem;
        height: 3.125rem;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }
    .EmailImg>img{
        width: 1.25rem;
        height: 1.25rem;
        display: block;
    }
    .Email:hover .EmailInfo{
        display: block;
    }
    .EmailInfo{
        background: #222222;
        color: #FFFFFF;
        line-height: 3.125rem;
        font-size: 0.875rem;
        padding:0 1.25rem;
        display:none;
    }
    .breadcrumb{
        font-size: 0.875rem;
    }
    .breadcrumb-nav-main{
        display:none;
        height: auto;
        /*background: red;*/
        /*background: rgba(245,245,245,1);*/
    }
    .bg-ash{
        background: rgba(245,245,245,1);
    }
    .breadcrumb-nav{
        display:flex;
        height: auto;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
    }

    .category{
        flex:1;
        display:flex;
        flex-direction: row;
    }


    .breadcrumb{
        display:flex;
        flex-direction: row;
    }

    .category-item{
        border:0.0625rem solid #dedede;
        background: #FFFFFF;
        margin-right:1.25rem;
        padding:0.625rem 1.875rem;
        display: block;
        overflow: hidden;
        font-size: 0.875rem;
        cursor: pointer;
        color: #000000;
    }
    .category-item-active{
        background: #ed312f;
        border: 0.0625rem solid #ed312f;
        color: #FFFFFF;
    }
    .category-item:hover{
        background: #ed312f;
        border: 0.0625rem solid #ed312f;
        color: #FFFFFF;
    }
    .home_icon{
        margin-right:0.625rem;
    }
    .home_icon>img{
        width: 1.125rem;
        height: 1.125rem;
        display: block;
    }

    .breadcrumb_nav{
        color:#6c757d;
    }

    .breadcrumb_nav>a{
        color:#6c757d;
        margin-right:0.375rem;
    }

    .breadcrumb_nav>span{
        color:#6c757d;
        margin-right:0.375rem;
    }

    .breadcrumb_nav>a:hover{
        color:#ed312f;
    }

    .page_nav{
        display:flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        height: 5rem;
    }
    .prev_next{
        color:#222222;
        height:1.875rem;
        text-align: center;
        line-height: 1.875rem;
        font-size: 0.875rem;
        margin-right: 0.625rem;
        cursor: pointer;
    }
    .page_item{
        width:1.875rem;
        height:1.875rem;
        border-radius: 100%;
        text-align: center;
        line-height: 1.875rem;
        font-size: 0.875rem;
        margin-right: 0.625rem;
    }
    .page_item:hover{
        background: #ed312f;
        color: #FFFFFF;
        cursor: pointer;
    }
    .prev_next:hover{
        color:#ed312f;
    }
    .page_item_active{
        background: #ed312f;
        color: #FFFFFF;
    }

    .new-item{
        display:flex;
        flex-direction: row;
        background: #f5f5f5;
        padding:1.875rem 0;
    }
    .new-info{
        flex:1;
        padding-left: 1.875rem;
    }
    .new-title{
        font-size: 1.625rem;
        color:#222222;
        font-weight: bold;
    }
    .new-desc{
        font-size: 1rem;
        margin-top:1.25rem;
        color:rgba(119,119,119,1);
    }
    .new-item:hover .new-times{
        color: #ed312f;
    }

    .new-item:hover .new-title{
        color: #ed312f;

    }
    .new-times{
        color:#222222;
        display:flex;
        flex-direction: column;
        align-items: center;
        height: 100%;
        padding:0 1.875rem;
    }
    .new-days{
        font-size: 3.125rem;
        font-weight: bold;
    }

    .solution-list{
        display:flex;
        flex-direction: column;
        flex-wrap: wrap;
    }

    .solution-item{
        flex:1;
        overflow: hidden;
        padding-right:0rem;
        box-sizing: border-box;
        margin-top:1.25rem;
        color: #000000;
        display:flex;
        flex-direction: column;
    }

    .solution-item-img{
        width:100%;
        overflow:hidden;
    }
    .solution-item-img>img{
        width: 100%;
        overflow:hidden;
    }

    .solution-item-title{
        margin-top:1.25rem;
    }

    .new-detail-main{
        display:flex;
        flex-direction: row;
        width:90%!important;
        padding-top:1.25rem!important;
        padding-bottom:1.25rem!important;
    }

    .content{
        flex:1;
        overflow: hidden;
        margin-right:0rem;
        padding:1.25rem;
        box-sizing: border-box;
    }
    .content-title{
        font-size:1.875rem;
        font-weight: bold;
        color: #222222;
    }
    .content-time{
        margin-top:1.25rem;
    }
    .hr-ash{
        height: 0.125rem;
        border: none;
    }
    .content-main{
        margin-top:2.5rem;
    }
    .new-detail-more-list{
        display:none;
        width:25rem;
        padding:1.875rem;
    }
    .new-detail-more-list-title{
        font-size: 1.25rem;
    }

    .new-detail-more-news-item{
        border-bottom:0.0625rem solid #dedede;
        padding-bottom:1.25rem;
        margin-top:1.25rem;
        display: block;
    }
    .new-detail-more-news-item-title{
        color:#000000;
    }
    .new-detail-more-news-item-time{
        color:#6c757d;
        font-size: 0.875rem;
    }

    .new-detail-more-news-item-img>img{
        width: 100%;
        display: block;
    }

    .product-container{
        width:90% !important;
        padding:1.25rem 0rem!important;
        display:flex;
        flex-direction: row;
    }

    .product-category{
        display:none;
        width:20rem;
    }

    .product-category-top{
        background: #ed312f;
        height: 5rem;
        box-sizing: border-box;
        line-height: 5rem;
        font-size: 1.875rem;
        font-weight: bold;
        color:#FFFFFF;
        padding-left: 1.25rem;
    }

    .product-main-list{
        flex:1;
        margin-left:0rem;
    }

    .product-category-item-main{
        height: 3.75rem;
        line-height: 3.75rem;
        padding-left:1.25rem;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        border-bottom:0.0625rem solid #ebebeb
    }
    .product-category-item-main>a{
        color:#000000;
    }
    .product-category-item-main_active{
        border-bottom:0.0625rem solid #ed312f;
        color: #ed312f;
    }
    .product-category-item-open{
        width: 2.5rem;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        border-left:0.0625rem solid #ebebeb;
    }

    .product-category-item-open-active{
        background: #ed312f;
        color: #FFFFFF;
    }

    .product-category-item-arrow {
        width: 1.25rem;
        line-height: 3.75rem;
        color:#222222;
    }

    .product-category-item-arrow::after {
        font-family: "iconfont";
        content: '\e685';
        font-size:1.25rem;

    }

    .product-category-item-open-active .product-category-item-arrow::after {
        font-family: "iconfont";
        content: '\e687';
        font-size:1.25rem;
        color:#FFFFFF;

    }

    .product-category-item-chile-list{

    }

    .childCategoryDiv{
        display:none;
    }

    .product-main-list-main{
        height: 3.75rem;
        display:flex;
        flex-direction: row;
        align-items: center;
        padding-right:1.25rem;
        box-sizing: border-box;
        justify-content: space-between;
    }
    .category-name{
        background: #ed312f;
        color: #FFFFFF;
        height: 3.75rem;
        display:flex;
        flex-direction: row;
        align-items: center;
        padding: 0 1.25rem;
        box-sizing: border-box;
    }
    .product-main-list-product{
        display:flex;
        flex-direction: row;
        flex-wrap: wrap;
        padding-left:1.25rem;
        padding-bottom:3.125rem;
    }

    .product-item{
        width:100%;
        display:flex;
        flex-direction: column;
        align-items: center;
        overflow: hidden;
        margin-top:1.875rem;
        margin-right:1.875rem;
        border:0.0625rem solid #FFFFFF;
    }
    .product-item>div{
        color:#222222;
    }
    .product-item:hover{
        border:0.0625rem solid #ed312f;
    }

    .product-item-img>img{
        width: 100%;
    }

    .contact_main{
        display:flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .companyMoreInfo{
        margin-top:1.25rem;
    }

    #map{
        margin-top:1.25rem;
        width: 100%;
        height: 25rem;
    }

    .job_item{
        padding: 1.875rem;
        margin-bottom:1.25rem;
    }
    .job_name{
        display:flex;
        flex-direction: row;
        justify-content: space-between;
    }
    .job_main{
        display:flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .job_main>div{
        flex:1;
        color:#6c757d;
    }
    .job_name_title{
        font-size: 1.25rem;

    }

    .leaveMessageInput{
        width: 45%;
        float:left;
        margin-right:5%;
        margin-top:1.25rem;
    }

    .leaveMessageInput>input{
        width: 100%;
        height: 2.1875rem;
        line-height: 2.1875rem;
        padding:0 0.625rem;
        box-sizing: border-box;
    }

    .leaveMessageArea{
        width:100%;
        margin-top:1.25rem;
    }

    .leaveMessageArea>textarea{
        width:95%;
        height:18.75rem;
        margin-top:1.25rem;
        padding: 0.625rem;
        box-sizing: border-box;

    }
    .subLeaveMessage{
        margin-top: 1.25rem;
        width:95%;
        height: 2.5rem;
        background: #ed312f;
        color: #FFFFFF;
        text-align: center;
        line-height: 2.5rem;
    }
    .product-main{
        display:flex;
        flex-direction: column;
        padding:1.25rem;box-sizing: border-box
    }
    .product-main-img-div{
        width:100%;height:auto;overflow: hidden;border:0.0625rem solid #dedede;
    }

    .product-main-info-div{
        flex:1;
        padding-left:0rem;
        box-sizing: border-box
    }
    .product-main-info-title{
        font-size:1.5rem;font-weight: bold
    }
    .product-main-info-desc{
        margin-top:1.25rem;color:rgba(119,119,119,1)
    }
    .product-main-btn-div{
        display:flex;flex-direction: row;margin-top:1.25rem;
    }

    .product-main-btn-price{
        width:12.5rem;height:3.375rem;background: #ed312f;color:#FFFFFF;text-align: center;line-height: 3.375rem;margin-right:1.25rem;
    }
    .product-main-btn-more{
        width:12.5rem;height:3.375rem;background: #212529;color:#FFFFFF;text-align: center;line-height: 3.375rem;
    }

    .product-content{
        box-sizing: border-box;padding:2.5rem;margin-top:1.25rem;
    }
    .product-content-title-div{
        border-bottom:0.0625rem solid #dedede;height:3.375rem;
    }
    .product-content-title{
        width:12.5rem;height:3.375rem;
        line-height:3.375rem;background: #ed312f;color:#FFFFFF;text-align:center;display:block;
    }
    .product-detail-more{
        margin-top:1.25rem;padding:2.5rem;box-sizing: border-box
    }
    .product-detail-more-list{
        display:flex;
        flex-direction: column;
    }
    .product-prev-next{
        margin-top:1.25rem;
        display:flex;
        flex-direction: column;
        justify-content: space-between;
        height: auto;
        padding: 0 1.25rem;
        line-height: 2.5rem;
        box-sizing: border-box;
    }

    .product-prev-next>div>a{
        color:#000000;
    }

    .product-prev-next>div>a:hover{
        color:#ed312f;
    }

    .history-item{
        display:flex;flex-direction: row;min-height: 9.375rem;
    }
    .history-item-left{
        display:none;
        width:18.75rem;border-right: 0.0625rem solid #dedede;
    }
    .history-item-right{
        flex:1;display:flex;flex-direction: column;justify-content: flex-start;padding-left:1.25rem;position: relative
    }

    .history-item-year{
        display:none;margin:auto;
        width:12.5rem;background: #ed312f;height: 3.375rem;text-align: center;line-height: 3.375rem;color:#FFFFFF;
    }

    .history-item-point{
        width: 0.625rem;height:0.625rem;border-radius: 100%;background: #ed312f;position: absolute;left:-0.3125rem;top:0.75rem;
    }

    .history-item-title{
        font-weight: bold;font-size: 1.5rem;
    }

    .history-item-desc{
        color: #6c757d;margin-top:1.25rem;
    }
}