/* CSS Document */
body{ margin:0px; padding:0px; font-size:12px; font-family:"微软雅黑"; line-height:22px; color:#000; background:#ECF5FD;}
ul,p,span,h1,h2,h3,h4,h5,h6{ margin:0px; padding:0px; list-style:none;}
.top{ margin-top:10px;}
img{ border:none;}
a{ color:#666; text-decoration:none; letter-spacing:1px;}
a:hover{ color:#F2DE47; text-decoration:underline; }
.clear{ clear:both; overflow:hidden; zoom:1;}
*+img {margin-bottom:0px;} img {margin-bottom:-4px;} 
p{ text-indent:2em;}


#centent { width:100%; margin:0 auto;}
#Header { width:100%; height:130px; float:left; background:url(../images/Header-bg.gif) repeat-x;}
#Header .top { width:980px; height:90px; margin:0 auto;}
#Header .top .logo { width:350px; height:90px; float:left;}
.top-flash { width:475px; height:70px; float:right; margin-top:20px;}
#Header #daohang { width:100%; height:40px; float:left; background: url(../images/daohang-bg.gif) repeat-x;}
#daohang .daohang-k { width:980px; height:40px; margin:0 auto;}
.daohang-k-left { width:900px; height:40px; float:left;}
.daohang-k-right { width:200px; height:30px; float:right; background:url(../images/daohang-k-right-bg.gif) no-repeat;}
.daohang-k-right  ul,.midiile-k-s-right-nav li{padding:0;list-style:none;}
.daohang-k-right  li a{font-size:12px;color:#2560A9;text-decoration:none;zoom:1; }
.daohang-k-right   li a:hover,.midiile-k-s-right-nav  li.focus a{color:#F89C2B; text-decoration:none;}
.daohang-k-right   li{float:left;display:inline;line-height:30px;text-align:left; width:90px; text-align:center;padding-LEFT:10PX;}
.daohang-k-right   ul{float:left;padding:0px;width:200px; }

.nav #home a{
		position:relative;
		background:url(../images/nav-hover2.png) no-repeat; 
		width:110px; 
		height:40px; 
		color:#fff;
		/*text-shadow:0 1px 0 #F5B34D; */
	}
	#home a:hover{
		background:none;
	}
	#products1 a.products-a{
		background:none;
	}
	/*导航菜单CSS样式开始*/
.nav{ background:url(../images/nav-bg.png) repeat-x; width:980PX; height:40px; font-family:"微软雅黑"; position:relative; z-index:10000;}
.nav-center{ background:url(../images/nav-bg.png)) repeat-x;	width:980PX; height:40px; line-height:40px; margin:0 auto;}
.nav-center li{height:40px; width:108px; overflow:visible; float:left; text-align:center; margin-top:0px;}
.nav-center li a { color:#fff; width:108px; font-size:12px; float:left; display:block; position:absolute; text-decoration:none; top:0; left:0; z-index:1000px;}
.nav-center li span{ background:url(../images/nav-hover2.png) no-repeat; display:block; position:absolute; width:108px; top:0; left:0; z-index:0; opacity: 0;
filter:alpha(opacity=0);}
#home a{ background:none;  width:100px;}
.nav-center li{ position:relative;}
.product-select{ float:left; position:absolute; width:366px; height:190px; top:40px; left:-3px; z-index:10000; display:none;}
.product-hover{	display:none;}
.supports-select{ float:left;  position:absolute; width:366px; height:190px; top:40px; left:-3px; z-index:10000; display:none;}
.supports-hover{ display:none;}
.info-select{ float:left;  position:absolute; width:366px; height:190px; top:40px; left:-3px; z-index:10000; display:none;}
.info-hover{ display:none;}
.companys-select{ float:left; position:absolute; width:366px; height:190px; top:40px; left:-3px; z-index:10000; display:none;}
.companys-hover{ display:none;}
.jobs-select{ float:left; position:absolute; width:366px; height:190px; top:40px; left:-3px; z-index:10000; display:none;}
.jobs-hover{display:none;}
#select-top{ background:url(../images/nav-hover2.png) no-repeat 0 0; width:100px; height:40px; position:absolute; top:-50px; color:#fff; left:0;}
#select-top a:hover{ background:none;}
#sub-prod{ position:absolute; top:0px; left:1px; padding:0px 0 0 0; display:none; width:220px;}
#sub-prod-top{ line-height:1px; height:1px; _overflow:hidden;}
#sub-supp{ position:absolute; top:0px; left:1px; padding:0px 0 0 0; display:none; width:220px;}
#sub-supp-top{ line-height:1px; height:1px; _overflow:hidden;}
#sub-comp{ position:absolute; top:0px; left:1px; padding:0px 0 0 0; display:none; width:220px;}
#sub-comp-top{ line-height:1px; height:1px; _overflow:hidden;}
#sub-job{ position:absolute; top:0px; left:1px; padding:0px 0 0 0; display:none; width:220px;}
#sub-job-top{ line-height:1px; height:1px; _overflow:hidden;}
.nav-center li ul{ background:#f7cb16;}
.nav-imagebg a{ background:url(../images/nav-bottom2.png) no-repeat 0 bottom;}
.nav-center li ul{ width:220px;}
.nav-center li ul li{ background:url(../images/nav-bottom2.png) no-repeat 0 bottom; height:30px; line-height:30px; clear:both; float:left; width:220px; margin:0px; }
.nav-center li ul li a{ font-size:12px; text-align:left; margin:0px; height:30px; line-height:30px; width:220px; text-indent:15px; background:none;
float:left; color:#fff; }
.nav-center li ul li a:hover{ background:url(../images/nav-bottom-hover.png) no-repeat  center; height:30px; line-height:30px; width:220px; margin:-1px 0 0 0; color:#fff;}
		/*导航菜单CSS样式结束*/
		
#Banner { width:100%; height:300px; float:left; background:#ECF5FD;}

/*Slide Start幻灯片位置开始*/
#Slidebox{width:980px; height:300px;  padding:0px;  margin:0 auto;  /*position:relative;*/ background:#e0b98b; overflow:hidden;}
#flashBg {height: 300px;overflow: hidden;width:100%;clear: both;margin: 0;padding: 0;}
#flashLine {background: url(../images/touming.png) repeat-x center bottom;height: 300px;width: 100%;clear: both;}
#flash{width: 980px;height: 300px;overflow: hidden;margin: 0 auto;clear: both;position: relative;padding: 0px 0px;}
#flash a {width: 980px;height: 300px;display: none;}
#flash img {width: 980px;height: 300px;}
.flash_bar {width:555px;padding-left: 460px;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 .tran
slucent{ 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;}
.pagination1 {margin:0;width:90px; position:absolute; top:355px; left:455px; z-index:1000;}
.pagination1 li {float:left;margin:0 1px;}
.pagination1 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;}

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


#Middle { width:100%; min-height:600px; float:left; margin-top:10px;}
.midiile-k { width:980px;margin:0 auto; }
.midiile-k-s { width:980px; height:350px; float:left;}
.midiile-k-s-left { width:740px; height:350px; float:left;}
.midiile-k-s-left-cp { width:370px; height:350px; float:left; background:url(../images/midiile-k-s-left-bg.gif) no-repeat;}
.midiile-k-s-left-cp-top { width:370px; height:45px; float:left; line-height:45px; font-size:16px; font-weight:bold;}
.midiile-k-s-left-cp-top a { padding:0px 30px; color:#000;}
.midiile-k-s-left-cp-img { width:320px; height:240px; float:left; border:1px solid #CCC; margin-left:25px;_margin-left:12px; background:#fff;padding:2px;}
.midiile-k-s-left-cp-suo { width:320px; height:50px; float:left;margin-left:25px;_margin-left:12px; line-height:50px;color:#1C75BC;font-weight:bold;}
.midiile-k-s-left-cp-suo a {color:#1C75BC;}

.midiile-k-s-right { width:240px; height:350px; float:right; background:url(../images/midiile-k-s-right-bg.gif) no-repeat;}
.midiile-k-s-right-top { width:220px; height:40px; float:left; line-height:40px; margin-top:17px; font-size:16px; color:#fff; font-weight:bold; padding:0px 0px 0px 20px;}
.midiile-k-s-right-nav { width:222px; height:200px; float:left; margin-left:14px;_margin-left:7px;}
.midiile-k-s-right-nav  ul,.midiile-k-s-right-nav li{padding:0;list-style:none;}
.midiile-k-s-right-nav  li a{font-size:12px;color:#000;text-decoration:none;zoom:1; }
.midiile-k-s-right-nav  li a:hover,.midiile-k-s-right-nav  li.focus a{color:#F89C2B; text-decoration:none;}
.midiile-k-s-right-nav  li{float:left;display:inline;line-height:30px;text-align:left; padding:0px 0px 0px 15px; width:185px; background:url(../images/tab-bg.gif) no-repeat; border-bottom:1px solid #b5bfc9;border-top:1px solid #fff;}
.midiile-k-s-right-nav  li:hover { background:url(../images/tab-bghover.gif) no-repeat; color:#fff;}
.midiile-k-s-right-nav  li:hover a { color:#fff;}
.midiile-k-s-right-nav  ul{float:left;padding:0px;width:212px; margin-left:10px;_margin-left:5px; margin-top:1px;}
.midiile-k-x { width:980px; height:242px; float:left; background:#fff; margin-top:10px;}
.shouce { width:200px; height:80px; float:left; background:url(../images/shouce-bg.gif) no-repeat; margin-left:25px;_margin-left:12px;
line-height:80px; font-weight:bold;}
.shouce a {color:#1C75BC; padding:0px 10px;}
/*选项卡1*/
#Tab2{
width:980px;
margin:0px;
padding:0px;
margin:0 auto;}
/*菜单class*/
.Menubox {
width:100%;
background:url(../images/bg2.gif);
height:40px;
line-height:40px;
}
.Menubox ul{
margin:0px;
padding:0px;
}
.Menubox li{ 
float:left;
display:block;
cursor:pointer;
width:150px;
text-align:center;
color:#000;
font-weight:bold; font-size:15px;}
.Menubox li.hover{
padding:0px;
background:#fff;
width:150px;
border-left:1px solid #C9C9C9;
border-top:1px solid #C9C9C9;
border-right:1px solid #C9C9C9;
background:url(../images/bg1.gif);
color:#fff;
font-weight:bold;
height:40px;
line-height:40px;
}
.Contentbox{
clear:both;
margin-top:0px;
border:1px solid #ddd;
border-top:none;
height:200px; 
 
padding-top:0px;
}
#con_two_1 p { padding:10px; color:#000;}
#con_two_3 p { padding:10px; color:#000;}
.con1-cen { width:480px; height:180px; float:left; }
.con1-img { width:490px; height:180px; float:left;}
.con1-img-k { width:478px; height:160px; float:left; border:1px solid #B5BFC9; margin-left:8px; margin-top:8px;_margin-left:4px; background:#fff; padding:1px;}




#con_two_2  ul,#con_two_2  li{padding:0;list-style:none;}
#con_two_2  li a{font-size:14px;color:#000;text-decoration:none;zoom:1}
#con_two_2  li a:hover,#con_two_2  li.focus a{color:#F89C2B; text-decoration:underline;}
#con_two_2  li{float:left;display:inline;line-height:30px;text-align:left; padding:0px 20px; width:270px; background:url(../images/tab-bg.gif) no-repeat;}
#con_two_2  ul{float:left;padding:0px;width:970px; margin-left:10px;_margin-left:5px; margin-top:10px;}



#Bottom { width:100%; height:80px; float:left; margin-top:10px; text-align:center;}

.bottom-k{ width:980px; height:60px; margin:0 auto;border-top:1px solid #2560A9;  line-height:20px; text-align:center; padding-top:10px; background:#fff;}
/**************************客服开始菜单class*/
.bar{position:fixed; top:70%; right:50%; margin:-48px -527px 0 527px; width:222px; overflow:hidden;}
.bar a{display:block; clear:both; position:relative; text-decoration:none;}
.bar a .text{display:block; background:#0096ff; color:#fff; text-align:center; height:36px; width:186px; font:normal 14px/36px microsoft yahei; position:absolute; top:0; right:-150px;	z-index:199;}
.bar a .ico{background:url(../images/feedback-sprite.png) #096EB5 no-repeat; width:36px; height:36px; display:block; float:right; position:relative;	z-index:200; }
.bar .fb-tel .text,.bar .fb-suggestion .text{top:1px;}
.bar .fb-qq .ico{background-position:center 7px; border-bottom:1px solid #005692;}
.bar .fb-tel .ico{background-position:center -28px; border-top:1px solid #428ABC; border-bottom:1px solid #005692;}
.bar .fb-suggestion .ico{background-position:center -62px; border-top:1px solid #428ABC}
.bar a:hover .ico{background-color:#0096ff;}
/**************************客服开始菜单classend*/
.ca-item-main h4 span strong {
	color: #000;
}
.nav-list1 { background:url(../images/nav-hover2.png) no-repeat;}
.Downloads { width:230px; height:200px; float:left; margin:10px 0px 0px 10px; background:#FFF; border:1PX solid #DDD;}
.layout_main{ width:960px; margin:10px auto;}
.content_bottom UL LI {FLOAT: left}
.content_bottom UL LI.brand_item {WIDTH: 240px; HEIGHT: 200px; margin-top:10px;}
.brand_item A {DISPLAY: block; WIDTH: 226px; HEIGHT: 187px;}
.brand_item A:hover {TEXT-DECORATION: none}
.brand_item A.brand_name {BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid}
.brand_item A.brand_detail {BORDER-RIGHT: #F1831D 1px solid; BORDER-TOP: #F1831D 1px solid; BORDER-LEFT: #F1831D 1px solid; BORDER-BOTTOM: #F1831D 1px solid}
.brand_item A SPAN {DISPLAY: block; MARGIN-LEFT: 1px; WIDTH:224px;  HEIGHT: 30px; TEXT-ALIGN: center; line-height:30px; margin-top:5px;}
A.brand_name SPAN {COLOR: #000; BACKGROUND-COLOR: #e0dbcd}
A.brand_detail SPAN {COLOR: #fff; BACKGROUND-COLOR: #F5851D;}
.brand_item img { width:226px; height:155px;}
/*通用*/
.navbox_{width:960px;margin:0 auto; overflow:hidden;zoom:1}
.navbox{width:960px;margin:0 auto; overflow:hidden;zoom:1; margin-top:8px;}
.f_l{ float:left;}
.f_r{ float:right;}
.margintop{margin-top:8px;}
.paddingtop{padding-top:8px;}
a{color:#383838; text-decoration: none;}
a:hover{color:#c00; text-decoration:underline;}




/*pages*/
.pagination-wrapper {
clear:both;
padding:1em 0 2em 0;
text-align:center;
}

.page {
display: inline-block;
*display: inline;
*zoom: 1;
font-size:12px;
border-radius: 3px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.page li{
list-style: none;padding: .5em .8em; background:#f9f9f9;
display: inline;
float: left;
line-height: 1em;
text-decoration: none;
border: 1px solid #ddd;
border-left-width: 0;
}
.page li a {
display: inline-block;
background-color: #f9f9f9;
color: #999;
}
.page li a:link{
background:#fff;
color: #4C78A5;
}
.page li a:hover{
text-decoration:none;
}
.page li a:link:hover {
color: #000;
}
.page li.thisclass {
background-color: #f9f9f9;padding: .5em .8em;
color:#FF6633;
}
.page li:first-child {
border-left-width: 1px;
border-radius: 3px 0 0 3px;
}
.page li:last-child{
border-radius: 0 3px 3px 0;
}
.page .pageinfo{
color: #444;
}



.index_SL { width:980PX; height:340PX; float:left; margin-top:10px;}