.app_en_one, .free_model {
    position: relative;
}
.table{ 
    width: 100%;
    max-width: 100%;
    margin-bottom: 0px;
}
.nav_txt {
    position: fixed;
    z-index: 100;
    top: 50%;
    opacity: 1;
    right: 45px;
    margin-top: -50px
}

.nav_txt ul li {
    height: 20px;
    opacity: 0
}

.section {
    width: 100%;
    height: 100%;
    font-size: 50px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

.jirui_page1,.jirui_page3,.section .ib_slider,.section .ib_slider li {
    height: 100vh
}

.jirui_page1 .ib_slider li.ibs1 {
    background: url(../images/bg1.jpg?cache-buster) center no-repeat;
    background-size: cover
}

.jirui_page1 .ib_slider li.ibs2 {
    background: url(../images/bg2.jpg?cache-buster) center no-repeat;
    background-size: cover
}

.jirui_page1 .ib_slider li.ibs3 {
    background: url(../images/bg3.jpg?cache-buster) center no-repeat;
    background-size: cover
}

.jp1_text {
    z-index: 99;
    left: 100px;
    top: 50%;
    position: absolute;
    margin-top: -62px
}

.jp1_text h2 {
    font-weight: 400;
    font-size: 36px;
    color: #fff;
    text-align: left
}

.jp1_text p {
    font-size: 18px;
    color: #ccc;
    margin-top: 20px;
    line-height: 26px;
    text-align: left
}

.jirui_page2,.jirui_page2 h2,.jirui_page2 p,.jp4_btn {
    text-align: center
}

.jp1_text .slidesjs-pagination {
    margin-top: 52px
}

.jp1_text .slidesjs-pagination li {
    width: 30px;
    height: 30px;
    float: left;
    margin-right: 36px;
    border-radius: 50%;
    border: 2px solid #5c5d5d
}

.jp1_text .slidesjs-pagination li.active {
    border-color: #fff
}

.jp1_text .slidesjs-pagination li a {
    display: block;
    width: 25px;
    height: 25px;
    margin-left: 1px;
    margin-top: 1px
}

.jp1_text .slidesjs-pagination li.slides1 a {
    background: url(../images/icon2.png?cache-buster) center no-repeat;
    background-size: cover
}

.jp1_text .slidesjs-pagination li.slides2 a {
    background: url(../images/icon3.png?cache-buster) center no-repeat;
    background-size: cover
}

.jp1_text .slidesjs-pagination li.slides3 a {
    background: url(../images/icon1.png?cache-buster) center no-repeat;
    background-size: cover
}

.jirui_page2 {
    background-image: url(../images/bg4.jpg?cache-buster);
    position: relative;
    z-index: 10
}

.jirui_page2 h2 {
    font-size: 42px;
    color: #fff;
    padding-top: 128px;
    font-weight: 400
}

.jirui_page2 p {
    font-size: 20px;
    color: #fff;
    margin-top: 24px
}

.jirui_page3 .ib_slider li.ibs1 {
    background: url(../images/bg5.jpg?cache-buster) center no-repeat;
    background-size: cover
}

.jirui_page3 .ib_slider li div {
    position: absolute;
    width: 310px;
    height: 535px;
    left: 6%;
    bottom: 16%
}

.jirui_page3 .ib_slider li.ibs1 div {
    background: url(../images/phone1.png?cache-buster) center no-repeat
}

.jirui_page3 .ib_slider li.ibs2 div {
    background: url(../images/phone2.png?cache-buster) center no-repeat
}

.jirui_page3 .ib_slider li.ibs3 div {
    background: url(../images/phone3.png?cache-buster) center no-repeat
}

.jirui_page3 .ib_slider li.ibs2 {
    background: url(../images/bg6.jpg?cache-buster) center no-repeat;
    background-size: cover
}

.jirui_page3 .ib_slider li.ibs3 {
    background: url(../images/bg7.jpg?cache-buster) center no-repeat;
    background-size: cover
}

.jp3_text {
    position: absolute;
    z-index: 99;
    bottom: 100px;
    right: 10%
}

.jp3_text h2 {
    font-weight: 400;
    font-size: 42px;
    color: #fff;
    margin-bottom: 24px
}

.jp3_text p {
    font-size: 20px;
    color: grey;
    line-height: 30px
}

.jp3_text p.active {
    color: #fff
}

.jirui_page4 {
    background-image: url(../images/bg8.jpg?cache-buster);
    position: relative;
    z-index: 10
}

.jirui_page4 .jp4_mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    background: #000;
    opacity: 0;
    -webkit-filter: (opacity=0);
    filter: (opacity=0);
    transition: opacity 1s .2s ease-in-out
}

.jirui_page4 .jp4_mask.animate {
    opacity: .85;
    -webkit-filter: (opacity=85);
    filter: (opacity=85)
}

.jp4_text,.jp5_text,.jp6_text,.jp7_text,.jp8_text {
    position: absolute;
    z-index: 100;
    text-align: center;
    width: 100%
}

.jirui_page10 h2,.jp4_text h2,.jp5_text h2,.jp6_text h2,.jp7_text h2,.jp8_text h2 {
    font-weight: 400;
    font-size: 42px;
    color: #fff;
    padding-top: 7%
}

.jp4_text p,.jp5_text p,.jp6_text p,.jp7_text p,.jp8_text p {
    font-size: 20px;
    color: #fff;
    margin-top: 28px
}

.jp4_lights {
    width: 880px;
    margin: 476px auto 0
}

.jp4_lights li {
    width: 92px;
    height: 20px;
    background: url(../images/light.png?cache-buster);
    margin-right: 300px;
    float: left;
    opacity: 0
}

.jp4_lights li.animate {
    animation: light 1s .6s ease-in-out both
}

@keyframes light {
    0% {
        opacity: .1
    }

    100% {
        opacity: 1
    }
}

.jp4_btn {
    position: absolute;
    bottom: 70px;
    display: block;
    left: 50%;
    margin-left: -75px;
    font-size: 20px;
    color: #2f2f2f;
    width: 150px;
    z-index: 100
}

.jp4_btn.jp4_back,.jp5_tips {
    color: #fff
}

.jirui_page5 {
    background-image: url(../images/bg9.jpg?cache-buster);
    position: relative;
    z-index: 10
}

.tableCell {
    vertical-align: top
}

.jp5_con {
    width: 1120px;
    margin: 20% auto 0;
    background: url(../images/pic1.png?cache-buster) center no-repeat;
    height: 316px
}

.jp5_left {
    float: left;
    width: 50%;
    text-align: left;
    margin-top: 100px
}

.jp5_tips,.jp6_pro>div,.jp8_item {
    text-align: center
}

.jp5_left p {
    padding-left: 180px;
    font-size: 20px;
    color: #fff
}

.jp5_left p span {
    font-size: 72px;
    font-weight: 600
}

.jp5_tips {
    font-size: 14px;
    margin-top: 60px
}

.jirui_page6 {
    background-image: url(../images/bg10.jpg?cache-buster);
    position: relative;
    z-index: 10
}

.jp6_pro {
    width: 1161px;
    height: 479px;
    background: url(../images/pro.png?cache-buster) center no-repeat;
    left: 50%;
    top: 50%;
    margin-top: -240px;
    margin-left: -580px;
    position: absolute
}

.jp6_pro>div {
    position: absolute;
    width: 160px;
    opacity: 0;
    -webkit-filter: (opacity=0);
    filter: (opacity=0)
}

.jp6_pro>div>div {
    display: block;
    background: url(../images/lines.png?cache-buster) center no-repeat;
    margin: 0 auto
}

.jp6_pro>div>p {
    font-size: 20px;
    color: grey;
    margin-top: 16px
}

.jp6_pro .jp6_line1 {
    top: 388px;
    left: 300px
}

.jp6_pro .jp6_line1.animate {
    animation: fadeInUpBig .6s .2s ease both
}

.jp6_pro .jp6_line1>div {
    height: 157px;
    width: 13px;
    background-position: -26px 0
}

.jp6_pro .jp6_line2 {
    top: 488px;
    right: 140px
}

.jp6_pro .jp6_line2.animate {
    animation: fadeInUpBig .6s .4s ease both
}

.jp6_pro .jp6_line2>div {
    height: 59px;
    width: 13px;
    background-position: -13px 0
}

.jp6_pro .jp6_line3 {
    top: 420px;
    right: -30px
}

.jp6_pro .jp6_line3.animate {
    animation: fadeInUpBig .6s .6s ease both
}

.jp6_pro .jp6_line3>div {
    height: 124px;
    width: 13px;
    background-position: 0 0
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        transform: translateY(20px)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

.jirui_page7 {
    background-image: url(../images/bg11.jpg?cache-buster);
    position: relative;
    z-index: 10
}

.jp7_con {
    position: absolute;
    height: 300px;
    top: 50%;
    margin-top: -90px;
    width: 1000px;
    left: 50%;
    margin-left: -500px
}

.jp7_con .jp7_item {
    width: 33.3333%;
    float: left;
    opacity: 0;
    -webkit-filter: (opacity=0);
    filter: (opacity=0)
}

.jp7_con .jp7_item1.animate {
    animation: fadeInUpBig .6s .2s ease both
}

.jp7_con .jp7_item2.animate {
    animation: fadeInUpBig .6s .4s ease both
}

.jp7_con .jp7_item3.animate {
    animation: fadeInUpBig .6s .6s ease both
}

.jp7_con .jp7_item div {
    width: 260px;
    height: 172px;
    margin: 0 auto;
    background: url(../images/icons.png?cache-buster) center no-repeat
}

.jp7_con .jp7_item .icon1 {
    background-position: -520px 0
}

.jp7_con .jp7_item .icon2 {
    background-position: -260px 0
}

.jp7_con .jp7_item .icon3 {
    background-position: 0 0
}

.jp7_con .jp7_item .jp7_txt1 {
    font-size: 24px;
    color: #fff;
    margin-top: 28px;
    padding-left: 70px
}

.jp7_con .jp7_item .jp7_txt2 {
    font-size: 16px;
    color: #fff;
    margin-top: 14px;
    padding-left: 70px
}

.jirui_page8 {
    background-image: url(../images/bg12.jpg?cache-buster);
    position: relative;
    z-index: 10
}

.jp8_con {
    width: 880px;
    position: absolute;
    height: 360px;
    left: 50%;
    top: 50%;
    margin-left: -440px;
    margin-top: -100px
}

.jp8_item {
    float: left;
    opacity: 0;
    -webkit-filter: (opacity=0);
    filter: (opacity=0)
}

.jp8_item.animate,.jp8_line.animate {
    opacity: 1;
    -webkit-filter: (opacity=100);
    filter: (opacity=100)
}

.jp8_item p {
    font-size: 20px;
    color: #fff;
    margin-top: 40px
}

.jp8_item1 {
    transition: opacity .6s ease-in-out
}

.jp8_item2 {
    transition: opacity .6s .4s ease-in-out
}

.jp8_item3 {
    transition: opacity .6s .8s ease-in-out
}

.jp8_item1>div {
    width: 174px;
    height: 253px;
    background: url(../images/pic5.png?cache-buster) center no-repeat
}

.jp8_item2>div {
    width: 242px;
    height: 118px;
    background: url(../images/pic6.png?cache-buster) center no-repeat;
    margin-top: 50px
}

.jp8_item3>div {
    width: 107px;
    height: 202px;
    background: url(../images/pic7.png?cache-buster) center no-repeat
}

.jp8_line {
    width: 55px;
    height: 4px;
    float: left;
    background: url(../images/dot.png?cache-buster) center no-repeat;
    margin-top: 100px;
    margin-left: 60px;
    margin-right: 60px;
    opacity: 0;
    -webkit-filter: (opacity=0);
    filter: (opacity=0)
}

.jp8_line1 {
    transition: opacity .6s .2s ease-in-out
}

.jp8_line2 {
    transition: opacity .6s .6s ease-in-out
}

.jirui_page9 .ib_slider li.ibs1 {
    background: url(../images/bg13.jpg?cache-buster) center no-repeat;
    background-size: cover
}

.jirui_page9 .ib_slider li.ibs2 {
    background: url(../images/bg14.jpg?cache-buster) center no-repeat;
    background-size: cover
}

.jirui_page9 .ib_slider li.ibs3 {
    background: url(../images/bg15.jpg?cache-buster) center no-repeat;
    background-size: cover
}

.jirui_page9 p {
    position: absolute;
    top: 30%;
    left: 8%;
    font-size: 48px;
    color: #fff;
    z-index: 99
}

.jirui_page10 {
    background-image: url(../images/bg16.jpg?cache-buster);
    position: relative;
    z-index: 10
}

.jirui_page10 ul {
    width: 1200px;
    position: absolute;
    top: 25%;
    left: 50%;
    margin-left: -600px
}

.jirui_page10 ul li {
    float: left;
    width: 242px;
    margin-right: 76px
}

.jirui_page10 ul li .jp10_pro {
    width: 249px;
    margin: 0 auto
}

.jirui_page10 ul li .jp10_pro1>div {
    height: 87px;
    background: url(../images/pro1.jpg?cache-buster) center no-repeat
}

.jirui_page10 ul li .jp10_pro2>div {
    height: 87px;
    background: url(../images/pro2.jpg?cache-buster) center no-repeat
}

.jirui_page10 ul li .jp10_pro3>div {
    height: 87px;
    background: url(../images/pro3.jpg?cache-buster) center no-repeat
}

.jirui_page10 ul li .jp10_pro4>div {
    height: 87px;
    background: url(../images/pro4.png?cache-buster) center no-repeat
}

.jirui_page10 ul li .jp10_pro p {
    font-size: 20px;
    color: #fff;
    margin-top: 30px;
    text-align: center
}

.jirui_page10 ul li .jp10_text {
    padding-top: 24px
}

.jirui_page10 ul li .jp10_text p {
    margin-top: 12px;
    font-size: 16px;
    color: #b2b2b2
}

.jirui_page10 ul li .jp10_text p em {
    color: #fff
}

#fullPage-nav span,.fullPage-slidesNav span {
    border-color: #fff!important;
    background: rgba(255,255,255,.3)
}

#fullPage-nav li .active span,.fullPage-slidesNav .active span {
    background: 0 0!important
}

@media (max-height:842px) {
    .jp4_lights {
        margin-top: 360px;
        width: 760px
    }

    .jp4_lights li {
        margin-right: 230px
    }

    .jp6_pro {
        height: 350px;
        width: 848px;
        background-size: contain;
        margin-left: -424px;
        margin-top: -140px
    }

    .jp6_pro .jp6_line1 {
        top: 290px;
        left: 180px
    }

    .jp6_pro .jp6_line2 {
        top: 384px;
        right: 80px
    }

    .jp6_pro .jp6_line3 {
        top: 318px;
        right: -40px
    }

    .jp5_tips {
        margin-top: 40px
    }

    .jirui_page3 .ib_slider li div {
        bottom: 10%
    }

    .jirui_page9 p {
        left: 4%
    }

    .jirui_page10 h2,.jp4_text h2,.jp5_text h2,.jp6_text h2,.jp7_text h2,.jp8_text h2 {
        padding-top: 4%
    }

    .jp6_pro {
        top: 46%
    }
}