body{
	background: url(../img/bgTop.png) no-repeat top center;
	background-size:contain;
}
.main{
	width: 1200px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.hbdt{
	background: #fff;
	width: 1200px;
	height:685px;
	/* margin-top: 80px; */
	padding: 20px;
	box-sizing: border-box;
}
.top .bannar img{
	width: 1030px;
    margin: 0 auto;
    display: block;
}
.tit img{
	display: block;
	margin: 0 auto 20px;
}
.sttjCon{
	background: url(../img/sttj.png) no-repeat;
	width: 1204px;
	height: 898px;
	margin: 20px auto 0;
}
.tpxw{
	width: 393px;
	height: 248px;
}
/* 本例子css */
.slideBox{ width:1150px; height:565px; overflow:hidden; position:relative;}
.slideBox .hd{height: 16px;
    overflow: hidden;
    position: absolute;
    right: 526px;
    bottom: 12px;
    z-index: 1;}
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:5px;  width:16px; height:16px; background:#5ed3a2; cursor:pointer;border-radius: 16px;}
.slideBox .hd ul li.on{ background:#fe701a; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle;position: relative;width: 1150px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.slideBox .bd li a{
	display: flex;
	justify-content: space-between;
	width: 550px;
	border-bottom: solid 1px #ccc;
	height: 150px;
	margin-top: 20px;
	text-decoration: none;
}
.slideBox .bd li .ritCon{width: 365px;
    position: relative;}
.slideBox .bd img{ width:170px; height:130px; display:block; border-radius: 10px; }
.slideBox .bd h1{
	font-size: 23px;
	color: #1c2023;
	font-weight: 400;
}

.slideBox .bd p{
	color: #7b7b7b;
    font-size: 17px;
    margin-top: 20px;
    position: absolute;
    right: 0;
    bottom: 10px;
}
.slideBox .bd p span{
	margin-left:30px;margin-right:30px
}

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../img/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }





/* 本例子css */
.game163{ position: relative;overflow: hidden; width: 1018px; }
.game163 .bigImg{ height: 412px; position: relative;margin-top: 20px;text-align: center;}
.game163 .bigImg li img{ vertical-align:middle; width:818px; height:512px;   }
.game163 .bigImg  h4{ font-size: 16px; font-weight: bold; line-height: 33px; height: 33px; padding-right: 30px; overflow: hidden; text-align: center;color: #000;margin-top: 20px;}

.game163 .smallScroll{ height: 108px; margin-bottom: 6px;display: flex;margin-top: 50px;}
/* .game163 .sPrevt{ float: left; display: block; width: 14px; height: 47px; background: url(../img/arrL.png) no-repeat; }
.game163 .sNext{ float: left; display: block; width: 14px; height: 47px; background: url(../img/arrR.png) no-repeat; } */
.game163 .sPrev{ margin-top: 28px;}
.game163 .sNext{ margin-top: 28px;}
/* .game163 .sPrev:hover{ background-position: 0 -3133px;}
.game163 .sNext:hover{ background-position: 0 -2785px;} */

.game163 .smallImg{ float:left;  margin: 0 33px; display:inline; width: 1018px; overflow: hidden;}
.game163 .smallImg ul{ height:108px;  width: 9999px; overflow: hidden; }
.game163 .smallImg li{ float: left; padding: 0 14px 0 0; width:146px; cursor:pointer;  display: inline;  }
.game163 .smallImg img{ border: 1px solid #dcdddd; width:146px; height:108px;  }
.game163 .smallImg .on img{ border-color: #1e50a2;}

.game163 .pageState{ position: absolute; top: 535px; left: 5px; letter-spacing: 1px;margin-top: 20px;font-size: 18px;color: #999;}
.game163 .pageState span{ color: #000; font-size: 18px;}
.row .con{
	display: flex;
	justify-content: space-between;
	width: 1010px;
}

.ssqd img{
	margin: 20px auto;
	display: block;
}
.sshm{
	/* background: url(../img/sshm.png) no-repeat; */
	width: 1234px;
	height: 818px;
	margin: 20px auto;
}
.hzjb{
	width: 1200px;
	margin: 0 auto;
}
.hzjb .picCon{
	display: flex;
	justify-content: space-between;
}

