.sun_banner {
    width: 100%;
    height: 626px;
    background: -webkit-linear-gradient(#25252D,#515263);
    background: -o-linear-gradient(#25252D,#515263);
    background: -moz-linear-gradient(#25252D,#515263);
    background: linear-gradient(#25252D,#515263)
}

.Yl-container {
    width: 100%;
    height: 626px;
    overflow: hidden;
    position: relative
}

.Yl-container .Yl-wrapper {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative
}

.Yl-container .Yl-wrapper i {
    list-style: none;
    font-style: normal
}

.Yl-container .Yl-wrapper .Yl-slide {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    display: none
}

.Yl-container .Yl-wrapper .Yl-slide.active {
    display: block
}

/*.Yl-container .Yl-wrapper .Yl-slide .Yl-img0 {
    width: 100%;
    height: 100%;
    background: url(../images/sidler/layer1.png) top center no-repeat;
    position: absolute;
    z-index: 0
}

.Yl-container .Yl-wrapper .Yl-slide .Yl-img1 {
    width: 100%;
    height: 100%;
    background: url(../images/sidler/layer2.png) top center no-repeat;
    position: absolute;
    z-index: 0
}

.Yl-container .Yl-wrapper .Yl-slide .Yl-img2 {
    width: 100%;
    height: 100%;
    background: url(../images/sidler/layer3.png) top center no-repeat;
    position: absolute;
    z-index: 0
}*/

.Yl-container .Yl-wrapper .Yl-slide .Yl-font0,.Yl-container .Yl-wrapper .Yl-slide .Yl-font1,.Yl-container .Yl-wrapper .Yl-slide .Yl-font2 {
    width: 1200px;
    height: auto;
    text-align: left;
    margin: 0 auto
}

.Yl-container .Yl-wrapper .Yl-slide.Yl-0 .Yl-font0 {font-size:36px;color:#fff;margin-top:275px}
.Yl-container .Yl-wrapper .Yl-slide.Yl-0 .Yl-font1 {font-size:20px;color:#fff;margin-top:20px}
.Yl-container .Yl-wrapper .Yl-slide.Yl-0 .Yl-font2 {font-size:16px;color:#fff;margin-top:10px}

.Yl-container .Yl-wrapper .Yl-slide.Yl-1 .Yl-font0 {text-align:center;font-size:36px;color:#fff;margin-top:275px}
.Yl-container .Yl-wrapper .Yl-slide.Yl-1 .Yl-font1 {text-align:center;font-size:36px;color:#fff;/*margin-top:0px*/}
.Yl-container .Yl-wrapper .Yl-slide.Yl-1 .Yl-font2 {text-align:center;font-size:16px;color:#fff;margin-top:10px}

.Yl-container .Yl-wrapper .Yl-slide.Yl-2 .Yl-font0 {width:100%;padding-left:53%;font-size:52px;font-weight:700;color:#fff;margin-top:150px}
.Yl-container .Yl-wrapper .Yl-slide.Yl-2 .Yl-font1 {width:100%;padding-left:53%;font-size:22px;color:#fff;margin-top:20px}
.Yl-container .Yl-wrapper .Yl-slide.Yl-2 .Yl-font2 {width:100%;padding-left:53%;font-size:18px;color:#fff;margin-top:90px}


.Yl-container .Yl-pagination {
    width: 100%;
    height: 22px;
    position: absolute;
    bottom: 20px;
    z-index: 3;
    text-align: center
}

.Yl-container .Yl-pagination span {
    display: inline-block;
    width: 25px;
    height: 5px;
    margin: 0 5px;
    cursor: pointer;
    line-height: 6px;
    vertical-align: middle;
    transition: all .3s linear 0s;
    -webkit-transition: all .3s linear 0s;
    background: #747581
}

.Yl-container .Yl-pagination span:hover {
    background: #fff
}

.Yl-container .Yl-wrapper .Yl-slide .fadeInUp i {
    opacity: 0;
    display: inline-block;
    vertical-align: text-bottom;
    transform: translateY(120px);
    -webkit-transform: translateY(120px);
    transition: all 1s ease-in-out 0s;
    -webkit-transition: all 1s ease-in-out 0s
}

.Yl-container .Yl-wrapper .Yl-slide .fadeInUp.act i {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    opacity: 1
}

.Yl-container .Yl-pagination-bullet-active {
    background: #fff!important
}

.Yl-container .Yl-Button {
    position: relative;
    z-index: 2;
    width: 1200px;
    height: 60px;
    margin: 0 auto;
    text-align: left;
    margin-top: 50px
}

.Yl-container .Yl-Button a {
    display: inline-block;
    width: 150px;
    height: 45px;
    line-height: 45px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    margin: 0 auto;
    background: 0 0;
    margin-top: 20px;
    border: 1px #fff solid;
    text-decoration: none
}

.Yl-container .Yl-Button a:hover {
    background: #fff;
    color: #000
}

.Yl-container .Yl-wrapper .Yl-slide .slideInLeft {
    position: relative;
    z-index: 1
}

.Yl-container .Yl-wrapper .Yl-slide .slideInLeft i {
    display: inline-block;
    text-align: left
}

.Yl-container .Yl-wrapper .Yl-slide .slideInLeft i b {
    opacity: 0;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    transition: all .6s ease-out 0s;
    -webkit-transition: all .6s ease-out 0s;
    width: 10%
}

.Yl-container .Yl-wrapper .Yl-slide .slideInLeft.act i b {
    width: 100%;
    opacity: 1
}

@keyframes Yl-img_an {
    0% {
        transform: scale(1,1)
    }

    100% {
        transform: scale(1.1,1.1)
    }
}
