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

/* Css 初始化 */
:root { scroll-behavior: auto; }
html { font-size: 8.32px; }
body { font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif; color: #1a1a1a; }
pre { white-space: pre-wrap; word-wrap: break-word; font-size: inherit; line-height: inherit; font-family: inherit; }
ul, ol, li { padding: 0; list-style: none; margin: 0; }
dl, dt, dd { margin: 0; font-weight: normal; }
p, .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin: 0; font-weight: inherit; line-height: inherit; font-size: inherit; }
i, em { font-style: normal; }
a { color: #1a1a1a; text-decoration: none; }
a:hover { color: var(--pe-theme-color); text-decoration: none; }

/* 公共 */
.iconfont{ font-size: inherit; line-height: inherit; }
.iconsvg { width: 1em; height: 1em; vertical-align: -0.15em; fill: currentColor; overflow: hidden; }
.form-control::-webkit-input-placeholder { color: #d2d2d2; }
.form-control::-moz-placeholder { color: #d2d2d2; }
.pic img{ width: 100%; height: 100%; object-fit: cover; }

/* 框架 */
body { font-size: 170%; }
.wrap { overflow: hidden; }
#content { position: relative; padding: 4.375rem .625rem 19%; min-height: 37.5rem; background: linear-gradient(180deg, rgba(var(--pe-theme-color-rgb), 0.1) 0%, rgba(255, 255, 255, 0) 12.5rem), var(--pe-theme-bg-content) no-repeat center bottom / 80% auto; }
.container::after,
.container::before,
#content::after,
#content::before { display: table; content: " "; clear: both; }
.row,
.container { --bs-gutter-x: 3.125rem; --bs-gutter-y: 3.125rem; }

/* 顶部 */
#header { position: absolute; left: 0; top: 0; right: 0; z-index: 3; background: linear-gradient(180deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%); --color-light-rgb: 255, 255, 255; }

/* logo */
#header .logo { flex-grow: 1; }
#header .logo a { display: block; margin: 1.4rem 0; }
#header .logo img { width: auto; height: 4.375rem; }

/* 主导航 */
.navbar { padding: 0; }
.navbar .container { position: relative; }
.navbar .line { position: relative; display: block; width: 100%; content: ''; background: rgba(var(--color-light-rgb), 0.4); height: 1px; transition: all 0.3s ease; }
.navbar .navbar-toggler[aria-expanded=true] ~ .line { visibility: hidden; opacity: 0; }
.navbar .navbar-collapse { margin: 0 calc(var(--bs-gutter-x) * -.5); }
.navbar .navbar-collapse.show { box-shadow: 0 0.625rem 1.25rem rgba(0, 0, 0, 0.1); }

.nav-main { background: #fff; max-height: 62.5rem; overflow-y: auto; }
.nav-main #li-home { display: none; }
.nav-main .li1 { position: relative; border-bottom: 1px solid rgba(0, 0, 0, .04); }
.nav-main .li1:last-of-type { border-bottom: none; }
.nav-main .a1 { display: block; line-height: 1.4; padding: 1.4rem 1.875rem; font-size: 1.125em; color: #1a1a1a; text-decoration: none; }
.nav-main .dropdown1 { display: none; padding: 0 1.875rem 1.25rem; }
.nav-main .dropdown1 .ul1 { display: flex; flex-wrap: wrap; }
.nav-main .dropdown1 .li2 { min-width: 33.3333%; }
.nav-main .dropdown1 .a2 { display: block; padding: 0.625rem 1.25rem; font-size: 1em; color: rgba(0, 0, 0, 0.6); }
.nav-main .hasUl1 .drop { position: absolute; right: 0; top: 0; width: calc(1.75em + 2.8rem); height: calc(1.75em + 2.8rem); }
.nav-main .hasUl1 .drop::after,
.nav-main .hasUl1 .drop::before { position: absolute; content: ""; display: block; right: 1.875rem; top: 50%; margin-top: -1px; height: 2px; width: 1.875rem; background: #ccc; }
.nav-main .hasUl1 .drop::before { transform: rotate(90deg); }
.nav-main .hasUl1 .show .drop::before { display: none; }

/* 导航折叠按钮 */
#header .navbar-toggler { border: none; padding: 0; color: #fff; outline: none; width: 5rem; height: 4.375rem; font-size: 3.4rem; line-height: 4.375rem; box-shadow: none; border-radius: 0.375rem; }
#header .navbar-toggler[aria-expanded=true] { background: rgba(var(--pe-theme-color-rgb), 0.5); }

/* 搜索弹窗按钮 */
.nav-panel { position: relative; z-index: 1; }
.nav-panel .btn-search { margin-right: 0.6rem; font-size: 3rem; width: 5rem; line-height: 4.375rem; border-radius: 0.375rem; color: #fff; font-weight: normal; cursor: pointer; text-align: center; transition: all ease 0.3s; }
.nav-panel .btn-search:hover { background: rgba(var(--pe-theme-color-rgb), 0.5); }

/* 搜索弹框 */
#modal-search { background: rgba(0, 0, 0, .5); }
#modal-search .modal-backdrop{ display: none !important; }
#modal-search .modal-dialog{ max-width: none; justify-content: center; }
#modal-search .modal-content{ width: 85%; background: none; box-shadow: none; border: none; border-radius: 0; }
#modal-search .btn-close{ position: absolute; z-index: 1; left: 50%; top: 50%; margin: 5rem 0 0 -2rem; padding: 1.25rem; color: #fff; font-size: 1.5em; color: #fff; pointer-events: auto; text-align: center; line-height: 1; opacity: 1; font-weight: bold; box-shadow: none; background: none; border: none; transition: all ease .4s; }
#modal-search .btn-close:hover{ transform: rotate(180deg); }
.s-form { display: flex; }

/* 搜索站点选择 */
.s-form .select-box { display: none; }

/* 搜索输入框 */
.s-form .input-box { position: relative; width: 1%; flex-grow: 1; background: #fff; }
.s-form .input-box input { position: relative; width: 100%; height: auto; vertical-align: top; padding: 0.75em 1.5em; line-height: 1.4; border: 0; outline: none; background: none; font-size: 1em; }
.s-form .input-box .dropdown-word { position: absolute; top: 100%; width: auto; left: 0; right: 0; background: #fff; max-height: 11.875rem; overflow-y: auto }
.s-form .input-box .dropdown-word li { padding: 0 0.625rem; font-size: 0.9375em; line-height: 2.5; cursor: pointer; }
.s-form .input-box .dropdown-word li:hover { background: #f5f5f5; color: var(--pe-theme-color); }
.s-form .btn-box { background: var(--pe-theme-color); }
.s-form .btn-box input{ height: auto; line-height: 1.4; padding: 0.46em 1.5em; overflow: hidden; border: none; outline: none; color: #fff; background: none; font-size: 1.25em; text-align: center; font-weight: normal; }
.s-form .btn-box input:focus{ outline: none; box-shadow: none; }
.s-form .link-box{ text-align: right; font-size: 14px; }

/* 弹出式导航 */
.nav-modal { position: fixed; z-index: 10; top: 0; left: 0; width: 100%; height: 100%; box-sizing: border-box; visibility: hidden; overflow: hidden; background: var(--pe-theme-color); transform: translateY(-120%); transition: all ease 1s; }
.nav-modal::before { position: absolute; display: block; content: ""; right: 3.2%; top: 3.7%; width: 10%; height: 0; padding-bottom: 20%; background: url(../img/slogan.png) no-repeat center center; background-size: contain; opacity: 0.1; }
.nav-modal .container { position: relative; height: 100%; }
.nav-modal .container::before { position: absolute; display: block; content: ""; left: calc(var(--bs-gutter-x) * 0.5); right: calc(var(--bs-gutter-x) * 0.5); top: 0; bottom: 5.8%; background: url(../img/bg-nav-modal.png) no-repeat center bottom; background-size: contain; }

.nav-modal.on { transform: translateY(0); visibility: visible; }
.box-nav { position: relative; z-index: 1; padding: 4% 0; }
.box-nav > .hd { position: relative; display: flex; justify-content: space-between; align-items: center; }
.box-nav > .hd h3 img { width: auto; height: 5.625rem; }
.box-nav > .hd .close { width: 3.125rem; height: 3.125rem; line-height: 3.125rem; text-align: center; color: #fff; font-weight: bold; font-size: 2rem; transition: all ease 0.6s; }
.box-nav > .hd .close:hover { text-decoration: none; transform: rotate(180deg); }
.box-nav > .bd { padding-top: 4.6%; }
.fixed-nav { display: flex; gap: 2.4%; }
.fixed-nav #li-home { display: none; }
.fixed-nav .li1 { position: relative; flex: 1; padding: 2.25rem 0 0; border-top: 1px solid rgba(255, 255, 255, .4); }
.fixed-nav .li1::before { position: absolute; content: ''; top: -2px; width: 1.125rem; height: 3px; background: #fff; transition: all ease 0.5s; }
.fixed-nav .li1:hover::before { width: 100%; }
.fixed-nav .a1 { display: block; line-height: 1.5; font-size: 1.25rem; margin-bottom: 1.5rem; color: #fff; }
.fixed-nav .a1:hover { text-decoration: none; }
.fixed-nav .a2 { display: block; font-size: .875rem; line-height: 1.4; padding: .3rem 0; color: rgba(255, 255, 255, .6); }
.fixed-nav .a2:hover { color: #fff; text-decoration: none; }

/* 固定顶部 */
#header,
#header .logo a,
#header .logo img,
.nav-main .a1 { transition: all ease 0.6s; transform-origin: center top; }
#header.fixed-top { position: fixed; animation: headerFixed 1.4s ease 1; box-shadow: 0 .25rem 0.5rem rgba(0, 0, 0, .15); background: #fff; --color-light-rgb: 177, 127, 51; }
#header.fixed-top .logo a { background: url(../../base/img/logo-custom.png) no-repeat left center; background-size: contain; }
#header.fixed-top .logo img { visibility: hidden; opacity: 0; }
#header.fixed-top .nav-main .a1 { color: #1a1a1a; }
#header.fixed-top .navbar .line { visibility: hidden; opacity: 0; }
#header.fixed-top .navbar .navbar-toggler[aria-expanded=true] ~ .line { visibility: visible; opacity: 1; }
#header.fixed-top .navbar .slogan img { visibility: hidden; opacity: 0; width: 3.6rem; height: auto; }
#header.fixed-top .navbar .slogan span { background: url(../../base/img/slogan-on.png) no-repeat center bottom; background-size: 100% 100%; }
#header.fixed-top .nav-panel .btn-search { color: #1a1a1a; }
#header.fixed-top .nav-panel .btn-search:hover { color: #fff; }
#header.fixed-top .navbar-toggler { color: #1a1a1a; }
#header.fixed-top .navbar-toggler[aria-expanded=true] { color: #fff; }

/* 友情链接 */
.box-friendly{ margin-bottom: 2.1875rem; }
.box-friendly .btn-group { display: block; border-radius: 0; }
.box-friendly .btn-group .btn { position: relative; width: 100%; height: 2.5em; line-height: 2.5em; border-radius: 0; border: none; text-align-last: left; text-align: left; background: #fff; padding: 0 3.125rem 0 1.25rem; font-size: 1em; color: #1a1a1a; box-shadow: none; overflow: hidden;  white-space: normal; }
.box-friendly .btn-group .btn::after { position: absolute; margin: 0; font-size: 1.4em; top: 50%; right: 1.25rem; transform: translateY(-50%); border-top-color: #666; }
.box-friendly .btn-group .btn.show::after { transform: translateY(-50%) rotate(90deg); }
.box-friendly .btn-group .dropdown-menu{ width: 100%; --bs-dropdown-font-size: 0.875em; }
.box-friendly .btn-group .dropdown-menu .noData,
.box-friendly .btn-group .dropdown-menu li a{ display: block; padding: 0.5rem 1.25rem; }
.box-friendly .btn-group .dropdown-menu li a:hover{ background: #f6f6f6; text-decoration: none; }

/* 底部 */
#footer { position: relative; z-index: 1; padding: 0 1.875rem; background: rgba(var(--pe-theme-color-rgb), 0.04); color: #1a1a1a; }
#footer a { color: inherit; }
#footer img { margin-right: 0 !important; }
.footer-top { padding: 2.25em 0; }
.footer-logobar { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 2.5rem 3.5rem; }
.footer-logo { max-width: 50%; }
.footer-logo img { max-width: 100%; max-height: 6rem; margin: 0 !important; }
.footer-contact { text-align: left; }
.footer-contact li { margin-top: 0.6em; font-size: 1em; line-height: 1.4; }
.footer-contact li:first-child { margin-top: 0; }
.footer-qrcode { height: 100%; gap: 1.25rem; }
.footer-qrcode li { position: relative; text-align: center;}
.footer-qrcode .pic img { width: 8.5rem; height: auto; }
.footer-qrcode .tit { margin-top: 0.7em; line-height: 1; font-size: 1em; }

#footer .copyRight { border-top: 1px solid rgba(0, 0, 0, 0.1); padding: 1.25rem 0; line-height: 2; font-size: 1em; text-align: center; }
#footer .copyRight img { vertical-align: middle; margin-right: 5px !important; }
#footer .pics { display: inline-flex; vertical-align: middle; align-items: center; flex-wrap: wrap; margin-top: 1.5rem; }
#footer .pics img { height: auto; width: auto; margin: 0 0.375rem; }

/* 内页Banner */
.page-banner { position: relative; z-index: 1; height: 35rem; background-image: url(../img/page-banner.jpg); background-position: center 0; background-repeat: no-repeat; background-size: cover; }
.page-banner::before { position: absolute; content: ""; left: 0; bottom: 0; width: 100%; height: 18.75rem; /*background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%);*/ }
.page-banner .container { position: relative; height: 100%; }

/* 当前位置 */
.path { text-align: left; margin: 1.625rem 0 0; line-height: 1.5; font-size: 0.875em; color: #fff; }
.path::before { font-size: 1.5em; font-family: "iconfont"; content: '\e609'; display: inline-block; line-height: 1.1; vertical-align: top; }
.path em { font-style: normal; display: none; }
.path a { padding: 0 0.375rem; color: inherit; }
.path a:hover { color: inherit; }

/* 主栏菜单 */
#main-menu { margin-top: 16rem; }
#main-menu > .hd { position: relative; left: 0; }
#main-menu > .hd h3 { font-size: 3rem; line-height: 1.3; font-weight: bold; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;letter-spacing: 0.5rem; }
#main-menu > .bd { position: absolute; z-index: 1; font-size: 1.0625em; left: calc(var(--bs-gutter-x) * 0.5); right: calc(var(--bs-gutter-x) * 0.5); bottom: -1.11em; padding-right: 3em; }
#main-menu > .bd::before { position: absolute; display: block; content: ""; right: 0; top: 0; width: 3em; height: 2.22em; background: var(--pe-theme-color-light); transform-origin: right bottom; transform: skewX(26deg); }
#main-menu > .bd::after { position: absolute; display: block; content: ""; left: -2000px; top: 0; right: 1.11em; bottom: 0; background: #fff; box-shadow: 0 .3em .6em 0 rgba(0, 0, 0, 0.1); transform-origin: top right; transform: skewX(-26deg); }
#main-menu > .bd li { position: relative; width: auto; padding-right: .625rem; }
#main-menu > .bd li a { position: relative; z-index: 1; display: block; padding: 0 1.22em; line-height: 3.33em; font-size: 1em; color: #1a1a1a; text-decoration: none; transition: all ease 0.4s; }
#main-menu > .bd li a::before { position: absolute; z-index: -1; content: ""; left: 0; right: 0; top: 0; bottom: 0; background: var(--pe-theme-color); visibility: hidden; transform: scaleY(0); transform-origin: center bottom; transition: all ease 0.4s; }
#main-menu > .bd li a:hover,
#main-menu > .bd li.on a { color: #fff; }
#main-menu > .bd li a:hover::before,
#main-menu > .bd li.on a::before { visibility: visible; transform: scaleY(1); }

/* box-main */
.box-main { padding: 1.875rem 0 .625rem; }
.box-main > .hd { text-align: center; }
.box-main > .hd h3 { font-size: calc(1.25em + 1.25rem); line-height: 1.5; }
.box-main > .hd h3 a { display: block; color: inherit; text-decoration: none; }
.box-main > .bd { padding-top: 3.125rem; }
.box-main > .bd::after,
.box-main > .bd::before { display: table; content: " "; clear: both; }

.box-main > .hd .path { margin: 0; color: #999; font-size: 1.125em; }

/* box */
.box { position: relative; z-index: 1; margin-top: 3.125rem; }
.box:first-of-type { margin-top: 0; }
.box > .hd { display: flex; align-items: center; }
.box > .hd a { display: block; color: inherit; text-decoration: none; }
.box > .hd ul { display: flex; gap: 1.875rem; }
.box > .hd li,
.box > .hd h3 { font-size: calc(1.25em + 1rem); line-height: 1.4em; color: #666; }
.box > .hd li.on,
.box > .hd h3 { font-weight: bold; color: var(--pe-theme-color); }
.box > .hd .more { margin-left: auto; order: 1; font-size: 1em; height: 2em; overflow: hidden; line-height: 2em; color: #666; }
.box > .hd .more::after { display: inline-block; vertical-align: top; margin-left: .4rem; content: '\e68d'; font-family: "iconfont"; color: #ccc; font-size: 1.2em; }
.box > .hd .more,
.box > .hd .more::after { transition: all ease 0.6s; }
.box > .hd .more:hover { transform: translateX(.5rem); color: var(--pe-theme-color); }
.box > .hd .more:hover::after { color: var(--pe-theme-color); }
.box > .bd { padding: 1.875rem 0 0; }

/* box-kyxx */
.box-kyxx { padding: 3.125rem; background: #fff; }
.box-kyxx > .hd h3 { font-size: 1.5em; font-weight: bold; line-height: 1.4em; }
.box-kyxx > .bd { padding-top: 1.25rem; }

/* 科研信息列表 */
.list-kyxx li { width: 100%; border-bottom: 1px solid #eee; padding: 1.25rem 0; font-size: 1.125em; line-height: 1.3em; }
.list-kyxx li > a { display: block; position: relative; padding: 0 1em 0 1.7em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.list-kyxx li > a::before { display: block; content: ''; position: absolute; left: .5em; top: 50%; transform: translateY(-50%) rotate(45deg); width: 7px; height: 7px; border: 2px solid #fff; outline: 1px solid rgba(0, 0, 0, .15); background: rgba(0, 0, 0, .3); }
.list-kyxx li > a,
.list-kyxx li > a::before { transition: all ease 0.5s; }
.list-kyxx li > a:hover { transform: translateX(0.5em); }
.list-kyxx li > a:hover::before { outline-color: rgba(var(--pe-theme-color-rgb), 0.8); background: var(--pe-theme-color); }

/* 专题专栏 */
#swiper-special { position: relative; }
#swiper-special .swiper-slide { position: relative; width: 20%; }
#swiper-special .swiper-slide .pic { position: relative; display: block; height: 0; padding-bottom: 33.33%; overflow: hidden; }
#swiper-special .swiper-slide .pic img { position: absolute; left: 0; top: 0; height: 100%; }
#swiper-special .swiper-slide .tit { display: none; }
#swiper-special .swiper-slide .archivedTip { position: absolute; right: .3125rem; top: .3125rem; background: #999; color: #fff; height: 1.5em; line-height: 1.5em; font-size: .75em; padding: 0 1rem;}
#swiper-special .swiper-prev,
#swiper-special .swiper-next { position: absolute; z-index: 1; top: 50%; width: 2.4em; height: 2.4em; line-height: 2.4em; cursor: pointer; font-size: 0.875em; background: rgb(0, 0, 0, 0.2); color: #fff; text-align: center; border-radius: 50%; transform: translateY(-50%); opacity: 0; transition: all ease 0.5s; }
#swiper-special .swiper-prev { right: calc(100% + .625rem); }
#swiper-special .swiper-next { left: calc(100% + .625rem); }
#swiper-special .swiper-prev:hover,
#swiper-special .swiper-next:hover { background: var(--pe-theme-color); }
#swiper-special:hover .swiper-prev,
#swiper-special:hover .swiper-next { opacity: 1; }

/* goTop */
#goTop { position: fixed; display: none; width: 50px; height: 50px; bottom: 60px; right: 5px; z-index: 99; cursor: pointer; margin: 5px; width: 40px; height: 40px; border-radius: 2px; box-shadow: 0 0 5px #9c9c9c; -webkit-box-shadow: 0 0 5px #9c9c9c; opacity: .9; background: rgba(0, 0, 0, .5); }
#goTop::after { display: block; position: absolute; left: 50%; top: 50%; margin-left: -10px; margin-top: -15px; content: ""; border-width: 10px; border-color: transparent; border-bottom-color: #fff; border-bottom-style: solid; border-style: dashed; display: block; font-size: 0; line-height: 0; width: 0; }

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


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

/* 通用底部按钮 */
.bot { text-align: center; padding: 0 0 1.25rem 0; }
.bot a,
.bot button { cursor: pointer; display: inline-block; height: 2.8em; line-height: 2.8em; padding: 0 1.2em; font-size: 1em; background: #1655 ; border: 0; color: #fff; margin: 0 0.625rem; border-radius: 2px; }
.bot a:hover,
.bot button:hover { text-decoration: none; background: #2f60c2; }

/* 依申请、信访、咨询等通用 查询页样色 */
.queryForm { padding: 3% 0; margin: 1.875rem auto; }
.queryForm td { padding: 8px 0}
.queryForm .tdlab { min-width: 7em; text-align: right; font-size: 1em; line-height: 1.4em; padding: 0.6em 0.5em 0.6em 0; }
.queryForm input[type=text] { width: 100%; height: auto; font-size: 1em; line-height: 1.4em; padding: 0.6em 0.7em; border: 1px solid #ddd; border-radius: 3px; outline: none; }
.queryForm .bot { text-align: left; }
.queryForm .bot a { margin: 0; }
.queryForm .required strong { color: #f00; margin-right: 0.5em; }
.queryForm .errorMessage { color: #f00; }
.queryForm table { width: 100%; border: 0; }

/* 依申请、信访、咨询等通用 查询结果页样色 */
.queryResult { margin: 1.875rem auto; }
.queryResult .tit h3 { text-align: center; font-size: 2.125em; line-height: 2; margin-bottom: 1.875rem; }
.queryResult .tips { text-align: center; font-size: 1.125em; margin-bottom: 3.125rem; border-top: 1px solid #ddd; padding: 3.125rem 0 1.25rem 0; }
.queryResult .number { font-weight: bold; color: #f00}

/* 登录注册 */
.userlogincomment { width: auto !important; max-width: 880px; left: 1.25rem !important; right: 1.25rem; margin: auto !important; }
.userlogincomment .user-mainbox .hd h3,
.userlogincomment .user-mainbox .top h3 { color: var(--pe-theme-color); border-bottom-color: var(--pe-theme-color);}
.userlogincomment .user-mainbox .loginBtn { background: var(--pe-theme-color); }
.userlogincomment .user-mainbox .loginBtn:hover { background: #2f60c2;}
.userlogincomment .loginCookie dd .cookie-time { color: var(--pe-theme-color); }
.userlogincomment .login-tip .registerlink a,
.userlogincomment .login-tip .forget-password a { color: var(--pe-theme-color); }
.userlogincomment .user-mainbox .bd { padding: 2.9375rem 2.1875rem 1.25rem; background-position: 999% 999%; }
.userlogincomment .user-panel { width: 100%; padding: 0; }
.userlogincomment .login-tip { float: left; margin: 5% 0 0; width: 100%; height: auto; padding: 0 0 1.875rem; background-size: contain; background-position: right bottom; }
.userlogincomment .user-panel-login input.form-control { height: auto; width: 100%; box-sizing: border-box; }
.userlogincomment .user-panel-login #Password { width: 100%; }
.userlogincomment .user-mainbox .loginBtn { width: 100%; }
.userlogincomment .login-select { width: auto; margin-top: 1.5625rem; }
.userlogincomment .loginCookie { padding-top: 1.25rem; }

/* 评论列表 */
.commentForm { font-size: 1em; line-height: 1.8; }
.commentForm .commentTitle { font-size: 1.5em !important; line-height: 1.5; }
.commentForm .commenttitle,
.commentForm h3.title { margin-bottom: 0 !important; font-size: 1.1em !important; line-height: 2.5; }
.commentForm .comments ul { padding: 0.625rem 0 0.625rem 2.5rem; }
.commentForm .tips,
.commentForm .comments .commenttime,
.commentForm .comments .operate a,
.commentForm .commentstatus { font-size: 0.9em !important; }

/* 无障碍 */
#free_Web_box { font-size: 16px; line-height: 2; }
#free_Web_box_sub ~ .wrap #header { top: 98px; }

/* layui */
.layui-layer { font-size: 16px; }

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

@media (min-width:576px) {
    .box-main > .hd > .container { padding: 0 calc(var(--bs-gutter-x) * .5); }
}

@media (min-width:768px) {
    html { font-size: 9.6px; }
    body { font-size: 140%; }

    #content { padding-bottom: 13%; background-size: auto, 50% auto; }

    /* 搜索弹出框 */
    .s-form .btn-box input { padding-left: 2em; padding-right: 2em; }

    /* 底部 */
    .footer-logo { max-width: none; }
    .footer-logo img { height: 4.5rem; }
    .footer-contact { flex: 1 0 0%; }
    .footer-qrcode .pic img { width: 6rem; }

    /* 主栏菜单 */
    #main-menu > .bd { font-size: 1.125em; }

    /* 科研信息列表 */
    .list-kyxx li { width: 50%; }

}
@media (min-width:992px) {
    html { font-size: 10.88px; }
    body { font-size: 115%; }
    #content { padding-left: 0; padding-right: 0; }

    /* 顶部 */
    #header { padding: 0.625rem 0; }
    #header .logo a { margin: 1.875rem 0; }
    #header .logo img { height: 4.375rem; }
    .navbar .line { position: absolute; visibility: visible !important; opacity: 1 !important; width: auto; left: calc(var(--bs-gutter-x) * .5); right: calc(var(--bs-gutter-x) * .5); top: 100%; }

    /* 顶部面板 */
    .top-panel { position: relative; width: 100%; margin: 1.5rem 0 .25rem 0; }
    .list-panel > li { position: relative; margin-right: 1rem; z-index: 2; border: 1px solid rgba(var(--color-light-rgb), .2); }
    .list-panel > li .iconfont { display: inline-block; vertical-align: top; font-size: 1.2em; }
    .list-panel > li > a { display: block; line-height: 1.75rem; padding: 0 .625rem; color: rgba(var(--color-light-rgb), .7); font-size: .875em; text-decoration: none; }
    .list-panel > li::before,
    .list-panel > li::after,
    .list-panel > li > a::before,
    .list-panel > li > a::after { position: absolute; content: ''; width: 0; height: 0; border: 2px solid transparent; border-left-color: rgba(var(--color-light-rgb), .2); border-top-color: rgba(var(--color-light-rgb), .2); }
    .list-panel > li::before { left: 0; top: 0; }
    .list-panel > li::after { left: 0; bottom: 0; transform: rotate(-90deg); }
    .list-panel > li > a::before { right: 0; top: 0; transform: rotate(90deg); }
    .list-panel > li > a::after { right: 0; bottom: 0; transform: rotate(180deg); }
    .list-panel > li:hover { border-color: rgba(var(--color-light-rgb), .5); }
    .list-panel > li:hover a { color: rgb(var(--color-light-rgb)); }
    .list-panel > li:hover::before,
    .list-panel > li:hover::after,
    .list-panel > li:hover > a::before,
    .list-panel > li:hover > a::after { border-left-color: rgba(var(--color-light-rgb), .5); border-top-color: rgba(var(--color-light-rgb), .5); }

    .list-panel > li .pic { position: absolute; left: 50%; top: 100%; transform: translateX(-50%); margin-top: 1.2rem; padding: 0.625rem; background: #fff; filter: drop-shadow(0 0 0.7rem rgba(0, 0, 0, 0.2)); transition: all ease 0.4s; visibility: hidden; opacity: 0; }
    .list-panel > li .pic::before { position: absolute; content: ''; width: 0; height: 0; left: 50%; bottom: 100%; margin-left: -0.625rem; border: 0.625rem solid transparent; border-bottom-color: #fff; }
    .list-panel > li .pic img { width: 9.375rem; height: 9.375rem; }
    .list-panel > li:hover .pic { visibility: visible; opacity: 1; }

    .list-panel > li .dropdown-panel { position: absolute; left: 50%; top: 100%; transform: translate(-50%, 0.5rem); padding: 0.5rem; background: rgba(255, 255, 255, .9); filter: drop-shadow(0 0 0.7rem rgba(0, 0, 0, 0.2)); transition: all ease 0.4s; visibility: hidden; opacity: 0; }
    .list-panel > li:hover .dropdown-panel { visibility: visible; opacity: 1; }
    .list-panel > li .dropdown-panel > li > a { display: block; min-width: 4em; padding: 0.5em 1em; line-height: 1.4; font-size: 0.875em; color: #1a1a1a; text-align: center; white-space: nowrap; text-align: center; transition: all ease 0.5s; box-sizing: content-box; }
    .list-panel > li .dropdown-panel > li > a:hover { color: #fff; background: var(--pe-theme-color); text-decoration: none; }

    /* 口号 */
    .navbar .slogan { position: relative; margin: 1.5rem 0 0 0.5rem; padding: 0 1rem .5rem; border: 1px solid rgba(var(--color-light-rgb), .4); border-top: none; }
    .navbar .slogan span { display: block; margin-top: -1.5rem; }
    .navbar .slogan img { width: 4.375rem; height: auto; }
    .navbar .navbar-collapse { margin: 0; }
    .navbar .slogan::before,
    .navbar .slogan::after { position: absolute; display: block; content: ''; top: 0; width: .625rem; height: 1px; background: rgba(var(--color-light-rgb), .4); }
    .navbar .slogan::before { left: 0; }
    .navbar .slogan::after { right: 0; }

    /* 主导航 */
    .nav-main { display: flex; border: none; background: none; margin: 0; max-height: none; padding: 0; overflow: visible; }
    .nav-main .li1 { margin: 0; border-bottom: none; }
    .nav-main .h1 { overflow: hidden; margin: 1rem 0; height: 2.375rem; line-height: 2.375rem; }
    .nav-main .a1 { padding: 0 0.8rem; font-size: 1.125em; line-height: inherit; color: #fff; transition: all ease 0.5s; }
    .nav-main .a1::after { display: block; content: attr(title); font-weight: bold; }

    /* 导航下拉-效果 */
    .nav-main .li1::after { transition: all ease 0.7s; }
    .nav-main .hasUl1 .drop { display: none; }
    .nav-main .li1::after { position: absolute; display: block !important; content: ''; left: 0; right: 0; margin: auto; bottom: 0; width: 2em; height: 3px; background: rgb(var(--color-light-rgb)); border-radius: 500px; transform: scaleX(0); }
    .nav-main .on1 .a1,
    .nav-main .li1:hover .a1 { transform: translateY(-50%); }
    .nav-main .on1::after,
    .nav-main .li1:hover::after { transform: scaleX(1); }

    /* 导航下拉菜单 */
    .nav-main .dropdown1 { position: absolute; padding: 0; left: 50%; top: 100%; transform: translate(-50%, 0.3rem); background: rgba(255, 255, 255, .9); box-shadow: 0 0 1.25rem rgba(0, 0, 0, 0.1); }
    .nav-main .dropdown1 .ul1 { position: relative; z-index: 1; display: block; padding: .625rem 0; }
    .nav-main .dropdown1 .li2 { min-width: auto; }
    .nav-main .dropdown1 .a2 { display: block; min-width: 4em; padding: 0.5rem 1.875rem; line-height: 1.4; font-size: 1em; color: #1a1a1a; text-align: center; white-space: nowrap; text-align: center; transition: all ease 0.5s; box-sizing: content-box; }
    .nav-main .dropdown1 .a2:hover { color: #fff; background: var(--pe-theme-color); text-decoration: none; }

    /* 固定顶部 */
    #header.fixed-top .logo a { margin: 1.2rem 0; }

    /* 搜索弹窗 */
    #modal-search .modal-content { width: 34.375rem; }

    /* 底部 */
    .list-slogan li { width: 40%; flex-grow: 1; }
    .footer-qrcode .pic img { width: 6.5rem; }

    /* 主栏菜单 */
    #main-menu { margin-top: 18.25rem; }

    /* box-main */
    .box-main > .hd > .container { min-height: 4.375rem; }
    .box-main > .hd #main-menu { width: 1%; flex-grow: 1; }

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

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

    /* 科研信息列表 */
    .list-kyxx li { padding: 0.875rem 0; }
}
@media (min-width:1200px) {
    html { font-size: 13px; }
    body { font-size: 100%; }


    /* 顶部 */
    .nav-main .a1 { padding: 0 0.94rem; font-size: 1.25em; }


    /* banner */
    .banner{ position: fixed; left: 0; top: 0; width: 100%; height: 100vh; }
    .banner .swiper-pagination { bottom: 1.9rem; }
    .banner-mask{ height: 100vh; transition: all 0.8s cubic-bezier(.5,0,.2,1) 0s; }
    .banner-mask.open { height: 0; }
}
@media (min-width:1300px) {
    html { font-size: 14px }
    .container { max-width: calc(1200px + var(--bs-gutter-x)); }


}
@media (min-width:1400px) {
    html { font-size: 15px; }
    .container { max-width: calc(1300px + var(--bs-gutter-x)); }
}
@media (min-width:1500px) {
    .container { max-width: calc(1400px + var(--bs-gutter-x)); }

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

    /* 底部 */
    .footer-logo img { height: 5.625rem; }
    .footer-qrcode .pic img { width: 7.5rem; }
}
@media (min-width:1700px) {
    html { font-size: 16px; }
    .container { max-width: calc(1600px + var(--bs-gutter-x)); }
    .nav-modal .container { max-width: calc(1400px + var(--bs-gutter-x)); }

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

    /* 科研信息列表 */
    .list-kyxx li { padding: 1.24rem 0; }
}


/* 动画库 */
@keyframes headerIn {
    0% {
        transform: translateY(-110%);
    }
    100% {
        transform: translateY(0);
    }
}
@keyframes headerFixed {
    0% {
        transform: translateY(-110%);
    }
    100% {
        transform: translateY(0);
    }
}
@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
@keyframes pagination {
    0% {
        transform: scaleX(0);
    }
    100% {
        transform: scaleX(1);
    }
}
@keyframes down{
    0%{
        transform: translate(-50%,0);
        opacity: 0;
    }
    20%{
        transform: translate(-50%,3px);
        opacity: 1;
    }
    80%{
        transform: translate(-50%,10px);
        opacity: 1;
    }
    90%{
        transform: translate(-50%,10px);
        opacity: 0;
    }
    100%{
          transform: translate(-50%,10px);
        opacity: 0;
    }
}
@keyframes toLeft {
    0%{
        transform: translateX(0);
    }
    20%,
    53%,
    80%,
    100% {
        transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
        transform: translateX(-15px);
    }
    43% {
        transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
        transform: translateX(-21px);
    }
    70% {
        transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
        transform: translateX(-19px);
    }
    90% {
        transform: translateX(-17px);
    }
}