#jjfa header{padding:10px 10px;text-align:center;border-radius:8px;margin-bottom:10px}
#jjfa header p{font-size:1rem;}
#jjfa h1{font-size:2rem;margin-bottom:30px;color:#1a56db;}
#jjfa h2{font-size:18px;color:#2c3e50;margin:30px 0 20px;padding-bottom:10px;border-bottom:2px solid #3498db}
#jjfa h3{font-size:20px;color:#2980b9;margin:20px 0 15px}
#jjfa p{margin-bottom:15px;font-size:1rem;}
#jjfa .intro{font-size:1.2rem;background-color:#e8f4fc;padding:20px;border-radius:8px;margin-bottom:30px}
#jjfa .module{background-color:white;border-radius:8px;padding:25px;margin-bottom:25px;box-shadow:0 4px 8px rgba(0,0,0,0.1);transition:transform 0.3s ease}
#jjfa .module:hover{transform:translateY(-5px)}
#jjfa .module-title{display:flex;align-items:center;margin-bottom:20px}
#jjfa .module-number{background-color:#3498db;color:white;width:40px;height:40px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-weight:bold;margin-right:15px;flex-shrink:0}
#jjfa .instruments{display:flex;flex-wrap:wrap;gap:10px;margin:15px 0}
#jjfa .instrument{background-color:#e8f4fc;padding:8px 15px;border-radius:20px;font-size:0.9rem}
#jjfa .value{background-color:#e8f6ef;padding:15px;border-left:4px solid #2ecc71;margin:15px 0}
#jjfa .advantages{display:grid;grid-template-columns:repeat(auto-fit,minmax(23%,1fr));gap:1%;margin:30px 0}
#jjfa .advantage{background-color:white;padding:20px;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,0.1)}
#jjfa .advantage h3{color:#2c3e50;display:flex;align-items:center}
#jjfa .advantage-icon{margin-right:10px;color:#3498db}
#jjfa footer{text-align:center;border-radius:8px;margin-top:40px}
@media (max-width:768px){h1{font-size:30px}
#jjfa header{padding:0 0}
#jjfa h1{font-size:1.5rem;}
#jjfa h2{font-size:16px}
#jjfa h3{font-size:16px}
#jjfa p{font-size:14px}
#jjfa header p{ font-size:14px;}
#jjfa .module-number{width:25px;height:25px;margin-right:10px}
#jjfa .advantages{grid-template-columns:1fr}
#jjfa .module-title{margin-bottom:0px}
#jjfa .module{padding:5px 20px}
}
@media (max-width:450px){h1{font-size:30px}
#jjfa header p{font-size:14px;}
#jjfa .intro{padding:10px;}
#jjfa h1{margin-bottom:10px;}
#jjfa .instruments{gap:5px;}
#jjfa .instrument{ padding:8px 10px;}
}
.cpzs{display:none;}


#zgcp #product{width:100%;max-width:1360px;margin:0 auto;padding:4rem 0;text-align:center}

#product .product_title{font-size:30px;line-height:40px;font-weight:bold;color:#0033a8;}
#product .product_synopsis{margin-top:10px;font-size:16px;color:#333;}

#product .product_classification{margin:2.5rem 0 3.5rem}
#product .classification-container{display:flex;justify-content:center;flex-wrap:wrap;gap:20px;margin:0 auto}
#product .classification-item{padding:12px 20px;background-color:#fff;border:1px solid #e0e0e0;border-radius:30px;cursor:pointer;transition:all 0.3s ease;box-shadow:0 4px 12px rgba(0,51,168,0.05)}
#product .classification-item:hover,.classification-item.active{background:linear-gradient(135deg,#0033a8 0%,#4d9eff 100%);color:white;box-shadow:0 2px 10px rgba(0,102,255,0.3);}


#product .product_list{margin-top:2rem}
#product .products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(22%,1fr));gap:30px;margin:0 auto}
#product .product-card{background-color:white;border-radius:16px;overflow:hidden;box-shadow:0 8px 25px rgba(0,51,168,0.08);transition:all 0.3s ease;position:relative;cursor:pointer;}
#product .product-card:hover{transform:translateY(-10px);box-shadow:0 15px 35px rgba(0,102,255,0.2)}
#product .product-image{overflow:hidden;position:relative;min-height:160px;background-color:#f5f8ff}
#product .product-image img{width:100%;height:100%;object-fit:contain;transition:transform 0.5s ease}
#product .product-card:hover .product-image img{transform:scale(1.15)}
#product .product-info{padding:25px 20px;position:relative;background:white;text-align:center;}
#product .product-name{font-size:16px;margin-bottom:8px;color:#666;transition:color 0.3s ease}
#product .product-card:hover .product-name{color:#0033a8}
#product .product-category{font-size:0.9rem;color:#777;background:#f2f8ff;display:inline-block;padding:4px 12px;border-radius:20px;margin-bottom:15px}
#product .product-description{font-size:0.95rem;color:#555;margin-top:10px;line-height:1.6}
#product .view-more{margin-top:4rem;position:relative;z-index:1}
#product .view-more-btn{display:inline-flex;align-items:center;padding:16px 48px;font-size:1.1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#0033a8 0%,#4d9eff 100%);border:none;border-radius:50px;cursor:pointer;transition:all 0.3s ease;box-shadow:0 6px 20px rgba(0,102,255,0.3);position:relative;overflow:hidden}
#product .view-more-btn:hover{transform:translateY(-3px);box-shadow:0 10px 25px rgba(0,102,255,0.4)}
#product .view-more-btn i{margin-left:10px;transition:transform 0.3s ease}
#product .view-more-btn:hover i{transform:translateX(5px)}
#product .view-more-btn:active{transform:translateY(1px)}
#product .product-card:hover .image-overlay{opacity:1}

#product .image-placeholder{position:absolute;width:100%;height:100%;;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e6eeff 0%,#d0e0ff 100%);z-index:1}
#product .spinner{width:50px;height:50px;border:4px solid rgba(0,51,168,0.1);border-radius:50%;border-top:4px solid #0033a8;animation:spin 1s linear infinite}
#product .placeholder-content{text-align:center;color:#0033a8;font-weight:500}
#product .placeholder-content i{font-size:2rem;margin-bottom:10px;color:#4d9eff}


#product .sub-classification-container{display:flex;justify-content:center;flex-wrap:wrap;gap:30px;margin:0 auto 0;padding:0;background:transparent;border-radius:16px;transition:all 0.4s ease;opacity:0;height:0;overflow:hidden}
#product .sub-classification-container.active{opacity:1;height:auto;padding:20px 0;animation:fadeIn 0.6s ease}
#product .sub-classification-item{flex:0 0 calc(20% 0px);padding:25px 10px 5px 10px;background-color:#fff;border-radius:16px;cursor:pointer;transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275);font-size:1rem;color:#555;box-shadow:0 8px 25px rgba(0,51,168,0.1);position:relative;overflow:hidden;z-index:1;display:flex;flex-direction:column;align-items:center}
#product .sub-classification-item:before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#4d9eff,#0033a8);opacity:0;transition:opacity 0.3s ease}
#product .sub-classification-item:hover,#product .sub-classification-item.active{box-shadow:0 12px 30px rgba(0,102,255,0.25);color:#0033a8}
#product .sub-classification-item:hover:before,#product .sub-classification-item.active:before{opacity:1}
#product .sub-classification-item:hover .sub-icon,#product .sub-classification-item.active .sub-icon{transform:scale(1.1) translateY(-5px);color:#0033a8}
#product .sub-icon{font-size:2rem;margin-bottom:6px;color:#4d9eff;transition:all 0.3s ease}
#product .sub-title{font-size:15px;margin-bottom:8px}
#product .sub-desc{font-size:0.9rem;color:#777;line-height:1.5}


@keyframes pulse{0%{transform:scale(1)}
50%{transform:scale(1.1)}
100%{transform:scale(1)}
}

@media (max-width:1520px){
 #product .classification-container{gap:16px;}
 #product .sub-classification-container{gap:20px;}
}

@media (max-width:1426px){
 #product .classification-container{gap:10px;}
 #product .sub-classification-container{gap:15px;}
}


@media (max-width:1359px){
 #product{width:96%}
 #product .products-grid{grid-template-columns: repeat(auto-fill, minmax(22%, 1fr));}
}



@media (max-width:1200px){
 #product .classification-container{gap:16px;}
 #product .sub-classification-container{gap:28px;}
 #product .classification-item{padding: 10px 15px;border-radius: 25px;}
 #product .sub-classification-item{padding: 25px 3px 5px 3px;}
}

@media (max-width:1086px){
 #product .classification-container{gap:10px;}
 #product .sub-classification-container{gap:20px;}
 #product .classification-item{padding: 10px 10px;border-radius: 25px;}
 #product .sub-classification-item{padding: 25px 3px 5px 3px;}
}

@media (max-width:1060px){
 #product .products-grid{grid-template-columns: repeat(auto-fill, minmax(30%, 1fr));}
 #product .products-grid > div:nth-child(7){display:none;}
 #product .products-grid > div:nth-child(8){display:none;}
 #product .sub-icon{font-size:1rem;margin-bottom:6px;}
 #product .sub-classification-container {gap:10px;}
}



@media (max-width: 992px) {
#product .sub-classification-item{flex: 0 0 calc(33.333% 0px);}
}

@media (max-width:768px){
#product{padding:2rem 0;}
#product .stats-bar{flex-direction:column;gap:30px;padding:2rem 1rem}
#product .product_title{font-size:2.2rem}
#product .sub-classification-item {flex: 0 0 calc(50% 0px);}		
#zgcp #product{padding:0 0;}
#jjfa .advantage { padding:5px;}
}

@media (max-width: 630px) {
#product .products-grid{grid-template-columns:repeat(auto-fill,minmax(46%,1fr))}
#product .products-grid > div:nth-child(5){display:none;}
#product .products-grid > div:nth-child(6){display:none;}

#product .product_title {font-size:1.5rem;}


}

@media (max-width: 480px) {         
#product .sub-classification-item {flex: 0 0 100%;}
#jjfa .module {padding: 5px;}
}

@media (max-width: 400px) {   
#product{width: 96%;padding:20px 0;}      
#product .product_title{font-size:1.5rem;}
#product .product_synopsis {font-size:14px;}
#product .product_classification{margin:20px 0 3.5rem;}
#product .classification-item{padding:8px 7px;}
#product .sub-classification-item{flex: 0 0 20%;}
#product .products-grid {grid-template-columns: repeat(auto-fill, minmax(44%, 1fr));}
#product .product-image{min-height:105px;}
#product .product-info{padding: 15px 5px;}
#product .product-name{font-size:14px;}
#product .view-more-btn{font-size:16px;padding:10px 15px;}
}