/*reset.css*/
@charset "utf-8";
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
input,select{vertical-align:middle;}
body{font:12px/1.231 arial,helvetica,clean,sans-serif;}
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%; border-collapse:collapse;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
.txtboxcs{ border:solid 1px #ccc; height:22px;}

/*title*/
h1 { font-size:32px;}
h2 { font-size:26px;}
h3 { font-size:20px;}
h4 { font-size:14px;}
h5 { font-size:12px;}
h6 { font-size:10px;}

/* -- 外边距 -- */
.mt10 { margin-top:10px;}

/* -- 弹出窗口 -- */
#mesbook1_c, #mesbook1{display:none;z-index:1001;width:398px;border:1px solid #ccc;background:#fff; padding-bottom:20px;}
#mesbook1_c div, #mesbook1 div{ border:1px solid #E4E3E3; background:#EBECEB;height:18px; padding:4px .5em 0; margin-bottom:10px;}
#mesbook1_c dl.b1, #mesbook1 dl.b1 { width:370px; margin:0 auto;}
#mesbook1_c dl.b1 dt, #mesbook1 dl.b1 dt { float:left; width:105px; overflow:hidden; }
#mesbook1_c dl.b1 dd, #mesbook1 dl.b1 dd { width:265px; float:right;}
#mesbook1_c #mesbook1_cBtns, #mesbook1 #mesbook1Btns{padding-bottom:10px;}
#mesbook1_c #mesbook1_cBtns input, #mesbook1 #mesbook1Btns input {margin-right:20px;}
#nodata { padding:80px; padding-left:150px; border:solid 1px #eee;margin:10px 0; background:url(nodata.gif) no-repeat 20px 20px;}
/* -- 外边距 -- */
.m1 { margin:1px; }
.m2 { margin:2px; }
.m5 { margin:5px; }
.m10 { margin:10px; }
.mt2 { margin-top:2px;}
.mt5 { margin-top:5px;}
.mt8 { margin-top:8px;}
.mt10 { margin-top:10px;}
.mt12 { margin-top:12px;}
.mt15 { margin-top:15px;}
.mt20 { margin-top:20px;}
.mt30 { margin-top:30px;}
.mr5 { margin-right:5px;}
.mr10 { margin-right:10px;}
.mr12 { margin-right:12px;}
.ml5 { margin-left:5px; }
.ml7 { margin-left:7px; }
.mb10 { margin-bottom:10px;}
.ml12 { margin-left:12px; }
.ml10 { margin-left:10px; }
.ml20 { margin-left:20px; }

/*加盟商在线下单*/
.userorder{ width:700px;}
.userorder tr{height:25px;}
.userorder tr span{color:#f00;padding-left:4px;}

.stf  { border:1px solid #ccc;  padding-left:140px ; padding-top:10px; padding-bottom:20px}
.stf span{ color:#000; font-size:14px; line-height:30px ; font-weight:bold}
.stf dd{ line-height:24px ;   font-size:14px }
.stf p{ line-height:24px ;   font-size:14px }
/*处理中动画占全屏*/
#oran_div_processing{width:300px;padding:20px;z-index:9999;text-align:center;background:#fffeef;border:solid 1px #b8ab04;}
.nor_tab { width:100%; border:solid 1px #ccc; margin-bottom:10px;}
.nor_tab th { font-weight:bold; text-align:center; background:#f9f9f9;border:solid 1px #ccc; padding:6px 0;}
.nor_tab td { padding:5px; border:solid 1px #ccc;}
ul.t05_ul table { *margin-left:-15px;}/*滚动板IE补丁*/
.left_pro { width:201px; float:right; overflow:hidden;margin-left:5px;}
.right_pro { width:754px; float:left; display:inline;  overflow:hidden;}
.left_prj { width:201px; float:right; overflow:hidden;margin-left:5px;}
.right_prj{ width:754px; float:left; display:inline;  overflow:hidden;}
.left_agent { width:201px; float:right; overflow:hidden;margin-left:5px;}
.right_agent { width:754px; float:left; display:inline;  overflow:hidden;}
.left_help { width:201px; float:right; overflow:hidden;margin-left:5px;}
.right_help { width:754px; float:left; display:inline;  overflow:hidden;}

.b15 {background: url(SkinsVIBtn.jpg) no-repeat; border:0; cursor: pointer; overflow:hidden; }
.b15 { background-position:-79px -650px; width:60px; height:24px; line-height:24px; color:#fff; font-size:14px; font-weight:bold; }

#flashs{ position:relative; height:451px; overflow:hidden; clear:both;}
#flashs .bgitem{  z-index:1;position:absolute; top:0; }

#flashs .btn{ position:absolute; z-index:7; bottom:5px;  padding:5px 6px; left:190px;}
#flashs .btn span{width:13px;height:13px; cursor:pointer; text-indent:-99999px;overflow:hidden;display:block;float:left;background:#898989;border:1px solid #fff;margin-right:3px;}
#flashs .btn span.cur{ background:#de4027; color:#fff;}

.bdshare-slide-button,.bdshare-slide-button-box{z-index:99;}

.ImTable *{padding:0px;margin:0px}
.ImTable{border-collapse:collapse;border:none;background:url(/UserControls/im/kefu/bg.gif)}
.ImTable h2{font-size:14px;font-weight:bold;margin-top:5px}
.ImHeader{height:165px;background:url(/UserControls/im/kefu/im_01.gif)}
.ImRow0{background:url(/UserControls/im/kefu/ico_item1.gif) no-repeat;margin:10px 10px 0;height:24px;padding-left:3px;padding-top:4px; }
.ImRow1{background:url(/UserControls/im/kefu/ico_item1.gif) no-repeat;margin:10px 10px 0;height:24px;padding-left:3px;padding-top:4px;}
a.im,a:hover.im{text-decoration:none;height:35px;color:#fff; font-size:12px;}
.ImFooter{height:90px;background:url(/UserControls/im/kefu/im_04.gif) no-repeat; display:inline-block; width:150px;font-family:Arial,Helvetica,sans-serif;}
.ImFooter h5{font-size:14px;font-weight:normal; color:#8f9396;text-align:center;margin:15px 0 0;font-family:'宋体';}
.ImFooter p{font-size:20px;font-weight:bold;  color:#ff993b;text-align:center;margin:10px 0;}



#roll_top, #fall, #ct
{
	position: relative;
	cursor: pointer;
	height: 72px;
	width: 26px;
}
#roll_top
{
	background: url(top.gif) no-repeat;
}
#fall
{
	background: url(top.gif) no-repeat 0 -80px;
}
#ct
{
	background: url(top.gif) no-repeat 0 -40px;
}
#roll
{
	display: block;
	width: 15px;
	margin-right: -500px;
	position: fixed;
	right: 50%;
	top: 60%;
	_margin-right: -505px;
	_position: absolute;
	_margin-top: 300px;
	_top: expression(eval(document.documentElement.scrollTop));
}


#slideshow_wrapper {POSITION: relative;PADDING-BOTTOM: 0px;PADDING-LEFT: 0px;WIDTH: 960px;PADDING-RIGHT: 0px;HEIGHT: 351px;OVERFLOW: hidden;PADDING-TOP: 0px}
#slideshow_footbar { right:45%; Z-INDEX: 5;POSITION: absolute;WIDTH: 100%;BOTTOM: 0px;HEIGHT: 30px}
#slideshow_photo {POSITION: absolute;WIDTH: 100%;HEIGHT: 100%;CURSOR: pointer}
#slideshow_photo A {Z-INDEX: 1;BORDER-BOTTOM: 0px;POSITION: absolute;BORDER-LEFT: 0px;MARGIN: 0px;DISPLAY: block;BORDER-TOP: 0px;TOP: 0px;BORDER-RIGHT: 0px;LEFT: 0px}
#slideshow_footbar .slideshow-bt { background-color: #FFFFFF;border: 1px solid #DC0000;color: #FA6916;cursor: pointer;float: right;font-family: Arial;font-size: 12px;height: 16px;line-height: 16px;margin: 2px 1px;overflow: hidden;text-align: center;width: 16px;}
#slideshow_footbar .bt-on { background-color: #DC0000;color: #fff;line-height: 18px;width: 18px;height: 18px;font-size: 12px;margin: 2px 1px;border: 0px; }

 /*common.css*/ 
@charset "utf-8";
html{color:#000;background:#FFF; }
body { color:#666;font:12px/1.231 arial,helvetica,clean,sans-serif,"Microsoft YaHei";} /*网站字体颜色*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0; font-family:"Microsoft YaHei";}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;} 
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
input,select{vertical-align:middle;}
body{font:12px/1.231 arial,helvetica,clean,sans-serif;}
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%; border-collapse:collapse;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/*title*/
h1 { font-size:32px;}
h2 { font-size:26px;}
h3 { font-size:20px;}
h4 { font-size:14px;}
h5 { font-size:12px;}
h6 { font-size:10px;}

.mt10{ margin-top:10px;}

a { color:#666; text-decoration:none; font-family:"Microsoft YaHei";}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
a:hover { text-decoration: none; font-family:"Microsoft YaHei";}
.vam { vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ word-spacing:-1.5px; font-family:"Microsoft YaHei";}
.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}
i,em { font-style:normal;}
/* -- 购物车外部框架 -- */
.cart_header , .cart_content , .cart_footer { width:760px; margin:0 auto;}



/* -- 页面整体布局 -- */
.header , .content , .footer { width:960px; margin:0 auto;}
.left { width:201px; float:left; overflow:hidden;}
.left2 { width:670px; float:left; overflow:hidden;}
.left3 { width:754px; float:left; overflow:hidden; color:#666;}


.h_nav li a:-webkit-any-link{ display:block;}

/*头部开始*/
.t_bg { background:url(t_bg.gif) repeat-x center 0; height:214px;}

.h_top3 { height:33px; line-height:33px; overflow:hidden;}
.h_top3 i{ float:left;}
.h_top3 span { float: right;}
.h_top3 span a { padding:0 5px; font-family:"宋体";}
.h_top3 span img { margin-bottom:-4px;}


.h_nav { height:50px; line-height:50px; }
.h_nav ul li { float:left; background:url(n_bor.jpg) no-repeat right center; display:inline}
.h_nav ul .nobor01 { background:none;}
.h_nav ul li a { display:inline-block; padding:0 25px; color:#fff; font-size:14px;}
.h_nav ul li a:hover,.h_nav ul .cur a {  background:url(n_libg.gif) repeat-x; color:#fff; }

/*头部结束*/

/*底部开始*/
.f_bg { background:#8d0422; height:348px; margin-top:15px;}

.f_nav { text-align:center; border-bottom:dashed 1px #9c3c4b; height:106px; line-height:106px; color:#fff; font-size:14px;}
.f_nav a { color:#fff; padding:0 10px; font-size:14px;}

.f_img { float:left; padding:58px 90px 0 26px;}
.f_p { color:#fff; line-height:30px; padding:20px 0 0;}
.f_p p a { color:#fff;}
.f_p p em { padding:0 20px;}
.f_p p img { padding:0 0 0 10px; float:none;}
.f_img02 { padding:40px 40px 0 0;}
.f_img02 img { margin-left:10px;}

/*底部结束*/

/*index.css*/
@charset "utf-8";
/* CSS Document */

/*common*/
body { font-family:"Microsoft YaHei";}
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}
span { overflow:hidden;}/*兼容IE8*/

/*正文开始*/
.banner3 { background:none; height:461px; display:block}
.ban { width:100%; margin:0 auto; z-index:99;}
.ban01 { top:191px; left:10%;}
.ban02 { top:191px; right:10%;}

/*以下后果*/
.hg_bg { background:url(hg_bg.gif) no-repeat center 0; height:657px; margin-top:35px;}
.hg01 { width:302px;}
.hg01 h3 { font-size:20px; color:#333; text-align:center; padding-top:18px; height:164px;}
.hg01 h3 b { font-size:28px; color:#8d0422;}
.hg01 h3 em { font-weight:normal; font-size:12px; color:#999; text-transform:uppercase; display:block;}
.hg01 p { padding:0 0 51px 68px;}
.hg01 p span { display:block; font-size:16px; color:#fff;}
.hg01 p b { display:block; font-size:16px; color:#f0ff03; padding-top:5px;}

.hg02 { width:545px; padding-left:110px;}
.hg02 h3 { height:140px;}
.hg02 span { display:block; padding-left:76px; height:111px;}
.hg02 span i { display:block; float:left;}
.hg02 span i img { width:171px; height:81px;}
.hg02 span em { width:230px; display:block; float:left; padding:18px 0 0 40px; line-height:22px; font-size:16px; color:#333}
.hg02 span em b {} 

/**/
.ys_top { background:url(ys_top.jpg) no-repeat center 0; height:228px;}
.ys { background:url(ys_bg.jpg) no-repeat center 0; height:1336px;}
.ys dl { padding:100px 0 0 540px;}
.ys dl dt b { display:block; font-size:30px; color:#070707}
.ys dl dt span { display:block; font-size:26px; color:#070707;}
.ys dl dt em { display:block; font-size:12px; color:#070707;}
.ys dl dd { padding-top:20px;}
.ys dl dd p { width:315px; height:35px; line-height:35px; border-bottom:solid 1px #e4dcdc; font-size:15px; color:#070707; background:url(ys_ico.gif) no-repeat 0 13px; padding-left:20px;}
.ys dl dd p em { font-weight:bold; color:#8d0422;}
.ys dl dd i { display:block; margin-top:20px;}
.ys .ys_dl01 dd{padding-top:10px;}
.ys .ys_dl01 dd i{margin-top:10px;}
.ys .ys_dl02 { padding:30px 0 0;}
.ys .ys_dl02 dd p { width:415px;}
.ys .ys_dl03 { padding-top:140px;}
.ys .ys_dl03 dd p { width:415px;}

/*广告*/
.pic { background:url(pic01.jpg) no-repeat center 0; height:209px;}
.pic_bg { width:960px; margin:0 auto;}
.pic_bg p { top:58px; left:745px; position:absolute; font-size:20px; color:#333;}
.pic_bg p b { display:block; color:#333; font-size:30px; font-style:italic; width:220px; display:inline-block;}
.pic01 { background:url(pic02.jpg) no-repeat center 0; height:200px;}

/*案例*/
.al { padding-top:50px; }
.al_top { text-align:center; height:100px;}
.al_top b { display:block; padding-bottom:5px;}
.al_top b a { font-size:30px; color:#000}
.al_top b a em { font-size:36px; color:#8d0422;}
.al_top span { display:block; font-size:12px; text-transform:uppercase; color:#666; background:url(al_xx.gif) no-repeat 0 7px;}
.al_nav ul li { float:left; margin-right:3px;}

.al_nav ul .nobor01 { margin:0;}
.al_nav ul li a { width:156px; height:43px; line-height:43px; background:#818080; font-size:16px; color:#fff; display:block; text-align:center; overflow:hidden;}
.al_nav ul li a:hover,.al_nav ul .cur a { background:url(al_libg.gif) no-repeat;}
.al_nav ul .al_li01 a { width:165px;}

.al_con { width:934px; border:solid 1px #cdcccc; margin-top:15px; padding:29px 0 30px 24px;}
.al_con dl dt { float:left; padding-right:19px; padding-left:35px;}
.al_con dl dt img { width:352px; height:198px; border: solid 1px #f3f2f2}

.al_con dl dd{width:430px; line-height:25px;height:206px; text-align:left; overflow:hidden; padding-left:10px; font-size:14px;}
.al_con dl dd h3{ line-height:26px; height:26px; overflow:hidden;}
.al_con dl dd h3 a{ color:#880105; font-size:18px;}
 

/*完美施工*/
.wm { padding-top:60px;}
.wm_nav { padding-left:70px;}
.wm_nav ul li { float:left; padding-left:55px;}
.wm_nav ul li a { background:url(sg_libg01.gif) no-repeat; width:101px; height:117px; text-align:center; display:block}
.wm_nav ul li a em { display:block; padding-top:30px; font-size:16px; color:#999}
.wm_nav ul li a span { display:block; font-size:16px; color:#fff; padding-top:10px;}
.wm_nav ul li a:hover,.wm_nav ul .cur a { background:url(sg_libg02.gif) no-repeat; }

.wm_con { padding:10px 0 56px;}
.hz01 { padding:123px 13px 0 0;}
.hz03 { padding:123px 0 0 13px;}
.hz02 ul li { float:left; padding:0 14px; display:inline; position:relative;}
.hz02 ul li img { width:801px; height:360px;}
.hz02 ul li span { position:absolute; background: url(al_spbg.png) repeat; width:793px; height:62px; line-height:62px; display:block; overflow:hidden; top:295px; left:18px;}
.hz02 ul li span a { color:#fff; font-size:14px; padding-left:10px;}

/*所有系统*/
.sy_bg { background:url(sy_bg.jpg) no-repeat center 0; height:500px;}
.sy { padding-top:60px; display:inline-block}
.sy dl { float:left; height:193px; overflow:hidden; font-size:0; line-height:0;}
.sy dl dt { float:left; width:240px; height:193px; background:#f7f6f6;}
.sy dl dt b { display:block; font-size:20px; color:#333; padding:52px 0 5px; text-align:center;}
.sy dl dt span { display:block; width:210px; margin:0 auto; line-height:24px; color:#666; font-size:13px; padding-top:10px;}
.sy dl dd { float:left; width:240px; height:193px;}
.sy dl dd img { width:240px; height:193px;}

/*所有系统*/
.xc { padding-top:55px;}
.xc01,.xc03 { padding:143px 0 0;}


.xc02 { width:881px; height:393px; margin:0 auto;}
.xc02 ul{width:520px; height:342px; margin:0 auto; position: relative;}
.xc02 ul li { width:506px; height:336px; border:3px solid #ececec;}
.xc02 ul li a{display:block;}
.xc02 ul li a img{ width:100%}
.xc02 ul li span{ display:block; text-align:center; width:100%; height:40px; line-height:40px; position:absolute; left:0; bottom:0;background :#333; filter:alpha(opacity=60) ; -moz-opacity: 0.6; -khtml-opacity: 0.6; opacity: 0.6;}
.xc02 ul li span a{ font-size:14px; color:#fff;}




/*荣誉资质*/
.zz_bg { background: url(zz_bg.jpg) no-repeat center 0;}
.zz01 { width:570px;}
.zz01 h3 { height:53px; line-height:53px; text-align:center; padding-bottom:70px;}
.zz01 h3 a { font-size:20px; color:#fff;}
.kc01,.kc03 { padding:58px 38px 0}
.kc02{ width:317px;}
.kc02 ul{margin:0 auto;}
.kc02 ul li { float:left; width:204px; margin-top:30px;}
.kc02 ul li img { width:204px; height:139px;}
.kc02 ul li span { display:block; height:35px; line-height:35px; overflow:hidden; text-align:center;}
.kc02 ul li span a { color:#151515; font-size:14px;}

/*在线咨询*/
.lx { width:390px;}
.lx h3 { padding-bottom:40px;}
.lx p { text-align:center;}

.lx_con ul { padding:30px 0 0 40px;}
.lx_con ul li { height:36px;}
.lx_con ul li img { float:left; padding:0 10px;}
.sbt { width:60px; display:block; float:left; padding-top:3px; }
.sinp01{ background:#ccc; width:212px; padding:0 5px; height:24px; line-height:24px; border:none; float:left}
.sinp02 { background:#ccc; width:66px; padding:0 5px; height:24px; line-height:24px; border:none; float:left}
.sbz { color:#db262d; padding:6px 0 0 3px; float:left; display:block;}
.area { width:162px; height:114px; padding:2px; overflow:auto; border:none;}
.lx_con ul .h66 { height:125px;}
.sx { padding-top:5px;}
.sx a { text-decoration:underline; padding-top:3px;}

/*网络布线常见问题*/
.wd { width:958px; border:solid 1px #ccc; margin-top:75px;}
.wd h3 { height:43px; line-height:43px; border-bottom:solid 1px #ccc;}
.wd h3 a { font-size:16px; color:#333; padding-left:32px;}

.wd_con dl { padding:40px 0 0 18px; border-right: solid 1px #e5e5e5; width:299px; height:170px; float:left}
.wd_con .nobor { border-right:none;}
.wd_con dl dt { background: url(wd_w.gif) no-repeat left 6px; height:30px; line-height:30px; padding-left:30px; overflow:hidden; margin-bottom:10px;}
.wd_con dl dt a { color:#333; font-size:13px;}
.wd_con dd { background:url(wd_d.gif) no-repeat left 4px; width:250px;  line-height:30px; padding-left:30px; color:#333; font-size:13px;}

/*友情链接*/
.yq { padding-top:55px;}
.yq_top { height:45px;}
.yq_top span { float:right; display:block; padding-top:15px;}
.yq_top span a { color:#131313;}
.yq_top h3 { padding-left:428px;}
.yq_top h3 em { font-size:26px; color:#8d0422; text-transform:uppercase;}
.yq_top h3 a { font-size:14px; color:#8d0422; padding-left:5px;}
.yq p { line-height:30px; text-align:center;}
.yq p a { font-size:13px; color:#131313; padding:0 30px;}