@charset "UTF-8";

.header {
    position: relative;
    padding: 0 20px;
    width: 100%;
    height: 100px;
    line-height: 100px;
    background-color: #fff;
    border-bottom: 1px solid #f5f5f5;
}

/*Banner*/
.banner .pic { display:block; overflow:hidden; position:relative; background-size:cover; background-repeat:no-repeat; background-position: center center; }
.banner .pic img{ display:block; width:100%; transition:600ms; -webkit-transition:600ms; }
.banner{ }
.banner, .banner .item{ position: relative; overflow: hidden;width: 100%!important; }
.banner .pic{ position:absolute; top:0; left:0; }
.banner .pic img{ opacity: 1; transform:matrix(1.05, 0, 0, 1.05, 0, 0); -webkit-transform:matrix(1.05, 0, 0, 1.05, 0, 0); transition:transform 5s, opacity 2s; -webkit-transition:transform 5s, opacity 2s; }
.banner .pic.imgIn img{ opacity: 1; transform:matrix(1, 0, 0, 1, 0, 0); -webkit-transform:matrix(1, 0, 0, 1, 0, 0); }
.banner .bx-wrapper .bx-controls-direction a { display: none;  width: 27px; height: 73px; margin-top: -36px; text-indent:0; z-index: 99; color:#333; font-family: 'moolbor'; line-height:50px; font-size:24px; text-transform:lowercase; }
.banner .bx-wrapper .bx-controls-direction a .line{ width:100%; height:100%; background-position:center center; background-repeat:no-repeat; position:absolute; left:0; bottom:14px; transition:300ms; -webkit-transition:300ms; }
.banner .bx-wrapper .bx-prev{ left:3.5%; }
.banner .bx-wrapper .bx-next{ right:3.5%; text-align:right; }
.banner .bx-wrapper .bx-prev .line{ background-image: url(../images/00002.png);}
.banner .bx-wrapper .bx-next .line{ background-image: url(../images/00003.png); left:auto !important; right:0 !important; }
.banner .bx-wrapper .bx-controls-direction a:hover{ color:#a2192b; }
.banner .bx-wrapper .bx-controls-direction a:hover .line{ width:28px; }
.banum{ display: none; position:absolute; left:0; right:0; bottom:10%; color:#a2192b; font-size:24px; line-height:1.1; font-family: 'moolbor'; text-align:center;  }
.bamouse{ display: none; width:27px; height:39px; position:absolute; left:50%; margin-left:-13px; bottom:3.5%; background:url(../images/mouse.png) no-repeat; cursor:pointer; }
.bamouse .ico{width:27px; height:39px;background-image:url(../images/mouse2.png); background-position:center 0; animation:mouse 3s linear alternate infinite; -webkit-animation:mouse 3s linear alternate infinite; }
@keyframes mouse{
    0%{ background-position:center 0; }
    100%{ background-position:center 15px; }
    }
@-webkit-keyframes mouse{
    0%{ background-position:center 0; }
    100%{ background-position:center 15px; }
    }


.banner .bx-wrapper .bx-pager {
    position: absolute;
    /* right: 20px; */
    /* top: 50%; */
    bottom: 30px;
    width: 100%;
    text-align: center;
    /* margin-top: -30px; */
}
.banner .bx-wrapper .bx-pager.bx-default-pager a {
    width: 15px;
    height: 15px;
    border-radius: 50%;
}
.banner .bx-wrapper .bx-pager .bx-pager-item {
    margin: 7px 0;
}



.bx-wrapper .bx-pager.bx-default-pager a {
    background: #fff;
    border: 2px solid #8eb954;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #8eb954;
    border-color: #8eb954;
}