ul, ol {
    list-style: none;
    margin: 0;
    padding: 0;
}

body {
    font: 12px "宋体", "Arial Narrow", HELVETICA, sans-serif;
    /* background: rgba( 15, 31, 75, 1); */
    -webkit-text-size-adjust: 100%;
}
.playVideo-logo{
    position: absolute;
    width: 19.84vw;
    height: 42vw;
    bottom: 5vw;
    left: 5vw;
    background: url("https://video1.windfun.com/xnyh/xnyh_index_1_slogon.png");
    background-repeat: no-repeat;
    background-size:contain;
    /* bottom: 0; */
}
.playVideo-logo span{
    position: absolute;
    width: 7.9vw;
    height: 8.1vw;
    background: url("https://video1.windfun.com/xnyh/xnyh_index_1_play.png");
    background-repeat: no-repeat;
    background-size:contain;
    bottom: 0 !important;
    cursor: pointer;
    animation: playVideo-logo-360 3s linear infinite;
}

@keyframes playVideo-logo-360 {
  from {
    transform: rotate(0deg); /* 从0度开始 */
  }
  to {
    transform: rotate(360deg); /* 到360度结束 */
  }
}



.section{
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    flex-direction:column;
    align-items: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.section_index{

}
.section_index .section_title{
    width: 0;
    height: 0;
}
.section_news{ overflow: hidden;
    /*background-image: url(https://video1.windfun.com/xnyh/xnyh_index_2_bg.jpg); */
    position: relative;
}

.section_news_bg { width: 130%; height: 130%; position: absolute; left: 50%; top: 50%; transition: all 5s; transform: translate(-50%, -50%); background: url(https://video1.windfun.com/xnyh/xnyh_index_2_bg.jpg) no-repeat center/cover; }
.section_news.active .section_news_bg { width: 100%; height: 100%; }
.section_news .section_title{
    /* background-image: url(../image/part01/part01-zixun.png); */
}
.career_swiper{
    /* width: 1920px; */
    /* height: 1080px; */
    background-image: url(https://video1.windfun.com/xnyh/xnyh_index_3_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.section_career .section_title{
    /* background-image: url(../image/part02/part02-zhiye.png); */
}
.section_audios{
    /* background-image: url(../image/part03/part03-bg.jpg); */
}
.section_audios .section_title{
    /* background-image: url(../image/part03/part03-shijue.png); */
}
.section_features{
    /* background-image: url(../image/part04/part04-bg.jpg); */
}
.section_features .section_title{
    /* background-image: url(../image/part04/part04-yinyi.png); */
}

.section_container{
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    flex-direction:column;
    align-items: center;
    overflow: hidden;
}
.section_title{
    width: 55vw;
    height: 7.3vh;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.section_content{
    width: 76vw;
    height: 82.7vh;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}
.section_career{
    /* display: block; */
}
.career-section_career .fp-overflow{
    width: 100%;
    height: 100vh;
}
.info-img{
    display: flex;
    justify-content: center;
    align-items: center;
}
.career-section_content img{
    /* position: absolute; */
    width: 100% !important; 
    bottom: 0;
}
.role-box{
    position: absolute;
    width: 100%;
    height: 100%; transform: scale(1.3); transition: all 3s;
    top: 0;
    left: 0;
}

.active .role-box { transform: scale(1); }

.role-box>div{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-end; /* 底部对齐 */
}
.role-box img{
    width: 62vw;

}
.carerr-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.info-img>img{
    width: 56vw;
    margin-top: 3vw;
    /* position: absolute; */
    /* top: 0; */
    /* left: 0; */
    /* animation: playVideo-logo-360 10s linear infinite; */
}
.carerr-box
.career-section_content .career_con{
    height: 100%;
}
.career-section_content .swiper-slide div{
    margin: auto;
}
.role-img{
    position: relative;
    /* width: 100%; */
    height: 100%;
    bottom: auto;
}
.career-section_content .swiper-slide div:nth-child(2){
    /* width: 1007px; */
    /* height: 1002px; */
    background-image: url(https://video1.windfun.com/xnyh/xnyh_index_3_info.png);
}
.section_index .section_content{
    /* width: 100vw; */
    width: 39.2vw;
    height: 100vh;
}

.section_features .section_content{
    width: 100vw;
    height: 82.7vh;
}

/* 左侧分页器和下载 */
.part_menu_container {
    position: fixed;
    min-width: 10vw;
    height: 100vh;
    z-index: 12;
    top: 5vh;
    left: 2vw;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.part_menu_line{
    /* background-image: url(../image/top/top-left-shuxian.png); */
    background-repeat: no-repeat;
    background-size: contain;
    background-position-x: center;
    width: 10%;
    height: 60vh;
    position: absolute;
    left: 0;
}
.part_menu_line li{
    /* background-image: url(../image/top/top-left-dao1.png); */
    background-repeat: no-repeat;
    background-size: contain;
    background-position-y: center;
    width: 100%;
    height: 18%;
}
.part_menu_line li.active{
    /* background-image: url(../image/top/top-left-dao2.png); */
}

.part_menu_item{
    width: 90%;
    height: 60vh;
    position: absolute;
    left: 15%;
}
.part_menu_item li{
    width: 100%;
    height: 18%;
    background-repeat: no-repeat;
    background-position-y: center;
    text-align: center;
}
.part_menu_item li img{
    width: 100%;
    height: 100%;
    opacity: 0;
}


.part_menu_item li:nth-child(1){
    /* background-image: url(../image/top/top-left-shouye1.png); */
}
.part_menu_item li:nth-child(2){
    /* background-image: url(../image/top/top-left-zixun1.png); */
}
.part_menu_item li:nth-child(3){
    /* background-image: url(../image/top/top-left-zhiye1.png); */
}
.part_menu_item li:nth-child(4){
    /* background-image: url(../image/top/top-left-shipin1.png); */
}
.part_menu_item li:nth-child(5){
    /* background-image: url(../image/top/top-left-yinyi1.png); */
}

.part_menu_item li:nth-child(1).active{
    /* background-image: url(../image/top/top-left-shouye2.png); */
}
.part_menu_item li:nth-child(2).active{
    /* background-image: url(../image/top/top-left-zixun2.png); */
}
.part_menu_item li:nth-child(3).active{
    /* background-image: url(../image/top/top-left-zhiye2.png); */
}
.part_menu_item li:nth-child(4).active{
    /* background-image: url(../image/top/top-left-shipin2.png); */
}
.part_menu_item li:nth-child(5).active{
    /* background-image: url(../image/top/top-left-yinyi2.png); */
}


.qrcode_float_container {
    top: 60vh;
    /* background-image: url(../image/top/top-left-bg.png); */
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    width: 7.6vw;
    height: 18.9vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.qrcode_float_container .qrcode-box {
    width: 100%;
    height: 45%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.qrcode_float_container .qrcode-box img{
    margin: 1%;
    width: 80%;
    height: auto;
}
.qrcode_float_container .qrcode-box span{
    display: block;
    color: #90a3ff;
    font-size: 0.8vw;
    font-weight: 700;
    text-align: center;
    line-height: 0.8vw;
    padding-top: 0.2vw;
}

.download_float_container {
    display: flex;
    align-items: center;
    position: fixed;
    right: 0;
    top: calc(50% + 120px);
    transform: translateY(-50%);
    transition: all ease 0.5s;
    z-index: 100;
}

.download_float_container .qrcode-box {
    width: 8.8vw;
    height: 18.7vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    /* background-image: url("../image/top/top-right-bg.png"); */
    background-size: cover;
    padding: 15% 0 0 0;
}

.download_float_container .qrcode-box .tips-down-str{
    display: block;
    color: #ffffff;
    font-size: 0.8vw;
    line-height: 0.8vw;
    font-weight: 700;
    text-align: center;
    width: 85%;
    height: 10%;
}
.download_float_container .qrcode-box .qcode{
    width: 85%;
}
.download_float_container .qrcode-box .qcode img{
    width: 100%;
}

.download_float_container .qrcode-box .store_down {
    width: 100%;
}

.download_float_container .qrcode-box .store_down .store_btn{
    width: 100%;
    cursor: pointer;
}
.download_float_container .qrcode-box .store_down .store_btn img{
    width: 100%;
}
.download_float_container .qrcode-box .store_down .store_btn .store_apple{
    filter: grayscale(100%);
}

.download_float_container .collapse {
    cursor: pointer;
    width: 1.5vw;
}

.download_float_container .expand {
    cursor: pointer;
    width: 1.5vw;
}





/* 信息展示 */
.main_container{
    /* background-image: url("../image/bg_banner.jpg"); */
    background-repeat: no-repeat;
    background-size: cover;
    color: #333333;
    height: 100vh;
}
.main_container .details_content_details span, .main_container .details_content_details p{
    color: #333333;
}
.main_container .bg_banner{
    height: 23vw;
}
.main_container .show_container{
    width: 80%;
    max-height: 70vh;
    min-height: 60vh;
    margin: 0 auto;
    background-color: #ECEBF0;
    padding: 0 5vw;
}
.main_container .show_container .details_content_crumbs{
    display: inline-block;
    font-size: 0.8vw;
    margin-right: 5vw;
    color: #abaab3;
}
.main_container .show_container .details_content_title{
    font-size: 1vw;
    padding: 1vw 0;
    border-bottom: 1px solid #000000;
    text-align: center;
}
.main_container .show_container .details_content_title h2 {
    line-height: 5vw;
}
.main_container .show_container .details_content_title span{
    color: #abaab3;
    display: inline-block;
}
.main_container .show_container .details_content_details{
    margin: 2vw 0;
    overflow: hidden;
    line-height: 1.8vw;
    font-size: 1vw;
}
.main_container .show_container .details_content_details img{
    max-width: 100%;
    height: auto;
}


/* 列表页 */
.show_container .warpper_title{
    width: 100%;
    height: 3vw;
    max-width: 100%;
    max-height: 3vw;
    position: relative;
    left: 50%;
    transform: translate(-50%, 0); 
    display: flex;
    align-items: center;
    /* background-image: url(../image/list_warpper_title.png); */
    background-repeat: no-repeat;
    background-size:contain;
    margin-bottom: 2vw;
}

.column-tab-titles-box .column-tab-title-list{
 
}
.column-tab-titles-box .column-tab-title-list li a{
    font-size: 1.5vw;
    line-height: 4vw;
    padding: 0 3vw;
    font-weight: bolder; transition: all 0.6s;
}
.show_container .column-tab-titles-box .column-tab-title-list .column-tab-title{
    margin: 0 1vw;
    height: 5vw;
    line-height: 5vw;
}
.show_container .column-tab-titles-box .column-tab-title-list .column-tab-title.curr{
    border-bottom: 3px solid #000000;
}
.show_container .column-tab-titles-box .column-tab-title-list .column-tab-title.curr a{
    color: #000000;
    font-size: 1.7vw;
}
.show_container .column-tab-titles-box .column-tab-title-list .column-tab-title:hover{
    color: #000000;
    border-bottom: 3px solid #000000;
}
.column-tab-titles-box .column-tab-title-list li a:hover{
    /* color: #000000; */
    /* font-size: 1.7vw; */
    color: #Fff;
}
.news_content_content{
    font-size: 1.2vw;
    min-height: 30vw;
}


.news_content_content li{
padding: 1.5vw 0;
border-bottom: 1px solid rgb(57,74,147);
}
.news_content_content li:hover .news_head p{
color: #000000;
}
.news_content_content li a .news_head{
height: 2vw;
overflow: hidden;
position: relative;
}
.news_head .news_tag {
float: left;
min-width: 6vw;
position: relative;
}
.news_content_content li a .news_head p{
max-width: 1000px;
float: left;
margin-left: 1vw;
height: 2vw;
color: #333333;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.news_intro {
font-size: 0.7vw;
height: 3vw;
padding: 0.5vw 0 0 8vw;
color: rgb(168, 160, 160);
overflow: hidden;
}


/*视频播放*/
.zhezhao {
    position: fixed;
    z-index: 999998;
    background: rgba(0, 0, 0, 0.8);
    opacity: .8;
    filter: alpha(opacity=80);
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
}
.zhezhao.getH {
    height: 100%;
}
.zhezhao video {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-59%, -50%);
}
.winBox {
    position: fixed;
    width: 50%;
    height: 0;
    z-index: 999999;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.winBox.getH {
    height: 28vw;
}
.winBox .close {
    padding: 0;
    cursor: pointer;
    font-size: 2vw;
    font-weight: 700;
    color: #fff;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=50);
    position: absolute;
    right: -3vw;
    top: -3vw;
}
.winBox .video_show {
    width: 100%;
    height: 100%;
}
.winBox .pic-vid-show {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 900px;
    height: 0;
    transform: translate(-50%, -50%);
}
.winBox .pic-vid-show.getH {
    height: 28vw;
}

@media(max-width: 1100px){
    .winBox { width: 90%; }
    .winBox.getH { height: 60vw; }
    .winBox .close { font-size: 5vw; }
    
}
/* -- Nav -- */
.nav{
    width: 100%;
    height: 74px;
    position: fixed;
    left: 0;
    top: 0;
    display: flex;
    /* background-color: rgba(2, 2, 2, 0.4); */
    background: url(https://video1.windfun.com/xnyh/xnyh_index_top_bg.png) no-repeat center bottom/cover;
    list-style-type: none;
    z-index: 10;
}
.nav .nav-container{
    display: flex;
    width: 100%;
    margin: 0 auto;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    position: relative;
}

.nav-left,.nav-right {
    display: flex;
    width: 70%;
    height: 100%;
    justify-content: space-around;
    margin: 0 auto;
    /* flex: auto; */
}
.nav-logo {
    width: 23.6vw;
}
.nav-logo img{
    margin: 0 auto;
    width: 80%;
}
.nav-btn {
    position: relative;
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    
    width: 10.26vw;
}
.nav-logo-a{
    position: absolute;
    left: 10px;
}
.nav-logo-a img { width: 7.2vw; height: auto; }
.nav { height: 3.6vw; }
.nav-btn img {
    z-index: 1
}
.nav-btn span {
   display: flex;
   align-items: center; /* 垂直居中 */
  /* justify-content: center; /* 水平居中，如果需要的话 */ */
    height: 100%;
    z-index: 1;
    font-size: 1vw;
    color: #ffffff;
    position: relative;
    display: block;
    width: 100%;
    text-align: center; transition: all 0.5s;
}

.nav-left .active span,.nav-btn span:hover{
    font-size: 1.3vw !important;
    color: #ffe9a5;
}
.nav-left .active {
    background-image: url(https://video1.windfun.com/xnyh/xnyh_index_top_1.png);
    background-position: bottom;
    /* background-size: cover; */
    background-repeat: no-repeat;
}

.nav-btn-active {
    position: absolute;
    height: 100%;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    margin: 0 auto;
    z-index: 0;
    display: none;
}

.nav-btn:hover .nav-btn-active {
    display: block;
}

.nav-left .nav-btn:first-child .nav-btn-active {
    display: block;
}

.volume{
    position: absolute;
    display: block;
    right: 4vw;
    cursor: pointer;
    /* width: 35px; */
    /* height: 33px; */
    /* background: #ccc; */
}
.volume img { width: 1.8vw; height: auto; }



.volume{
 

		-webkit-animation:circle 5s linear infinite;
 
	}

	@-webkit-keyframes circle{
 
		0%{-webkit-transform:rotate(0deg);}
 
		25%{-webkit-transform:rotate(90deg);}
 
		50%{-webkit-transform:rotate(180deg);}
 
		75%{-webkit-transform:rotate(270deg);}
 
		100%{-webkit-transform:rotate(360deg);}
 
	}





/* -- BgVideo -- */
.index_bgvideo{
    width: 100%;
    position: absolute;
    height: 100%;
}
.index_bgvideo .index_bgvideo_bg{
    width: 100%;
    height: 10%; 
    background-image: linear-gradient(to bottom, rgba(255,0,0,0), rgb(15, 24, 53));
    position: absolute;
    bottom: 0px;
    z-index: 2;
}

.index_bgvideo>img { transition: all 2s; transform: scale(1.2); }
.active .animated.index_bgvideo>img { position: relative; transform: scale(1); }
.index_bgvideo>img:after { content:''; width: 100%; height: 100%; position: absolute; left: 0; bottom: 0; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.0.2)); }

.index_bgvideo .picBg { transition: all 2s; transform: scale(1.2); }
.active .animated.index_bgvideo .picBg { position: relative; transform: scale(1); }
.index_bgvideo .picBg:after { content:''; width: 100%; height: 100%; position: absolute; left: 0; bottom: 0; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.0.2)); }
.index_bgvideo .picBg.mb { display: none; }

@media(max-width: 1100px){
    .index_bgvideo .picBg.mb { display: block; }
    .index_bgvideo .picBg.pc { display: none; }
}

.index_bgvideo>video{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    object-fit: cover;
    height: 100%;
}

/* -- play_store -- */
.play_store{
    width: 100%;
    height: 8.1vw;
    position: absolute;
    bottom: 15vh;
    display: flex;
    align-items: center;
    justify-content:center;
    
}
.play_store .tips16 {
    width: 7.86vw;
    height: 100%;
    background-image: url(https://video1.windfun.com/xnyh/xnyh_index_1_16age.png);
    /* background-size: cover; */
     position: absolute;
    background-repeat: no-repeat;
    background-size:contain;
    right: 1vw;
    -webkit-animation: godown 4s infinite;
    animation: godown 4s infinite;
    box-sizing: border-box;
}

@-webkit-keyframes godown {
    0% {-webkit-transform: translate(0, 0);opacity: 1;}
    50% {-webkit-transform: translate(0, 30px);opacity: 1;}
    100% {-webkit-transform: translate(0, 0px);opacity: 1;}
}
@keyframes godown {
    0% {transform: translate(0, 0);opacity: 1;}
    50% {transform: translate(0, 30px);opacity: 1;}
    100% {transform: translate(0, 0px);opacity: 1;}
}



.index_bgvideo .bottom-jiantou{
    width: 100%;
    height: 2.5vw;
    position: absolute;
    bottom: 0;
}
.index_bgvideo .bottom-jiantou div img{
    margin: 0 auto;
    animation: bottom-jiantou 1.2s linear infinite;
}

@keyframes bottom-jiantou {
      0% {
        margin-top: 0; /* 从0度开始 */
      }
      50% {
        margin-top: -1vw; /* 到360度结束 */
      }
      100%{
        margin-top: 0;
      }
}


@keyframes bottom-ewm {
      0% {
        margin-top: 0; /* 从0度开始 */
      }
      10% {
        margin-top: -2vw; /* 到360度结束 */
      }
      20% {
        margin-top: 0; /* 到360度结束 */
      }
      30% {
        margin-top: -2vw; /* 到360度结束 */
      }
      40% {
        margin-top: 0; /* 到360度结束 */
      }
      100%{
        margin-top: 0;
      }
}


.play_store .store {
    margin-left: -5px;
    width: 34vw;
    height: 100%;
    position: relative;
    /* background-image: url(../image/top/top-m-bg.png); */
    background-size: 100% 100%;
    position: relative;

    /*animation: bottom-ewm 5s linear infinite;*/

}
.play_store .store .tips-down-str{
    display: block;
    width: 1.3vw;
    color: #ffffff;
    font-size: 1.05vw;
    position: absolute;
    left: 1.5vw;
    bottom: .76vw;
    font-weight: bold;
}
.play_store .store .tips-down-str-right{
    display: block;
    width: 1.3vw;
    color: #ffffff;
    font-size: 1.05vw;
    position: absolute;
    right: 1.5vw;
    bottom: .76vw;
    font-weight: bold;
}
.play_store .store .qcode{
    width: 6.6vw;
    height: 6.6vw;
    position: absolute;
    bottom: 0.7vw;
    left: 3.5vw;
}
.play_store .store .qcode-right{
    width: 6.6vw;
    height: 6.6vw;
    position: absolute;
    bottom: 0.7vw;
    right: 3.5vw !important;
}
.play_store .store .qcode img,.play_store .store .qcode-right img{
    width: 100%;
    height: 100%;
}
@keyframes qcode-line {
    0% {
        transform: rotate(180deg);
        top: 0;
    }
    50% {
        transform: rotate(180deg);
        top: 50%;
    }
    100% {
        transform: rotate(180deg);
        top: 90%;
    }
}
.play_store .store .qcode .line,
.play_store .store .qcode-right .line{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1.09vw;
    /* background-image: url(../image/top/line.png); */
    z-index: 10;
    background-size: 100%;
    animation: qcode-line linear 2s infinite alternate;
}
.play_store .store .store_down{
    width: 10.4vw;
    /* height: 8.8vw; */
    position: absolute;
    bottom: 0.7vw;
    left: 12vw;
}
.play_store .store .store_down .store_btn{
    width: 10.4vw;
    height: 3.02vw;
    cursor: pointer;
    /* margin-bottom: .88vw; */
}

.store_btn_android{
    margin-bottom: .5vw;
    /* position: absolute; */
    /* top: 0; */
}
.play_store .store .store_down .store_btn img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.play_store .store .store_down .store_btn .store_apple{
    filter: grayscale(100%);
}
.play_store .store .left-text,.play_store .store .right-text{
    display: block;
    width: .93vw;
    height: 6.19vw;
}
.play_store .store .left-text{
    background: url("https://video1.windfun.com/xnyh/xnyh_index_1_lefttext.png");
    background-repeat: no-repeat;
    background-size:contain;
}
.play_store .store .right-text{
    background: url("https://video1.windfun.com/xnyh/xnyh_index_1_righttext.png");
    background-repeat: no-repeat;
    background-size:contain;
}



@media(max-width: 1100px){
    .play_store { bottom: 10vh; height: 19.2vw; }
    .play_store .store {
        margin-left: 5.2vw;
        width: 88.4vw; margin-left: 0;
    }
    .play_store .store .tips-down-str{
        width: 3.38vw;
        font-size: 2.73vw;
        left: 3.9vw;
        bottom: 1.976vw;
    }
    .play_store .store .tips-down-str-right{
        width: 3.38vw;
        font-size: 2.73vw;
        right: 3.9vw;
        bottom: 1.976vw;
    }
    .play_store .store .qcode{
        width: 17.16vw;
        height: 17.16vw;
        bottom: 1.82vw;
        left: 9.1vw;
    }
    .play_store .store .qcode-right{
        width: 17.16vw;
        height: 17.16vw;
        bottom: 1.82vw;
        right: 9.1vw !important;
    }
  
    .play_store .store .qcode .line,
    .play_store .store .qcode-right .line{
        
        height: 2.2vw;
    }
    .play_store .store .store_down{
        width: 27.04vw;
        bottom: 1.82vw;
        left: 31.2vw;
    }
    .play_store .store .store_down .store_btn{
        width: 27.04vw;
        height: 7.852vw;
    }
    
    .store_btn_android{
        margin-bottom: 1.3vw;
    }
    .play_store .store .left-text,.play_store .store .right-text{
        display: block;
        width: 2.418vw;
        height: 16.094vw;
    }
    
    
}







/* -- 新闻轮播 -- */
.section_news .news_con{
    padding-top:4vw ;
    /* width: 100%; */
    height: 100%;
    width: 37.1vw;
    /* flex-direction: row; */
    /* display: flex; */
}
.news_section_content{
    height: 100%;
    justify-content: flex-start;
}
.news_con .news_swiper_box{
    margin-top: 1vw;
    width: 37.1vw;
    height: 21.5vw;
    padding: .89vw;
    /* position: relative; */
    /* top: 3vw; */
    background-image: url(https://video1.windfun.com/xnyh/xnyh_index_2_hgbg.png);
    background-size:contain;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 17;
    /* left: 2.5vw; */
}

.news_con  .news_swiper{
    width: 100%;
    height: auto;

}

.news_con  .news_swiper{
    width: 100%;
    height: 100%;

}
.news_con  .news_swiper img{
    width: 100%;
    height: 100%;
    /* width: 35.3vw; */
    /* height: 19.8vw; */
    /* padding: .962vw; */
}
.news_con .news_swiper { position: relative; }

.news_con .news_swiper .swiper-slide { overflow: hidden; }
.news_con .news_swiper img { transform: scale(1.5); transition: all 1.5s; }
.news_con .news_swiper .swiper-slide-active img { transform: scale(1.0); }

.qcodeA { position: relative; }
.qcodeA:after { content: ''; position: absolute; position: absolute;
    z-index: 10; width: 100%; height: 30px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAAOCAYAAADkH9gOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkE3RTQ5RTNGQjcyQTExRTg4QUE5QUFGRTUxMzgzMDE3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkE3RTQ5RTQwQjcyQTExRTg4QUE5QUFGRTUxMzgzMDE3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QTdFNDlFM0RCNzJBMTFFODhBQTlBQUZFNTEzODMwMTciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QTdFNDlFM0VCNzJBMTFFODhBQTlBQUZFNTEzODMwMTciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6rBkotAAABBElEQVR42uyYSQrCQBBFjTbihCIIbkRwJxi9hbfwPl7EU+gtxIUrBREkIEicFZP4S36DV+imPjw6abKqR/WQYD4Y5jT+Jq8l8DsGBBQtz0WOhnOBlsiJZCAFH/LmmFqRJVADTVAHFcpWwe4IFql3cAYncAVP261V0AY90AUtzhW0dk4kATdwBDuwpfSPoUQruA9C0NGaOZk9V1/p5It0sd2DZSyDxni1nGid3M0iHE3p8ufW2FYGDxDjg5l2sNMdHNOlOM3M3/odgTXbe6N7sNN7cMT3xNC0FSwnsYOeor04Rd/sIUvuT0+KvlO03oM9ugdnbHHhpbXyK/qrUgVrXM5XgAEAzKJQwxlC7FYAAAAASUVORK5CYII=);
    background-size: 100%; left:0; top:0; background-repeat: no-repeat;
    animation: vertical-data-v-0863179f linear 6s infinite alternate; }



@-webkit-keyframes vertical-data-v-0863179f {
    0% {-webkit-transform: translate(0, 0);opacity: 1;}
    50% {-webkit-transform: translate(0, 6vw);opacity: 1;}
    100% {-webkit-transform: translate(0, 0px);opacity: 1;}
}
@keyframes vertical-data-v-0863179f {
    0% {transform: translate(0, 0);opacity: 1;}
    50% {transform: translate(0, 6vw);opacity: 1;}
    100% {transform: translate(0, 0px);opacity: 1;}
}



.news_con .news_swiper .news_swiper_pagination{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -moz-box-pack: center;
    -webkit-moz-box-pack: center;
    box-pack: center;
    -webkit-align-items: center;
    align-items: center;
}
.news_con .news_swiper .news_swiper_pagination .swiper-pagination-bullet{
    width: .67vw;
    height: .67vw;
    opacity: 1;
    background: none;
    background-image: url(https://video1.windfun.com/xnyh/xnyh_index_2_yema1.png);
    /* background-size:contain; */
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 0;
}
.news_con  .news_swiper .news_swiper_pagination .swiper-pagination-bullet-active{
    width: 1vw;
    height: 1vw;
    background: none;
    border-radius: 0;
    background-image: url(https://video1.windfun.com/xnyh/xnyh_index_2_yema.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

/* -- 新闻信息 -- */
.news_con  .news-list-wraper{
    /* margin-top: 1vw; */
    width: 100%;
    /* height: 22.1vw; */
    position: relative;
    overflow: hidden;
    padding: .89vw;
    /* background-color: rgba(2, 2, 2, 0.3); */
    z-index: 16;
    /* top: 30vw; */
    /* left: 2.5vw; */
}

.news_con .news-list-wraper .column-tab-titles-box {
    color: white;
    height: 3vw;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -moz-box-pack: space-between;
    -webkit-moz-box-pack: space-between;
    box-pack: space-between;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
}
.news_con .news-list-wraper .column-tab-titles-box .column-tab-title-list{
    border-bottom: .15vw solid #ccc;
    width: 100%;

}
.column-tab-titles-box .column-tab-title-list .column-tab-title>span{
    padding-bottom: .5vw; transition: all 0.6s;

}
.column-tab-titles-box .column-tab-title-list .column-tab-title.curr>span {
    font-size: 1.5vw;
    font-weight: 700;
    border-bottom: .1vw solid #ffe9a5;
    color: #ffe9a5;
    box-sizing: border-box;
}
.column-tab-titles-box .column-tab-title-list .column-tab-title:last-child{
    float: right;
}
.column-tab-titles-box .column-tab-title-list .column-tab-title a{
    display: block;
     font-weight: 700;
    height: 3vw;
    line-height: 3vw;
    font-size: 1vw;
    cursor: pointer; position: relative; transition: all 0.5s;
    padding: 0; left: 0;
}
.column-tab-titles-box .column-tab-title-list .column-tab-title a:hover { left: -5px; }
.column-tab-titles-box .column-tab-title-list .column-tab-title {
    font-weight: 700;
    background-repeat: no-repeat;
    background-position: center;
    float: left;
    height: 3vw;
     display: flex;
      align-items: flex-end;
    /* line-height: 3vw; */
    font-size: 1vw;
    margin-right: .2vw;
    text-align: center;margin-bottom: -0.15vw;
    cursor: pointer;
}
.column-tab-title:nth-child(1)::after,
.column-tab-title:nth-child(2)::after,
.column-tab-title:nth-child(3)::after,
.column-tab-title:nth-child(4)::after
{
    content: '/';
    padding: 0 .5vw;
    font-size: 1vw;
    color: #ccc;
    padding-bottom: .5vw;

}

.message-content .column-cont-panel ul li a {
    color: white;
    display: block;
    /* height: 2.5vw; */
    /* line-height: 2.5vw; */
    /* margin-top: 1vw; */
    font-size: 1.2vw;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -moz-box-pack: space-between;
    -webkit-moz-box-pack: space-between;
    box-pack: space-between;
    cursor: pointer;
    /* border-bottom: 1px solid rgb(57,74,147); */
    border-bottom: 1px solid #ccc;
}
.message-content .column-cont-panel ul li a>span{

    padding: .1vw;
}
.message-content .column-cont-panel ul li a>span:nth-child(2){
    overflow: hidden;
    white-space: nowrap;
    word-break: break-all;
    text-overflow: ellipsis;
    width: 22vw;
    
}
.message-content .column-cont-panel ul li a>span:last-child{
    margin-left: auto;
}
.message-content .column-cont-panel ul li a>span:first-child{
    border: 1px solid #fff;
    border-radius:12px ;
    padding: 0 .5vw;
}
.message-content .column-cont-panel ul li a{
    position: relative;
    padding:1vw 0;
    transition: all 0.5s;
}
.message-content .column-cont-panel ul li a:hover{
    /* font-weight: 700; */
}
.message-content .column-cont-panel ul li a .article-title {
    max-width: 24vw;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.article-title{
    padding-bottom: 3vw !important;
    background: url(https://video1.windfun.com/xnyh/xnyh_index_2_line.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 0 1.5vw;
}
.article-title:hover{
}
.article-item-container::before{
    background: url(https://video1.windfun.com/xnyh/xnyh_index_2_line.png);
    /* background-repeat: no-repeat; */
    /* background-size: contain; */
    background-position: bottom;
    content: '';
    display: block;
    width: 0;
    /* width: 100%; */
    height: .2vw;
    /* background-color: #d5c641; */
    position: absolute;
    bottom: -.1vw;
    left: 0;
    transition: all 0.5s;
}
.article-title::before{
    background: url(https://video1.windfun.com/xnyh/xnyh_index_2_line.png);
    /* background-repeat: no-repeat; */
    /* background-size: contain; */
    background-position: bottom;
    width: 100%;
    transition: all 0.5s;
}
.disnone{
    display: none;
}

/* -- 职业 -- */

.section_career .career_con{
    width: 100%;
    position: relative;
    overflow: hidden;
}

.section_career .career_con .swiper-slide {
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: right;
    align-items: center;
}

.section_career .career_con .swiper-slide img {
    display: block;
    width: 85%;
    object-fit: cover;
}

.section_career .career_con .career_swiper_pagination {
    width: 9vw;
    position: absolute;
    top: 5vw;
    z-index: 1;
    /*padding-top: 5vw;*/
}

.section_career .career_con .swiper-pagination-bullet {
    width: 9vw;
    height: 7.5vw;
    text-align: center;
    opacity: 1;
    background: none;
    background-size: contain;
    background-repeat: no-repeat;
    border-radius: 0;
}


.section_career .career_con .swiper-pagination-bullet:nth-of-type(1){
    /* background-image: url(../image/part02/part02-left-ying02.png); */
}
.section_career .career_con .swiper-pagination-bullet:nth-of-type(2){
    /* background-image: url(../image/part02/part02-left-ai02.png); */
}
.section_career .career_con .swiper-pagination-bullet:nth-of-type(3){
    /* background-image: url(../image/part02/part02-left-lie02.png); */
}
.section_career .career_con .swiper-pagination-bullet:nth-of-type(4){
    /* background-image: url(../image/part02/part02-left-long02.png); */
}

.section_career .career_con .swiper-pagination-bullet-active:nth-of-type(1){
    /* background-image: url(../image/part02/part02-left-ying01.png); */
}
.section_career .career_con .swiper-pagination-bullet-active:nth-of-type(2){
    /* background-image: url(../image/part02/part02-left-ai01.png); */
}
.section_career .career_con .swiper-pagination-bullet-active:nth-of-type(3){
    /* background-image: url(../image/part02/part02-left-lie01.png); */
}
.section_career .career_con .swiper-pagination-bullet-active:nth-of-type(4){
    /* background-image: url(../image/part02/part02-left-long01.png); */
}


/* -- 视频 -- */
.section_audios .section_container{
    width: 100vw; z-index: 5;
}
.section_audios .audios_con{
    width: 90%;
    height: 40vw;
    margin-top: 5vw;
    position: relative;
    background-size: cover;
    background-position: center
}

.video-content {
    position: absolute;
    overflow: hidden;
    cursor: pointer;
    opacity: 1;
    transform: matrix(1, 0, 0, 1, 0, 0)
}

.video-content:nth-child(1) {
    width: 25%;
    height: 45%;
    top: 0;
    left: 0;
    min-width: 200px
}

.video-content:nth-child(2) {
    width: 50%;
    height: 90%;
    min-width: 350px;
    top: 0;
    left: 25.5%;
    max-height: 688px
}

@media(min-width: 1080px) {
    .video-content:nth-child(2) {
        width:50%;
        height: 90%;
        min-width: 350px;
        top: 0;
        max-height: 100%
    }
}

.video-content:nth-child(3) {
    width: 25%;
    height: 45%;
    top: 0;
    left: 75%
}

.video-content:nth-child(4) {
    width: 25%;
    height: 45%;
    top: 45%;
    left: 0
}

.video-content:nth-child(5) {
    width: 25%;
    height: 45%;
    top: 45%;
    left: 75%
}

.video-content .mask-video-single {
    background: rgba(0,0,0,.6);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transform: translate(0, 100%);
    transition: all .3s
}

.video-content:hover .mask-video-single {
    transform: translate(0, 0)
}

.mask-video-single .line-content {
    width: 94%;
    height: 94%;
    position: absolute;
    top: 3%;
    left: 50%;
    margin-left: -47%;
    overflow: hidden
}

.video-content .mask-video-single .line:nth-child(1) {
    position: absolute;
    height: 1px;
    top: 0;
    overflow: hidden;
    transform: translate(-100%, 0)
}

.video-content .mask-video-single .line:nth-child(2) {
    position: absolute;
    width: 1px;
    top: 0;
    bottom: 10px;
    right: 0;
    overflow: hidden;
    transform: translate(0, -100%)
}

.video-content .mask-video-single .line:nth-child(3) {
    position: absolute;
    height: 1px;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    transform: translate(100%, 0%)
}

.video-content .mask-video-single .line:nth-child(4) {
    position: absolute;
    width: 1px;
    overflow: hidden;
    transform: translate(0%, 100%)
}

.video-content:hover .mask-video-single .line:nth-child(1) {
    background: rgba(255,255,255,.59);
    transform: translate(0, 0);
    display: block;
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    overflow: hidden;
    transition: all .3s linear
}

.video-content:hover .mask-video-single .line:nth-child(2) {
    background: rgba(255,255,255,.59);
    display: block;
    content: "";
    height: 100%;
    width: 1px;
    transform: translate(0, 0%);
    transition: all .1s .4s linear
}

.video-content:hover .mask-video-single .line:nth-child(3) {
    background: rgba(255,255,255,.59);
    transform: translate(0%, 0%);
    transition: all .1s .5s linear
}

.video-content:hover .mask-video-single .line:nth-child(4) {
    background: rgba(255,255,255,.59);
    display: block;
    content: "";
    height: 100%;
    width: 1px;
    transform: translate(0, 0%);
    transition: all .1s .5s linear
}

.video-content .video-img {
    width: 100%;
    height: 100%;
    transition: all .3s
}

.video-btn {
    width: 6vw;
    height: 6vw;
    left: 50%;
    margin-left: -3vw;
    margin-bottom: -3vw;
    position: absolute;
    transition: all .5s;
    bottom: -100px
}

.video-content:hover .video-btn {
    bottom: 55%
}

.circle {
    /* background: url(../image/part03/xiao-play.png) no-repeat; */
    background-size: contain;
    display: block;
    width: 6vw;
    height: 6vw;
    animation: xiao-play 4s linear infinite
}

@keyframes xiao-play {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

.video-title-role {
    position: absolute;
    width: 90%;
    text-align: center;
    word-break: break-all;
    overflow-wrap: break-word;
    color: #fff;
    bottom: -10vw;
    left: 50%;
    margin-left: -45%;
    margin-bottom: 0;
    transition: all .5s;
    font-size: 1vw
}

.video-content:hover .video-title-role {
    bottom: 50%;
    margin-bottom: -4.8vw;
    overflow-wrap: break-word
}

/* -- 视频 -- */

.section_features .features_con{
    width: 90%;
    position: relative;
    /*padding-top: 5vw;*/
}
.section_features .features_swiper{
    text-align: center;
    width: 60vw;
    height: 28vw;
    margin: 0 auto;
    padding-top: 3vw;
}
.new_features{
    width: 100%;
    height: 100%;
}
.features_con .swiper-slide{
    width: 38vw;
    height: 21.44vw;
    cursor: pointer;
    text-align: center;
    display: flex;
    justify-content: right;
    align-items: center;
}
.new_features .swiper-slide img{
    width: 100%;
    height: 100%;  object-fit: cover;
    vertical-align: middle; transition: all 2s; transform: scale(1.05);
}
.new_features .swiper-slide-active img { transform: scale(1.0); }
.new_features .swiper-button-next,.new_features .swiper-button-prev{
    width: 4vw;
    height: 7vw;
}
.new_features .swiper-button-next::after,.new_features .swiper-button-prev::after{
    display: none !important;
}
.new_features .swiper-button-next{
    background: url("https://video1.windfun.com/xnyh/xnyh_index_5_right.png");
    background-repeat: no-repeat;
    background-size:contain;
    right: 10vw;
    /* right: var(--swiper-navigation-sides-offset, 10vw); */
    /* top: var(--swiper-navigation-sides-offset, 10vw); */
}
.new_features .swiper-button-prev{
    background: url("https://video1.windfun.com/xnyh/xnyh_index_5_left.png");
    background-repeat: no-repeat;
    background-size:contain;
    left: 10vw;
    /* left: var(--swiper-navigation-sides-offset, 10vw); */
    /* top: var(--swiper-navigation-sides-offset, 10vw); */
    /* right: auto; */
}

.section_features .new_features .features_swiper_pagination {
    margin: 2.48vw auto 10.57vw;
    width: 25.1vw;
    height: 1.5vw;
    background-image: url(../image/game-s-1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: flex;
    align-items: center;
    justify-content: center
}



.section_features .features_con .features_swiper_pagination .swiper-pagination-bullet{
    width: 1.2vw;
    height: 3.6vw;
    border-radius: 0;
    background: none;
    background-color: transparent;
    background-size: contain;
    background-repeat: no-repeat;
    margin: 0 1.5vw;
    opacity: 1;
}

.section_features .features_con .features_swiper_pagination .swiper-pagination-bullet:nth-of-type(1){
    /* background-image: url("../image/part04/part04-01.png"); */
}
.section_features .features_con .features_swiper_pagination .swiper-pagination-bullet:nth-of-type(2){
    /* background-image: url("../image/part04/part04-02.png"); */
}
.section_features .features_con .features_swiper_pagination .swiper-pagination-bullet:nth-of-type(3){
    /* background-image: url("../image/part04/part04-03.png"); */
}
.section_features .features_con .features_swiper_pagination .swiper-pagination-bullet:nth-of-type(4){
    /* background-image: url("../image/part04/part04-04.png"); */
}
.section_features .features_con .features_swiper_pagination .swiper-pagination-bullet:nth-of-type(5){
    /* background-image: url("../image/part04/part04-05.png"); */
}

.section_features .features_con .features_swiper_pagination .swiper-pagination-bullet-active:nth-of-type(1){
    /* background-image: url("../image/part04/part04-y-01.png"); */
}
.section_features .features_con .features_swiper_pagination .swiper-pagination-bullet-active:nth-of-type(2){
    /* background-image: url("../image/part04/part04-y-02.png"); */
}
.section_features .features_con .features_swiper_pagination .swiper-pagination-bullet-active:nth-of-type(3){
    /* background-image: url("../image/part04/part04-y-03.png"); */
}
.section_features .features_con .features_swiper_pagination .swiper-pagination-bullet-active:nth-of-type(4){
    /* background-image: url("../image/part04/part04-y-04.png"); */
}
.section_features .features_con .features_swiper_pagination .swiper-pagination-bullet-active:nth-of-type(5){
    /* background-image: url("../image/part04/part04-y-05.png"); */
}

@media(max-width: 1100px){
    .new_features .swiper-button-prev,.new_features .swiper-button-next { width: 14vw; height: 14vw; }
    .new_features .swiper-button-prev { left: 4vw; }
    .new_features .swiper-button-next { right: 4vw; }
}


/* 关注 */
.follow{
    width: 100%;
    min-height: 22vw;
    position: relative;
    
    padding-top: 3vw;
    box-sizing:border-box;
}
.follow .follow_con{
    height: 4vw;
    text-align: center;
}
.follow .follow_con div{
    height: 100%;
    display: inline-block;
    margin: 0 1vw;
}
.follow .follow_con div img{
    height: 100%;
}

.follow .agreement_con{
    text-align: center;
}
.follow .agreement_con a{
    color: #fff;
    display: inline-block;
    font-size: 1vw;
    margin: 3vw 2vw;
}


.home-container {
    width: 100vw;
    height: 100%;
    max-width: 1920px;
    min-width: 1200px;
    margin: 0 auto;
    position: relative;
}

.swiper-container {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    position: relative;
    display: flex;
    justify-content: center;
    background-size: cover;
    background-position: center;
}







/* footer */
.footer{
    width: 100vw;
    height: 10vw;
    background: #333;
}
#black-flooter {
    /* position: absolute; */
    width: 100%;
    /* bottom: 0; */
    font-size: 0.8vw;
    background: #333;
}

#black-flooter .sy-footer-box {
    background-color: #333 !important;
}

#black-flooter .content {
    color: #ccc !important;
}

#black-flooter .flooter .content a {
    color: #e0c1a0 !important;
}

#black-flooter .sy-footer-logo-part {
    display: inline-block;
    position: relative;
    width: 16.25vw !important;
    height: 4.43vw;
    margin-left: 0 !important;
}

#black-flooter .sy-footer-logo-part img {
    width: 100%;
    height: 100%;
    display: inline-block;
    object-fit: contain;
    position: relative;
    left: 0px;
}
.sy-footer-box-wrap {
    position: relative;
    padding: 1vw;
    width: 70vw;
    margin: auto;
    /* margin: 0 auto 1vw auto; */
}

.sy-footer-info-part {
    position: relative;
    display: inline-block;
    width: 50vw;
    margin: auto;
    margin-left: 10px;
    word-wrap: break-word;
    word-break: normal
}
.sy-footer-info-part p {
    line-height: 1.5vw;
}

.particles-js{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.new_features img{
    width: 100%;
}

.section_container2{
    width: 100%;
    display: block;
}
.section_content2{
    flex: 1;
}
.section_news .section_container { position: relative; z-index: 5; }
.section_audios .section_content2{
    width: 100%;
    height: 100%;
}

.swiper-show-3{
    width: 90vh;
    /* height: 20vh; */
    /* background: #ccc; */
}

.show3-box{
    position: absolute;
    /* position: relative; */
    bottom: 10vh;
    /* display: flex; */
    /* align-items: center; */
    /* justify-content: center; */
}
.swiper-show-3 img{
    width: 100%;
    /* padding-right: 20px; */
    /* position: relative; */
    /* overflow: visible; */
}
.new_features1 .role-box img{
    width: 100%;
    height: 100%; object-fit: cover; position: absolute; left: -10%; top: 0; opacity: 0; transition: all 2s;
}
.new_features1 .role-box img{
    width: 100%;
    height: 100%; object-fit: cover; position: absolute; left: -10%; top: 0; opacity: 0; transition: all 2s;
}
.new_features1 img.picBg{
    width: 100%;
    height: 100%; object-fit: cover; position: absolute; left: 0; top: 0; opacity: 0; transition: all 2s;
}

.new_features2 img{
    width: 100%;
    height: 100%; object-fit: cover; position: absolute; left: 0; transform: scale(1.05); top: 0; opacity: 0; transition: all 2s;
} 

.new_features1 img.active { opacity: 1; left: 0; }
.new_features2 .swiper-slide-active img { opacity: 1; left: 0; transform: scale(1.0); }

.show3-box-1{
    position: relative;
}
.show3-box .swiper-button-next,.show3-box .swiper-button-prev{ transform: translate(0);
    width: 3.07vw;
    height: 4.53vw; transition: all 0.6s;
}



.show3-box .swiper-button-prev {  }


.play_store .tips16 {
    width: 7.86vw;
    height: 100%;
    background-image: url(https://video1.windfun.com/xnyh/xnyh_index_1_16age.png);
    /* background-size: cover; */
     position: absolute;
    background-repeat: no-repeat;
    background-size:contain;
    right: 1vw;
    -webkit-animation: godown 4s infinite;
    animation: godown 4s infinite;
    box-sizing: border-box;
}

@-webkit-keyframes toLeft {
    0% {-webkit-transform: translate(0, 0);opacity: 1;}
    50% {-webkit-transform: translate(2vw, 0);opacity: 1;}
    100% {-webkit-transform: translate(0, 0px);opacity: 1;}
}
@keyframes toLeft {
    0% {transform: translate(0, 0);opacity: 1;}
    50% {transform: translate(0, 0);opacity: 1;}
    100% {transform: translate(0, 0px);opacity: 1;}
}


.show3-box .swiper-button-next{
    position: absolute;
    z-index: 10;
    cursor: pointer;
    background: url("https://video1.windfun.com/xnyh/xnyh_index_4_right.png");
    background-repeat: no-repeat;
    background-size:contain;
    /* top: 50%; */
    right: -5vw;
    transform:translateY(-20%);
    /* margin-top: calc(0px - (var(--swiper-navigation-size)/ 2)); */

    /* right: var(--swiper-navigation-sides-offset, 10vw); */
    /* top: var(--swiper-navigation-sides-offset, 10vw); */
}
.show3-box .swiper-button-prev{
    position: absolute;
    background: url("https://video1.windfun.com/xnyh/xnyh_index_4_left.png");
    background-repeat: no-repeat;
    background-size:contain;
     left: -5vw;
     /* top: 50%; */
      transform:translateY(-20%);
    /* left: var(--swiper-navigation-sides-offset, 10vw); */
    /* top: var(--swiper-navigation-sides-offset, 10vw); */
    /* right: auto; */

    
}
.show3-box .swiper-button-prev,.show3-box .swiper-button-next {  margin-top: -2.26vw; top: 50%!important; transform: translate(0); }
.show3-box .swiper-button-prev:hover { 
     transform:rotateX(45deg);
    -ms-transform:rotateX(45deg); 
    -webkit-transform:rotateX(45deg); 
    left: -6vw;
}
.show3-box .swiper-button-next:hover { 
     transform:rotateX(45deg);
    -ms-transform:rotateX(45deg); 
    -webkit-transform:rotateX(45deg); 
    right: -6vw;
}
.show3-box-1 .swiper-wrapper { padding: 10px 0; }
.swiper-show-3 .swiper-slide { position: relative; top: 0; transition: all 0.5s; }
.swiper-show-3 .swiper-slide:hover { top: -10px; }
.show3-box .swiper-button-next::after,.show3-box .swiper-button-prev::after{
    display: none !important;
}

.new_features-swiper-pagination{
    display: flex;
}
.new_features-swiper-pagination{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -moz-box-pack: center;
    -webkit-moz-box-pack: center;
    box-pack: center;
    -webkit-align-items: center;
    align-items: center;
    bottom: 4vw !important;
}
.new_features .new_features-swiper-pagination .swiper-pagination-bullet{
    width: 1vw;
    height: 1vw;
    opacity: 1;
    background: none;
    background-image: url(https://video1.windfun.com/xnyh/xnyh_index_5_yema1.png);
    background-size:contain;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 0;
    margin: 0 .5vw;
}



.new_features  .new_features-swiper-pagination .swiper-pagination-bullet-active{
    width: 1.6vw;
    height: 1.6vw;
    background: none;
    background-size:cover;
    border-radius: 0;
    background-image: url(https://video1.windfun.com/xnyh/xnyh_index_5_yema.png);
    background-repeat: no-repeat;
    background-position: center;
}
.section_audios .section_content2{
    width: 100%;
    height: 100%;
}

.role-img{
    width: 907px;
    height: 1088px;
}
.role-select img{
   /*  position: absolute;
    top: 0;
    right: 0; */
}
.role-select{
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -moz-box-pack: center;
    -webkit-moz-box-pack: center;
    box-pack: center;
    -webkit-align-items: center;
    align-items: center;
    /* width: 16.25vw; */
    /* width: 312px; */
    /* height: 56.25vw; */
    /* height: 100%; */
    height: 100vh;
    width: 17.8125vw;
    margin: ;
    background-size: 100% 100%;
    position: absolute;
    top: 0;
    right: 0;
    
    /* background: #ccc; */
    /* overflow: hidden; */
}
.role-select>div{
    width: 17.8125vw;
    height: 43.59375vw;
    /* transform: translateX(38%); */
    background-image: url(https://video1.windfun.com/xnyh/xnyh_index_3_checkrole3.png);
    background-repeat: no-repeat;
    background-size:contain;
    position: absolute;
    left: 1.4vw;
    /* background: red; */
    /* left: 0; */
}
.role-select ul{
    width: 43.59375vw;
    height: 43.59375vw;
    /* width: 214px; */
    /* height: 826px; */
    /* background: red; */
    position: relative;
    /* opacity: .5; */
    border-radius: 50%;
    left: .3vw;
    /* top: 50%; */
}

.role-select ul>li{
    z-index: 2000;
    cursor: pointer;
    width: 4.3vw;
    height: 4.3vw;
    /* padding: 10vw; */
    position: absolute;
    transition: all 0.5s ease;
    display: flex;
}
.role-select ul>li>img{
    width: 80%;
    height: 80%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /* width: 80%; */
    /* margin: auto auto; */
    /* height: 80%; */
}

.role-select ul>li>img.pic { top: 57%; }

.role-select ul>li:nth-child(3){
    /* left: -3.8vw; */
    /* top: 21.125vw; */
}
.role-select ul>li:nth-child(2){
    /* left: 2.8vw; */
    /* top: 16.5vw; */
}
.role-select ul>li:nth-child(1){
    /* left: 7.2vw; */
    /* top: 8.8vw; */
}
.role-select ul>li:nth-child(4){
    /* left: 2.8vw; */
    /* top: 36.3vw; */
}
.role-select ul>li:nth-child(5){
    /* left: 7.8vw; */
    /* top: 44vw; */
}
.role-select ul .role-active{
    /* width: 14vw ;
    height: 14vw ; */
}

/* .role-select ul>li:nth-child(6){
    left: 14.8vw;
    top: 49vw;
}
.role-select ul>li:nth-child(7){
    left: 13.8vw;
    top: 3vw;
}

.role-select ul>li:nth-child(8){
    left: 30vw;
    top: 60vw;
}
.role-select ul>li:nth-child(9){
    left: 30vw;
    top: -20vw;
}
 */
@keyframes bg-360 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(-360deg);
  }
}

.img-info{
    position: absolute;
    width: 56vw !important;
    height: 56vw !important;
    animation: bg-360 25s linear infinite;
}

.section_audios .paly-img{
    width: 100%;
    height: 8.5vw;
    position: absolute;
    z-index: 100;
}
.section_audios .paly-img img{
    height: 8.5vw;
    margin: auto;
    cursor: pointer; position: relative; z-index: 10;
}


 .swiper-slide-thumb-active{
    border: 3px solid rgba(19,109,135,1) !important;
 }
/* .role-box img{
    display: none;
} */

@media screen and (min-width: 2000px) and (max-height: 1200px) {
    .section_news .news_con{
        padding-top: 2.5vw !important;
    }
    .article-title {
        padding-bottom: 2vw !important;
    }
}


.new_features2,.new_features { transform: scale(1.5); transition: all 3s; }
.active .new_features2,.active .new_features { transform: scale(1); }



@media(max-width: 1100px){
    .section_audios .paly-img { height: auto; }
    .section_audios .paly-img img {width: auto; height: 20vw; }
    
    .details_content_details { padding-bottom: 60px; font-size: 16px; line-height: 1.6; }
    .content-box h1 { padding-top: 0; }
    .content-title { margin-top: 30px; }
    .content-title h2 { font-size: 24px; }
    .sy-footer-box-wrap { width: 92%; padding: 30px 0 20px; }
    #black-flooter .sy-footer-logo-part {height: auto; width: 100%!important; text-align: center; }
    #black-flooter .sy-footer-logo-part img { height: auto; width: 40%!important; }
    .sy-footer-info-part { width: 100%; text-align: center; margin-left: 0; margin-top: 20px; }
    .sy-footer-info-part p { font-size: 14px; } 
    .sy-footer-info-part p { line-height: 1.5; }
}

@media(max-width: 1100px){
    .role-select { height: 52vw; width: 100vw; left: 0; bottom: -20vw; top: auto; right: auto; }
    .role-select>div { background: url(https://video1.windfun.com/xnyh/xnyh_index_3_checkrole3-1.png) no-repeat top center; background-size: 100% auto; height: 52vw; left: 0; width: 100%; }
    .role-select ul { width: 100vw; height: 100vw; left: 0; }
    .nav-left { text-align: right; position: fixed; width: auto; right: 10px; top: 54%; transform: translateY(-50%); display: block; height: auto; }
    .nav-left .active { background: none; font-weight: bold; }
    .nav-left a,.nav-btn span { font-size: 14px; text-align: right; display: block; width: auto; }
    .nav-left a { margin: 10px 0; }
    .nav-left .active span { font-size: 16px!important; }
    .role-select ul>li { width: 8vw; height: 8vw; }
        
        
    .nav-left { display: none; }
    .section_news .news_con { width: 100%; }
    .section_content { width: 100vw; padding 0; box-sizing: border-box; }
    .section_news .news_con { padding: 15vh 4vw 0; }
    .news_con .news_swiper_box { width: 100%; height: auto;}
    
    .news_con .news_swiper_box { padding: 2.5vw 2.6vw; }
    .column-tab-titles-box .column-tab-title-list .column-tab-title.curr>span { font-size: 16px; }
    .column-tab-titles-box .column-tab-title-list .column-tab-title,
    .column-tab-title:nth-child(1)::after, .column-tab-title:nth-child(2)::after, .column-tab-title:nth-child(3)::after, .column-tab-title:nth-child(4)::after
    { font-size: 14px; height: 30px; line-height: 30px; }
    .news_con .news-list-wraper .column-tab-titles-box { height: 30px; font-size: 14px; }
    .column-tab-titles-box .column-tab-title-list .column-tab-title a { font-size: 14px; height: 30px; line-height: 30px; } 
    
    .message-content .column-cont-panel ul li a { padding: 15px 0; font-size: 14px; }
    .message-content .column-cont-panel ul li a>span:first-child { padding: 5px 15px; }
    .message-content .column-cont-panel ul li a>span:nth-child(2) { display: block; width: 50vw; }
    
}
@media(max-width: 500px){
    .message-content .column-cont-panel ul li a { height: auto; display: block; position: relative; }
    .message-content .column-cont-panel ul li a>span:first-child { padding: 5px 15px; display: inline-block; }
    .article-item-container::before { bottom: 0; }
    .article-title { padding-bottom: 15px; background: url(https://video1.windfun.com/xnyh/xnyh_index_2_line.png) no-repeat bottom left; background-size: 100% auto; }
    .message-content .column-cont-panel ul li a>span:nth-child(2) { width: 100%; padding-top: 8px; }
    .message-content .column-cont-panel ul li a>span:last-child { padding: 0; height: 30px; line-height: 30px; position: absolute; right: 0; top: 15px; }
    
}

.img-info2 { left: 50%; top: 50%; margin: -28vw 0 0 -28vw; }
@media(max-width: 1100px){
    .img-info2 { width: 90vw!important; height: 90vw!important; margin: -45vw 0 0 -45vw; }
    .nav-logo-a img { width: 26vw; }
    .nav { height: 16vw; }
    .volume img { width: 6vw; }
}


/*分层修改*/

.role-box2 { position:absolute; left: 2%; width: 23.2vw; height: 100%; top: 0; }
.role-box2-1 { transition: all 2s; left: -10vw; position:relative; width: 100%; height: 100%; }
.active .role-box2-1 { left: 0; }
.role-box2-1 img { transition: all 1s; opacity: 0; position:absolute; width: 100%; height: auto; top: 80%; left: 0; transform: translateY(-50%); }
.role-box2-1 img.active { left: 0; top: 45%; opacity:1; }
@media(max-width: 1100px){
    .role-box2 { width: 30vw; top: 30vw; right: 6vw; left: auto; }
    .role-box2-1 img { top: 0; left: 20vw; transform: translateY(0); }
    .role-box2-1 img.active { top: 0; lfet: 0; }
    .role-box2-1 { left: auto; right: -10vw; }
    .active .role-box2-1 { left: auto; right: 0; }
}

.paly-img .play-img-btn { position: relative; width: 8.5vw; margin: 0 auto; cursor: pointer; height: 100%; }

.paly-img .play-img-btn img { -webkit-animation:circle 5s linear infinite; }
.paly-img-btn { position:relative; }
.paly-img .play-img-btn:hover img {
    animation-play-state: paused;
}
.paly-img .play-img-btn:after { content:''; position: absolute; left: 50%; width: 8.5vw; height: 100%; background: url(https://video1.windfun.com/xnyh/jsxw/xnyh_index_4_play_btn.png) no-repeat center/cover; top:50%; transform: translate(-50%, -50%); } 

.new_features2,.new_features { transform:scale(1.2); }
.active .new_features2, .active .new_features { transform:scale(1.0); }
.new_features .swiper-slide img { transform: scale(1.1); }
.new_features .swiper-slide-active img { transform: scale(1.0); }
.new_features .swiper-slide .slogn img  { width: 100%; height: auto; transform:scale(1)!important; }


.new_features .swiper-slide { position: relative; }
.new_features .swiper-slide .slogn { transition: all 2s; opacity: 0; position: absolute; right: 4vw; bottom: -20vw; z-index:5; width: 36.1vw; }
.new_features .swiper-slide-active .slogn { bottom: 4vw; opacity:1; }

.new_features .swiper-button-next,.new_features .swiper-button-prev { background: none!important; width: 4vw; height: 4vw; }
.new_features .swiper-button-next img,.new_features .swiper-button-prev img { position: relative; transition: all 0.5s; width: 100%; }
.new_features .swiper-button-next img { right: 0; }
.new_features .swiper-button-prev img { left: 0; }
.new_features .swiper-button-next:hover img { right: -5px; transform:rotateX(45deg); -ms-transform:rotateX(45deg);  -webkit-transform:rotateX(45deg);  }
.new_features .swiper-button-prev:hover img { left: -5px; transform:rotateX(45deg); -ms-transform:rotateX(45deg);  -webkit-transform:rotateX(45deg);  } 

.new_features .swiper-button-next:after,.new_features .swiper-button-prev:after { position: absolute; -webkit-animation:circle 5s linear infinite; content:''; width: 4vw; height: 4vw; display: block!important; background: url(https://video1.windfun.com/xnyh/jsxw/xnyh_index_5_btn_bg.png) no-repeat center/cover; }

.new_features .swiper-button-next{
    background: url("https://video1.windfun.com/xnyh/jsxw/xnyh_index_5_right.png");
    background-repeat: no-repeat;
    background-size:contain;
    right: 10vw;
}
.new_features .swiper-button-prev{
    background: url("https://video1.windfun.com/xnyh/jsxw/xnyh_index_5_left.png");
    background-repeat: no-repeat;
    background-size:contain;
    left: 10vw;
}

.show3-box { bottom: 0; transition: all 2s; }
.active .show3-box { bottom: 10vh; }
.new_features .new_features-swiper-pagination .swiper-pagination-bullet { transition: all 0.5s; }
@media(max-width: 1100px){
    .paly-img .play-img-btn { width: 20vw; }
    .paly-img .play-img-btn:after { width: 20vw; height: 20vw; }
    .new_features .swiper-slide .slogn { width: 60vw; }
    .new_features .swiper-slide-active .slogn { bottom: 10vh; opacity:1; }
    .new_features .swiper-button-next, .new_features .swiper-button-prev,.new_features .swiper-button-next:after, .new_features .swiper-button-prev:after { width: 10vw; height: 10vw; }
    .new_features .swiper-button-prev { left: 3vw; }
    .new_features .swiper-button-next { right: 3vw; }
    .message-content .column-cont-panel ul li:nth-child(n+4) { display:none; }
    .new_features .new_features-swiper-pagination .swiper-pagination-bullet { width: 3vw; height: 3vw; }
    .new_features .new_features-swiper-pagination .swiper-pagination-bullet-active { width: 5vw; height: 5vw; }
}