html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td,ol {
	margin: 0;
	padding: 0;
	outline:none;
}
table{border-collapse:collapse;border-spacing:0;border:0;}
body{Font-size=62.5%,"Arial Narrow",HELVETICA; text-align:left;line-height:1.2;}
/*A*/
a{
	text-decoration:none;
}
a:hover{
	text-decoration:none;
}
/*img*/
img{ border:0 none; vertical-align:top;}
/*li*/
ul,li{list-style-type:none;}
/*浮动*/
.fl{
	float:left;
	display:inline;
}
.fr{
	float:right;
	display:inline;
}
.clearfix:after {
	visibility: hidden;
	display: block;
	content: " ";
	clear: both;
	height: 0;
	line-height: 0;
}
.clearfix {
	zoom: 1;
}
img{boder:0;}
a{blr:expression(this.onFocus=this.close());}
a{blr:expression(this.onFocus=this.blur());}
a:focus { -moz-outline-style: none; }
a:focus { outline: none; }
.clear{clear:both;}
/*wrap*/
#wrap{text-align:left;}
/*宽度*/
.w992{
	width:992px;
	margin:0 auto;
	zoom:1;
}
.w1000{
	width:1000px;
	margin:0 auto;
	zoom:1;
}
.w980{
	width:980px;
	margin:0 auto;
	zoom:1;
}
.w970{
	width:970px;
	margin:0 auto;
	zoom:1;
}
.w990{
	width:990px;
	margin:0 auto;
	overflow:hidden;
	zoom:1;
}
.w1192{
	width:1192px;
	margin:0 auto;
	overflow:hidden;
	zoom:1;
}
.w1000{
	width:1000px;
	margin:0 auto;
	zoom:1;
}
.w1004{
	width:1004px;
	margin:0 auto;
	zoom:1;
}
.w1002{
	width:1002px;
	margin:0 auto;
	zoom:1;
}
.w1216{
	width:1216px;
	margin:0 auto;
	padding:0;

}
.mb-none{
	margin-bottom:0px;
}
.mr-none{
	margin-right:0px !important;
}
.border{
	border:none !important
}
/*button*/
button{ cursor:pointer;}

/*i,em重置*/
i,em{ font-style:normal;}

.page a{
	display:inline-block;
	width:51px;
	height:51px;
	line-height:51px;
	font-family:Arial;
	font-size:12px;
	color:#666666;
	background:url(../images/btnbj3.png) no-repeat;
}
.page{
	text-align:center;
	padding-top:10px;
}
.page a:hover{
	background:url(../images/btnbj3_hover.png) no-repeat;
	color:#ffffff;
}
.page a.on{
	background:url(../images/btnbj3_hover.png) no-repeat;
	color:#ffffff;
}
.page span{
	display:inline-block;
	width:51px;
	height:51px;
	line-height:51px;
	font-family:Arial;
	font-size:12px;
	color:#666666;
	background:url(../images/btnbj3.png) no-repeat;
}
.page .prev{
	background:url(../images/btnbj1.png) no-repeat;
	width:51px;
	height:51px;
	text-indent:-9999px;
}
.page .prev:hover{
	background:url(../images/btnbj1_hover.png) no-repeat;
}
.page .next{
	background:url(../images/btnbj2.png) no-repeat;
	width:51px;
	height:51px;
	text-indent:-9999px;
}
.page .next:hover{
	background:url(../images/btnbj2_hover.png) no-repeat;
}
/**
==========================================
<div class="page">
	<a href="#">上一页</a>
	<a href="#" class="on">1</a>
	<a href="#">2</a>
	<a href="#">3</a>
	<a href="#">4</a>
	<span>...</span>
	<a href="#">15</a>
	<a href="#">16</a>
	<a href="#">下一页</a>
</div>
==========================================
**/
.spinner-sprite, .spinner .decrease, .spinner .decrease[disabled], .spinner .increase, .spinner .value, .spinner .value.passive {
	background: url('../images/spinner.png') no-repeat
}
.spinner {
	height: 25px;
	width: 71px;
	overflow: hidden;
*zoom:1;
	-webkit-box-shadow: 0 3px 3px -4px #aaa;
	-moz-box-shadow: 0 3px 3px -4px #aaa;
	box-shadow: 0 3px 3px -4px #aaa
}
.spinner button, .spinner .value {
	text-align: center;
	display: block;
	float: left;
	height: 100%;
	line-height: 25px;
	margin: 0
}
.spinner button {
	border: none;
	width: 23px;
	color: #e5312a;
	font: 22px Arial bold;
	padding: 0;
	outline: none
}
.spinner .decrease {
	background-position: 0 -50px;
	cursor: pointer;
	text-indent: -10000px
}
.spinner .decrease[disabled] {
	background-position: 0 -75px;
	cursor: default
}
.spinner .increase {
	background-position: 0 0;
	cursor: pointer;
	text-indent: -10000px
}
.spinner .value {
	background-position: 0 -100px;
	width: 24px;
	height: 27px;
	border: none;
	font-family: Arial;
	color: #ffffff;
	padding: 0px
}
.spinner .value.passive {
	background-position: 0 -25px;
	color: #919191
}
.spinner .error, .spinner .invalid {
	background: #aa0000
}





/**轮播**/
.swiper-v, .swiper-v .swiper-slide, .swiper-free, .swiper-free .swiper-slide, .swiper-dynamic, .swiper-dynamic .swiper-slide {
	width: 640px;
	height: 250px;
	color: #fff;
}

.swiper-v, .swiper-free, .swiper-dynamic {
	box-shadow: 0px -1px 4px rgba(0,0,0,0.5);
	text-align: center;
}
.swiper-v h2, .swiper-free h2, .swiper-dynamic h2 {
	font-style: italic;
	font-size: 42px;
	margin-top: 80px;
	margin-bottom: 0;
	line-height: 45px;
}
.swiper-v p,.swiper-free p, .swiper-dynamic p {
	font-style: italic;
	font-size: 25px;
}
.swiper-v,.swiper-free, .swiper-dynamic {
	margin-bottom: 30px;
}
/* Pagination V*/
.pagination-v .swiper-pagination-switch, .pagination-free .swiper-pagination-switch {
	display: block;
	width: 8px;
	height: 8px;
	border-radius: 8px;
	background: #555;
	margin: 0 0px 5px;
	opacity: 0.8;
	border: 1px solid #fff;
}
.pagination-v .swiper-active-switch, .pagination-free .swiper-active-switch {
	background: #fff;
}
.pagination-v, .pagination-free  {
	position: absolute;
	z-index: 20;
	left: 10px;
	top: 10px;
}
.pagination-free  {
	width: 140px;
	left: 10px;
	top: 230px;
}
.pagination-free .swiper-pagination-switch {
	display: block;
	margin: 0 5px;
	float: left;
}
.red-slide {
	background: #ca4040;
}
.blue-slide {
	background: #4390ee;
}
.orange-slide {
	background: #ff8604;
}
.green-slide {
	background: #49a430;
}
.pink-slide {
	background: #973e76;
}

/* Tabs */
.tabs {
	width: 642px;
	margin: 0 auto;
}
.tabs a {
	display: block;
	float: left;
	width: 200px;
	color: #333;
	text-align: center;
	border-radius: 5px 5px 0 0;
	border: 1px solid #ccc;
	background: #fff;
	line-height: 40px;
	font-size: 25px;
	font-style: italic;
	text-decoration: none;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ddd)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #ffffff, #ddd); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #ffffff, #ddd); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #ffffff, #ddd); /* IE10 */
	background-image:      -o-linear-gradient(top, #ffffff, #ddd); /* Opera 11.10+ */
	background-image:         linear-gradient(to bottom, #ffffff, #ddd);
}
.tabs a.active {
	color: #fff;
	background: #333;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#333), to(#000)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #333, #000); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #333, #000); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #333, #000); /* IE10 */
	background-image:      -o-linear-gradient(top, #333, #000); /* Opera 11.10+ */
	background-image:         linear-gradient(to bottom, #333, #000);
	border-bottom: 1px solid #000;
}
.swiper-tabs {
	background: #333;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#000), to(#333)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #000, #333); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #000, #333); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #000, #333); /* IE10 */
	background-image:      -o-linear-gradient(top, #000, #333); /* Opera 11.10+ */
	background-image:         linear-gradient(to bottom, #000, #333);
	height: 250px;
	border-radius: 0 0 5px 5px;
	border: 1px solid #ccc;
	
	width: 640px;
	border-top: 0;
}
.swiper-tabs .swiper-slide {
	height: 250px;
	width: 640px;
	background: none;
	color: #fff;
}
.swiper-tabs .content-slide2 {
	padding: 40px;
}
.puzzle {
	width: 630px;
	height: 300px;
	margin: 0 auto;
	background: #fff;
	box-shadow: 0px 1px 2px #000;
}
.puzzle .swiper-container, .puzzle .swiper-slide {
	width: 210px;
	height: 150px;
	float: left;
}
.mc-device {
	width:640px;
	padding:30px;
	background:#111;
	border:4px solid #fff;
	box-shadow:0px 0px 5px #000;
	border-radius:10px;
	margin:0 auto;
}
.mc1 {
	background: #fff;
	height: 240px;
	border-bottom: 1px solid #777;
	margin: 0 auto;
}
.mc2 {
	background: #ccc;
	height: 80px;
	margin: 0 auto;
}


.mc2 .swiper-container, .mc2 .swiper-slide {
	width: auto;
	height: 60px;
}
.mc2 .swiper-container {
	position:relative;
	padding:10px 0
}
.mc-control .swiper-slide {
	text-align: center;
}
.mc-control .swiper-slide img {
	width: 50px;
	height: 50px;
	position: relative;
	top: 5px;
	box-shadow:0px 2px 3px #000;
	border-radius:3px;
	display: inline-block;
	margin: 0 5px;
}
.mc-control img.active {
	top: -2px;
}
.mc1 .swiper-container, .mc-posters .swiper-slide {
	width:640px;
	height: 240px;
}
.m-content {
	padding: 40px;
}
.m-content img {
	float: left;
	border: 2px solid #ccc;
	margin-right: 30px;
	border-radius: 5px;
}
.m-content .m-right {
	float: left;
	width: 370px;
}
.m-content h3 {
	margin-top: 0;
}

/* Swiper cArousel*/
.swiper-car {
	margin-bottom:30px;
}
.swiper-car, .swiper-car .swiper-slide {
	width:630px;
	height:250px;
	color:#fff;
	text-align:center;
	line-height:250px;
	font-size: 40px;
}
.pagination-car {
    left: 10px;
    top: 230px;
    width: 160px;
	position:absolute;
	z-index:20;
}
.pagination-car .swiper-pagination-switch {
    background: none repeat scroll 0 0 #555555;
    border: 1px solid #FFFFFF;
    border-radius: 8px 8px 8px 8px;
    display: block;
    height: 8px;
    margin: 0 5px;
    opacity: 0.8;
    width: 8px;
    float: left;
}
.pagination-car .swiper-active-switch {
    background: none repeat scroll 0 0 #FFFFFF;
}

/* Swiper cArousel & loop*/
.swiper-loop {
	margin-bottom:30px;
}
.swiper-loop, .swiper-loop .swiper-slide {
	width:630px;
	height:250px;
	color:#fff;
	text-align:center;
	line-height:250px;
	font-size: 40px;
}
.pagination-loop {
    left: 10px;
    top: 230px;
    width: 160px;
	position:absolute;
	z-index:20;
}
.pagination-loop .swiper-pagination-switch {
    background: none repeat scroll 0 0 #555555;
    border: 1px solid #FFFFFF;
    border-radius: 8px 8px 8px 8px;
    display: block;
    height: 8px;
    margin: 0 5px;
    opacity: 0.8;
    width: 8px;
    float: left;
}
.pagination-loop .swiper-active-switch {
    background: none repeat scroll 0 0 #FFFFFF;
}

/* Nested Swipers*/
.swiper-nested1 {
	margin-bottom:30px;
}
.swiper-nested1, .swiper-nested1 .swiper-slide {
	width:630px;
	height:250px;
	color:#fff;
	text-align:center;
	line-height:250px;
	font-size: 40px;
}
.pagination-nested1 {
    left: 10px;
    top: 230px;
    width: 160px;
	position:absolute;
	z-index:20;
}
.pagination-nested1 .swiper-pagination-switch {
    background: none repeat scroll 0 0 #555555;
    border: 1px solid #FFFFFF;
    border-radius: 8px 8px 8px 8px;
    display: block;
    height: 8px;
    margin: 0 5px;
    opacity: 0.8;
    width: 8px;
    float: left;
}
.pagination-nested1 .swiper-active-switch {
    background: none repeat scroll 0 0 #FFFFFF;
}


.swiper-nested2, .swiper-nested2 .swiper-slide {
	width:100%;
	height:250px;
	color:#fff;
	text-align:center;
	line-height:125px;
	font-size: 24px;
}
.pagination-nested2 {
    right: 5px;
    top: 5px;
	position:absolute;
	z-index:20;
}
.pagination-nested2 .swiper-pagination-switch {
    background: none repeat scroll 0 0 #555555;
    border: 1px solid #FFFFFF;
    border-radius: 8px 8px 8px 8px;
    display: block;
    height: 8px;
    margin: 0 0px 5px;
    opacity: 0.8;
    width: 8px;
}
.pagination-nested2 .swiper-active-switch {
    background: none repeat scroll 0 0 #FFFFFF;
}

/* Scroll Container */
.swiper-scroll-container {
	width:640px;
	height:300px;
	border: 1px solid #aaa;
}
.swiper-scroll-container .swiper-slide {
	width: 1520px !important;	
	height:300px;
}

/* Swyper Dynamic */
.swiper-dynamic-links {
	text-align: center;
}
.swiper-dynamic-links a {
	display: inline-block;
	padding: 5px;
	border-radius: 3px;
	border: 1px solid #ccc;
	margin: 5px;
	font-size: 12px;
	text-decoration: none;
	color: #333;
	background: #eee;
}
.pagination-sd {
	text-align: center;
}
.pagination-sd .swiper-pagination-switch {
	border-radius: 10px;
	width: 10px;
	height: 10px;
	display: inline-block;
	margin: 0 3px;
	background: #aaa;
}
.pagination-sd .swiper-active-switch {
	background: #333;
}

/* Partial Slides */
.swiper-partial {
	width: 640px;
	height: 250px;
	color: #fff;
}
.swiper-partial .swiper-slide {
	height: 250px;
	width: 500px;
	text-align: center;
	line-height: 250px;
	font-size: 40px;
}

/* Treshold Slides */
.swiper-threshold {
	width: 640px;
	height: 250px;
	color: #fff;
}
.swiper-threshold .swiper-slide {
	height: 250px;
	width: 500px;
	text-align: center;
	line-height: 250px;
	font-size: 40px;
}
.swiper-container {
	margin:0 auto;
	position:relative;
	overflow:hidden;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	/* Fix of Webkit flickering */
	z-index:1;
}
.swiper-wrapper {
	position:relative;
	width:100%;
	-webkit-transition-property:-webkit-transform, left, top;
	-webkit-transition-duration:0s;
	-webkit-transform:translate3d(0px,0,0);
	-webkit-transition-timing-function:ease;
	
	-moz-transition-property:-moz-transform, left, top;
	-moz-transition-duration:0s;
	-moz-transform:translate3d(0px,0,0);
	-moz-transition-timing-function:ease;
	
	-o-transition-property:-o-transform, left, top;
	-o-transition-duration:0s;
	-o-transform:translate3d(0px,0,0);
	-o-transition-timing-function:ease;
	-o-transform:translate(0px,0px);
	
	-ms-transition-property:-ms-transform, left, top;
	-ms-transition-duration:0s;
	-ms-transform:translate3d(0px,0,0);
	-ms-transition-timing-function:ease;
	
	transition-property:transform, left, top;
	transition-duration:0s;
	transform:translate3d(0px,0,0);
	transition-timing-function:ease;
	
}
.swiper-slide {
	float: left;
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
}

/* Specify Swiper's Size: */
.swiper-container, .swiper-slide {
}
.center {
	width:900px;
	margin:0 auto;
	position: relative;
}
.main {
	width: 820px;
	margin: 0 auto;
	padding: 60px 40px;
	background: #fff;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.home-device .arrow-left {
	position:absolute;
	left:10%;
	top:50%;
	margin-top:-23px;
	width:46px;
	height:45px;
	z-index:888;
}
.home-device .arrow-right {
	position:absolute;
	right:10%;
	top:50%;
	margin-top:-23px;
	width:46px;
	height:45px;
	z-index:888;
}
.sm-shadow {
	position: absolute;
	bottom: -15px;
	width: 606px;
	height: 38px;
	left: 17px;
	background: url(../images/shadow.png);
}
.sm-free {
	width: 105px;
	height: 61px;
	background: url(../images/free.png);
	position: absolute;
	right: -2px;
	top: -2px;
	z-index: 2;
}
.pagination2 {
	text-align: center;
	position: relative;
	left: 0px;
	top:15px;
	z-index: 999;
}
.content-slide {
	background: #fff;
}
.cs-1, .cs-2 {
	float: left;
	width:270px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.cs-1 {
	margin-right: 20px;
	background: #333;
	color: #fff;
}
.cs-2 {
	background: #ad2e4c;
	color: #fff;
}
/* Pagination */

.pagination2 .swiper-pagination-switch {
	display: inline-block;
	width: 12px;
	height: 11px;
	background:url(../images/ico1.png) no-repeat;
	margin: 0 3px;
	cursor: pointer;
}
.pagination2 .swiper-active-switch {
	background:url(../images/ico2.png) no-repeat;
}
.sw-title {
	padding: 5px 20px;
	font-size: 41px;
	margin: 50px 0 20px;
	font-family: 'Lato', sans-serif;
	line-height: 50px;
	color: #222;
	font-weight: 300;
	border-bottom: 1px solid #555;
}
.sw-content {
	background: #fff;
	border-radius: 5px;
}
.demo-title {
	margin-bottom: 5px;
	text-align: center;
	font-size: 31px;
	font-family: "Lato", Arial, Helvetica;
	font-weight: 300;
	line-height: 35px;
	margin: 50px 0 20px;
}
/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */

/* For image replacement */
.ir {
	display: block;
	border: 0;
	text-indent: -999em;
	overflow: hidden;
	background-color: transparent;
	background-repeat: no-repeat;
	text-align: left;
	direction: ltr;
*line-height: 0;
}
.ir br {
	display: none;
}
/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden {
	display: none !important;
	visibility: hidden;
}
/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}
/* Hide visually and from screenreaders, but maintain layout */
.invisible {
	visibility: hidden;
}
/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after {
	content: "";
	display: table;
}
.clearfix:after {
	clear: both;
}
.clearfix {
*zoom: 1;
}