*{
    margin: 0;
    padding: 0;
}
a{
    text-decoration: none;
}
div{
    box-sizing: border-box;
}
img{
    width: 100%;height: 100%;
}
ul{
    list-style-type: none;
}
input{
    outline: none;
}
body{
    font-family: SourceHanSansCN-Regular;
}
a{
    font-family: SourceHanSansCN-Regular;
}

/* 三角形 */
.triangle{
    width:0; height:0;
    border-style:solid;
}
.triangleDown{
    border-bottom:none;
    border-left-color:transparent!important;
    border-right-color:transparent!important;
}
.triangleUp{
    border-top:none;
    border-left-color:transparent!important;
    border-right-color:transparent!important;
}
.triangleLeft{
    border-left: none;
    border-top-color: transparent!important;
    border-bottom-color: transparent!important;
}
.triangleRight{
    border-right: none;
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
}




@media (max-width:1280px){

    .pic_pc{
        display: none;
    }
    .nav{
        /* width: 100%; */
    }
    .nav_pc{
        display: none;
    }
    .nav .navPage{
        height: 6.875rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 1.25rem;
        position: relative;
    }
    .nav .navLeft{
        width: 14.0625rem;
        height: 2.9375rem;
    }
    .nav .bread{
        width: 3rem;
        height: 2rem;
    }
    .nav .navPage .navCenter{
        display: none;

    }
    .nav .navPage .navCenter>ul{
        width: 20rem;
        background-color: #fff;
        position: absolute;
        top: 6.875rem;
        right: 0;
        z-index: 11;
        padding: 1.875rem 0 2.5rem 2.5rem;
    }
    .nav .navPage .navCenter>ul>li,
    .nav .navPage .navCenter>ul>li>a
    {
        color: #000;
        font-size: 1.625rem;
    }
    .nav .navPage .navCenter>ul>li{
        margin-bottom: 2rem;
        position: relative;
    }
    .nav .navPage .navCenter>ul>li img{
        width: 1.75rem;
        height: 1.125rem;
        border-radius: 0.5rem;
    }
    .nav .navPage .navCenter>ul>li>ul{
        display: none;
    }
    .nav .navPage .navCenter>ul>li>ul>li{
        color: #000;
        font-size: 1.625rem;
        margin: 2.5rem 0.5rem ;
    }
    .nav .navPage .navCenter>ul>li>ul>li>a{
        color: #000;
        font-size: 1.625rem;
    }
    .nav .navPage .navCenter>ul>li .t1{
        margin-left: 0.875rem;
        border-width: 0.5rem;
        position: absolute;
        top: 0.625rem;
        left: 6.625rem;
    }
    .nav .navPage .navCenter>ul>li .t1.t4{
        margin-left: 0.875rem;
        border-width: 0.5rem;
        position: absolute;
        top: 0.625rem;
        left: 4.825rem;
    }
    .nav .navPage .navCenter>ul>li .t2{
        margin-left: 0.875rem;
        border-width: 0.5rem;
        position: absolute;
        top: 0.625rem;
        left: 6.625rem;
    }
    .navPic{
        display: none;
    }






    /* 底部导航栏 */
    .bottomNav{
        width: 100%;
        height: 18.125rem;
        background-color: #1e1e1e;
        padding-top: 3.8125rem;
    }
    .bottomNav .bottomNavLeft,
    .bottomNav .bottomNavCenter{
        display: none;
    }
    .bottomNav .bottomNavRight .bottomNavRightPic{
        width: 9.25rem;
        height: 9.25rem;
        margin: 0 auto 0.9375rem;
    }
    .bottomNav .bottomNavRight p{
        font-size: 1.5rem;
        font-weight: 400;
        color: #616161;
        text-align: center;
    }
    .end{
        width: 100%;
        height: 6.875rem;
        background-color: #1e1e1e;
    }
    .end p{
        font-size: 1.5rem;
        text-align: center;
        margin-bottom: 0.8125rem;
        font-weight: 400;
        color: #616161;
    }
}


@media (min-width:1280px){

    .pageWidth{
        width: 90.625vw;
        margin: 0 auto;
    }
    .pic_medio{
        display: none;
    }
    .nav_medio{
        display: none;
    }
    .nav{
        width:100%;
        height: 6.25vw;
        box-shadow: 0px 5px 5px 0px rgba(192,192,192,0.5)
    }
    .nav .navPage{
        width: 94.218vw;
        height: 6.25vw;
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .nav .navPage .navLeft{
        width: calc(16.694%);
        height: calc(63 / 302 * 15.729vw);
    }
    .nav .navPage .navLeft img{
        object-fit: contain;
    }
    .nav .bread{
        display: none;
    }
    .nav .navPage .navCenter{
        height: 6.25vw;
    }
    .nav .navPage .navCenter>ul{
        height: 6.25vw;
        display: flex;
        align-items: center;
    }
    .nav .navPage .navCenter>ul>li{
        display: flex;
        align-items: center;
        font-size: 1.042vw;
        font-weight: 400;
        color: #232323;
        margin-left: 6.5625vw;
        cursor: pointer;
        user-select: none;
        position: relative;
        height: 100%;
        /* background-color: #1e1e1e; */
    }
    .nav .navPage .navCenter>ul>li img{
        width: 1.458vw;
        height: 0.9375vw;
        margin-right: 0.3vw;
        border-radius: 3px;
    }
    .nav .navPage .navCenter>ul>li:first-child{
        margin-left: 0;
    }
    .nav .navPage .navCenter>ul>li .t1{
        border-width: 6px;
        margin-left: 12px;
    }
    .nav .navPage .navCenter>ul>li:hover .t1{
        transform:rotate(180deg);
    }
    .nav .navPage .navCenter>ul .navPic{
        width: 4.375vw;
        height: 4.48vw;
        margin-left: 6.5625vw;
    }
    .nav .navPage .navCenter>ul>li>a{
        font-size: 1.042vw;
        font-weight: 400;
        color: #232323;
    }
    .nav .navPage .navCenter>ul>li>ul{
        width: 10.417vw;
        background-color: #fff;
        position: absolute;
        top: 5.73vw;
        left: -2.604vw;
        z-index: 100;
        border:1px solid #ccc;
        border-radius: 4px;
        display: none;
    }
    .nav .navPage .navCenter>ul>li>ul li{
        text-align: center;
        margin: 15px 0;
    }
    .nav .navPage .navCenter>ul>li>ul li a{
        color: #232323;
    }
    .nav .navPage .navCenter>ul>li>ul li a:hover{
        color: #999999;
    }
}











@media (min-width:1280px){
















    /* 底部导航栏 */
    .bottomNav{
        width: 100%;
        height: 19.167vw;
        background-color: #1e1e1e;
    }
    .bottomNav .pageWidth{
        padding-top: 4.95vw;
        display: flex;
        justify-content: space-between;
    }
    .bottomNav .bottomNavLeft{
        display: flex;
    }
    .bottomNav .bottomNavLeft .bottomNavPic{
        width: 7.76vw;
        height: calc(149 / 149 * 7.76vw);
        margin-right: 1.98vw;
    }
    .bottomNav .bottomNavLeft .bottomNavPic img{
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
    .bottomNav .bottomNavLeft ul .bottomNavLeftTitle{
        font-size: 1.77vw;
        font-weight: 400;
        color: #FAFAFA;
        margin-bottom: 10px;
    }
    .bottomNav .bottomNavLeft ul li{
        font-size: 0.8333vw;
        font-weight: 400;
        color: #F2F2F2;
        margin-bottom: 5px;
        white-space: nowrap;
    }
    .bottomNav .bottomNavCenter{
        width: 36.667vw;
        display: flex;
        justify-content: space-between;
    }


    .bottomNav .bottomNavCenter ul li{
        margin-bottom: 0.885vw;
        white-space: nowrap;
    }
    .bottomNav .bottomNavCenter ul li a{
        font-size: 0.8333vw;
        font-weight: 400;
        color: #F2F2F2;
    }
    .bottomNav .bottomNavCenter .bottomNavCenterTitle{
        font-size: 1.354vw;
        margin-bottom: 1.667vw;
        font-weight: 400;
        color: #FAFAFA;
        white-space: nowrap;
    }
    .bottomNav .bottomNavRight{
        text-align: center;
        color: #fafafa;
    }
    .bottomNav .bottomNavRight .bottomNavRightPic{
        width: 7.8125vw;
        height: 7.8125vw;
        margin-bottom: 13px;
    }

    /* 底部栏 */
    .end{
        width: 100%;
        height: 83px;
        background-color: #1e1e1e;

    }
    .end .pageWidth{
        height: 83px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .end .pageWidth p{
        font-size: 0.9375vw;
        font-weight: 400;
        color: #FAFAFA;
    }


}