@import url("foot.css");@import url("Tuhead.css");

/* CSS Document */

/* 顶头 */
body{ padding:0; margin:0; font-family:微软雅黑;  font-size:14px;}

a{ text-decoration:none;color:black;}
a:hover{color:Blue; text-decoration:none;}
ul,li{ list-style:none; margin:0; padding:0;}
img{ border:none;}

.center{ margin:0 auto; width:1600px;}

#CatPic{ width:1600px; height:250px; margin:0 auto;  overflow:hidden;background:rgba(0,0,0,0.6)}

#TKCon{  width:1600px; margin:0 auto; overflow:hidden;margin-top:-200px; position: relative; z-index:10;}
#TKCon .left{ float:left;}
#TKCon .right{ float:right}




/*-------- 新图 热门图片 共用CSS --------------*/

#XinTu,#ReTu { width:1600px; margin:0 auto;  overflow:hidden; height:488px; margin-top:30px; margin-bottom:20px;}
#ReTu .tit,#XinTu .tit{ width:612px; height:45px;background:url(../images/index_tit_bg.png) no-repeat 0px 0px; margin:0 auto; text-align:center; line-height:35px; font-size:35px; font-weight:bold;  letter-spacing:5px;}

#ReTu .list,#XinTu .list{ width:1640px; height:365px;  overflow:hidden;  margin-top:20px;}
#ReTu .list li,#XinTu .list li{ width:300px; height:169px; float:left; overflow:hidden; margin-right:25px; margin-bottom:25px; display:block;}
#ReTu .list li img,#XinTu .list li img{width:300px; height:169px;z-index:0;}
#ReTu .list li:hover h1,#XinTu .list li:hover h1{ position:relative;  bottom:55px;  color:White; display:block;  width:300px; height:35px; padding:5px; line-height:35px; overflow:hidden; background:rgba(0,0,0,0.5); font-size:16px; font-weight:normal; text-align:center; overflow:hidden;}

#ReTu .more,#XinTu .more{ width:300px; height:40px; background:#dcdcdc; line-height:40px; text-align:center; margin:0 auto; margin-top:20px; border-radius:10px;}
#ReTu .more a,#XinTu .more a{width:300px; height:40px; display:block; color:Black; font-size:16px;}
#ReTu .more a:hover,#XinTu .more a:hover{ color:White;}
#ReTu .more:hover,  #XinTu .more:hover{ background:black;}


/*-------- 热门标签 --------------*/
#BiaoQian{ width:1600px; margin:0 auto;  padding-bottom:20px; }
#BiaoQian .tit{ width:1600px; height:135px; margin:0 auto; text-align:center;  overflow:hidden;}
#BiaoQian .tit p{line-height:25px; font-size:35px; font-weight:bold;  letter-spacing:5px; color:#670000;}
#BiaoQian .tit span{ font-size:16px; font-family:微软雅黑; color:#666;}

#BiaoQian .list{ width:1600px; height:77px; overflow:hidden; padding-top:20px; }
#BiaoQian .list li{ background:#dcdcdc;  border:#999 1px solid; border-radius:5px; margin-right:20px; margin-bottom:15px; float:left; overflow:hidden; }
#BiaoQian .list a{ color:#404040; display:block;padding:5px 10px;}
#BiaoQian .list a:hover{ color:White; background:#006605}




#Time{ width:1600px;  margin:0 auto; overflow:hidden; margin-top:30px; margin-bottom:30px;}
#Time .tit{width:612px; height:45px;background:url(../images/index_tit_bg.png) no-repeat 0px 0px; margin:0 auto; text-align:center; line-height:35px; font-size:35px; font-weight:bold;  letter-spacing:5px;}
#Time .list ul{text-align:center;height:50px; overflow:hidden;  padding-top:30px;}
#Time .list li{ display:inline;}
#Time .list li a{ padding:8px 15px;border:1px solid #dcdcdc;margin-right:10px; border-radius:5px;}
#Time .list a:hover{ color:White; background:#006605}



/*-------- 下拉菜单 --------------*/

.dropMenu{ position:absolute; margin-left:0px; font-size:12px; z-index:100; width:120px; margin-top:10px; padding-bottom:5px;   overflow:hidden;  background:#006605;  visibility: hidden; font-size:14px;}
.dropMenu li { height:40px; line-height:40px; float:left; border-bottom:1px #01ab5c dotted; width:200px; text-align:center; overflow:hidden; }
.dropMenu a {width: auto;color:White;width:120px; height:40px;display:block;}
* html .dropMenu a { }
.dropMenu a:hover {	color:Yellow; background:#c90001;	text-decoration: none;}




/* 鼠标滑过时图片缩放 */
 .zoom-image {width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s ease;}
 .zoom-image:hover { transform: scale(1.1); }


/*图库类别图标加文字*/
#Catlist{ width:1600px;  margin:0 auto;overflow:hidden;  position:relative;}
#Catlist .list{ width:1600px; margin:0 auto; padding-top:20px;}
#Catlist .list ul{width:1790px;}

#Catlist .list li{ width:160px; height:90px; overflow:hidden; float:left; margin-right:20px;border-radius:5px; }
#Catlist .list li a{ font-size:18px; font-weight:560; letter-spacing:3px;}
#Catlist .list li a:hover{ font-size:19px;}
#Catlist .list li img{ height:90px; width:160px;}
#Catlist .list li span{position:relative;  bottom:95px;  color:White; display:block;  width:160px; height:91px;line-height:90px; overflow:hidden;   text-align:center; overflow:hidden;background:rgba(0,0,0,0.6);border-radius:5px;}
#Catlist .list li .active{background:rgba(0,0,0,0.1); color:Yellow;}
#Catlist .list li span:hover{ width:160px; height:120px;background:rgba(0,0,0,0.3);}


/*图库子类*/
.ZiLei{ width:1600px; height:72px; overflow:hidden; padding-top:15px; margin:0 auto; }
.ZiLei li{ background:#dcdcdc;  border:#999 1px solid; border-radius:5px; margin-right:20px; margin-bottom:10px; float:left; overflow:hidden; }
.ZiLei a{ color:#404040; display:block;padding:5px 10px;}
.ZiLei a:hover{ color:White; background:#006605}
.ZiLei .active{color:Yellow; background:#6e0303}



#WeiZhi{ width:1600px; margin:0 auto; overflow:hidden; text-align:center; }
#WeiZhi .tit{ padding:20px;color:#666; font-size:18px; padding-left:10px;}
#WeiZhi .tit b{ color:Red; font-size:28px; letter-spacing:5px; padding-right:10px;}
#WeiZhi .tit span{ color:#022074; font-size:18px; padding:0px 5px;}

#WeiZhi .weizhi{ width:1600px; height:40px; background:#dcdcdc; line-height:40px; text-align:center; margin:0 auto;  border-radius:10px;color:#666;}
#WeiZhi .weizhi a{ color:#666; font-size:16px; padding:10px;}
#WeiZhi .weizhi a:hover{ color:#800000;}


/*图片列表*/
#TuKuList { width:1600px; margin:0 auto;  overflow:hidden; margin-top:20px; margin-bottom:20px;}
#TuKuList ul{ width:1640px;  overflow:hidden; }
#TuKuList li{ width:300px; height:169px; float:left; overflow:hidden; margin-right:25px; margin-bottom:25px; display:block;}
#TuKuList li img{width:300px; height:169px;z-index:0;}
#TuKuList li h1{ position:relative;  bottom:55px;  color:White; display:block;  width:300px; height:35px; padding:5px; line-height:35px; overflow:hidden; background:rgba(0,0,0,0.5); font-size:16px; font-weight:normal; text-align:center; overflow:hidden;}
#TuKuList li:hover h1{ background:rgba(105,0,0,0.8); color:Yellow;}




/*分页控件*/
.Pagelist{ width:1600px; margin:0 auto; height:52px; margin-bottom:15px; }
.Pagelist ul{text-align:center;height:50px; overflow:hidden;  padding-top:10px;}
.Pagelist li{display:inline;}
.Pagelist li a{padding:8px 15px;border:1px solid #dcdcdc;margin-right:10px;}
.Pagelist li:hover a,.Pagelist li.hover a{border:1px solid #008f4d;background:#008f4d;color:#fff;}
.Pagelist li .sec { padding: 6px 10px; }
.Pagelist li span.pageinfo { padding: 8px 15px; margin-left: 10px; }




/*组图展示页面*/

#ZuTu{ width:1600px;  margin:0 auto; overflow:hidden; }
#ZuTu .left{ width:850px; height:468px; float:left; overflow:hidden;   position: relative;  display: inline-block; }

/* 小图样式 */
.thumbnail {cursor: pointer;width:838px; height:456px; padding:5px; border:1px #dcdcdc solid; border-radius:5px;transition: transform 0.2s; }
.thumbnail:hover {transform: scale(1.05);}

/* 大图弹出层样式 */
.overlay {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.8);justify-content: center;align-items: center;z-index: 1000;}

/* 大图容器 */
.image-container {position: relative;display: inline-block;overflow: hidden; transition: color 0.2s;/* 防止图片溢出 */}

/* 大图样式 */
.overlay img {width:1500px;border-radius: 5px;transition: transform 0.1s; /* 平滑缩放效果 */cursor: grab; /* 鼠标拖动时的样式 */}

/* 上一图 下一图 */
.arrow { position: absolute;top: 50%;transform: translateY(-50%);font-size: 34px;color: white;background-color: rgba(0, 0, 0, 0.3);padding: 10px;cursor: pointer;user-select: none;}
.left-arrow {left: 20px;}
.right-arrow {right: 20px;}
.arrow:hover {background-color: rgba(0, 0, 0, 0.8);}

/* 关闭按钮样式 */
.close-btn {position: absolute;top: 30px;right: 30px;font-size:20px;  text-align:center; line-height:22px;  color: #fff;cursor: pointer;transition: color 0.2s;background-color: rgba(0, 0, 0, 0.5);padding:20px; display: flex;justify-content: center;z-index: 1001; /* 确保按钮在图片上方 */}
.close-btn:hover {color: #ff0000;background-color: rgba(0, 0, 0, 0.8);}


/* 组图信息详情页 */
#ZuTu .tit{ padding:10px;color:#666; font-size:18px; margin-top:15px;}
#ZuTu .tit b{ color:Red; font-size:28px; letter-spacing:5px; padding-right:10px;}
#ZuTu .tit span{ color:#022074; font-size:18px; padding:0px 5px;}

#ZuTu .Local{ width:1600px; height:40px; background:#dcdcdc; line-height:40px; text-align:center; margin:0 auto; color:#666; margin-bottom:20px;}
#ZuTu .Local a{ color:#666; font-size:16px; padding:10px;}
#ZuTu .Local a:hover{ color:#800000;}

#ZuTu .right{ width:720px; float:right; height:468px; overflow:hidden; }
#ZuTu .right .box01{ padding:5px; color:#333;font-size:16px;}
#ZuTu .right .box01 li{ width:720px;  line-height:35px;}
#ZuTu .right .box01 b{ padding-right:5px; font-size:14px; color:#666; font-weight:normal;}

#ZuTu .right .box01 span{ color:Red; padding:0px 5px; font-size:18px;}
#ZuTu .right .box01 i{ font-style: normal; color:#002393; padding-right:5px;}
#ZuTu .right .JianJie{ color:#666; font-size:14px; line-height:26px; border:1px #dcdcdc solid; padding:10px;  border-radius:5px; }

#ZuTu .right .box02{  width:720px; margin:0 auto; }
#ZuTu .right .box02 ul{text-align:center; overflow:hidden;  padding-top:10px;}
#ZuTu .right .box02 li{  height:30px; float:left; margin-bottom:10px; }
#ZuTu .right .box02 a{ padding:8px 15px;border:1px solid #dcdcdc;margin-right:10px; color:#333;  border-radius:5px; background:#e6e6e6; font-size:12px;}
#ZuTu .right .box02 a:hover{ color:White; background:#006605}

/*版权声明*/
#BanQuan{ width:688px; overflow:hidden; color:#999;  font-size:13px; line-height:23px; border:1px #dcdcdc solid; padding:13px; border-radius:5px; }
#BanQuan b{ color:Red;}



/* 组图详情页图片列表 */

#ZuTuList{ width:1600px;  overflow:hidden; margin: auto; margin-top:20px;}
#ZuTuList ul{ width:1640px;  overflow:hidden; }
#ZuTuList li{ width:300px; height:169px; float:left; overflow:hidden; margin-right:25px; margin-bottom:25px; display:block;}
#ZuTuList li img{width:300px; height:169px;z-index:0;}

#ZuTuList li:hover h1{ position:relative;  bottom:55px;  color:White; display:block;  width:300px; height:35px; padding:5px; line-height:35px; overflow:hidden; background:rgba(0,0,0,0.5); font-size:16px; font-weight:normal; text-align:center; overflow:hidden;}



/*单个关键字索引图片展示页面*/
#keyword{ width:1600px; margin:0 auto; margin-top:10px; text-align:center; }
#keyword .box01{ height:40px; line-height:40px; font-size:16px;}
#keyword .box01 b{ color:Red; font-size:18px; padding:10px;}
#keyword .box01 span{ color:Blue; font-size:16px; padding:10px;}
#keyword .box02{ height:30px; line-height:30px; margin-top:10px;}
#keyword .box02 a{ color:#004b8a; background:#eaeaea; padding:5px 10px; border-radius:5px; margin:10px; border:1px #999 solid;}
#keyword .box02 a:hover{ color:white; background:Red}
#keyword .box02 span{ color:Blue; padding:10px;}


/*所有关键词展示页面*/

#keywords{ width:1600px; overflow:hidden; padding-top:20px; padding-bottom:20px; margin:auto; }
#keywords li{ background:#dcdcdc;  border:#999 1px solid; border-radius:5px; margin-right:20px; margin-bottom:15px; float:left; overflow:hidden; }
#keywords a{ color:#404040; display:block;padding:5px 5px;}
#keywords a:hover{ color:White; background:#006605}
#keywords .tit{ text-align:center; line-height:40px; height:40px; font-size:16px; padding-bottom:20px;}
#keywords .tit span{ color:Red; padding:10px; font-size:18px; font-weight:bold;}
#keywords .tit b{ padding:10px; color:Blue;}



/*时间索引*/

#Time{ width:1600px;  margin:0 auto; overflow:hidden; margin-top:30px;}
#Time .tit{width:612px; height:45px;background:url(../images/index_tit_bg.png) no-repeat 0px 0px; margin:0 auto; text-align:center; line-height:35px; font-size:35px; font-weight:bold;  letter-spacing:5px;}
#Time .list ul{text-align:center;height:50px; overflow:hidden;  padding-top:30px;}
#Time .list li{ display:inline;}
#Time .list li a{ padding:8px 15px;border:1px solid #dcdcdc;margin-right:10px; border-radius:5px; }
#Time .list a:hover{ color:White; background:#006605}
#Time .list .active{background:#006605; color:White;}




/*赞助页面相关 */
.zanzhu{width:1000px;  margin:0 auto; overflow:hidden; margin-top:10px;}
.zanzhu li{ width:480px; float:left; overflow:hidden; margin-right:40px;}
.zanzhu li:nth-child(2n){margin-right:0}
.zanzhu li img{width:480px;}
.zanzhuico {width:1000px; height:30px; line-height:30px; text-align:center; font-size:22px;  margin:0 auto; overflow:hidden; margin-top:15px;background :url(../images/shang.png) no-repeat 390px 0px; -webkit-background-size:contain;background-size:contain; }
.zanzhuico a{ color:#950404; font-weight:800; }
.zanzhutext{ padding-bottom:10px; overflow:hidden; letter-spacing:.03rem;  margin-bottom:.2rem;  color:#777; line-height:28px; font-size:16px;width:1000px;  margin:0 auto; overflow:hidden;}
.zanzhutext p{ color:#a40000; font-size:18px;text-align:center; font-weight:800;}


/*图片详情 赞助 时间查看 关键件索引图标 */
.shang {height:30px;font-size:15px; line-height:20px; padding-top:10px; overflow:hidden;  background:#efefef;  letter-spacing:.03rem; -webkit-background-size:contain;background-size:contain; margin:5px 0px; }

.shang span{height:20px;font-size:15px; line-height:20px; overflow:hidden;   letter-spacing:.03rem;background :url(../images/shang.png) no-repeat; -webkit-background-size:contain;background-size:contain;  margin-left:135px;}

.shang span a{color:#950404; font-weight:800;  padding-left:30px;}
.shang a:hover{ color:blue; }



.shang b{ overflow:hidden;  font-size:16px; background :url(../images/clock.png) no-repeat 35px 0px; -webkit-background-size:contain;background-size:contain; padding-left:65px; }
.shang b a{color:#333; font-weight:normal;}

.shang i{ overflow:hidden;  font-size:16px; font-style:normal;  background :url(../images/keywowds.png) no-repeat 35px 0px; -webkit-background-size:contain;background-size:contain; padding-left:66px; }
.shang i a{color:#333; font-weight:normal;}



/* 鼠标滑过时图片缩放 */
 .zoom-image {width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s ease;}
 .zoom-image:hover { transform: scale(1.1); }
 
 
 
 
 
/* 组图想起滚动容器样式 */
.scroll-container {
  /* 设置固定高度或最大高度 */
  max-height:110px; /* 根据实际需求调整 */
  height: auto;
  
  /* 启用滚动 */
  overflow-y: auto;
  overflow-x: hidden; /* 防止水平滚动 */
  
  /* 滚动条样式 - 电脑端可以更丰富 */
  scrollbar-width: thin; /* Firefox */
  scrollbar-color: #888 #f1f1f1; /* Firefox */
  
  /* 基础样式 */
  padding: 15px;
  background-color: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

/* Webkit浏览器滚动条样式 (Chrome, Safari, Edge) */
.scroll-container::-webkit-scrollbar {
  width: 12px; /* 电脑端可以宽一些 */
}

.scroll-container::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 6px;
  margin: 4px 0;
}

.scroll-container::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 6px;
  border: 2px solid #f1f1f1;
}

.scroll-container::-webkit-scrollbar-thumb:hover {
  background: #a8a8a8;
}

.scroll-container::-webkit-scrollbar-thumb:active {
  background: #888;
}

.scroll-container::-webkit-scrollbar-corner {
  background: #f1f1f1;
}

/* 内容样式 */
.scroll-content {
  line-height: 2;
  color: #616161;
  font-size: 14px;
}

/* 悬停效果 - 电脑端特有 */
.scroll-container:hover::-webkit-scrollbar-thumb {
  background: #a8a8a8;
}

/* 大屏幕优化 */
@media (min-width: 1200px) {
  .scroll-container {
    max-height: 110px;
    padding: 10px;
  }
}

/* 中等屏幕 */
@media (max-width: 1199px) and (min-width: 992px) {
  .scroll-container {
    max-height: 110px;
  }
}