﻿
@charset "utf-8";
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
*{/*box-sizing:content-box;*/ box-sizing:border-box;}
html { font-family:Arial, Helvetica, sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
body { margin: 0;}
body, div, span, object, iframe, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, q, dl, dt, dd, ol, ul, li, fieldset, form, legend, caption, tbody, tfoot, thead, article, aside, dialog, figure, footer, header, hgroup, nav, section{ padding:0; margin:0;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {display: block;}
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
audio:not([controls]) {  display: none;  height: 0; }
[hidden], template {  display: none; }
a {  background-color: transparent; text-decoration:none; }
a:hover{text-decoration:underline;}
a:active,a:hover {  outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
b,strong { font-weight: bold; }
dfn {  font-style: italic;}
mark {  color: #000;  background: #ff0;}
small {  font-size: 80%; }
sub,sup {  position: relative;  font-size: 75%;  line-height: 0;  vertical-align: baseline;}
sup {  top: -.5em;}
sub {  bottom: -.25em;}
img {  border: 0;}
svg:not(:root) {  overflow: hidden;}
figure {  margin: 1em 40px;}
hr {  height: 0;  -webkit-box-sizing: content-box;  -moz-box-sizing: content-box;   box-sizing: content-box; }
pre {  overflow: auto;}
code, kbd, pre, samp {  /*font-family: monospace, monospace;  font-size: 1em; */}
button, input, optgroup, select, textarea {  margin: 0;  font: inherit;  color: inherit; }
button { overflow: visible; }
button,select {  text-transform: none; }
button,html input[type="button"],input[type="reset"],input[type="submit"] {  -webkit-appearance: button;  cursor: pointer; }
button[disabled], html input[disabled] {  cursor: default; }
button::-moz-focus-inner, input::-moz-focus-inner {  padding: 0;  border: 0; }
input {  line-height: normal; outline:none;}
input[type="checkbox"],input[type="radio"] {  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;  padding: 0; }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {  height: auto; }
input[type="search"] {  -webkit-box-sizing: content-box;     -moz-box-sizing: content-box;    box-sizing: content-box;  -webkit-appearance: textfield; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {  -webkit-appearance: none; }
fieldset {  padding: .35em .625em .75em;  margin: 0 2px;  border: 1px solid #c0c0c0;}
legend {  padding: 0;  border: 0; }
textarea {  overflow: auto; outline:none;}
optgroup {  font-weight: bold; }
table { border-spacing: 0;  border-collapse: collapse;}
td,th {  padding: 0; }
/* base css */

img {  vertical-align: middle; }

hr {  margin-top: 20px;  margin-bottom: 20px;  border: 0;  border-top: 1px solid #eee; }

[role="button"] {  cursor: pointer; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {  line-height: 1.3;   }

h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small { font-weight: normal; line-height: 1; color: #777; }

h1, .h1, h2, .h2, h3, .h3 { margin-top: 20px; margin-bottom: 10px; }

h1 .small, .h1 .small, h2 .small, .h2 .small, h3 .small, .h3 .small {  font-size: 65%; }

h4, .h4, h5, .h5, h6, .h6 {  margin-top: 10px;  margin-bottom: 10px; }

h4 .small, .h4 .small, h5 .small, .h5 .small, h6 .small, .h6 .small {  font-size: 75%; }

h1, .h1 {  font-size: 42px; }
h2, .h2 {  font-size: 36px; }
h3, .h3 {  font-size: 30px; }
h4, .h4 {  font-size: 24px; }
h5, .h5 {  font-size: 20px; }
h6, .h6 {  font-size: 16px; }

p {  margin: 0 0 10px; }
.lead { margin-bottom: 20px;  font-size: 16px; font-weight: 300; line-height: 1.4; }

.text-left{ text-align:left;}
.text-center{ text-align:center;}
.text-right{ text-align:right;}
.clearfix:after{ content:""; display:block; clear:both; height:0; visibility:hidden;}
.clearfix{ zoom:1;}
.clear{ clear:both; height:0; overflow:hidden;}
.star_note{ color:#f00; padding:0 3px;}

/* IE输入密码或者text表单框中显示叉叉跟眼睛的图标样式去除 */
::-ms-clear, ::-ms-reveal{display: none;}
.language {
	float: right;
	list-style: none;
	overflow: hidden;
	margin-top: 35px
}
@media (max-width: 768px) {
	.language {
		float: left;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 999;
        margin-top: 18px;
	}
  }
.language:hover {
	overflow: inherit;
}
.language .menu {
	display: block;
	position: relative;
	cursor: pointer;
}
.language .menu-title {
	display: block;
	text-align: center;
	color: #312f2f;
	text-transform: uppercase;
	font-size: 14px;
	transition: 0.5s ackground-color;
}
.language .menu-title:before {
	content: "";
	display: inline-block;
	width: 22px;
	height: 22px;
	background: url(../img/lan_bg.png) no-repeat;
	transition: 0.2s 0.2s border-top ease-out, 0.3s border-top-color;
	vertical-align: middle;
}
.language .menu-title p {
	margin: 0;
	display: inline-block;
	margin-left: 0;
	line-height: 22px;
	position: relative;
	padding-right: 18px;
    font-style: normal;
    color: #fff;
}
.language:hover .menu-title i:before {
	content: "\f0d8";
}
.language .menu:hover > .menu-title:before {
	border-top-width: 0;
	transition: 0.2s border-top-width ease-in, 0.3s border-top-color;
}
.language .menu:hover > .menu-title:after {
	border-bottom-width: 5px;
	transition: 0.2s 0.2s border-bottom-width ease-out;
}
.language .menu-dropdown {
	min-width: 100%;
	padding: 5px 0 10px 0;
	position: absolute;
	background: #fff;
	z-index: 100;
	transition: 0.5s padding, 0.5s background;
	box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.15);
	opacity: 0;
	min-width: 85px;
	right: 0;
}
.language:hover .menu-dropdown {
	opacity: 1;
	width: 100%;
}
.language .menu:not(:hover) > .menu-dropdown {
	padding: 4px 0;
	background: #fff;
	z-index: 99;
}
.language .menu:not(:hover) > .menu-title:after {
	border-bottom-color: #fff;
}
.language .menu-dropdown > * {
	overflow: hidden;
	padding: 5px 10px;
	background: transparent;
	white-space: nowrap;
	transition: 0.5s height cubic-bezier(0.73, 0.32, 0.34, 1.5), 0.5s padding cubic-bezier(0.73, 0.32, 0.34, 1.5), 0.5s margin cubic-bezier(0.73, 0.32, 0.34, 1.5), 0.5s 0.2s color, 0.2s background-color;
}
.language .menu-dropdown > *:hover {
	background: rgba(0, 0, 0, 0.1);
}
.language .menu:not(:hover) > .menu-dropdown > * {
	visibility: hidden;
	height: 0;
	padding-top: 0;
	padding-bottom: 0;
	margin: 0;
	color: rgba(25, 25, 25, 0);
	transition: 0.5s 0.1s height, 0.5s 0.1s padding, 0.5s 0.1s margin, 0.3s color, 0.6s visibility;
	z-index: 99;
}
.language .menu-dropdown li {
	border-bottom: 1px solid #e5e5e5;
}
.language .menu-dropdown li:last-child {
	border-bottom-color: #fff;
}
.language .menu-dropdown li a {
	display: block;
    text-decoration: none;
}
.language .menu-dropdown li p {
	margin: 0;
	font-size: 13px;
	padding-left: 5px;
	text-transform: uppercase;
	display: inline-block;
}