@charset "utf-8";
/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}
span { overflow:hidden;}/*兼容IE8*/
/*正文开始*/
.banner a { background:url(../images/banner.jpg) no-repeat center 0; height:500px; display:block}
/*上海消防工程施工壹级企业 */
.zj_top { padding:66px 0 40px; text-align:center;}
.zj_top a { display:block; font-size:32px; color:#333; font-weight:bold;}
.zj_top a em { color:#205dba;}
.zj_top span { display:block; text-transform:uppercase; color:#999; font-family:Arial; padding-top:10px;}
.zj_con { height:410px;}
.zj_con dl dt { float:left; width:540px;}
.zj_con dl dd { float:left; width:620px; padding-left:40px;}
.zj_con dl dd b a { font-size:24px; color:#333; display:block; text-align:center; line-height:40px; margin-bottom:20px;}
.zj_con dl dd b a em { color:#205dba;}
.zj_con dl dd p { background:#f2f2f2; padding:25px 25px 0 30px; height:145px; width:563px; line-height:25px; font-size:14px; color:#333;}
.zj_con dl dd span { display:block; padding:35px 0 0 67px;}
.zj_con dl dd span a { background:#007fea; width:110px; height:40px; line-height:40px; text-align:center; color:#fff; font-size:14px; display:block; float:left; margin-right:15px;}
.zj_con dl dd span a:hover,.zj_con dl dd span .cur { background: url(../images/fw_spbg.gif) repeat;}
/*上消服务范围*/
.fw_bg { background:url(../images/fw_bg.jpg) no-repeat center 0; height:620px;}
.fw_top { text-align:center; padding-top:60px;}
.fw_top a { font-size:32px; color:#333; font-weight:bold;}
.fw_top a em { color:#ed1b24;}
.fw_con { padding-top:40px;}
.fw_con dl { width:280px; float:left; background:#fff; border-top:solid 1px #cacaca; border-bottom:solid 3px #cacaca; height:388px; margin-right:26px;}
.fw_con .nobor01 { margin:0;}
.fw_con dl:hover { background: url(../images/fw_spbg.gif) repeat; border-top:solid 1px #205dba; border-bottom:solid 3px #205dba}
.fw_con dl dt { text-align:center; padding-top:11px;}
.fw_con dl dt img { width:260px; height:180px;}
.fw_con dl dd b { display:block; text-align:center; height:50px; line-height:50px;}
.fw_con dl dd b a { font-size:16px; color:#333;}
.fw_con dl dd p { color:#333; font-size:14px; width:240px; margin:0 auto; line-height:20px; height:85px;}
.fw_con dl dd i { display:block; width:120px; margin:0 auto;}
.fw_con dl dd i a { width:118px; height:28px; line-height:28px; border:solid 1px #333; font-size:14px; text-align:center; display:block; color:#333;}
.fw_con dl:hover b a { color:#fff;}
.fw_con dl:hover p { color:#fff;}
.fw_con dl:hover dd i a {  border:solid 1px #fff; color:#fff;}
/**/
.al_top { background:url(../images/al_xx.gif) no-repeat 0 25px; text-align:center; margin:65px 0 30px;}
.al_top a { font-size:32px; color:#333; font-weight:bold; display:block;}
.al_top a em { color:#ed1b24;}
.al_top span { font-family:Arial; text-transform:uppercase; padding-top:10px; display:block;}
.al_nav { height:40px; margin-bottom:44px;}
.al_nav ul { width:515px; border:solid 1px #eee; height:38px; margin:0 auto;}
.al_nav ul li { float:left; border-right:solid 1px #eee;}
.al_nav ul .nobor01 { border:none;}
.al_nav ul li a { color:#333; font-size:14px; width:128px; text-align:center; height:38px; line-height:38px; display:block;}
.al_nav ul li a:hover,.al_nav ul .cur a { background: url(../images/fw_spbg.gif) repeat; color:#fff;}
.al_nav1 { height:40px; margin-bottom:44px;}
.al_nav1 ul { width:1200px; border:solid 1px #eee; height:38px; margin:0 auto;}
.al_nav1 ul li { float:left; border-right:solid 1px #eee;}
.al_nav1 ul .nobor01 { border:none;}
.al_nav1 ul li a { color:#333; font-size:14px; width:150px; text-align:center; height:38px; line-height:38px; display:block;}
.al_nav1 ul li a:hover,.al_nav ul .cur a { background: url(../images/fw_spbg.gif) repeat; color:#fff;}
.al01 { width:202px;}
.al01 ul li { height:50px; margin-bottom:9px; _margin-bottom:5px; display: inline-block}
.al01 ul li a img { float:left;}
.al01 ul li a em { float:left; background:#eee; width:147px; height:50px; line-height:50px; text-align:center; font-size:14px; color:#333;}
.al01 ul li.cur a em { background:#e21a23; color:#fff;}
.al01 i { display:block;}
.al01 i a img { float:left;}
.al01 i a em { float:left; background:#eee; width:147px; height:50px; line-height:50px; text-align:center; font-size:14px; color:#333;}
.al02 { width:998px;}
.al02 dl dt { float:left; margin-left:20px; width:598px; background:#eee; height:520px; display:inline}
.al02 dl dt img { width:598px; height:415px;}
.al02 dl dt span { text-align:center; display:block; padding-top:20px;}
.al02 dl dt span b a { display:block; font-size:16px; color:#333; margin-bottom:10px;}  
.al02 dl dt span em { display:block; font-size:14px; color:#333; padding:0 20px; line-height:25px;}
.al02 dl dd { float:left; padding-left:20px; width:360px;}
.al02 dl dd img { width:360px; height:250px; margin-bottom:20px;}
/**/
.ys_bg { background:url(../images/ys_bg.jpg) no-repeat center 0; height:710px; margin-top:65px; _margin-top:35px;}
.ys_top { text-align:center; padding-top:60px;}
.ys_top a { display:block; font-size:32px; color:#fff; font-weight:bold;}
.ys_top em { font-family:Arial; font-size:12px; text-transform:uppercase; color:#a8a7a7; padding-top:10px; display:block}
.ys_con { margin-top:33px; height:380px;}
.ys_con ul li { float:left; width:255px; padding:0 60px 0 0;}
.ys_con ul li a { display:block; width:255px; text-align:center;}
.ys_con ul li a i { display:block; background: url(../images/ys_pic01.png) no-repeat; width:140px; height:140px; margin:0 auto;}
.ys_con ul li a:hover i,.ys_con ul .cur a i { background:url(../images/ys_pic02.png) no-repeat;}
.ys_con ul li a b { display:block; font-size:18px; padding:50px 0 15px; color:#fff;}
.ys_con ul li a em { display:block; color:#bdbbbb; line-height:25px; font-size:14px;}
.ys_con ul .ys_li02 a i { background:url(../images/ys_pic01.png) no-repeat -315px 0;}
.ys_con ul .ys_li02 a:hover i { background:url(../images/ys_pic02.png) no-repeat -315px 0;}
.ys_con ul .ys_li03 a i { background:url(../images/ys_pic01.png) no-repeat -630px 0;}
.ys_con ul .ys_li03 a:hover i { background:url(../images/ys_pic02.png) no-repeat -630px 0;}
.ys_con ul .ys_li04 { padding:0;}
.ys_con ul .ys_li04 a i { background:url(../images/ys_pic01.png) no-repeat -945px 0;}
.ys_con ul .ys_li04 a:hover i { background:url(../images/ys_pic02.png) no-repeat -945px 0;}
.ys_bot { text-align:center; color:#fff;}
.ys_bot em { display:block; font-size:14px;}
.ys_bot span { display:block; font-size:40px; color:#fff; padding:10px 0 35px; font-weight:bold;}
.ys_bot i a { width:108px; height:28px; line-height:28px; text-align:center; border:solid 1px #fff; margin:0 auto; display:block; color:#fff;}
/*上消技术专利及荣誉资质*/
.zz_top { padding-top:50px; text-align:center;} 
.zz_top a { font-size:32px; color:#333; font-weight:bold;}
.zz_top a em { color:#205dba}
.zz_top span { display:block; font-family:Arial; font-size:10px; text-transform:uppercase; color:#999; margin-top:8px;}
.zz_con { width:1198px; border:solid 1px #ccc; height:390px; position:relative; border-bottom:none; margin-top:30px; overflow:hidden;}
.zz01 { position:absolute; top:118px; left:0; width:26px;}
.zz03 { position:absolute; top:118px; right:0; width:26px;}
.zz01 a { background:url(../images/zz_le01.gif) no-repeat; width:26px; height:132px; display:block;}
.zz01 a:hover { background:url(../images/zz_le02.gif) no-repeat;}
.zz03 a { background:url(../images/zz_ri01.gif) no-repeat; width:26px; height:132px; display:block;}
.zz03 a:hover { background:url(../images/zz_ri02.gif) no-repeat;}
.zz02 { padding:60px 0 0 48px;}
.zz02 ul li { float:left; background:url(../images/zz_picbg.gif) no-repeat; width:260px; margin-right:18px;}
.zz02 ul .nobor01 { margin:0;}
.zz02 ul li img { width:206px; height:206px; padding:12px 0 0 27px;}
.zz02 ul li span { display:block; height:25px; line-height:25px; overflow:hidden; text-align:center; padding-top:40px;}
.zz02 ul li span a { color:#333; font-size:14px;}
.zz_bot { background:url(../images/zz_libg01.gif) repeat; height:50px; line-height:50px;}
.zz_bot ul li { float:left; width:50%; text-align:center;}
.zz_bot ul li a { font-size:18px; color:#fff;}
.zz_bot ul li a:hover,.zz_bot ul .cur a { background:url(../images/zz_libg02.gif) repeat; font-size:18px; color:#fff; display:block;}
/*捍卫工程质量*/
.zl_bg { background: url(../images/zl_bg01.jpg) no-repeat center 0; height:700px; margin-top:60px;}
.pz02 { width:1200px; height:399px; margin:0 auto;}
.pz02 ul{width:750px; height:399px; margin:0 auto; position: relative;}
.pz02 ul li { width:298px; height:358px;}
.pz02 ul li a{display:block; overflow:hidden;}
.pz02 ul li a img{ width:100%}
.pz02 ul li span{ display:block; text-align:center; width:100%; height:37px; line-height:37px;}
.pz02 ul li span a{ font-size:14px; color:#333;}
.zl_bot { background:url(../images/zl_xx.png) no-repeat; height:3px; margin-top:50px;}
/**/
.hz { padding-top:85px;}
.hz dl { background:url(../images/hz_bg.gif) no-repeat; height:385px;}
.hz dl dt { float:left; width:540px;}
.hz dl dd { float:left; width:600px; padding-left:50px;}
.hz dl dd p { padding:15px 0 60px 20px; line-height:30px; width:520px; font-size:15px; color:#333;}
.hz dl dd ul li { float:left; padding: 0 30px 30px 0;}
.hz dl dd ul li a img { width:163px; height:78px; border:solid 1px #ddd;}
.hz dl dd ul li a:hover img { border:solid 1px #e10000;}
/*广告*/
.pic01 { background:url(../images/pic01.jpg) no-repeat center 0; height:210px; margin-top:65px;}
.pic { width:1200px; margin: 0 auto;}
.pic01 p { position:absolute; top:70px; left:120px; text-align:center;}
.pic01 p span { display:block; font-size:30px; color:#fff; font-weight:bold; padding-bottom:20px;}
.pic01 p a { display:block;}
/**/
.jg_bg { background:url(../images/jg_bg.jpg) no-repeat center 0; height:775px;}
.jg_con { margin-top:56px; position:relative; height:605px;}
.jg_con em { display:block; position:absolute; font-size:16px; color:#fff;}
.jg_con .em01 { top:15px; left:98px; color:#333;}
.jg_con .em02 { top:15px; left:545px;}
.jg_con .em03 { top:15px; left:1035px; color:#333;}
.jg_con .em04 { top:115px; left:575px; color:#333;}
.jg_con .em05 { top:215px; left:160px;}
.jg_con .em06 { top:215px; left:565px;}
.jg_con .em07 { top:215px; left:965px;}
.jg_con .em08 { top:345px; left:15px; text-align:center;}
.jg_con .em09 { top:345px; left:115px;text-align:center;}
.jg_con .em10 { top:345px; left:215px;text-align:center;}
.jg_con .em11 { top:345px; left:325px;text-align:center;}
.jg_con .em12 { top:355px; left:835px;}
.jg_con .em13 { top:355px; left:978px;}
.jg_con .em14 { top:355px; left:1115px;}
.jg_con .em15 { top:495px; left:405px;}
.jg_con .em16 { top:495px; left:570px;}
.jg_con .em17 { top:495px; left:725px;}
/**/
.ds_bg { background:url(../images/ds_bg.jpg) no-repeat center 0; height:711px} 
.ds_bg .zz_top { padding-top:62px;}
.ds_bg .zz_top a { font-size:32px; color:#fff; font-weight:bold;}
.ds_bg .zz_top span { display:block; font-family:Arial; font-size:10px; text-transform:uppercase; color:#fff; margin-top:8px;}
.ds_con { padding-top:55px;}
.ds_con dl dt { float:left;}
.ds_con dl dt img { width:600px; height:380px;}
.ds_con dl dd { float:left; background:url(../images/ds_bg10.png) repeat; width:530px; height:380px; padding-left:70px;}
.ds_con dl dd b { font-size:30px; display:block; padding:45px 0 0;}
.ds_con dl dd b a { font-size:30px; color:#ed1b24; text-transform:uppercase;}
.ds_con dl dd i { width:65px; background:#ed1b24; margin:15px 0; display:block; height:2px; line-height:0; font-size:0}
.ds_con dl dd p { line-height:30px; color:#333; font-size:14px; padding-top:20px;}
.ds_list { margin-top:51px;}
.ds_list ul li { float:left; width:200px;} 
.ds_list ul li a i { display:block; background:url(../images/ds_ico01.png) no-repeat; width:18px; height:18px; margin:0 auto;}
.ds_list ul li a:hover i,.ds_list ul .cur a i { background:url(../images/ds_ico02.png) no-repeat;}
.ds_list ul li a em { display:block; font-size:14px; color:#fff; text-align:center; padding-top:10px;}
/**/
.fc_bg { background: url(../images/fc_bg.jpg) no-repeat center 0; height:590px; margin-bottom:70px;}
.fc01 { width:230px; margin-top:38px;}
.fc01 ul li { height:91px; overflow:hidden;}
.fc01 ul li a { display:block; background:url(../images/fc_libg01.png) no-repeat; width:230px; height:90px; line-height:90px;   font-size:16px; color:#fff;}
.fc01 ul li a:hover,.fc01 ul .cur a { background:url(../images/fc_libg02.png) no-repeat;}
.fc01 ul li a img { display: inline-block; margin:33px 10px 0 50px; float:left;}
.fc02 { padding:30px 0 0; display:inline-block; width:978px; height:332px; border:solid 1px #ddd; border-left:none; margin:38px 0 0 -10px; overflow:hidden;}
.fc02 ul li { float:left; width:270px; padding:0 0 0 42px;}
.fc02 ul li a img { width:270px; height:280px;}
.fc02 ul li span a { display:block; height:30px; line-height:30px; text-align:center; color:#000; font-size:14px;}
/**/
.wd { width:410px;}
.wd_top { background:url(../images/dt_topbg.gif) repeat-x; height:50px; line-height:50px; padding-left:20px;}
.wd_top a { font-size:16px; color:#fff;}
.wd_con dl { padding:15px 0; border-bottom: solid 1px #e5e5e5;}
.wd_con .nobor { border-bottom:none;}
.wd_con dl dt { background: url(../images/wd_w.gif) no-repeat left 6px; height:40px; line-height:40px; padding-left:30px; overflow:hidden;}
.wd_con dl dt a { color:#333; font-weight:bold; font-size:14px}
.wd_con dd { background:url(../images/wd_d.gif) no-repeat left 4px; width:350px;  line-height:25px; padding-left:30px;color:#343231; white-space:normal; word-break:normal;}
/**/
.dt { width:760px; padding-left:30px; overflow:hidden; display:inline}
.dt_top { height:38px; background:url(../images/dt_topbg.gif) repeat-x; height:60px; line-height:50px; }
.dt_top span { float:right; display:block; padding-right:10px;}
.dt_top span a { font-size:16px; color:#fff; text-transform:uppercase;}
.dt_top ul li { float:left;}
.dt_top ul li a { width:220px; height:60px; line-height:50px; text-align:center; display:block; font-size:16px; color:#fff;}
.dt_top ul li a:hover,.dt_top ul .cur a { background: url(../images/dt_libg02.gif) no-repeat;}
.dt_con dl { height:185px; padding-top:25px; border-bottom:solid 1px #ddd; margin-bottom:40px;}
.dt_con dt { float:left; padding-right:30px;}
.dt_con dt img { width:200px; height:150px;}
.dt_con dd { float:left; width:522px}
.dt_con dd b{ height:30px; display:block;}
.dt_con dd b a { font-size:16px; color:#333;}
.dt_con dd p { line-height:25px; color:#333; font-size:14px; height:80px;}
.dt_con ul li { float:left; width:360px; height:60px; border-bottom:solid 1px #ddd; margin:0 20px 20px 0; background:url(../images/dt_ico01.gif) no-repeat right 10px;}
.dt_con ul li a { color:#929292}
.dt_con ul li a i { display:block; background:#333; width:15px; height:15px; line-height:15px; text-align:center; color:#fff; float:left; margin:3px 0 0;}
.dt_con ul li a span { display:block; float:left; width:280px; padding-left:25px; font-size:14px; color:#333;}
.dt_con ul li a span em { display:block; font-family:Arial; font-size:14px; color:#858585; padding-top:5px;}
/**/
.yq_bg { border-top:solid 1px #d8d8d8; margin-top:30px; padding-top:30px; height:60px;}
.yq_bg em { display:block; float:right; line-height:30px;}
.yq_bg em a { font-size:14px; color:#ed1b24;}
.yq_bg p { font-size:14px; height:30px; width:1060px; line-height:30px; overflow:hidden;}
.yq_bg p a { color:#333; padding:0 20px;}
/*解决方案*/
/*.plan_bg{ background:url(../images/plan_bg.gif) repeat-x;height: 670px;font-size: 0;overflow: hidden;}*/
.plan_bt{height: 92px;text-align: center; padding:35px 0 0;overflow: hidden;}
.plan_bt a{font-size: 25px;color: #184998;}
.plan_bt i{display: block;font-size: 18px;color: #666; padding:5px 0 0;}

.plan_t{height: 75px; margin-left:10px; margin-top:-25px; margin-bottom:25px;}
.plan_t ul li{width: 230px;height: 44px; border-right:#fff 5px solid;float: left;}
.plan_t ul li a{font-size: 16px;color: #fff;font-weight: bold; background:url(../images/plan_tbg01.gif) repeat;display: block;width: 230px;height: 44px;line-height: 44px;overflow: hidden; }
.plan_t ul li.cur a,.plan_t ul li a:hover{ background:url(../images/plan_tbg02.gif) repeat; text-decoration:none;}
.plan_m{ padding:28px 0 0;}
.plan_l{position: absolute;top: 156px;left: -30px;}
.plan_r{position: absolute;top: 156px;right: -30px;}
.plan_l img,.plan_r img{width: 23px;height: 80px;}
.plan_c{width: 1200px; display:inline-block; padding:0 0 25px;overflow: hidden;}
.plan_c ul li{width: 285px;float: left; padding:0 7px;}
.plan_c ul li a{font-size: 16px;color: #666;font-weight: bold;}
.plan_c ul li.cur a,.plan_c ul li a:hover{color: #2469be; text-decoration:none;zoom:1;}
.plan_c ul li img{width: 280px;height: 280px;padding: 2px; border:#b8b8b8 1px solid;}
.plan_c ul li.cur img,.plan_c ul li a:hover img{ border:#2469be 1px solid;}
.plan_c ul li span{ width:285px; display:block; text-align:center; height:35px; line-height:25px; padding:5px 0 0; overflow:hidden;}
.plan_m em{display: block;width: 234px;height: 34px;text-align: center;line-height: 34px;background: #2469be;overflow: hidden; margin:0 auto;}
.plan_m em a{font-size: 16px;color: #fff;}



.contents{margin:0 auto;width:750pt}

.ys{overflow:hidden;height:1550px;background:url(../images/ys_bgs.jpg) repeat}
.ys h2{height:273px;background:url(../images/ys-hbg.jpg) no-repeat center center}
.ysbox{margin-top:45px}
.ysbox .ys_txt{float:left;padding-left:115px;width:380px}
.ysbox .ys_img{float:right}
.ys1{height:350px}
.ys1,.ys2{overflow:hidden}
.ys2{height:394px;background:url(../images/ys2.jpg) no-repeat center center}
.ys3{overflow:hidden;height:441px}
.ys1 .ys_txt{background:url(../images/ys_n1.gif) no-repeat}
.ys2 .ys_txt{float:right;margin-top:40px;background:url(../images/ys_n20.gif) no-repeat}
.ys3 .ys_txt{margin-top:40px;background:url(../images/ys_n30.gif) no-repeat}
.ys1 .ys_img{margin-top:8px}
.ysbox h3{width:360px;height:86px;border-bottom:1px dashed #ccc;color:#205dba;font-weight:400;font-size:30px}
.ysbox h3 b{display:block;color:#333;font-size:24px}
.ysbox p{margin-top:9pt;padding-left:1pc;background:url(../images/ys_ico1.gif) no-repeat 0 8px;color:#666;font-size:14px;line-height:25px}
.ysbox a{margin-top:34px;width:122px;height:38px;background:#205dba;color:#fff;text-align:center;line-height:38px}
.ysbox a,.ysbox span{display:block;font-size:14px}
.ysbox span{margin-top:30px;color:#555}
.ysbox span b{color:#424242;letter-spacing:-2px;font-size:2pc}


.tit1{text-align:center;font-weight:400;line-height:28px}
.tit1 p{color:#333;font-size:23px}
.tit1 b{display:block;margin:3px 0;background:url(../images/h_bg1.gif) no-repeat center center;color:#1b61bd;font-size:28px}
.tit1 em{color:#666;text-transform:uppercase;letter-spacing:5px;font-size:9pt}

.clearfix{zoom:1}


.flow{overflow:hidden;padding-top:4pc;height:400px}
.flow h2 b{background:url(../images/h_bg2.gif) no-repeat center center}
.flow ul{margin-top:40px}
.flow li{float:left;overflow:hidden;width:142px}
.flow li:hover em{background-position:0 -6pc;color:#fff}
.flow li .flbg{margin-bottom:10px;height:103px;background:url(../images/flow-shadow.png) no-repeat 41px bottom}
.flow li em{display:block;margin:0 auto;width:94px;height:94px;background:url(../images/icobox.png) no-repeat;color:#878787;text-align:center;letter-spacing:-3px;font-size:36px;line-height:94px}
.flow li p{color:#444;text-align:center;font-size:1pc;line-height:24px}
.flow_pho{margin:35px auto 0;padding-left:45px;width:570px;height:44px;border:1px solid #1b61bd;background:url(../images/pho1.gif) no-repeat 15px center;line-height:44px}
.flow_pho a{float:right;display:block;width:102px;background:#1b61bd;color:#fff;text-align:center;font-size:14px}
.flow_pho i{margin-right:10px;color:#555;font-size:14px}
.flow_pho i b{color:#1b61bd;letter-spacing:-2px;font-size:23px}