@media (max-width:420px)
 {
 	.line1
 	{
 		display: none;
 	}
.appearperson1_body 
{
     	width: 100%;
     	display: none;
}  
.appearperson1_body2   
{     
	  margin-top: 4%;
	  font-size: 1.2vw;
	  width: 100%;
	  text-align: center;
	  margin-bottom: 4%;
	  display: none;
} 
.a3{
	display: none;
}
.phone_body2
{
	text-align: center;
	margin-top: 3%;

}
.phone_body33 
{    
	margin-top: 3%;
	  width: 100%;
	  text-align: center;
	  font-size: 16px;
	  margin-bottom: 2.3%;
	  letter-spacing: 0.2vw;
} 
.phone_body3
{     
	  overflow: hidden;
	  width: 83%;
	  text-align: center;
	  margin: auto;
} 
.appearperson1_image
{   
	position: relative;
	text-align:center;
}
.appearperson1_image2
{
	margin-top: 2%;
	width:100%;
}

.appearperson1_body3   
{    
	margin-top: 3%;
	  width: 100%;
	  text-align: center;
	  font-size: 16px;
	  margin-bottom: 2.3%;
	  letter-spacing: 0.2vw;
	  display: none;
} 
.appearperson1_body4   
{     
	  overflow: hidden;
	  width: 100%;
	  text-align: center;
	  display: none;
} 
.appearperson1_left
{   
	
	width:38%;
	float:left;
	
}
.appearperson1_logo1
{  
	width:10%;
	margin-left: 0.75%;
	margin-right: 0.75%;
	margin-top: 2.5%;
	float: left;
	max-width: 10%;
}
.appearperson1_logo2
{   
	width:10%;
	margin-left: 0.75%;
	margin-right: 0.75%;
	margin-top: 2.5%;
	float: left;
	max-width: 10%;
}
.appearperson1_right
{   
	
	width:38%;
	float:left;
	
}
.img1
{
	max-width: 82.7%;
	
}
.img2
{   

	max-width: 83%;
}
.article0
{   
	max-width: 80%;
	width: 76%;
	text-align: left;
	position: absolute; top:6% ; left: 12%;
	 font-size:24px;

    text-align: center;
}
.article0_1
{   
	/*position: absolute; top:110% ; left: 1.0%;*/
	text-align: center;
	font-size:16px;
}
.a4
{
	width:82.7%;
	height: 370px;
	position: relative;
	border-color: #ccc;
	border-style: solid;
	border-width: 1px;
	margin:0 auto;
	margin-top: 1%;
}
.article1 
{   

	width: 80%;
	position: absolute; top:4% ; left: 10%; font-size:20px;
    letter-spacing: 0.2vw;
    text-align: center;
    
}
.article2 
{   max-width: 82%;
	width:82%;
	position: absolute; top:15% ; left: 10%;  font-size:13px;text-align: left;
}
.article3 
{   max-width: 82%;
	width:82%;
	position: absolute; top:44% ; left: 10%;  font-size:13px;text-align: left;
}

.article4
{   max-width: 82%;
	width:80%;
	position: absolute; top:76% ; left: 10%;  font-size:13px;text-align: left;
}
/*定义一个名字为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;}}

.article1
{ 
	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; 
}
@keyframes topeaseinAnimate
{ 
	0%{ transform: translateY(2000px); opacity: 0;}
  /*在0%时设置文字在想X轴-2000px位移处(左边),透明度为0,也就是看不见文字*/ 
  100%{ transform: translateY(0px); opacity: 1;}
  /*在100%时设置文字在想X轴0px位移处,也就是原始布局的位置,透明度为1,也就是文字可以看见了*/
}
@-webkit-keyframes topeaseinAnimate{ 0%{ -webkit-transform: translateY(2000px); opacity: 0;} 
100%{ -webkit-transform: translateY(0px); opacity: 1;} }
@-o-keyframes topeaseinAnimate{ 0%{ -webkit-transform: translateY(2000px); opacity: 0;} 
100%{ -webkit-transform: translateY(0px); opacity: 1;} }
@-ms-keyframes topeaseinAnimate{ 0%{ -webkit-transform: translateY(2000px); opacity: 0;} 
100%{ -webkit-transform: translateY(0px); opacity: 1;} }
@-moz-keyframes topeaseinAnimate{ 0%{ -webkit-transform: translateY(2000px); opacity: 0;} 
100%{ -webkit-transform: translateY(0px); opacity: 1;} }
.article0{ animation: topeaseinAnimate 1s ease 1; /*调用已定义好的动画lefteaseinAnimate,全程运行时间1S,进入的速度曲线为ease,只播放一次*/ 
-webkit-animation: topeaseinAnimate 1s ease 1; 
-ms-animation: topeaseinAnimate 1s ease 1; 
-o-animation: topeaseinAnimate 1s ease 1; 
-moz-animation: topeaseinAnimate 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; }
.article2{ animation: topeaseinAnimate 1s ease 1; /*调用已定义好的动画lefteaseinAnimate,全程运行时间1S,进入的速度曲线为ease,只播放一次*/ 
-webkit-animation: topeaseinAnimate 1s ease 1; 
-ms-animation: topeaseinAnimate 1s ease 1; 
-o-animation: topeaseinAnimate 1s ease 1; 
-moz-animation: topeaseinAnimate 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; }
.article2{ animation: topeaseinAnimate 1s ease 1; /*调用已定义好的动画lefteaseinAnimate,全程运行时间1S,进入的速度曲线为ease,只播放一次*/ 
-webkit-animation: topeaseinAnimate 1s ease 1; 
-ms-animation: topeaseinAnimate 1s ease 1; 
-o-animation: topeaseinAnimate 1s ease 1; 
-moz-animation: topeaseinAnimate 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; }
.article3{ animation: topeaseinAnimate 1.4s ease 1; /*调用已定义好的动画lefteaseinAnimate,全程运行时间1S,进入的速度曲线为ease,只播放一次*/ 
-webkit-animation: topeaseinAnimate 1.4s ease 1; 
-ms-animation: topeaseinAnimate 1.4s ease 1; 
-o-animation: topeaseinAnimate 1.4s ease 1; 
-moz-animation: topeaseinAnimate 1.4s 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; }
.article4{ animation: topeaseinAnimate 1.8s ease 1; /*调用已定义好的动画lefteaseinAnimate,全程运行时间1S,进入的速度曲线为ease,只播放一次*/ 
-webkit-animation: topeaseinAnimate 1.8s ease 1; 
-ms-animation: topeaseinAnimate 1.8s ease 1; 
-o-animation: topeaseinAnimate 1.8s ease 1; 
-moz-animation: topeaseinAnimate 1.8s 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; }
.art{
	
}
}

 @media (min-width:420px)
 {
 	.phone_body
 	{
 		display: none;
 	}
.appearperson1_body 
{
     	width: 100%;
}  
.appearperson1_body2   
{     
	  margin-top: 4%;
	  font-size: 1.2vw;
	  width: 100%;
	  text-align: center;
	  margin-bottom: 4%;
} 
.appearperson1_image
{ 
	position: relative;
	text-align:center;
}
.appearperson1_image2
{
	margin-top: 2%;
}

.appearperson1_body3   
{    
	  width: 100%;
	  text-align: center;
	  font-size: 1.2vw;
	  margin-bottom: 2.3%;
	  letter-spacing: 0.2vw;
} 
.appearperson1_body4   
{     
	  overflow: hidden;
	  width: 100%;
	  text-align: center;
} 
.appearperson1_left
{   
	margin-left: 5.5%;
	width:38%;
	float:left;
	max-width: 40%;
}
.appearperson1_logo1
{  
	width:5%;
	margin-left: 0.75%;
	margin-right: 0.75%;
	float: left;
	max-width: 5%;
}
.appearperson1_logo2
{   
	width:5%;
	margin-left: 0.75%;
	margin-right: 0.75%;
	float: left;
	max-width: 5%;
}
.appearperson1_right
{   
	margin-right: 5.5%;
	width:38%;
	float:left;
	max-width: 40%;
}
.img1
{
	max-width: 82.7%;
	
}
.img2
{   

	max-width: 83%;
}
.article0
{   
	max-width: 80%;
	width: 70%;
	text-align: left;
	position: absolute; top:40% ; left: 13%;
	 font-size:28px;

    text-align: left;
}
.article0_1
{   
	position: absolute; top:130% ; left: 0%;
	font-size:21px;
}
.a3
{
	width:82.7%;
	height: 300px;
	position: relative;
	border-color: black;
	border-style: solid;
	border-width: 1px;
	margin:0 auto;
	margin-top: 1%;
}
.article1 
{   
	max-width: 20%;
	position: absolute; top:9% ; left: 45.5%; font-size:22px;
    letter-spacing: 0.2vw;
}
.article2 
{   max-width: 85%;
	width:85%;
	position: absolute; top:96px ; left: 9%; right:20%; font-size:16px;text-align: left;line-height: 30px;
}
.article3 
{   max-width: 82%;
	width:82%;
	position: absolute; top:158px ; left: 9%; right:20%; font-size:16px;text-align: left;line-height: 30px;
}

.article4
{   max-width: 82%;
	width:82%;
	position: absolute; top:220px ; left: 9%; right:20%; font-size:16px;text-align: left;line-height: 30px;
}
/*定义一个名字为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;}}

.article1
{ 
	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; 
}
@keyframes topeaseinAnimate
{ 
	0%{ transform: translateY(2000px); opacity: 0;}
  /*在0%时设置文字在想X轴-2000px位移处(左边),透明度为0,也就是看不见文字*/ 
  100%{ transform: translateY(0px); opacity: 1;}
  /*在100%时设置文字在想X轴0px位移处,也就是原始布局的位置,透明度为1,也就是文字可以看见了*/
}
@-webkit-keyframes topeaseinAnimate{ 0%{ -webkit-transform: translateY(2000px); opacity: 0;} 
100%{ -webkit-transform: translateY(0px); opacity: 1;} }
@-o-keyframes topeaseinAnimate{ 0%{ -webkit-transform: translateY(2000px); opacity: 0;} 
100%{ -webkit-transform: translateY(0px); opacity: 1;} }
@-ms-keyframes topeaseinAnimate{ 0%{ -webkit-transform: translateY(2000px); opacity: 0;} 
100%{ -webkit-transform: translateY(0px); opacity: 1;} }
@-moz-keyframes topeaseinAnimate{ 0%{ -webkit-transform: translateY(2000px); opacity: 0;} 
100%{ -webkit-transform: translateY(0px); opacity: 1;} }
.article0{ animation: topeaseinAnimate 1s ease 1; /*调用已定义好的动画lefteaseinAnimate,全程运行时间1S,进入的速度曲线为ease,只播放一次*/ 
-webkit-animation: topeaseinAnimate 1s ease 1; 
-ms-animation: topeaseinAnimate 1s ease 1; 
-o-animation: topeaseinAnimate 1s ease 1; 
-moz-animation: topeaseinAnimate 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; }
.article2{ animation: topeaseinAnimate 1s ease 1; /*调用已定义好的动画lefteaseinAnimate,全程运行时间1S,进入的速度曲线为ease,只播放一次*/ 
-webkit-animation: topeaseinAnimate 1s ease 1; 
-ms-animation: topeaseinAnimate 1s ease 1; 
-o-animation: topeaseinAnimate 1s ease 1; 
-moz-animation: topeaseinAnimate 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; }
.article3{ animation: topeaseinAnimate 1.4s ease 1; /*调用已定义好的动画lefteaseinAnimate,全程运行时间1S,进入的速度曲线为ease,只播放一次*/ 
-webkit-animation: topeaseinAnimate 1.4s ease 1; 
-ms-animation: topeaseinAnimate 1.4s ease 1; 
-o-animation: topeaseinAnimate 1.4s ease 1; 
-moz-animation: topeaseinAnimate 1.4s 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; }
.article4{ animation: topeaseinAnimate 1.8s ease 1; /*调用已定义好的动画lefteaseinAnimate,全程运行时间1S,进入的速度曲线为ease,只播放一次*/ 
-webkit-animation: topeaseinAnimate 1.8s ease 1; 
-ms-animation: topeaseinAnimate 1.8s ease 1; 
-o-animation: topeaseinAnimate 1.8s ease 1; 
-moz-animation: topeaseinAnimate 1.8s 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; }
.art{
	
}
}