@import "//at.alicdn.com/t/font_114334_7r2dnzqsqsl.css";

@font-face {
	font-family: 'KronaOne';
	src: url("../font/KronaOne.ttf");
}

/* base */
html {
	background: #fff;
}
body {
	color: #333;
	font: 14px/1.7em "Microsoft YaHei", "\5fae\8f6f\96c5\9ed1", "\5b8b\4f53", "sans-serif";
}
body, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, li, th, td, p, blockquote, pre, form, fieldset, legend, input, button, textarea, hr {
	margin: 0;
	padding: 0;
}
fieldset, img {
	border: 0 none;
}
li {
	list-style: none outside none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
address, caption, cite, code, dfn, em, th, var, b {
	font-style: normal;
	font-weight: normal;
}
a {
	color: #333;
	text-decoration: none;
	outline: none;
}
a:hover {
	color: #c5261d;
	text-decoration: none;
}
a:link, a:visited, a:active, a:focus {
	text-decoration: none;
}
strong {
	font-weight: normal;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	line-height: 1.8em;
}
h1 {
	font-size: 38px;
}
h2 {
	font-size: 32px;
}
h3 {
	font-size: 28px;
}
h4 {
	font-size: 24px;
}
h5 {
	font-size: 18px;
}
h6 {
	font-size: 14px;
}
.cf {
	zoom: 1;
}
.cf:before, .cf:after {
	content: ' ';
	display: table;
}
.cf:after {
	clear: both;
	visibility: hidden;
	font-size: 0;
	height: 0;
}



/* wrapper */
.wrapper {
	max-width: 1920px;
	min-width: 1200px;
	margin: 0 auto;
}
.wrapper-full {
	width: 100%;
}
.wrapper-bg {
	background: #FBFBFB;
}
.container {
	/*min-width: 1200px !important;*/
	width: 1200px;
	text-align: justify;
	text-justify: inter-word; /* 支持中文和英文 */
}
.container-full {
	position: relative;
	width: 100%;
	max-width: 1920px;
	min-width: 1200px;
}



/* top header */
.wrapper-header {
	max-width: 100%;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	background: none;
}
body.has-header-bg .wrapper-header,
.header-scroll {
	background: rgba(255, 255, 255, 0.95);
	box-shadow: 0 2px 4px rgba(0, 0, 0, .04);
}
body.has-header-bg .wrapper-header ul.header-nav,
.header-scroll ul.header-nav {
	background: none;
}
.header {
	padding: 1.5rem 0;
}
img.header-logo {
	display: inline-block;
	height: 30px;
	margin-top: 8px;
}
.header-scroll img.header-logo {
	display: inline-block;
	height: 28px;
}
.header ._logo {
	display: inline-block;
}
.header ._logo2 {
	display: none;
}
.header-scroll .header ._logo {
	display: none;
}
.header-scroll .header ._logo2 {
	display: inline-block;
}
ul.header-nav {
	text-align: right;
	padding: 0 20px;
	float: right;
}
ul.header-nav li.nav {
	display: inline-block;
	float: left;
	position: relative;
	padding: 10px 0 0;
	line-height: 28px;
}
ul.header-nav li.nav a {
	display: inline-block;
	width: 115px;
	height: 28px;
	padding: 0 12px;
	color: #fff;
	transition: all 0.5s linear;
	font-size: 16px;
	font-weight: 400;
	line-height: 28px;
	text-align: center;
	overflow: hidden;
}
ul.header-nav li.nav_en a {
}
ul.header-nav li.nav_en_2 a {
	font-size: 13px;
	line-height: 14px;
}
ul.header-nav li.nav a:hover {
	color: rgba(207, 63, 50, 1);
}
ul.header-nav li.nav a.current {
	color: rgba(207, 63, 50, 1);
}
.header-scroll ul.header-nav li.nav a {
	color: #000;
}
.header-scroll ul.header-nav li.nav a:hover {
	color: rgba(207, 63, 50, 1);
}
.header-scroll ul.header-nav li.nav a.current {
	color: rgba(207, 63, 50, 1);
}
ul.header-nav li.nav:last-child a {
	border-right: 0;
}
ul.header-nav li.nav a .iconfont {
	position: relative;
	top: 1px;
	left: 2px;
}
ul.header-nav li.nav span.sub-nav {
	display: none;
	width: 142px;
	background: #fff;
	border-radius: 3px;
	box-shadow: 0 2px 4px rgba(0,0,0,.1);
	border: 1px solid #f5f5f5;
	position: absolute;
	top: 48px;
	left: 25px;
	padding: 12px 5px;
	text-align: left;
}
ul.header-nav li.nav span.sub-nav a {
	display: block;
	width: 100%;
	line-height: 36px;
	height: 36px;
	padding: 0 0 5px;
	color: #666;
	font-size: 13px;
	text-align: left;
	text-indent: 1.4em;
}
ul.header-nav li.nav span.sub-nav a:hover {
	color: #CD3426;
}

ul.header-nav li.lang {
	display: inline-block;
	position: relative;
	padding: 10px 12px;
	line-height: 28px;
}
ul.header-nav li.lang a {
	display: inline-block;
	width: 24px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	border-radius: 50%;
	background: #22406a;
	color: #fff;
	font-size: 12px;
	margin: 0 1px;
}
ul.header-nav li.lang a.chinese {
	background: #e04a28;
}
ul.header-nav li.lang a.japanese {
	background: #22406a;
}
ul.header-nav li.lang a.english {
	background: #b69a71;
}


/* footer */
.wrapper-footer {
	background: #282828;
}
.container-footer {
	color: #fff;
}
.container-footer a {
	color: #fff;
}
.container-footer .footer-logo {
	padding: 40px 0 20px;
	border-bottom: 1px solid #C4C4C4;
}
.container-footer .footer-logo img {
	display: block;
	height: 35px;
}
.container-footer .footer-text {
	padding: 20px 0 50px;
	font-size: 12px;
	line-height: 1.8em;
}
.container-footer .footer-link {
	padding: 50px 0 40px;
	line-height: 3em;
}
.container-footer .footer-link h5 {
	font-size: 14px;
	padding-bottom: 10px;
}
.container-footer .footer-link a {
	font-size: 14px;
	color: rgba(255, 255, 255, 0.6);
}

/* min */
.section-footer-min {
	background: #fff;
}
.section-footer-min .container-footer {
	min-height: 80px;
}
.section-footer-min .footer-text {
	border-top: 1px solid #bbb;
	color: #666;
}



/* container-box */
.container-box ._title {
	text-align: center;
	width: 100%;
	line-height: 40px;
	font-size: 36px;
	font-family: KronaOne;
	font-weight: 400;
	color: #7b7b7b;
}
.container-box ._describe {
	padding-top: 10px;
	text-align: center;
}
.container-box ._describe img {
	display: inline-block;
}
.container-box ._describe span {
	display: inline-block;
	font-weight: 500;
	color: #000;
	font-size: 24px;
	padding: 0 10px;
	position: relative;
	top: 4px;
}
.container-box-white ._title {
	color: #fff;
}
.container-box-white ._describe span {
	color: #fff;
}




/* container-box2 */
.container-box2 ._subtitle {
	text-align: center;
	width: 100%;
	line-height: 60px;
	font-size: 54px;
	font-family: KronaOne;
	font-weight: 100;
	color: #f4f4f4;
	position: relative;
}
.container-box2 ._title {
	text-align: center;
	width: 100%;
	line-height: 40px;
	font-size: 36px;
	font-weight: 800;
	color: #000;
	margin-top: -30px;
	position: relative;
	z-index: 1;
}
.container-box2 ._title:before {
	content: "";
	position: absolute;
	width: 33px;
	height: 4px;
	bottom: -18px;
	left: calc(50% - 16px);
	background: #c5261d;
}
.container-box2 ._describe {
	line-height: 40px;
	color: #444;
	font-size: 18px;
	text-align: center;
	margin-top: 40px;
	margin-bottom: 40px;
}



/* container-banner */
.wrapper-banner {
	overflow: hidden;
}
.wrapper-banner img._banner {
	width: 100%;
	min-width: 1200px;
}
.wrapper-banner ._content {
	position: relative;
}



.ke-nav {
	padding: 10rem 0 3em;
}
.ke-nav ul {
	text-align: center;
}
.ke-nav ul li {
	display: inline-block;
	text-align: center;
	width: 220px;
}
.ke-nav ul li a {
	font-size: 18px;
	color: #666;
	display: inline-block;
	position: relative;
	text-decoration: none;
}
.ke-nav ul li a span.yuan {
	display: inline-block;
	margin-right: 8px;
	width: 8px;
	height: 8px;
	border-radius: 4px;
	border: 2px solid #c5261d;
	position: relative;
	top: -2px;
	opacity: 0;
}
.ke-nav ul li a img.xian {
	display: none;
	position: absolute;
	left: 50%;
	bottom: -10px;
	margin-left: -8px;
	width: 28px;
	height: 4px;
}

.ke-nav ul li a:hover {
	color: #111;
}
.ke-nav ul li.current a {
	color: #c5261d;
}
.ke-nav ul li.current a span.yuan {
	opacity: 1;
}
.ke-nav ul li.current a img.xian {
	display: inline-block;
}



/* common */
.btn-red {
	padding: 10px 24px;
	font-size: 14px;
	line-height: 20px;
	background: #d22417;
	border: 1px solid #d22417;
	border-radius: 3px;
	color: #fff;
	text-align: center;
	transition: all 0.5s linear;
}
.btn-red:hover {
	color: #eee;
	opacity: 0.7;
}
.btn-white {
	padding: 10px 24px;
	font-size: 14px;
	line-height: 20px;
	border: 1px solid #fff;
	border-radius: 3px;
	color: #fff;
	text-align: center;
	opacity: 1;
	transition: all 0.5s linear;
}
.btn-white:hover {
	color: #eee;
	opacity: 0.7;
}
.btn-small {
	padding: 6px 18px;
	font-size: 12px;
}

.btn-text {
	padding: 6px 32px 6px 10px;
	font-size: 15px;
	line-height: 20px;
	background: #d22417;
	border: 1px solid #d22417;
	color: #fff;
	text-align: center;
	transition: all 0.5s linear;
}


.sx-font {
	font-family: KronaOne;
}
.sx-font2 {
	font-family: "黑体";
}
.sx-justify {
	text-align: Justify;
	text-justify: inter-ideograph;
}











.sx-fix-banner {
	/*overflow: hidden;*/
}


.sx-btn {
	display: inline-block;
	background: #fff;
	border: 1px solid #b69b71;
	padding: 0 20px;
	border-radius: 36px;
	line-height: 36px;
	cursor: pointer;
	color: #b69b71;
	font-size: 14px;
}
.sx-btn-current {
	background: #f4eee5;
}
.sx-btn-block {
	width: 100%;
}
.sx-btn-submit {
	background: #b69b71;
	color: #fff;
}