

.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 {

}
/* 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;
}


/* 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 {
	height:80px;
	color:#fff;
	text-align:center;
	line-height:80px;
	font-size: 40px;
}
.swiper-car2 {
	margin-bottom:5px;
}
.swiper-car3 {
	margin-bottom:5px;
}
.swiper-car2, .swiper-car2 .swiper-slide {
	height:82px;
	color:#fff;
	text-align:center;
	line-height:80px;
	font-size: 40px;
}
.swiper-car3, .swiper-car3 .swiper-slide {
	color:#fff;
	text-align:center;
/*	font-size: 40px;*/
}
.pagination-car2 {
    left: 10px;
    top: 230px;
    width: 160px;
	position:absolute;
	z-index:20;
}
.pagination-car3 {
    left: 10px;
    top: 230px;
    width: 160px;
	position:absolute;
	z-index:20;
}
.pagination-car2 .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-car3 .swiper-active-switch {
    background: none repeat scroll 0 0 #FFFFFF;
}
.pagination-car3 .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-car2 .swiper-active-switch {
    background: none repeat scroll 0 0 #FFFFFF;
}
.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;
}
.DIv_sss_e{
	width:100%;margin:auto;height: 100%;border: 1px solid #eee;
}
.FFF_Yan{
    background: #fff;
    padding-bottom: 2.5rem;
}
.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 {
	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;
}
.jiand_tu{
    position: absolute;
    right: 0px;
    width: 20%;
    top: 0%;
    z-index: 11;
}
