/*-------------- box1------------- */ 
.box01{float:left; width:366px;  position:relative;  } 
 
 
.box01 li{ float: left; width: 157px; height:137px; text-align: center;   cursor: pointer;   position:relative;}
.box01 li img{ height: 137px; margin: 0 auto;}
.box01 li .in{ position: absolute; left: 0; top: 0;  }

.box01 li.on{ }
.box01 li.on .in{   position:absolute;z-index:100; width:auto; text-align: center;   }

#li1.on  .in{top:-15px;  left:-15px; }
#li2.on  .in{top:-15px;  left:-5px;}
#li3.on  .in{top:-10px;  left:-15px;}
#li4.on  .in{top:-10px;  left:-5px;}


.box01 li.on img{ height: auto; margin-bottom: 8px;}



/*-------------- box2------------- */
.box02{float:left; width:330px;}
.box02 li a{ display:block; width:90%}
.box02 li:nth-child(1) a{background:url(../images/shell/tb.jpg) no-repeat right top;}
.box02 li { background:url(../images/shell/ico.jpg) no-repeat 10px 5px; padding-left:25px; overflow:hidden; margin-top:12px;}
.box02 li a{ float:left;}
.box02 li p{ float:right; padding-right:10px; color:#a4a4a4}
.more {
	margin-top: 25px;
	text-align: right;
	padding-right: 10px;

}
.more a{ color:#00a6ea}


/*-------------- link------------- */
.link{width:1000px;  overflow:hidden; margin-top:30px; margin-bottom:30px;}
.link dt{ float:left; font-weight:bold; margin-right:40px;}
.link dd{ float:left; padding:0 30px; border-right:1px #a4a4a4 solid}
.link dd a{ color:#a4a4a4}


/*-------------- flash------------- */
.flexslider {
	position: relative;
	width: 100%;
	height: 404px;
	overflow: hidden;
	zoom: 1;
	min-width:1000px;
}

.flexslider .slides li {
	width: 100%;
	height: 100%;
}

.flex-direction-nav a {
	width: 70px;
	height: 70px;
	line-height: 99em;
	overflow: hidden;
	margin: -35px 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;
	border-radius: 35px;
}

.flex-direction-nav .flex-next {
	background-position: 0 -70px;
	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 2px;
	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,
.flex-control-paging li.active a {
	background-position: 0 0;
}

.flexslider .slides a img {
	width: 100%;
	height: 404px;
	display: block;
}