@charset "UTF-8";
@import 'common.less';
@font-face {
    font-family: "SG-B";
    src: url('../fonts/SpaceGrotesk-Bold.ttf');
    font-weight:normal;
    font-style:normal;
    font-display: swap;
}
@font-face {
    font-family: "SG-L";
    src: url('../fonts/SpaceGrotesk-Light.ttf');
    font-weight:normal;
    font-style:normal;
    font-display: swap;
}
@font-face {
    font-family: "SG-M";
    src: url('../fonts/SpaceGrotesk-Medium.ttf');
    font-weight:normal;
    font-style:normal;
    font-display: swap;
}
@font-face {
    font-family: "SG-R";
    src: url('../fonts/SpaceGrotesk-Regular.ttf');
    font-weight:normal;
    font-style:normal;
    font-display: swap;
}
@font-face {
    font-family: "SG-SB";
    src: url('../fonts/SpaceGrotesk-SemiBold.ttf');
    font-weight:normal;
    font-style:normal;
    font-display: swap;
}
.wrap {
    width: var(--mainWid);
    margin: 0 auto;
}
.wrap2 {
    width: var(--otherWid);
    margin: 0 auto;
}
.padding {padding: var(--padding) 0;}
.pt120 {padding-top: var(--padding);}
.pb120 {padding-bottom: var(--padding);}
.mt120 {margin-top: var(--padding);}
.mb120 {margin-bottom: var(--padding);}
.Phone-Box {display: none;}
.tabContent{ display:none;}
.tab li{ cursor:pointer;}
.tabContent2{ display:none;}
.tab2 li{ cursor:pointer;}
.w300{ 
    width: 3.0rem; 
}

@media @max1004 {
	.wrap, .wrap2 {
		padding: 0 var(--offset);
	}

    .PC-Box { display: none;}
    .Phone-Box {display: block;}
    .w300{
        width: 100%;
    }
}

.headD{
    height: 65px;
}
// 头部
.headDiv{
    // display: none;
    position: relative;
    width: 100%;
    height: 65px;
    background: #fff;
    z-index: 5;
    transition:All 0.5s ease;
    -webkit-transition:All 0.5s ease;
    -moz-transition:All 0.5s ease;
    -o-transition:All 0.5s ease;
    .headDiv-logo{
        position: absolute;
        left: 24px;
        top: 0;
        z-index: 1;
        img{
            display: block;
            position: absolute;
            left: 0;
            top: 0;
            width: 285px;
        }
    }
    .topRight{
        position: absolute;
        right: 56px;
        top: 50%;
        margin-top: -23px;
        height: 46px;
        z-index: 1;
    }
    .lan{
        margin-left: 24px;
        font-size: var(--fs20);
        line-height: 46px;
        position: relative;
        color: #000;
        font-family: 'SG-B';
        text-transform: uppercase;
        dl{
            padding: 0.1rem 0; 
            position:absolute; 
            z-index: -1; 
            left: 50%;
            margin-left: -0.4rem; 
            top: 0.4rem; 
            width: 0.8rem; 
            opacity: 0; 
            visibility: hidden; 
            background: #fff; 
            box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.2);
            transition:All 0.5s ease;
            -webkit-transition:All 0.5s ease;
            -moz-transition:All 0.5s ease;
            -o-transition:All 0.5s ease;
            &::before{
                content: ''; 
                position: absolute; 
                left: 0; 
                top: 0; 
                width: 100%; 
                height: 2px; 
                background: @color;
            }
            a{
                display:block; 
                height: 0.36rem; 
                line-height: 0.36rem; 
                color:#000; 
                text-align: center;
                font-size: var(--fs16); 
                text-transform: uppercase;
                &:hover{
                    color: @color;
                }
            }
        }
    }
    .lan.on{
        dl{
            opacity: 1; 
            visibility: visible; 
            top: 38px; 
            z-index:1; 
        }
    }
    .btnDiv{
        margin-left: 12px;
        a{
            display: block;
            width: 90px;
            height: 46px;
            border-radius: 0.1rem;
            line-height: 46px;
            font-size: var(--fs20);
            text-align: center;
            font-family: 'SG-B';
            background: @color;
            color: #fff;
            &:hover{
                background: @color2;
            }
        }
    }
    .topSearch{
        height: 46px; 
        position: relative; 
        em{ 
            display: block; 
            width: 46px; 
            height: 46px; 
            background: url(../img/nimg22_1.png) center no-repeat; 
            cursor: pointer; 
        }
    }
}
.nav{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    text-align: center;
    ul{
        font-size: 0;
    }
    li{
        display: inline-block;
        padding: 0 0.25rem;
        font-size: var(--fs20);
        a{
            display: block;
            height: 65px;
            position: relative;
            line-height: 65px;
            color: #000;
            font-family: 'SG-B';
            &:after{
                content: '';
                position: absolute; 
                left: 50%; 
                bottom: 0; 
                width: 0; 
                height: 2px; 
                background: @color;
                transition:All 0.5s ease;
                -webkit-transition:All 0.5s ease;
                -moz-transition:All 0.5s ease;
                -o-transition:All 0.5s ease;
            }
            &:hover{
                color: @color!important;
                &:after{
                    width: 100%; 
                    left: 0;
                }
            }
        }
        .aNow, .aNow1{
            color: @color!important;
            &:after{
                width: 100%; 
                left: 0;
            }
        }
    }
}

.sNav{
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 75px;
    width: 1.8rem;
    box-shadow: 0 0 0.1rem 0 rgba(0,0,0,0.1);
    z-index: -1;
    transition:All 0.8s ease;
    -webkit-transition:All 0.8s ease;
    -moz-transition:All 0.8s ease;
    -o-transition:All 0.8s ease; 
    .lie{
        background: #fff;
        border-radius: 0.1rem;
        padding: 0.15rem 0;
        li{
            font-size: var(--fs16);
            margin-bottom: 0.15rem;
            &:last-child{
                margin-bottom: 0;
            }
            a{
                display: block;
                line-height: .24rem;
                text-align: center;
                color: #000;
                font-family: 'SG-M';
                &:hover{
                    color: @color;
                }
            }
        }
    }
}
.sNav.on{
    opacity: 1;
    visibility: visible;
    top: 65px;
    z-index: 5;
}
.navIco{
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 1.0rem;
    height: 1.2rem;
    background: url(../img/navIco.png) center no-repeat;
    background-size: 0.4rem;
}

.navLayer{
    overflow-x: auto;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: fixed;
    z-index: 20;
    right: -100%;
    top: 0;
    .bg{
        overflow-x: auto;
        position: relative;
        background: #fff;
        height: 100%;
        width: 100%;
    }
    .toptop{
        height: 1.2rem;
        position: relative;
        border-bottom: #d6d6d6 solid 1px;
    }
    .closeBtn{
        position: absolute;
        right: 0;
        top: 0;
        width: 1.0rem;
        height: 1.2rem;
        img{
            position: absolute;
            left: 50%;
            top: 50%;
            margin-top: -0.21rem;
            margin-left: -0.21rem;
            width: 0.42rem;
        }
    }
}
.sideNav{
    padding: 0 0.3rem 0.3rem;
}
.subNav{
    cursor: pointer;
    display: block;
    padding-left: 0.3rem;
    height: 1.1rem;
    line-height: 1.1rem;
    position: relative;
    font-size: var(--fs17);
    border-bottom: #d6d6d6 solid 1px;
    a{
        display: block;
        color: #333;
    }
}
.subNav1{
    color: #333;
    &::before{
        content: '';
        position: absolute;
        top: 50%;
        margin-top: -7px;
        right: 6px;
        width: 2px;
        height: 14px;
        background: #d6d6d6;
    }
    &::after{
        content: '';
        position: absolute;
        top: 50%;
        margin-top: -1px;
        right: 0;
        width: 14px;
        height: 2px;
        background: #d6d6d6;
    }
    .name{
        position: relative;
    }
}
.currentDt{
    color:@color; 
    &::before{
        display: none;
    }
    &::after{
        background: @color;
    }
}
.navContent{
    display: none;
    a{
        display: block;
        height: 0.9rem;
        line-height: 0.9rem;
        color: #666;
        font-size: var(--fs15);
        padding-left: 0.3rem;
    }
    a.on{
        background: url(../img/nimg20_7.png) right center no-repeat; 
        background-size: 10px;
    }
    .list{
        display: none;
        border-bottom: #d6d6d6 solid 1px;
    }
}
.sideNav{
    .list{
        a{
            color: #666;
            font-size: var(--fs13);
            padding-left: 0.6rem;
        }
    }
    li{
        .aNow{
            color:@color; 
            background: url(../img/nimg20_7on.png) right center no-repeat; 
            background-size: 10px;
        }
    }
}

.head-search { 
    display: none; 
    position: fixed; 
    top: 0; 
    left: 0; 
    width: 100vw; 
    height: 100vh;
    background: rgba(0, 0, 0, 0.8); 
    z-index: 59;
    .search-box{
        position: absolute; 
        top: 50%; 
        left: 50%;
        width: 30%; 
        max-width: 1200px; 
        height: auto;
        transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        .box-cent{
            display: flex; 
            justify-content: space-between; 
            width: 100%; 
            height: auto; 
            border-bottom: solid 1px #555;
            input{
                width: calc(100% - 60px); 
                height: 50px; 
                padding: 0 20px; 
                font-size: var(--fs16); 
                color: #fff; 
                background: none;
                font-family: 'SG-R';
                &::placeholder{
                    color: #fff;
                }
            }
            .box-icon{
                display: block; 
                width: 60px; 
                height: 50px; 
                text-align: right; 
                line-height: 50px;
                img{
                    width: 20px; 
                    opacity: 0.8; 
                    transition: all 0.5s; 
                    -o-transition: all 0.5s; 
                    -moz-transition: all 0.5s; 
                    -webkit-transition: all 0.5s;
                }
                &:hover{
                    img{
                        opacity: 1;
                    }
                }
            }
        }
        .box-hiden{
            cursor:pointer; 
            width: 24px; 
            margin: 50px auto 0;
            img{
                width: 100%; 
                opacity: 0.6; 
                transition: all 0.5s; 
                -o-transition: all 0.5s; 
                -moz-transition: all 0.5s; 
                -webkit-transition: all 0.5s;
            }
            &:hover{
                img{
                    opacity: 1;
                }
            }
        }
    }
}

@media @min1004 {
}
@media @max1600 {    
}
@media @max1440 {
}
@media @max1366 {
}
@media @max1004 {
    .nav{
        display: none;
    }
    .navIco{
        display: block;
    }
    .headD{
        height: 1.2rem;
    }
    .headDiv{
        height: 1.2rem;
        .headDiv-logo{
            left: 0;
            top: 50%;
            margin-top: -0.3rem;
            img{
                width: auto;
                height: 0.6rem;
            }
        }
        .topRight{
            right: 1.0rem;
            margin-top: -0.4rem;
            height: 0.8rem;
        }
        .lan{
            margin-left: 0.3rem;
            font-size: var(--fs15);
            line-height: 0.8rem;
            dl{
                margin-left: -0.6rem; 
                top: 0.6rem; 
                width: 1.2rem; 
                a{
                    height: 0.56rem; 
                    line-height: 0.56rem; 
                    font-size: var(--fs14); 
                }
            }
        }
        .lan.on{
            dl{
                top: 0.7rem; 
            }
        }
        .btnDiv{
            margin-left: 0.1rem;
            a{
                display: block;
                width: 1.5rem;
                height: 0.8rem;
                line-height: 0.8rem;
                font-size: var(--fs15);
            }
        }
        .topSearch{
            height: 0.8rem; 
            em{ 
                width: 0.8rem; 
                height: 0.8rem; 
                background-size: 0.32rem;
            }
        }
    }
    .head-search{
        .search-box { 
            width: 90%; 
        }
    }
}

// 底部
.footDiv{
    overflow: hidden;
    position: relative;
    padding: 0.8rem 0 2.34rem;
    background: @color;
    .zz{
        display: none;
        height: 0.52rem;
    }
    .pjDiv{
        .flex2();
    }
    .leftDiv{
        .footDiv-logo{
            img{
                width: 2.4rem;
            }
        }
        .zi{
            margin-top: 0.2rem;
            color: #fff;
            font-size: var(--fs28);
            line-height: 0.36rem;
            font-family: 'SG-M';
        }
    }
    .rightDiv{
        .flex2();
    }
    .lastDiv{
        width: 4.0rem;
        h3{
            color: #fff;
            line-height: 0.32rem;
            font-size: var(--fs24);
            font-family: 'SG-B';
            margin-bottom: 0.2rem;
        }
    }
    .msgList{
        li{
            line-height: 0.28rem;
            font-size: var(--fs20);
            margin-bottom: 0.2rem;
            color: #fff;
            word-break: break-all;
            em{
                font-family: 'SG-B';
            }
        }
    }
}
.footNav{
    ul{
        .flex2();
    }
    li{
        width: 3.0rem;
        margin-right: 0.23rem;
        h3{
            color: #fff;
            line-height: 0.32rem;
            font-size: var(--fs24);
            font-family: 'SG-B';
            margin-bottom: 0.2rem;
        }
        dd{
            font-size: var(--fs20);
            margin-bottom: 0.2rem;
            color: #fff;
            a{
                display: block;
                color: #fff;
                line-height: 0.28rem;
                span{
                    height: 1px;
                    -webkit-transform: scaleY(0.5); 
                    transform: scaleY(0.5); 
                    -webkit-transform-origin: 0 0; 
                    transform-origin: 0 0; 
                    overflow:hidden; 
                    background: url(../img/dot.jpg) no-repeat;
                    background-size: 0 1px;
                    background-position: 100% 100%;
                    transition: background-size 0.7s ease; 
                }
                &:hover{
                    span{
                        background-size: 100% 1px; 
                        background-position: 0 100%;
                    }
                }
            }      
        }
    }
}

@media @min1004 {	
}
@media @max1600 {
}
@media @max1440 {
}
@media @max1366 {
}
@media @max1004 {
    .footNav{
        display: none;
    }
    .footDiv{
        padding: 0.8rem 0 1.0rem;
        .pjDiv{
            display: block;
        }
        .leftDiv{
            .zi{
                margin-top: 0.4rem;
                font-size: var(--fs18);
                line-height: 0.48rem;
            }
        }
        .rightDiv{
            display: block;
            margin-top: 0.4rem;
        }
        .lastDiv{
            width: auto;
            h3{
                line-height: 0.48rem;
                font-size: var(--fs17);
                margin-bottom: 0.15rem;
            }
        }
        .msgList{
            margin-top: 0.2rem;
            li{
                line-height: 0.48rem;
                font-size: var(--fs15);
                margin-bottom: 0.15rem;
                img{
                    width: 0.76rem;
                }
            }
        }
    }
}

.topA{
    position: fixed; 
    z-index: 2; 
    right: 0.5rem;
    bottom: 0.6rem;
    a{ 
        display: block; 
        position: relative; 
        background: #f4f4f4 url(../img/topA.png) center no-repeat; 
        background-size: 0.3rem;
        width: 0.7rem; 
        height: 0.7rem; 
        border-radius: 0.1rem;
        &:hover{
            background: @color url(../img/topAon.png) center no-repeat;
            background-size: 0.3rem;
        }
    }
    
}

@media @min1004 {	
}
@media @max1600 {
    .topA{
        right: 0.3rem; 
    }
}
@media @max1440 {
}
@media @max1366 {
}
@media @max1004 {
    .topA{
        right: 0.3rem;
        a{
            width: 0.9rem; 
            height: 0.9rem;
        }
    }
}



// 内页banner
.pageBanner{
    position: relative;
    overflow: hidden;
    &::after{
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 1.2rem;
		background: url(../img/bg1.png) top center repeat-x;
		z-index: 1;
	}
    .bg{
        height: 7.0rem;
        img{
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
    }
    .info{
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        text-align: center;
        color: #fff;
        z-index: 2;
        display: flex; 
        display:  -webkit-box; 
        display: -moz-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        align-items: center; 
        justify-content: center; 
        -webkit-justify-content: center;
    }
    .txtDiv{
        position: relative;
        padding-bottom: 0.7rem;
    }
    .en{
        font-size: var(--fs60);
        line-height: 0.72rem;
        text-transform: uppercase;
        margin: 0;
        font-family: 'Mont-B';
    }
    .zi{
        font-size: var(--fs24);
        line-height: 0.36rem;
        margin-top: 0.25rem;
    }
    .txtImg{
        position: absolute;
        right: 50%;
        bottom: 0;
        margin-right: -4.0rem;
        transform: rotate(-10deg);
        img{
            width: 1.86rem;
        }
    }
}
@media @min1004 {	
}
@media @max1600 {

}
@media @max1440 {
}
@media @max1366 {
}
@media @max1004 {
    .pageBanner{
        &::after{
			background: none;
			background-image: linear-gradient(180deg, #000 0%, transparent 100%); 
			background-blend-mode: normal, normal;
		}
        .bg{
            height: 4.5rem;
            // img{
            //     height: auto;
            // }
        }
        .txtDiv{
            padding-bottom: 0;
            margin-top: 10%;
        }
        .en{
            font-size: var(--fs20);
            line-height: 0.42rem;
        }
        .zi{
            font-size: var(--fs14);
            line-height: 0.42rem;
            margin: 0.2rem auto 0;
            width: 80%;
        }
        .txtImg{
            display: none;
        } 
    }
}


.pageTitle{
    position: relative;
    text-align: center;
    font-size: var(--fs50);
    line-height: 0.6rem;
    color: #222;
    font-family: 'Lato-B';
    padding-bottom: 0.35rem;
    &::after{
        content: '';
        position: absolute;
        bottom: 0;
        left: 50%;
        margin-left: -0.35rem;
        width: 0.7rem;
        height: 0.06rem;
        border-radius: 4px;
        background-image: linear-gradient(90deg, #a50017 0%, #dc0021 100%); 
        background-blend-mode: normal, normal;
    }
}
.pageTitleTel{
    height: 1.1rem;
    position:relative;
    background: @color;
}
.sideTitleTel{
    width:100%; 
    height:1.1rem; 
    position:absolute; 
    left:0px; 
    top:0px;
    .con{ 
        font-size: var(--fs18); 
        height:1.1rem; 
        line-height:1.1rem; 
        position:relative; 
        padding-right:10px;
        a{
            color: #fff; 
            display:block; 
            height:1.1rem; 
            padding-left:0.3rem;
        }
        img{
            position: absolute; 
            right: 0.3rem; 
            top: 50%; 
            margin-top: -0.12rem; 
            width: 0.4rem;
            transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -webkit-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            transition:All 0.5s ease;
            -webkit-transition:All 0.5s ease;
            -moz-transition:All 0.5s ease;
            -o-transition:All 0.5s ease;	
        }
        em{
            display:block; 
            color:#fff; 
            padding-left: 0.3rem;
        }
    }
    .con.on{
        img{
            transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            -webkit-transform: rotate(180deg);
            -o-transform: rotate(180deg);
        }
    }
}
.sideTitleNav{
    position:absolute; 
    top:1.1rem; 
    z-index:10; 
    width:100%; 
    background:#fff; 
    display:none; 
    box-shadow:0 1px 5px rgba(35,25,25,0.2); 
    -moz-box-shadow:0 1px 5px rgba(35,25,25,0.2); 
    -webkit-box-shadow:0 1px 5px rgba(35,25,25,0.2);
    li{
        font-size: var(--fs14); 
        height:1.0rem; 
        border-bottom:#d7d7d7 solid 1px;
        a{
            .txt();
            display:block; 
            height:1.0rem; 
            line-height:1.0rem; 
            padding-left:0.3rem; 
            color:#666;
        }
    }
}

@media @min1004 {	
}
@media @max1600 {
    
}
@media @max1440 {
}
@media @max1366 {
}
@media @max1004 {
    .pageTitle{
        font-size: var(--fs24);
        line-height: 0.64rem;
    }
}

.pageNowBox{
    height: 0.8rem; 
    background: #fff4e4; 
}
.pageNow{
    padding-left: 34px; 
    background: url(../img/nimg14_1.png) left center no-repeat; 
    font-size: 14px; 
    line-height: 0.8rem;
    a{
        position: relative; 
        display: inline-block; 
        padding-left: 18px; 
        padding-right: 14px; 
        color:#666;
        &::before{
            content: ''; 
            width: 4px; 
            height: 5px; 
            position: absolute; 
            left: 0; 
            top: 50%; 
            margin-top: -3px; 
            background:url(../img/ico6.png) center no-repeat;
        }
        &:hover{
            color: @color;
        }
    }
    em{
        position: relative; 
        display: inline-block; 
        padding-left: 18px; 
        color: @color;
        &::before{
            content: ''; 
            width: 4px; 
            height: 5px; 
            position: absolute; 
            left: 0; 
            top: 50%; 
            margin-top: -3px; 
            background:url(../img/ico6.png) center no-repeat;
        }
    } 
}

@media @min1004 {	
}
@media @max1600 {
}
@media @max1440 {
}
@media @max1366 {
}
@media @max1004 {
}


// 分页
.pageNum{
    .flex1();
    text-align: center;
    a{
        position: relative;
        display: inline-block;
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 18px;
        color: #3f4150;
        background: #f8f8f8;
        margin: 0 6px; 
        border-radius: 50%;
        &:hover{
            color: #fff;
            background: @color;
        }
    }
    .aNow{
        color: #fff;
        background: @color;
    }
    .prev{
        &:before{
            content: ''; 
            position: absolute; 
            width: 9px; 
            height: 15px; 
            left: 50%; 
            top: 50%; 
            margin-left: -4px; 
            margin-top: -7px; 
            background: url(../img/prev.png) no-repeat;
        }
        &:hover{
            &:before{
                background: url(../img/prevon.png) no-repeat;
            }
        }
    }
    .next{
        &:before{
            content: ''; 
            position: absolute; 
            width: 9px; 
            height: 15px; 
            right: 50%; 
            top: 50%; 
            margin-right: -4px; 
            margin-top: -7px; 
            background: url(../img/next.png) no-repeat;
        }
        &:hover{
            &:before{
                background: url(../img/nexton.png) no-repeat;
            }
        }
    }
}
.pageMore{
    a{
        display: block;
        width: 100%;
        height: 1.0rem;
        background: @color;
        line-height: 1.0rem;
        text-align: center; 
        font-size: var(--fs15);
        color: #fff;
    }
}

@media @min1004 {	
}
@media @max1600 {
}
@media @max1440 {
}
@media @max1366 {
}
@media @max1004 {
    .pageNum{
        display: none;
    }
}

// cookie
.notice-section{
    display: none; 
    background: #fff; 
    position:fixed; 
    left: 0; 
    bottom: 0; 
    z-index: 20; 
    width: 100%; 
    padding: 0.3rem 4.6rem 0.3rem 0.65rem; 
    box-shadow:0 0 0.2rem 0 rgba(0,0,0,0.1);
}
.notice-box{
    .txt-box{
        font-size: var(--fs14);
        line-height: 0.26rem;
        color: #333;
        a{
            color:#333; 
            text-decoration:underline;
            &:hover{
                color: @color;
            }
        }
    }
    .btnDiv{
        position:absolute; 
        right:0.4rem; 
        top:0.4rem; 
        z-index:1;
        li{
            float:left; 
            margin-left:0.2rem;
            a{
                display:block; 
                width: 1.78rem; 
                text-align:center; 
                height: 0.32rem; 
                line-height: 0.3rem; 
                border:#000 solid 1px; 
                font-size: var(--fs14); 
                color:#151515; 
                border-radius:2px; 
                text-transform:uppercase;
                &:hover{
                    border: @color solid 1px;
                    background: @color; 
                    color: #fff;
                }
            }
        }
    }
}

@media @min1004 {	
}
@media @max1600 {
}
@media @max1440 {
}
@media @max1366 {
}
@media @max1004 {
    .notice-section{
        padding: 0.4rem 0.35rem; 
    }
    .notice-box{
        .txt-box{
            font-size: var(--fs13);
            line-height: 0.42rem;
        }
        .btnDiv{
            position:relative; 
            right:0; 
            top:0; 
            text-align:center; 
            padding-top:0.3rem;
            li{
                display:inline-block; 
                float:none; 
                margin-left:0.06rem; 
                margin-right:0.06rem;
                a{
                    font-size: var(--fs12);
                    height:0.56rem; 
                    line-height:0.54rem; 
                    width:2.8rem; 
                }
            }
        }
    }
}