/* 全局 */
.sun_banner{
	width:100%;
	height:450px;
	background: rgb(7, 36, 57) /* 标准的语法 */
}
.fiximg {
        position: absolute;
    z-index: 2;
    background: url(/banner/img/bannerbg.png);
    width: 1400px;
    margin: 0 auto;
    left: 50%;
    margin-left: -700px;
    height: 500px;
    top: 0;
}
.Yl-slide img {
    height:auto !important;
}
.Yl-container{width:1400px; height:450px; overflow:hidden; position:relative; margin:0 auto;}
.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%; position:absolute; z-index:0;}
.Yl-container .Yl-wrapper .Yl-slide .Yl-img1{width: 100%; height: 100%; position:absolute; z-index:0;}
.Yl-container .Yl-wrapper .Yl-slide .Yl-img2{width: 100%; height: 100%; position:absolute; z-index:0;}
.Yl-container .Yl-wrapper .Yl-slide .Yl-img3{width: 100%; height: 100%; position:absolute; z-index:0;}
.Yl-container .Yl-wrapper .Yl-slide .Yl-img4{width: 100%; height: 100%; position:absolute; z-index:0;}
.Yl-container .Yl-wrapper .Yl-slide .Yl-img5{width: 100%; height: 100%; position:absolute; z-index:0;}


  .Yl-font0{font-size:48px; color: #fff; margin-top: 80px;    padding-left: 50px;}
  .Yl-font1{font-size:36px; color: #fff; margin-top: 30px;    padding-left: 50px;}
  .Yl-font2{font-size:36px; color: #fff; margin-top: 30px;    padding-left: 50px;}
  .Yl-font3{font-size:48px; color: #fff; margin-top: 80px;    padding-left: 50px;}
  .Yl-font4{font-size:36px; color: #fff; margin-top: 30px;    padding-left: 50px;}
  .Yl-font5{font-size:36px; color: #fff; margin-top: 30px;    padding-left: 50px;}
  

.Yl-container .Yl-pagination{ width:100%; height: 22px; position: absolute; top:400px; z-index: 30000; 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 0.3s linear 0s;-webkit-transition:all 0.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: 100; 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:none; 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 0.6s ease-out 0s;-webkit-transition:all 0.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);
    }
}