#mybanner {
    position: relative;
    margin:0 auto ;
    width: 1300px;
    height: 424px;
    background: transparent;
}
#mybanner li{position:absolute;transition: all 0.5s ease-in-out;}
#mybanner li .news_pic{overflow: hidden;width:100%;height:100%;background-color: #ccc;}
#mybanner li img{transition-duration: 1s; transition: all 0.4s ease-in-out;position: relative;
    display: block;
    width: 100%;
    height: 100%;}
#mybanner li img:hover{transform:scale(1.1);}
#mybanner li .news_all{position: relative;
    display: block;
    width: 100%;
    height: 100%;box-shadow: 1px 0 10px 5px rgb(0 0 0 / 10%);}

#mybanner .news_title{position: absolute;display: none;
    bottom: 0;
    left: 0;
    width: 100%;
    text-indent: 10px;
    font-size: 16px;
    line-height: 33px;
    background: url("../images/jyb_tjqhbj_03.png") repeat left top;
  }
#mybanner .news_title a{color: #FFF;}
#mybanner .focus-arrow-left{  width:54px;height:54px;  position: absolute; top: 270px;z-index: 10;display: block; background: url("images/focus_prev.png") repeat center;left: -20px;}
#mybanner .focus-arrow-right{   width:54px;height:54px;  position: absolute; top: 270px;z-index: 10;display: block; background: url("images/focus_next.png") repeat center;right: -35px;}
#mybanner .focus-arrow-left:hover{background: url("images/focus_prev_h.png") repeat left top;cursor: pointer;background-size: 100%;}
#mybanner .focus-arrow-right:hover {background: url("images/focus_next_h.png") repeat left top;cursor: pointer;background-size:100%;}
.focus-pagenation{position: absolute;    display: none;
    bottom: 10px;
    right: 190px;
    z-index: 5;}
.mypagetab{float: left;
    margin: 0 3px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #ffffff;
    cursor: default;}