@charset "utf-8";
/* home page style */
.control_main{ background:url(../images/home/bg_Content_Area.png) no-repeat; width:1232px; height:519px; margin-left:24px ;}
.run_status{ float:left; width:617px; height:517px; position:relative;}
.run_status h2{ color:#333; font-size:24px; padding:24px 0 0 30px; height:76px;}
.run_status .cirque{ height:360px; width:100%; position:relative;}
.run_status .mengban{height:360px; width:100%; position:absolute; top:0; left:0; z-index:9999;}
.run_status .mengban a{ display: block;height:360px; width:100%;}

/*圆形旧样式

.run_status .cirque p{ position:absolute;}
.run_status .cirque p.cir_text i{ font-style:normal;}
.run_status .cirque p.cir_text{
	z-index: 100;
	width: 200px;
	height: 100px;
	top: 129px;
	left: 224px;
	text-align: center;
}
.run_status .cirque p.cir_p1{
	background: url(../images/home/35p_error.png) no-repeat;
	width: 279px;
	height: 171px;
	top: 7px;
	left: 208px;
}
.run_status .cirque p.cir_p2{
	background: url(../images/home/15p_stop.png) no-repeat;
	width: 113px;
	height: 147px;
	top: 39px;
	left: 140px;s
	z-index: 99;
}
.run_status .cirque p.cir_p3{
	background: url(../images/home/50p_running.png) no-repeat;
	width: 346px;
	height: 177px;
	top: 174px;
	left: 149px;
}

.run_status .cirque p.cir_p4{
	background: url(../images/home/inner_ring.png) no-repeat;
	height: 234px;
	width: 234px;
	top: 60px;
	left: 207px;
}*/

.cir_line1,.cir_line2,.cir_line3{ width:99px; height:21px;}
.cir_line1{
	background: url(../images/home/error.png) no-repeat;
	top: 62px;
	left: 466px;
}

.run_status .cirque p.site1{
	top: 10px;
	left: 487px;
}

.cir_line2{
	background: url(../images/home/stop.png) no-repeat;
	top: 94px;
	left: 58px;
}

.run_status .cirque p.site2{
	top: 40px;
	left: 58px;
}

.cir_line3{
	background: url(../images/home/running.png) no-repeat;
	top: 263px;
	left: 82px;
}

.run_status .cirque p.site3{
	top: 230px;
	left: 82px;
}
.run_status .cirque p b{ font-size:40px; font-weight:normal;}
.run_status .cirque p b.yellow{ color:#fcbd15;}
.run_status .cirque p b.gray{ color:#666;}
.run_status .cirque p b.blue{ color:#1f72cc;}

.run_status .cirque p span{ font-size:20px; color:#999;}
/*=========================================================*/
/*圆形样式*/
#cirque{ height:360px; width:360px; margin-left:140px; margin-top:10px; position:relative; background:url(../images/home/cirque/yingyeng.png) no-repeat top;}

#cirque p{ position:absolute;}
#cirque p.cir_text i{ font-style:normal;}
#cirque p.cir_text{
	z-index:100;
	width:200px;
	height:100px;
	top:135px;
	left:80px;
	text-align: center;
}

[class^='number-'],
[class*='number-']{width:130px; padding-bottom:21px;}


#cirque p.number-1{background: url(../images/home/left_1.png) no-repeat bottom left;height:85px;left:60px;top:-50px; }

#cirque p.number-2{background: url(../images/home/left_2.png) no-repeat bottom left;left:-53px;top:0;}

#cirque p.number-3{background: url(../images/home/left_3.png) no-repeat bottom left;height:70px;left:-90px;top:115px;}

#cirque p.number-4{background: url(../images/home/left_4.png) no-repeat bottom left;height: 63px;left: -60px;top: 245px;}

#cirque p.number-5{background: url(../images/home/left_5.png) no-repeat bottom left;height: 58px;left: 0px;top: 310px;}

#cirque p.number-6{background: url(../images/home/right_5.png) no-repeat bottom left; text-align:right; height: 58px;left:240px;top: 310px;}

#cirque p.number-7{background: url(../images/home/right_4.png) no-repeat bottom left; text-align:right; height: 65px;left:310px;top: 243px;}

#cirque p.number-8{background: url(../images/home/right_3.png) no-repeat bottom left; text-align:right; height: 73px;left:342px;top: 115px;}

#cirque p.number-9{background: url(../images/home/right_2.png) no-repeat bottom left; text-align:right;height:80px; left:315px;top:7px;}

#cirque p.number-0{background: url(../images/home/right_1.png) no-repeat bottom left; text-align:center;height:85px;left:230px;top:-50px;}

#cirque p b{ font-size:40px; font-weight:normal;}
#cirque p b.yellow{ color:#fcbd15;}
#cirque p b.gray{ color:#666;}
#cirque p b.blue{ color:#1f72cc;}

#cirque p span{ font-size:20px; color:#999;}

#cirque_gray,
#cirque_blue,
#cirque_yellow{height:360px; width:360px; position:absolute;}
#cirque_gray{ z-index:300;}
#cirque_yellow{ z-index:200;}
#cirque_blue{ z-index:100;}

#cirque_gray p,
#cirque_blue p,
#cirque_yellow p{ position:absolute;}

#cirque_gray .cir_p1,
#cirque_gray .cir_p2,
#cirque_gray .cir_p3,
#cirque_gray .cir_p4,
#cirque_gray .cir_p5,
#cirque_gray .cir_p6,
#cirque_gray .cir_p7,
#cirque_gray .cir_p8,
#cirque_gray .cir_p9,
#cirque_gray .cir_p10{width:360px;height:360px;top:0;left:0;}
#cirque_gray .cir_p1{ background:url(../images/home/cirque/gray-01.png) no-repeat;}
#cirque_gray .cir_p2{ background:url(../images/home/cirque/gray-02.png) no-repeat;}
#cirque_gray .cir_p3{ background:url(../images/home/cirque/gray-03.png) no-repeat;}
#cirque_gray .cir_p4{ background:url(../images/home/cirque/gray-04.png) no-repeat;}
#cirque_gray .cir_p5{ background:url(../images/home/cirque/gray-05.png) no-repeat;}
#cirque_gray .cir_p6{ background:url(../images/home/cirque/gray-06.png) no-repeat;}
#cirque_gray .cir_p7{ background:url(../images/home/cirque/gray-07.png) no-repeat;}
#cirque_gray .cir_p8{ background:url(../images/home/cirque/gray-08.png) no-repeat;}
#cirque_gray .cir_p9{ background:url(../images/home/cirque/gray-09.png) no-repeat;}
#cirque_gray .cir_p10{ background:url(../images/home/cirque/gray-10.png) no-repeat;}

#cirque_blue .cir_p1,
#cirque_blue .cir_p2,
#cirque_blue .cir_p3,
#cirque_blue .cir_p4,
#cirque_blue .cir_p5,
#cirque_blue .cir_p6,
#cirque_blue .cir_p7,
#cirque_blue .cir_p8,
#cirque_blue .cir_p9,
#cirque_blue .cir_p10{width:360px;height:360px;top:0;left:0;}
#cirque_blue .cir_p1{ background:url(../images/home/cirque/blue-01.png) no-repeat;}
#cirque_blue .cir_p2{ background:url(../images/home/cirque/blue-02.png) no-repeat;}
#cirque_blue .cir_p3{ background:url(../images/home/cirque/blue-03.png) no-repeat;}
#cirque_blue .cir_p4{ background:url(../images/home/cirque/blue-04.png) no-repeat;}
#cirque_blue .cir_p5{ background:url(../images/home/cirque/blue-05.png) no-repeat;}
#cirque_blue .cir_p6{ background:url(../images/home/cirque/blue-06.png) no-repeat;}
#cirque_blue .cir_p7{ background:url(../images/home/cirque/blue-07.png) no-repeat;}
#cirque_blue .cir_p8{ background:url(../images/home/cirque/blue-08.png) no-repeat;}
#cirque_blue .cir_p9{ background:url(../images/home/cirque/blue-09.png) no-repeat;}
#cirque_blue .cir_p10{ background:url(../images/home/cirque/blue-10.png) no-repeat;}

#cirque_yellow .cir_p1,
#cirque_yellow .cir_p2,
#cirque_yellow .cir_p3,
#cirque_yellow .cir_p4,
#cirque_yellow .cir_p5,
#cirque_yellow .cir_p6,
#cirque_yellow .cir_p7,
#cirque_yellow .cir_p8,
#cirque_yellow .cir_p9,
#cirque_yellow .cir_p10{width:360px;height:360px;top:0;left:0;}
#cirque_yellow .cir_p1{ background:url(../images/home/cirque/yellow-01.png) no-repeat;}
#cirque_yellow .cir_p2{ background:url(../images/home/cirque/yellow-02.png) no-repeat;}
#cirque_yellow .cir_p3{ background:url(../images/home/cirque/yellow-03.png) no-repeat;}
#cirque_yellow .cir_p4{ background:url(../images/home/cirque/yellow-04.png) no-repeat;}
#cirque_yellow .cir_p5{ background:url(../images/home/cirque/yellow-05.png) no-repeat;}
#cirque_yellow .cir_p6{ background:url(../images/home/cirque/yellow-06.png) no-repeat;}
#cirque_yellow .cir_p7{ background:url(../images/home/cirque/yellow-07.png) no-repeat;}
#cirque_yellow .cir_p8{ background:url(../images/home/cirque/yellow-08.png) no-repeat;}
#cirque_yellow .cir_p9{ background:url(../images/home/cirque/yellow-09.png) no-repeat;}
#cirque_yellow .cir_p10{ background:url(../images/home/cirque/yellow-10.png) no-repeat;}

/*==================*/
.run_status ul{ margin:20px 0 0 138px;}
.run_status ul li{ float:left; padding-right:30px;  padding-left:22px;font-size:20px; color:#666}
.run_status ul li.ico_c1{ background:url(../images/home/green_running.png) no-repeat 0 9px; }
.run_status ul li.ico_c2{ background: url(../images/home/yellow_error.png) no-repeat 0 9px; }
.run_status ul li.ico_c3{ background:url(../images/home/gray_stop.png) no-repeat 0 9px; }
.daydate{ float:right; height:517px; width:614px;}
.daydate_top{ width:100%; height:201px;position:relative;}
.daydate_top .date_en{ position:absolute; left:0; top:0; text-align:center; font-size:24px; color:#333; width:306px; height:65px; line-height:65px;}
.daydate_top .date_num{ position:absolute;top:67px; left:0; text-align:center; width:306px; height:134px; }
.daydate_top .date_num p{color:#1F72CC; font-size:66px; margin:0; padding:0; height:85px;}
.daydate_top .date_num span{ display:block; font-size:18px; color:#666;}

.daydate_top .time{ position:absolute; right:0; top:0; width:306px; height:201px; text-align:center;}
.daydate_top .time p{ display:block; padding-top:65px; height:125px; font-size:50px; color:#333;}
.daydate_top .time span{ display:block; font-size:18px; color:#666;}

.daydate_down{ width:100%;position:relative; height:312px; margin-top:5px;}
.daydate_down h2{ padding:0; margin:0; height:54px; line-height:54px; padding-left:58px; font-size:24px; color:#333; }

.daydate_down .events_num{ position:absolute; left:0; top:56px; width:295px; height:182px;}
.daydate_down .events_num p{ padding:10px 0 0 132px; font-size:82px; color:#1f72cc; height:105px;}
.daydate_down .events_num span{ color:#666; font-size:18px; display:block; padding-left:118px;}

.daydate_down .timetable{ padding-top:12px; position:relative; width:318px; float:right;height: 186px;overflow:hidden;}
.daydate_down .timetable p{ position:relative; display:block; height:25px; font-size:18px; color:#666; line-height:25px; padding-left:50px;}
.daydate_down .timetable p span{display: inline-block;width: 134px;overflow: hidden;height: 25px;text-overflow: ellipsis;white-space: nowrap;}
.daydate_down .timetable p img{ position:absolute; left:15px; top:3px;}
.daydate_down .timetable p span:nth-child(odd){width:112px;}
.doingScheduleP{ margin:15px 0; font-weight:bold;}

.daydate_down .editadd{ display:block; position: absolute; bottom:0; left:0; height:74px; width:100%;}

.daydate_down .editadd a{ float:left; display:block; cursor:pointer;}
.daydate_down .editadd a.edit{height:74px; width:306px;margin-left:1px;background:url(../images/home/selected_Edit.png) no-repeat;}
.daydate_down .editadd a.add{height:74px; width:307px;background: url(../images/home/selected_Add.png) no-repeat;}
.daydate_down .editadd label.edittxt{margin-top:20px;margin-left: 152px; font-family: Arial, Helvetica, sans-serif;font-size: 24px; color: #ffffff;cursor:pointer;}
.daydate_down .editadd label.addtxt{margin-top:20px;margin-left: 152px; font-family: Arial, Helvetica, sans-serif;font-size: 24px; color: #ffffff;cursor:pointer;}

/* home-menu style*/
.home_menu{ margin:20px 0 0 26px; width:1232px; height:121px; background:url(../images/home/home_menu.png) no-repeat;-moz-box-shadow:0 5px 8px #2b394b;-webkit-box-shadow:0 5px 8px #2b394b;box-shadow:0 5px 8px #2b394b;}

.home_menu ul li{ float:left; width:176px; height:119px;}
.home_menu ul li a{ display:block; cursor:pointer; width:176px; height:119px;text-align:center; text-decoration:none;padding-top:70px; color:#fff; font-size:20px;}
/*.home_menu ul li a:hover{padding-top:65px; color:#51c6f8;  font-size:24px}*/

.home_menu ul li.menu_cio1_gray,
.home_menu ul li.menu_cio2_gray,
.home_menu ul li.menu_cio3_gray,
.home_menu ul li.menu_cio4_gray,
.home_menu ul li.menu_cio5_gray,
.home_menu ul li.menu_cio6_gray,
.home_menu ul li.menu_cio7_gray{padding-top:70px; color:#999; font-size:20px;text-align:center;}

.home_menu ul li.menu_cio1_gray{ background:url(../images/home/icon_gray_Control.png) no-repeat center 29px;}
.home_menu ul li a.menu_cio1{ background:url(../images/home/icon_normal_Control.png) no-repeat center 29px;}
/*.home_menu ul li a.menu_cio1:hover{ background: url(../images/home/icon_selected_Control.png) no-repeat;}*/

.home_menu ul li.menu_cio2_gray{ background: url(../images/home/icon_gray_Timing.png) no-repeat center 29px;margin-left:-1px;}
.home_menu ul li a.menu_cio2{ background: url(../images/home/icon_normal_Timing.png) no-repeat center 29px;margin-left:-1px;}
/*.home_menu ul li a.menu_cio2:hover{ background: url(../images/home/icon_selected_Timing.png) no-repeat; }*/

.home_menu ul li.menu_cio3_gray{ background: url(../images/home/icon_gray_Report.png) no-repeat center 29px;margin-left:-2px;}
.home_menu ul li a.menu_cio3{ background: url(../images/home/icon_normal_Report.png) no-repeat center 29px;margin-left:-2px;}
/*.home_menu ul li a.menu_cio3:hover{ background: url(../images/home/icon_selected_Report.png) no-repeat;}*/

.home_menu ul li.menu_cio4_gray{ background: url(../images/home/icon_gray_Install.png) no-repeat center 29px;margin-left:-3px;}
.home_menu ul li a.menu_cio4{ background: url(../images/home/icon_normal_Install.png) no-repeat center 29px;margin-left:-3px;}
/*.home_menu ul li a.menu_cio4:hover{ background: url(../images/home/icon_selected_Install.png) no-repeat;}*/

.home_menu ul li.menu_cio5_gray{ background: url(../images/home/icon_gray_Setting.png) no-repeat center 29px;margin-left:-4px;}
.home_menu ul li a.menu_cio5{ background: url(../images/home/icon_normal_Setting.png) no-repeat center 29px;margin-left:-4px;}
/*.home_menu ul li a.menu_cio5:hover{ background: url(../images/home/icon_selected_Setting.png) no-repeat;}*/

.home_menu ul li.menu_cio6_gray{ background: url(../images/home/icon_gray_Help.png) no-repeat center 29px;margin-left:-5px;}
.home_menu ul li a.menu_cio6{ background: url(../images/home/icon_normal_Help.png) no-repeat center 29px;margin-left:-5px;}
/*.home_menu ul li a.menu_cio6:hover{ background: url(../images/home/icon_selected_Help.png) no-repeat;}*/

.home_menu ul li.menu_cio7_gray{ background: url(../images/home/icon_gray_ECO.png) no-repeat center 29px;margin-left:-5px;}
.home_menu ul li a.menu_cio7{ background: url(../images/home/icon_normal_ECO.png) no-repeat center 29px;margin-left:-5px;}
/*.home_menu ul li a.menu_cio7:hover{ background: url(../images/home/icon_selected_ECO.png) no-repeat;}*/
/***************************** circular **********************************/
#circular{

	width:64px;

}
.circular{
	background-color:#5FB7FF;
	float:left;
	width:15px;
	height:15px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-webkit-animation-name: bounce_circular;
 	-webkit-animation-duration: 0.7s;
 	-webkit-animation-iteration-count: infinite;
 	-webkit-animation-direction: linear;
	}
#circular_1{
	margin-top:25px;
 	-webkit-animation-delay: .3s;
}
#circular_2{
	margin-left:-8px;
	margin-top:9px;
 	-webkit-animation-delay: .4s;
}
#circular_3{
	margin-top:1px;
 	-webkit-animation-delay: .5s;
}
#circular_4{
	margin-left:0;
	margin-top:9px;
 	-webkit-animation-delay: .6s;
}
#circular_5{
	margin-left:-8px;
	margin-top:25px;
 	-webkit-animation-delay: .7s;
}
#circular_6{
	margin-left:-22px;
	margin-top:40px;
 	-webkit-animation-delay: .8s;
}
#circular_7{
	margin-left:-37px;
	margin-top:48px;
 	-webkit-animation-delay: .9s;
}
#circular_8{
	margin-left:-53px;
	margin-top:41px;
 	-webkit-animation-delay: 1s;
}
@-webkit-keyframes bounce_circular{
	0%{-webkit-transform:scale(1);}
	100%{-webkit-transform:scale(.3);}
}
/* home style end==========================================================================================*/