/* ======  reset  ====== */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td ,figure{
	margin:0;
	padding:0
}
fieldset, img {
	border:0
}
:focus {
	outline:0
}
address, caption, cite, code, dfn, em, th, var, optgroup {
	font-style:normal;
	font-weight:normal
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal
}
abbr, acronym {
	border:0;
	font-variant:normal
}
input, button, textarea, select, optgroup, option {
	font-family:inherit;
	font-size:inherit;
	font-style:inherit;
	font-weight:inherit
}
code, kbd, samp, tt {
	font-size:100%
}
input, button, textarea, select {
*font-size:100%
}
ol, ul ,li {
	list-style:none;
	
}
table {
	border-collapse:collapse;
	border-spacing:0
}
caption, th {
	text-align:left
}
sup, sub {
	font-size:100%;
	vertical-align:baseline
}
:link, :visited, ins {
	text-decoration:none
}
blockquote, q {
	quotes:none
}
blockquote:before, blockquote:after, q:before, q:after {
	content:'';
	content:none
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display:block;
}
a {
	text-decoration: none;
	color: #333;
	-webkit-transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
}

a:hover {
	text-decoration: none;
	color: #076bff;
}
/*新填*/
input,select,img {
	vertical-align: middle;
	border: none;
	outline: none;
}
em,i {
	font-style: normal;
}
span,i,em {
	display: inline-block;
	zoom: 1;
	*display: inline;
}
/* ======  fonts  ====== */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body {
	font: 14px/1.4286 "Microsoft YaHei",arial, helvetica, clean, sans-serif;
	color: #333;
}
table {
	font-size: inherit;
	font: 100%;
}
pre, code, kbd, samp, tt {
	font-family: monospace;
*font-size:108%;
	line-height: 100%;
}

/* ======  clearfix  ====== */
.clear {
	clear:both;
	visibility:hidden;
	display:block;
	font-size:0;
	line-height:0;
}
.clearfix:after {
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0;
}
.clearfix {
	*zoom:1;
}
/* 公共宽度容器 */
.wrapper {
    width: 1280px;
    margin: 0 auto;
    padding: 0 20px;
}
.pos-dw {
    border-bottom: 1px solid #eee;
    padding: 20px 0 10px;
    font-family: var(--family-text);
}
/* 导航栏 */
.nav-container {
    width: 100%;
    height: 80px;
    line-height: 80px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
    position: sticky;
    top: 0;
    background: #fff;
    z-index: 999;
}
.nav-wrapper {
    width: 1280px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 20px;
    position: relative; 
}

.logo {
    display: flex;
    align-items: center;
    margin-right: 40px;
}

.logo img {
    height: 40px;
    width: auto;
}

/* 移动端显示 */
.hamburger-btn {
    display: none; 
    flex-direction: column;
    justify-content: space-between;
    width: 30px;
    height: 24px;
    cursor: pointer;
    z-index: 1000;
}

.hamburger-btn span {
    width: 100%;
    height: 3px;
    background: #333;
    border-radius: 2px;
    transition: all 0.3s;
}

/* 导航列表样式 */
.nav-list {
    display: flex;
    list-style: none;
    align-items: center;
    height: 80px;
    margin: 0;
    padding: 0;
}

.nav-item {
    margin-right: 40px;
}

.nav-item a {
    text-decoration: none;
    color: #333;
    font-size: 16px;
    transition: color 0.3s;
}

.nav-item.active a, .nav-item a:hover {
    color: #076bff;
}

.consult-btn {
    width: 120px;
    line-height: 40px;
	text-align: center;
    background: #076bff;
    color: #fff;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    transition: background 0.3s;
}

.consult-btn:hover {
    background: #065ed8;
}
@media (max-width: 768px) {
    .nav-wrapper {
        width: 100%;
		height: 80px;
    }
    .hamburger-btn {
        display: flex;
    }
    .nav-list {
        position: fixed;
        top: 80px;
        left: 0;
        width: 100%;
        height: calc(100vh - 80px);
        background: #fff;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 30px; 
        display: none; 
        box-shadow: 0 5px 10px rgba(0,0,0,0.1);
        z-index: 999;
    }
    .nav-list.mobile-active {
        display: flex;
    }
    .nav-item {
        margin: 0;
    }
    .nav-item a {
        font-size: 18px;
    }
    /* 移动端隐藏咨询按钮（可选：也可放到导航列表里） */
    .consult-btn {
        display: none;
    }
    /* logo居中 */
    .logo {
        margin: 0;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }
}

/* 汉堡菜单点击后的动画（可选） */
.hamburger-btn.active span:nth-child(1) {
    transform: rotate(45deg) translate(6px, 6px);
}
.hamburger-btn.active span:nth-child(2) {
    opacity: 0;
}
.hamburger-btn.active span:nth-child(3) {
    transform: rotate(-45deg) translate(6px, -6px);
}
/* Banner 视频 */
.video-banner {
	position: relative;
	width: 100%;
	height: 600px;
	overflow: hidden; 
}
/* 视频背景样式：铺满容器且居中 */
.banner-video {
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	transform: translate(-50%, -50%); /* 让视频居中 */
	z-index: 1; /* 视频在最底层 */
	object-fit: cover; /* 保持视频比例并铺满容器，关键属性 */
}
/* 前景内容：叠加在视频上方 */
.banner-content {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
	color: white; 
	text-align: center;
	padding: 0 20px;
}
/* 可选：添加半透明遮罩，提升文字可读性 */
.banner-mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.3); /* 黑色半透明遮罩 */
	z-index: 1.5; /* 遮罩在视频和内容之间 */
}
/* Banner轮播样式 */
.banner-slider {
    width: 100%;
    height: 620px;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
}
.slider-container {
    width: 100%;
    height: 100%;
    position: relative;
}
.slider-wrapper {
    width: 100%; /* 2张图 × 100% */
    height: 100%;
    display: flex;
    transition: transform 0.5s ease-in-out;
}

.slider-item {
    width: 100%;
    height: 100%;
    position: relative;
}

.slider-item img {
    width: 100%;
    height: 100%;
    object-fit: cover; 
}

/* 轮播文字层 */
.slider-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: #fff;
    text-shadow: 0 2px 10px rgba(0,0,0,0.3);
    width: 1280px;
    margin: 0 auto;
}

.slider-text h1 {
    font-size: 48px;
    margin-bottom: 20px;
	font-weight: 700;
}

.slider-text p {
    font-size: 20px;
    margin-bottom: 30px;
    line-height: 1.6;
}

.slider-btn {
    display: inline-block;
    padding: 12px 30px;
    background: #076bff;
    color: #fff;
    text-decoration: none;
    border-radius: 4px;
    font-size: 16px;
    transition: all 0.3s;
    border: 2px solid transparent;
}

.slider-btn:hover {
    background: transparent;
    border-color: #fff;
    color: #fff;
}

/* 左右切换箭头 */
.slider-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: rgba(0,0,0,0.3);
    color: #fff;
    border: none;
    font-size: 24px;
    cursor: pointer;
    transition: background 0.3s;
    z-index: 10;
}

.slider-arrow:hover {
    background: #076bff;
}

.prev-arrow {
    left: 20px;
}

.next-arrow {
    right: 20px;
}

/* 轮播指示器 */
.slider-indicators {
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 15px;
}

.indicator {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: rgba(255,255,255,0.5);
    cursor: pointer;
    transition: all 0.3s;
}

.indicator.active {
    background: #fff;
    width: 30px;
    border-radius: 6px;
}

@media (max-width: 1280px) {
    .banner-slider {
        height: 400px;
    }
    .slider-text {
        width: 90%;
    }
    .slider-text h2 {
        font-size: 36px;
    }
    .slider-text p {
        font-size: 18px;
    }
}

@media (max-width: 768px) {
    .banner-slider {
        height: 300px;
    }
    .slider-text h2 {
        font-size: 24px;
    }
    .slider-text p {
        font-size: 14px;
        margin-bottom: 20px;
    }
    .slider-btn {
        padding: 8px 20px;
        font-size: 14px;
    }
    .slider-arrow {
        width: 40px;
        height: 40px;
        font-size: 18px;
    }
}
/* 公共标题样式 */
.main-title {
    text-align: center;
    margin-bottom: 50px;
    padding-top: 60px;
}

.main-title .title {
    font-size: 36px;
    color: #333;
    margin-bottom: 20px;
	font-weight: 700;
}

.main-title .title-line {
    width: 50px; /* 50*4 */
    height: 4px;
	border-radius: 2px;
    margin: 0 auto 20px;
    background: linear-gradient(to right, #076bff, #3a92ff);
}

.main-title .subtitle {
    font-size: 16px;
    color: #666;
    line-height: 1.6;
}

/* 第一屏样式 */
.screen1 {
    padding-bottom: 80px;
}

.card-container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.service-card {
    width: 385px;
    height: 326px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.08);
    padding: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.service-card:hover .icon-z{
	transform: translateY(-10px);
}

.card-icon {
    width: 76px;
    height: 65px;
    font-size: 40px;
    color: #076bff;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
}

.icon-z{
	display: block;
	background-image: url(../images/icon-z.webp);
	background-repeat: no-repeat;
	background-size: 380px;
	width: 76px;
	height: 70px;
	transition: all 0.3s;
}
.icon-z-01{background-position: 94% 28.5%;}
.icon-z-02{background-position: 34% 58%;}
.icon-z-03{background-position: 0% 0%;}

.card-title {
    font-size: 18px;
    color: #333;
    margin-bottom: 15px;
	font-weight: 700;
}

.card-desc {
    font-size: 14px;
    color: #666;
    line-height: 1.6;
    margin-bottom: 20px;
}

.card-features {
    list-style: none;
    width: 100%;
    text-align: left;
}

.card-features li {
    font-size: 14px;
    color: #666;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}

.card-features li i {
    color: #076bff;
    margin-right: 8px;
}

/*4承诺*/
.compliance-section {
    padding: 0 0 60px;
    background: #f8f8fe;
}

.compliance-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}

.compliance-card {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.08); 
    padding: 40px;
    transition: transform 0.3s ease;
}

.compliance-card:hover {
    transform: translateY(-5px); 
}

.compliance-icon {
    width: 70px;
    height: 70px;
    background: #f5f5fe; 
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 25px;
    color: #076bff;
    font-size: 32px;
}

.compliance-title {
    font-size: 22px;
    color: #333;
    margin-bottom: 20px;
    position: relative;
    padding-left: 15px;
}

.compliance-title::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 5px;
    height: 20px;
    background: #076bff; 
}

.compliance-list {
    list-style: none;
    padding: 0;
}

.compliance-list li {
    font-size: 16px;
    color: #666;
    line-height: 1.8;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.compliance-list li::before {
    content: "●";
    color: #076bff; 
    font-size: 8px;
}

@media (max-width: 1280px) {
    .compliance-container {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .compliance-card {
        padding: 25px;
    }
    .compliance-title {
        font-size: 18px;
    }
    .compliance-list li {
        font-size: 14px;
    }
}
/* 第二屏样式 */
.screen2 {
    _background: #f8f8fe;
	background-image: url(../images/bg01.jpg);
    padding-bottom: 60px;
}

.geo-intro-card {
    width: 100%;
    _background: #f5f5fe;
    background: #fff;
    border: 1px solid #e5e1f5;
    border-radius: 8px;
    padding: 40px;
    position: relative;
    margin-bottom: 40px;
}

.geo-left-line {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 6px;
    background: #076bff;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.geo-intro-content {
    font-size: 16px;
    color: #333;
    line-height: 1.8;
}

.geo-intro-content strong {
    color: #076bff;
}

.geo-feature-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.geo-feature-item {
    width: 290px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
    padding: 20px;
    margin-bottom: 20px;
}

.feature-header {
    display: flex;
    align-items: center;
    height: 70px;
    transition: all 0.3s;
    border-radius: 4px;
    padding: 0 10px;
}

.feature-header.active {
    background: #1173fe;
    color: #fff;
}

.feature-header i {
    font-size: 24px;
    color: #076bff;
    margin-right: 10px;
}

.feature-header.active i {
    color: #fff;
}

.feature-header h3 {
    font-size: 16px;
    font-weight: normal;
}

.feature-line {
    width: 100%;
    height: 1px;
    background: #eee;
    margin: 15px 0;
}

.feature-points {
    list-style: none;
}

.feature-points li {
    font-size: 14px;
    color: #666;
    margin-bottom: 18px;
    display: flex;
    align-items: center;
}

.feature-points li i {
    color: #076bff;
    margin-right: 16px;
    font-size: 12px;
}

.feature-desc {
    display: none;
    font-size: 14px;
    color: #666;
    line-height: 1.6;
    padding: 10px 0;
}
/* 第三屏样式 */
.screen3 {
    padding-bottom: 80px;
}
.line-left-bold{
	position: relative;
}
.line-left-bold:before{
	content: "";
	position: absolute;
	width: 24px;
	height: 3px;
	background: #076bff;
	left: 0;
	top: -3px;
}
.platform-tabs {
    display: flex;
    justify-content: center;
    margin-bottom: 40px;
    flex-wrap: wrap; 
    gap: 15px;
}

.tab-btn {
    padding: 15px 10px; 
    margin: 0;
    background: #fff;
    border: none;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s;
    display: flex;
    flex-direction: column;
    align-items: center; 
    width: 190px; 
    height: 90px;
}
.tab-btn img {
    width: 40px;
    height: 40px;
    margin-bottom: 8px;
    border-radius: 8px;
    object-fit: cover;
}
.tab-btn span {
    font-size: 14px;
    color: #333;
    text-align: center;
}
.tab-btn.active, .tab-btn:hover {
    background: #076bff;
    color: #fff;
}
.tab-btn.active span, .tab-btn:hover span {
    color: #fff;
}
.platform-content {
    width: 100%;
    min-height: 350px;
}

.tab-content {
    display: none;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.tab-content.active {
    display: flex;
}

.content-left {
    width: 50%;
    padding-right: 20px;
}

.content-left h3 {
    font-size: 30px;
	font-weight: 700;
    color: #333;
    margin-bottom: 20px;
}

.content-left p {
    font-size: 16px;
    color: #666;
    line-height: 1.8;
    margin-bottom: 20px;
}

.content-left ul {
    list-style: none;
}

.content-left ul li {
    font-size: 14px;
    color: #666;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
	line-height: 1.8;
}

.content-left ul li::before {
    _content: "●";
	content: "";
	background-image: url(../images/gou.png);
	width: 19px;
	height: 16px;
	background-size: cover;
    _color: #076bff;
    margin-right: 12px;
    _font-size: 8px;
}

.content-right {
    width: 48%;
}

.content-right img {
    width: 100%;
    height: auto;
    border-radius: 8px;
}

/* 响应式适配 */
@media (max-width: 768px) {
    .platform-tabs {
        justify-content: flex-start;
        padding: 0 20px;
    }
    .tab-btn {
        width: 80px;
        height: 80px;
    }
    .tab-btn img {
        width: 35px;
        height: 35px;
    }
    .tab-btn span {
        font-size: 12px;
    }
}

/* 第四屏样式 */
.screen4 {
	background: linear-gradient(to right, #2249b9, #3473e6);
    padding: 60px 0;
}

.consult-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
}

.consult-text h2 {
    font-size: 36px;
    margin-bottom: 15px;
	font-weight: 700;
}

.consult-text p {
    font-size: 18px;
    opacity: 0.9;
}

.consult-cta {
    width: 160px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border: 2px solid #fff;
    color: #fff;
    text-decoration: none;
    border-radius: 4px;
    transition: all 0.3s;
}

.consult-cta:hover {
    background: #fff;
    color: #076bff;
}

/* 第五屏样式 */
.screen5 {
    padding-bottom: 80px;
}

.news-container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.sy-news-card {
    width: 385px;
    background: #fff;
    border-radius: 8px;
    /* box-shadow: 0 5px 15px rgba(0,0,0,0.05);
    overflow: hidden; */
}

.sy-news-card img {
    width: 100%;
    height: 200px;
    object-fit: cover;
}
.news-content {
    width: 95%;
	margin: auto;
	padding: 20px;
	margin-top: -20px;
	position: relative;
	background: #f6f7fb;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.news-content h3 {
    font-size: 18px;
    color: #333;
    margin-bottom: 10px;
	font-weight: 700;
}

.news-content p {
    font-size: 14px;
    color: #666;
    line-height: 1.6;
    margin-bottom: 15px;
}

.news-more {
    font-size: 14px;
    color: #076bff;
    text-decoration: none;
}

/* 第六屏样式 */
.screen6 {
    background: #f8f8fe;
    padding-bottom: 60px;
}

.faq-container {
    width: 80%;
    margin: 0 auto;
}

.faq-item {
    background: #fff;
    border-radius: 8px;
    margin-bottom: 15px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

.faq-question {
    padding: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    font-size: 16px;
    color: #333;
	font-weight: 700;
}

.faq-question i {
    font-size: 14px;
    color: #999;
    transition: transform 0.3s;
}

.faq-question i.rotate {
    transform: rotate(180deg);
    color: #076bff;
}

.faq-answer {
    padding: 0 20px;
    max-height: 0;
    overflow: hidden;
    transition: all 0.3s;
    font-size: 14px;
    color: #666;
    line-height: 1.8;
}

.faq-answer.active {
    padding: 0 20px 20px;
    max-height: 200px;
}

/* 第七屏表单样式 */
.screen7 {padding-bottom: 40px;}
.consult-form {width: 80%;margin: 0 auto;background: #fff;padding: 40px;border-radius: 8px;box-shadow: 0 5px 15px rgba(0,0,0,0.08);}
.form-row {display: flex;justify-content: space-between;margin-bottom: 20px;}
.form-row input, .form-row select {width: 48%;height: 45px;padding: 0 15px;border: 1px solid #eee;border-radius: 4px;font-size: 14px;}
.consult-form textarea {width: 100%;padding: 15px;border: 1px solid #eee;border-radius: 4px;resize: none;margin-bottom: 20px;font-size: 14px;}
.form-submit {width: 100%;height: 50px;background: #076bff;color: #fff;border: none;border-radius: 4px;cursor: pointer;font-size: 16px;transition: background 0.3s;}
.form-submit:hover {background: #065ed8;}
/* 副页面头部标题 */
.page-header {
    padding: 60px 0 0;
    background: linear-gradient(to bottom, #f8f8fe 0%, #fff 100%);
}
.page-header .main-title {
    padding-top: 0;
	margin-bottom: 0;
}
/* 以下为GEO服务专 */
/* 服务简介区 */
.service-intro {padding: 40px 0 80px;background: #f8f8fe;}
.service-intro-content {max-width: 900px;margin: 0 auto;text-align: center;}
.service-intro-content h3 {font-size: 28px;color: #333;margin-bottom: 20px;}
.service-intro-content p {font-size: 16px;color: #666;line-height: 1.8;margin-bottom: 30px;}
.service-intro-btn {display: inline-block;padding: 12px 30px;background: #076bff;color: #fff;text-decoration: none;border-radius: 4px;font-size: 16px;transition: all 0.3s;}
.service-intro-btn:hover {background: #065ed8;transform: translateY(-2px);}
/* 核心服务模块 */
.service-core {padding-bottom: 80px;}
.service-core-card {background: #fff;border-radius: 8px;box-shadow: 0 5px 15px rgba(0,0,0,0.08);padding: 40px;display: grid;grid-template-columns: 1fr 2fr;gap: 40px;align-items: center;}
.service-core-img {width: 100%;border-radius: 8px;overflow: hidden;}
.service-core-img img {width: 100%;height: auto;object-fit: cover;}
.service-core-vid{position: relative;width: 100%;height: 300px;overflow: hidden;}
.service-core-zvid{position: absolute;top: 50%;left: 50%;min-width: 100%;min-height: 100%;width: 100%;
	height: 100%;transform: translate(-50%, -50%);z-index: 1;object-fit: cover;
}
.service-core-title {font-size: 24px;color: #333;margin-bottom: 20px;position: relative;padding-left: 15px;}
.service-core-title::before {content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 5px;height: 20px;background: #076bff;}
.service-core-desc {font-size: 16px;color: #666;line-height: 1.8;margin-bottom: 20px;}
.service-core-feature {list-style: none;padding: 0;}
.service-core-feature li {font-size: 14px;color: #666;margin-bottom: 12px;display: flex;align-items: center;gap: 10px;}
.service-core-feature li i {color: #076bff;font-size: 14px;}
/* 服务覆盖平台 */
.service-platform {padding: 0 0 80px;background: #f8f8fe;}
.platform-list {display: grid;grid-template-columns: repeat(6, 1fr);gap: 20px;margin-top: 40px;}
.platform-item {background: #fff;border-radius: 8px;box-shadow: 0 5px 15px rgba(0,0,0,0.05);padding: 20px;text-align: center;transition: transform 0.3s;}
.platform-item:hover {transform: translateY(-5px);}
.platform-icon {width: 60px;height: 60px;background: #f5f5fe;border-radius: 50%;display: flex;justify-content: center;align-items: center;margin: 0 auto 15px;color: #076bff;font-size: 24px;}
.platform-name {font-size: 16px;color: #333;}
/* 服务流程 */
.service-process {padding-bottom: 80px;}
.process-container {display: flex;justify-content: space-between;position: relative;margin-top: 40px;flex-wrap: wrap;gap: 20px;}
.process-container::before {content: "";position: absolute;top: 40px;left: 50px;right: 50px;height: 2px;background: #076bff;z-index: 1;display: none; /* 移动端隐藏线条 */}
.process-item {width: 160px;text-align: center;position: relative;z-index: 2;flex: 1;min-width: 120px;}
.process-icon {width: 80px;height: 80px;background: #fff;border: 2px solid #076bff;border-radius: 50%;display: flex;justify-content: center;align-items: center;margin: 0 auto 15px;color: #076bff;font-size: 28px;}
.process-title {font-size: 18px;color: #333;margin-bottom: 10px;}
.process-desc {font-size: 14px;color: #666;line-height: 1.6;}
/* 服务保障 */
.service-guarantee {padding: 0 0 80px;background: #f8f8fe;}
.guarantee-container {display: grid;grid-template-columns: repeat(4, 1fr);gap: 20px;margin-top: 40px;}
.guarantee-item {background: #fff;border-radius: 8px;box-shadow: 0 5px 15px rgba(0,0,0,0.05);padding: 30px;text-align: center;}
.guarantee-icon {font-size: 36px;color: #076bff;margin-bottom: 20px;}
.guarantee-title {font-size: 18px;color: #333;margin-bottom: 15px;}
.guarantee-desc {font-size: 14px;color: #666;line-height: 1.6;}
/* 响应式适配 */
@media (max-width: 1280px) {
	.service-core-card {grid-template-columns: 1fr;gap: 20px;}
	.platform-list {grid-template-columns: repeat(3, 1fr);}
	.guarantee-container {grid-template-columns: repeat(2, 1fr);}
}
@media (max-width: 768px) {
	.service-intro-content h3 {font-size: 22px;}
	.service-core-card {padding: 20px;}
	.platform-list {grid-template-columns: repeat(2, 1fr);}
	.process-container::before {display: none;}
	.process-item {margin-bottom: 20px;}
	.guarantee-container {grid-template-columns: 1fr;}
}
 /* 关于我们 */
.about-wrapper {padding: 40px 0 80px;}
.about-intro {background: #fff;padding: 40px;border-radius: 8px;box-shadow: 0 5px 15px rgba(0,0,0,0.05);margin-bottom: 40px;display: flex;gap: 30px;}
.about-intro-img {flex: 4;border-radius: 8px;overflow: hidden;}
.about-intro-img img {width: 100%;height: 100%;object-fit: cover;}
.about-intro-vid{flex: 4;position: relative;width: 100%;height: 400px;overflow: hidden;}
.about-intro-zvid{position: absolute;top: 50%;left: 50%;min-width: 100%;min-height: 100%;width: 100%;
	height: 100%;transform: translate(-50%, -50%);z-index: 1;object-fit: cover;
}
.about-intro-content {flex: 6;}
.about-intro-title {font-size: 20px;color: #333;margin-bottom: 20px;padding-bottom: 10px;border-bottom: 2px solid #076bff;}
.about-intro-text {font-size: 16px;color: #666;line-height: 1.8;margin-bottom: 10px;}
/* 企业优势 */
.about-advantage {margin-bottom: 40px;}
.advantage-list {display: grid;grid-template-columns: repeat(3, 1fr);gap: 20px;}
.advantage-item {background: #fff;padding: 30px;border-radius: 8px;box-shadow: 0 5px 15px rgba(0,0,0,0.05);text-align: center;transition: transform 0.3s;}
.advantage-item:hover {transform: translateY(-5px);}
.advantage-icon {width: 80px;height: 80px;background: #f0f7ff;border-radius: 50%;display: flex;justify-content: center;align-items: center;color: #076bff;font-size: 30px;margin: 0 auto 20px;}
.advantage-title {font-size: 18px;color: #333;margin-bottom: 15px;}
.advantage-desc {font-size: 14px;color: #666;line-height: 1.6;}
@media (max-width: 1280px) {
	.about-intro {flex-direction: column;}
	.advantage-list {grid-template-columns: repeat(2, 1fr);}
}
@media (max-width: 768px) {
	.about-intro {padding: 20px;}
	.advantage-list {grid-template-columns: 1fr;}
}
/* 资讯列表 */
.news-list-wrapper {padding: 40px 0 80px;}
.news-filter {display: flex;justify-content: flex-start;align-items: center;margin-bottom: 30px;flex-wrap: wrap;gap: 15px;}
.filter-item {padding: 8px 20px;background: #f5f5f5;border-radius: 20px;font-size: 14px;color: #666;cursor: pointer;transition: all 0.3s;}
.filter-item.active, .filter-item:hover {background: #076bff;color: #fff;}
.news-list {display: grid;grid-template-columns: repeat(3, 1fr);gap: 30px;}
.news-card {background: #fff;border-radius: 8px;box-shadow: 0 5px 15px rgba(0,0,0,0.05);overflow: hidden;transition: transform 0.3s;}
.news-card:hover {transform: translateY(-5px);}
.news-card-img {width: 100%;height: 200px;object-fit: cover;}
.news-card-content {padding: 20px;}
.news-card-tag {display: inline-block;padding: 4px 10px;background: #f0f7ff;color: #076bff;font-size: 12px;border-radius: 4px;margin-bottom: 10px;}
.news-card-title {font-size: 18px;color: #333;margin-bottom: 10px;line-height: 1.4;}
.news-card-desc {font-size: 14px;color: #666;line-height: 1.6;margin-bottom: 15px;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
.news-card-meta {display: flex;justify-content: space-between;font-size: 12px;color: #999;}
.pagination {display: flex;justify-content: center;align-items: center;margin-top: 60px;gap: 10px;}
/* .pagination li {padding: 10px 15px; text-align: center;border: 1px solid #eee;border-radius: 4px;color: #666;cursor: pointer;transition: all 0.3s;} */
.pagination li a{display: block; padding: 10px 15px; text-align: center;border: 1px solid #eee;border-radius: 4px;color: #666;transition: all 0.3s;}
.pagination li.active a, .pagination li a:hover {background: #076bff;color: #fff;border-color: #076bff;}
/* .pagination .page-prev, .pagination .page-next {width: 80px;} */
@media (max-width: 1280px) {
	.news-list {grid-template-columns: repeat(2, 1fr);}
}
@media (max-width: 768px) {
	.news-list {grid-template-columns: 1fr;}
}
/* 资讯详情*/
.news-detail-wrapper {padding: 40px 0 80px;}
.news-detail-container {display: flex;gap: 30px;}
.news-detail-main {flex: 7;background: #fff;padding: 40px;border-radius: 8px;box-shadow: 0 5px 15px rgba(0,0,0,0.05);}
.news-detail-side {flex: 3;}
.news-detail-meta {display: flex;align-items: center;gap: 20px;font-size: 14px;color: #999;margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px solid #eee;}
.news-detail-title {font-size: 28px;color: #333;margin-bottom: 20px;line-height: 1.4;}
.news-detail-content {font-size: 16px;color: #333;line-height: 1.8;}
.news-detail-content img {max-width: 100%;height: auto;border-radius: 8px;margin: 20px 0;}
.news-detail-content p {margin-bottom: 20px;text-indent: 2em;}
.news-detail-content h3 {font-size: 20px;color: #333;margin: 30px 0 15px;}
.news-detail-content ul {margin-left: 2em;margin-bottom: 20px;}
.news-detail-content li {margin-bottom: 10px;}
.pages{display: flex;display: -webkit-flex;flex-direction: row;-webkit-flex-direction: row;flex-wrap: wrap;justify-content: center;}
.pages p{margin: 0 20px;}
.news-related {background: #fff;padding: 20px;border-radius: 8px;box-shadow: 0 5px 15px rgba(0,0,0,0.05);margin-bottom: 20px;}
.related-title {font-size: 18px;color: #333;margin-bottom: 15px;padding-bottom: 10px;border-bottom: 2px solid #076bff;}
.related-list {list-style: none;}
.related-item {padding: 10px 0;border-bottom: 1px dashed #eee;}
.related-item a {color: #666;text-decoration: none;transition: color 0.3s;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
.related-item a:hover {color: #076bff;}
@media (max-width: 1280px) {
	.news-detail-container {flex-direction: column;}
	.news-detail-main {padding: 20px;}
	.news-detail-title {font-size: 24px;}
}
 /* 联系我们*/
.contact-wrapper {padding: 40px 0 80px;}
.contact-container {display: flex;gap: 30px;}
.contact-info,.contact-form{background: #fff;padding: 40px;border-radius: 8px;box-shadow: 0 5px 15px rgba(0,0,0,0.05);}
.contact-info {flex: 4;}
.contact-form {flex: 6;}
.contact-info-item {display: flex;align-items: flex-start;gap: 20px;margin-bottom: 30px;}
.contact-info-icon {width: 50px;height: 50px;background: #f0f7ff;border-radius: 50%;display: flex;justify-content: center;align-items: center;color: #076bff;font-size: 20px;flex-shrink: 0;}
.contact-info-content h3 {font-size: 18px;color: #333;margin-bottom: 10px;}
.contact-info-content p {font-size: 14px;color: #666;line-height: 1.6;margin-bottom: 5px;}
.contact-map {width: 100%;height: 250px;border-radius: 8px;overflow: hidden;margin-top: 20px;}
.contact-map img {width: 100%;height: 100%;object-fit: cover;}
.contact-form-title {font-size: 20px;color: #333;margin-bottom: 20px;padding-bottom: 10px;border-bottom: 2px solid #076bff;}
.form-group {margin-bottom: 20px;}
.form-group label {display: block;font-size: 14px;color: #333;margin-bottom: 8px;}
.form-group input, .form-group textarea, .form-group select {width: 100%;padding: 12px 15px;border: 1px solid #eee;border-radius: 4px;font-size: 14px;color: #333;}
.form-group textarea {height: 150px;resize: none;}
.form-submit {width: 100%;height: 50px;background: #076bff;color: #fff;border: none;border-radius: 4px;font-size: 16px;cursor: pointer;transition: background 0.3s;}
.form-submit:hover {background: #065ed8;}
@media (max-width: 1280px) {
	.contact-container {flex-direction: column;}
	.contact-info, .contact-form {padding: 20px;}
}

.links{margin-bottom:10px}
/* 底部样式 */
.footer {background: #333;color: #fff;padding: 60px 0 20px;}
.footer-top {display: flex;justify-content: space-between;margin-bottom: 40px;}
.footer-nav, .footer-contact {width: 400px;}
.footer-nav h4, .footer-contact h4 {font-size: 18px;margin-bottom: 20px;font-weight: normal;}
.footer-nav ul {list-style: none;}
.footer-nav ul li {margin-bottom: 10px;}
.footer-nav ul li a {color: #ccc;text-decoration: none;transition: color 0.3s;}
.footer-nav ul li a:hover {color: #fff;}
.footer-contact p {font-size: 14px;color: #ccc;margin-bottom: 10px;display: flex;align-items: center;}
.footer-contact p i {margin-right: 10px;font-size: 16px;}
.footer-qrcode {text-align: center;}
.footer-qrcode img {width: 120px;height: 120px;margin-bottom: 10px;}
.footer-qrcode p {font-size: 14px;color: #ccc;}
.footer-bottom {text-align: center;padding-top: 20px;border-top: 1px solid #444;font-size: 14px;color: #ccc;}
@media (max-width: 1280px) {
    .wrapper, .nav-wrapper {
        width: 100%;
    }
    .card-container, .geo-feature-container, .news-container {
        justify-content: center;
    }
    .service-card, .geo-feature-item, .news-card {
        margin: 0 10px 20px;
    }
    .tab-content {
        flex-direction: column;
    }
    .content-left, .content-right {
        width: 100%;
    }
    .content-right {
        margin-top: 20px;
    }
    .faq-container, .consult-form {
        width: 100%;
    }
}
@media (max-width: 768px) {
    .nav-list {
        display: none;
    }
    .form-row {
        flex-direction: column;
    }
    .form-row input, .form-row select {
        width: 100%;
        margin-bottom: 10px;
    }
    .footer-top {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    .footer-nav, .footer-contact {
        width: 100%;
        margin-bottom: 30px;
    }
    .consult-container {
        flex-direction: column;
        text-align: center;
    }
    .consult-cta {
        margin-top: 20px;
    }
}