.banner{width:100%;min-width:1200px;height:640px;}.top{width:1200px;margin:0 auto;padding:12px 0 16px;font-size:12px;color:#fff;text-align:right;}.top a{color:#fff;margin-left:15px;text-decoration:none;}.header-content{max-width:1200px;margin:0 auto 280px;}.logo{float:left;width:200px;}.logo img{height:40px;margin-right:10px;}.nav{float:left;width:800px;margin-top:12px;overflow:hidden;}.nav a{float:left;display:block;height:30px;margin-right:40px;color:#fff;font-size:15px;text-decoration:none;}.nav a:hover{opacity:0.8;}.nav a.cur{color:#fff;font-weight:bold;background:url(../img/nav-cur.png) bottom center no-repeat;}.header-right{float:right;font-size:14px;}.header-right a{display:block;margin-top:10px;padding:5px 18px;color:#999;text-decoration:none;border:1px solid #999;border-radius:5px;}.hero{text-align:center;}.hero-content{width:1200px;margin:0 auto;padding:0 20px;}.scroll-list{position:relative;width:100%;height:18px;margin:0 auto;padding:0;overflow:hidden;list-style:none;}.scroll-list li{position:absolute;top:0;left:0;right:0;z-index:1;height:18px;font-size:18px;line-height:18px;color:#fff;text-align:center;opacity:0;transform:translateY(100%);transition:all 0.5s cubic-bezier(0.4,0,0.2,1);}.scroll-list li.active{z-index:2;opacity:1;transform:translateY(0);}.scroll-list li.out{z-index:1;opacity:0;transform:translateY(-100%);}.search-section{position:relative;top:40px;}.search-tabs{display:flex;width:780px;margin:0 auto;}.search-tab{float:left;padding:10px 15px;color:#fff;cursor:pointer;border-radius:5px;}.search-tab.active{font-weight:bold;background:url(../img/tab-cur.png) bottom center no-repeat;background-size:50% 50%;}.search-box{display:flex;width:780px;margin:0 auto;overflow:hidden;background:white;border-radius:5px;box-shadow:0 4px 6px rgba(0,0,0,0.1);}.search-input{flex:1;padding:15px 20px;border:none;outline:none;font-size:16px;}.search-button{padding:15px 30px;color:white;font-size:16px;border:none;background:#ff910f;cursor:pointer;transition:background 0.3s;}.search-button:hover{background:#e67e00;}.map-search-link{padding:15px 20px 15px 20px;color:#333;font-size:14px;text-decoration:none;background:url(../img/map.png) 0 17px no-repeat;background-size:18px 18px;}.map-search-link:hover{opacity:0.8;}.content{padding:48px 0 0 0;}.section-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:10px;border-bottom:1px solid #eee;height:48px;overflow:hidden;margin-bottom:24px;}.section-tabs{font-size:24px;display:flex;gap:40px;margin-bottom:-4px;}.section-tab{padding:8px 0;cursor:pointer;}.section-tab.active{font-weight:bold;color:#ff910f;border-bottom:3px solid #ff910f;}.more-link{color:#666;font-size:14px;text-decoration:none;margin-left:auto;}.more-link i{background-image:url(../img/arr.png);background-size:100% 100%;background-repeat:no-repeat;background-position:center center;width:14px;height:14px;display:inline-block;}.cards-grid{margin-bottom:40px;}.card-section{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;transition:opacity 0.3s ease-in-out;}.card-section[data-section="project"],.card-section[data-section="product"]{display:none;}.card{overflow:hidden;float:left;width:282px;}.card:hover{transform:translateY(-5px);background:white;transition:transform 0.3s;}.mask{position:absolute;top:120px;left:0;width:100%;height:120px;background:url(img/mask.png) repeat-x;border-radius:0 0 8px 8px;z-index:10;display:block;}.mask .view{display:block;width:32px;height:32px;background:url(img/720.png) center center no-repeat;background-size:100% 100%;float:right;margin:73px 15px 0 0;cursor:pointer;}.mask .video{display:block;width:32px;height:32px;background:url(img/video.png) center center no-repeat;background-size:100% 100%;float:right;margin:73px 15px 0 0;cursor:pointer;}.card-image{position:relative;border-radius:8px;height:240px;display:flex;}.card-image img{width:100%;height:100%;border-radius:8px;}.card-tag{font-weight:normal;padding:2px 6px;color:white;font-size:12px;background:#4CAF50;margin-right:6px;border-radius:2px;}.card-tag.blue{background:#2196F3;}.card-tag.orange{background:#FF9800;}.card-content{padding:10px 0;}.card-title{color:#333;margin-bottom:10px;font-size:16px;font-weight:bold;height:24px;line-height:24px;overflow:hidden;}.card-price{margin-bottom:5px;color:#ff5722;font-size:14px;font-weight:bold;}.card-price span{font-size:12px;color:#999;float:right;font-weight:normal;}.card-price em{font-size:12px;color:#333;font-weight:normal;font-style:normal;}.card-info{display:flex;justify-content:space-between;font-size:12px;color:#999;}.card-info span:first-child{text-align:left;}.card-info span:last-child{text-align:right;}