html,body{
    /*background: #000;*/
}
section .adapter{width: 100%;overflow: hidden;}
.vb-header{
    width: 100%;
    position: relative;
}
.vb-header .logo{
    width: 600px;
    position: absolute;
    left: calc(50% - 600px);
    top: calc(50% - 200px);
}

.vb-header .logo img{
    max-width: 120px;
    display: block;
}
.vb-header .logo .text{
    margin:10px 0;
    color: #555;
}
.vb-header .logo .item{}
.vb-header .logo .item .img{display: flex;align-items: center;}
.vb-header .logo .text h3{font-size: 44px;color: #333;margin-top: 30px;font-weight: bold;}
.vb-header .logo span{
    width: 120px;
    height: 40px;line-height: 40px;
    text-align: center;
    border-radius: 20px;
    display: block;color: #999;font-size: 20px;
    cursor: pointer;
}
.vb-header .button{margin-top: 15px;
}
.vb-header .button a{
  display: block;
  width: 145px;
  height: 40px;
  font-size: 14px;
  border-radius: 20px;
  border:2px solid #333;
  text-indent: 10px;
  margin: 5px 0 0;
}
.vb-header .button a em{
  width: 105px;
  height: 40px;
  line-height: 38px;
  display: inline-block;
  font-style: normal;
  float: left;
  color: #333;
}
.vb-header .button a span{
  display: inline-block;
  width: 30px;
  height: 30px;
  background: url('../png/play-icon.png') no-repeat center center;
  background-size: cover;
  margin: 4px 0 8px;
  float: left;
}


.small{width: 100%;margin-top: 100px;}
.small img{width: 80%;margin: 60px auto 0;display: block;}
.small .main{width: 1200px;margin:  auto;}
.small .main .text{}
.small .main .text h3{font-size: 44px;line-height: 50px;font-weight: bold;}
.small .main .text p{font-size: 20px;line-height: 34px;margin-top: 15px;color: #000;}
.small .main .text p strong{font-size: 26px;font-weight: bolder;}


.control{padding: 100px 0;background: #fafafa;}
.control .main{width: 1200px;margin: 0 auto;}
.control .main h3{font-size: 44px;font-weight: bold;}
.control .main p{font-size: 20px;line-height: 30px;margin-top: 20px;}
.control .main ul{display: flex;flex-wrap: wrap;margin-top: 40px;}
.control .main ul li{display: flex;width: 100%;}
.control .main ul li .vitem{width: 50%;}
.control .main .video{position: relative;}
.control .main .video video{width: 100%;display: block;}
.control .main .video .icon-bg{
    width: 50px;
    height: 50px;
    position: absolute;
    bottom: 20px;
    right: 20px;
    border-radius: 30px;
    background: rgba(0,0,0,.5);
    display: flex;
    justify-content: center;
    align-items: center;
}
.control .main .video .icon-bg .icon{
    width: 40px;
    height: 40px;
    border-radius: 20px;
    cursor: pointer;
}
.control .main .video .icon-bg .icon.play{
    background: url(https://cdn.feiyu-tech.com/Index/vb4/images/icon-play.svg) center center no-repeat;
    background-size: 100% 100%;
    background-position: 50%;
}
.control .main .video .icon-bg .icon.repeat{
    background: url(https://cdn.feiyu-tech.com/Index/vb4/images/icon-repeat.svg) center center no-repeat;
    background-size: 100% 100%;
    background-position: 50%;
}
.control .main .vtext{display: flex;justify-content: center;align-items: center;background: #f1f1f1;}
.control .main .vtext .text{width: 80%; font-size: 20px;line-height: 40px;}
.control .main .vtext .text strong{font-size: 26px;font-weight: bolder;}


.rod{padding: 100px 0;}
.rod .main{width: 1200px;margin: 0 auto;}
.rod .main ul{display: flex;}
.rod .main ul li{width: 50%;display: flex;justify-content: center;align-items: center;}
.rod .main ul li img{width: 50%;display: block;}
.rod .main ul li .text{width: 90%;}
.rod .main ul li .text h3{font-size: 44px;line-height: 52px;font-weight: bold;}
.rod .main ul li .text p{font-size: 20px;line-height: 30px;margin-top: 30px;}
.rod .main ul li .text p strong{font-size: 26px;font-weight: bolder;}
.rod .main h4{font-size: 30px;line-height: 40px;margin-top: 80px;font-weight: bold;}
.rod .main ul.two{margin-top: 40px;display: flex;justify-content: space-between;}
.rod .main ul.two li{display: flex;justify-content: space-between;width: calc(50% - 10px);}
.rod .main ul.two li.last{flex-flow: column;}
.rod .main ul.two li .cc img{width: 100%;display: block;}

.vertical{width: 100%;margin-top: 40px;overflow: hidden;}
.vertical .main{width: 1200px;margin: 0 auto;}
.vertical .main h3{font-size: 44px;line-height: 50px;font-weight: bold;}
.vertical .main p{font-size: 20px;line-height: 30px;margin-top: 15px;color: #000;}
.vertical .main  .video{position: relative;margin-top: 30px;}
.vertical .main  .video video{width: 100%;display: block;}
.vertical .main  .video .icon-bg{
    width: 50px;
    height: 50px;
    position: absolute;
    bottom: 20px;
    right: 20px;
    border-radius: 30px;
    background: rgba(0,0,0,.5);
    display: flex;
    justify-content: center;
    align-items: center;
}
.vertical .main  .video .icon-bg .icon{
    width: 40px;
    height: 40px;
    border-radius: 20px;
    cursor: pointer;
}
.vertical .main  .video .icon-bg .icon.play{
    background: url(https://cdn.feiyu-tech.com/Index/vb4/images/icon-play.svg) center center no-repeat;
    background-size: 100% 100%;
    background-position: 50%;
}
.vertical .main  .video .icon-bg .icon.repeat{
    background: url(https://cdn.feiyu-tech.com/Index/vb4/images/icon-repeat.svg) center center no-repeat;
    background-size: 100% 100%;
    background-position: 50%;
}

.app{margin-top: 80px;}
.app .main{width: 1200px;margin: 0 auto;}
.app .main h3{font-size: 44px;line-height: 50px;font-weight: bold;}
.app .main .items{margin-top: 50px;}
.app .main .items h4{font-size: 30px;font-weight: bold;}
.app .main .items p{font-size: 20px;line-height: 30px;margin-top: 20px;}
.app .main .vlist{display: flex;justify-content: space-between;}
.app .main .vlist .video{width: calc(50% - 10px);}
.app .main  .video{position: relative;margin-top: 30px;}
.app .main  .video video{width: 100%;display: block;}
.app .main  .video .icon-bg{
    width: 50px;
    height: 50px;
    position: absolute;
    bottom: 20px;
    right: 20px;
    border-radius: 30px;
    background: rgba(0,0,0,.5);
    display: flex;
    justify-content: center;
    align-items: center;
}
.app .main  .video .icon-bg .icon{
    width: 40px;
    height: 40px;
    border-radius: 20px;
    cursor: pointer;
}
.app .main  .video .icon-bg .icon.play{
    background: url(https://cdn.feiyu-tech.com/Index/vb4/images/icon-play.svg) center center no-repeat;
    background-size: 100% 100%;
    background-position: 50%;
}
.app .main  .video .icon-bg .icon.repeat{
    background: url(https://cdn.feiyu-tech.com/Index/vb4/images/icon-repeat.svg) center center no-repeat;
    background-size: 100% 100%;
    background-position: 50%;
}
.app .main ul.icon{width: 100%;margin-top: 50px;display: flex;justify-content: space-between;}
.app .main ul.icon li{width: calc(14.28% - 5px);text-align: center;}
.app .main ul.icon li img{max-width: 80%;margin: 0 auto;display: block;}
.app .main ul.icon li h5{font-size: 21px;margin-top: 35px;font-weight: bold;}
.app .main ul.icon li p{font-size: 20px;margin-top: 20px;height: 54px;display: flex;justify-content: center;align-items: center;line-height: 22px;}

.app .variety{padding: 100px 0;background: #fbfbfb;margin-top: 100px;}
.app .variety h4{font-size: 30px;line-height: 40px;font-weight: bold;}
.app .variety p{font-size: 20px;line-height: 30px;margin-top: 30px;}
.app .variety .title{height: 40px;line-height: 40px;margin-top: 15px;font-size: 20px;line-height: 40px;display: flex;align-items: center;}
.app .variety .title span{display: inline-block;width: 30px;height: 30px;border-radius: 15px;border:2px solid #333;margin-right: 10px;}
.app .variety .valist{display: flex;justify-content: space-between;}
.app .variety .valist li{width: calc(50% -  10px);}

.match{padding: 100px 0;}
.match .main{width: 1200px;margin: 0 auto;}
.match .main h3{font-size: 44px;line-height: 50px;font-weight: bold;}
.match .main ul{display: flex;margin-top: 50px;}
.match .main ul li{width: 50%;}
.match .main ul li.ff{display: flex;flex-wrap: wrap;flex-flow: column;}
.match .main ul li img{width: 100%;display: block;}
.match .main ul li .cc{position: relative;}
.match .main ul li .cc .text{position: absolute;left: 5%;bottom: 0;height: 120px;width: 90%;}
.match .main ul li .cc .text h5{font-size: 22px;}
.match .main ul li .cc .text p{font-size: 20px;line-height: 24px;margin-top: 15px;}



.three{width: 100%;padding:100px 0 0;overflow: hidden;}
.three .header{width: 1200px;margin: 0 auto;}
.three .header h3{font-size: 44px;line-height: 50px;font-weight: bold;}
.three .header p{font-size: 20px;line-height: 30px;margin-top: 35px;}
.three .header p strong{font-size: 26px;}
.three .content{margin-top: 50px;position: relative;}
.three .content img{width: 100%;z-index: 1000;position: relative;display: block;}

.three .content  .video{position: absolute;width: 60.94%;top: 7.878%;left: 23.72%;z-index: 100;}

.three .content  .video video{width: 100%;border-radius: 60px;display: block;}
.three .content  .video .icon-bg{
    width: 50px;
    height: 50px;
    position: absolute;
    bottom: 40px;
    right: 40px;
    border-radius: 30px;
    background: rgba(0,0,0,.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1002;
}
.three .content  .video .icon-bg .icon{
    width: 40px;
    height: 40px;
    border-radius: 20px;
    cursor: pointer;
}
.three .content  .video .icon-bg .icon.play{
    background: url(https://cdn.feiyu-tech.com/Index/vb4/images/icon-play.svg) center center no-repeat;
    background-size: 100% 100%;
    background-position: 50%;
}
.three .content  .video .icon-bg .icon.repeat{
    background: url(https://cdn.feiyu-tech.com/Index/vb4/images/icon-repeat.svg) center center no-repeat;
    background-size: 100% 100%;
    background-position: 50%;
}
.three .mtext{width: 100%;position: absolute;top: 49.6%;left: 0;z-index: 1001;}
.three .mtext .main{width: 1200px;margin:0 auto;}
.three .mtext .main .item{width: 50%;}
.three .mtext .main .item h3{font-size: 44px;line-height: 50px;font-weight: bold;}
.three .mtext .main .item p{font-size: 20px;line-height: 30px;margin-top: 30px;}
.three .mtext .main .item p strong{font-size: 26px;}

.three .mtext .main .item .ccc{margin-top: 80px;}
.three .mtext .main .item .ccc ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.three .mtext .main .item .ccc ul li{width: 50%;}
.three .mtext .main .item .ccc ul li h5{font-size: 22px;display: bold;}
.three .mtext .main .item .ccc ul li .ui{display: flex;align-items: center;margin-top: 25px;}
.three .mtext .main .item .ccc ul li .ui img{width: 80px;margin-right: 15px;display: block;}
.three .mtext .main .item .ccc ul li .ui p{margin-top: 0;}
.three .mtext .main .item .ccc .ctitle{margin-top: 30px;font-size: 22px;}

.accessories{width: 100%;margin-top: 80px;position: relative;}
.accessories .main{width: 1200px;margin: 0 auto;}
.accessories img{width: 100%;display: block;}
.accessories .main h3{font-size: 44px;line-height: 50px;font-weight: bold;}
.accessories .main .content{background: #f8f8f8;margin-top: 30px;padding-bottom: 30px;}
.accessories .main .content ul{display: flex;justify-content: space-between;margin: 30px auto 0;}
.accessories .main .content ul li{width: 20%;text-align: center;}
.accessories .main .content ul li h5 span{width: 24px;height: 24px;line-height: 24px;text-align: center;background: #bbbbbb;color: #fff;display: block;border-radius: 12px;margin: 0 auto;}
.accessories .main .content ul li p{font-size: 20px;line-height: 30px;margin-top: 15px;}

.connect{margin-top: 80px;}
.connect .main{width: 1200px;margin: 0 auto;}
.connect .main h3{font-size: 44px;line-height: 50px;font-weight: bold;}
.connect .main p{font-size: 20px;line-height: 30px;margin-top: 20px;}
.connect .main p strong{font-size: 26px;}
.connect .main img{width: 100%;margin-top: 30px;display: block;}

.params{margin-top: 80px;padding-bottom: 100px;}
.params .main{width: 1200px;margin:0 auto;}
.params .main h3{font-size: 44px;line-height: 50px;font-weight: bold;}
.params .main .content{margin-top: 30px;background: #f0f0f0;padding: 30px 0;}
.params .main .content .cc{width: 90%;margin: 0 auto;display: flex;}
.params .main .content .cc .left{width: 24%;}
.params .main .content .cc .right{width: 76%;display: flex;justify-content: space-between;}
.params .main .content .cc .right .iv{width: calc(50% - 0.5px);}
.params .main .content .cc .item{height: 50px;line-height: 50px;text-align: center;font-size: 20px;}
.params .main .content .cc .item.first{background:#DFDFDF;color: #333;position: relative;}
.params .main .content .cc .item.second{background:#FFF;color: #333;}
.params .main .content .cc .item.none{background: none;}
.params .main .content .cc .lt{border-top-left-radius: 10px;}
.params .main .content .cc .rt{border-top-right-radius: 10px;}
.params .main .content .cc .lb{border-bottom-left-radius: 10px;}
.params .main .content .cc .rb{border-bottom-right-radius: 10px;}
.params .main .content .cc .item.tt{background: #8A8987;color: #fff;font-weight: bolder;}
.params .main .content .cc .item.first:not(:last-child):not(:first-child)::after{content: "";position: absolute;left: 10%;bottom:0;width: 80%;height: 1px;border-bottom: 1px dashed #ccc;}
.params .main .content .cc .item.mores{height: 80px;line-height: 30px;display: flex;align-items: center;justify-content: center;}


/*==========================================*/
.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){
    
}
@media (min-width:1441px) and (max-width: 1660px){
  
}
@media (max-width:1440px){
    .vb-header .logo img{width: 100px;}
    .vb-header .logo .text h3{font-size: 40px;}
    .vb-header .logo{left:calc(50% - 500px);}
    .app .main ul.icon li h5{font-size: 17px;}
    .app .main ul.icon li p{font-size: 16px;}
    .small .main,.three .header,.three .mtext .main,.control .main,.rod .main,.vertical .main,.app .main,.match .main,.accessories .main,.connect .main,.params .main{width: 1000px;}
    .small .main .text h3,.three .header h3,.control .main h3,.rod .main ul li .text h3,.vertical .main h3,.app .main h3,.match .main h3,
    .accessories .main h3,.connect .main h3,.params .main h3,.three .mtext .main .item h3{font-size: 40px;line-height: 1.5;}
    .app .main .items h4,.app .variety h4,.rod .main h4{font-size: 28px;}
    .params .main .content .cc .item{font-size: 18px;}
    .params .main .content .cc .left{width: 26%;}
    .params .main .content .cc .right{width: 74%;}
}
@media (max-width: 1280px){
    .vb-header .button a{width: 120px;height: 30px;line-height: 30px;font-size: 12px;border-radius: 15px;border:1px solid #333;}
    .vb-header .button a em{height: 30px;line-height: 28px;width: 90px;font-size: 12px;}
    .vb-header .button a span{width: 24px;height: 24px;margin-top: 2px;}
    .small .main .text h3,.three .header h3,.control .main h3,.rod .main ul li .text h3,.vertical .main h3,.app .main h3,.match .main h3,
    .accessories .main h3,.connect .main h3,.params .main h3,.three .mtext .main .item h3{font-size: 36px;line-height: 1.5;}
    .three .mtext .main .item ul li .ts h5{font-size: 20px;}
    .three .mtext .main .item ul li .ts p{font-size: 16px;}
    .small .main .text p,.three .header p,.three .mtext .main .item p,.control .main p,.rod .main ul li .text p,.vertical .main p,
    .app .main .items p,.app .main ul.icon li p,.app .variety p,.match .main ul li .cc .text p,.accessories .main .content ul li p,.connect .main p{font-size: 18px;line-height: 30px;}
    .control .main .vtext .text{font-size: 18px;line-height: 50px;}
    .app .main .items h4,.app .variety h4,.rod .main h4{font-size: 26px;}
    .app .variety .title{font-size: 18px;line-height: 34px;height: 34px;}
    .app .variety .title span{width: 24px;height: 24px;border-radius: 12px;}
    .params .main .content .cc .item{font-size: 18px;}
    .small .main .text p strong{font-size: 26px;}
    .app .main ul.icon li h5{font-size: 20px;}
    .app .main ul.icon li p{line-height: 20px;}
    .match .main ul li .cc .text{height: 110px;}
    .match .main ul li .cc .text p{line-height: 24px;}
    .three .mtext .main .item .ccc{margin-top: 50px;}
}