html,body{
    /*background: #000;*/
}
section{background: url(../jpg/bbg.jpg) left top no-repeat;}
.scorp-header{
    width: 100%;
    position: relative;
}
.scorp-header .logo{
    width: 800px;
    position: absolute;
    left: calc(50% - 400px);
    top: 60px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    z-index: 10;
    text-align: center;
}

.scorp-header .logo img{
    max-width: 40%;
    margin: 0 auto;
}
.scorp-header .logo .text{
    font-size: 36px;
    margin:10px 0 0;
    line-height:46px;
    color: #000;
    font-weight: 600;
}
.scorp-header .logo span{
    width: 120px;
    height: 40px;line-height: 40px;
    text-align: center;
    border-radius: 20px;
    display: block;color: #fff;font-size: 20px;
    cursor: pointer;
}
.scorp-header .button{
  margin-top: 10px;
}
.scorp-header .button a{
  display: block;
  width: 150px;
  height: 40px;
  font-size: 16px;
  border-radius: 20px;
  border:2px solid #999;
  text-indent: 10px;
  margin: 0 auto;
}
.scorp-header .button a em{
  width: 110px;
  height: 40px;
  line-height: 38px;
  display: inline-block;
  font-style: normal;
  float: left;
  color: #999;
}
.scorp-header .button a span{
  display: inline-block;
  width: 30px;
  height: 30px;
  background: url('../png/play-icon-5.png') no-repeat center center;
  background-size: cover;
  margin: 4px 0 8px;
  float: left;
}


.wd{width: 100%;margin-top: 80px;}
.wd .content{width: 1200px;margin: 0 auto;text-align: center;}
.wd .content h3{font-size: 40px;line-height: 60px;color: #00A1E7;}
.wd .content p{font-size: 20px;line-height: 30px;margin-top: 20px;}

.structure,.shu{position: relative;width: 100vw;
    max-width: 100%;
    height: 100vh;
    overflow: hidden;}
.structure .default,.shu .default{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    margin:0 auto;
    overflow: hidden;
    object-fit: cover;
    height:100%;
    overflow: hidden;
    z-index: 9;
}
.structure .default img,.shu .default img{width: 100%;height: 100%;object-fit: cover;}
.structure canvas#structure,.shu canvas#shu{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    margin:0 auto;
    overflow: hidden;
    object-fit: cover;
    height:100%;
    overflow: hidden;
    z-index: 10;
}

.shu .text{width: 400px;position: absolute;height: 100%;top: 0;left: calc(50% - 600px);display: flex;align-items: center;z-index: 10;}
.shu .text .con h3{font-size: 40px;line-height: 50px;color:#00A1E7}
.shu .text .con p{font-size: 20px;line-height: 30px;margin-top: 20px;}
.shu .text .con img{width: 100%;margin-top: 20px;}




.ail{width: 100%;margin-top: 80px;}
.ail .content{width: 1200px;margin: 0 auto;}
.ail .content h3{font-size: 40px;line-height: 50px;color: #00A1E7;}
.ail .content p{font-size: 20px;line-height: 30px;margin-top: 30px;}
.ail .content ul.iv{margin-top: 40px;display: flex;justify-content: space-between;}
.ail .content ul.iv li{width: calc(50% - 10px);}
.ail .content ul.iv li img{width: 100%;}
.ail .content ul.iv li .video{position: relative;}
.ail .content ul.iv li .video video{width: 100%;}
.ail .content ul.iv li .video .icon-bg{
    width: 60px;
    height: 60px;
    position: absolute;
    bottom: 40px;
    right: 40px;
    border-radius: 30px;
    background: rgba(0,0,0,.5);
    display: flex;
    justify-content: center;
    align-items: center;
}
.ail .content ul.iv li .video .icon-bg .icon{
    width: 40px;
    height: 40px;
    border-radius: 20px;
    cursor: pointer;
}
.ail .content ul.iv li .video .icon-bg .icon.play{
    background: url(https://cdn.feiyu-tech.com/Index/scorp-2/images/icon-play.svg) center center no-repeat;
    background-size: 100% 100%;
    background-position: 50%;
}
.ail .content ul.iv li .video .icon-bg .icon.repeat{
    background: url(https://cdn.feiyu-tech.com/Index/scorp-2/images/icon-repeat.svg) center center no-repeat;
    background-size: 100% 100%;
    background-position: 50%;
}
.ail .content .items{margin-top: 30px;background: #fff;border: 1px solid #f1f1f1;}
.ail .content .items ul{display: flex;flex-wrap: wrap;padding: 40px;}
.ail .content .items ul li{display: flex;width: calc(50% - 40px);align-items: center;margin-bottom: 20px;}
.ail .content .items ul li img{max-width: 30%;}
.ail .content .items ul li .text{margin-left: 10%;}
.ail .content .items ul li h4{font-size: 20px;}
.ail .content .items ul li p{font-size: 16px;margin-top: 5px;}

.dt{width: 100%;margin-top: 80px;}
.dt h3{width: 1200px;margin: 0 auto;font-size: 40px;line-height: 50px;color: #00A1E7;}
.dt .content{width: 1200px;margin: 30px auto 0;}
.dt .content .video{position: relative;}
.dt .content .video video{width: 100%;}
.dt .content .video .icon-bg{
    width: 60px;
    height: 60px;
    position: absolute;
    bottom: 40px;
    right: 40px;
    border-radius: 30px;
    background: rgba(0,0,0,.5);
    display: flex;
    justify-content: center;
    align-items: center;
}
.dt .content .video .icon-bg .icon{
    width: 40px;
    height: 40px;
    border-radius: 20px;
    cursor: pointer;
}
.dt .content .video .icon-bg .icon.play{
    background: url(https://cdn.feiyu-tech.com/Index/scorp-2/images/icon-play.svg) center center no-repeat;
    background-size: 100% 100%;
    background-position: 50%;
}
.dt .content .video .icon-bg .icon.repeat{
    background: url(https://cdn.feiyu-tech.com/Index/scorp-2/images/icon-repeat.svg) center center no-repeat;
    background-size: 100% 100%;
    background-position: 50%;
}
.dt .content ul{margin-top: 30px;display: flex;justify-content: space-between;}
.dt .content ul li{width: calc(50% - 30px);display: flex;flex-wrap: wrap;justify-content: space-between;}
.dt .content ul li img{width: 100%;}
.dt .content ul li p{padding: 30px 0 30px 20px;font-size: 20px;line-height: 30px;}
.dt .tcontrol{width: 1200px;margin: 30px auto 0;display: flex;}
.dt .tcontrol .contents{width: 80%;}
.dt .tcontrol .contents p{font-size: 20px;line-height: 30px;}
.dt .tcontrol .navs{width: 20%;}
.dt .tcontrol .navs div{display: inline-block;margin-right: 20px;}
.dt .tcontrol .navs .swiper-button-prev{width: 50px !important;height: 50px !important;background: url(../png/llf.png) center center no-repeat;left: unset;border-radius: 25px;right: unset;top: unset;position: unset;margin-top: unset;background-size: 100% 100%;}
.dt .tcontrol .navs .swiper-button-next{width: 50px !important;height: 50px !important;background: url(../png/rrf.png) center center no-repeat;left: unset;border-radius: 25px;right: unset;top: unset;position: unset;margin-top: unset;background-size: 100% 100%;}

.wire{width: 100%;margin-top: 80px;}
.wire .content{width: 1200px;margin: 0 auto;}
.wire .content h3{font-size: 40px;line-height: 50px;color: #00A1E7;}
.wire .content p.tips{font-size: 20px;line-height: 30px;margin-top: 30px;}
.wire .content .video{position: relative;}
.wire .content .fi{margin-top: 50px;}
.wire .content .video video{width: 100%;}
.wire .content .video .icon-bg{
    width: 60px;
    height: 60px;
    position: absolute;
    bottom: 40px;
    right: 40px;
    border-radius: 30px;
    background: rgba(0,0,0,.5);
    display: flex;
    justify-content: center;
    align-items: center;
}
.wire .content .video .icon-bg .icon{
    width: 40px;
    height: 40px;
    border-radius: 20px;
    cursor: pointer;
}
.wire .content .video .icon-bg .icon.play{
    background: url(https://cdn.feiyu-tech.com/Index/scorp-2/images/icon-play.svg) center center no-repeat;
    background-size: 100% 100%;
    background-position: 50%;
}
.wire .content .video .icon-bg .icon.repeat{
    background: url(https://cdn.feiyu-tech.com/Index/scorp-2/images/icon-repeat.svg) center center no-repeat;
    background-size: 100% 100%;
    background-position: 50%;
}
.wire .content ul{margin-top: 40px;}
.wire .content ul li{display: flex;justify-content: space-between;margin-top: 20px;}
.wire .content ul li .vv{width: calc(48% - 20px);}
.wire .content ul li .text{width: calc(52% - 20px);display: flex;align-items: center;}
.wire .content ul li .text h4{font-size: 34px;line-height: 44px;color: #00A1E7;}
.wire .content ul li .text p{font-size: 20px;line-height: 32px;margin-top: 30px;}

.shi{width: 100%;margin-top: 80px;}
.shi .content{width: 1200px;margin: 0 auto;text-align: center;}
.shi .content h3{font-size: 40px;line-height: 50px;color: #00A1E7;}
.shi .content p{font-size: 20px;line-height: 30px;margin-top: 20px;}
.shi .content .video{position: relative;margin-top: 30px;}
.shi .content .video video{width: 100%;}
.shi .content .video .icon-bg{
    width: 60px;
    height: 60px;
    position: absolute;
    bottom: 40px;
    right: 40px;
    border-radius: 30px;
    background: rgba(0,0,0,.5);
    display: flex;
    justify-content: center;
    align-items: center;
}
.shi .content .video .icon-bg .icon{
    width: 40px;
    height: 40px;
    border-radius: 20px;
    cursor: pointer;
}
.shi .content .video .icon-bg .icon.play{
    background: url(https://cdn.feiyu-tech.com/Index/scorp-2/images/icon-play.svg) center center no-repeat;
    background-size: 100% 100%;
    background-position: 50%;
}
.shi .content .video .icon-bg .icon.repeat{
    background: url(https://cdn.feiyu-tech.com/Index/scorp-2/images/icon-repeat.svg) center center no-repeat;
    background-size: 100% 100%;
    background-position: 50%;
}


.models{width: 100%;margin-top: 80px;margin-bottom: 30px;}
.models .content{width: 1200px;margin:0 auto;}
.models .content h3{font-size: 40px;line-height: 50px;text-align: center;color: #00A1E7;}
.models .content .video{position: relative;margin-top: 30px;}
.models .content .video video{width: 100%;}
.models .content .video .icon-bg{
    width: 60px;
    height: 60px;
    position: absolute;
    bottom: 40px;
    right: 40px;
    border-radius: 30px;
    background: rgba(0,0,0,.5);
    display: flex;
    justify-content: center;
    align-items: center;
}
.models .content .video .icon-bg .icon{
    width: 40px;
    height: 40px;
    border-radius: 20px;
    cursor: pointer;
}
.models .content .video .icon-bg .icon.play{
    background: url(https://cdn.feiyu-tech.com/Index/scorp-2/images/icon-play.svg) center center no-repeat;
    background-size: 100% 100%;
    background-position: 50%;
}
.models .content .video .icon-bg .icon.repeat{
    background: url(https://cdn.feiyu-tech.com/Index/scorp-2/images/icon-repeat.svg) center center no-repeat;
    background-size: 100% 100%;
    background-position: 50%;
}
.models .content ul.title{display: flex;width: 90%;height: 80px;line-height: 80px;font-size: 20px;border-bottom: 2px solid #f1f1f1;margin: 30px auto 0;}
.models .content ul.title li{width: 20%;text-align: center;cursor: pointer;}
.models .content ul.title li.active{border-bottom: 2px solid #999;position: relative;top: 2px;}
.models .content .desc{margin-top: 20px;font-size: 20px;text-align: center;}

.appi{width: 100%;margin-top: 80px;}
.appi .content{width: 1200px;margin: 0 auto;}
.appi .content h3{font-size: 40px;line-height: 50px;color: #00A1E7;}
.appi .content p{font-size: 20px;line-height: 30px;margin-top: 20px;}
.appi .content img{width: 100%;margin-top: 30px;}
.appi .video{position: relative;margin-top: 30px;}
.appi .video video{width: 100%;}
.appi .video .icon-bg{
    width: 60px;
    height: 60px;
    position: absolute;
    bottom: 40px;
    right: 40px;
    border-radius: 30px;
    background: rgba(0,0,0,.5);
    display: flex;
    justify-content: center;
    align-items: center;
}
.appi .video .icon-bg .icons{
    width: 40px;
    height: 40px;
    border-radius: 20px;
    cursor: pointer;
}
.appi .video .icon-bg .icons.play{
    background: url(https://cdn.feiyu-tech.com/Index/scorp-2/images/icon-play.svg) center center no-repeat;
    background-size: 100% 100%;
    background-position: 50%;
}
.appi .video .icon-bg .icons.repeat{
    background: url(https://cdn.feiyu-tech.com/Index/scorp-2/images/icon-repeat.svg) center center no-repeat;
    background-size: 100% 100%;
    background-position: 50%;
}
.appi .cnav{width: 1200px;margin: 30px auto 0;display: flex;}
.appi .cnav .ll{width: 80%;}
.appi .cnav .ll ul.line{}
.appi .cnav .ll ul.line li{display: inline-block;margin-right: 10px;width: 50px;height: 4px;background: #999;}
.appi .cnav .ll ul.line li.active{background: #333;}
.appi .cnav .ll ul.text{margin-top: 30px;min-height: 140px;}
.appi .cnav .ll ul.text li{display: none;}
.appi .cnav .ll ul.text li.active{display: block;}
.appi .cnav .ll ul.text li h4{font-size: 22px;}
.appi .cnav .ll ul.text li p{font-size: 20px;line-height: 30px;margin-top: 20px;}
.appi .cnav .nb{width: 20%;}
.appi .cnav .nb div{display: inline-block;margin-right: 20px;}
.appi .cnav .nb .swiper-button-prev{width: 50px !important;height: 50px !important;background: url(../png/llf.png) center center no-repeat;left: unset;border-radius: 25px;right: unset;top: unset;position: unset;margin-top: unset;background-size: 100% 100%;}
.appi .cnav .nb .swiper-button-next{width: 50px !important;height: 50px !important;background: url(../png/rrf.png) center center no-repeat;left: unset;border-radius: 25px;right: unset;top: unset;position: unset;margin-top: unset;background-size: 100% 100%;}
.swiper-wrapper{height: auto !important;}

.wei{margin-top: 50px;width: 100%;}
.wei .title{width: 1200px;margin: 0 auto;}
.wei .title h3{font-size: 50px;line-height: 60px;}
.wei .all{width: 100%;display: flex;justify-content: space-between;margin-top: 50px;}
.wei .all .items{width: calc(50% - 20px);}
.wei .all .items .text{width: 580px;float: right;}
.wei .all .items .clear{clear: both;}
.wei .all .items .text h4{font-size: 36px;line-height: 46px;}
.wei .all .items .text p{font-size: 24px;line-height: 34px;margin-top: 30px;}
.wei .all .items .video{position: relative;margin-top: 50px;}
.wei .all .items .video video{width: 100%;border-top-right-radius: 20px;border-bottom-right-radius: 20px;}
.wei .all .items .video .icon-bg{
    width: 60px;
    height: 60px;
    position: absolute;
    bottom: 60px;
    right: 60px;
    border-radius: 30px;
    background: rgba(0,0,0,.5);
    display: flex;
    justify-content: center;
    align-items: center;
}
.wei .all .items .video .icon-bg .icon{
    width: 40px;
    height: 40px;
    border-radius: 20px;
    cursor: pointer;
}
.wei .all .items .video .icon-bg .icon.play{
    background: url(https://cdn.feiyu-tech.com/Index/scorp-2/images/icon-play.svg) center center no-repeat;
    background-size: 100% 100%;
    background-position: 50%;
}
.wei .all .items .video .icon-bg .icon.repeat{
    background: url(https://cdn.feiyu-tech.com/Index/scorp-2/images/icon-repeat.svg) center center no-repeat;
    background-size: 100% 100%;
    background-position: 50%;
}
.wei .all .items .cc{margin-right: calc(50% - 600px);width: 580px;}
.wei .all .items .cc img{width: 100%;border-radius: 20px;}
.wei .all .items .cc p{font-size: 24px;line-height: 34px;margin-top: 30px;}






.accessories{
    width: 100%;
    margin-top: 80px;
}
.accessories .content{
    width: 1200px;margin:0 auto;
}
.accessories .content .title h3{font-size: 40px;line-height: 50px;color: #00A1E7;}
.accessories .content ul{display: flex;justify-content: space-between;flex-wrap:wrap;margin-top: 50px;flex-wrap: wrap;}
.accessories .content ul li{width: calc(50% - 30px);margin-bottom: 30px;}
.accessories .content ul li img{width: 100%;}
.accessories .content ul li p{width: 100%;height: 40px;line-height: 40px;font-size: 22px;text-align: center;font-weight: 500;margin-top: 20px;}

.acce{width: 100%;margin-top: 80px;background: #f8f8f8;padding-top: 50px;}
.acce .content{width: 1200px;margin: 0 auto;}
.acce .content h3{font-size: 40px;line-height: 50px;color: #00A1E7;}
.acce .content ul{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 20px;}
.acce .content ul li{width: 25%;font-size: 20px;font-weight: 500;margin-bottom: 20px;}
.acce .content ul li span{width: 26px;height: 26px;border-radius: 13px;background: #000;color: #fff;text-align: center;line-height: 26px;display: inline-block;margin-right: 5px;font-size: 18px;}
/*====================================================*/
#dtg{margin-top: 50px;}
#dtg .swiper-container{

}   
#dtg .swiper-slide{
    width:1200px !important;
    position: relative;
    /*height: 481px;*/
}
#dtg .swiper-slide a{
    display: block;
    width: 100%;
    height: 100%;
    position: relative;

}



#dtg .swiper-button-prev{
    width:50% !important;
    height:480px !important;
    left:-600px !important;
    top:0;
    background: none;
    border-radius: 5px;
    margin-top:0;
    z-index:99;
    transition: 0.2s;
}   
#dtg .swiper-button-prev:before{  
    content: '';
    position: absolute;
    width: 15px;
    height: 100%;
    background: url(../png/llf.png) no-repeat 0 center;
    left: 94%;
    top: 50%;
    margin-top: -180px;
}
#dtg .swiper-button-next{
    width:50% !important;
    height:480px !important;
    right:-600px !important;
    top:0;
    background: none;
    border-radius: 5px;
    margin-top:0;
    z-index:99;
    transition: 0.2s;
}
#dtg .swiper-button-next:after{   
    content: '';
    position: absolute;
    width: 15px;
    height: 100%;
    background: url(../png/rrf.png) no-repeat 0 center;
    right: 94%;
    top: 50%;
    margin-top: -180px;
    /*transform: rotate(180deg);*/
}
#dtg .pagination{margin: 0;padding: 0;}


/*========*/



#appvlist{margin-top: 50px;}
#appvlist .swiper-container{

}   
#appvlist .swiper-slide{
    width:1200px !important;
    position: relative;
}
#appvlist .swiper-slide a{
    display: block;
    width: 100%;
    height: 100%;
    position: relative;

}
#appvlist .swiper-slide .line{
    background: #fff;width: 1px;height: 100%;
    position: absolute;top: 0;right: 0;
}
#appvlist .swiper-slide a video{
    width: 100%;
    height: 100%;
    object-fit: cover !important;
}
#appvlist .swiper-slide .desc-text{
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
    position: absolute;
    top: 8%;
    font-size: 30px;
    font-weight: bold;
    line-height: 40px;
    color: #fff;
    text-shadow: 2px 2px 3px rgba(0,0,0,.5);
}
#appvlist .swiper-slide .desc-text span{
    display: block;
    font-size: 18px;
    text-shadow: 2px 2px 3px rgba(0,0,0,.5);
    cursor: pointer;
}

#appvlist .swiper-button-prev{
    width:50% !important;
    height:480px !important;
    left:-600px !important;
    top:0;
    background: none;
    border-radius: 5px;
    margin-top:0;
    z-index:99;
    transition: 0.2s;
}   
#appvlist .swiper-button-prev:before{  
    content: '';
    position: absolute;
    width: 15px;
    height: 100%;
    background: url(../b-left2.html) no-repeat 0 center;
    left: 94%;
    top: 50%;
    margin-top: -180px;
}
#appvlist .swiper-button-next{
    width:50% !important;
    height:480px !important;
    right:-600px !important;
    top:0;
    background: none;
    border-radius: 5px;
    margin-top:0;
    z-index:99;
    transition: 0.2s;
}
#appvlist .swiper-button-next:after{   
    content: '';
    position: absolute;
    width: 15px;
    height: 100%;
    background: url(../b-right2.html) no-repeat 0 center;
    right: 94%;
    top: 50%;
    margin-top: -180px;
    /*transform: rotate(180deg);*/
}
#appvlist .pagination{margin: 0;padding: 0;}


/*==========================================*/
.popup-item{width: 100%;height: 100%;display: none;position: relative;}
.popup-item .shadow{
    width: 100%;
    height: 100%;
    background: #333;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10001;
    overflow: hidden;
}
.popup-item .window{
    z-index: 10002;
    width: 1200px;
    height: 676px;position: fixed;
    margin-left: -600px;
    left: 50%;
    top: 50%;
    margin-top: -337px;
}
.popup-item .window video{
    max-width: 100%;
    margin:0 auto;
}
.popup-item .center{
    align-items: center;
    display: -webkit-flex;
    justify-content: center;
}
.popup-item span{
    width: 40px;
    height: 40px;
    display: block;
    position: fixed;
    top: 20px;
    right: 20px;
    font-size: 30px;
    color: #999;
    cursor: pointer;
    z-index: 10002;
}
@media (max-width: 1920px){
    .structure .text{left: calc(50% - 600px);}
}

@media (min-width:1441px) and (max-width: 1660px){
    .scorp-header .logo{top:60px;}
}
@media (max-width:1440px){
    .scorp-header .logo{top:40px;}
    .shu .text{left: calc(50% - 500px);width: 350px;}
    .ail .content,.dt h3,.dt .tcontrol,.dt .content,.wire .content,.shi .content,.models .content,.appi .content,.appi .cnav,.accessories .content,.acce .content,.wd .content{width: 1000px;}
    #dtg .swiper-slide,#appvlist .swiper-slide{width: 1000px !important;}
    .shu .text .con p{margin-top: 10px;line-height: 26px;}
    .shu .text .con img{margin-top: 10px;}
}
@media (max-width:1280px){
    .scorp-header .logo img{max-width: 50%;}
    .scorp-header .logo .text,.wd .content h3,.shu .text .con h3,.ail .content h3,.dt h3,.wire .content h3,.shi .content h3,.models .content h3,.appi .content h3,.accessories .content .title h3,.acce .content h3{font-size: 34px;}
    .wire .content ul li .text h4{font-size: 30px;}
    .scorp-header .logo .text{margin: 10px 0 0;}
    .scorp-header .button{margin-top: 10px;}
    .dt .tcontrol{margin: 0 auto;}
    #dtg{margin-top: 20px;}
}