<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">html { height: 100%; }
body { min-width: 1280px; min-height: 789px; height: 100%; }
#MainDiv { background: url('../image/beijing.png') no-repeat; height: 100%; background-size: 100% 100%; }
.header { width: 100%; height: 80px; margin: 0 auto; display: flex; justify-content: center; }
.header_left { width: 386px; height: 80px; display: inline-block; float: left; background-image: url(../image/left.png); }
.header_right { display: inline-block; width: 386px; height: 80px; float: left; background-image: url(../image/right.png); }
.header_center { display: inline-block; float: left; background-image: url(../image/1.png); height: 100%; }
    .header_center span { min-width: 100px; max-width: 508px; font-size: 36px; line-height: 80px; /* background: linear-gradient(269deg, #02a2ff 0%, #01fee8 53%, #02a2ff 100%);  -webkit-background-clip: text; */ color: #02a2ff; font-weight: 700; width: auto; display: inline-block; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis; padding: 0 15px; }
.content { width: 93%; height: calc( 100% - 80px ); background-image: url(../image/ditu.png); margin: 0 auto; background-size: 100% 94%; padding-top: 4%; background-repeat: no-repeat; background-position: center top; padding-bottom: 6.2%; }
.contentDiv { width: 90%; height: 100%; background: rgba(20,63,142, 0.35); margin: 0 auto; position: relative; /*padding-top: 4.2%;*/ border-radius: 5px; }
.arrowLift { width: 2.5%; height: 21%; background-color: rgba(0, 0, 0, 0.15); position: absolute; left: 1%; top: 50%; transform: translateY(-55%); text-align: center; color: #fff; font-size: 36px; cursor: pointer; display: flex; align-items: center; justify-content: center; }
    .arrowLift:hover, .arrowRight:hover { background-color: rgba(0, 0, 0, 0.3); }
.arrowRight { width: 2.5%; height: 21%; background-color: rgba(0, 0, 0, 0.15); position: absolute; top: 50%; transform: translateY(-55%); right: 1%; text-align: center; color: #fff; font-size: 36px; cursor: pointer; display: flex; align-items: center; justify-content: center; }
.textDiv { width: 82.5%; height: 86%; display: flex; align-items: center; flex-wrap: wrap; align-content: center; text-align: center; /*margin: auto;*/ }
.centerClass { justify-content: center; }
.father { width: 300px; height: 170px; margin: 15px; cursor: pointer; position: relative; }
.box { width: 100%; height: 100%; display: inline-block; background: url(../image/moren.png) no-repeat; border-radius: 5px; background-size: 100% 100%; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis; position: absolute; top: 0; left: 0; transition: all 0.5s; }
.father:hover .box { background-image: url('../image/xuanting.png'); top: -10%; }

.box .img { height: 55%; margin: 10% auto 6%; }
.box &gt; span { font-size: 18px; color: #ffffff; width: 100%; height: 33%; padding: 0 5px; }


.dot { position: absolute; left: 50%; bottom: 4%; transform: translate(-50%, -50%); }
    .dot li { float: left; height: 12px; width: 12px; background-color: #8194AB; border-radius: 50%; margin-right: 5px; cursor: pointer; }
    .dot .dotActive { width: 24px; border-radius: 10px; background-color: #fff; }
.jinyong { display: none; }
.father:nth-of-type(n) .img { background-image: url('../image/icon(6).png'); width: 60px; height: 60px; background-position: 0px 0px; }
.father:nth-of-type(1) .img { background-image: url('../image/icon(6).png'); width: 60px; height: 60px; background-position: 0px 0px; }
.father:nth-of-type(2) .img { background-image: url('../image/icon(6).png'); width: 60px; height: 60px; background-position: -60px 0px; }
.father:nth-of-type(3) .img { background-image: url('../image/icon(6).png'); width: 60px; height: 60px; background-position: -120px 0px; }
.father:nth-of-type(4) .img { background-image: url('../image/icon(6).png'); width: 60px; height: 60px; background-position: -180px 0px; }
.father:nth-of-type(5) .img { background-image: url('../image/icon(6).png'); width: 60px; height: 60px; background-position: -240px 0px; }
.father:nth-of-type(6) .img { background-image: url('../image/icon(6).png'); width: 60px; height: 60px; background-position: -300px 0px; }
.father:nth-of-type(7) .img { background-image: url('../image/icon(6).png'); width: 60px; height: 60px; background-position: -360px 0px; }
.father:nth-of-type(8) .img { background-image: url('../image/icon(6).png'); width: 60px; height: 60px; background-position: -420px 0px; }
.father:nth-of-type(9) .img { background-image: url('../image/icon(6).png'); width: 60px; height: 60px; background-position: -480px 0px; }
.father:nth-of-type(10) .img { background-image: url('../image/icon(6).png'); width: 60px; height: 60px; background-position: -540px 0px; }
.father:nth-of-type(10) .img { background-image: url('../image/icon(6).png'); width: 60px; height: 60px; background-position: -600px 0px; }
.father:nth-of-type(11) .img { background-image: url('../image/icon(6).png'); width: 60px; height: 60px; background-position: -660px 0px; }
.father:nth-of-type(12) .img { background-image: url('../image/icon(6).png'); width: 60px; height: 60px; background-position: -720px 0px; }
.father:nth-of-type(13) .img { background-image: url('../image/icon(6).png'); width: 60px; height: 60px; background-position: -780px 0px; }
.father:nth-of-type(14) .img { background-image: url('../image/icon(6).png'); width: 60px; height: 60px; background-position: -840px 0px; }

/*.father:nth-of-type(2) .img { background: url('../image/295.png') no-repeat; background-size: auto 69%; background-position: center; }
.father:nth-of-type(3) .img { background: url('../image/298.png') no-repeat; background-size: auto 69%; background-position: center; }
.father:nth-of-type(4) .img { background: url('../image/icon.png') no-repeat; background-size: auto 69%; background-position: center; }*/
</pre></body></html>