/* CSS Document */
/*//////////////////////////////////////
///	design:xiejing-谢璟 | 创宜网络     ///
/// email:xiejing0911@hotmail.com    ///
/// address:江苏省宜兴市               ///
/// QQ:123328756                     ///
/// tel:15895392309                  ///
//////////////////////////////////////*/

/*========================================top===================================================*/

/* 全局 */
body,html {
	margin:0;
	padding:0;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:normal;
	color:#343434;
	}

#container {
	width:100%;
	margin:0 auto;
}


a,a:visited{
	color:#666666;
	text-decoration:none;
}

a:hover{
	color:#0290f1;
	text-decoration:none;
}

img{
	border:none;
	}

td{font-size:12px; border:1px solid #cdcdcd}
div,p,ul,li,dd,dt,dl{
	border:none;
	padding:0;
	margin:0;
	display:block;
	}
.clear {
	clear:both;
	}
.leftclear {
	clear:both; display:inherit
	}
.clear5 {
	clear:both; margin-bottom:5px;
	}
.clear10 {
	clear:both; margin-bottom:10px;
	}
.margin5{margin-top:5px;}	

/* top */
.logo{width:100%; text-align:center; margin:10px auto; }
#top{width:100%;margin:0 auto; }
.swf{margin:0px auto; height:490px; margin-bottom:40px;}
.swf11{margin:5px auto; height:358px; background:url(../images/swfbg.jpg) no-repeat center}
#mainmenu {
	z-index:11;
	background-color:#016cab;
	text-align:center;
	position:relative;
	width:100%; margin:0 auto;
	}

#nav {
  line-height:45px;  
  list-style-type: none;
  width:1100px; height:45px;
  margin:0 auto;
  display:block;
  text-align:center;
}


#nav a {
 	display: block; 
 	width:155px;
	height:45px; line-height:45px;
	text-align:center;
 	color:#ffffff;
	font-size:15px;
 	text-decoration:none;
	font-family:'Microsoft Yahei','Simsun';
	}



#nav a:hover  {
	color:#ffffff;
 	background:#024085
}

.selected{
	color:#ffffff;
 	background:#024085
}

#nav li {
	float: left; 
	width: 155px;
	border-right:1px solid #017dc6;
}

#nav li ul {
 	line-height: 30px;
	list-style-type: none;
 	left: -1050em;
	width:600px;
	height:460px;
	position: absolute;
	margin-left:-165px !important;
  	margin-left:-105px;
	border-top:none;
	background:url(../images/liul111.gif) no-repeat center top;
	background-color:#ffffff;
	border:1px solid #CCCCCC;
	padding:15px;
}

#nav li ul li{
 width: 300px;
 background:none;
 margin-left:10px;
 clear:both;
 background:url(../images/ddot.gif) center left no-repeat;
}

#nav li ul a{
 display: block; 
 width: 300px;
 font-size:14px;
 color:#000000;
 text-align:center;
 text-decoration:none;
 height:34px; 
 line-height:34px;
 text-indent:2em;
  text-align:left;
 background-image:none;
  border-bottom:1px solid #dedede;

}

#nav li ul a:hover  {
 	color:#0290f1;
	text-decoration:none;
	background:none;
  border-bottom:1px solid #0290f1;
	
	}



#nav li:hover ul {
 left: auto;

}

#nav li.sfhover ul {
 left: auto;
}




/*========================================foot===================================================*/
#foot {
	background-color:#024085;
	width:100%;
	margin:0 auto;
	padding-top:20px;
	padding-bottom:20px;
	text-align:center;
	line-height:200%;
	color:#ffffff;
	}
	
#foot a{color:#efefef}
#foot a:hover{color:#FF6600}
#foot1 {
	background-color:#ffffff;
	width:100%;
	margin:0 auto;
	padding-top:10px;
	padding-bottom:20px;
	text-align:center;
	line-height:200%;
	color:#898989;
	}
	
#foot1 a{color:#787878}
#foot1 a:hover{color:#FF6600}
	
	
/*========================================leftnav===================================================*/
#picBox{width:240px; height:160px; margin-left:0px; padding-top:30px; overflow:hidden; position:relative;}
#picBox ul#show_pic{ margin:0; padding:0; list-style:none; height:160px; width:3050px; position:absolute;}
#picBox ul#show_pic li{ float:left; margin:0; padding:0; height:160px;}
#picBox ul#show_pic li img{ display:block; width:240px; height:160px;}
#icon_num{ position:absolute; bottom:1px; right:1px;}
#icon_num li{ float:left; background:url(../images/flashbutton.gif) no-repeat -15px 0;width:15px; height:15px; list-style:none; color:#000; text-align:center;  cursor:pointer; padding:0; margin:0;margin-right:5px; margin-bottom:5px; line-height:15px;}
#icon_num li:hover,#icon_num li.active{ background:url(../images/flashbutton.gif) no-repeat 0 0; color:#fff;}


#picBox222{width:240px; height:160px;  margin-left:0px;overflow:hidden; position:relative;}
#picBox222 ul#show_pic222{ margin:0; padding:0; list-style:none; height:160px; width:3050px; position:absolute;}
#picBox222 ul#show_pic222 li{ float:left; margin:0; padding:0; height:160px;}
#picBox222 ul#show_pic222 li img{ display:block; width:240px; height:160px;}
#icon_num222{ position:absolute; bottom:1px; right:1px;}
#icon_num222 li{ float:left; background:url(../images/flashbutton.gif) no-repeat -15px 0;width:15px; height:15px; list-style:none; color:#000; text-align:center;  cursor:pointer; padding:0; margin:0;margin-right:5px; margin-bottom:5px; line-height:15px;}
#icon_num222 li:hover,#icon_num222 li.active222{ background:url(../images/flashbutton.gif) no-repeat 0 0; color:#fff;}


/* flexslider */
.flexslider{margin:0px auto;position:relative;width:1000px;height:300px;overflow:hidden;zoom:1;}
.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;}
.flexslider .slides{zoom:1;}
.flex-direction-nav a{width:60px;height:90px;line-height:99em;overflow:hidden;margin:-60px 0 0;display:block;background:url(../images/ad_ctr.png) no-repeat;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;}
.flex-direction-nav .flex-next{background-position:0 -90px;right:0;}
.flex-direction-nav .flex-prev{left:0;}
.flexslider:hover .flex-next{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-prev{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=50);}
.flex-control-nav{width:100%;position:absolute;bottom:10px;text-align:center;}
.flex-control-nav li{margin:0 5px;display:inline-block;zoom:1;*display:inline;}
.flex-control-paging li a{background:url(../images/dot.png) no-repeat 0 -16px;display:block;height:16px;overflow:hidden;text-indent:-99em;width:16px;cursor:pointer;}
.flex-control-paging li a.flex-active{background-position:0 0;}



    #featureContainer {
	BORDER-BOTTOM: #999 0px dotted; BORDER-LEFT: #999 0px dotted; MARGIN: 0px auto; WIDTH: 1150px; FONT-SIZE: 80%; BORDER-TOP: #999 0px dotted; BORDER-RIGHT: #999 0px dotted
}
#wrap {
	OVERFLOW: hidden
}
#load {
	 BORDER-BOTTOM: #999 0px dotted; BORDER-LEFT: #999 0px dotted; TEXT-INDENT: -9999px; MARGIN: 0px auto; WIDTH: 1150px; DISPLAY: none; BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: center 50%; HEIGHT: 200px; BORDER-TOP: #999 0px dotted; BORDER-RIGHT: #999 0px dotted
}
#feature {
	BORDER-BOTTOM: #999 0px dotted; POSITION: relative; BORDER-LEFT: #999 0px dotted; MARGIN-TOP: 5px; MARGIN-BOTTOM: 20px; BORDER-TOP: #999 0px dotted; BORDER-RIGHT: #999 0px dotted
}
#feature .button {
	BORDER-BOTTOM: #999 0px dotted; POSITION: absolute; BORDER-LEFT: #999 0px dotted; WIDTH: 1150px; BORDER-TOP: #999 0px dotted; TOP: 72px; BORDER-RIGHT: #999 0px dotted; LEFT: -20px
}
#feature .prev {POSITION: relative;
	BORDER-BOTTOM: #999 0px dotted; BORDER-LEFT: #999 0px dotted; TEXT-INDENT: -9999px; WIDTH: 30px; DISPLAY: block; BACKGROUND: url(../images/feature_left.gif) center top; FLOAT: left; HEIGHT: 48px; BORDER-TOP: #999 0px dotted; TOP: -130px;BORDER-RIGHT: #999 0px dotted; left:-30px;
}
#feature .next {POSITION: relative;
	BORDER-BOTTOM: #999 0px dotted; BORDER-LEFT: #999 0px dotted; TEXT-INDENT: -9999px; WIDTH: 30px; DISPLAY: block; BACKGROUND: url(../images/feature_right.gif) center top; FLOAT: right; HEIGHT: 48px; BORDER-TOP: #999 0px dotted; TOP: -130px; BORDER-RIGHT: #999 0px dotted
}
#feature .prev:hover {
	BACKGROUND-POSITION: center bottom
}
#feature .next:hover {
	BACKGROUND-POSITION: center bottom
}
.featureUL {
	BORDER-BOTTOM: #000 0px dotted; POSITION: relative; BORDER-LEFT: #000 0px dotted; PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 2800px; PADDING-RIGHT: 0px; FLOAT: left; BORDER-TOP: #000 0px dotted; BORDER-RIGHT: #000 0px dotted; PADDING-TOP: 0px; LEFT: 0px
}
.featureBox {
	BACKGROUND-IMAGE: url(../images/bg-featurebox.jpg); BORDER-BOTTOM: #999 0px dotted; BORDER-LEFT: #999 0px dotted; WIDTH: 270px; BACKGROUND-REPEAT: no-repeat; FLOAT: left; HEIGHT: 250px; OVERFLOW: hidden; BORDER-TOP: #999 0px dotted; BORDER-RIGHT: #999 0px dotted; PADDING-TOP: 10px; margin:0 auto; text-align:center
}
#botton-scroll {
	Z-INDEX: 0; BORDER-BOTTOM: #999 0px dotted; BORDER-LEFT: #999 0px dotted; MARGIN: 0px auto; WIDTH: 1100px; FLOAT: left; HEIGHT:250px; BORDER-TOP: #999 0px dotted; BORDER-RIGHT: #999 0px dotted
}
#block {
	Z-INDEX: 0; BORDER-BOTTOM: #999 0px dotted; POSITION: relative; BORDER-LEFT: #999 0px dotted; PADDING-BOTTOM: 20px; MARGIN: 0px auto; PADDING-LEFT: 0px; WIDTH: 1120px; PADDING-RIGHT: 0px; HEIGHT: 210px; FONT-SIZE: 70%; OVERFLOW: hidden; BORDER-TOP: #999 0px dotted; BORDER-RIGHT: #999 0px dotted; PADDING-TOP: 0px
}
#block .box {
	BORDER-BOTTOM: #d8d8d8 0px solid; BORDER-LEFT: #d8d8d8 0px solid; PADDING-BOTTOM: 10px; MARGIN: 0px 10px; PADDING-LEFT: 10px; WIDTH: 270px; PADDING-RIGHT: 10px; FLOAT: left; HEIGHT: 300px; BORDER-TOP: #d8d8d8 0px solid; BORDER-RIGHT: #d8d8d8 0px solid; PADDING-TOP: 10px; margin:0 auto; text-align:center;
}
#block .box img{border:5px solid #cecece; margin-bottom:10px}
#block .box .feature-title {
	FONT-SIZE: 140%; FONT-WEIGHT: normal
}
#block .box .feature-thumb {
	WIDTH: 250px;  FLOAT: left; HEIGHT: 220px
}
