<!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/contact.css" rel="stylesheet" />
    <link href="/css/swiper-bundle.min.css" rel="stylesheet" />
</head>
<style type="text/css" media="all">
     @media  (min-width:750px) and (max-width:1221px) {
        .h45{
            height: 45px!important;
            }
            .font16{
                font-size: 17px!important;
            }
            .font14 {
                font-size: 14px!important;
            }
               
               .font12{
                   font-size: 12px!important;
               }
               .font10{
                   font-size: 10px!important;
               }
               .line22{
                   line-height: 16px!important;
               }
               .pb0{
                   padding-bottom: 0px!important;
               }
               
               .mb5{
                   margin-bottom: 5px!important;
               }
               .h12{
                    width: 12px !important;
                    height: 12px !important;
               }
        .gbg{
            width: 50%!important;
        }
        .wful{
            width: 100%!important;
        }
    } 
    
</style>
<body class="bg-gray-100">
    <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="/index.php/contact/css/plugins/magnific-popup/magnific-popup.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/index.php/contact/css/plugins/magnific-popup/magnific-popup.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] font16"></div>
        </div>

        <!-- 内容 -->
        <div class="py-[100px] px-[250px] max-md:px-[75px] max-sm:px-[20px] max-md:py-[40px] w-full box-border overflow-x-hidden">
            <div class="flex  lg:justify-between xl:flex-row max-md:flex-col overflow-x-hidden">
                
                <!--<ul class="h-[381px] overflow-y-auto ">-->
                <!--    <li class="cursor-pointer flex items-center mb-[30px]" v-for="(item,index) in data.contactUs" @click="selectAddress(item, index)"-->
                <!--        :class="{'activeConUs': data.seleAddressIndex == index}">-->
                <!--        <span class="w-[10px] h-[2px] inline-block bg-[#B80009] md:mr-[30px] mr-[20px]"></span>-->
                <!--        <span class="text-[16px] text-[#333] opacity-60 font-normal">{{item.name}}</span>-->
                <!--    </li>-->
                <!--</ul>-->
                
                
                <!--<div class="swiper hederSwiper w-[250px] mr-[60px] max-md:w-full">-->
                <!--    <div class="swiper-wrapper flex flex-col" v-for="vo in data.contactUs">-->
                <!--        <ul class="h-[381px] overflow-y-auto  ">-->
                <!--                <li class="cursor-pointer flex items-center mb-[30px]" v-for="(item,index) in vo" @click="selectAddress(item, index)"-->
                <!--                    :class="{'activeConUs': data.seleAddressIndex == index}">-->
                <!--                    <span class="w-[10px] h-[2px] inline-block bg-[#B80009] md:mr-[30px] mr-[20px]"></span>-->
                <!--                    <span class="text-[16px] text-[#333] opacity-60 font-normal">{{item.name}}</span>-->
                <!--                </li>-->
                <!--        </ul>-->
                <!--    </div>-->
                <!--     <div class="h-[28px] flex   text-[20px] items-center text-white ">-->
                <!--        <i class="swiperButtonPrev icon-back  text-[30px] text-[#B80009]  cursor-pointe" onclick="swiperButtonPrev()" ></i>-->
                <!--        <div class="w-[1px] h-full mx-2 bg-[#B80009]"></div>-->
                <!--        <i class="swiperButtonNext icon-right  text-[30px] cursor-pointer text-[#B80009]" onclick="swiperButtonNext()"></i>-->
                <!--    </div>-->
                <!--</div>-->
                
                <div class="flex flex-col">
                    <div class="swiper carousel-1 hederSwiper w-[250px] h-[400px] mr-[60px]">
                        <div class="swiper-wrapper flex" >
                            <ul class="h-[381px]  swiper-slide pl-[0px]" v-for="vo in data.contactUs">
                                    <li class="cursor-pointer flex items-center mb-[30px]" v-for="(item,index) in vo" @click="selectAddress(item, index)"
                                        :class="{'activeConUs': data.seleAddressIndex == index}">
                                        <span class="w-[10px] h-[2px] inline-block bg-[#B80009] md:mr-[30px] mr-[20px]"></span>
                                        <span class="text-[16px] text-[#333] opacity-60 font-normal font12">{{item.name}}</span>
                                    </li>
                            </ul>
                        </div>
                    </div>
                    <div class="h-[28px] flex   text-[20px] items-center text-white" v-if="data.contactUs.length>1">
                        <i class="swiperButtonPrev icon-back  text-[30px] text-[#B80009]  cursor-pointe" onclick="swiperButtonPrev()" ></i>
                        <div class="w-[1px] h-full mx-2 bg-[#B80009]"></div>
                        <i class="swiperButtonNext icon-right  text-[30px] cursor-pointer text-[#B80009]" onclick="swiperButtonNext()"></i>
                    </div>
                </div>
                
                <div class="bg-[#f9fafb]  flex max-md:flex-col w-[1180px] max-xl:w-full justify-between">
                    <div class=" w-[24%] gbg px-[65px] pt-[65px] py-[90px] max-md:w-[51%] max-md:px-[30px] max-md:py-[30px] box-border ">
                        <div class="mb-[27px]">
                            <div class="flex items-center mb-[10px]">
                                <img src="/img/蒙版组118.png" alt="" class="w-[20px] h-[20px] mr-[10px]">
                                <span class="text-[16px] text-[#999] font-normal text-nowrap font-sans font12">地址：</span>
                            </div>
                            <p class="w-[250px] max-md:w-full box-border my-[0] text-[16px] leading-[24px] font12 wful line22">{{data.seleAddress?.address}}</p>
                        </div>
                        <div class="mb-[27px]">
                            <div class="flex items-center mb-[10px]">
                                <img src="/img/蒙版组368.png" alt="" class="w-[20px] h-[20px] mr-[10px]">
                                <span class="text-[16px] text-[#999]  text-nowrap font-sans font12">电话：</span>
                            </div>
                            <p class="w-[250px] my-[0] leading-[21px] text-[16px] font12">{{data.seleAddress?.mobile}}</p>
                        </div>
                        <div class=" mb-[30px]">
                            <div class="flex items-center mb-[10px]">
                                <img src="/img/蒙版组311.png" alt="" class="w-[20px] h-[20px] mr-[10px]">
                                <span class="text-[16px] text-[#999] text-nowrap font-sans font12">传真：</span>
                            </div>
                            <p class="w-[250px] my-[0] text-[16px] font12">{{data.seleAddress?.fax}}</p>
                        </div>

                        <div>
                            <div class="flex items-center mb-[10px]">
                                <img src="/img/蒙版组122.png" alt="" class="w-[20px] h-[20px] mr-[10px]">
                                <span class="text-[16px] text-[#999] text-nowrap font12">邮箱：</span>
                            </div>
                            <p class="w-[280px] my-[0] text-[16px] font12">{{data.seleAddress?.email}}</p>
                        </div>
                    </div>
                    <iframe id="map-iframe" :src="data.seleAddress?.mapurl" class="w-[65%] max-md:w-[50%] border-0 max-md:h-[500px]" scrolling="no"></iframe>
                </div>
            </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 src="/js/swiper-bundle.min.js"></script>
    <script>
        var list = JSON.parse(`[[{"id":1,"fax":"0592-5881668","email":"public@tenetlaw.com","mobile":"0592-5883666","lng":"118.100961612077060","lat":"24.469293495927918","name":"\u53a6\u95e8\u529e\u516c\u5ba4","address":"\u53a6\u95e8\u5e02\u601d\u660e\u533a\u53a6\u79be\u8def666\u53f7\u6d77\u7ffc\u5927\u53a6A\u5e6216\u300117\u300125\u300127\u697c(361004) ","mapurl":"\/map?id=1"},{"id":2,"fax":"0595-22189083","email":"public@tenetlaw.com","mobile":"0595-22182603\u300122182703","lng":"118.605865542442800","lat":"24.888243560121023","name":"\u6cc9\u5dde\u529e\u516c\u5ba4","address":"\u6cc9\u5dde\u5e02\u6d66\u897f\u4e07\u8fbe\u5e7f\u573a\u5199\u5b57\u697cB\u5ea737\u300139\u300141\u5c42(362000)","mapurl":"\/map?id=2"},{"id":3,"fax":"0591-83810301","email":"Public@tenetlaw.com","mobile":"0591-83810300","lng":"119.292032522960210","lat":"26.063749404502140","name":"\u798f\u5dde\u529e\u516c\u5ba4","address":"\u798f\u5dde\u5e02\u53f0\u6c5f\u533a\u5b81\u5316\u8857\u9053\u632f\u6b66\u8def70\u53f7\u798f\u665f\u94b1\u9686\u5e7f\u573a43\u5c42(350004)","mapurl":"\/map?id=3"},{"id":4,"fax":"0597-2230266","email":"Public@tenetlaw.com","mobile":"0597-2297688","lng":"117.027332019460330","lat":"25.082795428869183","name":"\u9f99\u5ca9\u529e\u516c\u5ba4","address":"\u9f99\u5ca9\u5e02\u65b0\u7f57\u533a\u534e\u83b2\u8def55\u53f7\u7d2b\u91d1\u5927\u53a613\u5c42(364000)","mapurl":"\/map?id=4"},{"id":5,"fax":"021-58364666","email":"Public@tenetlaw.com","mobile":"021-58364666","lng":"121.387461294082360","lat":"31.188503183475230","name":"\u4e0a\u6d77\u529e\u516c\u5ba4","address":"\u4e0a\u6d77\u5e02\u95f5\u884c\u533a\u8679\u4e2d\u8def 385\u53f7\u8679\u6865\u603b\u90e82\u53f73\u5e62501\u5355\u5143(200122)","mapurl":"\/map?id=5"},{"id":6,"fax":"0592-5881668","email":"public@tenetlaw.com","mobile":"0592-5883666","lng":"100.611259578453460","lat":"13.911221276804136","name":"\u6cf0\u56fd\u4f01\u4e1a\u670d\u52a1\u4e2d\u5fc3","address":"\u6cf0\u56fd\u66fc\u8c37\u5eca\u66fc\u533a\u4e60\u7518\u8857\u533a\u5a01\u62cd\u54c7\u4e3d\u5170\u5b9e\u8def\u5a01\u62cd\u54c7\u4e3d\u5170\u5b9e84\u5df739\/83\u53f7","mapurl":"\/map?id=6"}]]`);
           const app = vueApp.initApp();
           const {ref} = Vue;
        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 = `index.php`;
        app.data.seleAddressIndex = ref(0)
        app.data.seleAddress = list[0][0]
        app.data.contactUs = ref(list)

        app.selectAddress = function(item, index) {

            app.data.seleAddressIndex = index
            app.data.seleAddress = item
            console.log(index);
        }
        
        app.data.tianhengHonorIndex = "01";
        prevButton = document.querySelector('.swiperButtonPrev');
        nextButton = document.querySelector('.swiperButtonNext');  
        var swiper = new Swiper(".hederSwiper", {
            // direction: 'vertical',
           /* loop: true,
            on: {
              slideChange: function () {
                updatePaginationText(this);
              },
              init: function () {
                updatePaginationText(this);
              }
            }*/
            navigation: {
                nextEl: '.swiperButtonNext',
                prevEl: '.swiperButtonPrev',
            },
        });
        // function updatePaginationText(swiperInstance) {
        //     const paginationEl = swiperInstance.pagination.el;
        //     if (paginationEl) {
        //       const currentSlide = swiperInstance.realIndex + 1; // 获取当前实际索引并加 1
        //       const totalSlides = swiperInstance.slides.length;
        //       const totalGroups = Math.ceil(totalSlides / swiperInstance.params.slidesPerGroup);
        //       const currentGroup = Math.ceil(currentSlide / swiperInstance.params.slidesPerGroup);
        //       app.data.tianhengHonorIndex = currentGroup.toString().padStart(2, '0');
        //       app.data.tianhengHonorIndexlength = totalGroups.toString().padStart(2, '0');;
        
        //     }
        //   }
        // function swiperButtonPrev() {
        //     const swiperElement = document.querySelector(".hederSwiper");
        //     if (swiperElement) {
        //         if(app.data.tianhengHonorIndex === "01") {
        //             if(prevButton) {
        //             prevButton.classList.add('disabled');
        //             }
        //             if(nextButton) {
        //             nextButton.classList.remove('disabled');
        //             }
        //             return;
        //         }
        //         if(prevButton) {
        //             prevButton.classList.remove('disabled');
        //         }
        //         if(nextButton) {
        //             nextButton.classList.remove('disabled');
        //         }
        //         var swiper = swiperElement.swiper;
        //         swiper.slidePrev();
        //     }
        // }

        // function swiperButtonNext() {
        //     const swiperElement = document.querySelector(".hederSwiper");
        //     if (!swiperElement) return;
        //     const isLastGroup = app.data.tianhengHonorIndex === app.data.tianhengHonorIndexlength;
        //     if(isLastGroup) {
        //     nextButton?.classList.add('disabled');
        //     prevButton?.classList.remove('disabled');
        //     return;
        //     }
        //     nextButton?.classList.remove('disabled');
        //     prevButton?.classList.remove('disabled');
        //     var swiper = swiperElement.swiper;
        //     swiper.slideNext();
        // }
    </script>
</body>

</html>