@charset "utf-8";
html {scroll-behavior:smooth;}
body {background:url("http://ats.taiwan.cn/other/2024/hxladsgwj/images/bg_page.jpg") center 9.11rem no-repeat;background-size:19.2rem auto;}
.header {position:relative;height:12.4rem;font-size:0;line-height:0em;text-indent:-100%;color:transparent;background:url("http://ats.taiwan.cn/other/2024/hxladsgwj/images/banner.png?v=1.0.0.2") center top no-repeat;background-size:auto 100%;overflow:hidden;}
.header .site-logo {position:absolute;left:50%;top:0.49rem;width:1.95rem;height:0.72rem;margin-left:-6.65rem;font-size:0;text-indent:-100%;background:url("http://ats.taiwan.cn/other/2024/hxladsgwj/images/site_logo.png") center top no-repeat;background-size:auto 100%;overflow:hidden;}
.nav {position:relative;margin-top:-3.65rem;}
@supports(position:sticky){
body {position:relative;}
.nav {position:sticky;top:0;backdrop-filter:blur(1px);z-index:2147483611;}
}
.nav .wrap {border-radius:1.05em/1.05em;box-shadow:0 0 0 0.03rem #f8d5b4 inset,0.088em 0.15em 0.176em 0.06em rgba(0,94,125,0.6);font-size:0.34rem;background:linear-gradient(to bottom,rgba(45,208,255,0.9),rgba(255,91,199,0.9));overflow:hidden;}
.nav .list {padding:0;text-align:center;font-size:0;line-height:0em;font-weight:bold;}
.nav .list-item {display:inline-block;vertical-align:middle;width:auto;height:2.12em;font-size:0.34rem;line-height:2.12em;overflow:hidden;}
.nav .list-item a {padding:0 1.23em;color:#fff;text-shadow:0.06em 0.1em 0.12em rgba(18,3,30,0.68);}
.zone-desc {display:table;margin:0 auto;padding-right:1.17rem;}
.part3 .zone-desc {padding:0 0 0 1.26rem;}
.part4 .zone-desc {padding-right:1.19rem;}
.part5 .zone-desc {padding:0 0 0 1.24rem;}
.zone-desc .format {display:table;width:5.35rem;height:2.6rem;margin:0 auto;text-indent:-100%;background:url("http://ats.taiwan.cn/other/2024/hxladsgwj/images/bg_zone_desc.png") left top no-repeat;background-size:auto 10.5rem;overflow:hidden;}
.zone-desc+* {margin-top:0.3rem;}
.part3 .zone-desc .format {width:5.44rem;height:2.7rem;background-position:left -2.6rem;}
.part4 .zone-desc .format {width:5.37rem;background-position:left -5.3rem;}
.part5 .zone-desc .format {width:5.42rem;background-position:left bottom;}
.main {margin:0 auto;}
.main a {color:#313131;}
.main .pic-item {transition:transform 0.3s ease 0s,box-shadow 0.3s ease 0s;}
.part1 {height:3.11rem;margin-top:0.5rem;overflow:hidden;}
.part1 .imgZone>#list li>a {display:inline;}
.part1 .imgZone {position:relative;max-width:100%;width:16.12rem;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;}
.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;text-align:center;color:#fff;background:rgba(18,3,30,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 {display:none;}
.part2,.part3,.part4,.part5 {margin-top:0.6rem;}
.bg-global {position:relative;padding:1.6em 0 1.9em;border:0.35em solid transparent;font-size:0.2rem;background:#01bbee;background-clip:padding-box;}
.bg-global:before {position:absolute;left:-0.35em;top:-0.35em;content:"";display:block;width:calc(100% + 0.7em);height:calc(100% + 0.7em);border-radius:0.35em;background:linear-gradient(to bottom,#12d6df,#f70fff);z-index:-1;}
.type1 {line-height:2.5em;font-weight:bold;}
.type1 .list-item {float:left;padding:0 0.9em 0 0.95em;}
.type1 .list-item a {position:relative;padding-left:1.3em;color:#fff;}
@supports (background-clip:text) or (-webkit-background-clip:text){
.type1 .list-item a {color:transparent;transition:background-size 0.3s ease 0s;background:linear-gradient(to right,#fff889,#ff9600),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 a:before {position:absolute;left:0;top:1.115em;content:"";display:block;width:0.3em;height:0.3em;border-radius:50%;background:#fff;}
.type2 {padding:1.15em 0.9em 0.25em;}
.type2 .pic-item {position:relative;float:left;width:3.66rem;line-height:1.35em;}
.type2 img {width:100%;height:2.07rem;}
.type2 .pic-title {font-size:0.2rem;line-height:1.4em;background:#01bbee;}
.type2 .pic-title a {height:2.8em;border:0 solid transparent;border-width:0.775em 0;color:#fff;}
.type3 .pic-item {position:relative;float:left;width:2.8rem;overflow:hidden;}
.type3 .pic-title {font-size:12px;line-height:1.17em;text-align:center;background:rgba(0,27,227,0.55);}
.type3 .pic-title a {height:2.34em;border:0 solid transparent;border-width:0.42em 4.42em 0.58em;color:#fff;}
.type3 img {width:100%;height:1.58rem;}
.footer {margin-top:1.26rem;}
@media screen and (max-width:1340px){
.header .site-logo {margin-left:-5.9rem;}
}
@media screen and (min-width:1025px){
.header .site-logo {transition:filter 0.3s ease 0s;}
.header .site-logo:hover {filter: drop-shadow(2px 4px 2px #ff9600);}
.nav .list {overflow:hidden;}
.nav .list-item:hover a {color:#fff889;}
@supports(filter:drop-shadow(2px 4px 5px #000)){
.zone-desc .format {transition:filter 0.2s ease 0s;}
.zone-desc .format:hover {filter:drop-shadow(2px 4px 4px rgba(0,94,125,0.7));}
}
.main .list-item:hover a {color:#ff9600;}
.main .pic-item:hover {transform:scale(1.02,1.02);box-shadow:0 0 1em 10px #12d6df;}
.main .type3 .pic-item:hover {box-shadow:none;}
.type1 .list-item {width:5.45rem;}
.type1 .list-item:nth-child(odd) {clear:left;margin-right:1.1em;}
@supports(-webkit-background-clip:text){
.main .list-item:hover a {color:transparent;}
.type1 .list-item:hover a {filter:drop-shadow(2px 4px 1px #000);background-size:100% 100%,0 100%;}
}
.type2 .pic-item {margin-left:0.26rem;}
.type2 .pic-item:nth-child(n+4) {margin-top:0.6em;}
.type2 .pic-item:nth-child(3n+1) {clear:left;margin-left:0;}
.type3 {padding:0 0.025rem;}
.type3 .pic-item {margin-left:0.25rem;}
.type3 .pic-item:nth-child(4n+1) {clear:left;margin-left:0;}
}
@media screen and (max-width:1024px){
body {background:#fff;}
.wrap {width:auto;margin:0 0.1rem}
.header {height:4.9rem;}
.header .site-logo {top:0;margin-left:-50%;transform:scale(0.61);}
.nav {margin-top:-1.4rem;height:3.18em;box-shadow:0 0 0 0.03rem #f8d5b4 inset,0.088em 0.15em 0.176em 0.06em rgba(0,94,125,0.6);font-size:0.22rem;background:linear-gradient(to bottom,rgba(45,208,255,0.9),rgba(255,91,199,0.9));overflow:hidden;overflow:hidden;}
.nav .wrap {box-shadow:none;background:none;}
.nav:after {left:auto;right:0;transform:rotate(180deg);}
.nav .list {padding:0 0 999px;white-space:nowrap;overflow:auto;}
.nav .list-item {height:3.18em;font-size:0.22rem;line-height:3.18em;}
.main {padding-bottom:1.5rem;background:linear-gradient(to bottom,#76daf1,#fff1f6,#ff9ed8);overflow:hidden;}
.zone-desc {overflow:hidden;}
.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);}
.type1,.type2 .pic-title {font-size:16px;}
.part1 div#preBtn,.part1 div#nextBtn {left:0;margin:0;}
.part1 div#nextBtn {left:auto;right:0;}
.part1 .imgZone>#list li .list-item-title {font-size:18px;}
.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;}
.part2, .part3, .part4, .part5 {position:relative;margin-top:0.5rem;z-index:1;}
.type1 .list-item {float:none;}
.type1 .list-item:nth-child(n+2) {margin-top:0.5em;}
.type1 .list-item a {width:auto;padding:0 0.1rem;border-width:0 0.1rem;font-weight:normal;white-space:normal;color:#fff;background:none;}
.type2 .pic-item,.type3 .pic-item {width:3.35rem;margin-left:0.1rem;}
.type2 .pic-item:nth-child(odd),.type3 .pic-item:nth-child(odd) {clear:left;margin-left:0;}
.type2 .pic-item:nth-child(n+3),.type3 .pic-item:nth-child(n+3) {margin-top:0.2rem;}
.type2 img {height:1.88rem;}
.type3 {padding:0 0.25rem;}
}
@media screen and (max-width:480px){
body {background-position:center 2.5rem;background-size:4.8rem auto;}
.header {height:3.1rem;}
.header .site-logo {top:0.07rem;margin-left:-49%;transform-origin:left top;transform:scale(0.5);}
.nav {margin-top:-0.9rem;}
.nav .list-item {width:25%;}
.nav .list-item a {padding:0;}
.bg-global {border:0.06rem solid transparent;}
.zone-desc,.part3 .zone-desc,.part4 .zone-desc,.part5 .zone-desc {padding:0;}
.zone-desc .format {width:4.2rem;height:2.04rem;background-size:auto 8.24rem;}
.part3 .zone-desc .format {width:4.2rem;height:2.08rem;background-position:left -2.04rem;}
.part4 .zone-desc .format {width:4.2rem;height:2.04rem;background-position:left -4.16rem;}
.part5 .zone-desc .format {width:4.2rem;height:2.04rem;}
.part1 {height:auto;}
.part1 .imgZone>#list {width:4.56rem;height:2.565rem;}
.part1 .imgZone>#list,.part1 .imgZone>#list li {height:2.565rem;}
.part1 .imgZone>#list li .list-item-title {font-size:16px;}
.part3 {margin-top:0.56rem;}
.type2 {padding:1.15em 0 0.25em;}
.type2 .pic-item,.type3 .pic-item {width:2.19rem;margin:0 0 0 0.1rem;}
.type2 .pic-item:nth-child(n+3),.type3 .pic-item:nth-child(n+3) {margin-top:0.2rem;}
.type2 img,.type3 img {height:1.24rem;}
.type3 {padding:0 0.06rem;}
}