
a{ text-decoration:none}
  /* 添加自定义样式 */
    .welcome-section {
      background-color: #f8f9fa;
      padding: 10px;
    }
   /* 添加自定义样式 */
    .header-section {
      background-color: #fff;
      padding: 10px;
    }
    .logo {
      max-height: 80px; margin-right:20px;/* 控制 Logo 的最大高度 */
    }
    .ad-text {
      margin-top: 5px;font-size:14px;font-weight: bold;
      margin-bottom: 0;
    }
    .contact-info {
      text-align: right;
    }
    .lianxi{font-size:24px; font-family: "Times New Roman"; color:#da0000;font-weight: bold;}
	.navbar{ border-top: 1px solid #eee; border-bottom: 1px solid #eee;line-height:50px;}
  .navbar-nav {
  display: flex;
  justify-content: space-between; /* 将导航项平均分布 */
  width: 100%;
}
.navbar-brand{ display: none; }
.nav-item .nav-link:hover{background: #005c9a; color:#fff; }
#active a{ background: #005c9a; color:#fff; }
.navbar{--bs-navbar-padding-y:none;}
.red{ color:#d50000;font-size:14px; font-weight:bold}
.size{font-size:14px;}
.navbar-nav .nav-item {
  flex: 1; /* 均分空间 */
  text-align: center; /* 文字居中 */
}
.list-unstyled li{ line-height:30px; list-style:circle;}

/* 可选：如果需要将 dropdown 内容左对齐 */
.navbar-nav .dropdown-menu {
  left: 0;
  right: auto;
}
.dropdown-item{font-size:14px; line-height:30px;background:none !important; color:#333 !important;}
.dropdown-item:hover{background: #005c9a !important; color:#fff !important;}
.nav-link:hover{ color:#fff;}
	  .center-content {
      display: flex;
      align-items: center;
      justify-content: center;
    }
	   /* 设置轮播项的高度为视口高度 */
    .ban-g {
      height: 60vh;
    }
    /* 设置轮播图片的宽度和高度为100% */
    .carousel-item img {
      width: 100%;
      height: 100%;
      object-fit: cover; /* 保持图片比例并填充整个区域 */
    }
	
	 /* 添加自定义样式 */

   .video-section{background: linear-gradient(to top, #f1f1f1, #ccc);}
    .video-container {
      position: relative;
      padding-bottom: 56.25%; /* 16:9 视频的高度占容器的比例 */
      padding-top: 30px; /* 视觉上的占位，可根据需要调整 */
      height: 0;
      overflow: hidden;
    }


    .video-container iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
    }
    .videobg{ background: #fff; }
	.videobg  h2{ color:#005c9a; font-family:"Times New Roman", Times, serif}
    .border-right{border-left:1px solid #444;}

    .shili-section{
  background-image: url('../images/bj.jpg');
  background-size: cover;
  background-position: center;padding:0;}

    .content-section {
      padding: 20px;border-bottom:1px solid #f1f1f1;
    }
 .content-section:hover{ background: rgba(0,0,0,0.4) }
    .content-row {
      margin-bottom: 20px;
    }

    .content-title {
      font-size: 24px;
      font-weight: bold;
      color: #ffffff;
      margin-bottom: 5px;
    }

    .content-subtitle {
      font-size: 18px;
      color: #ffffff;
    }

    /* 背景色样式，可以根据需要调整颜色 */
    .bg-color-1 { background: rgba(0,0,0,0.1); }
    .bg-color-2 { background: rgba(0,0,0,0.1); }
    .bg-color-3 { background: rgba(0,0,0,0.1); }
    .bg-color-4 { background: rgba(0,0,0,0.1); }
	
	
.product-container {
    background: linear-gradient(to top, #eee, #f9f9f9); /* 从左到右的渐变背景色 */
    margin-bottom: 20px; /* 调整底部外边距，你可以根据需要修改 */
    color: #ffffff; /* 设置文字颜色为白色，你可以根据需要修改 */
    border:1px solid #ccc;
  }
.order-2{padding-left:30px;}

 .product-container .p-link{
    display: inline-block;
    padding: 5px 20px; /* 根据需要调整内边距 */
    background-color: #da0000; /* 设置背景颜色，可以根据需要修改 */
    color: #ffffff; /* 设置文字颜色为白色，可以根据需要修改 */
    text-decoration: none; /* 去除下划线 */
	margin-bottom:15px;
  }
   .product-container a{ text-decoration: none;  color: #d50000; }

  .product-container a:hover {
  }
  .product-container h3{ color:#d50000;font-size:16px; }
  .product-container p{ color:#333;font-size:13px; }

  /* 响应式边框样式 */
    .responsive-link {
      display: inline-block;margin:0 5px;
      padding: 10px 20px;
      text-decoration: none;
      color: #333; /* 设置文字颜色，可以根据需要修改 */
      border: 1px solid #ccc; /* 设置边框样式，可以根据需要修改 */
      transition: background-color 0.3s ease; /* 添加过渡效果 */
    }
	

    /* 鼠标悬停时的样式 */
    .responsive-link:hover {
      background-color: #d50000; /* 设置悬停时的背景颜色，可以根据需要修改 */
      color: #ffffff; /* 设置悬停时的文字颜色，可以根据需要修改 */
    }
    .fenlei{text-align: center; }
	.nav-tabs{border:none}
	.fenlei a{margin-bottom:8px;}
.video-container {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; /* 16:9 视频的高宽比例 */
  overflow: hidden;
}
.friend-links a{ color:#333;}
.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


  .news-content {
      padding-top: 20px;
    }
    .news-item {
      margin-bottom: 20px;
      display: flex;
    }
	.news-item-biao{ text-decoration:none; color:#333;}
    .news-img {
      max-width: 100%;
      height: auto;
      margin-right: 20px;
    }
.navbar-nav .dropdown-menu{min-width:197px;}
.content-title {
  font-size: 24px; /* 设置主标题的字体大小 */
  font-weight: bold; /* 设置主标题的粗细 */
}

.content-subtitle {
  font-size: 18px; /* 设置副标题的字体大小 */
}

.custom-link {
  /* 链接样式 */
  color: #ffffff; /* 文字颜色 */
  text-decoration: none; /* 去除下划线 */

  /* 背景颜色 */
  background-color: #333; /* 蓝色，你可以根据需要修改 */
  padding: 5px 15px; /* 设置内边距，你可以根据需要修改 */
}

.custom-link:hover {
  /* 鼠标悬停时的样式 */
  background-color: #d50000; /* 深蓝色，你可以根据需要修改 */
}
	.tit{ text-align:center}
	.tit a{ }
	.succ{ display:block;color:#333; text-decoration:none;}
	.back{ background:#d50000; color:#fff;text-decoration:none;padding:5px 15px; border-radius:5px; font-style:normal;font-size:20px;}
	  /* 添加自定义样式 */
    .product-container {
      margin-bottom: 20px;
    }
    .product-img {
      max-width: 100%; /* 图片宽度不超过容器 */
      height: auto; /* 保持图片比例 */
    }
	
	
	
	  /* 添加自定义样式 */
    .about-section {
      padding: 50px 0;
    }
    .about-text {
      font-size: 18px;
      line-height: 1.6;
    }
	.about-text h2{ font-family:"Times New Roman", Times, serif; font-size:48px;}
    .about-image img {
      max-width: 100%;
      height: auto;
    }
	

	


    .footer-top {
      background-color: #57636f; color:#fff;

    }
   .footer-top a{ color:#fff; text-decoration:none;}
    .footer-bottom {
      background-color: #3b4855;
      color: #fff;
      text-align: center;
      padding: 10px 0;
    }
	  .footer-bottom p{ margin-bottom:0;
	  }


    .changf-section{ height:auto!important; }
	
	
	.news-content h3 a{ color:#333; text-decoration:none;font-size:1.2rem;font-weight: bold;}
		.news-content p{ color:#999;}
	
	    .news-item {
            margin-bottom: 20px;
        }
 .custom-carousel-control-prev {
      background-image: url('data:image/svg+xml;charset=utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8 8"%3E%3Cpath d="M5 0l-1.5 1.5 2.5 2.5H0v1h6L3.5 6.5 5 8l3-3-1.5-1.5L5 0z" fill="%23000" /%3E%3C/svg%3E');
    }

    .custom-carousel-control-next {
      background-image: url('data:image/svg+xml;charset=utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8 8"%3E%3Cpath d="M3 0l-3 3 3 3v-2h5V2H3V0z" fill="%23000" /%3E%3C/svg%3E');
    }

        .news-item img {
            max-width: 100%;
        }
		        .news-img1 {
            max-width: 80% !important;padding-right:10px;
			height:120px;
        }

        .news-content {
            margin-left: 15px;
        }

           .banner {
            position: relative;
            text-align: center;
            color: #fff;
        }

        .banner img {
			width:100%;
            height: auto;
        }

        .banner-content {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }
 .location {
            padding: 15px 0;
            background: #f8f9fa; /* 设置背景颜色 */
            text-align: left; line-height:35px;
        }
	.location a{ text-decoration:none; color:#333;}	
/* 内页联系我们 */		
  .c-bg {
            background-color: #f0f0f0; /* Add your desired background color here */
            padding: 15px;
            border-radius: 10px; /* Optional: Add border-radius for rounded corners */
            margin: 0 10px 20px 10px; /* Add margin for spacing between sections */
        }
		
		
		.page-link { color:#333 !important;}
.active>.page-link, .page-link.active{ background:#d50000 !important; color:#fff !important;border:1px solid #ccc;}
.fgs{ border-bottom:1px dashed #ccc;}
.about{font-size:16px;}

.card-title{ background:rgba(0,0,0,0.50); color:#fff;padding:5px 10px;font-size:16px;}
.colorred{ background:rgba(213,0,0,0.80) !important; }
.image-name{font-size:12px; color:#666}
.card-text{height:120px; background:#f1f1f1;}
.card-body{overflow:hidden;}
.card-body h5{ text-align:center;font-size:16px;}
.product-container,.order-md-2,.card{ overflow:hidden;}
.news-item img,.product-img, .card-img-top{ transition: transform 0.3s ease-in-out;
  /* 添加过渡效果，让变化更平滑 */
}
.news-item:hover img,.product-img:hover,.card-img-top:hover{
  transform: scale(1.1);
  /* 鼠标悬停时将图片放大到1.1倍 */
}




.card-link {
    position: relative;
    overflow: hidden;
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(213, 0, 0, 0.5);
    opacity: 0;
    transition: opacity 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.overlay:hover {
    opacity: 1;
}

.icon {
    color: white;
    font-size: 50px;
}

.card-body {
    z-index: 1;
}
.card-body h5{ color:#333; text-decoration:none;}


.drift{  height:auto; position:fixed; bottom:15%; right:2px; z-index:2001;_position: absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));-margin-top:350px;}
.drift li{ width:50px; height:49px; margin-bottom:3px;position: relative; list-style:none}
.drift li a{ display:block;width:50px; height:49px; background:#ddd; overflow:hidden;}
.drift li a:hover{ background:#e9303c;}
.drift #roll a{background:#e9303c ;}
.drift li a:hover span{display:block;}
.drift li span{width:146px; right:51px;top: 0;height: 49px;line-height: 49px; background: #e9303c;color: #fff;text-align: center;font-family:Arial;position: absolute;font-size: 22px;font-weight: bold;display: none;}
.drift li .ewm{background:#fff;height:203px;border:1px solid #EEEFF1;}
.drift li .ewm img{width:146px;display:block;overflow:hidden;padding:10px;width:146px;}
.drift li .ewm em{height:40px;line-height:18px;overflow:hidden;  font-family: "Microsoft YaHei";font-size:12px;font-weight:normal;color:#000;}
	.pro-img{ border:1px solid #ccc;padding:0 !important}
	.pro-content{ line-height:30px; padding-left:3rem;}


@media (max-width: 768px) {
	.news img{ width:100% !important;}
.welcome-section{ display:none}
.header-section{display:none}
.navbar-brand{ display:block}
.videobg h2{font-size:22px;}
.ban-g{height:18vh}
.list-unstyled li{ list-style:none}
.products img{  width:100%;}
.drift{ display:none}
.video-container video{height:200px !important;} 
 .p-link,.product-container p{ display:none !important;}
 .pro-content{ padding-left:1rem;}
	
}

