﻿/*init*/



/*公司荣誉*/
.honour{
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 60px;
	padding-left: 0;
}
.honour-ul{margin: 0px;}
.honour-li{float:left;width: 23%; margin-left:1%; margin-right:1%; margin-bottom:30px;}
.honour-li a{position:relative;display: block;border: 1px solid #e1e1e1; color:#333333; }
.honour-li a:hover{
	color:#0074d2;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #0074d2;
}
.honour-li img{display:block;width:100%; }
.honour-li p{ line-height:40px; text-align:center; font-size:16px}
.honour-li a:hover .honour-li-i{display: block;}
.honour-li a:hover .honour-li-p{background: #b20302;}
.shade{position: fixed;left: 0;top: 0;z-index:2;display:none;width: 100%;height: 100%;background-color: #000;opacity: .6;filter: alpha(opacity=60);}
.ale-img{position: fixed;left: 50%;top: 20%;z-index:2;display:none;margin-left: -400px;width: 800px;}
.ale-img img{
	display: block;
	width: 100%;
	border: 3px solid #FFFFFF;
}
.ale-img-close{position: absolute;right: -15px;top: -15px;width: 30px;height: 30px;background: url("../about1/icon19.png");cursor: pointer;}





/*动画效果*/
.ani-up{visibility: hidden;-webkit-opacity: 0;opacity: 0;}
.fadeInUp{visibility: visible;animation: fadeInUp ease-out .6s forwards;-webkit-animation: fadeInUp ease-out .6s forwards;-moz-animation: fadeInUp ease-out .6s forwards;}
.ani-rig{visibility: hidden;-webkit-opacity: 0;opacity: 0;}
.faderight {visibility: visible;animation: faderight ease-out .6s forwards;-webkit-animation: faderight ease-out .6s forwards;-moz-animation: faderight ease-out .6s forwards;}
.ani-left{visibility: hidden;-webkit-opacity: 0;opacity: 0;}
.fadeleft {visibility: visible;animation: fadeleft ease-out .6s forwards;-webkit-animation: fadeleft ease-out .6s forwards;-moz-animation: fadeleft ease-out .6s forwards;}
.scalew{animation: scaleW .8s 1s both;-moz-animation: scaleW .8s 1s both;-webkit-animation: scaleW .8s 1s both;}
.scaleh{animation: scaleH .8s 1s both;-webkit-animation: scaleH .8s 1s both; -moz-animation: scaleH .8s 1s both;}
.fadedown{-webkit-animation:fadeInDown .8s .3s both;-moz-animation:fadeInDown .8s .3s both;animation:fadeInDown .8s .3s both;}
.fadeup{-webkit-animation: fadeInUp .8s .3s both;-moz-animation: fadeInUp .8s .3s both;animation: fadeInUp .8s .3s both;}
.ostar{animation: ostar 1s 0s infinite linear both;-webkit-animation: ostar 1s 0s infinite linear both; -moz-animation: ostar 1s 0s infinite linear both;}
@keyframes ostar{
	0%{opacity:0}
	50%{opacity:1}
	100%{opacity:0}
}
@-webkit-keyframes ostar{
	0%{opacity:0}
	50%{opacity:1}
	100%{opacity:0}
}
@-moz-keyframes ostar{
	0%{opacity:0}
	50%{opacity:1}
	100%{opacity:0}
}
@keyframes scaleW{
	0%{transform:scaleX(0)}
	100%{transform:scaleX(1)}
}
@-webkit-keyframes scaleW{
	0%{-webkit-transform:scaleX(0)}
	100%{-webkit-transform:scaleX(1)}
}
@-moz-keyframes scaleW{
	0%{-moz-transform:scaleX(0)}
	100%{-moz-transform:scaleX(1)}
}
@keyframes scaleH{
	0%{transform:scaleY(0)}
	100%{transform:scaleY(1)}
}
@-webkit-keyframes scaleH{
	0%{-webkit-transform:scaleY(0)}
	100%{-webkit-transform:scaleY(1)}
}
@-moz-keyframes scaleH{
	0%{-moz-transform:scaleY(0)}
	100%{-moz-transform:scaleY(1)}
}
@keyframes fadeInDown {
    0% { opacity: 0; transform: translate3d(0,-100%,0)}
    100% { opacity: 1;transform: none;}
}
@-webkit-keyframes fadeInDown { 
	0% { opacity: 0; -webkit-transform: translate3d(0,-100%,0);}
	100% { opacity: 1; -webkit-transform: none;}
}
@-moz-keyframes fadeInDown { 
	0% { opacity: 0; -moz-transform: translate3d(0,-100%,0);}
	100% { opacity: 1; -moz-transform: none;}
}

@keyframes fadeInUp {
	0% {opacity: 0;transform: translate3d(0, 50%, 0);}
	100% {opacity: 1;transform: none;}
}
@-webkit-keyframes fadeInUp {
	0% {opacity: 0;-webkit-opacity: 0;-webkit-transform: translate3d(0, 50%, 0);}
	100% {opacity: 1;-webkit-opacity: 1;-webkit-transform: none;}
}
@-moz-keyframes fadeInUp {
	0% {opacity: 0;-moz-transform: translate3d(0, 50%, 0);}
	100% {opacity: 1;-moz-transform: none;}
}
@keyframes faderight {
	0% {opacity: 0;transform: translate3d(-50%, 0, 0);}
	100% {opacity: 1;transform: none}
}
@-webkit-keyframes faderight {
	0% {opacity: 0;-webkit-opacity: 0;-webkit-transform: translate3d(-50%, 0, 0);}
	100% {opacity: 1;-webkit-opacity: 1;-webkit-transform: none;}
}
@-moz-keyframes faderight {
	0% {opacity: 0;-moz-transform: translate3d(-50%, 0, 0);}
	100% {opacity: 1;-moz-transform: none;}
}
@keyframes fadeleft {
	0% {opacity: 0;transform: translate3d(50%, 0, 0);}
	100% {opacity: 1;transform: none}
}
@-webkit-keyframes fadeleft {
	0% {opacity: 0;-webkit-opacity: 0;-webkit-transform: translate3d(50%, 0, 0);}
	100% {opacity: 1;-webkit-opacity: 1;-webkit-transform: none;}
}
@-moz-keyframes fadeleft {
	0% {opacity: 0;-moz-transform: translate3d(50%, 0, 0);}
	100% {opacity: 1;-moz-transform: none;}
}
