*{margin:0;padding:0;box-sizing:border-box;font-family:"Microsoft Yahei",sans-serif;}
a{text-decoration:none;color:#333;}
img{max-width:100%;border:none;}
.container{width:1440px;margin:0 auto;padding:0 15px;max-width:100%;}
.row{display:flex;flex-wrap:wrap;margin:0 -15px;}
[class*="col-"]{padding:0 15px;}
.col-lg-3{width:25%;}
.col-lg-4{width:33.33%;}
.col-md-4{width:33.33%;}
.col-md-5{width:41.66%;}
.col-md-6{width:50%;}
.col-md-7{width:58.33%;}
.col-6{width:50%;}
.mt-4{margin-top:1.5rem}
.mt-5{margin-top:3rem}
.py-5{padding:3rem 0}
.bg-gray{background:#f7f8fa}
.btn-blue{background:#165DFF;color:#fff;border:none;padding:10px 24px;border-radius:4px;cursor:pointer}
.btn-blue:hover{background:#0e48d2;}

/*头部导航*/
.header{background:#fff;box-shadow:0 2px 8px #00000012;padding:12px 0;position:sticky;top:0;z-index:998}
.logo img{height:50px;}
.pc-nav a{margin:0 14px;padding:8px 0;display:inline-block;font-size:15px;}
.pc-nav a.active{color:#165DFF;border-bottom:2px solid #165DFF}
.mobile-menu{display:none;width:36px;height:30px;position:relative;cursor:pointer}
.mobile-menu span{width:100%;height:3px;background:#333;display:block;margin:6px 0;border-radius:2px}
.mobile-nav{display:none;width:100%;background:#fff;padding:15px;position:absolute;left:0;top:100%;box-shadow:0 4px 8px #00000015}
.mobile-nav a{display:block;padding:12px 15px;border-bottom:#eee solid 1px}

/*轮播banner*/
.banner{height:420px;overflow:hidden}
.banner .item{height:420px;display:flex;align-items:center;color:#fff}
.banner-text h2{font-size:36px;margin-bottom:16px}
.banner-text p{font-size:18px;margin-bottom:24px}
.btn{padding:12px 32px;background:#165DFF;color:#fff;border-radius:6px;display:inline-block}

/*搜索栏*/
.search-box{background:#165DFF;padding:25px 0}
.search-box form{display:flex;gap:12px;align-items:center}
.search-box input{height:44px;width:320px;padding:0 12px;border-radius:4px;border:0;outline:none}
.search-box select{height:44px;padding:0 10px;border-radius:4px;border:none}
.search-box button{height:44px;padding:0 26px;background:#0c3cad;color:#fff;border:0;border-radius:4px;cursor:pointer}

/*商标卡片*/
.title-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}
.title-bar h3{font-size:24px;color:#222}
.tm-card{border:1px solid #eee;border-radius:8px;overflow:hidden;background:#fff;transition:0.3s;margin-bottom:24px}
.tm-card:hover{box-shadow:0 5px 18px rgba(22,93,255,0.12)}
.tm-img{height:180px;display:flex;align-items:center;justify-content:center;padding:10px;background:#fafafa}
.tm-card h4{padding:12px 15px;font-size:16px}
.tm-card p{padding:0 15px;color:#666;font-size:14px;line-height:1.7}
.price{color:#f54545;font-weight:bold;font-size:16px;margin:6px 0;}
.tm-btn{display:block;text-align:center;background:#165DFF;color:#fff;padding:9px 0;margin:12px 15px;border-radius:4px}

/*筛选栏*/
.filter-bar{padding:16px;border:#eee solid 1px;border-radius:6px;background:#fff}
.filter-bar select{height:38px;padding:0 8px;margin:0 8px}

/*面包屑*/
.location{padding:10px 0;color:#888;font-size:14px}

/*询价表单*/
.inquire-box{border:1px solid #e5e8f2;padding:24px;border-radius:8px;background:#f7f9ff}
.inquire-box input,.inquire-box textarea{width:100%;border:1px solid #d9e0f2;padding:12px;border-radius:4px;outline:#165DFF;}
.inquire-box textarea{height:100px;resize:none}

/*服务板块*/
.service-item{text-align:center;padding:30px 15px}
.service-item h4{margin-bottom:12px;color:#222}

/*底部footer*/
.footer{background:#142036;color:#b0b8d4;padding:50px 0;margin-top:60px}
.footer h4{color:#fff;margin-bottom:20px;font-size:18px}
.foot-link a{display:inline-block;width:48%;color:#b0b8d4;line-height:2.2}
.copyright{margin-top:30px;padding-top:20px;border-top:#27344f solid 1px;text-align:center;font-size:14px}

/*分页*/
.page-box{text-align:center;margin-top:40px}
.page-box a,.page-box span{border:1px solid #ddd;padding:8px 14px;margin:0 3px;border-radius:3px}
.page-box span.current{background:#165DFF;color:#fff;border-color:#165DFF}

/*响应式适配 移动端*/
@media (max-width:992px){
    .col-lg-3{width:50%}
    .col-md-4{width:50%}
    .col-md-5,.col-md-7{width:100%}
    .pc-nav{display:none}
    .mobile-menu{display:block}
    .banner{height:300px}
    .banner-text h2{font-size:26px}
    .search-box form{flex-wrap:wrap}
    .search-box input{width:100%}
}
@media(max-width:576px){
    .col-6{width:100%;}
}