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

*{padding:0;
margin: 0;
}
ul li{
		list-style:none;
		}
		
body{background:#FFF;}
tr,td,th{
				border:2px solid #CCC;
				padding-left:1%;
				}
				#tel{
				    display: inline-block;
				    vertical-align: middle;
				   
				}

@media screen and (min-width:768px){

		.container{
			width:100%;
			 }
			 h1{
			     font-size: 18px;
			 }
			 h2{
			     font-size: 16px;
			 }
			 	.head-2 img{
		    width: 30px;
		    height: 20px;
		}

			 	.articulos ul li img{
			 	    max-height: 300px;
					width:100%;}

			 .header-1 img{
				 width:50px;
				 height:50px;}
				
				 

.product-drawing-h2{
			font-size:14px;
			text-align: center;
				}
	
	#tj{
	    font-size: 14px;
	}
			.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:18px;
						font-weight:700;
						}
						.h1-1{
						font-size:18px;
						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{
		    display: inline-block;
			float:left;
			vertical-align: middle;
			}
			.header-1 img{
			     display: inline-block;
			     	vertical-align: middle;
			     	margin-top: 2%;
			     	width: 100%;
			}
		.header-1 span{
		    display: inline-block;
				font-family: "Bodoni MT Black";
				font-size:20px;
				vertical-align: middle;
				}
				
			.header-1-1{ 
			    display: inline-block;
			font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
			font-size:22px;
			font-weight:700;
			line-height:40px;
		height:40px;
		vertical-align: middle;
			}
			
		.head-2	{
			margin-top:1%;
		    display: inline-block;
		     vertical-align: middle;
		}
	
	.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{
		text-align:center;
		font-weight:700;
		}
		h1{
		 font-size:22px;   
		text-align:center;
		font-weight:700;
		}
		.h2-1{
			text-align:center;
			font-size:20px;
			font-weight:600;}
		.h2{
			font-size:18px;
			font-weight:600;
			}
			h2{
				font-size:18px;
			font-weight:600;}
			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;
				
					}
					.p{
					font-size:16px;
					font-weight:400;
				
					}
					.pp{text-align:center;
					font-size:14px;
				
					}
	
.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;
			}
			
					 .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:18px;
				margin: 2% auto;
				}
			.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-1{
		width:90%;
		margin:auto;}
			nav .dropdown{
	    width: 18%;
	    margin: 0.5% auto;
	
	}

nav .dropdown:nth-child(8){
    width: 6%;
}
nav .dropdown:nth-child(9){
    width: 6%;
}

nav .dropdown a{color:#FFF;}
		.dropdown .dt1{
			    width: 100%;
			color: #000;
			text-align:center;
			font-size:14px;
			}
				nav .dropdown a:hover {
			color: #F00;
			text-decoration:none;}
	.nav-1{
		text-align:center;
		color:#FFF;
		}
		
		
		.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:14px;
			}
		.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:#F00;}
					.navitems:hover .navitems-a{
					text-decoration: none;
					color:#FFF;}
					.navitems-a{
			color:#FFF;
			height:50px;
			line-height:50px;
			font-size:14px; }
				
		.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:14px;
				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:14px;
					
					}
				.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: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%;}
						#procesamiento{
						    width: 20%;
						}
				
					
					
					
						/* 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,#nuestras{
						
	margin:auto;
	overflow:hidden;
	}
	#maquina{
	    overflow-y: hidden;
	    overflow-x: scroll;
	}
	#esta{
	    margin-top:1%;
	}
	#mas_video{
	    text-decoration: underline;
	    font-weight:700;
	    font-size: 18px;
	}
	#mas_video:hover{
	    color: #F00;
	}

.videos_p{
    text-align: center;
    font-size: 18px;
}
					#Preparamos{
					    
					}
					.maquina_p{
					    font-size:25px;
					    font-weight: 600;
					    text-align: center;
					}
	img{
		vertical-align:middle;
		margin:auto;
		text-align:center;
		}
		section img{width:70%;
		height:auto;}
	ul li{
		list-style:none;
		}
		a{
			text-decoration:none;
			}
			.modelos ul li{
		margin-right: 3%;
		box-shadow:2px 1px 14px 2px #CCCCCC;
		text-align:center;
		margin-top:1.5%;
		height: auto;
		border:1px solid #F5F5F5;}
	
			.modelos ul li p{
			    margin: 1% auto;
			}
	#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;
		font-weight:600;
		}
	#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: 18px;
	font-weight: 700;
	width: 100%;
	border-radius:80px;
	-webkit-border-radius:20px; 
	 -moz-border-radius:20px; 
	 padding-bottom: 2%;
	 padding-top: 2%;
			}
				#myBtn2{
  -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: 18px;
	font-weight: 700;
	width: 100%;
	border-radius:80px;
	-webkit-border-radius:20px; 
	 -moz-border-radius:20px; 
	 padding-bottom: 2%;
	 padding-top: 2%;
			}
			#myBtn2:hover{
						    box-shadow:2px 1px 14px 2px #F63;
						    
						}	
		#myBtn1:hover{
						    box-shadow:2px 1px 14px 2px #F63;
						    
						}
					
						#correo{
						    position: fixed;
						    top: 100px;
						    right: 30%;
						    display: none;
						    margin: 15% auto;
						    height: 200px;
						    width: 200px;
						    z-index: 1000;
						}
						#correo table{
						    margin: auto;
						     height: 100px;
						    width: 200px;
						}
					article #video a{
						    color: #000;
						    font-size: 18px;
						    text-align: center;
						  text-decoration: none;  
		font-weight:700;
		padding: 2% auto;
						}
					
				#container p{
				    text-align: center;
				    font-size: 20px;
				    font-weight:700;
				}	
				#detalles{ text-align: center;
				    font-size: 20px;
				    font-weight:700; }
						#bloquera img{
						    vertical-align: middle;
						    
						}
						table td a{
						    color: #f00;
						    font-weight:700;
						}
						table{
						    table-layout:fixed;
						}
						video{
						    margin: 1% auto;
						}
			
	.product-drawing ul li{
		margin-right: 3%;
		box-shadow:2px 1px 14px 2px #CCCCCC;
		text-align:center;
		margin-top:1%;
		height: auto;
		border:1px solid #F5F5F5;
		background: #FFF;
		 margin-bottom: 1%;
		}
				#maquina3 ul li{
		    	margin-right: 3%;
		box-shadow:2px 1px 14px 2px #CCCCCC;
		text-align:center;
		margin-top:1%;
		
		border:1px solid #F5F5F5;
		background: #FFF;
		 margin-bottom: 1%;
		}
		#nuestras ul li{
		    margin-left: 0.63%;
		box-shadow:2px 1px 5px 2px #CCCCCC;
		text-align:center;
		margin-top:1%;
		height: auto;
		border:1px solid #F5F5F5;
		background: #FFF;
		 margin-bottom: 1%;
		}
		.product-drawing div{
		    margin-right: 2%;
		}
		.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%;
		}
		.dobladoras ul li{}
       .mexico{
           display: inline-block;
           box-shadow:2px 1px 14px 2px #CCCCCC;
		margin:2% 1%;
		border:1px solid #F5F5F5;
		 vertical-align: middle;
       }

		.mexico img,.modelos ul li img{
		    display: inline-block;
		    vertical-align: middle;
		    margin-right: 1%;
 
		}
		.mexico:hover{
		    box-shadow: -1px 5px 10px 5px #F93;
		    border: 1px solid #F5F5F5;
		}
		.mexico p{
		    margin-top: 30px;
		    height:auto;
	font-size: 14px;
		vertical-align: middle;
		    
		}
		#mexico_p{
		    
		    vertical-align: middle;
		}
			#mexico{
			    display: inline-block;
			    vertical-align: middle;
			}


		#rodillos ul li{	float: left;
		margin-right: 2%;
		box-shadow:2px 1px 14px 2px #CCCCCC;
		text-align:center;
		margin-top:1.5%;
		height: auto;
		border:1px solid #F5F5F5;}
	
			.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-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-drawing1 ul li img{
		    height: auto;
		}
		
	.product-drawing ul li p, #rodillos ul li p,#maquina3 ul li p{
		font-size:12px;
		text-align: center;
		
		}

		#nuestras ul li p{
		font-size:12px;
		text-align: center;
		height:60px;
		}
		.product-drawing-h2{
			font-size:15px;
				color:#006;
		    text-align: center;
		}
		.product-drawing ul li:hover a{
			color:#F00;
			text-decoration:none;
			}
			
		.product-drawing ul li img{
			width:100%;
			height: auto;
			}
			#inoxidable{
			    overflow-y: hidden;
			    overflow-x: auto;
			    width: 100%;
			}
			#brick ul li,#extrusion ul li{
			    position: relative;
			    	margin-right: 2%;
		box-shadow:2px 1px 14px 2px #CCCCCC;
		text-align:center;
		margin-top:1%;
		height: auto;
		border:1px solid #F5F5F5;
		background: #FFF;
		 margin-bottom: 1%;
		 vertical-align: middle;
			}

			#bloques{
			    margin: 80% auto;
			    vertical-align: middle;
			    height: 200px;
			}
			  
			  #video-container { 
			      font-weight:600;
			      text-align: center;
			      padding: 1% auto;
			        font-size: 16px;
			    }
			
			.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;
			}
			#hidraulica img{
			    vertical-align: middle;
			    
			}
			#roladora{
			    box-shadow:2px 1px 14px 2px #CCCCCC;
			    border:1px solid #F5F5F5;
			    margin: auto;
			}
		
			#industrial div{
			    box-shadow:2px 1px 14px 2px #CCCCCC;
			    border:1px solid #F5F5F5;
			    margin: 1% 1% 2%;
			    
			    
			}
			#industrial p{
			    font-size: 3em;
			    text-align: center;
			    height: 80px;
			    line-height: 80px;
			    width:80px;
			    box-shadow:2px 1px 14px 2px #CCCCCC;
			    border:3px solid #F00;
				 color:#F00;
				 border-radius:40px;
				 margin: 2% auto;
				 
			}
			#fierro th,#fierro td{
			    text-align: center;
			}
			.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;
			
				margin:2% 2% 1% 1%;
				background:#FFF;
				}
					.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;}
															.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;
				}
				tr{
							box-sizing: border-box;
							table-layout: fixed;
							white-space:nowrap;
							word-break:keep-all;
							cursor:pointer;
							}
				th,td{
			    table-layout:fixed;
				border:1px solid #000;
				white-space: pre-wrap;
				word-wrap: break-word;
				word-break: break-all;
			font-size: 14px;
				font-weight:400;
				}
													/* 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;}
								#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: 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;
											
												
												



    }
    #container,#container2{
        position: relative;
        top:0px;
    }
  
   #videoContainer,#videoContainer2{
       display: none;
       position: absolute;
       top:0px;
       width: 100%;
       margin: auto;
       z-index: 100000;
   }
    #loop,#show,#loop2,#show2{
		text-align:center;
		border:0px solid #F5F5F5;
	text-decoration: none;
	vertical-align: middle;
	outline: none;
	font-size: 14px;
	font-weight: 700;
	border-radius:40px;
	width: 80px;
	height: 80px;
	-webkit-border-radius:40px; 
	 -moz-border-radius:40px; 
	 padding-bottom: 2%;
	 padding-top: 2%;
	 margin-top: 15%;
 background-color: rgba(0,0,0,0.9); 
 color: #FFF;
    }
    #loop,#loop2{
        float: left;
        margin-left: 2%;
    }
    #loop:hover{
        background-color: rgba(0,0,0,0.6); 
    }
    #loop2:hover{
        background-color: rgba(0,0,0,0.6); 
    }
      #show:hover{
        background-color: rgba(0,0,0,0.6); 
    }
     #show2:hover{
        background-color: rgba(0,0,0,0.6); 
    }
	#show,#show2{
	    float: right;
	    margin-right: 2%;
	}			
	
	
	    #imgs{
        position: relative;
        display: inline-block;
        vertical-align: middle;
        margin-bottom: 5%;
        margin-top: 2%;
    }
    #imgs a{
     font-size: 16px;
            position: absolute;
            top: 50%;
            left: 70%;
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    }