@charset "utf-8";


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



.scrollbg {height:187px;background:#000;margin-bottom:40px;}
.scroll {margin:0 auto;width:960px;height:100px;position:relative;margin-top:0px;}
.s_pre, .s_next {display:block;width:44px;height:45px;position:absolute;}
a.s_pre {background:url(../images/home/arrow_l.png) no-repeat;top:75px;left:-20px;opacity: 0.6;}
a.s_pre:hover {opacity: 1;}
a.s_next {background:url(../images/home/arrow_r.png) no-repeat;top:75px;right:-20px;opacity: 0.6;}
a.s_next:hover {opacity: 1;}
.outScroll_pic{  height:90px;margin-left: 70px;overflow: hidden;position:relative;width:960px; top:50px;}
.outScroll_pic .scroll_pic{position:absolute}
.scroll_pic {margin:0 auto;width:auto; height:76px; }
.scroll_pic li {float:left;float: left; height:81px;width: 145px; margin: 5px 9px; _margin:5px 14px 5px 4px;cursor:pointer;  background:#000;overflow:hidden;}
.scroll_pic li img {filter:alpha(opacity=100);-moz-opacity:1;opacity: 1;height:81px;width: 145px;transition: all 0.3s;}
.scroll_pic li:hover img,.scroll_pic li:hover{filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}


.current {width:144px;height:80px;border:1px #afafaf solid;background:url(../images/home/arrow_on.png) 50% -4px no-repeat;z-index:10;position:absolute;top:54px;left:1px;}
.currently img {filter:alpha(opacity=100)!important;-moz-opacity:1!important;opacity:1!important;}

.outScroll_pic ul li img:hover{transform:scale(1.2);}



@media screen and (max-width:1024px){
	
	#lanrenzhijia .imagebg{height:500px;}
	.outScroll_pic{width:500px;}
	.scroll{width:635px;}

	
}

@media screen and (max-width:750px){
	
	#lanrenzhijia .imagebg{height:450px;}
}

@media screen and (max-width:700px){
	
	#lanrenzhijia .imagebg{height:300px;}
	.outScroll_pic{width:326px;}
	.scroll{width:470px;}
}

@media screen and (max-width:530px){
	
	#lanrenzhijia .imagebg{height:300px;}
	.outScroll_pic{width:165px;}
	.scroll{width:300px;}
}

@media screen and (max-width:430px){
	
	#lanrenzhijia .imagebg{height:250px;}
	.outScroll_pic{width:165px;}
	.scroll{width:300px;}
}

@media screen and (max-width:380px){
	
	#lanrenzhijia .imagebg{height:200px;}
	.outScroll_pic{width:155px;margin-left: 45px;}
	.scroll{width:250px;}
	.current{margin-left:-25px;}
}