:root{ --primary:#1184EF; --primary-light:#4A9DFE; --primary-dark:#0D7ADF; --c3:#333; --c6:#666; --c9:#999; --bg:#f5f5f5; --eee:#eee; --border:#ECECEC; --white:#fff; --black:#000 }
html{ font-size:62.5% }
@media(min-width:37.6rem){ html{font-size:75% }
}
@media(min-width:45rem){ html{font-size:87.5% }
}
@media(min-width:64rem){ html{font-size:81.3% }
}
@media(min-width:77.625rem){ html{font-size:100% }
}
header{ width:100%; background-image:url(../images/header-bg.png); background-repeat:no-repeat; background-size:contain; position:relative }
.main{ padding-bottom:2.5rem }
.main-wrapper{ max-width:90rem; padding:2.5rem 1.25rem; margin:0 auto; display:flex; gap:3.75rem }
.main-wrapper .main-right{ flex:1; overflow:hidden }
@media(max-width:56.25rem){ .main-wrapper{flex-direction:column; gap:0; padding:1.25rem }
}
.block1__wrap{ width:100%; max-width:90rem; padding:2.5rem 1.25rem; margin:0 auto; display:flex; justify-content:center; flex-wrap:wrap; gap:2.5rem }
.block1__wrap .service-guide{ display:flex; justify-content:center; align-items:center; gap:.625rem; flex-direction:column; height:100% }
.block1__wrap>div{ width:calc((100% - 5rem)/3); overflow:hidden }
@media(max-width:89.938rem){ .block1__wrap>div{width:calc((100% - 2.5rem)/2); overflow:hidden }
}
@media(max-width:48.063rem){ .block1__wrap>div{width:100%; overflow:hidden }
}
.block2__wrap{ width:100%; max-width:90rem; padding:2.5rem 1.25rem; margin:0 auto; display:flex; justify-content:center; gap:2.5rem; flex-wrap:wrap }
.block2__wrap>div{ flex:1; overflow:hidden }
.block2__wrap .link-items{ display:flex; justify-content:center; flex-wrap:wrap; gap:1.25rem }
.block2__wrap .link-items .body-item{ width:calc((100% - 5rem)/5); overflow:hidden }
@media(max-width:75rem){ .block2__wrap .link-items .body-item{width:calc((100% - 3.75rem)/4); overflow:hidden }
}
@media(max-width:60.625rem){ .block2__wrap .link-items .body-item{width:calc((100% - 2.5rem)/3); overflow:hidden }
}
@media(max-width:48.063rem){ .block2__wrap .link-items .body-item{width:calc((100% - 1.25rem)/2); overflow:hidden }
}
.headerbar .header__wrap{ max-width:90rem; padding:1.25rem; margin:0 auto; display:flex; align-items:center; justify-content:space-between }
.headerbar .header__wrap .header__left{ flex:1 }
.headerbar .header__wrap .header__left .logo{ width:100%; max-width:37.5rem; object-fit:contain }
.navbar{ width:100%; background-color:var(--primary) }
@media(max-width:56.25rem){ .headerbar{padding-right:3.75rem }
.navbar{ position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0) }
.nav_icon{ position:absolute; right:1.25rem; top:50%; transform:translateY(-50%) }
}
.nav-web{ max-width:90rem; padding:0 1.25rem; margin:0 auto }
.nav-web .nav-ul{ display:flex; align-items:center; justify-content:space-between }
.nav-web .nav-ul .nav-li{ height:3.75rem; flex:1; line-height:3.75rem; text-align:center; position:relative }
.nav-web .nav-ul .nav-li>a{ display:block; color:var(--white); font-size:1.375rem; font-weight:bold }
.nav-web .nav-ul .nav-li:first-child{ text-align:left; flex:none; width:6.25rem }
.nav-web .nav-ul .nav-li:last-child{ text-align:right; flex:none; width:6.25rem }
.nav-children_ul{ display:none; position:absolute; background:rgba(17,132,239,.3); width:100%; box-shadow:0 .125rem .5rem rgba(0,0,0,.1); z-index:10 }
.nav-children_ul a{ display:block; font-size:1.375rem }
.nav-children_ul .nav-children_li{ background-color:rgba(0,0,0,0); color:var(--white) }
.nav-children_ul .nav-children_li:hover{ background-color:var(--primary-dark); color:var(--white) }
.nav-li:hover:not(:first-child):not(:last-child){ background-color:var(--primary-dark) }
.nav-li:hover .nav-children_ul{ display:block }
.nav_icon{ display:inline-block; width:2.5rem; height:2.5rem; background:url("../images/icon-nav-wap.png") center/contain no-repeat; background-size:2.2rem; cursor:pointer }
.nav_inner{ width:40vmin; min-width:12.5rem; display:table; background-color:var(--primary); z-index:4; position:absolute; top:0; right:-100%; height:100%; padding-top:.75rem; box-sizing:border-box; transition:right .3s ease }
.nav_inner li{ display:inline-block; width:100% }
.nav_inner li a{ display:block; text-align:left; text-indent:2em; line-height:4.5rem; font-size:1.5rem; color:#fff; font-weight:bold }
.nav_inner li a i{ display:inline-block; width:0; height:0; border-width:.4rem .4rem 0 .4rem; border-color:#fff rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0); border-style:solid; vertical-align:middle; margin-left:.6rem }
.nav_inner li dl{ background-color:var(--primary); display:none }
.nav_inner li dl dd{ background-color:var(--primary-dark); margin-bottom:.063rem }
.nav_inner li dl dd a{ display:block; line-height:4.5rem; text-indent:2em }
.nav_inner li:nth-child(3n+0) a{ border-right:none }
.nav_cover{ position:fixed; width:100%; height:100%; top:0; left:0; z-index:3 }
.nav_cover em{ display:block; width:100%; height:100%; background-color:#fff; opacity:.8; -moz-opacity:.8; filter:alpha(opacity=80); z-index:3; position:absolute; top:0 }
.nav-close{ display:inline-block; width:4.5rem; height:4.5rem; text-align:center; line-height:4.5rem; border-radius:.3rem; background-color:rgba(0,0,0,0); font-size:3.75rem; color:var(--primary); position:absolute; right:40vmin; z-index:5; opacity:0; transition:opacity .3s ease }
@media(min-width:56.25rem){ .nav-wap{display:none }
.nav-web{ display:block }
}
@media(max-width:56.188rem){ .nav-web{display:none }
.nav-wap{ display:block }
}
#carousel-banner{ width:100%; height:28.5rem; position:relative; overflow:hidden; --swiper-pagination-bottom:1.25rem; --swiper-pagination-bullet-size:1.25rem; --swiper-pagination-bullet-horizontal-gap:0.625rem }
.footer{ background-image:url("../images/footer-bg.jpg"); position:relative; z-index:0 }
.footer:after{ content:""; position:absolute; top:0; left:0; z-index:-1; width:100%; height:100%; background-color:rgba(17,95,167,.8) }
.footer-logo{ width:100% }
.footer-logo .footer__wrap{ width:100%; max-width:90rem; padding:2.5rem 1.25rem; margin:0 auto }
.footer-logo .footer__wrap img{ max-width:37.5rem; width:100%; margin:0 auto }
.footer-copyright{ background-color:hsla(0,0%,100%,.1) }
.footer-copyright .copyright__wrap{ max-width:90rem; padding:1.25rem; margin:0 auto; width:100%; display:flex; align-items:center; justify-content:space-between; gap:.625rem }
.footer-copyright .copyright__wrap .contact-info{ color:var(--white); font-size:1rem; line-height:1; display:flex; align-items:center; flex-wrap:wrap; gap:.625rem }
.footer-copyright .copyright__wrap .contact-gov{ display:flex; align-items:center; flex-wrap:wrap; gap:.625rem; color:var(--white); font-size:1rem; line-height:1 }
.footer-copyright .copyright__wrap .contact-gov .gov-info{ display:flex; align-items:center; gap:.313rem }
.footer-copyright .copyright__wrap .contact-gov .gov__icon{ width:1.25rem; height:1.25rem; object-fit:contain }
@media(max-width:48.063rem){ .footer-copyright .copyright__wrap{flex-wrap:wrap }
}
#dynamic-carousel{ height:20.625rem; position:relative; overflow:hidden; flex:none }
#dynamic-carousel .swiper-slide{ width:100%; height:100%; display:flex; align-items:center; justify-content:center }
#dynamic-carousel .dynamic-pagination{ position:absolute; left:auto; right:.625rem; bottom:.938rem; display:flex; justify-content:center; gap:.5rem; width:min-content }
#dynamic-carousel .swiper-pagination-bullet{ width:1rem; height:1rem; line-height:1rem; font-size:.75rem; color:var(--white); text-align:center; background-color:rgba(0,0,0,0); border:.063rem solid hsla(0,0%,100%,.5); opacity:1; border-radius:0; cursor:pointer; transition:all .3s; margin:0; flex:none }
#dynamic-carousel .swiper-pagination-bullet-active{ background-color:var(--primary); border-color:var(--primary) }
#dynamic-carousel .cover{ position:absolute; top:0; left:0; width:100%; height:100% }
#dynamic-carousel .dynamic-box{ position:absolute; bottom:0; width:100%; padding:.938rem .625rem; background-color:rgba(0,0,0,.4) }
#dynamic-carousel .dynamic-box .box-title{ font-size:1rem; line-height:1; color:var(--white); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-right:8.75rem }
.ratio-4-3{ padding-top:37.5%; padding-bottom:37.5% }
.img-ratio{ width:100%; height:0; overflow:hidden; position:relative }
img{ width:100%; height:100%; object-fit:cover }
.img-ratio>img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover }
.news-list{ display:flex; flex-direction:column }
.news-list .home-column-head{ display:flex; align-items:center; padding-bottom:1.25rem; border-bottom:.031rem solid var(--c9); position:relative }
.news-list .home-column-head::after{ content:""; position:absolute; left:0; bottom:0; width:7.75rem; height:.25rem; background-color:var(--primary) }
.news-list .head-title{ flex:1; font-size:1.75rem; color:var(--primary); font-weight:bold }
.news-list .head-more{ display:flex; align-items:center }
.news-list .head-more span{ font-size:1.125rem; color:#666; line-height:1 }
.news-list .head-more img{ width:1.25rem; height:1.25rem }
.news-list .home-column-newslist{ flex:1; display:flex; flex-direction:column; gap:1.875rem; padding-top:1.25rem; overflow:hidden }
.news-list .home-column-newslist .newslist-item{ display:flex; gap:.625rem }
.news-list .home-column-newslist .newslist-item .icon-news{ display:block }
.news-list .home-column-newslist .newslist-item .icon-news-hover{ display:none }
.news-list .home-column-newslist .newslist-item:hover{ cursor:pointer }
.news-list .home-column-newslist .newslist-item:hover .icon-news{ display:none }
.news-list .home-column-newslist .newslist-item:hover .icon-news-hover{ display:block }
.news-list .home-column-newslist .newslist-item:hover .item-title,.news-list .home-column-newslist .newslist-item:hover .item-time{ color:var(--primary-dark) }
.news-list .home-column-newslist .item-icon{ width:1.125rem; height:1.125rem }
.news-list .home-column-newslist .item-title{ font-size:1.125rem; color:#000; flex:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
.news-list .home-column-newslist .item-time{ font-size:1rem; color:#666 }
.news-list .home-column-newslist .item-top{ color:#9c0c17 }
.inner-menu{ flex:none }
.inner-menu .inner-menu-title{ height:100px; background-color:var(--primary-dark); display:flex; justify-content:center; align-items:center; font-size:36px; font-weight:bold; color:var(--white) }
.inner-menu .inner-menu-list{ display:flex; align-items:flex-start; background-color:var(--eee) }
.inner-menu .inner-menu-item{ padding:10px; color:var(--c3); cursor:pointer; background-color:rgba(0,0,0,0); transition:background-color .3s,color .3s; align-self:stretch; display:flex; justify-content:center; align-items:center; position:relative }
.inner-menu .inner-menu-item .icon-more{ position:absolute; right:10px; top:50%; transform:translateY(-50%); width:16px; height:16px; background-image:url("../images/icon-more.png") }
.inner-menu .inner-menu-item:hover,.inner-menu .inner-menu-item.active{ background-color:var(--white); color:var(--primary); border-color:var(--primary) }
.inner-menu .inner-menu-item:hover .icon-more,.inner-menu .inner-menu-item.active .icon-more{ background-image:url("../images/icon-more_active.png") }
@media(min-width:900px){ .inner-menu{width:250px }
.inner-menu .inner-menu-list{ flex-wrap:wrap; flex-direction:column; justify-content:center; margin-top:20px }
.inner-menu .inner-menu-item{ height:70px; border-left:4px solid rgba(0,0,0,0); font-size:22px }
}
@media(max-width:899px){ .inner-menu{width:100% }
.inner-menu .inner-menu-title,.inner-menu .icon-more{ display:none !important }
.inner-menu .main-left{ margin:-20px -20px 0 }
.inner-menu .inner-menu-list{ flex-wrap:wrap; flex-direction:row; justify-content:flex-start; margin:0 }
.inner-menu .inner-menu-item{ width:120px; height:50px; border-left:none; font-size:18px }
}
.breadcrumb-list{ display:flex; justify-content:space-between; align-items:center; border-bottom:.063rem solid #999 }
.breadcrumb-list .breadcrumb-title{ font-size:1.875rem; color:#000 }
.breadcrumb-list .breadcrumb-items{ display:flex; justify-content:center; align-items:center; gap:.313rem; font-size:1rem; color:#666 }
.breadcrumb-list .breadcrumb-items .home-icon{ width:1rem; height:1rem; display:inline-block }
.breadcrumb-list .breadcrumb-items .separator{ width:1rem; height:1rem; display:inline-block }
@media(min-width:90rem){ .breadcrumb-list{height:6.25rem }
}
@media(max-width:89.938rem){ .breadcrumb-list{height:5rem }
}
.inner-page #carousel-banner{ width:100%; height:28.5rem; position:relative; overflow:hidden; position:relative; z-index:0 }
.inner-page #carousel-banner::before{ content:""; position:absolute; top:0; left:0; width:100%; height:100%; background-image:linear-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0.9)); z-index:2; pointer-events:none }
.inner-newslist{ display:flex; flex-direction:column; padding-top:1.25rem; overflow:hidden }
.inner-newslist .newslist-item{ border-bottom:.063rem solid var(--border) }
.inner-newslist .newslist-item a{ height:100%; display:flex; align-items:center; gap:.625rem }
.inner-newslist .newslist-item .icon-news{ display:block }
.inner-newslist .newslist-item .icon-news-hover{ display:none }
.inner-newslist .newslist-item:hover,.inner-newslist .newslist-item.active{ cursor:pointer }
.inner-newslist .newslist-item:hover .icon-news,.inner-newslist .newslist-item.active .icon-news{ display:none }
.inner-newslist .newslist-item:hover .icon-news-hover,.inner-newslist .newslist-item.active .icon-news-hover{ display:block }
.inner-newslist .newslist-item:hover .item-title,.inner-newslist .newslist-item:hover .item-time,.inner-newslist .newslist-item.active .item-title,.inner-newslist .newslist-item.active .item-time{ color:var(--primary-dark) }
.inner-newslist .item-icon{ width:1rem; height:1rem }
.inner-newslist .item-title{ color:#000; flex:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
.inner-newslist .item-time{ font-size:1.125rem; color:#666 }
.inner-newslist .item-top{ color:#9c0c17 }
@media(min-width:56.25rem){ .inner-newslist .newslist-item{height:5rem }
.inner-newslist .item-title{ font-size:1.25rem }
}
@media(max-width:56.188rem){ .inner-newslist .newslist-item{height:3.75rem }
.inner-newslist .item-title{ font-size:1.125rem }
}
.inner-newslist-pagination{ display:flex; justify-content:center; align-items:center; gap:.625rem; margin-top:3.75rem }
.inner-newslist-pagination .pagination-item{ width:2.5rem; height:2.5rem; background-color:var(--eee); font-size:1.125rem; line-height:2.5rem; color:var(--c9); text-align:center; transition:color .3s }
.inner-newslist-pagination .pagination-item:first-child,.inner-newslist-pagination .pagination-item:last-child{ width:5rem }
.inner-newslist-pagination .pagination-item:hover,.inner-newslist-pagination .pagination-item.active{ cursor:pointer; color:var(--white); background-color:var(--primary-dark) }
.inner-newsdetail{ width:100% }
.inner-newsdetail .news-detail__wrap{ display:flex; flex-direction:column; gap:1.875rem; padding-top:3.125rem; padding-bottom:3.125rem; border-bottom:.063rem solid var(--c9) }
.inner-newsdetail .news-detail__wrap .news-detail__header__title{ font-size:2.25rem; font-weight:bold; color:var(--black); text-align:center; line-height:1.5 }
.inner-newsdetail .news-detail__wrap .news-detail__header{ display:flex; justify-content:center; align-items:center; flex-direction:column; gap:1.875rem }
.inner-newsdetail .news-detail__wrap .news-detail__header__meta{ height:1.125rem; display:flex; justify-content:space-between; align-items:center; gap:1.25rem; font-size:.938rem; color:var(--c6) }
.inner-newsdetail .news-detail__wrap .news-detail__header__meta__top{ border:.063rem solid #d80505; color:#d80505; border-radius:.25rem; padding:.125rem .25rem; font-size:.75rem }
.inner-newsdetail .news-detail__wrap .news-detail__content__cover{ width:50%; margin:0 auto 1.875rem }
.inner-newsdetail .news-detail__wrap .news-detail__content{ line-height:1.5 }
.inner-newsdetail .news-detail__wrap .news-detail__content__blurb{ color:var(--c9); border-left:.125rem solid var(--border); padding-left:.625rem; font-size:1rem; font-style:italic }
.inner-newsdetail .news-detail__wrap .news-detail__content__text{ font-size:1.125rem; color:var(--c3); text-indent:2em; margin-top:1.25rem }
.inner-newsdetail .news-detail__wrap .news-detail__content__text p{ margin-top:1em }
.inner-newsdetail .inner-newsdetail-pagination{ width:100%; height:4.375rem; display:flex; justify-content:space-between; align-items:center; gap:1.875rem }
.inner-newsdetail .inner-newsdetail-pagination .pagination-item{ display:flex; align-items:center; gap:.625rem; color:var(--c3); font-size:1.125rem; cursor:pointer; flex:1; overflow:hidden }
.inner-newsdetail .inner-newsdetail-pagination .pagination-item i{ width:1rem; height:1rem; background-image:url("../images/icon-more-next.png"); display:block }
.inner-newsdetail .inner-newsdetail-pagination .pagination-item span{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; flex:1 }
.inner-newsdetail .inner-newsdetail-pagination .pagination-item .icon-prev{ transform:rotate(180deg) }
.inner-newsdetail .inner-newsdetail-pagination .pagination-item:hover,.inner-newsdetail .inner-newsdetail-pagination .pagination-item.active{ color:var(--primary) }
.inner-newsdetail .inner-newsdetail-pagination .pagination-item:hover i,.inner-newsdetail .inner-newsdetail-pagination .pagination-item.active i{ background-image:url("../images/icon-more_active.png") }
.attachment-list{ display:flex; flex-direction:column; gap:.625rem; padding:.625rem 1.25rem; border:.063rem solid var(--border) }
.attachment-list .attachment-item{ display:flex; align-items:center; gap:.625rem; padding:.625rem }
.attachment-list .attachment-item .attachment-icon{ width:1.875rem; height:1.875rem }
.attachment-list .attachment-item .attachment-info{ flex-grow:1 }
.attachment-list .attachment-item .attachment-name{ font-size:1.125rem; color:var(--c3) }
.attachment-list .attachment-item .attachment-down{ width:1.25rem; height:1.25rem; margin-right:.625rem; display:none }
.attachment-list .attachment-item:hover{ background-color:var(--border) }
.attachment-list .attachment-item:hover .attachment-down{ display:block }