/* 核心字体定义 - 必须保留 */
@font-face {
    font-family:'FontAwesome';
    src:url('../font/fontawesome-webfont.eot?v=4.7.0');
    src:url('../font/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),
        url('../font/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),
        url('../font/fontawesome-webfont.woff?v=4.7.0') format('woff'),
        url('../font/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),
        url('../font/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
    font-weight:normal;
    font-style:normal;
}

/* 核心图标基础样式 - 必须保留 */
.fa {
    display:inline-block;
    font:normal normal normal 14px/1 FontAwesome;
    font-size:inherit;
    text-rendering:auto;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}

/* 页面用到的图标样式 - 仅保留这些 */
.fa-search:before { content:"\f002"; }
.fa-calendar-o:before { content:"\f073"; }
.fa-eye:before { content:"\f06e"; }
.fa-angle-right:before { content:"\f105"; }
.fa-angle-left:before { content:"\f104"; }
.fa-handshake-o:before{content:"\f2b5"; }
.fa-line-chart:before{content:"\f201"; }
.fa-dribbble:before{content:"\f17d"}
.fa-calendar:before{content:"\f073"}
.fa-home:before{content:"\f015"}
/* 辅助无障碍样式 - 可选保留（若页面有无障碍需求） */
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
}

/* 原代码中无关的 header 样式 - 若不需要可删除 */
.header {
    padding: 0;
}
 /* 时间轴基础样式（页面核心视觉元素） */
 .timeline-item {
            opacity: 1;
            transition: all 0.3s ease;
}
/* 荣誉卡片hover效果（提升交互体验） */
.honor-card:hover {
            transform: translateY(-5px);
            transition: transform 0.3s ease;
}
.bg-primary\/20 {
    background-color: rgb(22 93 255 / 0.2);
}
.bg-primary\/10 {
    background-color: rgb(22 93 255 / 0.1);
	border-radius: 9999px;
}
@media (min-width: 1024px) {
    .lg\:grid-cols-3 {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
}
	
/* 响应式断点 */
@media (min-width: 640px) {
  .sm\:grid-cols-2 { grid-template-columns: repeat(2, 1fr); }
}

@media (min-width: 768px) {
  .md\:grid-cols-2 { grid-template-columns: repeat(2, 1fr); }
  .md\:grid-cols-4 { grid-template-columns: repeat(4, 1fr); }
  .md\:flex-row { flex-direction: row; }
  .md\:w-1/2 { width: 50%; }
  .md\:pl-12 { padding-left: 3rem; }
  .md\:pr-12 { padding-right: 3rem; }
  .md\:text-right { text-align: right; }
  .md\:mb-0 { margin-bottom: 0; }
  .md\:order-1 { order: 1; }
  .md\:order-2 { order: 2; }
}

@media (min-width: 1024px) {
  .lg\:grid-cols-3 { grid-template-columns: repeat(5, 1fr); }
}

/* 页面核心样式 */
/* 头部样式 */
.header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
  border-bottom: 1px solid #fff;
}

.header-xx {
  height: 5px;
  background: #0d6eb5;
}

.navbar {
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.logo-transparent, .logo-normal {
  height: 4rem;
}
.font-title-b,.font-title-a{
	color:#fff !important;
}
.font-title-b{
	font-size:46px;
}

/* 间距 & 排版 */
.pt-16 { padding-top: 4rem; }
.py-20 { padding-top: 8rem; padding-bottom: 5rem; }
.px-4 { padding-left: 1rem; padding-right: 1rem; }
.mb-12 { margin-bottom: 3rem; }
.mb-4 { margin-bottom: 1rem; }
.mt-4 { margin-top: 1rem; }
.mx-auto { margin-left: auto; margin-right: auto; }

.text-center { text-align: center; }
.text-lg { font-size: 1.125rem; line-height: 1.75rem; }
.text-xl { font-size: 1.25rem; line-height: 1.75rem; }
.text-2xl { font-size: 1.5rem; line-height: 2rem; }
.font-bold { font-weight: 700; }
.font-semibold { font-weight: 600; }
.text-gray-600 { color: #4b5563; }
.text-gray-700 { color: #374151; }
.text-primary { color: #0d6eb5; }

/* 动态字体大小（核心展示标题） */
.text-\[clamp<span data-type="inline-math" data-value="MVwuNXJlbVwyYyAzdndcMmMgMlwuNXJlbQ=="></span>\] {
  font-size: clamp(1.5rem, 3vw, 2.5rem);
}
.text-\[clamp<span data-type="inline-math" data-value="MnJlbVwyYyA1dndcMmMgM1wuNXJlbQ=="></span>\] {
  font-size: clamp(2rem, 5vw, 3.5rem);
}

/* 布局样式 */
.flex { display: flex; }
.grid { display: grid; }
.flex-col { flex-direction: column; }
.flex-wrap { flex-wrap: wrap; }
.items-center { align-items: center; }
.justify-center { justify-content: center; }
.justify-content-end { justify-content: flex-end; }
.gap-4 { gap: 1rem; }
.gap-6 { gap: 1.5rem; }
.gap-8 { gap: 2rem; }
.gap-10 { gap: 2.5rem; }

/* 背景 & 边框 */
.bg-white { background-color: #fff; }
.bg-gray-50 { background-color: #f9fafb; }
.bg-primary\/5 { background-color: rgba(13, 110, 181, 0.05); }
.rounded-xl { border-radius: 0.75rem; }
.rounded-full { border-radius: 9999px; }
.w-20 { width: 5rem; }
.h-1 { height: 0.25rem; }
.w-full { width: 100%; }
.h-auto { height: auto; }
.max-w-2xl { max-width: 42rem; }
.max-w-4xl { max-width: 56rem; }

/* 阴影 & 过渡 */
.shadow-md { box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); }
.shadow-lg { box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); }
.hover\:shadow-lg:hover { box-shadow: var(--tw-shadow-lg); }
.transition-shadow { transition: box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1); }

/* 时间轴样式 */
.relative { position: relative; }
.absolute { position: absolute; }
.left-1/2 { left: 50%; }
.top-0 { top: 0; }
.bottom-0 { bottom: 0; }
.-translate-x-1/2 { transform: translateX(-50%); }
.z-10 { z-index: 10; }
.w-8 { width: 2rem; }
.h-8 { height: 2rem; }
.space-y-12 > * + * { margin-top: 3rem; }
.overflow-hidden { overflow: hidden; }

/* 自定义组件样式 */
.honor-card {
  background: #f9fafb;
  border-radius: 0.75rem;
  overflow: hidden;
}

.h-48 { height: 12rem; }
.object-cover { object-fit: cover; }
.p-6 { padding: 1.5rem; }
.p-8 { padding: 2rem; }
.text-sm { font-size: 0.875rem; line-height: 1.25rem; }
.mb-2 { margin-bottom: 0.5rem; }
/* 时间轴核心样式 */
        .relative {
            position: relative;
        }

        .absolute {
            position: absolute;
        }

        .transform {
            transform: translate(-50%, -50%);
        }

        .-translate-x-1\/2 {
            transform: translateX(-50%);
        }

        .top-0 {
            top: 0;
        }

        .bottom-0 {
            bottom: 0;
        }

        .left-1\/2 {
            left: 50%;
        }

        .w-1 {
            width: 0.25rem;
        }

        .bg-primary\/20 {
            background-color: rgba(37, 99, 235, 0.2);
        }

        .space-y-12 > * + * {
            margin-top: 3rem;
        }

        .z-10 {
            z-index: 10;
        }

        .w-8 {
            width: 2rem;
        }

        .h-8 {
            height: 2rem;
        }

        .rounded-full {
            border-radius: 9999px;
        }
		.rounded-full2{
			height: 5em;
			width: 5em;
			margin:1.5em;
			}
        .text-white {
            color: white;
        }

        /* 时间轴项目响应式样式 */
        @media (min-width: 768px) {
            .md\:flex-row {
                flex-direction: row;
            }

            .md\:w-1\/2 {
                width: 50%;
            }

            .md\:pr-12 {
                padding-right: 3rem;
            }

            .md\:pl-12 {
                padding-left: 3rem;
            }

            .md\:text-right {
                text-align: right;
            }

            .md\:mb-0 {
                margin-bottom: 0;
            }

            .md\:order-1 {
                order: 1;
            }

            .md\:order-2 {
                order: 2;
            }
        }

        /* 时间轴内容动画（可选，增强交互） */
        .timeline-content {
            opacity: 1;
            transition: opacity 0.3s ease, transform 0.3s ease;
        }

        /* 移动端适配优化 */
        @media (max-width: 767px) {
            .timeline-dot {
                left: 1.5rem;
                transform: none;
            }

            .timeline-item > div:not(.timeline-dot) {
                margin-left: 4rem;
            }

            .py-20 {
                padding-top: 3rem;
                padding-bottom: 3rem;
            }
        }

/* 新闻筛选区 */
.news-filter-section {
  padding: 2rem 0;
  background: #fff;
}

.filter-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 2rem;
}

.filter-btns {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.news-filter {
  padding: 0.5rem 1rem;
  border-radius: 999px;
  font-size: 0.875rem;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
  background: #f3f4f6;
  color: #374151;
}

.news-filter.active {
  background: #165DFF;
  color: #fff;
}

.news-filter:hover:not(.active) {
  background: rgba(22, 93, 255, 0.1);
}

/* 搜索框 */
.search-box {
  position: relative;
}

.search-input {
  padding: 0.5rem 1rem 0.5rem 2.5rem;
  border: 1px solid #e5e7eb;
  border-radius: 0.5rem;
  outline: none;
  font-size: 0.875rem;
  width: 200px;
}

.search-input:focus {
  border-color: rgba(22, 93, 255, 0.3);
  box-shadow: 0 0 0 2px rgba(22, 93, 255, 0.1);
}

.search-icon {
  position: absolute;
  left: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
  color: #9ca3af;
  font-size: 0.875rem;
}

/* 新闻列表区 */
.news-list-section {
  padding: 3rem 0;
  background: #f9fafb;
}

.news-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
}

@media (min-width: 768px) {
  .news-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 1024px) {
  .news-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

.news-card {
  background: #fff;
  border-radius: 0.75rem;
  overflow: hidden;
  box-shadow: 0 4px 6px -1px rgba(22, 93, 255, 0.1);
  transform: translateY(1rem);
  transition: all 0.7s ease;
}

.news-card.show {
  opacity: 1;
  transform: translateY(0);
}

.card-img-wrap {
  position: relative;
  height: 12rem;
  overflow: hidden;
}

.card-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}

.news-card:hover .card-img {
  transform: scale(1.05);
}

.card-tag {
  position: absolute;
  top: 1rem;
  left: 1rem;
  padding: 0.25rem 0.5rem;
  background: #165DFF;
  color: #fff;
  font-size: 0.75rem;
  border-radius: 0.25rem;
}

.card-tag.industry {
  background: #36B37E;
}

.card-tag.media {
  background: #00875a;
}

.card-tag.activity {
  background: #f59e0b;
}

.card-content {
  padding: 1.5rem;
}

.card-meta {
  display: flex;
  align-items: center;
  color: #6b7280;
  font-size: 0.75rem;
  margin-bottom: 0.75rem;
}

.card-meta span {
  margin: 0 0.5rem;
}

.card-title {
  font-size: 1.125rem;
  font-weight: 600;
  margin-bottom: 0.75rem;
  line-height: 1.4;
}

.card-title a {
  color: #111827;
  text-decoration: none;
  transition: color 0.3s ease;
}

.card-title a:hover {
  color: #165DFF;
}

.card-desc {
  color: #4b5563;
  font-size: 0.875rem;
  margin-bottom: 1rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.card-more {
  display: inline-flex;
  align-items: center;
  color: #165DFF;
  font-weight: 500;
  text-decoration: none;
  font-size: 0.875rem;
  transition: color 0.3s ease;
}

.card-more:hover {
  color: rgba(22, 93, 255, 0.8);
}

.card-more i {
  margin-left: 0.25rem;
}

/* 分页 */
.mt-12-fy{
	margin:50px;
}
.pagination-wrap {
  margin-top: 3rem;
  display: flex;
  justify-content: center;
}

.pagination {
  display: inline-flex;
  border-radius: 0.375rem;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

.pagination a {
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  color: #4b5563;
  background: #fff;
  border: 1px solid #e5e7eb;
  text-decoration: none;
  transition: all 0.3s ease;
}

.pagination a:first-child {
  border-top-left-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}

.pagination a:last-child {
  border-top-right-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
}

.pagination a.active {
  background: rgba(22, 93, 255, 0.05);
  color: #165DFF;
}

.pagination a:hover:not(.active) {
  background: #f3f4f6;
}

.pagination span {
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  color: #4b5563;
  background: #fff;
  border: 1px solid #e5e7eb;
}
.bg-white-news{
	padding:25px;
}
.transform-ab{
	transform: translate(-180%, 60%);
    font-size: 1em;
}
.lg\:grid-cols-3-ab{
	grid-template-columns: repeat(3, 1fr);
}
.news-list-aq {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 80%;
    margin: 0 auto;
}
.p-8-content{
	background:rgb(241 248 255);
}
.p-8-content:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
}
.p-8-content {
    transition: all 0.4s ease;
}
.md\:grid-cols-2-2 {
    grid-template-columns: repeat(4, 1fr);
}
.header_art {
            display: flex;
            align-items: center;
            margin-bottom: 20px;
			justify-content: space-between;
        }
        .header-icon {
                font-size: 32px;
				margin-right: 15px;
				display: flex;
				align-items: center;
        }
        .header-title {
            font-size: 28px;
            font-weight: bold;
            color: #666;
			margin-left: 0.7em;
        }
        .breadcrumb {
            text-align: right;
            font-size: 18px;
            color: #666;
            margin-bottom: 10px;
			align-items: center;
		}
		.breadcrumb2{			
			background:none;
        }
        .breadcrumb a {
            color: #666;
            text-decoration: none;
        }
        .divider-red {
            height: 2px;
            background-color: #0d6eb5;
            margin-bottom: 60px;
        }
        .news-title {
            font-size: 36px;
            font-weight: bold;
            text-align: center;
            color: #0d6eb5;
            margin-bottom: 30px;
        }
        .news-meta {
            text-align: center;
            font-size: 16px;
            color: #666;
            margin-bottom: 30px;
        }
        .divider-gray {
            height: 1px;
            background-color: #ccc;
            margin-bottom: 40px;
        }
        .news-content {
            font-size: 18px;
            line-height: 1.8;
            color: #333;
        }
        .news-content p {
            margin-bottom: 20px;
        }
/*产品*/
.product-header {
            display: flex;
            gap: 40px;
            margin-bottom: 40px;
            flex-wrap: wrap;
        }
        .product-gallery {
            flex: 1;
            min-width: 300px;
        }
        .main-image {
            width: 100%;
            border-radius: 4px;
            margin-bottom: 12px;
            /* 增加过渡动画，切换更丝滑 */
            transition: all 0.3s ease;
        }
        .thumbnails {
            display: flex;
            gap: 8px;
            overflow-x: auto;
            padding-bottom: 8px;
        }
        .thumbnail {
            width: 60px;
            height: 40px;
            object-fit: cover;
            border-radius: 4px;
            cursor: pointer;
            border: 2px solid transparent;
            /* 增加鼠标悬浮效果 */
            transition: border-color 0.2s ease;
        }
        .thumbnail:hover {
            border-color: #99c1ff;
        }
        .thumbnail.active {
            border-color: #1677ff;
        }
        .product-info {
            flex: 1;
            min-width: 300px;
        }
        .product-title {
            font-size: 32px;
            font-weight: 600;
            margin-bottom: 40px;
        }
        .product-category {
            font-size: 16px;
            color: #666666;
            margin-bottom: 40px;
        }
        .product-desc {
            font-size: 16px;
            color: #444444;
            margin-bottom: 40px;
        }
		.product-desc strong{
			font-size: 20px;
			color: #333;
			display: block;
		}
		.after-sale-section h3{
			font-size: 20px;
			color: #333;
			display: block;
			margin-bottom:30px;
		}
        .contact-btn {
            width: 100%;
            padding: 10px 16px;
            background-color: #1677ff;
            color: #ffffff;
            border: none;
            border-radius: 4px;
            font-size: 16px;
            cursor: pointer;
        }
		.contact-btn a{
			color: #ffffff;
		}
        .product-details {
            border-top: 1px solid #e8e8e8;
            padding-top: 24px;
        }
        .section-title{
            font-size: 18px;
            font-weight: 600;
            margin-bottom: 16px;
            padding-left: 8px;
            border-left: 3px solid #1677ff;
        }
        .packing-list {
            margin-bottom: 32px;
            font-size: 16px;
            color: #444444;
        }
        .packing-list ul {
            padding-left: 20px;
        }
        .after-sale {
               background-color: #f5f5f5;
		border-radius: 6px;
		padding: 20px;
		display: flex;
		justify-content: space-around;
		text-align: center;
		flex-wrap: wrap;
		gap: 20px;
		margin-bottom: 20px;
        }
        .after-sale-item {
            flex: 1;
            min-width: 180px;
        }
        .after-sale-label {
            font-size: 16px;
            font-weight: 500;
            margin-bottom: 8px;
            color: #333333;
        }
        .after-sale-desc {
            font-size: 13px;
            color: #666666;
        }
		.container-pro-x{
			margin-top:80px;
		}
.inline-flex-fy a{
	padding: 10px 15px;
    border: 1px solid #ddd;
}
.news-filter.active a{
	color:#fff;
}
@media (max-width:765px){
	.footer-right-wrap{display:none;}
	.bg-primary\/20 {
    background:none;
	background-color:transparent;
}
	.items-center-ab{
		        display: flex;
        align-items: flex-start;
	}
	.lg\:grid-cols-3-ab {
    grid-template-columns: repeat(1, 1fr);
}
.md\:grid-cols-2-2 {
    grid-template-columns: repeat(1, 1fr);
}
}