@charset "utf-8";html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu {
    margin: 0;
    padding: 0
}

body {
    padding: 0;
    margin: 0
}

html,body,fieldset,img,iframe,abbr {
    border: 0
}

li {
    list-style: none
}

textarea {
    overflow: auto;
    resize: none
}

a,button {
    cursor: pointer
}

h1,h2,h3,h4,h5,h6,em,strong,b {
    font-weight: 700
}

a,a:hover {
    text-decoration: none
}

body,textarea,input,button {
    color: #62a1c9
}

html,body {
    width: 100%;
    height: auto
}

.g-clr:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.g-clr {
    *zoom:1}

.hide {
    display: none
}

input,textarea {
    outline: 0
}

img {
    vertical-align: top
}

body,html {
    width: 100%;
    background: #000;
    font-family: "Microsoft YaHei";
    margin: 0 auto
}

body {
    position: relative;
    margin: 0 auto;
    min-width: 1200px;
    max-width: 1920px;
    max-height: 980px
}

#loading {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 10000;
    top: 0;
    left: 0;
    background-color: #000
}

#loading .cont {
    width: 100%;
    height: 96px;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -48px
}

#loading #load-precent {
    color: #fff;
    text-align: center
}

#loading #load-progress {
    width: 0;
    height: 1px;
    background: #fff
}

#full_wall {
    position: relative;
    background: #0c0c0c;
    height: 100%
}

#full_wall .fp-tableCell {
    display: block
}

#full_wall .swiper-container {
    height: 100%
}

#full_wall .swiper-slide {
    height: auto
}

#full_wall .wall_wrapper {
    height: 100%
}

.wrap {
    position: relative;
    width: 1200px;
    margin: 0 auto
}

body {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0)
}

.loaded {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100)
}

.loaded .home .fp-tableCell {
    display: block
}

.loaded .home .gc,.loaded .home .slogan,.loaded .home .order-item,.loaded .home .nie-download2,.loaded .home .new-cont,.loaded .home .video_box,.loaded .home .mybtn,.loaded .home .download_box {
    opacity: 1
}

/*
#JvideoBg {
    position: absolute;
    width: 1920px;
    height: 1080px;
    top: 50%;
    left: 50%;
    margin-top: -540px;
    margin-left: -960px
}
*/
/*
.head-flash {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    height: 100%
}

.head-flash object {
    width: 100%;
    height: 100%
}*/

.home-arrow {
    width: 28px;
    height: 28px;
    background: url(../img/home-arrow_045865e.png) no-repeat;
    position: absolute;
    bottom: 10px;
    left: 50%;
    margin-left: -14px;
    /*-ms-animation: home_arrow .8s ease-in-out infinite 300ms 0 ease;*/
    -o-animation: home_arrow .8s ease-in-out infinite;
}


.home {
    position: relative;
    width: 100%;
    display: none;
    overflow: hidden
}

.home canvas {
    display: none;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -1000px
}

.home.show {
    display: block
}


.home .index_left .new_fu {
    height: 70px;
    width: 130px;
    padding: 0 0 5px 5px;
    margin: 0 auto
}

.home .index_left .new_fu div {
    color: #c93637;
    font-size: 18px;
    line-height: 26px;
    font-weight: 700;
    text-align: center
}

.home .index_left .new_fu p {
    color: #a0a0a0;
    font-size: 14px;
    line-height: 22px;
    text-align: left
}

.home .index_left .new_fu p span {
    color: #d2d2d2
}

.home .logo {
    position: absolute;
    left: 5px;
    top: 5px;
    background: url(../img/gwdata/logo.png) no-repeat;
    background-size: 100%;
    width: 350px;
    height: 152px;
    z-index: 100;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    opacity: 0
}

.home .logo.on {
    opacity: 1
}


.home .slogan {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    width: 855px;
    height: 184px;
    margin-left: -427.5px;
    margin-top: 187px
}

.home .slogan img {
    width: 100%;
    height: 100%
}


@keyframes playerAnim {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.05)
    }

    100% {
        transform: scale(1)
    }
}

.home .video_box i {
    width: 50px;
    height: 50px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -26px
}

.home .video_box i.sp_1 {
    -o-animation: circle1 linear 3s infinite;
}

.home .video_box i.sp_2 {
    -o-animation: circle2 linear 3s infinite;
}

.home .download_box {
    position: absolute;
    left: 0;
    top: 246px;
    z-index: 1;
    opacity: 0;
    -webkit-transition: all .4s .6s ease;
    -moz-transition: all .4s .6s ease;
    -ms-transition: all .4s .6s ease;
    -o-transition: all .4s .6s ease;
    transition: all .4s .6s ease
}

.home .download_box.smallPage {
    top: 306px;
    left: 150px
}

.home .download_box .NIE-qrcode {
    width: 120px;
    height: 120px;
    padding: 6px;
    background-color: #fff;
    margin: 10px auto 20px;
    position: relative
}

.home .download_box .NIE-qrcode img {
    display: block;
    width: 100%
}

.home .download_box .code-line {
    width: 135px;
    height: 16px;
    position: absolute;
    left: -5px;
    top: 0
}

.home .download_box .NIE-button-ios,.home .download_box .NIE-button-android,.home .download_box .link-pc,.home .download_box .link-tap {
    width: 135px;
    height: 40px;
    display: block;
    margin-bottom: 10px;
    background-size: 100%;
    background-repeat: no-repeat;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}


@keyframes scale {
    form {
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
        -o-transform: scale(0.8);
        transform: scale(0.8);
        opacity: .8
    }

    to {
        -webkit-transform: scale(0.9);
        -moz-transform: scale(0.9);
        -ms-transform: scale(0.9);
        -o-transform: scale(0.9);
        transform: scale(0.9);
        opacity: 1
    }
}

.home .buttons-box {
    position: absolute;
    bottom: 34%;
    left: 50%;
    transform: translateX(-50%);
    width: 590px;
    height: 120px;
    z-index: 2;
    margin: auto auto auto -78.5px;
}

.home .buttons-box .video,.home .buttons-box .sl_btn {
    z-index: 2
}

.home .buttons-box .video_box {
    position: absolute
}

.home .buttons-box .buttons {
    position: absolute;
    top: 50%;
    left: 40.7%;
    transform: translate(-18%,-50%);
    transform: translate(-50%,-50%);
    width: 134px;
    height: 90px
}

.home .buttons-box .buttons a {
    font-size: 0;
    display: block
}

.home .buttons-box .buttons a.NIE-button-ios {
    width: 134px;
    height: 40px;
    margin-top: 5px;
    font-size: 0;
    background: url(../img/downloadimg/download-ios.webp) center no-repeat;
    background-size: 100% 100%
}

.home .buttons-box .buttons a.NIE-button-ios:hover {
    -webkit-opacity: .8;
    -moz-opacity: .8;
    opacity: .8;
    filter: alpha(opacity=80)
}

.home .buttons-box .buttons a.NIE-button-android {
    width: 134px;
    height: 36px;
    margin-top: 5px;
    background-repeat: no-repeat;
}

.home .buttons-box .buttons a.NIE-button-android:hover {
    -webkit-opacity: .8;
    -moz-opacity: .8;
    opacity: .8;
    filter: alpha(opacity=80)
}

.r-mode {
    position: absolute;
    z-index: 4;
    right: 0;
    top: 76px;
    height: 20px
}

.r-mode .login-info {
    float: left;
    margin-right: 30px
}

.r-mode .login-info .login-in,.r-mode .login-info .login-out {
    *display: inline;
    *zoom:1;color: #fff;
    font-size: 14px;
    vertical-align: top;
}

.r-mode .login-info .login-in a,.r-mode .login-info .login-out a {
    color: #fff;
    font-size: 14px
}

.r-mode .login-info .login-in a:hover,.r-mode .login-info .login-out a:hover {
    text-decoration: underline
}

.r-mode .login-info .login-in.show,.r-mode .login-info .login-out.show {
    display: block
}


.r-mode .line {
    width: 1px;
    height: 16px;
    vertical-align: top;
    float: left;
    background: #fff;
    margin: 3px 24px 0
}

.r-mode #NIE-share {
    font-size: 0;
    overflow: hidden;
    float: left;
    margin-right: 25px;
    -webkit-transition: width .5s ease;
    -moz-transition: width .5s ease;
    -ms-transition: width .5s ease;
    -o-transition: width .5s ease;
    transition: width .5s ease;
}

.r-mode #NIE-share.show {
    width: 151px
}

.r-mode #NIE-share .NIE-share-iconBtn {
    width: 180px
}

.r-mode .audioControlBtn {
    width: 21px;
    height: 21px;
    position: relative;
    float: left;
    margin-top: -3px;
}

.r-mode .audioControlBtn .icon__audio {
    display: block;
    width: 22px;
    height: 21px;
    position: relative;
    margin: 0 auto;
    cursor: pointer
}

.r-mode .audioControlBtn .icon__audio.audio__play strong {
    -o-animation: audio .8s ease-in-out infinite;
}

.r-mode .audioControlBtn .icon__audio.audio__play .icon__audio_1 {
    height: 10px;
    animation-delay: .2s
}

.r-mode .audioControlBtn .icon__audio.audio__play .icon__audio_2 {
    height: 14px
}

.r-mode .audioControlBtn .icon__audio.audio__play .icon__audio_3 {
    height: 5px;
    animation-delay: .6s
}

.r-mode .audioControlBtn .icon__audio.audio__play .icon__audio_4 {
    height: 14px;
    animation-delay: .8s
}

.r-mode .audioControlBtn .icon__audio strong {
    display: block;
    float: left;
    width: 2px;
    height: 5px;
    background: #fff;
    position: absolute;
    bottom: 0
}

.r-mode .audioControlBtn .icon__audio_1 {
    left: 0
}

.r-mode .audioControlBtn .icon__audio_2 {
    left: 6px
}

.r-mode .audioControlBtn .icon__audio_3 {
    left: 12px
}

.r-mode .audioControlBtn .icon__audio_4 {
    left: 18px
}

.r-mode .line {
    width: 1px;
    height: 100px;
    background: #3f4244;
    display: block;
    display: none;
    position: relative;
    top: -40px;
    margin: 0
}

.r-mode .mr_nav {
    color: #dadada;
    color: #fff;
    text-shadow: 5px 5px 5px #120809;
    width: 140px;
    font-size: 14px;
    height: 26px;
    line-height: 26px;
    float: left;
    text-align: center;
    box-sizing: border-box;
    padding-left: 24px;
    position: relative
}

/*选择左右小按钮*/
.r-mode .mr_nav::after {
    content: '';
    position: absolute;
    width: 9px;
    height: 2px;
    top: 50%;
    left: 5px;
    background: url(../img/icon_hover_c66ff49.png) no-repeat;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    -ms-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s
}
/*右边小按钮*/
.r-mode .mr_nav::before {
    content: '';
    position: absolute;
    width: 9px;
    height: 2px;
    top: 50%;
    right: 5px;
    background: url(../img/icon_hover_c66ff49.png) no-repeat;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    -ms-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s
}

.r-mode .mr_nav:hover {
    color: #fff
}

.r-mode .mr_nav:hover::after {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100)
}

.r-mode .mr_nav:hover::before {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100)
}

.r-mode .mr_nav.cur {
    color: #fff
}

.r-mode .mr_nav.cur::after {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100)
}

.r-mode .mr_nav.cur::before {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100)
}
#mask {
    opacity: 0;
    -webkit-transition: .3s ease all;
    -moz-transition: .3s ease all;
    -ms-transition: .3s ease all;
    -o-transition: .3s ease all;
    transition: .3s ease all
}

#mask.fade {
    opacity: 1
}



#NIE-copyRight .nie-copyright-new-inner .nie-cn-nav a,#NIE-copyRight .nie-copyright-new-inner .nie-cn-nav i {
    color: #e23a3f
}

#NIE-copyRight .nie-copyright-new-inner .nie-cn-nav i.nie-cn-nav-i2 {
    color: #939393
}

#NIE-copyRight .nie-copyright-new-inner .nie-cn-nav .nie-cn-reportcenter {
    color: #939393
}

#NIE-copyRight .nie-copyright-new-inner .nie-cn-part2 a {
    color: #939393
}


@-webkit-keyframes audio {
    0% {
        height: 4px
    }

    60% {
        height: 17px
    }

    100% {
        height: 4px
    }
}

@-moz-keyframes audio {
    0% {
        height: 4px
    }

    60% {
        height: 17px
    }

    100% {
        height: 4px
    }
}

@-ms-keyframes audio {
    0% {
        height: 4px
    }

    60% {
        height: 17px
    }

    100% {
        height: 4px
    }
}

@-o-keyframes audio {
    0% {
        height: 4px
    }

    60% {
        height: 17px
    }

    100% {
        height: 4px
    }
}

@keyframes audio {
    0% {
        height: 4px
    }

    60% {
        height: 17px
    }

    100% {
        height: 4px
    }
}

@-webkit-keyframes audio {
    0% {
        height: 4px
    }

    60% {
        height: 17px
    }

    100% {
        height: 4px
    }
}

@-moz-keyframes audio {
    0% {
        height: 4px
    }

    60% {
        height: 17px
    }

    100% {
        height: 4px
    }
}

@-ms-keyframes audio {
    0% {
        height: 4px
    }

    60% {
        height: 17px
    }

    100% {
        height: 4px
    }
}

@-o-keyframes audio {
    0% {
        height: 4px
    }

    60% {
        height: 17px
    }

    100% {
        height: 4px
    }
}

@keyframes audio {
    0% {
        height: 4px
    }

    60% {
        height: 17px
    }

    100% {
        height: 4px
    }
}

.home_wrapper {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    max-height: 970px;
    background-image: url(../img/gwdata/bg_e8494d8.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    left: 0;
    background-size: cover
}

.logoz {
    position: absolute;
    top: 54px;
    left: 20px;
    width: 178px;
    height: 78px;
    z-index: 1
}

.section_wrapper {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    left: 0;
    overflow: hidden
}

.home_bg img {
    width: 100%;
    height: 100%;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none
}

.top_cover {
    width: 100%;
    height: 160px;
    position: absolute;
    left: 0;
    top: 0;
    background: -webkit-linear-gradient(#000,rgba(0,0,0,0));
    background: -o-linear-gradient(#000,rgba(0,0,0,0));
    background: -moz-linear-gradient(#000,rgba(0,0,0,0));
    background: linear-gradient(#000,rgba(0,0,0,0))
}

.mCSB_inside>.mCSB_container {
    margin-right: 0
}

.sec_img_bg {
    width: 100%
}

.sec_img_bg1 {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.section_bg {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    left: 80px
}

.section_bg img {
    height: 100%
}



.side_left {
    height: 100%;
    width: 80px;
    background: rgba(0,0,0,.5);
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.side_left.hdieAni {
    -webkit-transform: translate3d(-100%,0,0);
    -moz-transform: translate3d(-100%,0,0);
    -ms-transform: translate3d(-100%,0,0);
    -o-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0)
}

.side_left .side_con {
    position: absolute;
    left: 0;
    bottom: 3.1152648%;
    width: 80px;
    z-index: 1
}

.side_left .side_dot {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    -webkit-transform: translate3d(0,-50%,0);
    -moz-transform: translate3d(0,-50%,0);
    -ms-transform: translate3d(0,-50%,0);
    -o-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0)
}

.side_left .side_dot li {
    cursor: pointer
}

.side_left .side_dot li i {
    width: 12px;
    height: 12px;
    background: url(../img/dot_953b573.png) no-repeat;
    display: block;
    margin: 0 auto;
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    -ms-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s
}

.side_left .side_dot li p {
    color: #fff;
    font-size: 14px;
    margin: 15px auto 24px;
    text-align: center;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    -ms-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s
}

.side_left .side_dot li.cur i,.side_left .side_dot li:hover i {
    background: url(../img/dot_h_0bc4292.png) no-repeat
}

.side_left .side_dot li.cur p,.side_left .side_dot li:hover p {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100)
}

@media screen and (max-height: 760px) {
    .side_left .side_dot li p {
        margin:10px auto 15px
    }
}

.side_left .line {
    width: 50px;
    height: 1px;
    background: #313131;
    margin: 0 auto 30px
}

.side_left .side_download .side_down_icon,.side_left .side_totop {
    margin-bottom: 215px
}

.side_left .side_download .side_down_icon p,.side_left .side_totop p {
    color: #fff;
    font-size: 14px;
    text-align: center;
    margin-top: 10px
}

.side_left .side_totop img {
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    -ms-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s
}

.side_left .side_totop:hover img {
    -webkit-transform: translate3d(0,-10px,0);
    -moz-transform: translate3d(0,-10px,0);
    -ms-transform: translate3d(0,-10px,0);
    -o-transform: translate3d(0,-10px,0);
    transform: translate3d(0,-10px,0)
}
.side_left .side_download .side_down_icon img,.side_left .side_totop img {
    display: block;
    margin: 0 auto
}


.feature_con .feacture_bg {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: url(../img/video_bg_f2bfbb1.png) repeat
}

.feature_con .video_big_bg {
    position: absolute;
    object-fit: cover;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.feature_con .feature_tit {
    position: absolute;
    top: 50px;
    left: 40px;
    height: 6.63811563%;
    max-height: 62px;
    -webkit-transition: all 1s ease .2s;
    -moz-transition: all 1s ease .2s;
    -ms-transition: all 1s ease .2s;
    -o-transition: all 1s ease .2s;
    transition: all 1s ease .2s;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translate3d(-10px,0,0);
    -moz-transform: translate3d(-10px,0,0);
    -ms-transform: translate3d(-10px,0,0);
    -o-transform: translate3d(-10px,0,0);
    transform: translate3d(-10px,0,0)
}

.feature_con .feature_tit img {
    height: 100%;
    width: auto
}

.feature_con .feature_line {
    width: 0;
    height: 1px;
    position: absolute;
    top: 54%;
    background: #3e3e3e;
    -webkit-opacity: .5;
    -moz-opacity: .5;
    opacity: .5;
    filter: alpha(opacity=50);
    -webkit-transition: all 1s ease .2s;
    -moz-transition: all 1s ease .2s;
    -ms-transition: all 1s ease .2s;
    -o-transition: all 1s ease .2s;
    transition: all 1s ease .2s
}

.feature_con .feature_line2 {
    width: 100%;
    height: 1px;
    position: absolute;
    top: 54%;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 1s ease .2s;
    -moz-transition: all 1s ease .2s;
    -ms-transition: all 1s ease .2s;
    -o-transition: all 1s ease .2s;
    transition: all 1s ease .2s
}

.feature_con .feature_line2 span {
    display: block;
    width: 0;
    height: 100%;
    background: #3e3e3e;
    -webkit-transition: all 4s linear;
    -moz-transition: all 4s linear;
    -ms-transition: all 4s linear;
    -o-transition: all 4s linear;
    transition: all 4s linear
}

.feature_con .feature_line2 span.slidewidth {
    width: 100%
}

.feature_con .feature_desc {
    position: absolute;
    top: 700px;
    left: 44%;
    margin-left: -322px;
    height: 89px;
}

.feature_con .feature_desc img {
    height: 100%;
    width: auto;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease
}

.feature_con .feature_desc .feature_desc_1 {
    -webkit-transform: translate3d(-50px,0,0);
    -moz-transform: translate3d(-50px,0,0);
    -ms-transform: translate3d(-50px,0,0);
    -o-transform: translate3d(-50px,0,0);
    transform: translate3d(-50px,0,0)
}

.feature_con .feature_desc .feature_desc_2 {
    -webkit-transform: translate3d(50px,0,0);
    -moz-transform: translate3d(50px,0,0);
    -ms-transform: translate3d(50px,0,0);
    -o-transform: translate3d(50px,0,0);
    transform: translate3d(50px,0,0)
}

.feature_con .feature_desc .feature_desc_con.show img {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.feature_con .feature_num {
    position: absolute;
    left: 50%;
    top: 54%;
    margin-left: -19.13043478%;
    width: 69px;
    overflow: hidden;
    -webkit-transition: all 1s ease .2s;
    -moz-transition: all 1s ease .2s;
    -ms-transition: all 1s ease .2s;
    -o-transition: all 1s ease .2s;
    transition: all 1s ease .2s;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translate3d(-10px,-50%,0);
    -moz-transform: translate3d(-10px,-50%,0);
    -ms-transform: translate3d(-10px,-50%,0);
    -o-transform: translate3d(-10px,-50%,0);
    transform: translate3d(-10px,-50%,0)
}

.feature_con .feature_num p {
    color: #fff;
    font-size: 14px;
    text-align: center
}

.feature_con .feature_num .feature_num_line {
    width: 100%;
    height: 2px;
    margin: 24px 0;
    display: block;
    position: relative;
    background: #ae1a1a
}

.feature_con .feature_btn {
    width: 1080px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    top: 50%;
    right: -180px;
    -webkit-transform: translate3d(0,-50%,0);
    -moz-transform: translate3d(0,-50%,0);
    -ms-transform: translate3d(0,-50%,0);
    -o-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0);
    z-index: 10
}

.feature_con .feature_btn span {
    width: 51px;
    height: 79px;
    display: block;
    cursor: pointer;
    -webkit-opacity: .7;
    -moz-opacity: .7;
    opacity: .7;
    filter: alpha(opacity=70)
}

.feature_con .feature_btn span.prev {
    background: url(../img/prev_813d930.png) no-repeat
}

.feature_con .feature_btn span.next {
    background: url(../img/next_901bd5c.png) no-repeat
}

.feature_con .feature_btn span:hover {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100)
}

.feature_con .feature_wrap {
    position: absolute;
    left: 50%;
    top: 430px;
    width: 689px;
    height: 408px;
    display: table-cell;
    -webkit-transition: all 1s ease .2s;
    -moz-transition: all 1s ease .2s;
    -ms-transition: all 1s ease .2s;
    -o-transition: all 1s ease .2s;
    transition: all 1s ease .2s;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translate3d(-50%,-50%,0);
    -moz-transform: translate3d(-50%,-50%,0);
    -ms-transform: translate3d(-50%,-50%,0);
    -o-transform: translate3d(-50%,-50%,0);
    transform: translate3d(-50%,-50%,0)
}

.feature_con .feature_wrap .fea_box,.feature_con .feature_wrap .fea_box div,.feature_con .feature_wrap img {
    height: 100%!important;
    width: auto;
    max-height: 447px
}

.feature_con.action .feature_tit,.feature_con.action .feature_dot {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.feature_con.action .feature_desc,.feature_con.action .feature_num,.feature_con.action .feature_wrap {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate3d(-50%,-50%,0);
    -moz-transform: translate3d(-50%,-50%,0);
    -ms-transform: translate3d(-50%,-50%,0);
    -o-transform: translate3d(-50%,-50%,0);
    transform: translate3d(-50%,-50%,0)
}

.feature_con.action .feature_line2 {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100)
}

.feature_con.action .feature_line {
    width: 100%
}


.survive_con .feacture_bg {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0,0,0,.2)
}

.survive_con .video_big_bg {
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
    width: 100%;
    height: 100%
}

.survive_con .survive_box {
    width: 1200px;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translate3d(-50%,0,0);
    -moz-transform: translate3d(-50%,0,0);
    -ms-transform: translate3d(-50%,0,0);
    -o-transform: translate3d(-50%,0,0);
    transform: translate3d(-50%,0,0)
}

.survive_con .sur_item_box {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 340px
}

.survive_con .sur_item_box.show .sur_tit {
    /*color: #1c5cbb*/
}

.survive_con .survive1,.survive_con .survive2,.survive_con .survive3 {
    width: 340px;
    height: 100%;
    float: left;
    position: relative;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.survive_con .survive1 span.sur_top_line,.survive_con .survive2 span.sur_top_line,.survive_con .survive3 span.sur_top_line {
    width: 27px;
    height: 3px;
    background: #1c5cbb;
    display: block
}

.survive_con .survive1 .sur_tit,.survive_con .survive2 .sur_tit,.survive_con .survive3 .sur_tit {
    font-size: 30px;
    font-weight: 700;
    color: #fff;
    margin: 60px 0 31px
}

.survive_con .survive1 .sur_desc,.survive_con .survive2 .sur_desc,.survive_con .survive3 .sur_desc {
    color: #fff;
    width: 200px;
    height: 120px;
    font-size: 14px;
    line-height: 26px
}

.survive_con .survive1 .xczs,.survive_con .survive2 .xczs,.survive_con .survive3 .xczs {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 640px;
    height: 360px;
    display: block;
    margin: -220px 0 0 -140px
}

.survive_con .sur_hov_bg {
    width: 100%;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.survive_con .sur_hov_bg .sur_hov_c {
    width: 100%
}


.survive_con .survive2 img,.survive_con .survive3 img {
    height: 100%;
    display: block;
    margin: 0 auto
}

.survive_con .survive2 .sur_hov_bg.show,.survive_con .survive3 .sur_hov_bg.show {
    height: 100%
}

.survive_con .survive1 {
    width: 518px
}

.survive_con .survive1 .sur_desc {
    width: 420px
}

.survive_con .sur_line {
    width: 1px;
    height: 0;
    background: #3e3e3e;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-opacity: .5;
    -moz-opacity: .5;
    opacity: .5;
    filter: alpha(opacity=50)
}

.survive_con .sur_line {
    -webkit-transition: all 1s ease .2s;
    -moz-transition: all 1s ease .2s;
    -ms-transition: all 1s ease .2s;
    -o-transition: all 1s ease .2s;
    transition: all 1s ease .2s
}

.survive_con .survive1 .sur_item_box,.survive_con .survive2 .sur_item_box,.survive_con .survive3 .sur_item_box {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translate3d(-60%,-50%,0);
    -moz-transform: translate3d(-60%,-50%,0);
    -ms-transform: translate3d(-60%,-50%,0);
    -o-transform: translate3d(-60%,-50%,0);
    transform: translate3d(-60%,-50%,0);
    -webkit-transition: all 1s ease .2s;
    -moz-transition: all 1s ease .2s;
    -ms-transition: all 1s ease .2s;
    -o-transition: all 1s ease .2s;
    transition: all 1s ease .2s
}

.survive_con .survive1 .xczs,.survive_con .survive2 .xczs,.survive_con .survive3 .xczs {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translate3d(10%,-10%,0);
    -moz-transform: translate3d(10%,-10%,0);
    -ms-transform: translate3d(10%,-10%,0);
    -o-transform: translate3d(10%,-10%,0);
    transform: translate3d(10%,-10%,0);
    -webkit-transition: all 1s ease .2s;
    -moz-transition: all 1s ease .2s;
    -ms-transition: all 1s ease .2s;
    -o-transition: all 1s ease .2s;
    transition: all 1s ease .2s
}

.survive_con.action .survive1 .sur_item_box,.survive_con.action .survive2 .sur_item_box,.survive_con.action .survive3 .sur_item_box {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    top: 40%;
    filter: alpha(opacity=100);
    -webkit-transform: translate3d(-50%,-50%,0);
    -moz-transform: translate3d(-50%,-50%,0);
    -ms-transform: translate3d(-50%,-50%,0);
    -o-transform: translate3d(-50%,-50%,0);
    transform: translate3d(-50%,-50%,0)
}

.survive_con.action .survive1 .xczs,.survive_con.action .survive2 .xczs,.survive_con.action .survive3 .xczs {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate3d(0%,0,0);
    -moz-transform: translate3d(0%,0,0);
    -ms-transform: translate3d(0%,0,0);
    -o-transform: translate3d(0%,0,0);
    transform: translate3d(0%,0,0)
}

.survive_con.action .sur_line {
    height: 100%
}


.news_con .news_tit {
    position: absolute;
    top: 82px;
    left: 2.82608696%;
    height: 6.59574468%;
    max-height: 62px
}

.news_con .news_tit img {
    height: 100%;
    width: auto
}

.news_con .news_box {
    width: 100%;
    height: 100%
}

.news_con .news_item {
    margin-bottom: 80px
}

.news_con .news_item .news_all_tit {
    font-size: 24px;
    line-height: 36px;
    font-weight: 700;
    color: #fff;
    position: relative
}

.news_con .news_item .news_all_tit::after {
    content: '';
    position: absolute;
    width: 0;
    height: 2px;
    left: 0;
    bottom: -7px;
    /*background: #1c5cbb;*/
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.news_con .news_item .news_all_desc {
    color: #c8c8c8;
    font-size: 14px;
    width: 80%;
    line-height: 28px;
    margin: 25px 0 20px;
    max-height: 80px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    word-break: break-all;
    white-space: normal
}

.news_con .news_item .news_all_time {
    color: #1c5cbb;
    font-size: 12px
}

.news_con .news_item .news_lastline {
    background: #1c5cbb;
    width: 100px;
    height: 2px;
    display: block;
    margin-top: 8px
}

.news_con .news_item:hover .news_all_tit span {
    color: #1c5cbb
}

.news_con .news_item:hover .news_all_tit::before,.news_con .news_item:hover .news_all_tit::after {
    width: 100%
}

.news_con .news_item .news_box_img {
    margin-bottom: 5%
}

.news_con .news_item img {
    height: auto
}

.news_con .news_box1,.news_con .news_box2,.news_con .news_box3 {
    height: 100%;
    min-height: 880px;
    position: relative;
    float: left
}

.news_con .news_box1 .news_translate_box,.news_con .news_box2 .news_translate_box,.news_con .news_box3 .news_translate_box {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.news_con .news_box1 {
    width: 41.73913043%;
    margin-left: 4.5%
}

.news_con .news_box1 .news_item_box {
    position: relative;
    margin-top: 204px;
    min-height: 1px
}

.news_con .news_box1 .news_item_box .news_switch {
    position: absolute;
    top: 0;
    right: 7.5%;
    width: 180px;
    height: 32px;
    z-index: 1;
    display: flex
}

.news_con .news_box1 .news_item_box .news_switch a {
    display: inline-block;
    width: 50%;
    line-height: 32px;
    background: #141212;
    color: #c8c8c8;
    font-size: 16px;
    text-align: center
}

.news_con .news_box1 .news_item_box .news_switch .on {
    background: #8e1515;
    color: #c8c8c8
}

.news_con .news_box1 .news_item_box .official,.news_con .news_box1 .news_item_box .cooperation {
    width: 100%;
    height: 100%
}

.news_con .news_box1 .news_item_box .cooperation {
    display: none
}

.news_con .news_box1 .news_item {
    margin-top: 40px;
    margin-bottom: 0
}

.news_con .news_box1 .news_item img {
    display: none
}

.news_con .news_box1 .news_item .news_all_tit {
    font-size: 30px;
    line-height: 40px;
    width: 90%
}

.news_con .news_box2 {
    width: 26.0326087%
}

.news_con .news_box2 .news_box_img {
    width: 89.77035491%;
    max-width: 430px;
    max-height: 217px;
    overflow: hidden
}

.news_con .news_box2 img {
    width: 100%;
    max-width: 430px
}

.news_con .news_box2 p {
    width: 89.77035491%
}

.news_con .news_box2 .news_all_desc {
    margin-top: 20px;
    width: 89.77035491%
}

.news_con .news_box3 {
    width: 23.36956522%
}

.news_con .news_box3 .news_box_img {
    width: 100%;
    max-width: 430px;
    max-height: 217px;
    overflow: hidden
}

.news_con .news_box3 img {
    width: 100%;
    max-width: 430px
}

.news_con .news_box3 p {
    width: 100%
}

.news_con .news_box3 .news_all_desc {
    margin-top: 20px;
    width: 100%
}

.news_con .news_box2 .news_all_tit::before,.news_con .news_box3 .news_all_tit::before {
    bottom: 29px
}

.news_con .news_box2 .news_item_box,.news_con .news_box3 .news_item_box {
    margin-top: 82px;
    margin-left: 24px
}

.news_con .news_line {
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 0;
    background: #323232;
    -webkit-transition: all 1s ease .4s;
    -moz-transition: all 1s ease .4s;
    -ms-transition: all 1s ease .4s;
    -o-transition: all 1s ease .4s;
    transition: all 1s ease .4s
}

.news_con .news_ban_box,.news_con .news_ban_box_lf {
    width: 92.44791667%;
    margin-bottom: 20px
}

.news_con .news_ban_box img,.news_con .news_ban_box_lf img {
    width: 100%;
    height: auto
}

.news_con .news_ban_tab {
    margin: 0 20px
}

.news_con .news_ban_tab span {
    width: 12px;
    height: 12px;
    background: url(../img/dot1_ff0d90d.png) no-repeat;
    cursor: pointer;
    display: inline-block;
    margin-right: 10px
}

.news_con .news_ban_tab span.on {
    background: url(../img/dot_h_0bc4292.png) no-repeat
}

.news_con .news_more {
    position: absolute;
    right: 0;
    top: 143px;
    width: 40%;
    cursor: pointer
}

.news_con .news_more p {
    color: #fff;
    line-height: 50px;
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-transition: all .4s ease .2s;
    -moz-transition: all .4s ease .2s;
    -ms-transition: all .4s ease .2s;
    -o-transition: all .4s ease .2s;
    transition: all .4s ease .2s
}

.news_con .news_more p i {
    width: 17px;
    height: 11px;
    display: inline-block;
    margin-right: 9px;
    vertical-align: middle;
    background: url(../img/jt_left_0f1a9d2.png) no-repeat;
    margin-top: -3px;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.news_con .news_more .videos_more_bg {
    width: 100%;
    background: #fff;
    height: 7px;
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-transition: all .3s ease .2s;
    -moz-transition: all .3s ease .2s;
    -ms-transition: all .3s ease .2s;
    -o-transition: all .3s ease .2s;
    transition: all .3s ease .2s
}

.news_con .news_more:hover p {
    color: #000
}

.news_con .news_more:hover i {
    -webkit-transform: translate3d(10px,0,0);
    -moz-transform: translate3d(10px,0,0);
    -ms-transform: translate3d(10px,0,0);
    -o-transform: translate3d(10px,0,0);
    transform: translate3d(10px,0,0)
}

.news_con .news_more:hover .videos_more_bg {
    height: 50px
}

.news_con .news_tit,.news_con .news_more,.news_con .news_box1 .news_item_box,.news_con .news_box1 .news_item,.news_con .news_box2 .news_item_box,.news_con .news_box3 .news_item_box {
    -webkit-transition: all 1s ease .4s;
    -moz-transition: all 1s ease .4s;
    -ms-transition: all 1s ease .4s;
    -o-transition: all 1s ease .4s;
    transition: all 1s ease .4s;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translate3d(-10px,0,0);
    -moz-transform: translate3d(-10px,0,0);
    -ms-transform: translate3d(-10px,0,0);
    -o-transform: translate3d(-10px,0,0);
    transform: translate3d(-10px,0,0)
}

.news_con.action .news_tit,.news_con.action .news_more,.news_con.action .news_box1 .news_item_box,.news_con.action .news_box1 .news_item,.news_con.action .news_box2 .news_item_box,.news_con.action .news_box3 .news_item_box {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.news_con.action .news_line {
    height: 100%
}



@media screen and (max-height: 800px) {
    .qrcode-aside {
        position:fixed;
        right: 10px;
        top: 355px
    }

    .index_left {
        transform: scale(0.75)
    }

    .home .wyzf {
        bottom: -12px
    }

}

@media screen and (max-width: 1630px) {
    .home .logo_l {
        left:240px
    }
}

@media screen and (max-width: 1530px) {
    .home .logo_l {
        left:140px
    }

    .home .logo {
        left: 0;
        background: url(../img/gwdata/logo.png) no-repeat;
        background-size: 100%;
        width: 200px;
        height: 87px
    }

    .home .index_left {
        top: 40%
    }
}

@media screen and (max-width: 1430px) {
    .home .logo_l {
        left:40px
    }
}

@media screen and (max-height: 901px) {
    .home .buttons-box {
        bottom:30%
    }
}

@media screen and (max-height: 850px) {
    .home .buttons-box {
        bottom:29%
    }
}

@media screen and (max-height: 800px) {

    .home .buttons-box {
        bottom: 28%
    }
}

@media screen and (max-width: 1441px) {
    .home .buttons-box {
        bottom:27%
    }
}


.sl_btn {
    width: 74px;
    height: 120px;
    z-index: 9
}
/*下载按钮*/
.home .nie-download2 .buttons a.NIE-button-android,.home .buttons-box .buttons a.NIE-button-android {

    background-image: url(../img/downloadimg/download-apk.webp)
}
/*todo 页底js*/
.side_bottom {
    display: none;
    height: 80px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}


.side_bottom .wrap_copyright {
    position: absolute;
    height: auto;
    bottom: 3%;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 11;
    background: rgba(0,0,0,.8);
    visibility: hidden;
    opacity: 0
}

.side_bottom .wrap_copyright.show {
    visibility: visible;
    opacity: 1
}

.side_bottom .wrap_copyright .share_m {
    font-size: 0;
    text-align: center;
    padding-top: 20px;
    width: 840px;
    margin: 0 auto
}

.side_bottom .wrap_copyright .share_m .phone_m {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    font-size: 14px;
    line-height: 20px
}

.side_bottom .wrap_copyright .share_m #share {
    display: inline-block;
    vertical-align: middle;
    margin-left: 20px
}

.side_bottom .wrap_copyright .share_m #share .NIE-share-iconBtn li {
    margin: 0 5px
}

.side_bottom .wrap_copyright .NIE-share-txt {
    color: #fff;
    font-family: "Microsoft YaHei";
    margin-right: 6px
}

.side_bottom .wrap_copyright .NIE-share .NIE-share-iconBtn a {
    color: #fff
}