/*滚动*/
.roll { OVERFLOW: hidden; padding-top: 10px;margin-left: 5px;  ZOOM: 1; POSITION: relative;width:1000px; height:270px; }
.roll .LeftBotton {left:0px; BACKGROUND: url(../images/igoleft.jpg)  no-repeat; FLOAT: left; WIDTH: 20px; CURSOR: pointer; POSITION: absolute;  HEIGHT: 33px;top: 95px;}
.roll .RightBotton {RIGHT: 10px; BACKGROUND: url(../images/igoright.jpg) no-repeat; FLOAT: right; WIDTH: 20px; CURSOR: pointer; POSITION: absolute;  HEIGHT: 33px;top: 95px;}
.roll .LeftBotton:hover {left:0px; BACKGROUND: url(../images/igoleft_h.jpg) no-repeat;   FLOAT: left; WIDTH: 20px; CURSOR: pointer; POSITION: absolute;  HEIGHT: 33px;top: 95px;}
.roll .RightBotton:hover {RIGHT: 10px; BACKGROUND: url(../images/igoright_h.jpg) no-repeat; FLOAT: right; WIDTH: 20px; CURSOR: pointer; POSITION: absolute;  HEIGHT: 33px;top: 95px;}
.roll .Cont {OVERFLOW: hidden; WIDTH: 1000px; height:270px; margin-left:5px;}
.roll .box {FLOAT: left; WIDTH: 272px;text-align:center;margin-right:10px;}
.roll .box IMG {BORDER: #ddd 1px solid;  DISPLAY: block;  MARGIN: 0px auto;}
.roll .box a:hover IMG {BORDER:#f00 1px solid}
.roll .box .i_rimg{width:270px;height:203px;}
.roll .box .info{ }
.roll .box .info a { color:#000;line-height:45px;height:45px;}

/*滚动*/
.roll2 { OVERFLOW: hidden; padding-top: 10px;margin-left: 5px;  ZOOM: 1; POSITION: relative;width:1000px; height:260px; }
.roll2 .LeftBotton {left:0px; BACKGROUND: url(../images/igoleft.jpg)  no-repeat; FLOAT: left; WIDTH: 20px; CURSOR: pointer; POSITION: absolute;  HEIGHT: 33px;top: 95px;}
.roll2 .RightBotton {RIGHT: 10px; BACKGROUND: url(../images/igoright.jpg) no-repeat; FLOAT: right; WIDTH: 20px; CURSOR: pointer; POSITION: absolute;  HEIGHT: 33px;top: 95px;}
.roll2 .LeftBotton:hover {left:0px; BACKGROUND: url(../images/igoleft_h.jpg) no-repeat;   FLOAT: left; WIDTH: 20px; CURSOR: pointer; POSITION: absolute;  HEIGHT: 33px;top: 95px;}
.roll2 .RightBotton:hover {RIGHT: 10px; BACKGROUND: url(../images/igoright_h.jpg) no-repeat; FLOAT: right; WIDTH: 20px; CURSOR: pointer; POSITION: absolute;  HEIGHT: 33px;top: 95px;}
.roll2 .Cont {OVERFLOW: hidden; WIDTH: 970px; height:260px; margin-left:35px;}
.roll2 .box {FLOAT: left; WIDTH: 272px;text-align:center;margin-right:10px;}
.roll2 .box IMG {BORDER: #ddd 1px solid;  DISPLAY: block;  MARGIN: 0px auto;}
.roll2 .box a:hover IMG {BORDER:#f00 1px solid}
.roll2 .box .i_rimg{width:270px;height:203px;}
.roll2 .box .info{ }
.roll2 .box .info a { color:#000;line-height:45px;height:45px;}

/*滚动*/
.roll3 { OVERFLOW: hidden; margin-top: 30px;margin-left: 15px;  ZOOM: 1; POSITION: relative;width:300px; height:235px; }
.roll3 .LeftBotton {left:0px; BACKGROUND: url(../images/i_goleft.jpg)  no-repeat; FLOAT: left; WIDTH: 23px; CURSOR: pointer; POSITION: absolute;  HEIGHT: 55px;top: 90px;}
.roll3 .RightBotton {RIGHT: 0px; BACKGROUND: url(../images/i_goright.jpg) no-repeat; FLOAT: right; WIDTH: 23px; CURSOR: pointer; POSITION: absolute;  HEIGHT: 55px;top: 90px;}
.roll3 .LeftBotton:hover {left:0px; BACKGROUND: url(../images/i_goleft_h.jpg) no-repeat;   FLOAT: left; WIDTH: 23px; CURSOR: pointer; POSITION: absolute;  HEIGHT: 55px;top: 90px;}
.roll3 .RightBotton:hover {RIGHT: 0px; BACKGROUND: url(../images/i_goright_h.jpg) no-repeat; FLOAT: right; WIDTH: 23px; CURSOR: pointer; POSITION: absolute;  HEIGHT: 55px;top: 90px;}

.roll3 .Cont {OVERFLOW: hidden; WIDTH: 300px; height:235px; margin-left:35px;}
.roll3 .box {FLOAT: left; WIDTH: 300px;text-align:center;margin-right:0px;}
.roll3 .box IMG {BORDER: #ccc 0px solid;  DISPLAY: block;  MARGIN: 0px auto;}
.roll3 .box a:hover IMG {BORDER:#000a40 0px solid}
.roll3 .box .i_rimg{width:300px;height:235px;}
.roll3 .box .info{}
.roll3 .box .info a { color:#555;line-height:35px;height:35px;}

.slideBox { width: 100%; height: 600px; overflow: hidden; position: relative; border: 0px solid #ddd; }
.slideBox .hd { height: 15px; overflow: hidden; position: absolute; right: 50%; bottom: 25px; z-index: 1; }
.slideBox .hd ul { overflow: hidden; zoom: 1; float: left; }
.slideBox .hd ul li { float: left; margin-right: 10px; width: 15px; height: 15px; border-radius:8px;
line-height: 14px;font-size:0px; text-align: center; background: #999; cursor: pointer; }
.slideBox .hd ul li.on { background: #c70000; color: #fff; }
.slideBox .bd { position: relative; height: 100%; z-index: 0; }
.slideBox .bd li { zoom: 1; vertical-align: middle; }
.slideBox .bd li div { width: 100%; height: 600px; display: block; }

.slideBoxPage { width: 100%; height: 353px; overflow: hidden; position: relative; border: 0px solid #ddd; }
.slideBoxPage .hd { height: 15px; overflow: hidden; position: absolute; right: 50%; bottom: 25px; z-index: 1; }
.slideBoxPage .hd ul { overflow: hidden; zoom: 1; float: left; }
.slideBoxPage .hd ul li { float: left; margin-right: 10px; width: 15px; height: 15px; border-radius: 8px; line-height: 14px; font-size: 0px; text-align: center; background: #999; cursor: pointer; }
.slideBoxPage .hd ul li.on { background: #c70000; color: #fff; }
.slideBoxPage .bd { position: relative; height: 100%; z-index: 0; }
.slideBoxPage .bd li { zoom: 1; vertical-align: middle; }
.slideBoxPage .bd li div { width: 100%; height: 700px; display: block; }

/* 下面是前/后按钮代码，如果不需要删除即可 
.slideBox .prev,
.slideBox .next { position: absolute; left: 3%; top: 50%; margin-top: -25px; display: block; width: 32px; height: 40px; background: url(images/slider-arrow.png) -110px 5px no-repeat; filter: alpha(opacity=50); opacity: 0.5; }
.slideBox .next { left: auto; right: 3%; background-position: 8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover { filter: alpha(opacity=100); opacity: 1; }
.slideBox .prevStop { display: none; }
.slideBox .nextStop { display: none; }*/


.slideBox1 { width: 410px; height: 475px; overflow: hidden; position: relative; border: 0px solid #ddd; }
.slideBox1 .hd { height: 15px; overflow: hidden; position: absolute; right: 5%; bottom: 70px; z-index: 1; }
.slideBox1 .hd ul { overflow: hidden; zoom: 1; float: left; }
.slideBox1 .hd ul li { float: left; margin-right: 10px; width: 15px; height: 15px; border-radius: 8px; line-height: 14px; font-size: 0px; text-align: center; background: #eee; cursor: pointer; }
.slideBox1 .hd ul li.on { background: #c70000; color: #fff; }
.slideBox1 .bd { position: relative; height: 100%; z-index: 0; }
.slideBox1 .bd li { zoom: 1; vertical-align: middle; height: 475px; }
.slideBox1 .bd li div { width: 100%; height: 475px; display: block; }
.slideBox1 .bd li span { position: absolute; bottom: 0px; background: #710007; filter: Alpha(opacity=85); opacity: 0.85; display: block; width: 100%;height:55px; line-height: 55px; color: #fff; font-size: 18px; padding-left: 15px; }

.picScroll-left { width: 100%; overflow: hidden; position: relative; border: 0px solid #ccc;margin:0 auto; }
/*.picScroll-left .hd { overflow: hidden; height: 30px; background: #f4f4f4; padding: 0 10px; }
.picScroll-left .hd .prev, .picScroll-left .hd .next { display: block; width: 5px; height: 9px; float: right; margin-right: 5px; margin-top: 10px; overflow: hidden; cursor: pointer; background: url("images/arrow.png") no-repeat; }
.picScroll-left .hd .next { background-position: 0 -50px; }
.picScroll-left .hd .prevStop { background-position: -60px 0; }
.picScroll-left .hd .nextStop { background-position: -60px -50px; }
.picScroll-left .hd ul { float: right; overflow: hidden; zoom: 1; margin-top: 10px; zoom: 1; }
.picScroll-left .hd ul li { float: left; width: 9px; height: 9px; overflow: hidden; margin-right: 5px; text-indent: -999px; cursor: pointer; background: url("images/icoCircle.gif") 0 -9px no-repeat; }*/
.picScroll-left .hd ul li.on { background-position: 0 0; }
.picScroll-left .bd { padding: 0px; }
.picScroll-left .bd ul { overflow: hidden; zoom: 1; }
.picScroll-left .bd ul li {width:33.3%; margin: 0px; float: left; _display: inline; overflow: hidden; text-align: center; }
.picScroll-left .bd ul li .pic { text-align: center; }
.picScroll-left .bd ul li .pic img { width: 100%; display: block; padding: 0px; border: 0px solid #ccc;  }
.picScroll-left .bd ul li .pic a:hover img { border-color: #999; }
.picScroll-left .bd ul li .title { top: 0; position: absolute; width: 33.33%; height: 100%; line-height: 24px; background: url(../images/proclass_bg.png) no-repeat 50% 50%; }
.picScroll-left .bd ul li .title .info {padding-top:33%;font-size:18px; }
.picScroll-left .bd ul li .title .info p{  font-size: 16px;color:#ccc; }
.picScroll-left .bd ul li .title:hover { background: #710007 url(../images/proclass_bg.png) no-repeat 50% 50%; filter: Alpha(opacity=85); opacity: 0.85; }

@media only screen and (min-width:1000px) {
    .picScroll-left { width: 1380px; }
}
@media only screen and (min-width:1400px) {
    .picScroll-left { width: 100%; }
}