.error-cont{
	width:65.3125%;
	margin:220px auto;
	/*border:1px solid red;	*/
}
*{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.clear:after{
	content:'';
	display:block;
	clear:both;	
}
.left-cont img{
	width:100%;	
}
.left-cont{
	float:left;
	width:45.0558213%;
	/*border:1px solid red;*/	
}
*{
	margin:0;
	padding:0;	
}
@font-face{
	font-family:'mytxt';
	src:url(../font/Myriad-Set-Pro-Thin.ttf);	
}
html{
	
}
body{
	
	background:url(../images/404-bg.png) repeat;
	font-family:Microsoft Yahei;

	/*border:1px solid red;*/
	
}
.main-error-box{
	padding:
	
	
}
.right-cont{
	float:right;
	width:54.94417%;
	/*border:1px solid blue;*/
	font-family:Microsoft Yahei;
	padding:0 4.5%;
}
.right-cont h1{
	font-size:5.5em;
	color:#32393a;
	margin-bottom:10px;	
}
.right-cont p{
	color:#009ab2;
	
}
.right-cont .p1{
	font-size:3em;
	font-weight:bold;
	margin-bottom:20px;
	font-family:Microsoft Yahei;
	
}

.right-cont .p2{
	font-size:1.8em;	
	font-family:Microsoft Yahei;
}
.right-cont a{
	cursor:pointer;
	display:inline-block;
	/*border:1px solid red;*/
	padding:12px 40px;
	background-color:#009ab2;
	color:#FFF;
	border-radius:10px;
	font-family:Microsoft Yahei;
	font-weight:bold;
	margin-top:34px;
	font-size:1.24em;		
}
.right-cont a:hover{
	background-color:#006b7c;	
}
@media screen and (max-width:1600px){
	.right-cont h1 {
  
    margin-bottom: -7px;
}	
.right-cont .p1 {
  
    margin-bottom: 8px;
   
}
.right-cont a {
  
    margin-top: 18px;
  
}
}
@media screen and (max-width:1480px){
.error-cont {
     margin: 169px auto;
    /* border: 1px solid red; */
}	
}
@media screen and (max-width:1366px){
	.error-cont {
    width: 79.3125%;
	margin:114px auto;
  
}
.left-cont {
 
    width: 39.055821%;
    /* border: 1px solid red; */
}
.right-cont {
   
    width: 57.94417%;
    
}
}
@media screen and (max-width:1200px){
	body{
		background-size:cover;	
	}
	.error-cont {
    width: 36.3125%;
    /* border: 1px solid red; */
	margin:50px auto;
}
	.left-cont {
    width: 100%;
    float: none;
}
	.right-cont {
    margin-top: 28px;
    text-align: center;
    width: 100%;
    float: none;
}
}
@media screen and (max-width:860px){
		.error-cont {
    width: 56%;
    /* border: 1px solid red; */
	margin:50px auto;
}
}
@media screen and (max-width:500px){
		.error-cont {
    width: 80%;
    /* border: 1px solid red; */
	margin:50px auto;
}
}