.wrapwid{
    max-width: 1920px;
    margin: auto;
}

.wrap {
    width: 1500px;
    max-width: 1500px;
    margin: auto;
}


.pcword{
    display: block;
}
.appword{
    display: none;
}

.head-no{
    width: 100%;
    height: 110px;
}


.head-box{
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 99;
    background-color: var(--color-red);
}


.headb-cnt{
    background-color: var(--color-red);
    padding: 20px 0;
}

.headb-ctbx{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.headb-ctble{
    display: flex;
    align-items: center;
}
.headb-ctble img{
    width: auto;
    height: 70px;
}


.ctbl-ul{
    display: flex;
    align-items: center;
    gap: 40px;
}
.ctbl-ul > li >a{
    padding: 10px 0;
    font-size: 20px;
    color: #dcd2c6;
}


.headb-ctbri{
    display: flex;
    align-items: center;
    gap: 40px;
}

.headb-ctbrbtn{
    padding: 10px 0;
    cursor: pointer;
}
.headb-ctbrbtn img{
    width: 20px;
    height: 20px;
}



/* =============== 下拉 ================ */
.headdwn{
    display: none;
}
.headlishw{
    position: relative;
}
.headlishw::after{
    content: "";
    width: 20px;
    height: 10px;
    position: absolute;
    left: 50%;
    bottom: -33px;
    transform: translateX(-50%);
    background-image: url("../images/pic18.png");
    background-size: 100% 100%;
}
.head-down{
    width: 100%;
    position: relative;
}
.head-dwncont{
    width: 100%;
    height: 220px;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url("../images/icon08.jpg");
    background-size: 100% 100%;
    padding: 30px 0;
}
.head-dwnctit{
    font-size: 24px;
    color: #dcd2c6;
}
.head-dwnctul{
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    padding-top: 20px;
}
.head-dwnctbtn{
    width: calc(25% - 9px);
}
.head-dwnctbtn > a{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 20px;
    font-size: 20px;
    color: var(--color-red);
    background-color: var(--color-pink);
}
.head-dwnctbtn:hover > a{
    color: var(--color-pink);
    background-color: var(--color-red);
}
.downshw a{
    color: var(--color-pink);
    background-color: var(--color-red);
}


/* 搜索输入 */
/*.headb-search {
    width: 100%;
    padding: 10px 30px;
    border: 1px solid #dcd2c6;
    border-radius: 50px;
    display: flex;
    align-items: center;
    gap: 20px;
    background-color: #ffffff22;
}

    .headb-search .headb-ctbr-input {
        width: 90%;
        flex: 1;
    }

        .headb-search .headb-ctbr-input input {
            width: 100%;
            font-size: 16px;
            background-color:transparent;
            color:#ffffff;
        }

    .headb-search .headb-ctbrbtn img {
        width: 20px;
        height: 20px;
    }*/



/* ================ main ============= */
:root {
    --wine-red: #800020;
    --input-bg: #f9f2f4;
    /*输入框浅粉色底色*/

    --color-red:#800020;
    --color-pink: #dcd2c6;
}



.navigat-cnt {
    padding: 40px 0;
}

.layui-breadcrumb a {
    color: var(--color-red) !important;
    font-weight: 900;
}

.layui-breadcrumb a:hover {
    color: #80002099 !important;
}

.layui-breadcrumb a cite {
    color:  var(--color-red);
    font-weight: 900;
}

.layui-breadcrumb span[lay-separator] {
    color:  var(--color-red);
}




.product-title {
    font-size: 24px;
    color: #dcd2c6;
    padding: 25px 20px;
    background: linear-gradient(to left, #dcd2c6,  var(--color-red));
}




/* =============== 底部 footer =========== */
.foot-box{
    background-color: #222222;
}


.footb-top{
    padding: 60px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.footb-tplogo img{
    width: auto;
    height: 60px;
}

.footb-tpbtn{
    width: 20%;
}
.footb-tpbtn a{
    width: 100%;
    padding: 15px;
    border-radius: 50px;
    border: 1px solid #dcd2c6;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 20px;
    color: #dcd2c6;
}
.footb-tpbtn a i{
    transform: rotate(180deg);
}

.footb-cnt{
    display: flex;
}

.footb-ctle{
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 30px;
    
}

.footb-ctle ul{
    width: 25%;
    border-top: 1px solid #dcd2c622;
    padding: 45px 0 100px;
}
.footb-ctle ul li h3{
    font-size: 20px;
    margin-bottom: 30px;
    color: #dcd2c6;
}
.footb-ctle ul li a{
    font-size: 18px;
    color: #dcd2c6;
    opacity: .6;
    margin-bottom: 15px;
}


.ctrlink-img{
    display: flex;
    gap: 20px;
    padding-top: 30px;
}
.ctrlink-img a img{
    width: 30px;
    height: 30px;
    cursor: pointer;
}





.footb-btm{
    padding: 60px 0;
    border-top: 1px solid #dcd2c622;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.footb-btm p{
    font-size: 18px;
    color: #dcd2c6;
    display: flex;
    gap: 10px;
}
.footb-btm p span{
    opacity: .5;
}
.footb-btm p a{
    color: #dcd2c6;
}