@charset "gb2312";
html {scroll-behavior:smooth;overflow-x:hidden;}
body {background:#e7f9ff;}
.header {position:relative;height:24.52rem;font-size:0;line-height:0em;text-indent:-100%;color:transparent;background:url("http://ats.taiwan.cn/other/2024/dljgsds/images/banner.png") center top no-repeat;background-size:auto 100%;overflow:hidden;}
.header .site-logo {position:absolute;left:50%;top:0.35rem;width:2.28rem;height:0.83rem;transform:translate(-247%,0);background:url("http://ats.taiwan.cn/other/2024/dljgsds/images/site_logo.png") center top no-repeat;background-size:auto 100%;}
.nav {position:relative;margin-top:-14.4rem;border-radius:1.08em/1.08em;font-size:0.24rem;line-height:2.16em;background:linear-gradient(9deg,rgba(250,172,240,0.9) 40%,rgba(131,171,251,0.9) 60%);}
.nav a {padding:0 0.92em;color:#fff;}
.nav .list {font-size:0;white-space:nowrap;}
.nav .list-item {display:inline-block;vertical-align:middle;font-size:0.24rem;line-height:2.16em;transition:background-color 0.3s ease 0s;}
@supports(position:sticky){
body {position:relative;}
.nav {position:sticky;top:0;backdrop-filter:blur(1px);z-index:11;}
}
.zone-desc.alt .format {width:auto;height:auto;font-size:0.4rem;line-height:1em;font-weight:bold;color:#3d4f7e;text-indent:0;text-shadow:-1px -1px #fff, 1px -1px #fff, -1px 1px #fff, 1px 1px #fff;background:none;}
.zone-desc .format {position:relative;display:table;width:3.4rem;height:2.56rem;margin:0 auto;text-indent:-100%;background:url("http://ats.taiwan.cn/other/2024/dljgsds/images/bg_zone_desc.png") left top no-repeat;background-size:auto 300%;overflow:hidden;}
.zone-desc .format:before,.zone-desc .format:after {position:absolute;left:-0.09rem;top:0.44rem;content:"";display:block;width:0.96rem;height:0.96rem;background:url("http://ats.taiwan.cn/other/2024/dljgsds/images/bg_zone_desc2.png");background-size:auto 100%;z-index:-1;}
.zone-desc .format:after {left:auto;right:-0.03rem;top:1.1rem;}
.zone-desc.alt .format:before,.zone-desc.alt .format:after {display:none;}
.part4 .zone-desc .format {background-position:left 50%;}
.part5 .zone-desc .format {background-position:left bottom;}
.main {position:relative;padding-bottom:2.56rem;background:url("http://ats.taiwan.cn/other/2024/dljgsds/images/bg_main.png") center bottom no-repeat;background-size:auto 4.05rem;}
.bg {border-radius:0.75em/0.21em;box-shadow:0 0 0.14rem 0 rgba(8,157,227,0.5),0.125em 0 0.5em 0 #fff inset;font-size:0.24rem;line-height:1.5em;background:linear-gradient(10deg,rgba(252,225,253,0.5),rgba(214,240,254,0.5),rgba(255,255,255,0.5));}
.anim-wrap {perspective:3000px;}
.anim-wrap.alt {perspective:500px;}
.anim {transform-style:preserve-3d;}
.part1 {position:relative;margin-top:2.25em;padding-top:1.92em;}
.part1:before,.part2:before,.part4:before,.part5:before {position:absolute;right:0;top:0;content:"";display:block;width:1.5rem;height:1.09rem;transform:translate(37%,-25%);background:url("http://ats.taiwan.cn/other/2024/dljgsds/images/bg_zone_decoration.png") left top no-repeat;background-size:auto 19.74rem;}
.part2 {position:relative;margin-top:5.04em;}
.part2:before {left:50%;right:auto;width:5.51rem;height:7.42rem;transform:translate(-174%,-9%);background-position:left -1.09rem;z-index:-1;}
.part3 {margin-top:0.5rem;}
.part4 {position:relative;margin-top:0.47rem;}
.part4:before {left:50%;right:auto;width:4.29rem;height:4.48rem;transform:translate(-223%,31%);background-position:left -8.51rem;z-index:-1;}
.part5 {position:relative;margin-top:0.67rem;}
.part5:before {left:50%;right:auto;width:5.08rem;height:6.75rem;transform:translate(88%,-12%);background-position:left bottom;z-index:-1;}
.part6 {margin-top:6.9em;font-size:0.3rem;line-height:1.6em;color:#161616;}
.part6 .list {display:table;margin:0 auto;}
.type1 {padding:0.79em 1.375em 2.42em;color:#3d4f7e;}
.type2 {padding:0.17rem 0.21rem 0.71rem 0.01rem;font-size:0;}
.type2 .pic-item,.type2 .list {display:inline-block;vertical-align:middle;font-size:0.2rem;line-height:2.35em;}
.type2 .pic-item {position:relative;margin-right:1.2em;}
.type2 img {width:6rem;height:3.38rem;}
.type2 .pic-title {position:absolute;left:0;bottom:0;width:100%;font-size:0.2rem;line-height:1.5em;background:linear-gradient(to top,rgba(0,0,0,0.8),transparent);}
.type2 .pic-title a {padding:0.75em 0.5em 0.5em;color:#fff;}
.type2 .list-item a {position:relative;padding-left:0.2em;color:#323232;}
.type2 .list-item a:before {position:absolute;left:0;top:1.1em;content:"";display:block;width:0.15em;height:0.15em;background:#323232;;}
.type2 .more {font-size:12px;line-height:1em;}
.type2 .more a {display:table;margin-left:auto;}
.type4 {margin-top:0.22rem;}
.type3 .pic-item {float:left;position:relative;width:1.92rem;height:3.43rem;}
.type3 .pic-item>a,.type3 img {width:100%;height:100%;}
.type3 .pic-title {position:absolute;left:0;bottom:0.15rem;min-height:4.55em;font-size:0.2rem;line-height:1.5em;letter-spacing:0.1em;font-weight:bold;writing-mode:tb-lr;writing-mode:vertical-lr;}
.type3 .pic-title a {padding:0.7em 0;color:#fff;background:linear-gradient(to bottom,#e7c185,rgba(239,227,204,0.3));}
.type4 {margin-top:0.06rem;padding:0.18rem 0;background:linear-gradient(to bottom,rgba(170,227,255,0.8),rgba(250,253,255,0.8));}
.type4 .pic-item {float:left;position:relative;width:2.93rem;height:1.65rem;}
.type4 .pic-item>a,.type4 img {width:100%;height:100%;}
.type4 .pic-title {position:absolute;left:0;bottom:0;width:100%;font-size:0.14rem;line-height:1.57em;background:rgba(0,0,0,0.42);}
.type4 .pic-title a {border:0 solid transparent;border-width:0.29em 1.29em 0.5em;color:#fffcfc;}
.footer {margin-top:0;}
@media screen and (min-width:1025px){
@-ms-viewport{
  width:device-width;
}
.header .site-logo,.zone-desc .format {transition:filter 0.1s ease 0s;}
.header .site-logo:hover {filter:drop-shadow(2px 2px 0 #fbea56);}
.nav .list {text-align:center;}
.nav .list-item:hover {filter:drop-shadow(0 0 0.1em #fff);background:rgba(131,171,251,0.8);}
.zone-desc.alt .format:hover {filter:none;}
.zone-desc .format:before {transition:transform 0.3s ease 0s;}
.zone-desc .format:after {transition:transform 0.3s ease 0.1s;}
.zone-desc .format:hover:before,.zone-desc .format:hover:after {transform:rotate(720deg);}
.type2 .list {width:calc(100% - 6rem - 1.2em);}
@supports (background-clip:text) or (-webkit-background-clip:text){
.type2 .list-item a {display:inline;color:transparent;transition:background-size 0.3s ease 0s;background:linear-gradient(to right,#faacf0,#83abfb),linear-gradient(to right,#323232,#323232);background-clip:text;-webkit-background-clip:text;background-position:0 10%,100%,100%;background-size:0% 100%,100% 100%;background-repeat:no-repeat;}
.type2 .list-item:hover a {color:transparent;filter:drop-shadow(1px 1px 0px #3d4f7e);background-size:100% 100%,0 100%;}
.type2 .list-item a:before {top:0.6em;}
}
.type3 .pic-item {margin-left:0.096rem;}
.type3 .pic-item:nth-child(6n+1) {clear:left;margin-left:0;}
.type4 .pic-item {margin-left:0.09rem;}
.type4 .pic-item:nth-child(4n+1) {clear:left;margin-left:0;}
.type4 img {transition:transform 0.3s ease 0s;}
.type4 .pic-item:hover img {transform:scale(1.01,1.01);}
}
@media screen and (max-width:1024px){
.wrap {width:auto;margin:0 0.1rem}
.header {height:9.6rem;}
.header .site-logo {left:0.1rem;top:0.1rem;transform-origin:left top;transform:scale(0.5,0.5);}
.nav,.nav .list-item,.type2 .pic-title,.type3 .pic-title {font-size:18px;}
.nav {position:relative;margin-top:-5.5rem;height:2.16em;overflow:hidden;}
.nav:before,.nav:after {position:absolute;left:0;top:0;content:"";width:1.08em;height:100%;background:linear-gradient(to right,rgba(255,255,255,0.5),transparent);}
.nav:after {left:auto;right:0;transform:rotate(180deg);}
.nav .list {padding-bottom:999px;overflow-x:auto;}
.main {margin-top:0.5rem;}
.zone-desc {position:relative;overflow:hidden;}
.zone-desc .format {position:relative;left:50%;margin:0;transform:translate(-50%,0);}
.zone-desc.alt .format {position:static;margin:0 auto;font-size:24px;transform:none;}
.part2,.part3,.part4,.part5,.part6,.part7 {margin-top:0.4rem;}
.part1:before {transform-origin:right top;;transform:scale(0.4) translate(10%,-35%);}
.part2:before,.part4:before {left:0;right:auto;transform:none;}
.part5:before {left:auto;right:0;transform:none;}
.bg,.type4 .pic-title {font-size:16px;}
.type2 .pic-item {display:table;margin:0 auto;}
.type2 {padding:0.2rem 0;}
.type2 .list {display:block;margin-top:1.5em;padding:0 1em;}
.type2 .list {font-size:16px;}
.type3 .pic-item {margin:0.25rem 0.25rem 0;}
.type4 .pic-item {margin:0 0.36rem;}
.type4 .pic-item:nth-child(n+3) {margin-top:0.2rem;}
.type4 .pic-title a {max-height:3.14em;border-width:0.15em 0.5em 0.25em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.part6 {font-size:20px;}
}
@media screen and (max-width:480px){
.header {height:6.1rem;}
.nav {margin-top:-3.4rem;}
.zone-desc .format {transform:translate(-50%,0) scale(0.8,0.8);}
.type2 img {width:4.6rem;height:2.58rem;}
.type3 .pic-item {margin:0.19rem 0.19rem 0;}
.type4 .pic-item {width:2.25rem;height:1.26rem;margin:0 0 0 0.1rem;}
.type4 .pic-item:nth-child(odd) {margin-left:0;}
.type4 .pic-item:nth-child(n+3) {margin-top:0.1rem;}
.part6 {font-size:14px;}
}

/* patch_begin */
.part6 .sub-title,.part6 .sub-list {display:table-cell;}
.part6 .sub-title {font-weight:bold;}

.part2 .imgs {position:relative;width:6rem;height:3.38rem;margin:0 auto;overflow:hidden;}
.part2 .imgs #list {position:relative;width:100%;height:100%;margin:0;padding:0;}
.part2 .imgs #list li {position:absolute;opacity:0;width:100%;height:100%;z-index:-1;transition:opacity 0.3s ease 0s;}
.part2 .imgs #list img {width:100%;height:100%;}
.part2 .imgs #list .startNext,.part2 .imgs #list .startPre {opacity:1;z-index:1;}
.part2 .imgs .list-index {position:absolute;right:0.5em;bottom:calc(1.15em - 5px);width:auto;height:10px;font-size:0.2rem;line-height:10px;overflow:hidden;z-index:10;}
.part2 .imgs .list-index li {display:inline-block;vertical-align:top;width:10px;height:10px;margin-left:10px;line-height:6px;text-indent:-10em;cursor:pointer;background:#83abfb;transition:color 0.3s ease 0s,background-color 0.3s ease 0s;overflow:hidden;}
.part2 .imgs .list-index li:first-child {margin:0;}
.part2 .imgs .list-index li.on {color:#4c4c4c;background:#faacf0;}
.part2 .imgs .list-item a {display:block;}
.part2 .imgs .list-item,.part2 .imgs a {color:#fff;}
.part2 .imgs .list-item>a {max-height:none;width:100%;height:100%;}
.part2 .imgs .list-item-title.pic-title a {width:calc(100% - 3.5em);padding:0.75em 0 0.5em 0.5em;}
.part2 .imgs #preBtn,.part2 .imgs #nextBtn {display:none;}
.part2 .imgs .list-item a {padding-left:0;}
.part2 .imgs .list-item a:before {display:none;}
@media screen and (max-width:480px){
.part2 .imgs {width:4.46rem;height:2.5rem;}
.part2 .imgs .list-item-title,.part2 .imgs .list-index {font-size:16px;}
.part2 .imgs .list-item-title a {width:calc(100% - 4.5em);}
}
/* patch_end */