﻿@charset "utf-8";
/* CSS Document */



/***************************开始政府类信息化建设开始*****************************/
@keyframes xxh3Icon3 {
 0%, 100% {
 -moz-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
 25% {
 -moz-transform: rotate(5deg);
 -ms-transform: rotate(5deg);
 -webkit-transform: rotate(5deg);
 transform: rotate(5deg);
}
 50% {
 -moz-transform: rotate(-5deg);
 -ms-transform: rotate(-5deg);
 -webkit-transform: rotate(-5deg);
 transform: rotate(-5deg);
}
 75% {
 -moz-transform: rotate(2deg);
 -ms-transform: rotate(2deg);
 -webkit-transform: rotate(2deg);
 transform: rotate(2deg);
}
 85% {
 -moz-transform: rotate(-2deg);
 -ms-transform: rotate(-2deg);
 -webkit-transform: rotate(-2deg);
 transform: rotate(-2deg);
}
}
 @-webkit-keyframes xxh3Icon3 {
 0%, 100% {
 -moz-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
 25% {
 -moz-transform: rotate(5deg);
 -ms-transform: rotate(5deg);
 -webkit-transform: rotate(5deg);
 transform: rotate(5deg);
}
 50% {
 -moz-transform: rotate(-5deg);
 -ms-transform: rotate(-5deg);
 -webkit-transform: rotate(-5deg);
 transform: rotate(-5deg);
}
 75% {
 -moz-transform: rotate(2deg);
 -ms-transform: rotate(2deg);
 -webkit-transform: rotate(2deg);
 transform: rotate(2deg);
}
 85% {
 -moz-transform: rotate(-2deg);
 -ms-transform: rotate(-2deg);
 -webkit-transform: rotate(-2deg);
 transform: rotate(-2deg);
}
}



/***************************开始政府类信息化建设结束*****************************/



@keyframes ptimg {
0% {
transform:translateY(-30px);
opacity: 0;
}
100% {
opacity: 1;
}
}
 @-webkit-keyframes ptimg {
0% {
transform:translateY(-30px);
opacity: 0;
}
100% {
opacity: 1;
}
}
 @keyframes slogan {
0% {
transform:translateX(30px) translateY(30px);
opacity: 0;
}
25% {
transform: scaleX(0.9);
}
50% {
transform: scaleX(1);
}
100% {
transform: scaleX(1);
opacity:1;
}
}
 @-webkit-keyframes slogan {
0% {
transform:translateX(30px) translateY(30px);
opacity: 0;
}
25% {
transform: scaleX(0.9);
}
50% {
transform: scaleX(1);
}
100% {
transform: scaleX(1);
opacity:1;
}
}
 @keyframes dgBtn {
0% {
transform:translateY(30px);
opacity: 0;
}
100% {
opacity: 1;
}
}
 @-webkit-keyframes dgBtn {
0% {
transform:translateY(30px);
opacity: 0;
}
100% {
opacity: 1;
}
}
 @keyframes tkMain {
0% {
transform: scaleX(0.2) scaleY(0.2) translateY(300px);
opacity: 0;
}
100% {
transform: scaleX(1) scaleY(1) translateY(0px);;
opacity:1;
}
}
 @-webkit-keyframes tkMain {
0% {
transform: scaleX(0.2) scaleY(0.2) translateY(300px);
opacity: 0;
}
100% {
transform: scaleX(1) scaleY(1) translateY(0px);;
opacity:1;
}
}
 @keyframes DuelTop {
0% {
transform:translateY(-100px);
opacity: 0;
}
100% {
opacity: 1;
}
}
 @-webkit-keyframes DuelTop {
0% {
transform:translateY(-100px);
opacity: 0;
}
100% {
opacity: 1;
}
}
 @keyframes DuelPt {
0% {
transform:translateX(-100px);
opacity: 0;
}
100% {
opacity: 1;
}
}
 @-webkit-keyframes DuelPt {
0% {
transform:translateX(-100px);
opacity: 0;
}
100% {
opacity: 1;
}
}
 @keyframes DuelBottom {
0% {
transform:translateX(100px);
opacity: 0;
}
100% {
opacity: 1;
}
}
 @-webkit-keyframes DuelBottom {
0% {
transform:translateX(100px);
opacity: 0;
}
100% {
opacity: 1;
}
}
 @keyframes DuelTitle {
0% {
transform: scaleX(2) scaleY(2);
opacity: 0;
}
100% {
transform: scaleX(1) scaleY(1) translateY(0px);;
opacity:1;
}
}
 @-webkit-keyframes DuelTitle {
0% {
transform: scaleX(2) scaleY(2);
opacity: 0;
}
100% {
transform: scaleX(1) scaleY(1) translateY(0px);;
opacity:1;
}
}
 @keyframes tk2Main {
0% {
transform: scaleX(0.2) scaleY(0.2);
opacity: 0;
}
70% {
transform: scaleX(1.1) scaleY(1.1);
}
100% {
transform: scaleX(1) scaleY(1) translateY(0px);;
opacity:1;
}
}
 @-webkit-keyframes tk2Main {
0% {
transform: scaleX(0.2) scaleY(0.2);
opacity: 0;
}
70% {
transform: scaleX(1.1) scaleY(1.1);
}
100% {
transform: scaleX(1) scaleY(1) translateY(0px);;
opacity:1;
}
}
 @keyframes ksjdTopLeft {
0% {
transform:translateX(-100px);
opacity: 0;
}
100% {
opacity: 1;
}
}
 @-webkit-keyframes ksjdTopLeft {
0% {
transform:translateX(-100px);
opacity: 0;
}
100% {
opacity: 1;
}
}
 @keyframes ksjdTopRight {
0% {
transform:translateX(100px);
opacity: 0;
}
100% {
opacity: 1;
}
}
 @-webkit-keyframes ksjdTopRight {
0% {
transform:translateX(100px);
opacity: 0;
}
100% {
opacity: 1;
}
}
 @keyframes ksjdTopTitle {
0% {
transform: scaleX(0.2) scaleY(0.2);
opacity: 0;
}
70% {
transform: scaleX(1.1) scaleY(1.1);
}
100% {
transform: scaleX(1) scaleY(1) translateY(0px);;
opacity:1;
}
}
 @-webkit-keyframes ksjdTopTitle {
0% {
transform: scaleX(0.2) scaleY(0.2);
opacity: 0;
}
70% {
transform: scaleX(1.1) scaleY(1.1);
}
100% {
transform: scaleX(1) scaleY(1) translateY(0px);;
opacity:1;
}
}
 @keyframes ksjdBottom {
0% {
transform:translateY(50px);
opacity: 0;
}
100% {
opacity: 1;
}
}
 @-webkit-keyframes ksjdBottom {
0% {
transform:translateY(50px);
opacity: 0;
}
100% {
opacity: 1;
}
}
 @keyframes jdcgShow {
0% {
transform: scaleX(0.2) scaleY(0.2);
opacity: 0;
}
70% {
transform: scaleX(1.1) scaleY(1.1);
}
100% {
transform: scaleX(1) scaleY(1) translateY(0px);;
opacity:1;
}
}
 @-webkit-keyframes jdcgShow {
0% {
transform: scaleX(0.2) scaleY(0.2);
opacity: 0;
}
70% {
transform: scaleX(1.1) scaleY(1.1);
}
100% {
transform: scaleX(1) scaleY(1) translateY(0px);;
opacity:1;
}
}
 @keyframes jdcgBtn {
0% {
transform:translateY(50px);
opacity: 0;
}
100% {
opacity: 1;
}
}
 @-webkit-keyframes jdcgBtn {
0% {
transform:translateY(50px);
opacity: 0;
}
100% {
opacity: 1;
}
}
 @keyframes phbTop {
0% {
transform:translateY(-50px);
opacity: 0;
}
100% {
opacity: 1;
}
}
 @-webkit-keyframes phbTop {
0% {
transform:translateY(-50px);
opacity: 0;
}
100% {
opacity: 1;
}
}
 @keyframes phbBottom {
0% {
transform:translateY(50px);
opacity: 0;
}
100% {
opacity: 1;
}
}
 @-webkit-keyframes phbBottom {
0% {
transform:translateY(50px);
opacity: 0;
}
100% {
opacity: 1;
}
}
