@import url(/tegang/css/iconfont.css);

body{font-family: 'Inter', sans-serif; margin:0; font-size:18px;}
li{ list-style-type:none;}
ul{ padding:0; margin:0;}
h1{ margin:0; padding:0;}
h2{ margin:0;}
p{ margin:0; padding:0;}
a{ text-decoration: none; color:#333;}
a:hover{ color:#e12e06;}
.wp{ width:1400px; margin:0 auto; overflow:hidden;}
.wpz{ width:1400px; margin:0 auto; }
img{ max-width:100%;}
 /* 模拟页面主要内容区域 */
        .hero-section {
            background: linear-gradient(135deg, #eef2ff 0%, #e0e7ff 100%);
            padding: 60px 24px;
            text-align: center;
        }
        .hero-section h1 {
            font-size: clamp(1.8rem, 5vw, 2.8rem);
            font-weight: 700;
            color: #0f172a;
            margin-bottom: 1rem;
        }
        .hero-section p {
            font-size: clamp(1rem, 4vw, 1.2rem);
            color: #334155;
            max-width: 700px;
            margin: 0 auto;
        }

        .demo-cards {
            max-width: 1280px;
            margin: 60px auto;
            padding: 0 24px;
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 32px;
        }
        .card {
            background: white;
            border-radius: 24px;
            padding: 28px;
            box-shadow: 0 8px 20px rgba(0,0,0,0.03);
            transition: all 0.2s ease;
            border: 1px solid #eef2f6;
        }
        .card h3 {
            font-size: 1.5rem;
            margin-bottom: 12px;
            font-weight: 600;
        }
        .card p {
            color: #475569;
            line-height: 1.5;
        }

        .content-block {
            max-width: 1280px;
            margin: 0 auto 80px;
            padding: 0 24px;
        }
        .content-card {
            background: white;
            border-radius: 28px;
            padding: 36px;
            box-shadow: 0 6px 14px rgba(0,0,0,0.02);
            border: 1px solid #edf2f7;
        }
        .content-card h2 {
            font-size: clamp(1.5rem, 4vw, 1.8rem);
            font-weight: 600;
        }
        .content-card p {
            margin-top: 16px;
            color: #334155;
            line-height: 1.6;
        }

        /* ----- 头部样式 (悬浮核心 + 响应式) ----- */
        .site-header {
            background: #ffffff;
            width: 100%;
            position: sticky;
            top: 0;
            left: 0;
            z-index: 1000;
            transition: box-shadow 0.3s ease;
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
        }
	  /* 按钮容器 - 相对定位，用于悬浮层绝对定位参考 */
        .button-container {
            position: relative;
            display: inline-block;
        }

        /* 圆形搜索按钮 - 现代磨砂玻璃质感 */

        .search-btn {
            width: 30px;
            height: 30px;
            border-radius: 50%;
            background: #0f172a;
            border: none;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.25s cubic-bezier(0.2, 0.9, 0.4, 1.1);
            color: white;
        }

        .search-btn:hover {
            background: #1e293b;
            transform: translateY(-2px);
            box-shadow: 0 18px 25px -10px rgba(0, 0, 0, 0.25);
        }

        .search-btn:active {
            transform: translateY(1px);
            transition-duration: 0.1s;
        }

        /* 搜索图标 SVG */
        .search-icon {
            width: 26px;
            height: 26px;
            stroke: white;
            stroke-width: 2;
            fill: none;
            stroke-linecap: round;
            stroke-linejoin: round;
        }

        /* ---------- 向下悬浮层 (输入框) ---------- */
        /* 悬浮层默认隐藏：透明，不可见，无位移 */
        .search-float {
            position: absolute;
            top: 100%;           /* 紧贴按钮下方 */
            left: 50%;
            transform: translateX(-50%) translateY(-12px);
            margin-top: 12px;    /* 与按钮留出间距，更透气 */
            min-width: 260px;
            background: rgba(255, 255, 255, 0.96);
            backdrop-filter: blur(12px);
            border-radius: 60px;
            box-shadow: 0 20px 35px -12px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.03), 0 8px 20px rgba(0,0,0,0.08);
            opacity: 0;
            visibility: hidden;
            transition: opacity 0.25s ease, visibility 0.25s, transform 0.25s cubic-bezier(0.2, 0.9, 0.4, 1.2);
            z-index: 100;
        }

        /* 展开悬浮状态：可见 + 透明度1 + 微下沉动画效果 */
        .search-float.open {
            opacity: 1;
            visibility: visible;
            transform: translateX(-50%) translateY(0);
        }

        /* 输入框样式 */
        .search-inputt {
            width: 100%;
            padding: 14px 20px;
            font-size: 1rem;
            border: none;
            border-radius: 60px;
            background: transparent;
            outline: none;
            font-family: inherit;
            font-weight: 500;
            color: #0f172a;
            letter-spacing: -0.2px;
        }

        .search-inputt::placeholder {
            color: #94a3b8;
            font-weight: 400;
            font-size: 0.95rem;
        }

        /* 可选: 增加一个微小的箭头指示 (装饰) */
        .search-float::before {
            content: '';
            position: absolute;
            top: -6px;
            left: 50%;
            transform: translateX(-50%) rotate(45deg);
            width: 12px;
            height: 12px;
            background: rgba(255, 255, 255, 0.96);
            backdrop-filter: blur(12px);
            border-top-left-radius: 3px;
            box-shadow: -1px -1px 1px rgba(0,0,0,0.02);
            pointer-events: none;
            z-index: -1;
        }

        /* 悬浮层微调圆角，遮盖箭头融合 */
        .search-float {
            border-radius: 60px;display: flex;
    align-items: center;
        }
.hzhb{ margin:30px auto; text-align:center;}
.search-icon-btn{background: transparent;
    border: none;
    cursor: pointer;
    width: 54px;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-right: 6px;
    transition: all 0.2s ease;
    color: #0f172a;
    font-size: 1.35rem;}
        /* 添加一个微光晕效果，提升现代感 */
        .search-float.open {
            animation: subtleGlow 0.3s ease-out;
        }

        @keyframes subtleGlow {
            0% {
                box-shadow: 0 20px 35px -12px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(59,130,246,0);
            }
            100% {
                box-shadow: 0 20px 35px -12px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(59,130,246,0.3);
            }
        }

        /* 小提示区域 — 简洁优雅 */
        .info-hint {
            margin-top: 80px;
            text-align: center;
            background: rgba(255,255,245,0.7);
            backdrop-filter: blur(4px);
            padding: 6px 18px;
            border-radius: 40px;
            font-size: 0.75rem;
            color: #334155;
            font-weight: 500;
        }

        .info-hint kbd {
            background: #e9eef3;
            padding: 2px 8px;
            border-radius: 30px;
            font-family: monospace;
            font-size: 0.7rem;
            margin: 0 3px;
            box-shadow: inset 0 1px 0 white, 0 1px 1px rgba(0,0,0,0.05);
        }

        /* 响应式: 移动端缩小一点 */
        @media (max-width: 500px) {
            .search-float {
                min-width: 220px;
            }
            .search-input {
                padding: 12px 18px;
                font-size: 0.9rem;
            }
            .search-btn {
                width: 52px;
                height: 52px;
            }
            .search-icon {
                width: 22px;
                height: 22px;
            }
            .info-hint {
                margin-top: 70px;
            }
        }

        /* 黑暗模式兼容（不强制，但保持优雅） */
        @media (prefers-color-scheme: dark) {
          
            .search-float {
                background: rgba(30, 41, 59, 0.96);
                backdrop-filter: blur(12px);
                box-shadow: 0 20px 30px -12px rgba(0,0,0,0.5), 0 0 0 1px rgba(255,255,255,0.1);
            }
            .search-input {
                color: #f1f5f9;
            }
            .search-input::placeholder {
                color: #94a3b8;
            }
            .search-float::before {
                background: rgba(30, 41, 59, 0.96);
            }
            .info-hint {
                background: rgba(0,0,0,0.4);
                color: #cbd5e1;
            }
            .info-hint kbd {
                background: #334155;
                color: #e2e8f0;
            }
        }	

		
		
		
		
		
		
.head-top{height:40px;background:#435466;color:#fff;transition:margin .1s linear}
.head-top .l-wrap{display:flex;height:100%;justify-content:space-between;align-items:center;max-width: 1400px;margin: 0 auto;}
.head-top .head-share{display:flex;height:100%;align-items:center}
.head-top .head-share ul{display:flex;margin-right:10px;height:100%;align-items:center}
.head-top .head-share ul li{margin:0px 4px;width:26px;height:26px}
.dingg{width: auto!important;height: auto!important;}
.dingg a{text-transform: capitalize!important;font-weight: 400!important;padding: 0!important;}
.dingg a:hover{background: none!important;text-transform: capitalize!important;}
.dingg ul li{ width:auto!important; height:auto!important;}
.dingg ul li a{ display:block!important; color:#000!important;padding: 10px 20px!important;}
.dingg ul li a:hover{color: #2ea7e0!important;}
.head-top .head-share ul li a{display:flex;width:100%;height:100%;border-radius:3px;color:#fff;transition:all .1s linear;justify-content:center;align-items:center}
.head-top .head-share ul li a:hover{background-color:#fff;color:#2ea7e0;}
.head-top .head-contact{display:flex;align-items:center}
 .head-top .head-contact .item{display:flex;margin-right:20px;align-items:center}
.head-top .head-contact .item em{margin-right:5px;color:#fff;font-size:18px;}
.head-top .head-contact .item a{color:#fff; font-size:18px;}
.head-top .head-contact .item span{color:#fff;font-size:18px;}
        
        /* 滚动后增强阴影 */
        .site-header.sticky-shadow {
            box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
        }

        .header-container {
            max-width: 1400px;
            margin: 0 auto;
            padding: 15px 24px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            min-height: 40px;
            gap: 16px;
        }

        /* ========= 左侧 LOGO ========= */
        .logo-area {
            flex-shrink: 0;
            display: flex;
            align-items: center;
        }
        .logo-link {
            text-decoration: none;
			max-width:250px;
            display: flex;
            align-items: center;
            gap: 8px;
        }
        .logo-icon {
            background: #2563eb;
            width: 38px;
            height: 38px;
            border-radius: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-size: 1.3rem;
            box-shadow: 0 4px 8px rgba(37,99,235,0.2);
        }
        .logo-text {
            font-size: 1.35rem;
            font-weight: 700;
            letter-spacing: -0.2px;
            background: linear-gradient(135deg, #1e293b 0%, #2d3a4e 100%);
            background-clip: text;
            -webkit-background-clip: text;
            color: transparent;
        }
        .logo-text span {
            color: #2563eb;
            background: none;
        }

        /* ========= 桌面端导航区域 (三级下拉) ========= */
        .nav-area {
            flex: 1;
            display: flex;
            justify-content: center;
        }
        .nav-menu {
            display: flex;
            list-style: none;
            margin: 0;
            padding: 0;
        }

        /* 一级菜单项 */
        .nav-item {
            position: relative;
        }
        .nav-link {
            display: flex;
            align-items: center;
            gap: 6px;
            padding: 8px 14px;
            font-weight: 600;
            font-size: 18px;    text-transform: inherit;
            color: #1e293b;
            text-decoration: none;
            border-radius: 40px;
            transition: all 0.2s ease;
            white-space: nowrap;
        }
		.yuyan a{font-weight: bold;margin-left: 4px;font-size: 14px;}
		.yuyan i{ font-size:14px;}
        .nav-link i {
            font-size: 0.7rem;
            color: #64748b;
            transition: transform 0.2s;
        }
        .nav-link:hover {
            background: #f6f6f6;
            color: #000;
        }

        /* 二级菜单容器 */
        .dropdown-menu {
            position: absolute;
            top: calc(100% + 0px);
            left: 0;
            background: #ffffff;
            border-radius: 18px;
            box-shadow: 0 20px 35px -12px rgba(0, 0, 0, 0.15);
            min-width: 300px;
            padding: 10px 0;
            list-style: none;
            opacity: 0;
            visibility: hidden;
            transform: translateY(-8px);
            transition: all 0.2s cubic-bezier(0.2, 0.9, 0.4, 1.1);
            z-index: 1001;
            border: 1px solid #eff3f8;
        }

        .nav-item:hover > .dropdown-menu {
            opacity: 1;
            visibility: visible;
            transform: translateY(0);
        }

        .dropdown-item {
            position: relative;
        }
        .dropdown-link {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 10px 20px;
            font-size: 18px;
			text-transform: capitalize;
            font-weight: 500;
            color: #334155;
            text-decoration: none;
            transition: all 0.15s;
        }
        .dropdown-link i {
            font-size: 0.65rem;
            color: #94a3b8;
        }
        .dropdown-link:hover {
            background: #f6f6f6;
            color: #e12e06;
        }

        /* 三级菜单 */
        .dropdown-submenu {
            position: absolute;
            top: -8px;
            left: 100%;
            background: #ffffff;
            border-radius: 16px;
            box-shadow: 0 20px 35px -12px rgba(0, 0, 0, 0.15);
            min-width: 300px;
            padding: 10px 0;
            list-style: none;
            opacity: 0;
            visibility: hidden;
            transform: translateX(-6px);
            transition: all 0.2s ease;
            margin-left: 4px;
            border: 1px solid #eff3f8;
            z-index: 1002;
        }

        .dropdown-item:hover > .dropdown-submenu {
            opacity: 1;
            visibility: visible;
            transform: translateX(0);
        }

        .submenu-link {
            display: block;
            padding: 10px 20px;
            font-size: 14px;
            font-weight: 500;
            color: #475569;
            text-decoration: none;
            transition: 0.1s;
        }
        .submenu-link:hover {
            background: #f6f6f6;
            color: #e02f06;
        }

        /* 右侧区域 */
        .right-actions {
            display: flex;
            align-items: center;
            gap: 16px;
            flex-shrink: 0;
        }

        .search-wrapper {
            position: relative;
            display: flex;
            align-items: center;
        }
        .search-input {
            background: #f6f6f6;
            border: 0px solid #1d1d1d;
            border-radius: 48px;
            padding: 8px 16px 8px 38px;
            font-size: 0.85rem;
            width: 180px;
            font-family: inherit;
            transition: all 0.2s;
        }
        .search-input:focus {
            outline: none;
            border-color: #1d1d1d;
            box-shadow: 0 0 0 3px rgba(29,29,299,0.1);
            background: white;
            width: 200px;
        }
       .dbsousuo .search-icon {
            position: absolute;
            left: 6px;
			width:18px; height:18px;
            color: #94a3b8;
            font-size: 0.85rem;
            pointer-events: none;
        }
        .phone-box {
            display: flex;
            align-items: center;
            gap: 8px;
            background: #f1f4f9;
            padding: 6px 14px;
            border-radius: 60px;
            transition: all 0.2s;
            white-space: nowrap;
        }
        .phone-box i {
            font-size: 0.9rem;
            color: #1d1d1d;
        }
        .phone-number {
            font-weight: 600;
            font-size: 0.85rem;
            color: #1e293b;
            text-decoration: none;
        }

        /* ========= 移动端菜单按钮 + 侧边抽屉 ========= */
        .mobile-menu-toggle {
            display: none;
            background: none;
            border: none;
            font-size: 1.6rem;
            color: #1e293b;
            cursor: pointer;
            padding: 8px;
            border-radius: 10px;
            transition: background 0.2s;
        }
        .mobile-menu-toggle:hover {
            background: #f1f5f9;
        }

        /* 移动端遮罩层 */
        .mobile-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,0.4);
            z-index: 1100;
            opacity: 0;
            visibility: hidden;
            transition: all 0.3s ease;
        }
        .mobile-overlay.active {
            opacity: 1;
            visibility: visible;
        }

        /* 移动端侧边栏菜单 */
        .mobile-sidebar {
            position: fixed;
            top: 0;
            right: -100%;
            width: min(85%, 360px);
            height: 100%;
            background: #ffffff;
            z-index: 1200;
            box-shadow: -5px 0 25px rgba(0,0,0,0.1);
            transition: right 0.3s cubic-bezier(0.2, 0.9, 0.4, 1.1);
            display: flex;
            flex-direction: column;
            overflow-y: auto;
        }
        .mobile-sidebar.open {
            right: 0;
        }
        .mobile-sidebar-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 20px 20px;
            border-bottom: 1px solid #eef2f6;
        }
        .mobile-sidebar-header .logo-text {
            font-size: 1.25rem;
        }
        .close-sidebar {
            background: none;
            border: none;
            font-size: 1.5rem;
            cursor: pointer;
            color: #64748b;
            padding: 8px;
        }
        .mobile-nav-list {
            list-style: none;
            padding: 16px 0;
        }
        .mobile-nav-item {
            border-bottom: 1px solid #f1f5f9;
        }
        .mobile-nav-link {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 16px 20px;
            font-weight: 600;
            color: #1e293b;
            text-decoration: none;
            font-size: 1rem;
			    text-transform: uppercase;
        }
        .mobile-nav-link i {
            color: #94a3b8;
            transition: transform 0.2s;
        }
        .mobile-submenu {
            display: none;
            background: #fafcff;
            list-style: none;
            padding-left: 20px;
        }
        .mobile-submenu.open {
            display: block;
        }
        .mobile-subitem {
            border-top: 1px solid #f0f4f9;
        }
        .mobile-sub-link {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 14px 20px 14px 36px;border-top: 1px solid #f0f4f9;
            color: #334155;
            text-decoration: none;
            font-size: 0.9rem;
            font-weight: 500;
        }
        .mobile-thirdmenu {
            display: none;
            list-style: none;
            padding-left: 20px;
            background: #ffffff;
        }
        .mobile-thirdmenu.open {
            display: block;
        }
        .mobile-third-link {
            display: block;
            padding: 12px 20px 12px 52px;
            color: #475569;
            text-decoration: none;
            font-size: 0.85rem;
            border-top: 1px solid #f8fafc;
        }
        .mobile-actions {
            padding: 20px;
            border-top: 1px solid #eef2f6;
            margin-top: auto;
        }
        .mobile-search {
            display: flex;
            align-items: center;
            background: #f8fafc;
            border-radius: 48px;
            border: 1px solid #e2e8f0;
            padding: 10px 16px;
            margin-bottom: 16px;
        }
        .mobile-search i {
            color: #94a3b8;
            margin-right: 10px;
        }
        .mobile-search input {
            border: none;
            background: transparent;
            flex: 1;
            outline: none;
            font-size: 0.9rem;
        }
        .mobile-phone {
            display: flex;
            align-items: center;
            gap: 10px;
            justify-content: center;
            background: #f1f4f9;
            padding: 12px;
            border-radius: 48px;
        }

        /* 响应式断点 */
        @media (max-width: 992px) {
            .nav-area {
                display: none;
            }
            .right-actions {
                display: none;
            }
            .mobile-menu-toggle {
                display: block;
            }
            .header-container {
                padding: 0 20px;
                min-height: 64px;
            }
            .logo-icon {
                width: 34px;
                height: 34px;
                font-size: 1.1rem;
            }
            .logo-text {
                font-size: 1.2rem;
            }
        }

        /* 小屏优化 */
        @media (max-width: 480px) {
            .header-container {
                padding: 0 16px;
            }
            .logo-text {
                font-size: 1rem;
            }
            .logo-icon {
                width: 30px;
                height: 30px;
            }
        }

/*header*/
.logo{ float:left; width:20%;}
.logo a img{ width:260px;    margin-top: 5px;}
.daohang{ float:left; width:50%;     margin-left: 7%;margin-right: 3%;}
.daohang ul li{ float:left;text-align: center;}
.daohang ul li a{ color:#000; font-size:18px; line-height:55px;text-transform: uppercase; font-weight:bold;}
.daohang ul li:hover{color: #e12e06; border-bottom:2px solid #e12e06;}
.hover{border-bottom:2px solid #e12e06;}
.hover a{color: #e12e06!important;}
.daohang ul{display: flex;justify-content: space-between;}
.lxfs{ float:left; width:20%; font-size:24px; color:#333333;font-family: NotoSansSC-Light; line-height: 49px;text-align: right;}
.lxfs img{margin-top: 10px;position: absolute;    margin-left: -20px;}
.header{ overflow:hidden; box-shadow: 0 3px 12px rgba(0, 0, 0, .07); background-color:#fff;  }
.lxfs i{ padding-right:10px;}
.dingbu{ padding-bottom:20px; padding-top:20px; overflow: hidden;}
.sticky-top {
  position: fixed;
  top: 0;
  width: 100%; /* 根据需要调整宽度 */
  z-index: 1000; /* 确保元素在其他内容之上 */
}
.zilanmu{ background-color:#f3f3f3;}
.zilanmu a{ line-height:50px; color:#333; font-size:18px; margin-right:20px;text-transform: capitalize; font-weight:bold;}
.zilanmu a:hover{color: #e12e06;}
.selected{
  position: relative; /* 为伪元素提供定位上下文 */
  color:#e12e06!important;
}
.selectedd{ font-weight:bold; color:#000;}

.selected::after {
  content: ''; /* 必须有内容才能使用伪元素 */
  position: absolute; /* 绝对定位相对于.underline-text */
  left: 0; /* 从左边开始 */
  bottom: -8px; /* 从底部开始 */
  width: 100%; /* 与文本宽度相同 */
  height: 2px; /* 线的粗细 */
  background-color: #df2e05; /* 线的颜色 */
}
.yijifenlei{ background-color:#999999;}
.yijifenlei a{ line-height:45px;font-size: 16px;margin-left: 25px;margin-right: 25px;}

/*header结束*/


/*banner*/
.nybanner h1{ color:#fff; font-size:40px; font-weight:bold; padding-bottom:10px; padding-left:15px;text-transform: capitalize;}
.nybanner h2{ color:#fff; font-size:24px; font-weight:400; padding-left:15px;text-transform: capitalize;display: none;}
.nybanner { padding:150px 0;}
.selea{color: #e34825;}
/*fenlei*/
.jgzxbt{ font-size:40px; color:#000; font-weight:bold;}
.jgzxjj{ color:#000; padding-top: 15px;line-height: 35px;}
.fenlanjj{ padding-top:30px;}
.jgzxlb ul li p{color:#000; font-size:20px; padding: 15px 0; text-transform: capitalize; font-weight:bold;}
.jgzxlb ul li{ width:50%; float:left; margin-bottom:30px;}
.jgzxlb ul li:hover img{
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.jgzxlb ul li span{ width:539px; height:302px;display: block;overflow: hidden;}
.jgzxlb{ overflow:hidden;margin: 50px auto;}

/*图片+描述*/
.tplb{ overflow:hidden;  }
.tplb ul li{ overflow:hidden; border: 1px solid #f6f6f6; margin-top:30px;}
.tplb ul li:hover{ background-color:#f6f6f6;}
.tzuoce{ width:40%; float:left;}
.tzuoce img{    transform: scale(1.1);}
.tyouce{ width:55%; margin-left:5%; float:left;    margin-top: 2%;}
.tyouce h1{ color:#000; font-size:24px; font-weight:600; padding-bottom:30px;text-transform: capitalize;}
.tyouce p{ color:#000; font-size:18px; line-height:30px; }


/*新闻列表*/
.xinwenlb{overflow: hidden; margin: 0px auto;}
.xinwenlb ul li{ border-bottom:1px solid #ececec; overflow:hidden; padding: 40px; margin-top:30px;}
.xwzuoce{ width:336px; height:189px; float:left;}
.xwyouce{ width:calc(100% - 356px);float:right;}
.xwyouce h1 a{ color:#000; font-size:20px; font-weight:bold;}
.xwyouce P{ color:#000; padding:20px 0px 40px;}
.xwzuoce img{ width:100%; }
.xinwenlb ul li:hover{background-color: #f6f6f6;}
.xwyouce span a{border: 1px solid #333;color: #333;padding: 5px 20px;}
.xinwenxq{ margin:50px auto;}
.xinwenxq h1{ text-align:center; font-size:26px; color:#444444; font-weight: bold; padding-bottom:30px;}
.xiangqing{ color:#000; line-height:32px;}

/*产品中心*/
.cplb{ margin:50px auto;}
.cplb ul li{ width: 25%; float:left; }
.cplb ul{border-bottom:1px solid #e8e8e8; border-left:1px solid #e8e8e8; border-right:1px solid #e8e8e8; overflow:hidden;}
.cplb ul li a{ margin:15px;display: block;border: 1px solid #e8e8e8;}
.cplb ul li img{ width:100%;}
.cplb ul li:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.page{display: inline-flex;flex-wrap: wrap; margin-top:30px;}
.cplb2{ text-align:center;}
.page b{    background-color: #000;
    width: 40px;
    height: 40px;
    color: #fff;
    text-align: center;
    line-height: 40px;}
.page a{width: 40px;
    height: 40px;
    border: 1px solid #000;
    line-height: 40px;
    text-align: center;}
.page a:hover{background-color: #000; border:0px; color:#fff;}
.cplb ul li p{ overflow:hidden;}
.cplb ul li span{ line-height:40px; text-align:center;background-color: #f3f3f3; display:block; }
.cplb ul li:hover span{color: #fff; background-color:#e12e06;}
.sousuo{background-color: #fafafa;border: 1px solid #e8e8e8; margin-bottom:15px;overflow: hidden;    margin-top: 15px;}
.sousuozuo input{background-color: #e9e9e9;border: 0;height: 40px;width: 100%;padding-left: 40px;border-radius: 4px;}
.sousuo form{ width:50%; margin:14px auto;overflow: hidden;}
.sousuozuo{ width:80%; float: left;}
.sousuoyou{ width:20%; float:left;}
.seoicn{position: absolute;padding: 10px;}
.sousuoyou input{background: #202020;width: 100%;color: #fff;height: 42px;border-radius: 4px;}
.sousuoyou input:hover{cursor: pointer; background-color:#e12e06; border:0;}

/*产品内容页*/
.chanpintuzuo{ width:49%; float:left;}
.chanpintuzuo img{ width:100%;}
.chanpintuyou{ width:45%; float:left; margin-left:5%;}
.chanpintuyou p{ font-size:18px;color: #313131; padding-bottom:15px;}
.chanpintuyou p span{ font-weight:bold;}
.chanpinxq{ margin:0px auto;}
.cperweima img{ width:50%; }
.cperweima p{color: #000;
    font-size: 20px;
   
    font-weight: bold;}
.chanpinbt{background-color: #fafafa; border:1px solid #e8e8e8;overflow: hidden;margin-top: 25px;}
.nav{ float:right;line-height: 70px;padding-right: 15px;}
.chanpinbt h1{ color:#212121; font-size:36px; line-height:70px; padding-left:15px; float:left;    text-transform: capitalize;}
.chanpintu{  overflow:hidden;}
.chanpinxq img{ max-width:100%; width:100%;}
.chanpinjs{overflow:hidden;padding: 15px; color:#000;line-height: 24px;}
.chanpinjs h2{ padding-bottom:15px; padding-top:15px;color: #0000CD;}
.chanpinlc{  overflow:hidden;}
.chanpinys{ overflow:hidden;}
.chanpinjs table td {
    padding: 10px;
    border: 1px solid #ddd;
    line-height: 1.71429;
    text-align: center;
    vertical-align: middle;
}
.chanpinjs table th {
    padding: 10px;
    border: 1px solid #ddd;
    line-height: 1.71429;
    text-align: center;background: #d6ecea;
    vertical-align: middle;
}
.chanpinjs p {
    margin: 10px 0 0;    font-size: 18px!important;
}
.chanpinjs table tr:hover {
    background-color: #f7f7f7;
}

.chanpinjs table {
    width: 100%;    border: 1px solid #ececec;border-collapse: collapse;
}



/*联系我们*/
.lxwomen{ padding:50px 0; background-image: url(/tegang/images/ditu.jpeg) ;  background-repeat: no-repeat;}
.lxwomens{border: 5px solid #ff3b34;padding: 50px;overflow: hidden;background-color: #fff;}
.lxwomenz{text-align: center;font-size: 18px;color: #000;line-height: 30px;margin: 50px auto;}
.lxwomenx ul li{   border:1px solid #999999; padding:15px;}
.lxwomenxzuo{ float:left; width:108px;}
.lxwomenxyou{width:210px; float:right; display: flex;
  align-items: center; /* 垂直居中 */
 height: 88px; font-size:18px; color:#666;line-height: 30px;padding-left: 15px;}
.lxwomenx ul{display: flex;justify-content: space-between;}
.lxwomszuoce{ width:450px; float:left;}
.lxwomenyouce{ float:right;width:calc(100% - 475px);}
.danhang span{ display:block;color: #777777; line-height:30px;}
.danhang{ width:50%; float:left;}
.danhang input{ width:90%;line-height: 35px; border:1px solid #cecece;}
.biaodandh span{ display:block;color: #777777; line-height:30px;}
.biaodandh textarea{ width:95%; height:130px;border:1px solid #cecece;}
.biaodandh{ padding-bottom:20px;}
.danhang{ padding-bottom:15px;}
.tijiao input{background-color: #f32c56; width:80%; color:#fff; border-radius: 4px;    border: 0;font-size: 18px;}
.tijiao input:hover{cursor: pointer; background-color:#000;}
.tijiao .danhang a{display: block;font-size: 18px;
    background-color: #000;
    line-height: 35px;
    text-align: center;
    width: 80%;
    color: #fff;
    border-radius: 4px;}
.tijiao .danhang a:hover{background-color: #f32c56;}
.lxwomenmap{width: 100%;margin: 60px auto;height: 500px;}

/*footer*/
.footer{ background-color:#435466;      margin-top: 50px;  overflow: hidden; padding-top:80px;}
.footlogo img{ width:215px;}
.footerweima img{ width:128px; border:5px solid #fff;}
.footerweima{ text-align:center; color:#fff; font-size:14px;line-height: 50px;}
.footzuo{ width:230px; float:left;}
.footzhong{ float: right; width:calc(100% - 230px);}
.xiaodaohang{ float:left; width:16%; text-align: left; margin-left:1%;}
.xiaodaohang2{ width:25%;}
.xiaodaohang h1{ color:#fff; font-size:18px; font-weight:600;}
.xiaodaohang ul li a{ color:#fff;}
.xiaodaohang i{ margin:10px auto; height:1px; background-color:#84909b; display:block;}
.xiaodaohang ul li{ line-height:30px; text-align:left;}
.lxwomenx{ margin-top:30px;}
.footerbq{ text-align:center; color:#fff;border-top: 1px solid #fff; line-height:50px; margin-top:50px;}
.footerbq a{ color:#fff; padding-left:20px; }
.footlogo{ padding-bottom:30px;}
.footlxwm h1{ color:#fff; font-size:18px; font-weight:600;width: 90%;margin: 0 auto;}
.footlxwm i{ margin:10px auto; height:1px; background-color:#84909b; display:block;}
.footlxwm{ width:19%; float: left;color: #fff;margin-left: 1%;}
.footlxwm ul li span{ float:left;}
.footlxwm ul li p{ float:left;}
.footlxwm ul li{ width:100%; float:left;line-height: 30px;}
.cpxiaodaohang i{ width:90%; margin:20px auto; height:1px; background-color:#84909b; display:block;}
.cpxiaodaohang{ width:30%; float: left;color: #fff;text-align: center;}
.cpxiaodaohang h1{ color:#fff; font-size:16px; font-weight:400; text-align:center;}
.cpxiaodaohang ul li a{ color:#fff;}
.cpxiaodaohang ul li{ line-height:30px; text-align:left;}
.cp{ width:30%; float:left;    text-align: left;}
.cp1{ width:40%; float:left;text-align: left;}
.footlxwm ul{ margin:0 auto; width:90%; }



/*首页*/



		.section-wrap{ width:100%;height:100%;overflow:visible;transition:transform 1s cubic-bezier(0.86,0,0.03,1);-webkit-transition:-webkit-transform 1s cubic-bezier(0.86,0,0.03,1);}

		.section-wrap .section{ position:relative; width:100%; height:100%; background-position:center center; background-repeat:no-repeat;}

		.section-wrap .section .title{width:100%;position:absolute;top:40%;color:#fff;font-size:2.4em;text-align:center;}

		.section-wrap .section .title p{ padding:0 4%;opacity:0}

		.section-wrap .section .title.active .tit{ opacity:1;transform:translateY(-25px);-webkit-transform:translateY(-25px);transition:all 2s cubic-bezier(0.86,0,0.8,1);-webkit-transition:all 2s cubic-bezier(0.86,0,0.8,1);}

		.section-wrap .section-1{ background-image:none;}

		.section-wrap .section-2{ background-color:#5cb85c}

		.section-wrap .section-3{ background-color:#5bc0de}

		.section-wrap .section-4{ background-color:#f0ad4e}

		.section-wrap .section-5{ background-color:#d9534f}
		

		.put-section-0{ transform:translateY(0);-webkit-transform:translateY(0);}

		.put-section-1{ transform:translateY(-100%);-webkit-transform:translateY(-100%);}

		.put-section-2{ transform:translateY(-200%);-webkit-transform:translateY(-200%);}

		.put-section-3{ transform:translateY(-300%);-webkit-transform:translateY(-300%);}

		.put-section-4{ transform:translateY(-400%);-webkit-transform:translateY(-400%);}
		.put-section-5{ transform:translateY(-500%);-webkit-transform:translateY(-500%);}
		.put-section-6{ transform:translateY(-600%);-webkit-transform:translateY(-600%);}
		.put-section-7{ transform:translateY(-700%);-webkit-transform:translateY(-700%);}

		.section-btn{ width:14px;position:fixed;right:4%;top:50%;}

		.section-btn li{ width:14px;height:14px;cursor:pointer;text-indent:-9999px;border-radius:50%;-webkit-border-radius:50%;margin-bottom:12px; background:#e12e06;text-align:center; color:#fff; onsor:pointer;}

		.section-btn li.on{ background:#000}

		.arrow{ opacity:1;animation:arrow 3s cubic-bezier(0.5,0,0.1,1) infinite;-webkit-animation:arrow 3s cubic-bezier(0.5,0,0.1,1) infinite;transform:rotate(-90deg);-webkit-transform:rotate(-90deg); position:absolute;bottom:10px;left:50%;margin-left:-30px;width:60px;height:60px;border-radius:100%;-webkit-border-radius:100%;line-height:60px;text-align:center;font-size:20px;color:#000;border:1px solid #000;cursor:pointer;overflow:hidden;}

		.arrow:hover{ animation-play-state:paused;-webkit-animation-play-state:paused;}

		@keyframes arrow{ %0,%100{bottom:10px; opacity:1;} 50%{bottom:50px; opacity:.5} }

		@-webkit-keyframes arrow{ %0,%100{bottom:10px; opacity:1;} 50%{bottom:50px; opacity:.5} }
.video-background {
  position: fixed; /* 或者 absolute */
  right: 0;
  bottom: 0;
  min-width: 100%; 
  min-height: 100%;
  width: auto; 
  height: auto;
  z-index: -100; /* 确保视频在内容之下 */
  overflow: hidden;
}
 
.video-background video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
}

.swiper1 {
				width: 100%;
			}
			.swiper1 .selected {
				color: #ec5566;
				border-bottom: 2px solid #ec5566;
			}
			.swiper1 .swiper-slide {
				text-align: center;
				font-size: 18px;
				height: auto;text-transform: capitalize;
				/* Center slide text vertically */
				display: -webkit-box;
				display: -ms-flexbox;
				display: -webkit-flex;
				display: flex;
				-webkit-box-pack: center;
				-ms-flex-pack: center;
				-webkit-justify-content: center;
				justify-content: center;
				-webkit-box-align: center;
				-ms-flex-align: center;
				-webkit-align-items: center;
				align-items: center;
				cursor: pointer;
			}
			.cplb2 ul{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;grid-template-rows: 1fr 1fr 1fr 1fr;margin-top: 25px;gap: 20px;}
			.cplb2 ul li a{border: 1px solid #435466;border-radius: 10px;display: block;}
			.cplb2 ul li a p{    font-size: 24px;font-weight: bold;color: #000;border-bottom: 1px solid #435466;padding-bottom: 20px;margin-bottom: 10px; padding-top:20px;}
			.cplb2 ul li a span{display: inline-flex;margin-bottom: 10px;}
			.cplb2 ul li a span i{ margin-top:3px;}
			.cplb2 ul li a b{ margin-left:5px;}
			.swiper2 {
				width: 99.7%;
			}
			.swiper2 .swiper-slide {
				height: 497px;
				background-color: #ccc;
				color: #fff; 
				text-align: center;
				box-sizing: border-box !important;
				overflow-x: hidden !important;
			}
			.swiper3 {
				width: 100%;
			}
			.swiper3 .selected {
				color: #ec5566;
				border-bottom: 2px solid #ec5566;
			}
			.swiper3 .swiper-slide {
				text-align: center;
				font-size: 16px;
				height: 50px;
				    text-transform: capitalize;
				/* Center slide text vertically */
				display: -webkit-box;
				display: -ms-flexbox;
				display: -webkit-flex;
				display: flex;
				-webkit-box-pack: center;
				-ms-flex-pack: center;
				-webkit-justify-content: center;
				justify-content: center;
				-webkit-box-align: center;
				-ms-flex-align: center;
				-webkit-align-items: center;
				align-items: center;
				cursor: pointer;
			}
			.swiper4 {
				width: 99.7%;
			}
			.swiper4 .swiper-slide {
				height: 497px;
				background-color: #ccc;
				color: #fff; 
				text-align: center;
				box-sizing: border-box !important;
				overflow-x: hidden !important;
			}
			
			.swiper5 {
				width: 100%;
			}
			.swiper5 .selected {
				color: #ec5566;
				border-bottom: 2px solid #ec5566;
			}
			.swiper5 .swiper-slide {
				text-align: center;
				font-size: 16px;
				height: 50px;
				/* Center slide text vertically */
				    text-transform: capitalize;
				display: -webkit-box;
				display: -ms-flexbox;
				display: -webkit-flex;
				display: flex;
				-webkit-box-pack: center;
				-ms-flex-pack: center;
				
				-webkit-justify-content: center;
				justify-content: center;
				-webkit-box-align: center;
				-ms-flex-align: center;
				-webkit-align-items: center;
				align-items: center;
				cursor: pointer;
			}
			.swiper6 {
				width: 99.7%;
			}
			.swiper6 .swiper-slide {
				height: 497px;
				background-color: #ccc;
				color: #fff; 
				text-align: center;
				box-sizing: border-box !important;
				overflow-x: hidden !important;
			}
			
			
			.swiper7 {
				width: 33%;
			}
			.swiper7 .selected {
				color: #ec5566;
				border-bottom: 2px solid #ec5566;
			}
			.swiper7 .swiper-slide {
				text-align: center;
				font-size: 16px;
				height: 50px;
				/* Center slide text vertically */
				display: -webkit-box;
				display: -ms-flexbox;
				display: -webkit-flex;
				display: flex;
				-webkit-box-pack: center;
				-ms-flex-pack: center;
				-webkit-justify-content: center;
				justify-content: center;
				-webkit-box-align: center;
				-ms-flex-align: center;
				-webkit-align-items: center;
				align-items: center;
				cursor: pointer;
			}
			.swiper8 {
				width: 99.7%;
			}
			.swiper8 .swiper-slide {
				height: 497px;
				background-color: #ccc;
				color: #fff; 
				text-align: center;
				box-sizing: border-box !important;
				overflow-x: hidden !important;
			}
	.sybiaoti{ padding-top:2%; font-size:32px; font-weight:bold; text-align:center; color:#1a1a1a; }
	.section{opacity: 1;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(/tegang/images/ditu.jpeg);
    background-attachment: fixed;}
.wenzijianjie{background-color: rgba(0, 0, 0, 0.5);    width: 400px;    border-radius: 5px;    margin-top: 150px;    float: right;    margin-right: 100px;    padding: 20px; text-align:left;}
.wenzijianjie h1{text-align: left;    font-weight: 400;    font-size: 24px;    color: #fff;    padding-bottom: 10px;    text-transform: capitalize;}
.wenzijianjie a{border-color: rgba(255, 255, 255, 1);    border-width: 1px;    border-style: solid;    padding: 5px 20px;    color: #ffffff;    background-color: transparent;    border-radius: 5px;    font-size: 14px;display: inline-block; margin-top:20px;}
.wenzijianjie a:hover{ background-color:#df2e05; border:1px solid #df2e05; color:#fff;}
.syxian{width: 100px;    height: 4px;    background-color: #e12e06;    margin: 15px auto;}
.syxbiaoti{ text-align:center; padding-bottom:30px; font-size: 18px; }
.section-8 .sybiaoti{ padding-bottom:0; padding-top:10%;}
.section-6 .sybiaoti{ padding-bottom:0;}
.section-4 .sybiaoti{ padding-bottom:0;}
.sychanpinlb{ width: 30.33%; float:left; border:1px solid #a0a0a0; background-color:#fff;margin-right: 3%; text-align:center;}
.sychanpinlb:nth-child(3){ margin-right:0;}
.sychanpinlbtu img{ width:165px;   }
.sychanpinlbtu{ text-align:center;padding: 20px 0;}
.sychanpinbt p a{font-size: 24px;color: rgb(51, 51, 51);}
.sychanpinbt span{font-size: 16px; color: rgb(51, 51, 51);text-decoration: underline;}
.sychanpinfl{ width:90%; margin:15px auto; overflow:hidden; height:120px; }
.sychanpinfl a{ width:100%; float:left; line-height:30px; }
.ckgd a{background-color: #313131;    display: inline-block;    border-radius: 5px;    color: #fff;    text-align: center;    padding: 10px 30px;}
.ckgd img{ width:20px; height:20px; position: absolute; }
.ckgd span{ padding-left:25px;}
.san a{ width:50%!important;}
.ckgd{ margin:30px auto;}
.ckgd a:hover{ background-color:#e12e06;}
.shoujiduan{ display:none;} 
.sjdbanner{opacity: 1;
    background-position: center center;
    background-repeat: repeat-y;
    background-size: cover;
    background-image: url(/tegang/images/sjdbanner.png);width: 100%;
    min-height: 700px;}
.sjdbanner .title { text-align:center; color:#fff;padding-top: 70%;    width: 96%;    margin: 0 auto;    line-height: 30px;}
.sjdbanner p{font-size: 16px;    padding-bottom: 20px;}
.sjdbanner h1{ font-size:24px;}
.beijingb{ display:none;}
@media only screen and (max-width: 959px){
.wp{ width:96%;}
.header{ display:none;}
header{ display:block;}
.head-top{ display:none;}
.zilanmu{ display:none;}
.nybanner{ background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        padding: 120px 0;
        margin-top: 0;}
.nybanner h1{ font-size:24px;}
.nybanner h2{ font-size:16px;}
.fenlanjj{ padding-top: 30px;}
.jgzxbt{ font-size:30px;}
.jgzxjj{ font-size:14px;}
.jgzxlb{ margin:30px auto;}
.jgzxlb ul li p{ font-size: 16px; }
.jgzxlb ul li span{ width:96%; height:auto;}
.jgzxlb ul li{ margin-bottom:0; width:100%;}
.footzhong{ display:none;}
.footzuo{ width:100%;}
.footlogo{ text-align:center;}
.footerbq a{ display:none;}
.tplb{ margin:15px auto;}
.tplb ul li{padding: 15px;margin-top: 15px;}
.tzuoce{ width:100%;}
.tyouce{ width:100%; margin-left:0;}
.tyouce h1{ font-size:20px; padding-top:10px;font-weight: bold; padding-bottom:10px;}
.tyouce p{ font-size:14px; line-height:24px;}
.lxwomens{ padding:15px;}
.lxwomenyouce{ width:100%;        margin-top: 20px;}
.lxwomenz { font-size:14px; margin:30px auto;}
.lxwomenx ul{ display:block;}
.lxwomenx ul li{ overflow:hidden; margin-bottom:15px;}
.lxwomenxyou{ width:196px;        margin-bottom: 15px;}
.lxwomenmap{ margin:30px auto; height:350px;}
.lxwomszuoce{ width:100%;}
.lxwomen{ padding:30px 0;}
.sousuo form{ width:85%;}
.nav{ display:none;}
.cplb2 ul{grid-template-columns: 1fr 1fr;}
.cplb2 ul li{    flex: 1 calc(50% - 20px);}
.cplb ul li{ width:50%;}
.cplb ul li a{ margin:5px;}
.chanpintuzuo{ width:100%;}
.chanpintuyou{ width:100%; margin-left:0; margin-top:15px;}
.cperweima p{ font-size:16px;letter-spacing: 5px;}
.mlogo{position: fixed;
    top: 8px;
    z-index: 1000000;
    padding-left: 10px;}
.mlogo img{ width:168px;}
.section-wrap{ display:none;}
.section-btn{ display:none;}
.shoujiduan{ display:block;}
html, body{ overflow:auto!important; height:auto!important;}
.sybiaoti{ font-size:24px; padding-bottom:15px; padding-top:10%;}
.swiper-slide{ text-align:center; min-height:30px;text-transform: capitalize;}
.selected::after{ bottom: 0px;}
.swiper-container{ margin:5px auto;}
.wenzijianjie{    background-color: #fff;
    width: 90%;
    border-radius: 5px;
    margin-top: -30px;margin-bottom: 20px;
    float: right;
    margin-right: 5%;border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    box-shadow: 0px 0px 14px 2px rgba(0, 0, 0, 0.08);    position: relative;
    padding: 0;
    text-align: left;}
.wenzijianjie h1{ color:#333;padding: 15px;}
.wenzijianjie p{ padding: 0 15px;height: 133px;color: #666;line-height: 22px; overflow:hidden;}
.wenzijianjie a{ color:#333;border-color: #333;margin-left: 15px;margin-bottom: 15px;}
.sychanpinlb{ width:99%; margin-right: 0;margin-bottom: 15px;}
.sjdlxwm .sybiaoti{ padding-bottom:5px;}
.syxian{ margin:5px auto;}
.sjdhezuo .sybiaoti{ padding-bottom:5px;}
.beijingb {
    background-color: #fff;
    position: fixed;
    width: 100%;    z-index: 15874577587;
    height: 60px;
    padding-bottom: 5px;
    padding-top: 5px;
	display:block;
    bottom: 0px;
}.animated-div {
    width: 80%;
    height: 50px;
    background-color: #07c160;
    animation: scaleAnimation 0.5s infinite alternate;
    border-radius: 25px;
    margin: 0 auto;
}
.weixintb {
    float: left;
    padding-top: 10px;
    padding-left: 80px;
    padding-right: 10px;
}
.weixintb img {
    width: 30px;
    height: 30px;
}
.weixinwz {
    line-height: 50px;
    color: #fff;
    float: left;
    font-size: 18px;
}


} 

@keyframes scaleAnimation {
  0% {
    transform: scale(1);
}
100% {
    transform: scale(1.1);
}
}