/*
网站名称: clotus 青莲网络
设计者: eric.chen 
制作者: eric.chen(www.gzqiyewang.cn) 
制作时间: 09-06-20

[目录表] 
	0- Reset
	1- Global
	2- Links
	3- Headings
	4- Pages 
	5- layout
*/

/* =0 Reset
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
@import url('reset.css');
/* =1 Global
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
html{
	overflow-x:hidden;
}
body {
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #333;
	background:url(../images/main_bg.gif) repeat-x; 
}
.news_data{
	color:#999;
	font-size:11px;
	float:right; 
}

.btn_search{
	height:24px;
	padding-top:1px;
	width:61px;
	border:none; 
	font:bold 14px/14px "Arial";
	color:#007bae; 
	text-align:center;
	background:url(../images/btn_bg.gif) no-repeat; 
}
.input_search{
	height:16px; 
	width:180px;
	padding-left:3px; 
    padding-top:4px; 
	border:1px solid #bebebe; 
	color:#666;
	font:bold 14px/1em "Arial";
	background:url(../images/input_bg.gif) repeat-x; 	
}
.input_select{
    position:relative;
	top:-2px;
	*top:0px;
    height:22px;
    color:#666;
	border:1px solid #7f9db9; 
    font-size:14px;
	background:url(../images/input_bg.gif) repeat-x; 	
}
.bold_line{
	margin:15px 0;
	padding-top:10px;
	height:20px; 
	color:#999;
	border-top:3px solid #75aae3;
	background:url(../images/footer_bg.gif) no-repeat; 
}
.page_sideBar_title h2{
	height:32px; 
	margin-bottom:2px; 
	color:#fff;
	line-height:32px;
	font-size:14px;
	text-align:center; 
	background:url(../images/side_title2.gif) no-repeat; 
}

/* =2 Links
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
a:link, a:visited{ 
	color:#176170; 
	text-decoration:none;
}
a:hover {color:#f60; }
a:active {
	color:#176170; 
	text-decoration:none;
}

a.gray{
	font-size:12px;
	font-weight:normal;
	font-family:"宋体";
}
a.gray:link, 
a.gray:visited{ 
	color:#999; 
	text-decoration:none;
}
a.gray:hover {color:#f60; }
a.gray:active {
	color:#999; 
	text-decoration:none;
}

.globalNav a:link, 
.globalNav a:visited{ 
	color:#fff; 
	text-decoration:none;
}
.globalNav a:hover {text-decoration:underline;}
.globalNav a:active {
	color:#fff; 
	text-decoration:none;
}

a.blue:link, 
a.blue:visited{ 
	color:#176170; 
	text-decoration:none;
}
a.blue:hover{color:#f60;}
a.blue:active{
	color:#176170; 
	text-decoration:none;
}
a.link-alt:link, a.link-alt:visited{
	color:#a00; 
}
a.link-alt:hover{
	color:#a00; 
	text-decoration:underline;
}
a.link-alt:active{
	color:#a00; 
}

/* =3 Headings
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
h2, h3 {
	font-size:14px; 
	color:#176170; 
}

h3 {font-size:12px;}


/* =4 Pages
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#xpager{
	padding-bottom:3px;  
	text-align:right; 
	clear:both; 
}
#xpager .activePage { 
	padding: 1px 4px ; 
	border: 1px solid #CCC; 
	background-color:#FFF; 
	margin-right:3px;  
}
#xpager .activePage a:link, 
#xpager .activePage a:visited,
#xpager .activePage a:hover,
#xpager .activePage a:active { text-decoration: none; color: #f60; }

#xpager .inactivePage { 
	background-color:#E6E6E6;
	border:1px solid #CCC;
	color:#067AD4;
	cursor:pointer;
	margin-right:3px;
	padding:1px 5px;
}

#xpager .inactivePage a:link, 
#xpager .inactivePage a:visited,
#xpager .inactivePage a:hover, 
#xpager .inactivePage a:active { text-decoration: none; color: #0275bf; }

#xpager .goInput{ 
	font-weight: bold; 
	border:1px solid #999; 
	color:#0275bf; 
	background-color:#fff; 
	cursor:pointer; 
	width:30px; 
}
#xpager input{ height:14px; }

/* =5 layout
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

#container{
	width:960px;
	margin:0 auto;
}

#header{
    position:relative;
	height:140px;
	margin-bottom:15px;
	z-index:10000;
}

#header .logo{
	height:63px;
	padding:15px 0 0 8px; 
}

#header .logo h1{	
    overflow:hidden;
	text-indent:-9999px;	
}

#header .slogan{ 
	position:absolute;
	top:78px;
	left:16px;
	color:#999;
	font-size:12px;
}

#header .utility{
	 position:absolute;
	 top:20px;
	 right:10px;
	 color:#999; 
}

#header .search{
	 position:absolute;
	 top:60px;
	 right:10px;
}

#header .globalNav{
	 position:absolute;
	 top:100px;
	 height:40px;
	 width:960px; 
	 background:url(../images/main_nav_center.gif) repeat-x; 
} 
#header .globalNav li{
    float:left;
	height:40px; 
	margin:0 10px;
	font-size:14px;
	font-weight:bold;
	line-height:40px;
}
#header .globalNav .left,
#header .globalNav .right{
    float:left;
	width:8px; 
	margin:0;
	background:url(../images/main_nav_left.gif) no-repeat;
	overflow:hidden;
}
#header .globalNav .right{
    float:right;
	background:url(../images/main_nav_right.gif) no-repeat;
}
#header .globalNav .line{
	width:4px; 
	background:url(../images/v_line.gif) no-repeat center center;
}
#header .globalNav .current{
    display: block;
	padding:0 12px;
	background:url(../images/current.gif) no-repeat center 8px ;
	color:#f60;
	text-decoration:none;	
}
/*---------E header-------------*/
#banner{
	height:276px;
	background:url(../images/banner_bg.gif) no-repeat; 
	margin-bottom:10px;
	padding:3px;
	padding-top:9px;
	position:relative;

}   
.featured { 
	width:960px; 
	height:276px; 
	overflow:hidden; 
	z-index:-1;  
	background:url(../images/ajax-loader.gif) no-repeat center center; 
}

.num{ 
	zoom:1; 
	position:absolute;
}
	
.num{right:20px; top:235px;}
* html .num{right:33px; top:240px;}
*+html .num{right:35px; top:255px;}

.num li{
	float: left;
	color: #FF7300;
	text-align: center;
	line-height: 16px;
	width: 16px;
	height: 16px; 
	cursor: pointer;
	overflow: hidden;
	margin: 3px; 
	border: 1px solid #FF7300;
	background-color: #fff;
}
 .num li.on{
	color: #fff;
	background-color: #FF7300;
	font-weight: bold;
}
/*E banner*/ 	

#mainbody{
	width:960px;
	height:273px; 
	padding-top:10px; 
	overflow:hidden;
	background:url(../images/body_bg.gif) repeat-x ;
}
#mainbody .mainbody_warp_right{
	float:right;  
	width:8px; 
    height:259px; 
	background:url(../images/body_right.gif) no-repeat right bottom;
}

#mainbody .mainbody_warp_left{
	float:left;  
	width:8px; 
	height:259px; 
	background:url(../images/body_left.gif) no-repeat left bottom;
}
#mainbody .enterpirse_news,
#mainbody .signed_news,
#mainbody .quick_links{
	float:left; 
	margin:0 10px; 
}


#mainbody li span{
	float:right; 
	display:block; 
}
#mainbody .enterpirse_news li,
#mainbody .signed_news li,
#mainbody .quick_links li,
#mainbody .list_case li
{
    background:url(../images/ar01.gif) no-repeat left 11px;
	padding-left:14px;
    padding-top:3px;
	padding-bottom:3px;
	border-bottom:1px dotted #999;
}


#mainbody .quick_links ul{margin-top:10px;}
#mainbody .quick_links li{
	background-image:none;
	border-bottom:none;
	margin:0;
	padding-left:0;
}
#mainbody .enterpirse_news{
	width:610px;
	overflow:hidden;
}

#mainbody .signed_news{width:610px;overflow:hidden; }

#info_pro dl{ width:145px; float:left; margin:0 10px; padding:0;}
#info_pro dt{font-weight:bold;  }
#info_pro dd{padding:3px 0; margin-left:0px; line-height:1.3em; text-align:justify;}
#info_pro dl.shop{width:100px; margin-left:0; }
#info_pro dl.tech{width:180px; }
#info_pro dd a{text-decoration:underline;}

/*------------E mainbody-------------------*/

#footer{ 
	clear:both;
	margin-bottom:15px; 
	color:#666; 
 }   
#footer p{
	background:url(../images/sub_logo.gif) no-repeat left 60px; 
	padding:3px; 
	text-align:center;
}

/*------------sub pages-------------------*/

#sub_mainbody{
	width:960px; 
	margin:0 auto; 
	text-align:left; 
	overflow: hidden;
}
#sidebar{
	background:#f9f9f9; 
	width:245px;
	margin-right:15px;
}

#maincontent{
	width:700px;
	overflow:hidden;
}
.row{
	float:left;
	margin-bottom:-32767px; 
	padding-bottom:32767px;
}
/*------------- S maincontent -------------- */
#maincontent .page_title{
	height:30px;
	line-height:30px;
	position:relative;
	z-index:-100;
	border-bottom:2px solid #CCC;
	margin-bottom:20px; 
	background:url(../images/icon_news.png) no-repeat left center; 
	padding-left:19px;
}
#maincontent .about{background:url(../images/icon_aboutUs.png) no-repeat -2px 3px; }
#maincontent .product{background-image:url(../images/icon_product.gif); }
#maincontent .search{background:url(../images/icon_search.png) no-repeat -2px center; }


#maincontent .breadCrumb{
	position:absolute;
	right:8px;
	top:3px;
	font-family:"宋体";
}

#maincontent .page_banner{clear:both; }
#maincontent .page_content dl{
	padding-bottom:4px;
	margin-bottom:20px;
	background:url(../images/dot.gif) repeat-x left bottom; 
}
#maincontent .page_content dt{
	position:relative;
	z-index:0;
	height:30px;
	padding-left:8px;
	line-height:30px;
	font-size:12px;
	font-weight:bold;
	color:#176170; 
	background:#e5eef8; 
	border-bottom:1px solid #CADFF4; 

}

#maincontent .page_content dt span{
	position:absolute;
	right:8px;
	top:2px;
	color:#999;
}

#maincontent .page_content dd{
	line-height:180%;
	color:#666;
	padding:5px;
}
#maincontent .page_content dd .page_img{
	float:left; 
	margin:0 10px 10px 0; 
}

/*------------- E maincontent -------------- */

#sidebar .pro_categories li{
	 height:30px;
	 margin-bottom:2px;
	 padding-left:22px; 
	 line-height:30px;
	 background:#E6E6E6 url(../images/icon_right.gif) no-repeat 3px center; 
	 font-size:14px;
}
#sidebar .pro_categories li.sidle_hover{
	background:#3597c8 url(../images/icon_right.gif) no-repeat 3px center; 
}
#sidebar .pro_categories li.sidle_hover a{color:#fff; }

#sidebar .side_links h3{
    margin:5px 0 10px; 
	height:32px; 
	line-height:32px;
	text-align:center;
	color:#fff;
	font-size:14px;
	background:url(../images/side_title2.gif) no-repeat;
}

#sidebar .side_links li{
	text-align:center;
	margin:10px 0; 
	font-size:14px;
}

.page_content h1{
	font-size:24px;
	line-height:36px;
	margin:0;
	padding:9px 0;
    margin-bottom:5px; 
}
.page_content h2{
	font-size:16px;
	line-height:24px;
	margin:0;
	padding:3px 0 3px;
}

.page_content .artical_title{
	margin-top:-10px;
	text-align:center;
}
.page_content .artical_title h1{
	font-size:16px;
	line-height:24px; 
}
.page_content .artical_info{
	 margin:-10px 0 10px;
     padding-bottom:5px;
	 text-align:center;
	 border-bottom:1px solid #eee;
	 color:#999;	 
}

.page_content p{
	font-size:12px;
	line-height:24px;
	margin:0 0 18px;
	text-indent:2em;
}


/*-------------search page ---------------*/
#prolist li{  
	float:left; 
	border:3px solid #EFEFEF; 
	margin:5px; 
	padding:5px;
	text-align:center;
}
.result_news li{ 
	width:680px; 
	border-bottom:1px dotted #ccc;
	margin-bottom:10px;
	padding:5px 5px 5px 17px;
	background:url(../images/signed.gif) no-repeat left center; 
}
.result_news li .date{font-size:12px; color:#999; }

/*-------------E search page ---------------*/

.globalNav li{
	display: block;
	margin-right: 10px;
	position: relative;
}
.globalNav a{
	text-decoration: none;
	display: block;
}
.globalNav li:hover ul, 
.globalNav li ul:hover{display: block;}
.globalNav li ul{
	border: 2px solid #034563;
	padding: 5px;
	padding-bottom:0;
	background-color: #F9F9F9;
	display: none;
	position: absolute;
	white-space: nowrap;
    z-index:10000;
}
#header .globalNav li ul li{ 
	height:17px; 
	line-height:17px;  
	margin-bottom:2px; 
	text-align:left;
}
.globalNav li ul li a:link, .globalNav li ul li a:visited{ 
	color:#176170; 
	font-size:12px; 
	display:block;
	padding:1px;
}
.globalNav li ul li a:hover{
	color:#F60; 
	text-decoration:underline; 
	font-size:12px;
}

#step-warp h4{
	font-family: "微软雅黑"; 
	font-size:18px;
	margin:10px 0 5px; 
}
#step-warp ul li, #step-warp ol li{
	padding:5px 0;
	line-height:1.8em; 
}
#shop{
	margin:0 auto;
	padding:15px 0; 
}
#shop td{
	padding:10px;
	text-align:center; 
}