@charset "utf-8";

article,
aside,
dialog,
footer,
header,
section,
footer,
nav,
figure,
menu {
	display: block
}

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: 0 0
}

body {
	color: #666;
	font-size: 14px;
	font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, Helvetica, Arial, PingFang SC, Hiragino Sans GB, Microsoft YaHei UI, Microsoft YaHei, Source Han Sans CN, sans-serif, Arial, Verdana, Tahoma, sans-serif;
	margin: 0 auto;
	background-color: #fff;
	background-repeat: repeat
}

*,
*:before,
*:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit
}

.home-fluid {
	width: 100%;
	max-width: 1220px;
	margin: 0 auto
}

h1,
h2,
h3,
h4,
h5 {
	line-height: 1.75;
	font-weight: 400;
	color: inherit;
	text-rendering: optimizelegibility
}

h1 {
	font-size: 24px
}

h2 {
	font-size: 18px
}

h3 {
	font-size: 16px
}

h4 {
	font-size: 15px
}

h5 {
	font-size: 14px
}

.shadow-box {
	border-radius: 2px;
	box-shadow: 0 1px 5px rgba(0, 0, 0, .1)
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block
}

nav ul {
	list-style: none
}

li {
	list-style: none
}

blockquote,
q {
	quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: none
}

#tab:after {
	content: " ";
	display: table;
	clear: both
}

a {
	color: #666;
	vertical-align: baseline;
	text-decoration: none;
	font-size: 100%;
	-webkit-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s
}

a:hover,
a:focus,
a:active {
	color: #1e85c6;
	text-decoration: none;
	cursor: pointer;
	outline: 0
}

p {
	line-height: 20px
}

img {
	margin: 0;
	padding: 0;
	max-width: 100%;
	height: auto;
	-webkit-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s
}

ins {
	background-color: #ff9;
	color: #323841;
	text-decoration: none
}

mark {
	background-color: #ff9;
	color: #323841;
	font-weight: 700;
	font-style: italic
}

del {
	text-decoration: line-through
}

abbr[title],
dfn[title] {
	border-bottom: 1px dotted;
	cursor: help
}

table {
	border-spacing: 0;
	border-collapse: collapse
}

hr {
	display: block;
	margin: 1em 0;
	padding: 0;
	height: 1px;
	border: 0;
	border-top: 1px solid #ededed
}

input,
select,
button,
textarea {
	vertical-align: middle;
	font-family: Arial, microsoft yahei, wenquanyi micro hei, open sans, hiragino sans gb, Verdana, sans-serif
}

:focus {
	outline: 0
}

a,
button,
input {
	-webkit-tap-highlight-color: transparent
}

.left {
	float: left
}

.right {
	float: right
}

.mt10 {
	margin-top: 10px
}

.mt0 {
	margin-top: 0
}

.mb0 {
	margin-bottom: 0
}

.mb20 {
	margin-bottom: 20px
}

.clear {
	clear: both
}

.clearfix {
	*zoom: 1
}

.clearfix:before,
.clearfix:after {
	display: table;
	content: "";
	line-height: 0
}

.clearfix:after {
	clear: both
}

.align-center {
	text-align: center
}

.hidden {
	display: none;
	visibility: hidden
}

.visible-phone {
	display: none !important
}

.visible-tablet {
	display: none !important
}

.hidden-desktop {
	display: none !important
}

.visible-desktop {
	display: inherit !important
}

.col-xs-12.text-center {
	width: 100%;
	text-align: center
}

.col-xs-12.text-center p {
	line-height: 28px
}

	{
	-webkit-tap-highlight-color: transparent
}

.box-size {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box
}

.ds-hide {
	display: none
}

#dsRewardBtn span {
	display: inline-block;
	width: 50px;
	height: 50px;
	border-radius: 100%;
	line-height: 58px;
	color: #fff;
	font: 400 25px/50px 'microsoft yahei';
	background: #fec22c
}

#dsRewardBtn:hover {
	cursor: pointer
}

.ds-dialog {
	z-index: 9999;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	border: 1px solid #d9d9d9
}

.ds-dialog .ds-close-dialog {
	position: absolute;
	top: 15px;
	right: 20px;
	font: 400 24px/24px Arial;
	width: 20px;
	height: 20px;
	text-align: center;
	padding: 0;
	cursor: pointer;
	background: 0 0;
	border: 0;
	-webkit-appearance: none;
	font-weight: 700;
	line-height: 20px;
	opacity: .6;
	filter: alpha(opacity=20)
}

.ds-dialog .ds-close-dialog:hover {
	color: #000;
	text-decoration: none;
	cursor: pointer;
	opacity: .6;
	filter: alpha(opacity=40)
}

.ds-dialog-bg {
	position: absolute;
	opacity: .6;
	filter: alpha(opacity=30);
	background: #000;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.ds-dialog-content {
	font-family: microsoft yahei;
	font-size: 14px;
	background-color: #fff;
	position: fixed;
	padding: 0 20px;
	z-index: 10000;
	overflow: hidden;
	border-radius: 6px;
	-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 3px 7px rgba(0, 0, 0, .3);
	box-shadow: 0 3px 7px rgba(0, 0, 0, .3);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.ds-dialog-pc {
	width: 390px;
	height: 380px;
	top: 50%;
	left: 50%;
	margin: -190px 0 0 -195px
}

.ds-dialog-wx {
	width: 90%;
	height: 280px;
	top: 50%;
	margin-top: -140px;
	margin-left: 5%
}

.ds-dialog-content h5 {
	text-align: left;
	font-size: 15px;
	font-weight: 700;
	margin: 15px 0;
	color: #555
}

.ds-payment-way {
	text-align: center
}

.ds-payment-way label {
	cursor: pointer;
	font-weight: 400;
	display: inline-block;
	font-size: 16px;
	margin: 0 15px 0 0;
	padding: 0
}

.ds-payment-way input[type=radio] {
	vertical-align: middle;
	margin: -2px 5px 0 0
}

.ds-payment-img {
	margin: 15px 0;
	text-align: center
}

p.ds-pay-info {
	font-size: 15px;
	margin: 0 0 10px
}

.ds-pay-money {
	font-size: 14px;
	margin-top: 10px
}

.ds-pay-money p {
	margin: 0
}

.ds-pay-money .ds-pay-money-sum {
	margin-bottom: 4px
}

.ds-payment-img img {
	margin: 0 auto;
	width: 185px
}

.ds-payment-img #qrCode_1 {
	display: none
}

.ds-payment-img .qrcode-border {
	margin: 0 auto
}

.ds-payment-img .qrcode-tip {
	width: 48.13px;
	position: relative;
	margin: 0 auto;
	font-size: 12px;
	font-weight: 700;
	background: #fff;
	height: 15px;
	line-height: 15px;
	margin-top: -12px
}

#qrCode_0 .qrcode-tip {
	color: #54b910
}

#qrCode_3 .qrcode-tip {
	color: #e10602
}

.ds-payment-img #qrCode_3 {
	display: none
}

.ds-payment-img #qrCode_2 {
	display: none
}

#qrCode_2 .qrcode-tip {
	color: #4391ea
}

#qrCode_1 .qrcode-tip {
	color: #69c
}

.wx_qrcode_container {
	text-align: center
}

.wx_qrcode_container h2 {
	font-size: 17px
}

.wx_qrcode_container p {
	font-size: 14px
}

#dsRewardBtn span {
	position: absolute;
	left: 115px;
	top: -7px;
	background: #7ab951;
	width: 50px;
	height: 50px;
	font-size: 16px;
	font-weight: 600;
	line-height: 43px;
	border: 4px solid #fff;
	border-radius: 40px
}

.share-s a {
	margin-top: -25px
}

.ds-payment-img .qrcode-border {
	border-radius: 29.97px;
	width: 236.89px;
	height: 236.89px;
	padding: 18.05px;
	margin-top: 25.53px
}

#content {
	border: 1px solid #eee;
	background: #fff;
	box-shadow: 5px 5px 10px rgba(0, 0, 0, .1);
	padding-right: 0;
	width: 1200px
}

span.url a {
	font-size: 2em
}

.dropup,
.dropdown {
	position: relative
}

.dropdown-toggle {
	*margin-bottom: -3px
}

.dropdown-toggle:active,
.open .dropdown-toggle {
	outline: 0
}

.caret {
	display: inline-block;
	width: 0;
	height: 0;
	border-top: 4px solid #323841;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
	content: "";
	vertical-align: top
}

.dropdown .caret {
	margin-top: 6px;
	margin-left: 2px
}

.dropdown-menu {
	position: absolute;
	top: 44px;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	margin: 0;
	padding: 0;
	background-color: #323841;
	list-style: none
}

.dropdown-menu .divider {
	overflow: hidden;
	margin: 4px 0;
	padding: 0;
	height: 1px;
	background-color: #323841;
	*width: 100%
}

.dropdown-menu li a:hover,
.dropdown-menu .active a,
.dropdown-menu .active a:hover {
	background: #32a5e7;
	color: #fff
}

.label-important,
.badge-important {
	background: #f74d4d;
	font-size: 13px
}

.open {
	*z-index: 1000
}

.open>.dropdown-menu {
	display: block
}

.dropdown-backdrop {
	position: static
}

.collapse {
	position: relative;
	overflow: hidden;
	height: 0;
	-webkit-transition: height .35s ease;
	-moz-transition: height .35s ease;
	-o-transition: height .35s ease;
	transition: height .35s ease
}

.collapse.in {
	height: auto
}

pre.prism-line-numbers {
	width: 100%
}

#header.fixednav {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 265;
	width: 100%;
	opacity: .98;
	margin: 0 auto;
	border-bottom: 1px solid #ddd;
	background: rgba(255, 255, 255, .9)
}

#header.fixednav .header-nav {
	float: right;
	margin-right: 20px
}

#header.fixednav .search .text {
	width: 100px
}

.navbar.fixednav .header-nav li a {
	padding: 0 18px;
}

.navbar.fixednav .header-nav li .sub-menu li a {
	padding: 0 10px
}

.navbar.fixednav h1#logo {
	width: 235px;
	margin: 10px 0 0 5px
}

#post-header .post-title i.fa {
	margin-right: 5px;
	color: #32a5e7;
	font-size: 1.1em
}

.post-author-avatar {
	position: absolute;
	float: right;
	right: 5px;
	top: 12px
}

.post-author-avatar img {
	margin: 10px;
	padding: 4px;
	width: 64px;
	height: 64px;
	border: 1px solid #eee;
	-webkit-border-radius: 37px;
	-moz-border-radius: 37px;
	border-radius: 37px;
	background: #fff;
	-webkit-box-shadow: inset 0 -1px 0 #333;
	box-shadow: inset 0 -1px 0 #333;
	-webkit-transition: .4s;
	-webkit-transition: -webkit-transform .4s ease-out;
	-moz-transition: -moz-transform .4s ease-out;
	transition: transform .4s ease-out
}

.post-author-avatar img:hover {
	border: 1px solid #ccc;
	-webkit-box-shadow: 0 0 10px #fff;
	box-shadow: 0 0 10px #fff;
	-webkit-transform: rotateZ(360deg);
	-moz-transform: rotateZ(360deg);
	transform: rotateZ(360deg)
}

.entry pre.prism-line-numbers {
	border-left: 6px solid #737f99
}

.entry ol.list-paddingleft-2 {
	margin-left: 3.5em
}

.entry ol.list-paddingleft-2 li {
	margin: 0;
	padding: 0;
	list-style-type: decimal
}

.entry ol.list-paddingleft-2 li p {
	overflow: visible;
	text-indent: 0;
	margin: 5px 0 8px
}

.entry ul.list-paddingleft-2 {
	margin-left: 2.5em;
	padding: 5px 0
}

.entry ul.list-paddingleft-2 p {
	margin: 5px 0 8px
}

i.fa.fa-home {
	font-size: 1.3em
}

i.fa.fa-copyright {
	margin: 0 5px
}

.union {
	margin-bottom: 20px;
	position: relative;
	background: #fff;
	width: 100%;
	border: 1px solid #e5e5e5
}

.headads {
	padding: 5px;
	text-align: center
}

.union img {
	width: 100%;
	height: auto;
	min-height: 60px
}

.ad-single {
	text-align: center;
	margin-bottom: 30px
}

li.zzwx {
	text-align: center
}

.hot-posts .title i.fa {
	margin-right: 5px;
	font-size: 1.2em;
	color: #1abc9c
}

#top-header {
	background: #e7e7e7;
	color: #555 !important;
	border-bottom: 1px solid #dedede
}

.top-nav {
	height: 30px;
	width: 1220px;
	line-height: 30px;
	margin: 0 auto;
	overflow: hidden
}

#inf-d {
	float: left;
	margin: 0 0 0 5px;
	overflow: hidden;
	white-space: nowrap
}

.top-menu {
	float: right;
	margin: 0 8px 0 0
}

.top-menu li {
	float: left;
	padding: 0 5px
}

.top-menu a {
	color: #555
}

.top-menu li i.fa {
	margin-right: 4px
}

.gonggao.navcates {
	margin: -15px 0 1px 2px;
	background: 0 0;
	padding: 0;
	box-shadow: 0 0 0 transparent
}

#callboard ul li {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.bull {
	float: left;
	font-size: 16px;
	color: #1e2225;
	margin-right: 6px;
	top: 4px;
	left: 2px;
	position: relative
}

#callboard {
	width: 90%;
	font-size: 14px;
	list-style: none;
	height: 30px;
	line-height: 30px;
	overflow: hidden
}

i.fa.fa-chevron-circle-right {
	margin: 0 0 0 5px
}

#header {
	background: #fff;
	-webkit-box-shadow: 0 0 3px 1px rgba(0, 0, 0, .1);
	box-shadow: 0 0 3px 1px rgba(0, 0, 0, .1);
	width: 100%;
	z-index: 80
}

.header {
	width: 100%;
	max-width: 1228px;
	height: 72px;
	position: relative;
	margin: 0 auto
}

#logo {
	position: relative;
	float: left;
	z-index: 10;
	display: block;
	height: 72px;
	overflow: hidden
}

@media screen and (min-width:900px) {
	#logo:before {
		content: "";
		position: absolute;
		left: -665px;
		top: -460px;
		width: 250px;
		height: 15px;
		background-color: rgba(255, 255, 255, .5);
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
		-webkit-animation: searchLights 1s ease-in 1s infinite;
		-o-animation: searchLights 1s ease-in 1s infinite;
		animation: searchLights 1s ease-in 1s infinite
	}
}

@-webkit-keyframes searchLights {
	0% {
		left: -100px;
		top: 0
	}

	to {
		left: 120px;
		top: 100px
	}
}

@-o-keyframes searchLights {
	0% {
		left: -100px;
		top: 0
	}

	to {
		left: 120px;
		top: 100px
	}
}

@-moz-keyframes searchLights {
	0% {
		left: -100px;
		top: 0
	}

	to {
		left: 120px;
		top: 100px
	}
}

@keyframes searchLights {
	0% {
		left: -100px;
		top: 0
	}

	to {
		left: 120px;
		top: 100px
	}
}

#logo img {
	width: 100%;
	padding: 6px 0 0 5px
}

.header-nav {
	float: right;
	font-size: 14px;
	margin-right: 10px
}

.header-nav li {
	position: relative;
	list-style: none;
	display: block;
	float: left;
	margin-right: 1px
}

.header-nav li a {
	text-transform: none;
	line-height: 72px;
	height: 72px;
	padding: 0 18px;
	color: #666;
	display: block;
	-webkit-transition: all .03s ease-out 0s;
	-o-transition: all .03s ease-out 0s;
	transition: all .03s ease-out 0s
}

.header-nav li a i.fa {
	padding-right: 3px;
	position: relative;
	top: 0
}

.header-nav li .sub-menu {
	text-align: left;
	position: absolute;
	top: 72px;
	left: -1px;
	min-width: 100%;
	z-index: 10;
	display: none;
	font-size: 14px;
	border: 1px solid #d8d8d8;
	border-top: 0 solid transparent;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	background: #fff
}

.header-nav li .sub-menu li {
	float: none;
	display: block;
	color: #f1f1f1;
	height: 35px;
	min-height: 35px;
	text-align: center;
	border-bottom: 1px solid #e7e7e7;
	margin-right: 0;
	margin: 0 -1px
}

.header-nav li .sub-menu li a {
	line-height: 35px;
	height: 35px;
	padding: 0 10px;
	font-size: 1.1em;
	color: #333;
	white-space: nowrap
}

.header-nav li .sub-menu li a i {
	padding-right: 3px
}

.header-nav li .sub-menu li a:hover {
	background: 0 0;
	color: #fff
}

.header-nav li .sub-menu li:last-child {
	border-bottom: 2px solid #398e9f;
	margin-bottom: -1px
}

.header-nav .active a,
.header-nav .active a:focus {
	color: red
}

.header-nav li.current-menu-item,
.header-nav li:hover,
.header-nav li.current-menu-ancestor,
.header-nav li.current-post-ancestor,
.header-nav li a.current-menu-item,
.header-nav .nav-pills>li>a.on {
	background: #1e85c6;
	color: #fff
}

.header-nav li>ul>li a.current-menu-item {
	background: 0 0
}

.header-nav li.current-menu-item a,
.header-nav li:hover a,
.header-nav li.current-menu-ancestor a,
.header-nav li.current-post-ancestor a {
	color: #fff;
	position: relative
}

.header-nav .sign {
	border-top: 5px solid #ddd;
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
	position: absolute;
	top: 32px;
	right: 8px
}

.sign {
	display: inline-block;
	width: 0;
	height: 0;
	content: "";
	vertical-align: top
}

.header-nav li .icons {
	margin-right: 5px;
	font-size: 17px;
	top: 1px;
	position: relative
}

.header-nav .nav-pills>li:hover .sub-menu {
	display: block
}

.nav-pills 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
}

.nav-pills 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
}

.nav-pills 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
}

.nav-pills 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
}

.nav-pills 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
}

.nav-pills 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
}

.nav-pills li:hover .sub-menu li:nth-child(7) {
	-webkit-transition-delay: 300ms;
	-moz-transition-delay: 300ms;
	-ms-transition-delay: 300ms;
	-o-transition-delay: 300ms;
	transition-delay: 300ms
}

.nav-pills li:hover .sub-menu li:nth-child(8) {
	-webkit-transition-delay: 350ms;
	-moz-transition-delay: 350ms;
	-ms-transition-delay: 350ms;
	-o-transition-delay: 350ms;
	transition-delay: 350ms
}

.nav-pills li:hover .sub-menu li:nth-child(9) {
	-webkit-transition-delay: 400ms;
	-moz-transition-delay: 400ms;
	-ms-transition-delay: 400ms;
	-o-transition-delay: 400ms;
	transition-delay: 400ms
}

.nav-pills li:hover .sub-menu li:nth-child(10) {
	-webkit-transition-delay: 450ms;
	-moz-transition-delay: 450ms;
	-ms-transition-delay: 450ms;
	-o-transition-delay: 450ms;
	transition-delay: 450ms
}

.sub-menu li:nth-child(1) {
	-webkit-transition-delay: 450ms;
	-moz-transition-delay: 450ms;
	-ms-transition-delay: 450ms;
	-o-transition-delay: 450ms;
	transition-delay: 450ms
}

.sub-menu li:nth-child(2) {
	-webkit-transition-delay: 400ms;
	-moz-transition-delay: 400ms;
	-ms-transition-delay: 400ms;
	-o-transition-delay: 400ms;
	transition-delay: 400ms
}

.sub-menu li:nth-child(3) {
	-webkit-transition-delay: 350ms;
	-moz-transition-delay: 350ms;
	-ms-transition-delay: 350ms;
	-o-transition-delay: 350ms;
	transition-delay: 350ms
}

.sub-menu li:nth-child(4) {
	-webkit-transition-delay: 300ms;
	-moz-transition-delay: 300ms;
	-ms-transition-delay: 300ms;
	-o-transition-delay: 300ms;
	transition-delay: 300ms
}

.sub-menu li:nth-child(5) {
	-webkit-transition-delay: 250ms;
	-moz-transition-delay: 250ms;
	-ms-transition-delay: 250ms;
	-o-transition-delay: 250ms;
	transition-delay: 250ms
}

.sub-menu li:nth-child(6) {
	-webkit-transition-delay: 200ms;
	-moz-transition-delay: 200ms;
	-ms-transition-delay: 200ms;
	-o-transition-delay: 200ms;
	transition-delay: 200ms
}

.sub-menu li:nth-child(7) {
	-webkit-transition-delay: 150ms;
	-moz-transition-delay: 150ms;
	-ms-transition-delay: 150ms;
	-o-transition-delay: 150ms;
	transition-delay: 150ms
}

.sub-menu li:nth-child(8) {
	-webkit-transition-delay: 100ms;
	-moz-transition-delay: 100ms;
	-ms-transition-delay: 100ms;
	-o-transition-delay: 100ms;
	transition-delay: 100ms
}

.sub-menu li:nth-child(9) {
	-webkit-transition-delay: 50ms;
	-moz-transition-delay: 50ms;
	-ms-transition-delay: 50ms;
	-o-transition-delay: 50ms;
	transition-delay: 50ms
}

.sub-menu li:nth-child(10) {
	-webkit-transition-delay: 0ms;
	-moz-transition-delay: 0ms;
	-ms-transition-delay: 0ms;
	-o-transition-delay: 0ms;
	transition-delay: 0ms
}

.rightnav {
	float: right;
	padding: 15px 0 0
}

.rightnav ul li {
	padding: 0 3px;
	z-index: 2;
	position: relative;
	display: block;
	float: right
}

.rightnav ul li a {
	border: solid 1px #5b5b5b;
	font-size: 12px;
	color: #8f9290;
	padding: 6px 16px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	position: relative;
	display: block
}

.rightnav ul li.active a {
	background-color: #32a5e7;
	color: #fff;
	border-color: #1687c7
}

.rightnav ul li a:hover {
	border-color: #fff;
	color: #fff
}

.rightnav ul li.active a:hover {
	border-color: #1687c7;
	background-color: #1687c7
}

.mininav {
	display: none;
	margin-bottom: 0;
	border-bottom: none;
	overflow: hidden;
	overflow-x: auto;
	white-space: nowrap;
	background-color: #eee;
	width: 100%;
	-webkit-box-pack: justify;
	border-bottom: 1px solid transparent;
	border-color: #ebedf1;
	box-shadow: 0 0 1px 0 rgba(0, 0, 0, .3), 0 0 6px 2px rgba(0, 0, 0, .15)
}

.mininav li {
	display: inline-block;
	text-align: center
}

.mininav li a {
	color: #0b0b0b;
	padding: 8px 1px 8px 14px;
	display: block;
	font-size: 14px
}

.header-nav .menu-item-has-children>a:after {
	content: ".";
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 2px;
	vertical-align: middle;
	border-top: 4px solid;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
	position: relative;
	left: 5px;
	overflow: hidden
}

.search {
	float: right;
	margin: 18px 20px 0 0;
	border: 1px solid #ccc;
	border-radius: 20px;
	overflow: hidden;
	position: relative;
	display: inline-block;
	vertical-align: top;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}

.search .text {
	width: 50px;
	padding: 2px 3px 1px;
	float: left;
	font-size: 14px;
	font-family: t, microsoft yahei;
	height: 28px;
	line-height: 30px;
	text-indent: 10px;
	border: 0;
	border-radius: 20px;
	outline: 0;
	background: 0 0;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	margin-bottom: 2px
}

.search .btn {
	width: 30px;
	height: 30px;
	float: left;
	margin: 0 8px 0 0;
	text-indent: -999px;
	border: 0;
	cursor: pointer;
	background: url(../images/icon.png) no-repeat 0 -360px;
	outline: 0
}

.search:hover {
	border: 1px solid #1e85c6;
	background: #fff
}

.search:hover .text {
	width: 80px
}

.container {
	margin: 15px auto;
	overflow: hidden;
	padding-right: 358px
}

.content-w {
	margin: 20px 0
}

.content-wrap {
	width: 100%
}

.single-content,
.page-content {
	width: 100%;
	background-color: #fff;
	border: 1px #eee solid;
	padding: 12px 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.swiper-container {
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	z-index: 1;
	vertical-align: top;
	-webkit-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s;
	border-radius: 2px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, .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: 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-slide-active {
	z-index: 999
}

.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 {
	position: absolute;
	top: 50%;
	margin-top: -22px;
	z-index: 10;
	cursor: pointer;
	text-align: center
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
	opacity: .35;
	cursor: auto;
	pointer-events: none
}

.swiper-pagination {
	position: absolute;
	text-align: right;
	z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
	opacity: 0
}

.swiper-pagination-bullet {
	margin: 0 3px;
	width: 12px;
	height: 12px;
	display: inline-block;
	background-color: #fff;
	opacity: .4;
	cursor: pointer;
	border-radius: 50px
}

.swiper-pagination-bullet-active {
	opacity: .8;
	background-color: #0077c2
}

.swiper-container:hover .swiper-pagination-bullet {
	opacity: 1
}

.swiper-pagination-bullet:hover {
	background-color: #fff
}

.swiper-container-vertical>.swiper-pagination .swiper-pagination-bullet {
	margin: 5px 0;
	display: block
}

.swiper-container-horizontal>.swiper-pagination {
	top: 8px;
	right: 8px;
	width: 100%
}

.slide-banner {
	padding-top: 72px
}

.swiper-post {
	background-color: #0077c2;
	border: 1px solid transparent;
	top: -1px;
	color: #fff;
	height: auto;
	max-height: 108px;
	overflow: hidden;
	left: -1px;
	padding: 3px 10px 1px;
	position: absolute;
	width: auto;
	max-width: 60%
}

.swiper-post p {
	color: #fff;
	height: auto;
	max-height: 78px;
	width: auto;
	overflow: hidden
}

.swiper-post h3 a {
	color: #fff
}

.slide-main img {
	display: block;
	width: 100%;
	height: auto
}

.swiper-button {
	opacity: 0;
	font-family: salong;
	font-size: 20px;
	color: #fff
}

.swiper-button-next {
	right: 10px
}

.swiper-button-prev {
	left: 10px
}

.swiper-home-button-next,
.swiper-home-button-prev {
	background-color: rgba(0, 0, 0, .3);
	padding: 16px 10px
}

.swiper-home-button-next:hover,
.swiper-home-button-prev:hover {
	background-color: #de3009;
	color: #fff
}

.swiper-container:hover .swiper-button {
	opacity: 1
}

.swiper-container:hover .swiper-button-next {
	right: 0
}

.swiper-container:hover .swiper-button-prev {
	left: 0
}

.swiper-taji {
	margin-bottom: 12px
}

.swiper-taji .swiper-slide {
	position: relative
}

.swiper-taji .swiper-slide span {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 28px;
	background-color: rgba(0, 0, 0, .2);
	color: #fff;
	padding: 2px 8px
}

.swiper-taji .swiper-slide img {
	width: 100%;
	height: auto;
	display: block
}

.stylelist {
	margin-right: -20px
}

.stylelist .post {
	padding: 20px 20px 20px 300px;
	border: 1px #eee solid;
	overflow: hidden;
	position: relative;
	margin: 0 20px 12px 0;
	background-color: #fff
}

.met-body {
	padding: 50px 0;
	background: #fff;
	position: relative;
	z-index: 2
}

.met-container {
	max-width: 1200px;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto
}

h3.met-slide-top.met-no-repeat {
	font-size: 28px;
	font-size: 2em;
	margin-top: 0;
	text-align: center;
	margin-bottom: 0;
	color: #444
}

.met-service-en {
	font-size: 13px;
	text-align: center;
	width: 80%;
	color: #666;
	margin: 5px auto 15px;
	font-family: microsoft yahei
}

.met-service-fbt {
	font-size: 16px;
	text-align: center;
	width: 80%;
	color: #666;
	margin: 0 auto;
	margin-bottom: 30px;
	font-family: microsoft yahei
}

.slick-slider {
	position: relative;
	box-sizing: border-box;
	padding-top: 20px
}

.slick-list.draggable {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0
}

.service_item {
	float: left;
	height: 100%;
	min-height: 1px;
	width: 25%;
	position: relative
}

.slick-active {
	padding: 0 25px
}

.service_item h4 {
	font-size: 16px;
	height: 46px;
	line-height: 46px;
	color: #595959;
	transition: all ease-out .2s;
	border-bottom: 1px solid #e1e1e1;
	text-align: left;
	width: 100%;
	position: relative
}

.slick-active h4 {
	overflow: hidden
}

.service_item h4:before {
	position: absolute;
	content: "";
	width: 60px;
	height: 1px;
	background-color: #3c3c3c;
	margin-top: 44px;
	transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s
}

.service_item .item_center:hover h4:before {
	width: 100%
}

.service_item p {
	color: #848484;
	font-size: 13px;
	line-height: 24px;
	height: 92px;
	overflow: hidden;
	width: 100%;
	margin-top: 10px;
	text-indent: 2em;
	text-align: left
}

.item_center {
	overflow: hidden;
	text-align: center
}

.service_item i.fa {
	font-size: 58px;
	font-size: 4.15em;
	height: 110px;
	width: 110px;
	border-radius: 100%;
	line-height: 110px;
	text-align: center;
	color: #c574d0;
	border: 1px solid #c574d0
}

.met-index-product {
	background: #f5f5f5;
	padding: 30px 0
}

h3.met-product-top {
	font-size: 28px;
	font-size: 2em;
	margin-top: 0;
	text-align: center;
	margin-bottom: 0;
	color: #444
}

p.product-en {
	font-size: 13px;
	text-align: center;
	width: 80%;
	color: #666;
	margin: 5px auto 15px;
	font-family: microsoft yahei
}

p.product-fbt {
	font-size: 16px;
	text-align: center;
	width: 80%;
	color: #666;
	margin: 0 auto;
	margin-bottom: 30px;
	font-family: microsoft yahei
}

.met-product-slider {
	margin-right: -10px;
	overflow: hidden;
	padding-top: 10px
}

.met-product-show {
	float: left;
	height: 100%;
	min-height: 1px;
	width: 25%;
	overflow: hidden
}

.met-product-box {
	margin: 0 10px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius: 0;
	-ms-border-radius: 0;
	border-radius: 0;
	position: relative;
	margin-bottom: 30px;
	overflow: hidden;
	background: #fff;
	-webkit-box-shadow: 0 0 3px 1px rgba(0, 0, 0, .1);
	box-shadow: 0 0 3px 1px rgba(0, 0, 0, .1)
}

figure.met-box-figure {
	width: auto;
	overflow: hidden;
	padding: 5px 5px 0;
	margin: 0;
	border-bottom: 1px solid #e0e0e0
}

figure.met-box-figure img {
	width: 100%;
	height: 180px
}

@-webkit-keyframes shade {
	from {
		opacity: 1
	}

	15% {
		opacity: .4
	}

	to {
		opacity: 1
	}
}

@-moz-keyframes shade {
	from {
		opacity: 1
	}

	15% {
		opacity: .4
	}

	to {
		opacity: 1
	}
}

@-ms-keyframes shade {
	from {
		opacity: 1
	}

	15% {
		opacity: .4
	}

	to {
		opacity: 1
	}
}

@-o-keyframes shade {
	from {
		opacity: 1
	}

	15% {
		opacity: .4
	}

	to {
		opacity: 1
	}
}

@keyframes shade {
	from {
		opacity: 1
	}

	15% {
		opacity: .4
	}

	to {
		opacity: 1
	}
}

figure.met-box-figure:hover img {
	-webkit-animation: shade 3s ease-in-out 1;
	-moz-animation: shade 3s ease-in-out 1;
	-ms-animation: shade 3s ease-in-out 1;
	-o-animation: shade 3s ease-in-out 1;
	animation: shade 3s ease-in-out 1
}

.box-figure-caption {
	border-bottom: 1px solid #e0e0e0
}

.box-figure-caption:hover {
	border-color: #ef5b00;
	transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s
}

h4.met-box-title {
	padding: 10px;
	transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;
	font-size: 14px;
	color: #37474f;
	text-transform: capitalize;
	white-space: nowrap;
	word-wrap: normal;
	text-overflow: ellipsis;
	overflow: hidden;
	position: relative
}

h4.met-box-title:after {
	content: "";
	width: 3px;
	height: 20px;
	background: #ef5b00;
	position: absolute;
	top: 13px;
	left: 0
}

.box-figure-caption p {
	padding: 0 10px 15px
}

h4.met-box-title a {
	font-size: 15px
}

h4.met-box-title>a:hover {
	margin-left: 6px;
	color: #ef5b00
}

h4.met-box-title p {
	padding-top: 10px;
	margin: 0;
	font-size: 13px;
	color: #848484
}

.met-body_bgpic {
	background: url(../images/footimg.jpg) no-repeat;
	background-size: cover;
	background-position: center;
	border-top: 2px solid #0175bf;
	border-bottom: 1px solid #3ca5f6;
	margin-bottom: -4px;
	z-index: 9;
	position: relative
}

.text-xs-center {
	max-width: 1200px;
	margin-right: auto;
	margin-left: auto;
	padding: 70px 0;
	text-align: center;
	color: #fff
}

h2.text-xs-title.slide-no-repeat {
	font-size: 24px;
	margin-top: 0;
	text-align: center;
	font-weight: 300;
	color: #edf6fa;
	margin-bottom: 20px
}

p.text-xs-desc {
	font-size: 16px;
	font-weight: 300;
	text-align: center;
	width: 80%;
	color: #fff;
	margin: 0 auto 30px
}

a.btn {
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.571429;
	display: inline-block;
	padding: .429rem 1rem;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	border: 1px solid transparent;
	border-radius: .215rem;
	transition: border .2s linear, color .2s linear, width .2s linear, background-color .2s linear;
	-webkit-font-smoothing: subpixel-antialiased
}

a.about_link {
	border-radius: 0;
	background: #fff;
	border-color: #fff;
	color: #110865;
	border-radius: 3px;
	width: 100px;
	padding: 6px 15px;
	font-size: 14px;
	margin: 0 auto
}

a.about_link:hover {
	background: #777;
	border-color: transparent;
	color: #fff
}

.bg-grey {
	background-color: #fff
}

.main_business {
	padding-top: 50px;
	padding-bottom: 50px
}

.business-md {
	float: left;
	width: 50%
}

.business-text-center {
	padding-right: 20px;
	padding-left: 20px
}

.business_img img {
	width: 100%;
	height: auto;
	border-radius: 2px;
	box-shadow: 0 3px 10px rgba(0, 0, 0, .1)
}

h2.text-uppercase {
	font-size: 26px;
	font-weight: 800;
	margin-top: 10px
}

.business_item ul {
	margin-top: 10px
}

.business_item ul li {
	font-size: 18px;
	font-weight: 300;
	line-height: 1.8em
}

.business_item ul li i.fa {
	font-size: 16px;
	margin-right: 5px;
	position: relative;
	bottom: 2px
}

p.business_item-top {
	margin-top: 20px;
	color: #333;
	line-height: 28px;
	font-size: 14px;
	font-weight: 500
}

.business_btn {
	margin-left: -10px
}

a.btn-default {
	color: #444;
	background-color: transparent;
	border: 1px solid;
	border-color: #b6b6b6;
	margin-left: 10px;
	-webkit-transition: all .6s;
	transition: all .6s;
	font-size: 14px;
	font-weight: 600;
	border: 1px solid;
	border-radius: 6px;
	padding: 1em 4em;
	margin-top: 20px
}

a.btn.btn-default:hover {
	color: #fff;
	background-color: #1e85c6
}

a.btn-primary {
	color: #fff;
	background-color: #1e85c6;
	border-color: #b6b6b6;
	margin-left: 15px;
	-webkit-transition: all .6s;
	transition: all .6s;
	font-size: 14px;
	font-weight: 600;
	border: 1px solid;
	padding: 1em 4em;
	border-radius: 6px;
	margin-top: 20px
}

a.btn.btn-primary:hover {
	color: #444;
	background-color: transparent
}

.fourth.product {
	width: 100%;
	margin: 0 auto;
	background: #f5f5f5
}

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

.Split_title h2 {
	font-size: 30px;
	font-size: 2.15em;
	cursor: pointer
}

.Split_title p {
	font-size: 13px;
	color: #666;
	padding: 10px 0
}

.Split_title h3 {
	font-size: 16px;
	color: #666;
	padding-bottom: 20px
}

.product_trigger {
	width: 35%;
	float: left
}

.product_pic_news {
	background: #fff;
	box-shadow: 0 1px 3px #666;
	overflow: hidden
}

.hot_pic {
	padding: 10px 15px 0;
	height: 200px;
	overflow: hidden
}

.hot_pic img {
	width: 100%;
	height: 100%
}

.hot_pic:hover img {
	opacity: .8
}

.product_pic_news h4 {
	padding: 0 15px;
	margin-top: 10px;
	white-space: nowrap;
	word-wrap: normal;
	text-overflow: ellipsis;
	overflow: hidden;
	position: relative
}

h4.hot_h4 a {
	font-size: 20px
}

h4.hot_h4 a:hover {
	margin-left: 8px
}

h4.hot_h4:after {
	content: "";
	width: 3px;
	height: 26px;
	background: #1e85c6;
	position: absolute;
	top: 6px;
	left: 0
}

.product_pic_news p.hot_text_ms {
	padding: 0 15px;
	margin-top: 10px
}

.product_yd {
	margin-left: 10px;
	margin-bottom: 14px
}

.product_yd a.button3 {
	display: inline-block;
	padding: 8px 26px;
	margin: 15px 0 0;
	font-size: 16px;
	color: #fff;
	text-transform: uppercase;
	position: relative;
	background: #1e85c6;
	-webkit-transition: all .4s ease 0s;
	-o-transition: all .4s ease 0s;
	transition: all .4s ease 0s;
	border-radius: 4px
}

ul.page_news_list {
	float: left;
	width: 60%;
	margin-left: 30px
}

.page_news_list li {
	padding: 10px;
	margin-bottom: 20px;
	overflow: hidden;
	-webkit-transition: all .4s ease 0s;
	-o-transition: all .4s ease 0s;
	transition: all .4s ease 0s
}

li.white_bar {
	background: #fff;
	box-shadow: 0 1px 3px #666
}

li.white_bar:hover {
	background: #f6f6f6
}

time.l {
	float: left
}

span.page_data {
	width: 66px;
	height: 66px;
	display: block;
	background: #1e85c6;
	color: #fff;
	text-align: center;
	line-height: 60px;
	margin-right: 14px;
	font-size: 36px
}

span.month.m_t5 {
	display: block;
	width: 66px;
	text-align: center;
	margin-top: 5px;
	color: #666;
	font-weight: 400
}

li.white_bar h3 {
	white-space: nowrap;
	word-wrap: normal;
	text-overflow: ellipsis;
	overflow: hidden;
	height: 30px;
	line-height: 30px
}

li.white_bar a {
	font-size: 20px
}

li.white_bar a:hover {
	color: #1e85c6;
	margin-left: 6px
}

li.white_bar p {
	padding-top: 5px;
	color: #666;
	height: 62px
}

.page_text.page_text_c {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	padding: 20px 0 35px
}

.page_text.page_text_c a.page_button {
	margin: 0 auto;
	padding: 13px 36px;
	text-transform: uppercase;
	position: relative;
	color: #fff;
	background: #1e85c6;
	display: inline-block;
	border-radius: 4px
}

a.button3:hover,
.page_text.page_text_c a:hover {
	color: #fff;
	background: #666
}

section.brand-wrap {
	background-color: #f5f5f5
}

.brand {
	padding: 40px 30px;
	font-size: 0;
	background: #f5f5f5;
	zoom: 1
}

.brandtitle {
	margin: 0 0 40px
}

.brandtitle h3 {
	font-size: 30px;
	color: #333;
	text-align: center
}

.brandtitle p {
	padding: 10px 0 20px;
	font-size: 14px;
	color: #999;
	text-align: center
}

.brandcon ul {
	margin-left: -20px;
	font-size: 0;
	text-align: center;
}

.brandcon ul li {
	width: 17%;
	margin: 0 0 20px;
	overflow: hidden;
	display: inline-block;
	vertical-align: top
}

.brandcon ul li a {
	margin-left: 20px;
	padding: 5px;
	border: 1px solid #e0e0e0;
	background: #f8f8f8;
	display: block
}

.brandcon ul li img {
	width: 100%;
	-webkit-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s
}

.brandcon ul li a:hover img {
	opacity: .8
}

.brand-world {
	background: #fff
}

.world {
	margin-bottom: 30px;
	padding: 40px 30px;
	font-size: 0
}

.worldtitle {
	margin: 0 0 40px
}

.worldtitle h3 {
	font-size: 30px;
	color: #333;
	text-align: center
}

.worldtitle p {
	padding: 10px 0 20px;
	font-size: 14px;
	color: #999;
	text-align: center
}

.worldcon img {
	width: 100%
}

.cateimg {
	padding-top: 103px
}

.main-single {
	margin: 0 auto 20px;
	padding: 30px 0 10px
}

.sidebar-nav {
	width: 25%;
	float: left
}

.widget {
	margin-bottom: 20px;
	padding: 15px;
	background: #fff;
	border: 1px solid #f6f6f6;
	border-radius: 3px
}

.sidebar-nav .widget {
	vertical-align: top;
	-webkit-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s;
	border-radius: 2px;
	box-shadow: 0 1px 5px rgba(0, 0, 0, .1);
	overflow: hidden
}

h3.widget-title {
	margin: -15px -15px 15px;
	padding: 6px 15px;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	background: #1e85c6
}

p.p-img {
	margin: -15px -15px 15px
}

p.p-img img {
	width: 100%
}

.widget-text p {
	margin-bottom: 10px
}

.main-content {
	width: 70%;
	padding: 15px 20px;
	margin-left: 27%;
	background: #fff;
	vertical-align: top;
	-webkit-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s;
	border-radius: 2px;
	box-shadow: 0 1px 5px rgba(0, 0, 0, .1);
	overflow: hidden
}

.contitle {
	line-height: 38px;
	border-bottom: 1px solid #ddd
}

.catecon {
	padding: 10px 0 0
}

.contitle h2 {
	font-size: 16px;
	padding: 0 2px 5px;
	border-bottom: 1px solid #004c98;
	display: inline-block
}

.sitemap {
	max-width: 80%;
	height: 38px;
	float: right;
	display: inline;
	font-size: 12px;
	overflow: hidden
}

.sitemap a {
	font-size: 12px;
	color: #999;
	vertical-align: top
}

.sitemap i.fa {
	padding: 0 5px
}

.listitem {
	width: 100%;
	position: relative;
	clear: both
}

.catecon .listitem {
	display: inline-block;
	vertical-align: top
}

.listitem .post-item {
	overflow: hidden;
	list-style: none;
	border-bottom: 1px dotted #ccc;
	border-left: solid 4px #fff;
	background-color: #fff;
	position: relative
}

.post-itemimg {
	float: left;
	margin: 15px 15px 15px 12px;
	height: 130px;
	overflow: hidden;
	border: 1px solid transparent
}

.listitem .post-item:hover .post-itemimg img {
	-webkit-transform: scale(1.08);
	-ms-transform: scale(1.08);
	transform: scale(1.08);
	-webkit-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s
}

.itemdate i.fa {
	padding-right: 5px
}

.listitem .post-itemimg a {
	position: relative;
	display: inline-block;
	_zoom: 1;
	_display: inline
}

.post-itemimg a img {
	width: 200px;
	height: 130px;
	-webkit-transition: -webkit-transform .3s linear;
	-moz-transition: -moz-transform .3s linear;
	-o-transition: -o-transform .3s linear;
	transition: transform .3s linear
}

.post-iteminfo {
	margin: 8px 0 0;
	width: 70%;
	display: inline-block
}

.itemname {
	margin: 12px 0 15px;
	line-height: 24px;
	text-overflow: ellipsis;
	overflow: hidden;
	display: inline-block
}

.itemname a {
	font-size: 18px;
	color: #333
}

.itemintro {
	max-height: 45px;
	margin-bottom: 15px;
	font-size: 13px;
	color: #999;
	line-height: 22px;
	overflow: hidden
}

.itemdate {
	font-size: 12px;
	color: #999;
	line-height: 17px
}

.itemdate span {
	margin-right: 20px
}

.itemdate span:last-child {
	margin-right: 0
}

.widget.widget_clewm {
	padding: 0;
	background: 0 0;
	border: 0;
	box-shadow: inherit;
	text-align: center;
	margin-top: -21px
}

.ad,
.single-ad,
.flmb-ad,
.entry-ad {
	text-align: center
}

.cataimg-ad,
.catatwo-ad {
	border: 1px solid #fff;
	-webkit-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s;
	border-radius: 2px;
	box-shadow: 0 1px 5px rgba(0, 0, 0, .1);
	overflow: hidden;
	background: #fff;
	text-align: center;
	margin-bottom: 20px
}

body.home-article,
body.home-page,
body.home-category {
	background-image: url(../images/bg_001.jpg);
	background-color: #fbfbfb;
	background-repeat: repeat
}

.hdfocus {
	height: 400px;
	color: #fff;
	background-color: #33383c;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	text-align: center;
	margin-top: 90px;
}

.hdfocus-top {
	position: relative;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 15px;
	padding-right: 15px
}

.hdfocus .hdfocus-top {
	padding-top: 100px
}

.hdfocus-top h1 {
	margin: 0;
	font-weight: 400;
	font-size: 30px
}

.hdfocus-top h2 {
	margin: 0;
	font-weight: 400;
	font-size: 30px
}

.hdfocus-top h3 {
	margin: 15px 0 0;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.4
}

.hdfocus .top-button {
	margin-top: 35px
}

.top-primary {
	color: #fff;
	background-color: #1e85c6;
	border-color: #1e85c6;
	display: inline-block;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	border: 1px solid transparent;
	font-size: .875rem;
	line-height: 1.5;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	border-radius: 100px;
	padding: 8px 30px;
	margin: 0 10px
}

.hdfocus-tlist {
	position: relative;
	max-width: 1200px;
	margin: 15px auto;
	padding-left: 15px;
	padding-right: 15px
}

.hdfocus-box {
	margin-right: -2%;
	margin-top: 2%
}

.themes-item {
	float: left;
	width: 31.3333333333%;
	margin-right: 2%;
	text-align: center;
	margin-bottom: 2%;
	background: #fff;
	transition: .5s;
	box-shadow: 0 3px 10px rgba(65, 106, 166, .2)
}

.themes-item header {
	padding: 25px 15px 0;
	border: 1px solid #eee;
	border-bottom: none;
	-webkit-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0
}

.themes-item header h2 {
	font-size: 20px;
	font-size: 1.25rem;
	font-weight: 200;
	-webkit-font-smoothing: antialiased;
	margin: 0 0 5px;
	color: #565656;
	white-space: nowrap;
	word-wrap: normal;
	text-overflow: ellipsis;
	overflow: hidden
}

.themes-item header h4 {
	margin: 0;
	font-size: .85rem;
	line-height: 1.5;
	font-weight: 200;
	color: #bbb;
	-webkit-font-smoothing: antialiased;
	position: relative
}

.themes-item header h4:after {
	content: '';
	position: absolute;
	bottom: -12px;
	width: 30px;
	left: 50%;
	margin-left: -14px;
	height: 2px;
	background-color: #bbb
}

.themes-item .themes-item-content {
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
	padding: 30px 15px
}

.themes-item-content img {}

.themes-item footer {
	border: 1px solid #eee;
	padding: 20px;
	background-color: #f3f7f8;
	-webkit-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px
}

.top-primary {
	color: #fff;
	background-color: #1e85c6;
	border-color: #1e85c6
}

.top-btn-default {
	color: #1e85c6;
	background-color: #fff;
	border-color: #ddd
}

article.sandraItem:hover .themes-item {
	transform: translate3d(0, -6px, 0);
	box-shadow: 0 3px 10px rgba(65, 106, 166, .2)
}

a.top-primary:hover {
	color: #1e85c6;
	background: #fff
}

a.top-btn-default:hover {
	color: #fff;
	background: #999
}

.hdfocus-box .ias-trigger,
.hdfocus-box .ias-noneleft,
.hdfocus-box .ias-spinner {
	margin-right: 2%;
	clear: both
}

.theme-service {
	padding: 50px 0;
	overflow: hidden;
	background-color: #f8f8f8
}

.theme-service-container {
	position: relative;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 15px;
	padding-right: 15px
}

.theme-service-container ul {
	overflow: hidden;
	margin-right: -5%
}

.theme-service-container ul li {
	text-align: center;
	float: left;
	width: 20%;
	margin-right: 5%;
	cursor: default
}

.theme-service-container ul li i.fa {
	height: 80px;
	line-height: 80px;
	font-size: 60px
}

.theme-service-container ul li strong {
	display: block;
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 5px
}

.theme-service-container ul li p {
	font-size: 12px;
	margin: 0;
	color: #999
}

.theme-service {
	background-color: #fff;
	border-top: 1px solid #ddd
}

.pagination {
	text-align: center;
	overflow: hidden;
	float: left;
	height: 60px;
	position: relative;
	top: 13px;
	padding-left: 2px
}

.page-list a {
	position: relative;
	margin-right: 5px;
	float: left;
	padding: 6px 12px;
	margin-left: -1px;
	line-height: 1.42857143;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 2px
}

.ias-trigger {
	float: right;
	position: relative;
	top: 10px;
	margin-right: 20px;
	border-radius: 4px
}

.ias-trigger a:hover {
	background: #1e85c6;
	color: #fff;
	border: 1px solid transparent
}

.com-page {
	text-align: center;
	margin-top: 18px;
	margin-bottom: 10px
}

.com-page-list a {
	position: relative;
	margin-right: 5px;
	padding: 2px 8px;
	margin-left: -1px;
	line-height: 1.42857143;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 2px
}

.com-page-list a.on,
.com-page-list a:hover {
	color: #fff;
	background: #1e85c6;
	border: 1px solid transparent
}

.page-list a.on,
.pagination a:hover {
	color: #fff;
	background: #1e85c6;
	border: 1px solid transparent
}

.catatwo-news.ias_min .pagination {
	min-width: 60%
}

.ias-trigger i.fa {
	padding-right: 3px
}

.ias-spinner a,
.ias-trigger a,
.ias-noneleft {
	font-size: 14px;
	padding: 8px 20px;
	background-color: #fff;
	display: block;
	border-radius: 2px;
	border: 1px #eee solid;
	clear: both
}

.ias-noneleft {
	border: 1px #eee solid;
	color: #fff;
	background: #1e85c6;
	float: right;
	position: relative;
	top: 10px;
	margin-right: 20px
}

@-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: 34px;
	height: 34px;
	margin-top: 10px;
	display: inline-block;
	text-align: center;
	background-color: #1e85c6;
	-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
}

.ias-spinner {
	position: relative;
	float: right;
	top: 4px;
	margin-right: 20px
}

.entry pre.prism-line-numbers {
	border-left: 6px solid #737f99
}

.entry ol.list-paddingleft-2 {
	margin-left: 3.5em
}

.entry ol.list-paddingleft-2 li {
	margin: 0;
	padding: 0;
	list-style-type: decimal
}

.entry ol.list-paddingleft-2 li p {
	overflow: visible;
	text-indent: 0;
	margin: 5px 0 8px
}

.entry ul.list-paddingleft-2 {
	margin-left: 2.5em;
	padding: 5px 0
}

.entry ul.list-paddingleft-2 p {
	margin: 5px 0 8px
}

.entry .excerpt h4 {
	margin: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding-left: 2px;
	border-bottom: 1px solid #2f889a;
	color: #666;
	font-size: 15px;
	line-height: 180%;
	padding-bottom: 8px
}

.single-title h1 {
	font-size: 28px;
	color: #333;
	text-align: center
}

.single-info {
	margin: 20px 0 30px;
	line-height: 30px;
	text-align: center;
	text-transform: uppercase;
	background: #f9f9f9
}

.single-info>span {
	margin-right: 15px;
	font-size: 12px;
	color: #999
}

.single-info i.fa {
	padding-right: 5px
}

.single-font {
	display: inline-block
}

span#font-n {
	margin: 0 5px
}

.single-font a {
	color: #666
}

.single-font a:hover {
	color: #1e85c6
}

.single-font i.fa {
	padding-right: 0
}

a.sing-bj {
	margin-left: 5px
}

a.sing-bj i.fa {
	padding-right: 2px
}

.entry {
	position: relative;
	width: auto;
	color: #444;
	font-size: 14px;
	line-height: 200%
}

.entry p {
	margin: 5px 0 10px;
	color: #666;
	font-size: 15px;
	line-height: 180%
}



.entry h1 {
	color: #666;
	font-size: 22px;
	font-weight: 700;
	line-height: 190%;
	border-bottom: 1px solid #e40000;
	border-left: 4px solid #e40000;
	padding: 0 30px 5px;
	margin: 10px -20px
}

.entry h2 {
	color: #666;
	font-size: 20px;
	font-weight: 700;
	line-height: 190%;
	border-bottom: 1px solid #e40000;
	border-left: 4px solid #e40000;
	padding: 0 30px 5px;
	margin: 10px -20px
}

.entry h3 {
	text-indent: 0 !important;
	padding-left: 10px;
	color: #666;
	font-size: 18px;
	font-weight: 700;
	line-height: 190%;
	margin: 2px -20px 10px;
	padding: 4px 30px;
	border-left: 4px solid #1e85c6;
	border-bottom: 1px solid #1e85c6
}

.entry h4 {
	margin: 10px 0;
	margin-left: 10px;
	padding-left: 10px;
	border-bottom: 1px solid #1e85c6;
	color: #666;
	font-size: 16px;
	font-weight: 700;
	line-height: 180%;
	padding-bottom: 10px
}

.entry h5 {
	margin: 10px 0;
	margin-left: 10px;
	padding-left: 10px;
	border-bottom: 1px solid #e7e7e7;
	color: #666;
	font-size: 15px;
	font-weight: 700;
	line-height: 180%;
	padding-bottom: 10px
}

.entry h6 {
	margin: 10px 0;
	margin-left: 10px;
	padding-left: 10px;
	border-bottom: 1px solid #e7e7e7;
	color: #666;
	font-size: 14px;
	font-weight: 700;
	line-height: 180%;
	padding-bottom: 10px
}

blockquote {
	margin: 10px -21px 20px -20px;
	padding: 10px 40px;
	border-top: 1px solid #eee;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	border-left: 5px solid #1e85c6;
	background: #fcfcfc
}

.lvse {
	text-indent: 1em !important;
	color: #7da33c;
	background: #ecf2d6 url(../images/wpgo_sc_notice.png) -1px -1px no-repeat;
	border: 1px solid #aac66d;
	overflow: hidden;
	margin: 10px 0;
	padding: 15px 15px 15px 35px
}

.hongse {
	text-indent: 1em !important;
	color: #c66;
	background: #ffecea url(../images/wpgo_sc_error.png) -1px -1px no-repeat;
	border: 1px solid #ebb1b1;
	overflow: hidden;
	margin: 10px 0;
	padding: 15px 15px 15px 35px
}

.huangse {
	text-indent: 1em !important;
	color: #ad9948;
	background: #fff4b9 url(../images/wpgo_sc_warn.png) -1px -1px no-repeat;
	border: 1px solid #eac946;
	overflow: hidden;
	margin: 10px 0;
	padding: 15px 15px 15px 35px
}

.huise {
	text-indent: 1em !important;
	color: #777;
	background: #eaeaea url(../images/wpgo_sc_tips.png) -1px -1px no-repeat;
	border: 1px solid #ccc;
	overflow: hidden;
	margin: 10px 0;
	padding: 15px 15px 15px 35px
}

.lanse {
	text-indent: 0 !important;
	font-size: 16px;
	font-weight: 400;
	color: #fff;
	margin: 10px 0;
	padding: 5px 10px;
	background-color: #169fe6;
	display: inline-block
}

.putong {
	text-indent: 1em !important;
	margin: 10px 0;
	padding: 10px 15px;
	background: #fff;
	border: 1px solid #e3e3e3;
	border-left: 3px solid #3dabce
}

.chunse {
	text-indent: 1em !important;
	font-family: 微软雅黑;
	padding: 15px 15px 15px 35px;
	margin: 20px 0;
	border: 1px solid #be1f1f;
	color: #820b0b;
	position: relative;
	font-size: 15px;
	line-height: 18px;
	white-space: normal;
	background: #efcec9
}

p.lanse a {
	color: #fff;
	font-weight: 600
}

.entry .lanse {
	color: #fff;
	margin-left: 1em
}

.entry .lanse a:hover {
	color: #e7ff20
}

.entry-meta {
	padding: 15px 20px;
	overflow: hidden
}

p.post-tag a {
	padding: 3px 8px;
	border: 1px solid #e7e7e7;
	margin-right: 5px;
	line-height: 35px
}

p.post-tag a:last-child {
	margin-right: 0
}

.article-nav {
	border-top: 1px solid #e7e7e7;
	background-color: #fbfbfb;
	overflow: hidden;
	padding: 15px 10px;
	font-size: 15px;
	color: #666
}

.article-nav span {
	float: left;
	position: relative;
	max-width: 50%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

span.article-nav-next {
	float: right;
	text-align: right
}

span.article-nav-prev i.fa {
	margin-right: 10px
}

span.article-nav-next i.fa {
	margin-left: 10px
}

.nav-previous,.nav-next{
	margin-top: 5px;
	margin-bottom: 5px;
}


.nav-previous a,
.nav-next a {
	color: #b6b6b6;
	text-align: center;
	-webkit-transition: all .2s ease-out 0s;
	-o-transition: all .2s ease-out 0s;
	transition: all .2s ease-out 0s
}

span.meta-nav-r {
	position: fixed;
	left: 0;
	top: 45%;
	width: 50px;
	z-index: 1
}

span.meta-nav-l {
	position: fixed;
	right: 0;
	top: 45%;
	width: 50px;
	z-index: 1
}

#related-posts {
	overflow: hidden;
	margin: 15px 0 0
}

#related-posts h3 {
	border-bottom: 1px #eee solid;
	padding-left: 5px;
	padding-bottom: 10px
}

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

span.h3line {
	margin-left: 2px;
	border-bottom: 2px solid #1e85c6;
	padding-bottom: 12px
}

.post-tags-key {
	float: right;
	position: relative;
	top: 0;
	display: inline-block
}

span.post-keyword {
	color: #5b5a5a;
	font-size: 13px;
	font-size: .8em
}

span.post-keyword a {
	display: inline;
	margin-right: 8px;
	padding: 3px 8px;
	border: 0;
	border-radius: 3px;
	background: #efefef;
	color: #909090;
	text-shadow: .1em .1em 1em #fff;
	font-size: 14px
}

span.post-keyword a:hover {
	background: #909090;
	color: #efefef
}

ul.relates li {
	float: left;
	width: 49%;
	height: 30px;
	overflow: hidden;
	line-height: 30px;
	color: #bbb
}

ul.relates li i {
	vertical-align: middle
}

ul.relates li a {
	margin-left: 10px
}

ul.relates li a:hover {
	margin-left: 20px;
	color: #1e85c6
}

ol.teamnewslist {
	margin-left: 36px;
	padding: 20px 0 10px 15px;
	border-left: 2px solid #eee;
	color: #666;
	list-style: none;
	font-size: 18px
}

ol.teamnewslist b,
.teamnewslist p {
	position: relative;
	display: block;
	color: #999;
	font-weight: 400;
	font-size: 14px;
	cursor: pointer
}

ol.teamnewslist b::after {
	position: absolute;
	top: 6px;
	left: -25px;
	width: 14px;
	height: 14px;
	border: 2px solid #ccc;
	border-radius: 50%;
	background-color: #fff;
	box-shadow: 2px 2px 0 #fff, -2px -2px 0 #fff;
	content: ''
}

ol.teamnewslist p::after {
	position: absolute;
	top: 6px;
	left: -25px;
	width: 14px;
	height: 14px;
	border: 2px solid #ccc;
	border-radius: 50%;
	background-color: #fff;
	box-shadow: 2px 2px 0 #fff, -2px -2px 0 #fff;
	content: ''
}

ol.teamnewslist li {
	margin-bottom: 15px;
	margin-left: 0 !important;
	padding: 0
}

ol.teamnewslist li:hover {
	color: #555
}

ol.teamnewslist li:hover b::after {
	border-color: #28c2a0
}

ol.teamnewslist li:hover b {
	color: #ff5e52
}

ol.teamnewslist li:hover p::after {
	border-color: #28c2a0
}

ol.teamnewslist li:hover p {
	color: #ff5e52
}

ol.teamnewslist li:last-child {
	margin-bottom: 15px
}

ol.teamnewslist a {
	text-decoration: none;
	color: #999;
	font-size: 16px
}

ol.teamnewslist a:hover {
	color: #22aeec
}

.hdfocus-box:before,
.hdfocus-box:after,
.catatwo-news:before,
.catatwo-news:after {
	display: table;
	content: " ";
	clear: both
}

.catatwo-list {
	margin-top: 30px
}

.catatwo-lb {
	width: 49%;
	margin: 6px 0;
	background: #fff;
	border: 1px solid #fff;
	line-height: 22px;
	vertical-align: top;
	-webkit-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s;
	border-radius: 2px;
	box-shadow: 0 1px 5px rgba(0, 0, 0, .1);
	overflow: hidden
}

.catatwo-news .catatwo-lb:nth-child(odd) {
	float: left
}

.catatwo-news .catatwo-lb:nth-child(even) {
	float: right
}

.catatwo-padd {
	padding: 15px 10px;
	height: 100%;
	overflow: hidden
}

.catatwo-lb-img {
	float: left;
	height: auto;
	margin-left: 0;
	margin-right: 2.8169%;
	max-width: 290px;
	position: relative;
	width: 25%
}

.catatwo-lb .catatwo-lb-img {
	height: 120px;
	width: 30%;
	overflow: hidden
}

.catatwo-lb-img img {
	width: 100%;
	height: 100%;
	overflow: hidden
}

.catatwo-lb-img a:hover img {
	-webkit-transform: scale(1.08);
	-ms-transform: scale(1.08);
	transform: scale(1.08);
	-webkit-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s
}

.catatwo-lb h4 {
	margin: 0 0 2px;
	font-size: 1.2em;
	font-weight: 100;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.catatwo-lb h4 a:hover {
	margin-left: 6px
}

.catatwo-lb span {
	font-size: 12px;
	color: #999;
	margin-right: 3px
}

.catatwo-lb span i.fa {
	padding-right: 5px
}

.catatwo-lb p {
	font-size: 14px;
	margin-top: 5px;
	color: #888
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
	-webkit-appearance: button;
	cursor: pointer
}

.come-comt i.fa {
	margin-right: 3px;
	font-size: 18px;
	font-size: 1.1em
}

#comments {
	background-color: #fff;
	padding: 5px 10px;
	padding-bottom: 10px
}

#comments-nav.pagination .page-list {
	margin: 15px 0 0
}

#comments h3,
#comments h4 {
	font-size: 16px;
	font-weight: 300;
	line-height: 2;
	padding: 0 8px;
	margin: 10px 0;
	margin-bottom: 15px;
	border-bottom: 1px solid #1e85c6;
	color: #1e85c6
}

#comments .comment-tab {
	line-height: 25px;
	border-bottom: 1px solid #1e85c6;
	padding: 5px 0 5px 5px
}

.comment-text-center {
	cursor: pointer;
	text-align: center;
	margin-top: 18px;
	font-size: 16px;
	font-size: 1.15em;
	color: #338a9c;
	font-weight: 500;
	margin-bottom: 10px
}

.comment-text-center i.fa {
	position: relative;
	font-size: 1.2em;
	top: 1px
}

#comments span.come-comt {
	font-weight: 700;
	font-size: 16px;
	color: #888
}

span.come-comt i.fa {
	font-size: 1.3em
}

#comments span#comment_count {
	font-weight: 400;
	font-size: 14px;
	color: #666;
	float: none !important
}

#comments h5 {
	margin: 8px
}

#comments h4 span {
	margin-right: 8px
}

#comments h4 span.jubao {
	float: right;
	margin-right: 0
}

#comments h4 span.jubao small {
	color: #338a9c
}

#comments h4 span.jubao small:hover {
	color: #f05a28
}

.comt-box {
	width: 100%;
	height: 100%;
	overflow: hidden
}

.show-comments {
	width: 69%;
	float: left;
	overflow: hidden
}

.show-sidebar {
	width: 30%;
	float: right;
	margin-top: 10px
}

#frmSumbit #inpName,
#frmSumbit #inpEmail,
#frmSumbit #inpHomePage,
#frmSumbit #inpVerify {
	border: 1px solid #eee;
	padding-left: 10px;
	width: 95.55%;
	height: 44px;
	line-height: 44px;
	color: #bbb1c6;
	background: #fff;
	margin-bottom: 0
}

.form-name {
	margin-right: 10px;
	margin-left: 2px
}

.form-email {
	margin-right: 10px
}

.form-group {
	margin-bottom: 15px;
	margin-top: 8px
}

.liuyan {
	float: left;
	width: 32.32%;
	position: relative
}

#frmSumbit .input-inpVerify #inpVerify {
	height: 30px;
	line-height: 30px;
	width: 96.4%;
	padding-left: 10px
}

.form-inpVerify {
	float: left;
	width: 33%;
	position: relative;
	min-height: 1px;
	padding-right: 15px
}

.commentpost .input-group-addon {
	border-left: 1px solid #eee;
	position: absolute;
	right: -1px;
	top: 1px;
	height: 32px;
	padding: 0;
	font-weight: 400;
	line-height: 1;
	color: #555;
	text-align: center;
	vertical-align: middle
}

.input-inpVerify {
	position: relative;
	display: inherit;
	border-collapse: separate
}

.input-group-addon img {
	height: 100%;
	border-bottom-right-radius: 3px;
	border-top-right-radius: 3px
}

.commentpost label {
	height: auto;
	overflow: hidden;
	clear: left;
	float: left;
	line-height: 15px;
	border-color: #ccc;
	border-style: solid;
	border-width: 1px 0 1px 1px;
	margin: 0;
	padding: 6px 10px
}

#txaArticle {
	width: 98%;
	height: 120px;
	line-height: 180%;
	border: 1px solid #ddd;
	padding: 5px 8px 5px 10px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px
}

#frmSumbit p {
	padding: 0;
	margin: 10px 0;
	line-height: 30px
}

#frmSumbit .button {
	color: #fff;
	background-color: #1e85c6;
	height: 30px;
	width: 88px;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
	border-radius: 4px
}

.msgname .dot {
	font-size: 26px;
	color: #f4f4f4;
	float: right;
	margin-left: 15px;
	font-weight: 700;
	letter-spacing: 2px
}

.msg .msgimg img {
	clear: left;
	float: left;
	margin-right: 10px;
	padding: 2px;
	height: 58px;
	width: 58px;
	border: 1px solid #ddd;
	background-color: #f1f1f1;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	-webkit-transition: .4s;
	-webkit-transition: -webkit-transform .4s ease-out;
	-moz-transition: -moz-transform .4s ease-out;
	transition: transform .4s ease-out
}

.msgtxt .msgarticle {
	padding-bottom: 2px;
	padding-right: 10px
}

.msgarticle img {
	margin-top: 2px;
	padding: 0 2px
}

#comments .msg {
	font-size: 12px;
	line-height: 22px;
	border: 1px solid #ddd;
	padding: 10px;
	margin-top: 18px;
	margin-bottom: 10px
}

#comments .msg:hover {
	background: #fbfbfb;
	border-left: 1px dotted #bbb;
	border-right: 1px dotted #bbb
}

#comments .msg:hover .msgimg img.avatar,
#comments .msg .msgimg:hover img {
	transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transition: all .5s ease 0s
}

#comments .msg .msgarticle img {
	margin-top: 0;
	position: relative;
	top: 4px
}

#cancel-reply small {
	margin: 0 10px;
	color: #ff6f3d;
	font-weight: 500
}

#comments .msg .msgname {
	color: #999;
	padding-top: 2px
}

#comments .msg .msgarticle {
	color: #666;
	padding-top: 4px;
	min-height: 35px;
	line-height: 25px;
	margin-left: 66px
}

#comments .msg .msgarticle .msg {
	margin-top: 10px;
	margin-bottom: 5px;
	padding-top: 10px;
	padding-left: 12px;
	border-bottom: none;
	border-top: none;
	border: 1px solid #e0dddd;
	border-radius: 5px;
	box-shadow: 0 0 0 transparent
}

.msg .msgarticle .msg .msgname .dot {
	display: none
}

a.comment_at {
	padding: 2px 5px 3px;
	border: 1px solid #ddd;
	border-radius: 4px;
	color: #f35532;
	font-weight: 700;
	margin-right: 5px
}

#logo404 {
	background-color: #fff;
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;
	background-position: center center;
	padding-top: 60px;
	padding-bottom: 60px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #9eaa99;
	box-shadow: 0 0 4px rgba(0, 0, 0, .25)
}

#cw404 {
	width: 720px;
	margin: 20px auto
}

#cw404 h1 {
	font-size: 18px;
	line-height: 60px;
	font-weight: 400;
	text-align: center
}

#cw404 .kuang {
	font-size: 14px;
	border: 1px solid #9eaa99;
	border-radius: 3px;
	box-shadow: 0 0 4px rgba(0, 0, 0, .25);
	padding: 20px;
	background-color: #fff
}

#cw404 #ts404 {
	text-align: center
}

span.LevelName {
	background-color: #2f889a;
	color: #fff !important;
	font-size: 12px;
	margin: 0 5px 0 1px;
	opacity: .9;
	padding: 2px 7px 2.5px;
	border-radius: 3px;
	cursor: pointer
}

span.aulevel1 {
	background-color: #de3009
}

span.aulevel2 {
	background-color: #d9534f
}

span.aulevel3 {
	background-color: #5cb85c
}

span.aulevel4 {
	background-color: #3ab2ce
}

span.aulevel5 {
	background-color: #428bca
}

.msgname a {
	margin-right: 5px
}

.msgname span a {
	margin-left: 5px;
	margin-right: 0
}

.commentlist .comment {
	list-style: none;
	border-top: 1px solid #ddd
}

.commentlist li.comment ul.children {
	margin-left: 20px
}

.commentlist .depth-1 {
	margin: 10px 0
}

.commentlist li {
	position: relative
}

.commentlist .comment-body {
	padding: 5px 0
}

.commentlist .comment-body:hover {
	background: #fafafa url(../images/bg2.png) repeat
}

.commentlist p {
	margin: 5px 0 5px 50px;
	line-height: 22px
}

.reply a:link,
.reply a:visited {
	text-align: center;
	font-size: 12px
}

.datetime {
	font-size: 12px;
	color: #aaa;
	text-shadow: 0 1px 0 #fff;
	margin-left: 50px
}

.commentmetadata {
	font-size: 12px;
	color: #aaa;
	text-shadow: 0 1px 0 #fff;
	margin-left: 50px
}

ol.commentlist li div.vcard img.avatar {
	width: 40px;
	height: 40px;
	position: relative;
	float: left;
	margin: 4px 6px 0 0;
	padding: 2px;
	border: 1px solid #ddd;
	background: #fff
}

ol.commentlist li div.floor {
	float: right;
	color: #bbb
}

#respond {
	padding: 5px 10px 10px;
	overflow: hidden
}

#respond_box {
	clear: both;
	border-top: 1px solid #ddd
}

#respond h3 {
	margin: 5px 0 6px
}

#comment {
	background: #fff
}

#comments .msg:hover .commentpost {
	background: #fbfbfb
}

#commentform p {
	color: #333
}

#commentform label {
	color: #868686
}

#commentform input {
	border: 1px solid #ddd;
	width: 160px;
	margin: 4px 5px 4px 0;
	padding: 3px;
	box-shadow: inset 2px 3px 5px #eee
}

#commentform input:focus {
	border: 1px solid #ccc
}

#commentform textarea {
	width: 95%;
	height: 120px;
	font-size: 13px;
	padding: 4px;
	margin: 4px 0 0;
	border: 1px solid #ddd;
	box-shadow: inset 2px 3px 5px #eee
}

#commentform textarea:focus {
	border: 1px solid #ccc
}

#commentform input#submit,
#commentform input#reset {
	width: 110px;
	height: 32px;
	background: #606060;
	color: #fff;
	border: 1px solid #e5e5e5;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 4px;
	line-height: 28px;
	text-align: center;
	margin-top: 8px;
	box-shadow: none
}

#commentform #submit:hover,
#commentform #reset:hover {
	font-weight: 700
}

#real-avatar .avatar {
	float: right;
	padding: 2px;
	border: 1px solid #ddd;
	background: #fff;
	margin-right: 20px;
	_margin-right: 10px
}

.commentpost h4 i.fa {
	color: #1e85c6;
	margin-right: 5px
}

#comments .msg .msgimg img.avatar:hover {
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transform: rotate(360deg)
}

#comment-tools {
	float: left;
	border: 1px solid #ddd;
	border-bottom: none;
	display: block;
	margin: 0;
	padding: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	width: 99%
}

#comment-tools a {
	padding: 1px 5px;
	color: #666;
	cursor: pointer;
	font-size: 15px;
	font-size: 16px;
	font-size: 1.15em
}

#comment-tools i.fa {
	color: #338a9c
}

span.com-title {
	margin-left: 5px;
	font-size: 14px;
	font-size: 1em;
	color: #338a9c;
	font-weight: 500
}

#faces {
	padding: 1px 3px
}

#faces i.fa {
	font-size: 1.2em;
	font-size: 17px;
	cursor: pointer
}

#UbbFrame {
	margin: 6px 0 0
}

#ComtoolsFrame {
	*display: none;
	margin-top: -20px;
	padding: 25px 0 5px
}

#ComtoolsFrame img {
	display: inline-block;
	margin: 0;
	padding: 3px 3px 0
}

#ComtoolsFrame img:hover {
	background-color: #eee;
	cursor: pointer
}

#comments .msg .msgarticle .noimg .msgimg img {
	display: none !important
}

#comments .msg .msgarticle ul.msgarticle {
	margin-left: 0
}

#comments .msg .msgarticle .noimg .msgtxt .msgarticle .noimg {
	margin-left: 0;
	margin-top: 15px;
	margin-bottom: 5px
}

#comments .msg .msgarticle .noimg .msgarticle {
	padding-top: 10px;
	margin-left: 0
}

#comments .msg .msgarticle #comment {
	visibility: visible !important;
	animation-name: fadeInDown !important
}

#comments .msg .msgarticle p {
	padding-top: 10px
}

#comments .msg .msgarticle form#frmSumbit p {
	margin-bottom: 5px;
	padding-top: 5px
}

.msgname .dot.shafa {
	color: #f25531;
	font-size: 15px;
	opacity: .8
}

.msgname .dot.bandeng {
	color: #f4775a;
	font-size: 15px;
	opacity: .8
}

.msgname .dot.diban {
	color: #f6937c;
	font-size: 15px;
	opacity: .8
}

.msgarticle #ComtoolsFrame {
	height: 52px;
	overflow: hidden
}

.msgname:hover .comment-reply-link {
	display: block
}

.msgtxt {
	position: relative;
	font-size: 14px;
	font-size: 1.2em
}

.msgname a.comment-reply-link {
	background: #ededed;
	display: none;
	padding: 0 10px;
	border: 1px solid #ddd;
	border-radius: 2px;
	position: absolute;
	top: -1px;
	right: 10px
}

.msgname a.comment-reply-link:hover {
	background: #1e85c6;
	color: #fff;
	border: 1px solid transparent
}

#comments span.iliuyan {
	float: right;
	margin-right: 0
}

#comments span.iliuyan a {
	font-size: 15px;
	font-size: .95em;
	color: #1e85c6
}

#comments span.iliuyan a:hover {
	color: #e14522
}

span.WB-OS {
	position: relative;
	margin-left: 5px;
	top: 3px;
	display: none
}

.shadow-box:hover span.WB-OS {
	display: initial
}

#comments .msg .msgarticle span.WB-OS {
	top: -1px
}

.footer {
	padding: 10px 0;
	color: #bfbfbf;
	background: #2d3237;
	padding-top: 14px;
	background: #2d3237 url(../images/background-top.jpg) repeat-x scroll 0 0
}

.footer-wrap {
	width: 1200px;
	margin: 0 auto;
	zoom: 1
}

.foot_about a {
	margin: 0 10px
}

.footer a {
	color: #bfbfbf;
	font-size: 13px
}

.footer a:hover {
	color: #fff;
	text-decoration: none
}

.footer-sns .fa:hover {
	color: #fff
}

.footer-sns .fa {
	position: relative;
	width: 36px;
	height: 36px;
	font-size: 18px;
	line-height: 36px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	text-align: center;
	background: #777;
	color: #fff
}

.footer-sns .fa:after {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background: #4285f4;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	content: '';
	opacity: 0;
	filter: alpha(opacify=0);
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0)
}

.footer-sns .fa:hover:after {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
	filter: alpha(opacify=100);
	-webkit-transition: all .5s cubic-bezier(.3, 0, 0, 1.3) 0s;
	-o-transition: all .5s cubic-bezier(.3, 0, 0, 1.3) 0s;
	transition: all .5s cubic-bezier(.3, 0, 0, 1.3) 0s
}

.footer-sns .fa:before {
	position: relative;
	z-index: 2
}

.footer-sns {
	padding-top: 10px;
	padding-bottom: 15px;
	text-align: center
}

.footer-sns a {
	width: 32px;
	height: 32px;
	margin: 0 10px
}

a.weixin span {
	width: 120px;
	margin-left: -70px;
	padding: 10px;
	text-align: center;
	border: 1px solid #e0e0e0;
	background: #fff;
	position: absolute;
	bottom: 46px;
	left: 50%;
	z-index: 10;
	display: none
}

a.weixin span img {
	width: 120px;
	height: 120px
}

a.weixin {
	position: relative
}

.footer-sns a:hover span {
	display: block
}

.footer-sns a.weixin span:before {
	content: "";
	width: 0;
	height: 0;
	margin-left: -10px;
	border-style: solid;
	border-width: 10px 10px 0;
	border-color: #fff transparent transparent transparent;
	position: absolute;
	bottom: -8px;
	left: 50%;
	z-index: 1
}

.footer-sns a.weixin span:after {
	content: "";
	width: 0;
	height: 0;
	margin-left: -10px;
	border-style: solid;
	border-width: 10px 10px 0;
	border-color: #e0e0e0 transparent transparent transparent;
	position: absolute;
	bottom: -10px;
	left: 50%
}

.foot_about {
	padding-bottom: 15px;
	text-align: center;
	border-bottom: 1px solid #e0e0e0
}

.footer .copyright {
	padding: 10px 0;
	font: 13px Verdana, 微软雅黑, Geneva, sans-serif;
	color: #ccc;
	text-align: center
}

.footer .copyright p {
	line-height: 25px
}

.footer .copyright p a {
	margin: 0 0 0 5px
}

.backtop {
	z-index: 999;
	bottom: 65px;
	position: fixed;
	right: 0;
	margin-right: 15px;
	cursor: pointer
}

.backtop a,
.backtop i {
	color: #666
}

.backtop .bt-box {
	padding: 8px;
	margin-bottom: 5px;
	width: auto;
	height: auto;
	line-height: 20px;
	vertical-align: middle;
	background: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 2px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, .04);
	text-align: center
}

.bt-box.weixin:hover,
.bt-box.tnrt:hover,
.bt-box.qq:hover,
.backtop .bt-box:hover {
	background: #1e85c6
}

.bt-box.weixin:hover a,
.bt-box.tnrt:hover a,
.bt-box.qq:hover a,
.backtop .bt-box:hover i {
	color: #fff
}

.bt-box.tnrt a {
	font-size: 16px
}

.backtop .weibo .pic {
	position: absolute;
	display: none
}

.backtop .weixin .pic {
	position: absolute;
	display: none
}

.backtop .top {
	display: none
}

.backtop .weibo .pic {
	left: -150px;
	bottom: 5px;
	max-width: 150px;
	padding: 8px;
	background: #fff;
	animation-duration: .5s;
	-webkit-animation: fade-in .5s;
	border: 1px solid #ddd;
	box-shadow: 0 1px 1px rgba(0, 0, 0, .08)
}

.backtop .weixin .pic {
	left: -133px;
	bottom: 4px;
	max-width: 132px;
	padding: 8px;
	background: #fff;
	animation-duration: .5s;
	-webkit-animation: fade-in .5s;
	border: 1px solid #ddd;
	box-shadow: 0 1px 1px rgba(0, 0, 0, .08)
}

.backtop a:hover,
.backtop i:hover {
	color: #f3f3f3
}

.backtop .phone .phones {
	background: #ff6f3d
}

#backtop i.fa {
	font-size: 1.33333333em;
	line-height: .75em;
	vertical-align: -15%
}

.nav-sousuo,
span.toggle-btn,
.nav-sjlogo {
	display: none
}

.home-fluid {
	margin-top: 103px
}

.fixed-nav {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	-webkit-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s
}

.fixed-enabled {
	top: -103px;
	-webkit-animation-name: slideDown;
	-moz-animation-name: slideDown;
	-o-animation-name: slideDown;
	animation-name: slideDown
}

.fixed-appear {
	top: 0;
	z-index: 9999;
	-webkit-animation-name: slideUp;
	-moz-animation-name: slideUp;
	-o-animation-name: slideUp;
	animation-name: slideUp
}

@-webkit-keyframes ballPulseDouble {

	0%,
	100% {
		-webkit-transform: scale(0);
		transform: scale(0)
	}

	50% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes ballPulseDouble {

	0%,
	100% {
		-webkit-transform: scale(0);
		transform: scale(0)
	}

	50% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

.entry p iframe {
	width: 640px;
	height: 498px
}

.dropdown-menu {
	position: absolute;
	top: 44px;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	margin: 0;
	padding: 0;
	background-color: #323841;
	list-style: none
}

.nav-warp {
	display: none
}

.tiaojian .actions span {
	display: none
}

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

	.nav-sousuo,
	.nav-sjlogo {
		display: block;
		height: 0
	}

	#top-header,
	.sidebar-right,
	#comments h4 span.jubao,
	.search {
		display: none
	}

	#header {
		height: 52px;
		border-bottom: 2px solid #2f889a;
		position: fixed;
		z-index: 265
	}

	.header {
		max-width: 100%;
		height: 52px;
		text-align: center
	}

	#logo {
		margin: 1px 0 0 0;
		text-align: center;
		float: none;
		display: inline-block;
		height: 100%
	}

	.header-nav {
		margin-right: 0
	}

	#header.fixednav .header-nav {
		margin-right: 0
	}

	.swiper-post {
		padding: 2px 10px
	}

	.swiper-post h3 {
		font-size: 14px;
		font-size: 1em
	}

	.mobile_aside {
		width: 300px;
		right: 0;
		height: 100%;
		position: fixed;
		top: 52px;
		bottom: 0;
		background-color: #222;
		overflow-x: hidden;
		overflow-y: auto;
		z-index: 9;
		opacity: .95;
		display: none
	}

	.mobile-menu {
		margin-top: 10px
	}

	.mobile-menu .nav-pills {
		border-bottom: 1px #333 solid
	}

	#header.fixednav {
		border-bottom: 2px solid #2f889a;
		border-top-width: 0
	}

	.nav-sjlogo i.fa {
		position: absolute;
		border-radius: 4px;
		top: 10px;
		right: 12px;
		height: 30px;
		width: 32px;
		line-height: 30px;
		font-size: 1.2em;
		padding: 1px;
		border: 1px #eee solid;
		background-color: #f8f8f8;
		cursor: pointer;
		text-indent: 0
	}

	.mini_search {
		padding: 4%;
		width: 92%;
		background: #eee;
		display: none;
		position: relative;
		overflow: hidden;
		top: -6px;
		left: 0;
		z-index: 99;
		-webkit-box-pack: justify;
		border-bottom: 1px solid transparent;
		border-color: #ebedf1;
		box-shadow: 0 0 1px 0 rgba(0, 0, 0, .3), 0 0 6px 2px rgba(0, 0, 0, .15)
	}

	#header.fixednav .mini_search {
		top: 2px
	}

	.fixed-enabled {
		top: 0
	}

	#mo-so {
		text-align: center;
		color: #eee;
		display: inline-block;
		text-decoration: none;
		right: 12px;
		font-size: 1.1em
	}

	#mo-so i.fa {
		position: absolute;
		border-radius: 4px;
		top: 10px;
		left: 12px;
		height: 30px;
		width: 32px;
		line-height: 30px;
		font-size: 1.2em;
		padding: 1px;
		border: 1px #eee solid;
		background-color: #f8f8f8;
		cursor: pointer;
		text-indent: 0;
		color: #666
	}

	.searchform {
		float: none;
		margin: 0 auto
	}

	.mini_search .searchform #ls {
		padding-left: 3%;
		width: 90%;
		height: 40px;
		line-height: 40px;
		border: 1px solid #e4e3e3;
		border-radius: 0;
		background: #fff;
		margin-bottom: 0
	}

	button.btn-search.dtb2 {
		font-size: 1.2em;
		transition: all .4s ease;
		width: 38px;
		border: none;
		background: 0 0;
		cursor: pointer;
		position: absolute;
		height: 38px;
		line-height: 44px;
		right: 9%;
		color: #a9a9a9
	}

	.nav-pills>li {
		border-top: 1px #333 solid;
		border-bottom: 1px #000 solid;
		line-height: 38px;
		position: relative;
		width: 100%;
		display: inherit;
		margin-right: 0;
		text-align: left
	}

	.nav-pills>li:first-child {
		border-top: none
	}

	.nav-pills>li>a {
		height: 40px;
		font-size: 13px;
		display: block;
		text-indent: 10px;
		color: #fff;
		line-height: 38px
	}

	.nav-pills>li>a i.fa {
		font-size: 1em;
		padding-right: 3px
	}

	span.toggle-btn {
		position: absolute;
		height: 40px;
		width: 40px;
		line-height: 40px;
		color: #aaa;
		text-align: center;
		top: 0;
		right: 0;
		cursor: pointer;
		z-index: 100;
		display: block
	}

	.toggle-btn .active:before {
		content: "\f068"
	}

	.mobile-menu .sub-menu {
		border-top: 1px #000 solid;
		background-color: #121212;
		text-align: left;
		position: relative;
		left: 1px;
		min-width: 100%;
		z-index: 10;
		font-size: 14px;
		top: 0
	}

	.mobile-menu .sub-menu>li {
		position: relative;
		text-align: left;
		border-top: 1px #333 solid;
		border-bottom: 1px #000 solid;
		line-height: 38px
	}

	.sub-menu li:last-child {
		border-bottom: 0 solid transparent
	}

	.mobile-menu .sub-menu>li>a {
		text-indent: 18px;
		color: #fff;
		display: block;
		height: 40px;
		font-size: 1em;
		text-indent: 2em
	}

	.slide-main {
		margin-bottom: 10px
	}

	.site-content {
		padding: 0 15px;
		padding-top: 50px;
		margin-bottom: 0
	}

	.navbar.fixednav h1#logo {
		margin: 8px 0 0;
		line-height: 140%
	}

	.slide-banner {
		padding-top: 54px
	}

	.met-container {
	
		padding: 0
	}

	.met-service.met-body {
		padding: 30px 0
	}

	.slick-active {
		padding: 0 15px
	}

	figure.met-box-figure img {
		height: 105px
	}

	.box-figure-caption p {
		height: 62px;
		overflow: hidden;
		margin-bottom: 15px;
		padding: 0 10px
	}

	.met-container.main_business {
		padding: 50px 0 20px
	}

	.business-md {
		width: 75%;
		float: inherit;
		margin: 0 auto 30px
	}

	.hot_pic {
		height: 175px
	}

	li.white_bar a {
		font-size: 18px
	}

	h4.hot_h4 a {
		font-size: 18px
	}

	li.white_bar p {
		height: 63px;
		overflow: hidden
	}

	.met-container.world {
		padding: 20px 0
	}

	.worldtitle {
		margin: 0 0 20px
	}

	.met-container.brand {
		padding: 20px 0
	}

	.brandtitle {
		margin: 0 0 20px
	}

	.product_yd {
		margin-left: 0;
		text-align: center
	}

	.product_yd a.button3 {
		padding: 5px 25px;
		font-size: 14px;
		margin: 12px 0 0
	}

	.cateimg {
		padding-top: 54px
	}

	.sidebar-nav {
		display: none
	}

	.main-content {
		width: 95%;
		margin-left: 0;
		padding: 0;
		margin: 0 auto
	}

	.contitle {
		padding: 10px 20px 0
	}

	.post-itemimg a img {
		width: 180px;
		height: 130px
	}

	.post-iteminfo {
		width: auto;
		padding-left: 200px;
		display: block
	}

	.pagination {
		padding-left: 20px
	}

	.widget-box.post-single {
		padding: 0 20px
	}

	.hdfocus {
		margin-top: 54px;
		height: 280px
	}

	.hdfocus .hdfocus-top {
		padding-top: 50px;
		max-width: 100%
	}

	.catatwo-padd {
		padding: 15px
	}

	.catatwo-lb .catatwo-lb-img {
		height: 90px;
		width: 110px;
		overflow: hidden
	}

	.catatwo-lb span {
		display: none
	}

	.catatwo-lb p {
		height: 62px;
		overflow: hidden
	}

	.catatwo-news .ias-trigger {
		margin-right: 0
	}

	.hdfocus-box .pagination.theme-pagination,
	.catatwo-news .pagination.theme-pagination {
		padding-left: 0
	}

	.themes-item {
		width: 48%
	}

	.footer-wrap {
		width: 100%
	}
}

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

	.nav-sousuo,
	.nav-sjlogo {
		display: block;
		height: 0
	}

	#top-header,
	.sidebar-right,
	#comments h4 span.jubao,
	.search {
		display: none
	}

	#header {
		height: 52px;
		border-bottom: 2px solid #2f889a;
		position: fixed;
		z-index: 265
	}

	.header {
		max-width: 100%;
		height: 52px;
		text-align: center
	}

	#logo {
		margin: 1px 0 0 0;
		text-align: center;
		float: none;
		display: inline-block;
		height: 100%
	}

	.header-nav {
		margin-right: 0
	}

	#header.fixednav .header-nav {
		margin-right: 0
	}

	.swiper-post {
		padding: 2px 10px
	}

	.swiper-post h3 {
		font-size: 14px;
		font-size: 1em
	}

	.mobile_aside {
		width: 100%;
		max-width: 300px;
		height: 100%;
		position: fixed;
		top: 52px;
		bottom: 0;
		background-color: #222;
		overflow-x: hidden;
		overflow-y: auto;
		z-index: 9;
		opacity: .95;
		display: none
	}

	.mobile-menu {
		margin-top: 10px
	}

	.mobile-menu .nav-pills {
		border-bottom: 1px #333 solid
	}

	#header.fixednav {
		border-bottom: 2px solid #2f889a;
		border-top-width: 0
	}

	.nav-sjlogo i.fa {
		position: absolute;
		border-radius: 4px;
		top: 10px;
		right: 12px;
		height: 30px;
		width: 32px;
		line-height: 30px;
		font-size: 1.2em;
		padding: 1px;
		border: 1px #eee solid;
		background-color: #f8f8f8;
		cursor: pointer;
		text-indent: 0
	}

	.mini_search {
		padding: 4%;
		width: 92%;
		background: #eee;
		display: none;
		position: relative;
		overflow: hidden;
		top: -6px;
		left: 0;
		z-index: 99;
		-webkit-box-pack: justify;
		border-bottom: 1px solid transparent;
		border-color: #ebedf1;
		box-shadow: 0 0 1px 0 rgba(0, 0, 0, .3), 0 0 6px 2px rgba(0, 0, 0, .15)
	}

	#header.fixednav .mini_search {
		top: 2px
	}

	.fixed-enabled {
		top: 0
	}

	#mo-so {
		text-align: center;
		color: #eee;
		display: inline-block;
		text-decoration: none;
		right: 12px;
		font-size: 1.1em
	}

	#mo-so i.fa {
		position: absolute;
		border-radius: 4px;
		top: 10px;
		left: 12px;
		height: 30px;
		width: 32px;
		line-height: 30px;
		font-size: 1.2em;
		padding: 1px;
		border: 1px #eee solid;
		background-color: #f8f8f8;
		cursor: pointer;
		text-indent: 0;
		color: #666
	}

	.searchform {
		float: none;
		margin: 0 auto
	}

	.mini_search .searchform #ls {
		padding-left: 3%;
		width: 90%;
		height: 40px;
		line-height: 40px;
		border: 1px solid #e4e3e3;
		border-radius: 0;
		background: #fff;
		margin-bottom: 0
	}

	button.btn-search.dtb2 {
		font-size: 1.2em;
		transition: all .4s ease;
		width: 38px;
		border: none;
		background: 0 0;
		cursor: pointer;
		position: absolute;
		height: 38px;
		line-height: 44px;
		right: 9%;
		color: #a9a9a9
	}

	.nav-pills>li {
		border-top: 1px #333 solid;
		border-bottom: 1px #000 solid;
		line-height: 38px;
		position: relative;
		width: 100%;
		display: inherit;
		margin-right: 0;
		text-align: left
	}

	.nav-pills>li:first-child {
		border-top: none
	}

	.nav-pills>li>a {
		height: 40px;
		font-size: 13px;
		display: block;
		text-indent: 10px;
		color: #fff;
		line-height: 38px
	}

	.nav-pills>li>a i.fa {
		font-size: 1em;
		padding-right: 3px
	}

	span.toggle-btn {
		position: absolute;
		height: 40px;
		width: 40px;
		line-height: 40px;
		color: #aaa;
		text-align: center;
		top: 0;
		right: 0;
		cursor: pointer;
		z-index: 100;
		display: block
	}

	.toggle-btn .active:before {
		content: "\f068"
	}

	.mobile-menu .sub-menu {
		border-top: 1px #000 solid;
		background-color: #121212;
		text-align: left;
		position: relative;
		left: 1px;
		min-width: 100%;
		z-index: 10;
		font-size: 14px;
		top: 0
	}

	.mobile-menu .sub-menu>li {
		position: relative;
		text-align: left;
		border-top: 1px #333 solid;
		border-bottom: 1px #000 solid;
		line-height: 38px
	}

	.sub-menu li:last-child {
		border-bottom: 0 solid transparent
	}

	.mobile-menu .sub-menu>li>a {
		text-indent: 18px;
		color: #fff;
		display: block;
		height: 40px;
		font-size: 1em;
		text-indent: 2em
	}

	.slide-main {
		margin-bottom: 10px
	}

	.site-content {
		padding: 0 15px;
		padding-top: 50px;
		margin-bottom: 0
	}

	.navbar.fixednav h1#logo {
		margin: 8px 0 0;
		line-height: 140%
	}

	.slide-banner {
		padding-top: 54px
	}

	.met-container {
		padding: 0
	}

	.met-service.met-body {
		padding: 30px 0
	}

	.service_item {
		width: 50%
	}

	.service_item p {
		height: 170px;
		text-indent: inherit
	}

	.met-product-show {
		width: 50%
	}

	figure.met-box-figure img {
		height: 110px
	}

	.business-md {
		width: 100%;
		padding: 30px 0
	}

	.business-md.business_item {
		padding: 0 0 30px
	}

	.business-text-center {
		padding: 0 20px
	}

	h2.text-uppercase {
		font-size: 20px
	}

	p.business_item-top {
		margin-top: 10px
	}

	.business_btn {
		text-align: center
	}

	.business_btn a {
		padding: 10px 30px
	}

	.product_trigger {
		width: 90%;
		float: inherit;
		margin: 0 auto
	}

	ul.page_news_list {
		float: inherit;
		margin: 0 auto;
		width: 90%;
		margin-top: 20px
	}

	li.white_bar a {
		font-size: 18px;
		font-size: 1.1em
	}

	li.white_bar p {
		height: 100%
	}

	.worldtitle {
		margin: 20px 0
	}

	.brandcon ul li {
		width: 25%
	}

	.brandtitle {
		margin: 0 0 20px;
		padding-top: 20px
	}

	.text-xs-center {
		max-width: 100%;
		padding: 50px 10px
	}

	.cateimg,
	.sidebar-nav {
		display: none
	}

	.main-single {
		padding: 75px 0 10px
	}

	.main-content {
		width: 100%;
		margin-left: 0;
		padding: 0
	}

	.contitle {
		padding: 0 15px
	}

	.catecon {
		padding: 5px 10px 0
	}

	.post-itemimg {
		margin: 10px 8px 10px 0;
		height: 100%
	}

	.post-itemimg a img {
		width: 120px;
		height: 90px
	}

	.post-iteminfo {
		width: auto;
		display: block;
		padding-left: 130px
	}

	.itemname {
		margin: 0 0;
		white-space: nowrap;
		word-wrap: normal;
		text-overflow: ellipsis;
		overflow: hidden;
		width: 95%
	}

	.itemname a {
		font-size: 16px
	}

	.itemintro {
		margin-bottom: 5px;
		height: 45px
	}

	.itemdate span {
		margin-right: 10px
	}

	.itemdate span.views {
		margin-right: 0
	}

	.pagination,
	.itemdate span.time {
		display: none
	}

	.ias-spinner,
	.ias-trigger {
		height: 60px;
		margin: 0 auto;
		float: inherit;
		clear: both
	}

	.ias-noneleft {
		margin: 0 auto;
		float: inherit;
		margin-bottom: 25px
	}

	.hdfocus {
		margin-top: 54px;
		height: 160px
	}

	.hdfocus .hdfocus-top {
		max-width: 100%;
		padding-top: 28px
	}

	.hdfocus-top h2 {
		font-size: 18px;
		font-weight: 700
	}

	.hdfocus .top-button {
		display: none
	}

	.catatwo-list {
		margin-top: 20px
	}

	.catatwo-lb {
		width: 100%
	}

	.catatwo-lb .catatwo-lb-img {
		height: 80px;
		width: 30%;
		overflow: hidden;
		padding-top: 8px
	}

	section.theme-service {
		margin-top: -10px;
		padding: 30px 0
	}

	.theme-service-container {
		max-width: 100%
	}

	.theme-service-container ul li {
		width: 43%
	}

	.hdfocus-tlist {
		max-width: 100%
	}

	.sandraItem.ias_min_lb {
		padding: 5px 20px;
		overflow: hidden
	}

	.themes-item {
		width: 100%
	}

	.hdfocus-box .ias-trigger,
	.hdfocus-box .ias-noneleft,
	.hdfocus-box .ias-spinner {
		clear: both;
		overflow: hidden;
		padding: 8px 0;
		width: 90%;
		margin: 0 auto;
		height: 100%;
		top: -5px
	}

	.single-title h1 {
		font-size: 22px;
		padding-top: 5px
	}

	.single-info {
		margin: 10px 0 20px;
		padding: 0 10px
	}

	.entry h1,
	.entry h2 {
		margin: 10px -10px
	}

	.entry h3 {
		margin: 2px -10px 10px
	}

	.entry h4,
	.entry h5,
	.entry h6 {
		margin-left: 0;
		padding-left: 0
	}

	.article-nav span {
		max-width: 100%
	}

	.sitemap,
	.post-tags-key {
		display: none
	}

	.relates {
		padding: 10px 0 0 10px;
		width: 100%
	}

	#txaArticle {
		width: 99%;
		padding: 5px
	}

	.business-md {
		margin: 0 auto
	}

	.met-container.main_business {
		padding: 30px 0 20px
	}

	.business-md.business_item {
		padding: 0 0 20px
	}

	.themes-item footer {
		padding: 15px 0
	}

	.top-primary {
		padding: 6px 10px
	}

	.form-name {
		margin-right: 0
	}

	.form-email {
		margin-right: 0
	}

	.footer-wrap {
		width: 100%
	}

	.footer .copyright {
		padding: 15px 15px 10px
	}

	.backtop .bt-box {
		padding: 5px
	}
}

@media screen and (max-width:560px) {}

@media screen and (max-width:426px) {
	span.iliuyan {
		display: none
	}

	.relates {
		width: auto;
		padding: 10px 10px 0
	}

	ul.relates li {
		width: 46%;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden
	}

	ul.relates li:nth-child(even) {
		float: right
	}

	.comt-box {
		overflow: inherit
	}

	.liuyan {
		width: 100%;
		margin: 0 0 10px
	}
}

@media screen and (max-width:360px) {}

@media screen and (max-width:321px) {
	.themes-item header {
		padding: 15px 15px 0
	}

	.themes-item .themes-item-content {
		padding: 10px 12px
	}

	.themes-item-content img {
		height: 150px;
		width: 100%
	}

	.themes-item footer {
		padding: 10px
	}

	.top-primary {
		padding: 3px 10px
	}

	.post-itemimg a img {
		width: 110px;
		height: 90px
	}

	.post-iteminfo {
		padding-left: 120px
	}
}

.page-control {
	text-align: center;
	overflow: hidden;
	height: 60px;
	position: relative;
	top: 13px
}

.pagination .active {
	color: #fff;
	background: #338a9c;
	border: 1px solid transparent
}

.pagination .page-item {
	margin-right: 5px;
	margin-left: 5px
}

.page-item {
	display: inline-block
}

.page-item span,
.page-item .page-link {
	position: relative;
	float: left;
	padding: 6px 12px;
	margin-left: -1px;
	line-height: 1.42857143;
	border-radius: 2px
}

.page-item a.page-link {
	border: 1px solid #ddd
}

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

	.page-control,
	.dn,
	.post-meta {
		display: none
	}

	.links-box {
		display: none
	}
}

.hdfocusb {
	background-image: url(../images/cataimg.jpg)
}

.hdfocusa {
	background-image: url(../images/catalog.jpg)
}

.links {
	max-width: 1220px;
	margin: 0 auto 6px;
	position: relative;
	top: -10px
}

.container-fluid {
	padding-right: 20px;
	padding-left: 20px
}

.links-box ul {
	margin: 0 -2px;
	overflow: hidden
}

.links-box ul li {
	width: 9.666%;
	transition-duration: .5s;
	float: left;
	min-height: 1px;
	padding: 2px
}

.links-box ul li a {
	max-width: 100%;
	width: auto;
	height: auto;
	-webkit-transition: -webkit-transform .2s;
	transition: transform .2s;
	background: #fff;
	text-align: center;
	padding: 8px 5px;
	display: block;
	white-space: nowrap;
	word-wrap: normal;
	text-overflow: ellipsis;
	overflow: hidden;
	border: 1px solid #ddd;
	border-radius: 2px;
	transition-duration: .5s;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .1)
}

.mtop {
	margin-top: 35px;
	width: 140px;
	padding: 0 10px;
	text-align: center
}

.mtop li {
	margin: 10px auto
}



/* 自定义样式开发者QQ1101738033 */
.header-nav li a {
	font-size: 20px;
}

.nav-links{
	display: block;
	height:50px;
}

#otherlink ul li a,
.nav-links a {
	color: #0058ff;
}

div.entry p {
	margin-bottom: 50px;
}

div.entry img {
	max-width: 98% !important;
	height: auto !important;
	margin: 0 auto;
	display: block;
}

.input-group input,
.input-group textarea {
	font-size: 16px;
	max-width: 480px;
	width:100%;
	border-radius: 10px 0;
	border: 1px solid #000000;
	outline: none;
	padding: 10px;
}

.input-group input {
	height: 40px;
}

.input-group {
	margin-top: 20px;
}

.form-btn {
	display: block;
	width: 150px;
	height: 60px;
	color: white;
	background-color: #000000;
	margin: 20px auto 30px auto;
	border: none;
	border-radius: 10px;
	font-size: 18px;
	outline: none;
}

.ts div:nth-child(1) {
	font: 18px/32px '微软雅黑';
	color: #1a1a1a;
	height: 70px;
	margin-top: 20px;
}

.ts div:nth-child(2) {
	font: 18px/32px '微软雅黑';
	font-weight: normal;
	font-weight: normal;
	font-weight: normal;
	color: #1a1a1a;
	height: 70px;
	font-weight: 700;
}

.ts div:nth-child(3) {
	background:#f04c4c;
	height: 50px;
	font: 20px/50px 微软雅黑;
	color:#ffffff;
	padding-left: 32px;
}

#page_news_list2{
	margin-left: 0px;
	width:100%;
	margin:0 auto;
	
}
#page_news_list2 li{
	float: left;
	width:47%;
	margin-right: 30px;
}
@media screen and (max-width: 900px) {
#page_news_list2 li{
	float: none;
	width:100%;
}
ul.relates li {
    width: 100%;
}
}


@media screen and (min-width: 1200px) {
	div.entry img {
		max-width: 500px !important;
	}
}