#main .contTop .festop {
    text-align: left;
    position: relative;
    z-index: 3;
}
#appTopwrap{background: #143049;}
#appTopwrap .contTop{height: 29.5vw;}
#appTopwrap .contTop .right_cont{
    width: 30%;
}
#main .contTop .festop .fesqr li{
    width: 100%;
}

#appTopwrap .contTop .right_cont h2 {
    color: #fff;
    line-height: 120%;
    padding-bottom:0.3vw;
    padding-top: 2.4vw;
    font-size: 2.6em;
    font-weight:bold;
    text-align: center;
}
#main .fixprod .fixcontent .listframe li{
    width: 100%;
    height: auto;
}
#appTopwrap .contTop .right_cont p{margin-bottom: 0;}
#appTopwrap .contTop ul.downloadbtn li{line-height: 2vw;}
.qr img{
    width: 5.7vw!important;
}
#appTopwrap .contTop .right_cont .line{
    width: 2.1vw;height: 2px;background:#fff;
    margin: 1vw auto;
}
#appTopwrap .contTop ul.downloadbtn li{
    width: 60%;margin: 0 20%;border-radius: 50px;
}
#appTopwrap .contTop ul.downloadbtn li a span {
    color: #fff;
    font-size: small;
    background: none;
    background-size: 20px;
    padding-left: 0;
}
#appTopwrap .contTop ul.downloadbtn li a{
    padding: 0;
}
#main .contTop .festop p {
    color: #3495d8;
}
#main .contTop .festop .fesqr {
    padding-top: 15px;
    padding-bottom: 0px;
}
#main .fixprod.fes {
    background-color: #3495d8;
}
.hr {
    border: none;
    border-top: 1px dashed #fff;
    height: 1px;
    margin-bottom: 10px;
}
#main .fixprod.fes .fixcontent .prodTab li.tabname_b a {
    color: #4E7A65;
}
#main .fixprod .fixcontent .prodTab li.tabname_b a span {
    padding: 8px 0;
}
#main .fixprod.fes .fixcontent .listframe {
    background-color: #3495d8;
}
#main .fixprod .fixcontent .listframe li {
    color: #fff;
}
#main .xpf_content{
    width: 994px;
    margin: 0 auto;
}

.section3{margin-top: 5vw;}
.section3_nav{width: 100%;display: flex;justify-content: space-between;}
.section3_nav .nav_item{cursor: pointer; width: 49.5%;background: #f0f7fc;font-size: 28px;font-weight: bold;color: #14314a;text-align: center;padding:10px 0;margin-bottom: 2vw;}
.section3_nav .nav_item.active{
    background: #b1d0e6;}

.swiper-slide{background: #fff;}

#main .xpf_content .session0{
    padding:100px 0;
}
#main .xpf_content .session1{
    text-align: center;
    background: unset;
    width: 100%;
}
#main .xpf_content .session1 .video-box{
    width: 95%;
    margin: 0 auto;
}
#main .xpf_content .session1 img{
    width: 100%;
}
#main .xpf_content .session2{
    display: block;
    width: 960px;
    margin: 0 auto;
}
#main .xpf_content .session2 .version{
    float: left;
    width: 50%;
    color: #1696a6;
    font-size: 20px;
    display: block;
    text-align: center;
    padding: 30px 0;
    border-bottom: 1px solid;
}
#main .xpf_content .session0,#main .xpf_content .session3,#main .xpf_content .session4{
    clear: both;
    width: 960px;
    margin: 0 auto;
    text-align: center;
}
#main .xpf_content h2{
    font-size: 30px;
    line-height: 400%;
    color: #1696A6;
}
#main .xpf_content .session0 h2{
    line-height: 150%;
    margin-bottom: 50px;
}
#main .xpf_content .session0 img,#main .xpf_content .session3 img,#main .xpf_content .session4 img{
    display: inline;
}
#main .xpf_content .session0 .textwrap{
    position: relative;
    width: 650px;
    margin: 30px 0 50px 250px;
    text-align: left;
}
#main .xpf_content .session0 .textwrap img{
    position: absolute;
    top:40px;
    left:-150px;
}
 #main .xpf_content .session3 .textwrap, #main .xpf_content .session4 .textwrap{
    width: 700px;
    margin: 30px auto 50px;
    text-align: left;
}
#main .xpf_content .session0 .textwrap h3,#main .xpf_content .session3 .textwrap h3,#main .xpf_content .session4 .textwrap h3{
    font-size: 20px;
    line-height: 400%;
}
#main .xpf_content .session0 .textwrap p,#main .xpf_content .session3 .textwrap p,#main .xpf_content .session4 .textwrap p{
    line-height: 150%;
    margin-bottom: 15px;
}
#main .xpf_content .video {
    width: 700px;
    margin: 50px auto;
}
#main .xpf_content .video .video-box {
    position: relative;
}
#main .xpf_content .video .video-box .video-play {
    max-width: 50px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    border-radius: 100%;
    cursor: pointer;
}

@media screen and (min-width:1921px){
    #main{width: 1920px;margin: 0 auto;overflow: hidden;}
    #main .contTop .festop {
        text-align: left;
        position: relative;
        z-index: 3;
    }
    #appTopwrap .contTop{height: 572px;}
    #appTopwrap .contTop .right_cont{
        width: 30%;
    }
    #main .contTop .festop .fesqr li{
        width: 100%;
    }

    #appTopwrap .contTop .right_cont h2 {
        color: #fff;
        line-height: 120%;
        padding-bottom:5px;
        padding-top: 46px;
        font-size: 2.6em;
        font-weight:bold;
        text-align: center;
    }
    #main .fixprod .fixcontent .listframe li{
        width: 100%;
        height: auto;
    }

    #appTopwrap .contTop .right_cont .line{
        width: 40px;height: 2px;background:#fff;
        margin: 20px auto;
    }
    #appTopwrap .contTop ul.downloadbtn li{
        width: 60%;margin: 0 20%;border-radius: 50px;
    }
    #appTopwrap .contTop ul.downloadbtn li a span {
        color: #fff;
        font-size: small;
        background: none;
        background-size: 20px;
        padding-left: 0;
    }
    #appTopwrap .contTop ul.downloadbtn li a{
        padding: 0;
    }
    #main .contTop .festop p {
        color: #3495d8;
    }
    #main .contTop .festop .fesqr {
        padding-top: 15px;
        padding-bottom: 0px;
    }
    #main .fixprod.fes {
        background-color: #3495d8;
    }
    .hr {
        border: none;
        border-top: 1px dashed #fff;
        height: 1px;
        margin-bottom: 10px;
    }
    #main .fixprod.fes .fixcontent .prodTab li.tabname_b a {
        color: #4E7A65;
    }
    #main .fixprod .fixcontent .prodTab li.tabname_b a span {
        padding: 8px 0;
    }
    #main .fixprod.fes .fixcontent .listframe {
        background-color: #3495d8;
    }
    #main .fixprod .fixcontent .listframe li {
        color: #fff;
    }
    #main .xpf_content{
        width: 994px;
        margin: 0 auto;
    }

    .section3{margin-top: 5vw;}
    .section3_nav{width: 100%;display: flex;justify-content: space-between;}
    .section3_nav .nav_item{cursor: pointer; width: 49.5%;background: #f0f7fc;font-size: 28px;font-weight: bold;color: #14314a;text-align: center;padding:10px 0;margin-bottom: 2vw;}
    .section3_nav .nav_item.active{
        background: #b1d0e6;}

    .swiper-slide{background: #fff;}

    #main .xpf_content .session0{
        padding:100px 0;
    }
    #main .xpf_content .session1{
        text-align: center;
        background: unset;
        width: 100%;
    }
    #main .xpf_content .session1 .video-box{
        width: 95%;
        margin: 0 auto;
    }
    #main .xpf_content .session1 img{
        width: 100%;
    }
    #main .xpf_content .session2{
        display: block;
        width: 960px;
        margin: 0 auto;
    }
    #main .xpf_content .session2 .version{
        float: left;
        width: 50%;
        color: #1696a6;
        font-size: 20px;
        display: block;
        text-align: center;
        padding: 30px 0;
        border-bottom: 1px solid;
    }
    #main .xpf_content .session0,#main .xpf_content .session3,#main .xpf_content .session4{
        clear: both;
        width: 960px;
        margin: 0 auto;
        text-align: center;
    }
    #main .xpf_content h2{
        font-size: 30px;
        line-height: 400%;
        color: #1696A6;
    }
    #main .xpf_content .session0 h2{
        line-height: 150%;
        margin-bottom: 50px;
    }
    #main .xpf_content .session0 img,#main .xpf_content .session3 img,#main .xpf_content .session4 img{
        display: inline;
    }
    #main .xpf_content .session0 .textwrap{
        position: relative;
        width: 650px;
        margin: 30px 0 50px 250px;
        text-align: left;
    }
    #main .xpf_content .session0 .textwrap img{
        position: absolute;
        top:40px;
        left:-150px;
    }
    #main .xpf_content .session3 .textwrap, #main .xpf_content .session4 .textwrap{
        width: 700px;
        margin: 30px auto 50px;
        text-align: left;
    }
    #main .xpf_content .session0 .textwrap h3,#main .xpf_content .session3 .textwrap h3,#main .xpf_content .session4 .textwrap h3{
        font-size: 20px;
        line-height: 400%;
    }
    #main .xpf_content .session0 .textwrap p,#main .xpf_content .session3 .textwrap p,#main .xpf_content .session4 .textwrap p{
        line-height: 150%;
        margin-bottom: 15px;
    }
    #main .xpf_content .video {
        width: 700px;
        margin: 50px auto;
    }
    #main .xpf_content .video .video-box {
        position: relative;
    }
    #main .xpf_content .video .video-box .video-play {
        max-width: 50px;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        margin: auto;
        border-radius: 100%;
        cursor: pointer;
    }
}
@media screen and (max-width:767px) {
    #main .xpf_content{
        width: 100%;
        margin: 0 auto;
    }
    .section3{width: 86.5vw;margin: 13.6vw auto 3.6vw;}
    .section3_nav{width: 100%;display: flex;justify-content: space-between;}
    .section3_nav .nav_item{cursor: pointer; width: 49.5%;background: #f0f7fc;font-size: 4vw;font-weight: bold;color: #14314a;text-align: center;padding:10px 0;margin-bottom: 2vw;}
    .section3_nav .nav_item.active{
        background: #b1d0e6;}
    #appTopwrap .contTop {
        max-width: 86.5vw!important;
        width: 86.5vw;
        padding: 0;
    }
    #main .xpf_content .session1 .video-box{
        width: 90%;
        margin: 0 auto;
    }
    #main .fixprod .fixcontent p.fixtitle{text-align: center;}
    #main .fixprod .fixcontent .prodTab li.tabname_b.on{padding:3px 20px!important;}
    #main .fixprod.fes .fixcontent .prodTab li.tabname_b a{color: #4f5265;}
    #appTopwrap .contTop ul{position: absolute;top: 122vw;
        left: 45vw;}
    .erweima{width: 26.9vw;height: 26.9vw;position: absolute;    top: 115vw;
        left: 8vw;}
    #appTopwrap .contTop .right_cont .line{
        width: 9vw;
        margin: 3vw auto;
    }
    #appTopwrap .contTop ul.downloadbtn li{width: 42%;
        margin: 0;
        line-height: 9vw;
    }
    #appTopwrap .contTop .right_cont{
        margin-top: 0;
        width: 100%;
    }
    #appTopwrap .contTop .right_cont h2{
        padding-top: 14.4vw;
    }
    #main .xpf_content img {
        width: 100%;
    }
    #main .xpf_content .session0 {
        padding: 50px 0;
    }
    #main .xpf_content .session2 {
        display: none;
    }
    #main .xpf_content .video {
        width: 400px;
    }
    #main .xpf_content .session0, #main .xpf_content .session3, #main .xpf_content .session4 {
        width: 90%;
    }
    #main .xpf_content .session0 .textwrap, #main .xpf_content .session3 .textwrap, #main .xpf_content .session4 .textwrap{
        width: 90%;
    }
    #main .xpf_content .session0 h2{
        margin-bottom: 10px;
    }
    #main .xpf_content .session0 h2 br{
        display: none;
    }
    #main .xpf_content .session0 .textwrap img{
        display: none;
    }
    #main .xpf_content .session0 .textwrap {
        width: auto;
        margin: auto;
        text-align: left;
    }
}
@media screen and (max-width:640px) {


}