﻿/*主页banner*/
.Yl-container{width:100%; height: 761px !important; overflow:hidden; position:relative;min-width:1300px;}
.Yl-container .Yl-wrapper{ width: 100%; height: 761px; 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/homepage-banner01.jpg) center no-repeat; position:absolute; z-index:0;}
.Yl-container .Yl-wrapper .Yl-slide .Yl-img1{width: 100%; height: 100%; background:url(../images/homepage-banner02.jpg) center no-repeat; position:absolute; z-index:0;}
.Yl-container .Yl-wrapper .Yl-slide .Yl-img2{width: 100%; height: 100%; background:url(../images/homepage-banner03.jpg) center no-repeat; position:absolute; z-index:0;}
.Yl-container .Yl-wrapper .Yl-slide .Yl-img3{width: 100%; height: 100%; background:url(../images/homepage-banner04.jpg) center no-repeat; position:absolute; z-index:0;}
.Yl-container .Yl-wrapper .Yl-slide .Yl-icon0{ width:238px; height:242px; background:url(../images/homepage-banner-icon01.png) no-repeat; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto;}
.Yl-container .Yl-wrapper .Yl-slide .Yl-icon1{ width:693px; height:363px; background:url(../images/homepage-banner-icon02.png) no-repeat; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto;}
.Yl-container .Yl-wrapper .Yl-slide .Yl-icon2{ width:212px; height:274px; background:url(../images/homepage-banner-icon03.png) no-repeat; position:absolute; top:20%; left:50%; margin-left:370px;}
.Yl-container .Yl-wrapper .Yl-slide .Yl-icon3{ width:291px; height:294px; background:url(../images/homepage-banner-icon04.png) no-repeat; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto;}
.Yl-container .Yl-wrapper .Yl-slide.Yl-0 .Yl-font0{ font-size:48px; color: #181329; position:absolute; top:45%; left:50%; margin-left:-316px;}
.Yl-container .Yl-wrapper .Yl-slide.Yl-0 .Yl-font0 i:last-child{ color:#fdb41c;}
.Yl-container .Yl-wrapper .Yl-slide.Yl-0 .Yl-font1{ font-size:14px; position:absolute; top:54%; left:50%; margin-left:-306px;}
.Yl-container .Yl-wrapper .Yl-slide.Yl-0 .Yl-font2{ font-size:18px; position:absolute; top:45%; left:50%; margin-left:150px;width:400px;}
.Yl-container .Yl-wrapper .Yl-slide.Yl-0 .Yl-font3{ font-size:18px; position:absolute; top:48%; left:50%; margin-left:150px;}
.Yl-container .Yl-wrapper .Yl-slide.Yl-0 .Yl-font2 b{ font-weight:normal;}
.Yl-container .Yl-wrapper .Yl-slide.Yl-0 .Yl-font3 b{ font-weight:normal;}
.Yl-container .Yl-wrapper .Yl-slide.Yl-0 .Yl-font4{ font-size:26px; position:absolute; top:52%; left:50%; margin-left:150px;width:400px;}
.Yl-container .Yl-wrapper .Yl-slide.Yl-0 .Yl-font4 b{ font-weight:normal;}
.Yl-container .Yl-wrapper .Yl-slide.Yl-1 .Yl-font0{ font-size:36px; color: #fff; position:absolute; top:50%; margin-top:50px; width:100%; text-align:center;}
.Yl-container .Yl-wrapper .Yl-slide.Yl-1 .Yl-font0 i{ font-weight:bold;}
.Yl-container .Yl-wrapper .Yl-slide.Yl-1 .Yl-font1{ font-size:36px; color:#fff; position:absolute; top:50%; margin-top:120px; width:100%; text-align:center;}


.Yl-container .Yl-wrapper .Yl-slide.Yl-1 .Yl-font2{ font-size:18px; color:#fff; position:absolute; top:78%; width:400px; text-align:center;}
.Yl-container .Yl-wrapper .Yl-slide.Yl-1 .Yl-font3{ font-size:18px; color:#fff; position:absolute; top:75%; width:100%; text-align:center;}
.Yl-container .Yl-wrapper .Yl-slide.Yl-1 .Yl-font4{ font-size:18px; color:#fff; position:absolute; top:78%; width:100%; text-align:center;}



.Yl-container .Yl-wrapper .Yl-slide.Yl-1 .Yl-font2 b{ font-weight:normal;}
.Yl-container .Yl-wrapper .Yl-slide.Yl-1 .Yl-font3 b{ font-weight:normal;}
.Yl-container .Yl-wrapper .Yl-slide.Yl-1 .Yl-font4 b{ font-weight:normal;}



.Yl-container .Yl-wrapper .Yl-slide.Yl-2 .Yl-font0{ font-size:48px; color: #181329; position:absolute; top:35%; left:50%; margin-left:185px;}
.Yl-container .Yl-wrapper .Yl-slide.Yl-2 .Yl-font0 i:last-child{ color:#fdb41c;}
.Yl-container .Yl-wrapper .Yl-slide.Yl-2 .Yl-font1{ font-size:14px; position:absolute; top:43%; left:50%; margin-left:195px;}
.Yl-container .Yl-wrapper .Yl-slide.Yl-2 .Yl-font2{ font-size:24px; position:absolute; top:58%; left:50%; width:550px; text-align:right;}
.Yl-container .Yl-wrapper .Yl-slide.Yl-2 .Yl-font2 b{ font-weight:normal;}
.Yl-container .Yl-wrapper .Yl-slide.Yl-2 .Yl-font3{ font-size:14px; position:absolute; top:66%; left:50%; width:550px; text-align:right;}
.Yl-container .Yl-wrapper .Yl-slide.Yl-2 .Yl-font4{ font-size:14px; position:absolute; top:69%; left:50%; width:550px; text-align:right;}
.Yl-container .Yl-wrapper .Yl-slide.Yl-2 .Yl-font5{ font-size:14px; position:absolute; top:72%; left:50%; width:550px; text-align:right;}
.Yl-container .Yl-wrapper .Yl-slide.Yl-2 .Yl-font6{ font-size:14px; position:absolute; top:75%; left:50%; width:550px; text-align:right;}
.Yl-container .Yl-wrapper .Yl-slide.Yl-2 .Yl-font7{ font-size:14px; position:absolute; top:82%; left:50%; width:550px; text-align:right;}
.Yl-container .Yl-wrapper .Yl-slide.Yl-2 .Yl-font3 b{ font-weight:normal;}
.Yl-container .Yl-wrapper .Yl-slide.Yl-2 .Yl-font4 b{ font-weight:normal;}
.Yl-container .Yl-wrapper .Yl-slide.Yl-2 .Yl-font5 b{ font-weight:normal;}
.Yl-container .Yl-wrapper .Yl-slide.Yl-2 .Yl-font6 b{ font-weight:normal;}
.Yl-container .Yl-wrapper .Yl-slide.Yl-2 .Yl-font7 b{ font-weight:normal;}
.Yl-container .Yl-wrapper .Yl-slide.Yl-3 .Yl-font0{ font-size:48px; color: #181329; position:absolute; top:45%; left:50%; margin-left:-316px;}



.Yl-container .Yl-wrapper .Yl-slide.Yl-3 .Yl-font0 i:last-child{ color:#fff;}
.Yl-container .Yl-wrapper .Yl-slide.Yl-3 .Yl-font1{ font-size:14px; position:absolute; top:54%; left:50%; margin-left:-306px;}
.Yl-container .Yl-wrapper .Yl-slide.Yl-3 .Yl-font2{ font-size:16px; position:absolute; top:40%; left:50%; margin-left:180px;width:400px;}
.Yl-container .Yl-wrapper .Yl-slide.Yl-3 .Yl-font3{ font-size:16px; position:absolute; top:49%; left:50%; margin-left:180px;}
.Yl-container .Yl-wrapper .Yl-slide.Yl-3 .Yl-font4{ font-size:16px; position:absolute; top:53%; left:50%; margin-left:180px;}
.Yl-container .Yl-wrapper .Yl-slide.Yl-3 .Yl-font5{ font-size:16px; position:absolute; top:57%; left:50%; margin-left:180px;}
.Yl-container .Yl-wrapper .Yl-slide.Yl-3 .Yl-font6{ font-size:16px; position:absolute; top:61%; left:50%; margin-left:180px;}
.Yl-container .Yl-wrapper .Yl-slide.Yl-3 .Yl-font2 b{ font-weight:normal;}
.Yl-container .Yl-wrapper .Yl-slide.Yl-3 .Yl-font3 b{ font-weight:normal;}
.Yl-container .Yl-wrapper .Yl-slide.Yl-3 .Yl-font4 b{ font-weight:normal;}
.Yl-container .Yl-wrapper .Yl-slide.Yl-3 .Yl-font5 b{ font-weight:normal;}
.Yl-container .Yl-wrapper .Yl-slide.Yl-3 .Yl-font6 b{ font-weight:normal;}

.Yl-container .Yl-pagination{ width:100%; height: 22px; position: absolute; bottom:20px; z-index: 3; text-align: center; z-index:1000;}
.Yl-container .Yl-pagination span{display:inline-block;width:13px;height:13px;border:2px solid #fff;border-radius:100%;margin:0 8px;cursor:pointer;line-height:6px;vertical-align:middle;transition:all 0.3s linear 0s;-webkit-transition:all 0.3s linear 0s;}

.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{box-shadow:0 0 12px rgba(255,255,255,0.8); background:transparent;}
.Yl-container .Yl-pagination-bullet-active:after{content:"";width:7px;height:7px;border-radius:100%;display:inline-block;background:#fff; margin-top:3px;}
.Yl-container .Yl-Button{ position: relative; z-index: 2; width: 1200px; height:60px; margin: 0 auto; border-top:1px #fff solid; text-align:center; margin-top: 50px;}
.Yl-container .Yl-Button a{ display:block; width:278px; height:48px; line-height:48px; font-size:26px; color:#111; text-align:center; margin:0 auto; background:#fff; margin-top:20px; font-weight:700; border:2px #fff solid; text-decoration:none;}
.Yl-container .Yl-Button a:hover{ background:#111; color:#fff;}

.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;}

/*大图片动画*/
/*.Yl-container .Yl-wrapper .Yl-slide .Yl-img0.act,.Yl-container .Yl-wrapper .Yl-slide .Yl-img1.act,.Yl-container .Yl-wrapper .Yl-slide .Yl-img2.act{
	animation:Yl-img_an 6s infinite;
}*/
@keyframes Yl-img_an
{
	0%{transform:scale(1.2,1.2);}
	100%{transform:scale(1,1);}
}