
/**************小导航**************/



#pro_nav{width:100%; height:115px; position:relative;background:url(../image/b11.jpg) repeat-x}
.pro_nav{ height:115px; width:1200px; margin:auto;}
.pro_nav .proul_nav{margin-left:20px}
.proul_nav a{float:left; line-height:115px; font-size:16px; color:#ffffff; margin-right:30px;}
ul.proul_nav li a:hover,ul.proul_nav li a.box111{ color: #00A0E9;}
.proaddr{float:right; line-height:115px; font-size:12px}
.proaddr a{color:#fff;}


#pro_navu{width:100%; height:115px; position:relative;background:url(../image/b11.jpg) repeat-x}
.pro_navu{ height:115px; width:1200px; margin:auto;}
.pro_navu .proul_navu{margin-left:20px}
.proul_navu a{float:left; line-height:115px; font-size:16px; color:#ffffff; margin-right:30px;}
ul.proul_navu li a:hover,ul.proul_navu li a.box111{ color: #00A0E9;}
.proaddru{float:right; line-height:115px; font-size:12px}
.proaddru a{color:#fff;}

/**************pro_display**************/

.product1{width:1200px; height:1340px; margin:auto;  position:relative;overflow:hidden; margin-bottom:90px; background-color:#2F333A}
.dance{ width:384px; height:470px; position:absolute; left:12px; top:12px;overflow:hidden;}
.pic{display:inline-block; position:absolute}
.info{  width:384px; left:10px; }
.speak{ width:780px; height:580px; position:absolute; left:409px; top:12px; overflow:hidden;}
.karaoke{ width:385px; height:340px; position:absolute; left:12px; top:494px;
overflow:hidden;}
.sounds{ width:780px; height:230px; position:absolute; left:409px; top:604px;
overflow:hidden;}
.pla{ width:385px; height:325px; position:absolute; left:12px; top:846px;
overflow:hidden;}
.gld-888{width:385px; height:150px; position:absolute; left:12px; top:1181px; overflow:hidden;}
.dance1{ width:380px; height:485px; position:absolute; left:409px; top:846px;
overflow:hidden;}
.box{ width:388px; height:236px; position:absolute; left:801px; top:846px; overflow:hidden;}
.box2{ width:388px; height:237px; position:absolute; left:801px; top:1094px;overflow:hidden;}


.boxcontent{ width:1200px; margin:auto; }

/**************bt_speak**************/

.btbox{ height:1510px; width:1200px; margin:auto; position:relative;}
.bt_ul{ }
.bt_ul li{float:left; margin-left:12px; overflow:hidden; margin-top:12px;}
.bt_ul li p{height:45px;}
.bt_ul li p a{line-height:45px; font-size:14px; letter-spacing:1px; color:#cccccc}
.bt_ul li p .more{float:right}
.twopage{width:1200px; height:45px; margin:auto; position:relative}
.twopage{ overflow: hidden; text-align: center; padding: 25px 0 30px 0;}
.twopage .color{ background-color:#333333}	
.twopage a{ display: inline-block; padding: 2px 10px;  color: #cccccc; text-decoration: none; font-size: 12px; line-height: 24px;}
.twopage a.pageon,.btpage a:hover{ color: #FFF;}
.twopage jumpMenu{ height:28px; width:40px; background-color:#333333; color:#cccccc}

/**************Introduction**************/

.boximg{ width:780px; height:640px;float:left;margin-left:12px; margin-top:12px;}
.boximg img{}
.boximgx{ width:384px; height:640px; float:left;margin-left:12px; margin-top:12px;}
.boximgx ul{ }
.boximgx ul li{ margin-left:65px; margin-bottom:12px}

.intro{ height:auto; width:1176px; margin:auto;line-height:75px;float:left; margin-left:12px; overflow:hidden
}
.intro a{ font-size:18px}
.introimg{ height:668px; width:1178px; margin:auto}
.Parameters{ width:1200px; height:700px; margin:auto; background-color:silver}

/**************2.1box**************/
.twobox{  width:1200px; margin:auto; position:relative;}

.twoul li{float:left; margin-left:12px; overflow:hidden; margin-top:12px;}
.twoul li p{height:45px;}
.twoul li p a{line-height:45px; font-size:14px; letter-spacing:1px; color:#cccccc}
.twoul li p .more{float:right}
.twopage{width:1200px;  margin:auto; position:relative}
.twopage{ overflow: hidden; text-align: center; padding: 25px 0 30px 0; }
.twopage .color{ background-color:#333333}	
.twopage a{ display: inline-block; padding: 2px 10px; background-color:#333;  color: #cccccc; text-decoration: none; font-size: 12px; line-height: 24px;}
.twopage a.pageon,.twopage a:hover{ color: #FFF;}
.twopage a select{ height:28px; width:40px; background-color:#333333; color:#cccccc}

/**************5.1box**************/
.fivebox{ height:1510px; width:1200px; margin:auto; position:relative;}

.fiveul li{float:left; margin-left:12px; overflow:hidden; margin-top:12px;}
.fiveul li p{height:45px;}
.fiveul li p a{line-height:45px; font-size:14px; letter-spacing:1px; color:#cccccc}
.fiveul li p .more{float:right}
.fivepage{width:1200px; height:45px; margin:auto; position:relative}
.fivepage{ overflow: hidden; text-align: center; padding: 25px 0 30px 0;}
.fivepage .color{ background-color:#333333}	
.fivepage a{ display: inline-block; padding: 2px 10px;  color: #cccccc; text-decoration: none; font-size: 12px; line-height: 24px;}
.fivepage a.pageon,.fivepage a:hover{ color: #FFF;}
.fivepage a select{ height:28px; width:40px; background-color:#333333; color:#cccccc}

/**************contact**************/
.contact{ width:1200px; height:810px; margin:auto; background-color:#2F333A	;color:#FFFFFF; letter-spacing:1px; font-family:"微软雅黑"}
.contact .name{ width:760px; height:180px; margin:auto; padding-top:40px}
.contact .name span{ font-size:18px}
.contact .name ul{ margin-top:25px}
.contact .name ul li{margin-bottom:2px}
.contact .map{ width:700px; height:430px ; margin:auto; background-color:silver; margin-top:50px; margin-left:220px}

/**************news**************/
.news{ width:1200px ; margin:auto; 　}
.new p{color:#ffffff}
#newspic{border:0px}
.newspic{ width:170px; height:170; float:left;  border-bottom:2px solid #1BB9F2; padding-bottom:70px; padding-top:25px; overflow:hidden}
#newstxt{border:0px}
.newstxt{  height:170px; padding-top:15px ; padding-bottom:15px; overflow:hidden;border-bottom:2px solid #000000; }
.newstxt h1{ margin-bottom:25px }

.with{ color:#1BB9F2}
.dancesize {
	display: none
width: 384px;
height: 80px;
position:relative;
left: 0px; 
top:-80px; 
background-color:#000;
 color:#FFF; 
 font-size:14px; 
 z-index:999;
 filter:alpha(opacity=50);  
      -moz-opacity:0.5;  
      -khtml-opacity: 0.5;  
      opacity: 0.5;  
}

.speaksize {
width: 780px;
height: 80px;
position:relative;
left: 0px; 
top:-80px; 
background-color:#000;
 color:#FFF; 
 font-size:14px; 
 z-index:999;
 filter:alpha(opacity=50);  
      -moz-opacity:0.5;  
      -khtml-opacity: 0.5;  
      opacity: 0.5;  
}

.karaokesize {
width: 384px;
height: 80px;
position:relative;
left: 0px; 
top:-80px; 
background-color:#000;
 color:#FFF; 
 font-size:14px; 
 z-index:999;
 filter:alpha(opacity=50);  
      -moz-opacity:0.5;  
      -khtml-opacity: 0.5;  
      opacity: 0.5;  
}

.soundssize {
width: 790px;
height: 80px;
position:relative;
left: 0px; 
top:-80px; 
background-color:#000;
 color:#FFF; 
 font-size:14px; 
 z-index:999;
 filter:alpha(opacity=50);  
      -moz-opacity:0.5;  
      -khtml-opacity: 0.5;  
      opacity: 0.5;  
}

.plasize {
width: 384px;
height: 80px;
position:relative;
left: 0px; 
top:-80px; 
background-color:#000;
 color:#FFF; 
 font-size:14px; 
 z-index:999;
 filter:alpha(opacity=50);  
      -moz-opacity:0.5;  
      -khtml-opacity: 0.5;  
      opacity: 0.5;  
}

.gld-888size {
width: 384px;
height: 80px;
position:relative;
left: 0px; 
top:-80px; 
background-color:#000;
 color:#FFF; 
 font-size:14px; 
 z-index:999;
 filter:alpha(opacity=50);  
      -moz-opacity:0.5;  
      -khtml-opacity: 0.5;  
      opacity: 0.5;  
}
.dance1size {
width: 384px;
height: 80px;
position:relative;
left: 0px; 
top:-80px; 
background-color:#000;
 color:#FFF; 
 font-size:14px; 
 z-index:999;
 filter:alpha(opacity=50);  
      -moz-opacity:0.5;  
      -khtml-opacity: 0.5;  
      opacity: 0.5;  
}
.boxsize {
width: 384px;
height: 80px;
position:relative;
left: 0px; 
top:-80px; 
background-color:#000;
 color:#FFF; 
 font-size:14px; 
 z-index:999;
 filter:alpha(opacity=50);  
      -moz-opacity:0.5;  
      -khtml-opacity: 0.5;  
      opacity: 0.5;  
}
.box2size {
width: 384px;
height: 80px;
position:relative;
left: 0px; 
top:-80px; 
background-color:#000;
 color:#FFF; 
 font-size:14px; 
 z-index:999;
 filter:alpha(opacity=50);  
      -moz-opacity:0.5;  
      -khtml-opacity: 0.5;  
      opacity: 0.5;  
}


.m-news-lst li{position:relative;padding:10px;height:105px;overflow:hidden;}
.m-news-lst span{position:absolute;right:10px;top:10px;color:#f80;font-size:12px;}
.m-news-lst img{margin-right:20px;padding:1px;float:left;border:1px solid #ddd;width:200px;height:100px;display:block}
.m-news-lst h3{text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:26px;}
.m-news-lst p{height:80px;overflow:hidden;line-height:20px;color:#aaa;}
.m-news .tt{margin:10px 0;font-size:18px;text-align:center;}
.m-news .info{margin:10px 0;text-align:center;color:#888;}

.m-nav .snav .here {color: #00A0E9;  }

