@charset "utf-8";


/*首页*/
.newswrap ul{overflow: hidden;width: 1210px;}
.newswrap li{width:292px;float:left;margin-right: 10px;}
.newswrap li .pic{display: block;width:292px;height: 350px;overflow: hidden;}
.newswrap li .pic img{width:100%;height:100%;}
.newswrap li .pic .show{display: block;width:100%;height:100%;position: absolute;left:0;top:0;z-index: 3;background:url(/templates/kmlm/images/black.png) repeat;transform: scale(2);
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    opacity: 0;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;}
.newswrap li .pic .show i{display: block;width:50px;height: 50px;position: absolute;left:50%;margin-left: -25px;top:50%;margin-top: -25px;background: url(/templates/kmlm/images/icon01.png) no-repeat;}
.newswrap li:hover .pic .show{transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); opacity:1; -webkit-opacity:1; -moz-opacity:1; visibility: visible; filter:alpha(opacity=100);transition:all 0.3s ease-in-out;
    -webkit-transition:all 0.3s ease-in-out;}

.newswrap li .info{background: #00a378;padding:18px;height: 154px;overflow: hidden;}
.newswrap li .title{font-size: 16px;max-height:48px;overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;border-bottom: 1px solid #01b384;padding-bottom: 8px;} 
.newswrap li .title a{color:#fff;line-height: 24px;}
.newswrap li .time{color:#5ee5c1;font-family: 'Arial';padding-top: 6px;border-top: 1px solid #01966f;}
.newswrap li .btn{position: absolute;left:18px;bottom:18px;}
.newswrap li .btn a{color:#fff;padding-left: 28px;background: url(/templates/kmlm/images/icon02.png) no-repeat left center;transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;}
.newswrap li .btn a:hover{transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;background: url(/templates/kmlm/images/icon02.png) no-repeat 4px center;}





/*产品展示*/
.proshowwrap{width: 100%;height:800px;background: url(/templates/kmlm/images/bg.jpg) no-repeat center top;}

.propart{overflow: hidden;width:1210px;}
.propart a{display: block;width:232px;height:240px;overflow: hidden;margin: 0 10px 10px 0;float:left;}
.propart a img{width:100%;height:100%;}
/*.propart a .show{width:100%;height:100%;position: absolute;left:0;top:0;background: url(/templates/kmlm/images/show.png) no-repeat;transform: scale(2); -webkit-transform: scale(2); -moz-transform: scale(2); opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); visibility: hidden; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;} */

.propart a .show{width: 100%;height: 40px;line-height: 40px;text-align: center;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;color:#fff;font-size: 16px;position: absolute;left:0;bottom:0;background: rgba(0,0,0,0.6);}


/*.propart a .show p{color:#fff;text-align: center;font-size: 20px;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;padding:88px 10px 0 10px;}*/
.propart a:hover .show{transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); opacity:1; -webkit-opacity:1; -moz-opacity:1; visibility: visible; filter:alpha(opacity=100);transition:all 0.3s ease-in-out;
    -webkit-transition:all 0.3s ease-in-out;}




/*工程业绩*/
.objcasemenu{text-align: center;margin-top: -10px;}
.objcasemenu a{color:#666;display: inline-block;*display:inline;zoom:1;margin-right: 46px;padding:0 0 10px 0;}
.objcasemenu a .line{display: none;width:100%;position: absolute;left:0;bottom:0;overflow: hidden;}
.objcasemenu a .line i{display: block;width:50%;height: 3px;overflow: hidden;}
.objcasemenu a .line i.l01{background: #000;float:left;}
.objcasemenu a .line i.l02{background: #00a378;float:right;}
.objcasemenu a.cur .line{display: block;}
.objcasemenu a.cur,.objcasemenu a:hover{color:#00a378;}
.objcasemenu a::after{content: "--";color:#d3d3d3;position: absolute;top:0;right:-28px;}
.objcasemenu a:last-child::after{display: none;}


.objcaseshow{padding:40px 0 20px 0;}
.objcaseshow menu{overflow: hidden;width:1220px;padding-bottom: 10px;padding-left: 10px;}
.objcaseshow menu a{display: block;width:386px;float:left;margin:0 20px 0 0;transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;margin-bottom: 20px;}
.objcaseshow menu a .pic{width:386px;height: 200px;overflow: hidden;}
.objcaseshow menu a .pic img{display: block;width:100%;height:100%;    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;}
.objcaseshow menu a:hover .pic img{transition:all 0.5s ease-in-out;
    -webkit-transition:all 0.5s ease-in-out;transform:scale(1.1);    -webkit-transform:scale(1.1);}
.objcaseshow menu a .info{padding:10px 20px;line-height: 24px;}
.objcaseshow menu a .info .title{color:#333;overflow:hidden;white-space: nowrap;text-overflow:ellipsis;}
.objcaseshow menu a .info .text{font-size: 12px;color:#999;overflow:hidden;white-space: nowrap;text-overflow:ellipsis;width:90%;}
.objcaseshow menu a:hover .info{background: url(/templates/kmlm/images/arrow03.png) no-repeat 356px center;}
.objcaseshow menu a:hover{box-shadow: 0 0 10px #b4b4b4;}
.objcaseshow menu a:hover .info .title{color:#00a378;}

.objcaseshow.mb menu a{margin-bottom: 30px;}
.objcaseshow.mb{padding:0;}



/*公司简介*/
.company-info{width:100%;height:437px;background: url(/templates/kmlm/images/aboutusbg.jpg) no-repeat center top;}
.company-info .text{font-size: 14px;color:#fff;text-align: center;line-height: 26px;padding:0 70px;height: 156px;overflow: hidden;}




/*产品*/
.promenu{width:186px;float:left;background: #85d3be;}
.promenu a{display: block;height:48px;line-height: 48px;color:#fff;text-align: center;border-bottom: 1px solid #fff;transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;}
.promenu a.cur,.promenu a:hover{height:94px;background: #4daa91;line-height: 80px;}
.promenu a i{display:block;width:45px;height: 14px;background: url(/templates/kmlm/images/arrow02.png) no-repeat;position: absolute;left:70px;top: 55px;transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; opacity: 0; -webkit-opacity: 0; -o-opacity: 0; -moz-opacity: 0; filter: alpha( opacity=0);}
.promenu a.cur i,.promenu a:hover i{opacity:1; -webkit-opacity:1; -o-opacity:1; -moz-opacity:1; filter: alpha( opacity=100);}


.prowrap{float:right;width:993px;overflow: hidden;}
.prolist{width:992px;overflow: hidden;padding-left: 10px;}
.prolist a{display: block;float:left;margin:0 10px 10px 0;width:238px;}
.prolist a img{display: block;width:100%;height:100%;transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;}
.prolist a .pic{width:238px;height: 245px;overflow: hidden;}
.prolist a:hover img{transition:all 0.5s ease-in-out;
    -webkit-transition:all 0.5s ease-in-out;transform:scale(1.1);    -webkit-transform:scale(1.1);}
.prolist a .title{height:50px;line-height: 50px;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;color:#333;text-align: center;}
.prolist a:hover{box-shadow: 0 3px 10px #ccc;}
.prolist a:hover .title{color:#4daa91;}

.prolist a .pic i{width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(/templates/kmlm/images/show01.png) no-repeat; transform: scale(2); -webkit-transform: scale(2); -moz-transform: scale(2); opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); visibility: hidden; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.prolist a:hover .pic i{transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); opacity:1; -webkit-opacity:1; -moz-opacity:1; visibility: visible; filter:alpha(opacity=100);transition:all 0.3s ease-in-out;
    -webkit-transition:all 0.3s ease-in-out;}





.prodetail{width:943px;float:right;padding:20px;border:1px solid #e0e0e0;overflow: hidden;box-shadow: 0 0 20px #BDBDBD;margin-bottom: 10px;}
.prodetail .pic{float:left;width:400px;height: 412px;}
.prodetail .pic img{width:100%;height:100%;}
.prodetail .text{width:520px;float:right;line-height: 30px;}

.proinfocon .tit{height:56px;line-height: 56px;padding-left: 12px;font-size: 16px;color:#333;font-weight: bold;border-bottom: 1px solid #e5e5e5;}
.proinfocon .tit i{display: block;width:4px;height: 20px;background: #01b384;position: absolute;left:0;top:50%;margin-top: -10px;}

.proinfocon .content{line-height: 30px;padding:10px 0 0 0;}





/*厂房容貌*/
.innermenu{overflow: hidden;height: 60px;padding-bottom: 20px;}
.innermenu a{display: block;float:left;height:50px;line-height: 50px;padding:0 34px;border:1px solid #999999;font-size: 16px;color:#666;margin:0 30px 0 0;}
.innermenu a i{display: none;width:13px;height: 10px;background: url(/templates/kmlm/images/arrow04.png) no-repeat;position: absolute;left:50%;margin-left: -7px;bottom:-10px;}
.innermenu a.cur i{display: block;}
.innermenu a.cur,.innermenu a:hover{color:#fff;background: #01b384;border-color:#01b384;}





/*.picshowlist{overflow: hidden;}*/
.picshowlist menu{/*padding-left: 10px;*/width:1230px;}
.picshowlist menu a{display: block;width:386px;float:left;margin:0 20px 30px 0;transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;}
.picshowlist menu a .pic{width:386px;height: 200px;overflow: hidden;}
.picshowlist menu a .pic img{display:block;width:100%;height:100%;transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;}
.picshowlist menu a:hover .pic img{transition:all 0.5s ease-in-out;
    -webkit-transition:all 0.5s ease-in-out;transform:scale(1.1);    -webkit-transform:scale(1.1);}

.picshowlist menu a .title{height:70px;line-height: 70px;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;color:#333;font-size: 16px;text-align: center;/*transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;*/}
/*.picshowlist menu a .title span{display: block;position: absolute;left:0;top:0;right:0;bottom:0;margin:auto;max-width:100%;max-height:100%;}*/


.picshowlist menu a:hover .title{color:#00a378;text-align: left;text-indent: 16px;/*transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;*/}
.picshowlist menu a:hover{box-shadow: 0 0 10px #b4b4b4;}

.picshowlist menu a:hover .info{background: url(/templates/kmlm/images/arrow03.png) no-repeat 356px center;}





/*内容页*/
.contentwrap{/*padding:0 40px;*/width:900px;margin:0 auto;}
.contentwrap.lit{width:1090px;}

.contentwrap .title{text-align: center;font-size: 20px;color:#333;padding-top: 26px;}
.contentwrap .data{font-size: 12px;color:#999;text-align:center;padding:20px 0;border-bottom: 1px solid #e5e5e5;}

.textwrap{overflow:hidden;margin-top: 20px;color:#666;line-height: 24px;}
.textwrap img{max-height: 100%;}

.piece{margin-top: 20px;padding-top: 20px;border-top:1px solid #e5e5e5;color:#999;line-height: 24px;margin-bottom: 20px;}
.piece a{color:#666;}
.piece a:hover{color:#01b384;}



/*留言*/
.messagewrap{padding:30px 0 0 290px;}
.messagewrap .row{margin-bottom: 8px;padding-left: 72px;}
.messagewrap .row lable{display: block;width:64px;text-align: right;height:40px;line-height: 40px;color:#666;position: absolute;left:0;top:0;padding-right: 6px;}
.messagewrap .row lable font{color:#fb0303;}
.messagewrap .row .text{width:398px;height:38px;border:1px solid #e3e1e2;line-height: 38px;display: block;text-indent: 10px;}
.messagewrap .row .text.lit{width:195px;}
.messagewrap .row label.error{color:#fb0303;padding-left: 22px;background: url(/templates/kmlm/images/errornotice.png) left center no-repeat;position: absolute;left:72px;bottom:-25px;font-size: 12px;}
.messagewrap .row textarea{width:384px;height: 106px;border:1px solid #e3e1e2;outline: none;padding:4px 8px;}
.messagewrap .yzm{display: block;width:95px;height: 38px;position: absolute;top:1px;left:280px;}
.messagewrap .yzm img{width:95px;height: 38px;}
.messagewrap .change{display: block;width:44px;line-height: 17px;color:#333;position: absolute;top:3px;left:386px;}

.messagewrap .row .sub{width: 172px;height: 40px;background: #00a378;color:#fff;}
.messagewrap .row .sub:hover{background: #018d68;}





/*空*/
.empty{height: 400px;background: url(/templates/kmlm/images/empty.png) no-repeat center 130px;}
.empty p{padding-top: 254px;font-size: 20px;color:#999;/*padding-left: 450px;*/text-align: center;}


.emptywrap{height:900px;background: url(/templates/kmlm/images/error.jpg) center top no-repeat #00a378;}
.emptywrap p{font-size: 22px;color:#fff;padding:454px 0 0 394px;}
.emptywrap menu{padding:26px 0 0 394px;overflow: hidden;}
.emptywrap menu a{display: block;float:left;width:154px;height:48px;background: #fff;color:#00a176;text-align: center;line-height: 48px;font-size: 16px;margin-right: 35px;border-radius: 10px;-webkit-border-radius: 10px;}
/*.emptywrap menu a:hover{background: #096ec8;}*/






/*联系我们*/
.contactwrap{overflow: hidden;}
.contactwrap .fl{width:360px;margin-left: 20px;}

.contactwrap .info{line-height: 36px;color:#333;margin-top: 20px;}

.contactewm img{width:215px;height:215px;}

.mapbox{width:643px;height: 370px;overflow:hidden;float:right;margin-top: 30px;margin-right: 20px;}




/*搜索结果*/
.searchtit{height:70px;line-height: 70px;border-bottom: 1px solid #e5e5e5;color:#999;padding-left: 22px;background: url(/templates/kmlm/images/icon04.png) no-repeat left center;}
.searchtit a{color:#999;}
.searchtit span{color:#00a378;}
.searchtit a:hover{color:#00a378;}

.newslist{margin:20px auto 0;width:1100px;}
.newslist li{height: 49px;line-height: 49px;border-bottom: 1px dashed #d0d0d0;}
.newslist li a{color:#333;display: block;width:640px;height: 49px;line-height: 49px;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
.newslist li a:hover{color:#00a378;}
.newslist li span{position:absolute;top:0;right:0;color:#999;font-family: "Arial";}