
/* slider-container By JIM 2024-9-3*/
.slider-container-jay{background:url(../images/nav_bottom.png) repeat-x 0 100%;padding-bottom:24px;height:805px;overflow:hidden;position:relative}
.main-slider-jay{width:100%;height:100%;position:relative;overflow:hidden}
.slide-item-jay{min-width:996px;width:100%;position:absolute;left:0;top:0;display:none}
.slide-item-jay img{width:100%;height:auto;min-height:320px}
.slide-cont-jay{position:absolute;left:50%;top:0;width:970px;margin-left:-485px;text-shadow:1px 1px 1px #111}
.slide-cont-jay{font-size:19px;color:#fff}
.slide-cont-jay h1{font-size:47px;font-weight:normal;color:#fff;line-height:47px;margin-top:11.2em}
.slide-cont-jay h1 span{font-size:30px;text-transform:uppercase}
.slide-cont-jay a{color:#fff;font-size:14px;text-decoration:none;text-transform:uppercase;background:url(../images/icon_nav.png) no-repeat 100% 50%;padding-right:16px}
.thumbs-jay{position:absolute;left:0;bottom:24px;z-index:4;width:100%;height:100px;margin:0;padding:0;border-bottom:4px solid #fff;border-top:4px solid #fff}
.thumbs-jay li{float:left;list-style:none;position:relative;width:20%;*width:19.99%;height:100px;background-repeat:no-repeat;background-position:100% 0;background-size:100%}
.thumbs-jay li.thumb1-jay{background-image:url("../images/sl1.jpg")}
.thumbs-jay li.thumb2-jay{background-image:url("../images/sl2.jpg")}
.thumbs-jay li.thumb3-jay{background-image:url("../images/sl3.jpg")}
.thumbs-jay li.thumb4-jay{background-image:url("../images/sl4.jpg")}
.thumbs-jay li.thumb5-jay{background-image:url("../images/sl5.jpg")}
.thumbs-jay li.curr,.thumbs-jay li:hover{background:url(../images/nav_bian.png) repeat-x 0 0;cursor:pointer}
.thumbs-jay li div{height:100px;padding-top:18px;border-left:2px solid #fff;border-right:2px solid #fff}
.thumbs-jay li.curr i,.thumbs-jay li:hover i{display:block}
.thumbs-jay li span{display:block;margin:0 18px;padding:10px 30px 0;background:url(../images/nav_bottom_bg.png) repeat 0 0;height:56px;font-size:12px;color:#fff;text-transform:uppercase}

.thumbs-jay li.curr span,.thumbs-jay li:hover span{background-image:url(../images/nav_bottom_bg_1.png)}

.thumbs-jay li.curr em{display:block;width:11px;height:6px;overflow:hidden;background:url(../images/yellow-arrow.gif) no-repeat;position:absolute;top:-6px;left:50%;margin:0 0 0 -6px;}
/*移动TOP*/
/*!
*  - v1.0.2
*/.slider-pro{position:relative;margin:0 auto}.sp-slides-container{position:relative}.sp-mask{position:relative;overflow:hidden}.sp-slides{position:relative;-webkit-backface-visibility:hidden;-webkit-perspective:1000}.sp-slide{position:absolute}.sp-image-container{overflow:hidden}.sp-image{position:relative;display:block;border:none}.sp-thumbnails-container{position:relative;overflow:hidden}.sp-bottom-thumbnails,.sp-top-thumbnails{left:0;margin:0 auto}.sp-left-thumbnails,.sp-right-thumbnails,.sp-top-thumbnails{position:absolute;top:0}.sp-right-thumbnails{right:0}.sp-left-thumbnails{left:0}.sp-thumbnails{position:relative}.sp-thumbnail{border:none}.sp-thumbnail-container{position:relative;display:block;overflow:hidden;float:left;-moz-box-sizing:border-box;box-sizing:border-box}.sp-bottom-thumbnails .sp-thumbnail-container,.sp-top-thumbnails .sp-thumbnail-container{margin-left:2px;margin-right:2px}.sp-bottom-thumbnails .sp-thumbnail-container:first-child,.sp-top-thumbnails .sp-thumbnail-container:first-child{margin-left:0}.sp-bottom-thumbnails .sp-thumbnail-container:last-child,.sp-top-thumbnails .sp-thumbnail-container:last-child{margin-right:0}.sp-left-thumbnails .sp-thumbnail-container,.sp-right-thumbnails .sp-thumbnail-container{margin-top:2px;margin-bottom:2px}.sp-left-thumbnails .sp-thumbnail-container:first-child,.sp-right-thumbnails .sp-thumbnail-container:first-child{margin-top:0}.sp-left-thumbnails .sp-thumbnail-container:last-child,.sp-right-thumbnails .sp-thumbnail-container:last-child{margin-bottom:0}.sp-right-thumbnails.sp-has-pointer{margin-left:-13px}.sp-right-thumbnails.sp-has-pointer .sp-thumbnail{position:absolute;left:18px;margin-left:0!important}.sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:before{content:'';position:absolute;height:100%;border-left:5px solid #e25303;left:0;top:0;margin-left:13px}.sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:after{content:'\25c0';position:absolute;font-family:Arial;font-size:16px;line-height:1;color:#e25303;left:0;top:50%;margin-top:-6px}.ie10 .sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:after,.ie11 .sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:after,.ie9 .sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:after{content:'\25bc';-ms-transform:rotate(90deg);transform:rotate(90deg)}.sp-left-thumbnails.sp-has-pointer{margin-right:-13px}.sp-left-thumbnails.sp-has-pointer .sp-thumbnail{position:absolute;right:18px}.sp-left-thumbnails.sp-has-pointer .sp-selected-thumbnail:before{content:'';position:absolute;height:100%;border-left:5px solid #e25303;right:0;top:0;margin-right:13px}.sp-left-thumbnails.sp-has-pointer .sp-selected-thumbnail:after{content:'\25ba';position:absolute;font-family:Arial;font-size:16px;line-height:1;color:#e25303;right:0;top:50%;margin-top:-6px}.ie10 .sp-left-thumbnails.sp-has-pointer .sp-selected-thumbnail:after,.ie11 .sp-left-thumbnails.sp-has-pointer .sp-selected-thumbnail:after,.ie9 .sp-left-thumbnails.sp-has-pointer .sp-selected-thumbnail:after{content:'\25b2';-ms-transform:rotate(90deg);transform:rotate(90deg)}.sp-bottom-thumbnails.sp-has-pointer{margin-top:-13px}.sp-bottom-thumbnails.sp-has-pointer .sp-thumbnail{position:absolute;top:18px;margin-top:0!important}.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:before{content:'';position:absolute;width:100%;border-bottom:5px solid #e25303;top:0;margin-top:13px}.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:after{content:'\25b2';position:absolute;font-family:Arial;font-size:16px;line-height:1;color:#e25303;left:50%;top:0;margin-left:-9px}.sp-top-thumbnails.sp-has-pointer{margin-bottom:-13px}.sp-top-thumbnails.sp-has-pointer .sp-thumbnail{position:absolute;bottom:18px}.sp-top-thumbnails.sp-has-pointer .sp-selected-thumbnail:before{content:'';position:absolute;width:100%;border-bottom:5px solid #e25303;bottom:0;margin-bottom:13px}.sp-top-thumbnails.sp-has-pointer .sp-selected-thumbnail:after{content:'\25bc';position:absolute;font-family:Arial;font-size:16px;line-height:1;color:#e25303;left:50%;bottom:0;margin-left:-9px}.sp-layer{position:absolute;margin:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-font-smoothing:subpixel-antialiased;-webkit-backface-visibility:hidden}.sp-black{color:#FFF;background:#000;background:rgba(0,0,0,.7)}.sp-white{color:#000;background:#fff;background:rgba(255,255,255,.7)}.sp-rounded{border-radius:10px}.sp-padding{padding:10px}.sp-grab{cursor:url(images/openhand.cur),move}.sp-grabbing{cursor:url(images/closedhand.cur),move}.sp-selectable{cursor:default}.sp-caption-container{text-align:center;margin-top:10px}.sp-full-screen{margin:0!important;background-color:#000}.sp-full-screen-button{position:absolute;top:5px;right:10px;font-size:30px;line-height:1;cursor:pointer;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.sp-full-screen-button:before{content:'\2195'}.sp-fade-full-screen{opacity:0;-webkit-transition:opacity .5s;transition:opacity .5s}.slider-pro:hover .sp-fade-full-screen{opacity:1}.sp-buttons{position:relative;width:100%;text-align:center;padding-top:10px}.sp-button{width:10px;height:10px;border:2px solid #000;border-radius:50%;margin:4px;display:inline-block;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer}.sp-selected-button{background-color:#000}@media only screen and (min-width:768px) and (max-width:1024px){.sp-button{width:14px;height:14px}.sp-has-buttons{margin-bottom:36px}}@media only screen and (min-width:568px) and (max-width:768px){.sp-button{width:16px;height:16px}.sp-has-buttons{margin-bottom:38px}}@media only screen and (min-width:320px) and (max-width:568px){.sp-button{width:18px;height:18px}.sp-has-buttons{margin-bottom:40px}}.sp-fade-arrows{opacity:0;-webkit-transition:opacity .5s;transition:opacity .5s}.sp-slides-container:hover .sp-fade-arrows{opacity:1}.sp-arrow{position:absolute;font-size:40px;color:#FFF;text-shadow:1px 1px 1px #666;cursor:pointer}.sp-vertical .sp-arrow{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.sp-horizontal .sp-arrow{top:50%;margin-top:-20px}.sp-vertical .sp-arrow{left:50%;margin-left:-10px}.sp-previous-arrow:before{content:'\276e'}.ie7 .sp-previous-arrow:before,.ie8 .sp-previous-arrow:before,.ie9 .sp-previous-arrow:before,.ios .sp-previous-arrow:before{content:'\25c0'}.ie7.sp-vertical .sp-previous-arrow:before,.ie8.sp-vertical .sp-previous-arrow:before{content:'\25b2'}.sp-next-arrow:before{content:'\276f'}.ie7 .sp-next-arrow:before,.ie8 .sp-next-arrow:before,.ie9 .sp-next-arrow:before,.ios .sp-next-arrow:before{content:'\25b6'}.ie7.sp-vertical .sp-next-arrow:before,.ie8.sp-vertical .sp-next-arrow:before{content:'\25bc'}.sp-horizontal .sp-previous-arrow{left:20px}.sp-horizontal .sp-next-arrow{right:20px}.sp-vertical .sp-previous-arrow{top:20px}.sp-vertical .sp-next-arrow{bottom:20px}.sp-thumbnail-arrows{position:absolute}.sp-fade-thumbnail-arrows{opacity:0;-webkit-transition:opacity .5s;transition:opacity .5s}.sp-thumbnails-container:hover .sp-fade-thumbnail-arrows{opacity:1}.sp-bottom-thumbnails .sp-thumbnail-arrows,.sp-top-thumbnails .sp-thumbnail-arrows{width:100%;top:50%;left:0;margin-top:-10px}.sp-left-thumbnails .sp-thumbnail-arrows,.sp-right-thumbnails .sp-thumbnail-arrows{height:100%;top:0;left:50%;margin-left:-5px}.sp-thumbnail-arrow{position:absolute;font-size:20px;color:#FFF;text-shadow:1px 1px 1px #666;cursor:pointer}.sp-left-thumbnails .sp-thumbnail-arrows .sp-thumbnail-arrow,.sp-right-thumbnails .sp-thumbnail-arrows .sp-thumbnail-arrow{-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg)}.sp-previous-thumbnail-arrow:before{content:'\276e'}.ie7 .sp-previous-thumbnail-arrow:before,.ie8 .sp-previous-thumbnail-arrow:before,.ie9 .sp-previous-thumbnail-arrow:before,.ios .sp-previous-thumbnail-arrow:before{content:'\25c0'}.ie7.sp-vertical .sp-previous-thumbnail-arrow:before,.ie8.sp-vertical .sp-previous-thumbnail-arrow:before{content:'\25b2'}.sp-next-thumbnail-arrow:before{content:'\276f'}.ie7 .sp-next-thumbnail-arrow:before,.ie8 .sp-next-thumbnail-arrow:before,.ie9 .sp-next-thumbnail-arrow:before,.ios .sp-next-thumbnail-arrow:before{content:'\25b6'}.ie7.sp-vertical .sp-next-thumbnail-arrow:before,.ie8.sp-vertical .sp-next-thumbnail-arrow:before{content:'\25bc'}.sp-bottom-thumbnails .sp-previous-thumbnail-arrow,.sp-top-thumbnails .sp-previous-thumbnail-arrow{left:0}.sp-bottom-thumbnails .sp-next-thumbnail-arrow,.sp-top-thumbnails .sp-next-thumbnail-arrow{right:0}.sp-left-thumbnails .sp-previous-thumbnail-arrow,.sp-right-thumbnails .sp-previous-thumbnail-arrow{top:0}.sp-left-thumbnails .sp-next-thumbnail-arrow,.sp-right-thumbnails .sp-next-thumbnail-arrow{bottom:0}a.sp-video{text-decoration:none}a.sp-video img{-webkit-backface-visibility:hidden;border:none}a.sp-video:after{content:'\25B6';position:absolute;width:45px;padding-left:5px;height:50px;border:2px solid #FFF;text-align:center;font-size:30px;border-radius:30px;top:0;color:#FFF;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.2);margin:auto;line-height:52px}

/*移动TOP*/

.slider-pro {
    font-family: 'Open Sans', Arial;
}

/* Example 1 */

#example1 .sp-thumbnail {
	width: 100%;
	padding: 8px;
	background-color: #F0F0F0;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#example1 .sp-thumbnail-title {
	margin-bottom: 5px;
	text-transform: uppercase;
	color: #333;
}

#example1 .sp-thumbnail-description {
	font-size: 14px;
	color: #333;
}

@media (max-width: 860px) {
	#example1 .hide-medium-screen {
		display: none;
	}
}

@media (max-width: 640px) {
	#example1 .sp-layer {
		font-size: 12px;
	}

	#example1 .hide-small-screen {
		display: none;
	}
}

@media (max-width: 500px) {
	#example1 .sp-thumbnail {
		text-align: center;
	}

	#example1 .sp-thumbnail-title {
		font-size: 12px;
		text-transform: uppercase;
	}

	#example1 .sp-thumbnail-description {
		display: none;
	}
}

/* Example 3 */

#example3 .sp-thumbnails-container {
	margin-top: 4px;
}

#example3 .sp-selected-thumbnail {
	border: 4px solid #000;
}

/* Example 4 */

#example4 .sp-slides-container {
	background-color: #F4F4F4;
}

#example4 h3 {
	margin: 0 0 10px 0;
}

#example4 p {
	margin: 0 0 30px 0;
}

#example4 img {
	display: block;
}

#example4 .sp-thumbnail-container {
	width: 200px;
	height: 130px;
	overflow: hidden;
	margin-bottom: 10px;
}

#example4 .sp-image-text {
	background: rgba( 80, 80, 80, 0.5 );
	color: #FFF;
	padding: 20px;
}

.links {
	text-align: center;
	margin-top: 10px;
}

/* Example 5 */

#example5 .sp-thumbnail-image-container {
	width: 100px;
	height: 80px;
	overflow: hidden;
	float: left;
}

#example5 .sp-thumbnail-image {
	height: 100%;
}

#example5 .sp-thumbnail-text {
	width: 170px;
    float: right;
    padding: 8px;
    background-color: #F0F0F0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#example5 .sp-thumbnail-title {
	margin-bottom: 5px;
	text-transform: uppercase;
	color: #333;
}

#example5 .sp-thumbnail-description {
	font-size: 14px;
	color: #333;
}

@media (max-width: 500px) {
	#example5 .sp-thumbnail {
		text-align: center;
	}

	#example5 .sp-thumbnail-image-container {
		display: none;
	}

	#example5 .sp-thumbnail-text {
		width: 120px;
	}

	#example5 .sp-thumbnail-title {
		font-size: 12px;
		text-transform: uppercase;
	}

	#example5 .sp-thumbnail-description {
		display: none;
	}
}
