@charset "UTF-8";
/* ==========================================================================
   廊坊市金融协会 官网 - 公共样式
   主题色：稳重藏青蓝
   ========================================================================== */

:root{
    --c-main:#0B3D7A;        /* 主色 藏青 */
    --c-main-d:#062247;      /* 深色 */
    --c-main-l:#14508F;      /* 浅一档 */
    --c-main-2:#12457F;      /* 渐变末端 */
    --c-accent:#2A7AC8;      /* 强调/悬停 */
    --c-accent-l:#4C9BE8;    /* 亮蓝点缀 */
    --c-light:#EDF3FB;       /* 浅蓝底 */
    --c-light-2:#F5F7FA;     /* 页面底色 */
    --c-line:#E4E9F0;        /* 分隔线 */
    --c-text:#2E3847;        /* 正文 */
    --c-sub:#6B7686;         /* 次要文字 */
    --c-gray:#9AA4B2;        /* 弱化文字 */
    --c-radius:8px;
    --c-shadow:0 6px 18px rgba(11,61,122,.08);
    --c-shadow-hover:0 12px 28px rgba(11,61,122,.15);
    --c-gradient:linear-gradient(100deg,var(--c-main-d) 0%,var(--c-main) 58%,var(--c-main-2) 100%);
}

*{margin:0px; padding:0px; word-wrap:break-word; outline: none; word-break: break-all;}
*{-webkit-tap-highlight-color: transparent; -webkit-font-smoothing: antialiased;}
*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
img,input,select,button,textarea{vertical-align:middle; border:none;}
ul,li{list-style:none;}
body{font-size:16px; color:var(--c-text); line-height: 1.8; background: var(--c-light-2); position: relative;}
body,
button,
select,
textarea,
input{font-family: "Helvetica Neue",Helvetica,Arial,"PingFang SC","Microsoft YaHei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei", sans-serif;}
a,
button,
input{outline:none!important; -moz-outline-style:none;}
a, button, input, option, select, textarea {outline: none; border: 0; -webkit-appearance: none; border-radius: 0; background: none;}
button{cursor: pointer; border: none;}
a {color: var(--c-text); text-decoration: none;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
a:hover{color:var(--c-accent);}
img{border:none;}
.clear{ clear:both; height:0px;  margin:0; padding:0; width:0; border:none; overflow:hidden;}

::-webkit-scrollbar{width:8px;height:8px;background-color:#e8ecf2;}
::-webkit-scrollbar-track{background-color:#e8ecf2;}
::-webkit-scrollbar-thumb{background-color:#b9c4d4;border-radius: 10px;}
::-webkit-scrollbar-thumb:hover{background-color:var(--c-accent);}

.clearfix:after {content:""; height:0; display:block; clear:both; visibility:hidden;}
* html .clearfix {height:1%;}
* +html .clearfix {height:1%;}

@-webkit-keyframes fadeOutUpSmall {
    0% {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}
    100% {opacity: 0;-webkit-transform: translateY(20px);transform: translateY(20px);}
}
@keyframes fadeOutUpSmall {
    0% {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
    100% {opacity: 0;-webkit-transform: translateY(20px);transform: translateY(20px);}
}
.fadeOutUpSmall {-webkit-animation-name: fadeOutUpSmall;animation-name: fadeOutUpSmall;}

@-webkit-keyframes fadeInDownSmall {
    0% {opacity: 0;-webkit-transform: translateY(20px);transform: translateY(20px);}
    100% {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}
}
@keyframes fadeInDownSmall {
    0% {opacity: 0;-webkit-transform: translateY(20px);transform: translateY(20px);}
    100% {opacity: 1;-ms-transform: translateY(0);transform: translateY(0);}
}
.fadeInDownSmall {-webkit-animation-name: fadeInDownSmall;animation-name: fadeInDownSmall;}

.desc,
li .con *,
.content *,
.ms_sub_desc,
.text-justify{text-align: justify;}

.fl { float:left}
.fr { float:right}
.mr0{margin-right: 0!important;}
.transition{-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;}
.qiehuan{position: relative;}
.qiehuan_box{display: none;}
.qiehuan_box.hover{display: block;}

.transition-scale-pic{display: block;overflow: hidden;}
.transition-scale-pic img{-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;}
.transition-scale-pic img:hover{-webkit-transform: scale(1.08);-moz-transform: scale(1.08);-o-transform: scale(1.08);-ms-transform: scale(1.08);transform: scale(1.08);}

.trans3{ -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}
.trans4{ -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s;}
.trans5{ -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;}
.trans6{ -webkit-transition: 0.6s; -moz-transition: 0.6s; -o-transition: 0.6s; transition: 0.6s;}
.transYT { transform: translateY(50px); -webkit-transform: translateY(50px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.transYT2 { transform: translateY(-50px); -webkit-transform: translateY(-50px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.transXT { transform: translateX(50px); -webkit-transform: translateX(50px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.transXT2 { transform: translateX(-50px); -webkit-transform: translateX(-50px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.action.transYT { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
.action.transYT2 { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
.action.transXT { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
.action.transXT2 { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }

/* flex 栅格 */
.acea-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-o-box-lines:multiple;-ms-flex-wrap:wrap;flex-wrap:wrap}
.acea-row.row-middle{-webkit-box-align:center;-o-box-align:center;-ms-flex-align:center;align-items:center}
.acea-row.row-top{-webkit-box-align:start;-o-box-align:start;-ms-flex-align:start;align-items:flex-start}
.acea-row.row-bottom{-webkit-box-align:end;-o-box-align:end;-ms-flex-align:end;align-items:flex-end}
.acea-row.row-center{-webkit-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;justify-content:center}
.acea-row.row-right{-webkit-box-pack:end;-o-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}
.acea-row.row-left{-webkit-box-pack:start;-o-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}
.acea-row.row-between{-webkit-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.acea-row.row-around,
.acea-row.row-column-around{-ms-flex-pack:distribute;justify-content:space-around;-webkit-justify-content:space-around}
.acea-row.row-column-around{-ms-flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}
.acea-row.row-column,
.acea-row.row-column-between{-webkit-box-orient:vertical;-o-box-orient:vertical;-ms-flex-direction:column;flex-direction:column}
.acea-row.row-column-between{-webkit-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.acea-row.row-center-wrapper{-webkit-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;justify-content:center}
.acea-row.row-between-wrapper,
.acea-row.row-center-wrapper{-webkit-box-align:center;-o-box-align:center;-ms-flex-align:center;align-items:center}
.acea-row.row-between-wrapper{-webkit-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.acea-row.row-nowrap{-ms-flex-wrap:nowrap;flex-wrap:nowrap}
.flex-1 {flex: 1 1 0%;}
.row {margin-right: -15px;margin-left: -15px;}

/* 分页 */
.pagelink{padding:40px 0 10px;}
.pagelink ul{text-align: center;font-size: 0;}
.pagelink ul li{display: inline-block;font-size:13px;line-height:32px;border-radius:6px;margin:0 5px;border: 1px solid var(--c-line);background: #fff;position: relative;overflow: hidden;
-webkit-transition:.25s;transition:.25s;}
.pagelink ul li>*{display: block;min-width:32px;padding:0 10px;color:var(--c-sub);}
.pagelink ul li:hover{border-color:var(--c-accent);}
.pagelink ul li:hover>*{color:var(--c-accent);}
.pagelink ul li:first-child>*,
.pagelink ul li:last-child>*{min-width:66px;text-indent: -9999px;}
.pagelink ul li:first-child>*:before,
.pagelink ul li:last-child>*:before{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;text-indent: 0;}
.pagelink ul li:first-child>*:before{content:'上一页';}
.pagelink ul li:last-child>*:before{content:'下一页';}
.pagelink ul li.disabled{color:#c2cad6;border-color: var(--c-line);}
.pagelink ul li.disabled:hover{border-color:var(--c-line);}
.pagelink ul li.disabled>*{color:#c2cad6;}
.pagelink ul li.active{background: var(--c-main);border-color: var(--c-main);}
.pagelink ul li.active>*{color:#fff;}

.line1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.line2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.line3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}

.no_result{padding:60px 0;text-align: center;font-size: 15px;color:var(--c-gray);}

.animated {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.animated-fast {-webkit-animation-duration: .5s;animation-duration: .5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.wow{visibility:hidden;}

.min-w{min-width: 1230px;}
.wrap,
.container{margin:0 auto;width: 1230px;padding-left: 15px;padding-right: 15px;}

/* ==========================================================================
   头部
   ========================================================================== */
/* 顶部 logo 通栏 */
.top_banner{overflow: hidden;position: relative;}
.top_banner .banner_pic.i_banner_pic{
    background: var(--c-gradient);
    padding: 20px 0;
    display: -webkit-box;display:-ms-flexbox;display:flex;
    -webkit-box-align:center;-ms-flex-align:center;align-items:center;
    -webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;
}
.top_banner .banner_pic.i_banner_pic img{max-height: 78px;width: auto;max-width: 100%;}
.top_banner .banner_pic.i_banner_pic a:not(.site_logo){display: block;line-height: 0;font-size: 0;}

/* 站点 logo：徽标 + 文字组合 */
.site_logo{display: -webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;gap:16px;
line-height: 1.2;font-size: 16px;}
.site_logo img{display: block;flex:none;-ms-flex-negative:0;}
.site_logo .logo_mark{height: 68px;width: auto;}
.site_logo .logo_text{display: -webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;line-height: 1.2;min-width: 0;}
.site_logo .logo_text .cn{font-size: 32px;font-weight: 700;color:#fff;letter-spacing: 4px;line-height: 1.2;white-space: nowrap;}
.site_logo .logo_text .en{font-size: 11px;color: rgba(255,255,255,.62);letter-spacing: 2.2px;margin-top: 8px;line-height: 1.2;text-transform: uppercase;white-space: nowrap;}

/* 主导航 */
.header{
    background: var(--c-main);
    position: sticky;top:0;z-index: 10000;
    border-top: 1px solid rgba(255,255,255,.10);
    -webkit-box-shadow: 0 4px 14px rgba(6,34,71,.16);
    box-shadow: 0 4px 14px rgba(6,34,71,.16);
}
.main_nav ul {height: 56px;}
.main_nav li {text-align: center;}
.main_nav >ul > li {position: relative;max-width: 200px;flex: 1 1 0%;}
.main_nav >ul > li > a {
    color: #fff;display: block;font-size: 17px;font-weight: 600;
    padding:0 10px;line-height: 56px;position: relative;
    -webkit-transition: background .25s;transition: background .25s;
}
.main_nav >ul > li > a:hover,
.main_nav >ul > li:hover > a,
.main_nav >ul > li > a.active{color:#fff;background: var(--c-main-l);}
.main_nav >ul > li > a:after {
    content:'';position: absolute;left: 50%;bottom: 0;width: 0;height: 3px;
    background-color: var(--c-accent-l);
    transform: translateX(-50%);-webkit-transform: translateX(-50%);
    transition: all .25s;-webkit-transition: all .25s;
}
.main_nav >ul > li > a:hover:after,
.main_nav >ul > li:hover > a:after,
.main_nav >ul > li > a.active:after{width: 100%;}

/* 下拉子菜单 */
.main_nav .submenu{
    display: none;position: absolute;top: 100%;left: 50%;
    transform: translateX(-50%);-webkit-transform: translateX(-50%);
    z-index: 2000;background: #fff;width: 176px;padding: 8px 0;
    border-radius: 0 0 var(--c-radius) var(--c-radius);
    -webkit-box-shadow: 0 12px 30px rgba(11,61,122,.16);
    box-shadow: 0 12px 30px rgba(11,61,122,.16);
    border-top: 2px solid var(--c-accent);
}
.main_nav .submenu::before {content: "";position:absolute;top:-9px;left:50%;margin-left:-6px;
    width: 12px;height: 12px;background: var(--c-accent);
    -webkit-transform: rotate(45deg);transform: rotate(45deg);
}
.main_nav .submenu li{position: relative;z-index: 10;}
.main_nav .submenu li a{color:var(--c-sub);display: block;line-height: 1.5;padding:11px 18px;font-size: 15px;position: relative;
    -webkit-transition: .2s;transition:.2s;}
.main_nav .submenu li a:before{content:'';position:absolute;left:0;top:50%;margin-top:-9px;width:3px;height:18px;background:var(--c-accent);
    opacity:0;-webkit-transition:.2s;transition:.2s;}
.main_nav .submenu li a:hover,.main_nav .submenu li a.active{color:var(--c-main);background: var(--c-light);}
.main_nav .submenu li a:hover:before{opacity:1;}

/* ==========================================================================
   底部
   ========================================================================== */
.footer{background: var(--c-main-d);color: rgba(255,255,255,.72);position: relative;font-size: 15px;}
.footer a{color: rgba(255,255,255,.72);}
.footer a:hover{color:#fff;}

.f_youlian{line-height: 26px;padding:22px 0;border-bottom: 1px solid rgba(255,255,255,.12);}
.f_youlian .f_tit{color:#fff;font-size: 16px;font-weight: 700;margin-right: 14px;position: relative;padding-left: 12px;}
.f_youlian .f_tit:before{content:'';position:absolute;left:0;top:50%;margin-top:-8px;width:4px;height:16px;background:var(--c-accent-l);border-radius:2px;}
.f_youlian_list{color: rgba(255,255,255,.55);}
.f_youlian_list a{margin-right: 32px;display: inline-block;font-size: 14px;}

.footer_copyright{line-height: 30px;padding-top: 24px;padding-bottom: 34px;font-size: 14px;color: rgba(255,255,255,.55);}
.f_nav span{margin:0 10px;}
.f_nav a{display: inline-block;}
.copyright span{margin-right: 12px;}
.footer_copyright a{color: rgba(255,255,255,.72);}
.footer_copyright a:hover{color:#fff;}

.f_right{width: 118px;}
.f_right img{width: 100%;height: auto;border-radius: 6px;background:#fff;padding:5px;}