@charset "utf-8";
html {scroll-behavior:smooth;}
body {background:#fff;}
a {color:#000;}
.header {position:relative;height:5.84rem;text-indent:-100%;font-size:0;color:transparent;background:url("http://ats.taiwan.cn/other/2024/tstqzjl/images/banner.png") center top no-repeat;background-size:auto 100%;overflow:hidden;}
.header .site-logo,.header .logo {position:absolute;left:50%;top:0.19rem;width:1.21rem;height:0.43rem;margin-left:-4.86rem;}
.header .logo {width:0.78rem;height:0.49rem;margin-left:-5.83rem;}
.header .site-logo img {width:100%;height:100%;}
.nav {position:relative;background:#4cb7df;}
@supports(position:sticky){
body {position:relative;}
.nav {position:sticky;top:0;backdrop-filter:blur(1px);background:rgba(115,217,255,0.9);z-index:11;}
}
.nav .list {font-size:0;}
.nav .list-item {position:relative;display:inline-block;vertical-align:middle;font-size:0.24rem;line-height:2.92em;color:#fff;}
.nav .list-item a {position:relative;padding:0 2.58em;color:#fff;}
.nav .list-item:before {position:absolute;left:0;top:0;content:"";display:block;width:100%;height:100%;transform-origin:left center;transform:translate(100%,0) scale(0,100%);transition:transform 0.15s ease-in-out 0s,left 0.15s ease-in-out 0s;background:#4cb7df;}
.main {position:relative;overflow:hidden;}
.zone-desc {position:relative;left:50%;transform:translate(-50%,0);height:0.91rem;margin:0 auto;background:url("http://ats.taiwan.cn/other/2024/tstqzjl/images/bg_zone_desc.png") center top no-repeat;background-size:auto 2.74rem;overflow:hidden;}
.zone-desc .format {width:3.33rem;height:100%;margin:0 auto;text-indent:-100%;overflow:hidden;}
.part3 .zone-desc {background-position:center -0.91rem;}
.part4 .zone-desc {background-position:center bottom;}
.part1 {margin-top:0.4rem;background:#e9fafc;}
.part1 .imgs {position:relative;width:5.87rem;height:3.31rem;margin:0 auto;overflow:hidden;}
.part1 .imgs #list {position:relative;width:100%;height:100%;padding-top:0;}
.part1 .imgs #list li {position:absolute;opacity:0;width:100%;height:100%;z-index:-1;transition:opacity 0.3s ease 0s;}
.part1 .imgs #list img {width:100%;height:100%;}
.part1 .imgs #list .startNext,.part1 .imgs #list .startPre {opacity:1;z-index:1;}
.part1 .imgs .list-index {position:absolute;right:0.72em;bottom:calc(0.97em - 0.11em);width:auto;height:0.22em;font-size:0.18rem;line-height:0.22em;overflow:hidden;z-index:10;}
.part1 .imgs .list-index li {display:inline-block;vertical-align:top;width:1.17em;height:0.22em;margin-left:0.17em;line-height:0.22em;text-indent:-10em;cursor:pointer;background:#fff;transition:color 0.3s ease 0s,background-color 0.3s ease 0s;overflow:hidden;}
.part1 .imgs .list-index li:first-child {margin:0;}
.part1 .imgs .list-index li.on {color:#4c4c4c;background:#24cbdf;}
.part1 .imgs .list-item,.part1 .imgs a {color:#fefcfc;}
.part1 .imgs .list-item>a {max-height:none;width:100%;height:100%;}
.part1 .imgs .list-item-title {position:absolute;left:0;bottom:0;width:100%;font-size:0.18rem;line-height:1.94em;background:rgba(50,50,51,0.5);}
.part1 .imgs .list-item-title a {padding:0 4.57em 0 0.94em;}
.part1 .imgs #preBtn,.part1 .imgs #nextBtn {position:absolute;left:0.04rem;top:50%;width:0.16rem;height:0.4rem;cursor:pointer;transform:translate(0,-50%);background:url("http://ats.taiwan.cn/other/2024/tstqzjl/images/bg_btn.png") center center no-repeat;background-size:auto 100%;z-index:1;}
.part1 .imgs #nextBtn {left:auto;right:0.04rem;transform:translate(0,-50%) rotate(180deg);}
.part2{margin-top:0.35rem;}
.part3,.part4 {margin-top:0.37rem;}
.type1 {font-size:0.16rem;line-height:2.125em;}
.type1 a {color:#323333;}
.type1 .strong-title {font-size:0.24rem;line-height:1.5em;font-weight:bold;}
.type1 .strong-desc {margin-top:0.31em;line-height:2em;}
.type1 .strong+.list-item {margin-top:0.9375em;padding-top:0.75em;box-shadow:0 -0.1875em 0 0 #d1e1e2;}
.type1 .strong-title a {max-height:3em;}
.type1 .strong-desc a {max-height:4em;}
.type1 .list-item a {position:relative;padding-left:0.25em;}
.type1 .list-item a:before {position:absolute;left:1px;top:1em;content:"";display:block;width:0.125em;height:0.125em;background:#323333;}
.zone-desc+.type2 {margin-top:0.31rem;}
.type2 .pic-item {position:relative;width:3.78rem;}
.type2 img {width:100%;height:2.13rem;}
.type2 .pic-title {position:absolute;left:0;bottom:0;width:100%;font-size:0.2rem;line-height:1.5em;background:rgba(0,0,0,0.5);}
.type2 .pic-title a {max-height:3em;padding:0.325em 1.2em;color:#fffefe;}
.type3 {padding:2.69em 0 3.31em;font-size:0.16rem;line-height:1.5em;}
.type3 a {color:#323333;}
.type3 .list-item {position:relative;padding-left:0.875em;}
.type3 .list-item:before {position:absolute;left:0;top:0.6875em;content:"";display:block;width:0.125em;height:0.125em;background:#323333;}
.type3 .list-item a {display:inline;}
.footer {margin-top:3.01rem;}
.footer-mobile {margin-top:1rem;}
@media screen and (min-width:1025px){
.main .list-item>a img,.main .pic-item {transition:transform 0.3s ease 0s,box-shadow 0.3s ease 0s;}
.main .list-item:hover>a img,.main .pic-item:hover {transform:scale(1.01);}
.main .pic-item:hover {box-shadow:0 0 10px 0 rgba(0,0,0,0.8);}
.main .list-item:hover a,.main .strong:hover a {color:#4cb7df;}
.header .site-logo,.header .logo {transition:transform 0.3s ease-out 0s,filter 0.3s ease-out 0s;}
.header .site-logo:hover,.header .logo:hover {transform:scale(1.01);filter:drop-shadow(2px 2px 1px #ca452e);}
.header .site-logo:hover {filter:drop-shadow(2px 2px 1px #fa9600);}
.nav .list {display:table;margin:0 auto;}
.nav .list-item:hover:before {transform:translate(0,0) scale(100%,100%);}
.nav .list-item:hover~.list-item:before {transform:translate(0,0) scale(0,100%);}
.part1 {font-size:0;}
.part1 .pic,.part1 .type1 {display:inline-block;vertical-align:middle;}
.part1 .type1 {width:5.75rem;margin-left:0.24rem;}
.type2 .pic-item {float:left;margin-left:0.33rem;}
.type2 .pic-item:nth-child(3n+1) {clear:left;margin-left:0;}
.type3 .list-item:nth-child(odd) {clear:left;}
.type2 .pic-item:nth-child(n+4) {margin-top:0.2rem;}
.type3 {margin-top:0.34rem;background:#e9fafc;}
.type3 .list-item:nth-child(n+3) {margin-top:0.625em;}
.type3 .list-item {float:left;width:5.74rem;margin-left:0.75em;}
.type3 .list-item a {transition:background-size 0.3s ease 0s;background:linear-gradient(to right,#4cb7df,#4cb7df) left bottom no-repeat;background-size:0 2px;}
.type3 .list-item:hover a {color:#323333;background-size:100% 2px;}
}
@media screen and (max-width:1024px){
.wrap {width:auto;margin:0;padding:0 0.1rem;}
.header {height:3.8rem;}
.header .site-logo,.header .logo {left:0.1rem;top:0.1rem;margin-left:0;transform-origin:left top;transform:scale(0.8);}
.header .site-logo {margin-left:0.8rem;}
.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;content:"";display:block;width:0.75em;height:100%;background:linear-gradient(to right,#4cb7df,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;bottom:0.1em;content:"";display:block;width:100%;height:0.05em;background:linear-gradient(to right,transparent,#4cb7df 10% 90%,transparent);}
.nav .list {padding-bottom:999px;white-space:nowrap;overflow:scroll;}
.nav .list-item {line-height:2em;}
.nav .list-item a {padding:0 1em;}
.zone-desc .format {width:40%;}
.part1 {margin:0 auto;padding:0.4rem 0;}
.part1 .imgs .list-item-title,.part1 .imgs .list-index,.type1 .strong-title {font-size:18px;}
.part1 .type1 {margin-top:0.2rem;padding:0 0.5em;}
.type1,.type2 .pic-title,.type3 {font-size:16px;}
.type1 .strong-desc {font-size:14px;}
.type2 .pic-item {float:left;width:3.6rem;}
.type2 .pic-item:nth-child(even) {margin-left:0.1rem;}
.type2 .pic-item:nth-child(n+3) {margin-top:0.1rem;}
.type2 img {height:2.03rem;}
.type3 .list-item:nth-child(n+2) {margin-top:0.5em;}
}
@media screen and (max-width:480px){
.header {height:2.4rem;}
.header .site-logo,.header .logo {transform:scale(0.7);}
.header .site-logo {margin-left:0.6rem;}
.nav,.nav .list-item {font-size:20px;}
.zone-desc {transform:translate(-50%,0) scale(0.75);}
.zone-desc .format {width:auto;}
.part2,.part3,.part4,.part5,.part6 {margin-top:0.15rem;}
.part1 {padding:0.2rem 0.07rem;}
.part1 .imgs {width:4.46rem;height:2.5rem;}
.part1 .imgs .list-item-title,.part1 .imgs .list-index {font-size:16px;}
.part1 .imgs .list-item-title a {width:calc(100% - 4.5em);}
.type2 .pic-item {float:left;width:2.25rem;}
.type2 img {height:1.27rem;}
}