<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>甲冉生官网-灰指甲加盟|修脚加盟|皮肤病加盟|手足病连锁店|奉天(河南)健康管理集团有限公司</title>
    <meta name="keywords" content="甲冉生官网-灰指甲加盟|修脚加盟|皮肤病加盟|手足病连锁店|奉天(河南)健康管理集团有限公司" />
    <meta name="description" content="甲冉生-中国手足护理品牌.奉天(河南)健康管理集团有限公司是中国修脚足疗培训机构,灰指甲加盟,皮肤病加盟,灰指甲代理,修脚店加盟连锁机构是您创业首选的加盟好项目！" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link rel="icon" href="/favicon.ico" />
<link rel="stylesheet" href="/static/jiaransheng/static/bulma.min.css">
<link rel="stylesheet" href="/static/jiaransheng/static/modal-fx.min.css">
<link rel="stylesheet" href="/static/jiaransheng/static/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="/static/jiaransheng/static/swiper.min.css">
<link rel="stylesheet" type="text/css" href="/static/jiaransheng/static/animate.min.css">
<link rel="stylesheet" type="text/css" href="/static/jiaransheng/static/customer.css">
<link rel="stylesheet" href="/static/jiaransheng/static/style.css">
<link rel="stylesheet" href="/static/jiaransheng/static/navigation.min.css">
    <link rel="shortcut icon" href="/static/upload/2025/07/02/202507028324.png" type="image/x-icon">
</head>

<body x-data="{}">
    <!-- 公用头部 -->
    <div>
    <script src="/static/jiaransheng/static/swiper.min.js"></script>
    <script src="/static/jiaransheng/static/wow.js"></script>
    <script>
        // 移动端去除动画
        if (window.innerWidth > 768) {
            new WOW().init();
        }
    </script>
    <script src="/static/jiaransheng/static/jquery-1.11.3.min.js"></script>
    <script src="/static/jiaransheng/static/anime.min.js"></script>
    <script src="/static/jiaransheng/static/modal-fx.min.js"></script>
    <script src="/static/jiaransheng/static/holder.js"></script>
    <script src="/static/jiaransheng/static/jquery.waypoints.min.js"></script>
    <script src="/static/jiaransheng/static/sticky.min.js"></script>
    <style>
        @media (max-width: 768px) {
            #header_2_4 .navigation-item.is-active .navigation-submenu  {
                max-height:2500px;border-bottom:solid 1px #e9ecef;transition:max-height 5s ease-out
            }
        }

    </style>
    <div>

        <div class="sticky-wrapper">
            <header id="header_2_4" class="stuck">
                <div class="container">

                    <div component="menus_2_4.js">

                        <nav class="navigation navigation-justified sticky-top navigation-landscape">
                            <div class="navigation-header">
                                <div class="navigation-logo">
                                    <a href="/"><img src="/static/upload/2025/07/02/202507028324.png" loading="lazy"
                                            alt="甲冉生官网-灰指甲加盟|修脚加盟|皮肤病加盟|手足病连锁店|奉天(河南)健康管理集团有限公司"></a>
                                </div>
                                <div class="navigation-button-toggler">
                                    <i class="hamburger-icon"></i>
                                </div>
                            </div>
                            <div class="navigation-body scroll-momentum">
                                <div class="navigation-body-header">
                                    <div class="navigation-logo">
                                        <a href="/"><img src="/static/upload/2025/07/02/202507028324.png" loading="lazy"
                                                alt="甲冉生官网-灰指甲加盟|修脚加盟|皮肤病加盟|手足病连锁店|奉天(河南)健康管理集团有限公司"></a>
                                    </div>
                                    <span class="navigation-body-close-button">✕</span>
                                </div>
                                <ul class="navigation-menu">

                                    <li class="navigation-item" menu_index="0">
                                        <a class="navigation-link" href="/">网站首页</a>
                                    </li>

                                                                                                                                                <li class="navigation-item has-submenu" menu_index="1">
                                        <a class="navigation-link" href="http://new.jiaransheng.com/qyjj.html">走进奉天</a>
                                        <ul class="navigation-dropdown navigation-submenu" style="right: auto;">
                                                                                        <li class="navigation-dropdown-item ">
                                                <a class="navigation-dropdown-link"
                                                    href="http://admin.jiaransheng.com/zcjy.html"><span>总裁寄语</span></a>
                                            </li>
                                                                                        <li class="navigation-dropdown-item ">
                                                <a class="navigation-dropdown-link"
                                                    href="http://admin.jiaransheng.com/qyjj.html"><span>企业简介</span></a>
                                            </li>
                                                                                        <li class="navigation-dropdown-item ">
                                                <a class="navigation-dropdown-link"
                                                    href="http://admin.jiaransheng.com/zzry.html"><span>资质荣誉</span></a>
                                            </li>
                                                                                        <li class="navigation-dropdown-item ">
                                                <a class="navigation-dropdown-link"
                                                    href="http://admin.jiaransheng.com/zpjj.html"><span>照片集锦</span></a>
                                            </li>
                                                                                        <li class="navigation-dropdown-item ">
                                                <a class="navigation-dropdown-link"
                                                    href="http://admin.jiaransheng.com/yssb.html"><span>央视上播</span></a>
                                            </li>
                                            
                                        </ul>
                                    </li>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                <li class="navigation-item has-submenu" menu_index="6">
                                        <a class="navigation-link" href="http://admin.jiaransheng.com/cpzx.html">产品中心</a>
                                        <ul class="navigation-dropdown navigation-submenu" style="right: auto;">
                                                                                        <li class="navigation-dropdown-item ">
                                                <a class="navigation-dropdown-link"
                                                    href="http://admin.jiaransheng.com/classic.html"><span>灰指甲手足癣经典系列</span></a>
                                            </li>
                                                                                        <li class="navigation-dropdown-item ">
                                                <a class="navigation-dropdown-link"
                                                    href="http://admin.jiaransheng.com/new.html"><span>新品上市</span></a>
                                            </li>
                                                                                        <li class="navigation-dropdown-item ">
                                                <a class="navigation-dropdown-link"
                                                    href="http://admin.jiaransheng.com/pifu.html"><span>皮肤系列</span></a>
                                            </li>
                                                                                        <li class="navigation-dropdown-item ">
                                                <a class="navigation-dropdown-link"
                                                    href="http://admin.jiaransheng.com/simi.html"><span>私密系列</span></a>
                                            </li>
                                                                                        <li class="navigation-dropdown-item ">
                                                <a class="navigation-dropdown-link"
                                                    href="http://admin.jiaransheng.com/wazi.html"><span>袜子鞋垫</span></a>
                                            </li>
                                                                                        <li class="navigation-dropdown-item ">
                                                <a class="navigation-dropdown-link"
                                                    href="http://admin.jiaransheng.com/haocai.html"><span>店面耗材</span></a>
                                            </li>
                                            
                                        </ul>
                                    </li>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        <li class="navigation-item has-submenu" menu_index="13">
                                        <a class="navigation-link" href="http://new.jiaransheng.com/jiameng.html">招商加盟</a>
                                        <ul class="navigation-dropdown navigation-submenu" style="right: auto;">
                                                                                        <li class="navigation-dropdown-item ">
                                                <a class="navigation-dropdown-link"
                                                    href="http://admin.jiaransheng.com/yingli.html"><span>盈利分析</span></a>
                                            </li>
                                                                                        <li class="navigation-dropdown-item ">
                                                <a class="navigation-dropdown-link"
                                                    href="http://admin.jiaransheng.com/pinpai.html"><span>品牌支持</span></a>
                                            </li>
                                                                                        <li class="navigation-dropdown-item ">
                                                <a class="navigation-dropdown-link"
                                                    href="http://admin.jiaransheng.com/jiameng.html"><span>加盟流程</span></a>
                                            </li>
                                                                                        <li class="navigation-dropdown-item ">
                                                <a class="navigation-dropdown-link"
                                                    href="http://admin.jiaransheng.com/dianmian.html"><span>店面展示</span></a>
                                            </li>
                                                                                        <li class="navigation-dropdown-item ">
                                                <a class="navigation-dropdown-link"
                                                    href="http://admin.jiaransheng.com/qianjing.html"><span>行业前景</span></a>
                                            </li>
                                            
                                        </ul>
                                    </li>
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                <li class="navigation-item has-submenu" menu_index="19">
                                        <a class="navigation-link" href="http://admin.jiaransheng.com/news.html">奉天新闻</a>
                                        <ul class="navigation-dropdown navigation-submenu" style="right: auto;">
                                                                                        <li class="navigation-dropdown-item ">
                                                <a class="navigation-dropdown-link"
                                                    href="http://admin.jiaransheng.com/ftxw.html"><span>奉天新闻</span></a>
                                            </li>
                                                                                        <li class="navigation-dropdown-item ">
                                                <a class="navigation-dropdown-link"
                                                    href="http://admin.jiaransheng.com/jkzs.html"><span>健康知识</span></a>
                                            </li>
                                                                                        <li class="navigation-dropdown-item ">
                                                <a class="navigation-dropdown-link"
                                                    href="http://admin.jiaransheng.com/xydt.html"><span>行业动态</span></a>
                                            </li>
                                            
                                        </ul>
                                    </li>
                                                                                                                                                                                                                                                                                                                                                                                                                                                <li class="navigation-item has-submenu" menu_index="20">
                                        <a class="navigation-link" href="http://admin.jiaransheng.com/lxwm.html">联系我们</a>
                                        <ul class="navigation-dropdown navigation-submenu" style="right: auto;">
                                                                                        <li class="navigation-dropdown-item ">
                                                <a class="navigation-dropdown-link"
                                                    href="http://admin.jiaransheng.com/contact.html"><span>联系方式</span></a>
                                            </li>
                                                                                        <li class="navigation-dropdown-item ">
                                                <a class="navigation-dropdown-link"
                                                    href="http://admin.jiaransheng.com/rczp.html"><span>人才招聘</span></a>
                                            </li>
                                            
                                        </ul>
                                    </li>
                                                                                                                                                                                                                                                                                            </ul>
                                <div class="navigation-body-section">
                                    <div class="navigation-logo">

                                                                                 <a href="http://new.jiaransheng.com/yssb.html" target="_blank">
                                            <img style="max-height: 60px;" src="/static/upload/2025/07/07/202507075262.png" loading="lazy" alt="">
                                        </a>
                                             

                                        

                                    </div>
                                </div>
                            </div>
                            <div class="overlay-panel" style="background: rgba(0, 0, 0, 0.7);"></div>
                        </nav>

                    </div>

                </div>
            </header>
        </div>
        <script src="/static/jiaransheng/static/navigation.min.js"></script>
        <script>
            var navigation = new Navigation(document.querySelector("#header_2_4 .navigation"));
            //  导航栏固定
            var sticky = new Waypoint.Sticky({
                element: $('#header_2_4')[0]
            })

                            var current_menu_index=0;
            
            $('.navigation-menu li').each(function() {
                var menuIndex = $(this).attr('menu_index');
                if (parseInt(menuIndex) === current_menu_index) {
                    $(this).addClass('is-active');
                    //$(this).children('ul').addClass('is-visible');
                }
            });

        </script>
    </div>

</div>

<style type="text/css">
 div[data-w-e-type="video"] {
  text-align: center;
  /* 编辑器上传视频自动居中 */
}
</style>
    <!-- 轮播图 -->
    <div>
        <div id="lunbotu_3">
            <div>
                <!-- Slider main container -->
                <div class="swiper-container">
                    <!-- Additional required wrapper -->
                    <div class="swiper-wrapper">
                        <!-- Slides -->
                                                <a class="swiper-slide" href="http://new.jiaransheng.com/jiameng.html" target="_blank"
                            style="background-image:url(/static/upload/2025/07/02/202507027973.jpg)">
                        </a>
                                                <a class="swiper-slide" href="http://new.jiaransheng.com/qyjj.html" target="_blank"
                            style="background-image:url(/static/upload/2025/07/02/202507021587.jpg)">
                        </a>
                                                <a class="swiper-slide" href="http://new.jiaransheng.com/yssb.html" target="_blank"
                            style="background-image:url(/static/upload/2025/07/02/202507024434.jpg)">
                        </a>
                        
                    </div>
                    <!-- If we need pagination -->
                    <div class="swiper-pagination swiper-button-white"></div>

                    <!-- If we need navigation buttons -->
                    <div class="swiper-button-next swiper-button-white"></div>
                    <div class="swiper-button-prev swiper-button-white"></div>

                    <!-- If we need scrollbar 
                <div class="swiper-scrollbar"></div>
            -->
                </div>

            </div>

        </div>
        <script>
            (function () {
                var elementSwiper = '#lunbotu_3';
                var swiper = new Swiper(elementSwiper + ' .swiper-container', {
                    // autoplay: {
                    //     delay: 3500, //3秒切换一次
                    //     disableOnInteraction: false
                    // },
                    navigation: {
                        nextEl: elementSwiper + ' .swiper-button-next',
                        prevEl: elementSwiper + ' .swiper-button-prev',
                    },
                    pagination: {
                        el: elementSwiper + ' .swiper-pagination',
                        clickable: true,
                    },
                    effect: 'fade',
                    fadeEffect: {
                        crossFade: true,
                    },
                    loop: true,
                });


                // 标题动画效果
                function runAnime() {
                    var elem = $(elementSwiper + ' .swiper-slide-active');
                    var titleSelector = $(elem).find('.anime-letters');
                    if ($(titleSelector).text()) {
                        if (!$(titleSelector).children().hasClass('anime-letter')) {
                            $(titleSelector).html($(titleSelector).text().replace(/\S/g, "<span class='anime-letter'>$&</span>"));
                        } else {
                            $(titleSelector).css('opacity', 1);
                        }

                        anime.timeline({})
                            .add({
                                targets: $(elem).find('.anime-letters .anime-letter').get(),
                                translateY: ["1.1em", 0],
                                translateZ: 0,
                                duration: 750,
                                delay: (el, i) => 50 * i
                            })
                            .add({
                                targets: titleSelector.get(),
                                opacity: 0,
                                duration: 1000,
                                easing: "easeOutExpo",
                                delay: 1000
                            })
                            .finished.then(function () {
                                swiper.slideNext(); // 动画结束后切换轮播图
                                runAnime();
                            })
                    }
                }
                runAnime();


            })()
        </script>
    </div>





    <!-- 公司产品展示 -->
    <div>
        <div id="index_show" class="section">
            <div class="container">
                <div class="title-block-1 wow zoomIn animated" data-wow-duration="1s" data-wow-delay="0.25s"
                    data-wow-offset="0" data-wow-iteration="1"
                    style="visibility: visible; animation-duration: 1s; animation-delay: 0.25s; animation-iteration-count: 1; animation-name: zoomIn;">
                    <h1 class="title is-spaced">产品展示</h1>
                    <img src="/static/jiaransheng/static/subtitle.png" alt="" class="subtitle" loading="lazy">
                </div>


                <div>

                    <div class="columns is-mobile" style="flex-wrap:wrap;justify-content:center">
                                                  <div class="column is-3-desktop is-6-mobile wow fadeInLeft animated" data-wow-duration="1s"
                            data-wow-delay="0.25s" data-wow-offset="0" data-wow-iteration="1"
                            style="visibility: visible; animation-duration: 1s; animation-delay: 0.25s; animation-iteration-count: 1; animation-name: fadeInLeft;">
                            <div class="item">
                                <figure class="image is-4by5" style="background-color: #68ebed;padding-top:80%">
                                   <a href="http://admin.jiaransheng.com/classic/50.html"> <img src="/static/upload/2026/09/16/202609164551.png" loading="lazy"    alt="甲冉生套盒（封包款）" /></a>
                                </figure>
                                <a href="http://admin.jiaransheng.com/classic/50.html">
                                    <h1>甲冉生套盒（封包款）</h1>
                                    <div class="show_subtitle">
                                        <span>Jiaran Sheng Box Set </span>
                                    </div>
                                </a>
                            </div>
                        </div>
                                                  <div class="column is-3-desktop is-6-mobile wow fadeInLeft animated" data-wow-duration="1s"
                            data-wow-delay="0.25s" data-wow-offset="0" data-wow-iteration="1"
                            style="visibility: visible; animation-duration: 1s; animation-delay: 0.25s; animation-iteration-count: 1; animation-name: fadeInLeft;">
                            <div class="item">
                                <figure class="image is-4by5" style="background-color: #68ebed;padding-top:80%">
                                   <a href="http://admin.jiaransheng.com/classic/8.html"> <img src="/static/upload/2025/07/08/202507084396.png" loading="lazy"    alt="洁肤抑菌膏" /></a>
                                </figure>
                                <a href="http://admin.jiaransheng.com/classic/8.html">
                                    <h1>洁肤抑菌膏</h1>
                                    <div class="show_subtitle">
                                        <span>jiefuyijungao </span>
                                    </div>
                                </a>
                            </div>
                        </div>
                                                  <div class="column is-3-desktop is-6-mobile wow fadeInLeft animated" data-wow-duration="1s"
                            data-wow-delay="0.25s" data-wow-offset="0" data-wow-iteration="1"
                            style="visibility: visible; animation-duration: 1s; animation-delay: 0.25s; animation-iteration-count: 1; animation-name: fadeInLeft;">
                            <div class="item">
                                <figure class="image is-4by5" style="background-color: #68ebed;padding-top:80%">
                                   <a href="http://admin.jiaransheng.com/classic/7.html"> <img src="/static/upload/2025/07/08/202507089004.png" loading="lazy"    alt="爽肤康抑菌膏" /></a>
                                </figure>
                                <a href="http://admin.jiaransheng.com/classic/7.html">
                                    <h1>爽肤康抑菌膏</h1>
                                    <div class="show_subtitle">
                                        <span>shuangfukang </span>
                                    </div>
                                </a>
                            </div>
                        </div>
                                                  <div class="column is-3-desktop is-6-mobile wow fadeInLeft animated" data-wow-duration="1s"
                            data-wow-delay="0.25s" data-wow-offset="0" data-wow-iteration="1"
                            style="visibility: visible; animation-duration: 1s; animation-delay: 0.25s; animation-iteration-count: 1; animation-name: fadeInLeft;">
                            <div class="item">
                                <figure class="image is-4by5" style="background-color: #68ebed;padding-top:80%">
                                   <a href="http://admin.jiaransheng.com/classic/6.html"> <img src="/static/upload/2025/07/08/202507084190.png" loading="lazy"    alt="洁肤抑菌液" /></a>
                                </figure>
                                <a href="http://admin.jiaransheng.com/classic/6.html">
                                    <h1>洁肤抑菌液</h1>
                                    <div class="show_subtitle">
                                        <span>Cleansing Antibacterial Liquid </span>
                                    </div>
                                </a>
                            </div>
                        </div>
                                                  <div class="column is-3-desktop is-6-mobile wow fadeInLeft animated" data-wow-duration="1s"
                            data-wow-delay="0.25s" data-wow-offset="0" data-wow-iteration="1"
                            style="visibility: visible; animation-duration: 1s; animation-delay: 0.25s; animation-iteration-count: 1; animation-name: fadeInLeft;">
                            <div class="item">
                                <figure class="image is-4by5" style="background-color: #68ebed;padding-top:80%">
                                   <a href="http://admin.jiaransheng.com/classic/5.html"> <img src="/static/upload/2025/07/08/202507087778.png" loading="lazy"    alt="甲冉生抑菌液（喷剂）" /></a>
                                </figure>
                                <a href="http://admin.jiaransheng.com/classic/5.html">
                                    <h1>甲冉生抑菌液（喷剂）</h1>
                                    <div class="show_subtitle">
                                        <span>Jiaransheng Antibacterial Liquid (Spray) </span>
                                    </div>
                                </a>
                            </div>
                        </div>
                                                  <div class="column is-3-desktop is-6-mobile wow fadeInLeft animated" data-wow-duration="1s"
                            data-wow-delay="0.25s" data-wow-offset="0" data-wow-iteration="1"
                            style="visibility: visible; animation-duration: 1s; animation-delay: 0.25s; animation-iteration-count: 1; animation-name: fadeInLeft;">
                            <div class="item">
                                <figure class="image is-4by5" style="background-color: #68ebed;padding-top:80%">
                                   <a href="http://admin.jiaransheng.com/classic/4.html"> <img src="/static/upload/2025/07/08/202507085543.png" loading="lazy"    alt="甲冉生抑菌液" /></a>
                                </figure>
                                <a href="http://admin.jiaransheng.com/classic/4.html">
                                    <h1>甲冉生抑菌液</h1>
                                    <div class="show_subtitle">
                                        <span>Jiaransheng Antibacterial Liquid </span>
                                    </div>
                                </a>
                            </div>
                        </div>
                                                  <div class="column is-3-desktop is-6-mobile wow fadeInLeft animated" data-wow-duration="1s"
                            data-wow-delay="0.25s" data-wow-offset="0" data-wow-iteration="1"
                            style="visibility: visible; animation-duration: 1s; animation-delay: 0.25s; animation-iteration-count: 1; animation-name: fadeInLeft;">
                            <div class="item">
                                <figure class="image is-4by5" style="background-color: #68ebed;padding-top:80%">
                                   <a href="http://admin.jiaransheng.com/classic/2.html"> <img src="/static/upload/2025/07/21/202507219461.png" loading="lazy"    alt="鲜清抑菌颗粒" /></a>
                                </figure>
                                <a href="http://admin.jiaransheng.com/classic/2.html">
                                    <h1>鲜清抑菌颗粒</h1>
                                    <div class="show_subtitle">
                                        <span>Xianqing Antibacterial Granules </span>
                                    </div>
                                </a>
                            </div>
                        </div>
                                            </div>

                </div>


                <div class="common-btn">
                    <a href="http://admin.jiaransheng.com/cpzx.html" class="button wow zoomIn animated" data-wow-duration="1s"
                        data-wow-delay="0.25s" data-wow-offset="0" data-wow-iteration="1"
                        style="visibility: visible; animation-duration: 1s; animation-delay: 0.25s; animation-iteration-count: 1; animation-name: zoomIn;">了解更多</a>
                </div>

            </div>
        </div>
    </div>

    <!-- 公司优势 -->

    <div>
        <div id="gongsiyousi" class="section">
            <div class="container">
                <div class="title-block-1 wow zoomIn animated" data-wow-duration="1s" data-wow-delay="0.25s"
                    data-wow-offset="0" data-wow-iteration="1"
                    style="visibility: visible; animation-duration: 1s; animation-delay: 0.25s; animation-iteration-count: 1; animation-name: zoomIn;">
                    <h1 class="title is-spaced">品牌实力</h1>
                    <img src="/static/jiaransheng/static/subtitle.png" alt="" class="subtitle" loading="lazy">
                </div>
                <div class="columns is-multiline is-mobile">

                                        <a class="column is-3-desktop is-6-mobile wow fadeInRight animated" data-wow-duration="1s"
                        data-wow-delay="0.25s" data-wow-offset="0" data-wow-iteration="1" href="http://new.jiaransheng.com/qyjj.html"
                        style="visibility: visible; animation-duration: 1s; animation-delay: 0.25s; animation-iteration-count: 1; animation-name: fadeInRight;">
                        <div class="item">
                            <figure class="image is-64x64 is-hidden-mobile"><img src="/static/upload/2025/07/02/202507022767.png" loading="lazy"
                                    alt="甲冉生官网-灰指甲加盟|修脚加盟|皮肤病加盟|手足病连锁店|奉天(河南)健康管理集团有限公司"></figure>
                            <figure class="image is-32x32 is-hidden-tablet"><img src="/static/upload/2025/07/02/202507022767.png" loading="lazy"
                                    alt="甲冉生官网-灰指甲加盟|修脚加盟|皮肤病加盟|手足病连锁店|奉天(河南)健康管理集团有限公司"></figure>
                            <h1>产品研发团队</h1>
                            <p>
                                奉天集团·甲冉生品牌拥有专业的产品研发团队，能充分保证产品的不断更新、迭代。                            </p>
                            <img src="/static/jiaransheng/static/advantage_icon.png" alt="" class="arrows" loading="lazy">
                        </div>
                    </a>
                                        <a class="column is-3-desktop is-6-mobile wow fadeInRight animated" data-wow-duration="1s"
                        data-wow-delay="0.25s" data-wow-offset="0" data-wow-iteration="1" href="http://new.jiaransheng.com/qyjj.html"
                        style="visibility: visible; animation-duration: 1s; animation-delay: 0.25s; animation-iteration-count: 1; animation-name: fadeInRight;">
                        <div class="item">
                            <figure class="image is-64x64 is-hidden-mobile"><img src="/static/upload/2025/07/02/202507026187.png" loading="lazy"
                                    alt="甲冉生官网-灰指甲加盟|修脚加盟|皮肤病加盟|手足病连锁店|奉天(河南)健康管理集团有限公司"></figure>
                            <figure class="image is-32x32 is-hidden-tablet"><img src="/static/upload/2025/07/02/202507026187.png" loading="lazy"
                                    alt="甲冉生官网-灰指甲加盟|修脚加盟|皮肤病加盟|手足病连锁店|奉天(河南)健康管理集团有限公司"></figure>
                            <h1>自有生产厂</h1>
                            <p>
                                奉天集团·甲冉生品牌拥有五千平方的独栋生产基地，产品从研发到成品完全自己把控。                            </p>
                            <img src="/static/jiaransheng/static/advantage_icon.png" alt="" class="arrows" loading="lazy">
                        </div>
                    </a>
                                        <a class="column is-3-desktop is-6-mobile wow fadeInRight animated" data-wow-duration="1s"
                        data-wow-delay="0.25s" data-wow-offset="0" data-wow-iteration="1" href="http://new.jiaransheng.com/dianmian.html"
                        style="visibility: visible; animation-duration: 1s; animation-delay: 0.25s; animation-iteration-count: 1; animation-name: fadeInRight;">
                        <div class="item">
                            <figure class="image is-64x64 is-hidden-mobile"><img src="/static/upload/2025/07/02/202507024384.png" loading="lazy"
                                    alt="甲冉生官网-灰指甲加盟|修脚加盟|皮肤病加盟|手足病连锁店|奉天(河南)健康管理集团有限公司"></figure>
                            <figure class="image is-32x32 is-hidden-tablet"><img src="/static/upload/2025/07/02/202507024384.png" loading="lazy"
                                    alt="甲冉生官网-灰指甲加盟|修脚加盟|皮肤病加盟|手足病连锁店|奉天(河南)健康管理集团有限公司"></figure>
                            <h1>4000+加盟连锁店</h1>
                            <p>
                                奉天集团·甲冉生品牌目前拥有四千余家加盟连锁店遍布全国，品牌知名度高，客户信任感强。                            </p>
                            <img src="/static/jiaransheng/static/advantage_icon.png" alt="" class="arrows" loading="lazy">
                        </div>
                    </a>
                                        <a class="column is-3-desktop is-6-mobile wow fadeInRight animated" data-wow-duration="1s"
                        data-wow-delay="0.25s" data-wow-offset="0" data-wow-iteration="1" href="http://new.jiaransheng.com/pinpai.html"
                        style="visibility: visible; animation-duration: 1s; animation-delay: 0.25s; animation-iteration-count: 1; animation-name: fadeInRight;">
                        <div class="item">
                            <figure class="image is-64x64 is-hidden-mobile"><img src="/static/upload/2025/07/02/202507021266.png" loading="lazy"
                                    alt="甲冉生官网-灰指甲加盟|修脚加盟|皮肤病加盟|手足病连锁店|奉天(河南)健康管理集团有限公司"></figure>
                            <figure class="image is-32x32 is-hidden-tablet"><img src="/static/upload/2025/07/02/202507021266.png" loading="lazy"
                                    alt="甲冉生官网-灰指甲加盟|修脚加盟|皮肤病加盟|手足病连锁店|奉天(河南)健康管理集团有限公司"></figure>
                            <h1>专业帮扶团队</h1>
                            <p>
                                奉天集团·甲冉生品牌目前拥有最完善的连锁店帮扶团队。包括店面选址、运营、装修设计、后期培训、活动策划等。                            </p>
                            <img src="/static/jiaransheng/static/advantage_icon.png" alt="" class="arrows" loading="lazy">
                        </div>
                    </a>
                    

                </div>
            </div>
        </div>
    </div>

    <!-- 公司简介 -->

    <div>
        <div id="gongsijieshao" class="section">
            <div class="container">
                <div class="title-block-1 wow zoomIn animated" data-wow-duration="1s" data-wow-delay="0.25s"
                    data-wow-offset="0" data-wow-iteration="1"
                    style="visibility: visible; animation-duration: 1s; animation-delay: 0.25s; animation-iteration-count: 1; animation-name: zoomIn;">
                    <h1 class="title is-spaced">招商加盟</h1>
                    <img src="/static/jiaransheng/static/subtitle.png" alt="" class="subtitle" loading="lazy">
                </div>
                <div class="columns is-mobile" style="flex-wrap: wrap;">
                                          <div class="column is-3-desktop is-6-mobile wow fadeInLeft animated" data-wow-duration="1s"
                        data-wow-delay="0.25s" data-wow-offset="0" data-wow-iteration="1"
                        style="visibility: visible; animation-duration: 1s; animation-delay: 0.25s; animation-iteration-count: 1; animation-name: fadeInLeft;">
                        <a href="http://new.jiaransheng.com/yingli.html"><div class="item">
                            <h1 class="padding-l">盈利分析</h1>
                            <h2 class="padding-l">Profitability analysis</h2>
                            <figure class="image is-16by9"><img src="/static/upload/2025/07/09/202507093564.png" loading="lazy"
                                    alt="甲冉生官网-灰指甲加盟|修脚加盟|皮肤病加盟|手足病连锁店|奉天(河南)健康管理集团有限公司"></figure>
                        </div>
                        </a>
                    </div>
                                        <div class="column is-3-desktop is-6-mobile wow fadeInLeft animated" data-wow-duration="1s"
                        data-wow-delay="0.25s" data-wow-offset="0" data-wow-iteration="1"
                        style="visibility: visible; animation-duration: 1s; animation-delay: 0.25s; animation-iteration-count: 1; animation-name: fadeInLeft;">
                        <a href="http://new.jiaransheng.com/pinpai.html"><div class="item">
                            <h1 class="padding-l">品牌支持</h1>
                            <h2 class="padding-l">Brand Support</h2>
                            <figure class="image is-16by9"><img src="/static/upload/2025/07/09/202507098955.png" loading="lazy"
                                    alt="甲冉生官网-灰指甲加盟|修脚加盟|皮肤病加盟|手足病连锁店|奉天(河南)健康管理集团有限公司"></figure>
                        </div>
                        </a>
                    </div>
                                        <div class="column is-3-desktop is-6-mobile wow fadeInLeft animated" data-wow-duration="1s"
                        data-wow-delay="0.25s" data-wow-offset="0" data-wow-iteration="1"
                        style="visibility: visible; animation-duration: 1s; animation-delay: 0.25s; animation-iteration-count: 1; animation-name: fadeInLeft;">
                        <a href="http://new.jiaransheng.com/jiameng.html"><div class="item">
                            <h1 class="padding-l">加盟流程</h1>
                            <h2 class="padding-l">Franchise Process</h2>
                            <figure class="image is-16by9"><img src="/static/upload/2025/07/09/202507093785.png" loading="lazy"
                                    alt="甲冉生官网-灰指甲加盟|修脚加盟|皮肤病加盟|手足病连锁店|奉天(河南)健康管理集团有限公司"></figure>
                        </div>
                        </a>
                    </div>
                                        <div class="column is-3-desktop is-6-mobile wow fadeInLeft animated" data-wow-duration="1s"
                        data-wow-delay="0.25s" data-wow-offset="0" data-wow-iteration="1"
                        style="visibility: visible; animation-duration: 1s; animation-delay: 0.25s; animation-iteration-count: 1; animation-name: fadeInLeft;">
                        <a href="http://new.jiaransheng.com/dianmian.html"><div class="item">
                            <h1 class="padding-l">店面展示</h1>
                            <h2 class="padding-l">Store Display</h2>
                            <figure class="image is-16by9"><img src="/static/upload/2025/07/09/202507099072.png" loading="lazy"
                                    alt="甲冉生官网-灰指甲加盟|修脚加盟|皮肤病加盟|手足病连锁店|奉天(河南)健康管理集团有限公司"></figure>
                        </div>
                        </a>
                    </div>
                    
                </div>
            </div>
        </div>
    </div>

    <!-- 公司新闻 -->

    <div>
        <div id="xinwenliebiao1" class="section">
            <div class="container">
                <div class="title-block-1 wow zoomIn animated" data-wow-duration="1s" data-wow-delay="0.25s"
                    data-wow-offset="0" data-wow-iteration="1"
                    style="visibility: visible; animation-duration: 1s; animation-delay: 0.25s; animation-iteration-count: 1; animation-name: zoomIn;">
                    <h1 class="title is-spaced">新闻动态</h1>
                    <img src="/static/jiaransheng/static/subtitle.png" alt="" class="subtitle" loading="lazy">
                </div>

                <div>


                                           <a href="http://admin.jiaransheng.com/ftxw/46.html" class="news-item wow fadeInLeft animated" data-wow-duration="1s"
                        data-wow-delay="0.25s" data-wow-offset="0" data-wow-iteration="1"
                        style="visibility: visible; animation-duration: 1s; animation-delay: 0.25s; animation-iteration-count: 1; animation-name: fadeInLeft;">
                        <div class="columns is-multiline is-centered" style="justify-content: space-between;">
                            <div class="column is-3-desktop">
                                <figure class="image is-5by3">
                                    <img src="/static/upload/2025/09/24/202509244115.png" style="width:auto;top:50%;left:50%;transform: translate(-50%, -50%);" alt="热烈祝贺奉天（河南）生物科技有限公司荣获“2025年度郑州市科技型企业”" style="width: auto;"   loading="lazy">
                                </figure>
                            </div>
                            <div class="column is-9-desktop">
                                <div class="data">
                                    <div class="day">24</div>
                                    <div class="month">09</div>
                                </div>
                                <div class="news-content">
                                    <h1>热烈祝贺奉天（河南）生物科技有限公司荣获“2025年度郑州市科技型企业”</h1>
                                    <em></em>
                                    <p>
                                        2025年9月17日，郑州市科学技术局发布郑科（2025）44号文件，公布“2025年度第三批入库郑州市科技型企业”名单，奉天（河南）生物科技有限公司荣获“2025年度郑州市科技型企业”                                    </p>
                                </div>
                            </div>
                        </div>
                    </a>
                                           <a href="http://admin.jiaransheng.com/ftxw/4.html" class="news-item wow fadeInLeft animated" data-wow-duration="1s"
                        data-wow-delay="0.25s" data-wow-offset="0" data-wow-iteration="1"
                        style="visibility: visible; animation-duration: 1s; animation-delay: 0.25s; animation-iteration-count: 1; animation-name: fadeInLeft;">
                        <div class="columns is-multiline is-centered" style="justify-content: space-between;">
                            <div class="column is-3-desktop">
                                <figure class="image is-5by3">
                                    <img src="/static/upload/2025/07/08/202507083795.jpg" style="width:auto;top:50%;left:50%;transform: translate(-50%, -50%);" alt="“甲冉生”品牌15周年庆典在沈阳成功举办" style="width: auto;"   loading="lazy">
                                </figure>
                            </div>
                            <div class="column is-9-desktop">
                                <div class="data">
                                    <div class="day">07</div>
                                    <div class="month">07</div>
                                </div>
                                <div class="news-content">
                                    <h1>“甲冉生”品牌15周年庆典在沈阳成功举办</h1>
                                    <em></em>
                                    <p>
                                        2024年12月18日，奉天集团在沈阳隆重举办“甲冉生”品牌15周年庆典。奉天集团董事长、甲冉生品牌创始人于红，甲冉生品牌连锁全国大区总监、连锁门店负责人、集团总部全体人员近180人参加本次庆典盛会。上午8点，在喜...                                    </p>
                                </div>
                            </div>
                        </div>
                    </a>
                                           <a href="http://admin.jiaransheng.com/ftxw/2.html" class="news-item wow fadeInLeft animated" data-wow-duration="1s"
                        data-wow-delay="0.25s" data-wow-offset="0" data-wow-iteration="1"
                        style="visibility: visible; animation-duration: 1s; animation-delay: 0.25s; animation-iteration-count: 1; animation-name: fadeInLeft;">
                        <div class="columns is-multiline is-centered" style="justify-content: space-between;">
                            <div class="column is-3-desktop">
                                <figure class="image is-5by3">
                                    <img src="/static/upload/2025/07/08/202507085465.jpg" style="width:auto;top:50%;left:50%;transform: translate(-50%, -50%);" alt="恭贺奉天集团董事长于红荣获新时代非物质文化遗产守护人等荣誉" style="width: auto;"   loading="lazy">
                                </figure>
                            </div>
                            <div class="column is-9-desktop">
                                <div class="data">
                                    <div class="day">05</div>
                                    <div class="month">07</div>
                                </div>
                                <div class="news-content">
                                    <h1>恭贺奉天集团董事长于红荣获新时代非物质文化遗产守护人等荣誉</h1>
                                    <em></em>
                                    <p>
                                        恭贺奉天集团董事长于红荣获新时代非物质文化遗产记录工程、新时代优秀传统文化传承发展工程：新时代非遗文化传播大使、新时代非遗文化守护人、“甲冉生”中医药制剂传承人、颈肩腰腿疼苗技养生技艺传承人、皮肤病中...                                    </p>
                                </div>
                            </div>
                        </div>
                    </a>
                                           <a href="http://admin.jiaransheng.com/ftxw/1.html" class="news-item wow fadeInLeft animated" data-wow-duration="1s"
                        data-wow-delay="0.25s" data-wow-offset="0" data-wow-iteration="1"
                        style="visibility: visible; animation-duration: 1s; animation-delay: 0.25s; animation-iteration-count: 1; animation-name: fadeInLeft;">
                        <div class="columns is-multiline is-centered" style="justify-content: space-between;">
                            <div class="column is-3-desktop">
                                <figure class="image is-5by3">
                                    <img src="/static/upload/2025/07/08/202507084122.jpg" style="width:auto;top:50%;left:50%;transform: translate(-50%, -50%);" alt="奉天集团甲冉生全国连锁精英特训营圆满举办" style="width: auto;"   loading="lazy">
                                </figure>
                            </div>
                            <div class="column is-9-desktop">
                                <div class="data">
                                    <div class="day">03</div>
                                    <div class="month">07</div>
                                </div>
                                <div class="news-content">
                                    <h1>奉天集团甲冉生全国连锁精英特训营圆满举办</h1>
                                    <em></em>
                                    <p>
                                        2025年6月10日--12日，奉天集团甲冉生全国连锁第一期精英特训营，在郑州举办，来自河南、河北、湖南省的甲冉生加盟商参加。                                    </p>
                                </div>
                            </div>
                        </div>
                    </a>
                    
                    
                </div>

                <div class="common-btn wow zoomIn animated" data-wow-duration="1s" data-wow-delay="0.25s"
                    data-wow-offset="0" data-wow-iteration="1"
                    style="visibility: visible; animation-duration: 1s; animation-delay: 0.25s; animation-iteration-count: 1; animation-name: zoomIn;">
                    <a href="http://admin.jiaransheng.com/news.html" class="button">更多新闻</a>
                </div>
            </div>
        </div>
    </div>

    <!-- 公用底部 -->

    <div component="footer.html">
        <div id="gongyongdibu" class="section">
            <div class="footer-intro container">
                <div class="columns is-centered is-vcentered" style="align-items:baseline">
                    <div class="column is-5">
                        <h1 class="title">&nbsp;</h1>
                        <h1 class="title" style="color: #fff;" dynamic-var="config[&#39;公共&#39;][&#39;公司名称&#39;]">
                            甲冉生官网-灰指甲加盟|修脚加盟|皮肤病加盟|手足病连锁店|奉天(河南)健康管理集团有限公司</h1>
                        <div class="footer-content title">
                            <p>
                                <span>电话：</span><span>400-0099-878</span>
                            </p>
                            <p>
                                <span>邮箱：</span><span>750694668@qq.com</span>
                            </p>
                            <p>
                                <span>地址：</span><span>郑州市郑东新区芦医庙大街312号粤浦科技产业园4A号</span>
                            </p>
                        </div>
                        <div class="qrCode">
                            <figure class="image is-96x96">
                                <img dynamic-var="config[&#39;公共&#39;][&#39;页脚二维码&#39;]" src="/static/upload/2025/07/02/202507028220.png"
                                    loading="lazy" alt="甲冉生官网-灰指甲加盟|修脚加盟|皮肤病加盟|手足病连锁店|奉天(河南)健康管理集团有限公司">
                            </figure>
                            <div class="code-intro">
                                <h3>扫一扫</h3>
                                <h3>关注公众号</h3>
                            </div>
                        </div>
                    </div>
                    <div class="column is-5">
                        <div id="liuyan">

                            <div>
                                <form name="message" method="post" action="/message/index">
                                    <input type="hidden" name="title" value="留言">
                                    <div class="container">
                                        <h1 class="title">欢迎给我们留言</h1>
                                        <div class="field is-horizontal">
                                            <div class="field-body">
                                                <div class="field">
                                                    <div class="control is-expanded has-icons-left">
                                                        <input name="user" class="input" type="text"
                                                            placeholder="请填写您的姓名">
                                                        <span class="icon is-small is-left">
                                                            <i class="fa fa-user"></i>
                                                        </span>
                                                    </div>
                                                </div>
                                                <div class="field">
                                                    <div class="control is-expanded has-icons-left has-icons-right">
                                                        <input name="email" class="input" type="text"
                                                            placeholder="请填写您的邮箱">
                                                        <span class="icon is-small is-left">
                                                            <i class="fa fa-envelope-o"></i>
                                                        </span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="field is-horizontal">
                                            <div class="field-body">
                                                <div class="field">
                                                    <div class="control is-expanded has-icons-left">
                                                        <input name="tel" class="input" onfocus="$('#fvercode').attr('src','/common/vercode/name/message_vercode?'+Math.random())" type="text"
                                                            placeholder="请填写您的手机号">
                                                        <span class="icon is-small is-left">
                                                            <i class="fa fa-mobile"></i>
                                                        </span>
                                                    </div>
                                                </div>
                                                <div class="field">
                                                    <div class="control is-expanded has-icons-left has-icons-right">
                                                        <input type="text" class="input" name="vercode" placeholder="验证码" />
                                                        <span class="icon is-small is-left">
                                                            <i class="fa fa-shield"></i>
                                                        </span>
                                                        <span class="icon is-small is-right" style="height: 100%; width:5em;align-items:normal;pointer-events:auto">
                                                            <img id="fvercode" src="/common/vercode/name/message_vercode?uqKyJ6u3" onclick="this.src=this.src+'?'+Math.random()">
                                                        </span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="field is-horizontal">
                                            <div class="field-body">
                                                <div class="field">
                                                    <div class="control">
                                                        <textarea name="body" class="textarea"
                                                            placeholder="想要加盟的城市"></textarea>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="field is-horizontal">
                                            <div class="field-body">
                                                <div class="field">
                                                    <div class="control" style="text-align: center;">
                                                        <input type="submit" class="button is-primary" value="提交留言">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </form>
                                <script type="text/javascript">
                                    $(function () {
                                        function handlerSubmit() {

                                            if (!$("[name=tel]").val()) {
                                                alert('手机号不能为空')
                                                return false;
                                            }
                                            
                                            const fields = [
                                                { "type": "text", "name": "title", "label": "标题", "required": false },
                                                { "type": "text", "name": "user", "label": "姓名", "required": false }, 
                                                { "type": "text", "name": "email", "label": "邮箱", "required": false }, 
                                                { "type": "text", "name": "tel", "label": "手机号", "required": true }, 
                                                { "type": "text", "name": "vercode", "label": "验证码", "required": false }, 
                                                { "type": "text", "name": "body", "label": "留言信息", "required": false }
                                            ];
                                            //var values = fields.map(item => {
                                            //    return {
                                            //        name: item.name,
                                            //        label: item.label,
                                            //        value: $("[name='" + item.name + "']").val()
                                            //    }
                                            //})
                                            var formData = {};
                                            var values = fields.map(item => {
                                                formData[item.name] = $("[name='" + item.name + "']").val();
                                            })
                                            console.info(values);
                                            jQuery.ajax({
                                                url: "/message/index",
                                                type: 'POST',
                                                data: JSON.stringify(formData),
                                                contentType: 'application/json',
                                                success: function (data, status, xhr) {
                                                    console.log(data);
                                                    if (data && data.status === 0) {
                                                        alert("提交成功!");
                                                        location.reload();
                                                    } else {
                                                        alert(data.message);
                                                    }
                                                },
                                                error: function (xhr, error, exception) {
                                                    alert(exception.toString());
                                                },
                                                beforeSend: function () {
                                                    jQuery("#liuyan_form [type=submit]").off('click');
                                                },
                                                complete: function (data) {
                                                    jQuery("#liuyan_form [type=submit]").on('click', handlerSubmit);
                                                }
                                            });
                                        }
                                        $("#liuyan_form input[type=submit]").on('click', handlerSubmit);
                                    })
                                </script>

                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="copyright">
            <span>@2025-2099            </span> <span dynamic-var="config[&#39;公共&#39;][&#39;公司名称&#39;]">甲冉生官网-灰指甲加盟|修脚加盟|皮肤病加盟|手足病连锁店|奉天(河南)健康管理集团有限公司</span>
            <span>版权所有</span> <a style="display: none;" href="http://beian.miit.gov.cn/"
                dynamic-var="config[&#39;公共&#39;][&#39;备案号&#39;]" class="beian-num">豫ICP备2025127344号-1</a>
        </div>

        <style type="text/css">
            #gongyongdibu .footer-content p{
                font-size: 18px;
            }
#online_f {
  /*使用组件将 --position 的值改为 fixed*/
  --position: fixed;
}
#online_f .online-show {
  position: var(--position);
  right: 0;
  top: calc(50% - 74px);
  z-index: 1001;
  background-color: #51bfc0;
  color: #fff;
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 26px;
  padding: 8px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  transition: right 500ms;
}
#online_f .online-show p {
  text-indent: 0;
  font-size: 14px;
  line-height: 1.5;
  padding: 8px 0;
  max-width: 100%;
  word-break: break-word;
  text-transform: uppercase;
  text-align: center;
}
#online_f .online-content {
  position: var(--position);
  top: calc(50% - 74px);
  z-index: 1000;
  right: -100vw;
  transition: right 500ms;
}
#online_f .online-content .box {
  padding: 16px;
  border: 2px solid #51bfc0;
}
#online_f .online-content .box .content p {
  text-indent: 0;
  margin: 0;
  font-size: 14px;
}
#online_f .online-content .box .content p.is-flex {
  align-items: center;
}
#online_f .online-content .box .content p:not(:last-child) {
  padding-bottom: 8px;
}
#online_f .online-content .box .content .icon {
  width: auto;
}

#online_f .online-mobile {
  position: var(--position);
  right: 0;
  bottom: 50px;
  z-index: 999;
}
#online_f .online-mobile .content {
  display: flex;
  flex-direction: column;
}
#online_f .online-mobile .content i {
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 20px;
  background: rgba(31, 31, 31, 0.65);
  color: #fff;
  border-radius: 50%;
  margin: 8px 8px 0 0;
  cursor: pointer;
}
        </style>
<div component="online_f.html">
            <style type="text/less">
    #online_f {
        /*使用组件将 --position 的值改为 fixed*/
        --position: fixed;
        .online-show {
            position: var(--position);
            right: 0;
            top: calc(50% - 74px);
            z-index: 1001;
            background-color: @primary-color;
            color: #fff;
            display: flex;
            align-items: center;
            flex-direction: column;
            width: 26px;
            padding: @gap-size;
            border-top-left-radius: @gap-size;
            border-bottom-left-radius: @gap-size;
            transition: right 500ms;
            p {
                text-indent: 0;
                font-size: 14px;
                line-height: 1.5;
                padding: @gap-size 0;
                max-width: 100%;
                word-break: break-word;
                text-transform: uppercase;
                text-align: center;
            }
        }
        .online-content {
            position: var(--position);
            top: calc(50% - 74px);
            z-index: 1000;
            right: -100vw;
            transition: right 500ms; 
            .box{
                padding: @gap-size * 2;
                border: 2px solid @primary-color;
                .content {
                    p {
                        text-indent: 0;
                        margin: 0;
                        font-size: 14px;
                        &.is-flex {
                            align-items: center;
                        }
                    }
                    p:not(:last-child) {
                        padding-bottom: @gap-size;
                    }
                    .icon {
                        width: auto;
                    }
                }
            }
        }
         .online-mobile {
            position: var(--position);
            right: 0;
            bottom: 50px;
            z-index: 999;
            .content {
                display: flex;
                flex-direction: column;
                i {
                    width: 40px;
                    height: 40px;
                    line-height: 40px;
                    text-align: center;
                    font-size: 20px;
                    background: rgba(31, 31, 31, 0.65);
                    color: #fff;
                    border-radius: 50%;
                    margin: @gap-size @gap-size 0 0;
                    cursor: pointer;
                }
            }
        }
    
       
    }
</style>

    <div id="online_f">
        <div class="online-show ">
            <i class="fa fa-user"></i>
            <p>在线客服</p>
            <i class="fa fa-caret-left"></i>
        </div>
    
        <div component="f_online.js">
            <div class="online-content">
                <div class=" box">
                    <article class="media">
                        <div class="media-content">
                            <div class="content">
                                <!-- <div><a class="delete"></a></div> -->
                                <p><span><i class="fa fa-phone"></i>&nbsp;&nbsp;400电话：</span><span>400-0099-878</span></p>
                                <p><span><i class="fa fa-envelope-o"></i>&nbsp;邮箱：</span><span>750694668@qq.com</span></p>
                            </div>
                        </div>
                    </article>
                </div>
            </div>
            <div class="online-mobile is-hidden-tablet">
                <div class="content">
                    <a href="tel:400-0099-878"><i class="fa fa-phone" aria-hidden="true"></i></a>
                </div>
            </div>
          
        </div>
    </div>
</div>
<script>
    var online_selector = '#online_f';
    $(online_selector + ' .online-show').on('mouseenter', function(){
        $(this).css('right', '-100vw');
        $(online_selector + ' .online-content').css('right', '0');
    });
    $(online_selector + ' .online-content').on('mouseleave', function() {
        $(this).css('right', '-100vw');
        $(online_selector + ' .online-show').css('right', '0');
    });
</script>
        </div>

        <script src="/static/jiaransheng/static/lazyload.min.js"></script>
        <script>
            // 异步加载图片
            $('img[data-src]').lazyload();

            // 存在备案号时才显示备案号
            if ($('.beian-num').text().trim()) {
                $('.beian-num').show();
            }

            // animate
            // if (window.scrollY < 100) { // 解决网页滚动到指定位置时会出现页面错乱
            //     ScrollReveal().reveal('.section', {distance: '150%', origin: 'bottom', opacity: null});
            // }
        </script>
    </div>

    
</body>

</html>