/*  
作者：新鲜人
地址：http://www.htmlit.com.cn
邮箱：service@htmlit.com.cn
     htmlit@live.com
*/
@charset "utf-8";

*{margin:0px; padding:0px;}
body {margin:0 auto;font-size: 13px;color: #505050; font-family: microsoft yahei,Arial,Meiryo,Helvetica,sans-serif; background-color:#f3f3f3;}
@media screen{body{-webkit-text-size-adjust:none;}}
a {font-size:13px;color:#575656;}
a:link {text-decoration:none;}
a:hover {text-decoration:underline; color:#404040;}
a:active {text-decoration:none; color:#333333;}
img{border:0;}
.img_border {border:1px solid #e4e4e4;}
.img_border:hover {border:1px solid #7BB2F1;}
* { padding:0; margin:0;}
div, h1, h2, h3, h4, p, form, ul, label, input, textarea, span, dl, dt, dd { margin:0; padding:0;}
table {border-collapse:collapse;}
li { list-style-type: none;}
.clear { clear: both;}

#header {height:137px;width:100%; min-width:1200px;}
#top{width:100%; height:37px;background:#f6f6f6;}
.top_wide{width:1200px; margin:0 auto;font-size:13px;line-height:37px;}
.top_wide a{font-size:13px;}
.top_wide img{margin-right:10px;vertical-align:middle;}
.top_left{float:left;margin-right:10px;height:37px;}
.top_right{float:right; width:500px;text-align:right;height:37px;}
.banner_wide {width:100%; height:90px;background-image:url(../images/bj.png);filter:progid:DXImageTransform.Microsoft.Shadow(color=#909090,direction=60,strength=3);/*ie*/
-moz-box-shadow: 1px 1px 8px #909090;/*firefox*/
-webkit-box-shadow: 1px 1px 8px #909090;/*safari或chrome*/
box-shadow:1px 1px 8px #909090;/*opera或ie9*/}
.banner {width:1200px; height:90px; margin:0 auto;}
#logo {float:left; width:200px; height:60px; overflow:hidden; margin-top:15px;}
#lan{ float:right;line-height:20px; text-align:right;}
#nav {float:left; width:1000px; height:90px; margin:0;}
.fixednav {position:fixed;top:-40px;z-index: 11;opacity:0.96;}

/*导航菜单*/
ul, li {font-size:14px;line-height:31px;text-align:left;list-style:none;}   
#menu { float:right; width:790px; height:90px; margin-top:3px;}  
#menu li {float:left; display:block; text-align:center; position:relative; padding:4px 10px 4px 10px; margin-top:0px; width:133px;line-height:77px;}  
#menu li:hover {z-index:10;border-bottom:#7FB594 solid 2px;background:#ffffff;}    
#menu li a {font-size:16px;color:#575656; display:block;outline:0; text-decoration:none; }  
.dropdown_3columns,   
.dropdown_4columns,  
.dropdown_4scolumns {border:1px solid #e3e3e3; margin:6px auto; float:left; position:absolute;left:-999em; /* Hides the drop down */text-align:left;padding:10px 15px 10px 15px; background:#FFFFFF;filter:alpha(opacity=96);-moz-opacity:0.96;opacity:0.96;}     
.dropdown_3columns {width: 548px;}  
.dropdown_4columns {width: 1170px;}  
.dropdown_4scolumns {width: 740px;}  
@keyframes fade-in { 0% {opacity: 0;} 100% {opacity:0.96; }}
@-moz-keyframes fade-in { 0% {opacity: 0;} 100% {opacity:0.96; }}
@-webkit-keyframes fade-in { 0% {opacity: 0;} 100% {opacity:0.96; }}
#menu li:hover .dropdown_3columns, #menu li:hover .dropdown_4columns, #menu li:hover .dropdown_4scolumns{top:auto;animation: fade-in;animation-duration: 1s;-moz-animation: fade-in;-moz-animation-duration: 1s;-webkit-animation: fade-in;-webkit-animation-duration: 1s;animation: fade-in;animation-duration: 1s;-moz-animation: fade-in;-moz-animation-duration: 1s;-webkit-animation: fade-in;-webkit-animation-duration: 1s;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#909090,direction=60,strength=3);/*ie*/
-moz-box-shadow: 2px 2px 5px #909090;/*firefox*/
-webkit-box-shadow: 2px 2px 5px #909090;/*safari或chrome*/
box-shadow:2px 2px 5px #909090;/*opera或ie9*/}
#menu li:hover .dropdown_3columns, #menu li:hover .dropdown_4scolumns{left:-153px;} 
#menu li:hover .dropdown_4columns{left:-355px;} 
.col_1, .col_2, .col_3{display:inline; float:left; position:relative; margin-left:10px; margin-right:10px;}  
.col_5{display:inline; float:left; position:relative;margin:0 14px;}  
.col_1 {width:162px;}  
.col_2 {width:350px;}
.col_2 img{margin-bottom:-6px;} 
.col_3 {width:528px;}  
.col_3 img{margin-bottom:-34px;} 
.col_4 img{margin-bottom:-5px;} 
.col_5 {width:206px;} 
#menu li:hover .col_5 a{color:#575656;}
#menu .menu_right {float:left; margin-right:0px;}  
#menu li .align_right,
#menu li:hover .align_right {left:auto; margin-right:-1px; top:auto;}  
#menu p, #menu h2, #menu h3, #menu ul li {line-height:21px; font-size:13px; text-align:left;}  
#menu h2 {font-size:21px; font-weight:400; margin:10px; padding:0px 0px 12px 0px;}  
#menu h3 {font-size:16px; line-height:32px;font-weight:normal;margin-bottom:8px;}  
#menu p {line-height:18px; margin:0 0 10px 0;}   
#menu li:hover div a{font-size:13px;line-height:24px; color:#3B70A8;}  
#menu li:hover div a:hover {color:#029feb;}
.strong {font-weight:bold;}  
.italic {font-style:italic;} 
.imgshadow { /* Better style on light background */ background:#FFFFFF; padding:4px; border:1px solid #777777; margin-top:5px;}  
.img_left { /* Image sticks to the left */width:auto; float:left; margin:5px 15px 5px 5px;}      
#menu li ul {list-style:none; padding:0; margin:0 0 12px 0;} 
#menu li ul li {font-size:12px; line-height:24px; position:relative; padding:0; margin:0; float:none; text-align:left; width:auto;}  
#menu li ul li:hover {background:none; border:none; padding:0; margin:0;}   
#menu li .greybox li {background:#F4F4F4; border:1px solid #bbbbbb; padding:4px 0px 4px 0px; margin:0px 0px 10px 0px; width:162px;text-align:center;}  
#menu li .greybox li:hover {background:#ffffff; border:1px solid #aaaaaa; padding:4px 0px 4px 0px; margin:0px 0px 10px 0px;}
#menu li .col_2 li{width:350px;} 
/*头部搜索区域*/
.globalsearchformzone {float:right; padding:0px; margin:29px 0px 0px 0px; width:200px; height:31px; background-color: #FFFFFF; -moz-border-radius: 10px 0px 0px 10px; -webkit-border-radius: 10px 0px 0px 10px;border-radius: 10px 0px 0px 10px;  border: 1px solid #DCDCDC;}
.globalsearchform {float:left; padding:0px 12px 0px 5px; margin:0px; height:31px; width:140px;}
.globalsearchform1 {float:right; padding:0px; margin:0px;}
.globalsearchform .input {border:0px; font-size:14px;height:30px; padding:0px; margin:1px 0 0 10px; background:transparent; color:#333333; width:153px; line-height:30px;outline:none;}
.globalsearchform1.imgbutton {padding:0px; margin:0px;}
/*主要框架*/

#content { width:1200px;margin:0 auto;}
#main { float:left; width:940px;margin-top:10px;}
#sidebar { float:right; width:240px; background:#ffffff; overflow:hidden;margin-left:20px;margin:10px 0 15px 0;padding-top:20px;}
/*内页样式*/
.path_title{float:left;height:40px;width:100%;width:100%;line-height:40px;font-size:16px;}
.path_title a{font-size:16px;}
.path_title img{padding-bottom:5px;vertical-align:middle;}
/*搜索框*/
.search { float:right; height: 40px; width: 240px; padding-top:10px;}
#edtSearch { float:left; width:160px; padding:6px 10px; border:1px solid #FFFFFF;}
#btnPost { float:left; background:#bfbfbf; border:none; width:50px; height:30px; font-weight:bold; color:#FFFFFF;}
/*主要内容*/
.post { font-size:14px; margin-bottom:15px;word-wrap:break-word;}
.post h2 a{ font-size:18px; line-height:30px; margin-bottom:10px; color:#7f7f7f;}
.post h4 { font-size:14px; line-height:30px; margin-bottom:10px; }
.post a { color:#7f7f7f;}
.post a:hover { color:#bfbfbf; text-decoration: none;}
.post_r { float:left; width:890px;}
.post_body { width:830px;  padding:30px; line-height:22px; margin-bottom:5px;background:#ffffff;}
.post_body h1{font-size:20px;text-align:center;margin-top:10px;}
.post_content { min-height:30px;padding-top:10px;}
.post_content_s{ min-height:30px;padding-top:30px;}
.post_content img { 
   max-width:860px;  /*IE7,Firefox*/ 
   width: expression(this.width > 640 ? 640: true);   /*IE6*/ 
}
.post_content_s p,.post_content_s p a{font-size:16px;line-height:34px;}
.post_content_s img{margin-top:10px;}
.post_content ul,.post_content ol{margin-left:3em;	list-style-position : outside;}
.post_content li{ list-style-type:inherit;}
.post_content li p{ margin:5px 0;}
.post_tags{margin-top:10px;}
.post_info {height:30px; line-height:30px;margin-top:10px;font-size:13px;color:#a4a4a4;}
.post_info_l a{margin:0 5px;}
.post_info_l{float:left;width:50%;}
.post_info_r{float:right;width:50%;text-align:right;}
.post_info_r i{margin:0 5px 0 10px;}
.post_info_r a{color:#a4a4a4;}
/**/
.post_time { float: left ; width:40px; height:85px; padding:10px 5px; overflow:hidden; text-align:center; color:#FFFFFF; background: #7FB594 url(images/icon/time_right.png) no-repeat  right  bottom;}
.post_time h5 { font-size:26px; line-height:28px; }
.post_time h6 { font-size:10px; line-height:12px; font-weight:normal;}
.post_fu { float:left; width:40px; height:40px; padding:5px 5px; background: #7f7f7f url(images/icon/fu_right.png) no-repeat right bottom;}
/**/
.postistop {margin-bottom:15px; }
.postistop .post_time{ height:32px; line-height:40px; margin-bottom:10px; background: #7f7f7f url(images/icon/up_right.png) no-repeat left top;}
.postistop h2 { font-size:18px;margin-bottom: 2px;}
.social-share{margin-top:40px;}
/*tagcloud*/
.tags-cloud .tag-name{margin:0 5px;line-height: 1.2;}
.tags-cloud .tag-name-size-0{font-size: 1.1em;}
.tags-cloud .tag-name-size-1{font-size: 1.4em;}
.tags-cloud .tag-name-size-2{font-size: 1.7em;}
.tags-cloud .tag-name-size-3{font-size: 2.1em;}
.tags-cloud .tag-name-size-4{font-size: 2.6em;}
.tags-cloud .tag-name-size-5{font-size: 3.2em;}
.tags-cloud .tag-name-size-6{font-size: 3.9em;}
.tags-cloud .tag-name-size-7{font-size: 4.6em;}
/*上一篇下一篇*/
.post_nav { padding:5px 30px; height:22px;background:#FFFFFF; margin-bottom:5px;}
.post_nav a { color:#7f7f7f;font-size:14px;line-height:22px;}
.post_nav a:hover{color:#7FB594;}
.l { float:left;}
.r { float:right;}
/*相关文章*/
.mutuality { padding:15px; background:#FFFFFF; margin-bottom:5px;}
.mutuality_title { font-weight:bold; height:28px; line-height:28px;}
.mutuality_body { padding:0px 5px;}
.mutuality_body p { line-height:24px; background:url(images/li.jpg) no-repeat left 10px; padding-left:10px;}
/*侧栏主体*/
.function { float:left; width:240px; margin-bottom:15px;border-bottom:1px solid #7FB594;}
.function_t { float:left; width:210px; height:24px; line-height:24px; padding-bottom:5px; font-size:15px; padding-left:20px; font-weight:bold; color:#7FB594;}
.function_c { float:left; width:200px; padding:5px 10px 15px 20px;}
.function_c ul li { line-height:24px; margin-bottom:2px;font-size:12px;}
/*图标*/

/*新版表格日历*/
#divCalendar .function_t { display:none;}
#divCalendar .function_c { width:232px; padding:0 4px 15px 4px;font-size:12px;}
#divCalendar table{width:100%; table-layout:fixed;}
#divCalendar caption{ text-align:center; height:24px;}
#divCalendar caption a { padding:0 10px;color:#7FB594;font-size:14px;}
#divCalendar thead{background: #bfbfbf;}
#divCalendar th{color: #FFFFFF;text-transform: uppercase;border:1px solid #E0E1E2;height:26px;-webkit-transform:scale(0.83);}
#divCalendar td{text-align:center;background:#F0F0F0;border:1px solid #E0E1E2;height:30px;}
#divCalendar td.pad{background:none}
#divCalendar td a{display:block;line-height:30px;background:#7FB594; color:#FFFFFF;}
#today{font-weight:bold;}/*这个today真的不该有！*/
/*侧边搜索*/
#divSearchPanel  input[type="text"]{ float:left; width:110px; padding:5px 10px; border:1px solid #FFFFFF;}
#divSearchPanel  input[type="submit"]{ float:left; background:#7f7f7f; border:none; width:50px; height:28px; font-weight:bold;color:#FFFFFF;}
/*侧边分类*/
#divCatalog .li-subcate { padding-left:15px; background:url(images/li-subcate.png) no-repeat left top;}
#divComments li,divPrevious li{ white-space:nowrap; word-break:keep-all; overflow:hidden; text-overflow:ellipsis;}
/*评论列表*/
.commentlist { padding:0 30px; background:#FFFFFF;}
.commentlist h4{ margin-top:15px;}
.commentlist .msg { margin-top:10px; border-top:1px solid #CCCCCC; padding:5px 0 0 0;}
.commentlist .msg .msgimg { float:left; width:48px; height:48px; padding-top:5px;}
.commentlist .msg .msgimg .avatar { width:48px; height:48px;}
.commentlist .msg .msgtxt { width:100%; float:right; margin-left:-60px;}
.commentlist .msg .msgtxt .msgtxtbogy { margin-left:60px;}
.commentlist .msg .msgtxt .msgname { height:24px; line-height:24px;}
.commentlist .msg .msgtxt .msgname a{font-size:12px;color:#3B70A8;}
.commentlist .msg .msgtxt .msgname span { font-size:12px; color:#999999;}
.commentlist .msg .msgtxt .msgarticle { padding:5px 0;}
.commentlist .msg .msgarticle .msg { font-size:12px;}
.commentlist .msg .msgarticle .msg .msgimg { width:32px; height:32px;}
.commentlist .msg .msgarticle .msg .msgimg .avatar { width:32px; height:32px;}
.commentlist .msg .msgarticle .msg .msgtxt { width:100%; float:right; margin-left:-40px;}
.commentlist .msg .msgarticle .msg .msgtxt .msgtxtbogy { margin-left:40px;}
.commentlist .msg .msgarticle .msg .dot { display:none;}
/*回复图标*/
/*.commentlist .msg .msgarticle .msg .revcount{ width:15px; height:15px;;background: url(images/li-subcate.png) no-repeat left top;}*/

/*发布评论*/
.commentpost { padding:15px 30px 30px 30px; background:#FFFFFF;}
.commentpost p {line-height:30px;margin-top:10px;}.commentpost img{ margin-bottom: -6px;}
li.msgarticle div.quote{ margin:10px 0 0 0; padding:10px; background:#FFFFFF; border:1px solid #F4F4F4;}
li.msgarticle div.quote-title{ margin:0; padding:0; font-size:1em; color:#CC0000;}
.commentpost input { width:200px; padding:6px 10px; border:1px solid #CCCCCC;margin-right:10px;}
.commentpost #txaArticle{ padding:5px; width:99%; height:120px; border:1px solid #CCCCCC;background:none;font-family: Arial,microsoft yahei,Meiryo,Helvetica,sans-serif;}
.button { background:#7f7f7f; border:none; width:100px; height:30px;color:#FFFFFF; }
#cancel-reply{float:right;margin-right: 2em;}
/*分页*/
.pagebar {padding:5px 0 15px 10px; text-align:right;}
.pagebar span.page{ color:#565656; padding:2px 8px; background:#ffffff; margin:4px;}
.pagebar span.now-page { color:#7f7f7f; padding:2px 8px; font-weight:bold; background:#FFFFFF; margin:5px;}

.tags_title{float:left;font-size:16px;color:#434343; font-weight:normal;float:left;}
.tags{line-height:20px;margin:0px 0;}
.tags ul{position:absolute; width:800px;}
.tags li{float: left;}
.tags a{display:block;color:#434343;line-height:20px; font-size:12px; float:left;background-color:#ddddff; padding:0px 8px; margin:2px 3px 2px 1px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px;}
.tags a:hover{ text-decoration:none; background-color:#7ecefd; color:#FFF;}
/*底部图标*/
#icon{clear:both;width:1200px;height:80px;background-color:#f4f4f4;margin:0 auto;border-top:#7FB594 solid 2px;border-bottom:#bfbfbf solid 1px;padding:0 0 30px 0; }
#icon img{margin-bottom:-8px;}
.column{float:left;width:150px;text-align:center;padding:10px 0 10px 0; line-height:26px;}
.column:hover{background:#FFFFFF;}
/*底部分栏*/
#footer{clear:both;width:1200px;margin:0 auto;background-color:#f4f4f4;border-bottom:#bfbfbf solid 1px;}
#footer p{margin-top:-1px;}
#footer img{margin-top:2px;}
.endcol{float:left;width:180px;height:146px; background-color:#f4f4f4;padding:15px 10px 13px 10px;line-height:24px;}
.endcol:hover,.endcol2:hover{background-color:#FFFFFF;}
.endcol h4,.endcol2 h4{font-size:15px;line-height:20px;border-bottom:1px solid #666666; margin:0 0 5px 0;font-weight:normal;}
.endcol li,.endcol2 li{list-style-type:none;line-height:23.9px;margin:0 0 0 0;}
.endcol2{float:left;width:380px;height:146px; background-color:#f4f4f4;padding:15px 10px 13px 10px;line-height:24px;}
.endcol2 img{float:left;}
.endcol2last img{float:left;border:#bfbfbf solid 1px;margin-left:6px;border-radius:3px;}
.endcol2last img:hover{float:left;border:#7FB594 solid 1px;background-color:#e1eeea;}
#copyright{width:1200px;margin:0 auto;line-height:39px;}
/*底部版权*/
.copyl{float:left;}
.copyr{float:right;}







.footer{ width:100%; height:220px; background:#000; padding:53px 0 54px 0}
.footer,.footer *,.footer a:hover{ color:#fff}
.footer .fomain{ width:1200px; height:175px; margin:0 auto}
.footer .fomain .fonavbox{ width:190px; height:175px; border-right:1px solid #ccc; float:left;}
.footer .fomain .fonavbox .foonenav{ padding-left:50px;font-size:15px; font-weight:bold; display:block; height:35px;}
.footer .fomain .fonavbox .fotwonav{ display:block; line-height:30px; margin-left:50px;}
.footer .fomain .fotel{ width:60px; height:175px; background:url(images/tbmenu.png) no-repeat 0 0; float:left; }
.footer .fomain .fotel,.footer .fomain .fotel *{ line-height:38px; font-size:15px}

.fobeian{ background:#000; text-align:center; height:50px; border-top:1px solid #ccc}
.fobeian,.fobeian *{ color:#ffffff; font-size:14px; line-height:50px}
.fobeian a:hover{ color:#ffffff;}