/* AB模版网 做最好的织梦整站模板下载网站 */
/* 网址：Www.AdminBuy.Cn */
/* 图标大全：Sc.AdminBuy.Cn 专业建站素材网站 */
/* QQ：9490489 */
@charset "utf-8";
html, body, div, header, nav, head, span, object, iframe, section, aside, article, h1, h2, h3, h4, img, ol, ul, dl, p {
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
}
ul {
	list-style: none;
}
li {
	list-style-type: none;
}
h1, h2, h3, h4 {
	line-height: 24px;
	font-family: 微软雅黑;
	font-weight: normal;
	color: inherit;
	text-rendering: optimizelegibility;
}
article, aside, dialog, footer, header, section, footer, nav, figure, menu, hgroup {
	display: block;
}
a {
	color: #666;
}
a:hover, a:active {
	outline: 0;
	color: #ff4466;
}
a, a:hover {
	text-decoration: none;
}
img {
	width: auto;
	height: auto;
	display: block;
	margin: 0 auto;
}
table {
	border-spacing: 0;
}
label, select, button, input[type="button"], input[type="reset"], input[type="submit"], input[type="radio"], input[type="checkbox"] {
	cursor: pointer;
	vertical-align: middle;
}
.clearfix:after, .clear:after {
	content: "";
	display: table;
	clear: both;
}
.left {
	float: left;
}
.right {
	float: right;
}
a, i, li, ul, input, form, textarea, .post {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
a, input, textarea, b, img, button, i, li, span, .post-main > div, .post-content p, .post-content h3, .swiper-button, .exif_popup ul, *:before, *:after {
	-moz-transition: all ease-in-out 0.35s;
	-webkit-transition: all ease-in-out 0.35s;
	-o-transition: all ease-in-out 0.35s;
	-ms-transition: all ease-in-out 0.35s;
	transition: all ease-in-out 0.35s;
}
body {
	background-color: #fff;
	font: 12px Verdana, 宋体, Geneva, sans-serif;
	overflow-x: hidden;
	overflow-y: scroll;
	line-height: 24px;
	color: #666;
}
.wrapper {
	margin: 0 auto;
}
.container .wrapper {
	overflow: hidden;
}
.layout_ul {
	font-size: 0;
}
.layout_li {
	font-size: 12px;
	display: inline-block;
	vertical-align: top;
}
select {
	background-color: #fff;
	background-image: url(../images/select-arrow.png);
	background-repeat: no-repeat;
	background-position: center right;
	border: 1px #eee solid;
	outline: none;
	display: inline-block;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding: 8px 32px 8px 8px;
}
@font-face {
	font-family: 'salong';
	src: url('../font/salong.eot');
	src: url('../font/salong.eot?#iefix') format('embedded-opentype'), url('../font/salong.woff') format('woff'), url('../font/salong.otf') format('opentype'), url('../font/salong.ttf') format('truetype'), url('../font/salong.svg#salong') format('svg');
	font-style: normal;
	font-weight: normal;
}
[class^="icon-"]:before, [class*="icon-"]:before {
	display: inline-block;
	font-family: "salong";
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 24px;
	text-align: center;
	text-decoration: inherit;
	text-transform: none;
}
.top-menu, .header-menu {
	text-align: center;
	margin: 28px 0;
}
.top-menu > ul > li, .header-menu > ul > li {
	display: inline-block;
	position: relative;
}
.top-menu > ul > li > a {
	padding: 8px 16px;
}
.header-menu > ul > li > a {
	padding: 16px;
}
.top-menu > ul > li > a {
	color: #999;
}
.top-menu > ul > li > a:hover {
	color: #333;
}
.header-menu > ul > li:hover a {
	background-color: #f8f8f8;
	color: #333;
}
.header-menu {
	position: relative;
}
.header-menu:before {
	position: absolute;
	content: '';
	top: 12px;
	right: 0;
	left: 0;
	height: 1px;
	width: 100%;
	background-color: #eee;
	z-index: -1;
}
.header-menu > .menu {
	display: inline-block;
	background-color: #fff;
}
.logo {
	text-align: center;
	font-size: 36px;
	line-height: 36px;
	font-family: 'salong';
	letter-spacing: 6px;
}
.logo a {
	color: #f46;
}
.logo a:hover {
	empty-cells: 02b 57px;
}
#responsive-nav {
	display: none;
	width: 100%;
	background-color: #fff;
	border: 1px #eee solid;
	padding: 4px;
}
.sub-menu {
	position: absolute;
	top: 36px;
	z-index: 1000;
	min-width: 100%;
	max-height: 0;
	-webkit-perspective: 400px;
	-moz-perspective: 400px;
	-ms-perspective: 400px;
	-o-perspective: 400px;
	perspective: 400px;
}
.sub-menu li {
	opacity: 0;
	-webkit-transform: rotateY(90deg);
	-moz-transform: rotateY(90deg);
	-ms-transform: rotateY(90deg);
	-o-transform: rotateY(90deg);
	transform: rotateY(90deg);
	border-top: 1px #fff solid;
	border-bottom: 1px #eee solid;
	min-width: 100%;
	visibility: hidden;
}
.sub-menu li:first-child {
	border-top: none;
}
.sub-menu li:last-child {
	border-bottom: 3px #e02b57 solid;
}
.header-menu .sub-menu li a, .top-menu .sub-menu li a {
	display: block;
	background-color: #f8f8f8;
	white-space: nowrap;
	padding: 8px 12px;
}
.header-menu .sub-menu li a:hover, .top-menu .sub-menu li a:hover {
	background-color: #e02b57;
	color: #fff;
}
.menu > li:hover .sub-menu li, .menu > li:focus .sub-menu li {
	opacity: 1;
	visibility: visible;
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
}
.menu li:hover .sub-menu li:nth-child(1) {
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-ms-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;
}
.menu li:hover .sub-menu li:nth-child(2) {
	-webkit-transition-delay: 50ms;
	-moz-transition-delay: 50ms;
	-ms-transition-delay: 50ms;
	-o-transition-delay: 50ms;
	transition-delay: 50ms;
}
.menu li:hover .sub-menu li:nth-child(3) {
	-webkit-transition-delay: 100ms;
	-moz-transition-delay: 100ms;
	-ms-transition-delay: 100ms;
	-o-transition-delay: 100ms;
	transition-delay: 100ms;
}
.menu li:hover .sub-menu li:nth-child(4) {
	-webkit-transition-delay: 150ms;
	-moz-transition-delay: 150ms;
	-ms-transition-delay: 150ms;
	-o-transition-delay: 150ms;
	transition-delay: 150ms;
}
.menu li:hover .sub-menu li:nth-child(5) {
	-webkit-transition-delay: 200ms;
	-moz-transition-delay: 200ms;
	-ms-transition-delay: 200ms;
	-o-transition-delay: 200ms;
	transition-delay: 200ms;
}
.menu li:hover .sub-menu li:nth-child(6) {
	-webkit-transition-delay: 250ms;
	-moz-transition-delay: 250ms;
	-ms-transition-delay: 250ms;
	-o-transition-delay: 250ms;
	transition-delay: 250ms;
}
.sub-menu li:nth-child(1) {
	-webkit-transition-delay: 350ms;
	-moz-transition-delay: 350ms;
	-ms-transition-delay: 350ms;
	-o-transition-delay: 350ms;
	transition-delay: 350ms;
}
.sub-menu li:nth-child(2) {
	-webkit-transition-delay: 300ms;
	-moz-transition-delay: 300ms;
	-ms-transition-delay: 300ms;
	-o-transition-delay: 300ms;
	transition-delay: 300ms;
}
.sub-menu li:nth-child(3) {
	-webkit-transition-delay: 250ms;
	-moz-transition-delay: 250ms;
	-ms-transition-delay: 250ms;
	-o-transition-delay: 250ms;
	transition-delay: 250ms;
}
.sub-menu li:nth-child(4) {
	-webkit-transition-delay: 200ms;
	-moz-transition-delay: 200ms;
	-ms-transition-delay: 200ms;
	-o-transition-delay: 200ms;
	transition-delay: 200ms;
}
.sub-menu li:nth-child(5) {
	-webkit-transition-delay: 150ms;
	-moz-transition-delay: 150ms;
	-ms-transition-delay: 150ms;
	-o-transition-delay: 150ms;
	transition-delay: 150ms;
}
.sub-menu li:nth-child(6) {
	-webkit-transition-delay: 100ms;
	-moz-transition-delay: 100ms;
	-ms-transition-delay: 100ms;
	-o-transition-delay: 100ms;
	transition-delay: 100ms;
}
.swiper-container {
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	z-index: 1;
}
.swiper-container-no-flexbox .swiper-slide {
	float: left;
}
.swiper-container-vertical > .swiper-wrapper {
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
}
.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.swiper-container-multirow > .swiper-wrapper {
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-ms-fles-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.swiper-slide {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-flex-shrink: 0;
	-ms-flex: 0 0 auto;
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
}
.swiper-container .swiper-notification {
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
	opacity: 0;
	z-index: -1000;
}
.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
	touch-action: pan-y;
}
.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
	touch-action: pan-x;
}
.swiper-button-prev, .swiper-button-next {
	top: 50%;
	width: 27px;
	height: 44px;
	margin-top: -22px;
	z-index: 10;
}
.swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled {
	opacity: 0.35;
	cursor: auto;
	pointer-events: none;
}
.swiper-pagination {
	position: absolute;
	text-align: center;
	z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
	opacity: 0;
}
.swiper-pagination-bullet {
	margin: 0 3px;
	width: 12px;
	height: 12px;
	border-radius: 12px;
	display: inline-block;
	background-color: #fff;
	opacity: 0.4;
	cursor: pointer;
}
.swiper-pagination-bullet-active {
	opacity: 0.8;
}
.swiper-container:hover .swiper-pagination-bullet {
	opacity: 1;
}
.swiper-pagination-bullet:hover {
	background-color: #ff7300;
}
.swiper-container-vertical > .swiper-pagination .swiper-pagination-bullet {
	margin: 5px 0;
	display: block;
}
.swiper-container-horizontal > .swiper-pagination {
	bottom: 8px;
	width: 100%;
}
.slide-main {
	margin-bottom: 40px;
}
.swiper-image {
	width: auto;
	position: relative;
	display: block;
	height: 480px;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
.swiper-post {
	position: absolute;
	text-align: center;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	text-shadow: 1px 1px 2px rgba(0,0,0,.6);
	padding: 8px 20px;
}
.swiper-post h3 {
	margin-top: 14%;
	margin-bottom: 12px;
	font-size: 36px;
	line-height: 36px;
	color: #fff;
}
.swiper-post p {
	color: #fff;
	font-size: 14px;
}
.swiper-post button {
	background-color: rgba(255,255,255,.3);
	border: 1px rgba(255,255,255,.6) solid;
	color: #fff;
	padding: 12px 32px;
	font-size: 18px;
	margin-top: 20px;
}
.swiper-post button:hover {
	background-color: #e02b57;
	border: 1px #333 solid;
}
.swiper-button {
	opacity: 0;
	font-family: 'salong';
	font-size: 48px;
	color: #fff;
	cursor: pointer;
	position: absolute;
	text-align: center;
}
.swiper-button:hover {
	color: #ff7300;
}
.swiper-button-next {
	right: 0;
}
.swiper-button-prev {
	left: 0;
}
.swiper-button-next:before {
	content: '\e844'
}
.swiper-button-prev:before {
	content: '\e845'
}
.swiper-container:hover .swiper-button {
	opacity: 1;
}
.swiper-container:hover .swiper-button-next {
	right: 10px;
}
.swiper-container:hover .swiper-button-prev {
	left: 10px;
}
.content {
	margin: 20px 0;
	font-size: 0;
}
.post {
	font-size: 12px;
	display: inline-block;
	vertical-align: top;
}
.post-main img {
	width: 100%;
	height: auto;
}
.post-main {
	position: relative;
	display: block;
	overflow: hidden;
}
.post-content h3 {
	font-size: 16px;
	color: #fff;
}
.post-content p {
	color: #ddd;
}
.post-content {
	background-color: #ff4466;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	visibility: hidden;
	opacity: 0;
	text-align: center;
}
.post:hover .post-content {
	visibility: visible;
	opacity: 1;
}
.effect1 .post-content h3, .effect1 .post-content p {
	padding: 4px 8px;
}
.effect1 .post-content h3 {
	text-align: left;
}
.effect1 .post-content p {
	position: absolute;
	bottom: 0;
	right: 0;
	text-align: right;
}
.effect1 .post-content {
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	z-index: -1;
}
.effect1 .post-img img {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
.effect1:hover .post-content {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
.effect1:hover img {
	-webkit-transform: scale(.6);
	-ms-transform: scale(.6);
	-o-transform: scale(.6);
	transform: scale(.6);
}
.effect2 .post-content h3 {
	padding: 8px 8px 0 8px;
}
.effect2 .post-content {
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-o-transform: translateY(100%);
	transform: translateY(100%);
	top: auto;
	height: 72px;
}
.effect2:hover img {
	-webkit-transform: translateY(-50px);
	-moz-transform: translateY(-50px);
	-ms-transform: translateY(-50px);
	-o-transform: translateY(-50px);
	transform: translateY(-50px);
}
.effect2:hover .post-content {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}
.effect3:hover img {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}
.effect3 .post-content {
	background-color: rgba(0,0,0,0.6);
}
.effect3 .post-content h3 {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%);
	background-color: #e02b57;
	margin-top: 16%;
}
.effect3 .post-content p {
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-o-transform: translateY(100%);
	transform: translateY(100%);
}
.effect3:hover .post-content h3, .effect3:hover .post-content p {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}
.effect4 .post-content {
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	transform: translateX(-100%);
}
.effect4 .post-content h3 {
	margin-top: 16%;
	background-color: #e02b57;
}
.effect4:hover .post-content {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}
.effect4:hover img {
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-o-transform: translateX(100%);
	transform: translateX(100%);
}
.effect5 .post-content {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%);
	background-color: rgba(0,0,0,.6);
}
.effect5 .post-content h3 {
	margin-top: 16%;
	background-color: #f46;
}
.effect5:hover .post-content {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}
.effect5:hover img {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}
.effect6 .post-content {
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	background-color: rgba(0,0,0,.6);
}
.effect6 .post-content h3 {
	margin-top: 16%;
	background-color: #e02b57;
}
.effect6 .post-content, .effect6 .post-content h3, .effect6 .post-content p {
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
}
.effect6 .post-content h3, .effect6 .post-content p {
	-webkit-transition: all 0.35s 0.1s ease-in-out;
	-moz-transition: all 0.35s 0.1s ease-in-out;
	transition: all 0.35s 0.1s ease-in-out;
}
.effect6:hover .post-content, .effect6:hover h3, .effect6:hover p {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
.effect6:hover img {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}
.effect7 {
	overflow: hidden;
	-webkit-perspective: 900px;
	-moz-perspective: 900px;
	perspective: 900px;
}
.effect7 .post-content h3 {
	margin-top: 16%;
	background-color: #e02b57;
}
.effect7 img {
	opacity: 1;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	-webkit-transform: rotateX(0);
	-moz-transform: rotateX(0);
	-ms-transform: rotateX(0);
	-o-transform: rotateX(0);
	transform: rotateX(0);
	-webkit-transform-origin: 50% 100%;
	-moz-transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
	-o-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
}
.effect7 .post-content {
	-webkit-transition: all 0.35s ease-in-out 0.3s;
	-moz-transition: all 0.35s ease-in-out 0.3s;
	transition: all 0.35s ease-in-out 0.3s;
	-webkit-transform: rotateX(-90deg);
	-moz-transform: rotateX(-90deg);
	-ms-transform: rotateX(-90deg);
	-o-transform: rotateX(-90deg);
	transform: rotateX(-90deg);
	-webkit-transform-origin: 50% 0;
	-moz-transform-origin: 50% 0;
	-ms-transform-origin: 50% 0;
	-o-transform-origin: 50% 0;
	transform-origin: 50% 0;
}
.effect7:hover img {
	-webkit-transform: rotateX(90deg);
	-moz-transform: rotateX(90deg);
	-ms-transform: rotateX(90deg);
	-o-transform: rotateX(90deg);
	transform: rotateX(90deg);
	opacity: 0;
}
.effect7:hover .post-content {
	-webkit-transform: rotateX(0);
	-moz-transform: rotateX(0);
	-ms-transform: rotateX(0);
	-o-transform: rotateX(0);
	transform: rotateX(0);
}
.effect8 .post-content {
	opacity: 1;
	visibility: visible;
	background-color: rgba(0,0,0,.3);
}
.one_third .effect8 .post-content h3, .one_third .effect8 .post-content p {
	padding: 8px;
}
.effect8 .post-content h3 {
	margin-top: 16%;
}
.effect8 .post-content h3, .effect8 .post-content p {
	text-shadow: 1px 1px 2px rgba(0,0,0,.5);
}
.effect8:hover .post-content {
	opacity: 0;
	visibility: hidden;
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-ms-transform: scale(1.5);
	-o-transform: scale(1.5);
	transform: scale(1.5);
}
.effect8:hover img {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}
.one_fourth .post-content h3, .one_fourth .post-content p {
	padding: 8px;
}
.one_third .post-content h3, .one_third .post-content p {
	padding: 16px 8px;
}
.one_half .post-content h3, .one_half .post-content p {
	padding: 24px 8px;
}
.one_fourth .effect2 .post-content h3, .one_fourth .effect2 .post-content p {
	padding: 8px 8px 0 8px;
}
.one_third .effect2 .post-content h3 {
	padding: 12px 8px 0 8px;
}
.one_third .effect2 .post-content p {
	padding: 0 8px;
}
.one_half .effect2 .post-content h3, .one_half .effect2 .post-content p {
	padding: 24px 8px 0 8px;
}
.one_half {
	margin-right: -60px;
}
.one_half .post {
	width: 50%;
	padding-right: 60px;
	margin-bottom: 60px;
}
.one_third {
	margin-right: -48px;
}
.one_third .post {
	width: 33.333%;
	padding-right: 48px;
	margin-bottom: 48px;
}
.one_fourth {
	margin-right: -24px;
}
.one_fourth .post {
	width: 25%;
	padding-right: 24px;
	margin-bottom: 24px;
}
.one_fourth > div {
	margin-right: 24px;
}
.one_third >div {
	margin-right: 48px;
}
.one_half >div {
	margin-right: 60px;
}
.ias-spinner a, .ias-trigger a, .ias-noneleft {
	font-size: 14px;
	padding: 6px 12px;
	margin-top: 8px;
	display: block;
}
.ias-spinner a, .ias-trigger a {
	border: 1px #eee solid;
}
.ias-noneleft {
	border: 1px #eee solid;
	background-color: #f8f8f8;
	color: #999;
}
@-webkit-keyframes square-spin {
25% {
-webkit-transform:perspective(100px) rotateX(180deg) rotateY(0);
transform:perspective(100px) rotateX(180deg) rotateY(0);
}
50% {
-webkit-transform:perspective(100px) rotateX(180deg) rotateY(180deg);
transform:perspective(100px) rotateX(180deg) rotateY(180deg);
}
75% {
-webkit-transform:perspective(100px) rotateX(0) rotateY(180deg);
transform:perspective(100px) rotateX(0) rotateY(180deg);
}
100% {
-webkit-transform:perspective(100px) rotateX(0) rotateY(0);
transform:perspective(100px) rotateX(0) rotateY(0);
}
}
@keyframes square-spin {
25% {
-webkit-transform:perspective(100px) rotateX(180deg) rotateY(0);
transform:perspective(100px) rotateX(180deg) rotateY(0);
}
50% {
-webkit-transform:perspective(100px) rotateX(180deg) rotateY(180deg);
transform:perspective(100px) rotateX(180deg) rotateY(180deg);
}
75% {
-webkit-transform:perspective(100px) rotateX(0) rotateY(180deg);
transform:perspective(100px) rotateX(0) rotateY(180deg);
}
100% {
-webkit-transform:perspective(100px) rotateX(0) rotateY(0);
transform:perspective(100px) rotateX(0) rotateY(0);
}
}
.ias-spinner > div {
	width: 32px;
	height: 32px;
	display: inline-block;
	text-align: center;
	background-color: #f46;
	-webkit-animation: square-spin 3s 0s cubic-bezier(.09, .57, .49, .9) infinite;
	animation: square-spin 3s 0s cubic-bezier(.09, .57, .49, .9) infinite;
}
.ias-spinner img {
	display: none;
}
.screen-reader-text {
	display: none;
}
.pagination, #comments-nav {
	text-align: center;
	line-height: 24px;
	margin: 30px 0;
}
.pagination, #comments-nav {
	width: 100%;
}
.pagination span, .pagination a, #comments-nav a, #comments-nav span {
	margin: 2px 6px 2px 0;
	padding: 6px 10px;
	text-decoration: none;
	background-color: #eee;
	color: #666;
}
.pagination a:hover, #comments-nav a:hover, .pagination .current, #comments-nav .current {
	background-color: #e02b57;
	color: #fff;
}
.post-head {
	margin-bottom: 24px;
	padding: 8px 0 4px 0;
	position: relative;
}
.post-head:before {
	position: absolute;
	content: '';
	height: 1px;
	width: 32px;
	background-color: #ff4466;
	bottom: 0;
	left: 50%;
	margin-left: -16px;
}
.post-info {
	margin-bottom: 32px;
}
.entry {
	text-align: center;
}
.entry p {
	font-size: 14px;
}
.entry br {
	display: none;
}
.entry img {
	margin: 4px auto 8px auto;
	max-width: 100%;
}
.info {
	overflow: hidden;
	color: #999;
	height: auto;
	font-size: 12px;
	margin-bottom: 8px;
}
.info span {
	margin-right: 4px;
	display: inline-block;
}
.entry .info a {
	color: #999;
}
.info a:hover {
	color: #e02b57;
}
.info i {
	color: #ff4466;
}
.info .category:hover i, .info .comment:hover i, .info .more:hover i, .info .category:hover a, .info .comment:hover a, .info .more:hover a {
	color: #e02b57;
}
.icon-category:before {
	content: '\e807';
}
.icon-author:before {
	content: '\e827';
}
.icon-email:before {
	content: '\e801';
}
.icon-url:before {
	content: '\e809';
}
.icon-title:before {
	content: '\e80b';
}
.icon-date:before {
	content: '\e833';
}
.icon-views:before {
	content: '\e82d';
}
.icon-comment:before {
	content: '\e834';
}
.bdshare {
	margin-top: 32px;
}
.bdshare .bdsharebuttonbox a {
	color: #999 !important;
	display: inline-block !important;
	width: 24px !important;
	height: 24px !important;
	border-radius: 24px;
	border: 1px #999 solid;
	line-height: 22px !important;
	text-align: center;
	background-image: none !important;
	padding-left: 0 !important;
	float: none;
	margin: 6px 1px;
}
.bdshare .bdsharebuttonbox a:hover {
	background-color: #e02b57;
	border: 1px #e02b57 solid;
	color: #fff !important;
}
.icon-fbook:before {
	content: '\e826'
}
.icon-twi:before {
	content: '\e824'
}
.icon-tsina:before {
	content: '\e821'
}
.icon-tqq:before {
	content: '\e823'
}
.icon-qzone:before {
	content: '\e835'
}
.icon-douban:before {
	content: '\e836'
}
.icon-weixin:before {
	content: '\e822'
}
.icon-more:before {
	content: '\e81e'
}
.icon-man:before {
	content: '\e827';
}
.icon-address:before {
	content: '\e82d';
}
.icon-tel:before {
	content: '\e83f';
}
.icon-phone:before {
	content: '\e83e';
}
.icon-fax:before {
	content: '\e848';
}
.icon-qq:before {
	content: '\e825';
}
.icon-contact:before {
	content: '\e801';
}
.entry-page {
	text-align: center;
	overflow: hidden;
}
.entry-page p {
	line-height: 28px;
	padding-bottom: 18px;
}
.entry-contact {
	text-align: center;
}
.contact {
	padding-right: 360px;
	overflow: hidden;
	clear: both;
}
.contact .commentform {
	width: 100%;
	float: left;
}
.contact .contactform p input {
	padding: 10px 0 10px 26px;
}
.contact .contactform .submit {
	background-color: #eee;
}
.contact .contactform .submit:hover {
	background-color: #e02b57;
	color: #fff;
}
.widget_contact {
	margin: 12px -360px 20px 0;
	background-color: #fff;
	border: 1px #eee solid;
	padding: 8px;
	overflow: auto;
	width: 300px;
	text-align: left;
	float: right;
}
.widget_contact h3 {
	font-size: 16px;
	padding-bottom: 8px;
	font-family: 微软雅黑;
	color: #333;
	display: block;
	position: relative;
	border-bottom: 1px #eee solid;
}
.widget_contact ul li {
	line-height: 30px;
	padding: 4px 0 4px 12px;
	border-bottom: 1px #eee solid;
	color: #999;
	position: relative;
	font-size: 12px;
	white-space: nowrap;
}
.widget_contact ul li i {
	margin-right: 4px;
}
.linkcat {
	margin-bottom: 20px;
	overflow: hidden;
}
.linkcat h2 {
	margin-bottom: 12px;
	font-size: 14px;
	padding-bottom: 8px;
}
.linkcat ul {
	font-size: 0;
	margin-right: -20px;
}
.linkcat ul li {
	display: inline-block;
	width: 16.6666%;
	text-align: left;
	font-size: 12px;
	padding-right: 20px;
	white-space: nowrap;
	margin-bottom: 20px;
}
.linkcat img {
	margin: 6px;
	display: inline-block;
	vertical-align: middle;
	width: 16px;
	height: 16px;
}
.linkcat ul li a {
	border: 1px #eee solid;
	display: block;
	width: 100%;
	overflow: hidden;
	padding: 4px;
}
.readers-list {
	margin: 20px -16px 0 4px;
	font-size: 0;
	text-align: left;
}
.readers-list li {
	width: 16.66%;
	margin-bottom: 12px;
	display: inline-block;
	font-size: 12px;
}
.reader {
	perspective: 800px;
	margin-right: 20px;
}
.reader-box .avatar, .reader .site a {
	width: 90%;
	padding: 4%;
	height: 36px;
	display: block;
	white-space: nowrap;
	overflow: hidden;
}
.reader-box .avatar {
	border: 1px solid #eee;
	background-color: #fff;
}
.reader .site a {
	background-color: #fff;
	width: 100%;
}
.reader-box img {
	width: 36px;
	height: 36px;
	margin: 0 6px 0 0;
	float: left;
	padding: 0;
	background: none;
	border: none;
}
.reader-box {
	position: relative;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transition: 1s ease;
	-moz-transition: 1s ease;
	-ms-transition: 1s ease;
	-o-transition: 1s ease;
	transition: 1s ease;
	line-height: 36px;
}
.reader .site {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	text-align: center;
	-webkit-transform: rotateY(182deg) translateZ(1px);
	-moz-transform: rotateY(182deg) translateZ(1px);
	-ms-transform: rotateY(182deg) translateZ(1px);
	-o-transform: rotateY(182deg) translateZ(1px);
	transform: rotateY(182deg) translateZ(1px);
	color: #666;
	opacity: .0;
	width: 100%;
	background-color: #fff;
	border: 1px #ff4466 solid;
	-webkit-transition: 1s opacity;
	-moz-transition: 1s opacity;
	-ms-transition: 1s opacity;
	-o-transition: 1s opacity;
	transition: 1s opacity;
}
.reader:hover .reader-box {
	-webkit-transform: rotateY(182deg);
	-moz-transform: rotateY(182deg);
	-ms-transform: rotateY(182deg);
	-o-transform: rotateY(182deg);
	transform: rotateY(182deg);
}
.reader:hover .site {
	opacity: 1;
}
#comments {
	margin-top: 72px;
}
#commentform {
	padding-top: 8px;
}
.form-submit {
	margin-right: 12px;
}
#comment_mail_notify, #comment_mail_title {
	vertical-align: middle;
	margin: 4px 6px 0 0;
	color: #ccc;
}
.form-submit #submit, .form-submit #reset {
	background-color: #ddd;
	border-color: #fff #ddd #ddd #fff;
	border-width: 1px;
	border-style: solid;
	padding: 4px 8px;
	color: #666;
	cursor: pointer;
}
.form-submit #submit:hover, .form-submit #reset:hover {
	background-color: #ff4466;
	color: #fff;
}
.cancel-comment-reply a {
	padding: 8px;
}
.commentlist > li:first-child {
	padding-top: 12px;
}
.commentlist > li {
	margin-bottom: 28px;
}
.children .comment {
	padding-left: 30px;
}
#comments #avatar, #comments .children #avatar {
	padding: 5px;
	height: 32px;
	width: 32px;
}
#comments #avatar img {
	border-radius: 32px;
	width: 100%;
}
.commentlist .comment-art:hover #avatar .avatar {
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transform: rotate(360deg);
}
.comment > article {
	width: 100%;
	padding-left: 66px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.comment-art {
	position: relative;
}
.comment-art #avatar {
	position: absolute;
	top: 0;
	left: 6px;
}
#comments .children .comment-art {
	margin-top: 20px;
}
#comments .datetime, #comments .comment-info a, #comments .comment-info {
	color: #ccc;
}
#comments .comment-info a:hover {
	color: #e02b57;
}
#comments .comment-info {
	padding-bottom: 4px;
	border-bottom: 1px #eee solid;
}
#comments .comment-text {
	padding-top: 4px;
}
#comments .comment-author {
	width: 100%;
}
.commentform p, #respond_box p {
	margin: 12px 0;
	position: relative;
}
#respond_box .need_login {
	text-align: center;
}
#respond_box {
	margin-top: 30px;
}
.commentform p i {
	position: absolute;
	top: 4px;
	left: 6px;
	color: #ddd;
}
.comment-reply-link-a {
	padding-left: 6px;
	color: #f00;
}
.comment-reply-link-a:hover {
	color: #e02b57;
}
.commentform input, .commentform textarea {
	border: 1px #eee solid;
	color: #666;
	font-size: 12px;
}
.commentform .submit {
	border: none;
}
.commentform #comment, .form-textarea #comment {
	height: 120px;
	width: 100%;
	padding: 8px;
}
.commentform p input {
	width: 100%;
	padding: 6px 0 6px 26px;
}
.comment-body p, #edita {
	padding-left: 42px;
}
#error img {
	float: left;
	margin: 6px;
}
#comments h3 {
	position: relative;
	text-align: center;
	border-bottom: 1px #eee solid;
}
#comments h3:before {
	position: absolute;
	content: '';
	width: 100px;
	height: 1px;
	background-color: #ff4466;
	left: 50%;
	bottom: 0;
	margin-left: -50px;
}
.commentform input:valid, .commentform #comment:valid, .commentform #tougaocategorg, .commentform #tougao_content:valid {
background-color:#e9ffe7;
}
.commentform input:focus:invalid, .commentform #comment:focus:invalid, .commentform #tougao_content:focus:invalid {
background-color:#feeeee;
}
#comments-info h3 {
	position: relative;
}
#comments-info .backs {
	position: absolute;
	bottom: 0;
	right: 0;
	font-size: 12px;
}
#trackbacks {
	background-color: #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
#trackbacks ul {
	max-height: 320px;
	width: 380px;
	overflow: auto;
	background-color: #fff;
	margin: 12px;
	padding: 20px;
}
#trackbacks ul li {
	text-align: left;
}
#trackbacks ul li a {
	width: 100%;
	height: 24px;
	overflow: hidden;
	display: block;
}
.backs {
	cursor: pointer;
}
.overlay {
	background-color: rgba(0,0,0,0.6);
	bottom: 0;
	cursor: default;
	left: 0;
	opacity: 0;
	position: fixed;
	right: 0;
	top: 0;
	visibility: hidden;
	z-index: 1;
}
.popup {
	display: inline-block;
	left: 50%;
	opacity: 0;
	position: fixed;
	text-align: center;
	top: 40%;
	visibility: hidden;
	z-index: 100;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.overlay:target {
	visibility: visible;
	opacity: 1;
}
.overlay:target+.popup {
	top: 45%;
	opacity: 1;
	visibility: visible;
}
#back-to-top {
	display: none;
	right: 10px;
	bottom: 88px;
	z-index: 30;
	position: fixed;
}
.top-btn {
	width: 40px;
	height: 40px;
	border-radius: 40px;
	background-color: #f4f4f4;
	display: block;
}
.icon-top {
	padding: 8px;
	display: block;
}
.top-btn:hover {
	background-color: #e02b57;
}
.top-btn:hover i:before {
	color: #fff;
}
.icon-top:before {
	content: '\e82c';
	color: #999;
	font-size: 24px;
}
.footer {
	text-align: center;
	margin: 30px auto;
	padding: 30px 0;
	border-top: 1px #eee solid;
}
.exif {
	margin: 6px auto 20px;
	text-align: left;
}
.exif img {
	margin: 0 auto;
}
.exif ul li {
	white-space: nowrap;
	width: 50%;
	padding: 4px 12px 4px 12px;
}
.exif ul li span {
	width: 72px;
	display: inline-block;
}
.exif_default {
	background-color: #fff;
}
.exif_default ul {
	border: 1px #eee solid;
}
.exif_default ul li {
	border-top: 1px #eee solid;
}
.exif_default ul li:nth-child(2n+1) {
	border-right: 1px #eee solid;
}
.exif_default ul li:nth-child(1), .exif_default ul li:nth-child(2) {
	border-top: none;
}
.exif_default ul li span {
	color: #999;
}
.exif_default > span {
	display: none;
}
.exif_popup {
	position: relative;
	overflow: hidden;
}
.exif_popup ul {
	position: absolute;
	padding: 12px 0;
	bottom: -20px;
	left: 0;
	right: 0;
	background-color: rgba(0,0,0,.4);
	color: #fff;
	opacity: 0;
}
.exif_popup ul li {
	border-bottom: 1px rgba(255,255,255,.1) solid;
}
.exif_popup ul li span {
	color: #eee;
}
.exif_popup:hover ul {
	bottom: 0;
	opacity: 1;
}
.exif_popup > span {
	position: absolute;
	bottom: 0px;
	left: 0px;
	background-color: rgba(0,0,0,.4);
	color: #fff;
	padding: 4px 12px;
}
.exif_popup:hover > span {
	opacity: 0;
}
@media only screen and (max-width:1280px) {
.wrapper {
	width: 96% !important;
}
.slide-main {
	margin-bottom: 20px;
}
.swiper-image {
	height: auto;
}
.swiper-image img {
	width: 100%;
}
.readers-list li, .linkcat ul li {
	width: 20%;
}
.my-map {
	height: 420px !important;
}
}
@media only screen and (max-width:979px) {
.swiper-post h3 {
	margin-top: 12%;
}
.readers-list li, .linkcat ul li {
	width: 20%;
}
.my-map {
	height: 320px !important;
}
.contact {
	padding-right: 280px;
}
.widget_contact {
	width: 240px;
	margin-right: -280px;
}
}
@media only screen and (max-width:767px) {
.swiper-post button {
	display: none;
}
.top-menu {
	margin: 12px 0 28px 0;
}
.top-menu > ul > li > a {
	padding: 8px;
}
.header-menu .menu {
	display: none;
}
.header-menu:before {
	background: none;
}
#responsive-nav {
	display: block;
}
.one_fourth .post, .one_third .post {
	width: 50%;
}
.one_third, .one_half {
	margin-right: -24px;
}
.one_third .post, .one_half .post {
	margin-bottom: 24px;
	padding-right: 24px;
}
.readers-list li, .linkcat ul li {
	width: 33.33%;
}
.my-map {
	height: 240px !important;
}
.contact {
	padding: 0;
}
.contact .commentform, .widget_contact {
	float: none;
}
.widget_contact {
	width: 100%;
	margin: 20px 0;
}
}
@media only screen and (max-width:479px) {
.swiper-post h3 {
	margin-top: 12%;
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 4px;
}
.swiper-post p {
	font-size: 12px;
}
.swiper-post button {
	display: none;
}
.swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	margin: 0 2px;
}
.swiper-container-horizontal > .swiper-pagination {
	bottom: 0;
}
.top-menu, .header-menu {
	margin: 12px 0;
}
.top-menu > ul > li > a {
	padding: 8px;
}
.header-menu .menu {
	display: none;
}
.header-menu:before {
	background: none;
}
#responsive-nav {
	display: block;
}
.effect1:hover img {
	-webkit-transform: scale(.4);
	-ms-transform: scale(.4);
	-o-transform: scale(.4);
	transform: scale(.4);
}
.one_fourth .post, .one_third .post {
	width: 50%;
}
.one_third, .one_half, .one_fourth {
	margin-right: -8px;
}
.one_third .post, .one_half .post, .one_fourth .post {
	margin-bottom: 8px;
	padding-right: 8px;
}
.one_fourth > div {
	margin-right: 8px;
}
.content .effect1 .post-content h3, .content .effect1 .post-content p {
	padding: 4px 8px;
}
.post-head, .post-info {
	margin-bottom: 12px;
}
.linkcat ul {
	margin-right: -8px;
}
.readers-list li, .linkcat ul li {
	width: 50%;
	padding-right: 8px;
	margin-bottom: 8px;
}
.my-map {
	height: 180px !important;
}
.contact {
	padding: 0;
}
.contact .commentform, .widget_contact {
	float: none;
}
.widget_contact {
	width: 100%;
	margin: 20px 0;
}
.exif ul li {
	width: 100%;
}
.exif_popup ul {
	position: relative;
	opacity: 1;
	background-color: #fff;
	color: #666;
	bottom: 0;
	padding: 0;
	border-left: 1px #eee solid;
	border-right: 1px #eee solid;
}
.exif_popup ul li {
	border-bottom: 1px #eee solid;
}
.exif_popup ul li span {
	color: #999;
}
.exif_default ul li:nth-child(2n+1) {
	border-right: none;
}
}
.nav-links li{ display:inline-block}