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

/* Css Reset */
blockquote,
body,
dd,
div,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
img,
input,
li,
ol,
p,
pre,
td,
textarea,
th,
ul { padding: 0; margin: 0;}
table { border-collapse: collapse; border-spacing: 0;}
fieldset,
img { vertical-align: top; border: 0;}
address,
caption,
cite,
code,
dfn,
em,
i,
th,
var { font-weight: 400; font-style: normal;}
li,
ol,
ul { list-style: none;}
dd,
div,
dl,
dt,
li,
ol,
ul { zoom: 1;}
caption,
th { text-align: left;}
h1,
h2,
h3,
h4,
h5,
h6 { font-weight: 400; font-size: 100%;}
q:after,
q:before { content: "";}
abbr,
acronym { border: 0;}
pre { white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; font-size: 16px; line-height: 1.8; font-family: "Microsoft YaHei", 'PingFang SC', Arial, Helvetica, Tahoma, sans-serif;}
article,
aside,
dialog,
figure,
footer,
header,
menu,
nav,
section,
time { margin: 0; padding: 0; display: block; zoom: 1;}

/* Public */
body { color: #333; font-size: 14px; line-height: 30px; font-family: "Microsoft YaHei", 'PingFang SC', Arial, Helvetica, Tahoma, sans-serif; text-align: center; -webkit-text-size-adjust: none; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased;}
a { color: #333; text-decoration: none; outline: none; -webkit-transition: 500ms; -o-transition: 500ms; -moz-transition: 500ms; transition: 500ms;}
a:hover { color: #B00B14; text-decoration: none;}
.clearbox { border: none; border-top: 1px solid transparent !important; clear: both; font-size: 0; height: 0; line-height: 0; margin-top: -1px !important; visibility: hidden;}
.blank { display: block; height: 10px; font-size: 0px; line-height: 0; overflow: hidden; clear: both;}
.clearfix:after { content: ""; display: block; height: 0; clear: both; visibility: hidden;}
* html .clearfix { height: 1%;}
*+html .clearfix { min-height: 1%;}
.fl { float: left !important;}
.fr { float: right !important;}
.hide { display: none;}
input[type="button"],
input[type="submit"],
input[type="file"],
button { cursor: pointer; -webkit-appearance: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
.prev,
.next { transition: all 0.5s;}

/* frame */
body { text-align: center; background:url(/content/main/base/img/body.jpg) 0 0 repeat;}
.wrap {min-width: 1420px;min-height: 400px;background:url(/content/main/base/img/bronze-drum.png) 0px 800px no-repeat}
.siteWidth { position: relative; max-width: 1400px; margin: 0 auto;}
#header {text-align: left;position:absolute;top:0px;left:0px;right:0px;background: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0.00) 100%);height:160px;z-index:10;min-width: 1420px;transition:0.5s}
#header > .siteWidth{width:auto; max-width:100%; min-width:1400px; transition:0.5s}
#content { clear: both; padding: 20px 0 30px;;position: relative; min-height: 300px; z-index: 2; text-align: left; width:1400px; margin:0 auto}

/* topBar */
.topBar { height: 50px; background: #fff; position: relative; z-index: 20; color: #777; box-shadow: 0 0 8px rgba(0, 19, 33, 0.3);}
.topBar a { color: #777;}
.topBar a:hover { color: #0068b7;}
.topBar .links { float: left; padding-top: 8px;}
.topBar .links dl { margin: 0; position: relative; float: left;}
.topBar .links s { float: left; text-decoration: none; line-height: 34px; width: 5px; overflow: hidden; text-align: center; margin: 0 10px; color: #c9c9c9;}
.topBar .links dt { float: left; height: 34px; line-height: 34px; position: relative; z-index: 11; padding: 0 10px 0 22px; background: url(/content/main/base/img/icons-toplinks.png) -39px -33px no-repeat;}
.topBar .links dt a { color: #777;}
.topBar .links dd { clear: both; display: none; padding: 7px; background: #fff; position: absolute; right: 50%; top: 42px; margin-right: -57px; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);}
.topBar .links dd img { width: 100px; height: 100px;}
.topBar .links dd>i { z-index: 8; position: absolute; top: -10px; left: 50%; margin-left: -3px; border-width: 5px; border-color: transparent; border-style: dashed; border-bottom-color: #fff; border-bottom-style: solid; display: block; font-size: 0; line-height: 0; width: 0; display: none;}
.topBar .links .on dt { background-image: url(/content/main/base/img/icons-toplinks-on.png); color: #0068b7;}
.topBar .links .on dt a { color: #0068b7;}
.topBar .links .on dd { display: block;}
.topBar .links dl.robot dt { background-position: -39px -233px;}
.topBar .links dl.pad dt { background-position: -39px -433px;}
.topBar .links dl.phone dt { background-position: -39px -633px;}
.topBar .links dl.barrierFree dt { background-position: -39px -833px;}

/* 顶部登录注册 */
.topBar .loginBar { float: right; line-height: 26px; height: 26px; margin-top: 12px;}
.topBar .loginBar s.split { width: 5px; overflow: hidden; text-align: center; margin: 0 10px; float: left; text-decoration: none; color: #c9c9c9;}
.topBar .userLogged { float: left; color: #777; margin-top: 0px;}
.topBar .userLogged .u-spe { margin: 0 8px; color: #c9c9c9;}

/* 站群导航 */
.topBar .site dd { padding: 10px; width: 770px; top: 33px; margin-right: 0; left: -1px; z-index: 9; border: 1px solid #6e99b9; -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.15); -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.15); box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.15);}
.topBar .site dd h3 { text-align: left; margin: 0 10px; position: relative; font-size: 14px; font-weight: bold; line-height: 34px; color: #0068b7; display: block; height: 34px;}
#siteLast dd h3 span { float: left; height: 34px; line-height: 34px; padding: 0 15px 0 0; background: #ffffff; position: relative; z-index: 2;}
.topBar .site dd h3 a { color: #0068b7;}
.topBar .site dd h3 i { content: ""; display: block; height: 1px; line-height: 0; font-size: 0; background: #eee; top: 18px; right: 0; width: 100%; position: absolute; z-index: 1;}
.topBar .site dd ul { overflow: hidden; padding: 0 0 0 10px; display: block; margin-right: -10px;}
.topBar .site dd li { float: left; min-width: 100px; margin-right: 10px; text-align: left; overflow: hidden; height: 30px; line-height: 30px; padding: 0 0 0 0;}
.topBar .site dd li a {}
.topBar .site dd li a:hover { color: #195daf;}
.topBar .site li a { cursor: pointer;}
.topBar #siteLast.on dt { border: 1px solid #0068b7; border-bottom: none; margin: -1px; background-color: #fff;}

/* 搜索-按钮 */
#header .link-search{ position:absolute; width:40px; height:40px; border:1px solid #fff; right:40px; top:50px; border-radius:8px; background:url(/content/main/base/img/icon-search.png) center center no-repeat;}
#header .link-search:hover{background-color:#B00B14; border-color:#B00B14}

/* 搜索-弹窗 */
.siteSearchPopup{position:fixed; left:0; right:0; top:0; bottom:0; height:100vh; z-index:99; background:rgba(0,0,0,0.8); display:none}
.siteSearchPopup .pop-close{width:60px; height:60px; background:url(/content/main/base/img/icon-close.png) center center no-repeat; position:absolute; right:180px; top:80px; transition: all ease .4s; cursor:pointer}
.siteSearchPopup .pop-close:hover{transform: rotate(180deg);}
.siteSearchPopup .pop-body{display:flex; justify-content: center; height:100vh; align-items:center;}

/* 搜索栏
.siteSearchBar{height:60px;margin-top:-100px; }
.s-form{position:relative;}
.s-form .select-box { float: left; width: 100px; height: 36px; border: none; background: none; border: 0; position: relative; display:none;}
.s-form .select-box ul { position: absolute; background: #fff; border-top: 0; line-height: 1.8; display: none; left: 0px; top: 36px; border: 1px solid #ede0c9; border-top: 0; width: 301px; padding: 5px 10px;}
.s-form .select-box ul li { cursor: pointer; padding: 4px 5px; font-size: 14px; float: left; width: 90px; text-align: left;}
.s-form .select-box ul li:hover { color: #e20500; background: #f1f1f1;}
.s-form .select-box .s-option { display: inline-block; position: absolute; top: 0; height: 36px; line-height: 36px; width: 80px; text-align: center;}
.s-form .select-box a:hover { text-decoration: none;}
.s-form .select-box .arrow-dn { display: inline-block; height: 0; width: 0; font-size: 0; overflow: hidden; border: 5px solid transparent; border-color: #666 transparent transparent; position: absolute; right: 10px; top: 16px; transition: -webkit-transform 0.1s ease-in-out; transform: translate3d(0, 0, 999px); backface-visibility: visible; -webkit-transition: -webkit-transform 0.1s ease-in-out; -webkit-transform: translate3d(0, 0, 999px); -webkit-backface-visibility: visible; -moz-transition: -moz-transform 0.2s ease-in-out; -moz-transform: translate3d(0, 0, 999px); -moz-backface-visibility: visible;}
.s-form .select-box .arrow-hover { border-color: transparent transparent #666 transparent; top: 11px;}
.s-form .input-box { float: left; height:60px; background:#fff; border-radius:30px 0 0 30px; width:400px;}
.s-form .input-box input{height:60px; line-height:30px; padding:15px 20px 15px 30px; width:100%; box-sizing:border-box; border:none; background:none; font-size:16px;}
.s-form .btn-box{ float: left; height: 60px; line-height:60px; width:100px; background:#B00B14; border-radius:0 30px 30px 0; overflow:hidden }
.s-form .btn-box input{height:60px; line-height:60px; width:100%; background:none; border:none; font-size:22px; color:#fff;}
 */

/* */
.topSiteSearchBar{position:absolute;right:10px;top: 56px; z-index:10; transition:0.5s}
.s-form{position:relative;}
.s-form .select-box { float: left; width: 100px; height: 36px; border: none; background: none; border: 0; position: relative; display:none;}
.s-form .select-box ul { position: absolute; background: #fff; border-top: 0; line-height: 1.8; display: none; left: 0px; top: 36px; border: 1px solid #ede0c9; border-top: 0; width: 301px; padding: 5px 10px;}
.s-form .select-box ul li { cursor: pointer; padding: 4px 5px; font-size: 14px; float: left; width: 90px; text-align: left;}
.s-form .select-box ul li:hover { color: #e20500; background: #f1f1f1;}
.s-form .select-box .s-option { display: inline-block; position: absolute; top: 0; height: 36px; line-height: 36px; width: 80px; text-align: center;}
.s-form .select-box a:hover { text-decoration: none;}
.s-form .select-box .arrow-dn { display: inline-block; height: 0; width: 0; font-size: 0; overflow: hidden; border: 5px solid transparent; border-color: #666 transparent transparent; position: absolute; right: 10px; top: 16px; transition: -webkit-transform 0.1s ease-in-out; transform: translate3d(0, 0, 999px); backface-visibility: visible; -webkit-transition: -webkit-transform 0.1s ease-in-out; -webkit-transform: translate3d(0, 0, 999px); -webkit-backface-visibility: visible; -moz-transition: -moz-transform 0.2s ease-in-out; -moz-transform: translate3d(0, 0, 999px); -moz-backface-visibility: visible;}
.s-form .select-box .arrow-hover { border-color: transparent transparent #666 transparent; top: 11px;}
.s-form .input-box { float: left; height:30px; background:#fff; border-radius:5px 0 0 5px; width:160px;transition:0.5s}
.s-form .input-box input{height:30px; line-height:20px; padding:5px 10px 5px 10px; width:100%; box-sizing:border-box; border:none; background:none; font-size:14px;}
.s-form .btn-box{ float: left; height: 30px; line-height:30px; width:60px; background:#B00B14; border-radius:0 5px 5px 0; overflow:hidden; transition:0.5s }
.s-form .btn-box input{height:30px; line-height:30px; width:100%; background:none; border:none; font-size:14px; color:#fff; padding:0}

/* logo */
#logo {float: left;margin-top: 35px;margin-left: 20px;transition:0.5s;}
#logo img { max-width: 100%; transition:0.5s; max-height:71px}

/* 主导航 */
.topNav {float:right;height:60px;margin-right: 240px;margin-top:42px;transition:0.5s}
#mainNav{height:60px; }
#mainNav .li1{float:left; height:60px; position:relative;}
#mainNav .a1{display:block;height:60px;line-height:60px;text-align:center;padding: 0 13px;font-size:18px;font-weight: bold;color:#fff;position:relative;transition: all ease 0.5s;}
#mainNav .a1::before{content:""; display:block; width:20px; height:20px; position:absolute; left:50%; top:20px; margin-left:-10px; background:url(/content/main/base/img/nav-item.png) center center no-repeat; opacity:0; transition: all ease 0.5s; }
#mainNav .a1::after{content:""; display:block; width:50px; height:2px; background:#B70031; position:absolute; bottom:10px; left:50%; margin-left:-25px; transform: scale(0); transition: all ease 0.5s;}
#mainNav .a1:hover{text-decoration:none;}
#mainNav .on1 .a1,
#mainNav .on1 .a1:hover{color:#FFDF34}
#mainNav .on1 .a1::before,
#mainNav .on1 .a1:hover::before{top:-5px; opacity:1}
#mainNav .on1 .a1::after,
#mainNav .on1 .a1:hover::after{transform: scale(1);}
#mainNav .spe{float:left; height:60px; line-height:60px; font-size:12px; width:10px; text-align:center; color:rgba(255,255,255,0.3); }
#mainNav .ul1 { display: none; position: absolute; z-index: 91; background-color: rgba(255,255,255,0.9); text-align: center; width: 118px; left: 50%; margin-left: -59px; box-shadow: 0 0 20px rgba(0, 0, 0 , .15); padding:10px 0px}
#mainNav .a2 { display: block; font-size: 16px; padding: 0 10px; line-height: 36px;}
#mainNav .a2:hover { background-color: #B00B14; color: #fff; text-decoration: none;}


/* 头部固定 */
@media (min-width: 1000px){
    #header.mini{height:110px; position:fixed; min-width:100%; }
    #header.mini > .siteWidth{min-width:100%;}
    #header.mini #logo{margin-top:30px;}
    #header.mini #logo img{max-height:50px;}
    #header.mini .topNav{margin-top:45px;margin-right: 10px;}
    #header.mini #mainNav .a1{padding:0 10px;font-size:16px; }
    #header.mini .link-search{top:35px; right:10px;}
    #header.mini #mainNav .spe{display:none}
    #header.mini .topSiteSearchBar{top:10px;}
}
@media (min-width: 1280px){
    #header.mini .topNav{margin-top:25px;margin-right: 200px;}
    #header.mini #mainNav .a1{font-size:18px}
    #header.mini #mainNav .spe{display:block}
    #header.mini .topSiteSearchBar{top: 41px;}
    #header.mini .s-form .input-box{width:120px;}
    #header.mini .s-form .btn-box{width: 52px;}
}


/* 主栏 和 侧栏 */
.mainContent { zoom: 1;  position: relative; z-index:1;}
.side { width:310px; position:relative; margin-right:30px;}
.container-flex{display:flex;  justify-content:space-between; }
.container-flex .mainContent { flex-grow:1; width:1%; }
.mainContentBg{background:#fff; box-sizing:border-box; border:1px solid transparent; min-height:800px;}

/* pageBanner */
.pageBanner{min-height:386px; min-width:1400px;}
.pageBanner img{width:100%; height:auto;}

/* 位置导航 */
.pathBar{width:1400px; margin:0 auto; box-sizing:border-box;}
.path { color: #504E68; line-height: 30px; text-align: left; width: 1400px; margin: 0 auto; font-size: 16px; box-sizing:border-box; border-bottom:1px solid #e6e6e6; padding:15px 0px;}
.path a,
.path span { padding: 0 3px; color: #504E68;}
.path a:hover{color:#B00B14}
.path em { background: url(/content/main/base/img/path.png) no-repeat 0 center; padding-left: 26px;}

/* mainBox */
.pathBar .mHd,
.mainBox .mHd { position: relative; border-bottom: 1px solid #e6e6e6; line-height: 60px; height: 60px;}
.mainBox .mHd{margin-bottom: 10px;}
.pathBar .mHd h3,
.mainBox .mHd h3{float:left; font-size:30px; font-weight:bold; color:#9D2026; line-height:60px; position:relative; padding-left:20px;}
.pathBar .mHd h3::before,
.mainBox .mHd h3::before{content:""; display:block; width:6px; height:32px; position:absolute; left:0; top:0px; background:#9D2026; top:14px;}
.pathBar .mHd .path,
.mainBox .mHd .path{float:right; width:auto; padding:0px; border:none; margin-top:15px;}
.mainBox .mHd .list { overflow: hidden;}
.mainBox .mHd .list li { float: left; padding: 0 10px; font-size:30px; height:60px;}
.mainBox .mHd .list a { font-size: 30px; color: #888;}
.mainBox .mHd .list a:hover { text-decoration: none;}
.mainBox .mHd .list .on { position: relative; font-weight: bold; color: #9D2026; border-bottom: 1px solid #9D2026;}
.mainBox .mHd .list .on a { color: #9D2026;}

/*footer*/
#footer { position: relative; text-align: center; padding: 80px 0 0px; line-height: 28px; background:#9D2026 url(../img/bg-footer-top.png) 0 0 no-repeat; z-index:2; color:#fff;  }
#footer a{color:#fff;}
#footer a:hover{color:#FFDF34}
#footer .footerBg{min-height:320px; background:url(/content/main/base/img/bg-footer.png) center bottom no-repeat}
#footer .footNav {text-align:left; margin-bottom:10px;}
#footer .footNav a { margin: 0 5px; display: inline-block;}
#footer .footNav a:first-child{margin-left:0}
#footer .copyRight{text-align:left; font-size:14px; color:rgba(255,255,255,0.5); line-height:2; padding-right:120px;}
#footer .copyRight a{color:rgba(255,255,255,0.5)}
#footer .copyRight a:hover{color:#ffffff;}
#footer .pics{position:absolute; bottom:30px; right:0px;}

/* 侧栏固定菜单 */
.sideFixed { z-index: 9; position: fixed; top: 50%; right: 0; width: 70px; margin-top:-284px; font-size: 12px; }
.sideFixed li { position: relative; margin-bottom:0px; border-bottom:1px solid #fff}
.sideFixed li:last-child{border-bottom:none}
.sideFixed li a {height: 30px;line-height: 30px;padding: 40px 0 0px 0;display: block;background: url(/content/main/base/img/icons-sideFixed.png) center 0px no-repeat #B00B14;color:#fff;}
.sideFixed li a:hover { text-decoration: none; background-color:#850101}
.sideFixed li.wx a{background-position: center -0px;}
.sideFixed li.dy a{background-position:center -100px}
.sideFixed li.oa a{background-position:center -200px}
.sideFixed li.xljk a{background-position:center -300px}
.sideFixed li.jxcg a{background-position:center -400px}
.sideFixed li.zt a{background-position:center -500px}
.sideFixed li.bm a{background-position:center -600px}
.sideFixed li.gt a{background-position:center -700px}
.sideFixed li.phone a{background-position:center -800px}
.sideFixed .pic { display: none; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);}
.sideFixed .pic img { width: 150px; height: 150px;}
.sideFixed .on .pic { display: block; position: absolute; left: -168px; top: -45px; padding: 4px; background: #fff;}
.sideFixed .on .pic i { z-index: 8; position: absolute; right: -10px; top: 50%; margin-top: -3px; border-width: 5px; border-color: transparent; border-style: dashed; border-left-color: #fff; border-left-style: solid; display: block; font-size: 0; line-height: 0; width: 0;}

/* goTop */
#goTop { position: fixed; 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;}

/* 侧栏-栏目菜单 */
.sideMenu{margin-bottom:20px;}
.sideMenu .hd{min-height:95px; background:url(/content/main/base/img/sideMenu-hd-bg.png) 0 0 repeat-x #A52429;}
.sideMenu .hd h3{display:block; font-size:30px; font-weight:bold; text-align:center; line-height:48px; padding:24px 20px; background:url(/content/main/base/img/sideMenu-hd.png) 0px bottom no-repeat; color:#fff;}
.sideMenu .hd h3 a{color:#fff;}
.sideMenu .hd h3 a:hover{color:#FFDF34}
.sideMenu .bd{padding:30px; background:#ffffff}
.sideMenu .menuList li{margin-bottom:20px;}
.sideMenu .menuList li:last-child{margin-bottom:0px;}
.sideMenu .menuList li a{display:block; font-size:18px; text-align:center; line-height:2; padding:12px 50px; background:#F2F2F2; color:#333333; position:relative; }
.sideMenu .menuList li a::after{content:""; display:block; width:5px; height:5px; border:1px solid #C4C4C4; transform:rotate(45deg); position:absolute; right:28px; top:50%; margin-top:-3px; border-left:none; border-bottom:none; transition:0.5s;}
.sideMenu .menuList li.on a,
.sideMenu .menuList li a:hover{background-color:#A52429; color:#fff; font-weight:bold;}
.sideMenu .menuList li.on a::after,
.sideMenu .menuList li a:hover::after{border-color:#fff;}

/* box */
.box .hd { height: 45px; line-height: 43px; position: relative; font-size: 18px; margin-bottom: -1px;}
.box .hd .more { position: absolute; top: 8px; right: 0; color: #999; font-size: 14px; width: 24px; height: 24px; line-height: 80px; overflow: hidden; background: #e1e7f0 url(../img/moreicon.png) no-repeat center; border-radius: 50%;}
.box .hd .more a { color: #999;}
.box .hd .more { -webkit-transition: 500ms; -o-transition: 500ms; -moz-transition: 500ms; transition: 500ms;}
.box .hd .more:hover { transform: rotate(360deg); background-color: #f7bc68;}
.box .hd h3 { background: #9D2026; position: absolute; color: #fff; font-weight: bold; padding: 0 25px 0px 25px; border-radius: 6px 6px 0 0;}
.box .hd h3 a { color: #fff;}
.box .hd h3 a:hover { text-decoration: none;}
.box .hd ul { position: absolute; overflow: hidden;}
.box .hd li { float: left; position: relative; margin-right: 10px;}
.box .hd li a { display: block; padding: 0 8px 0 38px; font-size: 20px; line-height: 35px; height: 43px; font-weight: bold; color: #616467; border-radius: 6px 6px 0 0; background: url(/content/main/base/img/boxhdicons.png) no-repeat 0 3px;}
.box .hd li a { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray;}
.box .hd li a:hover { text-decoration: none;}
.box .hd .on a { color: #9D2026; border-bottom: 2px solid #9D2026;}
.box .hd .on a { -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); filter: none;}
.box .bd { padding: 19px; overflow: hidden; border: 1px solid #e7e7e7; background: #fcfcfc;}

/* boxA */
.boxA { margin-bottom: 15px; border:1px solid #e6e6e6; background:#fff; padding:10px 20px; box-sizing:border-box}
.boxA .hd { height: 40px; line-height: 40px; position: relative;}
.boxA .hd .more{float:right; font-size:12px; color:#999999; padding-left:35px; height:20px; line-height:20px; background:url(/content/main/base/img/more.png) 0px 50% no-repeat; margin-top:10px;}
.boxA .hd .more:hover{color:#B00B14}
.boxA .hd h3{float:left; height:40px; font-size: 22px; line-height:40px; color:#A52429; font-weight:bold;}
.boxA .hd h3 a{color:#A52429}
.boxA .bd { padding: 5px; overflow: hidden;}


/* boxB */
.boxB{background:#FFFEFA url(../img/boxb-bd.png) 100% 100% no-repeat; border:1px solid #FCE6BD; padding:20px 20px;}
.boxB .hd{height:40px; line-height:40px; display:flex; justify-content:space-between; align-items:center; margin-bottom:20px;}
.boxB .hd h3{display:flex; font-size:24px; font-weight:bold; align-items:center; color:#222222}
.boxB .hd h3 a{color:#222222;}
.boxB .hd h3 a:hover{color:#B00B14}
.boxB .hd h3::before{content:""; display:block; width:25px; height:40px; background:url(/content/main/base/img/icon-box-hd.png) center center no-repeat; margin-right:10px; }
.boxB .hd h3::after{content:""; display:block; width:90px; height:10px; background:url(/content/main/base/img/box-hd-right.png) 0 center no-repeat; margin-left:10px; }
.boxB .hd .more{font-size:12px; display:flex;justify-content:space-between;  align-items:center; color:#777777;}
.boxB .hd .more::before{content:""; display:block; width:36px; height:12px; background:url(/content/main/base/img/more-left.png) center center no-repeat; margin-right:10px; transition: 0.5s;}
.boxB .hd .more .more-icon{width:18px; height:18px; box-sizing:border-box; border:1px solid #777777; border-radius:50%; background:url(/content/main/base/img/more-icon.png) center center no-repeat; margin:0 5px 0 10px; position:relative; transition: 0.5s; }
.boxB .hd .more .more-icon::after{content:""; display:block; width:24px; height:24px; box-sizing:border-box; border:1px dashed #777777; border-radius:50%; position:absolute; left:-4px; top:-4px; transition: 0.5s;}
.boxB .hd .more:hover{text-decoration:none; color:#B00B14}
.boxB .hd .more:hover::before{background-image:url(/content/main/base/img/more-left-on.png)}
.boxB .hd .more:hover .more-icon{background-image:url(/content/main/base/img/more-icon-on.png); border-color:#B00B14}
.boxB .hd .more:hover .more-icon::after{border-color:#B00B14; animation: circle 25s linear infinite;}

/* boxB 
.boxB { background: #fff;}
.boxB .hd { height: 39px; line-height: 39px; position: relative; border: 1px solid #e1e1e1;}
.boxB .hd .more { font-size: 14px; position: absolute; right: 10px; color: #666;}
.boxB .hd h3 { padding: 0 20px; font-size: 18px; color: #fff; background: #9D2026; position: absolute; height: 41px; line-height: 41px; left: -1px; top: -1px;}
.boxB .hd h3 a { color: #fff;}
.boxB .bd { overflow: hidden; padding: 10px; border: 1px solid #e9e9e9; border-top: 0;}
*/

/* boxC */
.boxC { margin-bottom: 15px; overflow: hidden;}
.boxC .hd { height: 30px; line-height: 30px; background: #fafafa; border-bottom: 1px solid #e9e9e9; position: relative;}
.boxC .hd .more { position: absolute; right: 10px; top: 0; font-size: 14px;}
.boxC .hd .more a { color: #666;}
.boxC .hd ul { overflow: hidden;}
.boxC .hd ul li { float: left;}
.boxC .hd ul a { display: block; float: left; line-height: 16px; padding: 0 20px; margin: 9px 0; border-right: 1px solid #ccc;}
.boxC .hd ul a:hover { text-decoration: none;}
.boxC .hd ul li:last-child a { border-right: 0;}
.boxC .hd .on a { color: #9D2026;}
.boxC .bd { overflow: hidden; padding: 8px 5px;}

/* boxD */
.boxD { margin-bottom: 20px;}
.boxD .hd { height: 40px; line-height: 40px; background: #9D2026;}
.boxD .hd h3 { font-size: 18px; color: #fff;}
.boxD .hd h3 a { color: #fff;}
.boxD .hd h3 i { display: block; float: left; width: 42px; height: 40px; background: url(/content/main/base/img/icons-zwgk.png) #00599d 10px 10px no-repeat; margin-right: 10px;}
.boxD .bd { background: #fff; overflow: hidden; border: 1px solid #e9e9e9; border-top: 0;}

/* boxE */
.boxE { margin-bottom: 15px;}
.boxE .hd { height: 40px; line-height: 40px; overflow: hidden; border-bottom: 2px solid #9D2026;}
.boxE .hd h3 { float: left; padding: 0 20px; background: #9D2026; color: #fff; font-size: 18px;}
.boxE .hd h3 a { color: #fff; display: block; float: left;}
.boxE .hd .more { float: right;}
.boxE .bd { padding: 10px; overflow: hidden;}

/* tabBox */
.tabBox{display:flex}
.tabBox .hd{width:160px; margin-right:40px;}
.tabBox .hd ul{display:flex; flex-direction:column; }
.tabBox .hd li{height:54px; margin-bottom:25px;}
.tabBox .hd li:last-child{margin-bottom:0;}
.tabBox .hd li a{display:block;height:54px;line-height:54px;font-size:18px;text-align:left;padding-left:50px;color:#555555;background: url(/content/main/base/img/tabbox-hd.png) 20px 16px no-repeat transparent; border-radius:5px;}
.tabBox .hd li.on a{background-color:#A52429; color:#fff; background-image:url(/content/main/base/img/tabbox-hd-on.png)}
.tabBox .bd{width:1%; flex-grow:1; background:#fff; border-radius:5px; padding:50px;}

/* 侧栏盒子模型 */
.sideBox { margin-bottom: 20px; border:1px solid #e8e8e8; border-top:3px solid #A52429; background:#fff;}
.sideBox .hd { height:60px; line-height:60px; padding:0 20px;}
.sideBox .hd h3{float:left; font-size:24px; font-weight:bold; color:#A52429;}
.sideBox .hd h3 a{color:#A52429}
.sideBox .hd .more{float:right; font-size:14px; color:#999999;}
.sideBox .bd{padding:10px 20px 20px;}


/*节点归档信息样式*/
.archived-info { float: right;}
.archived-info span { margin: 0 5px;}

/* infoListA */
.infoListA li { font-size:16px; line-height:22px; padding:20px 0px; border-bottom:1px dashed #e6e6e6}
.infoListA .dateRight { color: #999; display:block; font-size:14px; line-height:20px; padding-top:10px; }
.infoListA .first,
.infoListA li:first-child{  padding-top:0px;}
.infoListA .last,
.infoListA li:last-child{ border-bottom: 0; padding-bottom:0px;}


/* 日历式列表 */
.calendarList li { height:54px; position:relative; margin-bottom:30px; line-height:54px; font-size:16px; }
.calendarList li::before,
.calendarList li::after{content:""; display:block; height:1px; position:absolute; left:125px; bottom:0px; right:0px; background:#e6e6e6;}
.calendarList li::before{background:#B00B14; z-index:1; transform: scaleX(0); transform-origin: left top; transition:0.5s}
.calendarList li .date{float:left; height:54px; box-sizing:border-box; border:1px solid #e6e6e6; border-radius:5px; padding-left:58px; padding-top:6px; width:110px; margin-right:15px; background:#fff; transition:0.5s}
.calendarList li .date::after{content:""; display:block; width:1px; height:20px; background:#cccccc; position:absolute; left:56px; top:16px;}
.calendarList li .date b{display:block; height:52px; line-height:52px; position:absolute; left:0px; width:58px; top:0px; text-align:center; font-size:30px; color:#94070A; transition:0.5s}
.calendarList li .date span{display:block; height:20px; line-height:20px; font-size:14px; text-align:center; color:#999999; width:48px; transition:0.5s}
.calendarList li a:hover{text-decoration:none}
.calendarList li:hover::before{transform: scaleX(1);}
.calendarList li:hover .date{border-color:#B00B14; background-color:#B00B14}
.calendarList li:hover .date b{color:#fff}
.calendarList li:hover .date span{color:rgba(255,255,255,0.7)}
.calendarList li:hover .date::after{background-color:#fff}

/* 信件列表 */
.letterList { width: 100%; border: none;}
.letterList th,
.letterList td { text-align: center; font-size: 16px; vertical-align: middle; line-height: 32px; padding: 5px 5px;}
.letterList th { background: #f1f1f1;color: #9D2026; height: 35px; line-height: 35px;  border-bottom: 1px solid #d7d7d7; font-weight:bold}
.letterList th.title { text-align: left; padding-left: 38px;}
.letterList .even td { background: #f4f4f2;}
.letterList .num { display: none;}
.letterList td.title { text-align: left; padding-left: 5px; white-space: normal; word-break: break-all;}
.letterList .ico { width: 30px; text-align: center; vertical-align: middle; padding: 0px;}
.letterList .ico img { vertical-align: middle;}
.letterList .dep { width: 90px;}
.letterList .state { width: 90px;}
.letterList .open,
.letterList .handle { display: none;}
.letterList .state .s0 { color: #333;}
.letterList .state .s1 { color: #f70;}
.letterList .state .s2 { color: #f00;}
.letterList .state .s3 { color: #390;}
.letterList .state .s4 { color: #333; text-decoration: line-through;}
.letterList .date { border-right: none; width: 90px;}
.letterList td.date { color: #999999;}

/* detailTable */
.detailTable { margin-bottom: 10px; background: #fff; width: 100%;}
.detailTable,
.detailTable tr,
.detailTable tr td { border: 1px solid #e6e6e6; border-collapse: collapse;}
.detailTable thead tr { border-color: #9D2026;}
.detailTable thead th { background: #9D2026; height: 40px; line-height: 40px; color: #fff; font-size: 16px; text-align: center; border-color: #9D2026;}
.detailTable tbody td { padding: 10px 15px;}
.detailTable tbody td.tdName { font-weight: bold; background: #f7f7f7; text-align: center; width: 20%; font-size: 14px;}
.detailTable .trTitle .tdCon { font-weight: bold; white-space: normal; word-break: break-all;}
.detailTable .trName td:nth-child(2),
.detailTable .trUnit td:nth-child(2) { width: 160px;}
.detailTable .trName td:nth-child(3),
.detailTable .trUnit td:nth-child(3) { width: 160px;}
.detailTable .preDiv { width: 670px; overflow: auto;}
.detailTable .preDiv pre { font-size: 14px; font-family: "Microsoft YaHei", 'PingFang SC', Arial, Helvetica, Tahoma, sans-serif; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word;}

/* 友情链接模拟下拉 */
.friendLinks {text-align:left; margin-bottom:20px;}
.friendLinks .hd{height:50px; line-height:50px; margin-bottom:10px;}
.friendLinks .hd h3{float:left; font-size:22px; font-weight:bold;}
.friendLinks .hd ul{float:left;}
.friendLinks .hd ul li{float:left; margin-left:20px;}
.friendLinks .bd .list{}
.friendLinks .bd .list::after { content: ""; display: block; height: 0; clear: both; visibility: hidden;}
.friendLinks .bd .list li{width:320px; margin-right:40px; float:left; height:40px;}
.friendLinks .bd .list li:nth-child(4n){margin-right:0}
.friendLinks .bd .list li a{display:block; height:40px; text-align:center; background:rgba(255,255,255, 0.3); line-height:40px;  font-size:16px; box-sizing:border-box; padding:0 10px;}
.friendLinks .bd .list li select{height:40px; line-height:40px; width:100%; border:none; background:rgba(255,255,255, 0.3); color:#fff; text-align:center; font-size:16px; box-sizing:border-box; padding:0 10px; cursor:pointer;}
.friendLinks .bd .list li select:hover{color:#FFDF34}
.friendLinks .bd .list li select option{color:#333; height:40px;}


/* 侧栏-栏目内搜索 */
#sideSearch .bd li { padding: 0 0 10px 0; overflow: hidden;}
#sideSearch .nodes,
#sideSearch input,
#sideSearch button { height: 32px; line-height: 32px; width: 100%; border: 1px solid #ddd; font-size: 14px; font-family: "Microsoft YaHei", 'PingFang SC'; outline: none;}
#sideSearch .keyword { width: 60%; padding: 0 5px;}
#sideSearch button { line-height: 28px; width: 32%; float: right; background: #9D2026; border-color: #9D2026; color: #fff;}

/*验证码*/
div.codeinp input[type="text"] { width: 100px !important; float: left; margin-right: 10px; line-height: 26px;}

/* 通用底部按钮 */
.bot { text-align: center; padding: 0 0 20px 0;}
.bot a,
.bot button { cursor: pointer; display: inline-block; height: 46px; line-height: 46px; padding: 0 5%; font-size: 16px; background: #9D2026; border: 0; color: #fff; margin: 0 2%; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
.bot a:hover,
.bot button:hover { text-decoration: none; background: #077bd4;}

/* 依申请、信访、咨询等通用 查询页样色 */
.queryForm { background: #fff; padding: 3% 0; width: 80%; margin: 30px auto; border: 1px solid #e2e2e2; font-size: 16px;}
.queryForm td { padding: 8px 0;}
.queryForm .tdlab { width: 40%; text-align: right;}
.queryForm input[type="text"] { border: 1px solid #ccc; width: 56%; height: 30px;}
.queryForm input[type="text"]:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
        0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
        0 0 8px rgba(102, 175, 233, 0.6);}
.queryForm .bot { text-align: left;}
.queryForm .bot a { margin: 0;}
.queryForm .required strong { color: #f00; margin-right: 5px;}
.queryForm .errorMessage { color: #f00;}
.queryForm table { width: 100%; border: 0;}

/* 依申请、信访、咨询等通用 查询结果页样色 */
.queryResult { width: 80%; margin: 30px auto;}
.queryResult .mainBox { margin-bottom: 50px;}
.queryResult .tit h3 { text-align: center; font-size: 38px; line-height: 2; margin-bottom: 30px;}
.queryResult .tips { text-align: center; font-size: 16px; margin-bottom: 50px; border-top: 1px solid #ddd; padding: 50px 0 20px 0;}
.queryResult .number { font-weight: bold; color: #f00;}

/* 标记分类 */
.filter-row {background-color: rgba(65, 110, 180, 0.05);}
.filter-row .choose-item a:hover,
.filter-row .filter-key {color: #9D2026;}
.filter-result .filter-criteria-item:hover,
.filter-row .filter-ext-more:hover,
.filter-row .filter-ext-multiple:hover {color: #9D2026; border-color: #9D2026}
.filter-result .filter-criteria-item {border-color: rgba(65, 110, 180, 0.2);background-color: rgba(65, 110, 180, 0.03);}
.filter-result .filter-criteria-item:hover i {background-color: #9D2026}


/* 旋转 */
@keyframes circle{
    0%{transform: rotate(0)}
    100%{transform: rotate(360deg)}
}