@font-face {
			font-family: 'Montserrat';
			src: url('/css/Montserrat-Regular.woff2') format('woff2'),
				 url('/css/Montserrat-Regular.woff') format('woff');
			font-weight: normal;
			font-style: normal;
		}
		body {
			font-family: 'Montserrat', '‌Times New Roman'; /* 使用Montserrat作为主字体，如果没有加载成功，则回退到Times New Roman*/
		}
		.topbannerimg {
            width: 100%; /* 确保容器宽度为100% */
            overflow: hidden; /* 防止图片溢出容器 */
        }
        .topbannerimg img {
            width: 100%; /* 图片宽度根据容器宽度自动缩放 */
            height: auto; /* 高度自动调整以保持比例 */
            display: block; /* 去除图片下方的空白 */
        }
		/* 你可以为特定的元素设置Montserrat字体 */
		h1, h2, h3,h4,h5,h6,p,a {
			font-family: 'Montserrat', '‌Times New Roman'; 
		}
        .news-carousel {
            margin: 30px 0;
        }
        .carousel-item {
           
        }
        .carousel-item img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        .carousel-caption {
            background-color: rgba(0, 0, 0, 0.5);
            border-radius: 5px;
            padding: 15px;
            left: 10%;
            right: 10%;
        }
 
        .news-card {
            margin-bottom: 20px;
            transition: transform 0.3s;
        }
        .news-card:hover {
            transform: translateY(-5px);
        }
		
        .section-title {
            margin: 30px 0 20px;
            padding-bottom: 10px;
            border-bottom: 1px solid #007bff;
        }

        .news-carousel, .product-carousel {
            margin-bottom: 10px;
        }
        .carousel-item {
           
        }

        .carousel-control-prev, .carousel-control-next {
            width: 5%;
        }
        /* 初始透明背景 */
        .navbar-custom {
            background-color: #FFFFFF !important;      
			color: #000000 !important;
			font-weight: bold;
			box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
			
        }
		.navbar-custom .nav-item{
			width:130px;
		}
		.navbar-custom .navbar-brand,
        .navbar-custom .nav-link {
            
        }
		
        /* 滚动后白色背景 */
        .navbar-scrolled {
            background-color: white !important;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
        }
        .navbar-scrolled .navbar-brand,
        .navbar-scrolled .nav-link {
            color: black !important;
        }
		
        /* 自定义下拉菜单样式 */
        .dropdown-menu {
            border: none;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
            display: block;
            visibility: hidden;
            opacity: 0;
            transition: visibility 0.3s, opacity 0.3s;
        }
        
        .dropdown-item {
            padding: 0.5rem 1.5rem;
        }
        
        /* 鼠标悬停时显示下拉菜单 */
        .nav-item.dropdown:hover .dropdown-menu {
            visibility: visible;
            opacity: 1;
        }
		
        .stats-section {
            padding: 60px 0;
            background-color: #f8f9fa;
        }
        
        .stat-card {
            background-color: white;
            border-radius: 8px;
            padding: 30px;
            text-align: center;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            margin-bottom: 20px;
            transition: transform 0.3s ease;
        }
        
        .stat-card:hover {
            transform: translateY(-5px);
        }
        
        .stat-number {
            font-size: 2.5rem;
            font-weight: bold;
            color: #007bff;
            margin: 15px 0;
        }
        
        .stat-title {
            font-size: 1.1rem;
            color: #555;
        }
		
        .product-pro-carousel {
            padding: 10px 0;
			background-color:#EEEEEE;
        }
        .product-pro-card {
            background-color: white;
            border-radius: 5px;
            padding: 10px;
            text-align: center;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            margin-bottom: 5px;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            overflow: hidden;
			height:300px;

        }
        
        .product-pro-card img{
			width: 100%;
            height: 80%;
            object-fit: cover;
        }
        .product-pro-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 12px rgba(0, 0, 0, 0.2);
        }
        
        .product-pro-image {
            width: 100%;
			height:100%
            object-fit: cover;
            margin-bottom: 1px;
            transition: transform 0.3s ease;
        }
        .product-pro-title {
            font-size: 18px;
            color: #333;
            transition: color 0.3s ease;
			margin-top: 18px;
        }
		
        .product-pro-card:hover .product-pro-image {
            transform: scale(1.1);
        }
        .product-pro-card:hover .product-pro-title {
            color: #007bff;
        }
		
		
        /* 自定义轮播指示器 */
        .carousel-pro-indicators {
            position: static;/* 将指示器从底部移到上方 */
            display: flex; /* 使用 flex 布局 */
            justify-content: center; /* 水平居中 */
            margin-top: 10px; /* 增加顶部间距 */
        }

        .carousel-pro-indicators [data-bs-target] {
            width: 9px; /* 指示器宽度 */
            height: 10px; /* 指示器高度 */
            border-radius: 50%; /* 圆形 */
            margin: 0 8px; /* 增加左右间距 */
            cursor: pointer;
            background-color: #cccccc; /* 默认背景颜色 */
            border: 1px solid #ffffff; /* 添加边框 */
            transition: background-color 0.3s ease; /* 平滑过渡效果 */
        }
		
        .carousel-pro-indicators .active {
            background-color: #007bff; /* 激活状态的背景颜色 */
        }
		
        /* 鼠标悬停效果 */
        .carousel-pro-indicators [data-bs-target]:hover {
            background-color: #0056b3; /* 悬停时的背景颜色 */
        }