html,body,#container,.swiper-body{ width: 100%; height: 100%;  overflow: hidden;font-family:"\5fae\8f6f\96c5\9ed1";-webkit-text-size-adjust:100%!important; }

#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);
}
.swiper-slide{ height: 100vh;}

.njwh_pn{ position: relative;  height: 100vh; width: 100vw; text-align: center;}
.njwh_vh{  width: 100%; height: 140vh;}

.njwh_p0{ text-align: center;}
.njwh_p0 .img1{ margin-top: 10vh; height: 41.5%; opacity: 0;}
.njwh_p0 .img2{position: absolute;bottom: 2vh;left: calc(50% - 144px);opacity: 0;}
.njwh_p0_js{width: 85vw;font-size: 22px;line-height: 2;text-align: center;position: absolute;left: 7.5vw;bottom: calc(4vh   180px);opacity: 0;}
.njwh_p0_js p{
    min-height: 2vh;
}
.njwh_p0_js  i{color: #6c8200;font-style: normal; font-weight: bold;}


.njwh_nscoll{ width: 100vw; height: 100vh; overflow-y: auto; overflow-x: hidden;}


.njwh_p1,.njwh_p2,.njwh_p3,.njwh_p4{ text-align: center;}
.njwh_p1 .img1,.njwh_p3 .img1,.njwh_p4 .img1,.njwh_p6 .wnlc4_sp_img1{ margin-top: 15vh; height: 36.4%; opacity: 0;}
.wnlc4_sp_img2{ padding-top: 15vh; cursor: pointer;}
.wnlc4_sp_img1,.wnlc4_sp_img2{position:relative;z-index:3}

.loadding{ background: #99b978;  width: 100vw; height: 100vh; position: absolute; left: 0; top: 0; z-index: 99999;}
.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; cursor: pointer;}
.loadding .jdt{width: 100vw;height: 5px;position: absolute;top: 30vh;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(/uploads/image/x2fnimages/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;}




.njwh_p1_js{ padding-top: 15vh; font-size: 22px; line-height: 2; }
.njwh_p1_js b{color: #6c8200; font-style: normal; font-size: 24px;}
.njwh_p1_js i{position: relative;z-index: 99;margin: 0 2px;font-style: normal;}
.njwh_p1_js i::after{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 50%;background-color: #6c8200;z-index: -1;border-radius: 10px;}

#njwh_p3_mp4,#njwh_p4_mp4,#njwh_p5_mp4{ width: 100vw; height: 100vh; object-fit: fill;}
#njwh_p0_mp4,#njwh_p1_mp4,#njwh_p2_mp4,#njwh_p3_mp4,.wnlc4_sp1,.wnlc4_sp2{width: 100vw; height: 100vh; object-fit: fill; position: absolute;left: 0%; top: 0; z-index:0}
.wnlc4_sp2{ z-index:-1}
.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: 20px;border: 2px solid #fff;background-color: rgba(255,255,255,0.6);color: #000;padding: 5px 10px;cursor: pointer;position: absolute;right: 50px;top: 20px;border-radius: 10px;}
.ghzj_load_sy{cursor: pointer;position: absolute;right: 130px;top: 28px;}


.njwh_p3{ background: url(/uploads/image/x2fnimages/njwh_1.jpg) no-repeat; background-size: cover;}
.njwh_p4{ background: url(/uploads/image/x2fnimages/njwh_2.jpg) no-repeat; background-size: cover;}
.njwh_p5{ background: url(/uploads/image/x2fnimages/njwh_3.jpg) no-repeat; background-size: cover;}
.njwh2_p3_tb{ width: 100%; margin-top: 1vh;}
.njwh2_p4_tb{ height: 21%; margin-top: 5vh;}

.njwh_p2 i{color: #ffe709;font-style: normal; font-weight: bold;}
.njwh_p3_js{padding-top: 15vh; font-size: 22px; line-height: 2;}
.njwh_p3_js i{color: #0a9285;font-style: normal; font-weight: bold;}
.njwh_nljs{ width: 520px; margin: 0 auto;}
.njwh_nljs_box{ height: 140vh; text-align: center; color: #fff;}
.njwh_nljs_box:last-child{height:60vh; position: relative;}
.njwh_nljs_box .d1{background: url(/uploads/image/x2fnimages/njwh_15.png) no-repeat;width: 520px;height: 35vh;max-height: 318px;border-radius: 15px 15px 0 0;background-size: cover;}
.njwh_nljs_box .d1 img{height: calc(100% - 50px);}
.njwh_nljs_box .d1 h2{
    font-size: 28px;
    color: #00777c;
    letter-spacing: 1.5px;
    margin-top: -30px;
    margin-bottom: 5px;
}
.njwh_nljs_box .d1 h4{
    font-size: 18px;
    color: #00777c;
    letter-spacing: 1.5px;
}

.njwh_nljs_box .d2{background-color: rgba(28, 168, 173, 0.8);padding:20px;text-align: left;border-radius: 0  0 15px 15px; width: 480px; }
.njwh_nljs_box .d2_1{float: left;display: flex;flex-direction: column;justify-content: center; width: 270px; line-height: 1.8;}
.njwh_nljs_box .d2_1 h3,.njwh_nljs_box .d2_1 h5{ font-size: 22px;}
.njwh_nljs_box .d2_1 span{font-size: 20px;}
.njwh_nljs_box .d2_2{float: right; position:relative;background-color: #50d7dd;width: 150px; height: 90px;border-radius: 10px;padding: 10px;}

.njwh_nljs_box .d2_2 p{
    font-size: 16px;
    color: #005e61;
}
.njwh_nljs_box .d2_2 p.i1{
    color: #fff;
    display: flex;
    font-size: 18px;
	align-items: center;
}
.njwh_nljs_box .d2_2 p.i1 img{
    margin-left: 5px;
    width: 18px;
    height: 18px;
}
.njwh_nljs_box .d2_2 .nljs_music{position: absolute;right: 10px;top: 10px;}
.njwh_nljs_box .d2_2 .nljs_music img{
    width: 63px;
    height: 63px;
}
.njwh_nljs_box .d2_3{border-top: 1px dashed #fff;padding-top: 10px; font-size: 20px; line-height: 1.8;}

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


.njwh2_tip {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 99999999;
	width: 100%;
    height: 100%;
	background: url(/uploads/image/x2fnimages/tip1.png) center bottom no-repeat;
	background-size: cover;
}
.njwh2_tip2{background: url(/uploads/image/x2fnimages/tip3.png) center bottom no-repeat;background-size: cover;}
.njwh2_tip_img1{
    width: 100%;
}
.njwh2_tip_img2{
    position: absolute;
    bottom: 2vh;
    left: calc(50% - 6vw);
    cursor: pointer;
    width: 12vw;
    max-width: 280px;
}

.main{width: 40vw;height: 60vh;margin: 0 8vw;float: left;text-align: left;}
.main1{width: 48vw;height: 60vh;margin: 0 2vw 0 8vw;float: left;text-align: left;}
#main,#main1,#main2,#main3{ width: 100%; height: calc(100% - 50px);}
#main4,#main5{ width: 1200px; margin: 0 auto; height: 60vh;}
.main_bt{font-size: 20px;color: #308100;padding-left: 2vw;}
.njwh_p3_jj{float: left;width: 35vw;line-height: 2;font-size: 22px;text-align: left;height: 50vh;display: flex;flex-direction: column;justify-content: center;}
.njwh_p3_jj p{ text-indent: 2em; margin: 10px 0;}
.njwh_p3_jj i{position: relative;color: #40785a;font-size: 24px;z-index: 99;margin: 0 2px;font-style: normal;font-weight: bold;}
.njwh_p4 .njwh_p3_jj i{color: #7b289f;}

.njwh_p4_btmc{ font-size: 28px; font-weight: bold;}
.njwh_p4_vr{ width: 100%; height: 100%;}
.njwh_p4_jj{float: none;width: 1200px; text-indent: 2em; margin: 0 auto; line-height: 2;font-size: 22px;text-align: left;height: auto;display: block;}

.njwh2_p4_left {
    float: left;
    width: 40vw;
    height: 60vh;
    margin: 0 8vw 0 8vw;
}
.njwh2_p4_sd{ height: 100%;}
.njwh_qflx {background:url(/uploads/image/x2fnimages/njwh_19.png) center center no-repeat;height: 40vh;background-size: auto 100%;}
.njwh_qflx .swiper-slide{ width: auto; height: auto;}
.njwh_qflx_hd{    padding-left: 3vw;}
.njwh_qflx_hd .swiper-slide{ width: auto; height: auto;}
.njwh_qflx img{height: 100%;}
.njwh_qflx_hd .swiper-slide{display: flex;align-items: center;margin-bottom: 5px;font-size: 20px;justify-content: flex-start;cursor: pointer;}
.njwh_qflx_hd .fk{display: inline-block;width: 25px;height: 25px;margin-right: 5px;}
.njwh_qflx_hd .fk1 .fk{ background-color: #08a091;}
.njwh_qflx_hd .fk2 .fk{ background-color: #598e37;}
.njwh_qflx_hd .fk3 .fk{ background-color: #75d232;}
.njwh_qflx_hd .fk4 .fk{ background-color: #008fd0;}
.njwh_qflx_hd .fk1{ color: #08a091;}
.njwh_qflx_hd .fk2{ color: #598e37;}
.njwh_qflx_hd .fk3{ color: #75d232;}
.njwh_qflx_hd .fk4{ color: #008fd0;}


.njwh_p5_lb{position: relative;z-index: 999;width: 40vw;margin: 0 5vw 0 10vw;display: flex;align-items: center;justify-content: center;}
.njwh2_p5_right .n_prev,.njwh2_p5_right .n_next,.njwh_p5_lb .s_prev,.njwh_p5_lb .s_next{width: 34px;height: 56px;background-position: center center;background-repeat: no-repeat; cursor: pointer;}
.njwh2_p5_right .n_prev,.njwh_p5_lb .s_prev{background-image: url(/uploads/image/x2fnimages/njwh_25.png);}
.njwh2_p5_right .n_next,.njwh_p5_lb .s_next{background-image: url(/uploads/image/x2fnimages/njwh_26.png);}

.swiper4{width: 60vh;overflow: hidden;}
.swiper4 .swiper-slide{width: calc(60vh) !important;height: 60vh;background-position: 0 center;background-repeat: no-repeat;background-size: 100% 100%;font-size: 28px;line-height: 1.8;}
.swiper4 .swiper-slide a{
    padding: 37vh 4vw 18vh;
    display: block;
    background-position: 0 center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.swiper4 .swiper-slide strong{color: #ed0b0b;font-weight: normal;}

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

.njwh2_p5_left {
    float: left;
    width: 40vw;
    height: 70vh;
    margin: 15vh 8vw 15vh 8vw;
}
#element{position: relative;    z-index: 2;}
#element .dzj{font-size: 24px; line-height: 2;}
#element p{margin: 2vh 0; text-indent: 2em;}
#element b{ font-weight: normal;  color: #c71b1b; font-size: 1rem;}
#element i{ color: #f00; font-weight: bold; font-style: normal;}

.njwh2_p5_right{width: 40vw;height: 80vh;float: left;margin: 10vh 0;position: relative;}
.wnlc_p6_bg1 {
    height: 100%;
    left: 3vw;
    top: 0;
    position: absolute;
}
.swiper5{position: relative;border-radius: 15px;width: calc(80vh * 688/1070 - 4vw);margin: 7vh 5vw 4vh 5vw;height: 68vh;overflow: hidden;}
.wnlc_p6_bg3{position: absolute;right: 5vw;top: 16.6vh;width: 80vw;height: calc( (1722 / 1080) * 80vw );overflow: hidden;box-shadow: 0 3px 9px #ccc;}
.swiper5 img{width: 100%;opacity: 1;}
.swiper5 .img1{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 99;
    pointer-events: none;
    opacity: 0;
}


.njwh2_p5_right .n_prev,.njwh2_p5_right .n_next{
    position: absolute;
    top: calc(35vh);
}
.njwh2_p5_right .n_prev{
    left: 0;
}
.njwh2_p5_right .n_next{
    left: calc(80vh * 688/1070   6vw - 34px);
}


.njwh_nav{
    position: relative;
    z-index: 99999;
}
.nav_close{position: fixed;right: 5vw;top: 20px;z-index: 99999;width: 57px;cursor: pointer;}
.nav_ul{width: 20vw;padding: 8vh 6vw 0 6vw;height: calc(100vh - 8vh);background: rgb(255 255 255 / 90%);position: absolute;right: -60vw;opacity:0;top: 0;z-index: 999;}
.nav_ul ul{
}
.nav_ul ul li{padding-bottom: 3vh;margin-bottom: 3vh;border-bottom: 1px solid #999;line-height: 1.5;cursor: pointer;}
.nav_ul ul li:last-child{
    border: none;
}
.nav_ul ul li b{font-size: 30px;}
.nav_ul ul li h2{    font-size: 28px;}
.nav_ul ul li:hover h2,.nav_ul ul li:hover b{color:#36a47a}

.nav_ul ul li p{color: #7d7d7d;font-size: 20px;}


.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;
}

.njwh_sming{width: 100%;position: fixed;display: flex;height: 100%;justify-content: center;align-items: center;z-index: 9999;top: -100vh;overflow: hidden;}
.njwh_jw{width: 1040px;height: calc(60vh - 40px);max-height: calc(800px - 20vh - 40px);min-height: calc(500px - 20vh - 40px);border: 5px solid #fff;background:#363636 url(/uploads/image/x2fnimages/njwh_27.png) center bottom no-repeat;font-size: 20px;color: #fff;padding: 40px 80px 20vh 80px;position: relative;}
.njwh_jw p{
    margin-bottom: 15px;
    line-height: 1.8;
}
.sming_close{position: absolute;right: -20px;top: -20px;z-index: 99999;width: 40px;cursor: pointer;}

@media screen and (max-height: 1000px) {
	#element .dzj{font-size: 21px;}
	#element p{    margin: 2vh 0;}
	.nav_ul ul li b{font-size: 26px;}
	.nav_ul ul li h2{font-size: 24px;}
	.nav_ul ul li p{color: #7d7d7d;font-size: 20px;}
	.njwh_p0_js{ bottom:calc(4vh   80px)}
}

@media screen and (max-height: 900px) {
	.swiper4 .swiper-slide{font-size: 20px;}
}
@media screen and (max-height: 800px) {
	.nav_ul ul li b{font-size: 24px;}
	.nav_ul ul li h2{font-size: 22px;}
	.nav_ul ul li p{color: #7d7d7d;font-size: 18px;}
	.njwh_p0 .img1{    height: 35%;}
	.njwh_p0_js{font-size: 20px;}
	.njwh_p3_jj{font-size: 18px;}
	.njwh_p3_jj i{    font-size: 20px;}
	#element .dzj{font-size: 18px;}
	#element p{    margin: 1.5vh 0;}
	.njwh_jw{font-size: 16px;}
	.njwh_jw p{    margin-bottom: 5px;}
	
}
@media screen and (max-height: 750px) {
.njwh_p0_js{font-size: 20px;}
}
@media screen and (max-height: 700px) {
	.nav_ul ul li{padding-bottom: 2vh;margin-bottom: 2vh;line-height: 1.6;}
	.nav_ul ul li b{font-size: 22px;}
	.nav_ul ul li h2{font-size: 20px;}
	.nav_ul ul li p{color: #7d7d7d;font-size: 16px;}
	.njwh_nljs_box .d1 h2,.njwh_p4_btmc{    font-size: 24px;}
	.swiper4 .swiper-slide{font-size: 16px;}
	#element p{margin: 2vh 0;line-height: 1.6;}
	.njwh_qflx_hd .swiper-slide{font-size: 16px;}
	.njwh_jw{font-size: 16px;width: 860px;padding: 20px 40px 20vh 40px;}
	.njwh_jw p{    margin-bottom: 5px;}
	.njwh_p0_js{font-size: 19px;}

}
@media screen and (max-height: 650px) {
	.njwh_nljs_box .d1 h2,.njwh_p4_btmc{    font-size: 22px;}
	#element .dzj{font-size: 16px;}
	.njwh_p0_js{font-size: 18px;}
}

@media screen and (max-height: 600px) {
	.njwh_nljs_box .d1 h2,.njwh_p4_btmc{    font-size: 20px;}
	.njwh_p0_js{ }
	#element .dzj{font-size: 16px;}
	#element p{margin: 1.5vh 0;}
	.njwh_p1_js{font-size: 16px;}
	.njwh_p1_js i{font-size: 16px;}
	.njwh_p1_js b{font-size: 18px;}
	.njwh_p3_js{font-size: 16px;}
	.njwh_p4_jj{ text-align:center}
	.njwh_p3_jj{font-size: 16px;}
	.njwh_p3_jj i{font-size: 18px;}
	.main_bt{font-size: 16px;}
}

@media screen and (max-height: 580px) {
	.njwh_p0 .img2{
    display: none;
}

}











































































































































































.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,.njwh_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,.njwh_on .zin  {
    -webkit-animation-name: zoomin1;
    animation-name: zoomin1;
}

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


@-webkit-keyframes zoomin1 {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    50% {
        opacity: 1;
    }
	100% {
	    opacity: 1;
	}
}

@keyframes zoomin1 {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    50% {
        opacity: 1;
    }
	100% {
	    opacity: 1;
	}
}












.next_bt {
    background: url(/uploads/image/x2fnimages/njwh_18.png) no-repeat;
    height: 71px;
    line-height: 71px;
    width: 269px;
    position: absolute;
    bottom: 10vh;
    left: calc(50% - 135px);
    font-size:24px;
	cursor: pointer;
}




.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;}