@media (max-width:420px)
{
	.wisperson2_title
  	{
  		width:50%;
  		margin: 0 auto;
  		text-align: center;
  		font-size: 20px;
  	}
.wisperson2_body
{  overflow:hidden; 
	width: 100%;
 margin-top: 1.1%;
 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_3_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_3
{ 
	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; 
}
@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;} }
.item_2_article{ 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; }
.icon_2{ animation: topeaseinAnimate 0.8s ease 1; /*调用已定义好的动画lefteaseinAnimate,全程运行时间1S,进入的速度曲线为ease,只播放一次*/ 
-webkit-animation: topeaseinAnimate 0.8s ease 1; 
-ms-animation: topeaseinAnimate 0.8s ease 1; 
-o-animation: topeaseinAnimate 0.8s ease 1; 
-moz-animation: topeaseinAnimate 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_title
{
	display: none;
}
	.phone_body
 	{
 		display: none;
 	}
.wisperson2_body
{  overflow:hidden; 
	width: 100%;
 margin-top: 1.1%;
}
/*带数字的圆圈样式*/
.icon_circle
{
	border-radius: 50%;
	height: 25px;
	width: 25px;
	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%;

}
.img1
{   overflow:hidden; 
    cursor: pointer;
    transition: all 0.9s;
	max-width: 100%;
}
.img1:hover
{
				transform: scale(1.1);
}

.icon_1
{   width: 9.5%;
	margin-top: 0.8%;
	font-size: 21px;
    float: left;
    text-align: right;
}


.item_1_article

{   width:22%;
	max-width: 27%;
    margin-top: 0.80%;
    margin-left: 0.5%;
    float: left;
    font-size: 19px;
    line-height: 25px;
}
.item_1_article_text

{    margin-top:5%;
	width:100%;
	font-size: 16px;
	line-height: 32px;
}


.item_2 
{   
	overflow: hidden;
	float: left;
	width: 50%;
	max-width: 27%;
	margin-left: 1.25%;
	margin-right: 1.25%;
}

.img2
{   overflow:hidden; 
    cursor: pointer;
    transition: all 0.9s;
	max-width: 100%;
}
.img2:hover
{
				transform: scale(1.1);
}

.icon_2
{   
    width: 7%;
	margin-top: 0.8%;
	font-size: 21px;
    float: left;
    text-align: right;
}
.item_2_article
{  
	width:18%;
	max-width: 27%;
    margin-top: 0.80%;
    margin-left: 0.5%;
    float: left;
    font-size: 19px;
    line-height: 25px;
   
}

.item_2_article_text
{  
    margin-top:3.5%;
	width:100%;
	font-size: 16px;
	line-height: 32px;

}


.item_3 
{   
	overflow: hidden;
	float: left;
	width: 50%;
	max-width: 27%;
	margin-left: 1.25%;
	margin-right: 7%;
}

.img3
{   overflow:hidden; 
    cursor: pointer;
    transition: all 0.9s;
	max-width: 100%;
}
.img3:hover
{
				transform: scale(1.1);
}
.icon_3
{
	width:11%;
   
	margin-top: 0.8%;
	font-size: 21px;
    float: left;
    text-align: right;
}
.item_3_article
{ 
	width:22%;
	max-width: 27%;
    margin-top: 0.80%;
    margin-left: 0.5%;
    float: left;
    font-size: 19px;
    line-height: 25px;
   
}

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