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

*{padding:0;
margin: 0;
}
ul li{
		list-style:none;
		}
		
body{background: #EFEFEF;}
 @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,.product-drawing1 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;
	 
	}
	
/* 	.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;
	   
	}
	header{
	    overflow: hidden;
		background:#FFF;
	
		}
		.header-1{
			float:left;
			}
			.header-1 img{
			    width: 100%;
			}
		.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:1%;
		    display: inline-block;
		     vertical-align: middle;
		}
		.head-2 img{
		    height: 20px;
		    width: 30px;
		}
	.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:0.5%;
		
		}
		.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:0.5% 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:16px;
					font-weight:600;
					}
	
.glyphicon .glyphicon-list{
	float:right;
	font-size:150px;
	
	
	
	}
	
	/*手机版抬头按钮*/
	
	.navbar-toggler {
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    padding: 0.25rem 0.75rem;
    font-size: 1.25rem;
    line-height: 1;
	height:50px;
	width:50px;
	}
	.navbar-toggler:hover, .navbar-toggler:focus {
    text-decoration: none;
}
.navbar-toggler {
    color: rgba(0, 0, 0, .5);
    border-color: rgba(0, 0, 0, .1);
}
	button, [type=button], [type=reset], [type=submit] {
    -webkit-appearance: button;
}
button {
    outline: none !important;
	text-transform: none;
	overflow: visible;
	margin: 0;
	height:50px;
	width:50px;
	    appearance: auto;
    writing-mode: horizontal-tb !important;
    font-style: ;
    font-variant-ligatures: ;
    font-variant-caps: ;
    font-variant-numeric: ;
    font-variant-east-asian: ;
    font-variant-alternates: ;
    font-weight: ;
    font-stretch: ;
    font-size: ;
    font-family: ;
    font-optical-sizing: ;
    font-kerning: ;
    font-feature-settings: ;
    font-variation-settings: ;
    text-rendering: auto;
    color: buttontext;
    letter-spacing: normal;
    word-spacing: normal;
    line-height: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: center;
    align-items: flex-start;
    cursor: default;
    box-sizing: border-box;
    background-color: buttonface;
    margin: 0em;
    padding: 1px 6px;
    border-width: 2px;
    border-style: outset;
    border-color: buttonborder;
    border-image: initial;
}
.navbar-collapse {
	display:none;
	position:fixed;
	right:1%;
	top:0;
	width:70%;
	height:100%;
	border: 2px solid #BDBDBD;
	background:#F7F7F7;
}
.navbar-collapse ul li{
	border-bottom:1px solid #CCC;
	color:#36F;
	font-size:12px;
	padding-left:1%;
	margin-top:2%;
	}
	.navbar-collapse ul li a{
		color: #000;
	font-size:12px;
	padding-left:1%;}
	
.ml-auto, .mx-auto {
    margin-left: auto !important;
}
.navbar-nav {
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
}
.navbar-dt::after{
					position:absolute;
					top:10px;
					right:10px;
					height:10px;
					width:10px;
					font-size:14px;
					font-family:'icomoon';
					content:'';
					border-bottom:3px solid #000;
					border-right: 3px solid #000;
					transform: rotate(45deg);
					transition:all 0.6s;
					
					
					}
.navbar-navitems::after{position:absolute;
					top:10px;
					right:50px;
					height:10px;
					width:10px;
					color:#000;
					font-size:14px;
					font-family:'icomoon';
					content:'';
					border-bottom:3px solid #000;
					border-right: 3px solid #000;
					transform: rotate(45deg);
					transition:all 0.6s;
					}
					.navbar-dropdown .navbar-dt:hover::after{
						transform: rotate(225deg);}
						.navitems .navitems-1:hover::after{
						transform: rotate(225deg);}
				
				.navbar-dd ul li:hover a{
					text-decoration: none;
					color: #F00;}
					.navitems .nav-li ul li:hover a{
					text-decoration: none;
					color: #F00;}
					
					.navbar-dt{width: 100%;
			color: #000;
			text-align: left;
			font-size:16px;
			line-height:30px;
			height:30px;
			}
			
					 .navbar-navitems{
						
			width: 100%;
			color: #000;
			text-align: left;
			font-size:16px;
			line-height:30px;
			height:30px;
			
			}
			.mobile-phone-nav-li{
				display:none;
				}
				.mobile-phone:click .mobile-phone-nav-li{
					display:block;}
			
			.navbar-dt-a{
				color: #000;
				padding-left:2%;
				font-size:14px;
				}
			.navbar-dropdown:hover .navbar-dt-a{
					text-decoration: none;
					color:#F00;}
					.navbar-dropdown:hover .navbar-navitems-a{
					text-decoration: none;
					color:#F00;}
					.navitems:hover .navbar-navitems-a{
					text-decoration: none;
					color: #F00;}
					.navbar-dropdown{
						width:100%;
						border-bottom:1px solid #CCC;
						list-style:none;
						}

		.navbar-dd,.mobile-phone-nav-li{
				 box-shadow: 1px 1px 2px #F3F3F3;
				 background: #000;
				 position:absolute;
				 margin:auto;
				 display:none;
				 z-index:1000;
				overflow:scroll;
				
				 
			}
			.delete:hover .navbar-collapse{
						display:none;}
			.navbar-dd ul li:hover a{
					text-decoration: none;
					color: #F00;}
					.navbar-dropdown .navbar-dd ul li a{
				display:block;
				font-size:10px;
				color: #FFF;
				text-align: left;
				margin: auto;
				padding-left:2%;
				}
					
					.navbar-dropdown,.mobile-phone{
		
		position: relative;
		
		
		}
		/*.navbar-dropdown:hover .navbar-dd{
				display:block;*/
				
				.navbar-navitems:hover::after{
						transform: rotate(225deg);}
						.navbar-dd ul li:hover{
					background: #006;
					}
.navbar-navitems-a{color: #000;
			height:30px;
			line-height:30px;
			font-size:12px; }


			
			/* CSS 电脑版导航栏 */	
			
	.nav{ 
margin: auto;
background: #000;

	}


nav .dropdown a{color:#FFF;}
	.nav-1{
		width:90%;
		margin:auto;}
			nav .dropdown{
	    width: 14%;
	    margin: 0.5% auto;
	
	}
		
		.nav-1 a{
			color:#FFF;
		
			}
	.dropdown,.navitems{
		float:left;
		position: relative;
		
		
		}
		.navitems{ width:100%;
		float: left;
		
		
		}
		.navitems-a{
			color:#FFF;
			height:50px;
			line-height:50px;
			font-size:18px; }
			
		.dropdown .dt,.navitems .navitems-1{
			width: 100%;
			color: #000;
			text-align:center;
			font-size:16px;

		
			
			}
			.dropdown .dt1{
			    width: 100%;
			color: #000;
			text-align:center;
			font-size:16px;
			    line-height:50px;
			height:50px;
			}
		.dropdown .dd, .navitems .nav-li{
				 box-shadow: 1px 1px 2px #F3F3F3;
				 background: #000;
				 position:absolute;
				 margin:auto;
				 display:none;
				 z-index:1000;
	
			}
			.nav-li{ display:none;}
			
			.navitem {
				width:100%;
				}
					.navitem:hover .nav-li{
				display:block;
				}
			.navitems:hover .nav-li{
				display:block;
				}
				.dropdown:hover .dd{
				display:block;
				}
				.dropdown:hover .dt-a{
					text-decoration: none;
					color:#FFF;}
					.navitems:hover .navitems-a{
					text-decoration: none;
					color:#FFF;}
					.navitems-a{
			color:#FFF;
			height:50px;
			line-height:50px;
			font-size:18px; }
				
		.dropdown .dd ul li,.navitems ul li{
				
				border-bottom:2px solid #333;
				
								
				}
				.navitems ul li:hover{
					background: #006;
					}
				.dropdown .dd ul li:hover{
					background: #006;
					}
					
			.dropdown .dd ul li a{
				display:block;
				font-size:16px;
				color: #FFF;
				text-align: center;
				margin: auto;
				
				}	
				.navitems .nav-li ul li a{
				display:block;
				font-size:16px;
				color: #FFF;
				text-align: left;
				margin: auto;
				padding-left:2%;
				}
				.dt-a{
					color: #FFF;
					font-weight:600;
					font-size:12px;
					 padding: 5% auto;
					
					}
				.dt::after{
					position:absolute;
					top:0px;
					right:5%;
					height:10px;
					width:10px;
					font-size:14px;
					font-family:'icomoon';
					content:'';
					border-bottom:3px solid #FFF;
					border-right: 3px solid #FFF;
					transform: rotate(45deg);
					transition:all 0.6s;
					
					}
					.navitems-1::after{position:absolute;
					top:17px;
					right:5%;
					height:10px;
					width:10px;
					font-size:14px;
					font-family:'icomoon';
					content:'';
					border-bottom:3px solid #FFF;
					border-right: 3px solid #FFF;
					transform: rotate(45deg);
					transition:all 0.6s;
					}
					.dropdown .dt:hover::after{
						transform: rotate(225deg);}
						.navitems .navitems-1:hover::after{
						transform: rotate(225deg);}
				
				.dropdown .dd ul li:hover a{
					text-decoration: none;
					color:#FFF;}
					.navitems .nav-li ul li:hover a{
					text-decoration: none;
					color:#FFF;}
					.nav-li{
						width:100%;}
					
					
					
					
						/* CSS 文章的产品图 */	
						button{
						    width: 90%;
						    margin: auto;
						    background: #CCC;
						    box-shadow:2px 1px 14px 2px #CCCCCC;
						    border:1px solid #F5F5F5;
						    font-size: 18px;
						    font-weight: 600;
						}
						button:hover{
						   background: #F00; 
						}
						.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{
						
	margin: 1% auto;
	overflow:hidden;

	}
	img{
		vertical-align:middle;
		margin:auto;
		text-align:center;
		
		}
		section img{width:60%;
		height:auto;}
	ul li{
		list-style:none;
		}
		a{
			text-decoration:none;
			}
			
			tr,td,th{
				border:2px solid #000;
				padding-left:1%;
				}
				#dobladora ul li{
				    margin-left: 3%;
				}
				#dobladora ul li .pp{
				    font-size: 14px;
				    font-weight:600;
				    text-align: center;
				    
				}
			
	.product-drawing 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;
		
		}

	.product-drawing ul li p,.product-drawing1 ul li p{
		
	   height:auto;
		font-size:12px;
		text-align: center;
		}
		.product-drawing-h2{
			font-size:16px;
				color:#006;
		    text-align: center;
		}
		.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,.product-drawing1 ul li{
			width:100%;
			height: auto;
			}
			.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 ul li img{
					max-height: 300px;
					width:100%;}
			.articulos ul li{
				box-shadow:5px 5px 5px 2px #CCCCCC;
				height: auto;
				margin: 2% 0 2% 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 2px #CCCCCC;
				height: auto;
				margin-right: 2%;
				border: 1px solid #CCCCCC;
				}
					.related-blogs ul li h2{
			    font-size:16px;
				   
				}
					.related-blogs ul li p{
			    font-size:14px;
				   
				}
			
			.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;
				    border:3px solid #CCC;
				    
				}
				#Nuestras{
				   vertical-align: middle;
				}
				#Nuestras p{
				    width: 100%;
				}
				#Nuestras:nth-child(1){
				    background:#F3F3F3;
				   
				}
					#Nuestras:nth-child(3){
				    background:#F3F3F3;
				   
				}
					#Nuestras:nth-child(5){
				    background:#F3F3F3;
				  
				}
				#Nuestras:nth-child(2){
				    background: #DEF;
				   
				}
				#Nuestras:nth-child(4){
				    background: #DEF;
				   
				}
				#Nuestras_1 p{
				   
				   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;
				    
				}
					#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;
						    
						}
				#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: 50px;
	left:30px;
    }
	#INDEXT_RB_AD img{
		width:80px;
		height:80px;}
								
								
			#INDEXT_RB_AD_1 {
												position:fixed;
												
												
												
   
   width:80px;
  height:80px;
    z-index: 1100;
    overflow: hidden;
    border: 0px #ccc solid;
    bottom: 50px;
	left:30px;
    }
	#INDEXT_RB_AD_1 img{
		width:80px;
		height:80px;}						
								/* 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;
											
												
												



    }
    
    	/*联系*/	
    	
    #encontactus{
        margin: 5% auto;
        border:0px solid ;
    }
    #encontactus tr,td{
        border:0px solid ;
    }
    
    #encontactus input{
        width: 100%;
        margin: auto;
        height: 40px;
        line-height: 40px;
    }
    table tr:nth-child(even){
        margin:auto;
        margin-bottom: 5%;
        height: 50px;
    }

    #encontactus button{
        width: 50%;
        background: #39F;
        text-align: center;
        margin: 3% auto;
        border: 0px solid #39F;
        font-size: 18px;
        font-weight: 600;
    }
    
     #encontactus button:hover{
         color: #F00;
     }   
     #encontactu{
         margin: 10% auto;
     }