@charset "utf-8";
big,
blockquote,
body,
button,
dd,
div,
dl,
dt,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
iframe,
input,
li,
menu,
ol,
p,
select,
table,
td,
textarea,
th,
ul {
	margin: 0;
	padding: 0;
	font-size: 12px
}

body,
html {
	width: 100%;
	height: 100%
}

body {
	zoom: 1;
	background: #fff;
	font-family: Arial, "微软雅黑", "Microsoft YaHei"
}

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

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

body,
button,
input,
select,
textarea {
	font-size: 12px;
	font-family: Arial, "微软雅黑"
}

table,
td,
th,
tr {
	border: 0 none;
	vertical-align: middle;
	border-collapse: collapse
}

button {
	cursor: pointer
}

address,
cite,
em,
i {
	font-style: normal
}

a {
	text-decoration: none;
	outline: 0;
	blr: expression(this.onFocus=this.blur())
}

a:link {
	text-decoration: none;
	cursor: pointer
}

a:active,
a:hover {
	text-decoration: none;
	-moz-background-clip: 222
}

a:focus {
	outline: 0
}

button::-moz-focus-inner,
input[type=reset]::-moz-focus-inner,
input[type=button]::-moz-focus-inner,
input[type=submit]::-moz-focus-inner,
input[type=file]>input[type=button]::-moz-focus-inner {
	border: none;
	padding: 0
}

.ui-loader-default {
	display: none
}

body {
	overflow-x: hidden
}

.NumContent {
	height: inherit;
	display: inherit;
	overflow: hidden;
	position: relative;
	line-height: inherit;
	font-size: inherit
}

.NumContent>div {
	line-height: inherit;
	color: inherit;
	font-size: inherit;
	display: inline-block;
	opacity: 0
}

.NumContent>div>div {
	line-height: inherit;
	color: inherit;
	font-size: inherit
}

.NumContent>div:nth-child(1) {
	transition: all 1.5s cubic-bezier(.35, .75, .55, 1);
	-moz-transition: all 1.5s cubic-bezier(.35, .75, .55, 1);
	-webkit-transition: all 1.5s cubic-bezier(.35, .75, .55, 1)
}

.NumContent>div:nth-child(2) {
	transition: all 1.5s cubic-bezier(.35, .75, .55, 1) .3s;
	-moz-transition: all 1.5s cubic-bezier(.35, .75, .55, 1) .2s;
	-webkit-transition: all 1.5s cubic-bezier(.35, .75, .55, 1) .2s
}

.NumContent>div:nth-child(3) {
	transition: all 1.5s cubic-bezier(.35, .75, .55, 1) .4s;
	-moz-transition: all 1.5s cubic-bezier(.35, .75, .55, 1) .4s;
	-webkit-transition: all 1.5s cubic-bezier(.35, .75, .55, 1) .4s
}

.NumContent>div:nth-child(4) {
	transition: all 1.5s cubic-bezier(.35, .75, .55, 1) .9s;
	-moz-transition: all 1.5s cubic-bezier(.35, .75, .55, 1) .9s;
	-webkit-transition: all 1.5s cubic-bezier(.35, .75, .55, 1) .9s
}

.NumContent>div:nth-child(5) {
	transition: all 1.5s cubic-bezier(.35, .75, .55, 1) 1.2s;
	-moz-transition: all 1.5s cubic-bezier(.35, .75, .55, 1) 1.2s;
	-webkit-transition: all 1.5s cubic-bezier(.35, .75, .55, 1) 1.2s
}

.NumContent.active>div {
	transition: all .3s cubic-bezier(.35, .75, .55, 1);
	-moz-transition: all .3s cubic-bezier(.35, .75, .55, 1);
	-webkit-transition: all .3s cubic-bezier(.35, .75, .55, 1)
}

@media(max-width:414px){
	.nav_logo{
		display: none;
	}
}

.myTop {
	width: 100px;
	height:500px;
	position: fixed;
	right: 0px;
	bottom: 0;
	z-index: 9999;
}

.myTop a {
	width: 100%;
	height: 100px;
	opacity: 0;
	visibility: hidden;
	text-align: center;
	line-height: 100px;
	border: 1px solid #ccc;
	color: #000;
	display: block;
	position: relative;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	position: relative;
}

.myTop p {
	height: 70px;
	border-bottom: 1px solid #666;
	line-height: 100px;
	width: 240px;
	color: rgba(0, 0, 0, 1);
	padding-left: 60px;
	font-size: 14px;
	background: rgba(255, 255, 255, 1);
	position: absolute;
	left: 0;
	top: 0;
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out
}



.GoTop.active, .myTop a.active, .myweixin.active,.mylogo.active {
	opacity: 1;
	visibility: visible
}
.GoTop {
	position: relative;
	width: 100px;
	z-index: 99999;
	height: 100px;
	background: none;
	cursor: pointer;
	visibility: hidden;
	opacity: 0;
	text-align: center;
	line-height: 100px;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	background: rgba(255, 255, 255,1)
}

.GoTop p {
	position: absolute;
	top: -100%;
	right: -100%
}

.GoTop a {
	display: block;
	height: 100px;
	width: 100%;
	border:1px solid #ccc;
}

.GoTop svg {
	width: 20px;
	position: relative;
	top: 5px;
	height: 20px;
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s
}

.myweixin {
	position: relative;
	width: 100%;
	height: 100px;
	background: rgba(255, 255, 255, 1) url("../images/wxs1.png") no-repeat 32px center;
	opacity: 1
}




@media screen and (min-width:414px) and (max-width:768px){
	.myTop {
		width:70px;
		height:350px;
		position: fixed;
		right: 0px;
		bottom: 60px;
		z-index: 9999;
	}

	.myTop a {
		width: 100%;
		height: 70px;
		line-height: 70px;
	}

	.myTop p {
		height: 70px;
		line-height: 70px
	}
	.myPhone{
		background: #fff;
		opacity: 1;
		height:70px;
		line-height: 70px;
	}

	.myPhone p {
		background: rgba(255, 255, 255,1) url("../images/mynum.png") no-repeat 16px center;z-index:999;
		font-size: 22px;
	}

	.myPhone:hover p {
		background: rgba(0,0,0,0.8) url("../images/mynum1.png") no-repeat 16px center;z-index:999;
		left: -100px;
		color:#fff;
		text-align: center;
		line-height: 70px;
	}
	.myPhone:hover span{
		color:#000;
	}
	.GoTop {
		width: 70px;
		height: 70px;
		line-height: 70px
	}
	.GoTop{
		position:relative;
	}
	.GoTop span{
		position: absolute;
		top:35%;
		text-align: center;
		left: 0px;

	}


	.myweixin:hover {
		background: rgba(255, 255, 255,1) url("../images/wxs2.png") no-repeat 20px center
	}

	.myweixin:hover img {
		height: 100px
	}
	.myPhone span{
		color:#000;z-index:9999;
	}



}
@media (max-width: 414px) {
	.myTop {
		width:60px;
		height:300px;
		position: fixed;
		right: 0px;
		bottom: 60px;
		z-index: 9999;
	}

	.myTop a {
		width: 100%;
		height: 60px;
		line-height: 60px;
	}

	.myTop p {
		height: 60px;
		line-height: 60px;
	}
	.myPhone{
		background: #fff;
		opacity: 1;
		background: rgba(255, 255, 255,1) url("../images/mynum.png") no-repeat 16px center; color:#000;

	}

	.myPhone p {
		background: rgba(255, 255, 255,1) url("../images/mynum.png") no-repeat 16px center; color:#000;
		z-index:9999;
		font-size: 20px;
	}

	.myPhone:hover p {
		background: rgba(0,0,0,0.8) url("../images/mynum1.png") no-repeat 16px center;color:#fff;   left: -250px;
		text-align: center;
		line-height: 60px;
	}

	.myPhone:hover span {
		color:#000;

	}


	.GoTop {
		width: 60px;
		height: 60px;
		line-height: 60px;
	}
	.GoTop{
		position:relative;
	}
	.GoTop span{
		position: absolute;
		top:35%;
		text-align: center;
		width: 100%;
		left: 0px;

	}

	.myweixin {
		background: rgba(255, 255, 255,1) url("../images/wxs1.png") no-repeat 20px center;

	}

	.myweixin:hover {
		background: rgba(255, 255, 255,1) url("../images/wxs2.png") no-repeat 20px center
	}

	.myweixin:hover img {
		height: 100px
	}
	.myPhone span{
		color:#000;z-index:9999;
	}

}