body{
							margin: 0;
							padding: 0;	
							background-color: rgb(240,240,240);		
						}
						#box{
							width: 1200px;
							height: 1700px;
							margin: auto;
							background-color: white;
						}
						.xa{
							margin-top: -50px;
						}
					    nav{
							width: 1200px;
							height: 60px;
							background-color: black;
							position: relative;
							margin-top: -80px;
						}
						nav li{
							display: inline-block;
							margin-left: 68px;
							margin-top: 15px;
						}
						a{
							color: white;
							text-decoration: none;
							font-size: 20px;
							font-weight: bold;
						}
						.x{
							font-family: 华文行楷;
							font-size: 140px;
							margin-top: -450px;
							color: wheat;
							margin-left: 80px;
						}
						.an{
							font-family: 华文行楷;
							font-size: 140px;
							margin-top: -220px;
							color: wheat;
							margin-left: 150px;
						}
						a:hover{
							background-color: white;
							color: black;
						}
						.dq{
							text-align: center;
							margin-top: 250px;
							font-size: 20px;
							color: gray;
						}
						.container{
							display: flex;
							width: 200vw;
							max-width: 900px;
							height: 400px;
							overflow: hidden;
							margin-left: 150px;
							margin-top: 50px;
						}
						.item{
							position: relative;
							width: 50px;
							margin: 10px;
							cursor: pointer;
							border-radius: 25px;
							background-size: cover;
							background-position: center;
							transition: 0.5s cubic-bezier(0.05,0.61,0.41,0.95);
							overflow: hidden;
						}
						.item .shadow{
							position: absolute;
							bottom: 0;
							left: 0;
							right: 0;
							height: 100px;
							transition: 0.5s cubic-bezier(0.05,0.61,0.41,0.95);
						}
						.item .content{
							display: flex;
							position: absolute;
							left: 10px;
							right: 0;
							bottom: 10px;
							height: 40px;
							transition: 0.5s cubic-bezier(0.05,0.61,0.41,0.95);
						}
						.item .content .text div{
							width: calc(100%-70px);
							text-overflow: ellipsis;
							overflow: hidden;
							white-space: nowrap;
							opacity: 0;
							transition: opacity 0.5s ease-out;
						}
						.item .content .text title{
							font-weight: bold;
							font-size: 18px;
						}
						.item .content .text sub{
							transition-delay: 0.1s;
						}
						.item.active{
							flex: 1;
							margin: 0;
							border-radius: 40px;	
						}
						.item.active .shadow{
							background: linear-gradient(to top, rgba(0,0,0,0.35) 65%,transparent);
						}
						.item.active .content{
							bottom: 20px;
							left: 20px;
						}
						.item.active .content .text div{
							opacity: 1;
						}
						.zi7{
							width: 1100px;
							margin-left: 50px;
							margin-top: 50px;
							font-family: 宋体;
						}
						.yt{
							width: 200px;
							height: 330px;
							border: 1px solid black;
							margin-left: 50px;
							margin-top: 30px;
						}
						.d{
							text-align: center;
							margin-top: 0px;
							font-family: 宋体;
						}
						.j{
							margin-left: 300px;
							margin-top: -330px;
						}
						.zi8{
							width: 850px;
							margin-left: 300px;
							font-family: 宋体;
						}
						.j1{
							margin-left: 300px;
							margin-top: 30px;
						}
						.zi9{
							width: 850px;
							margin-left: 300px;
							font-family: 宋体;
						}
						.foot{
							width: 1200px;
							height: 80px;
							margin-top: 110px;
							background-color:black;
						}
				        .di{
							color: white;
							text-align: center;
							padding-top: 25px;
						}