

*{
padding:0; margin:0 auto;
}
img{
border:0px; 
}
p{
border:0; margin:0; padding:0;
}
ul,li{
list-style:none; margin:0; padding:0;
}
a{
color:#608a01; text-decoration:none;
}
a:visited{
color:#608a01; text-decoration:none;
}
a:hover{
color:#c4c4; text-decoration:none;
}
body,html {
    margin:0;width:100%;
}
body,th,td{
color:#333333; font-size:12px; font-family:Arial, Helvetica, sans-serif;margin:0 auto;
}
/*------------------------------------main------------------------------------------------*/
#main{clear:both; width:1200px; margin:0 auto; overflow:hidden;}
#top{clear:both; width:1200px; height:134px;overflow:hidden;}
.top-line{float:left; width:1200px; height:12px; background:#f7ca16; overflow:hidden;}
.top-col{float:left; width:1200px; height:123px; background:url(http://www.yalldata.com/downloads/upzone/image/Gaingame/Cameralist/top-bg.jpg) repeat-x; overflow:hidden;}
.logo{float:left; width:200px; height:69px; margin:30px 45px 9px 40px; overflow:hidden;}
.top-text{float:left;width:650px; height:38px;overflow:hidden;}
.top-text ul{ float:right;font:Arial, Helvetica, sans-serif; font-size:12px; color:#000;width:290px; height:14px; margin:16px 140px 8px 0px; text-decoration:none; overflow:hidden;}
.top-text ul li{ float:right; margin-left:10px;}
.top-text ul li a{color:#666666;text-decoration:none; margin-left:5px;}
.top-text ul li:hover a:hover{color:#f8945b;text-decoration:none;}
.top-m{float:left; width:650px; height:123px;overflow:hidden;}
.search{float:left; width:650px; height:85px;overflow:hidden;}
#search-input{ float:left;width:505px; height:31px; padding:10px 0px 30px 0px;; }
.search-btn{
float:left; width:74px; height:59px; padding-left:10px; overflow:hidden;
}
.newsletter{float:left; width:224px; height:129px; overflow:hidden;}
#B-banner{clear:both; width:1200px; height:222px; background:#dadada; margin-bottom:15px;overflow:hidden;}
.big-banner{ float:left;width:1182px; height:200px; padding:11px 9px; overflow:hidden;}

#col{clear:both; width:1200px; height:auto; overflow:hidden;}
#nav{float:left; width:288px; height:auto; margin-right:15px; overflow:hidden;}
.nav-top{ float:left; width:288px; height:80px; overflow:hidden;}
.nav-mu{float:left; width:288px; background:#3a3a3a;  overflow:hidden;}
.nav-pro{ float:left; width:277px; height:78px; margin:10px 11px 10px 0; padding-left:11px; overflow:hidden;}
.ask{float:left; width:288px; height:75px; margin:10px 0px; overflow:hidden;}

#service{float:left; width:223px; height:120px; margin-top:10px;overflow:hidden;}

#right-col{float:left; width:888px; height:auto; overflow:hidden;}
#showproall {
  float:left; width:880px; height:auto; border:1px solid #bebebe; background:#fff; margin-bottom:20px; overflow:hidden;

}

.title02 {
  float:left; width:880px; text-align:center; font:bold 20px Arial; color:#fff; padding:10px 0; background:#000; margin-bottom:25px; overflow:hidden;
 }
 
#pro {
  float:left; width:818px; height:auto; padding:0 10px 0 50px; margin-bottom:30px; overflow:hidden;
}

#pro .showbig {
  float:left; border:1px #c5c5c5 solid; width:500px; height:500px; margin-right:68px; overflow:hidden;
}

#pro .showbig img{
  width:500px; height:500px;
}

#pro .showsamll {
  float:left; width:105px; height:auto; overflow:hidden;
} 

#pro .showsamll img{
  float:left; width:100px; height:92px; margin:3px 0;  border:1px dashed #e7e7e7; overflow:hidden;
} 

.desmenu{ float:left; width:880px; border-top:1px solid #CCCCCC; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; margin-top:15px; padding:0px; overflow:hidden; }
.desmenu ul{ float:left; height:42px; background:url(http://www.yalldata.com/downloads/upzone/image/Gaingame/Cameralist/menu-bg.jpg) repeat-x; overflow:hidden;}
.desmenu li{ float:left; height:42px;list-style:none; float:left;background:url(http://www.yalldata.com/downloads/upzone/image/Gaingame/Cameralist/line-y.jpg) right center no-repeat;}
.desmenu li span{ display:block; font:bold 12px Arial, Helvetica, sans-serif; margin:12px 27px 20px 27px; color:#666666; }
.desmenu li a{float:left;height:42px;color:#fff; text-decoration:none;}
.desmenu li a:hover{background:url(http://www.yalldata.com/downloads/upzone/image/Gaingame/Cameralist/menu-hover-bg.jpg) repeat-x;height:42px; color:#FFFFFF;}
.desmenu li .hover{display:block;height:42px; color:#FFFFFF;}
.desmenu li .hover1{display:block;height:42px; color:#FFFFFF;}
.desmenu li a.detils{display:block;background:url(http://www.yalldata.com/downloads/upzone/image/Gaingame/Cameralist/menu-hover-bg.jpg) repeat-x;height:42px; color:#FFFFFF;}
a.nav_selected{ background:url(http://www.yalldata.com/downloads/upzone/image/Gaingame/Cameralist/menu-hover-bg.jpg) repeat-x;}
a.nav_selected:hover{ background:url(http://www.yalldata.com/downloads/upzone/image/Gaingame/Cameralist/menu-bg.jpg) repeat-x;}
.con_one{float:left; width:870px; height:auto; margin:0px; padding:18px 5px;border-bottom:solid 1px #dddddd; border-left:solid 1px #dddddd; border-right:solid 1px #dddddd; font:12px Arial, Helvetica, sans-serif; color:#3c3c3c; background:#F2F2F2; overflow:hidden; }
.con_one p{ line-height:22px; margin:0; padding:0 5px;}
.s-banner{float:left; width:880px; height:145px; margin-top:12px; overflow:hidden;}

/*---新增的css---*/
.nav-line{ width:274px; margin:0 auto; margin-top:13px; padding-bottom:16px;}
.line-top{width:274px;height:2px;background:url(http://www.yalldata.com/downloads/upzone/image/Gaingame/Cameralist/line_x.jpg) no-repeat;}
.line-con{ width:274px; background:url(http://www.yalldata.com/downloads/upzone/image/Gaingame/Cameralist/line_c.jpg) repeat-y; }
.line-con ul{width:270px; margin:0 auto; font-family:Arial, Helvetica, sans-serif; font-weight:bold; }
.line-con .line{height:41px; line-height:41px; border-bottom:#f5b417 1px solid;}
.line-con ul li{font-size:14px;  line-height:40px;display:block;background:url(http://www.yalldata.com/downloads/upzone/image/Gaingame/Cameralist/camera.jpg) no-repeat 15px 15px;  }
.line-con ul li a{color:#04102a; display:block; padding-left:50px;  }
.line-con ul li a:hover{ background:url(http://www.yalldata.com/downloads/upzone/image/Gaingame/Cameralist/hover_bg.jpg) no-repeat bottom;  line-height:40px; color:#FFF;}
.line-bottom{ width:274px; height:3px; background:url(http://www.yalldata.com/downloads/upzone/image/Gaingame/Cameralist/line_d.jpg) no-repeat;}