*{-webkit-tap-highlight-color:rgba(0,0,0,0);}
html,body,#container,.swiper-body{ width: 100%; height: 100%;  max-width: 750px; margin: 0 auto; overflow: hidden;font-family:"\5FAE\8F6F\96C5\9ED1";-webkit-text-size-adjust:100%!important; }
.swiper-slide{ overflow: hidden; width: 100vw; height: 100vh;}
#container{ position: absolute; left: 0; top: 0; z-index: -1; pointer-events: none;}
#container .tip {
    height: 30vh;
    z-index: 9999;
    position: absolute;
    right: 2.5vw;
    top: calc(50vh - 15vh);
}
.wnlc_nscoll{ width: 100vw; height: 100vh; overflow-y: auto; overflow-x: hidden;}
.ghzj_load{width: 100vw;height: 100vh;position: fixed;left: 0;top: 0;z-index: 999999999; background-color: #fff;}
.ghzj_load_sp{object-fit:cover ;width: 100vw;height: 100vh;} 
.ghzj_load_wz{font-size: 1rem;border: 2px solid #fff;background-color: rgba(255,255,255,0.9);color: #000;padding: 5px 10px;position: absolute;right: 10px;top: 10px;border-radius: 10px;}
.ghzj_load_sy{position: absolute;right: 5vw;top: 2vw;}
.loadding{  width: 100vw; height: 100vh; position: absolute; left: 0; top: 0; z-index: 99999;background-color: rgba(0,0,0,0.5);}
.loadding img{width: 90vw;margin: 30vh 5vw;}
.loading_open{ padding: 5px 20px;margin: 10px auto;border-radius: 2px;/* background-color: #dfe1e1ad;color: #648A60; */color: #fff;   font-size: 1.2rem;width: auto; display: none; /* width: 15vw; */white-space: nowrap; text-align: center;}
.loading_open:before{content:"";width: 100vw;height: 100vh;position: fixed;}
.wnlc_vh{  width: 100%; height: 140vh;}

.loadding .jdt{width: 100vw;height: 5px;position: absolute;top: 60vh;left: 0;}
.loadding .jdt i{display: inline-block;text-align: center;font-style: normal;width: 0;height: 5px;color: #fff;font-size: 1rem;background-color: #16630b;position: relative;}
.loadding .jdt i::before{ background: url(../images/wnlc_1.gif) 0 center no-repeat; background-size: 100%; content: ""; position: absolute; right:-20px; top: -85px; width:100px; height:100px; z-index: 99;}
.loadding .jdt p{text-align: center;font-size: 1rem;color: #fff; margin-top: 5px;}

.wnlc_pn{ position: relative;  height: 100vh; width: 100vw; }
.njwh_p6{}
.njwh_p6 .wnlc_pn{/* background: url(../images/wnlc7_4.png) no-repeat;background-size: 100% 100%; */}
.wnlc_pn img{ position: absolute; left: 0; top: 0; width: 100%; height: 100vh;}

.wnlc_p0{background: url(../images/wnlc_1.jpg) no-repeat;background-size: 100% 100%;}
.wnlc_p0 .img1{ opacity: 1;}
.wnlc_p0_js{width: 85vw;font-size: 0.875rem;line-height: 2;text-align: center;position: absolute;left: 7.5vw;top: 65vh; opacity: 0; }
/* .wnlc_on .wnlc_p0_js1{ animation: js1 6s forwards;animation-delay: 1s;}
.wnlc_on .wnlc_p0_js2{ animation: js2 2s forwards;animation-delay: 7s;} */
.wnlc_p0_js  i{color: #6c8200;font-style: normal;font-size: 1rem;font-weight: bold;}
.wnlc_p0_js p{}

.wnlc_p1{ background: url(../images/wnlc_2.jpg) no-repeat; background-size: 100% 100%;}
.wnlc_p1_js{padding-top: 75vh; margin: 0 auto; width: 80vw;  font-size: 0.875rem; line-height: 2; text-align: center; }
.wnlc_p1_js b{color: #6c8200; font-style: normal; font-size: 1rem;}
.wnlc_p1_js i{position: relative;z-index: 99;margin: 0 2px;font-style: normal;}
.wnlc_p1_js i::after{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 50%;background-color: #6c8200;z-index: -1;border-radius: 10px;}

.wnlc_p1_js p{}

.wnlc_p3{ background:#c3e1b1;}

.wnlc_p2{}
.wnlc_p2 i{color: #ffe709;font-style: normal;font-size: 1rem;font-weight: bold;}
.wnlc_p3_js{position: absolute;left: 12.5vw;bottom: 12vh;width: 75vw;font-size: 0.875rem;line-height: 2; text-align: center;}
.wnlc_p3_js i{color: #0a9285;font-style: normal; font-weight: bold;}
.wnlc_p3_js p{   /* text-indent: 2em; */}
.wnlc_nljs{ width: 80vw; margin: 0 auto;}
.wnlc_nljs_box{ height: 140vh; text-align: center; color: #fff;}
.wnlc_nljs_box:last-child{height:60vh;}
.wnlc_nljs_box .d1{ background: url(../images/wnlc_23.png) no-repeat; width: 80vw; height: calc(100vw * 0.8 * 0.68); background-size: 100%;}
.wnlc_nljs_box .d1 img{height: 100%;margin-top: -3vh;}
.wnlc_nljs_box .d1 h2{
    margin-top: -1.9rem;
    font-size: 1.2rem;
    color: #00777c;
    letter-spacing: 1.5px;
    /* margin-bottom: 5px; */
}
.wnlc_nljs_box .d1 h4{
    font-size: 0.875rem;
    color: #00777c;
}
.wnlc_nljs_box .d2_1 h3,.wnlc_nljs_box .d2_1 h5{font-size: 0.875rem;line-height: 1.5;}
.wnlc_nljs_box .d2{background-color: rgba(28, 168, 173, 0.8);padding: 2vh 2vw;text-align: left;border-radius: 0  0 15px 15px;}
.wnlc_nljs_box .d2_1{float: left;display: flex;flex-direction: column;justify-content: center;height: 10vh;}
.wnlc_nljs_box .d2_2{float: right; position:relative;background-color: #50d7dd;width: 35%;border-radius: 10px;padding: 2vw 3vw;}

.wnlc_nljs_box .d2_2 p{
    font-size: 0.75rem;
    color: #005e61;
}
.wnlc_nljs_box .d2_2 p.i1{
    color: #fff;
    display: flex;
    font-size: 0.875rem;
}
.wnlc_nljs_box .d2_2 p.i1 img{
    margin-left: 5px;
    width: 18px;
    height: 18px;
}
.wnlc_nljs_box .d2_2 .nljs_music{position: absolute;right: 1.5vw;top: 1.5vw;}
.wnlc_nljs_box .d2_2 .nljs_music img{
    width: 12vw;
    height: 12vw;
}
.wnlc_nljs_box .d2_3{border-top: 1px dashed #fff;padding-top: 10px;}

.wnlc_nljs_box .d3{background-color: rgba(28, 168, 173, 0.6);padding: 2vh 2vw;text-align: left;border-radius: 15px; font-size: 0.875rem; color: #fff;}
.wnlc_nljs_box .d3 p{
    text-indent: 2em;
    margin: 10px 0;
    line-height: 1.5;
}

.wnlc_p3_1{background:url(../images/wnlc_3.jpg) no-repeat; background-size: 100% 100%;}
#main{ width: 100vw; height: 35vh;}
.main_blank{padding: 0vh 2vw;clear: both;}
.main_bt{font-size: 0.75rem; color: #308100;padding:0 0 0 5vw;}
.mblank10{ height: 5vh;}

.wnlc_p3_data{ text-align: center; padding-top: 5vh; height: 80vw;}
.wnlc_p3_jj{margin: 0 auto;width: 92vw;line-height: 1.5;font-size: 0.875rem;text-align: left;}
.wnlc_p3_jj p{ text-indent: 2em; margin: 10px 0;}
.wnlc_p3_jj i{position: relative;color: #40785a;font-size: 1rem;z-index: 99;margin: 0 2px;font-style: normal;font-weight: bold;}
.wnlc_p4_1 .wnlc_p3_jj i{color: #7b289f;}
.wnlc_p3_tip{ position: absolute; left: 0; bottom: 25px; text-align: center; font-size: 0.75rem; width: 90vw; padding: 0 5vw; color: #fff;}
.wnlc_p3_nlqt{ padding: 5vh 0;}
.wnlc_p3_nlqt .hd{}
.wnlc_p3_nlqt .hd ul{display: flex;justify-content: space-around;width: 80vw;margin: 0 auto;  }
.wnlc_p3_nlqt .hd ul li {background: url(../images/wnlc_11.png) no-repeat;background-size: 100%;width: 12vw;height: 25vw;display: flex;justify-content: center;align-items: center;  font-weight: bold;  font-size: 1.2rem; color:#396022;}
.wnlc_p3_nlqt .hd ul li:nth-child(2n){ margin-top: 20px;}
.wnlc_p3_nlqt .hd ul li.on{background: url(../images/wnlc_11_1.png) no-repeat;background-size: 100%;color: #A0CB87; position: relative;}
.wnlc_p3_nlqt .hd ul li.on::after{ content: ""; background: url(../images/wnlc_24.png) center 0 no-repeat; width: 100%; bottom: -24px; position: absolute; left: 0; height: 20px;background-size: 20px;}
.wnlc_p3_nlqt .bd{ margin-top: 20px;}
.wnlc_p3_nlqt .bd ul {}
.wnlc_p3_nlqt .bd ul li{display: none;padding:2vw 5vw; background-color: #d7f0c8; border: 1px dotted #8fbf73; font-size: 0.875rem; line-height: 2; width: 70vw; margin: 0 auto; border-radius: 15px; color:#396022;}
.wnlc_p3_nlqt .bd ul li.on{ display: block;}

.wnlc_tip{ font-size: 1rem; margin: 0 auto; width: 92vw; color: #396022;}
#main1{ width: 100vw; height: 100vw;}

.wnlc_p3_data1{ text-align: center; padding-top: 5vh}

#main2{ width: 100vw; height: 80vw;}

.wnlc_p3_data2{ text-align: center; padding-top: 5vh}

#main3{ width: 100vw; height: 35vh; }
#main4{ width: 100vw; height: 100vw; }
#main5{ width: 100vw; height: 100vw; }

.wnlc_p3_data3{ text-align: center; padding-top: 5vh;}
.wnlc_p3_data3 h3{ margin-top: -2vh;}
#wnlc_p3_mp4,#wnlc_p4_mp4,#wnlc_p5_mp4,#wnlc_p6_mp4{ width: 100vw; height: 100vh; object-fit: fill;}
#wnlc_p1_mp4,#wnlc_p6_mp4{width: 100vw; height: 100vh; object-fit: fill; position: absolute;left: 0%; top: 0;}

.wnlc_zdbh{margin: 20px 0;}
.swiper{ width: calc(25vw*3 + 20px); float: left; overflow: hidden;}
.swiper .swiper-slide{ width: 25vw !important; }
.swiper .swiper-slide img{ width: 25vw; height: 25vw;overflow: hidden; border-radius: 100%;}
.swiper .swiper-slide p{ font-size: 0.875rem; text-align: center; margin: 5px 0;}

.wnlc_cjzl{margin: 20px 0;}
.wnlc_cjzl h2{ text-align: center; margin: 20px 0;}
.swiper1{ width: calc(25vw*3 + 20px); float: left;  overflow: hidden;}
.swiper1 .swiper-slide{ width: 25vw !important;}
.swiper1 .swiper-slide img{ width: 25vw; height: 25vw;overflow: hidden; border-radius: 100%;}
.swiper1 .swiper-slide p{ font-size: 0.875rem; text-align: center; margin: 5px 0;}

.dc_img{ background-color: rgba(0,0,0,0.5); position: fixed; width: 100vw; height: 100vh; z-index: 999999; left: 0; top: 0; align-items: center; display: none;}
.dc_img.img_show{ display: flex;}
.dc_img img{ width: 100vw; height: 100vw;}
.dc_img i{background: url(../images/wnlc_34.png) no-repeat;width: 30px;height: 30px;top: calc((100vh - 100vw)/2 + 5px);right: 5px;background-size: 100%;display: inline-block;z-index: 9999;position: absolute;}

.wnlc_cjzl .s_prev,.wnlc_zdbh .s_prev,.wnlc_p5_lb .s_prev,.wnlc_cjzl .s_next,.wnlc_zdbh .s_next,.wnlc_p5_lb .s_next{width: calc((100vw - 25vw * 3 - 20px) / 2);height: 25vw;background-position: center center;background-repeat: no-repeat;background-size: 30%;}
.wnlc_cjzl .s_prev,.wnlc_zdbh .s_prev,.wnlc_p5_lb .s_prev{ float: left; background-image: url(../images/wnlc_13.png);}
.wnlc_cjzl .s_next,.wnlc_zdbh .s_next,.wnlc_p5_lb .s_next{ float: right; background-image: url(../images/wnlc_14.png);}

.wnlc_p4{ }
.wnlc_p4_js{position: absolute;left: 12.5vw;bottom: 10vh;width: 75vw;font-size: 0.875rem;line-height: 2;text-align: center;}
.wnlc_p4_js b{color: #a90e0e; font-style: normal; font-size: 1rem;}
.wnlc_p4_js p{/* text-indent: 2em; */}
.wnlc_p4_1{background:url(../images/wnlc_4.jpg) no-repeat; background-size: 100% 100%;}

.wnlc_p4_lmmc{ text-align: center; background: url(../images/wnlc_20.png) center center no-repeat; height: 56px; line-height: 56px; background-size: auto 100%; color: #fff; font-size: 1.2rem;}
.wnlc_p4_btmc{ font-size: 1rem; text-align: center; font-weight: bold;}
.wnlc_qflx{}
.wnlc_qflx  {background:url(../images/wnlc_25.png) center center no-repeat; width: 100%; height: calc(100vw * (440 / 750)); background-size: 100%; }
.wnlc_qflx .swiper-slide{ width: auto; height: auto;}
.wnlc_qflx_hd .swiper-slide{ width: auto; height: auto;}
.wnlc_qflx img{ width: 100%;}
.wnlc_qflx_hd{ width: 90vw; margin: 0 auto;}
.wnlc_qflx_hd .swiper-wrapper{}
.wnlc_qflx_hd .swiper-slide{display: flex;align-items: center; margin-bottom: 5px;}
.wnlc_qflx_hd .fk{ display: inline-block; width: 5vw; height: 5vw; margin-right: 5px;}
.wnlc_qflx_hd .fk1 .fk{ background-color: #08a091;}
.wnlc_qflx_hd .fk2 .fk{ background-color: #598e37;}
.wnlc_qflx_hd .fk3 .fk{ background-color: #75d232;}
.wnlc_qflx_hd .fk4 .fk{ background-color: #008fd0;}
.wnlc_qflx_hd .fk1{ color: #08a091;}
.wnlc_qflx_hd .fk2{ color: #598e37;}
.wnlc_qflx_hd .fk3{ color: #75d232;}
.wnlc_qflx_hd .fk4{ color: #008fd0;}



.wnlc_p6_bg2 {
    bottom: 2vh;
    position: absolute;
    left: 40%;
    width: 20%;
    opacity: 0;
}

.wnlc_p4_jj{ margin: 0 auto; width: 92vw; line-height: 2; font-size: 0.875rem;}
.wnlc_p4_jj p{ text-indent: 2em; margin: 10px 0;}
.wnlc_p4_2{background:url(../images/wnlc_6.jpg) no-repeat; background-size: cover}

.wnlc_p4_vr{width: 100%; height: calc(100vw * (420 / 750));}
.wnlc_p4_mp4{width: 100%; height: calc(100vw * (420 / 750));}

.wnlc_p4_img{}
.wnlc_p4_img img{ width: 100%;}
.wnlc_p4_img p{ text-align: center; margin-top: 5px; color: #ec5858; font-size: 0.875rem;}

.wnlc_p5{ background:url(../images/wnlc_5.jpg) no-repeat; background-size: 100% 100%; position: relative;}
.wnlc_p5_lb{position: relative;z-index: 999;}
.wnlc_p5_lb .swiper-wrapper{}
.wnlc_p5_lb .swiper-slide{}
.wnlc_p5_lb .s_prev,.wnlc_p5_lb .s_next{height: 75vw;width: 7vw;background-size: 50%;}


.swiper4{width: 85vw; margin: 0 auto; overflow: hidden;}
.swiper4 .swiper-slide{width: 85vw !important;height: 85vw;font-size: 1rem;line-height: 1.5;text-align: center;}
.swiper4 .swiper-slide a{
    padding: 55vw 10vw 25vw;
    display: block;
    background-position: 0 center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.swiper4 .swiper-slide strong{color: #ed0b0b;font-weight: normal;}


.wnlc_p6 .img1{ width: 100%; position: absolute; left: 0; top: 0;}
.wnlc_p6_js{width: 75vw;font-size: 0.875rem;line-height: 2;margin: 0 auto;padding-top: 60vh;}
.wnlc_p6_js b{color: #a90e0e; font-style: normal; font-size: 1rem;}
.wnlc_p6_js p{
    text-indent: 2em;
}
.wnlc_p6_lb{padding-top: 20vw;}
.wnlc_p6_lb .swiper-wrapper{}
.wnlc_p6_lb .swiper-slide{ width: 100vw; height: calc(100vw * 720/750); background-size: 100%; background-repeat: no-repeat;}
.wnlc_p6_lb .swiper-pagination-bullet-active{ background-color: #c71b1b;}

.wnlc_p6_gnly{ width: 92vw; margin: 0 auto;}
.wnlc_p6_gnly h2{ text-align: center; margin: 20px 0; font-size: 1.4rem;}
.wnlc_p6_gnly p{ font-size: 1rem; line-height: 2; margin: 20px 0;}




.wnlc_jw{position: relative;background: #515151 url(../images/wnlc_7.jpg) center bottom no-repeat;background-size: cover;width: 86vw;height: 92vh;padding: 8vh 7vw 0 7vw;color: #fff;font-size: 0.75rem;}
.wnlc_jw b{}
.wnlc_jw p{padding: 1vh 0;}
.wnlc_jw_ck{
    height: 20vh;
    overflow-y: auto;
}



.wnlc2_p3_2{}
.wnlc2_p3_tb{ width: 98%; float: right; margin-top: 1vh;}

.wnlc2_p4_tb{ width: 100vw; margin-top: 1vh;}

#element{position: relative;    z-index: 2;}
#element .dzj{font-size: 0.875rem;line-height: 1.8;width: 90vw;margin: 19vh auto 0;}
#element p{margin: 5px 0; text-indent: 2em;}
#element b{ font-weight: normal;  color: #c71b1b; font-size: 1rem;}
#element i{ color: #f00; font-weight: bold; font-style: normal;}

#wnlc_p5_mp4{ position: absolute; left: 0; top: 0; z-index: 1;}
.wnlc_p5_an{width: 38vw;margin: 1vh 30vw 0 32vw;position: relative;z-index: 2;}

.wnlc_p6{ position: relative; background:url(../images/wnlc_8.jpg) no-repeat; background-size: cover; height: 100vh;}
.wnlc_p6_bg{ width: 100vw; position: absolute; left: 0; top: 0;}
.wnlc_p6_bg3{position: absolute;right: 5vw;top: 16.6vh;width: 80vw;height: calc( (1722 / 1080) * 80vw );overflow: hidden;border-radius: 15px;box-shadow: 0 3px 9px #ccc;}
.wnlc_p6_bg3 img{width: 100%;opacity: 1;}
.wnlc_p6_bg3 .img1{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 99;
    pointer-events: none;
    opacity: 0;
}
.wnlc_p6_jj{padding: 5vh 0 5vh 10vw;font-size: 1rem;}
.wnlc_p6_an{ position: absolute; width: 90vw; text-align: center; right: 0vw; color: #888; font-size: 0.875rem;}
.wnlc_p6_an1{top: 14vh;}
.wnlc_p6_an2{top: calc( (1722 / 1080) * 80vw + 14vh + 34px);}


.nav_close{ position: fixed; right: 5vw; top: 20px; z-index: 9999; width: 40px;}
.nav_ul{ width: 40vw; padding:80px 6vw 0 6vw; height: 100vh; background: rgba(255,255,255,0.9); position: absolute; right: -60vw; opacity:0; top: 0; z-index: 999;}
.nav_ul ul li{padding: 10px 0; border-bottom: 1px solid #999; line-height: 1.6;}
.nav_ul ul li b{ font-size: 1rem;}
.nav_ul ul li h2{}
.nav_ul ul li p{color: #7d7d7d;}

.wnlc4_sp2{
    width: 100vw;
    height: 62.5vw;
    top: 52vh;
    left: 0;
    position: absolute;
    z-index: 99;
}

.wnlc_loadding{}

.nav_close1 {
    width: 100vw;
    height: 100vh;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: 99;
	display: none;
}

.essjqpc_up{ background: url(../images/essjqpc_61.gif) no-repeat; width: 49px; height: 50px; position: absolute; bottom: 30px; left: calc(50% - 25px); background-size: 100%;}

@keyframes aaa {
  30% {
	  transform: translateY(0);
	  opacity: 1;
  }
  100% {
  	  transform: translateY(-30px);
  	  opacity: 0;
  }
}

.wnlc2_tip {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 99999999;
    height: 100%;
}
.wnlc2_tip_img1{
    width: 100%;
}
.wnlc2_tip_img2{
    position: absolute;
    bottom: 10vh;
    left: 30%;
    width: 40%;
    height: auto;
}





.swiper4 .swiper-pagination{bottom: 50px;z-index: 9999;}
.swiper4 .swiper-pagination-bullet{
    width: 15px;
    height: 15px;
}
.swiper4 .swiper-pagination-bullet-active{
    background-color: #b8bbfe;
}



























.sbody-slide-active .fIn,.s21-slide-active .s21_fIn,.s31-slide-active .s31_fIn  {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
} {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}


.sbody-slide-active .fUp,.wnlc_on .fUp,.s21-slide-active .s21_fUp,.s31-slide-active .s31_fUp  {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

.sbody-slide-active .fLeft,.s21-slide-active .s21_fLeft,.s31-slide-active .s31_fLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

.sbody-slide-active .fRight,.s21-slide-active .s21_fRight,.s31-slide-active .s31_fRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

.sbody-slide-active .fDown,.s21-slide-active .s21_fDown,.s31-slide-active .s31_fDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

.sbody-slide-active .zIn,.wnlc_on .zIn  {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}

.sbody-slide-active .pul {
    -webkit-animation-name: pulse;
    animation-name: pulse;
}

.next_bt {
    background: url(../images/wnlc6_1.png) no-repeat;
    height: 40px;
    line-height: 40px;
    background-size: 100% 100%;
    width: 30vw;
    position: absolute;
    bottom: 10vh;
    left: 25vw;
    font-size: 1rem;
}




.del_1{ animation-delay: 0.3s;}
.del_2{ animation-delay: 0.6s;}
.del_3{ animation-delay: 0.9s;}
.del_4{ animation-delay: 1.2s;}
.del_5{ animation-delay: 1.5s;}
.del_8{ animation-delay: 6s;}
.del_9{ animation-delay: 9s;}






@media screen and (min-aspect-ratio:1080/1920) {
	
}

.music.play {
    width: 27px;
    height: 27px;
    display: none;
    background: url(../images/music-play.png) no-repeat;
    background-size: 27px auto;
    position: fixed;
    right: 3.6rem;
    top: 1.3rem;
    z-index: 100;
}
.music.pause {
    width: 27px;
    height: 27px;
    display: block;
    background: url(../images/music-pause.png) no-repeat;
    background-size: 27px auto;
    position: fixed;
    right: 3.6rem;
    top: 1.3rem;
    z-index: 100;
}
.wnlc_p6_bg1 {
    width: 90vw;
    height: calc( (1722 / 1080) * 92vw );
    right: 0;
    left: auto;
    top: 13vh;
}
.xshd_img{
	    display: block;
	    z-index: 20;
	    position: fixed;
	    width: 37px;
	    left: 0px;
	    right: 0px;
	    margin: 0px auto;
	    animation: 2s ease 0s infinite normal none running Up_hd;
	    bottom: 10px;
	    transform: rotate(0deg);
}
.xshd_img img{ width: 100%;}



@keyframes Up_hd{
	0%{
		opacity: 0;
		transform: rotate(0deg) translateY(0px);
	}
	50%{
		opacity: 0.75;
	}
	100%{
		opacity: 0;
		transform: rotate(0deg) translateY(-16px);
	}
}