body {
    font: 12px "宋体", "Arial Narrow", HELVETICA, sans-serif;
    /* background: rgba( 15, 31, 75, 1); */
    -webkit-text-size-adjust: 100%;
}

body { max-width: 750px; margin: 0 auto;  }

/* -- Nav -- */
.nav{
    width: 100%;
}


a, img, video { vertical-align: top; }


.nav { position:absolute; top: 0; width: 100%; max-width: 750px; left: 50%; transform:  translateX(-50%); z-index:10; }


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

}




/* -- play_store -- */

.play_store .tips16 {
    width: 7.86vw;
    height: 100%;
    background-image: url(http://dw1.bingfengyouxi.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;}
}
.banner .index_bgvideo .img { width:100%; }
.banner .slogn { width:100%; text-align: center; position: absolute; left: 0; bottom: 75px; }
.banner .slogn img { width:72%; }

@media(max-width: 750px){
    .banner .index_bgvideo .img { max-height: 200vw; }
    .banner .slogn { bottom: 10vw; }
}
.nav-container, .banner { z-index:11; }
.nav { z-index:12 }
.sectionNews { position: relative; z-index: 10; padding-bottom: 70px; margin-top: -207px; background: url(https://video1.windfun.com/ynlr/mobile/newbg.jpg) no-repeat top center; background-size: 100% auto; }
.sectionNews .news_top img { max-width: 200%; }
.sectionNews .news_top a { display: block; width: 100%; }
@media(max-width: 750px){
    .sectionNews { margin-top: -3.3vw; }
    .sectionNews { padding-bottom: 9.3vw; }
}



.yh {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; 
}

.eh {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.sh {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.news_bottom { padding-top: 20px; }
.news_bottom .tabTit i { position: relative; font-style: normal;padding: 15px 0; display: inline-block; }
.news_bottom .tabTit { border-bottom: 2px solid #fff; display: flex; justify-content:space-between; } 
.news_bottom .tabTit span { position: relative; width: 25%; text-align: center; font-size: 16px; color:#fff; }
.news_bottom .tabTit span.cur,.news_bottom .tabTit span:hover { color:#ffe9a5; }
.news_bottom .tabTit span:after { content:'/'; font-size: 16px; color:#fff; position: absolute; right: 0; top: 50%; transform:  translateY(-50%); opacity: 0.6; }
.news_bottom .tabTit i:before { content:''; position: absolute; left: 0; width: 0; bottom: -2px;left: 50%; transform: translateX(-50%);transition:  all 0.5s; height: 2px; background: #ffe9a5; }
.news_bottom .tabTit .cur i:before { width: 100%; }
.news_bottom .tabTit span:last-child:after { display: none; }

.news_bottom .tabBox li a { border-bottom: 2px solid #fff; padding: 15px 10px; display: grid; grid-template-columns: calc(100% - 70px) 70px; }
.news_bottom .tabBox .d { text-align: right; font-size: 12px; color:#fff; }
.news_bottom .tabBox .t { font-size: 14px; color:#fff; }
.news_bottom .more { text-align: center; margin-top: 50px; }
.news_bottom .more img { width:446px; height:auto; }

@media(max-width: 750px){
    .news_bottom .more { margin-top: 8vw; }
    .news_bottom .more img { width:56.5vw; height:auto; }
}


.main_container { width: 93%; margin: 0 auto; }
.sectionNews_con { padding-top: 360px; }
.sectionNews_con .mainTit { position: absolute; left: 0; top: 65px; }
.mainTit img { width: 323px; height: auto; }
.relative { position: relative; }
.news_top { position: relative; width: 100%; }
.news_top .line { z-index: 2; max-width: 200%; position: absolute; background:#fff; }
.news_top .line1 { top: 0; height: 2px; width: calc(100% + 15px); left: -15px; }
.news_top .line2 { bottom: 0; height: 2px; width: calc(100% + 15px); right: -15px; }
.news_top .line3 { top: -15px; width: 2px; height: calc(100% + 15px); left: 0; }
.news_top .line4 { bottom: -15px; width: 2px; height: calc(100% + 15px); right: 0; }
.swiper-container { overflow: hidden; position: relative; }
.news_top .swiper-container:after { content: ''; width: calc(100% - 4px); height: 40%; position: absolute; left: 2px; bottom: 2px; z-index: 5; background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6)); }
.news_top .swiper-pagination { bottom: 20px; }
.news_top .swiper-pagination-bullet { opacity: 1; width: 24px; height: 24px; background: url(https://video1.windfun.com/xnyh/mobile/newspage1.png) no-repeat center; background-size: 40% auto; }
.news_top .swiper-pagination-bullet-active { background: url(https://video1.windfun.com/xnyh/mobile/newspage2.png) no-repeat center/cover; }


@media(max-width: 750px){
    .sectionNews_con .mainTit { top: 9vw; }
    .mainTit img { width: 43.1vw; height: auto; }
    .sectionNews_con { padding-top: 48vw; }
    .news_top .line1 { width: calc(100% + 2vw); left: -2vw; }
    .news_top .line2 { width: calc(100% + 2vw); right: -2vw; }
    .news_top .line3 { top: -2vw; height: calc(100% + 2vw); }
    .news_top .line4 { bottom: -2vw; height: calc(100% + 2vw); }
    .news_top .swiper-pagination { bottom: 2.6vw; }
    .news_top .swiper-pagination-bullet { width: 5vw; height: 5vw; }
}














/* -- 新闻轮播 -- */
.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(http://dw1.bingfengyouxi.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(http://dw1.bingfengyouxi.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(http://dw1.bingfengyouxi.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(http://dw1.bingfengyouxi.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(http://dw1.bingfengyouxi.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(http://dw1.bingfengyouxi.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.5);
}
.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("http://dw1.bingfengyouxi.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("http://dw1.bingfengyouxi.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"); */
}

.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%; position: absolute; left: -10%; top: auto; bottom: 0; opacity: 0; transition: all 2s;
}
.section_career  { z-index:9; margin-top: -13vw; }
.new_features1 img.picBg{
    width: 100%;
    height: 100%; position: absolute; left: 0; top: 0; opacity: 0; transition: all 2s;
}

.new_features2 img{
    width: 100%;
    height: 100%; object-fit: cover; left: 0; transform: scale(1.5); 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; padding: 0 6vw; }
.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: 25vw; top: 55vh; max-width: 150px;
    height: 100%;
    background-image: url(http://dw1.bingfengyouxi.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("http://dw1.bingfengyouxi.com/xnyh/xnyh_index_4_right.png");
    background-repeat: no-repeat;
    background-size:contain;
    /* top: 50%; */
    right: 0;
    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("http://dw1.bingfengyouxi.com/xnyh/xnyh_index_4_left.png");
    background-repeat: no-repeat;
    background-size:contain;
     left: 0;
     /* 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); 
}
.show3-box .swiper-button-next:hover { 
     transform:rotateX(45deg);
    -ms-transform:rotateX(45deg); 
    -webkit-transform:rotateX(45deg); 
}

.show3-box-1 .swiper-wrapper { padding: 0; }
.swiper-show-3 .swiper-slide { box-sizing: border; position: relative; top: 0; transition: all 0.5s; }
.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(http://dw1.bingfengyouxi.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(http://dw1.bingfengyouxi.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(http://dw1.bingfengyouxi.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: 100000; top: 50%; transform: translateY(-50%);
}
.section_audios .paly-img img{
    height: 8.5vw;
    margin: auto;
    cursor: pointer;
}


.show3-box .swiper-show-3 .swiper-slide { position:relative; }
.show3-box .swiper-show-3 .swiper-slide .img { padding: 2px; position:relative; }
.show3-box .swiper-show-3 .swiper-slide .img:after { box-sizing: border-box; border: 0px solid #fff; content:''; width: calc(100% - 4px); height: calc(100% - 4px); position:absolute; left: 2px; top: 2px; }
.show3-box .swiper-show-3 .swiper-slide-thumb-active .img:after { border: 2px 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); }

img { max-width:100%; }
body * { max-width: 100%; }

.section_audios { overflow: hidden; }
.section_audios .paly-img { height: auto; }
.section_audios .paly-img img { max-width: 200%; width: 163px; height: 165px; }
.paly-img .play-img-btn { width: 163px; }


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

.role-select { height: 52vw; width: 100vw; left: 0; bottom: -20vw; top: auto; right: auto; }
.role-select>div { background: url(https://video1.windfun.com/xnyh/mobile/bg.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; }

.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(http://dw1.bingfengyouxi.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; }
.carerr-box { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; }


.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; }
.paly-img .play-img-btn { position: relative; width: 163px; margin: 0 auto; cursor: pointer; height: 100%; }

@media(max-width: 750px){
    .section_audios .paly-img img { width: 22vw; height: auto; }
    .paly-img .play-img-btn { width: 22vw; }
}


.paly-img .play-img-btn img { z-index: 5; position: relative; -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(http://dw1.bingfengyouxi.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(http://dw1.bingfengyouxi.com/xnyh/jsxw/xnyh_index_5_btn_bg.png) no-repeat center/cover; }

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

.show3-box { bottom: 8vw; transition: all 2s; left: 50%; transform: translateX(-50%); z-index: 5; }
.active .show3-box { bottom: 60px; }
.new_features .new_features-swiper-pagination .swiper-pagination-bullet { transition: all 0.5s; }
@media(max-width: 750px){
    .active .show3-box { bottom: 8vw; }
    .show3-box .swiper-button-prev { left: 2vw; }
    .show3-box .swiper-button-next { right: 2vw; }

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


/*视频播放*/
.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; background: none; border: none;
    cursor: pointer;
    font-size: 30px;
    font-weight: 300;
    color: #fff;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=50);
    position: absolute;
    right: 0;
    top: -40px; line-height: 40px;
}
.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: 750px){
    .winBox { width: 90%; }
    .winBox.getH { height: 60vw; }
    .winBox .close { font-size: 5vw; line-height: 5vw; top: -5vw; }
    
}


/*宣传页*/
/*.carerr-box { width: 100%; height: 90%; top: 10%; }*/







.carerr-box { width: 100%; height: 100%; top: 0%; }
.page_2_tit { position: absolute; left: 0; top: 15vw; width: 43%; z-index: 25; }
.page_2_bg { opacity:0; }
.section { position:relative; width: 100%; }
.role-select ul>li { width: 12vw; height: 12vw; }
.sectionNews { padding-bottom: 0; }
.sectionNews .sectionNews_con { padding-bottom: 10vw; }
.role-box { width: 100%; height: 100%; }

.role-box:after { content:''; width: 100%; position: absolute; left: 0; bottom: 0; background: url(https://video1.windfun.com/ynlr/mobile/page_2_bg2.png) no-repeat bottom center/cover; height: 60%; }
.section_tese_box { position: absolute; height: 100%; top: 20vw; left: 30px; width: 690px; margin: 0 auto; }
.swiper-tese { position: relative; left: 0; top: 0; width: 100%; }
.swiper-tese .swiper-slide { text-align: center; display: block; width: 100%; height: 100%; padding: 10px; box-sizing: border-box; background:#54749b;  }
.swiper-tese .swiper-slide .slogn { margin-top: 98.7px; } 
.swiper-tese .swiper-slide .slogn img { margin: 0 auto; width: 488px; height: auto; } 
.section_tese_box .swiper-pagination { width: 100%; bottom: -160px; }
.section_tese_box .swiper-pagination .swiper-pagination-bullet { width: 37px; height: 37px; transition:  all 0.5s; background: url(https://video1.windfun.com/xnyh/mobile/page_1.png) no-repeat center; background-size:50% auto; }
.section_tese_box .swiper-pagination .swiper-pagination-bullet-active { background: url(https://video1.windfun.com/xnyh/mobile/page_1_bg.png) no-repeat center; background-size:100% auto; }
.section_tese_box .swiper-button-prev,.section_tese_box .swiper-button-next { width: 52.5px; height: 52.5px; background:#000; top: auto; transform: translate(0); margin: 0; bottom: -167.5px; }
.section_tese_box .swiper-button-prev:after,.section_tese_box .swiper-button-next:after { display: none; }
.section_tese_box .swiper-button-prev { left: 0; background: url(https://video1.windfun.com/xnyh/mobile/prev.png) no-repeat center/cover; }
.section_tese_box .swiper-button-next { right: 0; background: url(https://video1.windfun.com/xnyh/mobile/next.png) no-repeat center/cover; }
.new_features1 .role-box img { width: 100%; height: auto; }
.role-select>div { height: 390px; }
.section_tese .acticve_num { position: absolute;top: 37.5px; right: 45px; font-size: 4vw; color: rgba(255,255,255,0.8); }
.role-select ul>li>img.pic { max-width: 500%; }
.role-select ul { height: 700px; width: 700px; left: 25px; }

.role-select ul>li { width: 90px; height: 90px; }


/*.new_features1 img.active { left: -1%; }*/

.nav-container,.banner { position:relative; }
.nav-container .clickBtn { width: 215px; height: 68px;z-index: 2; position:absolute; right: 38px; top: 22px; }
.banner .clickBtn { width: 360px; height: 615px; z-index: 2; position:absolute; left: 49%; transform: translateX(-50%); bottom: 85px; }

.fixTips_mb { width: 100%; height: 100vh; left: 0; top: 0; display: none; position:fixed; z-index: 100; }
.fixTipsA_1 { position:relative; width:100%; height:100%; }
.fixTipsA_1 .closeBtn { background: rgba(0,0,0,0.6); position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index:2; }
.fixTips { z-index: 5; position: absolute; width: 90%; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.fixTips img { width: 100%; }
.img-info2 { width: 700px!important; height: 700px!important; margin: -350px 0 0 -350px; }


.section_audios .page_4_tit { position: absolute; left: 0; top: 0; width: 43%; z-index: 25; }




@media(max-width: 750px){
    .role-box:after { content:''; width: 100%; position: absolute; left: 0; bottom: 0; background: url(https://video1.windfun.com/ynlr/mobile/page_2_bg2.png) no-repeat bottom center/cover; height: 60%; }
    .section_tese_box { position: absolute; top: 0; left: 4vw; width: 92vw; margin: 0 auto; }
    .swiper-tese { position: relative; left: 0; top: 0; width: 100%; }
    .swiper-tese .swiper-slide { text-align: center; display: block; width: 100%; height: 100%; padding: 1.3vw;  }
    .swiper-tese .swiper-slide .slogn { margin-top: 13.15vw; } 
    .swiper-tese .swiper-slide .slogn img { margin: 0 auto; width: 65vw; height: auto; } 
    .section_tese_box .swiper-pagination { width: 100%; bottom: -24vw; }
    .section_tese_box .swiper-pagination .swiper-pagination-bullet { width: 5vw; height: 5vw; transition:  all 0.5s; background: url(https://video1.windfun.com/xnyh/mobile/page_1.png) no-repeat center; background-size:50% auto; }
    .section_tese_box .swiper-pagination .swiper-pagination-bullet-active { background: url(https://video1.windfun.com/xnyh/mobile/page_1_bg.png) no-repeat center; background-size:100% auto; }
    .section_tese_box .swiper-button-prev,.section_tese_box .swiper-button-next { width: 9vw; height: 9vw; background:#000; top: auto; transform: translate(0); margin: 0; bottom: -25vw; }
    .section_tese_box .swiper-button-prev:after,.section_tese_box .swiper-button-next:after { display: none; }
    .section_tese_box .swiper-button-prev { left: 0; background: url(https://video1.windfun.com/xnyh/mobile/prev.png) no-repeat center/cover; }
    .section_tese_box .swiper-button-next { right: 0; background: url(https://video1.windfun.com/xnyh/mobile/next.png) no-repeat center/cover; }
    .new_features1 .role-box img { width: 100%; height: auto; }
    .section_tese .acticve_num { position: absolute;top: 5vw; right: 6vw; font-size: 4vw; color: rgba(255,255,255,0.8); }
    .role-select>div { height: 52vw; }
    .role-select ul>li { width: 12vw; height: 12vw; }
    .role-select ul { height: 100vw; width: 100vw; left: 0; }
    .nav-container .clickBtn { width: 30vw; height: 11vw; z-index: 2; position:absolute; right: 4vw; top: 2vw; }
    .banner .clickBtn { width: 48vw; height: 12vw; z-index: 2; position:absolute; left: 49%; transform: translateX(-50%); bottom: 15vw; }

    .fixTips_mb { width: 100%; height: 100vh; left: 0; top: 0; display: none; position:fixed; z-index: 100; }
    .fixTipsA_1 { position:relative; width:100%; height:100%; }
    .fixTipsA_1 .closeBtn { background: rgba(0,0,0,0.6); position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index:2; }
    .fixTips { z-index: 5; position: absolute; width: 90%; left: 50%; top: 50%; transform: translate(-50%, -50%); }
    .fixTips img { width: 100%; }
    .img-info2 { width: 90vw!important; height: 90vw!important; margin: -45vw 0 0 -45vw; }
}


img { vertical-align: top; }


.wxTip { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; background: rgba(0,0,0,0.8); }

.section_tese_box { height:auto; top: 250px; z-index: 5; }
.section_tese_box_line { position: relative; width: 100%; height: auto; }
.section_tese_box_line .line { z-index: 2; max-width: 200%; position: absolute; background:#fff; }
.section_tese_box_line .line1 { top: 0; height: 2px; width: calc(100% + 15px); left: -15px; }
.section_tese_box_line .line2 { bottom: 0; height: 2px; width: calc(100% + 15px); right: -15px; }
.section_tese_box_line .line3 { top: -15px; width: 2px; height: calc(100% + 15px); left: 0; }
.section_tese_box_line .line4 { bottom: -15px; width: 2px; height: calc(100% + 15px); right: 0; }

.section_tese .topSwiper { max-width: 750px; margin-top: 40px; height: 300px; width: 750px; position:relative; left: 50%; transform: translateX(-50%); }
.section_tese .topSwiper .img { width: 100%; position:relative; }
.section_tese .topSwiper .img img { width: 100%; }
.section_tese .topSwiper .swiper-slide { opacity:0; }
.section_tese .topSwiper .swiper-slide-active { opacity: 1; }

@media(max-width: 750px){
    .section_tese .topSwiper { width: 100vw; }
    .section_tese_box { top: 30vw; }

    .section_tese .topSwiper { height: 30vw; margin-top: 14vw; }


    .section_tese_box_line .line1 { width: calc(100% + 2vw); left: -2vw; }
    .section_tese_box_line .line2 { width: calc(100% + 2vw); right: -2vw; }
    .section_tese_box_line .line3 { top: -2vw; height: calc(100% + 2vw); }
    .section_tese_box_line .line4 { bottom: -2vw; height: calc(100% + 2vw); }
}