преди 1 година · 86c984480c
--- a/4dage/sgsw01.4dage
+++ b/4dage/sgsw01.4dage
--- a/4dage/sgsw02.4dage
+++ b/4dage/sgsw02.4dage
--- a/4dage/sgsw03.4dage
+++ b/4dage/sgsw03.4dage
--- a/4dage/sgsw04.4dage
+++ b/4dage/sgsw04.4dage
--- a/4dage/sgsw05.4dage
+++ b/4dage/sgsw05.4dage
--- a/4dage/sgsw06.4dage
+++ b/4dage/sgsw06.4dage
--- a/4dage/sgsw07.4dage
+++ b/4dage/sgsw07.4dage
--- a/4dage/sgsw08-1.4dage
+++ b/4dage/sgsw08-1.4dage
--- a/4dage/sgsw08-2.4dage
+++ b/4dage/sgsw08-2.4dage
--- a/4dage/sgsw09.4dage
+++ b/4dage/sgsw09.4dage
--- a/4dage/sgsw10.4dage
+++ b/4dage/sgsw10.4dage
--- a/4dage/sgsw11.4dage
+++ b/4dage/sgsw11.4dage
--- a/4dage/sgsw12.4dage
+++ b/4dage/sgsw12.4dage
--- a/4dage/sgsw13.4dage
+++ b/4dage/sgsw13.4dage
--- a/4dage/sgsw14.4dage
+++ b/4dage/sgsw14.4dage
--- a/4dage/sgsw15.4dage
+++ b/4dage/sgsw15.4dage
--- a/4dage/sgsw16.4dage
+++ b/4dage/sgsw16.4dage
--- a/4dage/sgsw17.4dage
+++ b/4dage/sgsw17.4dage
--- a/4dage/sgsw18.4dage
+++ b/4dage/sgsw18.4dage
--- a/4dage/sgsw19.4dage
+++ b/4dage/sgsw19.4dage
--- a/4dage/sgsw20.4dage
+++ b/4dage/sgsw20.4dage
--- a/Model.html
+++ b/Model.html
@@ -0,0 +1,300 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang="en">
			
 
				+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
			
 
				+<meta name="viewport"
			
 
				+    content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
			
 
				+<link rel="shortcut icon" href="./img/favicon.ico" type="image/x-icon">
			
 
				+<link rel="stylesheet" href="css/index.css">
			
 
				+<script src="https://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>
			
 
				+
			
 
				+<head>
			
 
				+    <title>-</title>
			
 
				+    <script src="js/4dage.js"></script>
			
 
				+    <script src="./info.js"></script>
			
 
				+    <script>
			
 
				+        document.title = titleInfo
			
 
				+    </script>
			
 
				+    <style>
			
 
				+        html {
			
 
				+            overflow: hidden;
			
 
				+        }
			
 
				+
			
 
				+        .logo {
			
 
				+            display: flex;
			
 
				+            justify-content: center;
			
 
				+            align-items: center;
			
 
				+            z-index: 9999;
			
 
				+            width: 90vw;
			
 
				+            position: absolute;
			
 
				+            left: 50%;
			
 
				+            transform: translateX(-50%);
			
 
				+            bottom: 10px;
			
 
				+            height: 50px;
			
 
				+        }
			
 
				+
			
 
				+        .logo .img {
			
 
				+            background: url('./img/logo.png');
			
 
				+            background-size: 100% 100%;
			
 
				+            max-width: 40vw;
			
 
				+            max-height: 50px;
			
 
				+            height: 40px;
			
 
				+            width: 150px;
			
 
				+        }
			
 
				+
			
 
				+        .logo .logotxt {
			
 
				+            padding-bottom: 5px;
			
 
				+            color: #666;
			
 
				+            border-bottom: 1px solid #666;
			
 
				+        }
			
 
				+
			
 
				+        .back {
			
 
				+            z-index: 998;
			
 
				+            cursor: pointer;
			
 
				+            width: 30px;
			
 
				+            height: 30px;
			
 
				+            position: absolute;
			
 
				+            bottom: 10px;
			
 
				+            left: 10px;
			
 
				+        }
			
 
				+
			
 
				+        .back img {
			
 
				+            width: 100%;
			
 
				+            height: 100%;
			
 
				+        }
			
 
				+
			
 
				+        .outerImg {
			
 
				+            transition: all 1s;
			
 
				+            opacity: 1;
			
 
				+            position: absolute;
			
 
				+            z-index: 998;
			
 
				+            top: 0;
			
 
				+            left: 0;
			
 
				+            width: 100%;
			
 
				+            height: 100%;
			
 
				+            background-color: #1a1b20;
			
 
				+        }
			
 
				+
			
 
				+        .outerImg img {
			
 
				+            position: absolute;
			
 
				+            width: 100%;
			
 
				+            height: 100%;
			
 
				+            object-fit: cover;
			
 
				+        }
			
 
				+
			
 
				+        /* ---------------按钮和文字介绍------------- */
			
 
				+        body {
			
 
				+            user-select: none;
			
 
				+        }
			
 
				+
			
 
				+
			
 
				+        .topButn {
			
 
				+            opacity: 0;
			
 
				+            pointer-events: none;
			
 
				+            z-index: 999;
			
 
				+            position: absolute;
			
 
				+            top: 50px;
			
 
				+            left: 10px;
			
 
				+        }
			
 
				+
			
 
				+        .topButn div {
			
 
				+            padding: 0 5px;
			
 
				+            margin-bottom: 10px;
			
 
				+            width: 100%;
			
 
				+            height: 40px;
			
 
				+            line-height: 40px;
			
 
				+            border-radius: 20px;
			
 
				+            font-size: 18px;
			
 
				+            color: #fff;
			
 
				+            cursor: pointer;
			
 
				+            text-align: center;
			
 
				+            /* background-color: #f2cd83; */
			
 
				+            background-color: #ccc;
			
 
				+            border-radius: 5px;
			
 
				+        }
			
 
				+
			
 
				+        .con::-webkit-scrollbar {
			
 
				+            /*滚动条整体样式*/
			
 
				+            width: 3px;
			
 
				+            /*高宽分别对应横竖滚动条的尺寸*/
			
 
				+            height: 1px;
			
 
				+        }
			
 
				+
			
 
				+        .con::-webkit-scrollbar-thumb {
			
 
				+            /*滚动条里面小方块*/
			
 
				+            border-radius: 10px;
			
 
				+            box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
			
 
				+            background: #f2cd83;
			
 
				+        }
			
 
				+
			
 
				+        .con::-webkit-scrollbar-track {
			
 
				+            /*滚动条里面轨道*/
			
 
				+            box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
			
 
				+            border-radius: 10px;
			
 
				+            background: #ededed;
			
 
				+        }
			
 
				+
			
 
				+        .txtOne {
			
 
				+            opacity: 0;
			
 
				+            pointer-events: none;
			
 
				+
			
 
				+            padding: 30px 15px 30px 30px;
			
 
				+            z-index: 1000;
			
 
				+            position: absolute;
			
 
				+            top: 150px;
			
 
				+            left: 10px;
			
 
				+            background-image: url('./img/divBac.png');
			
 
				+            background-color: rgba(0, 0, 0, .6);
			
 
				+            background-size: 100% 100%;
			
 
				+            width: 400px;
			
 
				+            height: 500px;
			
 
				+            z-index: 9999;
			
 
				+            color: #a08742;
			
 
				+        }
			
 
				+
			
 
				+        .txtOne .con {
			
 
				+            text-align: justify;
			
 
				+            padding-right: 28px;
			
 
				+            line-height: 30px;
			
 
				+            margin-bottom: 30px;
			
 
				+            overflow-y: auto;
			
 
				+            height: 100%;
			
 
				+        }
			
 
				+
			
 
				+        .txtOne .con>h3 {
			
 
				+            margin-left: -5px;
			
 
				+            font-size: 18px;
			
 
				+            font-weight: 700;
			
 
				+            margin-bottom: 15px;
			
 
				+
			
 
				+        }
			
 
				+
			
 
				+        .txtOne .close {
			
 
				+            cursor: pointer;
			
 
				+            position: absolute;
			
 
				+            right: 24px;
			
 
				+            top: 20px;
			
 
				+            width: 20px;
			
 
				+            height: 20px;
			
 
				+        }
			
 
				+
			
 
				+        .txtOne .close img {
			
 
				+            width: 100%;
			
 
				+            height: 100%;
			
 
				+        }
			
 
				+
			
 
				+        /* 手机端的样式 */
			
 
				+        @media screen and (max-width: 600px) {
			
 
				+            .topButn {
			
 
				+                width: 220px;
			
 
				+                display: flex;
			
 
				+                justify-content: center;
			
 
				+                margin: 0;
			
 
				+                top: 5px;
			
 
				+                left: 50%;
			
 
				+                transform: translateX(-50%);
			
 
				+                pointer-events: auto;
			
 
				+
			
 
				+            }
			
 
				+
			
 
				+            .topButn div {
			
 
				+                width: 90px;
			
 
				+                font-size: 14px;
			
 
				+                background-color: #f2cd83;
			
 
				+            }
			
 
				+
			
 
				+            .txtOne {
			
 
				+                display: none;
			
 
				+                box-sizing: border-box;
			
 
				+                width: 100vw;
			
 
				+                height: 100vh;
			
 
				+                top: 0;
			
 
				+                left: 0;
			
 
				+                transform: translate(0, 0);
			
 
				+                max-height: 100vh;
			
 
				+                color: #fff;
			
 
				+            }
			
 
				+
			
 
				+            .txtOne .con {
			
 
				+                color: #fff;
			
 
				+                height: calc(100vh - 100px);
			
 
				+            }
			
 
				+
			
 
				+        }
			
 
				+    </style>
			
 
				+</head>
			
 
				+
			
 
				+<body>
			
 
				+
			
 
				+    <!-- 新加的按钮 -->
			
 
				+    <div class="topButn">
			
 
				+        <div class="topButnOne">文物介绍</div>
			
 
				+    </div>
			
 
				+    <!-- 专家鉴定意见的文字 -->
			
 
				+    <div class="txtOne">
			
 
				+        <div class="close">
			
 
				+            <img src="./img/close.png" alt="">
			
 
				+        </div>
			
 
				+        <p class="con"></p>
			
 
				+    </div>
			
 
				+
			
 
				+
			
 
				+    <div class="back" onclick="javascript:history.go(-1);">
			
 
				+        <img src="./img/back.png" alt="">
			
 
				+    </div>
			
 
				+    <div class="logo">
			
 
				+        <div class="img"></div>
			
 
				+        <div class="logotxt"> 提 供 技 术 支 持 </div>
			
 
				+    </div>
			
 
				+    <div class="outerImg">
			
 
				+        <img src="./img/bg.jpg" alt="">
			
 
				+    </div>
			
 
				+    <div id="ui">
			
 
				+    </div>
			
 
				+    <script src="js/jquery.js"></script>
			
 
				+    <script src="./txt.js"></script>
			
 
				+
			
 
				+    <script>
			
 
				+        var number = getQueryVariable("m");
			
 
				+        if (spinInfo) window.autoRotate = true;
			
 
				+        fdage.embed('4dage/' + number + '.4dage', {
			
 
				+            width: 800,
			
 
				+            height: 600,
			
 
				+            autoStart: true,
			
 
				+            fullFrame: true,
			
 
				+            pagePreset: false
			
 
				+        });
			
 
				+        $('.outerImg img').attr('src', `./images/${number}.jpg`)
			
 
				+
			
 
				+
			
 
				+        // 获取文字介绍
			
 
				+        if (txtShow&&txtObj[number]) {
			
 
				+            const btnDom = document.querySelector('.topButn')
			
 
				+            btnDom.style.opacity = 1
			
 
				+            // btnDom.style.pointerEvents = 'auto'
			
 
				+            const txtDom = document.querySelector('.txtOne')
			
 
				+            txtDom.style.opacity = 1
			
 
				+            txtDom.style.pointerEvents = 'auto'
			
 
				+
			
 
				+            const txtButton = document.querySelector('.topButnOne')
			
 
				+            // 获取文本
			
 
				+            const txtInfo = txtObj[number] || '（空）'
			
 
				+            $('.txtOne .con').html(txtInfo)
			
 
				+            // 点击关闭
			
 
				+            $('.txtOne .close').click(() => {
			
 
				+                $('.txtOne').hide()
			
 
				+                btnDom.style.pointerEvents = 'auto'
			
 
				+                txtButton.style.backgroundColor = '#f2cd83'
			
 
				+            })
			
 
				+            $('.topButnOne').click(() => {
			
 
				+                $('.txtOne').show()
			
 
				+                btnDom.style.pointerEvents = 'none'
			
 
				+
			
 
				+                txtButton.style.backgroundColor = '#ccc'
			
 
				+
			
 
				+            })
			
 
				+
			
 
				+        }
			
 
				+    </script>
			
 
				+</body>
			
 
				+
			
 
				+</html>
			
--- a/Model2.html
+++ b/Model2.html
@@ -0,0 +1,71 @@
 
				+<!DOCTYPE html>
			
 
				+<html>
			
 
				+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
			
 
				+<meta name="viewport"
			
 
				+    content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
			
 
				+<link rel="shortcut icon" href="./img/favicon.ico" type="image/x-icon">
			
 
				+<link rel="stylesheet" href="css/index.css">
			
 
				+<script src="https://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>
			
 
				+
			
 
				+<head>
			
 
				+    <title>-</title>
			
 
				+    <script src="js/4dage.js"></script>
			
 
				+    <script src="./info.js"></script>
			
 
				+    <script>
			
 
				+        document.title = titleInfo
			
 
				+    </script>
			
 
				+    <style>
			
 
				+        html {
			
 
				+            overflow: hidden;
			
 
				+        }
			
 
				+
			
 
				+        .outerImg {
			
 
				+            transition: all 1s;
			
 
				+            opacity: 1;
			
 
				+            position: absolute;
			
 
				+            z-index: 998;
			
 
				+            top: 0;
			
 
				+            left: 0;
			
 
				+            width: 100%;
			
 
				+            height: 100%;
			
 
				+            background-color: #1a1b20;
			
 
				+        }
			
 
				+
			
 
				+        .outerImg img {
			
 
				+            position: absolute;
			
 
				+            width: 100%;
			
 
				+            height: 100%;
			
 
				+            object-fit: cover;
			
 
				+        }
			
 
				+
			
 
				+
			
 
				+        body {
			
 
				+            user-select: none;
			
 
				+        }
			
 
				+    </style>
			
 
				+</head>
			
 
				+
			
 
				+<body>
			
 
				+
			
 
				+    <div class="outerImg">
			
 
				+        <img src="./img/bg.jpg" alt="">
			
 
				+    </div>
			
 
				+    <div id="ui">
			
 
				+    </div>
			
 
				+    <script src="js/jquery.js"></script>
			
 
				+    <script>
			
 
				+        var number = getQueryVariable("m");
			
 
				+        if (spinInfo) window.autoRotate = true;
			
 
				+
			
 
				+        fdage.embed('4dage/' + number + '.4dage', {
			
 
				+            width: 800,
			
 
				+            height: 600,
			
 
				+            autoStart: true,
			
 
				+            fullFrame: true,
			
 
				+            pagePreset: false
			
 
				+        });
			
 
				+        $('.outerImg img').attr('src', `./images/${number}.jpg`)
			
 
				+    </script>
			
 
				+</body>
			
 
				+
			
 
				+</html>
			
--- a/Model3.html
+++ b/Model3.html
@@ -0,0 +1,347 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang="en">
			
 
				+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
			
 
				+<meta name="viewport"
			
 
				+    content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
			
 
				+<link rel="shortcut icon" href="./img/favicon.ico" type="image/x-icon">
			
 
				+<link rel="stylesheet" href="css/index.css">
			
 
				+<script src="https://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>
			
 
				+
			
 
				+<head>
			
 
				+    <title>-</title>
			
 
				+    <script src="js/4dage.js"></script>
			
 
				+    <script src="./info.js"></script>
			
 
				+    <script>
			
 
				+        document.title = titleInfo
			
 
				+    </script>
			
 
				+    <style>
			
 
				+        html {
			
 
				+            overflow: hidden;
			
 
				+        }
			
 
				+
			
 
				+        .back {
			
 
				+            z-index: 998;
			
 
				+            cursor: pointer;
			
 
				+            width: 30px;
			
 
				+            height: 30px;
			
 
				+            position: absolute;
			
 
				+            bottom: 10px;
			
 
				+            left: 10px;
			
 
				+        }
			
 
				+
			
 
				+        .back img {
			
 
				+            width: 100%;
			
 
				+            height: 100%;
			
 
				+        }
			
 
				+
			
 
				+        .outerImg {
			
 
				+            transition: all 1s;
			
 
				+            opacity: 1;
			
 
				+            position: absolute;
			
 
				+            z-index: 998;
			
 
				+            top: 0;
			
 
				+            left: 0;
			
 
				+            width: 100%;
			
 
				+            height: 100%;
			
 
				+            background-color: #1a1b20;
			
 
				+        }
			
 
				+
			
 
				+        .URcode {
			
 
				+            position: absolute;
			
 
				+            right: 100px;
			
 
				+            bottom: 100px;
			
 
				+            width: 200px;
			
 
				+            height: 200px;
			
 
				+            z-index: 10;
			
 
				+
			
 
				+        }
			
 
				+
			
 
				+        .URcode img {
			
 
				+            width: 100%;
			
 
				+            height: 100%;
			
 
				+        }
			
 
				+
			
 
				+        .Logo {
			
 
				+            width: 200px;
			
 
				+            height: 100px;
			
 
				+            position: absolute;
			
 
				+            right: 0px;
			
 
				+            top: 0px;
			
 
				+            z-index: 10;
			
 
				+        }
			
 
				+
			
 
				+        .Logo img {
			
 
				+            width: 100%;
			
 
				+        }
			
 
				+
			
 
				+        .outerImg img {
			
 
				+            position: absolute;
			
 
				+            width: 100%;
			
 
				+            height: 100%;
			
 
				+            object-fit: cover;
			
 
				+        }
			
 
				+
			
 
				+        /* ---------------按钮和文字介绍------------- */
			
 
				+        body {
			
 
				+            user-select: none;
			
 
				+        }
			
 
				+
			
 
				+
			
 
				+        .topButn {
			
 
				+            opacity: 0;
			
 
				+            pointer-events: none;
			
 
				+            z-index: 999;
			
 
				+            position: absolute;
			
 
				+            top: 50px;
			
 
				+            left: 10px;
			
 
				+        }
			
 
				+
			
 
				+        .topButn div {
			
 
				+            padding: 0 5px;
			
 
				+            margin-bottom: 10px;
			
 
				+            width: 100%;
			
 
				+            height: 40px;
			
 
				+            line-height: 40px;
			
 
				+            border-radius: 20px;
			
 
				+            font-size: 18px;
			
 
				+            color: #fff;
			
 
				+            cursor: pointer;
			
 
				+            text-align: center;
			
 
				+            /* background-color: #f2cd83; */
			
 
				+            background-color: #ccc;
			
 
				+            border-radius: 5px;
			
 
				+        }
			
 
				+
			
 
				+        .con::-webkit-scrollbar {
			
 
				+            /*滚动条整体样式*/
			
 
				+            width: 3px;
			
 
				+            /*高宽分别对应横竖滚动条的尺寸*/
			
 
				+            height: 1px;
			
 
				+        }
			
 
				+
			
 
				+        .con::-webkit-scrollbar-thumb {
			
 
				+            /*滚动条里面小方块*/
			
 
				+            border-radius: 10px;
			
 
				+            box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
			
 
				+            background: #f2cd83;
			
 
				+        }
			
 
				+
			
 
				+        .con::-webkit-scrollbar-track {
			
 
				+            /*滚动条里面轨道*/
			
 
				+            box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
			
 
				+            border-radius: 10px;
			
 
				+            background: #ededed;
			
 
				+        }
			
 
				+
			
 
				+        .txtOne {
			
 
				+            opacity: 0;
			
 
				+            pointer-events: none;
			
 
				+
			
 
				+            padding: 30px 15px 30px 30px;
			
 
				+            z-index: 1000;
			
 
				+            position: absolute;
			
 
				+            top: 150px;
			
 
				+            left: 10px;
			
 
				+            background-image: url('./img/divBac.png');
			
 
				+            /* background-color: rgba(0, 0, 0, .6); */
			
 
				+            background-size: 100% 100%;
			
 
				+            width: 400px;
			
 
				+            height: 500px;
			
 
				+            z-index: 9999;
			
 
				+            color: #fff;
			
 
				+        }
			
 
				+
			
 
				+        .txtOne .con {
			
 
				+            text-align: justify;
			
 
				+            padding-left: 10px;
			
 
				+            padding-right: 28px;
			
 
				+            line-height: 30px;
			
 
				+            margin-bottom: 30px;
			
 
				+            overflow-y: auto;
			
 
				+            height: 100%;
			
 
				+        }
			
 
				+
			
 
				+        .txtOne .con>h3 {
			
 
				+            margin-left: -5px;
			
 
				+            font-size: 18px;
			
 
				+            font-weight: 700;
			
 
				+            margin-bottom: 15px;
			
 
				+            display: flex;
			
 
				+
			
 
				+        }
			
 
				+
			
 
				+        .txtOne .con>h3>img {
			
 
				+            width: 30px;
			
 
				+            /* height: 20px; */
			
 
				+            margin-left: 15px;
			
 
				+            cursor: pointer;
			
 
				+
			
 
				+        }
			
 
				+
			
 
				+        .txtOne .close {
			
 
				+            cursor: pointer;
			
 
				+            position: absolute;
			
 
				+            right: 24px;
			
 
				+            top: 20px;
			
 
				+            width: 20px;
			
 
				+            height: 20px;
			
 
				+        }
			
 
				+
			
 
				+        .txtOne .close img {
			
 
				+            width: 100%;
			
 
				+            height: 100%;
			
 
				+        }
			
 
				+
			
 
				+        /* 手机端的样式 */
			
 
				+        @media screen and (max-width: 600px) {
			
 
				+            .topButn {
			
 
				+                width: 220px;
			
 
				+                display: flex;
			
 
				+                justify-content: center;
			
 
				+                margin: 0;
			
 
				+                top: 5px;
			
 
				+                left: 50%;
			
 
				+                transform: translateX(-50%);
			
 
				+                pointer-events: auto;
			
 
				+
			
 
				+            }
			
 
				+
			
 
				+            .topButn div {
			
 
				+                width: 90px;
			
 
				+                font-size: 14px;
			
 
				+                background-color: #f2cd83;
			
 
				+            }
			
 
				+
			
 
				+            .txtOne {
			
 
				+                display: none;
			
 
				+                box-sizing: border-box;
			
 
				+                width: 100vw;
			
 
				+                height: 100vh;
			
 
				+                top: 0;
			
 
				+                left: 0;
			
 
				+                transform: translate(0, 0);
			
 
				+                max-height: 100vh;
			
 
				+                color: #fff;
			
 
				+            }
			
 
				+
			
 
				+            .txtOne .con {
			
 
				+                color: #fff;
			
 
				+                height: calc(100vh - 100px);
			
 
				+            }
			
 
				+
			
 
				+            audio{
			
 
				+                display: none;
			
 
				+            }
			
 
				+
			
 
				+        }
			
 
				+    </style>
			
 
				+</head>
			
 
				+
			
 
				+<body>
			
 
				+
			
 
				+    <!-- 新加的按钮 -->
			
 
				+    <div class="topButn">
			
 
				+        <!-- <div class="topButnOne">文物介绍</div> -->
			
 
				+    </div>
			
 
				+    <!-- 专家鉴定意见的文字 -->
			
 
				+    <div class="txtOne">
			
 
				+        <div class="close">
			
 
				+            <!-- <img src="./img/close.png" alt=""> -->
			
 
				+        </div>
			
 
				+        <p class="con"></p>
			
 
				+    </div>
			
 
				+
			
 
				+    <!-- 音频 -->
			
 
				+    <audio id="explain" src="./audio/sgsw01.MP3"></audio>
			
 
				+
			
 
				+    <div class="back" onclick="javascript:history.go(-1);">
			
 
				+        <img src="./img/back.png" alt="">
			
 
				+    </div>
			
 
				+
			
 
				+    <div class="outerImg">
			
 
				+        <img src="./img/bg.jpg" alt="">
			
 
				+    </div>
			
 
				+    <div class="URcode">
			
 
				+        <img id="urcode" alt="">
			
 
				+    </div>
			
 
				+    <!-- <div class="Logo">
			
 
				+        <img src="./img/logo.jpg" alt="">
			
 
				+    </div> -->
			
 
				+    <div id="ui">
			
 
				+    </div>
			
 
				+    <script src="js/jquery.js"></script>
			
 
				+    <script src="./txt.js"></script>
			
 
				+
			
 
				+    <script>
			
 
				+        var number = getQueryVariable("m");
			
 
				+        if (spinInfo) window.autoRotate = true;
			
 
				+        fdage.embed('4dage/' + number + '.4dage', {
			
 
				+            width: 800,
			
 
				+            height: 600,
			
 
				+            autoStart: true,
			
 
				+            fullFrame: true,
			
 
				+            pagePreset: false
			
 
				+        });
			
 
				+        $('.outerImg img').attr('src', `./images/${number}.jpg`)
			
 
				+
			
 
				+        var number = getQueryVariable("m");
			
 
				+        console.log(number)
			
 
				+        $("#urcode").attr("src", "./img/" + number + ".png");
			
 
				+        $("#urcode").attr("onerror", "this.src = './img/error.png'");
			
 
				+
			
 
				+        const explainDom = document.getElementById('explain')
			
 
				+        explainDom.src = `./audio/${number}.MP3`
			
 
				+        // explainDom.addEventListener('canplaythrough',() => {
			
 
				+        //     const PlayDom = document.getElementsByClassName('play')[0]
			
 
				+        //     PlayDom.src = './img/pause.png'
			
 
				+        //     explainDom.play()
			
 
				+        // })
			
 
				+
			
 
				+        
			
 
				+
			
 
				+        // explainDom.play()
			
 
				+        // 获取文字介绍
			
 
				+        if (txtShow && txtObj[number]) {
			
 
				+            const btnDom = document.querySelector('.topButn')
			
 
				+            btnDom.style.opacity = 1
			
 
				+            // btnDom.style.pointerEvents = 'auto'
			
 
				+            const txtDom = document.querySelector('.txtOne')
			
 
				+            txtDom.style.opacity = 1
			
 
				+            txtDom.style.pointerEvents = 'auto'
			
 
				+
			
 
				+            const txtButton = document.querySelector('.topButnOne')
			
 
				+            // 获取文本
			
 
				+            const txtInfo = txtObj[number] || '（空）'
			
 
				+            $('.txtOne .con').html(txtInfo)
			
 
				+            // 点击关闭
			
 
				+            $('.txtOne .close').click(() => {
			
 
				+                $('.txtOne').hide()
			
 
				+                btnDom.style.pointerEvents = 'auto'
			
 
				+                txtButton.style.backgroundColor = '#f2cd83'
			
 
				+            })
			
 
				+            $('.topButnOne').click(() => {
			
 
				+                $('.txtOne').show()
			
 
				+                btnDom.style.pointerEvents = 'none'
			
 
				+                txtButton.style.backgroundColor = '#ccc'
			
 
				+
			
 
				+            })
			
 
				+
			
 
				+            const newSrc = 'replacement-image.jpg';
			
 
				+            $('.play').click(() => {
			
 
				+                const PlayDom = document.getElementsByClassName('play')[0]
			
 
				+                if(PlayDom.src.includes('play.png')){
			
 
				+                    explainDom.play()
			
 
				+                    PlayDom.src = './img/pause.png'
			
 
				+                }else {
			
 
				+                    PlayDom.src = './img/play.png'
			
 
				+                    explainDom.pause()
			
 
				+
			
 
				+                }
			
 
				+            })
			
 
				+
			
 
				+
			
 
				+        }
			
 
				+    </script>
			
 
				+</body>
			
 
				+
			
 
				+</html>
			
--- a/audio/sgsw01.MP3
+++ b/audio/sgsw01.MP3
--- a/audio/sgsw02.MP3
+++ b/audio/sgsw02.MP3
--- a/audio/sgsw03.MP3
+++ b/audio/sgsw03.MP3
--- a/audio/sgsw04.MP3
+++ b/audio/sgsw04.MP3
--- a/audio/sgsw05.MP3
+++ b/audio/sgsw05.MP3
--- a/audio/sgsw06.MP3
+++ b/audio/sgsw06.MP3
--- a/audio/sgsw07.MP3
+++ b/audio/sgsw07.MP3
--- a/audio/sgsw08-1.MP3
+++ b/audio/sgsw08-1.MP3
--- a/audio/sgsw08-2.MP3
+++ b/audio/sgsw08-2.MP3
--- a/audio/sgsw09.MP3
+++ b/audio/sgsw09.MP3
--- a/audio/sgsw10.MP3
+++ b/audio/sgsw10.MP3
--- a/audio/sgsw11.MP3
+++ b/audio/sgsw11.MP3
--- a/audio/sgsw12.MP3
+++ b/audio/sgsw12.MP3
--- a/audio/sgsw13.MP3
+++ b/audio/sgsw13.MP3
--- a/audio/sgsw14.MP3
+++ b/audio/sgsw14.MP3
--- a/audio/sgsw15.MP3
+++ b/audio/sgsw15.MP3
--- a/audio/sgsw16.MP3
+++ b/audio/sgsw16.MP3
--- a/audio/sgsw17.MP3
+++ b/audio/sgsw17.MP3
--- a/audio/sgsw18.MP3
+++ b/audio/sgsw18.MP3
--- a/audio/sgsw19.MP3
+++ b/audio/sgsw19.MP3
--- a/audio/sgsw20.MP3
+++ b/audio/sgsw20.MP3
--- a/css/index.css
+++ b/css/index.css
@@ -0,0 +1,301 @@
 
				+html, body {
			
 
				+    width: 100%;
			
 
				+    height: 100%;
			
 
				+    font-family: PingFangSC-Regular, sans-serif;
			
 
				+}
			
 
				+
			
 
				+html, body, h1, h2, h3, h4, h5, h6, div, dl, dt, dd, ul, ol, li, p, blockquote, pre, hr, figure, table, caption, th, td, form, fieldset, legend, input, button, textarea, menu {
			
 
				+    margin: 0;
			
 
				+    padding: 0;
			
 
				+}
			
 
				+
			
 
				+/* ::-webkit-scrollbar {
			
 
				+    display: none;
			
 
				+} */
			
 
				+
			
 
				+iframe {
			
 
				+    width: 100%;
			
 
				+    height: 100%;
			
 
				+}
			
 
				+
			
 
				+#ui {
			
 
				+    position: absolute;
			
 
				+    display: flex;
			
 
				+    justify-content: space-between;
			
 
				+    align-items: center;
			
 
				+    flex-direction: column;
			
 
				+    width: 100%;
			
 
				+    height: 100%;
			
 
				+    /* color: #494949; */
			
 
				+    letter-spacing: 3px;
			
 
				+}
			
 
				+
			
 
				+#logoText {
			
 
				+    z-index: 1;
			
 
				+    position: absolute;
			
 
				+    bottom: 20px;
			
 
				+    font-size: 18px;
			
 
				+    font-weight: 100;
			
 
				+    letter-spacing: 4px;
			
 
				+}
			
 
				+
			
 
				+.switch-btn-Wrap {
			
 
				+    z-index: 1;
			
 
				+    position: absolute;
			
 
				+    top: 20px;
			
 
				+    right: 20px;
			
 
				+}
			
 
				+
			
 
				+.switch-btn-Wrap img {
			
 
				+    width: 75px;
			
 
				+    ;
			
 
				+}
			
 
				+
			
 
				+#objName {
			
 
				+    z-index: 1;
			
 
				+    position: absolute;
			
 
				+    top: 20px;
			
 
				+    left: 32px;
			
 
				+    font-size: 22px;
			
 
				+    font-weight: 100;
			
 
				+    letter-spacing: 4px;
			
 
				+    color: #ffffff;
			
 
				+}
			
 
				+
			
 
				+#iconWrap {
			
 
				+    position: absolute;
			
 
				+    bottom: 30px;
			
 
				+    width: 200px;
			
 
				+    display: flex;
			
 
				+    justify-content: center;
			
 
				+    z-index: 1;
			
 
				+}
			
 
				+
			
 
				+.mar-right {
			
 
				+    margin-right: 120px;
			
 
				+}
			
 
				+
			
 
				+#iconLeft {
			
 
				+    cursor: not-allowed;
			
 
				+}
			
 
				+
			
 
				+#iconRight {
			
 
				+    cursor: pointer;
			
 
				+}
			
 
				+
			
 
				+#introductionWrap{
			
 
				+    position: absolute;
			
 
				+    z-index: 1;
			
 
				+    display: flex;
			
 
				+    flex-direction: column;
			
 
				+    left: 20px;
			
 
				+    text-align: left;
			
 
				+    top: 20px;
			
 
				+    font-size: 16px;
			
 
				+    color: #ffffff;
			
 
				+    font-weight: 100;
			
 
				+    line-height: 30px;
			
 
				+    letter-spacing: 2px;
			
 
				+    width: 500px;
			
 
				+    display:none;
			
 
				+}
			
 
				+#companyText{
			
 
				+    position: absolute;
			
 
				+    z-index: 1;
			
 
				+    font-size: 16px;
			
 
				+    color:rgb(153, 153, 153);
			
 
				+    font-weight: 100;
			
 
				+    left: 50%;
			
 
				+    transform: translateX(-50%);
			
 
				+    bottom: 20px;
			
 
				+    letter-spacing: 1px;
			
 
				+    text-shadow:rgb(51, 51, 51) 0px 1px 1px;
			
 
				+}
			
 
				+.bg-audio {
			
 
				+    display:block;
			
 
				+    position:absolute;
			
 
				+    bottom:30px;
			
 
				+    right:10px;
			
 
				+    width:30px;
			
 
				+    height:30px;
			
 
				+    background:url(../images/bgmusic-play-icon.png)center/100% no-repeat;
			
 
				+    z-index:99;
			
 
				+}
			
 
				+.iconHome{
			
 
				+    top:30px;
			
 
				+}
			
 
				+.iconMenu {
			
 
				+    position:absolute;
			
 
				+    z-index:2;
			
 
				+    right:52px;
			
 
				+    display:flex;
			
 
				+    align-items: center;
			
 
				+    flex-direction: column;
			
 
				+    text-align: center;
			
 
				+}
			
 
				+.iconInfo {
			
 
				+    top:150px;
			
 
				+}
			
 
				+.iconMenu span {
			
 
				+    color:#fff;
			
 
				+}
			
 
				+#time, #size, #content,#excavated_time{
			
 
				+    margin-top: 8px;
			
 
				+}
			
 
				+#content p {
			
 
				+    text-indent:2em;
			
 
				+}
			
 
				+@media screen and (max-width: 600px) {
			
 
				+     #introductionWrap {
			
 
				+        width:70%;
			
 
				+        height:60%;
			
 
				+        overflow-y:scroll;
			
 
				+        position:absolute;
			
 
				+        margin:0 auto;
			
 
				+        top:10%;
			
 
				+        font-size:14px;
			
 
				+        line-height: 20px;
			
 
				+        display:none;
			
 
				+    }
			
 
				+    #time, #size, #content,#excavated_time {
			
 
				+        margin-top:4px;
			
 
				+    }
			
 
				+    #content {
			
 
				+       
			
 
				+    }
			
 
				+    #name {
			
 
				+        font-weight:bold;
			
 
				+    }
			
 
				+    #iconAction {
			
 
				+        position:absolute;
			
 
				+        z-index:99;
			
 
				+    }
			
 
				+    .iconMenu {
			
 
				+        width:60px;
			
 
				+        right:10px;
			
 
				+    }
			
 
				+    .iconMenu img {
			
 
				+        width:50%;
			
 
				+    }
			
 
				+    .iconHome {
			
 
				+
			
 
				+    }
			
 
				+    .iconInfo {
			
 
				+        top:90px;
			
 
				+    }
			
 
				+    .iconMenu span {
			
 
				+        font-size:10px;
			
 
				+    }
			
 
				+    #iconWrap {
			
 
				+        width:50%;
			
 
				+        z-index:2;
			
 
				+
			
 
				+    }
			
 
				+    #iconLeft,#iconRight {
			
 
				+        width:30px;
			
 
				+        height:30px;
			
 
				+    }
			
 
				+    #companyText{
			
 
				+        font-size:13px;
			
 
				+    }
			
 
				+}
			
 
				+@media only screen and (max-height:480px) {
			
 
				+    .center img, .center-first img {
			
 
				+        width: 52vw;
			
 
				+        max-width: 250px;
			
 
				+        max-height: 110px;
			
 
				+    }
			
 
				+    .center:nth-child(8) img {
			
 
				+        width: 30vw;
			
 
				+        max-width: 153px;
			
 
				+        max-height: 127px;
			
 
				+    }
			
 
				+    .center:nth-child(17) img {
			
 
				+        width: 30vw;
			
 
				+        max-width: 165px;
			
 
				+        max-height: 176px;
			
 
				+    }
			
 
				+   
			
 
				+}
			
 
				+.animated {
			
 
				+    -webkit-animation-duration:1s;
			
 
				+    animation-duration:1s;
			
 
				+    -webkit-animation-fill-mode:both;
			
 
				+    animation-fill-mode:both
			
 
				+}
			
 
				+@-webkit-keyframes fadeInRight {
			
 
				+    0% {
			
 
				+        opacity:0;
			
 
				+        -webkit-transform:translate3d(100%, 0, 0);
			
 
				+        transform:translate3d(100%, 0, 0)
			
 
				+    }
			
 
				+    to {
			
 
				+        opacity:1;
			
 
				+        -webkit-transform:translateZ(0);
			
 
				+        transform:translateZ(0)
			
 
				+    }
			
 
				+}
			
 
				+@keyframes fadeInRight {
			
 
				+    0% {
			
 
				+        opacity:0;
			
 
				+        -webkit-transform:translate3d(100%, 0, 0);
			
 
				+        transform:translate3d(100%, 0, 0)
			
 
				+    }
			
 
				+    to {
			
 
				+        opacity:1;
			
 
				+        -webkit-transform:translateZ(0);
			
 
				+        transform:translateZ(0)
			
 
				+    }
			
 
				+}
			
 
				+.fadeInRight {
			
 
				+    -webkit-animation-name:fadeInRight;
			
 
				+    animation-name:fadeInRight
			
 
				+}
			
 
				+
			
 
				+@-webkit-keyframes fadeOutRight {
			
 
				+    0% {
			
 
				+        opacity:1
			
 
				+    }
			
 
				+    to {
			
 
				+        opacity:0;
			
 
				+        -webkit-transform:translate3d(100%, 0, 0);
			
 
				+        transform:translate3d(100%, 0, 0)
			
 
				+    }
			
 
				+}
			
 
				+@keyframes fadeOutRight {
			
 
				+    0% {
			
 
				+        opacity:1
			
 
				+    }
			
 
				+    to {
			
 
				+        opacity:0;
			
 
				+        -webkit-transform:translate3d(100%, 0, 0);
			
 
				+        transform:translate3d(100%, 0, 0)
			
 
				+    }
			
 
				+}
			
 
				+.fadeOutRight {
			
 
				+    -webkit-animation-name:fadeOutRight;
			
 
				+    animation-name:fadeOutRight
			
 
				+}
			
 
				+
			
 
				+@-webkit-keyframes fadeOut {
			
 
				+    0% {
			
 
				+        opacity:1
			
 
				+    }
			
 
				+    to {
			
 
				+        opacity:0
			
 
				+    }
			
 
				+}
			
 
				+@keyframes fadeOut {
			
 
				+    0% {
			
 
				+        opacity:1
			
 
				+    }
			
 
				+    to {
			
 
				+        opacity:0
			
 
				+    }
			
 
				+}
			
 
				+.fadeOut {
			
 
				+    -webkit-animation-name:fadeOut;
			
 
				+    animation-name:fadeOut;
			
 
				+    -webkit-animation-duration:2s;
			
 
				+    animation-duration: 2s;
			
 
				+}
			
--- a/css/main.css
+++ b/css/main.css
@@ -0,0 +1,166 @@
 
				+body {
			
 
				+    background: #dddada;
			
 
				+    font-family: '微软雅黑';
			
 
				+}
			
 
				+
			
 
				+.containers {
			
 
				+    width: 1080px;
			
 
				+    /* overflow: hidden; */
			
 
				+    min-height: 80vh;
			
 
				+    margin: 0 auto;
			
 
				+}
			
 
				+
			
 
				+.con-title {
			
 
				+    width: 300px;
			
 
				+    margin: 0 auto;
			
 
				+    margin-top: 20px;
			
 
				+    display: inline-block;
			
 
				+    font-size: 20px;
			
 
				+    text-align: center;
			
 
				+    font-weight: bold;
			
 
				+    padding: 20px;
			
 
				+}
			
 
				+
			
 
				+.con {
			
 
				+    padding-right: 20px !important;
			
 
				+    /* width: 100%; */
			
 
				+    height: auto;
			
 
				+    overflow: hidden;
			
 
				+    /* background: #f9fafc; */
			
 
				+    /* margin: 0 auto 0; */
			
 
				+    display: flex;
			
 
				+    flex-wrap: wrap;
			
 
				+    /* padding: 20px 2%; */
			
 
				+    justify-content: center;
			
 
				+}
			
 
				+
			
 
				+.con li {
			
 
				+    text-align: center;
			
 
				+    width: 30%;
			
 
				+    display: inline-block;
			
 
				+    margin: 25px 10px;
			
 
				+}
			
 
				+
			
 
				+.case {
			
 
				+    padding: 10px;
			
 
				+    background: url('../img/divBac.png');
			
 
				+    background-size: 100% 100%;
			
 
				+    /* border-radius: 10px; */
			
 
				+    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4);
			
 
				+    transition: all 0.3s;
			
 
				+}
			
 
				+
			
 
				+.case:hover {
			
 
				+    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.6);
			
 
				+    transform: translateY(-15px);
			
 
				+}
			
 
				+
			
 
				+.case .card-img {
			
 
				+    width: 100%;
			
 
				+    height: 300px;
			
 
				+    background-repeat: no-repeat;
			
 
				+    background-size: cover;
			
 
				+    background-position: top center;
			
 
				+}
			
 
				+
			
 
				+.con li p {
			
 
				+    color: #fff;
			
 
				+    margin-top: 10px;
			
 
				+    font-size: 16px;
			
 
				+    font-weight: 100;
			
 
				+}
			
 
				+
			
 
				+.link-a {
			
 
				+    width: 100%;
			
 
				+    height: 100%;
			
 
				+    display: inline-block;
			
 
				+}
			
 
				+
			
 
				+#introductionWrap{
			
 
				+    position: absolute;
			
 
				+    z-index: 1;
			
 
				+    display: flex;
			
 
				+    flex-direction: column;
			
 
				+    right: 20px;
			
 
				+    text-align: right;
			
 
				+    top: 20px;
			
 
				+    font-size: 18px;
			
 
				+    color: #ffffff;
			
 
				+    font-weight: 100;
			
 
				+    line-height: 30px;
			
 
				+    letter-spacing: 2px;
			
 
				+}
			
 
				+#companyText{
			
 
				+    position: absolute;
			
 
				+    z-index: 1;
			
 
				+    font-size: 16px;
			
 
				+    color:rgb(153, 153, 153);
			
 
				+    font-weight: 100;
			
 
				+    left: 50%;
			
 
				+    transform: translateX(-50%);
			
 
				+    bottom: 20px;
			
 
				+    letter-spacing: 1px;
			
 
				+    text-shadow:rgb(51, 51, 51) 0px 1px 1px;
			
 
				+}
			
 
				+@media screen and (max-width: 600px) {
			
 
				+    .containers {
			
 
				+        width: 100%;
			
 
				+    }
			
 
				+    .con {
			
 
				+        padding: 0;
			
 
				+    }
			
 
				+    .case .card-img {
			
 
				+        background-size: auto 100%;
			
 
				+        height: 90px;
			
 
				+    }
			
 
				+    .con li {
			
 
				+        width: 44%;
			
 
				+    }
			
 
				+    #introductionWrap{
			
 
				+        position: absolute;
			
 
				+        z-index: 1;
			
 
				+        display: flex;
			
 
				+        flex-direction: column;
			
 
				+        right: 10px;
			
 
				+        text-align: right;
			
 
				+        top: 16px;
			
 
				+        font-size: 16px;
			
 
				+        color: #ffffff;
			
 
				+        font-weight: 100;
			
 
				+        line-height: 28px;
			
 
				+        letter-spacing: 1px;
			
 
				+    }
			
 
				+    /* .con li p {
			
 
				+        font-size: 16px;
			
 
				+    } */
			
 
				+}
			
 
				+@media screen and (max-width: 350px) {
			
 
				+    .con li {
			
 
				+        margin: 20px auto;
			
 
				+    }
			
 
				+}
			
 
				+.hide{
			
 
				+    display: none;
			
 
				+}
			
 
				+
			
 
				+#companyText{
			
 
				+    position: absolute;
			
 
				+    z-index: 1;
			
 
				+    font-size: 16px;
			
 
				+    font-weight: 100;
			
 
				+    left: 50%;
			
 
				+    transform: translateX(-50%);
			
 
				+    bottom: 20px;
			
 
				+    letter-spacing: 1px;
			
 
				+}
			
 
				+
			
 
				+
			
 
				+@media screen and (max-width: 320px) {
			
 
				+    .con li {
			
 
				+        width: 43%;
			
 
				+    }
			
 
				+    .con li p {
			
 
				+        font-size: 14px;
			
 
				+        font-weight: 100;
			
 
				+    }
			
 
				+}
			
--- a/css/reset.css
+++ b/css/reset.css
@@ -0,0 +1,59 @@
 
				+/* http://meyerweb.com/eric/tools/css/reset/ 
			
 
				+   v2.0 | 20110126
			
 
				+   License: none (public domain)
			
 
				+*/
			
 
				+
			
 
				+html, body, div, span, applet, object, iframe,
			
 
				+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
			
 
				+a, abbr, acronym, address, big, cite, code,
			
 
				+del, dfn, em, img, ins, kbd, q, s, samp,
			
 
				+small, strike, strong, sub, sup, tt, var,
			
 
				+b, u, i, center,
			
 
				+dl, dt, dd, ol, ul, li,
			
 
				+fieldset, form, label, legend,
			
 
				+table, caption, tbody, tfoot, thead, tr, th, td,
			
 
				+article, aside, canvas, details, embed, 
			
 
				+figure, figcaption, footer, header, hgroup, 
			
 
				+menu, nav, output, ruby, section, summary,
			
 
				+time, mark, audio, video {
			
 
				+	margin: 0;
			
 
				+	padding: 0;
			
 
				+	border: 0;
			
 
				+	font-size: 100%;
			
 
				+	font: inherit;
			
 
				+	vertical-align: baseline;
			
 
				+}
			
 
				+/* HTML5 display-role reset for older browsers */
			
 
				+article, aside, details, figcaption, figure, 
			
 
				+footer, header, hgroup, menu, nav, section, main {
			
 
				+	display: block;
			
 
				+}
			
 
				+a{
			
 
				+  text-decoration: none;
			
 
				+  color: #000;
			
 
				+}
			
 
				+body {
			
 
				+	line-height: 1;
			
 
				+}
			
 
				+ol, ul {
			
 
				+	list-style: none;
			
 
				+}
			
 
				+blockquote, q {
			
 
				+	quotes: none;
			
 
				+}
			
 
				+blockquote:before, blockquote:after,
			
 
				+q:before, q:after {
			
 
				+	content: '';
			
 
				+	content: none;
			
 
				+}
			
 
				+table {
			
 
				+	border-collapse: collapse;
			
 
				+	border-spacing: 0;
			
 
				+}
			
 
				+button{outline:none;}
			
 
				+input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{
			
 
				+        -webkit-appearance:textfield;
			
 
				+}
			
 
				+input[type="number"]{
			
 
				+        -moz-appearance:textfield;
			
 
				+}
			
--- a/css/wechat.css
+++ b/css/wechat.css
@@ -0,0 +1,107 @@
 
				+@font-face
			
 
				+	{
			
 
				+	font-family: "SourceHanSerifCN Bold";
			
 
				+	src: url('../font/SourceHanSerifCN-Bold.otf'); 
			
 
				+	}
			
 
				+    @font-face
			
 
				+	{
			
 
				+	font-family: "SourceHanSerifCN Regular";
			
 
				+	src: url('../font/SourceHanSerifCN-Regular.otf'); 
			
 
				+	}
			
 
				+  
			
 
				+    
			
 
				+/* 设置滚动条的样式 */
			
 
				+::-webkit-scrollbar {
			
 
				+    width:4px;
			
 
				+    }
			
 
				+    /* 滚动槽 */
			
 
				+    ::-webkit-scrollbar-track {
			
 
				+    border-radius:2px;
			
 
				+    background:url(../img/line-bg.jpg)center/2px 100% no-repeat;
			
 
				+    }
			
 
				+    /* 滚动条滑块 */
			
 
				+    ::-webkit-scrollbar-thumb {
			
 
				+    width:4px;
			
 
				+    border-radius:4px;
			
 
				+    background:#890d12;
			
 
				+   
			
 
				+    }
			
 
				+    /* ::-webkit-scrollbar-thumb:window-inactive {
			
 
				+    background: #890d02;
			
 
				+    } */
			
 
				+
			
 
				+* {
			
 
				+    margin:0;
			
 
				+    padding:0;
			
 
				+}
			
 
				+.ui {
			
 
				+    
			
 
				+}
			
 
				+.top-name {
			
 
				+    position:absolute;
			
 
				+    z-index:22;
			
 
				+    width:100%;
			
 
				+    text-align:center;
			
 
				+    font-family: "SourceHanSerifCN Bold";
			
 
				+    font-size:5.6vw;
			
 
				+    color:#890d12;
			
 
				+    margin:2vh auto;
			
 
				+}
			
 
				+.bottom-description {
			
 
				+    position:absolute;
			
 
				+    z-index:22;
			
 
				+    left:0;
			
 
				+    right:0;
			
 
				+    bottom:5vh;
			
 
				+    margin:auto;
			
 
				+    width:94.67vw;
			
 
				+    height:44.53vw;
			
 
				+    background:url(../img/info-bg.png)center/100% no-repeat;
			
 
				+    padding:5vw 8vw 5vw 10vw;
			
 
				+    box-sizing:border-box;
			
 
				+}
			
 
				+.bottom-description .inner {
			
 
				+    height:100%;
			
 
				+    overflow-y: scroll;
			
 
				+    padding-right:4vw;
			
 
				+}
			
 
				+.bottom-description p {
			
 
				+    font-size:2.53vw;
			
 
				+    line-height:6vw;
			
 
				+    color:#151c2c;
			
 
				+}.bottom-description .item p#info {
			
 
				+    width:58vw;
			
 
				+    text-align:justify;
			
 
				+}
			
 
				+.bottom-description .item {
			
 
				+    display:flex;
			
 
				+    align-items: flex-start;
			
 
				+}
			
 
				+.bottom-description .item  span {
			
 
				+    display:block;
			
 
				+    width:15vw;
			
 
				+    font-size:2.53vw;
			
 
				+    font-family: "SourceHanSerifCN Regular";
			
 
				+    line-height:6vw;
			
 
				+}
			
 
				+.audio {
			
 
				+    position:absolute;
			
 
				+    z-index:22;
			
 
				+    top:10vh;
			
 
				+    right:2vw;
			
 
				+    width:12.26vw;
			
 
				+    height:19.33vw;
			
 
				+    background:url(../img/music-on.png)center/100% no-repeat;
			
 
				+}
			
 
				+.audio.on {
			
 
				+    background:url(../img/music-off.png)center/100% no-repeat;
			
 
				+}
			
 
				+#companyText {
			
 
				+    position:absolute;
			
 
				+    z-index:22;
			
 
				+    width:100%;
			
 
				+    bottom:10px;
			
 
				+    text-align:center;
			
 
				+    font-size:10px;
			
 
				+    color:rgb(255 255 255 / 0.5);
			
 
				+}
			
--- a/images/sgsw01.jpg
+++ b/images/sgsw01.jpg
--- a/images/sgsw02.jpg
+++ b/images/sgsw02.jpg
--- a/images/sgsw03.jpg
+++ b/images/sgsw03.jpg
--- a/images/sgsw04.jpg
+++ b/images/sgsw04.jpg
--- a/images/sgsw05.jpg
+++ b/images/sgsw05.jpg
--- a/images/sgsw06.jpg
+++ b/images/sgsw06.jpg
--- a/images/sgsw07.jpg
+++ b/images/sgsw07.jpg
--- a/images/sgsw08-1.jpg
+++ b/images/sgsw08-1.jpg
--- a/images/sgsw08-2.jpg
+++ b/images/sgsw08-2.jpg
--- a/images/sgsw09.jpg
+++ b/images/sgsw09.jpg
--- a/images/sgsw10.jpg
+++ b/images/sgsw10.jpg
--- a/images/sgsw11.jpg
+++ b/images/sgsw11.jpg
--- a/images/sgsw12.jpg
+++ b/images/sgsw12.jpg
--- a/images/sgsw13.jpg
+++ b/images/sgsw13.jpg
--- a/images/sgsw14.jpg
+++ b/images/sgsw14.jpg
--- a/images/sgsw15.jpg
+++ b/images/sgsw15.jpg
--- a/images/sgsw16.jpg
+++ b/images/sgsw16.jpg
--- a/images/sgsw17.jpg
+++ b/images/sgsw17.jpg
--- a/images/sgsw18.jpg
+++ b/images/sgsw18.jpg
--- a/images/sgsw19.jpg
+++ b/images/sgsw19.jpg
--- a/images/sgsw20.jpg
+++ b/images/sgsw20.jpg
--- a/img/back.png
+++ b/img/back.png
--- a/img/bg.jpg
+++ b/img/bg.jpg
--- a/img/bigBac.png
+++ b/img/bigBac.png
--- a/img/close.png
+++ b/img/close.png
--- a/img/code.png
+++ b/img/code.png
--- a/img/divBac.png
+++ b/img/divBac.png
--- a/img/error.png
+++ b/img/error.png
--- a/img/favicon.ico
+++ b/img/favicon.ico
--- a/img/logo.jpg
+++ b/img/logo.jpg
--- a/img/logo.png
+++ b/img/logo.png
--- a/img/pause.png
+++ b/img/pause.png
--- a/img/play.png
+++ b/img/play.png
--- a/img/sgsw03.png
+++ b/img/sgsw03.png
--- a/img/sgsw04.png
+++ b/img/sgsw04.png
--- a/img/sgsw05.png
+++ b/img/sgsw05.png
--- a/img/sgsw07.png
+++ b/img/sgsw07.png
--- a/img/sgsw08-1.png
+++ b/img/sgsw08-1.png
--- a/img/sgsw08-2.png
+++ b/img/sgsw08-2.png
--- a/img/sgsw09.png
+++ b/img/sgsw09.png
--- a/img/sgsw10.png
+++ b/img/sgsw10.png
--- a/img/sgsw12.png
+++ b/img/sgsw12.png
--- a/img/sgsw14.png
+++ b/img/sgsw14.png
--- a/img/sgsw17.png
+++ b/img/sgsw17.png
--- a/img/sgsw18.png
+++ b/img/sgsw18.png
--- a/img/sgsw21.png
+++ b/img/sgsw21.png
--- a/img/sgsw23.png
+++ b/img/sgsw23.png
--- a/img/sgsw24.png
+++ b/img/sgsw24.png
--- a/img/sgsw25.png
+++ b/img/sgsw25.png
--- a/img/support.png
+++ b/img/support.png
--- a/img/titleBac.png
+++ b/img/titleBac.png