/* media css
 */



article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
form {
  display: block;
}






.container{
  width:1000px; 
  margin-left: auto;
  margin-right: auto; 
}


.clr{ clear:both;}


.row{ width:100%; float:left;}


#header{ 
    width:100%; position:relative; 
	float:left; z-index:999; }

.headr_top{ width:100%; float:left; padding-bottom:20px;  background:#fff url(../images/head_top_bg.jpg) repeat-x left bottom; height:88px;}

.headr_top .right{ width:640px; float:right;}

.Call{ width:100%; float:left; text-align:right; padding:15px 0px 35px;}

.logo{ 
    width:292px; margin-top:50px;
	float:left; 
	
	 }		

.headr_bar{ width:100%; float:left; background:url(../images/bar_bg.png) repeat; height:50px;}


.Banner{ width:100%; height:579px; float:left; background:url(../images/sdw_btm.jpg) repeat-x left bottom; padding-bottom:13px; margin-top:-62px;}	

.Bnrimg{ width:100%; height:100%;}
	
#middle{ 
    width:100%; 
    float:left; 
	padding:0px 0px 0px 0px;
	
	
	}


.Mid_main{ width:100%; float:left; padding:15px 0px 30px;}

.Mid_left{ width:630px; float:left;}

.artc{ width:100%; float:left; margin-bottom:5px;}
.artc h1{ margin:0px; padding:0px 0px 10px; font-family:MyFont3; color:#191919; font-weight:normal; font-size:26px;}
.artc p{ margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#3b3b3b; line-height:19px; text-align:justify;}

.artc .row{ padding-bottom:20px;}
.artc .row .img{ width:162px; height:141px; padding:5px; float:left; background:#FFFFFF; border:#dadada 1px solid; border-radius:3px; box-shadow:1px 1px 2px #ccc;}

.artc .row .cont{ width:70%; float:right;}
.artc .row .cont ul{ margin:0px; padding:12px 0px 0px;}
.artc .row .cont ul li{ list-style:none;}
.artc .row .cont ul li a{ display:block; background:url(../images/ic_1.png) no-repeat left top; padding-left:20px; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#3b3b3b; padding-bottom:10px;}
.artc .row .cont ul li a:hover{ text-decoration:none; color:#000000;}

.artc .row .Fl, .artc .row .Fr{ width:47%;}


.Featr{ width:100%; float:left;}
.Featr h2{ margin:0px 0px 16px; padding:0px 0px 8px; font-family:MyFont3; background:url(../images/bdr_btm.jpg) repeat-x left bottom; color:#191919; font-weight:normal; font-size:26px;}
.Featr .bx{ width:30%; float:left; margin-right:2%; margin-left:1%;}
.Featr .bx .img{ width:99.5%; float:left; background:#FFFFFF; border:#d2d2d2 1px solid; box-shadow:1px 1px 4px #ccc; margin-bottom:8px;}
.Featr .bx .img img{ width:100%; height:100%;}

.Mid_right{ width:272px; float:right;}

.Mesg{ width:100%; float: left; margin-bottom:8px;}
.Mesg h2{ margin:0px; padding:0px 0px 3px; font-family:MyFont3; color:#191919; font-size:20px; font-weight:normal;}

.Mesg_bx{ background: -webkit-linear-gradient(#fff, #f3f3f3); 
background: -o-linear-gradient(#fff, #f3f3f3); 
background: -moz-linear-gradient(#fff, #f3f3f3); text-align:justify; 
background: linear-gradient(#fff, #f3f3f3); border:#dfdfdf 1px solid; border-radius:5px; font-family:Arial, Helvetica, sans-serif;
font-size:12px; color:#3b3b3b; line-height:18px; float:left; width:91.5%; padding:8px 4%; }

.Callbx{ display:block; padding:5px; background:#e8e8e8 url(../images/efct_1.png) no-repeat left top; border-radius:5px;}
.Callbx .cent{  border:#FFFFFF 1px solid; padding:5px;}
.Callbx .cent p{ margin:0px; padding-bottom:6px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#292929;}
.Callbx .cent p input{background: -webkit-linear-gradient(#fff, #f3f3f3); 
background: -o-linear-gradient(#fff, #f3f3f3); 
background: -moz-linear-gradient(#fff, #f3f3f3);  width:99.5%; border-radius:3px;   
background: linear-gradient(#fff, #f3f3f3); border:#c8c8c8 1px solid; height:31px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#767676; }

.Callbx .cent p textarea{background: -webkit-linear-gradient(#fff, #f3f3f3); 
background: -o-linear-gradient(#fff, #f3f3f3); width:99.5%;
background: -moz-linear-gradient(#fff, #f3f3f3);  border-radius:3px;
background: linear-gradient(#fff, #f3f3f3); border:#c8c8c8 1px solid; height:65px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#767676; }

.efct{ width:100%; float:left; background:url(../images/efct_2.png) no-repeat center bottom; padding-bottom:17px;}
	

#footer{ 
    width:100%; background:#292929; padding:10px 0px;
    float:left; position:relative;
}
	
#footer .Fl{ padding-top:10px;}	


.Brdcrum{ width:100%; float:left; padding-bottom:10px;}


.Prdbx{ width:21.5%; float:left; position:relative; background:#FFFFFF; padding:.5%; margin:0px 1% 30px 1%; border:#d2d2d2 1px solid; box-shadow:1px 1px 4px #ccc; }
.Newtb{ width:56px; height:29px; position:absolute; right:0px; top:10px;}
.Prdbx .img{ width:100%; float:left;}

.Prdbx .img img{ width:100%; height:100%;}



/*----------27-05-2014------------*/

.Prd_main_img{ width:450px; height:350px; background:#FFFFFF; padding:5px; border:#e8e6e6 1px solid; float:left;}
.Prd_main_detl{ width:520px; float:right;}
.Prd_main_detl h2{ margin:0px 0px; padding:5px 10px; font-family:MyFont2; font-size:18px; color:#000; font-weight:normal; background:#f2f2f2;}
.Prd_main_detl p{ margin:0px; padding:8px 10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; color:#666666; text-align:justify;}


/*-----------27-05-2014------*/
.Contct h1{ margin:0px 0px 14px; padding:0px 0px 6px 0px; font-family:MyFont2; font-size:20px; color:#000000; border-bottom:#CCCCCC 3px double; font-weight:normal;}

.map{ width:678px; float:left;}

.Lineheight3{ line-height:21px;}

.Gray_3{ color:#595858;}

@media (max-width: 767px) {

  
  .container {
  margin-left: 20px;
  margin-right: 20px;
   width: auto;
}

 .headr_top{ height:auto; }
 .logo{ width:100%; margin-top:15px; text-align:center;}
 .headr_top .right{ width:100%;}
 .Call{ text-align:center; padding-bottom:10px;}
 
 .Mid_left, .Mid_right{ width:100%; margin-bottom:15px;}
 .artc .row .cont{ width:65%;}
 
 #footer .Fl, #footer .Fr{ width:100%; text-align:center; padding-bottom:5px;}
 .Banner{ height:auto;}
 
 .artc .row .img{ width:29.5%; padding:1%; height:auto;}
.artc .row .img img{ width:100%; height:100%;}

.Prdbx{ width:29.5%;}

/*--------27-05-2014--------*/
 
 .Prd_main_img{ width:97.5%; padding:1%; height:auto;}
 .Prd_main_img img{ width:100%; height:100%; margin-bottom:-3px;}
 .Prd_main_detl{ width:100%; margin-top:10px;}
 
 /*---------27-05-2014---------*/
 
 .map{ width:100%; margin-bottom:15px;}
 .map img{ width:100%; height:100%;}

}

@media (min-width: 768px) and (max-width: 999px) {
  
.container {
    width:744px;
  }
  
 .headr_top{ height:auto; }
 .logo{ width:100%; margin-top:15px; text-align:center;}
 .headr_top .right{ width:100%;}
 .Call{ text-align:center; padding-bottom:10px;}
 
 .Mid_left{ width:460px;}
 .artc .row .cont{ width:60%;}
 
 /*--------27-05-2014--------*/
 
 .Prd_main_img{ width:45.5%; padding:.6%; height:auto;}
 .Prd_main_img img{ width:100%; height:100%;}
 .Prd_main_detl{ width:51%;}
 
 
 /*---------27-05-2014---------*/
 
 .map{ width:60%;}
 .map img{ width:100%; height:100%;}
  

}


@media (max-width:400px) {

.Prdbx{ width:97.5%; padding:1%; margin-left:0px; margin-right:0px;}


}

@media (max-width:350px) {

.artc .row .img {
    height: auto;
    padding: 1%;
    width: 97.5%;
}

.artc .row .cont, .artc .row .Fl, .artc .row .Fr{ width:100%; margin-top:10px;}
.Featr .bx{ width:100%; margin:0px 0px 15px 0px;}
.logo img{ width:100%; height:auto;}

}