*{ margin:0; padding:0;}



.pro_zdy{ width:1400px; height:auto; margin:0px auto}

.proparam{ width:50%;height:auto; float:right}


.pro_inner{width:100%!important;
    max-width: 640px!important; margin-top:20px }

.cpxx-z{width:600px;}

		/* 本例子css */
.picFocus_bg{ width:50%;height:auto; float:left}
.picFocus{ margin:0 auto;  width:100%; position:relative;  overflow:hidden;  zoom:1;   }
.picFocus .hd{ width:100%; padding-top:5px;  overflow:hidden; }
.picFocus .hd ul{ margin-right:-5px;  overflow:hidden; zoom:1; }
.picFocus .hd ul li{ margin-top:5px; float:left;  margin-right:5px; text-align:center; height:100px; overflow:hidden; border:2px solid #ddd;  }
.picFocus .hd ul li img{ width:142px;  cursor:pointer; min-height:100px;   }
.picFocus .hd ul li video{ width:142px;  cursor:pointer; min-height:100px;   }
.picFocus .hd ul li.on{ background:url(../images/icoUp.gif) no-repeat center 0;border-color:#e6241b;   }
.picFocus .hd ul li.on img{ }
.picFocus .bd li{ vertical-align:middle;overflow:hidden; height:auto;   }
.picFocus .bd img{ width:100%;  display:block; height:auto; }
.picFocus .bd video{ display:block; height:578px; border:0px!important; }

.web_dh{ display:none; width:140px; height:50px; background-color:#c31717; color:#FFF; text-align:center; line-height:50px;  font-size:16px; margin:0px auto;}
	
.web_dh a{color:#FFF; }


.pc_dh{ width:140px; height:50px; background-color:#c31717; color:#FFF; text-align:center; line-height:50px;  font-size:16px; margin:0px auto;}
	
.pc_dh a{color:#FFF}


@media screen and (max-width: 1336px){
	.pro_zdy{ width:100%;}
	
	
	}
	
	
	@media screen and (max-width: 768px){
	.pro_zdy{ width:100%;}
	.picFocus_bg{ width:100%;height:auto; float:none}
	.proparam{ width:100%;height:auto; float:none}
	
	.tempWrap{ width:100%!important}
	
		.tempWrap ul{width: 3072px; left: -2304px; position: relative; overflow: hidden; padding: 0px; margin: 0px;}
	    .tempWrap ul li{ width:25%; float:left} 
		.tempWrap ul li img { width:100%!important}
		/*.tempWrap ul li video{ height:589px!important}*/
		.picFocus .hd{}
		.picFocus .hd ul{width:100%!important; margin:0px auto!important;}
		.picFocus .hd ul li{ width:23.5%; float:left}
	
.web_dh{ width:140px; height:50px; background-color:#c31717; color:#FFF; text-align:center; line-height:50px;  font-size:18px; margin:0px auto 20px auto; display:block}
	
.web_dh a{color:#FFF}


.pc_dh{ width:140px; height:50px; background-color:#c31717; color:#FFF; text-align:center; line-height:50px;  font-size:16px; margin:0px auto; display:none}
	
.pc_dh a{color:#FFF}
.picFocus .bd video{ display:block; height:378px; border:0px!important; max-width:100% }
	}
	
	
	@media screen and (max-width: 414px){
		
		
		.tempWrap ul{width: 1656px!important; left: -1242px; position: relative; overflow: hidden; padding: 0px; margin: 0px;}
		.picFocus .hd ul{ width:100%}
			.picFocus .hd ul li{ margin-top:5px; float:left;  margin-right:5px; text-align:center; height:80px; overflow:hidden; border:2px solid #ddd; }
.picFocus .hd ul li img{ width:100%;  cursor:pointer; min-height:80px;   }
.picFocus .hd ul li video{ width:100%;  cursor:pointer; min-height:80px;   }
	
		
		
		
		
		}
		
	
	
	
	@media screen and (max-width: 375px){
		
		
		.tempWrap ul{width: 1500px!important; left: -1125px; position: relative; overflow: hidden; padding: 0px; margin: 0px;}
		
	
	
		
		
		
		
		
		}
		
		
		

	@media screen and (max-width: 360px){
		
		
		.tempWrap ul{width: 1440px!important; left: -1080px; position: relative; overflow: hidden; padding: 0px; margin: 0px;}
		
	
	
		
		
		
		
		
		
		}