修改授权、产品页

css/base.css

@@ -0,0 +1,128 @@
+/*  -moz-:代表firefox(火狐)浏览器私有属性
+	-ms-:代表ie浏览器私有前缀
+	-webkit-:代表safari、chrome私有属性
+	-o-:代表Opera私有属性 
+*/
+/* 清空所有标签的内外边距 */
+* {
+	padding: 0;
+	margin: 0;
+	/* css3盒子模型 */
+	box-sizing: border-box;
+}
+header,
+main{
+	background-color: #FFFFFF;
+	min-width: 320px;
+	/* max-width: calc(100% - 180px); */
+	max-width: calc(1920px - 640px);
+	margin: 0 auto;
+}
+body {
+	/* 抗锯齿性-让文字显示的更加清晰 */
+	-webkit-font-smoothing: antialiased;
+	background-color: #F5F5F5;
+	font: 12px/1.5 Microsoft YaHei, Heiti SC, tahoma, arial, Hiragino Sans GB, "\5B8B\4F53", sans-serif;
+	color: #333;
+}
+/* em 和 i 斜体的文字不倾斜 */
+em,
+i {
+	font-style: normal;
+}
+
+/* 去掉li 的小圆点 */
+li {
+	list-style: none;
+}
+
+button {
+	/* 当我们鼠标经过button按钮的时候，鼠标变成小手 */
+	cursor: pointer;
+}
+img {
+	/* 照顾低版本浏览器 如果图片外面包含了链接会有边框的问题 */
+	border: 0;
+	/* 取消图片底侧有空白缝隙的问题 ① */
+	vertical-align: middle;
+	/* 取消图片底侧有空白缝隙的问题 ② */
+	display: block;
+	object-fit: cover;
+	width: 100%;
+}
+/* 去掉a标签的下划线，并修改字体颜色 */
+a {
+	color: #666;
+	text-decoration: none;
+	/* 手机端去除a标签点击时的背景样式 */
+	-webkit-tap-highlight-color: transparent;
+	/* 去除边距 */
+	display: inline-block;
+}
+a:hover {
+	color: #c81623;
+}
+/* 禁用长按时弹出的菜单 */
+img , a {
+	-webkit-touch-callout: none;
+}
+button,
+input,
+textarea{
+	/* "\5B8B\4F53" 就是宋体的意思 这样浏览器兼容性比较好 */
+	font-family: Microsoft YaHei, Heiti SC, tahoma, arial, Hiragino Sans GB, "\5B8B\4F53", sans-serif;
+	/* 取消轮廓 */
+	outline: none;
+	/* 去掉默认外观 */
+	/* -webkit-appearance: none; */
+	/* 去掉点击时的默认外观 */
+	outline-style: none;
+}
+textarea {
+	/* 禁止自定义拉伸 */
+	resize: none;
+}
+
+.hide,
+.none {
+	display: none
+}
+/* 清楚浮动 */
+.clearfix:after {
+	visibility: hidden;
+	clear: both;
+	display: block;
+	content: ".";
+	height: 0
+}
+
+.clearfix {
+	*zoom: 1
+}
+
+.logo h1 a {
+	display: flex;
+	align-items: center;
+}
+
+
+.clips1{
+	/* 弹性伸缩盒子模型显示 */
+	display: -webkit-box;
+	/* 用省略号代替 */
+	text-overflow: ellipsis;
+	/* 设置或检索伸缩盒对象的子元素的排列方式 */
+	-webkit-box-orient: vertical;
+	/* 禁止数字和英文换行 */
+	word-break: break-all;
+	/* 限制在一个块元素显示的文本的行数 */
+	-webkit-line-clamp: 1;
+	/* 溢出隐藏 */
+	overflow: hidden;
+}
+.clips2{display: -webkit-box;-webkit-line-clamp: 2;word-break: break-all;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;}
+.clips3{display: -webkit-box;-webkit-line-clamp: 3;word-break: break-all;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;}
+.clips4{display: -webkit-box;-webkit-line-clamp: 4;word-break: break-all;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;}
+.clips5{display: -webkit-box;-webkit-line-clamp: 5;word-break: break-all;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;}
+.clips6{display: -webkit-box;-webkit-line-clamp: 6;word-break: break-all;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;}
+.clips7{display: -webkit-box;-webkit-line-clamp: 7;word-break: break-all;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;}

css/style.css

@@ -0,0 +1,90 @@
+/* 轮播样式 start */
+.banner-swiper {
+	overflow-x: hidden;
+	height: 76vh;
+	position: relative;
+	background-color: #FFFFFF;
+}
+.banner-swiper .swiper-slide {
+	position: relative;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	flex-direction: column;
+}
+.banner-swiper .swiper-slide h1{
+	position: absolute;
+	color: #FFFFFF;
+	text-shadow: 2px 3px 10px rgba(0,0,0,.8);
+}
+/* 指示点默认样式 */
+.banner-swiper .swiper-pagination-bullet {
+	width: 20px;
+	height: 20px;
+	line-height: 20px;
+	text-align: center;
+}
+/* 鼠标悬浮样式、当前选中指示点样式 */
+.banner-swiper .swiper-pagination-bullet:hover,.banner-swiper .swiper-pagination-bullet-active {
+	background-color: rgba(0,0,0,.8);
+	color: #FFFFFF;
+	opacity: 1;
+}
+/* 轮播样式 end */
+
+/* 导航 start */
+.header {
+	position: sticky;
+	top: 0;
+	box-shadow: 0px 2px 0px rgba(0,0,0,.1);
+}
+.header-content {
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+}
+/* 导航 end */
+.footer {
+	width: 100%;
+}
+
+.introduce-box {
+	position: relative;
+}
+.introduce-content {
+	font-size: 0.75rem;
+	text-shadow: 0px 0px .5px #b22d2a;
+	color: #b22d2a;
+	letter-spacing:.05em;
+	background: url(../imgs/public/introduce.png) no-repeat;
+	background-size: 100% 100%;
+	padding: 1.25rem 3rem 2rem 3rem;
+}
+.introduce-content p {
+	color: #b22d2a;
+	font-weight: bold;
+	text-align: right;
+	font-size: 14px;
+	margin-top: 6px;
+	opacity: 1;
+}
+
+.review-box {
+	background: url(../imgs/public/foot-img.png) no-repeat;
+	background-size: 100% 100%;
+	padding: 20px;
+}
+.huigu-box {
+	background-color: #fff;
+	border-radius: 10px;
+	padding: 20px 10px 16px 10px;
+	box-shadow: 0px 0px 10px rgba(0,0,0,.4);
+	color: #b22f2c;
+}
+.huigu-box p {
+	font-size: 1rem;
+}
+.huigu-box span {
+	font-size: 0.75rem;
+	font-weight: bold;
+}

index.html

@@ -0,0 +1,117 @@
+<!DOCTYPE html>
+<!-- 更加标准的 lang 属性写法 zh-cmn-Hant:繁体中文，zh-cmn-Hans:简体中文 -->
+<html lang="zh-cmn-Hans">
+	<head>
+		<!-- 声明文档使用的字符编码 -->
+		<meta charset="utf-8" />
+		<!-- 优先使用 IE 最新版本和 Chrome -->
+		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
+		<!-- 网页作者 -->
+		<meta name="author" content="吃肉的饺子,2659004835@qq.com" />
+		<!-- 网站说明 -->
+		<meta name="description" content="基于SEO网站" />
+		<!-- 关键字 -->
+		<meta name="keywords" content="基于SEO网站" />
+		<!-- 防页面被转码----根据浏览器的屏幕大小自适应的展现合适的效果，同时适合在移动设备和电脑上进行浏览 -->
+		<meta name="applicable-device" content="pc,mobile" />
+		<meta name="MobileOptimized" content="width" />
+		<meta name="HandheldFriendly" content="true" />
+		<!-- 限制所有的搜索引擎建立网页快照 -->
+		<meta name="robots" content="noarchive"/>
+		<!-- 为移动设备添加 viewport -->
+		<meta name ="viewport" content ="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no">
+		<!-- 控制选项卡颜色，手机端切换软件时 -->
+		<meta name="theme-color" content="#db5945">
+		<!-- 禁止 Chrome 浏览器中自动提示翻译 -->
+		<meta name="google" value="notranslate">
+		<!-- 添加 favicon icon  icon在线制作链接：（比特虫）https://www.bitbug.net/ -->
+		<link rel="shortcut icon" type="image/ico" href="favicon.ico" />
+		<!-- 网站标题 -->
+		<title>金沙酒业</title>
+		<!-- 标签基本样式 -->
+		<link rel="stylesheet" type="text/css" href="./css/base.css"/>
+		<!-- swiper轮播 -->
+		<link rel="stylesheet" type="text/css" href="./css/swiper.min.css"/>
+		<link rel="stylesheet" type="text/css" href="./css/animate.min.css"/>
+		<!-- 自定义样式 -->
+		<link rel="stylesheet" type="text/css" href="./css/style.css"/>
+		<!-- 外部js -->
+		<script src="./js/jquery.js" type="text/javascript" charset="utf-8"></script>
+		<!-- <script src="./js/jquery.min.js" type="text/javascript" charset="utf-8"></script> -->
+		<script src="./js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
+		<script src="./js/swiper.animate1.0.3.min.js" type="text/javascript" charset="utf-8"></script>
+		<!-- 自定义js -->
+		<script src="./js/javascript.js" type="text/javascript" charset="utf-8"></script>
+		
+		<script type="text/javascript">
+			// 更新js文件版本，达到清除js带来的缓存
+			var scripts = document.getElementsByTagName("script");
+			for(var i = 0;i < scripts.length; i++){
+				if(scripts[i].src){
+					scripts[i].src = scripts[i].src+"?t="+new Date().getTime();
+				}
+			}
+			// 更新css文件版本，达到清除css带来的缓存
+			var csss = document.getElementsByTagName("link");
+			for(var i = 0;i < csss.length; i++){
+				if(csss[i].href){
+					csss[i].href = csss[i].href+"?t="+new Date().getTime();
+				}
+			}
+		</script>
+	</head>
+	<body style="background-color: #b03a38;">
+		<!-- banner轮播图 -->
+		<!-- <div class="banner-swiper swiper">
+			<div class="swiper-wrapper">
+				<div class="swiper-slide">
+					<img src="imgs/secondary/banner/banner-01.png" width="100%" height="100%" alt="" onerror="this.src='./imgs/public/小桶龙.png'">
+					<h1 class="ani" swiper-animate-effect="fadeIn" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s">banner-01</h1>
+				</div>
+				<div class="swiper-slide">
+					<img src="imgs/secondary/banner/banner-02.png" width="100%" height="100%" alt="" onerror="this.src='./imgs/public/小桶龙.png'">
+					<h1 class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s">banner-02</h1>
+				</div>
+				<div class="swiper-slide">
+					<img src="imgs/secondary/banner/banner-03.png" width="100%" height="100%" alt="" onerror="this.src='./imgs/public/小桶龙.png'">
+					<h1 class="ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s">banner-03</h1>
+				</div>
+				<div class="swiper-slide">
+					<img src="imgs/secondary/banner/banner-04.png" width="100%" height="100%" alt="" onerror="this.src='./imgs/public/小桶龙.png'">
+					<h1 class="ani" swiper-animate-effect="lightSpeedIn" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s">banner-04</h1>
+				</div>
+				<div class="swiper-slide">
+					<img src="imgs/secondary/banner/banner-05.png" width="100%" height="100%" alt="" onerror="this.src='./imgs/public/小桶龙.png'">
+					<h1 class="ani" swiper-animate-effect="slideInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s">banner-05</h1>
+				</div>
+			</div>
+			<div class="swiper-pagination"></div>
+		</div> -->
+		<!-- 主体内容 -->
+		<main class="main" style="background-color: #FFFFFF;">
+			<img src="imgs/public/head-img.png">
+			<div class="introduce-box">
+				<div class="introduce-content">
+					<span class="clips5">
+						值金沙酒业国营元年70周年之际，以主题展形式回溯过去，透过历史的切片，展览将被尘封的人、事、物再次呈现，唤起人们对金沙历史文化底蕴的感知。以史为镜，展望未来，金沙酒业正在经历一场蜕变，而蜕变之后必将迎来胜利和荣光。
+					</span>
+					<p>>>查看详情</p>
+				</div>
+			</div>
+			<!-- 回顾、历程 -->
+			<div class="review-box">
+				<div class="huigu-box">
+					<p>- 金沙酒业国营元70周年献礼片 -</p>
+					<div>
+						
+					</div>
+					<span>感恩奋进70年，致敬时代金沙人！</span>
+				</div>
+			</div>
+		</main>
+		<!-- 底部部分 -->
+		<footer class="footer">
+			
+		</footer>
+	</body>
+</html>

js/javascript.js

@@ -0,0 +1,51 @@
+jQuery(function($){
+	// banner轮播
+	var bannerSwiper = new Swiper('.banner-swiper',{
+		loop:true,//开启循环播放
+		autoplay: {//开启自动播放
+			delay:3000,
+			disableOnInteraction: false,//触摸后不会停止自动滚动
+			pauseOnMouseEnter: true,//鼠标置于swiper时暂停自动切换，鼠标离开时恢复自动切换。
+		},
+		pagination: {//分页器
+			el: '.swiper-pagination',
+			type: 'bullets',//指示点样式	bullets：圆点（默认）、fraction：分式、progressbar：进度条、custom：自定义
+			progressbarOpposite: false,//水平方向切换的swiper显示的是垂直进度条而垂直方向切换的swiper显示水平进度条
+			dynamicBullets: false,//当slide很多时，分页器小点的数量会部分隐藏。针对bullets
+			dynamicMainBullets: 2,//主展示的数量
+			hideOnClick :true,//点击时隐藏分页器
+			clickable :true,//点击分页器的指示点控制Swiper切换
+			// bulletClass : 'my-bullet',//需设置.my-bullet样式
+			// bulletActiveClass: 'my-bullet-active',//当前活动块的指示小点的类名。需设置.my-bullet-active样式
+			renderBullet: function (index, className) {
+				switch(index){
+					case 0:text='壹';break;
+					case 1:text='贰';break;
+					case 2:text='叁';break;
+					case 3:text='肆';break;
+					case 4:text='伍';break;
+					case 5:text='六';break;
+					case 6:text='柒';break;
+					case 7:text='捌';break;
+					case 8:text='玖';break;
+					case 9:text='拾';break;
+				}
+				return '<span class="' + className + '">' + text + '</span>';
+			},
+		},
+		effect : 'fade',//轮播的动效 默认为"slide"（普通位移切换），还可设置为"fade"（淡入）、"cube"（方块）、"coverflow"（3d流）、"flip"（3d翻转）、"cards"(卡片式)、"creative"（创意性）。
+		fadeEffect: {
+			crossFade: true,
+		},
+		on:{
+			init: function(){
+				swiperAnimateCache(this); //隐藏动画元素 
+				swiperAnimate(this); //初始化完成开始动画
+			}, 
+			slideChangeTransitionEnd: function(){ 
+				swiperAnimate(this); //每个slide切换结束时也运行当前slide动画
+				// this.slides.eq(this.activeIndex).find('.ani').removeClass('ani'); 动画只展现一次，去除ani类名
+			} 
+		}
+	})
+})

js/swiper.animate1.0.3.min.js

@@ -0,0 +1,3 @@
+//本插件由www.swiper.com.cn提供
+//版本1.03
+function swiperAnimateCache(a){for(j=0;j<a.slides.length;j++)for(allBoxes=a.slides[j].querySelectorAll(".ani"),i=0;i<allBoxes.length;i++)allBoxes[i].attributes["style"]?allBoxes[i].setAttribute("swiper-animate-style-cache",allBoxes[i].attributes["style"].value):allBoxes[i].setAttribute("swiper-animate-style-cache"," "),allBoxes[i].style.visibility="hidden"}function swiperAnimate(a){clearSwiperAnimate(a);var b=a.slides[a.activeIndex].querySelectorAll(".ani");for(i=0;i<b.length;i++)b[i].style.visibility="visible",effect=b[i].attributes["swiper-animate-effect"]?b[i].attributes["swiper-animate-effect"].value:"",b[i].className=b[i].className+"  "+effect+" "+"animated",style=b[i].attributes["style"].value,duration=b[i].attributes["swiper-animate-duration"]?b[i].attributes["swiper-animate-duration"].value:"",duration&&(style=style+"animation-duration:"+duration+";-webkit-animation-duration:"+duration+";"),delay=b[i].attributes["swiper-animate-delay"]?b[i].attributes["swiper-animate-delay"].value:"",delay&&(style=style+"animation-delay:"+delay+";-webkit-animation-delay:"+delay+";"),b[i].setAttribute("style",style)}function clearSwiperAnimate(a){for(j=0;j<a.slides.length;j++)for(allBoxes=a.slides[j].querySelectorAll(".ani"),i=0;i<allBoxes.length;i++)allBoxes[i].attributes["swiper-animate-style-cache"]&&allBoxes[i].setAttribute("style",allBoxes[i].attributes["swiper-animate-style-cache"].value),allBoxes[i].style.visibility="hidden",allBoxes[i].className=allBoxes[i].className.replace("animated"," "),allBoxes[i].attributes["swiper-animate-effect"]&&(effect=allBoxes[i].attributes["swiper-animate-effect"].value,allBoxes[i].className=allBoxes[i].className.replace(effect," "))}

pages/error/404.html

@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8">
+		<title></title>
+	</head>
+	<body>
+	</body>
+</html>

pages/error/nomore.html

@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8">
+		<title></title>
+	</head>
+	<body>
+	</body>
+</html>

pages/public/footer.html

@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8">
+		<title></title>
+	</head>
+	<body>
+	</body>
+</html>

pages/public/header.html

@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8">
+		<title></title>
+	</head>
+	<body>
+	</body>
+</html>

readme.md

@@ -0,0 +1,2 @@
+<!-- 2021年12月5日17:56:23 -->
+<!-- swiper7网址：https://www.swiper.com.cn -->