.main3>.focusBox{
    width: 100%;
    height: 1056px;
    overflow: hidden;
}

.main3>.focusBox .pic {
    width: 100%!important;
    height: 100%;
    z-index: 0;
}

 .main3>.focusBox .pic li {
    width: 100% !important;
    height: 100%;

     display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.main3>.focusBox .pic li>div {
    width:30%;
    transition: all .5s;
    margin-bottom: 60px;
    overflow: hidden;
}

.main3>.focusBox .pic li>div a{
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}
.main3>.focusBox .pic li>div img {
    width: 100%;
    height: 100%;
    display: block;
}

.main3>.focusBox .hd {
    width: 100%;
    position: absolute;
    left: 10px;
    /* bottom: 0; */
    text-align: center;
    font-size: 0;
    z-index: 1;
}

.main3>.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;
    _background: url(../images/dot8.png) no-repeat 0 -16px;
}

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

.main3>.focusBox .prev,
.main3>.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;
}

.main3>.focusBox .prev {
    left: 0;
}

.main3>.focusBox .next {
    background-position: 0 -90px;
    right: 0;
}

.main3>.focusBox .prev:hover,
.main3>.focusBox .next:hover {
    filter: alpha(opacity=50) !important;
    opacity: 0.5 !important;
}