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; } .logo{ float: left; margin-left: 60px; margin-top: 20px; width: 180px; height: 60px; background-color: #fff; } .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; }