/***
 *	

 
/*---------- base ---------*/

* { padding:0px; margin:0px; }
html { background:#FFF; }
body { font:100%/1.6em Helvetica, Arial, sans-serif; }
img { border:none; max-width: 100%; margin:0 auto; padding:0; margin:0 }
a { color:#256EB1; text-decoration:none; }
a:hover { }
a:visited, a:focus { color:#000; }
ul, li { list-style:none; }
input, select, button { vertical-align:middle; }
h1 { font-size:1.25em; font-weight:bold; text-align:center; line-height:1.2em; padding:3% 0 }
h2 { font-size:1.15em; font-weight:normal; line-height:40px; white-space:nowrap; overflow:hidden }
h3 { margin:0; padding:0; height:1.7em; line-height:1.7em; font-weight: normal; text-indent:3%; font-size:0.9em; color:#ffffff }
h3 a, h3 a:visited { font-size:1em; color:#ffffff }
.fullwidth { width:100% }
.fl { float:left }
.fr { float:right }
.mt1 { margin-top:0.5em; }
.pd10 { padding:0 3%; }
.clear { overflow:hidden; }
.fc-f60 { color:#F60; }
.fc-f90 { color:#F90; }
.clr { clear:both; }
.h3-a { float:right; }
header { background:#f6ab00; height:50px; width:100%; color:#ffffff; z-index: 999; position:relative; }
header .webname { font-size:1.1em; color:#ffffff; line-height:40px; background:#f6ab00; text-align:center; font-weight:bold }
header .home { position:absolute; right:14px; top:12px; display:block; width:20px; height:26px; background:url("images/home_05.png") no-repeat center center; }
header .catebar { position:absolute; left:8px; top:14px; width:24px; height:22px; line-height:17px; font-size:12px; padding:3px 0px 3px 0px; background:url(images/menu_08.png) 0 center no-repeat; }
header .webname img { margin-top:12px; }
.center { width:93%; margin-left:5%; margin-top:10px; margin-bottom:10px; }
@media screen and (max-width: 1200px) {
.center li img {
width:100%;
height:180px;
border-radius:5px 5px 0px 0px;
}
.center li {
width:30.3%;
float:left;
margin-right:3%;
border-radius:5px;
height:222px;
margin-bottom:10px;
background:#f6ab00;
}
}
@media screen and (max-width: 901px) {
.center li img {
width:100%;
height:150px;
border-radius:5px 5px 0px 0px;
}
.center li {
width:30.3%;
float:left;
margin-right:3%;
border-radius:5px;
height:193px;
margin-bottom:10px;
background:#f6ab00;
}
}
@media screen and (max-width: 700px) {
.center li img {
width:100%;
height:100px;
border-radius:5px 5px 0px 0px;
}
.center li {
width:30.3%;
float:left;
margin-right:3%;
border-radius:5px;
height:140px;
margin-bottom:10px;
background:#f6ab00;
}
}
@media screen and (max-width: 500px) {
.center li img {
width:100%;
height:60px;
border-radius:5px 5px 0px 0px;
}
.center li {
width:30.3%;
float:left;
margin-right:3%;
border-radius:5px;
height:100px;
margin-bottom:10px;
background:#f6ab00;
}
}
 @media screen and (min-width: 1201px) {
.center li img {
width:100%;
height:200px;
border-radius:5px 5px 0px 0px;
}
.center li {
width:30.3%;
float:left;
margin-right:3%;
border-radius:5px;
height:243px;
margin-bottom:10px;
background:#f6ab00;
}
}
.center-bottom { width:98%; margin:0 auto; }
.flexslider .slides li { display: none; }
.flexslider .slides img { width: 100%; display: block; }
.flexslider { background: #fff; position: relative; z-index: 1; }
.flexslider .slides li { position: relative; }
.flexslider-container { position: relative; }
.flex-caption { width: 96%; padding: 2%; position: absolute; left: 0; bottom: 0; background: rgba(0, 0, 0, .3); color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, .3); font-size: 15px; line-height: 18px; }
.flex-direction-nav li a { width: 52px; height: 52px; margin: -13px 0 0; display: block; background: url(images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; display:none }
.flex-direction-nav li a.next { background-position: -52px 0; right: -21px; }
.flex-direction-nav li a.prev { background-position: 0 0; left: -21px; }
.flex-control-nav { position: absolute; bottom: 5%; right:5%; }
.flex-control-nav li { margin: 0 0 0 5px; float: left; }
.flex-control-nav li:first-child { margin: 0; }
.flex-control-nav li a { width: 13px; height: 13px; display: block; background: url(images/bg_control_nav.png) no-repeat 0 0; cursor: pointer; text-indent: -9999px; }
.flex-control-nav li a:hover { background-position: 0 -13px; }
.flex-control-nav li a.active { background-position: 0 -26px; cursor: default; }
.wrapper { width: 99%; margin:0 auto; }
.hotfoucs { clear:both; background:#f5f5f5 }
.toutiao { background:#FFFFFF; border-bottom: 1px dotted #CCCCCC; padding-bottom: 3%; }
.toutiao .cont { }
.hotfoucs img { width:35%; margin-right:2%; display:block }
.hotfoucs p { color:#666666; line-height:1.32em; font-size:1.1em }
.sublist { background:#f8f8f8; margin:1%; padding:1%; font-size:1em; }
.sublist a { background:#BA2636; color:#ffffff; padding:0 5px }
.list1 li { padding:2px 0; font-size:0.8em }
.list1 li a { color:#444444; font-size:1em }
.list1 li span { color:#888888; font-size:0.7em }
.list2 { }
.list2 li { float:left; width:33.1%; margin:2% 0; }
.list2 li a { display: block; text-align:center; margin:0 auto; width:90%; overflow:hidden; white-space:nowrap; position:relative; }
.list2 li span { position:absolute; background: rgba(0, 0, 0, .6); color: #fff; height:1.5em; line-height:1.5em; font-size:0.8em; width:100%; left:0; bottom:0; padding:0 2% }
.list2 li img { display:block; width:100%; max-height:100px; }
.pages { background: white; padding: 10px; height:50px; margin:0 auto; text-align:center; }
.pages a { background: #005393; color: #fff; padding: 5px 10px; }
.pages span { background: #eee; padding: 5px 15px; }
article .content { color:#555555; background:#fefefe }
article .info { color:#666666; background:#f6f6f6; font-size:0.8em; padding:0.2em }
article .content { padding:2% 0; font-size:0.8em; }
article .content img { display:block; }
article .content .tags { text-align:right; font-size:0.8em; }
.backlist { height:2em; line-height:2em; text-align:center; font-size:1em; background:#f3f3f3 }
.backlist a { color:#ff0000 }
footer { clear:both; padding:0.5em; line-height:1.1em; background:#ccc; }
footer p { color:#000; line-height:1.5em; font-size:0.8em; text-align:center; margin-bottom:0.3em; }
.m-ban img { width:100%; height:auto; }
.subchannellist { width:99%; border:0px solid red; margin:0px auto; }
.subchannellist li { float:left; text-align: center; border:0px dashed blue; width:33.3%; }
.subchannellist li a { color:#fff; background:#8d9292; display:block; margin:0px 3px; margin-top:7px; font-size:0.85em; border-radius:9px; line-height:2.5em; }
.subchannellist .menu-on { background:#005393; font-weight:bold; }
.inewslist li { display: block; overflow: hidden; clear: both; padding: 10px 10px 10px; border-bottom:1px solid #ccc; }
.inewslist li span.pic { float: left; width: 30%; margin-right: 10px; }
.inewslist li span.txt { float: right; width: -webkit-calc(70% - 10px); width: 66%; width: -moz-calc(70% - 10px); width: calc(70% - 10px); color: #272727; }
.inewslist li span.txt p { font-size:0.8em; color:#494646; line-height:1.4em; height:35px; overflow:hidden; }
.inewslist li span.txt span { font-size:0.8em; color:#888; line-height:1.4em; }
.inewslist li span.txt h2 { font-size: 0.9em; line-height:1.5em; color: #333; }
.inewslist-title { line-height: 2em; border-bottom: 3px solid #8d9292; height:2em; }
.inewslist-title h4 { color: #005393; float: left; font-size: 1em; font-weight: bold; padding: 0 10px; border-bottom: 3px solid #005393; line-height: 1.85em; font-family: Arial, Helvetica, sans-serif; }
.subchannellist2 { width:99%; border:0px solid red; margin:0px auto; }
.subchannellist2 li { float:left; text-align: center; border:0px dashed blue; width:16.6%; }
.subchannellist2 li a { color:#0e400b; display:block; margin:8px 3px; padding:5px 0px; background-color:#FFFFFF; border:1px solid #CCC; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; -webkit-box-shadow: 0px 1px 3px rgb(190, 190, 190); -moz-box-shadow: 0px 1px 3px rgb(190, 190, 190); -o-box-shadow: 0px 1px 3px rgb(190, 190, 190); box-shadow: 0px 1px 3px rgb(190, 190, 190); }
.subchannellist3 { width:99%; border:0px solid red; margin:0px auto; }
.subchannellist3 li { float:left; text-align: center; border:0px dashed blue; width:20%; }
.subchannellist3 li a { color:#0e400b; display:block; margin:8px 3px; padding:5px 0px; background-color:#FFFFFF; border:1px solid #CCC; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; -webkit-box-shadow: 0px 1px 3px rgb(190, 190, 190); -moz-box-shadow: 0px 1px 3px rgb(190, 190, 190); -o-box-shadow: 0px 1px 3px rgb(190, 190, 190); box-shadow: 0px 1px 3px rgb(190, 190, 190); }
.subchannellist4 { width:99%; border:0px solid red; margin:0px auto; }
.subchannellist4 li { float:left; text-align: center; border:0px dashed blue; width:50%; }
.subchannellist4 li a { color:#0e400b; display:block; margin:8px 3px; padding:5px 0px; background-color:#FFFFFF; border:1px solid #CCC; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; -webkit-box-shadow: 0px 1px 3px rgb(190, 190, 190); -moz-box-shadow: 0px 1px 3px rgb(190, 190, 190); -o-box-shadow: 0px 1px 3px rgb(190, 190, 190); box-shadow: 0px 1px 3px rgb(190, 190, 190); }
.subchannellist5 { width:99%; border:0px solid red; margin:0px auto; }
.subchannellist5 li { float:left; text-align: center; border:0px dashed blue; width:33.3%; }
.subchannellist5 li a { color:#0e400b; display:block; margin:8px 3px; padding:5px 0px; background-color:#FFFFFF; border:1px solid #CCC; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; -webkit-box-shadow: 0px 1px 3px rgb(190, 190, 190); -moz-box-shadow: 0px 1px 3px rgb(190, 190, 190); -o-box-shadow: 0px 1px 3px rgb(190, 190, 190); box-shadow: 0px 1px 3px rgb(190, 190, 190); }
.list3 { margin-top:10px; }
.list3 h4 { font-size:1em; text-align:center; line-height:2em; }
.list3-content { margin-bottom:0.5em; font-size:0.8em; padding:0 10px; }
.center-h4 { text-align:center; margin:0; padding:0; vertical-align:middle; color:#fff; line-height:28px; }
#tool { position: fixed; bottom: 0; left: 0; right: 0; z-index: 900; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
ul.toollist { position: fixed; z-index: 900; bottom: 0; left: 0; right: 0; margin: auto; display: block; height: 48px; }
.toollist li { float:left; width: auto; height: 100%; width:25%; position: static!important; margin: 0; border-radius: 0!important; -webkit-box-sizing: border-box; box-sizing: border-box;/* -webkit-box-flex: 1; */ box-flex: 1; -webkit-box-sizing: border-box;/* box-shadow: none!important; */ background: none; }
.toollist li a { font-size: 20px; line-height: 20px; text-align: center; display: block; text-decoration: none; padding-top: 2px; position:relative; }
.toollist li a img { width:24px; height:24px; }
.toollist li a p { margin: 1px 0 1px 0; font-size: 14px; display: block !important; line-height: 18px; text-align: center; }
.toollist_green { border-top: 1px solid #478200; background-image:linear-gradient(top, #8BD73C, #0f780f); background-image:-o-linear-gradient(top, #8BD73C, #0f780f); background-image:-ms-linear-gradient(top, #8BD73C, #0f780f); background-image:-moz-linear-gradient(top, #8BD73C, #0f780f); background-image:-webkit-linear-gradient(top, #8BD73C, #0f780f); box-shadow: 0 1px 0 #eee inset; -moz-box-shadow: 0 1px 0 #eee inset; -webkit-box-shadow: 0 1px 0 #eee inset; -o-box-shadow: 0 1px 0 #eee inset; }
.toollist_green li { border-right: 1px solid rgba(255, 255, 255, 0.6); }
.toollist_green li a { color: #fff; }
.button1 { width:30%; font-weight:bold; margin-left:5%; color:#fff; float:left; display:inline-block; padding:5px; border-radius:5px; background:#ffcf0f; text-align:center; margin-bottom:1em; }
.button2 { width:30%; font-weight:bold; margin-right:5%; color:#fff; float:right; display:inline-block; padding:5px; border-radius:5px; background:#ffcf0f; text-align:center; margin-bottom:1em; }
.list1 .jiage { color:#f00; font-weight:800; font-size:0.9em; margin-right:5px; line-height:1em; }
.list1 .didian { color:#888888; font-size:0.7em; line-height:1em; }
/* ---------------
 * Slidebars Theme
 *
 * ---------
 * CSS Index
 *
 * 001 - Box Model
 * 002 - Site
 * 003 - Slidebars
 * 004 - Slidebar Menus
 * 005 - Slidebar Widgets
 * 006 - Top Navigation Bar
 * 007 - Slidebar Controls
 *
 * ---------------
 * 001 - Box Model
 */

* { /* Highly recommended to avoid any width alterations in the Slidebars or Site, which may cause horizontal scrolling. */
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
/* ----------
 * 002 - Site
 */

#sb-site { padding: 65px 15px 15px 15px; box-shadow: 0 0 30px 10px rgba(0, 0, 0, 0.3); /* Casts a shadow onto the Slidebars from site. */ }
/* ---------------
 * 003 - Slidebars
 */

.sb-slidebar { background-color: #222222; /* Background colour. */ color: #e8e8e8; /* Text colour. */ }
.sb-slidebar a { color: #f2f2f2; /* Link colour. */ text-decoration: none; }
.sb-slidebar a:hover { color: #f6ab00; /* Link hover colour. */ text-decoration: underline; }
/* --------------------
 * 004 - Slidebar Menus
 */
 
/* Main Menu */
.sb-menu { /* Apply to <ul> or <ol>. */ padding: 0; margin: 0; list-style-type: none; }
.sb-menu li { width: 100%; padding: 0; margin: 0; border-top: 1px solid rgba(255, 255, 255, 0.1); /* Will lighten any background colour you set. */ border-bottom: 1px solid rgba(0, 0, 0, 0.1); /* Will darken any background colour you set. */ }
.sb-menu > li:first-child { border-top: none; /* Removes top border from first list item.. */ }
.sb-menu > li:last-child { border-bottom: none; /* Removed bottom border from last list item. */ }
.sb-menu li a { width: 100%; /* Makes links full width. */ display: inline-block; padding: 1em; /* Creates an even padding the same size as your font. */ }
.sb-menu li a:hover { text-decoration: none; background-color: #222; /* Will lighten any background colour you set. */ }
/* Borders */
.sb-left .sb-menu li a { border-left: 3px solid transparent; }
.sb-left .sb-menu li a:hover { border-left: 3px solid; /* Removes transparent colour, so border colour will be the same as link hover colour. */ }
.sb-right .sb-menu li a { border-right: 3px solid transparent; }
.sb-right .sb-menu li a:hover { border-right: 3px solid; /* Removes transparent colour, so border colour will be the same as link hover colour. */ }
/* Submenus */
.sb-submenu { display: none; padding: 0; margin: 0; list-style-type: none; background-color: rgba(255, 255, 255, 0.05); /* Submenu background colour. */ }
/* Caret */
span.sb-caret { width: 0; height: 0; display: inline-block; margin: 0 5px; border: 5px solid transparent; }
span.sb-caret { /* Caret Down */ border-top: 5px solid; border-bottom: 0px solid transparent; }
.sb-submenu-active > span.sb-caret { /* Caret Up */ border-top: 0px solid transparent; border-bottom: 5px solid; }
/* ----------------------
 * 005 - Slidebar Widgets
 */

.sb-widget { border-radius: 3px; border: 1px solid rgba(255, 255, 255, 0.1); /* Will lighten any background colour you set. */ margin: 14px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25); /* Slight shadow. */ }
.sb-widget-header { border-bottom: 1px solid rgba(0, 0, 0, 0.1); /* Will darken any background colour you set. */ padding: 14px; background-color: #292929; /* Widget title background colour. */ }
.sb-widget-title { margin: 0; /* Removes browser default margins for heading tags. */ }
.sb-widget-content { border-top: 1px solid rgba(255, 255, 255, 0.1); /* Will lighten any background colour you set. */ padding: 14px; background-color: #262626; /* Widget content background colour. */ }
/* ------------------------
 * 006 - Top Navigation Bar
 */

.sb-navbar { width: 100%; height: 50px; position: fixed; top: 0; left: auto; right: auto; z-index: 1000; background-color: #219AEB; /* Bar colour. */ box-shadow:
		/* Layered single pixel shadows to create a one sided shadow effect. */
		0 5px 0 0 rgba(0, 0, 0, 0.01),  0 4px 0 0 rgba(0, 0, 0, 0.02),  0 3px 0 0 rgba(0, 0, 0, 0.04),  0 2px 0 0 rgba(0, 0, 0, 0.06),  0 1px 0 0 rgba(0, 0, 0, 0.08), 		/* Top highlight */
		0 1px 0 0 rgba(255, 255, 255, 0.1) inset, 		/* Left highlight */
		1px 0 0 0 rgba(255, 255, 255, 0.1) inset, 		/* Right highlight */
		-1px 0 0 0 rgba(255, 255, 255, 0.1) inset, 		/* Bottom lowlight */
		0 -1px 0 0 rgba(0, 0, 0, 0.1) inset; /* Glass gradient overlay, works with any colour background. */
	background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.05) 50%, rgba(0, 0, 0, 0.02) 51%); /*  Webkit syntax. */ background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.05) 50%, rgba(0, 0, 0, 0.02) 51%); /* Final syntax. */ background-size: 100%; background-repeat: no-repeat; }
html.sb-android .sb-navbar { position: absolute; /* Fix navbar to top for old versions of Android Browser. */ }
/* Navbar Menu Items */
.sb-navbar-menu { list-style-type: none; padding: 0; margin: 0; }
.sb-navbar-menu-left { float: left; }
.sb-navbar-menu-right { float: right; }
.sb-navbar-menu li { padding: 0; margin: 0; display: block; float: left; }
.sb-navbar-menu li a { display: inline-block; color: #f2f2f2; /* Navbar link colour */ padding: 14px; text-decoration: none; }
.sb-navbar-menu li a:hover { color: #f2f2f2; /* Navbar link hover colour */ background-color: rgba(0, 0, 0, 0.05); /* Will lighten any background colour you set. */ }
/* -----------------------
 * 007 - Slidebar Controls
 */
 
.sb-toggle-left, .sb-toggle-right, .sb-open-left, .sb-open-right, .sb-close { cursor: pointer; /* Help desktop users with Slidebar controls. */ }
/* Navicons */
/* These are prefixed with .sb-navbar to avoid styling other Slidebar toggles you may be using. */
.sb-navbar .sb-toggle-left { width: 52px; float: left; padding: 14px; }
.sb-navbar .sb-toggle-right { width: 52px; float: right; padding: 14px; }
.navicon-line { width: 24px; height: 4px; border-radius: 1px; margin-bottom: 3px; background-color: #fff; /* Colour of navicon lines. */ }
/* Hover states to match navbar menu item hover. */
.sb-navbar .sb-toggle-left:hover { background-color: rgba(0, 0, 0, 0.05); /* Will lighten any background colour you set. */ }
.sb-navbar .sb-toggle-right:hover { background-color: rgba(0, 0, 0, 0.05); /* Will lighten any background colour you set. */ }

/* -------------------
 * 006 - Media Queries
 */

@media (max-width: 767px) {
	/* This is entirely optional, it hides the navbar menu items when device width is under 768px. */
	.sb-navbar-menu {
 display: none;
}
}
/* Slidebars 0.8.1 - http://plugins.adchsm.me/slidebars/ Written by Adam Smith - http://www.adchsm.me/ Released under MIT License - http://plugins.adchsm.me/slidebars/license.txt */
html, body, #sb-site, .sb-slidebar { margin:0; padding:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
html, body { width:100%; overflow-x:hidden }
html { min-height:100% }
body { height:100% }
#sb-site { width:100%; min-height:100%; position:relative; z-index:1; background-color:#fff }
.sb-slidebar { height:100%; width:30%; overflow-y:auto; position:fixed; top:0; z-index:0; visibility:hidden; background-color:#222 }
.sb-static { position:absolute }
.sb-left { left:0 }
.sb-right { right:0 }
html.sb-active-left .sb-left, html.sb-active-right .sb-right { visibility:visible }
@media(max-width:480px) {
.sb-slidebar {
width:70%
}
}
@media(min-width:481px) {
.sb-slidebar {
width:55%
}
}
@media(min-width:768px) {
.sb-slidebar {
width:40%
}
}
@media(min-width:992px) {
.sb-slidebar {
width:30%
}
}
@media(min-width:1200px) {
.sb-slidebar {
width:20%
}
}
html.sb-anim-type-translate .sb-slide, html.sb-anim-type-side .sb-slide { -webkit-transition:-webkit-transform 400ms ease; -moz-transition:-moz-transform 400ms ease; -o-transition:-o-transform 400ms ease; transition:transform 400ms ease; -webkit-transition-property:-webkit-transform, left; -webkit-backface-visibility:hidden }