@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;  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: #4f4f4f; font-size:1.4rem;  line-height: 1.2; 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: #990000; 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; }
*{box-sizing: border-box;}
/* frame */
body{text-align: center; background:url(../../base/img/bodybg.jpg) }
.wrap {}

/* 字体图标 */
@font-face { font-family: "iconfont"; src: url("../fonts/iconfont.eot?t=1466761399"); /* IE9*/ src: url("../fonts/iconfont.eot?t=1466761399#iefix") format("embedded-opentype"), url("../fonts/iconfont.woff?t=1466761399") format("woff"), url("../fonts/iconfont.ttf?t=1466761399") format("truetype"), url("../fonts/iconfont.svg?t=1466761399#iconfont") format("svg"); /* iOS 4.1- */ }

body.noshow{overflow: hidden; }

/*图片放大
.scaleImg img { transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s; }
.scaleImg img:hover { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); }
*/

#header {position: fixed;z-index: 2;left: 0;top: 0;width: 100%;}
.fullwidth{max-width: 95%;margin: 0 auto;padding-top: 33px;transition: 0.5s;box-sizing: border-box;}
.siteWidth {position: relative;width: 1600px;margin: 0 auto;}
#header { text-align: left; margin: 0 auto; }
#header.header-topNav-fixed { z-index: 9999; }
#content {clear: both;margin: 0 auto 20px;position: relative;z-index: 1;text-align: left;}
#content:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.headerTop {display: flex;justify-content: space-between;align-content: center;align-items: flex-start;transition: 0.3s;}
.topBar {height: 4rem;line-height: 2;float: right;color:#fff;background: #900;position: relative;transition: 0.3s;}
.topBar a{color:#fff;padding: 0 1rem;font-size: 1.2rem;}
.topBar a:hover{ color:#ff0}
.topBar .siteWidth { z-index: 10; }
.topBar .split{opacity:0.3}
.topBar:before{content: "";transform: rotate(180deg);position: absolute;top: 0;left: -4rem;border-width: 4rem;border-color: transparent;border-style: dashed;border-bottom-color: #990000;border-bottom-style: solid;display: block;font-size: 0;line-height: 0;width: 0;z-index: -1;}
.topBar:after{content: "";transform: rotate(180deg);position: absolute;top: 0;left: 0px;display: block;z-index: -1;background: #990000;width: 100rem;height: 4rem;}


#header {padding: 0 0 3rem;background: linear-gradient(180deg, rgba(18, 129, 221, 0.73) 0%, rgba(18, 129, 221, 0.76) 56.25%, rgba(18, 129, 221, 0) 100%);transition: 0.3s;border-top: 5px solid #900;z-index: 9;}
.show #header{background:#990000;box-shadow: 0px 6px 20px 7px rgba(0, 0, 0, 0.25);}
.show .fullwidth{padding-top: 10px;}
.show #header{}
.show .headerTop {height: 6rem;display: flex;justify-content: space-between;align-content: center;align-items: flex-start;}
.show .topBar{height:3rem}

.navtopBar{display:flex;flex-direction: column;align-items: flex-end;flex: 1;}
.navtopBar .mainNav{display:flex;align-items: center;}


#navContlayer{display:flex;position:fixed;width:100vw;height:100vh;background:url(../../base/img/Navbg.jpg) no-repeat center;background-size:cover;z-index: 99;flex-direction: column;align-items: center;justify-content: flex-start;gap: 10rem;display:none;padding-top: 5%;}
#navContlayer .navclose{position:absolute;top:10px;right: 20px;color:#fff;font-size:2rem;cursor: pointer;transition:0.3s;display: flex;align-items: center;justify-content: center;width: 30px;height: 30px;opacity: 0.5; background:#000; border-radius:50%}
#navContlayer .navclose:hover{transform:rotate(180deg); opacity:1}
#navContlayer .navlogo{ width:30rem; height:auto;}
#navContlayer .navlayer{width:100%;display:flex;justify-content: center;flex-direction: row;gap: 4rem;color: #fff;}
#navContlayer .navlayer a{color: #fff1d9;}
#navContlayer .navlayer .h1{margin-bottom: 2rem;}

#navContlayer .navlayer .a1{font-size: 2rem;font-weight: bold;}
#navContlayer .navlayer .a2{ font-size:1.5rem; opacity:0.8}
#navContlayer .navlayer .ul1{display:flex;flex-direction: column;gap: 0.8rem;}
#navContlayer .navlayer a:hover{ opacity:1; text-decoration:underline}

#navContlayer .navlayer .h1,
#navContlayer .navlayer .h2 { display:flex;flex-direction: column;align-items: center;gap: 1rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
#navContlayer .navlayer  a{background-image: linear-gradient(#fff1d9, #fff1d9);background-position: right bottom;background-size: 0 1px;background-repeat: no-repeat;transition: background-size .5s;padding-bottom: 10px;}
#navContlayer .navlayer .h1:hover a,
#navContlayer .navlayer .h2:hover a{ background-position: left bottom; background-size: 100% 1px; text-decoration:none; opacity:1 }



#phoneheader{display: none;}
#phoneheader {z-index: 20;background: #990000;color: #fff;padding: 1rem 0;position: relative;}
#phoneheader #logo {margin: 0 3%;height: 45px;padding: 5px 0px;display: flex;flex-direction: row;align-content: center;flex-wrap: wrap;justify-content: flex-start;}
#phoneheader #logo a {display: flex;flex-grow: 1;justify-content: flex-start;color: #fff;font-size: 2rem;text-align: center;font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI Light", "Microsoft YaHei UI", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;align-items: center;}
#phoneheader #logo img {max-width: 100%;max-height: 3.7rem;}
#phoneheader .title { text-align: center; margin: 0 100px; overflow: hidden; font-size: 20px; height: 55px; line-height: 55px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: none; color: #fff; }
#phoneheader dl { height: 0px; }
#phoneheader dd {width: 100%;background: #f2f2f2;left: 0;padding: 10px 3%;position: absolute;top: 100%;text-align: left;line-height: 1.8;box-sizing: border-box;}
#phoneheader dt { display: block; width: 36px; height: 36px; line-height: 32px; text-align: center; position: absolute; top: 50%; margin-top: -18px; }
#phoneheader dt::after {content: "\f0c9";font-family: "FontAwesome";color: #fff;font-size: 26px;}
#phoneheader dt::before {position: absolute;left: 50%;margin-left: -0.6rem;bottom: -1.5rem;content: "";border-color: transparent;display: block;font-size: 0;line-height: 0;width: 0;border-width: 6px;border-style: dashed;border-bottom-color: #f2f2f2;border-bottom-style: solid;display: none;}
#phoneheader dt.on::before { display: block; }
#phoneheader .siteSearch dt {left: auto;right: 12%;}
#phoneheader .siteSearch dt::after { content: "\f002"; font-size: 23px; }
#phoneheader .topNav dt {right: 3%;}
#phoneheader .back { width: 36px; height: 36px; overflow: hidden; text-align: center; position: absolute; left: 45px; top: 50%; margin-top: -18px; font-size: 32px; color: #fff; text-decoration: none; line-height: 30px; }
#phoneheader .set { width: 36px; height: 36px; overflow: hidden; text-align: center; position: absolute; right: 45px; top: 50%; margin-top: -18px; font-size: 24px; color: #fff; text-decoration: none; line-height: 32px; }
#phoneheader .homeLink { width: 36px; height: 36px; overflow: hidden; text-align: center; position: absolute; left: 5px; top: 50%; margin-top: -18px; font-size: 28px; color: #fff; text-decoration: none; line-height: 36px; }
#JS_hideBox2{display:none;width:100%}
#JS_hideBox2.show{display:block;}

#JS_hideBox1{display:none;width:100%}
#JS_hideBox1.show{display:block;}


/* 用户登录 */
#phoneheader .userLogged dt { left: auto; right: 5px; }
#phoneheader .userLogged dt::after { display: none; }
#phoneheader .userLogged dt a { display: block; width: 36px; height: 30px; padding-top: 6px; box-sizing: content-box; position: relative; }
#phoneheader .userLogged dt a .avatar { display: block; width: 25px; height: 25px; margin: 0 auto; line-height: 0px; font-size: 0; overflow: hidden; border-radius: 50%; }
#phoneheader .userLogged dt a .avatar img { width: 25px; height: 25px; }
#phoneheader .userLogged dt a .notAvatar img { display: none }
#phoneheader .userLogged dt a .notAvatar i { color: #fff; font-size: 24px; line-height: 25px; }
#phoneheader .userLogged dt a .txt { display: none; }
#phoneheader .userLogged dt a.hasMsg:after { content: ""; width: 8px; height: 8px; display: block; background: #fc5f3d; border-radius: 4px; position: absolute; top: 3px; left: 50%; margin-left: 7px; }

#phoneheader .phonemainNav .li1 { width: 100%; margin: 0 0 2% 0; }
#phoneheader .phonemainNav .li1 .a1 { display: block; color: #333; font-size: 16px; height: 42px; line-height: 42px; background: #e6e6e6; text-align: left; padding: 0 5%; overflow: hidden; }
#phoneheader .phonemainNav .ul1 { display: none; overflow: hidden; padding-bottom: 15px; }
#phoneheader .phonemainNav .li2 { float: left; min-width: 33%; padding: 10px 0.3% 0 0; }
#phoneheader .phonemainNav .a2 { padding: 0 10%; font-size: 14px; color: #666; word-break: keep-all; white-space: nowrap; }
#phoneheader .phonemainNav .sh { display: none; }
#phoneheader .phonemainNav .hasUl1 .sh { display: block; float: right; height: 42px; line-height: 42px; width: 52px; font-size: 0; color: #666; background: #ddd; position: relative; overflow: hidden; }
#phoneheader .phonemainNav .sh::after, 
#phoneheader .phonemainNav .sh::before { content: ""; display: block; height: 1px; width: 13px; margin: 0 0 0 -6px; background: #888; position: absolute; left: 50%; top: 50%; }
#phoneheader .phonemainNav .sh::before { height: 13px; width: 1px; margin: -6px 0 0 0; }
#phoneheader .phonemainNav .showSubMenu .ul1 { display: block; }
#phoneheader .phonemainNav .showSubMenu .sh::before { display: none; }
#phoneheader .phonemainNav #li-zwgk .li2 { width: 50%; }
#phoneheader .siteSearch .select-box { display: none; }
#phoneheader .siteSearch #search {/* top: 10px; *//* height: 40px; *//* border: 0; */line-height: 38px;/* width: 20%; *//* position: absolute; */right: 0;/* display: block; */background: #990000;text-align: center;color: #fff;font-size: 16px;}
#phoneheader .siteSearch #inputkeyword {/* background: #fff; *//* font-size: 14px; *//* height: 20px; *//* line-height: 20px; *//* padding: 10px; *//* border: 0; *//* width: 74%; */outline: none;width: 100%;}
#phoneheader .siteSearch .dropdown-word { width: 79%; border: none; }


/* 访客类型 */
.visitorType { float: left; color: #429acd; }
.visitorType a { margin: 0 15px; color: white; }
.topLinks { float: left; font-size: 14px; }
.quickLinks>li { position: relative; z-index: 1; width: auto; float: left; margin-left: 21px; padding-left: 26px; height: 40px; line-height: 40px; }
.quickLinks .serch { margin-left: 20px; padding-left: 20px; }
.quickLinks>li>a { font-size: 14px; color: white; }
.quickLinks .serch a { position: absolute; z-index: 2; left: 0; top: 0; display: block; width: 20px; height: 40px; float: left; line-height: 40px; overflow: hidden; }
.quickLinks li.on .s-form { display: block; }
.quickLinks>li>.icon { position: absolute; z-index: 1; left: 0; top: 50%; width: 20px; height: 20px; float: left; margin-top: -10px; overflow: hidden; background: url(../img/topicon.png) center top no-repeat; }
.quickLinks .li2 .icon { background-position: center -20px; }
.quickLinks .li3 .icon { background-position: center -40px; }
.quickLinks .li4 .icon { background-position: center -60px; }
.quickLinks .li5 .icon { background-position: center -174px; }
.quickLinks .li6 .icon { background-position: center -209px; }
.quickLinks .serch .icon { background-position: center -79px; }
.quickLinks .siteGroup .icon { background-position: center -100px; }
.topLinks dl { margin: 0 5px; position: relative; float: left; }
.topLinks .site { margin: 0 0 0 5px; position: relative; z-index: 9; }
.topLinks dd { clear: both; display: none; transition: all 0.5s; padding: 7px; background: #fff; position: absolute; right: 50%; top: 36px; margin-right: -54px; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .3); box-shadow: 0 0 5px rgba(0, 0, 0, .3); }
.topLinks dd>i { z-index: 8; position: absolute; top: -10px; right: 10px; 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; }





/* 站群导航-公共 */
#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; }

/* 站群导航-个性 */
.quickLinks li.on #siteLast dd { display: block; }
#siteLast dt { color: #fff }
#siteLast a { padding: 0; margin: 0; }
#siteLast dd { font-size: 12px; border: 3px solid #990000; left: -40px; right: auto; margin: 0px; top: 40px; }
#siteLast dd li a { cursor: pointer; }
#siteLast.on dt { background-color: #990000; color: #fff; }

/* 顶部登录注册 */
.topBar .userLogged {float: right;/* margin-top: 7px; */color: #fff}
.topBar .userLogged a { color: #fff }
.topBar .userLogged .userDropdown .nickname:hover { color: #fff; text-decoration: underline }
.topBar .userLogged .loggedin .signinSum, .topBar .userLogged .loggedin .myMsg { background-image: url(../img/icons-userlogged.png); }
.topBar .userLogged .loggedin .signinSum:hover, .topBar .userLogged .loggedin .myMsg:hover, .topBar .userLogged .loggedin .hasMsg { background-image: url(../img/icons-userlogged-on.png); }
.topBar .userLogged .userDropdown .nickname:after { background: url(../img/userlogged-arrow.png) 0px 0px no-repeat; }
.user-mainbox .hd h3 { color: #990000 !important; border-bottom-color: #990000 !important; }
.user-mainbox .loginBtn { background-color: #990000 !important; }
.user-mainbox .loginBtn:hover { background-color: #990000 !important; }

/* 搜索框 */
.s-form {/* display: none; *//* position: absolute; *//* z-index: 10; *//* right: -5px; *//* top: 38px; *//* width: 460px; *//* background-color: #fff; *//* border-radius: 6px; *//* vertical-align: top; *//* height: 46px; *//* line-height: 46px; */display: flex;justify-content: space-between;}
.s-form .closeBtn { position: absolute; z-index: 1; right: 0; top: 0; width: 20px; float: left; text-align: center; background-color: #f0f0f0; font-size: 18px; height: 20px; line-height: 20px; color: #990000; cursor: pointer; }
.s-form .input-box {/* float: left; */flex: 1;}
.s-form .input-box input {/* width: 280px; *//* vertical-align: top; *//* height: 16px; */padding: 15px 15px;/* line-height: 16px; */border: 0;/* outline: none; *//* background: none; */}
.s-form .btn-box {/* float: left; */line-height: 0;}
.s-form .btn-box input { height: 46px; line-height: 200px; overflow: hidden; border: none; background: url(../img/topicon.png) center -108px no-repeat; width: 70px; outline: none; }
.s-form .btn-box input:active { background-color: #f1f1f1; border-radius: 0 25px 25px 0 }
.s-form .link-box { text-align: center; font-size: 14px; }
.s-form .select-box { float: left; width: 100px; height: 46px; border: none; background: none; border: 0; position: relative; }
.s-form .select-box ul { position: absolute; background: #fff; border-top: 0; line-height: 1.8; display: none; left: 0px; top: 46px; 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: 46px; line-height: 46px; width: 80px; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.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: 20px; transition: -webkit-transform .1s ease-in-out; transform: translate3d(0, 0, 999px); backface-visibility: visible; -webkit-transition: -webkit-transform .1s ease-in-out; -webkit-transform: translate3d(0, 0, 999px); -webkit-backface-visibility: visible; -moz-transition: -moz-transform .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: 14px; }

/* logo */
#logo {transition: 0.3s;padding-top: 2rem;}
#logo img {width: auto;transition: 0.3s;height: 5.3rem;}

.show #logo {padding-top: 1.5rem;}

/* 主导航 */
.topNav {/* float: right; */display: flex;align-items: center;}
.topNav .NavBtn{color:#fff;font-size:2rem;padding-top:0.2rem;margin-left:1rem;cursor: pointer;}
#header #mainNav .li1 {float: left;display: inline;position: relative;z-index: 9;}
#header #mainNav #li-home {}
#header #mainNav .a1 {display: block;padding: 1rem 1.2rem;line-height: 2;color: #fff;border-radius: 0.3rem;text-align: center;font-weight: bold;font-size: 1.8rem;}
#header #mainNav .on1 .a1, #mainNav .a1:hover {color: #ffe200;text-decoration: none;}
#header #mainNav .ul1 {display: none;position: absolute;z-index: 91;background-color: #fff;text-align: center;width: 140%;right: 50%;top: 5.5rem;border-radius: 0.6rem;border-top: 2px solid #f59d3f;padding: 1rem 0;margin-right: -70%;}
#header #mainNav .ul1:before{content: "";position: absolute;top: -18px;left: 50%;margin-left: -0.9rem;border-width: 0.9rem;border-color: transparent;border-style: dashed;border-bottom-color: #f59d3f;border-bottom-style: solid;display: block;font-size: 0;line-height: 0;width: 0;}

#header #mainNav .last1 .ul1 {}
#header #mainNav .a2 { display: block; font-size: 14px; padding: 8px 10px; line-height: 20px; }
#header #mainNav .a2:hover {background-color: #f59d3f;color: #fff;text-decoration: none;}

/* 节点banner  S */
.pageBanner {position: relative;z-index: -1;width: 100%;overflow: hidden;}
.pageBanner img{ width:100%; height:auto;}
/* 主栏 和 侧栏 */
.mainContent {overflow: hidden;}
.side {font-size: 1.6rem;overflow: hidden;float: left;margin-right: 3rem;width: 20%;border-left: 0.5rem solid #900;}
#sideMenu .hd { display: none; }

/* 位置导航 */
.path {line-height: 2;padding: 1rem 5rem 1rem 3rem;text-align: right;margin: 0 auto;font-size: 1.4rem;color: #fff;float: left;background: url(../../base/img/pathbg.png) no-repeat right;margin-top: 2rem;margin-left: -3rem;z-index: 1;position: relative;background-size: cover;}
.path a, .path span {padding: 0 3px;color: #ffffff;}
.path em { }
.path em:before {content: "\f1d8";font:normal normal normal 14px/1 FontAwesome;padding-right: 1rem;color: #ffffff;width: 1.6rem;display: inline-block;height: 2rem;float: left;margin-top: 0.7rem;background-size: contain;}
.pagebanner {width: 100%;box-sizing: border-box;display: flex;align-items: flex-end;flex-direction: column;}
.pagebanner .siteWidth {margin-top: -6.8rem;display: flex;align-items: flex-end;}
.pagebanner h3 {font-size: 2.4rem;color: #fff;float: left;background: url(../../base/img/pathH3bg.png) no-repeat bottom right;height: auto;line-height: 2;padding: 1rem 6rem 1rem 3rem;z-index: 2;position: relative;background-size: cover;}
.path a:hover { text-decoration: none; opacity: 0.6; }
.pagebanner p { font-size: 4rem; font-weight: bold; color: #fff; opacity: 0.1; margin-top: 0px; position: absolute; top: 13px; right: 0; }
.pagebanner .img_s{display:none;}

/* 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: .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; }

/* 侧栏-栏目菜单 */
#sideMenu li {font-size: 1.6rem;vertical-align: top;position: relative;font-family: FontAwesome;display: flex;align-items: center;flex-direction: row;justify-content: space-between;}
#sideMenu li a {display: block;padding: 1rem  1.11rem 1rem 4rem;transition: 300ms;color: #3D4860;line-height: 2;margin-right: 2.22rem;position: relative;display: block;}
#sideMenu li:after {content: "\f105";opacity: 0.2;margin-right: 3rem; transition:0.3s}
#sideMenu li:hover:after{margin-right: 2rem;}
#sideMenu li.on:after { color: #fff; opacity: 1; margin-right: 2rem;}

#sideMenu li a:hover { text-decoration: none; border-color: #ccc }
#sideMenu li.on {background-color: #990000;}
#sideMenu li.on a, 
#sideMenu li.on a:hover {padding: 1rem  1.11rem 1rem 5rem;color: #fff;}
#sideMenu li:hover {background-color: #997f1f0a;}
#sideMenu li:hover a {padding: 1rem  1.11rem 1rem 5rem;opacity: 0.8;}
#sideMenu li.on:hover { background: #990000 }

#sideMenu .bd ul { }
#sideMenu li:last-child a { border: none }

/* 侧栏盒子模型 */
.sideBox {/* margin-bottom: 2rem; *//* border-left: 2px solid #900; *//* border-bottom: 2px solid #900; */}
.sideBox .hd { overflow: hidden; padding: 0px 10px; line-height: 45px; background: url(../img/sidehdbg.png) no-repeat #1f438d; padding-bottom: 42px; }
.sideBox .hd .more { float: right; }
.sideBox .hd h3 { font-size: 30px; color: #fff; text-align: left; line-height: 36px; padding: 20px 80px 20px 20px; }
.sideBox .hd h3 a { color: #fff; }
.sideBox .hd h3 a:hover { text-decoration: none; }
.sideBox .bd {padding: 20px 0px 20px 0px;background: #fff;}
#sideMenu:after { content: ''; width: 100%; height: 160px; display: block; background: url(../img/sidebdbgbtm.png) no-repeat bottom right #fff; display: none; }
.sideWeiXin { background: #fff; padding: 30px; margin: 30px; text-align: center; margin-bottom: 20px; }
.sideWeiXin .hd {/* margin-bottom: 10px; */ }
.sideWeiXin .hd h3 { font-size: 24px; font-weight: bold; }
.sideWeiXin .bd { text-align: center; font-size: 16px; }
.sideWeiXin .bd img { width: 100%; }
.sideWeiXin .bd p { font-size: 15px }
.sideWeiXin .bd span { color: #f4c82b; padding-left: 10px }
.sideRmph { }
.sideRmph {background: #fff;padding: 2rem 3rem;}
.sideRmph .hd {margin-bottom: 2rem;border-bottom: 1px solid rgb(229, 229, 229);padding-bottom: 2rem;}
.sideRmph .hd h3 {font-size: 2.4rem;}
.sideRmph#ztpic img { width: 100%; height: auto; }
.articleConPage .sideWeiXin { background: #fff; padding: 30px; margin: 0px; text-align: left; margin-bottom: 20px; padding-top: 0 !important; }
.articleConPage .sideWeiXin .bd { text-align: center; font-size: 16px; border: 1px solid #f3f3f3; padding: 30px }
.articleConPage .sideWeiXin .bd img { width: 100%; }
.articleConPage .sideWeiXin .bd p { font-size: 15px }
.articleConPage .sideWeiXin .bd span { color: #f4c82b; padding-left: 10px }
.articleConPage .sideRmph { }
.articleConPage .sideRmph {background: #fff;padding: 1.67rem;}
.articleConPage .sideRmph .hd {margin-bottom: 1.11rem;}
.articleConPage .sideRmph .hd h3 {font-size: 1.33rem;font-weight: bold;}
.articleConPage .sideRmph#ztpic img { width: 100%; height: auto; }
.articleConPage .sideRmph#ztpic { margin-bottom: 20px; padding-top: 0; }
.articleConPage .ztpicSide{ display:block;} 


/* infoListA */
.infoListA li {padding: 0 0 1.5rem 0;margin-bottom: 1.5rem;border-bottom: 1px solid #eee;line-height: 1.5;position: relative;overflow: hidden;}
.infoListA li a {margin-bottom: 0.5rem;display: block;}
.infoListA .date { color: #999; float: right; }
.infoListA .last { border-bottom: 0 }
.infoListA .dateRight { float: left; font-family: FontAwesome; color: #CBB281 }
.infoListA .dateRight:before { content: '\f272'; padding-right: 5px; float: left; }

/* 日历式列表 */
.calendarList li { height: 60px; padding: 10px 0; }
.calendarList li .calendar { float: left; width: 60px; height: 60px; background: #abb898; color: #fff; text-align: center; font-size: 12px; border-radius: 6px; margin-right: 20px; display: inline; }
.calendarList li .calendar em { display: block; line-height: 20px; font-size: 24px; padding-top: 10px; }
.calendarList li .title { font-size: 16px; font-weight: bold; }
.calendarList li .intro { color: #999; font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }


/* box */
.box { overflow: hidden; }
.box .hd { height: 40px; line-height: 40px; position: relative; font-size: 16px; border-bottom: 1px solid #dcdcdc; }
.box .hd .more { float: right; font-size: 12px; }
.box .hd .more { -webkit-transition: 500ms; -o-transition: 500ms; -moz-transition: 500ms; transition: 500ms; }
.box .hd .more:hover { color: #990000; }
.box .hd h3 { height: 40px; line-height: 40px; float: left; padding: 0 15px; font-size: 16px; color: white; background-color: #990000; }
.box .hd h3 a { color: white; }
.box .hd h3 a:hover { text-decoration: none; }
.box .hd ul { overflow: hidden; }
.box .hd li { float: left; margin-right: 5px; }
.box .hd li a { display: block; height: 40px; line-height: 40px; padding: 0 15px; font-size: 16px; }
.box .hd li a:hover { text-decoration: none; }
.box .hd .on a { background-color: #990000; color: white; }
.box .bd { padding: 15px 0 0; overflow: hidden; }

/* boxA */
.boxA { margin-bottom: 15px; }
.boxA .hd { height: 40px; line-height: 40px; position: relative; font-size: 18px; border-bottom: 2px solid #f3f3f3 }
.boxA .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%; }
.boxA .hd .more a { color: #999 }
.boxA .hd .more { -webkit-transition: 500ms; -o-transition: 500ms; -moz-transition: 500ms; transition: 500ms; }
.boxA .hd .more:hover { transform: rotate(360deg); background-color: #f7bc68 }
.boxA .hd h3 {position: absolute;color: #990000;font-size: 1.8rem;font-weight: bold;line-height: 2;padding: 0 0.5rem;height: 40px;border-bottom: 2px solid #990000;}
.boxA .hd h3 a { color: #990000; }
.boxA .hd h3 a:hover { text-decoration: none; }
.boxA .hd ul { position: absolute; height: 40px; overflow: hidden; }
.boxA .hd li { float: left; font-size: 18px; height: 39px; line-height: 39px; background: #F9F9F9; }
.boxA .hd li a { display: block; float: left; padding: 0 30px; }
.boxA .hd li a:hover { text-decoration: none }
.boxA .hd .on { border: 1px solid #E1E1E1; border-top: 3px solid #990000; border-bottom: 0; }
.boxA .bd {padding: 2rem 0.5rem;overflow: hidden;}


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



/* 图片标题内容列表 */
.picTitleList { overflow: hidden; margin-top: -20px; }
.picTitleList li { margin-top: 20px; }
.picTitleList li .pic { overflow: hidden; margin-bottom: 12px; }
.picTitleList li img { display: block; width: 100%; height: auto; }
.picTitleList li .title { margin-bottom: 8px; height: 30px; line-height: 30px; font-size: 16px; }
.picTitleList li .title a { color: #666; }
.picTitleList li .intro { line-height: 22px; color: #999; }
.picTitleList li .others { height: 20px; line-height: 20px; font-size: 12px; color: #999; }
.picTitleList li .date { padding-left: 25px; background: url(../img/dateicon.png) left center no-repeat; }

/* 信件列表 */
.letterList { width: 100%; border: none; }
.letterList th, .letterList td { text-align: center; font-size: 14px; vertical-align: middle; line-height: 26px; padding: 12px 5px }
.letterList th { background: #f1f6fa; }
.letterList th { color: #990000; height: 52px; line-height: 52px; padding: 0px; font-size: 16px; border-bottom: 1px solid #d7ebf6; font-weight: bold; }
.letterList th.title { text-align: left; padding-left: 38px; }
.letterList tr:nth-child(2n) td, .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: #990000; }
.detailTable thead th { background: #990000; height: 40px; line-height: 40px; color: #fff; font-size: 16px; text-align: center; border-color: #990000; }
.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; }

/* mainBox */
.mainBox .mHd { position: relative; height: 42px; line-height: 42px; }
.mainBox .mHd .list { overflow: hidden; }
.mainBox .mHd .list li { float: left; padding: 0 4%; }
.mainBox .mHd .list a { font-size: 18px; color: #888; }
.mainBox .mHd .list a:hover { text-decoration: none }
.mainBox .mHd .list .on a { color: #990000 }
.mainBox .mHd .list .on { position: relative; font-weight: bold; display: inline-block; *display: inline; zoom: 1; padding: 0 2.5%; border-radius: 6px 6px 0 0; color: #990000; border-bottom: 0; font-size: 18px; border-bottom: 2px solid #990000; }
.mainBox .mBd {padding: 2rem;background-color: #fff;min-height: 60rem;}

/*footer*/
#footer {position: relative;z-index: 9;text-align: center;padding: 4rem 0 0px;background-color: #990000;background: url(../../base/img/footbg.jpg) no-repeat center;background-size: cover;}
#footer p{font-size: 1.4rem;line-height: 2;opacity: 0.8;}
#footer p a{opacity:0.6}


/* 底部导航 */
.footNav {margin: 0px auto 40px;text-align: center;color: #fff;display: flex;justify-content: space-between;align-items: center;}
.footNav a {color: #fff;display: block;}

.contact{text-align:left;}


.fnav #li-home{display:none}


.fnav{display:flex;gap: 40px;}
.fnav .a1{font-size:16px;font-weight:bold;margin-right: 70px;margin-bottom: 10px;}
.fnav .a2{font-size:14px; opacity:0.5}
.fnav .ul1{border-right: 1px solid rgb(255 255 255 / 16%);display: flex;flex-direction: column;align-items: flex-start;}

.fnav h3 {  overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.fnav h3 a{background-image: linear-gradient(#fff, #fff);background-position: right bottom;background-size: 0 1px;background-repeat: no-repeat;transition: background-size .5s;}
.fnav h3:hover a{ background-position: left bottom; background-size: 100% 1px; text-decoration:none; opacity:1 }


.fnav .last1 .ul1{border:none;}
#footer .wx{display:flex;flex-direction: row;gap: 3rem;line-height: 1.5;align-items: flex-start;}
#footer .wx .tit{margin-top:10px;text-align: center;}
#footer .wx .sydwbs{/* padding-bottom:40px; */}

.footnavc{display:flex;flex-direction: row;gap: 2rem;margin-bottom: 2rem;color: #ffffff63;flex-wrap: wrap;}
.footnavc a{font-size: 1.6rem;}
.footnavc a:hover{  color:#ffe200}


/* 底部版权 */
.copyRight {font-size: 1.4rem;line-height: 1.5;text-align: center;color: #fff;display: flex;align-items: center;justify-content: center;align-content: center;gap: 10px;flex-direction: row;background: rgb(0 0 0 / 14%);padding: 1rem 2rem;}
.copyRight p,
.copyRight a {color: #fff;text-decoration: none;/* display: flex; */align-items: center;gap: 10px;opacity: 0.6;}
.copyRight a:hover{opacity:1;}

/* 侧栏-栏目内搜索 */
#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: #990000; border-color: #990000; color: #fff; }

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

/* 通用底部按钮 */
.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: #990000; 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 { padding: 3% 0; width: 80%; margin: 30px auto; font-size: 16px; }
.queryForm td { padding: 8px 0 }
.queryForm .tdlab { width: 40%; text-align: right; }
.queryForm input[type=text] { width: 56%; height: 30px; line-height: 30px; padding: 0 10px; border: 1px solid #ddd; border-radius: 3px; }
.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 }


/* 1. 基准分辨率（1920px）：1rem = 10px（便于计算） */
html {font-size: 10px; /* 1920px 时的基准值 */}


/* 2. 大屏（>1920px）：按比例放大 */
@media (min-width: 1921px) and (max-width: 2560px) {
  html {
    font-size: calc(10px * (100vw / 1920)); /* 按屏幕宽度等比缩放 */
    /* 或固定阶梯值：如 2560px 时设为 13px（13px ≈ 10×2560/1920） */
    /* font-size: 13px; */
  }
  .siteWidth{width:1600px;}
}

/* 3. 中大屏（1600px - 1920px）：微调 */
@media (min-width: 1650px) and (max-width: 1920px) {
  html {font-size: 10px; /* 略小于基准值，适配稍小屏幕 */}
  .siteWidth{width:1600px;}
}

/* 4. 常规桌面（1200px - 1600px） */
@media (min-width: 1420px) and (max-width: 1649px) {
  html {font-size: 8px;}
  .siteWidth{width:1400px;}
}


/* 4. 常规桌面（1200px - 1600px） */
@media (min-width: 1220px) and (max-width: 1449px) {
  html {font-size: 8px;}
  .siteWidth{width:1200px;}
}

/* 5. 平板/小桌面（980px - 1199px） */
@media (min-width: 980px) and (max-width: 1240px) {
  html {font-size: 10px;}
  .siteWidth{width:95%;}
  .schoolinfo .siteWidth{display: flex;}
  #phoneheader{display: block;}
  #header{display: none;}
  
}

/* 6. 移动端（<980px */
@media (max-width: 980px) {
   html {font-size: 10px; }
   .siteWidth{width:95%;}
   .footNav {margin: 0px auto 1rem;text-align: center;color: #fff;display: flex;justify-content: space-between;align-items: center;flex-direction: column;}
   .contact{text-align:center;margin-bottom: 2rem;}
   #phoneheader{display: block;}
   #header{display: none;}
   #footer p{font-size: 1.2rem;line-height: 1.5;}
   #footer .wx{font-size:1.2rem}
   #footer .wx img{ width:6rem !important; height:auto !important; }
   #footer .sydwbs img{ width:4rem !important; height:auto !important; padding-top:1rem}

   /* 位置导航 */
   .path {line-height: 2;padding: 0.5rem 2rem 0.5rem 0rem;text-align: right;margin: 0 auto;font-size: 1.2rem;color: #fff;float: left;margin-top: 0rem;margin-left: 0rem;z-index: 1;position: relative;background: url(../../base/img/pathbg.png) no-repeat right;background-size: cover;display: flex;flex-wrap: wrap;}
   .path a, .path span {padding: 0 3px;color: #ffffff;}
   .path em { }

   .pagebanner {width: 100%;box-sizing: border-box;display: flex;align-items: flex-end;flex-direction: column;}
   .pagebanner .siteWidth {margin-top: -3.4rem;display: flex;align-items: flex-start;flex-direction: column;}
   .pagebanner h3 {font-size: 1.4rem;color: #fff;float: left;background: url(../../base/img/pathH3bg.png) no-repeat bottom right;height: auto;line-height: 1;padding: 1rem 3rem 1rem 1.2rem;z-index: 2;position: relative;background-size: cover;}
   .path a:hover { text-decoration: none; opacity: 0.6; }
   .pagebanner p { font-size: 4rem; font-weight: bold; color: #fff; opacity: 0.1; margin-top: 0px; position: absolute; top: 13px; right: 0; }
   #datalist{display: none;}
   #content .siteWidth{width:95%;display: flex;flex-direction: column;}
   .side {font-size: 1.6rem;overflow: hidden;float: none;margin-right: 0;width: 100%; border:none}
   #sideMenu{border:none;margin-bottom: 0;}
   #sideMenu .menuList{display:flex;gap: 1rem;flex-direction: row;flex-wrap: wrap;justify-content: center;}
   .sideBox .bd {padding: 1rem 0;background: none;}
   #sideMenu li:after {display:none}
   #sideMenu li.on a, 
   #sideMenu li.on a:hover {padding: 0.5rem 1.5rem;margin-right: 0;}

   #sideMenu li {font-size: 1.2rem;display: flex; background:#f0f0f0}
   #sideMenu li a {padding: 0.5rem  1rem;margin-right:0rem;}
   .mainBox .mBd {padding: 0rem;background-color: #fff;min-height: 60rem;}
   /*.pagebanner .img_b{display:none}
   .pagebanner .img_s{display:block}*/
   .path em:before {width: 2.6rem;float: left;margin-top: 0.3rem;}
   #sideMenu li.on a, 
   #sideMenu li.on a:hover {padding: 0.5rem 1.5rem;color: #fff;}
   #sideMenu li:hover {background-color: #997f1f0a;}
   #sideMenu li:hover a {padding: 1rem  1.11rem 1rem 1rem;opacity: 0.8;}
  #footer {padding: 2rem 0 0px;}

  .footnavc{display:flex;flex-direction: row;gap: 1rem;margin-bottom: 2rem;color: #ffffff63;flex-wrap: wrap;justify-content: center;}
  .footnavc a{font-size: 1.3rem;}
  

}
/*pc default.css*/