@charset "utf-8";

.banner { position:relative; width:100%; height:500px; z-index:1; }
.banner .bd { position:relative; left:50%; width:1920px; margin-left:-960px; text-align:center; }
.banner .hd { position:absolute; bottom:2%; width:100%; height:12px; z-index:1; }
.banner .hd ul { width:1002px; height:12px; margin:0 auto; text-align:center; }
.banner .hd ul li { display:inline-block; *display:inline; zoom:1; width:12px; height:12px; margin:0 2px; border-radius:100%; background:#fff; line-height:99px; overflow:hidden; cursor:pointer; vertical-align:top; }
.banner .hd ul .on { background:#3b3d85; opacity:1; }


.title .hd { color: #fff; height: 38px; line-height: 38px; padding:0 9px 0 13px; background: url("itembg1.jpg") no-repeat left center; }
.title .hd h2 { font-size: 18px; font-weight: normal; text-transform: uppercase; }
.title .hd .more { float: right; font-size: 14px; }
.title .hd .more a { color: #fff; }
.title .hd .more a:hover { color: #ff0; }

.r1-item {float: left; width: 386px; margin-right: 21px; padding:10px 0 20px; background: #fff; }
.r1-item .bd { padding-top: 10px; }
.r1-item .bd li { padding-left: 17px; background: url(arrow2.png) no-repeat 6px center; border-bottom: 1px dashed #cecece;font-size: 14px; line-height: 39px; }
.r1-item .bd li span { float: right; margin-right: 8px; color: #4c4c4c; }

.hot .pic { width:380px; margin:0 auto 4px; }
.hot h4 { padding-left: 17px; background: url(arrow2.png) no-repeat 6px center; border-bottom: 1px dashed #cecece; font-weight:normal; font-size: 14px; line-height: 39px; }
.hot h4 span { float: right; margin-right: 8px; color: #4c4c4c; }


.r2 {margin-bottom: 29px;margin-top:17px;}

.r2-left { float: left; width: 386px; background: #fff;}
.r2-left .bd { padding:11px 13px 7px; }
.r2-left .bd ul li { margin: 0 0 4px; line-height: 36px; color: #333; border-radius: 5px; padding-left: 39px; background: url(p1.jpg) no-repeat 0 center; font-size: 16px; }

.r2-right {float: right; width: 794px;  background: #fff; }
.r2-right .hd { background: url("itembg2.jpg") no-repeat left center; }
.r2-right .bd { padding:11px 0 0; }
.r2-right .bd li {float: left; width: 190px; margin: 0 4px; font-size: 14px; text-align: center; }
.r2-right .bd li span { display:block; line-height: 45px; }
