.center{text-align:center}
/*banner*/
.banner{margin-top:75px;}
.banner .swiper-pagination{position:absolute;}
.banner .mySwiper{width:100%;height:auto;text-align:center;}
.banner .swiper-slide img{width:100%;display:block;margin:0 auto;/* height:200px;object-fit:cover;object-position:center; */} 	 
.banner .swiper-pagination-bullet{width:10px;height:10px;border-radius:50%;background:#fff;opacity:1;}
.banner .swiper-pagination-bullet-active{background:#fff;width:20px;height:10px;border-radius:20px;!important;}	 
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 7px;}
.banner .swiper-button-next, .banner .swiper-button-prev{color:#fff;}	

/*about*/
.about{margin-top:15px;}
.about .about-img{text-align:center}
.about .about-img img{max-width:100%;border-radius:10px;margin-top:15px;}
.about .caption{text-align:center}
.about .caption h1{color:#333;font-size:26px;font-weight:bold;}
.about .caption .line{width:65px;height:3px;background:#2783c5;margin: 10px auto 15px auto;}
.about .caption .en{color:#999;font-size:18px;}
.about .about-text p{font-size:16px;line-height:28px;margin-top:10px;color:#555555;text-align:justify;}
.about .more{text-align:center;margin-bottom:2.5rem;}
.more a{background: linear-gradient(to right, #2783c5, #1a6bb0);color:#fff;padding:10px 25px;border-radius: 50px;font-size:16px;transition: all 0.3s ease;}
.more a:hover {transform: translateY(-3px);box-shadow: 0 2px 5px rgba(39, 131, 197, 0.35);background: linear-gradient(to right, #1a6bb0, #2783c5);}
.features{padding:1.5rem 0 0.5rem 0}
.features .medai-icon{width:50px;height:50px;background-color: #f0f7ff;border-radius:8px;margin-right: 15px;display: flex; align-items: center;justify-content: center;margin-right: 15px;flex-shrink: 0;}
.features .medai-icon i {font-size:22px;color:#2783c5;}
.features .media-body h5{font-size:18px;color:#2783c5;font-weight:500;}
.features .media-body p{font-size: 15px;color: #666;line-height: 1.5;}
.features .item{margin-bottom:1.5rem;}

/*product*/
.product{background:#f5f9ff;padding:25px 0 25px;}
.product-title{text-align:center;margin-bottom: 30px;}
.product h1{ font-size: 26px;position: relative;color:transparent;color:#2783c5;font-weight:bold;display:inline-block;padding-bottom:15px;}
.product h1:after {content: '';position: absolute;width: 60px;height: 3px;background-color: #2783c5;bottom: 0;left: 50%;transform: translateX(-50%);}
.product-card-big:hover {transform: translateY(-8px);box-shadow: 0 12px 30px rgba(39, 131, 197, 0.15);border-color: rgba(39, 131, 197, 0.2);}
.product-card-big{height:330px;grid-column: span 2;display: flex;flex-direction: row;background: linear-gradient(135deg, #ffffff, #f8fafc);border-radius: 20px;overflow: hidden;box-shadow: 0 20px 40px rgba(39, 131, 197, 0.1);transition: all 0.4s ease;border: 1px solid rgba(39, 131, 197, 0.1);	}
.product-icon-big{flex: 1;min-width: 200px;background: linear-gradient(135deg, #2783c5, #1a6bb0);display: flex;align-items: center;justify-content: center;color: white;font-size: 60px;position: relative;overflow: hidden;}
.product-icon-big i{font-size:60px;font-weight:bold;}
.product-icon-big:after {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(45deg, transparent 30%, rgba(255, 255, 255, 0.1) 50%, transparent 70%);transform: translateX(-100%);transition: transform 0.6s ease;}
.product-info-big{flex: 1.5;padding:25px 25px 0 25px;display: flex;flex-direction: column;justify-content: center;}
.product-info-big h3{font-size: 28px;color:#2783c5;font-weight: 700;margin-bottom: 15px;}
.product-info-big p {color: #666;font-size: 16px;line-height: 1.8;margin-bottom:20px;}
.product-tags-big{display: flex;gap: 10px;margin-bottom: 25px;	}
.product-tag-big{background: rgba(251, 184, 21, 0.1);color: #fbb815;font-size: 12px;padding: 6px 15px;border-radius: 20px;font-weight: 600;	}
.product-link-big{border-top: 1px solid #f0f7ff;padding: 12px 0;text-align:center;color: #1a6bb0;transition: all 0.3s ease;}

.product .product-box{display: grid;grid-template-columns: repeat(2, 1fr);gap:15px;}
.product-card {background:#fff;border-radius:20px;overflow: hidden;box-shadow: 0 6px 20px rgba(39, 131, 197, 0.08);transition: all 0.3s ease;display: flex;flex-direction: column;border: 1px solid rgba(39, 131, 197, 0.1);}
.product-card:hover {transform: translateY(-8px);box-shadow: 0 12px 30px rgba(39, 131, 197, 0.15);border-color: rgba(39, 131, 197, 0.2);}
.product-header {padding:15px 5px 15px 5px;display: flex;flex-direction: column;align-items: center;text-align: center;}
.product-img{margin-top:5px;}
.product-img img{max-width:100%;height:100px;display:block;margin:0 auto;}
.product-icon {width: 70px;height: 70px;background: linear-gradient(135deg, #e8f2ff, #d4e6ff);border-radius: 12px;display: flex;align-items: center;justify-content: center;color: #2783c5;font-size: 32px;margin-bottom: 20px;transition: all 0.3s ease;}
.product-icon i{font-size:32px;font-weight:bold;}
.product-card:hover .product-icon {background: linear-gradient(135deg, #2783c5, #1a6bb0);color: white;transform: scale(1.05);}
.product-header h3 {font-size: 18px;color: #2783c5;font-weight: 600;margin-bottom: 12px;line-height: 1.3;}
.product-tags {display: flex;flex-wrap: wrap;justify-content: center;gap: 6px;}
.product-tag {background-color:rgba(251, 184, 21, 0.1);color: #fbb815;font-size: 12px;padding:3px 10px;border-radius: 15px;font-weight: 600;}
.product-tag.highlight {background-color: #fbb815;color: white;}
.product-info {padding: 0 10px 0px;flex-grow: 1;display: flex;flex-direction: column;}
.product-info p {color: #666;font-size: 16px;line-height: 1.6;margin-bottom: 10px;text-align: center;}
.product-link {display: inline-flex;align-items: center;justify-content: center;color: #2783c5;text-decoration: none;font-weight: 500;font-size: 14px;transition: all 0.3s ease;padding: 12px 0;border-top: 1px solid #f0f7ff;}
.product .more{margin: 3rem 0 1rem 0;}

.hero-content{background: linear-gradient(rgba(10, 38, 71, 0.85), rgba(20, 66, 114, 0.9)), url('../images/hero.jpg');background-size: cover;background-position: center;color: #fff;padding:30px 15px 150px 15px}
.hero-title {font-size:26px;font-weight:800;line-height: 1.1;margin-bottom: 20px;letter-spacing: -0.5px;}
.hero-subtitle {font-size:18px;margin-bottom:20px;opacity: 0.9;line-height: 1.6;}
.hero-stats {display:flex;gap:30px;}
.stat-number,.stat-unit{font-size:2rem;font-weight: 800;color:#2783c5;line-height:1;}
.stat-label {font-size: 1.1rem;margin-top: 10px;opacity: 0.85;}


/*news*/
.news .news-content{background: rgba(255, 255, 255, .88);backdrop-filter: blur(18px);border-radius: 26px;padding:30px 15px;box-shadow: 0 40px 100px rgba(10, 40, 90, .18);margin-top: -120px;}
.news .caption h1{font-size: 36px;color: #0b3a73;margin-bottom:10px;font-weight:bold;}
.news .caption p{color: #666;line-height: 1.9;font-size:16px;}
.news .media{margin-top:35px;}
.news .media-img{border-radius:20px;/* box-shadow: 0 24px 60px rgba(0, 0, 0, .18); */overflow: hidden;margin-top:20px;}
.news .media-img img{max-width:100%;display:block;}
.news .media-body .time{font-size:60px;font-weight:bold;color:#0b3a73;opacity: .14;}
.news .media-body .tag{background:#eef4ff;color:#2783c5;padding: 5px 14px;border-radius:30px;}
.news .media-body h5{font-size:20px;color:#333;margin:30px 0 15px 0}
.news .media-body p{color:#555;line-height:1.85;font-size:16px;}
.news .meta{margin-top:20px;display:flex;justify-content: space-between;}
.news .meta span{color:#888}
.news .meta a{color:#2783c5}
.news-side{margin-top:30px; padding-top:10px;border-top:1px solid rgba(0,0,0,.06);}
.news-side li{position:relative;padding-left:18px;margin-top:15px;}
.news-side .dot{position:absolute;left:0;top:7px;width:7px;height:7px;background:#2783c5;border-radius:50%;}
.news-side a{font-size:15px;margin-bottom:6px;display:block}
.news-side em{font-size:13px;color:#999;font-style:normal;}
.news .more{margin-top:2rem}