
html,body{height:100%;}
 
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:auto;position:relative; z-index:5; display:block; margin:0px 0 40px 0; }
.prev,.next{display:block;width:44px;height:44px;position:absolute;z-index:222; top:50%;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:20%;height:20px;position:absolute;z-index:124; bottom:40px;left:8%;text-align:center;}
.item a{display:inline-block;width:15px;height:15px;margin-right:12px;background:#fff; border:none; border-radius:50%; overflow:hidden;}
.item a.cur{background:#f00; border:none; border-radius:30px; width:40px; height:15px;}
.slide-box,.slide{display:block;width:100%;height:auto;overflow:hidden;}
.slide-box{position:relative;}
.slide{display:none;height:auto;padding-top:0;background:#ff6900;position:relative;position:absolute;z-index:8;}
#bgstyle1{background:#f3f3f3;   position:relative;  z-index:20; }
#bgstyle2{background:#f2f2f2;   position:relative;  z-index:20; }
#bgstyle3{background:#f1f1f1;  position:relative;  z-index:20;  }
#bgstyle4{background:#f1f1f1;  position:relative;  z-index:20;  }
#bgstyle5{background:#f1f1f1;  position:relative;  z-index:20;  }
#bgstyle6{background:#f1f1f1;  position:relative;  z-index:20;  }
#bgstyle7{background:#f1f1f1;  position:relative;  z-index:20;  }
#bgstyle8{background:#f1f1f1;  position:relative;  z-index:20;  }
#bgstyle9{background:#f1f1f1;  position:relative;  z-index:20;  }
#bgstyle10{background:#f1f1f1;  position:relative;  z-index:20;  }


.babgcont{width:100%; height:100%; float:left; position:absolute; z-index:5; left:0; top:0; }

.babgm{width:100%; float:left; position:relative; z-index:2; }

.babgm img{width:100%; }

.slide a{display:block;width:100%;height:auto;cursor:pointer;}

.obj-a11,.obj-a12,.obj-a21,.obj-a22,.obj-a01,.obj-a02{position:absolute;z-index:9;left:50%;}

.obj-a11{width:30%; max-width:374px; margin-left:-12%;  top:29%;}
.obj-a12{width:50%; max-width:889px; margin-left:-24%;  top:54%;}

.obj-a21{width:50%; max-width:930px; float:left; top:0%; margin-left:-50%;}

.obj-a21 img{width:100%;}


.obj-a22{width:38%; float:left; top:0%; position:absolute; z-index:12;  left:50%; margin-top:7%; margin-left:8%;  font-size:38px; color:#fff; text-align:left;
 line-height:50px; font-weight:bold; }

 
.obj-a01{width:40%;margin-left:-4%;top:25%;z-index:12;} 

.obj-a02{width:30%;margin-left:-4%;top:48%; z-index:13;}

.obj-a11 img,.obj-a12 img,.obj-a21 img,.obj-a22 img,.obj-a01 img,.obj-a02 img{width:100%;}


.banAnimate .obj-a11{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-a12{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-a21,.banAnimate .obj-a01{display:block;animation-name:saAnic;-webkit-animation:saAnic 0.8s linear 0s normal none;-moz-animation:saAnic 0.8s linear 0s normal none;animation:saAnic 0.8s linear 0s normal none;}

@-webkit-keyframes saAnic{from{opacity:0;left:0%; margin-left:-50%;} to{opacity:1;left:0%; margin-left:0%;} }
@-moz-keyframes saAnic{from{opacity:0;left:0%; margin-left:-50%;} to{opacity:1;left:0%; margin-left:0%;} }
@keyframes saAnic{from{opacity:0;left:0%; margin-left:-50%;} to{opacity:1;left:0%; margin-left:0%;} }

.banAnimate .obj-a22,.banAnimate .obj-a02{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%;} }


@media  screen and  (max-width:1750px){


.obj-a22{width:40%; float:left; top:0%; position:absolute; z-index:12;  left:50%; 
margin-top:9%; margin-left:10%;  font-size:24px; color:#fff; 
text-align:left; line-height:30px; font-weight:bold; }

 
}


@media  screen and  (max-width:1300px){


.obj-a22{width:40%; float:left; top:0%; position:absolute; z-index:12;  left:50%; 
margin-top:3%; margin-left:8%;  font-size:20px; color:#fff; 
text-align:left; line-height:30px; font-weight:bold; }

 
}


@media screen and (max-width:1024px) {

.babgm{width:100%;  height:50rem;   float:left; position:relative; z-index:2; }

.babgm img{width:100%;  height:45rem;  }

.obj-a21{width:100%; max-width:initial; float:left; top:0%; margin-left:0%;}

.obj-a21 img{width:100%;}


.obj-a22{width:90%; float:left; top:0%; position:absolute; z-index:12;  left:0%; margin-top:70%; margin-left:5%;  
font-size:16px; color:#fff; text-align:left; line-height:30px; font-weight:bold; }


.obj-a11,.obj-a12,.obj-a21,.obj-a22,.obj-a01,.obj-a02{position:absolute;z-index:9;left:0%;}


.banAnimate .obj-a21,.banAnimate .obj-a22{display:block; }

@-webkit-keyframes saAnic{from{opacity:0;left:0%; margin-left:-100%;} to{opacity:1;left:0%; margin-left:0%;} }
@-moz-keyframes saAnic{from{opacity:0;left:0%; margin-left:-100%;} to{opacity:1;left:0%; margin-left:0%;} }
@keyframes saAnic{from{opacity:0;left:0%; margin-left:-100%;} to{opacity:1;left:0%; margin-left:0%;} }

.banAnimate .obj-a22,.banAnimate .obj-a02{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%;} }


}


@media screen and (max-width:380px) {

.babgm{width:100%;  height:50rem;   float:left; position:relative; z-index:2; }

.babgm img{width:100%;  height:40rem;  }

.obj-a21{width:100%; max-width:initial; float:left; top:0%; margin-left:0%;}

.obj-a21 img{width:100%;}


.banAnimate .obj-a21,.banAnimate .obj-a22{display:block; }


.obj-a22{width:90%; float:left; top:0%; position:absolute; z-index:12;  left:0%; margin-top:70%; margin-left:5%;  font-size:14px; color:#fff; 
text-align:left; line-height:30px; font-weight:bold; }


}