*{
    transition: all 1s;
}
@-webkit-keyframes rotate{from{-webkit-transform: rotate(0deg)}
    to{-webkit-transform: rotate(360deg)}
}
@-moz-keyframes rotate{from{-moz-transform: rotate(0deg)}
    to{-moz-transform: rotate(359deg)}
}
@-o-keyframes rotate{from{-o-transform: rotate(0deg)}
    to{-o-transform: rotate(359deg)}
}
@keyframes rotate{from{transform: rotate(0deg)}
    to{transform: rotate(359deg)}
}
.y20-banner{width:100%;height:750px;overflow: hidden;position: relative;}
.y20-banner .y20-banner1{background-image: url("/assets/2020/images/index/banner_1.jpg");}
.y20-banner .slick-dots{
    bottom: 4vw;
}

.y20-banner .slick-dots li{}
.y20-banner .slick-dots li button{}
.y20-banner .slick-dots li.slick-active button:before{
    color: #44bcd6;
}
.y20-banner .slick-dots li button:before{
    font-size: 30px;
    color: white;
}
.y20-banner .main_banner .item{background-size: cover;-webkit-background-size:cover;background-position: center;background-repeat: no-repeat;height:100vh;position: relative;}
.y20-banner .main_banner .item.slick-current .scaleBg{visibility: visible; -webkit-animation:scale-bg 6s linear forwards;animation:scale-bg 6s linear forwards;}
.y20-banner .main_banner .items{background-size: cover;background-position: center center;background-repeat: no-repeat;position: absolute;left: 0;top: 0;width: 100%;height: 748px;z-index: 0;}
.y20-banner .main_banner .items:after{content: "";display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.y20-banner .main_banner .item .inner .block_txt{position: absolute;top: 24%;right: 10px;left:10px;opacity: 0;transform: translateY(40px);-webkit-transform: translateY(40px);-webkit-transition: all 500ms ease;transition: all 500ms ease;}
.y20-banner .main_banner .item.active .inner .block_txt{opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 100ms; transition-delay: 100ms;}
.y20-banner .main_banner .item .inner .block_txt h4{font-size: 30px;color: #fff;text-align: center;font-family: 'COCO';}
.y20-banner .main_banner .item .inner .block_txt h2{color: #fff;font-size: 60px;font-weight: bold;text-align:center;letter-spacing:5px;margin-top: 30px;}
.y20-banner .main_banner .item .inner .block_txt h2 span{color: #f5c920;display: inline-block;letter-spacing: 5px;}
.y20-banner .main_banner .item .inner .block_txt h3{color: #fff;font-size: 22px;text-align:center;margin-top: 40px;letter-spacing: 3px;}
.y20-banner  .qds_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;}
.y20-banner  .left{left: 0;}
.y20-banner  .right{right:0;}
.y20-banner  .qds_txt:hover .qds_arrow{opacity: 1;visibility: visible;}
.y20-banner  .qds_txt .qds_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;}
.y20-banner  .qds_txt .prev{background-image:url(/assets/2020/images/index/ban_prev.png);left:60px;}
.y20-banner  .qds_txt .next{background-image:url(/assets/2020/images/index/ban_next.png);right:60px;}
.y20-banner  .qds_txt .prev:hover{background-image:url(/assets/2020/images/index/ban_prev_hover.png);}
.y20-banner  .qds_txt .next:hover{background-image:url(/assets/2020/images/index/ban_next_hover.png);}
.y20-banner  .nums{position: absolute;bottom:8%;left: 50%;padding-bottom: 5px;border-bottom: 1px solid rgba(255,255,255,0.2);display: table;padding: 0 20px;width: auto;text-align: center;transform: translateX(-50%);-webkit-transform: translateX(-50%);}
.y20-banner  .nums span{font-family: "Myriad Pro","Microsoft YaHei";font-size: 14px;color: #fff;margin-right:60px;display: inline-block;cursor: pointer;position: relative;transition: all 500ms ease;-webkit-transition:all 500ms ease;}
.y20-banner  .nums span:last-child{margin-right: 0;}
.y20-banner  .nums span:after{content: "";display: inline-block;width: 0;height: 2px;background: #fff;position: absolute;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);bottom:-20px;opacity: 0;visibility: hidden;transition: all 500ms ease;-webkit-transition:all 500ms ease;}
.y20-banner  .nums span.active:after{width: 100%;opacity: 1;visibility: visible;}

.y20-main-titlebox{
    margin: 60px auto;
    position: relative;
    padding-bottom: 20px;
}
.y20-main-titlebox::after{content:"";position: absolute;left: 0;right: 0;bottom: 0;background: #F3B51F;width: 50px;height: 3px;margin: auto;border-radius: 20px;}
.y20-main-titlebox .ymt-title{
    color: #616161;
    text-align: center;
    font-size: 30px;
    margin: 0;
    margin-bottom: 10px;
    font-weight: bold;
    letter-spacing: 2px;
    text-indent: 2px;
}
.y20-main-titlebox .ymt-intro{
    color: #9B9B9B;
    text-align: center;
    font-size: 30px;
    margin: 0;
    font-weight: bold;
    letter-spacing: 2px;
    text-indent: 2px;
}