.product .col-md-3 {-ms-flex: 0 0 20%;flex: 0 0 20%;max-width: 20%;}
.product .col-md-6 {-ms-flex: 0 0 40%;flex: 0 0 40%; max-width: 40%;}

.center{text-align:center}
.mr{margin-right:70px}
.ml{margin-left:70px;}
/*banner*/
.banner .swiper-pagination{position:absolute;}
.banner .mySwiper{width:100%;height:auto;text-align:center;}
.banner .swiper-slide img{max-width:100%;height:auto;display:block;margin:0 auto;} 	 
.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:5rem;}
.about .about-img img{max-width:100%;border-radius:10px;}
.about .caption .cn{color:rgba(54, 54, 54, 1);font-size:40px;font-weight:bold;margin:35px 0}
.about .caption .en{color:#2783c5;font-size:40px;font-weight:bold;margin-top:10px;}
.about .about-text p{font-size:16px;line-height:28.5px;margin-top:10px;color:#555555;text-align: justify;}
.more{margin-top:30px;}
.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{box-shadow: 8px 10px 10px rgba(0, 0, 0, 0.1);padding:3rem 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:bold;}
.features .media-body p{font-size: 15px;color: #666;line-height: 1.5;}

/*product*/
.product{background:#f5f9ff;padding: 70px 0 70px;margin-top:5rem;}
.product-title{text-align:center;margin-bottom: 70px;}
.product-title .en-wrapper {display: flex;align-items: center;justify-content: center;gap: 15px;}
.product-title .line {width:80px;height: 3px; background: linear-gradient(90deg, transparent, #2783c5, transparent);}
.product-title .en {font-size: 1.2rem;font-weight: 400;text-transform: uppercase;/* letter-spacing: 6px; */color: #2783c5;position: relative;padding: 0 5px;border-radius: 30px;}
.product-title .cn{display:block;margin-top:15px;font-size:16px;}
.product-title h1{ font-size:40px;/* background: linear-gradient(135deg, #2783c5 0%, #4a9fe0 60%, #2783c5 100%);-webkit-background-clip: text;background-clip: text; */color:#2783c5;font-weight:bold;position: relative;display: inline-block;padding-bottom: 15px;	}
/* .product h1:after {content: '';position: absolute;width: 60px;height: 3px;background-color: #fbb815;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;color:#fff;}
.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;position:relative}
.product-info-big h3>a{font-size: 28px;color:#2783c5;font-weight: 700;margin-bottom: 15px;display:block}
.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: 15px 0;text-align:center;color: #1a6bb0;transition: all 0.3s ease;position:absolute;bottom:0;left:0;right:0;margin:0 auto;}

.product-card {margin-bottom:30px;height:290px;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-top:5px;display: flex;flex-direction: column;align-items: center;text-align: center;}
.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;color:#2783c5;}
.product-img img {max-width: 100%;height: 150px;display: block;margin: 0px auto;}
.product-card:hover .product-icon {background: linear-gradient(135deg, #2783c5, #1a6bb0);transform: scale(1.05);color:#fff}
.product-card:hover .product-icon i{color:#fff;}
.product-header h3>a{font-size: 18px;color: #2783c5;font-weight: 600;margin-bottom: 12px;line-height: 1.3;display:block}
.product-tags {display: flex;flex-wrap: wrap;justify-content: center;gap: 6px;margin-bottom: 5px;}
.product-tag {background:rgba(231, 139, 100, 0.1);color: #e78b64;font-size: 12px;padding:3px 15px;border-radius: 15px;font-weight: 600;}
.product-tag.highlight {background-color: #fbb815;color: white;}
.product-info {padding: 0 25px 0px;flex-grow: 1;display: flex;flex-direction: column;position:relative}
.product-info p {color: #666;font-size: 16px;line-height: 1.6;margin-bottom: 20px;}
.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: 15px 0;border-top: 1px solid #f0f7ff;position:absolute;bottom:0;left:0;right:0;margin:0 auto;}

/*hero-content*/
.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:100px 0  250px 0}
.hero-title {font-size:50px;font-weight:800;line-height: 1.1;margin-bottom: 25px;letter-spacing: -0.5px;}
.hero-subtitle {font-size:20px;margin-bottom: 40px;opacity: 0.9;line-height: 1.6;}
.hero-stats {display: flex;gap: 60px;}
.stat-number,.stat-unit{font-size: 3rem;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: 90px 80px 60px;box-shadow: 0 40px 100px rgba(10, 40, 90, .18);margin-top: -160px;}
.news .caption{display: flex;justify-content: space-between;align-items:flex-end;}
.news .caption h1{font-size:40px;color: #0b3a73;font-weight:bold;}
.news .caption p{color: #666;line-height: 1.9;font-size:16px;}
.news .media{margin-top:70px;}
.news .media-img{border-radius:20px;overflow: hidden;}
.news .media-img img{max-width:100%;display:block;width:460px;height:300px;display:block;object-fit:cover;object-position:center;transition: .6s;}
.news .media-img:hover img{transform: scale(1.06);}
.news .media-body .time{font-size:78px;font-weight:bold;color:#0b3a73;opacity: .14;margin-bottom:50px;}
.news .media-body .tag{background:#eef4ff;color:#2783c5;padding: 5px 14px;border-radius:30px;}
.news .media-body h5{font-size:28px;color:#333;margin: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:70px 0; padding-top:50px;border-top:1px solid rgba(0,0,0,.06);}
.news-side ul{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;}
.news-side li{position:relative;padding-left:18px;}
.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;}