@charset "utf-8";
* { margin:0px; padding:0px; background: 0; }
body { font-size:12px; font-family:"微软雅黑"; }
img { border: 0; }
li { list-style:none; }
.fl { float:left; }
.fr { float:right; }
.cl { clear:both; }
a { text-decoration: none; }
a:hover { text-decoration:none; }
cite { font-style:normal; float:right; }
cite a { color:#333; }






.focusBox { position: relative; width:100%; height:540px; overflow: hidden; }
.focusBox { position: relative; width:100%; height:585px; overflow: hidden; }
.focusBox .pic{ position:relative; z-index:0; }
.focusBox .pic img { width:100%; height:auto; display: block; }
.focusBox .hd { width:100%; position: absolute; bottom: 10px; text-align: center; font-size:0; z-index:1; }
.focusBox .hd li{margin: 0 5px; background: url(../images/dot.png) no-repeat 0 -16px; height: 16px; overflow: hidden; width: 16px; cursor: pointer;
display:inline-block; *display:inline; zoom:1;  
}
.focusBox .hd .on{ background-position:0 0; }

.focusBox .prev,
.focusBox .next { width: 60px; height: 44px; margin: -60px 0 0; display: none; background: url(../images/ico.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; filter:alpha(opacity=20);opacity:0.2;  }
.focusBox .prev { left: 0; }
.focusBox .next { background-position: 0 -49px; right: 0; }
.focusBox .prev:hover,
.focusBox .next:hover { filter:alpha(opacity=50) !important;opacity:0.5 !important;  }



 
  
  
  
.center{text-align: center;}
.pagination{     display: inline-flex;     margin: 5% auto; text-align: center; }
.pagination li:first-child a{color:#fd2231 ;font-size: 24px;}
.pagination li:last-child a{color:#fd2231 ;font-size: 24px;}
.pagination li a{ float: left ;display: inline-block;vertical-align: middle;*display: block;*zoom: 1;width: 44px;height: 44px;
margin: 0 13px;line-height: 44px;font-size: 16px;cursor: pointer;  color:#606266  ;        transition: transform 0.5s ease; /* 平滑过渡效果 */}
.disabled a{background: 0!important; cursor: ;}
li.active a,.pagination li a:hover{  background: url(../images/pagination.png) center no-repeat ;     ;     color:#fd2231;        transform: scale(1.1); /* 放大到原始大小的110% */}
  
  
  
  
@keyframes slideInFromLeft {
  0% {
    transform: scaleX(0);
    transform-origin: left;
  }
  100% {
    transform: scaleX(1);
    transform-origin: left;
  }
}
@keyframes slideOutToLeft {
  0% {
    transform: scaleX(1);
    transform-origin: left;
  }
  100% {
    transform: scaleX(0);
    transform-origin: left;
  }
}
@keyframes highlight {
    0% {
        background-position: left;
    }
    100% {
        background-position: right;
    }
}
@keyframes highlightReverse {
    0% {
        background-position: right;
    }
    100% {
        background-position: left;
    }
}



/* 定义跳动动画 */
@keyframes jump {
    0%, 100% {
        transform: translateY(0); /* 开始和结束时放大且在原始垂直位置 */
    }
    50% {
        transform:  translateY(-10px); /* 中间状态，图像向上移动 */
    }
}

@media screen and (max-width: 1320px) { 
.navbar{margin-right: 100px;}
.search-box{display: none;}

	}