/* cyrillic-ext */
@font-face {
  font-family: 'Pacifico';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../font/FwZY7-Qmy14u9lezJ-6K6MmTpA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Pacifico';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../font/FwZY7-Qmy14u9lezJ-6D6MmTpA.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Pacifico';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../font/FwZY7-Qmy14u9lezJ-6I6MmTpA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Pacifico';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../font/FwZY7-Qmy14u9lezJ-6J6MmTpA.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Pacifico';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../font/FwZY7-Qmy14u9lezJ-6H6Mk.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}




 .logo-font {
            font-family: "Pacifico", serif;
        }
        
        .line-clamp-2 {
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }
        
        .line-clamp-3 {
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }
        
        /* 手机端导航优化样式 */
        .mobile-menu {
            max-height: 0;
            opacity: 0;
            overflow: hidden;
            transition: all 0.3s ease-in-out;
        }
        
        .mobile-menu.open {
            max-height: 500px;
            opacity: 1;
        }
        
        /* 固定导航栏样式 */
        .navbar-fixed {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            z-index: 50;
            background: rgba(255, 255, 255, 0.95);
            backdrop-filter: blur(10px);
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
        }
        
        /* 汉堡菜单动画 */
        .hamburger-line {
            display: block;
            width: 24px;
            height: 2px;
            background-color: #374151;
            transition: all 0.3s ease;
            transform-origin: center;
        }
        
        .hamburger-line:not(:last-child) {
            margin-bottom: 5px;
        }
        
        .hamburger.active .hamburger-line:nth-child(1) {
            transform: rotate(45deg) translate(6px, 6px);
        }
        
        .hamburger.active .hamburger-line:nth-child(2) {
            opacity: 0;
        }
        
        .hamburger.active .hamburger-line:nth-child(3) {
            transform: rotate(-45deg) translate(6px, -6px);
        }
		
		
		
		
		
		
		
		
		
		
		  /* 2. 核心样式：容器 + 图标 + 二维码 */
        /* 容器：作为定位父级，确保二维码不会乱飘 */
        .wechat-container {
            position: relative;  /* 关键：让二维码的绝对定位相对于自己 */
           
            cursor: pointer;  /* 鼠标放上去显示"小手"，提示可交互 */
        }

     

        /* 二维码：默认隐藏，hover 时显示 */
        .wechat-qrcode {
            /* 默认隐藏 */
            opacity: 0;
            visibility: hidden;
            transition: opacity 0.6s ease;
            /* 绝对定位：放在图标正下方（不影响其他元素） */
            position: absolute;
            top: -105px;  /* 二维码在图标下方，间距 20px（二维码高 100px + 20px 间距） */
            left: 50%;       /* 水平居中第一步：左移 50% */
            transform: translateX(-50%);  /* 水平居中第二步：左移自身 50%，实现完全居中 */
            /* 二维码样式优化 */
            width: 100px;    /* 二维码宽度（建议 100-150px） */
            height: auto;    /* 高度自动，避免变形 */
			max-width:150px;
            border: 2px solid #f5f5f5;  /* 加个浅色边框，更精致 */
            border-radius: 4px;  /* 轻微圆角，避免生硬 */
            box-shadow: 0 2px 8px rgba(0,0,0,0.1);  /* 加个阴影，突出层次感 */
            z-index: 999;  /* 确保二维码在最上层，不被其他元素遮挡 */
        }

        /* 3. hover 触发：鼠标放在容器上时，显示二维码 */
        .wechat-container:hover .wechat-qrcode {
          
           
            opacity: 1;
            visibility: visible;
			
		}
		
		
		
		
		
		
		
		
		
		   /* 容器样式 - 作为定位的参考点 */
        .phone-container {
            position: relative;
   
            cursor: pointer;
       
      
        }
        
        /* 电话号码显示区块 - 默认隐藏 */
        .phone-tooltip {
            /* 默认隐藏 */
           opacity: 0;
            visibility: hidden;
            /* 绝对定位，显示在图标上方 */
            position: absolute;
            bottom: 100%;
            left: 50%;
            transform: translateX(-50%);
            /* 白色背景和边框 */
            background-color: white;
            border: 1px solid #e0e0e0;
            border-radius: 4px;
            /* 内边距和阴影 */
            padding: 6px 12px;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
            /* 文本样式 */
            color: #333;
            font-size: 14px;
            font-family: sans-serif;
            white-space: nowrap; /* 防止号码换行 */
            /* 确保在其他元素上方 */
            z-index: 100;
            /* 添加小三角指示器 */
            margin-bottom: 8px;
        }
        
        /* 小三角指示器 */
        .phone-tooltip::after {
            content: "";
            position: absolute;
            top: 100%;
            left: 50%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: white transparent transparent transparent;
        }
        
        /* 悬停时显示电话号码区块 */
        .phone-container:hover .phone-tooltip {
           opacity: 1;
            visibility: visible;
            /* 可以添加淡入效果 */
            animation: fadeIn 0.2s ease-in-out;
        }
        
        /* 淡入动画 */
        @keyframes fadeIn {
            from { opacity: 0; transform: translate(-50%, 10px); }
            to { opacity: 1; transform: translate(-50%, 0); }
        }
		
		/*位置导航*/
		nav.Breadcrumb  a{ padding:0 8px;}
		nav.Breadcrumb  a:firt-child{ padding-left:0;}
		
		
		
		.pagelist{padding-top:20px;padding-bottom:20px;}
.pagelist ul{text-align:center; }
.pagelist li{display:inline-block;margin:0 2px;}
.pagelist li a{color:#666;display:inline-block;border:1px solid #ddd;padding:6px 15px;}
.pagelist li a:hover{border-color:rgb(37 99 235);background:rgb(37 99 235);color:#fff;}
.pagelist li.active a{border-color:rgb(37 99 235);background:rgb(37 99 235);color:#fff;}