/*footer*/
.foot{ height: 336px; background: url("../images/ft_bg.jpg") no-repeat center 0; font-size: 14px; color: #ababab; overflow: hidden;}
.foot .footer{width: 1200px;margin: 0 auto;}
.foot .ft_info{ height: 218px; padding-top: 58px;}
.foot h3{ font-size: 16px; color: #fff; font-weight: normal; text-align: left;}
.foot h3 i{ display: block; width: 25px; height: 2px; background: #018ccc; margin: 13px 0 15px; }
.foot .ft-logo{ width: 245px; border-right: 1px solid #373737; color: #fff; margin-right: 56px;}
.foot h2{ width: 100px; height: 67px; }
.foot h2 img{ display: block; }
.foot .ft-tel{ font-size: 20px; margin: 15px 0;}
.foot .ft-inquery{ display: block; width: 100px; height: 30px; line-height: 30px; text-align: center; background: #ffa200; border-radius: 5px; font-size: 14px; color: #fff; }
.foot .ft-inquery:hover{background: #0c82e8}
.foot .ft_contact{ width: 377px; line-height: 30px; border-right: 1px solid #373737; margin-right: 56px;}
.ft_nav{ width: 277px; border-right: 1px solid #373737; margin-right: 56px;}
.ft_nav a{ display: inline-block; width: 116px; line-height: 45px; color: #ababab; }
.ft_nav a:hover{ color:#ffa200;}
.foot .code{width: 84px; text-align: center;}
.foot .code img{ width: 84px; height: 84px; display: block; }
.foot .code em{ display: block; font-size: 12px; margin-top: 10px;}
.foot .ft_contact a{ color:#ABABAB;}
.copyright{ height: 59px; border-top: 1px solid #454545; line-height: 59px; font-size: 14px; text-align: center;}
.copyright a{ color: #ababab;  }


/*首页渐出效果*/
.animate-box{opacity:1;}
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;}
.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s;}
.animated.bounceIn,.animated.bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s;}
.animated.flipOutX,.animated.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s;}
@-webkit-keyframes fadeInUp{
	from{opacity:0;-webkit-transform:translate3d(0,40px,0);transform:translate3d(0,40px,0);}
	to{opacity:1;-webkit-transform:none;transform:none;}
}
@keyframes fadeInUp{
	from{opacity:0;-webkit-transform:translate3d(0,40px,0);transform:translate3d(0,40px,0);}
	to{opacity:1;-webkit-transform:none;transform:none;}
}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;}

/*END 首页渐出效果*/