/*
Theme Name: Tenpower
Theme URI: http://www.becomingjenny.net
Version: 1.0
Author: Brain@JennyStudio
Author URI: http://www.brain1981.com
Description: This theme is a customized version based on Wordpress theme twentyTwelve. JennyStudio - build your own WordPress theme.
License: 
License URI: http://www.becomingjenny.net
Tags: light, gray, white, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, custom-menu, editor-style, featured-img, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: tenpower
*/


/* =Notes
--------------------------------------------------------------
This stylesheet uses rem values with a pixel fallback. The rem
values (and line heights) are calculated using two variables:

$rembase:     14;
$line-height: 24;

---------- Examples

* Use a pixel value with a rem fallback for font-size, padding, margins, etc.
	padding: 5px 0;
	padding: 0.357142857rem 0; (5 / $rembase)

* Set a font-size and then set a line-height based on the font-size
	font-size: 16px
	font-size: 1.142857143rem; (16 / $rembase)
	line-height: 1.5; ($line-height / 16)

---------- Vertical spacing

Vertical spacing between most elements should use 24px or 48px
to maintain vertical rhythm:

.my-new-div {
	margin: 24px 0;
	margin: 1.714285714rem 0; ( 24 / $rembase )
}

---------- Further reading

http://snook.ca/archives/html_and_css/font-size-with-rem
http://blog.typekit.com/2011/11/09/type-study-sizing-the-legible-letter/


/* =Reset
-------------------------------------------------------------- */

*::-moz-selection {
	background-color: #4D525A;
	color: #FFF;
}

*::selection {
	background-color: #4D525A;
	color: #FFF;
}

input[type="button"],
input[type="submit"],
input[type="reset"],
textarea {
	-webkit-appearance: none;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	/*font-style: normal;*/
}

body {
	line-height: 1;
}

ol,
ul {
	list-style: none;
}

blockquote,
q {
	quotes: none;
}

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

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

caption,
th,
td {
	font-weight: 300;
	text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

html {
	overflow-y: scroll;
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

a:focus {
	/*outline: thin dotted;*/
	outline: none;
}

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

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

audio:not([controls]) {
	display: none;
}

del {
	color: #333;
}

ins {
	background: #fff9c0;
	text-decoration: none;
}

hr {
	background-color: #ededed;
	background-color: rgba(0, 0, 0, 0.1);
	border: 0;
	height: 1px;
	margin: 24px 0;
	margin-bottom: 1.714285714rem;
}

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

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

small {
	font-size: smaller;
}

img {
	border: 0;
	-ms-interpolation-mode: bicubic;
}


/* Clearing floats */

.clear:after,
.wrapper:after,
.format-status .entry-header:after {
	clear: both;
}

.clear:before,
.clear:after,
.wrapper:before,
.wrapper:after,
.format-status .entry-header:before,
.format-status .entry-header:after {
	display: table;
	content: "";
}


/* =Repeatable patterns
-------------------------------------------------------------- */


/* Small headers */

.archive-title,
.page-title,
.widget-title {
	font-size: 16px;
	font-size: 1.225714286rem;
	line-height: 2.181818182;
	font-weight: normal;
	color: #636363;
}


/* Shared Post Format styling */

article.format-quote footer.entry-meta,
article.format-link footer.entry-meta,
article.format-status footer.entry-meta {
	font-size: 11px;
	font-size: 0.785714286rem;
	line-height: 2.181818182;
}


/* Form fields, general styles first */

button,
input,
select,
textarea {
	border: 1px solid #eee;
	/*border: 1px solid rgba(0,0,0,0.4);*/
	border-radius: 0px;
	font-family: inherit;
	padding: 4px;
}

button,
input {
	line-height: normal;
}

textarea {
	font-size: 100%;
	overflow: auto;
	vertical-align: top;
}


/* Reset non-text input types */

input[type="checkbox"],
input[type="radio"],
input[type="file"],
input[type="hidden"],
input[type="image"],
input[type="color"] {
	border: 0;
	border-radius: 0;
	padding: 0;
}

input[type="checkbox"],
input[type="radio"] {
	vertical-align: middle;
}


/* Buttons */

input[type="submit"],
input[type="button"],
input[type="reset"],
article.post-password-required input[type=submit],
.bypostauthor cite span {
	padding: 4px 26px;
	font-size: 12px;
	font-size: 0.865714286rem;
	line-height: 1.628571429;
	font-weight: normal;
	color: #fff;
	background-color: #0d68b7;
	border: none;
	border-radius: 3px;
	-webkit-transition: color 0.2s, background 0.2s;
	transition: color 0.2s, background 0.2s;
}

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

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

button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
article.post-password-required input[type=submit]:hover {
	color: #fff;
	background-color: #000;
}

button:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active {
	color: #fff;
	background-color: #0a3e52;
}

.bypostauthor cite span {
	color: #fff;
	background-color: #21759b;
	background-image: none;
	border: 1px solid #1f6f93;
	border-radius: 2px;
	box-shadow: none;
	padding: 0;
}

.button,
.button1,
.button2,
.button3,
.button4 {
	box-sizing: border-box;
	display: inline-block;
	color: #222a35;
	padding: 12px 20px;
	width: 156px;
	text-align: center;
	font-size: 16px;
	font-size: 1.14285714rem;
	text-decoration: none;
	border-radius: 4px;
	/*text-transform: uppercase;*/
	line-height: 1.1;
	font-weight: 300;
	background-color: #0d68b7;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	-webkit-text-shadow: none;
	text-shadow: none;
	word-break: keep-all;
}

.button:hover {
	text-decoration: none;
}

.button1 {
	border: 2px solid #0d68b7;
	color: #333;
	background: #0d68b7;
}

.button1:hover {
	color: #fff;
	border: 2px solid #0a3e52;
	background: #0a3e52;
}

.button1.transparent {
	color: #54bcb5;
	background: transparent;
}

.button1.transparent:hover {
	color: #f4a23b;
	border: 2px solid #f4a23b;
}

.button1.white {
	color: #54bcb5;
	background: white;
	border: 2px solid white;
}

.button1.white:hover {
	background: transparent;
	color: white;
	border: 2px solid white;
}

.button2 {
	/*background-color: #ffc000;*/
	background-color: transparent;
	color: #fff;
	border: 2px solid #fff;
}

.button2:hover {
	background-color: #fff;
	border: 2px solid #fff;
	color: #5b9bd5;
}

.button3 {
	background-color: transparent;
	border: 2px solid #5b9bd5;
	color: #5b9bd5;
	padding: 6px 18px;
	width: auto;
}

.button3:hover {
	background-color: #5b9bd5;
	color: #fff;
}

.button4 {
	background-color: #ff534e;
	border: 2px solid #ff534e;
	color: #fff;
	padding: 6px 18px;
	width: auto;
	cursor: pointer;
}

.button4:hover {
	background-color: #FFA836;
	border: 2px solid #FFA836;
	color: #fff;
}

.button-white {
	color: #5b9bd5;
	background-color: #fff;
	border: 2px solid #fff;
}

.button-white:hover {
	color: #fff;
	background-color: transparent;
	border: 2px solid #fff;
}

.button-large {
	padding: 14px 30px;
	font-size: 21px;
	font-size: 1.5rem;
}

.button-small {
	padding: 6px 18px;
	width: auto;
}


/* Responsive img */

.entry-content img,
.comment-content img,
.widget img {
	max-width: 100%;
	/* Fluid img for posts, comments, and widgets */
}

img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto;
	/* Make sure img with WordPress-added height and width attributes are scaled correctly */
}

img.size-full,
img.size-large,
img.header-image,
img.wp-post-image {
	max-width: 100%;
	height: auto;
	/* Make sure img with WordPress-added height and width attributes are scaled correctly */
}


/* Make sure videos and embeds fit their containers */

embed,
iframe,
object,
video {
	max-width: 100%;
}

.entry-content .twitter-tweet-rendered {
	max-width: 100% !important;
	/* Override the Twitter embed fixed width */
}


/*grids*/

.col-raw {
	margin: 0 -28px 0 -28px;
	overflow: hidden;
}

.col-raw.col-narrow {
	/*间距较小*/
	margin-left: -8px;
	margin-right: -8px;
}

.col-raw.col-medium {
	margin-left: -16px;
	margin-right: -16px;
}

.col-n {
	box-sizing: border-box;
	padding: 0 28px;
}

.col-narrow .col-n {
	padding-left: 8px;
	padding-right: 8px;
}

.col-medium .col-n {
	padding-left: 16px;
	padding-right: 16px;
}

@media screen and (max-width: 767px) {
	.col-n-mb {
		float: left;
	}

	.col-1-mb {
		width: 8.33%;
	}

	.col-2-mb {
		width: 16.66%;
	}

	.col-3-mb {
		width: 25%;
	}

	.col-4-mb {
		width: 33.33%;
	}

	.col-5-mb {
		width: 41.66%;
	}

	.col-6-mb {
		width: 50%;
	}

	.col-7-mb {
		width: 58.33%;
	}

	.col-8-mb {
		width: 66.66%;
	}

	.col-9-mb {
		width: 75%;
	}

	.col-10-mb {
		width: 83.33%;
	}

	.col-11-mb {
		width: 91.66%;
	}

	.col-12-mb {
		width: 100%;
	}

	.hide-mb {
		display: none;
	}
}

@media screen and (min-width: 768px) {
	.col-n {
		float: left;
	}

	.col-1 {
		width: 8.33%;
	}

	.col-2 {
		width: 16.66%;
	}

	.col-3 {
		width: 25%;
	}

	.col-4 {
		width: 33.33%;
	}

	.col-5 {
		width: 41.66%;
	}

	.col-6 {
		width: 50%;
	}

	.col-7 {
		width: 58.33%;
	}

	.col-8 {
		width: 66.66%;
	}

	.col-9 {
		width: 75%;
	}

	.col-10 {
		width: 83.33%;
	}

	.col-11 {
		width: 91.66%;
	}

	.col-12 {
		width: 100%;
	}

	.hide-pc {
		display: none;
	}
}


/*responsive table*/

.table-responsive {
	width: 100%;
	overflow-y: auto;
	_overflow: auto;
	margin: 0 0 1em;
}

.table-responsive::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 14px;
	height: 14px;
}

.table-responsive::-webkit-scrollbar-thumb {
	border-radius: 8px;
	border: 3px solid #fff;
	background-color: rgba(0, 0, 0, .3);
}

.table-responsive table {
	/*min-width: 400px;*/
}

.txt-left {
	text-align: left !important;
}

.txt-right {
	text-align: right !important;
}

.txt-center {
	text-align: center !important;
}


/* img */

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.entry-content img,
.comment-content img,
.widget img,
img.header-image,
.author-avatar img,
img.wp-post-image {}

.wp-caption {
	max-width: 100%;
	/* Keep wide captions from overflowing their container. */
	padding: 4px;
}

.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption {
	font-style: italic;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
	color: #757575;
}

img.wp-smiley,
.rsswidget img {
	border: 0;
	border-radius: 0;
	box-shadow: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

.entry-content dl.gallery-item {
	margin: 0;
}

.gallery-item a,
.gallery-caption {
	width: 90%;
}

.gallery-item a {
	display: block;
}

.gallery-caption a {
	display: inline;
}

.gallery-columns-1 .gallery-item a {
	max-width: 100%;
	width: auto;
}

.gallery .gallery-icon img {
	height: auto;
	max-width: 90%;
	padding: 5%;
}

.gallery-columns-1 .gallery-icon img {
	padding: 3%;
}


/* Navigation */

.site-content nav {
	clear: both;
	line-height: 2;
	overflow: hidden;
}

#nav-above {
	padding: 24px 0;
	padding: 1.714285714rem 0;
}

#nav-above {
	display: none;
}

.paged #nav-above {
	display: block;
}

.nav-previous,
.previous-image {
	float: left;
	width: 50%;
}

.nav-next,
.next-image {
	float: right;
	text-align: right;
	width: 50%;
}

.nav-previous,
.nav-next {
	line-height: 1.5;
	width: 47%;
}

.nav-previous a,
.nav-next a {
	text-decoration: none;
	display: block;
	padding: 8px;
	border: 1px solid rgba(0, 0, 0, 0.1);
}

.nav-previous {
	border-left: 6px solid #000;
}

.nav-next {
	border-right: 6px solid #000;
}

.nav-previous a {
	border-left: none;
}

.nav-next a {
	border-right: none;
}

.nav-previous a:hover,
.nav-next a:hover {
	background-color: #eee;
	text-decoration: none;
}

.nav-previous a .meta-nav,
.nav-next a .meta-nav {
	display: none;
}

.nav-single,
#comment-nav-above {
	margin: 48px 0;
	margin: 3.428571429rem 0;
}


/* Author profiles */

.author .archive-header {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}

.author-info {
	border-top: 1px solid #ededed;
	margin: 24px 0;
	margin: 1.714285714rem 0;
	padding-top: 24px;
	padding-top: 1.714285714rem;
	overflow: hidden;
}

.author-description p {
	color: #757575;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
}

.author.archive .author-info {
	border-top: 0;
	margin: 0 0 48px;
	margin: 0 0 3.428571429rem;
}

.author.archive .author-avatar {
	margin-top: 0;
}


/* =Basic structure
-------------------------------------------------------------- */


/* Body, links, basics */

html {
	font-size: 87.5%;
}

body {
	font-size: 14px;
	font-size: 1rem;
	/*font-family: 'Roboto', '微软雅黑',  Helvetica, Arial, sans-serif;*/
	font-family: 'Montserrat', 'Noto Sans TC', '微软雅黑', Arial, sans-serif;
	font-weight: normal;
	text-rendering: optimizeLegibility;
	color: #000;
	background-color: #fff;
}

html[lang="zh-hans"] body {
	/*font-family: '阿里巴巴普惠体','Montserrat', 'Noto Sans TC', '微软雅黑', Arial, sans-serif;*/
}

a {
	outline: none;
	color: #000;
	text-decoration: none;
}

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


/* Assistive text */

.assistive-text,
.site .screen-reader-text {
	position: absolute !important;
	clip: rect(1px, 1px, 1px, 1px);
}

.main-navigation .assistive-text:focus {
	background: #fff;
	border: 2px solid #333;
	border-radius: 3px;
	clip: auto !important;
	color: #000;
	display: block;
	font-size: 12px;
	padding: 12px;
	position: absolute;
	top: 5px;
	left: 5px;
	z-index: 100000;
	/* Above WP toolbar */
}


/* Page structure */

hgroup {
	overflow: hidden;
	margin: 0 auto;
	max-width: 1500px;
	max-width: 107.1428571rem;
	position: relative;
	width: 98%;
}

.site {
	padding: 0 28px;
	padding: 0 2rem;
}

.site-content {
	margin: 21px 0 0;
	margin: 1.5rem 0 0;
}

.widget-area {
	margin: 21px 0 0;
	margin: 1.5rem 0 0;
}


/* Header */

.site-header {
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
}

.site-header * {
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
}

.site-header {
	position: absolute;
	z-index: 10;
	padding: 0;
	width: 100%;
	background-color: transparent;
	padding-top: 1px;
}

.site-header h1,
.site-header h2 {
	text-align: center;
	display: none;
}

.site-header h1 a,
.site-header h2 a {
	color: #515151;
	display: inline-block;
	text-decoration: none;
}

.site-header h1 a:hover,
.site-header h2 a:hover {
	color: #21759b;
}

.site-header h1 {
	font-size: 24px;
	font-size: 1.714285714rem;
	line-height: 1.285714286;
	margin-bottom: 2px;
	margin-bottom: 0.15rem;
}

.site-header h2 {
	font-weight: normal;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
	color: #757575;
}

.header-image {
	margin-top: 24px;
	margin-top: 1.714285714rem;
}


/* Navigation Menu */

.main-navigation {
	text-align: center;
	/*overflow: hidden;*/
	clear: both;
	/*background-color:#333;*/
}

.main-navigation li {
	font-size: 15px;
	font-size: 1.071428571rem;
	line-height: 2;
}

.main-navigation a {
	color: #fff;
	text-decoration: none;
	display: block;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 13px;
	font-size: 0.9285714rem;
}

.main-navigation a:hover,
.main-navigation a:focus {
	/*background: #fafafa;*/
	color: #0a3e52;
}

.main-navigation ul.nav-menu,
.main-navigation div.nav-menu>ul {
	display: none;
	width: 100%;
	font-size: 0;
}

.main-navigation ul.nav-menu.toggled-on {
	display: inline-block;
}

.menu-header-menu-container {
	line-height: 0;
}

.main-navigation ul.nav-menu {
	height: 0;
	overflow: hidden;
	display: inline-block;
	-webkit-transition: height 0.5s;
	-moz-transition: height 0.5s;
	transition: height 0.5s;
}

.main-navigation ul.nav-menu li {
	border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.main-navigation ul.nav-menu.toggled-on {
	/*height:336px;*/
}

.main-navigation .current-menu-item>a,
.main-navigation .current-menu-ancestor>a,
.main-navigation .current_page_item>a,
.main-navigation .current_page_ancestor>a {
	/*background: transparent;*/
	color: #0d68b7;
}

#site-navigation-bg {
	position: absolute;
	background: rgba(0, 0, 0, 0.3);
	z-index: 1;
	top: 100%;
	left: 0;
	width: 100%;
	height: 0;
	opacity: 0;
}

#site-navigation-bg.stay {
	height: 236px;
	opacity: 1;
}


/* Banner */

section[role="banner"] {
	margin-bottom: 48px;
	margin-bottom: 3.428571429rem;
}


/* Sidebar */

.widget-area .widget {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	margin-bottom: 24px;
	margin-bottom: 1.714571429rem;
	padding-bottom: 24px;
	padding-bottom: 1.714571429rem;
	border-bottom: 1px solid #EDEDED;
	word-wrap: break-word;
}

.widget-area .widget h3 {
	margin-bottom: 10px;
	margin-bottom: 1rem;
}

.widget-area .widget p,
.widget-area .widget li,
.widget-area .widget .textwidget {
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.646153846;
}

.widget-area .widget li {
	margin-bottom: 10px;
}

.widget-area .widget p {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}

.widget-area .textwidget ul {
	list-style: disc outside;
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
}

.widget-area .textwidget li {
	margin-left: 36px;
	margin-left: 2.571428571rem;
}

.widget-area .widget a {
	color: #757575;
	text-decoration: none;
}

.widget-area .widget a:hover {
	color: #21759b;
	text-decoration: underline;
}

.widget-area .widget a:visited {
	color: #5789a0;
}

.widget-area #s {
	width: 45%;
	width: -webkit-calc(100% - 65px);
	width: calc(100% - 65px);
	/* define a width to avoid dropping a wider submit button */
}


/* Footer */

footer[role="contentinfo"] {
	clear: both;
	line-height: 1.6;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	position: relative;
	background-color: #fff;
	color: #000;
}

footer[role="contentinfo"] .entry-content {
	font-size: 13px;
	font-size: 0.9285714rem;
}

footer[role="contentinfo"] .col-n {
	padding-top: 14px;
	padding-top: 1rem;
	padding-bottom: 14px;
	padding-bottom: 1rem;
}

footer[role="contentinfo"] a:hover {
	text-decoration: none;
	color: #0d68b7;
}


/* =Main content and comment content
-------------------------------------------------------------- */

.entry-meta {
	clear: both;
}

.entry-header {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}

.entry-header img.wp-post-image {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}

.entry-header .entry-title {
	line-height: 1.2;
	padding-bottom: 10px;
	padding-top: 2px;
	color: #333;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	;
	font-size: 21px;
	font-size: 1.5rem;
	font-weight: 600;
}

.entry-header .entry-title a {
	text-decoration: none;
}

.entry-header .entry-format {
	margin-top: 24px;
	margin-top: 1.714285714rem;
	font-weight: normal;
}

.comments-link {
	margin-top: 14px;
	margin-top: 1rem;
	margin-bottom: 42px;
	margin-bottom: 3rem;
	text-align: center;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
	color: #999;
}

.comments-link a,
.entry-meta a {
	color: #757575;
}

.comments-link a:hover,
.entry-meta a:hover {
	color: #21759b;
}

article.sticky .featured-post {
	border-top: 4px double #ededed;
	border-bottom: 4px double #ededed;
	color: #757575;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 3.692307692;
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
	text-align: center;
}

.entry-content,
.entry-summary,
.mu_register {
	line-height: 1.8;
	font-size: 16px;
	font-size: 1.14258571rem;
}

.entry-content h1,
.comment-content h1,
.entry-content h2,
.comment-content h2,
.entry-content h3,
.comment-content h3,
.entry-content h4,
.comment-content h4,
.entry-content h5,
.comment-content h5,
.entry-content h6,
.comment-content h6 {
	margin: 24px 0;
	margin: 1.714285714rem 0;
	line-height: 1.714285714;
	font-weight: 400;
}

.entry-content h1,
.comment-content h1 {
	font-size: 28px;
	font-size: 2rem;
	line-height: 1.5;
}

.entry-content h2,
.comment-content h2,
.mu_register h2,
.site-blocks .entry-content h2 {
	font-size: 28px;
	font-size: 2rem;
	line-height: 1.6;
	color: #0a3e52;
	font-weight: 500;
	text-align: left;
}

.entry-content h3,
.comment-content h3 {
	font-size: 21px;
	font-size: 1.5rem;
	line-height: 1.846153846;
	font-weight: 600;
}

.entry-content h4,
.comment-content h4 {
	font-size: 16px;
	font-size: 1.14258571rem;
	line-height: 1.846153846;
}

.entry-content h5,
.comment-content h5 {
	font-size: 14px;
	font-size: 1rem;
	line-height: 1.846153846;
}

.entry-content h6,
.comment-content h6 {
	font-size: 14px;
	font-size: 1rem;
	line-height: 1.846153846;
}

.entry-content p,
.entry-summary p,
.comment-content p,
.mu_register p {
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
	line-height: 1.8;
	font-size: 14px;
	font-size: 1rem;
}

.entry-content ol,
.comment-content ol,
.entry-content ul,
.comment-content ul,
.mu_register ul {
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
	line-height: 1.8;
	font-size: 16px;
	font-size: 1.14258571rem;
}

.entry-content ul ul,
.comment-content ul ul,
.entry-content ol ol,
.comment-content ol ol,
.entry-content ul ol,
.comment-content ul ol,
.entry-content ol ul,
.comment-content ol ul {
	margin-bottom: 0;
}

.entry-content ul,
.comment-content ul,
.mu_register ul {
	list-style: disc outside;
}

.entry-content ol,
.comment-content ol {
	list-style: decimal outside;
}

.entry-content li,
.comment-content li,
.mu_register li {
	margin: 0 0 0 21px;
	margin: 0 0 0 1.5rem;
	line-height: 1.8;
}

.entry-content blockquote,
.comment-content blockquote {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
	padding: 24px;
	padding: 1.714285714rem;
	font-style: italic;
}

.entry-content blockquote p:last-child,
.comment-content blockquote p:last-child {
	margin-bottom: 0;
}

.entry-content code,
.comment-content code {
	font-family: Consolas, Monaco, Lucida Console, monospace;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 1.8;
}

.entry-content pre,
.comment-content pre {
	border: 1px solid #ededed;
	color: #666;
	font-family: Consolas, Monaco, Lucida Console, monospace;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 1.714285714;
	margin: 24px 0;
	margin: 1.714285714rem 0;
	overflow: auto;
	padding: 8px 16px;
	padding: 0.5714285713rem 1.142885714rem;
}

.entry-content pre:hover,
.comment-content pre:hover {
	background-color: #fafafa;
}

.entry-content pre code,
.comment-content pre code {
	display: block;
}

.entry-content abbr,
.comment-content abbr,
.entry-content dfn,
.comment-content dfn,
.entry-content acronym,
.comment-content acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

.entry-content address,
.comment-content address {
	display: block;
	line-height: 1.714285714;
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
}

img.alignleft,
.wp-caption.alignleft {
	margin: 7px 28px 28px 0;
	margin: 0.5rem 2rem 2rem 0;
}

img.alignright,
.wp-caption.alignright {
	margin: 12px 0 12px 24px;
	margin: 0.857142857rem 0 0.857142857rem 1.714285714rem;
}

img.aligncenter,
.wp-caption.aligncenter {
	clear: both;
	margin-top: 12px;
	margin-top: 0.857142857rem;
	margin-bottom: 12px;
	margin-bottom: 0.857142857rem;
}

.entry-content embed,
.entry-content iframe,
.entry-content object,
.entry-content video {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}

.entry-content dl,
.comment-content dl {
	margin: 0 24px;
	margin: 0 1.714285714rem;
}

.entry-content dt,
.comment-content dt {
	font-weight: bold;
	line-height: 1.714285714;
}

.entry-content dd,
.comment-content dd {
	line-height: 1.714285714;
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}

.entry-content table,
.comment-content table {
	border-bottom: 1px solid #ededed;
	color: #757575;
	font-size: 16px;
	font-size: 1.14258571rem;
	line-height: 2;
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
	width: 100%;
}

.entry-content table thead td,
.comment-content table thead td {
	font-weight: bolder;
}

.entry-content table caption,
.comment-content table caption {
	font-size: 16px;
	font-size: 1.142857143rem;
	margin: 24px 0;
	margin: 1.714285714rem 0;
}

.entry-content td,
.comment-content td {
	border-top: 1px solid #ededed;
	padding: 6px 10px 6px 10px;
}

.site-content article {
	border-bottom: 1px solid #ededed;
	margin-bottom: 45px;
	margin-bottom: 3.042857143rem;
	padding-bottom: 45px;
	padding-bottom: 3.042857143rem;
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}

article.error404 {
	border-bottom: none
}

.page-links {
	clear: both;
	line-height: 1.714285714;
}

footer.entry-meta {
	margin-top: 24px;
	margin-top: 1.714285714rem;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
	color: #757575;
}

.single-author .entry-meta .by-author {
	display: none;
}

.mu_register h2 {
	color: #757575;
	font-weight: normal;
}


/* =Archives
-------------------------------------------------------------- */

.archive-header,
.page-header {
	margin-bottom: 48px;
	margin-bottom: 3.428571429rem;
	padding-bottom: 22px;
	padding-bottom: 1.571428571rem;
	border-bottom: 1px solid #ededed;
}

.archive-meta {
	color: #757575;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
	margin-top: 0;
}


/* =Single audio/video attachment view
-------------------------------------------------------------- */

.attachment .entry-content .mejs-audio {
	max-width: 400px;
}

.attachment .entry-content .mejs-container {
	margin-bottom: 24px;
}


/* =Single image attachment view
-------------------------------------------------------------- */

.article.attachment {
	overflow: hidden;
}

.image-attachment div.attachment {
	text-align: center;
}

.image-attachment div.attachment p {
	text-align: center;
}

.image-attachment div.attachment img {
	display: block;
	height: auto;
	margin: 0 auto;
	max-width: 100%;
}

.image-attachment .entry-caption {
	margin-top: 8px;
	margin-top: 0.571428571rem;
}


/* =Aside post format
-------------------------------------------------------------- */

article.format-aside h1 {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}

article.format-aside h1 a {
	text-decoration: none;
	color: #4d525a;
}

article.format-aside h1 a:hover {
	color: #2e3542;
}

article.format-aside .aside {
	padding: 24px 24px 0;
	padding: 1.714285714rem;
	background: #d2e0f9;
	border-left: 22px solid #a8bfe8;
}

article.format-aside p {
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
	color: #4a5466;
}

article.format-aside blockquote:last-child,
article.format-aside p:last-child {
	margin-bottom: 0;
}


/* =Post formats
-------------------------------------------------------------- */


/* Image posts */

article.format-image footer h1 {
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
	font-weight: normal;
}

article.format-image footer h2 {
	font-size: 11px;
	font-size: 0.785714286rem;
	line-height: 2.181818182;
}

article.format-image footer a h2 {
	font-weight: normal;
}


/* Link posts */

article.format-link header {
	padding: 0 10px;
	padding: 0 0.714285714rem;
	float: right;
	font-size: 11px;
	font-size: 0.785714286rem;
	line-height: 2.181818182;
	font-weight: bold;
	font-style: italic;
	text-transform: uppercase;
	color: #848484;
	background-color: #ebebeb;
	border-radius: 3px;
}

article.format-link .entry-content {
	max-width: 80%;
	float: left;
}

article.format-link .entry-content a {
	font-size: 22px;
	font-size: 1.571428571rem;
	line-height: 1.090909091;
	text-decoration: none;
}


/* Quote posts */

article.format-quote .entry-content p {
	margin: 0;
	padding-bottom: 24px;
	padding-bottom: 1.714285714rem;
}

article.format-quote .entry-content blockquote {
	display: block;
	padding: 24px 24px 0;
	padding: 1.714285714rem 1.714285714rem 0;
	font-size: 15px;
	font-size: 1.071428571rem;
	line-height: 1.6;
	font-style: normal;
	color: #6a6a6a;
	background: #efefef;
}


/* Status posts */

.format-status .entry-header {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}

.format-status .entry-header header {
	display: inline-block;
}

.format-status .entry-header h1 {
	font-size: 15px;
	font-size: 1.071428571rem;
	font-weight: normal;
	line-height: 1.6;
	margin: 0;
}

.format-status .entry-header h2 {
	font-size: 12px;
	font-size: 0.857142857rem;
	font-weight: normal;
	line-height: 2;
	margin: 0;
}

.format-status .entry-header header a {
	color: #757575;
}

.format-status .entry-header header a:hover {
	color: #21759b;
}

.format-status .entry-header img {
	float: left;
	margin-right: 21px;
	margin-right: 1.5rem;
}


/* =Comments
-------------------------------------------------------------- */

.comments-title {
	margin-bottom: 48px;
	margin-bottom: 3.428571429rem;
	font-size: 16px;
	font-size: 1.142857143rem;
	line-height: 1.5;
	font-weight: normal;
}

.comments-area article {
	margin: 24px 0;
	margin: 1.714285714rem 0;
}

.comments-area article header {
	margin: 0 0 48px;
	margin: 0 0 3.428571429rem;
	overflow: hidden;
	position: relative;
}

.comments-area article header img {
	float: left;
	padding: 0;
	line-height: 0;
}

.comments-area article header cite,
.comments-area article header time {
	display: block;
	margin-left: 85px;
	margin-left: 6.071428571rem;
}

.comments-area article header cite {
	font-style: normal;
	font-size: 15px;
	font-size: 1.071428571rem;
	line-height: 1.42857143;
}

.comments-area cite b {
	font-weight: normal;
}

.comments-area article header time {
	line-height: 1.714285714;
	text-decoration: none;
	font-size: 12px;
	font-size: 0.857142857rem;
	color: #5e5e5e;
}

.comments-area article header a {
	text-decoration: none;
	color: #5e5e5e;
}

.comments-area article header a:hover {
	color: #21759b;
}

.comments-area article header cite a {
	color: #444;
}

.comments-area article header cite a:hover {
	text-decoration: underline;
}

.comments-area article header h4 {
	position: absolute;
	top: 0;
	right: 0;
	padding: 6px 12px;
	padding: 0.428571429rem 0.857142857rem;
	font-size: 12px;
	font-size: 0.857142857rem;
	font-weight: normal;
	color: #fff;
	background-color: #0088d0;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #009cee, #0088d0);
	background-image: -ms-linear-gradient(top, #009cee, #0088d0);
	background-image: -webkit-linear-gradient(top, #009cee, #0088d0);
	background-image: -o-linear-gradient(top, #009cee, #0088d0);
	background-image: linear-gradient(top, #009cee, #0088d0);
	border-radius: 3px;
	border: 1px solid #007cbd;
}

.comments-area .bypostauthor cite span {
	position: absolute;
	margin-left: 5px;
	margin-left: 0.357142857rem;
	padding: 2px 5px;
	padding: 0.142857143rem 0.357142857rem;
	font-size: 10px;
	font-size: 0.714285714rem;
}

.comments-area .bypostauthor cite b {
	font-weight: bold;
}

a.comment-reply-link,
a.comment-edit-link {
	color: #686868;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
}

a.comment-reply-link:hover,
a.comment-edit-link:hover {
	color: #21759b;
}

.commentlist .pingback {
	line-height: 1.714285714;
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}


/* Comment form */

#respond {
	margin-top: 48px;
	margin-top: 3.428571429rem;
}

#respond h3#reply-title {
	font-size: 16px;
	font-size: 1.142857143rem;
	line-height: 1.5;
}

#respond h3#reply-title #cancel-comment-reply-link {
	margin-left: 10px;
	margin-left: 0.714285714rem;
	font-weight: normal;
	font-size: 12px;
	font-size: 0.857142857rem;
}

#respond form {
	margin: 24px 0;
	margin: 1.714285714rem 0;
}

#respond form p {
	margin: 11px 0;
	margin: 0.785714286rem 0;
}

#respond form p.logged-in-as {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}

#respond form label {
	display: block;
	line-height: 1.714285714;
}

#respond form input[type="text"],
#respond form textarea {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 1.714285714;
	padding: 10px;
	padding: 0.714285714rem;
	width: 100%;
}

#respond form p.form-allowed-tags {
	margin: 0;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
	color: #5e5e5e;
}

.required {
	color: red;
}


/* =Front page template
-------------------------------------------------------------- */

.entry-page-image {
	margin-bottom: 14px;
	margin-bottom: 1rem;
}

.template-front-page .site-content article {
	border: 0;
	margin-bottom: 0;
}

.template-front-page .widget-area {
	clear: both;
	float: none;
	width: auto;
	padding-top: 24px;
	padding-top: 1.714285714rem;
	border-top: 1px solid #ededed;
}

.template-front-page .widget-area .widget li {
	margin: 8px 0 0;
	margin: 0.571428571rem 0 0;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.714285714;
	list-style-type: square;
	list-style-position: inside;
}

.template-front-page .widget-area .widget li a {
	color: #757575;
}

.template-front-page .widget-area .widget li a:hover {
	color: #21759b;
}

.template-front-page .widget-area .widget_text img {
	float: left;
	margin: 8px 24px 8px 0;
	margin: 0.571428571rem 1.714285714rem 0.571428571rem 0;
}


/* =Widgets
-------------------------------------------------------------- */

.widget-area .widget ul ul {
	margin-left: 12px;
	margin-left: 0.857142857rem;
}

.widget_rss li {
	margin: 12px 0;
	margin: 0.857142857rem 0;
}

.widget_recent_entries .post-date,
.widget_rss .rss-date {
	color: #aaa;
	font-size: 11px;
	font-size: 0.785714286rem;
	margin-left: 12px;
	margin-left: 0.857142857rem;
}

#wp-calendar {
	margin: 0;
	width: 100%;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
	color: #686868;
}

#wp-calendar th,
#wp-calendar td,
#wp-calendar caption {
	text-align: left;
}

#wp-calendar #next {
	padding-right: 24px;
	padding-right: 1.714285714rem;
	text-align: right;
}

.widget_search label {
	display: block;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
}

.widget_twitter li {
	list-style-type: none;
}

.widget_twitter .timesince {
	display: block;
	text-align: right;
}

#searchsubmit {
	padding: 4px 8px;
}

.site-logo {
	display: none;
	width: 110px;
	height: 44px;
	max-width: 98%;
	float: none;
	margin: 1.5rem auto 0 auto;
	overflow: hidden;
}

.site-logo img {
	width: 100%;
	height: auto
}

.site-title,
.site-description {
	clear: right;
}

.tagcloud {
	overflow: hidden;
}

.tagcloud a {
	padding: 3px;
	float: left;
	display: inline-block;
	-webkit-transition: background 0.2s ease;
	transition: background 0.2s ease;
}

.tagcloud a:hover {
	text-decoration: none !important;
	background-color: #333;
	color: #fff !important
}


/* =Plugins
----------------------------------------------- */

img#wpstats {
	display: block;
	margin: 0 auto 24px;
	margin: 0 auto 1.714285714rem;
}


/*wp-pagenavi*/

.wp-pagenavi {
	clear: both;
	text-align: center;
	margin: 3rem auto 5rem auto;
}

.wp-pagenavi a,
.wp-pagenavi span {
	border: none;
	min-width: 30px;
	height: 30px;
	padding: 0 12px !important;
	margin: 3px;
	display: inline-block;
	line-height: 30px;
	border-radius: 4px;
	vertical-align: middle;
	box-sizing: border-box;
}

.wp-pagenavi span.pages {
	width: auto;
	margin-right: 10px;
}

.wp-pagenavi a {
	text-decoration: none;
	color: #4f4f4f;
	padding: 6px 12px;
	background-image: none;
	background-color: #f5f4f2;
	border: none;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	font-size: 15px;
	font-size: 1.07142857rem;
	display: inline-block;
}

.wp-pagenavi a:hover,
.wp-pagenavi a.current,
.wp-pagenavi span.current {
	color: #fff;
	background-image: none;
	background-color: #0d68b7;
	text-decoration: none;
	font-weight: normal;
	font-size: 15px;
	font-size: 1.07142857rem;
}

.wp-pagenavi a:hover {
	background-color: #000f
}

.wp-pagenavi a.current,
.wp-pagenavi span.current {
	pointer-events: none;
}

.wp-pagenavi span.pages {
	border: none;
}


/*gravity forms*/

body .gform_wrapper ul li.gfield {
	margin-top: 10px !important;
}

.gform_wrapper.gf_browser_chrome .gform_body {
	width: 100%;
}

.gform_wrapper .top_label .gfield_label,
.gform_wrapper .left_label .gfield_label {
	font-weight: normal !important;
	font-size: 13px;
}

.gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label {
	padding-top: 3px;
}

.gform_wrapper .gform_footer input.button,
.gform_wrapper .gform_footer input[type=submit] {
	margin: 0;
	font-size: 14px !important;
	color: #fff !important;
	border-radius: 15px;
	padding-left: 30px;
	padding-right: 30px;
}

.gform_wrapper .left_label .gfield_label {
	width: 30% !important;
	margin: 0 !important;
}

.gform_wrapper form .gform_body .left_label li.gfield_html_formatted,
.gform_wrapper form .gform_body .right_label li.gfield_html_formatted {
	margin-left: 0% !important;
	width: 100%;
}

.gform_wrapper .ginput_complex label {
	padding: .625em 0 1em;
}

.gform_confirmation_message {
	line-height: 1.6;
	font-size: 16px;
	color: #0a3e52;
}

.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
	padding: 6px 6px;
}

.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
.gform_wrapper textarea,
.gform_wrapper select {
	background: #eee;
}

body .gform_wrapper ul.gfield_checkbox li input[type=checkbox]:checked+label {
	font-weight: normal;
}

body .gform_wrapper .top_label div.ginput_container {
	margin-top: 2px !important;
}


/*error message*/

body .gform_wrapper li.gfield_error div.ginput_complex.ginput_container label,
body .gform_wrapper li.gfield_error ul.gfield_checkbox,
body .gform_wrapper li.gfield_error ul.gfield_radio {
	color: #f90;
}

body .gform_wrapper .field_description_below .gfield_description {
	padding-top: 0;
}

body .gform_wrapper .validation_message {
	color: #f90;
}

body .gform_wrapper li.gfield.gfield_error,
body .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
	background-color: #ffe6b1 !important;
	border-top: 1px solid #f90 !important;
	border-bottom: 1px solid #f90 !important;
}

body .gform_wrapper div.validation_error {
	color: #f90;
	border-top: 0;
	border-bottom: 0;
	line-height: 1.5;
	padding: 0;
	margin: 10px 0;
	display: none;
}

body .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {
	max-width: 100% !important;
	background: transparent !important;
	border: 0 !important;
	margin: 0 !important;
}

body .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label {
	margin-top: 0;
	color: #f90;
}

body .gform_wrapper .top_label div.ginput_container {
	margin-top: 2px !important;
}

body .gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
body .gform_wrapper li.gfield_error textarea,
body .gform_wrapper li.gfield_error select {
	border-color: #f90;
}

@media only screen and (max-width: 641px) {
	body .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) {
		line-height: 1.5;
		min-height: auto;
	}
}

@media screen and (min-width: 768px) {

	.gform_wrapper .left_label div.ginput_complex,
	.gform_wrapper .right_label div.ginput_complex {
		width: 35.5% !important;
	}
}

@media screen and (min-width: 1200px) {

	body .gform_wrapper ul.gform_fields li.gfield,
	body .gform_wrapper li.gfield.gfield_error.gfield_contains_required {
		padding-right: 200px;
	}

	body .gform_wrapper ul.gform_fields li.gfield.form-tc {
		padding-right: 0;
	}
}


/*baidu map*/

.iw_poi_title {
	color: #e83c16;
	font-size: 14px;
	font-weight: bold;
	overflow: hidden;
	padding-right: 13px;
	white-space: nowrap
}

.iw_poi_content {
	font: 12px arial, sans-serif;
	overflow: visible;
	padding-top: 4px;
	white-space: -moz-pre-wrap;
	word-wrap: break-word
}


/* =Media queries
-------------------------------------------------------------- */

@-ms-viewport {
	width: device-width;
}

@viewport {
	width: device-width;
}

@media screen and (min-width: 600px) {

	.friend-link li,
	.footer-menu li {
		width: 32%;
	}
}


/* Minimum width of 768 pixels. */

@media screen and (min-width: 768px) {
	.site {
		margin: 0 auto;
		max-width: 1600px;
		width: 83.3%;
		/*max-width: 71.4285rem;
		overflow: hidden;*/
	}

	.site-narrow {
		max-width: 880px;
	}

	hgroup {
		overflow: visible;
	}

	.site-content {
		float: left;
		/*width: 65.104166667%;*/
		width: 76%;
	}

	body.template-front-page .site-content,
	body.attachment .site-content,
	body.full-width .site-content,
	div.full-width,
	section.full-width {
		width: 100%;
	}

	.widget-area {
		float: right;
		/*width: 26.041666667%;*/
		width: 20%;
	}

	.site-header {
		z-index: 1;
		position: absolute;
		background-color: transparent;
	}

	.site-header h1,
	.site-header h2 {
		text-align: left;
		float: left;
		width: 80%;
		width: -webkit-calc(100% - 95px);
		width: calc(100% - 95px);
	}

	.site-header h1 {
		font-size: 26px;
		font-size: 1.857142857rem;
		line-height: 1.546153846;
		margin-bottom: 0;
	}

	#respond form input[type="text"] {
		width: 46.333333333%;
	}

	#respond form textarea.blog-textarea {
		width: 79.666666667%;
	}

	.template-front-page .site-content,
	.template-front-page article {
		overflow: hidden;
	}

	.template-front-page.has-post-thumbnail article {
		float: left;
		width: 47.916666667%;
	}

	.entry-page-image {
		float: right;
		margin-bottom: 0;
		width: 47.916666667%;
	}

	.template-front-page .widget-area .widget,
	.template-front-page.two-sidebars .widget-area .front-widgets {
		float: left;
		width: 51.875%;
		margin-bottom: 24px;
		margin-bottom: 1.714285714rem;
	}

	.template-front-page .widget-area .widget:nth-child(odd) {
		clear: right;
	}

	.template-front-page .widget-area .widget:nth-child(even),
	.template-front-page.two-sidebars .widget-area .front-widgets+.front-widgets {
		float: right;
		width: 39.0625%;
		margin: 0 0 24px;
		margin: 0 0 1.714285714rem;
	}

	.template-front-page.two-sidebars .widget,
	.template-front-page.two-sidebars .widget:nth-child(even) {
		float: none;
		width: auto;
	}

	.commentlist .children {
		margin-left: 48px;
		margin-left: 3.428571429rem;
	}
}


/* Minimum width of 1024 pixels. */

@media screen and (min-width: 1024px) {
	body.custom-background-empty {
		background-color: #fff;
	}

	body.custom-background-empty .site,
	body.custom-background-white .site {
		padding: 0;
		margin-top: 0;
		margin-bottom: 0;
		box-shadow: none;
	}

	.site-logo {
		display: block;
		float: left;
		margin: 24px 0 10px;
		margin-left: 0;
	}

	.main-navigation ul.nav-menu {
		overflow: visible;
	}

	.main-navigation ul.nav-menu.toggled-on {
		margin-top: 0;
		margin-bottom: 0
	}

	.main-navigation ul.nav-menu li {
		border-top: none;
	}

	.main-navigation ul.nav-menu,
	.main-navigation div.nav-menu>ul {
		height: auto !important;
		display: inline-block !important;
		text-align: center;
		width: 100%;
	}

	.main-navigation ul {
		margin: 0;
		text-indent: 0;
	}

	.main-navigation li {
		padding: 0;
	}

	.main-navigation li a,
	.main-navigation li {
		display: inline-block;
		text-decoration: none;
	}

	.main-navigation li a {
		padding: 0 21px;
		padding: 0 1.5rem;
		display: block;
		color: #fff;
		line-height: 3;
		/*text-transform: uppercase;*/
		white-space: nowrap;
		-webkit-transition: 0.2s all;
		transition: 0.2s all;
	}

	.main-navigation .current-menu-item a:hover,
	.main-navigation .current-menu-ancestor a:hover,
	.main-navigation .current_page_item a:hover,
	.main-navigation .current_page_ancestor a:hover,
	.main-navigation a:hover,
	.main-navigation a:focus {
		/*color: #0d68b7;*/
		color: #fff;
		font-weight: 800;
		/*background-color: #fff;*/
	}

	.main-navigation .current-menu-item>a,
	.main-navigation .current-menu-ancestor>a,
	.main-navigation .current_page_item>a,
	.main-navigation .current_page_ancestor>a {
		/*color: #0d68b7;*/
		color: #fff;
		/*background-color: #fff;
		/*font-weight: bolder;*/
		/*background-image: url(../img/bg_nav_current.png);
		background-repeat: repeat-x;*/
	}

	.main-navigation .nav-menu>li>a:hover {
		font-weight: 500;
	}

	.main-navigation .nav-menu>.current-menu-item,
	.main-navigation .nav-menu>.current-menu-ancestor,
	.main-navigation .nav-menu>.current_page_item,
	.main-navigation .nav-menu>.current_page_ancestor {
		position: relative;
	}

	.main-navigation .nav-menu>li:hover>a:after {
		content: "";
		display: block;
		position: absolute;
		width: -webkit-calc(100% - 70px);
		width: calc(100% - 70px);
		height: 1px;
		bottom: 0;
		background: #fff;
	}

	.main-navigation li {
		position: relative;
	}

	.main-navigation li ul {
		margin: 0;
		padding: 14px 0;
		position: absolute;
		top: 100%;
		z-index: 50;
		height: 1px;
		width: 1px;
		overflow: hidden;
		clip: rect(1px, 1px, 1px, 1px);
		left: 0;
		opacity: 0;
	}

	.main-navigation li ul ul {
		top: 0;
		left: 100%;
	}

	.main-navigation ul li:hover>ul,
	.main-navigation ul li:focus>ul,
	.main-navigation .focus>ul {
		border-left: 0;
		clip: inherit;
		overflow: inherit;
		height: inherit;
		width: inherit;
		padding: 28px 0;
		opacity: 1;
	}

	.main-navigation li ul li a {
		background: transparent;
		text-align: left;
		border-top: 0;
		display: block;
		line-height: 2;
		width: 220px;
		white-space: normal;
		font-weight: 300;
	}

	.main-navigation li ul li a:hover,
	.main-navigation li ul li a:focus {
		color: #fff;
		font-weight: 800;
	}

	.main-navigation {
		/*float: left;*/
		clear: none;
		width: 100%;
		margin-top: 0;
		display: inline-block;
	}

	.main-navigation ul.nav-menu,
	.main-navigation div.nav-menu>ul {
		text-align: center;
	}

	.main-navigation li a {
		padding: 0 21px;
	}

	.site-blocks {
		padding: 0 28px;
		padding: 0 2rem;
	}
}


/* Minimum width of 1200 pixels. */

@media screen and (min-width: 1200px) {
	.site-header {
		z-index: 10;
		top: 0;
	}

	.site-logo {
		margin: 40px 0 20px 0;
		width: 150px;
	}

	.admin-bar .site-header {
		top: 32px;
	}

	.main-navigation li {
		padding: 0 0;
		padding: 0 0;
	}

	.main-navigation li a {
		background-color: transparent;
		padding: 0 35px;
		padding: 0 2.5rem;
		line-height: 3.8;
	}

	/* dynamic floating nav bar */
	.site-header.scroll {
		min-height: 0;
		box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
		/*position: fixed;
		z-index: 10;
		top: 0;*/
		background-color: #0a3e52;
		text-shadow: none;
	}

	.site-header.scroll .main-navigation {
		margin-top: 8px;
	}

	.site-header.scroll .main-navigation li a {
		line-height: 3;
		/*color: #333;*/
	}

	.site-header.scroll .main-navigation li ul a {
		background: #0a3e52;
	}

	.site-header.scroll .main-navigation .current-menu-item>a,
	.site-header.scroll .main-navigation .current-menu-ancestor>a,
	.site-header.scroll .main-navigation .current_page_item>a,
	.site-header.scroll .main-navigation .current_page_ancestor>a,
	.site-header.scroll .main-navigation a:hover,
	.site-header.scroll .main-navigation a:focus {
		/*color: #0a3e52;*/
		/*background-color: #000;*/
	}

	.site-header.scroll .main-navigation .nav-menu>.current-menu-item:after,
	.site-header.scroll .main-navigation .nav-menu>.current-menu-ancestor:after,
	.site-header.scroll .main-navigation .nav-menu>.current_page_item:after,
	.site-header.scroll .main-navigation .nav-menu>.current_page_ancestor:after {
		top: 46px;
	}

	.site-header.scroll .site-logo {
		margin-top: 5px;
		margin-bottom: 5px;
		width: 209px;
		height: 45px;
	}
}


/*return Top button*/

#returnTop {
	background-color: #222;
	width: 40px;
	height: 40px;
	display: block;
	right: 20px;
	bottom: 20px;
	position: fixed;
	line-height: 50px;
	color: #fff;
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
	-webkit-transition: background 0.2s, -webkit-opacity 0.2s;
	-moz-transition: background 0.2s, -moz-opacity 0.2s;
	transition: background 0.2s, opacity 0.2s;
	z-index: 6;
	border-radius: 5px;
}

#returnTop_a {
	position: absolute;
	top: -2px;
	left: 8px;
	width: 0;
	height: 0;
	border-width: 10px 12px;
	border-style: dashed dashed solid;
	border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #FFF;
	-webkit-transition: top 0.2s;
	-moz-transition: top 0.2s;
	transition: top 0.2s;
}

#returnTop_b {
	position: absolute;
	top: 18px;
	left: 14px;
	width: 12px;
	height: 12px;
	background: #FFF;
	-webkit-transition: top 0.2s;
	-moz-transition: top 0.2s;
	transition: top 0.2s;
}

#returnTop.hide {
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
	background-color: transparent;
	filter: progid: DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#00000000', endColorstr='#00000000');
	pointer-events: none;
}

#returnTop.hide #returnTop_a,
#returnTop.hide #returnTop_b {
	display: none
}

:root #returnTop.hide {
	filter: none;
}

#returnTop:hover {
	background-color: #0a3e52;
}

#returnTop:hover #returnTop_a {
	top: -4px;
}

#returnTop:hover #returnTop_b {
	top: 16px;
}


/*QR Code button*/

#qrCode {
	background: url(../image/icon_qrcode.gif) center center no-repeat;
	background-size: 50% 50%;
	background-color: #222;
	width: 40px;
	height: 40px;
	display: none;
	right: 20px;
	bottom: 20px;
	position: fixed;
	line-height: 50px;
	color: #fff;
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
	-webkit-transition: background 0.2s, -webkit-opacity 0.2s;
	-moz-transition: background 0.2s, -moz-opacity 0.2s;
	transition: background 0.2s, opacity 0.2s;
	z-index: 6;
	border-radius: 5px;
}

#qrCode:hover {
	background-color: #0a3e52;
}

#qrCode_cont {
	position: absolute;
	bottom: 0;
	right: 50px;
	background: no-repeat #fff;
	overflow: hidden;
	height: 0;
	width: 0;
	border: none;
	-webkit-transition: height 0.2s, width 0.2s;
	-moz-transition: height 0.2s, width 0.2s;
	transition: height 0.2s, width 0.2s;
}

#qrCode:hover #qrCode_cont {
	text-align: center;
	height: 168px;
	width: 147px;
	padding: 5px;
	border: 1px solid #f2f2f2;
	line-height: 1;
}

#qrCode #qrCode_cont img {
	display: inline-block;
}

#qrCode #qrCode_cont span {
	display: inline-block;
	color: #333;
	font-size: 12px;
}


/* Minimum width of 600 pixels. */

@media screen and (min-width: 600px) {
	#qrCode {
		display: block;
	}

	#returnTop {
		bottom: 70px;
	}
}

.video-js {
	max-width: 100%
}

.vjs-poster {
	background-color: transparent;
}

.video-js .vjs-big-play-button {
	top: calc(50% - 30px);
	left: calc(50% - 30px);
	border: none;
	width: 60px;
	height: 60px;
	line-height: 56px;
	border: 3px solid #fff;
	border-radius: 50%;
	background-color: transparent;
}

.video-js .vjs-control:before {
	line-height: 1.9;
}


/*custome items*/

.txt-white {
	color: #fff !important;
}

.txt-gray {
	color: #999 !important;
}

.txt-red {
	color: #f00 !important;
}

.txt-black {
	color: #000 !important;
}

.txt-thin {
	font-weight: 300 !important;
}

.txt-thinner {
	font-weight: 100 !important;
}

.txt-regular {
	font-weight: 400 !important;
}

.txt-thinner .txt-regular {
	font-weight: 500 !important;
}

.txt-bold {
	font-weight: 600 !important;
}

#block-home-2-3 .txt-bold {
	width: 130px;
	display: inline-block;
	vertical-align: middle;
}

.txt-bolder {
	font-weight: 800 !important;
}

.txt-boldest {
	font-weight: 900 !important;
}

.txt-smaller {
	font-size: 13px !important;
}

.txt-bigger {
	font-size: 19px !important;
}

.txt-large {
	font-size: 21px !important;
}

.txt-italic {
	font-style: italic !important;
}

a.txt-underline {
	text-decoration: underline;
	;
}

a.txt-underline:hover {
	text-decoration: none;
	;
}

.txt-cap {
	text-transform: uppercase !important;
}

.txt-cap-initial {
	text-transform: initial !important;
}

.txttab,
input[type="submit"].txttab {
	box-sizing: border-box;
	vertical-align: middle;
	display: inline-block;
	font-weight: 600;
	text-transform: uppercase;
	color: #000;
	font-size: 12px;
	line-height: 21px;
	text-align: center;
	padding: 2px 12px;
	border-radius: 0;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}

.txttab-yellow,
input[type="submit"].txttab-yellow {
	background-color: #0d68b7;
	text-decoration: none;
	color: #fff !important;
}

.txttab-blue {
	background-color: #0d68b7;
	color: #fff;
	text-decoration: none;
}

a.txttab:hover,
input[type="submit"].txttab:hover {
	text-decoration: none;
	background-color: #000;
	color: #fff !important;
}

.tag-title {
	background: #0d68b7;
	border-radius: 15px;
	color: #fff;
	font-size: 13px;
	font-size: 0.925714rem;
	vertical-align: middle;
	display: inline-block;
	width: auto;
	text-align: center;
	line-height: 16px;
	height: 16px;
	font-weight: 600;
	text-transform: uppercase;
	padding: 2px 15px;
	margin-bottom: 21px;
}

ol.list-numbers {
	padding-left: 18px;
	list-style: decimal;
}

.content-narrow {
	margin-left: auto;
	margin-right: auto;
	max-width: 610px;
}


/*custome header*/

#hgroup-top {
	/* overflow-x: hidden; */
	/*border-bottom: 1px solid #fff;*/
}

#hgroup-top::after {
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}

#hgroup-search {
	width: 350px;
	color: #fff;
	float: right;
	text-align: right;
}

#hgroup-search form {
	display: inline-block;
	display: none;
	vertical-align: middle;
	border-bottom: 1px solid #fff;
}

#hgroup-search form input {
	vertical-align: middle;
	box-sizing: border-box;
	width: 174px;
	border: 0;
	background: transparent;
	color: #fff;
}

#hgroup-search #s:focus {
	width: 220px;
}

#hgroup-search form input:focus {
	outline: 0;
}

#hgroup-search form input::placeholder {
	/* Chrome, Firefox, Opera, Safari 10.1+ */
	color: transparent;
	opacity: 1;
	/* Firefox */
}

#hgroup-search form input:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: transparent;
}

#hgroup-search form input::-ms-input-placeholder {
	/* Microsoft Edge */
	color: transparent;
}

#hgroup-search form input:focus::placeholder {
	/* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #fff;
}

#hgroup-search form input:focus:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: #fff;
}

#hgroup-search form input:focus::-ms-input-placeholder {
	/* Microsoft Edge */
	color: #fff;
}

.light-nav #hgroup-search form {
	border-bottom-color: #000;
}

.light-nav #hgroup-search form input {
	color: #000;
}

.light-nav #hgroup-search form input::placeholder {
	/* Chrome, Firefox, Opera, Safari 10.1+ */
	color: transparent;
}

.light-nav #hgroup-search form input:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: transparent;
}

.light-nav #hgroup-search form input::-ms-input-placeholder {
	/* Microsoft Edge */
	color: transparent;
}

.light-nav .main-navigation .nav-menu>li:hover>a:after {
	background: #000;
}

#hgroup-search #searchsubmit {
	vertical-align: middle;
	width: 31px;
	height: 31px;
	background: url(../image/icon-search.png) no-repeat center center;
	background-size: 18px 18px;
}

#loging-btn {
	display: inline-block;
	vertical-align: top;
	position: relative;
}

#loging-btn strong {
	display: block;
	font-size: 16px;
	height: 20px;
	line-height: 20px;
	padding-left: 30px;
	background-image: url(../image/icon1.png);
	background-size: 20px;
	background-repeat: no-repeat;
	cursor: pointer;
}

#loging-btn a {
	position: absolute;
	left: 30px;
	padding-top: 10px;
	top: 100%;
	font-size: 16px;
	color: #fff;
	cursor: pointer;
	white-space: nowrap;
	display: none;
	transition: none;
}

#shopping-btn {
	display: inline-block;
	vertical-align: top;
	width: 20px;
	height: 20px;
	background-image: url(../image/icon2.png);
	background-size: 100% 100%;
	margin-left: 16px;
	cursor: pointer;
}

#hgroup-language {
	color: #fff;
	width: 90px;
	text-align: right;
	display: inline-block;
	vertical-align: top;
	margin-top: 2px;
	font-size: 13px;
}

.wpml-ls-legacy-list-horizontal {
	padding: 0;
	margin: 0;
	border: none;
}

.wpml-ls-legacy-list-horizontal a {
	padding: 2px 10px;
}

.wpml-ls-item-zh-hans {
	border-left: 1px solid rgba(255, 255, 255, 0.5);
}

#hgroup-language a {
	color: #eee;
	opacity: 0.5;
}

#hgroup-language a:hover {
	text-decoration: none;
	color: #fff;
	opacity: 1;
}

#hgroup-language .wpml-ls-current-language a {
	color: #fff;
	font-weight: 600;
	opacity: 1;
}

.light-nav #hgroup-search #searchsubmit {
	background-image: url(../image/icon-search-black.png);
}

.light-nav #hgroup-language {
	color: #000;
}

.light-nav #hgroup-language a {
	color: #000;
}

.light-nav #hgroup-language a.current {
	color: #000;
}

.light-nav .main-navigation li a {
	color: #000;
}

.light-nav .main-navigation .current-menu-item a:hover,
.light-nav .main-navigation .current-menu-ancestor a:hover,
.light-nav .main-navigation .current_page_item a:hover,
.light-nav .main-navigation .current_page_ancestor a:hover,
.light-nav .main-navigation a:hover,
.light-nav .main-navigation a:focus {
	color: #000;
}

.light-nav #site-navigation-bg {
	background: rgba(0, 0, 0, 0.04);
}

.light-nav .site-logo img {
	opacity: 0;
}

.light-nav .site-logo {
	background: url(../image/logo-reverse.png) no-repeat center center;
	background-size: 100% auto;
}

@media screen and (min-width:1024px) {
	.main-navigation {
		border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	}

	.light-nav .main-navigation {
		border-bottom: 1px solid rgba(0, 0, 0, 0.3);
	}

	#hgroup-search {
		margin-top: 34px;
	}
}


/*custome footer*/

#block-more {
	background-color: #f3f3f3;
	min-height: 50px;
}

#block-more h2 {
	font-weight: 600;
	margin-bottom: 12px;
}

#block-more .col-n {
	margin-bottom: 21px;
	margin-bottom: 1.5rem;
}

#block-more .site {
	margin: 21px auto 42px auto;
	margin: 1.5rem auto 3rem auto;
}

#block-more .post-thumbnail,
#block-more .post-thumbnail img {
	width: 100%;
	height: auto;
	font-size: 0;
}

#block-more .post-txt {
	background-color: #fff;
	padding: 20px 14px;
	box-sizing: border-box;
}

@media screen and (min-width: 768px) {
	#block-more .post-txt {
		min-height: auto;
		padding: 30px 20px;
	}
}

#block-more .post-title {
	display: block;
	font-weight: 600;
	font-size: 15px;
	text-transform: uppercase;
	margin-bottom: 14px;
	margin-bottom: 1rem;
	line-height: 1.3;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

#block-more .post-title:hover {
	text-decoration: none;
	color: #0d68b7;
}

#block-more .post-sub {
	line-height: 1.6;
	height: 60px;
	overflow: hidden;
	font-size: 13px;
}

#block-more .post-sub p {
	font-size: 13px;
	margin-bottom: 0;
	line-height: 1.4;
}

#block-more .post-more-link {
	font-size: 13px;
	font-weight: 500;
}

#block-more hr {
	margin: 10px 0;
	background-color: #666;
}

#block-more .post-more-link:hover {
	text-decoration: none;
	color: #0d68b7;
}

#colophon .entry-content {
	font-size: 0;
}

.footer-left,
.footer-right,
.footer-bottom {
	display: inline-block;
	vertical-align: bottom;
	font-size: 14px;
}

.footer-left .logo {
	display: inline-block;
	vertical-align: top;
	width: 200px;
}

.footer-left .logo img {
	width: auto;
}

.footer-left h5 {
	font-weight: 600;
	font-size: 16px;
	margin: 40px 0;
}

.footer-left h6 {
	margin: 0 0 30px;
	display: none;
}

.footer-left h6 p {
	font-size: 14px;
	color: #666;
	line-height: 1.8;
	margin: 0;
}

.footer-left .fa {
	font-size: 26px;
}

.footer-left .fa-linkedin {
	font-size: 28px;
	margin-top: -2px;
}

.footer-right ul {
	display: flex;
	justify-content: space-between;
	margin-top: -30px;
	margin-bottom: 0;
}

.footer-right ul li {
	margin-left: 0;
	list-style: none;
	line-height: 2.0;
}

.footer-right a {
	display: block;
	color: #666;
	font-size: 13px;
	text-transform: uppercase;
}

.footer-right a.main {
	margin-top: 30px;
	font-weight: 600;
	color: #000;
	font-size: 13px;
}

.icn-social-wechat {
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin-right: 20px;
}

.icn-social-wechat .qr {
	position: absolute;
	bottom: 30px;
	left: 0;
	width: 150px;
	height: 150px;
	max-width: inherit;
	display: none;
}

.icn-social-wechat:hover .qr {
	display: block;
}

.footer-bottom {
	border-top: 1px solid #ddd;
	display: flex;
	justify-content: space-between;
	margin-top: 30px;
	font-size: 13px;
}

.footer-bottom span {
	flex-shrink: 0;
	width: 500px;
}

.logo-footer {
	display: none;
	width: 120px;
	height: auto;
	float: right;
}

footer .site-info {
	margin: 0 auto;
	max-width: 1000px;
	padding: 60px 0 0;
}


/*homepage*/

.site-blocks p,
.site-blocks ul {
	margin: 14px 0 21px 0;
	margin: 1rem 0 1.5rem 0;
	font-size: 15px;
	font-size: 1.07147285rem;
	line-height: 1.6;
}

.site-blocks h1 {
	font-size: 21px;
	font-size: 1.5rem;
	font-weight: 300;
	margin: 21px 0 21px 0;
	margin: 1.5rem 0 1.5rem 0;
	line-height: 1.5;
}

.site-blocks h2 {
	line-height: 1.6;
	font-size: 28px;
	font-size: 2rem;
	font-weight: 300;
	margin-bottom: 9px;
	color: #000;
}

.site-blocks .entry-content h2 {
	margin: 24px 0;
	margin: 1.714285714rem 0;
}

.site-blocks .entry-content h2:first-child,
.site-blocks .entry-content h3:first-child {
	margin-top: 0;
}

.site-blocks .site {
	overflow: hidden;
	margin: 70px auto;
	margin: 5rem auto;
}

.site-blocks .sub-title {
	display: block;
	text-align: center;
	color: #999;
	font-size: 10px;
	text-transform: uppercase;
	margin-bottom: 21px;
	margin-top: 0;
}

.site-blocks .sub-title:hover {
	/*text-decoration: none;
	color:#111;*/
}

.header-vedio-bg {
	position: absolute;
	z-index: 0;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-image: url(../image/mp.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center
}

#top-home .swiper-slide {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

#top-home {
	/* background-image: url(../image/top-01-1.jpg); */
	max-height: 55vw;
}

#mySwiperHomeTop {
	width: 100%;
	height: 100%;
}

#top-home,
#mySwiperHomeTop .swiper-slide,
#homeVideo {
	height: 100vh;
}

#homeVideo {
	max-width: initial;
	width: 100%;
	height: auto;
	background-color: #111;
}

#top-home .entry-title-sub {
	font-size: 14px;
}

.spec-capsule.small {
	font-size: 14px;
	font-size: 1rem;
	padding: 7px 21px;
}

.spec-capsule.tiny {
	font-size: 14px;
	font-size: 1rem;
	padding: 4px 16px;
	;
}

.spec-capsule.black {
	background-color: #000;
}

.spec-capsule.yellow {
	background-color: #f6b900;
	color: #000;
}

.spec-capsule.red {
	background-color: #C11500;
	color: #fff;
}

.spec-capsule.green {
	background-color: #61b235;
	color: #fff;
}

#top-home .entry-title:after {
	display: none;
}

#top-home a.btn-video {
	background-color: #C11500;
	display: inline-block;
	margin-top: 14px;
	margin-top: 1rem;
	padding: 8px 28px;
}

#top-home a.btn-video:hover {
	color: #fff;
	background-color: #000;
	text-decoration: none;
}

#mySwiperHomeTop .swiper-slide {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

#top-home .news-more.square {
	border-color: #fff;
}

#top-home .news-more.square:hover {
	color: #fff;
}

#top-home time {
	color: rgba(255, 255, 255, 0.7);
	letter-spacing: 4px;
	font-size: 13px;
	display: block;
	margin: 14px 0;
}

#top-home .title-news {
	position: relative;
	font-size: 25px;
	max-width: 560px;
	margin-bottom: 40px;
	line-height: 1.2;
	font-weight: 700;
	letter-spacing: 0;
}

#top-home .title-news:after {
	display: block;
	margin: 0;
	position: absolute;
	content: "";
	width: 400px;
	max-width: 80%;
	height: 1px;
	background: #fff;
	bottom: -20px;
	left: 0;
}

#top-home .logo {
	width: 280px;
	margin-top: 7px;
	margin-bottom: 7px;
	max-width: 80%;
	height: auto;
}

#top-home .top-inner-anchor-list {
	border-top: 0;
}

.anchor-link.current {
	font-weight: 800;
	opacity: 1;
}

#herolist a {
	position: relative;
	display: inline-block;
}

#herolist a:after {
	position: absolute;
	content: "";
	background: #fff;
	width: 100%;
	height: 2px;
	left: 0;
	top: 25px;
	z-index: 0;
}

#herolist a .timebar {
	position: absolute;
	content: "";
	background: #0d68b7;
	width: 0%;
	height: 2px;
	left: 0;
	top: 25px;
	z-index: 1;
	-webkit-transition: width 0.1s;
	transition: width 0.1s;
}

/* #anchor-link-1.current .timebar, */
#anchor-link-2.current .timebar,
#anchor-link-3.current .timebar,
#anchor-link-4.current .timebar,
#anchor-link-5.current .timebar,
#anchor-link-6.current .timebar {
	-webkit-animation: 6s sliderTimebar 1 linear;
	animation: 6s sliderTimebar 1 linear;
}

@-webkit-keyframes sliderTimebar {
	0% {
		width: 0;
	}

	100% {
		width: 100%;
	}
}

@keyframes sliderTimebar {
	0% {
		width: 0;
	}

	100% {
		width: 100%;
	}
}

@media screen and (min-width: 1500px) {
	#homeVideo {
		width: 100%;
		height: auto;
		max-height: initial;
	}
}

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

	#top-home,
	#mySwiperHomeTop .swiper-slide,
	#homeVideo {
		height: 72vw;
		max-height: 72vw
	}
}

@media screen and (max-width: 1023px) {
	#top-home .title-news {
		position: relative;
		font-size: 18px;
	}

	#herolist,
	#homeVideo {
		display: none;
	}
}

@media screen and (max-width: 767px) {
	#top-home .entry-title-sub {
		font-size: 13px;
		font-weight: 300 !important;
	}

	#top-home,
	#mySwiperHomeTop .swiper-slide {
		height: 120vw;
		max-height: 120vw
	}
}

body .site-blocks .site-big-width {
	max-width: 1500px;
	overflow: visible;
}

#block-home-1 .site-big-width,
#block-home-2 .site-big-width {
	margin-top: 0;
	margin-bottom: 0;
}

#block-home-2 .swiper-container {
	width: calc(100% - 4rem);
	max-width: 1500px;
}

#block-home-2 .swiper-container .swiper-slide {}

#block-home-2 .swiper-container .swiper-slide img {
	width: 100%;
}

#block-home-2 .swiper-container #mySwiperBios-next {
	right: 0;
	left: auto;
}

.block-home-item {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	box-sizing: border-box;
	color: #fff;
}

#block-home-2-1,
#block-home-2-2 {
	width: 100%;
	height: 500px;
	text-align: center;
	padding: 190px 40px 0 40px;
}

#block-home-2-2,
#block-home-2-3 {
	margin-top: 56px;
}

#block-home-2-3 {
	box-sizing: border-box;
	padding: 40px 40px 0 40px;
	text-align: left;
	background-color: #e4e4e4;
	color: #000;
}

#block-home-2-4 {
	position: relative;
	box-sizing: border-box;
	padding: 0 40px 0 40px;
	text-align: center;
	background-color: #e4e4e4;
	height: auto;
}

#block-home-2-4 .cell {
	position: relative;
	width: 560px;
	height: auto;
	transform: translate(0, 30px);
	max-width: 100%;
}

.txt-home-style-1 {
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 13px;
	font-weight: 300;
	display: block;
	margin-bottom: 14px;
}

.txt-home-style-2 {
	text-transform: uppercase;
	letter-spacing: 0;
	font-weight: 700;
	font-size: 21px;
	font-size: 1.5rem;
	display: block;
	margin-bottom: 14px;
	line-height: 1.2;
}

.txt-home-style-2 img.logo {
	margin: 0 0 2px 0;
	height: 27px;
}

.txt-home-style-2.cells-logo span {
	margin: 0;
	margin-left: 4px;
	line-height: 1;
	font-size: 28px;
}

.txt-home-style-3 {
	text-transform: uppercase;
	letter-spacing: 0;
	font-weight: 800;
	font-size: 28px;
	font-size: 2rem;
	display: block;
	margin-bottom: 14px;
}

#block-home-2-2 .logo {
	width: 135px;
	height: auto;
	margin-bottom: 14px;
}

.site-big-width .dot {
	width: 24px;
	height: 24px;
	display: inline-block;
	vertical-align: middle;
	background-color: #0d68b7;
	border-radius: 50%;
	margin: 10px 5px 10px 0;
}

.site-big-width .txt-dot {
	font-size: 0;
}

.site-big-width .txt-dot li {
	display: inline-block;
	vertical-align: top;
	width: 33.33%;
	white-space: nowrap;
}

#block-home-2-3 .spec-capsule {
	margin-top: 14px;
}

#block-home-1,
#block-home-2 {
	background: #F3F3F3;
}

#block-home-3-1,
#block-home-3-2 {
	height: 500px;
	padding: 150px 40px 0 40px;
	text-align: center;
	color: #fff;
}

#block-home-3-1 {
	margin-bottom: 56px;
}

#block-home-3-1 .txt-home-style-2 {
	text-transform: initial;
}

#block-home-4-1 {
	height: 620px;
	padding: 50px 40px 0 40px;
	text-align: center;
	color: #fff;
}

.home-txt-container {
	max-width: 100%;
	width: 650px;
	margin: 0 auto;
}

.home-txt-container .col-raw {
	margin: 14px auto;
	max-width: 550px;
}

.home-txt-container .col-n {
	font-size: 13px;
}

#block-home-4-1 .spec-capsule {
	margin-top: 21px;
}

#block-home-5-1 {
	text-align: left;
	padding: 150px 40px 0 40px;
	height: 500px;
}

#block-home-5-1 span {
	max-width: 600px;
}

#block-home-3 .site {
	margin-bottom: 56px;
	margin-bottom: 4rem;
}

#block-home-4 .site,
#block-home-5 .site {
	margin-top: 0;
	margin-bottom: 56px;
	margin-bottom: 4rem;
}

#block-home-6 .site {
	margin-top: 0;
	margin-bottom: 0;
}

#block-home-6 hr {
	margin: 0;
}

#block-home-2-1 {
	background-image: url(../image/home-environment-s.jpg);
}

#block-home-2-2 {
	background-image: url(../image/home-newsroom-s.jpg);
}

#block-home-3-1 {
	background-image: url(../image/bg-next-gen-s.jpg);
}

#block-home-3-2 {
	background-image: url(../image/home-qa-s.jpg);
}

#block-home-4-1 {
	background-image: url(../image/home-job-s.jpg);
}

#block-home-5-1 {
	background-image: url(../image/home-supplier-s.jpg);
}

/* #home-top-swiper-1 {
    background-image: url(../image/top-01-1.jpg);
} */

#home-top-swiper-4-bg {
	background-image: url(../image/home-kv-201215.jpg);
}

/* #home-top-swiper-3-bg {
    background-image: url(../image/d3676981b6e73bc5eed0db2e51b595e-scaled.jpg);
    background-position: center top;
} */

#home-top-swiper-5-bg {
	background-image: url(../image/home-kv-201121.jpg);
}

/* #home-top-swiper-2-bg {
    background-image: url(../image/bg-compliance-download.jpg);
} */

@media screen and (max-width: 767px) {
	#home-top-swiper-5-bg {
		background-position: right top;
	}
}

@media screen and (min-width: 1024px) {
	#block-home-2-1 {
		width: 66.6666%;
		float: left;
	}

	#block-home-2-2 {
		width: 33.3333%;
		float: left;
		padding: 200px 0 0 0;
	}

	#block-home-2-2,
	#block-home-2-3 {
		margin-top: 0;
	}

	#block-home-2-3 {
		width: 50%;
		float: left;
		height: 420px;
		padding-left: 60px;
		padding-top: 60px;
	}

	#block-home-2-3 span {
		/* max-width: 560px; */
	}

	#block-home-2-4 {
		width: 50%;
		float: left;
		height: 420px;
	}

	#block-home-2-1 .txt-smaller,
	#block-home-3-1 .txt-smaller,
	#block-home-3-2 .txt-smaller {
		max-width: 490px;
		margin-left: auto;
		margin-right: auto;
	}

	.txt-home-style-2 {
		font-size: 28px;
		font-size: 2rem;
	}

	.txt-home-style-3 {
		font-size: 35px;
		font-size: 2.5rem;
	}

	#block-home-3-1,
	#block-home-3-2 {
		margin-bottom: 0;
	}

	#block-home-4-1 {
		height: 700px;
	}

	#block-home-5-1 {
		height: 600px;
		padding-top: 230px;
		padding-left: 60px;
	}

	#top-home .top-inner-anchor-list li {
		width: 200px;
	}

	#block-home-2-4 .cell {
		transform: translate(0, 80px);
	}

	#block-home-6 {
		display: block;
	}
}

@media screen and (min-width: 1200px) {
	.txt-home-style-3 {
		font-size: 52px;
	}

	#block-home-3-1,
	#block-home-3-2 {
		padding-top: 188px;
	}
}


/*inner pages*/

.site-content .single-content {
	margin-top: 60px;
	margin-bottom: 100px;
}

div#content {
	min-height: 150px;
}

.top-inner {
	position: relative;
	z-index: 0;
	width: 100%;
	overflow: hidden;
	/*background-image: url(../img/bg_top_inner.jpg);*/
	background-position: center top;
	background-repeat: no-repeat;
	background-color: #0d68b7;
	background-size: auto 100%;
	height: 450px;
	height: 78vw;
	text-align: left;
	color: #fff;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	/*text-align: center;*/
}

.top-inner-smaller {
	height: 350px;
	height: 66vw;
}

.top-inner-container {
	position: relative;
	z-index: 1;
	margin: 0 auto;
	max-width: 1500px;
	max-width: 107.1428571rem;
	box-sizing: border-box;
	padding: 0 21px;
	padding: 0 1.5rem;
	width: 100%;
}

.top-inner .breadcrumb {
	color: #fff;
	font-size: 13px;
	font-size: 0.9285714rem;
	display: none;
}

.top-inner.top-inner-pale .breadcrumb {
	color: #000;
}

.top-inner .breadcrumb .fa {
	padding: 0 10px;
}

.top-inner a {
	color: #fff;
	-webkit-transition: 0.2s all;
	transition: 0.2s all;
}

.top-inner.top-inner-pale a {
	color: #000;
}

.top-inner.top-inner-pale a:hover,
.top-inner a:hover {
	text-decoration: none;
	color: #0d68b7;
}

.top-inner .entry-title {
	margin-top: 10px;
	color: #fff;
	font-size: 35px;
	font-size: 2.5rem;
	letter-spacing: 2px;
	font-weight: 800;
	text-transform: uppercase;
}

html[lang="zh-hans"] .top-inner .entry-title {
	font-weight: 500;
}

.top-inner .entry-title:after {
	content: "";
	width: 14px;
	height: 14px;
	background-color: #0d68b7;
	border-radius: 50%;
	vertical-align: baseline;
	margin-left: 5px;
	display: inline-block;
}

.top-inner .entry-title span {
	font-weight: 100;
}

.top-inner .entry-title-sub {
	margin-top: 7px;
	margin-top: 0.5rem;
	color: #fff;
	font-size: 13px;
	font-weight: 500;
	max-width: 530px;
	line-height: 1.45;
}

.top-inner-anchor {
	display: none;
	box-sizing: border-box;
	position: absolute;
	z-index: 1;
	bottom: 0;
	left: 0;
	width: 100%;
	text-align: center;
	padding-bottom: 28px;
	padding-bottom: 2rem;
}

.top-inner-anchor-list {
	border-top: 1px solid rgba(255, 255, 255, 0.3);
	margin: 0 auto;
	width: 98%;
	max-width: 1500px;
	max-width: 107.1428571rem;
	white-space: nowrap;
}

.top-inner-anchor-list li {
	text-transform: uppercase;
	display: inline-block;
	padding: 21px;
	line-height: 1.5;
	font-weight: 500;
}

.top-inner-anchor-list li a {
	/*opacity: 0.5;*/
}

.top-inner-anchor-list li a:hover {
	opacity: 1;
	color: #fff;
}

a.chevron-down {
	display: block;
	margin: 0 auto;
	width: 30px;
	height: 15px;
	background: url(../image/arrow-down.svg) no-repeat center center;
	background-size: 100% auto;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}

h2.block-title {
	position: relative;
	text-transform: uppercase;
	text-align: left;
	line-height: 1.1;
	font-size: 28px;
	font-size: 2rem;
}

h2.block-title-bold {
	font-weight: 600;
}

h2.block-title-bolder {
	font-weight: 700;
}

h2.block-title strong {
	display: inline-block;
	font-weight: 800;
	font-size: 38px;
}

html[lang="zh-hans"] h2.block-title strong {
	font-weight: 700;
}

h2.block-title:after {
	content: "";
	width: 14px;
	height: 14px;
	background-color: #0d68b7;
	border-radius: 50%;
	vertical-align: baseline;
	margin-left: 5px;
	display: inline-block;
}

h2.block-title.smaller {
	font-size: 21px;
	font-size: 1.5rem;
	line-height: 1.5;
}

h2.block-title.smaller:after {
	display: none;
}

.top-inner.top-inner-article {
	height: 300px;
}

.post-side {
	margin-top: 50px;
	line-height: 2;
	font-size: 13px;
}

.icon-article-side {
	display: inline-block;
	vertical-align: middle;
	width: 14px;
	margin-right: 5px;
	height: auto;
}

.post-download-cover {
	display: block;
	max-height: 190px;
	max-width: 260px;
	margin-bottom: 5px;
	border: 1px solid rgba(0, 0, 0, 0.05);
}

@media screen and (min-width: 768px) {
	.top-inner-anchor {
		display: block;
	}

	h2.block-title {
		font-size: 35px;
		font-size: 2.5rem;
	}

	h2.block-title.bigger {
		font-size: 42px;
		font-size: 3rem;
	}
}

@media screen and (min-width: 1024px) {
	.top-inner.top-inner-article {
		height: 300px;
		min-height: 300px;
		padding-top: 100px;
	}
}

@media screen and (min-width: 1200px) {
	.top-inner.top-inner-article {
		padding-top: 140px;
	}
}

@media screen and (min-width: 1920px) {
	.top-inner.top-inner-article {
		height: 500px;
		min-height: 500px;
		padding-top: 140px;
	}
}

h1.page-title,
h2.page-title {
	position: relative;
	line-height: 1.4;
	padding-bottom: 28px;
	padding-top: 2px;
	color: #000;
	font-size: 21px;
	font-size: 1.5rem;
	font-weight: 700;
	margin-bottom: 0;
	margin-top: 0;
	text-align: center;
}

h1.page-title {
	font-size: 28px;
	font-size: 2rem;
}

.content-with-sub {
	min-height: 300px;
}

#secondary {
	text-align: center;
}


/*news pages*/

.inner-post-container {
	margin: 21px 0;
	margin: 1.5rem 0;
	overflow: hidden;
	padding: 21px 0;
	padding: 1.5rem 0;
	border-bottom: 1px solid #f5f4f2;
}

.inner-post-container-date {
	float: left;
	width: 108px;
	letter-spacing: -2px;
	display: block;
	font-weight: 400;
	line-height: 1.2;
	font-size: 21px;
	font-size: 1.5rem;
	color: #0a3e52;
}

.inner-post-container-txt {
	float: right;
	width: -webkit-calc(100% - 108px);
	width: calc(100% - 108px);
}

.inner-post-container-txt h2.post-title {
	text-align: left;
	font-size: 18px;
	display: block;
	margin-bottom: 7px;
	margin-top: 0;
	color: #333;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
}

a:hover h2.post-title {
	color: #0d68b7;
}

.inner-post-container-txt p {
	margin: 14px 0;
	margin: 1rem 0;
	color: #999;
}

.inner-post-container-date .d {
	color: #0d68b7;
	font-size: 49px;
	font-size: 3.5rem;
	font-weight: 300;
	display: block;
}

.inner-post-container-sub {
	font-size: 12px;
	color: #999;
}

.post-footer {
	margin-top: 28px;
	margin-top: 2rem;
}

.post-footer .button {
	margin: 10px;
}

.inner-post-container-thumb {
	float: left;
	width: 108px;
	display: block;
}

.inner-post-container-thumb img {
	max-width: 80%;
}

#block-article-1 .site {
	margin-top: 50px;
}

#block-article-1 .page-title {
	text-align: left;
}

#block-article-1 .entry-header p {
	margin-top: 0;
	font-size: 18px;
}

#block-article-1 .content-with-sub a {
	color: #3366ff;
}

@media screen and (min-width: 768px) {
	.inner-post-container-txt {
		width: -webkit-calc(100% - 130px);
		width: calc(100% - 130px);
	}

	#block-article-1 .col-raw {
		margin-left: -42px;
		margin-right: -42px;
	}

	#block-article-1 .col-n {
		padding-left: 42px;
		padding-right: 42px;
	}

	#block-article-1 .post-side .col-raw {
		margin-left: -14px;
		margin-right: -14px;
	}

	#block-article-1 .post-side .col-n {
		padding-left: 14px;
		padding-right: 14px;
	}
}


/*about page*/

#top-about {
	background-image: url(../image/top-11.jpg);
}

#block-about-1 h2 {
	margin-bottom: 48px;
}

#block-about-1 h2.block-title:after {
	display: none;
}

.about-txt-item {
	text-align: center;
	margin-top: 28px;
}

.about-txt-item .num {
	font-weight: 600;
	font-size: 21px;
	font-size: 2.5rem;
}

#block-about-1 .col-4 p {
	font-size: 13px;
}

#block-about-2 .site {
	max-width: 100%;
	padding-left: 0;
	padding-right: 0;
}

#block-about-2 {
	padding: 0;
	background-color: #f2f2f2;
}

#mySwiperGallery img {
	width: 100%;
	height: auto;
}

#mySwiperGallery-next {
	right: 0;
	left: auto;
}

#block-about-2 p {
	max-width: 850px;
	margin: 5px auto 50px auto;
	padding: 0 21px;
}

.galleryItem {
	width: 1200px;
	max-width: 100%;
}

.galleryItem img {
	width: 100%;
	height: auto;
}

.capsul {
	text-align: center;
	text-transform: uppercase;
	font-weight: 800;
	color: #fff;
	display: inline-block;
	padding: 0 15px;
	background-color: #0d68b7;
	border-radius: 30px;
	box-sizing: border-box;
	font-size: 35px;
	font-size: 2.5rem;
}

#block-about-3 {
	padding-left: 0;
	padding-right: 0;
}

#block-about-3 .capsul {
	margin-left: 10px;
	font-size: 35px;
	font-size: 2.5rem;
}

#block-about-3 .logo {
	margin-top: 7px;
	margin-top: .5rem;
	width: 250px;
	max-width: 60%;
	height: auto;
	display: block;
}

ul#tab-why {
	overflow-x: hidden;
	margin-top: 70px;
	margin-top: 5rem;
}

#tab-why li {
	margin: 0;
	float: left;
	width: 50%;
	box-sizing: border-box;
	text-align: center;
	padding: 5px 2px;
	font-size: 13px;
	cursor: pointer;
}

#tab-why li.current {
	color: #0d68b7;
}

.about-why-item {
	width: 100%;
	background-color: #fff;
}

#block-about-3 .site {
	margin-bottom: 0;
	max-width: 1000px;
}

#block-about-3 .about-why-item .site {
	margin-top: 28px;
	margin-bottom: 0;
}

.about-why-img {
	position: relative;
	width: 100%;
	height: 400px;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

.about-why-item-front {
	padding: 0 28px;
	padding: 0 2rem;
	position: absolute;
	top: 200px;
	color: #fff;
	max-width: 100%;
	width: 100%;
	box-sizing: border-box;
}

.about-why-item-front p {
	letter-spacing: 2px;
	margin-bottom: 14px;
	margin-bottom: 1rem;
}

.about-why-item-front h3 {
	font-size: 35px;
	font-size: 2.5rem;
	font-weight: 500;
}

#block-about-4 {
	text-align: center;
}

#block-about-4 .sub-title {
	letter-spacing: 5px;
	color: #000;
	margin-bottom: 10px;
}

#block-about-4 .block-title {
	letter-spacing: 2px;
	position: relative;
	margin-bottom: 100px;
}

#block-about-4 .block-title:after {
	content: "";
	width: 50px;
	height: 1px;
	background: #000;
	left: calc(50% - 25px);
	top: 70px;
	position: absolute;
}

#block-about-4 .col-n {
	margin-bottom: 21px;
	margin-bottom: 1.5rem;
}

.presp-item {
	width: 100%;
	position: relative;
	background: url(../image/presp-1.jpg) no-repeat center center;
	background-size: 100% auto;
	font-size: 0;
	overflow: hidden;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.presp-item-1 {
	background-image: url(../image/presp-1.jpg);
}

.presp-item-2 {
	background-image: url(../image/presp-2.jpg);
}

.presp-item-3 {
	background-image: url(../image/presp-3.jpg);
}

.presp-item img {
	width: 100%;
	height: auto;
}

.presp-mask {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	color: #fff;
	text-align: center;
	padding-top: 45%;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.presp-item:hover {
	background-size: 105% auto;
}

.presp-mask:hover {
	color: #fff;
	text-decoration: none;
}

.presp-mask h3 {
	text-transform: uppercase;
	font-size: 18px;
	font-weight: 300;
	margin-bottom: 21px;
	margin-bottom: 1.5rem;
}

.presp-mask .learn-more {
	color: #fff;
	display: inline-block;
	width: 110px;
	box-sizing: border-box;
	padding: 4px 5px;
	text-transform: uppercase;
	text-align: center;
	background: transparent;
	border: 1px solid #fff;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	font-size: 13px;
}

.presp-mask:hover .learn-more {
	text-decoration: none;
	background: #FFD600;
	border-color: #FFD600;
	color: #000;
}

#block-about-5 .sub-title {
	letter-spacing: 5px;
	color: #000;
	margin-bottom: 10px;
}

#block-about-5 .block-title {
	letter-spacing: 2px;
	position: relative;
}

#block-about-5 .block-title:after {
	display: none;
}

#block-about-5 hr {
	margin: 50px 0;
}

.milestones {
	margin: 50px auto 0 auto;
	max-width: 600px;
}

.milestones ul li {
	position: relative;
	padding: 0 0 35px 0;
	padding: 0 0 3rem 0;
	z-index: 1;
}

.milestones ul {
	position: relative;
}

.milestones ul::before {
	content: "▾";
	position: absolute;
	bottom: 65px;
	left: 135px;
	font-size: 20px;
}

.milestones ul:after {
	position: absolute;
	content: "";
	background: #ddd;
	height: -webkit-calc(100% - 105px);
	height: calc(100% - 105px);
	width: 1px;
	left: 97px;
	top: 11px;
	z-index: 0;
}

.milestones ul li:after {
	content: "";
	position: absolute;
	width: 5px;
	height: 5px;
	background: #000;
	left: 95px;
	top: 10px;
	border-radius: 50%;
}

.milestones ul li time {
	width: 65px;
	display: inline-block;
	vertical-align: top;
	text-transform: uppercase;
	font-weight: 600;
	color: #fff;
	padding: 0;
	background-color: #0d68b7;
	border-radius: 20px;
	box-sizing: border-box;
	font-size: 15px;
	text-align: center;
	line-height: 1.2;
	margin-top: 3px;
}

.milestones .milestones-txt {
	display: inline-block;
	vertical-align: top;
	font-size: 13px;
	width: -webkit-calc(100% - 130px);
	width: calc(100% - 130px);
	margin-left: 60px;
}

.milestones .milestones-txt p {
	margin: 0;
}

#block-about-6 .site {
	max-width: 1400px;
}

#facilities-1 {
	background-color: #f4f4f4;
}

#facilities-2 {
	background-color: #eee;
}

.facilities {
	width: 100%;
	overflow-x: hidden;
	font-size: 0;
}

#block-about-6 .site .facilities:nth-of-type(2n) {
	background-color: #eee;
}

.facilities-plant {
	display: inline-block;
	vertical-align: top;
	text-transform: uppercase;
	font-weight: 600;
	color: #fff;
	padding: 2px 20px;
	background-color: #0d68b7;
	border-radius: 20px;
	box-sizing: border-box;
	font-size: 19px;
	text-align: center;
	margin-bottom: 24px;
	width: auto;
}

.facilities-txt {
	box-sizing: border-box;
	padding: 35px;
}

.facilities-txt p {
	margin: 0;
}

.facilities-pic {}

.facilities-pic img {
	width: 100%;
	height: auto;
}

.facilities-pic .swiper-container {
	width: 100%;
}

.facilities-pic .swiper-container img {
	width: 100%;
}

.facilities-txt .icn-address {
	display: inline-block;
	vertical-align: top;
	width: 32px;
	height: 32px;
	margin-right: 21px;
	margin-top: 10px;
	background: url(../image/icon-address.svg);
	background-repeat: no-repeat;
	background-size: 100% auto;
}

.facilities-txt .address {
	display: inline-block;
	vertical-align: top;
	width: -webkit-calc(100% - 55px);
	width: calc(100% - 55px);
	margin-top: 0;
	margin-bottom: 0;
}

#mySwiperFacility1-prev,
#mySwiperFacility2-prev {
	left: 15px;
}

#mySwiperFacility1-next,
#mySwiperFacility2-next {
	right: 15px;
}

#top-newsroom {
	background-image: url(../image/top-13.jpg);
}

#block-newsroom-1-txt,
#block-newsroom-1-img {
	min-height: 100px;
	box-sizing: border-box;
}

#block-newsroom-1-txt {
	position: relative;
	padding: 28px 56px;
}

#block-newsroom-1-img {
	font-size: 0;
}

#mySwiperNews-prev {
	left: 0px;
}

#mySwiperNews-next {
	right: 0;
}

#news-highlight-img {
	font-size: 0;
	width: 100%;
	height: auto;
	max-width: 100%;
	background: #ddd;
	background-size: cover;
	background-position: center center;
	background-image: url(../image/highlight-transparent.gif);
	-webkit-transition: 0.3s all;
	transition: 0.3s all;
}

#block-newsroom-1 .sub-title,
#block-newsroom-2 .sub-title,
#block-newsroom-3 .sub-title,
#block-newsroom-4 .sub-title {
	text-align: left;
	letter-spacing: 4px;
	color: #000;
	margin-bottom: 1rem;
	margin-bottom: 14px;
	font-weight: 400;
}

#block-newsroom-1 h2.block-title:after,
#block-newsroom-2 h2.block-title:after,
#block-newsroom-3 h2.block-title:after,
#block-newsroom-4 h2.block-title:after {
	display: none;
}

#block-newsroom-2 .site,
#block-newsroom-3 .site,
#block-newsroom-4 .site {
	max-width: 1360px;
}

#block-newsroom-2 .site,
#block-newsroom-3 .site {
	margin-bottom: 20px;
}

#block-newsroom-2 .col-raw,
#block-newsroom-3 .col-raw {
	font-size: 0;
}

#block-newsroom-2 .col-n,
#block-newsroom-3 .col-n {
	float: none;
	display: inline-block;
	vertical-align: top;
}

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

	#block-newsroom-2 .site,
	#block-newsroom-3 .site,
	#block-newsroom-4 .site {
		margin-top: 20px;
	}
}

#block-newsroom-1 .news-container {
	box-sizing: border-box;
	padding: 0;
	max-width: 1560px;
	background-color: #f2f2f2;
}

#block-newsroom-2 .news-container {
	box-sizing: border-box;
	padding: 28px;
	max-width: 1560px;
	background-color: #f9f9f9;
}

#block-newsroom-3 .news-container {
	box-sizing: border-box;
	padding: 28px;
	max-width: 1560px;
	background-color: #f8f8f8;
}

#block-newsroom-4 .news-container {
	box-sizing: border-box;
	padding: 28px;
	max-width: 1560px;
	background-color: #fff;
	border-top: 1px solid #ccc;
}

.list-tag {
	font-weight: 600;
	text-transform: uppercase;
	margin: 10px 0 90px 0;
	padding: 0;
}

.news-item {
	margin-bottom: 84px;
}

#block-newsroom-1 .news-item {
	margin-bottom: 0;
}

.news-item a:hover {
	text-decoration: none;
	color: #0d68b7;
}

.news-txt {
	margin-bottom: 14px;
}

.news-txt .news-title {
	line-height: 1.5;
	overflow: hidden;
	font-weight: 400;
}

.news-txt time {
	display: block;
	text-transform: uppercase;
	margin-bottom: 21px;
	font-size: 13px;
	color: #666;
}

.news-txt hr {
	margin: 21px 0;
	margin: 1.5rem 0;
}

.news-expert {
	font-size: 13px;
	overflow: hidden;
}

.news-expert p {
	font-size: 13px;
	margin: 0;
	color: #666;
}

.news-tag {
	margin: 28px 0 7px 0;
	margin: 2rem 0 0.5rem 0;
}

.list-tag a,
.news-tag a {
	display: inline-block;
	background: #000;
	color: #fff;
	pointer-events: none;
	margin: 3px 6px 3px 0;
	font-size: 13px;
	padding: 3px 6px;
	font-weight: 600;
	-webkit-transition: 0.2s all;
	transition: 0.2s all;
}

.list-tag a:before,
.news-tag a:before {
	display: inline;
	content: "#";
}

.list-tag a:hover,
.news-tag a:hover {
	text-decoration: none;
	background: #0d68b7;
	color: #fff;
}

.news-more {
	display: inline-block;
	margin-top: 21px;
	text-transform: uppercase;
	font-size: 13px;
	margin-bottom: 21px;
}

.arraw-more {
	height: 9px;
	width: 26px;
	transition: 0.2s all;
}

.news-more.square {
	border: 1px solid #000;
	padding: 6px 10px;
	margin-bottom: 0;
}

.news-more.square:hover {
	color: #000;
}

.news-more.square:hover .arraw-more {
	transform: translate(5px, 0);
}

.news-item-txtonly {
	margin-bottom: 48px;
	line-height: 1.6;
}

.news-item-txtonly time {
	display: inline-block;
	vertical-align: top;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 13px;
}

.news-item-txtonly h3 {
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
	font-size: 1rem;
	font-weight: 300;
}

.news-item-txtonly a:hover {
	text-decoration: none;
	color: #0d68b7;
}

@media screen and (min-width:768px) {
	#block-about-1 h2.block-title:before {
		width: 26px;
		height: 26px;
	}

	#tab-why li {
		font-size: 15px;
		font-weight: 500;
		width: 20%;
	}

	.about-why-img {
		height: 450px;
	}

	.about-why-item-front {
		top: 250px;
	}

	.about-why-item-front h3 {
		font-size: 42px;
		font-size: 3rem;
	}

	.milestones ul li time {
		width: 75px;
	}

	.milestones .milestones-txt {
		width: -webkit-calc(100% - 210px);
		width: calc(100% - 210px);
		margin-left: 130px;
		font-size: 14px;
	}

	.milestones ul:after {
		left: 142px;
		height: -webkit-calc(100% - 95px);
		height: calc(100% - 95px);
	}

	html[lang="zh-hans"] .milestones ul:after {
		height: -webkit-calc(100% - 70px);
		height: calc(100% - 70px);
	}

	.milestones ul li {
		padding: 0 0 49px 0;
		padding: 0 0 3.5rem 0;
	}

	.milestones ul li:after {
		left: 140px;
	}

	.news-txt .news-title {
		height: 86px;
	}

	.news-expert {
		height: 200px;
	}

	#block-newsroom-1 .news-expert {
		height: auto;
	}

	.news-item-txtonly {
		height: 50px;
		overflow: hidden;
		margin-bottom: 21px;
	}

	.news-item-txtonly time {
		width: 150px;
	}

	.news-item-txtonly h3 {
		width: calc(100% - 155px);
	}
}

@media screen and (min-width:1024px) {
	.facilities-txt {
		float: left;
		width: 40%;
	}

	.facilities-pic {
		float: left;
		width: 60%;
	}

	.news-txt time {
		letter-spacing: 3px;
	}

	#pagenation1,
	#pagenation2 {
		margin-bottom: 80px;
	}
}

@media screen and (min-width:1200px) {
	#block-about-2 .site {
		margin-top: 60px;
		margin-bottom: 60px;
	}

	#mySwiperGallery-prev {
		left: -webkit-calc(50% - 530px);
		left: calc(50% - 530px);
	}

	#mySwiperGallery-next {
		right: -webkit-calc(50% - 530px);
		right: calc(50% - 530px);
	}

	.about-why-item {
		height: 660px;
	}

	.about-why-item-front {
		padding: 0;
		max-width: 1200px;
		left: -webkit-calc(50% - 500px);
		left: calc(50% - 500px);
	}

	.facilities-txt {
		padding: 100px 50px 0 50px;
	}

	#block-newsroom-2 .news-container,
	#block-newsroom-3 .news-container,
	#block-newsroom-4 .news-container {
		padding: 80px 100px;
	}

	#block-newsroom-2 .col-raw {
		margin: 0 -42px 0 -42px;
	}

	#block-newsroom-2 .col-n {
		padding-left: 42px;
		padding-right: 42px;
	}

	#block-newsroom-1-txt {
		padding: 80px 100px;
	}

	#block-newsroom-2 .site,
	#block-newsroom-3 .site {
		margin-bottom: 20px;
	}

	#mySwiperNews-prev {
		left: 28px;
	}

	#mySwiperNews-next {
		right: 28px;
	}

	#block-newsroom-1-txt,
	#block-newsroom-1-img {
		float: left;
	}

	#block-newsroom-1-txt {
		width: 40%;
	}

	#block-newsroom-1-img {
		width: 60%;
	}

	#block-about-1 .site {
		margin: 11rem auto 8rem auto;
	}

	#block-about-1 .block-title {
		letter-spacing: 2px;
	}

	#block-about-3 .capsul {
		margin-top: 80px;
	}

	#block-about-4 .block-title,
	#block-about-5 .block-title {
		letter-spacing: 3px;
	}
}

@media screen and (min-width:1600px) {
	#block-newsroom-1 .sub-title {
		margin-top: 80px;
	}

	#block-about-1 .site {
		margin: 13rem auto 9rem auto;
	}

	#block-about-3 .site {
		margin-top: 12rem;
	}

	#block-about-4 .site {
		margin-top: 12rem;
	}

	#block-about-6 .site {
		margin-bottom: 12rem;
	}

	.facilities-txt {
		padding: 140px 80px 0 80px;
	}

	#block-newsroom-1-txt {
		padding-top: 130px;
	}
}


/*contact us page*/

#top-contact {
	background-image: url(../image/top-61.jpg);
}

#top-supplier {
	background-image: url(../image/top-62.jpg);
}

#block-contact-form * {
	font-size: 13px;
	/*color: #000;*/
}

#block-contact-form .gfield_required {
	color: #790000;
}

#block-contact-form .form-tc p {
	margin: 15px 0 0 0;
}

#block-contact-form .form-tc a {
	color: red;
}

#block-contact-1 .site,
#block-contact-2 .site {
	max-width: 1400px;
}

.itemName {
	display: inline-block;
	width: 90px;
	color: #999;
}

.plant h3 {
	padding: 6px 20px;
	background: #ccc;
	border-radius: 15px;
	font-size: 15px;
	color: #fff;
	width: 70%;
	box-sizing: border-box;
}

.plant {
	cursor: pointer;
}

.plant.current h3 {
	background: #0d68b7;
}

.plant p {
	padding: 0 20px;
	font-size: 13px;
}

#plant1 {
	margin-top: 40px;
}

.dituContainer {
	position: relative;
	min-height: 560px;
}

.dituContent {
	position: absolute;
	opacity: 0;
	margin-bottom: 0;
	width: -webkit-calc(100% - 56px);
	width: calc(100% - 56px);
	height: 480px;
	border: 0;
	-webkit-transition: 0.4s all;
	transition: 0.4s all;
	top: 50px;
	z-index: 0;
}

.dituContent iframe {
	width: 100%;
	height: 100%;
}

.dituContent.stay {
	opacity: 1;
	top: 0;
	z-index: 1;
}

.BMap_bubble_title {
	font-weight: 500;
	color: #0d68b7;
}

.BMap_bubble_content {
	color: gray;
	font-size: 13px;
	line-height: 1.3;
}

#block-supplier-1 {
	background-color: #eaeaea;
}

#block-supplier-1 p {
	max-width: 600px;
	font-weight: 600;
}

#block-supplier-2 {
	position: relative;
	background: url(../image/bg-supplier-1.jpg) center top no-repeat #fff;
	background-size: inherit;
}

#block-supplier-2 h2 {
	padding: 2px 35px;
	background: #0d68b7;
	border-radius: 20px;
	font-size: 18px;
	color: #fff;
	text-transform: uppercase;
	font-weight: 600;
	width: auto;
	box-sizing: border-box;
	top: -15px;
	position: absolute;
	z-index: 2;
}

#block-supplier-2 p {
	color: #fff;
	font-weight: 600;
	max-width: 600px;
}

#block-supplier-2 p:first-of-type {
	margin-top: 86px;
}

#block-supplier-2 .site {
	margin-top: 0;
	overflow: visible;
}

#block-supplier-2 #line {
	display: none;
	position: absolute;
	left: 0;
	top: 170px;
	width: 100%;
	height: 1px;
	z-index: 1;
	background: #fff;
}

#block-supplier-2 hr {
	background-color: #fff;
}

.supplier-chain-container {
	background: #f3f3f3;
	border-radius: 15px;
	padding: 10px 15px;
	margin-top: 50px;
}

.supplier-chain {
	display: table;
	margin: 10px 0;
}

.supplier-chain p {
	font-size: 14px;
	font-size: 1rem;
	box-sizing: border-box;
	padding-right: 5px;
	padding-left: 5px;
	border-radius: 10px;
	background: #fff;
	height: 150px;
	margin: 0 !important;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	color: #000 !important;
	line-height: 1.5;
}

.supplier-resource-container {
	background: #f3f3f3;
	border-radius: 15px;
	padding: 28px 21px;
	height: 820px;
}

.supplier-resource-container .col-n {
	padding-left: 0;
	padding-right: 0;
	position: relative;
	min-height: 330px;
}

.supplier-resource-bar {
	position: relative;
	background-color: #cbcbcb;
	border-radius: 20px;
	text-align: center;
	font-size: 0;
	height: 30px;
	width: 100%;
	top: 52px;
	overflow: hidden;
}

.supplier-resource-bar-item {
	position: relative;
	z-index: 1;
	color: #fff;
	font-size: 13px;
	font-size: 0.925714rem;
	vertical-align: middle;
	display: inline-block;
	width: 33.3%;
	text-align: center;
	line-height: 30px;
	height: 30px;
	font-weight: 600;
	cursor: pointer;
}

.supplier-resource-bar-item-bg {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
	height: 30px;
	width: 33.3%;
	background-color: #0d68b7;
	border-radius: 20px;
	-webkit-transition: 0.2s all;
	transition: 0.2s all;
}

.supplier-resource-cont1 {
	line-height: 1.6;
	position: absolute;
	top: 190px;
	opacity: 0;
	z-index: 0;
	-webkit-transition: 0.2s all;
	transition: 0.2s all;
}

.supplier-resource-cont1.stay {
	opacity: 1;
	z-index: 1;
}

.supplier-resource-cont2 {
	position: absolute;
	top: 0;
	height: 362px;
	width: 100%;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-position: 0;
	background-size: auto 100%;
	padding-left: 0;
	opacity: 0;
	z-index: 0;
	-webkit-transition: 0.2s all;
	transition: 0.2s all;
}

.supplier-resource-cont2.stay {
	opacity: 1;
	z-index: 1;
}

.supplier-resource-cont2>div {
	height: 102px;
	overflow: hidden;
}

.supplier-resource-cont2 h4 {
	margin: 0 0 3px 0;
	line-height: 1.5;
}

.supplier-resource-cont2 p {
	margin: 0;
	line-height: 1.5;
	font-size: 13px;
	font-size: 0.925714rem;
}

.supplier-resource-link {
	background: url(../image/icon-doc.png) no-repeat;
	background-size: 100% auto;
	width: 52px;
	height: 52px;
	margin-right: 15px;
	float: left;
}

.supplier-resource-link.disabled {
	filter: grayscale(0.9);
}

.supplier-resource-txt {
	float: left;
	width: -webkit-calc(100% - 67px);
	width: calc(100% - 67px);
}

#block-supplier-3 h2.block-title {
	margin-top: 28px;
}

@media screen and (min-width:768px) {
	#block-supplier-2 #line {
		display: block;
	}

	#block-supplier-2 hr {
		display: none;
	}

	#block-supplier-2 p {
		margin-top: 56px;
	}

	.supplier-chain-container {
		padding: 15px;
	}

	.supplier-chain {
		margin: 0;
	}

	.supplier-chain p {
		word-break: break-word;
		hyphens: auto;
	}

	.supplier-resource-container {
		height: 440px;
		padding: 28px;
	}

	.supplier-resource-bar {
		top: 82px;
	}

	.supplier-resource-cont1 {
		top: 220px;
	}

	.supplier-resource-cont2 {
		background-image: url(../image/chart-supplier.png);
		padding-left: 72px;
	}

	#block-supplier-4-right>div {
		border-left: 1px solid #cbcbcb;
		padding-left: 66px;
		margin-left: 14px
	}

	#block-supplier-3 h2.block-title {
		margin-top: 0;
		height: 75px;
	}
}

@media screen and (min-width:1200px) {
	.supplier-resource-container {
		height: 412px;
		padding: 48px;
	}

	#block-supplier-1 .site {
		margin-top: 140px;
		margin-top: 10rem;
		margin-bottom: 140px;
		margin-bottom: 10rem;
	}

	.supplier-resource-cont2 h4 {
		margin: 0 0 7px 0;
		margin: 0 0 0.5rem 0;
	}
}

@media screen and (min-width:1600px) {
	#block-contact-2 .block-title {
		margin-bottom: 200px;
	}

	.dituContent {
		height: 560px;
	}

	#block-contact-2 .site {
		margin-bottom: 180px;
	}
}


/*sustainbility page*/

#top-environment {
	background-image: url(../image/top-41.jpg);
	background-color: #51851f;
	background-size: cover;
	height: 138vw;
}

#top-environment .top-inner-container {
	text-align: center;
}

@media screen and (min-width: 1024px) {
	.top-inner-container {
		padding-top: 46px;
	}
}

@media screen and (min-width: 1440px) {
	#top-home .top-inner-container {
		padding-top: 146px;
	}
}

@media screen and (min-width: 1920px) {
	#top-home .top-inner-container {
		padding-top: 186px;
	}
}

#top-environment .entry-title-sub {
	margin-left: auto;
	margin-right: auto;
	max-width: 850px;
	margin-top: 14px;
	margin-top: 1rem;
}

#top-environment .entry-title {
	padding: 2px 42px;
	background: #0d68b7;
	border-radius: 20px;
	font-size: 18px;
	color: #fff;
	text-transform: uppercase;
	font-weight: 600;
	display: inline-block;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 21px;
	box-sizing: border-box;
}

#top-environment .entry-title:after {
	display: none;
}

#top-environment .top-inner-anchor {
	padding-bottom: 0;
}

#top-environment .top-inner-anchor-list {
	width: 100%;
	max-width: 100%;
	background: rgba(0, 0, 0, 0.1);
	border-top: 0;
}

.environment-title {
	font-size: 28px;
	font-size: 2rem;
	margin-top: 14px;
}

#block-environment-1 {
	background: url(../image/bg-co2.jpg) center bottom no-repeat;
	background-size: cover;
	height: 1000px;
	height: 900px;
	color: #fff;
	text-align: center;
}

#icn-co2 {
	width: 160px;
	height: auto;
	margin: 35px auto 28px auto;
	margin: 2.5rem auto 2rem auto;
}

#icn-co2-2 {
	width: 30px;
	height: auto;
	margin: 0 auto;
}

#block-environment-1 h2 {
	color: #fff;
}

#block-environment-1 p {
	max-width: 370px;
	margin: 21px auto;
}

#block-environment-2 {
	background: url(../image/bg-environment-1.jpg) center top no-repeat;
	height: 400px;
	background-size: auto 190%;
}

#block-environment-4 {
	background: url(../image/bg-environment-2.jpg) center top no-repeat;
	height: 400px;
	background-size: auto 190%;
}

#block-environment-6 {
	background: url(../image/bg-environment-3.jpg) center top no-repeat;
	height: 400px;
	background-size: auto 190%;
}

#block-environment-8 {
	background: url(../image/bg-environment-4.jpg) center top no-repeat;
	height: 400px;
	background-size: auto 190%;
}

#block-environment-2 .site {
	margin-top: 250px;
}

#block-environment-2 h3 {
	font-size: 21px;
	text-align: center;
}

.short-line {
	margin: 21px auto;
	width: 35px;
	height: 1px;
	background-color: #fff;
}

.short-line-2 {
	margin: 35px auto;
	width: 120px;
	background-color: #000;
}

.environment-txt {
	background: #f1f1f1;
	position: relative;
}

.environment-txt-title-pos {
	position: absolute;
	top: -16px;
	left: 0;
	width: 100%;
	text-align: center;
}

.environment-txt-title {
	margin: 0 auto;
	display: inline-block;
	padding: 4px 28px;
	background: #0d68b7;
	border-radius: 20px;
	font-size: 19px;
	color: #fff;
	text-transform: uppercase;
	font-weight: 600;
	text-align: center;
	box-sizing: border-box;
	width: auto;
}

.environment-txt-item {
	box-sizing: border-box;
	text-align: left;
	vertical-align: top;
	width: 580px;
	margin: 0 auto 42px auto;
	max-width: 100%;
}

.environment-txt-item p {
	clear: both;
	text-align: left;
	line-height: 1.7;
}

.environment-txt-item-b1,
.environment-txt-item-b2 {
	display: inline-block;
	vertical-align: top;
	width: 35%;
	text-align: left;
}

.environment-txt-item-b1 p,
.environment-txt-item-b2 p {
	margin: 7px 0 0 0;
}

.environment-txt-item .arraw-left {
	display: inline-block;
	vertical-align: top;
	width: 27%;
	margin-top: 29px;
}

.environment-txt-item-tag {
	display: inline-block;
	padding: 2px 18px;
	background: #0d68b7;
	border-radius: 20px;
	font-size: 14px;
	color: #fff;
	text-transform: uppercase;
	font-weight: 600;
	text-align: center;
	box-sizing: border-box;
}

#block-environment-10 {
	text-align: center;
}

#block-environment-10 h3 {
	font-size: 21px;
}

#block-environment-10 .site {
	margin: 200px auto;
}

#block-environment-10 p {
	max-width: 620px;
	margin-left: auto;
	margin-right: auto;
}

img.iso {
	width: 200px;
	height: auto;
	margin-bottom: 50px;
}

#top-employee {
	background-image: url(../image/top-42.jpg);
}

#block-employee-1,
#block-employee-3,
#block-employee-6 {
	background-color: #f3f3f3;
}

#block-employee-1 .block-title {
	margin-bottom: 35px;
	margin-bottom: 2.5rem;
}

#block-employee-2 {
	background-image: url(../image/bg-employee-1.jpg);
	background-position: center top;
	background-size: cover;
	height: 44vw;
}

#block-employee-3 .line {
	width: 200px;
	background: black;
	height: 1px;
	margin: 14px 0;
}

#block-employee-4 .block-title {
	font-size: 35px;
	font-size: 2.5rem;
	line-height: 1.2;
	margin-bottom: 30px;
}

#block-employee-4 .block-title:after {
	display: none;
}

#block-employee-4 ul {
	list-style: disc;
	font-size: 0;
}

#block-employee-4 ul li {
	width: 100%;
	box-sizing: border-box;
	/*padding-left: 15px;
	list-style: disc;*/
	display: inline-block;
	vertical-align: top;
	font-size: 13px;
	padding-bottom: 15px;
}

#block-employee-4 {
	background: #ffffff;
}

#block-employee-arraw {
	display: none;
	position: relative;
	width: 100%;
	height: 1px;
}

#block-employee-arraw img {
	position: absolute;
	width: 100%;
	height: auto;
	left: -30px;
	top: -20px;
}

#block-employee-5 {
	background-image: url(../image/bg-employee-2.jpg);
	background-position: center top;
	background-size: cover;
	height: 44vw;
}

#block-employee-6 .block-title-bolder {
	margin-bottom: 35px;
}

#block-employee-7 .col-raw {
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}

#block-employee-7 p {
	font-size: 28px;
	font-size: 2rem;
	line-height: 1.3;
	margin: 28px 0;
}

#block-employee-7 .txt-right {
	margin-top: 100px;
	font-size: 2.5rem;
	line-height: 1.1;
}

#top-compliance {
	background-image: url(../image/top-43.jpg);
}

#block-compliance-2 {
	position: relative;
	background: #f3f3f3;
	background-image: url(../image/bg-complaince-1.jpg);
	background-size: cover;
}

#block-compliance-2 .site {
	position: relative;
	z-index: 1;
}

#block-compliance-2 .txt-gray {
	color: #666 !important;
	margin-top: 35px;
}

@media screen and (max-width: 1023px) {
	#block-compliance-2 .col-n {
		margin-left: auto;
		margin-right: auto;
		float: none;
		width: 100%;
		max-width: 536px;
	}
}

#complianceT {
	position: relative;
	border-left: 2px solid #fff;
	margin-top: 35px;
}

#complianceT:before {
	position: absolute;
	content: "";
	width: 2px;
	height: 50px;
	left: -2px;
	top: 0;
	background-color: #0d68b7;
	-webkit-transition: 0.2s all;
	transition: 0.2s all;
}

#complianceT.stay1:before {
	top: 0;
}

#complianceT.stay2:before {
	top: 50px;
}

#complianceT.stay3:before {
	top: 100px;
}

#complianceT.stay4:before {
	top: 150px;
}

#complianceT.stay5:before {
	top: 200px;
}

#complianceT li {
	color: #999;
	font-weight: 600;
	line-height: 50px;
	height: 50px;
	padding-left: 30px;
	cursor: pointer;
}

#complianceT li.current {
	color: #000;
}

.complianceItem {
	box-sizing: border-box;
	background: rgba(255, 255, 255, 0.8);
	padding: 60px;
	height: 390px;
	width: 480px;
	max-width: 100%;
}

.complianceItem h3 {
	text-transform: uppercase;
	font-size: 21px;
	font-size: 1.5rem;
}

#block-compliance-2 .complianceItem p {
	margin-top: 28px;
}

#mySwiperCompliance {
	margin: 0 auto 100px auto;
	width: 600px;
	max-width: 90%;
	position: relative;
}

.swiper-nav {
	text-align: center;
	color: #fff;
	background: rgba(0, 0, 0, 0.2);
	border-radius: 5px;
	font-size: 26px;
	line-height: 30px;
	height: 30px;
	width: 30px;
	display: block;
	position: absolute;
	top: 160px;
	top: -webkit-calc(50% - 15px);
	top: calc(50% - 15px);
	-webkit-transition: 0.2s all;
	transition: 0.2s all;
	z-index: 5;
}

.swiper-nav:hover {
	color: #fff;
	background: rgba(0, 0, 0, 0.6);
}

.swiper-nav.swiper-button-disabled {
	display: none;
}

#mySwiperCompliance-prev {
	left: 0;
}

#mySwiperCompliance-next {
	right: 0;
}

#block-compliance-3 {
	position: relative;
	background-image: url(../image/bg-complaince-2.jpg);
	background-position: bottom;
}

#block-compliance-3 .site {
	position: relative;
	z-index: 1;
}

.halfmask {
	position: absolute;
	width: 100%;
	background: rgba(255, 255, 255, 0.8);
	height: 100%;
	z-index: 0;
	left: 0;
	top: 0;
}

#block-compliance-3 .halfmask {
	background: rgba(217, 217, 217, 0.9);
}

#block-compliance-3 .txt-gray {
	color: #666 !important;
	margin-top: 35px;
}

#block-compliance-3 h3 {
	margin-top: 84px;
	margin-top: 6rem;
}

#block-compliance-3 .line {
	width: 100%;
	background: black;
	height: 1px;
	margin: 21px 0;
	max-width: 500px;
}

#block-compliance-3 .list-numbers {
	line-height: 1.7;
	max-width: 500px;
}

#block-compliance-3 .list-numbers li {
	margin-bottom: 14px;
	padding-left: 5px;
}

#block-compliance-4 .site {
	margin-top: 150px;
	margin-bottom: 150px;
	border-bottom: 1px solid #000;
}

#block-compliance-4 p {
	font-size: 28px;
	font-size: 2rem;
	line-height: 1.2;
	margin: 28px 0;
}

#block-compliance-4 .txt-right {
	margin-top: 100px;
	font-size: 2.5rem;
	line-height: 1.1;
}

#block-compliance-5 .site {
	background: url(../image/bg-complaince-4.jpg) center top;
	background-size: cover;
	color: #fff;
	padding: 52px 28px;
	text-align: center;
	box-sizing: border-box;
	max-width: 1260px;
}

@media screen and (max-width: 767px) {
	.complianceItem {
		padding: 40px 35px;
	}

	#block-compliance-4 .site {
		margin-top: 50px;
		margin-bottom: 0;
	}

	#block-compliance-5 .site {
		margin-top: 0;
		margin-bottom: 0;
	}
}

#block-compliance-5 .col-4 {
	margin-bottom: 21px;
}

#block-compliance-5 a {
	color: #fff;
}

#block-compliance-5 h2 {
	color: #fff;
	font-size: 35px;
}

#block-compliance-5 img {
	width: 100%;
	height: auto;
}

#block-compliance-5 .yellowbt {
	color: #000;
	text-transform: uppercase;
	text-align: center;
	font-weight: 600;
	background: #ffcb00;
	border-radius: 8px;
	margin: -3px auto 28px auto;
	width: 250px;
	padding: 14px;
	font-size: 16px;
}

#block-compliance-6 {
	background-image: url(../image/bg-compliance-download.jpg);
	background-size: 230% auto;
	background-position: center top;
	background-repeat: no-repeat;
}

.compliance-rmi-block {
	margin-bottom: 40px;
	color: #000;
	background: #f7f7f7;
	box-sizing: border-box;
	padding: 40px 30px;
	line-height: 1.6;
}

.compliance-rmi-block h3 {
	font-size: 18px;
}

.compliance-rmi-block a {
	color: #0066CC;
	font-weight: 500;
}

#block-compliance-rmi-header h1 {
	font-size: 35px;
	font-size: 2.5rem;
	font-weight: 800;
	line-height: 1;
}

#block-compliance-rmi-header h1 span {
	font-weight: 100;
}

#block-compliance-rmi-header p {
	max-width: 600px;
	font-weight: 400;
	margin-top: 28px;
	margin-bottom: 50px;
}

#rmi-logo {
	display: block;
	margin: 0 auto 35px;
	width: 150px;
	height: auto;
}

@media screen and (min-width:768px) {
	.environment-title {
		letter-spacing: 5px;
		font-size: 35px;
		font-size: 2.5rem;
		margin-top: 28px;
	}

	#top-environment {
		height: 80vw;
	}

	#block-environment-1 {
		height: 1250px;
	}

	#icn-co2 {
		margin-top: 200px;
		width: 240px;
	}

	#block-environment-2 .site {
		margin-top: 350px;
	}

	#block-employee-2 {
		background-size: initial;
		height: 700px;
	}

	#block-employee-3 .tag-title {
		margin-top: 150px;
	}

	#block-employee-4 {
		background: #ffffff;
		background: -moz-linear-gradient(top, #ffffff 50%, #f3f3f3 50.1%);
		/* FF3.6-15 */
		background: -webkit-linear-gradient(top, #ffffff 50%, #f3f3f3 50.1%);
		/* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #ffffff 50%, #f3f3f3 50.1%);
		/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f3f3f3', GradientType=0);
		/* IE6-9 */
	}

	#block-employee-4 ul li {
		width: 33%;
	}

	#block-employee-4 p:last-of-type {
		height: 130px;
	}

	#block-employee-arraw {
		display: block;
	}

	#block-employee-5 {
		background-size: initial;
		height: 850px;
	}

	#block-employee-6 .tag-title {
		margin-top: 50px;
	}

	#block-employee-7 .txt-right {
		margin-top: 110px;
	}

	#block-compliance-2 .txt-gray,
	#block-compliance-3 .txt-gray {
		max-width: 500px;
	}

	#block-compliance-3 {
		height: 950px;
	}

	#block-compliance-4 .txt-right {
		margin-top: 220px;
	}

	#block-compliance-5 h2 {
		font-size: 42px;
	}

	#block-compliance-5 .site {
		padding: 140px 176px 110px 176px;
	}

	#block-compliance-rmi-header h1 {
		font-size: 56px;
	}

	#block-compliance-rmi-header h1:after {
		content: "";
		width: 14px;
		height: 14px;
		background-color: #0d68b7;
		border-radius: 50%;
		vertical-align: baseline;
		margin-left: 5px;
		display: inline-block;
	}

	#block-compliance-6 {
		background-size: 100% auto;
	}

	.compliance-rmi-block {
		padding: 60px;
	}

	.compliance-rmi-block h3 {
		font-size: 25px;
		margin: 0 0 28px 0;
	}

	.compliance-rmi-block p {
		max-width: 900px;
		margin-left: auto;
		margin-right: auto;
	}

	.compliance-rmi-block-full {
		text-align: center;
	}
}

@media screen and (min-width: 1024px) {

	#block-environment-2,
	#block-environment-4,
	#block-environment-6,
	#block-environment-8 {
		height: 800px;
		background-size: 100% auto;
	}

	#block-compliance-2 {
		background-image: url(../image/bg-complaince-1.jpg);
		height: 780px;
	}

	#block-compliance-2 .halfcontainer {
		height: 800px;
	}

	#block-compliance-2 .halfcontainer {
		position: absolute;
		width: 50%;
		left: 50%;
		top: 0;
	}

	#mySwiperCompliance {
		margin: 190px auto;
	}

	.halfmask {
		width: 50%;
	}
}

@media screen and (min-width:1200px) {
	#top-environment {
		height: 100vh;
	}

	#top-environment .entry-title-sub {
		margin-top: 21px;
		margin-top: 2rem;
	}

	.environment-txt {
		text-align: center;
	}

	.environment-txt .site {
		max-width: 1300px;
	}

	.environment-txt-item {
		display: inline-block;
		width: 545px;
		margin: 0 50px 0 50px;
		max-width: 100%;
	}

	.environment-single .environment-txt-item {
		width: 690px;
	}

	#block-employee-7 .site {
		margin-top: 150px;
		margin-bottom: 150px;
	}

	#block-compliance-1 .site {
		margin-top: 12rem;
		margin-bottom: 12rem;
	}

	#block-compliance-2 .site,
	#block-compliance-3 .site {
		margin-top: 10rem;
	}

	#block-compliance-rmi-header {
		margin-top: 22vh;
		margin-bottom: 15vh;
	}
}

@media screen and (min-width:1600px) {
	#block-compliance-rmi-header {
		margin-top: 40vh;
		margin-bottom: 25vh;
	}
}

@media screen and (min-width:1920px) {
	#block-compliance-rmi-header {
		margin-top: 450px;
		margin-bottom: 160px;
	}
}


/*Competence pages*/

#top-research {
	background-image: url(../image/top-31.jpg);
}

#block-research-1 {
	background-image: url(../image/bg-research-1.jpg);
	text-align: center;
	color: #fff;
}

#block-research-1 .logo {
	width: 150px;
	height: auto;
}

#block-research-1 h2 {
	color: #fff;
	text-align: center;
	margin: 49px auto;
	margin: 3.5rem auto;
}

#block-research-1 h2,
#block-research-2 h2,
#block-research-3 h2,
#block-research-4 h2 {
	font-size: 28px;
	line-height: 1.3;
}

#block-research-1 .site {
	margin-top: 100px;
	margin-bottom: 0;
}

#block-research-1-txt {
	background: rgba(255, 255, 255, 0.15);
	box-sizing: border-box;
	padding: 35px 28px;
	min-height: 580px;
	max-width: 860px;
	margin-left: auto;
	margin-right: auto;
}

#block-research-2 {
	background-color: #f2f2f2;
	padding: 0;
}

#block-research-2 .line {
	width: 230px;
	height: 1px;
	margin: 21px 0;
	background-color: #000;
}

#block-research-2 h2 {
	margin-bottom: 0;
}

#block-research-2-left {
	box-sizing: border-box;
	padding: 80px 28px;
}

#block-research-2-left p {
	max-width: 600px;
}

#block-research-2-right {
	font-size: 0;
}

#block-research-2-right img {
	width: 100%;
	height: auto;
}

#block-research-3 {
	background-image: url(../image/bg-research-2.jpg);
	background-color: #140A0B;
	text-align: center;
	color: #fff;
}

#block-research-3 .site {
	padding-top: 80px;
	padding-bottom: 80px;
}

#block-research-3 h3 {
	margin-bottom: 28px;
}

#block-research-3 .line {
	width: 230px;
	height: 1px;
	margin: 42px auto;
	background-color: #fff;
}

#block-research-3 p {
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}

#block-research-3 .chart {
	width: 100%;
	max-width: 800px;
}

#block-research-4 p {
	max-width: 850px;
	margin: 35px auto 50px auto;
}

#block-research-4-cont {
	background: url(../image/bg-research-3.jpg) no-repeat center center;
	background-size: cover;
	height: 350px;
	color: #fff;
}

#block-research-4-left,
#block-research-4-right {
	width: 50%;
	height: 350px;
	float: left;
	box-sizing: border-box;
	padding-top: 110px;
}

#block-research-4-cont img.icon-1 {
	width: 90px;
	height: 90px;
}

#block-research-4-cont img.icon-2 {
	width: 36px;
	height: 36px;
	margin-bottom: 5px;
}

#block-research-5 {
	background-image: url(../image/bg-research-4.jpg);
}

#block-research-5 .site {
	max-width: 1600px;
}

#block-research-5-cont {
	padding: 0 2px;
}

#block-research-5 .line {
	width: 230px;
	height: 1px;
	margin: 28px 0;
	background-color: #fff;
}

.plotItem {
	width: 1200px;
	max-width: 100%;
}

#block-research-6 {
	padding: 0;
	background-color: #f2f2f2;
}

#block-research-6 p {
	max-width: 850px;
	margin: 35px auto 50px auto;
	padding: 0 21px;
}

#block-research-6 .site {
	max-width: 100%;
	padding-left: 0;
	padding-right: 0;
}

#block-research-7 {
	background-position: 55% center;
	background-size: cover;
	background-image: url(../image/bg-research-5.jpg);
}

#block-research-7 .cells-logo {
	font-size: 28px;
	font-weight: 700;
	vertical-align: middle;
	line-height: 1.2;
}

#block-research-7 .cells-logo img {
	margin-bottom: 0;
	margin-left: -9px;
	height: 30px;
}

#block-research-7 .cells-logo span {
	margin-bottom: 0;
	font-size: 28px;
	font-size: 2rem;
}

#block-research-7 .txt-bigger {
	line-height: 1.4;
	font-size: 17px !important;
}

#block-research-7 .txt-bigger span {
	/*display: inline-block;*/
	color: #000;
	background: #fff;
	line-height: 1.2;
	padding: 0 5px;
}

#block-research-7 .col-raw {
	max-width: 1050px;
	font-size: 0;
}

#block-research-7 .col-raw .col-n {
	margin-top: 42px;
	min-height: 100px;
	float: none;
	vertical-align: top;
	display: inline-block;
}

#block-research-7 .col-raw p {
	margin: 0;
	line-height: 1.4;
}

html[lang="en"] #block-research-7 .col-raw p {
	min-height: 36px;
}

#block-research-7 .col-raw p.txt-bigger {
	font-size: 16px !important;
}

#block-research-7 .col-raw p.txt-big {
	font-size: 32px;
}

#block-research-7 .col-raw p.txt-big sup {
	font-weight: 500;
	font-size: 12px;
	vertical-align: super;
}

#block-research-7 .col-raw p.txt-big sub {
	font-weight: 600;
	font-size: 14px;
	vertical-align: middle;
}

#block-research-7 hr {
	color: #fff;
	background-color: #fff;
	margin: 10px 0;
}

#mySwiperResearch-prev {
	left: 0;
}

#mySwiperResearch-next {
	right: 0;
}

.plotItem img {
	width: 100%;
	height: auto;
}

#platform-chart {
	margin-top: 35px;
	border-bottom: 1px solid #fff;
	width: 500px;
	max-width: 100%;
	position: relative;
}

#platform-chart a {
	display: inline-block;
	font-size: 13px;
	width: 100px;
	box-sizing: border-box;
	padding: 8px 4px;
	color: rgba(255, 255, 255, 0.6);
	-webkit-transition: 0.2s all;
	transition: 0.2s all;
}

html[lang="zh-hans"] #platform-chart a {
	font-size: 12px;
	padding: 8px 0;
}

#platform-chart a.current,
#platform-chart a:hover {
	color: #fff;
	text-decoration: none;
}

#platform-chart-pointer {
	position: absolute;
	top: 27px;
	left: 0;
	width: 100px;
	height: 5px;
	background: #fff;
	-webkit-transition: 0.2s all;
	transition: 0.2s all;
}

#platform-chart-cont {
	position: relative;
	width: 100%;
	margin-top: 42px;
	margin-left: -5.5%;
	margin-right: -5.5%;
}

#platform-chart-cont .holder {
	width: 100%;
	height: auto;
}

#block-research-5 img.chart {
	position: absolute;
	left: 0;
	top: 0;
	width: 110%;
	height: auto;
	-webkit-transition: 0.2s all;
	transition: 0.2s all;
	opacity: 0;
	transform: translate(0, 10px);
}

#block-research-5 img.chart.stay {
	opacity: 1;
	transform: translate(0, 0);
}

#block-research-8 {
	background-color: #e6e6e6;
}

#block-research-8 h2.block-title:after {
	display: none;
}

#block-research-8 h2.block-title strong {
	font-weight: 700;
}

#block-research-8-cont {
	margin-top: 56px;
	background-color: #fff;
	padding: 40px 40px;
}

#block-research-8-cont .col-n {
	min-height: 2px;
}

.research-partner-item {
	padding: 20px 0;
}

.research-partner-item p {
	margin: 0;
	display: inline-block;
	vertical-align: middle;
	width: calc(100% - 95px);
}

.research-partner-icon {
	width: 70px;
	height: 70px;
	display: inline-block;
	margin-right: 20px;
	vertical-align: middle;
}

#top-qa {
	background-image: url(../image/top-32.jpg);
}

#block-qa-1 {
	background-color: #f3f3f3;
}

#block-qa-1 .site {
	max-width: 900px;
	margin-right: auto;
	margin-left: auto;
}

.qa-s1-item {
	text-align: center;
	box-sizing: border-box;
	background: #fff;
	padding: 60px 28px;
	height: 330px;
	margin-top: 21px;
	margin-bottom: 21px;
}

html[lang="zh-hans"] .qa-s1-item {
	height: 280px;
}

.qa-s1-item h3 {
	font-size: 21px;
	font-size: 1.5rem;
	margin: 0;
	line-height: 1.35;
}

.qa-s1-item .line {
	width: 120px;
	max-width: 80%;
	height: 1px;
	background: #000;
	margin: 30px auto;
}

.qa-txt-title-pos {
	position: absolute;
	top: -16px;
	left: 0;
	width: 100%;
	text-align: center;
}

.qa-txt-title {
	margin: 0 auto;
	display: inline-block;
	padding: 4px 28px;
	background: #0d68b7;
	border-radius: 20px;
	font-size: 19px;
	color: #fff;
	text-transform: uppercase;
	font-weight: 600;
	text-align: center;
	box-sizing: border-box;
	width: auto;
}

#block-qa-2 {
	text-align: center;
	position: relative;
}

#block-qa-2 .site {
	overflow: visible;
}

#block-qa-2 p {
	margin: 35px auto;
	max-width: 600px;
}

#qa-map {
	width: 100%;
	height: auto;
}

#map-qa-container {
	position: relative;
}

#map-qa-container .map-qa-area {
	position: absolute;
	z-index: 1;
	/*background:rgba(0,0,0,0.5);*/
	display: block;
	width: 50px;
	height: 50px;
	/*border-radius: 50%;*/
}

#qatag1 span {
	position: relative;
	color: #fff;
	display: inline-block;
	padding: 0 15px;
	background-color: #0d68b7;
	border-radius: 30px;
	box-sizing: border-box;
}

#qatag2 span {
	position: relative;
	color: #fff;
	display: inline-block;
	padding: 0 0;
	width: 156px;
	box-sizing: border-box;
	background-color: #cc2e00;
	border-radius: 30px;
}

#qatag2 {
	margin-top: 64px;
}

#block-qa-3 {
	position: relative;
	padding: 0;
}

#mySwiperQa {
	width: 100%;
}

.qa-swiper-item {
	width: 100%;
	height: 600px;
	max-height: 850px;
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
	text-align: center;
	color: #fff;
}

.qa-swiper-item-1 {
	background-image: url(../image/bg-qa-1.jpg);
}

.qa-swiper-item-2 {
	background-image: url(../image/bg-qa-2.jpg);
}

.qa-swiper-item-3 {
	background-image: url(../image/bg-qa-3.jpg);
}

.qa-swiper-item-4 {
	background-image: url(../image/bg-qa-4.jpg);
}

.qa-swiper-item-5 {
	background-image: url(../image/bg-qa-5.jpg);
}

.qa-swiper-item-6 {
	background-image: url(../image/bg-qa-6.jpg);
}

.qa-swiper-item-7 {
	background-image: url(../image/bg-qa-7.jpg);
}

#mySwiperQa-prev {
	left: 0;
}

#mySwiperQa-next {
	right: 0;
}

.qa-swiper-item h3 {
	margin: 0 auto;
	display: inline-block;
	padding: 2px 0;
	background: #0d68b7;
	border-radius: 20px;
	font-size: 16px;
	color: #fff;
	text-transform: uppercase;
	font-weight: 600;
	text-align: center;
	box-sizing: border-box;
	width: auto;
	max-width: 100%;
	padding: 0 14px;
	margin-top: 210px;
	-webkit-transition: 0.3s all;
	transition: 0.3s all;
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
	opacity: 0;
	transform: translate(30px, 0);
}

.qa-swiper-item.swiper-slide-active h3 {
	opacity: 1;
	transform: translate(0, 0);
}

.qa-swiper-item p {
	max-width: 800px;
	box-sizing: border-box;
	padding: 0 28px;
	margin-left: auto;
	margin-right: auto;
	-webkit-transition: 0.3s all;
	transition: 0.3s all;
	-webkit-transition-delay: 0.5s;
	transition-delay: 0.5s;
	opacity: 0;
	transform: translate(30px, 0);
}

.qa-swiper-item.swiper-slide-active p {
	opacity: 1;
	transform: translate(0, 0);
}

#swiperQa-thumb {
	width: 100%;
	position: absolute;
	z-index: 2;
	bottom: 30px;
	font-size: 0;
}

#swiperQa-thumb .site {
	margin-top: 0;
	margin-bottom: 0;
}

.swiperQa-thumb {
	position: relative;
	display: inline-block;
	width: 33.3%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.swiperQa-thumb img {
	width: 100%;
	height: auto;
}

#swiperQa-thumb-1 {
	background-image: url(../image/bg-qa-1.jpg);
}

#swiperQa-thumb-2 {
	background-image: url(../image/bg-qa-2.jpg);
}

#swiperQa-thumb-3 {
	background-image: url(../image/bg-qa-3.jpg);
}

#swiperQa-thumb-4 {
	background-image: url(../image/bg-qa-4.jpg);
}

#swiperQa-thumb-5 {
	background-image: url(../image/bg-qa-5.jpg);
}

#swiperQa-thumb-6 {
	background-image: url(../image/bg-qa-6.jpg);
}

.swiperQa-thumb span {
	position: absolute;
	top: 0;
	left: 0;
	box-sizing: border-box;
	padding-top: 50px;
	padding-top: -webkit-calc(35% - 12px);
	padding-top: calc(35% - 12px);
	display: block;
	width: 100%;
	height: 100%;
	font-size: 13px;
	color: #fff;
	font-weight: 600;
	text-align: center;
	background: rgba(0, 0, 0, 0.4);
	z-index: 1;
	line-height: 1.3;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	opacity: 0;
}

.swiperQa-thumb:hover span {
	opacity: 1;
}

#block-qa-4 img {
	width: 100%;
	height: auto;
}

#intustrial40 {
	color: #fff;
	background: url(../image/bg-qa-insustry4.jpg) no-repeat center top;
	background-size: cover;
	box-sizing: border-box;
	padding: 20px 30px;
	overflow: hidden;
}

#intustrial40 h2 {
	font-weight: bold;
	font-size: 21px;
	font-size: 1.5rem;
	color: #fff;
	margin-top: 21px;
}

#intustrial40-right {
	border-top: 1px solid rgba(255, 255, 255, 0.6);
}

#top-production {
	background-image: url(../image/top-33.jpg);
	text-align: center;
}

@media screen and (max-width: 600px) {
	#top-production {
		height: 96vw;
	}

	#top-production .top-inner-container {
		padding-top: 40px;
	}
}

#top-production .entry-title-tab {
	margin: 0 auto;
	display: inline-block;
	padding: 4px 28px;
	background: #0d68b7;
	border-radius: 20px;
	font-size: 19px;
	color: #fff;
	text-transform: uppercase;
	font-weight: 600;
	text-align: center;
	box-sizing: border-box;
	width: auto;
}

#top-production .entry-title {
	font-size: 22px;
	margin: 15px auto;
}

#top-production .entry-title-sub {
	margin-left: auto;
	margin-right: auto;
	max-width: 900px;
	font-size: 13px;
}

#top-production .btn-video {
	font-weight: 600;
	text-transform: uppercase;
	padding: 12px;
	background: rgba(255, 255, 255, 0.3);
	border-radius: 30px;
	width: 190px;
	box-sizing: border-box;
	text-align: center;
	display: inline-block;
	margin: 28px auto;
}

#top-production .btn-video i {
	color: #000;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}

#top-production .btn-video:hover {
	background: #fff;
}

#top-production .btn-video:hover i {
	transform: translate(3px, 0);
}

#block-production-1 {
	background: #000;
	color: #fff;
	text-align: center;
}

#block-production-1 p {}

#block-production-1 .bigger {
	font-size: 21px;
	font-size: 1.5rem;
	margin-bottom: 0;
	white-space: nowrap;
	position: relative;
}

.production-bg {
	height: 100vh;
	min-height: 680px;
	background-size: auto 100%;
	background-size: cover;
}

#block-production-2 {
	background-image: url(../image/bg-production-1.jpg)
}

#block-production-3 {
	background-image: url(../image/bg-production-2.jpg)
}

#block-production-4 {
	background-image: url(../image/bg-production-3.jpg)
}

#block-production-5 {
	background-image: url(../image/bg-production-4.jpg)
}

#block-production-6 {
	background-image: url(../image/bg-production-5.jpg)
}

#block-production-7 {
	background-image: url(../image/bg-production-6.jpg)
}

#block-production-8 {
	background-image: url(../image/bg-production-7.jpg)
}

#block-production-9 {
	background-image: url(../image/bg-production-8.jpg)
}

.production-txt {
	width: 800px;
	max-width: 110%;
	height: 460px;
	background-position: 0 0;
	background-size: 100% auto;
	margin-top: 20vh;
}

html[lang="zh-hans"] .production-txt {
	background-image: url(../image/production-txt-cn-1.png);
}

#block-production-2 .production-txt {
	background-image: url(../image/01.png);
}

#block-production-3 .production-txt {
	background-image: url(../image/02.png);
}

#block-production-4 .production-txt {
	background-image: url(../image/03.png);
}

#block-production-5 .production-txt {
	background-image: url(../image/04.png);
}

#block-production-6 .production-txt {
	background-image: url(../image/05.png);
}

#block-production-7 .production-txt {
	background-image: url(../image/06.png);
}

/* #block-production-8 .production-txt {
    background-position: 0 85.1%;
}

#block-production-9 .production-txt {
    background-position: 0 99.6%;
} */

#block-production-10 {
	padding: 0;
	display: table;
	width: 100%;
}

#block-production-10-1,
#block-production-10-2 {
	position: relative;
	width: 50%;
	text-align: center;
	color: #fff;
	display: table-cell;
	vertical-align: middle;
	height: 400px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

#block-production-10 a:hover {
	text-decoration: none;
}

#block-production-10-1 h2,
#block-production-10-2 h2,
#block-production-10-1 span,
#block-production-10-2 span {
	position: relative;
	z-index: 1;
}

.block-production-bg {
	top: 0;
	left: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	background-position: center top;
	background-size: auto 100%;
	z-index: 0;
	filter: brightness(50%);
}

#block-production-10 a:hover .block-production-bg {
	background-size: auto 103%;
	/*filter:initial;*/
}

#block-production-10 a:hover .spec-capsule {
	background-color: #000;
}

#block-production-10-1 h2,
#block-production-10-2 h2 {
	color: #fff;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 21px;
	font-size: 1.5rem;
}

#block-production-10-1 .block-production-bg {
	background-image: url(../image/bg-production-21.jpg);
}

#block-production-10-2 .block-production-bg {
	background-image: url(../image/bg-production-22.jpg);
}

#production-list-container {
	position: fixed;
	left: 60px;
	top: 130px;
	color: #fff;
	-webkit-opacity: 0;
	opacity: 0;
	z-index: -1;
	-webkit-transition: 0.2s;
	transition: 0.2s;
	display: none;
}

#production-list-container.stay {
	-webkit-opacity: 1;
	opacity: 1;
	z-index: 1;
}

#production-list-container:after {
	content: "";
	position: absolute;
	left: 0;
	top: 20px;
	height: calc(100% - 40px);
	width: 1px;
	background: #fff;
}

#production-list-container li {
	font-size: 13px;
	position: relative;
	cursor: pointer;
	color: rgba(255, 255, 255, 0.5);
	line-height: 40px;
	height: 40px;
	white-space: nowrap;
	padding-left: 18px;
	box-sizing: border-box;
}

#production-list-container li.current,
#production-list-container li:hover {
	color: #fff;
}

#production-list-container li.current:after {
	content: "";
	position: absolute;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: #fff;
	left: -2px;
	top: 18px;
}

@media screen and (min-width:768px) {
	#block-research-1-txt {
		padding: 50px 150px 0 150px;
	}

	#block-research-2-left,
	#block-research-2-right {
		width: 50%;
		float: left;
	}

	#block-research-2-left {
		padding: 50px 50px 0 50px;
	}

	#block-research-4-cont {
		height: 550px;
	}

	#block-research-4-left,
	#block-research-4-right {
		height: 550px;
		padding-top: 200px;
	}

	#block-research-8-cont {
		position: relative;
	}

	#block-research-8-cont:after {
		position: absolute;
		content: "";
		width: 1px;
		height: calc(100% - 160px);
		left: 50%;
		top: 80px;
		background: #ccc;
	}

	.qa-swiper-item {
		height: 44vw;
	}

	.qa-swiper-item h3 {
		margin-top: 20vw;
	}

	.swiperQa-thumb {
		width: 16.6%;
	}

	#swiperQa-thumb {
		top: 33.5vw;
		bottom: auto;
	}

	#block-qa-4 .site {
		margin-top: 120px;
	}

	#intustrial40 {
		padding: 60px 80px;
	}

	#top-production .entry-title {
		font-size: 42px;
		font-size: 3rem;
	}

	#top-production .entry-title {
		margin: 35px auto;
	}

	.production-bg {
		background-attachment: fixed;
	}

	.production-txt {
		max-width: 100%;
		height: 460px;
	}
}

@media screen and (min-width:1024px) {
	#block-research-5-cont {
		box-sizing: border-box;
		border: 5px solid #fff;
		padding: 75px 50px;
		width: 50%;
		float: left;
	}

	#block-research-7 .col-raw p.txt-bigger {
		font-size: 20px !important;
	}
}

@media screen and (min-width:1200px) {

	#block-research-1 h2,
	#block-research-2 h2,
	#block-research-3 h2,
	#block-research-4 h2 {
		font-size: 35px;
		line-height: 1.2;
	}

	#block-research-2-left {
		padding: 120px;
	}

	#block-research-3 .site {
		border: 1px solid rgba(255, 255, 255, 0.6);
		border-radius: 28px;
		max-width: 1140px;
		margin-top: 120px;
		margin-bottom: 120px;
	}

	#mySwiperResearch-prev {
		left: calc(50% - 530px);
	}

	#mySwiperResearch-next {
		right: calc(50% - 530px);
	}

	#qatag1 span:after {
		content: "";
		position: absolute;
		left: 50%;
		top: -92px;
		height: 92px;
		width: 2px;
		background: #0d68b7;
		z-index: 1;
	}

	#qatag2 span:after {
		content: "";
		position: absolute;
		left: 20px;
		top: -95px;
		height: 95px;
		width: 2px;
		background: #cc2e00;
		z-index: 1;
	}

	#mySwiperQa-prev {
		left: calc(50% - 600px);
	}

	#mySwiperQa-next {
		right: calc(50% - 600px);
	}

	.qa-swiper-item h3 {
		margin-top: 26vw;
	}

	#intustrial40-left {
		float: left;
		width: 50%;
		box-sizing: border-box;
		padding-right: 40px;
	}

	#intustrial40-right {
		float: right;
		width: 49.9%;
		box-sizing: border-box;
		padding-left: 40px;
		border-top: 0;
		border-left: 1px solid rgba(255, 255, 255, 0.6);
	}

	#intustrial40-right h2 {
		margin-top: 0;
	}

	#top-production .entry-title {
		font-size: 63px;
		font-size: 4.5rem;
	}

	#top-production .entry-title-sub {
		font-size: 13px;
	}

	#top-production .top-inner-container {}

	#block-production-1 .site {
		max-width: 1400px;
	}

	#block-production-1 .bigger {
		font-size: 35px;
	}

	#block-production-1 .col-n {
		height: 140px;
	}

	#block-production-1 .bigger:after {
		content: "";
		position: absolute;
		width: 140px;
		height: 1px;
		left: calc(50% - 70px);
		top: 120px;
		background: rgba(255, 255, 255, 0.6);
	}

	html[lang="en-US"] #block-production-1 .col-n:last-of-type .bigger:after {
		width: 240px;
		left: calc(50% - 120px);
	}

	#mySwiperQa-prev,
	#mySwiperQa-next {
		top: -webkit-calc(65% - 15px);
		top: calc(65% - 15px);
	}

	.swiperQa-thumb span {
		font-size: 16px;
	}
}

@media screen and (min-width:1600px) {
	#production-list-container {
		display: block;
	}

	#block-research-2-left {
		padding: 200px 120px 0 120px;
	}
}


/*about pages*/

#top-leadership {
	background-image: url(../image/top-12.jpg);
}

#block-leadership-1 .site {
	max-width: 1500px;
}

#block-leadership-1 .swiper-container {
	width: 100%;
}

#block-leadership-1 .swiper-container img {
	max-width: 100%;
	width: 100%;
	height: auto;
	border-radius: 12px;
}

#block-leadership-1 #mySwiperBios-next {
	right: 0;
	left: auto;
}

#block-leadership-1 .swiper-nav {
	background: transparent;
	color: #fff;
}

#block-leadership-1 p.txt-smaller {
	line-height: 1.8;
}

#block-leadership-1 .site {
	margin-bottom: 160px;
}

ul.bios-list {
	margin: 0 auto;
}

.bios-list li {
	overflow: hidden;
	padding-bottom: 14px;
	padding-bottom: 1rem;
	line-height: 1.5;
}

.bios-list a {
	display: block;
	text-decoration: none;
}

.bios-list a:hover {
	text-decoration: none;
}

.bios-thumb {
	width: 45%;
	float: left;
	margin-right: 14px;
}

.bios-list .bios-txt {
	-webkit-width: calc(60% - 14px);
	width: calc(55% - 14px);
	float: right;
}

.bios-list .name {
	font-weight: 600;
	display: block;
}

.bios-list .title {
	display: block;
	font-size: 13px;
	line-height: 1.5;
}

#mySwiperBiosTxt {
	margin-top: 42px;
	margin-top: 3rem;
}

#mySwiperBiosTxt .col-raw {
	margin: 0;
}

#mySwiperBiosTxt .name {
	font-size: 21px;
	font-size: 1.5rem;
	font-weight: 600;
	display: block;
	margin-top: 14px;
	margin-bottom: 0;
	line-height: 1.5;
}

#mySwiperBiosTxt .swiper-slide {
	background-color: #fff;
}

#mySwiperBiosTxt .title {
	display: block;
	margin-bottom: 21px;
	line-height: 1.5;
}

.btn-bios {
	box-sizing: border-box;
	width: 45%;
	display: block;
	background: #0d68b7;
	border-radius: 10px;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	font-weight: 600;
	padding: 5px 10px;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}

.btn-bios.disable {
	background: gray;
	cursor: default;
}

.btn-bios:hover {
	color: #fff;
	text-decoration: none;
}

@media screen and (min-width:768px) {}

@media screen and (min-width:1200px) {
	#mySwiperBiosTxt .name {
		font-size: 28px;
		font-size: 2rem;
	}

	.bios-list .name {
		margin-top: 10px;
	}
}


/*careers pages*/

#top-careers {
	background-image: url(../image/top-51.jpg);
}

#block-careers-1 {
	background-color: #dadada;
}

#block-careers-2 {
	background: url(../image/bg-career-1.jpg) no-repeat left top;
	background-size: cover;
	color: #fff;
}

#block-careers-2 p {
	line-height: 1.4
}

#block-careers-2 .logo {
	/* max-width: 90%; */
	/* width: 400px; */
	/* height: auto; */
}

#block-careers-2 h3 {
	margin-top: 35px;
}

#block-careers-3,
#block-careers-5 {
	background-image: url(../image/bg-career-2.jpg);
	background-repeat: no-repeat;
	background-color: #6A6164;
	background-position: center bottom;
	background-size: 120% auto;
	text-align: center;
	color: #fff;
	height: 550px;
}

#block-careers-3 p {
	max-width: 880px;
	margin-left: auto;
	margin-right: auto;
}

#block-careers-5 {
	background-image: url(../image/bg-career-3.jpg);
}

#block-careers-5 p {
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}

#block-careers-4,
#block-careers-6 {
	text-align: center;
}

#block-careers-4 h3,
#block-careers-6 h3 {
	font-size: 18px;
	line-height: 1.6;
}

#block-careers-4 .col-n,
#block-careers-6 .col-n {
	margin-bottom: 28px;
	margin-bottom: 2rem;
}

#block-careers-7 {
	background: #f1f1f1;
}

#block-careers-7 p {
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
	font-size: 21px;
	line-height: 1.6;
}

#block-careers-8 {
	background-color: #fdfdfd;
}

#block-careers-8 .site {
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}

#block-careers-8 p {
	margin-top: 0;
	margin-bottom: 14px;
}

#block-careers-8 p.txt-smaller {
	margin-bottom: 42px;
	margin-bottom: 3rem;
}

#block-careers-8 h2 {
	margin-bottom: 42px;
	margin-bottom: 3rem;
}

#top-join {
	background-image: url(../image/top-52.jpg);
}

#block-join-1 {
	background: #eee;
}

#block-join-1 h2 {
	line-height: 1.1;
	font-weight: 400;
	margin-bottom: 21px;
	margin-bottom: 1.5rem;
}

#block-join-1 h2:after {
	content: "";
	width: 10px;
	height: 10px;
	background: #0d68b7;
	border-radius: 50%;
	display: inline-block;
	margin-left: 5px;
}

#form-job input {
	vertical-align: middle;
}

#form-job #job-keywords {
	width: 218px;
	height: 27px;
	box-sizing: border-box;
}

#form-job .txttab {
	margin-left: 6px;
	padding: 3px 15px;
}

#top-join .top-inner-container-inner {
	width: 510px;
	max-width: 80%;
	margin: 0 auto;
}

#top-join h1 {
	font-size: 21px;
	font-size: 1.5rem;
	margin-bottom: 14px;
	margin-bottom: 1rem;
}

#top-join img {
	/* width: 100%;
    height: auto; */
}

.list-filter {
	font-weight: 600;
	text-transform: uppercase;
	margin: 10px 0 50px 0;
	padding: 0 10px;
}

.list-filter select {
	border: 1px solid #eee;
	background-color: #eee;
	padding: 2px 0 2px 3px;
}

#tp_job_orderby {
	min-width: 150px;
}

.list-jobs {
	width: 100%;
}

.list-jobs li {
	font-size: 0;
	padding: 12px 0;
	line-height: 1.8;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}

.list-jobs li.list-jobs-item:hover {
	background: #f3f3f3;
}

.list-jobs li span {
	box-sizing: border-box;
	padding: 0 2px;
	vertical-align: middle;
	display: inline-block;
	width: 33%;
	font-size: 14px;
	font-size: 1rem;
}

.list-jobs-header {
	display: none;
}

.list-jobs-header span,
.list-jobs li span:first-child {
	font-weight: 600;
	width: 100%;
}

.list-jobs li span:last-child {
	text-align: right;
}

.col-1-5 {
	width: 100%;
}

@media screen and (max-width:767px) {
	#top-join {
		height: 93vw;
	}
}

@media screen and (max-width:1023px) and (min-width:768px) {
	#block-careers-2 .col-3 {
		width: 50%;
	}
}

@media screen and (min-width:768px) {
	.list-jobs-header {
		display: block;
	}

	.list-jobs li span:first-child {
		width: 40%;
	}

	.list-jobs li span {
		width: 20%;
		padding: 0 10px;
	}

	#block-careers-7 p {
		font-size: 26px;
	}

	#block-careers-3,
	#block-careers-5 {
		height: 900px;
		background-size: cover;
	}

	#block-careers-8 h2 {
		margin-top: 80px;
	}

	.col-1-5 {
		width: 20%;
	}
}

@media screen and (min-width:1200px) {
	#block-careers-1 .site {
		margin-top: 12rem;
		margin-bottom: 12rem;
	}

	#block-careers-3 .site {
		margin-top: 9rem;
	}

	#block-careers-5 .site {
		margin-top: 12rem;
	}

	#block-careers-2 .site {
		margin-top: 9rem;
	}
}


/*product pages*/

#top-cells {
	position: relative;
	/*background-image: url(../image/cell.png);*/
	background-repeat: no-repeat;
	background-position: center 60vw;
	background-color: #f3f3f3;
	background-size: 90vw auto;
	background-attachment: unset;
	text-align: center;
	height: 130vw;
	overflow: hidden;
}

#top-cells .top-inner-container {
	margin-top: -50vw;
}

img#cell-wheel {
	z-index: 1;
	position: absolute;
	top: 166px;
	left: 5vw;
	transform-origin: 50% 50%;
	width: 90vw;
	height: 90vw;
}

.cells-logo img {
	display: inline-block;
	margin-right: 28px;
	vertical-align: middle;
	width: auto;
	height: 40px;
	margin: 0 5px 15px;
}

.cells-logo span {
	color: #fff;
	display: inline-block;
	vertical-align: middle;
	background: #0d68b7;
	border-radius: 8px;
	padding: 0 10px;
	text-transform: uppercase;
	font-weight: 800;
	font-size: 35px;
	font-size: 2.5rem;
	margin: 0 5px 15px;
}

html[lang="zh-hans"] .cells-logo span {
	font-weight: 400;
}

#top-cells .entry-title-sub {
	color: #000;
	margin-left: auto;
	margin-right: auto;
	max-width: 400px;
	font-weight: 400;
}

.block-cell {
	text-align: center;
}

.cav-cell {
	position: relative;
	margin: 70px auto;
	max-width: 100%;
	width: 800px;
	height: 850px;
}

.pic-cell {
	width: 220px;
	height: auto;
	display: block;
	margin-left: -15px;
}

h2.title-cell {
	font-family: 'Raleway', 'Montserrat', 'Noto Sans TC', '微软雅黑', Arial, sans-serif;
	font-size: 35px;
	font-size: 2.5rem;
	font-weight: 500;
}

#block-cell-1 .title-cell span {
	color: #E3A834;
}

#block-cell-2 .title-cell span {
	color: #329DE2;
}

#block-cell-3 .title-cell span {
	color: #8DC949;
}

p.desc-cell {
	max-width: 400px;
	margin-left: auto;
	margin-right: auto;
	font-weight: 500;
}

p.desc-cell .txt-black {
	display: block;
}

.cell-info {
	position: absolute;
	-webkit-width: calc(100% - 160px);
	width: calc(100% - 160px);
	font-weight: 300;
	color: #999;
	line-height: 1.3;
	font-size: 12px;
}

.cell-info hr {
	position: relative;
	z-index: 0;
	color: #000;
	margin: 8px 0;
	margin-left: 36px;
	background: #000;
	/*background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 7%, rgba(0,0,0,1) 62%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
	/*background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 7%,rgba(0,0,0,1) 62%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	/*background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 7%,rgba(0,0,0,1) 62%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=1 ); /* IE6-9 */
}

.cell-info span {
	display: block;
}

.cell-info-left,
.cell-info-right {
	right: 0;
	left: auto;
	text-align: right;
}

.cell-info-num {
	font-size: 20px;
	font-weight: 700;
	color: #000;
	line-height: 1;
	margin: 6px 0;
}

.cell-info-icn {
	width: 42px;
	height: 42px;
}

.cell-info-1 {
	top: 0;
}

.cell-info-2 {
	top: 160px;
}

.cell-info-3 {
	top: 320px;
}

.cell-info-4 {
	top: 480px;
}

.cell-info-5 {
	top: 635px;
}

.table-cell {
	position: relative;
	background-color: #f7f7f7;
	border-radius: 15px;
	box-sizing: border-box;
	padding: 15px;
	margin: 0 auto;
	margin-top: 100px;
	max-width: 800px;
}

.table-cell .table-responsive {
	margin-right: auto;
	margin-left: auto;
}

#block-cell-2 .table-responsive {
	max-width: 500px;
}

.table-cell h3 {
	top: -10px;
	position: absolute;
	left: 0;
	width: 100%;
}

.table-cell h3 span {
	color: #fff;
	display: inline-block;
	background: #0d68b7;
	border-radius: 20px;
	padding: 2px 20px;
	text-transform: uppercase;
	font-weight: 800;
	font-size: 16px;
}

.cell-table {
	margin-top: 20px;
	width: 100%;
}

.cell-table td {
	box-sizing: border-box;
	padding: 10px 5px;
	text-align: left;
	vertical-align: middle;
	font-size: 13px;
	line-height: 1.3;
	font-weight: 600;
}

.cell-table td:first-of-type {
	font-weight: 500;
	font-size: 12px;
	width: 180px;
	color: #333;
}

.cell-table tbody tr,
.cell-table tbody tr td:first-of-type {
	-webkit-transition: 0.2s all;
	transition: 0.2s all;
}

.cell-table tbody tr:hover,
.cell-table tbody tr:hover td:first-of-type {
	background: #ccc;
	color: #fff;
}

table .icn-data {
	width: 12px;
	height: auto;
}

#block-cell-1 .cell-table thead td {
	color: #E3A834;
}

#block-cell-2 .cell-table thead td {
	color: #0d68b7;
}

#block-cell-3 .cell-table thead td {
	color: #8DC949;
}

#block-cell-2 {
	background-color: #fbfbfb;
}

#top-applications {
	background: #FFDF00;
	text-align: center;
	color: #000;
	height: 90vw;
}

#top-applications .logo {
	width: 165px;
	height: auto;
}

#top-applications .icons-apps {
	width: 1200px;
	max-width: 99%;
}

#top-applications h1 {
	font-weight: 800;
	font-size: 35px;
	color: #0d68b7;
	margin-top: 10px;
}

#top-applications .entry-title-sub {
	margin-left: auto;
	margin-right: auto;
	color: #000;
	max-width: 650px;
}

#top-applications .top-inner-anchor-list {
	border-top: 1px solid rgba(0, 0, 0, 0.3);
	;
}

#top-applications a {
	color: #000;
}

#top-applications .chevron-down {
	-webkit-filter: brightness(0%);
	filter: brightness(0%);
}

.block-applications .site {
	box-sizing: border-box;
	padding: 28px;
	max-width: 1400px;
	background-color: #e6e6e6;
	text-align: center;
}

.block-applications .site .col-raw {
	margin: 28px auto 0 auto;
	max-width: 1200px;
	font-size: 0;
	text-align: center;
}

.block-applications .site .col-raw .col-n {
	float: none;
	vertical-align: top;
	display: inline-block;
}

.block-applications .app-item {
	box-sizing: border-box;
	padding: 21px;
	padding: 5px;
	width: 100%;
	height: auto;
	background: #fff;
	border-radius: 10px;
	font-size: 14px;
	font-weight: 500;
	color: #999;
	cursor: pointer;
	text-transform: uppercase;
}

.block-applications .app-icon {
	width: 100%;
	height: auto;
	-webkit-transition: 0.2s all;
	transition: 0.2s all;
}

.block-applications .app-item:hover .app-icon {
	-webkit-transform: scale(1.05, 1.05);
	transform: scale(1.05, 1.05);
}

body .block-applications-table .site {
	margin-top: 0;
}

.app-table {
	width: 100%;
}

.app-table td {
	box-sizing: border-box;
	padding: 10px 5px;
	text-align: left;
	vertical-align: middle;
	font-size: 13px;
	line-height: 1.3;
	font-weight: 600;
	width: 12.5%;
}

.app-table thead td,
.app-table thead td:first-of-type {
	color: #666;
	font-size: 12px;
	font-weight: 500;
}

.app-table td:first-of-type {
	width: 150px;
	color: #0d68b7;
}

.app-table tbody tr,
.app-table tbody tr td:first-of-type {
	-webkit-transition: 0.2s all;
	transition: 0.2s all;
}

.app-table tbody tr:hover,
.app-table tbody tr:hover td:first-of-type {
	background: #ccc;
	color: #fff;
}

.app-tab-bar {
	position: relative;
	background-color: #cbcbcb;
	border-radius: 20px;
	text-align: center;
	font-size: 0;
	height: 30px;
	width: 600px;
	max-width: 100%;
	overflow: hidden;
	margin: 28px auto;
}

.app-tab-bar-item {
	position: relative;
	z-index: 1;
	color: #fff;
	font-size: 13px;
	font-size: 0.925714rem;
	vertical-align: middle;
	display: inline-block;
	width: 33.3%;
	text-align: center;
	line-height: 30px;
	height: 30px;
	font-weight: 600;
	cursor: pointer;
}

.app-tab-bar-item-bg {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
	height: 30px;
	width: 33.3%;
	background-color: #0d68b7;
	border-radius: 20px;
	-webkit-transition: 0.2s all;
	transition: 0.2s all;
}

.app-tab-bar-2 .app-tab-bar-item,
.app-tab-bar-2 .app-tab-bar-item-bg {
	width: 50%;
}

.spec-capsule {
	color: #fff;
	display: inline-block;
	background: #0d68b7;
	border-radius: 20px;
	padding: 4px 20px;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 18px;
	-webkit-transition: 0.2s all;
	transition: 0.2s all;
}

a.spec-capsule:hover {
	text-decoration: none;
	color: #fff;
	background-color: #000;
}

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

	#block-applications-1 .site,
	#block-applications-3 .site,
	#block-applications-5 .site,
	#block-applications-7 .site {
		margin-top: 0;
	}

	.block-applications .site .col-raw .col-n {
		padding-left: 5px;
		padding-right: 5px;
	}

	.block-applications .app-item {
		font-size: 12px;
	}
}

@media screen and (min-width:768px) {
	#top-cells {
		background-position: center 300px;
		background-size: 700px auto;
		height: 800px;
	}

	img#cell-wheel {
		left: -webkit-calc(50% - 350px);
		left: calc(50% - 350px);
		width: 700px;
		height: 700px;
	}

	h2.title-cell {
		font-size: 49px;
		font-size: 3.5rem;
	}

	.pic-cell {
		width: 225px;
		margin: 0 auto;
	}

	.cav-cell {
		height: 750px;
	}

	.cell-info {
		-webkit-width: calc(50% - 105px);
		width: calc(50% - 105px);
		font-size: 13px;
	}

	.cell-info hr {
		background: #000;
		margin-left: 0;
		margin: 14px 0;
	}

	.cell-info-num {
		font-size: 35px;
	}

	.cell-info-icn {
		width: 80px;
		height: 80px;
	}

	.cell-info-left {
		left: 0;
		text-align: left;
	}

	.cell-info-right {
		right: 0;
		left: auto;
		text-align: right;
	}

	.cell-info-1 {
		top: 30px;
	}

	.cell-info-2 {
		top: 300px;
	}

	.cell-info-3 {
		top: 570px;
	}

	.cell-info-4 {
		top: 130px;
	}

	.cell-info-5 {
		top: 400px;
	}

	.table-cell {
		padding: 30px 40px;
	}

	.table-cell h3:before {
		position: absolute;
		left: 50%;
		top: -95px;
		content: "";
		height: 95px;
		width: 1px;
		background: #0d68b7;
	}

	.cell-table td {
		padding: 20px 10px;
	}

	#top-applications h1 {
		font-size: 6rem;
		margin-top: 28px;
	}

	.block-applications .app-item {
		padding: 21px;
		padding: 1.5rem;
	}
}

@media screen and (min-width:1024px) {
	#top-cells .top-inner-container {
		margin-top: -20vw;
	}
}

@media screen and (min-width:1200px) {
	#top-cells {
		background-position: center 500px;
		background-size: 1000px auto;
		height: 1250px;
	}

	#top-cells .top-inner-container {
		margin-top: -500px;
	}

	img#cell-wheel {
		top: 140px;
		left: -webkit-calc(50% - 500px);
		left: calc(50% - 500px);
		width: 1000px;
		height: 1000px;
	}

	#top-applications {
		height: 100vh;
	}

	#top-applications h1 {
		font-size: 10.5rem;
	}

	.block-applications .site {
		padding: 80px 100px;
	}
}

@media screen and (min-width:768px) {
	.top-inner {}

	.top-inner .breadcrumb {
		display: block;
	}

	.top-inner .entry-title {
		font-size: 49px;
		font-size: 3.5rem;
	}

	.top-image {
		height: 150px;
		background-size: auto 100%;
	}

	.footer-bottom {
		text-align: left;
	}

	.top-inner .entry-title-sub {
		font-size: 14px;
		font-size: 1rem;
	}
}

@media screen and (min-width:1200px) {
	.site-blocks .site {
		margin: 98px auto;
		margin: 7rem auto 2rem;
	}

	.logo-footer {
		display: block;
	}

	footer[id="colophon"] .footer-bottom {
		padding-left: 0;
		padding-right: 0;
	}

	#hgroup-search {
		margin-top: 52px;
	}

	#home-headimage {
		margin-top: 0;
	}

	.top-inner {
		height: 100vh;
		background-attachment: fixed;
		background-size: cover;
		/* min-height: 820px; */
	}

	.top-inner-smaller {
		height: 600px;
		min-height: 600px;
	}

	.top-inner-smaller .top-inner-container {
		margin-top: 320px;
	}

	.top-inner .entry-title {
		margin-top: 14px;
	}

	.top-inner .entry-title-sub {
		margin-top: 10px;
	}
}

@media screen and (min-width:1920px) {

	.top-inner,
	.bg-fullwidth {
		background-size: 100% auto;
		background-size: cover;
	}

	.top-inner .entry-title {
		font-size: 63px;
		font-size: 4.5rem;
		letter-spacing: 0;
	}
}


/*topNavBar*/

#fullMask {
	position: fixed;
	width: 100vw;
	height: 100vh;
	z-index: -1;
	background: transparent;
}

#fullMask.stay {
	z-index: 10;
}

#topNavBar {
	position: relative;
	height: 60px;
	background-color: #fff;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 11;
	color: #000;
	font-size: 0;
	border-bottom: 1px solid #f8f8f8;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}

#topNavBar-menu {
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	width: 60px;
	height: 60px;
	line-height: 60px;
	background-color: #f8f8f8;
	font-size: 21px;
	-webkit-transition: 0.2s all;
	transition: 0.2s all;
}

#topNavBar-menu.stay {
	color: #fff;
	background-color: #0d68b7;
}

#topNavBar-logo {
	display: inline-block;
	vertical-align: middle;
	width: 164px;
	height: 60px;
	line-height: 60px;
	text-align: center;
}

#logo-topNav {
	width: 100px;
	height: auto;
	vertical-align: middle;
}

#topNavBar-anchor-list {
	display: none;
	width: 65%;
	float: right;
	height: 60px;
	white-space: nowrap;
}

#topNavBar-anchor-list li {
	display: inline-block;
	height: 60px;
	box-sizing: border-box;
	font-size: 14px;
	font-size: 1rem;
	color: #000;
	width: auto;
	text-transform: uppercase;
	font-weight: 600;
	line-height: 60px;
}

#topNavBar-anchor-list a {
	display: block;
	padding: 0 21px;
	width: auto;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}

#topNavBar-anchor-list a:hover {
	background-color: #f4f4f4;
	text-decoration: none;
}

#topNavBar-dropdown {
	position: absolute;
	top: 60px;
	left: 0;
	background: rgba(248, 248, 248, 0.97);
	height: 0;
	width: 100%;
	-webkit-transition: 0.3s all;
	transition: 0.3s all;
	overflow: hidden;
	box-sizing: border-box;
	padding: 0 28px;
	line-height: 40px;
	font-size: 13px;
}

#topNavBar-dropdown.stay {
	height: 420px;
	padding: 50px 28px;
}

.menu-dropdown {
	position: relative;
	text-transform: uppercase;
}

.menu-dropdown a {
	-webkit-transition: 0.2s all;
	transition: 0.2s all;
}

.menu-dropdown a:hover {
	text-decoration: none;
	color: #0d68b7;
}

.menu-dropdown>li {
	/* position: relative; */
	text-align: right;
	width: 140px;
	padding-right: 20px;
	box-sizing: border-box;
	font-weight: 500;
	border-right: 1px solid rgba(0, 0, 0, 0.2);
}

.menu-dropdown>li ul.sub-menu {
	position: absolute;
	left: 200px;
	display: none;
	top: 0;
	text-align: left;
	width: 300px;
	max-width: calc(100vw - 190px);
	font-weight: 400;
	padding-left: 20px;
	line-height: 22px;
}

.menu-dropdown>li ul.sub-menu li {
	padding-top: 7px;
	padding-bottom: 7px;
}

@media (min-width: 996px) {
	.menu-dropdown>li:hover ul.sub-menu {
		display: block;
		display: -webkit-box;
		display: -ms-box;
		display: box;
		-webkit-box-orient: vertical;
		-ms-box-orient: vertical;
		box-orient: vertical;
		-webkit-box-pack: center;
		-ms-box-pack: center;
		box-pack: center;
		-webkit-box-align: left;
		-ms-box-align: left;
		box-align: left;
		height: 320px;
	}
}


/*.menu-dropdown .menu-item-30 ul.sub-menu{ top: 70px; }
.menu-dropdown .menu-item-29 ul.sub-menu{ top: 30px; }
.menu-dropdown .menu-item-28 ul.sub-menu{ top: -10px; }
.menu-dropdown .menu-item-27 ul.sub-menu{ top: -50px; }
.menu-dropdown .menu-item-26 ul.sub-menu{ top: -90px; }
.menu-dropdown .menu-item-25 ul.sub-menu{ top: -130px; }*/

.menu-dropdown .menu-item-30 ul.sub-menu {
	top: 0;
}

.menu-dropdown .menu-item-29 ul.sub-menu {
	top: -40px;
}

.menu-dropdown .menu-item-28 ul.sub-menu {
	top: -80px;
}

.menu-dropdown .menu-item-27 ul.sub-menu {
	top: -120px;
}

.menu-dropdown .menu-item-26 ul.sub-menu {
	top: -160px;
}

.menu-dropdown .menu-item-25 ul.sub-menu {
	top: -200px;
}

.menu-dropdown .menu-item-262 ul.sub-menu {
	top: 0;
}

.menu-dropdown .menu-item-266 ul.sub-menu {
	top: -40px;
}

.menu-dropdown .menu-item-269 ul.sub-menu {
	top: -80px;
}

.menu-dropdown .menu-item-273 ul.sub-menu {
	top: -120px;
}

.menu-dropdown .menu-item-277 ul.sub-menu {
	top: -160px;
}

.menu-dropdown .menu-item-280 ul.sub-menu {
	top: -200px;
}

.menu-dropdown .current-menu-item>a,
.menu-dropdown .current-menu-ancestor>a,
.menu-dropdown .current_page_item>a,
.menu-dropdown .current_page_ancestor>a {
	color: #0d68b7;
}

@media screen and (min-width: 1024px) {
	#topNavBar {
		position: fixed;
		top: -60px;
	}

	#topNavBar.scroll {
		top: 0;
	}

	.admin-bar #topNavBar.scroll {
		top: 48px;
	}

	.admin-bar #topNavBar.scroll {
		top: 32px;
	}

	.menu-dropdown>li {
		width: 200px;
		padding-right: 50px;
	}

	.menu-dropdown>li ul.sub-menu {
		padding-left: 50px;
	}
}

@media screen and (min-width:1200px) {
	#topNavBar-anchor-list {
		display: block;
	}
}

.top-inner-pale {
	background-color: #fff;
	color: #000;
}

.top-inner-pale .entry-title {
	color: #000;
	font-size: 35px;
	letter-spacing: 0;
}

.top-inner-pale .entry-title:after {
	display: none;
}

.top-inner-pale .entry-title:before {
	content: "";
	width: 25px;
	height: 25px;
	border-radius: 50%;
	background-color: #0d68b7;
	display: inline-block;
	margin-right: 10px;
}

.top-inner-pale .entry-title-sub {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.block-pale .site {
	background-color: #F1F1F1;
	max-width: 1300px;
	margin-top: 0;
}

.block-pale .site .single-content {
	padding-top: 50px;
	padding-bottom: 50px;
	max-width: 1000px;
	margin-right: auto;
	margin-left: auto;
}

@media screen and (min-width: 1200px) {
	.top-inner-pale {
		height: 90vh;
	}
}


/*popup forms*/

.coverThePage {
	/*页面遮盖层*/
	width: 100vw;
	height: 100vh;
	background: rgba(0, 0, 0, 0.7);
	/*background:transparent;*/
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	z-index: 0;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.coverThePage.stay {
	display: block;
	z-index: 98;
}

.popup-form-container {
	box-sizing: border-box;
	position: fixed;
	left: 0;
	top: 0;
	background: #595959;
	text-align: center;
	z-index: 0;
	width: 500px;
	padding: 35px 0 5px 0;
	font-size: 13px;
	color: #fff;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	opacity: 0;
	max-width: 100%;
	left: -100%;
	pointer-events: none;
}

.popup-form-container.stay {
	left: 0;
	opacity: 1;
	z-index: 99;
	pointer-events: initial;
}

.popup-form-container-cont {
	box-sizing: border-box;
	padding: 0 28px;
	width: 100%;
	margin: 0 auto;
	max-height: 100vh;
	overflow: auto;
}

.popup-form-container-cont h2 {
	font-size: 21px;
	font-size: 1.5rem;
	font-weight: 800;
	margin-bottom: 18px;
}

.popup-form-container-cont p {
	margin-bottom: 10px;
	line-height: 1.5;
	color: #bbb;
}

.closeLayer {
	cursor: pointer;
	position: absolute;
	right: 0;
	top: 0;
	width: 40px;
	height: 40px;
	background: url(../image/btn-close.png);
	background-position: center center;
	background-size: 100% auto;
}

.popup-form-container a {
	color: #bbb;
	text-decoration: underline;
}

.popup-form-container a:hover {
	color: #fff;
	text-decoration: none;
}

.popup-form-container .gform_wrapper ul.gform_fields li.gfield,
.popup-form-container .gform_wrapper li.gfield.gfield_error.gfield_contains_required {
	padding-right: 0;
}

.popup-form-container .gform_confirmation_message {
	color: #f90;
	margin-bottom: 40px;
}

#loading {
	position: fixed;
	height: 200px;
	width: 200px;
	box-sizing: border-box;
	background-color: rgba(0, 0, 0, 0.1);
	background-repeat: no-repeat;
	background-image: url(../image/loading-tp.svg);
	background-position: center;
	left: calc(50% - 100px);
	top: calc(50vh - 100px);
	border-radius: 10px;
	-webkit-transition: 0.2s all;
	transition: 0.2s all;
	opacity: 0;
	z-index: -1;
}

#loading.stay {
	opacity: 1;
	z-index: 999;
}

@media screen and (min-width: 768px) {
	.popup-form-container-cont h2 {
		font-size: 28px;
		font-size: 2rem;
	}

	.popup-form-container {
		left: -webkit-calc(50% - 250px);
		left: calc(50% - 250px);
		top: 180px;
	}

	.popup-form-container.stay {
		left: -webkit-calc(50% - 250px);
		left: calc(50% - 250px);
		top: 110px;
	}

	.popup-form-container-cont {
		max-height: -webkit-calc(100vh - 145px);
		max-height: calc(100vh - 145px);
	}

	.closeLayer {
		width: 40px;
		height: 40px;
	}
}


/*extra animations*/

@media screen and (min-width: 1200px) {
	.anm-container {
		-webkit-transition: all 0.7s;
		transition: all 0.7s;
		-webkit-transition-delay: 0.5s;
		transition-delay: 0.5s;
		-webkit-opacity: 0;
		opacity: 0;
	}

	.anm-container.stay {
		-webkit-opacity: 1;
		opacity: 1;
		-webkit-transform: none !important;
		transform: none !important;
	}

	#block-research-2-left .anm-container {
		-webkit-transform: translate(-100px, 0);
		transform: translate(-100px, 0);
	}

	#block-research-7 .anm-container {
		-webkit-transform: translate(0, 100px);
		transform: translate(0, 100px);
	}

	#block-employee-7-left .anm-container {
		-webkit-transform: translate(100px, 0);
		transform: translate(100px, 0);
	}

	#block-employee-7-right .anm-container {
		-webkit-transform: translate(-100px, 0);
		transform: translate(-100px, 0);
	}

	#block-compliance-4-left .anm-container {
		-webkit-transform: translate(-100px, 0);
		transform: translate(-100px, 0);
	}

	#block-compliance-4-right .anm-container {
		-webkit-transform: translate(100px, 0);
		transform: translate(100px, 0);
	}

	.cell-info-left,
	.cell-info-right {
		-webkit-transition: all 0.8s;
		transition: all 0.8s;
		-webkit-transition-delay: 0.2s;
		transition-delay: 0.2s;
		-webkit-opacity: 0;
		opacity: 0;
	}

	.cell-info-left {
		-webkit-transform: translate(100px, 0);
		transform: translate(100px, 0);
	}

	.cell-info-right {
		-webkit-transform: translate(-100px, 0);
		transform: translate(-100px, 0);
	}

	.cell-info hr {
		-webkit-opacity: 0;
		opacity: 0;
		-webkit-transition: all 0.8s;
		transition: all 0.8s;
		-webkit-transition-delay: 0.7s;
		transition-delay: 0.7s;
		position: relative;
		/*z-index: -1;*/
	}

	.block-cell.stay .cell-info-left,
	.block-cell.stay .cell-info-right {
		-webkit-opacity: 1;
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}

	.block-cell.stay .cell-info hr {
		-webkit-opacity: 1;
		opacity: 1;
	}
}



.txt-title {
	line-height: 1.6;
	font-size: 28px !important;
	font-weight: 700 !important;
	margin-bottom: 9px;
	color: #000;
	text-align: center;
	text-transform: uppercase;
}

.txt-title::before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	margin-top: -2px;
	margin-right: 14px;
	width: 120px;
	height: 3px;
	background-color: #0d68b7;
}

.txt-title::after {
	content: "";
	display: inline-block;
	vertical-align: middle;
	margin-top: -2px;
	margin-left: 14px;
	width: 120px;
	height: 3px;
	background-color: #0d68b7;
}

.txt-synopsis {
	font-size: 16px !important;
	max-width: 850px;
	margin: 0 auto 40px !important;
	padding: 0 21px;
	text-align: center;
}


#top-product {
	background-image: url(../image/top-74.jpg);
}

#product-more {
	background-color: #f2f2f2;
}

#product-more .div {
	margin-top: -30px;
}

#product-more .div a {
	float: left;
	width: 32%;
	margin-right: 2%;
	margin-top: 30px;
	background-color: #fff;
	text-decoration: none;
	cursor: pointer;
}

#product-more .div a:nth-of-type(3n) {
	margin-right: 0;
}

#product-more .div em {
	display: block;
	width: 100%;
	padding-bottom: 60%;
	overflow: hidden;
	position: relative;
}

#product-more .div em i {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-size: cover;
	background-position: center;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

#product-more .div a:hover em i {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}

#product-more .div span {
	margin: -30px auto 0;
	display: block;
	position: relative;
	z-index: 3;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background-color: #fff;
	background-size: contain;
}

#product-more .div div {
	padding: 14px 24px 16px;
}

#product-more .div h6 {
	font-size: 22px;
	font-weight: normal;
	text-transform: uppercase;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	padding-bottom: 14px;
	border-bottom: 3px solid #0d68b7;
}

#product-more .div p {
	font-size: 14px;
	color: #666;
	line-height: 1.6;
	height: 66px;
	overflow: hidden;
}

#product-more .div small {
	display: block;
	margin-left: calc(100% - 140px);
	width: 140px;
	height: 30px;
	line-height: 30px;
	background-color: #0d68b7;
	color: #fff;
	font-size: 14px;
	border-radius: 15px;
	text-align: center;
	text-transform: uppercase;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

#product-more .div a:hover small {
	background-color: #333;
}



#top-catalogue {
	background-image: url(../image/top-72.jpg);
}

#catalogue-more {
	background-color: #f2f2f2;
}

#catalogue-more .table-div {
	width: 100%;
	overflow-x: auto;
}

#catalogue-more table {
	width: 100%;
	min-width: 800px;
}

#catalogue-more table tr {
	height: 60px;
	background-color: #fff;
}

#catalogue-more table tr:nth-of-type(2n) {
	background-color: #f3f3f3;
}

#catalogue-more table th {
	background-color: #0d68b7;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	vertical-align: middle;
	text-align: center;
	border: 1px solid #d2d2d2;
	text-transform: uppercase;
}

#catalogue-more table td {
	font-size: 18px;
	vertical-align: middle;
	text-align: center;
	border: 1px solid #d2d2d2;
	text-transform: uppercase;
}

#catalogue-more .list-ul {}

#catalogue-more .list-ul li {
	cursor: pointer;
}

#catalogue-more .list-ul li a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 26px;
	padding-top: 26px;
	padding-left: 60px;
	background-image: url(../image/top-88.png);
	background-size: 42px;
	background-position: left center;
	background-repeat: no-repeat;
	border-bottom: 1px dashed #d7d7d7;
	text-decoration: none;
}

#catalogue-more .list-ul li h5 {
	font-weight: normal;
	flex-shrink: 0;
	width: calc(100% - 160px);
}

#catalogue-more .list-ul li h5 p {
	margin: 0;
	font-size: 18px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	transition: all 0.3s;
}

#catalogue-more .list-ul li h5 span {
	display: block;
	font-size: 18px;
	color: #666;
	margin-top: 10px;
}

#catalogue-more .list-ul li h6 {
	font-weight: normal;
	text-align: right;
	padding-right: 40px;
	background-image: url(../image/top-89.png);
	background-size: 20px;
	background-repeat: no-repeat;
	background-position: right center;
}

#catalogue-more .list-ul li h6 span {
	display: block;
	color: #666;
	font-size: 16px;
	white-space: nowrap;
	/* margin-bottom: 10px; */
}

#catalogue-more .list-ul li h6 i {
	display: inline-block;
	vertical-align: top;
	font-style: normal;
	padding-left: 30px;
	background-image: url(../image/top-89.png);
	background-size: 20px;
	background-repeat: no-repeat;
	background-position: left center;
	font-size: 16px;
	color: #666;
}

#catalogue-more .list-ul li:hover h5 p {
	color: #0d68b7;
}

.paging {
	margin-top: 50px;
	font-size: 0;
	text-align: center;
}

.paging a {
	display: inline-block;
	vertical-align: top;
	min-width: 34px;
	text-align: center;
	height: 30px;
	line-height: 28px;
	box-sizing: border-box;
	border: 1px solid #999999;
	border-radius: 2px;
	margin: 0 6px;
	font-size: 16px;
	padding: 0 10px;
	text-decoration: none;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.paging a.active {
	background-color: #0d68b7;
	border-color: #0d68b7;
	color: #fff;
}

.paging a:hover {
	background-color: #0d68b7;
	border-color: #0d68b7;
	color: #fff;
}



.top-inner .entry-tex {
	display: inline-block;
	vertical-align: top;
	font-size: 20px;
	color: #fff;
	background-color: #0d68b7;
	padding: 10px 24px;
	border-radius: 20px;
	text-transform: uppercase;
}

.top-inner .entry-tx {
	font-size: 42px;
}



#top-classify {
	background-image: url(../image/top-71.jpg);
}

#classify-more .site {
	overflow: inherit;
}

#classify-more {
	background-color: #f2f2f2;
}

#classify-more .swiper-div {
	position: relative;
}

#classify-more .swiper-div::before {
	content: "";
	position: absolute;
	width: 100vw;
	height: 100%;
	background-color: #fff;
	top: 0;
	left: 50%;
	margin-left: -50vw;
}

#classify-more .swiper-div .swiper-button-prev {
	left: -50px;
	color: #0d68b7;
}

#classify-more .swiper-div .swiper-button-prev::after {
	font-size: 30px !important;
}

#classify-more .swiper-div .swiper-button-next {
	right: -50px;
	color: #0d68b7;
}

#classify-more .swiper-div .swiper-button-next::after {
	font-size: 30px !important;
}

#classify-more .swiper-wrapper {}

#classify-more .swiper-container .swiper-slide {
	width: 340px;
	white-space: nowrap;
	height: 50px;
	line-height: 48px;
	text-align: center;
	box-sizing: border-box;
	border: 1px solid #333;
	text-decoration: none;
	font-size: 16px;
	color: #333;
	box-sizing: border-box;
	text-transform: uppercase;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

#classify-more .swiper-container .actvie {
	background-color: #0d68b7;
	border-color: #0d68b7;
	color: #fff;
}

#classify-more .swiper-container .swiper-slide:hover {
	background-color: #0d68b7;
	border-color: #0d68b7;
	color: #fff;
}

#classify-more #span {
	width: 32%;
	height: 55px;
	display: block;
	margin: 50px auto 0;
	background-color: #0d68b7;
	text-align: center;
	line-height: 55px;
	color: #fff;
	border: none;
	cursor: pointer;
	font-size: 20px;
	font-weight: bold;
	padding: 0;
	text-transform: uppercase;
}

#classify-more .div {
	margin-top: 10px;
}

#classify-more .div a {
	float: left;
	width: 32%;
	margin-right: 2%;
	margin-top: 30px;
	background-color: #fff;
	text-decoration: none;
	background-color: #fff;
	box-sizing: border-box;
	cursor: pointer;
	border: 1px solid #d6d6d6;
	display: none;
}

#classify-more .div a:nth-of-type(3n) {
	margin-right: 0;
}

#classify-more .div a:nth-of-type(1),
#classify-more .div a:nth-of-type(2),
#classify-more .div a:nth-of-type(3),
#classify-more .div a:nth-of-type(4),
#classify-more .div a:nth-of-type(5),
#classify-more .div a:nth-of-type(6) {
	display: block;
}

#classify-more .div a em {
	display: block;
	width: 100%;
	padding-bottom: 84%;
	overflow: hidden;
	position: relative;
}

#classify-more .div a em i {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-size: cover;
	background-position: center;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

#classify-more .div a:hover em i {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}

#classify-more .div a div {
	text-align: center;
	box-sizing: border-box;
	padding: 24px 48px;
	color: #333;
	text-transform: uppercase;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

#classify-more .div a div span {
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	font-size: 22px;
	margin-bottom: 6px;
	color: #333;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

#classify-more .div a div h6 {
	font-size: 22px;
	font-weight: 600;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	margin-bottom: 6px;
	/* padding-bottom: 24px;
	margin-bottom: 24px;
	border-bottom: 1px solid #d6d6d6; */
	color: #333;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

#classify-more .div a div small {
	display: block;
	margin: 0 auto;
	width: 150px;
	height: 32px;
	line-height: 32px;
	color: #333;
	font-size: 14px;
	text-align: center;
	border: 1px solid #d6d6d6;
	text-transform: uppercase;
	background-color: #fff;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

#classify-more .div a:hover div {
	background-color: #0d68b7;
}

#classify-more .div a:hover div span {
	color: #fff;
}

#classify-more .div a:hover div h6 {
	color: #fff;
	border-color: #fff;
}

#classify-more .div a:hover div small {
	border-color: #fff;
	color: #0d68b7;
}



#top-check {
	background-image: url(../image/top-75.jpg);
}

#check-more {
	background-color: #f2f2f2;
}

#check-more .site {
	background-color: #fff;
	padding: 50px 80px;
	box-sizing: border-box;
}

#check-more .h5 {
	font-size: 26px;
	color: #0d68b7;
	text-transform: uppercase;
	margin-bottom: 30px;
}

#check-more .div1 {
	margin-bottom: 50px;
}

#check-more .div1 dl {
	/* display: flex;
    justify-content: space-between; */
}

#check-more .div1 dl dd {
	/* flex-shrink: 0;
    width: 48%; */
	box-sizing: border-box;
	padding: 20px;
	border: 1px solid #ccc;
	text-transform: uppercase;
}

#check-more .div1 dl dd h6 {
	font-size: 20px;
	color: #0d68b7;
}

#check-more .div1 dl dd p {
	font-size: 18px;
	line-height: 1.6;
	margin-bottom: 0;
}

#check-more .check-a {
	display: block;
	width: 560px;
	margin: 60px auto;
	background-color: #0d68b7;
	color: #fff;
	font-size: 34px;
	text-align: center;
	height: 80px;
	line-height: 80px;
	text-transform: uppercase;
	border-radius: 40px;
	text-decoration: none;
	box-shadow: 0 4px 24px 0px rgba(13, 104, 183, 0.3);
}

#check-more .check-a::before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 40px;
	height: 40px;
	background-image: url(../image/icon14.png);
	background-size: 100% 100%;
	margin-right: 24px;
}

#check-more .div2 {
	text-transform: uppercase;
	padding-top: 30px;
	border-top: 1px solid #ccc;
}

#check-more .div2 p {
	font-size: 18px;
	line-height: 1.6;
	margin-bottom: 0;
	margin-top: -14px;
}



#top-feedback {
	background-image: url(../image/top-77.jpg);
}

#feedback-more {
	background-color: #f2f2f2;
}

#feedback-more form {
	text-align: center;
	font-size: 0;
	text-transform: uppercase;
}

#feedback-more form h5 {
	font-size: 18px;
	background-color: #549ddd;
	height: 46px;
	line-height: 46px;
	color: #fff;
	margin-bottom: 40px;
	margin-top: 60px;
}

#feedback-more form h5:first-of-type {
	margin-top: 0;
}

#feedback-more form label {
	display: block;
	text-align: left;
	margin-bottom: 30px;
}

#feedback-more form label:last-of-type {
	margin-bottom: 60px;
}

#feedback-more form span {
	display: block;
	font-size: 14px;
	margin-bottom: 20px;
}

#feedback-more form span::after {
	content: "*";
	color: red;
	margin-left: 6px;
}

#feedback-more form input {
	width: 100%;
	box-sizing: border-box;
	padding: 0 20px;
	height: 46px;
	border: 1px solid #ccc;
	font-size: 14px;
}

#feedback-more form select {
	width: 100%;
	box-sizing: border-box;
	padding: 0 16px;
	height: 46px;
	border: 1px solid #ccc;
	font-size: 16px;
}

#feedback-more form textarea {
	width: 100%;
	box-sizing: border-box;
	padding: 16px 20px;
	height: 160px;
	border: 1px solid #ccc;
	font-size: 18px;
	line-height: 1.6;
	resize: none;
}

#feedback-more form button {
	width: 280px;
	height: 50px;
	background-color: #0d68b7;
	color: #fff;
	border: none;
	font-size: 16px;
	font-weight: bold;
	padding: 0;
	text-transform: uppercase;
	margin: 0 30px;
}



#top-service {
	background-image: url(../image/top-76.jpg);
}

#service-more {
	/* background-color: #f2f2f2; */
	padding: 0;
}

#service-more .site {
	width: 100%;
	max-width: 100%;
	padding: 0;
	overflow: initial;
	margin-bottom: 0;
}

#service-more .mdiv {
	position: relative;
}

#service-more .mdiv .dl {
	text-align: center;
	position: relative;
	z-index: 3;
}

#service-more .mdiv .dl dt {
	display: inline-block;
	vertical-align: top;
	white-space: nowrap;
	padding: 0 15px;
	background-color: #0d68b7;
	border-radius: 30px;
	box-sizing: border-box;
	font-size: 2rem;
	line-height: 1.6;
	font-weight: 800 !important;
	color: #fff;
}

#service-more .mdiv .dls {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 3%;
}

#service-more .mdiv .dl dd {
	margin-top: 24px;
	font-size: 1.07147285rem;
	line-height: 1.6;
}

#service-more .mdiv .dl dd p {
	margin: 0;
}

#service-more .mdiv img {
	width: 100%;
	margin-top: -130px;
}

#service-more .mdiv ul {
	position: absolute;
	left: 5%;
	bottom: 50px;
	display: flex;
	flex-wrap: wrap;
	width: 90%;
	margin: 0 auto;
}

#service-more .mdiv ul li {
	flex-shrink: 0;
	width: 25%;
	text-align: center;
	margin-top: 30px;
}

#service-more .mdiv ul li span {
	display: block;
	font-size: 26px;
	text-transform: uppercase;
}

#service-more .mdiv ul li strong {
	display: inline-block;
	vertical-align: middle;
	font-size: 50px;
	font-weight: normal;
	color: #0d68b7;
}

#service-more .mdiv ul li small {
	display: inline-block;
	vertical-align: middle;
	margin-top: 14px;
	font-size: 30px;
	color: #666;
}

#service-more .div {
	position: relative;
	margin-top: 50px;
	/* margin-top: -15vw; */
}

#service-more .div img {
	width: 100%;
}

/* #service-more .div::before,
#service-more .div::after{
    content: "";
    position: absolute;
    top: 35%;
    left: 38%;
    transform: translate(-50%, -50%);
    width: 0;
    height: 0;
    opacity: 0;
    border-radius: 50%;
    border: 1px solid rgba(13, 104, 183, 0.5);
    background-color: rgba(13, 104, 183, 0.15);
}
#service-more .div i{
    position: absolute;
    top: 35%;
    left: 38%;
    transform: translate(-50%, -50%);
    width: 0;
    height: 0;
    opacity: 0;
    border-radius: 50%;
    border: 1px solid rgba(13, 104, 183, 0.5);
    background-color: rgba(13, 104, 183, 0.15);
} */
#service-more .div i {
	animation: dh1 3s infinite;
}

#service-more .div::before {
	animation: dh1 3s 1s infinite;
}

#service-more .div::after {
	animation: dh1 3s 2s infinite;
}

@keyframes dh1 {
	0% {
		width: 0;
		height: 0;
	}

	60% {
		opacity: 1;
	}

	100% {
		width: 190px;
		height: 190px;
		opacity: 0;
	}
}



.clear_both::after {
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}


#service-more .ul {
	padding: 0 2%;
	display: flex;
	flex-wrap: wrap;
	margin-top: 40px;
	margin-bottom: 0;
}

#service-more .ul li {
	flex-shrink: 0;
	width: 32%;
	margin-right: 2%;
	box-sizing: border-box;
	padding: 34px 30px;
	border-radius: 4px;
	background-color: #fff;
	text-transform: uppercase;
	color: #333;
	box-shadow: 0 8px 24px 0px rgba(2, 22, 40, 0.2);
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

#service-more .ul li:hover {
	background-color: #0d68b7;
	color: #fff;
}

#service-more .ul li:nth-of-type(3n) {
	margin-right: 0;
}

#service-more .ul li h6 {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 14px;
	line-height: 1.8;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

#service-more .ul li p {
	font-size: 18px;
	margin: 0;
	line-height: 1.8;
}



#top-info {
	background-image: url(../image/top-73.jpg);
}

#top-info .entry-title {
	margin-bottom: 24px;
}

#info1-more {
	background-color: #f2f2f2;
}

#info1-more .site {
	display: flex;
	margin: 4rem auto;
}

#info1-more .swiper {
	flex-shrink: 0;
	width: 48%;
	margin-right: 4%;
}

#info1-more .swiper ul {
	margin: 0;
}

#info1-more .gallery-top {
	border: 1px solid #d6d6d6;
	box-sizing: border-box;
}

#info1-more .gallery-thumbs {
	margin-top: 10px;
}

#info1-more .gallery-top .swiper-slide {
	padding-bottom: 68%;
	background-size: cover;
	background-position: center;
}

#info1-more .gallery-thumbs .swiper-slide {
	padding-bottom: 13%;
	background-size: cover;
	background-position: center;
	cursor: pointer;
}

#info1-more .gallery-thumbs .swiper-slide::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	box-sizing: border-box;
	background-color: rgba(0, 0, 0, .2);
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

#info1-more .gallery-thumbs .swiper-slide-thumb-active::after {
	background-color: rgba(0, 0, 0, 0);
	border: 1px solid #0d68b7;
}

#info1-more .div {
	flex-shrink: 0;
	width: 48%;
	padding-top: 20px;
}

#info1-more .div h5 {
	font-size: 40px;
	padding-left: 8px;
	border-left: 4px solid #0d68b7;
	margin-bottom: 18px;
	line-height: 1;
	text-transform: uppercase;
}

#info1-more .div h4 {
	font-size: 48px;
	padding-left: 8px;
	border-left: 4px solid #0d68b7;
	line-height: 1;
	text-transform: uppercase;
}

#info1-more .div h6 {
	text-transform: uppercase;
	font-weight: normal;
	margin-top: 34px;
}

#info1-more .div h6 span {
	font-size: 20px;
	display: inline-block;
	vertical-align: top;
	margin-right: 30px;
	line-height: 1.6;
}

#info1-more .div p {
	font-size: 18px;
	line-height: 1.5;
	margin-top: 20px;
}

#info1-more .div em {
	font-size: 0;
	font-style: normal;
	margin-top: 30px;
	display: block;
}

#info1-more .div em a {
	display: inline-block;
	vertical-align: top;
	height: 64px;
	line-height: 64px;
	background-color: #0d68b7;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	text-transform: uppercase;
	margin-right: 20px;
	padding: 0 20px;
}

#info1-more .div em a::before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 29px;
	height: 29px;
	margin-right: 12px;
	background-image: url(../image/icon3.png);
}

#info1-more .div em a:nth-of-type(2) {
	margin-right: 0;
}

#info1-more .div em a:nth-of-type(2)::before {
	background-image: url(../image/icon4.png);
}

#info2-more {
	padding: 0;
}

#info2-more .h5 {
	background-color: #0d68b7;
	font-size: 0;
}

#info2-more .h5 p {
	line-height: 1;
	width: 1200px;
	margin: 0 auto;
}

#info2-more .h5 a {
	display: inline-block;
	vertical-align: top;
	height: 64px;
	line-height: 64px;
	font-size: 20px;
	color: #fff;
	padding: 0 30px;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: normal;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}

#info2-more .h5 a:hover {
	background-color: #004887;
}

#info2-more .h6 {
	border-bottom: 1px solid #0d68b7;
	margin-bottom: 40px;
}

#info2-more .h6 span {
	display: inline-block;
	vertical-align: top;
	font-size: 26px;
	padding-bottom: 10px;
	border-bottom: 5px solid #0d68b7;
	text-transform: uppercase;
}

#info2-more .site {
	margin: 4rem auto;
}

#info2-more .site dd {
	margin-bottom: 50px;
}

#info2-more .site .dd1 {}

#info2-more .site .dd1 div {}

#info2-more .site .dd1 div p {
	font-size: 20px;
	line-height: 1.6;
	margin: 0 0 14px 0;
}

#info2-more .site .dd1 div p:last-of-type {
	margin-bottom: 0;
}

#info2-more .site .dd1 div p::before {
	content: "●";
	display: inline-block;
	vertical-align: top;
	color: #0d68b7;
	line-height: 1.3;
	margin-right: 10px;
}

#info2-more .site .dd2 {}

#info2-more .site .dd2 table {
	width: 100%;
	font-size: 20px;
	border-top: 1px solid #b3b3b3;
}

#info2-more .site .dd2 table tr {
	height: 60px;
	border-bottom: 1px solid #b3b3b3;
}

#info2-more .site .dd2 table td:first-of-type {
	text-transform: uppercase;
	width: 60%;
	vertical-align: middle;
	background-color: #fff;
	font-weight: 400;
}

#info2-more .site .dd2 table td {
	vertical-align: middle;
	background-color: #f3f3f3;
	padding: 0 40px;
	font-weight: 400;
}

#info2-more .site .dd2 table td p {
	margin: 0;
	font-size: 20px;
	line-height: 1;
}

#info2-more .site .dd3 {}

#info2-more .site .dd3 div {}

#info2-more .site .dd3 div p {
	display: inline-block;
	vertical-align: top;
	margin: 0;
	line-height: 1;
	font-size: 20px;
	margin-right: 50px;
}

#info2-more .site .dd3 div p:last-of-type {
	margin-right: 0;
}

#info2-more .site .dd3 div p::before {
	content: "●";
	display: inline-block;
	vertical-align: top;
	color: #0d68b7;
	line-height: 0.7;
	margin-right: 10px;
}

#info2-more .site .dd4 {
	margin-bottom: 0;
}

#info2-more .site .dd4 ul {
	font-size: 0;
	text-transform: uppercase;
	margin: 0;
}

#info2-more .site .dd4 ul li {
	display: inline-block;
	vertical-align: top;
	margin-right: 70px;
}

#info2-more .site .dd4 ul li:last-of-type {
	margin-right: 0;
}

#info2-more .site .dd4 ul li span {
	display: block;
	font-size: 20px;
	margin: 0 auto;
}

#info2-more .site .dd4 ul li a {
	display: block;
	margin: 14px auto 0;
	width: 156px;
	height: 38px;
	line-height: 38px;
	background-color: #0d68b7;
	color: #fff;
	font-size: 18px;
	text-align: center;
	text-decoration: none;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}

#info2-more .site .dd4 ul li a:hover {
	background-color: #004887;
}

#info3-more {
	background-color: #f2f2f2;
	height: 70px;
}

.suspension {
	position: fixed;
	z-index: 6;
	bottom: 4%;
	right: 2%;
}

.suspension a {
	display: block;
	position: relative;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	margin-bottom: 14px;
	background-color: #b2b2b2;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 28px;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}

.suspension a:last-of-type {
	margin-bottom: 0;
}

.suspension a.a1 {
	background-image: url(../image/icon4.png);
}

.suspension a.a2 {
	background-image: url(../image/icon3.png);
}

.suspension a.a3 {
	background-image: url(../image/icon17.png);
	background-size: 24px;
}

.suspension a i {
	position: absolute;
	top: 6px;
	right: 6px;
	font-size: 12px;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background-color: red;
	color: #fff;
	text-align: center;
	line-height: 16px;
	font-style: initial;
	transform: scale(0.9);
}

.suspension a:hover {
	background-color: #0d68b7;
}



.loging-div {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 20;
	background-color: rgba(0, 0, 0, .6);
	display: none;
}

.loging-div form {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-transform: uppercase;
	width: 650px;
	background-color: #126ebe;
	color: #fff;
	box-sizing: border-box;
	padding: 60px 80px;
	border-radius: 6px;
	text-align: center;
}

.loging-div form .out {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 33px;
	height: 33px;
	background-image: url(../image/icon13.png);
	cursor: pointer;
}

.loging-div form img {}

.loging-div form h6 {
	font-size: 34px;
	margin: 28px 0 40px;
}

.loging-div form label {
	display: block;
	height: 56px;
	border-radius: 4px;
	background-color: #1165ae;
	margin-bottom: 20px;
	box-sizing: border-box;
	padding-left: 62px;
	background-size: 30px;
	background-repeat: no-repeat;
	background-position: 20px center;
}

.loging-div form label.label1 {
	background-image: url(../image/tb1.png);
}

.loging-div form label.label2 {
	background-image: url(../image/tb2.png);
}

.loging-div form label.label3 {
	background-image: url(../image/tb3.png);
}

.loging-div form label.label4 {
	background-image: url(../image/tb4.png);
}

.loging-div form label.label5 {
	background-image: url(../image/tb5.png);
}

.loging-div form label input {
	color: #fff;
	width: 100%;
	height: 100%;
	outline: none;
	border: none;
	padding: 0;
	background: none;
	font-size: 20px;
}

.loging-div form label input::-webkit-input-placeholder {
	color: #2484d7;
}

.loging-div form label input:-moz-placeholder {
	color: #2484d7;
}

.loging-div form label input::-moz-placeholder {
	color: #2484d7;
}

.loging-div form label input:-ms-input-placeholder {
	color: #2484d7;
}

.loging-div form button {
	width: 100%;
	height: 60px;
	border-radius: 4px;
	outline: none;
	border: none;
	padding: 0;
	background: none;
	background-color: #034d8c;
	text-transform: uppercase;
	color: #fff;
	font-size: 20px;
}

.loging-div form h5 {
	display: block;
	font-size: 20px;
	margin-top: 30px;
	color: #fff;
	font-weight: 400;
	cursor: pointer;
}


.form-div {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-transform: uppercase;
	width: 650px;
	background-color: #fff;
	color: #333;
	padding: 60px 80px;
	text-align: center;
	border-top: 10px solid #0d68b7;
	box-shadow: 0px 0px 49px 0px rgba(53, 53, 53, 0.23);
	display: none;
}

.form-div form .out {
	position: absolute;
	top: -23px;
	right: -14px;
	width: 33px;
	height: 33px;
	background-image: url(../image/icon13s.png);
	cursor: pointer;
}

.form-div form h6 {
	font-size: 34px;
	margin: 0 0 40px;
}

.form-div form label {
	display: block;
	width: 100%;
	height: 56px;
	outline: none;
	border: none;
	padding: 0;
	background: none;
	font-size: 18px;
	margin-bottom: 30px;
	background-color: #f7f7f7;
}

.form-div form label input {
	width: 100%;
	height: 100%;
	padding: 0;
	border: none;
	background: none;
	box-sizing: border-box;
	padding: 0 22px;
	text-transform: uppercase;
}

.form-div form button {
	width: 100%;
	height: 64px;
	background-color: #0d68b7;
	color: #fff;
	border: none;
	font-weight: bold;
	font-size: 26px;
	text-transform: uppercase;
}


.shopping-cart {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 20;
	background-color: rgba(0, 0, 0, .6);
	display: none;
}

.shopping-cart .shopping {
	position: absolute;
	width: 440px;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	z-index: 20;
	background-color: #fff;
	max-height: 100vh;
	overflow: auto;
}

.shopping-cart .h5 {
	height: 64px;
	line-height: 64px;
	padding: 0 0 0 22px;
	color: #fff;
	background-color: #0d68b7;
	font-size: 24px;
}

.shopping-cart .h5 span {
	text-transform: uppercase;
}

.shopping-cart .h5 i {
	font-style: initial;
	float: right;
	width: 64px;
	height: 100%;
	text-align: center;
	cursor: pointer;
}

.shopping-cart .div {}

.shopping-cart .div ul {
	padding: 0 22px;
}

.shopping-cart .div li {
	border-bottom: 1px solid #e0e0e0;
	padding: 20px 82px 30px 0;
	display: flex;
	align-items: center;
	position: relative;
}

.shopping-cart .div li input {
	flex-shrink: 0;
	width: 21px;
	height: 21px;
	margin: 0;
}

.shopping-cart .div li em {
	flex-shrink: 0;
	width: 90px;
	height: 62px;
	background-size: cover;
	background-position: center;
	margin: 0 20px;
}

.shopping-cart .div li h6 {}

.shopping-cart .div li h6 span {
	display: block;
	font-size: 16px;
	line-height: 1.4;
	text-transform: uppercase;
	font-weight: 400;
}

.shopping-cart .div li h5 {
	position: absolute;
	right: 0;
	bottom: 20px;
	display: flex;
}

.shopping-cart .div li h5 i {
	flex-shrink: 0;
	width: 22px;
	height: 22px;
	background-size: 100% 100%;
}

.shopping-cart .div li h5 i.jian {
	background-image: url(../image/icon15.png);
}

.shopping-cart .div li h5 i.jia {
	background-image: url(../image/icon16.png);
}

.shopping-cart .div li h5 span {
	height: 22px;
	line-height: 22px;
	width: 30px;
	text-align: center;
	font-size: 16px;
	font-weight: 400;
}

.shopping-cart .div li .delete {
	position: absolute;
	width: 26px;
	height: 26px;
	cursor: pointer;
	right: 0;
	top: 20px;
	background-image: url(../image/sc.png);
	background-size: 100% 100%;
}

.shopping-cart .div .h6 {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-weight: 400;
	padding: 22px;
	text-transform: uppercase;
	font-size: 16px;
}

.shopping-cart .div .h6 label {}

.shopping-cart .div .h6 label input {
	width: 21px;
	height: 21px;
	margin: 0;
}

.shopping-cart .div .h6 label span {
	display: inline-block;
	vertical-align: top;
	line-height: 21px;
	margin-left: 8px;
}

.shopping-cart .div .h6 p {}

.shopping-cart .div .h6 p i {
	display: inline-block;
	vertical-align: top;
	font-style: initial;
}

.shopping-cart .form {
	padding: 40px 22px;
	background-color: #f5f5f5;
	text-transform: uppercase;
}

.shopping-cart .form h6 {
	font-size: 16px;
	margin-bottom: 24px;
}

.shopping-cart .form label {
	display: block;
	font-size: 0;
	height: 40px;
	line-height: 40px;
	margin-bottom: 20px;
}

.shopping-cart .form label span {
	font-size: 16px;
	width: 100px;
	display: inline-block;
	vertical-align: top;
}

.shopping-cart .form label input {
	display: inline-block;
	vertical-align: top;
	height: 100%;
	width: calc(100% - 100px);
	box-sizing: border-box;
	background: none;
	border: 1px solid #b3b3b3;
	border-radius: 3px;
	outline: none;
	padding: 0 12px;
}

.shopping-cart .form p {
	height: 1px;
	width: 100%;
	background-color: #e0e0e0;
	margin: 36px 0 40px;
}

.shopping-cart .form button {
	display: block;
	margin: 0 auto 0;
	width: 180px;
	height: 54px;
	border: none;
	background-color: #0d68b7;
	color: #fff;
	font-size: 20px;
	text-transform: uppercase;
	font-weight: 600;
	padding: 0;
}


#flbook {
	width: 100%;
	height: calc(100vh - 143px);
	margin-top: 143px;
}


#top-distributor {
	background-image: url(../image/top-78.jpg);
}

#distributor-more {
	padding: 0;
}

#distributor-more form {
	font-size: 0;
	text-transform: uppercase;
}

#distributor-more form label {
	display: inline-block;
	vertical-align: top;
	width: 46%;
	margin-right: 8%;
	margin-bottom: 34px;
}

#distributor-more form label:nth-of-type(2n) {
	margin-right: 0;
}

#distributor-more form label span {
	display: block;
	font-size: 16px;
	margin-bottom: 20px;
}

#distributor-more form label span::after {
	content: "*";
	color: #ff0000;
	margin-left: 5px;
}

#distributor-more form label input {
	width: 100%;
	box-sizing: border-box;
	padding: 0 20px;
	height: 50px;
	background-color: #f7f7f7;
	border: none;
	font-size: 16px;
	text-transform: uppercase;
}

#distributor-more form button {
	width: 40%;
	height: 50px;
	display: block;
	margin: 30px auto 0;
	background-color: #0d68b7;
	color: #fff;
	border: none;
	font-size: 16px;
	font-weight: bold;
	padding: 0;
	text-transform: uppercase;
}

#distributor-more .dl {
	display: flex;
}

#distributor-more .dl dt {
	flex-shrink: 0;
	width: 55%;
	background-size: cover;
	background-position: center;
}

#distributor-more .dl dd {
	flex-shrink: 0;
	width: 45%;
	max-width: 540px;
	box-sizing: border-box;
	padding: 60px 0 60px 4%;
}

#distributor-more .dl dd h6 {
	font-size: 36px;
	line-height: 1.2;
	text-transform: uppercase;
	margin-bottom: 34px;
}

#distributor-more .dl dd h6::after {
	content: "";
	display: block;
	width: 62px;
	height: 6px;
	background-color: #0d68b7;
	margin-top: 20px;
}

#distributor-more .dl dd p {
	font-size: 16px;
	color: #666;
	line-height: 1.4;
	margin: 0;
}


#top-honor {
	background-image: url(../image/top-80.jpg);
}

#honor-more {
	background-color: #f2f2f2;
	padding: 0;
}

#honor-more .site {
	width: 100%;
	max-width: 100%;
	padding: 0;
	overflow: initial;
	margin-bottom: 0;
}

#honor-more .swiper-div {
	display: flex;
	align-items: center;
}

#honor-more .top-div {
	flex-shrink: 0;
	width: 50%;
	background-color: #004b8d;
	box-sizing: border-box;
	padding: 80px 80px 0 0;
}

#honor-more .gallery-top {}

#honor-more .gallery-top .swiper-button-prev {
	display: none;
}

#honor-more .gallery-top .swiper-button-next {
	display: none;
}

#honor-more .gallery-top .swiper-slide {}

#honor-more .gallery-top .swiper-slide em {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 380px;
	background-color: #edf1f4;
}

#honor-more .gallery-top .swiper-slide em img {
	flex-shrink: 0;
	height: 80%;
	box-shadow: 0 0 15px rgba(0, 0, 0, .2);
}

#honor-more .gallery-top .swiper-slide p {
	height: 120px;
	display: flex;
	padding: 0 30px;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-size: 20px;
	color: #fff;
	margin: 0;
}

#honor-more .thumbs-div {
	flex-shrink: 0;
	width: 42%;
	box-sizing: border-box;
	padding-left: 5%;
}

#honor-more .thumbs-div h6 {
	display: inline-block;
	vertical-align: top;
	white-space: nowrap;
	font-size: 20px;
	padding: 12px 32px;
	border-radius: 40px;
	color: #0d68b7;
	border: 2px solid #0d68b7;
	margin-bottom: 32px;
}

#honor-more .thumbs-div h6::before {
	content: "";
	display: inline-block;
	vertical-align: top;
	margin-right: 10px;
	width: 23px;
	height: 23px;
	background-image: url(../image/top-86.png);
}

#honor-more .gallery-thumbs {
	height: 480px;
}

#honor-more .gallery-thumbs .swiper-wrapper {
	box-sizing: border-box;
	border-top: 1px solid #ccc;
}

#honor-more .gallery-thumbs .swiper-slide {
	display: flex;
	align-items: center;
	font-size: 14px;
	line-height: 1.5;
	box-sizing: border-box;
	border-bottom: 1px solid #ccc;
	padding-left: 30px;
	background-image: url(../image/top-85.png);
	background-repeat: no-repeat;
	background-position: left center;
	cursor: pointer;
}

#honor-more .gallery-thumbs .swiper-slide-thumb-active {
	color: #0d68b7;
}

#honor-more .div {
	background-image: url(../image/top-85.jpg);
	background-size: cover;
	background-position: center;
	padding: 7rem 0;
}

#honor-more .type-h6 {
	display: flex;
	justify-content: center;
	font-weight: normal;
	margin-bottom: 40px;
}

#honor-more .type-h6 span {
	width: 320px;
	white-space: nowrap;
	height: 50px;
	line-height: 48px;
	text-align: center;
	box-sizing: border-box;
	border: 1px solid #333;
	text-decoration: none;
	font-size: 16px;
	cursor: pointer;
	color: #333;
	box-sizing: border-box;
	text-transform: uppercase;
	margin: 0 10px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

#honor-more .type-h6 span.active {
	background-color: #0d68b7;
	border-color: #0d68b7;
	color: #fff;
}

#honor-more .type-h6 span:hover {
	background-color: #0d68b7;
	border-color: #0d68b7;
	color: #fff;
}

#honor-more .type-div {}

#honor-more .type-div .swiper3 {
	display: none;
}

#honor-more .type-div .swiper3:first-of-type {
	display: block;
}

#honor-more .swiper3 .swiper-slide {}

#honor-more .swiper3 .swiper-slide img {
	width: 100%;
}


#top-talent {
	background-image: url(../image/top-51.jpg);
}

#talent-more {
	background-color: #f2f2f2;
	padding: 0;
}

#talent-more .dl {
	display: flex;
	background-color: #fff;
}

#talent-more .dl dt {
	flex-shrink: 0;
	width: 46%;
	box-sizing: border-box;
	padding: 50px;
}

#talent-more .dl dt h6 {
	font-size: 28px;
	margin-bottom: 30px;
	text-transform: uppercase;
}

#talent-more .dl dt h6::after {
	content: "";
	display: block;
	width: 60px;
	height: 5px;
	background-color: #0d68b7;
	margin-top: 20px;
}

#talent-more .dl dt p {
	margin: 0;
	font-size: 13px;
	color: #666;
}

#talent-more .dl dd {
	flex-shrink: 0;
	width: 54%;
	background-size: cover;
	background-position: center;
}

#talent-more .div {
	padding: 50px 0;
	background-image: url(../image/top-84.jpg);
	background-size: cover;
	background-position: center;
}

#talent-more .div .site {
	margin: 0 auto;
}

#talent-more .div .h5 {
	font-size: 30px;
	text-transform: uppercase;
}

#talent-more .div .h5::after {
	content: "";
	display: block;
	width: 60px;
	height: 5px;
	background-color: #0d68b7;
	margin-top: 20px;
}

#talent-more .div ul {
	/* display: flex;
    flex-wrap: wrap; */
}

#talent-more .div ul li {
	/* flex-shrink: 0;
    width: 48%;
    margin-right: 4%; */
	margin-top: 40px;
	background-color: #fff;
	border-radius: 8px;
	box-shadow: 0 0 15px rgba(0, 0, 0, .2);
	display: flex;
}

/* #talent-more .div ul li:nth-of-type(2n){
    margin-right: 0;
} */
#talent-more .div ul li i {
	flex-shrink: 0;
	width: 120px;
	border-radius: 8px;
	background-color: #0c5ea5;
	color: #fff;
	font-size: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-style: normal;
}

#talent-more .div ul li div {
	flex: 1;
	box-sizing: border-box;
	padding: 20px;
}

#talent-more .div ul li div h6 {
	font-size: 16px;
	text-transform: uppercase;
}

#talent-more .div ul li div p {
	margin-bottom: 0;
	font-size: 13px;
	margin-top: 10px;
}











@media screen and (max-width:1600px) {
	.main-navigation li a {
		padding: 0 2rem;
	}

	.main-navigation .nav-menu>li:hover>a:after {
		width: calc(100% - 56px);
	}
}

@media screen and (max-width:1400px) {
	.main-navigation li a {
		padding: 0 1.8rem;
	}

	.main-navigation .nav-menu>li:hover>a:after {
		width: calc(100% - 50px);
	}

	.loging-div form {
		width: 600px;
		padding: 60px;
	}

	.footer-right a {
		font-size: 13px;
	}

	.footer-left h6 p {
		font-size: 13px;
	}

	#check-more .div1 dl dd p {
		font-size: 16px;
	}

	#check-more .div2 p {
		font-size: 16px;
	}

	.suspension {
		bottom: 2%;
		right: 1%;
	}

	.suspension a {
		width: 40px;
		height: 40px;
		background-size: 22px;
	}

	.suspension a.a3 {
		background-size: 18px;
	}

	#block-production-1 .bigger {
		font-size: 30px;
	}

	#honor-more .top-div {
		padding: 50px 50px 0 0;
	}
}

@media screen and (max-width:1200px) {
	.main-navigation li a {
		padding: 0 1rem;
	}

	.main-navigation .nav-menu>li:hover>a:after {
		width: calc(100% - 28px);
	}

	.main-navigation li ul {
		display: none !important;
	}

	#site-navigation-bg.stay {
		display: none !important;
	}

	.footer-left {
		width: 100%;
	}

	.footer-right {
		display: none;
	}
}

@media screen and (max-width:992px) {
	#topNavBar-logo {
		width: 140px;
	}

	#logo-topNav {
		width: 90px;
	}

	footer .site-info {
		width: 100%;
		margin: 0;
		padding: 2rem 2rem 1rem;
		box-sizing: border-box;
	}

	.footer-bottom {
		display: block;
	}

	.footer-left h5 {
		margin: 20px 0 8px;
	}

	#topNavBar-dropdown.stay {
		height: 100vh;
		padding: 18px;
		box-sizing: border-box;
	}

	.menu-dropdown>li ul.sub-menu {
		position: static;
		display: block;
	}

	.menu-dropdown a {
		display: block;
		text-align: left;
		line-height: 24px;
		font-weight: bold;
	}

	.menu-dropdown>li {
		width: 100%;
		padding-right: 0;
		border-right: none;
		margin-bottom: 12px;
	}

	.menu-dropdown>li ul.sub-menu {
		width: 100%;
		padding-left: 0;
		max-width: 100%;
		font-size: 0;
	}

	.menu-dropdown>li ul.sub-menu li {
		width: 50%;
		display: inline-block;
		vertical-align: top;
		font-size: 12px;
		padding: 0;
	}

	.menu-dropdown>li ul.sub-menu li a {
		font-weight: normal;
	}

	.txt-title::before {
		display: none;
	}

	.txt-title::after {
		display: none;
	}

	#product-more .div {
		margin-top: 0;
	}

	#product-more .div a {
		float: none;
		display: block;
		width: 100%;
		margin-right: 0;
		margin-top: 20px;
	}

	#classify-more .div a {
		width: 48%;
		margin-right: 4%;
		margin-top: 20px;
	}

	#classify-more .div a:nth-of-type(3n) {
		margin-right: 4%;
	}

	#classify-more .div a:nth-of-type(2n) {
		margin-right: 0;
	}

	#classify-more .div a div {
		padding: 14px;
	}

	#classify-more .div a div small {
		width: 100%;
	}

	#classify-more .div a div h6 {
		font-size: 16px;
		padding-bottom: 16px;
		margin-bottom: 16px;
	}

	#classify-more .div a div span {
		font-size: 16px;
	}

	#info1-more .site {
		display: block;
	}

	#info1-more .swiper {
		width: 100%;
	}

	#info1-more .div {
		width: 100%;
	}

	#info1-more .div em a {
		width: 100%;
		margin-right: 0;
		margin-bottom: 15px;
		box-sizing: border-box;
	}

	#info2-more .h5 {
		display: none;
	}

	#info1-more .div h5 {
		font-size: 32px;
	}

	#info1-more .div h4 {
		font-size: 36px;
	}

	#info2-more .site .dd4 ul li {
		width: 100%;
		text-align: center;
		margin-bottom: 25px;
		margin-right: 0;
	}

	#info2-more .site .dd4 ul li:last-of-type {
		margin-bottom: 0;
	}

	#service-more .div i {
		display: none;
	}

	#service-more .div::before,
	#service-more .div::after {
		display: none;
	}

	#service-more .ul {
		display: block;
		padding: 0 28px;
	}

	#service-more .ul li {
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}

	#service-more .ul li:last-of-type {
		margin-bottom: 0;
	}

	#feedback-more form button {
		width: 100%;
		margin: 0;
		margin-bottom: 20px;
	}

	#feedback-more form button:last-of-type {
		margin-bottom: 0;
	}

	#check-more .site {
		padding: 0 28px;
		background: none;
	}

	#check-more .div1 dl {
		display: block;
	}

	#check-more .div1 dl dd {
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}

	#check-more .check-a {
		width: 100%;
		height: 70px;
		line-height: 70px;
		margin: 40px 0;
		font-size: 24px;
	}

	#check-more .check-a::before {
		display: none;
	}

	#flbook {
		margin-top: 20px;
		height: calc(100vh - 81px);
	}

	#distributor-more form label {
		width: 100%;
		margin-right: 0;
	}

	#distributor-more form button {
		width: 100%;
		margin: 20px auto 0;
	}

	#distributor-more .dl {
		flex-direction: column;
	}

	#distributor-more .dl dt {
		height: 50vw;
		width: 100%;
	}

	#distributor-more .dl dd {
		padding: 0 20px;
		width: 100%;
		margin-top: 24px;
	}

	#distributor-more .dl dd h6 {
		font-size: 36px;
	}

	#distributor-more .dl dd p {
		font-size: 20px;
	}

	#honor-more .swiper-div {
		display: block;
	}

	#honor-more .top-div {
		padding: 20px;
		width: 100%;
	}

	#honor-more .thumbs-div {
		display: none;
	}

	#honor-more .gallery-top .swiper-slide em {
		height: 240px;
	}

	#honor-more .gallery-top .swiper-slide p {
		font-size: 18px;
		height: auto;
		padding: 0;
		margin-top: 14px;
	}

	#honor-more .gallery-top .swiper-button-prev {
		display: block;
		top: 38%;
		outline: none;
	}

	#honor-more .gallery-top .swiper-button-next {
		display: block;
		top: 38%;
		outline: none;
	}

	#talent-more .dl {
		flex-direction: column-reverse;
	}

	#talent-more .dl dt {
		width: 100%;
		padding: 20px;
	}

	#talent-more .dl dd {
		width: 100%;
		height: 50vw;
	}

	#talent-more .div ul li {
		width: 100%;
	}

	.milestones ul::before {
		display: none;
	}

	#classify-more .swiper-container .swiper-slide {
		width: auto;
		padding: 0 14px;
	}

	.site-big-width .dot {}

	#block-home-2-3 .txt-bold {}

	#service-more .mdiv img {
		margin-top: 0;
	}

	#service-more .mdiv ul {
		position: static;
		flex-wrap: wrap;
		width: 100%;
	}

	#service-more .mdiv ul li {
		width: 50%;
	}

	#service-more .mdiv ul li span {
		font-size: 14px;
	}

	#service-more .mdiv ul li strong {
		font-size: 40px;
	}

	.site-big-width .txt-dot li {
		width: 100%;
	}

	#catalogue-more .list-ul li a {
		padding-left: 0;
		background: none;
		display: block;
		padding: 14px 0;
	}

	#catalogue-more .list-ul li h5 {
		width: 100%;
		margin-bottom: 10px;
	}

	#catalogue-more .list-ul li h5 p {
		overflow: auto;
		white-space: normal;
		font-size: 16px;
	}

	#catalogue-more .list-ul li h6 {
		text-align: left;
	}

	#info2-more .site .dd2 table td {
		padding: 10px;
	}

	#service-more .mdiv .dl dt {
		font-size: 18px;
	}

	#service-more .mdiv .dls {
		position: static;
	}

	.loging-div form {
		width: 92%;
		padding: 30px;
	}

	.loging-div form img {
		width: 140px;
	}

	.loging-div form label {
		height: 50px;
		margin-bottom: 12px;
	}

	.loging-div form button {
		height: 50px;
	}

	.loging-div form h6 {
		font-size: 28px;
		margin: 18px 0 24px;
	}

	.loging-div form h5 {
		font-size: 18px;
	}

	.shopping-cart .shopping {
		width: 92%;
		right: 4%;
	}

	.site-header {
		top: 72px;
	}

	#loging-btn strong {
		display: inline-block;
		vertical-align: top;
	}

	#loging-btn a {
		padding-top: 0;
		position: static;
		display: inline-block;
		vertical-align: top;
		margin-left: 10px;
	}

	.production-txt {
		height: 200px;
	}
}




/* 新增 */

.w1200 {
	width: 62.5%;
	max-width: 1200px;
	margin: 0 auto;
}

#hgroup-language {
	width: 120px;
}

.wpml-ls-legacy-list-horizontal .wpml-ls-item:last-child {
	width: 30px;
	height: 17px;
}

.wpml-ls-legacy-list-horizontal .wpml-ls-item:last-child a {
	padding: 0;
	width: 100%;
	height: 100%;
}

.wpml-ls-legacy-list-horizontal .wpml-ls-item:last-child a img {
	height: 100%;
}

.add-box {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

.add-box .swiper-div {
	height: 540px;
}

.add-box .div {
	width: calc(100% - 360px);
}

.swiper-div .swiper-container {
	height: 100%;
}

#classify-more .swiper-div::before {
	width: 100%;
	margin-left: 0;
	left: 0;
	display: none;
}

#classify-more .swiper-container .swiper-slide {
	background-color: #FFFFFF;
}

#classify-more .swiper-container .actvie {
	background-color: #0d68b7;
}

#classify-more .swiper-div .swiper-button-prev {
	bottom: calc(100% + 20px);
	transform: rotate(90deg) translateX(-50%);
	top: auto;
	left: 50%;
	right: auto;
	margin: 0;
}

#classify-more .swiper-div .swiper-button-next {
	top: calc(100% + 20px);
	transform: rotate(90deg) translateX(-50%);
	left: 50%;
	right: auto;
	margin: 0;
}

#classify-more .div {
	margin-top: 0;
}

#classify-more .div a {
	width: 32%;
}

/* #classify-more .div a:nth-child(3n) {
	margin-right: 2%;
}

#classify-more .div a:nth-child(2n) {
	margin-right: 0;
} */

#classify-more .div a:nth-child(1),
#classify-more .div a:nth-child(2),
#classify-more .div a:nth-child(3) {
	margin-top: 0;
}

#classify-more .div a em {
	padding-bottom: 70%;
}

.add-block {
	width: 100%;
	background-color: #f2f2f2;
	padding-bottom: 30px;
}

.add-video {
	position: relative;
	max-width: 1200px;
	padding: 30px 0 0;
	margin: 0 auto;
}

.add-video img {
	width: 100%;
	object-fit: cover;
}

.add-video .play {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 80px;
	cursor: pointer;
}

.add-video .play img {
	width: 100%;
}

.videos {
	width: 62.5%;
	height: auto;
	position: fixed;
	z-index: 999;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: none;
}

.videos_mask {
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 998;
	top: 0;
	left: 0;
	background: #000;
	display: none;
	opacity: 0.6;
}

.videos video {
	display: block;
	width: 100%;
}

.videos .vclose {
	position: absolute;
	cursor: pointer;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	top: 15px;
	right: 15px;
}

#classify-more .div a div p {
	color: #666;
	font-size: 14px;
	margin: 0 0 6px;
	text-align: center;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	transition: all .3s;
}

#classify-more .div a div p:nth-last-child(2) {
	padding-bottom: 24px;
	margin-bottom: 24px;
	border-bottom: 1px solid #d6d6d6;
}

#classify-more .div a:hover div p {
	color: #FFFFFF;
}

.public-page {
	display: flex;
	align-items: center;
	justify-content: center;
}

.public-page .page {
	display: flex;
	align-items: center;
	justify-content: center;
}

.public-page a {
	width: 40px;
	height: 40px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 4px;
	background-color: #FFFFFF;
	transition: all .3s;
	color: #666;
}

.public-page a:last-child {
	margin-right: 0;
}

.public-page a:hover {
	background-color: #005AAB;
	color: #FFFFFF;
}

.down-box {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

.left-box {
	width: 15%;
	margin-right: 5%;
}

.down-search {
	width: 100%;
	height: 48px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border: 1px solid #d7d7d7;
	margin-bottom: 20px;
	padding: 0 20px;
	box-sizing: border-box;
}

.down-search input {
	width: calc(100% - 40px);
	height: 100%;
	background: none;
	padding: 0;
	border: none;
	outline: none;
}

.down-search div {
	width: 30px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}

.down-search div img {
	width: 20px;
}

.down-container {
	width: 100%;
}

.down-container .swiper-slide {
	width: 100%;
	height: 50px;
	line-height: 50px;
	text-align: center;
	margin-bottom: 20px;
	border: 1px solid #333;
	background-color: #FFFFFF;
	color: #333;
	font-size: 16px;
	box-sizing: border-box;
	cursor: pointer;
	transition: all .3s;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.down-container .swiper-slide:hover {
	background-color: #0d68b7;
	color: #FFFFFF;
	border-color: #0d68b7;
}

.down-container .cur {
	background-color: #0d68b7;
	color: #FFFFFF;
	border-color: #0d68b7;
}

.down-container .swiper-slide:last-child {
	margin-bottom: 0;
}

.down-ajax {
	width: 80%;
}

.down-ajax .list-ul {
	margin-top: 0;
}

.pro-box {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

.pro-left {
	width: 20%;
	margin-right: 5%;
}

.pro-left-tab {
	width: 100%;
	position: relative;
	margin-bottom: 20px;
	z-index: 10;
}

.pro-left-tab:last-child {
	margin-bottom: 0;
}

.pro-left-tab .tab-tit {
	width: 100%;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 16px;
	color: #333;
	border: 1px solid #333;
	transition: all .3s;
	background-color: #FFFFFF;
	cursor: pointer;
	text-transform: uppercase;
	font-weight: bold;
	box-sizing: border-box;
	margin: 0;
	white-space: nowrap;
	overflow: hidden;
}

.tab-tit:hover {
	background-color: #0d68b7;
	border-color: #0d68b7;
	color: #FFFFFF;
}

.tab-tit.cur {
	background-color: #0d68b7;
	border-color: #0d68b7;
	color: #FFFFFF;
}

.tab-cont {
	/* position: absolute; */
	/* top: 0; */
	/* left: 100%; */
	width: 100%;
	/* min-height: 200px; */
	background-color: #f2f2f2;
	padding: 20px;
	display: none;
	box-sizing: border-box;
}

.tab-cont span {
	color: #666;
	border-bottom: 1px solid #999;
	padding-bottom: 10px;
	/* margin-right: 10px; */
	margin-bottom: 10px;
	transition: all .3s;
	text-transform: uppercase;
	cursor: pointer;
	display: block;
}

.tab-cont span:last-child {
	border-right: none;
	padding-right: 0;
	margin-right: 0;
}

.tab-cont span:hover {
	color: #0d68b7;
}

.tab-cont span.cur {
	color: #0d68b7;
}

.pro-ajax {
	width: 75%;
}

.add-video-type {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	max-width: 1200px;
	margin: 0 auto;
}

.add-video-type p,
.add-video-type a {
	display: block;
	font-size: 18px;
	color: #666;
	width: 50%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background-color: #FFFFFF;
	border-right: 1px solid #f2f2f2;
	cursor: pointer;
	transition: all .3s;
	text-decoration: none;
}

.add-video-type p:hover,
.add-video-type a:hover {
	background-color: #0d68b7;
	color: #FFFFFF;
}

@media (max-width: 992px) {
	.add-box {
		display: block;
	}
	
	.add-box .swiper-div {
		height: auto;
	}
	
	#classify-more .div {
		margin-top: 10px;
		width: 100%;
	}
	
	#classify-more .swiper-div .swiper-button-prev,
	#classify-more .swiper-div .swiper-button-next {
		display: none;
	}
	
	#classify-more .div a {
		width: 100%;
		margin-right: 0;
		margin-top: 10px;
	}
	
	#classify-more .div a:nth-child(2) {
		margin-top: 10px;
	}
	
	#classify-more #span {
		width: auto;
		padding: 0 10px;
	}
	
	.add-video {
		width: 90%;
	}
	
	.add-video .play {
		width: 40px;
	}
	
	.videos {
		width: 90%;
	}
	
	.videos .vclose {
		width: 25px;
		height: 25px;
		top: 8px;
		right: 8px;
	}
	
	.public-page a {
		width: 25px;
		height: 25px;
	}
	
	.pro-box {
		flex-wrap: wrap;
	}
	
	.pro-left {
		width: 100%;
		margin-right: 0;
	}
	
	.pro-ajax {
		width: 100%;
	}
	
	.tab-cont {
		position: relative;
		left: 0;
		width: 100%;
		min-height: auto;
	}
	
	.down-box {
		flex-wrap: wrap;
	}
	
	.left-box {
		width: 100%;
		margin-right: 0;
	}
	
	.down-ajax {
		width: 100%;
	}
	
	.down-container .swiper-slide {
		width: max-content;
		padding: 0 10px;
		margin-right: 10px;
		margin-bottom: 0;
	}
}