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

/* Css 初始化 */
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: #333; }
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: #333; text-decoration: none; }
a:hover {font-weight: bold; color: #2F318B; 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: auto; min-height: 100%; }

/* 框架 */
body { font-size: 170%; }
.wrap{overflow: hidden;}
#content { position: relative; z-index: 1; padding: 0 1.875rem 1.875rem; min-height: 37.5rem; background-color: #fff;}
.container::after, .container::before, #content::after, #content::before { display: table; content: " "; clear: both; }
.container { --bs-gutter-x: 1.875rem; --bs-gutter-y: 1.875rem; }
#content .container { --bs-gutter-x: 0; --bs-gutter-y: 0; }

/* 顶部 */
#header { position: fixed; left: 0; top: 0; width: 100%; z-index: 2; animation: fadeInDown 1s ease 0s 1; background: rgb(16,18,98,0.8);}
#header .logo { flex-grow: 1; }
#header .logo a { display: block; padding: 0.3rem 0; }
#header .logo a.logo-blue{display: none;}
#header .logo img { width: auto; height: 4.375rem; }
.navbar { position: relative; }
.navbar .navbar-collapse { margin: 0 -2%; }

/* 主导航 */
.nav-main { background: rgb(16,18,98,0.2); max-height: 62.5rem; overflow-y: auto; }
.nav-main .li1 { position: relative; border-bottom: 1px solid rgba(255, 255, 255, .15); }
.nav-main .li1:last-of-type { border-bottom: none; }
.nav-main .a1 { display: block; line-height: 3.125rem; padding: 1.25rem 1.875rem; font-size: 1.125em; font-weight: bold; color: #fff; text-decoration: none; white-space: nowrap;}
.nav-main .dropdown1 { display: none; padding: 0 1.875rem 1.25rem; }
.nav-main .dropdown1 .pic { display: none; }
.nav-main .dropdown1 .ul1 { display: flex; flex-wrap: wrap; }
.nav-main .dropdown1 .a2 { display: block; padding: 0.625rem 1.25rem; font-size: 1em; color: rgba(255, 255, 255, 0.8); }
.nav-main .hasUl1 .drop { position: absolute; right: 0; top: 0; width: 5.375rem; height: 5.375rem; }
.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: #fff; }
.nav-main .hasUl1 .drop::before { transform: rotate(90deg); }
.nav-main .hasUl1 .show .drop::before { display: none; }

/* 导航折叠按钮 */
#header .navbar-toggler {margin-left: 1.5rem;border: none;color: #fff;outline: none;width: 4rem;height: 3.75rem;font-size: 3.125rem;box-shadow: none;border-radius: 0.375rem;vertical-align: top;}
#header .navbar-toggler[aria-expanded=true] { background: rgba(0, 0, 0, .2); }

/* 搜索按钮 */
.nav-panel { position: relative; z-index: 1; }
.nav-panel .btn-search {margin-left: 1.5rem;font-size: 1.8rem;width: 3.75rem;height: 3.75rem;line-height: 3.75rem;color: #fff;font-weight: normal;cursor: pointer;background: none;border-radius: 50%;border: 1px solid rgba(255, 255, 255, 0.40);text-align: center;transition: all ease 0.3s;}
.nav-panel .btn-search:hover { transform: scale(1.2); }

/* 搜索弹框 */
#modal-search { background: rgba(0, 0, 0, .4); }
#modal-search .modal-backdrop{ display: none !important; }
#modal-search .modal-dialog{ max-width: none; justify-content: center; }
#modal-search .modal-content{ width: 80%; background: none; box-shadow: none; border: none; border-radius: 0; }
#modal-search .btn-close{ position: absolute; z-index: 1; right: 6.25rem; top: 6.25rem; padding: 1.25rem; color: #fff; font-size: 3.75rem; color: #fff; pointer-events: auto; text-align: center; line-height: 1; opacity: 1; 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; position: relative; margin-right: 0.9375rem; }
.s-form .select-box .s-option { display: block; line-height: 2; font-size: 1em; text-decoration: none; padding: 0.9375rem 1.5625rem; background: #fff; border-radius: 500px; }
.s-form .select-box .s-option::after { display: inline-block; content: ''; vertical-align: middle; margin: 0.25em 0 0 0.5em; width: 0; height: 0; border: 0.5em solid transparent; border-top-color: #999; }
.s-form .select-box .arrow-dn { display: none; }
.s-form .select-box ul { position: absolute; display: flex; flex-wrap: wrap; left: 0; top: 100%; width: 21.875em; background: #fff; padding: 0.9375rem 1.25rem; margin: 0.3125rem 0 0; border-radius: 0.625rem; }
.s-form .select-box li { min-width: 33.3333%; padding: 0 0.625rem; font-size: 0.875em; line-height: 2.5; cursor: pointer; border-radius: 0.3125rem; }
.s-form .select-box li:hover { background: #f5f5f5; color: #2F318B; }

/* 搜索输入框 */
.s-form .input-box{ position: relative; width: 1%; flex-grow: 1; background: #fff; border-radius: 500px; }
.s-form .input-box .iconfont { position: absolute; left: 1em; top: 50%; font-size: 1.25em; color: #999; transform: translateY(-50%); }
.s-form .input-box input{ position: relative; width: 100%; height: auto; vertical-align: top; padding: 0.9375rem 1.5em 0.9375rem 3.2em; line-height: 2; border: 0; outline: none; background: none; font-size: 1em; }
.s-form .input-box .dropdown-word { position: absolute; top: 100%; width: auto; left: 1.875rem; 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: #2F318B; }
.s-form .btn-box { display: none; background: linear-gradient(180deg, #4042b9, #2F318B); border-radius: 0 500px 500px 0; }
.s-form .btn-box input{ height: auto; line-height: 1.7778; padding: 0.9375rem 1.5em; overflow: hidden; border: none; outline: none; color: #fff; background: none; font-size: 1.125em; text-align: center; }
.s-form .btn-box input:focus{ outline: none; box-shadow: none; }
.s-form .link-box{ text-align: right; font-size: 14px; }

/* 顶部面板 */
.top-panel { position: absolute; right: 0; top: 0; padding: .25rem 0 .375rem 1.25rem;}
.top-panel::after{position: absolute; z-index: -1; left: 0; top: 0; content: ""; width: 191%; height: 100%; float: left; overflow: hidden; background-color: #2F318B; border-radius: 0px 0px 0px 30px; }
.list-panel > li { height: 1.875rem; color: rgba(255, 255, 255, 0.8); margin: 0 0.25rem; }
.list-panel >li::after{display: inline-block;vertical-align: middle;margin-left: 0.25rem;content: "";width: 1px;height: 13px;overflow: hidden;background: rgba(255, 255, 255, 0.30);}
.list-panel >li:nth-last-child(1):after{display: none;}
.list-panel > li a { color: inherit; text-decoration: none; }
.list-panel #siteLast dt,
.list-panel > li a { display: inline-block; font-size: 0.875rem; height: 1.875rem; line-height: 1.875rem; padding: 0 0.5rem; border-radius: 4px; }
.list-panel #siteLast:hover dt,
.list-panel > li a:hover { background: rgba(0, 0, 0 , .1); color: #fff; }
.list-panel #siteLast dt::before,
.list-panel > li a::before { display: inline-block; vertical-align: top; font-family: "iconfont"; font-size: 1.125rem; margin-right: 0.375rem; }
.list-panel > li .pic {position: absolute;z-index: 3;left: 50%;top: 140%;transform: translateX(20%);margin-bottom: 0.9375rem;padding:0; border-radius:5px;background: #f0f0f0;transition: all ease 0.8s;visibility: hidden;opacity: 0;}
.list-panel > li .pic::before {position: absolute;content: '';width: 0;height: 0;left: 50%;top: 0;margin-top: -1.2rem;margin-left: -0.625rem;border: 0.625rem solid transparent;border-bottom-color: #f0f0f0;}
.list-panel > li .pic img { width: 9.375rem; height: 9.375rem; }
.list-panel > li:hover .pic { visibility: visible; opacity: 1; }

/* 面板图标 */
.list-panel #siteLast dt::before { content: '\e618'; }
.list-panel .notlogged a::before { content: '\e60a'; }
.list-panel .notlogged a.loginbutton::before { content: '\e61c'; }
.list-panel .loggedin a.myCreation::before { content: '\e64b'; }
.list-panel .loggedin a.userHome::before { content: '\e603'; }
.list-panel .loggedin a.myMsg::before { content: '\e650'; }
.list-panel .loggedin a.signinSum::before { content: '\e6b0'; }
.list-panel > li.letter a::before { content: '\e61f'; }
.list-panel > li.recruitment a::before { content: '\e61d'; }
.list-panel > li.recruit a::before { content: '\e61e'; }
.list-panel > li.free a::before { content: '\e620'; }
    
/* 手机版-顶部面板内容 */
.nav-tool{display: flex; padding: 1.25rem 1.875rem; justify-content: space-between; background: rgb(16,18,98,0.8);}
.nav-tool li{position: relative; line-height: 1.6;}
.nav-tool li a{color: white;}
.nav-tool > li .pic {position: absolute;z-index: 3;right:50%; top: 140%;transform: translateX(45%);margin-bottom: 0.9375rem;padding:0; border-radius:5px;background: #f0f0f0;transition: all ease 0.8s;visibility: hidden;opacity: 0;}
.nav-tool > li .pic::before {position: absolute;content: '';width: 0;height: 0;left: 50%;top: 0;margin-top: -1.2rem;margin-left: -0.625rem;border: 0.625rem solid transparent;border-bottom-color: #f0f0f0;}
.nav-tool > li .pic img { width: 9.375rem; height: 9.375rem; }
.nav-tool > li:hover .pic { visibility: visible; opacity: 1; }

/* 站群导航-公共 */
#siteLast{position: relative; }
#siteLast dt {cursor: pointer; }
#siteLast dd{display:none; width:600px; position:absolute;  background:#fff; text-align:left; color:#333; max-height:500px; overflow:auto; padding:10px}
#siteLast dd h3{ text-align:left; margin:0 10px; position:relative; font-size:14px; font-weight:bold; line-height:34px; display:block; overflow:hidden; }
#siteLast dd h3.h i{display:none; }
#siteLast dd h3 span{float:left; height:34px; line-height:34px; padding:0 15px 0 0; background:#ffffff; position:relative; z-index:2; }
#siteLast dd h3 i{ content:""; display:block; height:1px; line-height:0; font-size:0; background:#eeeeee; top:16px; right:0; width:100%; position:absolute; z-index:1; }
#siteLast dd table{border-collapse: collapse;border-spacing: 0; font-size:12px; width:100%}
#siteLast dd table td{padding-top:10px; padding-bottom:10px; overflow:hidden}
#siteLast dd table .tdlab{width:90px; text-align:right; padding-right:20px; vertical-align:middle; line-height:26px; font-weight:bold; }
#siteLast dd ul{overflow:hidden; }
#siteLast dd ul li{width:18%; margin-left:2%; float:left; height:26px; line-height:26px; overflow:hidden}
#siteLast dd ul li a{color:#333}
#siteLast dd ul li a:hover{color:#c00; }
#siteLast dd table.up{background:#f7f7f7}
#siteLast.on dd{display:block; }

/* 站群导航-个性 */
#siteLast { z-index: 2; padding-bottom: 0.625rem; }
#siteLast dt { position: relative; }
#siteLast:hover dt::after { position: absolute; left: 50%; top: 100%; margin-left: -0.375rem; content: ''; width: 0; height: 0; border: 0.375rem solid transparent; border-top-color: rgba(0, 0, 0 , .1); }
#siteLast:hover dd { display: block; }
#siteLast dd { left: 50%; top: 100%; width: 37.5rem; max-height: 31.25rem; padding: 0.625rem; margin: 0 0 0 -18.75rem; box-shadow: 0 0 1.25rem rgba(0, 0, 0 , .15); }
#siteLast dd h3 span a { font-size: 14px; padding: 0; }
#siteLast dd ul li a { font-size: 12px; padding: 0; }
#siteLast dd h3 span a:hover,
#siteLast dd ul li a:hover { background: none; color:#2F318B; }

/* 顶部登录注册 */
.list-panel .userLogged { margin: 0; height: auto; float: none; }
.list-panel .loggedin,
.list-panel .notlogged { display: flex; }
.list-panel .userLogged .split { width: 0; font-size: 0; margin: 0 0.25rem; }
.list-panel .userLogged .userDropdown .ud-hd { display: flex; align-items: center; width: auto; height: auto; padding-left: 0.5rem; border-radius: 4px; }
.list-panel .userLogged .userDropdown:hover .ud-hd { background: rgba(0, 0, 0 , .1); color: #fff; }
.list-panel .userLogged .userDropdown .avatar { width: 1.5rem; height: 1.5rem; margin-right: 0; }
.list-panel .userLogged .userDropdown .avatar img { vertical-align: top; width: 100%; height: 100%; }
.list-panel .userLogged .userDropdown .nickname { height: 1.875rem; padding-right: 0.5rem; }
.list-panel .userLogged .userDropdown .nickname:hover { background: none; color: #fff; }
.list-panel .userLogged .userDropdown .nickname::after { position: static; margin: 0 0 0 0.375rem; display: inline-block; vertical-align: top; background: none; width: auto; height: auto; font-size: 0.75rem; font-family: "iconfont"; content: "\e648"; color: #fff; }
.list-panel .userLogged .userDropdown .ud-bd { left: 0; top: 100%; }
.list-panel .userLogged .userDropdown .ud-bd li a { height: auto; line-height: inherit; font-size: 14px; padding: 0; background: none; }
.list-panel .userLogged .loggedin .signinSum,
.list-panel .userLogged .loggedin .myMsg { width: auto; height: 1.875rem; background: none; }
.list-panel .userLogged .loggedin .signinSum::before,
.list-panel .userLogged .loggedin .myMsg::before { margin-right: 0; }
.list-panel .userLogged .loggedin .signinSum:hover,
.list-panel .userLogged .loggedin .myMsg:hover { background: rgba(0, 0, 0 , .1); }
.list-panel .userLogged .loggedin .hasMsg { color: #63bf6e; }

/* 友情链接 */
.box-friendly{margin-bottom: .875rem;}
.box-friendly .name{display: none;}
.box-friendly .col-6{margin-top: 0.8rem;}
.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; border: 1px solid rgba(255, 255, 255, 0.15); background: #272984; padding-top: 0; padding-bottom: 0; font-size: 0.875em; color: #fff; 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: #fff; }
.box-friendly .btn-group .btn.show::after { transform: translateY(-50%) rotate(90deg); }
.box-friendly .btn-group .dropdown-menu{ width: 100%; padding: 0; border-radius: 0; --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 0.5rem; font-size: 0.875em;}
.box-friendly .btn-group .dropdown-menu li a:hover{ background: #f6f6f6; text-decoration: none; }

/* 底部 */
#footer { position: relative; z-index: 1; padding: 5.375rem 0 0; background:#fff url(../img/bg-footer.png) no-repeat center top; background-size: cover; color: #fff; text-align: center; }
#footer a { color: inherit; }
.footer-nav { margin-bottom: 0.625rem; }
.footer-nav li { font-size: 1em; line-height: 1.8; }
.footer-nav li.spe { padding: 0 1.5em; }
.footer-bar {display: flex;line-height: 1;padding-bottom: 1rem; flex-direction:column;}
.footer-logo{display: none;}
.footer-middle{flex: 1; }
.copyRight{ line-height: 1.8; font-size: 1em; text-align: left;}
.copyRight,
.copyRight a,
.footer-info .footer-intro{text-align: justify;color: rgba(255, 255, 255, 0.7);}
.footer-info {border-top: 1px solid #282A81;}
.footer-info .footer-info-box{ padding: .625rem 0; display: flex; flex-direction: column; justify-content: space-between; align-items: center; }
.footer-info .footer-intro{flex: 1; text-align: center; margin-bottom: .625rem;}
#footer .pics {display: flex;vertical-align: middle; justify-content: center; align-items: center;flex-wrap: wrap;}
#footer .pics img { height: 3.75em; width: auto; margin: 0 auto; }
.footer-qrcode { vertical-align: middle; }
.footer-qrcode li { position: relative; margin: 0 0.5rem; }
.footer-qrcode li a { text-decoration: none; }
.footer-qrcode .iconfont { display: block; width: 1.5em; height: 1.5em; line-height: 1.5em; font-size: 1.75em; background: rgba(0, 0, 0, 0.2); color: #FFF3B2; border-radius: 50%; transition: all ease 0.5s; }
.footer-qrcode .pic { position: absolute; left: 50%; bottom: 100%; transform: translateX(-50%); margin-bottom: 0.9375rem; padding: 0; border-radius: 0.625rem; background: #fff; transition: all ease 0.8s; visibility: hidden; opacity: 0; }
.footer-qrcode .pic::before { position: absolute; content: ''; width: 0; height: 0; left: 50%; top: 100%; margin-left: -0.625rem; border: 0.625rem solid transparent; border-top-color: #fff; }
.footer-qrcode .pic img { width: 9.375rem; height: 9.375rem; }
.footer-qrcode li:hover .pic { visibility: visible; opacity: 1; }
.footer-qrcode a:hover .iconfont { background: rgba(0, 0, 0, 0.6); color: #fff; text-decoration: none; }

/* banner */
.banner { position: relative; height: auto; overflow: hidden; }
.banner .swiper-slide { overflow: hidden; }
.banner .pic img { width: 100%; height: auto; }
.banner .bg { display: block; width: 100%; height: 100vh; background-repeat: no-repeat; background-position: center center; background-size: cover; }
.banner .bg a { display: block; width: 100%; height: 100%; }
.banner .con { display: none; }
.banner .video{background: #000;}
.banner .video video{width: 100%; height: auto;}
/* .banner .swiper-pagination { bottom: 4%; text-align: center; padding: 0 2.6%; }
.banner .swiper-pagination-bullets .swiper-pagination-bullet { vertical-align: top; width: 1rem; height: 1rem; background: #fff; margin: 0 0.625rem; opacity: 1; }
.banner .swiper-pagination-bullets .swiper-pagination-bullet-active { background: #C70000; } */
.banner .down { position: absolute; left: 50%; transform: translateX(-50%); bottom: 9%; line-height: 1; cursor: pointer; font-size: 2.25rem; color: #fff; z-index: 10; padding: 0.625rem; animation: down 2s linear 0s infinite; }

.banner .swiper-btn-box {position: absolute;z-index: 1;bottom: 6%;display: flex; width: 100%; justify-content: center;align-items: stretch;text-align: center;padding: 0 2.6%;}
.banner .swiper-button-next,
.banner .swiper-button-prev,
.banner .swiper-pagination{
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    bottom: 0;
    margin: 0;
    flex: none;
}
.banner .swiper-pagination{
    padding: 0 1rem;
    width: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.banner .swiper-pagination .swiper-pagination-bullet { vertical-align: top; width: 1.875rem; height: 1.875rem; margin: 0 1rem; opacity: 1; background:  url(/content/main/base/img/ind-banner-icon.png) center center no-repeat;  background-size: contain;}
.banner .swiper-pagination .swiper-pagination-bullet-active { background-image: url(/content/main/base/img/ind-banner-icon-active.png);}
.banner .swiper-button-next,
.banner .swiper-button-prev{
    text-align: center;
    width: 1.5rem;
    height: 1.875rem;
    overflow: hidden;
    background:  url(/content/main/base/img/ind-banner-btn.png) center center no-repeat;
    background-size: contain;
    cursor: pointer;
}
.banner .swiper-button-next::after,
.banner .swiper-button-prev::after{
    display: none;
}
.banner .swiper-button-next{
    transform: rotate(180deg);
}

.banner .txt{
    position: absolute;
    z-index: 1;
    bottom: 36%;
    float: left;
    overflow: hidden;
    left: 1rem;
    bottom: 26%;
}
.banner .txt.active{
    -webkit-transition:all 2s;
    -moz-transition:all 2s;
    -ms-transition:all  2s;
    -o-transition:all 2s;
    transition:all 2s;
}
/*Phone广告文字效果宽高设定*/
.banner-phone .txt-1{
    width: 0;
}
.banner-phone .txt-1.active{
    width: 15rem;
}
.banner-phone .txt-1>img{
    width: 15rem;
    height: auto;
}
/*PC广告文字效果宽高设定*/
.banner-pc .txt-2.active{
    width: 35.1875rem;
}
.banner-pc .txt-2>img{
    width: 35.1875rem;
    height: 16.8125rem;
}

/* 内页Banner */
.page-banner {position: relative; /* height: 32.875rem; background-image: url(/content/main/base/img/page-banner-phone-2.jpg); background-position:center 0; background-repeat: no-repeat;background-size: cover; */ }
.page-banner::after{
    content: "";
    position: absolute;
    z-index: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 19.9375rem;
    float: left;
    overflow: hidden;
    background: linear-gradient(180deg, rgba(47, 49, 139, 0.00) 0%, rgba(47, 49, 139, 0.70) 56.25%, #2F318B 100%);
}
.page-banner img{
    width:100%;
    height: auto;
}
/* 当前位置 */
.path {width: 100%;text-align: left;margin: -20rem 0 0;line-height: 1.5;font-size: 0.875em;color: white;padding: 1.25rem 0;}
.path em { font-style: normal; }
.path a { padding: 0 0.375rem; color: inherit; }
.path a:hover { color: inherit; }

/* 侧栏菜单 */
#side-menu {margin-top: -10.25rem;margin-bottom:0;}
#side-menu > .hd {display: flex;height: 10.25rem;padding: 0;}
#side-menu > .hd h3 { max-height: 2.6em; font-size: 2.25rem; line-height: 1.3; color: #fff; text-align: center; overflow: hidden; }
#side-menu > .bd { background: #fff; }

/* box-main */
.box-main {position: relative; z-index: 2; background: #fff; padding:0; }
.box-main.no-bg { background: none; padding: 0; }
.box-main.no-bg > .hd { border-bottom-color: #d8dde7; }
.box-main > .hd {display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;}
.box-main > .hd h3 {display: none; position: relative; min-width: 0; max-width: 100%; line-height: 2.5; font-size: 1.5em; color: #2F318B; margin: 0; font-weight: bold; }
.box-main > .hd h3 span { display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.box-main > .hd h3::after { position: absolute; left: 0; bottom: -1px; content: ''; width: 100%; height: 3px; border-radius: 500px; background: #2F318B; }
.box-main > .hd h3 a { display: block; color: inherit; text-decoration: none; }
.box-main > .bd { padding: 1.875rem 0; }
.box-main > .bd::after, .box-main > .bd::before { display: table; content: " "; clear: both; }

/* box - 盒子 */
.box{
    padding: 0 1.25rem;
    border: 1px solid #EAEAEA;
    box-shadow: 0px -3px 0px 0px #2F318B;
}
.box > .hd { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; border-bottom: 1px solid #EAEAEA;}
.box > .hd h3 { position: relative; min-width: 0; max-width: 100%; line-height: 2.8em; font-size: 1.25em; font-weight: bold; color: #2F318B; }
.box > .hd h3::before { position: absolute; content: ''; left: 0; bottom: -1px;  width: 100%; height: 2px; margin: auto; background: #2F318B; border-radius: 2px;}
.box > .hd h3 span { display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.box > .hd h3 a { text-decoration: none; color: inherit; }
.box > .hd .more{
    order: 1;
    margin-left: 1.25rem;
    display: inline-block;
    font-size: 0.875em;
    line-height: 2;
    padding: 0 1rem;
    color: #999;
    border-radius: 50px;
    border: 1px solid #E4E4E4;
}
.box > .hd .more:hover{
    text-decoration: none;
    color: #2F318B;
    border-color: #2F318B;
}

.box > .bd { padding: 0.9375rem 0; }

/* box-default - 盒子 - 默认的 */
.box-default > .hd { position: relative; }
.box-default > .hd ul { box-sizing: content-box; overflow-y: hidden; overflow-x: auto; white-space: nowrap; }
.box-default > .hd ul::-webkit-scrollbar { height: 0 !important; width: 0 !important }
.box-default > .hd h3,
.box-default > .hd li { position: relative; display: inline-block; vertical-align: top; line-height: 1.4; font-size: 2em; color: #999; }
.box-default > .hd h3 span,
.box-default > .hd li span { position: relative; display: inline-block; vertical-align: top; height: 100%; }
.box-default > .hd li::before { display: inline-block; vertical-align: top; content: '/'; text-align: center; margin: 0 1.375rem; font-weight: normal; color: #999; }
.box-default > .hd li:first-of-type::before { display: none; }
.box-default > .hd h3,
.box-default > .hd li.on { color: #2F318B; font-weight: bold; }
.box-default > .hd h3 a,
.box-default > .hd li a,
.box-default > .hd li.on a { text-decoration: none; color: inherit; }
.box-default > .hd .more { position: absolute; right: 0; top: 50%; font-size: 1em; color: #999; transform: translateY(-50%); }
.box-default > .bd { padding: 1.5rem 0 0; }


/* 日历式列表 */
.list-info-date { margin: -1.875rem 0 0; }
.list-info-date li { padding: 1.875rem 0 0; }
.list-info-date li a { display: block; display: flex; align-items: center; padding: 0.6875rem; background: #fff; border: 1px dashed #E0E7EC; border-radius: 5px; }
.list-info-date li a:hover { border-color: #2F318B; color: #2F318B; text-decoration: none; }
.list-info-date li .date { margin-right: 0.6875rem; padding: 0.5625rem 1.125em; line-height: 1; background: #7c93c1; color: #fff; text-align: center; border-radius: 5px; }
.list-info-date li .date .dd { display: block; font-size: 1.875em; }
.list-info-date li .date .ym { display: inline-block; width: 90%; margin-top: 0.3em; padding-top: 0.5em; font-size: 1em; border-top: 1px solid #fff; }
.list-info-date li a:hover .date { background: #2F318B; }
.list-info-date li .tit { width: 1%; flex-grow: 1; padding: 0.5625rem; }
.list-info-date li .tit span { display: block; line-height: 1.7; max-height: 3.4em; overflow: hidden; font-size: 1.125em; }


/* 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: #2F318B; 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: #2F318B; border-bottom-color: #2F318B;}
.userlogincomment .user-mainbox .loginBtn { background: #2F318B; }
.userlogincomment .user-mainbox .loginBtn:hover { background: #2f60c2;}
.userlogincomment .loginCookie dd .cookie-time { color: #2F318B; }
.userlogincomment .login-tip .registerlink a,
.userlogincomment .login-tip .forget-password a { color: #2F318B; }
.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 (max-width:992px) {
    /* 侧栏菜单 */
    #side-menu > .hd h3 { font-size: 2.5rem; }
    #side-menu > .bd { padding:1.25rem 0 .625rem; }
    #side-menu .list-menu { overflow: hidden; width: 100%; overflow-x: scroll; white-space: nowrap; }
    #side-menu .list-menu::-webkit-scrollbar { height: 0 !important; width: 0 !important }
    #side-menu .list-menu li { display: inline-block; margin: 0 0.5rem; }
    #side-menu .list-menu::-webkit-scrollbar { display: none; }
    #side-menu .list-menu li a { display: block; background: #e6eff8; color: #0e2b66; border-radius: 4px; padding: 0 1.2em; text-decoration: none; font-size: 1.125em; line-height: 2.3; }
    #side-menu .list-menu li.on a { border-color: #2F318B; background: #2F318B; color: #fff; }

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

    /* 搜索输入框 */
    .s-form .input-box { border-radius: 500px 0 0 500px; }
    .s-form .btn-box { display: block; }

    /* box-main */
    .box-main > .hd h3 { max-width: 40%; }

    /* 登录注册 */
    .userlogincomment .user-mainbox .bd { background-position: 51% center; }
    .userlogincomment .user-panel { width: 40%; padding: 0 5% 0 4%; }
    .userlogincomment .login-tip { margin: 5% 0 0 8%; width: 42%; padding: 0 0 13.75rem 0; }

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

    /* 迷你顶部 */
    #header{background: linear-gradient(180deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);}
    #header .navbar-expand-lg{padding: 0; align-items: flex-start;}
    #header .logo a{padding: 2rem 0 3.375rem;}
    #header,
    #header .logo a,
    #header .logo img,
    #header .nav-main,
    #header .nav-panel,
    #header .top-panel { transition: all ease 0.6s; transform-origin: center top; }


    #header.mini{background:rgba(255, 255, 255, 0.9); border-bottom: 1px solid #e9e9e9;}
    #header.mini .logo a{padding: 2rem 0;}
    #header.mini .nav-main .a1{color: #333;}
    #header.mini .nav-main .h1::before,
    #header.mini .nav-main .h1::after{border-bottom-color: #2F318B;}
    #header.mini .nav-main .hasUl1::after{border-left-color: #2F318B;}
    #header.mini .nav-main .on1 .a1{color: #2F318B;}
    #header.mini .logo a.logo-white{display: none;}
    #header.mini .logo a.logo-blue{display: block;}
    #header.mini .nav-panel .btn-search{color: #2F318B; border-color: #2F318B;}

    /* 主导航 */
    .navbar .navbar-collapse { margin: 0; }
    .nav-main { display: flex; border: none; background: none; margin: 0; max-height: 2.625rem; overflow: visible; }
    .nav-main .li1 { margin: 0 1.375rem; height: 5rem; border-bottom: none; }
    .nav-main .h1 { position: relative; }
    .nav-main .a1 { padding: 0; line-height: 2.625rem; }
    .nav-main .hasUl1 .drop { display: none; }
    .nav-main .dropdown1 {position: absolute;left: -50%;top: 100%;width: 200%;}

    /* 导航下拉效果 */
    .nav-main .hasUl1::after,
    .nav-main .h1::after,
    .nav-main .h1::before { transition: all ease 0.5s; }
    .nav-main .hasUl1::after { position: absolute; display: block; content: ''; left: 50%; bottom: 0; width: 0; height: 2.3rem; border-left: 1px solid #fff; transform-origin: center bottom; transform: scaleY(0); }
    .nav-main .hasUl1:hover::after { transform: scaleY(1); }
    .nav-main .h1::before,
    .nav-main .h1::after { position: absolute; display: block !important; content: ''; top: 100%; width: 50%; height: 0; border-bottom: 2px solid #fff; transform: scaleX(0); }
    .nav-main .h1::before { left: 0; transform-origin: left top; }
    .nav-main .h1::after { right: 0; transform-origin: right top; }
    .nav-main .on1 .h1::after,
    .nav-main .on1 .h1::before { transform: scaleX(1); }

    
    .navbar .navbar-collapse{margin-top: 3.8rem;}
    .nav-panel{margin-top: 4.2rem;}

    /* 导航下拉菜单 */
    .nav-main .dropdown1 {padding: 0;background: #fff;overflow: hidden;box-shadow: 0 0 1.25rem rgba(0, 0, 0 , .15);}
    .nav-main .dropdown1 .ul1 {overflow: hidden;flex-direction: column;align-items: center;align-content: space-around;}
    .nav-main .dropdown1 .ul1 li {width: 100%;text-align: center;}
    .nav-main .dropdown1 .ul1 li a {display: block;padding: 0.5rem 0.5rem;line-height: 1.6;font-size: 1em;color: #333;}
    .nav-main .dropdown1 .ul1 li a:hover {text-decoration: none; color: #fff; background-color:#2F318B;}

    /* 搜索按钮 */
    .nav-panel .btn-search {margin-left: .625rem; font-size: .875rem; width: 1.875rem; height: 1.875rem; line-height: 1.875rem; }

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

    /* 网站底部 */
    .footer-bar {flex-direction: row;justify-content: space-between;align-items: center;}
    .footer-logo{display: block;}
    .footer-middle{padding: 0 2rem; }
    .footer-info .footer-info-box{ flex-direction:row;  }
    .footer-info .footer-intro{text-align: left; margin-bottom: 0;}
    #footer .footer-logo,
    #footer .pics{padding-top: 2.625rem;}
    #footer .pics img{margin-top: 2rem; height: auto;}

    

    /*广告-焦点图*/
    .banner{ position: fixed; left: 0; top: 0; width: 100%; height: 100vh; }
    .banner-mask{ height: 100vh; transition: all .5s cubic-bezier(.5,0,.2,1) 0s; }
    .banner-mask.fixed{ height: 0; }
    .banner .video{
        background: none;
    }
    .banner .video video{
        width: auto;
        height: auto;
    }
    .banner .txt{
        width: 0;
        left: 50%;
        margin-left:-35.1875rem;
    }

    /* 底部友情链接 */
    .box-friendly{
        display: flex;
        justify-content: left;
        align-items: center;
    }
    .box-friendly .name{
        display: inline-flex;
        width: auto;
        font-weight: bold;
        padding-right: 2rem;
    }
    .box-friendly>.row{
        width: 84%;
    }
    .box-friendly .col-6 {
        margin: 0;
        padding: 0 .625rem;
    }
    .box-friendly .col-md-3{
        width: 26%;
    }
    .box-friendly .col-md-3:nth-child(1){
        width: 29%;
    }
    .box-friendly .btn-group .btn,
    .box-friendly .btn-group .dropdown-menu .noData,
    .box-friendly .btn-group .dropdown-menu li a{
        font-size: 1em;
        line-height: 1.3;
    }
    /* 侧栏-菜单 当前位置 */
    #side-menu{
        position: relative;
        z-index: 1;
        padding-bottom: 10px;
    }
    #side-menu::after{
        position: absolute;
        z-index: 1;
        bottom: 10px;
        left: -50%;
        content: "";
        height: 10px;
        width: 200%;
        float: left;
        line-height: 0;
        box-shadow: 0 5px 5px 0px rgba(47, 49, 139, 0.20);
    }
    #side-menu > .hd h3{
        font-weight: bold;
    }
    .path{
        margin-top: -18rem;
    }

    #side-menu .list-menu{
        display: flex;
        flex-wrap: wrap;
    }
    #side-menu .list-menu li a{
        display: block;
        padding: 0 2rem;
        font-size: 1rem;
        height: 3.75rem;
        line-height: 3.75rem;
    }
    #side-menu .list-menu li a:hover{
        text-decoration: none;
    }
    #side-menu .list-menu li.on a{
        background: #2F318B;
        color: white;
    }
    /* 侧栏菜单 */
    /* #side-menu .list-menu{ border-left: 0.375rem solid #2F318B; }
    #side-menu .list-menu li a { position: relative; display: block; padding: 1.625rem 4.0625rem 1.625rem 2.1875rem; text-align: center; font-size: 1.25rem; line-height: 1.75rem; overflow: hidden; border-bottom: 1px solid #EFF2F8; }
    #side-menu .list-menu li a::after{ position: absolute; right: 1.875rem; top: 50%; font-family: "iconfont" !important; content: "\e687"; color: #999; font-weight: normal; font-size: 1rem; transform: translateY(-50%); }
    #side-menu .list-menu li.on a { color: #2F318B; text-decoration: none; }
    #side-menu .list-menu li.on a::after { color: #2F318B; } */

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

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


@media (min-width:1200px) {
    html { font-size: 13.44px; }

}
@media (min-width:1300px) {
    html { font-size: 14.72px }
}
@media (min-width:1401px) {
    html { font-size: 16px; }

}
@media (min-width:1441px) {
    .container { max-width: 1400px; }

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

    /* 底部友情链接 */
    .footer-middle{
        max-width: 856px;
        padding-right: 0;
        flex: auto;
    }
    #footer .pics{
        flex: 1;
        justify-content: left;
    }
    .box-friendly{
        display: flex;
        justify-content: left;
        align-items: center;
    }
    .box-friendly .name{
        display: inline-flex;
        font-weight: bold;
        padding-right: 2rem;
    }
    .box-friendly>.row{
        flex: 1;
    }
    .box-friendly .col-6 {
        margin: 0;
        padding: 0 .625rem;
    }
    .box-friendly .col-md-3{
        width: 25%;
    }
    .box-friendly .col-md-3:nth-child(1){
        width: 25%;
    }
    .box-friendly .btn-group .btn,
    .box-friendly .btn-group .dropdown-menu .noData,
    .box-friendly .btn-group .dropdown-menu li a{
        font-size: 1em;
        line-height: 1.3;
    }
}

@media (min-width:1920px) {
    /*广告-焦点图*/
    .banner .txt{
        margin-left: -43.75rem;
    }
}


@media (min-width:1921px) {
    body{
        background-color: #f0f0f0;
    }
    .wrap{
        margin: 0 auto;
        max-width: 1920px;
    }

    .banner,
    #header{
        max-width: 1920px;
        left: 50%;
        margin-left: -960px;
    }

    #side-menu::after{
        max-width: 1920px;
        left: 50%;
        margin-left: -960px;
    }
}

/* 动画库 */
@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translate3d(0, -100%, 0);
   }
    100% {
        opacity: 1;
        transform: none;
    }
}

@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;
    }
}