@charset "utf-8";
@media screen and (max-width:1024px){
  html, body{ min-width: auto;}
  .header{ height: 25vw; background: #002B54;}
  .head{ width: 100%; background: url('../img/head-sub.png') center top no-repeat; background-size: 100% auto;}
  .language{ top: auto; bottom: 10px; right: 0; width: 100%; display: grid; grid-template-columns: repeat(3,1fr);}
  .language a{ display: flex; justify-content: center; align-items: center; margin: 0; padding: 0; font-size: 12px; line-height: 30px; opacity: 0.3;}

  .navigation{ width: 100%; height: auto;}
  .nav{ position: relative; width: 100%; height: auto;}
  .nav-list{ float: none; display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 0px; border-top: 1px solid #1C4B73; background: #1C4B73;}
  .nav-list>li{ float: none;}
  .nav-list>li>a{ padding: 0; font-size: 14px; font-weight: normal; line-height: 40px; background: #002B54;}
.nav-list>li>a.has{pointer-events:none }
  .nav-list>li.on>a, .nav-list>li:hover>a{ background: #002B54; text-decoration: underline;}

.nav-list .sub{ top: 40px;}
.nav-list .sub li a{ font-size:13px}

  .search{ position: absolute; right: 0; bottom: 0; float: none; width: calc(100% / 3 * 2); height: auto; margin: 0; padding: 5px 28px; background: #002B54; overflow: hidden;}
  .search input{ height: 30px; line-height: 30px; color: #fff;}
  .search input[type=text]{ width: calc(100% - 36px); background: #002447;}
  .search input[type=submit]{ background: #002447;}

  .column{ width: 100%;}

  .banner{ float: none; width: 100vw; height: 40vw;}
  .banner .arrow.prev{ left: 0;}
  .banner .arrow.next{ right: 0;}
  .banner .bd ul li a .thumb{ height: 40vw;}

  .row.blue:before{ height: 100%; background: #1C4B73;}
  
  .quick{ display: grid; grid-gap: 1px; grid-template-columns: repeat(2,1fr );}
  .quick dl{ float: none; width: 100%; border: none;}
  .quick dl dt{ background: #002447;}
  .quick dl dt:before{ border-bottom-color: #002447;}
  .quick dl dt a{ color: #fff;}
  .quick dl dd{ display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 1px;}
  .quick dl dd a{ display: flex; flex-flow: column nowrap; justify-content: center; align-items: center; width: 100%; height: auto; padding: .5em; background: #002B54;}
.quick dl dd a.big{ grid-column: span 2;}
  .quick dl dd a:nth-child(2n):last-child:before{ display: none;}
  .quick dl dd a i{ font-size: 30px;}
  .quick dl dd a span{ font-size: 14px; font-weight: normal;}

  .box{ float: none; width: 100%; height: auto; padding: 5vw; margin: 0;}
  .box .box-tit .cn{ background-size: auto 100%; height: 50px; padding-top: 20px; padding-left: 45px; font-size: 20px;}

  .news .box-con a{ float: none; width: 100%;}
  .news .box-con a .thumb{ width: 100%; height: 67.5vw;}
  .news .box-con a .info .tit{ font-size: 15px;}

  .policy .box-con a span{ width: 70%; font-size: 15px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}

  .announcement .box-con a span{ font-size: 15px;}

  .download .box-con a span{ font-size: 15px;}

  .road .box-con a span{ font-size: 15px;}

  .slidenews .arrow{ top: calc( 25vw - 15px); bottom: auto;}
  .slidenews .arrow.prev{ left: 5vw;}
  .slidenews .arrow.next{ right: 5vw;}
  .slidenews .bd ul li a{ height: auto;}
  .slidenews .bd ul li a .thumb{ float: none; width: 100%; height: 40vw;}
  .slidenews .bd ul li a .info{ float: none; width: 100%; height: 190px; padding: 2vw 0;}
  .slidenews .bd ul li a .info .tit{ font-size: 15px;}

  .searchbox{ display: none;}

  .link .box-tit{ float: none;}
  .link .box-con{ float: none; display: flex; flex-flow: column wrap; width: auto; height: auto;}
  .link .box-con a{ float: none; line-height: 35px; font-size: 15px; }

  .foot{ width: 100%; height: auto; padding: 5vw;}
  .foot .copyright{ position: relative; top: auto; left: auto; font-size: 12px;}
  .foot .qrcode{ position: relative; top: auto; right: auto; display: flex; justify-content: space-between; padding-top: 5vw;}
  .foot .qrcode img{ float: none; margin: 0;}

  .location{ float: none; padding-left: 5vw}
  .location span{display:none;}

  .column-r{ float: none; width: 100%; height: auto; padding: 5vw; margin: 0;}
  .subnav dt{ font-size: 18px;}
  .subnav dd{ display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 1px; border-top: 1px solid #1C4B73; background: #003262;}
  .subnav dd a{ padding: .5em 0; font-size: 14px; line-height: 1.75; background: #236FB7;}
  .subnav dd a:before,
  .subnav dd a:after{ display: none;}
  

  .column-m{ float: none; width: 100%; padding: 5vw; margin: 0; overflow: hidden;}

  .list a .thumb{ width: 24vw; height: 18vw;}
  .list a .info .tit{ font-size: 15px; display:-webkit-box; -webkit-line-clamp: 2; -webkit-box-orient:vertical; word-break:break-word; text-align: justify; overflow: hidden;}
  .list a .info .desc{ font-size: 12px; display:-webkit-box; -webkit-line-clamp: 2; -webkit-box-orient:vertical; word-break:break-word; text-align: justify; overflow: hidden;}

  .article{ float: none; width: 100%; padding: 0 5vw}

  .article .article-arrow a{ font-size: 12px;}

.pagination *{ font-size: 0!important}
.pagination span,
.pagination a{ font-size: 14px!important}
.pagination .defaultButtonStyle{ display:none;}
.pagination .defaultInputStyle{ display:none;}
}