.ani-view {

    -webkit-animation-duration:1s;

    -moz-animation-duration:1s;

    -o-animation-duration:1s;

    animation-duration:1s;

    -webkit-animation-fill-mode:forwards;

    -moz-animation-fill-mode:forwards;

    -o-animation-fill-mode:forwards;

    animation-fill-mode:forwards;

}



@-webkit-keyframes fadeInLeft {

    0% {

        opacity:0;

        -webkit-transform:translateY(20px)

    }

    100% {

        opacity:1;

        -webkit-transform:translateY(0)

    }

	

}

@-moz-keyframes fadeInLeft {

    0% {

        opacity:0;

        -moz-transform:translateY(20px)

    }

    100% {

        opacity:1;

        -moz-transform:translateY(0)

    }

	

}

@-o-keyframes fadeInLeft {

    0% {

    opacity:0;

    -o-transform:translateY(20px)

    }

    100% {

    opacity:1;

    -o-transform:translateY(0)

    }

	

}

@keyframes fadeInLeft {

    0% {

    opacity:0;

    transform:translateY(20px)

    }

    100% {

    opacity:1;

    transform:translateY(0)

    }

	

}

.ani-view.fade-in-left{



    opacity:0;

    opacity:1\0/IE9;

    



    -webkit-transform:translateY(20px);

    -moz-transform:translateY(20px);

    -o-transform:translateY(20px);

    transform:translateY(20px);

    -ms-transform:translateY(0)\0/IE9;

}

.ani-view.fadeInLeft {

    -webkit-animation-name:fadeInLeft;

    -moz-animation-name:fadeInLeft;

    -o-animation-name:fadeInLeft;

    animation-name:fadeInLeft;

}



.about-banner{ text-align:center;}

.about-banner img{max-width:100%;}

.about-t{ text-align:center; line-height:40px;color:#2e2e2e;padding:100px 0 30px 0;font-size:30px;}

.about-t2{ text-align:center;padding-top:10px;font-size:16px;color:#686868; line-height:30px;}



.about-lc{ text-align:center;padding:80px 0 120px 0;}

.about-lc span{ display:inline-block;}

.about-lc span p{font-size:15px;}

.about-lc span i{width:142px; background:url(../images/ico-8.png) center no-repeat; height:142px; display:inline-block}



.about-team{ background:#F6F6F6;padding:25px 0;}

.about-con{margin:0 auto; text-align:center; line-height:30px;font-size:16px;width:95%;}

.about-team-list{padding:100px 5%; text-align:center;}

.about-team-list ul{}

.about-team-list li{width:28%;float:left;padding:1em 2.5%; text-align:center;height:350px;}

.about-team-list li .pic{width:170px; height:170px; overflow:hidden; display:inline-block;}

.about-team-list li .pic img{width:170px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;}

.about-team-list li .tit{ background:url(../images/hx.jpg) center bottom no-repeat;padding:10px 0;font-size:28px;}

.about-team-list li .sub-tit{font-size:12px;color:#949494;padding:10px 0;}

.about-team-list li p{color:#696969; line-height:30px;word-wrap:break-word;}



.about-pic{ text-align:center;padding:40px 0 60px 0;}

.about-pic span{ display:inline-block;width:300px;margin:20px;}

.about-pic span p{font-size:15px;padding-top:10px;}





@media (max-width:1024px){

	.about-pic span{width:280px;margin:10px;}

	.about-lc span i{width:100px;}

	.about-team-list li{width:45%;}

	}

@media (max-width:720px){
	
	.about-pic span{width:100%;margin:10px;}
.about-con p{font-size:12px;}
	.about-lc span i{width:20px; background:none;}

	.about-t{font-size:20px;line-height:26px;}

	.about-team-list li{padding:1em 0;width:100%;}

	.about-pic span{margin:20px 0;}
.about-t2{font-size:13px;padding:0 5%;}
	

	}

@media (max-width:480px){

	.about-lc span i{ display:none;}

	.about-lc span{width:100%;}

	

	}