@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,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin: 0;padding: 0;border:0; font-family:"微软雅黑";font-size: 100%;vertical-align: baseline;}
legend,table,caption,tbody,tfoot,thead,tr,th,td {margin: 0;padding: 0;font: inherit;font-size: 100%;vertical-align: baseline;}
html {line-height: 1;}
ol,ul {list-style: none;}
caption,th,td {text-align: left;font-weight: normal;vertical-align: middle;}
q,blockquote {quotes: none;}
q:before,q:after,blockquote:before,blockquote:after {content: "";content: none;}
a{text-decoration:none; color:#666}
a:hover{ color:#333}
a img {border: none;}
.clear{ clear:both}
.f_l {float: left;}
.f_r{ float:right;}
.m20{}
.bg{ background:#f5f5f5}
.font_s14 {font-size: 18px;}
#header{margin:0 auto; overflow:hidden; height:100px;}
#logo{float:left; width:440px; margin-top:15px;}
#logo a{ display:block;background:url(logo.png) no-repeat; width:440px; height:70px}
#logo a h1{display:none}
#tel{float:right; line-height:20px; padding-top:30px; text-align:right; color:#555; font-size:12px}
#tel i{ font-size:16px; font-weight:600; color:#d23131; font-style:normal}
.navbar{ background:#0c4d93; margin-bottom:0; border:none; border-radius:0; width:100%; height:50px;}
.navbar-nav{ width:1000px; margin:0 auto; position:relative}
.navbar-nav li{ float:left; width:120px; height:50px; line-height:50px;}
.navbar-nav li a{ display:block; width:120px; line-height:50px; height:50px; text-align:center; color:#FFFFFF; font-weight:bold}
.navbar-nav li a:hover{ display:block; width:120px; line-height:50px; background:#d23131; height:50px; text-align:center; color:#FFFFFF}

/*-------- 下拉菜单 --------------*/
.dropMenu {
	position:absolute; z-index:999;
	top: 0;
	z-index:100;
	width: 120px;
	visibility: hidden;
/*  	filter: progid:DXImageTransform.Microsoft.Shadow(color=#000, direction=135, strength=4);
*/	margin-top: -1px;
	margin-left:0px;
	background-color: #d23131;
	padding-top:0px;
	padding-bottom:1px;
	filter: Alpha(Opacity=85);
}

.dropMenu li {
	height:40px; line-height:40px; font-size:12px; text-align:left; text-indent:10px;
}
.dropMenu li a {
	width: 100%;
	display: block;
	text-align:left; text-indent:10px;
	color:#fff;
}
.dropMenu+li a{
border-top:none;
}
* html .dropMenu a {
	width: 100%;
	color:#6CA7C7;
}
.dropMenu a:hover {
	color:#666; background:#fff;
}

.form-control{ width:170px; line-height:20px; height:20px; padding:5px 0px;border-radius:5px 0px 0px 5px; text-indent:10px; margin-top:10px; border:none;}
.btn-default{ width:40px;line-height:30px; height:30px;border-radius:0px 5px 5px 0px; border:none;border-left:1px solid #d9d9d9; margin-left:0px; position:absolute; margin-top:10px; overflow:hidden; text-indent:100px; cursor:pointer; background:#fff url(so.png) no-repeat center center;}


#full-screen-slider { width:100%; height:240px; float:left; position:relative}
#slides { display:block; width:100%; height:240px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute; left:50%; top:210px; z-index:9900;  padding:5px 15px 5px 0; margin:0}
#pagination li { display:block; list-style:none; width:10px; height:10px; float:left; margin-left:15px; border-radius:5px; background:#FFF }
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:#0092CE}

.clear{ clear:both}
.mainbox{ width:1000px; margin:0 auto; clear:both; padding-bottom:10px; padding-top:10px;}

.mbox{ width:325px; height:180px; float:left; border:1px solid #e4e4e4;border-radius:5px 5px 0px 0px; margin-left:8px; margin-bottom:10px;overflow:hidden}
.mbox img.tpp{ width:160px; height:90px; float:left; margin-top:20px; margin-left:0px;}

ul.arclist{ width:160px; margin:0 auto;margin-top:10px; float:left; color:#666; height:auto;overflow:hidden}
ul.arclist li{ width:100%; font-size:12px; line-height:22px; height:22px; background:url(dian.jpg) no-repeat left 8px; text-indent:15px; overflow:hidden;clear:both;}
ul.arclist li a{ float:left; font-family: "Microsoft YaHei" ! important;  font-size:12px; color:#666; }
ul.arclist li a:hover{ color:#ff0101}
ul.arclist li span{ float:right; margin-right:0px; color:#939393;}

.title{ width:100%; height:35px; line-height:35px; margin:0 auto; background:#e4e4e4 url(../images/tt.png) no-repeat 10px 5px;font-family: "Microsoft YaHei" ! important; font-size:14px;  text-align:center; text-indent:40px; }
.title b{ color:#222;line-height:35px; overflow:hidden; font-weight:900; font-size:14px; height:35px;float:left}
.title span{ color:#222; font-size:12px; float:right;line-height:35px; height:45px;}
.title a{ float:left;color:#222;height:35px; line-height:35px; text-align:center; font-size:12px; margin-right:10px;}


#links{padding:20px 0; clear:both; background:url(footermod-bg.png) center top no-repeat #666; margin-top:0px; width:100%; overflow:hidden}
.container{ margin:0 auto; width:1000px;}
#links dl{}
#links dl#wx,#links dl#wb{ border-right:none; text-align:center}
#links dt{margin-bottom:10px; font-size:18px; font-weight:700; color:#fff}
#links dd{line-height:25px; font-size:14px; font-weight:400; color:#fff}

#links dl#contact dd{ line-height:35px; float:left}

#links dd#ioc_add{ background:url(ioc.png) left top no-repeat; padding-left:40px; width:340px;}
#links dd#ioc_tel{ background:url(ioc.png) left -35px no-repeat; padding-left:40px;}

#links dd#ioc_mail{ background:url(ioc.png) left -70px no-repeat; padding-left:40px;}
#links dd#ioc_fox{ background:url(ioc.png) left bottom no-repeat; padding-left:40px;width:340px;}
#links dd#ioc_lenovo{ background:url(ioc_lenovo.png) left center no-repeat; padding-left:70px;}
#links dd#ioc_hp{ background:url(ioc_hp.png) left center no-repeat; padding-left:28px;}
#links dd#ioc_dell{ background:url(ioc_dell.png) left center no-repeat; padding-left:40px;}
#links dd a{ line-height:35px; display:block; background:url(http://www.huarongtech.com/images/dot.jpg) left 15px no-repeat; padding-left:15px; color:#fff}
#links span.glyphicon{ margin-right:10px}
#allmap{ background:url(map_footer.png) center center no-repeat; width:316px; height:160px;}
#footer{ text-align:center; line-height:24px; padding-top:15px}
#links td{line-height:27px; padding:5px 0; color:#fff}
.footersearch {height: 27px; width:300px; overflow: hidden;}
.footersearch form {}
.footersearch .textinput {height:27px; line-height: 27px; padding: 0 5px;width: 130px; border: none; background: url(bg_search_form.png) no-repeat left center; color: #fff; font-family: "微软雅黑"; float:left}
.footersearch .submitbtn {height:27px; width:42px; border: none; background: url(bg_search_form.png) no-repeat right center; cursor: pointer;}
.footersearch .submitbtn:hover {background: url(bg_search_form_cur.png) no-repeat right center;}


#about{ background:url(bg1.jpg) top center no-repeat #efefef}
#product{background:url(bg2.jpg) top center no-repeat #efefef}
#case{background:url(bg3.jpg) top center no-repeat #efefef}
#zhineng{background:url(bg4.jpg) top center no-repeat #efefef}
/*简介*/
.about_banner{width:100%; height:258px; margin:0 auto; background:#cce8fe; background:url(../images/banner2.jpg) no-repeat center top;}
.main2{ width:100%; margin:0 auto; clear:both; height:auto; overflow:hidden;}

.list_body{ width:1000px; margin:0 auto; clear:both; height:auto; overflow:hidden;margin-top:150px;}

.postion{width:100%; margin:0 auto; text-indent:25px; background:#ffffff url(../images/ico.png) 10px 13px no-repeat; clear:both; height:35px; line-height:35px;color:#565656;}
.postion a{color:#565656;}

.list_left{ float:left; width:235px; height:auto; overflow:hidden; margin-top:10px;}
.list_right{ width:750px; min-height:373px; border-top:4px solid #0c4d93; background:#ffffff; float:right;overflow:hidden;margin-top:10px;}

ul.title3{ height:40px; margin-top:0px; text-align:center; line-height:40px; background:#0c4d93; width:100%;font-family: "Microsoft YaHei" ! important; }
ul.title3 b{ color:#FFFFFF; line-height:40px; overflow:hidden; font-size:15px; height:40px; font-weight:bold;}

.type_center { width:100%; border-top:none;font-family: "Microsoft YaHei" ! important; }
.type_center li{ height:40px; line-height:40px; text-align:center; width:100%; margin:0 auto; font-size:12px; margin-top:1px; color:#030303;}
.type_center li a{ height:40px;line-height:40px; display:block; width:100%; font-size:14px; text-align:center;color:#565656;background:#dadada ;}
.type_center li a:hover{ height:40px; line-height:40px; width:100%; display:block; font-size:14px; color:#FFFFFF;background:#575757 url(../images/ico2.png) no-repeat 160px 13px; text-decoration:none; color:#FFFFFF}
.type_center li a:hover img{ border:1px solid #ffffff;}
.type_center li a.hover{ height:40px; line-height:40px; width:100%; display:block; font-size:14px; color:#FFFFFF;background:#575757 url(../images/ico2.png) no-repeat 160px 13px;}

.cbdoy{ width:98%; margin:0 auto; margin-top:10px; margin-bottom:20px; line-height:26px; font-size:12px; color:#818080}

.cbdoy p{ text-align:left}

.p15{ padding:25px; text-align:left; line-height:35px; font-size:14px;}
.mt20{ margin-top:15px; line-height:25px; font-size:14px;}

.textbox{ width:100%; margin:0 auto; margin-top:10px; height:auto; overflow:hidden; line-height:23px; text-align: left; text-indent:0px;}
.textbox a{ color:#575757}
.source{ line-height:30px; height:30px;width:700px; color:#575757; background:#f9f9f9; margin-top:15px; text-align:center; margin:0 auto}
.r_center{ width:100%;height:auto;  margin:0 auto; overflow:hidden; padding-bottom:20px;}
.tt3{ height:35px; line-height:40px; text-indent:50px; background:url(../images/ico3.png) no-repeat 20px 10px; color:#0c4d93; font-weight:bold; font-size:16px;font-family: "Microsoft YaHei" ! important;}

.list_c{ width:690px; height:auto; margin:0 auto; margin-top:10px; margin-bottom:10px;}
.list_c li{ height:30px; line-height:30px; width:690px; margin-left:0px; background:url(../images/ico4.jpg) no-repeat 0px 12px; border-bottom:1px dotted #d9d9d9}
.list_c li a{ text-indent:0px; margin-left:15px;*margin-left:0px;_margin-left:0px;font-size:14px; color:#818080; height:30px; line-height:30px; float:left;}
.list_c li span{ float:right;font-size:12px; margin-right:0px; color:#818080}


.list_p{ width:620px; height:auto; margin:0 auto; margin-top:20px; margin-bottom:20px; overflow:hidden}
.list_p li{ width:220px; margin-top:11px; float:left; margin-left:10px;margin-right:5px;}
.list_p li a{ color:#818080}
.list_p li .prob{ width:220px; height:169px; border:1px solid #C4C4C4; background:#ffffff}
.list_p li .prob img{ width:220px; height:169px;}
.list_p li p{ width:100%; line-height:30px; overflow:hidden; font-size:14px; text-align:center; height:30px;}

.pics2{padding-top:10px; overflow:hidden; margin-left:10px;}
.pics2 li{position:relative; float:left; width:230px; height:230px; margin:10px 0px 0px 10px;}
.pics2 li img{display:block; width:230px; height:230px;}
.pics2 li p{position:absolute; left:0; bottom:0; background:#000;opacity:0.7; filter:alpha(opacity=70); width:230px; height:30px; font-size:12px; line-height:30px; color:#fff; text-align:center; overflow:hidden;}
.pics2 li p a{ color:#FFFFFF}

.dede_pages{width:710px; margin:0 auto; display:block; list-style:none; font-size:12px; margin-top:15px; margin-bottom:20px; clear:both}
.dede_pages  li{
	float:left;
	font-family:Tahoma;
	line-height:22px;
	padding:7px 4px 7px;
	margin-right:6px;
	background:#FFFFFF;
	border:1px solid #ccc;
}
.dede_pages li a{
	float:left;
	padding:0px 9px 0px;
	color:#0c4d93;
	display:block;
	
}
.dede_pages li a:hover{
	text-decoration:none;
	padding:8px 13px 7px 13px;_padding:8px 17px 7px 17px;
	margin:-8px -4px -7px -4px;
	background:#0c4d93;
	color:#FFFFFF
}
.dede_pages li.thisclass a:hover{
	text-decoration:none;
	padding:8px 13px 7px 13px;
	background:#0c4d93;
	color:#FFFFFF
}
.dede_pages li.thisclass{
padding:8px 8px 6px 8px;background:#0c4d93;color:#FFFFFF
}
.dede_pages li.thisclass a,.pagebox ul li.thisclass a:hover{
	font-weight:bold;
	background:#0c4d93;
	color:#FFFFFF
}
.dede_pages .pageinfo{
	line-height:17px;
	padding:12px 10px 12px 16px;
	color:#ccc;
}
.dede_pages .pageinfo strong{
	color:#ccc;
	font-weight:normal;
	margin:0px 2px;
}

.coolbg{width:100px; margin-left:143px; height:30px; line-height:30px; border:1px solid #d9d9d9; background:#439816; color:#FFFFFF}
.coolbg2{width:100px; margin-left:50px; height:30px; line-height:30px; border:1px solid #d9d9d9; background:#439816; color:#FFFFFF}
.right{ float:right; width:752px; overflow:hidden}

.desc{ width:700px; margin:0 auto; margin-top:10px; clear:both}
.desc dl{clear:both; padding:0px; margin-top:0px; overflow:hidden;}
.desc dl dt{ width:100%; height:35px; line-height:35px;border-bottom:2px solid #0c4d93; text-indent:20px; font-size:14px; text-align:left; color:#fff;}
.desc dl dt a{ display:block; float:left; width:100px; height:35px; line-height:35px; color:#333; background:#e4e4e4;}
.desc dl dt a.hover{ display:block; float:left; width:100px; height:35px; line-height:35px; color:#fff; background:#0c4d93;}
.desc dl dd{width:680px; padding:10px; margin:0 auto; margin-top:15px; margin-bottom:15px; line-height:28px; font-size:14px;}


.show{ display:block}
.hide{ display:none}

dl,dt,dd{display:block;margin:0;}
a{text-decoration:none;}
.leftsidebar_box{width:100%;height:auto !important;overflow:visible !important;height:100% !important;background-color:#3992d0;}
.line{height:2px;width:100%;background-image:url(images/line_bg.png);background-repeat:repeat-x;}
.leftsidebar_box dt{padding-left:40px;padding-right:10px;background-repeat:no-repeat;background-position:10px center;color:#f5f5f5;font-size:14px;position:relative;line-height:48px;cursor:pointer; font-weight:bold}
.leftsidebar_box dd{background-color:#317eb4;padding-left:40px;}
.leftsidebar_box dd.first_dd{background-color:#317eb4;padding-left:40px; border-top:1px dotted #d9d9d9;}
.leftsidebar_box dd a{color:#f5f5f5;line-height:25px; font-size:12px;}
.leftsidebar_box dt img{position:absolute;right:10px;top:20px;}

.leftsidebar_box dl dd:last-child{padding-bottom:10px;}