@charset "utf-8";
/* CSS Document */
/*全局的*/

:focus { outline:0; }

ol,ul,li { list-style:none; }
table { border-collapse:separate; border-spacing:0;}
caption,th,td { text-align:left; font-weight:normal; }
blockquote:before,blockquote:after,q:before,q:after { content:""; }
blockquote,q { quotes:"" ""; }
.clear{ clear:both; height:1px; visibility:hidden; line-height:1px; overflow:hidden;}

.clearfix:after{ content:" "; display:block; height:0; clear:both;visibility:hidden;}
.clearfix{ display:inline-block;}
.hide{ display:none;}
.show{ display:block;}


/*首页样式*/

/*通用头部页头部的*/
#HeadNavigation{line-height:70px; width:auto; overflow:hidden; height:70px;  background:url(../images/head-top_bg.jpg) repeat-x 0 0;}
#HeadNavigation .NavigationInner{width:1000px; margin:0 auto; height:70px; position:relative; overflow:hidden;}
#HeadNavigation .logo{display:block; width:193px; height:62px; line-height:62px; position:absolute; overflow:hidden; left:30px; top:4px; background:url(../images/vizo-logo.png) no-repeat 0 0;}
#HeadNavigation .logo a{ display:block; text-align:center;  text-indent:-9999px; font:bold 14px/62px "微软雅黑",Arial, Helvetica, sans-serif; color:#fff; text-decoration:none;}
#HeadNavigation .Navigation{ display:block; width:auto; position:absolute; left:223px; top:4px; white-space:nowrap;height:62px;}
#HeadNavigation .Navigation ul.List{ overflow:hidden; height:62px; padding-left:10px; }
#HeadNavigation .Navigation ul.List li{float:left; line-height:42px; height:42px; width:auto; padding-top:9px;}
#HeadNavigation .Navigation ul.List li a{ font: bold 14px/42px "微软雅黑",Arial, Helvetica, sans-serif; color:#fff; display:block; height:42px; width:87px; padding:0px 5px; line-height:42px; text-decoration:none; background:url(../images/NavigationButtonLink.jpg) no-repeat  0 0; text-indent:-9999px; overflow:hidden;}
#HeadNavigation .Navigation ul.List li a:hover{background:url(../images/NavigationButtonHover.jpg) no-repeat  0 0;}
#HeadNavigation .Navigation ul.List li a.selected{background:url(../images/NavigationButtonHover.jpg) no-repeat  0 0;}
#HeadNavigation .Navigation ul.List li a.home{ background-position:-5px 0px;}
#HeadNavigation .Navigation ul.List li a.Characteristic{ background-position:-107px  0px;}
#HeadNavigation .Navigation ul.List li a.Hardware{background-position:-213px  0px;}
#HeadNavigation .Navigation ul.List li a.Architecture{background-position:-317px  0px;}
#HeadNavigation .Navigation ul.List li a.Function{background-position:-421px  0px;}
#HeadNavigation .Navigation ul.List li a.Support{background-position:-524px  0px;}
#HeadNavigation .Navigation ul.List li a.ToJoin{background-position:-628px  0px;}

#HeadNavigation .Navigation ul.List li a:hover.home{ background-position:-5px 0px;}
#HeadNavigation .Navigation ul.List li a:hover.Characteristic{ background-position:-107px  0px;}
#HeadNavigation .Navigation ul.List li a:hover.Hardware{background-position:-213px  0px;}
#HeadNavigation .Navigation ul.List li a:hover.Architecture{background-position:-317px  0px;}
#HeadNavigation .Navigation ul.List li a:hover.Function{background-position:-421px  0px;}
#HeadNavigation .Navigation ul.List li a:hover.Support{background-position:-524px  0px;}
#HeadNavigation .Navigation ul.List li a:hover.ToJoin{background-position:-628px  0px;}


.topModify{height:12px; line-height:12px; overflow:hidden; width:auto; background:url(../images/topModified_bg.gif) repeat-x 0 0; position:static; z-index:999; left:0px; top:0px;}
.headMiddle{ position:relative; width:992px; height:83px; margin:0 auto; background:url(../images/logoHead_bg.png) no-repeat center top; overflow:hidden;}
.headMiddle .logo{ position:absolute; left:29px; top:16px; display:block; width:248px; height:51px; overflow:hidden; line-height:51px; background:url(../images/logo.png) no-repeat 0 0; text-indent:-9999px;}
.headMiddle .logo a{ display:block; width:248px; height:51px; text-decoration:none; color:#333; font:bold 14px/1.5 "微软雅黑",Verdana, Geneva, sans-serif;}
.headMiddle .Contact{ width:291px; height:34px; background:url(../images/ServiceHotline.png) no-repeat 0 0; overflow:hidden; line-height:34px; font:bold 14px/1.5 "微软雅黑",Verdana, Geneva, sans-serif; position:absolute; bottom:17px; right:27px; text-align:left; text-indent:-9999px; color:#333;}
#AddCollection{ overflow:hidden; width:130px; height:29px; display:block; background:url(../images/AddCollectionButton.png) no-repeat 0 0; position:absolute;
right:31px; top:-5px;}
#AddCollection li{ float:left;height:24px; line-height:24px; font:normal 12px "微软雅黑",Verdana, Geneva, sans-serif; white-space:nowrap;
 margin-top:4px; padding:0px 7px;}
#AddCollection li a{ text-align:left; color:#212121; font-size:12px; text-decoration:none;height:23px; line-height:23px; display:block; float:left;}
#AddCollection li a:hover{ text-decoration:underline; color:#002740;}
#Navigation{margin:2px auto 6px auto; width:999px; height:41px; background:url(../images/Navigation_bg.png) no-repeat 0 0;}

/*导航菜单*/
#webmenu {
	height:39px;
	font-size:14px;
	text-align:center;
}
#webmenu a {
	font:bold 14px/39px "微软雅黑",Verdana, Geneva, sans-serif;
	color:#fff; text-decoration:none;
	text-shadow:0px 1px 0px #000;
}
#webmenu a.home{}
#webmenu li ul {
	display:none;
}
#webmenu li ul li {
	float:none;
}
*html #webmenu li ul li {
	display:inline;
}
#webmenu li ul a {
	float:none; font:normal 14px/29px "微软雅黑",Verdana, Geneva, sans-serif;
	width:87px;
	height:29px;
	line-height:29px;
	padding:0 10px;
	text-transform:capitalize;
	color:#272727;
}
#webmenu .height-auto {
	line-height:15px;
	padding:5px 10px;
}
.second-menu, .third-menu, .fourth-menu {
	position:absolute;
}
.first-menu li {
	float:left;
	position:relative; white-space:nowrap; word-wrap:break-word; z-index:9999;
}
.first-menu a {
	float:left;
	display:block;
	padding:0 20px; width:67px;
	height:39px;
	line-height:39px;
	/*background:#333;
	border-top:1px solid #4a4a4a;
	border-left:1px solid #4a4a4a;
	border-bottom:1px solid #242424;
	border-right:1px solid #242424;*/
	;
}
.first-menu a:hover { text-decoration:none;
	background:url(../images/menu_HoverSelected.png) no-repeat 0 0;
	/*border-top:1px solid #5db1e0;
	border-left:1px solid #5db1e0;*/
}
.first-menu a.home:hover{text-decoration:none; background:url(../images/homeHoverSelected_bg.png) no-repeat 0 0;}
.second-menu {
    top:39px;
    left:0px; z-index:9999;
	-webkit-border-bottom-left-radius:3px;
	-webkit-border-bottom-right-radius:3px;
	-moz-border-radius-bottomleft:3px;
	-moz-border-radius-bottomright:3px;
	border-bottom-left-radius:3px;
	border-bottom-right-radius:3px;
	border:1px solid #CECDCC; border-top:none;
    -moz-box-shadow:0px 0px 5px #000;/*FF3.5+边框阴影效果*/
    -webkit-box-shadow:0px 0px 5px #000;/*Saf3.0+,Chrome边框阴影效果*/
    box-shadow:0px 0px 5px #000;/*Opera10.5,IE9.0 边框阴影效果*/
}

.Chamfer{
	-webkit-border-bottom-left-radius:2px;
	-webkit-border-bottom-right-radius:2px;
	-moz-border-radius-bottomleft:2px;
	-moz-border-radius-bottomright:2px;
	border-bottom-left-radius:2px;
	border-bottom-right-radius:2px;
	}
	
*html .second-menu {
	right:-1px; z-index:9999;
}
.second-menu a {
	font-size:14px;
	border-top:1px solid #fff;
	border-bottom:1px solid #D1D1D1;
	text-shadow:0px 1px 0px #fbfafa;
}
.second-menu a.arrow {
	background:#F3F3F3 url(../images/downMenuArrow1.png) no-repeat 6px 11px;
}
.second-menu a.arrow:hover {
	background:#F0F0F0 url(../images/downMenuArrow.png) no-repeat 6px 11px; color:#007CC2;
}
#webmenu .second-menu a.arrow{text-shadow:0px 1px 0px #fbfafa;}
#webmenu .second-menu a.arrow:hover{ color:#007CC2; text-shadow:0px 1px 0px #fbfafa;}

/*.second-menu a.arrow-02 {
	background:#3a3a3a url(image/arrow.gif) no-repeat right -64px;
}
.second-menu a.arrow-02:hover {
	background:#4698ca url(image/arrow.gif) no-repeat right -110px;
}*/

.third-menu, .fourth-menu {
	width:177px;
	top:0;
	left:177px;
}
.third-menu a {
	/*background:#4c4c4c;
	font-weight:normal;
	border-top:1px solid #595959;
	border-left:1px solid #595959;
	border-bottom:1px solid #333;
	border-right:1px solid #333;*/
}
#subMgm {
	width:177px;
}
#subMgm .third-menu {
	left:177px;
}
#subMgm .fourth-menu {
	left:177px;
}
#subMusic, #subNews {
	width:177px;
}

/*Slide Start幻灯片位置开始*/
#Slidebox{width:100%; height:300px;  padding:0px;  margin:0 auto;  /*position:relative;*/ background:#cfedf4; overflow:hidden;}
#flashBg {height: 300px;overflow: hidden;width:100%;clear: both;margin: 0;padding: 0;}
#flashLine {background: url() repeat-x center bottom;height: 300px;width: 100%;clear: both;}
#flash{width: 100%;height: 300px;overflow: hidden;margin: 0 auto;clear: both;position: relative;padding: 0px 0px;}
#flash a {width: 100%;height: 300px;display: none;}
#flash img {width: 100%;height: 300px;}
.flash_bar {width:1000px;padding-left: 460px;z-index: 69;height: 30px;overflow: hidden;position: absolute;padding-top: 13px!important;padding-top: 12px; margin-left:0px;
bottom:0px;left:0px; background: url(../images/tg_flashbar.png) no-repeat 0px 0px;text-align: center;}
.flash_bar .dq {
display: block;float: left;width: 12px;height: 12px;margin:2px 4px;cursor: pointer;background: url(../images/pagination.png) no-repeat 0px -12px; overflow:hidden;
_background: none; 
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/pagination.png" ,sizingMethod="crop");
}

.flash_bar .no {display: block;float: left;width: 12px;height: 12px;margin:2px 4px;cursor: pointer;
background:url(../images/pagination.png) no-repeat 0px 0px; overflow:hidden;
_background: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/pagination.png" ,sizingMethod="crop");
}




#example {width:995px; height:382px; position:relative; margin:0 auto;}
.mask{ position:absolute; left:0px; top:0px; background:url(../images/mask.png) no-repeat 0 0; z-index:101; width:995px; height:382px;}
#slides {position:absolute;top:0;left:0;z-index:100;}
#slides .slide{width:995px;padding:0px; height:382px;}
#slides .slide .translucent{ z-index:6; display:block; width:995px; height:42px; /*filter:alpha(opacity=50); opacity:0.50;*/ position:absolute; left:0px; bottom:0px; background:url(../images/slidesTranslucent.png) no-repeat left bottom;}

* html #slides .slide .translucent{ z-index:6; display:block; width:995px; height:42px; filter:alpha(opacity=50); opacity:0.50; position:absolute; left:0px; bottom:0px; background:#000;}

#slides .slide .description{z-index:106; display:block; width:395px; text-align:left; padding-left:5px; height:164px;  position:absolute; left:465px; bottom:96px;  
color:#fff; font:normal 12px/1.5 Tahoma; text-indent:-9999px;}
#slides .slide .description a{ text-decoration:none; color:#fff; display:block; width:395px; height:164px; }

#slides .next,#slides .prev{position:absolute;top:352px;left:22px;width:15px;height:19px;display:block;z-index:101; overflow:hidden; background:url(../images/On_a_frame.png) no-repeat left top; text-indent:-9999px;}
.slides_container{width:995px;height:382px;overflow:hidden;position:relative;}

#slides .next{left:957px;background:url(../images/Next_frame.png) no-repeat left top;}
.pagination {margin:0;width:90px; position:absolute; top:355px; left:455px; z-index:1000;}
.pagination li {float:left;margin:0 1px;}
.pagination li a{display:block;width:13px;height:0;padding-top:12px;background-image:url(../images/pagination.png);background-position:0 0;float:left;overflow:hidden;}

.pagination li.current a {background-position:0 -12px;}




.head{height:120px; width:100%;  position:relative;}


/*CommonBlock*/
 .CommonBlock{
	width:478px;
	margin:auto;
	}

 .CommonBlock .CommonCross{
	width:478px;
	border:0px solid #ccc;
	background-color:#FFFFFF;
}
	
 .CommonBlock .CommonLeft{
	width:380px;
	float:right;
	border-left:1px solid #dedede;
	border-right:1px solid #dedede;
	border-bottom:1px solid #dedede;
	background-color:#FFFFFF;
}
 .CommonBlock .CommonLeftRow{
	width:44px;
	float:left;
	border-left:1px solid #dedede;
	border-right:1px solid #dedede;
	border-bottom:1px solid #dedede;
	background-color:#FFFFFF;}
 .CommonBlock .CommonLeftRowLeft{
	width:345px;}
 .CommonBlock .CommonCenter{
	width:760px;
	float:left;
	border-left:1px solid #dedede;
	border-right:1px solid #dedede;
	border-bottom:1px solid #dedede;
	background-color:#FFFFFF;
}
 .CommonBlock .CommonRight{
	width:270px;
	float:right;
	border-left:1px solid #dedede;
	border-right:1px solid #dedede;
	border-bottom:1px solid #dedede;
	background-color:#FFFFFF;
}

 .CommonBlock .CommonRight2{
	width:350px;
	float:left;
	height:270px;
	overflow:hidden;
	}

 .CommonBlock .BlockBox .ContentTxt{
	padding:10px;
	line-height:26px;
	font-size:12px;}



	
 .CommonBlock .UList{
	font-size:12px;
	padding:10px;
	}
 .CommonBlock .UList li{
	line-height:28px;}
 .CommonBlock .UList li span{
	font-size:11px;
	color:#bc0303;
	padding-right:10px;}
 .CommonBlock .LeftImg{
	padding:20px 10px 20px 10px;
	float:left;
	width:254px;
	font-size:12px;
	text-align:center;}
 .CommonBlock .LeftImg p{
	height:20px;
	line-height:20px;
	background:#bc0303;}
 .CommonBlock .LeftImg p a{
	color:#FFFFFF;
	font-weight:bold;}		
 .CommonBlock .RightTxt{
	padding:10px 10px 10px 0px;
	float:right;
	width:466px;
	font-size:12px;
	line-height:28px;}
 .CommonBlock .RightTxt .UList{
	padding:0px;}
 .CommonBlock .DivList{
	font-size:12px;
	padding:0px;}
 .CommonBlock .DivList .DivLi{
	float:left;
	width:360px;
	padding:0px 10px 0px 0px;
	}
 .CommonBlock .DivList .DivLi a{
	line-height:28px;
	padding:0px;
	height:28px;
	overflow:hidden;}	
 .CommonBlock .DivList .DivLi span{
	color:#bc0303;
	padding-right:10px;
	font-size:11px;
	}

/* scrollbox */
.scrollbox{position:relative;width:960px;height:216px;overflow:hidden;}
.scrollbox ul{position:absolute;left:0px;top:0px;}
.scrollbox li{float:left;width:960px;height:213px;overflow:hidden;padding:0 10px; text-align:center}
.scrollbox li a{float:left;display:inline-block;width:162px;height:193px;overflow:hidden;margin:10px 15px;}
.scrollbox li a img{display:block;width:162px;height:166px;background:#eee;}
/* leftlist */
#leftlist{width:999em;}
/* fontlist */
#fontlist li{height:22px;line-height:22px;}
#fontlist li a{width:auto;}