@charset "utf-8";
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;}
body,button,input,select,textarea{font:12px/1.6 Verdana, Helvetica, sans-serif;}/*雅黑：\5FAE\8F6F\96C5\9ED1  Verdana, Helvetica, sans-serif*/
h1,h2,h3,h4,h5,h6{font-size:100%;}
ul,ol{list-style:none;}
a {cursor:pointer;}
a:link,a:visited{color:#666;text-decoration:none;}
a:hover,a:active{color:#FF3300;text-decoration:underline;}
fieldset,img{border:0;}
button,input,select,textarea{font-size:100%;}
table{border-collapse:collapse;border-spacing:0;}

.layout:after{content:'\20';display:block;height:0;clear:both;}
.layout{*zoom:1;}
.clear{clear:both;}
html{zoom:expression(function(ele){ele.style.zoom="1";document.execCommand("BackgroundImageCache",false,true);}(this));}
body{background:#fff;word-break:break-all; color:#666;}

/*html {
    overflow-x: hidden;
    overflow-y: auto;
}
body {
    overflow: hidden;
}*/

.gray { color:#808080;}
.c000 { color:#000;}
.c333 { color:#333;}
.c999 { color:#999;}
.orange { color:#FF7800;}
.fs_14 {font-size:14px;}
.fs_18 {font-size:18px;}
.floatRight { float:right; }
.borderTop { border-top:1px #eee dashed;}

a.black{ color:#000; text-decoration:none;}
a.black:hover{ color:#FF3300; text-decoration: underline;}

a.yellowBtn{ display:inline-block;height:28px;width:70px; text-align:center;color:#a83d04;font:12px/28px "宋体"; background:url(../images/yellowBtn.png) no-repeat left top; text-decoration:none;}
a.yellowBtn span{ cursor:pointer;}
a.yellowBtn:hover{background:url(../images/yellowBtn.png) no-repeat left -28px;}
a.yellowBtn.down{background:url(../images/yellowBtn.png) no-repeat left -56px;}


/* IE7及以下提示版本升 级*/
.upgradeBrowser{ background:#ffffe1;border-bottom:1px solid #f90;}
.upgradeBrowserBox{width:100%;margin:0 auto;line-height:24px; text-align:center;color:#f60;}

/* 返回顶部 */
#gotop a{
    background: url(../images/gotop.png) no-repeat 0 0;
    display:block;
    width:47px;
    height:45px
}
#gotop a:hover{
    background-position:-47px 0;
}
#gotop{
    display: none;
    bottom: 110px;
    cursor: pointer;
    height: 45px;
    right:0;
    margin: 0 10px 0 0;
    overflow: hidden;
    position: fixed;
    width: 47px;
	z-index:999;
    _position: absolute;
    _top: expression(documentElement.scrollTop+documentElement.clientHeight-this.clientHeight-110);
}
/* 下拉滚动条防抖动 for IE6 */
* html{ 
    background:url(null) no-repeat fixed; 
}

/* Header */
.wrap{
    zoom:1;
    overflow: hidden;
}
.header{
	position: relative;
    background: #fff;
    top:0;
    width: 100%;
    z-index: 999;
}
.header{
    _position: relative;
    _top: expression(documentElement.scrollTop);
}
.top{
	width:1000px;
	margin:0 auto;
	height:60px;
	text-align:left;
}
.logo{width:182px;height:45px;display:inline-block;background:url(../images/logo.jpg) no-repeat left top;float:left;margin:7px 0; text-indent:-9999px;}
.topRight{float:right; width:400px; height:48px; margin:5px 23px 0 0; line-height:48px; font-family:"微软雅黑"; font-size:16px; color:#C79500; text-align:right;}
/* Menu */
.menu { width:100%; height:40px; background-color:#00A0E9; border-bottom:1px #ccc solid;z-index:999;}




.nav{background:#00A0E9;width:1000px;margin:0 auto;height:40px;font:18px/40px Microsoft YaHei}
.nav li{float:left;height:100%;margin:0 1px 0 0}
.nav a{float:left;padding:0 35px;color:#fff;height:100%}
.nav li.on a,.nav a:hover{background:#006CDD;text-decoration:none; color:#fff;}
.nav a:visited{color:#fff;}

.nav ul.sub{display: none;top:40px;background: #006CDD;width:160px; padding-bottom:10px;}

.nav ul.sub li{float: none;padding-left:35px; font:14px/36px Microsoft YaHei;}
.nav ul.sub li a{padding:0;float:none;}

/* Banner */
#Slidebox{width:100%; height:350px;  padding:0;  margin:0 auto; background:#41608F; overflow:hidden;position:relative;z-index: 998;}
#flashBg {height: 350px;overflow: hidden;width:100%;clear: both;margin: 0;padding: 0;}
#flashLine {height: 350px;width: 100%;clear: both;}
#flash{width: 1009px;height: 350px;overflow: hidden;margin: 0 auto;clear: both;position: relative;padding: 0px 0px;}
#flash a {width: 1009px;height: 350px;display: none;}
#flash img {height: 350px;}
.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; 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");
}

/* index_news */
.indexVoice { width:100%; height:40px; background:url(../images/voice_bg.jpg) repeat-x top; border-top:1px #DDD solid; border-bottom:1px #D9D9D9 solid;}

.voice{ width:890px;height:40px; margin:0 auto; position:relative;overflow:hidden;padding-left:110px; background:url(../images/voice_icon.png) no-repeat 5px center;font-size:14px;color:#5c5c5c;}
.voiceDes{ position:absolute;top:10px;left:35px;}
.voice ul{ position:relative;}
.voice li{height:40px;line-height:40px;}
.voiceRight{ position:absolute;right:5px;top:50%;margin-top:-13px;z-index:10;}
.do{height:26px;width:31px; display:inline-block; background:url(../images/voice_nano.png) no-repeat left top;margin-right:-1px; position:relative;}
.uo{height:26px;width:31px; display:inline-block; background:url(../images/voice_nano.png) no-repeat right top; position:relative;}
.do:hover{background:url(../images/voice_nano.png) no-repeat left bottom;z-index:1;}
.uo:hover{background:url(../images/voice_nano.png) no-repeat right bottom;z-index:1;}

/* indexItem */
#indexItem { width:100%; background:#F2F2F2; border-top:1px #fff solid; border-bottom:1px #ddd solid;}
#indexItem #items { width:1000px; height:90px; margin:15px auto;}
#indexItem #items ul { margin:0;}
#indexItem #items ul li { width:285px; height:80px; margin:0 auto; float:left;}
#indexItem #items ul li a:link { color:#333;}
#indexItem #items ul li a:hover { color:#FF3300;}
#indexItem #items ul li.net { background:url(../images/item_net.png) no-repeat left;}
#indexItem #items ul li.app { background:url(../images/item_app.png) no-repeat left;}
#indexItem #items ul li.www { background:url(../images/item_www.png) no-repeat left;}
#indexItem #items ul li.jg { width:72px; background:url(../images/item_+.png) no-repeat center;}
#indexItem #items ul li h3 { width:200px; float:right;line-height:36px;font-size:20px;font-family:"微软雅黑"; text-align:left; color:#333;}
#indexItem #items ul li p { width:200px; float:right;line-height:20px;font-size:14px;font-family:"微软雅黑"; color:#999; text-align:left;}

/* indexContent */
.indexContent { width:1000px; margin:15px auto;}
.solution { float:left; width:650px; height:350px; margin-bottom:45px;}
.solution h2 { font-size:18px;font-family:"微软雅黑"; text-align:left; color:#333; width:120px; height:40px; line-height:40px; }
.solution .more { float:right; width:530px; height:40px; line-height:40px; text-align:right; padding-top:8px;}
.solution ul { width:650px; height:342px; border:1px #ddd solid; border-top:2px #0487E2 solid; background-color:#fff;}
.solution ul li { padding:0 15px; clear:both}
.solution ul li .thumbnail { float:left; width:250px; height:140px; text-align:center; background-color:#fff; margin:15px 0;}
.solution ul li .content { float:right; width:350px; height:140px; margin:15px 0;}
.solution ul li .content .title { height:40px; font-size:18px; font-family:"微软雅黑"; color:#000;}
.solution ul li .content .description { line-height:24px; font-size:14px; color:#999;}

.article { float:right; width:320px; height:350px;}
.article h2 { font-size:18px;font-family:"微软雅黑"; text-align:left; color:#333; width:80px; height:40px; line-height:40px;}
.article span { float:right; width:240px; height:40px; line-height:40px; text-align:right; padding-top:8px;}
.article ul { width:290px; height:322px; border:1px #ddd solid; border-top:2px #0487E2 solid; background-color:#fff; padding:10px 15px;}
.article ul li { padding:0 5px 0 10px; line-height:31px; font-size:14px; background:url(../images/icon_dian.png) no-repeat 0 center; border-bottom:1px #eee dashed;}
.article ul li.last { border-bottom:none;}

/* indexCase */
.indexCase { width:1000px; margin:15px auto; clear:both}
.indexCase .caseTitle {border-bottom:2px #0487E2 solid;}
.indexCase .caseTitle h2 { font-size:18px;font-family:"微软雅黑"; text-align:left; color:#333; width:120px; height:40px; line-height:40px; }
.indexCase .caseTitle .more { float:right; width:530px; height:40px; line-height:40px; text-align:right; padding-top:8px;}

.indexCase .caseList { margin:15px 0;}
.indexCase .caseList ul li { width:300px; height:283px; background:url(../images/case_bg.jpg) no-repeat top left; margin:0 50px 5px 0; float:left; text-align:center; padding-top:10px;}
.indexCase .caseList ul li.last { margin-right:0}
.indexCase .caseList ul li p { text-align:left; line-height:20px; margin:0 10px;}
.indexCase .caseList ul li p.title { font-family:"微软雅黑"; font-size:14px; text-align:left; margin:8px 15px 0 15px; color:#333}
.indexCase .caseList ul li p.tag { text-align:left; color:#999; margin:5px 15px 0 15px;}

/* indexLink */
.indexLink { width:1000px; margin:15px auto; clear:both}
.indexLink .linkTitle {border-bottom:2px #0487E2 solid;}
.indexLink .linkTitle h2 { font-size:18px;font-family:"微软雅黑"; text-align:left; color:#333; width:120px; height:40px; line-height:40px; }
.indexLink .linkTitle .more { float:right; width:530px; height:40px; line-height:40px; text-align:right; padding-top:8px;}

.indexLink .linkList ul { margin:15px 0;}
.indexLink .linkList ul li { float:left; line-height:30px; margin:0 30px 30px 0;}
.indexLink .linkList ul li.last { margin-right:0}

/* Container */
#container { width:100%; margin:0 auto; min-height:500px; height:auto !important; height:500px;overflow:visible; background-color:#fff;}
#container #location { width:1000px; margin:0 auto; line-height:50px;}
#container #main { width:1000px; margin:0 auto;}
#container #main #sidebarLeft { float:left; width:200px;}
#container #main #sidebarLeft #menu { width:200px; border:1px #ddd solid; background-color:#FBFBFB; }
#container #main #sidebarLeft #menu h2 { width:100%; height:38px; line-height:38px; border-bottom:1px #ddd solid; background:#fff url(../images/left_title_bg.gif) repeat-x bottom; font-family:"微软雅黑"; font-size:18px; text-indent:20px; font-weight:normal;}
#container #main #sidebarLeft #menu ul { margin:10px 0; font-family:"微软雅黑"; font-size:14px;}
#container #main #sidebarLeft #menu ul li a { width:170px; height:32px; line-height:32px; display:inline-block; padding-left:30px; background:url(../images/left_menu_icon.gif) no-repeat 175px;}
#container #main #sidebarLeft #menu ul li a:hover { background-color:#CDE6F2; color:#000; text-decoration:none;}
#container #main #sidebarLeft #menu ul li.on a { background-attachment:fixed;
background:#00A0E9 url(../images/left_menu_icon2.gif) no-repeat 175px; color:#fff; text-decoration:none; }
#container #main #sidebarLeft #service { margin: 10px 0; width:200px; border:1px #ddd solid; background-color:#FBFBFB; text-align:center; }
#container #main #sidebarLeft #service p { margin: 10px 0; padding-bottom:10px; border-bottom:1px #eee solid; line-height:26px; font-family:"微软雅黑";}
#container #main #sidebarLeft #service p.last { border-bottom: none; }

#container #main #sidebarLeft #service p .inputWrap{ height:38px; line-height:0; font-size:0; border:1px solid #ccd1d3; display:inline-block; background-color:#fff; overflow:hidden; padding:0; margin:5px auto; vertical-align: middle;}
#container #main #sidebarLeft #service p .inputWrap .input_style{ height:38px; line-height:38px; background:none; border:0; width:100%; color:#999999; padding:0 0 0 5px; font-family: Microsoft YaHei; font-size:14px;}
#container #main #sidebarLeft #service p .btn_submit{ background:url(../images/btn_icon.gif) no-repeat; width:88px; height:32px; line-height:32px !important; font-size:14px; color:#fff; text-align:center; display:block; margin:5px auto; border:0; cursor:pointer;}

#container #main #content { float:right; width:780px; border:1px #ddd solid; background:url(../images/content_bg.gif) repeat-x top; min-height:635px; height:auto !important; height:623px;overflow:visible; padding-bottom:20px;}
#container #main #content h3 { width:100%; height:38px; line-height:38px; font-size:18px; font-family:"微软雅黑"; text-indent:35px; color:#333; border-bottom:1px #eee dashed;}
#container #main #content #info { font-size:14px; line-height:28px; padding:15px 35px 30px 35px;}

#container #main #content h2 { width:100%; height:38px; line-height:38px; font-size:18px; font-family:"微软雅黑"; color:#333; text-align:center;}
#container #main #content #description { width:720px; font-size:14px; line-height:24px; margin:10px auto 20px auto; color:#999; text-indent:30px;}
#container #main #content #info img { max-width:720px;}

/* 案例展示幻灯片 */
.fullSlide {width:740px; position:relative; height:555px; background:#fff; margin:10px auto 20px auto;}
.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:555px;overflow:hidden;text-align:center;}
.fullSlide .bd li a {display:block;height:555px;}
.fullSlide .hd {width:100%;position:absolute;z-index:1;bottom:0;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:42px;height:11px;margin:1px;overflow:hidden;background:#000;filter:alpha(opacity=50);opacity:0.5;line-height:999px;}
.fullSlide .hd ul .on {background:#f00;}
.fullSlide .prev,.fullSlide .next {display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:15%;z-index:1;width:40px;height:60px;background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide .next {left:auto;right:15%;background-position:-6px -137px;}

#container #main #content #solution { padding:5px 35px 30px 35px;}
#container #main #content #solution ul { width:700px;}
#container #main #content #solution ul li { padding:0 15px; clear:both; border-bottom:1px #ddd dashed;}
#container #main #content #solution ul li .thumbnail { float:left; width:250px; height:140px; text-align:center; background-color:#fff; margin:20px 0;}
#container #main #content #solution ul li .content { float:right; width:400px; height:140px; margin:20px 0;}
#container #main #content #solution ul li .content .title { height:40px; font-size:18px; font-family:"微软雅黑"; color:#000;}
#container #main #content #solution ul li .content .description { line-height:24px; font-size:14px; color:#999;}
#container #main #content #solution ul li.first { border:none;}

#container #main #content #caseList { padding:15px 35px 30px 35px; }
#container #main #content #caseList ul { width:700px; margin:0 auto;}
#container #main #content #caseList ul li { width:300px; height:283px; background:url(../images/case_bg.jpg) no-repeat top left; margin:0 25px 5px 25px; float:left; text-align:center; padding-top:10px;}
#container #main #content #caseList ul li.last { margin-right:0}
#container #main #content #caseList ul li p { text-align:left; line-height:20px; margin:0 10px;}
#container #main #content #caseList ul li p.title { font-family:"微软雅黑"; font-size:14px; text-align:left; margin:8px 15px 0 15px; color:#333}
#container #main #content #caseList ul li p.tag { text-align:left; color:#999; margin:5px 15px 0 15px;}

.hits{ border-bottom:1px dotted #ccc; height:25px; line-height:25px; margin:5px 0px; text-align:right;}
.page{ padding:2px 5px; line-height:1.5; color:#00A0E9;}
.page a{ color:#00A0E9; text-decoration:underline;}

/* 前台通用分页 */
.pagecode {
    float: right;
	margin:10px 30px 10px 10px;
    text-align: right;
	padding-right:5px;
}
.pagecode a {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #d4d4d4;
    margin-right: 5px;
    padding: 0px 10px;
	display:block;
	float:left;
	height:26px;
	line-height: 26px;
	overflow:hidden;
	text-decoration:none;
   
}
.pagecode a.end{}
.pagecode a:hover {
    background: none repeat scroll 0 0 #fff;
    color: #00A0E9;
	border:1px #00A0E9 solid;
}

.pagecode .on {
    background: none repeat scroll 0 0 #00A0E9;
    color: #fff;
	border:1px #00A0E9 solid;
}

.pagecode p {
    clear: both;
    line-height: 20px;
    padding-right: 4px;
}

/* Footer */
.footer { width:100%; height:60px; background-color:#4E4E4E; text-align:center; color:#aaa; padding-top: 5px; line-height:28px;}
.footer a { color:#aaa; padding:0 10px;}
.footer a:hover{color:#fff; text-decoration:none;}
.footer a:visited{color:#aaa; text-decoration:none;}