@charset "utf-8";
/* CSS Document */
@import url("reset.css");
body { width:100%; background:url(../images/bg/bg.gif) repeat; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal;  line-height:18px; }

/* STYLE NEW */
#content{ margin:0; padding:0; width:100%; float:left; }
	#content h1{ margin:0 0 20px 0; padding:0; font-size:16px; font-weight:normal; color:#fff; text-transform:uppercase; line-height:16px; }
	#content h1 span{ color:#fc7d1e; }
	#content h2{ margin:0 0 10px 0; padding:0; font-size:14px; font-weight:normal; color:#6ea8e8; text-transform:uppercase; line-height:14px; }
	#content h4{ margin:0 0 10px 0; padding:0; font-size:14px; font-weight:normal; color:#6ea8e8; line-height:14px; }
	#content p{ margin:0 0 20px 0; padding:0; font-size:14px; font-weight:normal; color:#fff; line-height:18px; }
	#content p span{ color:#6ea8e8; }
	#content p i{ color:#fc7d1e; }
	#content ul{ margin:0; padding:0; list-style:disc outside; font-size:14px; font-weight:normal; color:#fff; line-height:18px; }
		#content ul li{ margin:0 0 0 20px; padding:0 0 5px 0; }

	#clientlist h1{ margin:0 0 20px 0; padding:0; font-size:16px; font-weight:normal; color:#fff; text-transform:uppercase; line-height:16px; }
	#clientlist h1 span{ color:#fc7d1e; }
	#clientlist ul{ margin:0 0 20px 0; padding:0; list-style:disc outside; float:left; font-size:14px; font-weight:normal; color:#fff; line-height:18px; }
		#clientlist ul li{ margin:0 0 0 3%; padding:0 2% 5px 0; width:45%; float:left; }

.line{ margin:0 0 15px 0; padding:0; width:100%; height:1px; border-bottom:dashed 1px #8a9ba8; }
.proimg{ margin:0 auto 0 auto; padding:5px; width:79px; height:65px; background:url(../images/border-product.png) no-repeat; }

a.img_gallery{ margin:0 10px 10px 0; padding:5px; width:150px; height:100px; background:url(../images/border_gallery.png) no-repeat; float:left; }
	a.img_gallery img{ margin:0; border:none; opacity:1.0; filter: alpha(opacity=100); }
	a.img_gallery:hover img{ margin:0; border:none; opacity:0.5; filter: alpha(opacity=50);  }
	
#refer{ margin:0; padding:5px; width:260px; height:170px; background:url(../images/border_gallery1.png) no-repeat; }	
#refer ul{ margin:0; padding:5px; width:260px; height:170px; list-style:none; overflow:hidden; position:relative; z-index:0; }
	#refer .bx-wrapper { margin:0 auto; padding:0; width:260px; height:170px; }
	#refer .bx-window{ margin:0; padding:0; width:260px; height:170px; }
#refer ul li{ margin:0; padding:0; width:260px; height:170px; position:absolute; }
	#refer ul li img{ display:block; }
	#refer ul li a:hover img{ border:none; }
#refer .bx-prev{ display:none; }
#refer .bx-next{ display:none; }

.productlist{ margin:0 0 15px 0; padding:0 15px 0 0; width:410px; height:auto; float:left; }
	.productimg{ margin:0 15px 0 0; padding:5px; width:79px; height:65px; float:left; background:url(../images/border-product.png) no-repeat; }
	.productimg img{ border:none; }
	.producttext{ margin:0; padding:0; width:306px; height:230px; float:left; }
	.producttext a h3{ margin:0 0 10px 0; padding:0 0 5px 0; font-family: Verdana, Geneva, sans-serif; font-size:14px; font-weight:normal; color:#6ea8e8; border-bottom:dashed 1px #8a9ba8; text-decoration:none; }
	.producttext a:hover h3{ color:#f8ffaf; }
	
/* */	
#wrap {width:1000px; min-height:500px; margin:0 auto; background:url(../images/background/header.jpg) no-repeat;}
#wraper {width:900px; margin:0 auto; min-height:500px;}


#header {  width:900px; height:auto; padding-top:40px; float:left; }
	.effect { width:900px; height:420px; background:url(../images/bg/bg_head.png) no-repeat; z-index:200; position:absolute;}
	a.logo,a.logo:link { width:295px; height:138px; background:url(../images/bg/logo.jpg) no-repeat; z-index:3; position:absolute; margin-top:145px;}
	a.logo:hover { width:295px; height:138px; background:url(../images/bg/logo_hover.jpg) no-repeat; z-index:3; position:absolute; margin-top:145px;}
	
#container { width:900px; min-height:300px; padding-top:20px; float:left; }
	.left_new { width:265px; min-height:300px; height:auto; padding:20px; background:#222632; float:left; }
		.left_new p.ti{ color:#FFF; font-size:16px; padding:0 0 25px 0;}
		.left_new h1.num{ padding-top:5px; color:#FFF; font-size:16px; font-weight:bold; text-align:center; font-family:Verdana, Geneva, sans-serif; }
		.left_new h4.month{ color:#FFF; font-size:11px; font-weight:bold; text-align:center; font-family:Verdana, Geneva, sans-serif; }
			
	.content_new { width:850px; min-height:300px; height:auto; background:#222632; float:left; }
		.content_new p.ti{ color:#FFF; font-size:16px; padding:0 0 25px 0;}
		.content_new h1.num{ padding-top:5px; color:#FFF; font-size:16px; font-weight:bold; text-align:center; font-family:Verdana, Geneva, sans-serif; }
		.content_new h4.month{ color:#FFF; font-size:11px; font-weight:bold; text-align:center; font-family:Verdana, Geneva, sans-serif; }
	.blog_new2 { float:left; font-family:Verdana, Geneva, sans-serif; padding:0 25px 25px 0;}	
	.blog_new2_last { float:left; font-family:Verdana, Geneva, sans-serif; padding:0;}	
	a.blog_new2:hover .blog_title { line-height:16px; padding-bottom:5px; float:left; font-size:12px; color:#f8ffaf;}
	a.blog_new2_last:hover .blog_title { line-height:16px; padding-bottom:5px; float:left; font-size:12px; color:#f8ffaf;}
		
		
	.blog_new { float:left; font-family:Verdana, Geneva, sans-serif;}
		.blog_img { width:38px; height:37px; padding-right:15px; background:url(../images/bg/date.png) no-repeat; float:left;}
		.blog_content { width:212px; height:110px; float:left;}
		.blog_title {width:212px; line-height:16px; padding-bottom:5px; float:left; font-size:12px;}
		a.blog_new:hover .blog_title { line-height:16px; padding-bottom:5px; float:left; font-size:12px; color:#f8ffaf;}
		.blog_detail { width:212px; line-height:16px; float:left; font-size:12px; color:#FFF;}
		a.readmore { padding:10px 0 0 0; float:right; font-size:12px; font-weight:bold; }
		a.readmore:hover { padding:10px 0 0 0; float:right; font-size:12px; font-weight:bold; color:#f8ffaf; }
		
	.right_content  { width:560px; min-height:300px; height:auto; padding:10px 0 0 25px; float:left; }
		.right_content p.ti{ color:#FFF; font-size:16px; padding:0 0 20px 0;}
		
	.page_long { width:850px; min-height:300px; height:auto; padding:25px 25px 0 25px; float:left;  background:#222632; }	
		.page_long p.ti{ color:#FFF; font-size:16px; padding:0 0 20px 0;}
#footer {  width:100%; height:324px; margin-top:25px; background:url(../images/bg/bg_footer.gif) repeat; float:left;}
	.page_footer {width:900px; margin:0 auto; padding:30px 0 0 0;}
		.left_footer { width:300px; float:left;}
			.left_footer p.ti,.right_footer p.ti{ color:#FFF; font-size:16px; padding:0 0 0 25px;}
			span.sml { font-family:Verdana, Geneva, sans-serif; font-size:12px; line-height:16px;}
			span.nor { font-family:Verdana, Geneva, sans-serif; font-size:14px; line-height:16px;}
			.sml_f { width:275px; font-family:Verdana, Geneva, sans-serif; font-size:12px; line-height:16px; float:left;}
			
			
			
			ul#const { padding:20px 0 20px 50px;}
				ul#const li{ padding-left:15px; padding-top:3px; list-style:url(../images/icon/circle.png); min-height:31px;  line-height:28px; font-size:12px; font-family:Verdana, Geneva, sans-serif; }
				ul#const li a{ color:#FFF; margin:-5px 0 0 0; float:left;}
				@media screen and (-webkit-min-device-pixel-ratio:0) {
					ul#const li a{ color:#FFF; margin:-2px 0 0 0; float:left;}
				}
				@-moz-document url-prefix(){
					ul#const li a{ color:#FFF; margin:-2px 0 0 0; float:left;}
				}
				ul#const li a:hover{ color:#6ea8e8; float:left;}
								
		.cen_footer { width:275px; padding-left:25px; float:left;}
		.cen_footer p.ti { width:275px; float:left; color:#FFF; font-size:16px; padding:0 0 0 0;}
		.right_footer { width:270px; padding-left:30px; float:left;}
		.part1 { width:88px; height:85px; float:left;}
		.part2 { width:88px; height:85px; float:left;}
		.part3 { width:88px; height:85px; float:left;}
		.part4 { width:88px; height:85px; float:left;}
		.part5 { width:88px; height:85px; float:left;}
		.part6 { width:88px; height:85px; float:left;}
		
		
		.down_footer { width:100%; background:url(../images/bg/bg_footer.gif) bottom repeat;}
		p.bottom_footer { width:870px; height:60px; line-height:60px; color:#FFF; margin:0 auto;  font-family:Arial, Helvetica, sans-serif; font-size:12px; padding-left:30px;}
		
/*slide*/		
#ads {
	text-align: center;
}

#photos {
	width: 900px;
}
		

.de { width:550px; color:#FFF; font-size:12px; font-family:Verdana, Geneva, sans-serif; line-height:16px; padding:0 5px; display:block; float:left;}

/* form 5 */

	#form5{
		margin:1em 0;
		padding-top:0;
		}
	#form5 fieldset{
		margin:0;
		padding-top:.5em;
		border:none;	
		border-top:1px solid #f1f1f1;
		}		
	#form5 legend{
		background:#fff;
		padding:0 5px;
		font-style:italic;
		}	
	#form5 p{
		clear:both;
		margin:.5em 0;
		overflow:hidden;
		}	
	#form5 label{
		float:left;
		width:140px;
		display:block;
		text-align:right;
		margin-right:20px;
		line-height:24px;
		color:#6ea8e8;
		}	
	#form5 input, #form5 textarea{	
		margin:0;	
		width:300px;
		border:1px solid #ddd;		
		padding:3px 5px 3px 25px;
		}		
	
	
	#form5 input#name{background:#999 url(../images/form5/form_name.gif) no-repeat 5px 50%;}
	#form5 input#email{background:#999 url(../images/form5/form_email.gif) no-repeat 5px 50%;}
	#form5 input#tel{background:#999 url(../images/form5/form_url.gif) no-repeat 5px 50%;}
	#form5 input#subject{background:#999 url(../images/form5/issue.png) no-repeat 5px 50%;}	
	#form5 textarea#message{background:#999 url(../images/form5/form_note.gif) no-repeat 5px 6px;}
	
	
	#form5 textarea{
		height:125px;
		overflow:auto;
		}					
	#form5 p.submit{
		clear:both;
		margin:1em 0;
		padding:.5em 158px;	
		
		}	
	#form5 button{
		height:38px;
		line-height:28px;		
		border-top:1px solid #999;
		border-left:1px solid #999;
		border-right:1px solid #333;
		border-bottom:1px solid #333;
		background:url(../images/form5/form_button.gif) no-repeat;
		padding:0 15px 0 40px;
		color:#333;
		cursor:pointer;
		text-align:left;
		font-size:11px;
		font-weight:bold;
		}				

/* // form 5 */



.float_l {
	float: left;
}

.float_r {
	float: right;
}

.section_w860 {
	clear: both;
	width: 840px;
}

.image_wrapper_01{
	width:390px;
	height:147px;
	padding: 4px;
	float:left;
	background:url(../images/border2.png) no-repeat;
}

.section_w380 {
	width: 400px;
}

.news_box{
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px dashed #8a9ba8;	
}
.news_box a:hover { font-size:16px; color:#f8ffaf; }
.news_box a.topic { font-size:16px; }

.news_box a.topic:hover { font-size:16px; color:#f8ffaf; }


.post_info  { font-size:14px;}

/*service*/
.ser { width:270px; padding:0 21px 20px 0; float:left;}
.serlast { width:270px; float:left;}


/*--------------main_content-----------------*/
.main_content{
width:900px;
clear:both;
padding:0 0 25px 0;
color:#FFF;
font-size:12px;
line-height:16px;
}
.left_content{
width:420px;
float:left;
padding:0px 20px 0 0;
}

.right_content2{
width:420px;
float:left;
padding:0px;
}

.services_block{
width:300px;
float:left;
padding:20px 15px 0 0;
}
.icon_left{
float:left;
width:75px;
}
.thumb_left{
float:left;
width:65px;
height:65px;
float:left; 
background:url(../images/border3.png) no-repeat;
padding:5px;
}
.services_details{
float:left;
width:200px;
padding:0 0 0 10px;
}
.services_details h2, .testimonials_details h2{
font-family: Verdana, Geneva, sans-serif;
font-size:14px;
color:#6ea8e8;
padding:0 0 5px 0;
margin:0;
border-bottom:1px dashed #8A9BA8; font-weight:normal;
}



.testimonials_details a h2:hover { width:320px; font-size:14px; color:#f8ffaf; }




.testimonials{
clear:both;
padding:15px 0 0 0;
}
.testimonials_block{
width:420px;
float:left;
padding:20px 15px 0 0;
}
.testimonials_details{
float:left;
width:320px;
padding:0 0 0 10px;
}

.testimonials_details p{
padding:5px 0 0 0;
}

a.bor4 { width:264px; height:97px; background:url(../images/border4.png) no-repeat; padding:5px 5px; float:left; }
.bor5 { width:264px; height:97px; background:url(../images/border4.png) no-repeat; padding:5px 5px; margin:25px 0 20px 0; float:left;}


.blue { color:#6ea8e8;}
.white { color:#FFF;}
.txt {  float:left; color:#6ea8e8; padding:0 0 0 5px; font-size:14px; font-family:Verdana, Geneva, sans-serif; line-height:18px;}
.txt2 {width:170px;  float:left; color:#FFF; font-size:14px; font-family:Verdana, Geneva, sans-serif; line-height:18px;}
.orange { color:#fc7d1e;}
.float_left {float:left;}
.clear { clear:both;}
.space { clear:both; height:15px;}
.space2 { clear:both; height:25px;}
.space3 { clear:both; height:8px;}
a , a:link { text-decoration:none;}