
.scroll-outer{height:aout; width:100%;overflow:hidden; padding:20px 0px 0px 0px;}
#scroll{width:1150px;margin:0 auto;padding-top:10px;font-family:"Microsoft Yahei";}
#scroll .owl-wrapper-outer{margin:0 auto;}
#scroll .item{position:relative;width:260px;height:auto;margin:10px auto;background-color:#fff;overflow:hidden; border:#E5E5E5 1px solid}
#scroll .item img{width:260px;height:140px;transition: all 0.3s linear 0s;}
#scroll .txt{ width:100%;height:auto;text-align:center; padding:10px 0px;}


#scroll h3{width:100%;overflow:hidden;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; margin: 0px; padding:0px; font-size:16px; font-weight:normal; line-height:200%}
#scroll h3 a{color:#333;text-decoration:none;}
#scroll h3 a:hover{color:#0365B9;}

#scroll p{height:56px;line-height:18px;font-size:12px; margin:0px; padding:0px; overflow:hidden}

#scroll .item:hover{box-shadow:0 0 20px 1px rgba(0,0,0,.1)}
#scroll .item:hover .txt{background-color:#F8F8F8; color:#0066CC}
#scroll a:hover img{-webkit-transform: scale(1.1);transform: scale(1.1);-moz-transform: scale(1.1);}

.owl-theme .owl-controls .owl-buttons div{position:absolute;top:65px;width:30px;height:50px;margin:0;padding:0;border-radius:0;font:50px/50px "Microsoft Yahei";background-color:transparent;overflow:hidden;_display:none;}
.owl-theme .owl-controls .owl-buttons .owl-prev{left:-32px;background:url(../images/prev.png) no-repeat  right}
.owl-theme .owl-controls .owl-buttons .owl-next{right:-32px;background:url(../images/next.png) no-repeat  right }
.owl-theme .owl-controls .owl-buttons .owl-prev:before{content:""; font-weight:bold;}
.owl-theme .owl-controls .owl-buttons .owl-next:before{content:""; font-weight:bold}

.owl-theme .owl-controls{
	margin-top: 10px;
	text-align: center;
}


@media (max-width: 1024px) {
#scroll{width:90%;margin:0 auto;padding-top:10px;font-family:"Microsoft Yahei";}
#scroll .item{position:relative;width:200px;height:auto;margin:10px auto;background-color:#fff;overflow:hidden; border:#E5E5E5 1px solid}
#scroll .item img{width:200px;height:110px;}
#scroll .txt{ width:100%;height:32px;color:#635E5A;text-align:center; float:left;  text-align:center}

.owl-theme .owl-controls .owl-buttons div{position:absolute;top:45px;width:30px;height:80px;margin:0;padding:0;border-radius:0;font:50px/50px "Microsoft Yahei";background-color:transparent;overflow:hidden;_display:none;}

.scroll-outer{height:aout; width:100%;overflow:hidden; padding:10px 0px 20px 0px;}
.cp_txt1{ font-size:20px; line-height:30px; color:#FFFFFF; text-align:center;font-family:"Microsoft YaHei"}
.cp_txt2{ font-size:16px; line-height:20px; color:#FFFFFF; text-align:center;font-family:"Microsoft YaHei"; text-transform:uppercase}

}

@media screen and (max-width: 768px) {
#scroll{width:90%;margin:0 auto;padding-top:10px;font-family:"Microsoft Yahei";}
}

@media screen and (max-width: 667px) {
#scroll{width:520px;margin:0 auto;padding-top:10px;font-family:"Microsoft Yahei";}
#scroll .item{position:relative;width:160px;height:auto;margin:10px auto;background-color:#fff;overflow:hidden;border:#E5E5E5 1px solid}
#scroll .item img{width:160px;height:86px;}
.owl-theme .owl-controls .owl-buttons div{position:absolute;top:45px;width:30px;height:60px;margin:0;padding:0;border-radius:0;font:50px/50px "Microsoft Yahei";background-color:transparent;overflow:hidden;_display:none;}

}


@media screen and (max-width: 568px) {
#scroll{width:530px;margin:0 auto;padding-top:10px;font-family:"Microsoft Yahei";}
#scroll .item{position:relative;width:160px;height:auto;margin:0 auto;background-color:#fff;overflow:hidden;border:#E5E5E5 1px solid}
#scroll .item img{width:160px;height:86px;}
.owl-theme .owl-controls .owl-buttons div{position:absolute;top:45px;width:30px;height:60px;margin:0;padding:0;border-radius:0;font:50px/50px "Microsoft Yahei";background-color:transparent;overflow:hidden;_display:none;}

}


@media screen and (max-width: 414px) {
#scroll{width:330px;margin:0 auto;padding-top:10px;font-family:"Microsoft Yahei";}
#scroll .item{position:relative;width:140px;height:auto;margin:10px auto;background-color:#fff;overflow:hidden;border:#E5E5E5 1px solid}
#scroll .item img{width:140px;height:75px;}
.owl-theme .owl-controls .owl-buttons div{position:absolute;top:45px;width:30px;height:50px;margin:0;padding:0;border-radius:0;font:50px/50px "Microsoft Yahei";background-color:transparent;overflow:hidden;_display:none;}

}

@media screen and (max-width: 375px) {
#scroll{width:380px;margin:0 auto;padding-top:10px;font-family:"Microsoft Yahei";}
#scroll .item{position:relative;width:150px;height:auto;margin:10px auto;background-color:#fff;overflow:hidden;border:#E5E5E5 1px solid}
#scroll .item img{width:150px;height:80px;}
}
@media screen and (max-width: 320px) {
.scroll-outer{height:auto;overflow:hidden; padding:10px 0px 4px 0px; width:100%}
#scroll{width:306px;margin:0 auto;padding-top:10px;font-family:"Microsoft Yahei";}
#scroll .item{position:relative;width:130px;height:auto;margin:0 auto;background-color:#fff;overflow:hidden; margin:10px 0px; border:#E5E5E5 1px solid}
#scroll .item img{width:130px;height:70px;}

.owl-theme .owl-controls .owl-buttons div{position:absolute;top:45px;width:30px;height:50px;margin:0;padding:0;border-radius:0;font:50px/50px "Microsoft Yahei";background-color:transparent;overflow:hidden;_display:none;}


}
/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons div{
	color: #FFF;
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
	margin: 5px;
	padding:0px 4px;
	font-size: 12px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background: #909167;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
	
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	text-decoration: none;
}

/* Styling Pagination*/

.owl-theme .owl-controls .owl-page{
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
	display: block;
	width: 12px;
	height: 12px;
	margin: 5px 7px;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #bbb;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
}

/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers{
	height: auto;
	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

/* preloading images */
.owl-item.loading{
	min-height: 160px;
	background: url(../images/AjaxLoader.gif) no-repeat center center
}











