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

#tag_line {
	 
	font-size: 40px;
	color: #666;
	width: 900px;
	text-align: center; 
	font-weight: normal;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto; 
}
#characteristic {
	overflow: hidden;
	height: 165px;
	width: 960px;
	margin-right: auto;
	margin-left: auto; 
}
.char_l_w {
	width: 300px;
	overflow: hidden;
	height: 165px;
	float: left;
	margin-right: 25px;
}
.char_l_w_m{
	width: 300px; 
	overflow: hidden;
	height: 165px;
}
.char_l_w_l{
	width: 300px; 
	overflow: hidden;
	height: 165px;
	float: right;
}
 
.char_l_w .t_i,.char_l_w_l .t_i {
	float: left;
	margin-right: 7px;
	margin-top: 7px;
}
.char_l_w .t_w,.char_l_w_l .t_w {
	float: left;
	font-size: 19px;
	color: #666;
	line-height: 30px;
}
.char_l_w .con,.char_l_w_l .con {
	font-size: 13px;
	line-height:20px;
	color: #666;
	float: left;
	width: 290px;
	margin-top: 7px;
}
#dow_zone {
	width: 955px;
	margin-right: auto;
	margin-left: auto;
	background-color: whiteSmoke;
	overflow: hidden;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #a7a7a7;
}
#dow_zone .dow_w {
	padding: 20px;
	overflow: hidden;
}
#dow_zone .tt {
	font-size: 20px;
	width: 500px;
	float: left;
}
#dow_zone .w {
	margin-top: 15px;
	width: 500px;
	float: left;
	font-size: 15px;
	color:#666;
}
#dow_zone .img {
	height: 76px;
	width: 76px;
	float: left;
	margin-left: 50px;
}
#dow_zone .btn {
	color: #000; 
	font-size: 30px;
	color: #FFFFFF;
	background: -moz-linear-gradient(
		top,
		#58bcdb 0%,
		#3197b6);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#58bcdb),
		to(#3197b6));
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #419cb8;
	-moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 0px rgba(255,255,255,0);
	-webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 0px rgba(255,255,255,0);
	box-shadow: 0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 0px rgba(255,255,255,0);
	text-shadow: 0px -1px 0px rgba(000,000,000,0.7),
		0px 1px 0px rgba(255,255,255,0.3);
	float: right;
	text-align: center;
	line-height: 50px;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
}
 
#dow_zone .btn:hover {
	background: -moz-linear-gradient(
		top,
		#58bcdb 0%,
		#25788f);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#58bcdb),
		to(#25788f));
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #419cb8;
	-moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 0px rgba(255,255,255,0);
	-webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 0px rgba(255,255,255,0);
	box-shadow: 0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 0px rgba(255,255,255,0);
	text-shadow: 0px -1px 0px rgba(000,000,000,0.7),
		0px 1px 0px rgba(255,255,255,0.3);
	cursor: pointer;
}
#latest_pj {
	width: 840px;
margin-right: auto;
margin-left: auto;
margin-top: 5px;
overflow: hidden;
}
#latest_pj #title {
	padding-top: 10px;
	padding-bottom: 5px; 
	font-size: 21px;
	color: #666666;
	font-weight: bold;
}
 h4 {
	font-size: 17px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	line-height: 30px;
	font-weight: bold;
	color: #666;
}
#cli p {
	background-color: #EEE;
	padding: 15px;
	color: #333;
	margin-top: 5px;
}

#latest_pj .cont {
	width: 270px;
	margin-right: 10px;
	float: left;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background-color: whiteSmoke;
}
#latest_pj h6 {
	font-size: 11px;
	line-height: 10px;
	color: #999;
}
#latest_pj h4 {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	line-height: 0px;
}
.list_tit{
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
}
#latest_pj .w {
	font-size:12px;
	line-height:16px;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	color: #666;
}



#latest_pj .list_tit a{
	color: #585858;
	cursor: pointer;
	display: inline;
	font-size: 15px;
	font-style: normal;
	font-weight: normal;
	height: auto;
	line-height: 20px;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	outline-color: #04BFEA;
	outline-style: none;
	outline-width: 0px;
	text-align: left;
	text-decoration: none;
	text-transform: none;
	visibility: visible;
	width: auto;
}

#latest_pj .list_tit a:hover{
	color: #04BFEA;
}
#company-desc {
	font-size: 13px;
	color: #666;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	margin-top: 40px;
	margin-bottom: 20px;
}
#company-desc p {
	font-size: 11px;
	line-height: 30px;
	color: #999;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#company-desc #att {
	padding: 10px;
	background-color: #d9edf7;
	margin-top: 10px;
	margin-bottom: 10px;
	border: 1px solid #A2D3EC;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#company-desc #att .tit {
	font-size: 17px;
	color: #04BFEA; 
}
#company-desc #att .w {
	font-size: 11px;
	line-height:15px;
	color: #04BFEA;
}




#company-desc #abc {
	float: left;
	width: 460px;
	overflow: hidden;
	margin-right: 30px;
}

#company-desc #new_l {
	float: left;
	width: 500px;
	overflow: hidden;
	margin-right: 30px;
}
#company-desc #cli {
	float: left;
	width: 410px;
	overflow: hidden;
} 
 
#new_l .n_t {
	font-size: 11px;
}
#new_l .title{
	
	padding-bottom:2px;}
#new_l .date{
	float:left;
     line-height: 80px;
margin-left: 4px;
	  }
#new_l li {
	color: #999;
	border-bottom: 1px dashed #EDEDED !important;
	-webkit-background-clip: border-box;
	-webkit-background-origin: padding-box;
	-webkit-background-size: auto;
	background-attachment: scroll;
	background-clip: border-box;
	background-image: url(../images/arr-right-mini.png);
	background-origin: padding-box;
	background-position: 0% 50%;
	background-repeat: no-repeat;
	background-size: auto;
	border-bottom-color: #EDEDED;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	display: list-item;
	line-height: 20px;
	margin-bottom: 15px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-top: 5px;
	text-align: left;
}
#fbbtn {
	color: #04BFEA;
	float: right;
	margin-top: 20px;
	width: 90px;
	background-color: #FFF;
} 
.e {
	font-family: e;
}
#contentwrap #about,#contentwrap #service {
	margin-bottom:17px;
	float: left;
	height: 175px;
	width: 358px;
	padding: 20px;
	font-size: 13px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin-left: 20px;
	margin-top:13px;
	line-height: 20px;
}
#contentwrap #about{
	margin-left: 31px;
	color: #277010;
	border: 3px solid #81e661;
	background-color: #dbffa3;
}
#about .title,#service .title {
	font-size: 21px;
	font-weight: bold;
	margin-bottom: 20px;
}
#contentwrap #service {
	color:#ca4300;
	border: 3px solid #ffbf74;
	background-color: #ffe2a3;
}

/***** Backstage Buttons *****/



#contentwrap ul{
	list-style:none;
	margin:0;
	padding:0;	
	display:block;
	width:600px;
	height:550px;
	margin:0 auto;	
	padding-left:300px;
	padding-top:10px;
	display:block;
}

#contentwrap li{float:left;	clear:both;}

#contentwrap li {margin:15px 0 15px 0;	width:300px; height:59px;background-position:left top;}

#contentwrap li a:hover{background-position:left bottom;}

#contentwrap li.BS_PROD {background-image:url(../images/admin/btn_bs_prod.jpg);}
#contentwrap li.BS_PROD a:hover{background-position:left bottom;}

#contentwrap li.BS_CASE {background-image:url(../images/admin/btn_bs_case.jpg);}
#contentwrap li.BS_CASE a:hover{background-position:left bottom;}

#contentwrap li.BS_NEWS {background-image:url(../images/admin/btn_bs_news.jpg);}
#contentwrap li.BS_NEWS a:hover{background-position:left bottom;}

#contentwrap li.BS_DOWN {background-image:url(../images/admin/btn_bs_download.jpg);}
#contentwrap li.BS_DOWN a:hover{background-position:left bottom;}

.newsScrollcell2{
	padding:5px;margin-bottom:4px; padding:5px; padding-top:10px; width:400px; font-size:11px;  }