* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Microsoft Yahei", Helvetica, Arial, sans-serif;
}
a {text-decoration: none;color: #333;}
ul,ol {list-style: none;}
img {max-width: 100%;display: block;}
input,button,textarea {outline: none;border: 1px solid #ddd;font-size:15px;}
.container {width: 1200px;margin: 0 auto;}
@media (max-width:1220px){.container {width: 96%;}}

/* 顶部通栏 */
.top-bar {background: #192a56;color: #fff;padding: 8px 0;font-size: 14px;}
.flex-row {display: flex;justify-content: space-between;align-items: center;}
.top-tel span {margin-left: 18px;}

/* 头部导航 */
.header {background: #fff;box-shadow: 0 2px 6px #eee;padding: 15px 0;}
.header-wrap {display: flex;justify-content: space-between;align-items: center;}
.logo h1 {font-size: 24px;color: #192a56;}
.nav-list {display: flex;flex-wrap:wrap;}
.nav-list li {padding: 10px 16px;}
.nav-list li a {font-size: 16px;font-weight: 500;transition: 0.25s;}
.nav-list li a:hover,.nav-list li a.active {color: #0066cc;}

/* 通用区块标题 */
.section-title {text-align: center;padding: 50px 0 30px;}
.section-title h3 {font-size: 28px;color: #192a56;position: relative;display: inline-block;}
.section-title h3::after {content: "";width: 60px;height: 3px;background: #0066cc;position: absolute;left: 50%;transform: translateX(-50%);bottom: -10px;}

/* 轮播横幅 */
.banner {height: 420px;background: linear-gradient(135deg,#0052cc,#2575fc);display: flex;align-items: center;color: #fff;}
.banner-text h2 {font-size: 42px;margin-bottom: 15px;}
.banner-text p {font-size: 18px;line-height: 1.8;opacity: 0.9;}

/* 公司简介 */
.about-box {display: flex;gap: 40px;align-items: center;padding-bottom: 50px;}
.about-img-box {width: 50%;height: 300px;background: #eef4fc;display: flex;align-items: center;justify-content: center;color: #666;font-size: 20px;border: 1px dashed #999;}
.about-text-box {width: 50%;line-height: 1.9;font-size: 15px;color: #555;}

/* 产品模块 */
.product-bg {background: #f7f9fc;padding-bottom: 60px;}
.product-grid {display: grid;grid-template-columns: repeat(4,1fr);gap: 25px;}
.pro-card {background: #fff;border-radius: 6px;overflow: hidden;box-shadow: 0 2px 10px #e1e7f0;transition: 0.3s;}
.pro-card:hover {transform: translateY(-5px);}
.pro-img-box {height: 180px;background: #eef4fc;display: flex;align-items: center;justify-content: center;color: #999;border: 1px dashed #ccc;}
.pro-info {padding: 15px;}
.pro-name {font-size: 16px;font-weight: 500;margin-bottom: 8px;}
.pro-price {color: #e53935;font-size: 17px;font-weight: bold;}
.add-cart-btn {margin-top:10px;width:100%;background:#0066cc;color:#fff;padding:7px 0;text-align:center;border-radius:4px;cursor:pointer;}
.add-cart-btn:hover {background:#0052aa;}

/* 分页 */
.pagination {display:flex;justify-content:center;margin:40px 0;gap:8px;}
.pagination a {padding:6px 14px;border:1px solid #ddd;}
.pagination a.active {background:#0066cc;color:#fff;border-color:#0066cc;}

/* 表单通用 */
.form-wrap {width:600px;margin:0 auto 60px;padding:30px;border:1px solid #eee;border-radius:8px;}
.form-item {margin-bottom:18px;}
.form-item label {display:block;margin-bottom:8px;}
.form-item input,.form-item textarea {width:100%;padding:10px;font-size:15px;}
.sub-btn {width:100%;background:#0066cc;color:#fff;padding:12px;font-size:16px;cursor:pointer;border:none;}
.code-row {display:flex;gap:10px;}
.code-row input {flex:1;}
.code-btn {white-space:nowrap;padding:0 12px;background:#eee;cursor:pointer;}

/* 购物车表格 */
.cart-table {width:100%;border-collapse: collapse;margin-bottom:30px;}
.cart-table th,.cart-table td {border:1px solid #eee;padding:12px;text-align:center;}
.cart-total {text-align:right;font-size:18px;padding-right:20px;margin-bottom:40px;}
.cart-del {color:red;cursor:pointer;}

/* 联系页面 */
.contact-box {display:flex;gap:50px;padding-bottom:60px;}
.contact-left {width:50%;line-height:2.2;font-size:16px;}
.contact-right {width:50%;height:320px;border:1px solid #eee;}

/* 新闻样式 */
.news-item {padding:15px;border-bottom:1px solid #eee;margin-bottom:15px}
.news-item h4 a {color:#192a56;font-size:17px}
.news-time {color:#999;font-size:14px;margin:8px 0}
.article-box {padding:0 20px 60px;line-height:2;font-size:15px;color:#444}
.article-title {text-align:center;font-size:22px;margin-bottom:10px}
.article-time {text-align:center;color:#999;margin-bottom:30px}

/* 页脚 */
footer {background: #192a56;color: #ccc;padding: 40px 0 20px;text-align: center;font-size: 14px;line-height: 1.8;}
.icp-text {margin-top:12px;}

/* 移动端适配 */
@media (max-width:768px) {
    .header-wrap {flex-direction: column;gap: 15px;}
    .nav-list {justify-content: center;}
    .about-box,.contact-box {flex-direction: column;}
    .about-img-box,.about-text-box,.contact-left,.contact-right {width: 100%;}
    .product-grid {grid-template-columns: repeat(2,1fr);}
    .banner {height: 300px;text-align: center;padding: 0 20px;}
    .banner-text h2 {font-size: 28px;}
    .form-wrap {width:96%;}
}