/* 全局 */
.sun_banner{
	float:left;
	width:100%;
	height:100vh;
	overflow:hidden;
	background: -webkit-linear-gradient(#25252D, #515263); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(#25252D, #515263); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(#25252D, #515263); /* Firefox 3.6 - 15 */
	background: linear-gradient(#25252D, #515263); /* 标准的语法 */
}
.gg{position: absolute;margin-top:calc(100vh - 50px);width:100%; height: 50px; z-index:9999999; text-align: center;}
.gg_bj{position:absolute;width:100%;height:50px;z-index:9999998;margin-top:calc(100vh - 50px); background-color:#000;opacity:0.5;filter:alpha(opacity=50);}
.gg img{ float:left; width:30px; height:30px; margin:10px;}
.gg span{ float:left; line-height:50px; font-size:14px; color:#fff;}
.gg a{float:left; font-size:14px; line-height:50px; color:#fff; text-decoration:none; margin-right:50px;}
.gg a:hover{text-decoration:underline;}

.Yl-container{width:100%; height:100vh; overflow:hidden; position:relative;}
.Yl-container .Yl-wrapper{ width: 100%; height: 100vh; overflow: hidden;position:relative;}
.Yl-container .Yl-wrapper i{list-style:none; font-style:normal;}
.Yl-container .Yl-wrapper .Yl-slide{ width: 100%; height: 100vh; overflow: hidden; position:absolute; display: none;}
.Yl-container .Yl-wrapper .Yl-slide.active{ display: block;}
.Yl-container .Yl-wrapper .Yl-slide .Yl-img{width: 100%; height:100vh; position:absolute; z-index:0;}
.Yl-container .Yl-wrapper .Yl-slide .Yl-img img{float:left;width: 100%; height:100vh;}
.Yl-container .Yl-wrapper .Yl-slide .Yl-font0,.Yl-container .Yl-wrapper .Yl-slide .Yl-font1,.Yl-container .Yl-wrapper .Yl-slide .Yl-font2{font-family: "Microsoft JhengHei"; width:1200px; height:auto; text-align: left; margin: 0 auto; color:#fff;}

.Yl-container .Yl-wrapper .Yl-slide.Yl-0 .Yl-font0{font-size:3vh; margin-top:0vh;text-align: center;}
.Yl-container .Yl-wrapper .Yl-slide.Yl-0 .Yl-font1{font-size:2vh; margin-top:10px;text-align: center; color:#000;}
.Yl-container .Yl-wrapper .Yl-slide.Yl-0 .Yl-font2{font-size:1vh; margin-top:0px;text-align: center;color:#000;}

.Yl-container .Yl-wrapper .Yl-slide.Yl-1 .Yl-font0{font-size:2vh; margin-top:20vh;text-align: center; color:#000;}
.Yl-container .Yl-wrapper .Yl-slide.Yl-1 .Yl-font1{font-size:2vh; margin-top:0px;text-align: center;color:#000;}
.Yl-container .Yl-wrapper .Yl-slide.Yl-1 .Yl-font2{font-size:12px;  margin-top: 50px;}

.Yl-container .Yl-wrapper .Yl-slide.Yl-2 .Yl-font0{font-size:20vh;  margin-top: 240px;}
.Yl-container .Yl-wrapper .Yl-slide.Yl-2 .Yl-font1{font-size:4vh;  margin-top: 140px;}
.Yl-container .Yl-wrapper .Yl-slide.Yl-2 .Yl-font2{font-size:20px;  margin-top: 60px;}

.Yl-container .Yl-wrapper .Yl-slide.Yl-3 .Yl-font0{font-size:20vh;  margin-top: 240px;}
.Yl-container .Yl-wrapper .Yl-slide.Yl-3 .Yl-font1{font-size:4vh;  margin-top: 140px;}
.Yl-container .Yl-wrapper .Yl-slide.Yl-3 .Yl-font2{font-size:20px;  margin-top: 60px;}

.Yl-container .Yl-wrapper .Yl-slide.Yl-4 .Yl-font0{font-size:20vh;  margin-top: 240px;}
.Yl-container .Yl-wrapper .Yl-slide.Yl-4 .Yl-font1{font-size:4vh;  margin-top: 140px;}
.Yl-container .Yl-wrapper .Yl-slide.Yl-4 .Yl-font2{font-size:20px;  margin-top: 60px;}


.Yl-container .Yl-wrapper .Yl-slide.Yl-5 .Yl-font0{font-size:20vh;  margin-top: 240px;}
.Yl-container .Yl-wrapper .Yl-slide.Yl-5 .Yl-font1{font-size:4vh;  margin-top: 140px;}
.Yl-container .Yl-wrapper .Yl-slide.Yl-5 .Yl-font2{font-size:20px;  margin-top: 60px;}



.Yl-container .Yl-pagination{ width:100%; height: 16px; position: absolute; bottom:80px; z-index: 3; text-align: center;}
.Yl-container .Yl-pagination span{display:inline-block;width:16px;height:16px;margin:0 5px;-webkit-border-radius:50%;	-moz-border-radius:50%;-ms-border-radius:50%;	-o-border-radius:50%;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-fimg01{ position: relative; z-index: 2; width: 100vw; margin: 0 auto; text-align:center; margin-top:20vh;}
.Yl-container .Yl-fimg01 img{ height:40vh;}
.Yl-container .Yl-Button1{ position: relative; z-index: 2; width:688px; margin: 0 auto; text-align:left;top:0vh;}
.Yl-container .Yl-Button1 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; margin-left:10px; margin-right:10px; text-decoration:none;background-color:#0050a6;}
.Yl-container .Yl-Button1 a em{vertical-align:super;font-size:8px;}
.Yl-container .Yl-Button1 a:hover{ background:#fff; color:#000;}

.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: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.08,1.08);}
}