/***header{ width:100%; height:60px; position:fixed; background:rgba(242, 242, 242, 0.85); left:0; top:0; z-index:100; -webkit-box-shadow:0px 1px 3px rgba(0, 0, 0, 0.3);} .navUL{ height:60px; width:1206px; margin:0 auto;} .navUL li{ float:left; height:100%;}.navUL li a{ display:block; height:100%;} .logo{ width:280px; background:url(../images/p_logo.png) no-repeat left center;}.navone{ width:151px; height:60px; overflow:hidden; text-align:center; color:#333; font:normal 18px/60px "Microsoft YaHei"; position:relative; cursor:pointer; cursor:hand;}**/ .chanBG{ width:100%; min-height:673px; position:relative;} .chBG_big{ width:100%; height:860px; position:absolute; left:0; top:0; background-color:#19a7eb;} @-moz-keyframes navone {0% {transform:rotateX(0deg);-webkit-transform:rotateX(0deg);-moz-transform:rotateX(0deg); transition-timing-function:ease-in-out; -webkit-transition-timing-function:ease-in-out; -moz-transition-timing-function:ease-in-out;}50% {transform:rotateX(180deg);-webkit-transform:rotateX(180deg);-moz-transform:rotateX(180deg); transition-timing-function:ease-in-out; -webkit-transition-timing-function:ease-in-out; -moz-transition-timing-function:ease-in-out;}100% {transform:rotateX(360deg);-webkit-transform:rotateX(360deg);-moz-transform:rotateX(360deg); transition-timing-function:ease-in-out; -webkit-transition-timing-function:ease-in-out; -moz-transition-timing-function:ease-in-out;}} @-webkit-keyframes navone {0% {transform:rotateX(0deg);-webkit-transform:rotateX(0deg);-moz-transform:rotateX(0deg); transition-timing-function:ease-in-out; -webkit-transition-timing-function:ease-in-out; -moz-transition-timing-function:ease-in-out;}50% {transform:rotateX(180deg);-webkit-transform:rotateX(180deg);-moz-transform:rotateX(180deg); transition-timing-function:ease-in-out; -webkit-transition-timing-function:ease-in-out; -moz-transition-timing-function:ease-in-out;}100% {transform:rotateX(360deg);-webkit-transform:rotateX(360deg);-moz-transform:rotateX(360deg); transition-timing-function:ease-in-out; -webkit-transition-timing-function:ease-in-out; -moz-transition-timing-function:ease-in-out;}} @keyframes navone {0% {transform:rotateX(0deg);-webkit-transform:rotateX(0deg);-moz-transform:rotateX(0deg); transition-timing-function:ease-in-out; -webkit-transition-timing-function:ease-in-out; -moz-transition-timing-function:ease-in-out;}50% {transform:rotateX(180deg);-webkit-transform:rotateX(180deg);-moz-transform:rotateX(180deg); transition-timing-function:ease-in-out; -webkit-transition-timing-function:ease-in-out; -moz-transition-timing-function:ease-in-out;}100% {transform:rotateX(360deg);-webkit-transform:rotateX(360deg);-moz-transform:rotateX(360deg); transition-timing-function:ease-in-out; -webkit-transition-timing-function:ease-in-out; -moz-transition-timing-function:ease-in-out;}} .navone i{ font-style:normal; width:100%; position:absolute; display:block; left:0; top:0; transition: ease-in-out 0.3s all; -webkit-transition: ease-in-out 0.3s all; -moz-transition: ease-in-out 0.3s all;} .navone b{font-weight:normal; width:100%; position:absolute; display:block; left:0; top:60px; background-color:#19a7eb; color:#fff; transition:linear 0.2s all; -webkit-transition:linear 0.2s all; -moz-transition:linear 0.2s all;} .navCH i{ top:-60px;} .navCH b{background-color:#19a7eb; color:#fff; top:0px;} .navone:hover i{ transform:translateY(-60px); -webkit-transform:translateY(-60px); -moz-transform:translateY(-60px);} .navone:hover b{ transform:translateY(-60px); -webkit-transform:translateY(-60px); -moz-transform:translateY(-60px);} .navCH:hover i{ transform:translateY(0px); -webkit-transform:translateY(0px); -moz-transform:translateY(0px);} .navCH:hover b{ transform:translateY(0px); -webkit-transform:translateY(0px); -moz-transform:translateY(0px);} .finalfooter{ width:100%; height:50px; color:#fff; font:normal 14px/50px "Microsoft YaHei"; background:rgba(0,0,0,0.3); text-align:center;} /*动画*/ @-moz-keyframes fadeIn {0% { opacity:0; -webkit-opacity:0; -moz-opacity:0;}100% { opacity:1; -webkit-opacity:1; -moz-opacity:1; }} @-webkit-keyframes fadeIn {0% {opacity:0; -webkit-opacity:0; -moz-opacity:0;}100% {opacity:1; -webkit-opacity:1; -moz-opacity:1; }} @keyframes fadeIn {0% {opacity:0; -webkit-opacity:0; -moz-opacity:0;}100% {opacity:1; -webkit-opacity:1; -moz-opacity:1; }} @-moz-keyframes fadeOut{0% { opacity:1; -webkit-opacity:1; -moz-opacity:1;}100% { opacity:0; -webkit-opacity:0; -moz-opacity:0; }} @-webkit-keyframes fadeOut {0% {opacity:1; -webkit-opacity:1; -moz-opacity:1;}100% {opacity:0; -webkit-opacity:0; -moz-opacity:0; }} @keyframes fadeOut {0% {opacity:1; -webkit-opacity:1; -moz-opacity:1;}100% {opacity:0; -webkit-opacity:0; -moz-opacity:0; }} @-moz-keyframes slidIn{0% { opacity:0; -webkit-opacity:0; -moz-opacity:0; transform:translateY(50px); -webkit-transform:translateY(50px); -moz-transform:translateY(50px);}100% { opacity:1; -webkit-opacity:1; -moz-opacity:1;transform:translateY(0px); -webkit-transform:translateY(0px); -moz-transform:translateY(0px); }} @-webkit-keyframes slidIn{0% { opacity:0; -webkit-opacity:0; -moz-opacity:0; transform:translateY(50px); -webkit-transform:translateY(50px); -moz-transform:translateY(50px);}100% { opacity:1; -webkit-opacity:1; -moz-opacity:1;transform:translateY(0px); -webkit-transform:translateY(0px); -moz-transform:translateY(0px); }} @keyframes slidIn{0% { opacity:0; -webkit-opacity:0; -moz-opacity:0; transform:translateY(50px); -webkit-transform:translateY(50px); -moz-transform:translateY(50px);}100% { opacity:1; -webkit-opacity:1; -moz-opacity:1;transform:translateY(0px); -webkit-transform:translateY(0px); -moz-transform:translateY(0px); }} /*预加载动画样式*/ @-moz-keyframes preload2 {0% {-webkit-transform:translateY(80px);-moz-transform:translateY(80px);opacity:0}100% {-webkit-transform:translateY(0px);-moz-transform:translateY(0px);opacity:1}} @-webkit-keyframes preload2 {0% {-webkit-transform:translateY(80px);-moz-transform:translateY(80px);opacity:0}100% {-webkit-transform:translateY(0px);-moz-transform:translateY(0px);opacity:1}} @keyframes preload2 {0% {-webkit-transform:translateY(80px);-moz-transform:translateY(80px);opacity:0}100% {-webkit-transform:translateY(0px);-moz-transform:translateY(0px);opacity:1}} @-moz-keyframes preload3 {0% {-webkit-transform:translateY(80px);-moz-transform:translateY(80px);opacity:0}100% {-webkit-transform:translateY(0px);-moz-transform:translateY(0px);opacity:1}} @-webkit-keyframes preload3 {0% {-webkit-transform:translateY(80px);-moz-transform:translateY(80px);opacity:0}100% {-webkit-transform:translateY(0px);-moz-transform:translateY(0px);opacity:1}} @keyframes preload3 {0% {-webkit-transform:translateY(80px);-moz-transform:translateY(80px);opacity:0}100% {-webkit-transform:translateY(0px);-moz-transform:translateY(0px);opacity:1}} @-moz-keyframes preload-layer {0% {visibility:visible;clip:rect(0px 2560px 1400px 0px)}60% {visibility:visible;clip:rect(0px 2560px 1400px 0)}100% {visibility:hidden;clip:rect(0px 2560px 0px 0px)}} @-webkit-keyframes preload-layer {0% {visibility:visible;clip:rect(0px 2560px 1400px 0px)}60% {visibility:visible;clip:rect(0px 2560px 1400px 0)}100% {visibility:hidden;clip:rect(0px 2560px 0px 0px)}} @keyframes preload-layer {0% {visibility:visible;clip:rect(0px 2560px 1400px 0px)}60% {visibility:visible;clip:rect(0px 2560px 1400px 0)}100% {visibility:hidden;clip:rect(0px 2560px 0px 0px)}} footer .fwrap{ width:100%; height:215px; background-color:#f2f2f2; border-top:3px solid #e9e9e9;} .ftext{ width:880px; margin-left:48px; margin-top:50px; text-align:left;} .btlink{ width:100%; color:#cacaca; font:normal 14px/26px "Micosoft YaHei"; padding-bottom:10px;}.btlink a{ padding:0 10px; color:#333b42; font-family:"Microsoft YaHei";} .bttO{ width:100%; font:normal 12px/22px "Microsoft YaHei"; color:#5a6269; padding-top:5px;} .fwx{ width:120px; padding:40px 50px 0 50px;} .ewm{ width:104px; height:104px; padding:8px; background-color:#fff; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;} .wtex{ width:100%; color:#dadcdd; font:normal 12px/24px "Microsoft YaHei"; text-align:center;} @-moz-keyframes preload-bann {0% {visibility: visible;clip:rect(0px 2560px 1000px 0px)}100% { visibility:hidden; clip:rect(0px 3560px 1000px 3560px)}} @-webkit-keyframes preload-bann {0% {visibility: visible;clip:rect(0px 2560px 1000px 0px)}100% {visibility:hidden; clip:rect(0px 3560px 1000px 3560px)}} @keyframes preload-bann {0% {visibility: visible;clip:rect(0px 2560px 1000px 0px)}100% {visibility:hidden; clip:rect(0px 3560px 1000px 3560px)}} .banner{ width:100%; height:auto; position:relative; overflow:hidden;} .slidBanner{ width:100%; height:100%; position:absolute; z-index:98; overflow:hidden; left:0; top:60px; clip:rect(0px 2560px 1000px 0px); animation:preload-bann 1.5s both 4.5s; -webkit-animation:preload-bann 1.5s both 4.5s; -moz-animation:preload-bann 1.5s both 4.5s;} .indBG {width: 100%; height: 100%;} .indBG img {max-width: 100%;} .animaDiv,.animOne{ width:100%; height:100%; overflow:hidden;} .mTit{ font-family:"SimSun"; font-size:60px; color:#FFF;} .prev,.next{width:40px;height:77px;overflow:hidden;display:block;position:absolute;top:50%; margin-top:-38px;z-index:10;cursor:pointer;} .next{right:50px; background:url(../images/right.png) no-repeat;} .prev{left:50px; background:url(../images/left.png) no-repeat;} .pageUL{width:100px;position:absolute;bottom:1%; left:50%; margin-left:-50px;} .pageUL li{margin:0 5px;display:inline-block;zoom:1;*display:inline;} .pageUL li a{background: url(../images/di.png) no-repeat;display:block;height:12px;overflow:hidden;width:12px;cursor:pointer; font-size:0;} .pageUL li a.active{ background:url(../images/di_h.png) no-repeat;} .animOne{position: relative; overflow: hidden; width:100%; padding:100px 0;} .msInfo { font-family:"Microsoft YaHei"; width: 1150px; margin: 0 auto; font-size: 14px; line-height: 24px; color: #b2e6ff; padding:10px 0;} .msTit{ font-family:"Microsoft YaHei"; width: 1150px; margin: 0 auto; font-size: 20px; color: #fff; line-height: 24px; margin-top:14px;} .desc01,.desc02,.desc03{display:block;width:170px;height:45px;margin:0 auto;margin-top:10px;font:normal 15px/45px "Microsoft YaHei";color:#fff; border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;} .desc01{ background-color:#55c7ff; } .desc02{ background-color:#4ee481; } .desc03{ background-color:#ffb97a; } .desc01:hover{ background-color:#0381bd; cursor:pointer; cursor:hand;} .desc02:hover{ background-color:#0aa33e; cursor:pointer; cursor:hand;} .desc03:hover{ background-color:#db7215; cursor:pointer; cursor:hand;} .mPic { width:92%; margin:0 auto; margin-top: 2%;} .msPic { width: 42%; margin-top: 3%;} .mcPic { width: 36%;} .mcPic img, .msPic img { width: 100%; height: auto;} .mPic01{ width: 50%; margin:0 auto; position:relative; margin-top:5%;} .im01,.im04{ width:76%; height:auto;} .im05{ width:29%; height:auto;} .im02{ width:29%; height:auto; position:absolute; bottom:0; left:40px; z-index:10;} .im06{ width:50%; height:auto; position:absolute; bottom:0; left:40px; z-index:10;} .im03{ width:29%; height:auto; position:absolute; bottom:0; right:40px; z-index:10;} /*显示动画效果---渐显*/ @-moz-keyframes text01 {0% {-webkit-transform:translateY(200px);-moz-transform:translateY(200px); opacity:0; -webkit-opacity:0; -moz-opacity:0;}100% {-webkit-transform:translateY(0px);-moz-transform:translateY(0px); opacity:1; -webkit-opacity:1; -moz-opacity:1;}} @-webkit-keyframes text01 {0% {-webkit-transform:translateY(200px); -moz-transform:translateY(200px); opacity:0; -webkit-opacity:0; -moz-opacity:0;}100% {-webkit-transform:translateY(0px);-moz-transform:translateY(0px); opacity:1; -webkit-opacity:1; -moz-opacity:1;}} @keyframes text01 {0% {-webkit-transform:translateY(200px); -moz-transform:translateY(200px); opacity:0; -webkit-opacity:0; -moz-opacity:0;}100% {-webkit-transform:translateY(0px);-moz-transform:translateY(0px); opacity:1; -webkit-opacity:1; -moz-opacity:1;}} @-moz-keyframes text02 {0% {-webkit-transform:translateY(100px); -moz-transform:translateY(100px); opacity:0; -webkit-opacity:0; -moz-opacity:0;}100% {-webkit-transform:translateY(0px);-moz-transform:translateY(0px); opacity:1; -webkit-opacity:1; -moz-opacity:1;}} @-webkit-keyframes text02 {0% {-webkit-transform:translateY(100px); -moz-transform:translateY(100px); opacity:0; -webkit-opacity:0; -moz-opacity:0;}100% {-webkit-transform:translateY(0px);-moz-transform:translateY(0px); opacity:1; -webkit-opacity:1; -moz-opacity:1;}} @keyframes text02 {0% {-webkit-transform:translateY(100px); -moz-transform:translateY(100px); opacity:0; -webkit-opacity:0; -moz-opacity:0;}100% {-webkit-transform:translateY(0px);-moz-transform:translateY(0px); opacity:1; -webkit-opacity:1; -moz-opacity:1;}} @-moz-keyframes im01 {0% {-webkit-transform:translateY(150px); -moz-transform:translateY(150px); opacity:0; -webkit-opacity:0; -moz-opacity:0;}100% {-webkit-transform:translateY(0px);-moz-transform:translateY(0px); opacity:1; -webkit-opacity:1; -moz-opacity:1;}} @-webkit-keyframes im01 {0% {-webkit-transform:translateY(150px); -moz-transform:translateY(150px); opacity:0; -webkit-opacity:0; -moz-opacity:0;}100% {-webkit-transform:translateY(0px);-moz-transform:translateY(0px); opacity:1; -webkit-opacity:1; -moz-opacity:1;}} @keyframes im01 {0% {-webkit-transform:translateY(150px); -moz-transform:translateY(150px); opacity:0; -webkit-opacity:0; -moz-opacity:0;}100% {-webkit-transform:translateY(0px);-moz-transform:translateY(0px); opacity:1; -webkit-opacity:1; -moz-opacity:1;}} @-moz-keyframes im02{0% {-webkit-transform:translate(-100px,100px); -moz-transform:translate(-100px,100px); opacity:0; -webkit-opacity:0; -moz-opacity:0;}60%{ opacity:1; -webkit-opacity:1; -moz-opacity:1;}100% {-webkit-transform:translate(0px,0px);-moz-transform:translate(0px,0px);}} @-webkit-keyframes im02 {0% {-webkit-transform:translate(-100px,100px); -moz-transform:translate(-100px,100px); opacity:0; -webkit-opacity:0; -moz-opacity:0;}60%{ opacity:1; -webkit-opacity:1; -moz-opacity:1;}100% {-webkit-transform:translate(0px,0px);-moz-transform:translate(0px,0px);}} @keyframes im06 {0% {-webkit-transform:translate(-100px,100px); -moz-transform:translate(-100px,100px); opacity:0; -webkit-opacity:0; -moz-opacity:0;}60%{ opacity:1; -webkit-opacity:1; -moz-opacity:1;}100% {-webkit-transform:translate(0px,0px);-moz-transform:translate(0px,0px);}} @-moz-keyframes im06{0% {-webkit-transform:translate(-100px,100px); -moz-transform:translate(-100px,100px); opacity:0; -webkit-opacity:0; -moz-opacity:0;}60%{ opacity:1; -webkit-opacity:1; -moz-opacity:1;}100% {-webkit-transform:translate(0px,0px);-moz-transform:translate(0px,0px);}} @-webkit-keyframes im06 {0% {-webkit-transform:translate(-100px,100px); -moz-transform:translate(-100px,100px); opacity:0; -webkit-opacity:0; -moz-opacity:0;}60%{ opacity:1; -webkit-opacity:1; -moz-opacity:1;}100% {-webkit-transform:translate(0px,0px);-moz-transform:translate(0px,0px);}} @keyframes im06 {0% {-webkit-transform:translate(-100px,100px); -moz-transform:translate(-100px,100px); opacity:0; -webkit-opacity:0; -moz-opacity:0;}60%{ opacity:1; -webkit-opacity:1; -moz-opacity:1;}100% {-webkit-transform:translate(0px,0px);-moz-transform:translate(0px,0px);}} @-moz-keyframes im03{0% {-webkit-transform:translate(100px,100px); -moz-transform:translate(100px,100px); opacity:0; -webkit-opacity:0; -moz-opacity:0;}60%{ opacity:1; -webkit-opacity:1; -moz-opacity:1;}100% {-webkit-transform:translate(0px,0px);-moz-transform:translate(0px,0px);}} @-webkit-keyframes im03 {0% {-webkit-transform:translate(100px,100px); -moz-transform:translate(100px,100px); opacity:0; -webkit-opacity:0; -moz-opacity:0;}60%{ opacity:1; -webkit-opacity:1; -moz-opacity:1;}100% {-webkit-transform:translate(0px,0px);-moz-transform:translate(0px,0px);}} @keyframes im03 {0% {-webkit-transform:translate(100px,100px); -moz-transform:translate(100px,100px); opacity:0; -webkit-opacity:0; -moz-opacity:0;}60%{ opacity:1; -webkit-opacity:1; -moz-opacity:1;}100% {-webkit-transform:translate(0px,0px);-moz-transform:translate(0px,0px);}} @-moz-keyframes picb {0% {-webkit-transform:translateY(100px); -moz-transform:translateY(100px); opacity:0; -webkit-opacity:0; -moz-opacity:0;}100% {-webkit-transform:translateY(0px);-moz-transform:translateY(0px); opacity:1; -webkit-opacity:1; -moz-opacity:1;}} @-webkit-keyframes picb {0% {-webkit-transform:translateY(100px); -moz-transform:translateY(100px); opacity:0; -webkit-opacity:0; -moz-opacity:0;}100% {-webkit-transform:translateY(0px);-moz-transform:translateY(0px); opacity:1; -webkit-opacity:1; -moz-opacity:1;}} @keyframes picb {0% {-webkit-transform:translateY(100px); -moz-transform:translateY(100px); opacity:0; -webkit-opacity:0; -moz-opacity:0;}100% {-webkit-transform:translateY(0px);-moz-transform:translateY(0px); opacity:1; -webkit-opacity:1; -moz-opacity:1;}} @-moz-keyframes pic01 {0% {-webkit-transform:translateX(-200px); -moz-transform:translateX(-200px); opacity:0; -webkit-opacity:0; -moz-opacity:0;}100% {-webkit-transform:translateX(0px);-moz-transform:translateX(0px); opacity:1; -webkit-opacity:1; -moz-opacity:1;}} @-webkit-keyframes pic01 {0% {-webkit-transform:translateX(-200px); -moz-transform:translateX(-200px); opacity:0; -webkit-opacity:0; -moz-opacity:0;}100% {-webkit-transform:translateX(0px);-moz-transform:translateX(0px); opacity:1; -webkit-opacity:1; -moz-opacity:1;}} @keyframes pic01 {0% {-webkit-transform:translateX(-200px); -moz-transform:translateX(-200px); opacity:0; -webkit-opacity:0; -moz-opacity:0;}100% {-webkit-transform:translateX(0px);-moz-transform:translateX(0px); opacity:1; -webkit-opacity:1; -moz-opacity:1;}} @-moz-keyframes pic02 {0% {-webkit-transform:translateX(100%); -moz-transform:translateX(100%); opacity:0; -webkit-opacity:0; -moz-opacity:0;}100% {-webkit-transform:translateX(0px);-moz-transform:translateX(0px); opacity:1; -webkit-opacity:1; -moz-opacity:1;}} @-webkit-keyframes pic02 {0% {-webkit-transform:translateX(100%); -moz-transform:translateX(100%); opacity:0; -webkit-opacity:0; -moz-opacity:0;}100% {-webkit-transform:translateX(0px);-moz-transform:translateX(0px); opacity:1; -webkit-opacity:1; -moz-opacity:1;}} @keyframes pic02 {0% {-webkit-transform:translateX(100%); -moz-transform:translateX(100%); opacity:0; -webkit-opacity:0; -moz-opacity:0;}100% {-webkit-transform:translateX(0px);-moz-transform:translateX(0px); opacity:1; -webkit-opacity:1; -moz-opacity:1;}} @-moz-keyframes ppzx {0% {-webkit-transform:translateY(100px); -moz-transform:translateY(100px); opacity:0; -webkit-opacity:0; -moz-opacity:0;}100% {-webkit-transform:translateY(0px);-moz-transform:translateY(0px); transform:translateY(0px);opacity:1; -webkit-opacity:1; -moz-opacity:1;}} @-webkit-keyframes ppzx {0% {-webkit-transform:translateY(100px); -moz-transform:translateY(100px); opacity:0; -webkit-opacity:0; -moz-opacity:0;}100% {-webkit-transform:translateY(0px);-moz-transform:translateY(0px);transform:translateY(0px); opacity:1; -webkit-opacity:1; -moz-opacity:1;}} @keyframes ppzx {0% {-webkit-transform:translateY(100px); -moz-transform:translateY(100px); opacity:0; -webkit-opacity:0; -moz-opacity:0;}100% {-webkit-transform:translateY(0px);-moz-transform:translateY(0px);transform:translateY(0px); opacity:1; -webkit-opacity:1; -moz-opacity:1;}} .active .mTit{animation: text01 1s both; -moz-animation: text01 1s both; -webkit-animation: text01 1s both; transition:all 0.3s ease-in 0s, all 0.7s ease-out 0s; -webkit-transition:all 0.3s ease-in 0s, all 0.7s ease-out 0s; -moz-transition:all 0.3s ease-in 0s, all 0.7s ease-out 0s;} .active .msTit{animation: text02 1s both 0.3s; -moz-animation: text02 1s both 0.3s; -webkit-animation: text02 1s both 0.3s; transition:all 0.3s ease-in 0s, all 0.7s ease-out 0s; -moz-transition:all 0.3s ease-in 0s, all 0.7s ease-out 0s; -webkit-transition:all 0.3s ease-in 0s, all 0.7s ease-out 0s;} .active .msInfo{animation: text02 1.2s both 0.3s; -moz-animation: text02 1.2s both 0.3s;; -webkit-animation: text02 1.2s both 0.3s; transition:all 0.5s ease-in 0s; -webkit-transition:all .5s ease-in 0s;-moz-transition:all .5s ease-in 0s;} .active #picb{animation: picb 1s both 0.8s; -moz-animation: picb 1s both 0.8s; -webkit-animation: picb 1s both 0.8s;} .active #pic01{animation: pic01 1s both 1s; -moz-animation: pic01 1s both 1s; -webkit-animation: pic01 1s both 1s;} .active #pic02{animation: pic02 1s both 1s; -moz-animation: pic02 1s both 1s; -webkit-animation: pic02 1s both 1s;} .active .im01{animation: im01 1.5s both 0.8s; -moz-animation: im01 1.5s both 0.8s; -webkit-animation: im01 1.5s both 0.8s;} .active .im04{animation: im01 1.5s both 0.8s; -moz-animation: im01 1.5s both 0.8s; -webkit-animation: im01 1.5s both 0.8s;} .active .im05{animation: im01 1.5s both 0.8s; -moz-animation: im01 1.5s both 0.8s; -webkit-animation: im01 1.5s both 0.8s;} .active .im02{animation: im02 1.5s both 0.8s; -moz-animation: im02 1.5s both 0.8s; -webkit-animation: im02 1.5s both 0.8s;} .active .im06{animation: im02 1.5s both 0.8s; -moz-animation: im02 1.5s both 0.8s; -webkit-animation: im02 1.5s both 0.8s;} .active .im03{animation: im03 1.5s both 0.8s; -moz-animation: im03 1.5s both 0.8s; -webkit-animation: im03 1.5s both 0.8s;} .active .desc01{animation: ppzx 1s both 0.5s; -moz-animation: ppzx 1s both 0.5s; -webkit-animation: ppzx 1s both 0.5s;} .active .desc02{animation: ppzx 1s both 0.5s; -moz-animation: ppzx 1s both 0.5s; -webkit-animation: ppzx 1s both 0.5s;} .active .desc03{animation: ppzx 1s both 0.5s; -moz-animation: ppzx 1s both 0.5s; -webkit-animation: ppzx 1s both 0.5s;} /*隐藏动画效果---渐隐*/ @-moz-keyframes h_text01 {0% {-webkit-transform:translateY(0px);-moz-transform:translateY(0px); opacity:1; -webkit-opacity:1; -moz-opacity:1;}100% {-webkit-transform:translateY(-200px); -moz-transform:translateY(-200px); opacity:0; -webkit-opacity:0; -moz-opacity:0;}} @-webkit-keyframes h_text01 {0% {-webkit-transform:translateY(0px);-moz-transform:translateY(0px); opacity:1; -webkit-opacity:1; -moz-opacity:1;}100% {-webkit-transform:translateY(-200px); -moz-transform:translateY(-200px); opacity:0; -webkit-opacity:0; -moz-opacity:0;}} @keyframes h_text01 {0% {-webkit-transform:translateY(0px);-moz-transform:translateY(0px); opacity:1; -webkit-opacity:1; -moz-opacity:1;}100% {-webkit-transform:translateY(-200px); -moz-transform:translateY(-200px); opacity:0; -webkit-opacity:0; -moz-opacity:0;}} @-moz-keyframes h_text02 {0% {-webkit-transform:translateY(0px);-moz-transform:translateY(0px); opacity:1; -webkit-opacity:1; -moz-opacity:1;}100% {-webkit-transform:translateY(-100px); -moz-transform:translateY(-100px); opacity:0; -webkit-opacity:0; -moz-opacity:0;}} @-webkit-keyframes h_text02 {0% {-webkit-transform:translateY(0px);-moz-transform:translateY(0px); opacity:1; -webkit-opacity:1; -moz-opacity:1;}100% {-webkit-transform:translateY(-100px); -moz-transform:translateY(-100px); opacity:0; -webkit-opacity:0; -moz-opacity:0;}} @keyframes h_text02 {0% {-webkit-transform:translateY(0px);-moz-transform:translateY(0px); opacity:1; -webkit-opacity:1; -moz-opacity:1;}100% {-webkit-transform:translateY(-100px); -moz-transform:translateY(-100px); opacity:0; -webkit-opacity:0; -moz-opacity:0;}} @-moz-keyframes h_im01 {0% {-webkit-transform:translateX(0px);-moz-transform:translateX(0px); opacity:1; -webkit-opacity:1; -moz-opacity:1;}100% {-webkit-transform:translateX(-150px); -moz-transform:translateX(-150px); opacity:0; -webkit-opacity:0; -moz-opacity:0;}} @-webkit-keyframes h_im01 {0% {-webkit-transform:translateX(0px);-moz-transform:translateX(0px); opacity:1; -webkit-opacity:1; -moz-opacity:1;}100% {-webkit-transform:translateX(-150px); -moz-transform:translateX(-150px); opacity:0; -webkit-opacity:0; -moz-opacity:0;}} @keyframes h_im01 {0% {-webkit-transform:translateX(0px);-moz-transform:translateX(0px); opacity:1; -webkit-opacity:1; -moz-opacity:1;}100% {-webkit-transform:translateX(-150px); -moz-transform:translateX(-150px); opacity:0; -webkit-opacity:0; -moz-opacity:0;}} @-moz-keyframes h_im04 {0% {-webkit-transform:translateX(0px);-moz-transform:translateX(0px); opacity:1; -webkit-opacity:1; -moz-opacity:1;}100% {-webkit-transform:translateX(150px); -moz-transform:translateX(150px); opacity:0; -webkit-opacity:0; -moz-opacity:0;}} @-webkit-keyframes h_im04 {0% {-webkit-transform:translateX(0px);-moz-transform:translateX(0px); opacity:1; -webkit-opacity:1; -moz-opacity:1;}100% {-webkit-transform:translateX(150px); -moz-transform:translateX(150px); opacity:0; -webkit-opacity:0; -moz-opacity:0;}} @keyframes h_im04 {0% {-webkit-transform:translateX(0px);-moz-transform:translateX(0px); opacity:1; -webkit-opacity:1; -moz-opacity:1;}100% {-webkit-transform:translateX(150px); -moz-transform:translateX(150px); opacity:0; -webkit-opacity:0; -moz-opacity:0;}} @-moz-keyframes h_im05 {0% {-webkit-transform:translateX(0px);-moz-transform:translateX(0px); opacity:1; -webkit-opacity:1; -moz-opacity:1;}100% {-webkit-transform:translateX(150px); -moz-transform:translateX(150px); opacity:0; -webkit-opacity:0; -moz-opacity:0;}} @-webkit-keyframes h_im05 {0% {-webkit-transform:translateX(0px);-moz-transform:translateX(0px); opacity:1; -webkit-opacity:1; -moz-opacity:1;}100% {-webkit-transform:translateX(150px); -moz-transform:translateX(150px); opacity:0; -webkit-opacity:0; -moz-opacity:0;}} @keyframes h_im05 {0% {-webkit-transform:translateX(0px);-moz-transform:translateX(0px); opacity:1; -webkit-opacity:1; -moz-opacity:1;}100% {-webkit-transform:translateX(150px); -moz-transform:translateX(150px); opacity:0; -webkit-opacity:0; -moz-opacity:0;}} @-moz-keyframes h_im02{0% {-webkit-transform:translate(0px,0px);-moz-transform:translate(0px,0px); opacity:1; -webkit-opacity:1; -moz-opacity:1;}100% {-webkit-transform:translate(-100px,0px); -moz-transform:translate(-100px,0px); opacity:0; -webkit-opacity:0; -moz-opacity:0;}} @-webkit-keyframes h_im02 {0% {-webkit-transform:translate(0px,0px);-moz-transform:translate(0px,0px); opacity:1; -webkit-opacity:1; -moz-opacity:1;}100% {-webkit-transform:translate(-100px,0px); -moz-transform:translate(-100px,0px); opacity:0; -webkit-opacity:0; -moz-opacity:0;}} @keyframes h_im02 {0% {-webkit-transform:translate(0px,0px);-moz-transform:translate(0px,0px); opacity:1; -webkit-opacity:1; -moz-opacity:1;}100% {-webkit-transform:translate(-100px,0px); -moz-transform:translate(-100px,0px); opacity:0; -webkit-opacity:0; -moz-opacity:0;}} @-moz-keyframes h_im06{0% {-webkit-transform:translate(0px,0px);-moz-transform:translate(0px,0px); opacity:1; -webkit-opacity:1; -moz-opacity:1;}100% {-webkit-transform:translate(-100px,0px); -moz-transform:translate(-100px,0px); opacity:0; -webkit-opacity:0; -moz-opacity:0;}} @-webkit-keyframes h_im06 {0% {-webkit-transform:translate(0px,0px);-moz-transform:translate(0px,0px); opacity:1; -webkit-opacity:1; -moz-opacity:1;}100% {-webkit-transform:translate(-100px,0px); -moz-transform:translate(-100px,0px); opacity:0; -webkit-opacity:0; -moz-opacity:0;}} @keyframes h_im06 {0% {-webkit-transform:translate(0px,0px);-moz-transform:translate(0px,0px); opacity:1; -webkit-opacity:1; -moz-opacity:1;}100% {-webkit-transform:translate(-100px,0px); -moz-transform:translate(-100px,0px); opacity:0; -webkit-opacity:0; -moz-opacity:0;}} @-moz-keyframes h_im03{0% {-webkit-transform:translate(0px,0px);-moz-transform:translate(0px,0px); opacity:1; -webkit-opacity:1; -moz-opacity:1;}100% {-webkit-transform:translate(100px,0px); -moz-transform:translate(100px,0px); opacity:0; -webkit-opacity:0; -moz-opacity:0;}} @-webkit-keyframes h_im03 {0% {-webkit-transform:translate(0px,0px);-moz-transform:translate(0px,0px); opacity:1; -webkit-opacity:1; -moz-opacity:1;}100% {-webkit-transform:translate(100px,0px); -moz-transform:translate(100px,0px); opacity:0; -webkit-opacity:0; -moz-opacity:0;}} @keyframes h_im03 {0% {-webkit-transform:translate(0px,0px);-moz-transform:translate(0px,0px); opacity:1; -webkit-opacity:1; -moz-opacity:1;}100% {-webkit-transform:translate(100px,0px); -moz-transform:translate(100px,0px); opacity:0; -webkit-opacity:0; -moz-opacity:0;}} @-moz-keyframes h_picb {0% {-webkit-transform:translateY(0px);-moz-transform:translateY(0px); opacity:1; -webkit-opacity:1; -moz-opacity:1;}100% {-webkit-transform:translateY(100px); -moz-transform:translateY(100px); opacity:0; -webkit-opacity:0; -moz-opacity:0;}} @-webkit-keyframes h_picb {0% {-webkit-transform:translateY(0px);-moz-transform:translateY(0px); opacity:1; -webkit-opacity:1; -moz-opacity:1;}100% {-webkit-transform:translateY(100px); -moz-transform:translateY(100px); opacity:0; -webkit-opacity:0; -moz-opacity:0;}} @keyframes h_picb {0% {-webkit-transform:translateY(0px);-moz-transform:translateY(0px); opacity:1; -webkit-opacity:1; -moz-opacity:1;}100% {-webkit-transform:translateY(100px); -moz-transform:translateY(100px); opacity:0; -webkit-opacity:0; -moz-opacity:0;}} @-moz-keyframes h_pic01 {0% {-webkit-transform:translateX(0px);-moz-transform:translateX(0px); opacity:1; -webkit-opacity:1; -moz-opacity:1;}100% {-webkit-transform:translateX(-200px); -moz-transform:translateX(-200px); opacity:0; -webkit-opacity:0; -moz-opacity:0;}} @-webkit-keyframes h_pic01 {0% {-webkit-transform:translateX(0px);-moz-transform:translateX(0px); opacity:1; -webkit-opacity:1; -moz-opacity:1;}100% {-webkit-transform:translateX(-200px); -moz-transform:translateX(-200px); opacity:0; -webkit-opacity:0; -moz-opacity:0;}} @keyframes h_pic01 {0% {-webkit-transform:translateX(0px);-moz-transform:translateX(0px); opacity:1; -webkit-opacity:1; -moz-opacity:1;}100% {-webkit-transform:translateX(-200px); -moz-transform:translateX(-200px); opacity:0; -webkit-opacity:0; -moz-opacity:0;}} @-moz-keyframes h_pic02 {0% {-webkit-transform:translateX(0px);-moz-transform:translateX(0px); opacity:1; -webkit-opacity:1; -moz-opacity:1;}100% {-webkit-transform:translateX(100%); -moz-transform:translateX(100%); opacity:0; -webkit-opacity:0; -moz-opacity:0;}} @-webkit-keyframes h_pic02 {0% {-webkit-transform:translateX(0px);-moz-transform:translateX(0px); opacity:1; -webkit-opacity:1; -moz-opacity:1;}100% {-webkit-transform:translateX(100%); -moz-transform:translateX(100%); opacity:0; -webkit-opacity:0; -moz-opacity:0;}} @keyframes h_pic02 {0% {-webkit-transform:translateX(0px);-moz-transform:translateX(0px); opacity:1; -webkit-opacity:1; -moz-opacity:1;}100% {-webkit-transform:translateX(100%); -moz-transform:translateX(100%); opacity:0; -webkit-opacity:0; -moz-opacity:0;}} @-moz-keyframes h_ppzx {0% {opacity:1; -webkit-opacity:1; -moz-opacity:1;}100% { opacity:0; -webkit-opacity:0; -moz-opacity:0;}} @-webkit-keyframes h_ppzx {0% {opacity:1; -webkit-opacity:1; -moz-opacity:1;}100% {opacity:0; -webkit-opacity:0; -moz-opacity:0;}} @keyframes h_ppzx {0% {opacity:1; -webkit-opacity:1; -moz-opacity:1;}100% {opacity:0; -webkit-opacity:0; -moz-opacity:0;}} .hide .mTit{animation: h_text01 0.5s both; -moz-animation: h_text01 0.5s both; -webkit-animation: h_text01 0.5s both; } .hide .msTit{animation: h_text02 0.5s both; -moz-animation: h_text02 0.5s both; -webkit-animation: h_text02 0.5s both;} .hide .msInfo{animation: h_text02 0.6s both; -moz-animation: h_text02 0.6s both; -webkit-animation: h_text02 0.6s both;} .hide #picb{animation: h_picb 0.5s both; -moz-animation: h_picb 0.5s both; -webkit-animation: h_picb 0.5s both;} .hide #pic01{animation: h_pic01 0.5s both; -moz-animation: h_pic01 0.5s both; -webkit-animation: h_pic01 0.5s both;} .hide #pic02{animation: h_pic02 0.5s both; -moz-animation: h_pic02 0.5s both; -webkit-animation: h_pic02 0.5s both;} .hide .im01{animation: h_im01 0.7s both; -moz-animation: h_im01 0.7s both; -webkit-animation: h_im01 0.7s both;} .hide .im04{animation: h_im04 0.7s both; -moz-animation: h_im04 0.7s both; -webkit-animation: h_im04 0.7s both;} .hide .im05{animation: h_im04 0.7s both; -moz-animation: h_im04 0.7s both; -webkit-animation: h_im04 0.7s both;} .hide .im02{animation: h_im02 0.7s both; -moz-animation: h_im02 0.7s both; -webkit-animation: h_im02 0.7s both;} .hide .im06{animation: h_im02 0.7s both; -moz-animation: h_im02 0.7s both; -webkit-animation: h_im02 0.7s both;} .hide .im03{animation: h_im03 0.7s both; -moz-animation: h_im03 0.7s both; -webkit-animation: h_im03 0.7s both;} .hide .desc01{animation: h_ppzx 0.1s both; -moz-animation: h_ppzx 0.1s both; -webkit-animation: h_ppzx 0.1s both;} .hide .desc02{animation: h_ppzx 0.1s both; -moz-animation: h_ppzx 0.1s both; -webkit-animation: h_ppzx 0.1s both;} .hide .desc03{animation: h_ppzx 0.1s both; -moz-animation: h_ppzx 0.1s both; -webkit-animation: h_ppzx 0.1s both;} /*产品区域样式*/ .produce{ width:100%; height:403px; padding:50px 0; background:rgba(242,242,242,0.7); position:absolute; z-index:10; bottom:0; left:0;} .prodOne{ display:block; width:240px; height:200px; border-left:1px solid #fff; border-left:1px solid rgba(255,255,255,0.5); border-top:1px solid #fff; border-top:1px solid rgba(255,255,255,0.5); float:left; text-align:center; position:relative;} .proImg{ display:inline-block; height:76px; width:auto; vertical-align:top; margin-top:43px;}.proItex{ width:155px; color:#555; font: normal 14px/20px "Microsoft YaHei"; margin:0 auto;margin-top:15px;} .bor{ border-right:1px solid #fff; border-right:1px solid rgba(255,255,255,0.5);}.bot{ border-bottom:1px solid #fff; border-bottom:1px solid rgba(255,255,255,0.5);} .proInn{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:9;} .proDes{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:9; transform:rotateY(90deg); -webkit-transform:rotateY(90deg); -moz-transform:rotateY(90deg);opacity:0; -webkit-opacity:0; -moz-opacity:0;} .proBG{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:-1;} .b01,.b02,.b03,.b04{ display:block; width:60px; height:100%; background-color:#1282e8; position:absolute; top:0;} .b01{ left:0;} .b02{ left:60px;} .b03{ right:60px;} .b04{background-image:url(../images/more.png); background-position:bottom right; background-repeat:no-repeat; right:0;} .proDtex{ display:block; padding:0 20px; padding-top:35px; font: normal 16px/20px "Microsoft YaHei"; color:#fff;} .proDimg{ display:inline-block; vertical-align:top; height:22px; width:auto;} .proDde{ display:block; padding:12px 20px;font: normal 14px/20px "Microsoft YaHei"; color:#fff;} .proButt{ display:block; width:90px; height:28px; margin:0 auto; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; background-color:#1fa8ff; color:#9bd8ff; font-size:14px; line-height:28px; font-family:"Microsoft YaHei";} .proButt:hover{ background-color:#108cda; cursor:pointer; cursor:hand;} .tranS .proInn{ transition:ease-in 0.2s; -webkit-transition:ease-in 0.2s; -moz-transition:ease-in 0.2s; transform:rotateY(90deg); -webkit-transform:rotateY(90deg); -moz-transform:rotateY(90deg); opacity:0; -webkit-opacity:0; -moz-opacity:0;} .tranS .proDes{transition:ease-out 0.2s 0.2s; -webkit-transition:ease-out 0.2s 0.2s; -moz-transition:ease-out 0.2s 0.2s; transform:rotateY(0deg); -webkit-transform:rotateY(0deg); -moz-transform:rotateY(0deg); opacity:1; -webkit-opacity:1; -moz-opacity:1;} .tranR .proInn{transition:ease-in 0.2s; -webkit-transition:ease-in 0.2s; -moz-transition:ease-in 0.2s; transform:rotateY(0deg); -webkit-transform:rotateY(0deg); -moz-transform:rotateY(0deg); opacity:1; -webkit-opacity:1; -moz-opacity:1;} .tranR .proDes{transition:ease-out 0.2s 0.2s; -webkit-transition:ease-out 0.2s 0.2s; -moz-transition:ease-out 0.2s 0.2s; transform:rotateY(90deg); -webkit-transform:rotateY(90deg); -moz-transform:rotateY(90deg); opacity:0; -webkit-opacity:0; -moz-opacity:0;} /*新闻动态样式*/ .newsDan,.proIndro{ position:relative;} .chBG{ position:absolute; left:0; top:0; z-index:-1; width:100%; height:100%; background-color:#1282e8;} .newsDan{ width:422px; height:240px; padding:20px 30px;}.proIndro{ width:421px; height:240px; padding:20px 30px; margin:0 1px;} .otherS{ width:241px; height:280px; overflow:hidden;} .loTit{ width:100%; padding-bottom:20px; border-bottom:1px solid rgba(255,255,255,0.25); text-align:left; } .loTit a{ display:block; width:100px; padding-left:10px; font:normal 20px/20px "Microsoft YaHei"; color:#fff;background:url(../images/titbg.png) no-repeat right 7px;} .nDlist{ width:100%; height:auto; padding-top:10px;} .nDlist li{ width:100%; height:36px; position:relative; border-bottom:1px dashed rgba(255,255,255,0.25); overflow:hidden; text-align:left;} .nDlist li a{ color:#fff; font:14px/36px "Microsoft YaHei"; padding-left:15px; max-width:300px; height:36px; display:inline-block;background:url(../images/xx.png) no-repeat 5px center; } .nDlist li p{ position:absolute; z-index:2; left:0; top:0; width:100%; height:100%;} .opag{ display:block; width:100%; height:100%; position:absolute; z-index:0; background:rgba(255,255,255,0.2); left:-500px; top:0;} @-webkit-keyframes bgchange {0% {transform:translateX(0); -moz-transform:translateX(0); -webkit-transform:translateX(0); opacity:0; -webkit-opacity:0; -moz-opacity:0;}100% {-webkit-transform:translateX(100%); transform:translateX(100%); -moz-transform:translateX(500px); opacity:1; -webkit-opacity:1; -moz-opacity:1;}} @-moz-keyframes bgchange {0% {transform:translateX(0); -moz-transform:translateX(0); -webkit-transform:translateX(0); opacity:0; -webkit-opacity:0; -moz-opacity:0;}100% {-webkit-transform:translateX(100%); transform:translateX(100%); -moz-transform:translateX(500px); opacity:1; -webkit-opacity:1; -moz-opacity:1;}} @keyframes bgchange {0% {transform:translateX(0); -moz-transform:translateX(0); -webkit-transform:translateX(0); opacity:0; -webkit-opacity:0; -moz-opacity:0;}100% {-webkit-transform:translateX(100%); transform:translateX(100%); -moz-transform:translateX(500px); opacity:1; -webkit-opacity:1; -moz-opacity:1;}} @-webkit-keyframes bgchange02 {0% {transform:translateX(100%); -moz-transform:translateX(100%); -webkit-transform:translateX(100%); opacity:1; -webkit-opacity:1; -moz-opacity:1;}100% {-webkit-transform:translateX(0); -moz-transform:translateX(0); transform:translateX(0); opacity:0; -webkit-opacity:0; -moz-opacity:0;}} @-moz-keyframes bgchange02 {0% {transform:translateX(100%); -moz-transform:translateX(100%); -webkit-transform:translateX(100%); opacity:1; -webkit-opacity:1; -moz-opacity:1;}100% {-webkit-transform:translateX(0); -moz-transform:translateX(0); transform:translateX(0); opacity:0; -webkit-opacity:0; -moz-opacity:0;}} @keyframes bgchange02 {0% {transform:translateX(100%); -moz-transform:translateX(100%); -webkit-transform:translateX(100%); opacity:1; -webkit-opacity:1; -moz-opacity:1;}100% {-webkit-transform:translateX(0); -moz-transform:translateX(0); transform:translateX(0); opacity:0; -webkit-opacity:0; -moz-opacity:0;}} .newHo .opag{-webkit-animation:bgchange 0.5s both; animation:bgchange 0.5s both; -moz-animation:bgchange 0.5s both;} .newNoHo .opag{-webkit-animation:bgchange02 0.5s both; animation:bgchange02 0.5s both; -moz-animation:bgchange02 0.5s both;} .nDlist li span{ color:#fff; opacity:0.4; font:normal 12px/37px "Microsoft YaHei";} .loIndro{ width:100%; text-align:left; text-indent:2em; font:normal 14px/28px "Microsoft YaHei"; color:#fff; padding-top:10px;} .loIndro a{ color:#fff; opacity:0.4;} .tt03{ width:100%; font:normal 28px/28px "方正兰亭纤黑_GBK"; color:#fff; opacity:0.3; margin-top:30px;}.tt03 img{ display:inline-block; vertical-align:top;} .othOne{ width:100%; height:140px; display:block; position:relative;} .oth01{ background:url(../images/ico01.png) no-repeat center 30px;} .oth02{ background:url(../images/ico02.png) no-repeat center 30px;} .othOne p{ font:normal 18px/38px "Microsoft YaHei"; color:#fff;} .oth01:hover{ background:url(../images/ico01_h.png) no-repeat center 30px;} .oth02:hover{ background:url(../images/ico02_h.png) no-repeat center 30px;} /*动画*/ @-moz-keyframes fadeIn {0% { opacity:0; -webkit-opacity:0; -moz-opacity:0;}100% { opacity:1; -webkit-opacity:1; -moz-opacity:1; }} @-webkit-keyframes fadeIn {0% {opacity:0; -webkit-opacity:0; -moz-opacity:0;}100% {opacity:1; -webkit-opacity:1; -moz-opacity:1; }} @keyframes fadeIn {0% {opacity:0; -webkit-opacity:0; -moz-opacity:0;}100% {opacity:1; -webkit-opacity:1; -moz-opacity:1; }} @-moz-keyframes fadeOut{0% { opacity:1; -webkit-opacity:1; -moz-opacity:1;}100% { opacity:0; -webkit-opacity:0; -moz-opacity:0; }} @-webkit-keyframes fadeOut {0% {opacity:1; -webkit-opacity:1; -moz-opacity:1;}100% {opacity:0; -webkit-opacity:0; -moz-opacity:0; }} @keyframes fadeOut {0% {opacity:1; -webkit-opacity:1; -moz-opacity:1;}100% {opacity:0; -webkit-opacity:0; -moz-opacity:0; }} @-moz-keyframes slidIn{0% { opacity:0; -webkit-opacity:0; -moz-opacity:0; transform:translateY(50px); -webkit-transform:translateY(50px); -moz-transform:translateY(50px);}100% { opacity:1; -webkit-opacity:1; -moz-opacity:1;transform:translateY(0px); -webkit-transform:translateY(0px); -moz-transform:translateY(0px); }} @-webkit-keyframes slidIn{0% { opacity:0; -webkit-opacity:0; -moz-opacity:0; transform:translateY(50px); -webkit-transform:translateY(50px); -moz-transform:translateY(50px);}100% { opacity:1; -webkit-opacity:1; -moz-opacity:1;transform:translateY(0px); -webkit-transform:translateY(0px); -moz-transform:translateY(0px); }} @keyframes slidIn{0% { opacity:0; -webkit-opacity:0; -moz-opacity:0; transform:translateY(50px); -webkit-transform:translateY(50px); -moz-transform:translateY(50px);}100% { opacity:1; -webkit-opacity:1; -moz-opacity:1;transform:translateY(0px); -webkit-transform:translateY(0px); -moz-transform:translateY(0px); }} /*预加载动画样式*/ @-moz-keyframes preload2 {0% {-webkit-transform:translateY(80px);-moz-transform:translateY(80px);opacity:0}100% {-webkit-transform:translateY(0px);-moz-transform:translateY(0px);opacity:1}} @-webkit-keyframes preload2 {0% {-webkit-transform:translateY(80px);-moz-transform:translateY(80px);opacity:0}100% {-webkit-transform:translateY(0px);-moz-transform:translateY(0px);opacity:1}} @keyframes preload2 {0% {-webkit-transform:translateY(80px);-moz-transform:translateY(80px);opacity:0}100% {-webkit-transform:translateY(0px);-moz-transform:translateY(0px);opacity:1}} @-moz-keyframes preload3 {0% {-webkit-transform:translateY(80px);-moz-transform:translateY(80px);opacity:0}100% {-webkit-transform:translateY(0px);-moz-transform:translateY(0px);opacity:1}} @-webkit-keyframes preload3 {0% {-webkit-transform:translateY(80px);-moz-transform:translateY(80px);opacity:0}100% {-webkit-transform:translateY(0px);-moz-transform:translateY(0px);opacity:1}} @keyframes preload3 {0% {-webkit-transform:translateY(80px);-moz-transform:translateY(80px);opacity:0}100% {-webkit-transform:translateY(0px);-moz-transform:translateY(0px);opacity:1}} @-moz-keyframes preload-layer {0% {visibility:visible;clip:rect(0px 2560px 1400px 0px)}60% {visibility:visible;clip:rect(0px 2560px 1400px 0)}100% {visibility:hidden;clip:rect(0px 2560px 0px 0px)}} @-webkit-keyframes preload-layer {0% {visibility:visible;clip:rect(0px 2560px 1400px 0px)}60% {visibility:visible;clip:rect(0px 2560px 1400px 0)}100% {visibility:hidden;clip:rect(0px 2560px 0px 0px)}} @keyframes preload-layer {0% {visibility:visible;clip:rect(0px 2560px 1400px 0px)}60% {visibility:visible;clip:rect(0px 2560px 1400px 0)}100% {visibility:hidden;clip:rect(0px 2560px 0px 0px)}} .preLoad { width: 100%; height: 100%; position: fixed; z-index: 1000; background-color: #009cff; text-align:center;} #preLoad { clip: rect(0px 2560px 2000px 0); animation: preload-layer 1.8s both 2.8s; -webkit-animation: preload-layer 1.8s both 2.8s; -moz-animation: preload-layer 1.8s both 2.8s;} .amNo{clip: rect(0px 2560px 2000px 0); animation: preload-layer 0.6s both; -webkit-animation: preload-layer 0.6s both; -moz-animation: preload-layer 0.6s both;} .preIn { width: 1208px; height: 450px; position: absolute; left: 50%; top: 50%; margin-left: -604px; margin-top: -225px; text-align: center;} .preLo { width: 290px; height: 280px; margin: 0 auto;} .preTit { padding: 50px 0 30px 0; font-size:0; color:#fff;} #preLoad .preTit { animation: preload3 1.5s both 2s; -webkit-animation: preload3 1.5s both 2s; -moz-animation: preload3 1.5s both 2s;} #preLoad article { font-family:"Microsoft YaHei"; font-size: 16px; color: #fff; animation: preload3 1s both 2.5s; -webkit-animation: preload3 1s both 2.5s; -moz-animation: preload3 1s both 2.5s;} .noanim{ display:block; height:35px; position:absolute; right:20px; top:20px; padding:0 20px; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; background:rgba(255,255,255,0.25); color:#bce5ff; font:normal 14px/35px "Microsoft YaHei";} .noanim:hover{ cursor:pointer; cursor:hand;} .topImg{ width:100%; height:100%; position:relative;} .bigImg{ width:100%; height:100%; position:absolute; z-index:1; -webkit-animation:fadeIn 1s both 0.5s; left:0; top:0;} .topCon{ width:100%; height:100%; position:absolute; z-index:2; background:url(../images/bm_bg.png) repeat left top; left:0; top:0;} .logo02{ display:block; width:244px; height:84px; margin:0 auto; margin-top:5%; } .topText{ width:100%; position:absolute; bottom:100px; height:120px;} .topTex01,.topTex02{ width:100%; display:block; color:#fff;} .topTex01{ margin-top:20px; font:normal 34px/34px "Microsoft YaHei"; text-shadow:1px 2px 2px rgba(8,1,3,0.5);} .topTex02{ font:bold 52px/52px "Microsoft YaHei"; text-shadow:1px 1px 1px rgba(8,1,3,0.5);} .star{position:absolute; margin-left:-110px; left:50%; bottom:30px; width:220px; height:40px;} .star p{ width:110px; height:40px; float:left; text-align:center;} .startView{ display:inline-block; font: normal 16px/40px "Microsoft YaHei"; color:#fff; text-align:center; cursor:pointer; cursor:hand; width:40px; height:40px; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; background:rgba(0,0,0,0.4);} .startView span{ display:none;} .startView img{ display:inline-block; vertical-align: top; width:40px; height:40px;} @-moz-keyframes starv{0% { opacity:0; -webkit-opacity:0; -moz-opacity:0; width:40px;}100% { opacity:1; -webkit-opacity:1; -moz-opacity:1; width:110px;}} @-webkit-keyframes starv {0% {opacity:0; -webkit-opacity:0; -moz-opacity:0; width:40px;}100% {opacity:1; -webkit-opacity:1; -moz-opacity:1; width:110px;}} @keyframes starv {0% {opacity:0; -webkit-opacity:0; -moz-opacity:0; width:40px;}100% {opacity:1; -webkit-opacity:1; -moz-opacity:1; width:110px;}} .abc .logo02{animation:fadeIn 1s both; -webkit-animation:fadeIn 1s both; -moz-animation:fadeIn 1s both;} .abc .topTex01{animation:slidIn 1s both 1.2s; -webkit-animation:slidIn 1s both 1.2s; -moz-animation:slidIn 1s both 1.2s;} .abc .topTex02{ animation:slidIn 1s both 0.5s; -webkit-animation:slidIn 1s both 0.5s; -moz-animation:slidIn 1s both 0.5s;} .abc .sv01{-webkit-animation:ccInDown 1s both 1s; animation:ccInDown 1s both 1s; -moz-animation:ccInDown 1s both 1s;} .abc .sv02{-webkit-animation:ccInDown 1s both 1.5s; animation:ccInDown 1s both 1.5s; -moz-animation:ccInDown 1s both 1.5s;} .hov{ -webkit-animation:starv 0.3s both; -moz-animation:starv 0.3s both; animation:starv 0.3s both;} .hov img{ display:none;} .hov span{ display:inline;} .inner2{ width:1206px; height:auto; padding:150px 0; margin:0 auto;} .tit01{ font:bold 40px/40px "Microsoft YaHei"; color:#454545;} .sTit{ color:#b7c2c9; font:normal 24px/54px "Microsoft YaHei";} .aboutPro{ width:500px; height:auto; padding:0 50px;} .tit02{ font:bold 20px/20px "Microsoft YaHei"; padding:15px 0; color:#6d8fa9; border-bottom:1px solid #e3ebf0;} .aboutDesc{ color:#252525; font:normal 14px/30px "Microsoft YaHei"; padding:0 12px; padding-top:12px; text-align:left;} .kouhao{ padding:22px 0; color:#d3dbe0; font:bold 24px/24px "Microsoft YaHei"; -webkit-animation:scaleIn 0.8s both;} @-webkit-keyframes scaleIn{0%{ -webkit-transform:scale(2); -moz-transform:scale(2); transform:scale(2); -webkit-transform:rotate(120deg); -moz-transform:rotate(120deg); transform:rotate(120deg);}100%{ -webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1); -webkit-transform:rotate(0); -moz-transform:rotate(0); transform:rotate(0);}} @-moz-keyframes scaleIn{0%{ -webkit-transform:scale(2); -moz-transform:scale(2); transform:scale(2); -webkit-transform:rotate(120deg); -moz-transform:rotate(120deg); transform:rotate(120deg);}100%{ -webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1); -webkit-transform:rotate(0); -moz-transform:rotate(0); transform:rotate(0);}} @keyframes scaleIn{0%{ -webkit-transform:scale(2); -moz-transform:scale(2); transform:scale(2); -webkit-transform:rotate(120deg); -moz-transform:rotate(120deg); transform:rotate(120deg);}100%{ -webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1); -webkit-transform:rotate(0); -moz-transform:rotate(0); transform:rotate(0);}} @-webkit-keyframes mores{0%{ width:32px; background-color:#2490e4;}100%{ width:90px; background-color:#0c75c6;}} @-moz-keyframes mores{0%{ width:32px; background-color:#2490e4;}100%{ width:90px; background-color:#0c75c6;}} @keyframes mores{0%{ width:32px; background-color:#2490e4;}100%{ width:90px; background-color:#0c75c6;}} .more_sp{ display:inline-block; text-align:center; font:normal 14px/32px Arial,"Microsoft YaHei"; color:#fff; height:32px; width:32px; background-color:#2490e4; border-radius:16px; -webkit-border-radius:16px; -moz-border-radius:16px;} .more_sp span{ opacity:0; -webkit-opacity:0; -moz-opacity:0; white-space:nowrap;}.more_sp img{ display:inline-block; margin-left:8px; float:left; margin-top:11px;} .more_sp:hover{ -webkit-animation:mores 0.5s both; -moz-animation:mores 0.5s both; animation:mores 0.5s both;}.more_sp:hover img{ display:none;}.more_sp:hover span{ opacity:1; -webkit-opacity:1; -moz-opacity:1;} .newDym{ width:600px; height:auto;} .newDym .tit02{ width:500px; margin:0 auto;} .newsDlist{ width:500px; border-left:1px solid #e3ebf0; padding:5px 50px; height:263px;} .newsDlist li{ width:100%; height:43px; border-bottom:1px dashed #d7e1e6; position:relative; overflow:hidden; cursor:pointer; cursor:hand;} .newsone{ width:100%; height:35px; margin-top:5px; text-align:left;} .newsone a{ display:inline-block; width:370px; height:35px; background:url(../images/li_bg.jpg) 8px center no-repeat; padding-left:22px; overflow:hidden; text-overflow:ellipsis; color:#222; font:normal 14px/35px "Microsoft YaHei";} .newsone span{ color:#999; font:normal 12px/35px "Microsoft YaHei"; margin-right:15px;} .hovbg{ width:100%; height:35px; position:absolute; z-index:-1; left:-500px; top:5px; background-color:#dbe8ef;} @-webkit-keyframes bgchange {0% {transform:translateX(0); -moz-transform:translateX(0); -webkit-transform:translateX(0); opacity:0; -webkit-opacity:0; -moz-opacity:0;}100% {-webkit-transform:translateX(500px); transform:translateX(500px); -moz-transform:translateX(500px); opacity:1; -webkit-opacity:1; -moz-opacity:1;}} @-moz-keyframes bgchange {0% {transform:translateX(0); -moz-transform:translateX(0); -webkit-transform:translateX(0); opacity:0; -webkit-opacity:0; -moz-opacity:0;}100% {-webkit-transform:translateX(500px); transform:translateX(500px); -moz-transform:translateX(500px); opacity:1; -webkit-opacity:1; -moz-opacity:1;}} @keyframes bgchange {0% {transform:translateX(0); -moz-transform:translateX(0); -webkit-transform:translateX(0); opacity:0; -webkit-opacity:0; -moz-opacity:0;}100% {-webkit-transform:translateX(500px); transform:translateX(500px); -moz-transform:translateX(500px); opacity:1; -webkit-opacity:1; -moz-opacity:1;}} @-webkit-keyframes bgchange02 {0% {transform:translateX(500px); -moz-transform:translateX(500px); -webkit-transform:translateX(500px); opacity:1; -webkit-opacity:1; -moz-opacity:1;}100% {-webkit-transform:translateX(0); -moz-transform:translateX(0); transform:translateX(0); opacity:0; -webkit-opacity:0; -moz-opacity:0;}} @-moz-keyframes bgchange02 {0% {transform:translateX(500px); -moz-transform:translateX(500px); -webkit-transform:translateX(500px); opacity:1; -webkit-opacity:1; -moz-opacity:1;}100% {-webkit-transform:translateX(0); -moz-transform:translateX(0); transform:translateX(0); opacity:0; -webkit-opacity:0; -moz-opacity:0;}} @keyframes bgchange02 {0% {transform:translateX(500px); -moz-transform:translateX(500px); -webkit-transform:translateX(500px); opacity:1; -webkit-opacity:1; -moz-opacity:1;}100% {-webkit-transform:translateX(0); -moz-transform:translateX(0); transform:translateX(0); opacity:0; -webkit-opacity:0; -moz-opacity:0;}} .newHo .hovbg{-webkit-animation:bgchange 0.5s both; animation:bgchange 0.5s both; -moz-animation:bgchange 0.5s both;} .newNoHo .hovbg{-webkit-animation:bgchange02 0.5s both; animation:bgchange02 0.5s both; -moz-animation:bgchange02 0.5s both;} .wisdManage,.wisdMarking,.wisdServ{ width:100%; height:580px; position:relative;} .wisMapic,.wisMarkpic,.wisServkpic{ display:block; position:absolute; z-index:-1;} .wisT{ font:bold 60px/60px "Microsoft YaHei"; color:#fff; text-shadow:0px 2px 2px rgba(8,1,3,0.5);} .wismT{ font:bold 28px/28px "Microsoft YaHei"; color:#fff; text-shadow:0px 1px 1px rgba(8,1,3,0.5); padding:22px 0;} .wisInfo{ font:normal 16px/28px "Microsoft YaHei"; color:#fff;} .cicleOne{ width:120px; height:auto; position:relative; display:inline-block; margin:0 30px; cursor:pointer; cursor:hand;} .ccPic{ display:inline-block; width:100px; height:100px;} .ccPic img{ width:100%; height:100%; vertical-align:middle;} .ccTex{ color:#000; text-align:center; font:normal 12px/12px "Microsoft YaHei"; padding:15px 0; opacity:0.5; -webkit-opacity:0.5; -moz-opacity:0.5;} .ccPic .w_bic{ display:none;} .tips{ position:absolute; display:none;} .tips b{ display:inline-block; padding:7px 10px; font:normal 14px/16px "Microsoft YaHei"; text-align:left; background:rgba(0,0,0,0.3); white-space:nowrap; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;} .cicleOne:hover .w_ic{display:none;}.cicleOne:hover .w_bic{display:inline-block; -webkit-animation:scalebig 0.2s both; -moz-animation:scalebig 0.2s both; animation:scalebig 0.2s both;} .cicleOne:hover .tips{ display:block; animation:tipsshow 0.2s both; -webkit-animation:tipsshow 0.2s both; -moz-animation:tipsshow 0.2s both;} .tit03{font:bold 40px/40px "Microsoft YaHei"; color:#0c67ad; padding-top:20px;} .aSic{ padding:20px 0; display:inline-block; width:220px; height:220px; vertical-align:top;} .askSli{ text-align:left; margin-left:220px; color:#444; font:normal 14px/14px "Microsoft YaHei"; background:url(../images/li_bl.jpg) no-repeat left center; padding-left:20px; margin-top:20px;} @-webkit-keyframes tipsshow{0{ opacity:0; -webkit-opacity:0; -moz-opacity:0; -webkit-transform:translateY(10px); -moz-transform:translateY(10px); transform:translateY(10px);}100%{ opacity:1; -webkit-opacity:1; -moz-opacity:1; -webkit-transform:translateY(-10px); -moz-transform:translateY(-10px); transform:translateY(-10px);}} @-moz-keyframes tipsshow{0{ opacity:0; -webkit-opacity:0; -moz-opacity:0; -webkit-transform:translateY(10px); -moz-transform:translateY(10px); transform:translateY(10px);}100%{ opacity:1; -webkit-opacity:1; -moz-opacity:1; -webkit-transform:translateY(-10px); -moz-transform:translateY(-10px); transform:translateY(-10px);}} @keyframes tipsshow{0{ opacity:0; -webkit-opacity:0; -moz-opacity:0; -webkit-transform:translateY(10px); -moz-transform:translateY(10px); transform:translateY(10px);}100%{ opacity:1; -webkit-opacity:1; -moz-opacity:1; -webkit-transform:translateY(-10px); -moz-transform:translateY(-10px); transform:translateY(-10px);}} @-webkit-keyframes scalebig{0{ -webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1); -webkit-animation-timing-function:ease-in; -moz-animation-timing-function:ease-in; animation-timing-function:ease-in;}100%{-webkit-transform:scale(1.2); -moz-transform:scale(1.2); transform:scale(1.2); -webkit-animation-timing-function:ease-in; -moz-animation-timing-function:ease-in; animation-timing-function:ease-in;}} @-moz-keyframes scalebig{0{ -webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1); -webkit-animation-timing-function:ease-in; -moz-animation-timing-function:ease-in; animation-timing-function:ease-in;}100%{-webkit-transform:scale(1.2); -moz-transform:scale(1.2); transform:scale(1.2); -webkit-animation-timing-function:ease-in; -moz-animation-timing-function:ease-in; animation-timing-function:ease-in;}} @keyframes scalebig{0{ -webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1); -webkit-animation-timing-function:ease-in; -moz-animation-timing-function:ease-in; animation-timing-function:ease-in;}100%{-webkit-transform:scale(1.2); -moz-transform:scale(1.2); transform:scale(1.2); -webkit-animation-timing-function:ease-in; -moz-animation-timing-function:ease-in; animation-timing-function:ease-in;}} .soluOne{ width:440px; margin:0 50px;} .soluPic{ width:100%; height:250px; position:relative; overflow:hidden;} .soluImg{ width:100%; height:100%; position:relative;} .soluImg img{ display:block; vertical-align:top;} .soluImg p{ position:absolute; left:0; bottom:0; width:100%; height:50px; background:rgba(0,0,0,0.6); color:#fff; font:normal 24px/50px "Microsoft YaHei";} .soluSti{ margin-top:20px; font:normal 18px/28px "Microsoft YaHei"; color:#333;}.soluSti b{ display:inline-block; margin-left:10px; margin-right:5px; color:#fff; width:28px; height:28px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; background-color:#65ac1a;} .soluDesc{ position:absolute; display:block; width:100%; height:100%; left:0; top:250px; text-align:left; background-color:#65ac1a; font:normal 14px/22px "Microsoft YaHei"; color:#fff;} .soluDesc b{ display:block; padding:3px 30px;}.soluDesc b:nth-child(1){ padding-top:10px;} @-webkit-keyframes fadeinRight{0%{ -webkit-transform:translateX(450px); -moz-transform:translateX(450px); transform:translateX(450px); opacity:0.2;}100%{ opacity:1; -webkit-opacity:1; -moz-opacity:1; -webkit-transform:translateX(0px); -moz-transform:translateX(0px); transform:translateX(0px);}} @-moz-keyframes fadeinRight{0%{ -webkit-transform:translateX(450px); -moz-transform:translateX(450px); transform:translateX(450px); opacity:0.2;}100%{ opacity:1; -webkit-opacity:1; -moz-opacity:1; -webkit-transform:translateX(0px); -moz-transform:translateX(0px); transform:translateX(0px);}} @keyframes fadeinRight{0%{ -webkit-transform:translateX(450px); -moz-transform:translateX(450px); transform:translateX(450px); opacity:0.2;}100%{ opacity:1; -webkit-opacity:1; -moz-opacity:1; -webkit-transform:translateX(0px); -moz-transform:translateX(0px); transform:translateX(0px);}} @-moz-keyframes fillUp {0% { transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0);}100% { transform:translateY(-250px); -webkit-transform:translateY(-250px); -moz-transform:translateY(-250px);}} @-webkit-keyframes fillUp {0% { transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0);}100% { transform:translateY(-250px); -webkit-transform:translateY(-250px); -moz-transform:translateY(-250px);}} @keyframes fillUp {0% {transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0);}100% { transform:translateY(-250px); -webkit-transform:translateY(-250px); -moz-transform:translateY(-250px);}} @-moz-keyframes fillDown {0% {transform:translateY(-250px); -webkit-transform:translateY(-250px); -moz-transform:translateY(-250px);}100% { transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0);}} @-webkit-keyframes fillDown {0% {transform:translateY(-250px); -webkit-transform:translateY(-250px); -moz-transform:translateY(-250px);}100% { transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0);}} @keyframes fillDown {0% {transform:translateY(-250px); -webkit-transform:translateY(-250px); -moz-transform:translateY(-250px);}100% { transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0);}} .soluPic:hover{ cursor:pointer; cursor:hand;}.soluPic:hover .soluDesc b{ -webkit-animation:fadeinRight 0.8s both 0.2s; -moz-animation:fadeinRight 0.8s both 0.2s; animation:fadeinRight 0.8s both 0.2s;} .fillUp .soluImg{ animation:fillUp 0.6s both; -webkit-animation:fillUp 0.6s both; -moz-animation:fillUp 0.6s both;} .fillUp .soluDesc{ animation:fillUp 0.6s both; -webkit-animation:fillUp 0.6s both; -moz-animation:fillUp 0.6s both; } .fillDown .soluImg{ animation:fillDown 0.6s both; -webkit-animation:fillDown 0.6s both; -moz-animation:fillDown 0.6s both;} .fillDown .soluDesc{ animation:fillDown 0.6s both; -webkit-animation:fillDown 0.6s both; -moz-animation:fillDown 0.6s both; } .usOne{font:normal 20px/42px "Microsoft YaHei"; color:#454545; margin-top:20px; height:42px;} .usOimg{ display:inline-block; width:42px; height:42px; background-color:#ff9600; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; margin-right:12px; } .usOimg b{ display:table-cell; height:42px; vertical-align:middle; text-align:center;}.usOimg b img{ vertical-align:middle;} /*微信和返回头部浮动样式*/ .ind_MD{ width:40px; position:fixed; right:10px; bottom:60px; z-index:11; display:none;} .ind_MD li{ width:40px; height:40px; text-align:center; margin-top:1px; background:rgba(0,0,0,0.5); position:relative;}.ind_MD li:hover{ cursor:pointer; cursor:hand; background-color:#2194ec;} .ind_MD li img{ display:inline; vertical-align:middle; margin-top:10px;} .ind_MD li span{ display:none; font:normal 12px/15px "Microsoft YaHei"; color:#fff; padding:5px;}.ind_MD li span a{ color:#fff;} .ind_li:hover span{ display:block;}.ind_li:hover img{ display:none;} .ind_wxDiv{ display:none; background:url(../images/wx_bg.png) no-repeat left top; width:150px; height:175px; position:absolute; right:40px; bottom:-25px;} .inner_wx{ width:111px; height:150px; background-color:#fff; padding:0 8px 5px 8px; margin:8px 0 0 8px; font:normal 12px/14px "Microsoft YaHei"; color:#202224;} .ind_wx:hover .ind_wxDiv{ display:block; -webkit-animation:scaliIn 0.3s both;} /*右侧锚点样式*/ .dhM{ display:none; position:fixed; right:20px; top:200px;} .dhMo{ display:block; position:relative; cursor:pointer; cursor:hand;} .dhM li{ margin-top:15px;} .dhMo b{ display:block; width:12px; height:12px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; background-color:#b2b2b2;} .dhMo span{ display:none; top:0; position:absolute; right:17px; font:normal 12px/12px "Microsoft YaHei"; color:#1282e8; white-space:nowrap;} .dhMo:hover b{ background-color:#1282e8;}.dhMo:hover span{ display:block;} .dhM li.acti b{background-color:#1282e8;}.dhM li.acti span{ display:block;} @-webkit-keyframes scaliIn{ 0%{ opacity:0; -webkit-opacity:0; -moz-opacity:0; -webkit-transform:scale(.1); -moz-transform:scale(.1); transform:scale(.1);} 100%{ opacity:1; -webkit-opacity:1; -moz-opacity:1; -webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1);}} @-moz-keyframes scaliIn{ 0%{ opacity:0; -webkit-opacity:0; -moz-opacity:0; -webkit-transform:scale(.1); -moz-transform:scale(.1); transform:scale(.1);} 100%{ opacity:1; -webkit-opacity:1; -moz-opacity:1; -webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1);}} @keyframes scaliIn{ 0%{ opacity:0; -webkit-opacity:0; -moz-opacity:0; -webkit-transform:scale(.1); -moz-transform:scale(.1); transform:scale(.1);} 100%{ opacity:1; -webkit-opacity:1; -moz-opacity:1; -webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1);}} @-webkit-keyframes ccInDown{0%{opacity:0; -webkit-opacity:0; -moz-opacity:0; -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); transform: translateY(-20px); -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;} 25% { opacity: 0.3; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); transform: translateY(10px); -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 50% { opacity:0.6; -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); transform: translateY(-10px); -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 75% { opacity:1; -webkit-opacity:1; -moz-opacity:1; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); transform: translateY(10px); -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); }} @-moz-keyframes ccInDown{0%{opacity:0; -webkit-opacity:0; -moz-opacity:0; -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); transform: translateY(-20px); -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;} 25% { opacity: 0.3; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); transform: translateY(10px); -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 50% { opacity:0.6; -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); transform: translateY(-10px); -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 75% { opacity:1; -webkit-opacity:1; -moz-opacity:1; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); transform: translateY(10px); -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); }} @keyframes ccInDown{0%{opacity:0; -webkit-opacity:0; -moz-opacity:0; -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); transform: translateY(-20px); -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;} 25% { opacity: 0.3; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); transform: translateY(10px); -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 50% { opacity:0.6; -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); transform: translateY(-10px); -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 75% { opacity:1; -webkit-opacity:1; -moz-opacity:1; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); transform: translateY(10px); -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); }} @-webkit-keyframes cctInDown{ 0%{ opacity:0; -webkit-opacity:0; -moz-opacity:0; } 100%{ opacity:0.5;}} @-moz-keyframes cctInDown{ 0%{ opacity:0; -webkit-opacity:0; -moz-opacity:0; } 100%{ opacity:0.5;}} @keyframes cctInDown{ 0%{ opacity:0; -webkit-opacity:0; -moz-opacity:0; } 100%{ opacity:0.5;}} @-webkit-keyframes rotateIn { 0% { opacity:0; -webkit-opacity:0; -moz-opacity:0; -webkit-transform: rotate(360deg) scale(.1); -moz-transform: rotate(360deg) scale(.1); transform: rotate(360deg) scale(.1); } 100% { opacity:1; -webkit-opacity:1; -moz-opacity:1; -webkit-transform: rotate(0deg) scale(1); -moz-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); }} @-moz-keyframes rotateIn { 0% { opacity:0; -webkit-opacity:0; -moz-opacity:0; -webkit-transform: rotate(360deg) scale(.1); -moz-transform: rotate(360deg) scale(.1); transform: rotate(360deg) scale(.1); } 100% { opacity:1; -webkit-opacity:1; -moz-opacity:1; -webkit-transform: rotate(0deg) scale(1); -moz-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); }} @keyframes rotateIn { 0% { opacity:0; -webkit-opacity:0; -moz-opacity:0; -webkit-transform: rotate(360deg) scale(.1); -moz-transform: rotate(360deg) scale(.1); transform: rotate(360deg) scale(.1); } 100% { opacity:1; -webkit-opacity:1; -moz-opacity:1; -webkit-transform: rotate(0deg) scale(1); -moz-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); }} @-webkit-keyframes cctInLeft{ 0%{ opacity:0; -webkit-opacity:0; -moz-opacity:0; -webkit-transform:translateX(-300px); -moz-transform:translateX(-300px); transform:translateX(-300px);} 100%{ opacity:1; -webkit-opacity:1; -moz-opacity:1; -webkit-transform:translateX(0); -moz-transform:translateX(0); transform:translateX(0);}} @-moz-keyframes cctInLeft{ 0%{ opacity:0; -webkit-opacity:0; -moz-opacity:0; -webkit-transform:translateX(-300px); -moz-transform:translateX(-300px); transform:translateX(-300px);} 100%{ opacity:1; -webkit-opacity:1; -moz-opacity:1; -webkit-transform:translateX(0); -moz-transform:translateX(0); transform:translateX(0);}} @keyframes cctInLeft{ 0%{ opacity:0; -webkit-opacity:0; -moz-opacity:0; -webkit-transform:translateX(-300px); -moz-transform:translateX(-300px); transform:translateX(-300px);} 100%{ opacity:1; -webkit-opacity:1; -moz-opacity:1; -webkit-transform:translateX(0); -moz-transform:translateX(0); transform:translateX(0);}} @-webkit-keyframes ccInLeft { 0% { opacity:0; -webkit-opacity:0; -moz-opacity:0; -webkit-transform: translateX(-200%) rotate(-270deg); -moz-transform: translateX(-200%) rotate(-270deg); transform: translateX(-200%) rotate(-270deg); } 100% { opacity:1; -webkit-opacity:1; -moz-opacity:1; -webkit-transform: translateX(0px) rotate(0deg); -moz-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); }} @-moz-keyframes ccInLeft { 0% { opacity:0; -webkit-opacity:0; -moz-opacity:0; -webkit-transform: translateX(-200%) rotate(-270deg); -moz-transform: translateX(-200%) rotate(-270deg); transform: translateX(-200%) rotate(-270deg); } 100% { opacity:1; -webkit-opacity:1; -moz-opacity:1; -webkit-transform: translateX(0px) rotate(0deg); -moz-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); }} @keyframes ccInLeft { 0% { opacity:0; -webkit-opacity:0; -moz-opacity:0; -webkit-transform: translateX(-200%) rotate(-270deg); -moz-transform: translateX(-200%) rotate(-270deg); transform: translateX(-200%) rotate(-270deg); } 100% { opacity:1; -webkit-opacity:1; -moz-opacity:1; -webkit-transform: translateX(0px) rotate(0deg); -moz-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); }} /*动画*/ .active .wisT{ -webkit-animation:slidIn 1s both; -moz-animation:slidIn 1s both; animation:slidIn 1s both;} .active .wismT{-webkit-animation:fadeIn 1s both 0.5s; -moz-animation:fadeIn 1s both 0.5s; animation:fadeIn 1s both 0.5s;} .active .wisInfo{-webkit-animation:fadeIn 1s both 0.8s; -moz-animation:fadeIn 1s both 0.8s; animation:fadeIn 1s both 0.8s;} .active .cc01{ -webkit-animation:ccInDown 1s both 1s; -moz-animation:ccInDown 1s both 1s; animation:ccInDown 1s both 1s;} .active .cct01{ -webkit-animation:cctInDown 0.3s both 1s; -moz-animation:cctInDown 0.3s both 1s; animation:cctInDown 0.3s both 1s;} .active .cc02{ -webkit-animation:ccInDown 1s both 1.2s; -moz-animation:ccInDown 1s both 1.2s; animation:ccInDown 1s both 1.2s;} .active .cct02{ -webkit-animation:cctInDown 0.3s both 1.2s; -moz-animation:cctInDown 0.3s both 1.2s; animation:cctInDown 0.3s both 1.2s;} .active .cc03{ -webkit-animation:ccInDown 1s both 1.4s; -moz-animation:ccInDown 1s both 1.4s; animation:ccInDown 1s both 1.4s;} .active .cct03{ -webkit-animation:cctInDown 0.3s both 1.4s; -moz-animation:cctInDown 0.3s both 1.4s; animation:cctInDown 0.3s both 1.4s;} .active .cc04{ -webkit-animation:ccInDown 1s both 1.6s; -moz-animation:ccInDown 1s both 1.6s; animation:ccInDown 1s both 1.6s;} .active .cct04{ -webkit-animation:cctInDown 0.3s both 1.6s; -moz-animation:cctInDown 0.3s both 1.6s; animation:cctInDown 0.3s both 1.6s;} .active .cc05{ -webkit-animation:ccInDown 1s both 1.8s; -moz-animation:ccInDown 1s both 1.8s; animation:ccInDown 1s both 1.8s;} .active .cct05{ -webkit-animation:cctInDown 0.3s both 1.8s; -moz-animation:cctInDown 0.3s both 1.8s; animation:cctInDown 0.3s both 1.8s;} .active .cc06{ -webkit-animation:ccInDown 1s both 2s; -moz-animation:ccInDown 1s both 2s; animation:ccInDown 1s both 2s;} .active .cct06{ -webkit-animation:cctInDown 0.3s both 2s; -moz-animation:cctInDown 0.3s both 2s; animation:cctInDown 0.3s both 2s;} .active .aSic{ -webkit-animation:rotateIn 1s both 0.5s; -moz-animation:rotateIn 1s both 0.5s; animation:rotateIn 1s both 0.5s;} .active .as01{-webkit-animation:cctInLeft 0.5s both 0.8s; -moz-animation:cctInLeft 0.5s both 0.8s; animation:cctInLeft 0.5s both 0.8s;} .active .as02{-webkit-animation:cctInLeft 0.5s both 1s; -moz-animation:cctInLeft 0.5s both 1s; animation:cctInLeft 0.5s both 1s;} .active .as03{-webkit-animation:cctInLeft 0.5s both 1.2s; -moz-animation:cctInLeft 0.5s both 1.2s; animation:cctInLeft 0.5s both 1.2s;} .active .as04{-webkit-animation:cctInLeft 0.5s both 1.4s; -moz-animation:cctInLeft 0.5s both 1.4s; animation:cctInLeft 0.5s both 1.4s;} .active .soluPic{-webkit-animation:scaliIn 0.5s both 1s; -moz-animation:scaliIn 0.5s both 1s; animation:scaliIn 0.5s both 1s;} .active .soluSti span{-webkit-animation:fadeIn 1s both 1.2s; -moz-animation:fadeIn 1s both 1.2s; animation:fadeIn 1s both 1.2s;} .active .ci01{-webkit-animation:ccInLeft 0.5s both 1s; -moz-animation:ccInLeft 0.5s both 1s; animation:ccInLeft 0.5s both 1s;} .active .ci02{-webkit-animation:ccInLeft 0.5s both 1.2s; -moz-animation:ccInLeft 0.5s both 1.2s; animation:ccInLeft 0.5s both 1.2s;} .active .ci03{-webkit-animation:ccInLeft 0.5s both 1.4s; -moz-animation:ccInLeft 0.5s both 1.4s; animation:ccInLeft 0.5s both 1.4s;} .active .ci04{-webkit-animation:ccInLeft 0.5s both 1.6s; -moz-animation:ccInLeft 0.5s both 1.6s; animation:ccInLeft 0.5s both 1.6s;} .active .us01{ -webkit-animation:fadeIn 0.5s both 0.5s; -moz-animation:fadeIn 0.5s both 0.5s; animation:fadeIn 0.5s both 0.5s;} .active .us02{ -webkit-animation:fadeIn 0.5s both 0.7s; -moz-animation:fadeIn 0.5s both 0.7s; animation:fadeIn 0.5s both 0.7s;} .active .us03{ -webkit-animation:fadeIn 0.5s both 0.7s; -moz-animation:fadeIn 0.5s both 0.7s; animation:fadeIn 0.5s both 0.7s;} .active .us04{ -webkit-animation:fadeIn 0.5s both 0.7s; -moz-animation:fadeIn 0.5s both 0.7s; animation:fadeIn 0.5s both 0.7s;} .proDiv{ width:100%; position:relative; height:auto;} .prdOne{ position:absolute; width:100%; height:100%; opacity:0; -webkit-opacity:0; -moz-opacity:0;} .currpa{ opacity:1; -webkit-opacity:1; -moz-opacity:1; z-index:1;} .wisMbg{ width:100%; height:100%; position:absolute; z-index:-1; left:0; top:0;} .bigcic .cicleOne{ width:128px;} .bigcic .cicleOne .ccPic{ width:128px; height:128px;} .bigcic .cicleOne .ccTex{ padding:24px 0;} .pdNum{ width:64px; height:64px; position:absolute; z-index:1; left:50%; margin-left:-32px; bottom:72px; background:url(../images/num.png) no-repeat right bottom; font:normal 50px/32px "FZLanTingHeiS"; color:#fff; text-align:left; vertical-align:top;} .proButt{ display:block; width:41px; height:77px; position:absolute; z-index:1; top:50%; margin-top:-39px; cursor:pointer; cursor:hand;} .lb{ left:50px; background:url(../images/left.png) no-repeat center;}.lb:hover{ background:url(../images/left_h.png) no-repeat center;} .rb{ right:50px; background:url(../images/right.png) no-repeat center;}.rb:hover{ background:url(../images/right_h.png) no-repeat center;} @-webkit-keyframes fadeIn{0%{opacity:0; -webkit-opacity:0; -moz-opacity:0;}100%{ opacity:1; -webkit-opacity:1; -moz-opacity:1;}} @-moz-keyframes fadeIn{0%{opacity:0; -webkit-opacity:0; -moz-opacity:0;}100%{ opacity:1; -webkit-opacity:1; -moz-opacity:1;}} @keyframes fadeIn{0%{opacity:0; -webkit-opacity:0; -moz-opacity:0;}100%{ opacity:1; -webkit-opacity:1; -moz-opacity:1;}} @-webkit-keyframes fadeB-T{0%{ -webkit-transform:translateY(50px); -moz-transform:translateY(50px); transform:translateY(50px); opacity:0; -webkit-opacity:0; -moz-opacity:0;}100%{ -webkit-transform:translateY(0px); -moz-transform:translateY(0px); transform:translateY(0px); opacity:1; -webkit-opacity:1; -moz-opacity:1;}} @-moz-keyframes fadeB-T{0%{ -webkit-transform:translateY(50px); -moz-transform:translateY(50px); transform:translateY(50px); opacity:0; -webkit-opacity:0; -moz-opacity:0;}100%{ -webkit-transform:translateY(0px); -moz-transform:translateY(0px); transform:translateY(0px); opacity:1; -webkit-opacity:1; -moz-opacity:1;}} @keyframes fadeB-T{0%{ -webkit-transform:translateY(50px); -moz-transform:translateY(50px); transform:translateY(50px); opacity:0; -webkit-opacity:0; -moz-opacity:0;}100%{ -webkit-transform:translateY(0px); -moz-transform:translateY(0px); transform:translateY(0px); opacity:1; -webkit-opacity:1; -moz-opacity:1;}} @-webkit-keyframes fadeTex{0%{ -webkit-transform: scale(0); -moz-transform: scale(0); transform: scale(0); opacity:0; -webkit-opacity:0; -moz-opacity:0; -webkit-animation-timing-function:ease-in-out; -moz-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out;}100%{ -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); opacity:1; -webkit-opacity:1; -moz-opacity:1;-webkit-animation-timing-function:ease-in-out; -moz-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out;}} @-moz-keyframes fadeTex{0%{ -webkit-transform: scale(0); -moz-transform: scale(0); transform: scale(0); opacity:0; -webkit-opacity:0; -moz-opacity:0; -webkit-animation-timing-function:ease-in-out; -moz-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out;}100%{ -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); opacity:1; -webkit-opacity:1; -moz-opacity:1;-webkit-animation-timing-function:ease-in-out; -moz-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out;}} @keyframes fadeTex{0%{ -webkit-transform: scale(0); -moz-transform: scale(0); transform: scale(0); opacity:0; -webkit-opacity:0; -moz-opacity:0; -webkit-animation-timing-function:ease-in-out; -moz-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out;}100%{ -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); opacity:1; -webkit-opacity:1; -moz-opacity:1;-webkit-animation-timing-function:ease-in-out; -moz-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out;}} @-webkit-keyframes saleIn{0%{ -webkit-transform:scale(0.2); -moz-transform:scale(0.2); transform:scale(0.2);}80%{ -webkit-transform:scale(1.3); -moz-transform:scale(1.3); transform:scale(1.3);}100%{ -webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1);}} @-moz-keyframes saleIn{0%{ -webkit-transform:scale(0.2); -moz-transform:scale(0.2); transform:scale(0.2);}80%{ -webkit-transform:scale(1.3); -moz-transform:scale(1.3); transform:scale(1.3);}100%{ -webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1);}} @keyframes saleIn{0%{ -webkit-transform:scale(0.2); -moz-transform:scale(0.2); transform:scale(0.2);}80%{ -webkit-transform:scale(1.3); -moz-transform:scale(1.3); transform:scale(1.3);}100%{ -webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1);}} .currpa .wisMbg{ -webkit-animation:fadeIn 0.5s both; -moz-animation:fadeIn 0.5s both; animation:fadeIn 0.5s both;} .currpa .wisT{-webkit-animation:fadeB-T 0.5s both 0.2s; -moz-animation:fadeB-T 0.5s both 0.2s; animation:fadeB-T 0.5s both 0.2s;} .currpa .wismT{-webkit-animation:fadeB-T 0.5s both 0.5s; -moz-animation:fadeB-T 0.5s both 0.5s; animation:fadeB-T 0.5s both 0.5s;} .currpa .wisInfo{ -webkit-animation:fadeTex 0.5s both 0.6s; -moz-animation:fadeTex 0.5s both 0.6s; animation:fadeTex 0.5s both 0.6s;} .curnum{ -webkit-animation:saleIn 0.5s both; -moz-animation:saleIn 0.5s both; animation:saleIn 0.5s both;} .currpa .cc01{-webkit-animation:ccInDown 0.5s both 0.7s; -moz-animation:ccInDown 0.5s both 0.7s; animation:ccInDown 0.5s both 0.7s;} .currpa .cc02{-webkit-animation:ccInDown 0.5s both 0.8s; -moz-animation:ccInDown 0.5s both 0.8s; animation:ccInDown 0.5s both 0.8s;} .currpa .cc03{-webkit-animation:ccInDown 0.5s both 0.9s; -moz-animation:ccInDown 0.5s both 0.9s; animation:ccInDown 0.5s both 0.9s;} .currpa .cc04{-webkit-animation:ccInDown 0.5s both 1.0s; -moz-animation:ccInDown 0.5s both 1.0s; animation:ccInDown 0.5s both 1.0s;} .currpa .cc05{-webkit-animation:ccInDown 0.5s both 1.1s; -moz-animation:ccInDown 0.5s both 1.1s; animation:ccInDown 0.5s both 1.1s;} .currpa .cc06{-webkit-animation:ccInDown 0.5s both 1.2s; -moz-animation:ccInDown 0.5s both 1.2s; animation:ccInDown 0.5s both 1.2s;} .currpa .cct01{-webkit-animation:ccInDown 0.4s both 0.7s; -moz-animation:ccInDown 0.4s both 0.7s; animation:ccInDown 0.4s both 0.7s;} .currpa .cct02{-webkit-animation:ccInDown 0.4s both 0.8s; -moz-animation:ccInDown 0.4s both 0.8s; animation:ccInDown 0.4s both 0.8s;} .currpa .cct03{-webkit-animation:ccInDown 0.4s both 0.9s; -moz-animation:ccInDown 0.4s both 0.9s; animation:ccInDown 0.4s both 0.9s;} .currpa .cct04{-webkit-animation:ccInDown 0.4s both 1.0s; -moz-animation:ccInDown 0.4s both 1.0s; animation:ccInDown 0.4s both 1.0s;} .currpa .cct05{-webkit-animation:ccInDown 0.4s both 1.1s; -moz-animation:ccInDown 0.4s both 1.1s; animation:ccInDown 0.4s both 1.1s;} .currpa .cct06{-webkit-animation:ccInDown 0.4s both 1.2s; -moz-animation:ccInDown 0.4s both 1.2s; animation:ccInDown 0.4s both 1.2s;}