<!doctype html>
<html lang="zh">
<head>
    <meta charset="utf-8">
    <title>8think-杭州八仙广告有限公司</title>
    <meta name="keywords" content="杭州八仙广告有限公司">
    <meta name="description" content="杭州八仙广告有限公司">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,shrink-to-fit=no,user-scalable=no">
    <script>
    // remChange();
    // window.addEventListener('resize', remChange);
    // function remChange() {
    //     remove();
    //     let width = window.screen.width;
    //     let fixedw = 750;
    //     let scale = width / fixedw; //获取到的屏幕宽度比上自定义的750宽度 获得对应比例
    //     let meta = document.createElement("meta");
    //     meta.setAttribute('name', 'viewport');
    //     //将对应比例填入meta标签即可实现宽度自适应
    //     meta.setAttribute('content', `width=device-width, initial-scale=${scale}, maximum-scale=${scale}, minimum-scale=${scale}, user-scalable=no`);
    //     //meta将标签添加到文档中即可
    //     document.head.appendChild(meta);
    // }
    // function remove() {
    //     let meta = document.querySelector("meta[name='viewport']");
    //     if (meta != null) {
    //         document.head.removeChild(meta);
    //     }
    // }
</script>
    <link rel="stylesheet" href="/template/8think/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="/template/8think/font-awesome-4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="/template/8think/css/aoyun.css?v=v1.3.6">
    <link rel="stylesheet" href="/template/8think/css/animate.css">
    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
    <script src="/template/8think/js/jquery-1.12.4.min.js"></script>
</head>
<style>
    /*.fixed-top {*/
    /*    position: absolute;*/
    /*}*/

    .bg-light {
        background-color: rgba(43, 2, 3, 0.1) !important
    }

    .bg-solid {
        background-color: rgba(43, 2, 3, 1) !important
    }

    .shadow-sm {
        box-shadow: 0 .125rem .25rem rgba(151, 151, 151, 0.1) !important;
    }

    .navbar-border-bottom {
        border-bottom: 1px solid rgba(186, 151, 153, 0.3) !important;
    }
    .navbar-nav{
        display: flex;
    }
    .nav-link{
        /*max-width: 100px;*/
        position: relative;
    }
    .nav-link:before{
        content: '';
        height: 2px;
        background-color: #D90212;
        width: 100%;
        position: absolute;
        left: 0;
        bottom: 0;
        transform: scaleX(0);
        transition: .3s;
    }
    .navbar-nav .nav-item:not(.active) .nav-link:hover:before{
        transform: scaleX(1);
    }
    @media only screen and (max-width: 992px) {
        .navbar-nav .nav-item:not(.active) .nav-link:hover:before{
            transform: scaleX(0);
        }
        .nav-link span:before{
            content: '';
            height: 2px;
            background-color: #D90212;
            width: 100%;
            position: absolute;
            left: 0;
            bottom: 0;
            transform: scaleX(0);
            transition: .3s;
        }
        .navbar-nav .nav-item .nav-link:hover span:before{
            transform: scaleX(1);
        }
    }

    @media only screen and (max-width: 992px)
    {
        .navbar-toggler.collapsed .navbar_toggler_open,.navbar-toggler:not(.collapsed) .navbar_toggler_clear {
            display: block;
        }
        .navbar-toggler:not(.collapsed) .navbar_toggler_open,.navbar-toggler.collapsed .navbar_toggler_clear{
            display: none;
        }

    }
    /*.navbar-toggler:hover{*/
    /*    border: transparent!important;*/
    /*    box-shadow:none!important;*/
    /*}*/
    /*.navbar-toggler:active{*/
    /*    border: transparent!important;*/
    /*    box-shadow:none!important;*/
    /*}*/
</style>
<body>

<!-- 头部导航 -->
<nav class="navbar navbar-light bg-light fixed-top navbar-expand-lg navbar-border-bottom" style="height: 100px;">
    <div class="container" style="padding-right: 0px;padding-left: 0px;">
        <a class="navbar-brand" href="/">
            <img src="/static/upload/image/20231109/1699516106423190.png" class="logo-sm-height" height="32">
        </a>
        <div class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#navbarNav"
                aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
               <span class="navbar-toggler-icon"></span>
<!--            <span class="navbar_toggler_open" id="navbar_toggler_open"></span>-->
<!--            <span class="navbar_toggler_clear" id="navbar_toggler_clear"></span>-->
        </div>
        <div class="collapse navbar-collapse justify-content-end " id="navbarNav">
            <ul class="navbar-nav">
                
                <li class="nav-item ">
                    <a class="nav-link" href="/case/"><span  class="col-auto">客户案例</span></a>
                </li>
                
                <li class="nav-item ">
                    <a class="nav-link" href="/solutionus/"><span  class="col-auto">解决方案</span></a>
                </li>
                
                <li class="nav-item ">
                    <a class="nav-link" href="/article/"><span  class="col-auto">新闻观点</span></a>
                </li>
                
                <li class="nav-item ">
                    <a class="nav-link" href="/aboutus/"><span  class="col-auto">关于我们</span></a>
                </li>
                
                <li class="nav-item ">
                    <a class="nav-link" href="/contact/"><span  class="col-auto">联系我们</span></a>
                </li>
                
            </ul>
        </div>
    </div>
</nav>

<style>

</style>
<script type="text/javascript" src="/template/8think/js/lottie.min.js"></script>
<script>
    let navbar_toggler_open, navbar_toggler_clear;
    navbar_toggler_open = lottie.loadAnimation({
        container: document.getElementById('navbar_toggler_open'),
        renderer: 'svg',
        loop: false,
        autoplay: false,
        path: '/template/8think/json/top_1.json'
    });
    navbar_toggler_clear = lottie.loadAnimation({
        container: document.getElementById('navbar_toggler_clear'),
        renderer: 'svg',
        loop: false,
        autoplay: false,
        path: '/template/8think/json/top_2.json'
    });
    navbar_toggler_open.setDirection(1);
    navbar_toggler_open.play();
</script>
<script>
    $(window).scroll(function () {
        if ($(document).scrollTop() <= 50) {
            $('.navbar').removeClass('bg-solid');
        } else {
            $('.navbar').addClass('bg-solid');
        }
    });
</script>

<style>
    .hero-video-bg{
        position: absolute;
        z-index: 9;
        display: block;
        height: 100%;
        width: 100%;
        max-width: none;
        margin: 0;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        object-fit: none;    /*保留原有元素内容的长度和宽度*/
        background-color: #050100!important;
    }
    .hero-video-bg-h5{
        object-fit: cover!important;

        height: auto!important;
    }
    body{
        background-color: #050100!important;
    }
    /*.hero-video-bg {*/
    /*    width: 100%;*/
    /*    height: 100%;*/
    /*    background: url("/static/upload/image/20231122/1700640911186933.jpg");*/
    /*    background-size: cover;*/
    /*    background-repeat: no-repeat;*/
    /*    background-position: center center;*/
    /*}*/
</style>
<div >
    <img class="hero-video-bg d-none d-md-block" src="/static/upload/image/20231122/1700640911186933.jpg"></img>
    <img class="hero-video-bg hero-video-bg-h5 d-block d-md-none" src="/static/upload/image/20231122/1700640844974599.png"></img>
    <!--    <img class="share" src="/static/upload/image/20231122/1700640911186933.jpg"  style="background: black;"></img>-->
    <!--<video class="hero-video-bg" src="/static/upload/image/20231122/1700640911186933.jpg" autoplay="" loop="" playsinline="" muted="" style="background: black;"></video>-->
</div>

<div class="fixed-bottom row justify-content-between copyright  lh-3 text-center" style="padding-bottom: 20px;">
    <div class="col-12">
        <div class="container">
            <div class="row justify-content-center" style="color: #624D4E">
                <div class="col-12 col-md-auto foot-icp copyright-text-siteicp" style="padding-left: 8px;padding-right: 8px;height: 24px">
                    <span> Copyright © 2009-2024 杭州八仙广告有限公司</span>
                </div>
                <div class="col-12 col-md-auto foot-icp copyright-text-siteicp" style="padding-left: 8px;padding-right: 8px;height: 24px">
                    <span><a  target="_blank" href="https://beian.miit.gov.cn/" style="color: #624D4E;">浙ICP备15012966号-1</a></span>
                </div>
                <div class="col-12 col-md-auto foot-icp copyright-text-siteicp" style="padding-left: 8px;padding-right: 8px;height: 24px">
                    <span><a  target="_blank" href="https://beian.miit.gov.cn/" style="color: #624D4E;">浙公网安备 33010602003019号</a></span>
                </div>
            </div>
        </div>

    </div>
</div>
<script src="/template/8think/js/popper.min.js"></script>
<script src="/template/8think/bootstrap/js/bootstrap.min.js"></script>
<script src="/template/8think/js/wow.min.js"></script>
<script src="/template/8think/js/aoyun.js?v=v1.2.2"></script>