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

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

button,
input[type=button],
input[type=date],
input[type=file],
input[type=submit] {
	cursor: pointer;
	-webkit-appearance: none
}

blockquote,
body,
button,
dd,
dl,
dt,
fieldset,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
input,
lengend,
li,
ol,
p,
pre,
td,
textarea,
th,
ul {
	margin: 0;
	padding: 0
}

body,
button,
input,
select,
textarea {
	font-family: "Microsoft YaHei", "微软雅黑", Arail;
	outline: 0
}

body {
	font-size: 62.5%
}

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

a {
	text-decoration: none
}

img {
	border: none;
	vertical-align: middle
}

.clearfix:after,
.clearfix:before {
	content: "";
	display: table
}

.clearfix:after {
	clear: both
}

.clearfix {
	zoom: 1
}

em,
h1,
h2,
h3,
h4,
h5,
h6,
i,
u {
	font-style: normal;
	font-weight: 400
}

.fr {
	float: right
}

.fl {
	float: left
}

.ib-middle {
	display: inline-block;
	vertical-align: middle
}

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

.ib-bottom {
	display: inline-block;
	vertical-align: bottom
}

.full {
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 100% !important;
	transform: none !important;
}

.table {
	display: table;
	height: 100%;
	width: 100%
}

.table-cell {
	display: table-cell;
	vertical-align: middle
}

.position_center {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto
}

.position-center {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	z-index: 101;
}

.position_left {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: auto;
	margin: auto
}

.position_right {
	position: fixed;
	top: 0;
	left: auto;
	bottom: 0;
	right: 0;
	margin: auto
}

.position_bottom {
	position: fixed;
	top: auto;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto
}

.middle-left {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%)
}

.middle-right {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%)
}

.middle-center {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%)
}

.middle-bottom {
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%)
}

.uppercase {
	text-transform: uppercase
}

.responsive {
	width: 100%;
	max-width: 100%;
	height: auto
}

#mask-dark {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: #000;
	opacity: .9;
	z-index: 998;
	display: none
}

.baseColor {
	color: #022f5d
}

.font-set {
	font-family: 'Baskerville Old Face'
}

.transition {
	transition: 1s;
	-ms-transition: 1s;
	-o-transition: 1s;
	-webkit-transition: 1s;
	-moz-transition: 1s
}

.transition_short {
	transition: .4s;
	-ms-transition: .4s;
	-o-transition: .4s;
	-webkit-transition: .4s;
	-moz-transition: .4s
}

.transition_ease {
	transition: ease .6s;
	-ms-transition: ease .6s;
	-o-transition: ease .6s;
	-webkit-transition: ease .6s;
	-moz-transition: ease .6s
}

body,
html {
	overflow-x: hidden;
	position: relative;
	min-width: 1240px
}

div[class*=container],
section[class*=container],
ul[class*=container] {
	margin: 0 auto;
	max-width: 100%
}

ul[class*=item] {
	font-size: 0
}

li[class*=list] {
	display: inline-block
}


.container_1455 {
	width: 1455px
}

.container_830 {
	width: 830px
}

.container_730 {
	width: 730px
}

.container_680 {
	width: 680px
}

.link-mask {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
	background: #179eec;
	width: 100%;
	height: 100%;
	transition: cubic-bezier(.62, .06, .07, .98) 1s;
	-ms-transition: cubic-bezier(.62, .06, .07, .98) 1s;
	-o-transition: cubic-bezier(.62, .06, .07, .98) 1s;
	-webkit-transition: cubic-bezier(.62, .06, .07, .98) 1s;
	-moz-transition: cubic-bezier(.62, .06, .07, .98) 1s;
	transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%)
}

.link-mask.go {
	transform: none;
	-ms-transform: none;
	-o-transform: none;
	-webkit-transform: none;
	-moz-transform: none
}

.loading-mask {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
	background: #f9d770;
	transition: cubic-bezier(.62, .06, .07, .98) 1s;
	-ms-transition: cubic-bezier(.62, .06, .07, .98) 1s;
	-o-transition: cubic-bezier(.62, .06, .07, .98) 1s;
	-webkit-transition: cubic-bezier(.62, .06, .07, .98) 1s;
	-moz-transition: cubic-bezier(.62, .06, .07, .98) 1s
}

.loading-mask.compelet {
	transform: translateX(100%);
	-ms-transform: translateX(100%);
	-o-transform: translateX(100%);
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%)
}

header {
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 999
}

header .logo-warpper {
	display: inline-block;
	width: 190px;
	height: 100px;
	background: #fff;
	text-align: center;
	line-height: 92px;
	transition: cubic-bezier(.6, -.02, 0, .99) 1s;
	-ms-transition: cubic-bezier(.6, -.02, 0, .99) 1s;
	-o-transition: cubic-bezier(.6, -.02, 0, .99) 1s;
	-webkit-transition: cubic-bezier(.6, -.02, 0, .99) 1s;
	-moz-transition: cubic-bezier(.6, -.02, 0, .99) 1s;
	transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	overflow: hidden
}

header .logo-warpper.show {
	visibility: visible;
	transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0)
}

header .logo-warpper.show .logo:before {
	transform: translateX(103%);
	-ms-transform: translateX(103%);
	-o-transform: translateX(103%);
	-webkit-transform: translateX(103%);
	-moz-transform: translateX(103%)
}

header .logo-warpper.show .logo i {
	opacity: 1;
	transform: none;
	-ms-transform: none;
	-o-transform: none;
	-webkit-transform: none;
	-moz-transform: none
}

header .logo {
	width: 150px;
	display: inline-block;
	position: relative
}


header .logo i {
	position: absolute;
	background: #fff;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	top: 25px;
	right: -3px;
	transform: translateY(-60px);
	-ms-transform: translateY(-60px);
	-o-transform: translateY(-60px);
	-webkit-transform: translateY(-60px);
	-moz-transform: translateY(-60px);
	opacity: 0;
	transition: opacity .3s 1.4s, transform cubic-bezier(.52, 1.64, .37, .66) 1s 1.4s;
	-ms-transition: opacity .3s 1.4s, transform cubic-bezier(.52, 1.64, .37, .66) 1s 1.4s;
	-o-transition: opacity .3s 1.4s, transform cubic-bezier(.52, 1.64, .37, .66) 1s 1.4s;
	-webkit-transition: opacity .3s 1.4s, transform cubic-bezier(.52, 1.64, .37, .66) 1s 1.4s;
	-moz-transition: opacity .3s 1.4s, transform cubic-bezier(.52, 1.64, .37, .66) 1s 1.4s
}

.other {
	margin: 10px 20px 0 0
}

.other i {
	transition: .4s;
	-ms-transition: .4s;
	-o-transition: .4s;
	-webkit-transition: .4s;
	-moz-transition: .4s
}

.other.change .menu {
	background: rgba(0, 0, 0, .2)
}

.other.change .menu i:nth-child(1) {
	transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	-o-transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	top: 30px
}

.other.change .menu i:nth-child(2) {
	opacity: 0;
	right: 40px
}

.other.change .menu i:nth-child(3) {
	top: 30px;
	width: 28px;
	transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg)
}

.other.change .lau i,
.other.change .search i {
	color: #b8b8b8
}

.other.set_color .lau i,
.other.set_color .search i {
	color: #fff
}

.other.set_color .menu i {
	background: #fff
}

header .search {
	cursor: pointer;
	margin-right: 30px
}

header .search i {
	display: inline-block;
	font-size: 20px;
	color: #fff
}

header .lau {
	margin-top: -2px;
	margin-right: 30px;
	cursor: pointer
}

header .lau i {
	display: inline-block;
	font-size: 20px;
	color: #fff
}

.menu {
	width: 65px;
	height: 65px;
	background: rgba(255, 255, 255, .25);
	transition: .4s;
	-ms-transition: .4s;
	-o-transition: .4s;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	position: relative;
	cursor: pointer
}

.menu i {
	background: #fff;
	height: 2px;
	display: inline-block;
	position: absolute;
	transition: cubic-bezier(.43, .13, .08, 1.01) .6s;
	-ms-transition: cubic-bezier(.43, .13, .08, 1.01) .6s;
	-o-transition: cubic-bezier(.43, .13, .08, 1.01) .6s;
	-webkit-transition: cubic-bezier(.43, .13, .08, 1.01) .6s;
	-moz-transition: cubic-bezier(.43, .13, .08, 1.01) .6s
}

.menu i:nth-child(1) {
	width: 28px;
	right: 17px;
	top: 23px
}

.menu i:nth-child(2) {
	width: 28px;
	right: 17px;
	top: 30px
}

.menu i:nth-child(3) {
	width: 28px;
	right: 17px;
	top: 37px
}

header .showdom {
	width: 100vw;
	height: 100vh;
	position: absolute;
	opacity: 0;
	left: 0;
	top: 0;
	visibility: hidden;
	background-color: rgba(0, 0, 0, .75);
	z-index: -2;
	transition: 1s;
	-ms-transition: 1s;
	-o-transition: 1s;
	-webkit-transition: 1s;
	-moz-transition: 1s
}

header .showdom.active {
	visibility: visible;
	opacity: 1
}

nav {
	font-size: 0 !important;
	position: absolute;
	right: 0;
	top: 0;
	width: 33%;
	width: 633px;
	height: 100vh;
	z-index: -1;
	transition: cubic-bezier(.6, -.02, 0, .99) .6s;
	-ms-transition: cubic-bezier(.6, -.02, 0, .99) .6s;
	-o-transition: cubic-bezier(.6, -.02, 0, .99) .6s;
	-webkit-transition: cubic-bezier(.6, -.02, 0, .99) .6s;
	-moz-transition: cubic-bezier(.6, -.02, 0, .99) .6s;
	visibility: hidden;
	transform: translateX(100%);
	-ms-transform: translateX(100%);
	-o-transform: translateX(100%);
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%)
}

nav.open {
	visibility: visible;
	transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0)
}

nav.open .sub-wapper {
	visibility: visible;
	transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0)
}

.nav-item {
	width: 67%;
	padding-top: 19.5vh;
	height: 100%;
	background: #fff;
	position: relative;
	box-shadow: -3px 0 27px 7px #e5e5e5
}

.nav-item .item {
	display: block!important;
	padding: 22px 0 22px 40px;
	border-bottom: 1px solid #f1f1f1;
	position: relative
}

.nav-item .item:first-child {
	border-top: 1px solid #f1f1f1
}

.nav-item .item:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #179eec;
	z-index: 0;
	transition: ease .65s;
	-ms-transition: ease .65s;
	-o-transition: ease .65s;
	-webkit-transition: ease .65s;
	-moz-transition: ease .65s;
	transform: translateX(100%);
	-ms-transform: translateX(100%);
	-o-transform: translateX(100%);
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%)
}

.nav-item .item.this:before {
	transform: none;
	-ms-transform: none;
	-o-transform: none;
	-webkit-transform: none;
	-moz-transform: none
}

.nav-item .item.this a {
	transform: translateX(20px);
	-ms-transform: translateX(20px);
	-o-transform: translateX(20px);
	-webkit-transform: translateX(20px);
	-moz-transform: translateX(20px);
	color: #fff;
	transition: .3s .15s;
	-ms-transition: .3s .15s;
	-o-transition: .3s .15s;
	-webkit-transition: .3s .15s;
	-moz-transition: .3s .15s
}

.nav-item .item.this span {
	color: #fff
}

.nav-item .item:hover a {
	transform: translateX(20px);
	-ms-transform: translateX(20px);
	-o-transform: translateX(20px);
	-webkit-transform: translateX(20px);
	-moz-transform: translateX(20px)
}

.nav-item .item a {
	display: inline-block;
	font-size: 14px;
	color: #555;
	position: relative;
	z-index: 1;
	transition: ease .6s;
	-ms-transition: ease .6s;
	-o-transition: ease .6s;
	-webkit-transition: ease .6s;
	-moz-transition: ease .6s
}

.nav-item .item span {
	color: #b7b7b7;
	text-transform: uppercase;
	transition: .3s .1s;
	-ms-transition: .3s .1s;
	-o-transition: .3s .1s;
	-webkit-transition: .3s .1s;
	-moz-transition: .3s .1s
}

.nav-item .item i {
	margin: 0 10px;
	display: inline-block
}

.sub-wapper {
	width: 33%;
	height: 100%;
	position: relative;
	transition: ease .6s;
	-ms-transition: ease .6s;
	-o-transition: ease .6s;
	-webkit-transition: ease .6s;
	-moz-transition: ease .6s;
	visibility: hidden;
	transform: translateX(100%);
	-ms-transform: translateX(100%);
	-o-transform: translateX(100%);
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	transition-delay: .4s
}

.sub-nav-item {
	width: 100%;
	height: 100%;
	padding-top: 19.5vh;
	position: absolute;
	background: #fff;
	transition: cubic-bezier(.65, .1, .01, .82) 1s;
	-ms-transition: cubic-bezier(.65, .1, .01, .82) 1s;
	-o-transition: cubic-bezier(.65, .1, .01, .82) 1s;
	-webkit-transition: cubic-bezier(.65, .1, .01, .82) 1s;
	-moz-transition: cubic-bezier(.65, .1, .01, .82) 1s;
	transform: translateX(100%);
	-ms-transform: translateX(100%);
	-o-transform: translateX(100%);
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%)
}

.sub-nav-item.active {
	transform: none;
	-ms-transform: none;
	-o-transform: none;
	-webkit-transform: none;
	-moz-transform: none
}

.sub-nav-list {
	display: block!important;
	font-size: 14px;
	text-align: center;
	border-bottom: 1px dashed #939393;
	border-left: 2px solid transparent;
	transition: .6s;
	-ms-transition: .6s;
	-o-transition: .6s;
	-webkit-transition: .6s;
	-moz-transition: .6s
}

.sub-nav-list:first-child {
	border-top: 1px dashed #939393
}

.sub-nav-list.this {
	border-left: 2px solid #179eec
}

.sub-nav-list:hover a {
	transform: translateX(10px);
	-ms-transform: translateX(10px);
	-o-transform: translateX(10px);
	-webkit-transform: translateX(10px);
	-moz-transform: translateX(10px)
}

.sub-nav-list a {
	display: inline-block;
	padding: 54px 0;
	width: 100%;
	color: #555;
	transition: ease .6s;
	-ms-transition: ease .6s;
	-o-transition: ease .6s;
	-webkit-transition: ease .6s;
	-moz-transition: ease .6s
}

.search-form {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 0;
	background: rgba(0, 0, 0, .75);
	overflow: hidden;
	-moz-transform: translateZ(0);
	-webkit-transform: translateZ(0);
	-o-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	z-index: 100
}

.search-form.active {
	width: auto;
	display: block;
	overflow: hidden;
	-webkit-animation: scale 1s ease 1;
	animation: scale 1s ease 1
}

.search-form form {
	position: absolute;
	display: block;
	top: 45%;
	left: 0;
	right: 0;
	text-align: center
}

.search-box {
	position: relative;
	display: inline-block;
	width: auto;
	margin: 0;
	padding: 0;
	border-bottom: 2px solid #fff
}

.search-box input {
	position: relative;
	display: inline-block;
	margin: 0;
	max-width: 90%;
	width: 0;
	font-size: 32px;
	height: 36px;
	padding: 0;
	border: 0;
	-moz-transition: all .4s ease .4s;
	-ms-transition: all .4s ease .4s;
	-o-transition: all .4s ease .4s;
	-webkit-transition: all .4s ease .4s;
	transition: all .4s ease .4s;
	color: #fff;
	font-size: 20px;
	background: 0 0
}

.search-form.active input[type=text] {
	width: 500px
}

.submit_search {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	overflow: hidden;
	width: 0;
	height: 50px;
	cursor: pointer;
	-moz-transition: all .6s ease .4s;
	-ms-transition: all .6s ease .4s;
	-o-transition: all .6s ease .4s;
	-webkit-transition: all .6s ease .4s;
	transition: all .6s ease .4s;
	-moz-transform: translateZ(0);
	-webkit-transform: translateZ(0);
	-o-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0)
}

.search-form.active .submit_search {
	width: 50px
}

.search-form .arrow {
	position: relative;
	display: block;
	height: 2px;
	width: 40px;
	background: #fff;
	margin-top: 20px;
	opacity: .6;
	-webkit-backface-visibility: hidden;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	-webkit-transition: all .4s ease;
	transition: all .4s ease
}

.search-form .arrow:after {
	position: absolute;
	display: block;
	right: 0;
	top: -4px;
	content: "";
	height: 10px;
	width: 10px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-backface-visibility: hidden
}

.footer {
	padding: 10px 0;
	width: 100%;
	background: #000;
	text-align: center;
	font-size: 12px;
	color: #8a8383;
	z-index: 1
}
.footer span{ font-size: 12px;}
.banner .cover{ background: rgba(0,0,0,.2);}

.home-footer{ position: absolute; bottom: 0; left: 0; width: 100%; z-index: 10001;}

main .bg {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	transition: 4s;
	-ms-transition: 4s;
	-o-transition: 4s;
	-webkit-transition: 4s;
	-moz-transition: 4s;
	transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1)
}

main .bg.reset {
	transform: none;
	-ms-transform: none;
	-o-transform: none;
	-webkit-transform: none;
	-moz-transform: none
}

.inside_title {
	margin-top: 125px;
	text-align: center;
	font-size: 0;
	color: #333;
	position: relative;
	z-index: 0
}

.inside_title span {
	display: inline-block;
	font-size: 50px;
	text-transform: uppercase;
	transform-style: preserve-3d;
	backface-visibility: hidden;
	transform: rotateY(-180deg);
	-ms-transform: rotateY(-180deg);
	-o-transform: rotateY(-180deg);
	-webkit-transform: rotateY(-180deg);
	-moz-transform: rotateY(-180deg);
	transition: transform ease 1.4s;
	-ms-transition: transform ease 1.4s;
	-o-transition: transform ease 1.4s;
	-webkit-transition: transform ease 1.4s;
	-moz-transition: transform ease 1.4s
}

.inside_title h2 {
	background: 0 0;
	position: relative;
	z-index: 1
}

.inside_title.active span {
	transform: none;
	-ms-transform: none;
	-o-transform: none;
	-webkit-transform: none;
	-moz-transform: none
}

.inside_title.active .line:after {
	transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0)
}

.inside_title.active p:first-child em {
	transform: none;
	-ms-transform: none;
	-o-transform: none;
	-webkit-transform: none;
	-moz-transform: none
}

.inside_title.active p:last-child em {
	transform: none;
	-ms-transform: none;
	-o-transform: none;
	-webkit-transform: none;
	-moz-transform: none
}

.inside_title .line {
	display: inline-block;
	width: 2px;
	position: absolute;
	height: 130px;
	top: -20px;
	overflow: hidden
}

.inside_title .line:after {
	content: '';
	position: absolute;
	width: 1px;
	background: url(../img/set_line.png) no-repeat center;
	height: 130px;
	transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	transition: ease .8s .8s;
	-ms-transition: ease .8s .8s;
	-o-transition: ease .8s .8s;
	-webkit-transition: ease .8s .8s;
	-moz-transition: ease .8s .8s
}

.inside_title .desc {
	background: 0 0;
	padding-bottom: 10px;
	position: relative;
	z-index: 1
}

.inside_title p {
	font-size: 16px;
	color: #a72126;
	display: inline-block;
	position: relative;
	overflow: hidden
}

.inside_title p em {
	display: inline-block;
	transition: ease .6s .8s;
	-ms-transition: ease .6s .8s;
	-o-transition: ease .6s .8s;
	-webkit-transition: ease .6s .8s;
	-moz-transition: ease .6s .8s
}

.inside_title p:first-child em {
	transform: translateX(100%);
	-ms-transform: translateX(100%);
	-o-transform: translateX(100%);
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%)
}

.inside_title p:last-child em {
	transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%)
}

.inside_title2 {
	margin-top: 100px
}

.inside_title2 em {
	display: block;
	font-size: 18px;
	color: #a72126;
	transition-delay: .2s
}

.inside_title2 h2 {
	font-size: 56px;
	color: #333;
	transition-delay: .4s
}

.inside_title2 .line {
	display: inline-block;
	width: 34px;
	height: 3px;
	background: #a72126;
	margin: 6vh 0 6.8vh;
	transition-delay: .5s
}

.m_aside {
	position: fixed;
	right: 43px;
	top: 46%;
	z-index: 99;
	width: 20px;
	text-align: right
}

.m_aside.white div {
	background: #a72126
}

.m_aside.white div span {
	color: #a72126
}

.m_aside.white div.this {
	background: #fff
}

.m_aside.white div.this span {
	color: #fff
}

.m_aside.white div:hover {
	background: #fff
}

.m_aside.white div:hover span {
	color: #fff
}

.m_aside div {
	display: inline-block;
	width: 12px;
	height: 2px;
	background: #767676;
	margin-bottom: 20px;
	position: relative;
	cursor: pointer;
	transition: ease .6s;
	-ms-transition: ease .6s;
	-o-transition: ease .6s;
	-webkit-transition: ease .6s;
	-moz-transition: ease .6s
}

.m_aside div:last-child {
	margin-bottom: 0
}

.m_aside div.this {
	width: 20px;
	background: #a72126
}

.m_aside div.this span {
	color: #a72126;
	opacity: 1;
	transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0)
}

.m_aside div:hover {
	width: 20px;
	background: #a72126
}

.m_aside div:hover span {
	color: #a72126;
	opacity: 1;
	transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0)
}

.m_aside span {
	position: absolute;
	font-size: 14px;
	top: -9px;
	left: -26px;
	opacity: 0;
	transition: ease .6s;
	-ms-transition: ease .6s;
	-o-transition: ease .6s;
	-webkit-transition: ease .6s;
	-moz-transition: ease .6s;
	transform: translateX(-20px);
	-ms-transform: translateX(-20px);
	-o-transform: translateX(-20px);
	-webkit-transform: translateX(-20px);
	-moz-transform: translateX(-20px)
}

.slogan {
	position: fixed;
	left: 20px;
	top: 50%;
	margin-top: -150px;
	z-index: 2
}

.slogan span {
	font-size: 14px;
	font-family: 'Helvetica Neue LT Std';
	color: #f1f1f1;
	display: block;
	font-weight: lighter;
	letter-spacing: 10px;
	writing-mode: tb-lr;
	-webkit-writing-mode: vertical-lr;
	writing-mode: vertical-lr;
	transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	opacity: 0;
	-webkit-filter: blur(4px);
	filter: blur(4px);
	transition: all cubic-bezier(.4, 0, .2, 1) 1.5s;
	-ms-transition: all cubic-bezier(.4, 0, .2, 1) 1.5s;
	-o-transition: all cubic-bezier(.4, 0, .2, 1) 1.5s;
	-webkit-transition: all cubic-bezier(.4, 0, .2, 1) 1.5s;
	-moz-transition: all cubic-bezier(.4, 0, .2, 1) 1.5s
}

.slogan.black span {
	color: #999
}

.slogan.none span {
	opacity: 0!important
}

@keyframes scale {
	0% {
		shape-inside: circle(100%, 10%, 210px);
		-webkit-clip-path: circle(210px at 100% 10%);
		clip-path: circle(210px at 100% 10%)
	}
	100% {
		shape-inside: circle(50%, 50%, 1200px);
		-webkit-clip-path: circle(2000px at 50% 50%);
		clip-path: circle(2000px at 50% 50%)
	}
}

.mouse-box {
	position: absolute;
	width: 100%;
	text-align: center;
	left: 0;
	bottom: 66px;
	z-index: 101;
}

.mouse-box .mouse {
	width: 27px;
	height: 40px;
	display: inline-block;
	animation: nudgeMouse 5s ease-out infinite;
	-webkit-animation: nudgeMouse 5s ease-out infinite;
	-moz-animation: nudgeMouse 5s ease-out infinite;
	-o-animation: nudgeMouse 5s ease-out infinite;
	background: url(../img/mouse.png) no-repeat center
}

.mouse-box .mouse:after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	background-color: #fff;
	width: 4px;
	height: 6px;
	border-radius: 40%;
	animation: trackBallSlide 5s linear infinite;
	-webkit-animation: trackBallSlide 5s linear infinite;
	-moz-animation: trackBallSlide 5s linear infinite;
	-o-animation: trackBallSlide 5s linear infinite;
	transition: all .3s cubic-bezier(.455, .03, .515, .955);
	-ms-transition: all .3s cubic-bezier(.455, .03, .515, .955);
	-o-transition: all .3s cubic-bezier(.455, .03, .515, .955);
	-webkit-transition: all .3s cubic-bezier(.455, .03, .515, .955);
	-moz-transition: all .3s cubic-bezier(.455, .03, .515, .955)
}

@keyframes nudgeMouse {
	0%,
	30%,
	60%,
	90% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
	20%,
	50%,
	80% {
		-webkit-transform: translateY(8px);
		transform: translateY(8px)
	}
}

@-webkit-keyframes trackBallSlide {
	0%,
	28%,
	29.99%,
	30% {
		opacity: 1;
		-webkit-transform: scale(1) translateY(-6px);
		transform: scale(1) translateY(-6px)
	}
	6% {
		opacity: 1;
		-webkit-transform: scale(.9) translateY(5px);
		transform: scale(.9) translateY(5px)
	}
	14% {
		opacity: 0;
		-webkit-transform: scale(.4) translateY(16px);
		transform: scale(.4) translateY(16px)
	}
	15%,
	19% {
		opacity: 0;
		-webkit-transform: scale(.4) translateY(-6px);
		transform: scale(.4) translateY(-6px)
	}
	36% {
		opacity: 1;
		-webkit-transform: scale(.9) translateY(5px);
		transform: scale(.9) translateY(5px)
	}
	44% {
		opacity: 0;
		-webkit-transform: scale(.4) translateY(16px);
		transform: scale(.4) translateY(16px)
	}
	45%,
	49% {
		opacity: 0;
		-webkit-transform: scale(.4) translateY(-6px);
		transform: scale(.4) translateY(-6px)
	}
	58%,
	59.99%,
	60% {
		opacity: 1;
		-webkit-transform: scale(1) translateY(-6px);
		transform: scale(1) translateY(-6px)
	}
	66% {
		opacity: 1;
		-webkit-transform: scale(.9) translateY(5px);
		transform: scale(.9) translateY(5px)
	}
	74% {
		opacity: 0;
		-webkit-transform: scale(.4) translateY(16px);
		transform: scale(.4) translateY(16px)
	}
	75%,
	79% {
		opacity: 0;
		-webkit-transform: scale(.4) translateY(-6px);
		transform: scale(.4) translateY(-6px)
	}
	100%,
	88% {
		opacity: 1;
		-webkit-transform: scale(1) translateY(-6px);
		transform: scale(1) translateY(-6px)
	}
}

@keyframes trackBallSlide {
	0%,
	28%,
	29.99%,
	30% {
		opacity: 1;
		-webkit-transform: scale(1) translateY(-6px);
		transform: scale(1) translateY(-6px)
	}
	6% {
		opacity: 1;
		-webkit-transform: scale(.9) translateY(5px);
		transform: scale(.9) translateY(5px)
	}
	14% {
		opacity: 0;
		-webkit-transform: scale(.4) translateY(16px);
		transform: scale(.4) translateY(16px)
	}
	15%,
	19% {
		opacity: 0;
		-webkit-transform: scale(.4) translateY(-6px);
		transform: scale(.4) translateY(-6px)
	}
	36% {
		opacity: 1;
		-webkit-transform: scale(.9) translateY(5px);
		transform: scale(.9) translateY(5px)
	}
	44% {
		opacity: 0;
		-webkit-transform: scale(.4) translateY(16px);
		transform: scale(.4) translateY(16px)
	}
	45%,
	49% {
		opacity: 0;
		-webkit-transform: scale(.4) translateY(-6px);
		transform: scale(.4) translateY(-6px)
	}
	58%,
	59.99%,
	60% {
		opacity: 1;
		-webkit-transform: scale(1) translateY(-6px);
		transform: scale(1) translateY(-6px)
	}
	66% {
		opacity: 1;
		-webkit-transform: scale(.9) translateY(5px);
		transform: scale(.9) translateY(5px)
	}
	74% {
		opacity: 0;
		-webkit-transform: scale(.4) translateY(16px);
		transform: scale(.4) translateY(16px)
	}
	75%,
	79% {
		opacity: 0;
		-webkit-transform: scale(.4) translateY(-6px);
		transform: scale(.4) translateY(-6px)
	}
	100%,
	88% {
		opacity: 1;
		-webkit-transform: scale(1) translateY(-6px);
		transform: scale(1) translateY(-6px)
	}
}

@media (max-width:1200px) {
	body {
		font-size: 12px
	}
	body,
	html {
		min-width: 100%
	}
}

@media (max-width:850px) {
	header {
		position: fixed;
		height: 0
	}
	header .logo-warpper {
		width: 120px;
		height: 50px;
		line-height: 50px
	}
	header .logo {
		width: 88px
	}
	header .logo:before {
		left: 0
	}
	header .logo i {
		width: 3px;
		height: 3px;
		top: 13px;
		right: -1px
	}
	header .lau,
	header .search {
		margin-right: 20px
	}
	nav {
		width: 50%
	}
	.nav-item {
		width: 60%;
		padding-top: 80px
	}
	.sub-wapper {
		width: 40%
	}
	.sub-nav-item {
		padding-top: 80px
	}
	.nav-list {
		padding: 22px 0 22px 15px
	}
	.nav-list.this a {
		transform: none;
		-ms-transform: none;
		-o-transform: none;
		-webkit-transform: none;
		-moz-transform: none
	}
	.nav-list a {
		font-size: 13px
	}
	.nav-list i {
		margin: 0
	}
	.nav-list span {
		font-size: 8px;
		position: relative;
		top: -2px
	}
	.sub-nav-list {
		font-size: 12px
	}
	.sub-nav-list a {
		padding: 33px 0
	}
	.footer {
		height: auto;
		font-size: 10px
	}
}