﻿/* 横向滚动
------------------------------ */
.scroll_horizontal{position:relative;width:100%;min-height:100px;}
.scroll_horizontal .box{overflow:hidden;position:relative;width:1170px;min-height:100px;margin:0 auto;}
.scroll_horizontal .list{overflow:hidden;width:9999px;}
.scroll_horizontal .list li{float:left;width:1170px;}
.scroll_horizontal .prev,
.scroll_horizontal .next{position:absolute;top:50%;margin-top:-25px;width:40px;height:50px;background-image:url(../Images/control.png);background-repeat:no-repeat;font:0/0 Arial;cursor:pointer;}
.scroll_horizontal .prev{left:20px;background-position:0 0;}
.scroll_horizontal .next{right:20px;background-position:-40px 0;}
.scroll_horizontal .prev:hover{background-position:0 -50px;}
.scroll_horizontal .next:hover{background-position:-40px -50px;}



@media (max-width: 1200px){
.scroll_horizontal{width:100%;}
.scroll_horizontal .box{width:800px;}
.scroll_horizontal .list li {width:800px;}
.roll-txt-box{width:800px !important;}
}
@media (max-width: 850px){
.scroll_horizontal{width:100%;}
.scroll_horizontal .box{width:600px;}
.scroll_horizontal .list li {width:600px;}
.roll-txt-box{width:600px !important;}
}
@media (max-width: 650px){
.scroll_horizontal{width:100%;}
.scroll_horizontal .box{width:400px;}
.scroll_horizontal .list li {width:400px;}
.roll-txt-box{width:400px !important;}
}

@media (max-width: 500px){
.scroll_horizontal{width:100%;}
.scroll_horizontal .box{width:300px;}
.scroll_horizontal .list li {width:300px;}
.roll-txt-box{width:300px !important;}
}
/* 纵向滚动
------------------------------ */
.scroll_vertical{position:relative;width:180px;height:340px;padding:10px;background:#eee;}
.scroll_vertical .box{overflow:hidden;position:relative;top:40px;height:260px;}
.scroll_vertical .list{position:absolute;top:0;left:0;}
.scroll_vertical .list li{height:140px;text-align:center;}
.scroll_vertical .prev,
.scroll_vertical .next{position:absolute;left:50%;width:120px;height:30px;margin-left:-25px;width:50px;height:40px;background-image:url(../Images/control.png);background-repeat:no-repeat;font:0/0 Arial;cursor:pointer;}
.scroll_vertical .prev{top:5px;background-position:-80px 0;}
.scroll_vertical .next{bottom:5px;background-position:-130px 0;}
.scroll_vertical .prev:hover{background-position:-80px -40px;}
.scroll_vertical .next:hover{background-position:-130px -40px;}


.incol{float:left; margin-right:20px;}



.roll-txt-box{width: 1170px; min-height:100px; padding: 10px; 
	box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */ }

.roll-txt-box .note {color: #fff; text-align: center; font-size: 16px;}
.roll-txt-box .note p{color: #fff; margin-bottom: 30px; }
.footer .main .row .fac .facebook


