.n-banner { width: 100%; display: block; font-size: 0;}

.box{ display: block; box-sizing: border-box; padding: 0 10% 0;}

.wrapper { position: relative; background-color: #fff; width: 100%; background: linear-gradient(#fafafa, #fff);}}
.nav-list { display: block; width: 100%;}
.nav-list .location{ display: inline-block; height: 60px; line-height: 60px; font-size: 12px; color: #999;}
.nav-list .location a,.nav-list .location span{ font-size: 12px; color: #999;}
.nav-list .location i::after{ content: ">"; font-family: "宋体"; font-size: 12px; color: #999; display: inline-block; margin: 0 3px;}
.nav-list ul{ display: block; width: 100%;}
.nav-list ul li { height: .48rem; position: relative; display: inline-block; margin-right: .2rem; margin-top: .2rem;}
.nav-list ul li a { display: block; text-align: center; background: #666; color: #fff; font-size: .18rem; line-height: .48rem; padding: 0 .4rem; border-radius: .05rem; position: relative;}
.nav-list ul li a:hover { opacity: .7;}
.nav-list ul li.cur a { background: var(--maincolor); color: #fff;}

/* 页码样式 */
.page_zt { width: 100%; display: block; padding: 20px 0 50px; text-align: center;}
.page_zt .page_r { width: auto; display: inline-block; height: 42px;}
.page_zt .page_r a,
.page_zt .page_r .ym2 { height: 42px; margin: 0 3px; width: 42px; color: #000; text-align: center; display: inline-block; position: relative; line-height: 42px; font-size: 16px; }
.page_zt .page_r .ym2::after{ content: ""; position: absolute; width: 16px; left: 50%; bottom: 0; transform: translateX(-50%); background: var(--maincolor); height: 1px;}
.page_zt .page_r a.page_prev,.page_zt .page_r a.page_next { line-height: 42px; font-family: "iconfont"; position: relative; display: inline-block; vertical-align: top}
.page_zt .page_r a.page_next::after{ content: "\e613";}
.page_zt .page_r a.page_prev::after{ content: "\e603";}
.page_zt .page_r a:hover {  border-color: #535865; cursor: pointer; }
.page_zt .page_r .ym2 { border-color: #535865; cursor: pointer; }
.page_zt .page_r .ym2:hover { opacity: .7; cursor: pointer;}

center {font-size: 18px;padding: 20px 0;}

@media screen and (max-width: 1600px){
    .box{
        padding: 0 5%;
    }
}
@media screen and (max-width: 1024px){
    .box{
        padding: 0 .2rem;
    }
    .nav-list ul{
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .nav-list ul li{
        width: auto;
        min-width: 49%;
        margin-top: 2%;
        margin-right: 0;
    }

    .nav-list ul li a{
        padding: 0 .1rem;
        font-size: .15rem;
    }
    .pr-con{
        flex-wrap: wrap;
    }
}

