@charset "utf-8";
*{margin:0;padding:0;border:0;outline:0;box-sizing:border-box;background-repeat:no-repeat;background-position:center center;font-weight:normal;font-size:14px;font-family:"PingFang SC","Microsoft YaHei","微软雅黑","宋体";}
ul,li{list-style:none;}
a{text-decoration:none;cursor:pointer;}
em,i{font-style:normal;}
img{border:none;display:block;}
.width{width:1180px;margin:0 auto;}
.w1200{width:1200px;margin:0 auto;}
.w1180{width:1180px;margin:0 auto;}
.fl{float:left!important;}
.fr{float:right!important;}
.clearfix{*zoom:1;}
.clearfix:after{display:block;content:" ";height:0;visibility:hidden;clear:both;}

.justify{display:flex;justify-content:space-between;flex-wrap:wrap;}
.imenu .fl li:first-child a.on{background:#f2f2f2!important;color:#0d0d0d!important;font-weight:normal!important;}

/* ========== 公共：楼层标题 ========== */
.title_1{text-align:center;padding:80px 0 48px;}
.title_1 h2{display:block;font-weight:bold;font-size:38px;color:#000000;line-height:46px;}
.title_1 p{font-weight:400;font-size:20px;color:#595959;line-height:28px;margin-top:16px;}

/* 公共：楼层 CTA（蓝底白字 + 白色箭头，宽度随文案自适应）
   蓝湖公式：左右内边距各 24 + 文案 + 4 + 16 箭头 → 6 字 228 / 8 字 164 */
a.btn_j{display:table;height:50px;padding:0 24px;box-sizing:border-box;background:#005EF4;border-radius:4px;text-align:center;font-weight:400;font-size:16px;color:#FFFFFF;line-height:50px;margin:48px auto 0;}
a.btn_j::after{content:"";display:inline-block;width:16px;height:16px;background:url(../../../images/hangye/jiu/yylm/arrow2.webp);background-size:100%;margin-left:4px;vertical-align:-2px;}


/* ========== Banner（蓝湖 box_1：1920×400） ========== */
.banner{height:400px;background:url(../../../images/hangye/jiu/yylm/banner.webp) center top no-repeat;background-size:100% 100%;box-sizing:border-box;padding-top:49px;}
.banner .banner_tag{display:flex;align-items:center;height:24px;margin-left:8px;}
.banner .banner_tag img{display:block;width:12px;height:12px;margin-right:4px;}
.banner .banner_tag span{font-weight:400;font-size:16px;color:#FFFFFF;line-height:24px;}
.banner .banner_title{display:block;font-weight:500;font-size:38px;color:#FFFFFF;line-height:46px;margin-top:16px;}
.banner .banner_desc{width:601px;font-weight:400;font-size:20px;color:rgba(255,255,255,0.65);line-height:28px;margin-top:16px;}
.banner .btn_p{display:block;width:136px;height:48px;background:#FFFFFF;border-radius:4px;text-align:center;font-weight:400;font-size:16px;color:#0E6EFF;line-height:48px;margin-top:40px;}
.banner .btn_p::after{content:"";display:inline-block;width:16px;height:16px;background:url(../../../images/hangye/jiu/yylm/arrow1.webp);background-size:100%;margin-left:8px;vertical-align:-2px;}


/* ========== Floor 1 酒商经营困境（蓝湖 box_4：654 / #F3F5F8） ========== */
.floor_1{height:auto;padding-bottom:80px;overflow:hidden;background:#F3F5F8;}
.floor_1 .fl1_cards{display:flex;justify-content:space-between;flex-wrap:wrap;}
.floor_1 .fl1_cards li{width:280px;height:230px;background:linear-gradient(180deg,#F3F5F8 0%,#FFFFFF 100%);border:2px solid #FFFFFF;border-radius:8px;box-shadow:8px 8px 20px 0 rgba(55,99,170,0.1);box-sizing:border-box;padding:30px 18px 0;}
.floor_1 .fl1_cards li i{display:block;width:68px;height:68px;margin:0 auto;background:url(../../../images/hangye/jiu/yylm/fl1_ico.png) no-repeat;background-size:auto 68px;}
.floor_1 .fl1_cards li:nth-child(2) i{background-position:-68px 0;}
.floor_1 .fl1_cards li:nth-child(3) i{background-position:-136px 0;}
.floor_1 .fl1_cards li:nth-child(4) i{background-position:-204px 0;}
.floor_1 .fl1_cards li h4{font-weight:400;font-size:20px;color:#000000;line-height:28px;margin-top:6px;text-align:center;}
.floor_1 .fl1_cards li:hover h4{color: #0077FF;}
.floor_1 .fl1_cards li p{width: 240px;font-weight:400;font-size:14px;color:#595959;line-height:22px;margin:20px auto 0;}


/* ========== Floor 2 我们能帮您解决的问题（蓝湖 box_9：1375 / #FFFFFF） ========== */
.floor_2{height:auto;padding-bottom:80px;overflow:hidden;background:#FFFFFF;}
.floor_2 .fl2_intro{height:118px;background:linear-gradient(180deg,#F3F5F8 0%,#FFFFFF 100%);border:2px solid #FFFFFF;border-radius:8px;box-shadow:8px 8px 20px 0 rgba(55,99,170,0.1);box-sizing:border-box;padding:16px 21px 0;}
.floor_2 .fl2_intro h3{display:block;font-weight:400;font-size:20px;color:#000000;line-height:30px;}
.floor_2 .fl2_intro p{font-weight:300;font-size:16px;color:#595959;line-height:22px;margin-top:12px;}
.floor_2 .fl2_pic{display:block;width:1181px;height:831px;margin:30px auto 0;}


/* ========== Floor 3 产品核心功能（蓝湖 box_39：1268 / #F3F5F8） ========== */
.floor_3{height:auto;padding-bottom:80px;overflow:hidden;background:#F3F5F8;}
.floor_3 .fl3_cards{display:flex;justify-content:space-between;flex-wrap:wrap;}
.floor_3 .fl3_cards + .fl3_cards{margin-top:20px;}
.floor_3 .fl3_cards li{position:relative;width:280px;height:218px;box-shadow:8px 8px 20px 0 rgba(55,99,170,0.1);border-radius:8px;}
.floor_3 .fl3_cards.wide li{width:380px;height:188px;}
.floor_3 .fl3_cards li .hd{display:flex;align-items:flex-start;box-sizing:border-box;height:112px;padding:24px 0 0 24px;background:#0E6EFF;border-radius:8px 8px 0 0;}
.floor_3 .fl3_cards li .hd i{display:block;flex-shrink:0;width:40px;height:40px;margin-right:8px;border-radius:6px;background-color:rgba(255,255,255,0.72);background-image:url(../../../images/hangye/jiu/yylm/fl3_ico.png);background-repeat:no-repeat;background-position:center center;background-size:auto 40px;}
.floor_3 .fl3_cards li .hd h4{font-weight:500;font-size:20px;color:#FFFFFF;line-height:28px;margin-top:6px;}
/* 图标位移：fl3_ico.png 1120×80 = 14 格 ×80（2x，显示 40px/格）→ 第 N 格 = -(N-1)×40 */
.floor_3 .fl3_cards.row1 li:nth-child(1) .hd i{background-position:0 50%;}
.floor_3 .fl3_cards.row1 li:nth-child(2) .hd i{background-position:-40px 50%;}
.floor_3 .fl3_cards.row1 li:nth-child(3) .hd i{background-position:-80px 50%;}
.floor_3 .fl3_cards.row1 li:nth-child(4) .hd i{background-position:-120px 50%;}
.floor_3 .fl3_cards.row2 li:nth-child(1) .hd i{background-position:-160px 50%;}
.floor_3 .fl3_cards.row2 li:nth-child(2) .hd i{background-position:-200px 50%;}
.floor_3 .fl3_cards.row2 li:nth-child(3) .hd i{background-position:-240px 50%;}
.floor_3 .fl3_cards.row2 li:nth-child(4) .hd i{background-position:-280px 50%;}
.floor_3 .fl3_cards.row3 li:nth-child(1) .hd i{background-position:-320px 50%;}
.floor_3 .fl3_cards.row3 li:nth-child(2) .hd i{background-position:-360px 50%;}
.floor_3 .fl3_cards.row3 li:nth-child(3) .hd i{background-position:-400px 50%;}
.floor_3 .fl3_cards.row4 li:nth-child(1) .hd i{background-position:-440px 50%;}
.floor_3 .fl3_cards.row4 li:nth-child(2) .hd i{background-position:-480px 50%;}
.floor_3 .fl3_cards.row4 li:nth-child(3) .hd i{background-position:-520px 50%;}
/* 编号位移：fl3_n.png 1652×82 = 14 格 ×118（2x，显示 59×41）→ 第 N 格 = -(N-1)×59 */
.floor_3 .fl3_cards li .num{position:absolute;right:11px;top:23px;display:block;width:59px;height:41px;background:url(../../../images/hangye/jiu/yylm/fl3_n.png) no-repeat;background-size:auto 41px;}
.floor_3 .fl3_cards.row1 li:nth-child(1) .num{background-position:0 0;}
.floor_3 .fl3_cards.row1 li:nth-child(2) .num{background-position:-59px 0;}
.floor_3 .fl3_cards.row1 li:nth-child(3) .num{background-position:-118px 0;}
.floor_3 .fl3_cards.row1 li:nth-child(4) .num{background-position:-177px 0;}
.floor_3 .fl3_cards.row2 li:nth-child(1) .num{background-position:-236px 0;}
.floor_3 .fl3_cards.row2 li:nth-child(2) .num{background-position:-295px 0;}
.floor_3 .fl3_cards.row2 li:nth-child(3) .num{background-position:-354px 0;}
.floor_3 .fl3_cards.row2 li:nth-child(4) .num{background-position:-413px 0;}
.floor_3 .fl3_cards.row3 li:nth-child(1) .num{background-position:-472px 0;}
.floor_3 .fl3_cards.row3 li:nth-child(2) .num{background-position:-531px 0;}
.floor_3 .fl3_cards.row3 li:nth-child(3) .num{background-position:-590px 0;}
.floor_3 .fl3_cards.row4 li:nth-child(1) .num{background-position:-649px 0;}
.floor_3 .fl3_cards.row4 li:nth-child(2) .num{background-position:-708px 0;}
.floor_3 .fl3_cards.row4 li:nth-child(3) .num{background-position:-767px 0;}
.floor_3 .fl3_cards li .bd{position:absolute;left:0;top:88px;width:100%;height:130px;box-sizing:border-box;padding:30px 24px 0;background:rgba(255,255,255,0.4);border-radius:8px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);}
.floor_3 .fl3_cards.wide li .bd{height:100px;}
.floor_3 .fl3_cards li .bd p{font-weight:400;font-size:16px;color:#5D5F63;line-height:24px;}


/* ========== Floor 4 做异业联盟可以从哪里开始（蓝湖 box_52：726 / #FFFFFF） ========== */
.floor_4{height:auto;padding-bottom:80px;overflow:hidden;background:#FFFFFF;}
.floor_4 .fl4_cards{display:flex;justify-content:space-between;flex-wrap:wrap;}
.floor_4 .fl4_cards li{display:flex;flex-direction:column;width:220px;height:330px;background:linear-gradient(180deg,#F5F9FF 0%,#FFFFFF 100%);border:2px solid #FFFFFF;border-radius:16px;box-shadow:8px 8px 20px -3px rgba(55,99,170,0.1);box-sizing:border-box;padding:32px 24px 28px;}
.floor_4 .fl4_cards li h4{font-weight:400;font-size:24px;color:#000000;line-height:32px;height: 64px;}
.floor_4 .fl4_cards li p{font-weight:400;font-size:14px;color:#595959;line-height:22px;margin-top:16px;}
.floor_4 .fl4_cards li img{display:block;width:172px;height:108px;margin-top:auto;border-radius:4px;object-fit:cover;}


/* ========== Floor 5 收口 CTA（蓝湖 box_53：306，背景图） ========== */
.floor_5{height:306px;overflow:hidden;background:url(../../../images/hangye/jiu/yylm/fl5_bg.webp) center top no-repeat;background-size:100% 100%;box-sizing:border-box;padding-top:41px;text-align:center;}
.floor_5 h2{display:block;font-weight:bold;font-size:46px;color:#FFFFFF;line-height:46px;}
.floor_5 p{font-weight:400;font-size:24px;color:#FFFFFF;line-height:35px;margin-top:20px;}
.floor_5 a{display:block;width:136px;height:48px;background:#FFFFFF;border-radius:4px;text-align:center;margin:40px auto 0;font-weight:400;font-size:16px;color:#222222;line-height:48px;}
.floor_5 a::after{content:"";display:inline-block;width:16px;height:16px;background:url(../../../images/hangye/jiu/yylm/arrow1.webp);background-size:100%;margin-left:8px;vertical-align:-2px;}
