/**
 * Swiper 3.4.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 *
 * http://www.idangero.us/swiper/
 *
 * Copyright 2017, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 *
 * Licensed under MIT
 *
 * Released on: March 10, 2017
 */

/* 保留原有全局样式，并补充卡片按钮独立样式 */
.hint_box_case {margin-left: 6%;color: #fff; margin-top: 18%; position: relative; display: flex; align-items: center; }
.hint_box_case .hint_box { width: 13px; height: 21px; border: 2px solid #fff; border-radius: .5rem; position: relative; margin-right: .5vw; font-size: .14rem; line-height: 1; }
.hint_box_case .hint_box span { width: 3px; height: 5px; border-radius: 2px; background-color: #fff; position: absolute; left: 3px; top: 2px; animation: upd 2s ease infinite; }


@import url("https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,900&display=swap");
ul,li{list-style:none;margin:0;padding:0}
body{margin:0;padding:0;overflow-x: hidden;font-family: "Poppins", sans-serif;}
div,img,h3,h4,p,dd,dl,em{margin: 0; padding: 0; border: 0;}
h1{letter-spacing:0px;margin:0;padding:0}
h2{letter-spacing:0px;font-size:16px;color:#000;background:inherit;margin:0 0 5px;padding:0}
p{margin:0 auto}
a{text-decoration:none;}

.proall{background: url(../images/probg.jpg) no-repeat center;width:100%;height: 52vw;margin-top:-7vw;padding-top:0vw;border-top:0px solid #bfd8f3;background-size: cover;}
.pro{width: 88%;padding:19vw 6% 0 6%;overflow: hidden;}
.pro h3{font-size: 3.5vw;font-weight: 600;color: #212121;padding-bottom:0.3vw;}
.pro dd{font-size: 1.1vw;font-weight: bold;color: #666;line-height: 1.6vw;}
/* 三个系列共用模块 */
.oxider-series-module,
.gangyu-series-module,
.zhiyou-series-module {
    max-width: 88%;
    margin:7vw auto 7vw auto;
    padding: 0 6%;
}
.gangyu-series-module{background: #f6f6f6;
    max-width: 88%;
    margin:0vw auto 0vw auto;
    padding: 7vw 6%;
}
.oxider-header,
.gangyu-header,
.zhiyou-header {
    text-align: left;
    margin-bottom: 50px;
}
.oxider-header h2,
.gangyu-header h2,
.zhiyou-header h2 {
    font-size: 2.2vw;
    font-weight: 600;
    color: #1e2a3a;
    position: relative;
    display: inline-block;
    padding-bottom: 15px;
    letter-spacing: 2px;
}
.probiao{width: 2.5vw;position: relative; top: .2vw; opacity: 0.8; margin-right: 0.5vw;}
.oxider-header h2:after,
.gangyu-header h2:after,
.zhiyou-header h2:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 0px;
    background: #96533c;
    border-radius: 3px;
}
.oxider-container,
.gangyu-container,
.zhiyou-container {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    padding: 0px 0px;
    transition: all 0.3s ease;
}
/* 左侧区域样式保留，改为系列介绍 */
.oxider-left,
.gangyu-left,
.zhiyou-left {
    flex: .5;
    min-width: 260px;
    padding-right: 5vw;
}
.product-title {
    font-size: 1.7vw;
    font-weight: 700;
    color: #1e2f3e;
    margin-bottom: 20px;
    letter-spacing: 1px;
    border-left: 0px solid #168ce3;
    padding-left: 0px;
}
.product-title span {
    background: #0081e0;
    height: 20px;
    width: 5px;
    display: inline-block;
    margin-right: .5vw;
}
.product-desc {
    font-size: 16px;
    line-height: 1.7;
    color: #5a6874;
    margin-bottom: 35px;
    text-align: justify;
}
/* 右侧产品网格 */
.oxider-right,
.gangyu-right,
.zhiyou-right {
   flex: 2.5;
    min-width: 280px;
}
.products-grid {
    display: flex;
    justify-content: center;
    gap: 25px;
    flex-wrap: nowrap;
    flex-direction: row-reverse;
}
.product-card {
    flex: 0 0 auto;
    width: 22.5%;
    min-width: 170px;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.2, 0.9, 0.4, 1.1);
    text-align: center;
    background: #fff;
    border-radius: 20px;
    padding: 16px 12px;
    border: 1px solid #f0ede8;
    box-shadow: 0 6px 12px rgba(0,0,0,0.02);
}
.product-card img {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 0.9;
    object-fit: cover;
    border-radius: 16px;
    display: block;
}
.product-card .card-title {
    margin-top: 12px;
    font-size: 16px;
    font-weight: 600;
    color: #2c3e4e;
    transition: color 0.2s;
    margin-bottom: 12px;
}
.product-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 18px 28px -8px rgba(0,0,0,0.12);
    border-color: #e0d5c8;
}
/* 卡片按钮区域 */
.card-buttons {
    display: flex;
    gap: 12px;
    justify-content: center;
    margin:6px 0 2vw 0;
    flex-wrap: wrap;
}
.card-btn-data, .card-btn-detail {
    display: inline-block;
    padding: 6px 16px;
    font-size: 13px;
    font-weight: 500;
    border-radius: 40px;
    cursor: pointer;
    transition: all 0.2s ease;
    text-align: center;
    text-decoration: none;
    border: none;
    font-family: inherit;
    background: transparent;
}
.card-btn-data {
    background: #168ce3;
    color: #fff;
    box-shadow: 0 2px 6px rgba(22,140,227,0.2);
}
.card-btn-data:hover {
    background: #0f6cb3;
    transform: translateY(-2px);
}
.card-btn-detail {
    background: transparent;
    color: #1e2f3e;
    border: 1px solid #168ce3;
}
.card-btn-detail:hover {
    background: #168ce3;
    color: #fff;
    transform: translateY(-2px);
}
/* 隐藏圆点(废弃切换特效) */
.oxider-dots, .gangyu-dots, .zhiyou-dots {
    display: none;
}
/* 移除整体按钮区域（已由卡片独立按钮替代） */
.oxider-buttons, .gangyu-buttons, .zhiyou-buttons {
    display: none;
}
/* 响应式 */
@media (max-width:768px) {
	
    .oxider-container, .gangyu-container, .zhiyou-container {
        flex-direction: column;       
    }    
	.oxider-left, .gangyu-left, .zhiyou-left,
    .oxider-right, .gangyu-right, .zhiyou-right {
        flex: auto;
        width: 100%;
        padding-right: 0;
    }
    .product-title {
        font-size: 28px;
    }
    .product-card {
        width: calc(96% - 9px);
        margin-bottom: 5vw;
    }
	.oxider-header, .gangyu-header, .zhiyou-header {
    text-align: left;
    margin-bottom: 2vw;
}
    .oxider-header h2, .gangyu-header h2, .zhiyou-header h2 {
        font-size:5vw;
    }
    .card-btn-data, .card-btn-detail {
        padding: 2vw 5vw;
        font-size: 3vw;
    }
}
@media (max-width: 768px) {
	.proall {
    background: url(../images/probg.jpg) no-repeat center;
    width: 100%;
    height: 75vw;
    margin-top: -15vw;
    padding-top: 0vw;
    border-top: 0px solid #bfd8f3;
    background-size: cover;
}
			.pro h3 {
    font-size: 5vw;
    font-weight: 600;
    color: #212121;
    padding-bottom:2vw;
	margin-top: 9vw;
}
.hint_box_case {
    margin-left: 6%;
    color: #fff;
    margin-top: 18%;
    position: relative;
    display: flex;
    align-items: center;
    display: none;
}
 .pro dd {
    font-size: 3.5vw;
    font-weight: bold;
    color: #666;
    line-height: 4.6vw;
}
.probiao {
    width:6.5vw;
    position: relative;
    top: .2vw;
    opacity: 0.8;
    margin-right:1.5vw;
}
.products-grid {
    display: block;
    justify-content: center;
    gap: 25px;
    flex-wrap: nowrap;
    flex-direction: row-reverse;
}
            .search-box input {
                width: 150px;
            }
            
            .hero-content h1 {
                font-size: 2rem;
            }
            
            .content h2 {
                font-size: 2rem;
            }
        }
        
        @media (max-width: 576px) {
            .caidan {
                padding: 15px 20px;
            }
            
            .search-box input {
                width: 120px;
            }
            
            .hero-content h1 {
                font-size: 1.8rem;
            }
            
            .logo img {
                height: 35px;
            }
        }