@font-face {
    font-family: 'ReemKufiFun';
    src: url('../font/ReemKufiFun-VariableFont_wght.ttf') format('truetype');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
    unicode-range: U+4E00-9FFF,U+3400-4DBF,U+20000-2A6DF,U+2A700-2B73F,U+2B740-2B81F,U+2B820-2CEAF,U+F900-FAFF;
}

body {font-family:Arial,'ReemKufiFun',"Microsoft YaHei",sans-serif;}
.logo {font-size:26px;font-weight:800;color:var(--brand-red);letter-spacing:1px;display:flex;align-items:center;}
.logo span {color:var(--brand-dark);margin-left:8px;font-weight:500;}
.logo-image {height:50px;}

.about-banner {margin-top:var(--nav-height);position:relative;height:300px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:url('../images/b8.jpg') center center/cover no-repeat;}
.about-banner-bg {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;max-width:2500px;max-height:500px;background-size:contain;background-position:center;background-repeat:no-repeat;z-index:1;}
.about-banner-content {position:relative;z-index:2;}
.about-banner::before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="none"><path d="M0,0 L100,0 L100,100 Z" fill="rgba(255,255,255,0.1)"/></svg>');background-size:cover;}
.about-banner-content {position:relative;z-index:2;text-align:center;color:white;max-width:900px;padding:10px 40px;}
.about-banner-title {font-size:48px;font-weight:800;margin-bottom:20px;text-shadow:0 5px 15px rgba(0,0,0,0.3);line-height:1.2;}
.about-banner-subtitle {font-size:22px;font-weight:300;margin-bottom:40px;opacity:0.9;text-shadow:0 2px 10px rgba(0,0,0,0.2);}
.horizontal-nav {background-color:white;box-shadow:var(--shadow-sm);padding:0;z-index:800;transition:all 0.3s ease;}
.horizontal-nav-container {max-width:1400px;margin:0 auto;padding:0 20px;}
.horizontal-nav-list {display:flex;justify-content:flex-start;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
.horizontal-nav-list::-webkit-scrollbar {display:none;}
.horizontal-nav-item {flex-shrink:0;}
.horizontal-nav-link {display:block;padding:20px 40px 25px 0;font-size:16px;font-weight:500;color:var(--brand-dark);position:relative;transition:all 0.3s ease;}
.horizontal-nav-link:hover,.horizontal-nav-link.active {color:var(--brand-red);}
.horizontal-nav-link::after {content:'';position:absolute;bottom:0;left:0;width:0;height:3px;background-color:var(--brand-red);transition:width 0.3s var(--transition-smooth);}
.horizontal-nav-link:hover::after,.horizontal-nav-link.active::after {width:30%;}
.about-content-section {padding:5px 0;background-color:#fff;border-top:1px solid #efefef;}
.solution-content-section {padding:5px 0;background-color:#fff;}
.about-content-section:nth-child(even) {background-color:var(--bg-light);}
.about-content-title {font-size:26px;font-weight:700;color:var(--brand-dark);margin-bottom:30px;position:relative;padding-bottom:5px;padding-top:15px;text-align:center;}
.about-content-title::after {content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:50px;height:3px;background-color:var(--brand-red);}
.about-content-text {font-size:18px;line-height:1.8;color:var(--brand-gray);margin-bottom:30px;}
.about-content-text p {margin-bottom:20px;}
.about-feature-image {width:100%;height:500px;background:none;display:flex;align-items:center;justify-content:center;margin:50px 0;position:relative;overflow:hidden;background-color:#f5f5f5;;}
.about-feature-bg {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;min-width:1400px;height:100%;max-height:500px;background-position:center;background-repeat:no-repeat;background-size:contain;z-index:1;}
.about-feature-image::before {background:none;;}
.about-feature-content {position:relative;z-index:2;text-align:center;color:white;max-width:800px;padding:0 40px;text-shadow:0 2px 10px rgba(0,0,0,0.5);;}
.about-feature-title {font-size:42px;font-weight:800;margin-bottom:20px;text-shadow:0 5px 15px rgba(0,0,0,0.3);line-height:1.2;}
.about-feature-subtitle {font-size:20px;font-weight:300;margin-bottom:40px;opacity:0.9;text-shadow:0 2px 10px rgba(0,0,0,0.2);}
.stats-container {display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin:60px 0;}
.stat-item {text-align:center;padding:30px 20px;background-color:white;border-radius:12px;box-shadow:var(--shadow-sm);transition:all 0.3s ease;}
.stat-item:hover {transform:translateY(-10px);box-shadow:var(--shadow-lg);}
.stat-number {font-size:48px;font-weight:800;color:var(--brand-red);margin-bottom:10px;line-height:1;}
.stat-label {font-size:18px;color:var(--brand-dark);font-weight:500;}
@media (max-width:1200px) {.about-banner-title {font-size:42px;}
.about-feature-title {font-size:36px;}
.stats-container {grid-template-columns:repeat(2,1fr);}
;}
@media (max-width:992px) {.about-banner {height:400px;}
.about-banner-title {font-size:36px;}
.about-banner-subtitle {font-size:18px;}
.about-banner-bg {background-size:cover;max-height:none;}
.about-feature-bg {background-size:cover;max-height:none;}
;}
@media (max-width:768px) {
	
	.logo-image {height:50px;padding-left:0;}
	.about-banner {height:350px;}
    .about-banner::before {background:none;}
}.about-banner-title {font-size:32px;}
.about-feature-image {height:400px;}
.about-feature-title {font-size:28px;}
.about-feature-subtitle {font-size:18px;}
.stats-container {grid-template-columns:1fr;}
.horizontal-nav-link {padding:15px 40px  20px 0;font-size:15px;}
.about-content-title {font-size:28px;}
.about-banner-bg {background-size:cover;max-height:none;}
.about-feature-bg {background-size:cover;max-height:none;}
;}
@media (max-width:480px) {.about-banner {height:300px;}
.about-banner-title {font-size:28px;}
.about-banner-subtitle {font-size:16px;}
.horizontal-nav-link {padding:12px 15px;font-size:14px;}
.about-feature-image {height:350px;}
.about-feature-title {font-size:24px;}
.about-feature-subtitle {font-size:16px;}
.about-banner-bg {background-size:cover;max-height:none;}
.about-feature-bg {background-size:cover;max-height:none;}
;}
.advantages-grid {display:flex;flex-wrap:wrap;gap:30px;margin-top:50px;justify-content:center;}
.advantage-card {background-color:white;border-radius:12px;padding:40px 30px;box-shadow:var(--shadow-sm);transition:all 0.3s ease;text-align:center;flex:1 1 0%;    min-width:250px;max-width:100%;}
.advantage-card:hover {transform:translateY(-15px);box-shadow:var(--shadow-lg);}
.advantage-icon {width:80px;height:80px;background-color:rgba(230,0,18,0.1);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 25px;color:var(--brand-red);font-size:34px;}
.advantage-title {font-size:22px;font-weight:700;margin-bottom:15px;color:var(--brand-dark);}
.advantage-desc {color:var(--brand-gray);font-size:16px;line-height:1.7;}
.advantages-grid.single-item .advantage-card {max-width:600px;flex:0 1 auto;width:100%;margin:0 auto;}
.advantages-grid.double-item .advantage-card {flex:0 1 calc(50% - 15px);max-width:calc(50% - 15px);min-width:300px;}
.advantages-grid.triple-item .advantage-card {flex:0 1 calc(33.33% - 20px);max-width:calc(33.33% - 20px);min-width:250px;}
.advantages-grid.four-item .advantage-card {flex:0 1 calc(25% - 23px);max-width:calc(25% - 23px);min-width:200px;}
.advantages-grid.multi-item .advantage-card {flex:1 1 200px;max-width:calc(25% - 23px);}
.advantages-grid.four-item .advantage-card {flex:0 1 calc(33.33% - 20px);}
.advantages-grid.multi-item .advantage-card {flex:1 1 calc(33.33% - 20px);max-width:calc(33.33% - 20px);}
;}
@media (max-width:992px) {.advantages-grid.triple-item .advantage-card,.advantages-grid.four-item .advantage-card {flex:0 1 calc(50% - 15px);max-width:calc(50% - 15px);}
.advantages-grid.multi-item .advantage-card {flex:1 1 calc(50% - 15px);max-width:calc(50% - 15px);}
;}
@media (max-width:768px) {.advantages-grid {gap:20px;}
.advantages-grid .advantage-card {flex:0 1 100% !important;max-width:100% !important;min-width:100% !important;margin:0 0 20px 0 !important;}
.advantage-card {padding:30px 20px;}
.advantage-icon {width:60px;height:60px;font-size:28px;}
.advantage-title {font-size:20px;}
;}
@media (max-width:480px) {.advantage-card {padding:25px 15px;}
.advantage-icon {width:50px;height:50px;font-size:24px;margin-bottom:15px;}
.advantage-title {font-size:18px;}
.advantage-desc {font-size:15px;}
;}
.product-list-container {margin:40px 0;}
#product ul {display:grid;grid-template-columns:repeat(4,1fr);gap:30px;padding:0;margin:0;list-style:none;}
#product ul.single-item {display:flex;justify-content:center;align-items:center;grid-template-columns:1fr;}
#product ul.single-item li {max-width:600px;}
object-fit:cover;}
#product ul.single-item li p {font-size:24px;padding:25px;font-weight:700;}
#product ul li {background-color:white;border-radius:6px;overflow:hidden;box-shadow:0 5px 20px rgba(0,0,0,0.08);transition:all 0.3s ease;height:100%;display:flex;flex-direction:column;}
#product ul li:hover {transform:translateY(-10px);box-shadow:0 15px 35px rgba(0,0,0,0.15);}
#product ul li a {display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none;transition:all 0.3s ease;}
#product ul li a:hover {color:var(--brand-red);}
#product ul li img {width:100%;object-fit:cover;display:block;background-color:#f5f5f5;}
#product ul li p {padding:20px;margin:0;font-size:18px;font-weight:600;color:var(--brand-dark);text-align:center;flex-grow:1;display:flex;align-items:center;justify-content:center;line-height:1.4;}
.pages {margin-top:50px;text-align:center;padding:20px 0;}
.pages a,.pages span {display:inline-block;padding:8px 16px;margin:0 4px;background-color:white;border:1px solid #e0e0e0;border-radius:6px;color:var(--brand-gray);font-size:14px;text-decoration:none;transition:all 0.3s ease;}
.pages a:hover {background-color:var(--brand-red);color:white;border-color:var(--brand-red);}
.pages span.current {background-color:var(--brand-red);color:white;border-color:var(--brand-red);}
@media (max-width:1200px) {#product ul {grid-template-columns:repeat(3,1fr);gap:25px;}
#product ul.single-item li {max-width:500px;}
#product ul.single-item li img {height:300px;}
;}
@media (max-width:992px) {#product ul {grid-template-columns:repeat(2,1fr);gap:25px;}
#product ul.single-item li {max-width:450px;}
#product ul.single-item li img {height:280px;}
#product ul.single-item li p {font-size:22px;}
;}
@media (max-width:768px) {#product ul {grid-template-columns:1fr;gap:20px;max-width:500px;margin:0 auto;}
#product ul.single-item li {max-width:100%;}
#product ul.single-item li img {height:250px;}
#product ul.single-item li p {font-size:18px;padding:20px;}
#product ul li img {height:200px;}
#product ul li p {font-size:14px;padding:15px;}
;}
@media (max-width:480px) {#product ul {max-width:100%;}
#product ul.single-item li img {height:220px;}
#product ul.single-item li p {font-size:16px;padding:18px;}
#product ul li img {height:180px;}
.pages a,.pages span {padding:6px 12px;margin:0 2px;font-size:13px;}
;}
#product ul:empty::before {content:"";display:block;text-align:center;padding:60px 0;color:var(--brand-gray);font-size:18px;grid-column:1 / -1;}
#product ul li img {transition:transform 0.5s ease;}
#product ul li:hover img {transform:scale(1.05);}
#product ul.single-item li:hover {transform:translateY(-15px);box-shadow:0 20px 40px rgba(0,0,0,0.2);}
.product-detail-container {max-width:1200px;margin:0 auto;padding:60px 20px;}
.product-display-section {display:flex;flex-wrap:wrap;gap:60px;margin-bottom:80px;}
.product-images {flex:1;min-width:300px;}
.main-image-container {width:100%;height:450px;background-color:#f8f9fa;border-radius:12px;overflow:hidden;margin-bottom:20px;display:flex;align-items:center;justify-content:center;position:relative;}
#main-product-image {max-width:100%;max-height:100%;object-fit:contain;transition:transform 0.5s ease;}
.thumbnail-container {display:flex;gap:15px;overflow-x:auto;padding-bottom:10px;}
.thumbnail {width:100px;height:100px;border-radius:8px;object-fit:cover;cursor:pointer;border:2px solid transparent;transition:all 0.3s ease;flex-shrink:0;}
.thumbnail:hover {border-color:var(--brand-red);transform:translateY(-3px);}
.thumbnail.active {border-color:var(--brand-red);}
.product-info {flex:1;min-width:300px;}
.product-titles {font-size:32px;font-weight:700;color:var(--brand-dark);margin-bottom:20px;position:relative;padding-bottom:15px;color:#000}
.product-title::after {content:'';position:absolute;bottom:0;left:0;width:60px;height:4px;background-color:var(--brand-red);}
.product-meta {display:flex;flex-wrap:wrap;gap:25px;margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid #eaeaea;}
.meta-item {display:flex;align-items:center;gap:8px;color:var(--brand-gray);font-size:15px;}
.meta-icon {width:20px;height:20px;background:var(--brand-red);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-size:10px;}
.product-short-desc {background-color:var(--bg-light);padding:30px;border-radius:12px;margin-bottom:30px;font-size:17px;color:var(--brand-gray);line-height:1.8;}
.product-specs {margin-bottom:40px;}
.specs-title {font-size:20px;font-weight:600;color:var(--brand-dark);margin-bottom:20px;position:relative;padding-bottom:10px;}
.specs-title::after {content:'';position:absolute;bottom:0;left:0;width:40px;height:3px;background-color:var(--brand-red);}
.specs-grid {display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px;}
.spec-item {display:flex;justify-content:space-between;padding:15px 20px;background-color:#f8f9fa;border-radius:8px;transition:all 0.3s ease;}
.spec-item:hover {background-color:#f1f3f5;transform:translateY(-2px);}
.spec-label {font-weight:500;color:var(--brand-dark);}
.spec-value {font-weight:600;color:var(--brand-dark);}
.product-actions {display:flex;gap:20px;flex-wrap:wrap;}
.btn-order {flex:1;min-width:200px;background:var(--brand-red);color:white;border:none;padding:18px 30px;font-size:18px;font-weight:600;border-radius:6px;cursor:pointer;transition:all 0.3s ease;display:flex;align-items:center;justify-content:center;gap:10px;}
.btn-order:hover {background:#ff0015;transform:translateY(-2px);box-shadow:0 10px 20px rgba(230,0,18,0.2);}
.btn-contact {background:white;color:var(--brand-red);border:2px solid var(--brand-red);padding:18px 30px;font-size:18px;font-weight:600;border-radius:6px;cursor:pointer;transition:all 0.3s ease;display:flex;align-items:center;justify-content:center;gap:10px;min-width:200px;}
.btn-contact:hover {background:var(--brand-red);color:white;transform:translateY(-2px);}
.product-detail-section {margin-top:20px;padding-top:20px;border-top:1px solid #eaeaea;}
.section-title {font-size:28px;font-weight:700;color:var(--brand-dark);margin-bottom:30px;position:relative;padding-bottom:15px;}
.section-title::after {content:'';position:absolute;bottom:0;left:0;width:60px;height:4px;background-color:var(--brand-red);}
.detail-content {font-size:17px;color:var(--brand-gray);line-height:1.8;}
.detail-content p {margin-bottom:25px;}
.detail-content ul,.detail-content ol {margin-left:25px;margin-bottom:25px;}
.detail-content li {margin-bottom:10px;}
.related-products {margin-top:100px;padding-top:60px;border-top:1px solid #eaeaea;}
.related-title {font-size:24px;font-weight:700;color:var(--brand-dark);margin-bottom:40px;position:relative;padding-bottom:15px;}
.related-title::after {content:'';position:absolute;bottom:0;left:0;width:40px;height:3px;background-color:var(--brand-red);}
.related-grid {display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:30px;}
.related-item {background-color:white;border-radius:12px;overflow:hidden;box-shadow:var(--shadow-sm);transition:all 0.3s ease;}
.related-item:hover {transform:translateY(-10px);box-shadow:var(--shadow-lg);}
.related-image {height:200px;background-color:#f8f9fa;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.related-image img {max-width:100%;max-height:100%;object-fit:contain;transition:transform 0.5s ease;}
.related-item:hover .related-image img {transform:scale(1.05);}
.related-content {padding:25px;}
.related-item-title {font-size:18px;font-weight:600;color:var(--brand-dark);margin-bottom:10px;line-height:1.4;}
.related-item-desc {color:var(--brand-gray);font-size:14px;line-height:1.6;margin-bottom:20px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.related-link {color:var(--brand-red);font-weight:600;font-size:15px;display:inline-flex;align-items:center;}
.related-link i {margin-left:8px;transition:transform 0.3s ease;}
.related-link:hover i {transform:translateX(5px);}
@media (max-width:992px) {.product-display-section {flex-direction:column;gap:40px;}
.main-image-container {height:400px;}
.product-title {font-size:28px;}
;}
@media (max-width:768px) {.product-detail-container {padding:40px 15px;}
.main-image-container {height:350px;}
.product-title {font-size:26px;}
.product-meta {gap:15px;}
.specs-grid {grid-template-columns:1fr;}
.product-actions {flex-direction:column;}
.btn-order,.btn-contact {width:100%;min-width:unset;}
.related-grid {grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;}
;}
@media (max-width:480px) {.main-image-container {height:300px;}
.product-title {font-size:24px;}
.product-short-desc {padding:20px;}
.thumbnail {width:80px;height:80px;}
.section-title {font-size:24px;}
.related-grid {grid-template-columns:1fr;}
;}
.fade-in {animation:fadeIn 0.5s ease;}
@keyframes fadeIn {from {opacity:0;}
to {opacity:1;}
;}
.message-popup {position:fixed;top:20px;right:20px;background:var(--brand-red);color:white;padding:15px 25px;border-radius:8px;box-shadow:0 5px 15px rgba(0,0,0,0.2);z-index:1000;animation:slideIn 0.3s ease;display:none;}
@keyframes slideIn {from {transform:translateX(100%);opacity:0;}
to {transform:translateX(0);opacity:1;}
;}
.gray {padding-left:8px;padding-right:8px;}
.page {font-size:13px;}
.news-container {max-width:1420px;margin:0 auto;padding:10px 5px;box-sizing:border-box;}
.news-container h4 {font-size:18px;color:#333;margin:0 0 15px 0;padding-bottom:15px;font-weight:600;}
.news-list-wrapper {width:100%;}
.news_list {width:100%;margin:0 auto 30px;padding:0;box-sizing:border-box;background-color:#fff;border-radius:6px;}
.news_list ul {list-style:none;margin:0;padding:0;}
.news_list li {display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-align-items:flex-start;align-items:flex-start;padding:20px 15px;border-bottom:1px solid #eee;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;box-sizing:border-box;gap:20px;position:relative;}
.news_list li:last-child {border-bottom:none;}
.news_list li:hover {background-color:#f9f9f9;-webkit-transform:translateY(-2px);-moz-transform:translateY(-2px);-ms-transform:translateY(-2px);-o-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 5px 15px rgba(0,0,0,0.05);-moz-box-shadow:0 5px 15px rgba(0,0,0,0.05);box-shadow:0 5px 15px rgba(0,0,0,0.05);}
.news_list li img {-webkit-flex-shrink:0;-moz-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:150px;height:100px;-o-object-fit:cover;object-fit:cover;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;border:1px solid #f0f0f0;}
.news_list li:hover img {-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);-webkit-box-shadow:0 5px 15px rgba(0,0,0,0.1);-moz-box-shadow:0 5px 15px rgba(0,0,0,0.1);box-shadow:0 5px 15px rgba(0,0,0,0.1);}
.news_list li > div {-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;min-width:0;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between;height:100px;}
.news_list .title {margin:0 0 10px 0;font-size:18px;font-weight:600;line-height:1.4;color:#333;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.news_list .title a {color:inherit;text-decoration:none;-webkit-transition:color 0.2s ease;-moz-transition:color 0.2s ease;-o-transition:color 0.2s ease;transition:color 0.2s ease;display:block;}
.news_list .title a:hover {color:#007bff;}
.news_list .desc {margin:0 0 12px 0;font-size:14px;line-height:1.5;color:#666;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;-webkit-box-flex:1;-webkit-flex-grow:1;-moz-box-flex:1;-ms-flex-positive:1;flex-grow:1;}
.news_list .time {margin:0;font-size:12px;color:#999;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;}
.news_list .time:before {content:"";margin-right:5px;font-size:11px;}
.page-container {display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;margin-top:40px;padding-top:20px;}
.page {display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.page a,.page span {display:inline-block;min-width:36px;height:36px;padding:0 8px;margin:0 4px 8px 4px;font-size:14px;text-decoration:none;color:#333;border:1px solid #ddd;border-radius:4px;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-o-transition:all 0.2s ease;transition:all 0.2s ease;background-color:#fff;line-height:36px;text-align:center;}
.page a:hover {background-color:#007bff;color:white;border-color:#007bff;}
.page .current {background-color:#007bff;color:white;border-color:#007bff;font-weight:600;}
.page .disabled {color:#ccc;cursor:not-allowed;background-color:#f9f9f9;}
.page .prev,.page .next {min-width:60px;}
@media (min-width:768px) {.news-container {padding:30px 20px;}
.news-container h4 {font-size:28px;margin-bottom:30px;}
.news_list li {padding:25px 20px;}
.news_list li img {width:180px;height:120px;}
.news_list li > div {height:120px;}
.news_list .title {font-size:20px;}
.news_list .desc {font-size:15px;}
.page a,.page span {min-width:40px;height:40px;font-size:15px;line-height:40px;}
;}
@media (min-width:1024px) {.news-container {padding:40px 30px;}
.news_list li {padding:30px 25px;}
.news_list li img {width:220px;height:140px;}
.news_list li > div {height:140px;}
.news_list .title {font-size:22px;-webkit-line-clamp:2;line-clamp:2;}
.news_list .desc {font-size:16px;line-height:1.6;}
.page a,.page span {min-width:42px;height:42px;font-size:16px;line-height:42px;}
;}
@media (max-width:480px) {.news-container {padding:15px 10px;}
.news-container h4 {font-size:20px;margin-bottom:20px;padding-bottom:10px;}
.news_list li {padding:15px 10px;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
.news_list li img {width:100%;height:160px;}
.news_list li > div {height:auto;width:100%;}
.news_list .title {font-size:16px;-webkit-line-clamp:2;line-clamp:2;margin-bottom:8px;}
.news_list .desc {font-size:13px;-webkit-line-clamp:3;line-clamp:3;margin-bottom:10px;}
.news_list .time {font-size:11px;}
.page a,.page span {min-width:32px;height:32px;font-size:13px;padding:0 6px;line-height:32px;margin:0 2px 4px 2px;}
.page .prev,.page .next {min-width:50px;}
;}
@media (max-width:767px) and (min-width:481px) {.news_list li img {width:120px;height:90px;}
.news_list li > div {height:90px;}
.news_list .title {font-size:17px;-webkit-line-clamp:2;line-clamp:2;}
.news_list .desc {font-size:14px;-webkit-line-clamp:2;line-clamp:2;}
;}
.news-list-empty {text-align:center;padding:60px 20px;color:#999;}
.news-list-empty i {font-size:48px;margin-bottom:20px;color:#ccc;}
.news-list-empty p {font-size:16px;}

@media (max-width:768px) {
body {font-size:14px;}
.banner-title{font-size:24px;}
.about-banner-title {font-size:30px;}
.about-banner-subtitle {font-size:16px;}
.about-content-title {font-size:24px;}
.about-content-text {font-size:16px;}
.advantage-title {font-size:20px;}
.advantage-desc {font-size:14px;}
.stat-number {font-size:44px;}
.stat-label {font-size:16px;}
.product-detail-container .section-title {font-size:26px;}
.detail-content {font-size:15px;}
.related-item-title {font-size:16px;}
.related-item-desc {font-size:12px;}
.news_list .title {font-size:16px;}
.news_list .desc {font-size:12px;}
.news_list .time {font-size:10px;}
.page a,.page span {font-size:12px;}
.service-desc{font-size:12px !important;}
.tech-info p{font-size:12px !important;}
.about-content-text p{font-size:12px !important;}
.about-feature-content p{font-size:12px !important;}
.intro-content p{font-size:12px !important;}
.container p{font-size:12px !important;}
.about-feature-content h2 {font-size:14px !important;}
.footer-links a{font-size:11px !important;}
.about-content-text {font-size:12px !important;}
.detail-content{font-size:12px !important;}
h1 {font-size:24px !important;}

h2,h3,h4,h5,h6,.section-title,.service-title,.tech-item-text h4,.careers-why-title,.careers-cta-title,.about-content-title,.related-title {font-size:14px !important;}
}

@media (max-width:480px) {
body {font-size:13px;}
.about-banner-title {font-size:26px;}
.about-banner-subtitle {font-size:14px;}
.about-content-title {font-size:22px;}
.about-content-text {font-size:14px;}
.advantage-title {font-size:18px;}
.advantage-desc {font-size:13px;}
.stat-number {font-size:40px;}
.stat-label {font-size:14px;}
.product-detail-container .section-title {font-size:24px;}
.detail-content {font-size:14px;}
.related-item-title {font-size:14px;}
.related-item-desc {font-size:11px;}
.news_list .title {font-size:14px;}
.news_list .desc {font-size:11px;}
.news_list .time {font-size:9px;}
.page a,.page span {font-size:11px;}
.service-desc{font-size:12px !important;}
.tech-info p{font-size:12px !important;}
.about-content-text p{font-size:12px !important;}
.about-feature-content p{font-size:12px !important;}
.about-feature-title {font-size:14px !important;}
.about-feature-content h2 {font-size:14px !important;}
.intro-content p{font-size:12px !important;}
.container p{font-size:12px !important;}
.footer-links a{font-size:11px !important;}
.about-content-text {font-size:12px !important;}
.detail-content{font-size:12px !important;}
h1 {font-size:24px !important;}

h2,h3,h4,h5,h6,.section-title,.service-title,.tech-item-text h4,.careers-why-title,.careers-cta-title,.about-content-title,.related-title {font-size:14px !important;}
}