/*header*/
.header{ height: var(--header-height); position: fixed; top: 0; left: 0; right: 0; z-index: 999; }
.header-container{ display: flex; align-items: center; justify-content: space-between; }
.header .logo img{
  height: var(--logo-height); display: block;
}
.header .logo img.logo1{ display: block; }
.header .logo img.logo2{ display: none; }
.header-container .nav{
  flex:0.7;
  display: flex;
  line-height: var(--header-height);
  font-size: var(--header-size-18);
  justify-content:space-between;
}
.header-container .nav-item a{ color: #ffffff; display: block; }
.header-container .tel{ display: flex; color: #ffffff; align-items: center; }
.header-container .tel-icon i{ font-size: var(--header-size-40); }
.header-container .tel-text{ text-align: left; padding-left:var(--header-size-14); line-height:1.4; }
.header-container .tel-text .tel-title{ font-size: var(--header-size-14); }
.header-container .tel-text .tel-number{
  font-size: var(--header-size-18); font-weight: bold;
}

.nav-btn{ width:60px; height:60px; padding:20px 18px; cursor: pointer; display: none; }
.nav-btn span{ width:24px; height:2px; display: block; background:#ffffff; margin:0 auto; }
.nav-btn span.sp02{ margin:7px auto;}

/* header 动态过渡：滚动/悬停切换时统一使用 .3s ease */
.header,
.header-container .nav-item a,
.header-container .tel,
.header-container .tel-text .tel-title{ transition: background-color .3s ease, box-shadow .3s ease, color .3s ease; }

/* 汉堡按钮三横线：开合形态过渡 */
.nav-btn span{ -webkit-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }

.header.scrolled{ background-color: #ffffff; box-shadow: 0 2px 20px rgba(179,199,237,1); }
.header.scrolled .logo img.logo1{ display: none; }
.header.scrolled .logo img.logo2{ display: block; }
.header.scrolled .nav-item a{ color: #444444; }
.header.scrolled .nav-item a:hover,
.header.scrolled .nav-item.active a{ color: #3366ff; }
.header.scrolled .tel{ color: #3366ff; }
.header.scrolled .tel .tel-title{ color: #676464; }

.header.scrolled .nav-btn span{ background-color: #3366ff; }
/*header*/

/*下拉菜单*/
.dropdown{ position: fixed; left: 0; top: var(--header-height); width: 100%; background-color: #ffffff; z-index: 998; box-shadow: 0 2px 20px rgba(0,0,0,0.6); overflow: hidden; }
.dropdown::after{ content: ''; width:50%; height: 100%; background-color: #f9f9f9; position: absolute; top: 0; left: 0; }
.dropdown-content{ position: absolute; top: 0; left: 0; right: 0; z-index: 1; }

/*下拉滑动动画（独立配置，与布局规则分离）*/
.dropdown{ opacity: 0; visibility: hidden; pointer-events: none; height: 0; transition: opacity .3s ease-out, visibility .3s ease-out, height .3s ease-out; }
.dropdown-content{ opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .25s ease-out, visibility .25s ease-out; }
.dropdown.open{ opacity: 1; visibility: visible; pointer-events: auto; }
.dropdown-content.active{ position: relative; z-index: 2; opacity: 1; visibility: visible; pointer-events: auto; }


.dropdown-container{ display: flex; justify-content:space-between; }
.dropdown-container .dropdown-text{ padding:var(--dropdown-padding-60)  var(--dropdown-padding-60) var(--dropdown-padding-60) 0; width:300px; background: url('../images/dropdown-text-bj.jpg') no-repeat right bottom; background-size: 100% auto; }
.dropdown-container .dropdown-text .dropdown-title{ font-size: var(--header-size-20); font-weight: bold; line-height: 1; }
.dropdown-container .dropdown-text .dropdown-title i{ margin-left: 0.3em; font-size: var(--header-size-20); font-weight: normal; }
.dropdown-container .dropdown-text .dropdown-title a{ color: #333333; transition: color .3s ease; }
.dropdown-container .dropdown-text .dropdown-title a:hover{ color: #3366ff; }
.dropdown-container .dropdown-text .dropdown-desc{ font-size: var(--dropdown-margin-size-14); line-height:2; color: #666666; margin: 1.5em 0 2.5em 0; }

.dropdown-container .dropdown-list{ padding:var(--dropdown-padding-60) 0 var(--dropdown-padding-60) var(--dropdown-padding-60); flex: 1; background: #ffffff; justify-content:left; display: flex; flex-wrap: wrap; align-items: flex-start; }
.dropdown-container .dropdown-list .dropdown-item{ margin-bottom: var(--dropdown-margin-50); width:30%; margin-right:5%; display: flex; }
.dropdown-container .dropdown-list .dropdown-item:nth-child(3n){ margin-right:0; }
/* 最后一排去除 margin-bottom：3列布局下最后一排可能是1/2/3项，需分别命中 */
.dropdown-container .dropdown-list .dropdown-item:last-child,
.dropdown-container .dropdown-list .dropdown-item:nth-last-child(2):not(:nth-child(3n)),
.dropdown-container .dropdown-list .dropdown-item:nth-last-child(3):nth-child(3n+1){ margin-bottom: 0; }

.dropdown-container .dropdown-list .dropdown-item a{ color: #333333; display:flex; align-items: center; }
.dropdown-container .dropdown-list .dropdown-item .dropdown-item-icon{ border-radius:5px; width:var(--dropdown-height-50); height:var(--dropdown-height-50); line-height: var(--dropdown-height-50); text-align: center; background: #f5f5f7; }
.dropdown-container .dropdown-list .dropdown-item .dropdown-item-icon img{ width:100%; display: block; filter: brightness(0) invert(50%) sepia(100%) saturate(94%) hue-rotate(180deg) brightness(68%); }
.dropdown-container .dropdown-list .dropdown-item .dropdown-item-text{ flex: 1; margin-left: var(--dropdown-margin-left-25); line-height: 1.2; }
.dropdown-container .dropdown-list .dropdown-item .dropdown-item-text .dropdown-item-title{ font-size: var(--dropdown-margin-size-16); color: #3264f9; font-weight: bold; }
.dropdown-container .dropdown-list .dropdown-item .dropdown-item-text .dropdown-item-title i{ font-size: var(--dropdown-margin-size-16); font-weight: normal; margin-left: 0.3em; }
.dropdown-container .dropdown-list .dropdown-item .dropdown-item-text .dropdown-item-desc{ font-size: var(--dropdown-margin-size-14); color: #666666; margin-top:0.8em; }

.dropdown-container .dropdown-list .dropdown-item a .dropdown-item-icon{ transition: background-color .3s ease; }
.dropdown-container .dropdown-list .dropdown-item a .dropdown-item-icon img{ transition: filter .3s ease; }
.dropdown-container .dropdown-list .dropdown-item a .dropdown-item-desc{ transition: color .3s ease; }
.dropdown-container .dropdown-list .dropdown-item a:hover .dropdown-item-icon{ background: #3366ff; }
.dropdown-container .dropdown-list .dropdown-item a:hover .dropdown-item-icon img{ -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }
.dropdown-container .dropdown-list .dropdown-item a:hover .dropdown-item-desc{ color: #3366ff; }
/*下拉菜单*/

/*手机导航*/
.wap-nav-main{  position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #ffffff; z-index: 999; display: none; flex-wrap: wrap; }
.wap-nav-main .wap-nav-top{ height: 60px; justify-content: space-between; display: flex; align-items: center; width: 100%; background: #3366ff; }
.wap-nav-main .wap-nav-top .img{ width:30%; justify-content: center; display: flex; }
.wap-nav-main .wap-nav-top .img img{ display: block; height: 60px; }
.wap-nav-main .wap-nav-top .close{ width:60px; justify-content: center; display: flex; cursor: pointer; }
.wap-nav-main .wap-nav-top .close i{ font-size:20px; color: #ffffff; }
.wap-nav-list{ padding-top:15px; z-index:2; width: 30%; height:calc(100% - 60px); background-color: #f1f4f8; box-shadow: 3px 0 12px rgba(141,154,181,0.7);}
.wap-nav-list a{ position: relative; display: block; height: 50px; line-height: 50px; font-size:14px; padding-left: 20px; color: #444444; }
.wap-nav-list a:after{ position: absolute; content: ''; height:40%; width: 3px; background-color: #3366ff; left: 0; bottom:30%; }
.wap-nav-list a.active{ color: #3366ff; background: #ffffff; }
.wap-nav-tab{ width: 70%; height:calc(100% - 60px); padding:15px 0 0 25px; background:#ffffff url('../images/wap-nav-main.jpg') no-repeat left bottom; background-size: 100% auto; }
.wap-nav-tab .tab-item{ display:none; }
.wap-nav-tab .tab-item.active{ display:block; }
/*手机导航过渡动画*/
.wap-nav-main{ transform: translateX(-100%); visibility: hidden; -webkit-transform: translateX(-100%); -webkit-transition: -webkit-transform .3s ease, visibility 0s linear .3s; transition: transform .3s ease, visibility 0s linear .3s; }
.wap-nav-main.open{ visibility: visible; transform: translateX(0); -webkit-transform: translateX(0); -webkit-transition: -webkit-transform .3s ease; transition: transform .3s ease; }
.wap-nav-list a{ transition: background-color .3s ease, color .3s ease; }
.wap-nav-list a:after{ opacity: 0; transition: opacity .3s ease; }
.wap-nav-list a.active:after{ opacity: 1; }
.wap-nav-tab .tab-item.active{ -webkit-animation: wapTabIn .3s ease; animation: wapTabIn .3s ease; }

@-webkit-keyframes wapTabIn{ 
    from{ 
        opacity:0; transform: translateX(20px);
    }
    to{ 
        opacity:1; transform: translateX(0);
    }
}
@keyframes wapTabIn{ 
    from{ 
        opacity:0; transform: translateX(20px);
    }
    to{
        opacity:1; transform: translateX(0);
    }
}
.wap-nav-tab .tab-item-title{ font-size:16px; font-weight: bold; line-height:50px; }
.wap-nav-tab .tab-item-title a{ color:#2a2a2a; }
.wap-nav-tab .tab-item-title a i{ font-size: 16px; font-weight: normal; margin-left: 8px; display: inline-block; }
.wap-nav-tab .tab-item-content .tab-item-content-item{ line-height:40px; border-bottom: 1px solid #ebecee; }
.wap-nav-tab .tab-item-content .tab-item-content-item:last-child{ border-bottom: none; }
.wap-nav-tab .tab-item-content .tab-item-content-item a{ font-size: 14px; color: #444444; padding-right: 10px; display: flex; justify-content:space-between; }
.wap-nav-tab .tab-item-content .tab-item-content-item a.active{ color:#3366ff; }
/*手机导航*/

/*banner*/
.banner .swiper-container{ height: 100%; }
.banner img{ width: 100%; object-fit: cover; display: block; }
.banner .swiper-slide{ position: relative; }
.banner .ban-text{ position: absolute; top:0; left:0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; color: #ffffff; }
.banner .ban-text .ban-title{ font-size: var(--banner-size-70); font-weight: bold; line-height: 1.4; }
.banner .ban-text .ban-desc{ font-size: var(--banner-size-18); line-height: 1.6; margin: 1.5em 0 2.5em 0; }
.banner .ban-text .ban-btn{ display: flex; }
.banner .ban-text .ban-btn a{ color: #ffffff; margin-right: 1em; padding:0 3em; height:var(--btn-height-44); border:1px solid #3366ff; display: flex; align-items: center; justify-content: center; text-align: center; font-size: var(--btn-size-16); }
.banner .ban-text .ban-btn a:first-child{ background-color: #3366ff; }
.banner .ban-text .ban-btn a{ transition: all .3s ease; }
.banner .ban-text .ban-btn a:hover{ background-color: #ffffff; color: #3366ff; border-color: #ffffff; }


.banner .swiper-pagination{ line-height: 1; bottom: 24px !important; }
.banner .swiper-pagination .swiper-pagination-bullet{ opacity:0.8; width: 12px; height: 12px; margin:0 6px !important; background-color: #ffffff; }
.banner .swiper-pagination .swiper-pagination-bullet-active{ opacity: 1; background-color: #3366ff; }

/* ===== 首页横幅轮播入场动画（独立动画块） ===== */
.banner .ban-text .ban-title,
.banner .ban-text .ban-desc,
.banner .ban-text .ban-btn a{ opacity: 0; }

.banner .swiper-slide-active img{ animation: bannerZoomOut 6s ease-out both; will-change: transform; }
@keyframes bannerZoomOut{
  from{ -webkit-transform: scale(1.08); transform: scale(1.08); }
  to{ -webkit-transform: scale(1); transform: scale(1); }
}

.banner .swiper-slide-active .ban-title{ animation: bannerTitleIn 0.8s cubic-bezier(0.22,1,0.36,1) 0.2s both; }
@keyframes bannerTitleIn{
  from{ opacity:0; -webkit-transform: translateY(30px); transform: translateY(30px); filter: blur(8px); }
  to{ opacity:1; -webkit-transform: translateY(0); transform: translateY(0); filter: blur(0); }
}

.banner .swiper-slide-active .ban-desc{ animation: bannerDescIn 0.8s cubic-bezier(0.22,1,0.36,1) 0.4s both; }
@keyframes bannerDescIn{
  from{ opacity:0; -webkit-transform: translateY(24px); transform: translateY(24px); }
  to{ opacity:1; -webkit-transform: translateY(0); transform: translateY(0); }
}

.banner .swiper-slide-active .ban-btn a{ animation: bannerBtnIn 0.7s cubic-bezier(0.22,1,0.36,1) both; }
.banner .swiper-slide-active .ban-btn a:first-child{ animation-delay: 0.55s; }
.banner .swiper-slide-active .ban-btn a:last-child{ animation-delay: 0.7s; }
@keyframes bannerBtnIn{
  from{ opacity:0; -webkit-transform: translateY(18px); transform: translateY(18px); }
  to{ opacity:1; -webkit-transform: translateY(0); transform: translateY(0); }
}
/*banner*/

.home-section{ overflow: hidden; }
.section-content{ margin:var(--margin-85) auto; }

.section-title{ text-align: center; }
.section-title .title{ font-weight: bold; font-family: 'SourceHanSansSC Medium'; color: #141414; font-size:var(--title-size-40); line-height: 1.2; }
.section-title .title2{ font-size:var(--title-size-28); }
.section-title .title3{ color:#ffffff; }
.section-title .title4{ color:#373737; font-weight: bold; }
.section-title .desc{ color:#565552; font-size:var(--title-size-18); line-height: 2; margin:1.5em 0; }
.section-title .desc2{ color:#141414; font-size:var(--title-size-24); line-height: 1.2; margin:1em 0; }
.section-title .more{ font-size:var(--title-size-16); color: #3366ff; }
.section-title .more i{ font-size: var(--title-size-16); margin-left: 0.25em; }

.section-title2{ align-items:end; }
.section-title2 .tit{ text-align: left; }
.section-title2 .tit .desc2{ margin-bottom:0; }
.section-title .button{ font-size:var(--btn-size-16); height:var(--btn-height-44); display: flex; align-items: center; text-align: center; padding:0 2em; background:#3366ff; color:#ffffff; }
.section-title .button i{ font-size:var(--btn-size-16); margin-left:0.5em; }
/* 悬停：背景亮蓝 + 箭头右滑引导 */
.section-title .button{ -webkit-transition: background-color .3s ease; transition: background-color .3s ease; }
.section-title .button:hover{ background:#f26b24; }

.section-title .more{ -webkit-transition: color .3s ease; transition: color .3s ease; }
.section-title .more:hover{ color:#f26b24; }


.home-section01{ background:url(../images/home-section01.jpg) no-repeat center top; background-size:100% auto; }
.home-section02{ background:url(../images/home-section02.jpg) no-repeat center center; background-size:cover; }
.home-section03{ background:url(../images/home-section03.jpg) no-repeat center top; background-size:100% auto; }
.home-section04{ background:url(../images/home-section04.jpg) no-repeat center center; background-size:cover; }
.home-section05{ background:url(../images/home-section05.jpg) no-repeat center center; background-size:cover; }

/* home-section01 */
.home-about .img{ width: 45%; overflow: hidden; border-radius: var(--margin-60); max-width: 1000px; margin:var(--margin-60) auto 0 auto; box-shadow: 0 12px 30px rgba(179,199,237,.65); }
.home-about .img img{ display: block; width: 100%; }
/* home-section01 */

/* home-section02 */
.home-prod{ display: flex; justify-content: space-between; flex-wrap: wrap; margin-top:4%; }
.home-prod .home-prod-item{ position: relative; width:24.6%; margin-top:0.5%; }

.home-prod-item a{ position: relative; display: block; background: linear-gradient(to top left, #ffffff 65%, #e2e9ff); padding:8%; }
.home-prod-item .home-prod-title{ color:#333333; font-size:var(--home-prod-size-20); font-weight: bold; }
.home-prod-item .home-prod-desc{ color:#666666; font-size:var(--home-prod-size-16); line-height: 2; margin:1em 0; }
.home-prod-item .home-prod-tag{ display: flex; }
.home-prod-item .home-prod-tag span{ margin-right:0.5em; display:block; color:#606e86; line-height:var(--home-tag-height-28); border-radius:var(--home-tag-size-14); padding:0 0.7em; font-size:var(--home-tag-size-14); border:1px solid #e1e4e9; }
.home-prod-item .home-prod-tag span:last-child{ margin-right:0; }
.home-prod-item .home-prod-btn{color:#3366ff; font-size:var(--home-prod-size-16); margin-top: 2em; }
.home-prod-item .home-prod-btn i{ font-size: var(--home-prod-size-16); }
.home-prod-item .home-prod-ico{ bottom: 0; right: 0; line-height: var(--home-prod-height-100); text-align: center; color: #3366ff; position: absolute; bottom: 0; right: 0; width:var(--home-prod-height-100); height:var(--home-prod-height-100); }
.home-prod-item .home-prod-ico:after{ content:''; position: absolute; background:#edeeff; top:0; left:0; border-radius:50%; width:60%; height:60%; }
/* 蓝色 PNG 图标：悬停变白用 filter 实现（brightness(0) 先压成黑色，invert(1) 反转为白色，透明通道保留）；transition 写在基础规则上使进入/移出都有过渡 */
.home-prod-item .home-prod-ico img{ width: 100%; display: block; position: relative; z-index:1; }

/* z-index 提层：悬停卡片放大后盖住相邻卡片边缘，而非被后方的兄弟节点裁切 */
.home-prod-item a{ -webkit-transition: -webkit-transform .3s ease; transition: transform .3s ease; -webkit-transform-origin: center bottom; transform-origin: center bottom; }
.home-prod-item .home-prod-ico img{-webkit-transition: -webkit-filter .3s ease; transition: filter .3s ease; }
.home-prod-item:hover{ z-index: 2; }
.home-prod-item:hover a{ -webkit-transform: scale(1.05); transform: scale(1.05); background: linear-gradient(to left, #0ea8ff , #3366ff);  }
.home-prod-item:hover .home-prod-title{ color: #ffffff; }
.home-prod-item:hover .home-prod-desc{ color: #ffffff; }
.home-prod-item:hover .home-prod-tag span{ color: #ffffff; }
.home-prod-item:hover .home-prod-btn{ color: #ffffff; }
.home-prod-item:hover .home-prod-ico img{ -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }
.home-prod-item:hover .home-prod-ico:after{ background:rgba(255, 255, 255, 0.2); }
/* home-section02 */


/* home-section03 */
.home-section03 .section-content{ margin-bottom:0; }
.home-plan{ margin-bottom:var(--margin-85); }
.home-plan-nav{ width:80%; margin:var(--margin-60) auto; line-height: var(--btn-height-44); background-color: #efecfd; border-radius:var(--btn-radius-22); }
.home-plan-nav .home-plan-nav-item{ cursor: pointer; text-align: center; font-size:var(--btn-size-18); font-weight: bold; border-radius:var(--btn-radius-22); }
.home-plan-nav .home-plan-nav-item{ transition: all .3s ease; }
.home-plan-nav .home-plan-nav-item:hover{ color:#3366ff; }
.home-plan-nav .home-plan-nav-item.active{ color: #ffffff; background:#3366ff; }

.home-plan-tab .home-plan-tab-item{ display:none; }

.home-plan-tab .home-plan-tab-item.active{ display:flex; -webkit-animation: homePlanTabIn .3s ease; animation: homePlanTabIn .3s ease; }
.home-plan-tab .home-plan-tab-item .img{ overflow: hidden; }
.home-plan-tab .home-plan-tab-item .img img{ display: block; width: 100%; object-fit: cover; }
.home-plan-tab .home-plan-tab-item .txt{ background:url(../images/home-plan-tab.jpg) no-repeat center center; background-size:cover; padding:0 4%; display: flex; flex-direction: column; justify-content: center; }
.home-plan-tab .home-plan-tab-item .txt .title{ line-height: 1.2; font-size:var(--home-plan-size-28); margin-bottom:1em; font-weight: bold; }
.home-plan-tab .home-plan-tab-item .txt .title a{ color: #ffffff; }
.home-plan-tab .home-plan-tab-item .txt .tag{ display: flex; }
.home-plan-tab .home-plan-tab-item .txt .tag span{ margin-right:0.5em; display:block; color:#fdfdfe; line-height:var(--home-tag-height-28); border-radius:var(--home-tag-size-14); padding:0 1em; margin-right:1em; font-size:var(--home-tag-size-14); border:1px solid #e1e4e9; }
.home-plan-tab .home-plan-tab-item .txt .tag span:last-child{ margin-right:0; }
.home-plan-tab .home-plan-tab-item .txt .desc{ color:#ffffff; font-size:var(--home-plan-size-16); line-height: 2; margin:2em 0 4em 0; }
.home-plan-tab .home-plan-tab-item .txt .more{ color:#ffffff; font-size:var(--home-plan-size-16); }
.home-plan-tab .home-plan-tab-item .txt .more i{ font-size: var(--home-plan-size-16); }

.home-plan-tab .home-plan-tab-item .img img{ -webkit-transition: -webkit-transform .3s ease; transition: transform .3s ease; }
.home-plan-tab .home-plan-tab-item .txt .title a{ -webkit-transition: color .3s ease; transition: color .3s ease; }
.home-plan-tab .home-plan-tab-item .txt .title a i,
.home-plan-tab .home-plan-tab-item .txt .more i{ display: inline-block; -webkit-transition: -webkit-transform .3s ease; transition: transform .3s ease; }
.home-plan-tab .home-plan-tab-item .txt .more{ -webkit-transition: color .3s ease; transition: color .3s ease; }

.home-plan-tab .home-plan-tab-item .img:hover img{ -webkit-transform: scale(1.04); transform: scale(1.04); }
.home-plan-tab .home-plan-tab-item .txt .title a:hover,
.home-plan-tab .home-plan-tab-item .txt .more:hover{ color: #cfe0ff; }
.home-plan-tab .home-plan-tab-item .txt .title a:hover i{ -webkit-transform: translateX(5px); transform: translateX(5px); }
.home-plan-tab .home-plan-tab-item .txt .more:hover i{ -webkit-transform: translateX(4px); transform: translateX(4px); }



/* 客户logo跑马灯*/
.customer-wrap{ overflow: hidden; margin:var(--margin-60) 0; }
.customer-track{ display: flex; will-change: transform; }
.customer-track .item{ flex-shrink: 0; height:60px; padding:5px; margin:0 0.5em; border:1px solid #dcdcdc; border-radius:5px; overflow: hidden; }
.customer-track .item img{ display: block; height: 100%; border-radius:5px; }

/* 解决方案选项卡面板切换：右侧 20px 滑入 + 淡入*/
@-webkit-keyframes homePlanTabIn{
  from{ opacity:0; -webkit-transform: translateX(20px); }
  to{ opacity:1; -webkit-transform: translateX(0); }
}
@keyframes homePlanTabIn{
  from{ opacity:0; transform: translateX(20px); }
  to{ opacity:1; transform: translateX(0); }
}
/* home-section03 */


/* home-section04 */
.home-advantage{ margin:0 -6px; margin-top:var(--margin-60); }
.home-advantage .item{ padding:0 6px; margin:6px 0; }
.home-advantage .item .content{ position: relative; z-index: 0; overflow: hidden; display: flex; padding:8%; background:#ffffff; border-radius:var(--home-advantage-radius-15); }
.home-advantage .item .ico{ width:var(--home-advantage-height-100); height:var(--home-advantage-height-100); line-height: var(--home-advantage-height-100); text-align: center; background:#edeeff; color: #3366ff; border-radius:var(--home-advantage-radius-15); }
.home-advantage .item .ico img{ width:100%; display: block;  }
.home-advantage .item .txt{ display: flex; flex-direction: column; justify-content: center; flex:1; margin-left:8%; }
.home-advantage .item .txt .title{ color:#2a2a2a; font-size:var(--home-advantage-size-20); font-weight:bold;  }
.home-advantage .item .txt .desc{ color:#666666; font-size:var(--home-advantage-size-16); line-height:1.8; margin-top:0.5em; }
.home-advantage .item .content:before{ content:''; position: absolute; top:0; left:0; width:100%; height:100%; background: linear-gradient(to top left, #ffffff 70%, #6d91fc); opacity: 0; z-index: -1; }

.home-advantage .item .ico img{-webkit-transition: -webkit-filter .3s ease; transition: filter .3s ease; }

.home-advantage .item .content:before{ -webkit-transition: opacity .3s ease; transition: opacity .3s ease; }
.home-advantage .item .ico{ -webkit-transition: background-color .3s ease, color .3s ease; transition: background-color .3s ease, color .3s ease; }
.home-advantage .item:hover .content:before{ opacity: 1; }
.home-advantage .item:hover .ico{ background:#3366ff; color:#ffffff; }
.home-advantage .item:hover .ico img{ -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }

/* home-section04 */

.brand-height{ height:var(--brand-height-122); }
.brand{ width:var(--brand-width); height:var(--brand-height-244); margin:var(--brand-margin) auto 0 auto; }
.brand img{ display: block; width:100%; }


/* home-section05 */
.home-section05{ margin-top:var(--brand-margin); }
.home-news{ margin-top:var(--margin-60); }
.home-news .item{ flex:0 0 31.6%; }
.home-news .item img{ display: block; width: 100%; }
.home-news .item .txt{ background:#ffffff; border:1px solid #eeeeee; padding:7%; }
.home-news .item .txt .column{ color:#3366ff; font-size:var(--home-news-size-14); margin-bottom:1em; }
.home-news .item .txt .title{ color:#2e2e2e; font-size:var(--home-news-size-20); height:var(--home-news-height-60); line-height:var(--home-news-height-30); }
.home-news .item .bottom{ background:#ffffff; display:flex; justify-content: space-between; border:1px solid #eeeeee; padding:3% 7%; border-top:none; }
.home-news .item .bottom .time{ font-size:var(--home-news-size-14); color:#595959; }
.home-news .item .bottom .more{ transform: rotate(-45deg); color:#f26b24; }
.home-news .item .bottom .more i{ font-size: var(--home-news-size-16); }

.home-news .item{ -webkit-transition: transform .3s ease, box-shadow .3s ease; transition: transform .3s ease, box-shadow .3s ease; }
.home-news .item .txt,
.home-news .item .bottom{ -webkit-transition: border-color .3s ease; transition: border-color .3s ease; }
.home-news .item .txt .title{ -webkit-transition: color .3s ease; transition: color .3s ease; }
.home-news .item .bottom .more{ -webkit-transition: transform .3s ease; transition: transform .3s ease; }
.home-news .item:hover{ transform: translateY(-6px); box-shadow: 0 12px 24px rgba(179,199,237,.65); }
.home-news .item:hover .txt,
.home-news .item:hover .bottom{ border-color:#c9d8fa; }
.home-news .item:hover .bottom .more{ transform: rotate(-45deg) translateX(5px); }
/* home-section05 */


/*广告条*/
.advertising{ background:url(../images/advertising.jpg) no-repeat center center; background-size:cover; }
.advertising .advertising-content{ padding:6% 0 4% 0; color:#ffffff; text-align: center; }
.advertising .title{ font-weight: bold; font-size:var(--advertising-size-48); line-height:1; }
.advertising .desc{ font-size:var(--advertising-size-20); margin:1.5em 0 2.5em 0; }
.advertising .more{ font-size:var(--advertising-size-20); border:1px solid #ffffff; color:#ffffff; line-height:2.7em; border-radius:1.35em; padding:0 2.4em; display: inline-block; }
.advertising .more{ transition: all .3s ease; }
.advertising .more:hover{ background:#ffffff; color:#3366ff; }
/*广告条*/

/*footer*/
.footer{ background:url(../images/footer.jpg) no-repeat center bottom; background-size:100% auto; }
.footer-content{ display: flex; justify-content: space-between; padding:3.5% 0; }

.footer-logo img{ height:var(--logo-height); display: block; }

.footer-nav{ display: flex; flex:0 0 85%; }
.footer-nav .item{ width:22%; }
.footer-nav .item:nth-child(1){ width:20%; }
.footer-nav .item:nth-child(2){ width:24%; }
.footer-nav .item:nth-child(3){ width:20%; }
.footer-nav .item:last-child{ width:36%; }
.footer-nav .item .tit{ font-size:var(--footer-size-18); font-weight:bold; margin-bottom:1em; }
.footer-nav .item .tit a{ color:#3d3f44; }
.footer-nav .item .child,.footer-nav .item .info{ color:#7a7d87; line-height:1.4; }
.footer-nav .item span{ display: block; margin:0.8em 0; font-size:var(--footer-size-16);  }
.footer-nav .item .child a{ color:#7a7d87; }
.footer-nav .item a{ transition: all .3s ease; }
.footer-nav .item a:hover{ color:#3366ff; }
.footer-nav .item .wechat{ width:100px; border:1px solid #c7d0e7; }
.footer-nav .item .wechat img{ display: block; width:100%; }

.copy{ text-align: center; border-top:1px solid #c7d0e7; font-size:var(--footer-size-16); color:#868992; padding:1em 0; }
.copy span{ margin:0 1em; }
.copy a{ color:#7a7d87; transition: all .3s ease; }
.copy a:hover{ color:#3366ff; }
/*footer*/


/*内页公共*/
.page-ban{ position: relative; overflow: hidden; }
.page-ban img{ display: block; width:100%; object-fit: cover; }
.page-ban:after{ content:''; z-index:0; position: absolute; top:0; left:0; width:100%; height:100%; background: linear-gradient(to bottom, rgba(0,0,0,0.5),rgba(0,0,0,0) 60%);}
.page-ban-content{ z-index:1; padding-top:var(--header-height); position: absolute; top:0; left:0; width:100%; height:100%; display: flex; text-align: center; align-items: center; }
.page-ban-content .title{ font-weight: bold; font-size:var(--page-ban-size-48); color:#ffffff; }
.page-ban-content .line{ width:var(--page-line-width-34); height:var(--page-line-height-5); background:#ffffff; margin:1% auto; }
.page-ban-content .subtitle{ line-height:1; font-size:var(--page-ban-size-70); font-family: 'Arial'; font-weight: bold; text-transform: uppercase; color:rgba(255,255,255,0.2); white-space: nowrap; }

/* ===== 页面横幅入场动画（独立动画块，与上方基础布局规则分离） ===== */
.page-ban img{
  animation: banZoomOut 8s cubic-bezier(0.16, 1, 0.3, 1) both;
  will-change: transform;
}
@keyframes banZoomOut{
  from{ -webkit-transform: scale(1.15); transform: scale(1.15); }
  to{ -webkit-transform: scale(1); transform: scale(1); }
}

/* 主标题：自下方 30px 淡入上移，并由模糊变清晰（IE11 不支持 filter 时自动忽略，仅保留位移淡入） */
.page-ban-content .title{
  animation: banTitleIn 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.2s both;
}
@keyframes banTitleIn{
  from{ opacity:0; -webkit-transform: translateY(30px); transform: translateY(30px); filter: blur(8px); }
  to{ opacity:1; -webkit-transform: translateY(0); transform: translateY(0); filter: blur(0); }
}

/* 分隔线：从中心向两侧展开，与标题形成“落定后延伸”的节奏 */
.page-ban-content .line{
  animation: banLineIn 0.6s cubic-bezier(0.22, 1, 0.36, 1) 0.7s both;
}
@keyframes banLineIn{
  from{ -webkit-transform: scaleX(0); transform: scaleX(0); }
  to{ -webkit-transform: scaleX(1); transform: scaleX(1); }
}

/* 英文副标题：字距由宽收紧 + 淡入收尾，营造高级感；字距动画会引起重排，
   但仅为单行短文本一次性播放 1s，性能代价可接受 */
.page-ban-content .subtitle{
  animation: banSubtitleIn 1s ease-out 0.9s both;
}
@keyframes banSubtitleIn{
  from{ opacity:0; letter-spacing:0.5em; }
  to{ opacity:1; letter-spacing:0; }
}

.page-nav{ display: flex; border-bottom:1px solid #eeeeee; line-height:4em; font-size:var(--page-nav-size-20); }
.page-nav a{ display: block; color:#2f2f2f; padding:0 2.5em; }
.page-nav a{ transition: all .3s ease; }
.page-nav a:hover{ color:#3366ff; }
.page-nav a.active{ color:#ffffff; background:#3366ff; }

.contactbj{ background:url(../images/contact_bg.jpg) no-repeat center top; background-size:100% auto; }

.page{ overflow: hidden; }

.page-pagination{ margin:var(--margin-85) 0; }
.pagination{ display: flex; justify-content: center; }
.page-pagination a,.page-pagination span{ font-size:var(--page-pagination-size-18); color:#595959; margin:0 0.5em; line-height:1; padding:1em 1.2em; display: block; border:1px solid #eeeeee; }
.page-pagination .current{ color:#ffffff; background:#3366ff; }
.page-pagination .disabled{ color:#c7c7c7; cursor: not-allowed; }
.page-pagination a{ transition: all .3s ease; }
.page-pagination a:hover{ color:#3366ff; border-color:#3366ff; }

/*联系我们*/
.contact{ margin:var(--margin-85) 0; }
.contact-list{ justify-content: space-between; margin-top:var(--margin-60); }
.contact-list .item{ padding:2% 3%; max-width:32.5%; border:1px solid #dfe7ff; border-radius:var(--contact-size-20); background: linear-gradient(to top right, #ffffff 75%, #e2e9ff); }
.contact-list .item .title{ display: flex; align-items: center; }
.contact-list .item .title i{ font-size: var(--contact-size-34); color:#3366ff; }
.contact-list .item .title span{ color:#3a3a3a; font-size:var(--contact-size-20); margin-left:1em; font-weight:bold; }
.contact-list .item .desc{ font-size:var(--contact-size-16); color:#595959; line-height:2; margin-top:0.5em; }


.office-list{ justify-content: space-between; padding:var(--margin-100) 0; margin-bottom:var(--margin-85); border-bottom:1px solid #dfe7ff; }
.office-list .item{ max-width:30%; padding-right:5%; }
.office-list .item .title{ color:#373737; font-size:var(--title-size-40); font-weight:bold; }
.office-list .item .line{ width:var(--page-line-width-34); height:var(--page-line-height-5); background:#3366ff; margin:2% 0 7% 0; }
.office-list .item .info{ font-size:var(--contact-size-16); color:#595959; line-height:2em; }
.office-list .item .info .text{ display: flex; }
.office-list .item .info span{ display:block; white-space: nowrap; color:#3a3a3a; font-weight:bold; font-size:var(--contact-size-18); }

.contact-form{ justify-content: space-between; margin-top:var(--margin-30); }
.contact-form .col-md-4{ max-width:31.5%; }
.contact-form .form-item .label{ font-weight:bold; font-size:var(--contact-form-size-18); color:#3a3a3a; margin:1em 0 1em 1em; }

.contact-form .form-input{ height:3em; font-size:var(--contact-form-size-18); color:#3a3a3a; display: block; background:#f2f3f7; width:100%; padding:0 1em; border-radius:0.5em; }
.contact-form .form-input::placeholder{ color:#878787; font-size:var(--contact-form-size-18); }

.contact-form .form-textarea{ height:7em; padding:1em; font-size:var(--contact-form-size-18); color:#3a3a3a; display: block; background:#f2f3f7; width:100%; border-radius:0.5em; }
.contact-form .form-textarea::placeholder{ color:#878787; font-size:var(--contact-form-size-18); }

.contact-form .form-btn{ cursor: pointer; height:3em; font-size:var(--contact-form-size-18); border-radius:1.5em; padding:0 5em; margin:3em auto 0 auto; background:#3366ff; color:#ffffff; display: block; }
.contact-form .form-btn{ transition: all .3s ease; }
.contact-form .form-btn:hover{ background:#f26b24;}
/*联系我们*/


/*新闻*/
.news-list{}
.news-list .item{ padding:4% 0; display: flex; justify-content: space-between; border-bottom:1px solid #eeeeee; transition: transform .3s cubic-bezier(.4,0,.2,1), border-color .3s ease; }
.news-list .img{ width:33%; border-radius: var(--news-radius-9); overflow: hidden; }
.news-list .img img{ display: block; width:100%; height:100%; object-fit: cover; transition: transform .4s cubic-bezier(.4,0,.2,1); }
.news-list .txt{ width:62%; display: flex; flex-direction: column; justify-content: center; }
.news-list .txt .time{ font-size:var(--news-size-28); color:#3366ff; }
.news-list .txt .title{ font-weight: bold; font-size:var(--news-size-28); margin-top:0.4em; font-family: 'SourceHanSansSC Medium'; }
.news-list .txt .title a{ color:#2f2f2f; transition: color .3s ease; }
.news-list .txt .desc{ color:#585858; font-size:var(--news-size-18); line-height:2; margin:1em 0 2em 0; }
.news-list .txt .more{ display: flex; align-items: center; }
.news-list .txt .more .more-text{ margin-right:2em; color:#2f2f2f; line-height:1; font-size:var(--news-size-18); padding-bottom:1em; border-bottom:1px solid #bdbdbd; transition: color .3s ease, border-color .3s ease; }
.news-list .txt .more .more-icon{ width:var(--news-wh-50); height:var(--news-wh-50); text-align: center; line-height:var(--news-wh-50); border-radius:50%; background:#3366ff; box-shadow: 0 0 1em rgba(51, 102, 255, 0.5); transition: background-color .3s ease, box-shadow .3s ease; }
.news-list .txt .more .more-icon i{ font-size:var(--news-size-24); font-weight:bold; color:#ffffff; display: inline-block; }

.news-list .item:hover{ transform: translateY(-3px); border-bottom-color: #3366ff; }
.news-list .item:hover .img img{ transform: scale(1.06); }
.news-list .item:hover .txt .title a{ color:#3366ff; }
.news-list .item:hover .txt .more .more-text{ color:#3366ff; border-bottom-color:#3366ff; }
.news-list .item:hover .txt .more .more-icon{ box-shadow: 0 0 1em rgba(51, 102, 255, 0.9); }
/*新闻*/

/*新闻详情*/
.news-detail{ margin-top:var(--margin-60); }

.news-detail-title{ font-family:'SourceHanSansSC Medium'; font-size:var(--detail-size-34); line-height:1.5; color:#2f2f2f; }
.news-detail-meta{ display:flex; flex-wrap:wrap; align-items:center; margin-top:2em; padding:1em 0; border-top:1px solid #eeeeee; border-bottom:1px solid #eeeeee; font-size:var(--detail-size-16); color:#8a94a6; }
.news-detail-meta .meta-item{ padding-right:2.5em; margin-right:2.5em; border-right:1px solid #e5e9f2; line-height:1.4; }
.news-detail-meta .meta-item:last-child{ border-right:none; margin-right:0; padding-right:0; }
.news-detail-meta .meta-item em{ font-style:normal; color:#3366ff; font-family:Arial, sans-serif; }

.news-detail-lead{ margin:2em 0; padding:1em; background:#f5f8ff; border-left:3px solid #3366ff; color:#4a5568; font-size:var(--detail-size-16); line-height:2; }

.news-detail-content{ color:#4a5568; font-size:var(--detail-size-16); line-height:2; }
.news-detail-content p{ text-align:justify; text-align-last:left; -ms-text-align-last:left; }
.news-detail-content img{ display:block; max-width:100%; margin:2em auto; }


/* 上下篇 */
.news-detail-switch{ display:flex; flex-wrap:wrap; margin:var(--margin-85) 0; }
.news-detail-switch .switch-item{ flex:0 0 49%; display:flex; flex-direction:column; justify-content:space-between; padding:1em; font-size:var(--detail-size-16); background:#fafbfd; border:1px solid #eeeeee; overflow:hidden; }
.news-detail-switch .switch-item.next{ margin-left:auto; text-align:right; }
.news-detail-switch .switch-item{ -webkit-transition: border-color .3s ease, background-color .3s ease, -webkit-box-shadow .3s ease, transform .3s ease; transition: border-color .3s ease, background-color .3s ease, box-shadow .3s ease, transform .3s ease; }
.news-detail-switch .switch-label{ display:flex; align-items:center; color:#8a94a6; line-height:1; margin-bottom:1em; }
.news-detail-switch .next .switch-label{ justify-content:flex-end; }
.news-detail-switch .switch-label i{ width:2em; height:2em; text-align:center; font-size:var(--detail-size-16); justify-content: center; align-items: center; color:#3366ff; background:#ffffff; border:1px solid #d6e2ff; border-radius:50%; display:flex; -webkit-transition: background-color .3s ease, color .3s ease, border-color .3s ease, -webkit-box-shadow .3s ease, transform .3s ease; transition: background-color .3s ease, color .3s ease, border-color .3s ease, box-shadow .3s ease; }
.news-detail-switch .prev .switch-label i{ margin:0 0.5em 0 0; }
.news-detail-switch .next .switch-label i{ margin:0 0 0 0.5em; }
.news-detail-switch .switch-title{ font-family:'SourceHanSansSC Medium'; color:#2f2f2f; display:block; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; -webkit-transition: color .3s ease; transition: color .3s ease; }
.news-detail-switch .switch-item:hover{ transform:translateY(-4px); border-color:#c9d8fa; background:#ffffff; -webkit-box-shadow:0 0 1em rgba(179,199,237,.65); box-shadow:0 0 1em rgba(179,199,237,.65); }
.news-detail-switch .switch-item:hover .switch-label{ color:#3366ff; }
.news-detail-switch .switch-item:hover .switch-title{ color:#3366ff; }
.news-detail-switch .switch-item:hover .switch-label i{ color:#ffffff; background:#3366ff; border-color:#3366ff; -webkit-box-shadow:0 0 1em rgba(51,102,255,.35); box-shadow:0 0 1em rgba(51,102,255,.35); }
/*新闻详情*/


/*案例*/
.case{ margin:var(--margin-85) 0; }
.case-list{ margin-top:-2%; }
/* box-sizing:border-box 确保 width 包含 padding+border，宽度计算精确 */
.case-list .item{ margin-top:2%; box-sizing:border-box; width:32%; margin-right:2%; border:1px solid #c5d4ff; position:relative; padding:2%; border-radius:var(--case-size-20); overflow: hidden; }
/* 每行第3个清除右外边距：32%×3 + 2%×2 = 100% */
.case-list .item:nth-child(3n){ margin-right:0; }
.case-list .item .ico{ font-size:var(--case-size-18); width:2em; height:2em; text-align:center; line-height:1.6; border-radius:0 0 0 100%; position:absolute; top:0; right:0; background:#3366ff; color:#ffffff; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; }
.case-list .item .ico i{ font-size: inherit;}
.case-list .item .title{ font-size:var(--case-size-20); font-weight: bold; color:#3366ff; margin-bottom:0.5em; }
.case-list .item .title i{ font-size:var(--case-size-20); margin-right:0.5em;  }
.case-list .item .desc{ color:#505050; font-size:var(--case-size-16); }
.case-list .item .more{ display: flex; justify-content: flex-end; color:#ffffff; }
.case-list .item .more .more-text{ line-height:2; font-size:var(--case-size-16); margin-right:1em; }
.case-list .item .more .more-icon{ border-radius:50%; border:1px solid #ffffff; width:var(--case-wh-32); height:var(--case-wh-32); display: flex; align-items: center; justify-content: center; }
.case-list .item .more .more-icon i{ font-size:var(--case-size-14); }

.case-list .item .desc{ opacity:1; }
.case-list .item .more{ position:absolute; right:var(--case-size-20); bottom:var(--case-size-20); opacity:0; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; }

.case-list .item:hover{ background: linear-gradient(to right, #2178fe, #366efe); }
.case-list .item:hover .title{ color:#ffffff; }
.case-list .item:hover .ico{ opacity:0; }
.case-list .item:hover .desc{ opacity:0; }
.case-list .item:hover .more{ opacity:1; }
/*案例*/


/*产品列表*/
.main{ margin:var(--margin-85) 0; }
.prod-list{ margin-top:-3%; }
.prod-list .item{ max-width:48%; margin-top:3%; -webkit-transition: transform .4s ease; transition: transform .4s ease; }
.prod-list .item .img{ overflow:hidden; border-radius:var(--prod-radius-60); border:1px solid #d2d2d2; -webkit-transition: border-color .3s ease, box-shadow .3s ease; transition: border-color .3s ease, box-shadow .3s ease; }
.prod-list .item .img img{ width:100%; display:block; -webkit-transition: transform .5s ease; transition: transform .5s ease; }
.prod-list .item .title{ font-size:var(--prod-size-24); margin-top:1.5em; text-align: center; color:#000000; -webkit-transition: color .3s ease; transition: color .3s ease; }

.prod-list .item:hover .img{ border-color:#3366ff; -webkit-box-shadow: 0 12px 30px rgba(7, 8, 9, 0.65); box-shadow: 0 12px 30px rgba(179,199,237,.65); }
.prod-list .item:hover .img img{ -webkit-transform: scale(1.05); transform: scale(1.05); }
.prod-list .item:hover .title{ color:#3366ff; }
/*产品列表*/

.page-section{ overflow:hidden; }
.page01{ background:url(../images/page01.jpg) no-repeat center top; background-size:100% auto; }
.page02{ background:url(../images/page02.jpg) no-repeat center center; background-size:cover; }
.page03{ background:url(../images/page03.jpg) no-repeat center top; background-size:100% auto; }
.page04{ background:url(../images/page04.jpg) no-repeat center center; background-size:cover; }
.page05{ background:#fafafa url(../images/page05.jpg) no-repeat center top; background-size:100% auto; }
.page06{ background:url(../images/page06.jpg) no-repeat center center; background-size:cover; }
.page07{ background:url(../images/page07.jpg) no-repeat center center; background-size:cover; }
.page08{ background:url(../images/page08.jpg) no-repeat center center; background-size:cover; }

.page-section.bg-white{ background:#fff; }
.page-section.bg-gray{ background:#f5f8ff; }
.page-section.bg-light{ background:#e9effa; }

 
.page-section-content{ margin:var(--margin-85) 0; }
.page-title{ display: flex; justify-content: center; margin-bottom: var(--margin-60); }
.page-title .title{ text-align: center; margin:0 auto; font-weight: bold; position: relative; font-size:var(--page-size-40); line-height:1.2; font-family:'SourceHanSansSC Medium'; color:#000000; }
.page-title .title:after{ content:""; width:var(--page-wh-24); height:var(--page-wh-24); position: absolute; left:0; top:0; margin-left:var(--page-ml-12); background: linear-gradient(to bottom right, #a2b9ff, #ffffff); border-radius:50%; }
.page-title .title span{ position:relative; z-index:1; }


/*产品详情*/
.prod-img{ width:45%; margin:0 auto; border-radius:var(--prod-radius-60); border:1px solid #d2d2d2; overflow:hidden; }
.prod-img img{ display:block; width:100%; }
.prod-content{ text-align: center; color:#505050; font-size:var(--page-size-18); line-height:2; margin:2.5em 0 1.5em 0; }
.prod-desc{ color:#3366ff; font-size:var(--page-size-18); text-align: center; }
.prod-desc p{ display:inline; background:#dfedfd; padding:0.3em 0.6em; line-height:2.4; -webkit-box-decoration-break: clone; box-decoration-break: clone; }

.prod-parameter{ background:#ffffff; border-top:1px solid #d3d7db; border-left:1px solid #d3d7db; border-radius:2px; }
.prod-parameter .item{ display:-ms-flexbox; display:flex; -ms-flex-align:stretch; align-items:stretch; border-right:1px solid #d3d7db; border-bottom:1px solid #d3d7db; }
.prod-parameter .item .title{ flex:0 0 10em; font-size:var(--page-size-18); font-weight:bold; color:#3366ff; padding:1em; line-height:1.5; border-right:1px solid #d3d7db; display:-ms-flexbox; display:flex; -ms-flex-align:center; align-items:center; }
.prod-parameter .item .desc{ flex:1; display:-ms-flexbox; display:flex; -ms-flex-align:center; align-items:center; font-size:var(--page-size-16); color:#505050; line-height:1.8; padding:1em; text-align:justify; }
/*产品详情*/

/*解决方案*/
.solution-intro{ width:60%; margin:0 auto; position:relative; color:#505050; text-align: center; font-size:var(--page-size-18); line-height:2; padding:0 3em; }
.solution-intro .quote{ position:absolute; color:#3366ff; font-size:var(--page-size-100); line-height:0; font-family:Arial; transform: translateY(0.12em); }
.solution-intro .quote-left{ left:var(--page-lr-50); top:0; }
.solution-intro .quote-right{ right:var(--page-lr-50); bottom:0;  }

.solution-ability{}
.solution-ability .item{ border-bottom:1px solid #cbcbcc; padding:2.5% 0; align-items: center; max-width:46%; display:flex; }
.solution-ability .item:nth-child(-n+2){ border-top:1px solid #cbcbcc; }
.solution-ability .item .icon{ width:var(--page-icon-wh-85); color:#ffffff; text-align: center; height:var(--page-icon-wh-85); border-radius:50%; background: linear-gradient(to bottom right, #41abfd, #3366ff);  }
.solution-ability .item .icon img{ width:100%; display:block; }
.solution-ability .item .text{ flex:1; padding-left:2em; font-size:var(--page-size-18); }
.solution-ability .item .text .title{ font-weight:bold; color:#161616; }
.solution-ability .item .text .desc{ color:#505050; line-height:2; font-size:var(--page-size-16); margin-top:0.5em; }

.solution-architecture{}
.solution-architecture .item{ max-width:49%; }
.solution-architecture .item img{ width:100%; display:block; }
/*解决方案*/

/* ===== 解决方案（Solution）区块样式 */
.sol-section{ position:relative; }
.sol-section .page-section-content{ margin:var(--margin-60) 0; }

.sol-bigtitle{ text-align:left; }
.sol-bigtitle .title{ line-height:1; margin:0; font-size:var(--page-size-40); color:#3366ff; }
.sol-bigtitle .desc{ color:#5c6a82; font-size:var(--page-size-18); margin-top:1em; }

.sol-section.sol-hero{
    background:
        radial-gradient(85% 130% at 92% 0%, rgba(65,171,253,.22) 0%, rgba(51,102,255,0) 55%),
        linear-gradient(120deg, #edf3ff 0%, #f7faff 48%, #ffffff 100%);
    border-bottom:1px solid rgba(51,102,255,.10);
    border-top:1px solid rgba(51,102,255,.10);
}

.sol-section.sol-hero .container{ position:relative; z-index:1; }
.sol-section.sol-hero::before{
    content:"";
    position:absolute; top:50%; right:4%;
    width:300px; height:190px; transform:translateY(-50%);
    background-image:radial-gradient(rgba(51,102,255,.22) 1.5px, transparent 1.5px);
    background-size:16px 16px;
    -webkit-mask-image:linear-gradient(90deg, transparent, #000 45%);
    mask-image:linear-gradient(90deg, transparent, #000 45%);
    pointer-events:none;
}
.sol-section.sol-hero::after{
    content:"";
    position:absolute; left:-90px; bottom:-140px;
    width:340px; height:340px; border-radius:50%;
    background:radial-gradient(circle, rgba(51,102,255,.12) 0%, rgba(51,102,255,0) 70%);
    pointer-events:none;
}

.sol-section .sol-page-title{
    display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center;
}
.sol-section .sol-page-title .title{
    display:block; margin:0;
    font-size:var(--page-size-34); font-weight:bold; line-height:1.2;
    font-family:'SourceHanSansSC Medium'; color:#333333;
}
.sol-section .sol-page-title::after{
    content:""; width:var(--page-line-width-34); height:var(--page-line-height-5);
    border-radius:var(--page-line-height-5);
    margin:1em 0;
    background:linear-gradient(90deg, #41abfd 0%, #3366ff 100%);
}

.sol-desc{
    max-width:85%; margin:0 auto 2em auto;
    color:#565552; text-align:center; font-size:var(--page-size-18); line-height:1.6;
}

/* 卡片网格：列表信息/图文信息共用，自适应多列 */
.sol-grid{ display:grid; grid-template-columns:repeat(auto-fit, minmax(280px, 1fr)); gap:1em; }
.sol-grid .item{ background:#ffffff; border:1px solid #eef1f6; border-radius:1em; padding:2em 1.5em; transition:transform .3s ease, box-shadow .3s ease, border-color .3s ease; }
.sol-grid .item:hover{ transform:translateY(-6px); border-color:transparent; box-shadow:0 16px 40px rgba(51,102,255,.12); }
.sol-grid .item .num{ font-size:var(--page-size-34); font-weight:bold; line-height:1; color:#3366ff; }
.sol-grid .item .title{ margin-top:1em; font-size:var(--page-size-18); font-weight:bold; color:#111827; }
.sol-grid .item .desc{ margin-top:0.5em; color:#6b7280; font-size:var(--page-size-16); line-height:1.8; }


/* 内容详细表格：*/
.sol-detail table{ width:100% !important; margin:1em 0; border-collapse:separate !important; border-spacing:0; border:1px solid #e5e7eb !important; border-radius:1em; overflow:hidden; font-size:var(--page-size-16); }
.sol-detail th, .sol-detail td{ padding:0.8em 1em !important; border-bottom:1px solid #e5e7eb !important; border-right:1px solid #e5e7eb !important; text-align:left !important; line-height:1.7 !important; color:#374151 !important; }
.sol-detail th:last-child, .sol-detail td:last-child{ border-right:none !important; }
.sol-detail tr:last-child td{ border-bottom:none !important; }
.sol-detail th p, .sol-detail td p{ margin:0; }
.sol-detail th{ background:#3366ff !important; color:#ffffff !important; font-weight:bold; }
.sol-detail tr:first-child td{ background:#3366ff !important; color:#ffffff !important; font-weight:bold; }
.sol-detail td:first-child{ font-weight:bold; }
.sol-detail tr:nth-child(even) td{ background:#fafbff !important; }
.sol-detail tr:hover:not(:first-child) td{ background:#eef4ff !important; }

/* 内容详细表格二 */
.sol-detail-2 table{ width:100% !important; margin:1em 0; border-collapse:separate !important; border-spacing:0; border:1px solid #e5e7eb !important; border-radius:1em; overflow:hidden; font-size:var(--page-size-16); }
.sol-detail-2 th, .sol-detail-2 td{ padding:0.8em 1em !important; border-bottom:1px solid #e5e7eb !important; border-right:1px solid #e5e7eb !important; text-align:left !important; line-height:1.7 !important; color:#374151 !important; }
.sol-detail-2 th:last-child, .sol-detail-2 td:last-child{ border-right:none !important; }
.sol-detail-2 tr:last-child td{ border-bottom:none !important; }
.sol-detail-2 th p, .sol-detail-2 td p{ margin:0; }
.sol-detail-2 td:first-child{ font-weight:bold; }
.sol-detail-2 tr:nth-child(even) td{ background:#fafbff !important; }
.sol-detail-2 tr td:first-child{ background:#3366ff !important; color:#ffffff !important; font-weight:bold; }
.sol-detail-2 tr:hover:not(:first-child) td{ background:#eef4ff !important; }
.sol-detail-2 tr:hover:not(:first-child) td:first-child{ background:#3366ff !important; }

/* 内容详细表格三 */
.sol-detail-3 table{ width:100% !important; margin:1em 0; border-collapse:separate !important; border-spacing:0; border:1px solid #e5e7eb !important; border-radius:1em; overflow:hidden; font-size:var(--page-size-16); }
.sol-detail-3 th, .sol-detail-3 td{ padding:0.8em 1em !important; border-bottom:1px solid #e5e7eb !important; border-right:1px solid #e5e7eb !important; text-align:left !important; line-height:1.7 !important; color:#374151 !important; }
.sol-detail-3 th:last-child, .sol-detail-3 td:last-child{ border-right:none !important; }
.sol-detail-3 tr:last-child td{ border-bottom:none !important; }
.sol-detail-3 th p, .sol-detail-3 td p{ margin:0; }
.sol-detail-3 th{ background:#3366ff !important; color:#ffffff !important; font-weight:bold; }
.sol-detail-3 tr:first-child td,
.sol-detail-3 tr:nth-child(3) td{ background:#3366ff !important; color:#ffffff !important; font-weight:bold; }
.sol-detail-3 tr:nth-child(even) td{ background:#fafbff !important; }
.sol-detail-3 tr:hover:not(:first-child):not(:nth-child(3)) td{ background:#eef4ff !important; }


/* 列表内容：标题 + 富文本卡片（一行 2 个） */
.sol-list{ max-width:1080px; margin:0 auto; display:grid; grid-template-columns:repeat(2, 1fr); gap:1em; }
.sol-list .item:last-child:nth-child(odd){ grid-column:1 / -1; }
.sol-list .item{ background:#ffffff; border:1px solid #eef1f6; border-radius:1em; padding:2em; transition:transform .3s ease, box-shadow .3s ease, border-color .3s ease; }
.sol-list .item:hover{ transform:translateY(-4px); border-color:#dbe6ff; box-shadow:0 12px 32px rgba(51,102,255,.10); }
.sol-list .item .title{ position:relative; padding-left:1em; font-size:var(--page-size-18); font-weight:bold; line-height:1.5; color:#3366ff; }
.sol-list .item .title::before{ content:''; position:absolute; left:0; top:50%; width:0.2em; height:1em; margin-top:-0.5em; border-radius:2px; background:linear-gradient(180deg, #41abfd, #3366ff); }
.sol-list .item .content{ margin-top:1em; padding-left:1.2em; color:#6b7280; font-size:var(--page-size-16); line-height:1.9; }
.sol-list .item .content strong{ color:#374151; }

.sol-imgtext-layout{ display:flex; align-items:stretch; gap:1em; }
.sol-imgtext-layout .sol-image{ flex:0 0 42%; display:flex; padding:1em; background:#ffffff; border:1px solid #eef1f6; border-radius:1em; box-shadow:0 12px 32px rgba(51,102,255,.06); transition:box-shadow .3s ease; }
.sol-imgtext-layout .sol-image img{ width:100%; height:100%; object-fit:cover; display:block; border-radius:1em; box-shadow:none; }
.sol-imgtext-layout .sol-grid{ flex:1; display:flex; flex-direction:column; justify-content:space-between; gap:1em; padding:2em; background:#ffffff; border:1px solid #eef1f6; border-radius:1em; box-shadow:0 12px 32px rgba(51,102,255,.06); transition:box-shadow .3s ease; }
.sol-imgtext-layout .sol-image:hover,
.sol-imgtext-layout .sol-grid:hover{ box-shadow:0 16px 40px rgba(51,102,255,.12); }
.sol-imgtext-layout .sol-grid .item{ background:transparent; border:0; border-radius:0; padding:0 0 1em; border-bottom:1px solid #f0f3f8; }
.sol-imgtext-layout .sol-grid .item:last-child{ padding-bottom:0; border-bottom:0; }
.sol-imgtext-layout .sol-grid .item:hover{ transform:none; box-shadow:none; border-bottom-color:#f0f3f8; }
.sol-imgtext-layout .sol-grid .item .title{ position:relative; margin-top:0; padding-left:1em; font-size:var(--page-size-18); font-weight:bold; line-height:1.5; color:#1f2937; transition:color .3s ease; }
.sol-imgtext-layout .sol-grid .item .title::before{ content:''; position:absolute; left:0; top:50%; width:0.5em; height:0.5em; margin-top:-0.25em; border-radius:50%; background:linear-gradient(135deg,#41abfd,#3366ff); }
.sol-imgtext-layout .sol-grid .item .desc{ margin-top:0.5em; padding-left:1em; font-size:var(--page-size-16); line-height:1.9; color:#6b7280; }
.sol-imgtext-layout .sol-grid .item:hover .title{ color:#3366ff; }
/* ===== 解决方案（Solution）区块样式 */


/**产品专题**/
/*功能特色*/
.product-features{}
.product-features .item{ align-items: center; }
.product-features .item .icon{ margin:0 auto; text-align: center; display:flex; justify-content: center; align-items: center; height: var(--page-icon-wh-85); width: var(--page-icon-wh-85); border-radius:50%; border:3px solid #3366ff; }
.product-features .item .icon img{ display:block; width:100%; height:100%; }
.product-features .item .icon i{ font-size:var(--page-icon-size-40); color:#3366ff; }
.product-features .item .title{ text-align: center; font-size:var(--page-size-20); color:#373737; font-weight:bold; padding:0 3em; margin:1.5em 0; }
/*功能特色*/


/*产品优势*/
.product-advantages{ margin:-10px; }
.product-advantages .item{ padding:10px; flex:1 1 0; min-width:14.28%; }
.product-advantages .item .content{ text-align: center; height:100%; border-radius:1em; font-size:var(--page-size-18); padding:1.5em; border-radius:1em; background: linear-gradient(to top right, #ffffff 65%, #e2e9ff); border:1px solid #dfe7ff; }
.product-advantages .item .num{ font-family:'Arial Black'; font-size:var(--page-size-100); font-weight:bold; text-align: center; line-height:0.7; }
.product-advantages .item .title{ z-index:1; position:relative; margin-top:-1.5em; color:#3366ff; font-size:var(--page-size-18); line-height:1.5; font-weight:bold; text-align: center; }
.product-advantages .item .title2{color:#3366ff; font-size:var(--page-size-20); margin-bottom:0.5em; line-height:1.5; font-weight:bold; text-align: center; }

@supports ((-webkit-background-clip:text) or (background-clip:text)){
   .product-advantages .item .num{ background:linear-gradient(to bottom, #e2e9ff, #ffffff); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
}
.product-advantages .item .desc{ margin-top:0.5em; color:#505050; font-size:var(--page-size-16); line-height:2; }
/*产品优势*/

/*单列文本*/
.single-text-list{ display:flex; flex-wrap:wrap; gap:16px; }
.single-text-item{ flex:1 1 0; min-width:calc(50% - 11px); padding:1.6em 1.5em; background:#fff; border:1px solid #eef2fb; border-radius:12px; box-shadow:0 2px 10px rgba(51,102,255,.04); transition:transform .3s ease, box-shadow .3s ease, border-color .3s ease; }
.single-text-item:hover{ transform:translateY(-4px); border-color:#c6d4ff; box-shadow:0 14px 30px rgba(51,102,255,.12); }
.single-text-title{ position:relative; padding-left:1.4em; color:#1f2430; font-size:var(--page-size-18); font-weight:bold; line-height:1.5; }
.single-text-title::before{ content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:0.55em; height:0.55em; border-radius:50%; background:linear-gradient(135deg, #3366ff, #7c9bff); box-shadow:0 0 0 4px rgba(51,102,255,.12); }
.single-text-item:nth-child(3n+2):last-child{ min-width:calc(50% - 8px); }
@media (max-width: 768px){ .single-text-item, .single-text-item:nth-child(3n+1):last-child, .single-text-item:nth-child(3n+2):last-child{ min-width:100%; } }
/*单列文本*/

/*单列文本-多列网格（最多5列并排）*/
.single-text-grid{ display:flex; flex-wrap:wrap; gap:16px; }
.single-text-grid-item{
    box-sizing:border-box; flex:1 1 0; min-width:calc(20% - 12.8px);
    padding:1.4em 1em 1.6em;
    background:#fff;
    border:1px solid #eef2fb;
    border-radius:12px;
    box-shadow:0 2px 8px rgba(51,102,255,.05);
    position:relative; overflow:hidden;
}
/* 顶部静态渐变色条作为装饰 */
.single-text-grid-item::before{
    content:''; position:absolute; top:0; left:0; right:0; height:3px;
    background:linear-gradient(90deg, #3366ff, #7c9bff);
}
.single-text-grid-title{
    color:#1f2430; font-size:var(--page-size-18);
    font-weight:bold; line-height:1.5; text-align:center;
}
/*单列文本-多列网格*/

/*简易列表*/
.simple-list{ display:flex; flex-wrap:wrap; gap:20px; margin:0 auto; }
.simple-list .item{ box-sizing:border-box; flex:1 1 0; min-width:calc(33.333% - 14px); padding:1.6em 1.5em; background:#fff; border:1px solid #eef2fb; border-radius:16px; box-shadow:0 2px 10px rgba(51,102,255,.04); transition:transform .3s ease, box-shadow .3s ease, border-color .3s ease; }
.simple-list .item:hover{ transform:translateY(-4px); border-color:#c6d4ff; box-shadow:0 14px 30px rgba(51,102,255,.12); }
.simple-list .item .title{ position:relative; padding-left:1.4em; color:#1f2430; font-size:var(--page-size-18); font-weight:bold; line-height:1.5; }
.simple-list .item .title::before{ content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:0.55em; height:0.55em; border-radius:50%; background:linear-gradient(135deg, #3366ff, #7c9bff); box-shadow:0 0 0 4px rgba(51,102,255,.12); }
.simple-list .item .desc{ margin-top:0.6em; color:#5a6474; font-size:var(--page-size-16); line-height:2; }
/* 末行宽度修正：总数 3n+1 时末行 1 个占满整行，总数 3n+2 时末行 2 个各占一半，避免 flex 自动拉伸错乱（含 gap 扣除） */
.simple-list .item:nth-child(3n+1):last-child{ min-width:100%; }
.simple-list .item:nth-child(3n+1):nth-last-child(2),
.simple-list .item:nth-child(3n+2):last-child{ min-width:calc(50% - 10px); }
/*简易列表*/

/*简易列表-2列：复用 simple-list 基础样式，通过 two-col 修饰类覆盖为2列布局*/
.simple-list.two-col .item{ min-width: calc(50% - 10px); }
/* 覆盖3列布局的末行修正规则，避免干扰2列布局 */
.simple-list.two-col .item:nth-child(3n+1):last-child,
.simple-list.two-col .item:nth-child(3n+1):nth-last-child(2),
.simple-list.two-col .item:nth-child(3n+2):last-child{ min-width: calc(50% - 10px); }
/* 2列末行修正：奇数个时最后1个占满整行 */
.simple-list.two-col .item:nth-child(2n+1):last-child{ min-width: 100%; }
/*简易列表-2列*/

/*产品价值*/
.product-vlaue{}
.product-vlaue .item{ text-align: center; padding:0 2em; font-size:var(--page-size-16); }
.product-vlaue .item .icon{ color:#3366ff; line-height:1; height: var(--page-icon-wh-85); width: var(--page-icon-wh-85); margin:0 auto; }
.product-vlaue .item .icon img{ width:100%; display:block; }
.product-vlaue .item .icon i{ font-size:var(--page-icon-size-48); }
.product-vlaue .item .title{ color:#3366ff; font-size:var(--page-size-20); line-height:1.5; font-weight:bold; margin:1em 0; }
.product-vlaue .item .title:after{ content:''; display:block; width:var(--page-line-width-34); height:var(--page-line-height-5); background:#3366ff; margin:0.5em auto 0 auto; }
.product-vlaue .item .desc{ color:#505050; line-height:2; }
/*产品价值*/

/*图文列表*/
.img-list{ margin:-10px; }
.img-list .item{ padding:10px; flex:1 1 0; min-width:20%; }
/* 卡片容器：白底圆角 + 淡蓝阴影 */
.img-list .item .card{ height:100%; background:#ffffff; border-radius:10px; overflow:hidden; box-shadow:0 5px 20px rgba(179,199,237,.45); transition: transform .3s ease, box-shadow .3s ease; }
/* 悬停时卡片上浮、阴影加深 */
.img-list .item:hover .card{ transform: translateY(-6px); box-shadow:0 10px 28px rgba(51,102,255,.22); }
.img-list .item .img{ overflow:hidden; }
.img-list .item .img img{ display:block; width:100%; transition: transform .5s ease; }
/* 悬停时图片轻微放大 */
.img-list .item:hover .img img{ transform: scale(1.06); }
.img-list .item .txt{ padding:20px 15px 25px; text-align:center; }
.img-list .item .title{ color:#3366ff; font-size:var(--page-size-20); line-height:1.5; font-weight:bold; margin:0 0 .6em; }
.img-list .item .desc{ color:#505050; line-height:2; font-size:var(--page-size-16); text-align:left; }
/* 响应式：平板一行3个，手机一行2个 */
@media (max-width: 1024px){ .img-list .item{ min-width:33.33%; } }
@media (max-width: 768px){ .img-list .item{ min-width:50%; } }
@media (max-width: 540px){ .img-list .item{ min-width:100%; padding-bottom:0; } }
/*图文列表*/


/*富文本区块*/
.richtext-content{ width:80%; margin:0 auto; color:#505050; font-size:var(--page-size-16); line-height:2; }
/* 编辑器内插入的图片、视频自适应容器宽度 */
.richtext-content img{ max-width:100%; height:auto; }
.richtext-content video{ max-width:100%; }
.richtext-content a{ color:#3366ff; }
.richtext-content a:hover{ text-decoration:underline; }
.richtext-content ul,.richtext-content ol{ padding-left:2em; margin:0 0 1em; }
.richtext-content table{ border-collapse:collapse; width:100%; margin:0 0 1em; }
.richtext-content th,.richtext-content td{ border:1px solid #e0e6f5; padding:8px 12px; }
.richtext-content blockquote{ border-left:3px solid #3366ff; padding-left:1em; margin:0 0 1em; color:#666666; }
.richtext-content pre{ background:#f5f7fa; padding:1em; border-radius:6px; overflow:auto; }
@media (max-width: 768px){ .richtext-content{ width:100%; } }
/*富文本区块*/


/*产品案例*/
.product-case{}
.product-case .item{ max-width:31%; font-size:var(--page-size-20); padding:1.5em 0; border-bottom:1px solid #c5d4ff; margin-right:3.5%; }
.product-case .item:nth-child(3n){ margin-right:0; }
.product-case .item:nth-child(-n+3){ border-top:1px solid #c5d4ff; }

.product-case .item .title{ color:#3366ff; font-weight:bold; line-height:1.2; }
.product-case .item .title i{ font-size:inherit; margin-right:0.5em; }
.product-case .item .desc{ color:#505050; font-size:var(--page-size-16); line-height:2; margin-top:0.5em; }
/*产品案例*/
/**产品专题**/


/*关于我们*/
.about-profile{ margin:var(--margin-85) auto; }
.about-profile .about-txt{}
.about-profile .about-txt .title{ font-weight: bold; font-family:'SourceHanSansSC Medium'; color:#201f1f; font-size:var(--page-size-48); line-height:1.4; margin-bottom:1.5em; max-width : 12em ;}
.about-profile .about-txt .desc{ font-size:var(--page-size-18); color:#434240; line-height:2; text-align:justify; }

.about-profile .about-txt .desc .quote{ color:#3366ff; font-size:var(--page-size-100); line-height:0; font-family:Arial; transform: translateY(0.12em); }
.about-profile .about-txt .desc .quote-left{ margin-bottom:0.2em; }
.about-profile .about-txt .desc .quote-right{ margin-top:0.4em; text-align:right; }

.about-profile .about-img{ padding:0 6%; position:relative; }
.about-profile .about-img .img{ position:relative; z-index:1; background-position: center center; background-size: cover; height:100%; width:100%; display:block; }
.about-profile .about-img:after{ content:''; position:absolute; bottom:0; right:0; width:12%; height:55%; background:url(../images/about-img-bj.jpg) no-repeat right center; background-size:auto 100%; }

.about-philosophy{ color:#ffffff; }
.about-philosophy .icon{ margin:0 auto; width:var(--page-icon-wh-85); height:var(--page-icon-wh-85); border-radius:50%; border:1px solid #ffffff; display: flex; justify-content: center; align-items: center; }
.about-philosophy .icon i{ font-size:var(--page-icon-size-40); }
.about-philosophy .title{ font-size:var(--page-size-28); line-height:1; text-align: center; margin-top:1em; }

.poster img{ width: 100%; display: block; }
.poster .pc-img{ display:block; }
.poster .wap-img{ display:none; }



.about-title{ text-align: center; }
.about-title .title{ font-weight: bold; font-family:'SourceHanSansSC Medium';color:#201f1f; font-size:var(--page-size-48); line-height:1; }
.about-title .desc{ color:#4c4c4c; font-size:var(--page-size-18); margin:2em 0 3em 0; }

.about-culture-list{ }
.about-culture-list .item{ max-width:32.4%; position:relative; z-index:1; cursor:pointer; }
.about-culture-list .item img{ display: block; width:100%; }
.about-culture-list .item .txt{ padding:9%; color:#ffffff; position: absolute; left:0; bottom:0; width:100%; height:100%; background:rgba(51,102,255,0); }
.about-culture-list .item .txt .title{ font-size:var(--page-size-28); font-family:'SourceHanSansSC Medium'; }
.about-culture-list .item .txt .subtitle{ font-size:var(--page-size-14); }
.about-culture-list .item .txt .line{ width:12px; height:2px; background:#ffffff; margin:2% 0 4% 0; }
.about-culture-list .item .txt .desc{ font-size:var(--page-size-16); line-height:2; }

.about-culture-list .item .txt .subtitle,.about-culture-list .item .txt .line,.about-culture-list .item .txt .desc{ opacity:0; }
.about-culture-list .item .txt,.about-culture-list .item .txt .subtitle,.about-culture-list .item .txt .line,.about-culture-list .item .txt .desc{ transition: all 0.3s ease-in-out; }
.about-culture-list .item:hover .txt{ background:rgba(51,102,255,0.76); }
.about-culture-list .item:hover .txt .subtitle,.about-culture-list .item:hover .txt .line,.about-culture-list .item:hover .txt .desc{ opacity:1; }

.about-culture-subtitle{ width:150%; margin-left:-25%; text-align: center; color:#f8f8f8; font-size:var(--page-size-150); line-height:0.3; margin-top:-0.1em; text-transform: uppercase; font-family:'Arial'; font-weight:bold; white-space: nowrap;}

.about-honor{margin-bottom:0 !important;}
.honor-top{ display:flex; justify-content: space-between; }
.honor-top-txt{ }
.honor-top-txt .title{ font-weight: bold; font-family:'SourceHanSansSC Medium'; color:#201f1f; font-size:var(--page-ban-size-48); line-height:1; }
.honor-top-txt .desc{ color:#4c4c4c; font-size:var(--page-size-18); line-height:1; margin-top:2em; }

.honor-top-label{ display:flex; align-items: center; justify-content: right; }
.honor-top-label .item{ border-left:4px solid #3366ff; line-height:1; margin-left:3em; padding-left:1em; font-size: var(--page-size-20); font-weight: bold; color: #3366ff; }

.honor-top-num { display: flex; width:50%; justify-content: space-between }
.honor-top-num .item{ width:23.33%; margin-right:10%; display:flex; flex-direction: column; justify-content:space-between; }
.honor-top-num .item .item-num{ height:65%; display: flex; line-height:1; }
.honor-top-num .item .item-num .num{ text-align: right; font-family: 'SourceHanSansSC Medium'; line-height:0.8; color:#3366ff; font-size:var(--page-ban-size-48); border-bottom:2px solid #3366ff; }
.honor-top-num .item .item-num .text{ color:#474747; font-size:var(--page-size-16); padding-top:1.5em; padding-left:1em; flex:1; border-bottom:2px solid #d8dde7; }
.honor-top-num .item .item-title{ height:35%; display: flex; align-items:end; color:#474747; font-size:var(--page-size-16); line-height:1; }

.about-honor-img{ max-width:1200px; width:85%; margin:var(--margin-60) auto 0 auto; }
.about-honor-img img{ display:block; width:100%; }


.history-swiper{ position:relative; }
.history-swiper .swiper-slide{ width:46%; padding:0 var(--page-wh-70); }
.history-swiper .swiper-slide .history-text{ opacity:0; font-size:var(--page-size-28); margin-bottom:1em; }
.history-swiper .swiper-slide .history-text i{ font-size:inherit; color:#3366ff; margin-right:0.3em; }
.history-swiper .swiper-slide .history-text .tit{ line-height:1; color:#2d2d2d; }
.history-swiper .swiper-slide .history-text .desc{ height:3em; line-height:1.5; overflow:hidden; color:#424242; font-size:var(--page-size-18); margin-top:1em; }

.history-swiper .swiper-slide .history-img{ overflow:hidden; }
.history-swiper .swiper-slide .history-img img{ display:block; width:100%; opacity:0.5; }

.history-swiper .swiper-slide .history-text{ transition: all 0.5s ease-in-out; }
.history-swiper .swiper-slide .history-img img{ transition: all 0.5s ease-in-out; }

.history-swiper .swiper-slide.swiper-slide-active .history-text{ opacity:1; }
.history-swiper .swiper-slide.swiper-slide-active .history-img img{ opacity:1; }

.history-prev,.history-next{ position:absolute; top:63%; transform: translateY(-50%); z-index:100; cursor:pointer; width:var(--page-wh-70); height:var(--page-wh-70); border:1px solid #bebebe; color:#bebebe;  border-radius:50%; display:flex; justify-content: center; align-items: center; }
.history-prev,.history-next{ transition: all 0.3s ease-in-out; }
.history-prev{ left:27%; margin-left:var(--page-lr-35); }
.history-next{ right:27%; margin-right:var(--page-lr-35); }

.history-prev i,.history-next i{ font-size:var(--advertising-size-20); }
.history-prev:hover,.history-next:hover{ background:#3366ff; border:1px solid #3366ff; color:#ffffff; }

.history-carousel{  }

.history-timeline{ margin:var(--margin-85) 0; position:relative; }
.history-timeline::after,.history-timeline::before{ content:''; z-index:2; position:absolute; top:13px; width:0; height:0; border-top:6px solid transparent; border-bottom:6px solid transparent; }
.history-timeline::before{ left:0; border-right:9px solid #969696; }
.history-timeline::after{ right:0; border-left:9px solid #969696; }


.timeline-swiper{ position:relative; padding-top:var(--about-history-13) !important; }
.timeline-swiper::after{ content:''; position: absolute; top:var(--about-history-19); left:0; display: block; height:1px; width:100%; background:#e8e8e8; }
.timeline-swiper .swiper-slide{ cursor:pointer; width:20%; text-align:center; position:relative; }
.timeline-swiper .swiper-slide::before{ position:relative; content:''; display: block; width:var(--about-history-13); height:var(--about-history-13); border-radius:50%; background:#969696; margin:0 auto; }
.timeline-swiper .swiper-slide::after{ opacity: 0; content:''; position:absolute; top:var(--about-top-13); left:50%; transform: translateX(-50%);  width:var(--about-history-39); height:var(--about-history-39); border-radius:50%; border:1px solid #3366ff; }
.timeline-swiper .swiper-slide .dot-year{ display:block; font-family:Arial; font-size:var(--page-size-28); line-height:var(--about-history-40); margin-top:var(--about-history-40); color:#d7d7d7; }

.timeline-swiper .swiper-slide .dot-year{ transition: all 0.3s ease-in-out; }
.timeline-swiper .swiper-slide::before{ transition: all 0.3s ease-in-out; }
.timeline-swiper .swiper-slide::after{ transition: all 0.3s ease-in-out; }

.timeline-swiper .swiper-slide.swiper-slide-active .dot-year{ font-size:var(--about-size-40); color:#333333; }
.timeline-swiper .swiper-slide.swiper-slide-active::before{ background:#3366ff; }
.timeline-swiper .swiper-slide.swiper-slide-active::after{ opacity:1; }
/*关于我们*/



/*图片设置*/
.home-plan-tab .home-plan-tab-item .img img{
  aspect-ratio: 740/445;
  object-fit: cover;
}

.home-advantage .item .ico img,.home-prod-item .home-prod-ico img,
.dropdown-container .dropdown-list .dropdown-item .dropdown-item-icon img{
  aspect-ratio: 1/1;
  object-fit: cover;
}

.home-news .item img{
  aspect-ratio: 465/310;
  object-fit: cover;
}

.prod-list .item .img img,.prod-img img{
  aspect-ratio: 662/355;
  object-fit: cover;
}

.solution-architecture .item img{
  aspect-ratio: 750/620;
  object-fit: cover;
}

.about-culture-list .item img{
  aspect-ratio: 480/269;
  object-fit: cover;
}

.history-swiper .swiper-slide .history-img img{
  aspect-ratio: 3/2;
  object-fit: cover;
}

.news-list .img img{
  aspect-ratio: 465/310;
  object-fit: cover;
}



/*浮动联系组件*/
.online{ position:fixed; top:50%; right:0; width:70px; z-index:900; /*margin-top:-155px;*/ margin-top:-115px; }
.online li{ float:left; width:100%; position:relative; margin-top:10px; }
.online li:first-child{ margin-top:0; }
.online li a{ display:block; height:70px; padding:10px 0; background:#007aff; color:#ffffff; overflow:hidden; position:relative; z-index:100; border-radius:7px 0 0 7px;}
.online li:hover a{ background:#f26b24; }
.online li .ico{ text-align:center; }
.online li .ico span{ font-size:24px; line-height:30px; }
.online li .ico svg{ display:block; margin:0 auto; }
.online li .title{ text-align:center; font-size:13px; line-height:20px; }
.online li .ontel{ position:absolute; z-index:1; text-align:center; right:-170px; top:0; width:170px; background:#f26b24; color:#ffffff; font-size:18px; line-height:70px;
-webkit-transition: all .5s ease-in;-o-transition: all .5s ease-in;-ms-transition: all .5s ease-in;-moz-transition: all .5s ease-in; border-radius:7px; }
.online li:hover .ontel{ right:80px; }

.online li .on-wechat{ position:absolute; z-index:1; right:-150px; top:0; width:150px; padding:10px; background:#ffffff; border:1px solid #c7d0e7; border-radius:7px; transition:all .5s ease-in; }
.online li:hover .on-wechat{ right:80px; }
.online li .on-wechat img{ display:block; width:100%; }

@media screen and (max-width: 768px) {
.footer{ margin-bottom:60px;}	
.online{ top:auto; left:0; bottom:0; width:100%; }
.online li{ float:left; /*width:25%;*/ width:33.33%;  border-left:1px solid #ffffff; margin:0; }
.online li a{border-radius:0;}
.online li:first-child{ border-left:none;}
.online li a{ height:60px; padding:5px 0; }
.online li .ico span{ font-size:20px; line-height:30px; }
.online li .ontel{ display:none;}
/* 微信二维码：移动端没有 hover，改为点击后在屏幕中央弹出，并加半透明遮罩 */
.online li .on-wechat{ display:none; right:auto; }
.online li.show-wechat .on-wechat{
  display:block; position:fixed; left:50%; top:50%; right:auto;
  width:180px; transform:translate(-50%,-50%);
  z-index:100001; box-shadow:0 10px 40px rgba(0,0,0,.25);
}
.online li.show-wechat::before{
  content:""; position:fixed; top:0; right:0; bottom:0; left:0;
  background:rgba(0,0,0,.5); z-index:100000;
}
}
/*浮动联系组件*/