/*!web:page/index/index.less*/
html,body,
.bgCover{background-position:center;background-repeat:no-repeat;background-size:cover}.claerFloat::after{content:'';display:block;clear:both}.container{position:relative}.container .video-bg{width:100%;height:100%}.container .video-bg .video-tvc{height:100%;width:100%;object-fit:cover}.container .content{width:100%;height:100%;position:absolute;top:0;left:0;background-color: rgba(0,0,0,.4);background-position:right;background-repeat:no-repeat;background-size:contain}
.container .content .header{
	height:80px;
	line-height:80px;overflow:hidden;background: rgb(0,0,0,.3);
	position: fixed;
	width: 100%;
	z-index: 999;
}
.container .content .header-left{margin-left:80px;float:left}.container .content .header-left>img{width:90px}.container .content .header-right{float:right;margin-right:150px}.container .content .header-right .header-links{list-style:none}
.unmute{background-image:url(/css/img_index_unmute.png);background-position:center;background-repeat:no-repeat;background-size:cover;width:18px;height:18px;cursor:pointer}
.unmute.mute{background-image:url(/css/img_index_mute.png)}
.header-links-item{
    height: 50px;
    padding:17px 0px 0px 15px;
}
.header-links-item>a{color:#fff}
.container .content .middle{width:500px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);margin-top:50px;right:150px}
.container .content .middle .slogan{float:right;width:450px;margin-bottom:40px}
.container .content .middle .slogan>img{width:100%}
.container .content .middle .btn-list{float:right;letter-spacing:-4px;font-size:0}
.container .content .middle .btn-list .btn-primary{display:inline-block;background:#fff;border-radius:5px;margin-left:10px;width:130px;height:50px;-webkit-transition:.15s opacity;transition:.15s opacity;-webkit-transition-delay:.15s;transition-delay:.15s;background-position:center;background-repeat:no-repeat;background-size:cover}
.container .content .middle .btn-list .btn-hover:hover{opacity:1}.container .content .middle .btn-list .btn-link{opacity:1;-webkit-transition:.15s all;transition:.15s all}.container .content .middle .btn-list .btn-link-hide{opacity:0}
.container .content .middle .btn-list .icon-ios{width:100%;height:100%;display:block;border-radius:5px;background-position:center;background-repeat:no-repeat;background-size:cover;background-image:url(/css/img_index_appstore.png)}
.container .content .middle .btn-list .icon-wxapp{width:100%;height:100%;display:block;border-radius:5px;background-position:center;background-repeat:no-repeat;background-size:cover;background-image:url(/css/img_index_wxapp.png)}
.container .content .middle .btn-list .icon-wxapp-bb{width:100%;height:100%;display:block;border-radius:5px;background-position:center;background-repeat:no-repeat;background-size:cover;background-image:url(/css/img_index_bangbang.png)}
.container .content .middle .btn-list .icon-andorid{width:100%;height:100%;display:block;border-radius:5px;background-position:center;background-repeat:no-repeat;background-size:cover;background-image:url(/css/img_index_android.png)}
.container .content .middle .btn-list .icon-QRcodeAll{background-image:url(/css/img_download_qrqoce.png);width:50px;height:50px;}
.container .content .middle .btn-list .icon-QRcode{float:right;position:relative;}
.container .content .middle .btn-list .icon-QRcode .qrcode_box{position:absolute;right:0;top:55px;-webkit-transform:scale(0.23);transform:scale(0.23);-webkit-transform-origin:top right;transform-origin:top right;opacity:0;-webkit-transition:.3s all;transition:.3s all;display: flex;background: #fff;border-radius: 8px;padding:15px 15px 10px 15px;}
.container .content .middle .btn-list .icon-QRcode .qrcode_box>img{width:160px;height: 160px;}
.container .content .middle .btn-list .icon-QRcode:hover .qrcode_box{-webkit-transform:scale(1);transform:scale(1);opacity:1;}

.footer{font-size:14px;width:100%;background:#000;text-align:center;padding:20px 0px;}
.footer .nav-warpper{color:#fff;margin-bottom:16px;opacity:0.6;}
.footer .nav-warpper>a{padding:0 5px;color:#fff}
.footer .feedback-info{color:#fff;opacity:0.6;}
.footer .feedback-info>p{line-height:25px}
.footer .feedback-info .gognan-box>a{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}
.footer .feedback-info a{color:#fff} .logo{height:50px;}
.overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,0,.6);
    z-index: 1;
}
.page_box{
	padding-top: 50px;
}
.turn_hint{
	bottom: 0px;
    position: absolute;
    text-align: center;
    width: 100%;
    color: rgb(255,255,255,0.8);
}
.turn_hint img{
	width: 16px;
}
.btn_service{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #000;
    position: fixed;
    right:20px;
    bottom: 20px;
    z-index: 999;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color:rgb(0,0,0,0.3);
}
.btn_service img{
    width:25px;
    height:25px;
}
.btn_service_text{
    font-size: 12px;
    color: #fff;
    transform: scale(0.8);
}
.btn_service .first{
    bottom: -4px !important;
    right: -2px;
    left:auto !important;
}
.dropup{
    position: absolute !important;
    width: 50px;
    height:50px;
}
.dropup a{
    padding:10px 20px !important;
}
.dropup .first{
    display: block;
    -webkit-transform:scale(0.23);
    transform:scale(0.23);
    -webkit-transform-origin:top right;
    transform-origin:bottom right;
    opacity:0;
    -webkit-transition:.3s all;
    transition:.3s all;
}
.dropup:hover .first{
    -webkit-transform:scale(1);transform:scale(1);opacity:1;
}

.btn_service .second{
    bottom: -82px !important;
    right: 160px;
    left:auto !important;
}
.second .qrcode_service{
    width: 114px;
    height: 114px;
    vertical-align: top;
}
.sample .item{
    padding-top: 0px;
    padding-bottom: 20px;
}
.model_title_hint{
    padding-top:20px;
    margin-bottom: 50px;
    text-align: center;
}
.model_title_hint a{
    color: #666;
}
/*接入平台*/
.platform_name{
    text-align: center;
    color: #666;
    padding: 10px 0px 6px 0px;
}
/*应用案例*/
.sample_name{
    text-align: center;
    height: 50px;
    line-height: 50px;
}


.join_now_box{
    background: #3075f6;
    padding: 50px 0px;
    width: 100%;
    color: #fff;
}
.noborder{
    border:none !important;
}