@keyframes fadeInUp1 {
    0%{
     opacity: 0;
	 transform: translateX(-300px); 
    }
    100% {
     opacity: 1;
     transform: translateX(0px);
   }
}

@-webkit-keyframes fadeInUp1 {
  0%{
     opacity: 0;
	 transform: translateX(-300px); 
    }
    100% {
     opacity: 1;
     transform: translateX(0px);
   }
}


@keyframes rot{ 	
    0% { transform:rotate(0deg); -webkit-transform:rotate(0deg); }
    25% { transform:rotate(5deg); -webkit-transform:rotate(5deg); }
    50% { transform:rotate(-5deg); -webkit-transform:rotate(-5deg); }
    75% { transform:rotate(5deg); -webkit-transform:rotate(5deg); }
    100% { transform:rotate(0deg); -webkit-transform:rotate(0deg); }
}
@-webkit-keyframes rot{
    0% { transform:rotate(0deg); -webkit-transform:rotate(0deg); }
    25% { transform:rotate(5deg); -webkit-transform:rotate(5deg); }
    50% { transform:rotate(-5deg); -webkit-transform:rotate(-5deg); }
    75% { transform:rotate(5deg); -webkit-transform:rotate(5deg); }
    100% { transform:rotate(0deg); -webkit-transform:rotate(0deg); }
}

@-ms-keyframes rot{
    0% { transform:rotate(0deg); -ms-transform:rotate(0deg); }
    25% { transform:rotate(5deg); -ms-transform:rotate(5deg); }
    50% { transform:rotate(-5deg); -ms-transform:rotate(-5deg); }
    75% { transform:rotate(5deg); -ms-transform:rotate(5deg); }
    100% { transform:rotate(0deg); -ms-transform:rotate(0deg); }
}


@keyframes fadeInUp2 {
    0%{
     opacity: 0;
	 transform: translateY(200px); 
    }
    100% {
     opacity: 1;
     transform: translateY(0px);
   }
}

@-webkit-keyframes fadeInUp2 {
  0%{
     opacity: 0;
	 transform: translateY(200px); 
    }
    100% {
     opacity: 1;
     transform: translateY(0px);
   }
}



.footer{ width:100%; height:auto; overflow:hidden; background:#fff; border-top:6px solid #0097a9; margin-top:80px;}
.footer_con1{ width:1200px; height:auto; overflow:hidden; margin:0 auto; padding:40px 0;}
.footer_con1_l{ float:left; display:inline; margin-left:15px;}
.footer_con1_l .footer_logo{ margin-bottom:20px;}
.footer_con1_l p{ font-size:16px; color:#292929; line-height:35px;}
.footer_con1_r{ float:right; display:inline;}
.footer_nav{ width:auto; margin-left:50px; float:left;}
.footernav_tit img{ width:55px; height:55px; display:block; margin:0 auto;}
.footernav_tit img:hover{animation:rot 0.5s; -webkit-animation:rot 0.5s;}
ul.footernav_ul{ width:100%; height:auto; overflow:hidden;}
ul.footernav_ul li{ width:100%; height:35px; overflow:hidden;  font-size:16px; color:#292929; line-height:30px;padding-left:43px; box-sizing:border-box;}
ul.footernav_ul li a{color:#292929;}
ul.footernav_ul li a:hover{ color:#0f9dae;}


.footer_con2{ width:1200px; height:auto; overflow:hidden; margin:0 auto;  font-size:16px; color:#a4a4a4; line-height:30px;  border-top:1px solid #e9e9e9; padding:10px 0; text-indent:15px;}