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

*{padding:0;
margin: 0;
}
ul li{
		list-style:none;
		}
		body{
		    background: #FFF;
		}
		
 @media (max-width:767px){

		.container{
			width:100%;
			 }
			 	.articulos ul li img{
			 	    max-height: 300px;
					width:100%;}
					#tj{
					    font-size:10px;
					}

			 .header-1 img{
				 width:80px;
				 height:50px;
			     
			 }
				
			 
				 .head-2 img{ width: 20px;
				 height:20px;}

.product-drawing-h2{
			font-size:14px;
			text-align: center;
				}
	.product-drawing ul li p{
		display:block;
		padding-left:0;
		font-size:10px;
        height:  auto;
        text-align: center;
        
		}
	
			.related-blogs ul li h2{
			    font-size:12px;
				   
				}
					.related-blogs ul li p{
			    font-size:10px;
				   
				}
			
				.sirve p{
					
					width:100%;
					}
					.sirve img{
					width:100%;
					
					}
					.p{
					font-size:12px;
					font-weight:400;
					padding-left:0.2%;}
					.h1{
						font-size:20px;
						font-weight:700;
						}
						.h1-1{
						font-size:20px;
						font-weight:700;
						}
						.h2{
							font-size:16px;
							font-weight:600;
							}
							.blog .button{
										font-size:16px;
										width:100%;
										height:auto;
										}
							

	}
		
			 
			 
			 
	
.container{
	width:100%;
	margin: auto;
	overflow: hidden; 
	}
	
/* 	.w{
		background:#F2F2F2;
	width: 1200px;
	margin: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	}*/	
	
	/* CSS 抬头 */	
	.header{position: sticky;
		top:0;
		left:0;
		z-index:1100;
		width:100%;
	}
	.head-2 .contact{
	    font-size: 18px;
	}
	header{
	    overflow: hidden;
		background:#CCC;
	
		}
		.header-1{
			float:left;
			}
			
		.header-1 span{
				font-family: "Bodoni MT Black";
				font-size:20px;
				}
				
			.header-1-1{ 
			font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
			font-size:22px;
			font-weight:700;
			line-height:40px;
		height:40px;
		
			}
			
		.head-2	{
			margin-top:0.1%;
			display: inline-block;
		     vertical-align: middle;
		    	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		    		font-size:25px;
			font-weight:700;
			
	
		}
			
.head-2	img{
		  width: 30px;
		    height: 20px;
		}
	.industrial{
		font-size:28px;
		font-weight:700;
		line-height:70px;
		height:70px;
		}
		.header-2{
			line-height:70px;
		height:70px;
			}
		.h1{
		font-size:24px;
		text-align:center;
		font-weight:700;
		margin-top:1%;
		
		}
		h1{
		font-size:24px;
		text-align:center;
		font-weight:700;
		margin-top:1%;
		
		}
		.one{
		    color: #CCC;
		    font-size: 16px;
		    font-weight:600;
		}
		.h2-1{
			text-align:center;
			margin-top:0;
			font-size:20px;
			font-weight:600;}
		.h2{
			font-size:20px;
			font-weight:600;
			margin:0.5% auto;
			
			}
			h2{
				font-size:20px;
			font-weight:600;
			margin: auto;}
			h3{
				font-size:16px;
				font-weight:700;
				text-align: left;
			}
			.accordion h2{text-align:center;}
			.h3{
				font-size:16px;
				font-weight:700;
				text-align: left;
				
				}
				.h3-1{
					font-size:16px;
				font-weight:700;
				text-align:center;
				}
				p{
					font-size:16px;
					font-weight:400;
					margin-top:0.3%;
					}
					.p{
					font-size:16px;
					font-weight:400;
					margin-top:0.3%;
					}
					.pp{text-align:center;
					font-size:14px;
				
					}
	
.glyphicon .glyphicon-list{
	float:right;
	font-size:150px;
	
	
	
	}
	.cont1 .cont2{
	    width: 97%;
	    margin: auto;
	}

			

					
						/* CSS 文章的产品图 */	
						.about {text-align:right;}
						.about a{
							 text-align:right;
						font-weight:600;
						font-size:1.5em;
						color: #F00;}
							
					.about:hover a{
						color:#039;
						}
.product-drawing,.product-drawing1{
						
	margin:auto;
	overflow:hidden;
	}
	img{
		vertical-align:middle;
		margin:auto;
		text-align:center;
		
		}
		section img{width:60%;
		height:auto;}
		a{
			text-decoration:none;
			}
			
			tr,td,th{
				border:2px solid #000;
				padding-left:1%;
				}
				.hot_sales ul li{float: left;
		margin-right: 3%;
		box-shadow:2px 1px 14px 2px #CCCCCC;
		text-align:center;
		margin-top:1.5%;
		height: auto;
		border:1px solid #F5F5F5;}
			.hot_sales img{
		    vertical-align: middle;
		    width: 100%;
		     
		}
		
			
	.product-drawing ul li{
		box-shadow: 2px 2px 14px 2px #CCCCCC;
		text-align:center;
		font-size:14px;
		margin-right:2%;
		border:1px solid #EBEBEB;
		height: auto;
		margin-bottom:1%;
		margin-left:0.5%;
		}
		.product-drawing1 ul li{
		    margin-left: 0.633%;
		box-shadow:2px 1px 5px 2px #CCCCCC;
		text-align:center;
		margin-bottom: 1%;
		margin-top: 1%;
		height: auto;
		border:1px solid #E2E2E2;
		}
	.product-drawing ul li p{
		
	   height:auto;
		font-size:12px;
		text-align: center;
		}
	.product-drawing1 ul li p{
	   height:auto;
		font-size:10px;
		text-align: center;
		 position: absolute;
		 width: 100%;
            top: 50%;
            left: 65%;
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
		}	

		.product-drawing ul li:hover a{
			color:#F00;
			text-decoration:none;
			}
			.product-drawing1 ul li:hover{color:#F00;
			text-decoration:none;}
		.product-drawing ul li img{
			width:100%;
			height: auto;
			}
			
		.modelo ul li,.modelos ul li{float: left;
		margin-right: 3%;
		box-shadow:2px 1px 14px 2px #CCCCCC;
		text-align:center;
		margin-top:1.5%;
		height: auto;
		border:1px solid #F5F5F5;}
		.modelo img,.modelos img{
		    width: 100%;
		}
			.articulos h2{ text-align:left;
			font-size:20px;
			color:#333;
			padding-left:2%;
			}
			.articulos p{text-align:left;
			color:#009;
			font-size:14px;
			padding: 0 2%;
			height:auto;
			}
			.articulos {
				margin-bottom:2%;
				
				}
				.articulos ul li img{
					max-height: 300px;
					width:100%;}
			.articulos ul li{
			    width: 30%;
				box-shadow:5px 5px 5px #CCCCCC;
				height: auto;
				margin-right: 2%;
				}
				.articulos ul li p{
				    text-align: center;
				}
			
			.articulos ul li h2:hover {
				color:#F00;
				text-decoration:none;
				}
				.related-blogs ul li{
				    box-shadow:5px 5px 5px #CCCCCC;
				height: auto;
				}
					.related-blogs ul li h2{
			    font-size:16px;
				   
				}
					.related-blogs ul li p{
			    font-size:14px;
				   
				}
				#myBtn1{
  -webkit-box-shadow: inset 2px 2px 10px #888;
		text-align:center;
		border:0px solid #F5F5F5;
		background: #E6E6FF;
	text-decoration: none;
	vertical-align: middle;
	outline: none;
	font-size: 16px;
	font-weight: 700;
	width: 100%;
	border-radius:80px;
	-webkit-border-radius:20px; 
	 -moz-border-radius:20px; 
	 padding-bottom: 2%;
	 padding-top: 1%;
	 margin: 2% auto;
			}
		#myBtn1:hover{
						    box-shadow:2px 1px 14px 2px #F63;
						    
						}
					
			
			.sirve{
				margin:auto;
				overflow:hidden;
				margin-top:1%;
				}
				/*.sirve p{
					float:left;
					width:50%;
					}
					.sirve img{
					float: right;
					width:50%;
					
					} */	
					
						.industriales{
							margin:auto;
							margin-top:1%;
							}
							.funciona{
								margin: auto;
								margin-top:1%;
								}
								.center-block{
									margin-bottom:2%;}
									
									.button{
										background:#000;
										color:#FFF;
										font-weight:700;
										font-size:20px;
										width:20%;
										height:auto;}
										.button:hover{
											color:#F00;}
													/* CSS  手风琴 */			
								
								
.accordion{
	width: 99%;
	margin: auto;
	}
.accordion section{
	width:100%;
	margin:5px;
	box-shadow:0 5px 10px #CCCCCC;
	}

		.accordion-img{
		vertical-align:middle;}
		.details{
			overflow:hidden;}
			.details img{
				width:25%;
				height:auto;
				margin:auto;}
		
	 summary{
		padding:15px;
		background: #FFF;
		color: #000;
		border:2px solid  #F00;
		position: relative;
		list-style:none;
		outline:none;
		font-weight:700;
		font-size:18px;
		}
		summary:hover{
			background:#CCC;
			
			}
			 details  img{
				 width:60%;
				 height:auto;}
				 
				 details{overflow:hidden;}
		
	 details p{
		font-size:16px;
		padding:15px;
		color: #000;
		background: #FFF;
		}	
		summary::after{ position:absolute;
		content:'+';
		top:10px;
		right:15px;
		font-size:30px;
		color: #000;
		transition: 2s linear;}
		details[open] summary::after{
			transform:rotate(135deg);
			}
			details[open] summary{
				
				color: #000;}
									#rodillos div{
					 	margin-right:2%;
		box-shadow:2px 2px 14px 2px #CCCCCC;
		text-align:center;
		margin-top:1.5%;
		height: auto;
		border:1px solid #F5F5F5;
		margin-bottom:2%;
					}
					#rodillos img{
					 	width:100%;
			height: auto;   
					}
					#rodillos p{
		text-align:center;
		font-size:14px;
		}
				
				#Nuestra{
				   
				    vertical-align: middle;
				    
				}
				#Nuestras{
				    
				   vertical-align: middle;
				}
				#Nuestras:nth-child(1){
				    background:#F3F3F3;
				    border:3px solid #CCC;
				}
					#Nuestras:nth-child(3){
				    background:#F3F3F3;
				    border:3px solid #CCC;
				}
					#Nuestras:nth-child(5){
				    background:#F3F3F3;
				    border:3px solid #CCC;
				}
				#Nuestras:nth-child(2){
				    background: #DEF;
				    border:3px solid #CCC;
				}
				#Nuestras:nth-child(4){
				    background: #DEF;
				    border:3px solid #CCC;
				}
				#Nuestras_1 p{
				    display: table-cell;
				
				    height:100px;
				   border:3px solid #CCC;
				   text-align: center;
				   font-size:20px;
	font-weight:700;
	vertical-align: middle;
				}
								#contact{position:fixed;
				width:100%;
    z-index: 1100;
    overflow: hidden;
    border: 0px #ccc solid;
    bottom: 150px;
	left:20px;
				    
				}

						#contact a,#contact1 a{ 
				    border: 0px #ccc solid;
				    
				}
				#tj{
				    background:#000;
		color:#FFF;
		font-weight:700;
		font-size:16px;
		border: 0px #ccc solid;
		border-radius:20px;
		color:#FFF;
	background:#69C;
	z-index: 10;
	border: 0px #6CF solid;	
	
				}
				#sanjiao{
				    position:fixed;
				    bottom: 140px;
				    left:43px;
				    background: #69C;
				    width: 0;
				    height: 0;
				    border: 20px solid #6CF;
				    border-left-color: transparent;
				    border-bottom-color: transparent;
				    border-right-color: transparent;
				    transform: rotate(45deg);
				}
		#tj:hover{background: #006;
		color: #F00;}		
				
				#INDEXT_RB_AD {
												position:fixed;
												
												
												
   
   width:80px;
  height:80px;
    z-index: 1100;
    overflow: hidden;
    border: 0px #ccc solid;
    bottom: 80px;
	left:20px;
    }
	#INDEXT_RB_AD img{
		width:60px;
		height:60px;}
#top {
position:fixed;
 
   width:80px;
  height:80px;
    z-index: 1100;
    overflow: hidden;
    border: 0px #ccc solid;
    bottom: 60px;
    right: 5px;
    }
	#top img{
	    float: right;
		width:30px;
		height:30px;}
								
			#INDEXT_RB_AD {
												position:fixed;
												
												
												
   
   width:80px;
  height:80px;
    z-index: 1100;
    overflow: hidden;
    border: 0px #ccc solid;
    bottom: 50px;
	left:30px;
    }
    				#INDEXT1 {
												position:fixed;

   width:80px;
  height:80px;
    z-index: 1100;
    overflow: hidden;
    border: 0px #ccc solid;
    bottom:200px;
	left:30px;
    }
	#INDEXT_RB_AD img,#INDEXT1 img{
		width:80px;
		height:80px;}
								
		#top {
position:fixed;

   width:80px;
  height:80px;
    z-index: 1100;
    overflow: hidden;
    border: 0px #ccc solid;
    bottom: 60px;
    right: 5px;
    }
	#top img{
	    float: right;
		width:30px;
		height:30px;}
														
								
								/* CSS footer 页脚 */	



footer{
															margin: auto;
															background: #F4F4F4;
															margin-top:1%;
															
															text-align:center;
															overflow:hidden;
															}
															.footer1,.footer2,.footer3{
																float:left;
																font-size:16px;
																
																}
														
																footer a{
																	color: #666;
																	}
																	footer a:hover{
																		color: #F00;}
																	.footer2 ul li:first-child,.footer3 ul li:first-child{
																		font-size:16px;
																		font-weight:700;
																		}
																		.footer1 ul li:nth-child(2){
																			font-size:18px;
																		font-weight:700;}
																		.us1{
																			display:none;}
																			.footer3{ font-weight:700;}
																			footer ul li{
																				margin-top:2%;
																				color:#666;}
																																								.company{
																					text-align:center;
																					font-size:14px;
																					color:#039;}
																				
																	/*聊天框*/			
																				
									#INDEXT {
										position:fixed;
										right:1%;
										bottom:2%;
											width: 420px;
											height: auto;
											
												
												



    }
    .mexico{
           display: inline-block;
           box-shadow:2px 1px 14px 2px #CCCCCC;
		margin:2% 1%;
		border:1px solid #F5F5F5;
		 vertical-align: middle;
       }

	.mexico img{
	    width: 45%;
	    height: auto;
	}
		.mexico:hover{
		    box-shadow: -1px 5px 10px 5px #F93;
		    border: 1px solid #F5F5F5;
		}
		.mexico{
		    margin-top: 30px;
		    height:auto;
	       font-size: 20px;
		  vertical-align: middle;
		  font-weight: 600;
		  padding-left: 2%;
		}