﻿@charset "UTF-8";
.banner-box { height: 324px; width: 100%; background: url(../images/j01.jpg) top center no-repeat; }

.gov-logo { display: block; width: 210px; height: 27px; position: absolute; left: 0; top: 10px; background: url(../images/p07.png) center center no-repeat; text-indent: -999em; }

.footer-wrap { background: #5C7DBF; padding: 30px 0; }

.footer-wrap .footer-box { position: relative; }

.footer-wrap .footer-box p { font-size: 14px; color: #FFFFFF; line-height: 30px; }

.footer-wrap .footer-box p a { font-size: 14px; color: #FFFFFF; line-height: 30px; }

.footer-wrap .footer-box p span { margin-right: 10px; }

.footer-wrap .footer-box .icon { vertical-align: sub; margin-right: 10px; }

.footer-wrap .footer-box .logo1 { position: absolute; right: 0; top: 50%; margin-top: -40px; }

.m-footer { background: #5C7DBF; padding: .4rem .2rem; display: none; }

.m-footer p { text-align: center; font-size: 14px; color: #FFFFFF; line-height: 30px; }

.news-items { -webkit-box-sizing: border-box; box-sizing: border-box; }

.news-items .items dt { position: relative; height: 35px; margin-bottom: 15px; }

.news-items .items dt::before { content: ''; width: 100%; height: 1px; background: #ccc; position: absolute; left: 0; top: 50%; }

.news-items .items dt .icon { background: #fff; display: inline-block; height: 35px; position: relative; text-indent: -999em; width: 160px; line-height: 47px; color: #003399; font-size: 36px; vertical-align: top; }

.news-items .items dt .icon1 { background: url(../images/p01.png) center left no-repeat #fff; }

.news-items .items dt .icon2 { background: url(../images/p02.png) center left no-repeat #fff; }

.news-items .items dt .icon3 { background: url(../images/p03.png) center left no-repeat #fff; }

.news-items .items dt .icon4 { background: url(../images/p04.png) center left no-repeat #fff; }

.news-items .items dt .icon5 { background: url(../images/20210319-04.png) center left no-repeat #fff; }

.news-items .items dt .more { background: #fff; display: inline-block; height: 35px; position: relative; line-height: 35px; padding-left: 27px; color: #999; font-size: 14px; float: right; }

.news-items .items dt .more::before { content: ''; display: block; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); background: #ccc; width: 16px; height: 16px; position: absolute; left: 0; top: 50%; margin-top: -8px; }

.news-items .items dd a { line-height: 26px; color: #212121; font-size: 18px; padding: 8px 0; display: block; }

.news-items .items dd a .txt { margin-right: 10px; line-height: 22px; color: #212121; font-size: 18px; }

.news-items .items dd a .date { display: inline-block; white-space: nowrap; line-height: 22px; color: #212121; font-size: 18px; }

.index-section { margin-bottom: 50px; }

.news-items1 { float: left; width: 62.5%; }

.news-items2 { float: left; width: 45%; }

.news-items3 { float: right; width: 45%; }

.news-items4 { float: right; width: 50%; }

.topic-bg { float: right; width: 33.3333%; min-height: 605px; background: url(../images/j04.jpg) top center no-repeat; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 20px; background-size: 100% 100%; }

.topic-bg .hd { height: 47px; background: url(../images/p05.png) center center no-repeat; text-indent: -999em; line-height: 47px; color: #003399; font-size: 36px; margin-bottom: 20px; }

.topic-bg .bd p { font-size: 16px; font-weight: 400; color: #222222; line-height: 36px; }

.pic-wrap .pic-box { margin: 40px 0; }

.pic-wrap .pic-box .item { float: left; width: 22.5%; margin-right: 3.3333%; margin-bottom: 10px; }

.pic-wrap .pic-box .item .pic { font-size: 0; line-height: 0; }

.pic-wrap .pic-box .item .pic img { width: 100%; height: 180px; }

.pic-wrap .pic-box .item h3 { font-size: 16px; font-weight: 400; color: #222222; line-height: 22px; padding: 10px 0; overflow: hidden; height: 44px; }

.pic-wrap .pic-box .item h3 a { font-size: 16px; font-weight: 400; color: #222222; line-height: 22px; }

.pic-wrap .pic-box .item:nth-child(4n) { margin-right: 0; }

.friend-box { background: #f2f2f2; }

.friend-box .items { padding: 40px 0 20px; font-size: 0; line-height: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }

.friend-box .items .item { display: inline-block; padding: 0 10px; color: #666666; font-size: 18px; -webkit-box-shadow: 1px 2px 2px 0px rgba(0, 0, 0, 0.1); box-shadow: 1px 2px 2px 0px rgba(0, 0, 0, 0.1); height: 38px; line-height: 38px; border-radius: 6px; background: #fff; margin: 0 30px 20px 0; }

.breadcrumbs { border-bottom: 1px solid #ccc; line-height: 70px; font-size: 16px; color: #333333; margin-bottom: 40px; }

.breadcrumbs a { line-height: 70px; font-size: 16px; color: #333333; }

.breadcrumbs em { font-style: normal; margin: 0 6px; }

.list-wrap { margin-top: 0px; }

.list-wrap .news-items { margin-bottom: 50px; }

.article-wrap { margin-top: 0; margin-bottom: 80px; }

.article-wrap .hd h1 { text-align: center; font-size: 32px; font-weight: bold; color: #212121; line-height: 48px; margin-bottom: 30px; }

.article-wrap .hd p { font-size: 14px; color: #212121; line-height: 20px; text-align: center; margin-bottom: 40px; }

.article-wrap .hd p span { margin: 0 10px; }

.article-wrap .bd p { text-indent: 2em; font-size: 20px; color: #212121; line-height: 42px; margin-bottom: 30px; }

.article-wrap .bd img { max-width: 100%; margin: 0 auto; display: block; }

.page-wrap { text-align: right; font-size: 18px; font-weight: bold; color: #212121; line-height: 42px; margin-bottom: 50px; }

.page-wrap a { font-size: 18px; font-weight: bold; color: #212121; line-height: 42px; margin-left: 10px; }

.index-wrap .index-hd { background: #F2F6FE; padding: 30px 0; }

.index-wrap .index-hd p { font-size: 20px; color: #222222; line-height: 42px; text-indent: 2em; }

.index-wrap .index-tools { margin: 20px 0 50px; }

.index-wrap .index-tools .icon { display: block; width: 31%; height: 90px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #EAEAEA; float: left; margin-right: 3%; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; text-indent: -999em; text-align: center; line-height: 90px; font-size: 28px; color: #003399; overflow: hidden; }

.index-wrap .index-tools .icon:hover { border-color: #97C4EE; background-color: #F5FBFF; }

.index-wrap .index-tools .icon1 { background: url(../images/20210319-01.png) center center no-repeat; }

.index-wrap .index-tools .icon2 { background: url(../images/20210319-02.png) center center no-repeat; }

.index-wrap .index-tools .icon3 { background: url(../images/20210319-03.png) center center no-repeat; }

.index-wrap .index-tools .icon:last-child { margin-right: 0; }

.index-wrap .index-bd { margin-bottom: 80px; }

.index-wrap .index-bd .swipe-news { width: 46.5%; float: left; }

.index-wrap .index-bd .swipe-news .item { position: relative; }

.index-wrap .index-bd .swipe-news .item h3 { width: 100%; background: rgba(101, 113, 116, 0.6); position: absolute; left: 0; bottom: 0; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 10px 0 10px 15px; overflow: hidden; height: 64px; }

.index-wrap .index-bd .swipe-news .item h3 a { display: block; width: 100%; height: 100%; overflow: hidden; font-size: 16px; color: #fff; line-height: 22px; }

.index-wrap .index-bd .swipe-news .slick-arrow { display: none !important; }

.index-wrap .index-bd .swipe-news .slick-dots { width: 30%; right: 0; position: absolute; bottom: 7px; text-align: right; height: 18px; }

.index-wrap .index-bd .swipe-news .slick-dots li { display: inline-block; width: 9px; height: 9px; border-radius: 50%; background: #ccc; vertical-align: middle; margin-right: 10px; cursor: pointer; }

.index-wrap .index-bd .swipe-news .slick-dots li button { display: none; }

.index-wrap .index-bd .swipe-news .slick-dots .slick-active { width: 12px; height: 12px; background: #0EBEFF; }

/*媒体查询 begin*/
@media screen and (max-width: 769px) { html { font-size: 13.33333vw; }
  .m-hide { display: none !important; }
  .banner-box { height: 3rem; width: 100%; background: url(../images/m01.jpg) top center no-repeat; background-size: 100% 100%; margin-bottom: 30px; }
  .news-items1, .news-items2, .news-items3 { width: 7.1rem; margin: 0 auto; float: none; }
  .topic-bg { width: 100%; background-size: 100% 100%; height: auto; }
  .pic-wrap { width: 7.1rem; margin: 0 auto; }
  .pic-wrap .pic-box { margin: 40px 0; }
  .pic-wrap .pic-box .item { float: none; width: 100%; margin-right: 0; }
  .pic-wrap .pic-box .item .pic img { height: auto; }
  .pic-wrap .pic-box .item h3 { height: auto; }
  .friend-box .items { padding: .4rem 0 .2rem .2rem; }
  .friend-box .items .item { margin: 0 .2rem .2rem 0; }
  .footer-wrap { display: none; }
  .m-footer { display: block; }
  .list-wrap { padding: 0 .2rem; -webkit-box-sizing: border-box; box-sizing: border-box; margin-top: -30px; }
  .list-wrap .news-items { margin-bottom: 20px; }
  .article-wrap { margin-top: -30px; margin-bottom: 80px; padding: 0 .2rem; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .article-wrap .hd h1 { margin-bottom: 10px; }
  .article-wrap .hd p { margin-bottom: 20px; }
  .article-wrap .hd p span { margin: 0 5px; }
  .article-wrap .bd p { margin-bottom: 20px; }
  .index-wrap .index-hd { padding: 30px 20px; }
  .index-wrap .index-tools { padding: 0 20px; }
  .index-wrap .index-tools .icon { background: none; text-indent: 0; text-align: center; font-size: 22px; height: 45px; line-height: 45px; }
  .index-wrap .index-bd .swipe-news { width: 90%; margin: 0 auto 40px; float: none; }
  .index-wrap .index-bd .news-items4 { width: 90%; margin: 0 auto; float: none; } }

/*媒体查询 end*/
/*# sourceMappingURL=index.css.map */