.head{
	position: fixed;
	top: 0px;
	width: 100%;
	box-shadow: 0px 2px 5px 0px rgb(0 18 107 / 5%);
	z-index: 9;
	background-color: #ffffff;

}
.xc-head{
	width: 100%;
	display: flex;
	align-items: center;
}
.xc-head-title{
	width: 1200px;
	min-width: 750px;
	height: 80px;
	margin: 0px auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.xc-head-right{
	display: flex;
	align-items: center;
	color:#414141;
	font-size: 15px;
	line-height: 60px;
	font-weight: 500;
}
.xc-head-tab{
	font-weight: 600;
	padding: 0px 20px;
	position: relative;
	cursor:pointer;
	font-size: 18px;
}
.xc-head-left{
	display: flex;
	align-items: center;
}
.head-popup-main{
	position: absolute;
	width: 150px;
	top: 75px;
	left: 50%;
	margin-left: -75px;
	line-height: 20px;
	border-top: 3px solid #4F6DFF;
}
.back-popup{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: #FFFFFF;
	opacity: 0.5;
	z-index: -1;
}
.head-popup{
	
	padding: 15px;
	font-size: 11px;
	z-index: 1;
}
.head-popup>p{
	margin: 0px auto;
	padding: 0px;
	text-align: center;
	margin-top: 16px;
	border-bottom: 1px solid #ffffff00;
	cursor:pointer;
	color: #666666;
}
.popup-p{
    font-size: 14px;
}
.popup-p:hover{
	border-bottom: 1px solid #4F6DFF;
}
.foot-main{
	background: linear-gradient(180deg, #212121 0%, #26272C 100%);position:relative ;height: 100vh;
}
.foot-head{
	height:30%;border-bottom: 1px solid #FFFFFF22;display: flex;
}
.foot-contact{
	width: 1200px;display: flex;min-width: 750px;margin: 0px auto;align-items: center;color: #cccccc;justify-content: space-around;font-size: 12px;
}
.foot-contact>div{
	display: flex;align-items: center;
}
.foot-contact>div>img{
	height: 25px;margin-right: 10px;
}
.font-right-main{
	width: 780px;display: flex;min-width: 540px;
	margin: 0px auto;color: #cccccc;font-size: 12px;
	justify-content: space-around;position: absolute;left: 0px;top:22%;
}
.font-right{
	width: 65%;position: relative;
}
.font-right-text{
	font-size: 14px;margin-top: 44px;
}
.font-right-text>a{
    line-height: 25px;
    display:block;
}
.font-left{
	width: 35%;border-right:1px solid #FFFFFF22;position: relative;
}
.font-left-main{
	position: absolute;right: 12%;color: #cccccc;font-size: 12px;top:22%;
}
.font-left-main>div{
	width: 360;padding-left: 10px;
}
a{
	text-decoration: none;
}
.xc_head-popup-main{
	position: absolute;
	width: 100px;
	top: 75px;
	left: 50%;
	margin-left: -50px;
	line-height: 20px;
	border-top: 3px solid #4F6DFF;
}
/*定义一个名字为lefteaseinAnimate动画，实现从页面的左边淡入页面效果*/
			@keyframes lefteaseinAnimate{
			    0%{ transform: translateX(-2000px); opacity: 0;}   /*在0%时设置文字在想X轴-2000px位移处（左边），透明度为0，也就是看不见文字*/
			    100%{ transform: translateX(0px); opacity: 1;}         /*在100%时设置文字在想X轴0px位移处，也就是原始布局的位置，透明度为1，也就是文字可以看见了*/
			}
			@-webkit-keyframes lefteaseinAnimate{
			    0%{ -webkit-transform: translateX(-2000px); opacity: 0;}
			    100%{ -webkit-transform: translateX(0px); opacity: 1;}    
			}
			@-o-keyframes lefteaseinAnimate{
			    0%{ -webkit-transform: translateX(-2000px); opacity: 0;}
			    100%{ -webkit-transform: translateX(0px); opacity: 1;}    
			}
			@-ms-keyframes lefteaseinAnimate{
			    0%{ -webkit-transform: translateX(-2000px); opacity: 0;}
			    100%{ -webkit-transform: translateX(0px); opacity: 1;}    
			}
			@-moz-keyframes lefteaseinAnimate{
			    0%{ -webkit-transform: translateX(-2000px); opacity: 0;}
			    100%{ -webkit-transform: translateX(0px); opacity: 1;}    
			}
			
			/*定义一个名字为righteaseinAnimate动画，实现从页面的右边淡入页面效果*/
			@keyframes righteaseinAnimate{
			    0%{ transform: translateX(2000px); opacity: 0;}   /*在0%时设置文字在想X轴2000px位移处（右边），透明度为0，也就是看不见文字*/
			    100%{ transform: translateX(0px); opacity: 1;}      /*在100%时设置文字在想X轴0px位移处，也就是原始布局的位置，透明度为1，也就是文字可以看见了*/
			}
			@-webkit-keyframes righteaseinAnimate{
			    0%{ -webkit-transform: translateX(2000px); opacity: 0;}
			    100%{ -webkit-transform: translateX(0px); opacity: 1;}
			}
			@-o-keyframes righteaseinAnimate{
			    0%{ -webkit-transform: translateX(2000px); opacity: 0;}
			    100%{ -webkit-transform: translateX(0px); opacity: 1;}
			}
			@-ms-keyframes righteaseinAnimate{
			    0%{ -webkit-transform: translateX(2000px); opacity: 0;}
			    100%{ -webkit-transform: translateX(0px); opacity: 1;}
			}
			@-moz-keyframes righteaseinAnimate{
			    0%{ -webkit-transform: translateX(2000px); opacity: 0;}
			    100%{ -webkit-transform: translateX(0px); opacity: 1;}
			}
			@keyframes bottomeaseinAnimate{
			    0%{ transform: translateY(2000px); opacity: 0;}   /*在0%时设置文字在想X轴2000px位移处（右边），透明度为0，也就是看不见文字*/S
			    100%{ transform: translateY(0px); opacity: 1;}      /*在100%时设置文字在想X轴0px位移处，也就是原始布局的位置，透明度为1，也就是文字可以看见了*/
			}
			@-webkit-keyframes bottomeaseinAnimate{
			    0%{ -webkit-transform: translateY(2000px); opacity: 0;}
			    100%{ -webkit-transform: translateY(0px); opacity: 1;}
			}
			@-o-keyframes bottomeaseinAnimate{
			    0%{ -webkit-transform: translateY(2000px); opacity: 0;}
			    100%{ -webkit-transform: translateY(0px); opacity: 1;}
			}
			@-ms-keyframes bottomeaseinAnimate{
			    0%{ -webkit-transform: translateY(2000px); opacity: 0;}
			    100%{ -webkit-transform: translateY(0px); opacity: 1;}
			}
			@-moz-keyframes bottomeaseinAnimate{
			    0%{ -webkit-transform: translateY(2000px); opacity: 0;}
			    100%{ -webkit-transform: translateY(0px); opacity: 1;}
			}
	
.animation-loding{
	animation: lefteaseinAnimate 1s ease 1;    /*调用已定义好的动画lefteaseinAnimate，全程运行时间1S，进入的速度曲线为ease，只播放一次*/
	-webkit-animation: lefteaseinAnimate 1s ease 1;
	-ms-animation: lefteaseinAnimate 1s ease 1;
	-o-animation: lefteaseinAnimate 1s ease 1;
	-moz-animation: lefteaseinAnimate 1s ease 1;
	
	/*规定动画的最后状态为结束状态*/
	animation-fill-mode:forwards;
	-webkit-animation-fill-mode: forwards;  
	  -o-animation-fill-mode: forwards; 
	  -ms-animation-fill-mode: forwards;   
	  -moz-animation-fill-mode: forwards; 
}
.company_introduce{
    animation: righteaseinAnimate 1s ease 1;    /*调用已定义好的动画righteaseinAnimate，全程运行时间1S，进入的速度曲线为ease，只播放一次*/
    -webkit-animation: righteaseinAnimate 1s ease 1;
    -moz-animation: righteaseinAnimate 1s ease 1;
    -ms-animation: righteaseinAnimate 1s ease 1;
    -o-animation: righteaseinAnimate 1s ease 1;
    
    /*规定动画的最后状态为结束状态*/
    animation-fill-mode:forwards;
    -webkit-animation-fill-mode: forwards;  
      -o-animation-fill-mode: forwards; 
      -ms-animation-fill-mode: forwards;   
      -moz-animation-fill-mode: forwards; 
}
.company_right{
    animation: bottomeaseinAnimate 1s ease 1;    /*调用已定义好的动画righteaseinAnimate，全程运行时间1S，进入的速度曲线为ease，只播放一次*/
    -webkit-animation: bottomeaseinAnimate 1s ease 1;
    -moz-animation: bottomeaseinAnimate 1s ease 1;
    -ms-animation: bottomeaseinAnimate 1s ease 1;
    -o-animation: bottomeaseinAnimate 1s ease 1;
    
    /*规定动画的最后状态为结束状态*/
    animation-fill-mode:forwards;
    -webkit-animation-fill-mode: forwards;  
      -o-animation-fill-mode: forwards; 
      -ms-animation-fill-mode: forwards;   
      -moz-animation-fill-mode: forwards; 
}