@charset "utf-8";

body{min-width: 1200px; width: 100%;}

/**/


/**/
.case_bg{ background:#f2f2f2 url(../images/index/jz_bg.gif) repeat-x;height: 832px; padding:55px 0 0;font-size: 0;overflow: hidden;}
.case_t{height: 125px;text-align: center;}
.case_t a{font-size: 30px;color: #333;-webkit-transition:transform .3s;transition:transform .3s; display:block;line-height: 30px; background:url(../images/index/jz_line.png) no-repeat center 38px;height: 100px;}
.case_t i{display: block;font-size: 18px;font-weight: normal; padding:30px 0 0;}
.case_t a:hover{-webkit-transform:translate(0,-10px);transform:translate(0,-10px);}
.case_l{width: 298px;background: #fff;box-shadow: 0 3px 5px 3px #e6e6e6; border-top:#e6e6e6 1px solid; border-left:#e6e6e6 1px solid;}
.case_l ul li{width: 149px;height: 81px;float: left;}
.case_l ul li em{display: block;width: 30px;height: 30px;overflow: hidden; margin:0 auto; padding:12px 0 3px;}
.case_l ul li em img{width: 30px;height: 60px;}
.case_l ul li a{font-size: 14px;color: #333;display: block;float: left;width: 148px;height: 80px;text-align: center; border-bottom:#e6e6e6 1px solid; border-right:#e6e6e6 1px solid;}
.case_l ul li a:hover{color: #fff;background: #0b7057; border-bottom:#0b7057 1px solid; border-right:#0b7057 1px solid;}
.case_l ul li a:hover em img{ margin-top:-30px;}

.case_r{width: 780px;height: 403px;background: #fff;box-shadow: 0 3px 5px 3px #e6e6e6; border:#e6e6e6 1px solid;position: relative;padding: 0 43px;}
.case_m{overflow: hidden;height: 345px;}
.case_lico,.case_rico{position: absolute;width: 23px;top: 50%;margin-top: -17px;cursor: pointer;}
.case_lico{left: 10px;}
.case_rico{right: 10px;}
.case_lico a{ background:url(../images/index/jz_lico01.png) no-repeat;display: block;width: 23px;height: 35px;}
.case_lico a:hover,.jz_lico a:hover{ background:url(../images/index/jz_lico02.png) no-repeat;}
.case_rico a{ background:url(../images/index/jz_rico01.png) no-repeat;display: block;width: 23px;height: 35px;}
.case_rico a:hover,.jz_rico a:hover{ background:url(../images/index/jz_rico02.png) no-repeat;}
.case_r dl{width: 780px; display:inline-block; padding:45px 0 0;}
.case_r dl dt{width: 400px;height: 300px;float: left;overflow: hidden;}
.case_r dl dt img,.pro_r dl dt img,.jz dl dt img,.about dl dt img,.wd dt img{width: 400px;height: 300px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.case_r dl dt img:hover,.pro_r dl dt img:hover,.jz dl dt img:hover,.about dl dt img:hover,.wd dt img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.case_r dl dd{width: 360px;float: left; padding:10px 0 0 20px;}
.case_r dl dd h5{height: 40px;line-height: 40px;font-size: 18px;color: #333;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.case_r dl dd h5 a{font-size: 18px;color: #333;}
.case_r dl dd h5 a:hover{color: #0b7057;}
.case_r .case_desc{font-size: 14px;color: #666;line-height: 26px;overflow: hidden;}
.case_r .case_desc p{ padding:5px 0 0;}
.case_r dl dd span,.about dl dd em{display: block; padding:20px 0 0;}
.case_r dl dd span a,.ban01 p em a,.ys_bot em a,.about dl dd em a{display: block;font-size: 14px;color: #fff;width: 140px;height: 40px;text-align: center;line-height: 40px;background: #0b7057;overflow: hidden;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;}
.case_r dl dd span a:hover,.pro_r dl dd span a:hover,.ban01 p em a:hover,.ys_bot em a:hover,.about dl dd em a:hover{animation:shake .5s linear;-webkit-animation:shake .5s linear;}

/*案例轮播*/
.hz{ padding:15px 0 0;}
.hz p,.pro_m p{width: 14px;height: 43px;position: absolute;top: 105px;z-index: 10;}
.hz p a,.pro_m p a{display: block;width: 14px;height: 43px;}
.hz_lico,.cp_lico{left: 0;}
.hz_rico,.cp_rico{right: 0;}
.hz_lico a,.cp_lico a{ background:url(../images/index/hz_lico01.gif) no-repeat;}
.hz_lico a:hover,.cp_lico a:hover{ background:url(../images/index/hz_lico02.gif) no-repeat;}
.hz_rico a,.cp_rico a{ background:url(../images/index/hz_rico01.gif) no-repeat;}
.hz_rico a:hover,.cp_rico a:hover{ background:url(../images/index/hz_rico02.gif) no-repeat;}
.hz_m ul li{width: 280px;float: left; margin:10px 20px 0 0;overflow: hidden;}
.hz_m ul li img{width: 280px;height: 210px;box-shadow: 0 3px 5px 3px #e6e6e6;}
.hz_m ul li span{font-size: 14px;color: #333; width:280px; display:block; text-align:center; height:25px; line-height:25px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/*解决方案中心*/
.plan{ padding:75px 0 0;}

.plan_t{height: 130px;width: 1198px; border:#dcdcdc 1px solid;position: relative;}
.plan_t:before{content: "";width: 100%;height: 1px;background: #dcdcdc;position: absolute;top: 50%;right: 0;}
.plan_t ul li{width: 25%;height: 65px;float: left;position: relative;}
.plan_t ul li:before{content: "";width: 1px;height: 32px;background: #dcdcdc;position: absolute;top: calc(50% - 16px);right: 0;}
.plan_t ul li a{font-size: 18px;color: #333;display: block;width: 100%;text-align: center;height: 65px;line-height: 65px;overflow: hidden;text-transform: uppercase;}
.plan_t ul li a:hover,.plan_t ul li.cur a{color: #fff;background: #0b7057;}
.plan_t ul li:nth-child(4n):before{background: none;}

.plan_m{ padding:20px 0 0;}

.plan_m ul li{width: 580px;height: 327px;float: left;position: relative; margin-left:40px;overflow: hidden;}
.plan_m ul li img{width: 580px;height: 327px;}
.plan_m ul li span{ width:580px; display:block; text-align:center; height:60px; line-height:60px;font-size: 18px;color: #333;position: absolute;bottom: 0;left: 0; background:rgba(255,255,255,0.8); overflow:hidden;}
.plan_m ul li .a_bg{ display:none;width: 520px;height: 267px;position: absolute;bottom: 0;left: 0;font-size: 14px;color: #fff;line-height: 25px; padding:30px;}
.plan_m ul li .a_bg em{display: block;font-size: 18px;font-weight: bold;height: 60px;line-height: 60px;position: relative;text-align: center;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.plan_m ul li .a_bg em:before{ content:"";width: 50px;height: 2px;background: #fff;position: absolute;bottom: 0;left: 46%;}
.plan_m .plan_desc{ padding:15px 0 0;}
.plan_m .plan_desc p{ text-indent:2em;}
.plan_m ul li:first-child{margin: 0;}
.a_bg {
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.a_bg:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
   background:rgba(11,112,87,0.8);
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.a_bg:hover, .a_bg:focus, .a_bg:active {
  color: white;
}
.a_bg:hover:before, .a_bg:focus:before, .a_bg:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/*产品中心*/
.pro{ padding:75px 0 70px;font-size: 0;}
.cp_l{width: 300px;box-shadow: 0 3px 5px 3px #e6e6e6;background: #f2f2f2;}
.cp_ul01 li a{display: block;font-size: 18px;color: #fff;width: 280px;height: 60px;line-height: 60px; background:#0b7057; padding:0 0 0 20px;}
.cp_ul01 .cp_ul02 li a{font-size: 14px;color: #333;width: 260px;height: 48px;line-height: 48px; border-bottom:#e6e6e6 1px solid;padding: 0 0 0 40px;overflow: hidden;background: #f2f2f2;}
.cp_ul01 .cp_ul02 li a:hover{color: #0b7057;font-weight: bold;}
.cp_ul01 li.nobor a{background: #fff;width: 300px;text-align: center;padding: 0; border:none;}
.pro_r{ width:870px;}
.pro_r dl{ width:870px; padding:0 0 20px; display:inline-block;}
.pro_r dl dt{width: 398px;height: 223px;float: left;overflow: hidden; border:#e6e6e6 1px solid;}
.pro_r dl dt img{width: 398px;height: 223px;}
.pro_r dl dd{ width:425px; float:left;height: 223px; padding:0 20px; border:#e6e6e6 1px solid;}
.pro_r dl dd h5{ height:40px; line-height:50px; overflow:hidden;}
.pro_r dl dd h5 a{ font-size:18px; color:#0b7057; }
.pro_r .cp_desc{font-size: 14px;color: #333;line-height: 25px;height: 100px;overflow: hidden; padding:5px 0 0;}
.pro_r dl dd span{ display:inline-block;width: 300px; padding:20px 0 0;}
.pro_r dl dd span a{display: block;float: left;font-size: 14px;color: #333; width:118px; height:33px;text-align: center;line-height: 33px; border:#c92219 1px solid;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;overflow: hidden; margin-right:20px;}
.pro_r dl dd span a:first-child{background: #0b7057;color: #fff; border:#0b7057 1px solid;}
.pro_m p{top: 75px;}
.pro_m li{width: 358px;float: left; padding:0 38px;overflow: hidden;}
.pro_m .pic{display:block;width:356px;height: 200px;-webkit-transition:all .3s;transition:all .3s; border:#e6e6e6 1px solid; }
.pro_m .pic img{width:100%;height:100%;display:block;margin:0 auto;}
.pro_m a:hover .pic{box-shadow:0 10px 15px 0 #aaa;z-index:2;-webkit-transform:translate(0,-2px);-webkit-transform:translate(0,-2px)}
.pro_m li em{display: block;font-size: 14px;color: #333;height: 40px;width: 356px;text-align: center;line-height: 50px;padding:5px 0 0;overflow: hidden;}
.pro_m li a:hover em{color: #0b7057;}

/*广告条*/
.ban01{ background:url(../images/index/ban01.jpg) no-repeat center 0; height:225px; overflow:hidden;}
.ban01 p{position: absolute;top: 45px;right: 0;width: 270px;}
.ban01 p span{ display:block; font-size:14px; color:#fff; background:url(../images/index/ban_tel.png) no-repeat 0 8px; padding:0 0 10px 46px;line-height: 26px;}
.ban01 p span b{display: block;font-size: 24px;}
.ban01 p em{ display:block;width: 240px; padding:10px 0 0;}
.ban01 p em a{width: 240px;height: 42px;line-height: 42px;background: #fff;font-size: 18px;color: #0b7057;}

/*优势*/
.ys{ padding:75px 0 60px;font-size: 0;}
.ys_t{height: 140px;text-align: center;font-size: 30px;color: #333;-webkit-transition:transform .3s;transition:transform .3s;line-height: 30px; background:url(../images/index/jz_line.png) no-repeat center 78px;}
.ys_t em{display: block; padding:10px 0 0;}
.ys_t i{display: block;font-size: 18px;color: #e0e0e0;text-transform: uppercase;font-weight: normal; padding:30px 0 0;}
.ys_t:hover{-webkit-transform:translate(0,-10px);transform:translate(0,-10px);}
.ys ul{ display:inline-block;width: 1200px; padding:65px 0 90px;}
.ys ul li{width: 230px;height: 307px;float: left;position: relative; padding:0 12px 0 0;}
.ys ul li img{width: 230px;height: 307px;}
.ys ul li span{font-size: 16px;color: #333; width:230px; display:block; text-align:center; height:50px; line-height:50px; position: absolute;bottom: 0;left: 0; background:rgba(255,255,255,0.8); overflow:hidden;}
.ys .nobor{padding: 0;}
.ys ul li p{ display:none;width: 282px;height: 376px;background: #0b7057;box-shadow: 0 3px 10px 3px #afadad;position: absolute;top: -35px;left: -30px;text-align: center;z-index: 20;}
.ys ul li p em{display: block;width: 73px; margin:0 auto; padding:48px 0 0;}
.ys ul li p em img{width: 73px;height: 73px;}
.ys ul li p b{display: block;font-size: 20px;color: #fff;height: 65px;line-height: 65px; background:url(../images/index/ys_line.gif) no-repeat center 63px;}
.ys ul li p i{display: block;font-size: 14px;color: #fff;line-height: 24px;width: 240px; margin:0 auto; padding:15px 0 0;}
.ys_bot{ display:inline-block; padding:0 0 0 380px;width: 600px;}
.ys_bot em{ display:block;width: 180px; padding:3px 20px 0 0;float: left;}
.ys_bot em a{width: 180px;height: 45px;line-height: 45px;font-size: 16px;font-weight: bold;}
.ys_bot span{ display:block;float: left; font-size:14px; color:#666; background:url(../images/index/ys_tel.gif) no-repeat 0 5px; padding:0 0 10px 50px;}
.ys_bot span b{display: block;font-size: 24px;color: #0c7058;}

/*施工资质*/
.honor_bg{ background:url(../images/index/honor_bg.gif) repeat-x;height: 520px; padding:50px 0 0;font-size: 0;}
.honor_l{width: 400px;}
.honor_t{height: 105px; background:url(../images/index/honor_ico01.gif) no-repeat 0 103px; margin:0 0 15px;}
.honor_t a{font-size: 24px;color: #09604b;}
.honor_t i{display: block;font-size: 12px;color: #d5d5d5;text-transform: uppercase;font-weight: normal; padding:15px 0 0;}
.honor_l ul li{font-size: 16px;color: #333;line-height: 40px; background:url(../images/index/honor_ico02.gif) no-repeat 0 17px;}
.honor_l ul li a{font-size: 16px;color: #333; padding:0 0 0 20px;}
.honor_r{width: 752px;height: 441px;box-shadow: 0 3px 10px 3px #d0d0d0;}
.honor_r img{width: 752px;height: 441px;}

/*服务流程*/
.liuc_bg{ background:url(../images/index/liuc_bg.jpg) no-repeat center 0;height: 310px; padding:36px 0 0;font-size: 0;overflow: hidden;clear: both;}
.liuc .ys_t{height:100px; background:url(../images/index/liuc_line.png) no-repeat center 38px;color: #fff;}
.liuc .ys_t i{color: #269077;}
/* */
.iflow{overflow:hidden;margin-top:25px; background:url(../images/index/liuc_jian.png) no-repeat 115px 33px;width:1216px;}
.iflow .item{float:left;width:84px;text-align:center;margin:0 75px 0 0;color:#fff;font-size: 18px;}
.iflow .item .icon{display:block;width:84px;height:84px;margin:0 auto 15px;position:relative;}
.iflow .item .icon i:before{content:'';}
.iflow .item .icon i,.iflow .item .icon i:before{position:absolute;width:100%;height:100%;top:0;left:0; background:url(../images/index/iflow_icon.png)}
.iflow .item .icon i.default{background-position:0 0;-webkit-transform: translateX(0) rotate(0);transform: translateX(0) rotate(0);-webkit-transition: all 0.35s ease-out;transition: all 0.35s ease-out;}
.iflow .item .icon i.hover{background-position:0 -84px;opacity:1;visibility:hidden;-webkit-transform: scale(0.5);transform: scale(0.5);-webkit-transition: all 0.1s ease 0.2s;transition: all 0.1s ease 0.2s;}
.iflow .item.i1 .icon i:before{background-position:0 -168px;}
.iflow .item.i2 .icon i:before{background-position:0 -252px;}
.iflow .item.i3 .icon i:before{background-position:0 -336px;}
.iflow .item.i4 .icon i:before{background-position:0 -420px;}
.iflow .item.i5 .icon i:before{background-position:0 -504px;}
.iflow .item.i6 .icon i:before{background-position:0 -586px;}
.iflow .item.i7 .icon i:before{background-position:0 -670px;}
.iflow .item.i8 .icon i:before{background-position:0 -754px;}
.iflow .item:hover .icon i.default{opacity: 0;visibility:hidden;-webkit-transform: translateX(100%) rotate(180deg);transform: translateX(100%) rotate(180deg);}
.iflow .item:hover .icon i.hover{visibility:visible;opacity:1;-webkit-transform:scale(1);transform:scale(1);}
.iflow .item.i8{ margin-right:0;}

/*客户见证*/
.jz_bg{background: #f2f2f2; padding:75px 0;font-size: 0;}
.jz .case_t i,.about .case_t i{color: #e0e0e0;text-transform: uppercase;}
.jz dl{width: 370px;float: left;height: 430px;box-shadow: 0 3px 10px 3px #ddd; margin:0 0 0 45px;overflow: hidden;}
.jz dl dt{width: 370px;height: 208px;overflow: hidden;}
.jz dl dt img{width: 370px;height: 208px;}
.jz dl dd{width: 340px;height: 190px;background: #fff; padding:15px;}
.jz dl dd h5{font-size: 16px;color: #333;height: 25px;line-height: 25px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.jz dl dd h5 a{font-size: 16px;color: #333;}
.jz dl dd em{display: block;font-size: 14px;color: #333;height: 22px;line-height: 22px;}
.jz dl dd em i{color: #aaa;float: right;}
.jz .jz_desc{font-size: 14px;color: #666;line-height: 24px;height: 96px; padding:10px 0 0;overflow: hidden;}
.jz dl dd span{display: block; padding:10px 0 0;}
.jz dl dd span img{width: 68px;height: 15px;}
.jz_m dl:first-child{margin: 0;}

/*走进念海消防*/
.about{ padding:65px 0;font-size: 0;} 
.about dl{width:1200px; display:inline-block; overflow:hidden;}
.about dl dt{ width:600px; height:450px; float:left;overflow: hidden;line-height: 0;}
.about dl dt img{ width:600px; height:450px;}
.about dl dd{width:570px; float:right;}
.about dl dd h4{ background:url(../images/index/ab_ico01.gif) no-repeat 0 43px; line-height:30px; height:45px; overflow:hidden;}
.about dl dd h4 a{ font-size:24px; color:#0b7057;}
.about .ab_desc{ line-height:35px; font-size:14px; color:#666 ;height:175px; padding:15px 0 0; overflow:hidden;}
.about ul{width: 570px; padding:50px 0 0;}
.about li{ float:left; width:177px;height: 100px;position: relative; padding:0 19px 0 0;line-height: 0;overflow: hidden;}
.about li img{ width:177px; height:100px;}
.about li a{ display:none;font-size: 18px;color: #fff;width: 177px;height: 100px;position: absolute;top: 0;left: 0; background:rgba(11,112,87,0.8);text-align: center;line-height: 100px;}
.about li:hover a{display: block;}
.about .nobor{padding: 0;}

/*新闻动态*/
.news,.wd{ width:590px; padding:0 0 50px; font-size:0;}
.news_t,.wd_t{ height:50px; line-height:50px;overflow: hidden;}
.news_t ul li{ float:left; padding:0 20px 0 0; background:url(../images/index/news_bor.gif) no-repeat right 19px;}
.news_t ul li a{ font-size:18px; color:#333; display:block; height:50px;}
.news_t ul li.on a,.news_t ul li a:hover{ color:#0b7057; font-weight:bold; background:url(../images/index/news_line.gif) no-repeat 0 48px;}
.news_t span,.wd_t span{ float:right;}
.news_t span a,.wd_t span a{ font-size:14px; color:#999;text-transform: uppercase;font-weight: normal;}
.news_t .nobor{ padding:0 0 0 10px; background:none;}
.news_pic{width: 588px;height: 153px;position: relative; padding:20px 0 0;}
.news_pic img{width: 588px;height: 153px;}
.news_pic em{display: block;width: 65px;height: 65px;position: absolute;top: 17px;right: -3px;}
.news_pic em img{width: 65px;height: 65px;}
.news dl{ width:590px; padding:15px 0 20px; margin-bottom:15px; border-bottom:#b3b3b1 1px solid; display:inline-block; overflow:hidden;}
.news dt{ width:590px;height: 35px;line-height: 35px;}
.news dt a{font-size: 16px;color: #333;font-weight: bold;display: block;float: left; width:460px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news dt span,.news_m ul li span{display: block;float: right;font-size: 14px;color: #777;}
.news dt a:hover,.wd_t a:hover,.wd dd h5 a:hover{color: #0b7057;}
.news dd{ width:590px; font-size:14px; color:#666; height:52px; line-height:26px;overflow: hidden;}
.news_m ul li{ height:36px; line-height:36px;width: 590px; overflow:hidden;}
.news_m ul li a{ font-size:14px; color:#333; padding:0 0 0 18px;width: 462px;display: block;float: left;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; background:url(../images/index/news_ico01.gif) no-repeat 0 17px;}
.news_m ul li a:hover{ color:#0b7057; background:url(../images/index/news_ico02.gif) no-repeat 0 17px;}

/*常见问题*/
.wd{ width:490px;}
.wd_t{ background:url(../images/index/news_line.gif) no-repeat 0 48px;}
.wd_t a{ font-size:18px; color:#333;}
.wd_m{ padding:20px 0 0;}
.wd dl{ width:490px; height:100px; padding:10px 0 20px;}
.wd dt{width: 180px;height: 100px;float: left;overflow: hidden;}
.wd dt img{width: 180px;height: 100px;}
.wd dd{width: 280px;float: right;}
.wd dd h5{ font-size:16px; color:#333;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding-left:30px; height:30px; line-height:30px; overflow:hidden; background:url(../images/index/wen.gif) no-repeat 0 5px;}
.wd dd h5 a{ font-size:16px; color:#333;}
.wd .wd_desc{ font-size:14px; color:#555; background:url(../images/index/da.gif) no-repeat 0 8px; padding:5px 0 0 30px; line-height:20px; height:60px; overflow:hidden;}

/*友情链接*/
.links_bg{ height:auto; background:#f2f2f2;line-height: 50px;overflow: hidden; width:100%;}
.links_l{font-size: 14px;color: #555;font-weight: bold;width: 75px;}
.links_c{ width:1125px;}
.links_c a{ padding:0 20px; display:inline-block;font-size: 14px; color:#555; background:url(../images/index/link_ico.gif) no-repeat 7px 22px;}

/**/
@-webkit-keyframes shake{
  from,to{-webkit-transform:translate3d(0, 0, 0);}
  20%,60%{-webkit-transform:translate3d(-10px, 0, 0);}
  40%,80%{-webkit-transform:translate3d(10px, 0, 0);}
}

@keyframes shake {
  from,to{transform:translate3d(0, 0, 0);}
  20%,60%{transform:translate3d(-10px, 0, 0);}
  40%,80%{transform:translate3d(10px, 0, 0);}
}