@charset "utf-8";
.clearfix {width: 100%;/*给最上面的横条建宽高背景*/
     height: 42px;
     background-color: gainsboro;
     line-height: 42px;
     color:white;
     font-family:华文行楷;
     font-size: 35px;
     }

     *{
	margin: 0;
	padding: 0;
	
}

			           
.header{
	width: 100%;
}
			   

.content{
	             width: 100%;
		         height: 150px;
		         background-color:lavender;
		       display:flex ;
		       justify-content:center
	            
    }
		         
.hj{ 
              width: 280px;
	          height: 50px;
	          border-style: none;
	          align-self: center;
	          font-family: 华文行楷;
	          font-size: 50px;
	          color: honeydew;
	          text-shadow: 2px 2px 3px black,-2px -2px 3px white;
	          z-index: 999;
}

.shouyi{
               
               width: 100%;
		         height: 50px;
		         background-color:lavender;
		       display:flex ;
		       justify-content:space-around;
		       margin-top: 1px;
}

		
.c1 {   width: 80px;
	    height: 50px;
	     border-style: none;
	      padding: 0 10px;
		background:linear-gradient(to top,lavender,grey,lavender);
}	    
.c1 a{
	text-decoration: none;
		  font-family: 华文行楷;
		  color: honeydew;
		  font-size: 35px;	
}		
	
.c2 {   width: 150px;
	    height: 50px;
	     border-style: none;
	      padding: 0 10px;
		background-color: lavender;
}	    
.c2 a{
	text-decoration: none;
		  font-family: 华文行楷;
		  color: honeydew;
		  font-size: 35px;	
}	

.c3 {   width: 80px;
	    height: 50px;
	     border-style: none;
	      padding: 0 10px;
		background-color: lavender;
}	    
.c3 a{
	text-decoration: none;
		  font-family: 华文行楷;
		  color: honeydew;
		  font-size: 35px;	
}

.c4 {   width: 150px;
	    height: 50px;
	   border-style: none;
	      padding: 0 10px;
		background-color: lavender;
}	    
.c4>a{
	text-decoration: none;
		  font-family: 华文行楷;
		  color: honeydew;
		  font-size: 35px;	
}

.c5 {   width: 80px;
	    height: 50px;
	    border-style: none;
	      padding: 0 10px;
		background-color: lavender;
}	    
.c5 a{
	text-decoration: none;
		  font-family: 华文行楷;
		  color: honeydew;
		  font-size: 35px;	
}

.c6 {   width: 80px;
	    height: 50px;
	     border-style: none;
	      padding: 0 10px;
		background-color: lavender;
}	    
.c6 a{
	text-decoration: none;
		  font-family: 华文行楷;
		  color: honeydew;
		  font-size: 35px;	
}
 	
.shouyi div a:hover{background-color:chartreuse;
		       color: honeydew;;
		       text-decoration: underline;
		       } 

.c4 .ml{
	width: 500px;
	height: 80px;
	background-color:lavender;
	margin-left: -360px;
	display: none;
	
}
.c4 .ml a{
	text-decoration: none;
		  font-family: 华文行楷;
		  color: honeydew;
		  font-size: 28px;
	      float: left;
	      margin: 20px;
	      margin-top: 30px;
	      
}
.c4:hover .ml{
	 display: block;
} 

.c2 .ys{
	width: 1920px;
	height: 80px;
	background-color:lavender;
	margin-left: -260px;
	display: none;
}

.c2 .ys a{
	text-decoration: none;
		  font-family: 华文行楷;
		  color: honeydew;
		  font-size: 22px;
	      float: left;
	      margin: 18px;
	      margin-top: 30px;
	      
}

.c2:hover .ys{
	display: block;
}

.c3 .dp{
	width: 500px;
	height: 80px;
	background-color:lavender;
	margin-left: -310px;
	display: none;
	
}
.c3 .dp a{
	text-decoration: none;
		  font-family: 华文行楷;
		  color: honeydew;
		  font-size: 28px;
	      float: left;
	      margin: 25px;
	      margin-top: 30px;
	      
}
.c3:hover .dp{
	 display: block;
} 



		#show{
			width:1000px;
			height:600px;
			margin: 0 auto;
			border-bottom: #DAF3F0 solid 1px;
			margin-top: 68px;
			overflow: hidden;
			position: relative;  /*给大框框做个相对定位，好为小圏圏做绝对定位用*/
		}
		#content{
			width: 4000px;
			height: 600px;
			
		}
		#content >div{
			float: left;
		}
		img{
			border-bottom: #DAF3F0 solid 1px;
		}
		#bottom{
			width: 60px;
			height: 10px;
			position: absolute; /*做完绝对定位后要写上前后左右要定位的值*/
			left: 480px;
			top:550px;
		}
		#bottom > div{
			width: 10px;
			height: 10px;
			border-radius: 50%;
			background-color:#74EDBA;
			float: left; /*让小点点做向左浮动*/
			margin-left: 5px;
		}

.d1{
	width:300px;
	height: 60px;
	border-bottom: 3px solid #DAF3F0;
	margin: 0 auto;
	margin-top: 80px;
	
}
.d1>span{
	text-align: center;
	font-size: 50px;
	font-family: 华文行楷;
	
}

.fx{
	width: 100%;
	height: 600px;
	border: 2px solid #DAF3F0;
	margin-top: 50px;
	display:flex;
	flex-wrap:wrap;
	gap: 120px;
	background-color:#EAF8F4;
	padding: 50px;
}

.fx .f1{width: 150px;
	    height: 150px;
	    border-radius: 50%;
	    border:#0FEAF5 solid 5px;
	     line-height: 100px;
	    margin: 70px 88px 0 88px;
	   text-align: center;
}

.fx .f1:hover{
	         background-color:aqua;
		       color:chocolate; 
}

.fx .f1>a{
	     text-decoration: none;
		 color:#EAF8F4;
	     font-size: 60px;
	     font-family: 华文行楷;
}


.fx .f2{width: 100px;
	    height: 100px;
	    border-radius: 50%;
	    border:solid 5px #77F764;
	     line-height: 100px;
	   margin: 70px 88px 0 88px;
	   text-align: center;
}

.fx .f2:hover{
	         background-color:aqua;
		       color:chocolate; 
}

.fx .f2>a{
	     text-decoration: none;
		 color:#EAF8F4;
	     font-size: 38px;
	     font-family: 华文行楷;
}

.fx .f3{width: 180px;
	    height: 180px;
	    border-radius: 50%;
	    border:solid 5px #A59FF3;
	     line-height: 150px;
	     margin: 70px 88px 0 88px;
	   text-align: center;
}

.fx .f3:hover{
	         background-color:aqua;
		       color:chocolate; 
}

.fx .f3>a{
	     text-decoration: none;
		 color:#EAF8F4;
	     font-size: 60px;
	     font-family: 华文行楷;
}

.fx .f4{width: 130px;
	    height: 130px;
	    border-radius: 50%;
	    border:solid 5px #F58DF1;
	     line-height: 130px;
	     margin: 70px 88px 0 98px;
	   text-align: center;
}

.fx .f4:hover{
	         background-color:aqua;
		       color:chocolate; 
}

.fx .f4>a{
	     text-decoration: none;
		 color:#EAF8F4;
	     font-size: 45px;
	     font-family: 华文行楷;
}


.fx .f5{width: 100px;
	    height: 100px;
	    border-radius: 50%;
	    border:solid 5px #F0EF38;
	     line-height: 100px;
	      margin: 58px 10px 0 58px;
	    text-align: center;
}

.fx .f5:hover{
	         background-color:aqua;
		       color:chocolate; 
}

.fx .f5>a{
	     text-decoration: none;
		 color:#EAF8F4;
	     font-size: 38px;
	     font-family: 华文行楷;
}


.fx .f6{width: 100px;
	    height: 100px;
	    border-radius: 50%;
	    border:solid 5px #F3508C;
	     line-height: 100px;
	      margin: 58px 0 0 58px;
	    text-align: center;
}

.fx .f6:hover{
	         background-color:aqua;
		       color:chocolate; 
}

.fx .f6>a{
	     text-decoration: none;
		 color:#EAF8F4;
	     font-size: 38px;
	     font-family: 华文行楷;
}


.fx .f7{width: 200px;
	    height: 200px;
	    border-radius: 50%;
	    border:solid 5px #EC7B2E;
	     line-height: 160px;
	      margin: 28px 0 0 58px;
	    text-align: center;
}

.fx .f7:hover{
	         background-color:aqua;
		       color:chocolate; 
}

.fx .f7>a{
	     text-decoration: none;
		 color:#EAF8F4;
	     font-size: 72px;
	     font-family: 华文行楷;
}


.fx .f8{width: 120px;
	    height: 120px;
	    border-radius: 50%;
	    border:solid 5px #722BF4;
	     line-height: 100px;
	      margin: 58px 0 0 58px;
	    text-align: center;
}

.fx .f8:hover{
	         background-color:aqua;
		       color:chocolate; 
}

.fx .f8>a{
	     text-decoration: none;
		 color:#EAF8F4;
	     font-size: 48px;
	     font-family: 华文行楷;
}


.fx .f9{width: 160px;
	    height: 160px;
	    border-radius: 50%;
	    border:solid 5px #FC2A0C;
	     line-height: 150px;
	      margin: 58px 0 0 58px;
	    text-align: center;
}

.fx .f9:hover{
	         background-color:aqua;
		       color:chocolate; 
}

.fx .f9>a{
	     text-decoration: none;
		 color:#EAF8F4;
	     font-size: 58px;
	     font-family: 华文行楷;
}



.e1{
	width:300px;
	height: 60px;
	border-bottom: 3px solid #DAF3F0;
	margin: 0 auto;
	margin-top: 80px;
	
}
.e1>span{
	text-align: center;
	font-size: 50px;
	font-family: 华文行楷;
	
}


.sj{
	width: 100%;
	height: 400px;
	border: 2px solid #DAF3F0;
	margin-top: 50px;
	position: relative;
	background-color:snow;
	display: flex;
    justify-content:space-around;
	
	
}

.sj .g1{
	    width: 300px;
	    height: 400px;
	    border: 2px solid #A1F0C5;
	    background-color:snow; 
	     text-align: center;
	     line-height: 40px;
}
.sj .g1 a{
	    font-family: 华文行楷;
	    text-decoration: none;
	    color: #ADEBC0;
	    font-size: 25px;
	   
}
.sj .g1 a:hover{
	          color:#9384F7; 
}

.sj .g1 a img{
	          margin-left: 15px;
	          margin-top: 8px;
	           opacity: 0.7;
	          display: block;
}
.sj .g1:hover{
	        background:#B5F5B9;
	     
}
.sj .g2{
	    width: 300px;
	    height: 400px;
	    border: 2px solid #A0E8F7;
	    text-align: center;
	    line-height: 40px;
}

.sj .g2 a{
	    font-family: 华文行楷;
	    text-decoration: none;
	    color: #ADEBC0;
	    font-size: 25px;
	    
}
.sj .g2 a:hover{
	          color:#12F9F6; 
}

.sj .g2 a img{
	          margin-left: 15px;
	          margin-top: 8px;
	           opacity: 0.7;
	          display: block;
}
.sj .g2:hover{
	        background:#CFF0F3;
	     
}

.sj .g3{
	    width: 300px;
	    height: 400px;
	    border: 2px solid #9768B7;
	    text-align: center;
	    line-height: 40px;
}

.sj .g3 a{
	    font-family: 华文行楷;
	    text-decoration: none;
	    color: #ADEBC0;
	    font-size: 25px;
	   
	    
}
.sj .g3 a:hover{
	          color:#CDF43D;
}

.sj .g3 a img{
	          margin-left: 15px;
	          margin-top: 8px;
	           opacity: 0.7;
	          display: block;
}
.sj .g3:hover{
	        background:#FBD18C;
	     
}

.sj .g4{
	    width: 300px;
	    height: 400px;
	    border: 2px solid #0F2B94;
	    text-align: center;
	     line-height: 40px;
	    
}

.sj .g4 a{
	    font-family: 华文行楷;
	    text-decoration: none;
	    color: #ADEBC0;
	    font-size: 25px;
	   
	    
}
.sj .g4 a:hover{
	          color:lightyellow;
}

.sj .g4 a img{
	          margin-left: 15px;
	          margin-top: 8px;
	           opacity: 0.7;
	          display: block;
}
.sj .g4:hover{
	        background:#9212F3;
	     
}


.k1{
	width:300px;
	height: 60px;
	border-bottom: 3px solid #DAF3F0;
	margin: 0 auto;
	margin-top: 80px;
	
}
.k1>span{
	text-align: center;
	font-size: 50px;
	font-family: 华文行楷;
	
}

.l1{
	width: 100%;
	height: 400px;
	border-bottom:2px solid #9768B7;
	background-color:#EAFAFC;
	margin-top: 30px;
}

.l1>p{
	width: 330px;
	height: 340px;
	background-color:azure;
	float: left;
	margin-left:30px;
	margin-top: 30px;
	padding-top: 20px;
	padding-left: 10px;
	padding-right: 10px;
	text-indent: 2em;
	font-family: 华文行楷;
	font-size: 28px;
   overflow: hidden;
}

.l2{
	width: 320px;
    height: 340px;
	border: solid 1px white;
	float: right;
	overflow:hidden;
	background-image:url("image/天鹅座3.png");
	
}

.top1{
	margin-left: 1500px;
	margin-top: 10px;
}
.top1 a{
	text-decoration: none;
}
.top1 .iconfont{
	font-size: 30px;
	color:darkturquoise;
}

.footer{
	width: 100%;
	height: 200px;
	margin-top: 150px;
	background:linear-gradient(to top,#ADEBC0,white);
	
}

.footer1{
	margin-left:700px;
	font-size: 18px;
	font-family: 华文行楷;
	
}

.footer1>a{
	color:#696E6C;
	margin-left: 5px;
	text-align: center;
	text-decoration: none;
}

.ba{
	margin-left: 550px;
	font-size: 16px;
	margin-top: 30px;
}

.zx{
    margin-left: 150px;
}

.ba a{
	color:#696E6C;
	text-decoration: none;
	
}

.ba div:nth-child(2){
	margin-top: 10px;
}