*{
			margin: 0;
			padding: 0;
			box-sizing:border-box;
			/* border:1px solid gray; */
			font-family: "LiSu";
		}
		.container{
			width:100%;
			min-height:100vh;
			margin:0 auto;
			display:flex;
			flex-direction:column;
			/* background:url(../img/bg_paper.jpg) no-repeat;
			background-size:100% 100%; */
			background:goldenrod;
			
		}
		.header{
			height:100px;
			position:fixed;
			top:0;
		
			width:100%;
			background:rgba(255,0,0,0.5);
			border-bottom:2px solid rgba(218,185,0,0.2);
			display:flex;
			justify-content:space-between;
			align-items:center;
			
			font-size:1.3rem;
			font-weight:500;
			/* color:rgba(255,255,255,0.9); */
			color:rgba(0,0,0,0.7);
			margin: 0;
			padding: 0;
			z-index:99;
			
		}
		.header h2{
			color:goldenrod;
			font-size:38px;
			
		}
		.logo{
			/* width:100px; */
			height:100%;
			/* background:lightsalmon; */
		}
		.logo img{
			width:286px;
			margin-left:10px;
		}
		.menu{
			width:50%;
		    display:flex;
			justify-content:flex-start;
			align-items:center;
			
		}
		/* .menu ul{
			display:flex;
			justify-content:space-evenly;
			align-items:center;
			list-style:none;
		}
			
		.menu ul li{
			margin:0 10px;
		} */
		
		.mySwiper{
			width:100%;
			overflow:hidden;
			/* margin-top:80px; */
		/* 	background:green; */
	/* 		z-index:1; */
		}
		/* .banner{
			margin-top:30px;
			height:800px;
			width:100%;
			background:url(img/banner_zds_3.jpg) no-repeat;
			background-size: 100% 100% ;
	
			
		} */
		.mySwiper_text{
			position:absolute;
			top:20%;
			left:50%;
			color:black;
			font-size:1.6rem;
			background:rgba(250,200,38,.2);
			padding:10px;
			border-radius:20px;
			
		}
		.mySwiper_text h1{
			/* color:rgba(0,0,0,.6); */
		}
		.swiper-button-prev:after{
		    display: none;
		} 
		.swiper-button-next:after{
		    display: none;
		} 
		.content{
			
			background:url(../img/bg_paper.jpg) no-repeat;
			background-size:100% 100%;
			min-height:580px;
			display:flex;
			justify-content:space-arround;
		/* 	margin-top:-40px; */
			
		}
		.content_text{
			padding:36px;
			padding-right:10px;
			width:68%;
			color:black;
	
		}
	
			
		.content p{
			font-size:1.3rem;
		}
		.content .indent{
			text-indent:3rem;
		}
		.mobile{
			/* margin-bottom:0;
			line-height:25px;
			height:25px;
			border:1px solid red; */
		}
		.wechat_icon_title{
			display:flex;
			align-items:center;
		}
		.wechat_icon img{
			width:80px;
			height:80px;
			border:1px solid gold;
			display:flex;
			justify-content:center;
		}
		.wechat_title{
			display:flex;
			align-items:flex-start;
		}
		.wechat img{
			width:180px;
			height:180px;
			border:3px solid gold;
			
		}
		
		.link{
			text-decoration:none;
			color:black;
		}
		
		
		.rotated_luopan {
		    position: relative;
			padding-top:50px;
		    float:right;
			
		    width: 32%;
		    height: 20rem;
		    overflow: hidden;
			
		}
		.rotated_luopan ul li {
		    position: absolute;
		    background-repeat: no-repeat;
		    background-size: 100% 100%;
	/* 		border:1px solid red; */
		   }
		.rotated_luopan ul li:nth-child(1) {
		    left: 4.5rem;
		    top: .5rem;
		    width: 20rem;
		    height: 20rem;
		    background-image: url(../img/plate1.png);
			z-index:8;
		    animation: plate1 30s linear infinite;
		    -webkit-animation: plate1 30s linear infinite;
		}
		.rotated_luopan ul li:nth-child(2) {
		    left: 7rem;
		    top: 3.1rem;
		    width: 15rem;
		    height: 15rem;
		    background-image: url(../img/plate2.png);
			z-index:9;
		    animation: plate2 30s linear infinite;
		    -webkit-animation: plate2 30s linear infinite;
		}
		
		.rotated_luopan ul li:nth-child(3) {
		    left: 9.9rem;
		    top: 6.2rem;
		    width: 9rem;
		    height: 9rem;
			z-index:10;
		    background-image: url(../img/plate3.png);
		}
		@keyframes plate1 {
		    from {}
		    to {
		        transform: rotate(360deg);
		    }
		}
		@-webkit-keyframes plate1 {
		    from {}
		    to {
		        transform: rotate(360deg);
		    }
		}
		@keyframes plate2 {
		    from {}
		    to {
		        transform: rotate(-360deg);
		    }
		}
		@-webkit-keyframes plate2 {
		    from {}
		    to {
		        transform: rotate(-360deg);
		    }
		}
		
		ul li{
			list-style:none;
		/* 	border:1px solid red; */
		}
		
		.footer{
			width:100%;
			height:20vh;
			background:#592E33;
			padding:30px;
			color:goldenrod;
		}
		.footer .footer_menu ul li{
			border:1px solid gold;
			border-radius:6px;
			padding:3px;
			text-align:center;
		}
		.footer_slogan{
			padding:10px;
			
			
		}
		.footer ul{
			display:flex;
			justify-content:center;
			align-items:center;
			list-style:none;
			
		}
		.footer ul li{
			margin:0 10px;
			font-size:1.3rem;
			color:goldenrod;
		}
		
		.footer .copyright{
			padding-top:10px;
			border-top:1px dotted darkgoldenrod;
			text-align:center;
			color:rgba(255,255,255,.2);
		}
		
		@media screen and (max-width:767px) {
			
			.header{
				flex-direction:column;
				justify-content:flex-start;
			}
			.header .menu{
				font-size:0.68rem;
				margin-top:-20px;
				/* color:goldenrod; */
			}
			.wechat_icon_title{
				display:none;
			}
			.wechat_icon img{
				display:none;
				/* position:absolute;
				left:2px;
				top:2px;
				z-index:99; */
			}
			.menu{
				display:flex;
				justify-content:center;
			}
			
			.mySwipper{
				width:100%;
				height:auto;
			}
			.mySwiper_text{
				width:80%;
			    height:36vh;
				top:60%;
				left:10%;
				font-size:1rem;
				
			}
			.content{
				display:flex;
				flex-direction:column;
			
			}
			.content_text{
				width:100%;
			
				padding:36px;
			}
			.content_text p{
				font-size:1rem;
			}
			
			.content .indent{
				text-indent:2rem;
			}
		    .mobile img{
				width:90px;
			}
			.rotated_luopan{
				width:100%;
                margin-left:-30px!important;
			}
			.footer{
				min-height:200px;
			}
			.footer ul li{
				font-size:0.8rem;
			}
			.footer .copyright{
				font-size:0.8rem;
			}
			.footer .footer_menu ul li{
				border:1px solid gold;
				border-radius:6px;
				padding:1px;
				text-align:center;
			}
			
		}
		
		@media screen and (min-width: 768px) and (max-width: 991px) {
		   
		   .footer{
		   	min-height:200px;
		   }
		}
		
		@media screen and (min-width:992px) and (max-width:1199px){
			
			.mySwiper_text{
				
				font-size:1.2rem;
				background:rgba(250,200,38,.2);
				padding:10px;
				border-radius:20px;
			}
			.content_text{
				width:50%;
			
				padding:36px;
			}
			.content_text p{
				font-size:1 rem;
			}
			.rotated_luopan{
				width:50%;
			}
		   .footer{
		   	min-height:138px;
		   }
		  
		}
		
		@media screen and (min-width:1200px){
		   
		}