/**/
.focusBox { position: relative; width:100%; height:416px; overflow: hidden; background: #fff; }
.focusBox .pic{}
.focusBox .pic li{ position: relative; }
.focusBox .pic .ztu { width:100%; height:416px; }
.focusBox .pic .info { position: absolute; top: 0; right:0; bottom:0; left:0; z-index:2; }
.focusBox .pic .info .info-cn{width:1180px; height:416px; margin:auto; color:#fff; text-align:center;}
.focusBox .pic .info .info-cn h4 { margin-top:100px; color:#fff; font-size: 42px; font-weight: normal; line-height: 42px; margin-bottom: 20px; }
.focusBox .pic .info .info-cn p { display: block; margin:auto; width:580px; height:64px;  overflow: hidden; color:#fff; }
.focusBox .pic .info .info-cn a{ margin-top:60px; background:#0951bc; color:#fff; display: inline-block; border-radius: 2px; border: 1px solid #0951bc; padding: 5px 0; width:180px; height: 32px; line-height: 32px; text-align: center; overflow: hidden;}
.focusBox .pic .jjfatpbg{position:absolute; top:0; right:0; bottom:0; left:0;background-color: rgba(22,45,63,.8);}

.focusBox .hd { text-align:center; overflow:hidden; zoom:1; position:absolute; bottom:20px; left:0; right:0; z-index:4}
.focusBox .hd li{ display:inline-block; text-align:center; width:8px; height:15px; cursor:pointer; overflow:hidden; background:#333; margin-right:5px; filter:alpha(opacity=80); opacity:.8; -webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease }
.focusBox .hd .on{ background:#0951bc; filter:alpha(opacity=100);opacity:1;  height:20px; }

.focusBox .prev,
.focusBox .next { width:45px; height:99px; position:absolute; top:91px; z-index:3; filter:alpha(opacity=20); -moz-opacity:.2; opacity:.2; -webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease}
.focusBox .prev { background-image:url(images/index.png); background-position:-112px 0; left:0 }
.focusBox .next { background-image:url(images/index.png); background-position:-158px 0; right:0 }
.focusBox .prev:hover,
.focusBox .next:hover { filter:alpha(opacity=60); -moz-opacity:.6; opacity:.6 }
/**/
.hzan{ position:relative; margin-top:-20px}
.hzan ul{ background:#fff; padding:20px; overflow:hidden;-webkit-box-shadow: 0 15px 30px rgba(0,0,0,.1); box-shadow: 0 15px 30px rgba(0,0,0,.1); -webkit-transform: translate3d(0,-2px,0); transform: translate3d(0,-2px,0);}
.hzan li{ float:left; margin-right:20px;}
.hzan li a{ display:block; border: 1px solid #f1f1f1; text-align: center; font-size: 14px; padding: 0 20px; border-radius: 2px; cursor: pointer;}
.hzan li a:hover {background-color: rgba(9,91,214,.1); color: #162d3f; }
.hzan li.on a{background: #0951bc; color: #fff; }
/**/
.jd-list { overflow: hidden; margin-left: -20px; margin-bottom:20px; }
.jd-list .jd-list-item { width: 280px; height: 297px; background: #fff; float: left; margin-top: 20px; margin-left: 20px;}
.jd-list .jd-list-item a { display: block; }
.jd-list .imgurl { background-repeat: no-repeat; background-position: center center; background-size: cover; width: 280px; height: 157px; display: block; }
.jd-list .info { padding: 25px 20px 20px 20px; position: relative; float:left;}
.jd-list .info h4 { font-size: 18px; font-weight: 400; margin-bottom: 10px; }
.jd-list .info p { color: #777; overflow: hidden; height: 60px;  }
.jd-list .info i { position: absolute; top: 26px; left: 12px; width: 3px; height: 18px; background: #0951bc;}
.jd-list .info .t { top: 30px; left: 8px; height: 14px;}
.jd-list .info .s { top: 34px; left: 4px; height: 10px;}
.jd-list .info .g { top: 38px; left: 0; height: 6px; display: none;}
.jd-list .info em {text-align: right; color: #8c8c8c; width: 93px; font-size: 12px; position: absolute; top: 22px; right: 20px;}
.jd-list .jd-list-item{width: 380px; height: 372px;}
/**/
.jd-list .imgurl{width: 340px; height: 157px; float:left; margin-top:20px; margin-left:20px; margin-right:10px;}
.jd-list .info{}
.jd-list .info h4{ height:32px; overflow:hidden; font-size:16px;}
.jd-list .info p{color: #8c8c8c; font-size: 14px; line-height: 28px;}
.jd-list .info b{text-align: center; color: #0951bc; width: 93px; font-size: 12px; border: 1px solid #f3f3f3; border-radius: 15px; display: block; margin-top:15px;}
.jd-list .info a:hover b{ background:#0951bc; color:#fff;}
