<template>
  <div class="section wwfirst">
    <div class="box">
          <div class="wwintrobox wwintrobox1">
            <div class="wwtitle">玉龙</div>
            <div class="wwintro1">红山文化</div>
            <div class="wwintro2">距今6400-5000年前</div>
            <div class="introiconbox">
              <div class="introicon" dataname="yldialog"></div>
            </div>
          </div>
          <div class="wwmap hide">
            <img src="/img/map/map-yl.webp" alt="">
          </div>
          <div class="wwbox fadeIn">
            <img src="/img/webp/yulong-1.webp" alt="" style="transform: translateY(-14.1211px) translateX(46.1193px);">
          </div>

          <div class="wwinfobox">
            <div class="wwinfo">故宫博物院藏</div>
            <div class="wwinfo">
              曲长64.3厘米，最宽处21.8厘米<br>直径1.9-3厘米，高25.7厘米
            </div>
            <!-- <div class="wwinfo">1971年内蒙古翁牛特旗赛沁塔拉出土</div> -->
          </div>
        </div>
  </div>
</template>

<script setup></script>

<style lang="scss" scoped>
@import "/src/assets/style/index.css";
.section {
  position: relative;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: no-repeat center/cover;
  justify-content: flex-start;
}
</style>
