@charset "gb2312";
/* CSS Document */
html {scroll-behavior:smooth;}
body {background:url("http://ats.chinataiwan.cn/other/2025/lth/images/bg_page.jpg"),linear-gradient(to right,#cef2ee,#c7eee9);background-position:center 6.79rem,left bottom;background-repeat:no-repeat,no-repeat;background-size:auto 23.15rem,100% 100%;}
.header {position:relative;height:6.79rem;font-size:0;line-height:0em;text-indent:-100%;color:transparent;background:url("http://ats.chinataiwan.cn/other/2025/lth/images/banner.png") center top no-repeat;background-size:auto 100%;overflow:hidden;}
.header .site-logo {position:absolute;left:50%;top:0.8rem;width:1.89rem;height:0.65rem;transform:translate(-5.6rem,0);background:url("http://ats.chinataiwan.cn/other/2025/lth/images/site_logo.png") center center no-repeat;background-size:auto 100%;}
.nav {position:relative;margin-top:-0.29rem;font-size:0.3rem;line-height:2em;filter:drop-shadow(0 0.05rem 0.06rem rgba(11,74,138,0.73));z-index:1;}
.nav:before {position:absolute;left:0;top:0;content:"";display:block;width:100%;height:100%;background:#afdce7;background:linear-gradient(to top,rgba(175,220,231,0.9),rgba(249,248,233,0.9));z-index:-1;}
@supports(position:sticky){
.nav {position:sticky;top:0;backdrop-filter:blur(1px);z-index:10;}
}
@supports(-webkit-mask:linear-gradient(to right,transparent,#000 1em calc(100% - 1em),transparent 100%)){
.nav:before {-webkit-mask:linear-gradient(to right,transparent,#000 calc(30% - 3.6rem) calc(40% + 7.2rem),transparent 100%);}
.nav .list {-webkit-mask:none;}
.nav .list-item:first-child {margin-left:2.5em;}
.nav .list-item:last-child {margin-right:2.5em;}
}
.nav .list {font-size:0;text-align:center;}
.nav .list-item {display:inline-block;vertical-align:middle;font-size:0.3rem;line-height:2em;text-shadow:0.03em 0.03em 0 #1b5cb8,-0.03em 0.03em 0 #1b5cb8,0.03em -0.03em 0 #1b5cb8,-0.03em -0.03em 0 #1b5cb8;filter:drop-shadow(0.05em 0.08em 0.06em #000);}
.nav a {padding:0 1.35em;color:#fff;}
.zone-desc .format {display:table;width:4.8rem;height:0.61rem;margin:0 auto;text-indent:-100%;background:url("http://ats.chinataiwan.cn/other/2025/lth/images/bg_zone_desc.png") left top no-repeat;background-size:auto 400%;overflow:hidden;}
.part3 .zone-desc .format {background-position:left 33.33%;}
.part4 .zone-desc .format {background-position:left 66.66%;}
.part5 .zone-desc .format {background-position:left bottom;}
.main {margin:0.1rem auto 0;padding-bottom:0.61rem;overflow:hidden;}
.main a {color:#000;}
.part1 {padding:0.1rem 0.48rem 0.2rem 0.85rem;border-radius:0.23rem/0.23rem;font-size:0;background:rgba(193,239,248,0.7);}
.part1 .imgZone,.part1 .list {display:inline-block;vertical-align:middle;}
.part1 .imgZone {position:relative;width:5.1rem;height:2.9rem;margin:0 auto;overflow:hidden;}
.part1 .imgZone #list {position:relative;width:100%;height:100%;font-size:0.18rem;}
.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:#fff;}
.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-size:0.18rem;line-height:1.94em;background:rgba(70,70,70,0.5);}
.part1 .imgZone .list-item-title a {padding:0 1.16em;}
.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 {font-size:0.16rem;line-height:2em;}
.part1 .list a {position:relative;padding-left:0.625em;color:#252525;}
.part1 .list a:before {position:absolute;left:0;top:0.91em;content:"";display:block;width:0.18em;height:0.18em;border-radius:50%;background:#252525;}
.part1 .strong {font-size:0.24rem;line-height:1.83em;}
.part1 .strong a {padding-left:0.92em;color:#d32021;}
.part1 .strong a:before {top:0.91em;content:"";display:block;width:0.25em;height:0.25em;background:#d32021;}
.part2,.part3,.part4,.part5 {margin-top:0.1rem;}
.part3 .inner-wrapper {margin-top:0.19rem;padding:0.1rem 0.45rem;border-radius:0.2rem/0.2rem;font-size:0;background:rgba(193,239,248,0.45);}
.type1 {position:relative;margin:0.19rem 0.4rem 0;padding:0.1rem 0.9rem;background:rgba(161,226,238,0.45);}
.type1 .pic-item {position:relative;float:left;width:3rem;}
.type1 img {width:100%;height:1.7rem;}
.type1 .pic-title {position:absolute;left:0;bottom:0;width:100%;font-family:simsun;font-size:14px;line-height:2.14em;background:rgba(70,70,70,0.5);}
.type1 .pic-title a {max-height:4.28em;padding:0 0.78em;color:#fff;}
.pic {position:relative;width:5.1rem;font-size:0.18rem;}
.pic img {width:100%;height:2.9rem;}
.pic .pic-title {position:absolute;left:0;bottom:0;width:100%;font-size:0.18rem;line-height:2em;background:rgba(70,70,70,0.5);}
.pic .pic-title a {max-height:4em;padding:0 0.72em;color:#fff;}
.type2 {margin-left:0.19rem;padding-top:0.24rem;font-size:0.16rem;line-height:2em;}
.type2 .list-item {margin-top:0.18em;}
.type2 .strong+.list-item {margin-top:0.9375em;padding-top:0.6875em;border-top:0.25em solid #2b70d9;}
.type2 .list-item a {position:relative;padding-left:0.625em;color:#000;}
.type2 .list-item a:before {position:absolute;left:1px;top:0.9375em;content:"";display:block;width:0.125em;height:0.125em;background:#000;}
.type2 .strong {font-size:0.24rem;line-height:1.25em;}
.type2 .strong a {color:#9b0000;}
.lazy-load>a {position:relative;}
.lazy-load>a:before,.lazy-load>a:after {position:absolute;left:0;top:0;content:"";display:block;width:100%;height:100%;z-index:1;}
.lazy-load>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,#86dedb,#f7f094);animation:loading 1s steps(10) 0s infinite alternate,loading-filter 1.5s 0s infinite alternate;}
.lazy-load.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(60deg);}
100% {filter:hue-rotate(0deg);}
}
.type3 {margin:0.1rem auto 0;;}
.type3 .pic-item {float:left;position:relative;width:2.5rem;overflow:hidden;}
.type3 .pic-item>a {font-size:0.16rem;}
.type3 img {width:100%;height:1.45rem;}
.type3 .pic-title {position:absolute;left:0;bottom:0;width:100%;font-family:simsun;font-size:14px;line-height:2.14em;background:rgba(70,70,70,0.5);}
.type3 .pic-title a {max-height:4.28em;padding:0 0.78em;color:#fff;overflow:hidden;}
.footer {margin-top:0.2rem;}
@media screen and (min-width:1025px) and (max-width:1400px){
@supports (scrollbar-gutter:stable both-edges){
html {scrollbar-gutter:stable both-edges;}
}
}
@media screen and (max-width:1199px){
@-ms-viewport {
  width: device-width;
}
}
@media screen and (min-width:1025px){
.header .site-logo {transition:filter 0.2s ease 0s;}
.header .site-logo:hover {filter:drop-shadow(2px 2px 1px #fff) drop-shadow(2px 4px 6px #fa9600);}
.nav .list-item a {transition:filter 0.2s ease 0s,background-color 0.2s ease 0s;}
.nav .list-item:hover a {filter:drop-shadow(3px 4px 1px #86ddd8);background:#4dc2ed;}
.zone-desc .format {transition:filter 0.1s ease 0s;}
.zone-desc .format:hover {filter:drop-shadow(2px 2px 0px #f6c40b);}
.main .list-item:hover a {color:#fff;filter:drop-shadow(3px 3px 1px #165f9e) drop-shadow(-1px -1px 1px #165f9e);}
.main .strong:hover a {color:#fff;filter:drop-shadow(3px 3px 1px #d32021) drop-shadow(-1px -1px 1px #d32021);}
.part1 {width:calc(12rem - 1.33rem);}
.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:4.91rem;margin-left:0.66rem;}
.part3 .pic,.part3 .type2 {display:inline-block;vertical-align:middle;}
.type1 .pic-item {margin-left:0.2rem;}
.type1 .pic-item,.part3 .pic,.type3 .pic-item {transition:transform 0.2s ease 0s,filter 0.2s ease 0s;}
.type1 .pic-item:nth-child(3n+1),.type3 .pic-item:nth-of-type(4n+1) {clear:left;margin-left:0;}
.type1 .pic-item:nth-child(n+4) {margin-top:0.1rem;}
.type1 .pic-item:hover,.part3 .pic:hover,.type3 .pic-item:hover {transform:scale(1.01);filter:drop-shadow(2px 2px 2px #999);}
.type2 {margin-left:0.2rem;width:5.8rem;}
.type3 .pic-item {margin-left:0.36rem;}
.type4 .pic-item {margin-left:0.2rem;}
.type4 .pic-item:nth-child(n+7) {margin-top:0.2rem;}
}
@media screen and (max-width:1024px){
body {background-size:100% auto,100% 100%;background-position:center -1.2rem,left bottom;}
.wrap {width:auto;margin:0 0.1rem;}
.header {height:3.1rem;}
.header .site-logo {left:0.1rem;top:0.1rem;transform-origin:left top;transform:scale(0.7);}
.nav .wrap {margin:0;font-size:20px;height:2.5em;line-height:2.5em;overflow:hidden;}
.nav .list {padding:0 0 999px;white-space:nowrap;overflow:auto;}
.nav,.nav .list-item {font-size:20px;height:2.5em;line-height:2.5em;}
@supports(-webkit-mask:linear-gradient(to right,transparent,#000 1em calc(100% - 1em),transparent 100%)){
.nav {-webkit-mask:linear-gradient(to right,transparent,#000 2em calc(100% - 2em),transparent 100%);}
.nav:before,.nav .list {-webkit-mask:none;}
.nav .list-item:first-child {margin-left:2.5em;}
.nav .list-item:last-child {margin-right:2.5em;}
}
.main {overflow:hidden;}
.part1 {padding:0.12rem 0;}
.part2 .zone-desc:before, .part3 .zone-desc:before {width:154%;transform:translate(-50%,0) scale(0.65);}
.part2,.part3,.part4,.part5 {margin-top:0.3rem;}
.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 .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,.type2 .strong {font-size:18px;}
.part1 .list {margin:0.2rem 0.2rem 0;font-size:16px;}
.type1 {width:auto;margin:0.2rem 0 0;padding:0.1rem;}
.type1 .pic-item {margin:0 0.275rem;}
.type1 .pic-item:nth-child(n+3) {margin-top:0.1rem;}
.type1 .pic-item a:before {top:0.7em;}
.type2 {float:none;width:auto;margin:0.1rem auto 0;font-size:16px;}
.type3 .pic-item {float:left;margin:0.1rem 0.525rem 0;}
.type3 .pic-item:nth-child(odd) {clear:left;}
.type3 .pic-item:nth-child(n+3) {margin-top:0.1rem;}
.pic {margin:0 auto;}
.part3 .inner-wrapper {padding:0.1rem 0.1rem;}
.type3 {padding:0.2rem auto;}
.footer-mobile {margin-top:0;}
}
@media screen and (max-width:480px){
.header {height:2rem;}
.header .site-logo {transform:scale(0.6);}
@supports (-webkit-mask:linear-gradient(to right,transparent,#000 1em calc(100% - 1em),transparent 100%)){
.nav .list-item:first-child {margin-left:0.75em;}
}
.nav a {padding:0 1em;}
.main {margin-top:0;}
.part1 {height:auto;}
.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;}
.pic {width:100%;}
.pic img {height:2.59rem;}
.type1 .pic-item,.type3 .pic-item {width:2.15rem;margin:0.1rem 0 0 0.1rem;}
.type1 .pic-item:nth-child(odd),.type3 .pic-item:nth-child(odd) {margin-left:0;}
.type1 img,.type3 img {height:1.21rem;}
.type3 {margin-top:0.1rem;}
}