@charset "utf-8";
/* CSS Document */
html {scroll-behavior:smooth;}
body {background:#ffe8e3 url("http://ats.chinataiwan.cn/other/2025/dljzss/images/bg_page.jpg") center 7.55rem no-repeat;background-size:auto 50.3rem;}
.wrap.alt1 {width:12rem;}
.wrap.alt2 {width:14.52rem;}
.wrap.alt4 {width:15.37rem;}
.header {position:relative;height:7.55rem;font-size:0;line-height:0em;text-indent:-100%;color:transparent;background:url("http://ats.chinataiwan.cn/other/2025/dljzss/images/banner.jpg") center top no-repeat;background-size:auto 100%;overflow:hidden;}
.header .site-logo {position:absolute;left:50%;top:0.5rem;width:2.45rem;height:0.85rem;margin-left:-6rem;font-size:0;line-height:0em;text-indent:-100%;color:transparent;transition:filter 0.1s ease 0s;background:url("http://ats.chinataiwan.cn/other/2025/dljzss/images/site_logo.png") center top no-repeat;background-size:auto 100%;overflow:hidden;}
.nav {background:url("http://ats.chinataiwan.cn/other/2025/dljzss/images/bg_nav.png") center top no-repeat;background-size:auto 100%;}
.nav .list {font-size:0;text-align:center;font-weight:bold;}
.nav .list-item {display:inline-block;vertical-align:middle;font-size:0.32rem;line-height:2.47em;}
.nav a {color:#fff;filter:drop-shadow(2px 3px 1px rgba(1,18,149,0.6));transition:filter 0.1s ease 0s;}
.zone-desc .format {display:table;width:9.05rem;height:2.54rem;margin:0 auto;text-indent:-100%;background:url("http://ats.chinataiwan.cn/other/2025/dljzss/images/bg_zone_desc.png") left top no-repeat;background-size:auto 500%;overflow:hidden;}
.part3 .zone-desc .format {width:9.55rem;background-position:left 25%;}
.part4 .zone-desc .format {width:10.77rem;background-position:left 50%;}
.part5 .zone-desc .format {width:10.24rem;background-position:left 75%;}
.part6 .zone-desc .format {width:10.80rem;background-position:left bottom;}
.main {margin:0.22rem auto 0;overflow:hidden;}
.main a {color:#000;}
.part1 .imgZone>#list li>a {display:inline;}
.part1 .imgZone {position:relative;margin:0 auto;}
.part1 .imgZone>#list {position:relative;width:100%;height:3.11rem;}
.part1 .imgZone>#list li {position:absolute;left:0;top:0;width:5.38rem;height:100%;z-index:2147483609;transition:left 0.6s ease 0s,transform 0.6s ease 0s,box-shadow 0.6s ease 0s;}
.part1 .imgZone>#list li.endNext,.part1 .imgZone>#list li.endPre {left:0%;transform:translate(-6.5%,0) scale(0.87);}
.part1 .imgZone>#list li.startNext,.part1 .imgZone>#list li.startPre {left:50%;transform:translate(-50%,0);z-index:2147483610;}
.part1 .imgZone>#list li.order1 {left:100%;transform:translate(-93.5%,0) scale(0.87);z-index:2147483608;;}
.part1 .imgZone>#list li>a:after {position:absolute;left:0;top:0;content:"";display:block;width:100%;height:100%;background:rgba(255,255,255,0);transition:background-color 0.3s ease 0s;}
.part1 .imgZone>#list.startPre li {z-index:2147483608;}
.part1 .imgZone>#list.startPre li.order1 {z-index:2147483609;}
.part1 .imgZone>#list.startPre li.startPre {z-index:2147483610;}
.part1 .imgZone>#list li img {display:block;width:100%;height:100%;margin:0 auto;}
.part1 .imgZone>#list li .list-item-title {position:absolute;bottom:0;width:100%;font-size:0.18rem;line-height:1.89em;color:#000;background:rgba(51,51,51,0.5);overflow:hidden;}
.part1 .imgZone>#list li .list-item-title a {display:block;padding:0 0.22em;color:#fff;}
.part1 div#preBtn,.part1 div#nextBtn {position:absolute;left:50%;top:50%;width:0.36rem;height:0.69rem;margin-left:-2.48rem;transition:filter 0.2s ease 0s;transform:translate(0,-50%);cursor:pointer;background:url("http://ats.chinataiwan.cn/other/2025/dljzss/images/bg_btns.png") center center no-repeat;background-size:auto 100%;z-index:2147483610;}
.part1 div#nextBtn {margin-left:2.12rem;transform:translate(0,-50%) rotate(180deg);}
.part1 .imgZone .list-index {position:absolute;left:50%;bottom:0.21rem;margin-left:2.55rem;font-size:0;z-index:2147483610;overflow:hidden;}
.part1 .imgZone .list-index li {float:left;width:0.48rem;height:0.09rem;margin-left:0.09rem;background:#fff;}
.part1 .imgZone .list-index li:first-child {margin-left:0;}
.part1 .imgZone .list-index li.on {background:#ffe464;}
.part2 {margin-top:0.05rem;}
.part2 .type1 {margin-top:0.34rem;}
.part3 {margin-top:0.37rem;}
.part4,.part5,.part6,.part7 {margin-top:0.43rem;}
.type1 {position:relative;padding:2.1em 1.48rem 2.15em 1.53rem;font-size:0.2rem;line-height:1.7em;background:url("http://ats.chinataiwan.cn/other/2025/dljzss/images/bg_part2.png") center top no-repeat;background-size:100% 100%;overflow:hidden;}
.type1 .list-item {margin:0 auto;}
.type1 .list-item a {position:relative;padding-left:0.75em;color:#fff;filter:drop-shadow(1px 1px 0px #000);}
.type1 .list-item a:before {position:absolute;left:0;top:0.55em;content:"";display:block;width:0.3em;height:0.3em;border-radius:50%;background:#fff;}
.wrap.alt3 .type2 {margin-top:0;padding:1.6em 0 0.5em;font-size:0.2rem;line-height:1.3em;background:rgba(242,191,199,0.45);}
.type2 {margin-top:0.28rem;}
.type2 .pic-item {float:left;position:relative;width:3.63rem;}
.type2 .pic-item>a {position:relative;}
.type2 .pic-item>a:before,.type2 .pic-item>a:after {position:absolute;left:0;top:0;content:"";display:block;width:100%;height:100%;z-index:1;}
.type2 .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;}
.type2 .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);}
}
.type2 img {width:100%;height:2.04rem;}
.type2 .pic-title {font-size:0.2rem;line-height:1.3em;}
.type2 .pic-title a {border:0 solid transparent;border-width:0.75em 0.25em;color:#2d2d2d;}
.footer {margin-top:3.62rem;}
.footer .wrap {width:1200px;}
@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;
}
.footer {display:none;}
.footer-mobile {display:block;}
}
@media screen and (min-width:1025px){
.header .site-logo:hover {filter:drop-shadow(1px 1px 1px #fa9600) drop-shadow(2px 4px 6px #fa9600);}
.nav .list-item:nth-child(n+2) {margin-left:0.52rem;}
.nav .list-item:hover a {filter:drop-shadow(3px 4px 6px rgba(1,18,149,0.6))}
.zone-desc .format {transition:filter 0.1s ease 0s;}
.zone-desc .format:hover {filter:drop-shadow(2px 2px 0px #f6c40b);}
.part1 div#preBtn:hover,.part1 div#nextBtn:hover {filter:drop-shadow(0 0 0.04rem #000)}
.main .list-item:hover a,.main .pic:hover a {color:#fe007a;}
.type2 .pic-item:hover>a:after {transform:scale(1.02,1.02);}
.type2 .pic-item>a {transition:transform 0.3s ease 0s,box-shadow ease 0s;}
.type2 .pic-item:hover>a {box-shadow:0 0 0.1rem 0 rgba(0,0,0,0.5);}
@supports (background-clip:text) or (-webkit-background-clip:text){
.type1 .list-item {float:left;width:5.54rem;}
.type1 .list-item:nth-child(n+3) {margin-top:1em;}
.type1 .list-item a {display:inline;color:transparent;transition:background-size 0.3s ease 0s;background:linear-gradient(to right,#f8edb3,#fe007a),linear-gradient(to right,#fff,#fff);background-clip:text;-webkit-background-clip:text;background-position:0 10%,100%,100%;background-size:0% 100%,100% 100%;background-repeat:no-repeat;}
.type1 .list-item:hover a {color:transparent;background-size:100% 100%,0 100%;}
}
.main .pic-strong img,.main .pic-item img,.type2 .pic-title {transition:transform 0.3s ease 0s,box-shadow ease 0s;}
.main .pic-strong:hover img,.main .pic-item:hover img,.type2 .pic-item:hover .pic-title {transform:scale(1.02,1.02);}
.type2 .pic-item {margin-left:1.68em;}
.wrap.alt4 .type2 .pic-item {margin-left:0.85em;}
.type2 .pic-item:nth-child(4n+1) {clear:left;}
.type2 .pic-item:nth-child(n+5) {margin-top:0.6em;}
}
@media screen and (max-width:1024px){
body {background-position:center 3rem;}
.wrap,.wrap.alt1,.wrap.alt2,.wrap.alt3,.wrap.alt4 {width:auto;margin:0 0.1rem}
.header {height:3rem;}
.header .site-logo {left:0.2rem;top:0.1rem;margin-left:0;transform-origin:left top;transform:scale(0.5);}
.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;}
.nav .list-item {margin:0 1em;}
@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 .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;}
.zone-desc {position:relative;overflow:hidden;}
.zone-desc .format {position:relative;left:50%;transform:translate(-50%,0) scale(0.7);margin:0;}
.part2 .zone-desc:before, .part3 .zone-desc:before {width:154%;transform:translate(-50%,0) scale(0.65);}
.part1 div#preBtn {left:0;margin:0;transform:translate(0,-50%);}
.part1 div#nextBtn {left:100%;margin:0;transform:translate(-100%,-50%) rotate(180deg);}
.part2,.part3,.part4,.part5,.part6,.part7 {margin-top:0.4rem;}
.part1 .imgZone>#list {width:7.26rem;height:4.08rem;margin:0 auto;}
.part1 .imgZone>#list li {width:100%;height:4.08rem;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,.type1,.type1 .strong-desc a,.type1 .list-item a,.type2 .pic-title {font-size:16px;}
.part1 .imgZone>#list li .list-item-title a {padding:0 1.03em;}
.part1 .imgZone .list-index {display:none;}
.part1 .imgZone .list-index li {font-size:12px;height:2px;}
.part1 {height:4.08rem;margin-top:0.2rem;}
.part2 .type1 {padding:2em 1em;}
.type1 .list-item {margin:0 auto;}
.type1 .list-item:nth-child(n+2) {margin-top:1em;}
.type1 .list-item a:before {top:0.7em;}
.type2,.wrap.alt3 .type2 {margin-top:-0.2rem;}
.type2 .pic-item {float:left;width:3.55rem;margin-left:0.2rem;}
.type2 .pic-item:nth-child(odd) {clear:left;margin-left:0;}
.type2 .pic-item:nth-child(n+3) {margin-top:0.2rem;}
.type2 img {height:1.99rem;}
.footer-mobile {margin-top:1.5rem;}
}
@media screen and (max-width:480px){
.header {height:2rem;}
.header .site-logo {left:0.1rem;top:0.05rem;transform:scale(0.4);}
.zone-desc .format {left:50%;transform:translate(-50%,0) scale(0.5,0.5);}
.part4 .zone-desc .format,.part5 .zone-desc .format,.part6 .zone-desc .format,.part7 .zone-desc .format {transform:translate(-50%,0) scale(0.47);}
.part1 {height:auto;}
.part1 .imgZone>#list {width:4.56rem;height:2.565rem;}
.part1 .imgZone>#list,.part1 .imgZone>#list li {height:2.565rem;}
.part2 .type1 {padding:1.5em 1em 1.5em;}
.type2,.wrap.alt3 .type2 {margin-top:-0.3rem;}
.type2 .pic-item {width:2.25rem;margin:0.1rem 0 0 0.1rem;}
.type2 .pic-item:nth-child(odd) {margin-left:0;}
.type2 img {height:1.27rem;}
.type2 .pic-title a {max-height:2.8em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
}