body{font-family: "Microsoft YaHei","SimSun","STHeiti Light",Arial;background: url(sy-ydyl20180807-26.jpg) no-repeat center bottom;}
*{margin: 0;padding: 0;}
li{list-style: none;}
a{text-decoration: none;}
.clear{clear: both;}
.inner{width: 1200px;margin: 0 auto;}
.gl-top{width: 100%;height: auto;height: 177px;position: relative;}
.logo{position: absolute;left: 0;top: 0;}
.logo1{position: absolute;left: 177px;top: 89px;width: 562px;overflow: hidden;animation: shake 6s linear infinite;-webkit-animation: shake 6s linear infinite;-moz-animation: shake 6s linear infinite;-ms-animation: shake 6s linear infinite;-o-animation: shake 6s linear infinite;}
.gl-top img{display: block;}
.gl-tit{background: url(sy-ydyl20180807-18.jpg) no-repeat left top;border-top: 1px solid #fea428;padding-left: 74px;}
.gl-tit1{font-size: 24px;line-height: 46px;text-align: center;padding: 0 44px;background-color: #184c7e;color: #fff;float: left;}
.tp-box{padding-top: 40px;padding-bottom: 415px;}
.game163{width: 1200px;overflow: hidden;position: relative;}
.bigImg li img{width: 1200px;height: 743px;display: block;}
.big-box{padding-left: 95px;}
.big-tit{font-size: 30px;color: #000;line-height: 40px;padding: 35px 0;}
.big-tit a{color: #000;}
.big-p{font-size: 24px;color: #757575;line-height: 36px;text-indent: 2em;}
.smallScroll{height: 130px;margin-top: 30px;}
.sPrev,.sNext{width: 35px;height: 122px;float: left;display: block;background: url(sy-ydyl20180807-21.jpg);margin-top: 3px;}
.sNext{background: url(sy-ydyl20180807-22.jpg);}
.smallImg{width: 1104px;margin: 0 13px;float: left;overflow: hidden;display: inline;}
.smallImg li img{cursor: pointer;display: block;width: 100%;height: 100%;}
.smallImg li{width: 176px;float: left;padding: 2px;height: 122px;border: 2px solid #fff;}
.smallImg .on{border: 2px solid #1891dc;}
.bigImg{height: 961px;overflow: hidden;}
.pageState{position: absolute;left: 3px;top: 775px;font-size: 24px;height: 40px;overflow: hidden;}
.pageState .ys{color: #f00;line-height: 24px;display: block;float: left;line-height: 28px;}
.pageState .ys1{color: #000;line-height: 24px;display: block;float: left;line-height: 28px;padding-top: 16px;}
.pageState .ys-line{color: #000;font-size: 40px;display: block;line-height: 40px;float: left;}
.bigImg-box{position: relative;}
.prev,.next{width: 27px;height: 51px;position: absolute;top: 372px;background: url(sy-ydyl20180807-31.png);z-index: 100;}
.prev{left: 13px;}
.next{right: 13px;background: url(sy-ydyl20180807-32.png);}
@keyframes shake {
	0%{
		width: 0;
		opacity: 0;
	}
	20%{
		width: 0;
	}
	60%{
		opacity: 1;
		width: 562px;
	}
	100%{
		opacity: 1;
		width: 562px;
	}
}

.shake {
	animation-name: shake
}
