body, html {
|
height: 100%;
|
width: 100%;
|
overflow: hidden;
|
background-image: url("../static/images/background.png");
|
background-size: cover;
|
background-repeat: no-repeat;
|
}
|
|
* {
|
list-style: none;
|
margin: 0;
|
padding: 0;
|
}
|
|
|
|
@font-face {
|
font-family: GOv1;
|
src: url(../font/G0v1.otf);
|
}
|
|
header {
|
width: 100%;
|
height: 60px;
|
position: absolute;
|
z-index: 1000;
|
}
|
|
.sys_date {
|
font-weight: 600;
|
position: absolute;
|
left: 20px;
|
bottom: 0px;
|
width: 260px;
|
height: 60px;
|
line-height: 80px;
|
color: #fff;
|
font-size: 24px;
|
font-family: GOv1;
|
letter-spacing: 2px;
|
}
|
|
.time {
|
display: inline-block;
|
width: 90px;
|
height: 60px;
|
margin-right: 10px;
|
}
|
|
.date {
|
display: inline-block;
|
width: 150px;
|
height: 60px;
|
}
|
|
.logo {
|
width: 60%;
|
min-width: 1000px;
|
height: 60px;
|
/*background-image: url("../static/images/logo.png");
|
background-size: 100%;
|
background-repeat: no-repeat;*/
|
margin: auto;
|
}
|
|
.vis {
|
float: left;
|
line-height: 80px;
|
width: 155px;
|
height: 60px;
|
}
|
|
.user {
|
float: right;
|
line-height: 100px;
|
width: 35px;
|
height: 60px;
|
}
|
|
.vis_user {
|
font-weight: 600;
|
position: absolute;
|
right: 20px;
|
bottom: 0px;
|
width: 200px;
|
height: 60px;
|
color: #fff;
|
font-size: 20px;
|
font-family: GOv1;
|
letter-spacing: 2px;
|
}
|
|
.sys_user {
|
display: inline-block;
|
width: 35px;
|
height: 35px;
|
background-image: url("../static/images/user.png");
|
background-size: cover;
|
background-repeat: no-repeat;
|
cursor: pointer;
|
}
|
|
.container {
|
width: 100%;
|
height: 100%;
|
position: absolute;
|
}
|
|
.Newleft {
|
height: 100%;
|
width: 20%;
|
float: left;
|
margin-top: 90px;
|
}
|
|
.container_lf {
|
padding-left: 20px;
|
box-sizing: border-box;
|
}
|
|
|
.Newright {
|
width: 20%;
|
height: 100%;
|
float: left;
|
margin-top: 90px;
|
}
|
|
.container_rg {
|
position: relative;
|
padding-right: 20px;
|
box-sizing: border-box;
|
}
|
|
.container_rg_box {
|
position: absolute;
|
right: 20px;
|
width: 378px;
|
height: 100%;
|
}
|
|
.Industry, .Handle {
|
margin-bottom: 5%;
|
}
|
|
.Industry title {
|
display: inline-block;
|
float: right;
|
margin-bottom: 5%;
|
width: 170px;
|
height: 40px;
|
background-image: url("../static/images/Industry.png");
|
background-size: cover;
|
background-repeat: no-repeat;
|
}
|
|
.Handle title {
|
display: inline-block;
|
float: right;
|
margin-bottom: 5%;
|
width: 170px;
|
height: 40px;
|
background-image: url("../static/images/Handle.png");
|
background-size: cover;
|
background-repeat: no-repeat;
|
}
|
|
#Industry_content, #Handle_content {
|
position: relative;
|
clear: both;
|
width: 378px;
|
height: 256px;
|
background-image: url("../static/images/box_right.png");
|
background-size: cover;
|
background-repeat: no-repeat;
|
}
|
|
#Handle_content > div:first-child {
|
z-index: 999;
|
}
|
|
.satellite title {
|
display: inline-block;
|
width: 170px;
|
height: 40px;
|
background-image: url("../static/images/satellite.png");
|
background-size: cover;
|
background-repeat: no-repeat;
|
}
|
|
#satellite_content_top {
|
margin-top: 30px;
|
}
|
|
#satellite_content_bottom {
|
margin-top: 45px;
|
}
|
|
#satellite_content_top, #satellite_content_bottom {
|
position: relative;
|
width: 378px;
|
height: 550px;
|
background-image: url("../static/images/box_left1.png");
|
background-size: 100% 100%;
|
background-repeat: no-repeat;
|
}
|
|
.satellite_res {
|
position: absolute;
|
/*top: 22px;*/
|
top: 25px;
|
right: 25px;
|
color: #fff;
|
font-size: 14px;
|
}
|
|
.satellite_res li {
|
margin-bottom: 12.5px;
|
height: 20px;
|
}
|
|
.satelliteB_res {
|
position: absolute;
|
top: 22px;
|
right: 10px;
|
}
|
|
.satelliteB_lf, .satelliteB_rg {
|
float: left;
|
width: 69px;
|
height: 40px;
|
}
|
|
.satelliteB_lf {
|
background-image: url("../static/images/satelliteB_lf.png");
|
background-repeat: no-repeat;
|
background-position: right;
|
margin-right: 8px;
|
}
|
|
.satelliteB_rg {
|
}
|
|
.satelliteB_lf_t, .satelliteB_rg_t {
|
color: #00a1e4;
|
font-weight: bold;
|
font-size: 28px;
|
}
|
|
.satelliteB_lf_b, .satelliteB_rg_b {
|
color: #fff;
|
font-size: 14px;
|
margin-left: 6px;
|
}
|
|
.typical_case title {
|
display: inline-block;
|
float: right;
|
margin-bottom: 20px;
|
width: 170px;
|
height: 40px;
|
background-image: url("../static/images/typical.png");
|
background-size: cover;
|
background-repeat: no-repeat;
|
}
|
|
#typical_case_content {
|
position: relative;
|
clear: both;
|
width: 378px;
|
height: 80px;
|
margin-top: 15px;
|
background-image: url("../static/images/right03.png");
|
background-size: cover;
|
background-repeat: no-repeat;
|
cursor: pointer;
|
}
|
|
#typical_case_content span {
|
font-family: GOv1;
|
color: #fff;
|
font-size: 50px;
|
position: absolute;
|
top: 13px;
|
right: 40px;
|
}
|
|
#typical_case_content:hover {
|
background-color: rgba(107,107,107,0.5);
|
}
|
|
.td_case {
|
width: 100%;
|
margin-top: 30px;
|
}
|
|
.td_case title {
|
display: inline-block;
|
width: 170px;
|
height: 40px;
|
background-image: url("../static/images/td_case.png");
|
background-size: cover;
|
background-repeat: no-repeat;
|
}
|
|
#td_case_content {
|
position: relative;
|
width: 378px;
|
height: 80px;
|
margin-top: 25px;
|
background-image: url("../static/images/left03.png");
|
background-size: cover;
|
background-repeat: no-repeat;
|
cursor: pointer;
|
}
|
|
#td_case_content span {
|
font-family: GOv1;
|
color: #fff;
|
font-size: 50px;
|
position: absolute;
|
top: 13px;
|
left: 40px;
|
}
|
|
#td_case_content:hover {
|
background-color: rgba(107,107,107,0.5);
|
}
|
|
.NewCenter {
|
position: relative;
|
width: 60%;
|
height: 90%;
|
float: left;
|
margin-top: 60px;
|
}
|
|
.earth {
|
height: 100%;
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
/*background-image: url("../static/images/earth.gif");
|
background-size: 100%;
|
background-position: center;
|
background-repeat: no-repeat;*/
|
}
|
|
.earth img {
|
position: relative;
|
width: 100%;
|
height: 100%;
|
background-repeat: no-repeat;
|
}
|
|
menu {
|
width: 880px;
|
height: 75px;
|
position: fixed;
|
bottom: 27px;
|
left: 47%;
|
margin-left: -375px;
|
background-image: url("../static/images/menu.png");
|
background-size: 100%;
|
background-repeat: no-repeat;
|
z-index: 999;
|
}
|
|
menu ul {
|
margin-left: 30px;
|
}
|
|
menu p {
|
width: 90px;
|
height: 90px;
|
margin: 5px auto;
|
background-size: 100%;
|
background-repeat: no-repeat;
|
margin-bottom: 5px;
|
cursor: pointer;
|
}
|
|
menu p:hover {
|
transform: scale(1.1);
|
}
|
|
menu span {
|
text-align: center;
|
width: 100%;
|
display: inline-block;
|
}
|
|
.data_manage {
|
background-image: url("../static/images/data_manage.png");
|
}
|
|
.auto_process {
|
background-image: url("../static/images/auto_process.png");
|
}
|
|
.intel_applica {
|
background-image: url("../static/images/intel_applica.png");
|
}
|
|
.td_display {
|
background-image: url("../static/images/td_display.png");
|
}
|
|
.super_plat {
|
background-image: url("../static/images/super_plat.png");
|
}
|
|
.evenment_anylise{
|
background-image: url("../static/images/enviment-analyse.png");
|
}
|
|
|
menu li {
|
float: left;
|
width: 120px;
|
height: 100px;
|
font-size: 17px;
|
color: #fff;
|
margin: -50px 0px 0px 15px;
|
}
|
|
footer {
|
width: 100%;
|
height: 25px;
|
background-color: rgba(0,0,0,.7);
|
position: fixed;
|
bottom: 0px;
|
color: #fff;
|
line-height: 25px;
|
padding-left: 20px;
|
font-size: 14px;
|
}
|
|
.Handle_res {
|
position: absolute;
|
top: 0px;
|
left: 46px;
|
}
|
|
.Handle_res li {
|
width: 300px;
|
height: 6px;
|
padding-top: 90px;
|
}
|
|
.Handle_res_lf {
|
color: #fff;
|
font-size: 14px;
|
margin-right: 10px;
|
}
|
|
.Handle_res_rg0 {
|
color: #0770f2;
|
font-family: GOv1;
|
font-weight: bold;
|
font-size: 30px;
|
}
|
|
.Handle_res_rg1 {
|
color: #05af99;
|
font-family: GOv1;
|
font-weight: bold;
|
font-size: 30px;
|
}
|
|
.Handle_res_icon0, .Handle_res_icon1 {
|
display: inline-block;
|
width: 40px;
|
height: 40px;
|
background-size: 100%;
|
background-repeat: no-repeat;
|
margin-bottom: -10px;
|
margin-right: 14px;
|
}
|
|
.Handle_res_icon1 {
|
background-image: url("../static/images/Handle_res_icon1.png");
|
}
|
|
.Handle_res_icon0 {
|
background-image: url("../static/images/Handle_res_icon0.png");
|
}
|
