body{background:#f3f3f3}

.in_title{color: #282828;text-align: center;padding-top: 70px;margin-bottom: 40px;}
.in_title h3{font-size: 82px;line-height: 88px;position: relative;}
.in_title p{font-size: 30px;margin: 25px 0;line-height: 30px;}

.improve-stroke {-webkit-text-stroke: 8px #fff;position: relative;z-index: 1;}
.improve-stroke:after {content: attr(data-text);position: absolute;z-index: 2;left: 0;right: 0;top: 0;-webkit-text-stroke-width: 0;}

/* in_advan */
.in_advan{background:url(../images/advan_bg.png) no-repeat top center;padding: 60px 0;margin: 60px 0;}
.in_advan .advan_t{width: 285px;}
.in_advan .advan_list{width: 900px;margin-top: 30px;}
.in_advan .advan_list ul li{width: 33.3%;float: left;text-align: center;color: #fff;}
.in_advan .advan_list ul li h3{font-size: 32px;font-weight: normal;position: relative;padding: 30px 0;margin-bottom: 20px;font-weight: 600;}
.in_advan .advan_list ul li h3::before {width: 75px;height: 10px;background: #fff;position: absolute;left: 112px;bottom: 0;content: '';border-radius: 5px;}
.in_advan .advan_list ul li p{width: 190px;margin: 0 auto;font-size: 26px;line-height: 36px;}

/* in_product */
.in_product{background:url(../images/product_bg.jpg) no-repeat top center;padding-bottom: 40px;}
.in_product .in_title{color: #cc1f10;padding-bottom: 25px;background:url(../images/title_bg.png) no-repeat bottom center;}
.in_product .in_title h3.improve-stroke:after{content: "各种系列产品";}
.in_product .in_title p.improve-stroke:after{content: "消防水带、消防枪扣、消防栓箱、消防个人防护、灭火器、消防配件等";}

.picFocus{ width: 100%;  position:relative;  overflow:hidden;  zoom:1;}
.picFocus .hd{ width:100%; overflow:hidden; }
.picFocus .hd ul{  overflow:hidden; zoom:1; margin: 0 -15px;}
.picFocus .hd li{float: left;text-align: center;margin: 0 15px 30px;padding-bottom: 17px;background:url(../images/pro_bg1.png) no-repeat bottom center;}
.picFocus .hd li .pic{width: 380px;height: 363px;background: #fff;display:flex;}
.picFocus .hd li .pic img{max-width: 100%;max-height: 100%;display: block;margin: 0 auto;align-self:center; }
.picFocus .hd li p{line-height: 69px;background:url(../images/pro_bg2.jpg) no-repeat;font-size: 24px;color: #fff;}
.picFocus .bd{padding-bottom: 62px;background:url(../images/pro_bg.png) no-repeat bottom center;}
.picFocus .bd ul{background: #fff;}
.picFocus .bd li{background: #fcfcfc;padding: 25px;}
.picFocus .bd li .pic{width: 500px;height: 570px;background: #fff;display:flex;}
.picFocus .bd li .pic img{max-width: 100%;max-height: 100%;display: block;margin: 0 auto;align-self:center; }
.picFocus .bd li .txt{width: 560px;margin-top: 50px;}
.picFocus .bd li .txt .pro_t span{font-size: 21px;color: #282828;display: block;height: 21px;line-height: 21px;}
.picFocus .bd li .txt .pro_t h3{font-size: 74px;color: #cc1f10;line-height: 74px;height: 74px;overflow: hidden;margin: 15px 0;}
.picFocus .bd li .txt .pro_t p{background: #282828;font-size: 31px;line-height: 41px;padding: 0 20px;border-radius: 21px;display: inline-block;color: #fff;}
.picFocus .bd li .txt .pro_li{padding: 25px 0 65px;position: relative;}
.picFocus .bd li .txt .pro_li span{display: inline-block;font-size: 24px;width: 67px;text-align: center;line-height: 24px;color: #cc1f10;font-weight: bold;border: 2px solid #cc1f10;padding: 8px 0;border-radius: 20px;margin-right: 25px;}
.picFocus .bd li .txt .pro_li::before{width:44px;height:7px;background:#cc1f10;border-radius: 3.5px; position:absolute;left:0;bottom:0;content:''}
.picFocus .bd li .txt .pro_li::after{content:'';width:7px;height:7px;border-radius: 3.5px;background:#cc1f10;position:absolute;left:50px;bottom:0}
.picFocus .bd li .txt .pro_tel{line-height: 63px;font-size: 49px;color: #070707;font-weight: bold;padding-left: 75px;background:url(../images/pro_tel.png) no-repeat left center;margin-top: 50px;}
.picFocus .bd li .txt .pro_tel span{font-size: 33px;}

/* in_adv */
.in_adv{background:url(../images/adv_bg.jpg) no-repeat top center;padding-bottom: 20px;}
.in_adv .in_title{color: #fff;padding-bottom: 20px;background:url(../images/title_bg1.png) no-repeat bottom center;}
.in_adv ul li{float: left;width: 485px;padding: 70px 30px;color: #fff;border: 1px solid #fff;margin: 0 26px 50px;}
.in_adv ul li h3{font-size: 40px;font-weight: normal;position: relative;padding-left: 100px;padding-bottom: 25px;margin-bottom: 20px;border-bottom: 1px solid #fff;}
.in_adv ul li h3 img{position: absolute;left: 0;top: -10px;}
.in_adv ul li p{font-size: 20px;line-height: 30px;}
.in_adv ul li:hover{background: #ff0000;border: 1px solid #ff0000;}

/* in_about */
.in_about{background:url(../images/about_bg.png) no-repeat top center;padding-top: 60px;height: 488px;margin-top: 60px;}
.in_about .about_txt{width: 640px;color: #282828;}
.in_about .about_txt h3{font-size: 48px;text-align: center;margin-bottom: 25px;}
.in_about .about_txt p{font-size: 24px;line-height: 38px;}

/* in_honor */
.in_honor .in_title h3{font-size: 65px;line-height: 66px;}
.in_honor .in_title p{letter-spacing: 10px;}
.in_honor .honor_list{background:url(../images/honor_bg.png) no-repeat bottom center;padding-bottom: 70px;}
#jswbox{width:1200px;height:635px;margin:0 auto;position:relative;}
#jswbox ul{position:relative;height:635px;}
#jswbox li{position:absolute;width:0;height:0;z-index:0;cursor:pointer;overflow:hidden;bottom: 0;left:0;background: #fff;}
#jswbox li .hover{width:100%;height:100%;background:url(../images/honor_li.png) no-repeat;background-size: cover;position: absolute;left: 0;top: 0;}
#jswbox li img{width:86%;height:91%;vertical-align:middle;float:left;padding: 9% 7%;}
#jswbox .prev, #jswbox .next{display:none;}

/* in_case */
.in_case{background:url(../images/case_bg.jpg) no-repeat top center;background-size: cover; padding-bottom: 70px;margin-top: 50px;}
.in_case .in_title{color: #fff;}
.in_case .in_title h3{font-size: 65px;line-height: 66px;}
.in_case .in_title p{font-size: 22px;}
.in_case ul{margin: 0 -10.5px;}
.in_case ul li{float: left;width: 386px;margin: 0 10.5px;}
.in_case ul li .pic{width:386px; height:280px;overflow: hidden;}
.in_case ul li .pic img{ width:100%;height: 100%; display: block;-webkit-transition: transform .3s linear;-moz-transition: transform .3s linear;-o-transition: transform .3s linear;-ms-transition: transform .3s linear;transition: transform .3s linear;}
.in_case ul li:hover img{-webkit-transform: scale(1.1) !important;-moz-transform: scale(1.1) !important;-ms-transform: scale(1.1) !important;transform: scale(1.1) !important;}
.in_case ul li .txt{color: #fff;background: #0233aa;padding: 25px 20px;}
.in_case ul li h3{font-size: 26px;text-align: center;font-weight: 400;}
.in_case ul li p{font-size: 16px;line-height: 30px;height: 120px;}
.in_case ul li:hover .txt{background: #d60303;}

/*in_news*/
.in_news{padding-bottom: 55px;}
.in_news .in_title h3{font-size: 65px;line-height: 66px;}
.in_news .in_title p{font-size: 22px;}
.in_news .news_top {margin-bottom: 30px;padding-bottom: 15px;border-bottom: 1px solid #e5e5e5;}
.in_news .news_top span.fr {font-size: 16px;background: #d60303;padding: 4px 10px;border-radius: 15px;}
.in_news .news_top span a {color: #fff;}
.in_news .news_top h2 {font-size: 22px;color: #333333;letter-spacing: 2px;font-weight: normal;}
.in_news .news_top h2 span{font-size: 18px;color: #0233aa;font-weight: normal;}
.in_news .news_top ul{font-size: 22px;letter-spacing: 2px;}
.in_news .news_top ul li{display: inline-block;}
.in_news .news_top ul li a{color: #333;}
.in_news .news_top ul li.on a{color: #0233aa;}

.in_news .news_fr {width: 410px;}
.in_news .news_fr ul li {padding-bottom: 15px;margin-bottom: 15px;border-bottom: 1px dashed #e5e5e5;}
.in_news .news_fr ul li h3{font-size: 16px;color: #333232;font-weight: normal;line-height: 25px;position: relative;padding-left: 40px;}
.in_news .news_fr ul li p{font-size: 16px;color: #999696;line-height: 25px;position: relative;padding-left: 40px;margin-top: 10px;}
.in_news .news_fr ul li i{width: 25px;height: 25px;line-height: 25px;display: block;font-size: 16px;color: #fff;background: #d60303;position: absolute;left: 0;top: 0;text-align: center;font-style: normal;}
.in_news .news_fr ul li p i{background: #0233aa;}
.in_news .news_fl{width: 750px;}
.in_news .news_list{display: none;}
.in_news .news_list.on{display: block;}
.in_news .news_list .fl{position: relative;width: 274px;}
.in_news .news_list .fl img{width: 274px;height: 326px;display: block;}
.in_news .news_list .fl h3{line-height: 28px;font-size: 18px;color: #fff;background: rgba(51, 51, 51, 0.7);width: 234px;position: absolute;bottom: 0;left: 0;padding: 20px;}
.in_news .news_list .fr{width: 470px;}
.in_news .news_list .fr ul li{background: #eeeeef;padding: 15px;margin-bottom: 6px;}
.in_news .news_list .fr ul li h3{font-size: 18px;color: #333;position: relative;}
.in_news .news_list .fr ul li span{font-size: 15px;font-weight: normal;position: absolute;right: 0;}
.in_news .news_list .fr ul li p{font-size: 15px;color: #807e7e;margin-top: 4px;}
.in_news .news_list .fr ul li:last-child{margin-bottom: 0;}