.en {font-size: 12px; color: var(--light-text); text-transform: uppercase; margin-bottom: 1.5rem; }


.notice-bar { background: var(--top-bg); color: var(--white); height: 4rem; line-height: 4rem; overflow: hidden; position: relative; }
.notice-bar .label { float: left; padding: 0 1.5rem; font-size: 16px; font-weight: bold; }
.notice-bar i{margin-right: 3px;}
.notice-bar .scroll-news ul li a { color: var(--white); }

.section { padding: 4rem 0; background: var(--white); margin-bottom: 6px; }
.section-gray { background: var(--gray-bg); }
.section-title { text-align: center; font-size: 2.8rem; font-weight: 700; color: var(--primary); margin-bottom: 1rem; letter-spacing: 2px; }
.section-subtitle { text-align: center; font-size: 12px; color: var(--light-text); margin-bottom: 3rem; letter-spacing: 4px;text-transform: uppercase }
.section-subtitle em { font-style: normal; color: var(--primary); }
.swiper-slider .slide-inner {display:none; }
.service-item { position: relative;height:40rem; transition: all 0.3s;  }
.service-item:hover { box-shadow: 0 0.8rem 2.5rem rgba(0,0,0,0.08); transform: translateY(-4px); }
.service-item .icon {position: absolute; top:16rem;left:1rem;right:1rem;}
.service-item .text{position: absolute;top: 0;padding:0 2rem;}
.service-item:nth-child(2n+0) .icon{top: 0;}
.service-item:nth-child(2n+0) .text{ top:18rem;}
.service-item h4 { color: var(--primary); margin-bottom: 0.5rem; }

.product-section { background: url('../images/index_product_bg.jpg') no-repeat center center; background-size: cover; background-color: #2a6b8a; padding: 6rem 0; color: var(--white); }
.product-section .section-title { color:var(--white); }
.product-section .section-subtitle { color: rgba(255,255,255,0.7); }
.product-section .section-subtitle em { color: var(--white); }
.product-card-bg { background: rgba(0,0,0,0.5); padding: 3rem; border-radius: 4px; min-height: 26rem; margin-bottom: 2rem; transition: all 0.3s; }
.product-card-bg:hover { background: rgba(0,0,0,0.7); }
.product-card-bg h4 {position: relative; font-size: 2.2rem; margin-bottom: 3rem; }
.product-card-bg h4::after{content: ""; position:absolute;width:6rem;height:1px;background:var(--white);bottom:-1rem;left:0;}
.product-card-bg p { opacity: 0.9; }
.product-card-bg .more-link { display: inline-block; margin: 1.5rem auto; padding: 5px 2rem; border: 2px solid var(--white); color:var(--white); border-radius: 2rem; font-size: 14px; transition: all 0.3s; }
.product-card-bg .more-link:hover { background:var(--white); color: #003c7e; text-decoration: none; }

.about-section{background-color: var(--gray-bg);}
.about-text {line-height: 2;  padding: 1rem 0;}
.about-text .more-link{margin:2rem auto 1.5rem;}
.about-intro{margin:3rem 0;}
.about-feature {margin:0; padding: 1.5rem 2rem; }
.about-feature h4 { color: var(--green); font-size: 18px; margin-bottom: 4px; }
.stats {margin-top:-10rem; }
.about-items { flex: 1; display: flex; flex-direction: column; gap: 2rem; }
.about-item {display: flex; gap: 18px; align-items: flex-start; min-height: 24rem; background: var(--white);border-radius: 0.8rem; padding: 2.4rem; transition: box-shadow .3s;}
.about-item:hover { box-shadow: 0 4px 18px rgba(8,87,176,.1); }
.about-item .item-icon {display: flex; align-items: center; justify-content: center; width: 4.8rem;height: 4.8rem; flex-shrink: 0;background: linear-gradient(135deg, var(--top-bg),var(--primary));border-radius: 1rem;font-size: 2.2rem;color: var(--white);}
.about-item .item-title { font-size: 18px;  color: var(--primary);  font-weight: bold;  margin-bottom: 4px; }
.about-item .item-en { font-size: 11px; color: #ccc; text-transform: uppercase; margin-bottom: 0.8rem; }
.about-item p { font-size: 13px; color: var(--text-light); line-height: 1.75; }

.news-card { background: var(--white); border: 1px solid var(--border-color); border-radius: 4px; overflow: hidden; transition: all 0.3s; margin-bottom: 2rem; }
.news-card:hover { box-shadow: 0 0.8rem 2.5rem rgba(0,0,0,0.08); transform: translateY(-4px); }
.news-card .img-placeholder {display: flex; align-items: center; justify-content: center; }
.news-card .content { padding:1.5rem 2rem 3rem ; }
.news-card .content h4 {font-weight: 700; margin-bottom: 0.8rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.news-card .content .date {color:var(--light-text); margin-bottom: 0.8rem; }
.news-card .content p { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

.feedback-section { background: url('../images/index_feedback_bg.jpg') no-repeat center center; background-size: cover; background-color: var(--primary); padding: 5rem 0; }
.feedback-section .section-title { color: var(--white); }
.feedback-section .section-subtitle { color: rgba(255,255,255,0.7); }
.feedback-section .section-subtitle em { color: var(--white); }
.feedback-section .layui-form-label { color: var(--white); }
.feedback-section .layui-input, .feedback-section .layui-textarea { background: rgba(255,255,255,0.9); border: 1px solid var(--border-color); border-radius: 3px; }


@media (max-width: 1200px) { body { min-width: auto; } .container { width: 100%; padding: 0 2rem; } .header .slogan h2 { font-size: 16px; } .header .slogan .sub { font-size: 12px; } .nav-wrap .layui-nav .layui-nav-item a { padding: 0 2rem; font-size: 13px; } .service-item { padding-left: 70px; } }
@media (max-width: 768px) { .header .logo, .header .slogan, .header .tel { float: none; text-align: center; border-right: none; padding-right: 0; margin-right: 0; } .header .logo { border-right: none; } .header .tel { padding-left: 0; background-position: center top; padding-top: 4rem; } .top-bar .fr { float: none; text-align: center; } .service-item { border-right: none; border-bottom: 1px solid #eee; padding: 1.5rem; } .notice-bar .scroll-news { width: 60%; } }