@charset "utf-8";
  
/*---------- base ---------*/
*{padding:0px;margin:0px;}
html{background:#FFF;}
body{font:100%/1.6em "微软雅黑",Microsoft YaHei,Helvetica, Arial, sans-serif;}
img{border:none;max-width: 100%; margin:0 auto}
a{color:#333333;text-decoration:none;}
a:visited,a:hover{text-decoration:none; color:#333333}
ul,li{list-style:none;}
input,select,button{vertical-align:middle;}
.fullwidth{width:100%}
.fl{ float:left}
.fr{ float:right}
.mt1{margin-top:0.5em;}
.pd10{ padding:0 1%;}
.clear{overflow:hidden;}
.fc-f60{color:#F60;}
.fc-f90{color:#F90;}
.clearfix,.clr{clear:both;line-height:1px;height:1px;margin-top:-1px;overflow:hidden}
#clear,.clear{clear:both;line-height:1px;height:1px;margin-top:-1px;overflow:hidden}

header{height:40px; width:100%; position:relative; color:#ffffff; z-index: 999; border-bottom: 1px solid #464747;
	box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.25);-moz-box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.25);-webkit-box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.25);-o-box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.25);
	background-image: -o-linear-gradient(bottom, #212C30 0%, #121619 100%);
	background-image: -moz-linear-gradient(bottom, #212C30 0%, #121619 100%);
	background-image: -webkit-linear-gradient(bottom, #212C30 0%, #121619 100%);
	background-image: -ms-linear-gradient(bottom, #212C30 0%, #121619 100%);
	background-image: linear-gradient(to bottom, #212C30 0%, #121619 100%);} 
header .webname{ font-size:1.1em; color:#ffffff; line-height:40px; text-align:center; font-weight:bold}
header .home{  position:absolute;left:5px; top:8px; padding:3px 8px 3px 3px; display:block; width:20px; height:17px; background:url("../images/home.png") no-repeat center; }
header .catebar{position:absolute;right:5px; top:8px; width:50px; height:17px; line-height:17px; font-size:12px; padding:3px 8px 3px 28px;background:url(../images/lists.png) 0 center no-repeat; color:#ffffff;}
header nav{background-color:rgba(255,255,255,0.9); padding:10px; text-align:center; box-shadow:0 0 10px 0px rgba(0,0,0,0.6); border-bottom-left-radius:5px; border-bottom-right-radius:5px;}
header nav a{ border-bottom:1px solid #DDDDDD; height:2em; line-height:2em; display:block; width:100%; color:#1F1F1F}

.logo{text-align:center; padding:0.5em 0; background:#FFF;}
.logo img{max-height:80px}
 

#index{}
#index table { width:100%;}
#index tr { }
#index td { border:5px solid #FFF;}
#index a { display:block;}
#index img { vertical-align:middle; display:block; margin:10px auto 0; max-width:90%;}
#index .ChannelName { text-align:center; padding:5px 0; color:#FFF; font-size:14px; font-weight:normal; vertical-align:bottom;}
#index .ChannelIcon1 { width:40px; height:40px;}
#index .ChannelIcon2 { width:100px; height:100px;}
#index .ChannelIcon3 { width:80px; height:80px;}

.tit{width:100%; background:#F7F7F7; height:1.8em; line-height:1.8em;}
.tit h3{float:left; padding:0 10px; border-left:#333 6px solid; background:#FFF; font-size:1.0em; font-weight:normal}
.tit span{float:right;  padding:0 10px; text-align:center; font-size:0.8em; color:#999}

.about{width:100%; padding:0.4em 0; }
.about p{font-size:0.8em; line-height:1.7em; padding:0 0.2em; color:#333333; text-indent:1em; color:#666}

.mod-button{width:45%; margin:0.5em auto;  background-color:#F00; height:35px; line-height: 35px; border-radius: 10px; text-align:left;}
.mod-button a{color:#FFF;}
.mod-button span.font-ico{ padding-left:40px; height:32px; font-size:0.8em; display:block; margin-left:42%; background:url(../images/unread_mail.png) left no-repeat}

.list1{width:100%;}
.list1 li{border-bottom:1px dotted #E4E4E4;  height:2.2em; line-height:2.2em; overflow:hidden; font-size:1.0em; padding-left:10px; background:url(../images/ico-2.gif) left no-repeat}
.list1 li a{font-size:1.0em; }
.list1 li span{ color:#888888;  font-size:0.8em; }

.list2{width:100%; padding:0.2em 0}
.list2 li{ float:left; width:33.1%; margin:2% 0;}
.list2 li a{display: block; text-align:center; margin:0 auto; width:96%; 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 span font{ color: #fff;  }
.list2 li img{ display:block; width:100%; height:90px;}

/*分页条*/
.page{padding:0.4em 2.0em; height:auto; clear:both; line-height:0.5em; text-align:center; margin-top:10px; font-size:12px}
.page ul{float:right;}
.page .firstPage{width:30px;}
.page ul li{float:left;line-height:25px;height:25px;margin-left:5px;font-size:12px;border:1px solid #E9E9E9;padding:0px 10px;width:auto;}
.page ul li a:hover{color:#ff0000;text-decoration:none;}
.page ul li.thisclass,.page ul li.thisclass a,.page ul li.thisclass a:hover{background-color:#d00;color:#FFF}
.page .pageinfo{line-height:25px;padding:12px 5px 10px 5px;color:#999;}
.page select{line-height:25px;margin-top:4px}
.page .pageinfo strong{color:#555;font-weight:normal;margin:0px 2px;}

article h1{font-size:1.0em; text-align:center; padding:0.8em 0}
article .info{ border-bottom:1px dotted #cccccc; color:#666666; background:#f6f6f6; font-size:0.8em; padding:0.2em}
article .content{ padding:0.2em 0.3em;}
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:#333}

.subchannellist{float:left; width:99%;border:0px solid red; margin:0px auto;}
.subchannellist li{float:left;text-align: left;  border:0px dashed blue; width:48%; }
.subchannellist li a{display:block; margin:8px 3px;  margin-left:5px; 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); font-size:0.8em}
.subchannellist li span{ padding-left:12px; }
.subchannellist #current a { color:#FFF; background:#058868;}
 
/*底部*/
.footer{text-align:center;color:#525252; padding:2% 0 8% 0; margin-bottom:10%; clear:both;}
.footer p{color:#8e8e8e; line-height:1.7em; font-size:0.8em;}
.footer p a{color:#8e8e8e; padding:0 2%; font-size:0.8em;}
.footer p a.hover{color:#fff;}

/*===顶部工具条 开始===*/
/*分享按钮*/
.tool{width:100%; margin:0px auto;  text-align:center;}
.tool a{color:#000; font-size:15px}
.tool table{width:100%; margin:1px 0px }
.tool td{ padding: 3px 5px; width:50%; text-align:center}
#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; width:100%; z-index: 900; bottom: 0; left: 0; right: 0;margin: auto; display: block; height: 50px;}
.toollist li{ float:left;width: auto;  height: 100%;width:20%;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 {	
border-top: 1px solid #7f7f7f; 
background-image:-o-linear-gradient(top ,#06F, #091542); 
background-image:-ms-linear-gradient(top,#06F, #091542);
background-image:-moz-linear-gradient(top,#06F, #091542);
background-image:-webkit-linear-gradient(top,#06F, #091542);
background-image:linear-gradient(top, #091542,#00D7E3);
-moz-box-shadow: 0 1px 0 #eee inset;-webkit-box-shadow:0 1px 0 #eee inset;	
-o-box-shadow: 0 1px 0 #eee inset;box-shadow: 0 1px 0 #eee inset;
}
.toollist li{ border-right: 1px solid rgba(255, 255, 255, 0.6);}
.toollist li a {color: #fff;}


.news_list { clear:both; padding:0 5px}
.news_list .news_item {position:relative; border-bottom:#dedede 1px dotted; height:63px;overflow:hidden;padding:10px 0}
.news_list .news_item img.avator75 {width:75px;height:60px;position:absolute;top:11px;left:0px;}
.news_list .news_detail {min-height: 63px;padding-left: 82px;position: relative;}
.news_list .news_detail span {color: #121212;font-size: 16px;font-weight: normal;line-height: 21px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news_list .news_detail p {margin-top:2px;color:#9d9d9d;line-height:20px;font-size:12px}
.news_list .news_detail span.pl_pos {position:absolute;right:0px;bottom:1px;font-size:12px;font-family:Arial, '微软雅黑';color:#CCC}

/************留言*************/
.crow-form-box{padding:5px 10px}
.crow-form-box input{display:block;width:100%;height:2.0em;box-sizing:border-box;padding-left:8px;padding-right:8px;font-size:16px;border:1px solid #a6a6a6;border-radius:4px}
.crow-form-box p span{color:red}
.crow-form-box p{margin-bottom:10px;color:grey;word-break:break-all}
.crow-form-box textarea{width:100%;height:150px;box-sizing:border-box;padding-left:8px;padding-right:8px;font-size:16px;max-width:100%;border:1px solid #a6a6a6;border-radius:4px}
.btn{width:46%; background:#F7F7F7; border:#DDDDDD 1px solid; height:2.4em; line-height:2.4em; text-align:center; color:#7E7E7E; cursor:pointer; float:left; border-radius:6px; margin-right:5%;}
.coolbg{width:46%; background:#F7F7F7; border:#DDDDDD 1px solid; height:2.4em; line-height:2.4em; text-align:center; color:#7E7E7E; cursor:pointer; float:left; border-radius:6px}

/*===FlexSlider幻灯片  开始===*/
#banner{}
.flexslider{ position: relative; clear:both;}
/*幻灯片标题*/
 .flex-caption {width:100%; padding:3px 0px; position: absolute; bottom: 3px;color: #fff;text-align: right;font-size: 14px;line-height: 22px;height:22px;max-width:100%}
/* FlexSlider Necessary Styles*/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width:auto; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider { margin: 0 0 8px; background: #fff;  zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 260px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a  { display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.flex-direction-nav .flex-prev { left: -50px; }
.flex-direction-nav .flex-next { right: -50px; text-align: right; }
.flexslider:hover .flex-prev { opacity: 0.7; left: 10px; }
.flexslider:hover .flex-next { opacity: 0.7; right: 10px; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
.flex-direction-nav a:before  { font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: '\f001'; }
.flex-direction-nav a.flex-next:before  { content: '\f002'; }

/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }

/* Control Nav */
/*.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}*/
.flex-control-nav{ width: 100%;position:absolute; bottom:10px;  margin:0px; text-align: center; border:0px dashed red}
.flex-control-nav li {margin: 0 3px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}
/*===FlexSlider幻灯片  结束===*/
/*返回顶部结束*/
@media (max-width:320px){}