/* Copyright 2008 MagicToolBox.com. To use this code on your own site, visit http://magictoolbox.com */

/* CSS class for zoomed area */

UL,LI{ list-style: none;  padding: 0px;}

*{ list-style: none; }
.MagicZoomBigImageCont {
	border:			1px solid #91b817;
}

.MagicZoomMain {
	text-align: center !important;
	width: 92px;
}

.MagicZoomMain div {
	padding: 0px !important;
}

/* Header look and feel CSS class */
/* header is shown if "title" attribute is present in the <A> tag */
.MagicZoomHeader {
	font:			10px Tahoma, Verdana, Arial, sans-serif;
	color:			#fff;
	background:		#91b817;
	text-align:     center !important; 
}


/* CSS class for small looking glass square under mouse */
.MagicZoomPup {
	border: 		1px solid #aaa;
	background: 	#ffffff;
}

/* CSS style for loading animation box */
.MagicZoomLoading {
	text-align:		center;
	background: 	#ffffff;
	color:			#444;
	border: 		1px solid #ccc;
	opacity:		0.8;
	padding:		3px 3px 3px 3px !important;
	display: 		none; /* do not edit this line please */
}

/* CSS style for gif image in the loading animation box */
.MagicZoomLoading img {
	padding-top:	3px !important;
}



.head_BOX{ width: 990PX; margin: 0 auto;  background-image: linear-gradient(#ffffff, #f0f0f0);  height: 73PX;}
.head_logo{ width: 217px; height:73PX; float: left; }
.menubox{ width:760px;float:RIGHT;}
.menu{ width:100%; }
.menu li{float:left; width: 113PX; border: 1PX solid #dedede; height:45px; border-radius:4PX; line-height: 45PX; margin-right:10PX; background-image: linear-gradient(#ffffff, #d6d6d6);  }
.menu li a{ padding-left:35px; background:url(../images/dot.png) no-repeat 15px 4px; text-decoration:none; color:#333; font-size: 14PX; }
.clear{clear:both;}


/* 本例子css */
.slideBox{ width:990px; height:277px; overflow:hidden; position:relative; margin:0 auto;}
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  list-style: none; }
.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:990px; height:277px; display:block;  }


.ny_left{ width: 100%; border: 1px solid #ccc; height:0 auto; margin-top: 27PX; }
.ny_l_title{ background:#b42223; height: 40PX;  color: #FFF; font-size: 14PX; line-height: 40PX; text-indent: 10PX;}

.ny_l_list{width: 100%;}
.ny_l_list li{line-height:30PX; border-bottom:1PX dotted #CCC; text-indent: 10PX; padding-left: 25px; background: url(../images/tb.jpg) no-repeat 15PX 5PX;}
.ny_l_list li A{ font-size:14PX; }
.ny_r_title{font-size: 14PX; font-weight: bold; border-bottom: 3PX solid #d6d6d6; padding-bottom: 15PX; padding-left: 40px; background: url(../images/kk.jpg) no-repeat 2PX 0PX; line-height: 30px;}
.pagination{ margin-top: 18PX; }
.pagination LI{ float: left; border:1PX solid #CCC; padding: 3PX; margin-right: 10PX;  text-align: center;}

.page{ margin-left: 35px;  margin-bottom: 80px;}


/* 成功案例css */
.case_listbox{ width:715PX; margin-left: 35PX;}
.case_ullist{   width: 750PX; margin-top: 10PX;}
.case_ullist li{ width:224px; float: left; height: 168PX; margin-right: 20PX; height: 260px;}
.case_ullist li img{ width:100%; height:180PX; }
.case_ullist li P{ text-align: center; background:#e6e6e6;  height: 35PX; font-size: 14PX; line-height: 35PX;}