.wrap{
		padding-bottom: 120px;
	}
	/*wrap end*/

	.pageSwitch{
		width: 480px;
	}
	/*pageSwitch end*/
	
	#grayWordBox{
		width: 1200px;
		height: auto;
		background: #f7f7f7;
		margin-bottom: 55px;
	}
	#grayWordBox p{
		padding: 50px 70px;
		font-size: 16px;
		line-height: 1.5;
	}
	/*grayWordBox end*/
	#htmlBox .titleBox{
		width: 1040px;
		margin: 0 auto;
	}
	#htmlBox .titleBox p{
		font-size: 16px;
		line-height: 1.5;
	}
	.sceneBox{
		width: 1080px;
		height: auto;
		margin: 30px auto;
		overflow: hidden;
	}
	.sceneBox .block{
		float: left;
		width: 230px;
		height: 180px;
		margin: 0 20px 20px;
		position: relative;
		overflow: hidden;
	}
	.sceneBox .block img{
		width: 230px;
		height: 180px;
	}
	.sceneBox .block .word{
		position: absolute;
		top: 180px;
		left: 0;
		width: 230px;
		height: 180px;
		background: url(../../images/public/dbg.png) repeat;
	}
	.sceneBox .block .word table{
		width: 100%;
		height: 100%;	
	}
	.sceneBox .block .word table tr{
		width: 100%;
		height: 100%;
	}
	.sceneBox .block .word table tr td{
		padding: 0 24px;
		text-align: center;
		font-size: 16px;
		font-weight: bold;
		color: #fff;
		line-height: 1.5;
	}

	.sceneBox .block .word p{
		padding-left: 24px;
		padding-right: 20px;
		font-size: 16px;
		color: #fff;
		line-height: 1.5;
		display: none;
	}
	.sceneBox .block:hover .word{
		top:0;
	}
	/*sceneBox end*/

	#cooperationBox{
		width: 1040px;
		height: auto;
		margin: 0 auto 55px;
		overflow: hidden;
	}
	#cooperationBox .block{
		float: left;
		width: 240px;
		height: 200px;
		margin: 0 10px;
	}
	#cooperationBox .block img{
		width: 240px;
		height: 180px;
		background-color: #f7f7f7;
	}
	#cooperationBox .block p{
		text-align: center;
		font-size: 16px;
		padding-top: 20px;
		line-height: 1.5; 
	}
	/*cooperationBox end*/
	
	.videoBox{
		height: 660px;
	}
	/*.videoBox end*/
	
	#titleWordBox{
		width:1200px;
		height: auto;
		margin-bottom: 55px;
		padding: 50px 70px;
		background: #f7f7f7;
	}
	#titleWordBox .block{
		width: 1060px;
		height: auto;
	}
	#titleWordBox .block h3{
		font-size: 22px;
		font-weight: bold;
		padding-bottom: 20px;
		margin-bottom: 40px;
		position: relative;
	}
	#titleWordBox .block h3 i.lineG{
		display: inline-block;
	    width: 40px;
	    height: 4px;
	    position: absolute;
	    bottom: -4px;
	    left: 0;
	    background: #00b6ee;
	}
	#titleWordBox .block p{
		font-size: 16px;
		line-height: 1.5;
		padding-bottom: 30px;
	}
	/*titleWordBox end*/

	#previewImgBox{
		width: 1080px;
		height: auto;
		margin: 0 auto 55px;
	}
	#previewImgBox .block{
		width: 320px;
		height: 300px;
		float: left;
		margin: 0 20px 20px;
		position: relative;
		overflow: hidden;
	}
	#previewImgBox .block .imgBox{
		width: 320px;
		height: 250px;
		overflow: hidden;
	}
	#previewImgBox .block img{
		width: 320px;
	}
	#previewImgBox .block p{
		text-align: center;
		font-size: 16px;
		padding-top: 20px;
	}
	#previewImgBox .block .search{
		position: absolute;
		top: -300px;
		left: 0;
		width: 320px;
		height: 250px;
		background: url(../../images/public/dbg.png) repeat;
		text-align: center;
	}
	#previewImgBox .block .search i.icon{
		margin-top: 95px;
	}
	#previewImgBox .block:hover .search{
		top:0;
	}
	/*.previewImgBox end*/

	#introImg{
		display: block;
		width: 1200px;
		height: 630px;
		margin: 30px auto;
	}
	/*introImg end*/

	#wordlist{
		width: 980px;
		height: auto;
		padding: 30px;
		background: #f7f7f7;
		margin: 0 auto 40px;
		overflow: hidden;
	}
	#wordlist li{
		float: left;
		width: 430px;
		height: auto;
		font-size: 16px;
		padding: 0 0 10px 60px;
		position: relative;
		line-height: 1.5;
	}
	#wordlist li:before{
		content: "●";
		font-size: 16px;
		color: #00b6ee;
		position: absolute;
		top: 0px;
		left: 30px;
	}
	/*wordlist end*/

	#normalWord{
		width: 1040px;
		height: auto;
		margin: 0 auto 30px;
	}
	#normalWord p{
	    font-size: 16px;
	    line-height: 1.5;
	    padding-bottom: 30px;
	}