body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, table, tbody, p, th, td, em { -webkit-text-size-adjust: none; margin: 0; padding: 0; border: none; -webkit-tap-highlight-color: rgba(0,0,0,0); font-size: 12px; font-family: "Microsoft Yahei","微软雅黑",Tahoma,Arial,Helvetica,STHeiti; }
html, body { height: 100%; }
img, input, button, a, select, textarea { margin: 0; padding: 0; resize: none; border: none; outline: none; }
ol, ul { list-style: none; }
h1, h2, h3, h4, h5, h6, p, em, i, b, em { font-size: 100%; word-wrap: break-word; font-weight: normal; font-style: normal; }
a:active, a:focus { outline: none; }
button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; }
*html { background-image: url(about:blank); background-attachment: fixed; }
/* 修正IE6振动bug */

/* slide */
.slide-main { height: 699px; position: relative; }
.prev, .next { display: block; width: 44px; position: relative; z-index: 222; top: 267px; overflow: hidden; cursor: pointer; opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); _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); }
.item { display: block; width: 100%; height: 5px; position: absolute; z-index: 124; bottom:60px; left: 0; text-align: center; }
.item a { display: inline-block; width:10px; height:10px; margin-right:20px; background: #6b7d9d; opacity: 0.6; -moz-opacity: 0.6; filter: alpha(opacity=60); overflow: hidden; border-radius:50%;}
.item a.cur {width:20px; background: #fff; border-radius:10px;}
.slide-box, .slide { display: block; width: 100%; height: 699px; overflow: hidden; }
.slide-box { position: relative; }
.slide { display: none; height: 699px; background: none; position: relative; position: absolute; z-index: 8; }
#bgstylea { }
#bgstyleb { }
#bgstylec { }
.slide b { display: block; width: 100%; height: 669px; position:absolute; cursor: pointer; font-style:normal; }
.obj-a, .obj-b, .obj-c, .obj-d, .obj-e, .obj-f { position: absolute; z-index: 9; left: 50%; }
.obj-a, .obj-b {   text-align: center; }
.obj-a { display: block; width: 509px; height: 170px;  margin-left:-600px; top:290px; }
.obj-b { top:100px; height: auto;  margin-left:0px; }
.obj-c { width: 509px; height: 170px; margin-left: -600px; top:50px; z-index: 12; }
.obj-d { top: 228px; height: 164px; }
.obj-d p { display: block; padding-top: 20px; font-size: 16px; color: #fff; clear: both; }
.obj-e { width: 509px; height: 170px; margin-left: -600px; top:160px; z-index: 12; }

.obj-f { width: 970px; height:auto; top:50px; margin-left:-380px; }

.obbtn1{width:150px; height:50px; float:left; background:#fa2a55; border:none;  margin:30px 0 0 0px;  border-radius:10px; font-size:16px; color:#fff; text-align:center; font-weight:normal; line-height:50px; box-shadow:8px 16px 20px 0 #091a43;}

.obbtn2{width:150px; height:50px; float:left; background:none; border:1px solid #6b95e0; margin:30px 0 0 24px; border-radius:10px; font-size:16px; color:#6b95e0; text-align:center; font-weight:normal; line-height:50px;  }



.banAnimate .obj-a { display: block; animation-name: baoAni; -webkit-animation: baoAni 0.4s linear 0s normal none; -moz-animation: baoAni 0.4s linear 0s normal none; animation: baoAni 0.4s linear 0s normal none; }

@-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-c, .banAnimate .obj-e { display: block; animation-name: saAnic; -webkit-animation: saAnic 0.3s linear 0s normal none; -moz-animation: saAnic 0.3s linear 0s normal none; animation: saAnic 0.3s 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 { display: block; animation-name: saAnid; -webkit-animation: saAnid 0.3s linear 0s normal none; -moz-animation: saAnid 0.3s linear 0s normal none; animation: saAnid 0.3s 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%; }
}

/* 懒人图库 搜集整理 www.lanrentuku.com */