/* CSS 新一设计制作QQ422612829 */
*{margin:0px;padding:0px;}
h1,h2,h3,h4,h5,h6,ul,li,dl,dt,dd,form,img,p{margin:0; padding:0; border:none; list-style-type:none;}
html{height: 100%;}
body{font:12px Verdana,Arial,Tahoma; background:#708aa1; color:#666;}
img{border:none;}
a{color:#333;text-decoration:none;}
a:hover{color:#F33;text-decoration:underline;}
ul,li{list-style:none;}
.mt1{margin-top:8px;}
input,select,button{font:12px/20px Tahoma,Arial, sans-serif; color: #545454;vertical-aling: middle}
h1{ font-size:1.2em}
.l{float:left;}
.r{float:right;}

.clearfix:after 
{ content:"."; display:block; height:0; clear:both; visibility:hidden; } 
.clearfix 
{display:inline-block;}
/* Hide from IE Mac \*/ 
.clearfix {display:block;} 
/* End hide from IE Mac */ 
/* end of clearfix  */

#top{background:#2C516C; }
#wrap{width:900px;background:#99ABB9;overflow:hidden;clear:both;}
.w500{ width:500px;}

.header{width:900px; height:80px; background:#2C516C;border-bottom:4px #F29901 solid;}
.logo{background-image:url(logo.gif) ; font-size:1px;display:block;float:left; }
.logo a,.logo a:visited,.logo a:hover{color:#2C516C;width:230px;height:70px;display:block;}
.topnav{float:right;display:block; height:18px; line-height:18px; background-color: #f29901; color: #fff;}
.topnav a {margin: 0px 8px; color: #fff}
.topnav a:hover {color: #333}

.user{ width:500px; height:62px; text-align:right; color:#FFFFFF; line-height:62px;}
.user input.text-user{width:76px;padding:3px;border:1px solid #0472BC;}
.user .buttonred {background:url(bbk_red.gif) left center no-repeat;padding:0 8px 0 23px;text-align:center;height:22px;font-size:12px;border:#666666 1px solid;cursor:pointer;}
.user .buttonmain {background:url(bbk_main.gif) left center no-repeat;height:22px;font-size:12px;border:#585A67 1px solid;padding:0 0 0 18px;text-align:center;}

.left-menu{margin-top: 45px; float: right; width: 150px; color: #fff}
.left-menu ul{list-style-type: none}
.left-menu ul li{padding-right: 40px; line-height: 28px; border-bottom: #b3bfcb 1px solid; list-style-type:none; text-align:right}
.left-menu ul li a{color: #fff}
.left-menu ul li a:hover{font-weight: bold; color: #fff; text-decoration:none}

#index .index-m{font-weight:bold; background:url(menu-bg.gif) #f39801 no-repeat 140px 50%}
#about .about-m{font-weight:bold; background:url(menu-bg.gif) #f39801 no-repeat 140px 50%}
#products .products-m{font-weight:bold; background:url(menu-bg.gif) #f39801 no-repeat 140px 50%}
#webhost .webhost-m{font-weight:bold; background:url(menu-bg.gif) #f39801 no-repeat 140px 50%}
#domain .domain-m{font-weight:bold; background:url(menu-bg.gif) #f39801 no-repeat 140px 50%}
#tuiguang .tuiguang-m{font-weight:bold; background:url(menu-bg.gif) #f39801 no-repeat 140px 50%}
#pinpc .pinpc-m{font-weight:bold; background:url(menu-bg.gif) #f39801 no-repeat 140px 50%}
#case .case-m{font-weight:bold; background:url(menu-bg.gif) #f39801 no-repeat 140px 50%}
#contact .contact-m{font-weight:bold; background:url(menu-bg.gif) #f39801 no-repeat 140px 50%}
#services .services-m{font-weight:bold; background:url(menu-bg.gif) #f39801 no-repeat 140px 50%}

.index-pic{ background: url(index-pic.jpg) no-repeat; height: 150px}
.about-pic{ background: url(about-pic.jpg) no-repeat; height: 150px}
.products-pic{ background: url(products-pic.jpg) no-repeat; height: 150px}
.case-pic{ background: url(case-pic.jpg) no-repeat; height: 150px}
.contact-pic{ background: url(contact-pic.jpg) no-repeat; height: 150px}
.services-pic{ background: url(services-pic.jpg) no-repeat; height: 150px}

#pleft{float:left;width:190px; }
#pright{float:right;width:710px; background-color:#FFF;}
.main{padding:20px;}
h1 {font-size: 14px; background: url(h1-bg.gif) no-repeat left bottom; margin-bottom:10px; padding-bottom:10px}
h1 span{ font-size:12px; font-weight:normal;}
.font-1 {font-size:12px; line-height:25px}
.font-2 {PADDING-RIGHT: 15px; PADDING-LEFT: 15px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px;font-size:12px; line-height:25px }
.red {COLOR: #f39801}
.price{ color:#FF0000}
.money {
	FONT-WEIGHT: bold; FONT-SIZE: 18px; COLOR: #ff0000; FONT-FAMILY: Georgia, "Times New Roman", Times, serif
}
.hr {BORDER-TOP: #ccd5de 1px solid; FONT-SIZE: 0px; MARGIN: 15px 0px; LINE-HEIGHT: 0; HEIGHT: 0px}
.content{ font-size:14px; line-height:25px;}

.table {BACKGROUND: #cfd9e2}
table td {PADDING-RIGHT: 0px; PADDING-LEFT: 10px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px}
.td1 {BACKGROUND: #fff}
.td2 {BACKGROUND: #e6ebf1}

.link {clear:both; padding:20px 0; text-align:center;}
.gotop { padding:10px 15px 10px 10px; text-align:right;}
.foot { padding-right:20px; border-top:#eee 2px solid; font-size:10px; color:#959595; line-height:19px;text-align:right;}

/*
news-menu:
*/
.news-menu {
	border-bottom:1px solid #ccd5de;
	height:25px;
	margin-bottom:20px;
	list-style:none;
	clear:both;
}
	.news-menu li{
		display: block;
		padding:0 15px;
		line-height:25px;
		background:#e6ebf1;
		float:left;	
		margin-right:2px;
	}
	.news-menu li.slelect-news-menu{
		background:#f39801;
		color:#fff;
	}
	.news-menu li.slelect-news-menu a{
		color:#fff;
	}	
/*
案例
*/
.case-list{overflow:hidden;height:100%; padding-top:8px;}
.case-list ul li{display:inline; display: -moz-inline-stack;display: inline-block;vertical-align: top;zoom: 1;*display: inline;
	 float:left; width:184px; margin-left:25px;}
.case-list ul li img{ width:180px;border:1px solid #000; padding:2px;}
.case-list ul li p{ text-align:center; line-height:19px; margin-top:5px; margin-bottom:8px;}