body {font-family:Microsoft Yahei;}
#header_wrap, #body_wrap, #footer_wrap { margin: 0 auto; width: 1280px; }
#header, #body, #footer { margin: 0 auto; width: 1098px; }
#header { width: 100%; }
#header .search { margin-top: 30px; +width: 240px; }
#header .nav_login a, #header .tools a { margin-right: 6px; font-size: 14px; }
#header .nav_profile { font-size: 1.14286rem; }
#header .header-content { position: relative; margin: 0 auto; width: 1098px; }
#header .logo { width: 250px; height: 80px; background: url(../ui/img/logo.png) no-repeat 0 0px; background-size:contain; marging-bottom:20px;}
#header .top { height: 60px; }
#header .navbar { margin-bottom: 10px; }
#header .nav a { font-size: 1.14286rem;}
#header .navbar-inner { background-color: #F8F8F8; padding:10px;}
#body {width: 1098px; margin: 10px auto 0; }
#body .main-col { float: left; overflow: hidden; width: 784px;}

#body .left-col { overflow: hidden; min-height:400px;  background: url(../ui/side.jpg) no-repeat left bottom;}
#body .middle-col { overflow: hidden; min-height:400px; }
#body .right-col { overflow: hidden;min-height:400px; }

#body .left-col .title{ border-bottom:1px solid #0062C0;vertical-align:middle;}
#body .left-col .title a{ background:#0062C0; line-height:36px; padding:9px 10px 9px 10px; color:#fff; }

#body .middle-col .title{ border-bottom:1px solid #0062C0;vertical-align:middle;}
#body .middle-col .title a{ background:#0062C0; line-height:36px; padding:9px 10px 9px 10px; color:#fff; }

#body .right-col .title{ border-bottom:1px solid #0062C0;vertical-align:middle;}
#body .right-col .title a{ background:#0062C0; line-height:36px; padding:9px 10px 9px 10px; color:#fff; }

#body .index_model { padding: 3px; width: auto; }
#body #index_carousel { margin-bottom: 0px; }
#body #index_carousel .carousel-inner img { width: 100%; height: 300px; }
#body #index_carousel .carousel-caption { font-size: 16px; color: #fff; }
#body .content_player { position: relative; overflow: hidden; padding: 12px 20px 20px 12px; width: 638px; height: 220px; border: 0; border-bottom: 1px solid #ececec; background: #fff; }
#body .content_player .player { position: relative; }
#body .content_player_wrapper { width: 390px; }
#body .content_player .player-imgview { float: left; }
#body .content_player .player-imgview, #body .content_player .player-imgview img { width: 380px; height: 228px; }
#body .content_player .player-imgnav a { display: inline-block; float: none; margin-right: 8px; width: 8px; height: 8px; border-radius: 100%; background: #bbb; box-shadow: .5px .5px 1px 0 #333 inset; vertical-align: middle; }
#body .content_player .player-imgnav a:hover, #body .content_player .player-imgnav a.active { width: 8px; height: 8px; background: #18a9fd; }
#body .content_player .player-imgtit { float: left; padding: 0px 10px; width: 230px; }
#body .content_player .player-imgtit .data-title { padding-bottom: 10px; border-bottom: 1px dotted #999; }
#body .content_player .player-imgtit .data-abs { padding: 10px 0 5px; }
#body .content_player .player-imgtit .data-title a:link, #body .content_player .player-imgtit .data-title a:visited, #body .content_player .player-imgtit .data-title a:active { padding: 0; color: #000; font: normal 24px/28px "\5b8b\4f53"; }
#body .content_player .player-imgtit .data-info { color: #aaa; }
#body .content_player .player-imgtit .data-info a:link, #body .content_player .player-imgtit .data-info a:visited, #body .content_player .player-imgtit .data-info a:active { display: inline; margin: 0; padding: 0 10px 0 0; color: #333; font: 12px/18px normal; }
#body .content_player .player-imgtit p { padding: 0; color: #666; font-size: 12px; }
#body .content_player .player-imgnav { right: -8px; padding-top: 5px; width: 270px; height: 25px; text-align: center; }
#body .content_player .player-imgnav { bottom: 16px; }
#body .content_player .player-imgnav #content_player_prev, #body .content_player .player-imgnav #content_player_next { position: static; display: inline-block; width: 15px; height: 15px; border: 1px solid #ccc; border-radius: 2px; box-shadow: none; vertical-align: middle; }
#body .content_player .player-imgnav #content_player_prev:hover, #body .content_player .player-imgnav #content_player_next:hover { background-color: #ccc; }
#body .content_player #content_player_prev { background: url(img/imgplayer_left_btn.png) no-repeat center 4px; }
#body .content_player #content_player_next { background: url(img/imgplayer_right_btn.png) no-repeat center 4px; }

.index_tab {}
.index_tab .nav-tabs li { /*margin-left: 10px;*/ background:#efefef; margin-left:2px; }
.index_tab .nav-tabs li:first-child { margin-left: 0px; }
.index_tab .nav-tabs li:first-child.active a { border-left: 0px; padding-left: 10px; }
.index_tab .nav-tabs>li>a {color:#666; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; padding: 5px 20px; font: 18px/1.75 "微软雅黑", "Hiragino Sans GB"; }
.index_tab .nav-tabs li.active a { border-top: 1px solid #0062C0; color:#fff; background:#0062C0;}

.medialist{ border-bottom:1px dotted #999; line-height:30px; height:30px; overflow:hidden;}
.medialist li{}
.medialist a{ color:#999;}

.index_tab .media { margin-top: 0px; }
.index_tab .media-bg { border-bottom:dashed 1px #ccc; }
.index_tab .media-object { width: 130px; height: 110px; }
.index_tab .media-heading a:link, .index_tab .media-heading a:visited { font: 14px/16px "微软雅黑"; color: #222; padding-left:20px; }
.index_tab .media-body .media-text { font-size: 13px; height:36px; line-height: 23px; overflow: hidden; margin-right: 25px; }
.index_tab .media-body .media-info { line-height: 22px; color: #BBB; margin: 5px 0 0; overflow: hidden; }
.index_tab .media-body .media-info .tags a { display: inline; float: left; line-height: 150%; margin: 2px 5px 0 0; padding: 2px 8px; border-radius: 3px; background: #3886C2; box-shadow: 0 1px 1px 0 #CCC; color: #FFF; white-space: nowrap; font-size: 12px; }
.index_tab .media-body .pubdate, .index_tab .media-body .count { margin-left: 20px; }


.mbox { margin-top: 15px; }
.lbox { overflow: hidden; margin: 0; padding: 18px; width: 307px; border-top: 1px solid #ececec; border-right: 1px solid #ececec; }
.lbox.fr { margin-left: -1px; border-left: 1px solid #ececec; }
.lbox .hd, .tbox .hd { padding-bottom: 7px; border: 0; }
.mod .hd .ext { float: left; padding-left: 25px; height: 20px; font-size: 14px; line-height: 19px; }
.mod .hd .ext a { padding-right: 5px; color: #333; }
#today_news { margin-bottom: 15px; padding: 20px 20px 0; }
#today_news .hd { overflow: hidden; padding-bottom: 0; width: 638px; }
#today_news .ulist { width: 690px; }
#today_news .ulist li { float: left; overflow: hidden; padding-right: 36px; width: 292px; height: 24px; text-align: right; line-height: 24px; line-line-; }
#today_news .ulist .art-title { float: left; overflow: hidden; width: 220px; text-align: left; font-size: 14px; }
#today_news .ulist .art-author { color: #aaa; font-size: 12px; }
.fl { float: left; }
.fr { float: right; width: 298px; border-right: 0 none; }
#tags .bd { padding-top: 6px; }
#tags .bd a:link, #tags .bd a:visited { display: inline; float: left; margin: 10px 10px 0 0; padding: 5px 10px; border-radius: 3px; background: #3886c2; box-shadow: 0 1px 1px 0 #ccc; color: #fff; white-space: nowrap; font-size: 14px; }
#tags .bd a:hover { background: #68a6d6; text-decoration: none; }
.author-m { margin-top: -1px; padding: 15px 0 16px; border-top: 1px dotted #ccc; background: 0; word-wrap: break-word; word-break: break-all; }
.author-m .author-name { margin-left: 65px; padding: 0; text-align: left; font-weight: bold; font-size: 14px; line-height: 24px; }
.author-m .author-text { margin-left: 65px; text-align: left; font-size: 12px; }
.author-m .author-artical { margin-left: 65px; padding-top: 10px; font-size: 12px; }
.author-m .author-pic { float: left; margin-right: 10px; margin-left: 3px; width: 50px; height: 50px; border: 0; }
.author-m .author-pic img { width: 50px; height: 50px; }
.w-ul li.fb { overflow: hidden; margin-bottom: 14px; padding: 0; height: 90px; background: 0; text-align: left; word-wrap: break-word; word-break: break-all; line-height: 20px; }
.w-ul li.fb img { float: left; margin-bottom: 5px; padding-right: 10px; width: 150px; height: 90px; }
.w-ul li.fb a:link, .w-ul li.fb a:visited { color: #333; font: normal 18px/20px "\5b8b\4f53"; }
.w-ul li.fb p { padding-top: 10px; color: #999; font-size: 12px; line-height: 20px; }
/* */

.artical-top li { padding: 5px 0 5px 8px; border-bottom: 1px dotted #ccc; background: url(img/dot.png) no-repeat left 15px; word-wrap: break-word; word-break: break-all; font-size: 12px; line-height: 24px; }
.artical-top li a:link, .artical-top li a:visited { color: #333; vertical-align: middle; line-height: 24px; }
.artical-top span { display: inline; float: left; overflow: hidden; margin-right: 10px; width: 120px; color: #999; font: italic 22px/24px "Times New Roman, simsun"; }
.artical-top .first-item { padding-left: 0; background: 0; }
.artical-top .first-item p { overflow: hidden; margin-top: -3px; margin-left: 130px; padding-left: 0; line-height: 16px; }
.artical-top .first-item .title { margin-bottom: 10px; height: 28px; }
.artical-top .first-item .text { height: 22px; }
.artical-top .first-item p a, .artical-top .first-item h4 a { color: #333; font-weight: bold; font-size: 14px; line-height: 18px; }
.artical-top .first-item div { color: #999; }
.artical-top-num li:after { display: block; clear: both; overflow: hidden; height: 0; content: '.'; line-height: 0; }
.artical-top-num li { padding-left: 0; background: 0; zoom: 1; }
.artical-top-num span, .artical-top-num .pic { display: inline; margin: 0; padding: 0; width: 28px; }
.artical-top li p { padding-bottom: 10px; padding-left: 30px; color: #999; font-size: 12px; line-height: 18px; }
.artical-top .top-1, .artical-top .top-1 span { font-size: 30px; line-height: 34px; }
.artical-top .top-1, .artical-top .top-2, .artical-top .top-3, .artical-top .top-1 span, .artical-top .top-2 span, .artical-top .top-3 span { color: #f30; }
.artical-top .top-1 a:link, .artical-top .top-1 a:visited { float: left; overflow: hidden; width: 235px; height: 34px; font-size: 14px; line-height: 34px; }
#links { border-top: 2px solid #333; padding-top: 10px; }
#links .fa { color: #333; }
#links h3 { border-left: 0px; }
#links .bd { padding-left: 10px; }
#links .bd a:link, #links .bd a:visited { display: inline; float: left; margin: 4px 10px 0 0; padding: 1px; /*border-radius: 3px; background: #3886c2; box-shadow: 0 1px 1px 0 #ccc;  */
color: #333; white-space: nowrap; font-size: 12px; }
#register { padding-top: 10px; }
.iCMS_pagination span.current, .iCMS_pagination span.page_nowindex { background-color: #0062C0; color: #fff; font-weight: bold; }

/* list
-------------------------------------------------- */
.list-item { }
.list-item .item-detail { border-bottom: 1px dotted #ddd; padding: 5px; }
.list-item .item-detail .pic { width: 120px; height: 110px; text-align: center; margin: 10px 10px 0 0; overflow: hidden; display: inline; float: left; border: 1px solid #ddd; padding: 2px; background-color: #fff; }
.list-item .item-detail .pic img {  }
.list-item .item-detail .title { position: relative; font-size: 14px; padding-left:10px; height:24px; line-height: 24px;}
.list-item .item-detail .description { margin: 25px 0; text-indent: 28px; font-size: 12px; line-height: 24px; }
.list-item .item-detail .description a{color:#225599;padding:3px 3px;}
.list-item .item-detail .description a:hover{background:#225599;color:#fff;text-decoration:none;}
.list-item .item-detail .date {color: #666;float: right;}
/* Footer
-------------------------------------------------- */
#footer { margin-top: 20px; padding: 5px 0; width: 100%; text-align: center; background:#3B3B3B }
#footer p { margin-bottom: 4px; color: #fff; }
#footer .links { margin: 10px 0; color: #fff; font-size:12px; font-family: 34px/40px 微软雅黑; font-weight:bold;}
#footer .links a{color: #fff; font-size:12px; font-family: bold 34px/40px 微软雅黑;}
#footer .links li { display: inline; padding: 0 2px; }
#footer .links li:first-child { padding-left: 0; }
/* article
-------------------------------------------------- */
.l-header-ad { margin: 20px auto; padding: 10px 0 5px; width: 982px; border: 1px solid #eaeaea; text-align: center; }
.l-main-inner-ad { float: right; padding: 0 0 20px 20px; }
#guide { margin: 10px 0px 0px 10px; color: #999; }
#page, .article-publish, .account-manage { padding: 0 20px; }
#page { padding-bottom: 25px; }
#page h1 { font: bold 34px/40px 微软雅黑; color: #333; padding-left: 0px; border-left: 0px; margin: 30px 0; }
.article-publish h1, .account-manage h1, .article-manage h1 { margin: 20px 10px; color: #333; font: normal 28px/46px "微软雅黑"; }
#page blockquote { margin: 20px 0; padding: 15px 20px; border: 1px dashed #eaeaea; background: #fbfbfb; color: #999; text-indent: 24px; font-size: 12px; line-height: 22px; }
#page h3 { margin: 30px 0; font-size: 14px; }
#page .text { margin: 25px 0; text-indent: 28px; font-size: 14px; line-height: 24px; }
#page .image { margin: 25px 0; text-align: center; }
#page .artical-tip-top { padding: 0 5px; color: #666; white-space: nowrap; }
#page .artical-tip-btm { margin: 40px 0; text-align: left; }
#page .artical-tip-btm a:link, #page .artical-tip-btm a:visited { color: #3a82b8; font-size: 14px; }
#page .tip { margin-bottom: 10px; color: #808080; text-align: center; font-family: 宋体b8b\4f53; }

.article-info { overflow: hidden; height: 30px; font-size: 12px; line-height: 30px; text-align: center;}
.article-info .article-author-time {color: #ccc; }
.article-info a:link, .article-info a:visited { color: #333; white-space: nowrap; }
.article-info .article-author-time a { padding-right: 12px; }
.article-info .article-tags a { padding: 0 5px; }
.article-info .article-tags { overflow: hidden; width: 260px; text-align: center; }
.article-info .share-area { float: right; width: 200px; }

.article-body p { margin: 6px 0; font-size: 14px; line-height: 24px; text-indent:2em;}
.article-pagenav { position: relative; margin: 0 auto; padding: 10px; background: #f3f3f3; text-align: center; font-size: 14px; }
.article-pagenav a { color: #666; }


.comments_list { }
.comments_list h3 { width:94%; padding: 8px 15px; font-size: 14px; margin-left: 10px; }
.comment_form { border-top: 1px solid #eaeaea; }
/* --- */
.prev-next { float: right; margin-right: 20px; }
#bdshare { float: right !important; line-height: 28px; margin-right: 10px; margin-top: 8px;}


.topbanner{background:url(/public/ui/bannerbg.jpg) left top no-repeat; height:250px; position:relative;}

.topbanner .curtitle{ background:#0062C0; padding-top:15px; height:50px; vertical-align:bottom; color:#fff; font-size:20px; text-align:center; vertical-align:middle; font-weight:bolder; position:absolute; bottom:0; }


.span3bg{background:url(/public/ui/pic_02.jpg) left bottom no-repeat; min-height:400px;  border-left:1px solid #F5F5f5;border-right:1px solid #F5F5F5;}


.span8bg{background:url(/public/ui/pic_04.jpg) right bottom no-repeat; min-height:400px; }

.aligncenter{ text-align:center;}
.alignright{ text-align:right; float:right;}


.rotate li{
		margin-top:40px;
		margin-left:40px;
		width:150px;
		height:150px;
	 -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
		  border:1px solid #efefef;
		  overflow:hidden;
		float:left;
		list-style-type:none;
		text-align:center;
	}
	.rotate li img{
	 -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
		 
		  height:70px;
		  margin-left:0px;
		  margin-top:45px;
	}