@media (max-width:420px)
  {
  	.appearperson2_title
  	{
  		width:50%;
  		margin: 0 auto;
  		text-align: center;
  		font-size: 20px;
  	}
  	.appearperson2_body
{  overflow:hidden; 
	width: 100%;
 margin-top: 1.1%;
 display: none;
}

.appearperson2_body2
{  
	overflow:hidden; 
	width: 100%;
 margin-top: 2%;
 display: none;
}

.icon_circle
{
	border-radius: 50%;
	height: 23px;
	width: 23px;
	display: inline-block;  
    border:1px solid #7f7f7f; 
    background:white;
    vertical-align: top;
}
.icon_num{
	display: block;
	color: black;
	height: 20px;
	line-height: 22px;
	text-align: center;
}

.item_1 
{   
	overflow: hidden;
	float: left;
	position: relative;
	max-width: 27%;
	width: 50%;
	margin-left: 7%;
	margin-right: 1.25%;

}
.phone_body1
{
	width: 80%;
	margin: 0 auto;
	text-align: center;
	overflow: hidden;
	margin-bottom:15%;
}
.img1{
    /*cursor: pointer;
    transition: all 0.9s;*/
width: 100%;
}
/*.img1:hover
{
				transform: scale(1.1);
}
*/

.icon_1
{   width:30%;
	margin: 0 auto;
	margin-top: 3%;
	font-size: 19px;
   
}

.item_1_article

{   width:100%;
	margin: 0 auto;
    margin-top: 3%;

  
    
    font-size: 19px;
    line-height: 25px;
}
.item_1_article_text

{    margin-top:3%;
	width:100%;
	font-size: 12px;
	line-height: 20px;
}
@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;} }
.item_1_article{ animation: lefteaseinAnimate 1s ease 1; /*调用已定义好的动画lefteaseinAnimate,全程运行时间1S,进入的速度曲线为ease,只播放一次*/ 
-webkit-animation: lefteaseinAnimate 0.8s ease 1; 
-ms-animation: lefteaseinAnimate 0.8s ease 1; 
-o-animation: lefteaseinAnimate 0.8s ease 1; 
-moz-animation: lefteaseinAnimate s 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; }
.icon_1{ 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; }
@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;}}

.item_2_article
{ 
	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; 
}
.icon_2
{ 
	animation: righteaseinAnimate 0.8s ease 1; /*调用已定义好的动画righteaseinAnimate,全程运行时间1S,进入的速度曲线为ease,只播放一次*/ 
	-webkit-animation: righteaseinAnimate 0.8s ease 1; 
	-moz-animation: righteaseinAnimate 0.8s ease 1; 
	-ms-animation: righteaseinAnimate 0.8s ease 1; 
	-o-animation: righteaseinAnimate 0.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; 
}
}
 @media (min-width:420px)
  {
  	.phone_body
 	{
 		display: none;
 	}
 	.phone_title
{
	display: none;
}
.appearperson2_body
{  
	overflow:hidden; 
	width: 100%;
 margin-top: 0%;

}
.appearperson2_body2
{  
	overflow:hidden; 
	width: 100%;
 margin-top: 2%;

}

.item_1 
{   
	margin-top: 1%;
	float: left;
	position: relative;
	max-width: 40%;
	margin-left: 8%;
	margin-right: 2%;

}
.img1
{   
	background-color:#c8c8c8;overflow:hidden;
	transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;
	max-width: 100%;
}
.img1:hover {
	transform:translate(0,-10px);
	-webkit-transform:translate(0,-10px);
	-moz-transform:translate(0,-10px);
	-o-transform:translate(0,-10px);
	-ms-transform:translate(0,-10px);
	-webkit-box-shadow:0px 5px 15px #C8C8C8;
    -moz-box-shadow:0px 5px 15px #C8C8C8;
    box-shadow:0px 5px 15px #C8C8C8;
}
.item_1_article

{   width:100%;
	max-width: 40%;
    margin-top: 1.3%;
    margin-left: 10%;
    float: left;
    font-size: 25px;
    line-height: 25px;
}
.item_1_article_text
{  
	margin-top: 2%;
	width:100%;
	font-size: 16px;
}
.item_2 
{   

	float: left;
	margin-top: 1%;
	max-width: 40%;
	margin-left: 2%;
	margin-right: 8%;

}
.img2
{
	background-color:#c8c8c8;overflow:hidden;
	transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;
	max-width: 100%;
}
.img2:hover{
	transform:translate(0,-10px);
	-webkit-transform:translate(0,-10px);
	-moz-transform:translate(0,-10px);
	-o-transform:translate(0,-10px);
	-ms-transform:translate(0,-10px);
	-webkit-box-shadow:0px 5px 15px #C8C8C8;
    -moz-box-shadow:0px 5px 15px #C8C8C8;
    box-shadow:0px 5px 15px #C8C8C8;
			}
.icon_2
{   
    width: 4%;
	margin-top: 0.8%;
	font-size: 21px;
    float: left;
    text-align: right;
}
.item_2_article
{ 
	width: 100%;
	max-width: 40%;
    margin-top: 1.3%;
    margin-left: 4%;
    float: left;
    font-size: 23px;
    line-height: 25px;
   
}
.item_2_article_text
{  width:90%;
	font-size: 16px;
}
.item_3_article_text
{  
    margin-top:5%;
	width:100%;
	font-size: 16px;
	line-height: 32px;

}
@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;} }
.item_1_article{ animation: lefteaseinAnimate 1s ease 1; /*调用已定义好的动画lefteaseinAnimate,全程运行时间1S,进入的速度曲线为ease,只播放一次*/ 
-webkit-animation: lefteaseinAnimate 0.8s ease 1; 
-ms-animation: lefteaseinAnimate 0.8s ease 1; 
-o-animation: lefteaseinAnimate 0.8s ease 1; 
-moz-animation: lefteaseinAnimate s 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; }
.icon_1{ 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; }
@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;}}

.item_2_article
{ 
	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; 
}
.icon_2
{ 
	animation: righteaseinAnimate 0.8s ease 1; /*调用已定义好的动画righteaseinAnimate,全程运行时间1S,进入的速度曲线为ease,只播放一次*/ 
	-webkit-animation: righteaseinAnimate 0.8s ease 1; 
	-moz-animation: righteaseinAnimate 0.8s ease 1; 
	-ms-animation: righteaseinAnimate 0.8s ease 1; 
	-o-animation: righteaseinAnimate 0.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; 
}
}