/*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: 50px; 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: 20px; 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-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: 68%; max-width: 1000px; margin:var(--margin-30) auto 0 auto; }
.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 5%; 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; width:50px; margin:0 25px; border:1px solid #eeeeee; border-radius:5px; overflow: hidden; }
.customer-track .item img{ display: block; width: 100%; }

/* 解决方案选项卡面板切换：右侧 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-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 75%; }
.footer-nav .item{ width:22%; }
.footer-nav .item:first-child{ width:16%; }
.footer-nav .item:last-child{ width:40%; }
.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; }

.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%; }
.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 Black'; text-transform: uppercase; color:rgba(255,255,255,0.2); }

/* ===== 页面横幅入场动画（独立动画块，与上方基础布局规则分离） ===== */
.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 3em; }
.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-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{ margin-bottom:1.6em; 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%; }
.case-list .item{ margin-top:2%;  max-width:32%; border:1px solid #c5d4ff; position:relative; padding:2%; border-radius:var(--case-size-20); overflow: hidden; }
.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-content{ margin:var(--margin-85) 0; }
.page-title{ display: flex; justify-content: center; margin-bottom: var(--margin-60); }
.page-title .title{ position: relative; font-size:var(--page-size-40); line-height:1; 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; }
/*解决方案*/


/**产品专题**/
/*功能特色*/
.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-top:2em; }
/*功能特色*/


/*产品优势*/
.product-advantages{}
.product-advantages .item{ font-size:var(--page-size-18); padding:2em; border-radius:1em; max-width:32.5%; 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; height:3em; 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; }
/*产品优势*/

/*产品价值*/
.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; }
/*产品价值*/

/*产品案例*/
.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-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; }

.about-title{ text-align: center; }
.about-title .title{ 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; }

.about-honor{margin-bottom:0 !important;}
.honor-top{ display:flex; justify-content: space-between; }
.honor-top-txt{ }
.honor-top-txt .title{ 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-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; line-height:1; font-size:var(--page-size-40); margin-bottom:1em; }
.history-swiper .swiper-slide .history-text i{ font-size:inherit; color:#3366ff; }
.history-swiper .swiper-slide .history-text .history-date{ color:#2d2d2d; margin-right:0.5em; }
.history-swiper .swiper-slide .history-text .history-desc{ color:#424242; font-size:var(--page-size-20); }

.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:50%; margin-top:var(--page-size-48); 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,.customer-track .item 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: 740/400;
  object-fit: cover;
}

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