<!-- header区域 -->

    <div class="header">

        <!-- logo -->

        <div class="logo"></div>

        <!-- nav -->

        <div class="nav"></div>

    </div>

    <!-- banner -->

    <div class="banner">

        <!-- tupian -->

        <div class="tupian"></div>

        <!-- 遮罩层 -->

        <div class="zhezhaoceng"></div>

        <!-- biaodan -->

        <div class="biaodan"></div>

    </div>

    <!-- about -->

    <div class="about">

        <!-- 上半 -->

        <div class="shangban"></div>

        <!-- 下半 -->

        <div class="xiaban"></div>

    </div>

    <!-- 图片混排 -->

    <div class="tupianhunpai">

        <div class="tupian1"></div>

        <div class="wenzi2"></div>

        <div class="tupian3"></div>

        <div class="wenzi4"></div>

        <div class="tupian5"></div>

        <div class="wenzi6"></div>

        <div class="tupian7"></div>

        <div class="wenzi8"></div>

    </div>

    <div class="gallery">

        <div class="gallery1"></div>

        <div class="gallery2"></div>

    </div>

    <div class="footer"><p></p></div>

这个怎么样