/* CSS Document */
#main{;width:100%; height:auto; overflow:hidden}


.slide-main{height:auto;position:relative;margin-top: 5px;}
.prev,.next{display:block;width:44px;height:44px;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:420px;left:0;text-align:center;}
.item a{display:inline-block;width:24px;height:5px;margin-right:11px;background:#444;opacity:0.3;-moz-opacity:0.3;filter:alpha(opacity=30);overflow:hidden;}
.item a.cur{background:#fff;}
.slide-box,.slide{display:block;width:100%;height:450px;overflow:hidden;}
.slide-box{position:relative;}
.slide{display:none;height:580px;position:relative;position:absolute;z-index:8;}
#bgstylea{}
#bgstyleb{}
#bgstylec{}
.slide a{display:block;width:100%;height:490px;cursor:pointer;}
.obj-a,.obj-b,.obj-c,.obj-d,.obj-e,.obj-f{position:absolute;z-index:9;left:50%;}
.obj-a,.obj-b{width:1000px;margin-left:-500px;text-align:center;}
.obj-a{display:block;height:352px;}
.obj-b{top:406px;height:100px;}
.obj-c{display:block;height:582px;top:0;margin-left:-540px;}
.obj-d{top:228px;height:164px;}
.obj-d p{display:block;padding-top:20px;font-size:16px;color:#fff;clear:both;}
.obj-e{width:100%;height:170px;margin-left:-700px;z-index:12;}
.obj-f{width:692px;height:394px;top:158px;margin-left:-180px;}
.obj-a img,.obj-b img,.obj-c img, .obj-d img,.obj-e img,.obj-f img{width:100%}	
.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%;} }

/**/
.sys-scroll-left-wrap{padding:0px 10px;}
.sys-scroll-left{overflow:hidden;width:100% !important;}
.sys-scroll-left td{ padding-right:15px;}
td.sys-scroll-left-a, td.sys-scroll-left-b{ padding:0;}
.sys-scroll-left .thumb{width:140px; height:150px; background:url(../images/pic.png) no-repeat; text-align:center;}
.sys-scroll-left .title,
.sys-scroll-left .price{text-align:center;overflow:hidden;}
.sys-scroll-left .title{line-height:20px;height:20px;}
.sys-scroll-left .title a{ color:#000}
.sys-scroll-left .price{line-height:20px;height:20px;}
.sys-scroll-left .thumb a{width:140px;height:150px; overflow:hidden;display:block; padding:5px 6px 5px 4px;}
.sys-scroll-left .thumb a img{display:block;}
.block-content{ background-color:#fff; height:auto; overflow:hidden; margin-top:5px;}

.bottom_content{width:1000px; margin:20px auto; height:auto;overflow: hidden;}
.product_l{width: 650px;float: left;border: 1px solid #ccc;}
.product_dh{width: auto;overflow: hidden;background-color: #ccc;padding: 6px;color: #fff;font-size: 14px;}
.product_dh h1{float: left; font-size:14px;font-weight: bold;}
.product_dh span{float:right;}
.product_dh span a{ color:#FFF;}
.product_dh span a:hover{ color:#999;}

.news_r{width:330px; float:right;border: solid 1px #ccc;height: 228px;}
.news_dh{width: auto;overflow: hidden;background-color: #ccc;padding: 6px;color: #fff;font-size: 14px;}
.news_dh h1{float: left; font-size:14px;font-weight: bold;}
.news_dh span{float:right;}
.news_dh span a{ color:#FFF;}
.news_dh span a:hover{ color:#999;}
.news_content{width: auto;padding: 5px;}
.news_content ul li{padding-bottom: 5px;padding-top: 5px;overflow: hidden; border-bottom: dashed 1px #ccc;}
.news_content ul li a{width:160px;float: left;font-size: 12px;}
.news_content ul li a:hover{color:#F03;}
.news_content ul li span{float:right}