@charset "utf-8";
#container {
	width:1052px;
	margin:0 auto;
	position:relative;
	z-index:0;height:500px;overflow:hidden;
}

#example {
	width:1052px;
	height:500px;
	position:relative;
}

#ribbon {
	position:absolute;
	top:-3px;
	left:-15px;
	z-index:500;
}

#frame {
	position:absolute;
	z-index:0;
	width:739px;
	height:341px;
	top:-3px;
	left:-80px;
}

#slides {
	position:absolute;
	left:51px;
	z-index:100;
}

#slides .next,#slides .prev {
	position:absolute;
	top:127px;
	left:-98px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
}

.slides_container {
	width:950px;
	overflow:hidden;
	position:relative;height:450px;
}

#slides .next {
	left:1008px;
}

.pagination {
	margin:26px auto 0;
	width:180px;
	overflow:hidden;
}

.pagination li {
	float:left;
	margin:0 5px;
}

.pagination li a {
	display:block;
	width:15px;
	height:15px;
	background-image:url(../images/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
	text-indent:-9999px;
}

.pagination li.current a {
	background-position:0px -16px;
}

.caption {
	position:absolute;
	bottom:-35px;
	height:30px;
	padding:5px 20px 0 20px;
	background:#000;
	background:rgba(0,0,0,.5);
	width:540px;
	font-size:1.3em;
	line-height:1.33;
	color:#fff;
	border-top:1px solid #000;
	text-shadow:none;
}
#custom-websites-content-images{width:1052px;height:250px;}
#custom-websites-content-images h1,#custom-websites-content-images h2{text-align:center;}
#custom-websites-content-images a  img{padding-left:83px;}
#custom-websites-content-images h1 a{font-size:16px;color:#333;font-weight:400;}
#custom-websites-content-images h1 a:hover{color:#db2430;}
#custom-websites-content-images h1{padding-top:20px;}
#custom-websites-content-images h2{font-size:14px;color:#ccc;padding:5px 0px 5px;}
#custom-websites-content-images p{padding:0px 20px;}
#custom-websites-content-images p a{font-size:12px;color:#999;line-height:18px;}
.custom-websites-content-element { float: left; width: 263px;} 
.custom-websites-content-element img{ margin-top: 10px; -webkit-transition: margin 0.5s ease-out; -moz-transition: margin 0.5s ease-out; -o-transition: margin 0.5s ease-out; } 
.custom-websites-content-element img:hover { margin-top: 2px; }
.indexcen{height:306px;}
.indexl1,.indexl2,.indexl3{float:left;height:306px;}
.case{height:90px;margin-bottom:13px;}
.indexl1{width:307px;}
.view1,.view2,.view3{display:block;width:307px;height:90px;}
a.view1{background:url(../images/channel.gif) no-repeat left 0px;}
a:hover.view1{background:url(../images/channel.gif) no-repeat right 0px;}
a.view2{background:url(../images/channel.gif) no-repeat right -90px;}
a:hover.view2{background:url(../images/channel.gif) no-repeat right -90px;}
a.view3{background:url(../images/channel.gif) no-repeat left -180px;}
a:hover.view3{background:url(../images/channel.gif) no-repeat right -180px;}
.indexl2{margin-left:30px;width:373px;}
.newli{background:url(../images/newlist.jpg) no-repeat;width:373px;height:244px;}
.newli ul{padding-left:60px;}
.newli ul li{height:82px;}
.newli ul li h2{padding-top:20px;}
.newli ul li h2 a{font-size:12px;color:#333;font-weight:400;}
.newli ul li h2 a:hover{color:#db2430;}
.newli ul li p{font-size:12px;color:#999;}
.indexl3{width:304px;margin-left:30px;}

.homebanner {
    height: 241px;
    position: relative;
    width: 304px;
	background:url(../images/customer.png) no-repeat;
	font-size:12px;color:#7f7f7f;line-height:20px;

}
.case-flash-top{height:74px;width:100%;}
.case-flash-top  .fz-10{float:left;line-height:74px;display:block;width:155px;height:74px;}
.case-flash-top  .fz-10 img{padding:20px;}
.case-flash-top  .fz-12,.case-flash-top  .fz-16{float:left;width:145px;display:block;}
.fz-16{padding-top:18px;}
.case-flash-txt{width:245px;height:115px;padding:10px 30px 0px 30px;}

.homebanner .nums{
position:absolute;
float:right;
bottom:-2px; 
left:122px;
}
.homebanner .nums li{
float:left;
width:20px;
height:25px;
cursor:pointer;
position:relative;
z-index:1000000;
display:inline;
}
.homebanner .nums li p{
text-align:center;
color:#fff;
font-size:12px;
background:url(../images/case-flash-ico.png) no-repeat;
background-position:-49px 0px;	
text-indent:-9999px;
display:block;
}
.homebanner .nums li.curr{
float:left;
width:20px;
height:20px;
}
.homebanner .nums li.curr p,.homebanner .nums li p:hover{
background:url(../images/case-flash-ico.png) no-repeat;
background-position:0px 0px;	
}
.imgs{overflow:hidden;height:240px;}