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

audio,canvas,video {
	display: inline-block;
}

audio:not([controls]) {
	display: none;
	height: 0;
}
[hidden],template {
	display: none;
}

html {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

a {
	background: transparent;
}

a:focus {
	outline: thin dotted;
}

a:active,a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

hr {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
}

mark {
	background: #ff0;
	color: #000;
}

code,kbd,pre,samp {
	font-family: monospace,serif;
	font-size: 1em;
}

pre {
	white-space: pre-wrap;
}

q {
	quotes: "\201C" "\201D" "\2018" "\2019";
}

small {
	font-size: 80%;
}

sub,sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 0;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

button,input,select,textarea {
	font-family: inherit;
	font-size: 100%;
	margin: 0;
	outline: 0;
}

button,input {
	line-height: normal;
}

button,select {
	text-transform: none;
}

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

button[disabled],html input[disabled] {
	cursor: default;
}

input[type="text"]:hover,input[type="text"]:focus,input[type="text"]:active {
	border: 1px solid #CCC;
}

input[type="checkbox"],input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="search"] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

button::-moz-focus-inner,input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
	vertical-align: top;
}

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

body,div,ol,ul,li,h1,h2,h3,h4,h5,h6,p,span,th,td,dl,dd,form,fieldset,legend,input,textarea,select {
	margin: 0 auto;
	padding: 0;
	border: 0;
}

/* Global */
body {
	color: #444;
	background: #FFF;
	font: 12px/24px "Microsoft Yahei",Arial,Verdana,Tahoma,Sans-Serif;
}

ul,ol,li {
	list-style: none;
}

table,td,th,input {
	font-size: 12px;
}

h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
}

h1 {
	font-size: 28px;
}

h2 {
	font-size: 18px;
}

h3 {
	font-size: 16px;
}

h4 {
	font-size: 14px;
}

h5,h6 {
	font-size: 12px;
}

.inner {
	width: 1200px;
	overflow: hidden;
}

.clearfix {
	clear: both;
	font-size: 1px;
	width: 1px;
	height: 0;
	visibility: hidden;
	margin-top: 0px!important;
	*margin-top: -1px;
	line-height: 0
}

.radius {
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.fadein {
	transition: 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}

.opacity {
	opacity: 0.5;
	filter: alpha(opacity=50);
}

.folio-thumb img {
	width: 100%;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition-duration: 0.7s;
	-moz-transition-duration: 0.7s;
	-ms-transition-duration: 0.7s;
	-o-transition-duration: 0.7s;
}

.folio-thumb:hover img {
	-webkit-transform: scale(1.3);
	-moz-transform: scale(1.3);
	-o-transform: scale(1.3);
	-ms-transform: scale(1.3);
}

.mediaholder {
	overflow: hidden;
}

#baidumap {
	width: 80%;
	height: 410px;
}

.contact-info {
	margin-left: 100px;
}

a:link, a:visited {
	color: #444;
	outline: 0;
	text-decoration: none;
}

a:hover {
	color: #F30;
	text-decoration: underline;
}

/* TopBar */
.topbar {
	height: 32px;
	line-height: 34px;
	border-bottom: 1px solid #EEE;
	color: #707070;
	background: #F6F6F6;
}

.topbar .inner {
	overflow: visible;
}

.topbar-lt {
	float: left;
}

.topbar-rt {
	float: right;
}

.subnav {
	float: right;
	padding-right: 20px;
	color: #ccc;
	overflow: hidden;
}

.subnav a {
	padding: 0 5px;
}

.social {
	float: right;
	margin-top: 4px;
	position: relative;
	z-index: 9999;
	_max-width: 120px;
}

.social a {
	margin-left: 4px;
	width: 24px;
	height: 24px;
	text-indent: -9999px;
	display: inline-block;
	background: url(../images/icon-sns.gif) no-repeat 0 0;
	cursor: pointer;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

.social a:hover {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

.social a#s_tsina {
	background-position: 0 0;
}

.social a#s_tqq {
	background-position: 0 -31px;
}

.social a#s_qq {
	background-position: 0 -92px;
}

.social a#s_weixin {
	background-position: 0 -62px;
}

.social #weixin {
	padding: 6px;
	text-align: center;
	background: #333;
	display: none;
	position: absolute;
	right: 0;
	top: 32px;
	z-index: 99;
}

.social #weixin img {
	width: 160px;
	display: block;
}

/* Header */
.header {
	margin: 10px auto;
	background: #fff;
	clear: both;
	*position: relative;
	*z-index: 1;
/* IE6,7解决下拉菜单被幻灯片遮住问题*/
}

.header img {
	display: block;
}

.logo {
	float: left;
}

.logo img {
	height: 80px;
}

.midbox {
	float: left;
	padding: 0 30px;
}

.rtbox {
	float: right;
}

/* MainMenu */
.nav-container {
	margin: 0 auto 15px;
	overflow: visible;
	*position: relative;
	*z-index: 9999;
/*IE7 Menu*/
}

.navbar {
	position: relative;
}

.main-menu {
	font-size: 16px;
	height: 46px;
	line-height: 46px;
	color: #333;
	background: #004C90;
	position: relative;
	overflow: visible;
}

.pinned {
	margin: 0 auto;
	position: fixed;
	top: 0;
	z-index: 10000;
	_position: absolute;
	_top: expression(eval(document.documentElement.scrollTop));
	-moz-border-radius-topleft: 0;
	-webkit-border-top-left-radius: 0;
	border-top-left-radius: 0;
	-moz-border-radius-topright: 0;
	-webkit-border-top-right-radius: 0;
	border-top-right-radius: 0;
}

.main-menu .inner {
	overflow: visible;
}

#mobile-nav {
	display: none;
}

.navi {
	position: relative;
	z-index: 9999;
}

.navi li {
	float: left;
	padding: 0 2px;
	text-transform: capitalize;
	white-space: nowrap;
	position: relative;
}

.navi li a:link, .navi li a:visited {
	padding: 0 25px;
	color: #FFF;
	display: block;
}

.navi li a:hover {
	color: #FFF;
	background: #436BB8;
	text-decoration: none;
}

.navi li.current-menu-item a:link, .navi li.current-menu-item a:visited, .navi li.current-post-parent a, .navi li.current-post-ancestor a, .navi li.current-menu-parent a, .navi li.current-category-ancestor a {
	color: #FFF;
	background: #436BB8;
}

.navi li ul {
	position: absolute;
	top: 46px;
	left: 1px;
	z-index: 9999;
	padding: 0;
	width: 230px;
	border-bottom: 1px solid #CCC;
	display: none;
}

.navi li ul li {
	float: none;
	padding: 0;
	line-height: 38px;
	font-size: 14px;
	border-left: 1px solid #D8D8D8;
	border-right: 1px solid #D8D8D8;
	border-bottom: 1px solid #EEE;
	background: #FFF;
}

.navi li ul li a:link, .navi li ul li a:visited {
	padding: 0 25px;
	height: 38px;
	color: #666;
}

.navi li.current-menu-item ul li a:link, .navi li.current-menu-item ul li a:visited, .navi li.current-menu-item ul li a:hover, .navi li.current-post-parent ul li a, .navi li.current-post-ancestor ul li a, .navi li.current-menu-parent ul li a, .navi li.current-category-ancestor ul li a/*, .navi li:hover ul li a*/ {
	color: #666;
	background: none;
}

.navi li ul li.menu-item-has-children a {
	padding: 0 25px;
	height: 38px;
	color: #666;
	background: url(../images/menu.png) no-repeat right -14px;
}

.navi li ul li a:hover, .navi li.current-menu-item ul li a:hover, .navi li.current-post-ancestor ul li a:hover, .navi li.current-menu-parent ul li a:hover, .navi li.current-category-ancestor ul li a:hover, .navi li:hover ul li a:hover {
	color: #436BB8;
	background: #F6F6F6;
}

.navi li:hover ul li a {
	background: none;
}

.navi li:hover ul li.menu-item-has-children a {
	background: url(../images/menu.png) no-repeat right -14px;
}

.navi li.current-menu-parent ul li.current-menu-item a {
	color: #436BB8;
	background-color: #F6F6F6;
}

.navi li ul li ul {
	top: 0;
	left: 228px;
	padding: 0;
	border-top: 1px solid #ddd;
	background: none;
}

.navi li ul li.menu-item-has-children:hover a {
	color: #436BB8;
	background: #F6F6F6 url(../images/menu.png) no-repeat right -58px;
}

.navi li ul li.menu-item-has-children:hover ul li a {
	color: #333;
	background: #FFF;
}

.navi li ul li.menu-item-has-children:hover ul li a:hover {
	color: #436BB8;
	background-color: #F6F6F6;
}

.navi li:hover ul li.menu-item-has-children ul li a {
	background: none;
}

.toggle-search {
	overflow: visible;
}

.btn-search {
	width: 50px;
	height: 46px;
	background: url(../images/search.png) no-repeat center 8px;
	display: inline-block;
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 2px;
	z-index: 99999;
}

.mobile-nav {
	display: none;
}

.toggle-search .active {
	background-color: #436BB8;
}

.search-box {
	width: 400px;
	display: none;
	position: absolute;
	right: 0;
	top: 44px;
	z-index: 99999;
}

.search-box #searchform {
	padding: 10px;
	background: #DDD;
}

.search-box #searchform #ls {
	padding: 0 3%;
	height: 38px;
	width: 75%;
	border: 1px solid #004C90;
	color: #666;
}

.search-box #searchform #searchsubmit {
	height: 40px;
	width: 12%;
	text-indent: -9999px;
	border: none;
	background: #ff6c00 url(../images/search.png) no-repeat center -36px;
	cursor: pointer;
}

.search-box #searchform #searchsubmit:hover {
	background-color: #F30;
}

/* Slideshow */
#sliderbox {
	overflow: hidden;
	_position: relative;
}

#slidebanner {
	width: 1200px;
	height: 500px;
	text-align: center;
	overflow: hidden;
	position: relative;
	z-index: 90;
	clear: both;
}

#slideshow li {
	width: 1200px;
	height: 500px;
	position: absolute;
	left: 0;
	top: 0;
}

#slideshow li img {
	width: 1200px;
	height: 500px;
	display: block;
}

#slidebanner .bx-wrapper {
	height: auto;
}

#slidebanner .bx-wrapper .bx-pager {
	width: 100%;
	text-align: center;
	position: absolute;
	left: 0;
	bottom: 10px;
	z-index: 90;
}

#slidebanner .bx-wrapper .bx-pager .bx-pager-item, #slidebanner .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline;
}

#slidebanner .bx-wrapper .bx-pager a {
	margin-left: 10px;
	width: 20px;
	height: 5px;
	font-size: 0;
	background: #eee;
	overflow: hidden;
	display: inline-block;
	text-decoration: none;
	moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
}

#slidebanner .bx-wrapper .bx-pager a.active {
	background: #F65E4F;
}

#slidebanner .bx-wrapper .bx-prev, #slidebanner .bx-wrapper .bx-next {
	width: 40px;
	height: 100%;
	_height: 400px;
	text-indent: -9999px;
	background: url(../images/arrow-slider.png) no-repeat -40px center;
	overflow: hidden;
	display: none;
	position: absolute;
	top: 0;
	z-index: 100;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

#slidebanner .bx-wrapper .bx-prev {
	left: 1%;
}

#slidebanner .bx-wrapper .bx-next {
	right: 1%;
	background-position: 0 center;
}

#slidebanner .bx-wrapper .bx-prev:hover, #slidebanner .bx-wrapper .bx-next:hover {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

.banner-shadow {
	width: 100%;
	height: 26px;
	background: url(../images/shadow.png) repeat;
	overflow: hidden;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 91;
}

/* Banner */
.banner {
	height: 180px;
	text-align: center;
	background: #EEE;
	overflow: hidden;
	position: relative;
}

.banner img {
	width: 100%;
	display: block;
	position: relative;
	top: -150px;
}

/* Container */
.container {
	padding: 20px 0;
	clear: both;
}

.column-fluid {
	float: right;
	width: 100%;
}

/* Content */
.content {
	margin-left: 275px;
	overflow: hidden;
}

.fullwidth {
	margin: 0 auto;
	width: 100%;
}

/* HomeColumn */
.row-fluid {
	margin-bottom: 20px;
	overflow: hidden;
}

.row-fluid h2 {
	margin-bottom: 20px;
	padding: 7px 12px;
	font-size: 18px;
	border-top: 1px solid #A0B7DC;
	border-bottom: 1px solid #DFE7F2;
	color: #111;
	background: #EAEFF7;
	clear: both;
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
	border-top-left-radius: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
}

.row-fluid h2 a:link, .row-fluid h2 a:visited {
	color: #111;
}

.row-fluid h2 a:hover {
	color: #004C90;
	text-decoration: none;
}

.row-fluid h2 i {
	float: right;
	font-size: 14px;
	font-style: normal;
}

.row-fluid h2 i a:link, .row-fluid h2 i a:visited {
	padding: 4px 0 4px 12px;
	color: #666;
}

.row-fluid h2 i a:hover {
	color: #004C90;
}

.row-fluid h2 span a {
	float: right;
	*margin-top: -45px;
	width: 36px;
	height: 30px;
	text-indent: -9999px;
	background: url(../images/icon.gif) no-repeat 0 -104px;
	display: block;
}

.row-fluid .content {
	margin: 0 320px 0 0;
}

.row-fluid .column-fluid {
	float: left;
}

.pic-fluid {
	margin-bottom: 5px;
}

.row-fluid .homebar h2 {
	margin: 0;
	font-size: 16px;
	border: 1px solid #E8E8E8;
	border-top: 1px solid #CCC;
	border-bottom: none;
	background: #F2F2F2;
}

.homebar {
	float: right;
	margin-left: -300px;
	width: 300px;
	font-size: 14px;
	color: #666;
	overflow: hidden;
}

.homebar ul {
	padding: 10px;
	height: 360px;
	border: 1px solid #E8E8E8;
	background: #FFF;
	overflow: hidden;
}

.homebar ul li {
	margin: 4px auto;
	padding-left: 12px;
	height: 24px;
	background: url(../images/icon.gif) no-repeat 0 10px;
	overflow: hidden;
}

.homebar ul li.t {
	margin-bottom: 10px;
	padding: 0;
	height: auto;
	text-align: center;
	background: none;
}

.homebar ul li.t img {
	width: 100%;
	height: 95px;
}

.homebar ul li.t h3 {
	height: 20px;
	line-height: 20px;
	font-size: 14px;
	text-align: center;
	overflow: hidden;
}

.homebar ul li.t a {
	color: #004C90;
	display: block;
}

.homebar ul li.t a:hover {
	color: #F30;
}

.homebar div {
	padding: 15px 10px 10px;
	line-height: 28px;
	border: 1px solid #E8E8E8;
	background: #FFF;
	overflow: hidden;
}

.col-box-list {
	float: right;
	padding-left: 15px;
	width: 430px;
	font-size: 14px;
}

.col-box-list ul li {
	margin-bottom: 3px;
	padding-left: 14px;
	height: 24px;
	background: url(../images/icon.gif) no-repeat 0 11px;
	overflow: hidden;
}

.col-box-list ul li span {
	float: right;
	padding-left: 15px;
	font-size: 12px;
	color: #888;
}

.col-box-list ul li.p {
	margin-bottom: 15px;
	padding: 0 0 15px;
	height: auto;
	font-size: 12px;
	border-bottom: 1px solid #EEE;
	background: none;
}

.col-box-list ul li.p h3 {
	margin-bottom: 8px;
	height: 24px;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
}

.col-box-list ul li.p a {
	color: #004C90;
}

.col-box-list ul li.p a:hover {
	color: #F30;
}

.col-box-list ul li.p p {
	line-height: 20px;
	color: #555;
}

.col-box-list ul li.p p a {
	padding-left: 10px;
}

.news .col-box-list {
	float: right;
	width: 100%;
}

.news .col-box-list ul {
	margin: -360px 0 0 320px;
}

.news .col-box-list ul li.highlight a {
	color: #004C90;
}

.news .col-box-list ul li.highlight a:hover {
	color: #F30;
}

#news-slider {
	float: left;
	width: 300px;
	height: 360px;
	overflow: hidden;
	position: relative;
}

#news-slider ul li a {
	display: block;
}

#news-slider ul li img {
	width: 300px;
	height: 360px;
	display: block;
}

#news-slider .bx-wrapper .bx-pager {
	position: absolute;
	right: 6px;
	bottom: 40px;
	z-index: 99;
}

#news-slider .bx-wrapper .bx-pager a {
	float: left;
	margin-left: 5px;
	width: 8px;
	height: 8px;
	font-size: 0;
	background: #436BB8;
	overflow: hidden;
	display: block;
	text-decoration: none;
	moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
}

#news-slider .bx-wrapper .bx-pager a.active {
	background: #F65E4F;
}

#news-slider .bx-wrapper .bx-pager .bx-pager-item, #news-slider .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline;
}

#news-slider .bx-wrapper .bx-prev, #news-slider .bx-wrapper .bx-next {
	width: 32px;
	height: 40px;
	text-indent: -9999px;
	background: url(../images/arrow-newslider.png) no-repeat 0 center;
	overflow: hidden;
	position: absolute;
	top: 40%;
	z-index: 100;
	display: none;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

#news-slider .bx-wrapper .bx-prev {
	left: 6px;
}

#news-slider .bx-wrapper .bx-next {
	right: 6px;
	background-position: -32px center;
}

#news-slider .bx-wrapper .bx-prev:hover, #news-slider .bx-wrapper .bx-next:hover {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

#news-slider .bx-wrapper .bx-caption {
	width: 100%;
	height: 32px;
	line-height: 32px;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	overflow: hidden;
	position: absolute;
	bottom: 0;
	left: 0;
}

#news-slider .bx-wrapper .bx-caption span {
	padding: 0 12px;
	color: #FFF;
	display: block;
}

.col-3 {
	float: left;
	padding-left: 1.5%;
	width: 32.333333%;
	height: auto;
	overflow: hidden;
}

.col-3:first-child, .col-3-fr {
	padding: 0;
}

.col-3 h2 {
	margin-bottom: 0;
	border-bottom: none;
}

.col-3-inner {
	padding: 20px 12px 10px;
	border: 1px solid #eee;
}

.col-3-inner p {
	line-height: 20px;
}

.col-3 ul li {
	padding-left: 12px;
	height: 24px;
	background: url(../images/icon.gif) no-repeat 0 10px;
	overflow: hidden;
}

.col-3 ul li span {
	float: right;
	padding-left: 5px;
	color: #999;
}

.col-3 ul li.t {
	margin-bottom: 16px;
	padding: 0;
	height: auto;
	background: none;
	overflow: hidden;
}

.col-3 ul li.t img {
	float: left;
	padding: 6px 10px 0 0;
	width: 120px;
	height: 100px;
}

.col-3 ul li.t h3 {
	margin-bottom: 6px;
	padding-left: 12px;
	height: 24px;
	font-size: 15px;
	background: url(../images/icon.gif) no-repeat 0 10px;
	overflow: hidden;
}

.col-3 ul li.t h3 a {
	color: #436BB8;
}

.col-3 ul li.t h3 a:hover {
	color: #f30;
}

.col-3 ul li.t p {
	line-height: 20px;
	color: #888;
	overflow: hidden;
}

.col-3 ul li.t p span {
	color: #436BB8;
}

/* Features */
.features {
	margin-bottom: 20px;
	padding: 2%;
	line-height: 26px;
	font-size: 14px;
	border-top: 1px solid #E6E6E6;
	background: #F6F6F6;
}

.features:hover {
	border-top: 1px solid #A0B7DC;
	background: #EAEFF7;
}

.col-text {
	float: left;
	width: 82%;
}

.col-text a:link, .col-text a:visited {
	color: #555;
}

.col-text a:hover {
	color: #F30;
}

.btn-view {
	float: right;
	width: 15%;
	text-align: center;
}

.btn-view a:link, .btn-view a:visited, .btn-view a:hover {
	margin: 14% auto;
	padding: 12px 20%;
	color: #FFF;
	background: #004C90;
	display: inline-block;
}

.btn-view a:hover {
	background: #F30;
	text-decoration: none;
}

/* PicCarouselList */
.row-scroll {
	position: relative;
}

.row-scroll .bx-controls a {
	margin-left: 8px;
	width: 22px;
	height: 22px;
	text-indent: -9999px;
	background: url(../images/arrow-scroll.png) no-repeat;
	display: inline-block;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

.row-scroll .bx-controls a:hover {
	background-color: #436BB8;
}

.row-scroll .bx-controls a.bx-prev {
	background-position: 8px 6px;
	position: absolute;
	top: 10px;
	right: 35px;
}

.row-scroll .bx-controls a.bx-next {
	background-position: -15px 6px;
	position: absolute;
	top: 10px;
	right: 10px;
}

.row-scroll .bx-controls a.bx-prev:hover {
	background-position: 8px -14px;
}

.row-scroll .bx-controls a.bx-next:hover {
	background-position: -15px -14px;
}

.pic-scroll-list {
	overflow: hidden;
}

.pic-scroll-list .slide {
	float: left;
	margin-bottom: 25px;
	width: 24%;
	height: auto;
	text-align: center;
	overflow: hidden;
}

.pic-scroll-list .slide .folio-thumb {
	position: relative;
}

.pic-scroll-list .slide .folio-thumb img {
	width: 100% !important;
	height: auto;
	display: block;
}

.pic-scroll-list .slide .folio-thumb .opacity-pic {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #004C90;
	cursor: pointer;
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	_display: none;
}

.pic-scroll-list .slide:hover .folio-thumb .opacity-pic {
	-moz-opacity: 0.4;
	-khtml-opacity: 0.4;
	opacity: 0.4;
	filter: alpha(opacity=40);
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

.pic-scroll-list .slide h3 {
	margin-top: 8px;
	width: 100%;
	height: 24px;
	font-size: 14px;
	overflow: hidden;
	position: relative;
	z-index: 10;
}

/* Partners */
.partners {
	margin-bottom: 30px;
}

.partners h2 {
	padding: 10px 10px 20px 0;
	border: none;
	text-align: center;
	background: url(../images/icon.gif) repeat-x 0 -452px;
}

.partners h2 a {
	padding: 0 30px;
	background: #F8F8F8;
}

#partner-list {
}

#partner-list a {
	display: inline-block;
}

#partner-list a img {
	height: 38px;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
	filter: alpha(opacity=65);
	-moz-opacity: 0.65;
	opacity: 0.65;
}

#partner-list a:hover img {
	-webkit-filter: grayscale(0);
	-moz-filter: grayscale(0);
	-ms-filter: grayscale(0);
	-o-filter: grayscale(0);
	filter: grayscale(0);
	filter: gray;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

/* BreadCrumb */
.breadcrumb {
	height: 32px;
	line-height: 34px;
	border-bottom: 1px solid #E8E8E8;
	color: #888;
	background: #F4F4F4;
	overflow: hidden;
}

.breadcrumb i {
	padding: 0 8px;
	background: url(../images/icon.gif) no-repeat 7px -39px;
}

.breadcrumb a:link, .breadcrumb a:visited {
	color: #888;
}

.breadcrumb a:hover {
	color: #666;
}

.breadcrumb a#hp {
	padding-left: 18px;
	background: url(../images/icon.gif) no-repeat 0 -157px;
	*background-position: 0 -159px;
}

.crumb-box {
	float: left;
	padding: 0 10px;
}

.cur-title {
	margin-bottom: 25px;
	padding: 0 0 10px 20px;
	font-size: 18px;
	border-bottom: 1px solid #DDD;
	color: #333;
	background: url(../images/icon.gif) no-repeat 0 -200px;
	text-transform: capitalize;
	overflow: hidden;
}

.cur-title a {
	color: #333;
	text-decoration: none;
}

.cur-title span {
	padding-left: 4px;
	color: #999;
}

/* Archive - Postlist */
.postlist {
	padding: 0;
	overflow: hidden;
}

.postlist li {
	margin: 0 auto 5px;
	padding: 0 0 7px 15px;
	height: 24px;
	border-bottom: 1px solid #EEE;
	background: url(../images/icon.gif) no-repeat 0 11px;
	overflow: hidden;
}

.postlist li.nb {
	border: none;
}

.postlist li a {
	float: left;
	width: 85%;
	font-size: 14px;
}

.postlist li span {
	float: right;
	width: 78px;
	text-align: right;
	color: #BBB;
}

/* Archive - PicList */
.piclist {
	margin-left: -1.83%;
	overflow: hidden;
}

.piclist li {
	float: left;
	margin-bottom: 20px;
	margin-left: 1.83%;
	*margin-left: 1.80%;
	_margin-left: 0.935%;
	width: 31.5%;
	height: auto;
	text-align: center;
	overflow: hidden;
}

.piclist li .folio-thumb {
	position: relative;
}

.piclist li .folio-thumb img {
	width: 100%;
	height: auto;
	display: block;
}

.piclist li .folio-thumb .opacity-pic {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #004C90;
	cursor: pointer;
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	_display: none;
}

.piclist li:hover .folio-thumb .opacity-pic {
	-moz-opacity: 0.4;
	-khtml-opacity: 0.4;
	opacity: 0.4;
	filter: alpha(opacity=40);
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

.piclist li h3 {
	margin-top: 5px;
	width: 100%;
	height: 24px;
	font-size: 14px;
	overflow: hidden;
	position: relative;
	z-index: 10;
}

.piclist-col4 {
	margin-left: -1.5%;
}

.piclist-col4 li {
	margin-left: 1.5%;
	_margin-left: 0.75%;
	width: 23.5%;
}

/* Post */
.post {
	overflow: hidden;
}

.post .post-title {
	margin-bottom: 8px;
	padding-bottom: 8px;
	line-height: 40px;
	font-size: 28px;
	text-align: center;
	border-bottom: 1px solid #E9E9E9;
	color: #333;
}

.postmeta {
	margin-bottom: 25px;
	color: #999;
	text-align: center;
}

.postmeta a:link, .postmeta a:visited {
	color: #999;
}

.postmeta a:hover {
	color: #666;
}

.entry {
	font-size: 14px;
	overflow: hidden;
}

.entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {
	margin-bottom: 15px;
	padding: 0;
	border: none;
	background: none;
	color: #000;
}

.entry p {
	margin-bottom: 20px;
}

.entry a:link, .entry a:visited {
	color: #004C90;
}

.entry a:hover {
	color: #F65E4F;
}

.entry img {
	margin-bottom: 15px;
	max-width: 100%;
	height: auto!important;
}

.entry ol, .entry ul {
	margin: 10px 20px;
}

.entry ol li {
	list-style: decimal;
}

.entry ul li {
	list-style: disc;
}

.entry input,.entry textarea,.entry select {
	padding: 6px;
	border: 1px solid #ccc;
	font-size: 100%;
	vertical-align: middle;
}

.entry input[type="text"]:hover,.entry input[type="text"]:focus,.entry input[type="text"]:active {
	border: 1px solid #999;
}

.entry input[type="file"] {
	border: none;
}

.entry table {
	margin-bottom: 15px;
	color: #666;
	border-left: 1px solid #E4E4E4;
	border-bottom: 1px solid #E4E4E4;
}

.entry th {
	padding: 3px 10px;
	border-right: 1px solid #E4E4E4;
	border-top: 1px solid #E4E4E4;
	background: #F5F5F5;
}

.entry td {
	padding: 3px 10px;
	border-right: 1px solid #E4E4E4;
	border-top: 1px solid #E4E4E4;
}

.alignleft {
	float: left;
	padding-right: 10px;
}

.alignright {
	float: right;
	padding-left: 10px;
}

.alignnone, .aligncenter {
	float: none;
	margin-left: auto;
	margin-right: auto;
	clear: both;
}

.aligncenter {
	text-align: center;
	display: block;
}

.wp-caption {
	margin: 10px auto;
	padding: 6px;
	background: #F6F6F6;
	border: 1px solid #E4E4E4;
	-khtml-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	text-align: center;
}

.wp-caption img {
	max-width: 660px;
}

.wp-caption p.wp-caption-text {
	margin: 5px 0 0;
	padding: 4px;
	line-height: 20px;
	color: #666;
}

.post .share {
	margin: 25px auto;
	padding-bottom: 8px;
	line-height: 28px;
	border-bottom: 1px solid #E8E8E8;
	color: #999;
	text-align: right;
	clear: both;
}

.post #bdshare {
	float: right;
}

/* Page */
.post .page-title {
	margin-bottom: 25px;
	padding-bottom: 8px;
	line-height: 32px;
	font-size: 22px;
	text-align: center;
	border-bottom: 1px solid #E9E9E9;
	color: #333;
}

/* Pagenavi */
.wpagenavi {
	margin: 20px auto;
	padding-top: 25px;
	width: 100%;
	line-height: 40px;
	font-family: "宋体";
	border-top: 1px solid #E4E4E4;
	text-align: center;
}

.wpagenavi a:link, .wpagenavi a:visited {
	margin: 0 4px;
	padding: 12px 16px;
	color: #666;
	background: #E4E4E4;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-webkit-transition: color 0.4s ease;
	-moz-transition: color 0.4s ease;
	-o-transition: color 0.4s ease;
	-ms-transition: color 0.4s ease;
	transition: color 0.4s ease;
}

.wpagenavi a:hover, .wpagenavi a:active {
	color: #FFF;
	background: #436BB8;
	text-decoration: none;
}

.wpagenavi a.current:link, .wpagenavi a.current:visited, .wpagenavi a.current:hover {
	color: #FFF;
	background: #436BB8;
	font-weight: bold;
}

/* Post Navigation */
.post-navi {
	padding-top: 20px;
	text-align: center;
}

.post-navi a:link, .post-navi a:visited {
	padding: 2px 9px;
	border: 1px solid #FFF;
	background: #FFF;
}

.post-navi a:hover {
	border: 1px solid #E4E4E4;
	background: #F5F5F5;
	text-decoration: none;
}

/* Prev Next Post */
.post-prev-next {
	margin: 6px auto;
	line-height: 24px;
	font-size: 13px;
	color: #333;
}

/* Error404 */
.error404 {
	max-width: 460px;
	padding: 50px 0;
}

.error404 h4 {
	height: 32px;
	line-height: 32px;
	font-size: 200%;
	color: #F00;
}

.error404 span {
	margin-bottom: 25px;
	color: #666;
	display: block;
}

.error404 ol {
	padding: 5px 0 5px 20px;
}

.error404 ol li {
	margin: 0 auto;
	list-style: disc;
}

.errorsearch {
	margin-top: 15px;
	width: 100%;
	overflow: hidden;
}

.errorsearch .searchInput {
	float: left;
	padding: 6px 0;
	width: 80%;
	text-indent: 12px;
	height: 24px;
	line-height: 24px;
	border: 1px solid #DDD;
}

.errorsearch #searchsubmit {
	float: right;
	width: 19%;
	height: 38px;
	font-size: 14px;
	border: none;
	color: #FFF;
	background: #666;
	cursor: pointer;
}

.errorsearch #searchsubmit:hover {
	background: #333;
}

/* Related */
.related {
	margin: 30px auto 0;
}

.related h2 {
	padding: 0 0 6px 20px;
	font-size: 18px;
	border-bottom: 1px solid #CCC;
	color: #111;
	background: url(../images/icon.gif) no-repeat 0 -200px;
	text-transform: capitalize;
	overflow: hidden;
}

.related ul.post-list, .related ul.thumb-list {
	margin-top: 20px;
	overflow: hidden;
}

.related ul.post-list li {
	float: left;
	margin: 2px auto;
	padding-right: 5%;
	width: 45%;
	height: 24px;
	background: url(../images/icon.gif) no-repeat 0 10px;
	overflow: hidden;
}

.related ul.post-list li a {
	padding-left: 15px;
}

/* Sidebar */
.sidebar {
	float: left;
	margin-right: -250px;
	width: 250px;
	color: #666;
	overflow: hidden;
}

.sidebar h3 {
	padding-left: 14px;
	line-height: 36px;
	font-size: 16px;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid #D1DCED;
	color: #333;
	background: #E3EAF4;
}

.sidebar h3 a:link, .sidebar h3 a:visited {
	color: #333;
}

.sidebar h3 a:hover {
	color: #004C90;
}

.sidebar ul li {
	margin-bottom: 20px;
}

.sidebar ul li ul {
	padding: 10px;
	border: 1px solid #E8E8E8;
	background: #FFF;
	overflow: hidden;
}

.sidebar ul li ul li {
	margin: 4px auto;
	padding-left: 12px;
	height: 24px;
	background: url(../images/icon.gif) no-repeat 0 10px;
	overflow: hidden;
}

.sidebar ul li ul li ul {
	border: none;
}

.sidebar ul li div {
	padding: 15px 10px 10px;
	line-height: 28px;
	border: 1px solid #E8E8E8;
	background: #FFF;
	overflow: hidden;
}

/* SubList */
.sidebar ul li.widget_nav_menu h3 {
	border-left: none;
	border-right: none;
	border-bottom: 1px solid #D1DCED;
	background: #E3EAF4;
	-moz-border-radius-topleft: 3px;
	-webkit-border-top-left-radius: 4px;
	border-top-left-radius: 4px;
	-moz-border-radius-topright: 3px;
	-webkit-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
}

.sidebar ul li.widget_nav_menu ul {
	padding: 0;
	font-size: 14px;
	border: none;
}

.sidebar ul li.widget_nav_menu ul li {
	margin: 0;
	padding: 0;
	height: auto;
	border-top: 1px solid #FFF;
	background: #F6F6F6;
	overflow: hidden;
}

.sidebar ul li.widget_nav_menu ul li a:link, .sidebar ul li.widget_nav_menu ul li a:visited {
	height: 38px;
	line-height: 38px;
	text-indent: 24px;
	border-bottom: 1px solid #EAEAEA;
	color: #666;
	background: url(../images/icon.gif) no-repeat right -377px;
	display: block;
	overflow: hidden;
}

.sidebar ul li.widget_nav_menu ul li a:hover, .sidebar ul li.widget_nav_menu ul li.current-cat a:link, .sidebar ul li.widget_nav_menu ul li.current-cat a:visited, .sidebar ul li.widget_nav_menu ul li.current_page_item a:link, .sidebar ul li.widget_nav_menu ul li.current_page_item a:visited, .sidebar ul li.widget_nav_menu ul a:hover, .sidebar ul li.widget_nav_menu ul li.current-cat a:hover {
	color: #FFF;
	background: #436BB8 url(../images/icon.gif) no-repeat right -337px;
	text-decoration: none;
}

.sidebar ul li.widget_nav_menu ul li ul li a:link, .sidebar ul li.widget_nav_menu ul li ul li a:visited, .sidebar ul li.widget_nav_menu ul li ul li a:hover {
	text-indent: 34px;
}

/* Search */
.sidebar ul li.widget_search .searchInput {
	padding: 4px 8px 3px;
	width: 168px;
	height: 24px;
	line-height: 24px;
	border: 1px solid #D6D6D6;
	color: #666;
	background: #FFF;
}

.sidebar ul li.widget_search .searchInput:hover {
	border: 1px solid #999;
	color: #666;
}

.sidebar ul li.widget_search .searchBtn {
	float: right;
	*float: none;
	width: 60px;
	height: 33px;
	*line-height: 30px;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	text-indent: 0;
	border: none;
	color: #FFF;
	background: #666;
	cursor: pointer;
	position: static;
}

.sidebar ul li.widget_search .searchBtn:hover {
	background: #333;
}

/* CustomWidgets */
.sidebar ul li.wpyou_widget_SpecialCatList ul {
	padding: 0;
}

.sidebar ul li.wpyou_widget_SpecialCatList ul li {
	height: auto;
	background: url(../images/arrow.gif) no-repeat 3px 10px;
}

.sidebar ul li.wpyou_widget_SpecialCatList ul li ul li {
	line-height: 20px;
	background: url(../images/arrow-sub.gif) no-repeat 3px 7px;
}

.sidebar ul li.wpyou_widget_SpecialCatPicPosts ul li {
	margin-bottom: 15px;
	padding: 0 0 15px;
	height: auto;
	border-bottom: 1px solid #EEE;
	background: none;
}

.sidebar ul li.wpyou_widget_SpecialCatPicPosts ul li img {
	float: left;
	padding-right: 10px;
	width: 110px;
	height: 110px;
}

.sidebar ul li.wpyou_widget_SpecialCatPicPosts ul li h4 {
	margin-bottom: 5px;
	height: 54px;
	line-height: 18px;
	font-size: 14px;
	overflow: hidden;
}

.sidebar ul li.wpyou_widget_SpecialCatPicPosts ul li p {
	color: #666;
}

.sidebar ul li.wpyou_widget_SpecialCatBigPicPosts ul li {
	margin: 0 auto 15px;
	padding: 0;
	height: auto;
	text-align: center;
	background: none;
}

.sidebar ul li.wpyou_widget_SpecialCatBigPicPosts ul li img {
	width: 240px;
	height: 180px;
}

.sidebar ul li.wpyou_widget_SpecialCatBigPicPosts ul li h4 {
	margin-bottom: 10px;
	line-height: 18px;
	font-size: 14px;
	overflow: hidden;
}

/* Calendar */
#wp-calendar {
	margin: 5px auto;
	width: 94%;
}

#wp-calendar caption {
	padding: 5px 0px;
	font-size: 14px;
}

#wp-calendar th, #wp-calendar td {
	padding: 2px 1px;
	line-height: 18px;
	text-align: center;
	text-transform: capitalize;
	color: #555;
	border: 1px solid #E4E4E4;
	background-color: #F9F9F9;
}

#wp-calendar tbody tr td a:link, #wp-calendar tbody tr td a:visited {
	font-weight: bold;
	color: #FF0242;
}

#wp-calendar tbody tr td a:hover {
	color: #333;
}

#wp-calendar tbody tr td:hover {
	border: 1px solid #D9D9D9;
	color: #444;
	background-color: #EEE;
}

#wp-calendar tfoot tr td {
	padding: 8px 10px 0px;
	border: none;
	background: none;
}

.pad {
	border: none !important;
	background: none !important;
}

/* Comments*/
.postComment {
	margin: 25px auto 0;
	overflow: hidden;
}

#respond {
	margin: 25px auto 0;
}

#addcomment, #comments {
	margin-bottom: 25px;
	padding: 0 0 6px 20px;
	font-size: 18px;
	border-bottom: 1px solid #CCC;
	color: #111;
	background: url(../images/icon.gif) no-repeat 0 -200px;
	overflow: hidden;
}

.post_comment ol li {
	margin: 10px 5px;
	padding: 10px 10px 5px 10px;
	list-style: none;
}

.commentlist {
	width: 98%;
	font-size: 12px;
	clear: both;
}

.commentlist li {
	margin-bottom: 15px;
	padding: 6px 0;
	border: 1px solid #E4E4E4;
}

.commentlist li.alt {
	border: 1px solid #E3E7EA;
	background-color: #F7F8F9;
}

.commentlist li.comment-author-admin {
	border: 1px solid #E4E4E4;
	background: #FFF;
}

.commentlist li ul {
	margin: 10px 10px;
}

.commentlist li ul.children {
	margin: 15px 20px;
}

.commentlist li p {
	padding: 10px 10px 5px;
}

.comment-author {
	padding: 4px 0;
	width: 100%;
	height: 22px;
	line-height: 22px;
	border-bottom: 1px solid #ECECEC;
}

.commentlist li.alt .comment-author {
	border-bottom: 1px solid #E3E7EA;
}

.commentlist li.comment-author-admin .comment-author {
	border-bottom: 1px solid #E3E3E3;
}

.commentlist li.alt .comment-author {
	border-bottom: 1px solid #E8EDF0;
}

.avatar {
	float: left;
	padding: 1px 1px;
	width: 32px;
	height: 32px;
	border: 1px solid #E0E0E0;
}

.author_info {
	float: left;
	padding-left: 10px;
	line-height: 16px;
}

.author_info cite {
	font-style: normal;
	font-weight: bold;
}

.author_info em {
	padding-left: 10px;
	font-size: 10px;
	font-style: normal;
	color: #999;
}

.reply {
	float: right;
	margin: -3px 8px 0px 0px;
}

#cancel-comment-reply {
	float: right;
	margin-right: 10px;
}

.reply a, #cancel-comment-reply a {
	color: #999 !important;
}

.reply a:hover, #cancel-comment-reply a:hover {
	color: #1162B3 !important;
}

#respond p {
	margin: 0 auto 15px;
	overflow: hidden;
}

#respond label {
	float: left;
	padding: 3px 8px;
	width: 70px;
	text-align: right;
	display: block;
}

#respond em {
	padding-top: 5px;
	color: #F00;
	font-style: normal;
	font-weight: normal;
}

#author, #email, #url, #comment {
	padding: 6px;
	width: 50%;
	border: 1px solid #E4E4E4;
	color: #666;
}

#comment {
	width: 84%;
	height: 150px;
	font-size: 12px;
	color: #787878;
	overflow-y: scroll;
	color: #666;
}

#submit {
	margin-left: 86px;
	width: 150px;
	line-height: 36px;
	font-size: 16px;
	color: #fff;
	border: none;
	background: #444;
	cursor: pointer;
	display: block;
}

#submit:hover,#submit:active {
	background: #005BB5;
}

#submit-inquiry {
	float: right;
	margin: 0 8px;
	width: 130px;
	height: 32px;
	text-indent: -9999px;
	border: none;
	background: url(../images/submit-inquiry.gif) no-repeat 0 0;
	cursor: pointer;
	display: block;
}

.comment_navi {
	text-align: right;
	padding: 5px 15px;
	font-size: 12px;
	color: #999;
}

.comment_navi a {
	color: #999;
}

/* FriendLink */
.friendlink {
	border-top: 1px solid #E4E4E4;
	overflow: hidden;
}

.friendlink ul {
	padding: 18px 0 0;
	overflow: hidden;
}

.friendlink ul li {
	float: left;
	margin: 0 6px;
	height: 24px;
	white-space: nowrap;
	overflow: hidden;
}

.friendlink ul li.fltitle {
	margin: 0 6px 4px 0;
}

.friendlink ul h4 {
	display: none;
}

/* Footer */
.footer {
	min-height: 150px;
	border-top: 1px solid #DDD;
	color: #666;
	background: #F4F4F4;
}

.footer .inner {
	padding: 20px 0;
	overflow: visible;
	position: relative;
}

.footer a:link, .footer a:visited {
	color: #666;
}

.footer a:hover {
	color: #004C90;
}

.foot-menu {
	margin-bottom: 25px;
	text-align: center;
	overflow: hidden;
}

.foot-nav {
	width: 100%;
	font-size: 14px;
	text-align: center;
}

.foot-nav li {
	width: 1px;
	padding: 0 12px;
	display: inline;
	word-break: keep;
	white-space: nowrap;
}

.foot-nav li a:link, .foot-nav li a:visited {
	color: #333;
}

.foot-nav li a:hover {
	color: #F30;
	text-decoration: none;
}

.copyright {
	text-align: center;
}

.copyright p {
	margin-bottom: 5px;
}

/* Single - Sitemap */
.page-sitemap {
	background: #eee;
}

.sitemap-box {
	margin: 25px auto;
	padding: 2%;
	width: 92%;
	line-height: 24px;
	background: #fff;
}

.sitemap-box a:link, sitemap-box a:visited {
	color: #333;
}

.sitemap-box a:hover {
	color: #10579D;
}

.sitemap-box h1 {
	margin-bottom: 20px;
	font-size: 20px;
	text-align: center;
}

.sitemap-box h2 {
	margin: 8px auto 15px;
	padding-bottom: 10px;
	font-size: 14px;
	font-weight: 700;
	border-bottom: 1px solid #eee;
}

.sitemap-box ul {
	margin: 10px;
}

.sitemap-box ul li {
	margin: 6px 0 0 18px;
	list-style: disc;
	color: #999;
}

.sitemap-box ul li ul {
	margin: 5px 10px 10px;
}

.sitemap-box ul li ul li {
	margin: 3px 0 0 16px;
	list-style: circle;
}

.sitemap-box #breadcrumb, .sitemap-box .archivers, .sitemap-box .full-version, .sitemap-box #footer {
	margin-top: 20px;
	padding: 6px 15px;
	border: 1px solid #eee;
	border-top: 1px solid #ddd;
	clear: both;
}

.sitemap-box #breadcrumb, .sitemap-box .full-version {
	border: 1px solid #eee;
	background: #f8f8f8;
}

.sitemap-box .archivers {
	padding: 5px 15px 15px;
	overflow: hidden;
}

.sitemap-box #footer {
	padding: 10px;
	text-align: center;
}

/* CustomerService */
.cs-div {
	width: 140px;
	height: auto;
	text-align: center;
	position: absolute;
	z-index: 99999;
	overflow: hidden;
}

.cs-div #cs-close {
	float: right;
	width: 32px;
	height: 35px;
	text-indent: -9999px;
	display: block;
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 0;
}

.cs-bar {
	padding: 0;
	width: 32px;
	height: 116px;
}

.cs-bar #cs-close {
	width: 32px;
	height: 116px;
	background: url(../images/cs.gif) no-repeat -106px 0;
	top: 0;
	right: 0;
}

.cs-inner {
	padding: 60px 5px 0 10px;
	background: url(../images/cs.gif) no-repeat 0 -120px;
	display: none;
}

.cs-inner img {
	margin-bottom: 10px;
}

.cs-btm {
	width: 100%;
	height: 15px;
	background: url(../images/cs.gif) no-repeat 0 bottom;
}

/* Backtop */
.backToTop {
	width: 46px;
	height: 46px;
	background: url(../images/backtop.gif) no-repeat 0 0;
	position: fixed;
	_position: absolute;
	right: 25px;
	bottom: 40px;
	_bottom: "auto";
	cursor: pointer;
	display: none;
	z-index: 9999;
}

.backToTop:hover {
	background-position: 0 -46px;
}

/* Animation */
.animated {
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

@-webkit-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-20px);
		transform: translateX(-20px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

@keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-20px);
		-ms-transform: translateX(-20px);
		transform: translateX(-20px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}
}

.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
}

/* product page */
.introduction {
	position: absolute;
	right: 10px;
	top: 50px;
	width: 48%;
	padding: 10px;
}

.dimpic {
	float: left;
	width: 45%;
	margin: 10px 0;
	border: 1px solid #EEE;
	clear: both;
}

.dimensioned {
	float: left;
	width: 95%;
	margin: 10px 0;
	clear: both;
}

#gallery {
	float: left;
	width: 45%;
	margin: 20px 0;
}

#gallery_output {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom:100%;
	border: 1px solid #EEE;
	overflow: hidden;
}

#gallery_output img {
    max-width: 100%; 
	max-height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
	border: none;
	display: block;
}

#gallery_nav {
	width: 100%;
	height: 60px;
}

#gallery_nav div {
	float: left;
	margin: 10px;
	border: 1px solid #EEE;
}

#gallery_nav div a {
	position: relative;
	width: 45px;
	height: 45px;
	display: block;
	overflow: hidden;
}

#gallery_nav div a img {
    max-width: 100%; 
	max-height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
	border: none;
	display: block;
}

.on {
	border: 1px solid #004c90;
}

.aui-nav-content-box {
	width: 100%;
	position: relative;
	margin: 0;
}

.aui-nav-list-box {
	overflow: hidden;
	zoom: 1;
	border-bottom: none;
	z-index: 110;
	background: #fff;
	width: 100%;
	display: block;
	border-left: solid 1px #d1d1d1;
	border-bottom: solid 1px #d1d1d1;
}

.aui-nav-list-item {
	width: 100%;
	display: none;
}

.aui-nav-list-box ul {
	margin: 0;
	padding: 0;
}

.aui-nav-list-box ul li {
	list-style: none;
}

.aui-nav-list-box ul li {
	float: left;
	color: #000;
	height: 32px;
	cursor: pointer;
	line-height: 32px;
	width: 15%;
	text-align: center;
	font-size: 14px;
	border-top: solid 1px #d1d1d1;
	border-right: solid 1px #d1d1d1;
	border-bottom: solid 2px #d1d1d1;
}

.aui-nav-list-box ul li a {
	color: #000;
}

.aui-nav-list-box ul .aui-current {
	color: #f54343;
	background: #f7f7f7;
	border-bottom: solid 2px #004c90;
}

/****  Responsive CSS  ****/
@media only screen and (max-width:1024px) {
	.inner {
		width: 980px;
	}

	.navi li a:link, .navi li a:visited {
		padding: 0 15px;
	}

	#slidebanner, #slideshow li, #slideshow li img {
		width: 980px;
		height: 400px;
	}
}

@media only screen and (min-width:768px) and (max-width:959px) {
	.inner {
		width: 98%;
	}

	.inner .inner {
		width: 100%;
	}

	.navi li a:link, .navi li a:visited {
		padding: 0 12px;
	}

	#slidebanner, #slideshow li, #slideshow li img {
		width: 100%;
		height: auto;
	}

	.banner {
		height: auto;
	}

	#news-slider {
		display: none;
	}

	.news .col-box-list {
		float: none;
		padding: 0;
	}

	.news .col-box-list ul {
		margin: 0 auto;
	}

	.container, .content {
		float: none;
		margin: 0 auto;
	}

	.postlist li a {
		float: none;
		width: 100%;
	}

	.sidebar {
		display: none;
	}

	.piclist {
		margin-left: -3%;
	}

	.piclist li {
		margin-left: 3%;
		width: 47%;
	}
}

@media only screen and (max-width:767px) {
	.inner {
		width: 98%;
	}

	.banner {
		height: 330px;
	}

	.banner img {
		top: 0;
	}

	.header {
		height: 75px;
		margin: 0px;
		padding: 0px;
	}

	.header .inner {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		margin: 0;
		padding: 0;
		z-index: 100000;
		background: #FFF;
		border-bottom: 1px solid #EEE;
	}

	.topbar-lt, .rtbox {
		display: none;
	}

	.logo {
		float: left;
		margin: 10px 5px;
	}

	.logo img {
		height: 55px;
	}

	.mobile-nav {
		height: 40px;
		line-height: 40px;
		display: block;
		position: fixed;
		width: 150px;
		top: 15px;
		right: 0px;
	}

	.mobile-menu {
		width: 44px;
		height: 100%;
		background: url(../images/icon.gif) no-repeat center -449px;
		cursor: pointer;
		position: absolute;
		top: 0;
		right: 54px;
	}

	.mobile-nav .btn-search {
		width: 44px;
		height: 40px;
		position: absolute;
		top: 0;
		right: 5px;
		background-position: center 5px;
	}

	.toggle-search {
		width: 100%;
	}

	.toggle-search .btn-search {
		display: none;
	}

	.search-box {
		position: fixed;
		top: 75px;
		right: 0;
		width: 70%;
		opacity: 0.95;
	}

	.search-box #searchform #ls {
		width: 70%;
	}

	.search-box #searchform #searchsubmit {
		width: 20%;
	}

	.mobile-nav .active {
		background-color: #DDD;
	}

	.nav-container, .navbar, .main-menu {
		position: fixed;
		left: 0;
		top: 75px;
		height: 0;
		margin: 0;
		background: none;
		z-index: 100000;
	}

	.main-menu {
		display: none;
		width: 60%;
		height: 400px;
		overflow: auto;
	}

	.navi {
		width: 100%;
		background: #DDD;
		opacity: 0.95;
		left: 0px;
	}

	.navi li {
		float: none;
		position: relative;
		left: 0;
		width: 100%;
		margin: 0;
		padding: 0;
		border-bottom: 1px solid #BBB;
	}

	.navi li a:link, .navi li a:visited {
		padding: 0px 15px;
		color: #333;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		border-radius: 0;
	}

	.navi li a:hover {
		color: #FFF;
		background: #404040;
	}

	.navi li ul {
		float: none;
		display: block;
		position: relative;
		width: 85%;
		left: 15px;
		top: 0;
		margin: 0;
		padding: 0;
		border: none;
		background: none;
	}

	.navi li ul li {
		float: none;
		position: relative;
		left: 0;
		top: 0;
		margin: 0;
		padding: 0;
		border: none;
		background: none;
		border-top: 1px solid #CCC;
	}

	.navi li ul li a:link, .navi li ul li a:visited {
		padding: 0 0 0 55px;
		color: #666;
		background: none;
	}

	.navi li ul li a:hover, .navi li:hover ul li a:hover {
		color: #FFF;
		background: #404040;
	}

	#slidebanner {
		width: 100%;
		height: auto;
	}

	#slideshow li {
		width: 100%;
		height: auto;
	}

	#slideshow li img {
		width: 100%;
		height: auto;
		min-height: inherit;
	}

	.banner {
		margin: 0;
		height: auto;
		padding: 0;
		width: 100% !important;
	}

	.breadcrumb {
		width: 100% !important;
	}

	.nav-container {
		margin: 0 auto;
	}

	.container, .content {
		float: none;
		margin: 0 auto;
	}

	.features {
		padding: 5%;
		text-align: center;
	}

	.col-text, .btn-view {
		float: none;
		width: 100%;
	}

	.btn-view a:link, .btn-view a:visited, .btn-view a:hover {
		margin: 10% auto 2%;
		padding: 12px 20%;
	}

	.row-fluid .homebar h2 {
		font-size: 18px;
		border-top: 1px solid #A0B7DC;
		border-bottom: 1px solid #DFE7F2;
		color: #111;
		background: #EAEFF7;
	}

	.crumb-box, .postlist li a {
		float: none;
		width: 100%;
	}

	.bx-pager, .postlist li span, .sidebar, .cs-div {
		display: none !important;
	}

	.pic-scroll-list .slide {
		width: 100%;
		height: auto;
	}

	.row-fluid .content, #news-slider, .news .col-box-list, .homebar {
		float: none;
		margin: 0 auto;
		padding: 0;
		width: 100%;
	}

	.news .col-box-list ul {
		margin: 0 auto;
	}

	#news-slider, .news .col-box-list {
		margin-bottom: 20px;
	}

	#news-slider {
		float: none;
		width: 100%;
		height: auto;
	}

	#news-slider ul li img {
		width: 100%;
	}

	#news-slider .bx-wrapper .bx-prev, #news-slider .bx-wrapper .bx-next {
		display: block;
	}

	.col-3 {
		float: none;
		margin-bottom: 20px;
		padding: 0;
		width: 100%;
	}

	.piclist {
		margin-left: -3%;
	}

	.piclist li {
		margin-left: 3%;
		width: 47%;
	}

	.entry {
		font-size: 16px;
		line-height: 32px;
	}

	.entry p {
		margin-bottom: 20px;
	}

	.related ul.post-list li {
		float: none;
		width: 95%;
	}

	.wpagenavi a.next, .wpagenavi a.previous {
		padding: 8px 60px;
		font-size: 18px;
		display: inline-block;
	}

	.foot-nav li {
		width: auto;
		float: left;
		padding: 0 12px;
		display: inline;
		word-break: keep;
		white-space: nowrap;
	}

	.foot-lt, #our-sns, .foot-rt {
		float: none;
		max-width: 100%;
		text-align: center;
	}

	.foot-nav {
		font-weight: 700;
	}

	.foot-rt {
		margin: 40px auto 20px;
	}

	#baidumap {
		width: 100%;
		height: 210px;
	}
	
/* product page */
	.introduction {
		position: static;
		width: 90%;
	}

	#gallery {
		float: none;
		width: 90%;
		margin: 0px auto 20px;
	}

	#gallery_nav div a {
		width: 40px;
		height: 40px;
	}

	.aui-nav-list-box ul li {
		width: 25%;
	}

	.dimpic {
		float: none;
		width: 90%;
		margin: 10px auto;
	}

	.dimensioned {
		float: none;
		width: 95%;
		margin: 10px auto;
	}

	.dimensioned td {
		line-height: 12px;
		font-size: 8px;
	}
}

@media only screen and (max-width:480px) {
	.contact-info {
		margin-left: 0px;
	}

	.share, .friendlink {
		display: none;
	}

	.announce ul li {
		width: auto;
	}
	/**.piclist{ margin-left:0;}
	.piclist li{ margin-left:0; width:100%;}**/
	.related li {
		margin-left: 3%;
		width: 47%;
	}
}