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

*{padding:0;
margin: 0;
}
li{
	list-style:none;
	}
 @media (max-width:767px){
		.container{
			width:100%;
			margin: auto;
			
			 }
			 .header-1 img{
				 width:80px;
				 height:50px;}
				.contact img{
					width:20px;
					height:20px;}
				 .contact{
					 font-size:8px;
					 height:28px;
					 line-height:28px;
					 padding-left:2%;
					
					}
					.head-2{
						margin-left:3%;
						}

	
	.one{border:1px solid #F00;}
		
			 .header-1 img{
				 width:70px;
				 height:50px;}
					.p{
					font-size:12px;
					font-weight:400;
					padding-left:0.2%;}
					.pp{text-align:center;
					font-size:12px;
					font-weight:600;
					}
					.h1{
						font-size:20px;
						font-weight:700;
						}
						.h2{
							font-size:18px;
							font-weight:600;
							}
						 		.cara ul li{
											margin-top:5%;
											padding-top:15%;}
											 summary{
		
		font-size:14px;
		}
		article img{
			width:100%;
			height:auto;
			text-align:center;}
			
		
	}

	
.container{
	width:100%;
	margin: auto;
	
	}
	/*.w{
		
	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;}
			
		
		
	.industrial{
		font-size:30px;
		font-weight:700;
		line-height:70px;
		height:70px;
		}
		.header-2{
			line-height:50px;
		height:50px;
			}
				
		.head-2	{

			font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
			font-size:22px;
			font-weight:700;
			line-height:50px;
		height:50px;
		}
		.contact{font-size:16px;
			font-weight:400;
			}
			.contact a{
				font-size:16px;
			font-weight:400;
		
			}
			
	.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%;
		
		}
		.h2-1{
			text-align:center;
			font-size:20px;
			font-weight:600;
			margin-top:1%;
			margin-bottom:1%;}
		.h2{
			font-size:20px;
			font-weight:600;
			padding-left:1%;
			margin:auto;
			margin-top:2%;
			margin-bottom:1%;
			
			}
		
			h2{
				font-size:20px;
			font-weight:600;
			padding-left:1%;
			margin: auto;
			margin-top:2%;
			margin-bottom:1%;}
			h3{
				font-size:16px;
				font-weight:700;
				text-align: left;
				padding-left:1%;}
			.accordion h2{text-align:center;}
			.h3{
				font-size:16px;
				font-weight:700;
				text-align: left;
				padding-left:1%;
				}
				.h3-1{
					font-size:16px;
				font-weight:700;
				text-align:center;
				}
				p{
					font-size:16px;
					font-weight:400;
					margin-top:1%;
					padding-left:1%;}
					.p{
					font-size:16px;
					font-weight:400;
					margin-top:1%;
					padding-left:1%;}
					.pp{text-align:center;
					font-size:18px;
					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;
    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;
}
button:hover .navbar-collapse{
    display: block;
    
}
/*手机版导航*/
.navbar-collapse {
	display:none;
	position:fixed;
	right:1%;
	top:0;
	width:80%;
	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%;
				}
			.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;
				
				
				 
			}
			.navbar-dd ul li:hover a{
					text-decoration: none;
					color: #F00;}
					.navbar-dropdown .navbar-dd ul li a{
				display:block;
				font-size:14px;
				color: #FFF;
				text-align: left;
				margin: auto;
				padding-left:2%;
				}
					
					.navbar-dropdown,.mobile-phone{
		
		position: relative;
		
		
		}
		
				.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;
height:auto;
background: #000;
width:100%;


	}

		.nav-2{
		color: #000;
			text-align:center;
			font-size:12px;
			line-height:50px;
			height:50px;
			
			}
		
		
		.nav-1 a{
			height:50px;
			line-height:50px;
			color:#FFF;
			font-size:12px;
			}
			.molino{
				width:15%;}
				.motocarro{width:15%;}
				
	.dropdown,.navitems{
		float:left;
		position: relative;
		}
		.dropdown{
			width:15%;}
		.nav-nav{
			width:70%;
			margin-left:20%;}
		
		
		.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;
			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;
				 margin-left:25%;
				
				
				
				
			}
			.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:12px;
				color: #FFF;
				text-align: left;
				margin: auto;
				padding-left:2%;
				}	
				.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-size:12px;
					
					}
					.dropdown:hover .dt-a{
						color:#F00;}
				.dt::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;
					
					}
					.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 文章的产品图 */		
						.breadcrumb{
							background:#FFF;}
					
					.product-drawing{
						
	margin:auto;
	overflow:hidden;
	
	}
	
		article a:hover{
			color:#F00;}
		/* CSS 视频样式 */		
	.youtube{position: relative;}
.elementor-video-iframe{max-width: 100%;width: 100%;border: none;position: absolute; height:500;}
			tr,td,th{
				border:2px solid #CCC;
				padding-left:1%;
				}
				.table{
					overflow:hidden;
					
					}
	img{
		vertical-align:middle;
		margin:auto;
		text-align:center;
		size:(max-width: 320px) 300w, 1200w;
		margin-bottom:2%;
	
		
		}
		section img{width:60%;
		height:auto;
		vertical-align:middle;
		}
		.num{
			font-size:3.0em;
			font-weight:700;
			text-align:center;}
		
	ul li{
		list-style:none;
		}
		a{
			text-decoration:none;
			}
			 a:hover{ color:#F00;}
	
	.product-drawing ul li{
		float: left;
		width:31%;
		margin-left:1%;
		box-shadow:2px 1px 14px 2px #CCCCCC;
		background:#FFF;
		text-align:center;
		margin-top:2%;
		border:1px solid #F5F5F5;
		}
	
		.product-drawing ul li:hover a{
			color:#F00;
			text-decoration:none;
			}
		.product-drawing ul li img{
			width:100%;
			height: auto;
			}
			.product-drawing-h2{
				color:#006;}
			.sirve{
				margin:auto;
				overflow:hidden;
				margin-top:1%;
				}
				.sirve p{
					float:left;
					width:50%;
					}
					.sirve img{
					float: right;
					width:50%;
					
					}
					.furgon div{
						width:24%;}
						div img{
							margin-top:2%;
							margin-bottom:2%;}
					
						.industriales{
							margin:auto;
							margin-top:1%;
							}
							.funciona{
								margin: auto;
								margin-top:1%;
								}
								.característica{
									overflow:hidden;}
									.li3{overflow:hidden;
									margin:2% auto;
							
									text-align:center;}
									.uso{
										margin-bottom:2%;}
										table{
											font-size:16px;
											background:#FFF;
											margin-bottom:2%;
										    margin:auto;
										}
									.cara{
										background:#F2F2F2;}
												
												.cara ul li{
												
				
				box-shadow: 5px 5px 5px 5px #ECECEC;
				text-align:center;
				padding:6% 1%;
				background:#FFF;
				margin-left:2%;
				height:200px;
				margin-top:2%;
				margin-bottom:2%;
				}
				.img3{
					box-shadow: 5px 5px 5px 5px #ECECEC;
				margin-left:2%;
					margin-top:2%;
					}
				
												 .breadcrumb{
													background:#FFF;}
													.characteristic p{
														color:#FFF;
														background:#666;
														box-shadow:2px 5px 5px  #CCCCCC;
														border:1px solid #CCC;}
														.characteristic ul li{
															box-shadow:2px 5px 5px  #CCCCCC
															border:1px solid #CCC;
															}
															
								
								
						/* 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:80%;
				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;
		}	
		.detail ul li{
			width:22%;
			border:1px solid #F1F1F1;
			box-shadow:2px 1px 14px 2px #CCCCCC;
			margin-right:2%;
			}
			.detail-2 ul li{
				width:30%;
				margin-right:2%;
				border:1px solid #F1F1F1;
			box-shadow:2px 1px 14px 2px #CCCCCC;}
			.detail-2 ul li p{
				text-align:center;}
				.detail-2 img{
					width:100%;}
				
		.detail ul li p,.design ul li p{
			text-align:center;}
			.detail img{
				width:100%;}
				#table2{
					margin-right:8%;
					margin-top:3%;
					}
					.design ul li{
						width:21%;
						 margin-right:3%;}
						 .design ul li img{
							 width:100%;}
		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;}
				
				
			/* CSS 推荐产品 */		
				.modelos ul{
					background: #E7E7E7;}
				.modelos ul li{
					width:29%;
					box-shadow:5px 5px 14px 5px #F5F5F5;
					
					
					
					border:1px solid #F5F5F5;
					margin-right:3%;
					}
					
						.modelos ul li p{
					text-align:center;
					padding-bottom:5px;}
					.modelos h2{
						text-align:left;}
				
					.modelos img{ width:100%;
					max-height:300px;
					
					}
						.repuestos ul li{
			margin-left:5%;
			box-shadow:2px 1px 14px 2px #CCCCCC;
		background:#FFF;
		text-align:center;
		margin-top:2%;
		border:1px solid #F5F5F5;
		}
	.repuestos ul li img{
		max-height:450px;
		width:100%;
		}
		.repuestos ul li p{
			text-align:center;}
					.posts h2{ text-align:center;}
				
						.posts ul li img{ height:400px;
						width:100%;}
							.related-blogs{
								overflow:hidden;
								}
								.related-blogs p{ 
								text-align:center;
								}
								.related-blogs h2{ 
								text-align:center;
								}
								.related-blogs ul li{
									height:auto;
									box-shadow:3px 3px 3px 3px #F5F5F5;}
									.related_products ul li{ width:44%;
									margin-right:4%;
									box-shadow:3px 3px 14px 3px #F5F5F5;
									border:1px solid #F3F3F3;}
									.related_products img{
										width:100%;}
									.related_products ul li p{
										text-align:center}
							
						.servicio{text-align:left;}		
										#INDEXT_RB_AD {
												position:fixed;
												
												
												
   
   width:80px;
  height:80px;
    z-index: 1100;
    overflow: hidden;
    border: 0px #ccc solid;
    bottom: 20px;
	left:20px;
    }
	#INDEXT_RB_AD img,#INDEXT_RB_AD_1 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: 20px;
	right:20px;}
				
								
								/* 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;
											
												
												



    }
				.related-blogs ul li{ margin-top:2%;}