@charset "UTF-8";
/* ==========================================================================
   廊坊市金融协会 官网 - 首页样式
   ========================================================================== */

.index_body{background: var(--c-light-2);}

.i_block{margin-top: 46px;}
.wrap > .i_block:first-child{margin-top: 30px;}
.wrap > .i_block:last-child{margin-bottom: 60px;}

/* 通用板块标题 */
.i_tit{
    position: relative;
    font-size: 26px;font-weight: 700;color: var(--c-main);
    line-height: 1.35;
    padding: 0 0 16px 18px;
    margin-bottom: 26px;
    border-bottom: 1px solid var(--c-line);
}
.i_tit:before{
    content:'';position:absolute;left:0;top:4px;width:6px;height:26px;border-radius:3px;
    background: linear-gradient(180deg,var(--c-main) 0%,var(--c-accent) 100%);
}
.i_tit:after{content:'';position:absolute;left:0;bottom:-1px;width:80px;height:2px;background:var(--c-main);}
.i_tit .i_tit_en{font-size:13px;font-weight:400;color:var(--c-gray);text-transform:uppercase;letter-spacing:1px;margin-left:12px;}

/* ==========================================================================
   Hero：焦点图 + 资讯切换 + 侧栏小图
   ========================================================================== */
.i_news_box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;justify-content:space-between;-webkit-box-align:stretch;align-items:stretch;}
.i_news_box.acea-row{-ms-flex-wrap:nowrap;flex-wrap:nowrap;}
.i_news_left{width: 38%;flex:0 0 38%;-ms-flex:0 0 38%;position: relative;min-height: 404px;}
.i_news_right{width: 62%;flex:1 1 0%;-ms-flex:1 1 0%;min-width: 0;display:-webkit-box;display:-ms-flexbox;display:flex;padding-left: 20px;}
.i_news_right.acea-row{-ms-flex-wrap:nowrap;flex-wrap:nowrap;}

/* 大图轮播 */
.i_news_swiper{position: absolute;left:0;top:0;width: 100%;height: 100%;border-radius: var(--c-radius);overflow: hidden;-webkit-box-shadow: var(--c-shadow);box-shadow: var(--c-shadow);}
.i_news_swiper li a{display: block;border-radius: var(--c-radius);overflow: hidden;color:#fff;height: 100%;position: relative;}
.i_news_swiper li .pic_box{width: 100%;height: 100%;overflow: hidden;}
.i_news_swiper li .pic_box img{width: 100%;height: 100%;object-fit: cover;
-webkit-transition:.6s;transition:.6s;}
.i_news_swiper li a:hover .pic_box img{-webkit-transform:scale(1.05);transform:scale(1.05);}
.i_news_swiper li .info{
    border-radius: 0 0 var(--c-radius) var(--c-radius);
    position: absolute;bottom: 0;left: 0;width: 100%;
    padding: 46px 24px 18px;z-index: 10;
    background: -webkit-linear-gradient(top,rgba(6,34,71,0) 0%,rgba(6,34,71,.82) 100%);
    background: linear-gradient(180deg,rgba(6,34,71,0) 0%,rgba(6,34,71,.82) 100%);
}
.i_news_swiper li .info .title{line-height: 1.5;font-size: 19px;font-weight: 600;}
.i_news_swiper li .info .sub{font-size: 12px;color: rgba(255,255,255,.72);letter-spacing: 1.6px;margin-top: 6px;text-transform: uppercase;}

.i_news_swiper .prev,
.i_news_swiper .next{position: absolute;display: block;width: 44px;height: 44px;border-radius: 50%;top:50%;margin-top: -22px;overflow: hidden;
transition: .25s;-webkit-transition: .25s;z-index: 500;text-indent: -999px;background: rgba(6,34,71,.35);}
.i_news_swiper .prev{left: 18px;}
.i_news_swiper .next{right: 18px;}
.i_news_swiper .prev:before,
.i_news_swiper .next:before{content:'';position:absolute;top:50%;left:50%;width:11px;height:11px;border-top:2px solid #fff;border-right:2px solid #fff;}
.i_news_swiper .prev:before{-webkit-transform:translate(-30%,-50%) rotate(-135deg);transform:translate(-30%,-50%) rotate(-135deg);}
.i_news_swiper .next:before{-webkit-transform:translate(-70%,-50%) rotate(45deg);transform:translate(-70%,-50%) rotate(45deg);}
.i_news_swiper .prev:hover,
.i_news_swiper .next:hover{background: var(--c-main);}
.i_news_swiper .prev.swiper-button-disabled,
.i_news_swiper .next.swiper-button-disabled{opacity: 0.35;cursor:no-drop;}

/* 资讯切换 */
.qiehuan{position: relative;}
.qiehuan.flex-1{flex: 1 1 0%;min-width: 0;}
.i_news_tit{border-bottom: 2px solid var(--c-line);-ms-flex-wrap:nowrap;flex-wrap: nowrap;}
.i_news_tit .line{background: var(--c-line);width: 1px;border-radius: 1px;height: 18px;margin:0 12px;margin-bottom: 14px;flex:none;-ms-flex:none;}
.i_news_tit .tit{position: relative;line-height: 30px;font-size: 16px;padding-bottom: 12px;color:var(--c-gray);cursor: pointer;font-weight: 700;
white-space: nowrap;-webkit-transition:.25s;transition:.25s;}
.i_news_tit .tit:hover{color: var(--c-text);}
.i_news_tit .tit.hover{color: var(--c-main);}
.i_news_tit .tit.hover:after{content:'';display: block;position: absolute;bottom:-2px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);
width: 100%;height: 3px;border-radius: 3px;background: var(--c-main);}

/* 资讯列表 */
.i_news_list{margin-top: 6px;}
.i_news_list li{font-size: 15px;line-height: 1.5;border-bottom: 1px dashed var(--c-line);}
.i_news_list li:last-child{border-bottom: none;}
.i_news_list li a{display: -webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;align-items:center;position: relative;padding:11px 0 11px 16px;}
.i_news_list li a::before{content:'';display: block;width:6px;height:6px;border-radius:50%;background: var(--c-accent);position: absolute;left: 0;top: 50%;margin-top: -3px;
opacity:.5;-webkit-transition:.25s;transition:.25s;}
.i_news_list li a:hover::before{opacity:1;}
.i_news_list li .title{-webkit-box-ordinal-group:2;order:1;flex:1 1 0%;margin-right: 16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
color: var(--c-text);-webkit-transition:.25s;transition:.25s;}
.i_news_list li a:hover .title{color: var(--c-main);}
.i_news_list li .date{-webkit-box-ordinal-group:3;order:2;flex:none;color:var(--c-gray);font-size:14px;}

/* 侧栏小图 */
.i_news_right_banner{width: 236px;flex:none;margin-left: 24px;}
.i_news_right_banner .pic_box{margin-bottom: 18px;border-radius: var(--c-radius);overflow:hidden;-webkit-box-shadow: var(--c-shadow);box-shadow: var(--c-shadow);}
.i_news_right_banner .pic_box:last-child{margin-bottom: 0;}
.i_news_right_banner .pic_box img{width: 100%;display:block;-webkit-transition:.5s;transition:.5s;}
.i_news_right_banner .pic_box a{display:block;line-height:0;}
.i_news_right_banner .pic_box:hover img{-webkit-transform:scale(1.04);transform:scale(1.04);}
.i_news_right_banner .i_banner_pic{display:block;overflow:hidden;}

/* ==========================================================================
   通栏广告图
   ========================================================================== */
.i_banner_pic{width: 100%;height: 100%;}
.i_banner_pic img{width: 100%;height: 100%;object-fit: cover;}
.i_banner_pic > img{display:block;width:100%;border-radius: var(--c-radius);}

/* ==========================================================================
   协会概况 快捷入口
   ========================================================================== */
.i_quicknav{background: #fff;border-radius: var(--c-radius);-webkit-box-shadow: var(--c-shadow);box-shadow: var(--c-shadow);
display:-webkit-box;display:-ms-flexbox;display:flex;padding: 8px 0;overflow:hidden;}
.i_quicknav li{flex:1 1 0%;position: relative;}
.i_quicknav li:before{content:'';position:absolute;left:0;top:50%;margin-top:-30px;width:1px;height:60px;background:var(--c-line);}
.i_quicknav li:first-child:before{display:none;}
.i_quicknav li a{display: block;text-align: center;padding: 26px 10px;}
.i_quicknav .ico{width:54px;height:54px;margin:0 auto 12px;border-radius:50%;background: var(--c-light);color: var(--c-main);
display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;
-webkit-transition:.3s;transition:.3s;}
.i_quicknav .ico svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}
.i_quicknav .tit{font-size: 16px;font-weight: 600;color: var(--c-text);-webkit-transition:.25s;transition:.25s;}
.i_quicknav li a:hover .ico{background: var(--c-main);color:#fff;-webkit-transform:translateY(-4px);transform:translateY(-4px);}
.i_quicknav li a:hover .tit{color: var(--c-main);}

/* ==========================================================================
   服务/成果 卡片
   ========================================================================== */
.i_service_box{padding-top: 4px;}
.i_service_box ul{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 -12px;}
.i_service_box li{width: 25%;padding:0 12px;}
.i_service_box .item{display: block;background:#fff;border-radius: var(--c-radius);overflow:hidden;
-webkit-box-shadow: var(--c-shadow);box-shadow: var(--c-shadow);
-webkit-transition:.3s;transition:.3s;}
.i_service_box .item .pic_box{width: 100%;position: relative;height: 0;padding-bottom: 62%;overflow:hidden;}
.i_service_box .item .pic_box .pic{position:absolute;top:0;left:0;width:100%;height:100%;}
.i_service_box .item .pic_box img{width: 100%;height: 100%;object-fit: cover;-webkit-transition:.5s;transition:.5s;}
.i_service_box .item .info{padding: 18px 20px 20px;}
.i_service_box .item .title{font-size: 17px;font-weight: 600;color: var(--c-text);line-height: 1.5;-webkit-transition:.25s;transition:.25s;}
.i_service_box .item .desc{font-size: 14px;color: var(--c-gray);line-height: 1.7;margin-top: 8px;height: 3.4em;overflow:hidden;}
.i_service_box .item .more{margin-top: 14px;font-size: 14px;color: var(--c-sub);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;align-items:center;}
.i_service_box .item .more i{width:16px;height:8px;margin-left:8px;position:relative;}
.i_service_box .item .more i:before{content:'';position:absolute;left:0;top:50%;margin-top:-1px;width:16px;height:2px;background:var(--c-accent);}
.i_service_box .item .more i:after{content:'';position:absolute;right:0;top:50%;margin-top:-4px;width:6px;height:6px;border-top:2px solid var(--c-accent);border-right:2px solid var(--c-accent);-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.i_service_box .item:hover{-webkit-transform:translateY(-6px);transform:translateY(-6px);-webkit-box-shadow: var(--c-shadow-hover);box-shadow: var(--c-shadow-hover);}
.i_service_box .item:hover .pic_box img{-webkit-transform:scale(1.06);transform:scale(1.06);}
.i_service_box .item:hover .title{color: var(--c-main);}

/* ==========================================================================
   双图横幅
   ========================================================================== */
.i_banner_col2{margin-left: -12px;margin-right: -12px;}
.i_banner_col2 .pic_box{width: 50%;padding:0 12px;}
.i_banner_col2 .pic_box a{display:block;border-radius: var(--c-radius);overflow:hidden;-webkit-box-shadow: var(--c-shadow);box-shadow: var(--c-shadow);line-height:0;}
.i_banner_col2 .pic_box img{width:100%;display:block;-webkit-transition:.5s;transition:.5s;}
.i_banner_col2 .pic_box:hover img{-webkit-transform:scale(1.04);transform:scale(1.04);}

/* ==========================================================================
   Hero 侧栏（投诉与监督 / 联系方式）
   ========================================================================== */
.i_news_side{width: 224px;flex:0 0 224px;-ms-flex:0 0 224px;margin-left: 20px;display:-webkit-box;display:-ms-flexbox;display:flex;
-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}
.side_card{background:#fff;border-radius: var(--c-radius);-webkit-box-shadow: var(--c-shadow);box-shadow: var(--c-shadow);
padding: 22px 20px;}
.side_card + .side_card{margin-top: 18px;}

/* 主卡片：藏青渐变 */
.side_card_main{flex:1 1 auto;position: relative;overflow: hidden;color:#fff;
background: -webkit-linear-gradient(200deg,var(--c-main) 0%,var(--c-main-d) 100%);
background: linear-gradient(200deg,var(--c-main) 0%,var(--c-main-d) 100%);
display:-webkit-box;display:-ms-flexbox;display:flex;
-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}
.side_card_main:before{content:'';position:absolute;right:-46px;top:-46px;width: 140px;height: 140px;border-radius: 50%;
background: rgba(255,255,255,.07);}
.side_card_main:after{content:'';position:absolute;right:-10px;bottom:-64px;width: 120px;height: 120px;border-radius: 50%;
background: rgba(255,255,255,.05);}

.side_ico{width: 52px;height: 52px;border-radius: 14px;margin-bottom: 16px;position: relative;z-index: 2;
background: rgba(255,255,255,.14);
display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;}
.side_ico svg{width: 26px;height: 26px;fill:none;stroke:#fff;stroke-width: 1.7;stroke-linecap:round;stroke-linejoin:round;}

.side_tit{font-size: 18px;font-weight: 700;letter-spacing: 1px;position: relative;z-index: 2;}
.side_desc{position: relative;z-index: 2;flex:1 1 auto;margin-top: 12px;
font-size: 13px;line-height: 1.85;color: rgba(255,255,255,.72);}

.side_btn{position: relative;z-index: 2;-ms-flex-item-align:start;align-self: flex-start;
margin-top: 20px;height: 40px;padding: 0 20px;border-radius: 20px;font-size: 14px;font-weight: 600;
background:#fff;color: var(--c-main);
display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;align-items:center;
-webkit-transition:.25s;transition:.25s;}
.side_btn:hover{background: var(--c-accent);color:#fff;}

/* 次卡片：联系方式 */
.side_tit2{position: relative;font-size: 16px;font-weight: 700;color: var(--c-main);padding-bottom: 12px;
border-bottom: 1px solid var(--c-line);}
.side_tit2:after{content:'';position:absolute;left:0;bottom:-1px;width: 34px;height: 2px;background: var(--c-accent);}
.side_line{margin-top: 12px;font-size: 13px;line-height: 1.7;color: var(--c-sub);word-break: break-all;
display:-webkit-box;display:-ms-flexbox;display:flex;}
.side_line span{flex:none;margin-right: 10px;color: var(--c-gray);letter-spacing: 1px;}

.side_btn2{-ms-flex-item-align:start;align-self: flex-start;margin-top: 16px;height: 38px;padding: 0 20px;border-radius: 19px;
font-size: 14px;border:1px solid var(--c-line);color: var(--c-sub);
display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;align-items:center;
-webkit-transition:.25s;transition:.25s;}
.side_btn2:hover{background: var(--c-main);border-color: var(--c-main);color:#fff;}

/* 按钮箭头 */
.side_btn i,
.side_btn2 i{display:block;width: 7px;height: 7px;margin-left: 9px;
border-top:2px solid currentColor;border-right:2px solid currentColor;
-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:.25s;transition:.25s;}
.side_btn:hover i,
.side_btn2:hover i{-webkit-transform:translateX(3px) rotate(45deg);transform:translateX(3px) rotate(45deg);}

/* 空数据占位 */
.i_empty{padding:40px 0;text-align:center;color:var(--c-gray);font-size:15px;background:#fff;border-radius:var(--c-radius);}

@media screen and (max-width:1400px) {
    .i_news_left{min-height: 350px;}
    .i_news_left{flex:0 0 36%;-ms-flex:0 0 36%;width: 36%;}
    .i_news_side{width: 208px;flex:0 0 208px;-ms-flex:0 0 208px;}
}
/* @media screen and (max-width:1200px) {
    .i_news_box{display:block;}
    .i_news_left{width:100%;flex:0 0 auto;-ms-flex:0 0 auto;height: 330px;min-height:0;}
    .i_news_right{width:100%;flex:0 0 auto;-ms-flex:0 0 auto;min-width:0;padding-left: 0;margin-top: 24px;}
    .i_news_right.acea-row{-ms-flex-wrap:wrap;flex-wrap:wrap;}
    .i_news_side{width: 100%;flex:0 0 auto;-ms-flex:0 0 auto;margin-left: 0;margin-top: 22px;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;}
    .side_card{flex:1 1 0%;}
    .side_card + .side_card{margin-top: 0;margin-left: 18px;}
} */