* {-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, 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:#f7f5f5; font:100%/1.5em Arial,"Lucida Grande","Microsoft Yahei","Hiragino Sans GB","Hiragino Sans GB W3",SimSun,"PingFang SC",STHeiti; overflow-x:hidden; transition:padding 0.2s ease 0s;}
a {text-decoration:none; outline:none; color:#333;}
a:hover {color:#F13F3F;}
input {-webkit-appearance:none;}
input:focus {outline:none;}
li {list-style:none;}
.clear {clear:both;}
a img {border:none;}
table {background-color: transparent; border-spacing: 0; border-collapse: collapse; font-size:0.75em; width:100%;border-top:solid 1px #ddd;border-left:solid 1px #ddd; box-sizing: border-box;}
table th{background-color:#f9f9f9;text-align:center; box-sizing: border-box;}
table td,table th{padding:5px 10px;border:1px solid #ddd; box-sizing: border-box;}
/*gold*/
.inner {width:1200px; margin:0 auto;}
.thumbnail {position:relative; overflow:hidden;}
.thumbnail img,.picbox img {display:block; width:100%; height:auto;}
h3.title {font-size:18px; line-height:1.35em; font-weight:normal; margin-bottom:15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; border-bottom:1px solid #eee; padding-bottom:10px;}
h3.title.divtitle {text-align:center; font-weight:lighter; color:#888;}
.listpic {margin-bottom:20px;}
/*header*/
#header {background-color:#fff; box-shadow:0px 0px 10px #ccc; position:relative; margin-bottom:20px;}
#header .inner {position:relative;}
/*breadcrumb*/
#breadcrumb {clear:both; width:100%; font-size:12px; line-height:1.5em; margin-bottom:10px; color:#888;}
#breadcrumb a {color:#888;}
#breadcrumb i {font-style:normal; font-family:'Simsun'; margin:0 3px;}

/*logo*/
.logo {float:left; padding:15px 0;}
.logo a {display:block; width:170px; height:40px; text-indent:-99999em; overflow:hidden; background:no-repeat left center; background-size:contain;}

/*nav*/
.navbar {margin:0 90px 0 180px;}
.navbar ul {font-size:0; text-align:right; line-height:normal;}
.navbar li {font-size:18px; display:inline-block; position:relative; width:12.5%; text-align:center; line-height:40px; padding:15px 0;}
.navbar li a {padding:0 5px; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.navbar li ul {position:absolute; left:0; top:100%; background-color:#fff; width:100%; box-shadow:0px 2px 5px #ddd;display:none;}
.navbar li li {display:block; width:auto; font-size:16px; padding:2px 0;}
.navbar li:hover ul {display:block;}

#sidenav {background-color:#fff; width:170px;padding-right:40px;}
#sidenav ul {padding:25px 0;}
#sidenav li {font-size:16px; line-height:1.875em;}
#sidenav li a {display:block; padding:5px 2em;}
#sidenav li ul {padding:0;}
#sidenav li li a {padding-left:3em;}
#sidenav button {position:absolute; right:0; top:0; width:40px; height:40px; background-color:#f9f9f9; color:#333; font-weight:bold; border:none; font-size:24px; font-weight:normal;}
/*another*/
.another {position:absolute; right:0; top:50%; margin-top:-18px;}
.another li {font-size:14px; float:left; padding-left:5px; position:relative; overflow:hidden;}
.another li a, .another button, .another li span {display:block; float:left; border:1px solid #dedede; height:34px; line-height:34px; width:34px; transition:all 0.2s ease 0s; border-radius:2px; background-color:#fff; position:relative; overflow:hidden; z-index:6; cursor:pointer; outline:none; text-align:center;}
.another button {height:36px; padding:0; width:36px; line-height:normal;}
.another li.rss a {border-color:#ff9101; background-color:#ff9101; color:#fff;}
.another li.navBtn {display:none;}
/*searchform*/
#mip-lightbox-mask {background-color:rgba(255,255,255,.9);}
.searchform {margin:15% 20% 25px; overflow:hidden;}
.searchform .s {width:96%; height:50px; line-height:50px; padding:10px 2%; font-size:16px; border:none;}
.searchform .input {border:1px solid #ddd; border-radius:5px; margin-right:90px; background-color:#fff; display:block; padding:0; overflow:hidden;}
.searchform .submit {float:right; display:block; width:80px; background-color:#F13F3F; color:#fff; border:none; height:52px; font-size:1em; border-radius:3px; cursor:pointer;}

.searchTags {font-size:16px; line-height:1.875em; display:block; margin:0 20%; overflow:hidden;}
.searchTags span, .searchTags a {display:inline-block; float:left;}
.searchTags span {color:#666;}
.searchTags a {color:#222; margin-right:10px;}

.lightbox .inner {position:relative; padding:50px 0;}
.lightbox .lightbox-close {border:1px solid #000; width:35px; height:35px; border-radius:50%; font-size:24px; text-align:center; line-height:35px; cursor:pointer; margin:0 auto 20px; display:block;}
/*container*/
#container {overflow:hidden;}
/*main*/
.main {float:left; width:70.5%;}
/*slides*/
#slides {overflow:hidden; margin-bottom:20px; position:relative; z-index:1; background:#fff url(../images/grey.gif) no-repeat center center;}
#slides h2 {position:absolute; left:0; bottom:8px; width:100%; background:rgba(0,0,0,.7); font-weight:normal; font-size:0.875em;}
#slides h2 a {display:block; padding:5px 2em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#fff;}

/*home_top*/
.home_top ul {overflow:hidden; width:102%;}
.home_top li {float:left; width:23%; padding:0.5% 2% 1.5% 0;}
.home_top li .thumbnail {margin-bottom:5px;}
.home_top li h4 {height:3em; margin-bottom:0;}
/*catebox*/
.catebox {background-color:#fff; border:1px solid #eee; padding:15px 15px 5px; overflow:hidden; position:relative; margin-bottom:20px;}
.catebox .more {position:absolute; right:15px; top:15px; font-size:12px;}
.catebox .more a {color:#999;}
.catebox .thumbnail a {padding-bottom:75%; position:relative; overflow:hidden; display:block;}
.catebox .thumbnail img, .catebox .thumbnail mip-img {display:block; position:absolute; left:0; top:0; width:100%; height:auto; min-height:100%; transition:all .3s;}
.catebox .thumbnail img:hover {transform:scale(1.1,1.1);}
.catebox h4 {font-size:16px; margin-bottom:5px; line-height:1.5em; height:3em; overflow:hidden; font-weight:normal;}
.catebox h4 a {display:block;}
.catebox .meta {font-size:12px; line-height:1.5em; color:#999; border-bottom:1px solid #eee; overflow:hidden; margin-bottom:10px;}

.catebox .first {float:left; width:370px; padding-bottom:10px; overflow:hidden;}
.catebox .first .info {margin-top:10px;}
.catebox .first .meta {padding:5px 0;}
.catebox .first .excerpt {font-size:14px;  line-height:1.75em; color:#666; max-height:7em; overflow:hidden; text-align:justify;}

.catebox .boxitem {margin-left:390px; overflow:hidden; padding-bottom:15px;}
.catebox .boxitem .thumbnail {float:left; width:110px;}
.catebox .boxitem .info {margin-left:120px; overflow:hidden;}
.catebox .boxitem h4 {line-height:1.65em; height:3.3em;}
.catebox .boxitem .meta {border-bottom:none; margin-bottom:0; line-height:1.75em;}
/*postItem*/
.postItem {background-color:#fff; padding:15px; overflow:hidden; margin-bottom:20px; border:1px solid #eee;}
.postItem .thumbnail {float:left; width:250px;}
.postItem .thumbnail a {display:block; padding-bottom:75%; overflow:hidden; position:relative;}
.postItem .thumbnail mip-img {position:absolute; left:0; top:0; width:100%; height:100%;}
.postItem .thumbnail img {min-height:100%;}
.postItem .info {margin-left:265px; overflow:hidden;}
.postItem h2 {font-size:22px; line-height:1.5em; font-weight:normal; margin-bottom:10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.postItem .meta {font-size:14px; color:#999; line-height:1.75em; margin-bottom:5px;}
.postItem .intro {font-size:16px; line-height:1.75em; color:#555; height:7em; overflow:hidden;}
/*post*/
.posttitle, .pagetitle {font-size:28px; line-height:1.5em; padding:10px 0 15px; font-weight:normal; text-align:center;}
.pagetitle {padding:20px 0;}

.post {padding:15px; background-color:#fff; overflow:hidden; margin-bottom:20px; border:1px solid #eee;}

.postmeta {padding-bottom:10px; margin-bottom:25px; border-bottom:1px solid #eee; overflow:hidden; font-size:0; text-align:center; line-height:normal;}
.postmeta span {font-size:14px;line-height:1.75em; display:inline-block; padding:0 10px; color:#aaa;}
.postmeta span a {color:#aaa;}

.entry {color:#333; font-size:16px; line-height:1.75em;}
.entry p, .entry h1,.entry h2,.entry h3,.entry h4,.entry h5,.entry h6 {margin-bottom:15px;}
.entry ul,.entry ol {margin-left:2em; margin-bottom:15px;}
.entry ul li {list-style:inside disc none;}
.entry ol li {list-style:inside decimal none;}
.entry img {width:auto; max-width:100%; height:auto;height:auto!important;}
.entry mip-img {width:auto; min-width:0; max-width:100%; height:auto; height:auto!important;}
.entry .mip-fill-content {position:static; left:auto; top:auto; right:auto; bottom:auto; min-width:0;}
.entry blockquote {overflow:hidden; margin:0 2em 15px; padding:15px 20px 0; overflow:hidden; border-left:2px solid #eee; background-color:#f9f9f9; color:#555; font-size:18px; line-height:1.75em;}

.post .tags {font-size:0.75em; clear:both; margin-top:10px; color:#999;}
.post .tags a {color:#999; margin:0 4px;}
.post .tags a:hover {text-decoration:underline;}
.post .picbox {margin-top:10px;}
/*postnavi*/
.postnavi {overflow:hidden; line-height:1.6em; margin-bottom:15px;  font-size:14px;}
.postnavi a, .postnavi span {display:block;color:#999;}
.postnavi i {font-size:4em; display:block; float:left; padding-right:5px;}
.postnavi .right i {float:right; padding-left:5px;}
.postnavi .left {float:left; width:48%; overflow:hidden;}
.postnavi .right {float:right; width:48%; text-align:right; overflow:hidden;}



/*pagenavi*/
.pagenavi {overflow:hidden; clear:both; font-size:0; line-height:normal; text-align:center; padding:3.5% 0 5.5%;}
.pagenavi a,.pagenavi span.now-page {display:inline-block; font-size:14px; height:32px; line-height:32px; background-color:#fff; border-radius:4px; color:#555; padding:0 12.5px; border:1px solid #eee; margin:2px 3px;}
.pagenavi a:hover,.pagenavi span.now-page {background-color:#F13F3F; border-color:#F13F3F; color:#fff;}

/*sidebar*/
.sidebar {float:right; width:27.5%;}
.widget {margin-bottom:20px; background-color:#fff; border:1px solid #eee; padding:15px 15px 10px; overflow:hidden;}
.widget ul {overflow:hidden;}
.widget li {font-size:14px; line-height:1.65em; text-align:justify; position:relative; overflow:hidden; margin-bottom:10px;}
.widget li a {display:block;}
.widget form {margin:15px; overflow:hidden;}
.widget input[type='text'] {border:1px solid #ddd; height:18px; line-height:18px; padding:5px 0; text-indent:5px; width:80%; float:left;}
.widget input[type='submit'] {border:none; cursor:pointer; background-color:#F13F3F; color:#fff; height:30px; padding:0 5px; float:right;}
.widget .textwidget img {display:block; width:100%; height:auto; margin:0 auto;}

.divComments li {font-size:0.75em; color:#999; line-height:1.75em;}
.divComments li a {padding-left:43px; position:relative; color:#999;}
.divComments li a:hover,.divComments li a:hover i {color:#333;}
.divComments li a:hover img {transform:rotate(360deg);}
.divComments .avatar {width:35px; height:35px; border-radius:50%; position:absolute; left:0; top:2px; transition:transform 0.5s ease 0s;}
.divComments li i {font-style:normal; display:block; color:#666;}


.divTags li {float:left; font-size:12px;}
.divTags li a {display:block; float:left; background-color:#eee; padding:0 8px; border-right:1px solid #fff; transition:all 0.2s ease 0s; height:24px; line-height:24px; margin-right:5px;}
.divTags li a:hover {color:#fff; background-color:#2f3c4e;}

.hotposts .thumbnail {float:left; width:100px;}
.hotposts .thumbnail a {padding-bottom:75%; position:relative; overflow:hidden;}
.hotposts .thumbnail mip-img {position:absolute; left:0; top:0; width:100%; height:100%;}
.hotposts .thumbnail img {min-height:100%;transition:all 0.3s;}
.hotposts .thumbnail img:hover {transform:scale(1.1,1.1);}
.hotposts .info {margin-left:110px; overflow:hidden;}
.hotposts .info h4 {font-weight:normal; font-size:16px; line-height:1.5em; height:3em; overflow:hidden; margin-bottom:5px;}
.hotposts .info p {font-size:12px; line-height:1.5em; color:#999;}

.divLinkage ul {width:102%; overflow:hidden;}
.divLinkage li {float:left; width:48%; padding-right:2%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/*nofound*/
.nofound {padding:50px 0; text-align:center; color:#888; font-weight:lighter;}
.nofound h2 {font-size:3em; font-weight:lighter; line-height:1.5em;}
.nofound p {padding:5px 0;}
.nofound a {color:#F13F3F; text-decoration:underline;}
/*footer*/
.footer {width:100%; background-color:#323232; color:#c2c2c2;}
.footer .inner {overflow:hidden; position:relative;}
.footer .line,.footer .line2 {position:absolute; left:37%; top:0; height:100%; border-left:1px solid #222; border-right:1px solid #444;}
.footer .line2 {left:auto; right:26%;}


.foot {float:left; width:33%; text-shadow:0px 1px 0px #000; padding:3% 0; overflow:hidden;}
.foot h3 {font-weight:normal; font-size:1.125em; margin-bottom:15px; text-shadow:0px 1px 0px #000;}
.foot p {font-size:0.875em; text-align:justify;}

.contact {width:29%; padding-left:8%; padding-right:8%;}
.qrcode {width:22%;}
.qrcode ul {width:105%; overflow:hidden;}
.qrcode li {float:left; width:45%; padding-right:5%;}

.mip-gototop-show {background:#F13F3F url(../images/icon_01.png) no-repeat center center; background-size:28px auto; width:45px; height:45px;cursor:pointer; border-radius:3px; opacity:0.8; transition:opacity 0.3s ease 0s; border:none;}
.mip-gototop-show:hover {opacity:1;}

.copyright {background-color:#222; font-size:12px; line-height:1.75em; text-align:center; padding:1.5% 0; color:#a2a2a2; clear:both;}
.copyright a {color:#a2a2a2;}
.copyright a:hover {color:#eee;}
/*screen width*/
@media only screen and (max-width:1280px){
	.inner {width:93.75%;}	
	
	.logo {padding:17.5px 0;}
	.logo a {width:150px; height:35px;}
	
	.navbar {margin-left:160px;}
	.navbar li {font-size:16px;}
	
	.catebox .first {width:320px;}
	.catebox .boxitem {margin-left:335px; padding-bottom:7px;}
	
	.posttitle, .pagetitle {font-size:24px;}
}
@media only screen and (max-width:1024px){
	.logo {padding:15px 0;}
	.logo a {width:128px; height:30px;}
	
	.another {margin-top:-16px;}
	.another li a, .another li span {height:30px; width:30px; line-height:32px;} 
	.another button {width:32px; height:32px;}
	.another li.navBtn {display:block;}
	
	.navbar {display:none;}
	
	.main {width:67.5%;}
	.sidebar {width:30%;}
	
	.catebox .first {width:250px;}
	.catebox .first .excerpt {max-height:10.5em;}
	.catebox .boxitem {margin-left:265px; padding-bottom:7px;}
	
	.postItem .thumbnail {width:200px;}
	.postItem .info {margin-left:215px;}
	.postItem h2 {font-size:18px; margin-bottom:5px;}	
	.postItem .intro {height:5.25em;}
	
	.posttitle {font-size:20px;}
	.pagetitle {font-size:22px; padding:15px 0;}
}
@media only screen and (max-width:960px){
	#header, #slides, .catebox, .listpic, .post {margin-bottom:15px;}
	.sidebar {display:none;}
	.main {width:auto; float:none; margin-bottom:15px; overflow:hidden;}
	
	.catebox .first {width:300px;}
	.catebox .first .excerpt {max-height:8.75em;}
	.catebox .boxitem {margin-left:320px; padding-bottom:9px;}
}

@media only screen and (max-width:768px) {	
	.mip-layout-container {position:static;}
	
	#slides, .listpic, .listpic {margin-bottom:10px;} 
	
	.searchform {margin:15% 0 15px;}
	.searchform .s {height:38px; line-height:38px;}
	.searchform .submit {height:40px; width:65px;}
	.searchform .input {margin-right:75px;}
	
	.searchTags {margin:0; font-size:14px; line-height:1.75em;}
	.searchTags span {display:block; overflow:hidden; margin-bottom:10px; float:none;}
	.searchTags a {margin:2px 10px 2px 0;}
	
	h3.title {padding-bottom:5px; margin-bottom:10px;}
	
	.catebox {padding:10px 10px 5px; margin-bottom:10px;}
	.catebox .more {top:9px;}
	.catebox h4 {line-height:1.65em; max-height:3.3em;}
	
	.catebox .first {float:none; width:auto;}
	.catebox .first .thumbnail {width:110px; float:left;}
	.catebox .first .info {margin:0 0 0 120px;}
	.catebox .first .excerpt {display:none;}
	.catebox .first .meta {padding:0; border-bottom:none; margin-bottom:0;}
	
	.catebox .boxitem {margin-left:0; padding-bottom:10px;}
	
	mip-gototop.mip-gototop-show {display:none!important;}
	
	.footer {display:none;}
	.copyright {padding:3.5% 0;}
	
	.postItem {margin-bottom:10px; padding:10px;}
	.postItem .thumbnail {width:110px;}
	.postItem .info {margin-left:120px;}
	.postItem h2 {font-size:16px; white-space:normal; line-height:1.65em; height:3.3em;}
	.postItem .intro {display:none;}
	.postItem .meta {margin-bottom:0;}
	
	.pagenavi {padding-bottom:6.5%;}
	.pagenavi a, .pagenavi span.now-page {font-size:12px; height:28px; line-height:28px; margin:1px 2px; padding:0 10px;}
	
	.posttitle {font-size:18px; padding:5px 0;}
	.postmeta {padding-bottom:5px; margin-bottom:15px;}
	.postmeta span {font-size:12px; padding:0 6px;}
	
	.entry p, .entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {margin-bottom:10px;}
	.entry blockquote {margin-bottom:10px; font-size:16px; line-height:1.75em; padding:10px 15px 0;}
	
	.post {padding:10px; margin-bottom:10px;}
	
	.postnavi .left, .postnavi .right {float:none; width:auto; overflow:hidden; text-align:left; padding:5px 0;}
	.postnavi i {display:none;}
	.postnavi a {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
	.postnavi span {float:left; padding-right:5px;}
}

@media only screen and (max-width:540px) {
	.home_top li {width:48%;}
	.home_top li h4 {font-size:14px;}
}