.xm-product-box .hd
{
	background-color:#f5f5f5
}
.xm-product-box .ft
{
	border-top:1px solid #e0e0e0
}
.xm-product-box .nav-bar
{
	margin-top:15px;
	position:relative;
	height:50px;
	color:#616161
}
.xm-product-box .nav-bar .title
{
	float:left;
	_display:inline;
	margin:10px 0 0 0
}
.xm-product-box .nav-bar .title h2
{
	margin:0;
	font-size:18px;
	font-weight:400;
	line-height:30px;
	color:#424242
}
.xm-product-box .nav-bar .title small
{
	font-size:12px
}
.xm-product-box .nav-bar .nav
{
	float:right;
	_display:inline;
	margin:10px 0 0 0
}
.xm-product-box .nav-bar .nav .nav-switch
{
	margin-right:10px;
	line-height:30px
}
.xm-product-box .nav-bar .btn
{
	vertical-align:bottom
}
.xm-product-box .nav-switch .sep
{
	color:#e0e0e0
}
.xm-product-box .nav-switch .link
{
	color:#616161
}
.xm-product-box .nav-switch .link:hover
{
	color:#ff6700
}
.xm-product-box .nav-switch .active
{
	color:#ff6700;
	cursor:default
}
.xm-product-box .nav-switch .active:hover
{
	color:#ff6700
}
.xm-product-box .bd
{
	width:100%;
	overflow:hidden;
	_zoom:1
}
.xm-product-box .ft
{
	margin-top:0
}
.xm-product-box .section-next
{
	display:block;
	color:#757575;
	background:#f5f5f5
}
.xm-product-box .section-next .container
{
	height:360px
}
.xm-product-box .section-next .block-link
{
	height:360px;
	display:block;
	color:#333
}
.xm-product-box .section-next .content
{
	display:block;
	width:420px;
	padding-top:95px;
	margin:0 124px 0 auto
}
.xm-product-box .section-next .next-title
{
	display:block;
	margin-bottom:15px;
	font-family:Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;
	font-size:36px;
	font-weight:300;
	color:#ff3d00
}
.xm-product-box .section-next .next-desc
{
	display:block;
	color:#757575
}
.xm-product-box .section-next .next-link
{
	display:block;
	color:#ff6700
}
.mk-overall .section
{
	position:relative;
	min-width:1226px;
	font-size:16px;
	color:#212121;
	-webkit-font-smoothing:antialiased
}
.mk-overall .section .title
{
	margin:0 0 20px;
	font-size:40px;
	font-weight:300;
	line-height:1.25
}
.mk-overall .section .unibrow
{
	position:relative;
	padding-top:25px
}
.mk-overall .section .unibrow:before
{
	position:absolute;
	left:0;
	top:0;
	content:'';
	width:80px;
	height:1px;
	background-color:#000;
	background-color:rgba(0,0,0,0.5);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#7f000000", endColorstr="#7f000000")\9
}
.mk-overall .section .unibrow-c:before
{
	left:50%;
	margin-left:-40px
}
.mk-overall .section .subtitle
{
	margin:0 0 20px;
	font-size:22px;
	font-weight:400;
	line-height:1.45
}
.mk-overall .section .aside
{
	margin:0 0 20px;
	font-size:16px;
	font-weight:400;
	line-height:1.875;
	font-family:"Songti SC", STSong, "Times New Roman", SimSun, serif
}
.mk-overall .section p
{
	margin:0
}
.mk-overall .section .text
{
	margin:0 0 20px;
	line-height:1.875
}
.mk-overall .section .figure
{
	background-repeat:no-repeat
}
.mk-overall .section .figure-img
{
	background-repeat:no-repeat
}
.mk-overall .section .link
{
	text-decoration:none;
	color:#bdb099
}
.mk-overall .section .link:hover
{
	text-decoration:underline
}
.mk-overall .section .feature-list
{
	margin:0;
	padding:0;
	list-style-type:none
}
.mk-overall .section-intro
{
	position:relative;
	height:800px
}
.mk-overall .section-intro .container
{
	position:relative;
	z-index:5;
	padding-top:135px;
	text-align:center
}
.mk-overall .section-intro .title
{
	margin-bottom:5px;
	font-size:64px
}
.mk-overall .section-intro .subtitle
{
	margin-bottom:30px
}
.mk-overall .section-intro .price
{
	font-size:14px
}
.mk-overall .section-intro .num
{
	font-size:32px;
	font-weight:100
}
.mk-overall .section-intro .slide-list
{
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	width:100%;
	height:800px;
	margin:0;
	padding:0;
	list-style-type:none
}
.mk-overall .section-intro .slide-list li
{
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	width:100%;
	height:800px;
	opacity:0;
	filter:alpha(opacity=0)\9;
	-webkit-transition:opacity 1s linear;
	transition:opacity 1s linear
}
.mk-overall .section-intro .slide-list li.active
{
	z-index:2;
	opacity:1;
	filter:alpha(opacity=100)\9
}
.mk-overall .section-intro .slide-list .slide-1
{
	background:#90d7e3 url(http://www.mekehome.com/mk/images/guanggao_1.jpg) no-repeat 50% 0
}
.mk-overall .section-intro .slide-list .slide-2
{
	background:#fae181 url(http://www.mekehome.com/mk/images/guanggao_2.jpg) no-repeat 50% 0
}
.mk-overall .section-intro .slide-list .slide-3
{
	background:#f9cad2 url(http://www.mekehome.com/mk/images/guanggao_3.jpg) no-repeat 50% 0
}
.mk-overall .section-summary
{
	position:relative;
	overflow:hidden;
	_zoom:1
}
.mk-overall .section-summary .container
{
	position:relative;
	z-index:2;
	padding-top:755px;
	padding-bottom:100px;
	text-align:center
}
.mk-overall .section-summary .content
{
	width:854px;
	margin:0 auto
}
.mk-overall .section-summary .feature-list
{
	width:736px;
	margin:0 auto 35px;
	padding:0;
	list-style-type:none
}
.mk-overall .section-summary .feature-list li
{
	float:left;
	_display:inline;
	width:138px;
	height:138px;
	margin:0 22px;
	border:1px solid #e0e0e0;
	border-radius:5px;
	font-size:14px
}
.mk-overall .section-summary .feature-list .data
{
	margin-top:40px;
	font-size:24px
}
.mk-overall .section-summary .stage
{
	position:absolute;
	left:50%;
	top:0;
	z-index:1;
	margin-left:-711px
}
.mk-overall .section-summary .video
{
	width:1422px;
	height:800px;
	-webkit-transform:translateZ(0);
	transform:translateZ(0)
}
.mk-overall .section-cpu
{
	background-color:#f9f9f9
}
.mk-overall .section-cpu .container
{
	position:relative;
	height:1730px;
	padding-top:200px
}
.mk-overall .section-cpu .content
{
	position:relative;
	z-index:2
}
.mk-overall .section-cpu .content-main
{
	width:606px;
	margin:0 auto 0 124px
}
.mk-overall .section-cpu .content-main .feature-list
{
	width:510px;
	margin:50px 0 0 0
}
.mk-overall .section-cpu .content-sub
{
	position:absolute;
	right:124px;
	bottom:120px;
	width:806px;
	text-align:right
}
.mk-overall .section-cpu .content-sub .feature-list
{
	width:578px;
	margin:50px 0 0 auto;
	text-align:left
}
.mk-overall .section-cpu .text
{
	text-align:justify;
	text-justify:inter-ideograph;
	word-break:break-all
}
.mk-overall .section-cpu .feature-list
{
	margin:0;
	padding:0;
	list-style-type:none
}
.mk-overall .section-cpu .feature-list li
{
	float:left;
	width:180px
}
.mk-overall .section-cpu .feature-list .s
{
	width:150px
}
.mk-overall .section-cpu .feature-list .l
{
	width:248px
}
.mk-overall .section-cpu .feature-list .r
{
	text-align:right
}
.mk-overall .section-cpu .feature-list .data
{
	color:#bdb099
}
.mk-overall .section-cpu .feature-list .num
{
	margin-right:5px;
	font-size:60px;
	font-weight:100;
	line-height:1
}
.mk-overall .section-cpu .figure-product
{
	position:absolute;
	right:62px;
	top:70px;
	z-index:1;
	width:1125px;
	height:1428px
}

.mk-overall .section-camera
{
	height:1190px
}
.mk-overall .section-camera .container
{
	position:relative;
	padding-top:180px
}
.mk-overall .section-camera .content
{
	position:relative;
	z-index:2;
	width:310px;
	margin:0 auto 0 806px
}
.mk-overall .section-camera .text
{
	text-align:justify;
	text-justify:inter-ideograph;
	word-break:break-all
}

.mk-overall .section-sim .container
{
	position:relative;
	z-index:11;
	padding-top:175px;
	text-align:center
}
.mk-overall .section-sim .content
{
	width:868px;
	margin:0 auto
}
.mk-overall .section-sim .link
{
	text-decoration:underline;
	color:#fff
}
.mk-overall .section-sim .stage
{
	display:none;
	position:absolute;
	left:50%;
	top:140px;
	z-index:1;
	width:1038px;
	height:1038px;
	margin-left:-519px
}
.mk-overall .section-sim .stage .logo-wrapper
{
	position:absolute;
	left:50%;
	top:50%;
	z-index:5;
	width:120px;
	height:120px;
	padding:50px;
	margin-top:-110px;
	margin-left:-110px;
	background-repeat:no-repeat;
	background-position:50% 50%
}
.mk-overall .section-sim .stage .logo
{
	width:120px;
	height:120px;
	background-repeat:no-repeat;
	background-position:50% 50%
}
.mk-overall .section-sim .stage .circle
{
	position:absolute;
	left:50%;
	top:50%;
	background-repeat:no-repeat;
	background-position:50% 50%
}
.mk-overall .section-sim .stage .circle-1
{
	width:290px;
	height:290px;
	margin-top:-145px;
	margin-left:-145px
}
.mk-overall .section-sim .stage .circle-2
{
	width:453px;
	height:453px;
	margin-top:-227px;
	margin-left:-227px
}
.mk-overall .section-sim .stage .circle-3
{
	width:693px;
	height:693px;
	margin-top:-347px;
	margin-left:-347px
}
.mk-overall .section-sim .stage .circle-4
{
	width:1038px;
	height:1038px;
	margin-top:-519px;
	margin-left:-519px
}



.mk-overall .section-design .container
{
	padding-top:135px
}
.mk-overall .section-design .content
{
	width:496px;
	margin:0 auto 0 124px
}
.mk-overall .section-design .text
{
	text-align:justify;
	text-justify:inter-ideograph;
	word-break:break-all
}
.mk-overall .section-design .link
{
	margin-right:20px
}

.mk-overall .section-remote
{
	height:760px
}
.mk-overall .section-remote .container
{
	position:relative;
	height:630px;
	padding-top:130px
}
.mk-overall .section-remote .content
{
	width:482px;
	margin:0 124px 0 auto
}
.mk-overall .section-remote .text
{
	text-align:justify;
	text-justify:inter-ideograph;
	word-break:break-all
}
.mk-overall .section-remote .stage
{
	position:absolute;
	left:0;
	top:40px;
	width:372px;
	height:686px
}
.mk-overall .section-remote .figure-product
{
	width:372px;
	height:686px
}
.mk-overall .section-remote .feature-list
{
	position:absolute;
	left:-40px;
	bottom:120px;
	z-index:2;
	width:440px;
	margin:0;
	padding:0;
	list-style-type:none
}
.mk-overall .section-remote .feature-list li
{
	float:left;
	width:130px;
	height:130px;
	margin-right:-20px
}
.mk-overall .section-remote .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)
}
.mk-overall .section-remote .icon-1
{
	background-position:0 0;
	-webkit-animation-delay:0s;
	animation-delay:0s
}
.mk-overall .section-remote .icon-2
{
	background-position:-130px 0;
	-webkit-animation-delay:.2s;
	animation-delay:.2s
}
.mk-overall .section-remote .icon-3
{
	background-position:0 -130px;
	-webkit-animation-delay:.4s;
	animation-delay:.4s
}
.mk-overall .section-remote .icon-4
{
	background-position:-130px -130px;
	-webkit-animation-delay:.6s;
	animation-delay:.6s
}

.mk-overall .section-remote.is-visible .icon
{
	-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
}
@-webkit-keyframes zoom-in
{
	0%
{
	opacity:0.5;
	filter:alpha(opacity=50)\9;
	-webkit-transform:scale(0)
}
100%
{
	opacity:1;
	filter:alpha(opacity=100)\9;
	-webkit-transform:scale(1)
}

}
@keyframes zoom-in
{
	0%
{
	opacity:0.5;
	filter:alpha(opacity=50)\9;
	-webkit-transform:scale(0);
	transform:scale(0)
}
100%
{
	opacity:1;
	filter:alpha(opacity=100)\9;
	-webkit-transform:scale(1);
	transform:scale(1)
}

}
.mk-overall .section-usb
{
	height:860px
}
.mk-overall .section-usb .container
{
	position:relative;
	height:625px;
	padding-top:235px
}
.mk-overall .section-usb .content
{
	width:482px;
	margin:0 auto 0 124px
}
.mk-overall .section-usb .title
{
	width:544px
}
.mk-overall .section-usb .text
{
	text-align:justify;
	text-justify:inter-ideograph;
	word-break:break-all
}

.mk-overall .section-usb.is-visible .figure-product
{
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
.mk-overall .section-border
{
	overflow:hidden;
	_zoom:1;
	height:756px;
	background-color:#fafafa
}
.mk-overall .section-border .container
{
	position:relative;
	height:646px;
	padding-top:110px
}
.mk-overall .section-border .content
{
	position:relative;
	z-index:2;
	width:358px;
	margin:0 186px 0 auto
}
.mk-overall .section-border .title
{
	width:358px
}
.mk-overall .section-border .text
{
	text-align:justify;
	text-justify:inter-ideograph;
	word-break:break-all
}
.mk-overall .section-border .stage
{
	position:absolute;
	bottom:0;
	left:0;
	z-index:1;
	width:710px;
	height:800px
}
.mk-overall .section-border .stage .video
{
	width:710px;
	height:800px;
	-webkit-transform:translateZ(0);
	transform:translateZ(0)
}
.mk-overall .section-miui
{
	height:1600px
}
.mk-overall .section-miui .container
{
	padding-top:155px;
	text-align:center
}
.mk-overall .section-miui .content
{
	width:854px;
	margin:0 auto
}

.mk-overall .section-compare
{
	height:420px;
	margin-top:-100px
}
.mk-overall .section-compare .container
{
	border-top:1px solid #e0e0e0
}
.mk-overall .section-compare .type-list
{
	margin:0;
	padding:0;
	list-style-type:none
}
.mk-overall .section-compare .type-list li
{
	position:relative;
	float:left;
	width:290px;
	padding:80px 0 0 323px
}
.mk-overall .section-compare .type-list li:before
{
	position:absolute;
	left:0;
	top:70px;
	width:1px;
	height:220px;
	content:'';
	background-color:#e0e0e0
}
.mk-overall .section-compare .type-list .left:before
{
	display:none
}
.mk-overall .section-compare .type-list .name
{
	margin:0;
	font-size:20px;
	font-weight:400
}
.mk-overall .section-compare .type-list .desc
{
	margin:0 0 20px
}
.mk-overall .section-compare .type-list .price
{
	margin:0 0 5px;
	font-size:14px;
	color:#ff6700
}
.mk-overall .section-compare .type-list .num
{
	font-size:30px;
	line-height:1
}
.mk-overall .section-compare .type-list .figure
{
	position:absolute;
	left:100px;
	top:38px;
	width:175px;
	height:270px
}

.mk-overall .section-footnote .container
{
	padding-top:45px;
	padding-bottom:45px;
	border-bottom:1px solid #e0e0e0;
	color:#757575
}
.mk-overall .section-footnote .content
{
	margin-left:124px
}
.mk-overall .section-footnote .footnote-list
{
	margin:0;
	font-size:14px;
	line-height:2
}
.mk-overall .section-footnote .footnote-list dd
{
	margin:0
}
.modal-video
{
	width:880px;
	height:596px;
	margin-top:-298px;
	margin-left:-440px;
	-webkit-box-shadow:0 18px 30px rgba(0,0,0,0.18);
	box-shadow:0 18px 30px rgba(0,0,0,0.18)
}
.modal-video .modal-bd
{
	max-height:536px;
	padding:0
}
