<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.mt-wrapper{ position: relative; width: 970px; height: 540px; overflow: hidden; background: url(../images/bg.png) no-repeat center center; background-size: 100% 100%; }

.mt-axis-wrapper{ position: absolute; bottom: 10px; left: 24px; z-index: 3; }
.mt-axis{ cursor: pointer; position: relative; width: 877px; height: 6px; background: url(../images/navigate_axis.png) no-repeat left top; background-size: 100% 100%; }
.mt-axis-mask{ position: absolute; top: 0px; left: 0px; z-index: 1; width: 8px; height: 6px; overflow: hidden; background: url(../images/navigate_axis_pro.png) no-repeat left top; }
.mt-axis-text{ width: 877px; height: 36px; margin-top: 5px; background: url(../images/navigate_years1.png) no-repeat left top; background-size: 100% 100%; }
.mt-axis-text1{ background: url(../images/navigate_years.png) no-repeat left top; background-size: 100% 100%; }
.mt-axis-top{ display: none; position: absolute; left: 0px; top: -25px; width: 54px; text-align: center; line-height: 20px; height: 25px; font-size: 12px; color: #fff; background: url(../images/navigate_text.png) no-repeat center top; background-size: 100% 100%; }

.mt-info{ position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; }
.mt-item{ position: absolute; padding: 10px; background: #fff; opacity: 0; transform: scale(0); cursor: pointer; }
.mt-item0{ top: 160px; left: 50px; }
.mt-item1{ top: 50px; left: 630px; }
.mt-item2{ top: 270px; left: 420px; }
.mt-item3{ top: 30px; left: 330px; }
.mt-item-pic{ width: 240px; height: 160px; }
.mt-item-pic img{ width: 240px; height: 160px; vertical-align: top; }
.mt-item-name{ width: 240px; height: 24px; line-height: 24px; font-size: 12px; color: #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mt-title{ position: absolute; top: 10px; left: 10px; z-index: 10; }


.mt-detail{ display: none; position: absolute; top: 0; left: 0; z-index: 4; width: 100%; height: 100%; }
.mt-detail-mask{ width: 100%; height: 100%; }
.mt-detail-info{ position: absolute; top: 50%; left: 50%; z-index: 1; width: 740px; height: 340px; margin: -173px 0 0 -373px; padding: 2px; border: 1px solid #cccccc; background: #fff; }
.mt-detail-pic{ float: left; width: 520px; height: 340px; }
.mt-detail-pic img{ width: 100%; height: 100%; vertical-align: top; }
.mt-detail-desc{ width: 200px; height: 340px; padding: 0 10px; margin-left: 520px; overflow-y: auto; }
.mt-detail-title{ padding: 20px 0; font-size: 14px; line-height: 22px; color: #000; }
.mt-detail-text{ font-size: 12px; line-height: 22px; color: #333333; word-wrap: break-word; word-break: break-all; }
.mt-detail-close{ position: absolute; top: 50%; left: 50%; z-index: 3; width: 24px; height: 24px; margin: -185px 0 0 361px; background: url(../images/closed.png) no-repeat center center; background-size: 100% 100%; cursor: pointer; }


.mt-bg{ position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; }
.mt-bg-item{ position: absolute; z-index: 1; opacity: 0; transform: scale(3); }
.mt-bg-item img{ width: 100%; height: 100%; vertical-align: top; }

.mt-bg-item0{ left: 492px; top: 113px; width: 75px; height: 51px; }
.mt-bg-item1{ left: 343px; top: 282px; width: 104px; height: 125px; }
.mt-bg-item2{ left: 647px; top: 181px; width: 319px; height: 217px; }
.mt-bg-item3{ left: 578px; top: 162px; width: 58px; height: 43px; }
.mt-bg-item4{ left: 246px; top: 143px; width: 174px; height: 102px; }
.mt-bg-item5{ left: 480px; top: 220px; width: 145px; height: 99px; }
.mt-bg-item6{ left: 16px; top: 260px; width: 205px; height: 148px; }
.mt-bg-item7{ left: 635px; top: 16px; width: 89px; height: 114px; }
.mt-bg-item8{ left: 120px; top: 52px; width: 105px; height: 153px; }
.mt-bg-item9{ left: 438px; top: 149px; width: 45px; height: 31px; }

.mt-bg-item.start{ opacity: 1; transform: scale(1); }
.mt-bg-item0.start{ transition: all .5s 0s linear; }
.mt-bg-item1.start{ transition: all .5s 0.4s linear; }
.mt-bg-item2.start{ transition: all 0.3s 0.7s linear; }
.mt-bg-item3.start{ transition: all 0.4s 1s linear; }
.mt-bg-item4.start{ transition: all .5s 1.2s linear }
.mt-bg-item5.start{ transition: all 0.4s 1.4s linear }
.mt-bg-item6.start{ transition: all 0.5s 1.6s linear }
.mt-bg-item7.start{ transition: all 0.4s 1.8s linear; }
.mt-bg-item8.start{ transition: all 0.5s 2s linear; }
.mt-bg-item9.start{ transition: all 0.3s 2.1s linear }

.mt-bg-item0.pro{ animation: bg0 10s infinite ease; }
.mt-bg-item1.pro{ animation: bg1 11s infinite ease; }
.mt-bg-item2.pro{ animation: bg2 12s infinite ease; }
.mt-bg-item3.pro{ animation: bg3 13s infinite ease; }
.mt-bg-item4.pro{ animation: bg4 9s infinite ease; }
.mt-bg-item5.pro{ animation: bg5 8s infinite ease; }
.mt-bg-item6.pro{ animation: bg6 7s infinite ease; }
.mt-bg-item7.pro{ animation: bg7 10s infinite ease; }
.mt-bg-item8.pro{ animation: bg8 11s infinite ease; }
.mt-bg-item9.pro{ animation: bg9 9s infinite ease; }
@keyframes bg0{
    0%{
        transform: translateX(0);
    }
    20%{
        transform: translateX(-5px);
    }
    70%{
        transform: translateX(5px);
    }
    100%{
        transform: translateX(0);
    }
}
@keyframes bg1{
    0%{
        transform: translateX(0);
    }
    20%{
        transform: translateX(-5px);
    }
    70%{
        transform: translateX(5px);
    }
    100%{
        transform: translateX(0);
    }
}
@keyframes bg2{
    0%{
        transform: translateX(0);
    }
    20%{
        transform: translateX(-3px);
    }
    70%{
        transform: translateX(3px);
    }
    100%{
        transform: translateX(0);
    }
}
@keyframes bg3{
    0%{
        transform: translateX(0);
    }
    21%{
        transform: translateX(5px);
    }
    67%{
        transform: translateX(-2px);
    }
    100%{
        transform: translateX(0);
    }
}
@keyframes bg4{
    0%{
        transform: translateX(0);
    }
    13%{
        transform: translateX(-1px);
    }
    70%{
        transform: translateX(3px);
    }
    100%{
        transform: translateX(0);
    }
}
@keyframes bg5{
    0%{
        transform: translateX(0);
    }
    20%{
        transform: translateX(-2px);
    }
    78%{
        transform: translateX(5px);
    }
    100%{
        transform: translateX(0);
    }
}
@keyframes bg6{
    0%{
        transform: translateX(0);
    }
    67%{
        transform: translateX(5px);
    }
    80%{
        transform: translateX(-1px);
    }
    100%{
        transform: translateX(0);
    }
}
@keyframes bg7{
    0%{
        transform: translateX(0);
    }
    34%{
        transform: translateX(5px);
    }
    89%{
        transform: translateX(1px);
    }
    100%{
        transform: translateX(0);
    }
}
@keyframes bg8{
    0%{
        transform: translateX(0);
    }
    47%{
        transform: translateX(3px);
    }
    77%{
        transform: translateX(-2px);
    }
    100%{
        transform: translateX(0);
    }
}
@keyframes bg9{
    0%{
        transform: translateX(0);
    }
    30%{
        transform: translateX(-3px);
    }
    70%{
        transform: translateX(2px);
    }
    100%{
        transform: translateX(0);
    }
}
</pre></body></html>