@font-face {
				font-family: 'iconfont';  /* Project id 4052703 */
				src: url("../../index/font_4052703_6sjp8la051k.woff2") format('woff2'),
		 			url("../../index/font_4052703_6sjp8la051k.woff") format('woff'),
		 			url("../../index/font_4052703_6sjp8la051k.ttf") format('truetype');
  				}

				  
				  
				  
				  
			.iconfont{
					font-family:"iconfont" !important;
					    font-size:16px;font-style:normal;
					    -webkit-font-smoothing: antialiased;
					    -webkit-text-stroke-width: 0.2px;
					    -moz-osx-font-smoothing: grayscale;
					    color:#f30030;
				    }



				    
				@keyframes mypiaodong{
				    
				    	0%{top:calc(35% - 120px);}
				    	25%{top:calc(35% - 135px);}
				    	50%{top:calc(35% - 150px);}
				    	75%{top:calc(35% - 135px);}
				    	100%{top:calc(35% - 120px);}
				}  	    



				.mobileinstr{
				
					display:none;
					width:70px;
					height:auto;
					position:fixed;
					right:20px;
					bottom:260px;
					z-index:9999999;
					
				}

	.mobileinstr .mtell1{
	
		width:70px;
		height:70px;
		background:url("../../icon/justask.png") center center no-repeat;
		background-size:90px 90px;
		
	}
	
	.mobileinstr .mtell2{
	
		width:70px;
		height:70px;
		background:url("../../icon/proask.png") center top no-repeat;
		background-size:50px 50px;
		background-color:#f3f3f3;
		border-radius:50px;
		margin-top:18px;
		font-size:10px;
		line-height:105px;
		text-align:center;
	}
	
	.mobileinstr .mtell3{
	
		width:70px;
		height:70px;
		background:url("../../icon/protec.png") center top no-repeat;
		background-size:50px 50px;
		background-color:#f3f3f3;
		border-radius:50px;		
		margin-top:18px;
		font-size:10px;
		line-height:105px;
		text-align:center;		
	}		
	
	
	
	
	.damubu{
	
		width:100%;
		height:100%;
		position:fixed;
		top:0px;
		left:0px;
		z-index:99999999;
		background-color:rgba(0,0,0,0.6);
		
		display:none;
	}
	
	.damubu .contactdesc{
	
		width:100%;
		background-color:#fff;
		position:fixed;
		left:0px;
		bottom:0px;
		z-index:999999999;
		border-top-left-radius:10px;
		border-top-right-radius:10px;
		
		display:none;
	}
	
	.damubu .contactdesc .t1{
	
		width:100%;
		line-height:50px;
		text-align:center;
		font-size:18px;
		font-weight:bold;
		border-bottom:15px solid #efefef;
		padding-bottom:12px;
		position:relative;
	}
	
	.damubu .contactdesc .t1 i{
		width:38px;
		height:38px;
		position:absolute;
		left:20px;
		top:12px;
		background:url("../../icon/cancel.png")center center no-repeat;
		background-size:24px 24px;
		cursor:pointer;
	}
	
	
	.damubu .contactdesc .t2{
	
		width:100%;
		line-height:50px;
		font-size:18px;
		font-weight:bold;
		text-indent:20px;
		padding-top:10px;
		padding-bottom:10px;
		border-bottom:1px solid #efefef;
	}	
	
	
	.damubu .contactdesc .t3{
	
		padding-top:10px;
		padding-bottom:10px;
		border-bottom:1px solid #efefef;
		text-indent:20px;	
		position:relative;
	}
	
	.damubu .contactdesc .t3 span:nth-child(1){
	
		font-size:16px;
		display:block;
		width:100%;
		line-height:40px;
	}
	
	
	.damubu .contactdesc .t3 span:nth-child(2){
	
		font-size:14px;
		display:block;
		width:100%;
		line-height:30px;
		color:#aaaaaa;
	}	
	
	
	.damubu .contactdesc .t3 icon{
	
		position:absolute;
		width:40px;
		height:40px;
		display:block;
		background:url("../../icon/imtel.png") center center no-repeat;
		background-size:30px 30px;
		top:50%;
		right:30px;
		margin-top:-20px;
	}
	
	
	.damubu .contactdesc .t3 img{
	
		width:70px;
		position:absolute;
		top:10px;
		right:30px;
	}	
	
	
	


/*** 大于0,小于800的执行这个 ***/
@media screen and (max-width:799px){
	
	.imgtotell{
	
		display:none;
	}
	
	
	.instruction{
	
		display:none;
	}
	
	
	
	
	.mobileinstr{
	
		display:block;
		
	
	}
	

	
	
	
	
	
}





/*** 大于800的执行这个 ***/
@media screen and (min-width:800px){


					.mobileinstr{
	
						display:none;
					
					}
	
				.instruction{
				
					width:90px;
					min-height:400px;
					position:fixed;
					right:0px;
					top:26%;
					z-index:9999;
					box-shadow:0px -1px 2px #e9e9e9;
					font-size:14px;
					
				}		
				
				
				.il1{
					width:90px;
					height:auto;
					position:fixed;
					right:30px;
					top:calc(35% - 138px);
					z-index:9999;			
				}
				
				.il2{
				
					width:60px;
					height:auto;
					position:fixed;
					right:110px;
					top:calc(35% - 120px);
					z-index:9999;		
					animation:mypiaodong 3s infinite;				
				 }
					    
				    
				 .iconfont .icondh{
				    	font-size:26px;
				  }		
	
	
	
				.instruction .dow{
						font-size:14px;
						height:25px;
						line-height:25px;
						margin-top:3px;
				}
				
				
				.instruction ul li{
				
					width:90px;
					min-height:20px;
					text-align:center;
					display:block;
					border-bottom:1px solid #e9e9e9;
					padding-top:15px;
					padding-bottom:12px;
					cursor:pointer;
					background-color:#ffffff;
					position:relative;
				}
				
				
				.instruction ul li:nth-child(1){
					height:80px;
				}
				
				
				
	
	
				
				 .instruction .useshow{
				

					background-color:#f7f7f7;
					border:1px solid #e9e9e9;
					border-right:0px;
					position:absolute;
					box-shadow:0px -1px 1px #f7f7f7;
					top:0px;
					left:-185px;
					
				}
				
				.instruction .foras{
					width:160px;
					height:auto;
					position:relateive;
					padding-bottom:10px;
					display:none;
				}
				
				
				/** color:#f30030;  */
				.foras p{
				
					width:100%;
					height:20px;
					line-height:20px;
					margin-top:5px;
					text-align:left;
					text-indent:10px;
					font-weight:bold;
					font-size:12px;
				}
				
				.foras p2{
					width:100%;
					height:25px;
					line-height:25px;
					display:block;
					margin-top:5px;
					text-align:left;
					text-indent:28px;
					font-size:9px;
				}
				
				.foras mytel{
				
					color:#f30030;
					font-size:16px;
				}
				
				.foras img{
				
					width:100px;
				}
				
				
				
				.instruction .foras:after{
				
					content:"";
 					width: 0;
				    height: 0;
				    border-left: 20px solid #f7f7f7;
				    border-top: 20px solid transparent;
				    border-bottom: 20px solid transparent;
					position:absolute;
					top:40px;
					right:-20px;
					display:block;
			
				}
				
				
				
	
	
	
	
				
				
				
				
				@keyframes mydonghua{
				    
				    	0%{font-size:26px;}
				    	30%{font-size:12px;}
				    	80%{font-size:32px;}
				    	100%{font-size:26px;}
				}  			    
				    
				    .activego{
				    
				    	animation:mydonghua 3s infinite;
				    }
	
}















/*** 大于1700的执行这个 ***/
@media screen and (min-width:1600px){
	


	
				.instruction{
				
					width:110px;
					min-height:400px;
					position:fixed;
					right:0px;
					top:35%;
					z-index:9999;
					box-shadow:0px -1px 2px #e9e9e9;
					font-size:14px;
					
				}		
				
				
				.il1{
					width:150px;
					height:auto;
					position:fixed;
					right:0px;
					top:calc(35% - 148px);
					z-index:9999;			
				}
				
				.il2{
				
					width:110px;
					height:auto;
					position:fixed;
					right:130px;
					top:calc(35% - 130px);
					z-index:9999;						
				 }
					    
				    
				 .iconfont .icondh{
				    	font-size:32px;
				  }	
	
	
	
	
				.instruction .dow{
						font-size:16px;
						height:20px;
						line-height:20px;
						margin-top:5px;
				}
				
				
				.instruction ul li{
				
					width:110px;
					min-height:20px;
					text-align:center;
					display:block;
					border-bottom:1px solid #e9e9e9;
					padding-top:26px;
					padding-bottom:20px;
					cursor:pointer;
					background-color:#ffffff;
					position:relative;
			
				}
				
				
				.instruction ul li:nth-child(1){
					height:111.39px;
				}
				
		
						
				
				
				 .instruction .useshow{
				

					background-color:#f7f7f7;
					border:1px solid #e9e9e9;
					border-right:0px;
					position:absolute;
					box-shadow:0px -1px 1px #f7f7f7;
					top:0px;
					left:-231px;
					
				}
				
				.instruction .foras{
					width:200px;
					height:auto;
					position:relateive;
					padding-bottom:20px;
					display:none;
				}
				
				/** color:#f30030;  */
				.foras p{
				
					width:100%;
					height:26px;
					line-height:26px;
					margin-top:10px;
					text-align:left;
					text-indent:10px;
					font-weight:bold;
					font-size:14px;
				}
				
				.foras p2{
					width:100%;
					height:25px;
					line-height:25px;
					display:block;
					margin-top:5px;
					text-align:left;
					text-indent:28px;
					font-size:10px;
				}
				
				.foras mytel{
				
					color:#f30030;
					font-size:18px;
				}
				
				.foras img{
				
					width:150px;
				}
				
				
				
				.instruction .foras:after{
				
					content:"";
 					width: 0;
				    height: 0;
				    border-left: 20px solid #f7f7f7;
				    border-top: 20px solid transparent;
				    border-bottom: 20px solid transparent;
					position:absolute;
					top:40px;
					right:-20px;
					display:block;
			
				}
				
				
				
				
				
				
				@keyframes mydonghua{
				    
				    	0%{font-size:32px;}
				    	30%{font-size:12px;}
				    	80%{font-size:38px;}
				    	100%{font-size:32px;}
				}  			    
				    
				    .activego{
				    
				    	animation:mydonghua 3s infinite;
				    }
				    
				    
				    

				
				   
	
}



						


				/*********动作执行**********/
				
				
								    
				.myexeone:hover  #forone{
				
					display:block;
	
				} 
				
				.myexetwo:hover  #fortwo{
				
					display:block;
	
				} 

				.myexethree:hover  #forthree{
				
					display:block;
	
				}