/*  */
.slide{display:none;position:relative;width:672px;height:300px;overflow:hidden;}
.slide-count-box{vertical-align:middle;width: 672px;height:300px;}
.slide a{display:block;width:100%;cursor:pointer;}
.slide-count-box img{max-width: none;//IE8}
.obj-x img {display:block;width:672px;height:300px;vertical-align: middle;}
.prev,.next{display:block;width:26px;height:50px;position:absolute;z-index:100;top:42%;overflow:hidden;cursor:pointer;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);_border:1px solid none;}
.prev{left:10px;}
.next{right:10px;}
.prev:hover,.next:hover{opacity:0.9;-moz-opacity:0.9;filter:alpha(opacity=90);}
.item{position:absolute;top: 87%;left:0;right:0;width:115px;height:18px;line-height:18px;z-index: 100;background:rgba(0,0,0,.1);border-radius:10px;text-align:center;margin:0 auto;}
.item a{display:inline-block;width:8px;height:8px;border-radius:50%;margin:0 3px 0 6px;border:1px solid #fff;overflow:hidden;}
.item a.cur{background:#fff;}

.obj-a,.obj-b,.obj-c,.obj-d,.obj-e,.obj-f,.obj-g,.obj-h{position:absolute;z-index:9;}
.obj-a{display:inline-block;height:260px;top:80px;margin-left: 170px;}
.obj-b{top:250px;height:100px;}
.obj-g{top:360px;margin-left: 100px;display: inline-block;}
.obj-c{display:block;top:40px;}
.obj-d{top:300px;margin-left:390px;}
.obj-h{display:inline-block;height:260px;top:80px;margin-left: 200px;}
.obj-e{top:50px;z-index:12;margin-left:80px;}
.obj-f{top:35px;margin-left:500px;}
.banAnimate .obj-a{display:inline-block;animation-name:baoAni;-webkit-animation:baoAni 0.5s linear 0s normal none;-moz-animation:baoAni 0.5s linear 0s normal none;animation:baoAni 0.5s linear 0s normal none;}
@-webkit-keyframes baoAni{from{opacity:0;margin-left:230px;} to{opacity:1;margin-left:170px;} }
@-moz-keyframes baoAni{from{opacity:0;margin-left:230px;} to{opacity:1;margin-left:170px;} }
@keyframes baoAni{from{opacity:0;margin-left:230px;} to{opacity:1;margin-left:170px;} }
.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{display:block;animation-name:saAnic;-webkit-animation:saAnic 0.4s linear 0s normal none;-moz-animation:saAnic 0.4s linear 0s normal none;animation:saAnic 0.4s linear 0s normal none;}
@-webkit-keyframes saAnic{from{opacity:0;margin-left:2%;} to{opacity:1;margin-left:0%;} }
@-moz-keyframes saAnic{from{opacity:0;margin-left:2%;} to{opacity:1;margin-left:0%;} }
@keyframes saAnic{from{opacity:0;margin-left:2%;} to{opacity:1;margin-left:0%;} }
.banAnimate .obj-e{display:block;animation-name:saeAnic;-webkit-animation:saeAnic 0.5s linear 0s normal none;-moz-animation:saeAnic 0.5s linear 0s normal none;animation:saeAnic 0.5s linear 0s normal none;}
@-webkit-keyframes saeAnic{from{opacity:0;margin-left:100px;} to{opacity:1;margin-left:80px;} }
@-moz-keyframes saeAnic{from{opacity:0;margin-left:100px;} to{opacity:1;margin-left:80px;} }
@keyframes saeAnic{from{opacity:0;margin-left:100px;} to{opacity:1;margin-left:80px;} }
.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;margin-left:350px;} to{opacity:1;margin-left:390px;} }
@-moz-keyframes saAnid{from{opacity:0;margin-left:350px;} to{opacity:1;margin-left:390px;} }
@keyframes saAnid{from{opacity:0;margin-left:350px;} to{opacity:1;margin-left:390px;} }
.banAnimate .obj-h{display:block;animation-name:sahAnid;-webkit-animation:sahAnid 0.3s linear 0s normal none;-moz-animation:sahAnid 0.3s linear 0s normal none;animation:sahAnid 0.3s linear 0s normal none;}
@-webkit-keyframes sahAnid{from{opacity:0;margin-left:240px;} to{opacity:1;margin-left:200px;} }
@-moz-keyframes sahAnid{from{opacity:0;margin-left:240px;} to{opacity:1;margin-left:200px;} }
@keyframes sahAnid{from{opacity:0;margin-left:240px;} to{opacity:1;margin-left:200px;} }
.banAnimate .obj-f{display:block;animation-name:safAnid;-webkit-animation:safAnid 0.5s linear 0s normal none;-moz-animation:safAnid 0.5s linear 0s normal none;animation:safAnid 0.5s linear 0s normal none;}
@-webkit-keyframes safAnid{from{opacity:0;margin-left:490px;} to{opacity:1;margin-left:500px;} }
@-moz-keyframes safAnid{from{opacity:0;margin-left:490px;} to{opacity:1;margin-left:500px;} }
@keyframes safAnid{from{opacity:0;margin-left:490px;} to{opacity:1;margin-left:500px;} }


/* -----------------------------------  ----------------------------------- */
@media (min-width:1200px) {
	.slide,.slide-count-box,.obj-x img {
		width: 672px;
	}
}
@media (min-width:1300px) {
	.slide,.slide-count-box,.obj-x img {
		width: 772px;
	}
}