.color_back { color: #211713 !important; }
.color_hui { color: #b1b1b1 !important; }
.color_white { color: #ffffff !important; }
.font_blue h2{ color: #fff; }
.font_blue h5 { color: #00469C; }





#banner { width: 100%; height: 100%; margin-top:0!important;}
#swiper_banner { width: 100%; height: 100%; }
#banner .swiper-slide { width: 100%; height: 100%; position: relative; }
#banner .banner_title { position: absolute; left: 12%; top: 30%; color: #fff; z-index: 1; overflow: hidden; }
    #banner .banner_title.left { left: 10%; }
    #banner .banner_title.center { left: 50%; transform: translateX(-50%); top: 17%; }
    #banner .banner_title.right { left: 27%; top: 40%; }
    #banner .banner_title h2 { font-size: 1.6rem; margin: 0; transform: translateX(100%); font-weight: normal; }
    #banner .banner_title h5 { font-size: 1.2rem; margin: 0; transform: translateX(100%); font-weight: normal;display:none; }
    #banner .banner_title.ks{top:8%;}
    #banner .banner_title.ks3 { top: 40%; }
    #banner .swiper-slide img { width: 100%; height: 100%; }
#banner .am-slider { width: 100%; height: 100%; }
#banner .am-viewport { width: 100%; height: 100%; }
#banner .am-slides { width: 100%; height: 100%; }
#banner .am_slides_item { width: 100%; height: 100%; overflow: hidden; position: relative; }
#banner .banner_title { position: absolute; left: 12%; top: 30%; color: #fff; z-index: 1; overflow: hidden; }
#banner .am-active-slide img { width: 100%; height: 100%;  }
#banner .swiper-slide.swiper-slide-active .banner_title h2 { animation: titleShow 8s linear 0.5s normal; transform-origin: left; }
#banner .swiper-slide.swiper-slide-active .banner_title h5 { animation: titleShow 8s linear 0.5s normal; transform-origin: left;line-height:14px;}
.swiper-button-next { position: absolute; top: 22px; left: 10%; background-image: url(../../wap/images/right.png); width: 30px; height: 30px; background-size: 30px 30px; }
.swiper-button-prev { position: absolute; top: 22px; left: 6%; background-image: url(../../wap/images/left.png); width: 30px; height: 30px; background-size: 30px 30px; }
@keyframes titleShow {
    0% { transform: translateX(100%); opacity: 0; }
    30% { transform: translateX(0); opacity: 1; }
    85% { transform: translateX(0); opacity: 1; }
    100% { transform: translateX(0); opacity: 0; }
}
@keyframes boxScale {
    from { transform: scale(1); }
    to { transform: scale(1.1) }
}

@keyframes pointScale {
    from { transform: scale(1); }
    to { transform: scale(1.1) }
}


@media only screen and (max-width: 641px) {
 
    /*banner*/
    #banner { width: 100%; overflow-x: hidden; margin: 70px 0 0; }
        #banner .banner_title { }
            #banner .banner_title h2{font-size:1.4rem;}
        #banner .banner_title h5 { font-size: 1.2rem; }
 .swiper-button-prev{left:0;top:50%;}
    .swiper-button-next{right:0;top:50%;left:auto;}



}