@charset "utf-8";
/* CSS Document */
/**rollBox end**/
.rollBox{width:960px; height:60px; overflow:hidden;margin:0 auto; position:relative; }
.rollBox .Cont{width:860px;overflow:hidden;margin:0 auto;}
.rollBox .ScrCont{width:10000000px;}
.rollBox .Cont li{ display:inline-block; *display:inline; *zoom:1; background-color:#13b8f6; color:#fff!important; padding:10px 20px; height:50px; line-height:30px;}
.rollBox .Cont li:hover{background-color:#ff6600;}
.rollBox .Cont li *{color:#fff!important;}
.rollBox .Cont .roll-active{ background-color:#ff6600;}
*+html .rollBox .Cont .pic{ display:inline-block; *display:inline; *zoom:1; margin-bottom:10px; background-color:#13b8f6; color:#fff!important; padding:5px 10px;}
.rollBox .Cont .pic img{padding:4px;background:#fff;border:1px solid #ccc;display:block;margin:0 auto;}
.rollBox .Cont .pic p{line-height:26px;color:#505050;}
.rollBox .Cont a:link,.rollBox .Cont a:visited{color:#626466;text-decoration:none;}
.rollBox .Cont a:hover{color:#f00;text-decoration:underline;}
.rollBox #List1,.rollBox #List2,.rollBox #List3,.rollBox #List4{float:left; margin-left:5px;}
.rollBox-pre,.rollBox-next{ position:absolute; top:0px; background-color:#13b8f6; color:#fff!important; padding:10px 20px; height:50px; line-height:30px; cursor:pointer;}
.rollBox-pre{ left:0; border-right:4px solid #fff;}
.rollBox-next{ right:0; border-left:4px solid #fff;}
/**rollBox end**/

@media (max-width: 1024px) {
.rollBox{width:100%; }
.rollBox .Cont{width:90%;}
}﻿