@charset "utf-8";
html {scroll-behavior:smooth;}
body {background-color:#efefdd;}
.header {height:9rem;text-indent:-100%;background:url("http://ats.chinataiwan.cn/other/2024/hxlajlzx2024nhdjj/images/banner.jpg") center top no-repeat;background-size:auto 100%;overflow:hidden;}
.years .list {font-size:0;line-height:0em;text-align:center;}
.years .list-item {display:inline-block;vertical-align:middle;margin:1em 0.5em 0;border-radius:0.42em;font-size:24px;line-height:2em;font-weight:bold;text-shadow:1px 1px 1px #000,-1px -1px 1px #fff;box-shadow:-0.1em -0.1em 0.45em 0 #fff,0.2em 0.2em 0.45em 0 #999;transition:box-shadow 0.3s ease 0s;background:#efefdd;}
.years .list-item a {margin:2px;padding:0 1em;color:#efefdd;}
.main {margin-top:0.4rem;}
.type1.list {perspective:500px;}
.type1 .pic-item {float:left;position:relative;width:3.15rem;margin:0 auto;padding:0.25rem;line-height:1.5em;box-shadow:1px 1px 0 0 #999,-1px -1px 0 0 #fff;transition:transform 0.1s ease-in 0s,box-shadow 0.1s ease-in 0s;background:#fff;overflow:hidden;}
.type1 .pic-item>a {position:relative;}
.type1 .pic-item>a:after {position:absolute;left:0;top:0;content:"";display:block;width:100%;height:100%;z-index:1;}
.type1 .pic-item>a:after {content:"\52a0\8f7d\4e2d...";display:flex;justify-content:center;align-items:center;font-size:1.5em;font-weight:bold;color:#8b0000;text-shadow:2px 2px #fff,-2px -2px #fff,2px -2px #fff,-2px 2px #fff,4px 6px #000;letter-spacing:0.1em;transition:opacity 0.2s ease 0s,transform 0.3s ease 0s;background:radial-gradient(circle at left top,#faefd7,#f6e8c9,#e4c377);animation: loading 1s steps(10) 0s infinite alternate,hueRotate 3s infinite alternate;}
.type1 .pic-item.ready>a:after {opacity:0;animation:none;}
@keyframes loading {
0% {content:""}
16.67% {content:"\52a0";}
33.33% {content:"\52a0\8f7d";}
50% {content:"\52a0\8f7d\4e2d";}
66.67% {content:"\52a0\8f7d\4e2d.";}
83.33% {content:"\52a0\8f7d\4e2d..";}
100% {content:"\52a0\8f7d\4e2d...";}
}
@keyframes hueRotate {
0% {filter:hue-rotate(-60deg);}
100% {filter:hue-rotate(0deg);}
}
.type1 img {width:100%;height:1.78rem;}
.type1 .pic-title {position:relative;margin-top:0.25rem;}
.type1 .pic-title a {border:0 solid transparent;border-width:0.5em 0.71em;color:#fff;}
.type1 .pic-title a {position:relative;display:inline;color:transparent;border:none;background:linear-gradient(to right,#fff,#fff) no-repeat;background-size:100% 100%;background-position:center right;transition:background-size 0.5s ease 0s;}
.type1 .pic-title:before {position:absolute;left:0;top:0;content:attr(data-title);display:block;width:100%;height:100%;color:#333;}
.type1 .pic-item.ready .pic-title a,.type1 .pic-item.error .pic-title a {background-size:0% 100%;}
.footer-mobile {margin-top:1rem;}
@media screen and (min-width:1025px){
.years .list-item:hover {box-shadow:0 0 0 #000,0 0 0 #fff,-0.1em -0.1em 0.45em 0 #fff inset,0.2em 0.2em 0.45em 0 #999 inset;}
.type1 .pic-item {float:left;width:3rem;margin-left:0.75rem;}
.type1 .pic-item:nth-child(3n+1) {clear:left;margin-left:0;}
.type1 .pic-item:nth-child(n+4) {margin-top:0.3rem;}
.type1 .pic-item img {height:1.68rem;}
.type1 .pic-item:hover {box-shadow:7px 7px 10px #a58069,-3px -3px 10px rgba(255, 255, 255, 0.9);}
}
@media screen and (max-width:1199px){
@-ms-viewport {width:device-width;}
}
@media screen and (max-width:1024px){
.header {height:3.55rem;}
.years {position:relative;height:calc(4em + 4px);font-size:20px;line-height:2em;overflow:hidden;}
.years:before,.years:after {position:absolute;left:0;top:0;content:"";display:block;width:1em;height:100%;background:linear-gradient(to right,#efefdd 30%,transparent);z-index:1;}
.years:after {left:auto;right:0;transform:rotate(180deg);}
.years .list {padding-bottom:999px;white-space:nowrap;overflow:auto;}
.years .list-item {font-size:20px;}
.years .list-item a {color:#e1be6d;}
.type1 .pic-item {margin-left:0.2rem;box-shadow:7px 7px 10px #a58069,-3px -3px 10px rgba(255, 255, 255, 0.9);}
.type1 .pic-item:nth-child(odd) {clear:left;margin-left:0;}
.type1 .pic-item:nth-child(n+3) {margin-top:0.3rem;}
}
@media screen and (max-width:480px){
.header {height:2.25rem;}
.type1 .pic-item,.type1 .pic-item:nth-child(odd) {float:none;width:3.6rem;margin:0.3rem auto 0;}
.type1 .pic-item img {height:2.025rem;}
}