@-webkit-keyframes scale-bg{from{-webkit-transform:scale(1.2);transform:scale(1.2)}
to{-webkit-transform:scale(1);transform:scale(1)}
}@keyframes scale-bg{from{-webkit-transform:scale(1.2);transform:scale(1.2)}
to{-webkit-transform:scale(1);transform:scale(1)}
}.index_main{background:#f7f7f7}
.index_main .section1{position:relative;overflow:hidden}
.index_main .section1 .index_banner .item{background-size:cover;-webkit-background-size:cover;background-position:center;background-repeat:no-repeat;height:100vh;position:relative}
.index_main .section1 .index_banner .item.slick-current .scaleBg{visibility:visible;-webkit-animation:scale-bg 6s linear forwards;animation:scale-bg 6s linear forwards}
.index_main .section1 .index_banner .items{background-size:cover;background-position:center center;background-repeat:no-repeat;position:absolute;left:0;top:0;width:100%;height:100%;z-index:0}
.index_main .section1 .index_banner .items:after{content:"";display:block;width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,0.2)}
.index_main .section1 .index_banner .item .inner .block_txt{position:absolute;top:25%;left:25%;opacity:0;transform:translateY(40px);-webkit-transform:translateY(40px);-webkit-transition:all 500ms ease;transition:all 500ms ease}
.index_main .section1 .index_banner .item .inner .block_txt img{float:right;max-width:90%;width:auto;height:auto;opacity:0;transform:translateY(40px);-webkit-transform:translateY(40px);-webkit-transition:all 500ms ease;transition:all 500ms ease}
.index_main .section1 .index_banner .item.active .inner .block_txt{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition-delay:100ms;transition-delay:100ms}
.index_main .section1 .index_banner .item .inner .block_txt h4{font-size:48px;color:#fff;text-align:center;margin-top:20px;font-weight:bold}
.index_main .section1 .index_banner .item .inner .block_txt h2{color:#fff;font-size:70px;font-weight:bold;text-align:center;letter-spacing:5px}
.index_main .section1 .index_banner .item .inner .block_txt h2 span{color:#ff0000;display:inline-block;letter-spacing:5px}
.index_main .section1 .index_banner .item .inner .block_txt h3{color:#fff;font-size:22px;text-align:center;margin-top:10px;letter-spacing:3px}
.index_main .section1 .slick_txt{width:30%;height:100%;background-color:transparent;transition:all 500ms ease;-webkit-transition:all 500ms ease;background-repeat:no-repeat;position:absolute;top:0;font-size:0;outline:none;border:0}
.index_main .section1 .left{left:0}
.index_main .section1 .right{right:0}
.index_main .section1 .slick_txt:hover .slick_arrow{opacity:1;visibility:visible}
.index_main .section1 .slick_txt .slick_arrow{width:20px;height:36px;background-repeat:no-repeat;background-position:center;margin-top:-18px;position:absolute;top:50%;cursor:pointer;transition:all 500ms ease;-webkit-transition:all 500ms ease;opacity:0;visibility:hidden}
.index_main .section1 .slick_txt .prev{background-image:url(../image/ban_prev.png);left:60px}
.index_main .section1 .slick_txt .next{background-image:url(../image/ban_next.png);right:60px}
.index_main .section1 .slick_txt .prev:hover{background-image:url(../image/ban_prev_hover.png)}
.index_main .section1 .slick_txt .next:hover{background-image:url(../image/ban_next_hover.png)}
.index_main .section1 .number{position:absolute;bottom:8%;left:50%;padding-bottom:5px;display:table;padding:0 20px;width:auto;text-align:center;transform:translateX(-50%);-webkit-transform:translateX(-50%)}
.index_main .section1 .number span{width:15px;height:15px;border-radius:50%;background:#ffffff;display:inline-block;cursor:pointer;position:relative;transition:all 500ms ease;-webkit-transition:all 500ms ease;margin:0px 5px}
.index_main .section1 .number .active{background:#f30b1e}
.index_main .section1 .number span:last-child{margin-right:0}
.index_main .section1 .number span:after{background:#f30b1e}
.index_main .section1 .number span.active:after{width:100%;opacity:1;visibility:visible}
.index_main .section2{background:#f5f5f5;background-size:130%;transition:all 2s}
.index_main .section2 h3{text-align:center}
.index_main .section3{width:100%;height:100%;background:url(../image/3.jpg) no-repeat;background-size:100% 100%}
.index_main .section3 h3{text-align:center}
.index_main .section4{background:#f5f5f5;overflow:hidden}
.index_main .section4 h3{text-align:center}
@media only screen and (max-width:1600px){
.index_main .section1 .index_banner .item .inner .block_txt h4{font-size:28px}
.index_main .section1 .index_banner .item .inner .block_txt h2{font-size:60px}
.index_main .section1 .index_banner .item .inner .block_txt h3{font-size:20px}
}
@media only screen and (max-width:1440px){
.index_main .section1 .index_banner .item .inner .block_txt h4{font-size:24px}
.index_main .section1 .index_banner .item .inner .block_txt h2{font-size:40px}
.index_main .section1 .index_banner .item .inner .block_txt h3{font-size:18px;margin-top:5px}
}
@media only screen and (max-width:1366px){
.index_main .section1 .index_banner .item .inner .block_txt h4{font-size:20px}
.index_main .section1 .index_banner .item .inner .block_txt h2{font-size:26px}
.index_main .section1 .index_banner .item .inner .block_txt h3{font-size:16px}
.index_main .section1 .index_banner .slick-arrow{background-size:auto 30px}
}

@media only screen and (max-width:1199px){
.index_main .section1 .index_banner .item .inner .block_txt h4{font-size:18px}
.index_main .section1 .index_banner .item .inner .block_txt h2{font-size:22px}
.index_main .section1 .index_banner .item .inner .block_txt h3{font-size:14px}
}
@media only screen and (max-width:992px){
.index_main .section1 .index_banner .item{height:100vh;    background-size:cover;}
.index_main .section1 .index_banner .item .inner .block_txt{left:0;right:0;margin:0 auto;padding:0 20px;top:42%}
.index_main .section1 .index_banner .slick-arrow{display:none !important}
.index_main .section1 .index_banner .slick-dots{position:absolute;bottom:12px}
.index_main .section1 .index_banner .slick-dots li{width:12px;height:12px;border-radius:50%;border:2px solid #fff}
.index_main .section1 .index_banner .slick-dots li button{display:none}
.index_main .section1 .index_banner .slick-dots li.slick-active{background:#fff}
.index_main .section1 .number{bottom:12%;display:none}
.index_main .section1 .number span{margin-right:22px}
.index_main .section1 .number span:after{bottom:-14px}

.index_main .section1 .index_banner .item .inner .block_txt{position:absolute;top:25%;left:0%;opacity:0;transform:translateY(40px);-webkit-transform:translateY(40px);-webkit-transition:all 500ms ease;transition:all 500ms ease}
.index_main .section1 .index_banner .item .inner .block_txt img{display:block;margin:0 auto;float:none;max-width:50%;width:auto;height:auto}
.index_main .section1 .index_banner .item.active .inner .block_txt{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition-delay:100ms;transition-delay:100ms}

}

.active{background-size:100%}