﻿@charset "UTF-8";
/* Css for PEL, ver 1.0 CopyRight By Dongyi Network Technology CO.,Ltd Design Center
   本网站通用布局
*/

/* Css 初始化 */
html { font-size: 8.32px; }
body { font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif; color: #333; }
pre { white-space: pre-wrap; word-wrap: break-word; font-size: inherit; line-height: inherit; font-family: inherit; }
ul, ol, li { padding: 0; list-style: none; margin: 0; }
dl, dt, dd { margin: 0; font-weight: normal; }
p, .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin: 0; font-weight: inherit; line-height: inherit; font-size: inherit; }
i, em { font-style: normal; }
a { color: #333; text-decoration: none; }
a:hover { color: #18588c; text-decoration: none; }

/* 公共 */
.iconfont{ font-size: inherit; line-height: inherit; }
.iconsvg { width: 1em; height: 1em; vertical-align: -0.15em; fill: currentColor; overflow: hidden; }
.form-control::-webkit-input-placeholder { color: #d2d2d2; }
.form-control::-moz-placeholder { color: #d2d2d2; }
.pic img{ width: 100%; height: auto; min-height: 100%; }
.text-blue { color: #00a8ff; }
.text-pink { color: #ff0055; }

/* 框架 */
body { font-size: 170%; }
.wrap { overflow: hidden; }
#content { position: relative; z-index: 1; padding: 0; min-height: 37.5rem; background:  url(../img/page-bg-01.jpg) center 12.5rem no-repeat;}
.row,
.container { --bs-gutter-x: 3rem; --bs-gutter-y: 3rem; }
.container::after{content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0;}

/* 过度动画 */
.transition,
.transition:after,
.transition:before{
	transition: all 0.6s ease;
}

/* 顶部 */
#header { position: fixed; left: 0; top: 0; width: 100%; z-index: 2; background: linear-gradient(180deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0)); animation: fadeInDown 1s ease 0s 1; }
#header .logo { flex-grow: 1; }
#header .logo a { display: block; padding: 2.5rem 0; }
#header .logo img { width: auto; height: 4.375rem; }
.navbar { padding: 0; }
.navbar .container { position: relative; }
.navbar .navbar-collapse { margin: 0 -2%; }

/* 主导航 */
.nav-main { background: #fff; max-height: 75rem; overflow-y: auto; border-top: 2px solid #ff0055; }
.nav-main .li1 { position: relative; border-bottom: 1px solid #eee; }
.nav-main .li1:last-of-type { border-bottom: none; }
.nav-main .a1 { display: block; line-height: 3.125rem; padding: 1.25rem 1.875rem; font-size: 1.25em; color: #333; text-decoration: none; }
.nav-main .dropdown1 { display: none; padding: 0 1.875rem 1.25rem; }
.nav-main .dropdown1 .intro,
.nav-main .dropdown1 .pic { display: none; }
.nav-main .dropdown1 .ul1 { display: flex; flex-wrap: wrap; }
.nav-main .dropdown1 .li2 { min-width: 33.3333%; }
.nav-main .dropdown1 .a2 { display: block; padding: 0.625rem 1.25rem; font-size: 1em; color: #666; }
.nav-main .hasUl1 .drop { position: absolute; right: 0; top: 0; width: 5.375rem; height: 5.375rem; }
.nav-main .hasUl1 .drop::after,
.nav-main .hasUl1 .drop::before { position: absolute; content: ""; display: block; right: 1.875rem; top: 50%; margin-top: -1px; height: 2px; width: 1.875rem; background: #ff0055; }
.nav-main .hasUl1 .drop::before { transform: rotate(90deg); }
.nav-main .hasUl1 .show .drop::before { display: none; }

/* 导航折叠按钮 */
#header .navbar-toggler { margin-left: 1rem; border: none; color: #fff; outline: none; width: 5rem; height: 4.375rem; font-size: 3.125rem; line-height: 4.2rem; box-shadow: none; border-radius: 0.375rem; }
#header .navbar-toggler[aria-expanded=true] { background: rgba(0, 0, 0, 0.08); }

/* 搜索弹窗按钮 */
.nav-panel { position: relative; z-index: 1; }
.nav-panel .btn-search { margin-left: 1rem; font-size: 3.125rem; width: 5rem; height: 4.375rem; line-height: 4.2rem; color: #fff; font-weight: normal; cursor: pointer; text-align: center; transition: all ease 0.3s; padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x); }

/* 搜索弹框 */
#modal-search { background: rgba(0, 0, 0, .7); }
#modal-search .modal-backdrop{ display: none !important; }
#modal-search .modal-dialog{ max-width: none; justify-content: center; }
#modal-search .modal-content{ width: 85%; background: none; box-shadow: none; border: none; border-radius: 0; }
#modal-search .btn-close{ position: absolute; z-index: 1; left: 50%; top: 50%; margin: 5rem 0 0 -2rem; padding: 1.25rem; color: #fff; font-size: 1.5em; color: #fff; pointer-events: auto; text-align: center; line-height: 1; opacity: 1; font-weight: bold; box-shadow: none; background: none; border: none; transition: all ease .4s; }
#modal-search .btn-close:hover{ transform: rotate(180deg); }
.s-form{ display: flex; }

/* 搜索站点选择 */
.s-form .select-box { display: none; }

/* 搜索输入框 */
.s-form .input-box{ position: relative; width: 1%; flex-grow: 1; background: #fff; border-radius: .3125rem 0 0 .3125rem; }
.s-form .input-box input{ position: relative; width: 100%; height: auto; vertical-align: top; padding: 1.1875rem 1.5em; line-height: 2; border: 0; outline: none; background: none; font-size: 1em; }
.s-form .input-box .dropdown-word { position: absolute; top: 100%; width: auto; left: 1.875rem; right: 0; background: #fff; max-height: 11.875rem; overflow-y: auto }
.s-form .input-box .dropdown-word li { padding: 0 0.625rem; font-size: 0.9375em; line-height: 2.5; cursor: pointer; }
.s-form .input-box .dropdown-word li:hover { background: #f5f5f5; color: #00aaff; }
.s-form .btn-box { background: #ff0055; border-radius: 0 .3125rem .3125rem 0; }
.s-form .btn-box input{ height: auto;  line-height: 2; padding: 1.0875rem 1.5em; overflow: hidden; border: none; outline: none; color: #fff; background: none; font-size: 1.1em; text-align: center; font-weight: bold; }
.s-form .btn-box input:focus{ outline: none; box-shadow: none; }
.s-form .link-box{ text-align: right; font-size: 14px; }

/* 顶部面板 */
.top-panel { position: absolute; right: 0; top: 1.5rem; }
.list-panel > li { position: relative; height: 2rem; color: rgba(255, 255, 255, 0.9); margin: 0 0.5rem; }
.list-panel > li::before { position: absolute; left: -0.5rem; top: 0.5rem; content: ''; background: rgba(255, 255, 255, 0.4); width: 1px; height: 1rem; }
.list-panel > li:first-of-type::before { display: none; }
.list-panel > li a { color: inherit; text-decoration: none; }
.list-panel > li a { display: block; font-size: .875rem; height: 2rem; line-height: 2rem; padding: 0 0.5rem; border-radius: 4px; }
.list-panel > li a:hover { color: #fff; font-weight: bold; }
.list-panel > li .iconfont { margin: 0.15rem 0.5rem 0 0; display: inline-block; width: 1.7rem; height: 1.7rem; text-align: center; border-radius: 50%; line-height: 1.75rem; font-size: 1rem; vertical-align: top; background: rgba(255, 255, 255, 0.4); }
.list-panel > li a:hover .iconfont { background: rgba(0, 0, 0 , .3); }

/* 顶部登录注册 */
.list-panel .userLogged { display: none; }

/* 友情链接 */
.box-friendly{ margin-bottom: 2.1875rem; }
.box-friendly .btn-group { display: block; border-radius: 0; }
.box-friendly .btn-group .btn { position: relative; width: 100%; height: 2.5em; line-height: 2.5em; border-radius: 0; border: none; text-align-last: left; text-align: left; background: #fff; padding: 0 3.125rem 0 1.25rem; font-size: 1em; color: #333; box-shadow: none; overflow: hidden;  white-space: normal; }
.box-friendly .btn-group .btn::after { position: absolute; margin: 0; font-size: 1.4em; top: 50%; right: 1.25rem; transform: translateY(-50%); border-top-color: #666; }
.box-friendly .btn-group .btn.show::after { transform: translateY(-50%) rotate(90deg); }
.box-friendly .btn-group .dropdown-menu{ width: 100%; --bs-dropdown-font-size: 0.875em; }
.box-friendly .btn-group .dropdown-menu .noData,
.box-friendly .btn-group .dropdown-menu li a{ display: block; padding: 0.5rem 1.25rem; }
.box-friendly .btn-group .dropdown-menu li a:hover{ background: #f6f6f6; text-decoration: none; }


/* 迷你顶部 */
#header,
#header .logo a,
#header .logo img,
#header .nav-main,
#header .nav-main .a1,
#header .navbar-toggler,
#header .nav-panel .btn-search,
#header .top-panel { transition: all ease 0.6s; transform-origin: center top; }

#header.mini { background: #fff; box-shadow: 0 0 1rem rgba(0, 0, 0 , .5); }
#header.mini .logo a { padding: 1.5rem 0; }
#header.mini .logo img { height: 3.5rem; }
#header.mini .top-panel { transform: scaleY(0); visibility: hidden; opacity: 0; }
#header.mini .navbar-toggler,
#header.mini .nav-panel .btn-search { color: #333; }

/* 底部 */
#footer { position: relative; z-index: 1; color: #fff; text-align: center; }
#footer a { color: inherit; }
#footer .row > * { position: relative; }

.footer-bar { line-height: 1; padding: 4rem 1rem; background: #004c99 url(../img/bg-footer.png) repeat center top; }
.copyRight { line-height: 1.8; font-size: .875em; color: #fff; }
.footer-logo img { max-width: 100%; width: 25rem; height: auto; }

.footer-qrcode li { position: relative; margin: .65rem; }
.footer-qrcode li .icon { display: block; width: 1.5em; height: 1.5em; line-height: 1.5em; text-align: center; background: rgba(255, 255, 255, 0.3); color: #fff; border-radius: 50%; font-size: 2.25em; transition: all ease 0.4s; overflow: hidden; cursor: pointer; }
.footer-qrcode  li:hover .icon { background: #fff; color: #ff0055; }
.footer-qrcode li .pic{ position: absolute; display: block; background: #fff; left: 50%; bottom: 100%; width: 12rem;  height: 12rem; padding: .6rem; box-shadow: 0 0 1.4rem rgba(0, 0, 0 , .15); margin: 0 0 1rem -6rem; visibility: hidden; opacity: 0; border-radius: 0.5rem; }
.footer-qrcode li .pic::before{ position: absolute; content: ""; left: 50%; top: 100%; margin-left: -.5rem; width: 0; height: 0; border-left: .5rem solid transparent; border-right: .5rem solid transparent; border-top: .5rem solid #fff; }

.footer-qrcode li:hover .pic{ display: block; visibility: visible; opacity: 1; }

.footer-qrcode .li-wb:hover .icon { color: #d52c2b; }
.footer-qrcode .li-wx:hover .icon { color: #00b300; }
.footer-qrcode .li-dy:hover .icon { color: #000; }
.footer-qrcode .li-qq:hover .icon { color: #3779ff; }
.footer-qrcode .li-xhs:hover .icon { color: #ff2442; }
.footer-qrcode .li-xxqg:hover .icon { color: #d30201; }

.footer-icp { padding: 0.8rem 1rem; line-height: 2; font-size: 0.875em; color: #fff; background: #00264d; text-align: center; }

/* banner */
.banner { position: relative; height: auto; overflow: hidden; }
.banner .swiper-slide { overflow: hidden; }
.banner .pic img { width: 100%; height: auto; }
.banner .bg { transition: transform linear 6s; transform: scale(1.1); display: block; width: 100%; height: 100vh; background-repeat: no-repeat; background-position: center center; background-size: cover; }
.banner .bg a { display: block; width: 100%; height: 100%; }
.banner .con { display: none; }
.banner .swiper-slide-active .bg,
.banner .swiper-slide-duplicate-active .bg { transform: scale(1); }
.banner .swiper-pagination { bottom: 2.5rem; line-height: 1; }
.banner .swiper-pagination-bullets .swiper-pagination-bullet { vertical-align: top; background: rgba(255, 255, 255, 0.8); width: 1rem; height: 1rem; margin: 0 0.625rem; opacity: 1; border-radius: 50%; }
.banner .swiper-pagination-bullets .swiper-pagination-bullet-active { background: #ff0055; }

/* 内页Banner */
.page-banner { height: 27.25rem; background-image: url(../img/page-banner.jpg); background-position: center 0; background-repeat: no-repeat; background-size: cover; }

/* 当前位置 */
.path { width: 100%; text-align: left; margin: 0 0 var(--bs-gutter-y); line-height: 2; font-size: 1em; color: #999; background: #f8f8f8; padding: 1.25rem 1.5625rem; }
.path em { font-style: normal; padding-left: 30px; background:  url(../img/path.png) left center no-repeat;}
.path a { padding: 0 0.375rem; color: inherit; }
.path a:hover { color: inherit; }
.path,
.path em,
.path a{
    display: inline-block;
    line-height: 2;
}

/* 侧栏菜单 */
#side-menu {position: relative;margin-top: -2.5rem;margin-bottom: var(--bs-gutter-y);}
#side-menu > .hd {position: relative;display: flex;align-items: center;justify-content: center;flex-direction: column;padding: 2rem 0;background: #45a4f2;text-align: center;}
#side-menu > .hd h3 {position: relative;font-size: 1.5em;line-height: 1.3;color: #fff;text-align: center;font-weight: bold;overflow: hidden;}
#side-menu > .hd h4 { margin-top: 1rem; font-size: .875em; color: #fff; line-height: 1.5; }

/* box-main */
.box-main > .hd { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; border-bottom: 1px solid #e7e7e7; }
.box-main > .hd .path{
    margin-left: 0;
    padding: 1.125rem .625rem;
}
.box-main > .bd { padding: 1.875rem 0; }
.box-main > .bd::after,
.box-main > .bd::before { display: table; content: " "; clear: both; }

/* box - 盒子 */
.box > .hd { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; border-bottom: 1px solid #e9e9e9; }
.box > .hd h3 { position: relative; min-width: 0; max-width: 100%; line-height: 2.8em; font-size: 1.25em; font-weight: bold; color: #18588c; }
.box > .hd h3::before { position: absolute; content: ''; left: 0; bottom: -1px;  width: 100%; height: 2px; background: #18588c; }
.box > .hd h3 span { display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.box > .hd h3 a { text-decoration: none; color: inherit; }
.box > .hd .more { order: 1; margin-left: 1.25rem; font-size: 1em; color: #999; }
.box > .bd { padding: 1.25rem 1.8rem; border: 1px solid #e9e9e9; border-top: none; }


/* goTop */
#goTop { position: fixed; display: none; width: 50px; height: 50px; bottom: 60px; right: 5px; z-index: 99; cursor: pointer; margin: 5px; width: 40px; height: 40px; border-radius: 2px; box-shadow: 0 0 5px #9c9c9c; -webkit-box-shadow: 0 0 5px #9c9c9c; opacity: .9; background: rgba(0, 0, 0, .5); }
#goTop::after { display: block; position: absolute; left: 50%; top: 50%; margin-left: -10px; margin-top: -15px; content: ""; border-width: 10px; border-color: transparent; border-bottom-color: #fff; border-bottom-style: solid; border-style: dashed; display: block; font-size: 0; line-height: 0; width: 0; }

/* winMark */
#winMark { z-index: 1; width: 100%; display: none; height: 100%; position: fixed; background: rgba(0, 0, 0, .8); left: 0; top: 0; }


/*节点归档信息样式*/
.archived-info { float: right; }
.archived-info span { margin: 0 5px; }

/* 通用底部按钮 */
.bot { text-align: center; padding: 0 0 1.25rem 0; }
.bot a,
.bot button { cursor: pointer; display: inline-block; height: 2.8em; line-height: 2.8em; padding: 0 1.2em; font-size: 1em; background: #18588c; border: 0; color: #fff; margin: 0 0.625rem; border-radius: 2px; }
.bot a:hover,
.bot button:hover { text-decoration: none; background: #790A11; }

/* 依申请、信访、咨询等通用 查询页样色 */
.queryForm { padding: 3% 0; margin: 1.875rem auto; }
.queryForm td { padding: 8px 0}
.queryForm .tdlab { min-width: 7em; text-align: right; font-size: 1em; line-height: 1.4em; padding: 0.6em 0.5em 0.6em 0; }
.queryForm input[type=text] { width: 100%; height: auto; font-size: 1em; line-height: 1.4em; padding: 0.6em 0.7em; border: 1px solid #ddd; border-radius: 3px; outline: none; }
.queryForm .bot { text-align: left; }
.queryForm .bot a { margin: 0; }
.queryForm .required strong { color: #f00; margin-right: 0.5em; }
.queryForm .errorMessage { color: #f00; }
.queryForm table { width: 100%; border: 0; }

/* 依申请、信访、咨询等通用 查询结果页样色 */
.queryResult { margin: 1.875rem auto; }
.queryResult .tit h3 { text-align: center; font-size: 2.125em; line-height: 2; margin-bottom: 1.875rem; }
.queryResult .tips { text-align: center; font-size: 1.125em; margin-bottom: 3.125rem; border-top: 1px solid #ddd; padding: 3.125rem 0 1.25rem 0; }
.queryResult .number { font-weight: bold; color: #f00}

/* 登录注册 */
.userlogincomment { width: auto !important; max-width: 880px; left: 1.25rem !important; right: 1.25rem; margin: auto !important; }
.userlogincomment .user-mainbox .hd h3,
.userlogincomment .user-mainbox .top h3 { color: #18588c; border-bottom-color: #18588c;}
.userlogincomment .user-mainbox .loginBtn { background: #18588c; }
.userlogincomment .user-mainbox .loginBtn:hover { background: #790A11;}
.userlogincomment .loginCookie dd .cookie-time { color: #18588c; }
.userlogincomment .login-tip .registerlink a,
.userlogincomment .login-tip .forget-password a { color: #18588c; }
.userlogincomment .user-mainbox .bd { padding: 2.9375rem 2.1875rem 1.25rem; background-position: 999% 999%; }
.userlogincomment .user-panel { width: 100%; padding: 0; }
.userlogincomment .login-tip { float: left; margin: 5% 0 0; width: 100%; height: auto; padding: 0 0 1.875rem; background-size: contain; background-position: right bottom; }
.userlogincomment .user-panel-login input.form-control { height: auto; width: 100%; box-sizing: border-box; }
.userlogincomment .user-panel-login #Password { width: 100%; }
.userlogincomment .user-mainbox .loginBtn { width: 100%; }
.userlogincomment .login-select { width: auto; margin-top: 1.5625rem; }
.userlogincomment .loginCookie { padding-top: 1.25rem; }

/* 评论列表 */
.commentForm { font-size: 1em; line-height: 1.8; }
.commentForm .commentTitle { font-size: 1.5em !important; line-height: 1.5; }
.commentForm .commenttitle,
.commentForm h3.title { margin-bottom: 0 !important; font-size: 1.1em !important; line-height: 2.5; }
.commentForm .comments ul { padding: 0.625rem 0 0.625rem 2.5rem; }
.commentForm .tips,
.commentForm .comments .commenttime,
.commentForm .comments .operate a,
.commentForm .commentstatus { font-size: 0.9em !important; }

/* 无障碍 */
#free_Web_box { font-size: 16px; line-height: 2; }

/* layui */
.layui-layer { font-size: 16px; }

/* 验证码弹窗 */
#simCaptcha-layer { font-size: 16px; }

/* 媒体查询 */
@media (max-width:992px) {

    /* 侧栏菜单 */
    #side-menu > .bd { padding: 1.5625rem; border: 1px solid #ececec; border-top: none; margin-top: -2.5rem; padding-top: 4.0625rem; }
    #side-menu .list-menu { overflow: hidden; width: 100%; overflow-x: scroll; white-space: nowrap; }
    #side-menu .list-menu::-webkit-scrollbar { height: 0 !important; width: 0 !important }
    #side-menu .list-menu li { display: inline-block; margin: 0 0.5rem; }
    #side-menu .list-menu::-webkit-scrollbar { display: none; }
    #side-menu .list-menu li a {display: block;background: #d9f1fb;color: #333;border-radius: 4px;padding: 0 1.2em;text-decoration: none;font-size: 1.125em;line-height: 2.3;}
    #side-menu .list-menu li.on a {border-color: #45a4f2;background: #45a4f2;color: #fff;}

    #side-menu .side-about-menu dt {
        position: relative;
        display: block;
        width: 100%;
        padding: 2rem 0;
        text-align: center;
        font-size: 1.25em;
        line-height: 1.4;
        color: #18588c;
        overflow: hidden;
    }

}

@media (min-width:768px) {
    html { font-size: 9.6px; }
    body { font-size: 140%; }

    
    /* path */
    .path { width: auto; order: 1; text-align: right; margin: 0 0 0 1.25rem; background: none; padding: 0; }

    /* box-main */
    .box-main > .hd h3 {max-width: 40%;}

    /* 搜索弹出框 */
    .s-form .btn-box input { padding-left: 2.5em; padding-right: 2.5em; }

    /* banner */
    .banner{ position: fixed; left: 0; top: 0; width: 100%; height: 100vh; }
    .banner-mask{ height: 100vh; transition: all .5s cubic-bezier(.5,0,.2,1) 0s; }
    .banner-mask.fixed{ height: 0; }

    /* 主栏菜单 */
    #main-menu { left: 9%; right: 9%; }

    /* 登录注册 */
    .userlogincomment .user-mainbox .bd { background-position: 51% center; }
    .userlogincomment .user-panel { width: 40%; padding: 0 5% 0 4%; }
    .userlogincomment .login-tip { margin: 5% 0 0 8%; width: 42%; padding: 0 0 13.75rem 0; }

}
@media (min-width:992px) {
    html { font-size: 10.88px; }
    body { font-size: 100%; }
    #content { padding-left: 0; padding-right: 0; }

    /* 顶部 */
    #header .logo a { padding: 4.15rem 0; }
    #header .logo img { height: 3.5rem; }

    /* 主导航 */
    .navbar .navbar-collapse { margin: 0; }
    .nav-main { display: flex; border: none; background: none; max-height: 2.625rem; overflow: visible; margin: 0 -0.9rem; }
    .nav-main .li1 { margin: 0 0.9rem; height: 5.75rem; border-bottom: none; }
    .nav-main .h1 { position: relative; }
    .nav-main .a1 { padding: 0; line-height: 2.625rem; font-size: 1em; text-shadow: 1px 1px 3px rgba(0, 0, 0 , .6); color: #fff; font-weight: bold; }
    .nav-main .hasUl1 .drop { display: none; }
    .nav-main .dropdown1 { position: absolute; left: 0; top: 100%; }

    /* 导航下拉-效果 */
    .nav-main .hasUl1::after,
    .nav-main .h1::after,
    .nav-main .h1::before { transition: all ease 0.7s; }
    .nav-main .hasUl1::after { position: absolute; display: block; content: ''; left: 50%; bottom: 0; width: 0; height: 3.125rem; border-left: 2px solid #ff0055; transform-origin: center bottom; transform: scaleY(0); }
    .nav-main .hasUl1:hover::after { transform: scaleY(1); }
    .nav-main .h1::before,
    .nav-main .h1::after { position: absolute; display: block !important; content: ''; top: 100%; width: 50%; height: 0; border-bottom: 2px solid #ff0055; transform: scaleX(0); }
    .nav-main .h1::before { left: 0; transform-origin: left top; }
    .nav-main .h1::after { right: 0; transform-origin: right top; }
    .nav-main .on1 .h1::after,
    .nav-main .on1 .h1::before { transform: scaleX(1); }

    /* 导航下拉-菜单 */
    .nav-main .dropdown1 { width: 47rem; left: 50%; padding: 1.625rem; background: #fff; border-top: 2px solid #ff0055; margin-left: -23.5rem; overflow: hidden; box-shadow: 0 0 1.25rem rgba(0, 0, 0 , .15); }
    .nav-main .dropdown1 .pic { float: left; display: block; position: relative; margin-right: 1.5rem; }
    .nav-main .dropdown1 .pic img { width: 10rem; height: 12.5rem; }
    .nav-main .dropdown1 .intro { float: left; display: block; width: 15.2rem; margin-right: 4rem; font-size: 0.8rem; line-height: 1.5625rem; color: #00aaff; max-height: 12.5rem; overflow: hidden; }
    .nav-main .dropdown1 .ul1 { padding: 0; margin-right: -1.25rem; overflow: hidden; height: 12.5rem; align-items: center; align-content: space-around; }
    .nav-main .dropdown1 .ul1 li { min-width: 50%; padding-right: 1.25rem; }
    .nav-main .dropdown1 .ul1 li a { display: block; padding: 0; line-height: 2.5rem; font-size: 0.9375em; color: #333; }
    .nav-main .dropdown1 .ul1 li a:hover { text-decoration: none; color: #ff0000; }

    .nav-main .first1 .dropdown1 { background-image: url(../img/slogan.png); background-repeat: no-repeat; background-position: right 2rem center; }
    .nav-main .li1:nth-last-of-type(3) .dropdown1{ margin-left: -32rem; }
    .nav-main .li1:nth-last-of-type(2) .dropdown1{ margin-left: -39rem; }
    .nav-main .li1:nth-last-of-type(1) .dropdown1{ margin-left: -44rem; }

    /* 迷你顶部 */
    #header.mini .nav-main .a1 { color: #333; font-weight: normal; text-shadow: none; }

    /* 搜索弹窗 */
    #modal-search .modal-content { width: 56.25rem; }

    /* 侧栏和主栏 */
    .side { float: left; width: 20rem; }
    .main {position: relative;min-height: 40.7rem;padding: calc(var(--bs-gutter-x) * .5) var(--bs-gutter-x) var(--bs-gutter-x);display: flex;flex-direction: column;align-items: stretch;}

    /* 侧栏菜单 */
    #side-menu .list-menu {margin-top: -2.5rem;padding: 2.5rem 0;border-left: 0.3125rem solid #f8fdfe;background: #f8fdfe;}
    #side-menu .list-menu li { margin-left: -0.3125rem; border-left: 0.3125rem solid transparent; }
    #side-menu .list-menu li a {position: relative;display: block;margin: 0 3rem;padding: 1.5rem 0;text-align: center;font-size: 1.125rem;line-height: 1.4;overflow: hidden;border-bottom: 1px solid #ECECEC;}#side-menu .list-menu li.on {border-left-color: #45a4f2;background: #d9f1fb;}
    #side-menu .list-menu li.on a {color: #18588c;text-decoration: none;font-weight: bold;}
    #side-menu .side-about-menu .list-menu{
        padding: 0;
        margin-top: 0;
        overflow: hidden;
        border-left: 0;
    }
    #side-menu .side-about-menu .list-menu:nth-last-child(1){
        padding-bottom: 1.25rem;
    }
    #side-menu .side-about-menu .list-menu li{
        margin-left: 0;
        border-left: 0;
    }
    #side-menu .side-about-menu .list-menu li.on{
        border-left-color: #d9f1fb;
    }
    #side-menu .side-about-menu .list-menu li.on a{
        font-weight: normal;
    }
    #side-menu .side-about-menu dt {
        position: relative;
        display: block;
        width: 100%;
        padding: 1.5rem 0;
        text-align: center;
        font-size: 1.25rem;
        line-height: 1.4;
        color: #18588c;
        overflow: hidden;
        background-color: #f8fdfe;
        border-bottom: 1px solid #ECECEC;
    }

    /* 底部 */
    #footer { text-align: left; }

    /* 依申请、信访、咨询等通用 查询结果页样色 */
    .queryResult { width: 80%; }

    /* 依申请、信访、咨询等通用 查询页样色 */
    .queryForm { width: 80%; }
    .queryForm .tdlab { width: 40%; }
    .queryForm input[type=text] { width: 56%; }
}

@media (min-width:1200px) {
    html { font-size: 13.44px; }

}
@media (min-width:1300px) {
    html { font-size: 14.72px }
    .container { max-width: 1200px; }
}
@media (min-width:1400px) {
    html { font-size: 16px; }
    .container { max-width: 1300px; }
}
@media (min-width:1500px) {
    .container { max-width: 1400px; }
    /* 顶部 */
    #header .logo img { height: 4.1rem; }
}


/* 动画库 */
@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translate3d(0, -100%, 0);
   }
    100% {
        opacity: 1;
        transform: none;
    }
}

@keyframes pagination {
    0% {
        transform: scaleX(0);
    }
    100% {
        transform: scaleX(1);
    }
}
@keyframes down{
    0%{
        transform: translate(-50%,0);
        opacity: 0;
    }
    20%{
        transform: translate(-50%,3px);
        opacity: 1;
    }
    80%{
        transform: translate(-50%,10px);
        opacity: 1;
    }
    90%{
        transform: translate(-50%,10px);
        opacity: 0;
    }
    100%{
          transform: translate(-50%,10px);
        opacity: 0;
    }
}
@keyframes toLeft {
    0%{
        transform: translateX(0);
    }
    20%,
    53%,
    80%,
    100% {
        transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
        transform: translateX(-15px);
    }
    43% {
        transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
        transform: translateX(-21px);
    }
    70% {
        transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
        transform: translateX(-19px);
    }
    90% {
        transform: translateX(-17px);
    }
}
@keyframes float {
    0%,
    100% {
        transform: translateY(0);
        animation-timing-function: ease-in-out;
    }
    50% {
        transform: translateY(-0.6rem);
        animation-timing-function: ease-in-out;
    }
}