/* css 重置 */
 *{margin:0; padding:0; list-style:none;}
 body{ background:#fff; font:normal 12px/22px 宋体;}
 img{ border:0;}
 a{ text-decoration:none; color:#333;}

 /* 本例子css */
 .slideBox{ width:372px; height:290px; overflow:hidden; position:relative; border:1px solid #ddd;}
 .slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1;}
 .slideBox .hd ul{ overflow:hidden; zoom:1; float:left;}
 .slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer;}
 .slideBox .hd ul li.on{ background:#f00; color:#fff;}
 .slideBox .bd{ position:relative; height:100%; z-index:0;}
 .slideBox .bd li{ zoom:1; vertical-align:middle;}
 .slideBox .bd img{ width:372px; height:290px; display:block;}

 /* 下面是前/后按钮代码，如果不需要删除即可 */
 .slideBox .prev,
 .slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;}
 .slideBox .next{ left:auto; right:3%; background-position:8px 5px;}
 .slideBox .prev:hover,
 .slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;}
 .slideBox .prevStop{ display:none;}
 .slideBox .nextStop{ display:none;}



        .picScroll-left{ overflow:hidden; position:relative;  border:1px solid #ccc;}
        .picScroll-left .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px; text-align:center;}
        .picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
             cursor:pointer; background:url(../images/arrow.png) 0 0 no-repeat;}
        .picScroll-left .hd .next{ background-position:0 -50px;}
        .picScroll-left .hd .prevStop{ background-position:-60px 0;}
        .picScroll-left .hd .nextStop{ background-position:-60px -50px;}
        .picScroll-left .hd ul{ display: inline-block; overflow:hidden; zoom:1; margin-top:10px; zoom:1;}
        .picScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url(../images/icoCircle.gif) 0 -9px no-repeat;}
        .picScroll-left .hd ul li.on{ background-position:0 0;}
        .picScroll-left .bd{ padding:10px;}
        .picScroll-left .bd ul{ overflow:hidden; zoom:1;}
        .picScroll-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; }
        .picScroll-left .bd ul li .pic{ text-align:center;}
        .picScroll-left .bd ul li .pic img{ width:270px; height:152px; display:block;  padding:2px; border:1px solid #ccc;}
        .picScroll-left .bd ul li .pic a:hover img{ border-color:#999;}
        .picScroll-left .bd ul li .title{ line-height:2;float: none;width:272px}
       .subtitle {
font-size: 13px;
color: #666;
}
.picScroll-left .bd ul li a {
font-weight: bold;
}



        .js{width:90%; margin:10px auto 0 auto;}
        .js p{ padding:5px 0; font-weight:bold; overflow:hidden;}
        .js p span{ float:right;}
        .js p span a{ color:#f00; text-decoration:underline;}
        .js textarea{ height:50px;  width:98%; padding:5px; }
         .sideMenu {padding:0 10px}
        .sideMenu h3{
            height:32px;
            line-height:32px;
            border-bottom: 1px solid rgba(255,255,255,.1);
            cursor:pointer;
            font:normal 14px/32px "Microsoft YaHei";
            color: #fff;
            padding: 10px 5px 5px;
            }
        .sideMenu h3 em{ float:right; display:block; width:40px; height:32px;   background:url(../images/jt.png) no-repeat center; cursor:pointer; background-size: 10px;transition:.4s;}
        .sideMenu h3.on em{ rotate: 90deg;}
        .sideMenu ul{  display:none;}
         .sideMenu ul div .icon {
                 display: block;
                 float: right;
                  width:25px;
                  padding-top:5px;
                       }
.book_right {
float:right;
}.book_left{
float:left;
}
        .book_left h2,.book_mide h2,.book_right h2{color:#fff;margin: 15px 15px 0;}
        .book_left,.book_right{
            width: 398px;
            background-color: rgb(0,111,174,0.8);
            overflow: hidden;
        }
        .book_mide{width:400px;float:left;margin: 0 2px;background-color: rgb(0,111,174,0.8);}
        .sideMenu ul div {
            background-color: rgba(255,255,255,.03);
            padding: 10px 22px;
            color: #eee;
            overflow: hidden;
            height: 100px;
}        }