@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*/

/*正文开始*/
.banner a { background:url("Img/Index/banner.jpg") no-repeat center 0; height:553px; display:block}

/**/
.hh_top { background:url("Img/Index/hh_bt.gif") no-repeat center 15px; text-align:center; height:100px;}
.hh_top a b { display:block; font-size:26px; color:#333;}
.hh_top a b em { color:#ff0000;}
.hh_top a span { display:block; font-size:20px; color:#333; padding-top:10px;}

.hh01 { width:866px; padding-top:10px;}
.hh01 ul li { float:left; width:225px; text-align:center; padding-right:70px}
.hh01 ul .nobor01 { padding:0;}
.hh01 ul li a i { display:block; background:url("Img/Index/hh_libg01.png") no-repeat; width:136px; height:137px; text-align:center; margin:0 auto;}
.hh01 ul li a i img { display:inline-block; padding-top:38px;}
.hh01 ul li a:hover i { background:url("Img/Index/hh_libg02.png")no-repeat;}
.hh01 ul li a b { display:block; font-size:18px; color:#333; padding:15px 0 10px}
.hh01 ul li a:hover b { color:#f00;}
.hh01 ul li a span { display:block; font-size:14px; color:#333; line-height:22px;}

.hh02 { background:url("Img/Index/hh_dtbg.png") no-repeat; width:330px; height:263px; }
.hh02 span { display:block; text-align:center; height:41px; line-height:41px;}
.hh02 span a { font-size:18px; color:#fff;}
.hh02 ul { padding:5px 0 0 20px}
.hh02 ul li { height:41px; line-height:41px; border-bottom:solid 1px #e5e5e5; width:290px;}
.hh02 ul li a { display:block; background:url("Img/Index/hh_ico05.gif") no-repeat 10px 10px; padding-left:45px; font-size:15px; color:#8c8c8c;}
.hh02 ul li a:hover { background:url("Img/Index/hh_ico04.gif") no-repeat 10px 10px; color:#ff0000;}

/*6大类常规消防系统检测*/
.qm_bg { background:url("Img/Index/qm_bg.jpg") no-repeat center 0; height:691px; margin-top:40px;}
.qm_top { text-align:center; padding:30px 0 90px;}
.qm_top a b { display:block; font-size:26px; color:#fff;}
.qm_top a b em { color:#f00;}
.qm_top a span { display:block; font-size:20px; padding-top:15px; color:#fff;}

.qm_con { width:1200px; height:478px;}
.qm_le { top:160px; left:-72px;}
.qm_ri { top:160px; right:-72px;}
.qm01 { width:281px; padding-right:25px; overflow:hidden;}
.qm02 { padding:0;}
.qm01 p a { width:245px; height:370px; padding:17px; background:#fff; border:solid 1px #fff; display:block; text-align:center; position:relative;}
.qm01 p a:hover { border:solid 1px #f00;}
.qm01 p a span { display:block; position:absolute; top:17px; left:17px; width:245px; height:145px; /*background:url("Img/Index/btm07.png") repeat;*/ padding-top:100px; color:#fff; font-size:16px; font-weight:bold;}
.qm01 p a span i { width:60px; background:#fff; margin:5px auto; display:block; height:1px; line-height:0; font-size:0}
.qm01 p a span em { display:block; text-transform:uppercase; color:#9e9e9f; font-size:14px;}
.qm01 p a:hover span { display:none;}
.qm01 p a img { width:245px; height:245px;}
.qm01 p a b { display:block; font-size:16px; padding-top:15px;}
.qm01 p a b em { display:block; font-weight:normal; font-size:14px; padding-top:10px; line-height:22px;}
.qm01 .qm_sp { display:block; padding:10px 0 0;}
.qm01 .qm_sp a { display:block; width:88px; height:28px; line-height:28px; background:#fff; border:solid 1px #f00; text-align:center; color:#f00; float:left; margin-left:95px;}
.qm01 .qm_sp a:hover { background:#f00; color:#fff;}

/**/
.xl_bg { /*background: url("Img/Index/xl_bg.gif") no-repeat center 0;*/ height:700px; border-bottom:solid 1px #d6d6d6; margin-bottom:60px;}
.xl_top { text-align:center; margin-bottom:38px;}
.xl_top a { display:block; font-size:28px; font-weight:bold; margin-bottom:10px;margin-top:30px;}
.xl_top a em { color:#ff0000;}
.xl_nav { height:80px;}
.xl_nav ul li { float:left; margin-right:2px; display:inline}
.xl_nav ul .nobor { margin:0;}
.xl_nav ul li a { display:block; background:url("Img/Index/xl_libg01.gif") no-repeat; width:198px; height:80px; line-height:80px; text-align:center; font-size:18px; color:#333;}
.xl_nav ul li a:hover,.xl_nav ul .cur a { background:url("Img/Index/xl_libg02.png") no-repeat; color:#fff;}

.xl_con { height:545px;}
.xl_con01 { background:#d9d9d9; height:465px; margin-top:40px;}
.xl01 { width:465px; padding:30px 0 0 30px; overflow:hidden;}
.xl01 b { display:block; text-align:center; margin-bottom:40px;}
.xl01 b a { font-size:20px; color:#333}
.xl01 ul li { height:94px; margin-bottom:21px;}
.xl01 ul li a { background:url("Img/Index/bz_libg0101.png") no-repeat; width:442px; height:80px; display:block; padding:14px 0 0 16px;}
.xl01 ul li a:hover { background:url("Img/Index/bz_libg0102.png") no-repeat; color:#f00;}
.xl01 ul li a i { display:block; background:url("Img/Index/bz_ico0101.png") no-repeat; width:60px; height:62px; float:left;}
.xl01 ul li a:hover i { background:url("Img/Index/bz_ico0102.png") no-repeat;}
.xl01 ul li a span { display:block; float:left; padding:10px 0 0 28px; width:324px; line-height:18px; font-size:14px;}

.xl01 ul .xl_li02 a { background:url("Img/Index/bz_libg0201.png") no-repeat;}
.xl01 ul .xl_li02 a:hover { background:url("Img/Index/bz_libg0202.png") no-repeat; color:#f00;}
.xl01 ul .xl_li02 a span { padding:10px 30px 0 10px; width:322px;}
.xl01 ul .xl_li02 a i { background:url("Img/Index/bz_ico0201.png") no-repeat;}
.xl01 ul .xl_li02 a:hover i { background:url("Img/Index/bz_ico0202.png")/*tpa=http://www.shfgjc.com/Skins/Default/Img/Index/bz_ico0202.png*/ no-repeat;}
.xl01 ul .xl_li03 a i { background:url("Img/Index/bz_ico0301.png") no-repeat;}
.xl01 ul .xl_li03 a:hover i { background:url("Img/Index/bz_ico0302.png") no-repeat;}
.xl01 ul .xl_li03 a span { padding:20px 0 0 40px; width:322px;}
.xl02 { width:432px; padding:35px 0 0 50px; overflow:hidden;}
.xl_list { width:40px; padding-right:2px;}
.xl_list a { display:block; margin-bottom:2px;}
.xl_img { width:390px; height:392px; position: relative;}
.xl_img a img { width:388px; height:390px; border:solid 1px #b3b2b2;}
.xl_img a span { display:block; background:url("Img/Index/bz_spbg.png") no-repeat; position:absolute; top:292px; left:0; width:390px; height:100px; text-align:center; color:#fff; text-transform:uppercase;}
.xl_img a span b { display:block; font-size:16px; padding:15px 0 5px}

.xl_con02 span { display:block; text-align:center; padding:55px 0;}
.xl_con02 span a { font-size:20px; color:#bed553;}
.xl_con02 p { background:url("Img/Index/xj_pbg.gif") no-repeat; width:308px; height:307px; float:left; padding:50px 0 0 40px;}
.xl_con02 p em { display:block; width:270px; font-size:14px; color:#333; line-height:25px; padding-bottom:35px;}
.xl_con02 ul { float:left; width:650px; overflow:hidden;}
.xl_con02 ul li { width:319px; height:377px; float:left; margin:0 12px 0 0; position:relative; overflow:hidden;}
.xl_con02 ul .nobor { margin:0;}
.xl_con02 ul li img { width:320px; height:357px;}
.xl_con02 ul li em { position:absolute; background: url("Img/Index/btm07.png") repeat; width:319px; height:40px; line-height:40px; left:0; top:317px;  text-align:center;}
.xl_con02 ul li em a { color:#FFF; font-size:14px; }

.xl_con03 { background:url("Img/Index/jc_bg.gif") no-repeat; height:467px;}
.xl_con03 ul li { float:left; width:173px; text-align:center; padding:47px 0 0 10px;}
.xl_con03 ul li span { display:block; line-height:25px; font-size:14px; color:#333; height:82px;}
.xl_con03 ul li em { display:block; font-size:16px; color:#bed553; padding-bottom:5px;}
.xl_con03 ul li i { display:block; font-size:16px; color:#bed553;}
.xl_con03 ul .xl_bz02 { width:192px; padding-left:73px;}
.xl_con03 ul .xl_bz03 { width:273px; padding-left:64px;}
.xl_con03 ul .xl_bz04 { width:152px; padding-left:63px;}
.xl_con03 ul .xl_bz08 em { padding-bottom:30px;}

.xl_con04 { padding-top:40px;}
.xl_con04 ul li { float:left; height:420px; background:#fff; width:247px; margin-right:4px;}
.xl_con04 ul .nobor { margin:0;}
.xl_con04 ul li img { width:247px; height:309px;}
.xl_con04 ul li em a { display:block; text-align:center; font-size:16px; color:#bed553; font-weight:bold; padding-top:35px;}

.xl_con05 {margin-top:28px;padding-top:50px;height:490px;}



.xl_bg .dh { padding:75px 0 0 420px;}

/*上海第一批取得消防设施检测一级临时资质的专业机构*/
.zz_top { background: url("Img/Index/zz_bt.gif") no-repeat; height:69px; line-height:69px; text-align:center; margin-bottom:38px;}
.zz_top a { font-size:28px; font-weight:bold;}
.zz_top a em { color:#f00;}

.zz01 { background:url("Img/Index/zz_bg.gif") no-repeat; width:596px; height:267px; margin-top:27px;}
.zz01 ul { padding:10px 0 0 55px; width:490px;}
.zz01 ul li { height:56px; line-height:56px; border-bottom:solid 1px #c9c9c9; text-align:center;}
.zz01 ul li a { font-size:14px;}
.zz02 { padding:0 0 0 100px; width:501px;}

.dh { padding:30px 0 0 400px;}
.dh p { font-size:24px; color:#f00; float:left; width:200px; text-align:right; background:url("Img/Index/xl_dh.png") no-repeat right 0; padding-right:48px;}
.dh p em { display:block; font-size:16px; color:#333;}
.dh span { display:block; float:left; padding-left:10px;}
.dh span a { display:block; width:117px; height:50px; line-height:50px; background:#29B0B4; font-size:16px; color:#fff; text-align:center; text-align:center;}

/*繁钢消防检测服务流程*/
.lc_bg { border-top:solid 1px #ccc; border-bottom:solid 1px #ccc; margin-top:28px; padding-top:50px; height:490px;}
.lc_top { text-align:center; background:url("Img/Index/lc_bt.gif") no-repeat center 0; height:64px; margin-bottom:40px;}
.lc_top a { font-size:28px; color:#333; font-weight:bold;}
.lc_top a em { color:#f00;}
.lc_con { height:280px;}
.lc_con ul li { float:left; width:323px; height:130px; padding:0 15px 15px 0;}
.lc_con ul .lc_li02 { padding:0 0 15px;}
.lc_con ul li a { width:323px; height:130px; background:#e5e5e5; display:block; text-align:center; font-size:16px; line-height:25px;}
.lc_con ul li a b { display:block; font-size:24px; padding:20px 0 15px;}
.lc_con ul li a:hover { background:#f00; color:#fff;}
.lc_con i { display:block; position:absolute;} 
.lc_i01 { top:30px; left:323px;}
.lc_i02 { top:30px; left:661px;}
.lc_i03 { top:130px; left:803px;}
.lc_i04 { top:172px; left:297px;}
.lc_i05 { top:172px; left:635px;}

/**/
.fw_bg { margin-top:60px; background:url("Img/Index/fw_bg.jpg") no-repeat center 90px; height:650px;}
.fw_top { background:url("Img/Index/fw_bt.gif") no-repeat center 20px; height:135px; text-align:center;}
.fw_top a { font-size:28px; color:#333; font-weight:bold;}
.fw_top a em { color:#ff0000;}
.fw_con { width:302px; float:left;}
.fw_con ul li { width:150px; height:150px; padding:0 1px 1px 0; float:left;}
.fw_con ul li a { display:block; width:150px; height:110px; background:#333; padding-top:40px; color:#d8d8d8; font-size:16px; text-align:center;}
.fw_con ul li a i { display:block; background:url("Img/Index/fw_ico01.png") no-repeat; width:50px; height:50px; margin:0 auto 10px; }
.fw_con ul li a:hover,.fw_con ul .cur a { background:#bed553;}
.fw_con ul li a:hover i,.fw_con ul .cur a i { background:url("Img/Index/fw_ico02.png") no-repeat; color:#fff;}

.fw_con ul .fw_li02 a i { background:url("Img/Index/fw_ico01.png") no-repeat -152px 0;}
.fw_con ul .fw_li02 a:hover i { background:url("Img/Index/fw_ico02.png") no-repeat -152px 0;}
.fw_con ul .fw_li03 a i { background:url("Img/Index/fw_ico01.png") no-repeat 0 -148px; width:56px;}
.fw_con ul .fw_li03 a:hover i { background:url("Img/Index/fw_ico02.png") no-repeat 0 -148px;}
.fw_con ul .fw_li04 a i { background:url("Img/Index/fw_ico01.png") no-repeat -152px -148px; width:52px;}
.fw_con ul .fw_li04 a:hover i { background:url("Img/Index/fw_ico02.png") no-repeat -152px -148px;}
.fw_con ul .fw_li05 a i { background:url("Img/Index/fw_ico01.png") no-repeat 0 -296px; width:56px;}
.fw_con ul .fw_li05 a:hover i { background:url("Img/Index/fw_ico02.png") no-repeat 0 -296px;}
.fw_con ul .fw_li06 a i { background:url("Img/Index/fw_ico01.png") no-repeat -152px -296px; width:52px;}
.fw_con ul .fw_li06 a:hover i { background:url("Img/Index/fw_ico02.png") no-repeat -152px -296px;}

.fw_ul { width:698px;}
.fw_ul ul { height:452px; overflow:hidden;}
.fw_ul ul li { width:298px; height:452px; float:left; margin:0 1px 0 0; position:relative;}
.fw_ul ul .nobor { margin:0;}
.fw_ul ul li a{ display:block;}
.fw_ul ul li a img{ width:298px; height:301px;}
.fw_ul ul li span { position:absolute; background:url("Img/Index/btm07.png") repeat; width:218px; height:88px; line-height:25px; left:0; top:203px; padding:10px 0 0 80px;}
.fw_ul ul li span a { color:#FFF; font-size:14px; }
.fw_ul ul li i { padding-top:1px;display:block; }
.fw_ul ul li i img { width:296px; height:148px; border:solid 1px #b8b8b8; margin-right:1px;}

/**/
.jz { padding-top:66px; display:inline-block; height:555px; overflow:hidden;}
.jz_top { background:url("Img/Index/jz_bt.gif") no-repeat; width:566px; height:82px; text-align:center; margin:0 auto 50px;}
.jz_top a { font-size:28px; color:#333; font-weight:bold; display: inline-block; padding-top:15px;}
.jz_con ul li { width:291px; float:left; margin-right:12px;}
.jz_con ul .nobor { margin:0;}
.jz_con ul li a { width:271px; height:345px; border:solid 2px #dedede; padding:8px; display:block; background:#dedede; text-align:center;}
.jz_con ul li a:hover { border:solid 2px #29B0B4;}
.jz_con ul li a img { width:271px; height:171px;}
.jz_con ul li a b { display:block; padding:25px 0 10px; font-size:18px;}
.jz_con ul li a em { display:block; padding:0 0 10px; font-size:14px; font-weight:bold;}
.jz_con ul li a span { display:block; font-size:14px; line-height:25px; padding:0 10px;}

/*联系公司*/
.lx_bg { background:url("Img/Index/pic01.jpg") no-repeat center 0; height:593px;}

.lx_con { padding:255px 0 0 75px; width:555px;}
.lx_con ul li { height:55px; float:left; display:inline; width:266px;}
.lx_con ul li img { float:left; padding:0 10px;}
.sbt { width:60px; display:block; float:left;  line-height:30px; color:#fff; font-weight:bold; font-size:16px;}
.sinp01{ background: url("Img/Index/lx_inp01.png") no-repeat; width:146px; padding:0 10px; height:30px; line-height:30px; border:none; float:left; outline:none;font-family:"Microsoft YaHei";}
.sbz { color:#db262d; padding:6px 0 0 3px; float:left; display:block;}
.area { background:url("Img/Index/lx_inp02.png") no-repeat; width:415px; height:89px; padding:10px; overflow:auto; border:none; outline:none;font-family:"Microsoft YaHei";}
.lx_con ul .h66 { height:130px; width:500px;}


/**/
.zj_bg { background:#f2f2f2;}
.zj_top { background:url("Img/Index/zj_bt.gif") no-repeat; text-align:center; height:121px;}
.zj_top a { font-size:30px; color:#ff0000; font-weight:bold; padding-top:30px; display:block;}
.zj_con { background:url("Img/Index/zj_bg10.gif") no-repeat; height:507px; margin-top:50px;}
.zj_con dl dt { float:left; padding:22px 0 0 22px;}
.zj_con dl dd { float:left; width:500px; padding:72px 0 0 62px; text-align:center;}
.zj_con dl dd b a { font-size:22px; display:block;}
.zj_con dl dd span { display:block; font-size:14px; color:#333; line-height:25px; padding-top:30px; height:160px;}
.zj_con dl dd p { font-size:16px; line-height:35px;}

/**/
.fc { padding-top:27px;}
.fc_top { width:1198px; border:solid 1px #ddd; height:48px; line-height:48px; margin-bottom:20px;}
.fc_top em a { display:block; float:right; padding-right:20px; font-size:14px; text-transform:uppercase; color:#adadad;}
.fc_top span { display:block; padding-left:20px;}
.fc_top span a { font-size:20px; color:#29B0B4; font-weight:bold;}
.fc_top span i { text-transform:uppercase; padding-left:5px;}

.fc_con { margin-top:22px;}
.kh01 { top:65px; left:-60px;}
.kh03 { top:65px; right:-60px;}
.kh02 ul li { float:left; width:284px; padding:0 20px 0 0;}
.kh02 ul .nobor { padding:0;}
.kh02 ul li a img { width:280px; height:203px; border:solid 2px #c5c5c5}
.kh02 ul li a:hover img { border:solid 2px #29B0B4;}

/*公司动态*/
.dt { width:655px; margin-top:40px; overflow:hidden;border:1px solid #e4e4e4;}
.dt_top { background: url("Img/Index/dt_bt.gif") no-repeat; width:655px; height:40px; line-height:40px; }
.dt_top span { float:right; padding-right:10px;}
.dt_top span a { font-size:14px; color:#a2a2a2; text-transform:uppercase;}
.dt_top ul { padding-left:50px;}
.dt_top ul li { float:left; background:url("Img/Index/dt_bor.gif") no-repeat right center; padding:0 30px 0 0;}
.dt_top ul .nobor { background:none; padding-left:30px;}
.dt_top ul li a { font-size:16px; color:#333;}
.dt_top ul li a:hover,.dt_top ul .cur a { color:#bed553;}

.dt_con { padding:32px 0 0; width:650px; }
.dt_con dl {  width:261px; float:left; margin-right:20px;margin-left:20px;}
.dt_con dl dt { padding-bottom:10px;}
.dt_con dl dt img { width:259px; max-height:259px; border:solid 1px #dbdbdb}
.dt_con dl dd b { height:30px; line-height:30px; display:block; /*padding-top:10px;*/}
.dt_con dl dd b a { font-size:18px; color:#1857a3;display:block;white-space:nowrap;overflow: hidden; text-overflow:ellipsis;width:245px;}
.dt_con dl dd p { line-height:22px; color:#828282; height:54px; }

.dt_list { float:left;}
.dt_list ul li a { width:335px; height:70px; line-height:70px; padding: 0 0 0 10px;  overflow:hidden; color:#4b4b4b; font-size:14px; display:block;border-bottom:dashed 1px #b7b7b7;}
.dt_list ul li a:hover { background:#dbdbdb;}
.dt_list ul li a em { font-size:26px; padding-right:10px; float:left;}
.dt_list ul li a span { float:right; padding-right:25px;}

/**/
.wd { width:331px; margin:40px 0 0 10px; border: 1px solid #e4e4e4}
.wd_top { background:url("Img/Index/wd_bt.gif") no-repeat; width:331px; height:40px; line-height:40px;}
.wd_top em { display:block; float:right; padding-right:25px;}
.wd_top em a { font-family:Arial; font-size:14px; text-transform:uppercase; color:#a2a2a2;}
.wd_top span { display:block; padding-left:50px;}
.wd_top span a { font-size:16px; color:#4b4b4b;}

.wd_con dl { padding:6px; border-bottom:dashed 1px #b7b7b7;}
.wd_con .nobor { border-bottom:none;}
.wd_con dl dt { background: url("Img/Index/wd_w.gif") no-repeat left 11px; height:30px; line-height:30px; padding-left:30px; overflow:hidden;}
.wd_con dl dt a { color:#848484; font-size:14px}
.wd_con dl dt a:hover { color:#bed553;}
.wd_con dd { width:255px;  line-height:28px; padding-left:30px;color:#848484; font-size:14px; white-space:normal; word-break:normal;}

/*
.yq_bg { background:url("Img/Index/yq_bg.jpg") repeat-x; height:60px;border-bottom:1px solid;}*/
.yq { padding-top:15px; line-height:33px; height:33px; overflow:hidden;}
.yq em { display:block; float:right;}
.yq em a { font-size:14px; color:#fff;}
.yq span { display:block; background:url("Img/Index/yq_bt.png") no-repeat; width:116px; height:32px; float:left}
.yq span a { font-size:14px; color:#fff; padding-left:15px;}
.yq p { width:930px; padding-left:20px; float:left;}
.yq p a { font-size:14px; color:#fff; padding-right:30px;}

/**/



/**/



/**/



/**/



/**/



/**/