/* 全局重置 */
*{margin:0;padding:0;box-sizing:border-box;}
html{overflow-x:hidden;}
body{font-family:"Microsoft Yahei",sans-serif;font-size:14px;color:#333;line-height:1.6;background:#fff;padding-top:80px;overflow-x:hidden;}
ul,ol{list-style:none;}
a{text-decoration:none;color:#333;transition:all 0.3s;}
img{display:block;}
.container{width:1200px;max-width:100%;margin:0 auto;padding:0 15px;text-align:center;}
.bg-grey{background:#f7f8fa;}
.bg-silver{background:#fff;}
.tit-box{text-align:center;margin-bottom:50px;}
.tit-box h2{font-size:30px;color:#222;margin-bottom:10px;display:flex;align-items:center;justify-content:center;}
.tit-box p{color:#666;font-size:15px;}
.btn-more{display:inline-block;padding:12px 32px;background:#dd3a5f;color:#fff;border-radius:8px;font-size:15px;font-weight:500;transition:all 0.3s;box-shadow:0 4px 14px rgba(221,58,95,0.25);position:relative;overflow:hidden;}
.btn-more::after{content:'→';margin-left:6px;transition:transform 0.3s;display:inline-block;}
.btn-more:hover{background:#da003a;transform:translateY(-2px);box-shadow:0 6px 20px rgba(221,58,95,0.35);}
.btn-more:hover::after{transform:translateX(4px);}
.center-more{text-align:center;margin-top:30px;}

/* 顶部栏 */
.top-bar{background:#dd3a5f;color:#fff;padding:8px 0;}
.top-bar .container{display:flex;justify-content:space-between;align-items:center;}
.top-left span{margin-right:20px;}
.msg-link{color:#fff;border:1px solid #fff;padding:3px 12px;border-radius:3px;}
.msg-link:hover{background:#fff;color:#dd3a5f;}

/* 头部导航 */
.header{background:#fff;box-shadow:0 2px 6px rgba(0,0,0,0.08);position:fixed;top:0;left:0;right:0;width:100%;z-index:999;}
.header .container{display:flex;justify-content:space-between;align-items:center;height:80px;}
.logo{flex-shrink:0;}
.logo img{width:136px;height:50px;display:block;max-width:none;}
.nav-list{display:flex;}
.nav-list > li{position:relative;padding:0 12px;}
.nav-list > li > a{display:block;height:80px;line-height:80px;font-size:15px;font-weight:500;color:#333;transition:color 0.25s;}
.nav-list > li > a:hover{color:#dd3a5f;}
.nav-list > li.active > a{color:#dd3a5f;border-bottom:3px solid #dd3a5f;}
.subnav{position:absolute;top:80px;left:0;width:90px;background:#fff;box-shadow:0 3px 8px rgba(0,0,0,0.1);display:none;z-index:99;border-radius:0 0 10px 10px;overflow:hidden;transform-origin:top;}
.subnav li a{display:block;padding:12px 10px;font-size:14px;text-align:left;}
.subnav li a:hover{color:#dd3a5f;}
@media(min-width:831px){.has-sub:hover .subnav{display:block;animation:subnavDown 0.25s ease;color:#dd3a5f;}}
@keyframes subnavDown{from{opacity:0;transform:translateY(-8px);}to{opacity:1;transform:translateY(0);}}
.sub-toggle{display:none;}
.menu-toggle{display:none;width:30px;height:30px;position:relative;cursor:pointer;border:none;background:none;}
.menu-toggle::before{content:'';position:absolute;left:4px;top:8px;width:22px;height:2px;background:#333;border-radius:1px;box-shadow:0 6px 0 #333,0 12px 0 #333;}

/* 轮播 */
.banner{width:100%;height:550px;position:relative;overflow:hidden;margin-top:-80px;}
.swiper-pagination{bottom:90px!important;}
.banner .swiper-pagination-bullet{background:#f3f3f3;opacity:1;}
.banner .swiper-pagination-bullet-active{background:#07acf1;}
@media(max-width:830px){.banner{height:520px;}
}
@media(max-width:830px) and (orientation:landscape){.banner{height:auto!important;min-height:0!important;}.bannerSwiper{height:auto!important;}.service-web-build,.service-monitor{height:auto!important;padding:80px 15px!important;background-size:cover!important;background-position:center!important;}}
.bannerSwiper{width:100%;height:100%;color:#fff;}
.swiper-slide img{width:100%;height:100%;object-fit:cover;}
.service-web-build{background:#000 url(../images/banner1.jpg) no-repeat center;height:550px;width:100%;display:block;}
.service-web2-build{background:#000 url(../images/banner2.jpg) no-repeat center;height:550px;width:100%;display:block;}
.service-monitor{background:#2a1f42 url(../images/banner3.jpg) no-repeat center;height:550px;width:100%;display:block;}
.service-web-build-width{width:1200px;margin:0 auto;padding-top:130px;}
.service-web-build-left{width:48%;float:left;padding-left:2%}
.service-web-build-right{width:50%;float:left;}

.service-web-build-left a{display:block;color:#fff;background:linear-gradient(-90deg, #03e2ff 15%, #316ff6 40%);}

.service-web2-build-width{width:1200px;margin:0 auto;padding-top:130px;}
.service-web2-build-left{width:48%;float:left;padding-left:2%}
.service-web2-build-right{width:50%;float:left;}

.service-web2-build-left a{display:block;color:#fff;background:linear-gradient(-90deg, #fca157 15%, #d36308 40%);}

.service-monitor-left a{display:block;color:#fff;background:linear-gradient(-90deg, #d1a6fc 15%, #7c27d1 40%);}


.service-web-build-left h2{
  background-image: linear-gradient(90deg, #ff6b6b, #4ecdc4, #45b7d1); background-clip: text;  -webkit-background-clip: text;  color: transparent;}
.service-web-build-left h2,.service-web2-build-left h2,.service-monitor-left h2{font-size:30px;}
.service-web-build-left p,.service-web2-build-left p,.service-monitor-left p{font-size:18px;}

.service-monitor-width{width:1200px;margin:0 auto;padding-top:130px;}
.service-monitor-left{width:48%;float:left;padding-left:2%;}
.service-monitor-right{width:50%;float:left;margin-left:0%;}

.service-web-build-left a,.service-web2-build-left a,.service-monitor-left a{color:#fff;padding:10px 40px 10px 40px;display:inline-block;margin-top:20px;border-radius:30px;}


@media(min-width:831px) and (max-width:1199px){
.service-web-build-width,.service-web2-build-width,.service-monitor-width{width:100%;padding-top:130px;}
.service-web-build-left,.service-web2-build-left,.service-monitor-left{width:45%;float:left;padding-left:2%;}
.service-web-build-right,.service-web2-build-right,.service-monitor-right{width:55%;float:left;margin-left:0;}
}

@media(max-width:830px){
.service-web-build,.service-web2-build{height:auto!important;padding:100px 15px!important;}.service-web-build-width,.service-web2-build-width,.service-monitor-width{width:100%!important;padding-top:0!important;}.service-web-build-left,.service-web2-build-left,.service-monitor-left,.service-web-build-right,.service-web2-build-right,.service-monitor-right{float:none!important;width:100%!important;margin-left:0!important;}.service-web-build-right img,.service-web2-build-right img,.service-monitor-right img{width:100%;max-width:400px;margin:10px auto 0;display:block;}.service-web-build-left h2,.service-web2-build-left h2,.service-monitor-left h2{font-size:22px;}.service-web-build-left p,.service-web2-build-left p,.service-monitor-left p{font-size:15px;}.service-web-build-left,.service-web2-build-left,.service-monitor-left{text-align:center;}.service-web-build-left a,.service-web2-build-left a,.service-monitor-left a{margin:20px auto 0;}
.service-monitor{padding:100px 15px!important;}

.web-build-img img,.web-cam-img img{display:block;width:100%;float:left;}


}

.web-build,.web-cam{width:317px;height:110px;display:flex;align-items:center;justify-content:center;margin:0px;}

.web-build a,.web-cam a{margin:20px;font-size:20px;font-weight:550;padding:18px 24px;border-radius:12px;color:#333;text-decoration:none;transition:all 0.3s;box-shadow:0 20px 30px rgba(0,0,0,0.08);position:relative;overflow:hidden;white-space:nowrap;}
.web-build-img,.web-cam-img{display:block;width:100%;float:left;}
.web-build-text,.web-cam-text{display:block;width:100%;float:Left;font-size:12px;font-weight:normal;color:gray;text-align:center;}

.web-build a,.web-cam a{background:linear-gradient(180deg, #bbbabb 15%, #ffffff 40%);}

.web-build a:hover,.web-cam a:hover{
background:linear-gradient(0deg,#fff,#fff);}
.web-build a i,.web-cam a i{background:#dd3a5f;color:#fff!important;padding:6px;border-radius:6px;}
.web-build a::after{content:'';margin-left:8px;transition:transform 0.3s;}
.web-cam a::after{content:'';margin-left:8px;transition:transform 0.3s;}
.web-build a:hover::after,.web-cam a:hover::after{transform:translateX(4px);}


.scrollno123{
margin-top:30px;margin-left:80px;margin-right:80px;display:block;color:#000;font-size:20px;
}
.count{font-size:36px;font-weight:600;}


/* 视差 */
.parallax{position:relative;overflow:hidden;}
.parallax-bg{}
.parallax > *:not(.parallax-bg){position:relative;z-index:1;}

/* 优势板块 */
.advantage{padding:0px 0;background:#f0f4ff;}
.advantage .parallax-bg{background-size:cover;background-position:center;opacity:0.15;}
.adv-row{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin-top:0px;}
.adv-item{text-align:center;padding:20px;border:1px solid #eee;border-radius:6px;}
.adv-item h3{font-size:18px;margin-bottom:12px;color:#dd3a5f;}

/* 优势轮播 */
.advantageSwiper{width:100%;height:540px;position:relative;}
.adv-slide{text-align:center;padding:80px 0 60px;color:#222;height:auto;background-size:cover;background-position:center;background-blend-mode:overlay;}
.adv-slide h2{font-size:30px;margin-bottom:15px;font-weight:700;}
.adv-slide p{font-size:18px;max-width:700px;line-height:1.8;margin:0 auto;}
.adv-pagination{bottom:20px !important;}
.adv-pagination .swiper-pagination-bullet{width:10px;height:10px;background:#dd3a5f;opacity:0.3;margin:0 5px;}
.adv-pagination .swiper-pagination-bullet-active{opacity:1;background:#dd3a5f;width:24px;border-radius:5px;}
@media(max-width:830px){
    .adv-slide{padding:50px 0;}
    .adv-slide h2{font-size:24px;}
    .adv-slide p{font-size:15px;}
}

/* 服务板块 */
.service{padding:60px 0;}
.service-row{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;}
.service-item{text-align:left;}
.service-item .img-box{display:flex;margin-bottom:15px;}
.service-item h3{font-size:18px;margin-bottom:10px;}
.service-item p{color:#666;margin-bottom:20px;min-height:44px;}
.contact-form{border:solid 1px #ccc;display:block;padding:40px;

}



/* 案例首页 */
.case-home{padding:60px 0;background:#f1f3fb;}
.case-row{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;}
.case-row-4{grid-template-columns:repeat(4,1fr);}
.case-item{background:#fff;border-radius:6px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.05);}
.case-item .img-box{aspect-ratio:386/514;overflow:hidden;}
.case-item .img-box2{aspect-ratio:386/514;overflow:hidden;}
.case-item .img-box img{width:100%;height:100%;object-fit:cover;transition:transform 0.4s;}
.case-item .img-box2 img{width:100%;height:100%;object-fit:cover;transition:transform 0.4s;}
.case-item:hover .img-box img{transform:scale(1.06);}
.case-item h4{padding:15px;text-align:center;font-size:14px;overflow:hidden;}
/* 客户滚动 */
.client{padding:60px 0;}
.clientSwiper .swiper-slide{width:200px;text-align:center;}
.clientSwiper .swiper-slide img{height:60px;margin:0 auto;opacity:0.85;transition:0.3s;}
.clientSwiper .swiper-slide img:hover{opacity:1;}

/* 价格方案 */
.pricing{padding:60px 0;background:#f0f4ff;}
.pricing .section-inner{max-width:1200px;margin:0 auto;padding:0 15px;text-align:center;}
.section-tag{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:#dd3a5f;font-weight:600;margin-bottom:12px;letter-spacing:2px;text-transform:uppercase;}
.section-tag .tag-line{display:inline-block;width:30px;height:2px;background:#dd3a5f;}
.section-title{font-size:30px;color:#222;margin-bottom:16px;font-weight:700;}
.section-title .highlight{color:#dd3a5f;}
.section-desc{font-size:16px;color:#666;max-width:600px;margin:0 auto 50px;line-height:1.8;}
.section-desc.wide{max-width:700px;}
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;align-items:start;}
#ptab2 .pricing-grid{grid-template-columns:1fr 1fr;}
.pricing-card{background:linear-gradient(70deg,#fff 20%,#fdf2f5 100%);border-radius:12px;padding:0px;box-shadow:0 4px 20px rgba(0,0,0,0.06);transition:transform 0.3s,box-shadow 0.3s;border:1px solid #ddd;}

.pricing-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px rgba(0,0,0,0.1);}

.webcam-pricing-text{display:inline-block;font-size:16px;margin-bottom:50px;}
@media(min-width:831px){.webcam-pricing-text{padding:0 180px;}}
#cooperation{scroll-margin-top:100px;}


.pricing-card.featured{color:#000;transform:scale(1.0);position:relative;}
#ptab2 .pricing-card{background:linear-gradient(20deg,#fdfbff 20%,#f0f4fd 100%);}
#ptab2 .pricing-card.featured{background:linear-gradient(20deg,#fdfbff 20%,#f0f4fd 100%);}

.pricing-card.featured:hover{transform:translateY(-4px);}

.featured-tag{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:#ff6b35;color:#fff;padding:4px 16px;border-radius:20px;font-size:13px;font-weight:600;}
.plan-name{font-size:20px;font-weight:600;margin-bottom:16px;}
.price{font-size:42px;font-weight:700;margin-bottom:6px;}
.price .currency{font-size:24px;vertical-align:top;margin-right:2px;}
.price .unit{font-size:16px;font-weight:400;color:#999;margin-left:4px;}
.pricing-card.featured .price .unit{color:#999;}
.price-desc{font-size:14px;margin-bottom:20px;opacity:0.8;height:52px;}
.pricing-card ul{margin-bottom:28px;text-align:left;}
.pricing-card ul h3{text-align:center;width:100%;margin-bottom:12px;}
.pricing-card ul li{padding:8px 0;font-size:15px;display:flex;align-items:center;gap:8px;}
.pricing-card ul li i{color:#dd3a5f;width:16px;text-align:center;}
#ptab2 .pricing-card ul li{align-items:flex-start;}
#ptab2 .pricing-card ul li i{margin-top:5px;}
.pricing-card.featured ul li i{color:#dd3a5f;}
.pricing-card .btn-primary{display:inline-block;padding:12px 32px;background:#dd3a5f;color:#fff;border-radius:6px;font-size:15px;font-weight:600;}
.pricing-card .btn-primary:hover{background:#c9304e;}
.pricing-card.featured .btn-primary{background:#dd3a5f;color:#fff;}
.pricing-card.featured .btn-primary:hover{background:#c9304e;}

 .news-item-btn{display:inline-block;padding:10px 10px;background:#fff;color:#dd3a5f;border:solid 1px #dd3a5f;border-radius:6px;font-size:15px;font-weight:600;width:160px;}
 .news-item-btn:hover{background:#dd3a5f;color:#fff;}


@media(max-width:830px){
  .pricing-grid{grid-template-columns:1fr;gap:24px;}
  #ptab2 .pricing-grid{grid-template-columns:1fr;}
  .pricing-card.featured{transform:scale(1);}
  .pricing-card.featured:hover{transform:translateY(-4px);}

}


/*联系我们*/
.contactwidth{width:100%;overflow:hidden;}
.contactwidthLeft{float:left;width:50%;display:flex;align-items:center;}
.contactwidthLeft img{width:100%;display:block;}
.contactwidthRight{float:left;width:50%;}


.contactwidthCam{width:100%;overflow:hidden;}
.contactwidthCamLeft{float:left;width:50%;}
.contactwidthCamRight{float:left;width:50%;display:flex;align-items:center;}
.contactwidthCamRight img{width:100%;display:block;}




/* 页脚 */
.footer{background:#0f1724;color:#a0aec0;padding:60px 0 0;position:relative;}
.footer::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#dd3a5f,transparent);}
.foot-row{display:grid;grid-template-columns:1.3fr 1.2fr 0.9fr 180px;text-align:left;}
.foot-col h4{color:#fff;font-size:16px;padding-bottom:10px;border-bottom:0px solid rgba(255,255,255,0.08);letter-spacing:1px;text-transform:uppercase;}
.foot-col p{margin-bottom:8px;line-height:1.8;font-size:14px;}
.foot-col ul{display:flex;flex-direction:column;gap:4px 0;}
.foot-col ul li{margin-bottom:0;}
.foot-col ul li a{color:#a0aec0;font-size:14px;padding:4px 0;display:inline-block;transition:all 0.2s;position:relative;}
.foot-col ul li a::before{content:'›';color:#dd3a5f;font-weight:700;margin-right:6px;transition:all 0.2s;}
.foot-col ul li a:hover{color:#fff;transform:translateX(4px);}
.foot-col ul li a:hover::before{opacity:1;}
.copyright{background:#0a111c;padding:18px 0;margin-top:30px;color:#666;font-size:13px;border-top:1px solid rgba(255,255,255,0.09);text-align:center;}
.foot-col:last-child{text-align:center;display:flex;flex-direction:column;align-items:center;}

.copyright-icp{display:inline-block;margin-left:16px;}
.copyright-icp a{color:#666;}
@media(min-width:831px){.foot-row{grid-template-columns:1.3fr 1.2fr 0.9fr 180px;}.foot-col:last-child{align-items:flex-end;text-align:right;}.foot-col:last-child img{margin:0 auto;}}
.copyright .container{text-align:center;}
@media(max-width:830px){.copyright-icp{display:block;margin-top:4px;}}
.field-tip{display:inline;margin-left:8px;font-size:12px;color:#eb4c3c;white-space:nowrap;}

 /* 移动端适配 830px以下 */
@media(max-width:830px){

    body{padding-top:60px;}
.swiper-pagination{bottom:30px!important;}
    .top-bar{display:none;}
    .container{width:100%;}
    .header .container{height:60px!important;}
    .nav-list{position:fixed;top:60px;left:-100%;width:80%;height:calc(100vh - 60px);background:#fff;flex-direction:column;padding:0px;transition:left 0.3s;box-shadow:2px 0 8px rgba(0,0,0,0.1);overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;}
    .nav-list.show{left:0;}
    .nav-list > li{padding:0;}
    .nav-list > li + li{border-top:1px solid #eee;}
    .nav-list > li > a{height:50px;line-height:50px;text-align:left;padding-left:15px;}
    .nav-list > li.active > a{color:#dd3a5f!important;border-bottom:none!important;}
    .subnav{position:static;width:100%;box-shadow:none;background:#f7f8fa;border-radius:0;overflow:visible;}
    .nav-list > li.has-sub{position:relative;}
    .nav-list > li.has-sub > a{position:relative;padding-right:40px;text-align:left;}
    .nav-list > li.has-sub > .sub-toggle{position:absolute;right:0;top:0;width:40px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;}
    .nav-list > li.has-sub > .sub-toggle::after{content:'\f107';font-family:'Font Awesome 5 Free';font-weight:900;font-size:16px;color:#999;transition:transform 0.3s;}
    .nav-list > li.has-sub.open > .sub-toggle::after{transform:rotate(180deg);}
    .nav-list > li.has-sub > .subnav{display:none;}
    .nav-list > li.has-sub.open > .subnav{display:block;animation:subnavDown 0.25s ease;}
    .nav-list > li.has-sub.open > .subnav li a{padding:10px 20px 10px 46px;color:#333;text-align:left;}
    .nav-list > li.has-sub.open > .subnav li a:hover{color:#dd3a5f;}
    .menu-toggle{display:block;}
    .adv-row{grid-template-columns:repeat(2,1fr);}
    .service-row{grid-template-columns:1fr;}

    .case-row{grid-template-columns:1fr;}

    .foot-row{grid-template-columns:1fr 1fr;gap:20px;}
    .foot-col:first-child{grid-column:1/2;grid-row:1/2;display:flex;flex-direction:column;align-items:center;text-align:center;}
    .foot-col:nth-child(2){grid-column:2/3;grid-row:1/2;display:flex;flex-direction:column;align-items:center;text-align:center;}
    .foot-col:nth-child(3){grid-column:2/3;grid-row:2/3;display:flex;flex-direction:column;align-items:center;text-align:center;}
    .foot-col:last-child{grid-column:1/2;grid-row:2/3;display:flex;flex-direction:column;align-items:center;text-align:center;}
    .foot-col:last-child img{margin:0 auto;}
    .foot-col ul{grid-template-columns:1fr;}


    .tit-box h2{font-size:24px;display:flex;align-items:center;justify-content:center;}
    .section-title{font-size:24px;}
    .scrollno123{margin:5px!important;flex:1!important;font-size:13px!important;text-align:center!important;}
    .count{font-size:18px!important;}
    section[style*="height:160px"]{height:auto!important;flex-wrap:nowrap!important;padding:10px 15px!important;margin-top:-40px!important;}
    section[style*="height:200px"]{height:auto!important;flex-direction:row!important;align-items:center!important;padding:20px 0!important;}
    .web-build,.web-cam{margin:0px;}.web-build a,.web-cam a{margin:3px!important;font-size:14px!important;padding:10px 12px!important;min-width:0!important;}
}



.inpage-banner{background:#fff url(../images/scene-2-bg.jpg) center/cover no-repeat;width:100%;height:360px;}
.inpage-conent{width:1200px;margin:0 auto;color:#fff;}
.inpage-conent-left{float:left;width:40%;padding-top:80px;}
.inpage-conent-left h3{font-size:28px;margin-bottom:20px;}
.inpage-conent-left p{font-size:16px;}
.inpage-conent-right{float:left;width:60%;}
.inpage-conent-right img{height:100%;}
@media(max-width:830px){.inpage-banner{height:auto;padding:30px 15px 0px 15px;}.inpage-conent{width:100%;text-align:center;}.inpage-conent-left,.inpage-conent-right{float:none!important;width:100%!important;padding-top:0;}.inpage-conent-left h3{font-size:20px;}.inpage-conent-right{margin-top:20px;}.inpage-conent-right img{width:100%;height:auto;}}

.inner-banner{width:100%;display:none;}
.inner-banner img{width:100%;display:block;}
.breadcrumb-bar{background:#f7f8fa;border-bottom:1px solid #eee;padding:12px 0;}
.breadcrumb-bar .container{display:flex;justify-content:space-between;align-items:center;}
.breadcrumb-left{font-size:13px;color:#999;}
.breadcrumb-left a{color:#dd3a5f;}
.breadcrumb-left a:hover{text-decoration:underline;}
.breadcrumb-left span{color:#333;font-weight:500;}
.breadcrumb-right .btn-back{display:inline-flex;align-items:center;gap:4px;font-size:13px;color:#666;padding:6px 14px;border:1px solid #ddd;border-radius:4px;transition:all 0.2s;}
.breadcrumb-right .btn-back:hover{color:#dd3a5f;border-color:#dd3a5f;}
@media(max-width:830px){
  .logo img{width:136px!important;height:35px!important;}
  .breadcrumb-bar{padding:10px 0;}
}

/* 实况系统引擎 */
#live{padding:100px 0;background:#fff url(../images/scene-1.jpg) center/cover no-repeat fixed;overflow:hidden;position:relative;}
#live::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,0.92);z-index:1;}
#live .section-inner{max-width:1280px;margin:0 auto;padding:0 15px;text-align:center;position:relative;z-index:2;}
#live .section-tag{color:#4da3ff;}
#live .section-tag .tag-line{background:#4da3ff;}
#live .section-title{color:#1a1a2e;}
#live .section-title .highlight{color:#dd3a5f;}
#live .section-desc{color:#666;}
#live .feature-item h4{color:#1a1a2e;}
#live .feature-item p{color:#555;}
#live .fi-icon{background:rgba(221,58,95,0.08);color:#dd3a5f;}
.live-showcase{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;margin-top:50px;text-align:left;}
.live-diff{max-width:900px;margin:50px auto 0;text-align:left;}
.diff-card{background:#fff;border-radius:16px;padding:30px;margin-bottom:20px;box-shadow:0 2px 12px rgba(0,0,0,0.05);border:1px solid #eee;}
.diff-card h3{font-size:18px;color:#1a1a2e;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #dd3a5f;}
.diff-row{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center;}
.diff-side{padding:16px 20px;border-radius:10px;}
.diff-old{background:#fef2f2;border:1px solid #fecaca;}
.diff-new{background:#f0f7ff;border:1px solid #bfdbfe;}
.diff-label{font-size:13px;font-weight:600;margin-bottom:6px;letter-spacing:1px;}
.diff-old .diff-label{color:#dc2626;}
.diff-new .diff-label{color:#dd3a5f;}
.diff-side p{font-size:14px;color:#555;line-height:1.7;margin:0;}
.diff-vs{font-size:14px;font-weight:700;color:#999;}
@media(max-width:830px){.diff-row{grid-template-columns:1fr;gap:12px;}.diff-vs{text-align:center;}}
.live-visual img{width:100%;height:auto;border-radius:12px;display:block;}
.live-mockup{background:#0f1a2e;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,0.06);box-shadow:0 20px 60px rgba(0,0,0,0.4);}
.mockup-header{display:flex;gap:6px;padding:12px 16px;background:rgba(255,255,255,0.03);border-bottom:1px solid rgba(255,255,255,0.06);}
.mockup-dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,0.15);}
.mockup-dot:first-child{background:#ff5f57;}
.mockup-dot:nth-child(2){background:#ffbd2e;}
.mockup-dot:nth-child(3){background:#28c840;}
.mockup-body{display:grid;grid-template-columns:80px 1fr;min-height:300px;}
.mockup-sidebar{padding:16px 12px;background:rgba(255,255,255,0.02);border-right:1px solid rgba(255,255,255,0.04);display:flex;flex-direction:column;gap:10px;}
.mockup-sidebar .bar{height:8px;border-radius:4px;background:rgba(255,255,255,0.06);}
.mockup-sidebar .bar:nth-child(1){opacity:0.3;}
.mockup-sidebar .bar:nth-child(2){opacity:0.6;}
.mockup-sidebar .bar:nth-child(3){opacity:0.4;}
.mockup-sidebar .bar:nth-child(4){opacity:0.2;}
.mockup-main{padding:16px;display:flex;flex-direction:column;gap:16px;}
.mockup-row{display:flex;align-items:center;gap:10px;}
.mockup-row .thumb{width:32px;height:32px;border-radius:6px;background:rgba(255,255,255,0.06);flex-shrink:0;}
.mockup-row .line{height:10px;border-radius:5px;background:rgba(255,255,255,0.05);}
.mockup-row .line.wide{flex:1;}
.mockup-row .line.short{width:60px;}
.live-features h3{font-size:24px;color:#fff;margin-bottom:30px;}
.feature-item{display:flex;gap:16px;margin-bottom:24px;align-items:flex-start;}
.feature-item:last-child{margin-bottom:0;}
.fi-icon{width:44px;height:44px;border-radius:10px;background:rgba(77,163,255,0.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:18px;color:#4da3ff;}
.feature-item h4{font-size:16px;color:#fff;margin-bottom:6px;font-weight:600;}
.feature-item p{font-size:14px;color:rgba(255,255,255,0.55);line-height:1.7;}
.compare-header{font-size:17px;font-weight:600;color:#4da3ff;margin-bottom:24px;padding-bottom:12px;border-bottom:1px solid rgba(77,163,255,0.15);}

.value-row{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:40px;}
.value-card{background:#fff;border-radius:16px;padding:40px 28px;text-align:center;box-shadow:0 2px 16px rgba(0,0,0,0.06);transition:transform 0.3s,box-shadow 0.3s;}
.value-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px rgba(0,0,0,0.1);}
.value-icon{width:60px;height:60px;border-radius:16px;background:rgba(221,58,95,0.08);display:flex;align-items:center;justify-content:center;margin:0 auto 18px;font-size:26px;color:#dd3a5f;}
.value-card h3{font-size:20px;color:#1a1a2e;margin-bottom:10px;}
.value-card p{font-size:14px;color:#666;line-height:1.8;}
@media(max-width:830px){.value-row{grid-template-columns:1fr;}}

@media(max-width:830px){
  .live-showcase{grid-template-columns:1fr;gap:40px;}
}

/* 联系我们 section */
.contact-wrap{display:grid;grid-template-columns:1fr 1fr;gap:60px;text-align:left;margin-top:50px;}
.contact-info h3{font-size:22px;font-weight:700;margin-bottom:14px;color:#1a1a2e;}
.contact-info > p{font-size:15px;color:#666;line-height:1.8;margin-bottom:36px;}
.contact-details{display:flex;flex-direction:column;gap:20px;}
.contact-detail-item{display:flex;align-items:flex-start;gap:14px;}
.cd-icon{width:46px;height:46px;border-radius:10px;background:rgba(221,58,95,0.08);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:18px;color:#dd3a5f;}
.contact-detail-item h4{font-size:14px;font-weight:600;color:#1a1a2e;margin-bottom:2px;}
.contact-detail-item p{font-size:14px;color:#666;}
.contact-form{background:#fff;border-radius:16px;padding:36px 32px;box-shadow:0 4px 30px rgba(0,0,0,0.06);}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.form-group{margin-bottom:18px;text-align:left;}
.form-group label{display:block;font-size:13px;font-weight:600;color:#1a1a2e;margin-bottom:6px;}
[style*="background:linear-gradient(135deg,#dd3a5f,#1a73e8)"] .form-group label{color:#fff;}
.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 14px;border:1px solid #e0e3e8;border-radius:8px;font-size:14px;color:#333;background:#f8f9fb;transition:border 0.2s;outline:none;}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#dd3a5f;background:#fff;}
.form-group textarea{height:auto;min-height:90px;resize:vertical;}
.btn-primary{cursor:pointer;border:none;font-size:15px;font-weight:600;padding:14px 28px;border-radius:8px;background:#dd3a5f;color:#fff;display:inline-flex;align-items:center;gap:8px;transition:background 0.25s;}
.btn-primary:hover{background:#da003a;}
.btn-primary.btn-light{background:#dd3a5f;}
.btn-primary.btn-light:hover{background:#da003a;}

.case-owl .owl-nav{position:absolute;top:50%;transform:translateY(-50%);width:100%;display:flex;justify-content:space-between;pointer-events:none;}
.case-owl .owl-nav button{pointer-events:auto;width:40px;height:40px;border-radius:50%;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,0.1);color:#dd3a5f;font-size:20px;display:flex;align-items:center;justify-content:center;transition:all 0.2s;}
.case-owl .owl-nav button:hover{background:#dd3a5f;color:#fff;}
.case-owl-dots{display:flex;justify-content:center;gap:10px;margin-top:20px;}
.case-owl-dots span{width:10px;height:10px;border-radius:50%;background:#ddd;cursor:pointer;transition:background 0.3s;}
.case-owl-dots span.active{background:#dd3a5f;}
@media(min-width:831px) and (max-width:1800px){.case-owl .case-item h4>span{flex-direction:column;align-items:center;gap:8px;}}
@media(max-width:830px){
  .case-owl .owl-item .case-item .img-box{aspect-ratio:386/514;}
  .contact-wrap{grid-template-columns:1fr!important;gap:30px!important;}
  .service{padding:40px 0;}
  .form-row{grid-template-columns:1fr;}
  .reasons-grid{grid-template-columns:1fr!important;}
  .server-grid{grid-template-columns:repeat(2,1fr)!important;}
  section[style*="padding:60px 0"] div[style*="margin-top:20px"]{text-align:center!important;}
  .service-tags-wrap{grid-template-columns:1fr!important;}
  .service-tags-wrap .service-tag-desc{padding:12px 16px!important;}
}
@media(max-width:459px){
  .reasons-grid [style*="grid-template-columns:1fr 1fr;gap:16px;"]{grid-template-columns:1fr!important;}
}

.go-top{position:fixed;bottom:30px;right:30px;width:44px;height:44px;border-radius:50%;background:#dd3a5f;color:#fff;border:none;cursor:pointer;font-size:20px;display:none;align-items:center;justify-content:center;z-index:999;box-shadow:0 4px 12px rgba(221,58,95,0.3);transition:all 0.3s;}
.go-top:hover{background:#da003a;transform:translateY(-3px);box-shadow:0 6px 20px rgba(221,58,95,0.4);}
.go-top.show{display:flex;}
@media(max-width:830px){.go-top{bottom:20px;right:20px;width:40px;height:40px;font-size:18px;}}

.service-tabs{text-align:center;}
.tab-nav{display:flex;justify-content:center;gap:4px;margin-bottom:30px;flex-wrap:wrap;}
.tab-link{padding:5px 28px;border:solid 1px #ddd;border-radius:30px;font-size:15px;font-weight:500;cursor:pointer;color:#666;background:#fff;transition:all 0.25s;}
.tab-link.active,.tab-link:hover{background:#000;color:#fff;}
.tab-content{display:none;justify-content:center;width:100%;}
.tab-content.active{display:flex;}
.tab-content.fade-in{animation:tabFadeIn 0.4s ease forwards;}
@keyframes tabFadeIn{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:translateY(0);}}
.fade-up{opacity:0;transform:translateY(30px);transition:opacity 0.6s ease,transform 0.6s ease;}
.fade-up.visible{opacity:1;transform:translateY(0);}
.fade-left{opacity:0;transform:translateX(-40px);transition:opacity 0.6s ease,transform 0.6s ease;}
.fade-left.visible{opacity:1;transform:translateX(0);}
.fade-right{opacity:0;transform:translateX(40px);transition:opacity 0.6s ease,transform 0.6s ease;}
.fade-right.visible{opacity:1;transform:translateX(0);}
@media(max-width:830px){.fade-up,.fade-left,.fade-right{opacity:1!important;transform:none!important;transition:none!important;}}
.service-tag-desc-fade{animation:tagFadeLeft 0.4s ease forwards;}
.service-tag-img-fade{animation:tagFadeRight 0.4s ease forwards;}
@keyframes tagFadeLeft{from{opacity:0;transform:translateX(-20px);}to{opacity:1;transform:translateX(0);}}
@keyframes tagFadeRight{from{opacity:0;transform:translateX(20px);}to{opacity:1;transform:translateX(0);}}
.tab-content .service-item{width:100%;display:flex;align-items:center;gap:40px;}
.tab-content .service-item>div{flex:1;float:none!important;}
.tab-content .service-item .img-box{flex:0 0 55%;margin-bottom:0;}
.tab-content .service-item .img-box img{width:100%;height:auto;}
@media(max-width:830px){.tab-link{padding:8px 18px;font-size:14px;}.tab-content .service-item{width:100%;flex-direction:column;gap:20px;}.tab-content .service-item>div,.tab-content .service-item .img-box{flex:none;width:100%!important;text-align:center!important;}.tab-content .service-item .img-box{max-height:none;overflow:visible;}.tab-content .service-item .img-box img{width:100%;max-height:none;height:auto;object-fit:contain;}}

.monitor-tabs{display:flex;gap:40px;align-items:stretch;background:#fff;border:solid 0px #ccc;padding:30px;border-radius:10px;}
.monitor-tab-nav{display:flex;flex-direction:column;gap:0px;width:35%;flex-shrink:0;border-left:solid 0px #ddd;}
.mtab-link{display:block;padding:12px 14px;font-size:18px;font-weight:600;cursor:pointer;color:#555;background:#fff;text-align:left;transition:all 0.25s;border-left:solid 2px #ddd;margin:0px;}
.mtab-link p{font-size:14px;line-height:1.4;margin-top:4px;word-break:break-word;font-weight:normal;}
.mtab-link.active,.mtab-link:hover{background:#fff;color:#000;border-left:2px solid #dd3a5f;}
.monitor-tab-nav .center-more{text-align:left;}
.monitor-tab-content{display:none;flex:1;}
.monitor-tab-content.active{display:block;}
.monitor-tab-content.fade-in{animation:tabFadeIn 0.4s ease forwards;}
.monitor-tab-inner{gap:30px;align-items:center;width:100%;}

.monitor-tab-img img{width:100%;border-radius:8px;display:block;}
.monitor-tab-text{flex:1;}
.monitor-tab-text h4{font-size:22px;color:#1a1a2e;margin-bottom:12px;}
.monitor-tab-text p{font-size:15px;color:#666;line-height:1.8;text-align:left;}
@media(max-width:830px){.monitor-tabs{flex-direction:column;gap:20px;}.monitor-tab-nav{flex-direction:column;width:100%;overflow-x:visible;}.mtab-link{padding:10px 14px;}.mtab-link p{font-size:13px;line-height:1.5;}.monitor-tab-inner{flex-direction:column;width:100%;}.monitor-tab-img{flex:0 0 auto;width:100%;}
}

.case-tabs{text-align:center;}
.case-tab-nav{display:flex;justify-content:center;gap:10px;margin-bottom:30px;flex-wrap:wrap;}
.ctab-link{width:200px;padding:10px 20px;border:solid 1px #ddd;border-radius:30px;font-size:16px;font-weight:500;cursor:pointer;color:#666;background:#fff;transition:all 0.25s;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;}
.ctab-link.active{background:#fff;color:#de3f63;border:solid 1px #de3f63;}

.ctab-link:hover{background:#de3f63;color:#fff;border:solid 1px #de3f63;}


.case-tab-content{display:none;}
.case-tab-content.active{display:block;}
@media(max-width:830px){.ctab-link{padding:8px 18px;font-size:14px;width:150px;}}

.service-tag{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border:1px solid #e0e4ea;border-radius:10px;font-size:14px;color:#444;cursor:pointer;background:#fff;

transition:all 0.3s;white-space:nowrap;box-shadow:0 1px 3px rgba(0,0,0,0.03);}
.service-tag:hover{border-color:#ddd;color:#000;box-shadow:0 2px 8px rgba(221,58,95,0.1);transform:translateX(0px);}
.service-tag.active{background: linear-gradient(to right, #b0d4f0, #fff);color:#000;border-color:#ddd;box-shadow:0 4px 12px rgba(215,215,215,0.2);transform:translateX(0px);}
.service-tag .tag-num{display:inline-flex;width:22px;height:22px;border-radius:50%;background:#eef2f7;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:#dd3a5f;flex-shrink:0;transition:all 0.3s;}
.service-tag.active .tag-num{background:rgba(255,255,255,0.2);color:#dd3a5f;}
.service-tag-desc{position:relative;}
.service-tag-desc::before{content:'';position:absolute;top:24px;left:-8px;width:0;height:0;border-style:solid;border-width:8px 8px 8px 0;border-color:transparent #fff transparent transparent;filter:drop-shadow(-1px 1px 2px rgba(0,0,0,0.04));}
@media(max-width:830px){.service-tag{font-size:13px;padding:10px 16px;white-space:normal;text-align:left;}.service-tag-desc::before{display:none;}}

.pricing-tabs{text-align:center;}
.pricing-tab-nav{display:flex;justify-content:center;gap:10px;margin-bottom:50px;flex-wrap:wrap;}
.ptab-link{padding:10px 28px;border:solid 1px #ddd;border-radius:30px;font-size:16px;font-weight:500;cursor:pointer;color:#666;background:#fff;transition:all 0.25s;width:200px;text-align:center;}
.ptab-link.active{background:#fff;color:#de3f63;border:solid 1px #de3f63;}
.ptab-link:hover{background:#de3f63;color:#fff;border:solid 1px #de3f63;}
.pricing-tab-content{display:none;}
.pricing-tab-content.active{display:block;}
@media(max-width:830px){.ptab-link{padding:8px 18px;font-size:14px;width:150px;}}

.monitor-pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;max-width:800px;margin:0 auto;}
.monitor-card .price-big{font-size:32px;font-weight:700;color:#dd3a5f;margin-bottom:12px;}
.monitor-card .tier-list{display:flex;flex-direction:column;gap:10px;margin:16px 0;}
.monitor-card .tier-item{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:#f7f8fa;border-radius:8px;font-size:15px;}
.monitor-card .tier-tag{font-weight:600;color:#1a1a2e;}
.monitor-card .tier-price{color:#dd3a5f;font-weight:600;}
.monitor-card .tier-note{font-size:13px;color:#999;margin-bottom:16px;padding:8px 12px;background:#fff3cd;border-radius:6px;color:#856404;}
.monitor-card.featured .price-big{color:#dd3a5f;}
@media(max-width:830px){.monitor-pricing-grid{grid-template-columns:1fr;}}
input,textarea,select,button{font-family:inherit;font-size:14px;}
h2[style*="color:#1a1a2e"]{font-size:30px;}
@media(max-width:830px){h2[style*="color:#1a1a2e"]{font-size:24px;}}