/*
* @ author:YJ;
* @ time:2015/11/30;
*/

@charset "utf-8";
  
.banner{ width:100%; height:auto; overflow:hidden; position:relative; }
.banner .hd{ height:18px; width: 200px; overflow:hidden; position:absolute; left: 50%; margin-left: -100px; bottom:5%; z-index:1; text-align: center;}
.banner .hd ul{ overflow:hidden; zoom:1; }
.banner .hd ul li{ list-style: none; margin:0 12px; width:16px; height:16px; line-height:16px; text-align:center; background:url(../images/banner-icon.png) center center no-repeat; cursor:pointer; font-size: 0; float: left; }
.banner .hd ul li.on{ background:url(../images/banner-icon-active.png) center center no-repeat; color:#fff; }
.banner .bd{ position:relative; height:100%; z-index:0;   }
.banner .bd li{ zoom:1; vertical-align:middle;}
.banner .bd li a{ display: block;}
.banner .bd img{ width:100%; height:auto; display:block;} 
 

.home-main { height: 290px; padding-top: 22px; width: 1208px; margin:0 auto;}
.home-main dl{ width: 292px; float: left; padding: 0 5px;}
.home-main dl dt{ height: 200px; position: relative;}
.home-main dl dt p{ position: absolute; left: 0; bottom: 0; width: 100%; height:34px; line-height: 34px; text-align: center; z-index: 1; font-size: 18px; color: #fff; background: rgba(0, 0, 0, .5);}
.home-main dl dt i{ position: absolute; left: 50%; margin-left: -26px; top: 50%; margin-top: -26px; width: 52px; height: 52px; display: block; line-height: 52px; z-index: 2;}
.home-main dl dd{ height: 80px;}
.home-main dl dd .con{ padding: 6px 3px; padding-bottom: 0; height: 40px; line-height: 20px; }
.home-main dl dd a.more{ background: url(../images/more.jpg) right center no-repeat; float: left; padding-right: 20px; margin: 6px 0 0 3px;}