@charset "utf-8";
/* CSS Document */
/*全局的*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:12px; font-family:inherit; /*vertical-align:baseline;*/ }
:focus { outline:0; }
a{text-decoration:none; color:#333; cursor:pointer;}
a:active { outline:none; }
a:hover{ text-decoration:underline; color:#af084a;}
body { line-height:1; color:#666; background:#fff; font-family: tahoma,arial, Geneva, sans-serif;/*text-shadow:0 1px 0 rgba(250,250,250,.8);*/ 
-webkit-font-smoothing: subpixel-antialiased;}
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;}


/*首页样式*/
body{background:#161616 url(../images/body_bg.jpg) repeat-x 0 0;}

/*通用头部页头部的*/
#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幻灯片位置开始*/

#Slidebox2{width:100%; height:72px;  padding:0px 200px;  margin:0 auto;  /*position:relative;*/ background:url(../images/top_bg.jpg); overflow:hidden;}


#Slidebox3{width:1100PX; height:336;  padding:0px 200px;  margin:0 auto;  /*position:relative;*/ overflow:hidden; }


#Slidebox{width:100%; height:651px;  padding:0px;  margin:0 auto;  /*position:relative;*/ background:#e0b98b; overflow:hidden;}
#flashBg {height: 651px;overflow: hidden;width:100%;clear: both;margin: 0;padding: 0;}
#flashLine {background: url(../images/touming.png) repeat-x center bottom;height: 388px;width: 100%;clear: both;}
#flash{width: 1898PX;height: 651px;overflow: hidden;margin: 0 auto;clear: both;position: relative;padding: 0px 0px;}
#flash a {width: 1898PX;height: 651px;display: none;}
#flash img {width: 1898PX;height: 651px;}
.flash_bar {width:1898PX;padding-left: 850px;z-index: 69;height: 30px;overflow: hidden;position: absolute;padding-top: 13px!important;padding-top: 12px;
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="http://vizo.retail20.cn/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="http://vizo.retail20.cn/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;}

/*滚动新闻信息位置*/
#RollingNews{ position:relative; width:1000px; margin:1px  auto  0px  auto; background:url(../images/MiddileNews-bg.png) no-repeat  0 0; height:36px; line-height:36px; overflow:hidden;}
#RollingNews .TitleName{ text-shadow: 0px 1px 1px #F2F2F2;position:absolute; left:5px; top:0px; font:bold 14px/34px "微软雅黑",Arial, Helvetica, sans-serif; color:#1a1e23; 
width:184px; height:36px;text-align:center;}
#RollingNews .RightContent{ position:absolute; left:189px; top:6px; height:24px; line-height:24px; overflow: hidden; text-align:left;}
#RollingNews .RightContent #box{height:24px;overflow:hidden; font-size:13px; float:none; width:auto;}
#RollingNews .RightContent #box li{ist-style:none; line-height:24px;float:none;}
#RollingNews .RightContent #box li a{text-shadow: 0px 1px 1px #F2F2F2; text-decoration:none; font-size:13px; font-weight:bold;color: #444E69; font-family:"微软雅黑",Arial, Helvetica, sans-serif;}
#RollingNews .RightContent #box li a:hover{ color:#1a1e23;}


/*三块特点信息位置开始*/
#FeatureContent{width:1000px; height:297px;  overflow:hidden; margin:6px auto 18px auto; background:url(../images/FeatureContent_bg.png) no-repeat 0 0;}
#FeatureContent .Lsit{ list-style:none; list-style-type:none;}
#FeatureContent .Lsit li{ width:326px; height:297px; overflow:hidden; float:left;}
#FeatureContent .Lsit li.spacing{ padding:0px 8px;}
#FeatureContent .Lsit li div.ContentBox{width:326px; height:297px; position:relative;}


/*三块招牌信息位置开始*/
#ContentList{ width:994px; height:auto; padding-top:7px; padding-bottom:20px; overflow:hidden; margin:0 auto; }
#ContentList .Lsit{ list-style:none; list-style-type:none;}
#ContentList .Lsit li{ width:317px; height:283px; overflow:hidden; float:left;}
#ContentList .Lsit li.spacing{ padding:0px 21px;}
#ContentList .Lsit li div.ContentBox{width:317px; height:283px;background:url(../images/TopicsContent_bg.png) no-repeat 0 0; position:relative;}



.head{height:130px; width:100%;  position:relative;}
.head .leftIcon{ width:122px; height:126px; line-height:122px; background:url(../images/Three_icon1.png) no-repeat 0 0; position:absolute; left:10px; top:9px; overflow:hidden; }

.head .IconRepeat1{ width:143px; background:url(../images/Three_icon2.png) no-repeat 0 0;}
.head .IconRepeat2{ width:143px; background:url(../images/Three_icon3.png) no-repeat 0 0;}

.head .rightText{ text-indent:0px; line-height:1.1; font:bold 24px/1.1 "微软雅黑", Tahoma, Geneva, sans-serif; width:103px; height:55px; position:absolute; background:url(../images/TipBox1_bg.jpg) no-repeat 0 0; right:7px; top:12px; overflow:hidden; white-space:normal; color:#fff; padding: 18px 45px 28px 40px; text-shadow: 0px 1px 0px black;}

.head .rightText1{ background:url(../images/TipBox2_bg.jpg) no-repeat 0 0;}
.head .rightText2{ background:url(../images/TipBox3_bg.jpg) no-repeat 0 0;}



.ContentBody{height:136px; width:100%; overflow:hidden; padding:17px 0px 0px 0px; position:relative;}
.ContentBody p{ line-height:18px; font-family:"微软雅黑","宋体",Tahoma, Geneva, sans-serif; font-size:13px; text-indent:0px; padding:0px  24px; color:#2b2d30; }
.ContentBody2{ padding-top:0px;}


.moreButton{position:absolute; line-height:25px; width:90px; overflow:hidden; white-space:nowrap;padding:0px; height:25px; bottom:36px; right:25px; background:url(../images/MoreDetailsButton.jpg) no-repeat 0 0; font:bold 14px "微软雅黑",Tahoma, Geneva, sans-serif;}
.moreButton a{ text-decoration:none; color:#1377C6; font:bold 14px "微软雅黑",Tahoma, Geneva, sans-serif; text-indent:-9999px; display:block; width:100%; height:100%; text-align:center;}
.moreButton a:hover{ text-decoration:none; background:url(../images/MoreDetailsButtonHover.jpg) no-repeat 0 0;}



/*下面四块主体信息位置开始*/
#FourSignsContent{ width:1000px; height:308px; margin:0 auto 15px auto; }
#FourSignsContent .Lsit{ list-style:none; list-style-type:none;}
#FourSignsContent .Lsit li{ width:250px; height:308px; overflow:hidden; float:left; background:url(../images/FourPlatform_bg.png) no-repeat 5px 0;}
#FourSignsContent .Lsit li.spacing{ padding:0px 8px;}
div.ExplainBox{width:auto; height:auto; position:relative;  padding:10px 10px 5px 10px;}
div.FourIcon{ width:150px; height:110px; line-height:110px;  background:url(../images/FourLargeIcon.png) no-repeat  0 0; margin:0 auto; overflow:hidden;}

div.FourIcon a{ display:block ; width:100%; height:100%; text-decoration:none; text-align:center; text-indent:-9999px; font-size:12px;}
div.FourIcon1{background-position:0px -121px;}
div.FourIcon2{background-position:0px -265px;}
div.FourIcon3{background-position:0px -398px;}

div.ExplainBox .titles{ text-align:center; width:100%; margin:4px auto 5px auto;}
div.ExplainBox .titles a{line-height:22px; color:#505050; font:bold 16px/22px "微软雅黑",Arial, Helvetica, sans-serif; text-decoration:none; text-shadow: 0px 1px 1px #fff;}


#FourSignsContent .ContentBody ul.Descriptive{ width:186px; margin:0 auto; padding:0px 14px; }
#FourSignsContent .ContentBody ul.Descriptive li{ width:auto; height:auto; overflow:visible; font:normal 12px/16px "微软雅黑", Tahoma, Geneva, sans-serif; color:#686666; float:none; padding-left:15px; background:url(../images/ToHook-icon.png) no-repeat 0 4px; white-space:normal; text-shadow: 0px 1px 0px #FBFAFA; letter-spacing:0px;}




#ContentList .ContentBody .listNews{ list-style:none; width:287px; padding:5px 14px 0 15px; overflow:hidden;}
#ContentList .ContentBody .listNews li{float:none; height:33px; padding-left:15px; background:url(../images/NewsListArrow.gif) no-repeat 0 50%;
font:normal 13px/33px "微软雅黑",Tahoma, Geneva, sans-serif; border-bottom:1px dotted #626E75; width:auto;}
#ContentList .ContentBody .listNews li a{ color:#333; width:273px; text-decoration:none;display:block; height:32px;overflow:hidden;text-overflow:ellipsis; white-space:nowrap;font-size:13px;}
#ContentList .ContentBody .listNews li.Solution{text-align:center; padding-left:0; border:none; background:url(../images/disjunctive.png)no-repeat 50% bottom;}

* html #ContentList .ContentBody .listNews .Solution{text-align:center; padding-left:0; background:none; height:33px; width:100%; border-bottom:1px solid #ccc;}


#ContentList .ContentBody .listNews li a.SolutionList{width:120px; display:inline; padding-left:15px; padding-right:15px; background:url(../images/schemeArrow.gif) no-repeat 5px 50%;}
#ContentList .ContentBody .listNews li a:hover{ text-decoration:underline;}

/*脚部信息位置开始*/
#footer{ width:auto; height:98px; /*background:url(../images/Footer_bg.jpg) repeat-x 0 0;*/ border-top: 1px solid #E5E5E5;}

#footer ul.listMenu{ width:260px; height:32px; line-height:32px; font-size:14px; font-family:"微软雅黑",Tahoma, Geneva, sans-serif; margin:0 auto; padding-top:17px;}
#footer ul.listMenu li{float:left; text-align:center;line-height:32px;height:32px; color:#666; font-size:15px; font-weight:bold;}
#footer ul.listMenu li a{padding:0 10px;line-height:32px; font-size:14px; font-family:"微软雅黑",Tahoma, Geneva, sans-serif; font-weight:normal; color:#333;}
#footer .inner{width:800px; height:77px; padding:4px 0 0 0; margin:0 auto; line-height:18px;}
#footer .inner  p.fonts{ text-align:center; color:#333; font-size:12px; margin-bottom:14px; }

#footer2{ background:url(../images/main-bg.jpg) repeat 0 0; width:auto; height:98px; padding-top:11px; overflow:hidden;}

#footer2 ul.listMenu{ width:260px; height:32px; line-height:32px; font-size:14px; font-family:"微软雅黑",Tahoma, Geneva, sans-serif; margin:0 auto; padding-top:4px;}
#footer2 ul.listMenu li{float:left; text-align:center;line-height:32px;height:32px; color:#666; font-size:15px; font-weight:bold;}
#footer2 ul.listMenu li a{padding:0 10px;line-height:32px; font-size:14px; font-family:"微软雅黑",Tahoma, Geneva, sans-serif; font-weight:normal; color:#333;}
#footer2 .inner{width:800px; height:77px; padding:4px 0 0 0; margin:0 auto; line-height:18px;}
#footer2 .inner  p.fonts{ text-align:center; color:#333; font-size:12px; margin-bottom:14px; }