/*选项卡*/
.tab-title{

}
.tab-title li{
    height:66px;
	line-height:18px;
	font-size: 14px;
	text-align:center;
	margin-bottom:10px;
	cursor:pointer
}
.tab-title li img{width:50%;margin-top:5px}
.tab-title li.on{
	background:rgba(132,132,132,.2);
	border-radius:10px;
	/*position: relative;*/
}
::-webkit-scrollbar {
    width: 6px; /* 滚动条宽度 */
}
 
/* 滚动条轨道 */
::-webkit-scrollbar-track {
    background: #f1f1f1; /* 轨道颜色 */
}
 
/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
    background: #c9c9c9; /* 滑块颜色 */
    border-radius: 6px; /* 滑块圆角 */
}
 
/* 滑块悬停 */
::-webkit-scrollbar-thumb:hover {
    background: #c9c9c9; /* 滑块悬停颜色 */
}
.image-container {
    position: relative;
    display: inline-block;
	width:19%;
	height:100%;
	margin:5px 0.5% 0 0%
}
 
.image-container img {
    display: block;
    width: 100%; /* 或者指定具体宽度 */
    height: auto;
	border-radius:10px
}
 
.image-container .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* 半透明背景 */
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0; /* 默认不显示 */
    transition: opacity 0.5s ease; /* 平滑过渡效果 */
	border-radius:10px
}
 
.image-container:hover .overlay {
    opacity: 1; /* 鼠标悬停时显示 */
}

.bktj{float:left;width:13.2%;height:190px;overflow:hidden;line-height:30px;text-align:center;font-size:12px;margin-right:10px;}
.bktj img{width:100%;height:155px;border-radius:10px}


.new-news ul{overflow: auto;
    padding: 0 20px;
    margin-bottom: 10px;}
.new-news li{list-style:none}
.new-news ul li{position: relative;
    padding: 0 10px 10px 20px;
    border-left: 2px solid rgba(136, 136, 136, .2);
	font-size:14px;
	}
	.new-news ul li img{font-size: 12px;
    top: 3px;
    color: #888;
    position: absolute;
    padding: 5px;
    left: -19px;
    background: #fff;
    transition: background-color .3s;}
.new-news ul li img{display: inline-block;
    font-size: inherit;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
	width:25px;
	}
.new-news ul li img{font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;}
	.text-sm {
    font-size: 14px !important;
}
.text-xs {
    font-size: 12px !important;
}
.text-muted {
    color: #6c757d !important;
}
.text-muted a {
    color: #6c757d;
}
.mr-2, .mx-2 {
    margin-right: 12px !important;
}
.flex-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
}

#index_ts{height:320px;}
.index_ts_1{float:left;width:74%;margin:1%;height:335px}
.index_ts_2{float:left;width:23%;margin:1% 0;}


@media (max-width:1199px){
  .bktj{float:left;width:18%;height:200px;overflow:hidden;line-height:22px;text-align:center;font-size:12px;margin-right:10px}
  .bktj img{width:100%;height:160px;border-radius:10px}


}

@media (max-width:991px){
  #index_ts{height:640px;}
  .index_ts_1{float:none;width:98%;margin:1%;height:335px}
  .index_ts_2{float:none;width:99%;margin:1% 0;}  
  
  .image-container {
    position: relative;
    display: inline-block;
	width:23%;
	height:100%;
	margin:5px 0.5% 0 0%
  }
  .bktj{float:left;width:23%;height:220px;overflow:hidden;line-height:22px;text-align:center;font-size:12px;margin-right:10px}
  .bktj img{width:100%;height:180px;border-radius:10px}
}

@media (max-width:600px){
  .image-container {
	width:48%;
  }
  .bktj{float:left;width:31%;height:210px;overflow:hidden;line-height:22px;text-align:center;font-size:12px;margin-right:10px}
  .bktj img{width:100%;height:170px;border-radius:10px}
}
@media (max-width:480px){
  .image-container {
	width:48%;
  }
  .bktj{float:left;width:46%;height:210px;overflow:hidden;line-height:22px;text-align:center;font-size:12px;margin-right:10px}
  .bktj img{width:100%;height:170px;border-radius:10px}
}