@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}
body{background:#fff; color:#333;font-weight:500; font-family:'Microsoft Yahei';}


.focus{
	height: 474px;
	width: 1200px;
	margin: 0px auto 0 auto;
	background-image: url(../images/bj.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}
.focus .left{float:right; width:750px; height:474px; position:relative;overflow:hidden;}
.focus .left li{position:absolute; left:0; top:0; width:842px; height:474px; z-index:1; opacity:0; filter:alpha(opacity=0);}
.focus .left li.active{z-index:2;}
.focus .left li p{display:none;}

.focus .right{float:left; width:440px;}
.focus .right li{height:130px; overflow:hidden; padding-left:20px;  font-size:24px; padding-top:30px; color:#DA251E;  cursor: pointer;}
.focus .right li p{ font-size:13px}
.focus .right li:hover,.focus .right li.active{
	color: #fff;
	background-position: center center;
	background-image: url(../images/over.jpg);
	background-repeat: no-repeat;
}
.focus .right li i{
	width: 60px;
	height:100px;
	float: left;
	margin-top: 15px; 
	margin-right: 80px;
}
.focus .right li i.i1{background-position: center center;
	background-image: url(../images/d1.png);
	background-repeat: no-repeat;}
.focus .right li i.i2{background-position: center center;
	background-image: url(../images/d2.png);
	background-repeat: no-repeat;}
.focus .right li i.i3{background-position: center center;
	background-image: url(../images/d3.png);
	background-repeat: no-repeat;}
 
.focus .right li:hover i.i1,.focus .right li.active i.i1{ background-position: center center;
	background-image: url(../images/o1.png);
	background-repeat: no-repeat;}
.focus .right li:hover i.i2,.focus .right li.active i.i2{background-position: center center;
	background-image: url(../images/o2.png);
	background-repeat: no-repeat;}
.focus .right li:hover i.i3,.focus .right li.active i.i3{background-position: center center;
	background-image: url(../images/o3.png);
	background-repeat: no-repeat;}