@charset "utf-8";
					
		a{
			outline:none;}						
.daohang2{
		display:inline-block;
		float:right;
		margin-top:26px;
		position:relative;
		z-index:1000;
		width:20px;
		cursor:pointer;
	
		}
		
			.daohang2 p{
				display:inline-block;
				width:20px;margin-top: 0px;
				border-radius:3px;
				height:3px;
				float:left;
				margin-bottom:3px;
				background:rgba(255,255,255,0.6);
				
				
				
				}
				
				
				
				
				
			.daohangtan{
			width:100%;
			height:100%;
			position:fixed;
			z-index:1500;
			left:0px;
			top:0px;    background-color:rgba(21,21,21,0.9);
			
			
			opacity:0;
			visibility:hidden;
			
			}
			
			
			.xianshi{
			opacity:1;
			visibility:visible;
				}
			
			.daohangtanguan{
				position:absolute;
				right:30px;
				top:20px;
				z-index:1;
				cursor:pointer;
			
				
				
				
				}
			.daohangtanguan svg{	transition:all 0.5s;
			}
			
			.daohangtanguan:hover svg{
				transform:rotate(360deg);
				
				}
			.daohangtanzong{
				display:table;
				width:100%;
				height:100%;
				}
				
				.daohangtan1{
		vertical-align:middle;
  display:table-cell;
  text-align:center;

  

  
				}
				
					.daohangtan1-1{
						width:300px;
						margin:auto;}
				
				.daohangtan1 a{  width:300px;
				display:inline-block;
				margin-bottom:5px;
				margin-top:5px;
					color: rgba(255,255,255,.5);font-size: 24px;
    line-height: 25px;
					}
					
					
					
					
					
					
					
					
					
					.daohangtan1 a:hover{
						color:#fff;    }
						
						
						.daohangtan1 p{
							opacity:0;
							transform:translateY(50px);
						
							
						
							
							}
							
							
							
				.xianshi .daohangtan1 p{	opacity:1;
							transform:translateY(0px);
					
					
					}		



.xianshi .daohangtan1 p:nth-child(1){
	
	transition:all 0.5s 0.5s ;
	
	
	
	}


.xianshi .daohangtan1 p:nth-child(2){
	
	transition:all 0.5s 0.7s;
	
	
	
	}
	
.xianshi .daohangtan1 p:nth-child(3){
	
	transition:all 0.5s 0.9s;
	
	
	
	}
	
.xianshi .daohangtan1 p:nth-child(4){
	
	transition:all 0.5s 1.1s;
	
	
	
	}
	
.xianshi .daohangtan1 p:nth-child(5){
	
	transition:all 0.5s 1.3s;
	
	
	
	}
	
.xianshi .daohangtan1 p:nth-child(6){
	
	transition:all 0.5s 1.5s;
	
	
	
	}
	
.xianshi .daohangtan1 p:nth-child(7){
	
	transition:all 0.5s 1.7s;
	
	
	
	}
	
	.xianshi .daohangtan1 p:nth-child(8){
	
	transition:all 0.5s 1.9s;
	
	
	
	}
							
								
				
				
				
				
		
		.fanhui{
			position:fixed;
			z-index:100;
			right:20px;
			bottom:-240px;
		
			    transition: .5s all  ease-in-out;
			
			
			
			}		
			
			
			.shang{
					bottom:30px;
				}
		
		
			.fanhui div{
				cursor:pointer;
				margin-top:20px;}
				
				.fanhui div:hover circle{
				fill:#999899;
				}
								
								
				
		
		
		.zhezhao{
			width:100%;
			height:100%;
			position:fixed;
			z-index:1000;
			left:0px;
			top:0px;
			background:rgba(0,0,0,0.6);
			display:none;
			}
			
				.zhezhao img{
					position:absolute;
					left:0px;
					top:0px;
					bottom:0px;
					right:0px;
					margin:auto;
					z-index:1;
					width:200px;
					height:200px;
					
					
					
					
					
					
			
					}
									
				

				
				
				
				
						
						
						
	.jiazai{
		
		width:100%;
	height:100%;
	position:fixed;
	z-index:2000;top:0;
    left: 0;
	text-align:center;
       background: #fff;transition: transform 0.5s;
		
		
	
	
	}
	
	.dengdai {
  width: 250px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-family: helvetica, arial, sans-serif;
  text-transform: uppercase;
  font-weight: 900;
  color: #36a2d2;
  letter-spacing: 0.2em;
}
.dengdai::before, .dengdai::after {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  background: #36a2d2;
  position: absolute;
  -webkit-animation: load .7s infinite alternate ease-in-out;
          animation: load .7s infinite alternate ease-in-out;
}
.dengdai::before {
  top: 0;
}
.dengdai::after {
  bottom: 0;
}

@-webkit-keyframes load {
  0% {
    left: 0;
    height: 30px;
    width: 15px;
  }
  50% {
    height: 8px;
    width: 40px;
  }
  100% {
    left: 235px;
    height: 30px;
    width: 15px;
  }
}

@keyframes load {
  0% {
    left: 0;
    height: 30px;
    width: 15px;
  }
  50% {
    height: 8px;
    width: 40px;
  }
  100% {
    left: 235px;
    height: 30px;
    width: 15px;
  }
}

	
	
	
	
		
		.widgetxin{
			padding-left:30px!important;
		}
		
		
					@media screen and (min-width:320px) and (max-width:399px) {
		.widgetxin{
			padding-left:30px!important;
		}
	
	
								
			}
			
				
				
				
				
				@media screen and (min-width: 400px) and (max-width:499px){
.widgetxin{
			padding-left:30px!important;
		}
			
			}
		
		@media screen and (min-width: 500px) and (max-width:639px){
		
			.widgetxin{
			padding-left:30px!important;
		}
			}
		
		
		
		
		
		@media screen and (min-width: 640px) and (max-width:767px){
			.widgetxin{
			padding-left:30px!important;
		}
			
			
			}
		
		
		
		
		@media screen and (min-width: 768px) and (max-width:991px){
.widgetxin{
			padding-left:30px!important;
		}
			
			}
		
		@media screen and (min-width: 992px)and (max-width:1199px){

		.widgetxin{
			padding-left:30px!important;
		}				
			
			}

	@media screen and (min-width: 1200px)and (max-width:1400px){
				}
	
					@media screen and (min-width: 1401px){
					
					
					}