@charset "utf-8";
/* CSS Document */

.fl{ float:left;}
.fr{ float:right;}
.clear{ clear:both;}

.blank10{ height:10px;}
.blank20{ height:20px;}
.blank30{ height:30px;}


/* 头部 */
#capsa-top{ 
  height:36px;
  background:#fff;
  line-height:36px;
  margin:0 auto; 
  width:1008px;
  }
#capsa-top .icon1{ 
  background:url(images/icon1.png) 16px -2px no-repeat; 
  width:32px; 
  height:36px;
  }


/*-------- banner部分 --------*/
#bannerbg{ 
  background:#0091ba;
  height:428px;
  }
#banner{ 
  background:url(images/nChronos-banner.jpg) center top no-repeat; 
  width:1008px; 
  height:428px;  
  margin:0 auto;
  }

/*-------- 内容部分 --------*/
#content1{ 
  width:990px; 
  margin:0 auto;
  position:relative;
  }
  #content1 .icon-report, #content1 .icon-report a, #content1 .icon-alarm, #content1 .icon-alarm a, #content1 .icon-statistics, #content1 .icon-statistics a, #content1 .icon-app, #content1 .icon-app a{ width:490px; height:280px; display:block;}
 
  #content1 .icon-report, #content1 .icon-report a{ 
    background:url(images/01.png) 50px 40px no-repeat;
	margin-bottom:24px;
	}
  #content1 .icon-report a:hover{
	  background:url(images/01.png) #48a996 -560px 40px no-repeat;
	  }
  #content1 .icon-alarm, #content1 .icon-alarm a{ 
    background:url(images/01.png) 50px -272px no-repeat;
	}
  #content1 .icon-alarm a:hover{
	 background:url(images/01.png) #e65d7d -560px -272px no-repeat;
	 }
  #content1 .icon-statistics, #content1 .icon-statistics a{ 
    background:url(images/01.png) 50px -574px no-repeat;
	}
  #content1 .icon-statistics a:hover{
	 background:url(images/01.png) #da9b38 -560px -574px no-repeat;
	 }
  #content1 .icon-app, #content1 .icon-app a{ 
    background:url(images/01.png) 50px -890px no-repeat;
	}
  #content1 .icon-app a:hover{
	 background:url(images/01.png) #9c9c9c -560px -890px no-repeat;
	 }


#content2bg{ 
  background:url(images/content2bg.jpg) repeat-x; 
  height:392px;
  }
#content2 { width:1008px; margin:0 auto;}
  #content2 .iconleft{ 
    background:url(images/01.png) -2px -1280px no-repeat;
	width:70px;
	height:60px;
	margin-right:10px;
	margin-top:10px;
	}
  #content2 .iconright{ 
    background:url(images/01.png) -314px -1280px no-repeat;
	width:70px;
	height:60px;
	margin-right:10px;
	margin-top:160px;
	}


#content3{ width:1008px; margin:0 auto;}

#content3 .bg-g20{ 
  background:url(images/01.png) -680px -1280px no-repeat;
  width:266px;
  height:180px;
}

/*----------------- 浮动层部分 --------------------*/
#window-report, #window-alarm, #window-statistics, #window-app{ 
  width:970px; 
  height:584px;
  position:absolute;
  left:0;
  top:20px;
  z-index:2;
  display:none;
  padding-left:20px;
  }
#window-report{ background:#48a996;}
  #window-report .img{ 
    background:url(images/report.png) left top no-repeat; 
	margin-top:10px;
	width:400px;
	height:314px;
	}
  #window-report .txtbg, #window-alarm .txtbg, #window-statistics .txtbg{ 
  background:#464646;
  height:460px;
  width:490px;
  padding:26px;
  margin-top:30px;
  margin-right:20px;
  }

#window-alarm{ background:#e65d7d;}
  #window-alarm .img{ 
    background:url(images/Alarm.png) left top no-repeat; 
	margin-top:10px;
	width:400px;
	height:314px;
	}

#window-statistics{ background:#da9b38;}
  #window-statistics .img{ 
    background:url(images/statistics.png) left top no-repeat; 
	margin-top:10px;
	width:400px;
	height:314px;
	}

#window-app{ background:#9c9c9c;}
  #window-app .img{ 
    background:url(images/app.png) left top no-repeat; 
	margin-top:10px;
	width:400px;
	height:314px;
	}
  #window-app .txtbg{
	background:#464646;
    height:430px;
    width:490px;
    padding:26px;
    margin-right:20px;
    }


	
/*-------- 合作伙伴部分 --------*/	
#partner{ 
  background:#fafafa;
  margin-top:60px;
  text-align:center;
  padding:36px 0;
  }

/*-------- 底部链接部分 --------*/  
#footerbg{ 
  background:#3d5889;
  }
#footer{ 
  width:1008px;
  margin:0 auto;
  padding:30px 0;
  }

  #footer .txt1{ width:240px;}
  
  #footer .link1 a, #footer .link1 a:link{ 
    background:url(images/content3-icon.png) 20px -700px no-repeat #99cc00;
	width:60px;
	height:60px;
	display:block;
	-moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius:30px;
	margin:10px 10px 0 0;
	}   

  #footer .link1 a:hover{ 
    width:60px;
	height:60px;
	background:url(images/content3-icon.png) 20px -700px no-repeat #30b91a;
	display:block;
	-moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius:30px;
	margin:10px 10px 0 0;
	}
  #footer .link2 a, #footer .link2 a:link{ 
    background:url(images/content3-icon.png) 12px -796px no-repeat #99cc00;
	width:60px;
	height:60px;
	display:block;
	-moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius:30px;
	margin:10px 10px 0 0;
	}   

  #footer .link2 a:hover{ 
    width:60px;
	height:60px;
	background:url(images/content3-icon.png) 12px -796px no-repeat #30b91a;
	display:block;
	-moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius:30px;
	margin:10px 10px 0 0;
	}

  #footer .link3 a, #footer .link3 a:link{ 
    background:url(images/content3-icon.png) 16px -874px no-repeat #99cc00;
	width:60px;
	height:60px;
	display:block;
	-moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius:30px;
	margin:10px 10px 0 0;
	}   

  #footer .link3 a:hover{ 
    width:60px;
	height:60px;
	background:url(images/content3-icon.png) 16px -874px no-repeat #30b91a;
	display:block;
	-moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius:30px;
	margin:10px 10px 0 0;
	}

/*-------- 	版权信息 --------*/
#copyright{
  background:#284374;
  padding:10px 0;
  }