* {
    margin: 0;
    padding: 0;
}
/*@font-face{*/
/*    font-family:'psb';*/
/*    src: url(/assets/default/font/SourceHanSansCN-Bold.otf);*/
/*}*/
/*@font-face{*/
/*    font-family:'psf';*/
/*    src: url(/assets/default/font/SourceHanSans-Regular.otf);*/
/*}*/
/*@font-face{*/
/*    font-family:'psg';*/
/*    src: url(/assets/default/font/SourceHanSans-Light.otf);*/
/*}*/
.page1 {
    width: 100%;
    /*height: 1rem;*/
    height: .85rem;
    position: fixed;
    z-index: 9999999999999999999999999;
    background: #FFFFFF;
    box-shadow: 1px 2px 3px #ccc;
}

.lian ul {
    /*width: 8.47rem;*/
    height: 100%;
    display: flex;
    justify-content: space-between;
}
.header-center .logo{
    width: 1.74rem;
height: 0.36rem;
}
.header-center .logo img{
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}
.header-center {
    width: 16.2rem;
    height: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
       justify-content: space-around;
}

.lian ul li {
    list-style: none;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0 .3rem;
    /* height: 1.5rem;
    line-height: 1rem; */
}

.lian ul li:hover{
    background: rgba(180, 14, 18, 1);
}

.lian ul li:hover a{
    color: #fff;
}

.header_menu_atxt {
    text-decoration: none;
    font-family: 'psg';
    font-weight: 400;
    font-size: 0.16rem;
    color: #343231;
    display: block;
}

.right {
    display: flex;
    font-family: 'psb';
    font-weight: bold;
    /*font-size: 0.23rem;*/
    font-size: .16rem;
    color: #F2F2F2;
    /*width: 1.61rem;*/
    /*height: 0.6rem;*/
    width: 1.2rem;
    height: .4rem;
    background: #b40e12;
    align-items: center;
    justify-content: space-around;
    border-radius: 0.05rem;
}

.right img {
    width: 0.26rem;
    width: .18rem;
    /*height: 0.27rem;*/

}

.Nav2-left {
    width: 3.01rem;
    border-right: 0.01rem dashed #f9f9f9
}

.Nav2-right {
    width: 2.52rem;
    
}

.headerNav2box {
    width: 5.74rem;
    height: auto;
    background: rgba(180,14,18,0.85);
    border-radius: 0.05rem;
    /*background-size: 100%;*/
    position: absolute;
    left: -265%;
    top: calc(100% + 14px);
    display: none;
    z-index: 111;
    padding-bottom: 0.2rem;
}
.hischild::after{
    content:'';
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #B40E12;
    border-left: 7px solid transparent;
    position: absolute;
    top: 100%;
    left: 50%;
    display: none;
}
.hischild:hover::after{
    display: block;
}
/*.header_menuItems:nth-child(3n) .headerNav2box:after{*/
/*    top: -3.2%;*/
/*}*/
/*.header_menuItems:nth-child(4n) .headerNav2box:after{*/
/*    top: -4.8%;*/
/*}*/
/*.header_menuItems:nth-child(5n) .headerNav2box:after{*/
/*    top: -5%;*/
/*}*/
/*.header_menuItems:nth-child(6n) .headerNav2box:after{*/
/*    top: -4.8%;*/
/*}*/
/*.header_menuItems:nth-child(7n) .headerNav2box:after{*/
/*    top: -6.1%;*/
/*}*/
.header_menuItems {
    position: relative;
}

.Nav2-top {
    font-family: 'psf';
    font-weight: 400;
    font-size: 0.14rem;
    color: #FFFFFF;
    margin-top: 0.2rem;
    margin-left: 0.17rem;
}

.Nav2-x {
    width: 5.54rem;
    height: 0;
    margin: 0 auto;
    border-top: 0.01rem dashed #f9f9f9;
    margin-top: 0.02rem;
    margin-bottom: 0.1rem;
}

.Nav2-bottom {
    width: 100%;
    display: flex;
    justify-content: space-around;
}

.Nav1 {
    width: 2.52rem;
    margin-left: 0.17rem;
}

.Nav1 img {
    width: 100%;
    height: 1.3rem;
    display: block;
    object-fit: cover;
}

.Nav1 p {
    font-family: 'psf';
    font-weight: 400;
    font-size: 0.14rem;
    color: #FFFFFF;
    margin-top: 0.2rem;
}
.xiala-list{
    width: 100%;
    height: 0.25rem!important;
    border-bottom: 0.01rem dashed #f9f9f9;
    margin-top: 0.1rem;
}
.xiala-list a {
    text-decoration: none;
    font-family: 'psf';
    font-weight: 400;
    font-size: 0.14rem;
    color: #FFF;
    display: block;
    line-height: 0.21rem;
    padding-left: 0.1rem;
}
.xiala-list:last-child{
    border: none;
}
.Nav2-right ul{
    width: 100% !important;
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: normal;
    align-content: flex-start;
}
.selected1{
    color: #B40E12;
}
.header_menu_atxt:hover{
    color: #B40E12;
}
.lian{
    margin-left: 3rem;
    height: 100%;
}


.common-phone-header,
.side-wrap{
    display: none;
}
@media only screen and (max-width: 1024px) {
    .page1, 
    .header-wrap {
        display: none;
    }
    .common-phone-header {
        display: block !important;
    }
    .side-wrap {
        display: block !important;
    }
    .common-phone-header {
        position: fixed;
        z-index: 10000;
        top: 0;
        left: 0;
        width: 100%;
        background: #fff;
    }
    .common-phone-header-inner {
        display: flex;
        height: 50px;
        border-bottom: 1px solid #eee;
        padding: 0 15px;
        justify-content: space-between;
        align-items: center;
    }
    .header-menu-phone{
        height: 30px;
        width: auto;
        display: block;
    }
    .header-logo-phone {
        height: 30px;
        width: auto;
        display: block;
    }
    .header-search-phone {
        height: 30px;
        width: auto;
    }
    .header-search-box-phone {
        display: none;
    }
    .header-search-input-phone {
        border-radius: 20px;
        height: 35px;
        border-width: 1px;
        border: 1px solid #333;
        padding: 0 10px;
        font-size: 14px;
    }
    .side-modal {
        display: none;
        position: fixed;
        z-index: 99999;
        left: 0;
        top: 0;
        height: 100vh;
        width: 100vw;
        background:rgba(0, 0, 0, .5);
    }
    .side-container {
        display: none;
        position: fixed;
        z-index: 100000;
        left: 0;
        top: 0;
        height: 100vh;
        width: 6.4rem;
        background-color: #fff;
        color: #000;
        border-left: 1px solid #eee;
        animation: ani_side 1s;
    }
    .side-container.shown {
        display: block;
    }
    @keyframes ani_side{
        from {
            display: none;
            width: 3rem;
        }
        to {
            display: block;
            width: 6.4rem;
        }
    }
    .side-wrap {
        width: 100%;
    }
    .side-top {
        display: flex;
        height: 60px;
        padding: 0 20px 0 30px;
        justify-content: space-between;
        align-items: center;
        border-bottom: 1px solid #eee;
    }
    .side-logo {
        height: 30px;
        width: auto;
    }
    .side-close {
        width:.48rem;
    }
    .side-bottom {
        padding:  0 .48rem 0 .72rem;
    }
    .nav-item-inner {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: .27rem 0 .27rem 0;
        border-bottom: 1px solid #eee;
    }
    .nav-item-inner span{
        display: flex;
        align-items: center;
        font-size: 14px;
    }
    .nav-item-inner img{
        width: .4rem;
    }
    .side-nav-list .nav-item a{
        color: #000;
        font-size: .26rem;
        width: 100%;
        display: inline-block !important;
    }
    .side-nav-list .side-local-img {
        width: .3rem;
        margin-right: .2rem;
        vertical-align: text-bottom;
    }   
    .side-nav-list-sub {
        display: none;
    }
    .side-nav-list-sub  .side-back-img {
        width: .3rem;
        margin-right: .2rem;
        vertical-align: text-bottom;
    }
    
    
    .right{
        font-size: 12px !important;
    }
    .right{
        width: auto;
           padding: 0 2px;
    }
    .right img{
        width: 12px;
        margin-right: 5px;
    }
    
}