.publicTopAll{
    background: url(../images/mypic20.png) no-repeat center;
    height: 420px !important;
}


.pro_content{
    width: 100%;
    background: url("../images/mypic9.png") no-repeat center;
    color: #000;
    padding-bottom: 42px;
}
.pro_content .h3{
    padding: 45px 300px;
}
.pro_content .h3 p{
    /* height: 135px;
     */
     font-size: 16px;
     line-height: 24px;
     letter-spacing: 1px;
}

.active h3{

     -webkit-animation: up1 0.2s linear both;
	animation: up1 0.2s linear both;
}
.active p{

    -webkit-animation: up2 0.4s linear both;
	animation: up2 0.4s linear both;
}
.active .btn{
  -webkit-animation: up2 0.4s linear both;
	animation: up2 0.4s linear both;
  
}
@-webkit-keyframes up1{
	from { opacity: 0; -webkit-transform: translateY(100px); transform: translateY(100px);}
	to { opacity: 1;}
}
@keyframes up1 {
	from { opacity: 0; -webkit-transform: translateY(100px); transform: translateY(100px);}
	to { opacity: 1;}
}
@-webkit-keyframes up2{
	from { opacity: 0; -webkit-transform: translateY(200px); transform: translateY(200px);}
	to { opacity: 1;}
}
@keyframes up2 {
	from { opacity: 0; -webkit-transform: translateY(200px); transform: translateY(200px);}
	to { opacity: 1;}
}

.pro_list{
    margin-top: 0;
    height: 1082px;
}