<!-- saved from url=(0063) -->
<html lang="zxx">
<head>
    <title>化妆的鱼</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="360-site-verification" content="4ae4c36a49e1daa02087e3d6f16e98d7" />
</head>
<body style="display: block; background-size: cover;">﻿
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta content="化妆的鱼 官网 主页 关于我们 服务 合作展示 公司历程 自媒体IP 联系我们 变美知识" name="description">
<meta content="化妆的鱼,医美,没想到是条化妆的鱼,没想到是鱼鱼" name="keywords">
<meta content="化妆的鱼" name="author">

<!--[if lt IE 9]>
<script src="static/js/html5shiv.js"></script>
<![endif]-->

<!-- CSS Files
================================================== -->
<link rel="stylesheet" href="static/index_files/iconfont.css">
<link href="static/index_files/bootstrap.min.css" rel="stylesheet" type="text/css">
<link href="static/index_files/bootstrap-grid.min.css" rel="stylesheet" type="text/css">
<link href="static/index_files/bootstrap-reboot.min.css" rel="stylesheet" type="text/css">
<link href="static/index_files/animate.css" rel="stylesheet" type="text/css">
<link href="static/index_files/owl.carousel.css" rel="stylesheet" type="text/css">
<link href="static/index_files/owl.theme.css" rel="stylesheet" type="text/css">
<link href="static/index_files/owl.transitions.css" rel="stylesheet" type="text/css">
<link href="static/index_files/magnific-popup.css" rel="stylesheet" type="text/css">
<link href="static/index_files/jquery.countdown.css" rel="stylesheet" type="text/css">
<link href="static/index_files/style_2.css?v=5" rel="stylesheet" type="text/css">

<!-- color scheme -->
<link id="colors" href="static/index_files/scheme-01.css?v=3" rel="stylesheet" type="text/css">
<link href="static/index_files/coloring.css?v=3" rel="stylesheet" type="text/css">


<div id="wrapper" style="background-size: cover;">
    <div class="page-overlay" style="background-size: cover;">
        <div class="preloader-wrap" style="background-size: cover;">
            <div class="spinner" style="background-size: cover;">
                <div class="bounce1" style="background-size: cover;"></div>
                <div class="bounce2" style="background-size: cover;"></div>
                <div class="bounce3" style="background-size: cover;"></div>
            </div>
        </div>
    </div>

    <!-- header begin -->
    <header class="header-light transparent scroll-light">
        <div class="container" style="background-size: cover;">
            <div class="row" style="background-size: cover;">
                <div class="col-md-12" style="background-size: cover;">
                    <div class="d-flex justify-content-between" style="background-size: cover;">
                        <div class="align-self-center header-col-left" style="background-size: cover;">
                            <!-- logo begin -->
                            <div id="logo" style="background-size: cover;">
                                <a href="">
                                    化妆的鱼
                                </a>
                            </div>
                            <!-- logo close -->
                        </div>
                        <div class="align-self-center ml-auto header-col-mid" style="background-size: cover;">
                            <!-- mainmenu begin -->
                            <ul id="mainmenu" class="scrollnav no-separator">
                                <li><a href="#section-hero" class="active">主页</a></li>
                                <li></li>
                                <li><a href="#section-about">关于我们</a></li>
                                <li></li>
                                <li><a href="#section-services">服务</a></li>
                                <li></li>
                                <li><a href="#section-cooperation">合作展示</a></li>
                                <li></li>
                                <li><a href="#section-portfolio">公司历程</a></li>
                                <li></li>
                                <li><a href="#section-blog">自媒体IP</a></li>
                                <li></li>
                                <li><a href="#section-contact">联系我们</a></li>
                                <li></li>
                                <li><a href="wap/article">变美知识</a></li>
                                <li></li>
                            </ul>

                            <!-- mainmenu close -->
                        </div>
                        <div class="align-self-center ml-auto header-col-right" style="background-size: cover;">
                            <div class="social-icons" style="background-size: cover;">
                                <a href="#" title="点击前往微博：没想到是条化妆的鱼" onclick="goWeibo()"><i class="iconfont icon-weibo"></i></a>
                                <a href="#" id="xiaochengxu" onclick="goXiaochengxu()"><i class="iconfont icon-xiaochengxu"></i></a>
                                <a href="#" title="点击前往B站：没想到是鱼鱼" onclick="goBilibili()"><i class="iconfont icon-bilibili-fill"></i></a>
                                <a href="#" title="点击前往小红书：化妆的鱼" onclick="goXiaohongshu()"><i class="iconfont icon-xiaohongshu"></i></a>
                                <a href="#" id="shipin"><i class="iconfont icon-shipin"></i></a>
                            </div>
                            <div id="qrcode">
                                <img src="http://sixwing.cn/system/images/logo.png" alt="">
                            </div>
                            <div id="shipinqr">
                                <img src="http://huazhuangdeyu.oss-cn-beijing.aliyuncs.com/34a53202105211534588919.jpg" alt="" style="max-width: 400px">
                            </div>
                            <!--<span id="menu-btn"></span>-->
                        </div>
                        <div class="clearfix" style="background-size: cover;"></div>
                    </div>
                </div>
            </div>
        </div>
    </header>
    <!-- header close -->
    <!-- content begin -->
    <div class="no-bottom no-top" id="content" style="background-size: cover;">
        <div id="top" style="background-size: cover;"></div>

        <section id="section-hero" class="vertical-center custom-1" data-bgimage="url(static/index_files/bg1.jpg) 10% 10%"
                 data-stellar-background-ratio=".5" style="background: url(static/index_files/bg1.jpg) center top / cover;">
            <!--<div class="container" style="background-size: cover;">-->
            <!--<div class="row" style="background-size: cover;">-->
            <!--<div class="col-lg-5 offset-lg-7" style="background-size: cover;">-->
            <!--<h1 class="wow fadeInUp animated" data-wow-delay=".5s" style="visibility: visible; animation-delay: 0.5s; animation-name: fadeInUp;">Hello my name is Jessy Jane.</h1>-->
            <!--<p class="lead wow fadeInUp animated" data-wow-delay=".75s" style="visibility: visible; animation-delay: 0.75s; animation-name: fadeInUp;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>-->
            <!--<div class="spacer-20" style="background-size: cover;"></div>-->
            <!--<a class="btn-custom scroll-to wow fadeInUp animated" data-wow-delay="1s" href="#section-about" style="visibility: visible; animation-delay: 1s; animation-name: fadeInUp;">About Me</a>-->
            <!--</div>-->
            <!--</div>-->
            <!--</div>-->
        </section>

        <section id="section-about" style="background-size: cover;">
            <div class="container" style="background-size: cover;">
                <div class="row align-items-center" style="background-size: cover;">
                    <div class="col-lg-6 mb-sm-30 text-center" style="background-size: cover;">
                        <div class="de-images" style="background-size: cover;">
                            <img class="di-small-2 wow fadeInLeft" src="static/index_files/8.png" alt=""
                                 style="visibility: hidden; animation-name: none;">
                            <img class="img-fluid wow fadeInRight" src="static/index_files/7.png" alt=""
                                 style="visibility: hidden; animation-name: none;">
                        </div>
                    </div>

                    <div class="col-lg-5 offset-md-1 wow fadeInLeft" data-wow-delay=".5s"
                         style="background-size: cover; visibility: hidden; animation-delay: 0.5s; animation-name: none;">
                        <h2>关于 <span class="id-color">我们</span></h2>
                        <p>
                            广州化妆的鱼信息科技有限公司，成立于2018年，是一家电子商务信息技术研发的创业型公司，我们研发“化妆的鱼”微信小程序，专注于医美级产品的营销与服务，致力于科学改善问题肌肤，为用户提供科学、专业的皮肤管理解决方案。公司孵化博主IP“化妆的鱼”现全平台粉丝数达210万，为微博认证的首席变美推荐官，致力于科普分享热门医美项目及产品成分功效，为广大变美人士给予更多的科学护肤知识。
                        </p>
<!--                        <div class="spacer-10" style="background-size: cover;"></div>-->
<!--                        <span id="btn-show-skills" class="btn-border wow fadeInUp" data-wow-delay="1s"-->
<!--                              style="visibility: hidden; animation-delay: 1s; animation-name: none;">Show My Skills</span>-->
                    </div>
                </div>

                <div id="skills" class="row show" style="background-size: cover;">
                    <div class="spacer-double" style="background-size: cover;"></div>
                    <div class="spacer-double" style="background-size: cover;"></div>
                    <div class="col-md-4" style="background-size: cover;">
                        <div class="skill-bar style-2" style="background-size: cover;">
                            <h5>私域建设</h5>
                            <div class="de-progress" style="background-size: cover;">
                                <div class="value" style="background-size: cover;">80%</div>
                                <div class="progress-bar" data-value="80%" style="background-size: cover;"></div>
                            </div>
                        </div>

                        <div class="skill-bar style-2" style="background-size: cover;">
                            <h5>100+医美相关机构合作</h5>
                            <div class="de-progress" style="background-size: cover;">
                                <div class="value" style="background-size: cover;">70%</div>
                                <div class="progress-bar" data-value="70%" style="background-size: cover;"></div>
                            </div>
                        </div>
                    </div>

                    <div class="col-md-4" style="background-size: cover;">
                        <div class="skill-bar style-2" style="background-size: cover;">
                            <h5>管家式服务</h5>
                            <div class="de-progress" style="background-size: cover;">
                                <div class="value" style="background-size: cover;">70%</div>
                                <div class="progress-bar" data-value="70%" style="background-size: cover;"></div>
                            </div>
                        </div>

                        <div class="skill-bar style-2" style="background-size: cover;">
                            <h5>一线大牌合作</h5>
                            <div class="de-progress" style="background-size: cover;">
                                <div class="value" style="background-size: cover;">90%</div>
                                <div class="progress-bar" data-value="90%" style="background-size: cover;"></div>
                            </div>
                        </div>
                    </div>

                    <div class="col-md-4" style="background-size: cover;">
                        <div class="skill-bar style-2" style="background-size: cover;">
                            <h5>专业研发团队</h5>
                            <div class="de-progress" style="background-size: cover;">
                                <div class="value" style="background-size: cover;">90%</div>
                                <div class="progress-bar" data-value="90%" style="background-size: cover;"></div>
                            </div>
                        </div>

                        <div class="skill-bar style-2" style="background-size: cover;">
                            <h5>3000+达人合作</h5>
                            <div class="de-progress" style="background-size: cover;">
                                <div class="value" style="background-size: cover;">75%</div>
                                <div class="progress-bar" data-value="75%" style="background-size: cover;"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <section id="section-services" class="text-light" data-bgcolor="#F9C844"
                 style="background-color: rgb(0, 132, 119); background-size: cover;">
            <div class="container" style="background-size: cover;">
                <div class="row" style="background-size: cover;">
                    <div class="col-lg-6 offset-lg-3" style="background-size: cover;">
                        <div class="text-center" style="background-size: cover;">
                            <h2>我们的服务</h2>
                            <p>Our Services</p>
                            <div class="spacer-30" style="background-size: cover;"></div>
                        </div>
                    </div>
                </div>

                <div class="row" style="background-size: cover;">
                    <div class="col-lg-4 col-md-6 mb30 wow fadeInRight" data-wow-delay="0s"
                         style="background-size: cover; visibility: hidden; animation-delay: 0s; animation-name: none;">
                        <div class="f-box f-icon-left f-icon-circle f-border" style="background-size: cover;">
<!--                            <i class="fa fa-laptop id-color"></i>-->
                            <img src="static/index_files/img/1.png" style="width: 80px;height: 80px;margin-right:30px" alt="">
                            <div class="fb-text" style="background-size: cover;">
                                <h4>管家式服务</h4>
                                <p>全方位管家服务，及时响应客户术前术后的咨询和反馈</p>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-4 col-md-6 mb30 wow fadeInRight" data-wow-delay=".25s"
                         style="background-size: cover; visibility: hidden; animation-delay: 0.25s; animation-name: none;">
                        <div class="f-box f-icon-left f-icon-circle f-border" style="background-size: cover;">
<!--                            <i class="fa fa-paper-plane-o id-color"></i>-->
                            <img src="static/index_files/img/2.png" style="width: 80px;height: 80px;margin-right:30px" alt="">
                            <div class="fb-text" style="background-size: cover;">
                                <h4>医美产品及销售</h4>
                                <p>40+院线品牌、30+医院深度合作，多渠道多平台销售途径</p>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-4 col-md-6 mb30 wow fadeInRight" data-wow-delay=".5s"
                         style="background-size: cover; visibility: hidden; animation-delay: 0.5s; animation-name: none;">
                        <div class="f-box f-icon-left f-icon-circle f-border" style="background-size: cover;">
<!--                            <i class="fa fa-line-chart id-color"></i>-->
                            <img src="static/index_files/img/3.png" style="width: 80px;height: 80px;margin-right:30px" alt="">
                            <div class="fb-text" style="background-size: cover;">
                                <h4>自媒体运营</h4>
                                <p>多平台自媒体运营，达人账号涵盖微博、小红书、B站等</p>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-4 col-md-6 mb30 wow fadeInRight" data-wow-delay="0s"
                         style="background-size: cover; visibility: hidden; animation-delay: 0s; animation-name: none;">
                        <div class="f-box f-icon-left f-icon-circle f-border" style="background-size: cover;">
<!--                            <i class="fa fa-object-group id-color"></i>-->
                            <img src="static/index_files/img/4.png" style="width: 80px;height: 80px;margin-right:30px" alt="">
                            <div class="fb-text" style="background-size: cover;">
                                <h4>商务合作</h4>
                                <p>众多一线品牌商务合作经验，3000多位医美私域达人多方位深度商务合作</p>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-4 col-md-6 mb30 wow fadeInRight" data-wow-delay=".25s"
                         style="background-size: cover; visibility: hidden; animation-delay: 0.25s; animation-name: none;">
                        <div class="f-box f-icon-left f-icon-circle f-border" style="background-size: cover;">
<!--                            <i class="fa fa-hdd-o id-color"></i>-->
                            <img src="static/index_files/img/5.png" style="width: 80px;height: 80px;margin-right:30px" alt="">
                            <div class="fb-text" style="background-size: cover;">
                                <h4>MCN业务</h4>
                                <p>为合作伙伴私人定制化MCN业务，量身打造商务体系</p>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-4 col-md-6 mb30 wow fadeInRight" data-wow-delay=".5s"
                         style="background-size: cover; visibility: hidden; animation-delay: 0.5s; animation-name: none;">
                        <div class="f-box f-icon-left f-icon-circle f-border" style="background-size: cover;">
<!--                            <i class="fa fa-comments-o id-color"></i>-->
                            <img src="static/index_files/img/6.png" style="width: 80px;height: 80px;margin-right:30px" alt="">
                            <div class="fb-text" style="background-size: cover;">
                                <h4>小程序、APP研发</h4>
                                <p>自主研发小程序和APP,为合作伙伴定制小程序，沉淀私域流量多生态内裂变</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <div style="width: 100%;height: 5px;background: rgba(0, 0, 0, 0);"></div>
<!--        <section id="section-cta" style="background-size: cover;">-->
<!--            <div class="container" style="background-size: cover;">-->
<!--                <div class="row" style="background-size: cover;">-->
<!--                    <div class="col-md-8 offset-md-2 text-center" style="background-size: cover;">-->
<!--                        <h2>I Am Available For Freelance</h2>-->
<!--                        <div class="spacer-10" style="background-size: cover;"></div>-->
<!--                        <a href="#" class="btn-custom">Hire Me Now</a>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
<!--        </section>-->

        <!-- section begin -->
        <section id="section-cooperation" class="custom-1" data-bgcolor="#F9C844"
                 style="background-color: rgb(209, 243, 229); background-size: cover;">
            <div class="container" style="background-size: cover;">
                <div class="row" style="background-size: cover;">
                    <div class="col-lg-6 offset-lg-3" style="background-size: cover;">
                        <div class="text-center" style="background-size: cover;color: #FFFFFF;">
                            <h2 style="color: #FFFFFF;">合作展示</h2>
                            <p>Cooperation Exhibition</p>
                            <div class="spacer-30" style="background-size: cover;"></div>
                        </div>
                    </div>
                </div>

                <div class="row" style="background-size: cover;">
                    <div class="col-md-12" style="background-size: cover;">
                        <div id="testimonial-carousel-single"
                             class="owl-carousel owl-theme wow fadeInUp owl-loaded owl-drag"
                             style="background-size: cover; visibility: hidden; animation-name: none;">


                            <div class="owl-stage-outer">
                                <div class="owl-stage"
                                     style="transform: translate3d(-2310px, 0px, 0px); transition: all .25s ease 0s; width: 5390px;">
<!--                                <div>-->
<!--                                    <div class="owl-item cloned" style="width: 770px;">-->
                                    <div class="owl-item cloned" style="width: 100%;">
<!--                                        <blockquote class="testimonial-big">-->
                                        <div class="hezuo">
                                            <img src="static/index_files/img/h_1.png" alt="">
                                            <img src="static/index_files/img/h_2.png" alt="">
                                            <img src="static/index_files/img/h_3.png" alt="">
                                            <img src="static/index_files/img/h_4.png" alt="">
                                            <img src="static/index_files/img/h_5.png" alt="">
                                            <img src="static/index_files/img/h_6.png" alt="">
                                        </div>
                                        <div class="hezuo_title">众多一线品牌商务合作经验</div>
                                    </div>
                                    <div class="owl-item cloned" style="width: 100%;">
                                        <img src="static/index_files/img/h_7.png" alt="" style="width: 100%;height: auto">
                                        <div class="hezuo_title">30+专业医院首选合作伙伴</div>
                                    </div>
<!--                                    <div class="owl-item cloned" style="width: 770px;">-->
<!--                                        <blockquote class="testimonial-big">-->
<!--                                            <img src="static/index_files/2.jpg" alt="">-->
<!--                                            I'm always impressed with the services. Lorem ipsum dolor sit amet,-->
<!--                                            consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et-->
<!--                                            dolore magna aliqua. Ut enim ad minim veniam, quis-->
<!--                                            nostrud exercitation ullamco laboris nisi ut aliquip.-->

<!--                                            <span class="name">Sandra, Customer</span>-->
<!--                                        </blockquote>-->
<!--                                    </div>-->
                                </div>
                            </div>
                            <div class="owl-nav disabled">
                                <button type="button" role="presentation" class="owl-prev"><span
                                        aria-label="Previous">‹</span></button>
                                <button type="button" role="presentation" class="owl-next"><span
                                        aria-label="Next">›</span></button>
                            </div>
<!--                            <div class="owl-dots">-->
<!--                                <button role="button" class="owl-dot"><span></span></button>-->
<!--                                <button role="button" class="owl-dot active"><span></span></button>-->
<!--                                <button role="button" class="owl-dot"><span></span></button>-->
<!--                            </div>-->
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- section close -->

        <!-- section begin -->
        <section id="section-portfolio" style="background-size: cover;">
            <div class="container" style="background-size: cover;">
                <div class="row licheng">
                    <div class="col-md-6 offset-md-3">公司历程</div>
                    <div class="col-md-6 offset-md-3">Company history</div>
                    <div class="col-md-6 offset-md-3">2018广州化妆的鱼信息科技有限公司进军互联网领域，同时开展自媒体开发及运营业务，围绕“女性、健康、美丽”，秉承着“科学改善问题肌肤”的品牌理念，打造“鱼鱼”个人IP。</div>
                    <div class="col-md-6 offset-md-3">2018.9  公司“化妆的鱼”微信小程序上线，成为微博生态内医美级产品销售及服务的第一品牌，为更多变美女孩提供便捷医美服务渠道。</div>
                    <div class="col-md-6 offset-md-3">2019.12 全网医美直播首秀，成为线上医美服务渠道开创者。</div>
                    <div class="col-md-6 offset-md-3">2020.11 全国三十城医美直播，筛查数千家医院最终敲定合作。为全国各地不同地区有肌肤困扰的姐妹提供更多有资历的、更规范的医美机构选择。</div>
                    <div class="col-md-6 offset-md-3">2021.3   直播带货GMV破千万。</div>
                    <div class="col-md-6 offset-md-3">2021.8   微博认证@没想到是条化妆的鱼 为电商医美系列活动的首席变美推荐官。</div>
                    <div class="col-md-6 offset-md-3">2021.11  微博医美的达人导师认证。</div>
                    <div class="col-md-6 offset-md-3">2021.12  微博平台粉丝量突破200万。</div>
                </div>
                <!-- portfolio filter begin -->
<!--                <div class="row" style="background-size: cover;">-->
<!--                    <div class="col-md-12 text-center" style="background-size: cover;">-->
<!--                        <h5><span class="id-color">化妆的鱼</span></h5>-->
<!--                        <h2>服务</h2>-->
<!--                    </div>-->

<!--                    <div class="spacer-single" style="background-size: cover;"></div>-->

<!--                    <div class="col-md-12 text-center" style="background-size: cover;">-->
<!--                        <ul id="filters">-->
<!--                            <li><a href="#" data-filter="*" class="selected">all projects</a></li>-->
<!--                            <li><a href="#" data-filter=".illustration">illustration</a></li>-->
<!--                            <li><a href="#" data-filter=".mobile">mobile</a></li>-->
<!--                            <li><a href="#" data-filter=".photography">photography</a></li>-->
<!--                            <li><a href="#" data-filter=".website">website</a></li>-->
<!--                        </ul>-->

<!--                        <div id="gallery" class="gallery full-gallery de-gallery pf_full_width pf_3_cols grid sequence"-->
<!--                             style="position: relative; height: 525.297px; background-size: cover;">-->
<!--                            &lt;!&ndash; gallery item &ndash;&gt;-->
<!--                            <div class="item illustration website gallery-item pf-click"-->
<!--                                 data-value="project-details-image.html"-->
<!--                                 style="position: absolute; left: 8.76562px; top: 8.76562px; background-size: cover;">-->
<!--                                <div class="picframe wow fadeIn" data-wow-delay="0s"-->
<!--                                     style="background-size: cover; height: 250px; visibility: hidden; animation-delay: 0s; animation-name: none;">-->
<!--										<span class="overlay" style="opacity: 0;">-->
<!--											<span class="pf_text">-->
<!--												<span class="project-name">Multi Images</span>-->
<!--											</span>-->
<!--										</span>-->
<!--                                    <img src="static/index_files/1.jpg" alt="" class="slideInUp" data-wow-delay="0s"-->
<!--                                         style="width: 100%; height: auto;">-->
<!--                                </div>-->
<!--                            </div>-->
<!--                            &lt;!&ndash; close gallery item &ndash;&gt;-->

<!--                            &lt;!&ndash; gallery item &ndash;&gt;-->
<!--                            <div class="item photography gallery-item pf-click" data-value="project-details-slider.html"-->
<!--                                 style="position: absolute; left: 391.766px; top: 8.76562px; background-size: cover;">-->
<!--                                <div class="picframe wow fadeIn" data-wow-delay="0.125s"-->
<!--                                     style="background-size: cover; height: 250px; visibility: hidden; animation-delay: 0.125s; animation-name: none;">-->
<!--										<span class="overlay" style="opacity: 0;">-->
<!--											<span class="pf_text">-->
<!--												<span class="project-name">Slider Images</span>-->
<!--											</span>-->
<!--										</span>-->
<!--                                    <img src="static/index_files/2.jpg" alt="" class="slideInUp" data-wow-delay="0.0625s"-->
<!--                                         style="width: 100%; height: auto;">-->
<!--                                </div>-->
<!--                            </div>-->
<!--                            &lt;!&ndash; close gallery item &ndash;&gt;-->

<!--                            &lt;!&ndash; gallery item &ndash;&gt;-->
<!--                            <div class="item illustration gallery-item pf-click"-->
<!--                                 data-value="project-details-youtube.html"-->
<!--                                 style="position: absolute; left: 774.766px; top: 8.76562px; background-size: cover;">-->
<!--                                <div class="picframe wow fadeIn" data-wow-delay="0.25s"-->
<!--                                     style="background-size: cover; height: 250px; visibility: hidden; animation-delay: 0.25s; animation-name: none;">-->
<!--										<span class="overlay" style="opacity: 0;">-->
<!--											<span class="pf_text">-->
<!--												<span class="project-name">Youtube Video</span>-->
<!--											</span>-->
<!--										</span>-->
<!--                                    <img src="static/index_files/3.jpg" alt="" class="slideInUp" data-wow-delay="0.125s"-->
<!--                                         style="width: 100%; height: auto;">-->
<!--                                </div>-->
<!--                            </div>-->
<!--                            &lt;!&ndash; close gallery item &ndash;&gt;-->

<!--                            &lt;!&ndash; gallery item &ndash;&gt;-->
<!--                            <div class="item photography illustration mobile gallery-item pf-click"-->
<!--                                 data-value="project-details-image-big.html"-->
<!--                                 style="position: absolute; left: 8.76562px; top: 266.766px; background-size: cover;">-->
<!--                                <div class="picframe wow fadeIn" data-wow-delay="0.375s"-->
<!--                                     style="height: 249px; background-size: cover; visibility: hidden; animation-delay: 0.375s; animation-name: none;">-->
<!--										<span class="overlay" style="opacity: 0;">-->
<!--											<span class="pf_text">-->
<!--												<span class="project-name">Multi Images Big</span>-->
<!--											</span>-->
<!--										</span>-->
<!--                                    <img src="static/index_files/4.jpg" alt="" class="slideInUp" data-wow-delay="0.1875s"-->
<!--                                         style="width: 100%; height: auto;">-->
<!--                                </div>-->
<!--                            </div>-->
<!--                            &lt;!&ndash; close gallery item &ndash;&gt;-->

<!--                            &lt;!&ndash; gallery item &ndash;&gt;-->
<!--                            <div class="item photography mobile website gallery-item pf-click"-->
<!--                                 data-value="project-details-slider-big.html"-->
<!--                                 style="position: absolute; left: 391.766px; top: 266.766px; background-size: cover;">-->
<!--                                <div class="picframe wow fadeIn" data-wow-delay="0.5s"-->
<!--                                     style="background-size: cover; height: 249px; visibility: hidden; animation-delay: 0.5s; animation-name: none;">-->
<!--										<span class="overlay" style="opacity: 0;">-->
<!--											<span class="pf_text">-->
<!--												<span class="project-name">Slider Images Big</span>-->
<!--											</span>-->
<!--										</span>-->
<!--                                    <img src="static/index_files/5.jpg" alt="" class="slideInUp" data-wow-delay="0.25s"-->
<!--                                         style="width: 100%; height: auto;">-->
<!--                                </div>-->
<!--                            </div>-->
<!--                            &lt;!&ndash; close gallery item &ndash;&gt;-->

<!--                            &lt;!&ndash; gallery item &ndash;&gt;-->
<!--                            <div class="item mobile website gallery-item pf-click"-->
<!--                                 data-value="project-details-youtube-big.html"-->
<!--                                 style="position: absolute; left: 774.766px; top: 266.766px; background-size: cover;">-->
<!--                                <div class="picframe wow fadeIn" data-wow-delay="0.625s"-->
<!--                                     style="background-size: cover; height: 249px; visibility: hidden; animation-delay: 0.625s; animation-name: none;">-->
<!--										<span class="overlay" style="opacity: 0;">-->
<!--											<span class="pf_text">-->
<!--												<span class="project-name">Youtube Video Big</span>-->
<!--											</span>-->
<!--										</span>-->
<!--                                    <img src="static/index_files/6.jpg" alt="" class="slideInUp" data-wow-delay="0.3125s"-->
<!--                                         style="width: 100%; height: auto;">-->
<!--                                </div>-->
<!--                            </div>-->
<!--                            &lt;!&ndash; close gallery item &ndash;&gt;-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    &lt;!&ndash; portfolio filter close &ndash;&gt;-->
<!--                </div>-->
            </div>
        </section>
        <!-- section close -->

        <div id="loader-area" style="background-size: cover;">
            <div class="container" style="background-size: cover;">
                <div class="project-load" style="background-size: cover;"></div>
            </div>
        </div>

        <section id="section-blog" class="text-light" data-bgcolor="#F9C844"
                 style="background-color: rgb(0, 132, 119); background-size: cover;">
            <div class="container" style="background-size: cover;">
                <div class="row" style="background-size: cover;">
                    <div class="col-lg-6 offset-lg-3" style="background-size: cover;">
                        <div class="text-center" style="background-size: cover;">
                            <h2>自媒体IP</h2>
                            <p> Media account</p>
                            <div class="spacer-30" style="background-size: cover;"></div>
                        </div>
                    </div>
                </div>

                <div class="row" style="background-size: cover;">
                    <div class="col-lg-3 col-md-6 mb30" style="background-size: cover;margin-top: 20px">
                        <div class="bloglist item" style="background-size: cover;">
                            <div class="post-content" style="background-size: cover;">
                                <div class="post-image" style="background-size: cover;">
                                    <img alt="" src="static/index_files/img/weibo.png">
                                    <div class="zimeiti">没想到是条化妆的鱼
                                        <img alt="" src="static/index_files/img/weibo1.png">
                                    </div>
                                    <a href="#" onclick="goWeibo()">
                                        <div class="tiaozhuan">跳转微博</div>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-3 col-md-6 mb30" style="background-size: cover;margin-top: 20px">
                        <div class="bloglist item" style="background-size: cover;">
                            <div class="post-content" style="background-size: cover;">
                                <div class="post-image" style="background-size: cover;">
                                    <img alt="" src="static/index_files/img/bilibili.png">
                                    <div class="zimeiti">没想到是条化妆的鱼
                                        <img alt="" src="static/index_files/img/bilibili1.png">
                                    </div>
                                    <a href="#" onclick="goBilibili()">
                                        <div class="tiaozhuan">跳转B站</div>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-3 col-md-6 mb30" style="background-size: cover;margin-top: 20px">
                        <div class="bloglist item" style="background-size: cover;">
                            <div class="post-content" style="background-size: cover;">
                                <div class="post-image" style="background-size: cover;">
                                    <img alt="" src="static/index_files/img/xiaohongshu.png">
                                    <div class="zimeiti">化妆的鱼
                                        <img alt="" src="static/index_files/img/xiaohongshu1.png">
                                    </div>
                                    <a href="#" onclick="goXiaohongshu()">
                                        <div class="tiaozhuan">跳转小红书</div>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-3 col-md-6 mb30" style="background-size: cover;margin-top: 20px">
                        <div class="bloglist item" style="background-size: cover;">
                            <div class="post-content" style="background-size: cover;">
                                <div class="post-image" style="background-size: cover;">
                                    <img alt="" src="static/index_files/img/wechat.png">
                                    <div class="zimeiti">没想到是条化妆的鱼
                                        <img alt="" src="static/index_files/img/wechat1.png">
                                    </div>
                                    <a href="#" onclick="goGongzhonghao()">
                                        <div class="tiaozhuan">微信公众号</div>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>

<!--                    <div class="col-lg-4 col-md-6 mb30" style="background-size: cover;">-->
<!--                        <div class="bloglist item" style="background-size: cover;">-->
<!--                            <div class="post-content" style="background-size: cover;">-->
<!--                                <div class="post-image" style="background-size: cover;">-->
<!--                                    <img alt="" src="static/index_files/2.jpg">-->
<!--                                    <div class="post-info" style="background-size: cover;">-->
<!--                                        <div class="inner" style="background-size: cover;"><span class="post-date">10 hours ago</span>-->
<!--                                            <span class="post-author">Oscar Helman</span></div>-->
<!--                                    </div>-->
<!--                                </div>-->
<!--                                <div class="post-text" style="background-size: cover;">-->
<!--                                    <h4><a href="#">Experts Web Design Tips</a></h4>-->
<!--                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor-->
<!--                                        incididunt ut labore et dolore magna aliqua.</p>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->

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

        <section id="section-contact" style="background-size: cover;padding-bottom: 140px">
            <div class="container" style="background-size: cover;">
                <div class="row" style="background-size: cover;">
                    <div class="col-lg-6 offset-lg-3" style="background-size: cover;">
                        <div class="text-center" style="background-size: cover;">
                            <h2>联系我们</h2>
                            <p>我们的商务小哥会马上联系您！</p>
                            <div class="spacer-30" style="background-size: cover;"></div>
                        </div>
                    </div>
                </div>

                <form name="contactForm" id="contact_form" class="row form-default" method="post"
                      action="/wap/contact">
                    <div class="col-md-6" style="background-size: cover;">
                        <div class="field-set" style="background-size: cover;">
                            <input type="text" name="name" id="name" class="form-control" placeholder="您的名字">
                            <div class="line-fx" style="background-size: cover;"></div>
                        </div>

                        <!--<div class="field-set" style="background-size: cover;">-->
                        <!--<input type="text" name="email" id="email" class="form-control" placeholder="Your Email">-->
                        <!--<div class="line-fx" style="background-size: cover;"></div>-->
                        <!--</div>-->

                        <div class="field-set" style="background-size: cover;">
                            <input type="text" name="phone" id="phone" class="form-control" placeholder="您的电话">
                            <div class="line-fx" style="background-size: cover;"></div>
                        </div>
                    </div>

                    <div class="col-md-6" style="background-size: cover;">
                        <div class="field-set" style="background-size: cover;">
                            <textarea name="message" id="message" class="form-control"
                                      placeholder="留言信息"></textarea>
                            <div class="line-fx" style="background-size: cover;"></div>
                        </div>
                    </div>

                    <div class="spacer-single" style="background-size: cover;"></div>

                    <div class="col-md-12 text-center" style="background-size: cover;">
                        <div id="submit" style="background-size: cover;">
                            <input type="submit" id="send_message" value="提交" class="btn btn-custom color-2">
                        </div>
                        <div id="mail_success" class="success" style="background-size: cover;">你的消息已经发送成功！
                        </div>
                        <div id="mail_fail" class="error" style="background-size: cover;">
                            <!-- 啊。不知道为什么发送失败了呢 -->
                            发送失败，请检查电话号码是否正确！
                        </div>
                    </div>
                </form>

                <div class="spacer-double" style="background-size: cover;"></div>

                <!--<div class="row text-center wow fadeInUp"-->
                <!--style="background-size: cover; visibility: hidden; animation-name: none;">-->
                <!--<div class="col-md-4" style="background-size: cover;">-->
                <!--<div class="wm-1" style="background-size: cover;"></div>-->
                <!--<i class="icon_mobile id-color size40 mb20"></i>-->
                <!--<h6 class="id-color">Call Us</h6>-->
                <!--<p>(208) 333 9296</p>-->
                <!--</div>-->

                <!--<div class="col-md-4" style="background-size: cover;">-->
                <!--<div class="wm-1" style="background-size: cover;"></div>-->
                <!--<i class="icon_house_alt id-color size40 mb20"></i>-->
                <!--<h6 class="id-color">Visit Office</h6>-->
                <!--<p>Collins Street West, London, UK</p>-->
                <!--</div>-->

                <!--<div class="col-md-4" style="background-size: cover;">-->
                <!--<div class="wm-1" style="background-size: cover;"></div>-->
                <!--<i class="icon_mail_alt id-color size40 mb20"></i>-->
                <!--<h6 class="id-color">Email Us</h6>-->
                <!--<p>contact@jess-template.com</p>-->
                <!--</div>-->
                <!--</div>-->
            </div>
        </section>
        <!-- section begin -->

    </div>
    <!-- content close -->

    <!-- footer begin -->

    <footer class="footer" style="position: relative">

        <div class="container" style="background-size: cover;">
            <div class="row align-items-center" style="background-size: cover;">
                <div class="col-md-6 sm-text-center mb-sm-30" style="background-size: cover;">
                </div>
                <div class="col-md-6 text-md-right text-sm-left" style="background-size: cover;">
                    <div class="social-icons" style="background-size: cover;">
                        <a href="javascript:void(0);" title="点击前往微博：没想到是条化妆的鱼" onclick="goWeibo()"><i class="iconfont icon-weibo"></i></a>
                        <a href="javascript:void(0);" id="xiaochengxu2" onclick="goXiaochengxu()"><i class="iconfont icon-xiaochengxu"></i></a>
                        <a href="javascript:void(0);" title="点击前往B站：没想到是鱼鱼" onclick="goBilibili()"><i class="iconfont icon-bilibili-fill"></i></a>
                        <a href="javascript:void(0);" title="点击前往小红书：化妆的鱼" onclick="goXiaohongshu()"><i class="iconfont icon-xiaohongshu" style="line-height: 5px"></i></a>
                        <a href="javascript:void(0);" id="shipin2"><i class="iconfont icon-shipin"></i></a>
                    </div>
                </div>
                <div id="qrcode2">
                    <img src="http://sixwing.cn/system/images/logo.png" alt="">
                </div>
                <div id="shipinqr2">
                    <img src="http://huazhuangdeyu.oss-cn-beijing.aliyuncs.com/34a53202105211534588919.jpg" alt="" style="max-width: 400px">
                </div>
            </div>
        </div>
    </footer>
    <!-- footer close -->

    <a href="#" id="back-to-top"></a>

    <div id="preloader" style="background-size: cover;">
        <div class="spinner" style="background-size: cover;">
            <div class="bounce1" style="background-size: cover;"></div>
            <div class="bounce2" style="background-size: cover;"></div>
            <div class="bounce3" style="background-size: cover;"></div>
        </div>
    </div>
</div>

<!-- Javascript Files
================================================== -->
<script src="static/index_files/jquery.min.js"></script>
<script src="static/index_files/bootstrap.min.js"></script>
<script src="static/index_files/wow.min.js"></script>
<script src="static/index_files/jquery.isotope.min.js"></script>
<script src="static/index_files/easing.js"></script>
<script src="static/index_files/owl.carousel.js"></script>
<script src="static/index_files/validation.js"></script>
<script src="static/index_files/jquery.magnific-popup.min.js"></script>
<script src="static/index_files/enquire.min.js"></script>
<script src="static/index_files/jquery.stellar.min.js"></script>
<script src="static/index_files/jquery.plugin.js"></script>
<script src="static/index_files/typed.js"></script>
<script src="static/index_files/jquery.countto.js"></script>
<script src="static/index_files/jquery.countdown.js"></script>
<script src="static/index_files/designesia.js"></script>
<style>
    .copyrights {
        text-indent: -9999px;
        height: 0;
        line-height: 0;
        font-size: 0;
        overflow: hidden;
    }
    #qrcode{
        position: absolute;
        right: -100px;
        top:94px;
        box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.16);
        border-radius: 50px;
        overflow: hidden;
        display: none;
    }
    #shipinqr{
        position: absolute;
        right: -140px;
        top:94px;
        box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.16);
        border-radius: 50px;
        overflow: hidden;
        display: none;
    }
    #qrcode2{
        position: absolute;
        right: 5%;
        bottom:120px;
        box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.16);
        border-radius: 50px;
        overflow: hidden;
        display: none;
    }
    #shipinqr2{
        position: absolute;
        right: 5%;
        bottom:120px;
        box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.16);
        border-radius: 50px;
        overflow: hidden;
        display: none;
    }
    .about_us{
        width: 1000px;
        margin: 150px auto;
    }
    .about_us_item{
        width: 500px;
    }
    .hezuo img{
        width: 15% !important;
        height: auto;
        margin-left: 1%;
        display: inline !important;
    }
    .hezuo_title{
        font-size: 22px;
        font-family: PingFang SC;
        font-weight: 400;
        line-height: 26px;
        color: #FFFFFF;
        text-align: center;
        margin-top: 90px;
    }
    .licheng{
        line-height:100%;
    }
    .licheng>div{
        margin-top: 20px;
        text-align: center;
        font-size: 18px;
        font-family: PingFang SC;
        font-weight: 400;
        line-height: 36px;
        color: #35404E;
    }
    .licheng>div:nth-child(1){
        font-size: 53px;
        font-family: PingFang SC;
        font-weight: 800;
        line-height: 79px;
        color: #35404E;
    }
    .licheng>div:nth-child(2){
        font-size: 32px;
        font-family: PingFang SC;
        font-weight: 400;
        line-height: 53px;
        color: #313131;
    }
    .zimeiti{
        text-align: center;
        font-size: 24px;
        font-family: PingFang SC;
        font-weight: bold;
        line-height: 45px;
        color: #FFFFFF;
        margin-top: 20px;
    }
    .zimeiti img{
        width: 36px;
        height: 36px;
    }
    .tiaozhuan{
        text-align: center;
        width: 134px;
        border-radius: 27px;
        height: 42px;
        line-height: 42px;
        color: #FFFFFF;
        border: 2px solid #FFFFFF;
        margin: 20px auto 0 auto;
    }

</style>
<script>
    //前往微博
    function goWeibo(){
        window.open("http://www.weibo.com/u/5907260560","_blank");
    }

    function goBilibili(){
        window.open("http://space.bilibili.com/41371430","_blank");
    }

    function goXiaochengxu()
    {
        var mobile_flag = isMobile();
        var weixin = isWeiXin();
        if(mobile_flag){
            var weibo = isWeibo();
            if (weixin) {
                // $("#qrcode").fadeIn('fast');
//                if (2 != 1) {
//                    window.location.href="http://sixwing.cn/wap/qrcode";
//                } else {
               // alert(111);
                    // window.location.href="{&quot;path&quot;:&quot;/pages/index/index&quot;,&quot;mini_id&quot;:&quot;wxd86175e3be3bc03e&quot;,&quot;original_id&quot;:&quot;gh_513950615c02&quot;}";
//                }
            }else if (weibo) {
                $(".notice-msg").html("正在跳转微信小程序,如未自动打开微信请点击下方按钮");
                window.location.href="sinaweibo://wbdiversion?username=gh_513950615c02&path=%2Fpages%2Findex%2Findex";
            } else {
                window.location.href="weixin://dl/business/?t=x4koq4huYUa";
            }
        } else {
           return
        }
    }

    function goXiaohongshu()
    {
        window.open("http://www.xiaohongshu.com/user/profile/5cc703d9000000001103aa7f");
    }

    function goGongzhonghao()
    {
        window.open("http://mp.weixin.qq.com/s/mhWYHm5Ty1DeIzNPm5FY-A");

    }

    $("#xiaochengxu").hover(function(){
        $("#qrcode").fadeIn('fast');
    },function(){
        $("#qrcode").fadeOut('fast');
    });

    $("#shipin").hover(function(){
        $("#shipinqr").fadeIn('fast');
    },function(){
        $("#shipinqr").fadeOut('fast');
    });

    $("#xiaochengxu2").hover(function(){
        $("#qrcode2").fadeIn('fast');
    },function(){
        $("#qrcode2").fadeOut('fast');
    });

    $("#shipin2").hover(function(){
        $("#shipinqr2").fadeIn('fast');
    },function(){
        $("#shipinqr2").fadeOut('fast');
    });

    // 点击空白隐藏二维码
    $("#content").click(function(event) {
        $("#shipinqr").fadeOut('fast');
        $("#qrcode").fadeOut('fast');
    });

    //判断是否是微信浏览器的函数
    function isWeiXin() {
        var ua = navigator.userAgent.toLowerCase()
        var isWXWork = ua.match(/wxwork/i) == 'wxwork'
        var isWeixin = !isWXWork && ua.match(/micromessenger/i) == 'micromessenger'
        return isWeixin;
    }

    //判断是否是百度浏览器浏览器的函数,百度不能调起其他APP
    function isBaidu() {
        ua = navigator.userAgent.toLowerCase();
        if (ua.indexOf('baiduboxapp/') > -1) {
            return true;
        } else {
            return false;
        }
    }

    function isUc() {
        if (navigator.userAgent.match(/(UCBrowser|Quark)/i)) {
            return true;
        } else {
            return false;
        }
    }

    function isWeibo() {
        var ua = navigator.userAgent;
        if (ua.indexOf('Weibo') > -1) {
            return true;
        } else {
            return false;
        }
    }

    function isMobile() {
        if (navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|XiaoMi|IEMobile)/i)) {
            return true;
        } else {
            return false;
        }
    }

    function showDianji() {
        $("#public-web-jump-button").html("点击立即前往微信");
        $("#dianjiimg").show();
        clearTimeout(dianji);
    }

    (function(){
        var bp = document.createElement('script');
        var curProtocol = window.location.protocol.split(':')[0];
        if (curProtocol === 'https') {
            bp.src = 'http://zz.bdstatic.com/linksubmit/push.js';
        }
        else {
            bp.src = 'http://push.zhanzhang.baidu.com/push.js';
        }
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(bp, s);
    })();
</script>
<script>
    (function(){
        var src = "http://s.ssl.qhres2.com/ssl/ab77b6ea7f3fbf79.js";
        document.write('<script src="' + src + '" id="sozz"><\/script>');
    })();

    function GetRequest() {
        var url = location.search; //获取url中"?"符后的字串
        var theRequest = new Object();
        if (url.indexOf("?") != -1) {
            var str = url.substr(1);
            strs = str.split("&");
            for(var i = 0; i < strs.length; i ++) {
                theRequest[strs[i].split("=")[0]]=unescape(strs[i].split("=")[1]);
            }
        }
        return theRequest;
    }
    var my_src = GetRequest();
    if (typeof my_src.id != 'undefined'){
        $('html, body').animate({scrollTop: $('#'+my_src.id+'').offset().top}, 1000)
    }


</script>

</body>
</html>
