body,ul{
    padding: 0;
    margin: 0;
    list-style: none;
}
/********************************
 颜色
 */
.primary-back-color{
    /*background-color: white;*/
    background-color: rgba(229,30,22,.9);
}

.black-back-color{
    background-color: rgba(0,0,0,1);
}

.gray-back-color{
    background-color: rgba(239, 239, 239, 1);
}

.white-back-color{
    background-color: rgba(255, 255, 255, 1);
}

.clear-margin-bottom{
    margin-bottom: 0;
}

.clear-margin{
    margin-left: 0px;
    margin-right: 0px;
}

.clear-padding{
    padding-left: 0px !important;
    padding-right: 0px !important;
}

a{
    text-decoration: none;
}

.a-hover-orange:hover{
    color: orangered;
}

/********************************
 flex
 */
.flex{
    display: flex;
}

.flex-1{
    flex:1
}

.flex-end{
    justify-content: flex-end;
}
.flex-column{
    flex-direction: column;
}

.justify-center{
    justify-content: center;
}

.space-between{
    justify-content: space-between;
}

.justify-end{
    justify-content: flex-end;
}

.align-item-center{
    align-items: center;
}

.align-item-strech{
    align-items: stretch;
}

.border-under-gray{
    border-bottom: 1px dotted #f2f2f2;
}

.gap-10{
    gap: 10px;
}


.gap-20{
    gap: 20px;
}





/********************************
 字体
 */
.font-primary{
    color:#E51E16;
}

.font-white{
    color: white;
}

.font-12{
    font-size: 12px;
}

.font-14{
    font-size: 14px;
}


.font-16{
    font-size: 16px;
}


.font-18{
    font-size: 18px;
}

.font-20{
    font-size: 20px;
}
.text-left{
    text-align: left;
}

.h-40{
    height: 40px;
}

.w-60{
    width: 60px;
}

.border-box{
    box-sizing: border-box;
}

.w-200{
    width: 200px;
}
.w-p100{
 width: 100%;
}

.padding-20{
    padding: 20px;
}


.padding-10{
    padding: 10px;
}

.padding-40-20{
    padding: 40px 0 20px 0;
}

.padding-30{
    padding: 30px 0px;
}

.padding-50{
    padding: 50px 0px;
}

.margin-top-20{
    margin-top: 20px;
}

.margin-bottom-0{
    margin-bottom: 0 !important;
}

.color-white{
    color: white;
}
.border-gray{
    border: 1px solid rgba(236, 236, 236, 1);
}
.color-white{
    color: white;
}
.color-blue{
    color: rgb(66, 139, 202);
}
.color-gray{
    color: rgba(102, 102, 102, 1) !important;
}
.bold{
    font-weight: bold;
}

.se-title{
    color: #333;
    font-size: 24px;
    font-weight: bold;
    line-height: 24px;
    text-align: center;
    margin-bottom: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.overflow{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.se-sub-title{
    text-align: center;
    color: #6F6F6F;
    font-size: 14px;
    line-height: 24px;
}
.se-content{
    color: #333;
    line-height: 24px;
    margin-top: 20px;
    font-size: 14px;
}
.se-border-image{
    position: relative;
    box-shadow: -5px -5px 5px 0px orange;
}

.ellipse{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

.bottom .search{
    font-size: 20px;
    font-weight: bold;

}
.bottom .search a{
    text-decoration: none;
    border-bottom: 5px solid white;
}

.bottom ul li{
    padding: 10px 0;
    border-bottom: 1px dotted rgba(255,255,255,.9);
}



.overline {
    position: relative;
    display: inline-block;
}

.overline::before {
content: '';
position: absolute;
top: -5px; /* 控制上划线与文本的距离 */
left: 10px;
width: 100%;
height: 5px;
background-color: white; /* 上划线颜色 */
}

.back-change-orange:hover{
    /*background-color: orangered;*/
    /*color: white;*/
    transform: scale(1.01);
}

@media screen and (min-width: 936px) {
    .nav-item>a{
        height: 90px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .navbar-nav{
        justify-content: flex-end;
        margin-right: 0px !important;
    }
    .se-navbar .se-navbar-menu{
        justify-content: space-between;
        align-items: center;
    }

    .se-navbar>div:first-child>span{
        font-size: 20px;
    }
    .se-navbar-menu-btn{
        display: none;
    }

    .se-navbar .se-navbar-menu .se-navbar-item{
        position: relative;
        height: 90px;
        width: 100px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .se-navbar .se-navbar-menu .se-navbar-item a{
        text-decoration: none;
        text-transform: capitalize;
        font-size: 16px;
    }


    .se-navbar .se-navbar-menu .se-navbar-item ul{
        position: absolute;
        overflow: hidden; /* 隐藏超出部分 */
        top: 90px;
        /*background-color: #E51E16;*/
        background-color: rgba(229,30,22,.9);
        color: white;
        min-width: 120%;
        white-space: nowrap;
        left: 0;
        padding: 10px;
        max-height: 0px; 
        opacity: 0;
        /* 初始高度为 0 */
        /* transform: translateY(-100%); 初始位置在顶部 */
        transition: max-height 0.5s ease-out; /* 过渡效果 */
    }

    .se-navbar .se-navbar-menu .se-navbar-item:hover{
        background-color: #f2f2f2;
    }

    .se-navbar .se-navbar-menu .se-navbar-item:hover>a{
        color: #000000;
    }

    .se-navbar .se-navbar-menu .se-navbar-item:hover>ul{
        display: block;
        z-index: 9999999;
        max-height: 900px;
        opacity: 1;
        /* 展开后的最大高度 */
    }
    .se-navbar .se-navbar-menu .se-navbar-item>ul li a{
        color: white;
    }
    .se-navbar .se-navbar-menu .se-navbar-item>ul li{
        /*margin: 5px 0;*/
        line-height: 39px;

    }
    .se-navbar .se-navbar-menu .se-navbar-item>ul>li>a:hover{
        color: #f2e7c3 !important;
    }

    .product .col:hover{
        transform: scale(1.01);
    }


    .se-left-menu li{
        padding: 10px 0;
        text-align: center;
        color: rgba(51, 51, 51, 1);;
        border-bottom: 1px solid  rgba(239, 239, 239, 1);;
    }    

    .se-left-menu li.active{
        background-color:  rgba(234, 233, 233, 1);
    }
    .about .line{
        margin: 0 20px;
        width: 1px;
        min-height: 100px;
        background-color: rgba(239, 239, 239, 1);
        align-self:stretch;
    }

    .pagination{
        display: flex;
        justify-content: center;
    }
    .pagination li{
        padding: 0 10px;
        font-size: 18px;
    }

    .menu-btn{
        display: none;
    }
    .fix-bottom-nav{
        display: none;
    }
}

@media screen and (max-width: 935px) {

    .se-navbar-sticky{
        position: sticky;
        top:0;
        background: white;
        z-index: 99999999;
    }

    .se-menu-wrap{
        position: relative;
    }
    .se-navbar-menu{
        padding-top: 30px;
        flex-direction: column;
        position: fixed;
        z-index: 999;
        background: rgba(255,255,255,.9);
        /*background-color: rgba(229,30,22,.9);*/
        right: -100%;
        opacity: 0;
        top: 0;
        width: 50%;
        height: 100vh;
        overflow-y: auto;
        transition: right .5s linear;
    }
    .show-slide{
        right: 0 !important;
        opacity: 1 !important;
        transition: right .5s linear;
    }

    .se-navbar-menu>li{
        box-sizing: border-box;
        margin: 0 10px;
        padding: 0 10px;
        line-height: 39px;
        text-align: left;
        /*border-bottom: 2px dotted #f2f2f2;*/
        border-bottom: 2px dotted rgba(229,30,22,.9);
    }

    .se-navbar-menu::-webkit-scrollbar{
        width: 2px;
    }
    /*.se-navbar-item .font-primary{*/
    /*    color: white !important;*/
    /*}*/
    /*.se-navbar-item ul a{*/
    /*    color: white;*/
    /*}*/
    .se-navbar-menu::-webkit-scrollbar-thumb{
        background: #f2f2f2;
    }
    scrollbar-thumb{
        background: #f2f2f2;
    }

    .se-navbar-item ul a{
        color:  rgba(229,30,22,.9);
    }

    .se-navbar-menu>li>a{
        font-size: 16px;
        font-weight: bold;
    }

    .se-navbar-menu>li>ul{
        padding: 5px 10px;
    }

    .se-navbar-menu-btn{
        position: absolute;
        top: 20px;
        right: 20px;
        border-bottom: none !important;
    }

    .l-menu{
        display: none;
    }
    .line{
        display: none;
    }

    .bottom-nav-list{
        display: none;
    }

    .fix-bottom-nav{
        box-sizing: border-box;
        /*background: #2c73d2;*/
        /*background: #845ec2;*/
        /*background: #00c9a7;*/
        /*background: #ff6f91;*/
        /*background: #ff9671;*/
        background: white;
        box-shadow: 0 1px 2px 3px #f2f2f2;
        padding: 0 10px;
        padding-top: 10px;
        position: fixed;
        bottom: 0;
        width: 100%;
    }
    .fix-bottom-nav img{
        width: 30px;
        height: 30px;
    }

    .fix-bottom-nav p{
        color: black;
        font-size: 13px;
    }

    .bottom-nav{
        padding-bottom: 100px;
    }


}