@charset "utf-8";
/* 首页幻灯特效样式表 */

#imgshow_mask{width:100%; height:27px; position:absolute; z-index:1; background:url(../images/imgshow_mask.png) repeat-x;}
.bannerbg{ height:380px; overflow:hidden;}
#imageShow{ clear:both; border-bottom:1px solid #fff;}
#imageShow .imagebg{ height:380px; overflow:hidden; position:relative;}
#imageShow .imagebg li{ height:380px; overflow: hidden; position:absolute; top:0; left:0; width:100%; display:block; filter:alpha(opacity=0); opacity:0;}

.bannerbg_1{ width:50%; position:absolute; top:0; left:0; height:380px;}
.bannerbg_2{ width:50%; position:absolute; top:0; right:0; height:380px;}
.bannerbg_main{ background-position:center; background-repeat:no-repeat; width:100%; position:absolute; top:0; right:0; height:380px;}
.banner{ margin:0 auto; width:960px; height:380px; position:relative; overflow:hidden;}
.btn_home_down{ width:195px; height:62px; position:absolute; top:296px; left:36px; cursor:pointer; background:url(../images/btn_home_down.png);}
.btn_home_android{ width:195px; height:62px; position:absolute; top:296px; left:240px; cursor:pointer; background:url(../images/btn_home_android.png);} 

.scrollbg{ height:125px; background:url(../images/scroll_bg.png) repeat-x ; margin-top:-36px; }
.scrollbox{ margin:0 auto; width:960px; height:125px; }
.scroll{ display:block; float:left; width:489px; height:125px; position:relative;  }
.s_pre, .s_next{display:block; width:48px; height:125px; position:absolute;}
a.s_pre{ background:url(../images/arrow_l.png) no-repeat; top:4px; left:0;}
a.s_pre:hover{ background:url(../images/arrow_l_on.png) no-repeat;}
a.s_next{ background:url(../images/arrow_r.png) no-repeat; top:4px; right:0;}
a.s_next:hover{ background:url(../images/arrow_r_on.png) no-repeat;}
.outScroll_pic{ height:125px; margin-left:70px; overflow:hidden; position:relative; width:333px; top:2px;}
.outScroll_pic .scroll_pic{ position:absolute; }
.scroll_pic{ margin:0 auto; width:40000px; height:120px; }
.scroll_pic li{ float:left; float: left; height: 120px; width: 90px; margin: 5px 10px; cursor:pointer;}
.scroll_pic li img{ filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9;  }
.scroll_pic li:hover img,.scroll_pic li:hover{ filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}
.current{ width:90px; height:120px; border:2px #e90404 solid; background:url(../images/arrow_on.png) 50% -4px no-repeat; z-index:10; position:absolute;top:5px; left:0;}
.currently img{ filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}
.scroll_r_pic { display:block; float:left; width:200px; height:70px; margin-top:36px; margin-left:30px; position:relative; z-index:10; }

/* 首页三幅图走马灯特效样式表 */
.xispicshowbox { float:left; width:auto; height:auto; }
#xispicshow { width: 622px; height: 370px; position:relative; left: 20px; }
#carousel {
		width: 620px;
		height:370px;
		position:vrelative;
		}
#carousel ul {
		list-style: none;
		display: block;
		margin: 0;
		padding: 0;
		}
#carousel li {
		color: #999;
		text-align: center;
		display: block;
		width: 200px;
		height: 330px;
		padding: 0;
		margin-left:3px;
		margin-right:3px;
		float: left;
		position: relative;
		}
#carousel li img {
		width: 200px;
		height: 267px;
		}
#carousel li .xtext {
		display: block;
		float:left;
		overflow: hidden;
		width: 200px;
		height:auto;
		}			
.clearfix {
		float: none;
		clear: both;
		}
#carousel .prev, #carousel .next {
		background: transparent url(../images/carousel_control.png) no-repeat 0 0;
		text-indent: -999px;
		display: block;
		overflow: hidden;
		width: 15px;
		height: 21px;
		margin-left: 10px;
		position: absolute;
		top: 120px;				
		}
#carousel .prev {
		background-position: 0 0;
		left: -30px;
		}
#carousel .prev:hover {
		left: -31px;
		}			
#carousel .next {
		background-position: -18px 0;
		right: -20px;
		}
#carousel .next:hover {
		right: -21px;
		}				
#carousel .pager {
		text-align: center;
		margin: 0 auto;
		}
#carousel .pager a {
		background: transparent url(../images/carousel_control.png) no-repeat -2px -32px;
		text-decoration: none;
		text-indent: -999px;
		display: inline-block;
		overflow: hidden;
		width: 8px;
		height: 8px;
		margin: 0 5px 0 0;
		}
#carousel .pager a.selected {
		background: transparent url(../images/carousel_control.png) no-repeat -12px -32px;
		text-decoration: underline;				
		}
		
/* 内页一幅图走马灯特效样式表 所需样式于首页三幅图走马灯效果大致相同，只是宽度有所改变 */
.xispicshowbox3 { display:block; margin:0 auto; width:225px; height:auto;}
#xispicshow3 { width: 223x; height: 352px; position:relative;  }
#carousel3 {
		width: 220px;
		height:350px;
		position:vrelative;
		}
#carousel3 ul {
		list-style: none;
		display: block;
		margin: 0;
		padding: 0;
		}
#carousel3 li {
		color: #999;
		text-align: center;
		display: block;
		width: 220px;
		height: 343px;
		padding: 0;
		margin-left:3px;
		margin-right:3px;
		float: left;
		position: relative;
		}
#carousel3 li img {
		width: 220px;
		height: 292px;
		}
#carousel3 li .xtext {
		display: block;
		float:left;
		overflow: hidden;
		width: 220px;
		height: 50px;
		}			
.clearfix {
		float: none;
		clear: both;
		}
#carousel3 .prev, #carousel3 .next {
		background: transparent url(../images/carousel_control.png) no-repeat 0 0;
		text-indent: -999px;
		display: block;
		overflow: hidden;
		width: 15px;
		height: 21px;
		margin-left: 10px;
		position: absolute;
		top: 120px;				
		}
#carousel3 .prev {
		background-position: 0 0;
		left: -30px;
		}
#carousel3 .prev:hover {
		left: -31px;
		}			
#carousel3 .next {
		background-position: -18px 0;
		right: -20px;
		}
#carousel3 .next:hover {
		right: -21px;
		}				
#carousel3 .pager {
		text-align: center;
		margin: 0 auto;
		}
#carousel3 .pager a {
		background: transparent url(../images/carousel_control.png) no-repeat -2px -32px;
		text-decoration: none;
		text-indent: -999px;
		display: inline-block;
		overflow: hidden;
		width: 8px;
		height: 8px;
		margin: 0 5px 0 0;
		}
#carousel3 .pager a.selected {
		background: transparent url(../images/carousel_control.png) no-repeat -12px -32px;
		text-decoration: underline;				
		}