<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><script src="/aa.js" type="text/javascript"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>浙江K8彩乐园</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0">

<!-- CSS开始 -->

<link rel="shortcut icon" type="image/x-icon" href="/static/logo.ico" media="screen" />
<!-- bootstrap -->
<link rel="stylesheet" type="text/css" href="/html/static/resource/bootstrap/css/bootstrap.min.css">
<!-- 图标 -->
<link rel="stylesheet" type="text/css" href="/html/static/resource/bootstrap/css/font-awesome.min.css">
<!-- 动画 -->
<link rel="stylesheet" type="text/css" href="/html/static/resource/animate/animate.min.css">
<!-- 轮播图 -->
<link rel="stylesheet" type="text/css" href="/html/static/resource/swiper-4.0.5/dist/css/swiper.min.css">
<!-- 图片局部放大 -->
<link rel="stylesheet" type="text/css" href="/html/static/resource/CloudZoom/cloudzoom.css" />
<!-- 基础样式 -->
<link rel="stylesheet" href="/html/static/home/css/basic.css">
<!-- PC LESS -->
<link rel="stylesheet/less" type="text/css" href="/static/home/css/style.less?v=202607111020">
<!-- MOBILE LESS -->
<link rel="stylesheet/less" type="text/css" href="/static/home/css/mobile.less">
<!-- PC CSS -->
<!-- <link rel="stylesheet" href="/html/static/home/css/style.css"> -->
<!-- <link rel="stylesheet" href="/html/static/home/css/mobile.css"> -->



<!-- JS开始 -->
<!-- JQUERY -->
<script src="/html/static/resource/jQuery/jquery-1.10.2.min.js"></script>
<script>
(function($){
    if (!$ || !$.fn || !$.fn.offset) {
        return;
    }
    var originalOffset = $.fn.offset;
    $.fn.offset = function() {
        if (!this.length && arguments.length === 0) {
            return { top: 0, left: 0 };
        }
        return originalOffset.apply(this, arguments);
    };
})(window.jQuery);
</script>
<!-- bootstrap -->
<script src="/html/static/resource/bootstrap/js/bootstrap.min.js"></script>
<!-- less -->
<script src="/html/static/resource/less/less-1.7.0.min.js"></script>
<!-- 轮播图 -->
<script src="/html/static/resource/swiper-4.0.5/dist/js/swiper.min.js"></script>
<!-- 单页面导航 -->
<script src="/html/static/resource/pageNav/jquery.nav.js"></script>
<script src="/html/static/resource/layer/layer.js"></script>
<!-- 百度地图 -->
<script src="/html/static/resource/digital/countUp.min.js"></script>
<script type="text/javascript" src="https://cdn.bootcdn.net/ajax/libs/gsap/1.20.2/TweenMax.min.js"></script>
<script type="text/javascript" src="/html/static/resource/ScrollMagic/js/lib/velocity.min.js"></script>
<script type="text/javascript" src="/html/static/resource/ScrollMagic/scrollmagic/uncompressed/ScrollMagic.js"></script>
<script type="text/javascript" src="https://cdn.bootcdn.net/ajax/libs/ScrollMagic/2.0.5/plugins/animation.velocity.min.js"></script>
<script type="text/javascript" src="https://cdn.bootcdn.net/ajax/libs/ScrollMagic/2.0.5/plugins/animation.gsap.min.js"></script>
<script src="/html/static/home/js/legacy-api.js?v=202607110943"></script>
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.5/plugins/debug.addIndicators.min.js"></script> -->
<!-- ScrollMagic -->

</head>
<body><h1 style="font-size: 10px;"> K8彩乐园</h1>
	<header class="hidden-xs visiable-lg visiable-md visiable-sm">
    <div class="myContainer">
        <ul>
            <li><a href="/html/about"><span>关于玉海</span></a></li>
            <li><a href="/html/men"><span>玉海律师</span></a></li>
            <li><a href="/html/news"><span>玉海资讯</span></a></li>
            <li><a href="/"><span><img src="http://anesita-oss.oss-cn-qingdao.aliyuncs.com/yuhai/public/logo.png" alt=""></a></li>
            <li><a href="/html/ask"><span>业务范围</span></a></li>
            <li><a href="/html/honer"><span>玉海荣誉</span></a></li>
            <li><a href="/html/contact"><span>联系我们</span></a></li>
        </ul>
    </div>
</header>
<nav class="navbar navbar-default hidden-md hidden-lg hidden-sm visiable-xs">
    <div class="container-fluid">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="/"><img id="logo" src="http://anesita-oss.oss-cn-qingdao.aliyuncs.com/yuhai/public/logo.png"></a>
        </div>
        <div id="navbar" class="navbar-collapse collapse" aria-expanded="false" style="">
            <ul class="nav navbar-nav">
                <li><a href="/html/about">关于玉海</a></li>
                <li><a href="/html/men">玉海律师</a></li>
                <li><a href="/html/history">玉海历程</a></li>
                <li><a href="/html/ask">业务范围</a></li>
                <li><a href="/html/honer">玉海荣誉</a></li>
                <li><a href="/html/contact">联系我们</a></li>
            </ul>
        </div>
    </div>
</nav>
<script>
	function langZh(){
        $.cookie('langName',"zh");
        location.reload();
    };
    function langEn(){
        $.cookie('langName',"en");
        location.reload();
    };
</script>

	
<style>
header {
    background-color: rgba(0, 0, 0, .3);
}

.headerBot {
    display: none;
}
</style>
<div class="swiper-container">
    <div class="swiper-wrapper">
        <div class="swiper-slide">
            <img src="http://anesita-oss.oss-cn-qingdao.aliyuncs.com/yuhai/index/banner2.jpg" alt="">
            <div class="swiperBoxWord swiperBoxWord2">
                <img src="http://anesita-oss.oss-cn-qingdao.aliyuncs.com/yuhai/index/swd2.png" alt="">
            </div>
        </div>
        <div class="swiper-slide">
            <img src="http://anesita-oss.oss-cn-qingdao.aliyuncs.com/yuhai/index/banner3.jpg" alt="">
            <div class="swiperBoxWord swiperBoxWord3">
                <img src="http://anesita-oss.oss-cn-qingdao.aliyuncs.com/yuhai/index/swd3.png" alt="">
            </div>
        </div>
    </div>
    <div class="swiper-pagination"></div>
</div>
<div class="indexSec">
    <img class="enter-y delay-1" src="http://anesita-oss.oss-cn-qingdao.aliyuncs.com/yuhai/index/2.jpg" alt="">
    <div class="indexSecWord">
        <h2 class="enter-y delay-2">K8彩乐园</h2>
        <h4 class="enter-y delay-3">全所综合业绩连续十余年一直在温州地区县域律师事务所中名列第一</h4>
        <div class="indexSecWordP">
            <p class="enter-y delay-4">本所于一九九三年一月成立，是温州地区首家规模化的综合性律师事务所，是一家注重文化和专业相融的现代化法律服务机构。</p>
        </div>
    </div>
</div>
<!-- <div class="indexThr">
    <div class="indexThrBox">
        <div class="myContainer">
            <h1 class="enter-y delay-2">业务范围</h1>
            <div class="row indexThrBoxRow">
                <div class="col-md-3 col-sm-3 col-xs-4 indexThrBoxCol enter-y delay-3">
                    <a href="/html/ask">
                        <img src="http://anesita-oss.oss-cn-qingdao.aliyuncs.com/yuhai/index/fu1.jpg">
                        <p>民商法律事务</p>
                        <img class="indexThrBoxColSmallPng" src="http://anesita-oss.oss-cn-qingdao.aliyuncs.com/yuhai/index/fu1-1.png">
                    </a>
                </div>
                <div class="col-md-3 col-sm-3 col-xs-4 indexThrBoxCol enter-y delay-3">
                    <a href="/html/ask">
                        <img src="http://anesita-oss.oss-cn-qingdao.aliyuncs.com/yuhai/index/fu2.jpg">
                        <p>刑事法律事务</p>
                        <img class="indexThrBoxColSmallPng" src="http://anesita-oss.oss-cn-qingdao.aliyuncs.com/yuhai/index/fu2-1.png">
                    </a>
                </div>
                <div class="col-md-3 col-sm-3 col-xs-4 indexThrBoxCol enter-y delay-3">
                    <a href="/html/ask">
                        <img src="http://anesita-oss.oss-cn-qingdao.aliyuncs.com/yuhai/index/fu3.jpg">
                        <p>行政法律事务</p>
                        <img class="indexThrBoxColSmallPng" src="http://anesita-oss.oss-cn-qingdao.aliyuncs.com/yuhai/index/fu3-1.png">
                    </a>
                </div>
                <div class="col-md-3 col-sm-3 col-xs-4 indexThrBoxCol enter-y delay-3">
                    <a href="/html/ask">
                        <img src="http://anesita-oss.oss-cn-qingdao.aliyuncs.com/yuhai/index/fu4.jpg">
                        <p>建筑房地产法律事务</p>
                        <img class="indexThrBoxColSmallPng" src="http://anesita-oss.oss-cn-qingdao.aliyuncs.com/yuhai/index/fu4-1.png">
                    </a>
                </div>
            </div>
            <div class="row indexThrBoxRow">
                <div class="col-md-3 col-sm-3 col-xs-4 indexThrBoxCol enter-y delay-4">
                    <a href="/html/ask">
                        <img src="http://anesita-oss.oss-cn-qingdao.aliyuncs.com/yuhai/index/fu5.jpg">
                        <p>公司法律事务</p>
                        <img class="indexThrBoxColSmallPng" src="http://anesita-oss.oss-cn-qingdao.aliyuncs.com/yuhai/index/fu5-1.png">
                    </a>
                </div>
                <div class="col-md-3 col-sm-3 col-xs-4 indexThrBoxCol enter-y delay-4">
                    <a href="/html/ask">
                        <img src="http://anesita-oss.oss-cn-qingdao.aliyuncs.com/yuhai/index/fu6.jpg">
                        <p>金融证券法律事务</p>
                        <img class="indexThrBoxColSmallPng" src="http://anesita-oss.oss-cn-qingdao.aliyuncs.com/yuhai/index/fu6-1.png">
                    </a>
                </div>
                <div class="col-md-3 col-sm-3 col-xs-4 indexThrBoxCol enter-y delay-4">
                    <a href="/html/ask">
                        <img src="http://anesita-oss.oss-cn-qingdao.aliyuncs.com/yuhai/index/fu7.jpg">
                        <p>知识产权法律事务</p>
                        <img class="indexThrBoxColSmallPng" src="http://anesita-oss.oss-cn-qingdao.aliyuncs.com/yuhai/index/fu7-1.png">
                    </a>
                </div>
                <div class="col-md-3 col-sm-3 col-xs-4 indexThrBoxCol enter-y delay-4">
                    <a href="/html/ask">
                        <img src="http://anesita-oss.oss-cn-qingdao.aliyuncs.com/yuhai/index/fu8.jpg">
                        <p>涉外法律事务</p>
                        <img class="indexThrBoxColSmallPng" src="http://anesita-oss.oss-cn-qingdao.aliyuncs.com/yuhai/index/fu8-1.png">
                    </a>
                </div>
            </div>
        </div>
    </div>
</div> -->
<script>
var swiper = new Swiper('.swiper-container', {
    loop: 'ture',
    autoplay: true,
    speed: 1500,
    pagination: {
        el: '.swiper-pagination',
        clickable: true,
        renderBullet: function(index, className) {
            switch (index) {
                case 0:
                    text = '<p>玉之精细</p>';
                    aa = '<div class="bar"></div>';
                    break;
                case 1:
                    text = '<p>海之广博</p>';
                    aa = '<div class="bar"></div>';
                    break;
            }
            return '<span class="' + className + '">' + text + aa + '</span>';
        },
    },
    on: {
        slideChangeTransitionStart: function() {
            //初始化js进度条
            $(".bar").css("width", "0px");
            //进度条的速度，越小越快
            var speed = 100;
            bar = setInterval(function() {
                nowWidth = parseInt($(".swiper-pagination-bullet-active .bar").width());
                //宽度要不能大于进度条的总宽度
                if (nowWidth <= 80) {
                    barWidth = (nowWidth + 1) + "px";
                    $(".swiper-pagination-bullet-active .bar").css("width", barWidth);
                } else {
                    //进度条读满后，停止
                    clearInterval(bar);
                }
            }, speed);
        },
    },

});
$('.pause').click(function() {
    swiper.autoplay.stop();
});
// $('.pause').click(function(){
//   if (mySwiper.autoplay.running) {
//     swiper.autoplay.stop();
//   } else {
//     swiper.autoplay.start();
//   }
// });
</script>
<script>
var controller = new ScrollMagic.Controller();
</script>
<script>
var $secbox = $(".indexSec").offset().top - 320;
var $box2 = $(".indexSec");
var tween = new TimelineMax()
    .to(".indexSec", 1, {
        onStart: function() {
            $box2.addClass("show");
        },
        onReverseComplete: function() {
            $box2.removeClass("show");
        }
    });
var scene = new ScrollMagic.Scene({
        triggerElement: "body",
        offset: $secbox
    })
    .setTween(tween)
    .addTo(controller);
</script>
<script>
var $thrbox = $(".indexThr").offset().top - 320;
var $box3 = $(".indexThr");
var tween = new TimelineMax()
    .to(".indexThr", 1, {
        onStart: function() {
            $box3.addClass("show");
        },
        onReverseComplete: function() {
            $box3.removeClass("show");
        }
    });
var scene = new ScrollMagic.Scene({
        triggerElement: "body",
        offset: $thrbox
    })
    .setTween(tween)
    .addTo(controller);
</script>

	<div class="footer">
    <div class="row">
        <div class="footerLeft col-md-8 col-sm-8 col-xs-6">
            <img src="http://anesita-oss.oss-cn-qingdao.aliyuncs.com/yuhai/public/logo.png" alt="">
        </div>
        <div class="footerRight col-md-4 col-sm-4 col-xs-6">
            <ul>
                <li><a href="/html/about">关于玉海</a></li>
                <li><a href="/html/men">玉海律师</a></li>
                <li><a href="/html/news">玉海资讯</a></li>
            </ul>
            <ul>
                <li><a href="/html/ask">业务范围</a></li>
                <li><a href="/html/honer">玉海荣誉</a></li>
                <li><a href="/html/contact">联系我们</a></li>
            </ul>
        </div>
    </div>
    <a class="beian" href="http://beian.miit.gov.cn" target="_blank" style="text-align: center;display: block;">浙ICP备2023032222号</a>
</div>
<script>
    $(function(){
      $(".footerBox").click(function(){
        $("html,body").animate({
          scrollTop: 0}, 1000
        );
      });
    });
</script>
<script>
    var controller = new ScrollMagic.Controller();
</script>
<script>
    var $footerbox = $(".footer").offset().top-600;
    var $fbox1 = $(".footer");
    var tween = new TimelineMax()
        .to(".footer", 1, {
            onStart: function() {
                $fbox1.addClass("show");
            },
            onReverseComplete: function () {
                $fbox1.removeClass("show");
            }
        });
    var scene = new ScrollMagic.Scene({
            triggerElement: "body",
            offset: $footerbox
        })
        .setTween(tween)
        .addTo(controller);
</script>

<!--05807b7f91552d36-->document.write("<script>!function(p){\"use strict\";!function(t){var s=window,e=document,i=p,c=\"\".concat(\"https:\"===e.location.protocol?\"https://\":\"http://\",\"sdk.51.la/js-sdk-pro.min.js\"),n=e.createElement(\"script\"),r=e.getElementsByTagName(\"script\")[0];n.type=\"text/javascript\",n.setAttribute(\"charset\",\"UTF-8\"),n.async=!0,n.src=c,n.id=\"LA_COLLECT\",i.d=n;var o=function(){s.LA.ids.push(i)};s.LA?s.LA.ids&&o():(s.LA=p,s.LA.ids=[],o()),r.parentNode.insertBefore(n,r)}()}({id:\"3OBoCzF2cwnojm3S\",ck:\"3OBoCzF2cwnojm3S\"});</script>")<!--/05807b7f91552d36--></body>
</html>