@charset "utf-8";
/* CSS Document */
html {scroll-behavior:smooth;}
body {background:#f1e2c0;}
.header {position:relative;height:13.2rem;font-size:0;line-height:0em;text-indent:-100%;color:transparent;background:url("http://ats.taiwan.cn/other/2024/rrgxxjtcshq/images/banner.png") center top no-repeat;background-size:auto 100%;overflow:hidden;}
.header .site-logo {position:absolute;left:50%;top:0.26rem;width:1.96rem;height:0.7rem;margin-left:-4.29rem;font-size:0;text-indent:-100%;background:url("http://ats.taiwan.cn/other/2024/rrgxxjtcshq/images/site_logo.png") center top no-repeat;background-size:auto 100%;overflow:hidden;}
.nav {position:relative;margin:-2.84rem auto 0;font-size:0.3rem;line-height:1.44em;font-weight:bold;font-style:italic;z-index:12;}
@supports(position:sticky){
.part2 {position:relative;}
.nav {position:sticky;top:0;backdrop-filter:blur(10px);background:radial-gradient(transparent, #f1e2c0 2px);background-size:4px 4px;}
}
.nav .list {margin:0 auto;padding:0;text-align:center;font-size:0;line-height:0em;}
.nav .list-item {display:inline-block;vertical-align:middle;width:auto;height:1.44em;box-shadow:0 0 0 1px #0391de inset;border-radius: 0.25em 0.25em 0.66em 0.66em/0.25em 0.25em 0.66em 0.66em;font-size:0.36rem;line-height:1.44em;background:#fff;overflow:hidden;}
.nav .list-item a {min-width:6.8em;padding:0 0.375em;color:#000;}
.zone-desc+*{margin-top:0.54rem;}
.zone-desc .format {display:table;width:6.5rem;height:0.85rem;margin:0 auto;text-indent:-100%;background:url("http://ats.taiwan.cn/other/2024/rrgxxjtcshq/images/bg_zone_desc.png") center top no-repeat;background-size:auto 200%;overflow:hidden;}
.part4 .zone-desc .format {width:6.48rem;background-position:center bottom;}
.main {margin:0.63rem auto 0;background:url("http://ats.taiwan.cn/other/2024/rrgxxjtcshq/images/bg_page.png") center bottom no-repeat;background-size:auto 7.1rem;}
.main a {color:#000;}
.part1 {margin-top:0.63rem;}
.part1 .imgZone>#list li>a {display:inline;}
.part1 .imgZone {position:relative;}
.part1 .imgZone>#list {position:relative;width:100%;height:4.96rem;}
.part1 .imgZone>#list li {position:absolute;left:50%;top:0;width:8.6rem;height:100%;padding:0;outline:1px solid transparent;background:#fff;z-index:8;transition:left 0.6s ease 0s,transform 0.6s ease 0s,padding 0.3s ease 0s;transform:translate(-50%,0) scale(0.6);}
.part1 .imgZone>#list li.endNext,.part1 .imgZone>#list li.endPre {left:0%;transform:translate(-8.9%,0) scale(0.822);z-index:9;}
.part1 .imgZone>#list li.startNext,.part1 .imgZone>#list li.startPre {left:50%;transform:translate(-50%,0);width:8.4rem;height:4.75rem;padding:0.1rem 0.09rem 0.11rem 0.11rem;outline:1px solid #0391de;z-index:10;}
.part1 .imgZone>#list li.order1 {left:100%;transform:translate(-91.1%,0) scale(0.822);z-index:7;}
.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 li.endNext>a:after,.part1 .imgZone>#list li.endPre>a:after,.part1 .imgZone>#list li.order1>a:after {background:rgba(255,255,255,0.5);}
.part1 .imgZone>#list.startPre li {z-index:8;}
.part1 .imgZone>#list.startPre li.order1 {z-index:9;}
.part1 .imgZone>#list.startPre li.startPre {z-index:10;}
.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:2.33em;color:#fff;background:rgba(0,0,0,0.5);overflow:hidden;}
.part1 .imgZone>#list li.startNext .list-item-title,.part1 .imgZone>#list li.startPre .list-item-title {bottom:0.1rem;width:8.4rem;}
.part1 .imgZone>#list li .list-item-title a {display:block;height:2.4em;padding:0 3.66em;color:#fff;}
.part1 div#preBtn,.part1 div#nextBtn {position:absolute;top:50%;left:50%;width:0.34rem;height:0.55rem;margin-left:-4.83rem;transform:translate(0,-50%);cursor:pointer;background:url("http://ats.taiwan.cn/other/2024/rrgxxjtcshq/images/bg_btns.png") 0 center no-repeat;background-size:auto 100%;z-index:11;}
.part1 div#nextBtn {margin-left:4.49rem;margin-top:0;transform:translate(0,-50%) rotate(180deg);}
.part1 .imgZone .list-index {display:table;margin:0.11rem auto 0;text-align:center;font-size:0;line-height:0;}
.part1 .imgZone .list-index li {display:inline-block;width:0.27rem;height:0.07rem;margin-left:0.1rem;cursor:pointer;background:rgba(0,0,0,0.5);}
.part1 .imgZone .list-index .on {background:#de8a60;}
.part1 .imgZone .list-index li:first-child {margin-left:0;}
.part2 {margin-top:0.57rem;}
.part3 {margin-top:1.02rem;}
.part4 {margin-top:1.08rem;}
.type1 {padding:2.38em 1.72em 2.84em;font-size:0.22rem;line-height:1.5em;border-radius:0.12rem/0.12rem;box-shadow:0 0 0 0.08rem #fa5f7e inset;background:#e8faff;}
.type1 .list-item:nth-child(n+2) {margin-top:1.23em;}
.type1 .list-item a {position:relative;padding-left:0.41em;color:#036;}
.type1 .list-item a:before {position:absolute;left:0;top:0.615em;content:"";display:block;width:0.27em;height:0.27em;border-radius:50%;background:#036;}
.type2 .pic-item {float:left;width:3.91rem;overflow:hidden;}
.type2 .pic-item>a {position:relative;}
.type2 .pic-item>a:before {position:absolute;left:0;top:0;content:"";display:block;width:10.48%;height:18.64%;background:url("http://ats.taiwan.cn/other/2024/rrgxxjtcshq/images/bg_icon.png") center center no-repeat;background-size:auto 100%;z-index:1;}
.type2.alt .pic-item>a:before {display:none;}
.type2 img {width:100%;height:2.2rem;}
.type2 .pic-title {font-size:0.2rem;line-height:1.8em;background:rgba(255,255,255,0.5);}
.type2 .pic-title a {height:3.6em;border:0 solid transparent;border-width:0.4em 0.35em 1.75em;}
.footer {margin-top:2.01rem;}
@media screen and (min-width:1025px){
body {max-width:19.2rem;margin:0 auto;overflow-x:hidden;}
.nav .list-item {margin-left:1.5em;}
.nav .list-item:first-child {margin-left:0;}
.nav .list-item:hover a {color:#fa5f7e;}
.main .list-item:hover a,.main .pic:hover a,.main .strong-item:hover a {color:#c30;}
.main .pic-item img {transition:transform 0.3s ease 0s;}
.main .pic-item:hover img {transform:scale(1.02,1.02);}
.zone-desc .format {transition:filter 0.1s ease 0s;}
.zone-desc .format:hover {filter:drop-shadow(2px 2px 2px #fff) drop-shadow(3px 3px 1px #fa5f7e);}
@supports (background-clip:text) or (-webkit-background-clip:text){
.type1 .list-item {display:table;padding-left:0.41em;}
.type1 .list-item a {display:inline;padding-left:0;color:transparent;transition:background-size 0.3s ease 0s;background:linear-gradient(to right,#c30,#c30),linear-gradient(to right,#036,#036);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%;}
.type1 .list-item a:before {left:-0.41em;}
}
.type2 .pic-item {margin-left:0.135rem;}
.type2 .pic-item:nth-child(3n+1) {clear:left;margin-left:0;}
.type2 .pic-item:nth-child(n+4) {margin-top:0.12rem;}
.type2 .pic-title {position:relative;}
.type2 .pic-title:before {position:absolute;left:0;top:0;content:"";display:block;width:100%;height:100%;transform:translate(0,-100%);transition:transform 0.3s cubic-bezier(0.55,1.55,0.3,0.7) 0s;background:#e8faff;z-index:-1;}
.type2 .pic-item:hover .pic-title:before {transform:translate(0,0);}
}
@media screen and (max-width:1199px){
@-ms-viewport {width:device-width;}
}
@media screen and (max-width:1024px){
.wrap {width:auto;margin:0 0.1rem}
.header {height:5.15rem;}
.header .site-logo {top:0;margin-left:-50%;transform:scale(0.61);}
.nav {margin-top:-1.1rem;overflow:hidden;}
@supports(-webkit-mask:linear-gradient(to right,transparent,#000 5em calc(100% - 5em),transparent 100%)){
.nav {-webkit-mask:linear-gradient(to right,transparent,#000 5em calc(100% - 5em),transparent 100%);}
.nav .list-item:first-child {margin-left:1.5em;}
.nav .list-item:last-child {margin-right:1.5em;}
}
.nav .list {padding:0 0 999px;white-space:nowrap;overflow:auto;}
.nav,.nav .list-item {font-size:20px;height:2em;line-height:2em;}
.nav .list-item {margin:0 1em;}
.main {margin-top:0.1rem;overflow:hidden;}
.zone-desc {overflow:hidden;}
.zone-desc .format {position:relative;left:50%;margin:0;transform:translate(-50%,0);}
.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;width:100%;height:100%;margin:0 auto;padding:0;outline:none;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,.type3 .pic-strong-title a,.type3 .pic-title a {font-size:16px;}
.part1 .imgZone>#list li.startNext .list-item-title, .part1 .imgZone>#list li.startPre .list-item-title {width:100%;bottom:0;}
.part1 div#preBtn,.part1 div#nextBtn {left:0;margin:0;}
.part1 div#nextBtn {left:auto;right:0;}
.part1 .imgZone .list-index {display:none;}
.part1 .imgZone .list-index li {font-size:12px;height:2px;}
.type2 .pic-item {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.025rem;}
.footer-mobile {margin-top:0.4rem;}
}
@media screen and (max-width:480px){
.header {height:3.3rem;}
.header .site-logo {top:0.07rem;margin-left:-49%;transform-origin:left top;transform:scale(0.5);}
.nav,.nav .list-item {font-size:18px;height:2.18em;}
.nav .list-item {margin-left:1em;}
.nav .list-item:first-child {margin-left:2em;}
.nav .list-item:last-child {margin-right:2em;}
@supports(-webkit-mask:linear-gradient(to right,transparent,#000 5em calc(100% - 5em),transparent 100%)){
.nav {-webkit-mask:linear-gradient(to right,transparent,#000 2.5em calc(100% - 2.5em),transparent 100%);}
}
.zone-desc .format {transform:translate(-50%,0) scale(0.6);}
.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 a {padding:0 1em;}
.type2 .pic-item {width:2.25rem;}
.type2 img {height:1.27rem;}
}