@charset "utf-8";
/* CSS Document */
html {scroll-behavior:smooth;}
body {background:#51b0dc;}
.header {position:relative;height:6.1rem;font-size:0;line-height:0em;text-indent:-100%;color:transparent;background:url("http://ats.chinataiwan.cn/other/2025/yth/images/banner.png") center top no-repeat;background-size:auto 100%;overflow:hidden;}
.nav {position:relative;background:linear-gradient(to bottom,#fff,#00ffff);}
.nav:before {position:absolute;left:0;top:0.02rem;content:"";display:block;width:100%;height:calc(100% - 0.04rem);background:#054493;}
@supports(position:sticky){
body {position:relative;}
.nav {position:sticky;top:0;backdrop-filter:blur(1px);background:linear-gradient(to bottom,rgba(255,255,255,0.9),rgba(0,255,255,0.9));z-index:11;}
.nav:before {background:rgba(5,68,147,0.9);}
}
.nav .list {font-size:0;}
.nav .list-item {position:relative;display:inline-block;vertical-align:middle;font-size:0.24rem;line-height:3.2em;color:#fff;}
.nav .list-item a {margin:0 1.04em;color:#fff;}
.zone-desc .format {display:table;width:3.74rem;height:0.78rem;margin:0 auto;text-indent:-100%;background:url("http://ats.chinataiwan.cn/other/2025/yth/images/bg_zone_desc.png") left top no-repeat;background-size:auto 500%;overflow:hidden;}
.part3 .zone-desc .format {background-position:left 25%;}
.part4 .zone-desc .format {background-position:left 50%;}
.part5 .zone-desc .format {background-position:left 75%;}
.part6 .zone-desc .format {background-position:left bottom;}
.main {margin:0.48rem auto 1.75rem;overflow:hidden;}
.main a {color:#000;}
.part1 {padding:0.46rem 0.5rem 0.36rem 0.27rem;font-size:0;background:rgba(255,255,255,0.7);}
.part1 .imgZone,.part1 .list {display:inline-block;vertical-align:middle;}
.part1 .imgZone {position:relative;width:5.38rem;height:3.02rem;margin:0 auto;overflow:hidden;}
.part1 .imgZone #list {position:relative;width:100%;height:100%;padding-top:0;}
.part1 .imgZone #list li {position:absolute;opacity:0;width:100%;height:100%;z-index:-1;transition:opacity 0.3s ease 0s;}
.part1 .imgZone #list img {width:100%;height:100%;}
.part1 .imgZone #list .startNext,.part1 .imgZone #list .startPre {opacity:1;z-index:1;}
.part1 .imgZone .list-item,.part1 .imgZone a {color:#fefcfc;}
.part1 .imgZone .list-item>a {max-height:none;width:100%;height:100%;}
.part1 .imgZone .list-item-title {position:absolute;left:0;bottom:0;width:100%;font-weight:bold;font-size:0.18rem;line-height:1.89em;background:rgba(18,3,30,0.5);}
.part1 .imgZone .list-item-title a {padding:0 0.35em;}
.part1 .imgZone #preBtn,.part1 .imgZone #nextBtn {position:absolute;left:0.18rem;top:50%;width:0.26rem;height:0.56rem;cursor:pointer;transform:translate(0,-50%);background:rgba(0,0,0,0.5);z-index:1;}
.part1 .imgZone #nextBtn {left:auto;right:0.18rem;transform:translate(0,-50%) rotate(180deg);}
.part1 .imgZone #preBtn:before,.part1 .imgZone #nextBtn:before,.part1 .imgZone #preBtn:after,.part1 .imgZone #nextBtn:after {position:absolute;left:50%;top:50%;content:"";display:block;width:70%;height:0.02rem;transform-origin:left center;transform:translate(-35%,0) rotate(-50deg);background:#fff;}
.part1 .imgZone #preBtn:after,.part1 .imgZone #nextBtn:after {transform:translate(-35%,0) rotate(50deg);}
.part1 .list {margin-left:0.35rem;font-size:0.18rem;line-height:1.5em;}
.part1 .list a {color:#033c83;}
.part1 .strong {margin-top:0.65em;font-weight:bold;font-size:0.22rem;line-height:1.5em;}
.part1 .list-item {margin-top:0.66em;}
.part1 .strong+.list-item {margin-top:0.72em;}
.part1 .list-item a {position:relative;padding-left:0.77em;}
.part1 .list-item a:before {position:absolute;left:0;top:0.615em;content:"";display:block;width:0.333em;height:0.28em;border-radius:50%;background:#033c83;}
.part1 .more {display:table;margin:1.875em 0 0 auto;font-size:12px;line-height:1em;}
.part2,.part3 {margin-top:0.6rem;}
.part4 {margin-top:0.61rem;}
.part5 {margin-top:0.72rem;}
.part6 {margin-top:0.53rem;}
.type1 {margin-top:0.22rem;}
.type1 .pic-item {float:left;width:3.88rem;}
.type1 img {width:100%;height:2.18rem;}
.type1 .pic-title {font-size:0.16rem;line-height:1.375em;background:#033c83;}
.type1 .pic-title a {height:4.125em;border:0 solid transparent;border-width:0.68em 1.25em 1.625em;color:#fff;}
.type2 {margin-top:1.6em;padding:1.925em 1.45em 3.175em;font-size:0.2rem;line-height:1.95em;background:rgba(255,255,255,0.5);}
.type2 a {position:relative;padding-left:0.8em;color:#033c83;}
.type2 a:before {position:absolute;left:0;top:0.9em;content:"";display:block;width:0.15em;height:0.15em;background:#033c83;}
.type2 .list-item {float:left;width:5.53rem;}
.type2 .list-item:nth-child(even) {margin-left:1.8em;}
.type3 {margin-top:0.43rem;font-size:0.16rem;line-height:1.375em;}
.type3 .pic-item {float:left;position:relative;width:2.9rem;}
.type3 img {width:100%;height:1.63rem;}
.type3 .pic-title {font-size:0.16rem;line-height:1.375em;background:#033c83;}
.type3 .pic-title a {height:2.75em;border:0 solid transparent;border-width:0.56em 1.31em 1.06em;color:#fff;}
.type1 .pic-item>a,.type3 .pic-item>a {position:relative;}
.type1 .pic-item>a:before,.type1 .pic-item>a:after,.type3 .pic-item>a:before,.type3 .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,.type3 .pic-item>a:after {content:"Loading...";display:flex;justify-content:center;align-items:center;font-size:1.5em;font-weight:bold;text-shadow:2px 2px #fff;color:#c90004;text-shadow:2px 2px #fff,-2px -2px #fff,2px -2px #fff,-2px 2px #fff,4px 6px #000;letter-spacing:0.1em;color:#c90004;transition:opacity 0.2s ease 0s,transform 0.3s ease 0s;background:radial-gradient(circle at left top,#f8f3dd,#f6c40b);animation: loading 1s steps(10) 0s infinite alternate;}
.type1 .pic-item.ready>a:after,.type3 .pic-item.ready>a:after {opacity:0;animation:none;}
@keyframes loading {
0% {content:"";}
10% {content:"L";}
20% {content:"Lo";}
30% {content:"Loa";}
40% {content:"Load";}
50% {content:"Loadi";}
60% {content:"Loadin";}
70% {content:"Loading";}
80% {content:"Loading.";}
90% {content:"Loading..";}
100%{content:"Loading...";}
}
@keyframes loading-filter {
0% {filter:hue-rotate(0deg);}
100% {filter:hue-rotate(-60deg);}
}
@media screen and (max-width:1199px){
@-ms-viewport {
  width: device-width;
}
.footer {display:none;}
.footer-mobile {display:block;}
}
@media screen and (min-width:1025px){
.nav .list {display:table;margin:0 auto;}
.nav .list-item a {transition:color 0.3s ease 0s,text-shadow 0.3s ease 0s;}
.nav .list-item:hover a {text-shadow:0.08em 0.08em 0.17em rgba(18,3,30,0.8);color:#f3c690;}
.zone-desc .format {transition:filter 0.1s ease 0s;}
.zone-desc .format:hover {filter:drop-shadow(2px 2px 0px #f6c40b);}
.part1 div#preBtn,.part1 div#nextBtn {transition:filter 0.3s ease 0s;}
.part1 div#preBtn:hover,.part1 div#nextBtn:hover {filter:drop-shadow(0 0 0.04rem #fff)}
.part1 .list {width:5.50rem;}
.main .list-item a,.main .strong a,.main .pic a {transition:color 0.3s ease 0s,text-shadow 0.3s ease 0s;}
.main .list-item:hover a,.main .strong:hover a,.main .pic:hover a {text-shadow:0.08em 0.08em 0.1em rgba(18,3,30,0.8);color:#f3c690;}
.type1 .pic-item:hover>a:after {transform:scale(1.02,1.02);}
.type1 .pic-item>a {transition:transform 0.3s ease 0s,box-shadow ease 0s;}
.type3 .pic-item {margin-left:0.13rem;}
.main .pic-strong img,.main .pic-item img {transition:transform 0.3s ease 0s,box-shadow ease 0s;}
.main .pic-strong:hover img,.main .pic-item:hover img {transform:scale(1.02,1.02);}
.type1 .pic-item:hover a,.type3 .pic-item:hover a {text-shadow:0.08em 0.08em 0.17em rgba(18,3,30,0.8);color:#f3c690;}
.type1 .pic-item:hover img,.type3 .pic-item:hover img {transform:none;}
.type1 .pic-item {margin-left:0.18rem;}
.type1 .pic-item:nth-child(3n+1),.type3 .pic-item:nth-child(4n+1) {clear:left;margin-left:0;}
.type1 .pic-item:nth-child(n+4),.type3 .pic-item:nth-child(n+5) {margin-top:0.3rem;}
}
@media screen and (max-width:1024px){
body {background-position:center 3rem;}
.header {height:2.39rem;}
.nav {position:relative;font-size:0.24rem;height:2.25em;}
@supports(position:sticky){
.nav {position:sticky;}
}
.nav:before,.nav:after {position:absolute;left:0;top:0.02rem;content:"";display:block;width:1.04em;height:calc(100% - 0.04rem);background:linear-gradient(to right,#00428e,transparent);z-index:1;}
.nav:after {left:auto;right:0;transform:rotate(180deg);}
.nav .wrap {position:relative;width:100%;height:100%;margin:0 auto;padding:0;background:none;overflow:hidden;}
.nav .wrap:before {position:absolute;left:0;top:0.02rem;content:"";display: block;width:100%;height:calc(100% - 0.04rem);background:#054493;z-index:-1;}
.nav .list {padding-bottom:999px;white-space:nowrap;overflow:scroll;}
.nav .list-item {line-height:2em;}
.main {margin-top:0.2rem;overflow:hidden;}
.part1 {padding:0.12rem 0;}
.part1 .imgZone,.part1 .list {display:block;}
.part1 div#preBtn {left:0;margin:0;transform:translate(0,-50%);}
.part1 div#nextBtn {left:100%;margin:0;transform:translate(-100%,-50%) rotate(180deg);}
.part1 .imgZone,.part1 .pic-list,.type1 .pic,.type1 .pic-list {display:block;margin:0 auto;}
.part1 .imgZone>#list {margin:0 auto;}
.part1 .imgZone>#list li {opacity:0;box-shadow:0 0 0 0.12rem rgba(255,255,255,0.5);transition:opacity 0.6s ease 0s;}
.part1 .imgZone>#list li.endNext,.part1 .imgZone>#list li.endPre,.part1 .imgZone>#list li.order1 {left:0;margin:0 auto;transform:translate(0,0) scale(1);}
.part1 .imgZone>#list li.startNext,.part1 .imgZone>#list li.startPre {left:0;margin:0 auto;opacity:1;transform:translate(0,0) scale(1);}
.part1 .imgZone>#list li .list-item-title,.part1 .strong {font-size:18px;}
.part1 .list {margin:0 auto;padding:0 0.1rem 0.1rem;}
.part1 .more {margin:1.875em auto 0;}
.type1 {width:auto;}
.type1 .pic-item.strong:nth-child(odd) {margin:0 auto;}
.part1 .list,.type1 .pic-title,.type2,.type3,.type3 .pic-title {font-size:16px;}
.type1 .pic-item,.type3 .pic-item {float:left;width:3.65rem;margin-left:0.2rem;}
.type1 .pic-item:nth-child(odd),.type3 .pic-item:nth-child(odd) {clear:left;margin-left:0;}
.type1 .pic-item:nth-child(n+3),.type3 .pic-item:nth-child(n+3) {margin-top:0.2rem;}
.type1 img,.type3 img {height:1.99rem;}
.type2 .list-item {float:none;width:auto;}
.type2 .list-item:nth-child(even) {margin-left:0;}
.footer-mobile {margin-top:1.5rem;}
}
@media screen and (max-width:480px){
body {background-position:center 1rem;}
.wrap {margin:0 0.1rem;}
.header {height:1.53rem;}
.nav,.nav .list-item {font-size:20px;}
.main {margin-top:0.2rem;margin-bottom:1.75rem;}
.part1 {padding:0;}
.part1 .imgZone {width:100%;}
.part1 .imgZone,.part1 .imgZone>#list,.part1 .imgZone>#list li {height:2.59rem;}
.part1 .imgZone>#list li .list-item-title  {font-size:16px;}
.type1 .pic-item,.type3 .pic-item {width:2.2rem;margin:0.1rem 0 0 0.2rem;}
.type1 .pic-item:nth-child(odd),.type3 .pic-item:nth-child(odd) {margin-left:0;}
.type1 img,.type3 img {height:1.24rem;}
.type1 .pic-title a {max-height:2.75em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.type3 {margin-top:0.1rem;}
}