/*缅甸官方*/
@font-face
{
  font-family: 'my_MM';
  src : url('/fonts/Padauk-Bold.ttf'),
        url('/fonts/Padauk-Bold.eot');
}

/*藏语*/
@font-face
{
  font-family: 'my_ZG';
  src : url('/fonts/Jomolhari-alpha3c-0605331.ttf');
}

/*缅甸民间*/
@font-face
{
  font-family: 'my_ZG';
  src: url('/fonts/3a5768fc91a05ba2a3b2c0c7a85797ab.eot') ,
  url('/fonts/d9ccaaaad94cb38252a8fb9a780e6cba.woff2') format('woff2'),
  url('/fonts/0824f951147e71af3f2eb4848661744f.woff') format('woff'),
  url('/fonts/192429252f51390627f624fbda4c4a5c.ttf') format('truetype'),
  url('/fonts/fe3858ea9226577b392f3b95f2315402.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

body{
    padding:0 0;
    margin:0 0;
}
.section{
    overflow: hidden;
}
.nav{
    height:84px;
}
.text-logo{
    line-height: 84px;
    font-size: 24px;
    color: #FFFFFF;
}
.banner1{
    width:100%;
    margin:0 0;
    padding:0 0;
    background-image: linear-gradient(244deg, #64ADFA 6%, #7BBAFD 100%);
}
.banner1-left{
    margin-left: 54px;
}
.text-title{
    font-size: 88px;
    color: #FFFFFF;
}
.text-info{
    opacity: 0.81;
    font-size: 24px;
    color: #FFFFFF;
    line-height: 30px;
}
#fp-nav ul li a span,
.fp-slidesNav ul li a span {
    background: #0917F4;
}
.btn-icon{
    margin:0 0;
    margin-top:-10px;
    width:32px;
}
.btn-icon1{
    margin:0 0;
    margin-top:-10px;
    width:26px;
}
.btn-text{
    display:inline;
    margin-left:10px;
    font-size: 28px;
    color: #FFFFFF;
}

.video-title{
    font-size: 60px;
    color: #000000;
    text-align: center;
}
.video-info{
    position:absolute;
    width:100%;
    font-size: 24px;
    color: #000000;
    text-align: center;
    z-index:2;
}
#video_resoure_play{    
    position:absolute;
    top:0;
    left:0;
    border-radius: 20px;
    border-radius: 20px;
    outline: none;
}
#video_contain{
    position:absolute;
    z-index: 3;
    display: none;
    overflow:hidden;
    border-radius:20px;
    -webkit-border-radius: 20px;
     -moz-border-radius: 20px;
}
#show_video:hover{
    box-shadow: 0 0px 18px 0 rgba(9,23,244,0.27);
    border-radius: 100px;
}

.banner2{
    width:100%;
    margin:0 0;
    padding:0 0;
}
.tran-title{
    font-size: 60px;
    color: #000000;
}
.tran-info{
    font-size: 24px;
    color: #000000;
}
.btn-use{
    min-width: 300px;
    height: 84px;
    background-image: linear-gradient(90deg, #5B9FFF 2%, #3E6AFF 99%);
    border-radius: 53.46px;
    border-radius: 53.46px;
    font-size: 30px;
    color: #FFFFFF;
    align-items: center;
    text-align: center;
    word-wrap:break-word;
    line-height: 80px;
    padding-left:20px;
    padding-right:20px;
}
.footer{
    width:100%;
    height:120px;
    background: #515862;
    text-align:center;
}
.foot-text{
    padding-top:50px !important;
    font-size: 14px;
    color: rgba(255,255,255,0.50);
    text-align: center;
}
.layui-nav .layui-nav-item a {
    display: block;
    font-size: 14px !important;
}
.layui-nav{
    line-height: 84px;
}

.layui-nav .layui-this:after,
.layui-nav-bar,
.layui-nav-tree .layui-nav-itemed:after {
    height: 0px;
}
.layui-nav .layui-nav-more {
    display: none;
}

#layer_video{
    width:900px;
    height:518px;
    background-color: #000 !important;
}
#layer_lang{
    overflow-y: scroll !important;
}

.webPage_language{
    padding:10px;
    text-align:left;
    max-height:400px;
    overflow:hidden;
    border:0px;
    border-radius: 10px;
    /* margin-left:-220px; */
}
.div_language{
    height:400px;
    max-height:400px;
    overflow-y:scroll;
}
#fp-nav{
    z-index:100;
}
#up{
    position: fixed;
    bottom: 150px;
    right:100px;
    width: 50px;
    height: 50px;
    padding:0px;
    background: #515862;
    box-shadow: 0 6px 18px 0 rgba(0,0,0,0.27);
    border-radius: 25px;
    border-radius: 25px;
    text-align: center;
    cursor: pointer;
    z-index: 1000;
}
#up img{
    margin-top: 10px;
}
.layui-nav .layui-nav-child dd.layui-this a, .layui-nav-child dd.layui-this {
    background-color: #5B9FFF;
    color: #fff;
}

.con-width1{width:1442px;}
.con-width2{width:1442px;}
.con-width3{width:1442px;}
.con-width4{width:1442px;}
.con-width5{width:1442px;}

.btn-down{
    margin-top: 36px;
    width: 277.8px;
    height: 84px;
    line-height:84px;
    font-size:20px;
    background: #0917F4;
    box-shadow: 0 6px 18px 0 rgba(9,23,244,0.27);
    border-radius: 53.46px;
    border-radius: 53.46px;
}
.qrcode_ios{
    position:absolute;left:0;width: 180px;height: 180px;
}
.qrcode_android{
    position:absolute;left:0;width: 180px;height: 180px;
}
.qrcode_img1{position:absolute;left:0px;width: 180px;height: 180px;}
.qrcode_img2{position:absolute;top:60px;left:60px;width: 60px;height: 60px;}


.video-bg{
    position:absolute;
    left:50%;
    margin-left:-575px;
    width: 1150px;
    z-index:1;
}
.video-bg img{
    left:50%;
    margin-left:-575px;
    width: 1150px;
}

.as-img-div{
    width:816px;
}
.min-img{
    /* width:846px; */
    height:816px;
}


.section1_1{margin-top:174px;}
.section1_2{margin-top:50px;}
.section1_3{margin-top:10px;}
.section1_4{margin-top:80px;}
.qrcode_div{margin-top:20px;text-align:center;}


.section2_1{margin-top:65px;}
.section2_2{margin-top:30px;}
.section2_3{margin-top:200px;}
.video-bg-jpg,#video_contain{
    position:absolute;
    top:120px;
    left:50%;
    margin-left:-520px;
    width: 1040px;
    border-radius: 20px;
    border-radius: 20px;
}

.video_resoure_play{
    width: 1040px;
}

.video-bg-jpg img{
    width: 1040px;
    border-radius: 20px;
    border-radius: 20px;
}
.video{
    position:absolute;
    top:120px;
    left:50%;
    margin-left:-432px;
    width: 865px;
    height: 487px;
    text-align:center;
    background: transparent;
    border-radius: 20px;
    border-radius: 20px;
    z-index:0;
}

.section3{width:480px;margin-left:80px;text-align:left;}
.section3_1{margin-top:300px;}
.section3_2{margin-top:50px;}


.section4_1{margin-top:230px;}
.section4_2{margin-top:50px;}
.section4_3{margin-top:80px;}

/* /*定义滚动条高宽及背景
 高宽分别对应横竖滚动条的尺寸*/
 .div_language::-webkit-scrollbar
 {
    width: 6px;
 } 

 /*定义滚动条轨道
  内阴影+圆角*/
.div_language::-webkit-scrollbar-track
 {
     border-radius:1px;
     background-color:#FCFCFC;
 }

 /*定义滑块
  内阴影+圆角*/
.div_language::-webkit-scrollbar-thumb
 {
     border-radius:4px;
     -webkit-box-shadow:inset 0 0 2px rgba(0,0,0,.3);
     background-color:#f5f5f5;
 }
.layui-this{
    background-color:#3E6AFF !important;
 }
 video::-internal-media-controls-download-button {
     display:none;
 }
 video::-webkit-media-controls-enclosure {
     overflow:hidden;
 }
 video::-webkit-media-controls-panel {
     width: calc(100% + 30px);
 }




 
/* 高度<=625px */
@media only screen and (max-height:625px) {

    .fp-viewing-1{
        width:1000px;
    }
    .con-width1{width:1442px;}
    .con-width2{width:1442px;}
    .con-width3{width:1442px;}
    .con-width4{width:1442px;}
    .con-width5{width:1442px;}

    .btn-down{
        margin-top: 20px;
        width: 200px;
        height: 60px;
        line-height:60px;
        font-size:16px;
        border-radius: 30px;
        border-radius: 30px;
    }
    .qrcode_ios{
        position:absolute;left:0;margin-top:30px;margin-left:-50px;width: 160px;height: 160px;display: none;
    }
    .qrcode_android{
        position:absolute;left:0;margin-top:30px;margin-left:-150px;width: 160px;height: 160px;display: none;
    }
    .qrcode_img1{width: 160px;height: 160px;}
    .qrcode_img2{top:50px;left:50px;width: 30px;height: 30px;}

    .as-img-div{width:450px;}
    .min-img{height: 450px;}


    .section1_1{margin-top:0px;}
    .section1_2{margin-top:0px;}
    .section1_3{margin-top:10px;}
    .section1_4{margin-top:30px;}  
    .qrcode_div{margin-top:20px;text-align:center;}

    
    .section2_1{margin-top:10px;}
    .section2_2{margin-top:5px;}
    .section2_3{margin-top:80px;}
    .video-bg{margin-left:-400px;width: 800px;}
    .video-bg img{margin-left:-400px;width: 800px;}
    .video-bg-jpg,#video_contain{
        top:80px;
        margin-left:-325px;
        width: 650px;
    }
    #video_resoure_play{
        width: 650px;
    }
    #video_contain{
        height: 366px;
    }


    .video-bg-jpg img{
        width: 650px;
    }
    .video{
        position:absolute;
        top:100px;
        left:50%;
        margin-left:-325px;
        width: 650px;
        /* height: 487px; */
    }

    
    .section3{width:480px;margin-left:-250px;text-align:left;}
    .section3_1{margin-top:100px;}
    .section3_2{margin-top:30px;}
    
    .section4_1{margin-top:50px;}
    .section4_2{margin-top:10px;}
    .section4_3{margin-top:20px;}
    .btn-use{
        min-width: 200px;
        height: 60px;
        border-radius: 30px;
        border-radius: 30px;
        font-size: 18px;
        line-height: 60px;
    }
}

/* 高度>=625px */
@media only screen and (min-height:625px) {
    
    .con-width1{width:1442px;}
    .con-width2{width:1442px;}
    .con-width3{width:1442px;}
    .con-width4{width:1442px;}
    .con-width5{width:1442px;}

    .btn-down{
        width: 200px;
        height: 60px;
        line-height:60px;
        font-size:16px;
        border-radius: 30px;
        border-radius: 30px;
    }
    .qrcode_ios{
        position:absolute;left:0;margin-top:50px;margin-left:-50px;width: 160px;height: 160px;display: none;
    }
    .qrcode_android{
        position:absolute;left:0;margin-top:50px;margin-left:-150px;width: 160px;height: 160px;display: none;
    }

    .qrcode_img1{width: 140px;height: 140px;}
    .qrcode_img2{top:50px;left:50px;width: 50px;height: 50px;}

    .video-bg{margin-left:-575px;width: 1150px;}
    .video-bg img{margin-left:-575px;width: 1150px;}

    .as-img-div{width:550px;}
    .min-img{height: 550px;}


    .section1_1{margin-top:30px;}
    .section1_2{margin-top:10px;}
    .section1_3{margin-top:10px;}
    .section1_4{margin-top:30px;}  
    .qrcode_div{margin-top:10px;text-align:center;}

    .section2_1{margin-top:10px;}
    .section2_2{margin-top:5px;}
    .section2_3{margin-top:80px;}
    .video-bg{margin-left:-400px;width: 800px;}
    .video-bg img{margin-left:-400px;width: 800px;}
    .video-bg-jpg,#video_contain{
        top:80px;
        margin-left:-325px;
        width: 650px;
    }
    #video_resoure_play{
        width: 650px;
    }
    #video_contain{
        height: 366px;
    }

    .video-bg-jpg img{
        width: 650px;
    }
    .video{
        position:absolute;
        top:100px;
        left:50%;
        margin-left:-325px;
        width: 650px;
        /* height: 487px; */
    }

    
    .section3{width:480px;margin-left:-250px;text-align:left;}
    .section3_1{margin-top:200px;}
    .section3_2{margin-top:30px;}
    
    .section4_1{margin-top:100px;}
    .section4_2{margin-top:30px;}
    .section4_3{margin-top:50px;}
    .btn-use{
        min-width: 200px;
        height: 60px;
        border-radius: 30px;
        border-radius: 30px;
        font-size: 18px;
        line-height: 60px;
    }

}
/* 高度>=680  720 */
@media only screen and (min-height:680px) {

    .con-width1{width:1442px;}
    .con-width2{width:1442px;}
    .con-width3{width:1442px;}
    .con-width4{width:1442px;}
    .con-width5{width:1442px;}

    .btn-down{
        width: 277.8px;
        height: 70px;
        line-height:70px;
        font-size:20px;
        background: #0917F4;
        box-shadow: 0 6px 18px 0 rgba(9,23,244,0.27);
        border-radius: 53.46px;
        border-radius: 53.46px;
    }
    .qrcode_ios{
        position:absolute;left:0;margin-top:50px;margin-left:50px;width: 180px;height: 180px;display: none;
    }
    .qrcode_android{
        position:absolute;left:0;margin-top:50px;margin-left:-50px;width: 180px;height: 180px;display: none;
    }
    .qrcode_img1{width: 180px;height: 180px;}
    .qrcode_img2{position:absolute;top:60px;left:60px;width: 60px;height: 60px;}

    .video-bg{margin-left:-575px;width: 1150px;}
    .video-bg img{margin-left:-575px;width: 1150px;}

    .as-img-div{width:650px;}
    .min-img{height: 650px;}


    .section1_1{margin-top:30px;}
    .section1_2{margin-top:10px;}
    .section1_3{margin-top:10px;}
    .section1_4{margin-top:30px;}  
    .qrcode_div{margin-top:10px;text-align:center;}

    .section2_1{margin-top:20px;}
    .section2_2{margin-top:10px;}
    .section2_3{margin-top:150px;}
    .video-bg-jpg,#video_contain{
        top:100px;
        margin-left:-450px;
        width: 900px;
    }
    #video_resoure_play{
        width: 900px;
    }
    #video_contain{
        height: 506px;
    }


    .video-bg-jpg img{
        width: 900px;
    }
    .video{
        position:absolute;
        top:120px;
        left:50%;
        margin-left:-432px;
        width: 865px;
    } 

    #btn_ios{
        margin-left: 10px;
    }
    
    .section3{width:480px;margin-left:10px;text-align:left;}
    .section3_1{margin-top:200px;}
    .section3_2{margin-top:50px;}
    
    .section4_1{margin-top:100px;}
    .section4_2{margin-top:30px;}
    .section4_3{margin-top:50px;}
    .btn-use{
        min-width: 300px;
        height: 84px;
        background-image: linear-gradient(90deg, #5B9FFF 2%, #3E6AFF 99%);
        border-radius: 53.46px;
        border-radius: 53.46px;
        font-size: 30px;
        color: #FFFFFF;
        align-items: center;
        text-align: center;
        word-wrap:break-word;
        line-height: 80px;
        padding-left:20px;
        padding-right:20px;
    }
}
/* 高度>=740  760 */
@media only screen and (min-height:740px) {

}
/* 高度>=766  772 */
@media only screen and (min-height:766px) {

}
/* 高度>=776  780 */
@media only screen and (min-height:776px) {

}
/* 高度>=800  820 */
@media only screen and (min-height:800px) {

    .con-width1{width:1442px;}
    .con-width2{width:1442px;}
    .con-width3{width:1442px;}
    .con-width4{width:1442px;}
    .con-width5{width:1442px;}

    .btn-down{
        margin-top: 36px;
        width: 277.8px;
        height: 70px;
        line-height:70px;
        font-size:20px;
        background: #0917F4;
        box-shadow: 0 6px 18px 0 rgba(9,23,244,0.27);
        border-radius: 53.46px;
        border-radius: 53.46px;
    }
    
    .qrcode_ios{
        position:absolute;left:0;margin-top:50px;margin-left:50px;width: 180px;height: 180px;display: none;
    }
    .qrcode_android{
        position:absolute;left:0;margin-top:50px;margin-left:-50px;width: 180px;height: 180px;display: none;
    }
    
    .qrcode_img1{width: 180px;height: 180px;}
    .qrcode_img2{position:absolute;top:60px;left:60px;width: 60px;height: 60px;}

    .video-bg{
        position:absolute;
        left:50%;
        margin-left:-575px;
        width: 1150px;
        z-index:1;
    }
    .video-bg img{
        left:50%;
        margin-left:-575px;
        width: 1150px;
    }
    
    .as-img-div{
        width:816px;
    }
    .min-img{
        /* width:846px; */
        height:816px;
    }

    #btn_ios{
        margin-left: 10px;
    }
    
    .section1_1{margin-top:100px;}
    .section1_2{margin-top:50px;}
    .section1_3{margin-top:10px;}
    .section1_4{margin-left: 36px;margin-top:30px;}
    .qrcode_div{float:left;margin-top:20px;text-align:center;}
    
    
    .section2_1{margin-top:65px;}
    .section2_2{margin-top:30px;}
    .section2_3{margin-top:200px;}
    .video-bg-jpg,#video_contain{
        position:absolute;
        top:120px;
        left:50%;
        margin-left:-520px;
        width: 1040px;
        border-radius: 20px;
        border-radius: 20px;
    }
    #video_resoure_play{
        width: 1040px;
    }
    #video_contain{
        height: 585px;
    }
    .video-bg-jpg img{
        width: 1040px;
        border-radius: 20px;
        border-radius: 20px;
    }
    .video{
        position:absolute;
        top:120px;
        left:50%;
        margin-left:-432px;
        width: 865px;
        height: 487px;
        text-align:center;
        background: transparent;
        border-radius: 20px;
        border-radius: 20px;
        z-index:2;
    }
    
    .section3{width:480px;margin-left:80px;text-align:left;}
    .section3_1{margin-top:300px;}
    .section3_2{margin-top:50px;}
    
    
    .section4_1{margin-top:230px;}
    .section4_2{margin-top:50px;}
    .section4_3{margin-top:80px;}
}