/*css by magic.c 2023.5 QQ86769799*/

.top-video{position:relative;height:100vh;width:100%;overflow:hidden;}
.top-video:after{position:absolute;content:'';height:100vh;width: 100%;background: rgba(9,10,20,0.85);top:0;left:0;}
.top-video video{position:absolute;left:-5%;top:0;width:105%;height:auto;}

.main{position:absolute;width:100%;z-index:1;left:0;top:60%;margin-top:-390px;}
.main .text-box{width:100%;}
.main .logo{background:url('/images/qlylogo.png');width:300px;height:75px;background-size: cover;text-indent:-999em;margin-left:auto;margin-right:auto;}
.main .info{color:rgba(255,255,255,0.6);display: inline-block;font-size:22px;}

.main .list-box{width:100%;}
.main .list-box .item{width: 100%;text-align: center;}
.main .list-box .item .name{color: #fff;margin-top:26px;font-size: 25px;}
.main .list-box .item .desp{color: #FCFCFC;margin-top:15px;font-size:16px;opacity:0.8;font-weight: 200;}
.main .list-box .item img{width: 100%;}

.btn-box{width:100%;text-align: center;}
.btn-box .btn{padding-top:500px;border-radius:10px;padding:15px 70px;background:#ffda0c;font-size:20px;font-weight: bold;color:rgba(9,10,20,1);transition: all ease 0.15s;}
.btn-box .btn:hover{background:#333;color: #fff;}

.footer{background: rgba(0,0,0);padding-bottom:50px;color:#C2C2C2;padding-top:50px;}
.footer a{color: #C2C2C2;transition: all ease 0.15s;}
.footer a:hover{color: #999;text-decoration: none;}