﻿#wrapper #head #FocusBG{
	width:100%;
	height:300px;
	margin-top:4px;
}

/*Slide Start幻灯片位置开始*/
#Slidebox{width:100%; height:300px;  padding:0px;  margin:10px auto;  /*position:relative;*/ background:#e0b98b; overflow:hidden;}
#flashBg {height: 300px;overflow: hidden;width:100%;clear: both;margin: 0;padding: 0; }
#flashLine {height: 300px;width: 100%;clear: both;}
#flash{width: 1080px;height: 300px;overflow: hidden;margin: 0 auto;clear: both;position: relative;padding: 0px 0px;}
#flash a {width: 1080px;height: 300px;display: none;}
#flash img {width: 1080px;height: 388px;}
.flash_bar {width:555px;padding-left: 525px;z-index: 69;height: 30px;overflow: hidden;position: absolute;padding-top: 13px!important;padding-top: 12px;
bottom:0px;left:0px; background: url(../images/HituxCMSBold/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/HituxCMSBold/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/HituxCMSBold/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");
}


.banner{ height:460px; }
.banner a{ display:block;}
.fullSlide 
{
    clear:both;
	width:100%;
	position:relative;
	height:460px;
}
.fullSlide .bd {
	margin:0 auto;
	position:relative;
	z-index:0;
	overflow:hidden;
}
.fullSlide .bd ul {
	width:100% !important;
}
.fullSlide .bd li {
	width:100% !important;
	height:460px;
	overflow:hidden;
	text-align:center;
	 background-position:center top;
	 background-repeat:no-repeat;
}
.fullSlide .bd li a {
	display:block;
	height:460px;
}

.fullSlide .hd {
	width:100%;
	position:absolute;
	z-index:1;
	bottom:0px;
	left:0;
	height:30px;
	line-height:30px;
}
.fullSlide .hd ul {
	text-align:center;
}
.fullSlide .hd ul li {
	cursor:pointer;
	display:inline-block;
	*display:inline;
	zoom:1;
	width:100px;
	height:8px;
	margin:1px;
	overflow:hidden;
	background:#163A84;
	line-height:999px;
}
.fullSlide .hd ul .on {
	background:#DA2538;
}
.fullSlide .prev,.fullSlide .next {
	display:block;
	position:absolute;
	z-index:1;
	top:50%;
	margin-top:-30px;
	left:5%;
	z-index:1;
	width:40px;
	height:60px;
	cursor:pointer;
	filter:alpha(opacity=50);
	opacity:0.5;
	display:none;
	width:73px; 
	height:73px;
}
.fullSlide .prev
{
      background:url(../images/left1s.png) no-repeat;
  }
.fullSlide .next {
	left:auto;
	right:5%;
	background:url(../images/right1s.png) no-repeat;
}

#example {width:1085px; height:382px; position:relative; margin:0 auto;}
.mask{ position:absolute; left:0px; top:0px; background:url(../images/HituxCMSBold/mask.png) no-repeat 0 0; z-index:101; width:1085px; height:382px;}
#slides {position:absolute;top:0;left:0;z-index:100;}
#slides .slide{width:1085px;padding:0px; height:382px;}
#slides .slide .translucent{ z-index:6; display:block; width:1085px; height:42px; /*filter:alpha(opacity=50); opacity:0.50;*/ position:absolute; left:0px; bottom:0px; background:url(../images/HituxCMSBold/slidesTranslucent.png) no-repeat left bottom;}

* html #slides .slide .translucent{ z-index:6; display:block; width:1085px; 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/HituxCMSBold/On_a_frame.png) no-repeat left top; text-indent:-9999px;}
.slides_container{width:1085px;height:382px;overflow:hidden;position:relative;}

#slides .next{left:957px;background:url(../images/HituxCMSBold/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/HituxCMSBold/pagination.png);background-position:0 0;float:left;overflow:hidden;}

.pagination li.current a {background-position:0 -12px;}

#body    h1.tit-h1 { font-size:38px; text-align:center; margin:30px 0 15px; color:#f60;}
#body   .go-back{ text-align:center; border-top:1px dashed #ccc; padding:10px; margin-top:20px; font-size:40px;}
#body   .wrap{border:1px dashed #ccc; background:#f8f8f8; padding:20px;}

#body   .tab{ }
#body   .tab-hd { 	background:url("../images/box_titlebg.png") no-repeat -150px top;
 overflow:hidden; zoom:1;}
#body   .tab-hd li{ float:left; width:110px; color:#fff; text-align:center; cursor:pointer;height:30px;line-height:30px;}
#body   .tab-hd li.active{	background:url("../images/HituxCMSBold/box_titlebg.png") no-repeat -20px top; width:110px; text-align:center; font-weight:bold;
padding:0px;
margin:0px;
font-size:14px;}
#body   .tab-hd li.active a{
	color:#FFF;
	padding:0px;
	margin:0px;
	padding-left:0;
	line-height:30px;
	background:none;
}
#body   .tab-bd li{display:none; padding:10px; border-top:0 none; }	

#body  .DivList{
	font-size:14px;
	padding:0px;}
	
#body  .DivList p{
	font-size:14px;
	line-height:28px;
	color:#666;
	padding:0px;}

#body  .DivList .DivLi{
	padding:0px 10px 0px 0px;
	}
#body  .DivList .DivLi a{
	line-height:25px;
	padding:0px;
	height:25px;
	overflow:hidden;
	
	}	
#body  .DivList .DivLi span{
	color:#0170d9;
	padding-right:20px;
	font-size:11px;
	width:80px;
	}


.PicBlock{
	padding:0px 0px 14px 14px;}
.PicBlock .CasePicBlock {
	float:left;
	width:125px;
	height:118px;
	overflow:hidden;
	padding:0px;
	margin:0px;}

.PicBlock .CasePicBlock  .BlockPic{
	width:104px;
	height:79px;
	overflow:hidden;}
.PicBlock .CasePicBlock  .BlockPic img{
	width:100px;
	height:75px;
	padding:1px;
	border:1px solid #dededc;
	overflow:Hidden;}
.PicBlock .CasePicBlock img:Hover{
	border:1px solid #00a0b2;}	
.PicBlock .CasePicBlock .BlockTitle{
	text-align:center;
	width:104px;
	height:36px;
	overflow:hidden;
	line-height:18px;
	background-color:#f5f5f5;}

/* main block*/
#body .MainBlock{
	width:1080px;
	margin:auto;
	font-size:14px;
	}
#body .MainBlock .BlockInner{
	background-color:#FFF;
	border:1px solid #e5e5e5; height:250px}	

#body  .right2{
display:none;
	float:right;
	width:406px;
	height:255px;
	overflow:hidden;
	font-size:14px;
	}
	
	
	#body  .left{
	width:722px;
	float:left;
	height:auto;
	}
#body  .right{
	width:349px;
	float:left;
	height:auto;
	}
	

#body .MainBlock .pro{width:320px; height:160px;; float:left; background:#fff;  padding-left:10px; padding-top:10px; padding-right:10px;}
#body .MainBlock .pro img{width:110px; height:140px; float:left; padding:4px; border:#e7e7e7 1px solid; margin-right:10px;}
#body .MainBlock .pro h2{font-size:16px; line-height:30px; font-weight:normal; padding-left:20px; }
#body .MainBlock .pro  a{color:#0066CC}
#body .MainBlock .pro  a:hover{text-decoration:none}
#body .MainBlock .pro span{  color:#666666;  line-height:18px; line-height:24px; font-size:14px;}


#body .topic{
	height:30px;
	background:url("../images/HituxCMSBold/box_titlebg.png") no-repeat -30px top;
	}
#body .MainBlock .right .topic{
	background:url("../images/HituxCMSBold/topic_bg1.gif") repeat-x 0px top;
}	
#body   .topic .TopicTitle{
	float:left;
	padding-left:15px;
	font-size:14px;
	color:#FFFFFF;
	height:30px;
	font-weight:bold;
	line-height:30px;}
#body   .topic .TopicTitle p{
	font-size:9px;
	text-transform:uppercase;
	font-weight:normal;
	color:#999;
	line-height:150%;}
#body .right2 .topic,#body .left .topic{
	height:45px;
}

#body  .right2 .topic .TopicTitle,#body  .left .topic .TopicTitle{
	padding-left:15px;
	}
#body  .TopicTitle a{
	color:#FFFFFF;
	text-decoration:none;}	
#body   .topic .TopicMore{
	float:right;
	font-size:14px;
	padding-right:10px;
	padding-top:9px;}
#body   .topic .TopicMore img{
	}				
	
#body    .MBlockTable td{
	line-height:25px;
	font-size:14px;
	color:#666
}

#body  .left .MBlockTable .ListTitle{
	background:url("../images/title_icon1.jpg") no-repeat 15px 10px;
	padding-left:30px;
}
#body    .MBlockTable td{
	text-align:left;
	padding-left:0;
	color:#666}
	
#body  .MBlockTable span{
	color:#9a9a9a;
	padding-left:10px;
	font-size:11px;}
		
	
#body .Block2 .right{
	height:210px;
	}
#body .Block2 .right2{
	height:210px;
	width:787px;
	}	
#body .MainBlock .left .img{
	padding:0px 10px 10px 10px;
	width:210px;
	float:left;}
#body .MainBlock .right h1{
	font-size:14px;
	text-align:center;}

#body .MainBlock .left .txt{
	float:right;
	width:700px;
	padding:0px 10px 10px 10px;
	font-size:14px;
	color:#6c6c6c;}
#body .MainBlock .left .txt p{
	line-height:200%;}
	#body .MainBlock .left .txt img{ float:left; width:300px; margin-right:10px;}
#body .MainBlock .right2 .img{
	padding:0px 10px 0px 10px;
	width:233px; }
#body .MainBlock .right2 h1{
	font-size:14px;
	text-align:center;}

#body .MainBlock .right2 .txt{
	float:left;
	padding:9px 10px 14px 10px;
	color:#6c6c6c;}

#body .MainBlock3{
	width:1080px;
	margin:auto;}
#body .MainBlock3 .right{
	
	border:none;}
#body .MainBlock3 .left{
	width:1080px;
	border:none;}
#body .MainBlock3 .right2{
 }


 .blk_29 {	 PADDING:0px 0px; OVERFLOW: hidden;  ZOOM: 1; POSITION: relative;}
	
 .blk_29 .LeftBotton {	BACKGROUND: url(../images/Arrow_l.jpg) no-repeat 0px 0px; LEFT: 0px; FLOAT: left; WIDTH: 35px; CURSOR: pointer; POSITION: absolute; TOP: 70px; HEIGHT: 114px}
 .blk_29 .RightBotton {	RIGHT: 5px; BACKGROUND: url(../images/Arrow_r.jpg) no-repeat -0px 0px; FLOAT: right;right:-6px; WIDTH: 35px; CURSOR: pointer; POSITION: absolute; TOP: 70px; HEIGHT: 114px}
 .blk_29 .Cont {	MARGIN: 0px auto; OVERFLOW: hidden;  PADDING:15px 0 0 0px;float:left;height:193px;width:980px;POSITION: relative;left:47px;}
 .blk_29 .box {	FLOAT: left; WIDTH: 196px; TEXT-ALIGN: center;}
 .blk_29 .box IMG {	BORDER: #ccc 1px solid; PADDING: 3px; DISPLAY: block; BACKGROUND: #fff; PADDING-BOTTOM: 3px; MARGIN: 0px auto; width:150px;height:150px;}
 .blk_29 .box A:hover IMG {	BORDER: #0170d9 1px solid;}
 .blk_29 .box P {	WIDTH: 196px; LINE-HEIGHT: 20px;text-align:center;font-size:12px;color:#0170d9}

#body .MainBlock .right2 #demo {
background: #FFF;
overflow:hidden;
width: 230px;
height:240px;
margin:auto;
}
#body .MainBlock .right2 #indemo {
float: left;
height: 800%;
}
#body .MainBlock .right2 #demo1 {
float: left;
}
#body .MainBlock .right2 #demo2 {
float: left;
}






#body .ProductShow {
	BORDER: #dddddd 1px solid;
	WIDTH: 1078px; 
	font-size:12px;
}
#body .Solutions{
	background-color:#FFF;
	border:1px solid #e5e5e5;}

 	
#body .Solutions .SolutionsInner{
	}

#body .Solutions #Solutionsdemo {
background: #FFF;
overflow:hidden;
width: 1058px;
}

#body .Solutions #Solutionsindemo {
float: left;
width: 800%;

}
#body .Solutions #Solutionsdemo1 {
float: left;
padding:20px 10px;

}
#body .Solutions #Solutionsdemo1 img{
	margin:0px 10px;
	width:166px;
	height:166px;
	border:1px solid #DEDEDC;}
#body .Solutions #Solutionsdemo2 {
float: left;
padding:20px 10px;}
#body .Solutions #Solutionsdemo2 img{
	width:166px;
	height:166px;
	margin:0px 10px;
	border:1px solid #DEDEDC;}

#body #Links {
	background-color:#FFF;	
	padding:10px 8px;
	line-height:25px;
	font-size:12px;
	border:1px solid #e5e5e5;}
#body #Links span{
	font-weight:bold;}

#body #Links a{
	padding:0px 7px;}	
	
.main{width:1078px; margin:0px auto; background:#fff; margin-top:10px; }	
.main .main_1 .youb{float: left;width: 250px; border: 1px solid #d1e1ed; margin: 0 0 0 13px; }
.main .main_2 {width:1080px;margin: 0 auto;}
.main .main_21{float: left;width: 1078px;border: 1px solid #d1e1ed;  padding-bottom:20px; background:#fff}

.main_2tit {background:url("../images/box_titlebg.png") no-repeat -30px top; float: left;width: 1078px; height:33px;}
.main_2tit p {font-size: 14px;font-weight: bolder;color: #fff; float:left; padding: 0px 0 0 15px; line-height:33px;}
.main_2tit span{ padding-left:960px;}
.main_2nr {float: left;width: 350px; height: 133px; padding: 10px 0 0 5px;}
.main_2nr dl {float: left; }
.main_2nr img {float: left; padding: 10px 0 8px 8px; }
.main_2nr dd {font-weight: bolder;color: #FF0000;line-height: 40px; padding-left: 6px; font-size: 12px;}
.main_2nr dd a:link{ color:#000; text-decoration: none; font-size:14px;}
.main_2nr dd a:visited {color: #000;text-decoration: none;}
.main_2nr dd a:hover { color:#FF0000; text-decoration: none;}
.main_2nr dt{float: left;width: 200px; padding-left:5px;line-height: 18px;color: #666;}
.main_2nr dt a:link{ color:#154a8c; text-decoration: none;}
.main_2nr dt a:visited {color: #154a8c;;text-decoration: none;}
.main_2nr dt a:hover { color:#FF0000; text-decoration: none;}
/* css 重置 */
/* 本例子css */
.tabox{width:1076px;margin:30px auto;border-top:2px solid #06C; }
.tabox .hd{overflow:hidden;background:url(../images/bg.png) 0 -32px #efefef;border-left:1px solid #ddd; }
.tabox .hd li{position:relative;margin-left:-1px;height:37px;line-height:37px;text-align:center;width:177px;float:left;border:1px solid #ddd;border-top:0;font:normal 14px/37px "Microsoft YaHei";_font-weight:bold;cursor:default;}
.tabox .hd li.on{width:176px;background:#fff;border-bottom:1px solid #fff;color:#c00;}
.tabox .bd{height:230px;border:1px solid #ddd;border-top:0;}
.tabox .lh{overflow:hidden;}
.tabox .lh li{width:156px;padding:0 10px;float:left;}
.tabox .lh li .p-img{width:150px;height:142px; margin:30px 13px 0 13px;text-align:center; border:1px solid #e7e7e7; padding:2px}
.tabox .lh li .p-img img{width:144px; height:140px}
.tabox .lh li .p-name{height:36px;line-height:18px;word-break:break-all;word-wrap:break-word;overflow:hidden; margin: 0 13px; text-align:center; line-height:36px;} 
.tabox .lh li .p-price{color:#999;}
.tabox .lh li .p-price strong{color:#c00;font-size:14px;font-family:verdana;}

.lsyg{width:1076px; margin:0 auto; height:200px; border:1px solid #e7e7e7}
.lsyg .tit{width:1076px; height:44px;  line-height:44px; border-bottom:1px solid #e7e7e7}
.lsyg .tit h2{ background:#06C; color:#fff; width:160px; text-align:center}