html,body{ width: 100%; height: 100%;font-family:"\5FAE\8F6F\96C5\9ED1";overflow: hidden; position: relative;}
body {}
.wrapper{}
.qscyshr_main{ width: 1200px; margin: 0 auto;}
area{outline: none;}
:root { --base: 1080;}

.qscyshr_nav{position: absolute; right: 0; top: 0; z-index: 9999999; pointer-events: none; }
.qscyshr_nav_an{position: absolute;cursor: pointer;pointer-events: all;right: 2vh;top: 1.6vh;height: 4.8vh;z-index: 8;}
.qscyshr_nav_ul{ width: 100vw; height: 100vh; opacity: 0; transition: all 0.35s; pointer-events: none; background-color: rgba(0,0,0,0.5); position: relative; z-index: 9; }
.qscyshr_nav_ul ul{background: url(../images/qscyshr_39.png) center 0 no-repeat; background-size:100% 100%; width: 19.63vh; height: 100vh; padding-top: calc(172 / 1080 * 100vh); box-sizing: border-box;position: absolute; right: -20vh; top: 0; transition: all 0.35s; }
.qscyshr_nav_ul ul li{ width: 100%; height: calc(45 / 1080 * 100vh); cursor: pointer; margin-bottom: 0.1vh;}
.qscyshr_nav_ul ul li a{ display: block; width: 100%; height: 100%;}
.qscyshr_nav.open .qscyshr_nav_ul{ opacity: 1; pointer-events: all;}
.qscyshr_nav.open .qscyshr_nav_ul ul{ right: 0;}
.qscyshr_nav.open .qscyshr_nav_ul ul li{}

.qscyshr_music{ display: none; position: absolute; left: 2.4vh; top: 1.5vh; background-image:url(../images/music_on.png); background-position: center;  background-repeat: no-repeat; background-size: 100%; height: 5vh; width: 5vh; z-index: 999; cursor: pointer; }
.qscyshr_music.on{background-image:url(../images/music_off.png);}
.blank0{height: 0px; font-size:1px; clear:both;overflow:hidden;}
#parallax{position:relative;overflow:hidden;}
.qscyshr_bg{ height: 100vh;position:relative; background-image: url(../images/qscyshr_1.jpg),url(../images/qscyshr_2.jpg),url(../images/qscyshr_3.jpg),url(../images/qscyshr_4.jpg),url(../images/qscyshr_5.jpg),url(../images/qscyshr_6.jpg),url(../images/qscyshr_7.jpg),url(../images/qscyshr_8.jpg),url(../images/qscyshr_9.jpg),url(../images/qscyshr_10.jpg); background-repeat: no-repeat; background-position:  0% 0, 11.1111% 0, 22.22222% 0, 33.3334% 0, 44.4445% 0, 55.5556% 0, 66.6667% 0, 77.7778% 0, 88.8889% 0, 100% 0;  background-size: auto 100%; }

.qscyshr_1{top: 50%;left: 50vw;transform: translate(-50%,-65%);height: 35vh;position: absolute;}
.qscyshr_1 img{ height: 100%;}
.qscyshr_2{top: 53.6vh;left: 85vw;position: absolute;white-space: nowrap;}
.qscyshr_2 img{height: 12vh;float: right;position: relative;z-index: 11;}
.qscyshr_2 i{width: 100%;height: 2px;margin-left: -5vw;margin-top: 10vh;display: inline-block;background-color: #8ee2d7;position: relative;z-index: 10; }
.qscyshr_3{bottom: 2vh;left: calc(50vw - (209/1080 * 100vh)/2); height: 6.67vh;position: absolute;}
.qscyshr_3 img{height: 100%;}

.qscyshr_fxb{top: 0;left: 182vh;height: 1.76vh;width: 5.46vh;position: absolute;backdrop-filter: blur(5px);background: url(../images/qscyshr_4.png) no-repeat;background-size: auto 100%;z-index: 999;}
.qscyshr_4{left: 182vh;}
.qscyshr_xhnr{ position: absolute; top: 62.8vh;}
.qscyshr_tsb{position: absolute;bottom: -1.9vh;width: 2vh;height: 2vh;backdrop-filter: blur(2px);background: url(../images/qscyshr_5.png) no-repeat;background-size: auto 100%;z-index: 99;}
.qscyshr_5{position: absolute;left: 237vh;bottom: 0;}
.qscyshr_5 i{width: 2px;height: 0;background-color: #8ee2d7;left: 0.95vh;bottom: -0.1vh;display: block;position: absolute;transition: all 0.4s;}
.qscyshr_5.scroll_here i{ height: 18.5vh;transition-delay: 0.2s;}
.qscyshr_5_2{position: absolute;bottom: 18.5vh;left: -8vh;height: 19.07vh;}


.qscyshr_6{position: absolute;left: 260vh;bottom: 0;}
.qscyshr_6_1{position: absolute;top: -7vh;width: 101.85vh;height:21.574vh;backdrop-filter: blur(15px);background: url(../images/qscyshr_8.png) no-repeat;background-size: auto 100%;z-index: 99;}
.qscyshr_6_2{position: absolute;top: -33vh;left: -5vh;height: 16.11vh;}

.qscyshr_7{position: absolute;left: 488vh;bottom: 0;}
.qscyshr_7 i,.qscyshr_10 i,.qscyshr_13 i{width: 5px;height: 0;background-image: linear-gradient(to bottom,transparent 30%,#8ee2d7);left: calc(1vh - 2.5px);bottom: -0.1vh;display: block;position: absolute;transition: all 0.2s;}
.qscyshr_7.scroll_here i,.qscyshr_10.scroll_here i,.qscyshr_13.scroll_here i{height: 10vh;transition-delay: 0.2s;}
.qscyshr_7_2{position: absolute;bottom: 9.5vh;left: -14.5vh;height:27.222vh;}


.qscyshr_8{position: absolute;left: 525vh;bottom: 0;}
.qscyshr_8_1{position: absolute;bottom: 3vh;left: 0;height: 47.5vh;}
.qscyshr_8_2{position: absolute;bottom: -20vh;left: 0;height: 15.65vh;}

.qscyshr_9{left: 650vh;}

.qscyshr_10{position: absolute;left: 725vh;bottom: 0;}
.qscyshr_10_2{position: absolute;bottom: 9.5vh;left: -17.5vh;height:27.222vh;}

.qscyshr_11{position: absolute;left: 758vh;bottom: 0;}
.qscyshr_11_1{position: absolute;bottom: 3vh;left: 28vh;height: 41.39vh;}
.qscyshr_11_2{position: absolute;bottom: -26vh;left: 0;height: 20.926vh;}

.qscyshr_12{left: 910vh;}

.qscyshr_13{position: absolute;left: 975vh;bottom: 0;}
.qscyshr_13_2{position: absolute;bottom: 9.5vh;left: -17.5vh;height:27.222vh;}

.qscyshr_14{position: absolute;left: 1020vh;bottom: 0;}
.qscyshr_14_1{position: absolute;bottom: 3vh;left: 28vh;height: 41.39vh;}
.qscyshr_14_2{position: absolute;bottom: -26vh;left: 0;height: 20.926vh;}

.qscyshr_15{position: absolute;left: 1235vh;bottom: 0;}
.qscyshr_15_1{position: absolute;bottom: -11.5vh;width: 133.7vh;height:36.2vh;backdrop-filter: blur(10px);background: url(../images/qscyshr_18.png) no-repeat;background-size: auto 100%;z-index: 99;}

.qscyshr_16{position: absolute;left: 1450vh;bottom: 0;}
.qscyshr_16_2{position: absolute;bottom: -6.2vh;left: -16vh;height:15.37vh;}


.qscyshr_17{position: absolute;left: 1520vh;bottom: 0;}
.qscyshr_17_2{position: absolute;bottom: -6.2vh;left: -16vh;height:39.63vh;}

.qscyshr_18{position: absolute;left: 1600vh;bottom: 0;}
.qscyshr_18_2{position: absolute;bottom: -6.2vh;left: -11vh;height:39.63vh;}

.qscyshr_19{position: absolute;left: 1675vh;bottom: 0;}
.qscyshr_19_2{position: absolute;bottom: -6.2vh;left: -16vh;height:42.5vh;}

.qscyshr_20{position: absolute;left: 1755vh;bottom: 0;}
.qscyshr_20_2{position: absolute;bottom: -6.2vh;left: -20.5vh;height:40.37vh;}

.qscyshr_21{position: absolute;left: 1840vh;bottom: 0;}
.qscyshr_21_2{position: absolute;bottom: -6.2vh;left: -27vh;height:40.56vh;}

.qscyshr_22{position: absolute;left: 1930vh;bottom: 0;}
.qscyshr_22_2{position: absolute;bottom: -6.2vh;left: -27vh;height:40.56vh;}

.qscyshr_23{position: absolute;left: 2015vh;bottom: 0;}
.qscyshr_23_2{position: absolute;bottom: -11vh;left: -28vh;height:69.26vh;}

.qscyshr_24{position: absolute;left: 2100vh;bottom: 0;}
.qscyshr_24_1{position: absolute;bottom: -11.5vh;width: 133.7vh;height:36.2vh;backdrop-filter: blur(10px);background: url(../images/qscyshr_27.png) no-repeat;background-size: auto 100%;z-index: 99;}

.qscyshr_25{position: absolute;left: 2305vh;bottom: 0;}
.qscyshr_25_1{position: absolute;bottom: 7vh;left: 43vh;height:26.85vh;}
.qscyshr_25 ul{position: absolute;bottom: -5.6vh;left: 0;width: 135vh;height:9.26vh;padding: 0 3vh;}
.qscyshr_25 ul:before{content:"";width: 6.5vh;position: absolute;height: 8px;left: 0;background-image: linear-gradient(to right,transparent 20%,#8ee2d7);top: 4.5vh; opacity: 0; transition: all 0.35s;  }
.qscyshr_25 ul li{width: 9.26vh;height: 9.26vh;float: left;margin: 0 4vh;position: relative; cursor: pointer;}
.qscyshr_25 ul li img{height: 9.26vh; transition: all 0.35s;}
.qscyshr_25 ul li:hover img{    transform: scale(1.1) !important;}
.qscyshr_25 ul li:before{content:"";width: 6.5vh;position: absolute;height: 8px;left: 10vh;background-color: #8ee2d7;top: 4.5vh;opacity: 0;transition: all 0.35s; }
.qscyshr_25 ul li:nth-child(7):before{background-image: linear-gradient(to right,#8ee2d7 20%,transparent);background-color: transparent;}

.qscyshr_25.scroll_here ul:before,.qscyshr_25.scroll_here ul li:before{opacity: 1;transition-delay: 2s;}

.qscyshr_26{position: absolute;right: 10vh;bottom: 3vh;}
.qscyshr_26_1{height: 5.37vh;}



/* P1 */
.swiper1,.swiper1_1,.swiper1 .swiper-slide{ width: 100vw; height: 100vh; overflow: hidden; position: relative;}

.qscyshr_1_yx_0_1{ width: 100%; height: 100%; object-fit: cover;}
.qscyshr_1_yx_0_2{position: absolute;right: 15vh;top: 2.4vh;background: url(../images/qscyshr_40.png) center no-repeat;background-size: 100%;width: 9.8vh;height: 3.15vh;z-index: 99;cursor: pointer;}
.qscyshr_1_sp::before{content:"";position: absolute;width: 28vh;height: 8vh;background: rgba(42,52,38,0.5);right: 0;top: 0;border-radius: 0 0 0 4vh;}
.qscyshr_1_yx_0_3{position: absolute;right: 9vh;top: 2.2vh;background: url(../images/music-pause.png) center no-repeat;background-size: 100%;width: 3.6vh;height: 3.6vh;z-index: 99;cursor: pointer;}
.qscyshr_1_yx_0_3.open{background: url(../images/music-play.png) center no-repeat;background-size: 100%;}


.swiper1_1 .swiper-slide,.swiper1_2 .swiper-slide{ opacity: 0 !important;}
.swiper1_1 .swiper-slide.swiper-slide-active,.swiper1_2 .swiper-slide.swiper-slide-active{ opacity: 1 !important;}
.qscyshr_1_yx{ background-color: #2C756E;}
.qscyshr_1_yx_bg{background: url(../images/1/yx/qscyshr_1_yx_1.jpg) center center no-repeat;background-size: cover;}


.qscyshr_1_yx_1_1{position: absolute;left: calc(50% - (869/1080)*100vh/2 );top: calc(50% - 870/1080 * 100vh /2 );height: calc(110/1080 * 100vh);}
.qscyshr_1_yx_1_2,.qscyshr_1_yx_7_2{ position: absolute; left: 0; top: calc(50% - 28.125vw );  width: 100vw; }

.qscyshr_1_yx_2{ display: flex;justify-content: center;}
.qscyshr_1_yx_2 img{  height: 100vh;}

.qscyshr_1_yx_1_3{position: absolute; left: calc(50% - (209/1080 * 100vh)/2); bottom:2vh; height: calc(72/1080 * 100vh);}




.qscyshr_1_yx_7_3,.qscyshr_1_yx_7_4,.qscyshr_1_yx_7_5,.qscyshr_1_yx_7_6,.qscyshr_1_yx_7_7{position: absolute; cursor: pointer; bottom: 2vh;height: 5.37vh !important; z-index: 999;}
.qscyshr_1_yx_7_3,.qscyshr_1_yx_7_5,.qscyshr_1_yx_7_7{right: 5vw;}
.qscyshr_1_yx_7_4,.qscyshr_1_yx_7_6{left: 5vw;}

.swiper1_nav{position: relative;z-index: 999;}
.swiper1_nav img{ height: 100%;}
.swiper1_prev,.swiper1_next{height: 5.37vh;cursor: pointer;position: absolute;bottom: 2vh;}
.swiper1_prev{ left: 5vw;}
.swiper1_next{ right: 5vw;}

.swiper-button-disabled{ display: none;}

.qscyshr_1_cjbg{ height: 100vh;position:relative; background-image: url(../images/1/cj/qscyshr_1_cj_1.jpg),url(../images/1/cj/qscyshr_1_cj_2.jpg),url(../images/1/cj/qscyshr_1_cj_3.jpg),url(../images/1/cj/qscyshr_1_cj_4.jpg),url(../images/1/cj/qscyshr_1_cj_5.jpg),url(../images/1/cj/qscyshr_1_cj_6.jpg),url(../images/1/cj/qscyshr_1_cj_7.jpg),url(../images/1/cj/qscyshr_1_cj_8.jpg),url(../images/1/cj/qscyshr_1_cj_9.jpg),url(../images/1/cj/qscyshr_1_cj_10.jpg); background-repeat: no-repeat; background-position:  0% 0, 11.1111% 0, 22.22222% 0, 33.3334% 0, 44.4445% 0, 55.5556% 0, 66.6667% 0, 77.7778% 0, 88.8889% 0, 100% 0;  background-size: auto 100%; }

.qscyshr_2_cjbg{ height: 100vh;position:relative; background-image: url(../images/2/cj/qscyshr_2_cj_1.jpg),url(../images/2/cj/qscyshr_2_cj_2.jpg),url(../images/2/cj/qscyshr_2_cj_3.jpg),url(../images/2/cj/qscyshr_2_cj_4.jpg),url(../images/2/cj/qscyshr_2_cj_5.jpg),url(../images/2/cj/qscyshr_2_cj_6.jpg),url(../images/2/cj/qscyshr_2_cj_7.jpg),url(../images/2/cj/qscyshr_2_cj_8.jpg),url(../images/2/cj/qscyshr_2_cj_9.jpg),url(../images/2/cj/qscyshr_2_cj_10.jpg); background-repeat: no-repeat; background-position:  0% 0, 11.1111% 0, 22.22222% 0, 33.3334% 0, 44.4445% 0, 55.5556% 0, 66.6667% 0, 77.7778% 0, 88.8889% 0, 100% 0;  background-size: auto 100%; }

.qscyshr_3_cjbg{ height: 100vh;position:relative; background-image: url(../images/3/cj/qscyshr_3_cj_1.jpg),url(../images/3/cj/qscyshr_3_cj_2.jpg),url(../images/3/cj/qscyshr_3_cj_3.jpg),url(../images/3/cj/qscyshr_3_cj_4.jpg),url(../images/3/cj/qscyshr_3_cj_5.jpg),url(../images/3/cj/qscyshr_3_cj_6.jpg),url(../images/3/cj/qscyshr_3_cj_7.jpg),url(../images/3/cj/qscyshr_3_cj_8.jpg),url(../images/3/cj/qscyshr_3_cj_9.jpg),url(../images/3/cj/qscyshr_3_cj_10.jpg); background-repeat: no-repeat; background-position:  0% 0, 11.1111% 0, 22.22222% 0, 33.3334% 0, 44.4445% 0, 55.5556% 0, 66.6667% 0, 77.7778% 0, 88.8889% 0, 100% 0;  background-size: auto 100%; }

.qscyshr_4_cjbg{ height: 100vh;position:relative; background-image: url(../images/4/cj/qscyshr_4_cj_1.jpg),url(../images/4/cj/qscyshr_4_cj_2.jpg),url(../images/4/cj/qscyshr_4_cj_3.jpg),url(../images/4/cj/qscyshr_4_cj_4.jpg),url(../images/4/cj/qscyshr_4_cj_5.jpg),url(../images/4/cj/qscyshr_4_cj_6.jpg),url(../images/4/cj/qscyshr_4_cj_7.jpg),url(../images/4/cj/qscyshr_4_cj_8.jpg),url(../images/4/cj/qscyshr_4_cj_9.jpg),url(../images/4/cj/qscyshr_4_cj_10.jpg); background-repeat: no-repeat; background-position:  0% 0, 11.1111% 0, 22.22222% 0, 33.3334% 0, 44.4445% 0, 55.5556% 0, 66.6667% 0, 77.7778% 0, 88.8889% 0, 100% 0;  background-size: auto 100%; }

.qscyshr_5_cjbg{ height: 100vh;position:relative; background-image: url(../images/5/cj/qscyshr_5_cj_1.jpg),url(../images/5/cj/qscyshr_5_cj_2.jpg),url(../images/5/cj/qscyshr_5_cj_3.jpg),url(../images/5/cj/qscyshr_5_cj_4.jpg),url(../images/5/cj/qscyshr_5_cj_5.jpg),url(../images/5/cj/qscyshr_5_cj_6.jpg),url(../images/5/cj/qscyshr_5_cj_7.jpg),url(../images/5/cj/qscyshr_5_cj_8.jpg),url(../images/5/cj/qscyshr_5_cj_9.jpg),url(../images/5/cj/qscyshr_5_cj_10.jpg); background-repeat: no-repeat; background-position:  0% 0, 11.1111% 0, 22.22222% 0, 33.3334% 0, 44.4445% 0, 55.5556% 0, 66.6667% 0, 77.7778% 0, 88.8889% 0, 100% 0;  background-size: auto 100%; }

.qscyshr_6_cjbg{ height: 100vh;position:relative; background-image: url(../images/6/cj/qscyshr_6_cj_1.jpg),url(../images/6/cj/qscyshr_6_cj_2.jpg),url(../images/6/cj/qscyshr_6_cj_3.jpg),url(../images/6/cj/qscyshr_6_cj_4.jpg),url(../images/6/cj/qscyshr_6_cj_5.jpg),url(../images/6/cj/qscyshr_6_cj_6.jpg),url(../images/6/cj/qscyshr_6_cj_7.jpg),url(../images/6/cj/qscyshr_6_cj_8.jpg),url(../images/6/cj/qscyshr_6_cj_9.jpg),url(../images/6/cj/qscyshr_6_cj_10.jpg); background-repeat: no-repeat; background-position:  0% 0, 11.1111% 0, 22.22222% 0, 33.3334% 0, 44.4445% 0, 55.5556% 0, 66.6667% 0, 77.7778% 0, 88.8889% 0, 100% 0;  background-size: auto 100%; }

.qscyshr_7_cjbg{ height: 100vh;position:relative; background-image: url(../images/7/cj/qscyshr_7_cj_1.jpg),url(../images/7/cj/qscyshr_7_cj_2.jpg),url(../images/7/cj/qscyshr_7_cj_3.jpg),url(../images/7/cj/qscyshr_7_cj_4.jpg),url(../images/7/cj/qscyshr_7_cj_5.jpg),url(../images/7/cj/qscyshr_7_cj_6.jpg),url(../images/7/cj/qscyshr_7_cj_7.jpg),url(../images/7/cj/qscyshr_7_cj_8.jpg),url(../images/7/cj/qscyshr_7_cj_9.jpg),url(../images/7/cj/qscyshr_7_cj_10.jpg); background-repeat: no-repeat; background-position:  0% 0, 11.1111% 0, 22.22222% 0, 33.3334% 0, 44.4445% 0, 55.5556% 0, 66.6667% 0, 77.7778% 0, 88.8889% 0, 100% 0;  background-size: auto 100%; }



.qscyshr_1_cjbg img { position: absolute; }

.qscyshr_1_cj_0 { --left: 100; --top: 240; --height: 638; }
.qscyshr_1_cj_1 { --left: 2830; --top: 650; --height: 288; }
.qscyshr_1_cj_2 { --left: 6155; --top: 550; --height: 287; }
.qscyshr_1_cj_3 { --left: 8910; --top: 210; --height: 98; }
.qscyshr_1_cj_4 { --left: 9950; --top: 515; --height: 171; }
.qscyshr_1_cj_5 { --left: 12450; --top: 360; --height: 225; }
.qscyshr_1_cj_6 { --left: 13350; --top: 185; --height: 98; }
.qscyshr_1_cj_7 { --left: 15355; --top: 230; --height: 98; }
.qscyshr_1_cj_8 { --left: 15900; --top: 585; --height: 176; }
.qscyshr_1_cj_9 { --left: 17430; --top: 740; --height: 277; }
.qscyshr_1_cj_10 { --left: 18450; --top: 85; --height: 99; }
.qscyshr_1_cj_11 { --left: 18900; --top: 700; --height: 152; }
.qscyshr_1_cj_12 { --left: 21375; --top: 785; --height: 147; }
.qscyshr_1_cj_13 { --left: 22890; --top: 500; --height: 100; }
.qscyshr_1_cj_14 { --left: 25250; --top: 585; --height: 246; }
.qscyshr_1_cj_15 { --left: 28440; --top: 590; --height: 197; }
.qscyshr_1_cj_16 { --left: 31215; --top: 705; --height: 103; }
.qscyshr_1_cj_17 { --left: 33150; --top: 750; --height: 102; }
.qscyshr_1_cj_18 { --left: 34240; --top: 475; --height: 190; }
.qscyshr_1_cj_19 { --left: 36725; --top: 120; --height: 190; }
.qscyshr_1_cj_20 { --left: 36630; --top: 785; --height: 150; }
.qscyshr_1_cj_21 { --left: 38555; --top: 440; --height: 146; }
.qscyshr_1_cj_22 { --left: 41410; --top: 480; --height: 146; }
.qscyshr_1_cj_23 { --left: 42175; --top: 765; --height: 208; }
.qscyshr_1_cj_24 { --left: 42915; --top: 120; --height: 155; }
.qscyshr_1_cj_25 { --left: 44400; --top: 445; --height: 199; }
.qscyshr_1_cj_26 { --left: 44840; --top: 120; --height: 198; }
.qscyshr_1_cj_27 { --left: 45855; --top: 285; --height: 253; }
.qscyshr_1_cj_28 { --left: 46450; --top: 675; --height: 253; }
.qscyshr_1_cj_29 { --left: 48020; --top: 844; --height: 91; }
.qscyshr_1_cj_30 { --left: 48245; --top: 365; --height: 205; }
.qscyshr_1_cj_31 { --left: 49390; --top: 575; --height: 159; }
.qscyshr_1_cj_32 { --left: 52120; --top: 130; --height: 778; }


[class*="qscyshr_1_cj_"] {
  left: calc(var(--left) / var(--base) * 100vh);
  top: calc(var(--top) / var(--base) * 100vh);
  height: calc(var(--height) / var(--base) * 100vh);
}

.qscyshr_1_cj33,.qscyshr_1_cj34{ cursor: pointer; position: absolute; right: 5vh; bottom: 2vh;height: calc(58 / 1080 * 100vh);}
.qscyshr_1_cj33{ right: 5vh;}
.qscyshr_1_cj34{ right: 95vw;}



.qscyshr_1_sj{ background-color: #2C756E;}
.qscyshr_1_sj_bg{ background: url(../images/1/sj/qscyshr_1_sj_1.jpg) center center no-repeat; background-size: cover; }
.qscyshr_1_sj img{ position: absolute;}
.qscyshr_1_sj_1_1 { --left-num: 1571; --top: 0; --height: 608; }
.qscyshr_1_sj_1_2 { --left-num1: 273; --left-num2: 405; --left-num3: 274; --top: 275; --height: 341; }
.qscyshr_1_sj_1_3 { --left-num: 274; --top: 430; --height: 342; }
.qscyshr_1_sj_1_4 { --left-num1: 273; --left-num2: 375; --left-num3: 274; --top: 275; --height: 336; }
.qscyshr_1_sj_1_5 { --left-num: 1188; --top:900; --height: 39; }
.qscyshr_1_sj_2_1 { --left-num: 780; --top-num: 782; --height: 782; z-index: 11; }
.qscyshr_1_sj_2_2 { --left-num1: 285; --left-num2: 425; --top-num: 140; --height: 147; }
.qscyshr_1_sj_2_3 { --left-num1: 244; --left-num2: 445; --top-num: 150; --height: 155; }
.qscyshr_1_sj_2_4 { --left-num: 1628; --top: 0; --height: 1080; }

.qscyshr_1_sj_3_1 { --left-num: 974; --top-num: 672; --height: 672; z-index: 11; }
.qscyshr_1_sj_3_2 { --left-num1: 464; --left-num2: 360; --top-num: 636; --height: 410; }
.qscyshr_1_sj_3_3 { --left-num1: 388; --left-num2: 400; --top-num: 636; --height: 372; }
.qscyshr_1_sj_4_1 { --left-num: 1578; --top: auto; --bottom: 0; --height: 619; }
.qscyshr_1_sj_4_2 { --left-num1: 273; --left-num2: 370; --left-num3: 274; --top: 435; --height: 341; }
.qscyshr_1_sj_4_3 { --left-num: 410; --top: 280; --height: 349; }
.qscyshr_1_sj_4_4 { --left-num1: 273; --left-num2: 408; --left-num3: 274; --top: 435; --height: 336; }
.qscyshr_1_sj_4_5 { --left-num: 1309; --top: 65; --height: 39; }
.qscyshr_1_sj_5_1 { --left-num: 780; --top-num: 780; --height: 843; z-index: 11; }
.qscyshr_1_sj_5_2 { --left-num: 1630; --top: 0; --height: 1080; }
.qscyshr_1_sj_6_1 { --left-num: 974; --top-num: 672; --height: 672; }
.qscyshr_1_sj_6_2 { --left-num1: 397; --left-num2: 416; --top-num: 428; --height: 427; }
.qscyshr_1_sj_6_3 { --left-num1: 399; --left-num2: 416; --top-num: 428; --height: 428; }
.qscyshr_1_sj_7_1 { --left: 0; --top: 0; --height: 1080; z-index: 11; }
.qscyshr_1_sj_7_2 { --left: 1015; --top: 115; --height: 126; z-index: 12; }
.qscyshr_1_sj_7_3 { --left: 1100; --top: 350; --height: 126; z-index: 12; }
.qscyshr_1_sj_7_4 { --left: 1100; --top: 585; --height: 127; z-index: 12; }
.qscyshr_1_sj_7_5 { --left: 1015; --top: 810; --height: 126; z-index: 12; }
.qscyshr_1_sj_7_6 { --left: 635; --top-num: 80; --height: 72; }

.qscyshr_1_sj_8_1 { --left: 0; --top: 0; --height: 1080; z-index: 11; }
.qscyshr_1_sj_8_2 { --left: 1060; --top: 175; --height: 126; z-index: 12; }
.qscyshr_1_sj_8_3 { --left: 1100; --top: 475; --height: 126; z-index: 12; }
.qscyshr_1_sj_8_4 { --left: 1047; --top: 770; --height: 127; z-index: 12; }
.qscyshr_1_sj_8_5 { --left: 635; --top-num: 80; --height: 73; }
[class*="qscyshr_1_sj_"] {
  position: absolute;
  left: calc(var(--left) / var(--base) * 100vh);
  top: calc(var(--top) / var(--base) * 100vh);
  height: calc(var(--height) / var(--base) * 100vh);
}
.qscyshr_1_sj_7_7{ position: absolute;left: 0;top: calc(50% - (10 / 1080 * 100vh)/2); width: 100vw; height: 1px; background: #cdfbd3;}
.qscyshr_1_sj_2_5{ position: absolute;left: 0;top: 50%; width: 100vw; height: 1px; background: #cdfbd3;}
.qscyshr_1_sj_1_1, .qscyshr_1_sj_1_3, .qscyshr_1_sj_1_5, .qscyshr_1_sj_2_1, .qscyshr_1_sj_2_4, .qscyshr_1_sj_3_1, .qscyshr_1_sj_4_1, .qscyshr_1_sj_4_3, .qscyshr_1_sj_4_5, .qscyshr_1_sj_5_1, .qscyshr_1_sj_5_2, .qscyshr_1_sj_6_1 {
  left: calc(50% - (var(--left-num) / var(--base) * 100vh) / 2);
}
.qscyshr_1_sj_1_2, .qscyshr_1_sj_2_2, .qscyshr_1_sj_3_2, .qscyshr_1_sj_4_2, .qscyshr_1_sj_6_2 {
  left: calc(50% - (var(--left-num1) / var(--base) * 100vh) / 2 - ((var(--left-num2) + var(--left-num1)/2) / var(--base) * 100vh));
}
.qscyshr_1_sj_1_4, .qscyshr_1_sj_2_3, .qscyshr_1_sj_3_3, .qscyshr_1_sj_4_4, .qscyshr_1_sj_6_3 {
  left: calc(50% - (var(--left-num1) / var(--base) * 100vh) / 2 + ((var(--left-num2) + var(--left-num1)/2) / var(--base) * 100vh));
}
.qscyshr_1_sj_2_1, .qscyshr_1_sj_2_2, .qscyshr_1_sj_2_3, .qscyshr_1_sj_3_1, .qscyshr_1_sj_3_2, .qscyshr_1_sj_3_3, .qscyshr_1_sj_5_1, .qscyshr_1_sj_6_1, .qscyshr_1_sj_6_2, .qscyshr_1_sj_6_3, .qscyshr_1_sj_7_6, .qscyshr_1_sj_8_5 {
  top: calc(50% - (var(--top-num) / var(--base) * 100vh) / 2);
}
.qscyshr_1_sj_4_1 { top: auto; bottom: 0; }




/* P2 */

.qscyshr_2_yx_bg{background: url(../images/2/yx/qscyshr_2_yx_1.jpg) center center no-repeat;background-size: cover;}
.qscyshr_2_sj_bg{ background: url(../images/2/sj/qscyshr_2_sj_1.jpg) center center no-repeat; background-size: cover; }
.qscyshr_2_yx_1_1{position: absolute;left: calc(50% - (893/1080)*100vh/2 );top: calc(50% - 950/1080 * 100vh /2 );height: calc(151/1080 * 100vh);}


.qscyshr_2_cj_1 { --left: 100; --top: 122; --height: 849; }
.qscyshr_2_cj_2 { --left: 773; --top: 167; --height: 169; }
.qscyshr_2_cj_3 { --left: 2486; --top: 48; --height: 116; }
.qscyshr_2_cj_4 { --left: 4440; --top: 24; --height: 84; }
.qscyshr_2_cj_5 { --left: 4580; --top: 940; --height: 92; }
.qscyshr_2_cj_6 { --left: 6210; --top: 817; --height: 171; }
.qscyshr_2_cj_7 { --left: 8225; --top: 110; --height: 82; }
.qscyshr_2_cj_8 { --left: 9430; --top: 855; --height: 178; }
.qscyshr_2_cj_9 { --left: 11600; --top: 65; --height: 173; }
.qscyshr_2_cj_10 { --left: 13650; --top: 855; --height: 171; }
.qscyshr_2_cj_11 { --left: 16230; --top: 42; --height: 220; }
.qscyshr_2_cj_12 { --left: 18025; --top: 190; --height: 100; }
.qscyshr_2_cj_13 { --left: 18175; --top: 820; --height: 216; }
.qscyshr_2_cj_14 { --left: 20065; --top: 95; --height: 177; }
.qscyshr_2_cj_15 { --left: 22535; --top: 80; --height: 198; }
.qscyshr_2_cj_16 { --left: 25085; --top: 115; --height: 766; }


[class*="qscyshr_2_cj_"] {
  position: absolute;
  left: calc(var(--left) / var(--base) * 100vh);
  top: calc(var(--top) / var(--base) * 100vh);
  height: calc(var(--height) / var(--base) * 100vh);
}



.qscyshr_2_sj_2_1{ position: absolute; left: calc(50% - (1654/1080 * 100vh)/2); top:calc(90/1080 * 100vh) ; height: calc(37/1080 * 100vh);}
.qscyshr_2_sj_2_2{-position: absolute; left: calc(50% - (889/1080 * 100vh)/2); top:calc(50% - (616/1080 * 100vh)/2) ; height: calc(616/1080 * 100vh); z-index: 11;}
.qscyshr_2_sj_2_3 { position: absolute; left: calc(50% - (343 / 1080 * 100vh) / 2 - ((430 + 343/2) / 1080 * 100vh)); top:calc(50% - (190/1080 * 100vh)/2) ; height: calc(140/1080 * 100vh); }
.qscyshr_2_sj_2_4 { position: absolute; left: calc(50% - (169 / 1080 * 100vh) / 2 + ((507 + 169/2) / 1080 * 100vh)); top:calc(50% - (190/1080 * 100vh)/2) ; height: calc(143/1080 * 100vh);}
.qscyshr_2_sj_2_5 {position: absolute; left: calc(50% - (546/1080 * 100vh)/2); top:calc(50% - (-330/1080 * 100vh)); height: calc(153/1080 * 100vh);}

.qscyshr_2_sj_3_1{ position: absolute; left: calc(50% - (1513/1080 * 100vh)/2); top:calc(950/1080 * 100vh) ; height: calc(39/1080 * 100vh);}


.qscyshr_2_sj_5_1{ position: absolute; left: calc(50% - (1710/1080 * 100vh)/2); top:calc(50% - (858/1080 * 100vh)/2) ; height: calc(858/1080 * 100vh);}


.qscyshr_2_nr .qscyshr_1_cj33,.qscyshr_2_nr .qscyshr_1_cj34{top: auto; bottom: 2vh;}




/* P3 */

.qscyshr_3_yx_bg{background: url(../images/3/yx/qscyshr_3_yx_1.jpg) center center no-repeat;background-size: cover;}
.qscyshr_3_sjbg{ background: url(../images/3/sj/qscyshr_3_sj_1.jpg) center center no-repeat; background-size: cover; }

.qscyshr_3_cj_1 { --left: 100; --top: 122; --height: 832; }
.qscyshr_3_cj_2 { --left: 1015; --top: 280; --height: 285; }
.qscyshr_3_cj_3 { --left: 1970; --top: 525; --height: 167; }
.qscyshr_3_cj_4 { --left: 2780; --top: 805; --height: 234; }
.qscyshr_3_cj_5 { --left: 3050; --top: 185; --height: 169; }
.qscyshr_3_cj_6 { --left: 3640; --top: 580; --height: 172; }
.qscyshr_3_cj_7 { --left: 4780; --top: 155; --height: 122; }
.qscyshr_3_cj_8 { --left: 4990; --top: 735; --height: 170; }
.qscyshr_3_cj_9 { --left: 6025; --top: 225; --height: 170; }
.qscyshr_3_cj_10 { --left: 6410; --top: 625; --height: 246; }
.qscyshr_3_cj_11 { --left: 7840; --top: 175; --height: 241; }
.qscyshr_3_cj_12 { --left: 8260; --top: 745; --height: 118; }
.qscyshr_3_cj_13 { --left: 9345; --top: 400; --height: 172; }
.qscyshr_3_cj_14 { --left: 10080; --top: 690; --height: 250; }
.qscyshr_3_cj_15 { --left: 11520; --top: 165; --height: 247; }
.qscyshr_3_cj_16 { --left: 12860; --top: 770; --height: 167; }
.qscyshr_3_cj_17 { --left: 13340; --top: 425; --height: 115; }
.qscyshr_3_cj_18 { --left: 14010; --top: 70; --height: 173; }
.qscyshr_3_cj_19 { --left: 15720; --top: 590; --height: 113; }
.qscyshr_3_cj_20 { --left: 16080; --top: 800; --height: 169; }
.qscyshr_3_cj_21 { --left: 17450; --top: 820; --height: 171; }
.qscyshr_3_cj_22 { --left: 17860; --top: 55; --height: 103; }
.qscyshr_3_cj_23 { --left: 20140; --top: 790; --height: 237; }
.qscyshr_3_cj_24 { --left: 21150; --top: 335; --height: 124; }
.qscyshr_3_cj_25 { --left: 21940; --top: 555; --height: 237; }
.qscyshr_3_cj_26 { --left: 23760; --top: 360; --height: 236; }
.qscyshr_3_cj_27 { --left: 25650; --top: 230; --height: 235; }
.qscyshr_3_cj_28 { --left: 26015; --top: 750; --height: 236; }
.qscyshr_3_cj_29 { --left: 27960; --top: 270; --height: 300; }
.qscyshr_3_cj_30 { --left: 28960; --top: 630; --height: 181; }
.qscyshr_3_cj_31 { --left: 29730; --top: 820; --height: 182; }
.qscyshr_3_cj_32 { --left: 30955; --top: 615; --height: 296; }
.qscyshr_3_cj_33 { --left: 32770; --top: 115; --height: 834; }



.qscyshr_3_sj_1_1 { --left: 0; --top: 0; --height: 1080; z-index: 11; }
.qscyshr_3_sj_1_2 { --left: 1085; --top: 90; --height: 125; z-index: 11;}
.qscyshr_3_sj_1_3 { --left: 1185; --top: 285; --height: 127;  z-index: 11;}
.qscyshr_3_sj_1_4 { --left: 1230; --top: 475; --height: 127;  z-index: 11;}
.qscyshr_3_sj_1_5 { --left: 1185; --top: 675; --height: 126; z-index: 11; }
.qscyshr_3_sj_1_6 { --left: 1085; --top: 875; --height: 126; z-index: 11; }
.qscyshr_3_sj_1_7 { --left: 820; --top: 475; --height: 154;  z-index: 11;}


.qscyshr_3_sj_2_1 { --left-num: 1573; bottom: 0; --height: 591; }
.qscyshr_3_sj_2_2 { left: calc(50% - (333 / 1080 * 100vh) / 2 - ((380 + 333/2) / 1080 * 100vh)) !important; --top: 390; --height: 417; }
.qscyshr_3_sj_2_3 { --left-num: 291; --top: 255; --height: 404; }
.qscyshr_3_sj_2_4 { left: calc(50% - (333 / 1080 * 100vh) / 2 + ((400 + 333/2) / 1080 * 100vh)) !important; --top: 390; --height: 418; }
.qscyshr_3_sj_2_5 { --left-num: 1323; --top: 70; --height: 47; }


.qscyshr_3_sj_3_1{--left-num: 1565; --top: 0; --height: 1080; z-index: 11;}
.qscyshr_3_sj_3_2{left: calc(50% - (330 / 1080 * 100vh) / 2 - ((385 + 330/2) / 1080 * 100vh)) !important; --top: 261; --height: 403;}
.qscyshr_3_sj_3_3{left: calc(50% - (322 / 1080 * 100vh) / 2 + ((400 + 322/2) / 1080 * 100vh)) !important; --top: 301; --height: 363;}
.qscyshr_3_sj_3_4{--left-num: 298; --top: 885; --height: 82; }
.qscyshr_3_sj_3_5{--left-num: 770; --top: 80; --height: 63; }


.qscyshr_3_sj_4_1{--left-num: 1769; --top: 80; --height: 860;}


[class*="qscyshr_3_cj_"] ,[class*="qscyshr_3_sj_"] {
  position: absolute;
  left: calc(var(--left) / var(--base) * 100vh);
  top: calc(var(--top) / var(--base) * 100vh);
  height: calc(var(--height) / var(--base) * 100vh);
}

.qscyshr_3_sj_2_1,.qscyshr_3_sj_2_3,.qscyshr_3_sj_2_5,.qscyshr_3_sj_3_1,.qscyshr_3_sj_3_4,.qscyshr_3_sj_3_5,.qscyshr_3_sj_4_1{
  left: calc(50% - (var(--left-num) / var(--base) * 100vh) / 2);
}



/* P4 */

.qscyshr_4_yx_bg{background: url(../images/4/yx/qscyshr_4_yx_1.jpg) center center no-repeat;background-size: cover;}
.qscyshr_4_sjbg{ background: url(../images/4/sj/qscyshr_4_sj_1.jpg) center center no-repeat; background-size: cover; }
.qscyshr_4_yx_1_1{position: absolute;left: calc(50% - (1482/1080)*100vh/2 );top: calc(50% - 950/1080 * 100vh /2 );height: calc(160/1080 * 100vh);}



.qscyshr_4_cj_1 { --left: 100; --top: 103; --height: 841; }
.qscyshr_4_cj_2 { --left: 2900; --top: 735; --height: 284; }
.qscyshr_4_cj_3 { --left: 5300; --top: 110; --height: 357; }
.qscyshr_4_cj_4 { --left: 7150; --top: 695; --height: 299; }
.qscyshr_4_cj_5 { --left: 7715; --top: 260; --height: 186; }
.qscyshr_4_cj_6 { --left: 8680; --top: 500; --height: 113; }
.qscyshr_4_cj_7 { --left: 8980; --top: 770; --height: 260; }
.qscyshr_4_cj_8 { --left: 9230; --top: 105; --height: 105; }
.qscyshr_4_cj_9 { --left: 10180; --top: 515; --height: 126; }
.qscyshr_4_cj_10 { --left: 10950; --top: 45; --height: 227; }
.qscyshr_4_cj_11 { --left: 11425; --top: 790; --height: 228; }
.qscyshr_4_cj_12 { --left: 12050; --top: 70; --height: 207; }
.qscyshr_4_cj_13 { --left: 12960; --top: 715; --height: 211; }
.qscyshr_4_cj_14 { --left: 14190; --top: 820; --height: 187; }
.qscyshr_4_cj_15 { --left: 14380; --top: 190; --height: 194; }
.qscyshr_4_cj_16 { --left: 16230; --top: 760; --height: 265; }
.qscyshr_4_cj_17 { --left: 16700; --top: 60; --height: 258; }
.qscyshr_4_cj_18 { --left: 17980; --top: 670; --height: 124; }
.qscyshr_4_cj_19 { --left: 19165; --top: 65; --height: 150; }
.qscyshr_4_cj_20 { --left: 19370; --top: 790; --height: 199; }
.qscyshr_4_cj_21 { --left: 20015; --top: 290; --height: 249; }
.qscyshr_4_cj_22 { --left: 20500; --top: 705; --height: 325; }
.qscyshr_4_cj_23 { --left: 22150; --top: 845; --height: 199; }
.qscyshr_4_cj_24 { --left: 22410; --top: 30; --height: 162; }
.qscyshr_4_cj_25 { --left: 22815; --top: 475; --height: 244; }
.qscyshr_4_cj_26 { --left: 23780; --top: 745; --height: 250; }
.qscyshr_4_cj_27 { --left: 27265; --top: 715; --height: 295; }
.qscyshr_4_cj_28 { --left: 28235; --top: 115; --height: 198; }
.qscyshr_4_cj_29 { --left: 29245; --top: 445; --height: 258; }
.qscyshr_4_cj_30 { --left: 30210; --top: 750; --height: 287; }
.qscyshr_4_cj_31 { --left: 32865; --top: 100; --height: 801; }


.qscyshr_4_sj_1_1{--left-num: 984; top: calc(50% - (687 / 1080 * 100vh) / 2) !important; --height: 687; z-index: 11;}
.qscyshr_4_sj_1_2{left: calc(50% - (494 / 1080 * 100vh) / 2 - ((410 + 494/2) / 1080 * 100vh)) !important; --top: 430; --height: 208;}
.qscyshr_4_sj_1_3{left: calc(50% - (334 / 1080 * 100vh) / 2 + ((420 + 334/2) / 1080 * 100vh)) !important; --top: 440; --height: 198;}




.qscyshr_4_sj_2_1 { --left-num: 790; top: calc(50% - (781 / 1080 * 100vh) / 2) !important; --height: 781;  z-index: 11;}
.qscyshr_4_sj_2_2 { --left-num: 186; --top: 80; --height: 81; }
.qscyshr_4_sj_2_3 { --left-num: 810; --top: 725; --height: 267; }
.qscyshr_4_sj_2_4 { --left-num: 1644; --top: 0; --height: 1080; }

.qscyshr_4_sj_3_1 { --left-num: 1588; bottom: 0; --height: 629; }
.qscyshr_4_sj_3_2 { left: calc(50% - (447 / 1080 * 100vh) / 2 - ((380 + 447/2) / 1080 * 100vh)) !important; --top: 480; --height: 352; }
.qscyshr_4_sj_3_3 { --left-num: 481; --top: 280; --height: 358; }
.qscyshr_4_sj_3_4 { left: calc(50% - (309 / 1080 * 100vh) / 2 + ((400 + 309/2) / 1080 * 100vh)) !important; --top: 480; --height: 339; }
.qscyshr_4_sj_3_5 { --left-num: 1406; --top: 70; --height: 48; }


.qscyshr_4_sj_4_1{--left-num: 1699; --top: 70; --height: 887;}


[class*="qscyshr_4_cj_"] ,[class*="qscyshr_4_sj_"] {
  position: absolute;
  left: calc(var(--left) / var(--base) * 100vh);
  top: calc(var(--top) / var(--base) * 100vh);
  height: calc(var(--height) / var(--base) * 100vh);
}

.qscyshr_4_sj_1_1,.qscyshr_4_sj_2_1,.qscyshr_4_sj_2_2,.qscyshr_4_sj_2_3,.qscyshr_4_sj_2_4,.qscyshr_4_sj_3_1,.qscyshr_4_sj_3_3,.qscyshr_4_sj_3_5,.qscyshr_4_sj_4_1{
  left: calc(50% - (var(--left-num) / var(--base) * 100vh) / 2);
}



/* P5 */

.qscyshr_5_yx_bg{background: url(../images/5/yx/qscyshr_5_yx_1.jpg) center center no-repeat;background-size: cover;}
.qscyshr_5_sjbg{ background: url(../images/5/sj/qscyshr_5_sj_1.jpg) center center no-repeat; background-size: cover; }
.qscyshr_5_yx_1_1{position: absolute;left: calc(50% - (1437/1080)*100vh/2 );top: calc(50% - 950/1080 * 100vh /2 );height: calc(177/1080 * 100vh);}



.qscyshr_5_cj_1 { --left: 100; --top: 200; --height: 781; }
.qscyshr_5_cj_2 { --left: 1120; --top: 735; --height: 257; }
.qscyshr_5_cj_3 { --left: 2680; --top: 260; --height: 181; }
.qscyshr_5_cj_4 { --left: 2850; --top: 690; --height: 179; }
.qscyshr_5_cj_5 { --left: 4085; --top: 710; --height: 292; }
.qscyshr_5_cj_6 { --left: 4555; --top: 285; --height: 178; }
.qscyshr_5_cj_7 { --left: 5350; --top: 475; --height: 313; }
.qscyshr_5_cj_8 { --left: 6770; --top: 560; --height: 317; }
.qscyshr_5_cj_9 { --left: 8135; --top: 50; --height: 135; }
.qscyshr_5_cj_10 { --left: 9530; --top: 815; --height: 194; }
.qscyshr_5_cj_11 { --left: 10410; --top: 85; --height: 310; }
.qscyshr_5_cj_12 { --left: 10600; --top: 460; --height: 258; }
.qscyshr_5_cj_13 { --left: 11520; --top: 735; --height: 319; }
.qscyshr_5_cj_14 { --left: 13300; --top: 805; --height: 251; }
.qscyshr_5_cj_15 { --left: 13400; --top: 60; --height: 258; }
.qscyshr_5_cj_16 { --left: 14460; --top: 750; --height: 261; }
.qscyshr_5_cj_17 { --left: 14760; --top: 70; --height: 256; }
.qscyshr_5_cj_18 { --left: 15945; --top: 55; --height: 325; }
.qscyshr_5_cj_19 { --left: 17315; --top: 705; --height: 213; }
.qscyshr_5_cj_20 { --left: 17860; --top: 165; --height: 201; }
.qscyshr_5_cj_21 { --left: 19070; --top: 75; --height: 253; }
.qscyshr_5_cj_22 { --left: 19400; --top: 545; --height: 259; }
.qscyshr_5_cj_23 { --left: 20725; --top: 470; --height: 191; }
.qscyshr_5_cj_24 { --left: 20785; --top: 25; --height: 252; }
.qscyshr_5_cj_25 { --left: 21035; --top: 800; --height: 262; }
.qscyshr_5_cj_26 { --left: 21880; --top: 100; --height: 266; }
.qscyshr_5_cj_27 { --left: 23305; --top: 150; --height: 776; }


.qscyshr_5_sj_1_1 { --left-num: 1588; --top: 0; --height: 613; }
.qscyshr_5_sj_1_2 { left: calc(50% - (497 / 1080 * 100vh) / 2 - ((260 + 497/2) / 1080 * 100vh)) !important; --top: 300; --height: 391;}
.qscyshr_5_sj_1_3 { --left-num: 351; --top: 620; --height: 169; }
.qscyshr_5_sj_1_4 {  left: calc(50% - (290 / 1080 * 100vh) / 2 + ((340 + 290/2) / 1080 * 100vh)) !important; --top: 300; --height: 392; }
.qscyshr_5_sj_1_5 { --left-num: 1639; --top:845; --height: 53; }

.qscyshr_5_sj_2_1 { --left-num: 974; --top: 77; --height: 913; z-index: 11; }
.qscyshr_5_sj_2_2 { left: calc(50% - (446 / 1080 * 100vh) / 2 - ((280 + 446/2) / 1080 * 100vh)) !important; --top: 636; --height: 232;}
.qscyshr_5_sj_2_3 { --left-num: 358; --top: 28; --height: 226; }
.qscyshr_5_sj_2_4 {  left: calc(50% - (367 / 1080 * 100vh) / 2 + ((320 + 367/2) / 1080 * 100vh)) !important; --top: 630; --height: 235; }


.qscyshr_5_sj_3_1 { --left-num: 554; --top: 183; --height: 715; z-index: 11; }
.qscyshr_5_sj_3_2 { left: calc(50% - (99 / 1080 * 100vh) / 2 - ((330 + 99/2) / 1080 * 100vh)) !important; --top: 460; --height: 148;}
.qscyshr_5_sj_3_3 { left: calc(50% - (149 / 1080 * 100vh) / 2 + ((500 + 149/2) / 1080 * 100vh)) !important; --top: 460; --height: 148; }
.qscyshr_5_sj_3_4 {  left: calc(50% - (127 / 1080 * 100vh) / 2 - ((600 + 127/2) / 1080 * 100vh)) !important; --top: 460; --height: 147; }
.qscyshr_5_sj_3_5 {  --left-num: 1626; --top: 0; --height: 1080; }

.qscyshr_5_sj_4_1 {--left-num: 1350;--top: 142;--height: 796;z-index: 11;}
.qscyshr_5_sj_4_2 { --left-num: 1784; --top: 0; --height: 1080;z-index: 11;}
.qscyshr_5_sj_4_3 {left: calc(50% - (994 / 1080 * 100vh) / 2 - ((-225 + 994/2) / 1080 * 100vh)) !important;--top: 46;--height: 456;}
.qscyshr_5_sj_4_4 {left: calc(50% - (990 / 1080 * 100vh) / 2 - ((-225 + 990/2) / 1080 * 100vh)) !important;--top: 580;--height: 445;}
.qscyshr_5_sj_4_5 {  left: calc(50% - (542 / 1080 * 100vh) / 2 + ((250 + 542/2) / 1080 * 100vh)) !important; --top: 370; --height: 233; z-index: 12;}


.qscyshr_5_sj_5_1 { --left-num: 1595; --top: auto; bottom: 0; --height: 620; }
.qscyshr_5_sj_5_2 { left: calc(50% - (327 / 1080 * 100vh) / 2 - ((350 + 327/2) / 1080 * 100vh)) !important; --top: 440; --height: 341; }
.qscyshr_5_sj_5_3 { --left-num: 679; --top: 265; --height: 370; }
.qscyshr_5_sj_5_4 { left: calc(50% - (456 / 1080 * 100vh) / 2 + ((320 + 456/2) / 1080 * 100vh)) !important; --top: 440; --height: 329; }
.qscyshr_5_sj_5_5 { --left-num: 1009; --top: 80; --height: 49; }


[class*="qscyshr_5_cj_"] ,[class*="qscyshr_5_sj_"] {
  position: absolute;
  left: calc(var(--left) / var(--base) * 100vh);
  top: calc(var(--top) / var(--base) * 100vh);
  height: calc(var(--height) / var(--base) * 100vh);
}

.qscyshr_5_sj_1_1,.qscyshr_5_sj_1_3,.qscyshr_5_sj_1_5,.qscyshr_5_sj_2_1,.qscyshr_5_sj_2_3,.qscyshr_5_sj_3_1,.qscyshr_5_sj_3_5,.qscyshr_5_sj_4_1,.qscyshr_5_sj_4_2,.qscyshr_5_sj_5_1,.qscyshr_5_sj_5_3,.qscyshr_5_sj_5_5{
  left: calc(50% - (var(--left-num) / var(--base) * 100vh) / 2);
}


/* P6 */

.qscyshr_6_yx_bg{background: url(../images/6/yx/qscyshr_6_yx_1.jpg) center center no-repeat;background-size: cover;}
.qscyshr_6_sjbg{ background: url(../images/6/sj/qscyshr_6_sj_1.jpg) center center no-repeat; background-size: cover; }
.qscyshr_6_yx_1_1{position: absolute;left: calc(50% - (822/1080)*100vh/2 );top: calc(50% - 950/1080 * 100vh /2 );height: calc(162/1080 * 100vh);}



.qscyshr_6_cj_1 { --left: 100; --top: 140; --height: 870; }
.qscyshr_6_cj_2 { --left: 830; --top: 190; --height: 248; }
.qscyshr_6_cj_3 { --left: 1974; --top: 705; --height: 247; }
.qscyshr_6_cj_4 { --left: 2235; --top: 420; --height: 130; }
.qscyshr_6_cj_5 { --left: 3240; --top: 75; --height: 324; }
.qscyshr_6_cj_6 { --left: 3920; --top: 600; --height: 255; }
.qscyshr_6_cj_7 { --left: 5225; --top: 490; --height: 318; }
.qscyshr_6_cj_8 { --left: 6810; --top: 545; --height: 400; }
.qscyshr_6_cj_9 { --left: 7840; --top: 40; --height: 264; }
.qscyshr_6_cj_10 { --left: 9190; --top: 565; --height: 213; }
.qscyshr_6_cj_11 { --left: 10680; --top: 85; --height: 315; }
.qscyshr_6_cj_12 { --left: 12355; --top: 70; --height: 315; }
.qscyshr_6_cj_13 { --left: 14730; --top: 125; --height: 191; }
.qscyshr_6_cj_14 { --left: 16090; --top: 70; --height: 354; }
.qscyshr_6_cj_15 { --left: 16840; --top: 645; --height: 329; }
.qscyshr_6_cj_16 { --left: 17635; --top: 165; --height: 134; }
.qscyshr_6_cj_17 { --left: 17980; --top: 445; --height: 136; }
.qscyshr_6_cj_18 { --left: 19540; --top: 200; --height: 268; }
.qscyshr_6_cj_19 { --left: 21175; --top: 165; --height: 241; }
.qscyshr_6_cj_20 { --left: 21795; --top: 590; --height: 274; }
.qscyshr_6_cj_21 { --left: 22200; --top: 95; --height: 185; }
.qscyshr_6_cj_22 { --left: 23870; --top: 575; --height: 273; }
.qscyshr_6_cj_23 { --left: 25240; --top: 325; --height: 410; }
.qscyshr_6_cj_24 { --left: 27345; --top: 160; --height: 143; }
.qscyshr_6_cj_25 { --left: 28755; --top: 250; --height: 277; }
.qscyshr_6_cj_26 { --left: 30470; --top: 645; --height: 274; }
.qscyshr_6_cj_27 { --left: 33530; --top: 665; --height: 267; }
.qscyshr_6_cj_28 { --left: 34860; --top: 160; --height: 764; }


.qscyshr_6_sj_1_1 {--left-num: 796;--top: 92;--height: 812;}
.qscyshr_6_sj_1_2 { --left-num: 1628; --top: 0; --height: 1080;}
.qscyshr_6_sj_1_3 {--left-num: 886;--top: 548;--height: 406;}
.qscyshr_6_sj_1_4 {  left: calc(50% - (241 / 1080 * 100vh) / 2 + ((486 + 241/2) / 1080 * 100vh)) !important; --top: 420; --height: 139; }

.qscyshr_6_sj_2_1 { --left-num: 996; --top: 201; --height: 678; z-index: 11; }
.qscyshr_6_sj_2_2 { left: calc(50% - (360 / 1080 * 100vh) / 2 - ((490 + 360/2) / 1080 * 100vh)) !important; --top: 411; --height: 180;}
.qscyshr_6_sj_2_3 {  left: calc(50% - (393 / 1080 * 100vh) / 2 + ((480 + 393/2) / 1080 * 100vh)) !important; --top: 413; --height: 218; }


.qscyshr_6_sj_3_1 { --left-num: 1581; --top: 0; --height: 613; }
.qscyshr_6_sj_3_2 { left: calc(50% - (541 / 1080 * 100vh) / 2 - ((265 + 541/2) / 1080 * 100vh)) !important; --top: 270; --height: 352;}
.qscyshr_6_sj_3_3 { --left-num: 545; --top: 430; --height: 354; }
.qscyshr_6_sj_3_4 {  left: calc(50% - (430 / 1080 * 100vh) / 2 + ((300 + 430/2) / 1080 * 100vh)) !important; --top: 270; --height: 352; }
.qscyshr_6_sj_3_5 {  --left-num: 1048; --top: 945; --height: 54; }

.qscyshr_6_sj_4_1 {--left-num: 1734;--top: 50;--height: 909;z-index: 11;}


[class*="qscyshr_6_cj_"] ,[class*="qscyshr_6_sj_"] {
  position: absolute;
  left: calc(var(--left) / var(--base) * 100vh);
  top: calc(var(--top) / var(--base) * 100vh);
  height: calc(var(--height) / var(--base) * 100vh);
}

.qscyshr_6_sj_1_1,.qscyshr_6_sj_1_2,.qscyshr_6_sj_1_3,.qscyshr_6_sj_2_1,.qscyshr_6_sj_3_1,.qscyshr_6_sj_3_3,.qscyshr_6_sj_3_5,.qscyshr_6_sj_4_1{
  left: calc(50% - (var(--left-num) / var(--base) * 100vh) / 2);
}


/* P7 */

.qscyshr_7_yx_bg{background: url(../images/7/yx/qscyshr_7_yx_1.jpg) center center no-repeat;background-size: cover;}
.qscyshr_7_sjbg{ background: url(../images/7/sj/qscyshr_7_sj_1.jpg) center center no-repeat; background-size: cover; }
.qscyshr_7_yx_1_1{position: absolute;left: calc(50% - (822/1080)*100vh/2 );top: calc(50% - 950/1080 * 100vh /2 );height: calc(162/1080 * 100vh);}



.qscyshr_7_cj_1 { --left: 100; --top: 150; --height: 866; }
.qscyshr_7_cj_2 { --left: 840; --top: 340; --height: 185; }
.qscyshr_7_cj_3 { --left: 1940; --top: 95; --height: 185; }
.qscyshr_7_cj_4 { --left: 2920; --top: 325; --height: 247; }
.qscyshr_7_cj_5 { --left: 5165; --top: 95; --height: 192; }
.qscyshr_7_cj_6 { --left: 7180; --top: 250; --height: 210; }
.qscyshr_7_cj_7 { --left: 8670; --top: 740; --height: 262; }
.qscyshr_7_cj_8 { --left: 10755; --top: 50; --height: 294; }
.qscyshr_7_cj_9 { --left: 12470; --top: 770; --height: 243; }
.qscyshr_7_cj_10 { --left: 14510; --top: 75; --height: 200; }
.qscyshr_7_cj_11 { --left: 16530; --top: 800; --height: 268; }
.qscyshr_7_cj_12 { --left: 18030; --top: 30; --height: 265; }
.qscyshr_7_cj_13 { --left: 19770; --top: 180; --height: 198; }
.qscyshr_7_cj_14 { --left: 21700; --top: 755; --height: 309; }
.qscyshr_7_cj_15 { --left: 23745; --top: 850; --height: 190; }
.qscyshr_7_cj_16 { --left: 25495; --top: 635; --height: 316; }
.qscyshr_7_cj_17 { --left: 26950; --top: 160; --height: 265; }
.qscyshr_7_cj_18 { --left: 28900; --top: 80; --height: 893; }


.qscyshr_7_sj_1_1 {--left-num: 778;--top: 150;--height: 782;z-index: 11;}
.qscyshr_7_sj_1_2 {left: calc(50% - (231 / 1080 * 100vh) / 2 - ((491 + 231/2) / 1080 * 100vh)) !important;--top: 477;--height: 155;z-index: 11;}
.qscyshr_7_sj_1_3 {left: calc(50% - (355 / 1080 * 100vh) / 2 + ((430 + 355/2) / 1080 * 100vh)) !important;--top: 444;--height: 171;z-index: 11;}
.qscyshr_7_sj_1_4 {--left-num: 1630;--top: 0;--height: 1080; }

.qscyshr_7_sj_2_1 {--left-num: 795;--top: 150;--height: 789;z-index: 11;}
.qscyshr_7_sj_2_2 {left: calc(50% - (322 / 1080 * 100vh) / 2 - ((410 + 322/2) / 1080 * 100vh)) !important;--top: 470;--height: 162;z-index: 11;}
.qscyshr_7_sj_2_3 {left: calc(50% - (333 / 1080 * 100vh) / 2 + ((400 + 333/2) / 1080 * 100vh)) !important;--top: 474;--height: 158;z-index: 11;}
.qscyshr_7_sj_2_4 {--left-num: 1634;--top: 0;--height: 1080; }

.qscyshr_7_sj_3_1 { --left-num: 1589; --top: 0; --height: 617; }
.qscyshr_7_sj_3_2 { left: calc(50% - (550 / 1080 * 100vh) / 2 - ((265 + 550/2) / 1080 * 100vh)) !important; --top: 270; --height: 359;}
.qscyshr_7_sj_3_3 { --left-num: 489; --top: 430; --height: 391; }
.qscyshr_7_sj_3_4 {  left: calc(50% - (348 / 1080 * 100vh) / 2 + ((300 + 348/2) / 1080 * 100vh)) !important; --top: 290; --height: 410; }
.qscyshr_7_sj_3_5 {  --left-num: 1860; --top: 945; --height: 49; }

.qscyshr_7_sj_4_1 {--left-num: 1734;--top: 50;--height: 909;z-index: 11;}


[class*="qscyshr_7_cj_"] ,[class*="qscyshr_7_sj_"] {
  position: absolute;
  left: calc(var(--left) / var(--base) * 100vh);
  top: calc(var(--top) / var(--base) * 100vh);
  height: calc(var(--height) / var(--base) * 100vh);
}

.qscyshr_7_sj_1_1,.qscyshr_7_sj_1_4,.qscyshr_7_sj_2_1,.qscyshr_7_sj_2_4,.qscyshr_7_sj_3_1,.qscyshr_7_sj_3_3,.qscyshr_7_sj_3_5,.qscyshr_7_sj_4_1{
  left: calc(50% - (var(--left-num) / var(--base) * 100vh) / 2);
}


/* P8 */

.qscyshr_w_bg{background: url(../images/w/qscyshr_w_1.jpg) center center no-repeat;background-size: cover;}
.qscyshr_w_1_1{position: absolute;left: calc(50% - (838/1080)*100vh/2 );top: calc(50% - 950/1080 * 100vh /2 );height: calc(189/1080 * 100vh);}



.music{ 
	display: none;
	width: 27px;
	height: 27px;
	position: absolute;
	left: 15px;
	top: 15px;
	z-index: 100;
}
.music.play {
	display: block;
	background:url(../images/music-play.png) no-repeat;;
	background-size: 27px auto;
}
.music.pause {
	display: block;
	background: url(../images/music-pause.png) no-repeat;
	background-size: 27px auto;
}

.fRight1,.fIn1,.fUp1,.fLeft1,.fDown1,.zIn1,.fLeft2,.fRight2,.fUp2,.fIn2{ opacity: 0;}


.scroll_here .rub{-webkit-animation-name: bounceIn; animation-name: bounceIn;}
.scroll_here .fRight1,.scroll_here.fRight1,.d_on .fRight1,.fRight2{-webkit-animation-name: fInRight1; animation-name: fInRight1;}
.scroll_here .fIn1,.bg_here.fIn2{-webkit-animation-name: fadeIn; animation-name: fadeIn;}
.scroll_here .fUp1,.scroll_here.fUp1,.logo_show.fUp1,.fUp2,.qscyshr_video3.fUp3{-webkit-animation-name: fInUp1; animation-name: fInUp1;}
.scroll_here .fLeft1,.scroll_here.fLeft1,.d_on .fLeft1,.fLeft2{-webkit-animation-name: fInLeft1; animation-name: fInLeft1;}
.scroll_here .fDown1,.scroll_here.fDown1,.fDown2{-webkit-animation-name: fadeInDown1; animation-name: fadeInDown1;}
.scroll_here .zIn1,.scroll_here.zIn1 {-webkit-animation-name: zoomIn; animation-name: zoomIn;}

.swiper1_1_active .fDown1_2{ -webkit-animation-name: fadeInDown; animation-name: fadeInDown;}
.swiper1_1_active .fUp1_2{ -webkit-animation-name: fadeInUp; animation-name: fadeInUp;}
.swiper1_1_active .fDown1_2{ -webkit-animation-name: fadeInDown; animation-name: fadeInDown;}
.swiper1_1_active .fUp1_2{ -webkit-animation-name: fadeInUp; animation-name: fadeInUp;}
.swiper1_1_active .fLeft1_2{ -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft;}
.swiper1_1_active .fRight1_2{ -webkit-animation-name: fadeInRight; animation-name: fadeInRight;}
.swiper1_1_active .fIn1_2{ -webkit-animation-name: fadeIn; animation-name: fadeIn;}
.swiper1_1_active .zIn1_2 {-webkit-animation-name: zoomIn; animation-name: zoomIn;}
.swiper1_1_active .zInDown1_2 {-webkit-animation-name: zoomInDown; animation-name: zoomInDown;}
.swiper1_1_active .swiper-slide-active .fDown1_1{ -webkit-animation-name: fadeInDown; animation-name: fadeInDown;}
.swiper1_1_active .swiper-slide-active .fUp1_1{ -webkit-animation-name: fadeInUp; animation-name: fadeInUp;}
.swiper1_1_active .swiper-slide-active .fLeft1_1{ -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft;}
.swiper1_1_active .swiper-slide-active .fRight1_1{ -webkit-animation-name: fadeInRight; animation-name: fadeInRight;}
.swiper1_1_active .swiper-slide-active .fIn1_1{ -webkit-animation-name: fadeIn; animation-name: fadeIn;}
.swiper1_1_active .swiper-slide-active .zIn1_1 {-webkit-animation-name: zoomIn; animation-name: zoomIn;}
.swiper1_1_active .swiper-slide-active .zInDown1_1 {-webkit-animation-name: zoomInDown; animation-name: zoomInDown;}
.swiper-slide-active .fDown{ -webkit-animation-name: fadeInDown; animation-name: fadeInDown;}
.swiper-slide-active .fIn{ -webkit-animation-name: fadeIn; animation-name: fadeIn;}
.swiper-slide-active .fUp{ -webkit-animation-name: fadeInUp; animation-name: fadeInUp;}
.swiper-slide-active .fLeft{ -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft;}
.swiper-slide-active .fRight{ -webkit-animation-name: fadeInRight; animation-name: fadeInRight;}
.swiper-slide-active .rInUpLeft{ -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft;}
.swiper-slide-active .rInUpRight{ -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight;}
.swiper-slide-active .rInDownLeft{ -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft;}
.swiper-slide-active .rInDownRight{ -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight;}
.swiper-slide-active .zInDown {-webkit-animation-name: zoomInDown; animation-name: zoomInDown;}
.swiper-slide-active .rIn {-webkit-animation-name: rollIn; animation-name: rollIn;}
.swiper-slide-active .zIn {-webkit-animation-name: zoomIn; animation-name: zoomIn;}
.swiper-slide-active .expand {animation-name: expand;}
.swiper-slide-active .fUpOut{ -webkit-animation-name: fadeInUp,fadeOut; animation-name: fadeInUp,fadeOut;-webkit-animation-delay: 0s, 10s; animation-delay: 0s, 10s;}
.swiper-slide-active .xza{ -webkit-animation-name: xuanzhuana; animation-name: xuanzhuana;}
.swiper-slide-active .xzb{ -webkit-animation-name: xuanzhuanb; animation-name: xuanzhuanb;}


.n01{animate-delay: 0.2s;-moz-animation-delay: 0.2s;-webkit-animation-delay: 0.2s;}
.n02{animate-delay: 0.6s;-moz-animation-delay: 0.6s;-webkit-animation-delay: 0.6s;}
.n03{animate-delay: 1s;-moz-animation-delay: 1s;-webkit-animation-delay: 1s;}
.n04{animate-delay: 1.4s;-moz-animation-delay: 1.4s;-webkit-animation-delay: 1.4s;}
.n05{animate-delay: 1.8s;-moz-animation-delay: 1.8s;-webkit-animation-delay: 1.8s;}
.n06{animate-delay: 2.2s;-moz-animation-delay: 2.2s;-webkit-animation-delay: 2.2s;}
.n07{animate-delay: 2.6s;-moz-animation-delay: 2.6s;-webkit-animation-delay: 2.6s;}

.i01{animate-delay: 0.4s;-moz-animation-delay: 0.4s;-webkit-animation-delay: 0.4s;}
.i02{animate-delay: 0.8s;-moz-animation-delay: 0.8s;-webkit-animation-delay: 0.8s;}
.i03{animate-delay: 1.2s;-moz-animation-delay: 1.2s;-webkit-animation-delay: 1.2s;}
.i04{animate-delay: 1.6s;-moz-animation-delay: 1.6s;-webkit-animation-delay: 1.6s;}
.i05{animate-delay: 2s;-moz-animation-delay: 2s;-webkit-animation-delay: 2s;}
.i06{animate-delay: 2.4s;-moz-animation-delay: 2.4s;-webkit-animation-delay: 2.4s;}
.i07{animate-delay: 2.8s;-moz-animation-delay: 2.8s;-webkit-animation-delay: 2.8s;}
.i08{animate-delay: 3.2s;-moz-animation-delay: 3.2s;-webkit-animation-delay: 3.2s;}
.i09{animate-delay: 3.6s;-moz-animation-delay: 3.6s;-webkit-animation-delay: 3.6s;}
.i10{animate-delay: 4s;-moz-animation-delay: 4s;-webkit-animation-delay: 4s;}
.i11{animate-delay: 4.4s;-moz-animation-delay: 4.4s;-webkit-animation-delay: 4.4s;}


.fIn2{ -webkit-animation-name: fadeIn; animation-name: fadeIn;}


 @keyframes expand {
  0% {
	transform: scaleX(0);
  }
  100% {
	transform: scaleX(1);
  }
}

@keyframes xuanzhuana {
  0% {
	transform: rotate(-180deg);
	transform-origin: 51% 110%;
	opacity: 0;
  }
  100% {
	transform: rotate(0);
	transform-origin: 51% 110%;
	opacity: 1;
  }
}

@keyframes xuanzhuanb {
  0% {
	transform: rotate(-180deg);
	transform-origin: 50% -8%;
	opacity: 0;
  }
  100% {
	transform: rotate(0);
	transform-origin: 50% -8%;
	opacity: 1;
  }
}


@-webkit-keyframes bounceInWithDelay {
	0% {
		opacity: 1;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
	1% {
		-webkit-transform: scale3d(0.8, 0.8, 0.8);
		transform: scale3d(0.8, 0.8, 0.8);
	}
	10% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1);
	}
	20% {
		-webkit-transform: scale3d(0.9, 0.9, 0.9);
		transform: scale3d(0.9, 0.9, 0.9);
	}
	33% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
	100% {
		opacity: 1;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}
@keyframes bounceInWithDelay {
	0% {
		opacity: 1;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}

	1% {
		-webkit-transform: scale3d(0.8, 0.8, 0.8);
		transform: scale3d(0.8, 0.8, 0.8);
	}
	10% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1);
	}
	20% {
		-webkit-transform: scale3d(0.9, 0.9, 0.9);
		transform: scale3d(0.9, 0.9, 0.9);
	}
	33% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
	100% {
		opacity: 1;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}
@keyframes ddd {
	0%,to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}

	10%,30%,50%,70%,90% {
		-webkit-transform: translate3d(-1.5vw,0,0);
		transform: translate3d(-1.5vw,0,0)
	}

	20%,40%,60%,80% {
		-webkit-transform: translate3d(1.5vw,0,0);
		transform: translate3d(1.5vw,0,0)
	}
}
.aa{
		animation:aaa 10s infinite;
		-webkit-animation:aaa 10s infinite;
	}
	@keyframes aaa {
		0%,to {
			-webkit-transform: translateZ(0);
			transform: translateZ(0)
		}
	
		10%,30%,50%,70%,90% {
			-webkit-transform: translate3d(0,-1.5vw,0);
			transform: translate3d(0,-1.5vw,0)
		}
	
		20%,40%,60%,80% {
			-webkit-transform: translate3d(0,1.5vw,0);
			transform: translate3d(0,1.5vw,0)
		}
	}
	.bb{
		animation:bbb 3s infinite;
		-webkit-animation:bbb 3s infinite;
		transform: scale(1.2);
		transform-origin: center;
	}
	@keyframes bbb{
		0%{transform: scale(1.2);opacity: 0.5;}
		30%{transform: scale(1);opacity: 1;}
		70%{transform: scale(1);opacity: 1;}
		100%{transform: scale(1.2);opacity: 0.5;}
	}
	@-webkit-keyframes bbb{
		0%{transform: scale(1.2);opacity: 0.5;}
		30%{transform: scale(1);opacity: 1;}
		70%{transform: scale(1);opacity: 1;}
		100%{transform: scale(1.2);opacity: 0.5;}
	}



@-webkit-keyframes fadeInDown2 {
  0% {
	opacity: 0.8;
	-webkit-transform: translate3d(0, 30px, 0);
			transform: translate3d(0, 30px, 0);
  }

  100% {
	opacity: 1;
	-webkit-transform: none;
			transform: none;
  }
}

@keyframes fadeInDown2 {
  0% {
	opacity: 0.8;
	-webkit-transform: translate3d(0,30px, 0);
			transform: translate3d(0,30px, 0);
  }

  100% {
	opacity: 1;
	-webkit-transform: none;
			transform: none;
  }
}
@-webkit-keyframes fInUp1 {
  0% {
	opacity: 0;
	-webkit-transform: translate3d(30px,0, 0);
			transform: translate3d(30px,0, 0);
  }

  100% {
	opacity: 1;
	-webkit-transform: none;
			transform: none;
  }
}

@keyframes fInRight1 {
  0% {
	opacity: 0;
	-webkit-transform: translate3d(30px,0, 0);
			transform: translate3d(30px,0, 0);
  }

  100% {
	opacity: 1;
	-webkit-transform: none;
			transform: none;
  }
}
@-webkit-keyframes fInRight1 {
  0% {
	opacity: 0;
	-webkit-transform: translate3d(30px,0, 0);
			transform: translate3d(30px,0, 0);
  }

  100% {
	opacity: 1;
	-webkit-transform: none;
			transform: none;
  }
}
@keyframes fInLeft1 {
  0% {
	opacity: 0;
	-webkit-transform: translate3d(-30px,0, 0);
			transform: translate3d(-30px,0, 0);
  }

  100% {
	opacity: 1;
	-webkit-transform: none;
			transform: none;
  }
}
@-webkit-keyframes fInLeft1 {
  0% {
	opacity: 0;
	-webkit-transform: translate3d(-30px,0, 0);
			transform: translate3d(-30px,0, 0);
  }

  100% {
	opacity: 1;
	-webkit-transform: none;
			transform: none;
  }
}
@-webkit-keyframes fInUp1 {
  0% {
	opacity: 0;
   -webkit-transform: translate3d(0, 30px, 0);
		   transform: translate3d(0, 30px, 0);
  }

  100% {
	opacity: 1;
	-webkit-transform: none;
			transform: none;
  }
}

@keyframes fInUp1 {
  0% {
	opacity: 0;
   -webkit-transform: translate3d(0, 30px, 0);
		   transform: translate3d(0, 30px, 0);
  }

  100% {
	opacity: 1;
	-webkit-transform: none;
			transform: none;
  }
}




@-webkit-keyframes fadeInDown1 {
  0% {
	opacity: 0;
	-webkit-transform: translate3d(0, -30px, 0);
			transform: translate3d(0, -30px, 0);
  }

  100% {
	opacity: 1;
	-webkit-transform: none;
			transform: none;
  }
}

@keyframes fadeInDown1 {
  0% {
	opacity: 0;
	-webkit-transform: translate3d(0, -30px, 0);
			transform: translate3d(0, -30px, 0);
  }

  100% {
	opacity: 1;
	-webkit-transform: none;
			transform: none;
  }
}





.loading_y{
		width: 20px;
		height: 20px;
		background-color: #994c32;
		float: left;
		-moz-border-radius: 50% 50% 50% 50%;
		-webkit-border-radius: 50% 50% 50% 50%;
		border-radius: 50% 50% 50% 50%;
		margin-right: 20px;
		margin-bottom: 20px;	
	}
.loading_y:nth-child(2n+0) {
	margin-right: 0px;

}
#loading_y_one{
	-webkit-animation: loading_y_one 1s infinite;
	animation: loading_y_one 1s infinite;
	}
#loading_y_two{
	-webkit-animation: loading_y_two 1s infinite;
	animation: loading_y_two 1s infinite;
	}	
#loading_y_three{
	-webkit-animation: loading_y_three 1s infinite;
	animation: loading_y_three 1s infinite;
	}		
#loading_y_four{
	-webkit-animation: loading_y_four 1s infinite;
	animation: loading_y_four 1s infinite;
	}		
	
@-webkit-keyframes loading-center-absolute{
100% {
	-ms-transform: rotate(360deg); 
	-webkit-transform: rotate(360deg); 
	transform: rotate(360deg); 
	}			
	
}		
@keyframes loading-center-absolute{
100% {
	-ms-transform: rotate(360deg); 
	-webkit-transform: rotate(360deg); 
	transform: rotate(360deg); 
	}
}						
@-webkit-keyframes loading_y_one{
50% {
	-ms-transform: translate(20px,20px); 
	-webkit-transform: translate(20px,20px);
	transform: translate(20px,20px);
	}
}		
@keyframes loading_y_one{
50% {
	 -ms-transform: translate(20px,20px); 
	-webkit-transform: translate(20px,20px);
	transform: translate(20px,20px);
	}
}
@-webkit-keyframes loading_y_two{
50% {
	-ms-transform: translate(-20px,20px); 
	-webkit-transform: translate(-20px,20px);
	transform: translate(-20px,20px);
	}
}		
@keyframes loading_y_two{
50% {
	-ms-transform: translate(-20px,20px); 
	-webkit-transform: translate(-20px,20px);
	transform: translate(-20px,20px);
	}
}
@-webkit-keyframes loading_y_three{
50% {
	-ms-transform: translate(20px,-20px); 
	-webkit-transform: translate(20px,-20px);
	transform: translate(20px,-20px);
	}
}		
@keyframes loading_y_three{
50% {
	-ms-transform: translate(20px,-20px); 
	-webkit-transform: translate(20px,-20px);
	transform: translate(20px,-20px);
	}
}
@-webkit-keyframes loading_y_four{
50% {
	-ms-transform: translate(-20px,-20px); 
	-webkit-transform: translate(-20px,-20px);
	transform: translate(-20px,-20px);
	}
}		
@keyframes loading_y_four{
50% {
	-ms-transform: translate(-20px,-20px); 
	-webkit-transform: translate(-20px,-20px);
	transform: translate(-20px,-20px);
	}
}