@CHARSET "UTF-8";

*{margin:0;padding:0;}
HTML,BODY,DIV,SPAN,APPLET,OBJECT,IFRAME,H1,H2,H3,H4,H5,H6,P{font-family:Verdana,Arial,Helvetica,sans-serif;}
a{ text-decoration:none;color:#c95a36; }
a:hover{text-decoration:underline;}
img{border:none; vertical-align:text-bottom;}
strong,b,h1,h2,h3,h4,h5,h6{
/*
	color:#6aa223;
*/
}
h1,h2,h3,h4,h5,h6{
	font-weight:normal;
	
	/*
color:#94c832;
*/
}
h1{
	
}




.mainbg{
background: url('../image/top.jpg') center top;
background-size: cover;
min-height: 670px;
position: relative;

}                             
.headder{
padding-top:25px;
background: rgb(255,255,255);
background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 59%);
padding-bottom:45px;
}
body{
       background:#f5f5f5;
	font-size:12px;
	color:#454545;
}
.waper{
	width:800px;
	margin:auto;
	
}
.menu{
	display:block;
	color:#f7efed;
	text-decoration:none;
	font-size:19px;
	font-weight:normal;
	padding:15px;
	float:right;
}
.menu:hover{
	color:#fbad5f;
	text-decoration:none;
}
#sdx{
	width:800px;
	height:300px;
	
	
}
#sdx .data{
	
	padding:50px 50px 0px 50px;
	clear:both;
	color:#858484;
	width:800px;
	
}
#left{
	
	width:44px;
	height:44px;
	position:absolute;
	display:block;
	margin-top:150px;
	z-index:199;
	margin-left:-10px;
}
#right{
	
	width:44px;
	height:44px;
	position:absolute;
	display:block;
	margin-top:150px;
	z-index:199;
	margin-left:795px;
}

.content{

	position:relative;
	height:1000px:

}
.footer{
padding: 50px 0 100px 0 !important;
	padding:15px;
	color:#ffffff;
	font-size:20px;
  
  background: url('../image/end-new.jpg') center top;
}
#form5{
		
		
		float:right;
		width:370px;
		
		}
	#form5 fieldset{
		margin:0;
		padding-top:.5em;
		border:none;	
		
		}		
	#form5 legend{
		background:#fff;
		padding:0 5px;
		font-style:italic;
		}	
	#form5 p{
		clear:both;
		margin:.5em 0;
		overflow:hidden;
		}	
	#form5 label{
		float:left;
		width:60px;
		display:block;
		text-align:right;
		margin-right:10px;
		}	
	#form5 input, #form5 textarea{	
		margin:0;	
		width:250px;
		border:1px solid #ddd;		
		padding:3px 5px 3px 25px;
		}		
	
	
	#form5 input#name{background:#fff url(../images/form5/form_name.gif) no-repeat 5px 50%;}
	#form5 input#email{background:#fff url(../images/form5/form_email.gif) no-repeat 5px 50%;}
	#form5 input#web{background:#fff url(../images/form5/form_url.gif) no-repeat 5px 50%;}
	#form5 textarea#message{background:#fff url(../images/form5/form_note.gif) no-repeat 5px 6px;}
	
	
	#form5 textarea{
		height:70px;
		overflow:auto;
		}					
	#form5 p.submit{
		clear:both;
		margin:1em 0;
		padding:.5em 70px;
				
		
		}	
	#form5 button{
		height:28px;
		line-height:28px;		
		border-top:1px solid #999;
		border-left:1px solid #999;
		border-right:1px solid #333;
		border-bottom:1px solid #333;
		background:url(../images/form5/form_button.gif) no-repeat;
		padding:0 10px 0 25px;
		color:#333;
		cursor:pointer;
		text-align:left;
		font-size:12px;
		font-weight:bold;
		}		
		
.catalog{
    display: flex;
    list-style: none;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}				
.catalog li{
    width: 190px;
    /* height: 160px; */
    /* overflow: hidden; */
    /* float: left; */
    display: block;
    margin: 5px 5px;
    text-align: center;
}
.catalog li a{
	
	border:1px solid #fff;
	display:block;
	background:#fff url(view.png) no-repeat center center;
	
}
.catalog li a img{
width: 100%;
    height: 120px;
    /* height: auto; */
    object-fit: contain;
}

.footmenu{
padding:100px 0 0 0;
text-align:center;
}
.footmenu a{
display:inline-block;
margin:5px 20px;
font-size:24px;
color:#ffff33;
}
      .topon{
        float: left;
    width: 450px;
       }
       .fng{
       font-size:35px;color:#fbad5f;
       }
@media only screen and (max-width: 770px) {

  .waper,.content{
	max-width:100%;
	margin:0;
	
}
.fng{
       font-size:22px;color:#fbad5f;
       }
.catalog li{
width:100%;
}
div{
max-width:100% !important;
}
form{
padding:20px 15px !important;
}
#sdx,#sdx .data{

max-width:100%;
padding:0 !important;
}

.topon{
max-width:100%;
}


}