@charset "utf-8";
body{background:#3c3d3d;font-size:16px; color:#fff}

.p1{  padding:50px; width:700px; height:550px;background:#3c3d3d;}
.p2{ padding:50px; width:700px; height:550px;background:#c13639;}
.p3{ padding:50px; width:700px; height:550px;background:#632125;}
.l{ width:350px; float:left}
.l p{font-size:25px; font-weight:bolder;}
.r {width:350px; float:left}


ul, ol { padding: 0;}

.banner { position: relative; overflow: auto; text-align: center; }

.banner li { list-style: none; }

.banner ul li { float: left; }


#b04 { width: 350px;}

#b04 .dots { position: absolute; left: 0; right: 0; bottom: 20px;}

#b04 .dots li 

{ 

	display: inline-block; 

	width: 10px; 

	height: 10px; 

	margin: 0 4px; 

	text-indent: -999em; 

	border: 2px solid #fff; 

	border-radius: 6px; 

	cursor: pointer; 

	opacity: .4; 

	-webkit-transition: background .5s, opacity .5s; 

	-moz-transition: background .5s, opacity .5s; 

	transition: background .5s, opacity .5s;

}

#b04 .dots li.active 

{

	background: #fff;

	opacity: 1;

}