.demobox {
	width: 570px;
	height: 380px;
	padding: 0;
	position:relative;
	margin:0 auto;
}
.touchslider .touchslider-viewport {
	width: 570px;
	overflow: hidden;
	height:380px;
	position: relative;
}
.touchslider .touchslider-item {
	overflow: hidden;
}
.touchslider .touchslider-item p {
	position: absolute;
	height: 40px;
	background: url(/r/cms/www/bjjn/css/alpha.png) repeat;
	margin: 0;
	text-align:left;
	width: 100%;
	line-height: 36px; *line-height: 42px;
	color: #FFF;
	font-size: 14px;
	bottom: 0px;
	overflow:hidden;
}
.touchslider .touchslider-item a {
	color: #FFF;
}
.touchslider .touchslider-item p i { font-style:normal; text-indent:12px; display:block; padding-right:130px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.touchslider .touchslider-item img {
	width:570px;
	height: 380px;
}
.touchslider .touchslider-nav a {
	cursor: pointer;
}
.touchslider-nav {
	bottom:12px;
	right:0px;
	position:absolute;
}
.touchslider .touchslider-nav-item {
	width: 14px;
	height: 14px;
	background:url(/r/cms/www/bjjn/css/rollpicdot.png) 0 -16px no-repeat;
	margin-right:8px;
	display: inline-block;
	float:left;
}
.touchslider .touchslider-nav-item-current {
	background-position:0px 0px;
}
 @media screen and (max-width:320px) {/* 4-5 */
.demobox {
	width: 320px;
	height: 213px;
	padding: 0;
}
.touchslider .touchslider-viewport {
	width: 320px;
	overflow: hidden;
	position: relative;
}
.touchslider .touchslider-item img {
	width: 320px;
	height: 213px;
}
.touchslider .touchslider-nav a {
	zoom:70%;
}
.touchslider .touchslider-item p i { text-indent:8px; padding-right:88px;  }
}
@media screen and (min-width: 321px) and (max-width: 640px) {/* note Galaxy */
.demobox {
	width: 360px;
	height: 240px;
	padding: 0;
}
.touchslider .touchslider-viewport {
	width: 360px;
	overflow: hidden;
	position: relative;
}
.touchslider .touchslider-item img {
	width: 360px;
	height: 240px;
}
.touchslider .touchslider-nav a {
	zoom:70%;
}
.touchslider .touchslider-item p i { text-indent:8px; padding-right:88px;  }
}
 @media (device-height:667px) and (-webkit-min-device-pixel-ratio:2) {/* 6 */
.demobox {
	width: 375px;
	height: 250px;
	padding: 0;
}
.touchslider .touchslider-viewport {
	width: 375px;
	overflow: hidden;
	height: 250px;
	position: relative;
}
.touchslider .touchslider-item img {
	width: 375px;
	height: 250px;
}
.touchslider .touchslider-nav a {
	zoom:70%;
}
.touchslider .touchslider-item p i { text-indent:8px; padding-right:88px;  }
}
 @media (device-height:736px) and (-webkit-min-device-pixel-ratio:2) {/* 6P */
.demobox {
	width: 414px;
	height: 276px;
	padding: 0;
}
.touchslider .touchslider-viewport {
	width: 414px;
	height: 276px;
	overflow: hidden;
	position: relative;
}
.touchslider .touchslider-item img {
	width: 414px;
	height: 276px;
}
.touchslider .touchslider-nav a {
	zoom:70%;
}
.touchslider .touchslider-item p i { text-indent:8px; padding-right:88px;  }
}
@media (max-device-width:760px) and (orientation : landscape) {/* - */
.demobox {
	width: 380px;
	height: 253px;
	padding: 0;
}
.touchslider .touchslider-viewport {
	width: 380px;
	height: 253px;
	overflow: hidden;
	position: relative;
}
.touchslider .touchslider-item img {
	width: 380px;
	height: 253px;
}
.touchslider .touchslider-nav a {
	zoom:70%;
}
}






/*index  rollbox*/
.rollBox {width:1002px;overflow:hidden; position:relative}
.rollBox .LeftBotton{height:47px;width:24px;background:#ff6000;overflow:hidden;cursor:pointer; position:absolute; left:0; top:35px; background:url(/r/cms/www/bjjn/css/ibg15.png) 0px 0px no-repeat;}
.rollBox .RightBotton{height:47px;width:24px;background:#093;overflow:hidden;cursor:pointer; position:absolute; right:0; top:35px; background:url(/r/cms/www/bjjn/css/ibg15.png) -24px 0px no-repeat;}
.rollBox .Cont{width:992px; height:98px; margin-top:10px; overflow:hidden; float:left; margin-left:5px; }
.rollBox .ScrCont{width:10000000px;}
.rollBox .Cont .pic{ float:left; text-align:center;}
.rollBox .Cont .pic img{ height:98px; display:block; margin:0 5px; }
.rollBox #List1,.rollBox #List2{float:left;}<!--0.00018501281738281-->