/*
Website Url:https://themes.muziang.com/index.php
*/
* {-webkit-tap-highlight-color:transparent;}
article, aside, details, figcaption, figure, footer, header, main, nav, section {display:block;}
div,html,body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, select, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {margin:0; padding:0;}
body {background-color:#fbfbfb; color:#333; font:16px/1.75em sans-serif; overflow-x:hidden; width:100%;}
table {background-color: transparent; border-spacing: 0; border-collapse: collapse; font-size:16px; width:100%; border-top:1px solid #ddd; border-left:1px solid #ddd; box-sizing: border-box;}
table th {background-color:#f8f8f8; text-align:center; box-sizing: border-box;}
table td, table th{padding:10px;border:1px solid #ddd; box-sizing: border-box;}

button, input, textarea{background:none; border:none; border-radius:0; -webkit-border-radius:0; color:#333; font-family: inherit; font-size: 0.875em; outline:none; -webkit-appearance:none;}
input:focus { outline: none;}
textarea{resize:none;}

a {text-decoration:none; outline:none; color:#333;}
a:focus {outline:none; -moz-outline:none;}
a:hover {color:#2a67b7;}
a img {border:none;}
img {vertical-align: middle; max-width: 100%;}
li {list-style:none;}

/* ---------------------------------------- */

/*全局样式*/
.clear{ clear:both; height:0px; overflow:hidden;}
.inner {width:93.75%; max-width:1280px; margin:0 auto;}
.thumbnail {position:relative; overflow: hidden;}
.thumbnail a {display:block; position:relative; overflow:hidden; padding-bottom:75%; background:no-repeat center center; background-size:cover;transition:all .3s;}
.thumbnail img {display:block; position:absolute; left:0; top:0; width:100%; height:auto; min-height:100%;}
.postbottom {margin-bottom:15px; margin-left:63px; font-size:14px;}

.gg { overflow:hidden;}
.gg a {display:block;}
.gg img {display:block; width:auto; max-width:100%; height:auto; margin:0 auto;}
.qzgg {margin-top:30px;}
.qtgg {margin-bottom:30px;}
.lbgg {padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #eee;}
/*全站头部*/
.header {background-color:#2a67b7; position:relative; z-index:5;}
.header .inner {position:relative;}
.blank {display:none;}
/*logo*/
#logo {float:left; padding:30px 0; position:relative; z-index:6; width:190px;}
#logo a {display:block; padding-bottom:21.0526%; position: relative; overflow: hidden; background:no-repeat left center; background-size:contain;}
#logo i {display: block; position: absolute; left:0; top:0; width: 100%; height: 100%; text-indent:-9999em; overflow: hidden;}
/*nav*/
.nav {float:right; padding-right: 20px;}
.nav ul {float:right;}
.nav li {float:left; font-size:16px; line-height:36px; padding:32px 0; position:relative;}
.nav li a {display:block; position:relative; padding:0 20px; border-radius:3px; color:#fff;}
.nav li.cur > a, .nav li.on > a {background-color:#ff8728 ;}
.nav li em {display:none;}
.nav li ul {position:absolute; left:50%; top:100%; padding:10px 0; width:140px; margin-left:-70px; background-color:#2a67b7; border-top:1px solid #eee; text-align:center; display:none;}
.nav li ul.show {display:block;}
.nav li li {padding:0; float:none; font-size:16px;}
.nav li li a {line-height: 24px; padding:8px 5px;}
/*searchbox*/
.searchbox {position: absolute; right: 0; top: 100%; background-color: #fff; width: 300px; display: none;}
.searchbox form {padding:6px 0;}
.searchbox .input {display: block; position: relative; padding-right: 36px;}
.searchbox .text {height: 36px; padding:5px 5%; height: 26px; line-height: 26px; background-color: #f6f6f6; display: block; width: 90%;}
.searchbox .submit {display: block;position: absolute;right: 0;top: 0;width: 36px;height: 100%;background: #ff8728 url(images/icon_search.png) no-repeat center center;background-size: 50%;-webkit-appearance: none;cursor: pointer;}

/*schBtn*/
.schBtn,
.navBtn {position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:6; cursor:pointer; background:no-repeat center center; background-size: contain;}
.schBtn { width: 20px; height: 20px; background-image:url(images/icon_search.png);}
/*navBtn*/
.navBtn {display:none;  color:#fff; background-image:url(images/icon_menu.png); width:28px; height:28px;}


.wrapper {padding:30px; background-color:#fff; margin:30px 0; border:1px solid #efefef; box-shadow:0px 0px 10px #eee; overflow:hidden;}

/*hmBtm*/
.hmBtm {background-color:#fff; border-top:1px solid #efefef;  padding:35px 0;}
.hmBtm .inner {overflow:hidden;}
.hmBtm .left {float:right; width:120px;}
.hmBtm .right {margin-right:150px;}
.hmLinks {padding:7px 0; overflow:hidden;}
.hmLinks h2 {font-size:12px; float:left; color:#666; line-height:1.75em;}
.hmLinks ul {margin-left:50px; overflow:hidden;}
.hmLinks li {float:left; padding-left:2%; font-size:12px; color:#666; line-height:1.75em;}
.hmLinks a {color:#666;}
.hmLinks a:hover {color:#2a67b7;}
.hmLinks i {font-weight:bold; font-size:18px; vertical-align:middle; color:#ff8728; margin-right:10px; font-style:normal;}


.follow {font-size:12px; text-align:center; color:#999; line-height:2em;}
.follow img {display:block; width:100%; height:auto;}

#hmnews {overflow:hidden; margin-bottom:0.5%;}
#hmnews .list {width:102.4%; overflow:hidden; display: block;}
#hmnews .item {float:left; padding-right:2%; padding-bottom:2%; /*width:22.5%;*/ width:22.8%; overflow: hidden;}
#hmnews .item1 {/*width:48.7%;*/ width:48.3%;}
#hmnews .item a {display:block; overflow:hidden; position:relative; border:1px solid #eee;}
#hmnews .item .pic {padding-bottom:75%; background:no-repeat center center; background-size:cover; overflow:hidden;position:relative;transition: all .3s;}
#hmnews .item .pic:after {width:100%; height:100%; content:''; display:block; position:absolute; left:0; top:0;}

#hmnews .item h2 {position:absolute; left:0; bottom:0; width:90%; padding:5px 5%; font-size:13px; text-align:center; line-height:1.5em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-weight:normal; background-color:rgba(0,0,0,.25); color:#fff;}
#hmnews .item a:hover .pic {transform: scale(1.1);}
/*searchform*/
.searchform {overflow:hidden; margin-bottom:30px; position:relative;}
.searchform .input {border:1px solid #eee; border-right:none; margin-right:60px; overflow:hidden; position:relative; overflow:hidden;}
.searchform .text {display:block; color:#333; height:30px; line-height: 30px; width:96%;  padding:10px 2%; -webkit-appearance:none; background-color:#fff; font-size:14px;}
.searchform .submit {display:block; position:absolute; right:0; top:0; border-radius:0 5px 5px 0; width:60px; height:100%; text-align:center; font-size:18px; color:#fff;  background:#ff8728 url(images/icon_search.png) no-repeat center center; background-size:40%; -webkit-appearance:none; cursor:pointer;}

/*main*/
.main {margin-right:310px;}

/*hmTitle*/
.hmTitle {display:table-cell; vertical-align:middle; width:16.42%; text-align:center; border:1px solid #eee; border-right:none; background-color:#fbfbfb;}
.hmTitle a { font-size:14px; color:#888; }
.hmTitle a:hover {color:#2a67b7;}
.hmTitle h2 {font-size:18px; font-weight:normal; color:#555;}
/*hmhot*/
.hmhot {overflow:hidden; margin-bottom: 30px;}
.hmhot .title {position:relative; text-align:center; margin-bottom:25px;}
.hmhot h2 {display:inline-block; position:relative;  font-size:18px; font-weight:normal; color:#555; line-height:1.125em;}
.hmhot h2:before, .hmhot h2:after {width:600px; height:1px; background-color:#eee; content:''; display:block; position:absolute; top:50%; margin-top:-0.5px;}
.hmhot h2:before {right:100%;}
.hmhot h2:after {left:100%;}
.hmhot i {padding:0 30px; font-style:normal; position:relative;}
.hmhot i:before, .hmhot i:after {width:8px; height:8px; border-radius:50%; background-color:#eee; position:absolute; top:50%; margin-top:-4px; content:''; display:block;}
.hmhot i:before {left:0;}
.hmhot i:after {right:0;}
/*icon*/
.icon {overflow:hidden; border:1px solid #efefef; border-radius:5px; padding:5px;}
.icon span {display:block; padding-bottom:45%; background:no-repeat center center; background-size:contain;}
/*hmbox*/
.hmBox {overflow:hidden; display:table; width:100%; table-layout:fixed; margin-bottom:30px;}
.hmBox .right {display:table-cell; vertical-align:top;}

/*sitelist*/
.sitelist {overflow:hidden; border:1px solid #eee;}
.sitelist.mb30 { margin-bottom:30px;}
.siteitem {float:left; width:25%;}
.siteitem .box {border-right:1px solid #eee; border-bottom:1px solid #eee; margin-right:-1px; margin-bottom:-1px;}
.siteitem .icon {width:70%; margin:0 auto 10px;}
.siteitem .info {overflow:hidden;}
.siteitem h3 {font-size:16px; text-align:center; font-weight:normal; line-height:1.75em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.siteitem p {font-size:12px; color:#999; line-height:1.75em; height:3.5em; overflow:hidden;}
.siteitem a {display:block; overflow:hidden; padding:10%;}
.siteitem a:hover .icon {box-shadow:0px 0 10px rgba(42,103,183,.2);}


/*site */
.site .title {font-size:20px; font-weight:normal; line-height:1.35em; margin-bottom:10px;}
.site .top {overflow:hidden; margin-bottom:5%;}
.site .gosite {float:right; width:150px; padding:15px 0;}
.site .icon {margin-bottom:10px;}
.site .go a {display:block; color:#fff; background-color:#ff8728; border-radius:5px; font-size:12px; text-align:center; line-height:32px;}
/*sitemeta*/
.sitemeta {margin-right:250px; overflow:hidden;}
.sitemeta ul {display:table; width:100%; table-layout:fixed; border-bottom:1px solid #eee;}
.sitemeta li {display:table-cell; width:50%; font-size:14px; color:#666; line-height:1.75em; padding:1.51% 0;}
.sitemeta li span {display:block;}
.sitemeta li .name {float:left; white-space:nowrap;}
.sitemeta li .info {margin-left:42px; overflow:hidden; word-break:break-all; word-wrap:word-break;}
.sitemeta li .t {margin-right:10px;}
.sitemeta li a {color:#666;}
.sitemeta li a:hover {color:#2a67b7;}
/*siteIntro*/
.siteIntro {border-bottom: 1px solid #eee; margin-bottom: 3%;}
.siteIntro .h2 {border-bottom:1px solid #2a67b7; height:35px; line-height:35px; margin-bottom:5%;}
.siteIntro .h2 h2 { font-size:14px; font-weight:normal; margin:0 15px; padding:0 20px; float:left; overflow:hidden; border:1px solid #2a67b7; background-color:#fff; border-bottom:none; border-radius:5px 5px 0 0; color:#2a67b7;}
/*blogitem*/
.blogitem {overflow: hidden; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #eee; position:relative; clear:both;}
.blogitem h2 {font-weight:normal; font-size:20px; line-height: 1.5em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom:10px;}
.blogitem h2 a:hover {color:#34495e;}
.blogitem h2 strong {color: #f00;}
.blogitem .thumbnail {float:left; width:200px; border-radius:5px; border:1px solid #eee;}
.blogitem .thumbnail a {transition:all .3s;}
.blogitem .thumbnail a:hover {transform:scale(1.1);}

.blogitem .info {margin-left:220px; overflow: hidden;}
.blogitem .excerpt {font-size:14px; line-height: 1.75em; height:5.25em; overflow:hidden; color:#666; margin-bottom:10px;}

.blogitem .meta {color:#999; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:12px; line-height:1.5em;}
.blogitem .meta a {color:#888;}
.blogitem .meta span {position:relative; padding-right:15px; padding-left:12px;}
.blogitem .meta span:before {width:6px; height:6px; border-radius:50%; background-color:#ddd; content:''; display:block; position:absolute; left:0; top:50%; margin-top:-3px;}
.blogitem .meta span:last-child {padding-right:0;}

.isTop {position:absolute; left:15px; top:0; font-size:12px; width:1em; padding:5px; border-radius:0 0 3px 3px; background-color:#ff8728; z-index:1; line-height:1.35em; color:#fff;}

.custom .thumbnail a {background-size:contain;}
/*全站底部*/
.footer {padding:15px 20px; text-align:center; clear:both; text-transform:uppercase; background-color:#2a67b7; font-size:12px; line-height: 2em;  color:#fff; overflow:hidden;}
.footer a {color:#fff; display: inline-block;}
.footer a:hover {color:#eee;}
.footer .beian {display: inline-block; width: auto; height: 20px; vertical-align: middle; margin: -2px 3px 0;}
/*breadcrumb*/
.breadcrumb {font-size:12px; color:#999; background-color:#fff; line-height:1.5em;border-bottom:1px solid #eee; padding:15px 0; }
.breadcrumb a {color:#999;}
.breadcrumb em {font-style:normal; font-family:'Simsun'; margin:0 3px;}
/*post*/
.post {overflow:hidden;}
.post .title {font-size:26px; color:#333; line-height:1.5em; font-weight:normal; margin-bottom:25px; text-align:center;}
.post .meta {overflow:hidden; font-size:0; line-height:normal; text-align:center; border-bottom:1px solid #eee; padding-bottom:10px; margin-bottom:30px;}
.post .meta a {color:#888;}
.post .meta span {display:inline-block; font-size:12px; line-height:1.75em; color:#888; padding:0 8px;}

/*内页分页*/
.pagenavi {font-size:0; line-height: normal; text-align:center; padding:20px 0;}
.pagenavi a, .pagenavi span.now-page {display:inline-block; font-size:12px; color:#999; background-color:#f9f9f9; margin:2px 2.5px; height:30px; line-height: 30px; padding:0 12px; border-radius:2px;}
.pagenavi a:hover, .pagenavi span.now-page {background-color:#2a67b7; color:#fff;}

/*详情页*/
.details .title {font-size:32px; text-align: center; line-height: 1.35em; margin-bottom:2.43%; font-weight:normal;}
.details .meta {text-align:center; font-size:0; line-height: normal; border-bottom:1px solid #eee; padding-bottom:1.5%; margin-bottom:2.43%;}
.details .meta span {font-size:14px; color:#888; padding:0 15px;}
.details .meta a {color:#888;}
/*404页面*/
.error {padding:10% 0 5%;}
.error .title {font-size:36px; font-weight:normal; text-align:center; line-height: 1.35em; margin-bottom:3.5%;}
.error .warning {text-align:center; font-size:18px; line-height: 1.75em; margin-bottom:10%;}
.error .warning a {color:#2a67b7;}
/*详情内容*/
.entry {line-height: 1.875em; color:#333; margin-bottom:2.5%; overflow:hidden;}
.entry * {line-height: 1.875em;}
.entry p, .entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6, .entry ul, .entry ol {margin-bottom:1.75%; word-break: break-all;}
.entry ul, .entry ol {margin-bottom:1.75%; word-break: break-all;}
.entry img {height:auto!important;}
.entry ul li {list-style:outside disc none; margin-left:1em;}
.entry ol li {list-style:outside decimal none; margin-left:1em;}
.entry blockquote {margin:0 2em 1.75%; padding:1.75% 1.75% 0; font-style:italic; overflow: hidden; color:#555; border:1px dashed #eee; background-color:#f9f9f9; border-radius:3px;}
.entry hr {border:none; border-bottom:1px solid #999; margin-bottom:1.75%;}
.entry li p {margin-bottom: 0;}

/*postnavi*/
#postnavi {font-size: 14px; line-height: 2em; overflow: hidden; margin-bottom: 3%; }
#postnavi .prev,
#postnavi .next { width: 45%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#postnavi .prev { float: left; }
#postnavi .next { float: right; text-align: right; }
#postnavi a {color: #666;}
#postnavi a:hover {color: #2a67b7;}
/*submission*/
.submission {overflow:hidden; padding:20px 0;}
.submission .item {margin-bottom:20px; overflow:hidden;}
.submission label {display:block; float:left; font-size:14px; color:#555; line-height:42px;}
.submission .input {margin-left:75px; overflow:hidden; border:1px solid #dcdcdc; border-radius:3px;}
.submission .text {font-size:14px; color:#666; height:24px; line-height:24px; padding:9px 5% 9px 0; display:block; width:95%; text-indent:15px; box-shadow:inset 0px 0px 2px #eee;}
.submission textarea.text {height:96px; resize:none;}
.submission .select {margin-left:75px; overflow:hidden; position:relative; }
.submission select {border:1px solid #dcdcdc; border-radius:3px; padding:0; height:42px; line-height:42px; display:block; width:100%; text-indent:10px; font-size:14px; color:#666; font-family:'Microsoft Yahei';box-shadow:inset 0px 0px 2px #eee;outline:none;}
.submission select:focus {outline:none;}

.submission option {font-size:14px; padding:5px 0; border:1px solid #eee;}
.submission span {display:block; margin-left:75px; font-size:12px; color:#f00; line-height:1.5em; margin-top:5px;}
.submission .submit {width:130px; height:40px; background-color:#ff8728; border-radius:3px; display:block; color:#fff; font-size:14px; float:right; cursor:pointer;}
.submission .submit:hover {opacity:.85;}
/*详情模块标题*/
.boxtitle {font-size:20px; font-weight:normal; margin-bottom:20px; line-height: 1.5em; position:relative; padding-left:15px;}
.boxtitle:before {content:''; display:block; width:5px; height:60%; border-radius:2.5px; position:absolute; left:0; top:20%; background-color:#ff8728;}

/*相关推荐*/
.related {margin-bottom:2%;}
.related ul {width:103%; overflow:hidden;}
.related li {width:22%; float:left; padding-right:3%; padding-bottom:1.5%;}
.related li h3 {font-weight:normal; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:14px; text-align:center; line-height:1.75em; padding:5px;}
.related li:hover .thumbnail a {transform: scale(1.1);}
/*相关推荐*/
.relatedSite {overflow:hidden; margin-bottom: 30px;}
/*评论留言*/
.commentlist {overflow: hidden; margin-bottom:2.43%;}
.commentlist li {overflow: hidden; margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #eee;}
.commentlist .avatar {float:left; width:45px; height:45px; border-radius:8px; overflow: hidden;}
.commentlist .avatar img {display:block; width:100%; height:100%;}
.commentlist .info {margin-left:55px; overflow: hidden;}
.commentlist .name {font-size:14px; font-weight:bold; line-height: 1.35em; color:#222; margin-bottom:5px;}
.commentlist .date {color:#999; font-size:12px; line-height: 1.75em;}
.commentlist .reply {font-size:12px; color:#999; line-height:1.5em; float:right; font-weight:normal;}
.commentlist .text {padding:10px 0; font-size:14px; color:#333;}
.commentlist li li {margin-left:45px; padding:15px 15px 7px; background-color:#f9f9f9;  border:1px solid #eee;}
.commentlist li li li {background-color:#fff; margin-left:2%;}
.commentlist .pagenavi {padding:0;}

.reply-frm {padding:5% 15%;}
#cancel-reply {border-radius:5px; height:40px; width:120px; font-size:14px; background-color:#f1f1f1; text-align:center; line-height:40px; color:#fff; display:inline-block; float:right; margin-left:10px;}
/*评论框*/
#comment .item {overflow: hidden; margin-bottom:15px; position:relative;}
#comment label {display:block; float:left; height:40px; line-height: 40px; font-size:14px;}
#comment label i {font-style:normal; color:#f00;}
#comment .input {margin-left:63px; overflow: hidden; border:1px solid #e4e4e4; border-radius:5px;}
#comment .nb {border-color:transparent; background-color:#fafafa;}
#comment .text, #comment textarea {width:98%; height:20px; line-height: normal; padding:10px 1%; font-size:14px; font-family: 'Microsoft Yahei'; -webkit-appearance:none; color:#666;}
#comment textarea {height:150px; resize: none;}
#comment .submit {float:right; color:#fff; background-color:#2a67b7; border-radius:5px; height:40px; width:120px; font-size:14px; cursor:pointer; -webkit-appearance:none;}
#comment .submit:hover {opacity:.9;}
#comment .verify {position:relative;}
#comment .verify .input {margin-right:126px;}
#comment .verify img {display:block; position:absolute; right:0; bottom:0; height:100%; width:auto; cursor:pointer; border-radius:2px;}
/*两栏*/

.sidebar {float:right; width:280px;}

.widget {margin-bottom:20px; overflow: hidden;}
.widget h3 {font-weight:normal; font-size:18px; line-height: 1.125em; margin-bottom:15px; position:relative; color:#333; position:relative; border-bottom:1px solid #eee; padding-bottom:10px;}
.widget h3:after{width:20%; height:2px; background-color:#ff8728; position:absolute; left:0; bottom:-1px; content:''; display:block;}
.widget li {margin-bottom:5px;}
.widget li a {display:block; position:relative;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding-left:15px; font-size:14px; line-height:1.75em;}
.widget li a:before {content:''; display:block; width:6px; height:6px; background-color:#fff; border-radius:50%; position:absolute; left:0; top:50%; margin-top:-3px;}
.widget li a:hover:before {background-color:#198cff;}

.textwidget img {display:block; width:auto; max-width:100%; height:auto;}

.sidepic .textwidget {overflow:hidden; text-align:center; font-size:14px; line-height:1.75em; color:#666;}
.sidepic a {display:block;}
.sidepic p {margin-bottom:5px;}

.divSearchPanel input[type='text']{height:24px; line-height:24px; padding:6px 3%; border:1px solid #e4e4e4; width:94%; border-radius:5px 0 0 5px; background-color:#fff;}
.divSearchPanel input[type='submit'] {color:#fff; position:absolute; right:0; top:0; height:100%; width:40px; background-color:#2a67b7; cursor:pointer;border-radius:0 5px 5px 0; font-size:12px;}
.divSearchPanel form {position:relative; padding-right:40px; overflow:hidden;}

.divPost {margin-bottom:15px;}
.divPost li {margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #eee; overflow:hidden;}
.divPost li:last-child {border-bottom:none; padding-bottom:0;}
.divPost li a {padding-left:0; white-space:normal;}
.divPost li a:before {display:none;}
.divPost .thumbnail {float:right; width:75px; border-radius:5px;}
.divPost .info {overflow:hidden; margin-right:83px;}
.divPost h4 {font-weight:normal;}
.divPost h4 a {display:block; font-size:14px; line-height:1.65em; max-height:3.3em; overflow:hidden;}
.divPost p {font-size:12px; line-height: 1.75em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#999;}
.divPost li:hover .thumbnail a {transform: scale(1.1);}

.divTags li {float:left; margin-bottom:0; padding-right:8px; padding-bottom:8px;}
.divTags li a {display:block; background-color:#f6f6f6; color:#666; padding:2px 12px; border-radius:3px; font-size:12px; overflow:hidden;}
.divTags li a:before {left:-2px;}
.divTags li .tag-count {font-size:12px; color:#999; margin-left:2px;}
.divTags li a:hover {color:#fff; background-color:#2a67b7;}
.divTags li a:hover:before {background-color:#fff;}
.divTags li a:hover .tag-count {color:#fff;}

.divLinkage {overflow:hidden;}
.divLinkage ul {overflow:hidden; width:102%;}
.divLinkage li {float:left; width:48%; padding-right:2%; padding-bottom:2%;}
.divLinkage li a {display:block; background-color:#f6f6f6; color:#666; padding:3px 10px; font-size:14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.divLinkage li a:before {display:none;}

.tags {font-size:14px; line-height:1.75em; color:#000; margin-bottom:2.43%; overflow:hidden; border-bottom:1px solid #eee; padding-bottom:2.5%;}
.tags h3 {font-size:14px; float:left;}
.tags h3 i {vertical-align:middle; font-size:12px;}
.tags ul {margin-left:48px; overflow:hidden;}
.tags li {float:left; padding:0 5px;}
.tags li a {display:block; background-color:#f6f6f6; color:#666; padding:0 12px; border-radius:3px; font-size:12px; overflow:hidden; position:relative;}
.tags li a:before {content: ''; display: block; width: 6px; height: 6px; background-color: #fff; border-radius: 50%; position: absolute; left: -2px; top: 50%; margin-top: -3px;}
.tags li a:hover {color:#fff; background-color:#198cff;}
.tags li a:hover:before {background-color:#fff;}

.divCalendar caption {margin-bottom:15px;}
.divCalendar th, .divCalendar td {width:14.285%; text-align:center; padding:2%; font-size:14px;}
.divCalendar td a {display:block; padding:0 5px; background-color:#198cff; color:#fff; font-size:12px; border-radius:5px;}

.divMisc ul {width:103%; overflow:hidden;}
.divMisc li {float:left; width:47%; padding-right:3%; margin-bottom:0; padding-bottom:3%;}
.divMisc li a {padding-left:0; padding-bottom:35%; position:relative; overflow:hidden;}
.divMisc li a:before {display:none;}
.divMisc li img {display:block; position:absolute; left:0; top:0; width:100%; height:auto; min-height:100%;}


/*newsbox*/
.newsbox {overflow:hidden;}
.newsbox:last-child {margin-bottom: 0;}
.newsbox ul {overflow:hidden; width:103%;}
.newsbox li {float:left; width:47%; padding:1% 3% 1% 0;  overflow:hidden;}
.newsbox li .thumbnail {float:left; width:140px;}
.newsbox li .info {margin-left:155px; overflow:hidden;}
.newsbox li h3 {font-size:16px; font-weight:normal; line-height:1.5em; white-space:nowrap; overflow:hidden;text-overflow:ellipsis;margin-bottom:5px;}
.newsbox li p {font-size:14px;color:#555;line-height:1.75em;text-align:justify;height:3.5em;overflow:hidden; margin-bottom: 3px;}
.newsbox li time {display:block;font-size:12px;color:#999; line-height: 2em;}
.newsbox li:hover .thumbnail a {transform: scale(1.1);}

@media only screen and (max-width:1280px) {
	
	.nav li a {padding:0 18px;}
	
	.sidebar {width:260px;}
	.main {margin-right:290px;}
	/*1280px*/
	#logo {width:170px;}
}
@media only screen and (max-width:1024px) {
	#logo {padding:20px 0;}	
	.schBtn {right: 45px;}
	.navBtn {display:block;}
	
	.nav {position:fixed; left:-100%; top:0; width:100%; height:100%; background-color:#2a67b7; z-index:5; overflow-y:auto; -webkit-overflow-scrolling:touch; transition:left .3s; padding-right: 0;}
	.nav.open {left:0;}
	.nav ul {margin:76px 0; float:none; border-top:1px solid #5d8cc9;}
	.nav li {float:none; border-bottom:1px solid #5d8cc9; padding:0; line-height:45px; font-size:14px;}
	.nav li a { padding:0 3.125%;}
	.nav li a:hover, .nav li.on > a, .nav li.cur > a {background-color:transparent;}
	.nav li ul {position:static; left:auto; top:auto; width:auto; padding:0; margin:0; text-align:left; background-color:transparent; border-top:none;}
	.nav li li {border-bottom:none; border-top:1px solid #5d8cc9; font-size:14px;}
	.nav li li a {text-indent:2em; padding:0 3.125%; line-height:45px;}
	.nav li em {display:block; position:absolute; top:0; right:0; height:45px; width:45px;}
	.nav li em:after {content:''; display:block; width:9px; height:9px; border-right:1px solid #fff; border-bottom:1px solid #fff; position:absolute; left:50%; top:50%; transform:rotate(-45deg); margin:-5px 0 0 -6.5px; transition:all .3s;}
	.nav li em.open:after {transform:rotate(45deg); margin:-6px 0 0 -6px;}
	
	.wrapper {margin:3.125% 0; padding:3.125%;}	
	
	.searchform, .qtgg {margin-bottom:3.34%;}
	.searchform .text {height:25px; line-height:25px;}
	
	.hmBox {display:block; width:auto;margin-bottom:3.34%;}
	.hmBox .right {display:block; width:auto;}
	
	.hmTitle {display:block; width:auto; padding:5px 15px; overflow:hidden; background-color:#2a67b7; border:none;}
	.hmTitle h2 {font-size:16px; float:left; color:#fff;}
	.hmTitle a {float:right; color:#fff; font-size:12px;}
	
	.hmBtm {padding:4.5% 0 3.418%;}
	.hmBtm .left {width:100px;}
	.hmBtm .right {margin-right:110px;}
	.hmLinks {padding:5px 0;}

	.sidebar {display:none;}
	.main {margin-right:0;}
	
	.sitelist.mb30 {margin-bottom:3.34%;}

	
	.blogitem h2 {font-size:18px;}
	.blogitem .thumbnail {border-radius:0;}
	
	.footer {padding:10px 3.125%;}
	.copyright, .other {float:none; text-align:center;}
	
	
	.post .title {padding:1% 0; margin-bottom:1.5%; font-size:22px;}
	
	.boxtitle {font-size:18px;}
	
	.site .title {font-size:18px;}
	
	.hmhot {margin-bottom:3.34%;}
	.hmhot .title {margin-bottom:2.784%;}
	
	#hmnews .item h2 {font-size:12px;}

	.qzgg {margin-top:3.125%;}

	.newsbox li .thumbnail {width:110px;}
	.newsbox li .info {margin-left:120px;}
	.newsbox li h3 {line-height:1.5em;}
	.newsbox li p {height:auto; white-space:nowrap; text-overflow:ellipsis;}
}

@media only screen and (max-width:768px) {

	
	#logo {padding:15px 0;width:143px;}
	

	.nav ul {margin:60px 0;}
	
	.searchform .input {margin-right:45px;}
	.searchform .text {padding-top:6px; padding-bottom:6px;}
	.searchform .submit {width:45px; font-size:16px; border-radius:0 3px 3px 0;}
	
	.hmTitle {padding:3px 3.125%;}
	.hmTitle h2 {font-size:14px;}
	
	.siteitem {width:50%;}
	.siteitem .icon {margin-bottom:5px;}
	.siteitem p {height:auto; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
	.siteitem h3 {font-size:14px;}
	
	.hmBtm .left {float:none; margin:0 auto 2px;}
	.hmBtm .right {margin-right:0;}
	
	.hmData h2, .hmData li {line-height:2em;}
	
	.breadcrumb {padding:7px 0;}
	
	.blogitem, .lbgg {padding-bottom:10px; margin-bottom:10px;}
	.blogitem h2 {font-size:16px; margin-bottom:7px; white-space:normal; line-height:1.65em; max-height:3.3em; overflow:hidden;}
	.blogitem h2 a:hover {margin-left:0;}
	.blogitem .thumbnail {float:left; width:110px;}
	.blogitem .info {margin-left:122px;}
	.blogitem .excerpt {display:none;}
	.blogitem .meta {font-size:12px;}
	.blogitem .meta span {padding:0 10px;}
	.blogitem .meta .views {display:none;}
	
	.pagenavi {padding:10px 0 5px;}
	.pagenavi a, .pagenavi span.now-page {height:26px; margin:1px; line-height:26px; padding:0 10px;}
	
	.post {padding:5px;}
	.post .title {font-size:18px; margin-bottom:2%;}
	.post .meta {margin-bottom:15px;}
	.post .meta span {padding:0 5px;}
	
	.entry {font-size:14px;}
	.entry p, .entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6, .entry ul, .entry ol {margin-bottom:10px;}
	
	.tags {padding-bottom:15px; margin-bottom:15px;}
	.tags ul {margin-left:42px;}
	
	.related ul {width:104%;}
	.related li {width:46%; padding-right:4%; padding-bottom:3%;}
	.related li h3 {padding:2px 0;}

	.relatedSite {margin-bottom: 5%;}
	
	.boxtitle {font-size:16px; margin-bottom:15px;}	
	
	
	.commentlist li {padding-bottom:10px; margin-bottom:10px;}
	.commentlist .avatar {width:25px; height:25px;}
	.commentlist .info {margin-left:32px;}
	.commentlist .text {padding:5px 0;}
	.commentlist li li {margin-left:25px;}
	.commentlist li li .avatar {display:none;}
	.commentlist li li .info {margin-left:0;}
	
	#comment .item {margin-bottom:10px;}
	#comment label {float:none; height:auto; line-height:1.875em; font-size:12px;}
	#comment .input {margin-left:0; border-radius:3px;}
	#comment .text, #comment textarea {padding-top:7px; padding-bottom:7px;}
	#comment .verify img {height:36px;}
	#comment .verify .input {margin-right:110px;}
	#comment .submit, #cancel-reply {height:35px; width:100px; font-size:12px;}
	#cancel-reply {line-height:35px;}
	.postbottom {margin-left:0; text-align:center; margin-bottom:10px; font-size:12px; line-height:1.75em;}
	
	.details {padding:5px;}
	.details .title {font-size:24px; line-height:1.5em; padding:1.5% 0;}
	
	.site {padding:5px;}
	.site .title {font-size:16px; text-align:center;}
	
	.site .gosite {float:none; margin:0 auto; padding:5px 0 10px;}
	.site .go a {line-height:26px;}
	
	.sitemeta {margin-right:0;}
	.sitemeta li {font-size:12px; padding:7px 0;}
	
	.siteIntro .h2 { line-height:30px; height:30px;}
	.siteIntro .h2 h2 {font-size:12px; padding:0 15px;}
	
	.hmhot h2 {font-size:16px;}
	.hmhot i {padding:0 20px;}
	
	.error .title {font-size:24px;}
	.error .warning {font-size:16px;}
	
	
	
	.submission {padding:10px 0;}
	.submission .item {margin-bottom:10px;}
	.submission label {float:none; line-height:1.75em; margin-bottom:5px;}
	.submission .input, .submission .select, .submission span {margin-left:0;}
	.submission .text {padding-top:5px; padding-bottom:5px;}
	.submission .submit {width:110px; height:35px;}
	
	
	.newsbox .title {margin-bottom: 1.5%;}
	.newsbox ul {width:auto;}
	.newsbox li {float:none; width:auto; padding:5px 0;}
	.newsbox li h3 {line-height:1.75em; margin-bottom: 2px;}
	.newsbox li p {line-height:1.875em; height:3.75em; white-space:normal; margin-bottom: 0;}
	.newsbox li time {display: none;}
	/*768*/
	#hmnews {margin-bottom:3.34%;}
	#hmnews .load {padding-bottom: 75%;}
	#hmnews .list {width: auto;}
	#hmnews .item {width:auto; float:none; padding:0;}
	#hmnews .item a {border:none;}
	#hmnews .owl-nav button {position:absolute; width: 20px; height: 30px; background-color:rgba(0,0,0,.25); font-size:0; text-indent:-99999em; overflow: hidden; position: absolute; top:50%; transform:translateY(-50%); margin-top:-15px;}
	#hmnews .owl-prev {left:0;}
	#hmnews .owl-next {right:0;}
	#hmnews .owl-nav span {display: block; width: 10px; height: 16px; position:absolute; left:50%; top:50%; margin:-8px 0 0 -5px; background:url(images/icon_arrow.png) no-repeat 0 0; background-size:100% auto;}
	#hmnews .owl-prev span {background-position: 0 100%;}

	#postnavi {margin-bottom: 20px;}
	#postnavi .prev,
	#postnavi .next {float: none; width: auto;}
	#postnavi .next {text-align: left;}
	/*768*/
	.searchbox{width: 100vw; right: -3.125%;}
	.searchbox form {padding:8px 3.125%;}

}