body{
			background-color: #b51e23;
			overflow-x: hidden;
		}
		.top{
			background: url(images/20230116cj-top-bg.png) no-repeat top center;
			min-width: 1400px;
			max-width: 1920px;
/*			width: 100%;*/
			height: 1633px;
			margin: 0 auto;
			overflow: hidden;
		}
		.top .tz-left{
			top: 26.8%;
    		left: 6%;
    		animation: tz-left 3.5s 1 linear;
		}
		.top .tz-right{
		    top: 29.8%;
    		right: 1.5%;
    		animation: tz-right 4.5s 1 linear;
		}
		.top .logo{
			width: -webkit-max-content;
			top: 120px;
			left: 420px;
			animation: titletop 2.5s 1 linear;
		}
		.top .logo img,.top .year img{
			width: 100%;
			height: 100%;
		}
		
		.top .year{
			width: -webkit-max-content;
			top: 150px;
			left: 600px;
			animation: year 1.5s 1 linear;
		}
		.top .top-dl-left{
			top: 0;
			left: 40px;
			animation: denglong 3s linear infinite normal;
			
				transform-origin: center top ;
		} 
		.top .top-dl-right{
			top: 0;
			right: 40px;
			animation: denglong 4s linear infinite normal;
			transform-origin: center top ;
		} 
		@keyframes denglong{
			0%{
				transform: rotateZ(0deg);
				}
			25%{
				transform: rotateZ(6deg);
				}
			50%{
				transform: rotateZ(0deg);
				}
			75%{
				transform: rotateZ(-6deg);
				}
			100%{
				transform: rotateZ(0deg);
				}
		}
		@keyframes year{
			0%{
				top: -100%;
			}
			100%{
				top: 150px;
			}
		}
		@keyframes titletop{
			0%{
				left: 0px;
			}
			100%{
				left: 420px;
			}
		}
		@keyframes tz-left{
			0%{
				opacity: 0;
				left: -100%;
			}
			100%{
				opacity: 1;
				left: 6%;
			}
		}
		@keyframes tz-right{
			0%{
				opacity: 0;
				right: -100%;
			}
			100%{
				opacity: 1;
				right: 1.5%;
			}
		}
		
		.center{
			background: url(images/20230116cj-bottom-bg.png) no-repeat top center;
			min-width: 1400px;
			width: 100%;
			height: 4154px;
			margin: 0 auto;
			padding-top: 60px;
		}

		.center .show {
			width: -webkit-max-content;
			margin: 0 auto;
		}
		.center .show img{
			width: 100%;
			height: 100%;
		}
		/*.bottom .top-show{
			box-shadow:0px 10px 5px #888888;
		}*/
		.center .box1{
			width: 1330px;
			margin: 0 auto;
		/*	height: 3420px;*/
				height: 0px;
			background: #f9deb3;
			margin-top: -6px;
			overflow: hidden;
		}
		
		/*公共标题-S-*/
		.title{
			width: -webkit-max-content;
			margin:0 auto;
			padding-top: 60px;
		}
		.title img{
			width: 100%;
			height: 100%;
		}
		.title span{
			font-size: 66px;
			color: #d10707;
			top: 89.5px;
			left: 159px;
			display: block;
			letter-spacing: 2px;
			font-family: "黑体";
		}
		
		@font-face {
			font-family: 'MyNewFont';   /*字体名称*/
			src: url(fonts/九州真书.ttf);       /*字体源文件*/
			
			}
		/*公共标题-E-*/
		
		
			.y-legend .list{
				width: 1200px;
				margin: 60px auto 0px;
				height: 592px;
			}
			.y-legend .list ul li{
				width: 131px;
/*				overflow: hidden;*/
				float: left;
				margin-right: 20px;
				height: 100%;
				cursor: pointer;
				
			}
			.y-legend .list ul li:last-child{

				margin-right: 0px;
				
			}
			.y-legend .list ul li .liuxu{
		    	left: 35px;
			    bottom: 2px;
			    display: block;

			}
			.y-legend .list ul li .liuxu.active{
			    animation: liuxu 3s linear infinite normal;
		    	transform-origin: center top ;
				
			}
			@keyframes liuxu{
				0%{
					transform: rotateZ(0deg);
					}
				25%{
					transform: rotateZ(10deg);
					}
				50%{
					transform: rotateZ(0deg);
					}
				75%{
					transform: rotateZ(-10deg);
					}
				100%{
					transform: rotateZ(0deg);
					}
			}
			.y-legend .list ul li .box-left{
				width: 131px;
				height: 100%;
				
			}
			.y-legend .list ul li .box-right{
			  	background: url(images/20230116cj-legend-contentbg.png) no-repeat top center;
				width: 727px;
			    height: 429px;
			    margin-top: 9px;
			    display: none;
    			margin-left: -112px;

			}
			.y-legend .list ul li .box-right .type-name{
			 	display: block;
			 	float: left;
		    	margin-left: 170px;
   				 margin-top: 55px;
			 	font-size: 32px;
			 	font-family: "MyNewFont";
			 	width: 40px;
			 	color: #bd5c4b;

			}
			.y-legend .list ul li .box-right .type-content{
			    margin-left: 22px;
			    width: 268px;
			    height: 320px;
			    margin-top: 55px;
			    writing-mode: vertical-lr;
				font-size: 22px;
				line-height: 33px;
				font-family: "楷体";
				font-weight: bold;
				color: #bd5c4b;
			}
			.y-legend .list ul li .box-right .tuzi{
			    width: max-content;
				left: 198px;
			    bottom: 190px;
			}
			
			.y-legend .list ul li:nth-child(2) .box-right .tuzi{
				left: 202px;
    			bottom: 146px;
			}
			.y-legend .list ul li:nth-child(3) .box-right .tuzi{
				    left: 200px;
    				bottom: 108px;
			}
			.y-legend .list ul li:nth-child(4) .box-right .tuzi{
				    left: 203px;
    				bottom: 186px;
			}
			.y-legend .list ul li .box-right .tuzi img{
			    width: 100%;
			    height: 100%;
			}
			
			.y-legend .box-right-information{
				width: 500px;
				float: left;
			}
			.y-legend .box-right-img-padding{
			    padding-right: 5px;
			    padding-bottom: 5px;
			    border: 2px solid #eb6e46;
			    float: left;
			    margin-top: 78px; 
			    margin-left: 18px;
			}
			.y-legend .box-right-img{
				width: 158px;
			    height: 258px;
			    float: left;
			    margin-top: -10px;
			    border: 2px solid #eb6e46;
			    /* border-radius: 5px; */
			    margin-left: -12px;
			}
			.y-legend .box-right-img img{
				width: 100%;
				height: 100%;
			}
			
			
			/*春节习俗*/
			.y-custom .box .box-top img{
				display: block;
			    margin: 0 auto;
			    margin-top: 60px;
			}
			.y-custom .item{
			    width: 480px;
    			height: 520px;
			
			}
			.y-custom .item img{
				width: 100%;
				height: 100%;
			
			}
			.y-custom .item:hover{
				cursor: pointer;
				animation: denglongcustom 3s linear infinite normal;
    			transform-origin: center top;
			}
			.y-custom .content{
				width: 1200px;
				height: 444px;
				margin: 0 auto ;
				
			}
			
			.y-custom .content .shc{
			    left: -100px;
    			top: -10px;
			}
			.y-custom .content .tnh{
				left: 210px;
				top: -2px;
			}
			.y-custom .content .nyf{
				left: 518px;
				top: -30px;
			}
			.y-custom .content .ss{
				left: 818px;
    			top: -2px;
			}
			@keyframes denglongcustom{
				0%{
					transform: rotateZ(0deg);
					}
				25%{
					transform: rotateZ(5deg);
					}
				50%{
					transform: rotateZ(0deg);
					}
				75%{
					transform: rotateZ(-5deg);
					}
				100%{
					transform: rotateZ(0deg);
					}
			}
			
			
			
			
			
				.y-learning{
					background: url(images/20230116cj-learning-bg.png) no-repeat top center;
					width: 100%;
				    min-width: 1150px;
				    height: 900px;
				    padding-top: 60px;
				}
				.y-learning .content{
					width: 1200px;
					margin: 60px auto 0px;
				}
				.y-learning .learning-left{
					background: url(images/20230116cj-learning-contentbg.png) no-repeat top center;
					width: 1055px;
				    height: 562px;
				    margin-top: 14px;
				    
				}
				.y-learning .learning-left .box{
					width: 830px;
				    margin: 80px 98px;
				    height: 400px;
				}
				.y-learning .learning-left .box-left{
					width: 226px;
				   
				}
				.y-learning .learning-left .box-right{
					width: 500px;
					padding-left: 104px;
					padding-top: 30px;
				}
		
				.y-learning .box-left ul li{
					width: 75px;
					float: left;
					padding-top: 42px;
					cursor: pointer;
				}
				.y-learning .box-left ul li span{
					display: block;
					height: 194px;
			    	font-size: 40px;
				    text-align: center;
				    font-family: "MyNewFont";
			/*	    font-weight: bold;*/
				   	border-right: 2px solid #e15455;
				}
				
				
				.y-learning .box-left ul li:first-child span{
				   	border-left: 2px solid #e15455;
				}
				
				.y-learning .box-left ul li.active{
					background: url(images/20230116cj-learning-onico.png) no-repeat top center;
					color: #bd5c4b;
					 
				
				}
				.y-learning .box-right ul li{
						margin-top: 15px;
				}
				.y-learning .box-right ul li:first-child{
						margin-top: 0px;
				}
				.y-learning .box-right ul li p{
					font-size: 26px;
					color: #bd5c4b;
					padding: 8px 0px;
					letter-spacing: 1px;
					font-weight: bold;
		    		font-family: "楷体";
				
				}
				.y-learning .box-right .item:first-child p {
				    padding: 4px 0px;
				}
				.y-learning .box-right .item{
					display: none;
				}
				.y-learning .learning-right{
					background: url(images/20230116cj-learning-title.png) no-repeat top center;
					width: 173px;
				    height: 590px;
					top: 0;
					right: 0;
				}
				
				
				#certify {
					position: relative;
					width: 1200px;
					margin: 60px auto 0px;
				}
				
				#certify .swiper-container {
					padding-bottom: 60px;
				}
				
				#certify  .swiper-slide {
					width: 520px;
					height: 408px;
					background: #fff;
				
				}
				#certify  .swiper-slide img{
					width: 100%;
					height: 100%;
					display:block;
				}
				#certify  .swiper-slide p {
				
				    width: 100%;
				    left: 0;
				    bottom: 0;
				    padding: 14px 0px;
				    font-size: 18px;
				    text-align: center;
				    background-color: #cd6443;
				    color: #e8df9e;
				    letter-spacing: 2px;
				}
				
				#certify .swiper-pagination {
					width: 100%;
					bottom: 20px;
				}
				
				#certify .swiper-pagination-bullets .swiper-pagination-bullet {
					margin: 0 5px;
					border: 3px solid #fff;
					background-color: #d5d5d5;
					width: 10px;
					height: 10px;
					opacity: 1;
				}
				
				#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
					border: 3px solid #00aadc;
					background-color: #fff;
				}
				
				#certify .swiper-button-prev {
					left: 50px;
					background: url(images/20230116cj-activity-change-left.png) no-repeat;
					background-size: 100%;
				}
				
				
				
				#certify .swiper-button-next {
					right: 50px;
					background: url(images/20230116cj-activity-change-right.png) no-repeat;
					background-size: 100%;
				}
				
				
				#certify .swiper-slide-active .yinying{
					display: none;
				}
				#certify .activity-img{
					width: 520px;
				    height: 408px;
				}
				#certify .yinying {
				    width: 520px;
				    height: 408px;
				    position: absolute;
				    top: 0;
				    left: 0;
				    background-color: rgba(255,255,255,0.3);
				}
				
				.bottom{
					margin-top: 112px;
				}
				.bottom p{
				    color: #e8df9e;
				    font-size: 18px;
				    text-align: center;
				    padding: 6px 0px;
				}