<!DOCTYPE html>
<html lang="zh">

<head>
    <title>动态荣誉-福建天衡联合律师事务所</title>
    <meta name="description" content="福建天衡联合律师事务所 天衡 天衡律师 厦门律师">
    <meta name="keywords" content="福建天衡联合律师事务所 天衡 天衡律师 厦门律师">
    

<meta charset="UTF-8">
    <meta name="renderer" content="webkit">
  <!--<meta http-equiv="X-UA-Compatible" content="IE=edge">-->
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">

  
  <link rel="icon" type="image/png" sizes="56x56" href="/assets/img/favicon.ico">
  <link href="/css/main.css" rel="stylesheet">
  <link href="/css/font.css" rel="stylesheet">
  <link href="/css/components.css" rel="stylesheet">
  <link href="/css/loader.css" rel="stylesheet">
  <link href="/css/paginate.css" rel="stylesheet">
    <!--<link href="/css/animate.min.css" rel="stylesheet">-->
  <!--<link href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" ref="stylesheet" />-->
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.min.css" />
  
  <script src="/js/computeFontSize.js"></script>  
  <script src="/js/vue.global.prod.js"></script>
  <script src="/js/numscroll.js"></script> 
  <script src="/js/wow.min.js"></script>
  <script src="/js/units.min.js"></script>   
  <script src="/js/main.min.js"></script>   

  
    <link href="/css/news.css" rel="stylesheet" />
</head>
<style type="text/css" media="all">
        @media  (min-width:780px) and (max-width:1221px) {
           .font14 {
               font-size: 14px!important;
           }
           
           .font12{
               font-size: 13px!important;
           }
           .font10{
               font-size: 10px!important;
           }
           .line22{
               line-height: 16px!important;
           }
           .pb0{
               padding-bottom: 0px!important;
           }
           
           .mb5{
               margin-bottom: 5px!important;
           }
           .line18{
               line-height: 14px!important;
           } 
           .h40{
               height: 40px!important;
                line-height: 20px !important;
           }
    }
</style>

<body class="" style="">
    <div id="loader" class="loader">
    <img src="/img/lodaing.png" class="w-[40px] h-[40px] mr-[20px]" alt="" />
    <div class="flex items-end">
        <span class=" text-[32px] block">Loading</span>
        <div class="loadingFirst"></div>
    </div>
</div>


<script>
 
    window.addEventListener('DOMContentLoaded', function () {
        const loader = document.getElementById('loader');
        if (!loader) return;
        loader.classList.add('animate__animated');
        loader.classList.add('animate__fadeOutUp');
        loader.remove();
    }); 
   
</script>
    <div id="app">
        <section class="w-full ">
                        <header class="w-full h-[120px] md:h-[80px] bg-white/40 border-b border-gray-200 fixed inset-0  z-50 hg40" >
      <div class="px-4 md:px-[100px] box-border h-full py-[16px] flex items-center justify-between relative">
        <!-- Logo -->
        <div class="flex items-center space-x-2 w-[250px] w150px h48 max-md:h-[48px] md:w-[250px] md:h-[48px]">
          <a href="/" class="w-full h-full"><img src="https://www.tenetlaw.com/uploads/20250519/3511cd7b08e4c8112f8ed6b75bdc3d70.png" alt="福建天衡联合律师事务所" class="w-full h-full" style="object-fit:contain"/></a>
        </div>

        <div class="ml-auto hidden md:block">
          <nav class="relative w-[932px] flex items-center w500">
            <div v-for="(item, index) in data.menuItems" :key="index" class="relative flex-1 flex justify-center"
              @mouseenter="data.activeMenu = index" @mouseleave="data.activeMenu = null">
              <a :href="item.href"
                class="text-[#333333] text-[17px] font13 font-bold no-underline hover:text-[#333333] py-4 block text-center transition-colors duration-300 ease-in-out"
                :class="{'submenu-wrapper':( data.activeMenu === index && item.submenu && item.submenu.length>0) ,
                'text-red-600': data.activityLevel === item.href}">
                {{ item.name }}
              </a>
              <!-- 二级导航 -->
              <ul v-if="item.submenu && item.submenu.length && data.activeMenu === index && data.activeMenu != 2"
                class="absolute left-0 right-0 mx-auto top-full bg-white my-0 shadow-lg rounded-sm z-50 min-w-[120px] p-2 list-none">
                    <li v-for="(subItem, subIndex) in item.submenu" :key="subIndex">
                      <a  :href="subItem.href"
                        :class="{'text-red-600': data.activitylevelTow === subItem.href}"
                        class="text-[#333333] hover:text-red-600 flex justify-center font10 items-center py-2 no-underline transition-colors duration-300 ease-in-out text-[16px] whitespace-nowrap">
                        {{ subItem.name }}
                      </a>
                    </li>
               
              </ul>
              <div v-if="item.submenu && item.submenu.length && data.activeMenu === index && data.activeMenu != 1"
                class="absolute -left-[212px] right-0 mx-auto top-full bg-white shadow-lg rounded-sm z-50 w-[892px]">
                <div class="py-4 flex flex-wrap text-[16px]">
                  <a v-for="(subItem, subIndex) in item.submenu" :key="subIndex" :href="subItem.href"
                    :class="{'text-red-600': data.activitylevelTow === subItem.href}"
                    class="text-[#333333] hover:text-red-600 py-[10px] pl-[30px] font10 no-underline block w-1/5 transition-colors duration-300 ease-in-out text-[16px] whitespace-nowrap">
                    {{ subItem.name }}
                  </a>
                </div>
              </div>
            </div>
          </nav>

        </div>


        <!-- 手机端图标 -->
        <div class=" w-[40px] ml-auto cursor-pointer mr-4  md:hidden" @click="data.isOpenNav = !data.isOpenNav">
          <svg v-if="data.isOpenNav" xmlns="http://www.w3.org/2000/svg" class="w-[32px] h-[32px]" fill="none" viewBox="0 0 24 24"
            stroke="currentColor" stroke-width="2">
            <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
          </svg>
          <svg v-else t="1744774550508" class="icon w-[32px] h-[32px]" viewBox="0 0 1024 1024" version="1.1"
            xmlns="http://www.w3.org/2000/svg" p-id="8857">
            <path
              d="M844.1 257.7H181.6c-28.8 0-52.1-22.4-52.1-50s23.3-50 52.1-50h662.5c28.8 0 52.1 22.4 52.1 50s-23.4 50-52.1 50z m0 607.3H181.6c-28.8 0-52.1-22.4-52.1-50s23.3-50 52.1-50h662.5c28.8 0 52.1 22.4 52.1 50s-23.4 50-52.1 50z m0-303.7H181.6c-28.8 0-52.1-22.4-52.1-50s23.3-50 52.1-50h662.5c28.8 0 52.1 22.4 52.1 50s-23.4 50-52.1 50z"
              fill="#515151" p-id="8858"></path>
          </svg>

        </div>

        <!-- 手机端图标 -->
        <!-- 手机端 -->

        <div class="absolute top-[80px] left-0 right-0   md:hidden bg-white min-h-[400px] max-h-[70vh] overflow-auto" v-if="data.isOpenNav">
          <div v-for="(item, index) in data.menuItems" :key="index" class="relative  ">
            <a v-if="!item.submenu || item.submenu.length===0" :href="item.href"
              class="text-[#333333]  border-[#dddddd] border-b-1 ml-8   flex justify-between  px-4 no-underline hover:text-[#333333] py-3  transition-colors duration-300 ease-in-out"
              :class="{'text-red-600': data.activityLevel === item.href}">
              {{ item.name }}

            </a>
            <div v-else
              class="text-[#333333]  border-[#dddddd] border-b-1  ml-8  flex justify-between  px-4 no-underline hover:text-[#333333] py-3  transition-colors duration-300 ease-in-out"
              :class="{   'text-red-600': data.activityLevel === item.href}"
              @click="data.phisShowSubmenu = data.phisShowSubmenu === index ? null : index">
              <a :href="item.href">{{ item.name }}</a>
              <span class="w-[15px] ml-2 mr-8" v-if="item.submenu && item.submenu.length "> 
                <i v-if="data.phisShowSubmenu ===index" class="icon-roundAdd"></i>
                <i v-else class="icon-unfold"></i> 
              </span>
            </div>

            <div v-if="item.submenu && item.submenu.length>0 && data.phisShowSubmenu === index"
              class="w-full bg-slate-100/80">
              <div class="px-[32px]">
                <a v-for="(subItem, subIndex) in item.submenu" :key="subIndex" :href="subItem.href"
                  :class="{'text-red-600': data.activitylevelTow === subItem.href}"
                  class="text-[#333333] px-[42px] hover:text-red-600  block py-2 no-underline transition-colors duration-300 ease-in-out   whitespace-nowrap">
                  {{ subItem.name }}
                </a>
              </div>
            </div>

          </div>




          <!-- Navigation hrefs -->
        </div>
        <!--  @mouseenter="data.isShowSelectLanguage = true" @mouseleave="data.isShowSelectLanguage = false" -->
        <!-- // 语言选择 -->
        <div class="flex md:w-[70px] box-border  h-full justify-end items-center font-bold cursor-pointer relative ml-2"
         @click="data.isShowSelectLanguage = !data.isShowSelectLanguage  ">
          <div class="text-[24px] md:text-[18px] font13">CN</div>
          <span class="w-[32px] md:w-[15px] ml-2">
            <svg t="1744685186029" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
              p-id="6232">
              <path
                d="M890.336 330.912c-12.576-12.416-32.8-12.352-45.248 0.192L517.248 661.952 184.832 332.512c-12.576-12.448-32.8-12.352-45.28 0.192-12.448 12.576-12.352 32.832 0.192 45.28l353.312 350.112c0.544 0.544 1.248 0.672 1.792 1.184 0.128 0.128 0.16 0.288 0.288 0.416 6.24 6.176 14.4 9.28 22.528 9.28 8.224 0 16.48-3.168 22.72-9.472l350.112-353.312C902.976 363.616 902.88 343.36 890.336 330.912z"
                p-id="6233" fill="#333333"></path>
            </svg></span>
          <div class="drop-down w-48 overflow-hidden bg-white rounded-md shadow absolute top-10 right-0 max-md:top-[72px]"
            v-if="data.isShowSelectLanguage">
            <ul class="p-0 m-0">
                            <a href="/news/images/common/css1/css/Images/Sdcms.Css"><li
                class="p-3 text-sm font-medium flex items-center hover:bg-[#ec6430] hover:text-white transition-colors duration-300 ease-in-out font13">
                <span> CN </span>
              </li></a>
                            <a href="/en/news/images/common/css1/css/Images/Sdcms.Css"><li
                class="p-3 text-sm font-medium flex items-center hover:bg-[#ec6430] hover:text-white transition-colors duration-300 ease-in-out font13">
                <span> EN </span>
              </li></a>
                          </ul>
          </div>
        </div> 
    </header>


    <script>
     
    </script>
                    </section>
        <!-- banner -->
        <div class="relative w-full h-[560px] aspect-[1920/1200] md:aspect-[1920/820] lg:aspect-[1920/420]">
            <img src="https://www.tenetlaw.com/uploads/20250506/c82722f2c7fba1b63d2d6d401f1bae43.png" alt="" class="w-full object-cover h-full">
            <div class="absolute left-[50%] top-[50%] transform -translate-x-1/2 -translate-y-1/2 text-[32px] pb-[16px] border-x-0 border-t-0 border-b-[4px] border-solid border-[#B80009] font-[SourceHanSansCN-Bold]">动态荣誉</div>
            <div class="absolute left-0 bottom-0 px-[260px] max-md:px-0 h-[64px] flex items-center w-full box-border">
                                <a href="news-dynamic" class="bg-[#b80009] font12 text-[#fff] w-[50%] h-full box-border flex justify-center items-center cursor-pointer">天衡动态</a>
                                <a href="news-honor" class="bg-[#000] opacity-30 font12 text-[#fff] w-[50%] h-full box-border flex justify-center items-center cursor-pointer">荣誉与业绩</a>
                            </div>
        </div>

       

        <!-- 内容 -->
        <div class="w-full px-[260px]  max-md:px-[50px]  max-sm:px-[30px] py-[100px] box-border">
                        <div class="w-full bg-[#fff] flex cursor-pointer mb-[30px] max-md:flex-col flex-row">
                <a href="https://mp.weixin.qq.com/s/vMxlyPYatKrZRAEwdVQmHA" target="_blank"><img src="https://www.tenetlaw.com/uploads/20250908/6cfab758999d22ecf9317b1f1c302f1f.jpg" alt="" class="w-[770px] flex-shrink-0 aspect-[770/493] max-md:w-full h-[432px]" /></a>
                <div class="py-[58px] px-[60px] max-md:p-[20px]">
                    <a href="https://mp.weixin.qq.com/s/vMxlyPYatKrZRAEwdVQmHA" target="_blank">
                    <span class="text-[30px] text-[#333] font-light opacity-70 mr-[25px] font14">07/31</span>
                    <span class="text-[18px] text-[#333] opacity-70 font-light font12">2026</span>
                    <p class="text-[22px] leading-[34px] text-[#333] font-bold pt-[45px] line-clamp-2 font14">
                        天衡动态 | 福州办公室与泉州办公室联合开展午餐交流会圆满举办                    </p>
                    <p class="pt-[30px] text-[14px] text-[#333] font-normal opacity-80 mb-[86px] leading-[24px] max-md:mb-[40px] line-clamp-3  font12 line22">
                                            </p>
                    </a>
                    <a href="https://mp.weixin.qq.com/s/vMxlyPYatKrZRAEwdVQmHA" target="_blank">
                    <div class="flex items-center justify-center border-[1px] border-solid hover:border-[#be1c24] hover:text-[#be1c24] text-[#8A8A8A] border-[#8A8A8A] py-[18px] rounded-[30px] w-[150px] box-border cursor-pointer"  @mouseenter="data.imgCS = 1" @mouseleave="data.imgCS = -1">
                        <span class="text-[14px]  mr-[5px]">了解更多</span>
                        <img src="/img/组5535.png" alt="" class="w-[26px]" :class=" {'hidden': data.imgCS == 1}">
                        <img src="/img/youshang.png" alt="" class="w-[26px]" :class=" {'hidden': data.imgCS !== 1}" >
                    </div></a>
                </div>
            </div>
                        <div class="w-[full] box-border">
                <div class=" flex justify-between flex-wrap w-full box-border">
                                        <a href="https://mp.weixin.qq.com/s/X-yKPQHgDydrJNvVN0LN6g" target="_blank" class="bg-[#fff] w-[43%] max-md:w-full px-[40px] max-md:px-[20px] max-md:py-[25px] py-[50px] hover:bg-[#be1c24] hover:text-[#fff] cursor-pointer border-solid border-b-[1px] border-x-0 border-t-0 border-[#D8D8D8]">
                        
                        <span class="text-[30px]  font-light opacity-70 mr-[25px]">07/30</span> <span
                            class="text-[18px]  opacity-70 font-light">2026</span>
                        <p class="text-[22px] leading-[28.8px] font-bold pt-[22px] pb-[10px] mb-[10px] h-[50px] h40 font12 line18 line-clamp-2">
                            天衡动态 | 吴俊猛律师应邀赴泉州市住房公积金管理中心作主题宣讲                        </p>
                                                <p class="text-[14px] leading-[26px] opacity-75 line-clamp-3 font12 line22">
                                                    </p>
                    </a>
                                        <a href="https://mp.weixin.qq.com/s/iplluC5waVvfc9Ujadpquw" target="_blank" class="bg-[#fff] w-[43%] max-md:w-full px-[40px] max-md:px-[20px] max-md:py-[25px] py-[50px] hover:bg-[#be1c24] hover:text-[#fff] cursor-pointer border-solid border-b-[1px] border-x-0 border-t-0 border-[#D8D8D8]">
                        
                        <span class="text-[30px]  font-light opacity-70 mr-[25px]">07/24</span> <span
                            class="text-[18px]  opacity-70 font-light">2026</span>
                        <p class="text-[22px] leading-[28.8px] font-bold pt-[22px] pb-[10px] mb-[10px] h-[50px] h40 font12 line18 line-clamp-2">
                            扬帆天衡，特训赋能 | 天衡泉州办公室2026暑期实习生特训营圆满举行                        </p>
                                                <p class="text-[14px] leading-[26px] opacity-75 line-clamp-3 font12 line22">
                                                    </p>
                    </a>
                                        <a href="https://mp.weixin.qq.com/s/EwaGGZViyRY1XMeP0j8XVw" target="_blank" class="bg-[#fff] w-[43%] max-md:w-full px-[40px] max-md:px-[20px] max-md:py-[25px] py-[50px] hover:bg-[#be1c24] hover:text-[#fff] cursor-pointer border-solid border-b-[1px] border-x-0 border-t-0 border-[#D8D8D8]">
                        
                        <span class="text-[30px]  font-light opacity-70 mr-[25px]">07/20</span> <span
                            class="text-[18px]  opacity-70 font-light">2026</span>
                        <p class="text-[22px] leading-[28.8px] font-bold pt-[22px] pb-[10px] mb-[10px] h-[50px] h40 font12 line18 line-clamp-2">
                            天衡动态 | “数智共生行动——数据要素前沿专题研讨会”圆满落幕                        </p>
                                                <p class="text-[14px] leading-[26px] opacity-75 line-clamp-3 font12 line22">
                                                    </p>
                    </a>
                                        <a href="https://mp.weixin.qq.com/s/AdhoIduZzsE4_393I35Rnw" target="_blank" class="bg-[#fff] w-[43%] max-md:w-full px-[40px] max-md:px-[20px] max-md:py-[25px] py-[50px] hover:bg-[#be1c24] hover:text-[#fff] cursor-pointer border-solid border-b-[1px] border-x-0 border-t-0 border-[#D8D8D8]">
                        
                        <span class="text-[30px]  font-light opacity-70 mr-[25px]">07/20</span> <span
                            class="text-[18px]  opacity-70 font-light">2026</span>
                        <p class="text-[22px] leading-[28.8px] font-bold pt-[22px] pb-[10px] mb-[10px] h-[50px] h40 font12 line18 line-clamp-2">
                            天衡动态 | 天衡刘娇萍律师受邀为泉州市金同融资租赁有限公司开展专题培训                        </p>
                                                <p class="text-[14px] leading-[26px] opacity-75 line-clamp-3 font12 line22">
                                                    </p>
                    </a>
                                        <a href="https://mp.weixin.qq.com/s/UgAuvHp2nqZLVf1e_2CuwQ" target="_blank" class="bg-[#fff] w-[43%] max-md:w-full px-[40px] max-md:px-[20px] max-md:py-[25px] py-[50px] hover:bg-[#be1c24] hover:text-[#fff] cursor-pointer border-solid border-b-[1px] border-x-0 border-t-0 border-[#D8D8D8]">
                        
                        <span class="text-[30px]  font-light opacity-70 mr-[25px]">07/18</span> <span
                            class="text-[18px]  opacity-70 font-light">2026</span>
                        <p class="text-[22px] leading-[28.8px] font-bold pt-[22px] pb-[10px] mb-[10px] h-[50px] h40 font12 line18 line-clamp-2">
                            天衡动态 | 陈庆勇律师受邀为厦大法学院授课：赛事狂欢下的刑事边界——世界杯网络赌球刑案疑难问题与司法案例                        </p>
                                                <p class="text-[14px] leading-[26px] opacity-75 line-clamp-3 font12 line22">
                                                    </p>
                    </a>
                                        <a href="https://mp.weixin.qq.com/s/nXOXTvOwlxndExiTguogqA" target="_blank" class="bg-[#fff] w-[43%] max-md:w-full px-[40px] max-md:px-[20px] max-md:py-[25px] py-[50px] hover:bg-[#be1c24] hover:text-[#fff] cursor-pointer border-solid border-b-[1px] border-x-0 border-t-0 border-[#D8D8D8]">
                        
                        <span class="text-[30px]  font-light opacity-70 mr-[25px]">07/17</span> <span
                            class="text-[18px]  opacity-70 font-light">2026</span>
                        <p class="text-[22px] leading-[28.8px] font-bold pt-[22px] pb-[10px] mb-[10px] h-[50px] h40 font12 line18 line-clamp-2">
                            天衡动态 | 天衡蔡栋梁、林雯雯律师受邀为泉州汇鑫小额贷款股份有限公司开展专题培训                        </p>
                                                <p class="text-[14px] leading-[26px] opacity-75 line-clamp-3 font12 line22">
                                                    </p>
                    </a>
                                    </div>
            </div>
        </div>
        <div class="flex justify-center items-center  w-full pt-5 pb-10 flex-wrap box-border overflow-x-hidden">
            <div class='p-2'> <a class='paginate-disabled'><</a></div> <div class='p-2'><a class='paginate-default paginate-active'>1</a></div> <div class='p-2'><a class='paginate-default' href='/news/images/common/css1/css/Images/Sdcms.Css?&page=2'>2</a></div> <div class='p-2'><a class='paginate-default' href='/news/images/common/css1/css/Images/Sdcms.Css?&page=3'>3</a></div> <div class='p-2'><a class='paginate-default' href='/news/images/common/css1/css/Images/Sdcms.Css?&page=4'>4</a></div> <div class='p-2'><a class='paginate-default' href='/news/images/common/css1/css/Images/Sdcms.Css?&page=2'>></a></div> <div class='p-2'><a class='paginate-default2 paginate-border' href='/news/images/common/css1/css/Images/Sdcms.Css?&page=193'>末页</a></div><div class="p-2"><input class="paginate-default2 paginate-border text-center" type="text" onkeydown="javascript:if(event.keyCode==13){var page=(this.value>193)?193:this.value;location='/news/images/common/css1/css/Images/Sdcms.Css?&page='+page+''}" value="1"></div>
        <div class="p-2"><input class="paginate-default2 paginate-border  text-center" type="button" value="跳转" onclick="javascript:var page=(this.parentNode.previousSibling.firstElementChild.value>193)?193:this.parentNode.previousSibling.firstElementChild.value;location='/news/images/common/css1/css/Images/Sdcms.Css?&page='+page+''"></div>        </div>
        
        
         <!-- 搜索 -->
        <div class="w-full bg-[#fff] px-[260px]  max-md:px-[0] py-[30px] mt-[30px] box-border">
            <div class=" max-md:w-[80%] w-[40%] mx-auto ">
                <form action="news" method="get">
                    <div class="flex overflow-hidden rounded-3xl bg-gray-200 focus:outline focus:outline-blue-500">
                        <!--<input type="hidden" name="type" value="1">-->
                        <input type="text" placeholder="请输入..." name="keyword" value=""
                            class="w-full rounded-bl-3xl rounded-tl-3xl bg-gray-100 px-4 py-2.5 text-gray-700 focus:outline-blue-500 font12" />
                        <button class="bg-[#b80009] px-6 text-white duration-150 hover:bg-[#b80009] text-[24px]">
                            <i class="icon-find"></i>
                        </button>
                    </div>
                </form>
              </div>
        </div>

        <!-- 滚动控制器 -->
        <div class="fixed right-10 top-[65vh] z-40 w-[20px] h-[212px] ">
    <!--<div class=" h-[100px] flex flex-col justify-between items-baseline">-->
    <!--    <div class="w-full h-[20px]   relative">-->
    <!--        <img src="../img/icon_003.png" class="absolute z-10 w-[20px] object-cover cursor-pointer peer/draft" alt=""  @mouseenter="data.scrollControIndexIndex = 1" @mouseleave="data.scrollControIndexIndex = -1">-->
    <!--        <div v-show="data.scrollControIndexIndex === 1" class="absolute w-[200px] h-[200px] right-[40px] -top-[110px] bg-slate-400 flex justify-start transition-opacity duration-300 ease-in-out" :class="{'!hidden': data.scrollControIndexIndex !== 1, 'black': data.scrollControIndexIndex === 1}">-->
    <!--            <img src="https://www.tenetlaw.com/uploads/20250519/651f10187341a8d5966d71b7bdd6bfa3.gif" class="w-full object-cover" alt="">-->
    <!--        </div>-->
    <!--    </div>-->
    <!--    <div class="w-full h-[20px]   relative">-->
    <!--        <img src="../img/icon_002.png" class="absolute z-10 w-[20px] object-cover cursor-pointer peer/draft" alt=""  @mouseenter="data.scrollControIndexIndex = 2" @mouseleave="data.scrollControIndexIndex = -1">-->
    <!--        <div v-show="data.scrollControIndexIndex === 2" class="absolute w-[200px] h-[200px] right-[40px] -top-[110px] bg-slate-400 flex justify-start transition-opacity duration-300 ease-in-out" :class="{'!hidden': data.scrollControIndexIndex !== 2, 'black': data.scrollControIndexIndex === 2}">-->
    <!--            <img src="https://www.tenetlaw.com/uploads/20250519/651f10187341a8d5966d71b7bdd6bfa3.gif" class="w-full object-cover" alt="">-->
    <!--        </div>-->
    <!--    </div>-->
    <!--    <div class="w-full h-[20px]  relative" >-->
    <!--        <img src="../img/icon_001.png" class="absolute z-10 w-[20px] object-cover cursor-pointer peer/draft" alt="" @mouseenter="data.scrollControIndexIndex = 3" @mouseleave="data.scrollControIndexIndex = -1">-->
    <!--        <div v-show="data.scrollControIndexIndex === 3" class="absolute  w-[200px] h-[200px] right-[40px] -top-[110px] bg-slate-400 flex justify-start transition-opacity duration-300 ease-in-out" :class="{'!hidden': data.scrollControIndexIndex !== 3, 'black': data.scrollControIndexIndex === 3}">-->
    <!--            <img src="https://www.tenetlaw.com/uploads/20250519/651f10187341a8d5966d71b7bdd6bfa3.gif" class="w-full object-cover" alt="">-->
    <!--        </div>-->
    <!--    </div>-->
    <!--</div>-->
    
   <div class="flex flex-col justify-between items-baseline">
        <div class="w-full h-[20px] mt-1 relative" v-for="(item, index) in data?.scrollParams">
            <img :src="item.icon" class="absolute z-10 w-[20px] object-cover cursor-pointer peer/draft" alt=""  @mouseenter="data.scrollControIndexIndex = index" @mouseleave="data.scrollControIndexIndex = -1">
            <div v-show="data.scrollControIndexIndex === index" class="absolute w-[200px] h-[200px] right-[40px] -top-[110px] bg-slate-400 flex justify-start transition-opacity duration-300 ease-in-out" :class="{'!hidden': data.scrollControIndexIndex !== index, 'black': data.scrollControIndexIndex === index}">
                <img :src="item.img" class="w-full object-cover" alt="">
            </div>
        </div>
    </div>

 

   
    
    
    <div class="w-full h-full mt-4  flex justify-center">
        <div class="rounded-sm w-[4px] h-full bg-gray-600/50 flex justify-center">
            <div class="w-full rounded-sm   bg-gray-600" :style="{'height':data.scrollheight}"></div>

        </div>
       
    </div>
</div>
<script>
    var qrcodes = JSON.parse('[{"id":1,"icon":"https:\/\/www.tenetlaw.com\/uploads\/20250519\/651f10187341a8d5966d71b7bdd6bfa3.gif","img":"https:\/\/www.tenetlaw.com\/uploads\/20250715\/cf91ef71ce0e551e0b0578b253ced78d.jpg"},{"id":2,"icon":"https:\/\/www.tenetlaw.com\/uploads\/20250528\/7e9ed859dbcd29e4bedc62cc0cd41586.png","img":"https:\/\/www.tenetlaw.com\/uploads\/20250716\/cce1f2571fead2c396c51c8f1135fe2b.jpg"},{"id":3,"icon":"https:\/\/www.tenetlaw.com\/uploads\/20250528\/0ce9923a05ff8f1756788437d1962097.png","img":"https:\/\/www.tenetlaw.com\/uploads\/20250716\/e95a4cf1c4bcb718a5e3b0f3f5144b71.jpg"}]');
    window.addEventListener('load', function () {
        app.data.scrollheight = '0%'; 
        app.data.scrollParams = qrcodes;
        window.addEventListener('scroll', function() { 
            const totalHeight = document.documentElement.scrollHeight - window.innerHeight; 
            const scrollPosition = window.pageYOffset || document.documentElement.scrollTop; 
            const scrollPercentage = Math.round((scrollPosition / totalHeight) * 100); 
            app.data.scrollheight = scrollPercentage + '%'; 
        });
    });
</script>
                <link rel="stylesheet" href="/css/footer.css">
<link rel="stylesheet" href="/css/swiper-bundle.min.css">
<style>
   
</style>
<footer class="bg-[url('/img/footer.png')] w-full relative bg-cover">
    <img src="/img/scrollTop.png" alt="" class="absolute right-[120px] top-[-35px] w-[70px]" onclick="scrollToTop()">
    <div class="flex justify-center pt-[45px]">
        <img src="https://www.tenetlaw.com/uploads/20250520/3511cd7b08e4c8112f8ed6b75bdc3d70.png" alt="" class="w-[250px] w150px" style="object-fit:contain">
    </div>
    <div class="w-full py-[60px]">
        <ul class="flex justify-between mx-auto  text-[#000000] opacity-80 text-[18px] w720px font12 py-0 list-none w-[800px] max-md:w-[70%] box-border max-md:pl-0 max-md:text-[20px] flex-wrap max-md:justify-center">
                        <a href="about"><li class="cursor-pointer text-nowrap mx-[5px] max-md:mx-[10px] max-md:mb-[10px]">关于我们</li></a>
                        <a href="field"><li class="cursor-pointer text-nowrap mx-[5px] max-md:mx-[10px] max-md:mb-[10px]">专业领域</li></a>
                        <a href="team"><li class="cursor-pointer text-nowrap mx-[5px] max-md:mx-[10px] max-md:mb-[10px]">律师团队</li></a>
                        <a href="legal"><li class="cursor-pointer text-nowrap mx-[5px] max-md:mx-[10px] max-md:mb-[10px]">研究著作</li></a>
                        <a href="news"><li class="cursor-pointer text-nowrap mx-[5px] max-md:mx-[10px] max-md:mb-[10px]">动态荣誉</li></a>
                        <a href="talent"><li class="cursor-pointer text-nowrap mx-[5px] max-md:mx-[10px] max-md:mb-[10px]">人才招聘</li></a>
                        <a href="contact"><li class="cursor-pointer text-nowrap mx-[5px] max-md:mx-[10px] max-md:mb-[10px]">联系我们</li></a>
                    </ul>
    </div>

    <div class="border-y-[2px] border-[#c1c0c1] border-solid border-x-0 w-full pb-[40px]">
        <div class='px-[100px] max-md:px-[40px]  whitespace-nowrap relative'>
            <div class="swiper mySwiper">
                <div class="swiper-wrapper">
                                        <div class="swiper-slide text-left w-[300px] w50 md:mr-[50px] cursor-pointer bg-[unset]  box-border max-md:w-full max-md:m-0 max-md:py-[15px] max-md:px-[50px]">
                        <h6 class="text-[18px] text-[#000000] opacity-80 mb-[20px] font14">厦门</h6>
                        <p class="text-[16px] text-[#000000] opacity-70 leading-[23px] text-wrap font12 line10px">地址：厦门市思明区厦禾路666号海翼大厦A幢16、17、25、27楼(361004) </p>
                        <p class="text-[16px] text-[#000000] opacity-70 leading-[23px] font12 line10px">电话：0592-5883666</p>
                        <p class="text-[16px] text-[#000000] opacity-70 leading-[23px] font12 line10px">传真：0592-5881668</p>
                        <p class="text-[16px] text-[#000000] opacity-70 leading-[23px] font12 line10px">邮箱：public@tenetlaw.com</p>
                    </div>
                                        <div class="swiper-slide text-left w-[300px] w50 md:mr-[50px] cursor-pointer bg-[unset]  box-border max-md:w-full max-md:m-0 max-md:py-[15px] max-md:px-[50px]">
                        <h6 class="text-[18px] text-[#000000] opacity-80 mb-[20px] font14">泉州</h6>
                        <p class="text-[16px] text-[#000000] opacity-70 leading-[23px] text-wrap font12 line10px">地址：泉州市浦西万达广场写字楼B座37、39、41层(362000)</p>
                        <p class="text-[16px] text-[#000000] opacity-70 leading-[23px] font12 line10px">电话：0595-22182603、22182703</p>
                        <p class="text-[16px] text-[#000000] opacity-70 leading-[23px] font12 line10px">传真：0595-22189083</p>
                        <p class="text-[16px] text-[#000000] opacity-70 leading-[23px] font12 line10px">邮箱：public@tenetlaw.com</p>
                    </div>
                                        <div class="swiper-slide text-left w-[300px] w50 md:mr-[50px] cursor-pointer bg-[unset]  box-border max-md:w-full max-md:m-0 max-md:py-[15px] max-md:px-[50px]">
                        <h6 class="text-[18px] text-[#000000] opacity-80 mb-[20px] font14">福州</h6>
                        <p class="text-[16px] text-[#000000] opacity-70 leading-[23px] text-wrap font12 line10px">地址：福州市台江区宁化街道振武路70号福晟钱隆广场43层(350004)</p>
                        <p class="text-[16px] text-[#000000] opacity-70 leading-[23px] font12 line10px">电话：0591-83810300</p>
                        <p class="text-[16px] text-[#000000] opacity-70 leading-[23px] font12 line10px">传真：0591-83810301</p>
                        <p class="text-[16px] text-[#000000] opacity-70 leading-[23px] font12 line10px">邮箱：Public@tenetlaw.com</p>
                    </div>
                                        <div class="swiper-slide text-left w-[300px] w50 md:mr-[50px] cursor-pointer bg-[unset]  box-border max-md:w-full max-md:m-0 max-md:py-[15px] max-md:px-[50px]">
                        <h6 class="text-[18px] text-[#000000] opacity-80 mb-[20px] font14">龙岩</h6>
                        <p class="text-[16px] text-[#000000] opacity-70 leading-[23px] text-wrap font12 line10px">地址：龙岩市新罗区华莲路55号紫金大厦13层(364000)</p>
                        <p class="text-[16px] text-[#000000] opacity-70 leading-[23px] font12 line10px">电话：0597-2297688</p>
                        <p class="text-[16px] text-[#000000] opacity-70 leading-[23px] font12 line10px">传真：0597-2230266</p>
                        <p class="text-[16px] text-[#000000] opacity-70 leading-[23px] font12 line10px">邮箱：Public@tenetlaw.com</p>
                    </div>
                                        <div class="swiper-slide text-left w-[300px] w50 md:mr-[50px] cursor-pointer bg-[unset]  box-border max-md:w-full max-md:m-0 max-md:py-[15px] max-md:px-[50px]">
                        <h6 class="text-[18px] text-[#000000] opacity-80 mb-[20px] font14">上海</h6>
                        <p class="text-[16px] text-[#000000] opacity-70 leading-[23px] text-wrap font12 line10px">地址：上海市闵行区虹中路 385号虹桥总部2号3幢501单元(200122)</p>
                        <p class="text-[16px] text-[#000000] opacity-70 leading-[23px] font12 line10px">电话：021-58364666</p>
                        <p class="text-[16px] text-[#000000] opacity-70 leading-[23px] font12 line10px">传真：021-58364666</p>
                        <p class="text-[16px] text-[#000000] opacity-70 leading-[23px] font12 line10px">邮箱：Public@tenetlaw.com</p>
                    </div>
                                        <div class="swiper-slide text-left w-[300px] w50 md:mr-[50px] cursor-pointer bg-[unset]  box-border max-md:w-full max-md:m-0 max-md:py-[15px] max-md:px-[50px]">
                        <h6 class="text-[18px] text-[#000000] opacity-80 mb-[20px] font14">泰国</h6>
                        <p class="text-[16px] text-[#000000] opacity-70 leading-[23px] text-wrap font12 line10px">地址：泰国曼谷廊曼区习甘街区威拍哇丽兰实路威拍哇丽兰实84巷39/83号</p>
                        <p class="text-[16px] text-[#000000] opacity-70 leading-[23px] font12 line10px">电话：0592-5883666</p>
                        <p class="text-[16px] text-[#000000] opacity-70 leading-[23px] font12 line10px">传真：0592-5881668</p>
                        <p class="text-[16px] text-[#000000] opacity-70 leading-[23px] font12 line10px">邮箱：public@tenetlaw.com</p>
                    </div>
                                    </div>
            </div>
                <div class="custom-swiper-button-next">
                    <img src="/img/you.png" alt="Next">
                </div>
                <div class="custom-swiper-button-prev">
                    <img src="/img/you.png" alt="Prev">
                </div>
        </div>
    </div>
    <div class="w-full px-[260px] max-md:px-[30px]  py-[28px] box-border flex justify-between  max-md:text-[12px] max-md:flex-col max-md:justify-center">
        <p class=' text-[#000] opacity-60 max-md:text-center'>
            Copyright @ Tenet & Partners All Rights Reserved.Design by:law-show.com        </p>
        <div class="flex max-md:flex-col max-md:justify-center">
            <p class=' text-[#000] opacity-60 mr-[43px] max-md:text-center'>闽ICP备16000946号</p>
            <a href="statement"><p class=' text-[#000] opacity-60 max-md:text-center'>法律声明</p></a>

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

<script src="/js/swiper-bundle.min.js"></script>

<script>
    document.addEventListener('DOMContentLoaded', function() {
        var swiper = new Swiper(".mySwiper", {
            slidesPerView: 5,
            spaceBetween: 30,
            pagination: {
                el: ".swiper-pagination",
                clickable: true,
            },
            breakpoints: {
                0: {
                    slidesPerView: 1,
                    spaceBetween: 10,
                },
                480: {
                    slidesPerView: 1,
                    spaceBetween: 30,
                },
                780: {
                    slidesPerView: 2,
                    spaceBetween: 30,
                },
                1024: {
                    slidesPerView: 5,
                    spaceBetween: 30,
                }
            },
            navigation: {
                nextEl: ".custom-swiper-button-next",
                prevEl: ".custom-swiper-button-prev",
            },
             on: {
                init: function() {
                    // 初始化时检查状态
                    if(this.isBeginning) {
                        this.navigation.$prevEl.addClass('swiper-button-disabled');
                    }
                    if(this.isEnd) {
                        this.navigation.$nextEl.addClass('swiper-button-disabled');
                    }
                },
                slideChange: function() {
                    // 在每次slide变化时更新按钮状态
                    if(this.isBeginning) {
                        this.navigation.$prevEl.addClass('swiper-button-disabled');
                    } else {
                        this.navigation.$prevEl.removeClass('swiper-button-disabled');
                    }
                    
                    if(this.isEnd) {
                        this.navigation.$nextEl.addClass('swiper-button-disabled');
                    } else {
                        this.navigation.$nextEl.removeClass('swiper-button-disabled');
                    }
                }
            }
        });
    });

    function scrollToTop() {
        window.scrollTo({
            top: 0,
            behavior: 'smooth' // 平滑滚动
        });
    }
</script>
            </div>


    <script>
        const app = vueApp.initApp();
        const {ref} = Vue;
        app.data.imgCS=ref(-1)
        console.log(`news`);
            app.data.menuItems = JSON.parse(`[{"id":1,"pid":0,"href":"\/","flag":"index","target":"_self","is_show":0,"is_self":0,"name":"\u9996\u9875"},{"id":6,"pid":0,"href":"about","flag":"about","target":"_self","is_show":1,"is_self":1,"name":"\u5173\u4e8e\u6211\u4eec","submenu":[{"id":13,"pid":6,"href":"about#intro","flag":"intro","target":"_self","is_show":0,"is_self":0,"name":"\u5f8b\u6240\u7b80\u4ecb"},{"id":14,"pid":6,"href":"about#honor","flag":"honor","target":"_self","is_show":0,"is_self":0,"name":"\u5929\u8861\u8363\u8a89"},{"id":15,"pid":6,"href":"about#memoir","flag":"memoir","target":"_self","is_show":0,"is_self":0,"name":"\u5927\u4e8b\u8bb0"},{"id":16,"pid":6,"href":"about#partner","flag":"partner","target":"_self","is_show":0,"is_self":0,"name":"\u5408\u4f5c\u4f19\u4f34"}]},{"id":7,"pid":0,"href":"field","flag":"field","target":"_self","is_show":1,"is_self":0,"name":"\u4e13\u4e1a\u9886\u57df","submenu":[{"id":1,"name":"\u8d44\u672c\u5e02\u573a","href":"field-detail?id=1"},{"id":5,"name":"\u6295\u8d44\u5e76\u8d2d\u4e0e\u516c\u53f8\u6cbb\u7406","href":"field-detail?id=5"},{"id":4,"name":"\u623f\u5730\u4ea7\u4e0e\u5efa\u8bbe\u5de5\u7a0b","href":"field-detail?id=4"},{"id":6,"name":"\u52b3\u52a8\u4eba\u4e8b","href":"field-detail?id=6"},{"id":7,"name":"\u77e5\u8bc6\u4ea7\u6743","href":"field-detail?id=7"},{"id":12,"name":"\u653f\u5e9c\u6cd5\u5f8b\u670d\u52a1","href":"field-detail?id=12"},{"id":14,"name":"\u5211\u4e8b\u4e1a\u52a1","href":"field-detail?id=14"},{"id":15,"name":"\u53cd\u503e\u9500\u53cd\u8865\u8d34\u53cd\u89c4\u907f","href":"field-detail?id=15"},{"id":3,"name":"\u5a5a\u59fb\u5bb6\u4e8b\u4e0e\u8d22\u5bcc\u89c4\u5212","href":"field-detail?id=3"},{"id":36,"name":"\u56fd\u9645\u5546\u4e8b","href":"field-detail?id=36"},{"id":35,"name":"\u4f9b\u5e94\u94fe\u8d38\u6613","href":"field-detail?id=35"},{"id":34,"name":"\u98df\u836f\u5b89\u5168\u6cd5\u5f8b\u4e8b\u52a1","href":"field-detail?id=34"},{"id":32,"name":"\u5f3a\u5236\u6267\u884c\u4e0e\u5f02\u8bae","href":"field-detail?id=32"},{"id":29,"name":"\u7a0e\u52a1\u5408\u89c4\u548c\u7a0e\u52a1\u4e89\u8bae\u89e3\u51b3","href":"field-detail?id=29"},{"id":28,"name":"\u4f01\u4e1a\u5408\u89c4","href":"field-detail?id=28"},{"id":27,"name":"\u7834\u4ea7\u6e05\u7b97\u4e0e\u91cd\u7ec4","href":"field-detail?id=27"},{"id":26,"name":"\u4e92\u8054\u7f51\u4e0e\u6570\u5b57\u7ecf\u6d4e","href":"field-detail?id=26"},{"id":25,"name":"\u8bc9\u8bbc\u4e0e\u4ef2\u88c1","href":"field-detail?id=25"},{"id":24,"name":"\u7279\u6b8a\u8d44\u4ea7\u5904\u7f6e","href":"field-detail?id=24"},{"id":23,"name":"\u533b\u7597\u5927\u5065\u5eb7","href":"field-detail?id=23"},{"id":22,"name":"\u94f6\u884c\u4e0e\u91d1\u878d\u4e1a\u52a1","href":"field-detail?id=22"},{"id":21,"name":"\u5f81\u8fc1\u4e0e\u57ce\u5e02\u66f4\u65b0","href":"field-detail?id=21"},{"id":20,"name":"\u65b0\u5a92\u4f53\u4e0e\u5a31\u4e50\u4ea7\u4e1a","href":"field-detail?id=20"},{"id":19,"name":"\u79c1\u52df\u80a1\u6743\u4e0e\u98ce\u9669\u6295\u8d44","href":"field-detail?id=19"},{"id":16,"name":"\u6d77\u5546\u6d77\u4e8b","href":"field-detail?id=16"}]},{"id":8,"pid":0,"href":"team","flag":"team","target":"_self","is_show":0,"is_self":0,"name":"\u5f8b\u5e08\u56e2\u961f"},{"id":9,"pid":0,"href":"legal","flag":"legal","target":"_self","is_show":0,"is_self":0,"name":"\u7814\u7a76\u8457\u4f5c"},{"id":10,"pid":0,"href":"news","flag":"news","target":"_self","is_show":0,"is_self":0,"name":"\u52a8\u6001\u8363\u8a89"},{"id":11,"pid":0,"href":"talent","flag":"talent","target":"_self","is_show":0,"is_self":0,"name":"\u4eba\u624d\u62db\u8058"},{"id":12,"pid":0,"href":"contact","flag":"contact","target":"_self","is_show":0,"is_self":0,"name":"\u8054\u7cfb\u6211\u4eec"}]`);
            app.data.activeMenu = ref(0);
            app.data.isShowSelectLanguage = ref(false);
            app.data.isOpenNav = ref(false);
            app.data.activityLevel = `news`;
        app.togglePanel = function(item) {
            item.visible = !item.visible

        }
    </script>
</body>

</html>