/*
 * @Author: Winsmc
 * @Date:   2020-02-23 16:15:23
 * @Last Modified by:   Winsmc
 * @Last Modified time: 2020-02-23 16:16:09
 */
.focusBox {
  position: relative;
  width: 100%;
  height: 940px;
  overflow: hidden;
  color: #fff;
  margin: 0 auto;
}
.focusBox .pic {
  position: relative;
  z-index: 0;
}
.focusBox .hd {
  width: 100%;
  /* width: 350px; */
  /* left:50%; */
  /* margin-left:-175px; */
  position: absolute;
  bottom: 10px;
  text-align: center;
  font-size: 0;
  z-index: 1;
}
.focusBox .hd li {
  padding: 0 76px;
  background: url(../../imgs/retail/banner/dot.png) no-repeat 0 -42px;
  height: 42px;
  overflow: hidden;
  width: 42px;
  cursor: pointer;
  display: inline-block;
  *display: inline;
  /* zoom: 1;
  _background: url(../../imgs/retail/banner/dot8.png) no-repeat 0 -16px; */
}
.focusBox .hd li:last-child {
  padding: 0 14px;
}

.focusBox .hd .on {
  background-position: 0 0;
}

.focusBox .prev,
.focusBox .next {
  width: 60px;
  height: 90px;
  margin: -60px 0 0;
  display: none;
  background: url(images/ad_ctr.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 -90px;
  right: 0;
}
.focusBox .prev:hover,
.focusBox .next:hover {
  filter: alpha(opacity=50) !important;
  opacity: 0.5 !important;
}
.focusBox .pic li h1 {
  width: 100%;
  position: absolute;
  top:350px;
  /* padding-top: 350px !important; */
  text-align: center;
  line-height: 100px;
  height: 100px !important;
  color: rgb(19, 18, 18) !important;
  font-size: 80px;
  font-weight:bold;
}
.focusBox .pic li .content {
  /* padding-top:50px !important; */
  width: 100%;
  text-align: center;

  font-size: 30px;
  line-height: 30px;
  color: rgb(8, 8, 8) !important;
  position: absolute;
  top:500px;
}
.focusBox .pic li .sub {
  font-size: 30px;
  position: absolute;
  top:560px;
  width: 100%;
  line-height: 30px;
  color: rgb(10, 10, 10) !important;
  text-align: center;
}
.focusBox .hd {
  position: absolute;
  bottom: 120px;
}
.focusBox .hd li:after {
  position: relative;
  width: 10px;
  top: 12px;
  left: -19px;
  content:url(../../imgs/retail/banner/dian.png);
}

.focusBox .hd li:last-child:after {
  content:url();
}