@charset "utf-8";
/* CSS Document */

.videos
{
width:150px;
height:30px;
float:left;
background-image:url(../images/videos.jpg);
color:#fff;
padding-top:7px;
text-align:center;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin-top:15px;
font-family: 'Roboto', sans-serif;
}
.videos a{
text-decoration:none;
color:#fff;
font-size:16px;


}

.videos:hover{

background-image:url(../images/videos_h.jpg);

}

.videos:hover
{background-color:#ae0f08
transition:1s;}
h3
{
margin:0px;
padding:0px;
line-height:normal;
font-weight:normal;
font-size:40px;
text-transform:uppercase;

font-family: 'Lato', sans-serif;
color:#df221e;}

h4
{
margin:0px;
padding:0px;
line-height:normal;
font-weight:normal;
font-size:40px;
text-transform:uppercase;
color:#fff;
font-family: 'Roboto', sans-serif;
color:#fff;}


body
{
margin:0px;
padding:0px;
}

.main
{
width:100%;
height:900px;
position:relative;
background-color:#fff;}

.banners{
width:100%;
height:630px;
position:absolute;
background-image:url(../images/footprint.jpg);
background-attachment:fixed;
}
.heads{
width:100%;
height:73px;
position:absolute;


}

.pro{
width:100%;
height:268px;
position:absolute;

top:200px;


}
.pro_one{
width:980px;
height:268px;
margin:0px auto;
}
.inn_pro
{ width:433px;
height:268px;
float:left;


}

.cap
{
width:510px;
height:268px;
float:right;
}
.inn_head
{
width:980px;
height:43px;
margin:0px auto;
}
.intro{
width:100%;
height:520px;
background-image:url(../images/mission.jpg);
background-position:center;
margin:0px auto;
padding-top:82px;

margin-top:25px;}
.mission
{
width:980px;
height:450px;
margin:0px auto;

}
.inn_mission
{
width:540px;
height:450px;
float: right;
}

.inn_mission ul
{
margin:0px;
padding:0px;
float:left; margin-right:25px;
margin-top:20px; 
font-family: 'Roboto', sans-serif;
list-style-position:inside;
list-style-image:url(../images/list.jpg);
color:#7e8082;}

.inn_mission ul li
{
margin-bottom:8px;}

.menus{
width:570px;
height:43px;
float:right;

}

 #header {
      background: url(../images/menu_bg.png);
      color: white;
	  height:72px;
font-family: 'Roboto', sans-serif;
box-shadow:0px 0px 3px #666;
      font-size: 18px;
      line-height: 1.6em;
      
      text-align: center;

      text-shadow: 0 1px 1px rgba(0,0,0,.2);
      width:100%;
      box-sizing:border-box;

	  
	  
	  
	  
    }
	p
	{
	margin:0px;
	padding:0px;
	font-family: 'Roboto', sans-serif;
	color:#fff;
	text-align:left;
	line-height:23px;
	
	}
.top_bot
{
width:100%;
height:230px;
position:absolute;
bottom:0px;
padding-top:80px;
background-color:#fff;}

.inn_top_bot
{
width:980px;
height:164px;
margin:0px auto;
}

.we
{
width:130px;
height:164px;
float:left;
padding-left:23px;
border-left:2px solid #4b4e53;}

.quality{
width:130px;
height:150px;
float:right;
margin-left:120px;
padding-top:14px;
}

.gallery{
width:980px;
height:400px;
margin:0px auto;

margin-top:50px;}




.pro_gallery{
width:980px;
height:230px;
margin:0px auto;

margin-top:25px;}


.footer
{
width:100%;
height:325px;
margin:0px auto;
padding-top:50px;
background-image:url(../images/footer.jpg);
background-position:center;
}

.inn_footer{
width:980px;
height:300px;
margin:0px auto;
}
.address{
width:880px;
height:138px;
margin:0px auto;
margin-top:45px;
}
.ph
{
width:190px;
height:138px;
float:left;
margin-right:139px;
}

.copyright
{
width:100%;
height:auto;
margin:0px auto;}	











.about1{
width:980px;
height:450px;

margin:0px auto;
margin-top:35px;}

.inn_about1{
width:660px;
height:450px;
float:left;
}
.products1
{
width:270px;
height:450px;
float:right;
}













.about{
width:980px;
height:650px;

margin:0px auto;
margin-top:35px;}

.inn_about{
width:660px;
height:650px;
float:left;
}
.products
{
width:270px;
height:650px;
float:right;
}

.products ul
{
margin:0px;
padding:0px;
float:left; margin-right:25px;
margin-top:30px; 
font-family: 'Roboto', sans-serif;
list-style-position:inside;
margin-left:15px;
list-style-image:url(../images/p1.png);
color:#7e8082;}

.products ul li
{
margin-bottom:13px;}

.products ul li a
{
color:#7e8082;
text-decoration:none;

}
.products ul li:hover
{
list-style-image:url(../images/p2.png);}
.products ul li a:hover
{
color:#cd2323;
}
.na
{
width:98%;
height:30px;
float:left;
background:none;
font-family: 'Roboto', sans-serif;
border:none;
border:1px solid #dfdfdf;
font-size:14px;
margin-bottom:15px;
padding-left:1%;
color:#7e8082;}

.na_sub
{width:150px;
height:30px;
float:left;
background:none;
font-family: 'Roboto', sans-serif;
border:none;
background-color:#cd2323;
font-size:14px;
margin-bottom:15px;
text-transform:uppercase;
color:#fff;}

.pro_list{
width:230px;
height:240px;
float:left;
border:1px solid #dfdfdf;
color:#fff;
font-size:16px;
line-height:22px; margin-right:17px;
margin-bottom:25px;

font-family: 'Roboto', sans-serif;
 text-align:center;
background-image:url(../images/test.jpg);

background-position: center bottom;
background-repeat:no-repeat;
}

 .out_pop{
 width:100%;
 height:auto;
 float:left;
 height:300px;
}
 .pop
 {
 width:220px;
 height:185px;
 float:left;
 margin-right:20px;
 margin-bottom:20PX;
 }
 
.pro_mdl{float:left; width:28%; height:auto; padding:2px 8px; margin-top:12px; background:#1b7fcd;}

.pro_size{ float:right; width:65%; height:auto;}

.pro_size p{ text-align: left; color:#999; line-height:17px; font-size:14px; padding:10px; color:#717171;}
 
 
 
 
@media only screen and (max-width: 768px) {
.logo
{
background-color:#000000;
width:100%;
float:left;}
 .out_pop{
 width:100%;
 height: auto;
 margin:0px auto;
 

}
 .pop
 {
 width:220px;
 height:185px;
 margin:0px auto;

}
.about{
width:100%;
height:auto;

margin:0px auto;
margin-top:35px;
}

.inn_about{
width:97%;
height:auto;
margin:0px auto;
padding:1.5%;
background-color:#fff;
}
.products
{
width:270px;
height:auto;
margin:0px auto;
margin-right:50px;
}


.about1{
width:100%;
height:auto;

margin:0px auto;
margin-top:35px;
}

.inn_about1{
width:97%;
height:auto;
margin:0px auto;
padding:1.5%;
background-color:#fff;
}
.products1
{
width:100%;
height:auto;
margin:0px auto;
}












.footer
{
width:100%;
height:auto;
margin:0px auto;
padding-top:50px;
background:none;
background-color:#181818;

}

.inn_footer{
width:100%;
height:600px;
margin:0px auto;
}
.address{
width:100%;
height:auto;
margin:0px auto;
margin-top:35px;
}
.ph
{
width:190px;
height:138px;

margin:0px auto;
margin-bottom:15px;
margin-left:50px;
}















.gallery{
width:100%;
height:400px;
margin:0px auto;

margin-top:50px;}

.pro_gallery{
width:80%;
height:230px;
margin:0px auto;

margin-top:25px;}









.top_bot
{
width:100%;
height:auto;
position:absolute;




background-color:#fff;}

.inn_top_bot
{
width:100%;
height:auto;
margin:0px auto;
}

.we
{
width:100%;
height:164px;
margin:0px auto;

border-left:2px solid #4b4e53;}

.quality{
width:130px;
height:150px;
float:left;
margin:0px;

padding-top:14px;
}















 #header {
      background: none;
	  background-color:#000000;
      color: white;
	  height:72px;
font-family: 'Roboto', sans-serif;
border-bottom:1px solid #595959;
      font-size: 18px;
      line-height: 1.6em;
      
      text-align: center;

      text-shadow: 0 1px 1px rgba(0,0,0,.2);
      width:100%;
      box-sizing:border-box;

	  
    }
.main
{
width:100%;
height:1300px;
position:relative;
background-color:#fff;}

.banners{
width:100%;
height:auto;
position:absolute;
background-image:url(../images/footprint.jpg);
background-attachment:fixed;}
.heads{
width:100%;
height:73px;
float:left;


}

.pro{
width:100%;
height:268px;
position:absolute;

top:120px;


}
.pro_one{
width:100%;
height:268px;
margin:0px auto;
}
.inn_pro
{ width:100%;
height:268px;
float:left;
background-image:url(../images/footprint.jpg);	


}
.cap
{
width:100%;
height:auto;
float:left;
padding-bottom:15px;
padding-top:15px;
background-color:#000;}
.inn_head
{
width:100%;
height:auto;
margin:0px auto;
}
.intro{
width:100%;
height:auto;
background:none;
background-color:#eee;
margin:0px auto;}

.mission
{
width:100%;
height:630px;
margin:0px auto;

}
.inn_mission
{
width:100%;
height:480px;
float: right;
}


.menus{
width:100%;
height:43px;
margin:0px auto;
}
}