<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta content="width=device-width, initial-scale=1, user-scalable=yes, viewport-fit=cover" name="viewport">
<meta content="black-translucent" name="apple-mobile-web-app-status-bar-style">
<title>川西木结构民居文化</title>
<link rel="stylesheet" href="css/nav.css">
<link rel="stylesheet" href="css/swiper-bundle.min.css">
<link rel="stylesheet" href="css/main.css" data-type="attach">
<link rel="stylesheet" href="css/animate.min.css">
<script src="js/switchMode.js"></script>
<script src="js/swiper-bundle.min.js"></script>
<script src="js/home.js" data-type="attach"></script>
<script src="js/common.js" data-type="attach"></script>
<script src="js/jquery-3.3.1.js" data-type="attach"></script>
</head>
<body>
<h1 class='head-logo'>
<a href='./index_en.html'>
<!-- 左上角logo -->
<!-- <img class='head-logo_img' src='./images/home/head_logo.png' id='head_logo' alt='hhhhh'>-->
</a>
</h1>
<div class='translate-btn'>
<a href='./index_en.html' >En</a>
</div>
<main id="state" class="main">
<div class="home">
<div id="home" class="home-contents pageScrollItem">
<div class="main-title">川西木结构民居文化</div>
<br>
<div class="sub-title"> Culture Connotation of the Traditional Western Sichuan Dwellings</div>
<!-- <h1 class="home-logo"><img src="./images/home/head_logo.png" id="main_home_logo" alt=""></h1>-->
</div>
<div id="intro" class="home-contents pageScrollItem ">
<h2 class="home__title">【简介】</h2>
<div class="home-main">
<p class="home-main-catch">【Introduction】</p>
<div class="home-main-btn"><a href="Monomer.html">more info</a></div>
</div>
<div class="home__video">
<img src="images/home/settlement.jpg" alt="建筑群体-聚居">
</div>
</div>
<div id="rooms" class="home-contents pageScrollItem">
<h2 class="home__title">【影响因素】</h2>
<div class="home-main">
<p class="home-main-catch">【Factors】</p>
<div class="home-main-btn"><a href="Settlement.html">more info</a></div>
</div>
<div class="home__video">
<img src="images/home/diaspora.jpg" alt="建筑群体-散居">
</div>
</div>
<div id="dining" class="home-contents pageScrollItem">
<h2 class="home__title">【结构特点】</h2>
<div class="home-main">
<p class="home-main-catch">【Structural Characteristics】</p>
<div class="home-main-btn"><a href="Diasoira.html">more info</a></div>
</div>
<div class="home__video">
<img src="images/home/monomer.jpg" alt="单体构造">
</div>
</div>
<div id="onsen" class="home-contents pageScrollItem">
<h2 class="home__title">【保护与传承】</h2>
<div class="home-main">
<p class="home-main-catch">【Protection and inheritance】</p>
<div class="home-main-btn"><a href="Protection.html">more info</a></div>
</div>
<div class="home__video">
<img src="./images/protection/20220920105858.jpg" alt="海">
</div>
</div>
</div>
<ul class="home-pagination">
<li>
<a href="" class="home-pagination__anc" data-num="0"></a>
</li>
<li>
<a href="" class="home-pagination__anc" data-num="1"></a>
</li>
<li>
<a href="" class="home-pagination__anc" data-num="2"></a>
</li>
<li>
<a href="" class="home-pagination__anc" data-num="3"></a>
</li>
</ul>
</main>
</body>
<script>
</script>
</html>