@import url("adp.css");
@media (min-width: 1024px) { .row20 { margin: 0 -16px; }
  .row20 > [class^="col-md-"] { padding: 0 16px; }
  .zk_report { margin: 0 -16px; }
  .zk_report > [class^="col-md-"] { padding: 0 16px; }
  .px-slider .swiper-slide { height: 240px; }
  .user-info-area.u1 { height: 50vh; }
  .tophead_wrap .input-group { width: 30%; }
  nav#menu { display: none; } }

@media (min-width: 768px) and (max-width: 1200px) { .tophead_wrap .input-group { width: 30%; } }

@media (max-width: 767px) { .tophead_wrap .input-group { width: 30%; }
  .function_wrap { padding: 5% 0; }
  .row > [class^='col-md'] + [class^='col-md'] { margin-top: 6%; }
  .tophead_wrap nav { display: none; }
  .tophead_bg { padding-top: 3%; }
  .tophead_wrap .navline { display: none; }
  .tophead_wrap .head_area { align-items: center; }
  .tophead_wrap .head_area .logo { width: 60%; background: none; padding: 0; flex-shrink: 0; }
  .tophead_wrap .topPanel { flex-direction: column; align-items: flex-end; margin: 0 0 8px 15px; }
  .tophead_wrap .topPanel .input-group { margin-bottom: 5px; width: 90%; }
  .tophead_wrap .topPanel .bottomPanel { width: 90%; align-items: center; justify-content: flex-end; display: flex; }
  .tophead_wrap .topPanel .bottomPanel .nav { margin-left: 10%; color: #0E5CA0; }
  .tophead_wrap .topPanel .bottomPanel .nav .icon { font-size: 22px; }
  .Activity_news { flex-direction: column; padding: 10px; }
  .Activity_news .pic { width: 100%; height: auto; }
  .Activity_news .pic img { height: 200px; }
  .Activity_news .right { width: 100%; padding: 0; margin-top: 5%; }
  .subject_inform { flex-direction: column; }
  .subject_inform .pic { width: 100%; height: 200px; }
  .subject_inform .branch-slider { width: 100%; height: 240px; margin: 0; }
  .subject_inform .right { width: 100%; }
  .subject_inform.branch .right { width: 100%; }
  .member-cards .card { display: flex; flex-direction: column; align-items: center; }
  .about_union { height: auto; }
  .article { padding: 0; }
  .branch_structure li { width: 90%; }
  .publication_list li { padding: 10px; flex-direction: column; align-items: flex-start; }
  .publication_list li .right { width: 100%; text-align: center; }
  .publication_list .aptext { width: auto; flex-grow: 1; }
  .publication_list .aptext .text .cate { flex-direction: column; align-items: flex-start; }
  .publication_list .aptext .text .cate dd { margin-right: 0; }
  .publication_list .newsBox { display: block; }
  .publication_list .newsBox .pic { width: 100%; }
  .publication_list .newsBox .text { width: 100%; padding: 10px 0 0; }
  .publication_list .team { display: block; }
  .publication_list .team .newsBox { width: 100%; }
  .publication_list .leaderBox { display: block; }
  .publication_list .leaderBox .pic { width: 100%; }
  .publication_list .leaderBox .text { padding: 0; }
  .pay_face_wrap { width: 95%; padding: 10px; }
  .pay_face_wrap .order_info { display: block; }
  .register_layout { flex-direction: column; margin: 0; }
  .register_layout .unit { width: 100%; margin-bottom: 3vh; }
  .register_wrap { width: 100%; }
  .register_wrap .inputRow { width: 100%; }
  .headline_big h1:before, .headline_big h1:after { display: none; }
  .search_wrap .input-group { width: 100%; }
  .banner-branch { height: 165px; }
  .banner-branch h2 { font-size: 30px; }
  .member_dlBtn { display: block; }
  .member_dlBtn .bg { width: 100%; margin-bottom: 3%; }
  .year30-body .back-right { right: 5%; top: 1%; }
  .year30-body .zhibo_pic { bottom: 2%; top: auto; }
  .year30-page { background-size: 100%; padding: 35% 0 0; }
  .year30-page .year30-video { width: 90%; height: auto; padding: 5% 2% 3%; }
  .year30-page .year30-video .bg { width: 100%; background-size: 100%; }
  .year30-page .year30-show { padding: 10px; background-size: 100%; }
  .year30-page .year30-show .showList li { margin-bottom: 20px; }
  .year30-page .year30-show .showList li.s2 .item { flex-direction: row; flex-direction: column; }
  .year30-page .year30-show .showList .item { width: 100%; flex-direction: column; padding: 10px; border-radius: 10px; }
  .year30-page .year30-show .showList .item .pic { width: 100%; height: 200px; border-radius: 10px; margin-bottom: 10px; }
  .year30-page .year30-show .showList .item .text { padding: 0 !important; }
  .year30-page .year30-show .showList .item .text h2 { font-size: 18px; } 
  .function_wrap .grids h3{ font-size:14px}
  h2 {
  font-size: 16px;
}
.footer h2 {
  margin: 0 0 10px;
}
h1 {
  font-size: 20px;
}
  }