@charset "UTF-8";
/**
 * @authors Your Name (www.hrbxiaofang.net)
 * @date    2020-08-17
 * @version $Id$
 */
a{blr:expression(this.onFocus=this.blur());}
a:focus{outline:none;}
a.hidefocus{outline:none}
.container{width: 1200px; margin-left: auto; margin-right: auto;}
body{background: url("../images/top_bj.jpg") no-repeat top center,#fff;}
/* header */
.header .h-top{min-width: 1200px;border-bottom: 1px solid #fff;background: rgba(255,255,255,.6); line-height: 36px; color: #666;}
.h-top ul{width: 500px;}
.h-top ul li{float: right;padding-left: 20px;padding-right: 20px;background: url("../images/line.jpg") no-repeat 0;}
.h-top ul .mobile img{position: absolute;left: 3px;top: 36px;border: 1px solid #ccc;display: none;}
.h-top ul .mobile:hover img{display: block;}
.h-top ul li:nth-child(4){background: none;}
.h-top ul li:hover{color: #ce0000;}
.h-top i{margin-right: 5px;color: #ce0000;}
/* top end */
.header .logo-region{padding: 58px 0;}
.r-tel{width: 164px;height: 60px;/* background: url("../images/tel.png") no-repeat; */padding-left: 75px;}
.r-tel p{line-height: 28px;font-size: 20px;color: #333;text-shadow: 1px 1px #fff;-ms-text-shadow: 1px 1px #fff;}
.r-tel p:last-child{letter-spacing: .4px;}
/* 主导航 */
.mainnav{min-width: 1200px;height: 100px;background-color: #e70000;box-sizing: border-box;}
.mainnav ul{padding: 10px 0 0;box-sizing: border-box;}
.mainnav ul li{display: inline-block;line-height: 40px;}
.mainnav ul li span{display: inline-block;width: 72px;text-align: justify;text-align-last:justify;}
.mainnav ul li a{padding: 10px 22px;color: #fff;font-size: 18px;}
.mainnav ul li:nth-child(16) a{padding: 10px 24px 10px 26px;}
.mainnav ul li a:hover{background-color: #ff8921;}
.mainnav ul li a.active{background-color: #ff8921;}
/* 主导航 end */
.sidebar{width: 280px;height: 300px;background: url("../images/menu_bg.jpg") no-repeat;}
.sidebar ul{width: 260px;height: 280px;margin: 10px auto 0;background: rgba(255,255,255,.8);}
.sidebar ul li{line-height: 55px;border-bottom: 1px solid #fff;text-align: center;}
.sidebar ul li:last-child{border-bottom: 0;}
.sidebar ul li a{display: block;font-size: 18px;font-weight: 600;}
.sidebar i{display: inline-block;width: 30px;height: 30px;background: url("../images/menu_icon.png") no-repeat;margin-right: 20px;vertical-align: middle;}
.sidebar .ico1{background-position: 0 0;}
.sidebar .ico2{background-position: 0 -66px;}
.sidebar .ico3{background-position: 0 -135px;}
.sidebar .ico4{background-position: 0 -204px;}
.sidebar .ico5{background-position: 0 -269px;}
.sidebar ul li:hover{background-color: #fff;}
/* banner */
.banner{float: right; width:900px; height:300px;position:relative; overflow:hidden;}
.banner .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.banner .hd ul{ overflow:hidden; zoom:1; float:left;  }
.banner .hd ul li{ float:left; margin-right:2px; padding: 0 5px; width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.banner .hd ul li.on{ background:#f00; color:#fff; }
.banner .bd{ position:relative; height:100%; z-index:0;}
.banner .bd li{ zoom:1; vertical-align:middle;}
.banner .bd img{ width:900px; height:300px; display:block;  }
/* banner end */
.block{width: 590px;}
.block .title{line-height: 40px;border-bottom: 1px solid #ddd;padding-bottom: 5px;}
.block .title h2{position: relative; float: left; padding-left: 20px; font-size: 22px; font-weight: 600;}
.block .title h2:after{content: "";position: absolute;left: 0;top: 6px;width: 7px;height: 26px;background-color: #e90000;border-radius: 4px;}
.more{color: #568ac8;}
.block .content1{padding:10px 20px 20px; border: 1px solid #ddd; border-radius: 5px; box-sizing: border-box;}
.block .pic{width: 222px; height: 125px; overflow: hidden;}
.block .first-hot .txt{width: 305px; margin-left: 20px;}
.block .first-hot p{margin: 10px 0; font-size: 12px; color: #999;}
.block .first-hot h2{font-size: 16px;font-weight: 600;}
.block .first-hot p{margin: 10px 0;font-size: 12px;color: #999;}
.block .first-hot:hover p{color: #333;}
.block .first-hot span{font-size: 12px;color: #999;}
.content1 ul li{padding-left: 20px; background: url("../images/gray.png") no-repeat 0 center; line-height: 33px; border-bottom: 1px dashed #ccc;}
.content1 ul li a{display: block;color: #666;}
.content1 ul li a:hover{color: #E70000;}
.content1 ul li:hover{background: url("../images/red.jpg") no-repeat 0 center;}
.content1 ul li i{float: right;}
.public-title h2{position: relative;font-size: 30px;font-weight: 600;}
.public-title1 h2{color: #fff;}
.public-title h2:after,.public-title h2:before{content: "";position: absolute;top: 22px;width: 150px;height: 1px;}
.public-title1 h2:after{left: 16%;background-color: #fff;}
.public-title1 h2:before{right: 16%;background-color: #fff;}
/* 工商消防 */
.gsfx{min-width: 1200px;height: 390px;background: url("../images/gsxf_bg.jpg") no-repeat;}
.gsfx ul{text-align: justify;text-align-last:justify;}
.gsfx ul li{display: inline-block;font-size: 18px;color: #fff;}
.gsfx ul li{line-height: 50px;}
.gsfx ul li a{display: block;padding:2px 14px;color: #fff;}
.gsfx ul li:hover{background-color: #FF8921;}
.public-title2 h2:after{left: 22%;background-color: #999;}
.public-title2 h2:before{right: 22%;background-color: #999;}
.xfgc-bg{min-width: 1200px;padding: 20px 0;background-color: #FAFAFA;}
.xfgc ul li{float: left;width: 600px;padding: 20px;box-sizing: border-box;}
.xfgc ul li:hover{background-color: #f4f4f4;}
.xfgc ul li .pic-scale{width: 260px;height: 140px;overflow: hidden;}
.xfgc .txt-right{width: 280px;margin-left: 20px;}
.xfgc .title{height: 40px;line-height: 40px;border-bottom: 1px solid #ddd;}
.xfgc .title h3{float: left;width: 228px;font-size: 20px;font-weight: 600;}
.xfgc .title h3 a{color: #CE0000;}
.xfgc ul li:hover h3 a{color: #333;}
.xfgc .title .more{float: right;}
.xfgc .txt-right p{margin-top: 10px;color: #666;}
/* 消防设备 */
.xfsb .title{line-height: 49px;}
.xfsb .title h2{padding: 0 20px;background-color: #E70000;font-size: 22px;font-weight: 600;color: #fff;}
.xfsb ul{overflow: hidden;padding: 20px 0;border: 1px solid #ddd;}
.xfsb ul li{float: left;margin-left:18px;text-align: center;}
.xfsb ul li .pic-scale{display: block;width: 218px;height: 162px;overflow: hidden;}
.xfsb ul li h3{margin-top: 15px;}
.xfsb ul li h3 a{font-size: 16px;}
/* 消防产品 */
.xfcp .tab-nav{float: left;width: 550px;margin-left: 100px;}
.xfcp .tab-nav ul{padding: 0;border: 0;}
.xfcp .tab-nav ul li a{padding: 10px 20px;background-color: #f4f4f4;color: #666;}
.xfcp .tab-nav ul li.active a{background-color: #E70000;color: #fff;}
.xfcp .bd ul{display: none;}
.xfcp .bd .con-1{display: block;}
.jyzb{border: 1px solid #ddd;}
.jyzb ul li{float: left;margin-left: 12px;text-align: center;}
.jyzb ul li h3{padding: 10px 0 13px;}
.jyzb ul li h3 a{font-size: 16px;}
.jyzb ul li .pic-scale{display: block;width: 180px;height: 123px;overflow: hidden;}
/* 案例 */
.case-bg{min-width: 1200px;padding: 20px 0;}
.case ul{margin:0 0 0 -29px;}
.case ul li{float: left;width: 380px;margin: 20px 0 0 29px;overflow: hidden;}
.case h3{line-height: 35px; font-weight: 600; font-size: 16px;}
.case dl{margin-top: 5px;}
.case dl dt{float: left; width: 150px; height: 110px;overflow: hidden;}
.case dl dd{float: right;}
.case dl p{width: 214px; line-height: 24px;}
.case dl p a{color: #888;}
.case dl p a:hover{color: #e70000;}
.case dl span{float: right;color: #999;}
.case .more{display: block;width: 200px;padding: 10px 0;margin: 30px auto 0;text-align: center; border:1px solid;border-radius: 20px;}
.case .more:hover{background-color: #e70000;color: #fff;}

/* 服务区域 */
.service-area .tab-nav ul li{float: left;padding: 5px 18px;margin-right: 8px;font-size: 16px;}
.service-area .tab-nav ul li:last-child{margin-right: 0;}
.service-area .tab-nav ul li.active{background-color: #d31000; color: #fff;}
.service-area .tab-nav ul li.active a{color: #fff;}
.service-area .content p{display: none; padding: 20px; background: #f7f7f7;}
.service-area .content p:nth-child(1){display: block;}

/* 关于我们 */
.in_about{position: relative; z-index: 1; min-width: 1200px;padding: 50px 0; background: url("../images/bj_about.jpg") center top no-repeat;}
.in_about .in_tit{max-width: 400px; padding: 30px; margin: 0 auto 30px; overflow: hidden; background: rgba(255, 255, 255, 0.5);text-align: center;}
.in_about .in_tit h2{font-size: 30px; color: #E70000; font-weight: 600; text-align: center;}
.in_about .in_tit p{display: inline-block; position: relative; color: #888;}
.in_about .in_tit p:before,.in_about .in_tit p:after{content: ""; position: absolute; top: 50%; width: 34px; height: 2px; margin-top: -1px; background: #f0592d;}
.in_about .in_tit p:before{left: -54px;}
.in_about .in_tit p:after{right: -54px;}
.in_about .container{background: #fff; padding: 30px 0; overflow: hidden; box-shadow: 0 0 20px #ddd;}
.home-about .pic-scale{width: 463px;height: 268px;overflow: hidden;}
.home-about .title{line-height: 50px;border-bottom: 1px solid #ddd;}
.home-about .title h2{width: 280px;font-size: 30px;color: #E70000;font-weight: 600;}
.home-about .title small{margin-left: 10px;font-weight: normal;color: #999;}
.home-about .txt{width: 660px; padding:0 20px;}
.home-about p{line-height: 30px;color: #666;font-size: 16px;}
.home-about .txt a{display: inline-block; margin: 20px 20px 0 0; padding: 6px 20px; background-color: #2196F3; color: #fff; border-radius: 4px;}
.home-about .txt a:hover{background-color: #e70000;}
.link h4{padding-bottom: 10px;border-bottom: 1px solid #ddd;font-size: 18px;}
.link h4 span{padding-bottom: 12px;border-bottom: 2px solid #E70000;}
.link ul li{display: inline-block;margin-left: 20px;color: #999;}
.link ul li a{color: #999;}
.link ul li a:hover{color: #E70000;}
/* footer */
.footer{min-width: 1200px;background-color: #2c2c2c;}
.footer .f-nav{height: 44px;line-height: 44px;border-bottom: 1px solid #666;}
.footer .f-nav .container{text-align: center;}
.footer .f-nav a{display: inline-block;padding: 0 24px;color: #eee;}
.footer .f-content{color: #ccc;}
.footer .f-content p{line-height: 24px;}
.footer .left{width: 330px;border-right: 1px solid #666;}
.footer .left span{font-size: 16px;letter-spacing: 1px;}
.footer .left p{margin-top: 15px;font-size: 30px;color: #ff2938;}
.footer .right{padding-left: 40px;border-left: 1px solid #666;}
.footer .right h3{font-size: 18px;font-weight: 600;color: #fff;}
.footer .right p,.footer .right a{color: #777;}
.copyright{padding: 10px 0;background-color: #fff;text-align: center;color: #999;}
/*-------- home end --------------------*/
.bread{height: 50px;line-height: 50px;border-bottom: 1px solid #ddd;}
.bread h2{position: relative;padding-left: 20px;font-size: 20px;font-weight: 600;}
.bread h2:after{content: "";position: absolute;top: 12px;left: 0;width: 7px;height: 24px;background-color: #E90000;border-radius: 4px;}
.bread div a:first-child{padding-left: 20px;background: url("../images/home.png") no-repeat;vertical-align: middle;}
.bread div a:first-child:hover{background: url("../images/home1.png") no-repeat;}
.bread div a{color: #999;}
.bread div a:hover{color: #e90000;}
.list-article,.left-body{width: 890px;border: 1px solid #ddd;border-radius: 4px;box-sizing: border-box;}
.list-article .list h2{font-size: 24px;font-weight: 600;}
.list-article .list li{position: relative;padding: 30px;border-bottom: 1px dotted #ddd;}
.list-article .list li p{margin-top: 10px;color: #999;}
.list-article .list li .filed{margin-top: 20px;}
.list-article .list li .more{padding: 6px 14px;background-color: #E90000;color: #fff;border-radius: 4px;}
.list-article .list li span{float: right;color: #999;}
.list-article .list li:hover{background-color: #f2f2f2;}
.list-article .list li:hover h2 a{color: #E90000;}
.list-article .list li:hover .more{background-color: #666666;}
.list-article .list li i{left: 0;bottom: -1px;width: 0%;height: 1px;background-color: #f00;transition: .5s linear;}
.list-img .list li i{bottom: 0;}
.list-article .list li:hover i{width: 100%;}
/* 分页 */
.page-list{overflow: hidden;padding: 40px 40px 30px;}
.page-list .page-status{padding: 0 10px;line-height: 33px;}
.page-list span{display: inline-block;margin-left: 5px;border: 1px solid #ddd;}
.page-list span .page-num-current{background-color: #f00; color: #fff;}
.page-list a{display: inline-block; padding: 5px 15px;}
.page-list a:hover{background-color: #E00000;color: #fff;}
/* right */
.aside{width: 290px;border-radius: 2px;}
.aside .aside-list{border: 1px solid #ddd;}
.aside .aside-list .title,.related .title{height: 46px;line-height: 46px;background-color: #E90000;color: #fff;}
.aside .aside-list .title span{padding-left: 30px;background: url(../images/nav_icon.png) no-repeat;font-size: 18px;text-shadow: 0px 1px #fff;background-size: 19%;}
.aside .aside-list .con ul li{line-height: 60px;padding: 0 5px 0 20px;background: url("../images/gray.png") no-repeat left center;border-bottom: 1px dotted #ddd;}
.aside .aside-list .con ul li:last-child{border-bottom: 0;}
.aside .aside-list .con ul li:hover{background: url("../images/red.jpg") no-repeat left center;}
.aside .aside-list .con ul li a{display: block;font-size: 16px;}
.aside .aside-list .con ul li .active{color: #E90000;font-weight: 600;}
.aside .aside-list .con ul li i{float: right;font-family: "宋体";font-weight: 600;}
.aside .aside-lanxi{border: 1px solid #ddd;}
.aside .aside-lanxi h4{height: 46px;line-height: 46px;padding-left: 55px;background: url("../images/lx_icon.png") no-repeat 17px 10px, #E70000;background-size: 9%;color: #fff;text-shadow: 0px 1px #fff;}
.aside .aside-lanxi p{padding: 0 10px;line-height: 30px;}
/*热点内容*/
/*.aside .hot-list .con ul li{line-height: 40px;}*/
.aside .hot-list .con ul li{line-height: 20px;}
.aside .hot-list .con ul li a{padding: 10px 0;font-size: 14px;}
.aside .hot-list .con ul li a i{font-weight: normal;color: #999;}

.body-title{border-bottom: 1px solid #ddd;}
.body-title h1{font-size: 34px;font-weight: 600;}
.body-title span{padding: 0 20px;color: #999;}
.main-body h2,.main-body h3{font-size: 22px;margin-bottom: 15px;font-weight: 600;}
.main-body p{margin-bottom: 20px;line-height: 32px;text-indent: 2em;text-align: justify;color: #444;font-size: 16px;}
.main-body .next p{margin: 0;line-height: 3;}
.main-body .next a{transition: .3s linear;}
.main-body .next a:hover{padding: 10px 16px;background-color: #E70000;color: #fff;}
.related ul li{line-height: 26px;padding: 10px 0;border-bottom: 1px dotted #ddd;}
.related ul li:last-child{border-bottom: 0;}
.related .title span{padding-left: 30px;font-size: 18px;text-shadow: 0px 1px #fff;background: url("../images/related_icon.png") no-repeat 0;background-size: 24%;}
/* 文章推荐 */
.correlative h3{padding-bottom: 10px;border-bottom: 1px solid #ddd;font-size: 20px;font-weight: 600;color: #e70000;}
.correlative ul li{line-height: 40px;border-bottom: 1px dotted #ddd;}
.correlative ul li i{float: right;}
.correlative ul li a{display: block;padding:0 10px;background: url("../images/gray.png") no-repeat left center;}
.correlative ul li a:hover{background-color: #eee;}

.list-img .list li{overflow: hidden;}
.list-img .list .pic-scale{width: 260px;height: 190px;overflow: hidden;}
.list-img .txt{width: 555px;}
/* 图片列表页 */
.list-image{width: 900px;border-radius: 4px;border: 1px solid #ddd;box-sizing: border-box;}
.list-image .list{border-bottom: 1px solid #ddd;padding-bottom: 30px;}
.list-image .list li{float: left;margin: 30px 0 0 30px;text-align: center;}
.list-image .list li > a{display: block;width: 260px;height: 190px;overflow: hidden;}
.list-image .list li > a img{transition: .2s linear;}
.list-image .list li:hover > a img{transform: scale(1.1);}
.list-image .list li h2{margin-top: 15px;}
.list-image .list li h2 a{font-size: 16px;font-weight: 600;}
/* 通栏导航 */
.sub-nav{border: 1px solid #ddd;}
.sub-nav ul{overflow: hidden;padding: 0 8px 10px 0;}
.sub-nav ul li{float: left;margin:10px 0 0 10px; border: 1px solid #ddd;}
.sub-nav ul li a{display: block;padding: 4px 10px;color: #666;}
.sub-nav ul li a.active{background-color: #E70000;color: #fff;}
.sub-nav ul li a:hover{color: #E70000;}
.sub-nav ul li a.active:hover{color: #fff;}
.menu1 ul{overflow: hidden;display: flex;}
.menu1 ul li{float:left;width: 239px;flex: 1;border: 1px solid #ddd;height: 80px;line-height: 80px;box-sizing: border-box;-ms-box-sizing: border-box;}
.menu1 ul li:nth-child(2n){border-right: 0;border-left: 0;}
.menu1 ul li:hover{background-color: #f4f4f4;}
.menu1 ul li a{display: block;width: 100%;height: 100%;}
.menu1 ul li h3{float: left;}
.menu1 ul li h3{margin-left: 10px;font-size: 22px;}
.menu1 ul li i{float: left;width: 35px;height: 35px;background: url("../images/menu_icon.png") no-repeat;margin: 25px 0 0 26px;}
.menu1 ul li:first-child i{background-position: 0 0;}
.menu1 ul li:nth-child(2) i{background-position: 0 -66px;}
.menu1 ul li:nth-child(3) i{background-position: 0 -135px;}
.menu1 ul li:nth-child(4) i{background-position: 0 -204px;}
.menu1 ul li:last-child{background-position: 0 -269px;}

/* qq */
.main-im{position:fixed; right: 10px; top:352px; z-index: 100; width: 110px; height: 272px;}
.main-im .qq-a{display: block; position: relative; width: 106px; height: 116px; color: #0484cd; text-align: center; font-size: 14px;}
.main-im .qq-a span{position: absolute; width: 90px; bottom: 5px; left: 10px;}
.main-im .qq-hover-c{position: absolute; left: 18px; top: 10px; width: 70px; height: 70px; z-index: 9; border-radius: 35px; overflow: hidden;}
.main-im .qq-container{position: absolute; z-index: 99; width: 109px; height: 118px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom: 1px solid #ddd; background: url("../images/qq-icon-bg.png") no-repeat center 8px;}
.main-im .img-qq{position: absolute; left: 6px; top: 3px; max-width: 60px; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.main-im .im-qq:hover .img-qq{position: absolute; max-width: 70px; left: 1px; top: 8px;}
.main-im .im_main{border: 1px solid #ddd; border-radius: 10px; background: #F9FAFB;}
.main-im .im_main .im-tel{width: 109px; height: 130px; margin-top: 14px; border-bottom: 1px solid #ddd; color: #e70000; text-align: center;}
.main-im .im_main .im-tel hr{border: none; margin: 5px 0; height: 1px; background: #ddd;}
.main-im .im_main .im-tel div{font-weight:bold;}
.main-im .im_main .im-tel .tel-num{margin-top: 2px; font-family: Arial; font-weight: bold; color: #000;}
.main-im .im_main .im-tel:hover{background: #fafafa;}
.main-im .im_main .weixin-container{float:left; width: 55px; height: 47px; border-right: 1px solid #ddd; border-bottom-left-radius: 10px; background: #f5f5f5; background: url("../images/weixin-icon.png") no-repeat center center;}
.main-im .im_main .weixin-show{position: absolute; left: -125px; top: -126px; width: 112px; height: 172px; background: #ffffff; border-radius: 10px; border: 1px solid #ddd; display: none;}
.main-im .im_main .weixin-show .weixin-sanjiao{position: absolute; left: 112px; top: 134px; width:0; height: 0; z-index: 2; border-style: solid; border-color: transparent transparent transparent #ffffff; border-width: 6px;}
.main-im .im_main .weixin-show .weixin-sanjiao-big{position: absolute; left: 112px; top: 132px; width: 0; height: 0; border-style: solid; border-color: transparent transparent transparent #ddd; border-width: 8px;}
.main-im .im_main .weixin-show .weixin-ma{width: 104px; height: 103px; padding: 5px 0 0 5px;}
.main-im .im_main .weixin-show .weixin-txt{position:absolute; top:110px; left:7px; width:100px; margin:0 auto; text-align:center;}
.main-im .im_main .go-top{float:right; width: 50px; height: 47px; background: #f5f5f5; border-bottom-right-radius: 10px; background: url("../images/toTop-icon.png") no-repeat center center;}
.main-im .im_main .go-top i{display: block; width: 52px; height: 47px; cursor: pointer;}
.main-im .close-im{position: absolute; right: 10px; top: -12px; z-index: 100; width: 24px; height: 24px;}
.main-im .close-im i{display: block; width: 24px; height: 24px; background: url("../images/close_im.png") no-repeat left top; cursor: pointer;}
.main-im .close-im a:hover{text-decoration: none;}
.main-im .open-im{width: 40px; height: 133px; margin-left: 68px; background: url("../images/open_im.png") no-repeat left top; display: none; cursor: pointer;}