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


/* Css Reset */
html{font-size: 1px !important;/*font-size: calc(0.1vw / 1.92)*/}
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: 16rem; 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;}
*, ::after, ::before{box-sizing: border-box;}

/* Public */
body {color: #333333;font-size: 16rem;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: #333333; text-decoration: none; outline: none;}
a:hover { color: #663333;}
.clearbox { border: none; border-top: 1rem solid transparent !important; clear: both; font-size: 0; height: 0; line-height: 0; margin-top: -1rem !important; visibility: hidden;}
.blank { display: block; height: 10rem; font-size: 0rem; 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 ease; }
.webicon{font-size: 16rem;}
.container{max-width: 1400rem; margin: 0 auto; }

/* header */
#header{position:fixed; top:0; left:0; right:0; height:120rem; background: rgba(102, 51, 51, 0.9);; z-index:10; transition: 0.5s ease;}
#header .container{position:relative}
#header #logo{width:525rem;position:absolute;left:0rem;top: 20rem;text-align:left}
#header #logo img{max-height:80rem; max-width:100%;}
#header.scrollTop{ background: rgba(102, 51, 51, 0.7);;}

/* topBar */
.topBar{position:absolute;height:30rem;top: 10rem;right:0rem;font-size:14rem;color:#fff;}
.topSearchBtn{display:none;width:44rem;height:44rem;line-height:44rem;position:absolute;top:52rem;right: -60rem;background: rgba(159, 62, 62, 0.50);cursor:pointer;transition:0.5s ease;}
.topSearchBtn i{font-size:20rem; color:#fff;}
.topNavBtn{display:block;width:44rem;height:44rem;line-height:44rem;position:absolute;right:0;top: 55rem;background: rgba(159, 62, 62, 0.50);cursor:pointer;transition:0.5s ease;}
.topNavBtn i{font-size:20rem; color:#fff;}
.topSearchBtn:hover,
.topNavBtn:hover{background: rgba(159, 62, 62, 1);}

/* 用户登录 */
.topBar .loginBar{float:left; line-height: 26rem; height: 26rem; }
.topBar .loginBar a{color:#fff;}
.topBar .loginBar a:hover{color:#FFBF5F; transition:0.5s ease}
.topBar .loginBar .split {width: 1rem;overflow: hidden;text-align:left;vertical-align: middle;text-indent:300%;height:6rem;padding:0rem;margin: 0 6rem;background:rgba(255,255,255,0.5);display:inline-block;}
.topBar .userLogged { float: left; color: #777; margin-top: 0; margin-right:10rem; height:26rem; line-height:26rem;}
.topBar .userLogged .u-spe { margin: 0 8rem; color: #c9c9c9;}
.topBar .userLogged .loggedin>a,
.topBar .userLogged .loggedin>span,
.topBar .userLogged .userDropdown{float:none; display:inline-block;}

.topBar .userLogged .userDropdown .ud-hd { display: flex; align-items: center; width: auto; height: auto; padding-left: 8rem;  }
.topBar .userLogged .userDropdown:hover .ud-hd { color: #FFBF5F; }
.topBar .userLogged .userDropdown .avatar { width: 26rem; height: 26rem; margin-right: 7rem; }
.topBar .userLogged .userDropdown .avatar img { vertical-align: top; width: 100%; height: 100%; }
.topBar .userLogged .userDropdown .nickname { height: 26rem; padding-right: 8rem; font-weight: normal; }
.topBar .userLogged .userDropdown .nickname:hover { background: none; color: #FFBF5F; }
.topBar .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: "webicon"; content: "\f290"; }
.topBar .userLogged .userDropdown .ud-bd { left: 0; top: 100%; }
.topBar .userLogged .userDropdown .ud-bd li a { height: auto; line-height: inherit; font-size: 14rem; padding: 0; background: none; }
.topBar .userLogged .userDropdown .ud-bd li a:hover { color: #633; }
.topBar .userLogged .loggedin .myMsg { width: auto; height: 26rem; background: none; }
.topBar .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: "webicon"; content: "\ec2b";  }
.topBar .userLogged .loggedin .myMsg:hover {color: #FFBF5F; }
.topBar .userLogged .loggedin .signinSum { width: auto; height: 26rem; background: none; }
.topBar .userLogged .loggedin .signinSum::before { position: static; margin: 0; display: inline-block; vertical-align: top; background: none; width: auto; height: auto; font-size: 20rem; font-family: "webicon"; content: "\e6fb";  }
.topBar .userLogged .loggedin .signinSum:hover {color: #FFBF5F; }

/* topLinks */
.topLinks{float:left;font-size:14rem;height: 26rem;line-height: 26rem;}
.topLinks > a{ color:#fff; transition:0.5s ease; margin:0 8rem }
.topLinks > a i{font-size:14rem; margin-right:5rem}
.topLinks > a:hover{color:#FFBF5F; }
.topLinks .split{width: 1rem;display: inline-block;overflow: hidden;text-align:left;text-indent:300%;height: 12rem;padding:0rem;margin: 0 3rem;background:rgba(255,255,255,0.5);vertical-align: middle;}
.topLinks dl{display:inline-block;position:relative;}
.topLinks dt a{ color:#fff; transition:0.5s ease; margin:0 8rem }
.topLinks dt a i{font-size:14rem; margin-right:5rem}
.topLinks dt a:hover{color:#FFBF5F; }
.topLinks dd{position:absolute;top:100%;left:50%;right:0;background:#fff;width: 130rem;margin-left: -65rem;z-index:10;display:none;}
.topLinks dd a{color:#333;}
.topLinks dl:hover dd{display:block}
.topLinks .links dd>ul>li{font-size:14rem; line-height:1.6; border-bottom:1rem solid #eaeaea }
.topLinks .links dd>ul>li a{display:block;padding:8rem 5rem;}

/* 站群导航 */
.siteLast dd {padding: 10rem;width: 462rem;top: 100%;right: 0rem; text-align:left; left:auto;z-index: 9;-webkit-box-shadow: 2rem 2rem 5rem rgba(0, 0, 0, 0.15);-moz-box-shadow: 2rem 2rem 5rem rgba(0, 0, 0, 0.15);box-shadow: 2rem 2rem 5rem rgba(0, 0, 0, 0.15);}
.siteLast dd h3 { text-align: left; margin: 0 10rem; position: relative; font-size: 14rem; font-weight: bold; line-height: 34rem; color: #831A1F; display: block; height: 34rem; }
.siteLast dd h3 span { float: left; height: 34rem; line-height: 34rem; padding: 0 15rem 0 0; background: #ffffff; position: relative; z-index: 2; }
.siteLast dd h3 a { color: #831A1F; }
.siteLast dd h3 a:hover{ color: #E6A231;}
.siteLast dd h3 i { content: ""; display: block; height: 1rem; line-height: 0; font-size: 0; background: #eee; top: 18rem; right: 0; width: 100%; position: absolute; z-index: 1; }
.siteLast dd ul { overflow: hidden; padding: 0 0 0 10rem; display: block; margin-right: -10rem; }
.siteLast dd li { float: left; min-width: 100rem; margin-right: 10rem; text-align: left; overflow: hidden; height: 30rem; line-height: 30rem; padding: 0 0 0 0; }
.siteLast dd li a { }
.siteLast dd li a:hover { color: #E6A231; }
.siteLast dd li a { cursor: pointer; }

/* 栏目导航 */
.topNav{position:absolute;height:60rem;right:44rem;top: 48rem;}
.topNav .mainNav{}
.topNav .mainNav #li-home{display:none;}
.topNav .mainNav .li1{float:left;position:relative;height: 72rem;}
.topNav .mainNav .h1{display:block; height:60rem; line-height:60rem; overflow:hidden; font-size:18rem; font-weight:bold; color:#fff;}
.topNav .mainNav .h1 a{color:#fff;display:block;padding: 0 16rem;}
.topNav .mainNav .h1 a:hover{color:#FFBF5F; }
.topNav .mainNav .ul1{position:absolute;top: 72rem;width:120rem;left:50%;margin-left:-60rem; background:rgba(102, 51, 51, 0.90);padding:0rem 0rem 10rem;box-sizing: border-box;display:none}
#header.scrollTop .topNav .mainNav .ul1{ background:rgba(102, 51, 51, 0.70);}
/*
.topNav .mainNav .ul1::before{content:"";display:block;position:absolute;left:0rem;right:0rem;height:21rem;background:url(../img/topNav-sub.png) 50% 50% no-repeat;top: -18rem;}
*/
.topNav .mainNav .li2{ padding:0 20rem; transition:0.5s ease }
.topNav .mainNav .li2:last-child{border-bottom:none}
.topNav .mainNav .h2{font-size:16rem; color:#fbf8ec; line-height:26rem; padding:8rem 8rem; border-bottom:1rem solid rgba(255,255,255,0.1)}
.topNav .mainNav .h2 a{color: #fbf8ec;transition:0.5s ease}
.topNav .mainNav .li2:hover{background:rgba(255,255,255,0.3);}
.topNav .mainNav .li2:hover .h2{border-bottom-color:transparent; color:#ffffff;}
.topNav .mainNav .li2:hover .h2 a{color:#ffffff}
/*
.topNav .mainNav #li-xxgk1 .ul1,
.topNav .mainNav #li-ztzl .ul1{width:180rem; margin-left:-90rem}
*/
.topNav .mainNav #li-xxgk1 .ul1 li{padding:0 10rem}
.topNav .mainNav #li-xxgk1 .ul1 li .h2{padding-left:0rem; padding-right:0rem; font-size:14rem}
.topNav #li-jgsz .ul1,
.topNav #li-xxgk1 .ul1{display:none !important;}

/* headerPopup */
.headerPopup{position:fixed; background:#472424 url(../img/header-popup-bg.jpg) 50% 50% no-repeat; background-size:100% auto; top:0; right:0; bottom:100%; opacity:0; left:0; z-index:11; text-align:left; overflow-y:auto; transition: .15s linear; }
.headerPopup .pop-close{width:60rem; height:60rem; position:fixed; display:none; right:60rem; top:60rem; font-size:30rem; line-height:60rem; text-align: center; color:#ffff; cursor:pointer; transition: all ease .4s;}
.headerPopup .pop-close i{font-size:30rem;}
.headerPopup .pop-close:hover{transform: rotate(180deg);}
.headerPopup .pop-header{padding:30rem 200rem; text-align:left; max-width:1400px; margin:0 auto;}
.headerPopup .pop-header .logo{height:90rem;}
.headerPopup .pop-header .logo img{max-height:90rem; max-width:100%;}
.headerPopup .pop-body{padding:0 200rem 50rem;max-width:1400px; margin:0 auto;}

/* 栏目导航弹窗 */
.headerPopup .popNav{display:none;}
.headerPopup .mainNav a{color:#ffffff; transition:0.5s ease}
.headerPopup .mainNav a:hover{color:#FFE483; }
.headerPopup .mainNav .sh{display:none;}
.headerPopup .mainNav .li1{display:flex; margin-bottom:20rem}
.headerPopup .mainNav .h1{font-size:18rem; line-height:36rem; font-weight:bold; margin-right:20rem; white-space:nowrap}
.headerPopup .mainNav .h1 a{color:rgba(255,228,131,1);}
.headerPopup .mainNav .ul1{display:flex; flex-wrap:wrap}
.headerPopup .mainNav .li2{min-width:80rem; position:relative;}
.headerPopup .mainNav .li2:after{content:"|"; position:absolute; right:0; top:0; font-size:12rem; line-height:36rem; color:rgba(255,255,255,0.3)}
.headerPopup .mainNav .li2:last-child::after{display:none;}
.headerPopup .mainNav .h2{font-size:16rem;  line-height:36rem; color:#ffffff; padding:0 15rem}
body.headerPopup-show-nav{overflow:hidden;}
body.headerPopup-show-nav .pop-close{display:block;}
body.headerPopup-show-nav .headerPopup{bottom:0; opacity:1;}
body.headerPopup-show-nav .headerPopup .popNav{display:block;}
/* 搜索栏目弹窗 */
.headerPopup .popSearch{display:none; height:calc(100vh - 200rem); position:relative; min-height:200rem;}
.headerPopup .s-form{position:absolute; top:50%; left:0; right:0; margin-top:-50rem}
.headerPopup .s-form .s-form-box{border-bottom:1rem solid #ffffff; position:relative; padding-bottom:20rem; }
.headerPopup .s-form .select-box{display:none;}
.headerPopup .s-form .input-box{width:calc(100% - 80rem)}
.headerPopup .s-form .input-box input{width:100%; height:50rem; line-height:50rem; background:none; border:none; font-size:20rem; color:#ffffff; outline:none}
.headerPopup .s-form .input-box input::placeholder{color:rgba(255,2555,255,0.8)}
.headerPopup .s-form .input-box input:-webkit-autofill,
.headerPopup .s-form .input-box input:-webkit-autofill:hover,
.headerPopup .s-form .input-box input:-webkit-autofill:focus,
.headerPopup .s-form .input-box input:-webkit-autofill:active {transition-delay: 99999999s;transition: color 99999999s ease-out, background-color 99999999s ease-out;-webkit-transition-delay: 99999999s;-webkit-transition: color 99999999s ease-out, background-color 99999999s ease-out;}
.headerPopup .s-form .input-box .dropdown-word{position:absolute; top:71rem; left:0; right:0; background:rgba(255,255,255,0.2); border:none;}
.headerPopup .s-form .input-box .dropdown-word li{line-height:32rem; font-size:16rem; padding:5rem; color:#fff;}
.headerPopup .btn-box{width:60rem; height:50rem; position:absolute; right:0rem; top:0rem; text-align:center; }
.headerPopup .s-form .input-box .dropdown-word li:hover{ background:rgba(255,255,255,0.2);}
.headerPopup .btn-box .search{font-size:38rem; height:50rem; line-height:50rem; color:#fff; cursor:pointer;  }
.headerPopup .btn-box .search i{font-size:38rem; }
body.headerPopup-show-search{overflow:hidden;}
body.headerPopup-show-search .pop-close{display:block;}
body.headerPopup-show-search .headerPopup{bottom:0; opacity:1;}
body.headerPopup-show-search .headerPopup .popSearch{display:block;}

/* 登录注册 */
body .userlogincomment { font-size:14px; line-height: 30px; }
.userlogincomment .user-mainbox .hd h3,
.userlogincomment .user-mainbox .top h3 { color: #633; border-bottom-color: #633; }
.userlogincomment .user-mainbox .loginBtn { background: #633; width:340px}
.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; }

/* 内页结构 */
.pageBanner img{width:100%; height:auto;}
.container-page{display:flex;  justify-content:space-between; text-align:left; padding-top:20rem}
.mainContent { zoom: 1;  position: relative; flex-grow:1; width:1%; z-index:1; padding-bottom:30rem}
.side { font-size: 14rem; width:260rem; position:relative; background:#F9F2F0; margin-right:30rem;}
/*
.side:before{content:""; display:block; width:280rem; height:35rem; background:url(../img/side-top.png) 0 0/100% auto no-repeat; position:absolute; top:-35rem; left:-10rem}
*/



/* 位置导航 */
.path { color: #777777; line-height: 30rem; text-align: left;  margin: 0 auto; font-size: 14rem; padding: 5rem 0; border-bottom:2rem solid #663333;}
.path a,
.path span { padding: 0 3rem; color: #777777;}
.path a:hover{ color:#B0813F}
.path em {color:#B0813F }
.path em::before{content:"\e604"; display:block; font-family:"webicon"; margin-right:10rem; float:left; font-size:16rem; line-height:28rem}

/*footer*/
#footer { position: relative; text-align: center; color:#fff; padding: 0; background:url(../img/footer.jpg) 50% 0% no-repeat #663333; background-size:auto 100%}
#footer a{color:#fff}
#footer .container{text-align:left; display:flex; justify-content:space-between; align-items:stretch;}
#footer .container .areaL{ padding-top:46rem;}
#footer .container .areaR{ width:360rem; background:rgba(0,0,0,0.2)}
#footer .footer-logo{height:92rem; margin-bottom:30rem}
#footer .footer-logo img{max-height:92rem; max-width:100%;}
#footer .footer-contact{padding-top:30rem; position:relative;}
#footer .footer-contact:before{content:""; height:1rem; width:442rem; background:rgba(255,255,255,0.3); display:block; position:absolute; left:0; top:0}
#footer .footer-contact li{line-height:32rem; color:#fff; font-size:14rem}
#footer .footer-contact li i{margin-right:5rem}
#footer .ewmBox{padding:0 30rem 20rem;}
#footer .ewmBox .hd{padding-top:80rem; position:relative}
#footer .ewmBox .hd:before{content:""; display:block; position:absolute; height:2rem; background:#FFFFFF; width:20rem; left:50%; top:54rem; margin-left:-10rem}
#footer .ewmBox .hd h3{display:block; text-align:center; height:30rem; font-size:20rem; color:#fff; line-height:30rem;}
#footer .ewmBox .bd{padding-top:50rem}
#footer .ewmBox .bd ul{display:flex; justify-content:space-between; align-items:stretch;}
#footer .ewmBox .bd ul li{width:140rem; background:#fff; color:#333}
#footer .ewmBox .bd ul li .pic{padding:10rem 10rem 0rem;}
#footer .ewmBox .bd ul li .pic img{width:100%; height:auto;}
#footer .ewmBox .bd ul li .tit{display:block; text-align:center; line-height:30rem; font-size:12rem; padding-bottom:10rem}
#footer .copyRightBg{background:#663333; }
#footer .copyRight{ font-size:14rem; line-height:26rem; color:rgba(255,255,255,0.5); padding:15rem 50rem;}
#footer .copyRight a{color:rgba(255,255,255,0.5);}
#footer .copyRight a:hover{color:rgba(255,255,255,1);}

/* goTop */
#goTop { position: fixed; display: none; _display: none !important; width: 50rem; height: 50rem; bottom: 60rem; right: 5rem; z-index: 99; cursor: pointer; margin: 5rem; width: 40rem; height: 40rem; border-radius: 2rem; box-shadow: 0 0 5rem #9c9c9c; -webkit-box-shadow: 0 0 5rem #9c9c9c; opacity: 0.9; background: rgba(0, 0, 0, 0.5);}
#goTop::after { display: block; position: absolute; left: 50%; top: 50%; margin-left: -10rem; margin-top: -15rem; content: ""; border-width: 10rem; 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 .hd{background:#663333; padding:14rem 10rem}
#sideMenu .hd h3{font-size:26rem; font-weight:bold; text-align:center; color:#fff; line-height:1.6;}
#sideMenu .hd h3 a{color:#fff;}
#sideMenu .hd h3 a:hover{color:#FFBF5F}
#sideMenu .bd{padding:20rem}
#sideMenu .menuList li{display:block; font-size:16rem; position:relative; margin-bottom:16rem; background:#fff; z-index:1; transition:background-color 0.5s;}
#sideMenu .menuList li a{display:block;text-align:center;padding: 6rem 20rem;line-height:2;position:relative;z-index:auto;color:#663333}
#sideMenu .menuList li::before,
#sideMenu .menuList li::after,
#sideMenu .menuList li a::before,
#sideMenu .menuList li a::after{width:16rem; height:16rem; position:absolute; z-index:-1; left:1rem; top:1rem; display:block; content:""; background:url(../img/corner.png) 0 0 no-repeat; background-size:100% auto;  }
#sideMenu .menuList li::after{top:auto; bottom:1rem; transform:rotate(270deg);}
#sideMenu .menuList li a::before{left:auto; right:1rem; transform:rotate(90deg);}
#sideMenu .menuList li a::after{left:auto; right:1rem; top:auto; bottom:1rem; transform:rotate(180deg);}
#sideMenu .menuList li.on,
#sideMenu .menuList li:hover{background-color:#663333;}
#sideMenu .menuList li.on a,
#sideMenu .menuList li:hover a{color:#fff;}
#sideMenu .menuList li.on::before,
#sideMenu .menuList li.on::after,
#sideMenu .menuList li.on a::before,
#sideMenu .menuList li.on a::after,
#sideMenu .menuList li:hover::before,
#sideMenu .menuList li:hover::after,
#sideMenu .menuList li:hover a::before,
#sideMenu .menuList li:hover a::after{background-image:url(../img/corner-on.png);}

/* box */
.box{}
.box>.hd{position:relative; margin-bottom:20rem; display:flex; justify-content:space-between; align-items:center;}
.box>.hd .more{line-height:30rem; font-size:12rem; color:#999; background:url(../img/more.png) 0 50% no-repeat; transition:0.5s ease; width:110rem; text-align:left; text-indent:45rem;}
.box>.hd .more:hover{color:#663333;  background-image:url(../img/more-on.png); text-indent:56rem}
.box>.hd h3{line-height:1.6;font-size:30rem;font-weight:bold;color:#663333; width:auto; display:flex; align-items:center;}
.box>.hd h3 .icon{ width:26rem; }
.box>.hd h3 i.webicon{font-size:36rem; line-height:1}
.box>.hd h3 a{color:#663333;transition:0.5s ease}
.box>.hd h3 a:hover{ color:#E6A231}

/* box-swiper */
.box-swiper{margin-bottom:30rem; overflow:hidden}
.box-swiper>.hd{position:relative; margin-bottom:30rem; display:flexl}
.box-swiper>.hd .more{position:absolute;right:0rem;top:50%;height:20rem;line-height:20rem; margin-top:-10rem; font-size:12rem;color:#999;background:url(../img/more.png) 0 50% no-repeat;transition:0.5s ease;width: 110rem; min-width:100px; text-align:left;text-indent:45rem; transition-property:all !important;}
.box-swiper>.hd .more:hover{color:#663333; background-image:url(../img/more-on.png); text-indent:56rem}
.box-swiper>.hd ul{font-size:0;}
.box-swiper>.hd ul li{display:inline-block; line-height:2; font-size:18rem; font-weight:bold; position:relative; margin:0 20rem; background:#fff; z-index:1; transition:background-color 0.5s;}
.box-swiper>.hd ul li a{display:block; text-align:center; padding:7rem 40rem; position:relative; z-index:auto; color:#663333}
.box-swiper>.hd ul li::before,
.box-swiper>.hd ul li::after,
.box-swiper>.hd ul li a::before,
.box-swiper>.hd ul li a::after{width:14rem; height:14rem; line-height:14rem; position:absolute; z-index:-1; left:0; top:0; display:block; content:""; background:url(../img/corner.png) 0 0 no-repeat; background-size:100% auto;  }
.box-swiper>.hd ul li::after{top:auto; bottom:0; transform:rotate(270deg);}
.box-swiper>.hd ul li a::before{left:auto; right:0; transform:rotate(90deg);}
.box-swiper>.hd ul li a::after{left:auto; right:0; top:auto; bottom:0; transform:rotate(180deg);}
.box-swiper>.hd ul li.active{background-color:#663333;}
.box-swiper>.hd ul li.active a{color:#ffffff;}
.box-swiper>.hd ul li.active::before,
.box-swiper>.hd ul li.active::after,
.box-swiper>.hd ul li.active a::before,
.box-swiper>.hd ul li.active a::after{background-image:url(../img/corner-on.png);}
.box-swiper>.hd ul.pagination-swiper{display:none}


/* 侧栏盒子模型 */
.sideBox { margin-bottom: 20rem;}
.sideBox .hd { overflow: hidden; padding: 0rem 10rem; height: 50rem; line-height:50rem; background: #663333; }
.sideBox .hd .more { float: right; font-size:14rem;}
.sideBox .hd h3 { font-size: 22rem; font-weight: bold; color: #fff; float:left;}
.sideBox .hd h3 a { color: #fff;}
.sideBox .bd { padding: 25rem;}

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

/* focusSwiper */
.focusSwiper{width:100%; overflow:hidden; position: relative;}
.focusSwiper .swiper-slide{background:#fff;}
.focusSwiper .swiper-slide .pic img{width:100%; height:auto;}
.focusSwiper .swiper-slide .con{padding:30rem 30rem 50rem; text-align:left; }
.focusSwiper .swiper-slide .titleBg{display:none;}
.focusSwiper .swiper-slide .title{height:56rem; line-height:28rem; overflow:hidden; font-size:18rem; overflow:hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis}
.focusSwiper .swiper-slide .title a{color:#333333; transition:0.5s ease}
.focusSwiper .swiper-slide .title a:hover{ color:#B0813F}
.focusSwiper .swiper-slide .intro{font-size:14rem; line-height:24rem; color:#777777; height:48rem; overflow:hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis;}
.focusSwiper .swiper-pagination{bottom:10rem}
.focusSwiper .swiper-pagination .swiper-pagination-bullet{width:10rem; height:10rem; transition:0.3s;border-radius:5rem; opacity:1; background:#C4C4C4}
.focusSwiper .swiper-pagination .swiper-pagination-bullet-active{width:30rem;  background:#FFA800}

/* focusSwiper-calendar */
.focusSwiper-calendar{width:100%; overflow:hidden; position: relative;}
.focusSwiper-calendar .swiper-slide{background:#fff;}
.focusSwiper-calendar .swiper-slide .pic img{width:100%; height:auto;}
.focusSwiper-calendar .swiper-slide .con{padding:20rem; text-align:left; height:130rem;}
.focusSwiper-calendar .swiper-slide .titleBg{display:none;}
.focusSwiper-calendar .swiper-slide .title{height:30rem; line-height:30rem; overflow:hidden; font-size:20rem; color:#831A1F; font-weight:bold; text-overflow: ellipsis; white-space: nowrap; margin-bottom:10rem}
.focusSwiper-calendar .swiper-slide .title a{color:#831A1F; transition:0.5s ease}
.focusSwiper-calendar .swiper-slide .title a:hover{color:#B0813F}
.focusSwiper-calendar .swiper-slide .intro{font-size:14rem; line-height:24rem; color:#777777; height:48rem; overflow:hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis;}
.focusSwiper-calendar .swiper-slide .date{display:none;}
.focusSwiper-calendar .swiper-pagination{bottom:130rem; width:auto; text-align:left;}
.focusSwiper-calendar .swiper-pagination li{width:66rem; height:66rem; border-radius:0; background: rgba(176, 129, 63, 0.80); opacity:1; text-align:center; margin:0 8rem 0 0 !important;}
.focusSwiper-calendar .swiper-pagination li b{display:block; font-size:24rem; height:40rem; line-height:30rem; color:#fff; padding-top:10rem;}
.focusSwiper-calendar .swiper-pagination li span{display:block; height:16rem; line-height:16rem; font-size:12rem; color:#fff;}
.focusSwiper-calendar .swiper-pagination li.swiper-pagination-bullet-active{background-color: rgba(161, 53, 49, 0.80);}

/* 信件列表 */
.letterList { width: 100%; border: none;}
.letterList th,
.letterList td { text-align: center; font-size: 14rem; vertical-align: middle; line-height: 26rem; padding: 5rem 5rem;}
.letterList th { background: #f1f6fa;}
.letterList th { color: #416eb4; height: 35rem; line-height: 35rem; padding: 0rem; border-bottom: 1rem solid #d7ebf6;}
.letterList th.title { text-align: left; padding-left: 38rem;}
.letterList .even td { background: #f4f4f2;}
.letterList .num { display: none;}
.letterList td.title { text-align: left; padding-left: 5rem; white-space: normal; word-break: break-all;}
.letterList .ico { width: 30rem; text-align: center; vertical-align: middle; padding: 0rem;}
.letterList .ico img { vertical-align: middle;}
.letterList .dep { width: 90rem;}
.letterList .state { width: 90rem;}
.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: 90rem;}
.letterList td.date { color: #999999;}

/* detailTable */
.detailTable { margin-bottom: 10rem; background: #fff; width: 100%;}
.detailTable,
.detailTable tr,
.detailTable tr td { border: 1rem solid #e6e6e6; border-collapse: collapse;}
.detailTable thead tr { border-color: #416eb4;}
.detailTable thead th { background: #416eb4; height: 40rem; line-height: 40rem; color: #fff; font-size: 16rem; text-align: center; border-color: #416eb4;}
.detailTable tbody td { padding: 10rem 15rem;}
.detailTable tbody td.tdName { font-weight: bold; background: #f7f7f7; text-align: center; width: 20%; font-size: 14rem;}
.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: 160rem;}
.detailTable .trName td:nth-child(3),
.detailTable .trUnit td:nth-child(3) { width: 160rem;}
.detailTable .preDiv { width: 670rem; overflow: auto;}
.detailTable .preDiv pre { font-size: 14rem; 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{height:50rem; position:relative; }
.mainBox>.mHd h3{float:left;height:50rem;line-height:50rem;font-size:30rem;font-weight:bold;color:#663333;}
.mainBox>.mHd h3 .icon{float:left; height:50rem; line-height:50rem; width:26rem }
.mainBox>.mHd h3 i.webicon{font-size:36rem;}
.mainBox>.mHd h3 a{color:#663333;transition:0.5s ease}
.mainBox>.mHd h3 a:hover{color:#E6A231}
.mainBox>.mBd{padding-top:10rem; min-height:500rem}

/* 友情链接模拟下拉 */
.friendLinks { background: #416eb4; padding: 8rem 0; height: 36rem;}
.friendLinks dl { width: 222rem; margin-right: 15rem; float: left; display: inline; position: relative; border-radius: 5rem;}
.friendLinks dl dt { height: 36rem; line-height: 36rem; padding: 0 5rem 0 8rem; overflow: hidden; background: #5682c5; color: #fff; font-size: 16rem; position: relative; cursor: pointer; -webkit-border-radius: 5rem; -moz-border-radius: 5rem; border-radius: 5rem;}
.friendLinks dl dt i { right: 12rem; top: 50%; margin-top: -2rem; border-width: 5rem; position: absolute; border-color: transparent; border-style: dashed; border-top-color: #245baf; border-top-style: solid; content: ""; display: block; font-size: 0; line-height: 0; width: 0;}
.friendLinks dl dt h3 { width: 175rem;}
.friendLinks dd { bottom: 35rem; display: none; width: 100%; position: absolute; left: 0;}
.friendLinks ul { max-height: 389rem; border: 1rem solid #ccc; background: #fff; overflow-y: scroll; border-radius: 5rem;}
.friendLinks li { line-height: 22rem; padding: 8rem 10rem; border-bottom: 1rem dotted #ccc; /* word-break:keep-all; */ /* white-space:nowrap; */ cursor: pointer;}
.friendLinks li a { display: block;}
.friendLinks li:hover { color: #cd3333; background-color: #f1f1f1;}
.friendLinks .last { border-bottom: 0;}
.friendLinks .on { z-index: 9; -webkit-box-shadow: 0 0 3rem rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 3rem rgba(0, 0, 0, 0.3); box-shadow: 0 0 5rem rgba(0, 0, 0, 0.2);}
.friendLinks .on dt { background: #f7bc68;}
.friendLinks .on dt i { border-top-style: none; border-bottom-color: #aaa; border-bottom-style: solid;}
.friendLinks .on dd { display: block; -webkit-box-shadow: 0 0 3rem rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 3rem rgba(0, 0, 0, 0.3); box-shadow: 0 0 5rem rgba(0, 0, 0, 0.2);}
.friendLinks .on dd ul { border-color: #bbb;}

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

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

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

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

/* 依申请、信访、咨询等通用 查询结果页样色 */
.queryResult { width: 80%; margin: 30rem auto;}
.queryResult .mainBox { margin-bottom: 50rem;}
.queryResult .tit h3 { text-align: center; font-size: 38rem; line-height: 2; margin-bottom: 30rem;}
.queryResult .tips { text-align: center; font-size: 16rem; margin-bottom: 50rem; border-top: 1rem solid #ddd; padding: 50rem 0 20rem 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: #416eb4;}
.filter-result .filter-criteria-item:hover,
.filter-row .filter-ext-more:hover,
.filter-row .filter-ext-multiple:hover {color: #416eb4; border-color: #416eb4}
.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: #416eb4}

/* nameList */
.nameList{overflow:hidden}
.nameList li{ line-height: 1.4em; font-size: 16rem; padding: 8rem 0 8rem 20rem; position: relative; float:left; min-width:25%;}
.nameList li a{ display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.nameList li .date{ margin-left: 20rem; float: right; color: #999; font-size:14rem}
.nameList li:before,
.nameList li:after { display: block; content: ''; border: 1px solid #D9D9D9; position: absolute; top: 50%; transition: all 0.5s; }
.nameList li:before {  width: 6rem; height: 6rem; margin-top: -3rem; left: 2rem;}
.nameList li:after { width: 10rem; height: 10rem; margin-top: -5rem; left: 0;}
.nameList li:hover:before,
.nameList li:hover:after { border-color: #633; }

/*响应式部分----------------------------------------*/
@media screen and (min-width:2650px) {
    html{font-size: calc(100vw / 2650) !important}
}
@media screen and (max-width:1440px) {
    html{font-size: calc(100vw / 1440) !important}
    .container{max-width:1200rem}
    #header .container{max-width:1360rem;}
   .headerPopup .pop-header,
   .headerPopup .pop-body{padding-left:100rem; padding-right:100rem}
}
@media screen and (max-width:1360px) {
    html{font-size: calc(100vw / 1360) !important}
    .container{max-width:1200rem}
    #header .container{max-width:1300rem;}
   .topNav .mainNav .li1:nth-child(n + 9) {display:none;}
}
@media screen and (max-width:1024px) {
    html{font-size: calc(100vw / 1024) !important}
    .container{max-width:980rem}
    #header{height:150rem}
    #header #logo{top:35rem; left:10rem}
    #header .container{max-width:1000rem;}
    #header .topBar{display:none;}
    #header .topNav{display:none;}
    .topNavBtn{right:20rem; top:53rem}
    .topSearchBtn{display:block; right:84rem; top:53rem;}
    .side{width:200rem; margin-right:20rem}
   /*
    .side:before{width:220rem; top:-28rem; height:28rem; }
   */
    #sideMenu .hd{padding:10rem 10rem;}
    #sideMenu .hd h3{font-size:22rem}
    #sideMenu .bd{padding:10rem}
    #sideMenu .menuList li{font-size:16rem; margin-bottom:10rem}
    #sideMenu .menuList li a{padding:8rem 10rem}
}
@media screen and (max-width:780px) {
   
   html{font-size: calc(100vw / 390) !important}
   body{margin-top:80rem;}
   .container{max-width: 370rem;}
   #header{background:rgba(102, 51, 51, 1); height:80rem; position:absolute}
   #header.scrollTop{background:rgba(102, 51, 51, 1);}
   #header #logo{top:17rem; left:10rem; width:auto;}
   #header #logo img{max-height:46rem;}
   #header .container{max-width:100%;}

   .topNavBtn{width:36rem; height:36rem; line-height:36rem; right:10rem; top:22rem;}
   .topSearchBtn{width:36rem; height:36rem; line-height:36rem; top:22rem; right:56rem;}

   .headerPopup{background-size:1200rem auto;}
   .headerPopup .pop-close{top:0; right:10rem; background-color:rgba(159,62,62,0.5); width:40rem; height:40rem; line-height:40rem; font-size:20rem;}
   .headerPopup .pop-close i{font-size:20rem;}
   .headerPopup .pop-header{padding:20rem}
   .headerPopup .pop-header .logo img{height:50rem}
   .headerPopup .pop-body{padding:0rem 20rem 10rem}

   .headerPopup .mainNav .li1{display:block; background-color:rgba(255,255,255,0.3); margin-bottom:10rem;}
   .headerPopup .mainNav .h1{height:40rem; line-height:40rem; margin:0; font-size:16rem; color:#fff;}
   .headerPopup .mainNav .h1 a{color:#fff; display:block; padding:0 10rem}
   .headerPopup .mainNav .sh{display:block; float:right; height:40rem; line-height:40rem; width:40rem; background:rgba(255,255,255,0.16); text-align:center; font-size:0; position: relative;}
   .headerPopup .mainNav .sh::after,
   .headerPopup .mainNav .sh::before { content: ""; display: block; height: 1rem; width: 13rem; margin: 0 0 0 -6rem; background: #ffffff; position: absolute; left: 50%; top: 50%;}
   .headerPopup .mainNav .sh::before { height: 13rem; width: 1rem; margin: -6rem 0 0 0;}
   .headerPopup .mainNav .ul1{display:none; padding:0 0 10rem}
   .headerPopup .mainNav .h2{height:30rem; line-height:30rem; font-size:12rem; padding:0 0 0 20rem}
   .headerPopup .mainNav .li2:after{display:none;}
   .headerPopup .mainNav .showSubMenu .ul1{display:block;}
   .headerPopup .mainNav .showSubMenu .sh::before {display: none;}

   .headerPopup .s-form{margin-top:0; top:30rem;}
   .headerPopup .s-form .s-form-box{padding-bottom:0}
   .headerPopup .btn-box .search{font-size:26rem;}
   .headerPopup .btn-box .search i{font-size:26rem;}

    #footer .container{display:block;}
    #footer .container .areaL{float:none; padding-top:10rem;}
    #footer .container .areaR{display:none;}
    #footer .footer-logo{text-align:center; height:auto; margin-bottom:10rem}
    #footer .footer-logo img{width:260rem;}
    #footer .footer-contact{padding-top:10rem; padding-left:80rem; padding-bottom:10rem}
    #footer .footer-contact:before{width:220rem; left:75rem}
    #footer .footer-contact li{font-size:12rem; line-height:28rem;}
    #footer .footer-contact li i{font-size:12rem;}
    
    #footer .copyRight{font-size:12rem; padding:10rem 15rem}
   
   .box-swiper>.hd{margin-bottom:20rem;}
   .box-swiper>.hd ul li{margin:0 10rem; font-size:16rem}
   .box-swiper>.hd ul li a{padding:5rem 30rem}
   .box-swiper>.hd .more{display:none;}

   .box>.hd{margin-bottom:10rem;}
   .box>.hd h3{font-size:20rem}
   .box>.hd h3 .icon{width:16rem;}
   .box>.hd h3 i.webicon{font-size:22rem;}

   .focusSwiper-calendar .swiper-pagination{text-align:center;width:100%;bottom: 140rem;}
   .focusSwiper-calendar .swiper-pagination li{ width:20rem; height:5rem; background:#fff;}
   .focusSwiper-calendar .swiper-pagination li b,
   .focusSwiper-calendar .swiper-pagination li span{display:none;}
   .focusSwiper-calendar .swiper-slide .con{padding:10rem;}

   .nameList li{width:50%;}
}