@charset "UTF-8";
/* Css for PEL, ver 1.0 CopyRight By Dongyi Network Technology CO.,Ltd Design Center
   本网站通用布局
*/

/* Css 初始化 */
html { font-size: 0.52px; }
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: #B42C2B; text-decoration: underline; }

/* 公共 */
.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%; }

/* 框架 */
body { font-size: 170%; }
.wrap{padding-top: 130rem;}
#content { position: relative; z-index: 1; padding: 0 30rem 30rem; min-height: 400rem; }
.container::after, .container::before, #content::after, #content::before { display: table; content: " "; clear: both; }
.row { --bs-gutter-x: 20rem; --bs-gutter-y: 20rem; }


/* 顶部 */
#header { position: fixed; left: 0; top: 0; width: 100%; z-index: 2; background: rgba(161, 20, 26, 1); padding: 0 2%; }
#header .logo { flex-grow: 1; }
#header .logo a { display: block; padding: 25rem 0; }
#header .logo img { width: auto; height: 80rem; }
.navbar { position: relative; align-items: stretch;}
.navbar .navbar-collapse { margin: 0 -2%; }

/* 主导航 */
.nav-main { background: rgba(161, 20, 26, 1); }
.nav-main .li1 { position: relative; border-bottom: 1px solid rgba(255, 255, 255, .15); }
.nav-main .li1:last-of-type { border-bottom: none; }
.nav-main .a1 { display: block; line-height: 50rem; padding: 20rem 30rem; font-size: 18em; font-weight: bold; color: #fff; text-decoration: none; }
.nav-main .dropdown1 { display: none;}
.nav-main .dropdown1 .pic { display: none; }
.nav-main .dropdown1 .ul1 {display: flex; flex-direction: row; flex-wrap: wrap; }
.nav-main .dropdown1 .li2 {flex-basis: 33.3%;}
.nav-main .dropdown1 .a2 { display: block; padding: 10rem 20rem; font-size: 16em; text-align: center; color: rgba(255, 255, 255, 0.8); }
.nav-main .hasUl1 .drop { position: absolute; right: 0; top: 0; width: 86rem; height: 86rem; }
.nav-main .hasUl1 .drop::after,
.nav-main .hasUl1 .drop::before { position: absolute; content: ""; display: block; right: 30rem; top: 50%; margin-top: -1px; height: 2px; width: 30rem; background: #fff; }
.nav-main .hasUl1 .drop::before { transform: rotate(90deg); }
.nav-main .hasUl1 .show .drop::before { display: none; }

/* 导航折叠按钮 */
#header .navbar-toggler {margin-top: 24rem; margin-left: 24rem; border: none; color: #fff; outline: none; width: 80rem; height: 70rem; font-size: 50rem; line-height: 70rem; box-shadow: none; border-radius: 6rem; }
#header .navbar-toggler[aria-expanded=true] { background: rgba(0, 0, 0, .2); }

/* 搜索按钮 */
.nav-panel { position: relative; z-index: 1; }
.nav-panel .btn-search {margin-top: 24rem; margin-left: 18rem;font-size: 48rem;width: 70rem;height: 70rem;line-height: 70rem;color: #fff;font-weight: normal;cursor: pointer;text-align: center;transition: all ease 0.3s;}
.nav-panel .btn-search:hover { transform: scale(1.2); }

/* 搜索弹框 */
#modal-search { background: rgba(0, 0, 0, .4); }
#modal-search .modal-backdrop{ display: none !important; }
#modal-search .modal-dialog{ max-width: none; justify-content: center; }
#modal-search .modal-content{ width: 80%; background: none; box-shadow: none; border: none; border-radius: 0; }
#modal-search .btn-close{ position: absolute; z-index: 1; right: 100rem; top: 100rem; padding: 20rem; color: #fff; font-size: 60rem; color: #fff; pointer-events: auto; text-align: center; line-height: 1; opacity: 1; 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 { position: relative; margin-right: 15rem; }
.s-form .select-box .s-option { display: block; line-height: 2; font-size: 16em; text-decoration: none; padding: 15rem 25rem; background: #fff; border-radius: 500px; }
.s-form .select-box .s-option::after { display: inline-block; content: ''; vertical-align: middle; margin: 0.25em 0 0 0.5em; width: 0; height: 0; border: 0.5em solid transparent; border-top-color: #999; }
.s-form .select-box .arrow-dn { display: none; }
.s-form .select-box ul {position: absolute;display: flex;flex-wrap: wrap;left: 0;top: 100%;width: 700em;background: #fff;padding: 15rem 20rem;margin: 5rem 0 0;border-radius: 10rem;}
.s-form .select-box li {min-width: 25%;padding: 0 10rem;font-size: 14em;line-height: 2;cursor: pointer;border-radius: 5rem;}
.s-form .select-box li:hover { background: #f5f5f5; color: #B42C2B; }

/* 搜索输入框 */
.s-form .input-box{ position: relative; width: 1%; flex-grow: 1; background: #fff; border-radius: 500px; }
.s-form .input-box .iconfont { position: absolute; left: 1em; top: 50%; font-size: 20em; color: #999; transform: translateY(-50%); }
.s-form .input-box input{ position: relative; width: 100%; height: auto; vertical-align: top; padding: 15rem 1.5em 15rem 3.2em; line-height: 2; border: 0; outline: none; background: none; font-size: 16em; }
.s-form .input-box .dropdown-word { position: absolute; top: 100%; width: auto; left: 30rem; right: 0; background: #fff; max-height: 190rem; overflow-y: auto }
.s-form .input-box .dropdown-word li { padding: 0 10rem; font-size: 15em; line-height: 2.5; cursor: pointer; }
.s-form .input-box .dropdown-word li:hover { background: #f5f5f5; color: #B42C2B; }
.s-form .btn-box { display: none; background: linear-gradient(180deg, #B42C2B, #9c2222); border-radius: 0 500px 500px 0; }
.s-form .btn-box input{ height: auto; line-height: 1.7778; padding: 15rem 1.5em; overflow: hidden; border: none; outline: none; color: #fff; background: none; font-size: 18em; text-align: center; }
.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: 42rem; top: 36rem; padding-right: 10rem;}
.top-panel::before{position: absolute; z-index: 1; right: 0; top: 50%; content: ""; width: 2px; height: 18rem; float: left; margin-top: -9rem; line-height: 18rem; background-color: #fff;}
.list-panel > li { height: 24rem; color: rgba(255, 255, 255, 0.8); margin: 0 4rem; }
.list-panel > li a { color: inherit; text-decoration: none; }
.list-panel #siteLast dt,
.list-panel > li a { display: block; font-size: 14rem; height: 24rem; line-height: 24rem; padding: 0 8rem; border-radius: 4px; }
.list-panel #siteLast:hover dt,
.list-panel > li a:hover { background: rgba(0, 0, 0 , .1); color: #fff; }
.list-panel #siteLast dt::before,
.list-panel > li a::before { display: inline-block; vertical-align: top; font-family: "iconfont"; font-size: 18rem; margin-right: 6rem; }

/* 面板图标 */
.list-panel > li.li-xs a::before { content: '\e650'; }
.list-panel > li.li-jg a::before { content: '\e652'; }
.list-panel > li.li-xy a::before { content: '\e64c'; }
.list-panel > li.li-ksjfk a::before { content: '\e655'; }
.list-panel > li.li-xzxx1 a::before { content: '\e651'; }
.list-panel > li.li-dszxx a::before { content: '\e648'; }
.list-panel > li.li-jmxqs a::before { content: '\e64b'; }
.list-panel > li.li-tsg a::before { content: '\e64d'; }
.list-panel > li.li-jbwz a::before { content: '\e6a5'; }
.list-panel #siteLast dt::before { content: '\e65a'; } 
    
/* 手机版-顶部类型-子栏目-效果 */
#nav-othter-list{
    padding: 20rem;
    background: #bc3037;
    display: flex;
    flex-flow: wrap;
    box-sizing: border-box;
}
#nav-othter-list li{
    flex-basis: 33.3%;
    height: auto;
    margin: 0;
}
.list-panel > li a{
    font-size: 16em;
    height: auto;
    vertical-align: top;
    line-height: 2;
}
.list-panel > li a::before{
    font-size: 1.2em;
    margin-top: -4rem;
}

/* 站群导航-公共 */
#siteLast{position: relative; }
#siteLast dt {cursor: pointer; }
#siteLast dd{display:none; width:700px; position:absolute;  background:#fff; text-align:left; color:#333; max-height:500px; overflow:auto; padding:10px}
#siteLast dd h3{ text-align:left; margin:0 10px; position:relative; font-size:14px; font-weight:bold; line-height:34px; display:block; overflow:hidden; }
#siteLast dd h3.h i{display:none; }
#siteLast dd h3 span{float:left; height:34px; line-height:34px; padding:0 15px 0 0; background:#ffffff; position:relative; z-index:2; }
#siteLast dd h3 i{ content:""; display:block; height:1px; line-height:0; font-size:0; background:#eeeeee; top:16px; right:0; width:100%; position:absolute; z-index:1; }
#siteLast dd table{border-collapse: collapse;border-spacing: 0; font-size:12px; width:100%}
#siteLast dd table td{padding-top:10px; padding-bottom:10px; overflow:hidden}
#siteLast dd table .tdlab{width:90px; text-align:right; padding-right:20px; vertical-align:middle; line-height:26px; font-weight:bold; }
#siteLast dd ul{overflow:hidden; }
#siteLast dd ul li{width:18%; margin-left:2%; float:left; height:26px; line-height:26px; overflow:hidden}
#siteLast dd ul li a{color:#333}
#siteLast dd ul li a:hover{color:#c00; }
#siteLast dd table.up{background:#f7f7f7}
#siteLast.on dd{display:block; }

/* 站群导航-个性 */
#siteLast { z-index: 2; padding-bottom: 10rem; }
#siteLast dt { position: relative; }
#siteLast:hover dt::after { position: absolute; left: 50%; top: 100%; margin-left: -6rem; content: ''; width: 0; height: 0; border: 6rem solid transparent; border-top-color: rgba(0, 0, 0 , .1); }
#siteLast:hover dd { display: block; }
#siteLast dd { right: 0; top: 100%; width: 760rem; max-height: 500rem; padding: 10rem; margin: 0 0 0 -300rem; box-shadow: 0 0 20rem rgba(0, 0, 0 , .15); }
#siteLast dd h3 span a { font-size: 14px; padding: 0; }
#siteLast dd ul li a { font-size: 12px; padding: 0; }
#siteLast dd h3 span a:hover,
#siteLast dd ul li a:hover { background: none; color:#B42C2B; }

/* 顶部登录注册 */
.list-panel .userLogged { margin: 0; height: auto; float: none; }
.list-panel .loggedin,
.list-panel .notlogged { display: flex; }
.list-panel .userLogged .split { width: 0; font-size: 0; margin: 0 4rem; }
.list-panel .userLogged .userDropdown .ud-hd { display: flex; align-items: center; width: auto; height: auto; padding-left: 8rem; border-radius: 4px; }
.list-panel .userLogged .userDropdown:hover .ud-hd { background: rgba(0, 0, 0 , .1); color: #fff; }
.list-panel .userLogged .userDropdown .avatar { width: 24rem; height: 24rem; margin-right: 0; }
.list-panel .userLogged .userDropdown .avatar img { vertical-align: top; width: 100%; height: 100%; }
.list-panel .userLogged .userDropdown .nickname { height: 30rem; padding-right: 8rem; }
.list-panel .userLogged .userDropdown .nickname:hover { background: none; color: #fff; }
.list-panel .userLogged .userDropdown .nickname::after { position: static; margin: 0 0 0 6rem; display: inline-block; vertical-align: top; background: none; width: auto; height: auto; font-size: 12rem; font-family: "iconfont"; content: "\e648"; color: #fff; }
.list-panel .userLogged .userDropdown .ud-bd { left: 0; top: 100%; }
.list-panel .userLogged .userDropdown .ud-bd li a { height: auto; line-height: inherit; font-size: 14px; padding: 0; background: none; }
.list-panel .userLogged .loggedin .myMsg { width: auto; height: 30rem; background: none; }
.list-panel .userLogged .loggedin .myMsg::before { margin-right: 0; }
.list-panel .userLogged .loggedin .myMsg:hover { background: rgba(0, 0, 0 , .1); }


/* 底部 */
#footer { position: relative; z-index: 1; background: #B42C2B; background-size: cover; color: #fff; text-align: center; }
#footer a { display: block; color: white; }
#footer a:hover{text-decoration: none; color: rgba(255, 255, 255, 0.8);}
.box-friendly{padding: 12rem 20rem 2rem; font-size: 16em; line-height: 36rem; background-color: rgba(0, 0, 0 , 0.1);}
.box-friendly strong{font-weight: normal;}
.friend-list{ flex: 1;}
.friend-list li{margin-right: 20rem; margin-bottom: 10rem;}
.footer-nav { margin-bottom: 10rem; justify-content: center;}
.footer-nav li { font-size: 16em; line-height: 1.8; }
.footer-nav li.spe { padding: 0 1.5em; }
.footer-bar {padding: 30rem 20rem; line-height: 1; }
.copyRight{ line-height: 2; font-size: 16em; color: #fff; }
.footer-qrcode { vertical-align: middle; margin-top: 30rem; justify-content: center;}
.footer-qrcode li {width: 120rem; position: relative; margin: 0 10rem; }
.footer-qrcode li .pic{padding: 10rem; background-color: #fff;}
.footer-qrcode li img{width: 100%; height: auto;}
.footer-qrcode li .pic canvas{width: 100% !important; height: auto !important;}
.footer-qrcode li p{padding-top: 10rem; font-size: 15em; line-height: 1.6;}

/* banner */
.banner { position: relative; height: auto; overflow: hidden; }
.banner .swiper-slide { overflow: hidden; }
.banner .pic img { width: 100%; height: auto; }
.banner .bg { 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-pagination { bottom: 4%; text-align: center; padding: 0 2.6%; }
.banner .swiper-pagination-bullets .swiper-pagination-bullet { vertical-align: top; width: 16rem; height: 16rem; background: #fff; margin: 0 10rem; opacity: 1; border-radius: 8rem; }
.banner .swiper-pagination-bullets .swiper-pagination-bullet-active { width: 60rem; }
.banner .down { position: absolute; left: 50%; transform: translateX(-50%); bottom: 9%; line-height: 1; cursor: pointer; font-size: 36rem; color: #fff; z-index: 10; padding: 10rem; animation: down 2s linear 0s infinite; }
.banner .swiper-button-next,
.banner .swiper-button-prev{
    width: 36rem;
    height: 36rem;
    margin-top: 18rem;
    line-height: 36rem;
    text-align: center;
}
.banner .swiper-button-next{
    right: 3%;
}
.banner .swiper-button-prev{
    left: 3%;
}
.banner .swiper-button-next:after,
.banner .swiper-button-prev:after{
    font-size: 36rem;
    font-family: "iconfont";
    color: rgba(255, 255, 255, 0.65);
}
.banner .swiper-button-next:after{
    content: "\e64e";
}
.banner .swiper-button-prev:after{
    content: "\e646";
}
.banner .swiper-button-next:hover:after,
.banner .swiper-button-prev:hover:after{
    color: white;
    border-color: white;
}

/* 内页Banner */
.page-banner { height: 510rem; background-image: url(/content/main/base/img/page-banner.jpg); background-position:center 0; background-repeat: no-repeat;background-size: cover; }


/* 侧栏和主栏 */
.side{
    width: 224rem;
    float: left;
    margin-right: 26rem;
}
.main {overflow: hidden;}

/* 当前位置 */
.path { width: 100%; text-align: left; margin: 0 0 20rem; line-height: 1.5; font-size: 14em; color: #999; background: #f8f8f8; padding: 20rem 25rem; }
.path em { font-style: normal; }
.path a { padding: 0 6rem; color: inherit; }
.path a:hover { color: inherit; }

/* 侧栏菜单 */
#side-menu { position: relative; margin-top: -100rem; }
#side-menu > .hd { display: flex; align-items: center; justify-content: center; height: 100rem; padding: 0 20rem; background: rgba(161, 20, 26, 0.8); text-align: center; }
#side-menu > .hd h3 { max-height: 2.6em; font-size: 36rem; line-height: 1.3; color: #fff; text-align: center; overflow: hidden; }
#side-menu > .bd { background: #fff; }

/* box-main */
.box-main { background: #fff; padding: 20rem 0 0; }
.box-main.no-bg { background: none; padding: 0; }
.box-main.no-bg > .hd { border-bottom-color: #ddd; }
.box-main > .hd { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;/* border-bottom:0px solid #ddd;*/ }
.box-main > .hd h3 { position: relative; min-width: 0; max-width: 100%; line-height: 2.5; font-size: 24em; color: #B42C2B; margin: 0; font-weight: bold; }
.box-main > .hd h3 span { display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.box-main > .hd h3::after { position: absolute; left: 0; bottom: -1px; content: ''; width: 100%; height: 3px; border-radius: 500px; background: #B42C2B; }
.box-main > .hd h3 a { display: block; color: inherit; text-decoration: none; }
.box-main > .bd { padding: 30rem 0; }
.box-main > .bd::after, .box-main > .bd::before { display: table; content: " "; clear: both; }
.noSideContent .box-main>.bd{/*border: 0px solid #ddd; */border-top: 0; padding:20 0rem;}

/* box - 盒子 */
.box{border: 1px solid #ddd; padding: 0 20rem; border-top: 2px solid #B42C2B;}
.box > .hd { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; border-bottom: 1px solid #ddd; }
.box > .hd h3 { position: relative; text-align: center; min-width: 0; max-width: 100%; padding: 0 15rem; line-height: 2.8em; font-size: 20em; font-weight: bold;}
.box > .hd h3::before { position: absolute; content: ''; left: 0; bottom: -1px;  width: 100%; height: 2px; line-height: 2px; margin: auto; background: #B42C2B; }
.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 {position: relative; z-index: 1; order: 1; height: 30rem; line-height: 30rem; width: 0; overflow: hidden; padding-right: 46rem; margin-left: 20rem; font-size: 0; color: #666; }

.box > .hd .more::after,
.box > .hd .more::before{
    content: "";
    position: absolute;
    z-index: 1;
    right: 0;
    bottom: 0;
    width: 30rem;
    height: 30rem;
    float: left;
}
.box > .hd .more::before{
    width: 37rem;
    background:  url(/content/main/base/img/ind-box-icon-2.png) left center no-repeat;
    background-size: contain;
    right: 5rem;
}
.box > .hd .more::after{
    z-index: 2;
    background:  url(/content/main/base/img/ind-box-line.png) left top no-repeat;
    animation:icon-rotate 5s linear infinite;
    background-size: contain;
}
.box > .bd { padding: 15rem 0; }
@keyframes icon-rotate{
    100%{
        transform:rotate(360deg);
    }
}


/* box-default - 盒子 - 默认的 */
.box-default > .hd { position: relative; }
.box-default > .hd ul { box-sizing: content-box; overflow-y: hidden; overflow-x: auto; white-space: nowrap; }
.box-default > .hd ul::-webkit-scrollbar { height: 0 !important; width: 0 !important }
.box-default > .hd h3,
.box-default > .hd li { position: relative; display: inline-block; vertical-align: top; line-height: 1.4; font-size: 32em; color: #999; }
.box-default > .hd h3 span,
.box-default > .hd li span { position: relative; display: inline-block; vertical-align: top; height: 100%; }
.box-default > .hd li::before { display: inline-block; vertical-align: top; content: '/'; text-align: center; margin: 0 22rem; font-weight: normal; color: #999; }
.box-default > .hd li:first-of-type::before { display: none; }
.box-default > .hd h3,
.box-default > .hd li.on { color: #B42C2B; font-weight: bold; }
.box-default > .hd h3 a,
.box-default > .hd li a,
.box-default > .hd li.on a { text-decoration: none; color: inherit; }
.box-default > .hd .more { position: absolute; right: 0; top: 50%; font-size: 16em; color: #999; transform: translateY(-50%); }
.box-default > .bd { padding: 24rem 0 0; }


/* 日历式列表 */
.list-info-date { margin: -30rem 0 0; }
.list-info-date li { padding: 30rem 0 0; }
.list-info-date li a { display: block; display: flex; align-items: center; padding: 11rem; background: #fff; border: 1px dashed #E0E7EC; border-radius: 5px; }
.list-info-date li a:hover { border-color: #B42C2B; color: #B42C2B; text-decoration: none; }
.list-info-date li .date { margin-right: 11rem; padding: 9rem 18em; line-height: 1; background: #7c93c1; color: #fff; text-align: center; border-radius: 5px; }
.list-info-date li .date .dd { display: block; font-size: 30em; }
.list-info-date li .date .ym { display: inline-block; width: 90%; margin-top: 0.3em; padding-top: 0.5em; font-size: 16em; border-top: 1px solid #fff; }
.list-info-date li a:hover .date { background: #B42C2B; }
.list-info-date li .tit { width: 1%; flex-grow: 1; padding: 9rem; }
.list-info-date li .tit span { display: block; line-height: 1.7; max-height: 3.4em; overflow: hidden; font-size: 18em; }


/* 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 20rem 0; }
.bot a,
.bot button { cursor: pointer; display: inline-block; height: 2.8em; line-height: 2.8em; padding: 0 1.2em; font-size: 16em; background: #B42C2B; border: 0; color: #fff; margin: 0 10rem; border-radius: 2px; }
.bot a:hover,
.bot button:hover { text-decoration: none; background: #9e1c1c; }

/* 依申请、信访、咨询等通用 查询页样色 */
.queryForm { padding: 3% 0; margin: 30rem auto; }
.queryForm td { padding: 8px 0}
.queryForm .tdlab { min-width: 7em; text-align: right; font-size: 16em; line-height: 1.4em; padding: 0.6em 0.5em 0.6em 0; }
.queryForm input[type=text] { width: 100%; height: auto; font-size: 16em; 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: 30rem auto; }
.queryResult .tit h3 { text-align: center; font-size: 34em; line-height: 2; margin-bottom: 30rem; }
.queryResult .tips { text-align: center; font-size: 18em; margin-bottom: 50rem; border-top: 1px solid #ddd; padding: 50rem 0 20rem 0; }
.queryResult .number { font-weight: bold; color: #f00}

/* 登录注册 */
.userlogincomment { width: auto !important; max-width: 880px; left: 20rem !important; right: 20rem; margin: auto !important; }
.userlogincomment .user-mainbox .hd h3,
.userlogincomment .user-mainbox .top h3 { color: #B42C2B; border-bottom-color: #B42C2B;}
.userlogincomment .user-mainbox .loginBtn { background: #B42C2B; }
.userlogincomment .user-mainbox .loginBtn:hover { background: #9e1c1c;}
.userlogincomment .loginCookie dd .cookie-time { color: #B42C2B; }
.userlogincomment .login-tip .registerlink a,
.userlogincomment .login-tip .forget-password a { color: #B42C2B; }
.userlogincomment .user-mainbox .bd { padding: 47rem 35rem 20rem; 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 30rem; 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: 25rem; }
.userlogincomment .loginCookie { padding-top: 20rem; }

/* 评论列表 */
.commentForm { font-size: 16em; 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: 10rem 0 10rem 40rem; }
.commentForm .tips,
.commentForm .comments .commenttime,
.commentForm .comments .operate a,
.commentForm .commentstatus { font-size: 0.9em !important; }

/* 无障碍 */
#free_Web_box { font-size: 16px; line-height: 1.9; }
#free_Web_box_sub + .wrap #header { top: 96px; }

/* layui */
.layui-layer { font-size: 16px; }

/* 验证码弹窗 */
#simCaptcha-layer { font-size: 16px; }


/* 媒体查询 */
@media (max-width:992px) {
    /* 侧栏菜单 */
    /* #side-menu > .hd h3 { font-size: 40rem; }
    #side-menu > .bd { padding: 25rem; }
    #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 8rem; }
    #side-menu .list-menu::-webkit-scrollbar { display: none;}
    #side-menu .list-menu li a {
        display: block; background: #fff3f3; color: #B42C2B; border-radius: 4px; padding: 0 1.2em; text-decoration: none; font-size: 18em; line-height: 2.3;
    }
    #side-menu .list-menu li.on a { border-color: #B42C2B; background: #B42C2B; color: #fff; border-right: 0;} */
}
@media (max-width:767px) {
    .side{
        width: 100%;
        margin-right: 0;
        float: none;
    }
    #side-menu > .hd h3 { font-size: 40rem; }
    #side-menu > .bd { padding: 25rem; }
    #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 8rem; }
    #side-menu .list-menu::-webkit-scrollbar { display: none;}
    #side-menu .list-menu li a {
        display: block; background: #fff3f3; color: #B42C2B; border-radius: 4px; padding: 0 1.2em; text-decoration: none; font-size: 18em; line-height: 2.3;
    }
    #side-menu .list-menu li.on a { border-color: #B42C2B; background: #B42C2B; color: #fff; border-right: 0;}

}
@media (min-width:768px) {
    html { font-size: 0.6px; }
    body { font-size: 140%; }
	.wrap{padding-top: 0;}


    /* 搜索输入框 */
    .s-form .input-box { border-radius: 500px 0 0 500px; }
    .s-form .btn-box { display: block; }

    /* banner */
    .banner{ position: fixed; left: 0; top: 0; width: 100%; height: 100vh;}
    .banner-mask{ height: 100vh; transition: all .7s cubic-bezier(.5,0,.2,1) 0s; }
    .banner-mask.fixed{ height: 0; }

    #content .container{
        position: relative;
    }
    /* path */
    .path {position: absolute;z-index: 9; left: 250rem; top: -100rem; display: flex;align-items: center;line-height: 2; font-weight: bold; height: 100rem;color: white;width: auto;text-align: right;margin:0;background: none;padding: 0;}
    .path em::before{margin-right: 10rem; content: "\e656"; font-family: "iconfont"; color: white;}

    /* 侧栏菜单 */
    #side-menu .list-menu li{border-left: 6rem solid #B5993A;}
    #side-menu .list-menu li a { position: relative; display: block; padding: 26rem 35rem 26rem 10rem; text-align: center; font-size: 20rem; line-height: 28rem; overflow: hidden; border-bottom: 1px solid #eee; border-right: 1px solid #eee;}
    #side-menu .list-menu li a::after{ position: absolute; right: 20rem; top: 50%; font-family: "iconfont" !important; content: "\e615"; color: #fff; font-weight: normal; font-size: 16rem; transform: translateY(-50%); }
    #side-menu .list-menu li.on{border-left-color: #B42C2B;}
    #side-menu .list-menu li.on a { color: #B42C2B; text-decoration: none; border-right-color: white;}
    #side-menu .list-menu li.on a::after { color: #999; }

    /* box-main */
    .box-main > .hd h3 { max-width: 40%; }

    /* 登录注册 */
    .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 220rem 0; }

}
@media (min-width:992px) {
    html { font-size: 0.68px; }
    body { font-size: 100%; }
    #header{background: linear-gradient(180deg, rgba(0, 0, 0, 0.62) 0%, rgba(165, 165, 165, 0) 100%);}
	#siteLast dd{width: 1200rem;}
    
    .nav-main .dropdown1 .ul1 {flex-direction: column; flex-wrap: nowrap; }
    .nav-main .dropdown1 .li2 {flex-basis: 100%;}

    #content { padding-left: 0; padding-right: 0; }

    
    #header.header-index {
        z-index: 3;
        top: -131px;
        -webkit-transition:all 0.6s;
        -moz-transition:all 0.6s;
        -ms-transition:all  0.6s;
        -o-transition:all 0.6s;
        transition:all 0.6s;
    }
    #header.header-show{
        top: 0;
        background: none;
        /* background: linear-gradient(180deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.7) 50%, rgba(0,0,0,0) 100%); */
    }
    #header.header-index::before{
        content: '';
        display: block;
        width: 0;
        height: 130rem;
        position: absolute;
        top: 0;
        background: rgba(161, 20, 26, 0.9);
        z-index: 0;
        left: 50%;
        transform: translateX(-50%);
        -webkit-animation-name: scaleX;
        animation-name: scaleX;
        animation-duration: 2.5s;
        -webkit-animation-duration: 2.5s;
        animation-timing-function: ease-in-out;
        -webkit-animation-timing-function: ease-in-out;
        animation-delay: 0.15s;
        animation-fill-mode: forwards;
    }
    #header.header-show::before{
        width: 100%;
        -webkit-animation-name: scale2;
        animation-name: scaleX2;
        animation-duration: .4s;
        -webkit-animation-duration: .4s;
        animation-timing-function: ease-in-out;
        -webkit-animation-timing-function: ease-in-out;
        animation-delay: 0s;
    }
    @-webkit-keyframes scaleX2 {
        0% {
            width: 180rem;
        }
        100% {
            width: 100%;
        }
    }
    
    @keyframes scaleX2 {
        0% {
            width: 180px;
        }
        100% {
            width: 100%;
        }
    }
    #header.mini{display: none;}
    /* 迷你顶部 */
    /* #header,
    #header .logo a,
    #header .logo img,
    #header .nav-main,
    #header .nav-panel,
    #header .top-panel,
    #header .nav-panel{ transition: all ease 0.6s; transform-origin: center top; }
    #header.mini .logo a { padding: 15rem 0; }
    #header.mini .logo img { height: 50rem; }
    #header.mini .top-panel,
    #header.mini .nav-panel { transform: scaleY(0); visibility: hidden; opacity: 0; }
    #header.mini .nav-panel,
    #header.mini .nav-main { margin-top: 0; } */

    /* 主导航 */
    .navbar .navbar-collapse { margin: 0; }
    .nav-main { display: flex; border: none; background: none; margin: 52rem 0 0; max-height: 42rem; overflow: visible; }
    .nav-main .li1 { margin: 0 16rem; height: 58rem; border-bottom: none; }
    .nav-main .h1 { position: relative; }
    .nav-main .a1 { padding: 0; line-height: 42rem; }
    .nav-main .hasUl1 .drop { display: none; }
    .nav-main .dropdown1 { position: absolute; left: 0; top: 100%; }

    /* 导航下拉效果 */
    .nav-main .li1::after,
    .nav-main .h1::after,
    .nav-main .h1::before { transition: all ease 0.5s; }
    .nav-main .hasUl1::after { position: absolute; display: block; content: ''; left: 50%; bottom: 0; width: 0; height: 14rem; border-left: 1px solid #fff; 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 #fff; 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: 200%; left: 50%; background: #fff; margin-left: -100%; overflow: hidden; box-shadow: 0 0 8rem rgba(0, 0, 0 , 0.3); }
    .nav-main .dropdown1 .pic { float: left; display: block; position: relative; margin-right: 40rem; }
    .nav-main .dropdown1 .pic img { width: 240rem; height: 156rem; }
    .nav-main .dropdown1 .ul1 { padding:0; overflow: hidden; border-top: 2px solid #B42C2B;}
    .nav-main .dropdown1 .ul1 li {display: block;}
    .nav-main .dropdown1 .ul1 li a { display: block; padding:10rem; line-height: 24rem; font-size: 16em; color: #333; }
    .nav-main .dropdown1 .ul1 li a:hover { text-decoration: none; color: #fff; background-color: #B42C2B;}

    /* 搜索按钮 */
    .nav-panel {position: absolute; z-index: 1; right: 0; top: 36rem;}
    .nav-panel .btn-search {margin-top: 0; font-size: 20rem; width: 24rem; height: 24rem; line-height: 24rem;}

    /* 搜索弹窗 */
    #modal-search .modal-content { width: 550rem; }

    .footer-bar{text-align: left;}
    .footer-nav{justify-content:left;}
    .footer-bar .container{position: relative; z-index: 1; }
    .footer-qrcode{position: absolute; right: 0; top: 0; text-align: center;}


    /* 侧栏和主栏 */


    /* 依申请、信访、咨询等通用 查询结果页样色 */
    .queryResult { width: 80%; }

    /* 依申请、信访、咨询等通用 查询页样色 */
    .queryForm { width: 80%; }
    .queryForm .tdlab { width: 40%; }
    .queryForm input[type=text] { width: 56%; }
}
@media (min-width:1200px) {
    html { font-size: 0.84px; }
    #siteLast dd{width: 1000rem;}

}
@media (min-width:1300px) {
    html { font-size: 0.92px }
    .container { max-width: 1200px; }
     #siteLast dd{width: 820rem;}
}
@media (min-width:1400px) {
    html { font-size: 1px; }
    #siteLast dd{width: 760rem;}

}
@media (min-width:1500px) {
    .container { max-width: 1400px; }

    /* 顶部 */
    #header .logo img { height: 80rem; }
}



/* 动画库 */
@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;
    }
}