@charset "UTF-8";

@font-face {
    font-family: 'HarmonyOS Sans SC';
    src: url('../fonts/HarmonyOS_Sans_SC_Medium.woff2') format('woff2'),
        url('../fonts/HarmonyOS_Sans_SC_Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HarmonyOS Sans SC';
    src: url('../fonts/HarmonyOS_Sans_SC.woff2') format('woff2'),
        url('../fonts/HarmonyOS_Sans_SC.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
/*
    Css for PEL, ver 1.0 CopyRight By Dongyi Network Technology CO.,Ltd Design Center 本网站通用布局 000
*/

/* 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: inherit; line-height: inherit; font-family: inherit; color: inherit; }
article, aside, dialog, figure, footer, header, menu, nav, section, time { margin: 0; padding: 0; display: block; zoom: 1 }

/* Public */
html{font-size: 1px;}
body { color: #333; font-size: 16rem; line-height: 1.8; font-family: 'PingFang SC', Arial, "Microsoft YaHei", SimSun, 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; }
a:hover { color: #cc0301; text-decoration: underline; }
.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; }
.ovv { overflow: visible !important; }
input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; border-radius: 0; }
.more,
.prev,
.next { transition: all 0.4s ease; }

/* 公共 */
.fa{ font-family: fontpower, FontAwesome; font-size: inherit; line-height: inherit; vertical-align: top; }
.form-control::-webkit-input-placeholder { color: #d2d2d2; }
.form-control::-moz-placeholder { color: #d2d2d2; }
.pic img { width: 100%; height: auto; min-height: 100%; }
/* 修复.fa重置导致问卷、表单统计页字体图标错位的问题 */
.surveyResult .fa,
.surveyInfo .fa,
.customFormResult .fa{ line-height:1; vertical-align: inherit; }

/* 框架 */
body { background: #fff; }
.wrap { position: relative; text-align: left; overflow: hidden; /*background:url(../img/bg.png) 50% -30rem repeat-y #F3F3F3;*/ background-color: #F3F3F3; background-size:110% auto }
.container::after,
.container::before,
#content::after,
#content::before,
.row::after,
.row::before { display: table; content: " "; clear: both; }
.container { position: relative; margin: 0 auto; width: 1260rem; zoom: 1; box-sizing:border-box; }
#content {position: relative;z-index: 0;padding:30rem; width:1260rem; margin:0 auto 30rem; background:#fff; box-sizing:border-box;}

/* 无障碍栏兼容 */
#free_Web_box_sub ~ .wrap .banner .bd li { height: calc(100vh - 96rem); }

/* 顶部 */
#header{height:56rem; background:#CC0301; margin-bottom:30rem;}
#header .container{box-sizing:border-box; height:56rem; display:flex; justify-content:space-between; align-items:center;}
#header .container::before,
#header .container:after{display:none;}
#header .topIconLinks{flex-shrink:0;}
#header .topIconLinks dl{float:left;}
#header .topIconLinks dl dt{height:30rem; line-height:30rem; font-size:16rem; color:#fff; text-align:center;}
#header .topIconLinks dl dt a{color:#fff; padding:0 8rem; transition:0.3s; display:block; height:30rem; border-radius:4rem;}
#header .topIconLinks dl dt a:hover{text-decoration:none; background:#b40404;}
#header .topIconLinks dl dt i{margin-right:8rem;}
#header .topIconLinks dl + dl{margin-left:15rem;}

#header .topIconLinks .topNavBtn{display:none;}

#header .topIconLinks dl.englishIcon dt .abbreviation{display:none}

/* logo */
#logo { position:relative; z-index:12 ; flex-shrink:0; }
#logo a { display: block; }
#logo img { max-width: 300rem; max-height: 36rem; }

/* 主导航 */
.topNav { position: relative; flex-grow:1}
.topNav .mainNav{float:right; position:relative;}
.topNav .mainNav .li1{float:left; height:56rem; position:relative; z-index:10; }
.topNav .mainNav .h1{display:block; width:100%; height:56rem; font-size:16rem; line-height:56rem; color:#fff; text-align:center; transition:0.3s; position:relative; z-index:10;}
.topNav .mainNav .h1 a{color:#fff; display:block; height:56rem; padding:0 10rem;}
.topNav .mainNav .h1 a:hover{text-decoration:none;}
.topNav .mainNav .on1 .h1{background:#b40404}
.topNav .mainNav .ul1{display:none; position:absolute; left:0rem; top:56rem; right:auto; background:#b40404; box-shadow:0 0 5rem rgba(0,0,0,0.3); z-index:9; max-width:200rem; min-width: 100%;}
.topNav .mainNav .ul1 .li2{border-bottom:1rem solid rgba(255,255,255,0.2)}
.topNav .mainNav .ul1 .li2:last-child{border-bottom:none;}
.topNav .mainNav .ul1 .li2 a{display:block; padding:10rem; text-align:center; font-size:14rem; font-weight:400; color:#fff; transition:0.3s; line-height:20rem; }
.topNav .mainNav .ul1 .li2 a:hover{background-color:#fff; color:#b40404; text-decoration:none}
.topNav .mainNav .ul1 .h2 a{white-space: nowrap;text-overflow: ellipsis; overflow:hidden}
/* .topNav .mainNav #li-djjs .ul1{width:200rem;} */
.topNav .mainNav #li-djjs .ul1 .h2 a{white-space: normal;}

/* 导航弹层 */
.topNavPopup{display: none;  position:absolute; left:0; top:0; right:0; padding-top:56rem; box-sizing:border-box; z-index:11; background:#CC0301;}
.topNavPopup .topNavPopup_close{position:absolute; right:0rem; top:0; width:56rem; text-align:center; height:56rem; line-height:56rem; color:#fff; font-size:46rem; transition: all ease 0.6s;}
.topNavPopup .topNavPopup_close:hover{ text-decoration: none; transform: rotate(180deg);}
.topNavPopup .popupNav{padding:50rem 80rem; height:calc(100vh - 56rem); overflow-y:auto; background:#fff; box-sizing:border-box;}
.topNavPopup .mainNav a{color:#333; transition:0.5s ease}
.topNavPopup .mainNav a:hover{color:#b40404; }
.topNavPopup .mainNav .sh{display:none;}
.topNavPopup .mainNav .li1{display:flex; margin-bottom:20rem}
.topNavPopup .mainNav .h1{font-size:18rem; line-height:36rem; font-weight:bold; margin-right:20rem; white-space:nowrap}
.topNavPopup .mainNav .h1 a{color:#b40404;}
.topNavPopup .mainNav .ul1{display:flex; flex-wrap:wrap}
.topNavPopup .mainNav .li2{min-width:80rem; position:relative;}
.topNavPopup .mainNav .li2:after{content:"|"; position:absolute; right:0; top:0; font-size:12rem; line-height:36rem; color:rgba(255,255,255,0.3)}
.topNavPopup .mainNav .li2:last-child::after{display:none;}
.topNavPopup .mainNav .h2{font-size:16rem;  line-height:36rem; color:#333; padding:0 15rem}

.headerPopup-show-nav{overflow:hidden;}
.headerPopup-show-nav .topNavPopup{display:block;}

/* 顶部栏 */
.links { position: relative; float: right; margin-right: 20rem; padding-left: 11rem; margin-left: 5rem; height: 81rem; line-height: 81rem; }
.links::before { position: absolute; content: ''; left: 0; top: 30rem; height: 20rem; width: 1rem; background: #fff; }
.links a { color: inherit; }
.links dl { position: relative; float: left; padding: 0 9rem; }
.links dt a { position: relative; display: block; font-size: 18rem; height: 81rem; line-height: 81rem; color: #fff; text-decoration: none; }
.links dt a::before { position: absolute; content: ''; left: 0; bottom: 0; width: 100%; transform-origin: center bottom; height: 2rem; background: #F83F21; transform: scaleX(0); transition: all ease 0.4s; }
.links dt .fa { font-size: 24rem; }
.links dd { transition: all ease 0.2s; padding: 7rem; position: absolute; z-index: 2; left: 50%; top: 100%; transform: translateX(-50%); font-size: 0; line-height: 1; white-space: nowrap; padding: 8rem; background: #cc0301; background: rgba(34, 56, 116, 0.7); visibility: hidden; opacity: 0; }
.links dd ul { display: inline-block; vertical-align: top; }
.links dd li { display: inline-block; vertical-align: top; line-height: 36rem; font-size: 14rem; opacity: 0.8; }
.links dd li a { display: block; padding: 0 14rem; color: #fff; font-weight: bold; transition: all ease 0.3s; }
.links dd li:hover { opacity: 1; }
.links dd li a:hover { text-decoration: none; background: #CEBDA2; }
.links dl:hover dd { visibility: visible; opacity: 1; }
.links dl:hover dt a::before { transform: scaleX(1); }

/* 用户登录-简约 */
.loggedMini .notlogged { line-height: 82rem; }
.loggedMini .avatar img { border: 2rem solid #fff; vertical-align: middle; width: 26rem; height: 26rem; border-radius: 50%; }
.loggedMini .nickName { display: none; }

/* 搜索框 */
.searchPopup { display: none; position: absolute; left: 0; top: 0rem; bottom:0rem; width: 100%; background: #CC0301; z-index:13; }
.searchPopup.active{display:block}
.searchPopup .searchPopup_close{position:absolute; right:0rem; top:0; width:56rem; text-align:center; height:56rem; line-height:56rem; color:#fff; font-size:46rem; transition: all ease 0.6s;}
.searchPopup .searchPopup_close:hover{ text-decoration: none; transform: rotate(180deg);}
.s-form{margin:0 auto; height:28rem; width:90%; max-width:620rem; display:flex; padding-top:14rem; box-sizing:content-box; }
.s-form .select-box { display: none; }
.s-form .input-box{position:relative; flex-grow:1; width:1rem;}
.s-form .input-box input{display:block; width:100%; height:28rem; line-height:28rem; border:none; background:#fff; border-radius:14rem 0 0 14rem; box-sizing:border-box; padding-left:20rem; font-size:14rem;outline: none;}
.s-form .input-box .dropdown-word { position: absolute; top: 100%; width: 100%; left: 10rem; font-size: 16rem; color: #333; border-radius: 5rem; border: 1rem solid #ddd; }
.s-form .input-box .dropdown-word ul { padding: 10rem 0; }
.s-form .input-box .dropdown-word ul li { line-height: 40rem; height: 40rem; padding: 0 20rem; text-indent: 0; }
.s-form .btn-box{height:28rem;  flex-shrink:0;  }
.s-form .btn-box .btn{width:50rem;height:28rem;border:none;background:#fff;color:#000000; font-size:20rem; display:block; cursor:pointer; border-radius:0 14rem 14rem 0; text-align:center; padding:0;}
.s-form .link-box { display: none; }
.s-form .input-box input::-webkit-input-placeholder  { color: #666666; }
.s-form .input-box input:-ms-input-placeholder  { color: #666666; }
.s-form .input-box input::placeholder  { color: #666666; }


/* 用户面板 */
.userPanel { display: inline-block; vertical-align: top; float: none; height: auto; margin: 0; min-height: 36rem; }
.userPanel a { float: left; margin-left: 10rem; border-radius: 500rem; height: 36rem; line-height: 36rem; padding: 0 30rem; font-size: 14rem; color: #666; background: #fff; }
.userPanel a:hover { background: #DAB866; color: #fff; text-decoration: none; }

/* 登录注册 */
.navBar .userLogged { display: inline-block; vertical-align: top; float: none; height: auto; margin: 0; min-height: 36rem; }
.navBar .userLogged .split { display: none; }
.navBar .userLogged .notlogged > a,
.navBar .userLogged .loggedin > a,
.navBar .userLogged .userDropdown { float: left; margin-left: 10rem; border-radius: 500rem; height: 36rem; line-height: 36rem; padding: 0 30rem; font-size: 14rem; color: #666; background: #fff; }
.navBar .userLogged .notlogged > a:hover,
.navBar .userLogged .loggedin > a:hover,
.navBar .userLogged .userDropdown:hover { background: #DAB866; color: #fff; text-decoration: none; }
.navBar .userLogged .userDropdown { padding: 0 12rem 0 6rem; }
.navBar .userLogged .userDropdown .avatar { margin: 5rem 0 0 0; }
.navBar .userLogged .userDropdown .nickname { height: 36rem; line-height: 36rem; margin-left: 10rem; font-weight: normal; padding-right: 0; }
.navBar .userLogged .userDropdown:hover .nickname,
.navBar .userLogged .userDropdown .nickname:hover { color: #fff; }
.navBar .userLogged .userDropdown .nickname::after { position: static; margin: 0 0 0 8rem; display: inline-block; vertical-align: top; background: none; width: auto; height: auto; font-size: 12rem; font-family: "fontpower"; content: "\e1cf"; color: inherit; }
.navBar .userLogged .userDropdown .ud-bd { left: 0; top: 100%; }

.navBar .userLogged .loggedin a.signinSum,
.navBar .userLogged .loggedin a.myMsg { width: auto; padding: 0; background-color: transparent; color: #fff; overflow: visible; }
.navBar .userLogged .loggedin a.signinSum:hover,
.navBar .userLogged .loggedin a.myMsg:hover { color: #DAB866; }
.navBar .userLogged .loggedin a.signinSum::before,
.navBar .userLogged .loggedin a.myMsg::before { display: inline-block; vertical-align: top; font-family: "fontpower"; font-size: 24rem; content: '\ec2b'; }
.navBar .userLogged .loggedin a.signinSum::before { content: '\e6fd'; }
.navBar .userLogged .loggedin a.hasMsg { color: #63bf6e; }
.navBar .userLogged .loggedin a.hasMsg:after { right: 0; top: 0; }

/* focusSwiper */
.focusSwiper{width:100%; overflow:hidden; position: relative; --swiper-theme-color: #cc0301; --swiper-pagination-bullet-size:10rem; --swiper-pagination-bullet-inactive-color:#fff; --swiper-pagination-bullet-inactive-opacity:0.8;}
.focusSwiper .swiper-slide{background:#fff;}
.focusSwiper .swiper-slide .pic img{width:100%; height:auto;}
.focusSwiper .swiper-slide .con{ text-align:left; position:absolute; left:0rem; bottom:0rem; right:0rem; padding:10rem 100rem 10rem 10rem; }
.focusSwiper .swiper-slide .titleBg{ position:absolute; left:0rem; top:0rem; right:0rem; bottom:0rem; background:linear-gradient(to bottom, transparent, rgba(0,0,0,0.65) 80%); z-index:1;}
.focusSwiper .swiper-slide .title{height:24rem; line-height:24rem; overflow:hidden; font-size:16rem; overflow:hidden; position:relative; z-index:2; color:#fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align:left;}
.focusSwiper .swiper-slide .title a{color:#fff; transition:0.5s ease}
.focusSwiper .swiper-slide .title a:hover{ color:#DAB866}
.focusSwiper .prev,
.focusSwiper .next{width:32rem; height:32rem; line-height:32rem; position:absolute; bottom:80rem; z-index:11; left:24rem; cursor:pointer; background:#CC0301; text-align:center; color:#fff; font-size:28rem; opacity:0.6}
.focusSwiper .next{left:57rem;}
.focusSwiper .prev:hover,
.focusSwiper .next:hover{opacity:0.8}
.focusSwiper .prev.swiper-button-disabled,
.focusSwiper .next.swiper-button-disabled{background:#666666; cursor:default; opacity:0.6}
.focusSwiper .swiper-pagination{bottom:8rem; left:auto; right:5rem; width:auto; font-size:14rem; color:#fff;}

/* 图书列表 */
.bookList{display:grid; grid-template-columns:repeat(6,minmax(15%,1fr));  grid-gap:20rem;}
.bookList li{width:100%; overflow:visible; display:flex;flex-direction:column;filter: drop-shadow(0 0 4rem rgba(0,0,0,0.15));transition:0.5s;}
.bookList li:hover{filter: drop-shadow(0 0 6rem rgba(0,0,0,0.3));}
.bookList li .pic{padding:12rem; flex-shrink:0; position:relative;}
.bookList li .pic::before{content:""; display:block; width:51%; position:absolute; left:0; bottom:0rem; top:0rem; background-image: radial-gradient(circle at left bottom, transparent 5rem, #fff 0); }
.bookList li .pic::after{content:""; display:block; width:51%; position:absolute; right:0; bottom:0rem; top:0rem; background-image: radial-gradient(circle at right bottom, transparent 5rem, #fff 0); }
.bookList li .pic a{position:relative; display:block; z-index:3; text-align:center;}
.bookList li .pic img{width:100%; height:auto;  aspect-ratio:8/11}
.bookList li .con{ padding:12rem; overflow:hidden; position:relative; flex-grow:1;  }
.bookList li .con::before{content:""; display:block; position:absolute; left:5rem; top:0rem; right:5rem; height:0; z-index:3; border-top:1rem dashed #e8e8e8}
.bookList li .con .titleBg{position:absolute; z-index:0; left:0rem; top:0rem; right:0rem; bottom:0; }
.bookList li .con .titleBg::before{content:""; display:block; width:51%; position:absolute; left:0; bottom:0rem; top:0rem; background-image: radial-gradient(circle at left top, transparent 5rem, #fff 0); }
.bookList li .con .titleBg::after{content:""; display:block; width:51%; position:absolute; right:0; bottom:0rem; top:0rem; background-image: radial-gradient(circle at right top, transparent 5rem, #fff 0); }
.bookList li .con .title{height:52rem; line-height:26rem; overflow:hidden; text-align:center; width:100%; font-size:14rem; margin-bottom:5rem; position:relative; z-index:3; display:flex; align-items:center; justify-content:center}
.bookList li .con .title .tit{display:block; max-height:52rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; text-wrap: balance; }
.bookList li .con .writer{font-size:12rem; color:#666666; text-align:center; position:relative; z-index:3; height:20rem; line-height:20rem;  text-overflow: ellipsis; white-space: nowrap; overflow:hidden; }
.bookList li .con .writer b{display:none}
/* 内页banner */
.pageBanner { height: auto; overflow: hidden; margin-bottom:30rem; }
.pageBanner img{width:100%; height:auto;}

/* 侧栏 和 主栏 */
.contentFlex { display:flex; justify-content:space-between;}
.contentFlex > .side{width:280rem; margin-right:50rem; flex-shrink:0;}
.contentFlex > .mainContent{flex-grow:1; width:1rem;}

/* 位置导航 */
.path { margin-bottom: 20rem; clear: both; color: #666; line-height: 20rem; padding: 8rem 10rem; text-align: left; font-size: 14rem; }
.path a, .path span { padding: 0 5rem; color: #666; }

/* 内页布局 */
#content > .cHd { margin:0 -30rem; position:relative; display:flex; align-items:center; height:50rem; padding-top:10rem; }
#content > .cHd .cHd-bg_left { position: absolute;  height:6rem; width: 100%; flex-shrink:0; background:url(../img/detail-bg.png) 100% 0rem repeat-x; }
#content > .cHd .cHd-bg_right { position: absolute; left: 29rem; height:6rem; width: 98rem; flex-grow:1; background:url(../img/detail-bg2.png) 0 0 no-repeat; background-size: 98rem auto; }
#content > .cHd .title{text-align:left; position:relative; flex-shrink:0; padding:0 0rem 0 30rem; margin:0; height:50rem; }
#content > .cHd .title::before{ content:""; display:none; width:50rem; height:50rem; position:absolute; left:0rem; background:linear-gradient(to bottom, transparent, #CC0301); }
#content > .cHd .title .tit{height:50rem; line-height:50rem; font-size:30rem; font-family:"Source Han Serif CN","宋体",SimSun,'PingFang SC', "Microsoft YaHei"; font-weight:500; color:#333; text-align:center; position:relative; z-index:2;}
#content > .cHd .title .cn{height:44rem;line-height:44rem;font-size: 24rem;font-family:"Source Han Serif CN","宋体",SimSun,'PingFang SC', "Microsoft YaHei";font-weight:500;color:#cc0301;text-align:left;position:relative;z-index:2; top: -27rem; }
#content > .cHd .title .en{ display: none; height:30rem; line-height:30rem; text-align:center; font-size:20rem; color:#e1cfcf; position:relative; z-index:1; margin-top:-24rem;  }
#content > .path{position:absolute; right:30rem; margin:0rem; padding:0rem; top:24rem; z-index:5;}
.mainContent{position:relative;}

/* 返回列表按钮 */
.backToListBtn{ white-space: nowrap; height:32rem; display:block; width:100rem; box-sizing:border-box; padding-left:40rem; font-size:14rem; line-height:32rem; background:url(../img/icon-back.png) 0 0 no-repeat;}

/* footer */
#footer { position: relative; color: #fff; background: #cc0301; padding: 30rem 0; text-align: left; }
#footer a { color: inherit; }
#footer .footNav { margin-bottom: 10rem; font-size: 16rem; }
#footer .footNav li { display: inline-block; vertical-align: top; margin: 0 5rem; }
#footer .footNav li.spe { opacity: 0.5; }
#footer .copyRight {line-height: 2.2; font-size: 16rem; }
#footer .copyRight img { vertical-align: middle; }
#footer .pics { margin-top: 8rem; }
#footer .pics img { vertical-align: middle; margin: 0 3rem; }

/* 图标-二维码 */
.footerQR { position: absolute; right: 0; top: 50%; margin-top: -55rem; font-size: 0; line-height: 1; }
.footerQR li { display: inline-block; vertical-align: top; position: relative; margin: 0 5rem; }
.footerQR .icon { display: block; width: 50rem; height: 50rem; line-height: 50rem; text-decoration: none; font-size: 30rem; color: #fff; text-align: center; border-radius: 50%; transition: all ease 0.5s; }
.footerQR .pic { position: absolute; z-index: 1; left: 50%; bottom: 100%; transform: translateX(-50%); margin-bottom: 15rem; padding: 10rem; border-radius: 10rem; background: #fff; transition: all ease 0.8s; box-shadow: 0 0 15rem rgba(0, 0, 0, .15); visibility: hidden; opacity: 0; }
.footerQR .pic::before { position: absolute; content: ''; width: 0; height: 0; left: 50%; top: 100%; margin-left: -10rem; border: 10rem solid transparent; border-top-color: #fff; }
.footerQR .pic canvas,
.footerQR .pic img { width: 150rem; height: 150rem; }
.footerQR .phone .pic { padding: 20rem; }
.footerQR .phone .pic img { width: 130rem; height: 130rem; }
.footerQR li:hover .pic { visibility: visible; opacity: 1; }
.footerQR .icon:hover { background: #CEBDA2; color: #fff; text-decoration: none; }
.footerQR .wx .icon:hover { background: #2aae67; }
.footerQR .wb .icon:hover { background: #d52c2b; }

/* 友情链接 */
.friendLinks { position: absolute; right: 0; top: 50%; margin-top: 0; }
.friendLinks dl { position: relative; width: 250rem; margin-top: 10rem; }
.friendLinks dt { position: relative; height: 40rem; line-height: 40rem; border-radius: 0; border: none; text-align: left; background: #fff; padding: 0 50rem 0 20rem; font-size: 16rem; color: #333; box-shadow: none; overflow: hidden; white-space: normal; cursor: pointer; }
.friendLinks dt::after { position: absolute; content: ''; right: 15rem; top: 50%; margin-top: -4rem; border: 8rem solid transparent; border-top-color: #ccc; border-bottom: none; }
.friendLinks dd { bottom: 100%; display: none; position: absolute; left: 0; right: 0; z-index: 3; width: 100%; box-shadow: 0 0 5rem rgba(0, 0, 0, .2); }
.friendLinks ul { max-height: 351rem; border: 1rem solid #ccc; background: #fff; overflow-y: scroll;}
.friendLinks li { border-bottom: 1rem dotted #ccc; color: #666; }
.friendLinks li.noData,
.friendLinks li:last-of-type { border-bottom: none; }
.friendLinks li.noData,
.friendLinks li a { display: block; padding: 8rem 12rem; font-size: 14rem; line-height: 20rem; color: #666; }
.friendLinks li a:hover { background-color: #f4f4f4; text-decoration: none;}
.friendLinks .on dt::after { transform: rotate(180deg); }
.friendLinks .on dd { display: block; }

/* goTop */
#goTop { position: fixed; display: none; 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: .9; background: rgba(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; }

/* 集团微信 */
#qrcode { box-shadow: 0 0 5rem #9c9c9c; display: none; opacity: 0.9; z-index: 99; margin: 5rem; cursor: pointer; position: fixed; width: 40rem; height: 40rem; right: 5rem; bottom: 110rem; border-radius: 50%; background: #cc0301; }
#qrcode #qrcode-img { display: none; padding: 0 10rem; justify-content: center; align-items: center; flex-direction: column; position: absolute; right: 0; bottom: 50rem; width: 160rem; height: 180rem; border-radius: 8rem; background: #fff; box-shadow: 0 4rem 12rem 0 rgba(0, 0, 0, .15); }
#qrcode #qrcode-img img { width: 140rem; height: 140rem; }
#qrcode #qrcode-img span { font-size: 14rem; color: #333; height: 20rem; line-height: 20rem; }
#qrcode #qrcode-icon { position: absolute; width: 18rem; height: 18rem; top: 11rem; left: 11rem; }
#qrcode:hover #qrcode-img { display: flex; }

/* winMark */
#winMark { z-index: 1; width: 100%; display: none; height: 100%; position: fixed; background: rgba(0, 0, 0, .8); left: 0; top: 0; }


/* box - 标准盒子 */
.box>.hd { height: 55rem; line-height: 55rem; background: #f2f2f2; padding-right: 20rem; }
.box>.hd h3, .box>.hd li { position: relative; z-index: 1; float: left; padding: 0 34rem; text-align: center; font-size: 18rem; color: #333; }
.box>.hd h3, .box>.hd li.on { font-weight: bold; background: #cc0301; color: #fff; }
.box>.hd h3:before,
.box>.hd li.on:before,
.box>.hd h3:after,
.box>.hd li.on:after { position: absolute; z-index: -1; left: 0; top: 0; content: ''; width: 50%; height: 100%; background: url(../img/box-bd.png) no-repeat left center; }
.box>.hd h3:after,
.box>.hd li.on:after { left: auto; right: 0; background-position: right center; }
.box>.hd h3 a,
.box>.hd li a { text-decoration: none; color: inherit; }
.box>.hd .more { float: right; font-size: 14rem; color: #999; }
.box>.bd { padding: 15rem 0 0; }

/* primaryBox - 盒子 - 主要的 */
.primaryBox>.hd { position: relative; padding: 0 20rem 0 0; height: 48rem; background: #fff; line-height: 48rem; border: 1rem solid #e5e5e5; }
.primaryBox>.hd .more { float: right; color: #999; font-size: 14rem; }
.primaryBox>.hd h3 { position: relative; float: left; margin: -1rem 0 0 -1rem; height: 50rem; line-height: 50rem; padding-left: 20rem; font-size: 18rem; border-left: 8rem solid #cc0301; }
.primaryBox>.hd h3 a { color: inherit; text-decoration: none; }
.primaryBox>.bd { padding-top: 20rem; }
.primaryBox>.bd::after { display: table; content: " "; clear: both; }

/* groupBox 盒子 - 组类的 */
.groupBox>.hd { position: relative; text-align: center; font-size: 0; margin-bottom: 30rem; }
.groupBox>.hd h3 { position: relative; display: inline-block; line-height: 80rem; font-size: 32rem; font-weight: bold; color: #cc0301; }
.groupBox>.hd h3:before { position: absolute; content: ''; bottom: 0; left: 50%; width: 1.6em; height: 0; margin-left: -0.8em; border-bottom: 2rem solid #debd78; }
.groupBox>.hd h3 a,
.groupBox>.hd li a { color: inherit; text-decoration: none; }
.groupBox>.hd ul { margin-top: 30rem; }
.groupBox>.hd li { display: inline-block; width: 144rem; height: 49rem; line-height: 49rem; margin: 0 20rem; padding: 0 20rem; overflow: hidden; font-size: 18rem; }
.groupBox>.hd li.on { background-position: 0 -84rem; color: #fff; }
.groupBox>.bd:after, .groupBox>.bd:before { display: table; content: " "; clear: both; }

/* defaultBox 盒子 - 默认的 */
.defaultBox { background: #fff; padding: 20rem 30rem; }
.defaultBox>.hd { position: relative; height: 48rem; line-height: 48rem; }
.defaultBox>.hd h3,
.defaultBox>.hd li { position: relative; float: left; font-size: 24rem; }
.defaultBox>.hd li { margin-right: 30rem; }
.defaultBox>.hd h3,
.defaultBox>.hd li.on { font-weight: bold; color: #cc0301; }
.defaultBox>.hd li a,
.defaultBox>.hd h3 a { color: inherit; text-decoration: none; }
.defaultBox>.bd { padding: 12rem 0 0; }
.defaultBox>.hd .more { float: right; font-size: 14rem; color: #999; }

/* 主体盒子 */
.mainBox .mHd { position: relative; overflow: hidden; border-bottom: 1rem solid #e5e5e5; margin-bottom:20rem; }
.mainBox .mHd h3 { position: relative; padding: 16rem 0 16rem 16rem; font-size: 24rem; line-height: 34rem; font-weight: bold; color: #cc0301; }
.mainBox .mHd h3:before { position: absolute; content: ''; left: 0; top: 20rem; bottom: 20rem; width: 4rem; height: auto; background: #cc0301; }
.mainBox .mHd h3 a { color: inherit; text-decoration: none; }
.mainBox .mHd .path { width: auto; float: right; padding-right: 0; margin: 8rem 0 0 30rem; background: none; }

/*顶部-栏目菜单*/
#phoneTopNav {height: 40rem;background-color: #f6f6f6;border-bottom: 1rem solid #ccc; display:none;}
#phoneTopNav .menuList { overflow: hidden; width: 100%; margin-bottom: -1rem; overflow-x: scroll; white-space: nowrap; -webkit-backface-visibility: hidden; -webkit-perspective: 1000; -webkit-overflow-scrolling: touch;}
#phoneTopNav li { display: inline-block; margin: 0 12rem; line-height: 39rem; font-size: 14rem;}
#phoneTopNav .menuList::-webkit-scrollbar { display: none;}
#phoneTopNav li.on { border-bottom: 2px solid #cc0301;}
#phoneTopNav li.on a { color: #cc0301;}

/* 侧栏菜单 */
#sideMenu{}
#sideMenu a:hover{text-decoration:none;}
#sideMenu .li1{margin-bottom:12rem;}
#sideMenu .h1{display:flex;position:relative;background:#FCFCFC;border:1rem solid #e5e5e5;padding: 10rem 32rem 10rem 0rem;text-align:left;line-height:22rem;font-size:16rem; align-items:center; min-height:48rem; box-sizing:border-box}
#sideMenu .h1 .arrow{display:block; position:absolute; right:0rem; top:0rem; width:32rem; bottom:0; cursor:pointer;}
#sideMenu .h1 .arrow::after{content:""; display:block; border:5rem solid #8A8A8A; border-bottom:none; border-left-color:transparent;  border-right-color:transparent; position:absolute; right:16rem; top:calc(50% - 3rem); transition:0.3s }
#sideMenu .h1 a{display:block; padding-left:32rem; flex-grow:1}
#sideMenu .h1 a::before{content:""; display:block; width:5rem; height:11rem; background:#CCCCCC; position:absolute; left:16rem; top:calc(50% - 8rem); z-index:0}
#sideMenu .h1 a::after{content:""; display:block; width:5rem; height:11rem; background:#E1E1E1; position:absolute; left:19rem; top:calc(50% - 2rem); z-index:1}
#sideMenu .ul1{display:none; border:1rem solid #E5E5E5; border-top:none}
#sideMenu .ul1 .h2{display:flex;position:relative;background:#fff;border-bottom:1rem solid #e5e5e5;padding: 10rem 0rem 10rem 0rem; text-align:left;line-height:22rem;font-size:14rem; align-items:center; min-height:48rem; box-sizing:border-box}
#sideMenu .ul1 .h2 a{display:block; padding:0 32rem; flex-grow:1}
#sideMenu .li2:last-child .h2{border-bottom:none}

#sideMenu .on1 .h1{color:#CC0301; border-color:#CC0301}
#sideMenu .on1 .h1 a{color:#CC0301}
#sideMenu .on1 .h1 a::before{background-color:#CC0100}
#sideMenu .on1 .h1 a::after{background-color:#FF9667}
#sideMenu .on1 .ul1{display:block;}
#sideMenu .on1 .h1 .arrow::after{transform:rotate(180deg); border-top-color:#CC0301}
#sideMenu .on2 .h2 a{color:#CC0301}


/* 友情链接图片列表 */
.siteGroupList { margin: -3.5% -3.5% 0 0; }
.siteGroupList li { position: relative; float: left; width: 21.5%; margin: 3.5% 3.5% 0 0; perspective: 1000rem; }
.siteGroupList .pic { background: #fff; }
.siteGroupList .pic a { display: block; position: relative; height: 0; padding-bottom: 66.6666%; overflow: hidden; }
.siteGroupList .pic img { position: absolute; left: 50%; top: 50%; width: auto; height: auto; max-width: 100%; max-height: 100%; transform: translate(-50%, -50%); }
.siteGroupList .pic a:hover img { transform: translate(-50%, -50%) scale(1.06); }
.siteGroupList .title { display: none; }
.siteGroupList .con { visibility: hidden; transform: rotateY(90deg); position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(43, 70, 142, 0.8); text-decoration: none; }
.siteGroupList .intro { margin: 21rem 25rem; line-height: 34rem; height: 136rem; font-size: 16rem; color: #fff; overflow: hidden; }

.siteGroupList .pic,
.siteGroupList .con { transition: all 0.6s ease; transform-style: preserve-3d; }
.siteGroupList li:hover .pic { transform: rotateY(-90deg); visibility: hidden; }
.siteGroupList li:hover .con { transform: rotateY(0deg); visibility: visible; }


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

/*验证码*/
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: #cc0301; border: 0; color: #fff; margin: 0 2%; -webkit-border-radius: 2rem; -moz-border-radius: 2rem; border-radius: 2rem; }
.bot a:hover, .bot button:hover { text-decoration: none; background: #01a0e9; }

/* 依申请、信访、咨询等通用 查询页样色 */
.queryForm { background: #fff; padding: 3% 0; width: 80%; margin: 30rem auto; font-size: 16rem; }
.queryForm td { padding: 8rem 0 }
.queryForm .tdlab { width: 40%; text-align: right; }
.queryForm input[type=text] { width: 56%; height: auto; line-height: 24rem; border: 1rem solid #ccc; padding: 8rem 12rem; }
.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: 90%; 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 }

/* 登录注册 */
.userlogincomment .user-mainbox .hd h3,
.userlogincomment .user-mainbox .top h3 { color: #cc0301; border-bottom-color: #cc0301;}
.userlogincomment .user-mainbox .loginBtn { background: #cc0301; }
.userlogincomment .user-mainbox .loginBtn:hover { background: #2b4691;}
.userlogincomment .loginCookie dd .cookie-time { color: #cc0301; }
.userlogincomment .login-tip .registerlink a,
.userlogincomment .login-tip .forget-password a{ color: #cc0301; }


/* 标记分类 */
.filter-row{background-color: rgba(54,145,172, 0.05);}
.filter-row .choose-item a:hover,
.filter-row .filter-key{color:#3691ac; }
.filter-result .filter-criteria-item:hover,
.filter-row .filter-ext-more:hover,
.filter-row .filter-ext-multiple:hover{color:#3691ac; border-color:#3691ac}
.filter-row .filter-ext-more:hover i, .filter-row .filter-ext-multiple:hover i{background-image:url(../img/filter-icons-on.png)}
.filter-result .filter-criteria-item{border-color:rgba(54,145,172, 0.2);background-color: rgba(54,145,172, 0.03); }
.filter-result .filter-criteria-item i{background-image:url(../img/filter-icons.png)}
.filter-result .filter-criteria-item:hover i{background-color:#3691ac}

/* 成员单位 */
#maintainer { display: grid; grid-gap: 16rem; grid-template-columns: repeat(1, 1fr); }
#maintainer .maintainer { background: #fafafa; border-bottom: none; padding-bottom: 0; margin-bottom: 0; }
#maintainer .maintainer .maintainer-container { padding: 16rem; }
#maintainer .maintainer .maintainer-container .title { display: flex; align-items: center; }
#maintainer .maintainer .maintainer-container .title img { width: 20rem; height: 20rem; flex-shrink: 0; }
#maintainer .maintainer .maintainer-container .title .title-text { flex-grow: 1; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-weight: bold; font-size: 18rem; }
#maintainer .maintainer .maintainer-container .printArea .conTxt { padding: 10rem 0; }
#maintainer .maintainer .maintainer-container .printArea .conTxt.toggled { height: auto; }
#maintainer .maintainer .maintainer-container .printArea .conTxt p { margin-bottom: 0; }

#maintainer .maintainer .maintainer-container .info-table { border: 1px solid rgba(221, 221, 221, 1); display: grid; grid-template-columns: repeat(2, 1fr); background: #fff; }
#maintainer .maintainer .maintainer-container .btn { display: none; }
#maintainer .maintainer .maintainer-container .info { display: flex; align-items: center; padding: 6rem 12rem; }
#maintainer .maintainer .maintainer-container .info:nth-child(1),
#maintainer .maintainer .maintainer-container .info:nth-child(3) { border-right: 1px solid rgba(221,221,221,1); border-bottom: 1px solid rgba(221,221,221,1); }
#maintainer .maintainer .maintainer-container .info:nth-child(2n) { border-bottom: 1px solid rgba(221,221,221,1); }
#maintainer .maintainer .maintainer-container .info:nth-child(5) { grid-column: span 2; }
#maintainer .maintainer .maintainer-container .info img { width: 20rem; height: 20rem; flex-shrink: 0; }
#maintainer .maintainer .maintainer-container .info .info-text { flex-grow: 1; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 16rem; margin-left: 12rem; }
#maintainer .maintainer .maintainer-container .info .info-text.address { white-space: normal; }
#maintainer .maintainer .maintainer-container .tit:hover { text-decoration: none; color: #333; }
#maintainer .maintainer .maintainer-container .info .info-text .text-url { color: #2681ff; text-decoration: underline; }

/* 媒体查询 大于1920 */
@media (min-width:1920px) {
    html{font-size: calc(100vw / 1920);}
}

/* 媒体查询 小于1300 */
@media (max-width:1299px) {
    html{font-size: calc(100vw / 1024);}
    .wrap{background-image:none;}
    .container{width: auto;}
    #content{width:auto; padding-left:15rem; padding-right:15rem; margin-bottom:0}
    #content > .cHd{margin-left:-15rem; margin-right:-15rem;}
    
    #header{margin-bottom:0;}
    #header .container{padding:0;}
    #header #logo{margin-left:10rem}
    #header .topIconLinks{margin-right:15rem}
    
    #header .topIconLinks dl dt .txt{display:none;}
    #header .topIconLinks dl dt i{margin:0;}
    #header .topIconLinks dl dt a{background:#b40404;}
    #header .topIconLinks dl.topNavBtn{display:block;}
    #header .topIconLinks dl.englishIcon dt a{padding:0 5rem}
    #header .topIconLinks dl.englishIcon dt i{display:none}
    #header .topIconLinks dl.englishIcon dt .abbreviation{display:block; font-size:14rem}
    

    /* 搜索栏 */
    .searchPopup{height:56rem; box-sizing:border-box; padding:14rem 60rem 0 15rem}
    .s-form{ width:100%; padding:0rem; box-sizing:border-box; height:auto; }
    
    .topNav{display:none;}

    .contentFlex > .side{width:220rem; margin-right:30rem}

    #footer .copyRight{padding:0 30rem}

}

/* 媒体查询 小于1024 */
@media (max-width:1023px) {
    html{font-size: calc(100vw / 768);}

    #content{padding:0;}
    #content > .cHd{display:none;}
    #content > .path{position:static; padding:10rem 15rem; line-height:1.6; margin-bottom:10rem }
    #content > .path em::before{content:"\f041"; display:block; font-family:FontAwesome; margin-right:10rem; float:left; }

    #phoneTopNav{display:block;}
    
    .contentFlex > .side{display:none;}
    .mainContent,
    .contentFlex > .mainContent{width:100%; box-sizing:border-box; padding:0 15rem 30rem;}
    
    .pageBanner{margin-bottom:0;}

    #footer .copyRight{padding:0 15rem}
}

/* 媒体查询 小于768 */
@media (max-width:767px) {
    html{font-size: calc(100vw / 390);}

    .focusSwiper .swiper-slide .con{padding-right:60rem}
    .focusSwiper .swiper-pagination{right:10rem; font-size:12rem}
    .focusSwiper .swiper-slide .title{font-size:12rem;}
/*
    .focusSwiper .swiper-slide .con{padding-right:10rem;}
    .focusSwiper .swiper-pagination{left:0; width:100%; bottom:40rem;}
*/
    .topNavPopup .popupNav{padding:15rem 0 30rem;}
    .topNavPopup .mainNav .li1{display:block; border-bottom:1rem solid #dcdcdc; margin-bottom:0; padding:8rem 0; }
    .topNavPopup .mainNav .h1{height:40rem; line-height:40rem; margin:0; font-size:16rem; color:#333;}
    .topNavPopup .mainNav .h1 a{display:block; padding:0 15rem; color:#333;}
    .topNavPopup .mainNav .sh{display:none; float:right; height:40rem; line-height:40rem; width:40rem; text-align:center; font-size:0; position: relative; }
    .topNavPopup .mainNav .hasUl1 .sh{display:block}
    .topNavPopup .mainNav .sh::before {content: "";display: block;height: 11rem;width: 11rem;position: absolute;border:1rem solid #333;border-top-color:transparent;border-left-color:transparent;transform:rotate(45deg);top: 12rem;left: 15rem;box-sizing:border-box; transition:0.5s}

    .topNavPopup .mainNav .ul1{display:none; padding:0 0 10rem}
    .topNavPopup .mainNav .li2{margin-bottom:10rem;}
    .topNavPopup .mainNav .li2:last-child{margin-bottom:0;}
    .topNavPopup .mainNav .h2{height:auto; line-height:26rem; font-size:14rem; padding: 0 15rem; }
    .topNavPopup .mainNav .li2:after{display:none;}

    .topNavPopup .mainNav .showSubMenu .h1,
    .topNavPopup .mainNav .showSubMenu .h1 a{color:#cc0301}
    .topNavPopup .mainNav .showSubMenu .sh::before{transform:rotate(-135deg);}

    .bookList{grid-template-columns: repeat(2, minmax(40%,1fr)); grid-gap: 10rem;}
    .bookList li:hover{filter: drop-shadow(0 0 4rem rgba(0,0,0,0.15));}
    .bookList li .pic{padding:8rem}
    .bookList li .pic img{width:164rem; height:223rem; aspect-ratio:auto}
    .bookList li .con{padding:8rem;}

    #footer .copyRight{padding:0 10rem}

    #maintainer { grid-gap: 10rem; grid-template-columns: repeat(1, 1fr); }
    #maintainer .maintainer .maintainer-container .info-table { grid-template-columns: repeat(1, 1fr); }
    #maintainer .maintainer .maintainer-container .info:nth-child(5) { grid-column: span 1; }
    #maintainer .maintainer .maintainer-container .info:nth-child(1),
#maintainer .maintainer .maintainer-container .info:nth-child(3) { border-right: none; }
    #maintainer .maintainer .maintainer-container { padding: 10rem; }
    #maintainer .maintainer .maintainer-container .title img { width: 16rem; height: 16rem; }
    #maintainer .maintainer .maintainer-container .title .title-text { font-size: 16rem; margin-left: 0; }
/*     #maintainer .maintainer .maintainer-container .info { margin-top: 10rem; } */
    #maintainer .maintainer .maintainer-container .info img { width: 16rem; height: 16rem; }
    #maintainer .maintainer .maintainer-container .info .info-text { font-size: 14rem; margin-left: 10rem; white-space: normal; }
    #maintainer .maintainer .maintainer-container .printArea .conTxt { padding-bottom: 0; transition: all ease-out 1s; }
    #maintainer .maintainer .maintainer-container .printArea .conTxt.toggled { height: 168rem; }
    #maintainer .maintainer .maintainer-container .btn { display: block; color: #cc0301; font-size: 16rem; text-align: center; text-decoration: none }
     #maintainer .maintainer .maintainer-container .btn img { vertical-align: middle; width: 10rem; position: relative; top: -1rem; margin-left: 2rem; }
     #maintainer .maintainer .maintainer-container .btn.expand img { transform: rotate(180deg); }
}