/*--------------------------å…¨--å±€-------------------------------*/
body{margin:0;padding:0;color:#555;font-size:14px;font: 14px Tahoma,'Microsoft Yahei','Simsun';background-color:#f5f5f5;}
a{text-decoration: none;}
a:link {color: #0273C6;}
a:visited {color: #0273C6;}
a:hover {color:#428BCA;text-decoration: none;}
a:active {color: red;text-decoration: none;}
ol,ul,dl{list-style-type:none;list-style-position : outside;margin:0 0 0 0;padding:0 0 0 0;}
li{margin:0 0 0 0;padding:0 0 0 0;}
img{border:0;}
p{margin:0 0 0 0;padding:0 0 0 0;}
dl{margin:0 0 0 0;padding:0 0 0 0;}
dd{margin:0 0 0 0;padding:0 0 0 0;}
dt{margin:0 0 0 0;padding:0 0 0 0;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
.clear{clear:both;}
/*----------------------------ad----------------*/
.ad1{float:right;height:60px;}
.ad2 a img{width:100%;margin-bottom:10px;}
.ad3 a img{width:100%;margin-bottom:10px;}
.ad4 a img{width:100%;margin-bottom:10px;}
/*---------------------------各模块设定-------------------------------*/
.main{width:1150px;overflow:hidden;margin:0px auto;margin-top:130px;}
.main .divmain{width:100%;margin:0px auto;}
.main .divmain .left {width:70%;float:left;}
.main .divmain .right{width:28%;float:right;background: white;}
/*--------------------------TOP------------------*/
.top {background-color:#FFF;}
.top .logoarea{width:1150px;height:60px;margin:0px auto;padding:10px 0;}
.top .logoarea a{font-size:30px;line-height:60px;color:#428BCA;font-weight:bold;}
.top .logoarea a img{height:60px;}
.top .nav {background-color:#428BCA;}
.top .nav .navbar{width:1150px;margin:0px auto;overflow:hidden;}
.top .nav .navbar>.button>a.navbutton{display:none;}
.top .nav .navbar>.button>a.searchbutton{display:none;}
.top .nav .navbar li{display:block;float:left;list-style:none;}
.top .nav .navbar li a:hover{background-color:#0273C6;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
	}
/*.top .nav .navbar li:hover{
-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
	-webkit-transform: rotatex(360deg);    
    -moz-transform: rotatex(360deg);   
    -ms-transform: rotatex(360deg);    
    -o-transform: rotatex(360deg);
	}
    */
.nav-on{background-color:#1b6bb1}
.top .nav .navbar li:first-child{border-left:1px solid #6d6d6d;}
.top .nav .navbar li a{font-size:15px;line-height:40px;color:#FFF;height:40px;display:block;padding:0 15px;}
.top .nav .navbar form{float:right;}
.top .nav .navbar input[type=text]{height:34px;padding:0px;width:150px;vertical-align:middle;}
.top .nav .navbar input[type=submit]{height:40px;}
/*-----------------------banner-------------------*/
.banner{overflow:hidden;margin-bottom:15px;}
.rslides {position: relative;list-style: none;overflow: hidden;width: 100%;padding: 0;margin: 0;}
.rslides li {-webkit-backface-visibility: hidden;position: absolute;display: none;width: 100%;left: 0;top: 0;}
.rslides li:first-child {position: relative;display: block;float: left;}
.rslides img {display: block;height: auto;float: left;width: 100%;border: 0;}
.slide_container {position: relative;float: left;width: 100%;}
.slide {position: relative;list-style: none;overflow: hidden;width: 100%;padding: 0;margin: 0;}
.slide li {position: absolute;width: 100%;left: 0;top: 0;}
.slide img {display: block;position: relative;z-index: 1;height: auto;width: 100%;border: 0;}
.slide .caption {display: block;position: absolute;z-index: 2;font-size: 14px;text-align:center;text-shadow: none;color: #fff;background: #000;background: rgba(0,0,0, .5);left: 0;right: 0;bottom: 0;margin: 10px;padding: 5px; max-width: none;}
.slide_nav {position: absolute;-webkit-tap-highlight-color: rgba(0,0,0,0);top: 52%;left: 0;opacity: 0.3;z-index: 3;text-indent: -9999px;overflow: hidden;text-decoration: none;height: 61px;width: 38px;background: transparent url("image/themes.gif") no-repeat left top;margin-top: -45px;}
.slide_nav:active {opacity: 1.0;}
.slide_nav.next {left: auto;background-position: right top;right: 0;}
/*----------------------post-multi-----------------------*/
/*.main .left .multi:hover{background-color:rgb(210,210,210);}*/
.main .left .multi img{width:100%;}
.main .left .multi {width:100%;background-color:#FFF;margin:0px 0px 5px 0px;overflow:hidden;}
.main .left .multi .pic{width:25%;margin:2%;float:left;position:relative;height:120px;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;overflow:hidden;}
.main .left .multi .div-title{margin:0 2%;font-size:16px;font-weight:bold;padding: 2% 0 1% 0;font-family: inherit;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;font-size:20px;}
.main .left .multi .div-title i{line-height:28px;}
.main .left .multi a.cate{background-color:rgb(200,30,30);color:#FFF;float:left;font-size:20px;padding:0 2%;position:absolute;z-index:10;}
.main .left .multi .div-title a.title{display:block;float:left;clear:right;width:100%;color:#3a3a3a;}
.main .left .multi .div-title a.title:hover{color:#428BCA}
.main .left .multi .div-title a{overflow:hidden;text-overflow: ellipsis;white-space: nowrap;font-size:20px;}
.main .left .multi .intro span{line-height:25px;color: #868686;position:relative;top:15px;}
.main .left .multi .date{padding-right:15px;}
.main .left .multi .viewer{padding-left:10px;}
.main .left .multi .readmore{overflow:hidden;}
.main .left .multi .readmore a{padding:2px 10px;color:#000;margin-left:10px;}
.main .left .multi .readmore a:hover{background-color:rgb(100,150,200);-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;}
.main .left .multi .more{margin:4% 1% 0 0;float:right;}
.main .left .multi .more .comment a i{margin-right:0px;padding-right:10px;}
/*----------------here--------------*/
.here{padding: 10px 0px 10px 20px;}
.here i{margin-right:0px;color:rgb(200,30,30);}
.here a{font-size:14px;color:#000;}
/*-----------------single*/
body.article .main .divmain .left{background-color:#FFF;}
body.article .single .post-body{padding: 15px}
body.article .single .post-body>*{font-size:14px;line-height:30px;}
body.article .single>.post-footer{text-align:center;font-size:15px;margin:0px auto;padding: 0px 0px 15px 0px;border-bottom: 5px solid #f5f5f5;}
/*--------------post-single*/
body.article .single{overflow:hidden;}
body.article .single h2{text-align:center;line-height:40px;margin-top:10px;font-size:1.5em;}
body.article .single .post-body img{max-width:90% !important;}
.post-tags{font-size: 15px;color: rgb(200,30,30);float: right;margin: 15px 3% 15px 0;text-align:right;width:97%;}
.post-tags a{color:#000;}
.share{margin:0 3%;}
body.article .main .divmain .left .relate{margin:10px 3%;}
body.article .main .divmain .left .relate > span{font-size:20px;margin:5px 0;display:block;padding:5px 0;}
body.article .main .divmain .left .relate div{padding:5px 0;}
body.article .main .divmain .left .relate div a{margin:5px 0;color:#868686;font-size:15px;}
body.article .main .divmain .left .relate div:hover a{color:#428BCA}
body.article .main .divmain .left .relate div span{float:right;}
/*----------------评论*/
.msg { padding: 1% 2%; border-top: 1px solid #eaeaea; }
.msg i{font-size:20px;}
.msgname { font-size: 12px; }
.msgname .avatar { float: left; width: 40px; height: 40px; margin-right: 10px; border-radius: 20px; transition: 1s; -moz-transition: 1s; -webkit-transition: 1s; -o-transition: 1s; }
.msg:hover .msgname .avatar { transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); }
.msgname .revertcomment, .msgname .floor { font-size: 12px; float: right; padding: 2px 5px; margin: 0 5px; border-radius: 2px; }
.msgname a.revertcomment, .msgname a.floor { background-color: #3498DB; color: #FFF; }
.msgname .revertcomment:hover, .msgname .floor:hover { background-color: #09F; }
.msgname .revertcomment:hover a{color:#FFF;}
.msgname .commentname { font-size: 14px; font-weight: bold; }
.msg .msgarticle { padding: 15px 0 15px 0; }
.msg .msg { padding: 15px !important; margin-top: 15px; background-color: #F4F4F4; }
.msg .msg .msgarticle { border: none; padding: 15px 0 0 0 !important; }
.msg .msg .msg { margin-top: 15px; padding: 15px !important; background-color: #ffffff; }
.msg .msg .msg .msg .revertcomment { display: none; }
.msg .msg .msg .msg { background-color: #F4F4F4; }
.widget { margin: 0 0 10px; background-color: white; border: 1px solid #eaeaea; }
.widget h3 { font-size: 18px; line-height: 18px; font-weight: 500; padding: 15px 20px; border-bottom: solid 1px #eaeaea; background-color: #f9f9f9; }
/*评论样式*/
.post-comment { overflow: hidden; }
.post-comment h3 { font-size: 18px; line-height: 18px; font-weight: 500; padding: 15px 20px; border-top: solid 1px #eaeaea; border-bottom: solid 1px #eaeaea; }
/*评论*/
#divCommentPost { margin: 20px 20px; }
#divCommentPost form { display: block; }
#divCommentPost p { margin-bottom: 10px; }
#divCommentPost .text { border: 1px solid #CCCCCC; background-color: #f9f9f9; padding: 10px 0; text-indent: 10px; resize: none; outline: none; }
#divCommentPost input.text { width: 50%; }
#divCommentPost textarea.text { width: 98%; height: 100px; overflow-x: hidden; overflow-y: auto;font-size:15px; }
#divCommentPost input.button { font-size: 14px; width: 100px; height: 32px; cursor: pointer; border-radius: 2px; color: #FFF; background-color: #3498DB; border: 0; }
#divCommentPost input.button:hover { background-color: #09f; }
body.page .main .divmain .left{background-color:#FFF;}
body.page .page{padding:3%;}
/*分页样式*/
.pagebar { text-align: center;}
.pagebar a .page { display: inline-block; padding: 0 15px; line-height: 20px;background-color: #a2a2a2;color:#FFF;}
.pagebar a .page:hover{background-color:#428BCA;}
.pagebar .now-page { color: #FFF; display: inline-block; padding: 0 15px; line-height: 35px; background-color: #428BCA; }
.bor { border-color: rgba(0,0,0,.08); box-shadow: 0px 3px 3px rgba(0,0,0,.05); }
.relates { margin-bottom: 20px; }
.relates h3 { font-size: 18px; line-height: 18px; font-weight: 500; padding: 15px 20px; border-top: solid 1px #eaeaea; border-bottom: solid 1px #eaeaea; }
.relates ul { padding: 20px; }
.relates ul li { line-height: 14px; border-left: 1px solid #eaeaea; margin-bottom: 15px; overflow: hidden; }
.relates ul li:last-child { margin-bottom: 0; }
.relates ul li:hover { border-left: 1px solid #3498DB; }
.relates ul li a { padding-left: 10px; }
.relates ul li span { float: right; }
/*--------------------------------搜索页面---------------------*/
.main .divmain .left .search .content p{padding:10px 3%;border-top:3px dashed rgb(136,136,136);margin:0 3%;}
.main .divmain .left .search h2{font-size:30px;text-align:center;}
.main .divmain .left .search .content p a:first-child{font-size:20px;display:block;color:#C81E1E;}
/*==================================================================================系统侧栏*/
.main .right .function{background-color:#FFF;margin-bottom:10px;}
.main .right .function{overflow:hidden;}
.main .right .function .function_t{width:50%;height:30px;line-height:30px;padding-left:10px;margin: 12px 10px;background: #66a0d3;color: white;}
.main .right .function .function_c{margin:0 3%;}
/*日历*/
#divCalendar table { width: 100%; table-layout: fixed; }
#divCalendar caption { text-align: center; padding-bottom: 10px; font-size: 18px; }
#divCalendar caption a { padding: 0 20px; }
#divCalendar th { background-color: #428BCA; height: 30px; color: #FFFFFF; text-transform: uppercase; }
#divCalendar td { text-align: center; background: #F4F4F4; height: 30px;color:#949494; }
#divCalendar td.pad { background: none; }
#divCalendar td a { display: block; line-height: 30px; color: rgb(200,30,30); }
#divCalendar td a:hover { background-color: #428BCA; color: #fff; }
/*面板*/
#divContorPanel { padding: 15px 0; }
#divContorPanel span { line-height: 30px; }
/*分类*/
#divCatalog li{width:47%;text-align:center;padding:5px 0;float:left;border:1px solid #c9c9c9;margin:1%;}
#divCatalog li:hover{background-color: #428BCA;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;}
#divCatalog li a:hover,#divCatalog li:hover a{color:#FFF;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;}
/*右侧导航*/
#divNavBar{background-color:#FFF;}
#divNavBar li{width:47%;text-align:center;padding:1% 0;float:left;border:1px solid #c9c9c9;margin:1%;background-color:#c9c9c9;}
#divNavBar li:hover{background-color: #428BCA;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;}
#divNavBar li a:hover,#divNavBar li:hover a{color:#FFF;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;}
/*单页导航*/
#pagenav { background-color: #fff; border: 1px solid #eaeaea; }
#pagenav li { border-bottom: dashed 1px #eaeaea; font-size: 16px; }
#pagenav li a { display: block; background-color: #f5f5f5; padding: 15px; margin: 5px; text-align: center; }
#pagenav li a:hover { background-color: #2980b9; color: #fff; }
#pagenav li a.on { background-color: #2980b9; color: #fff; }
#pagenav li:last-child { border-bottom: 0; }
/*搜索*/
#divSearchPanel form { padding:3% 5%; }
#divSearchPanel input[type="text"] { outline: none;height: 32px; line-height: 30px;padding:0; width: 68%; color: #999;vertical-align:middle;}
#divSearchPanel input[type="submit"] { border: 1px solid #eaeaea; background-color: #f9f9f9; width: 25%; height: 35px; cursor: pointer; color: #0B6D9D; }
/*最新文章*/
#divPrevious li .thumbnail { float: left; margin-left: -75px; }
#divPrevious li .thumbnail img { display: block; width: 60px; height: 50px; }
#divPrevious li a {color: #888; overflow: hidden; position: relative; display: block; font-size: 14px;line-height: 25px; }
#divPrevious li { padding: 10px 0px; line-height: normal;}
#divPrevious li:hover { background-color: #F7FAFF; }
#divPrevious li .text { display: block; margin-bottom: 5px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
#divPrevious li .muted { margin-right: 15px; font-size: 12px; color: #999; }
#divPrevious li:last-child { border-bottom: 0; }
#divPrevious li i{float:left;line-height:20px;}
/*留言*/
#divComments { padding-bottom: 5px; }
#divComments li { padding: 10px 0;  }
#divComments li:hover { background-color: #F7FAFF; }
#divComments li .thumbnail { display: block; float: left; width: 40px; height: 40px; margin-right: 15px; }
#divComments li .thumbnail img { width: 40px; border-radius: 100%; }
#divComments li .name { display: block; color: #999; }
#divComments li p { line-height: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
#divComments li:last-child { border-bottom: 0; }
#divComments li a{display: block;color:#888;line-height: 25px;word-break: break-all;overflow: hidden;}
#divComments li i{float:left;line-height:20px;}
/*TAG*/
#divTags a {float:left;text-align:center;width:46%; display: inline-block; line-height: 25px; height: 25px; margin: 1%; padding: 0 1%; color: #fff; background-color: #d4d4d4; }
#divTags li:nth-child(5n+1) a{ background-color: #003366; opacity: .4; }
#divTags li:nth-child(5n+2) a{ background-color: #993300; opacity: .4; }
#divTags li:nth-child(5n+3) a{ background-color: #006633; opacity: .4; }
#divTags li:nth-child(5n+4) a{ background-color: #FF6600; opacity: .4; }
#divTags li:nth-child(5n+5) a{ background-color: #CC0000; opacity: .4; }
#divTags li a:hover { opacity: 1; }
/*其他*/
#divArchives, #divStatistics, #divFavorites, #divLinkage, #divMisc, #divAuthors { overflow: hidden; }
#divArchives li, #divStatistics li, #divFavorites li, #divLinkage li, #divAuthors li { width: 49.9999%; float: left; padding: 5px 0; }
#divMisc li { width: 33.3333%; float: left; padding: 15px 0; }
/*------------bottom------------*/
#divBottom{text-align:center;background-color: #FFF;padding: 20px;}
@media screen and (max-width:1150px){
	.top{width:100%;}
	.main{width:96%;}
	.top .logoarea{width:100%;}
	.top .nav .navbar{width:100%;}
	.main .left .multi .intro span{position:relative;top:10px;}
}
@media screen and (max-width:1024px){
	.top .nav .navbar form{display:none;}
	
}
@media screen and (max-width:860px){
	.main .left .multi .pic{height:140px;}
}
@media screen and (max-width:768px){
	.main {margin-top:60px;}
	.main .divmain .right{display:none;}
	.main .left .multi .pic{height:130px;}
	.main .divmain .left {width:100%;}
	.top{position: fixed;overflow: hidden;z-index: 10;}
	.top .logoarea{display:none !important;height:0px;padding:0px;}
	.top .logoarea a img{display:none;height:0px;}
	.top .logoarea a{display:none;}
	.top .nav{z-index: 100;width:100%;}
	.top .nav .navbar li{float:none;display:none;}
	.top .nav .navbar>.button{overflow:hidden;}
	.top .nav .navbar>.button>a.navbutton{display:block;font-size:34px;color:#FFF;float:left;}
	.top .nav .navbar>.button>a.searchbutton{display:block;font-size:34px;color:#FFF;float:right;}
	.top .nav .navbar li a{margin:0 15px;}
	.top .nav .navbar form{float:right;display:none;margin: 0 10px;}
	.side{display:none;}
}
@media screen and (max-width:640px){
	body.article .single>.post-footer .post-date{display:none;}
}
@media screen and (max-width:480px){
	.main .left .multi .pic{height:220px;}
	.main .left .multi .pic{width:96%;}
	.main .left .multi .intro span {display: block;padding: 0 2%;
}
}
@media screen and (max-width:400px){
	.main .left .multi .more .date{display:none;}
}

/*----------导航浮动*/
/*.topfixed*/.top {position:fixed;top:0;left:0;width:100%;z-index:9000;}
/*-------回到顶部*/
.side{position:fixed;width:54px;height:275px;right:0;top:214px;z-index:100;}
.side ul li{width:54px;height:54px;float:left;position:relative;border-bottom:1px solid #444;}
.side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:rgb(48, 137, 155);opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/54px "微软雅黑";overflow:hidden;}
.side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#428BCA;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;}
.side ul li .sidetop:hover{background:#ae1c1c;opacity:1;filter:Alpha(opacity=100);}
.side ul li img{float:left;}