@charset "utf-8";
/* CSS Document */
*{margin: 0px;padding: 0px;		}
body{margin:0;padding:0; background:#f2f2f2;  text-align: justify; word-wrap: break-word; text-justify:inter-ideograph}
ul {margin:0; padding:0; list-style:none;}
a{text-decoration: none; color:#000}
a:hover{color:#FF9700;}
.img{border:0}

.aaa{width:1080px; margin:0 auto; padding-bottom:40px; }
.tpimg{width:1920px; height:570px; margin:0 auto; }
.bgimg{width:1080px; overflow:Hidden; margin:0 auto; padding-bottom:50px;}


.mainbox{width:1600px;height:fit-content; margin:0 auto; overflow:Hidden; position:relative;}

.btn{width:130px; height:113px; position:absolute; top:100px; left:1050px; z-index:100; border-radius: 20px; overflow: hidden; }
.btn:hover{ cursor:pointer; box-shadow:0 0 30px -7px #FF9700 }
.btn a{width:100%; height:100%;}
.btn img{width:100%; height:100%;}


	.yearscroll{width:100%; height:750px; overflow: hidden; display:flex; flex-direction: column; align-items: center;}
   .currentImg{width:100%; height:600px; overflow: hidden; position: relative; }
   .currentImgMove{width:auto; height:600px; display:flex; gap:10px; position:absolute;   }

   
   .currentImg img{width:990px; height:auto; object-fit: contain;  }
   .imgMenu{width:100%; height:100px; display: flex; gap:10px; margin-top:20px;} 
   .ysBtnL, .ysBtnR{width:50px; height:100px; border-radius:5px 0 0 5px; background:#b1e0f7; text-align: center; line-height: 100px; }
   .ysBtnR{border-radius:0 5px 5px 0;  }
   .ysBtnL:hover, .ysBtnR:hover{background:#6fa6ba; color:#fff; cursor:pointer}
   .imgList{flex:1; height:100px; display:flex; gap:5px; overflow: hidden; position: relative;}
 .imgListImgs{width:170px; height:96px; margin-top:2px; position: relative;}

 .imgSelected{border:2px solid red; margin:0}
 .pagesInfo{width:100%; height:30px; line-height: 30px; display: flex; justify-content: center; gap:20px}