@charset "utf-8";
/*
Theme ID: user98
Author: 懒鸟飞移植
Author QQ：1430826160
Author Email：1430826160@qq.com
Author URL: http://www.lanniaofei.com/
*/
article, aside, details, figcaption, figure, footer, header, main, nav, section, sectionwen {
	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, sectionwen, main {
	margin: 0;
	padding: 0;
}

body {
	font: 100%/1.5em 'Microsoft Yahei',Arial,tahoma;
}

a {
	text-decoration: none;
	outline: none;
	-webkit-tap-highlight-color: transparent;
}

input {
	-webkit-appearance: none;
	border: 0;
}

input:focus,textarea:focus {
	outline: none;
	-webkit-tap-highlight-color: transparent;
}

.submit {
	-webkit-tap-highlight-color: transparent;
}

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;
}

.nofound {
	padding: 50px 0;
	text-align: center;
	color: #888;
}

.nofound h2 {
	font-weight: lighter;
	line-height: 1.5em;
	font-size: 3em;
}

.nofound p {
	font-weight: lighter;
	font-size: 0.875em;
	padding: 5px 0;
}

.nofound a {
	background-color: #3CADFB;
	color: #fff;
	padding: 0 5px;
	border-radius: 2px;
}

#nofound .main {
	float: none;
	margin: 0 auto 30px;
}

#top {
	height: 33px;
	line-height: 33px;
	font-size: 13px;
	color: #999;
	max-width: 1200px;
	margin: 0 auto;
}

#top .text {
	color: #999;
	float: left;
}

#top .right {
	float: right;
}

#top a {
	color: #222
}
/*header*/
.header {
	width: 100%;
	background-color: #fff;
}

.header .inner {
	position: relative;
}

.mb20 {
	margin-bottom: 20px;
}
/*logo*/
.logo {
	float: left;
	padding: 30px 45px 30px 0;
	width: 220px;
	height: 50px;
}

.logo img {
	display: block;
	width: auto;
	max-width: 100%;
	height: 50px;
}
/*search-form*/
.search-form {
	float: left;
	margin: 35px 0 0 30px;
	display: inline;
}

.search-form input {
	float: left;
}

.search-form .s {
	border: 1px solid #ddd;
	height: 30px;
	padding: 6px 5px;
	box-shadow: inset 0px 0px 2px #ddd;
	border-radius: 3px 0 0 3px;
	border-right: none;
	width: 450px;
}

.search-form .submit {
	height: 44px;
	padding: 0 25px;
	border-radius: 0 3px 3px 0;
	color: #fff;
	cursor: pointer;
	font-size: 1.125em;
}

.search-form .submit:hover {
}
/*notice*/
.notice {
	width: 250px;
	height: 44px;
	line-height: 44px;
	float: right;
	margin-top: 35px;
	display: inline-block;
	overflow: hidden;
	position: relative;
}

.notice ul li {
	display: block;
	font-size: 0.75em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 44px;
	line-height: 44px;
	color: #333;
	font-family: '宋体';
}

.notice a {
	color: #333;
}

.notice a:hover {
	color: #f50;
	text-decoration: underline;
}

.newsList,.swap {
	width: 92%;
	line-height: 44px;
	display: inline-block;
	position: absolute;
	top: 0;
	left: 15px;
}

.swap {
	top: 44px;
}
/*nav*/
.nav {
	width: 100%;
	height: 42px;
	line-height: 42px;
	box-shadow: 0 15px 10px -15px rgba(0,0,0,0.15);
}

.nav ul li {
	float: left;
	font-size: 1em;
	position: relative;
	width: 131px;
	text-align: center;
}

.nav ul li.nl {
	border-left: none;
}

.nav ul li.nr {
	border-right: none;
}

.nav ul li a {
	display: block;
	white-space: nowrap;
}

.nav ul li ul {
	position: absolute;
	left: 0;
	top: 42px;
	width: 100%;
	z-index: 2;
	display: none;
}

.nav ul li li {
	border: none;
	float: none;
	font-size: 1em;
}

.nav ul li.open > ul {
	display: block;
}

.adbtoon {
	margin-bottom: 15px;
}

.adbtoon img {
	width: 100%;
	height: auto;
}
/*container*/
.container {
	overflow: hidden;
	padding: 20px 0 0 0;
}
/*aside*/
.sidebar {
	float: left;
	width: 210px;
}
/*widgetyuan*/
.widgetyuan {
	background-color: #fff;
	overflow: hidden;
	margin-bottom: 20px;
	box-shadow: 0 0 10px rgba(0,0,0,0.15);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.widgetyuan h3,.box h3,.boxlink h3,.box2 h3,.boxx2 h3,.box5 h3,.box6 h3,.main h3.title,.breadcrumb {
	font-size: 1em;
	padding: 8px 20px 8px 40px;
	border-bottom: 1px solid #eee;
	background: url("../images/ico.png") no-repeat 0 -63px;
}

.widgetyuan ul {
	padding: 15px;
}

.widgetyuan ul li {
	font-size: 0.875em;
	padding: 3px 0;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.widgetyuan ul li a {
	color: #333;
}

#hotsite.widgetyuan a,#cmtsite.widgetyuan a,#newsite.widgetyuan a {
	display: block;
	float: left;
	width: 55%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.widgetyuan ul li a:hover {
	color: #3CADFB;
	text-decoration: underline;
}

.widgetyuan ul li span {
	float: right;
	font-size: 0.875em;
	color: #888;
}

#divContorPanel {
	font-size: 0.875em;
}

#divContorPanel div {
	padding: 15px;
}
/*widget-ad*/
.widget-ad {
	border: none;
}

.widget-ad img,.post-ad img {
	width: 100%;
	height: auto;
	display: block;
}
/*post-ad*/
.post-ad {
	margin-bottom: 15px;
	overflow: hidden;
	height: auto;
}

.site-post .site-entry.post-ad {
	border-top: none;
	padding-top: 0;
}
/*main*/
.main {
	width: 970px;
	float: right;
}

.wenbg {
	background-color: #FFFFFF;
	box-shadow: 0 0 10px rgba(0,0,0,0.15);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.share {
	padding: 10px 0;
	overflow: hidden;
	display: table;
	width: 100%;
	margin: 20px auto;
	line-height: 24px;
	background: #f1f1f1;
}

.share>div {
	padding-right: 20px;
	margin-top: 16px;
	overflow: hidden;
}

.share img {
	width: 100px;
	float: left;
	margin: 0 20px;
}

.share a {
	color: #1487f4
}

.share a:hover {
	text-decoration: underline
}

.saxz a {
	height: 40px;
	line-height: 40px;
	float: left;
	margin-right: 10px
}

.saxz a img {
	height: 40px;
}

.sabk {
	border: #CCCCCC 1px dashed;
	padding: 5px 10px;
	border-radius: 5px;
}

/*wztitle-list*/
.wztitle-list {
	padding: 0 20px 40px
}

.wztitle-list li {
	padding-left: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 30px;
	position: relative;
}

.wztitle-list li a {
	font-size: 15px;
	color: #666666
}

.wztitle-list li:before {
	position: absolute;
	content: "";
	width: 3px;
	height: 3px;
	background: #000;
	border-radius: 10px;
	left: 0;
	top: 15px;
}

.wztitle-list li span {
	float: right;
	color: #888;
	font-size: 12px
}

.wztitle-list li:nth-child(5n) {
	margin-bottom: 20px;
	border-bottom: #eee 1px solid;
	padding-bottom: 20px
}

/*breadcrumb*/
.breadcrumb {
	color: #666;
}

.breadcrumb i {
	font-family: Arial;
}

.breadcrumb a {
	color: #666;
	font-size: 1em;
}
/*banner*/
.banner {
	width: 63.5%;
	float: left;
	height: 340px;
}

.swiper-slide {
	position: relative;
	box-shadow: 0 0 10px rgba(0,0,0,0.15);
}

.swiper-slide span {
	position: absolute;
	right: 0;
	font-size: 12px;
	padding: 2px 5px 2px 10px;
	top: 10px;
	background: #0CF;
	color: #fff;
	border-radius: 3px 0 0 3px
}

.swiper-slide:nth-child(2) span {
	background: #F60
}

.swiper-slide:nth-child(3) span {
	background: #3C0
}

.whitebg {
	background: #fff;
	border: 1px solid #eee;
}
/*top_map*/
.top_map a {
	margin-left: 10px;
}
/*headline-box*/
.headline-box {
	width: 34%;
	float: right;
	margin-top: -1px;
	box-shadow: 0 0 10px rgba(0,0,0,0.15);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.headline-news {
	overflow: hidden;
	padding: 19px 31px 21px;
}

.headline-news-title {
	margin-bottom: 15px;
	font-size: 18px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #0092d8;
}

.headline-news-title a {
	color: #1487f4;
}

.headline-news-title span {
	float: left;
	font-size: 12px;
	font-weight: normal;
	border: #ff6600 1px solid;
	padding: 0 5px;
	border-radius: 3px;
	color: #ff6600;
	margin: 4px 8px 0 0;
}

.headline-news-smalltext {
	line-height: 20px;
	font-size: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	height: 60px;
	margin-bottom: 10px;
	color: #888;
}

.headline-news-list {
	border-top: #ddd 1px solid;
	padding-top: 10px;
}

.headline-news-list li {
	padding-left: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 30px;
	position: relative
}

.headline-news-list li h2 {
	font-size: 15px;
	font-weight: normal;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.headline-news-list li:before {
	position: absolute;
	content: "";
	width: 3px;
	height: 3px;
	background: #000;
	border-radius: 10px;
	left: 0;
	top: 15px;
}

.bgb {
	background-color: #fff;
	border-radius: 5px;
}

.index-cms {
	margin-left: -2%;
}

.index-cms dl {
	float: left;
	width: 48%;
	margin-left: 2%;
	margin-bottom: 20px;
}

.list-cms dl {
	float: left;
	width: 49.2%;
	padding: 0.5% 1%;
	margin-bottom: 15px;
}

.list-cms dl:nth-child(2n) {
	float: right;
}

dl.txcms dd {
	padding: 15px;
}

dl.txcms li {
	height: 34px;
	line-height: 34px;
	overflow: hidden;
	margin: 0px;
	border-top: 1px dotted #ddd;
	color: #999999;
}

dl.txcms li a {
	color: #333;
	font-size: 15px;
}

dl.txcms li:first-child {
	border-top: 0;
}

dl.txcms li.dot {
	height: auto;
	position: relative;
	padding: 0 0 8px 100px;
}

.dot>a:first-child {
	display: block;
	overflow: hidden;
	width: 90px;
	height: 65px;
	position: absolute;
	left: 0;
	top: 0;
}

.dot img {
	width: 100%;
	height: 65px;
	-o-object-fit: cover;
	object-fit: cover;
}

.dot h2 {
	font-size: 16px;
	line-height: 20px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: 5px;
	color: #333333
}

.dot p {
	line-height: 20px;
	max-height: 40px;
	overflow: hidden;
	color: #888;
	font-size: 13px;
}

dl.txcms li span {
	float: right;
	margin-left: 10px;
}

.ybbt {
	font-size: 16px;
	font-weight: 600;
	line-height: 36px;
	height: 36px;
	overflow: hidden;
	border-bottom: 1px solid #ddd;
	margin-bottom: 5px;
	padding: 0 4px;
}

.ybbt1 {
	font-size: 15px;
	font-weight: 400;
	line-height: 36px;
	height: 36px;
	overflow: hidden;
	border-bottom: 1px solid #ddd;
	margin-bottom: 5px;
}

.ybbt a.more {
	color: #888;
}
/*down-tuijian*/
.down-tuijian {
}

.down-tuijian ul {
	overflow: hidden;
}

.down-tuijian ul li {
	width: 40%;
	float: left;
	overflow: hidden;
	margin-left: 5%;
	margin-right: 5%;
}

.down-tuijian ul li a {
	display: block;
	overflow: hidden;
}

.down-tuijian ul li i {
	width: 100%;
	height: auto;
	margin: auto;
}

.down-tuijian ul li i img {
	width: 100%;
	height: auto
}

.down-tuijian ul li p {
	height: 32px;
	margin: 10px 0 0;
	padding: 0 5px;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: center;
	font-size: 13px;
}

.tuitxt {
	line-height: 16px;
	font-size: 12px;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	height: 16px;
	font-weight: normal;
	color: #333;
	text-align: center
}

.down-tuijian ul li:hover p {
	color: #218af1;
}
/*pics-list-price*/
.pics-list-price li {
	width: 25%;
	overflow: hidden;
	float: left;
	margin-bottom: 20px;
}

.pics-list-price li a {
	display: block;
	margin: 0 10px 10px;
	overflow: hidden;
	border: #eaeaea 1px solid;
	padding-bottom: 10px;
	transition: .5s;
}

.pics-list-price li i {
	height: 230px;
	line-height: 230px;
	overflow: hidden;
	display: block;
	background: #fcfcfc;
}

.pics-list-price li i img {
	width: 100%;
	vertical-align: middle;
	display: inline-block;
	transition: .5s;
}

.pics-list-price li i:hover img {
	transform: scale(1.2);
}

.pics-list-price li h2 {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 15px;
	margin: 5px 0;
	font-weight: normal;
	padding: 0 10px;
}

.pics-list-price li p {
	font-size: 13px;
	color: #999;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-height: 20px;
	height: 40px;
	margin: 10px 0;
	padding: 0 10px;
}

.pics-list-price span.price-area {
	float: left;
	display: block;
	font-size: 18px;
	color: #ff6600;
	padding-left: 10px;
}

.pics-list-price span.pics-btn {
	float: right;
	background: #ff5522;
	border-radius: 2px;
	width: 80px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 14px;
	color: #ffffff;
	margin-right: 10px;
}

.pics-list-price em {
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
}
/*tuijian*/
.tuijian {
}

.tuijian ul {
	overflow: hidden;
	padding-top: 0px
}

.tuijian li {
	overflow: hidden;
	margin-bottom: 5px;
	height: 20px;
}

.tuijian li i {
	line-height: 20px;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	font-size: 14px;
	font-weight: normal
}

.tuijian li:hover img {
	transform: scale(1.1);
}
/*topnews*/
.topnews {
	display: block;
	margin: 15px 15px;
	background: #000;
	position: relative;
	overflow: hidden;
	border-radius: 3px;
	max-height: 150px;
}

.topnews img {
	opacity: .7;
	transition: all 0.5s;
	width: 100%;
}

.topnews span {
	bottom: 0;
	position: absolute;
	bottom: 30%;
	left: 0;
	right: 0;
	color: #FFF;
	text-align: center;
	font-size: 15px;
	padding: 0 40px;
	overflow: hidden;
}

.topnews span i {
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-height: 22px;
	font-weight: normal
}

.topnews:hover img {
	opacity: .9;
	transform: scale(1.1);
}
/*cloud*/
.cloud {
	overflow: hidden
}

.cloud ul {
	overflow: hidden;
	padding-top: 10px
}

.cloud ul a {
	font-size: 14px;
	line-height: 24px;
	height: 24px;
	display: block;
	background: #f1f1f1;
	float: left;
	padding: 3px 10px;
	margin: 10px 5px 0 0;
	border-radius: 3px;
	transition: all .2s;
	color: #525252
}

.cloud ul a:hover {
	background: #1487f4;
	color: #fff
}
/*news*/
.news-zuixin {
	padding: 15px;
}

.news-zuixin li {
	width: 48%;
	float: left;
	overflow: hidden;
	margin-bottom: 20px;
}

.news-zuixin li:nth-child(odd) {
	float: left
}

.news-zuixin li:nth-child(even) {
	float: right
}

.news-zuixin li section {
	border-bottom: #eee 1px solid;
	overflow: hidden;
	padding-bottom: 10px;
}

.news-zuixin-pic {
	display: block;
	overflow: hidden;
	width: 100px;
	height: 70px;
	line-height: 70px;
	float: left;
	margin-right: 10px;
}

.news-zuixin li img {
	width: 100%;
	display: inline-block;
	vertical-align: middle;
	transition: .5s;
}

.news-zuixin li:hover img {
	transform: scale(1.2);
}

.news-zuixin h2 {
	font-size: 15px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font-weight: normal;
	margin: 3px 0 5px 0;
}

.news-zuixin li:hover h2 a {
	color: #218af1;
}

.news-zuixin p {
	font-size: 14px;
	color: #888;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-height: 20px;
	height: 40px;
}

.news-zuixin span {
	width: 100%;
	float: left;
	clear: both;
	font-size: 12px;
	margin: 10px 0;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	height: 16px;
	line-height: 16px;
}

.news-zuixin span a {
	display: block;
	float: left;
	margin-right: 15px;
	position: relative;
	padding-left: 10px;
}

.news-zuixin span a:before {
	position: absolute;
	content: "";
	width: 3px;
	height: 3px;
	background: #1487f4;
	left: 0;
	top: 8px;
}
/*box*/
.box {
	position: relative;
	margin-bottom: 20px;
	background-color: #FFFFFF;
	box-shadow: 0 0 10px rgba(0,0,0,0.15);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.box span.more {
	position: absolute;
	right: 15px;
	top: 9px;
	font-size: 0.75em;
}

.box span.more a {
	color: #999;
}

.box span.more i {
	font-style: normal;
}

.box ul {
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
}

.box ul li {
	float: left;
	overflow: hidden;
	padding: 8px 8px;
	width: 305px;
}

.box .site-logo {
	float: left;
	width: 100px;
	height: 100px;
	overflow: hidden;
	padding-right: 15px;
	position: relative;
}

.box .site-logo img {
	display: block;
	width: 100%;
	height: 100px;
}

.box .site-name {
	font-size: 1em;
	margin-bottom: 10px;
	line-height: 1.5em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	position: relative;
}

.box .site-logo i,.box .site-name i,.section .site-logo i,.sectionwen .site-logo i {
	font-style: normal;
	font-size: 0.75em;
	background-color: #0A9BE6;
	color: #fff;
	padding: 1px 3px;
	border-radius: 2px;
	margin-left: 5px;
	position: absolute;
	left: 0;
	top: 0;
}

.box .site-name i {
	position: relative;
	left: auto;
	top: auto;
	float: left;
	margin-left: 0;
	display: inline-block;
	height: 16px;
	line-height: 16px;
	margin-top: 5px;
}

.box .site-intro {
	font-size: 0.75em;
	color: #999;
	line-height: 1.5em;
	height: 36px;
	overflow: hidden;
}

.box a {
	color: #333;
}

.gycdd {
	margin: 20px auto;
	box-shadow: 0 0 10px rgba(0,0,0,0.15);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

/*box*/
.boxx2 {
	position: relative;
	margin-bottom: 20px;
	background-color: #FFFFFF;
	box-shadow: 0 0 10px rgba(0,0,0,0.15);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.boxx2 span.more {
	position: absolute;
	right: 15px;
	top: 9px;
	font-size: 0.75em;
}

.boxx2 span.more a {
	color: #999;
}

.boxx2 span.more i {
	font-style: normal;
}

.box2 {
	position: relative;
	margin-bottom: 20px;
	background-color: #FFFFFF;
	box-shadow: 0 0 10px rgba(0,0,0,0.15);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.box2 span.more {
	position: absolute;
	right: 15px;
	top: 9px;
	font-size: 0.75em;
}

.box2 span.more a {
	color: #999;
}

.box2 span.more i {
	font-style: normal;
}

.box2 ul {
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
}

.box2 ul li {
	float: left;
	overflow: hidden;
	padding: 15px 15px;
	width: 210px;
}

.box2 .site-logo {
	float: left;
	width: 62px;
	height: 62px;
	overflow: hidden;
	padding-right: 15px;
	padding-top: 5px;
	position: relative;
}

.box2 .site-logo img {
	display: block;
	width: 100%;
	height: 60px;
	border: #eeeeee solid 1px;
	border-radius: 5px;
}

.box2 .site-name {
	font-size: 1em;
	margin-bottom: 10px;
	line-height: 1.5em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	position: relative;
}

.box2 .site-logo i,.box2 .site-name i,.section .site-logo i,.sectionwen .site-logo i {
	font-style: normal;
	font-size: 0.75em;
	background-color: #0A9BE6;
	color: #fff;
	padding: 1px 3px;
	border-radius: 2px;
	margin-left: 5px;
	position: absolute;
	left: 0;
	top: 0;
}

.box2 .site-name i {
	position: relative;
	left: auto;
	top: auto;
	float: left;
	margin-left: 0;
	display: inline-block;
	height: 16px;
	line-height: 16px;
	margin-top: 5px;
}

.box2 .site-intro {
	font-size: 0.75em;
	color: #999;
	line-height: 1.5em;
	height: 36px;
	overflow: hidden;
}

.box2 a {
	color: #333;
}

.box5 {
	position: relative;
	margin-bottom: 20px;
	background-color: #FFFFFF;
	overflow: hidden;
	box-shadow: 0 0 10px rgba(0,0,0,0.15);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.box5 span.more {
	position: absolute;
	right: 15px;
	top: 9px;
	font-size: 0.75em;
}

.box5 span.more a {
	color: #999;
}

.box5 span.more i {
	font-style: normal;
}

.box5 .site-logo {
	float: left;
	width: 100px;
	height: 100px;
	overflow: hidden;
	padding-right: 15px;
	position: relative;
}

.box5 .site-logo img {
	display: block;
	width: 100%;
	height: 100px;
}

.box5 .site-name {
	font-size: 1em;
	margin-bottom: 10px;
	line-height: 1.5em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	position: relative;
}

.box5 .site-logo i,.box5 .site-name i,.section .site-logo i,.sectionwen .site-logo i {
	font-style: normal;
	font-size: 0.75em;
	background-color: #0A9BE6;
	color: #fff;
	padding: 1px 3px;
	border-radius: 2px;
	margin-left: 5px;
	position: absolute;
	left: 0;
	top: 0;
}

.box5 .site-name i {
	position: relative;
	left: auto;
	top: auto;
	float: left;
	margin-left: 0;
	display: inline-block;
	height: 16px;
	line-height: 16px;
	margin-top: 5px;
}

.box5 .site-intro {
	font-size: 0.75em;
	color: #999;
	line-height: 1.5em;
	height: 36px;
	overflow: hidden;
}

.box5 a {
	color: #333;
}

.box6 {
	position: relative;
	margin-bottom: 20px;
	overflow: hidden
}

.box6 span.more {
	position: absolute;
	right: 15px;
	top: 9px;
	font-size: 0.75em;
}

.box6 span.more a {
	color: #999;
}

.box6 span.more i {
	font-style: normal;
}

.box6 .site-logo {
	float: left;
	width: 100px;
	height: 100px;
	overflow: hidden;
	padding-right: 15px;
	position: relative;
}

.box6 .site-logo img {
	display: block;
	width: 100%;
	height: 100px;
}

.box6 .site-name {
	font-size: 1em;
	margin-bottom: 10px;
	line-height: 1.5em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	position: relative;
}

.box6 .site-logo i,.box6 .site-name i,.section .site-logo i,.sectionwen .site-logo i {
	font-style: normal;
	font-size: 0.75em;
	background-color: #0A9BE6;
	color: #fff;
	padding: 1px 3px;
	border-radius: 2px;
	margin-left: 5px;
	position: absolute;
	left: 0;
	top: 0;
}

.box6 .site-name i {
	position: relative;
	left: auto;
	top: auto;
	float: left;
	margin-left: 0;
	display: inline-block;
	height: 16px;
	line-height: 16px;
	margin-top: 5px;
}

.box6 .site-intro {
	font-size: 0.75em;
	color: #999;
	line-height: 1.5em;
	height: 36px;
	overflow: hidden;
}

.box6 a {
	color: #333;
}
/*download-list*/
.download-list {
	margin: 0 20px;
}

.download-list {
	margin: 0 20px;
}

.download-list li {
	overflow: hidden;
	position: relative;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px dashed #dcdcdc;
}

.download-list h2 {
}

.download-list h2 a {
	margin-bottom: 15px;
	font-weight: normal;
	font-size: 18px;
	color: #333333;
	font-weight: 700
}

.download-list i {
	float: left;
	width: 67px;
	height: 67px;
	text-align: center;
	display: table;
	margin-right: 10px;
}

.download-list i img {
	max-width: 65px;
	max-height: 65px;
	vertical-align: middle;
	border-radius: 5px;
	border: #eeeeee solid 1px;
}

.download-list p {
	font-size: 14px;
	color: #9b9b9b;
	height: 43px;
	line-height: 22px;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	margin-right: 100px;
}

.download-list span.down-info {
	font-size: 12px;
	color: #9b9b9b;
	display: block;
	overflow: hidden;
	margin-top: 10px;
}

.download-list .down-info em {
	font-style: normal;
	margin-right: 20px
}

.download-list span.down-bth {
	position: absolute;
	right: 0;
	bottom: 50px;
	width: 80px;
	height: 30px;
	border-radius: 3px;
	background-color: #00aaff;
	font-size: 14px;
	text-align: center;
	line-height: 30px;
}

.download-list span.down-bth a {
	color: #fff
}

.download-list span.down-bth:hover {
	background-color: #0098e4;
}

.download-list li:hover h3 a {
	color: #218af1;
}
/*section*/
.section {
	overflow: hidden;
	clear: both;
	border-bottom: 1px dashed #eee;
}

.section .site-logo,.site-post .site-logo {
	float: left;
	width: 150px;
	height: auto;
	margin: 15px;
	border: 1px solid #eee;
	padding: 2px;
	display: inline-block;
	position: relative;
}

.section .site-logo img,.site-post .site-logo img {
	display: block;
	width: 100%;
	height: auto;
}

.section .site-logo i {
	background-color: #96CC29;
	border-radius: 0 0 3px 3px;
	box-shadow: 0px 0px 1px #96CC29;
}

.section .site-intro {
	float: left;
	padding: 15px;
	width: 754px;
}

.section .site-intro h2 {
	font-size: 1em;
	line-height: 1.5em;
	margin-bottom: 15px;
}

.section .site-intro h2 a {
	color: #0080B8;
}

.section .site-intro .excerpt {
	font-size: 0.875em;
	line-height: 1.75em;
	color: #777;
	margin-bottom: 20px;
	text-align: justify;
}

.section .site-intro .site-more {
	float: right;
}

.section .site-intro .site-more a {
	display: block;
	color: #fff;
	background-color: #69c;
	font-size: 0.875em;
	padding: 3px 10px;
	border-radius: 3px;
}

.section .site-intro .biqian {
	float: left;
}

.section .site-intro .biqian span {
	margin-right: 10px;
	font-size: 12px;
	color: #CCCCCC
}
/*sectionwen*/
.sectionwen {
	overflow: hidden;
	clear: both;
	border-bottom: 1px dashed #eee;
}

.sectionwen .site-logo,.site-post .site-logo {
	float: left;
	width: 200px;
	height: auto;
	margin: 15px;
	border: 1px solid #eee;
	padding: 2px;
	display: inline-block;
	position: relative;
}

.sectionwen .site-logo img,.site-post .site-logo img {
	display: block;
	width: 100%;
}

.sectionwen .site-logo i {
	background-color: #96CC29;
	border-radius: 0 0 3px 3px;
	box-shadow: 0px 0px 1px #96CC29;
}

.sectionwen .site-intro {
	float: left;
	padding: 15px;
	width: 704px;
}

.sectionwen .site-intro h2 {
	font-size: 1em;
	line-height: 1.5em;
	margin-bottom: 15px;
}

.sectionwen .site-intro h2 a {
	color: #0080B8;
}

.sectionwen .site-intro .excerpt {
	font-size: 0.875em;
	line-height: 1.75em;
	color: #777;
	margin-bottom: 20px;
	text-align: justify;
}

.sectionwen .site-intro .site-more {
	float: right;
}

.sectionwen .site-intro .site-more a {
	display: block;
	color: #fff;
	background-color: #69c;
	font-size: 0.875em;
	padding: 3px 10px;
	border-radius: 3px;
}

.sectionwen .site-intro .biqian {
	float: left;
}

.sectionwen .site-intro .biqian span {
	margin-right: 10px;
	font-size: 12px;
	color: #CCCCCC
}

#scrolltop {
	display: none;
}

#scrolltop {
	display: none;
}

ul#navmenu {
	margin-bottom: 5px;
}

ul#navmenu ul {
	display: none;
	position: absolute;
	left: -233px;
	bottom: 5px;
}

ul#navmenu li:hover ul ul, 
ul#navmenu li.iehover ul ul, {
	display: none;
}

ul#navmenu li:hover ul, 
ul#navmenu ul li:hover ul, 
ul#navmenu ul ul li:hover ul, 
ul#navmenu li.iehover ul, 
ul#navmenu ul li.iehover ul, 
ul#navmenu ul ul li.iehover ul {
	display: block;
}

#scrolltop {
	display: none;
}

ul#navmenu .cekf {
	display: none;
	position: absolute;
	left: -230px;
	bottom: 5px;
}

ul#navmenu li:hover ul ul, 
ul#navmenu li.iehover ul ul, {
	display: none;
}

ul#navmenu li:hover .cekf, 
ul#navmenu ul li:hover ul, 
ul#navmenu ul ul li:hover ul, 
ul#navmenu li.iehover ul, 
ul#navmenu ul li.iehover ul, 
ul#navmenu ul ul li.iehover ul {
	display: block;
}

.ditopcon {
	position: absolute;
	width: 160px;
	bottom: 0px;
	left: 70px;
	box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.08);
	border: 1px solid #fff;
	border-radius: 4px;
	box-sizing: border-box;
	transition: 0.3s ease-out;
	padding: 10px;
	background-color: #fff;
}

.ditop:hover .ditopcon {
	display: block;
	color: #999;
	font-size: 14px;
}

.ditop-qq-img {
	width: 35px;
	height: 35px;
	margin: 0 auto;
}

.ditop-qq-height {
	height: 35px;
}

.ditop-qq-btn {
	overflow: hidden;
	margin: 10px 0px 0px 0px;
	text-align: center;
}

.qqimgs {
	CURSOR: pointer
}

.ditop-qq-btn img {
	margin-bottom: 8px;
	margin-left: 30px;
}

.ditop-time {
	color: #999;
	font-size: 12px;
	line-height: 25px;
	border-bottom: 1px solid #f0f0f0;
	padding-bottom: 10px;
}

.ditop-tel {
	color: #3297fc;
	font-size: 13px;
	line-height: 30px;
}

.ditop-email {
	color: #FF5151;
	font-size: 12px;
	line-height: 25px;
}

.ditop-top {
	margin-top: 10px;
}

#jz52top {
	z-index: 200;
	visibility: visible;
	right: 10px;
}

#jz52topa {
	visibility: hidden;
}

#jz52top, #jz52top a {
	border: none;
}

#jz52top {
	position: fixed;
	bottom: 40px;
	display: block;
	width: 40px;
	background: none repeat scroll 0% 0% transparent;
	border: 0px #cdcdcd solid;
	border-radius: 3px;
	border-top: 0;
	cursor: pointer;
}

#jz52top:hover {
	text-decoration: none;
}

#jz52top a {
	display: block;
	width: 40px;
	height: 40px;
	padding: 0;
	line-height: 12px;
	text-align: center;
	color: #787878;
	text-decoration: none;
	background: #fff url("../images/jz52top6.png") no-repeat 0 0;
	border-top: 0px #cdcdcd solid;
}

a.jz52topa:hover {
	background-position: -40px 0px !important;
}

a.replyfast {
	background-position: 0 -40px !important;
}

a.replyfast:hover {
	background-position: -40px -40px !important;
}

a.returnlist {
	background-position: 0 -80px !important;
}

a.returnlist:hover {
	background-position: -40px -80px !important;
}

a.returnboard {
	background-position: -80px -240px !important;
}

a.returnboard:hover {
	background-position: -120px -240px !important;
}

a.jzqr {
	background-position: 0 -120px !important;
}

a.jzqr:hover {
	background-position: -40px -120px !important;
}

a.jzqkf {
	background-position: 0 -200px !important;
}

a.jzqkf:hover {
	background-position: -120px 0 !important;
}

a.jzqwxx {
	background-position: 0 -320px !important;
}

a.jzqwxx:hover {
	background-position: -40px -320px !important;
}

a.jzwx {
	background-position: 0 -320px !important;
}

a.jzwx:hover {
	background-position: -40px -320px !important;
}

a.jzkf {
	background-position: -80px 0px !important;
}

a.jzkf:hover {
	background-position: -120px -0px !important;
}

a.jzfx {
	background-position: -80px -40px !important;
}

a.jzfx:hover {
	background-position: -120px -40px !important;
}

.jzfxn {
	background: #fff !important;
	width: 231px !important;
	height: 260px !important;
}

a.jzlast {
	background-position: -80px -80px !important;
}

a.jzlast:hover {
	background-position: -120px -80px !important;
}

a.jznext {
	background-position: -80px -120px !important;
}

a.jznext:hover {
	background-position: -120px -120px !important;
}

a.jzsct {
	background-position: 0px -160px !important;
}

a.jzsct:hover {
	background-position: -40px -160px !important;
}

a.jzscb {
	background-position: -80px -160px !important;
}

a.jzscb:hover {
	background-position: -120px -160px !important;
}

a.jzqqq {
	background-position: 0px -200px !important;
}

a.jzqqq:hover {
	background-position: -40px -200px !important;
}

a.jzsoso {
	background-position: -80px -320px !important;
}

a.jzsoso:hover {
	background-position: -120px -320px !important;
}

a.jzwo {
	background-position: -80px -200px !important;
}

a.jzwo:hover {
	background-position: -120px -200px !important;
}

a.jzzdy {
	background-position: 0px -240px !important;
}

a.jzzdy:hover {
	background-position: -40px -240px !important;
}

a.jzfbzt {
	background-position: 0px -280px !important;
}

a.jzfbzt:hover {
	background-position: -40px -280px !important;
}

a.jzkfzx {
	background-position: -80px -280px !important;
}

a.jzkfzx:hover {
	background-position: -120px -280px !important;
}

#jzqrn {
	background: #fff !important;
	width: 160px !important;
	height: 196px !important;
	margin-left: 68px;
}

#jzqrn {
	border: 1px solid rgb(210, 210, 210);
	text-align: center;
}

#jzqrn p {
	font-size: 15px;
	padding-bottom: 15px;
	text-align: center;
	color: #999;
	font-family: Microsoft YaHei;
}

#jzwon {
	background: #fff !important;
	width: 231px !important;
	height: 260px !important;
}

#jzwon {
	border: 1px solid rgb(210, 210, 210);
}

#jzfxn {
	border: 1px solid rgb(210, 210, 210);
}

#jzfxn h3 {
	height: 23px;
	background: none repeat scroll 0% 0% rgb(250, 250, 250);
	border-bottom: 1px solid rgb(236, 236, 236);
	padding: 10px 0px 0px 10px;
}

#jzfxn .bdsharebuttonbox {
	padding: 13px 0px 0px 20px;
}

#jzfxn .bdsharebuttonbox a, #jzfxn .bdsharebuttonbox .bds_more {
	float: left;
	font-size: 14px;
	padding-left: 25px;
	line-height: 16px;
	text-align: left;
	height: 16px;
	background: url("../images/icons_1_16.png") no-repeat scroll 0px 0px;
	background-repeat: no-repeat;
	cursor: pointer;
	margin: 6px 6px 6px 0px;
	text-indent: 0;
	overflow: hidden;
	width: 68px;
}

#jzfxn .bdsharebuttonbox .bds_qzone {
	background-position: 0px -52px !important;
}

#jzfxn .bdsharebuttonbox .bds_tsina {
	background-position: 0px -104px !important;
}

#jzfxn .bdsharebuttonbox .bds_tqq {
	background-position: 0px -260px !important;
}

#jzfxn .bdsharebuttonbox .bds_renren {
	background-position: 0px -208px !important;
}

#jzfxn .bdsharebuttonbox .bds_tqf {
	background-position: 0px -364px !important;
}

#jzfxn .bdsharebuttonbox .bds_tieba {
	background-position: 0px -728px !important;
}

#jzfxn .bdsharebuttonbox .bds_sqq {
	background-position: 0px -2652px !important;
}

#jzfxn .bdsharebuttonbox .bds_hi {
	background-position: 0px -416px !important;
}

#jzfxn .bdsharebuttonbox .bds_isohu {
	background-position: 0px -3016px !important;
}

#jzfxn .bdsharebuttonbox .bds_weixin {
	background-position: 0px -1612px !important;
}

#jzfxn .bdsharebuttonbox .bds_t163 {
	background-position: 0px -832px !important;
}

#jzfxn .bdsharebuttonbox .bds_tsohu {
	background-position: 0px -520px !important;
}

#jzfxn .bdsharebuttonbox .bds_baidu {
	background-position: 0px -2600px !important;
}

#jzfxn .bdsharebuttonbox .bds_qq {
	background-position: 0px -624px !important;
}

#jz52top a b {
	visibility: hidden;
	font-weight: normal;
}

.img-box {
	overflow: hidden;
	display: block;
	position: relative;
	width: 100%;
	height: 0;
}

.img-box[data-ratio="16:9"] {
	padding-top: 72%;
}

.img-box[data-ratio="16:16"] {
	padding-top: 100%;
}

.img-box img {
	-o-object-fit: cover;
	object-fit: cover;
	transition: all 0.6s;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.img-box:hover img {
	transform: scale(1.1);
}

.wenad {
	width: 100%;
	margin-bottom: 20px;
	margin-top: 20px;
}

.wenad img {
	width: 100%;
}
/*blog*/
.blog {
	margin: 15px 20px;
	padding-bottom: 20px;
}

.blog .blog-title {
	font-size: 1.25em;
	font-weight: normal;
	line-height: 1.5em;
	margin-bottom: 10px;
}

.blog .blog-title a {
	color: #4986BA;
}

.blog .blog-title i {
	display: block;
	float: left;
	background-color: #96CC29;
	color: #fff;
	font-style: normal;
	font-size: 0.6em;
	padding: 0 5px;
	border-radius: 3px;
	height: 22px;
	line-height: 22px;
	margin: 5px 5px 0 0;
	font-family: '宋体';
}

.blog .excerpt {
	font-size: 0.875em;
	color: #555;
	margin-bottom: 10px;
}

.blog .readmore {
	font-size: 0.875em;
}

.blog .readmore a {
	color: #3CADFB;
}
/*site-post*/
.site-post {
	padding-bottom: 20px;
	position: relative;
}

.site-post .site-logo {
	margin: 30px 20px;
	background-color: #eee;
}

.site-post .site-info {
	padding: 30px 20px;
	width: 350px;
	float: left;
	position: relative;
}

.site-post .site-info h1 {
	font-size: 1.25em;
	color: #6699D5;
	line-height: 1.1em;
	margin-bottom: 10px;
}

.site-post .site-info ul li {
	font-size: 0.875em;
	color: #666;
}

.site-post .site-info ul li:last-child {
	height: 50px;
	overflow: hidden;
}

.site-post .site-go {
	float: right;
	padding: 60px 20px 0 0;
}

.site-post .site-go a {
	display: block;
	width: 100px;
	height: 40px;
	background-color: #6699D5;
	color: #fff;
	text-align: center;
	line-height: 38px;
	border-radius: 5px;
}

.site-post .site-go a:hover {
	background-color: #3CADFB;
}

.site-post .site-content {
	clear: both;
	margin: 20px 20px 0;
	border-top: 1px solid #eee;
	padding-top: 20px;
	position: relative;
	overflow: hidden;
}

.site-post .site-entry {
	float: left;
	width: 680px;
}

.site-post .site-entry h4,.site-related h3 {
	font-size: 1em;
	margin-bottom: 15px;
}

.site-post .site-entry p {
	font-size: 0.875em;
	margin-bottom: 10px;
	color: #555;
}

.site-post .site-entry img {
	max-width: 100%;
	height: auto;
}

.post-tags {
	clear: both;
	padding: 20px 0;
	font-size: 0.875em;
	color: #6699CC;
}

.post-tags a {
	color: #555;
	margin-left: 10px;
}

.post-tags a:hover {
	text-decoration: underline;
}
/*news-related*/
.site-post .news-related {
	width: 190px;
	float: right;
	background-color: #EBF6E0;
	border: 1px solid #B7EC82;
	padding: 15px;
}

.site-post .news-related {
	font-size: 1em;
}

.site-post .news-related h3 {
	font-size: 1em;
	margin-bottom: 10px;
	font-weight: normal;
	color: #649505;
}

.site-post .news-related ul li {
	font-size: 0.875em;
	list-style: none;
	color: #649505;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.75em;
}

.site-post .news-related ul li a {
	color: #649505;
}

.site-post .news-related ul li a:hover {
	text-decoration: underline;
	color: #6699D5;
}

.blog-post .news-related {
	width: auto;
	float: none;
	clear: both;
}

.blog-post .news-related h3 {
	font-weight: bold;
}
/*site-related*/
.site-related,.post-comments,#comment {
	margin: 20px 20px 0;
	clear: both;
}

.site-related ul {
	background-color: #EBF4FB;
	border: 1px solid #C9E2F1;
	padding: 15px 10px;
	overflow: hidden;
}

.site-related ul li {
	float: left;
	width: 121px;
	padding: 5px 15.1px;
}

.site-post .site-related .site-logo {
	margin: 0;
	background-color: transparent;
	padding: 0;
	border-radius: 3px;
	overflow: hidden;
	width: 100%;
}

.site-related ul li p {
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	clear: both;
	font-size: 0.875em;
	color: #555;
}

.site-related ul li p a {
	color: #555;
}

/*content*/
.content {
	background-color: #fff;
	padding: 20px 0;
	overflow: hidden;
}

#menu {
	margin: 15px;
	box-shadow: 0 0 3px #eee;
}

#menu ul {
	border-bottom: 1px solid #eee;
}

#menu ul li {
	height: 43px;
	line-height: 43px;
	text-align: center;
	font-size: 1em;
}

#menu ul li a {
	border: 1px solid #eee;
	border-bottom: none;
	display: block;
	color: #333;
}

#menu ul li a:hover,#menu ul li.curpage a {
	background-color: #96CC29;
	color: #fff;
	border-color: #96CC29;
}
/*links*/
.links ul {
	margin: 0 20px 20px;
	overflow: hidden;
}

.links ul li {
	float: left;
}

.links ul li a {
	float: left;
	margin: 0 10px;
	line-height: 40px;
	font-size: 14px;
	padding: 0 5px;
	position: relative;
	display: block;
}

.links ul li a:after {
	content: "";
	background: #1487f4;
	background: linear-gradient(to right, #0062ff 0%, #00a0ec 100%);
	width: 20%;
	height: 2px;
	position: absolute;
	bottom: 0;
	left: 40%;
	opacity: 0;
	-moz-transition: all .5s ease;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}

.links ul li a:hover:after {
	opacity: 1;
	width: 100%;
	margin: auto;
	display: block;
	left: 0;
}
/*shopview*/
.shopbox {
	overflow: hidden
}

.shopview {
	width: 40%;
	float: left;
	border: #f1f1f1 1px solid;
	padding: 0 10px;
	margin: 0 0 20px 20px;
}

.shopview .swiper-container {
	margin-bottom: 0;
	padding-bottom: 10px
}

.product {
	width: 50%;
	float: right;
	margin-right: 20px;
}

.product h1 {
	font-size: 18px;
	margin: 20px 0
}

.product p {
	margin: 10px 0;
}

.product span {
	display: inline-block;
}

.product-jianjie {
	background: #f9f8f8;
	padding: 10px;
	color: #555;
}

.product-jianjie span {
	font-weight: normal;
	color: #1487f4;
}

.product-scj em {
	text-decoration: line-through;
	color: #f00;
	font-style: normal;
}

a.btn-add {
	width: 180px;
	color: #FFF;
	border-color: #F40;
	background: #F40;
	font-size: 16px;
	line-height: 38px;
	display: block;
	text-align: center;
	border-radius: 5px;
	margin-top: 30px;
}

a.btn-add:hover {
	border-color: #F22D00;
	background: #F22D00;
}

.product-content {
	padding: 0 20px 20px 20px
}

.product-content p {
	margin-bottom: 20px
}

.product-content h2, .product-content h3, .product-content h4, .product-content h5, .product-content h6 {
	font-size: 16px;
	margin: 20px 0;
	position: relative;
}

.product-content h2:before, .product-content h3:before, .product-content h4:before, .product-content h5:before, .product-content h6:before {
	position: absolute;
	content: "";
	background: #1487f4;
	width: 3px;
	height: 100%;
	left: -10px;
	bottom: 0;
}

.product-content img {
	max-width: 100% !important;
	height: auto !important
}
/*product-suiji*/
.product-suiji ul {
	overflow: hidden;
	padding: 0 10px;
}

.product-suiji li {
	width: 25%;
	overflow: hidden;
	float: left;
	margin-bottom: 20px;
}

.product-suiji li a {
	display: block;
	margin: 0 5px 10px;
	overflow: hidden;
	border: #eaeaea 1px solid;
	padding-bottom: 10px;
	transition: .5s;
}

.product-suiji li i {
	height: 100px;
	line-height: 100px;
	overflow: hidden;
	display: block;
	background: #fcfcfc;
}

.product-suiji li i img, .product-love ul li img {
	width: 100%;
	vertical-align: middle;
	display: inline-block;
	transition: .5s;
}

.product-suiji li i:hover img, .product-love ul li i:hover img {
	transform: scale(1.2);
}

.product-suiji li h2, .product-love ul li h2 {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 15px;
	margin: 5px 0;
	font-weight: normal;
	padding: 0 10px;
}

.gytxt {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 15px;
	margin: 5px 0;
	font-weight: normal;
	padding: 0 10px;
}

.product-suiji li p, .product-love ul li p {
	font-size: 13px;
	color: #999;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-height: 20px;
	height: 40px;
	margin: 5px 0;
	padding: 0 10px;
}

.product-suiji span.price-area, .product-love ul span.price-area {
	float: left;
	display: block;
	font-size: 18px;
	color: #ff6600;
	padding-left: 10px;
}

.product-suiji span.pics-btn, .product-love span.pics-btn {
	float: right;
	background: #ff5522;
	border-radius: 2px;
	width: 80px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 14px;
	color: #ffffff;
	margin-right: 10px;
}

.product-suiji em, .product-love em {
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
}

.product-love {
	padding: 20px 20pxa 0 20px;
	overflow: hidden;
}

.product-love ul {
	overflow: hidden
}

.product-love ul li {
	width: 100%;
	overflow: hidden;
	margin-bottom: 20px;
}

.product-love ul li a {
	display: block;
	margin: 0 5px 10px;
	overflow: hidden;
	border: #eaeaea 1px solid;
	padding-bottom: 10px;
	transition: .5s;
}

.product-love ul li i {
	overflow: hidden;
	display: block;
	background: #fcfcfc;
}
/*post*/
.post {
	margin: 15px;
}

.post .post-title,.blog .post-title {
	font-size: 1.5em;
	color: #333;
	margin-bottom: 35px;
	line-height: 1.1em;
	text-align: center;
}

.post .entry p {
	font-size: 0.875em;
	color: #333;
	margin-bottom: 15px;
}

.post .entry a {
	color: #3A599A;
}

.post .entry img {
	height: auto;
	max-width: 100%;
}

.post .entry h1,.post .entry h2,.post .entry h3,.post .entry h4,.post .entry h5,.post .entry h6,.post .entry hr {
	margin-bottom: 15px;
	line-height: 1.5em;
}

.post .entry ul,.post .entry ol {
	margin: 0 0 15px 15px;
	font-size: 0.875em;
}

.post .entry ul li {
	list-style: inside disc none;
	font-size: 1em;
}

.post .entry ol li {
	list-style: inside decimal none;
	font-size: 1em;
}

.post .entry ol li p {
	display: inline;
	font-size: 1em;
}

.post .entry blockquote {
	overflow: hidden;
	margin: 0 15px 15px;
	background-color: #f9f9f9;
	border: 1px dashed #dedede;
	border-radius: 5px;
	padding: 15px 15px 0;
}

.post .entry hr {
	border: none;
	border-bottom: 1px solid #eee;
}
/*info-pre-next*/
.info-pre-next {
	overflow: hidden;
	margin: 20px 0;
}

.info-pre-next ul li {
	width: 50%;
	float: left;
	overflow: hidden;
}

.info-pre-next ul li a {
	display: block;
	overflow: hidden;
	color: #333;
}
.info-pre-next ul li a:hover{
	color: #3CADFB;
}

.info-pre-next ul li:nth-child(1) a {
	margin-right: 10px;
}

.info-pre-next ul li:nth-child(2) a {
	margin-left: 10px;
}

.info-pre-next ul li i {
	display: block;
	width: 130px;
	height: 80px;
	overflow: hidden;
	float: left;
	margin-right: 10px;
	position: relative;
}

.info-pre-next em {
	position: absolute;
	left: 0;
	top: 0;
	font-style: normal;
	color: #ffffff;
	font-size: 16px;
	width: 100%;
	line-height: 80px;
	text-align: center;
	background: rgba(0,0,0,.2);
	z-index: 1;
}

.info-pre-next img {
	width: 100%;
	transition: .5s;
}

.info-pre-next h2 {
	font-size: 15px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.info-pre-next p {
	font-size: 14px;
	margin-top: 10px;
	line-height: 20px;
	height: 40px;
	color: #888;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	-webkit-line-clamp: 2;
}

.info-pre-next li:hover img {
	transform: scale(1.2);
}
/*submit_site*/
.submit_site {
	width: 600px;
	margin: 0 auto;
	padding-top: 5%;
}

.submit_site .submit_input {
	overflow: hidden;
	padding: 10px 0;
}

.submit_site .text, .submit_site textarea {
	float: left;
	border: 1px solid #ddd;
	height: 24px;
	line-height: normal;
	padding: 5px;
	border-radius: 3px;
	display: block;
	width: 488px;
	font-family: 'Microsoft Yahei';
	font-size: 14px;
	color: #555;
}

.submit_site label {
	display: block;
	height: 36px;
	line-height: 36px;
	float: left;
	width: 95px;
	text-align: right;
	padding-right: 5px;
	color: #222;
}

.submit_site label i {
	font-style: normal;
	color: #f00;
}

.submit_site select {
	border: 1px solid #ddd;
	height: 36px;
	line-height: normal;
	width: 500px;
	padding-left: 5px;
	border-radius: 3px;
	font-family: 'Microsoft Yahei';
	font-size: 14px;
	color: #555;
}

.submit_site textarea {
	height: 150px;
}

.submit_site .submit {
	padding: 10px 0 10px 100px;
}

.submit_site .submit input {
	display: block;
	width: 36px;
	line-height: 36px;
	border: none;
	width: 120px;
	text-align: center;
	cursor: pointer;
	background-color: #3CADFB;
	color: #fff;
	border-radius: 3px;
}

.submit_site .submit_input span {
	display: block;
	clear: both;
	font-size: 12px;
	color: #a3a3a3;
	margin-left: 100px;
}

.submit_site .submit_input.submit_verify span {
	color: #f00;
	font-weight: bold;
}
/*blog-post*/
.blog-post {
	margin: 15px 20px;
}

.blog-post .post-title {
	color: #333;
	padding: 10px 0 15px;
	margin-bottom: 0;
	line-height: 1.5em;
	font-size: 1.75em;
	font-weight: normal;
}

.blog-post .postmeta {
	text-align: center;
	font-size: 0.75em;
	color: #999;
	margin-bottom: 20px;
	border-top: 1px solid #eee;
	padding-top: 5px;
}

.blog-post .postmeta span {
	padding: 2px 5px;
}
/*pagenavi*/
.pagenavi {
	padding: 15px 0;
	text-align: center;
	width: 100%;
	overflow: hidden
}

.pagenavi.commentpagebar {
	padding: 0;
}

.pagenavi a,.pagenavi span.now-page {
	display: inline-block;
	padding: 2px 10px;
	border: 1px solid #ddd;
	border-radius: 2px;
	font-size: 0.75em;
	color: #888;
	margin: 2px;
}

.pagenavi a:hover,.pagenavi span.now-page {
	border-color: #3CADFB;
	color: #3CADFB;
}
/*friendlinks*/
.friendlinks {
	text-align: left;
	padding: 15px;
}

.friendlinks ul {
	display: inline-block;
	overflow: hidden;
}

.friendlinks ul li {
	float: left;
	font-size: 0.75em;
	color: #999;
}

.friendlinks ul li + li {
	margin-left: 20px;
}

.friendlinks ul li a {
	color: #999;
}

.friendlinks ul li i {
	padding-right: 10px;
	color: #999;
}

.boxlink {
	position: relative;
	margin-bottom: 20px;
	background-color: #FFFFFF;
	box-shadow: 0 0 10px rgba(0,0,0,0.15);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.boxlink span.more {
	position: absolute;
	right: 15px;
	top: 9px;
	font-size: 0.75em;
}

.boxlink span.more a {
	color: #999;
}

.boxlink span.more i {
	font-style: normal;
}
/*footers*/
.boxfoot {
	width: 1200px;
	margin: auto;
	overflow: hidden
}

footers {
	background: #fff;
	width: 100%;
	padding: 30px 0;
	color: #777;
	position: relative;
	overflow: hidden
}

footers:before {
	content: "";
	background: #34aadc linear-gradient(to left, #1487f4, #5ac8fa, #007aff, #5ac8fa);
	height: 10px;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.wxbox {
	overflow: hidden;
	float: left;
	margin-right: 20px
}

.wxbox li {
	float: left;
	margin: 0 10px;
	text-align: center
}

.wxbox img {
	height: 100px
}

.wxbox p {
	font-size: 14px;
	line-height: 14px;
}

.endnav b {
	font-size: 16px;
	color: #333333;
	margin-bottom: 20px;
	display: block;
}

.endnav p {
	margin-bottom: 5px;
	font-size: 14px;
	line-height: 24px;
	color: #999999
}

.endnav a {
	color: #999999
}

.endnav a:hover {
	text-decoration: underline
}
/*footer*/
.footer {
	background-color: #fff;
	border-top: 1px solid #eee;
	padding: 20px 0;
	text-align: center;
}

.cd-top {
	display: inline-block;
	height: 40px;
	width: 40px;
	position: fixed;
	bottom: 180px;
	right: 10px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background: #3CADFB url("../images/cd-top-arrow.png") no-repeat center 50%;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.cd-top.cd-is-visible {
  /* the button becomes visible */
	visibility: visible;
	opacity: 1;
}

.cd-top.cd-fade-out {
  /* 如果用户继续向下滚动,这个按钮的透明度会变得更低 */
	opacity: .5;
}

.no-touch .cd-top:hover {
	background-color: #e86256;
	opacity: 1;
}

.post_comments {
	overflow: hidden;
	background-color: #fff;
	padding: 0 15px
}

#comments {
	border: 1px solid #e5e5e5;
	background-color: #fdfdfd;
	position: relative
}

#comment {
	overflow: hidden
}

#comment h4 {
	height: 45px;
	line-height: 45px;
	font-size: 16px;
	border-bottom: 1px solid #eee;
	font-weight: 400
}

#comment .ping {
	color: #333;
	padding-bottom: 10px;
	border-bottom: 1px dashed #ededed;
	height: 24px;
	line-height: 24px;
	font-size: 20px;
	font-weight: 400
}

#comment .compost {
	margin: 20px 0
}

.compost .com_name {
	margin: 10px 0;
	overflow: hidden;
	color: #3169b0
}

.compost .com_name a {
	color: #ff5e52
}

.compost .com_box {
	margin: 10px 0
}

.compost .com_box textarea {
	width: 100%;
	border: 1px solid #ddd;
	border-radius: 5px;
	display: block;
	padding: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.compost .com_info {
	margin: 0;
	overflow: hidden
}

.compost .com_info ul {
	list-style: none
}

.compost .com_info li {
	float: left;
	width: 32%;
	overflow: hidden;
	margin-bottom: 8px;
	margin-right: 2%
}

.compost .com_info li:nth-child(3n+3) {
	margin-right: 0px;
}

.compost .com_info li input {
	width: 95%;
	height: 40px;
	line-height: 40px;
	border: 1px solid #ddd;
	border-radius: 5px;
	padding-left: 10px;
}

@media screen and (max-width:980px) {
 
	.compost .com_info li {
		float: left;
		width: 100%;
		overflow: hidden;
		margin-bottom: 15px;
		margin-right: auto
	}
}

.compost .com_info li span {
	margin-left: 4px
}

.compost .com_info li span img {
	height: 30px;
	line-height: 30px;
	display: inline-block;
	vertical-align: top
}

.compost .com_info button {
	float: left;
	background-color: #3169b0;
	border: 0;
	border-radius: 3px;
	padding: 6px 10px;
	color: #fff;
	display: inline-block
}

#comment .comlist {
	margin: 10px 0
}

.comlist .title {
	font-size: 16px;
	overflow: hidden;
	height: 45px;
	line-height: 45px
}

.comlist ul {
	list-style: none;
	border-top: 1px solid #ededed
}

.comlist .pagebar {
	border-top: 1px solid #ededed
}

.comlist ul ul {
	margin-left: 3%
}

.comlist li {
	overflow: hidden;
	padding: 20px 0
}

.comlist li:hover {
	background-color: #fafafa
}

.comlist li img {
	float: left;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	margin-left: 12px
}

.comlist li .clbody {
	margin-left: 64px
}

.clbody .cinfo {
	overflow: hidden
}

.clbody .cinfo h5 {
	float: left;
	height: 18px;
	line-height: 18px;
	color: #3169b0;
	font-size: 14px;
	font-weight: 400
}

.clbody .cinfo span {
	float: right;
	margin-right: 10px
}

.clbody .cinfo span a {
	color: #3169b0
}

.clbody .cinfo span i {
	margin-right: 4px
}

.clbody em {
	color: #888;
	height: 24px;
	line-height: 24px;
	font-size: 12px;
	font-style: normal;
	display: block
}

.clbody p {
	line-height: 24px;
	color: #4a4a4a;
	overflow: hidden
}
.clbody p img{
	width: auto;
	height: auto;
}

.clbody p a {
	color: #3169b0
}

.bottom_tools {
	position: fixed;
	z-index: 999;
	right: 20px;
	bottom: 20px;
	font-size: 38px
}

.bottom_tools a {
	width: 50px;
	height: 50px;
	line-height: 46px;
	display: block;
	background-color: rgba(0,0,0,.6);
	color: #fff;
	text-align: center;
	margin-bottom: 4px
}

.bottom_tools a.topcomment {
	margin-bottom: 0;
	line-height: 50px
}

.bottom_tools a:hover {
	background-color: #3169b0
}

.qr_tool {
	width: 50px;
	height: 50px;
	line-height: 56px;
	text-align: center;
	color: #fff;
	background-color: rgba(0,0,0,.6);
	margin-bottom: 4px
}

.qr_tool:hover {
	background-color: #3169b0
}

.bottom_tools .qr_img {
	position: absolute;
	top: 0;
	left: -160px;
	width: 146px;
	height: 146px;
	display: none;
	background-color: #ededed;
	padding: 6px
}

.bottom_tools .qr_img img {
	width: 146px;
	height: 146px
}

.widgets {
	background-color: #fff;
	overflow: hidden;
	margin-bottom: 20px;
	box-shadow: 0 0 10px rgba(0,0,0,0.15);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.widgets h4 {
	font-size: 1em;
	padding: 8px 20px 8px 40px;
	border-bottom: 1px solid #eee;
	background: url("../images/ico.png") no-repeat 0 -63px;
}

.widgets .cenei {
	padding: 0 20px;
}

.widget {
	background-color: #fff;
	overflow: hidden;
	margin-bottom: 20px;
	box-shadow: 0 0 10px rgba(0,0,0,0.15);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.widget ul {
	list-style: none;
	padding: 10px 15px;
	overflow: hidden
}

.widget li {
	float: left;
	line-height: 26px;
	width: 50%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.widget li a {
	font-size: 14px;
	color: #666666
}

.widget h4 {
	font-size: 1em;
	padding: 8px 20px 8px 40px;
	border-bottom: 1px solid #eee;
	background: url("../images/ico.png") no-repeat 0 -63px;
}

.widget_div {
	padding: 10px 0;
	overflow: hidden
}

.widget_catalog ul ul {
	display: none
}

.widget_previous li {
	width: 100%;
	font-size: 15px;
	line-height: 32px;
}

.widget_previous li::before {
	content: "";
	width: 4px;
	height: 4px;
	background-color: #3169b0;
	border-radius: 50%;
	position: absolute;
	margin-top: 15px
}

.widget_previous li a {
	padding-left: 14px
}

.widget_hotpost ul {
	list-style: none
}

.widget_hotpost li {
	width: 100%;
	font-size: 15px;
	line-height: 32px;
}

.widget_hotpost li i {
	color: #999;
	font-size: 14px;
	padding-right: 10px;
	font-style: italic
}

.widget_hotpost li i.red {
	color: #f65220;
	font-size: 16px
}

.widget_tags ul {
	margin-right: -10px
}

.widget_tags li {
	width: auto;
	margin-right: 5px;
	margin-bottom: 5px
}

.widget_tags li a {
	display: block;
	padding: 0 5px;
	color: #333
}

.widget_tags li.tagbgc0 a {
	background-color: #4a4a4a
}

.widget_tags li.tagbgc1 a {
	background-color: #428bca
}

.widget_tags li.tagbgc2 a {
	background-color: #5cb85c
}

.widget_tags li.tagbgc3 a {
	background-color: #d9534f
}

.widget_tags li.tagbgc4 a {
	background-color: #567e95
}

.widget_tags li.tagbgc5 a {
	background-color: #b433ff
}

.widget_tags li.tagbgc6 a {
	background-color: #00aba9
}

.widget_tags li.tagbgc7 a {
	background-color: #b37333
}

.widget_tags li.tagbgc8 a {
	background-color: #f60
}

.widget_tags li.tagbgc9 a {
	background-color: #d8b303
}

.widget_comments li {
	width: 100%;
	margin-bottom: 8px;
	overflow: hidden;
	white-space: inherit
}

.widget_comments li img {
	float: left;
	width: 40px;
	height: 40px;
	border-radius: 3px;
	margin-right: 10px
}

.widget_comments li p {
	color: #666;
	font-size: 13px
}

.widget_comments li span {
	display: inline-block;
	color: #999;
	font-size: 12px
}

.widget_calendar #tbCalendar {
	width: 100%;
	text-align: center
}

.widget_calendar caption {
	background-color: #fafafa;
	height: 20px;
	line-height: 20px
}

.widget_calendar td a {
	display: block;
	margin: 0 5px;
	background: #3169b0;
	color: #fff
}

.widget_author {
	padding-top: 20px
}

.widget_author .title {
	text-align: center;
	border-bottom: 1px solid #eee;
	padding-bottom: 10px
}

.widget_author .title img {
	border-radius: 50%;
	width: 50px;
	height: 50px;
	overflow: hidden;
	margin-bottom: 5px
}

.widget_author .title h5 {
	font-weight: 400;
	font-size: 16px
}

.widget_author .title p {
	line-height: 24px
}

.widget_author li {
	width: 100%;
	overflow: hidden;
	font-size: 15px;
	line-height: 32px;
}

.widget_author li::before {
	content: "";
	width: 4px;
	height: 4px;
	background-color: #3169b0;
	border-radius: 50%;
	position: absolute;
	margin-top: 15px
}

.widget_author li a {
	padding-left: 14px;
	color: #444;
	line-height: 24px
}

.widget_tuijian .box {
	width: 100%;
	height: 0;
	padding-bottom: 60%;
	overflow: hidden;
	position: relative;
	background-color: #fff;
	margin: 10px 0
}

.widget_tuijian .box:hover {
	-moz-opacity: .9;
	opacity: .9
}

.widget_tuijian .box img {
	width: 100%;
	height: 100%
}

.widget_tuijian .box p {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 98%;
	height: 28px;
	line-height: 28px;
	background-color: rgba(0,0,0,.6);
	color: #fff;
	padding: 0 10px
}

.widget_tuijian2 .box {
	width: 266px;
	height: 162px;
	overflow: hidden;
	position: relative;
	margin: 0px 0px 5px 5px
}

.widget_tuijian2 .box:hover {
	-moz-opacity: .9;
	opacity: .9
}

.widget_tuijian2 .box img {
	width: 100%;
	height: auto;
}

.widget_tuijian2 .box p {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 98%;
	height: 28px;
	line-height: 28px;
	background-color: rgba(0,0,0,.6);
	color: #fff;
	padding: 0 10px
}

.article_content {
	padding: 10px 0;
	overflow: hidden;
	color: #555;
	font-size: 16px;
	line-height: 32px;
	word-break: break-all;
	word-wrap: break-word;
	padding-bottom: 5px;
	position: relative
}

.article_content img {
	max-width: 100%;
	height: auto
}

@media screen and (max-width:980px) {
	.article_content img {
		width: auto
	}
}

.article_content h1,.article_content h2,.article_content h3,.article_content h4,.article_content h5,.article_content h6 {
	margin-bottom: 18px;
	background-color: #fbfbfb;
	color: #333;
	border-left: 4px solid #3169b0;
	padding-left: 10px;
	margin: 10px 0;
	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px;
	font-weight: 400
}

.article_content h2 {
	font-size: 24px
}

.article_content h2 {
	font-size: 20px
}

.article_content h3 {
	font-size: 18px
}

.article_content h4 {
	font-size: 16px
}

.article_content h5 {
	font-size: 14px
}

.article_content h6 {
	font-size: 14px
}

.article_content ol,.article_content ul {
	margin: 0 0 18px 50px
}

.article_content ul {
	list-style: disc
}

.article_content ol {
	list-style: decimal
}

.article_content li {
	margin-bottom: 6px
}

.article_content p {
	margin: 12px 0;
	color: #555;
	line-height: 32px;
	word-wrap: break-word
}

.article_content pre {
	word-wrap: break-word
}

.article_content table {
	border-top: solid 1px #ddd;
	border-left: solid 1px #ddd;
	width: 100%;
	margin-bottom: 18px
}

.article_content table th {
	background-color: #f9f9f9;
	text-align: center
}

.article_content table td,.article_content table th {
	border-bottom: solid 1px #ddd;
	border-right: solid 1px #ddd;
	padding: 5px 10px
}

.article_content .alignnone {
	margin: 0 auto
}

.article_content .alignleft {
	float: left;
	text-align: left;
	margin-right: 10px
}

.article_content .aligncenter {
	margin: 0 auto;
	text-align: center;
	display: block
}

.article_content .alignright {
	float: right;
	text-align: right;
	margin-left: 10px
}

.article_content a {
	color: #3169b0
}

.article_content a:hover {
	color: #f40;
	text-decoration: underline
}

.article_content pre,.comment pre {
	font-size: 14px;
	background: #ededed
}

.article_content blockquote {
	margin: 20px 0;
	padding: 15px 20px 1px;
	border-left: 5px solid #3169b0;
	background-color: #fafafa
}

.article_content blockquote p {
	margin: 0;
	padding: 0;
	margin-bottom: 10px
}

.article_content embed,.article_content iframe,.article_content video {
	width: 100%
}

.rights {
	margin: 40px 0;
	counter-increment: #999;
	line-height: 26px;
	overflow: hidden;
	padding-bottom: 30px;
	border-bottom: 1px solid #ededed
}

.rights h5 {
	font-weight: 400;
	font-size: 16px;
	color: #333;
	margin-bottom: 20px
}

#share {
	overflow: hidden
}

#share .sharel {
	float: left;
	margin-top: 10px
}

#share .sharel p {
	color: #333;
	font-size: 16px;
	line-height: 42px
}

.bdsharebuttonbox a.bds_weixin_icon {
	width: 55px;
	height: 55px;
	background: url(../images/icon_weixin.png) no-repeat center
}

.bdsharebuttonbox a.bds_tsina_icon {
	width: 55px;
	height: 55px;
	background: url(../images/icon_weibo.png) no-repeat center
}

.bdsharebuttonbox a.bds_sqq_icon {
	width: 55px;
	height: 55px;
	background: url(../images/icon_qq.png) no-repeat center
}

.bdsharebuttonbox a.bds_qzone_icon {
	width: 55px;
	height: 55px;
	background: url(../images/icon_qqzone.png) no-repeat center
}

.bdsharebuttonbox a.bds_more_icon {
	width: 55px;
	height: 55px;
	background: url(../images/icon_more.png) no-repeat center
}

#share .sharer {
	float: right;
	width: 207px
}

.sharer i {
	width: 100%;
	height: 14px;
	background: url(../images/qrcode-tope.png) no-repeat top;
	display: block
}

.sharer .qrimg {
	border: 1px solid #ededed;
	height: 155px;
	border-top: 0;
	text-align: center;
	position: relative
}

.sharer .qrimg canvas {
	padding-top: 12px
}

.sharer .qrimg p {
	position: absolute;
	bottom: 5px;
	left: 0;
	right: 0;
	font-size: 14px;
	color: #999
}

.article_content embed,.article_content iframe,.article_content video {
	width: 100%
}

#share .sharel {
	float: none;
	display: block;
	margin-bottom: 20px
}

#share .sharer {
	float: none;
	display: block;
	width: 207px;
	margin: 0 auto
}

.related ul {
	margin-right: -2%
}

.related li {
	width: 48%;
	margin-right: 2%
}

.related li .img {
	height: 100px
}

.mainr {
	width: 100%;
	display: none
}

.fad,.homead,.navbad {
	margin-bottom: 10px;
	display: none
}}

@media only screen and (min-width: 768px) {
	.cd-top {
		right: 10px;
		bottom: 180px;
	}
}

@media only screen and (min-width: 1024px) {
	.cd-top {
		height: 40px;
		width: 40px;
		right: 10px;
		bottom: 180px;
	}

	.pics-list-price li i {
		height: 150px;
		line-height: 150px
	}
}
/*screen width*/
@media only screen and (max-width:1280px) {
	.inner {
		width: 1024px;
	}

	.logo {
		padding: 30px 25px 30px 0;
	}

	.search-form .s {
		width: 350px;
	}

	.notice {
		width: 230px;
	}

	.nav ul li {
		font-size: 0.875em;
		width: 112px;
	}

	.main {
		width: 800px;
	}

	.box ul li {
		width: 236px;
	}

	.box2 ul li {
		width: 236px;
	}

	.site-related ul li {
		width: 103px;
		padding: 5px 10px;
	}

	.section .site-intro {
		width: 584px;
	}

	.section .site-intro {
		width: 584px;
	}

	.sectionwen .site-intro {
		width: 534px;
	}

	.sectionwen .site-intro {
		width: 534px;
	}

	.site-post .site-entry {
		width: 520px;
	}

	.product-suiji li {
		width: 33.333%
	}

	.product-suiji li:last-child {
		display: none
	}

	.product {
		margin: 0 10px
	}

	.boxfoot {
		width: 100%;
		margin: auto;
		overflow: hidden
	}
}

@media only screen and (max-width:1080px) {
	.inner {
		width: 940px;
	}

	.logo {
		padding: 30px 0;
	}

	.search-form .s {
		width: 300px;
	}

	.nav ul li {
		width: 102px;
	}

	.main {
		width: 720px;
	}

	.box .site-logo {
		width: 80px;
		height: 80px;
	}

	.box .site-logo img {
		height: 80px;
	}

	.box ul li {
		width: 210px;
	}

	.box2 .site-logo {
		width: 82px;
		height: 82px;
	}

	.box2 .site-logo img {
		height: 80px;
	}

	.box2 ul li {
		width: 210px;
	}

	.site-related ul li {
		width: 91.6px;
		padding: 5px 9px;
	}

	.section .site-intro {
		width: 504px;
	}

	.sectionwen .site-intro {
		width: 454px;
	}

	.site-post .site-entry {
		width: 480px;
	}

	.site-post .news-related {
		width: 150px;
	}

	.blog-post .news-related {
		width: auto;
	}

	.index-cms {
		margin-left: 0;
	}

	.index-cms dl,.hot,.list-cms dl {
		margin-left: 0;
		width: 100%;
		padding: 0;
	}

	.index-cms dl {
		margin-bottom: 20px;
	}
}

@media only screen and (max-width:980px) {
	.inner {
		width: 820px;
	}

	.search-form {
		margin: 35px 0 0 20px;
	}

	.search-form .s {
		width: 250px;
	}

	.notice {
		width: 200px;
	}

	.nav ul li {
		width: 89px;
	}

	.sidebar {
		width: 180px;
	}

	.main {
		width: 620px;
	}

	.box ul li {
		width: 280px;
	}

	.box2 ul li {
		width: 280px;
	}

	.site-post .site-info {
		width: 300px;
		padding: 30px 0;
	}

	.site-related ul li {
		width: 81px;
		padding: 5px 6px;
	}

	.site-related ul li p {
		font-size: 0.75em;
	}

	.section .site-intro {
		width: 404px;
	}

	.section .site-intro {
		width: 404px;
	}

	.sectionwen .site-intro {
		width: 354px;
	}

	.sectionwen .site-intro {
		width: 354px;
	}

	.site-post .site-entry {
		width: 380px;
	}

	.banner {
		width: 56%
	}

	.headline-box {
		width: 42%
	}

	.pics-list-price li i {
		height: 140px;
		line-height: 140px
	}

	.pics-list-price li a {
		margin: 0 2px
	}
}

@media only screen and (max-width:860px) {
	.inner {
		width: 768px;
	}

	.search-form .s {
		width: 220px;
	}

	.search-form .submit {
		padding: 0 15px;
	}

	.nav ul li {
		width: 83px;
	}

	.sidebar {
		width: 100%;
	}

	.main {
		width: 100%;
	}

	.box ul li {
		width: 226px;
	}

	.box2 ul li {
		width: 226px;
	}

	.site-related ul li {
		width: 97.6px;
		padding: 5px 10px;
	}

	.section .site-intro {
		width: 552px;
	}

	.sectionwen .site-intro {
		width: 502px;
	}

	#menu ul {
		overflow: hidden;
		border-right: 1px solid #eee;
	}

	#menu ul li {
		float: left;
		width: 20%;
		font-size: 0.75em;
	}

	#menu ul li a {
		border-right: none;
	}

	.site-post .site-entry {
		width: 520px;
	}

	.banner {
		width: 50%
	}

	.headline-box {
		width: 48%
	}

	.pics-list-box li a, .pics-list-price li a {
		margin: 0 5px 5px
	}

	.pics-list-box li i {
		height: 140px;
	}

	.product {
		width: 45%
	}

	.product-suiji li {
		width: 33.333%
	}

	.product-suiji li i {
		height: 90px;
		line-height: 90px;
	}

	.product-suiji li:last-child {
		display: none
	}
}

@media only screen and (max-width:800px) {
	/*global*/	
	.inner {
		width: 95%;
	}

	.blank {
		height: 30px;
		width: 100%;
	}

	.content {
		margin: 20px auto;
	}

	.header {
		border-bottom: 1px solid #ededed;
		box-shadow: 0 1px 2px #eee;
		background: -moz-linear-gradient(top,#f0f0f0,#fff);
		background: -webkit-linear-gradient(top,#f0f0f0,#fff);
		background: -o-linear-gradient(top,#f0f0f0,#fff);
		margin-bottom: -50px;
	}

	.logo {
		padding: 10px 0;
	}

	.search-form {
		margin: 15px 0 0 20px;
	}

	.box ul li {
		width: 29.427083%;
		padding: 10px 1.953125%;
	}

	.box .site-intro {
		height: 36px;
		overflow: hidden;
	}

	.box2 ul li {
		width: 29.427083%;
		padding: 10px 1.953125%;
	}

	.box2 .site-intro {
		height: 36px;
		overflow: hidden;
	}

	.site-post .site-logo {
		width: 19.736842%;
		margin: 30px 2.604167%;
	}

	.site-related ul li {
		width: 13.555556%;
		padding: 5px 1.498889%;
	}

	.section .site-intro {
		width: auto;
		float: none;
	}

	.sectionwen .site-intro {
		width: auto;
		float: none;
	}

	.site-post .site-entry {
		width: 70%;
	}

	.site-post .news-related {
		width: 23%;
	}

	.blog-post .news-related {
		width: auto;
	}
	/*notice*/
	.notice {
		width: 100%;
		margin-top: 0;
		position: absolute;
		left: 0;
		top: 75px;
		z-index: 1;
	}
	/*navbtn*/
	.mobilenav,.mobilesch {
		position: absolute;
		right: 5px;
		top: 0;
		width: 70px;
		height: 100%;
		cursor: pointer;
		z-index: 1;
		-webkit-tap-highlight-color: transparent;
	}

	.mobilenav .navbtn {
		width: 40px;
		height: 30px;
		padding-bottom: 5px;
		position: absolute;
		top: 50%;
		left: 50%;
		margin: -17.4px 0 0 -20px;
	}

	.navbtn i {
		display: block;
		width: 40px;
		height: 5px;
		background-color: #999;
		margin: 5px auto 0;
		border-radius: 2.5px;
	}

	.mobilenav.curbtn,.mobilesch.cursch {
		box-shadow: 0 0 3px #aaa;
		background: -moz-linear-gradient(top,#ddd,#fff);
		background: -webkit-linear-gradient(top,#ddd,#fff);
		background: -o-linear-gradient(top,#ddd,#fff);
	}

	.mobilenav.curbtn i {
		background-color: #aaa;
	}
	/*nav*/
	.nav,.search-form {
		position: absolute;
		top: 71px;
		right: 10px;
		width: 120px;
		height: auto;
		z-index: 2;
		background-color: #EFEFEF;
		box-shadow: 0 0 3px #aaa;
		border: 1px solid #fff;
		display: none;
	}

	.nav.open {
		display: block;
	}

	.nav .inner {
		width: 100%;
	}

	.nav ul li {
		border: none;
		float: none;
		width: 100%;
		border-bottom: 1px solid #dedede;
		border-top: 1px solid #fff;
	}

	.nav ul li.nl {
		border-top: none;
	}

	.nav ul li.nr {
		border-bottom: none;
	}

	.nav ul li a {
		color: #333;
	}

	.nav ul li a:hover {
		background-color: transparent;
		color: #333;
	}

	.nav ul li ul {
		display: block;
		position: relative;
		left: auto;
		top: auto;
		background-color: #fafafa;
		border-top: 1px solid #dedede;
	}
	/*mobilesch*/
	.mobilesch {
		right: 65px;
	}

	.mobilesch .schbtn {
		display: block;
		background: url("../images/ico.png") no-repeat 20px 20px;
		position: absolute;
		width: 100%;
		height: 100%;
		z-index: 2;
	}

	.search-form {
		position: absolute;
		right: 55px;
		width: 280px;
		top: 70px;
		margin: 0;
		z-index: 2;
		padding: 5px;
	}

	.search-form.open {
		display: block;
	}

	.search-form .s {
		width: 197px;
	}
	
	/*submit_site*/
	.submit_site {
		width: 480px;
	}

	.submit_site .text, .submit_site textarea {
		width: 368px;
	}

	.submit_site select {
		width: 380px;
	}

	.banner {
		width: 100%;
		height: 100%;
	}

	.headline-box {
		width: 100%;
	}

	.pics-list-price li {
		width: 33.3333%
	}

	.dsstop {
		display: none
	}

	.down-tuijian ul li {
		width: 26%;
		float: left;
		overflow: hidden;
		margin-left: 3.6%;
		margin-right: 3.6%;
	}
}

@media only screen and (max-width:640px) {
	.box ul li {
		width: 46%;
		padding: 10px 2%;
	}

	.box2 ul li {
		width: 46%;
		padding: 10px 2%;
	}

	.site-post .site-logo {
		width: 125px;
		height: 125px;
	}

	.site-post .site-related .site-logo {
		height: auto;
	}

	.site-post .site-info {
		width: 49.342105%;
	}

	.site-post .site-info ul li {
		font-size: 0.75em;
	}

	.site-post .site-info ul li:last-child {
		display: none;
	}

	.site-post .site-go {
		position: absolute;
		right: 20px;
		top: 60px;
		padding: 0;
	}

	.site-post .site-go a {
		font-size: 0.875em;
		width: 80px;
		height: 35px;
		line-height: 33px;
	}

	.section .site-intro .excerpt {
		height: 73px;
		overflow: hidden;
	}

	.sectionwen .site-intro .excerpt {
		height: 73px;
		overflow: hidden;
	}

	.site-post .site-entry,.site-post .news-related {
		width: auto;
		float: none;
	}

	.site-post .news-related {
		margin-top: 10px;
	}

	.site-post .news-related ul {
		overflow: hidden;
	}

	.site-post .news-related ul li {
		float: left;
		width: 100%;
		padding-right: 0%;
	}

	.blog-post .news-related ul li {
		float: none;
		width: auto;
		padding-right: 0;
	}

	.news-zuixin-pic {
		width: 60px;
		height: 60px;
	}

	.news-zuixin-pic img {
		height: 60px;
	}

	.news-zuixin li {
		width: 100%
	}

	.news-zuixin p {
		font-size: 12px
	}

	.news-zuixin li:nth-child(n+5) {
		display: none
	}

	.whitebg {
		border: none;
		overflow: hidden;
	}
}

@media only screen and (max-width:540px) {
	/*submit_site*/
	.submit_site {
		width: 250px;
	}

	.submit_site .submit_input {
		padding: 5px 0;
	}

	.submit_site label {
		float: none;
		width: auto;
		text-align: left;
	}

	.submit_site .text, .submit_site textarea {
		float: none;
		width: 238px;
	}

	.submit_site select {
		width: 250px;
	}

	.submit_site .submit {
		padding-left: 0;
	}

	.submit_site .submit_input span {
		margin-left: 0;
	}

	.share {
		display: block
	}

	.share img {
		float: none;
		margin: 10px auto;
	}

	.share-text {
		padding: 0 10px;
		word-break: break-all;
	}

	.info-pre-next ul li {
		width: 100%;
		overflow: hidden;
		float: none;
		margin-bottom: 10px;
		border-bottom: #eee 1px solid;
		padding-bottom: 10px;
	}

	.info-pre-next ul li:last-child {
		border-bottom: none
	}

	.info-pre-next ul li:nth-child(1) a {
		margin-right: 0;
	}

	.info-pre-next ul li:nth-child(2) a {
		margin-left: 0;
	}

	.info-pre-next em {
		line-height: 70px;
		font-size: 12px;
	}

	.info-pre-next ul li i {
		width: 70px;
		height: 70px;
	}

	.info-pre-next img {
		height: 70px;
		width: auto
	}

	.newstext-box {
		padding: 0 20px 0;
	}

	.info-pre-next {
		margin: 10px 0;
	}
}

@media only screen and (max-width:480px) {
	.site-post .site-go {
		position: relative;
		right: auto;
		top: auto;
		clear: both;
		width: 95%;
		padding: 0px 2.5% 20px 0px;
	}

	.site-post .site-go a {
		width: 100%;
		height: 40px;
		line-height: 38px;
		float: right;
	}

	.site-related ul li {
		width: 27.111112%;
		padding: 5px 2.997778%;
	}

	.commentslist li {
		margin: 10px;
	}

	.commentslist .gravatar {
		width: 40px;
		height: 40px;
		display: none;
	}

	.commentslist .cmtwrap {
		padding: 0;
	}

	.commentslist li li {
		margin: 10px 0 10px 30px;
	}

	.commentslist .cmtwrap i.subcmt {
		width: 10px;
		height: 30px;
		top: 0;
		left: -20px;
	}

	.section .site-logo {
		width: 120px;
	}

	.section .site-intro .site-more {
		display: none;
	}

	.sectionwen .site-logo {
		width: 120px;
	}

	.sectionwen .site-intro .site-more {
		display: none;
	}

	.sectionwen .site-intro .excerpt {
		display: none;
	}

	.links ul {
		margin: 0 10px 10px;
	}

	.pics-list-price li {
		width: 50%;
		margin-bottom: 10px;
	}

	.pics-list-price span.pics-btn, .pics-list-price li p {
		display: none;
	}

	.pics-list-price li h2 {
		line-height: 20px;
		font-size: 14px;
		-webkit-box-orient: vertical;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		white-space: inherit;
		height: 40px;
	}

	.pics-list-price li i {
		height: 120px;
		line-height: 120px;
	}

	.shopview {
		width: 90%;
		padding: 0;
		border: 0;
		margin: auto;
		float: none;
	}

	.product {
		padding: 0 20px;
		margin-right: 0;
		float: none;
		width: 90%;
	}

	.product-suiji li {
		width: 50%;
	}

	.product-suiji li i {
		height: 110px;
		line-height: 110px;
	}

	.product-suiji li:nth-child(n+3) {
		display: none
	}

	.footers {
		padding: 30px 0 70px
	}

	.wxbox {
		width: 100%;
		text-align: center;
		margin-bottom: 20px
	}

	.wxbox li {
		float: none;
		display: inline-block
	}

	.endnav b {
		display: none
	}

	.endnav {
		text-align: center;
		padding: 0 20px;
	}

	.wztitle-list li span {
		display: none
	}
}

@media only screen and (max-width:420px) {
	.box ul li {
		float: none;
		width: auto;
		padding: 10px 3%;
	}

	.box2 ul li {
		float: none;
		width: auto;
		padding: 10px 3%;
	}

	.search-form {
		right: 5px;
	}

	#comment .text {
		width: 160px;
	}
}

@media only screen and (max-width:360px) {
	#comment .text {
		width: 140px;
	}

	.section .site-logo {
		width: 100px;
		margin-bottom: 0;
	}

	.section .site-intro h2 {
		margin-bottom: 5px;
	}

	.section .site-intro {
		padding-bottom: 0;
	}

	.sectionwen .site-logo {
		width: 100px;
		margin-bottom: 0;
	}

	.sectionwen .site-intro h2 {
		margin-bottom: 5px;
	}

	.sectionwen .site-intro {
		padding-bottom: 0;
	}
}

.post-ad2 {
	margin: 20px 20px 0;
	clear: both;
}

.pcd_ad {
	display: block;
}

.mbd_ad {
	display: none
}

@media(max-width:768px) {
	.pcd_ad {
	
	}

	.mbd_ad {
		display: block !important;
	}
}

.post-tags {
	width: 100%;
	margin: 0;
	padding: 10px 0 10px 0;
	font-size: 14px;
	color: #666;
	text-align: left;
	text-indent: 0;
}

.post-tags i {
	margin-right: 8px;
	color: #666;
	vertical-align: -1px;
}

.post-tags a {
	color: #333333
}




.meihua_1 {
	display: block;
	margin-top: 10px;
	padding: 5px 10px;
	background-color: #ea4c89;
	color: #FFF;
	font-weight: bold;
	font-size: 18px;
	font-family: "Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif;
}
.meihua_2 {
	background-color: #fff;
	margin-bottom: 20px;
	box-shadow: 0 1px 2px rgba(15,39,65,0.1);
	font-family: "Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif;
}
.meihua_2 .meihua_2_1 {
	height: auto;
	overflow: hidden;
	background-color: #FFF;
	border: 1px solid #DDDDDD;
	border-width: 1px 1px 1px 1px;
	padding: 20px;
}
.meihua_2 .meihua_2_1 p {
	margin: 5px auto!important;
}
.meihua_2 .meihua_2_1 .meihua_btn {
float: left;
    border: 1px solid #8a8a8a;
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    padding-left: 40px;
    margin: 10px 10px 0 0;
    overflow: hidden;
    border-radius: 2px;
	background: url("../images/30.png")/*tpa=/images/30.png*/ no-repeat 5px 3px #4abd96;
    border: 1px solid #4abd96;
    color: #FFF;
    text-decoration: none;    padding-right: 10px;
}
.meihua_2 .meihua_2_1 .meihua_btn i {
	margin-right: 5px
}
.meihua_2 .meihua_2_1 .meihua_btn:hover {
	background-color: #3169b0
}
.video {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}
.video iframe,
.video object,
.video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.short-btn {
    float: left;
    border: 1px solid #8a8a8a;
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    padding-left: 40px;
    margin: 10px 10px 0 0;
    overflow: hidden;
    border-radius: 2px;
    background: url("../images/10.png")/*tpa=/images/10.png*/ no-repeat 5px 3px #4abd96;
    border: 1px solid #4abd96;
    text-decoration: none;color: #FFF!important;padding-right: 10px;text-decoration: none; 
}
.short-btn:hover {
	background-color: #3169b0
}