@-moz-keyframes ue-pudding{0%{-moz-transform:scale(1.2,0.8)}1%{-moz-transform:scale(1.18,0.82)}2%{-moz-transform:scale(1.16,0.84)}3%{-moz-transform:scale(1.13,0.87)}4%{-moz-transform:scale(1.1,0.9)}5%{-moz-transform:scale(1.07,0.93)}6%{-moz-transform:scale(1.04,0.96)}7%{-moz-transform:scale(1.01,0.99)}8%{-moz-transform:scale(0.99,1.01)}9%{-moz-transform:scale(0.97,1.03)}10%{-moz-transform:scale(0.95,1.05)}11%{-moz-transform:scale(0.94,1.06)}12%{-moz-transform:scale(0.93,1.07)}13%{-moz-transform:scale(0.93,1.07)}14%{-moz-transform:scale(0.93,1.07)}15%{-moz-transform:scale(0.93,1.07)}16%{-moz-transform:scale(0.94,1.06)}17%{-moz-transform:scale(0.94,1.06)}18%{-moz-transform:scale(0.95,1.05)}19%{-moz-transform:scale(0.96,1.04)}20%{-moz-transform:scale(0.98,1.02)}21%{-moz-transform:scale(0.99,1.01)}22%{-moz-transform:scale(1,1)}23%{-moz-transform:scale(1,1)}24%{-moz-transform:scale(1.01,0.99)}25%{-moz-transform:scale(1.02,0.98)}26%{-moz-transform:scale(1.02,0.98)}27%{-moz-transform:scale(1.02,0.98)}28%{-moz-transform:scale(1.03,0.97)}29%{-moz-transform:scale(1.03,0.97)}30%{-moz-transform:scale(1.02,0.98)}31%{-moz-transform:scale(1.02,0.98)}32%{-moz-transform:scale(1.02,0.98)}33%{-moz-transform:scale(1.02,0.98)}34%{-moz-transform:scale(1.01,0.99)}35%{-moz-transform:scale(1.01,0.99)}36%{-moz-transform:scale(1.01,0.99)}37%{-moz-transform:scale(1,1)}38%{-moz-transform:scale(1,1)}39%{-moz-transform:scale(1,1)}40%{-moz-transform:scale(0.99,1.01)}41%{-moz-transform:scale(0.99,1.01)}42%{-moz-transform:scale(0.99,1.01)}43%{-moz-transform:scale(0.99,1.01)}44%{-moz-transform:scale(0.99,1.01)}45%{-moz-transform:scale(0.99,1.01)}46%{-moz-transform:scale(0.99,1.01)}47%{-moz-transform:scale(0.99,1.01)}48%{-moz-transform:scale(0.99,1.01)}49%{-moz-transform:scale(1,1)}}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block
}
body {
	line-height: 1
}
ol, ul {
	list-style: none
}
blockquote, q {
	quotes: none
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
html, body {
	margin: 0;
	padding: 0
}
input {
	outline: 0
}
a {
	text-decoration: none;
	color: #fff;
	font-size: 14px;
	font-family: "arial", "微软雅黑", "Microsoft YaHei"
}
html {
	-webkit-font-smoothing: antialiased;
	-webkit-overflow-scrolling: touch
}
body {
	color: #868585;
	font-size: 14px;
	font-family: "arial", "微软雅黑", "Microsoft YaHei";
	background: #fff
}
_::a, _::body {
font-family:"微软雅黑", "Microsoft YaHei"
}
img {
	border: 0
}
.fl {
	float: left
}
.fr {
	float: right
}
.clear {
	clear: both
}
html, body, .page {
	width: 100%
}
#preload {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: #41b1e7;
	z-index: 999;
	overflow: hidden;
	text-align: center;
	-webkit-animation: preload-layer 5.2s cubic-bezier(0.77, 0, 0.175, 1) both;
	-moz-animation: preload-layer 5.2s cubic-bezier(0.77, 0, 0.175, 1) both;
	animation: preload-layer 5.2s cubic-bezier(0.77, 0, 0.175, 1) both
}
.csstransitions #preload {
	clip: rect(0px 2560px 2000px 0)
}
.no-csstransitions .preload-logo {
	background: url('index-logo2.png') no-repeat 50% 0
}
.preload {
	width: 550px;
	height: 580px;
	position: absolute;
	top: 0;
	padding-top:11%;
	left: 50%;
	margin: 0 0 0 -290px;
	color: #fff;
	overflow: hidden
}
.preload article {
	color: #fff
}
.preload-logo2 {
	margin: 0px 0 10px;
	height: 50px
}
.preload-logo1 {
	width: 165px;
	height: 165px;
	margin: 0 auto;
	margin-top: -2px;
	margin-top: 0px\9
}
.preload-logo1 svg path {
	stroke-dasharray: 908.1746215820312;
	stroke-dashoffset: -650;
	stroke-width: 2
}
#preload .preload-logo1 svg path {
	-webkit-animation: preload 2.2s cubic-bezier(0.77, 0, 0.175, 1) both;
	-moz-animation: preload 2.2s cubic-bezier(0.77, 0, 0.175, 1) both;
	animation: preload 2.2s cubic-bezier(0.77, 0, 0.175, 1) both
}
#preload .preload-logo2 svg path {
	stroke-dasharray: 908.1746215820312;
	stroke-dashoffset: -900;
	stroke-width: 2;
	-webkit-animation: preload2 2.5s cubic-bezier(0.77, 0, 0.175, 1) both .2s;
	-moz-animation: preload2 2.5s cubic-bezier(0.77, 0, 0.175, 1) both .2s;
	animation: preload2 2.5s cubic-bezier(0.77, 0, 0.175, 1) both .2s
}
.preload-logo3 {
	-webkit-animation: preload3 .5s cubic-bezier(0.215, 0.61, 0.355, 1) both 2s;
	-moz-animation: preload3 .5s cubic-bezier(0.215, 0.61, 0.355, 1) both 2s;
	animation: preload3 .5s cubic-bezier(0.215, 0.61, 0.355, 1) both 2s
}
#preload .title {
	-webkit-animation: preload3 1.5s cubic-bezier(0.215, 0.61, 0.355, 1) both 2s;
	-moz-animation: preload3 1.5s cubic-bezier(0.215, 0.61, 0.355, 1) both 2s;
	animation: preload3 1.5s cubic-bezier(0.215, 0.61, 0.355, 1) both 2s
}
#preload article {
	-webkit-animation: preload3 1.9s cubic-bezier(0.215, 0.61, 0.355, 1) both 2s;
	-moz-animation: preload3 1.9s cubic-bezier(0.215, 0.61, 0.355, 1) both 2s;
	animation: preload3 1.9s cubic-bezier(0.215, 0.61, 0.355, 1) both 2s
}
@-moz-keyframes preload {
0% {
fill:rgba(255,255,255,0);
stroke-dashoffset:-650;
stroke-width:1
}
80% {
fill:rgba(255,255,255,0);
stroke-dashoffset:0;
stroke-width:1
}
100% {
fill:rgba(255,255,255,1);
stroke-dashoffset:0;
stroke-width:0
}
}
@-webkit-keyframes preload {
0% {
fill:rgba(255,255,255,0);
stroke-dashoffset:-650;
stroke-width:2
}
80% {
fill:rgba(255,255,255,0);
stroke-dashoffset:0;
stroke-width:2
}
100% {
fill:rgba(255,255,255,1);
stroke-dashoffset:0;
stroke-width:0
}
}
@keyframes preload {
0% {
fill:rgba(255,255,255,0);
stroke-dashoffset:-650;
stroke-width:2
}
80% {
fill:rgba(255,255,255,0);
stroke-dashoffset:0;
stroke-width:2
}
100% {
fill:rgba(255,255,255,1);
stroke-dashoffset:0;
stroke-width:0
}
}
@-moz-keyframes preload2 {
0% {
fill:rgba(255,255,255,0);
stroke-dashoffset:-900;
stroke-width:2
}
80% {
fill:rgba(255,255,255,0);
stroke-dashoffset:0;
stroke-width:2
}
100% {
fill:rgba(255,255,255,1);
stroke-dashoffset:0;
stroke-width:0
}
}
@-webkit-keyframes preload2 {
0% {
fill:rgba(255,255,255,0);
stroke-dashoffset:-900;
stroke-width:2
}
80% {
fill:rgba(255,255,255,0);
stroke-dashoffset:0;
stroke-width:2
}
100% {
fill:rgba(255,255,255,1);
stroke-dashoffset:0;
stroke-width:0
}
}
@keyframes preload2 {
0% {
fill:rgba(255,255,255,0);
stroke-dashoffset:-900;
stroke-width:2
}
80% {
fill:rgba(255,255,255,0);
stroke-dashoffset:0;
stroke-width:2
}
100% {
fill:rgba(255,255,255,1);
stroke-dashoffset:0;
stroke-width:0
}
}

@-moz-keyframes preload3 {
0% {
-webkit-transform:translateY(80px);
opacity:0
}
100% {
-webkit-transform:translateY(0px);
opacity:1
}
}
@-webkit-keyframes preload3 {
0% {
-webkit-transform:translateY(80px);
opacity:0
}
100% {
-webkit-transform:translateY(0px);
opacity:1
}
}
@keyframes preload3 {
0% {
-webkit-transform:translateY(80px);
opacity:0
}
100% {
-webkit-transform:translateY(0px);
opacity:1
}
}
@-moz-keyframes preload-layer {
0% {
visibility:visible;
clip:rect(0px 2560px 1400px 0)
}
60% {
visibility:visible;
clip:rect(0px 2560px 1400px 0)
}
100% {
visibility:hidden;
clip:rect(0px 2560px 0px 0)
}
}
@-webkit-keyframes preload-layer {
0% {
visibility:visible;
clip:rect(0px 2560px 1400px 0)
}
60% {
visibility:visible;
clip:rect(0px 2560px 1400px 0)
}
100% {
visibility:hidden;
clip:rect(0px 2560px 0px 0)
}
}
@keyframes preload-layer {
0% {
visibility:visible;
clip:rect(0px 2560px 1400px 0)
}
60% {
visibility:visible;
clip:rect(0px 2560px 1400px 0)
}
100% {
visibility:hidden;
clip:rect(0px 2560px 0px 0)
}
}

.wrap {
	width: 1100px;
	margin: 0 auto;
	position: relative
}
header {
	height: 50px;
	position: fixed;
	width: 100%;
	height: 50px;
	background: #323436;
	z-index: 99
}
#logo {
	opacity: 0.6;
	-webkit-transition: all 1s cubic-bezier(0.86, 0, 0.07, 1);
	-moz-transition: all 1s cubic-bezier(0.86, 0, 0.07, 1);
	transition: all 1s cubic-bezier(0.86, 0, 0.07, 1)
}
#logo.active {
	opacity: 1
}
#logo img, #logo a {
	display: block
}
nav {
	margin-left: 60px;
	height: 50px
}
nav ul li {
	display: inline-block;
	margin-right: 60px;
	line-height: 50px
}
nav ul li a {
	color: #848484;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	transition: all .3s ease-out
}
nav ul li.current a, nav ul li:hover a {
	color: #fff
}
#wrapper {
	position: relative;
	-webkit-transition: all 1s cubic-bezier(0.86, 0, 0.07, 1);
	-moz-transition: all 1s cubic-bezier(0.86, 0, 0.07, 1);
	transition: all 1s cubic-bezier(0.86, 0, 0.07, 1);
	-webkit-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden
}
.page {
	position: relative;
	overflow: hidden
}
#index {
	background: #1c1e20;
	text-align: center
}
.index-bg {
	width: 100%
}
.index-bg {
	transform: translateY(-100px);
	-webkit-transform: translateY(-100px);
	-moz-transform: translateY(-100px);
	-webkit-transition: all 2s cubic-bezier(0.215, 0.61, 0.355, 1);
	-moz-transition: all 2s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: all 2s cubic-bezier(0.215, 0.61, 0.355, 1)
}
.show .index-bg {
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-webkit-transition: all 2s cubic-bezier(0.215, 0.61, 0.355, 1) .4s;
	-moz-transition: all 2s cubic-bezier(0.215, 0.61, 0.355, 1) .4s;
	transition: all 2s cubic-bezier(0.215, 0.61, 0.355, 1) .4s
}
.index-bg img {
	width: 100%
}
.index {
	width: 550px;
	height: 580px;
	position: absolute;
	top: 60%;
	left: 50%;
	margin: -275px 0 0 -290px
}
.title {
	margin: 50px 0 10px 0
}
article {
	color: #979797;
	line-height: 26px;
	font-size: 15px
}
.action {
	width: 50px;
	height: 50px;
	overflow: hidden;
	margin: 0 auto;
	margin-top: 100px
}
.borderradius .action {
	overflow: hidden;
	background: rgba(0,0,0,0.5);
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	transition: all .3s ease-out;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	cursor: pointer
}
.borderradius .action:hover {
	background: #41b1e7;
	-webkit-animation: ue-pudding 1s linear;
	-moz-animation: ue-pudding 1s linear;
	animation: ue-pudding 1s linear
}
@keyframes ue-pudding {
0% {
transform:scale(1.2, 0.8)
}
1% {
transform:scale(1.18, 0.82)
}
2% {
transform:scale(1.16, 0.84)
}
3% {
transform:scale(1.13, 0.87)
}
4% {
transform:scale(1.1, 0.9)
}
5% {
transform:scale(1.07, 0.93)
}
6% {
transform:scale(1.04, 0.96)
}
7% {
transform:scale(1.01, 0.99)
}
8% {
transform:scale(0.99, 1.01)
}
9% {
transform:scale(0.97, 1.03)
}
10% {
transform:scale(0.95, 1.05)
}
11% {
transform:scale(0.94, 1.06)
}
12% {
transform:scale(0.93, 1.07)
}
13% {
transform:scale(0.93, 1.07)
}
14% {
transform:scale(0.93, 1.07)
}
15% {
transform:scale(0.93, 1.07)
}
16% {
transform:scale(0.94, 1.06)
}
17% {
transform:scale(0.94, 1.06)
}
18% {
transform:scale(0.95, 1.05)
}
19% {
transform:scale(0.96, 1.04)
}
20% {
transform:scale(0.98, 1.02)
}
21% {
transform:scale(0.99, 1.01)
}
22% {
transform:scale(1, 1)
}
23% {
transform:scale(1, 1)
}
24% {
transform:scale(1.01, 0.99)
}
25% {
transform:scale(1.02, 0.98)
}
26% {
transform:scale(1.02, 0.98)
}
27% {
transform:scale(1.02, 0.98)
}
28% {
transform:scale(1.03, 0.97)
}
29% {
transform:scale(1.03, 0.97)
}
30% {
transform:scale(1.02, 0.98)
}
31% {
transform:scale(1.02, 0.98)
}
32% {
transform:scale(1.02, 0.98)
}
33% {
transform:scale(1.02, 0.98)
}
34% {
transform:scale(1.01, 0.99)
}
35% {
transform:scale(1.01, 0.99)
}
36% {
transform:scale(1.01, 0.99)
}
37% {
transform:scale(1, 1)
}
38% {
transform:scale(1, 1)
}
39% {
transform:scale(1, 1)
}
40% {
transform:scale(0.99, 1.01)
}
41% {
transform:scale(0.99, 1.01)
}
42% {
transform:scale(0.99, 1.01)
}
43% {
transform:scale(0.99, 1.01)
}
44% {
transform:scale(0.99, 1.01)
}
45% {
transform:scale(0.99, 1.01)
}
46% {
transform:scale(0.99, 1.01)
}
47% {
transform:scale(0.99, 1.01)
}
48% {
transform:scale(0.99, 1.01)
}
49% {
transform:scale(1, 1)
}
}

.Partner {width:950px; margin:0 auto;}
.Partner h1 { font-family:微软雅黑; font-size:26px; color:#323436; text-align:center; letter-spacing:3px; border-bottom:1px #979797 solid; margin-bottom:20px;padding-bottom:30px; padding-top:15px; clear:both; text-shadow:1px 1px 2px #eee}
.Partner h2 { font-size:16px; color:#848484; text-align:center; padding-top:20px;border-top:1px #979797 solid; margin-top:20px; clear:both}
.Partner a { width:160px; height:100px; display:inline-block;float:left; padding:15px 15px}
a.s1 {background:url(../images/partner/s1.png) no-repeat;}
a.s1:hover { background: url(../images/partner/1.png) no-repeat;}

a.s2 {background:url(../images/partner/s2.png) no-repeat;}
a.s2:hover { background: url(../images/partner/2.png) no-repeat;}

a.s3 {background:url(../images/partner/s3.png) no-repeat;}
a.s3:hover { background: url(../images/partner/3.png) no-repeat;}

a.s4 {background:url(../images/partner/s4.png) no-repeat;}
a.s4:hover { background: url(../images/partner/4.png) no-repeat;}

a.s5 {background:url(../images/partner/s5.png) no-repeat;}
a.s5:hover { background: url(../images/partner/5.png) no-repeat;}

a.s6 {background:url(../images/partner/s6.png) no-repeat;}
a.s6:hover { background: url(../images/partner/6.png) no-repeat;}

a.s7 {background:url(../images/partner/s7.png) no-repeat;}
a.s7:hover { background: url(../images/partner/7.png) no-repeat;}

a.s8 {background:url(../images/partner/s8.png) no-repeat;}
a.s8:hover { background: url(../images/partner/8.png) no-repeat;}

a.s9 {background:url(../images/partner/s9.png) no-repeat;}
a.s9:hover { background: url(../images/partner/9.png) no-repeat;}

a.s10 {background:url(../images/partner/s10.png) no-repeat;}
a.s10:hover { background: url(../images/partner/10.png) no-repeat;}

a.s11 {background:url(../images/partner/s11.png) no-repeat;}
a.s11:hover { background: url(../images/partner/11.png) no-repeat;}

a.s12 {background:url(../images/partner/s12.png) no-repeat;}
a.s12:hover { background: url(../images/partner/12.png) no-repeat;}

a.s13 {background:url(../images/partner/s13.png) no-repeat;}
a.s13:hover { background: url(../images/partner/13.png) no-repeat;}

a.s14 {background:url(../images/partner/s14.png) no-repeat;}
a.s14:hover { background: url(../images/partner/14.png) no-repeat;}

a.s15 {background:url(../images/partner/s15.png) no-repeat;}
a.s15:hover { background: url(../images/partner/15.png) no-repeat;}


.Soft {margin:0 auto;}
.Soft a { width:89px; height:88px; display:inline-block;padding:0px 15px}

a.OA {background:url(../images/main/Soft_OA.png) no-repeat;}
a.OA:hover { background: url(../images/main/Soft_OA_hover.png) no-repeat;}

a.CRM {background:url(../images/main/Soft_CRM.png) no-repeat;}
a.CRM:hover { background: url(../images/main/Soft_CRM_hover.png) no-repeat;}

a.SCM {background:url(../images/main/Soft_SCM.png) no-repeat;}
a.SCM:hover { background: url(../images/main/Soft_SCM_hover.png) no-repeat;}

a.EIP {background:url(../images/main/Soft_EIP.png) no-repeat;}
a.EIP:hover { background: url(../images/main/Soft_EIP_hover.png) no-repeat;}

a.BPM {background:url(../images/main/Soft_BPM.png) no-repeat;}
a.BPM:hover { background: url(../images/main/Soft_BPM_hover.png) no-repeat;}

a.ERP {background:url(../images/main/Soft_ERP.png) no-repeat;}
a.ERP:hover { background: url(../images/main/Soft_ERP_hover.png) no-repeat;}

.btn-blue{
    border: 2px solid #FFF;
    border-radius:2px;
    padding: 8px 30px;
    color:#FFF;
    font-size: 20px;
}
.btn-blue:hover{
    border: 2px solid #343438;
    border-radius:2px;
    padding: 8px 30px;
    color:#343438;
    font-size: 20px;
}