@charset "utf-8";
/* slide */
.slide-main{height:100vh;position:relative; vertical-align:top; overflow:hidden;}
.prev,.next{width:44px;height:44px;position:absolute;z-index:222;top:50%; transform: translateY(-50%);overflow:hidden;cursor:pointer;opacity:0.3;-moz-opacity:0.3;filter:alpha(opacity=30);overflow:hidden;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;}
.prev img { width:44px; height:44px; display:block; margin:0 auto;}
.next img { width:44px; height:44px; display:block; margin:0 auto;}
.prev{left:3%; }
.next{right:3%; }
.slide-main .prev:hover { opacity:1;-moz-opacity:1;filter:alpha(opacity=100); left:3.5%;}
.slide-main .next:hover { opacity:1;-moz-opacity:1;filter:alpha(opacity=100); right:3.5%;}


.item{display:block;width:100%;height:8px;position:absolute;z-index:124;bottom:30px;left:0;text-align:center;}
.item a { display:inline-block;width:60px; height:3px; margin:0 5px; background-color: rgba(255,255,255,0.5);-webkit-transition: all 0s;-moz-transition: all 0s;transition: all 0s;}
.item a i { width:60px; height:1px; display:inline-block; vertical-align:middle; overflow:hidden;background-color: rgba(255,255,255,0.7); display:none;}
.item a.cur { width:60px; opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}
.item a.cur i { display:block;background-color: #fff; height:3px;  animation: zoom1 7s linear;-webkit-animation: zoom1 7s linear;-moz-animation: zoom1 7s linear;}
@keyframes zoom1{
0% {
    width:0px;opacity:1;-moz-opacity:1;filter:alpha(opacity=100);
}
100% {
    width:60px;opacity:1;-moz-opacity:1;filter:alpha(opacity=100);
}
}

.slide-box,.slide{display:block;width:100%;height:100vh;overflow:hidden;}
.slide-box{position:relative;}
.slide{display:none;position:relative;position:absolute;z-index:99990;}
#bgstylea{ height:100vh;}
#bgstylea a.banner_a { background-image:url(/images/banner2.gif); background-repeat:no-repeat; background-position:top center; display:block; height:100vh; background-size: cover;}
#bgstyleb{height:100vh;}
#bgstyleb a.banner_a { background-image:url(/images/banner4.jpg); background-repeat:no-repeat; background-position:top center; display:block; height:100vh; background-size:cover;}
#bgstylec{height:100vh;}
#bgstylec a.banner_a { background-image:url(/images/banner4.jpg); background-repeat:no-repeat; background-position:top center; display:block; height:100vh; background-size:cover;}
.slide a.banner_a{display:block;width:100%;height:100vh;cursor:pointer;}

.slide a.banner_a h2 { font-size:.24rem; font-weight:bold; color:#fff; text-align:center; position:absolute; top:50%;transform: translateY(-50%); width:100%;}
.slide a.banner_a h2 span { font-size:.16rem; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#fff; display:block; line-height:30px;}
.slide a.banner_a h2 i { width:.7rem; height:2px; background-color:#fff; display:block; margin:0 auto; margin-top:20px;}
.slide a.banner_a h2 p { font-size:.13rem; line-height:.22rem; font-weight:normal; color:#fff; text-align:center; margin-top:60px; padding:0 8vh;}