@charset "utf-8";
/* slide */
.slide-main{position:relative; vertical-align:top; overflow:hidden; width:100%; height:460px;}
.item{display:block;width:100%;height:10px;position:absolute;z-index:124;bottom:20px;left:0;text-align:center;}
.item a{display:inline-block; vertical-align:middle;width:4px;height:4px; border:2px solid #fff;margin:0 6px;  border-radius:1000px;overflow:hidden;}
.item a.cur{background-color: #dc2b31;border:2px solid #dc2b31;}
.slide-box,.slide{display:block;width:100%;height:460px;overflow:hidden;}
.slide-box{position:relative;}
.slide{position:relative;position:absolute;z-index:99990;}
#bgstylea{ height:460px;}
#bgstylea a.banner_a { background-image:url(../images/banner.jpg); background-repeat:no-repeat; background-position:top center; display:block; height:460px;}
#bgstyleb{height:460px;}
#bgstyleb a.banner_a { background-image:url(../images/banner2.jpg); background-repeat:no-repeat; background-position:top center; display:block; height:460px;}
#bgstylec{height:460px;}
#bgstylec a.banner_a { background-image:url(../images/banner.jpg); background-repeat:no-repeat; background-position:top center; display:block; height:460px;}
#bgstyled{height:460px;}
#bgstyled a.banner_a { background-image:url(../images/banner.jpg); background-repeat:no-repeat; background-position:top center; display:block; height:460px;}
#bgstylee{height:460px;}
#bgstylee a.banner_a { background-image:url(../images/banner.jpg); background-repeat:no-repeat; background-position:top center; display:block; height:460px;}
.slide a.banner_a{display:block;width:100%;height:460px;cursor:pointer;}


.prev,.next{position:absolute;z-index:222;top:205px;overflow:hidden;cursor:pointer; background-color: rgba(0,0,0,0.3); width:40px; height:40px;border-radius:1000px; overflow:hidden; opacity: 0;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;}
.prev img { width:24px; height:24px; display:block; margin:0 auto; margin-top:8px;}
.next img { width:24px; height:24px; display:block; margin:0 auto; margin-top:8px;}
.prev{left:50%; margin-left:-380px;}
.next{right:50%; margin-right:-380px;}
.slide-main .prev:hover { background-color: rgba(0,0,0,0.5);  margin-left:-380px;}
.slide-main .next:hover { background-color: rgba(0,0,0,0.5);  margin-right:-380px;}
.slide-main:hover .prev { opacity: 1;}
.slide-main:hover .next { opacity: 1;}