/*@charset "utf-8";*/
/*动画代码css 金思绪*/
#jsx_banner {
	padding-top:0px;
	padding-bottom:25px;
}
@font-face {
  font-family: 'b_fullscreen';
  src: url('fullscreen.eot');
  src: url('fullscreen.eot#iefix') format('embedded-opentype'),
       url('fullscreen.woff') format('woff'),
       url('fullscreen.ttf') format('truetype'),
       url('fullscreen.svg#fullscreen') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
 font-family: 'b_slider-controls';
 src: url('wowslider-controls.eot');
 src: url('wowslider-controls.eot#iefix') format('embedded-opentype'),  url('wowslider-controls.woff') format('woff'),  url('wowslider-controls.ttf') format('truetype'),  url('wowslider-controls.svg#wowslider-controls') format('svg');
 font-weight: normal;
 font-style: normal;
}
#b_slider-container {
	zoom: 1;
	position: relative;
	width: 100%;
	/*height:550px;
	max-width:960px;
	max-height:350px;*/
	margin:0px auto 0px;
	z-index:100;
	border:none;
	text-align:left; 
	font-size: 10px;
}
#b_slider-container.b_fullscreen-mode, #b_slider-container.b_fullwidth-mode {
	max-width:none;
	max-height:none;
}
#b_slider-container .b_ws_images ul {
	position:relative;
	width: 10000%;
	height:100%;
	left:0;
	list-style:none;
	margin:0;
	padding:0;
	border-spacing:0;
	overflow: visible;
}
#b_slider-container .b_ws_images ul li {
	position: relative;
	width:1%;
	height:100%;
	line-height:0; /*opera*/
	overflow: hidden;
	float:left;
	font-size:0;
	padding:0 0 0 0 !important;
	margin:0 0 0 0 !important;
}
#b_slider-container .b_ws_images {
	position: relative;
	left:0;
	top:0;
	width:100%;
	height:100%;
	overflow:hidden;
}
#b_slider-container.b_fullscreen-mode .b_ws_images, #b_slider-container.b_fullwidth-mode .b_ws_images {
	max-height:none;
}
#b_slider-container .b_ws_images a {
	width:100%;
	display:block;
	color:transparent;
}
#b_slider-container.b_fullscreen-mode .b_ws_images a, #b_slider-container.b_fullwidth-mode .b_ws_images a {
	height:100%;
}
#b_slider-container img {
	max-width: none !important;
}
#b_slider-container .b_ws_images img {
	width:100%;
	border:none 0;
	max-width: none;
	padding:0;
	margin:0;
}
#b_slider-container .b_ws_images iframe {
	position: absolute;
	z-index: -1;
}
#b_slider-container a {
	text-decoration: none;
	outline: none;
	border: none;
}
#b_slider-container .b_ws_bullets {
	float: left;
	position:absolute;
	z-index:70;
}
#b_slider-container .b_ws_bullets div {
	position:relative;
	float:left;
	font-size: 0px;
}
#b_slider-container a.b_wsl {
	display:none;
}
#b_slider-container .b_ws_bullets {
	padding: 10px;
}
#b_slider-container .b_ws_bullets a {
	margin-left:16px;
	width:12px;
	height:12px;
	float: left;
	text-indent: -4000px;
	position:relative;
	background: rgb(123, 193, 252); /* ie */
	background: rgba(123, 193, 252, 0.5);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
#b_slider-container .b_ws_bullets a.ws_selbull, #b_slider-container .b_ws_bullets a:hover {
	background: rgba(123, 193, 252, 1);
}
#b_slider-container .b_ws_bullets a:hover {
 -webkit-animation: pulseIn .9s infinite linear;
 -moz-animation: pulseIn .9s infinite linear;
 animation: pulseIn .9s infinite linear;
}
#b_slider-container a.b_ws_next, #b_slider-container a.b_ws_prev {
	font-family: 'b_slider-controls';
	position:absolute;
	display:none;
	text-shadow: none;
	text-align: center;
	background: rgb(176, 243, 140);
	color: #fff;
	top:50%;
	margin-top:-2.5em;
	height: 5em;
	width: 5em;
	z-index:60;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
#b_slider-container a.b_ws_next:hover, #b_slider-container a.b_ws_prev:hover {
	background: rgba(30, 165, 194, 0.6);
}
#b_slider-container a.b_ws_next {
	right:10px;
}
#b_slider-container a.b_ws_next:after {
	content: '\e801';
	display: block;
	font-size: 3.5em;
	line-height: 1.7em;
}
#b_slider-container a.b_ws_prev {
	left:10px;
}
#b_slider-container a.b_ws_prev:after {
	content: '\e800';
	display: block;
	font-size: 3.5em;
	line-height: 1.7em;
}
#b_slider-container a.b_ws_prev:hover:after {
 -webkit-animation: prevArrow .7s infinite ease-in-out;
 -moz-animation: prevArrow .7s infinite ease-in-out;
 animation: prevArrow .7s infinite ease-in-out;
}
#b_slider-container a.b_ws_next:hover:after {
 -webkit-animation: nextArrow .7s infinite ease-in-out;
 -moz-animation: nextArrow .7s infinite ease-in-out;
 animation: nextArrow .7s infinite ease-in-out;
}
#b_slider-container a.b_ws_next, #b_slider-container a.b_ws_prev {
	display:block; display:none;
}
#b_slider-container:hover a.b_ws_next, #b_slider-container:hover a.b_ws_prev {
	display:block;
}
/* bottom center */
#b_slider-container .b_ws_bullets {
	bottom:-33px;
	left:50%;
}
#b_slider-container .b_ws_bullets div {
	left:-70%;
}
#b_slider-container .b_ws-title {
	position:absolute;
	display:block;
	bottom: 0.31em;
	left: 1.23em;
	margin: 9px;
	z-index: 50;
	font-family:MisoBold, Oswald, Impact, Charcoal, sans-serif;
	font-size: 5.5em;
	color: #FFF;
	text-shadow: 1px 1px 1px #999999;
}
#b_slider-container .b_ws-title div, #b_slider-container .b_ws-title span {
	display:inline-block;
	padding:10px;
	background:#3398B6;
	background:#7bc1fc;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	opacity:0.95;
 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=95);
}
#b_slider-container .b_ws-title div {
	display:block;
	background:#B02D15;
	background:#fc838c;
	margin-top:10px;
	color: #FFFFFF;
	opacity:0.8;
	text-shadow: 1px 1px 1px #999999;
}
#b_slider-container .b_ws_images > ul {
	animation: wsBasic 16.8s infinite;
	-moz-animation: wsBasic 16.8s infinite;
	-webkit-animation: wsBasic 16.8s infinite;
}
@keyframes wsBasic {
0% {
left:-0%
}
14.88% {
left:-0%
}
25% {
left:-100%
}
39.88% {
left:-100%
}
50% {
left:-200%
}
64.88% {
left:-200%
}
75% {
left:-300%
}
89.88% {
left:-300%
}
}
@-moz-keyframes wsBasic {
0% {
left:-0%
}
14.88% {
left:-0%
}
25% {
left:-100%
}
39.88% {
left:-100%
}
50% {
left:-200%
}
64.88% {
left:-200%
}
75% {
left:-300%
}
89.88% {
left:-300%
}
}
@-webkit-keyframes wsBasic {
0% {
left:-0%
}
14.88% {
left:-0%
}
25% {
left:-100%
}
39.88% {
left:-100%
}
50% {
left:-200%
}
64.88% {
left:-200%
}
75% {
left:-300%
}
89.88% {
left:-300%
}
}
#b_slider-container .b_ws_bullets a img {
	text-indent:0;
	display:block;
	bottom:16px;
	left:-115px;
	visibility:hidden;
	position:absolute;
	-moz-box-shadow: 0 0 5px #999999;
	box-shadow: 0 0 5px #999999;
	border: 3px solid #ffffff;
	max-width:none;
}
#b_slider-container .b_ws_bullets a:hover img {
	visibility:visible;
}
#b_slider-container .b_ws_bulframe div div {
	height:75px;
	overflow:visible;
	position:relative;
}
#b_slider-container .b_ws_bulframe div div img {
	height: 100%;
}
#b_slider-container .b_ws_bulframe div {
	left:0;
	overflow:hidden;
	position:relative;
	width:200px;
	background-color:#ffffff;
}
#b_slider-container .b_ws_bullets .b_ws_bulframe {
	display:none;
	bottom:18px;
	overflow:visible;
	position:absolute;
	cursor:pointer;
	-moz-box-shadow: 0 0 5px #999999;
	box-shadow: 0 0 5px #999999;
	border: 3px solid #ffffff;
}
#b_slider-container .b_ws_bulframe span {
	display:block;
	position:absolute;
	bottom:-9px;
	margin-left:0px;
	left:95px;
	background:url(./triangle.png);
	width:15px;
	height:6px;
}
#b_slider-container.b_ws_gestures, #b_slider-container.b_ws_gestures > div > a {
	cursor: -webkit-grab;
	cursor: -moz-grab;
}
#b_slider-container.b_ws_gestures.b_ws_grabbing, #b_slider-container.b_ws_gestures.b_ws_grabbing > div > a {
	cursor: -webkit-grabbing;
	cursor: -moz-grabbing;
}
/* hide controls when video start play */
#b_slider-container.b_ws_video_playing .b_ws_bullets {
	display: none;
}
#b_slider-container.b_ws_video_playing:hover .b_ws_bullets {
	display: block;
}
/* IE fix because it don't show controls on hover if frame visible */
#b_slider-container.b_ws_video_playing_ie .b_ws_bullets, #b_slider-container.b_ws_video_playing_ie a.b_ws_next, #b_slider-container.b_ws_video_playing_ie a.b_ws_prev {
	display: block;
}
/* youtube/vimeo buttons */
#b_slider-container .b_ws_video_btn {
	position: absolute;
	display: none;
	cursor: pointer;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 55;
}
#b_slider-container .b_ws_video_btn.b_ws_youtube, #b_slider-container .b_ws_video_btn.b_ws_vimeo {
	display: block;
}
#b_slider-container .b_ws_video_btn div {
	position: absolute;
	background-image: url(./playvideo.png);
	background-size: 200%;
	top: 50%;
	left: 50%;
	width: 7em;
	height: 5em;
	margin-left: -3.5em;
	margin-top: -2.5em;
}
#b_slider-container .b_ws_video_btn.b_ws_youtube div {
	background-position: 0 0;
}
#b_slider-container .b_ws_video_btn.b_ws_youtube:hover div {
	background-position: 100% 0;
}
#b_slider-container .b_ws_video_btn.b_ws_vimeo div {
	background-position: 0 100%;
}
#b_slider-container .b_ws_video_btn.b_ws_vimeo:hover div {
	background-position: 100% 100%;
}
#b_slider-container1 .b_ws_playpause.b_ws_hide {
	display: none !important;
}
#b_slider-container .b_ws_fullscreen {
	display: none;
	position: absolute;
	font-family: "b_fullscreen";
	top: .5em;
	right: .5em;
	font-size: 2.25em;
	z-index: 59;
	color: #1EA5C2;
	text-shadow: none;
}
#b_slider-container .b_ws_fullscreen:hover {
 -webkit-animation: pulseOut .9s infinite linear;
 -moz-animation: pulseOut .9s infinite linear;
 animation: pulseOut .9s infinite linear;
}
#b_slider-container:hover .b_ws_fullscreen {
	display: block;
}
#b_slider-container .b_ws_fullscreen:after {
	content: '\e800';
}
.b_ws_fs_wrapper {
	width:100%;
	height: 100%;
	background: #EFECDD;
}
.b_ws_fs_wrapper > #b_slider-container, .b_ws_fs_wrapper > #b_slider-container .b_ws_images {
	margin:0 auto;
	max-height: none;
}
.b_ws_fs_wrapper > #b_slider-container .b_ws_fullscreen {
	position: fixed;
	display: block;
}
.b_ws_fs_wrapper > #b_slider-container .b_ws_fullscreen:after {
	content: '\e801';
}
.b_ws_fs_wrapper > #b_slider-container {
	border: 0;
	outline: 0;
	-webkit-box-shadow: 0;
	-moz-box-shadow: 0;
	box-shadow: 0;
}
 @-webkit-keyframes pulseIn {
 0% {
-webkit-transform: scale(1);
}
 50% {
-webkit-transform: scale(1.2);
}
 100% {
-webkit-transform: scale(1);
}
}
@-moz-keyframes pulseIn {
 0% {
-moz-transform: scale(1);
}
 50% {
-moz-transform: scale(1.2);
}
 100% {
-moz-transform: scale(1);
}
}
@keyframes pulseIn {
 0% {
transform: scale(1);
}
 50% {
transform: scale(1.2);
}
 100% {
transform: scale(1);
}
}
 @-webkit-keyframes pulseOut {
 0% {
-webkit-transform: scale(1);
}
 50% {
-webkit-transform: scale(0.8);
}
 100% {
-webkit-transform: scale(1);
}
}
@-moz-keyframes pulseOut {
 0% {
-moz-transform: scale(1);
}
 50% {
-moz-transform: scale(0.8);
}
 100% {
-moz-transform: scale(1);
}
}
@keyframes pulseOut {
 0% {
transform: scale(1);
}
 50% {
transform: scale(0.8);
}
 100% {
transform: scale(1);
}
}
 @-webkit-keyframes nextArrow {
 0%, 100% {
-webkit-transform: translateX(0px);
}
 25% {
-webkit-transform: translateX(2px);
}
 75% {
-webkit-transform: translateX(-2px);
}
}
@-moz-keyframes nextArrow {
 0%, 100% {
-moz-transform: translateX(0px);
}
 25% {
-moz-transform: translateX(2px);
}
 75% {
-moz-transform: translateX(-2px);
}
}
@keyframes nextArrow {
 0%, 100% {
-moz-transform: translateX(0px);
transform: translateX(0px);
}
 25% {
-moz-transform: translateX(2px);
transform: translateX(2px);
}
 75% {
-moz-transform: translateX(-2px);
transform: translateX(-2px);
}
}
 @-webkit-keyframes prevArrow {
 0%, 100% {
-webkit-transform: translateX(0px);
}
 25% {
-webkit-transform: translateX(-2px);
}
 75% {
-webkit-transform: translateX(2px);
}
}
@-moz-keyframes prevArrow {
 0%, 100% {
-moz-transform: translateX(0px);
}
 25% {
-moz-transform: translateX(-2px);
}
 75% {
-moz-transform: translateX(2px);
}
}
@keyframes prevArrow {
 0%, 100% {
-moz-transform: translateX(0px);
transform: translateX(0px);
}
 25% {
-moz-transform: translateX(-2px);
transform: translateX(-2px);
}
 75% {
-moz-transform: translateX(2px);
transform: translateX(2px);
}
}

@media screen and (min-width:1420px){ /* 执行1200px版的css*/   
#b_slider-container .b_ws-title {
    position: absolute;
    display: block;
    bottom: 0.31em;
    left: 1.23em;
    margin: 9px;
    z-index: 50;
    font-family: MisoBold, Oswald, Impact, Charcoal, sans-serif;
    font-size: 5.5em;
    color: #FFF;
    text-shadow: 1px 1px 1px #999999;
}
}
@media screen and (min-width: 1220px) and (max-width: 1419px) { /*执行1000px版的css*/  
#b_slider-container .b_ws-title {
    position: absolute;
    display: block;
    bottom: 0.31em;
    left: 1.23em;
    margin: 9px;
    z-index: 50;
    font-family: MisoBold, Oswald, Impact, Charcoal, sans-serif;
    font-size: 4.5em;
    color: #FFF;
    text-shadow: 1px 1px 1px #999999;
}
}
@media screen and (min-width: 750px) and (max-width: 1219px) { /*执行750px版的css*/  
#b_slider-container .b_ws-title {
    position: absolute;
    display: block;
    bottom: 0.31em;
    left: 1.23em;
    margin: 9px;
    z-index: 50;
    font-family: MisoBold, Oswald, Impact, Charcoal, sans-serif;
    font-size: 3.5em;
    color: #FFF;
    text-shadow: 1px 1px 1px #999999;
}
}
@media screen and (max-width: 749px) { /*执行100%宽度版的css*/  
#b_slider-container .b_ws-title {
    position: absolute;
    display: block;
    bottom: 0.31em;
    left: 1.23em;
    margin: 9px;
    z-index: 50;
    font-family: MisoBold, Oswald, Impact, Charcoal, sans-serif;
    font-size: 2.5em;
    color: #FFF;
    text-shadow: 1px 1px 1px #999999;
}
}

