.ui-top-nav{ position: absolute; top: 0;   }
* html { background-image: url(about:blank); background-attachment: fixed; }
/* ÐÞÕýIE6Õñ¶¯bug */
/* slide */
.slide-main { height: 740px; position: relative; width: 100%; display: block; }
.prev, .next {
    display: block; width: 44px; height: 44px;
    position: absolute; z-index: 222; top: 349px;
    overflow: hidden; cursor: pointer;
    opacity: 0.6; -moz-opacity: 0.8; filter: alpha(opacity=80);
    _border: 1px solid none; }
.prev { left: 70px; }
.next { right: 70px; }
.prev:hover, .next:hover, .nav-main a:hover, .nav-main a.cur { opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); }
.ui-ks-nav { display: block; width: 100%; height: 5px; position: absolute; z-index: 124; top: 710px; left: 0; text-align: center; }
.ui-ks-nav a{
    display: inline-block;color:#b22222;
    width:20px;height:22px;
    background:url(../images/circlebutton.png) no-repeat;
    text-indent:-9999px;border:0;margin-right:3px;
   overflow: hidden;
    transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;
}
.ui-ks-nav a.cur{background-position:0 -22px;}

.slide-box, .slide { display: block; width: 100%; height: 740px; overflow: hidden; }
.slide-box { position: relative; }
.slide { display: none; height: 650px; padding-top: 90px; background: #ff6900; position: relative; position: absolute; z-index: 8; }
.bgstylea { background: #000 url(../images/banner_bg_2.jpg) no-repeat center top; }
.bgstyleb { background: #02021c url(../images/banner_bg_3.jpg) no-repeat center top; }
.bgstylec { background:#003fa3 url(../images/banner_bg_1.jpg) center top; }
.bgstyled { background:#43af38 url(../images/banner_bg_4.jpg) center top; }
.slide a { display: block; width: 100%; height: 650px; cursor: pointer; }
.obj-a, .obj-b, .obj-c, .obj-d, .obj-e, .obj-f, .obj-h, .obj-i, .obj-h1, .obj-i1, .obj-l { position: absolute; z-index: 9; left: 50%; }
.obj-a { width: 1123px; margin-left: -556px; text-align: center; }
.obj-a { display: block; height: 152px; top: 97px; }
.obj-b { top: 290px; height: 327px; width: 440px; margin-left: -216px; }
.obj-c { display: block; height: 55px; top: 424px; margin-left: -351px; }
.obj-d { height: 64px; margin-left: -351px; top: 515px; }
.obj-e { width: 560px; height: 106px; margin-left: -260px; top: 135px; z-index: 12; }
.obj-f { width: 840px; height: 420px; top: 288px; margin-left: -430px; }
.obj-h { width: 580px; height: 376px; margin-left: -519px; top: 351px; z-index: 12; }
.obj-h1 { width: 185px; height: 65px; margin-left: -523px; top: 269px; z-index: 12; }
.obj-i { width: 373px; height: 278px; top: 88px; margin-left: 67px; }
.obj-i1 { width: 240px; height: 93px; top: 403px; margin-left: 425px; }
.obj-l { width: 215px; height: 45px; top: 625px; margin-left: -110px; }
.obj-l a {
    background: url(../images/banner_btn_1.png) no-repeat;
    width: 215px; height: 45px; display: block; text-align: center; line-height: 45px; color: #0111fc;
    font-size: 18px; text-decoration: none;
}
.obj-l a:hover { background: url(../images/banner_btn_2.png) no-repeat; color: #000; }
@-webkit-keyframes baoAni {
    from { opacity: 0; left: 60%; }
    to { opacity: 1; left: 50%; }
}
@-moz-keyframes baoAni {
    from { opacity: 0; left: 60%; }
    to { opacity: 1; left: 50%; }
}
@keyframes baoAni {
    from { opacity: 0; left: 60%; }
    to { opacity: 1; left: 50%; }
}
.banAnimate .obj-b {
    display: block;
    animation-name: saAni;
    -webkit-animation: saAni 0.4s linear 0s normal none;
    -moz-animation: saAni 0.4s linear 0s normal none;
    animation: saAni 0.4s linear 0s normal none;
}
@-webkit-keyframes saAni {
    from { opacity: 0; -webkit-transform: scale(0, 0); }
    to { opacity: 1; -webkit-transform: scale(1, 1); }
}
@-moz-keyframes saAni {
    from { opacity: 0; -moz-transform: scale(0, 0); }
    to { opacity: 1; -moz-transform: scale(1, 1); }
}
@keyframes saAni {
    from { opacity: 0; transform: scale(0, 0); }
    to { opacity: 1; transform: scale(1, 1); }
}
.watch-code.code-show { display: block; animation-name: scode; -webkit-animation: scode 0.3s linear 0s normal none; -moz-animation: scode 0.3s linear 0s normal none; animation: scode 0.3s linear 0s normal none; }
@-webkit-keyframes scode {
    from { opacity: 0; -webkit-transform: scale(1, 0); transform-origin: left bottom; }
    to { opacity: 1; -webkit-transform: scale(1, 1); transform-origin: left bottom; }
}
@-moz-keyframes scode {
    from { opacity: 0; -moz-transform: scale(1, 0); transform-origin: left bottom; }
    to { opacity: 1; -moz-transform: scale(1, 1); transform-origin: bottom bottom; }
}
@keyframes scode {
    from { opacity: 0; transform: scale(1, 0); transform-origin: left bottom; }
    to { opacity: 1; transform: scale(1, 1); transform-origin: left bottom; }
}
.banAnimate .obj-e {
    display: block;
    animation-name: downmove1;
    -webkit-animation: downmove1 0.5s linear 0s normal none;
    -moz-animation: downmove1 0.5s linear 0s normal none;
    animation: downmove1 0.5s linear 0s normal none;
}
.banAnimate .obj-h, .banAnimate .obj-h1, .banAnimate .obj-c {
    display: block;
    animation-name: saAnic;
    -webkit-animation: saAnic 0.5s linear 0s normal none;
    -moz-animation: saAnic 0.5s linear 0s normal none;
    animation: saAnic 0.5s linear 0s normal none;
}
@-webkit-keyframes saAnic {
    from { opacity: 0; left: 47%; }
    to { opacity: 1; left: 50%; }
}
@-moz-keyframes saAnic {
    from { opacity: 0; left: 47%; }
    to { opacity: 1; left: 50%; }
}
@keyframes saAnic {
    from { opacity: 0; left: 47%; }
    to { opacity: 1; left: 50%; }
}
.banAnimate .obj-d, .banAnimate .obj-f, .banAnimate .obj-i, .banAnimate .obj-i1, .banAnimate .obj-b .banAnimate .obj-d {
    display: block;
    animation-name: saAnid;
    -webkit-animation: saAnid 0.5s linear 0s normal none;
    -moz-animation: saAnid 0.5s linear 0s normal none;
    animation: saAnid 0.5s linear 0s normal none;
}
@-webkit-keyframes saAnid {
    from { opacity: 0; left: 53%; }
    to { opacity: 1; left: 50%; }
}
@-moz-keyframes saAnid {
    from { opacity: 0; left: 53%; }
    to { opacity: 1; left: 50%; }
}
@keyframes saAnid {
    from { opacity: 0; left: 53%; }
    to { opacity: 1; left: 50%; }
}
@-moz-keyframes downmove1 {
    from { opacity: 0; top: 100px; }
    to { opacity: 1; top: 135px; }
}
@-webkit-keyframes downmove1 {
    from { opacity: 0; top: 100px; }
    to { opacity: 1; top: 135px; }
}
@keyframes downmove1 {
    from { opacity: 0; top: 100px; }
    to { opacity: 1; top: 135px; }
}
.banAnimate .obj-a {
    display: block;
    animation-name: downmove2;
    -webkit-animation: downmove2 0.5s linear 0s normal none;
    -moz-animation: downmove2 0.5s linear 0s normal none;
    animation: downmove2 0.5s linear 0s normal none;
}
@-moz-keyframes downmove2 {
    from { opacity: 0; top: 62px; }
    to { opacity: 1; top: 97px; }
}
@-webkit-keyframes downmove2 {
    from { opacity: 0; top: 62px; }
    to { opacity: 1; top: 97px; }
}
@keyframes downmove2 {
    from { opacity: 0; top: 62px; }
    to { opacity: 1; top: 97px; }
}
.banAnimate .obj-l {
    display: block;
    animation-name: topmove2;
    -webkit-animation: topmove2 0.5s linear 0s normal none;
    -moz-animation: topmove2 0.5s linear 0s normal none;
    animation: topmove2 0.5s linear 0s normal none;
}
@-moz-keyframes topmove2 {
    from { opacity: 0; top: 640px; }
    to { opacity: 1; top: 625px; }
}
@-webkit-keyframes topmove2 {
    from { opacity: 0; top: 640px; }
    to { opacity: 1; top: 625px; }
}
@keyframes topmove2 {
    from { opacity: 0; top: 640px; }
    to { opacity: 1; top: 625px; }
}