@charset "utf-8";
/* CSS Document */
body { font-size:12px; font-family:"宋体"; line-height:1.5; background-repeat: repeat; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; color: #5e5e5e; background:url(../images/index_01.jpg) repeat-x;}
ul,dl,dd,h1,h2,h3,h4,h5,h6,form,p { padding:0; margin:0; }
ul { list-style:none;}
img { border:0px;}
a { color:#5e5e5e; text-decoration:none;}
a:hover { color:#0369b4; text-decoration:none;}
.clear{clear:both;}
.clearfloat {clear:both;height:0;font-size:1px;line-height: 0px;} 

/*body*/

/*................................................*/
#container { width:960px; margin:0 auto;}
#header{ width:100%; margin:0 auto; background:url(../images/index_01.jpg) repeat-x; margin-bottom:15px;}
#top{ margin:0 auto; width:100%;}
#top .topbar{ width:960px;background-color:#f2f2f2;  height:23px; margin:0 auto;}
#top .topbar span{float:left; margin-top:2px; font-size:12px;}
#top .topbar h3{ float:right;font-size:12px;margin-top:2px; margin-left:25px; font-weight:100;}
#banner{ background:url(../images/digital/digital_banner.jpg) no-repeat center; width:100%; height:270px; margin:0 auto;}
#menu{ width:960px; background:url(../images/nav_06.jpg) repeat-x; height:36px; margin-bottom:15px; margin:0 auto;}
#menu ul li{ float:left;  font-weight:bold; margin:8px 5px 0 5px;}
#menu ul li a{ float:left; padding-left:25px; display:block; color:#ffffff; font-size:12px; font-family:"微软雅黑";}
#menu ul li a:hover{ color:#eeeeee;}
/*................................................*/

.nav{ padding:8px 0px 5px 0px; color:#FFFFFF;}
.nav a{ color:#FFFFFF;}

#banner1{ background:url(../images/digital/video_bg.jpg) repeat-x; height:460px; width:100%; margin:0 auto; margin-bottom:15px;}
.banner1_con{ margin:0 auto; width:960px; padding:0px 0px 0px 100px;position:relative;}
.banner1_con .prev{background:url(../images/digital/d_pre.jpg) no-repeat center;width:39px;height:67px;position:absolute; left:45px;top:180px;cursor:pointer;}
.banner1_con .next{background:url(../images/digital/d_next.jpg) no-repeat center;width:39px;height:67px;position:absolute;left:950px;top:180px;cursor:pointer;}	
.banner1_con .scrollable{width:835px; height:411px;overflow:hidden;position:relative;}
.scrollable ul{width:1000em;position:absolute;clear:both;}
.scrollable ul li{ float:left; padding-right:15px; width:835px; height:411px;}
.scrollable ul li img{ display:block; margin-bottom:2px;}
.scrollable ul li a{ color:#FFFFFF;}

/*视频播放按钮*/
.btn_play .avatar {display:block;zoom:1;position:relative;}
.btn_play .avatar:after, .btn_play .avatar .playmask, .btn_play .avatar .gico-play {visibility:hidden;position:absolute;overflow:hidden;cursor:pointer}
.btn_play .avatar:after {z-index:2;top:0;left:0;width:100%;height:100%;content:'';background:rgba(0, 0, 0, .3) url(../images/btn.png) no-repeat 390px 169px}
.btn_play .avatar .playmask {z-index:2;top:0;left:0;width:100%;height:411px;background:#000}
.btn_play .avatar .gico-play {
	z-index:3;
	top:165px;
	left:379px;
	width:54px;
	height:54px;
	background:url(../images/btn.png) no-repeat;
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='http://192.168.1.120:8888/8090_njpub/skin/njpub/images/btn.png');
	text-indent:-599px
}
.btn_play .avatar:hover:after, .btn_play .avatar:hover .playmask, .btn_play .avatar:hover .gico-play {visibility:visible}
.btn_play .avatar:hover .playmask {filter:alpha(opacity=30)}
.btn_play .avatar img {width:100%;height:100%}

/*视频播放按钮*/

#banner2{ background:url(../images/digital/video_bg1.jpg) repeat-x; width:100%; height:184px; margin:0 auto; margin-bottom:15px;}
#banner2 .banner2_con{ width:960px; margin:0 auto; margin-top:15px; padding-left:28px}
#banner2 .banner2_con ul li{ float:left; width:146px; margin:10px; padding:8px; text-align:center; background-color:#ffffff; }
#banner2 .banner2_con ul li img{ display:block; margin-bottom:5px;}

/*................................................*/

#search{ margin:15px 0px; border:solid 1px #dddddd; height:58px;}

/*................................................*/

#book { width:960px; border:solid 1px #ededed; border-top:none;margin-bottom:15px; }
.book_box{ background:url(../images/biao_book_03.jpg) no-repeat; height:30px; width:960px; }
.box h1{ float:left;font-family:"微软雅黑"; font-weight:bold; font-size:14px; color:#ffffff; padding-top:5px; padding-left:100px;}
.box span{ float:right;padding-top:5px;padding-right:20px;}
.box span a{color:#FFFFFF;}
.book_con{ padding:20px;}
.book_con dl{ width:920px; margin-bottom:15px; height:215px;}
.book_con dl dt{width:428px; height:215px; float:left;}
.book_con dl dd{width:420px; float:left; padding-left:25px; line-height:28px;}
.book_con dl dd b{ display:block; color:#096fa0; font-size:14px; font-family:"微软雅黑"; }
.book_con dl dd span{ display:block; float:right;color:#096fa0; font-size:14px; font-family:"微软雅黑"; }

/*................................................*/

#books { width:960px; border:solid 1px #ededed; border-top:none; margin-bottom:15px; }
.books_box{ background:url(../images/biao_book1_19.jpg) no-repeat; height:30px; width:960px;}

.books_con{ width:920px; padding:15px 20px;}
.books_con ul li{ float:left; padding: 10px 18px; text-align:center;}
.books_con ul li img{ display:block; margin-bottom:10px; width:146px; height:104px;}
.books_con ul li a{ color:#7b7b7b;}
.books_con ul li a:hover{color:#500c03;}

.fy{ margin:0 auto; padding:15px; text-align:center;}

/*****************************************************************************/
/******************************* footer **************************************/
/*****************************************************************************/

#link{ margin:0 auto; width:960px;  margin-bottom:2px;}
#link dl { margin-bottom:21px; background-color:#fafafa; padding:5px 15px;}
#link dl dt { font-size:14px; color:#134560; font-weight:bold; font-family:"微软雅黑"; height:36px; }
#link dl dd { line-height:28px;}

#foot{margin:0 auto; width:100%}
#foot .foot_bg{ background-color:#4d5c61; height:16px; margin-bottom:15px;}
.foot_w{margin:0 auto; width:920px; height:90px;}
#foot dl{margin:0 auto; width:920px; height:90px;}
#foot dl dd{ padding-left:25px; float:left;}
#foot dl dt img{ float:left;}