body,html	{margin:0px;font-family:等线;}
a	{text-decoration:none;color:black;}
#tit	{height:110px;width:100%;margin:auto;text-align:center;color:SaddleBrown;}
#tita	{height:60px;margin-top:20px;font-size:2em;}
#titb	{width:270px;height:20px;font-size:1.6em;margin:auto;margin-bottom:30px;}
#titbcont	{width:270px;float:left;font-size:0.7em;text-align:center;}
#conta	{
		height:auto;
		width:1000px;
		margin:auto;
		
		display:flex;
		flex:row;
		flex-wrap:wrap; 
		
		display:-webkit-flex;
		-webkit-flex:row;
		-webkit-flex-wrap:wrap; 
		}

#contal	{
		height:480px;
		width:65%;
		float:left;
		}

#contar	{
		height:480px;
		width:30%;
		margin-left:3%;
		float:left;
		overflow:hidden;
		
		box-shadow: 1px 1px 1px rgb(184,184,184);
		-moz-box-shadow: 1px 1px 1px rgb(184,184,184);
		-webkit-box-shadow: 1px 1px 1px rgb(184,184,184);
		}
		
#contarpic	{
			height:480px;
			width:100%;
			overflow:hidden;
			text-align:center;
			}

#contbrpic		{
			height:50px;
			width:100%;
			overflow:hidden;
			text-align:center;
			}


#contartex	{
			margin:5%;
			line-height:25px;
			text-align:justify;
			font-size:0.9em;
			}

#contbrtex	{
			margin:5%;
			line-height:25px;
			text-align:justify;
			font-size:0.95em;
			}

#tupian	{
		height:100%;
		width:100%;
		overflow:hidden;
		}
		
#tupianbiaoti	
		{
		height:7.5%;
		width:97%;
		background-color:gray;
		color:white;
		padding-left:3%;
		padding-top:1.5%;
		}

#ge		{
		height:30px;
		width:90%;
		margin:auto;
		}

#contb	{
		width:1000px;
		margin:auto;
		
		display:flex;
		flex:row;
		flex-wrap:wrap; 
		
		display:-webkit-flex;
		-webkit-flex:row;
		-webkit-flex-wrap:wrap; 
		}

#contbl	{
		width:65%;
		float:left;
		}

#contbr	{
		height:auto;
		width:30%;
		margin-left:3%;
		background-color:ghostwhite;
		float:left;
		margin-bottom:30px;
		
		box-shadow: 1px 1px 1px rgb(184,184,184);
		-moz-box-shadow: 1px 1px 1px rgb(184,184,184);
		-webkit-box-shadow: 1px 1px 1px rgb(184,184,184);
		}

#arti	{
		height:200px;
		width:94%;
		background-color:Beige;
		margin-bottom:30px;
		padding-top:15px;
		padding-bottom:15px;
		padding-left:3%;
		padding-right:3%;
		cursor:pointer;
		
		display:flex;
		flex:row;
		flex-wrap:wrap; 
		
		display:-webkit-flex;
		-webkit-flex:row;
		-webkit-flex-wrap:wrap; 
		
		box-shadow: 1px 1px 1px rgb(184,184,184);
		-moz-box-shadow: 1px 1px 1px rgb(184,184,184);
		-webkit-box-shadow: 1px 1px 1px rgb(184,184,184);
		}
		
#artipic	{
			height:auto;
			width:30%;
			float:left;
			overflow:hidden;
			}

#artitex	{
			height:100%;
			width:65%;
			float:left;
			padding-left:4%;
			line-height:25px;
			text-align:justify;
			}
			
#arttitle	{
			height:15%;
			width:100%;
            font-size: 20px;
            font-weight: bold;
			}

#arttitlefu {
			height:10%;
			width:100%;
            font-size: 16px;
			}

#artzhai	{
			height:60%;
			width:100%;
			font-size:0.95em;
            line-height: 20px;
            margin-top:15px;
			}

#artchu		{
			height:10%;
			width:100%;
			font-size:0.8em;
			text-align:right;
			}

#copy	{
		height:100px;
		width:100%;
		background-color:Lavender;
		margin:auto;
		text-align:center;
		padding-top:30px;
		font-size:14px;
		color:gray;
		}
#copy a	{color:gray;}

@media screen and (max-width:700px) 
		{
		#conta	{
				width:90%;
				flex:column
				-webkit-flex:column;
				} 
		#contal	{
				width:100%;
				height:30%;
				margin-bottom:25px;
				} 

		#contar	{
				width:100%;
				margin-left:0;
				height:auto;
				}
		#ge		{
				height:25px;
				}
		#contarpic	{
				height:auto;
				width:100%;
				overflow:hidden;
				text-align:center;
				margin:auto;
				}
		#contartex	{
					line-height:1.6em;
					font-size:1.1em;
					}
		#contbrtex	{
					line-height:1.8em;
					font-size:1em;
					}
		#contb	{
				width:100%;
				flex:column
				-webkit-flex:column;
				} 
		#contbl	{
				width:90%;
				margin:auto;
				} 
		#contbr	{
				width:100%;
				margin-left:0;
				margin-left:5%;
				margin-right:5%;
				line-height:20px;
				margin-bottom:50px;
				} 
		#arti	{
				height:auto;
				flex:column
				-webkit-flex:column;
				padding-bottom:20px;
				margin-bottom:30px;
				}
		#artipic	{
					height:auto;
					width:100%;
					}
		#arttitle	{
					font-size:1.3em;
					}
		#artitex	{
					height:350px;
					width:100%;
					padding-top:20px;
					padding-right:4%;
					padding-bottom:20px;
					magin-bottom:10px;
					}
		#artzhai	{
					line-height:1.6em;
					font-size: 1em;
					}
		#copy	{
				width:100%;
				}
		}