@charset "utf-8";
@media screen and (max-width:1680px){

}
@media screen and (max-width:1440px){

}
@media screen and (max-width:1280px){
.header{ padding: 0 5vw;}
.grid,
.foot{ padding: 30px 5vw;}

.nav a{ padding: 0 1em;}

}
@media screen and (max-width:1024px){
.head{ padding: 5vw 0;}
.head .logo{ width: 50%;}
.head .logo img{ width: 100%; height: auto;}
.head .caption{ width: 40%;}
.head .caption img{ width: 100%; height: auto;}

.nav{ display: grid; grid-template-columns: repeat(3,1fr); height: auto;}
.nav a{ padding: 0; font-size: 0.875rem; line-height: 3;}
.nav a.on{ color: var(--primary); background: var(--gray);}
.nav .search{ display: none;}

.grid,
.foot{ padding: 5vw; grid-gap: 5vw;}

.slideshow{ height: 28vw;}

.box{ grid-column: span 12!important;}
.box .box-tit .strip,
.box .box-tit .en{ display: none;}

.xwkd .box-con{ grid-template-columns: repeat(1,1fr); grid-gap: 0;}
.xwkd .box-con .news-list{ padding-bottom: 0;}

.zcfg .box-con{ grid-gap: 0;}
.zcfg .box-con dl{ grid-column: span 8;}

.news-list a i{ display: none;}

.foot .cpy i{ display: block;}
.foot .qrcode{ display: none;}

.column{ grid-gap: 5vw;}
.column-m{ grid-column: span 12;}
.column-r{ display: none;}

.list-news a{align-items: flex-start;}
.list-news a .thumb{ width: 96px; height: 72px;}

.article .article-arrow{ justify-content: flex-start;}
}