body { background:none; overflow-x:hidden;}
a:hover { text-decoration:none;}
#toptb, #hd, #scrolltop { display:none;}
#diy-tg { position:absolute; top:15px; right:10px; height:23px;}
.wp { width:1180px;}
#wp { width:100%;}
.frame, .block { padding:0px; margin:0px; background:none; border:0px;}

#ft { padding:10px 0;}


#video_1,.video-js,.vjs-poster {
	background-color:transparent!important
}
#video_1,.close-video {
	position:absolute;
	display:none
}
.btn,.qr-show-box:hover {
	cursor:pointer
}
.btn,.btn-label,.center,.footer {
	text-align:center
}
.backstage,.menulist a {
	color:#6C6876
}

.wrapper {
	height:100%;
	width:100%;
	overflow:hidden;
	font-size:14px;
	color:#91949B;
}
.wrapper a { text-decoration:none;}
#video_1 {
	width:720px;
	height:410px;
	z-index:1050;
	top:28%;
	left:50%;
	margin-left:-360px;
	opacity:.2
}
.vjs-big-play-button {
	top:350px!important;
	left:612px!important
}
.slidejs-slide {
	top:-35px!important
}
.slidesjs-pagination {
	bottom:-25px!important
}
.close-video {
	width:50px;
	height:50px;
	top:102px;
	left:80.5%;
	background-color:#4c8ce4;
	background-image:url(closeVideo.png);
	background-repeat:no-repeat;
	background-position:center center;
	z-index:1000
}
.nav, .navbar {
	background:#f5f5f7
}
.ablock {
	display:block;
	width:100%;
	height:100%
}

.center {
	margin:0 auto
}

.nav {
	width:100%;
	height:59px;
	border:1px solid #ddd;
	margin:-1px 0 0 0;
}

.navbar {
	width:1178px;
	height:59px;
	line-height:59px
}
.nav-header {
	float:left;
	width:116px;
	height:59px;
	background:url(logo.png) 0 center no-repeat;
}
.menulist li {
	float:left;
	width:70px;
	height:60px;
	margin-left:35px
}
.selected_nav {
	width:56px;
	height:58px
}
.backstage {
	display:block;
	float:right;
	width:108px;
	height:35px;
	line-height:35px;
	border:1px solid #fff;
	border-radius:3px;
	background:#fff;
	margin-top:12px
}
.btn-label {
	display:block;
	width:56px;
	height:14px;
	position:relative;
	transition:opacity .4s;
	font-size:14px;
	text-decoration:none;
}
.nav-btn:hover .btn-label {
	opacity:1!important
}
.btn-label::after {
	content:"";
	position:absolute;
	bottom:-46px;
	left:0;
	display:block;
	height:2px;
	height:0;
	width:100%;
	background-color:#4C8CE4;
	transform:scaleX(0);
	transform-origin:right;
	transition:transform .4s cubic-bezier(.19,1,.22,1)
}
#content,#wraper {
	left:0;
	top:0;
	position:relative
}
.nav-btn:hover .btn-label::after {
	transform-origin:left;
	transform:scaleX(1)
}
#content {
	height:660px;
	width:100%;
	overflow:hidden
}
#slides>div,#wraper,.img {
	width:1180px
}
#wraper {
	height:620px;
	margin:0 auto
}
@media screen and (max-width:1290px) {
	#wraper {
	-webkit-transform:scale(.85,.85);
	-ms-transform:scale(.85,.85);
	-moz-transform:scale(.85,.85);
	-o-transform:scale(.85,.85);
	transform:scale(.85,.85)
}
#slides {
	display:none;
	z-index:50;
	// overflow:visible!important
}
}
@media screen and (min-width:1290px) {
	#slides {
	z-index:50;
	height:620px;
	display:none;
	// overflow:`!important
}
#slides>div {
	width:1180px;
	height:620px;
	background:#fff
}
}
#slides {
	height:620px;
	display:none
}
.btn span,.play-video,.qr-code-proto span,.stip {
	display:block
}
#slides>div {
	height:620px;
	background:#fff
}
.img {
	height:700px
}

#slides .state-msg {
	position:absolute;
	left:0;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity:0;
	opacity:0
}
#state-msg-0,#state-msg-1,#state-msg-2 {
	top:120px
}
#slides .state-tit {
	height:40px;
	font-size:40px;
	line-height:40px;
	margin-bottom:25px
}
#slides .state-txt {
	height:20px;
	font-size:20px;
	line-height:20px
}
.slidesjs-pagination {
	position:absolute;
	left:50%;
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	-o-transform:translateX(-50%);
	transform:translateX(-50%);
	height:10px;
	list-style:none;
	padding:0;
	z-index:10
}
.slidesjs-pagination li {
	float:left;
	margin-right:10px
}
.slidesjs-pagination li a.active,.slidesjs-pagination li a:hover.active {
	background:url(banner_s.png)
}
.slidesjs-pagination li a {
	display:block;
	width:10px;
	height:10px;
	background:url(banner_n.png);
	font-size:13px;
	text-indent:-99px;
	overflow:hidden
}
.download-portal {
	width:135px;
	height:50px;
	position:absolute;
	left:0;
	top:250px;
	z-index:10;
	margin-bottom:50px
}
.qr-code-box {
	position:absolute;
	left:0;
	top:350px;
	width:110px;
	height:130px;
	z-index:9;
	background:#F4F6FA
}
.qr-code-proto {
	position:absolute;
	width:88px;
	height:108px;
	top:50%;
	left:50%;
	margin-left:-44px;
	margin-top:-54px
}
#down-version,.for-animation,.play-video,.version {
	position:relative
}
.qr-code-proto img {
	width:88px;
	height:88px
}
.qr-code-proto span {
	width:95px;
	height:15px;
	margin:0 auto;
	font-size:13px
}
.btn,.download-l,.tit {
	font-size:20px;
}
.btn {
	line-height:50px;
	color:#fff;
	background:#4C8CE4;
	z-index:10
}
.btn span {

}
.play-video {
	float:left;
	margin-left:200px;
	margin-top:-38px;
	background-color:grey;
	-webkit-border-radius:50%;
	border-radius:50%
}
#video-btn-wrapper {
	width:133px;
	height:50px;
	margin-top:-12px;
	border:1px solid #4C8CE4;
	margin-left:-55px;
	text-align:center;
}
#video-btn {
	background:#fff
}
#video-btn:hover {
	background:#ddecfe
}
#video-btn-wrapper span {
	color:#4C8CE4!important
}
.for-animation {
	background:#000;
	top:-12px;
	width:0;
	height:0;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	opacity:.7;
	filter:alpha(opacity=70)
}
.btn:hover {
	background:#66A2F2
}
#download,.down-msg {
	height:475px;
	background:#fbfcfb
}
.btn img {
	float:left;
	vertical-align:top;
	margin-top:18px;
	margin-left:16px;
	margin-right:10px
}
#download {
	width:100%;
	padding-top:85px
}
.down-msg {
	width:1200px
}
.tit {
	font-weight:700;
	margin-bottom:25px
}
.version:hover { cursor:pointer;}
#down-version {
	width:1200px;
	height:337px
}
.version {
	float:left;
	width:286px;
	height:275px;
	margin-top:60px;
	border:1px solid #a0a0a0;
	margin-right:15px
}
#mac-container {
	margin-right:0
}
.logo {
	height:52px;
	width:48px;
	margin-top:45px;
	margin-bottom:55px
}
.init-box, .qr-show-box {
	width:286px;
	height:275px
}
.download-l {
	margin-bottom:20px
}
.download-s {
	font-size:12px
}
.gray {
	color:#aaa
}
.white {
	color:#fff
}
.qr-code-micro-img {
	position:absolute;
	top:0;
	right:0
}
.init-box {
	z-index:1
}
.qr-show-box {
	position:absolute;
	display:none;
	left:0;
	bottom:0;
	background:#4C8CE4
}
.download-s a {
	color:#aaa
}
.pc-show-proto a,.scan-tip {
	color:#fff
}
.qr-show-proto {
	position:absolute;
	width:136px;
	height:136px;
	margin-top:45px;
	left:50%;
	margin-left:-68px;
	z-index:10
}
.pc-show-proto {
	position:absolute;
	left:50%;
	width:120px;
	color:#fff;
	margin-left:-60px;
	z-index:10
}
.scan-tip {
	display:block;
	width:136px;
	height:24px;
	margin-top:15px;
	margin-left:auto;
	margin-right:auto;
	font-size:14px
}