/* CSS Document */
*{
	font-family: "SimHei";
	
}
.main{
width:100%;
background:#F0F0F0;
}
.content{
	width:80%;
	margin:0 auto;
	background:#FFFFFF;
	}
.content_left{
	width:35%;
	float:left;
	}
.content_right{
	width:65%;
	float:left;
	padding-top:70px;
	}
.left_text,.left_text1{
	padding-left:10px;
	padding-right:60px;
	margin-top:50px;
	}
.left_text img,.left_text1 img{
	
	width:18px;
	height:18px;
	vertical-align:middle;
	margin-right:10px;
	}
.left_text span,.left_text1 span{
	font-family: "Microsoft YaHei";
	font-size:15px;
	color:#333333;
	}
.left,.right,.left1,.right1{
	float:left;
	}
.left{
	width:28%;
	}
.right{
	width:72%;
	}
.left1{
	width:55%;

	}
.right1{
	width:45%;

	}

@media (min-width:1024px){
	#dituContent{
	padding: 8px; 
	width:550px; 
	height: 400px; 
	border: #ccc solid 1px;
	margin-left: 20px;
	border-radius:10px; 
	-webkit-box-shadow: #999 0px 0px 5px;
	-moz-box-shadow: #999 0px 0px 5px;
	box-shadow: #999 0px 0px 5px;
	
	}
.left_text1{
	display:none;
}
}

@media only screen and (min-width: 0px) and (max-width: 1024px){
#dituContent{
	width:100%; 
	height: 400px; 
	border: #ccc solid 1px;
	border-radius:10px; 
	-webkit-box-shadow: #999 0px 0px 5px;
	-moz-box-shadow: #999 0px 0px 5px;
	box-shadow: #999 0px 0px 5px;
	
	}	
.content_right{
	width:65%;
	height:480px;
	float:left;
	padding-top:20px;
	}
.content_left{
		display:none;
	}
.connectus{
	display:none;
}
.left_text{
	display:none;
}
.content{
	height:650px;
}
.main{
	height:630px;
}
.content{
	width:100%;
}
.mask{
	width:100%;
}
.content_right{
	width:100%;
}
}