*{
    padding: 0px;
     margin: 0px;
     font-size: 16px;
}
 a,h1,li,p,ul{
    padding: 0px;
    margin: 0px;
    list-style: none;
    color: #515151;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif,"微软雅黑";
    
     



}

.tops{
    margin: 0 auto;
    width: 1200px;
    height: 100px;  
    position: relative;
    display: table;
  
}
.tops img{
    position: absolute;
    top:0;
    bottom: 0;
    margin: auto;
  


}
.nav{
    width: 75%;
    height: 100px;
    float: right;
    

}
.nav li{
    float: left;
 
}
.nav li a{

line-height: 98px;
display: block;
margin: 0px 58px 0px 58px;


}
.touch,.nav li a:hover{

color: #f48a25;
border-bottom: #f48a25 2px solid;

}



.slide-main{height:600px;position:relative;}
.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: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:600px;overflow:hidden;}
.slide-box{position:relative;}
.slide{display:none;height:490px;padding-top:89px;background:#ff6900;position:relative;position:absolute;z-index:8;}
#bgstylea{background:url("bannerbg2.jpg") no-repeat}
#bgstyleb{background:url("bannerbg3.jpg") no-repeat}
#bgstylec{ background:url("bannerbg1.jpg") no-repeat}
.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:1200px;margin-left:-620px;text-align:center;}
.obj-a{display:block;height:352px;top:100px;}
.obj-b{top:406px;height:100px;}
.obj-c{display:block;height:582px;top:0;margin-left:-640px;}
.obj-d{top:140px;height:180px;}
.obj-d p{display:block;padding-top:20px;font-size:16px;color:#fff;clear:both;}
.obj-e{width:366px;height:170px;margin-left:-660px;top:180px;z-index:12;}
.obj-f{width:692px;height:394px;top:158px;margin-left:-120px;}
.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%;} }



.bottom_b{
    width: 100%;
    height: 340px;
    background: #1d1c1c;

}
.bottomtitle{
    display: block;
    width: 100%;
    height: 74px;
    text-align: center;
    border-bottom: 1px solid #393939;
    line-height: 74px;

}
.bottomtitle a{
    padding-left: 40px;
    padding-right: 40px;
    color: #888888;

}
.bottomtitle a:hover{
    color: #fff;
}
.bottom_cont{

    width: 1200px;
    margin: 30px auto;
    

}
.bottom_contleft{
    width: 70%;
    float: left;

}
.bottom_contleft p{

    color: #888888;
    line-height: 20px;
    font-size: 18px;
    letter-spacing: 2px;
    padding-top: 20px;


}
.bottom_contimg{
    float: left;
    
    padding-right: 5px;
   


}
.bottom_contspan{
    float:right;
    margin-top: 20px;

}
.bottom_contspan p{
    color: #fff;
    letter-spacing: 2px;
    

}
.bottom_bottom{
    width: 100%;
    background: #000;
	padding: 25px 0;
line-height: 30px;

}
.bottom_bottom p{
    text-align: center;
    color: #888;
    line-height: 60px;

}

.bottom_bottom p a{color: #888;}