@charset "utf-8";
.clear{clear: both;}

/*#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:650px; overflow:hidden; position:relative;width:100%;}
#vis img{width: 67%;float: left;margin-left: 8.35%;margin-right: 8.35%;}
#lanrenzhijia .imagebg li { height:700px; overflow: hidden; position:absolute; top:0; left:0; width:100%; display:block; filter:alpha(opacity=0); opacity: 0;}



.scrollbg {height:187px;background:#fff;;margin-bottom:0px;/*margin-left: 11.5%;width: 67%;*/}
.scroll {width:627px;height:100px;position:relative;margin-top:0px;margin:0 auto;}
.s_pre, .s_next {display:block;width:44px;height:45px;position:absolute;}
a.s_pre {background:url(../../images/home/arrow_l1.png) no-repeat;top:75px;left:-20px;opacity: 0.6;}
a.s_pre:hover {opacity: 1;}
a.s_next {background:url(../../images/home/arrow_r1.png) no-repeat;top:75px;right:-20px;opacity: 0.6;}
a.s_next:hover {opacity: 1;}
.outScroll_pic{  height:90px;margin-left: auto;margin-right:auto;overflow: hidden;position:relative;width:490px; 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:2px #fff solid;background:url(../../images/home/arrow_on.png) 50% -4px no-repeat;z-index:10;position:absolute;top:53px;left:0;display: none;}
.currently img {filter:alpha(opacity=100)!important;-moz-opacity:1!important;opacity:1!important;}
.top_1{width:188px;margin:0 auto;text-align: center;margin-top: 10px;} 
.top_1 li{float:left;}
.top_1 span{float:left;color:#666;width:30px;text-align: center;}
.top_1 li a{color:#666;}
#jc a{color:#222;font-weight:bold;}

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

@media screen and (max-width:353px){
	.s_pre{background-size: 70% auto!important;left: -5px!important;}
	.s_next{background-size: 70% auto!important;}
	a.s_pre {top: 27px !important;}
	a.s_next {top: 27px !important;}
}

/*
@media screen and (max-width:1920px) {
	#lanrenzhijia .imagebg{height:540px;}
}

@media screen and (max-width:1555px) {
	.outScroll_pic{width:326px;}
	.scroll{width:465px;}
	#lanrenzhijia .imagebg{height:420px;}
}


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

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

	
}

@media screen and (max-width:750px){
	.scroll{width:465px;}
	.outScroll_pic{width:326px;}
	#lanrenzhijia .imagebg{height:540px;}
}

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

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

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

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