html,body{ color:#666;background:#fff;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { margin:0;padding:0; }
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block; }
audio,canvas,video { display: inline-block;*display: inline;*zoom: 1; }
body,button,input,select,textarea{ font: 12px/1.5 Arial, "Microsoft Yahei"; }
input,select,textarea{ font-size:100%; }
table{ border-collapse:collapse;border-spacing:0; }
th{ text-align:inherit; }
fieldset,img{ border:0; }
iframe{ display:block; }
abbr,acronym{ border:0;font-variant:normal; }
del { text-decoration:line-through; }
address,caption,cite,code,dfn,em,th,var { font-style:normal; font-weight:500; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:500; }
q:before,q:after { content:''; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup {top: -0.5em;}
sub {bottom: -0.25em;}
a:hover { text-decoration:underline; }
ins,a { text-decoration:none; }
.clear:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }
.clear { zoom:1; }
body .hide { display:none; }
.left,.right { display:inline; }
.left { float:left; }
.right { float:right; }
.dotline{background: url(dotline.gif) repeat-x bottom;}
.mb20{margin-bottom:20px}
.mb10{margin-bottom:10px}
.mb5{margin-bottom:5px}
.orange{color:#f87c3e!important}
.weiboshow{margin-left:10px;background-color:#fff;}
html,body{_background-image:url(about:blank);_background-attachment:fixed;_overflow-x:hidden}
/*全站头部*/
.header { background-repeat: repeat-x; }
.header .header-inner { height: 95px; width: 960px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; }
.header .header-inner .logo { float:left;background-image: url(logo.png); height: 90px; width: 540px; display: block; text-indent: -9999px; overflow: hidden; background-repeat: no-repeat; }
.header .header-inner .header-tel{background: url(header_icon.png) 0 0 no-repeat;width:220px;height:65px;margin-top:18px; margin-left:200px;float:left}
.header .header-inner .header-btn{float:right;padding:25px 0 0 0;}
.header .header-inner .header-btn a{display:block;background-image: url(header_icon.png); color:#888;float:left;width:100px;padding-left:41px;height:40px;line-height:40px;text-align:center}
.header .header-inner .header-btn a:hover{color:#f87c3e;text-decoration:none;}
.header .header-inner .mob{background-position: -3px -118px;margin-right:15px}
.header .header-inner .wulian{background-position: -3px -76px;}
/*全站导航*/
.navbar { background-image: url(nav_bg.png); background-repeat: repeat-x;width:100%;position:relative;z-index:500;}
.navbar .nav_bottom{width:100%;height:8px;font-size:1px;background: url(navbox_bottom.png); position:absolute;z-index:550}
.navbar .navbox { height: 44px; position:relative;width: 960px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto;z-index:600}
.navbar li{display:block; float:left; }
.nav_link{display:block; line-height:44px; height:44px; overflow:hidden; background-image:url(nav.png); background-repeat:repeat-x; background-attachment:scroll; background-color:transparent; margin:0px; float:left; text-indent:-9999px;}
#nav0 .nav_link{background-position:4px 0px; width:119px}
#nav1 .nav_link{background-position:-115px 0px; width:141px}
#nav7 .nav_link{background-position:-258px 0px; width:141px}
#nav12 .nav_link{background-position:-401px 0px; width:141px}
#nav13 .nav_link{background-position:-543px 0px; width:141px}
#nav18 .nav_link{background-position:-686px 0px; width:141px}
#nav19 .nav_link{background-position:-829px 0px; width:136px}
.nav-current #nav-0 {background-position:4px -44px;}
.nav-current #nav-1 {background-position:-115px -44px;}
.nav-current #nav-7 {background-position:-258px -44px;}
.nav-current #nav-12 {background-position:-401px -44px;}
.nav-current #nav-13 {background-position:-543px -44px;}
.nav-current #nav-18 {background-position:-686px -44px;}
.nav-current #nav-19 {background-position:-829px -44px;}
/*首页banner*/
.h-banner{width: 100%; height: 400px; min-width: 960px; margin: 0 auto; position: relative;background-color:#eee;overflow: hidden;}
.h-banner .bd {margin: 0 auto; position: relative; z-index:0; overflow: hidden; }
.h-banner .bd ul {width: 100% !important;}
.h-banner .bd li {width: 100% !important; height: 400px; text-align: center;background-repeat:no-repeat;background-position:center center}
.h-banner .bd li a{display:block;width:960px;margin:0 auto;height:400px}
.h-banner .hd{z-index:1; height:40px;line-height:40px;width:100%; overflow:hidden; position:absolute; left:0;bottom:0px; }
.h-banner .hd ul{ text-align:center;}
.h-banner .hd ul li { cursor: pointer; display: inline-block; zoom:1; width: 10px; height: 10px; margin: 5px; overflow: hidden;*display:inline;line-height: 9999px;background:#fff;-webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.h-banner .hd ul li.on{ background:#0099E0; }
/*首页新闻区*/
.h-news{ width: 100%; height: 40px; background: url(home_news.png) left top repeat-x scroll transparent; overflow: hidden; }
.h-news-box{width:960px;margin:0 auto;}
.h-news-list{height:40px;color:#666}
.h-news-list h2{float:left;font-weight:bold;line-height:40px;}
.h-news-slider{float:left; position: relative; width:450px;height:40px;padding:0 37px 0 15px;margin-top:4px;overflow:hidden;}
.h-news-slider .bd li{line-height:32px;height:32px;overflow:hidden;}
.h-news-slider .bd li a{color:#666}
.h-news-slider .bd li span{float:right;color:#999}
.h-news-slider .btn{position:absolute;height:30px;width:31px;right:0;top:2px;background:url(home_newsbtn.png) 0 0 no-repeat;display:block;}
.h-news-slider .btn a{text-indent:-9999em;overflow:hidden;display:block;height:15px;line-height:0px;font-size:0px;}
/*首页服务项目列表*/
.h-service{width:960px; margin:0px auto; margin-top:17px;height:250px; }
.h-service dd{float:left; display:block; width:312px; height:112px; background:url(indeximg_bg.png) left top no-repeat scroll transparent; overflow:hidden; margin-right:8px; margin-bottom:5px;cursor:pointer;}
.h-service dd.nomr{margin-right:0px;}
.h-service dd img{margin:1px; float:right; display:block; overflow:hidden; width:124px; height:103px;}
.h-service dd .panel{width:180px; height:103px; overflow:hidden; margin-top:1px; float:left;}
.h-service dd .panel h2{font-size:14px; color:#000; margin-left:8px; margin-top:18px;}
.h-service dd .panel h2.first{margin-left:20px; margin-top:13px;}
.h-service dd .panel p{font-size:12px; color:#999; width:175px; line-height:20px; display:block; overflow:hidden; margin-left:8px; margin-top:2px;}
.h-service dd .panel p.first{margin-left:20px; color:#666;}
.h-service dd:hover h2{color:#0278B0}
/*全站统一底部*/
#foot{width:100%; border-top:1px solid #e0e0e0; background:url(footer_bg.png) 0 top repeat-x #f2f2f2;}
.footer{width:960px; margin:0px auto; margin-top:7px;}
.footer .layout{margin:0px; border-bottom:1px solid #ccc; padding:24px 2px; position:relative;}
.footer .lastbottom{padding:0px; background:transparent;}
.footer .copyright{line-height:40px; color:#666; font-size:12px; display:block; width:100%;padding:10px 0}
.footer .copyright span.copy{float:left;}
.footer .copyright .copy a{margin:0 10px;color:#777;}
.footer .copyright span.blacknum{color:#000; font-weight:bolder; font-family:Arial; padding:0px 1px; line-height:inherit;}
.footer .links{float:left; display:block; width:155px;}
.footer .links li h2{color:#000; font-size:14px; line-height:24px;height:24px; padding-bottom:8px;}
.footer .links li a{color:#666; line-height:24px;height:24px; display:block; background:url(dot1.gif) left top no-repeat scroll transparent; padding-left:8px;}
.footer .links li a:hover{color:#029cdb;}
.footer .weixin{position:absolute;right:0px;top:25px;}
.f_link{background:#f2f2f2;}
.f_link ul{width:960px;margin:0 auto;padding:10px 0 20px 0;border-top:1px solid #ccc;}
.f_link li{display:block; line-height:24px;float:left;padding-right:18px;height:24px;}
.f_link li a{color:#666}
/*下拉菜单*/
.dropmenu{display:none; width:883px;padding:25px 38px 25px 37px; padding-bottom:10px; background-color:#fff; position:absolute; left:0px; top:44px; z-index:1000; border:1px solid #d0d0d0; border-width:0px 1px 1px 1px; }
.menufillet_s,.menufillet_w,.menufillet_e,.menufillet_se,.menufillet_sw{position:absolute; zoom:1; display:block; overflow:hidden; background-attachment:scroll; background-color:transparent; z-index:1000; width:10px; height:10px;}
.menufillet_s{bottom: -11px;left:0px;width: 100%;background-image: url(navbox_bottom.png); _background:transparent; background-position: 0px 0px; height:10px;}
.menufillet_w{top:0px;left:-11px;height:100%;background-image: url(navbox_left.png); width:10px;}
.menufillet_e{top:0px;right:-11px;height:100%;background-image: url(navbox_left.png);background-position: -10px 0px; width:10px;}
.menufillet_se{bottom: -10px;right: -10px;background-image: url(navbox_b_l.png);background-position: -11px 0px; width:10px; height:10px;}
.menufillet_sw{bottom: -10px;left: -10px;background-image: url(navbox_b_l.png);background-position: -1px 0px; width:10px; height:10px;}
.menufillet_t {background:url(navbox_bottom.png) 0 top repeat-x;height:8px;position:absolute;width:958px;z-index:1500;top:0;left:0;}
.menucontentdiv{display:inline-block;}
.menucontentdiv dd.menupro{ width:220px; float:left; border-right:1px dotted #e5e5e5; margin-right:30px;}
.menucontentdiv dd.menupro h2{ display:block; font-size:14px; margin-bottom:10px;}
.menucontentdiv dd.menupro h2 a{ color:#0278b0;}
.menucontentdiv dd.menupro a.txt_1{ display:block; width:104px; padding-left:7px; background:url(dot1.gif) left top no-repeat; line-height:24px; color:#666;}
.menucontentdiv dd.menupro a.txt_2{ display:block; width:109px; padding-left:7px; background:url(dot1.gif) left top no-repeat; line-height:24px; color:#666;}
.menucontentdiv dd.menupro a.txt_3{ display:block; width:100%; padding-left:7px; background:url(dot1.gif) left top no-repeat; line-height:24px; color:#666;}
.menucontentdiv dd.menupro a.txt_4{ display:block; width:129px; padding-left:7px; background:url(dot1.gif) left top no-repeat; float:left; line-height:24px; color:#666;}
.menucontentdiv dd.menupro a:hover{ color:#0278b0;}
.menucontentdl{float:left; display:block; width:192px; overflow:hidden; margin:0px; padding:0px; margin-right:35px; vertical-align:top; }
.menucontentdl dt a{color: #0278B0;display: block; font-size: 14px; height:30px;line-height:30px;margin-bottom:5px}
.menucontentdl .img{display:block;height: 68px;width: 190px;background:none;padding-left:0;}
.menucontentdl dd a{ display:block;padding-left:7px; background:url(dot1.gif) left top no-repeat; line-height:24px; color:#666;}
.bottombar { width: 100%; line-height: 35px; margin-top: 10px; padding-top: 6px; border-top:1px solid #E5E5E5}
.bottombar a { background:url(dot1.gif) left top no-repeat; line-height: 24px; margin-top: 5px; padding-left: 8px; margin-left: 0px; margin-right: 30px; color: #333; text-decoration: none; font-size: 12px; float: left;display: block;}
.bottombar a:hover{color: #0278B0;text-decoration: underline;}
.menupro_bottombar{ width:100%; overflow:hidden; }
.menupro_bottombar dt{ display:block; font-size:14px; color:#0278b0; font-weight:bold;height:32px; line-height:32px; border-bottom:1px solid #e5e5e5; }
.menupro_bottombar dd{display:block;float:left; width:267px; border-right:1px dotted #e5e5e5; padding:15px 12px 15px 0;margin-right:12px;}
.menupro_bottombar dd.mr0{ margin-right:0px; padding-right:0; border:0;}
.menupro_bottombar dd img{ display:block; width:79px; height:79px; float:left;}
.menupro_bottombar dd p{ display:block; margin-left:10px; width:178px; float:left;}
.menupro_bottombar dd p a{ display:block; font-size:14px; line-height:22px; color:#0278b0;}
.menupro_bottombar dd p span{ color:#666; line-height:20px;}
/*内页banner区域*/
.banner{height:216px;width:100%;min-width:960px;}
.banner-1{background:url(banner-neiye.jpg) 50% 0px no-repeat ;}
.banner-7{background:url(banner-neiye.jpg) 50% 0px no-repeat ;}
.banner-12{background:url(banner-neiye.jpg) 50% 0px no-repeat ;}
.banner-13{background:url(banner-neiye.jpg) 50% 0px no-repeat ;}
.banner-18{background:url(banner-neiye.jpg) 50% 0px no-repeat ;}
.banner-19{background:url(banner-neiye.jpg) 50% 0px no-repeat ;}
.mainbody { width:960px; margin:0 auto;position:relative}
/*2栏布局左侧*/
.partLeft { width:215px!important; float:left; }
.partLeft .top { height:5px; font-size:0px; line-height:0px; background:url(left_tb.gif) no-repeat left top;}
.partLeft .title-1 { height:75px; background:url(about_title.png) no-repeat;}
.partLeft .title-7 { height:75px; background:url(product_title.png) no-repeat;}
.partLeft .title-13 { height:75px; background:url(support_title.png) no-repeat;}
.partLeft .center { padding:0px 5px 20px 5px; background:url(left_c_bg.gif) repeat-y;}
.partLeft .menu {margin-bottom:30px; position:relative;}
.partLeft .menu ul .a1{ position:absolute;top:64px; left:110px;}
.partLeft .menu ul .a1 a{ width:80px; float:left; font-size:14px; color:#404040}
.partLeft .menu li a {display:block; height:33px; line-height:33px; border-bottom:1px solid #eee;color:#404040;font-size:14px;padding-left:25px;}
.partLeft .menu li.m{background:#f9f9f9;}
.partLeft .menu li a:hover{text-decoration:none;}
.partLeft .menu li.current a {color:#fff;background:url(left_menu_bg.gif) no-repeat left -33px;}
.partLeft .menu .submenu {display:none;}
.partLeft .menu .submenu dd a{display:block; height:33px; line-height:33px;padding-left:43px;font-size:12px;color:#404040;background:url(dot1.gif) 33px 5px no-repeat #fff;border-bottom:1px solid #eee;}
.partLeft .menu .submenu dd a:hover{color:#f87c3e;text-decoration:none;}
.partLeft .menu .submenu .cur a{background:url(dot2.gif) 30px 7px no-repeat #fff}
.partLeft .menu .submenu .cur a{color:#f87c3e}
.partLeft .contact { text-align:center;}
.partLeft .bottom { height:5px; font-size:0px; line-height:0px; background:url(left_tb.gif) no-repeat left -5px;}
/*2栏布局右侧*/
.partRight { width:726px; float:right; padding:15px 0 0 0;overflow:hidden;position: relative;}
.partRight .search{top:20px;}
/*主区域通用*/
.position { height:50px; line-height:50px; border-bottom:#e0e0e0 solid 1px;color:#959595;position:relative;}
.position .home { display:inline-block; background:url(home_ico.gif) no-repeat left center; padding-left:23px;color:#555;}
.position a{color:#959595!important;}
.search{width: 215px; height: 27px; padding: 3px 0 0 5px; background-position: 0px -150px;position:absolute;background: url(search_bg.png);top:10px;right:0px;}
.search input { float: left; width: 170px; height: 21px; line-height: 21px; border: 1px solid white; color: #777; font-size: 12px; -moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; outline-color: -moz-use-text-color; outline-style: none; outline-width: medium; }
.search .so { float: left; width: 34px; height: 24px; margin-left: 6px; border: none; cursor: pointer; background-image: url(search_bg.png);background-position: -183px -3px;background-repeat: no-repeat;}
.search .soHover { float: left; width: 34px; height: 24px; margin-left: 6px; border: none; cursor: pointer; background-image: url(search_bg.png);background-position: -183px -33px;background-repeat: no-repeat; }
.typename { height:31px; line-height:31px; padding-left:10px; font-size:14px; font-weight:bold; color:#595959!important; background:url(right_title.gif) repeat-x; position:relative; overflow:hidden;margin:20px 0;}
.content {min-height:400px}
.alone{margin-top:-5px;}
.part1{font-size:12px;line-height:26px;color:#848484;letter-spacing: 1px;}
.content a{color:#0099e0;}
/*筛选器*/
.filter{ background:#F9F9F9; padding: 8px 17px 4px 17px;margin:20px 0 0px 0;}
.filter a{ display:inline-block; height:18px; line-height:18px; padding:0px 12px; margin-right:5px;margin-bottom:5px; background:#F9F9F9;}
.filter a:link,.filter a:visited{ color:#aeaeae;}
.filter a:hover{ color:#fff;text-decoration:none;}
.filter a.cur,.filter a.cur:visited,.filter a.cur:hover{background:#029cdb; color:#fff;text-decoration:none;}
.filter .type{ vertical-align: top;width: 50px; }
/*案例中心*/
.caseList { width:100%;}
.caseList .item { width:480px;height:128px;padding:25px 0;background:#fff; background: url(dotline.gif) repeat-x bottom;float:left;}
.caseList .item .imgbox { width:223px; height:118px; float:left; display:block;background:#fff;padding:5px;position: relative;overflow: hidden;}
.caseList .item .imgbox img { width:221px; height:116px;border:1px solid #ccc;background:url(loading.gif) center center no-repeat}
.caseList .item .imgbox .imginfo { width: 223px; height: 35px; position: absolute; top: 130px; left: 5px; background-color: #979797;}
.caseList .item .imgbox .imginfo a{margin-left:5px;line-height:35px;color:#fff;font-size:14px;}
.caseList .item .info { float:right;width:225px;display:block;padding-top:5px;padding-right: 15px;}
.caseList .item span {display:block;color:#ccc;}
.caseList .item .title{color:#666;line-height:18px;margin-bottom:5px;font-weight:bold}
.caseList .item .url{color:#ccc;margin-bottom:12px}
.caseList .item .type{color:#666;margin-bottom:4px}
.caseList .item .des { color:#666;margin-bottom:12px}
.caseList .item .more{font-size:0px;line-height:0px;height:9px;width:63px;display:block;background:url(case_more.png);text-indent:-9999px}
.caseList .item a.more:hover{background:url(case_more.png) 0 -9px no-repeat;}
.caseslider{ margin:0 auto; position:relative; width:960px; height:600px; background:#e6e6e6; overflow:hidden; margin-bottom:15px;padding:15px 0;}
.caseslider .hd{z-index:1; height:40px;line-height:40px;width:100%; overflow:hidden; position:absolute; left:0;bottom:0px; }
.caseslider .hd ul{ text-align:center;}
.caseslider .hd ul li { cursor: pointer; display: inline-block; zoom: 1; width: 10px; height: 10px; margin: 5px; overflow: hidden; *display:inline;line-height: 9999px;background:#fff;-webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.caseslider .hd ul li.on{ background:#0099E0; }
.caseslider .bd li img{ width:760px; height:560px; display:block; background:url(loading.gif) center center no-repeat; margin:0 auto; }
.caseslider .prev,.caseslider .next { display:block; position:absolute; z-index:1; top:50%; margin-top:-30px; left:0px; z-index:1; width:40px; height:60px; background:url(slider-arrow.png) -126px -137px #000 no-repeat; cursor:pointer; filter:alpha(opacity=50); opacity:0.5; display:block }
.caseslider .next { left:auto; right:0px; background-position:-6px -137px; }
.caseinfo{padding-bottom:30px}
.casebody {width:615px;border-right:1px solid #ccc;min-height:400px;padding-right:25px;font-size:12px;line-height:26px!important;color:#848484;letter-spacing: 1px;margin-bottom:26px;}
.casebody h3 {margin-bottom: 20px; padding-top: 12px; color: #3F3F3F; font-size: 16px;display:block;line-height:20px;height:20px;}
.casebody p{font-size:12px;line-height:26px!important;color:#848484;letter-spacing: 1px;margin-bottom:26px;}
.casebody .link {padding:15px 0;height:30px;}
.casebody .link a{color:#848484;}
.casebody .neighbour{border-top:1px solid #E0E0E0;color:#848484;height:70px;padding-top:10px;}
.casebody .neighbour a{color:#666;}
.caseside {width:300px;height:400px}
.caseside h2{color: #3F3F3F;font-size: 24px;padding-bottom: 20px;line-height:24px;}
.caseside p{color: #3F3F3F;line-height: 18px;letter-spacing: 1px;margin: 12px 30px 12px 0px;}
/*分页*/
.pager { width:100%; color:#333; line-height:30px; padding:25px 2px; text-align:center; font-size:12px; text-align:center}
.pager li{ display:inline; }
.pager a { border: #cccccc 1px solid; padding:0px 8px; color: #000000; text-decoration: none; margin-right:4px; font-size:12px; height:26px;line-height:26px;display:inline-block;}
.pager a:hover { border: #ccc 1px solid; color: #fff; background-color: #0099E0; text-decoration: none; }
.pager a:active { color: #fff; border: #ccc 1px solid; background-color: #0099E0; text-decoration: none; }
.pager .thisclass a { font-weight: bold; color: #fff; background-color: #0099E0; }
.pager span.disabled { border-right: #eee 1px solid; padding-right: 5px; border-top: #eee 1px solid; padding-left: 5px; padding-bottom: 2px; margin: 2px; border-left: #eee 1px solid; color: #ddd; padding-top: 2px; border-bottom: #eee 1px solid }
/*模版中心*/
.moban .loading{background:url(loading.gif) center center no-repeat;height:400px}
.moban .tips {font-size:14px;margin-top:-17px}
.moban .pager{padding-top: 0;margin-top: -20px;}
.moban-left {width:770px;float:left;padding-top:30px;}
.moban-right{float: right;width: 188px;height:680px;border-left:1px solid #ccc;background: url(moban_fenleibg.png) repeat-y -204px 0;}
.moban-list { width:100%;background:url(moban_listbg.jpg) 0 -40px repeat-y;margin-left:-7px;overflow: hidden;}
.moban-list .item { width:158px;margin: 0px 0px 67px 30px;float:left;}
.moban-list .item .imgbox { width:150px; height:100px; display:block;background:#D6DAE3;padding:4px;position: relative;overflow: hidden;}
.moban-list .item .imgbox img { width:150px; height:100px;}
.moban-list .item .imgbox .imginfo { width: 150px; height: 30px; position: absolute; top: 130px; left: 4px; background-color: #0099E0;}
.moban-list .item .imgbox .imginfo a{margin-left:5px;line-height:30px;color:#fff;font-size:12px;}
.moban-list .more{line-height:21px;height:21px;display:block;background:url(moban_more.gif) no-repeat right -21px;color:#737373;padding-left:10px;margin-top:5px;}
.moban-list a.more:hover,.moban-list .hover .more{background:url(moban_more.gif) right 0px no-repeat;color:#0278B0}
.moban-fenlei{height:580px;overflow-y:scroll;overflow-x:hidden;margin-top:10px;margin-left: -16px;padding-left:16px}
.moban-fenlei li{height:33px;line-height:33px;background: url(moban_fenleibg.png) repeat-y -204px 0;padding-left:20px;border-bottom:1px solid #fff;}
.moban-fenlei li a{color:#0278B0}
.moban-fenlei li.current{background: url(moban_fenleibg.png) repeat-y 0px 0;height:32px;line-height:32px;margin-left:-17px;padding-left: 37px;}
.moban-fenlei li.current a{color:#fff;font-size:14px;}
/*常见问题*/
.question-list{padding-top:15px;}
.question-list li{height:35px;line-height:35px;border-bottom:1px dotted #cbcbcb;background:url(dot1.gif) 14px 6px no-repeat;padding-left: 25px;}
.question-list li span{float:right;padding-right:10px;color:#959595;}
.question-list li a{color:#404040;}
.question-list li a:hover{color:#0099E0;text-decoration:none;}
.question-body{color:#3F3F3F;padding-bottom:50px}
.question-body .title{font-size:24px;text-align:center;height:40px;line-height:40px;display:block;margin-top:20px;}
.question-body .info{text-align:center;border-bottom:1px solid #ccc;height:32px;line-height:28px;color:#AEAEAE;}
.question-body .info span{margin-right:24px}
.question-body .info a{color:#AEAEAE;}
.question-body .detail{padding-top:18px;font-size:12px;line-height:2em!important;color:#848484;margin-bottom:26px;min-height:200px}
.question-body .detail p{margin-bottom:12px;}
.question-body .neighbour{color:#848484;line-height:20px;height:20px;margin-bottom:30px;border-top:1px solid #ccc;padding-top:10px;}
.question-body .neighbour a{color:#666;}
.question-body .links{padding-bottom:30px}
.question-body .links h3{font-size:16px;margin-bottom:10px}
.question-body .links li{height:26px;line-height:26px;display:block;float:left;width:355px;background:url(dot1.gif) 0px 1px no-repeat;padding-left:10px;}
/*新闻中心*/
.news-list{padding-top:15px;}
.news-list li{height:35px;line-height:35px;border-bottom:1px dotted #cbcbcb;background:url(dot1.gif) 14px 6px no-repeat;padding-left: 25px;}
.news-list li span{float:right;padding-right:10px;color:#959595;}
.news-list li a{color:#404040;}
.news-list li a:hover{color:#0099E0;text-decoration:none;}
.news-body{color:#3F3F3F;padding-bottom:50px}
.news-body .title{font-size:24px;text-align:center;height:40px;line-height:40px;display:block;margin-top:20px;}
.news-body .info{text-align:center;border-bottom:1px solid #ccc;height:32px;line-height:28px;color:#AEAEAE;}
.news-body .info span{margin-right:24px}
.news-body .info a{color:#AEAEAE;}
.news-body .detail{padding-top:18px;font-size:12px;line-height:2em!important;color:#848484;min-height:200px;margin-bottom:26px;}
.news-body .detail p{margin-bottom:12px;}
.news-body .neighbour{color:#848484;line-height:20px;height:20px;margin-bottom:30px;padding-top:10px;border-top:1px solid #ccc}
.news-body .neighbour a{color:#666;}
.news-body .links{padding-bottom:30px}
.news-body .links h3{font-size:16px;margin-bottom:10px}
.news-body .links li{height:26px;line-height:26px;display:block;float:left;width:355px;background:url(dot1.gif) 0px 1px no-repeat;padding-left:10px;}
/*blog*/
.blog{background: url(blog_bg.png) 751px 0 repeat-y;}
.blog .position{background:#fff;height:55px;line-height:55px;}
.blog-left {width:720px;float:left;padding:20px 0 30px 0;}
.blog-list #bdshare{margin-top:-6px}
.blog-list span.bds_more {background: none!important;padding-left:0px!important}
.blog-list a:hover{color:#0099E0;}
.blog-list .item{padding: 0 0 20px 0; margin-bottom: 20px; background: url(blog_item_line.png) center bottom no-repeat;}
.blog-list .title {position: relative;color:#777;}
.blog-list .title p{padding:6px 0}
.blog-list .title p a { color: #333; text-decoration: underline;}
.blog-list .title a.up { width: 37px; height: 35px; padding-top: 3px; color: white; font-size: 14px; font-weight: bold; text-align: center; font-family: Georgia; overflow: hidden; background-position: 0px 0px; position: absolute; top: 0px; right: 0px;background-image: url(blog_icon.png);
background-repeat: no-repeat;}
.blog-list h2 a{font-size: 24px;color:#666;}
.blog-list .imgbox{height:255px;display:block;margin-top:8px}
.blog-list .imgbox img{height:255px;width:720px;background:url(loading.gif) center center no-repeat}
.blog-list .item-text {text-indent:2em;padding: 17px 0px; color:#666; font-size: 14px; line-height: 24px; overflow: hidden; background: url(blog_item_bg.png) left top repeat-x; }
.blog-list .item-toolbar li { float: left; padding: 0 10px 2px 20px; display: block; font-size: 12px; color: #777; background-image: url(blog_icon.png); background-repeat: no-repeat; }
.blog-list .item-toolbar li.browse { background-position: -206px 2px; }
.blog-list .item-toolbar li.like { background-position: -206px -21px; }
.blog-list .item-toolbar li.share {background:none; width:250px}
.blog-list .item-toolbar .more {float: right; margin-right: 5px; font-size: 14px; font-weight: bold;text-decoration: underline;color: #0099E0;}
.blog-right{float: right;width: 208px;}
.blog-fenlei{margin:10px 0 20px 0;}
.blog-fenlei li{height:33px;line-height:33px;padding-left:20px;border-bottom:1px solid #fff;position:relative;}
.blog-fenlei li a{color:#0278B0;font-size:14px}
.blog-fenlei li.current{background:#0099E0;}
.blog-fenlei li.current a{color:#fff;}
.blog-fenlei li.current i{width:0px; height:0px; border:16px solid; border-color:transparent #0099E0 transparent transparent;border-style:dashed solid dashed dashed;position:absolute;left:-32px;top:0}
.blog-views #bdshare{margin-top:-6px}
.blog-views .pager{padding-top:0}
.blog-views span.bds_more {background: none!important;padding-left:0px!important}
.blog-views .item{padding: 0 0 20px 0; margin-bottom: 10px; background: url(blog_item_line.png) center bottom no-repeat;}
.blog-views .title {position: relative;color:#777;}
.blog-views .title p{padding:6px 0}
.blog-views .title p a { color: #333; text-decoration: underline;}
.blog-views .title a.up { width: 37px; height: 35px; padding-top: 3px; color: white; font-size: 14px; font-weight: bold; text-align: center; font-family: Georgia; overflow: hidden; background-position: 0px 0px; position: absolute; top: 0px; right: 0px;background-image: url(blog_icon.png);
background-repeat: no-repeat;}
.blog-views h2{font-size: 24px;color:#666;}
.blog-views .imgbox{height:255px;display:block;margin-top:8px}
.blog-views .item-text {padding: 17px 0px; color:#666; font-size: 14px; line-height: 2em!important; overflow: hidden; background: url(blog_item_bg.png) left top repeat-x;font-family:Arial,"宋体"}
.blog-views .item-text p{padding-bottom:14px;}
.blog-views .item-text h3{font-size:16px;font-weight:bold;margin-bottom:14px;}
.blog-views .item-text h2{font-size:20px;font-weight:bold;margin-bottom:14px;}
.blog-views .item-text h1{font-size:24px;font-weight:bold;margin-bottom:14px;}
.blog-views .item-text a{color:#0099E0;}
.blog-views .item-toolbar li { float: right; padding: 0 0px 2px 20px; display: block; font-size: 12px; color: #777; background-image: url(blog_icon.png); background-repeat: no-repeat; }
.blog-views .item-toolbar li.browse { background-position: -206px 2px; }
.blog-views .item-toolbar li.like { background-position: -206px -21px; }
.blog-views .item-toolbar li.share {background:none; width:220px}
.blog-views .neighbour{font-size:14px;color:#333;height:50px}
.blog-views .neighbour a{font-size:14px;color:#333;text-decoration: underline;}
/*联系我们*/
.contact{background: url(blog_bg.png) 751px 0 repeat-y;}
.contact .position{background:#fff;height:55px;line-height:55px}
.contact-left {width:720px;float:left;}
.contact-right{float: right;width: 208px;}
.contact-fenlei{margin:10px 0 20px 0;}
.contact-fenlei li{height:33px;line-height:33px;padding-left:20px;border-bottom:1px solid #fff;position:relative;}
.contact-fenlei li a{color:#0278B0;font-size:14px}
.contact-fenlei li.current{background:#0099E0;}
.contact-fenlei li.current a{color:#fff;}
.contact-fenlei li.current i{width:0px; height:0px; border:16px solid; border-color:transparent #0099E0 transparent transparent;border-style:dashed solid dashed dashed;position:absolute;left:-32px;top:0;}
/*switch组件*/
.switch-content{width:726px;padding-top:20px;font-size:12px;line-height:26px;color:#333;letter-spacing: 1px;}
.switch-content h2 { font-size: 24px; color: #666; }
.switch-content .introduce { padding:15px 0;text-indent:2em;}
.switch-content .switch-nav { height:39px;}
.switch-content .switch-tab {width:726px;border-bottom: 1px solid #C9C9C9;background-color: white; z-index: 2;padding-top: 4px;height:34px;}
.switch-content .switch-tab li { float: left; margin-right: 5px; text-align: center;display:inline;_margin-bottom:-1px;z-index:3;}
.switch-content .switch-tab li a { line-height: 33px; height: 33px; border-right: 1px solid #C9C9C9; border-top: 1px solid #C9C9C9;border-left: 1px solid #C9C9C9;padding: 0 20px; color: #666; font-size: 14px;display:inline-block;letter-spacing: 0px;}
.switch-content .switch-tab li a:hover{background-color: #EFEFEF;text-decoration:none;}
.switch-content .switch-tab li.active a { border-top:2px solid #f87c3e; background-color: white; border-right: 1px solid #C9C9C9;border-left: 1px solid #C9C9C9; font-weight: bold;height:33px; _font-weight: normal; _margin-bottom:-1px;_position:relative;_z-index:3}
.switch-content .switch-tab li.active a:hover{background-color:white;}
.switch-content .fixed{position: fixed; top:0px;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop-350));}
.switch-content .tab-content{padding-top:15px;}
.switch-content .tab-content img{max-width:100%}
.switch-content .tab-content .tab-panel { padding: 0 15px 15px; margin-bottom:40px; border: 1px solid #F3F3F3; -webkit-box-shadow: #EEE 0px 3px 6px; -moz-box-shadow: #eee 0px 3px 6px; box-shadow: #EEE 0px 3px 6px; border-top: none; }
.switch-content .tab-content .tab-panel h2 { height: 40px; line-height: 40px; background-color: #F6F6F6; font-size: 16px; margin-left: -16px; margin-right: -16px; padding-left: 10px; border-left: 5px solid #f87c3e; }
.switch-content .tab-content .tab-panel h3 { margin-top: 10px; line-height: 26px; font-size: 16px; border-bottom: 1px solid #EFEFEF; margin-bottom:10px}
.switch-content .tab-content .tab-panel h3 span { display: -moz-inline-stack; display: inline-block; vertical-align: middle; zoom: 1; margin-bottom: -1px; border-bottom: 2px solid #666; color: #333; }
.switch-content .info-list { margin-top: 10px; list-style: none outside none; }
.switch-content .info-list li { line-height: 24px; }
.switch-content .dot li { background: url(dot2.gif) 0 4px no-repeat;padding-left:14px}
.switch-content .dot dd { background: url(dot2.gif) 0 4px no-repeat;}
.switch-content .col1 { overflow: hidden; margin-top: 20px; letter-spacing: 0px;}
.switch-content .col1 dl { float: left; width: 100%; margin-right: 0; }
.switch-content .col1 dl dt { border-bottom: 1px solid #E7E7E7; font-size: 14px; ; margin-bottom: 5px; line-height: 30px; }
.switch-content .col1 dl dd { line-height: 28px; padding-left: 13px;}
.switch-content .col1 dl.more { width: 100%; margin-right: 0; }
.switch-content .col1 dl dt.more a { float: right; font-weight: normal; }
.switch-content .col2 { overflow: hidden; margin-top: 20px; letter-spacing: 0px;}
.switch-content .col2 dl { float: left; width: 47%; margin-right: 3%; }
.switch-content .col2 dl dt { border-bottom: 1px solid #E7E7E7; font-size: 14px; margin-bottom: 5px; line-height: 30px; }
.switch-content .col2 dl dd { line-height: 28px; padding-left: 13px;}
.switch-content .col2 dl.more { width: 50%; margin-right: 0; }
.switch-content .col2 dl dt.more a { float: right; font-weight: normal; }
.switch-content .col3 { overflow: hidden; margin-top: 20px; letter-spacing: 0px;}
.switch-content .col3 dl { float: left; width: 28%; margin-right: 3%; }
.switch-content .col3 dl dt { border-bottom: 1px solid #E7E7E7; font-size: 14px; ; margin-bottom: 5px; line-height: 30px; }
.switch-content .col3 dl dd { line-height: 28px; padding-left: 13px;}
.switch-content .col3 dl.more { width: 38%; margin-right: 0; }
.switch-content .col3 dl dt.more a { float: right; font-weight: normal; }
/*产品中心 icon集合*/
.product-icon{height:46px;width:46px;display: -moz-inline-stack; display: inline-block; vertical-align: middle; zoom: 1; background-image: url(icon1.png); margin-right:15px}
.icon-970{background-position: 0 0px;}/*定制网站*/
.icon-976{background-position: 0 -138px;}/*门户网站*/
.icon-977{background-position: 0 -230px;}/*手机网站*/
.icon-975{background-position: 0 -184px;}/*独立商城*/
.icon-974{background-position: 0 -138px;}/*政府网站*/
.icon-973{background-position: 0 -276px;}/*经济网站*/
.icon-972{background-position: 0 -46px;}/*标准网站*/
.icon-971{background-position: 0 -92px;}/*商务网站*/
.icon-982{background-position: 0 -276px;}/*外包电商*/
.icon-981{background-position: 0 -184px;}/*阿里*/
.icon-980{background-position: 0 -184px;}/*京东*/
.icon-979{background-position: 0 -184px;}/*天猫*/
.icon-978{background-position: 0 -184px;}/*淘宝*/
.icon-985{background-position: 0 -368px;}/*物联*/
.icon-984{background-position: 0 -276px;}/*PHP*/
.icon-983{background-position: 0 -92px;}/*定制开发*/
.icon-988{background-position: 0 -506px;}/*服务器维护*/
.icon-987{background-position: 0 -414px;}/*内容维护*/
.icon-986{background-position: 0 -552px;}/*系统维护*/
.icon-990{background-position: 0 -460px;}/*家电*/
.icon-1{background-position: 0 -368px;}/*沟通*/
.icon-2{background-position: 0 -414px;}/*设计*/
.icon-3{background-position: 0 -460px;}/*前端*/
.icon-4{background-position: 0 -552px;}/*程序*/
.icon-5{background-position: 0 -506px;}/*运维*/
.good-icon{height:27px;width:33px;display: -moz-inline-stack; display: inline-block; vertical-align: middle; zoom: 1; background-image: url(icon2.png); background-position: -5px -137px;}/*大拇指*/
.icon-wenhao{height:27px;width:33px;display: -moz-inline-stack; display: inline-block; vertical-align: middle; zoom: 1; background-image: url(icon2.png); background-position: 0px -11px;}/*问号*/
.process-icon{height:19px;width:130px;display: -moz-inline-stack; display: inline-block; vertical-align: middle; zoom: 1; background-image: url(icon2.png); }
.process1{background-position: 0 -172px;}/*进度条1*/
.process2{background-position: 0 -199px;}/*进度条2*/
.process3{background-position: 0 -226px;}/*进度条3*/
.process4{background-position: 0 -253px;}/*进度条4*/
.product-service {padding-top:20px;width:630px;margin:0 auto;}
.product-service .product-icon{float:left;margin-top:2px}
.product-service p{float:right;width:560px;padding-bottom:30px}
.product-service span{margin-right:60px}
.product-reason{padding-top:20px;width:650px;}
.product-reason .good-icon{float:left;margin-top:2px}
.product-reason p{float:right;width:600px;padding-bottom:30px}
.product_list{padding:0px 0 50px 0;line-height:24px}
.product_list .jieshao{padding:0 30px 20px 30px}
.product_list li{float:left;width:275px;height:320px;margin:20px 35px;position:relative;}
.product_list i{height:54px;width:54px;position:absolute;top:0;left:0;background:url(product_list.png) 1px 0 no-repeat;font-style:normal;line-height:50px;color:#fff;font-size:36px;text-align:center;font-family:"Verdana"}
.product_list li a{display:block;}
.product_list li .title{padding-left:60px;height:54px;line-height:54px;color:#666;font-size:22px;letter-spacing: 0px;}
.product_list li .img{margin-top:10px}
.product_list li img{width:275px;height:170px;background:url(loading.gif) center center no-repeat}
.product_list li .more{margin-top:10px;color:#f87c3e}
.reason-box .reason-title1{background:url(icon2.png) 0 -44px no-repeat;padding-left:60px;border-bottom:1px solid #ddd;height:28px;display:block;line-height:28px;font-size:14px;color:#0ea1e5;font-weight:bold}
.reason-box .reason-title2{background:url(icon2.png) 0 -73px no-repeat;padding-left:60px;border-bottom:1px solid #ddd;height:28px;display:block;line-height:28px;font-size:14px;color:#0ea1e5;font-weight:bold}
.reason-box .reason-title3{background:url(icon2.png) 0 -102px no-repeat;padding-left:60px;border-bottom:1px solid #ddd;height:28px;display:block;line-height:28px;font-size:14px;color:#0ea1e5;font-weight:bold}
.reason-box .reason-div{background:#fafafa;padding:10px 20px 20px 20px;width:660px;margin:0 auto 30px auto;}
.reason-box .product-service{padding-top:10px}
.onlineqq{ position:fixed; left:-174px; z-index:9999;height:352px;top:139px;
_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+139));}
.onlineqq_btn{ float:left;margin-top:65px;width:27px; height:88px;display:block; background-image:url(qq/btn.png); background-repeat:no-repeat;background-position:-11px -105px;}
.onlineqq_btn_off{background-position:-11px -6px;}
.onlineqq_box{float:left;width:173px;overflow:hidden;border-top:1px solid #ff9c6a;border-right:1px solid #ff9c6a; border-bottom:1px solid #ff9c6a; border-radius:0 5px 5px 0; border-left:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#CCFFFFFF', endColorstr='#CCFFFFFF');background:rgba(255,255,255,0.8);position:relative;z-index:99999;zoom:1}
.onlineqq_title{ margin:1px 1px 0 0; background:url(qq/title.png) repeat-x; border-radius:0 5px 0 0; padding-left:15px; position:relative;}
.onlineqq_title em{ color:#fff; line-height:32px; height:32px; display:block;}
.onlineqq_title .img{ position:absolute; right:0; top:4px; cursor:pointer; width:25px; height:25px; -webkit-transition:all 0.8s ease-out;}
.onlineqq_title .img:hover{ -webkit-transform:scale(1) rotate(360deg);}
.onlineqq_list{padding:0 7px 7px 7px;}
.onlineqq_list dt{ color:#f0580c; margin-top:5px; height:27px; line-height:27px; font-weight:400; padding-left:9px; border-bottom:1px solid #d6d6d6; margin-bottom:5px; font-size:14px;display:block}
.onlineqq_list dd {display:block;height:22px;line-height:22px;margin-bottom:8px;overflow:hidden;padding-left:9px;}
.onlineqq_list dd span{float:left;display:block;width:65px;}
.onlineqq_tel{margin-left:10px}
.back2top{position:fixed;z-index:1000;width:36px;height:65px;display:block;background:url(backtop.png) 0 0 no-repeat;left:50%;margin-left:500px;bottom:50px;_position:absolute;_top:expression((document.compatMode && document.compatMode=='CSS1Compat' ? documentElement.scrollTop+(documentElement.clientHeight - this.clientHeight):document.body.scrollTop+(document.body.clientHeight - this.clientHeight))-4);}
.back2top:hover{background:url(backtop.png) 0 -65px no-repeat;}
.shwoproxx {
padding-left: 35px;
padding-top: 15px;
}
.shwoproxx dt {
float: left;
width: 294px;
margin-right: 20px;
}
.shwoproxx .p1 {
background: url('../images/proxx_03.jpg') no-repeat scroll left top transparent;
height: 5px;
width: 294px;
overflow: hidden;
}
.shwoproxx .p2 {
background: url('../images/proxx_06.jpg') repeat-y scroll left top transparent;
width: 294px;
overflow: hidden;
}
.shwoproxx dt img {
height: 207px;
width: 280px;
padding-left: 1px;
padding-right: 5px;
}
.shwoproxx .p3 {
background: url('../images/proxx_15.jpg') no-repeat scroll left top transparent;
height: 6px;
width: 294px;
overflow: hidden;
}
.shwoproxx dd {
width: 336px;
float: left;
}
.shwoproxx dd span {
color: #1A1A1A;
font-weight: bold;
display: block;
margin-top: 18px;
margin-bottom: 2px;
}
.shwoproxx dd p {
color: #1A1A1A;
line-height: 23px;
}
.shwoproxx dd p.more {
margin-top: 20px;
}
.newsandpro {
background: url('../images/indexpic_17.jpg') no-repeat scroll center 67px transparent;
overflow: hidden;
}
.newsandpro .npinner {
width: 980px;
margin: 0px auto;
}
.npinner .news {
width: 543px;
float: right;
margin-top: 34px;
}
.titleallin span {
float: left;
line-height: 20px;
}
.tch {
color: #E60012;
font-family: "Microsoft YaHei";
font-size: 16px;
font-weight: bold;
}
.ten {
margin-left: 10px;
line-height: 18px;
margin-top: 2px;
}
.titleallin a {
float: right;
color: #B2B2B2;
font-size: 14px;
font-family: Arial,Helvetica,sans-serif;
}
.del_float {
clear: both;
line-height: 0;
height: 0px;
font-size: 0px;
}
.npinner .news .newsinner {
margin-top: 44px;
}
.npinner .news dl {
overflow: hidden;
display: block;
margin-top: 20px;
text-align:left;
}
.npinner .news dt {
float: left;
overflow: hidden;
background: url('../images/indexpic_69.jpg') repeat scroll 0% 0% transparent;
height: 47px;
width: 82px;
text-align: center;
vertical-align: middle;
padding-top: 8px;
margin-right: 23px;
}
.npinner .news dt strong {
font-family: "Microsoft YaHei";
font-size: 16px;
}
.npinner .news dt p {
color: #666;
height: 15px;
line-height: 15px;
}
.npinner .news dd a {
font-weight: bold;
color: #4C4C4C;
}
.npinner .news dd p {
color: #4C4C4C;
width:520px;
}
.npinner .pros {
margin-top: 34px;
float: left;
width:375px;
}
#testc img { /*width:179px; height:86px; display:block; float:left;*/}
#testc span{ float:left; width:185px; text-align:left; text-indent:2em; margin-left:5px; }
#testc p{ text-align:left;}