*{margin:0;padding:0;box-sizing:border-box;font-family:'Microsoft YaHei','PingFang SC','Helvetica Neue',Helvetica,Arial,sans-serif}
body{color:#333;line-height:1.6;background-color:#f8f8f8}
.text-primary{color:#e93900}
.container{width:1200px;max-width:90%;margin:0 auto}
header{background-color:#fff;box-shadow:0 2px 10px rgba(0,0,0,.05);position:sticky;top:0;z-index:1000}
.top-nav{display:flex;justify-content:space-between;align-items:center;padding:15px 5%;flex-wrap:wrap;margin:0 auto}
.logo{overflow:visible!important;width:185px;height:50px;display:inline-block;vertical-align:middle;flex-shrink:0}
.logo img{width:185px;height:50px;object-fit:contain}
.hamburger{display:none;flex-direction:column;cursor:pointer;gap:5px;padding:8px;background:0 0;border:none;z-index:1002}
.hamburger span{width:25px;height:3px;background-color:#e93900;border-radius:3px;transition:all .3s ease}
.hamburger.active span:first-child{transform:rotate(45deg) translate(5px,6px)}
.hamburger.active span:nth-child(2){opacity:0}
.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-6px)}
.dropdown-menu li{margin:0;padding:0}
.dropdown-menu li a{display:block;padding:10px 24px;color:#2c3e50;font-size:14px;font-weight:400;transition:background .2s;white-space:nowrap}
.dropdown-menu li a:hover{background-color:#fef2ed;color:#e93900}
.dropdown-menu{position:absolute;top:45px;left:-20px;background:#fff;min-width:240px;box-shadow:0 12px 28px rgba(0,0,0,.12);border-radius:16px;padding:12px 0;visibility:hidden;opacity:0;transition:all .25s ease;z-index:1001;list-style:none;border:1px solid #f0f0f0}
.nav-container{display:flex;align-items:center;gap:350px;transition:all .3s ease}
.nav-links{display:flex;list-style:none;gap:20px;margin:0;padding:0}
.nav-links li{margin:0 35px;position:relative}
.nav-links a{text-decoration:none;color:#333;font-size:16px;font-weight:500;transition:color .2s;display:inline-block;padding:8px 0;white-space:nowrap}
.nav-links a:hover{color:#e93900}
.nav-links li:hover .dropdown-menu{visibility:visible;opacity:1;transform:translateY(0)}
.right-nav{display:flex;align-items:center;gap:20px;flex-wrap:wrap;flex-shrink:0;position:relative}
.phone{color:#e43700;font-weight:700;font-size:18px}
.btn-primary{background-color:#e93900;color:#fff;border:none;padding:15px 40px;border-radius:0;cursor:pointer;font-size:14px;font-weight:600;transition:background .2s;white-space:nowrap}
.btn-primary:hover{background-color:#c03000}
.site-footer{background-color:#0f1f2c;color:#e0e6ed;padding:48px 0 28px;font-size:14px}
.container1200{width:1200px;margin:0 auto;max-width:90%;padding:0 20px}
.footer-content{display:flex;justify-content:space-between;flex-wrap:wrap;gap:40px}
.footer-column{flex:1;min-width:260px}
.footer-contact .contact-item{margin-bottom:24px}
.footer-contact h4{font-size:18px;font-weight:600;margin-bottom:8px;color:#fff}
.email-address,.phone-number{font-size:20px;font-weight:700;color:#e93900}
.friend-links{margin-bottom:24px;display:flex;flex-wrap:wrap;align-items:baseline;gap:12px}
.links-title{font-weight:600;color:#fff}
.link-item{color:#cbdbe2;text-decoration:none;transition:color .2s}
.link-item:hover{color:#e93900}
.copyright{margin:20px 0 16px;color:#a0b3c2;font-size:12px}
.legal-links{display:flex;gap:28px;flex-wrap:wrap}
.legal-links a{color:#cbdbe2;text-decoration:none;font-size:13px}
.legal-links a:hover{color:#e93900}
.floating-menu{position:fixed;right:24px;bottom:80px;background-color:#fff;box-shadow:0 8px 24px rgba(0,0,0,.12);z-index:1000;overflow:visible;border:1px solid #eee;display:none}
.menu-item{position:relative;display:flex;flex-direction:column;align-items:center;padding:12px 14px;cursor:pointer;transition:background .2s;border-bottom:1px solid #f0f0f0}
.menu-item:last-child{border-bottom:none}
.hover-tooltip{position:absolute;right:78px;top:50%;transform:translateY(-50%);background:#fff;border-radius:16px;box-shadow:0 12px 28px rgba(0,0,0,.2);padding:12px 16px;display:flex;flex-direction:column;align-items:center;gap:8px;z-index:1100;opacity:0;visibility:hidden;transition:all .2s ease;border:1px solid #f0f0f0;pointer-events:none;white-space:nowrap}
.hover-tooltip img{width:120px;height:120px;object-fit:contain;display:block}
.hover-tooltip span{font-size:12px;color:#e93900;font-weight:500}
.hover-tooltip.phone-tooltip{padding:12px 20px;background:linear-gradient(135deg,#fff 0,#fff8f5 100%);border-left:4px solid #e93900}
.hover-tooltip .phone-number-large{font-size:20px;font-weight:800;color:#e93900;letter-spacing:1px}
.hover-tooltip .phone-label{font-size:12px;color:#666;margin-top:4px}
.menu-item:hover .hover-tooltip{opacity:1;visibility:visible;pointer-events:auto}
.menu-icon{font-size:20px;margin-bottom:4px}
.menu-text{font-size:11px;color:#4b5565}
@media (min-width:901px){.floating-menu.show{display:block}
}
@media (max-width:900px){.floating-menu{display:none!important}
}
@media (max-width:1100px){.hero-title{font-size:36px}
    .top-nav{padding:12px 4%}
    .nav-links li{margin:0 8px}
    .right-nav{gap:12px}
    .phone{font-size:16px}
    .btn-primary{padding:8px 18px;font-size:13px}
    .material-subtitle{font-size:24px}
}
@media (max-width:900px){.hamburger{display:flex}
    .hero-content{flex-direction:column;text-align:center}
    .hero-rating{justify-content:center}
    .hero-buttons{justify-content:center}
    .floating-card{display:none}
    .nav-container{position:fixed;top:80px;left:-100%;width:100%;height:calc(100vh - 80px);background-color:#fff;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:30px 20px;gap:20px;transition:left .3s ease;box-shadow:0 10px 20px rgba(0,0,0,.1);z-index:999;overflow-y:auto}
    .nav-container.active{left:0}
    .nav-links{flex-direction:column;width:100%;gap:0}
    .nav-links li{margin:0;border-bottom:1px solid #f0f0f0}
    .nav-links li a{display:block;padding:15px 20px;font-size:18px;white-space:normal}
    .dropdown-menu{position:static;visibility:visible;opacity:1;box-shadow:none;background:#f9f9f9;padding-left:20px;margin-top:0;transition:max-height .3s ease;border:none;border-radius:0}
    .nav-links li.active-dropdown .dropdown-menu{max-height:500px;visibility:visible;opacity:1}
    .dropdown-menu li a{padding:12px 20px;font-size:15px;white-space:normal}
    .dropdown-menu li a:hover{background-color:#fef2ed}
    .right-nav{flex-direction:row;justify-content:space-between;width:100%;padding-top:20px;border-top:1px solid #eee;flex-wrap:wrap}
    .phone{font-size:16px}
    .btn-primary{width:auto}
    .section-title{font-size:26px}
    .material-types,.parts-section{flex-direction:column}
    .material-content,.parts-content{text-align:center;padding:0}
    .material-buttons{justify-content:center}
}
@media (max-width:600px){.right-nav{gap:12px}
    .hero-description{font-size:16px}
    .phone{font-size:14px}
    .language,.search-icon{font-size:14px}
    .btn-primary{padding:6px 14px;font-size:12px}
    .feature-card{min-width:100%}
    .footer-content{flex-direction:column;gap:30px}
    .friend-links{flex-wrap:wrap}
}
.hero-section{background:#e8eff4;padding:80px 0 60px;position:relative;overflow:hidden}
.hero-content{display:flex;flex-wrap:wrap;width:1200px;max-width:90%;margin:0 auto;gap:40px}
.hero-left{flex:1;min-width:300px}
.hero-title{font-size:42px;font-weight:700;color:#161616;margin-bottom:24px;line-height:1.2}
.hero-description{font-size:18px;color:#555;margin-bottom:40px;line-height:1.6}
.hero-buttons{display:flex;gap:20px;flex-wrap:wrap;margin-bottom:40px;position:relative}
.hero-buttons a:hover+.wechatBox{display:block}
.btn-secondary{background-color:#e93900;color:#fff;border:none;padding:15px 40px;cursor:pointer;font-size:14px;font-weight:600;transition:background .2s;white-space:nowrap}
.btn-secondary:hover{background-color:#e93900;color:#fff}
.hero-right{flex:1;min-width:300px;position:relative}
.hero-image{width:100%;max-width:650px;border-radius:24px;box-shadow:0 20px 60px rgba(54,96,146,.15);margin:0 auto;display:block}
.floating-card{position:absolute;background-color:#fff;border-radius:16px;padding:20px;box-shadow:0 10px 30px rgba(0,0,0,.1);z-index:10}
.floating-card.support{top:20px;right:-60px;width:200px}
.floating-card.support .icon{background-color:#e6f0ff;color:#366092;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;margin-bottom:12px}
.floating-card.support h4{margin-bottom:8px;color:#333}
.floating-card.support p{font-size:14px;color:#666}
.floating-card.info{bottom:40px;left:-40px;width:180px}
.floating-card.info .icon{background-color:#fff2e6;color:#e93900;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;margin-bottom:12px}
.floating-card.info h4{margin-bottom:8px;color:#333}
.floating-card.info p{font-size:14px;color:#666}
.vbox{height:620px;position:relative}
.vbox-video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}
.vbox-poster{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;opacity:1;transition:opacity .5s}
.vbox-poster.poster-hidden{opacity:0}
.vbox-content{position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;background:#080b1180}
.vbox-content-inner{position:relative;width:1200px;height:100%;margin:0 auto;padding-top:178px}
.vbox-title{font-weight:800;font-size:48px;line-height:67px;color:#fff}
.vbox-subtitle{font-weight:500;font-size:32px;line-height:45px;color:#fffc;margin-top:16px}
.vbox-features{margin-top:36px;display:flex}
.vbox-feature-list{flex:none;margin-right:36px}
.vbox-feature-list-item{display:flex;align-items:center}
.vbox-feature-icon{width:24px;height:24px;margin-right:8px}
.vbox-feature-label{font-size:18px;line-height:27px;color:#fff}
.vbox-feature-list .vbox-feature-list-item:not(:first-child){margin-top:16px}
.vbox-btn-wrapper{position:absolute;left:0;bottom:112px;z-index:1;display:flex}
.vbox-btn-wrapper .vbox-btn:not(:first-child){margin-left:16px}
.vbox-play-btn{position:relative;display:inline-block;padding:9px 23px 9px 55px;background:#fff3;border:1px solid #fff;border-radius:4px;font-size:20px;line-height:28px;color:#fff;font-weight:500;box-shadow:0 1px 6px #00000080}
.vbox-play-btn:before{content:"";display:block;position:absolute;top:11px;left:23px;width:24px;height:24px;background-image:url(../images/video-play.png);background-size:cover}
.vbox-play-btn:hover{background:#ffffff4d}
.vbox-play-btn:active{background:#ffffff1a}
.ask{width:160px;border-radius:4px;background-color:#e93900}
.ask a,.l_a1bx3btn a,.l_g6bx1btn p{font-size:20px;line-height:49px;display:block;width:100%;color:#fff;text-align:center;position:relative;z-index:3;transition:all .36s;box-shadow:0 1px 6px #00000080;text-decoration:none}
.videoBox{display:none;width:960px;position:fixed;top:50%;left:50%;z-index:102;transform:translate(-50%,-50%);background:#000}
.videoBox.show{display:block}
.videoBox-video{width:100%;height:540px}
.videoBox-close{position:absolute;top:2px;right:2px;z-index:1;width:36px;height:36px;border-radius:50%;background-image:url(../images/video-close.png);background-size:cover}
.videoBox-close:hover{background-image:url(../images/video-close-hover.png)}
.videoBox.style-1{top:310px}
.wechatBox{position:absolute;top:130%;width:207px;border-radius:4px;background-color:#fff;box-shadow:4px 4px 10px 0 #00000014;left:16%;text-align:center;padding:20px;display:none}
.wechatBox img,.wechatBox2 img{width:138px}
.wechatBox2{position:absolute;top:85px;width:207px;border-radius:4px;background-color:#fff;box-shadow:4px 4px 10px 0 #00000014;left:46%;text-align:center;padding:20px;display:none;z-index:999}
.wechatBox img{width:138px}
.right-nav a:hover+.wechatBox{display:block}
.ask:hover+.wechatBox{display:block}
.services-section{padding:80px 0;background-color:#fff}
.container{width:1200px;max-width:90%;margin:0 auto}
.section-header{text-align:center;margin-bottom:60px}
.section-subtitle{color:#E93900;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}
.section-title{font-size:36px;font-weight:700;color:#1a1a1a;margin-bottom:20px}
.section-description{font-size:18px;color:#666;max-width:700px;margin:0 auto}
.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:40px}
.service-card{background-color:#fff;border-radius:20px;padding:40px 30px;box-shadow:0 10px 40px rgba(0,0,0,.05);transition:transform .3s ease,box-shadow .3s ease}
.service-card:hover{transform:translateY(-10px);box-shadow:0 20px 60px rgba(0,0,0,.1)}
.service-icon{width:60px;height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:24px}
.service-icon.website{background-color:#e93900;color:#366092}
.service-icon.seo{background-color:#e93900;color:#2e7d32}
.service-icon.content{background-color:#e93900;color:#ef6c00}
.service-title{font-size:24px;font-weight:700;color:#1a1a1a;margin-bottom:16px}
.service-description{font-size:16px;color:#666;margin-bottom:24px}
.service-features{list-style:none;margin-bottom:30px}
.service-features li{padding:8px 0;color:#555;position:relative;padding-left:24px}
.service-features li::before{content:"✓";color:#E93900;font-weight:700;position:absolute;left:0}
.btn-learn-more{background-color:#e93900;color:#fff;border:none;padding:10px 24px;border-radius:40px;cursor:pointer;font-size:14px;font-weight:600;text-decoration:none;transition:background .2s;white-space:nowrap}
.btn-learn-more:hover{color:#fff;transform:translateX(5px)}
.stats-section{padding:80px 0;background-color:#f8f9ff}
.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px;text-align:center}
.stat-item{background-color:#fff;padding:40px 20px;border-radius:20px;box-shadow:0 10px 40px rgba(0,0,0,.05)}
.stat-number{font-size:48px;font-weight:700;color:#e93900;margin-bottom:8px}
.stat-label{font-size:16px;color:#666}
.team-section{padding:80px 0;background-color:#fff}
.team-content{display:flex;align-items:center;flex-wrap:wrap;gap:60px}
.team-left{flex:1;min-width:300px}
.team-image{width:100%;border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.1)}
.team-right{flex:1;min-width:300px}
.team-right .section-subtitle{text-align:left}
.team-right .section-title{text-align:left;margin-bottom:30px}
.team-description{font-size:16px;color:#666;margin-bottom:30px;line-height:1.7}
.team-features{list-style:none;margin-bottom:40px}
.team-features li{padding:12px 0;color:#555;position:relative;padding-left:30px;font-size:16px}
.team-features li::before{content:"•";color:#366092;font-weight:700;font-size:24px;position:absolute;left:0;top:8px}
.cases-section{padding:80px 0;background-color:#f8f9ff}
.cases-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}
.case-card{background-color:#fff;border-radius:20px;overflow:hidden;box-shadow:0 10px 40px rgba(0,0,0,.05);transition:transform .3s ease}
.case-card:hover{transform:translateY(-8px)}
.case-image{width:100%;height:200px;object-fit:cover}
.case-content{padding:24px}
.case-title{font-size:18px;font-weight:700;color:#1a1a1a;margin-bottom:8px}
.case-category{font-size:14px;color:#e93900;font-weight:600}
@media (max-width:1100px){.top-nav{padding:12px 4%}
    .services-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
}
@media (max-width:900px){.hamburger{display:flex}
    .team-content{flex-direction:column}
    .team-right .section-subtitle,.team-right .section-title{text-align:center}
    .services-grid{grid-template-columns:1fr}
    .stats-grid{grid-template-columns:repeat(2,1fr)}
}
.cang-module{padding:80px 0;background-color:#fff}
.cang-container{width:1200px;max-width:90%;margin:0 auto}
.cang-title{font-size:42px;font-weight:700;color:#333;text-align:left;margin-bottom:60px}
.cang-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px}
.cang-feature-item{text-align:center;padding:40px 20px;background-color:#f9f9f9;border-radius:16px;transition:transform .3s ease,box-shadow .3s ease}
.cang-feature-item:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,.1)}
.cang-icon{width:80px;height:80px;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:36px;margin:0 auto 20px}
.cang-icon img{height:80px;width:80px;border-radius:20px}
.cang-feature-title{font-size:22px;font-weight:200;color:#333;margin-bottom:8px}
.cang-feature-desc{font-size:16px;color:#666}
@media (max-width:600px){.hero-title{font-size:28px}
    .section-title{font-size:28px}
    .section-description{font-size:16px}
    .stats-grid{grid-template-columns:1fr}
    .cases-grid{grid-template-columns:1fr}
    .cang-title{font-size:28px}
    .cang-features{grid-template-columns:1fr}
}
.l_nycontent{max-width:100%;margin:auto;background-color:#fff}
.l_nybannrs{background-color:#fff}
.l_nybannr{display:flex;align-items:center;flex-wrap:wrap;padding-top:60px;padding-bottom:80px;width:1200px;margin:0 auto;max-width:90%}
.l_nybanle{width:52%;padding-right:60px}
.l_nybanle h1{font-size:42px;font-weight:700;color:#161616;margin-bottom:20px}
.l_b1banp{margin-top:20px;margin-bottom:40px;font-size:18px;color:#555}
.l_banappoint{width:185px;background:linear-gradient(270deg,#e43700 1.32%,#f94100 57.34%,#ff4706 100%);border-radius:40px;text-align:center}
.l_banappoint a{display:block;padding:12px 0;color:#fff;font-weight:600;text-decoration:none}
.l_nybanri{width:48%;text-align:center}
.l_nybanri img{max-width:100%;border-radius:24px;box-shadow:0 20px 30px -10px rgba(0,0,0,.1)}
/*.hero-section{text-align:center;padding:60px 0 20px;background:#fff}*/
/*.hero-title{font-size:32px;font-weight:700;color:#1a2c3e}*/
.features-section{background:#fff;padding:20px 0 60px}
.features-section .container1200{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}
.feature-card{flex:1;min-width:280px;background-color:#fff;border-radius:24px;overflow:hidden;box-shadow:0 8px 20px rgba(0,0,0,.05);transition:transform .2s}
.feature-card:hover{transform:translateY(-6px)}
.feature-img{width:100%;height:200px;overflow:hidden;background:#f0f2f5}
.feature-img img{width:100%;height:100%;object-fit:cover}
.feature-content{padding:24px 20px}
.feature-title{font-size:20px;margin-bottom:16px;font-weight:700}
.feature-list{list-style:none;margin-bottom:24px}
.feature-list li{margin-bottom:10px;padding-left:20px;position:relative;font-size:14px;color:#4a5568}
.feature-list li::before{content:"•";color:#e93900;font-weight:700;font-size:16px;position:absolute;left:0}
.material-section{padding:60px 0;background-color:#fefcf9}
.section-title{text-align:center;font-size:32px;font-weight:700;margin-bottom:48px;color:#1e2f3e}
.material-types,.parts-section{display:flex;align-items:center;gap:40px;flex-wrap:wrap;margin-top:60px;margin-bottom:150px}
.material-img,.parts-img{flex:1;min-width:380px;border-radius:0;overflow:hidden;background:#eef2f7}
.material-img img,.parts-img img{width:100%;object-fit:cover;display:block}
.material-content,.parts-content{flex:1;padding:0 10px}
.material-subtitle{font-size:28px;font-weight:700;margin-bottom:20px;color:#1f3b4c}
.material-text{font-size:16px;color:#4a627a;margin-bottom:28px;line-height:1.6}
.material-buttons{display:flex;flex-wrap:wrap;gap:12px}
.ys_fadeup1{animation:fadeUp .5s ease both}
@keyframes fadeUp{from{opacity:0;transform:translateY(20px)}
    to{opacity:1;transform:translateY(0)}
}
.clearfix:after{content:"";display:table;clear:both}
.fl{float:left}
.fr{float:right}
.l_nycontent{max-width:100%;margin:auto;background-color:#fff}
.l_nybannrs{background-color:#fff}
.l_nybannr{display:flex;align-items:center;flex-wrap:wrap;padding-top:60px;padding-bottom:80px;width:1200px;margin:0 auto;max-width:90%}
.l_nybanle{width:52%;padding-right:60px}
.l_nybanle h1{font-size:42px;font-weight:700;color:#161616;margin-bottom:20px}
.l_b1banp{margin-top:20px;margin-bottom:40px;font-size:18px;color:#555}
.l_banappoint{width:185px;background:linear-gradient(270deg,#e43700 1.32%,#f94100 57.34%,#ff4706 100%);border-radius:40px;text-align:center}
.l_banappoint a{display:block;padding:12px 0;color:#fff;font-weight:600;text-decoration:none}
.l_nybanri{width:48%;text-align:center}
.l_nybanri img{max-width:100%;border-radius:24px;box-shadow:0 20px 30px -10px rgba(0,0,0,.1)}
/*.hero-section{text-align:center;padding:60px 0 20px;background:#fff}*/
/*.hero-title{font-size:32px;font-weight:700;color:#1a2c3e}*/
.features-section{background:#fff;padding:20px 0 60px}
.features-section .container1200{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}
.feature-card{flex:1;min-width:280px;background-color:#fff;border-radius:24px;overflow:hidden;box-shadow:0 8px 20px rgba(0,0,0,.05);transition:transform .2s}
.feature-card:hover{transform:translateY(-6px)}
.feature-img{width:100%;height:200px;overflow:hidden;background:#f0f2f5}
.feature-img img{width:100%;height:100%;object-fit:cover}
.feature-content{padding:24px 20px}
.feature-title{font-size:20px;margin-bottom:16px;font-weight:700}
.feature-list{list-style:none;margin-bottom:24px}
.feature-list li{margin-bottom:10px;padding-left:20px;position:relative;font-size:14px;color:#4a5568}
.feature-list li::before{content:"•";color:#e93900;font-weight:700;font-size:16px;position:absolute;left:0}
.material-section{padding:60px 0;background-color:#fefcf9}
.section-title{text-align:center;font-size:32px;font-weight:700;margin-bottom:48px;color:#1e2f3e}
.material-types,.parts-section{display:flex;align-items:center;gap:40px;flex-wrap:wrap;margin-top:60px;margin-bottom:150px}
.material-img,.parts-img{flex:1;min-width:380px;border-radius:0;overflow:hidden;background:#eef2f7}
.material-img img,.parts-img img{width:100%;object-fit:cover;display:block}
.material-content,.parts-content{flex:1;padding:0 10px}
.material-subtitle{font-size:28px;font-weight:700;margin-bottom:20px;color:#1f3b4c}
.material-text{font-size:16px;color:#4a627a;margin-bottom:28px;line-height:1.6}
.material-buttons{display:flex;flex-wrap:wrap;gap:12px}
.ys_fadeup1{animation:fadeUp .5s ease both}
@keyframes fadeUp{from{opacity:0;transform:translateY(20px)}
    to{opacity:1;transform:translateY(0)}
}
.clearfix:after{content:"";display:table;clear:both}
.fl{float:left}
.fr{float:right}
.services-hero h1{font-size:42px;color:#1a1a1a;margin-bottom:20px}
.services-hero p{font-size:18px;color:#666;line-height:1.6}
.services-list{padding:80px 0;background-color:#fff}
.service-item{display:flex;align-items:center;gap:60px;padding:60px 0;border-bottom:1px solid #f0f0f0;flex-wrap:wrap}
.service-item:nth-child(2n){flex-direction:row-reverse}
.service-item:last-child{border-bottom:none}
.service-image{flex:1;min-width:300px}
.service-image img{width:100%;max-width:400px;max-height:400px;margin:0 auto;display:block}
.service-content{flex:1;min-width:300px}
.service-content h2{font-size:28px;color:#1a1a1a;margin-bottom:16px}
.service-content p{font-size:16px;color:#666;line-height:1.7;margin-bottom:24px}
@media (max-width:1100px){.service-item{gap:40px}
    .services-hero h1{font-size:36px}
}
@media (max-width:900px){.service-item{flex-direction:column;text-align:center;gap:30px;padding:40px 0}
    .service-item:nth-child(2n){flex-direction:column}
    .service-content h2{font-size:24px}
    .service-image img{max-width:250px}
}
@media (max-width:600px){.services-hero h1{font-size:28px}
    .services-hero p{font-size:16px}
}


.section-header{margin-bottom:60px;text-align:center}
.section-subtitle{color:#366092;font-size:14px;font-weight:600;letter-spacing:1px;margin-bottom:12px;text-transform:uppercase}
.section-title{color:#1a1a1a;font-size:36px;font-weight:700;margin-bottom:20px}
.section-description{color:#666;font-size:18px;margin:0 auto;max-width:700px}
.about-hero{background-color:#f8f9ff;padding:60px 0}
.about-hero-content{margin:0 auto;max-width:800px;text-align:center}
.about-hero h1{color:#1a1a1a;font-size:42px;margin-bottom:20px}
.about-hero p{color:#666;font-size:18px;line-height:1.6}
.studio-intro{background-color:#fff;padding:80px 0}
.studio-content{align-items:flex-start;display:flex;flex-wrap:wrap;gap:60px}
.studio-text{flex:1;min-width:300px}
.studio-text h2{color:#1a1a1a;font-size:32px;margin-bottom:24px}
.studio-text p{color:#666;font-size:16px;line-height:1.7;margin-bottom:20px}
.studio-stats{display:flex;flex-wrap:wrap;gap:40px;margin-top:40px}
.stat-box{text-align:center}
.stat-box .stat-number{color:#e93900;font-size:36px;font-weight:700;margin-bottom:8px}
.stat-box .stat-label{color:#666;font-size:14px}
.studio-image{flex:1;min-width:300px}
.studio-image img{border-radius:16px;box-shadow:0 10px 40px rgba(0,0,0,.1);width:100%}
.timeline-section{background-color:#f8f9ff;padding:80px 0}
.timeline-container{margin:0 auto;max-width:1000px;position:relative}
.timeline-container:after{background-color:#e93900;bottom:0;content:"";left:50%;margin-left:-1px;position:absolute;top:0;width:2px}
.timeline-item{box-sizing:border-box;padding:20px 40px;position:relative;width:50%}
.timeline-item.left{left:0}
.timeline-item.right{left:50%}
.timeline-item:after{background-color:#fff;border:4px solid #e93900;border-radius:50%;content:"";height:20px;position:absolute;right:-10px;top:20px;width:20px;z-index:1}
.timeline-item.right:after{left:-10px}
.timeline-content{background-color:#fff;border-radius:12px;box-shadow:0 5px 20px rgba(0,0,0,.08);padding:20px 30px;position:relative}
.timeline-year{color:#e93900;font-size:20px;font-weight:700;margin-bottom:12px}
.timeline-title{color:#1a1a1a;font-size:18px;font-weight:600;margin-bottom:8px}
.timeline-description{color:#666;font-size:14px;line-height:1.6}
.features-section{background-color:#fff;padding:80px 0}
.features-grid{display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.feature-item{background-color:#f8f9ff;border:1px solid #e0e0e0;border-radius:16px;padding:30px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}
.feature-item:hover{box-shadow:0 10px 30px rgba(0,0,0,.1);transform:translateY(-5px)}
.feature-icon-list{align-items:center;background-color:#e93900;border-radius:50%;color:#fff;display:flex;font-size:24px;height:60px;justify-content:center;margin:0 auto 20px;width:60px}
.feature-title{color:#1a1a1a;font-size:18px;font-weight:600;margin-bottom:12px}
.feature-description{color:#666;font-size:14px;line-height:1.6}
.mission-section{background-color:#fff;padding:80px 0}
.mission-content{display:grid;gap:60px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.mission-card{background-color:#f8f9ff;border:1px solid #e0e0e0;border-radius:16px;padding:40px}
.mission-card h3{color:#1a1a1a;font-size:24px;font-weight:600;margin-bottom:20px}
.mission-card ul{list-style:none;padding:0}
.mission-card ul li{color:#666;padding:8px 0 8px 24px;position:relative}
.mission-card ul li:before{color:#e93900;content:"•";font-weight:700;left:0;position:absolute;top:10px}
.values-grid{display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin-top:40px}
.value-item{background-color:#fff;border-radius:12px;box-shadow:0 3px 10px rgba(0,0,0,.05);padding:20px;text-align:center}
.value-item .icon{color:#e93900;font-size:24px;margin-bottom:12px}
.value-item h4{color:#1a1a1a;font-size:16px;font-weight:600;margin-bottom:8px}
.partners-section{background-color:#f8f9ff;padding:80px 0}
.partners-grid{display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.partner-item{background-color:#fff;border-radius:12px;box-shadow:0 5px 20px rgba(0,0,0,.08);padding:30px 20px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}
.partner-item:hover{box-shadow:0 10px 30px rgba(0,0,0,.1);transform:translateY(-5px)}
.partner-logo{align-items:center;color:#333;display:flex;font-size:18px;font-weight:600;height:60px;justify-content:center;margin:0 auto 16px;width:120px}
.partner-name{color:#666;font-size:14px}
.contact-section{background-color:#fff;padding:80px 0}
.contact-content{display:grid;gap:60px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.contact-info h3{color:#1a1a1a;font-size:24px;font-weight:600;margin-bottom:24px}
.contact-info ul{list-style:none;padding:0}
.contact-info ul li{align-items:flex-start;color:#666;display:flex;gap:12px;padding:12px 0}
.contact-info ul li .icon{color:#e93900;font-size:20px;margin-top:2px}
.contact-form{background-color:#f8f9ff;border-radius:16px;padding:40px}
.contact-form h3{color:#1a1a1a;font-size:24px;font-weight:600;margin-bottom:24px}
.form-group{margin-bottom:20px}
.form-group label{color:#333;display:block;font-weight:500;margin-bottom:8px}
.form-group input,.form-group textarea{border:1px solid #ddd;border-radius:8px;box-sizing:border-box;font-size:14px;padding:12px;width:100%}
.form-group textarea{min-height:120px;resize:vertical}
@media (max-width:1100px){.studio-content{gap:40px}
    .about-hero h1{font-size:36px}
}
@media (max-width:900px){.timeline-container:after{left:31px}
    .timeline-item{padding-left:70px;padding-right:25px;width:100%}
    .timeline-item.right{left:0}
    .timeline-item.right:after,.timeline-item:after{left:21px}
    .studio-content{flex-direction:column}
    .contact-content,.mission-content{gap:40px}
}
@media (max-width:600px){.about-hero h1{font-size:28px}
    .about-hero p{font-size:16px}
    .section-title,.studio-text h2{font-size:28px}
    .features-grid{grid-template-columns:1fr}
    .values-grid{grid-template-columns:1fr}
    .partners-grid{gap:20px;grid-template-columns:repeat(2,1fr)}
    .contact-form{padding:20px}
}

.cases-hero{padding:140px 0;background-color:#f8f9ff;background-image: url("../images/case_banner.jpg")}
.cases-hero-content {
    text-align: left;
    margin: 0 auto
}
.cases-hero h1{font-size:62px;color:rgb(0, 0, 0);margin-bottom:20px}
.cases-hero p{font-size:18px;color:#666;line-height:1.6}
.cases-list{padding:80px 0;background-color:#fff}
.cases-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:40px}
.cases-grid a{text-decoration:none;color:#1a1a1a;font-size:24px;font-weight:600;margin-bottom:12px}
.case-item{background-color:#fff;padding:40px;border-radius:16px;box-shadow:0 5px 20px rgba(0,0,0,.08);transition:transform .3s ease,box-shadow .3s ease;border:1px solid #f0f0f0}
.case-item:hover{transform:translateY(-5px);box-shadow:0 15px 30px rgba(0,0,0,.12)}
.case-logo{margin-bottom:24px;display:flex;align-items:center}
.case-logo img{max-height:100%;max-width:100%;object-fit:contain}
.case-logo .text-logo{font-size:24px;font-weight:700;color:#333}
.case-name{font-size:20px;font-weight:600;color:#1a1a1a;margin-bottom:16px}
.case-description{font-size:16px;color:#666;line-height:1.7}
.logo-nec small{font-size:12px;color:#666;margin-left:8px}
.logo-lidl .dot{width:12px;height:12px;background-color:red;border-radius:50%}
@media (max-width:1100px){.cases-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}
    .cases-hero h1{font-size:36px}
}
@media (max-width:900px){.cases-grid{grid-template-columns:1fr}
    .case-item{padding:30px}
}
@media (max-width:600px){.cases-hero h1{font-size:28px}
    .cases-hero p{font-size:16px}
    .section-title{font-size:28px}
}
.case-breadcrumb a{color:#e93900;text-decoration:none}
.case-breadcrumb a:hover{text-decoration:underline}
.case-meta span{margin-right:20px}
.case-dcontent{padding:80px 0;background-color:#fff}
.case-dcontent-container{max-width:1200px;margin:0 auto;display:flex;gap:60px}
.content-section{margin-bottom:60px}
.content-section h2{font-size:28px;color:#1a1a1a;margin-bottom:24px}
.content-section p{font-size:16px;color:#666;line-height:1.8;margin-bottom:24px}
.content-section img{width:100%;border-radius:12px;margin:30px 0}
.content-section ul{margin:24px 0;padding-left:24px}
.content-section li{font-size:16px;color:#666;line-height:1.8;margin-bottom:12px}
.content-section li::marker{color:#e93900}
.case-highlights-left{flex:0 0 350px;position:sticky;top:80px;align-self:flex-start;max-height:calc(100vh - 100px);overflow-y:auto}
.highlight-left-item{background-color:#F7F7F7;padding:30px;border-radius:16px;box-shadow:0 5px 20px rgba(0,0,0,.08);margin-bottom:20px}
.highlight-left-title{font-size:20px;font-weight:600;color:#e93900;margin-bottom:16px}
.highlight-left-content{font-size:16px;color:#666;line-height:1.8}
.highlight-left-content p{margin-bottom:12px}
.case-details-right{flex:1}
.brand-story h3{font-size:24px;color:#1a1a1a;margin-bottom:20px}
.brand-story p{font-size:16px;color:#666;line-height:1.8}
@media (max-width:900px){.case-content{padding:40px 20px}
    .case-dcontent-container{flex-direction:column;gap:40px}
    .case-highlights-left{flex:0 0 auto;position:static;max-height:none;overflow-y:visible}
    .highlight-left-item{padding:20px}
    .content-section{margin-bottom:60px}
    .content-section h2{font-size:24px}
    .case-details-right{padding:0}
}

.solution-hero{background-color:#333;color:#fff;padding:80px 0;text-align:center}
.solution-hero-container{max-width:1200px;margin:0 auto;padding:0 20px}
.solution-hero-title{font-size:36px;margin-bottom:16px;font-weight:700}
.solution-hero-subtitle{font-size:16px;margin-bottom:32px;color:rgba(255,255,255,.8)}
.btn-get-solution{background-color:#e93900;color:#fff;border:none;padding:12px 32px;font-size:16px;border-radius:4px;cursor:pointer;transition:background-color .3s}
.btn-get-solution:hover{background-color:#c03000}
/* 痛点区域 */
.pain-points-section{padding:80px 0;background-color:#fff}
.pain-points-container{max-width:1200px;margin:0 auto;padding:0 20px}
.pain-points-title{font-size:28px;text-align:center;margin-bottom:60px;color:#333}
.pain-points-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start}
.pain-point-main{background-color:#e93900;color:#fff;padding:60px 40px;border-radius:8px;position:relative;overflow:hidden;height:100%}
.pain-point-main::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;border:2px solid rgba(255,255,255,.3);border-radius:50%}
.pain-point-main::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:150px;height:150px;border:2px solid rgba(255,255,255,.3);border-radius:50%}
.pain-point-main h3{font-size:24px;margin-bottom:16px;position:relative;z-index:1}
.pain-point-main p{font-size:16px;line-height:1.6;position:relative;z-index:1}
.pain-points-right{display:flex;flex-direction:column;gap:30px}
.pain-point-item{background-color:#f5f5f5;padding:90px 30px;border-radius:8px;position:relative;overflow:hidden}
.pain-point-item::before{content:'';position:absolute;top:50%;right:30px;transform:translateY(-50%);width:100px;height:100px;border:2px solid rgba(0,0,0,.1);border-radius:50%}
.pain-point-item h3{font-size:20px;margin-bottom:12px;color:#333;position:relative;z-index:1}
.pain-point-item p{font-size:14px;color:#666;position:relative;z-index:1;max-width:70%}
.products-section{padding:80px 0;background-color:#f8f9ff}
.products-container{max-width:1200px;margin:0 auto;padding:0 20px}
.products-title{font-size:28px;text-align:center;margin-bottom:60px;color:#333}
.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}
.product-card{background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,.05);transition:transform .3s}
.product-card:hover{transform:translateY(-5px)}
.product-image{width:100%;height:250px;object-fit:cover}
.product-content{padding:24px}
.product-name{font-size:18px;margin-bottom:12px;color:#333}
.product-description{font-size:14px;color:#666;line-height:1.6}
@media (max-width:900px){
    .pain-points-grid{grid-template-columns:1fr}
    .solution-hero-title{font-size:28px}
    .products-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}
}
@media (max-width:600px){
    .solution-hero{padding:60px 0}
    .solution-hero-title{font-size:24px}
    .pain-points-section,.products-section{padding:60px 0}
    .pain-points-title{font-size:24px}
    .products-title{font-size:24px}
    .pain-point-item p{max-width:100%}
}



.solutions-banner{padding:80px 0;position:relative;overflow:hidden;background:url("/images/bg.jpg") top,transparent;background-size:cover;background-attachment:fixed}
.solutions-banner::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 50%,rgba(233,57,0,.1) 0,transparent 50%),radial-gradient(circle at 70% 30%,rgba(54,96,146,.1) 0,transparent 50%);z-index:0}
.solutions-container{max-width:1200px;margin:0 auto;padding:0 20px;position:relative;z-index:1}
.solutions-header{text-align:center;margin-bottom:80px}
.solutions-title{font-size:42px;font-weight:700;color:#1a1a1a;margin-bottom:16px}
.solutions-subtitle{font-size:18px;color:#666;margin-bottom:60px}
.system-development-badge{display:inline-block;background-color:#366092;color:#fff;padding:12px 24px;border-radius:24px;font-size:16px;font-weight:600;margin-bottom:40px}
.systems-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:100%;margin:0 auto;padding:0 20px}
.system-item{text-align:center;position:relative}
.system-circle{width:240px;height:240px;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 auto 16px;color:#fff;position:relative;z-index:1;text-align:center;padding:0 15px}
.circle-title{font-size:36px;font-weight:700;display:block;margin-bottom:5px}
.circle-system{font-size:14px;font-weight:500;display:block;line-height:1.3}
.system-circle::before{content:'';position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;border-radius:50%;background:linear-gradient(135deg,rgba(255,255,255,.1) 0,rgba(255,255,255,0) 100%);z-index:-1}
.system-name{font-size:18px;font-weight:700;color:#333;margin-bottom:6px}
.system-description{font-size:13px;color:#666;margin-bottom:16px;padding:0 10px}
.system-btn{display:inline-block;padding:6px 16px;border:1px solid #366092;color:#366092;text-decoration:none;border-radius:4px;font-size:13px;transition:all .3s ease}
.system-btn:hover{background-color:#366092;color:#fff}
.connections{position:absolute;top:50%;left:0;right:0;height:200px;z-index:0;pointer-events:none}
.connection-line{position:absolute;height:2px;background-color:rgba(54,96,146,.3);top:50%;transform:translateY(-50%)}
.connection-line.left{left:0;right:50%}
.connection-line.right{left:50%;right:0}
.system-circle.onej{background-color:#366092;filter:drop-shadow(1px 1px 10px rgba(28, 115, 177, 1));overflow:visible;transition:all .3s ease}
.system-circle.onej:hover{transform:scale(1.1);box-shadow:0 0 30px rgba(54,96,146,.6),0 0 60px rgba(54,96,146,.3),inset 0 0 20px rgba(255,255,255,.2);background:linear-gradient(135deg,#366092 0,#4a77b0 100%);filter:drop-shadow(1px 1px 20px rgba(28, 115, 177, .8))}
.system-circle.onew{background-color:#e93900;filter:drop-shadow(1px 1px 10px rgba(254, 87, 34, 1));overflow:visible;transition:all .3s ease}
.system-circle.onew:hover{transform:scale(1.1);box-shadow:0 0 30px rgba(233,57,0,.6),0 0 60px rgba(233,57,0,.3),inset 0 0 20px rgba(255,255,255,.2);background:linear-gradient(135deg,#e93900 0,#ff6b3d 100%);filter:drop-shadow(1px 1px 20px rgba(254, 87, 34, .8))}
.system-circle.onem{background-color:#4caf50;filter:drop-shadow(1px 1px 10px rgba(76, 176, 80, 1));overflow:visible;transition:all .3s ease}
.system-circle.onem:hover{transform:scale(1.1);box-shadow:0 0 30px rgba(76,175,80,.6),0 0 60px rgba(76,175,80,.3),inset 0 0 20px rgba(255,255,255,.2);background:linear-gradient(135deg,#4caf50 0,#66bb6a 100%);filter:drop-shadow(1px 1px 20px rgba(76, 176, 80, .8))}
.system-circle.oneg{background-color:#2196f3;filter:drop-shadow(1px 1px 10px rgba(66, 165, 246, 1));overflow:visible;transition:all .3s ease}
.system-circle.oneg:hover{transform:scale(1.1);box-shadow:0 0 30px rgba(33,150,243,.6),0 0 60px rgba(33,150,243,.3),inset 0 0 20px rgba(255,255,255,.2);background:linear-gradient(135deg,#2196f3 0,#42a5f5 100%);filter:drop-shadow(1px 1px 20px rgba(66, 165, 246, .8))}
@media (max-width:1200px){.solutions-banner{padding:60px 0}
    .solutions-title{font-size:36px}
    .system-circle{width:140px;height:140px}
    .circle-title{font-size:20px}
    .circle-system{font-size:13px}
}
@media (max-width:900px){.solutions-subtitle{font-size:16px}
    .systems-grid{grid-template-columns:repeat(2,1fr);gap:30px}
    .system-circle{width:160px;height:160px;font-size:22px}
}
@media (max-width:600px){.solutions-banner{padding:40px 0}
    .solutions-title{font-size:28px}
    .systems-grid{grid-template-columns:1fr}
    .system-circle{width:140px;height:140px;font-size:20px}
}