body{margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#0000000; background:#FFF;}

h1, h2, h3, h4, h5, input, pre, form{margin:0px; padding:0px;}

#container{width:980px; margin:0px auto; padding:0px; background:#FFFFFF;}

#header{width:980px; margin:0px auto; padding:0px; position:relative;}

.lock{width:278px; margin:0px 0 0 330px; padding:0px; position:absolute; top:60px;}

.header_top{width:980px; margin:0px; padding:0px;}

.logo a{
	height: 50px;
	margin:18px;
	margin-left:45px;
	margin-right:-250px;
	float:left;
	text-decoration:none;
	color:#000;
	padding-top:0px;
	padding-right: -50px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.call{margin:35px 20px 4px 0; padding:0px; float:right;}

.call h1 a{font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#000;  font-weight:600;}

.banner{width:980px; margin:0px; padding:0px; background:url(../image/banner.png) no-repeat; width:978px; height:279px;}





.residential{width:175px; margin:0px 0 0 5px; padding:0px; float:left;}

.residential img{width:169px; margin:0px; padding:0px 0 8px 0;}

.residential h2{margin:5px 0 0 0; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:24px; text-align:justify; color:#fff;}

.residential p{margin:10px 0 15px 0; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:justify; color:#fff; font-weight:bold;}

.commercial{width:175px; margin:0px; padding:0px; float:right;}

.commercial h2{margin:5px 0 0 0; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:24px; text-align:justify; color:#fff;}

.commercial p{margin:10px 0 15px 0; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:justify; color:#fff; font-weight:bold;}

.menu{width:100%; margin:2px 0 2px 2px; padding:0px; background:#000; float:left;}

.menu ul{margin:0px; padding:0px;}

.menu ul li{margin:0px; padding:15px 0 15px 0; list-style:none; float:left; }

.menu ul li a{margin:0px; padding:15px 15px 15px 15px; list-style:none; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#fff; text-decoration:none;}

.menu ul li a:hover{margin:0px;  list-style:none; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#fff; text-align:left; text-decoration:none; background:#EF0808;}

#contant{width:auto; margin:15px auto; padding:0px 0 20px 0; background:#FFF; overflow:hidden;}

.left_panel{width:268px; margin:px; padding:0px; float:left;}

.categories{width:245px; margin:0px; padding:0px; float:left; margin-left:10px; background:  url(../image/left1.png) left top no-repeat; height:855px;}

.categories h1{margin:0px; padding:15px 15px 14px 25px; font-size:26px; color:#FFFFFF; font-weight:normal;}

.categories ul{margin:0px; padding:0px;}

.categories ul li{margin:0px; padding:0px; font-size:16px; color:#bababa; background:url(../image/arrow.gif) 14px 16px no-repeat; width:240px; list-style:none;}

.categories ul li a{margin:0px 0  0 10px; padding:11px 10px 11px 35px; font-size:16px; color:#bababa;  list-style:none; display:block; text-decoration:none; border-bottom:1px solid #3c3c3c;}

.categories ul li a:hover{margin:0px 0  0 10px; padding:11px 10px 11px 35px; font-size:16px; color:#fff;  list-style:none; display:block; text-decoration:none; border-bottom:1px solid #3c3c3c; background-color:#1d1d1d;}


.contact{width:245px; margin:10px 0 25px 23px; padding:0px; background:#2d2d2d; overflow:hidden;}

.contact h4{width:190px; margin:0px 0 0 10px; padding:10px 0 10px 0;}

.contact h5{margin:0px; padding:5px 0 5px 10px; font-size:20px; color:#fff; font-weight:normal;}

.contact p{margin:0px; padding:10px 10px 25px 10px; color:#fff; font-size:12px;}



.right_panel{width:695px; margin:0px; padding:0px; float:right;}

.right_panel h2{margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif;  color:#000; text-align:justify; font-weight:Normal;}

.right_panel h2 span{margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:26px; color:#fe1318; text-align:justify; font-weight:normal;}

.right_panel p{margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000000; text-align:justify; width:665px; line-height:20px;}

.right_panel_image{width:665px; margin:0px; padding:0px; float:left; overflow:hidden; background:url(../image/bottom.png) no-repeat; width:666px; height:239px;}

.right_panel_image ul{margin:0px; padding:0px 0 0 6px; width:215px; float:left;}

.right_panel_image ul li{margin:0px; padding:0px 0 12px 0; list-style:none; float:left; width:215px;}

.right_panel_image ul li h2{margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#000000; text-align:justify;}

.right_panel_image ul li p{margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000000; text-align:justify; width:200px; line-height:18px;}

.right_panel_image ul li span{margin:0px; padding:0px;  font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#ff0000; text-align:justify;}

.right_panel_image ul li span a{margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#ff0000; text-align:justify; text-decoration:underline;}

.right_panel_image ul li span a:hover{margin:0px; padding:0px;  font-family:Arial, Helvetica, sans-serif; font-size:12; color:#ff0000; text-align:justify; text-decoration:underline;}

.footer_main{ width:100%; margin:0px; padding:0px; overflow:hidden; background-color:#000; color:#FFF;}

.footer{width:980px; margin:0px auto; padding:0px;}

.footer a{color:#FFF;}

.footer ul{
	margin-top:-5px;
}
	
.footer ul li{
	display:inline;
	margin:5px;
}
	
.footer ul li a{
	text-decoration:none;
	color:#FFF;}
	
.footer ul li a:hover{
	color:#FA0202;
}


.clr{clear:both;}

#title2{
	margin-top:70px;
	float:left;
	margin-left:-310px;
	font-size:20px;
	
}

.active{
	background-color:#EF0808;
}

.menu ul li > ul{ display:none !important; width:158px;}
.menu ul li:hover > ul{ display:block;}
.menu ul li > ul li { display:inline-block; float:left; width:100%;}

.menu
{
	margin-top:0px
}

.menu ul
{
	list-style:none;
	position:relative;
	float:left;
	margin:0;
	padding:0 0;
}

.menu ul a
{
	display:block;
	color:#000;
	text-decoration:none;
	font-weight:700;
	font-size:16px;
	line-height:32px;
	padding:0 15px;
	font-family:"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
}

.menu ul li
{
	position:relative;
	float:left;
	margin:0;
	padding:0
}

.menu ul li.current-menu-item
{
	
}

.menu ul li:hover
{
	
}

.menu ul ul
{
	display:none;
	position:absolute;
	top:100%;
	left:0;
	background:#000;
	padding:0;
	
	text-align: left;
}

.menu ul ul li
{
	float:none;
	
}

.menu ul ul a {
    line-height: 120%;
	color:#FFF;
   padding:8px 14px;
    
   /* width: 100%;*/
}

.menu ul ul ul
{
	top:0;
	left:100%;
}

.menu ul li:hover > ul
{
	display:block !important;
}

@media (max-width:1024px){

div,iframe,header,section,footer,aside,article {
  width: calc(100vw - 20px) !important;
  text-align: center !important;
  margin-left: 0px !important;
  margin-right: 0px !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
  left:0 !important;
  background-size: 100% !important;
}


a,h1,h2,h4,h5,p,span,input,select,img,div,iframe,ul,li,textarea{  
text-align: center !important;
display:block  !important;
 width: 100% !important;
  position: relative !important;
   max-width: calc(100vw - 20x) !important;
   left:0 !important;
   
     margin-left: 0px !important;
  margin-right: 0px !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
  background-size: 100% !important;
}

#banner{height: 382px;}

input,textarea{
	width: 95% !important;
	  margin: 3px auto !important;
}


img {
  width: 100% !important;
  height:auto;
}

* {
  position: relative !important;
}

li {
  display: block !important;
}

body{
	font-size:12px;
	width: 100% !important;
  overflow-x: hidden !important;
  min-width: calc(100vw - 20px) !important;
  }
  
  .content.right {
    font-size: 15px;
}
.nav-area{ height:auto;}
.left-item img{ height:auto;}
#buttons {
    background: rgba(0, 0, 0, 0) url("images/bg_but.jpg") no-repeat scroll left top;
    padding-top: 4px;
    text-align: center;
    z-index: 999999;
	height: auto;
}
#logo {
    background: rgba(0, 0, 0, 0) url("images/big_img.jpg") no-repeat scroll left top;
    color: #000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 18px;
    font-style: italic;
	height: auto;    
}
#buttons a{ height:auto; padding:0px;}
#logo h1{ font-size:30px;}
#main_top{ background:none;}
#main{ background:none;}
#footer{ height:auto;}
#footer img{ width:auto !important; height:auto; margin: 0 auto !important; display:block;}

#header {
    background: rgba(0, 0, 0, 0) url("images/header.jpg") no-repeat scroll left top;
    height: auto;
    padding: 10px 0;
    width: 100%;
}
#buttons a{ padding:5px 0px;}
#menu{ height:auto;}
#mid{ height:300px;}
#call{height:auto !important;}

#menu ul li a, #menu ul li, #menu ul{ padding-top:0px; margin:0px;}
.header_img{ background-repeat:no-repeat; }
	.ex_menu{ background-repeat:no-repeat;}
	.banner{ height:289px;}
	.categories{ height:3775px;}
	.footer img{ width:20% !important; margin:0 auto !important;}
}

@media (min-width:768px) and (max-width:980px){

}

@media (max-width:980px){
	.banner{ height:277px;}
	.categories{ height:3605px;}
}

@media (max-width:800px){
	.banner{ height:227px;}
	.categories{ height:2955px;}
}

@media (max-width:768px){
	.banner{ height:218px;}
	.categories{ height:2815px;}
	
}

@media (max-width:640px){
	.banner{ height:179px;}
	.categories{ height:2355px;}
}

@media (max-width:480px){	
#header{ height:auto;}
#left{height: 889px;}
#call{height:auto !important;}
.banner{ height:134px;}
#mid{ height:140px;}
.header_img{ background-repeat:no-repeat; height: 170px;}
	.ex_menu{height: 1510px; background-repeat:no-repeat;}
	.categories{height: 1765px;}
}
@media (max-width:360px){
	.banner{ height:103px;}	
	#left{height: 669px;}
	.header_img{ background-repeat:no-repeat; height: 130px;}
	.ex_menu{height: 1140px; background-repeat:no-repeat;}
	.categories{height: 1321px;}
}

@media (max-width:320px){
	.banner{ height:103px;}	
	.categories{height: 1171px;}
	.header_img{ background-repeat:no-repeat; height: 110px;}
	.ex_menu{height: 1010px; background-repeat:no-repeat;}
}