|
- body{
- background-color: #000A20 ;
- }
- /* 去掉全屏时显示的自带控制条 */
- /* video::-webkit-media-controls{
- display:none !important;
- } */
- .headBox{
- position:fixed;
- top: 0;
- left: 0;
- width: 100%;
- height: 80px;
- background-color: #000A20 ;
- overflow: hidden;
- z-index: 100000;
- padding-bottom: 10px;
- }
- .logo{
- float: left;
- margin-left: 60px;
- margin-top: 20px;
- width: 180px;
- height: 50px;
- background-color: transparent;
- }
- .mainBox{
- float: right;
- margin-right: 58px;
- margin-top: 35px;
- height: 20px;
- line-height: 17px;
- color: #fff;
- font-size: 18px;
- overflow: hidden;
- text-align: center;
- display: flex;
- flex-wrap:wrap;
- justify-content:space-between;
- width: 36%;
- }
- .mainBox div{
- cursor: pointer;
- }
- .space{
-
- margin: 0 60px;
- }
- /* .mainBox div{
- float: left;
- width: 72px;
- height: 17px;
- } */
- .hieBox{
- top: 0;
- left: 0;
- position: absolute;
- width: 100%;
- height: 100%;
- background-color: rgba(0, 0, 0, 0.3)
- }
- .videoBox{
- overflow: hidden;
- position: relative;
- }
- .titleBox{
- position: absolute;
- width: 100%;
- font-size: 80px;
- font-family: OPPOSans;
- font-weight: 400;
- color: #FFFFFF;
- top: 30%;
- left: 0;
- text-align: center;
- }
- .consult{
- position: absolute;
- left: 50%;
- top: 50%;
- transform: translate(-50%, -50%);
- width: 200px;
- height: 60px;
- line-height: 60px;
- background: #3ADDEF;
- text-align: center;
- color: #02172D;
- font-size: 20px;
- font-family: OPPOSans;
- font-weight: 500;
- border-radius: 6px;
- }
- .consult:hover {
- color: #fff;
- }
- .video1{
- width: 100%;
- height: 1080px;
- background: #000A20;;
- }
- .video2{
- width: 100%;
- height: 1080px;
- background: #000A20;;
- }
- .itemBox{
- width: 100%;
- height: 800px;
- background: #13161D;
- position: relative;
- overflow: hidden;
- margin-top: 20px;
- }
- .coverF{
- height: 60px;;
- }
- .textBox{
- position: absolute;
- top: 20%;
- left: 20%;
- width: 27%;
- }
- .title{
- /* width: 357px; */
- /* height: 69px; */
- font-size: 56px;
- font-family: OPPOSans;
- font-weight: 800;
- color: #3ADDEF;
-
- }
- .cover{
- margin: 20px 0;
- font-size: 56px;
- font-family: OPPOSans;
- font-weight: 800;
- color: #3ADDEF;
- text-align: center;
- }
- .fushou{
- margin-top: 38px;
- font-size: 26px;
- font-family: OPPOSans;
- font-weight: 500;
- color: #FFFFFF;
- }
- .miaosu{
- margin-top: 65px;
- font-size: 18px;
- font-family: Microsoft YaHei;
- font-weight: 400;
- color: #FFFFFF;
- line-height: 38px;
- }
- .item1{
- position: absolute;
- width: 30%;
- height: 337px;
- background: #13161D;
- opacity: 0.8;
- border-radius: 10px;
- top: 20%;
- right: 15%;
-
- }
- .suxian1{
- width: 8px;
- height: 522px;
- position: absolute;
- top: 86px;
- left: 20%;
- }
- .suxian2{
- width: 8px;
- height: 522px;
- position: absolute;
- top: 86px;
- right: 20%;
- }
- .suxian3{
- position: absolute;
- width: 66%;
- height: 8px;
- left: 16%;
- top: 559px
- }
- .name{
- margin-top: 126px;
- text-align: center;
- font-size: 72px;
- font-family: OPPOSans;
- font-weight: 800;
- color: #3ADDEF;
- }
- .dazao{
- margin-top: 34px;
- text-align: center;
- font-size: 22px;
- font-family: OPPOSans;
- font-weight: 400;
- color: #3ADDEF;
- }
- .dataText{
- margin: 56px auto;
- width: 54%;
- height: 176px;
- font-size: 18px;
- font-family: Microsoft YaHei;
- font-weight: 400;
- color: #FFFFFF;
- }
- .jieshao{
- width: 200px;
- height: 60px;
- background: #3ADDEF;
- margin: 146px auto;
- font-size: 20px;
- font-family: OPPOSans;
- font-weight: 500;
- color: #02172D;
- text-align: center;
- line-height: 60px;
-
-
- }
- .teamworkName{
- margin-top: 110px;
- text-align: center;
- font-size: 72px;
- font-family: OPPOSans;
- font-weight: 800;
- color: #000000;
- }
- .teamworkText{
- margin-top: 44px;
- text-align: center;
- font-size: 30px;
- font-family: Microsoft YaHei;
- font-weight: bold;
- color: #FFFFFF;
- }
- .teamworkP{
- margin-top: 10px;
- text-align: center;
- font-size: 18px;
- font-family: Microsoft YaHei;
- font-weight: bold;
- color: rgba(255, 255, 255, 0.5);
- }
- .teamworkBox{
- /* margin-top: 70px;
- margin-left: 359px; */
- margin: 5% auto;
- width: 1200px;
- display: flex;
- flex-wrap:wrap;
- justify-content:space-between;
-
- }
- .itemImg{
- width: 18%;
- height: 108px;
- background-color: #fff;
- margin-bottom: 20px;
- }
- .teamworkBoxtop{
- width: 100%;
- height: 730px;
- background: #13161D;
- position: relative;
- overflow: hidden;
- }
- .consultBox{
- /* height: 376px; */
- background: #1C1F26;
- overflow: hidden;
-
- }
- .wayBox{
- float: left;
- /* margin-left: 18%; */
- margin-top: 77px;
- }
- .zhixuantext{
- font-size: 16px;
- color: rgba(255, 255, 255, 0.5);
- margin-bottom: 10px;
- }
- .ph{
- font-size: 26px;
- font-family: OPPOSans;
- font-weight: 500;
- color: #FFFFFF;
- margin-bottom: 64px
- }
- .stieText{
- font-size: 16px;
- color: rgba(255, 255, 255, 0.5);
- margin-bottom: 10px;
- }
- .stie{
- font-size: 18px;
- font-family: OPPOSans;
- font-weight: 500;
- color: #FFFFFF;
- }
- .rqCodeBox{
- margin-top: 84px;
- width: 62%;
- float: left;
- margin-left:7%;
- display: flex;
- flex-wrap:wrap;
- justify-content:space-between;
-
- }
- .rq{
- width: 10rem;
- height: 10rem;
- background-color: #FFFFFF;
- }
- .rqBox p{
- text-align: center;
- margin-top: 20px;
- font-size: 16px;
- font-family: Microsoft YaHei;
- font-weight: 400;
- color: #FFFFFF;
- }
- .tail{
- height: 60px;
- line-height: 60px;
- text-align: center;
- background: #040405;
- font-size: 14px;
- font-family: Microsoft YaHei;
- font-weight: 400;
- color: #FFFFFF;
- }
|