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:690px;position:relative;}
.prev,.next{display:block;width:65px;height:65px;position:absolute;z-index:222;top:267px;overflow:hidden;cursor:pointer;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);_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;top:540px;left:0;text-align:center;}
.item a{display:inline-block;width:24px;height:5px;margin-right:11px;background:#333;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);overflow:hidden;}
.item a.cur{background:#fff;}
.slide-box,.slide{display:block;width:100%;height:690px;overflow:hidden;}
.slide-box{position:relative;}
.slide{display:none;height:600px;padding-top:90px;background:#ff6900;position:relative;position:absolute;z-index:8;}
#bgstylea{background:#dcdde1;}
#bgstyled{background:#000000;}
#bgstyleb{background:url(../img/banner4bg.jpg) no-repeat;}
#bgstylec{background:#000;}
.slide a{display:block;width:100%;height:690px;cursor:pointer;}


.obj-a,.obj-b,.obj-c,.obj-d,.obj-e,.obj-g,.obj-h,.obj-i,.obj-j{position:absolute;z-index:9;left:50%;}
.obj-a{width:623px;margin-left:-850px;text-align:center;}
.obj-b{width:1371px;margin-left:-22%;text-align:center;}
.obj-a{display:block;height:295px;top:230px;}
.obj-b{top:0;height:690px;}

.obj-g{width:1920px;margin-left:-960px;text-align:center;}
.obj-h{width:568px;margin-left:-284px;text-align:center;}
.obj-g{display:block;height:690px;top:0px;}
.obj-h{top:433px;height:176px;}

.obj-c{width:588px;margin-left:-294px;text-align:center;}
.obj-c{top:92px;height:249px;}

.obj-d{width:670px;margin-left:-294px;text-align:center;}
.obj-d{top:461px;height:156px;}

.obj-i{width:1920px;margin-left:-960px;text-align:center;}
.obj-i{top:0px;height:690px;opacity: 0;}

.obj-j{width:1920px;margin-left:-960px;text-align:center;}
.obj-j{top:0px;height:690px;opacity: 0;}

.obj-e{width:828px;height:690px;margin-left:-50%;top:0;z-index:12;}
.obj-f{width:1012px;height:690px;top:0;right: 0;position: absolute;}


@media screen and (max-width:1760px) {
    .obj-f img{max-width: 100%;}
    .obj-f{width: 800px;}
}

@media screen and (max-width:1730px) {
    .obj-a img{max-width: 100%;}
    .obj-a{width: 500px;margin-left: -690px;}
}
@media screen and (max-width:1570px) {
    .obj-f img{max-width: 100%;}
    .obj-f{width: 700px;}
    .obj-e img{max-width: 100%;}
    .obj-e{width: 750px;}
}
@media screen and (max-width:1450px) {
    .obj-e{width: 500px;}
    .obj-e img{max-width: 100%;}
    .obj-f{width: 600px;margin-left: 0%;}
    .obj-f img{max-width: 100%;}
    .slide-box, .slide{height: 500px;}

    .obj-a{width: 300px;margin-left: -475px;top: 100px;}
    .obj-a img{max-width: 100%;}
    .obj-b{height: 500px;width: 993px;}
    .obj-b img{max-width: 100%;}

    .obj-g{width: 1400px;margin-left: -700px;}
    .obj-g img{max-width: 100%;}
    .obj-h{top: 350px;width: 400px;margin-left: -200px;}
    .obj-h img{max-width: 100%;}

    .obj-c{width: 450px;margin-left: -225px;top: 60px;}
    .obj-c img{max-width: 100%;}
    .obj-d{width: 500px;margin-left: -250px;top: 335px;}
    .obj-d img{max-width: 100%;}
    .obj-i{width: 1400px;margin-left: -700px;height: 500px;}
    .obj-i img{max-width: 100%;}

    .obj-j{width: 1400px;margin-left: -700px;height: 500px;}
    .obj-j img{max-width: 100%;}

    .slide-main{height:500px;}

}

@media screen and (max-width:1100px) {
    .obj-f{width: 500px;}
}

.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);} }

.banAnimate .obj-g{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-h{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);} }

.banAnimate .obj-i{display:block;animation-name:saAnis;-webkit-animation:saAnis 0.1s linear 0.5s normal none;-moz-animation:saAnis 0.1s linear 0.5s normal none;animation:saAnis 0.1s linear 0.5s normal none;animation-fill-mode:forwards;}
@-webkit-keyframes saAnis{from{opacity:0;-webkit-transform:scale(0,0);} to{opacity:1;-webkit-transform:scale(1,1);} }
@-moz-keyframes saAnis{from{opacity:0;-moz-transform:scale(0,0);} to{opacity:1;-moz-transform:scale(1,1);} }
@keyframes saAnis{from{opacity:0;transform:scale(0,0);} to{opacity:1;transform:scale(1,1);} }

.banAnimate .obj-j{display:block;animation-name:saAnis;-webkit-animation:saAnis 0.1s linear 0.5s normal none;-moz-animation:saAnis 0.1s linear 0.5s normal none;animation:saAnis 0.1s linear 0.5s normal none;animation-fill-mode:forwards;}
@-webkit-keyframes saAnis{from{opacity:0;-webkit-transform:scale(0,0);} to{opacity:1;-webkit-transform:scale(1,1);} }
@-moz-keyframes saAnis{from{opacity:0;-moz-transform:scale(0,0);} to{opacity:1;-moz-transform:scale(1,1);} }
@keyframes saAnis{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{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%;} }


.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;right:-20%;} to{opacity:1;right:0;} }
@-moz-keyframes saAnid{from{opacity:0;right:-20%;} to{opacity:1;right:0;} }
@keyframes saAnid{from{opacity:0;right:-20%;} to{opacity:1;right:0;} }

/* ����ͼ�� �Ѽ����� www.lanrentuku.com */