/* CSS Document */
.banner{background:url(/jcc/images/bg.jpg) no-repeat top center; width: 100%; height:355px; min-width: 1200px;}
.slideBox1{  height:355px; overflow:hidden;margin:0px auto; position:relative;}
        .slideBox1 .hd{ height:15px; overflow:hidden; position:absolute;left:50%; right:5px; bottom:15px;  margin-right:-720px;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; line-height:14px; text-align:center; background:#fff;  -webkit-border-radius: 50%;
         -moz-border-radius: 50%;
         border-radius: 50%; cursor:pointer;}
        .slideBox1 .hd ul li.on{ border:1px solid #fff;width:13px; height:13px; background:none; color:#fff;}
        .slideBox1 .bd{ position:relative; height:100%; z-index:0;}
        .slideBox1 .bd li{ zoom:1; vertical-align:middle;}
        .slideBox1 .bd img{ width:100%; height:355px;display:block;margin:0 auto;}

.slideBox1 .prev,
        .slideBox1 .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(/jcc/images/slider-arrow.jpg) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;}
        .slideBox1 .next{ left:auto; right:3%; background-position:8px 5px;}
        .slideBox1 .prev:hover,
        .slideBox1 .next:hover{ filter:alpha(opacity=100);opacity:1;}
        .slideBox1 .prevStop{ display:none;}
        .slideBox1 .nextStop{ display:none;}



.slider {
 width:100%;

 height:355px;
 position:relative;
 overflow:hidden;
 background:#fff;
 text-align:center;}
.slider .bd {
 width:1440px;
 position:absolute;
 left:50%;
 margin-left:-720px  
;}
.slider .bd li {
 width:1440px;
 overflow:hidden;}
.slider .bd li img {
 display:block;
 width:1440px;
 height:355px;}
.slider .tempWrap {
 overflow:visible !important 
;}
.slider .tempWrap ul {
 margin-left:-1440px !important;}
.slider .hd {
 position:absolute;
 width:100%;
 left:0;
 z-index:1;
 height:8px;
 bottom:20px;
 text-align:center;}
.slider .hd li {
 display:inline-block;
 *display:inline;
 zoom:1;
 width:8px;
 height:8px;
 line-height:99px;
 overflow:hidden;
 background:url(/jcc/images/slider-btn.jpg) 0 -10px no-repeat;
 margin:0 5px;
 cursor:pointer;
 filter:alpha(opacity=60);
 opacity:0.6;}
.slider .hd li.on {
 background-position:0 0;
 filter:alpha(opacity=100);
 opacity:1;}
.slider .pnBtn {
 position:absolute;
 z-index:1;
 top:0;
 width:100%;
 height:335px;
 cursor:pointer;}
.slider .prev {
 left:-50%;
 margin-left:-720px;}
.slider .next {
 left:50%;
 margin-left:720px;}
.slider .pnBtn .blackBg {
 display:block;
 position:absolute;
 left:0;
 top:0;
 width:100%;
 height:355px;
 background:#fff;
 filter:alpha(opacity=50);
 opacity:0.5;}
.slider .pnBtn .arrow {
 display:none;
 position:absolute;
 top:0;
 z-index:1;
 width:60px;
 height:355px;}
.slider .pnBtn .arrow:hover {
 filter:alpha(opacity=60);
 opacity:0.6;}
.slider .prev .arrow {
 right:0;
 background:url(/jcc/images/slider-arrow.jpg) -120px 0 no-repeat;}
.slider .next .arrow {
 left:0;
 background:url(/jcc/images/slider-arrow.jpg) 0 0 no-repeat;}