@charset "utf-8";
/* CSS Document */
html {scroll-behavior:smooth;}
body {background:url("http://ats.taiwan.cn/other/2023/zjtwz/images/bg_page2.png") left top repeat,url("http://ats.taiwan.cn/other/2023/zjtwz/images/bg_page.png") center top repeat-y;background-size:12.33rem auto,19.2rem auto;}
.wrap {width:12.4rem;}
.header {position:relative;height:10.3rem;text-indent:-100%;color:transparent;background:url("http://ats.taiwan.cn/other/2023/zjtwz/images/banner.png") center top no-repeat;background-size:auto 100%;overflow:hidden;}
.header .site-logo {position:absolute;left:50%;top:0.43rem;width:2.05rem;height:0.74rem;margin-left:-5.28rem;font-size:0;text-indent:-100%;background:url("http://ats.taiwan.cn/other/2023/zjtwz/images/site_logo.png") center top no-repeat;background-size:auto 100%;overflow:hidden;}
.nav {position:relative;margin-top:-1.65rem;}
.nav .list {border:0.04rem solid #eea127;text-align:center;font-size:0;background:#015c69;}
.nav .list-item {display:inline-block;vertical-align:top;width:16.6%;font-size:0.3rem;line-height:2.06em;}
.nav .list-item a {color:#fff;}
/* main_begin */
.zone-desc {position:relative;}
.zone-desc .format {width:2.25rem;height:0.52rem;margin:0 auto;text-indent:-100%;background:url("http://ats.taiwan.cn/other/2023/zjtwz/images/bg_zone_desc.png") center top no-repeat;background-size:2.25rem auto;overflow:hidden;}
.zone-desc2 {position:relative;}
.zone-desc2 .format {width:3.35rem;height:1.84rem;margin:0 auto;text-indent:-100%;background:url("http://ats.taiwan.cn/other/2023/zjtwz/images/bg_zone_desc2.png") center top no-repeat;background-size:100% auto;overflow:hidden;}
.part4 .zone-desc2 .format {background-position:center 50%;}
.part5 .zone-desc2 .format {background-position:center bottom;}
.main {max-width:19.2rem;width:100%;margin:0 auto;margin-top:0.19rem;padding-bottom:2.41rem;background:url("http://ats.taiwan.cn/other/2023/zjtwz/images/bg_main.png") center 3.99rem no-repeat,url("http://ats.taiwan.cn/other/2023/zjtwz/images/bg_main2.png") center bottom no-repeat;background-size:19.2rem auto,19.2rem auto;overflow:hidden;}
.main a {color:#323333;}
/* scroll_begin */
.part1 .imgZone>#list li>a {display:inline;}
.part1 .imgZone {position:relative;}
.part1 .imgZone>#list {position:relative;width:100%;height:5.3rem;}
.part1 .imgZone>#list li {position:absolute;left:0;top:0;width:9.16rem;height:5.06rem;z-index:2147483609;transition:left 0.6s ease 0s,transform 0.6s ease 0s,box-shadow 0.6s ease 0s,opacity 0.3s ease 0s;}
.part1 .imgZone>#list li.endNext,.part1 .imgZone>#list li.endPre {left:0%;transform:translate(-8%,0) scale(0.84);}
.part1 .imgZone>#list li.startNext,.part1 .imgZone>#list li.startPre {left:50%;transform:translate(-50%,0);z-index:2147483610;}
.part1 .imgZone>#list li:after {position:absolute;left:0;top:0;content:"";display:block;width:100%;height:100%;transition:background-color 0.6s ease 0s;background:rgba(255,255,255,0.5);}
.part1 .imgZone>#list li.startNext:after,.part1 .imgZone>#list li.startPre:after {background:transparent;}
.part1 .imgZone>#list li.order1 {left:100%;transform:translate(-92%,0) scale(0.84);z-index:2147483608;;}
.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.22rem;line-height:2.68em;color:#fff;background:rgba(0,0,0,0.5);overflow:hidden;}
.part1 .imgZone>#list li .list-item-title a {display:block;padding:0 1.68em;color:#fff;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.part1 div#preBtn,.part1 div#nextBtn {position:absolute;top:50%;left:50%;width:0.26rem;height:0.44rem;margin-left:-5.47rem;transform:translate(0,-50%);cursor:pointer;background:url("http://ats.taiwan.cn/other/2023/zjtwz/images/bg_btn.png") 0 center no-repeat;background-size:auto 100%;z-index:2147483611;}
.part1 div#nextBtn {margin-left:5.21rem;margin-top:0;transform:translate(0,-50%) rotate(180deg);}
/*optional components_begin*/
.part1 .imgZone .list-index {position:absolute;left:50%;bottom:0.12rem;transform:translate(159%,-540%);overflow:hidden;z-index:2147483647;}
.part1 .imgZone .list-index li {float:left;width:0.45rem;height:0.05rem;margin:0 0.05rem;cursor:pointer;background:#fff;}
.part1 .imgZone .list-index li.on {background:#ffc323;}
/*optional components_end*/
/* scroll_end */
.part2 {margin-top:0.44rem;padding:0.42rem 0.2rem 0.39rem 0.29rem;background:rgba(255,255,255,0.5);}
.part2 .left-side,.part2 .right-side {float:left;}
.part2 .left-side .type2 {border-top:0.1em solid #063ab1;}
.part2 .right-side .type2 {margin-top:0.25em;}
.part2 .zone-desc+* {margin-top:0.19rem;}
.part3 .main-venue,.part3 .venues {padding:0.2rem 0.2rem 0.48rem;background:rgba(255,255,255,0.5);}
.part3 .venues {padding:0 0.2rem 0.47rem 0.2rem;}
.part3 .main-venue .type4,.part3 .main-venue .type2,.part3 .main-venue .type5 {float:left;}
.part3 .main-venue .type2 {width:5.98rem;margin-left:0.13rem;padding-top:0.25em;}
.part3 .main-venue .type5 {margin-top:0.18rem;}
.part3 .venue {float:left;}
.part3 .venue:nth-child(odd) {clear:left;}
.part3 .venue:nth-child(even) {margin-left:0.22rem;}
.part3 .venue .zone-desc .format {width:1.82rem;height:0.53rem;}
.part3 .venue:nth-child(1) .zone-desc .format {background-position:center -0.52rem;}
.part3 .venue:nth-child(2) .zone-desc .format {width:1.81rem;background-position:center -1.05rem;}
.part3 .venue:nth-child(3) .zone-desc .format {width:1.81rem;background-position:center -1.58rem;}
.part3 .venue:nth-child(4) .zone-desc .format {background-position:center -2.11rem;}
.part3 .venue:nth-child(5) .zone-desc .format {height:0.54rem;background-position:center -2.64rem;}
.part3 .venue:nth-child(6) .zone-desc .format {width:1.81rem;background-position:center -3.18rem;}
.part3 .venue:nth-child(7) .zone-desc .format {background-position:center bottom;}
.part3 .list {margin-top:0.18rem;}
.part4 {margin-top:0.09rem;}
.part4 .list {padding:0.27rem 0.2rem 0.37rem;background:rgba(255,255,255,0.5);}
.part4 .pic {position:relative;float:left;width:2.82rem;margin-left:0.24rem;}
.part4 .pic:first-child {margin-left:0;}
.part4 img {width:100%;height:1.58rem;}
.part4 .pic-title {position:absolute;left:0;bottom:0;width:100%;font-size:0.16rem;line-height:1.5em;background:rgba(0,0,0,0.5);}
.part4 .pic-title a {max-height:3em;padding:0 1.06em;border:1px solid transparent;border-width:0.0625em 0;color:#fffefe;}
.part5 {margin-top:0.12rem;}
.part5 a {color:#333;}
.part5 .list {padding:0.27rem 0.2rem 0.41rem;background:rgba(255,255,255,0.5);}
.part5 .pic {float:left;width:2.82rem;margin-left:0.24rem;padding-bottom:0.32rem;background:#fff;}
.part5 .pic:nth-child(4n+1) {clear:left;margin-left:0;}
.part5 img {width:100%;height:1.58rem;}
.part5 .pic-title {margin-top:0.93em;font-size:0.16rem;line-height:1.5em;font-weight:bold;text-align:center;}
.part5 .pic-desc {margin-top:0.71em;font-family:simsun;font-size:0.14rem;line-height:1.71em;}
.part5 .pic-title a,.part5 .pic-desc a {padding:0 0.16rem;}
.type1 {padding:0.77em 0 1.5em;font-size:0.18rem;line-height:1.78em;}
.type1 .list-item:nth-child(n+2) {margin-top:1.61em;}
.type1 .list-item-title a {max-height:3em;font-size:0.24rem;line-height:1.5em;color:#039;}
.type1 .list-item-desc a {max-height:5.34em;color:#000;}
.type2 {padding-top:0.7em;font-size:0.2rem;line-height:2em;}
.type2 .list-item a {position:relative;padding-left:0.65em;color:#000;}
.type2 .list-item a:before {position:absolute;left:0.15em;top:50%;content:"";display:block;width:0.15em;height:0.15em;transform:translate(0,-50%);background:#000;}
.type3 img {width:4.7rem;height:2.64rem;}
.type4 .pic {position:relative;}
.type4 .pic-title {position:absolute;left:0;bottom:0;width:100%;font-size:0.2rem;line-height:2.65em;background:rgba(0,0,0,0.5);}
.type4 .pic-title a {padding:0 1em;color:#fff;}
.type4 img {width:5.89rem;height:3.31rem;}
.type5 .pic {position:relative;float:left;width:2.91rem;margin-left:0.12rem;}
.type5 .pic:first-child {margin-left:0;}
.type5 img {width:100%;height:1.64rem;}
.type5 .pic-title {position:absolute;left:0;bottom:0;width:100%;font-size:0.16rem;line-height:1.5em;background:rgba(0,0,0,0.5);}
.type5 .pic-title a {max-height:3em;padding:0 1.125em;color:#fff;}
.type5 .pic>a:before {position:absolute;left:0.93em;top:0.56em;content:"";display:block;width:1.875em;height:1.875em;background:url("http://ats.taiwan.cn/other/2023/zjtwz/images/bg_video.png") left top no-repeat;background-size:100% auto;z-index:1;}
.venues .venue {width:5.89rem;}
.venues .venue:nth-child(n+3) {margin-top:0.25rem;}
.venues .venue a {color:#515151;}
.venues .venue .pic {padding-bottom:0.875em;font-size:0.16rem;line-height:1.5em;}
.venues .venue .pic>a {float:left;margin-right:0.18rem;overflow:hidden;}
.venues img {width:2.47rem;height:1.39rem;}
.venues .venue .pic-title {font-size:0.18rem;line-height:1.33em;font-weight:bold;}
.venues .venue .pic-title a {max-height:2.66em;}
.venues .venue .pic-desc {margin-top:0.875em;}
.venues .venue .pic-desc a {max-height:4.5em;}
.venues .venue .list-item {font-size:0.18rem;line-height:2em;}
.venues .venue .pic+.list-item {border-top:0.12em solid #7488c0;padding-top:0.06rem;}
/* main_end */
.footer {margin-top:0;}
@media screen and (min-width:1025px){
.nav .list-item:hover a {color:#ffd053;}
.main .list-item:hover a,.main .pic:hover a,.main .strong:hover a,.main .strong-item:hover a {color:#039;}
.nav .list {border-radius:0.35rem;overflow:hidden;}
.part1 .imgZone>#list li.startNext,.part1 .imgZone>#list li.startPre {border:0.12rem solid rgba(255,255,255,0.5);}
.part1 .imgZone>#list li.startNext .list-item-title a,.part1 .imgZone>#list li.startPre .list-item-title a {padding-right:8.86em;}
.main .pic {overflow:hidden;}
.main .pic:hover img {transition:transform 0.3s ease 0s;}
.main .pic:hover img {transform:scale(1.02);}
.part2 .left-side,.part2 .right-side {float:left;}
.part2 .left-side {width:6.71rem;}
.part2 .right-side {width:4.74rem;margin-left:0.46rem;}
.part4 .pic:nth-child(4n+1) {margin-left:0;}
.part4 .pic:nth-child(n+5) {margin-top:0.2rem;}
.type3 img {margin-left:0.04rem;}
}
/* //////////////////////////////////////////////////////////////////////////////////// */
@media screen and (max-width:1024px){
body {background-size:7.5rem auto,7.5rem auto;}
.wrap {width:auto;margin:0 0.1rem;}
.header {height:6rem;}
.header .site-logo {top:0.15rem;margin-left:-50%;transform:scale(0.61);}
.nav,.nav .list-item,.type3 .list-item-title,.type1 .list-item-title a,.type2 {font-size:18px;}
.nav {position:relative;height:2.06em;border:2px solid #eea127;border-width:2px 0;background:#015c69;overflow:hidden;}
.nav:before,.nav:after {position:absolute;left:0;top:0;content:"";display:block;width:2em;height:100%;background:linear-gradient(to right,#015c69,transparent);}
.nav:after {left:auto;right:0;transform:rotate(180deg);}
.nav .list {padding-bottom:999px;border:none;white-space:nowrap;background:none;overflow-x:auto;}
.nav .list-item {width:7em;}
.nav .list-item a {color:#fff;}
.main {background-size:7.5rem auto,7.5rem auto;}
.part1 {margin-top:0.2rem;}
.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,.type4 .pic-title,.type5 .pic-title,.venues .venue .pic-title,.venues .venue .list-item,.part4 .pic-title,.part5 .pic-title {font-size:16px;}
.part1 div#preBtn,.part1 div#nextBtn {left:0;margin:0;}
.part1 div#nextBtn {left:auto;right:0;}
/*optional components_begin*/
.part1 .imgZone .list-index {display:none;}
.part1 .imgZone .list-index li {font-size:12px;height:2px;}
/*optional components_end*/
.part2 .left-side, .part2 .right-side,.part3 .main-venue .type4,.part3 .main-venue .type2,.part3 .main-venue .type5,.part3 .venue {float:none;}
.part2 .right-side {margin-top:0.2rem;}
.type3 .pic,.type4 .pic {display:table;margin:0 auto;}
.part3 .main-venue .type2,.venues .venue {width:auto;margin-left:0;}
.type5 .pic,.type5 .pic:first-child {margin:0 0.27rem;}
.type5 .pic:nth-child(odd) {clear:left;}
.type5 .pic:nth-child(n+3),.venues .venue:nth-child(n+2),.part4 .pic:nth-child(n+3),.part5 .pic:nth-child(n+3) {margin-top:0.2rem;}
.part3 .venue:nth-child(even) {margin-left:0;}
.part4 .pic,.part5 .pic,.part4 .pic:first-child,.part5 .pic:first-child {margin:0 0.315rem;}
.part5 .pic:nth-child(odd) {clear:left;}
.venues .venue .pic,.part5 .pic-desc {font-family:simsun;font-size:14px;}
}
@media screen and (max-width:480px){
body,.main {background-size:4.8rem auto,4.8rem auto;}
.header {height:4.5rem;}
.zone-desc {transform:scale(0.7);}
.part1 .imgZone>#list {width:4.56rem;height:2.565rem;}
.part1 .imgZone>#list,.part1 .imgZone>#list li {height:2.565rem;}
.type3 img {width:4.11rem;height:2.31rem;}
.type4 img {width:4.2rem;height:2.36rem;}
.type5 .pic,.type5 .pic:first-child,.part4 .pic,.part4 .pic:first-child,.part5 .pic,.part5 .pic:first-child {float:none;margin:0 auto;}
.type5 .pic:nth-child(n+2),.part4 .pic:nth-child(n+2),.part5 .pic:nth-child(n+2) {margin-top:0.2rem;}
.type5 .pic {width:291px;}
.type5 img {height:164px;}
.part3 .list {margin-top:0.1rem;}
.zone-desc .format {width:225px;height:52px;background-size:225px auto;}
.part3 .venue .zone-desc .format {width:182px;height:53px;}
.part3 .venue:nth-child(1) .zone-desc .format {background-position:center -52px;}
.part3 .venue:nth-child(2) .zone-desc .format {width:181px;background-position:center -105px;}
.part3 .venue:nth-child(3) .zone-desc .format {width:181px;background-position:center -158px;}
.part3 .venue:nth-child(4) .zone-desc .format {background-position:center -211px;}
.part3 .venue:nth-child(5) .zone-desc .format {height:54px;background-position:center -264px;}
.part3 .venue:nth-child(6) .zone-desc .format {width:181px;background-position:center -318px;}
.part3 .venue:nth-child(7) .zone-desc .format {background-position:center bottom;}
.part4 .pic,.part5 .pic {width:282px;}
.part4 img,.part5 img {height:158px;}
.venues .venue .pic>a {float:none;display:table;margin:0 auto 0.2rem;}
.venues img {width:247px;height:139px;}
}