@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: #633; }

/* 公共 */
.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%; overflow-x: hidden; }
#content { position: relative; z-index: 1; padding: 0 30rem; min-height: 600rem; }
.container::after, .container::before, #content::after, #content::before { display: table; content: " "; clear: both; }
.row { --bs-gutter-x: 30rem; --bs-gutter-y: 30rem; }

/* 顶部 */
#header { position: fixed; left: 0; top: 0; width: 100%; z-index: 11; padding: 0 2%; animation: fadeInDown 1s ease 0s 1; }
#header>.container { position: relative; }
#header:before { background: rgba(102, 51, 51, 1); display: block; content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
#header.mini:before { background: rgba(102, 51, 51, .8); box-shadow: 0px 2px 5px rgb(0 0 0 / 10%); backdrop-filter: blur(5px); }
#header .logo { position: relative; z-index: 1; float: left;}
#header .logo a { display: block; padding: 20rem 0; }
#header .logo img { width: auto; height: 70rem; }

.navbar { position: static; }

/* 主导航 */
.nav-main { max-height: 1000rem; overflow-y: auto; }
.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; padding: 0 30rem 20rem; }
.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: 10rem 20rem; font-size: 16em; color: rgba(255, 255, 255, 0.9); }
.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; }

/* 全站导航 */
.nav-panel{ z-index: 1; padding: 0; position: absolute; right: 0; top: 0; width: 40rem;}
.nav-panel .btn-nav{ position: relative; font-size: 22rem; height: 60rem; line-height: 60rem; color: #fff; font-weight: normal; cursor: pointer; }
.nav-panel .btn-nav:hover{ color: #FFDA55; }
#modal-nav{ background: url(../img/modal-nav-bg.jpg) no-repeat center; background-size: cover; }
#modal-nav .modal-backdrop{ display: none !important; }
#modal-nav .modal-dialog{ max-width: none; justify-content: center; }
#modal-nav .modal-content{ max-width: 100%; width: auto; background: none; box-shadow: none; border: none; border-radius: 0; }
#modal-nav .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-nav .btn-close:hover { transform: rotate(180deg); }
.site-nav{ padding: 4%; }
.site-nav .main-nav{ font-size: 0; line-height: 1; text-align: left; overflow: auto; white-space: nowrap; }
.site-nav #li-home{ display: none; }
.site-nav .li1{ display: inline-block; vertical-align: top; min-width: 80rem; margin: 0 10rem; text-align: center; }
.site-nav h3{ margin: 0; }
.site-nav .a1{ display: block; color: #fff; font-size: 18rem; line-height: 1.6; font-weight: bold; text-decoration: none; }
.site-nav .a1:hover { color: #FFDA55; }
.site-nav .ul1{ margin-top: 20rem; }
.site-nav .a2{ display: block; font-size: 16rem; line-height: 1.6; padding: 10rem 0; color: #fff; opacity: 0.8; }
.site-nav .a2:hover{ text-decoration: none; opacity: 1; color: #FFDA55; }
/*
.modal-open #header { position: static; }
.modal-open #header > .container { z-index: 9999; }
*/

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

/* 搜索按钮 */
.btn-panel { z-index: 1; position: absolute; right: 90rem; top: 22rem; }
.btn-panel .btn-search { font-size: 50rem; width: 60rem; height: 60rem; line-height: 60rem; color: #fff; font-weight: normal; cursor: pointer; text-align: center; }

/* 搜索弹框 */
#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; display: none; }
.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: 350em; background: #fff; padding: 15rem 20rem; margin: 5rem 0 0; border-radius: 10rem; }
.s-form .select-box li { min-width: 33.3333%; padding: 0 10rem; font-size: 14em; line-height: 2.5; cursor: pointer; border-radius: 5rem; }
.s-form .select-box li:hover { background: #f5f5f5; color: #633; }

/* 搜索输入框 */
.s-form .input-box { position: relative; width: 1%; flex-grow: 1; background: #fff; border-radius: 500px 0 0 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; line-height: 2; border: 0 !important; outline: none; background: none !important; 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: #633; }
.s-form .btn-box { display: block; background: linear-gradient(180deg, #633, #7c3939); 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: 0; top: 50rem; }
.list-panel > li { height: 30rem; color: #fff; 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: 30rem; line-height: 30rem; padding: 0 8rem; border-radius: 4px; }
.list-panel #siteLast:hover dt, .list-panel > li a:hover { background: rgba(0, 0, 0, .3); 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.spe { width: 1px; height: 8rem; background-color: #fff; opacity: 0.5; margin: 0 4rem; font-size: 0; }

/* 面板图标 */
.list-panel #siteLast dt::before { content: '\e618'; }
.list-panel > li.message a::before { content: '\e642'; }
.list-panel > li.cele a::before { content: '\e7ca'; }
.list-panel > li.map a::before { content: '\e763'; }
.list-panel > li.search a::before { content: '\e610'; }
.list-panel > li.cz a::before { content: '\e619'; }

/* 站群导航-公共 */
#siteLast { position: relative; }
#siteLast dt { cursor: pointer; }
#siteLast dd { display: none; width: 600px; 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 { left: 50%; top: 100%; width: 600rem; 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: #633; }

/* 顶部登录注册 */
.list-panel .userLogged { margin: 0; height: auto; float: none; }
.list-panel .loggedin, .list-panel .notlogged { display: flex; }
.list-panel .userLogged .split { width: 1px; height: 8rem; background-color: #fff; opacity: 0.5; margin: 0 4rem; font-size: 0; position: relative; top: 11rem; }
.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; font-weight: normal; }
.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: 10rem; font-family: "iconfont"; content: "\e645"; 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 .userDropdown .ud-bd li a:hover { color: #633; }
.list-panel .userLogged .loggedin .myMsg { width: auto; height: 30rem; background: none; }
.list-panel .userLogged .loggedin .myMsg::before { position: static; margin: 0; display: inline-block; vertical-align: top; background: none; width: auto; height: auto; font-size: 20rem; font-family: "iconfont"; content: "\e908"; color: #fff; }
.list-panel .userLogged .loggedin .myMsg:hover { background: rgba(0, 0, 0, .1); }


/* 友情链接 */
.box-friend { margin-bottom: 35rem; }
.box-friend .btn-group { display: block; border-radius: 0; }
.box-friend .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: rgba(140, 70, 70, 0.5); padding: 0 50rem 0 20rem; font-size: 16em; color: #fff; box-shadow: none; overflow: hidden; white-space: normal; }
.box-friend .btn-group .btn::after { position: absolute; margin: 0; font-size: 1.4em; top: 50%; right: 20rem; transform: translateY(-50%); border-top-color: #fff; }
.box-friend .btn-group .btn.show::after { transform: translateY(-50%) rotate(180deg); }
.box-friend .btn-group .dropdown-menu { width: 100%; --bs-dropdown-font-size: 14em; }
.box-friend .btn-group .dropdown-menu .noData, .box-friend .btn-group .dropdown-menu li a { display: block; padding: 8rem 20rem; }
.box-friend .btn-group .dropdown-menu li a:hover { background: #f6f6f6; text-decoration: none; }

/*footer*/
#footer { text-align: center; background-color: #633; color: #fff; padding: 30rem; }
#footer a { color: inherit; }
#footer .container { position: relative; padding: 1rem 0; }
.footer-nav { margin: 10rem 0; }
.footer-nav li { font-size: 16em; line-height: 1.8; }
.footer-nav li.spe { padding: 0 1em; }
.footer-bar .copyRight { line-height: 2; font-size: 14em; color: #fff; }
#footer .footer-bar a:hover { color: #FFDA55; }

/* goTop */
#goTop { position: fixed; display: none; _display: none !important; 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: 0.9; background: rgba(0, 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, 0.8); left: 0; top: 0; }

/* 内页Banner */
.page-banner { height: 500rem; background-image: url(../img/page-banner.jpg); background-position: center 0; background-repeat: no-repeat; background-size: cover; position: relative; }
.page-banner:after { display: block; content: ""; width: 100%; height: 120rem; position: absolute; bottom: 0; left: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%); opacity: 0.8;}

/* 侧栏和主栏 */
.main { min-width: 0; }

/* 当前位置 */
.path { width: 100%; text-align: left; line-height: 2; font-size: 14rem; color: #999; }
.path:before { display: inline-flex; content: '\E61c'; font-family:"iconfont" ; font-size: 20rem; vertical-align: middle; color: #B0813F;}
.path em { font-style: normal; color: #B0813F; }
.path a { padding: 0 6rem; color: inherit; }
.path a:hover { color: #633; }

/* 侧栏菜单 */
#side-menu { position: relative; margin-top: -80rem; border-bottom:1px solid #ddd; }
#side-menu > .hd { display: flex; align-items: center; justify-content: center; height: 80rem; position: relative; padding: 0 20rem; background: rgba(102, 51, 51, 0.95); text-align: center; }
#side-menu > .hd:before { display: block; content: "\E687"; z-index: 1; font-family: "iconfont"; font-size: 120rem; position: absolute; left: -30rem; top: 50%; transform: translateY(-53%); color: #fff; opacity: 0.1;}
#side-menu > .hd h3 { max-height: 2.6em; font-size: 30rem; line-height: 1.4; color: #fff; text-align: center; overflow: hidden; }

/* box-main */
.box-main { background: #fff; padding: 5rem 0; }
.box-main.no-bg { background: none; padding: 0; }
.box-main.no-bg > .hd { border-bottom-color: #d8dde7; }
.box-main > .hd { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; border-bottom: 1px solid #e5e5e5; }
.box-main > .hd h3 { position: relative; min-width: 0; max-width: 100%; line-height: 2.5; font-size: 24em; color: #633; 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: #633; }
.box-main > .hd h3 a { display: block; color: inherit; text-decoration: none; }
.box-main > .bd { padding: 20rem 0; }
.box-main > .bd::after, .box-main > .bd::before { display: table; content: " "; clear: both; }

.box-main > .hd-title { text-align: center; position: relative; margin-top: 15rem;}
.box-main > .hd-title:before { display: block; content: ""; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background-color: #d9d9d9; }
.box-main > .hd-title h3 { position: relative; padding: 0 40rem; display: inline-block; vertical-align: top; line-height: 1.4; font-size: 36rem; color: #999; background-color:#fff; }
.box-main > .hd-title h3 { color: #333; font-weight: bold; }
.box-main > .hd-title h3 a { text-decoration: none; color: inherit; }
.box-main > .hd-title h3:before { background: url(../img/sub-logo.png) no-repeat; display: block; content: ""; background-size: cover; width: 2em; height: 2em; opacity: 0.2; position: absolute; left: 40rem; top: 0; }
.box-main > .hd-title h3 .text-uppercase { display: block; font-size: 14rem; color: #E6A231; font-weight: normal; padding-left: 17rem; position: relative; }
.box-main > .hd-title h3 .text-uppercase:before { display: block; position: absolute; content: ""; width: 12rem; height: 3rem; background-color: #E6A231; left: 0; top: 50%; margin-top: -1.5rem; }


/* box - 盒子 */
.box > .hd { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.box > .hd h3 { position: relative; min-width: 0; max-width: 100%; line-height: 2em; font-size: 22em; font-weight: bold; color: #633; padding-left: 10rem; }
.box > .hd h3 a { color: inherit; }
.box > .hd .more { position: absolute; right: 0; top: 50%; font-size: 16em; padding-left: 32rem; transition: all 0.5s; color: #999; transform: translateY(-50%); background: url(../img/more.png) no-repeat left center; }
.box > .hd .more:hover { padding-left: 40rem; color: #633; }
.box > .bd { padding: 15rem 0 0; }

/* 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: 24em; color: #999; padding-left: 10rem; }
.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: #333; 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; padding-left: 32rem; transition: all 0.5s; color: #999; transform: translateY(-50%); background: url(../img/more.png) no-repeat left center; }
.box-default > .hd .more:hover { padding-left: 40rem; color: #633; }
.box-default > .hd h3:before { background: url(../img/sub-logo.png) no-repeat; display: block; content: ""; background-size: cover; width: 2em; height: 2em; opacity: 0.2; position: absolute; left: 0; top: 0; }
.box-default > .hd h3 .text-uppercase { display: block; font-size: 14rem; color: #E6A231; font-weight: normal; padding-left: 17rem; position: relative; }
.box-default > .hd h3 .text-uppercase:before { display: block; position: absolute; content: ""; width: 12rem; height: 3rem; background-color: #E6A231; left: 0; top: 50%; margin-top: -1.5rem; }
.box-default > .bd { padding: 24rem 0 0; }

/* box-border - 盒子 - 默认的 */
.box-border > .hd { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; position: relative; }
.box-border > .hd h3 { position: relative; min-width: 0; max-width: 100%; line-height: 2.8em; font-size: 24em; font-weight: bold; color: #835A4C; }
.box-border > .hd h3 span { display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.box-border > .hd h3 a { text-decoration: none; color: inherit; }
.box-border > .hd .more { position: absolute; right: 0; top: 50%; font-size: 16em; padding-left: 32rem; transition: all 0.5s; color: #999; transform: translateY(-50%); background: url(../img/more.png) no-repeat left center; }
.box-border > .hd .more:hover { padding-left: 40rem; color: #633; }
.box-border > .bd { padding: 0; }


/* 日历式列表 */
.list-info-date li { background-color: #f9f9f9; border-bottom: 1px solid rgba(0, 0, 0, 0.1); position: relative; }
.list-info-date li:before { display: block; content: ""; position: absolute; left: 0; width: 100%; bottom: 0; height: 0; background-color: #633; transition: all 0.5s; }
.list-info-date li .con { position: relative; z-index: 1; }
.list-info-date li .title { display: flex; align-items: center; padding: 13em 10em; }
.list-info-date li .calendar { margin-right: 12em; padding: 5em 12em; line-height: 1; text-align: center; border-right: 1px solid rgba(0, 0, 0, .1);}
.list-info-date li .calendar em { display: block; font-size: 30em; }
.list-info-date li .calendar span { display: block; margin-top: 0.3em; font-size: 16em; line-height: 1.6em; }
.list-info-date li a:hover .calendar { color: #FFD395; border-right-color: rgba(255, 255, 255, .2); }
.list-info-date li .tit { width: 1%; flex-grow: 1; padding: 9rem; }
.list-info-date li .tit span { line-height: 1.6em; max-height: 3.4em; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; font-size: 18em; }
.list-info-date li:hover { color: #fff; }
.list-info-date li:hover:before { height: 100%; }
.list-info-date li:hover .tit span { color: #fff; }

/* list-page-special */
.list-page-special { grid-gap: 15em; display: grid; grid-template-columns: repeat(2, 1fr); }
.list-page-special li { overflow: hidden; border-radius: 10rem; }
.list-page-special .tit { display: none; }
.list-page-special .pic img { transition:all 0.5s; }
.list-page-special li:hover .pic img { transform: scale(1.2); }

/* 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: #633; border: 0; color: #fff; margin: 0 10rem; border-radius: 2px; }
.bot a:hover, .bot button:hover { text-decoration: none; background: #834444; }

/* 依申请、信访、咨询等通用 查询页样色 */
.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: #633; border-bottom-color: #633; }
.userlogincomment .user-mainbox .loginBtn { background: #633; }
.userlogincomment .user-mainbox .loginBtn:hover { background: #834444; }
.userlogincomment .loginCookie dd .cookie-time { color: #633; }
.userlogincomment .login-tip .registerlink a, .userlogincomment .login-tip .forget-password a { color: #633; }
.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: 16rem; }

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

/* 媒体查询 */
@media (max-width:992px) {

    /* 侧栏菜单 */
    #side-menu > .hd h3 { font-size: 36rem; }
    #side-menu > .bd { padding: 20rem 0; }
    #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: #ddd; color: #333; 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: #633; background: #633; color: #fff; }
}
@media (min-width:768px) {
    html { font-size: 0.6px; }
    body { font-size: 140%; }

    /* header */
    #header:before { background: rgba(102, 51, 51, 0.8); }

    /* box */
    .box-default > .hd h3, .box-default > .hd li { font-size: 30em; }
    .box > .hd h3 { font-size: 26em; }

    /* box-main */
    .box-main { padding-left: 10rem; }
    .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; }

    /* ist-page-special*/
    .list-page-special { grid-template-columns:repeat(4, 1fr);grid-gap: 25em; }
}
@media (min-width:992px) {
    html { font-size: 0.68px; }
    body { font-size: 125%; }
    #content { padding-left: 0; padding-right: 0; }

   /* path */
   .path { padding-top: 10rem; }

    /* 侧栏和主栏 */
    .side { max-width: 310rem; position:relative;  }
    .side:before { background-color: #FAF7F0; display: block; content: ""; position: absolute; height: 100%; top: 0;  right: calc(var(--bs-gutter-x) * .5); left: calc(var(--bs-gutter-x) * .5);}

    /* 侧栏菜单 */
    #side-menu { margin-top: 0; border-bottom: none; margin-top: -4rem;}
    #side-menu > .hd { background-color: #633; }
    #side-menu > .hd:after { display: block; content: ""; width: 10rem; height: 80rem; position: absolute; right: 100%; top: 0; background-color: #633; }
    #side-menu > .hd h3:before { display: block; content: ""; width: 0; height: 0; border: 10rem solid transparent; border-right: 10rem solid #000; position: absolute; top: 70rem; right: 100%; }
    #side-menu .list-menu { padding: 20rem; }
    #side-menu .list-menu li { position: relative; }
    #side-menu .list-menu li a { display: block; background-color: #F8F3E9; padding: 15rem 55rem 15rem 35rem; font-size: 20rem; line-height: 1.8em; overflow: hidden; border-bottom: 1px solid #fff; color: #633; }
    #side-menu .list-menu li a::after { position: absolute; right: 25rem; top: 50%; font-family: "iconfont"; content: "\e647"; color: #999; font-weight: normal; font-size: 12rem; transform: translateY(-50%); }
    #side-menu .list-menu li.on a { color: #fff; text-decoration: none; background-color: #633; }
    #side-menu .list-menu li.on a::after { color: #fff; }
    #side-menu .list-menu li:hover a { background: #C1AF89; color: #fff; }
    #side-menu .list-menu li:hover a::after { color: #fff; }
    #side-menu .list-menu li.on:hover a { background-color: #633; }

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

    /* 依申请、信访、咨询等通用 查询页样色 */
    .queryForm { width: 80%; }
    .queryForm .tdlab { width: 40%; }
    .queryForm input[type=text] { width: 56%; }

    /* footer */
    #footer .pics { position: absolute; right: 0; bottom: 20%; }
}
@media (min-width:1200px) {
    html { font-size: 0.84px; }
    body { font-size: 100%; }
    #header:before { background: linear-gradient(180deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%); }

    /* box */
    .box > .hd h3 { font-size: 28em; }
    .box-default > .hd h3, .box-default > .hd li { font-size: 36em; }

    /* 迷你顶部 */
    #header, #header .logo a, #header .logo img, #header .nav-main, #header .btn-panel, #header .top-panel { transition: all ease 0.6s; transform-origin: center top; }
    #header.mini .logo a { padding: 15rem 0 0; }
    #header.mini .logo img { height: 50rem; }
    #header.mini .logo img { height: 50rem; }
    #header.mini .top-panel { /* transform: scaleY(0); visibility: hidden; opacity: 0; */ top: 25rem;}
    #header.mini .btn-panel, #header.mini .nav-main { margin-top: 0; }

    /* 主导航 */
    .navbar .navbar-collapse { margin: 0; }
    .nav-main { border: none; background: rgba(102, 51, 51, 0.8); border-radius: 5px; margin: 0 auto; max-height: 60rem; overflow: visible; width: 100%; padding: 0 50rem 0 10rem; display: flex;  }
    .nav-main .li1 { height: 60rem; border-bottom: none; text-align: center; flex: 1 0 0%; }
    .nav-main .h1 { position: relative; }
    .nav-main .a1 { padding: 0; line-height: 60rem; }
    .nav-main .on1 .a1 { color: #FFDA55; }
    .nav-main .hasUl1 .drop { display: none; }
    .nav-main .dropdown1 { position: absolute; left: 0; top: 100%; }

    #header.mini .nav-main { background: none; padding: 0 40rem 0 0;}

    /* 导航下拉效果 */
    .nav-main .h1::before { left: 0; transform-origin: left top; transition: all ease 0.5s;  position: absolute; display: block !important; content: ''; bottom: 0; width: 100%; height: 0; border-bottom: 2px solid #FF0900; transform: scaleX(0); }
    .nav-main .on1 .h1::before { transform: scaleX(1); }

    /* 导航下拉菜单 */
    .nav-main .dropdown1 { width: 100%; left: 0; padding: 6rem 0; background: #633; overflow: hidden; }
    .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 { display: block; flex-wrap: nowrap; }
    .nav-main .dropdown1 .ul1 li a { display: block; padding: 10rem 5rem; line-height: 1.2em; font-size: 16em; color: #fff; text-align: center; width: 100%;}
    .nav-main .dropdown1 .ul1 li a:hover { text-decoration: none; background-color: #421c1e; }

    /* 全站导航 */
    .site-nav { padding: 0; }
    .navbar .container { position: relative; }

    /* 搜索按钮 */
    .btn-panel { margin-top: 42rem; }
    .btn-panel .btn-search { font-size: 22rem; width: 40rem; height: 40rem; line-height: 40rem; }

    /* 搜索导航 */
    .navbar-toggler { display: none; }

    /* 搜索弹窗 */
    #modal-search .modal-content { width: 550rem; }
}
@media (min-width:1300px) {
    html { font-size: 0.92px }
    .container { max-width: 1200px; }
}
@media (min-width:1400px) {
    html { font-size: 1px; }
    .list-info-date li .calendar { margin-right: 15em; padding-right: 15em; padding-left: 15em; }
}
@media (min-width:1500px) {
    .container { max-width: 1400px; }

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

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