a,abbr,acronym,address,applet,article,aside,audio,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video {
	margin:0;padding:0;border:0;font:inherit;vertical-align:baseline
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	display:block
}
._center {text-align:center}
._clear {clear:both}
._fl {float:left}
._fr {float:right}
._group:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
body {
	font-family:Roboto,Arial,sans-serif;z-index:1;background:#ccc;-webkit-transition:background 800ms;-moz-transition:background 800ms;-ms-transition:background 800ms;-o-transition:background 800ms;transition:background 800ms
}
.container {
	max-width:100%;margin:0 auto
}
.page-section {
	position:relative;z-index:5;padding:0px 40px;
}
.page-section h1 {
	font-size:28px;color:#333;font-weight:700;margin-bottom:1em
}
.page-section p {
	margin-bottom:2em;line-height:1.6em;color:#555;font-size:16px
}
.wrapper {
	position:relative
}
.nav-menu-top {
	position:fixed;top:0;right:0;left:0;z-index:20;overflow:hidden;background:#f7f7f7;box-shadow:0 4px 0 rgba(0,0,0,.1)
}
.nav-menu-top h1 {
	float:left;font-size:24px;padding:12px 20px 0 0;font-weight:700;line-height:30px
}
.nav-menu-top nav {
	float:left;display:block;max-width:1000px;margin:0 auto;text-align:center;line-height:30px
}
.nav-menu-top nav a {
	font-size:15px;display:inline-block;padding:12px;position:relative;color:#2855b2;border-bottom:4px solid transparent;font-weight:700
}
.nav-menu-top nav a.active {
	color:#cd3e3e
}
.page-bulls {
	position:fixed;top:50%;left:20px;z-index:20;margin-top:-55px
}
.page-bulls nav {
	text-align:right;margin-right:20px
}
.page-bulls nav a {
	display:block;text-decoration:none;position:relative;width:20px;opacity:.6;height:28px;text-align:center
}
.page-bulls nav a span {

}
.page-bulls nav a span:before {
	content:'';display:block;position:absolute;top:50%;margin-top:-15px;border-left-color:rgba(0,0,0,.76)
}
.page-bulls nav a:after {
	position:absolute;content:'';display:inline-block;width:10px;height:10px;border-radius:50%;background:rgba(0,0,0,.5);margin-left:-5px;margin-top:-5px;top:50%;left:50%
}
.page-bulls nav a:hover {
	opacity:1; cursor:default;
}
.page-bulls nav a:hover span {
	right:36px;opacity:1;cursor:default;
	
}
.page-bulls nav a.active {
	color:#333;opacity:1
}
.page-bulls nav a.active:after {
	background:#1eb649;box-shadow:0 0 0 5px rgba(30,186,73,.3);border:1px solid transparent
}
cial-logo .fa.fa-twitter {
	font-size:700px
}
body.google .fa-google-plus {
	left: 0px; display:block;
}

.box {width:1200px; height:100%; display:table; margin:0px auto; overflow:hidden;}
/**/



/*header*/
.clear {
    clear:both;
}
.mar0 {
    margin:0px auto;
}
.logo {width:1200px;}
.logo_left {width:524px; float:left;}
.logo_right {width:600px; float:right; text-align:right; line-height:88px; color:#999; font-family: "Microsoft YaHei";}

.mobileyd {width:1200px; margin-top:200px; height:466px;}
.mobileyd_left {width:180px; float:left; margin-top:60px}
.mobileyd_right {width:996px; float:right; margin-top:60px}



.iphone a{transition:all 0.5s cubic-bezier(0.25, 0.1, 0.25, 1); -webkit-transition:all 0.5s cubic-bezier(0.25, 0.1, 0.25, 1); -moz-transition:all 0.5s cubic-bezier(0.25, 0.1, 0.25, 1); -o-transition:all 0.5s cubic-bezier(0.25, 0.1, 0.25, 1); background:url(../images/iphone_g.png) no-repeat;width:192px; height:50px; display:table;}
.iphone a:hover { color:#FFF; background:url(../images/iphone_w.png) no-repeat;}

.android a{transition:all 0.5s cubic-bezier(0.25, 0.1, 0.25, 1); -webkit-transition:all 0.5s cubic-bezier(0.25, 0.1, 0.25, 1); -moz-transition:all 0.5s cubic-bezier(0.25, 0.1, 0.25, 1); -o-transition:all 0.5s cubic-bezier(0.25, 0.1, 0.25, 1); background:url(../images/android_w.png) no-repeat;width:192px; height:50px; display:table;}
.android a:hover { color:#FFF; background:url(../images/android_g.png) no-repeat;}

.two {width:1200px; margin-top:8px;}
.two_left {width:684px; float:left; text-align:center;}
.two_right {width:516px; float:right; margin-top:170px;}

.fly_1 {width:314px; position:absolute; top:360px; left:26%;}
.fly_2 {width:314px; position:absolute; top:440px; left:36%;}
.fly_3 {width:314px; position:absolute; top:520px; left:46%;}



.three {width:1200px; padding-top:80px;}
.three_left {width:566px; float:left; margin-top:170px;}
.three_right {width:634px; float:right;}

.fonter {width:100%; line-height:30px; color:#aaaaaa; text-align:center; font-size:14px; position:absolute; bottom:100px;}



.J_movePic{-webkit-transition:all 700ms cubic-bezier(0.39, 0.575, 0.565, 1);transition:all 700ms cubic-bezier(0.39, 0.575, 0.565, 1)}
.icon {
    display: block;
    width: 130px;
    height: 130px;
    background-repeat: no-repeat;
    -webkit-transform: scale3d(0, 0, 0) translateZ(0);
    transform: scale3d(0, 0, 0) translateZ(0);
	-webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-name: zoom-in;
    animation-name: zoom-in;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
	
}