/*
theme name:lehuo
*/
* { -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: #eee; font: 100%/1.5em 'microsoft yahei', arial, tahoma; }
a { text-decoration: none; color: #444; }
a:hover { color: #2b6bab; text-decoration: underline; }
li { list-style: none; }
hr {margin-bottom: 2.5%; overflow: hidden; border-bottom: 1px solid #eaeaea; }
.clearfix { clear: both; }
a img { border: none; }
.thumbnail { overflow: hidden; }
.thumbnail a { padding-bottom: 75%; position: relative; overflow: hidden; display: block; }
.thumbnail img { position: absolute; left: 0; top: 0; width: 100%; height: auto; min-height: 100%; object-fit: cover;}
table { background-color: transparent; border-spacing: 0; border-collapse: collapse; font-size: 14px; 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: 1080px; margin: 0 auto; transition: width 0.3s ease 0s; }
.wrap,
.ad { overflow: hidden; margin-bottom: 20px; }
h3.title { background-color: #ebebeb; height: 35px; line-height: 35px; font-size: 1em; margin-bottom: 15px; }
h3.title span { background-color: #2b6bab; color: #fff; display: block; float: left; padding: 0 10px; }
.ad img,
.featured ul li img,
.widget img { display: block; width: 100%; height: auto; }
.rows {display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
/*header*/
#header { width: 100%; background-color: #fff; position: relative;}
#header .inner { padding: 10px 0; display: flex; align-items: center; justify-content: space-between;}
#header .nav .inner { padding: 0; }

#topbtn {display: none;}
/*logo*/
#logo {float:left; width:300px;}
#logo .span {padding-bottom: 26.5958%; position: relative;}
#logo a { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: no-repeat left center; background-size: contain; text-indent: -99999em; overflow: hidden; }
/*searchform*/
#searchform {transition: all 0.3s ease 0s; width: 420px;}
#searchform form {position: relative; padding-right: 68px;}
#searchform .s {border: 2px solid #ddd; width: 90%; height: 26px; line-height: 26px; padding: 5px 5%; border-radius: 3px 0 0 3px; box-shadow: 0 1px 2px #ddd; font-size: 14px; }
#searchform .s:focus {outline: 0;}
#searchform .submit { background-color: #2b6bab; color: #fff; border: none; height: 100%; padding: 0 15px; cursor: pointer; border-radius: 0 3px 3px 0; box-shadow: 0 1px 2px #ddd; -webkit-appearance: none; display: block; position: absolute; right: 0; top: 0; font-size: 14px;}



.searchbtn {cursor: pointer; float: left; margin-right: 20px;}
.searchbtn span { display: block; width: 17px; height: 17px; border-radius: 50%; border: 3px solid #ddd; position: relative; }
.searchbtn span:after { content: ''; display: block; width: 6px; height: 3px; background-color: #ddd; position: absolute; left: 15px; top: 19px; transform: rotate(45deg); border-radius: 2px; }

/*nav*/
.nav { background-color: #2b6bab; width: 100%; height: 42px; box-shadow: 0 1px 2px #bbb; position: relative; }
.nav li { float: left; /*width: 12.5%;*/width:100px; text-align: center; line-height: 42px; position: relative; }
.nav li a { display: block; color: #fff; padding: 0 5px;}
.nav li a:hover,
.menu ul li a.on,
.nav li.on > a { background-color: #ddd; color: #000; text-decoration: none; }
.nav li ul { position: absolute; width: 100%; left: 0; top: 42px; z-index: 2; background-color: #2b6bab; display: none; }
.nav li ul.open { display: block; }
.nav li li { float: none; font-size: 1em; width: 100%; }
.nav li li a { color: #fff; }
/*navbtn*/
.navbtn {height: 25px; position: relative; cursor: pointer; width: 22px; float: left;}
.navbtn span { display: block; width: 100%; height: 3px; background-color: #2b6bab; border-radius: 1.5px; position: absolute; top: 50%; left: 0; margin-top: -1.5px; transition: all 0.3s ease 0s; }
.navbtn span.span1 { top: 4px; }
.navbtn span.span3 {top: auto; bottom: 3px; }
.navbtn.open span.span2 { background-color: transparent; }
.navbtn.open .span1 { transform: rotate(-45deg); top: 50%; }
.navbtn.open .span3 { transform: rotate(45deg); top: 50%; }

/*container*/
#container { clear: both; width: 1050px; background-color: #fff; padding: 10px 15px; margin: 3px auto 15px; overflow: hidden; }

/*slides*/
.main { float: left; width: 66.66%; }
.sidebar {width: 31.5%; float: right;}
/*latest*/
.latest { float: right; width: 330px; overflow: hidden; }
.latest li,
.featured ul li p { margin-bottom: 8px; font-size: 0.875em; overflow: hidden; text-overflow: ellipsis; }
.latest li .thumbnail { float: left; width: 120px; border: 1px solid #ddd; padding: 1px; }
.latest li .info { margin-left: 130px; overflow: hidden; }
.latest li.first { padding-bottom: 10px; border-bottom: 1px dotted #ddd; }
.latest p.title { color: #000; font-size: 16px; line-height: 1.35em; max-height: 2.7em; overflow: hidden; margin-bottom: 5px; }
.latest p.title a { color: #222; }
.latest p.cont { color: #666; font-size: 14px; line-height: 1.5em; height: 3em; overflow: hidden; }
.latest li.new { white-space: nowrap; background: url(/uploads/image/zztzsimages/dot.jpg) no-repeat left center; padding-left: 10px; }

/*breadcrumb*/
.breadcrumb { font-size: 14px; color: #888; margin-bottom: 10px; background: url(/uploads/image/zztzsimages/home.png) no-repeat left 6px; padding-left: 15px; }
.breadcrumb a { color: #888; }

/*featured*/
.featured .item { overflow: hidden; background-color: #eee; font-size: 0.875em; }
.featured a,
.box .top a { display: block; background-color: #eee; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.featured p,
.box .top p { padding: 5px 10px; margin-bottom: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/*slides*/
#slides { float: left; width: 700px; overflow: hidden; position: relative; z-index: 1; height: 390px; background: #fff url(/uploads/image/zztzsimages/grey.gif) no-repeat center center; }
#slides .slidesitem { position: relative; text-indent: -8888em; }
#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; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #fff; }
.owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1; }
.owl-carousel img { width: 100%; height: auto; display: block; }
.owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-y; -moz-backface-visibility: hidden; }
.owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.owl-carousel .owl-stage-outer { position: relative; -webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); }
.owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; }
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled { display: none; }
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-indent: -9999em; width: 14px; height: 24px; position: absolute; top: 50%; margin-top: -12px; }
.owl-carousel .owl-nav .owl-prev { background: url(/uploads/image/zztzsimages/arrows.png) no-repeat 0 0; left: 10px; }
.owl-carousel .owl-nav .owl-next { background: url(/uploads/image/zztzsimages/arrows.png) no-repeat 0 -36px; right: 10px; }
.owl-carousel.owl-loaded { display: block; }
.owl-carousel.owl-loading { opacity: 0; display: block; }
.owl-carousel.owl-hidden { opacity: 0; }
.owl-carousel.owl-refresh .owl-item { visibility: hidden; }
.owl-carousel.owl-drag .owl-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; opacity: 0.2; }
.owl-carousel.owl-drag .owl-item.active { opacity: 1; }
.owl-carousel.owl-grab { cursor: move; cursor: grab; }
.owl-carousel.owl-rtl { direction: rtl; }
.owl-carousel.owl-rtl .owl-item { float: right; }
.no-js .owl-carousel { display: block; }
.owl-carousel .animated { animation-duration: 1000ms; animation-fill-mode: both; }
.owl-carousel .owl-animated-in { z-index: 0; }
.owl-carousel .owl-animated-out { z-index: 1; }
.owl-carousel .fadeout { animation-name: fadeout; }
@keyframes fadeout {
	0% { opacity: 1; }
	100% { opacity: 0; }
}
.owl-height { transition: height 500ms ease-in-out; }
.owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; }
.owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d; }
.owl-nav .disabled { opacity: 0.5; cursor: default; }
.owl-nav.disabled   .owl-dots { margin-top: 10px; }
.owl-dots { position: absolute; bottom: 0px; width: 100%; left: 0; }
.owl-dots .owl-dot { float: left; cursor: pointer; width: 25%; }
.owl-dots .owl-dot span { width: 100%; height: 8px; background: rgba(0, 0, 0, .7); display: block; -webkit-backface-visibility: visible; transition: opacity 200ms ease; }
.owl-dots .owl-dot.active span,
.owl-dots .owl-dot:hover span { background: #869791; }

/*main*/
.box { position: relative; }
.box,
.boxlist,
.portfolio { width: 100%; overflow: hidden; margin-bottom: 20px; }
.box .latest { float: left; width: 100%; }
.box .latest li.bold { font-weight: bold; font-size: 1em; }
.box .ad { float: right; width: 250px; }
.box .top { font-size: 0.875em; }
.boxlist .latest { margin: 10px 0; }
.latest div.title { font-size: 1.125em; margin-bottom: 10px; border-bottom: 1px solid #eee; padding-bottom: 5px; }
.latest div.title span { float: right; font-size: 0.7em; font-family: 'simsun'; }
.latest div.title span a { color: #888; }
.box .thumbnail span { display: block; position: relative; padding-bottom: 75%; overflow: hidden; }

/*category-blog*/
.category-blog { margin-bottom: 20px; overflow: hidden; border-bottom: 1px solid #eee; padding-bottom: 20px; }
.category-blog h2 { font-size: 20px; line-height: 1.5em; margin-bottom: 15px;}
.category-blog .thumbnail { width: 180px; float: left; }
.category-blog .intro { margin-left: 200px; overflow: hidden;}
.category-blog .intro p {font-size: 16px; line-height: 2em; height: 8em; color: #353535; -webkit-line-clamp: 4;}
/*portfolio*/
.portfolio { margin-bottom: 0; }
.portfolio-box { overflow: hidden; margin-bottom: 20px; position: relative; }
.portfolio-box span.more,
.box span.more { position: absolute; right: 10px; top: 5px; font-size: 0.75em; }
.portfolio-box ul { overflow: hidden; width: 102%; }
.portfolio-box li { float: left; width: 23%; padding: 1% 2% 1% 0; font-size: 14px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.portfolio-box li p { padding: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background-color: #f5f5f5; }

/*portfolio-post*/
#portfolio { margin-bottom: 20px; }
.postmeta { text-align: center; font-size: 0.75em; margin-bottom: 25px; color: #888; }
.postmeta a { color: #555; }
.postmeta span { padding: 0 10px; }

.posttitle {text-align: center; font-size: 24px; line-height: 1.5em; border-bottom: 1px solid #eee; padding-bottom: 2.5%; margin-bottom: 2.5%; }
/*entry*/
.entry { font-size: 14px; line-height: 1.875em; color: #000; overflow: hidden; }
.entry p,
.entry h1,
.entry h2,
.entry h3,
.entry h4,
.entry h5,
.entry h6 { margin-bottom: 2.5%; }

.entry img { max-width: 65%; height: auto; }
@media only screen and (max-width: 1024px) {.entry img{position:absolute;top:-1000em;}}
.entry p img { max-width: 65%; height: auto; }
@media only screen and (max-width: 1024px) {.entry p img{position:absolute;top:-1000em;}}
.entry h2 img { max-width: 65%; height: auto; }
@media only screen and (max-width: 1024px) {.entry h2 img{position:absolute;top:-1000em;}}

.entry blockquote { overflow: hidden; padding: 20px 20px 0; border-radius: 3px; color: #444; background: #f2f2f2 url(/uploads/image/zztzsimages/block_l.png) no-repeat 5px 5px; position: relative; margin:0 2em 2.5%;}
.entry ul,
.entry ol {padding-left:1em; margin:0 0 2.5% 2em;}
.entry ul li {list-style: outside disc none;}
.entry ol li {list-style: outside decimal none;}
.entry li p {margin-bottom:0;}
.entry blockquote i.bq { position: absolute; right: 5px; bottom: 5px; background: url(/uploads/image/zztzsimages/block_r.png) no-repeat center center; display: block; width: 20px; height: 28px; }
.entry p{color:#000!important;}


.post .post-related ul { margin-bottom: 20px; padding-left: 0; }

.post .post-related ul li { list-style: none/*outside disc none*/; margin-left: 0em; padding: 5px 0; }

.post .post-related { padding: 1em 2em 30px; }
.post .post-related h3 { margin-bottom: 10px; font-size:14px;}
.post .post-related ul li { color: #2b6bab;font-size:14px; }
.post .post-related ul li a { color: #000;/*#2b6bab;*/ }
.post .tags { border-bottom: 1px solid #ececec; padding-bottom: 5px; margin-bottom: 20px; }
.post .tags span { font-weight: bold; font-size: 0.875em; }
.post .tags a { color: #333; font-size: 0.875em; background: url(/uploads/image/zztzsimages/tag.png) no-repeat left 4px; padding-left: 22px; margin: 2px 4px; display: inline-block; }
.post-navi { font-size: 14px; color: #333; margin-bottom: 20px; overflow: hidden; display:none;}
.post-navi a { color: #333; }
.post-navi span { font-weight: bold; }
.portfolio-related h3 { margin-bottom: 20px; }
.portfolio-post .post-navi { border-top: 1px solid #ededed; padding-top: 5px; }

/*comments*/
.comments h3,
#comment h3 { font-weight: normal; margin-bottom: 20px; }
.comments li { position: relative; height: auto; min-height: 42px; border-bottom: 1px dotted #ddd; margin-bottom: 20px; padding-bottom: 5px; }
.comments li .gravatar { float: left; width: 42px; height: 42px; position: absolute; left: 0; top: 3px; }
.comments li .cmt-cont { padding-left: 62px; }
.comments li .cont-head { font-size: 0.75em; color: #888; overflow: hidden; margin-bottom: 10px; }
.comments li .cont-head a { color: #2b6bab; }
.comments li .cont-head span.cmt-time { float: right; }
.comments li .cont-msg { font-size: 0.875em;}
.comments li .cont-other { font-size: 0.75em; text-align: right; }
.comments li .cont-other span { color: #555; }
.comments li .cont-other a { color: #888 }
.comments li li { border-bottom: 0; margin-top: 20px; margin-left: 6%; }

/*commentpost*/
.commentpost { margin-bottom: 20px; }
.commentpost h3 { font-size: 1.25em; border-bottom: 2px solid #ccc; padding-bottom: 5px; margin-bottom: 20px; }
.commentpost .tips { color: #f30; text-align: center; font-size: 0.75em; margin: 40px auto; float: left; clear: both; }
.commentpost .tips  span { display: block; background-color: #fff6e8; border: 1px solid #ffe8c4; padding: 5px 15px; }
.commentpost .tips a { color: #333; }

.postbottom { font-size: 14px; line-height: 1.75em; color:#555; margin-bottom: 20px; }
/*commentpost*/
#comment .item { margin-bottom: 10px; overflow: hidden; clear: both; position: relative;}
#comment label {display:block; float:left; line-height: 44px; width:75px;}
#comment label i {font-style: normal; color:#f00;}
#comment .input {margin-left:75px; border: 2px solid #ccd4d9; overflow: hidden;}
#comment .text {height:24px; line-height: 24px; padding: 8px 2%; width: 96%; display: block; border:none;}
#comment textarea.text {height: 150px; resize:vertical;}
#comment .code {position:absolute; right:0; bottom:0; height: 100%; width:132px;}
#comment .code img {display: block; height: 100%; width: auto;}
#comment .verify .input {margin-right: 140px;}
#comment .btn {padding:20px 0; overflow: hidden;}
#comment .submit {display: block; float:right; background-color: #e74851; color: #fff; font-size: 18px; border: none; border-radius: 2px; width:120px; height: 40px; cursor: pointer; -webkit-appearance: none; }


/*pgwslideshow*/
.pgwslideshow { width: 100%; display: none; }
.pgwslideshow a { color: #fff; }
.pgwslideshow .ps-current { text-align: center; position: relative; min-height: 150px; overflow: hidden; }
.pgwslideshow .ps-current > ul  > li { text-align: center; width: 100%; z-index: 1; opacity: 0; display: block; }
.pgwslideshow .ps-current > ul  > li img { display: block; max-width: 100%; margin: auto; }
.pgwslideshow .ps-caption { background: rgba(0, 0, 0, 0.5); filter: progid:dximagetransform.microsoft.gradient(gradienttype=0, startcolorstr='#99000000', endcolorstr='#99000000'); -ms-filter: "progid:dximagetransform.microsoft.gradient(gradienttype=0, startcolorstr='#99000000', endcolorstr='#99000000')"; text-align: left; font-size: 1rem; color: #fff; position: absolute; left: 0px; bottom: 0px; width: 100%; padding: 10px; display: none; }
.pgwslideshow .ps-caption span { padding: 7px; display: inline-block; }
.pgwslideshow .ps-list { overflow: hidden; position: relative; }
.pgwslideshow .ps-list ul { position: relative; list-style: none; margin: 0; padding: 0; left: 0; }
.pgwslideshow .ps-list li { float: left; list-style: none; }
.pgwslideshow .ps-list li .ps-item { display: block; margin: 15px 8px; opacity: 0.6; filter: alpha(opacity=60); }
.pgwslideshow .ps-list li img { display: block; border: 1px solid #777; width: 80px; height: 80px; }
.pgwslideshow .ps-list li .ps-item.ps-selected { float: left; opacity: 1; border: 4px solid #fff; overflow: hidden; }
.pgwslideshow .ps-list li .ps-item.ps-selected img { margin: -4px; }
.pgwslideshow .ps-previcon { border-color: transparent #fff transparent; border-style: solid; border-width: 10px 10px 10px 0; display: block; }
.pgwslideshow .ps-nexticon { border-color: transparent #fff transparent; border-style: solid; border-width: 10px 0 10px 10px; display: block; }
.pgwslideshow .ps-current .ps-prev { background: rgba(0, 0, 0, 0.5); filter: progid:dximagetransform.microsoft.gradient(gradienttype=0, startcolorstr='#99000000', endcolorstr='#99000000'); -ms-filter: "progid:dximagetransform.microsoft.gradient(gradienttype=0, startcolorstr='#99000000', endcolorstr='#99000000')"; border: 1px solid #777; border-left: 0; border-radius: 0 4px 4px 0; position: absolute; padding: 20px 20px 20px 15px; left: 0; top: 45%; cursor: pointer; }
.pgwslideshow .ps-current .ps-next { background: rgba(0, 0, 0, 0.5); filter: progid:dximagetransform.microsoft.gradient(gradienttype=0, startcolorstr='#99000000', endcolorstr='#99000000'); -ms-filter: "progid:dximagetransform.microsoft.gradient(gradienttype=0, startcolorstr='#99000000', endcolorstr='#99000000')"; border: 1px solid #777; border-right: 0; border-radius: 4px 0 0 4px; position: absolute; padding: 20px 15px 20px 20px; right: 0; top: 45%; cursor: pointer; }
.pgwslideshow .ps-list .ps-prev { background: rgba(0, 0, 0, 0.5); filter: progid:dximagetransform.microsoft.gradient(gradienttype=0, startcolorstr='#bb000000', endcolorstr='#bb000000'); -ms-filter: "progid:dximagetransform.microsoft.gradient(gradienttype=0, startcolorstr='#bb000000', endcolorstr='#bb000000')"; border: 1px solid #777; border-left: 0; border-radius: 0 4px 4px 0; padding: 20px 15px 20px 12px; cursor: pointer; position: absolute; left: 0; top: 25px; z-index: 1000; display: none; }
.pgwslideshow .ps-list .ps-next { background: rgba(0, 0, 0, 0.5); filter: progid:dximagetransform.microsoft.gradient(gradienttype=0, startcolorstr='#bb000000', endcolorstr='#bb000000'); -ms-filter: "progid:dximagetransform.microsoft.gradient(gradienttype=0, startcolorstr='#bb000000', endcolorstr='#bb000000')"; border: 1px solid #777; border-right: 0; border-radius: 4px 0 0 4px; padding: 20px 12px 20px 15px; cursor: pointer; position: absolute; right: 0; top: 25px; z-index: 1000; display: none; }
.pgwslideshow.narrow .ps-list li img { width: 60px; height: 60px; }
.pgwslideshow.narrow .ps-current .ps-prev { padding: 15px 15px 15px 12px; top: 40%; }
.pgwslideshow.narrow .ps-current .ps-next { padding: 15px 12px 15px 15px; top: 40%; }
.pgwslideshow.narrow .ps-list .ps-prev { padding: 15px 12px 15px 10px; top: 20px; }
.pgwslideshow.narrow .ps-list .ps-next { padding: 15px 10px 15px 12px; top: 20px; }
.pgwslideshow.narrow .ps-caption { font-size: 0.8rem; padding: 8px; }

/*pagenavi*/
.pagenavi { clear: both; overflow: hidden; text-align: center; margin-bottom: 20px; }
.pagenavi a,
.pagenavi span.now-page { display: inline-block; padding: 3px 10px; background-color: #eee; color: #777; margin: 3px; font-size: 0.875em; border-radius: 3px; }
.pagenavi a:hover,
.pagenavi span.now-page { background-color: #2b6bab; color: #fff; }

/*sidebar*/
.widget { margin-bottom: 20px; }
.widget ul li { background: url(/uploads/image/zztzsimages/list_style.png) no-repeat left center; padding: 5px 0 5px 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 0.875em; }
.widget ul.column li { background: none; padding: 5px 0; white-space: normal; }
.widget ul.column li .thumbnail { display: block; float: left; width: 100px; height: 66px; margin: 3px 10px 0 0; }
.widget ul.column li a { font-weight: bold; }

/*widget-tab*/
.widget-tab .tab-title { overflow: hidden; margin-bottom: 15px; }
.widget-tab .tab-title li { float: left; width: 33.333333%; height: 35px; line-height: 35px; text-align: center; cursor: pointer; background-color: #ebebeb; }
.widget-tab .tab-title li.on { background-color: #2b6bab; color: #fff; }
.widget-tab .widget { display: none; }
.widget-tab .widget.on { display: block; }
.widget-tab .widget ul li { background: none; padding-left: 0; }
.widget-tab .widget i { font-style: normal; background-color: #eee; margin-right: 5px; display: inline-block; width: 20px; text-align: center; font-size: 0.875em; }
.widget-tab .widget i.top { background-color: #fc9f14; color: #fff; }
#divtags ul { overflow: hidden; }
#divtags li { float: left; background: none; padding: 2px 2px 2px 0; font-size: 0.75em; }
#divtags li a { display: block; background: #eee; padding: 2px 10px; color: #222; }
#divtags li a:hover { text-decoration: none; background-color: #fc9f14; color: #fff; }
#divtags li span.tag-count { font-size: 0.875em; color: #888; padding-left: 5px; }
#divtags li a:hover span.tag-count { color: #fff; }

/*friendlinks*/
.friendlinks h3 { font-weight: normal; font-size: 1.25em; border-bottom: 2px solid #ddd; padding: 0 10px 5px; }
.friendlinks ul { overflow: hidden; }
.friendlinks ul li { float: left; font-size: 0.875em; padding: 5px 10px; }

/*footer*/
.footer { background-color: #222; box-shadow: 0 -2px 5px #bbb; padding: 20px 0; color: #aaa; font-size: 0.75em; text-align: center; }
.footer a { color: #aaa; }
#backtop { width: 40px; height: 40px; position: fixed; top: 70%; z-index: 999; right: 15%; }
#backtop a { display: block; width: 40px; height: 40px; background: #999 url(/uploads/image/zztzsimages/backtop.gif) no-repeat center center; }
#backtop a:hover { background-color: #333; }

/*last*/
.right { float: right; }
.left { float: left; }

/*error404*/
.error404 {padding: 15% 0;}
.error404 .entry {text-align: center; padding: 10% 0;}
/*screen width*/
@media only screen and (max-width:1700px) {
	#backtop { right: 10%; }
}
@media only screen and (max-width:1280px) {
	.posttitle {font-size:22px;}
}
@media only screen and (max-width:1100px) {
	.inner { width: 960px; }

	#container { width: 930px; }
	#slides { width: 650px; height: 363px; }
	.latest { width: 260px; }
	.latest li { margin-bottom: 6px; }
	.boxlist .latest { width: 48%; }
	/*1100px*/
	#header .inner {padding: 2.28% 0;}
}
@media only screen and (max-width:980px) {
	.inner { width: 860px; }
	#container { width: 830px; }
	#slides { width: 570px; height: 319px; }
	.latest { width: 240px; }
	.latest p.cont { display: none; }
	
	.boxlist .latest li img,
	.boxlist .latest p.cont { display: block; }
	.box .ad { width: 200px; }

	/*980px*/
	#logo {width: 170px;}
}
@media only screen and (max-width:880px) {
	.inner { width: 760px; }
	#container { width: 730px; }
	.nav li { font-size: 14px;}
	#slides { width: 480px; height: 268px; }
	.latest li { margin-bottom: 3px; }
	h3.title,
	.wrap,
	.ad,
	.widget,
	.portfolio-box { margin-bottom: 10px; }
	.featured p { padding: 5px; font-size: 14px; line-height: 1.5em; }
	
	.featured .item { display: block; margin-right: 0; }
	
	.boxlist .latest { width: 100%; float: none; }
}
@media only screen and (max-width:768px) {
	body.open,
	#bg { position: fixed; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; }
	#backtop { display: none; }
	#bg { background: rgba(0, 0, 0, .6); z-index: 6; display: none; }
	
	
	#bg.open,
	.latest li img { display: block; }
	.inner { width: 95%; }
	#container { width: 92%; padding: 10px 1.5%; }
	.nav { display: block; position: fixed; left: -200px; top: 0; width: 200px; height: 100%; background: rgba(43, 107, 171, 0.9); z-index: 9; overflow: hidden; transition: left 0.3s ease 0s; }
	.nav.open { left: 0; }
	.nav .inner { height: 100%; width: auto; overflow: auto; }
	.nav li { float: none; width: auto; text-align: left; }
	.nav > ul > li { border-top: 1px solid #5690ca; border-bottom: 1px solid #2b6bab; }
	.nav li ul { position: static; display: block; background-color: transparent; }
	.nav li a { padding: 0 25px; }
	.nav li a:hover,
	.nav li a.on { background-color: transparent; color: #fff; }
	.nav li li a { padding-left: 45px; }
	
	#slides,
	.latest,
	.main,
	.sidebar { width: 100%; height: auto; float: none; margin-bottom: 10px; }
	.latest p.title { padding-bottom: 5px; }
	.wrap { margin-bottom: 0; }
	.featured,
	.box,
	.boxlist,
	.portfolio { margin-bottom: 10px; }
	.latest p.cont { display: block; }
	.portfolio-box li { width: 48%; }
	#container {margin-top: 10px;}
	/*768*/
	#header {box-shadow: 0px 2px 5px rgba(0, 0, 0, .1);}
	#header .inner {padding: /*3%*/ 0;}/*去掉移动端头部下方间距*/
	/*768*/
	.posttitle {font-size:16px;}
	/*768*/
	.entry { font-size: 14px; line-height: 2em; }
	/*768*/
	#comment label {float:none; line-height: 1.75em; font-size:14px; margin-bottom: 5px;}
	#comment .input {margin-left: 0;}
	#comment .code {height: 43px;}
	/*768*/
	.category-blog { padding-bottom: 15px; margin-bottom: 15px; }
	.category-blog h2 { font-size: 18px; margin-bottom: 10px; }
	.category-blog .thumbnail { width: 150px; }
	.category-blog .intro {margin-left: 165px;}
	.category-blog .intro p {font-size: 14px;}
	/*768*/
	#logo {width: 150px;}
	/*768*/
	#topbtn {display: block;}
	/*768*/
	#searchform {position: absolute; top: 100%; left: 0; width: 86%; background: rgba(255, 255, 255, .9); z-index: 9; border-top: 1px solid #eee; box-shadow: 0px 2px 5px rgba(0,0,0,.1); padding: 2.5% 7%; display: none; transition: none;}
	#searchform form {padding-right: 60px;}
	#searchform .s {height: 22px; line-height: 22px;}
	#searchform .submit {padding: 0 10px;}
}

@media only screen and (max-width:480px) {
	.box .ad { width: 100%; float: none; }
	
	
	.post .post-related h3,
	.post .tags,
	.post-navi { margin-bottom: 10px; }
	.post .post-related { padding: 1em 2em 10px; }

	

}
@media only screen and (max-width:420px) {
	/*420px*/
	.category-blog h2 {font-size: 16px;}
	.category-blog .thumbnail {width: auto; float: none; margin-bottom: 10px;}
	.category-blog .intro {margin-left: 0;}
	.category-blog .intro p {line-height: 1.75em; height: auto; max-height: 7em;}
}




/*自定义*/
.entry p{
    text-indent: 2em;
}

.post .post-daohang {margin:0;padding:0;font-size:14px;font-weight:400;display: none;}
.post .post-daohang a{color: #000;}
.post .post-daohang a:link{
    text-decoration: underline;
}
.post .post-daohang a:visited{
    text-decoration: underline;
}
/*pc-ad*/
.pc_index_top{
    display:none;
    overflow:hidden; margin-bottom:20px;
}
@media only screen and (min-width: 1024px) {.pc_index_top{display:block !important;}}
.pc_catalog_top{
    display:none;
    overflow:hidden; margin-bottom:20px;
}
@media only screen and (min-width: 1024px) {.pc_catalog_top{display:block !important;}}
.pc_content_top{
    display:none;
    overflow:hidden; margin-bottom:10px;margin-top:-10px;
}
@media only screen and (min-width: 1024px) {.pc_content_top{display:block !important;}}
.pc_content_btm{
    display:none;
    overflow:hidden; margin-top:20px;
}
@media only screen and (min-width: 1024px) {.pc_content_btm{display:block !important;}}
.pc_sidebar_top{
    display:none;
    overflow:hidden; margin-bottom:20px;
}
@media only screen and (min-width: 1024px) {.pc_sidebar_top{display:block !important;}}

/*m-ad*/
.m_index_top{
    width: 99%;
    float: left;
    display:none;
    overflow:hidden; margin-top: 14px;margin-bottom:14px;
}
@media only screen and (max-width: 1024px) {.m_index_top{display:block !important;}}
.m_catalog_top{
    display:none;
    overflow:hidden; margin-bottom:20px;
}
@media only screen and (max-width: 1024px) {.m_catalog_top{display:block !important;}}
.m_content_top{
    display:none;
    overflow:hidden;
    margin: 0;
    padding: 0;
}
@media only screen and (max-width: 1024px) {.m_content_top{display:block !important;}}
.m_content_btm{
    margin-top:20px;
    display:none;
    overflow:hidden;
}
@media only screen and (max-width: 1024px) {.m_content_btm{display:block !important;}}
.m_content_related{
    display:none;
    overflow:hidden; margin-top:-15px;
}
@media only screen and (max-width: 1024px) {.m_content_related{display:block !important;}}

/*m-daohang*/
.m_nav{
    display:none;
    overflow:hidden;
    width:100%;
    margin:0 auto;
    margin-bottom: -10px;
}
@media only screen and (max-width: 1024px) {.m_nav{display:block !important;}}
.m_nav_sub{
    width:33%;
    height:30px;
    text-align:center;
    font-size:16px;
    float:left;
    font-weight:700;
}
.m_float{
    width: 480px;
    height: 20px;
    float: left;
}
.ispan{position:absolute;top:-1000em}
.idisnone{display:none;}
.entry img{margin-left:-2em;}
.i_related_daohang{display:none;}

@media only screen and (max-width: 1024px) {.ad{display:none!important;}}


/*index_wenzhang*/
.i_wenzhang{
    display:none;
    overflow:hidden;
    width:100%;
    margin-bottom: 10px;
}
@media only screen and (max-width: 1024px) {.i_wenzhang{display:block !important;}}
.i_wenzhang_li{
    width:98%;
    height:24px;
    font-size:14px;
    float:left;
}
.i_wenzhang_li a:link{color:#000;}
.i_wenzhang_li a:visited{color:#000;}
.i_wenzhang_li a:hover{color:#333;}


/*search_pc*/
.i_pc_search_m-display-none{
    float:left;padding: 0;width:auto;htight:32px;
}
@media only screen and (max-width: 1024px) {.i_pc_search_m-display-none{display:none !important;}}

/*search_m*/
/*search-index-m-移动首页搜索*/
.i_search_pc-display-none{
	width:96%;
	height:auto;
	float:left;
	margin-left:2%;
	margin-right:2%;
	font-size:14px;
	margin-top:18px;
}
@media only screen and (min-width:1024px) {.i_search_pc-display-none{display:none!important;}}

/*zhengwen*/
.i_post_time{

}

.i_daohang_weizhi{/*header位置导航,已删除*/
    marin:0;
    padding:0;
}
@media only screen and (min-width: 1024px) {.i_daohang_weizhi{display:none!important;}}
.i_daohang_weizhi a{
    color:#888;
}

.i_wenzhong_search{
    float:right;
    margin-right: 5px;
}
@media only screen and (min-width: 1024px) {.i_wenzhong_search{display:none!important;}}
.i_wenzhong_search a{
color:#888;
}

/*nav_search_m*/
.nav_search_m{
    float:left;
}
@media only screen and (min-width: 1024px) {.nav_search_m{display:none!important;}}

/*h2-加载content标签*/
.content{
    margin: 0;
    padding: 0;
}
.i_m_logo_displaynone{
width: 350px;
overflow: hidden;
float: left;
}
@media only screen and (max-width: 1024px) {.i_m_logo_displaynone{display:none!important;}}
.i_category_m_none{
    marin:0;
    padding:0;
}
@media only screen and (max-width: 1024px) {.i_category_m_none{display:none!important;}}
.entry h2{
    color:#ff0000;
    font-size:16px;
    text-indent: 2em;
}
.i_side_m_none{
    margin: 0;
    padding: 0;
}
@media only screen and (max-width: 1024px) {
    .i_side_m_none{
    display:none!important;
        
    }}
.i_hang_logo_m{	width:100%;	height:75px;float:left;background-image: url(/uploads/image/ztzsimages/logo-m-background.jpg);background-repeat: repeat-x;}.i_hang_logo_m img{max-width: 100%;max-height: 75px;margin-bottom:20px;padding:0;}
@media only screen and (min-width: 1024px) {.i_hang_logo_m{display:none!important;}}
.i_top_margin{
    margin-top:-15px!important;
}