@charset "utf-8";
:root {
 --primary-color: #0056b3;
 --accent-color: #EB5522;
 --text-color: #333;
 --light-gray: #f5f5f5;
 --medium-gray: #e0e0e0;
 --dark-gray: #555;
}
html{ font-size:16px;}
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
body {
	font-family:"微软雅黑";
	color: var(--text-color);
	margin: 0;
	padding: 0;
}
input, textarea, button {
	margin: 0;
	padding: 0;
	border: none;
}
li {
	list-style:none
}
a {
	color:#333;
	text-decoration:none
}
.clear {
	clear:both
}
.container {
	width: 1280px;
	max-width: 100%;
	margin: 0 auto;
	
}
/* 导航条样式 */
 .navbar {
	background:#000;
	/*box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);*/
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height:70px;
	
	z-index: 1000;
}



.navbar-container {
	display: flex;
	align-items: center;
	position: relative;
}
/* Logo样式 */
        .navbar-logo {
	display: flex;
	align-items: center;
	font-size: 24px;
	font-weight: 700;
	color: var(--primary-color);
	text-decoration: none;
	min-width: 180px;
	margin-right: 40px;
}
.navbar-logo img{ height:14px;}
.navbar-logo i {
	margin-right: 8px;
	font-size: 28px;
}
/* 导航菜单样式 - 左对齐 */
.navbar-menu {
	display: flex;
	list-style: none;
}
.navbar-item {
	position: relative;
	margin-right: 30px;
	line-height:70px;
}
.navbar-link {
	color:#fff;
	text-decoration: none;
	font-weight: 500;
	transition: color 0.3s;
	display: flex;
	align-items: center;
	white-space: nowrap;
	cursor:pointer;
	font-size:0.92rem;
}
 .navbar-link::after {
 content:"";
 position:absolute;
 bottom:0px;
 display:none;
 left:0;
 width:100%;
 height:2px;
 background:#333;
 transition:transform 0.2s;
 z-index:1000;
}
 .navbar-link.active::after, .navbar-link:hover::after {
display:block
}
.navbar-link i {
	margin-left: 5px;
	font-size: 14px;
}
/* 右侧功能样式 */
   .navbar-actions {
	display: flex;
	align-items: center;
	margin-left: auto;
}
.action-item {
	
	cursor: pointer;
	color: var(--text-color);
	transition: color 0.3s;
	margin-right:15px;
	position:relative;
}
.action-item:after{ content:''; position:absolute; top:5px; right:0; background:url(../images/sor.svg); width:2px; height:17px; background-size:2px; transition: all 0.3s; display:none;}

.action-item img{vertical-align:middle;
}
.language-select {
	position: relative;
	cursor: pointer;
	margin-right: 15px;
	border: 1px solid #ddd;
	width: 90px;
}
.language-toggle {
	width: 100%;
	font-size: 12px;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 32px;
}
.language-toggle img {
	margin-right:3px;
	vertical-align: middle;
}
.arrow {
    display:none;
	margin-left:10px;
	width:12px;
	height:9px;
	position:relative
}
/*
.arrow::after {
 content:"";
 position:absolute;
 top:50%;
 left:0;
 width:8px;
 height:8px;
 border-right:1px solid #333;
 border-bottom:1px solid #333;
 transform:translateY(-70%) rotate(45deg);
 transition:transform 0.2s
}
*/

.arrow::after {
 content:" ";
 background:url(../images/yy1.svg);
 position:absolute;
 top:55%;
 left:0;
 width:12px;
 height:9px;
 transform:translateY(-35%);
 transition:transform 0.2s
}
.language-menu {
	position: absolute;
	width: calc(100% + 2px);
	margin: 0;
	padding: 0;
	background: #fff;
	display: none;
	list-style: none;
	left: -1px;
	top: 33px;
}
.language-select:hover .language-menu {
	display:block
}
 .language-select:hover .arrow::after {
transform:translateY(-30%) rotate(-180deg)
}
.language-menu li {
	padding:0;
	text-align: center;
}
.language-menu a {
	display:block;
	padding:4px 8px;
	text-decoration:none;
	color:#333;
	font-size:13px;
}
.language-menu a:hover {
	background:#f0f0f0
}
.btn-mall {
	background: linear-gradient(45deg, #FE5800, #ff7639);
	color: white;
	border: none;
	padding: 0px 16px;
	font-weight: 500;
	font-size: 14px;
	cursor: pointer;

	white-space: nowrap;
	text-decoration: none;
	height: 34px;
	line-height: 34px;
}
.btn-mall:hover {
	background: #ff7639;
}
/* 下拉菜单容器 */
   .dropdown-container {
	position: absolute;
	top: 99%;
	left: 0;
	width: 100%;
	z-index: 999;
	display: none;
	background-color: #000;
	border-top:1px solid #333;
	border-radius: 0 0 8px 8px;
	overflow: hidden;
}
.dropdown-content {
	width: 1280px;
	max-width: 100%;
	margin: 0 auto;
	padding: 25px 0px;
}
/* 产品中心下拉菜单 */
.products-dropdown {
	display: flex;
	min-height: 300px;
}
.product-categories {
	width: 22%;
	padding-right:70px;/*border-right: 1px solid var(--medium-gray);*/
}
.category-item {
	padding: 8px 0;
	margin-bottom: 5px;
	cursor: pointer;
	transition: background-color 0.3s;
}
.category-secondary {
	text-align:center;
}
.category-primary:hover {
	cursor: default;
	background-color: transparent !important;
}
.category-secondary:hover, .category-secondary.active-category {
	background-color: var(--light-gray);
	color: #000;
}
.category-primary {
	font-size: 1rem;
	font-weight: 600;
	color: #fff;
	margin-top: 10px;
}
.category-primary:first-child {
	margin-top: 0;
}
.category-secondary {
	font-size: 14px;
	color: #fff;
	border: 1px solid #1e1e1e;
	background: #1e1e1e;
}
.product-display {
	width:78%;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 20px;
}
.product-item {
	background-color:#000;
	overflow: hidden;
	transition: all 0.3s ease;
	opacity: 0;
	transform: translateY(10px);
	display: none;
}
.product-item a {
	text-decoration:none;
}
.product-item.active {
	opacity: 1;
	transform: translateY(0);
	display: block;
	animation: fadeInUp 0.4s ease forwards;
}
.product-img {
	height: 240px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	overflow: hidden;
	transition: all 0.4s ease;
}
.product-img img {
	transition: all 0.4s ease;
	max-width:100%;
}
.product-item:hover .product-img img {
	transform: scale(1.1);
}
.product-name {
	padding: 15px;
	text-align: center;
	font-weight: 500;
	color:#fff;
	text-decoration:none;
	transition: color 0.3s;
}
 @keyframes fadeInUp {
 from {
 opacity: 0;
 transform: translateY(10px);
}
to {
	opacity: 1;
	transform: translateY(0);
}
}
/* 行业应用下拉菜单 */
.applications-dropdown {
	display: flex;
	flex-wrap: wrap;
}
.application-item {
	width: 23%;
	margin-right: 2.66%;
	margin-bottom: 20px;
}
 .application-item:nth-child(4) {
 margin-right: 0;
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
 height:185px;
 border: 1px solid #666;
 padding: 20px;
}
.application-img {
	height: 185px;
	margin-bottom:10px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #666;
	position: relative;
	overflow: hidden;
	transition: all 0.4s ease;
}
.application-img img {
	width:100%;
	height:100%;
	object-fit: cover;
	transition: all 0.4s ease;
}
.application-item:hover .application-img img {
	transform: scale(1.1);
	color: var(--primary-color);
}
.application-title {
	font-size:20px;
	color:#fff;
	text-align: left;
	transition: color 0.3s;
}
.application-item:hover .application-title {
	color: var(--accent-color);
}
.view-more-container {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 100%;
	width: 100%;
}
.btn-view-more {
	
	color: #fff;
	
	padding: 10px 25px;
	cursor: pointer;
	transition: all 0.3s;
	font-size: 1rem;
}
.btn-view-more:hover {
	color:#666;
}
/* 搜索下拉菜单 */
.search-box {
	display: flex;
	margin-bottom: 20px;
	overflow: hidden;
	
	width:300px;
}
.search-input {
	flex: 1;
	padding: 8px 15px;
	border:0;
	font-size: 14px;
	outline: none;
	border: 1px solid var(--medium-gray);
}
.btn-search {
	background-color: #ccc;
	color: #666;
	border: none;
	padding: 0 25px;
	cursor: pointer;
	font-weight: 500;
	transition: background-color 0.3s;
}

.quick-links {
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
}
.quick-link {
	background-color: var(--light-gray);
	padding: 8px 15px;
	border-radius: 20px;
	font-size: 14px;
	color: #555;
	text-decoration: none;
	transition: background-color 0.3s;
}
.quick-link:hover {
	background-color: var(--medium-gray);
}
/* 手机版样式 */
.mobile-menu-toggle {
	display: none;
	font-size: 24px;
	cursor: pointer;
	color:#fff;
	min-width: 40px;
}
.mobile-search-toggle {
	display: none;
	font-size: 20px;
	cursor: pointer;
	color: var(--text-color);
	min-width: 40px;
}
/* 顶部CTA区域 */
 .foot {
	background:#000;
}
.cta-section {
	padding: 40px 20px;
	text-align: center;
	border-bottom: 1px solid #333;
}
.cta-title {
	font-size: 24px;
	color: #fff;
	margin-bottom: 10px;
	font-weight:normal;
}
.cta-desc {
	font-size: 14px;
	margin-bottom: 15px;
	color: #999;
}
.cta-buttons {
	display: flex;
	justify-content: center;
	gap: 10px;
	flex-wrap: wrap;
}
.cta-btn {
	padding: 8px 20px;
	background:rgba(255,255,255);
	color: #1a1a1a;
	cursor: pointer;
	transition: all 0.3s ease;
	font-size: 14px;
}
.cta-btn:hover {
	background:rgba(255,255,255,0.8);
	
}
/* 底部导航容器 */
        .footer-nav {
			
	padding: 40px 0px;
	max-width: 1280px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 10px;
}
/* 导航列样式 */
.nav-column {
	flex: 1;
	min-width: 150px;
}
.nav-column h3 {
	color: #fff;
	font-size: 1rem;
	margin-bottom: 15px;
	font-weight: normal;
}
.nav-column ul {
	list-style: none;
}
.nav-column li {
	margin-bottom: 8px;
	font-size: 14px;
}
.nav-column a {
	color: #666;
	text-decoration: none;
	transition: color 0.3s ease;
}
.nav-column a:hover {
	color: #fff;
}
/* 底部版权区域 */
.copyright-section {
	padding: 20px 0;
	font-size: 12px;
	color: #999;
	max-width: 1280px;
	margin: 0 auto;
}
.copyright-top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	border-bottom: 1px solid #333;
	gap: 15px;
	padding-bottom:10px;
	margin-bottom: 10px;
}
.copyright-links a {
	color: #666;
	text-decoration: none;
	margin-right: 15px;
}
.copyright-links a:hover {
	color: #fff;
}
.social-icons li {
	float:left;
	margin-left: 15px;
	position:relative;
	text-decoration: none;
}

.social-icons li a img{ display:block; height:24px;transition: opacity 0.3s ease;
  opacity: 1;}

.social-icons li a:hover img{opacity: 0.7;}



.social-icons .social-wechat .popup {
	display: none;
	position: absolute;
	bottom: 26px;
	right: -5px;
	width: 144px;
	height: 160px;
}
.social-icons li.social-wechat:hover .popup{ display:block}
.social-icons .social-wechat .er-code {
	padding: 4px;
	border-radius: 4px;
	background: #fff;
	-ms-box-shadow: 0 2px 6px 0 rgba(0,0,0,.1);
	-o-box-shadow: 0 2px 6px 0 rgba(0,0,0,.1);
	box-shadow: 0 2px 6px 0 rgba(0,0,0,.1);
}
.social-icons .social-wechat .er-code img {
	width: 136px;
	height: 136px;
}
.social-icons .social-wechat .triangle {
	position: absolute;
	background: #fff;
	-ms-box-shadow: 4px 4px 8px rgba(0,0,0,.1);
	-o-box-shadow: 4px 4px 8px rgba(0,0,0,.1);
	box-shadow: 4px 4px 8px rgba(0,0,0,.1);
	z-index: 8;
	width: 11px;
	height: 11px;
	bottom: 16px;
	right: 16px;
	transform: translateY(50%) rotate(45deg);
}




.copyright-bottom {
	color:#666;
}

.copyright-bottom p {
	padding-top:10px;
}
.copyright-bottom a {
	color: #666;
	text-decoration: none;
}
.copyright-bottom a:hover {
	color: #fff;
}
.container-index {
	width: 100%;
	
	margin: 0 auto;
}
.xbanner {
	height:600px;
	width: 100%;
	background-size: cover;
	background-position: center;
	position: relative;
}
.xbanner-title {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color:#fff;
	text-align:center;
}
.xbanner-title h1 {
	font-size:42px;
}
.xbanner-title h2 {
	font-size:26px;
	padding-top:10px;
	color:#666;
	font-weight: normal;
}
.xbanner-title p {
	margin-top:10px;
	font-size:1rem;
}
.banner-search {
	margin-top:20px;
	display: flex;
	max-width: 600px;
}
.banner-search input {
	flex: 1;
	width:290px;
	padding: 12px 15px;
	border: none;
	outline: none;
	font-size: 1rem;
}
.banner-search button {
	padding: 0 25px;
	background-color:var(--accent-color);
	color: #fff;
	border: none;
	cursor: pointer;
	font-size: 1rem;
}
/* 通用标题样式 */
.section-title {
	text-align: center;
	font-size: 40px;
	font-weight:600;
	margin:20px 0 40px;
	position: relative;
	color:#000;
}
.section-title.f32 {
	font-size: 32px;
}
.section-entitle {
	text-align: center;
	margin-top:-20px;
	margin-bottom: 40px;
	color: #666;
	font-size:18px;
	font-weight:normal
}
.section-subtitle {
	text-align: center;
	margin-top:-20px;
	margin-bottom: 40px;
	color: #999;
	font-size:14px;
	font-weight:normal
}
.product-sub-header-x5 .drop-menu {
	position:relative;
	height:34px
}
.product-sub-header-x5 .drop-menu .drop-menu-trigger {
	cursor:pointer;
	height:100%;
	background:#1e1e1e;
	
	overflow:hidden
}
.product-sub-header-x5 .drop-menu .feature-list {
	height:100%;
 transition:transform .5s ease-out
}
.product-sub-header-x5 .drop-menu .feature-list.quick-transition {
 transition:transform .2s ease-out
}
.product-sub-header-x5 .drop-menu .feature-list .feature-item {
	line-height:34px;
	padding-left:16px;
	padding-right:40px;
	font-weight:500;
	font-size:14px;
	color:#fff;
	opacity:.3;
 transition:opacity .2s;
	white-space:nowrap;
	text-transform:uppercase
}
.product-sub-header-x5 .drop-menu .feature-list .feature-item:first-child {
	text-transform:capitalize
}
.product-sub-header-x5 .drop-menu .feature-list .feature-item[data-last=true] {
	position:relative
}
.product-sub-header-x5 .drop-menu .feature-list .feature-item[data-last=true]:after {
	position:absolute;
	top:0;
	right:-1px;
	height:100%;
	width:46px;
	content:"";
	display:block;/*
  background:linear-gradient(270deg,#17191e 40%,rgba(23,25,30,0))
  */
}
.product-sub-header-x5 .drop-menu .feature-list .feature-item.active {
	opacity:1;
	position:relative
}
.product-sub-header-x5 .drop-menu .feature-list .feature-item.active:after {
	position:absolute;
	top:0;
	right:-1px;
	height:100%;
	width:80px;
	content:"";
	display:block;/*
  background:linear-gradient(270deg,#17191e 40%,rgba(23,25,30,0))
  */
}
.product-sub-header-x5 .drop-menu .drop-menu-dropdown {
	position:absolute;
	left:0;
	width:100%;
	top:-6px;
	
	padding:6px 16px;
	background-color:rgba(30,30,30, .7);
	overflow:hidden;
	pointer-events:none;
	display:none
}
.product-sub-header-x5 .drop-menu .drop-menu-dropdown:after {
	-webkit-backdrop-filter:blur(12px);
	backdrop-filter:blur(12px);
	content:"";
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:0
}
.product-sub-header-x5 .drop-menu .drop-menu-dropdown .dropdown-item {
	display:block;
	cursor:pointer;
	position:relative;
	z-index:1;
	font-weight:500;
	font-size:14px;
	line-height:120%;
	color:#ccc;
	text-transform:uppercase;
	padding:10px 0;
 transition:color .2s;
	white-space:normal;
	word-break:break-word
}
.product-sub-header-x5 .drop-menu .drop-menu-dropdown .dropdown-item:first-child {
	text-transform:capitalize
}
.product-sub-header-x5 .drop-menu .drop-menu-dropdown .dropdown-item.active, .product-sub-header-x5 .drop-menu .drop-menu-dropdown .dropdown-item:hover {
	color:#fff
}
.product-sub-header-x5 .drop-menu.show .drop-menu-dropdown {
	pointer-events:auto;
	display:block
}
.product-sub-header-x5 .drop-menu .icon-down {
	position:absolute;
	right:12px;
	top:5px;
 transition:all .2s;
	pointer-events:none
}
.product-sub-header-x5 .drop-menu .icon-down svg {
	display:block;
	width:20px
}
.product-sub-header-x5 .drop-menu.show .icon-down {
	transform:rotate(180deg)
}
.product-sub-header-x5 .drop-menu.not-active .icon-down {
	opacity:.3
}



.product-sub-header-x5 {
    width: 100%;
    height: 61px;
    background:rgba(0.0,0,0.8);
    transition: all .3s;
    position: fixed;
    z-index: 10;
    top: 70px;
}

.product-sub-header-x5.fixed-header {
    position: fixed !important;
    left: 0;
    z-index: 1000;
    top:0px;
}




.product-sub-header-x5 .main {
	border-top:1px solid transparent;
	width:1280px;
	height:100%;
	margin:auto;
	display:flex;
	justify-content:space-between
}
.product-sub-header-x5 .left {
	display:flex;
	align-items:center
}
.product-sub-header-x5 .left a {
	display:block;
	cursor:pointer;
	font-size:1rem;
	font-weight:bold;
	line-height:100%;
	letter-spacing:.02em;
	text-transform:capitalize;
	color:#fff
}
.product-sub-header-x5 li, .product-sub-header-x5 ul {
	margin:0;
	padding:0;
	list-style:none
}
.product-sub-header-x5 .right {
	display:flex;
	align-items:center
}
.product-sub-header-x5.at-top {
	background:transparent;
	border-color:transparent;
	-webkit-backdrop-filter:blur(0);
	backdrop-filter:blur(0)
}
.product-sub-header-x5.at-top .main {
	border-color:hsla(0, 0%, 100%, .2)
}
.product-sub-header-x5.at-top .right .btn-buy {
	background:#fff;
	color:#000
}
.product-sub-header-x5.at-top .right .btn-buy:before {
	background:none
}
.product-sub-header-x5.at-top a.btn-buy {
	background:#000
}
.product-sub-header-x5.theme-dark {
	background:#1f1e1d;
	border-bottom:1px solid #73716f
}
.product-sub-header-x5.theme-dark .left a {
	color:#f3f0ee
}
.product-sub-header-x5.theme-dark .right .menu-ct .mask-left {
	background:linear-gradient(90deg, #1f1e1d 37.92%, rgba(31, 30, 29, .5) 67.34%, rgba(31, 30, 29, 0))
}
.product-sub-header-x5.theme-dark .right .menu-ct .mask-left svg path {
	stroke:#f3f0ee
}
.product-sub-header-x5.theme-dark .right .menu-ct .mask-right {
	background:linear-gradient(270deg, #1f1e1d 37.92%, rgba(31, 30, 29, .5) 67.34%, rgba(31, 30, 29, 0))
}
.product-sub-header-x5.theme-dark .right .menu-ct .mask-right svg path {
	stroke:#f3f0ee
}
.product-sub-header-x5.theme-dark .right ul.menu li.menu-item .page-link {
	color:#a19e9c
}
.product-sub-header-x5.theme-dark .right ul.menu li.menu-item.active .page-link, .product-sub-header-x5.theme-dark .right ul.menu li.menu-item:hover .page-link {
	color:#f3f0ee
}
.product-sub-header-x5.theme-dark .right .drop-menu .drop-menu-trigger {
	background:rgba(65, 64, 63, .9)
}
.product-sub-header-x5.theme-dark .right .drop-menu .feature-list .feature-item {
	color:#a19e9c
}
.product-sub-header-x5.theme-dark .right .drop-menu .feature-list .feature-item.active {
	color:#f3f0ee
}
.product-sub-header-x5.theme-dark .right .drop-menu .feature-list .feature-item.active:after {
	background:linear-gradient(270deg, #3b3a39 60%, rgba(59, 58, 57, 0))
}
.product-sub-header-x5.theme-dark .right .drop-menu .drop-menu-dropdown {
	background:rgba(65, 64, 63, .9)
}
.product-sub-header-x5.theme-dark .right .drop-menu .drop-menu-dropdown .dropdown-item.active {
	color:#e5e0dc
}
.product-sub-header-x5.theme-dark .right .drop-menu .drop-menu-dropdown .dropdown-item:hover {
	color:#f3f0ee
}
.product-sub-header-x5.theme-dark .right .drop-menu .icon-down path {
	stroke:#e5e0dc
}
/*首页*/
/*
        .section-title::after {
            content: "";
            display: block;
            width: 60px;
            height: 3px;
            background: #0066cc;
            margin: 10px auto;
        }/*


    /* Banner轮播样式 */
.banner-swiper {
	width: 100%;
	height: 800px;
	position: relative;
}
.banner-swiper .banner-slide {
	width: 100%;
	height: 100%;
	background-position: center;
	background-size: cover;
	display: flex;
	flex-direction: column;
	align-items: center;
	color: #fff;
	position:relative;
	text-align: center;
	padding: 0 20px;
}
.banner-swiper .banner-slide video{ position:absolute; width:100%; height:100%;object-fit: cover; /* 关键属性：覆盖整个容器，裁剪多余部分 */
  object-position: center; /* 确保主要内容在中间 */}
.banner-swiper .banner-title {
	padding-top:110px;
	font-size:52px;
	font-weight: bold;
	margin-bottom: 18px;
}
.banner-swiper .banner-desc {
	font-size: 18px;
	margin-bottom: 36px;
}
.banner-btns {
	display: flex;
	gap: 16px;
	justify-content: center;
}
.banner-btn {
	padding: 10px 45px;
	border: none;
	font-size: 1rem;
	cursor: pointer;
	transition: background-color 0.3s;
}
.swiper-pagination-bullet {
	width: 18px;
	height: 3px;
	border-radius: 0;
	background-color: #fff;
	opacity: 0.5;
}
.swiper-pagination-bullet-active {
	opacity: 1;
	background-color: #fff;
}



/* 默认状态 */
.banner-swiper .swiper-button-prev{left:0px;}
.banner-swiper .swiper-button-next{right:0px;}
.banner-swiper .swiper-button-prev, 
.banner-swiper .swiper-button-next { width:40px; height:100%;opacity: 0;
    visibility: hidden;top:0; margin-top:0; background:rgba(0,0,0,0.5)}
	
	.swiper-initialized:hover .swiper-button-next,
.swiper-initialized:hover .swiper-button-prev {
    opacity: 1;
    visibility: visible;
}
	
.banner-swiper .swiper-button-prev::after, 
.banner-swiper .swiper-button-next::after {
    content: '';
    font-size: 0;
    width: 33.6px;
    height:33.6px;
    background: url('../images/ico1.svg'); /* 正常状态图片 */
    background-size: 33.6px;
	
    background-repeat: no-repeat;
    background-position: center;
    transition: all 0.3s ease; /* 添加过渡效果 */
}

/* 
.banner-swiper .swiper-button-prev:hover::after, 
.banner-swiper .swiper-rtl .swiper-button-next:hover::after {
    background-image: url('../images/sylh.svg');
 
}
*/
/* next按钮 */
.banner-swiper .swiper-button-next::after, 
.banner-swiper .swiper-rtl .swiper-button-prev::after {
	 content: '';
    background-image: url('../images/ico2.svg');
	 background-size: 33.6px;
	 
}
/*
.banner-swiper .swiper-button-next:hover::after, 
.banner-swiper .swiper-rtl .swiper-button-prev:hover::after {
    background-image: url('../images/syrh.svg');
	
}

*/


.btn-white {
	background:#fff;
	color:#333;
	border:1px solid #fff;
}
.btn-white:hover {
	background:rgba(255,255,255,0.8);
}
.btn-primary {
	background: rgba(255,255,255);
	border: 1px solid #fff;
	color: #333;
}
.btn-primary:hover {
	background: rgba(255,255,255,0.6);
}
.btn-secondary {
	color: #fff;
	border: 1px solid #fff;
	
}





.btn-secondary:hover{background: rgba(255,255,255); color:#333;}           
.btn-outline {
	background-color: transparent;
	color: #fff;
	border: 1px solid #fff;
}
/* 产品展示模块样式 */
 .product-section {
	padding: 20px 0px 40px 0;
}
.pro-swiper {
	width: 100%;
	height: 667px;
}
.pro-slide {
	width: 100%;
	height: 100%;
	background-position: center;
	background-size: cover;
	display: flex;
	flex-direction: column;
	align-items: center;
	color: #333;
	text-align: center;
	padding: 88px 20px;
}
.pro-slide h3 {
	font-size: 24px;
	color:#666;
	font-weight: normal;
	margin-bottom: 8px;
}
.pro-slide.style2 h3 {
	color:#999;
}
.pro-slide img {
	
	margin: 16px 0;
}
.pro-btns {
	display: flex;
	gap: 16px;
	margin-top:30px;
}
.pro-btns a {
	padding: 10px 15px;
	border: none;
	font-size: 1rem;
	color:#222;
	cursor: pointer;
	transition: background-color 0.3s;
	position:relative;
}
.pro-btns a:after{ content:''; position:absolute; right:0; top:41%; width:7px; height:10px; background:url(../images/tj2.svg);}
.pro-btns a:hover{ color:#666666 ;}
.pro-btns a:hover:after{background:url(../images/tj1.svg);}
.pro-slide.style2 .pro-btns a {color:#fff;}
.pro-slide.style2 .pro-btns a:after{ content:''; position:absolute; right:0; top:41%; width:7px; height:10px; background:url(../images/tj3.svg);}
.pro-slide.style2 .pro-btns a:hover{color:#666;}
.pro-slide.style2 .pro-btns a:hover:after{ background:url(../images/tj1.svg);}

/* 行业应用模块样式 */
    .industry-section {
	padding: 0px 0;
	width: 100%;
	margin-bottom:10px;
}
.industry-swiper {
	width: 100%;
	height: 582px;
}
.industry-slide {
	width: 100%;
	height: 100%;
	background-position: center;
	background-size: cover;
	position: relative;
	cursor: pointer;
	overflow: hidden;
}
.industry-mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0);
	display: flex;
	flex-direction: column;
	justify-content: start;
	/*align-items: center;*/
	color: #fff;
	padding: 0 30px;
	transition: background-color 0.3s;
}
.industry-slide:hover .industry-mask {
	background-color: rgba(0, 0, 0, 0.6);
}
.industry-slide a{ color:#fff;}
.industry-cn-title {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 8px;
	opacity: 1;
	position:absolute;
	top:30px;
	left:30px;
	transition: opacity 0.3s;
}
.industry-en-title {
	font-size: 18px;
	display:none;
	margin-bottom: 16px;
	opacity: 1;
	position:absolute;
	top:70px;
	left:30px;
	transition: opacity 0.3s;
}
.industry-desc {
	font-size: 18px;
	text-align:left;
	max-width: 100%;
	line-height:1.6;
	opacity: 0;
	transition: opacity 0.3s;
	margin-top:80px;
}
.industry-slide:hover .industry-cn-title, .industry-slide:hover .industry-en-title, .industry-slide:hover .industry-desc {
	opacity: 1;
}
/* 新闻资讯 */
.news {
	padding:30px 0 0;
	

}
.swiper-news {
	position: relative;

}
.news-item {
	overflow: hidden;
	background: #fff;
	
	height: 100%;
	display: flex;
	flex-direction: column;
}

.news-item-img {
	width: 100%;
	height: 230px;
	overflow: hidden;
}
.news-item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s, box-shadow 0.3s;
}
.news-item img:hover {
	transform: scale(1.1);
}
.news-content {
	padding:15px 0 0px;
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.news-date {
	color: #999;
	margin-bottom: 20px;
}
.news-title {
	font-size: 18px;
	margin-bottom: 10px;
	color: #222;
	font-weight:normal;
	line-height: 1.5;
}

.news-title a{color: #222;}
.news-title a:hover{color: #000;}

.news-desc {
	display:none;
	font-size: 14px;
	color: #666;
	cursor: pointer;
	transition: color 0.3s;
}
.news-desc:hover {
	color: var(--accent-color);
	text-decoration: underline;
}
/* 新闻分页控件 */
.news-pagination {
	position: absolute;
	display:none;
	top:auto !important;
	bottom: 10px;
	left: 0;
	width: calc(100% - 80px);
	height: 2px;
	background: #e0e0e0;
}
.news-pagination .swiper-pagination-progressbar-fill {
	background:#999;
}
.news-nav {
	
	position: absolute;
	bottom: 0px;
	right: 0;
	background:#fff;
	display:none;
	gap: 10px;
	padding-left:20px;
}
.news-nav button {
	width: 36px;
	height: 36px;
	border: 0px solid #ddd;
	background: #fff;
	cursor: pointer;
	color:#ddd;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s;
	font-size: 14px;
}
.news-nav button.news-prev {
	background:url(../images/syl.svg);
	background-size:36px;

}
.news-nav button.news-next {
	background:url(../images/syr.svg);
	background-size:36px;

}
.news-nav button.news-prev:hover {
	background:url(../images/sylh.svg);
	background-size:36px;

}
.news-nav button.news-next:hover {
	background:url(../images/syrh.svg);
	background-size:36px;

}
/* 合作伙伴 */
   .partner {
        margin:30px 0;
        overflow: hidden;
        position: relative;
    }
	 .partner .container { overflow:hidden;}
    
    .partner-track {
        display: flex;
        width: max-content;
        animation: scrollPartners 30s linear infinite;
        padding: 20px 0;
    }
    
    .partner-track:hover {
        animation-play-state: paused;
    }
    
    .partner-item {
        flex: 0 0 auto;
        width: 200px;
        height: 100px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 20px;
        transition: transform 0.3s;
    }
    
    .partner-item img {
        width: 100%;
        height: auto;
        max-height: 80px;
        object-fit: contain;
      
        transition: all 0.3s ease;
    }
    
    .partner-item:hover img {
       
     
        transform: scale(1.1);
    }
    
    @keyframes scrollPartners {
        0% {
            transform: translateX(0);
        }
        100% {
            transform: translateX(-50%);
        }
    }
/* 产品详情 */
        .section {
	width: 100%;
	height:90vh;
	min-height: 700px;
	position: relative;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	padding:100px 5%;
}


#params.section { height:auto}


.section-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-position: center;
	background-size: cover;
	z-index: -1;
/*	filter: brightness(0.8);*/
}

 .proshow-swiper {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-position: center;
	background-size: cover;
	z-index: -1;
/*	filter: brightness(0.8);*/
}

/* Banner样式 - 文字居左 */
        .banner1 {
	height: 690px;
	overflow:hidden;
	justify-content: center;
	display: flex;
	flex-direction: column;
	position:relative;
}
.banner1 .banner-content {
	opacity: 0; /* 初始隐藏防止闪烁 */
}
.banner1 .banner-title {
	font-size: 4rem;
	margin-bottom: 20px;
	color:#fff;
}
.banner1 .banner-desc {
	font-size: 1rem;
	margin-bottom: 100px;
	color:#eee;
	line-height:1.6;
	max-width: 700px;
}
.banner1 .banner-buttons {
	display: flex;
	gap:10px;
}
.banner1 .btn {
	padding: 10px 38px;
	border: 1px solid #fff;
	background:#fff;
	color: #333;
	text-decoration: none;
	font-size: 1rem;
	transition: all 0.3s ease;
	display: inline-block;
}
.banner1 .btn:hover {
	background: rgba(255, 255, 255, 0.8);
}
/* 能力卡片容器 */
        .capability {
			display:none;
	padding:20px 0;
	display: flex;
	justify-content: space-around;
	align-items: flex-start;
	flex-wrap: wrap; /* 自适应换行 */
	gap: 10px; /* 卡片间距 */
}
/* 单个能力卡片 */
        .capability-card {
	flex: 1;
	min-width: 200px; /* 最小宽度，保证自适应 */
	max-width: 300px; /* 最大宽度，避免过宽 */
	text-align: center;
	padding: 20px;
	background:#f1f1f1;
}
/* 图标样式 */
        .capability-icon {
	width: 80px;
	height:60px;
	margin: 0 auto 16px; /* 图标居中，与标题间距 */
	text-align:center;
}
.capability-icon img {
	max-height:60px;
	width:auto
}
/* 标题样式 */
        .capability-title {
	font-size: 18px;
	color: #333;
	margin-bottom: 8px;
	font-weight: 500;
}
/* 描述文本样式 */
        .capability-desc {
	font-size: 14px;
	color: #666;
	min-height:42px;
	line-height: 1.5;
}
/* 功能模块样式 - 文字居中 */
        .feature-section {
	align-items: center;
	text-align: center;
}
.feature-content {
	max-width: 800px;
	opacity: 0; /* 初始隐藏防止闪烁 */
}
.pro-title {
	font-size: 3rem;
	text-align:center;
	color:#fff;
	margin-bottom: 20px;
	text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
}
.feature-content p {
	color:#898a8e;
	font-size: 1.2rem;
	margin-bottom: 30px;
	text-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
}
/* 参数表格样式 */
.params-section {
	min-height: auto;
	padding: 80px 5%;
	background-color: #000;
	align-items: center;
}
.params-container {
	max-width: 1280px;
	width: 100%;
	color:#fff;
}
.params-container table {
	width: 100%;
	border-collapse: collapse;
	margin-top: 40px;
	margin-bottom: 40px;
}
.params-container table th, .params-container table td {
	padding: 12px 15px;
	border: 1px solid rgba(255, 255, 255, 0.2);
	text-align: left;
}
.params-container table th {
	background-color: rgba(255, 255, 255, 0.1);
	font-weight: 600;
}
.params-container table tr:hover {
	background-color: rgba(255, 255, 255, 0.05);
}
.tips-text {
	font-size: 0.85rem;
	color: rgba(255, 255, 255, 0.6);
	line-height: 1.8;
	margin-top: 20px;
}
/* 行业应用板块 */

.banner-hy {
	width: 100%;
	height: 600px;
	position: relative;
}
.banner-hy .banner-slide {
	width: 100%;
	height: 100%;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	display: flex;
	align-items: center;
}
.banner-hy .banner-content {
	color: #fff;
	text-align:center;
}
.banner-hy .banner-title {
	font-size:42px;
	font-weight: 700;
	line-height: 1.5;
}
.banner-hy .banner-btn {
}
.banner-hy .banner-subtitle {
	font-size:1rem;
	margin-top: 10px;
	margin-bottom: 20px;

}
.industry-products {
	padding:40px 0 0;
}
.products-swiper {
	width: 100%;
	height: 638px;
}
.product-slide {
	width: 100%;
	height: 100%;
	background-position: center;
	background-size: cover;
	display: flex;
	align-items: flex-end;
}
.product-slide a {
	position:absolute;
	width:100%;
	height:100%;
}


  .product-slide video {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover; 
            pointer-events: none;
        }


   .video-play-btn {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 50px;
            height: 50px;
            background: rgba(255, 255, 255, 0.9);
            border: none;
            border-radius: 50%;
            box-shadow: 0 12px 25px rgba(0, 0, 0, 0.4);
            z-index: 30;                    /* 最高层，确保点击 */
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.2s ease;
            backdrop-filter: blur(4px);
            border: 2px solid rgba(255, 255, 255, 0.5);
        }

        .video-play-btn:hover {
            background: #ffffff;
            transform: translate(-50%, -50%) scale(1.08);
            box-shadow: 0 16px 30px rgba(0, 0, 0, 0.5);
        }

.video-play-btn::before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 0 8px 13px;
	border-color: transparent transparent transparent #1f1f1f;
	margin-left: 4px;
}


        .video-play-btn.playing-state {
            opacity: 0;
            pointer-events: none;    /* 播放时无法点击，同时隐藏 */
        }


.product-btn {
	padding: 8px 16px;
	background-color: #fff;
	color: #000;
	border-radius: 4px;
	font-size: 14px;
	transition: all 0.3s ease;
}
.product-btn:hover {
	background-color: #f0f0f0;
}
/* 行业领域板块 */
.industry-fields {
	padding: 40px 0 10px;
}
.fields-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
	gap:15px;
}
.field-card {
	height: 460px;
	background-position:0px -20px !important;
	background-size: cover;
	overflow: hidden;
	position: relative;
	transition: all 0.4s ease;

}
.field-card:hover {
	transform: translateY(-10px);
	box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
}
.field-overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 25px 20px 80px 25px;
	background: linear-gradient(transparent, rgba(0, 0, 0, 0.7));
	color: #fff;
}
.field-title {
	font-size: 26px;
	font-weight: 600;
	margin-bottom: 10px;
}
.field-desc {
	font-size: 1rem;
	margin-bottom:35px;
	opacity: 0.9;
	min-height:90px;
	line-height: 1.4;
}
.field-more {
	font-size: 1rem;
	color: #fff;
	display: inline-flex;
	align-items: center;
	gap: 5px;
	transition: all 0.3s ease;
}
.field-more:hover {
	color: #ff9800;
	transform: translateX(5px);
}
/* 应用案例板块 */
        .case-studies {
	padding: 0px 0;
}
.cases-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
	gap:15px;
}
.case-card {
	overflow: hidden;
	background-color: #fff;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
	transition: all 0.4s ease;
}
.case-card:hover {
	transform: translateY(-8px);
	box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
}
.case-img {
	width: 100%;
	height: 326px;
	object-fit: cover;
}
.case-desc {
	padding: 20px;
	font-size: 1rem;
	color: #555;
}
/* 优势板块 */
        .advantages {
	padding:20px 0 70px;
}
.advantages-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 40px;
	margin-top: 40px;
	text-align: center;
}
.advantage-item {
	padding: 20px;
}
.advantage-icon {
	width: 90px;
	height: 90px;
	margin: 0 auto 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color:#F8F8F8;
	border-radius: 50%;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}
.advantage-icon img {
	width: 40x;
	height: 40px;
	object-fit: contain;
}
.advantage-title {
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 10px;
	color:#333;
}
.advantage-desc {
	font-size: 1rem;
	color:#333;
	line-height: 1.5;
}
.newsnav {
	margin-top:60px;
	margin-bottom:60px;
	display: flex;
	align-items: center;
	overflow-x: auto;
	scrollbar-width: none;
}
 .newsnav::-webkit-scrollbar {
 display: none;
}
.newsnav-item {
	padding: 10px 20px;
	font-size:1rem;
	color: #333;
	text-decoration: none;
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	white-space: nowrap;
	transition: all 0.3s;
}
.newsnav-item:last-of-type {
	border-right:1px solid #ccc;
}
.newsnav-item.active,.newsnav-item:hover {
	background-color: #000;
	color: #fff;
}

.search-newsbox {
	margin-left: auto;
	position: relative;
}
.search-newsinput {
	padding: 8px 15px 8px 45px;
	border: 1px solid #ddd;
	width:200px;
	color:#999;
	font-size: 14px;
	outline: none;
	transition: border-color 0.3s;
}
.search-newsinput:focus {
	border-color: #666;
}
.search-newsicon {
	position: absolute;
	left: 15px;
	top: 50%;
	transform: translateY(-40%);
	color: #999;
	border: 0;
	background: none;
}
/* 新闻列表容器 */


 .news-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
	gap: 20px;
	margin-top:50px;
	margin-bottom: 40px;
	min-height:200px;
}
/* 新闻卡片 */
 .news-card {
	overflow: hidden;
	transition: box-shadow 0.3s;
}
 .news-card > a{ display:block;height: 228px; overflow:hidden}
.news-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s ease;
}
.news-card:hover .news-img {
	transform: scale(1.1);
}

/* 分页控件 */
        .pagination {
	display: flex;
	justify-content:right;
	align-items: center;
	gap: 10px;
	margin-top: 40px;
	margin-bottom:60px;
}
.pagination-btn:hover {
	border-color: #999;
	color: #999;
}
.pagination a {
	width: 30px;
	height: 36px;
	background-color: #fff;
	color: #333;
	font-size:1rem;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s;
}
.pagination a.btn-prev {
	width: 42px;
	display:block;
	height: 42px;
	background:url(../images/syl.svg);
	transition: all 0.3s;
	background-size:42px;
}
.pagination a.btn-next {
	width: 42px;
	display:block;
	height: 42px;
	background:url(../images/syr.svg);
	transition: all 0.3s;
	background-size:42px;
}
.pagination a.btn-prev:hover {
	background:url(../images/sylh.svg);
	background-size:42px;
}
.pagination a.btn-next:hover {
	background:url(../images/syrh.svg);
	background-size:42px;
}
.pagination a.page-num-current,.pagination a:hover {
	font-weight:bold;
}

.pagination .jump{ margin-left:20px; color:#666;}
.pagination #_input {
	width: 40px;
	padding: 8px 10px;
	border: 1px solid #999;
	border-radius: 4px;
	font-size: 14px;
	text-align: center;
	outline: none;
	transition: all 0.3s;
	margin: 0 8px;
}
.pagination #_btn {
	padding: 8px 16px;
	background:none;
	color: #666;
	border: 1px solid #999;
	border-radius: 4px;
	font-size: 14px;
	font-weight: 500;
	cursor: pointer;
	transition: all 0.3s;
	margin-left: 10px;
}
.pagination #_btn:hover {border: 1px solid #666;}


.newscontent {
	padding:50px 0;
	font-size:0.9rem;
	line-height:1.8
}
.newscontent h1, .newscontent h2 {
	font-size:1.2rem;
	font-weight:normal;
	padding:1rem 0;
}
.newscontent h2.title {
	font-size:1.75rem;
	text-align:center;
	padding:2rem;
	font-weight:600;
}
.newscontent p {
	
}
.newscontent table, .newscontent img {
	max-width:100%;
	height:auto;
}
.page-status {
	display:none
}
/* 服务与支持 */
        .content-section {
	padding:70px 50px 0;
	background-color:#F8F8F8;
}
.content-wrap {
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
}
/* 左侧分类栏 */
        .content-sidebar {
	width: 220px;
	flex-shrink: 0;
	background:#fff;
}
.sidebar-list {
}
.sidebar-item {
/*  border-bottom: 1px solid #eee;*/
        }
.sidebar-item:last-child {
	border-bottom: none;
}
.sidebar-title {
	padding: 12px 33px;
	border-bottom: 1px solid #eee;
	font-weight:bold;
}
.sidebar-submenu {
	padding: 10px 0px;
}
.sidebar-submenu a {
	display: block;
	padding: 12px 10px 12px 33px;
	font-size: 14px;
	color: #666;
	cursor:pointer;
}

.sidebar-submenu a.active,.sidebar-submenu a:hover  {
	border-left:2px solid #000;
	background:#F6F6F6;
	padding:12px 10px 12px 31px;
}
/* 右侧选项卡区域 */
        .content-main {
	flex: 1;
	min-width: 300px;
	padding:10px 30px;
	background-color: #fff;
}
.tabs-nav {
	display: flex;
	border-bottom: 1px solid #eee;
	margin-bottom: 20px;
}
.tabs-nav-item {
	padding: 15px 0px;
	cursor: pointer;
	margin-right:50px;
	font-size: 18px;
	color: #666;
	transition: all 0.3s ease;
}
.tabs-nav-item:hover {
	color: #000;
}
.tabs-nav-item.active {
	color: #000;
	border-bottom: 2px solid #000;
	font-weight: 500;
}
.tabs-content {
	display: none;
	padding: 20px 0;
}
.tabs-content.active {
	display: block;
}
.doc-info {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 15px 0;
	border-bottom: 1px solid #eee;
}
.doc-info:last-child {
	border-bottom: none;
}
.doc-title {
	font-size: 18px;
	font-weight: 500;
	color: #333;
}
.doc-meta {
	margin-top:5px;
	color: #999;
	font-size: 14px;
}
.doc-download-btn {
	background-color: #eee;
	color: #666;
	border: none;
	padding: 8px 20px;
	border-radius: 4px;
	cursor: pointer;
	font-size: 14px;
	transition: background-color 0.3s ease;
}
.doc-download-btn:hover {
	background-color: #ccc;
}
/* 常见问题 */
.faq-section {
	background-color: #f9f9f9;
	padding-top: 40px;
	padding-bottom: 10px;
}
.faq-list {
	background-color: #fff;
	padding:20px 40px;
}
.faq-item {
	border-bottom: 1px solid #eee;
	margin-bottom: 10px;
	overflow: hidden;
	transition: all 0.3s ease;
}
.faq-question {
	padding: 5px 15px 15px 35px;
	background-color: #fff;
	cursor: pointer;
	display: flex;
	justify-content: space-between;
	align-items: center;
	position:relative;
	font-weight: 500;
}
 .faq-question::before {
 content: "Q";
 position: absolute;
 left: 0;
 top:5px;
 width: 24px;
 height: 24px;
 background: #ccc;
 color: white;
 border-radius: 50%;
 display: block;
 line-height:22px;
 text-align:center;
 font-size: 0.9rem;
}
 .faq-item.active .faq-question::before {
 background: #000;
}
.faq-answer {
	padding: 0 0px;
	font-size:14px;
	max-height: 0;
	color:#666;
	overflow: hidden;
	position:relative;
}
 .faq-answer::before {
 content: "A";
 position: absolute;
 left: 0;
 top: 20px;
 width: 24px;
 height: 24px;
 background: #000;
 color: white;
 border-radius: 50%;
 display: block;
 line-height:22px;
 text-align:center;
 font-size: 0.9rem;
}
.faq-answer.show {
	margin-top:-10px;
	padding: 15px 35px;
	max-height: 500px;
	line-height:1.6;
}
 .faq-question::after {
 content: "+";
 position:absolute;
 right:0;
 top:0;
 color: #000;
 font-size: 26px;
 font-weight:400;
}
 .faq-item.active .faq-question::after {
 content: "-";
 transform: rotate(180deg);
}
/* 条款与政策 - 选项卡样式 */
   .policy-section {
	padding: 30px 0;
	background-color: #f9f9f9;
}
.policy-tabs {
	background:#fff;
	overflow: hidden;
}
.policy-tabs-nav {
	border-bottom: 1px solid #eee;
	width: 100%;
	display: inline-block;
}
.policy-tab {
	float:left;
	margin:0 35px;
	cursor: pointer;
	font-size:1rem;
	padding:20px 0;
	color: #666;
	transition: all 0.3s ease;
}
.policy-tab:hover {
	color: #000;
}
.policy-tab.active {
	color: #000;
	border-bottom: 2px solid #000;
}
.policy-tab-content {
	display: none;
	padding: 32px;
	font-size:14px;
	line-height: 1.7;
	color: #666;
}
.policy-tab-content.active {
	display: block;
}
.policy-tab-content h3 {
	color: #333;
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom: 1px solid #eee;
}
.policy-tab-content p {
	margin-bottom: 15px;
}
.policy-tab-content ul {
	margin-left: 20px;
	margin-bottom: 15px;
}
.policy-tab-content li {
	list-style-type: disc;
	margin-bottom: 8px;
	color: #666;
}
/* 联系我们 */
.contact-section {
	padding: 50px 0;
	background-color: #f9f9f9;
	padding-bottom: 70px;
}
.contact-cards {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 20px;
}
.contact-card {
	background-color: #fff;
	padding: 30px 20px 50px 20px;
	text-align: center;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.contact-card:hover {
	transform: translateY(-5px);
}
.contact-card-icon {
	font-size: 30px;
	color: #ff6700;
	margin-bottom: 15px;
}
.contact-card-icon img {
	width:40px;
	height:40px;
}
.contact-card-title {
	font-size: 18px;
	margin-bottom: 10px;
	font-weight: 500;
}
.contact-card-desc {
	color: #999;
	text-align:left;
	font-size: 14px;
	line-height: 1.6;
}
.contact-card-desc.color1 {
	color:var(--accent-color)
}
.contact-card-desc.center {
	text-align:center;
}
/* 行业应用详情 */
        .module-swiper-section {
	padding-top: 50px;
}
.module-swiper {
	width: 100%;
	padding: 20px 0;
}
.module-slide {
	cursor: pointer;
}
.module-slide img {
	height: 326px;
	width:100%;
	object-fit: cover;
	transition: all 0.3s ease;
}

.module-slide .big_img {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	z-index: 1;
	transition: all .3s ease;
}

.module-slide:hover .big_img {
	opacity: 1;
}




.module-slide h4 {
	font-size: 20px;
	padding:15px 0;
	color: #222;
}
.module-slide p {
	font-size: 14px;
	color: #666;
	line-height: 1.6;
}
/* 应用案例轮播 */
        .case-swiper-section {
	padding: 30px 0 0;
	margin-bottom:70px;
}
.case-swiper {
	width: 100%;
	padding-bottom:20px;
}
.case-slide {
	cursor: pointer;
	overflow: hidden;
}
.case-slide img {
	width: 100%;
	height: 326px;
	object-fit: cover;
	display: block;
	transition: all 0.3s ease;
}
.case-slide:hover img {
	transform: scale(1.01);
	box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}
.case-slide p {
	padding:20px;
	font-size: 18px;
	color:#000;
	background: #EDEDED;
}
.bd.xbanner {
	height:430px;
}
.bd.xbanner .xbanner-title{ display:none}
/* 主容器 */
.bd {
	background:#F8F8F8;
	padding-bottom:20px;
}
.bd .container {
	margin: -60px auto 50px;
	background: #fff;
	z-index: 100;
	position: relative;
}
/* 表单卡片 */
    .form-card {
	background: #fff;
	border-radius: 8px;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
	padding: 40px 60px;
}
/* 顶部导航标签 */
        .nav-tabs {
	display: flex;
	justify-content: center;
	margin-bottom:60px;
	gap: 20px;
	flex-wrap: wrap;
}
.tab-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 372px;
	text-align: center;
	color: #666;
	cursor: pointer;
	transition: color 0.3s;
	border-right: 1px solid #eee;
	padding:0 50px;
}
.tab-item:last-child {
	border-right:0
}
.tab-item a {
	display:block
}
.tab-icon {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin:0px auto;
	color:#fff;
	font-size: 32px;
}
.tab-title {
	font-size: 18px;
	font-weight: 400;
	margin: 15px 0;
	color: #666;
}
.tab-desc {
	font-size: 12px;
	line-height: 1.8;
	color:#999;
}
.tab-item .tab-icon .yyh{display:none;}
.tab-item.active .tab-icon,.tab-item:hover .tab-icon {
	background:#000;
	transition: all 0.3s;
}
.tab-item .tab-icon img{ height:40px;}
.tab-item.active .tab-icon .yy,.tab-item:hover .tab-icon .yy{ display:none}
.tab-item.active .tab-icon .yyh,.tab-item:hover .tab-icon .yyh{ display:block}

.tab-item.active .tab-title {
	color: #000;
}
.tab-item.active .tab-desc {
	color:#666;
}
/* 标题区域 */
        .form-title {
	text-align: center;
	margin-bottom: 30px;
}
.main-title {
	font-size: 22px;
	color: #333;
	margin-bottom: 8px;
}
.sub-title {
	font-size: 14px;
	color: #999;
}
/* 表单样式 */
     .form-group {
	margin-bottom: 25px;
	border: 1px solid #e5e5e5;
	padding:5px 12px;
}
.topyx {
	margin:100px 0;
}
.topyx .left {
	float:left;
	width:32%
}
.topyx .right {
	float:right;
	width:60%;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.topyx .right img {
	max-width:100%;
	height: auto;
}
.form-label {
	display: block;
	font-size:1rem;
	color: #333;
	margin-bottom: 6px;
}
.form-input {
	width: 100%;
	height: 40px;
	border-radius: 4px;
	font-size: 14px;
	border:0;
	color:#999;
	transition: border-color 0.3s;
}
.txtitle {
	font-size:18px;
	padding:30px 0;
	font-weight:normal
}
.topyx .form-label {
	margin-top: 20px;
	font-size:14px;
	margin-bottom:10px;
}
.topyx .form-input {
	width: 100%;
	text-indent:10px;
	border-radius: 0px;
	font-size: 14px;
	border: 1px solid #e5e5e5;
	transition: border-color 0.3s;
}
.form-input:focus {
	outline: none;
}
.form-input.textarea {
	height: 100px;
	resize: none;
	padding: 12px 0;
	line-height: 1.5;
	color:#999;
}
/* 表单网格布局 */
        .form-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
	gap: 20px;
	margin-bottom: 25px;
}
/* 复选框 */
        .checkbox-group {
	margin-bottom: 25px;
}
.checkbox-label {
	font-size: 14px;
	color: #666;
	cursor: pointer;
}
.checkbox-label a {
	color:var(--accent-color);
	text-decoration: none;
}
/* 按钮区域 */
 .btn-group {
	display: flex;
	gap: 20px;
	justify-content: center;
	margin-top: 10px;
}
.btn {
	padding: 10px 40px;
	font-size: 14px;
	font-weight: 500;
	cursor: pointer;
	transition: all 0.3s;
	border: none;
}
.btn-submit {
	background: #333;
	color: #fff;
}
.btn-submit:hover {
	background: #000;
}
.btn-reset {
	border:1px solid #000;
	background:none;
	color: #000;
}
.btn-reset:hover {
	background: #e5e5e5;
}
/* 企业介绍 */

.company-intro-section{ padding-top:40px;}
        .company-intro {
	line-height: 1.6;
	font-size:1rem;
	color: #666;
	margin-bottom: 60px;
	text-align: justify;
}
.company-intro p{ margin-top:20px;}
/* 企业文化 - 第一行2个，第二行1个 */
        .culture {
	width: 100%;
	padding:10px 0;
	
}
.culture-list {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: auto auto;
	gap: 20px;
}
 .culture-item:nth-child(3) {
 grid-column: 1 / 3;
}
.culture-item {
	height: 220px;
	background-position: center;
	background-size: cover;
	position: relative;
	color: #fff;
	padding: 30px;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}
.culture-item:hover {
	transform: scale(1.01);
}
 .culture-item::before {
 content: "";
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background: rgba(0, 0, 0, 0.1);
}
.culture-text {
	position: relative;
	z-index: 1;
}
.culture-text h3 {
	font-size: 20px;
	margin-bottom: 10px;
}
.culture-text p {
	font-size: 14px;
	line-height: 1.6;
}
/* 发展历程 - 最终优化版 */
        .development {
	position: relative;
	margin-bottom: 80px;
	padding:30px 0;
	padding-bottom:100px;
	overflow: hidden;
}
.development .year-bg {
	position: absolute;
	top: 35%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 180px;
	color:#EBECED;
	z-index:1;
	font-weight: bold;
	opacity: 0.8;
	transition: all 0.3s ease;
}
.swiper-development {
	position: relative;
	width: 94%;
	margin-top:120px;
}
/*
        .development-content {
	text-align: left;
	padding: 30px;
	background:rgba(255, 255, 255, 0.5);
	display: flex;
	align-items: center;
	gap: 30px;
	margin-bottom: 30px;
	min-height: 280px;
}
.development-content-img {
	flex: 0 0 290px;
	height: 168px;
}
.development-content img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.development-content-text {
	flex: 1;
}
.development-content-text h4 {
	border:1px solid #999;
	padding:4px 15px;
	display:inline-block;
	margin-bottom:20px;
	color:#999;
	font-weight:normal;
}
.development-content-text p {
	line-height: 1.8;
	color: #666;
	font-size:1rem;
}

        .development-nav {
	position: absolute;
	top: 55%;
	left: 0;
	right: 0;
	transform: translateY(-50%);
	display: flex;
	z-index:10;
	justify-content: space-between;
	pointer-events: none;
}
.development-nav button {
	pointer-events: auto;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 1px solid #ddd;
	background: #fff;
	cursor: pointer;
	display: flex;
	color:#999;
	align-items: center;
	justify-content: center;
	transition: all 0.3s;
	font-size:1rem;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
	z-index: 10;
}
.development-nav button:hover {
	color: #666;
	border: 1px solid #666;
}
.development-prev {
	margin-left: -10px;
}
.development-next {
	margin-right: -10px;
}
.development-timeline-wrap {
	width: 100%;
	overflow: hidden;
	margin-top:50px;
}
.development-timeline {
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
	width: 100%;
}

        .development-timeline::before {
            content: "";
            position: absolute;
            bottom: 10px;
            left: 20px;
            right: 20px;
            height: 2px;
            background: #e0e0e0;
            transform: translateY(-50%);
            z-index: 1;
        }

        .timeline-item {
	position: relative;
	z-index: 2;
	text-align: center;
	cursor: pointer;
	transition: all 0.3s;
	padding-bottom:10px;
	flex: 1;
}
.timeline-item.active {
	min-width:260px;
}
.timeline-item .date {
	font-size: 14px;
	color: #999;
	height:35px;
	line-height:35px;
	margin-bottom:15px;
	transition: color 0.3s;
}
.timeline-item .line {
	width: 100%;
	height: 3px;
	background: transparent;
	margin: 0 auto;
	transition: all 0.3s;
	position:relative;
	background: #666;
}
.timeline-item:after {
	content: "";
	position: absolute;
	right:0px;
	top: 46px;
	width: 10px;
	height: 10px;
	background: #666;
	border-radius: 50%;
	z-index:2;
}
.timeline-item.active:after {
	background: #000;
}
.timeline-item.active:before {
	content: "";
	position: absolute;
	left:-10px;
	top: 46px;
	width: 10px;
	height: 10px;
	background: #000;
	border-radius: 50%;
	z-index:2;
}
.timeline-item.active .date {
	color: #000;
	font-size:18px;
}
.timeline-item.active .line {
	background: #000;
}
*/
/* 核心业务 - 背景+图标+标题+介绍 绝对居中 */
.business {
	padding:10px 0;
}

.business-item {
	height: 330px;
	overflow: hidden;
	position: relative;
	cursor: pointer;
	transition: transform 0.3s, box-shadow 0.3s;
}
.business-item:hover {
	transform: translateY(-5px);
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
}
.business-item-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.business-item-bg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.5s;
}
.business-item:hover .business-item-bg img {
	transform: scale(1.05);
}
.business-item-content {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
	text-align: center;
	color: #fff;
	width: 100%;
	padding: 0 90px;
}
.business-item-icon {
	font-size: 48px;
	margin-bottom: 20px;
	opacity: 0.9;
}
.business-item-icon img{  height:54px;}
.business-item-title {
	font-size: 22px;
	margin-bottom: 15px;
	font-weight: bold;
}
.business-item-desc {
	font-size:1rem;
	line-height: 1.6;
	opacity: 0.9;
}
 .business-item::before {
 content: "";
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.8));
 z-index: 1;
}




 /* 发展历程 - 最终优化版 */
        .development {
            position: relative;
            margin-bottom: 30px;
			padding-top:30px;
			padding-bottom:70px;
           
            overflow: hidden;
        }
        .xfzlc{ position:relative;}
.development .year-bg {
	display:none;
	position: absolute;
	top: 35%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 180px;
	color: #EBECED;
	z-index: 1;
	font-weight: bold;
	opacity: 0.8;
	transition: all 0.3s ease;
}
.swiper-development {
	position: relative;
	width: 100%;
	margin-top:60px;
}
        /* 发展历程内容区 */
.development-content {
	text-align: left;

	background: rgba(255, 255, 255, 0.5);
	display: flex;
	align-items: flex-start;
	gap: 30px;
	margin-bottom: 30px;
	min-height: 280px;
}
        .development-content-img {
            flex: 0 0 520px;
            height: 300px;
        }
        .development-content img {
            width: 100%;
            height: 100%;
            object-fit: contain;
        }
        .development-content-text {
            flex: 1;
        }
.development-content-text h4 {
	padding: 0;
	display: inline-block;
	margin-bottom: 10px;
	color: #000;
	font-size: 24px;
}
.development-content-text p {
	line-height: 1.8;
	color: #666;
	font-size:1rem;
}
        /* 发展历程导航按钮 */
.development-nav {
	position: absolute;
	bottom: -50px;
	width:100%;
	right: 0;
	display: flex;
	z-index: 1;
	justify-content: space-between;
	pointer-events: none;
}
        .development-nav a {
            pointer-events: auto;
            width: 36px;
            height:36px;
            cursor: pointer;
            display: flex;
			border:0;
            align-items: center;
            justify-content: center;
            transition: all 0.3s;
            font-size:1rem;
            z-index: 10;
        }

        .development-prev {
			background:url(../images/fzleft.svg);
			background-size:36px;
         
        }
		 .development-prev:hover {background:url(../images/fzleft_hover.svg);}
        .development-next {
         background:url(../images/fzright.svg);
			background-size:36px;
        }
		 .development-next:hover {
         background:url(../images/fzright_hover.svg);
		
        }
        
        /* 时间轴容器 */
        .development-timeline-wrap {
            width: 100%;
			margin-top:20px;
            height:100px;
            position: relative;
            overflow: hidden;
			
        }
        
        
.development-timeline-wrap .lines {
	position: absolute;
	left: 0;
	width: 100%;
	height: 1px;
	border-radius: 2px;
	background-color: #666;
	top: 80.5px;
}
        
        
        .development-timeline {
            display: flex;
            position: relative;
            width: 100%;
            height: 100%;
            padding-bottom: 20px;
        }
        
        
        
        
    /*    
.development-timeline::before {
	content: "";
	position: absolute;
	bottom: 18px;
	left: 0;
	right: 0;
	height: 1px;
	background: #666;
	z-index: 1;
}
*/
        
        /* 时间轴项 - 5个等宽占据屏幕 */
        .timeline-item {
            position: relative;
            z-index: 2;
            text-align: center;
            cursor: pointer;
            transition: all 0.5s ease;
            flex: 1; /* 每个项等宽 */
            min-width: 0;
          height:80px;
            pointer-events: auto;
            display: flex;
            flex-direction: column;
            justify-content:end;
            align-items: center;
          
        }
.timeline-item.active {
	opacity: 1;

	justify-content: flex-start;
}
        
	/*	
.timeline-item::after {
	content: "";
	position: absolute;
	right: -14px;
	bottom: 5px;
	width: 10px;
	height: 10px;
	background: #666;
	border-radius: 50%;
	z-index: 2;
}
		
.timeline-item.active::before {
	content: "";
	position: absolute;
	left: -15px;
	bottom:5px;
	width: 10px;
	height: 10px;
	background: #000;
	border-radius: 50%;
	z-index: 2;
}

.timeline-item:first-child::before { height:0}

.timeline-item.active::after {
	background: #000;
	right:-15px;
}
.timeline-item:last-child::after { height:0}		
			
.timeline-item:has(+ .timeline-item.active)::after {
	height:0;
}
*/
		
        .timeline-item .date {
            font-size:1rem;
            color: #666;
			height:45px;
			line-height:45px;
          
            transition: all .2s ease;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            text-align: center;
            width: 100%;
        }
        
.timeline-item .line {
	width: 6px;
	height: 6px;
	background: #666;
	display: block;
	margin: 0 auto;
	transition: all 0.3s;
	position: absolute;
	bottom: -4px;
	border-radius:100%;
}
.timeline-item .point-active {
	width: 14px;
	height: 45px;
	display: none;
	position: absolute;
	left: 50%;
	bottom: -8px;
	margin-left: -7px;
}
        
        .timeline-item.active .date {
            color: #000;
           font-size:20px;
        }
        
        .timeline-item.active .line {
           display:none;
        }
        .timeline-item.active .point-active{ display:block}

.desktop-search {
            display: flex;
            align-items: center;  
            width: 20px;
        }
        
.desktop-search.expanded {
	width: 150px;

	overflow: hidden;
	transition: all 0.4s ease;
	border: 1px solid #ddd;
	height: 33px;
	line-height: 33px;
}
.desktop-search.expanded:after{ display:none}

        
        .search-icon {
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
            cursor: pointer;
            z-index: 2;
			transition: all 0.3s ease 0.1s;
        }
        

        
        .search-input-container {
            display: flex;
            align-items: center;
            width: calc(100% - 50px);
            opacity: 0;
            transform: translateX(-10px);
        }
        
        .desktop-search.expanded .search-input-container {
            opacity: 1;
            transform: translateX(0);
        }
        
	.desktop-search.expanded .search-icon{ display:none}
		
		
      .desktop-search  .search-input {
            width: 115px;
            padding: 0 15px;
            border: none;
            outline: none;
            background: transparent;
            color: #fff;
        }
        
       .desktop-search .search-input::placeholder {
            color: #aaa;
        }
        
.desktop-search .search-btn {
	
	border: none;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	margin-right: 0;
	flex-shrink: 0;
	background: none;
}

.nyabout .business,.nyabout .news ,.nyabout .partner{
    padding:50px 0;
}
.index .partner{
   margin:50px 0;
}
.h60{ height:70px;}


.ny2 .navbar {border-bottom:1px solid #333; position:relative;}
.ny2 .h60 {
    display: none!important;
}

.hycp-nav {
	position: absolute;
	top: 50%;
	width: 100%;
	
	right: 0;
	display: flex;
	z-index: 1;
	justify-content: space-between;
	pointer-events: none;
}
.hycp-nav a {
	pointer-events: auto;
	width: 36px;
	height: 36px;
	cursor: pointer;
	display: flex;
	border: 0;
	align-items: center;
	justify-content: center;
	transition: all 0.3s;
	font-size: 1rem;
	z-index: 10;
	margin: 0 20px;
}
.hycp-nav .prev {
	background: url(../images/fzleft.svg);
	background-size: 36px;
}
.hycp-nav .next {
	background: url(../images/fzright.svg);
	background-size: 36px;
}
.hycp-nav .prev:hover {background:url(../images/fzleft_hover.svg);}

.hycp-nav .next:hover {
         background:url(../images/fzright_hover.svg);
		
        }


 @media (min-width: 769px) {
	 .m_nav{ display:none}
	 
	 .wap{ display:none;}
 .mobile-menu,.banner1.wap {
 display: none !important;
}
 }

 @media (min-width: 1921px) {
	 html{ font-size:18px;}
.container,.dropdown-content {
	width: 1600px;
}
.language-select {
	width: 110px;
}
.banner-swiper {
	height: 980px;
}
.pro-swiper {
	height: 850px;
}
.product-img {
	height: 300px;
}
.industry-swiper {
	height: 700px;
}
.industry-mask {
	padding: 0 40px;
}
.industry-cn-title {
	font-size: 26px;
	top:40px;
	left:40px;
}
.industry-desc {
	margin-top: 100px;
}
.news-item-img {
	height: 280px;
}
.footer-nav {
	max-width: 1600px;
}
.copyright-section {
	max-width: 1600px;
}
.banner1 {
	height: 800px;
}
.params-container {
	max-width: 1600px;
}
.fields-grid {
	grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
}
.field-card {
	height: 480px;
}
.case-slide img {
	height: 366px;
}

.tab-item {
	width: 472px;
}
.product-sub-header-x5 .main {
	width: 1600px;
}

.news-grid {
	grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
}
.news-card > a {
	height: 268px;
}
.banner-btn {
	padding: 13px 50px;
}
.banner1 .banner-desc {
	font-size: 1.2rem;
}

.banner1 .btn {
	padding: 12px 38px;
}

.development {
	padding-top: 80px;
	padding-bottom: 150px;
}
.swiper-development {
	margin-top:60px;
}
.development-content {
	align-items:start;
}
.development-timeline-wrap {
	margin-top: 100px;
}
.development-content-img {
	flex: 0 0 680px;
	height: 340px;
}
        .development-content img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
		
.banner-hy {
	height: 800px;
}	
.language-toggle {
	font-size: 0.9rem;
	line-height:36px;
}	
.language-menu {
	width: calc(100% + 2px);
	left: -1px;
}
.btn-mall {
	font-size: 0.9rem;
}		
.category-item {
	padding: 12px 0;
}
}