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

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

		.container{
			width:100%;
			 }
			 

		
				
			
			 .head-2{width: 60%;
			 padding-left: 2%;
			 }
			 
				 .head-2 img{ width: 20px;
				 height:20px;}
				




					.p{
					font-size:12px;
					font-weight:400;
					padding-left:0.2%;}

							

	}
		.header button{
		    float: right;
		}
	.head-2{
	   overflow: hidden;  
	}		 
	 .head-2 li{
				     float: left;
				     width: 15%;
				     text-align: center;
				     font-weight: 600;
				     
				 }
				 li{
				     font-size: 18px;
				 }
			 a:hover {
			     color: #F00;
			 }
	
.container{
	width:100%;
	margin: auto;
	 
	}
.delu,.zhuce{
	    font-size: 25px;
	    font-weight:700;
	}
	
/* 	.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;
		background-color: #FFF;
		overflow: hidden;
	   
	}
	header{
	    overflow: hidden;
		
	
		}
		header img{
		   
		}
		.header-1{
			float:left;
			}
			
		.header-1 span{
				font-family: "Bodoni MT Black";
				font-size:20px;
				}
				
		
			
		.head-2	{
			margin-top:1%;
			display: inline-block;
		     vertical-align: middle;
		    
		}
			
		.header-2{
			line-height:70px;
		height:70px;
			}
	

	
.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;
    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;


	}
	.nav-1{
		width:95%;
		margin:auto;
	  background: #999;
	}

			nav .dropdown{
	    width: 16%;
	    margin: 0.5% 1%;
	    text-align: center;
	}
			nav .dropdown:nth-child(1){
	    width: 8%;
	}
nav .dropdown a{color:#000;
    text-align: center;
    font-size: 18px;
}
#procesamiento{
						    width: 20%;
						}
	.dropdown,.navitems{
		float:left;
		position: relative;
		
		
		}
		nav .dropdown a:hover {
			color: #F00;
			text-decoration:none;}
		.navitems{ width:100%;
		
		
		
		}
		.navitems-a{
			color:#FFF;
			height:40px;
			line-height:40px;
			font-size:18px; }
			
		.dropdown .dt,.navitems .navitems-1{
			width: 100%;
			color: #000;
			text-align:center;
			font-size:16px;

			}
		.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;
				padding-left:2%;
				height:20px;
				line-height:20px;
				}	
				.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;
					text-align: center;
					
					}
				.dt::after{
					position:absolute;
					top:5px;
					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:10px;
					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;
					}
					.dt:hover .dt-a{
						color:#F00;}
					.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 电脑版导航栏 */	
	.product-drawing img{
	    width: 100%;
	    height: auto;
	  
	}
		.product-drawing{
	   width: 100%;
	   
	}
.product-drawing div{
    width: 100%;
}
					
img{width: 100%;}					
					
					

		
	 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;}
								
								
								
								/* 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;
											
												
												



    }