/***

 *	



 

/*---------- 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{ background:#f6ab00;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{ margin-left:10px;padding-top:0.6em;height:2em;}

.pages li{ float:left; line-height:20px;border:1px solid #E1E1E1;  margin-right:10px;}

.pages li.c{background-color:#f6ab00; color:#FFF;padding:0 8px;}

.pages li a{float:left;padding:0 8px;height:20px;color:#f6ab00;font-size:0.8em;}

.pages li a:hover{background-color:#f6ab00; color:#FFF;text-decoration: none;}



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:#f6ab00;

	display:block; margin:0px 3px;  margin-top:7px;

	font-size:0.85em;

	border-radius:9px;

	line-height:2.5em;

	

}

.subchannellist .menu-on{background:#0760ae;font-weight:bold;}

.inewslist li {

    display: block;

    overflow: hidden;

    clear: both;

    padding: 10px 10px 10px;

	border-bottom:1px solid #0760AE;

 

}

.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;

}

.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 #B1D2FB;height:2em;}

.inewslist-title h4 {

    color: #0760AE;

    float: left;

    font-size: 1em;

    font-weight: bold;

    padding: 0 10px;

    border-bottom: 3px solid #0760AE;

    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}