body.mac .slider,.slider h1,body.notIE .slider h2,.link-group a,.button-group .button,.syht,body.notIE .notIE-syht,body.mac .mac-syht {
	font-family: SYHT,"Microsoft Yahei","微软雅黑",Arial,Helvetica,sans-serif
}

.sliders {
	width: 100%;
	overflow: hidden
}

body.mac #meizu-footer .meizu-footer-link p {
	font-weight: 400
}

.ie #vBtn {
	display: none
}

.btn-video {
	display: block;
	width: 134px;
	outline: 0;
	border: 2px solid #515151;
	border-radius: 50px;
	padding: 10px 0;
	font-size: 15px;
	text-indent: 20px;
	background: #fff;
	cursor: pointer
}

.btn-video-blue {
	color: #00a8eb;
	border: 2px solid #00a8eb;
	background: #fff;
}

.button {
	outline: 0;
	display: inline-block;
	*display: inline;
	zoom: 1;
	line-height: normal;
	white-space: nowrap;
	vertical-align: baseline;
	text-align: center;
	cursor: pointer;
	-webkit-user-drag: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.button::-moz-focus-inner {
	padding: 0;
	border: 0
}

.button {
	font-family: inherit;
	font-size: 100%;
	*font-size: 90%;
	*overflow: visible;
	padding: .6em 1.2em;
	color: #444;
	color: rgba(0,0,0,.8);
	*color: #444;
	border: 1px solid #999;
	border: none rgba(0,0,0,0);
	background-color: #E6E6E6;
	text-decoration: none
}

.button-hover,.button:hover,.button:focus {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1a000000', GradientType=0);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(transparent),color-stop(40%,rgba(0,0,0,.05)),to(rgba(0,0,0,.1)));
	background-image: -webkit-linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1));
	background-image: -moz-linear-gradient(top,rgba(0,0,0,.05) 0,rgba(0,0,0,.1));
	background-image: -o-linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1));
	background-image: linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1))
}

.button-active,.button:active {
	box-shadow: 0 0 0 1px rgba(0,0,0,.15) inset,0 0 6px rgba(0,0,0,.2) inset
}

.button[disabled],.button-disabled,.button-disabled:hover,.button-disabled:focus,.button-disabled:active {
	border: none;
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	filter: alpha(opacity=40);
	-khtml-opacity: .4;
	-moz-opacity: .4;
	opacity: .4;
	cursor: not-allowed;
	box-shadow: none
}

.button-hidden {
	display: none
}

.button::-moz-focus-inner {
	padding: 0;
	border: 0
}

.button-primary,.button-selected,a.button-primary,a.button-selected {
	background-color: #3db1fa;
	color: #fff
}

.subnav {
	z-index: 10;
	position: absolute;
	width: 100%;
	/*top: 83px;*/
	left: 0;
	font-size: 12px;
	background-color: rgba(255,255,255,.85);
	padding: 10px 0
}

.subnav.fixed {
	position: fixed;
	top: 0;
	padding: 0
}

.subnav-wrap {
	overflow: hidden;
	margin: 0 auto;
	/*width: 1222px;*/
	padding: 0 20px
}

@media (min-width: 1200px) {
	.subnav-wrap{width:1222px!important;}
}

.subnav-logo {
	display: inline;
	float: left
}

.subnav-link {
	display: inline;
	float: right;
	overflow: hidden;
	padding-top: 9px
}

.subnav-link li {
	margin: 0 6px;
	border-bottom: 2px solid transparent;
	*border-bottom: 2px solid #fff
}

.subnav-link li:hover,.subnav-link li.hover {
	/* border-bottom: 2px solid #31a5e7; */
	/*
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
	*/
}

.subnav-link a {
	display: block;
	padding: 12px
}

.subnav-link li {
	display: inline;
	float: left
}

.subnav-buy {
	display: inline;
	float: right
}

.subnav-logo {
	padding: 22px 0
}

.subnav-logo-img {
	width: 52px;
	height: 17px;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../images/mx4/mx4logo.png?v=0919);
	background-image: -webkit-image-set(url(../images/mx4/mx4logo.png?v=0919) 1x,url(../images/mx4/mx4logo@2x.png?v=0919) 2x)
}

.subnav-buy {
	padding: 14px 0 0 19px
}
/*
@media screen and (max-width:1080px) {
	.subnav {
		width: 1080px
	}
}*/

.toTop {
	height: 80px;
	width: 80px;
	display: none;
	position: fixed;
	bottom: 0;
	right: 0;
	z-index: 9999;
	cursor: pointer;

}



.center-wrapper {
	position: relative;
	top: 0;
	width: 1040px;
	height: 100%;
	margin: 0 auto
}

.img-wrapper {
	line-height: 0
}

.mx4pro-page h1 {
	font-size: 45px;
	line-height: 60px
}

.mx4pro-page h2 {
	font-size: 28px;
	line-height: 40px;
	margin-top: 10px
}

.mx4pro-page .subnav-logo-img {
	width: 104px;
	height: 18px;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../images/mx4pro/mx4pro_logo.png?v=0919);
	background-image: -webkit-image-set(url(../images/mx4pro/mx4pro_logo.png?v=0919) 1x,url(../images/mx4pro/mx4pro_logo@2x.png?v=0919) 2x)
}

.mx4pro-page .subnav-logo {
	padding: 22px 0
}

.mx4pro-page .subnav {
	/*
	filter: alpha(opacity=90);
	opacity: .85;
	*/
	background-color: #fff
}

.mx4pro-page .slider {
	position: relative;
	overflow: hidden
}

.mx4pro-page .img-wrapper {
	line-height: 0
}

.m1note-page h1 {
	font-size: 60px;
	line-height: 70px
}

.m1note-page h2 {
	font-size: 45px;
	line-height: 50px;
	margin-top: 10px
}

.m1note-page .subnav-logo-img {
	width: 126px;
	height: 18px;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../images/m1note/m1note_logo.png?v=0919);
	background-image: -webkit-image-set(url(../images/m1note/m1note_logo.png?v=0919) 1x,url(../images/m1note/m1note_logo@2x.png?v=0919) 2x)
}

.m1note-page .subnav-logo {
	padding: 22px 0
}

.m1note-page .subnav {
	/* filter: alpha(opacity=90); */
	/* opacity: .85; */
	background-color: #fff
}

.m1note-page .slider {
	overflow: hidden;
	font-size: 14px
}

.m1note-page .slider h1 {
	padding-bottom: 14px
}

.m1note-page .slider p {
	line-height: 24px
}

.m1note-page.mac .slider {
	font-size: 16px;
	line-height: 24px
}

.m1note-page .img-wrapper {
	line-height: 0
}

.m1note-page .next-page {
	position: relative;
	height: 324px
}

.m1note-page .next-page img {
	position: absolute;
	left: 160px;
	bottom: 0
}

.m1note-page .next-page .next-desc {
	clear: both;
	width: 50%;
	height: 100%;
	margin-left: 50%;
	padding-top: 130px
}

.m1note-page .next-page span {
	font-size: 20px
}

.m1note-page .next-page h3 {
	font-size: 30px;
	padding: 8px 0
}

.m1note-page .next-page a {
	font-size: 24px;
	color: #00a7ea
}

.m1note-page .next-page .triangle {
	position: relative;
	top: 6px;
	left: 4px;
	display: inline-block;
	height: 30px;
	width: 30px;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-image: url(../images/m1note/triangle.png);
	background-image: -webkit-image-set(url(../images/m1note/triangle.png) 1x,url(../images/m1note/triangle@2x.png) 2x);
	cursor: pointer
}


/* footer */
.mz_i_icon {
	display: inline-block;
	width: 100%;
	height: 100%;
	overflow: hidden
}

.mz_footerWrap {
	z-index: 999;
	font-family: "Microsoft Yahei",Arial,Helvetica,sans-serif,"宋体";
	width: 100%;
	height: 130px;
	background-color: #fff;
	color: #000;
	position: relative;
}

.mz_footerWrap.tb {
	border-top: solid 1px #E5E6E7
}

.mz_footerInner {
	/*width: 1080px;*/
	margin: 24px 10px 30px;
}
@media (min-width: 640px) {
    margin: 24px 100px 30px;
}
.mz_footer-layer1 {
	    height: 30px;
    line-height: 30px;
	position: relative;
}

.mz_footer-layer1 a {
	color: #515151;
	text-decoration: none;
}

.mz_footer-layer1 a:hover {
	color: #515151;
	text-decoration: underline;
}

.mz_service-label {
	margin-right: 10px
}

.mz_service-num {
	margin-right: 20px
}

.mz_service-onlineWrap {
	float: left;
	height: 50px;
	margin-left: 10px
}

#mz_service-online {
	display: inline-block;
	*margin-top: 5px;
	_margin-top: 16px;
	height: 20px;
	line-height: 18px;
	width: 64px;
	color: #fff;
	background-color: #32a5e7;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	text-align: center
}

.mz_service-online:hover {
	color: #fff
}

.mz_footer-outerLink a {
	margin-left: 10px;
	display: inline-block;
	overflow: hidden;
	width: 32px;
	height: 32px
}

.mz_footer-innerLink,.mz_footer-outerLink {
	float: left
}

.mz_footer-service {
	float: left;
	/*margin-left: 22px;*/
}

.mz_footer-innerLink {
	_padding-top: 15px
}

.mz_footer-outerLink {
	position: relative;
	float: right;
	padding-top: 9px
}

.mz_foot-line {
	background-color: #888;
	margin: 0 5px;
	width: 1px;
	height: 10px
}


.mz_footer-language_menu .ClobalItem:visited {
	color: #000
}

.mz_footer-language_menu .checked,#globalContainer a:hover {
	color: #1daeed;
	text-decoration: none
}

.mz_copyrightWrap {
	width: 100%
}

.mz_copyrightInner {
	/*width: 1080px;*/
	margin: 0 auto
}

.mz_copyrightInner span {
	color: #7f7f7f;
	float: left
}

.mz_copyrightInner a {
	white-space: nowrap;
	float: left;
	color: #7f7f7f;
	margin-left: 6px
}

.mz_longdot {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

#meizu-footer {
	font-size: 13px;
}


/*
  .shares {
    list-style-type:none;
    float: right;
    padding-top: 5px;
    position: relative;
  }
  .shares li {
    width: 46px;
    text-align: center;
    float:left;
  }


  .shares li a {
    display: block;
    width: 36px;
    height: 36px;
    background: url('../images/shares.png')  no-repeat scroll 0 0 #fff;
  }

  .shares li a.fb {
    background-position: -13px -14px;
  }

  .shares li a.tw {
    background-position: -58px -14px;
  }

  .shares li a.gp {
    background-position: -103px -14px;
  }

  .shares li a.sp {
    background-position: -148px -14px;
  }

  .shares li a.yu {
    background-position: -193px -14px;
  }

  .shares li a.vk {
    background-position: -238px -14px;
  }

*/


  .shares {
    list-style-type:none;
    float: right;
    padding-top: 5px;
    position: relative;
  }
  .shares li {
    width: 62px;
    text-align: center;
    float:left;
  }


  .shares li a {
    display: block;
    width: 52px;
    height: 52px;
    background: url('../images/shares2.png')  no-repeat scroll 0 0 #fff;
  }

  .shares li a.fb {
    background-position: -32px -6px;
  }

  .shares li a.tw {
    background-position: -91px -6px;
  }

  .shares li a.gp {
    background-position: -149px -6px;
  }

  .shares li a.sp {
    background-position: -209px -6px;
  }

  .shares li a.yu {
    background-position: -268px -6px;
  }

  .shares li a.vk {
    background-position: -324px -6px;
  }


	.subnav-beone .subnav-logo {
	    font-size: 18px;
	    color: #31a5e7;
	}

	.subnav-link a {
	    display: block;
	    padding: 8px;
	}

	.subnav-link a:hover, .subnav-link li.hover a {
		color: #fff;
	}

	.subnav-link li:hover, .subnav-link li.hover {
	    background-color: #0094C2;
	    /* transition: all 0.5s ease-in-out 0s; */
	}
	
	
	
	
.video-wrap .section .video-banner{width:100%;margin-left:0;margin-right:0;margin-bottom:20px}
.video-wrap .section .video-banner .text{padding-left:20px}
.video-wrap .section .video-banner a{display:block;padding:0}
.bb-win{background:#fff;position:fixed;top:0;left:0;z-index:1988;display:none;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop));vertical-align:middle}
.bb-win .bb-win-btn,.intro-video{position:absolute;top:50%;left:50%}
.intro-video{width:850px;height:480px;margin-left:-425px;margin-top:-240px;text-align:center;background-image:url(/images/loading.gif);background-color:#000;background-repeat:no-repeat;background-position:50% 50%}
.bb-win .bb-win-btn{margin:-240px 0 0 425px}
.bb-win .bb-win-btn a{display:block;width:35px;height:36px;margin-left:6px;text-indent:-9999em;overflow:hidden;background:url(/images/icon.png) 0 -894px no-repeat;z-index:1000}@media screen and (max-width:1024px){
.video-wrap .section ul li a:after,.video-wrap .section ul li:hover a:after{content:' '}
.video-wrap{padding-top:10px;padding-left:10px;padding-right:10px}
.video-wrap .section .video-banner{margin-bottom:20px}
.video-wrap .section ul li,.video-wrap .section ul li img{width:100%}
.video-wrap .section ul li .text{font-size:14px}
.video-wrap .section ul li a{padding-left:20px;padding-bottom:20px}
.video-wrap .section ul li a:after{position:absolute;top:50%;left:50%;background-image:url(/images/video_play.png);background-size:cover;margin-left:-15px;margin-top:-52px;display:block;width:50px;height:50px}
.intro-video{width:100%;height:100%;position:relative;left:0;margin-left:0;top:0;margin-top:0;text-align:center;vertical-align:middle}
.bb-win .bb-win-btn{position:fixed;top:10px;left:85%;margin:0;z-index:1000000}}
.wplay{width:48%;float: left;padding: 10px;position:relative}
.b_play{width:70px;height:70px; position:absolute;top:50%;left:50%;display:none;}
.wplay a:hover{color:#F00;}
.videoplay a:hover{color:#F00;}
area{outline: none}