@charset "utf-8";
/* CSS Document */img {-webkit-filter: grayscale(75%); filter: grayscale(75%);filter:gray; -moz-filter: grayscale(75%);-o-filter: grayscale(75%);}html body *{-webkit-filter: grayscale(75%);}/*img.grayscale:hover {    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");*//


body {
margin:0;
padding:0;
  background: url("images/bg-page2.png") repeat scroll left top transparent;
  font-family: 'Mako',arial,tahoma;
}

#page {
  background: url("images/bg-header-repeat.png") repeat-x scroll left top transparent;
  margin-bottom:10px;
}

#header {

  background: url("images/bg-header2.jpg") no-repeat scroll center top transparent;
  height: 180px;
  margin: 0 auto 0px;
}

#header nav {
  float: right;
  margin: 30px 0 0;
}

.content-width {
  margin: 0 auto;
  width: 980px;
}

#header h1 a {
  background: url("images/logo.png") no-repeat scroll center top transparent;
  float: left;
  height: 90px;
  margin: 0;
  overflow: hidden;
  text-indent: -9999em;
  width: 381px;
  margin-top: 20px;
}

#header nav a:hover, #header nav a.active {
  background: none repeat scroll 0 0 #000000;
}

#header nav a {
  -moz-transition: all 0.3s ease-out 0s;
  border-radius: 5px 5px 5px 5px;
  color: #FFFFFF;
  float: left;
  margin: 0 15px 0 0;
  padding: 10px 10px;
  position: relative;
  text-decoration: none;
  text-shadow: 1px 1px 0 #000000;
  z-index: 5;
  font-weight:bold;
  
}

.commander{ text-align:center;margin:80px;}

.commander img { border:1px solid #CCCCCC; padding:5px;}


.commander img:hover { border:1px solid  #999999; background-color: #ffffff;}
.commander2 img:hover { border:1px solid  #999999; background-color: #ffffff;}
.commander3 img:hover { border:1px solid  #999999; background-color: #ffffff;}


.commander2 {
display:block;
margin:60px 0 0 27px;
float: left;
width:300px;
}

.commander3 {
display:block;
margin:45px 0 0 23px;
float: left;
width:197px;
}

.commander2 p{
text-align:center;
font-size:0.8em;
padding:6px;
}
.commander2 img{
border:1px solid #CCCCCC;
margin:auto;
padding:2px;
}

.commander3 p{
text-align:center;
font-size:0.8em;
}
.commander3 img{
border:1px solid #CCCCCC;
margin:auto;
padding:2px;
}

.detailcommander1{  min-height: 800px;}
.detailcommander2{  min-height: 800px;}
.detailcommander3{  min-height: 800px;}

.download {
border:1px solid #ccc;
float:left;
margin:11px;
min-height:100px;
width:650px;
padding: 10px;
}

#contrainer{  width:940px; height:1600px; margin:auto;}

#contrainer2{  width:940px; height:1000px; margin:auto;}

#contrainer3{  width:940px; height:800px; margin:auto;}

#content_left {  width:590px; height:1000px; float:left;}

#content_right {  width:300px; height:1000px; float:right;}

.tv {
  background-image: url("images/bordertv.png");
  background-repeat: no-repeat;
  box-shadow: 5px 5px 5px #BBBBBB;
  height: 148px;
  margin: 0 0 20px;
  padding: 73px 8px;
  width: 284px;
}

.banner {
  
  box-shadow: 5px 5px 5px #BBBBBB;
  
  margin: 0 0 20px;
 
}

.system { width:340px;  margin: 20px 0 0 0;}
.system .s1 {background-image:url(images/1_.png); background-repeat:no-repeat; width:300px; height:68px;box-shadow: 5px 5px 5px #BBBBBB; }
.system .s2 {background-image:url(images/2.png); background-repeat: repeat-y; width:300px; height:252px;box-shadow: 5px 5px 5px #BBBBBB; }
.system .s3 {background-image:url(images/3.png); background-repeat:no-repeat; width:300px; height:38px;box-shadow: 5px 5px 5px #BBBBBB; }

.system .s12 {background-image:url(images/12.png); background-repeat:no-repeat; width:300px; height:68px;box-shadow: 5px 5px 5px #BBBBBB; }
.system .s22 {background-image:url(images/2.png); background-repeat: repeat-y; width:300px; height:133px;box-shadow: 5px 5px 5px #BBBBBB; }

.system .s2 li {
  font-size: 1.2em;
  list-style-image: url("images/arror.jpg");
  margin: 0 0 0 40px;
  padding: 10px 0 0 1px;
}

.system .s2 li a { text-decoration:none; color: #CCCCCC;}

.system .s2 li a:hover { color: #FFFFFF;}

.system .s22 li {
  font-size: 1.2em;
  list-style-image: url("images/arror.jpg");
  margin: 0 0 0 40px;
  padding: 10px 0 0 1px;
}

.system .s22 li a { text-decoration:none; color: #CCCCCC;}

.system .s22 li a:hover { color: #FFFFFF;}

.news1 { width:625px; height:580px; margin:auto; margin-top: 20px; background-color:#f9f9f9; float:left; 

   box-shadow: 5px 5px 5px #bbbbbb;}

.news2 { width:625px; height:580px; margin:auto; background-color:#f9f9f9; margin-top:auto; float:left; box-shadow: 5px 5px 5px #bbbbbb;}

.news3 { width:625px; height:380px; margin:auto;  background-color:#f9f9f9; margin-top:20px; float:left; box-shadow: 5px 5px 5px #bbbbbb;}

.title { width:579px;  height:32px; padding:5px; }

.info {
  background-color: #FFFFFF;
  border: 1px solid #CCCCCC;
  float: left;
  height: 230px;
  margin: 5px 15px 5px 13px;
  width: 178px;
}

.detail2 ul{ margin:0px 13px 0 28px;}

.detail2 li{ padding:10px; border-bottom:1px dashed  #999999; list-style:square;}

.detail2 li a{ font-size:1.1em; color:#333333; text-decoration:none; }

.detail2 li a:hover{ color:#FF6600;}

.more { float:right; margin:9px 13px 0 0;}
.more a { text-decoration:none; font-size:1.1em; font-weight:bold; color:#666666;}

.more a:hover { color:#000033;}

#footer { background-image:url(images/bg.png); background-repeat:repeat-x; height:100px;
box-shadow: 0px 0 30px #000000;
}

.copyright {
  color: #ffffff;
  float: right;
  font-size: 1.2em;
  margin: 18px 10px 0 0;
  position: relative;
  text-align: right; width:500px; line-height:1.8em;
}

.copyright a{ text-decoration:none; color:#FFFFFF;}

.copyright a:hover{ color:#6699FF;}

#footerdetail { width:940px; margin:auto; height:100px;}

.mail { width:300px; text-align:center; display:block; float:left; clear:both; margin: 28px 0 0; }

.containerleft {
float:left;
margin:0;
min-height:850px;
width:225px;
clear:both;
padding:0;
}

#submenu li a.now {
background-color:#eeeeee;
background-image:url(images/bul_secondLevel.gif);
background-repeat:no-repeat;
background-position:14px 12px;
color:#000;
}

#navi{
background-color:#167392;
height:35px;
margin:0;
padding:3px 0 0 7px;
}

#submenu li{
display:block;
height:35px;
background-color:#DAEAF7;
border-bottom:1px solid #FFFFFF;
}

.containerleft ul{
list-style-type:none;
margin:0;
padding:0;
background-color:#ccc;
}

.containerleft ul li{
/*background-color:#93978E;*/
font-size:1.3em;
/*line-height:1.2;*/
/*background-image:url("images/bg_sn_secondLevel.gif");*/
/*margin:1px;*/
}

.containerleft ul li a{
padding-bottom:7px;
padding-top:7px;
display:block;
padding-left:30px;
color:#666666;
text-decoration:none;
font-size:1em;
/*border-bottom:1px solid #fff;*/
}
.containerleft ul li a:hover{
background-image:url(images/bul_secondLevel.gif);
background-repeat:no-repeat;
background-color:#eeeeee;
color:#000000;
background-position:14px 12px;
}



.detail {
border:1px solid #167392;
width:695px;
min-height:750px;
font-size:1.2em;
float:right;
background-color:#FFFFFF;

}

.container {

float:left;
margin-bottom:15px;
min-height:850px;
width:964px;
}

.containerright {
border:1px solid #3D6177;
float:left;
margin:0 0 0 11px;
height:797px;
width:655px;
}
.stat {
border:1px solid #ccc;
float:left;
margin:10px;
min-height:100px;
width:700px;
}

.stat2 {
	border:0px solid #ccc;
	float:left;
	margin:10px;
	width:472px;
	padding:20px 100px 0 100px;
}
.stat4 {
	border:0px solid #ccc;
	float:left;
	margin:10px;
	width:632px;
	padding:10px 20px 0 20px;
}
.stat4 li{
padding:0 0 0 60px;
}
.stat4 p{
 text-indent: 1.5em;
}
.stat5 {
	border:1px solid #ccc;
	float:left;
	margin:10px;
	width:672px;

}
ol{
	counter-reset: li; /* Initiate a counter */
	list-style: none; /* Remove default numbering */
	*list-style: decimal; /* Keep using default numbering for IE6/7 */
	padding: 0;
	margin-bottom: 4em;
	text-shadow: 0 1px 0 rgba(255,255,255,.5);
}
ol ul{
	margin: 0 0 0 3em; /* Add some left margin for inner lists */
}
.rounded-list a{
	position: relative;
	display: block;
	padding: .4em .4em .4em 2em;
	*padding: .4em;
	margin: .5em 0;
	background: #eeeeee;
	color: #444;
	text-decoration: none;
	border-radius: .3em;
	transition: all .3s ease-out;	
}

.rounded-list a:hover{
	background: #ccc;
}

.rounded-list a:hover:before{
    transform: rotate(360deg);	
}

.rounded-list a:before{
	content: counter(li);
	counter-increment: li;
	position: absolute;	
	left: -1.3em;
	top: 50%;
	margin-top: -1.3em;
	background: #DAEAF7;
	
	height: 2em;
	width: 2em;
	line-height: 2em;
	border: .3em solid #fff;
	text-align: center;
	font-weight: bold;
	border-radius: 2em;
	transition: all .3s ease-out;
}
.logo2{
border:none;
float:left;
clear:both;
margin:50px;
}

.hdetail {
background-color:#167392;
height:35px;
margin:0;
}

.hdetail h2 {
color:#FFFFFF;
padding:4px 0 0 20px;
}

.pdetail {
padding:20px;
color:#999999;
overflow-y:auto;
}


.pdetail3 {
padding:20px;
color:#000000;
}

.pdetail3 li {
list-style: disc;
/*padding: 0 0 0 20px;*/
margin:0 0 0 20px;
}

.pdetail3 p { font-size:1
em; font-weight:bold;
}

.pdetail p {
padding:0;
color:#999;
}

.pic {   width:172px; height:80px; margin:2px;}

.pic img { border:none;}

.dinfo{  width:172px; height:129px; margin:2px; padding:3px;}

.dinfo a{ text-decoration:none; color:#666666; padding:1px; font-size:1.12em;}

.dinfo a:hover{ color:#FF3300;}

.info:hover { border:1px solid #FF9900; cursor:pointer;}

#footer .footer_menu{
	margin: 0 0 10px 0;
	padding: 30px 0 0 0px;
	list-style: none;
	text-align:center; font-weight:bold;
}


.footer_menu li {
	margin: 0px;
	border-right:1px dotted #999999;
	display: inline;
	padding: 0 20px;
}

.footer_menu li:last-child {
	margin: 0px;
	border-right:none;
	display: inline;
	padding: 0 20px;
}

.footer_menu li a {
	color: #eeeeee; text-decoration:none;
}

.footer_menu .last_menu {
	border: none;
}



#footerdetail p { text-align:center; color:#eeeeee;}

#footerdetail a { text-decoration:none; color: #eeeeee;}

#footerdetail a:hover {color: #3399FF; }

.pdetail li img { padding:2px; border:1px solid #CCCCCC; }

.pdetail li img:hover { padding:2px; border:1px solid #000000; }

.pdetail li  { border-bottom:1px dashed #CCCCCC; height:100px; margin:15px 0 0 0;}

.pdetail_img {float:left; clear:both; width:180px;}

.pdetail_info { padding:0 0 0 30px; float:left; width:430px; color:#999999;}


.pdetail2_img {float:left; clear:both; width:90px;}

.pdetail2_info { padding:0 0 0 30px; float:left; width:520px; color:#999999;}


.pdetail_info:hover{ padding:0 0 0 30px; float:left; width:430px; color:#000000;}

.img_border {margin-top:30px; text-align:center;}

.img_border img { padding:3px; border:1px solid #999999; background-color:#eeeeee;}

.img_border img:hover { padding:3px; border:1px solid #000000; background-color:#ffffff;}