@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:415px;width:1200px;margin:0px auto 0 auto;padding: 80px 0;}
.focus .left{float:left; width:870px; height:560px; position:relative;overflow:hidden;}
.focus .left li{position:absolute; left:0; top:0; width:870px; height:540px; 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:right; width:282px;}
.focus .right li{ overflow:hidden; background-image:url(../images/163-1.png); color:#000; font-size:20px;  margin-bottom:27px;cursor: pointer;padding: 22px;text-align: center;background-size:100% 100%;}
.focus .right li:hover,.focus .right li.active{color:#fff;background-image:url(../images/162.png);background-size:100% 100%;}
.focus .right li i{ background-repeat:no-repeat; width:60px;  float:left; }
.focus .right li i.i1{background-position:0 0;}
.focus .right li i.i2{background-position:0 -60px;}
.focus .right li i.i3{background-position:0 -120px;}
.focus .right li i.i4{background-position:0 -180px;}
.focus .right li:hover i.i1,.focus .right li.active i.i1{background-position:-60px 0;}
.focus .right li:hover i.i2,.focus .right li.active i.i2{background-position:-60px -60px;}
.focus .right li:hover i.i3,.focus .right li.active i.i3{background-position:-60px -120px;}
.focus .right li:hover i.i4,.focus .right li.active i.i4{background-position:-60px -180px;}
.tit {
    font-weight: bold;
    font-size: 48px;
    color: #000;
    text-align: center;
}
.tit-des {
    font-size: 16px;
    color: #999999;
    text-align: center;
    margin-top: 10px;
}