/*全局控制栏*/
body{ margin: 0; 
background-image: url(../images/Homebodybg.jpg); 
    background-repeat: no-repeat;    
	background-size: 100% 100%;}
a{ text-decoration: none;}
.clear{clear: both}
img{border: none}

.error-msg{
	display: none;
}

/*标题*/
.Hometitlebox{
	width: 998px;
	height: 75px;
	margin: auto;
	background-image: url(../images/Hometitlebg.png);
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
	font-size: 38px;
	line-height: 73px;
	color: #FFFFFF;
	font-weight: bold;
	letter-spacing: 3px;
	font-family: "微软雅黑";
}

/*动效栏*/
.flasheffectoutbox{
	z-index:100; /* margin-top: -55px; background-image: url("../images/prevention/chain_bg.png"); */
	background-repeat: no-repeat;
	background-position: center;
	float: left;
	margin-right: 30px;
	margin-left: 30px;
}
.circleeffectclass{
	border-radius: 50%;
	width: 120px;
	height: 120px;
	border: 3px solid rgba(210,255,195,0.5);
}
.effectposition{ position: absolute;}
.acrossremindeffectout{ background-color: rgba(0,150,20,0.4); border-radius: 50%;}
.acrossremindeffectoutho{ background-color: rgba(0,126,255,0.15);}
.acrossremindeffectin{ background-color: rgba(0,150,20,0.3); border-radius: 50%; margin: auto;}
.acrossremindeffectinho{ background-color: rgba(0,126,255,0.45);}
.stagetitle{
	color: #FFFFFF;
	font-size: 18px;
	font-family: "微软雅黑";
	font-weight: bold;
	text-align: center;
	width: 120px;
	display: block;
	margin-top: 125px;
}
.stagearoundtitle{left: -25%;top:85px;}

.line{position: absolute;transform-origin:left;animation-iteration-count:infinite}
.line2{z-index: 1;left: 330px;top: 183px;width: 0;height: 3px;transform: rotate(21deg);animation: mm2 4s ;
    animation-delay:2s;animation-iteration-count:infinite;
    background-image: url("../images/linght_ef.png");
    background-repeat: no-repeat;
    background-position: 100%;
}
.line3{z-index: 1;left: 262px;top: 351px;width: 0;height: 3px;transform: rotate(-25deg);animation: mm 5s ;
    animation-delay:4s;animation-iteration-count:infinite;
    background-image: url("../images/linght_ef.png");
    background-repeat: no-repeat;
    background-position: 100%;

}
.line4{z-index: 1;left: 638px;top: 141px;width: 0;height: 3px;transform: rotate(-211deg);animation: mm4 3s  ;
    animation-delay:3s;animation-iteration-count:infinite;
    background-image: url("../images/linght_ef.png");
    background-repeat: no-repeat;
    background-position: 100%;
}
.line5{z-index: 1;left: 679px;top: 289px;width: 0;height: 3px;transform: rotate(-172deg);animation: mm5 5s  ;animation-delay:1s;
    animation-iteration-count:infinite;
    background-image: url("../images/linght_ef.png");
    background-repeat: no-repeat;
    background-position: 100%;
}
.line6{z-index: 1;left: 537px;top: 373px;width: 0;height: 3px;transform: rotate(-116deg);animation: mm6 4s  ;animation-delay:0s;
    animation-iteration-count:infinite;
    background-image: url("../images/linght_ef.png");
    background-repeat: no-repeat;
    background-position: 100%;
}
/*主动效*/
.maindataeffect{ animation: scrolleffect 6.5s infinite linear;}
.maindataspecialeffectct{animation: maindataspecialeffect 0.6s forwards;}
@keyframes scrolleffect {
    0%{transfrom: rotate(0deg);}
    25%{transform: rotate(90deg);}
    50%{transform: rotate(180deg);}
    75%{transform: rotate(270deg);}
    100%{transform: rotate(360deg);}
}
@keyframes maindataspecialeffect {
    0%{transform: rotate(0deg);}
    100%{transform: rotate(360deg);}
}

/*卫星动效*/
.aroundfunctioneffect{ width: 76px; height: 76px;}
.acrossremindeffectoutard{width: 60px; height: 60px; margin: 8px;}
.acrossremindeffectinard{width: 54px; height: 54px; margin: 3px;}
.arounddataeffect01{ animation: scrolleffectarround01 linear infinite 4s forwards;}
.arounddataeffect02{ animation: scrolleffectarround01 linear infinite 3.8s forwards;}
.arounddataeffect03{ animation: scrolleffectarround01 linear infinite 4.2s forwards;}

@keyframes scrolleffectarround01 {
    0%{transfrom: rotate(0deg);}
    25%{transform: rotate(-90deg);}
    50%{transform: rotate(-180deg);}
    75%{transform: rotate(-270deg);}
    100%{transform: rotate(-360deg);}
}

/*修饰卫星*/
.decarround01{ width: 37px; height: 37px; cursor: auto;}
.decarroundin01{ width: 33px; height: 33px; margin: 2px;background-color: rgba(0,126,255,0.8);}
.decarroundin01:hover{ background-color: rgba(0,126,255,0.9);}
.decarround02{ width: 27px; height: 27px; cursor: auto;}
.decarroundin02{ width: 23px; height: 23px; margin: 2px;background-color: rgba(0,126,255,0.7);}
.decarroundin02:hover{ background-color: rgba(0,126,255,0.8);}

/*悬浮信息*/
.fltoutbox{width: 100%; /* position: absolute; */ background-repeat: no-repeat; background-position: center; background-position-y: 0px;}
.leftbox{ left: 2%; top: 6%; background-image: url("../img/fltleftbg.png");}
.rightbox{ right: 2%; top: 6%; background-image: url("../img/fltrightbg.png");width: 100%;height: 70%;}
.analyzedatashowtitle{ line-height: 44px; color: #dfdede; font-size: 14px;  margin-left: 16px; display: block;font-weight: bold}
.analyzemsgbgbox{ background-color: rgba(0,168,255,0.2); width: 280px; height: 260px; position: relative;}
.fltdecarround{width: 8px;height: 8px; position: absolute;}
.fltdecarroundtop{ top:-1px; border-top: #00a8ff 3px solid;}
.fltdecarroundright{ right:-1px; border-right: #00a8ff 3px solid;}
.fltdecarroundbottom{ bottom:-1px; border-bottom: #00a8ff 3px solid;}
.fltdecarroundleft{ left:-1px; border-left: #00a8ff 3px solid;}

/*弹出信息*/
.analyzepopupbox{ width: 1000px;height: 680px; background-color: rgba(0,8,12,0.75);position: fixed; top: 100px; overflow-y: scroll;}
.popupboxtitlebox{ height: 30px;width: 1000px; background-color: #64a6d4;  position: fixed;top: 100px;z-index: 100;}
.popupboxtitlemsg{font-size: 16px; color: white; font-weight: bold; line-height: 30px; margin-left: 10px;}
.popupboxclose{ width: 16px; height: 16px; background-image: url("../img/popupboxclosebtn01.png"); float: right; margin-right: 9px; margin-top: 6px; cursor: pointer;}
.popupboxclose:hover{ background-image: url("../img/popupboxclosebtn02.png");}

.popupboxmsgoutbox{ height: 314px; width: 980px; margin: auto;border-bottom: #00b6cc 2px solid;}
.popupboxmsgboxhlf{ padding-top: 20px; float: left; width: 479px; margin-left: 10px;}
.popupboxmsgboxcrs{ padding-top: 20px;}
.popupboxmsgtitle{font-size: 14px; font-weight: bold; color: #00e4ff;}
.popupboxdata{ color: #fffc00;}

.popuofunxtionbox{width: 1000px; margin: auto; position: relative; display: none;}

/*标题*/
.title_1{
	color: #66FF00;
	font-family: "微软雅黑";
	font-size: 22px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #4B9427;
	padding-bottom: 2px;
	margin-left: 35px;
	margin-bottom: 8px;
	text-indent: 5px;
	margin-right: 35px;
	background-image: url(../images/title_bg.png);
	background-repeat: no-repeat;
	background-position: left;
	padding-top: 1px;
}

/*版权*/
.copyrigntoutbox{
	position: fixed;
	bottom: 0px;
	width: 100%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	text-align: center;
	color: #80EEDE;
	font-size: 14px;
	font-family: "微软雅黑";
	line-height: 35px;
	height: 35px;
	background-image: url(../images/copyrig.png);
	background-repeat: repeat;
}
.copyrigntoutbox a{
	color: #80EEDE;
	font-size: 14px;
}


/*导航样式*/
.navigation{
	width: 100%;
	margin-top: 12%;

}
.box{
	width: 1360px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.box ul li{
	width: 280px;
	height: 140px;
	float: left;
	text-align: center;
	margin-right: 29px;
	margin-left: 29px;
	border: 1px solid #FFFFFF;
	margin-top: 40px;
	list-style-type: none;
	 border-radius: 10px;
	 background-color: rgba(0,0,0,0.2);
	 box-shadow: 3px 3px 3px rgba(0,0,0,0.5);
}
.box ul li:hover{
	box-shadow: 2px 2px 8px rgba(0,0,0,0.8);
	transition: all .6s ease-out;
	border: 1px solid #19D700;
	background-color: rgba(255,255,255,0.8);;
}
.box ul li h3{
	color: #FFFFFF;
	font-size: 24px;
	margin-right: auto;
	margin-left: auto;
	font-weight: normal;
	float: left;
	line-height: 140px;
}
.box ul li img{
	margin-top: 35px;
	cursor:pointer;
	transition:all .6s; 	
	height: 70px;
	width: 70px;
	float: left;
	margin-right: 17px;
	margin-left: 25px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
.box ul li:hover img{
	cursor:pointer;
	transform:scale(1.2);
}
.box ul li:hover h3{
	color:#008309;
	cursor:pointer;
	transform:scale(1.05);
}
.box ul li:hover h3 a{
	color:#008309;
}


.menu{
	width: 1000px;
	margin-top: 150px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.menu ul li{
	width: 400px;
	height: 130px;
	text-align: center;
	border: 2px solid #FFFFFF;
	margin-top: 90px;
	list-style-type: none;
	border-radius: 10px;
	box-shadow: 3px 3px 3px rgba(0,0,0,0.5);
	float: left;
	margin-right: 48px;
	margin-left: 48px;
	background-position: right;
}
.menu ul li:hover{
	box-shadow: 2px 2px 8px rgba(0,0,0,0.8);
	transition: all .6s ease-out;
	border: 2px solid #19D700;
	background-color: #FFFFFF;
}
.menu ul li h3{
	color: #333333;
	font-size: 35px;
	margin-right: auto;
	margin-left: auto;
	font-weight: normal;
	float: left;
	line-height: 130px;
	transition:all .6s; 
}
.menu ul li img{
	margin-top: 30px;
	cursor:pointer;
	transition:all .6s; 	
	height: 70px;
	width: 70px;
	float: left;
	margin-right: 20px;
	margin-left: 25px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
.menu ul li:hover img{
	cursor:pointer;
	transform:scale(1.1);
}
.menu ul li:hover h3{
	color:#008309;
	cursor:pointer;
	transform:scale(1.1);
}