﻿@charset "utf-8";
/* CSS Document */
@import url("reset.css");
*{padding:0px; margin:0px; list-style:none}
.red{color:#ff0000}
a{ color:#464646; text-decoration:none;}
a:hover{ color:#11578b; text-decoration:none;}
img{ vertical-align:middle; border:none;max-width:100%; height:auto !important} 

body{font:12px/1.8 'microsoft yahei',tahoma,verdana,'simsun'; color:#606060; background:#eef3fa; text-align:center}
.inner{ width:990px; margin:0 auto; height:69px;}
.top-nav{ text-align:right; width:50%;}
.top-nav li.t span{ padding:0px 5px; font-size:10px;}
.top-logo{ width:50%; text-align:left}


/*导航*/
nav{height:36px;background:url(../images/nav_bg.png) repeat-x;}
nav .inner{z-index:999999;}
nav ul{height:36px;zoom:1;}
nav li{ float:left; display:inline;height:36px; line-height:36px; padding-right:35px; text-align:center;white-space:nowrap; position:relative;z-index:999999;}
nav li.line{ padding:0px 1px;}
nav li a.nav{ font-size:14px; font-weight:bold; color:#fff; text-shadow:1px 1px #365778; display:block;}
nav li.navdown,nav li.hover{ background:url(../navbg-hover.jpg) repeat-x left top;}
nav li.navdown a.nav,nav li.hover a.nav{ border-left:1px solid #41607c; border-right:1px solid #41607c; color:#fff;}

.top{ padding:10px 0;}
/*内页侧栏*/
.sidebar{ margin-top:15px; height:auto; overflow:hidden; clear:both}
.sidebar .sb_nav{ float:left; width:230px; text-align:left;}
.sidebar .sb_nav .sb_nav1{ width:100%; border:1px solid #D3E1ED; background:#FAFDFF; padding:10px 0 15px}
div.ti1-bg{ width:225px; height:37px; background:url(../images/leftti.png) no-repeat; overflow:hidden;}
div.ti1-bg span{ display:block; width:170px; overflow:hidden; margin-left:30px; line-height:30px; font-size:14px; font-weight:bold; color:#fff;}
.lewm{ margin-top:10px;}
.sidebar .sb_nav h3.title1{ border:1px solid #D3E1ED; background:#FAFDFF; border-bottom:none; height:48px; line-height:48px; overflow:hidden;}
.sidebar .sb_nav h3.title2{ height:30px; line-height:30px; border:1px solid #D3E1ED; background:#FAFDFF; padding-left:22px; overflow:hidden; font-size:14px; color:#333;}
.sidebar .sb_nav h3.line{ margin-top:15px; }
.sidebar .sb_nav .active{ padding:0px 15px 10px 15px; background:#FAFDFF;border:1px solid #D3E1ED; border-top:none;zoom:1;}
.sidebar .sb_nav .ct-con{ padding-top:10px; color:#666;}
.sidebar .ct-con{ line-height:2; color:#333;}
.sidebar .ct-con ul,.sidebar .ct-con ol{ padding:0px 0px 0px 25px; margin:0px;}
.sidebar .ct-con a{ color:#1C57C4; text-decoration:underline;}
/* 热门文章*/
.sb_nav .hot{border:1px solid #D3E1ED; background:#FAFDFF;margin-top:15px;}
.sb_nav .hot .tit{ height:30px; line-height:30px;border-bottom:1px solid #D3E1ED; overflow:hidden;padding-left:22px; overflow:hidden; font-size:14px; font-weight:bold; color:#333;}
.sb_nav .hot ul{ padding:10px 15px;}
.sb_nav .hot ul li{ overflow:hidden;text-overflow: ellipsis;white-space: nowrap; line-height:25px;}
.sb_nav .hot ul li a{ color:#1C57C4; text-decoration:underline;}
/*单页右边*/
.br-bg{ background:#fafdff; border:1px solid #cadae7;}/*代码备用*/
.sidebar .sb_box{ float:right; width:751px; background:#fff; overflow:hidden; background:#FAFDFF; text-align:left}
/*右边目录*/
.sidebar .sb_box .p-wz{height: 35px;margin-top: 0px;line-height: 35px; border:1px solid #D3E1ED;}
.sidebar .sb_box .p-wz h2 {font-family: "微软雅黑";font-size: 14px;padding-top: 10px;padding-left: 20px;color: #2d648f  ;float: left; border-bottom:2px solid #69CBF1; padding:0px 15px;}
.sidebar .sb_box .p-wz span {font-family: "微软雅黑";font-size: 13x;color: #000;float: right; padding-right:20px;}
.sidebar .sb_box .p-wz a{ color:#666;}
.sidebar .sb_box .p-wz a:hover{ text-decoration:underline;}
/*内容区域*/
.sb_box .sb_box_con{ border:1px solid #D3E1ED; padding:10px 15px;}
.sb_box .sb_box_con{word-wrap: break-word;font-family:宋体b8b\4f53,arial; font-size:14px;}
.sb_box .sb_box_con p{ margin-bottom:28px; margin-top:15px;}
.sb_box .sb_box_con ul.news-list p{ margin-bottom:0; margin-top:0;}
.sb_box .sb_box_con ul.img-list p{ margin-bottom:0; margin-top:0;}
/*文章列表*/
.sb_box .sb_box_con ul.news-list{width:100%;padding-top:15px;height:auto;overflow:hidden;}
.sb_box .sb_box_con ul.news-list li{height:auto;line-height:25px;padding:5px 5px 5px 10px; background:url(../images/li.png) left 15px no-repeat;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.sb_box .sb_box_con ul.news-list li span{color:#aaa; float:right; font-size:12px;}
.sb_box .sb_box_con ul.news-list li p{line-height:25px; padding:0px; font-size:12px; color:#888;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.sizeauto{overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
/*图片模块*/
.sb_box .sb_box_con ul.img-list{width:100%;padding-top:15px;height:auto;overflow:hidden;}
.sb_box .sb_box_con ul.img-list li{ float:left; display:inline; text-align:center; width:25%;}
.sb_box .sb_box_con ul.img-list li a.img{ display:block; text-align:center; font-size:0px;}
.sb_box .sb_box_con ul.img-list li a.img img{ margin:auto; border:1px solid #ccc; width:150px; height:120px !important}
.sb_box .sb_box_con ul.img-list li p{ padding:5px 8% 10px; margin:0 auto; font-weight:normal; line-height:1.5; font-size:12px; width:84%;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}

/*图片内容*/

ul.picbox{ height:auto; overflow:hidden ; padding-top:15px;}
ul.picbox .toppic{ float:left; width:35%; padding:0 2% 0 5%;text-align:center; overflow:hidden}

ul.picbox li{ font-size:12px;border-bottom:1px solid #eee; line-height:30px; width:58%; float:right}

ul.picbox li.titlep{text-align:left;padding:5px 0px; color:#666666; font:12px/1.8 'microsoft yahei';font-size:20px;}
ul.picbox li.tm{text-align:left;padding:5px 0px; color:#666666;}
ul.picbox li.hit{text-align:left;padding:5px 0px; color:#ff0000;}
ul.picbox li span{ color:#999999; padding-right:15px;}
ul.picbox li a{ color:#fff; display:block}
ul.picbox li .col{color:#FFF;text-align:center; padding:0 15px;background-color:#0b9393;width:80px;display:block;height:40px;line-height:40px;margin:5px 0;}
ul.picbox li .col a:hover,ul.picbox li .buy a:hover{ color:#11578b;}
ul.picbox li .buy{color:#FFF;text-align:center; padding:0 15px;background-color:#930b0b;width:80px;display:block;height:40px;line-height:40px;margin:5px 0;}

/*详情*/
.sb_box_con h3.sl-ti{ height:31px; border-bottom:1px solid #ccc; margin-top:13px;zoom:1; font-size:12px;}
.sb_box_con h3.sl-ti a{ float:left; display:inline; cursor:pointer; min-width:60px;_width:60px; white-space:nowrap; text-align:center; height:30px; line-height:30px; background:url(../images/sl-ti.jpg) repeat-x left top; margin-right:4px; border:1px solid #ccc; padding:0px 10px;} 
.sb_box_con h3.sl-ti a.hover{ background:url(../images/rela-bg.jpg) repeat-x; color:#fff; text-shadow:-1px -1px #4d6e95; border:1px solid #5985ba;}




.sb_box_con h1{ font:12px/1.8 'microsoft yahei',tahoma,verdana,'simsun'; }
.sb_box_con h1.title{ font-size:18px; text-align:center; border-bottom:1px dotted #ccc; padding:5px 0px; margin:10px 0px; color:#333333;font-weight:bold}

/*工具栏*/
.met_hits{ padding:0px 5px; height:35px; line-height:35px; margin-top:10px; border-top:1px dotted #ccc; text-align:right; position:relative; color:#666; font-size:12px;}
.met_hits a{ color:#666;}
.met_hits .metjiathis{ position:absolute; left:5px; top:8px; padding:0 0 20px;}
.met_page{ text-align:left; padding:10px 10px 0; height:auto; overflow:hidden; font-size:12px;}
.met_page .up{ float:left;width:48%;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.met_page .down{ float:right;  width:50%; overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.met_page a{color:#1C57C4; text-decoration:underline;font-size:12px;}
.met_page a:hover{ color:#ff6600;}

/*相关文章*/
.sb_box h4.related{ height:30px; line-height:30px;zoom:1; border-bottom:1px solid #4d6e95; margin:15px 0px 10px 0px; clear:both}
.sb_box h4.related span{ float:left; display:inline; background:url(../images/rela-bg.jpg) repeat-x left top; min-width:70px;_width:70px; white-space:nowrap; text-align:center; color:#fff; text-shadow:-1px -1px #4d6e95; padding:0px 10px;}
.sb_box ul.relatedlist{ height:auto; overflow:hidden}
.sb_box ul.relatedlist li{ float:left; width:30%; margin-right:10px; height:27px; line-height:27px; padding-left:12px; background:url(../images/diantb.jpg) no-repeat 3px 12px; overflow:hidden; }
.sb_box ul.relatedlist li a:hover{ text-decoration:underline; }
.sb_box ul.relatedlist li img{ margin-top:8px;}

/*在线留言*/

.sb_box_con .metlist{ margin-bottom:10px; border:6px solid #dedede; padding:5px; font-size:12px;}
.sb_box_con .metlist dt{ background:url(../images/message.gif) no-repeat left center; border-bottom:1px dotted #dedede; padding:4px 0px 4px 20px; margin-bottom:5px;}
.sb_box_con .metlist dt span.name{ color:#2c7199;}
.sb_box_con .metlist dt span.time{ padding-left:8px; color:#999;}
.sb_box_con .metlist dt span.tt{ float:right; padding-right:5px;}
.sb_box_con .metlist dd.info span.tt{ display:none; clear:both;}
.sb_box_con .metlist dd.info span.text{ display:block; line-height:1.5; padding:8px 5px;}
.sb_box_con .metlist dd.reinfo span.tt{ background:url(../images/admin.gif) no-repeat left 3px; display:block; border-bottom:1px dotted #dedede; padding:2px 0px 2px 20px; margin:0px 0px 5px;color:#2c7199;}
.sb_box_con .metlist dd.reinfo span.text{ display:block; line-height:1.5; padding:8px 5px;}
.sb_box_con .ctitle{ margin:10px 0px 10px; padding:5px 20px; background:url(../images/dt-7.gif) no-repeat left center; *background-position:left 17px; font-size:14px; border-bottom:1px dotted #ccc;}
.sb_box_con table{ margin:0px auto;}
#messagetable{ padding:15px;}
#messagetable table{ margin:0px auto;}

/*表单*/
td.text{ width:20%; padding:6px 5px 6px 0px; text-align:right; font-size:14px; font-weight:bold;}
td.input{ padding:6px 8px;}
td.input input{ margin-right:8px;}
td.input .info{ padding-left:15px; color:#f00;}
td.input img{ position:relative; bottom:1px;}
td.submint{ padding:10px;}
/*按钮*/
.button{ display: inline-block; zoom: 1; *display: inline; vertical-align: baseline; margin: 0 2px; outline: none; cursor: pointer; text-align: center; text-decoration: none; font: 14px/100% Arial, Helvetica, sans-serif; padding: .5em 2em .55em; text-shadow: 0 1px 1px rgba(0,0,0,.3); -webkit-border-radius: .5em; -moz-border-radius: .5em; border-radius: .5em; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2);}
.button:hover { text-decoration: none; color:#fff; }
.button:active { position: relative; top: 1px;}
.orange{ color: #fef4e9; border: solid 1px #da7c0c; background: #f78d1d; background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20)); background: -moz-linear-gradient(top,  #faa51a,  #f47a20); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20'); }
.orange:hover { background: #f47c20; background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015)); background: -moz-linear-gradient(top,  #f88e11,  #f06015); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015'); }
.orange:active { color: #fcd3a5; background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a)); background: -moz-linear-gradient(top,  #f47a20,  #faa51a); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');}
input.input-text,input.input-file,input.code,textarea { padding: 4px; font-size: 15px; outline: none; text-shadow: 0px 1px 0px #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #ccc; -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; background:#fff url(../images/dt-10.gif) repeat-x left top; }
input.input-text:focus,input.input-file:focus,input.code:focus,textarea:focus { border: 1px solid #fafafa; -webkit-box-shadow: 0px 0px 6px #007eff; -moz-box-shadow: 0px 0px 5px #007eff; box-shadow: 0px 0px 5px #007eff;}




/*分页*/
.digg{ padding:3px; margin:3px; text-align:center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
.digg a,.digg span.miy{ margin:2px; text-decoration:none;}
.digg .disabledfy{ font-family: Tahoma, Verdana;}
.digg .red{padding:2px 5px 2px 5px;}
.metpager a,.metpager span.miy{ border:1px solid #ddd; padding:2px 5px 2px 5px; color:#aaa;}
.metpager a:hover { border:1px solid #a0a0a0; }
.metpager a:hover { border:1px solid #a0a0a0; }
.metpager span.current {border:1px solid #e0e0e0; padding:2px 5px 2px 5px; margin:2px; color:#aaa; background-color:#f0f0f0; text-decoration:none;}
.metpager span.disabled { border:1px solid #f3f3f3; padding:2px 5px 2px 5px; margin:2px; color:#ccc;}
/*隐藏*/
.mb-footer{ display: none;}
/*底部*/
footer{ background:#ebf3fe url(../images/footbg.jpg) repeat-x left top; margin-top:10px;color:#888; clear:both;}
.foot-nav{ text-align:center;height:25px; line-height:25px; padding-top:15px;}
.foot-nav span{ font-size:10px; margin:0px 8px;}
.foot-text{ text-align:center; padding:5px 0px 10px;}
.foot-text a{ text-decoration:underline;}
footer a{ color:#888;}
footer a:hover{ color:#003D79;}

@media screen and (max-width: 800px) { 
/*导航代码*/
.inner{ width:100%;}
.logo{ width:20%; float:left; padding-right:0px;}
nav{ width:98%; margin:0 auto; background:#507099; height:auto; overflow:hidden; padding:0 1%;}
nav{ font-size:12px;}
nav li{  padding-right:0px;}
nav li.line{ padding:0px 5px;}

.top{ padding:5px 0;}
.sidebar .sb_nav{ display:none}
.sidebar .sb_box{ float:right; width:100%; background:#fff; overflow:hidden; background:#FAFDFF; text-align:left}
/*图片模块*/
.p-wz span{ display:none}
.sb_box .sb_box_con ul.img-list li{ width:50%;}
.sb_box .sb_box_con ul.img-list li p{ padding:5px 5% 10px;width:90%;}

/*上下文章*/
.met_page .up{ float:none;width:100%;}
.met_page .down{ float:none;  width:100%}
/*相关文章*/
.sb_box ul.relatedlist li{width:90%;background:url(../images/diantb.jpg) no-repeat 3px 10px;}



/*图片内容*/
ul.picbox{padding-top:0px;}
ul.picbox .toppic{ float:left; width:35%; padding:0 2% 0 0;text-align:center; overflow:hidden}

ul.picbox li{ font-size:12px;line-height:18px; width:63%; float:right}

ul.picbox li.titlep{padding:0 0 1px;  font:12px 'microsoft yahei';}
ul.picbox li.tm{padding:0 0 1px;}
ul.picbox li.hit{padding:0 0 1px;}
ul.picbox li span{ color:#999999; padding-right:15px;}
ul.picbox li a{ color:#fff; display:block}
ul.picbox li .col{color:#FFF;text-align:center; padding:0 15px;background-color:#0b9393;width:80px;display:block;height:25px;line-height:25px;margin:2px 0;}
ul.picbox li .col a:hover,ul.picbox li .buy a:hover{ color:#11578b;}
ul.picbox li .buy{color:#FFF;text-align:center; padding:0 15px;background-color:#930b0b;width:80px;display:block;height:25px;line-height:25px;margin:2px 0;}



/*表单*/
td.text{ width:20%; padding:0px; text-align:right; font-size:14px; font-weight:bold;}
td.input{ padding:6px 0px 6px 8px; width:40}
td.input input{ margin-right:8px;}
td.input .info{ padding-left:0px; color:#f00;}
td.input img{ position:relative; bottom:1px;}
td.submint{ padding:10px;}




/*底部*/
footer{ background:#ebf3fe; margin-top:10px;color:#888; clear:both;width:100%;}
footer .inner{ width:96%; padding:0 2%}
.foot-nav{ height:auto;}
.foot-nav span{ font-size:10px; margin:0px 8px;}
.foot-text{ text-align:center; padding:5px 0px 10px;}
.foot-text a{ text-decoration:underline;}
footer a{ color:#888;}
footer a:hover{ color:#003D79;}
/*隐藏*/
.top-nav,.met_hits{ display:none}
.mb-footer {display: block;}
.mb-footer{ position: fixed; width: 100%; left: 0; bottom: 0; z-index: 999; background-color: rgb(10,10,10);}
.mb-footer span{ display: block;float: left; z-index: 99; text-align: center;}



}
/* 设置了浏览器宽度不大于500px时 abc 显示100px宽度 */ 