/*初始化*/
html,
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
img,
strong,
i,
dl,
dt,
dd,
ol,
ul,
li,
form,
label,
table,
tbody,
tfoot,
thead,
tr,
th,
td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    outline-style: none;
}

body {
    line-height: 1;
}

a {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

a:hover,
a:focus {
    text-decoration: none;
    outline-style: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

input,
select {
    vertical-align: middle;
}

ol,
ul,
li {
    list-style: none;
}

/*清除浮动*/

.clear:after {
    content: ".";
    height: 0;
    visibility: hidden;
    display: block;
    clear: both;
}

.clear {
    display: inline-block;
}

* html .clear {
    height: 1%;
}

.clear {
    display: block;
}

/*盒模型尺寸向内计算*/

.sizing {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

/*公共字体定义*/

body {
    font-family: "Arial", "Microsoft YaHei", "黑体", "宋体", sans-serif;
}

/*去除谷歌浏览器input焦点边框*/
*:focus {
    outline: none;
}

/*去除微信浏览器焦点蓝色边框*/
body {
    -webkit-tap-highlight-color: transparent;
    position: relative;
}

html,
body {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

/*公共部分*/
.swiper-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.page1,
.page2,
.page3,
.page4,
.page5,
.page6,
.page7,
.page72,
.page73,
.page8,
.page28,
.page9,
.page10,
.page11,
.page12,
.page121,
.page13,
.page14,
.page15,
.page16 {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: 0% top;
}

.loading,
.page1,
.page16 {
    background-color: #fff;
}

.loading {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
}

.loading img {
    width: 100%;
}

.loading p {
    width: 100%;
    text-align: center;
    font-size: 12px;
    color: #fff;
    position: absolute;
    top: 50%;
    animation: loading 1s infinite ease-in-out;
    -webkit-animation: loading 1s infinite ease-in-out;
}

.page1 {
    /* background-image: url(../images/page/01.jpg); */
    background-color: #fff;
}

.page2 {
    /* background-image: url(../images/page/02.jpg); */
    background-color: #fff;
}

.page3 {
    /* background-image: url(../images/page/03.jpg); */
    background-color: #fff;
}

.page4 {
    /* background-image: url(../images/page/04.jpg); */
    background-color: #fff;
}

.page5 {
    /* background-image: url(../images/page/05.jpg); */
    background-color: #fff;
}

.page6 {
    /* background-image: url(../images/page/06.jpg); */
    background-color: #fff;
}

.page7,.page72 {
    /* background-image: url(../images/page/07.jpg); */
    background-color: #fff;
}

.page8 {
    /* background-image: url(../images/page/08.jpg); */
    background-color: #fff;
}
.page28 {
    /* background-image: url(../images/page/08.jpg); */
    background-color: #16171b;
}
.page9 {
    /* background-image: url(../images/page/09.jpg); */
    background-color: #fff;
}

.page10 {
    /* background-image: url(../images/page/10.jpg); */
    background-color: #fff;
}

.page11 {
    /* background-image: url(../images/page/11.jpg); */
    background-color: #fff;
}

.page12 {
    /* background-image: url(../images/page/12.jpg); */
    background-color: #fff;
}
.page121 {
    /* background-image: url(../images/page/12.jpg); */
    background-color: #4b4b4c;
}
.page13 {
    /* background-image: url(../images/page/13.jpg); */
    background-color: #fff;
}

.page14 {
    /* background-image: url(../images/page/14.jpg); */
    background-color: #fff;
}

.page15 {
    /* background-image: url(../images/page/15.jpg); */
    background-color: #fff;
}

.page16 {
    /* background-image: url(../images/page/16.jpg); */
    background-color: #fff;
}

.jt {
    width: 4%;
    display: block;
    margin-left: 48%;
    margin-right: 48%;
    position: absolute;
    z-index: 10;
    bottom: 2%;
    animation: dh2_2 0.5s infinite ease-in-out;
    -webkit-animation: dh1 0.5s infinite ease-in-out;
}

.jt img {
    width: 100%;
}

.my-gallery {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
}

@-webkit-keyframes loading {
    0% {
        opacity: 0.3;
    }

    50% {
        opacity: 0.7;
    }

    100% {
        opacity: 0.3;
    }
}

@-webkit-keyframes dh1 {
    0% {
        bottom: 2%;
    }

    50% {
        bottom: 1.5%;
    }

    100% {
        bottom: 2%;
    }
}

.my-gallery figure {
    margin: 0;
    padding: 0;
    overflow: hidden;
    /* background-color: rgba(255, 0, 0, 0.4); */
}

.my-gallery figure a {
    display: block;
    width: 100%;
    height: 100%;
}

.my-gallery figure a img {
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.windows {
    position: fixed;
    z-index: 99999;
    background-color: rgba(20, 20, 20, 1.00);
    width: 100%;
    height: 100%;
}

.windows img {
    width: 100%;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    overflow: hidden;
}

.windows2 {
    position: fixed;
    z-index: 99999;
    background-color: rgba(20, 20, 20, 1.00);
    width: 100%;
    height: 100%;
}

.windows2 img {
    display: block;
    position: relative;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    overflow: hidden;
}

.w02-1,
.w02-2,
.w02-3,
.w02-4,
.w02-5,
.w02-6,
.w03-1,
.w03-2,
.w03-3,
.w03-4,
.w04-1,
.w04-2,
.w04-3,
.w04-4,
.w04-5,
.w04-6,
.w05-1,
.w05-2,
.w06-1,
.w06-2,
.w06-3,
.w06-4,
.w06-5,
.w06-6,
.w06-7,
.w07-1,
.w07-2,
.w07-3,
.w07-4,
.w07-5,
.w07-6,
.w07-7,
.w072-1,
.w072-2,
.w072-3,
.w072-4,
.w072-5,
.w072-6,
.w073-1,
.w073-2,
.w073-3,
.w073-4,
.w073-5,
.w073-6,
.w08-1,
.w08-2,
.w08-3,
.w08-5,
.w08-4,
.w028-1,
.w028-2,
.w028-3,
.w028-4,
.w09-1,
.w09-2,
.w09-3,
.w10-1,
.w10-2,
.w10-3,
.w11-1,
.w11-2,
.w11-3,
.w11-4,
.w11-5,
.w11-6,
.w12-1,
.w12-2,
.w12-3,
.w121-1,
.w121-2,
.w121-3,
.w12-4 {
    display: none;
}

.pic02-1 {
    position: absolute;
    width: 27vw;
    height: 21vw;
    left: 6vw;
    top: 29vw;
}

.pic02-2 {
    position: absolute;
    width: 28vw;
    height: 21vw;
    left: 33vw;
    top: 29vw;
}

.pic02-3 {
    position: absolute;
    width: 32vw;
    height: 21vw;
    left: 61vw;
    top: 29vw;
}

.pic02-4 {
    position: absolute;
    width: 44vw;
    height: 22vw;
    left: 6vw;
    top: 51vw;
}

.pic02-5 {
    position: absolute;
    width: 44vw;
    height: 22vw;
    left: 50vw;
    top: 51vw;
}

.pic02-6 {
    position: absolute;
    width: 100vw;
    height: 55vw;
    left: 0vw;
    top: 114vw;
}

.pic03-1 {
    position: absolute;
    width: 88vw;
    height: 20vw;
    left: 6vw;
    top: 30vw;
}

.pic03-2 {
    position: absolute;
    width: 28vw;
    height: 23vw;
    left: 6vw;
    top: 50vw;
}

.pic03-3 {
    position: absolute;
    width: 59vw;
    height: 23vw;
    left: 35vw;
    top: 50vw;
}

.pic03-4 {
    position: absolute;
    width: 90vw;
    height: 50vw;
    left: 5vw;
    top: 90vw;
}


.pic04-1 {
    position: absolute;
    width: 44vw;
    height: 19vw;
    left: 6vw;
    top: 31vw;
}

.pic04-2 {
    position: absolute;
    width: 44vw;
    height: 19vw;
    left: 50vw;
    top: 31vw;
}

.pic04-3 {
    position: absolute;
    width: 88vw;
    height: 22vw;
    left: 6vw;
    top: 51vw;
}

.pic04-4 {
    position: absolute;
    width: 44vw;
    height: 26vw;
    left: 6vw;
    top: 100vw;
}

.pic04-5 {
    position: absolute;
    width: 44vw;
    height: 26vw;
    left: 50vw;
    top: 100vw;
}

.pic04-6 {
    position: absolute;
    width: 88vw;
    height: 40vw;
    left: 6vw;
    top: 126vw;
}



.pic05-1 {
    position: absolute;
    width: 90vw;
    height: 44vw;
    left: 5vw;
    top: 52vw;
}

.pic05-2 {
    position: absolute;
    width: 90vw;
    height: 38vw;
    left: 5vw;
    top: 105vw;
}



.pic06-1 {
    position: absolute;
    width: 48vw;
    height: 40vw;
    left: 3vw;
    top: 23vw;
}

.pic06-2 {
    position: absolute;
    width: 46vw;
    height: 27vw;
    left: 51vw;
    top: 23vw;
}

.pic06-3 {
    position: absolute;
    width: 47vw;
    height: 20vw;
    left: 3vw;
    top: 68vw;
}

.pic06-4 {
    position: absolute;
    width: 46vw;
    height: 40vw;
    left: 51vw;
    top: 50vw;
}

.pic06-5 {
    position: absolute;
    width: 93vw;
    height: 24vw;
    left: 3vw;
    top: 93vw;
}

.pic06-6 {
    position: absolute;
    width: 93vw;
    height: 24vw;
    left: 3vw;
    top: 120vw;
}

.pic06-7 {
    position: absolute;
    width: 46vw;
    height: 24vw;
    left: 51vw;
    top: 125vw;
}

.pic07-1 {
    position: absolute;
    width: 36.8vw;
    height: 34.4vw;
    left: 3vw;
    top: 29.4vw;
}

.pic07-2 {
    position: absolute;
    width: 59vw;
    height: 40vw;
    left: 3vw;
    top: 71vw;
}

.pic07-3 {
    position: absolute;
    width: 34vw;
    height: 20vw;
    left: 63vw;
    top: 71vw;
}

.pic07-4 {
    position: absolute;
    width: 34vw;
    height: 20vw;
    left: 63vw;
    top: 94vw;
}

.pic07-5 {
    position: absolute;
    width: 46vw;
    height: 26vw;
    left: 3vw;
    top: 119vw;
}
.pic07-6 {
    position: absolute;
    width: 46vw;
    height: 26vw;
    left: 50vw;
    top: 119vw;
}

.pic07-7 {
    position: absolute;
    width: 55vw;
    height: 34.4vw;
    left: 41.3vw;
    top: 29.4vw;
}

.pic072-1 {
    position: absolute;
    width: 93vw;
    height: 43vw;
    left: 3vw;
    top: 20vw;
}

.pic072-2 {
    position: absolute;
    width: 64vw;
    height: 45vw;
    left: 3vw;
    top: 71vw;
}

.pic072-3 {
    position: absolute;
    width: 29vw;
    height: 20vw;
    left: 68vw;
    top: 71vw;
}

.pic072-4 {
    position: absolute;
    width: 29vw;
    height: 20vw;
    left: 68vw;
    top: 98vw;
}

.pic072-5 {
    position: absolute;
    width: 46vw;
    height: 26vw;
    left: 3vw;
    top: 124vw;
}
.pic072-6 {
    position: absolute;
    width: 46vw;
    height: 26vw;
    left: 50vw;
    top: 124vw;
}

.pic073-1 {
    position: absolute;
    width: 46vw;
    height: 40vw;
    left: 3vw;
    top: 16vw;
}

.pic073-2 {
    position: absolute;
    width: 46vw;
    height: 440vw;
    left: 50vw;
    top: 16vw;
}

.pic073-3 {
    position: absolute;
    width: 47vw;
    height: 50vw;
    left: 50vw;
    top: 16vw;
}

.pic073-4 {
    position: absolute;
    width: 46vw;
    height: 30vw;
    left: 3vw;
    top: 60vw;
}

.pic073-5 {
    position: absolute;
    width: 46vw;
    height: 30vw;
    left: 50vw;
    top: 60vw;
}
.pic073-6 {
    position: absolute;
    width: 50vw;
    height: 54vw;
    left: 0;
    top: 102vw;
}

.pic08-1 {
    position: absolute;
    width: 47vw;
    height: 30vw;
    left: 3vw;
    top: 15vw;
}

.pic08-2 {
    position: absolute;
    width: 47vw;
    height: 30vw;
    left: 50vw;
    top: 15vw;
}
.p8_02,.p9_02 {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
}
.pic08-3 {
    position: absolute;
    width: 51vw;
    height: 26vw;
    left: 3vw;
    top: 46vw;
}
.pic08-5 {
    position: absolute;
    width: 41vw;
    height: 26vw;
    left: 55vw;
    top: 46vw;
}
.pic08-4 {
    position: absolute;
    width: 100vw;
    height: 66vw;
    left: 0vw;
    bottom: 0;
    z-index: 2;
}

.pic028-1 {
    position: absolute;
    width: 34vw;
    height: 29vw;
    left: 3vw;
    top: 10vw;
}

.pic028-2 {
    position: absolute;
    width: 58vw;
    height: 29vw;
    left: 38.7vw;
    top: 10vw;
}

.pic028-3 {
    position: absolute;
    width: 94vw;
    height: 27vw;
    left: 3vw;
    top: 47.6vw;
}

.pic028-4 {
    position: absolute;
    width: 40vw;
    height: 23vw;
    left: 3vw;
    top: 94vw;
}

.pic09-1 {
    position: absolute;
    width: 80vw;
    height: 32vw;
    left: 10vw;
    top: 16vw;
}

.pic09-2 {
    position: absolute;
    width: 80vw;
    height: 32vw;
    left: 10vw;
    top: 58vw;
}
.pic09-3 {
    position: absolute;
    width: 100vw;
    height: 55vw;
    left: 0;
    bottom: 0;
    z-index: 2;
}


.pic10-1 {
    position: absolute;
    width: 92vw;
    height: 70vw;
    right: 0vw;
    top: 0vw;
}

.pic10-2 {
    position: absolute;
    width: 52vw;
    height: 65vw;
    left: 0vw;
    top: 110vw;
}


.pic11-1 {
    position: absolute;
    width: 42vw;
    height: 35vw;
    left: 8vw;
    top: 69vw
}

.pic11-2 {
    position: absolute;
    width: 42vw;
    height: 35vw;
    left: 50vw;
    top: 69vw
}

.pic11-3 {
    position: absolute;
    width: 42vw;
    height: 26vw;
    left: 8vw;
    top: 105vw
}

.pic11-4 {
    position: absolute;
    width: 42vw;
    height: 26vw;
    left: 50vw;
    top: 105vw
}

.pic11-5 {
    position: absolute;
    width: 42vw;
    height: 28vw;
    left: 8vw;
    top: 132vw
}

.pic11-6 {
    position: absolute;
    width: 42vw;
    height: 28vw;
    left: 50vw;
    top: 132vw
}

.pic12-1 {
    position: absolute;
    width: 29vw;
    height: 28vw;
    left: 6vw;
    top: 17vw;
}

.pic12-2 {
    position: absolute;
    width: 28vw;
    height: 33vw;
    left: 35vw;
    top: 17vw;
}

.pic12-3 {
    position: absolute;
    width: 29vw;
    height: 32vw;
    left: 6vw;
    top: 45vw;
    z-index: 1;
}

.pic12-4 {
    position: absolute;
    width: 76vw;
    height: 82vw;
    left: 15vw;
    top: 69vw;
    z-index: 0;
}

.pic121-1 {
    position: absolute;
    width: 34vw;
    height: 30vw;
    left: 3vw;
    top: 24vw;
}

.pic121-2 {
    position: absolute;
    width: 58vw;
    height: 30vw;
    left: 39vw;
    top: 24vw;
}

.pic121-3 {
    position: absolute;
    width: 100vw;
    height: 60vw;
    left: 0;
    top: 110vw;
}

.img-bottom {
    width: 100%;
    position: absolute;
    bottom: 0%;
    left: 50%;
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
}

.page_logo {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 2;
}

.page_logo>img {
    width: 100%;
}

@media screen and (min-aspect-ratio:9/15) {
    .my-gallery {
        -webkit-transform: translate(-50%, -55%) scale(0.83);
        transform: translate(-50%, -55%) scale(0.83);
        top: 50%;
        left: 50%;
    }
    .my-gallery2 {
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1);
        top: 50%;
        left: 50%;
    }
}