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

html,
body {
	font-family: 'Arial' !important;
	color: #333;
	background: #fff !important;
	overflow-x: hidden
}
body::-webkit-scrollbar{
  /*滚动条整体样式*/
  width : 0px;  /*高宽分别对应横竖滚动条的尺寸*/
  height: 0px;
}
body::-webkit-scrollbar-thumb {
/*滚动条里面小方块*/
border-radius: 10px;
box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
background   : #eeeeee;
}
body::-webkit-scrollbar-track {
/*滚动条里面轨道*/
/* box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2); */
border-radius: 10px;
/* background   : #062a36; */
}
input,
textarea,
button,
select {
	font-family: 'Arial' !important
}

img {
	max-width: 100%;
	vertical-align: middle
}

ul {
	margin-bottom: 0
}

a {
	color: #333
}

a:hover {
	color: #333
}

a:focus,
a:hover {
	text-decoration: none
}

p {
	margin: 0
}

input::-webkit-input-placeholder,
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	color: #999
}

input::-moz-placeholder,
select::-moz-placeholder,
textarea::-moz-placeholder {
	color: #999
}

input:-moz-placeholder,
select:-moz-placeholder,
textarea:-moz-placeholder {
	color: #999
}

input:-ms-input-placeholder,
select:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	color: #999
}

.loading {
	z-index: 9000;
	overflow: hidden;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	line-height: 100vh;
	text-align: center;
	background: #fff
}

.loading .loading-img {
	width: 200px
}

.lizi-bg {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 0
}

header {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s
}

@media only all and (max-width: 768px) {
	header {
		display: none
	}
}

header.active {
	height: 71px;
	background-color: #fff;
	box-shadow: 2px 2px 8px #ccc;
	width: 100%;
	position: fixed;
	z-index: 10
}

@media only all and (max-width: 1600px) {
	header.active {
		height: 71px
	}
}

header.active .logo {
	width: 150px;
	top: 8px
}

@media only all and (max-width: 1600px) {
	header.active .logo {
		top: 16px;
		width: 120px
	}
}

header.active .deputy-nav {
	top: 0
}

header.active .deputy-nav .nav .nav-item:hover {
	color: #fff;background: #01518c;
}


header.active .deputy-nav .vip i {
	color: #333
}

header.active .deputy-nav .vip .link,header.active .deputy-nav .vip .link {
	color: #333
}

header.active .deputy-nav .vip .link:hover {
	color: #07ade7
}

header.active .deputy-nav .search-parent .search {
	border-color: #d7dcde
}

header.active .deputy-nav .search-parent .search-con .input input {
    border: 1px solid #f2f2f2;
	color: #333;
}
header.active .deputy-nav .search-parent .search-con .input .icon-sousuo{
	color: #333;
}
header.active .deputy-nav .language .now {
	border-bottom: 2px solid #d7dcde
}

header.active .deputy-nav .language .now span {
	color: #333333
}

header.active .deputy-nav .language .now .iconfont {
	color: #666666
}

header.active .deputy-nav .language .will {
	background-color: rgba(0, 160, 233, 0.2)
}

header.active .deputy-nav .tongteng-link .text {
	color: #333333
}

header.active1 {
	background-color: transparent;
	box-shadow: none
}

header.active1 .logo {
	top: 50px;
	width: 177px
}


@media only all and (max-width: 1600px) {
	header.active1 .logo {
		left: 20px;
		width: 120px;
		top: 16px
	}
}

header.active1 .deputy-nav {
	top: 35px
}

@media only all and (max-width: 1600px) {
	header.active1 .deputy-nav {
		top: 0
	}
}

header .logo {
	width: 177px;
	display: inline-block;
	position: fixed;
	top: 50px;
	left: 40px;
	z-index: 10;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s
}

@media only all and (max-width: 1600px) {
	header .logo {
		left: 20px;
		width: 120px;
		top: 16px
	}
}

header .logo img {
	width: 100%
}

header .logo img.logo2 {
	display: none
}

header .logo.active img.logo1 {
	display: none
}

header .logo.active img.logo2 {
	display: block
}

header .logo h1 {
	position: absolute;
	left: 0;
	top: 0;
	display: inline-block;
	text-indent: -9999em;
	font-size: 12px;
	z-index: -1;
	opacity: 0
}

header .deputy-nav {
	position: fixed;
	z-index: 10;
	right: 80px;
	top: 35px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	padding-left: 220px;
	padding-right: 77px
}

@media only all and (max-width: 1700px) {
    header .deputy-nav{right:0}
	header .deputy-nav .nav .nav-item{
	    margin-right: 20px;
	}
}
@media only all and (max-width: 1600px) {
	header .deputy-nav {
		top: 0;
		padding-left: 50px;
		padding-right: 50px
	}
}

@media only all and (max-width: 1280px) {
	header .deputy-nav {
		padding-left: 0px;
		padding-right: 0px
	}
}
header.active .deputy-nav .nav .nav-item{color:#333}
header .deputy-nav .nav .nav-item {
	font-size: 16px;
	line-height: 30px;
	color: #fff;
	padding: 20px 17px;
	margin-right: 30px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
	position: relative;
	display: inline-block
}

@media only all and (max-width: 1700px) {
	header .deputy-nav .nav .nav-item {
		margin-right: 20px
	}
}

@media only all and (max-width: 1440px) {
	header .deputy-nav .nav .nav-item {
		font-size: 14px
	}
}

@media only all and (max-width: 1280px) {
	header .deputy-nav .nav .nav-item {
		font-size: 12px;
		padding: 20px 0;
		margin-right: 5px
	}
}

header .deputy-nav .nav .nav-item.active {
	
	background-color: rgba(0,0,0,0.2);color: #fff;
	
}
header .deputy-nav .nav .nav-item:hover{
    background-color: rgba(0,0,0,0.2);color: #fff;
}
header .deputy-nav .nav .nav-item:hover::before,
header .deputy-nav .nav .nav-item.active::before {
	opacity: 1
}

header .deputy-nav .vip {
	padding-right: 28px;
	margin-right: 28px
}

@media only all and (max-width: 1440px) {
	header .deputy-nav .vip {
		padding-right: 20px;
		margin-right: 20px
	}
}

@media only all and (max-width: 1280px) {
	header .deputy-nav .vip {
		padding-right: 10px;
		margin-right: 10px
	}
}

header .deputy-nav .vip i {
	color: #fff
}

header .deputy-nav .vip .link {
	font-size: 16px;
	line-height: 20px;
	color: #ffffff;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s
}

@media only all and (max-width: 1440px) {
	header .deputy-nav .vip .link {
		font-size: 14px
	}
}

@media only all and (max-width: 1024px) {
	header .deputy-nav .vip .link {
		font-size: 12px
	}
}

header .deputy-nav .vip .link:hover {
	color: #07ade7
}

header .deputy-nav .search-parent {
	position: relative
}

header .deputy-nav .search-parent .search {
	display: inline-block;
	font-weight: bold;
	cursor: pointer;
	width: 40px;
	height: 40px;
	text-align: center;
	background-color: #0b2259;
	border-radius: 50%;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s
}

@media only all and (max-width: 1280px) {
	header .deputy-nav .search-parent .search {
		width: 30px;
		height: 30px
	}
}

header .deputy-nav .search-parent .search .iconfont {
	color: #fff;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
	margin-top: 9px;
	display: inline-block
}

@media only all and (max-width: 1280px) {
	header .deputy-nav .search-parent .search .iconfont {
		font-size: 14px;
		margin-top: 5px
	}
}

header .deputy-nav .search-parent .search:hover {
	border-color: #00a0e9
}

header .deputy-nav .search-parent .search:hover .iconfont {
	color: #00a0e9
}

header .deputy-nav .search-parent .search-con {
	right: 0;
	bottom: -59px;
	background-color: transparent;
	z-index: 2
}

@media only all and (max-width: 768px) {
	header .deputy-nav .search-parent .search-con {
		padding: 10px 10px;
		bottom: -76px
	}
}

header .deputy-nav .search-parent .search-con .input {
	position: relative;
	width: 250px;
	height: 35px
}
@media only all and (max-width: 1340px) {
	header .deputy-nav .search-parent .search-con .input {
		width: 150px
	}
}
@media only all and (max-width: 768px) {
	header .deputy-nav .search-parent .search-con .input {
		width: 330px
	}
}

header .deputy-nav .search-parent .search-con .input input {
	width: 100%;
	height: 100%;
	background-color: rgba(255,255,255,.3);
	padding-left: 10px;
	padding-right: 10px;
	font-size: 14px;
	color: #fff;
}

header .deputy-nav .search-parent .search-con .input .icon-sousuo {
	position: absolute;
	top: 0;
	right: 0;
	color: #fff;
	display: inline-block;
	line-height: 35px;
	height: 25px;
	width: 52px;
	padding-left: 21px;
	background-color: transparent;
	font-weight: bold;
	cursor: pointer;
	font-size: 14px;
}

header .deputy-nav .search-parent .search-con .input .icon-sousuo:hover {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
	color: #00a0e9
}

header .deputy-nav .language {
	text-align: center;
	cursor: pointer;
	position: relative;
	margin-left: 30px
}

header .deputy-nav .language .link{color: #122f73;display: inline-block;width: 100px;height: 40px;border-radius: 5px;background: #fff;line-height: 40px; }
header .deputy-nav .language .link.login{background: #122f73;color: #fff;margin-right: 10px;}
@media only all and (max-width: 1280px) {
	header .deputy-nav .language {
		margin-left: 10px
	}
}

@media only all and (max-width: 1024px) {
	header .deputy-nav .language {
		margin-left: 10px
	}
	header .deputy-nav .language .link{width: 80px;height: 30px;line-height: 30px}
}

header .deputy-nav .language .now {
	height: 48px;
	line-height: 48px;
	box-sizing: content-box;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: space-between;
	-webkit-justify-content: space-between;
	-moz-box-pack: space-between;
	-ms-flex-pack: space-between;
	justify-content: space-between;
	padding: 0 8px
}

header .deputy-nav .language .now span {
	font-size: 16px;
	color: #fff;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
	font-weight: bold;
	margin-right: 10px
}

@media only all and (max-width: 1440px) {
	header .deputy-nav .language .now span {
		font-size: 14px
	}
}

header .deputy-nav .language .now .iconfont {
	font-size: 18px;
	color: #fff;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
	display: inline-block
}

@media only all and (max-width: 1440px) {
	header .deputy-nav .language .now .iconfont {
		font-size: 14px
	}
}

header .deputy-nav .language .now:hover span {
	color: #029ee8
}

header .deputy-nav .language .now:hover .iconfont {
	color: #029ee8
}

header .deputy-nav .language .will {
	width: 100%;
	height: 40px;
	line-height: 40px;
	color: #fff;
	background-color: rgba(255, 255, 255, 0.2);
	display: inline-block;
	border-radius: 2px;
	font-size: 14px;
	font-weight: bold;
	position: absolute;
	left: 0;
	top: 50px;
	overflow: hidden;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	-o-transform: translateY(10px);
	-ms-transform: translateY(10px);
	transform: translateY(10px);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s
}

header .deputy-nav .language .will:before {
	position: absolute;
	content: "";
	width: 100%;
	height: 10px;
	background-color: transparent;
	top: -10px;
	left: 0
}

header .deputy-nav .language:hover .will {
	overflow: visible;
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-o-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0)
}

header .deputy-nav .tongteng-link {
	margin-left: 35px
}

@media only all and (max-width: 1280px) {
	header .deputy-nav .tongteng-link {
		margin-left: 10px
	}
}

header .deputy-nav .tongteng-link .img {
	width: 21px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px
}

header .deputy-nav .tongteng-link .text {
	font-size: 16px;
	color: #fff;
	display: inline-block;
	vertical-align: middle
}

@media only all and (max-width: 1440px) {
	header .deputy-nav .tongteng-link .text {
		font-size: 14px
	}
}

@media only all and (max-width: 1024px) {
	header .deputy-nav .tongteng-link .text {
		font-size: 12px
	}
}

header .nav-show {
	position: fixed;
	z-index: 10;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	opacity: 0;
	visibility: hidden;
	overflow: hidden;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	-webkit-transform: translateX(-50px);
	-moz-transform: translateX(-50px);
	-o-transform: translateX(-50px);
	-ms-transform: translateX(-50px);
	transform: translateX(-50px);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat
}

header .nav-show.active {
	opacity: 1;
	visibility: visible;
	overflow: visible;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-o-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0)
}

header .nav-show .logo2 {
	width: 177px;
	display: inline-block;
	position: absolute;
	top: 50px;
	left: 40px;
	z-index: 3;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s
}

@media only all and (max-width: 1600px) {
	header .nav-show .logo2 {
		left: 20px;
		width: 120px;
		top: 16px
	}
}

header .nav-show .logo2 img {
	width: 100%
}

header .nav-show .nav-con {
	width: 73%;
	position: relative;
	z-index: 2
}

header .nav-show .nav-con nav {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: space-between;
	-webkit-justify-content: space-between;
	-moz-box-pack: space-between;
	-ms-flex-pack: space-between;
	justify-content: space-between;
	border-bottom: 1px solid #d8dce0;
	padding-bottom: 88px
}

@media only all and (max-width: 1600px) {
	header .nav-show .nav-con nav {
		padding-bottom: 50px
	}
}

header .nav-show .nav-con nav .item {
	text-align: center;
	width: 19%
}

header .nav-show .nav-con nav .item .stair .stair-item {
	font-size: 30px;
	line-height: 1;
	font-weight: bold;
	color: #01528c;
	padding-bottom: 30px;
	position: relative;
	display: block
}

@media only all and (max-width: 1600px) {
	header .nav-show .nav-con nav .item .stair .stair-item {
		font-size: 20px;
		padding-bottom: 20px
	}
}

header .nav-show .nav-con nav .item .stair .stair-item::before {
	position: absolute;
	content: "";
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	bottom: 0;
	width: 40px;
	height: 1px;
	background-color: #6d9bbc
}

header .nav-show .nav-con nav .item .second {
	padding-top: 18px
}

header .nav-show .nav-con nav .item .second .second-item {
	font-size: 16px;
	line-height: 40px;
	color: #666;
	display: block;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s
}

@media only all and (max-width: 1600px) {
	header .nav-show .nav-con nav .item .second .second-item {
		font-size: 14px;
		line-height: 30px
	}
}

header .nav-show .nav-con nav .item .second .second-item:hover {
	color: #01528c
}

header .nav-show .nav-con .contact {
	text-align: center;
	padding-top: 70px
}

@media only all and (max-width: 1600px) {
	header .nav-show .nav-con .contact {
		padding-bottom: 50px
	}
}

header .nav-show .nav-con .contact .contact-tit {
	font-size: 20px;
	line-height: 30px;
	color: #333
}

header .nav-show .nav-con .contact .contact-con {
	margin-top: 15px
}

header .nav-show .nav-con .contact .contact-con .contact-item {
	font-size: 16px;
	line-height: 30px;
	color: #666
}

@media only all and (max-width: 1600px) {
	header .nav-show .nav-con .contact .contact-con .contact-item {
		font-size: 16px
	}
}

header .nav-show .nav-con .contact .contact-con .contact-item .tit {
	display: inline-block
}

header .nav-show .nav-con .contact .contact-con .contact-item .detail {
	display: inline-block
}

header .nav-show .nav-con .contact .contact-con .contact-item .detail a {
	font-size: 16px;
	line-height: 30px;
	color: #666;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
	font-weight: bold
}

header .nav-show .nav-con .contact .contact-con .contact-item .detail a:hover {
	opacity: 0.7
}

.right-fixed {
	position: fixed;
	z-index: 11;
	right: 0;
	top: 0;
	width: 60px;
	height: 100vh;
	background-color: #122f73;
	color: #fff;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-align-content: space-between;
	align-content: space-between
}

@media only all and (max-width: 768px) {
	.right-fixed {
		display: none
	}
}

.right-fixed.active li .nav-toggle {
	margin-top: 11px
}

@media only all and (max-width: 1600px) {
	.right-fixed.active li .nav-toggle {
		margin-top: 15px
	}
}

.right-fixed li {
	width: 100%;
	text-align: center
}

.right-fixed li .nav-toggle {
	margin: 0 auto;
	width: 50px;
	height: 50px;
	position: relative;
	cursor: pointer;
	margin-top: 20px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
	position: fixed;
	right: 5px;
	z-index: 10
}

.right-fixed li .nav-toggle::before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 0%;
	height: 100%;
	background-color: #029ee8;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out
}

@media only all and (max-width: 1600px) {
	.right-fixed li .nav-toggle {
		width: 50px;
		height: 50px;
		margin-top: 15px
	}
}

@media only all and (max-width: 1024px) {
	.right-fixed li .nav-toggle {
		right: 5px
	}
}

.right-fixed li .nav-toggle span {
	left: 50%;
	margin-left: -10px;
	position: absolute;
	top: 50%;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg)
}

.right-fixed li .nav-toggle:hover::before {
	width: 100%
}

.right-fixed li .nav-toggle span,
.right-fixed li .nav-toggle span:before,
.right-fixed li .nav-toggle span:after {
	cursor: pointer;
	border-radius: 1px;
	height: 2px;
	width: 20px;
	background: #fff;
	position: absolute;
	display: block;
	content: '';
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	-webkit-transform-origin: center center;
	-moz-transform-origin: center center;
	-ms-transform-origin: center center;
	-o-transform-origin: center center;
	transform-origin: center center
}

.right-fixed li .nav-toggle span:before {
	top: -8px
}

.right-fixed li .nav-toggle span:after {
	bottom: -8px
}

.right-fixed li .nav-toggle.active::before {
	width: 100%
}

.right-fixed li .nav-toggle.active span {
	background: transparent
}

.right-fixed li .nav-toggle.active span:before {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 0
}

.right-fixed li .nav-toggle.active span:after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: 0
}

.right-fixed li .contact-us {
	display: inline-block;
	margin-top: 80px
}

@media only all and (max-width: 1600px) {
	.right-fixed li .contact-us {
		margin-top: 50px
	}
}

.right-fixed li .contact-us .icon {
	width: 37px
}

@media only all and (max-width: 1600px) {
	.right-fixed li .contact-us .icon {
		width: 30px
	}
}

.right-fixed li .contact-us .contact-con {
	font-size: 16px;
	line-height: 24px;
	color: #fff;
	font-weight: bold;
	margin-top: 23px
}

@media only all and (max-width: 1600px) {
	.right-fixed li .contact-us .contact-con {
		font-size: 14px;
		margin-top: 5px
	}
}

.right-fixed li .share {
	display: block;
	color: #fff;
	font-size: 16px;
	margin-bottom: 25px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
	position: relative
}

@media only all and (max-width: 1600px) {
	.right-fixed li .share {
		margin-bottom: 15px
	}
}

.right-fixed li .share .iconfont {
	width: 55px;
	height: 55px;
	line-height: 55px;
	font-size: 20px
}

.right-fixed li .share .have-round {
	border-top-right-radius: 50%;
	border-bottom-right-radius: 50%;
	display: inline-block;
	background-color: transparent;
	text-align: center;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
	position: relative
}

.right-fixed li .share .have-round::after {
	position: absolute;
	content: "";
	width: 3px;
	height: 55px;
	background-color: rgba(0, 0, 0, 0.5);
	left: -3px;
	top: 0;
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s
}

.right-fixed li .share .text {
	position: absolute;
	left: -150px;
	top: 0px;
	width: 150px;
	height: 55px;
	line-height: 55px;
	font-size: 16px;
	border-top-left-radius: 27.5px;
	border-bottom-left-radius: 27.5px;
	display: inline-block;
	background-color: rgba(0, 0, 0, 0.5);
	overflow: hidden;
	visibility: hidden;
	opacity: 0;
	-webkit-transform: translateX(-10px);
	-moz-transform: translateX(-10px);
	-o-transform: translateX(-10px);
	-ms-transform: translateX(-10px);
	transform: translateX(-10px);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s
}

.right-fixed li .share .erweima {
	position: absolute;
	left: -140px;
	width: 140px;
	max-width: 140px;
	border: 12px solid rgba(0, 0, 0, 0.4);
	border-radius: 8px;
	top: 50%;
	margin-top: -70px;
	overflow: hidden;
	visibility: hidden;
	opacity: 0;
	-webkit-transform: translateX(-10px);
	-moz-transform: translateX(-10px);
	-o-transform: translateX(-10px);
	-ms-transform: translateX(-10px);
	transform: translateX(-10px);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s
}

.right-fixed li .share:hover {
	color: #00a0e9
}

.right-fixed li .share:hover .have-round {
	background-color: rgba(0, 0, 0, 0.5)
}

.right-fixed li .share:hover .have-round::after {
	opacity: 1
}

.right-fixed li .share:hover .text {
	overflow: visible;
	visibility: visible;
	opacity: 1;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-o-transform: translateX(0px);
	-ms-transform: translateX(0px);
	transform: translateX(0px);
	color: #fff
}

.right-fixed li .share:hover .erweima {
	overflow: visible;
	visibility: visible;
	opacity: 1;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-o-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0)
}

.download-btn {
	width: 230px;
	height: 60px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border: 2px solid rgba(255, 255, 255, 0.2);
	border-radius: 30px;
	position: absolute;
	z-index: 3;
	left: 40px;
	bottom: 40px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s
}

@media only all and (max-width: 768px) {
	.download-btn {
		width: 160px;
		height: 40px;
		border-radius: 20px
	}
}

@media only all and (max-width: 414px) {
	.download-btn {
		left: 10px;
		bottom: 20px
	}
}

.download-btn img {
	width: 25px;
	margin-right: 19px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s
}

@media only all and (max-width: 768px) {
	.download-btn img {
		width: 20px;
		margin-right: 10px
	}
}

.download-btn .text {
	font-size: 14px;
	color: #fff;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s
}

@media only all and (max-width: 768px) {
	.download-btn .text {
		font-size: 12px
	}
}

.download-btn:hover {
	border-color: rgba(255, 255, 255, 0.3);
	background-color: rgba(255, 255, 255, 0.3)
}

.download-btn:hover img {
	-webkit-transform: translateX(-5px);
	-moz-transform: translateX(-5px);
	-o-transform: translateX(-5px);
	-ms-transform: translateX(-5px);
	transform: translateX(-5px)
}

@media only all and (max-width: 768px) {
	.download-btn:hover img {
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-o-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0)
	}
}

.download-btn:hover .text {
	-webkit-transform: translateX(5px);
	-moz-transform: translateX(5px);
	-o-transform: translateX(5px);
	-ms-transform: translateX(5px);
	transform: translateX(5px)
}

@media only all and (max-width: 768px) {
	.download-btn:hover .text {
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-o-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0)
	}
}

@keyframes knight-rider {
	0% {
		transform: translateY(-100%)
	}

	to {
		transform: translateY(100%)
	}
}

@keyframes move {
	0% {
		-webkit-transform: translateY(-20px);
		-moz-transform: translateY(-20px);
		-o-transform: translateY(-20px);
		transform: translateY(-20px);
		opacity: 0
	}

	80% {
		opacity: 1
	}

	100% {
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		-o-transform: translateY(0px);
		transform: translateY(0px);
		opacity: 0
	}
}

.ar-animated {
	-webkit-animation-duration: 1.5s;
	-moz-animation-duration: 1.5s;
	-o-animation-duration: 1.5s;
	animation-duration: 1.5s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-o-animation-timing-function: linear;
	animation-timing-function: linear
}

.ar-delay-1s {
	-webkit-animation-delay: 0.1s;
	-moz-animation-delay: 0.1s;
	-o-animation-delay: 0.1s;
	animation-delay: 0.1s
}

.ar-delay-2s {
	-webkit-animation-delay: 0.2s;
	-moz-animation-delay: 0.2s;
	-o-animation-delay: 0.2s;
	animation-delay: 0.2s
}

.ar-delay-3s {
	-webkit-animation-delay: 0.3s;
	-moz-animation-delay: 0.3s;
	-o-animation-delay: 0.3s;
	animation-delay: 0.3s
}

.ar-delay-4s {
	-webkit-animation-delay: 0.4s;
	-moz-animation-delay: 0.4s;
	-o-animation-delay: 0.4s;
	animation-delay: 0.4s
}

.ar-delay-5s {
	-webkit-animation-delay: 0.5s;
	-moz-animation-delay: 0.5s;
	-o-animation-delay: 0.5s;
	animation-delay: 0.5s
}

.ar-delay-6s {
	-webkit-animation-delay: 0.6s;
	-moz-animation-delay: 0.6s;
	-o-animation-delay: 0.6s;
	animation-delay: 0.6s
}

.ar-delay-7s {
	-webkit-animation-delay: 0.7s;
	-moz-animation-delay: 0.7s;
	-o-animation-delay: 0.7s;
	animation-delay: 0.7s
}

.ar-delay-8s {
	-webkit-animation-delay: 0.8s;
	-moz-animation-delay: 0.8s;
	-o-animation-delay: 0.8s;
	animation-delay: 0.8s
}

.ar-delay-9s {
	-webkit-animation-delay: 0.9s;
	-moz-animation-delay: 0.9s;
	-o-animation-delay: 0.9s;
	animation-delay: 0.9s
}

.ar-delay-10s {
	-webkit-animation-delay: 0.10s;
	-moz-animation-delay: 0.10s;
	-o-animation-delay: 0.10s;
	animation-delay: 0.10s
}

#back-top {
	position: fixed;
	right: -15px;
	bottom: 0;
	z-index: 5;
	width: 80px;
	height: 60px;
	background-color: #d9d9d9;
	-webkit-transform: skew(-15deg);
	-moz-transform: skew(-15deg);
	-ms-transform: skew(-15deg);
	-o-transform: skew(-15deg);
	transform: skew(-15deg);
	overflow: hidden;
	font-size: 0;
	cursor: pointer;
	display: none
}

@media only all and (max-width: 1024px) {
	#back-top {
		right: -10px;
		bottom: 55px;
		z-index: 5;
		width: 56px;
		height: 42px
	}
}

@media only all and (max-width: 768px) {
	#back-top {
		bottom: 10px
	}
}

#back-top:before {
	content: "";
	position: absolute;
	z-index: 0;
	left: 0px;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: #00a29b;
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-o-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: -webkit-transform 0.6s cubic-bezier(0.86, 0, 0.07, 1);
	transition: -webkit-transform 0.6s cubic-bezier(0.86, 0, 0.07, 1);
	-o-transition: -o-transform 0.6s cubic-bezier(0.86, 0, 0.07, 1);
	-moz-transition: transform 0.6s cubic-bezier(0.86, 0, 0.07, 1), -moz-transform 0.6s cubic-bezier(0.86, 0, 0.07, 1);
	transition: transform 0.6s cubic-bezier(0.86, 0, 0.07, 1);
	transition: transform 0.6s cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 0.6s cubic-bezier(0.86, 0, 0.07, 1), -moz-transform 0.6s cubic-bezier(0.86, 0, 0.07, 1), -o-transform 0.6s cubic-bezier(0.86, 0, 0.07, 1);
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	transform-origin: 0 0
}

#back-top .img {
	-webkit-transform: skew(15deg);
	-moz-transform: skew(15deg);
	-ms-transform: skew(15deg);
	-o-transform: skew(15deg);
	transform: skew(15deg);
	width: 10px;
	height: 15px;
	position: relative;
	margin-top: 24px;
	margin-left: 30px
}

@media only all and (max-width: 1024px) {
	#back-top .img {
		margin-top: 13px;
		margin-left: 20px
	}
}

#back-top .img img {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	-moz-transition: all 0.4s;
	transition: all 0.4s
}

#back-top .img img.icon-hover {
	opacity: 0
}

#back-top:hover:before {
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
	transform: scaleX(1)
}

#back-top:hover .img img.icon {
	opacity: 0
}

#back-top:hover .img img.icon-hover {
	opacity: 1
}

.bg {
	animation: cloud 8s infinite
}

.video-play-wrap {
	display: none
}

@media only all and (max-width: 768px) {
	.video-play-wrap {
		position: fixed;
		z-index: 1000
	}
}

.video-play-wrap .shadows {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	left: 0;
	top: 0;
	position: absolute;
	z-index: 1
}

@media only all and (max-width: 768px) {
	.video-play-wrap .shadows {
		position: fixed
	}
}

.video-play-wrap .videos {
	width: 800px;
	max-height: 400px;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 2
}

@media only all and (max-width: 768px) {
	.video-play-wrap .videos {
		position: fixed;
		width: 80%
	}
}

.video-play-wrap .videos video {
	width: 100%;
	height: 400px;
	object-fit: cover
}

@media only all and (max-width: 1024px) {
	.video-play-wrap .videos video {
		width: 80%;
		height: 300px
	}
}

@media only all and (max-width: 768px) {
	.video-play-wrap .videos video {
		width: 100%;
		height: auto
	}
}

.video-play-wrap .close-video {
	position: absolute;
	top: 0;
	right: -23px;
	z-index: 10;
	top: -25px;
	cursor: pointer;
	font-size: 24px;
	font-weight: bold;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
	color: #fff
}

.video-play-wrap .close-video:hover {
	color: #029ee8
}

.phoneHeader {
	position: relative;
	width: 100%;
	top: 0;
	left: 0;
	background-color: #fff;
	z-index: 30;
	display: none
}

@media only all and (max-width: 768px) {
	.phoneHeader {
		display: block
	}
}

.phoneHeader .header-top {
	height: 60px;
	width: 100%;
	background-color: #fff;
	position: fixed;
	top: 0;
	left: 0;
	text-align: center
}

.phoneHeader .header-top .nav-toggle {
	position: absolute;
	display: inline-block;
	left: 0;
	top: 0;
	padding: 30px
}

.phoneHeader .header-top .nav-toggle span {
	left: 18px
}

.phoneHeader .header-top .nav-toggle span,
.phoneHeader .header-top .nav-toggle span:before,
.phoneHeader .header-top .nav-toggle span:after {
	cursor: pointer;
	border-radius: 1px;
	height: 3px;
	width: 25px;
	background: #008cd6;
	position: absolute;
	display: block;
	content: '';
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	-webkit-transform-origin: center center;
	-moz-transform-origin: center center;
	-ms-transform-origin: center center;
	-o-transform-origin: center center;
	transform-origin: center center
}

.phoneHeader .header-top .nav-toggle span:before {
	top: -8px
}

.phoneHeader .header-top .nav-toggle span:after {
	bottom: -8px
}

.phoneHeader .header-top .nav-toggle.active span {
	background: transparent
}

.phoneHeader .header-top .nav-toggle.active span:before {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 0
}

.phoneHeader .header-top .nav-toggle.active span:after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: 0
}

.phoneHeader .header-top .phone-logo {
	width: 120px;
	margin-top: 8px
}

@media only all and (max-width: 768px) {
	.phoneHeader .header-top .phone-logo {
		width: 120px;
		margin-top: 9px
	}
}

.phoneHeader .header-top .language-now {
	position: absolute;
	right: 0;
	top: 0;
	width: auto;
	height: 100%;
	text-align: center;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	padding-left: 10px;
	padding-right: 10px
}

.phoneHeader .header-top .language-now .now {
	line-height: 60px;
	color: #008cd6;
	display: inline-block;
	vertical-align: middle;
	margin-right: 3px;
	font-weight: bold;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s
}

.phoneHeader .header-top .language-now .now .iconfont {
	font-size: 22px
}

.phoneHeader .header-top .language-now .icon {
	color: #666;
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s
}

.phoneHeader .phone-nav {
	position: fixed;
	top: 60px;
	left: 0;
	width: 100%;
	display: none
}

.phoneHeader .phone-nav .phone-nav-con {
	position: absolute;
	top: 0;
	left: 0;
	padding-bottom: 40px;
	width: 100%;
	background-color: #fff;
	z-index: 2;
	max-height: -webkit-calc(100vh - 100px);
	max-height: -moz-calc(100vh - 100px);
	max-height: calc(100vh - 100px);
	overflow-y: scroll
}

.phoneHeader .phone-nav .phone-nav-con .phone-navs .item {
	border-bottom: 1px solid #e5e5e5
}

.phoneHeader .phone-nav .phone-nav-con .phone-navs .item:nth-child(1) {
	border-top: 1px solid #e5e5e5
}

.phoneHeader .phone-nav .phone-nav-con .phone-navs .item .stair .stair-item {
	line-height: 45px;
	font-size: 14px;
	color: #333;
	padding-left: 20px;
	width: 70%
}

.phoneHeader .phone-nav .phone-nav-con .phone-navs .item .stair .stair-item.active {
	color: #008cd6
}

.phoneHeader .phone-nav .phone-nav-con .phone-navs .item .stair .cut {
	line-height: 45px;
	font-size: 14px;
	color: #666;
	padding-right: 25px;
	padding-left: 25px
}

.phoneHeader .phone-nav .phone-nav-con .phone-navs .item .second {
	padding-bottom: 10px;
	display: none
}

.phoneHeader .phone-nav .phone-nav-con .phone-navs .item .second .second-item {
	display: block;
	padding-left: 20px;
	padding-right: 25px;
	line-height: 40px;
	font-size: 12px;
	color: #666
}

.phoneHeader .phone-nav .phone-nav-con .phone-navs .item .second .second-item.active {
	color: #008cd6
}

.phoneHeader .phone-nav .phone-nav-con .search-con {
	padding: 10px 10px;
	padding-top: 25px
}

.phoneHeader .phone-nav .phone-nav-con .search-con .input {
	position: relative;
	width: 100%;
	height: 45px
}

.phoneHeader .phone-nav .phone-nav-con .search-con .input input {
	width: 100%;
	height: 100%;
	background-color: #fff;
	border-radius: 10px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 16px;
	color: #333;
	border: 1px solid #333
}

.phoneHeader .phone-nav .phone-nav-con .search-con .input .icon-sousuo {
	position: absolute;
	top: 0;
	right: 0;
	color: #666;
	display: inline-block;
	line-height: 45px;
	height: 45px;
	width: 66px;
	padding-left: 21px;
	background-color: transparent;
	font-weight: bold;
	cursor: pointer
}

.phoneHeader .phone-nav .phone-nav-con .vip {
	padding: 10px;
	padding-bottom: 0
}

.phoneHeader .phone-nav .phone-nav-con .vip i {
	color: #333;
	margin-left: 3px;
	margin-right: 3px
}

.phoneHeader .phone-nav .phone-nav-con .vip .link {
	font-size: 16px;
	line-height: 20px;
	color: #333;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s
}

@media only all and (max-width: 1440px) {
	.phoneHeader .phone-nav .phone-nav-con .vip .link {
		font-size: 14px
	}
}

.phoneHeader .phone-nav .phone-nav-con .vip .link:hover {
	color: #07ade7
}

.phoneHeader .phone-nav .phone-nav-con .user-info {
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 20pxx
}

.phoneHeader .phone-nav .phone-nav-con .user-info .tit1 {
	font-size: 16px;
	line-height: 26px;
	color: #333;
	font-family: 'Roboto-Bold'
}

.phoneHeader .phone-nav .phone-nav-con .user-info .tit2 {
	font-size: 14px;
	line-height: 24px;
	color: #333;
	font-style: italic
}

.phoneHeader .phone-nav .phone-nav-con .user-info .form {
	margin-top: 20px
}

@media only all and (max-width: 1600px) {
	.phoneHeader .phone-nav .phone-nav-con .user-info .form {
		margin-top: 20px
	}
}

.phoneHeader .phone-nav .phone-nav-con .user-info .form input::-webkit-input-placeholder,
.phoneHeader .phone-nav .phone-nav-con .user-info .form select::-webkit-input-placeholder,
.phoneHeader .phone-nav .phone-nav-con .user-info .form textarea::-webkit-input-placeholder {
	color: #333
}

.phoneHeader .phone-nav .phone-nav-con .user-info .form input::-moz-placeholder,
.phoneHeader .phone-nav .phone-nav-con .user-info .form select::-moz-placeholder,
.phoneHeader .phone-nav .phone-nav-con .user-info .form textarea::-moz-placeholder {
	color: #333
}

.phoneHeader .phone-nav .phone-nav-con .user-info .form input:-moz-placeholder,
.phoneHeader .phone-nav .phone-nav-con .user-info .form select:-moz-placeholder,
.phoneHeader .phone-nav .phone-nav-con .user-info .form textarea:-moz-placeholder {
	color: #333
}

.phoneHeader .phone-nav .phone-nav-con .user-info .form input:-ms-input-placeholder,
.phoneHeader .phone-nav .phone-nav-con .user-info .form select:-ms-input-placeholder,
.phoneHeader .phone-nav .phone-nav-con .user-info .form textarea:-ms-input-placeholder {
	color: #333
}

.phoneHeader .phone-nav .phone-nav-con .user-info .form .item {
	position: relative;
	margin-bottom: 10px
}

.phoneHeader .phone-nav .phone-nav-con .user-info .form .item .import {
	position: absolute;
	color: #333;
	font-size: 16px;
	font-weight: bold;
	left: 0;
	top: 16px
}

@media only all and (max-width: 1600px) {
	.phoneHeader .phone-nav .phone-nav-con .user-info .form .item .import {
		top: 13px
	}
}

.phoneHeader .phone-nav .phone-nav-con .user-info .form .item input {
	height: 40px;
	width: 100%;
	border-bottom: 1px solid #333;
	font-size: 14px;
	font-weight: bold;
	padding-left: 10px;
	background-color: transparent;
	color: #333
}

.phoneHeader .phone-nav .phone-nav-con .user-info .form .item textarea {
	height: 110px;
	width: 100%;
	border: none;
	border-bottom: 1px solid #333;
	font-size: 14px;
	font-weight: bold;
	padding-left: 10px;
	background-color: transparent;
	color: #333;
	padding-top: 10px
}

@media only all and (max-width: 1600px) {
	.phoneHeader .phone-nav .phone-nav-con .user-info .form .item textarea {
		height: 100px
	}
}

.phoneHeader .phone-nav .phone-nav-con .user-info .form .item .error {
	font-size: 14px;
	line-height: 24px;
	font-weight: bold;
	color: #029ee8;
	display: inline-block
}

.phoneHeader .phone-nav .phone-nav-con .user-info .form .submit {
	width: 100px;
	height: 40px;
	border-radius: 20px;
	background-color: #029ee8;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	margin-top: 20px
}

@media only all and (max-width: 1600px) {
	.phoneHeader .phone-nav .phone-nav-con .user-info .form .submit {
		margin-top: 0px
	}
}

.phoneHeader .phone-nav .phone-nav-con .phone-search-parent {
	padding-left: 20px;
	padding-right: 25px
}

.phoneHeader .phone-nav .phone-nav-con .phone-search {
	position: relative;
	width: 100%;
	margin-top: 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.phoneHeader .phone-nav .phone-nav-con .phone-search input {
	width: 85%;
	height: 40px;
	line-height: 40px;
	background-color: #ebebeb;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	font-size: 14px;
	color: #333;
	padding-left: 10px
}

.phoneHeader .phone-nav .phone-nav-con .phone-search .btns {
	position: absolute;
	display: inline-block;
	height: 40px;
	line-height: 40px;
	width: 15%;
	top: 0;
	right: 0;
	cursor: pointer;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	color: #333;
	background-color: #ebebeb
}

.phoneHeader .phone-nav .shadow {
	position: fixed;
	top: 60px;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: rgba(0, 0, 0, 0.8)
}

.phoneHeader .phone-language {
	position: fixed;
	top: 60px;
	left: 0;
	width: 100%;
	display: none
}

.phoneHeader .phone-language .language-con {
	position: absolute;
	top: 0;
	left: 0;
	padding-top: 40px;
	padding-bottom: 40px;
	width: 100%;
	background-color: #fff;
	z-index: 2
}

.phoneHeader .phone-language .language-con a {
	width: 100%;
	line-height: 45px;
	font-size: 14px;
	color: #333;
	display: block;
	text-align: center
}

.phoneHeader .phone-language .language-con a.active {
	color: #008cd6
}

.phoneHeader .phone-language .shadow {
	position: fixed;
	top: 60px;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: rgba(0, 0, 0, 0.8)
}

footer {
	background:url(../image/dibubj.png) no-repeat;
	background-size: 100% 100%;
	padding-left: 8.3%;
	padding-right: 8.3%;
	position: relative;
	z-index: 5
}

@media only all and (max-width: 768px) {
	footer {
		padding-left: 10px;
		padding-right: 10px
	}
}

footer .footer-top {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: space-between;
	-webkit-justify-content: space-between;
	-moz-box-pack: space-between;
	-ms-flex-pack: space-between;
	justify-content: space-between;
	padding-top: 55px;
	padding-bottom: 70px
}

@media only all and (max-width: 1280px) {
	footer .footer-top {
		padding-top: 30px;
		padding-bottom: 30px
	}
}

@media only all and (max-width: 768px) {
	footer .footer-top .logo-wrap {
		width: 100%;
		margin-bottom: 20px
	}
}

footer .footer-top .logo-wrap .footer-logo {
	display: block;
	width: 177px;
	margin-bottom: 40px
}

@media only all and (max-width: 768px) {
	footer .footer-top .logo-wrap .footer-logo {
		width: 150px;
		margin-bottom: 20px
	}
}

footer .footer-top .logo-wrap .blogroll {
	text-align: center;
	cursor: pointer;
	position: relative;
	margin-left: 30px;
	display: inline-block
}

@media only all and (max-width: 768px) {
	footer .footer-top .logo-wrap .blogroll {
		margin-left: 0
	}
}

footer .footer-top .logo-wrap .blogroll .now {
	border: 2px solid rgba(255, 255, 255, 0.2);
	width: 160px;
	height: 46px;
	line-height: 46px;
	box-sizing: content-box;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border-radius: 25px
}

footer .footer-top .logo-wrap .blogroll .now span {
	font-size: 16px;
	color: #fff;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
	font-weight: bold;
	margin-right: 10px
}

footer .footer-top .logo-wrap .blogroll .now .iconfont {
	font-size: 14px;
	color: #fff;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
	display: inline-block
}

footer .footer-top .logo-wrap .blogroll .now:hover span {
	color: #029ee8
}

footer .footer-top .logo-wrap .blogroll .now:hover .iconfont {
	color: #029ee8
}

footer .footer-top .logo-wrap .blogroll .will-wrap {
	position: absolute;
	left: 0;
	top: 60px;
	overflow: hidden;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	-o-transform: translateY(10px);
	-ms-transform: translateY(10px);
	transform: translateY(10px);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
	width: 100%
}

footer .footer-top .logo-wrap .blogroll .will {
	width: 100%;
	height: 40px;
	line-height: 40px;
	color: #fff;
	background-color: rgba(255, 255, 255, 0.2);
	display: inline-block;
	border-radius: 20px;
	font-size: 14px;
	font-weight: bold;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
	margin-bottom: 5px
}

footer .footer-top .logo-wrap .blogroll .will:before {
	position: absolute;
	content: "";
	width: 100%;
	height: 10px;
	background-color: transparent;
	top: -10px;
	left: 0
}

footer .footer-top .logo-wrap .blogroll .will:hover {
	color: #029ee8
}

footer .footer-top .logo-wrap .blogroll:hover .will-wrap {
	overflow: visible;
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-o-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0)
}

footer .footer-top .right-info {
	width: 48%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: space-between;
	-webkit-justify-content: space-between;
	-moz-box-pack: space-between;
	-ms-flex-pack: space-between;
	justify-content: space-between
}

@media only all and (max-width: 768px) {
	footer .footer-top .right-info {
		width: 100%
	}
}

footer .footer-top .right-info .contact {
	width: 60%
}

@media only all and (max-width: 768px) {
	footer .footer-top .right-info .contact {
		width: 100%
	}
}

footer .footer-top .right-info .contact .contact-tit {
	font-size: 16px;
	line-height: 30px;
	color: #fff
}

footer .footer-top .right-info .contact .contact-con {
	margin-top: 21px
}

footer .footer-top .right-info .contact .contact-con .contact-item {
	font-size: 14px;
	line-height: 30px;
	color: #fff
}

footer .footer-top .right-info .contact .contact-con .contact-item .tit {
	display: inline-block;
	vertical-align: top
}

footer .footer-top .right-info .contact .contact-con .contact-item .detail {
	display: inline-block;
	vertical-align: top;
	width: 70%
}

footer .footer-top .right-info .contact .contact-con .contact-item .detail a {
	font-size: 14px;
	line-height: 30px;
	color: #fff;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s
}

footer .footer-top .right-info .contact .contact-con .contact-item .detail a:hover {
	opacity: 0.7
}

@media only all and (max-width: 768px) {
	footer .footer-top .right-info .attention-wrap {
		width: 100%;
		margin-top: 20px
	}
}

footer .footer-top .right-info .attention-wrap .language .language-item {
	font-size: 14px;
	line-height: 30px;
	color: rgba(255, 255, 255, 0.3);
	border-bottom: 2px solid transparent;
	display: inline-block;
	margin-right: 25px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s
}

footer .footer-top .right-info .attention-wrap .language .language-item:last-child {
	margin-right: 0
}

footer .footer-top .right-info .attention-wrap .language .language-item:hover,
footer .footer-top .right-info .attention-wrap .language .language-item.active {
	color: #fff;
	border-color: #fff
}

footer .footer-top .right-info .attention-wrap .attention {
	margin-top: 25px
}

footer .footer-top .right-info .attention-wrap .attention .attention-tit {
	font-size: 16px;
	line-height: 30px;
	color: #fff
}

footer .footer-top .right-info .attention-wrap .attention .attention-con {
	margin-top: 22px;
	font-size: 0
}

footer .footer-top .right-info .attention-wrap .attention .attention-con .share {
	display: inline-block;
	color: #fff;
	font-size: 16px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
	position: relative;
	text-align: center;
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 50%;
	border: 1px solid #fff;
	margin-right: 10px
}

footer .footer-top .right-info .attention-wrap .attention .attention-con .share:last-child {
	margin-right: 0
}

footer .footer-top .right-info .attention-wrap .attention .attention-con .share .erweima {
	position: absolute;
	left: -36px;
	width: 100px;
	max-width: 100px;
	top: 50%;
	margin-top: -130px;
	overflow: hidden;
	visibility: hidden;
	opacity: 0;
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	-o-transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	transform: translateY(-10px);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s
}

@media only all and (max-width: 414px) {
	footer .footer-top .right-info .attention-wrap .attention .attention-con .share .erweima {
		left: 0
	}
}

footer .footer-top .right-info .attention-wrap .attention .attention-con .share:hover {
	color: #00a0e9
}

footer .footer-top .right-info .attention-wrap .attention .attention-con .share:hover .erweima {
	overflow: visible;
	visibility: visible;
	opacity: 1;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-o-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0)
}

footer .footer-top .right-info .attention-wrap .attention .attention-con .share.backTop {
	display: none
}

@media only all and (max-width: 768px) {
	footer .footer-top .right-info .attention-wrap .attention .attention-con .share.backTop {
		display: block
	}
}

footer .footer-bottom {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: space-Between;
	-webkit-justify-content: space-Between;
	-moz-box-pack: space-Between;
	-ms-flex-pack: space-Between;
	justify-content: space-Between;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding-top: 25px;
	padding-bottom: 35px;
	border-top: 1px solid rgba(255, 255, 255, 0.2)
}

@media only all and (max-width: 1280px) {
	footer .footer-bottom {
		padding-top: 10px;
		padding-bottom: 10px
	}
}

footer .footer-bottom a:hover {
	text-decoration: underline
}

footer .footer-bottom .copyright {
	font-size: 14px;
	line-height: 30px;
	color: #fff;
	font-weight: bold
}

footer .footer-bottom .copyright a {
	color: #fff
}

@media only all and (max-width: 414px) {
	footer .footer-bottom .copyright {
		width: 100%
	}
}

footer .footer-bottom .author {
	font-size: 14px;
	line-height: 24px;
	color: #a8a8a8
}

@media only all and (max-width: 768px) {
	footer .footer-bottom .author {
		margin-top: 5px
	}
}

@media only all and (max-width: 414px) {
	footer .footer-bottom .author {
		width: 100%
	}
}

footer .footer-bottom .author a {
	display: inline-block;
	font-size: 14px;
	line-height: 24px;
	color: #a8a8a8
}

/*.layui-layer {*/
/*	margin-top: -50px !important;*/
/*	margin-left: -100px !important*/
/*}*/

/*.layui-layer-hui .layui-layer-content {*/
/*	padding-top: 40px !important;*/
/*	-webkit-box-sizing: border-box !important;*/
/*	-moz-box-sizing: border-box !important;*/
/*	box-sizing: border-box !important;*/
/*	overflow: hidden !important*/
/*}*/

.overturn {
	-webkit-transform: rotate(180deg) translate3d(0, 0, 0);
	-moz-transform: rotate(180deg) translate3d(0, 0, 0);
	transform: rotate(180deg) translate3d(0, 0, 0);
	text-align: left !important;
	padding-right: 0 !important;
	padding-left: 10px !important
}

@keyframes warn {
	0% {
		-webkit-transform: scale(0);
		-moz-transform: scale(0);
		-o-transform: scale(0);
		transform: scale(0);
		opacity: 1
	}

	100% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
		opacity: 0
	}
}

@keyframes bgarc2 {
	0% {
		transform: scale(2);
		opacity: 1
	}

	100% {
		transform: scale(4);
		opacity: 0
	}
}

@keyframes menu1 {

	0%,
	100% {
		width: 27px
	}

	25% {
		width: 22px
	}

	50% {
		width: 17px
	}

	75% {
		width: 22px
	}
}

@keyframes menu {

	0%,
	100% {
		height: 22px
	}

	25% {
		height: 20px
	}

	50% {
		height: 18px
	}

	75% {
		height: 20px
	}
}

@-webkit-keyframes swinging {
	0% {
		-webkit-transform: rotate(5deg);
		transform: rotate(5deg)
	}

	50% {
		-webkit-transform: rotate(20deg);
		transform: rotate(20deg)
	}

	100% {
		-webkit-transform: rotate(5deg);
		transform: rotate(5deg)
	}
}

@-moz-keyframes swinging {
	0% {
		-moz-transform: rotate(5deg);
		transform: rotate(5deg)
	}

	50% {
		-moz-transform: rotate(20deg);
		transform: rotate(20deg)
	}

	100% {
		-moz-transform: rotate(5deg);
		transform: rotate(5deg)
	}
}

@-o-keyframes swinging {
	0% {
		-o-transform: rotate(5deg);
		transform: rotate(5deg)
	}

	50% {
		-o-transform: rotate(20deg);
		transform: rotate(20deg)
	}

	100% {
		-o-transform: rotate(5deg);
		transform: rotate(5deg)
	}
}

@keyframes swinging {
	0% {
		-webkit-transform: rotate(5deg);
		-moz-transform: rotate(5deg);
		-o-transform: rotate(5deg);
		transform: rotate(5deg)
	}

	50% {
		-webkit-transform: rotate(20deg);
		-moz-transform: rotate(20deg);
		-o-transform: rotate(20deg);
		transform: rotate(20deg)
	}

	100% {
		-webkit-transform: rotate(5deg);
		-moz-transform: rotate(5deg);
		-o-transform: rotate(5deg);
		transform: rotate(5deg)
	}
}

@-webkit-keyframes round {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@-moz-keyframes round {
	0% {
		-moz-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	100% {
		-moz-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@-o-keyframes round {
	0% {
		-o-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	100% {
		-o-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes round {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@-webkit-keyframes fadeInDown2 {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
		-moz-transform: translateY(-20px);
		-o-transform: translateY(-20px);
		transform: translateY(-20px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0)
	}
}

@-moz-keyframes fadeInDown2 {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
		-moz-transform: translateY(-20px);
		-o-transform: translateY(-20px);
		transform: translateY(-20px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0)
	}
}

@-o-keyframes fadeInDown2 {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
		-moz-transform: translateY(-20px);
		-o-transform: translateY(-20px);
		transform: translateY(-20px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes fadeInDown2 {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
		-moz-transform: translateY(-20px);
		-o-transform: translateY(-20px);
		transform: translateY(-20px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0)
	}
}

.fadeInDown2 {
	-webkit-animation-name: fadeInDown2;
	-moz-animation-name: fadeInDown2;
	-o-animation-name: fadeInDown2;
	animation-name: fadeInDown2;
	-webkit-animation-duration: 0.8s;
	-moz-animation-duration: 0.8s;
	-o-animation-duration: 0.8s;
	animation-duration: 0.8s
}

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

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

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

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

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

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

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

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

.fadeInDown3 {
	-webkit-animation-name: fadeInDown3;
	-moz-animation-name: fadeInDown3;
	-o-animation-name: fadeInDown3;
	animation-name: fadeInDown3;
	-webkit-animation-duration: 2;
	-moz-animation-duration: 2s;
	-o-animation-duration: 2s;
	animation-duration: 2s
}

.fadeInDown32 {
	-webkit-animation-name: fadeInDown3;
	-moz-animation-name: fadeInDown3;
	-o-animation-name: fadeInDown3;
	animation-name: fadeInDown3;
	-webkit-animation-duration: 0.5;
	-moz-animation-duration: 0.5s;
	-o-animation-duration: 0.5s;
	animation-duration: 0.5s
}

@keyframes tds-keyframe-bounce {

	0%,
	20%,
	50%,
	80%,
	to {
		transform: translateY(0)
	}

	40% {
		transform: translateY(-5px)
	}

	60% {
		transform: translateY(-3px)
	}
}

@-webkit-keyframes quan {
	0% {
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
		opacity: 1
	}

	100% {
		-webkit-transform: scale(1.5);
		transform: scale(1.5);
		opacity: 0
	}
}

@-moz-keyframes quan {
	0% {
		-moz-transform: scale(0.8);
		transform: scale(0.8);
		opacity: 1
	}

	100% {
		-moz-transform: scale(1.5);
		transform: scale(1.5);
		opacity: 0
	}
}

@-o-keyframes quan {
	0% {
		-o-transform: scale(0.8);
		transform: scale(0.8);
		opacity: 1
	}

	100% {
		-o-transform: scale(1.5);
		transform: scale(1.5);
		opacity: 0
	}
}

@keyframes quan {
	0% {
		-webkit-transform: scale(0.8);
		-moz-transform: scale(0.8);
		-o-transform: scale(0.8);
		transform: scale(0.8);
		opacity: 1
	}

	100% {
		-webkit-transform: scale(1.5);
		-moz-transform: scale(1.5);
		-o-transform: scale(1.5);
		transform: scale(1.5);
		opacity: 0
	}
}

@-webkit-keyframes quan2 {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}

	100% {
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
		opacity: 0
	}
}

@-moz-keyframes quan2 {
	0% {
		-moz-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}

	100% {
		-moz-transform: scale(1.2);
		transform: scale(1.2);
		opacity: 0
	}
}

@-o-keyframes quan2 {
	0% {
		-o-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}

	100% {
		-o-transform: scale(1.2);
		transform: scale(1.2);
		opacity: 0
	}
}

@keyframes quan2 {
	0% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}

	100% {
		-webkit-transform: scale(1.2);
		-moz-transform: scale(1.2);
		-o-transform: scale(1.2);
		transform: scale(1.2);
		opacity: 0
	}
}

@-webkit-keyframes suofang {

	0%,
	100% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	50% {
		-webkit-transform: scale(1.2);
		transform: scale(1.2)
	}
}

@-moz-keyframes suofang {

	0%,
	100% {
		-moz-transform: scale(1);
		transform: scale(1)
	}

	50% {
		-moz-transform: scale(1.2);
		transform: scale(1.2)
	}
}

@-o-keyframes suofang {

	0%,
	100% {
		-o-transform: scale(1);
		transform: scale(1)
	}

	50% {
		-o-transform: scale(1.2);
		transform: scale(1.2)
	}
}

@keyframes suofang {

	0%,
	100% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1)
	}

	50% {
		-webkit-transform: scale(1.2);
		-moz-transform: scale(1.2);
		-o-transform: scale(1.2);
		transform: scale(1.2)
	}
}

@-webkit-keyframes arrow {
	0% {
		opacity: 0;
		-webkit-transform: translate(0, -20px);
		-moz-transform: translate(0, -20px);
		-ms-transform: translate(0, -20px);
		-o-transform: translate(0, -20px);
		transform: translate(0, -20px)
	}

	50% {
		opacity: 1;
		-webkit-transform: translate(0, -10px);
		-moz-transform: translate(0, -10px);
		-ms-transform: translate(0, -10px);
		-o-transform: translate(0, -10px);
		transform: translate(0, -10px)
	}

	100% {
		opacity: 0;
		-webkit-transform: translate(0, 0px);
		-moz-transform: translate(0, 0px);
		-ms-transform: translate(0, 0px);
		-o-transform: translate(0, 0px);
		transform: translate(0, 0px)
	}
}

@-moz-keyframes arrow {
	0% {
		opacity: 0;
		-webkit-transform: translate(0, -20px);
		-moz-transform: translate(0, -20px);
		-ms-transform: translate(0, -20px);
		-o-transform: translate(0, -20px);
		transform: translate(0, -20px)
	}

	50% {
		opacity: 1;
		-webkit-transform: translate(0, -10px);
		-moz-transform: translate(0, -10px);
		-ms-transform: translate(0, -10px);
		-o-transform: translate(0, -10px);
		transform: translate(0, -10px)
	}

	100% {
		opacity: 0;
		-webkit-transform: translate(0, 0px);
		-moz-transform: translate(0, 0px);
		-ms-transform: translate(0, 0px);
		-o-transform: translate(0, 0px);
		transform: translate(0, 0px)
	}
}

@-o-keyframes arrow {
	0% {
		opacity: 0;
		-webkit-transform: translate(0, -20px);
		-moz-transform: translate(0, -20px);
		-ms-transform: translate(0, -20px);
		-o-transform: translate(0, -20px);
		transform: translate(0, -20px)
	}

	50% {
		opacity: 1;
		-webkit-transform: translate(0, -10px);
		-moz-transform: translate(0, -10px);
		-ms-transform: translate(0, -10px);
		-o-transform: translate(0, -10px);
		transform: translate(0, -10px)
	}

	100% {
		opacity: 0;
		-webkit-transform: translate(0, 0px);
		-moz-transform: translate(0, 0px);
		-ms-transform: translate(0, 0px);
		-o-transform: translate(0, 0px);
		transform: translate(0, 0px)
	}
}

@keyframes arrow {
	0% {
		opacity: 0;
		-webkit-transform: translate(0, -20px);
		-moz-transform: translate(0, -20px);
		-ms-transform: translate(0, -20px);
		-o-transform: translate(0, -20px);
		transform: translate(0, -20px)
	}

	50% {
		opacity: 1;
		-webkit-transform: translate(0, -10px);
		-moz-transform: translate(0, -10px);
		-ms-transform: translate(0, -10px);
		-o-transform: translate(0, -10px);
		transform: translate(0, -10px)
	}

	100% {
		opacity: 0;
		-webkit-transform: translate(0, 0px);
		-moz-transform: translate(0, 0px);
		-ms-transform: translate(0, 0px);
		-o-transform: translate(0, 0px);
		transform: translate(0, 0px)
	}
}

@keyframes cloud {

	0%,
	100% {
		transform: translate(0, 0px)
	}

	25% {
		transform: translate(0, 14px)
	}

	50% {
		transform: translate(14px, 0px)
	}

	75% {
		transform: translate(-14px, 0)
	}
}

.cloud {
	-webkit-animation: cloud 10s infinite;
	-moz-animation: cloud 10s infinite;
	-o-animation: cloud 10s infinite;
	animation: cloud 10s infinite
}

@keyframes ellipse {
	0% {
		opacity: 0;
		transform: scale(0.7)
	}

	50% {
		opacity: 1;
		transform: scale(1.3)
	}

	100% {
		opacity: 0;
		transform: scale(1.6)
	}
}

[v-cloak] {
	display: none
}

.slide-fade-enter-active,
.slide-fade-leave-active {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease
}

.slide-fade-enter,
.slide-fade-leave-to {
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	-o-transform: translateY(10px);
	-ms-transform: translateY(10px);
	transform: translateY(10px);
	opacity: 0
}

.right-fade-enter-active,
.right-fade-leave-active {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease
}

.right-fade-enter,
.right-fade-leave-to {
	-webkit-transform: translateX(10px);
	-moz-transform: translateX(10px);
	-o-transform: translateX(10px);
	-ms-transform: translateX(10px);
	transform: translateX(10px);
	opacity: 0
}

.el-message-box {
	max-width: 90% !important
}

@media only all and (max-width: 414px) {
	.el-message {
		min-width: 90% !important;
		max-width: 90% !important
	}
}