﻿@charset "utf-8";
*{margin:0;padding:0;}
html{font-size:62.5%;}
ul,li,dl,dt,dd{display:block;list-style:none}
img{border:0 none;vertical-align:top;max-width:100%;}
h5,h6{font-weight: normal;}
.fn-clear:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.fn-clear{zoom:1}
.clear{diplay:block!important;float:none!important;clear:both;overflow:hidden;width:auto!important;height:0!important;margin:0 auto!important;padding:0!important;font-size:0;line-height:0}
a{text-decoration:none;outline:0;color:#666}
.fn-left{float:left}
.fn-right{float:right}
.fn-relative{position:relative}
.fn-absolute{position:absolute}
body{position:relative;overflow-x:hidden;color:#666;font-family:\5FAE\8F6F\96C5\9ED1;}
.all{position:relative;z-index:10;right:0;top:50px;padding-bottom:60px;}
#wrapper{margin:0 auto;width:100%; max-width:640px;}
.wrap{width:94%;margin:0 auto 0px;}
.wrap02{width: 98%;margin:0 auto;}


.inCon{}
/*top*/
.top-jpg{width:100%;float:left;}
.header{width: 100%;margin: 0 auto;height:auto;position: fixed;z-index:9999;background:#fff;box-shadow: 0 0 4px #333;top: 0px;background-size: 100% 100%;}
.top{width: 100%;height: 100%;}
.logo{width:70%;margin:0 auto;background:url(../style/logo.png) no-repeat left center;display: block;height:50px;background-size: 90%;float: left;margin-left: 1%;}
.logoBox{}
.head-main{height:50px;width:100%;float:left;}
.logoBox a{text-indent: -9999em;height: 50px;
    overflow: hidden;
    display: block;}
.name{font-size: 1.4em;line-height: 50px;color:#fff;font-weight: bold;display: inline-block;margin:0 2%;}
.navBtn{cursor:pointer;position:absolute;right:0;width:18%;background:url(../style/nav.png) no-repeat right center;background-size:auto 46%;height:50px;margin-right:10px;-webkit-tap-highlight-color: transparent;-webkit-touch-callout: none;-webkit-user-select: none;}
.top .navBtn{background:url(../style/nav.png) no-repeat right center;}
.back{position: absolute;left:0px;top:0px;width: 18%;background: url(../style/home.png) no-repeat left center;background-size: auto 55%;height: 100%;margin-left:10px;-webkit-tap-highlight-color: transparent;-webkit-touch-callout: none;-webkit-user-select: none;z-index: 2;}
.topTitle{text-align: center;line-height: 50px;font-size: 1.6em;font-weight: bold;color:#333;position:relative;}
.topTitle span{width: 20%;height: 50px;background: url(../style/inNav.png) no-repeat center center;position: absolute;top:0;left: 56%;}
.pup{position: absolute;top: 50px;width: 40%;left: 30%;text-align: center;background:#28408f;padding-bottom: 4%;display:none;}
.pup a{display: block;color: #fff;font-size:0.8em;line-height: 40px;border-bottom: 1px #fff dashed;}
.pup p{color: #fff;font-size:0.8em;line-height: 40px;border-bottom: 1px #fff dashed;}
.pup .second{border-bottom: 1px #fff dashed;display: none;}
.pup .second a{line-height: 30px;font-size: .7em;border: none;text-align: left;padding-left:30%;background: url(../style/round.png) no-repeat 20% center;}

/*导航*/
.panel{width:12em; background:#d01515; height:100%; position:fixed; top:0; right:-12em; box-shadow:0.125em 0 0.5em rgba(0,0,0,0.2) inset;padding-top:40px;padding-bottom:60px;z-index:999;}
.panel li{ width:96%; margin:0 auto; border-bottom:1px solid #ffe4e2; font-weight:normal; font-style:normal; text-align:center; line-height:2.4em; font-size:1.2em;}
.panel li a{color:#fff;}

/*banner*/
.banner{max-width:100%;overflow:hidden;visibility:visible;position:relative;}
.banner img{width:100%;cursor:pointer}
#slider{line-height:0;text-align:center;}
#pagenavi{text-align:center;bottom:2%;width:100%;position:absolute;}
#pagenavi a{display:inline-block;width:1em;height:0.3em;margin-right:1%;background: #fff;}
#pagenavi a.active{background-color:#f90;}

/*服务项目*/
.item{overflow: hidden;margin-left: 2%;}
.item li{float: left;width: 30%;margin: 3% 1.53%;}
.item a.item img{display: block;width: 100%;}
.item a{display: block;position: relative;}
.item p{font-size: 1.2em;color: #fff;font-weight: bold;line-height: 2em;text-align: center;left: 0px;top: 20%;position: absolute;width:100%;}

/*首页标题*/
.title{text-align: center;}
.title h2{font-size: 1.2em;color: #d01515;line-height: 2em;background: url(../style/title.png) no-repeat center center;background-size: 40%;}
.title p{ text-transform:uppercase; color:#941a1a}
.titleFl{text-align: center; width:96%; margin:2% auto;}
.titleFl a{ width:23%;/* float:left;*/ display:inline-block; margin:1% 1%; background:#efefef; text-align:center; line-height:2em; font-size:0.8em; border-radius:5%; color:#333;}
/*产品*/
.pro{overflow: hidden;}
.pro li{float: left;width: 48%;margin: 1%;text-align: center; }
.pro li a,.pro li img{display: block; width:100%; height:132px; overflow:hidden;object-fit:cover;}
.pro li a.txt{font-size: 1.1em;color: #333;line-height: 2em;height: 2em;overflow: hidden;}

/*关于我们*/
.aboutBox{width: 100%;padding: 1% 0;background: #f6f6f6;margin:4% auto 3%;}
.about{margin-bottom: 2%;}
.about img{ width:100%; display:block; margin:2% auto;}
.about p{line-height: 1.4em;font-size: 1em; overflow: hidden;}
.aboutBox .more{margin-top: 4%;}
.more{width: 40%;line-height: 2.4em;background:#e50112;color: #fff;text-align: center;margin:2% auto;display: block;border-radius: 50px;}

/*案例*/
.anli{overflow: hidden;}
.anli li{float: left;width: 46%;margin: 2%;text-align: center;}
.anli div{padding: 4% 2% 0;border: 1px #ccc solid;}
.anli li a,.anli li img{display: block; width:154px; height:115px; overflow:hidden;}
.anli li a.txt{font-size: 1em;color: #333;line-height: 2em;height: 2em;overflow: hidden;}
/*新闻资讯*/
.newsBox{width: 100%;padding: 1% 0;background: #f6f6f6;margin:4% auto 3%;}
.news{margin-bottom: 2%;}
.news li{padding: 3% 0;border-bottom: 1px #ccc dashed;}
.news a{display: block;/*padding-left: 4%;background: url(../style/round.png) no-repeat left .4em;*/line-height: 1.2em;font-size: 1.1em;color: #333;height: 1.2em;overflow: hidden;}
.news a span{ color:#941a1a;}
.news h5{/*padding-left: 4%;*/font-size: .8em;color: #ccc;line-height: 2em;}
.news p{line-height: 1.2em;font-size: 1em;/*padding-left: 4%;*/max-height: 2.2em;overflow: hidden;}
.newsBox .more{margin-top: 4%;}

/*回到顶部*/
.itop{width: 100%;background:#d01515;text-align: right;margin: 4% auto;}
.itop a{display:inline-block;padding-right: 6%;font-size: 1.2em;color: #fff;font-weight: bold;background:url(../style/top.png) no-repeat right center;margin-right: 4%;line-height:2em;}
/*联系*/
.contact{line-height:1.5em;font-size:1.1em;color:#666;text-align: center;}
.contact p{ font-size:1em; line-height:1.5em; text-align:left; color:#666;}
/*底部*/
.footer{position:fixed;bottom:0px;left:0px;z-index:999;background:#d01515;width:100%;overflow:hidden;}
.footer li{float:left;width:25%;text-align:center;}
.footer li a{color:#fff;height:3em;line-height:3em;font-size:1.2em;padding-left:40%;width:50%;display: block;margin:0 auto;}
.footer li .footer01{background:url(../style/iconkc.png) no-repeat 20% center;background-size: 34%;}
.footer li .footer02{background:url(../style/iconyh.png) no-repeat 20% center;background-size: 34%;}
.footer li .footer03{background:url(../style/iconwx.png) no-repeat 20% center;background-size: 32%;}
.footer li .footer04{background:url(../style/icondh.png) no-repeat 20% 60%;background-size: 26%;}

/*内页*/
.inCurrent{clear:both;width: 100%;margin: 0 auto;color: #888;line-height:2rem;height:2rem;padding:2.5% 0;}
.inCurrent li{margin-left:1%;float:left;}
.inCurrent a{margin: 0;}

/*关于我们*/
.inAbout{line-height: 1.6em;margin-top: 2%;}
.inAbout p{line-height: 1.6em;font-size: 1em; overflow: hidden;}
.inAbout p span{ color:#f90;}
.inAbout img{max-width: 100%;width:100%; display:block; margin:2% auto;}

/*维修*/
.weixiu{line-height: 1.6em;margin-top: 2%;}
.weixiu h1{line-height: 2em;font-size: 1.5em; overflow: hidden; font-weight:normal; color:#f90;}
.weixiu p{line-height: 1.6em;font-size: 1em; overflow: hidden;}
.weixiu img{max-width: 100%;width:100%; display:block; margin:2% auto;}

/*分页*/
.page{text-align: center;width: 100%;margin:2% auto;}
.pageList{text-align: center;width: 100%;}
.pageList a{padding:0 1%;display: inline-block;font-size: 1.1em;}

/*企业风采*/
.honor{overflow: hidden;padding: 2% 0 1%;}
.honor li{float: left;width: 46%;margin: 2% 2%;}
.honor li img{display: block; width:162px; height:122px; overflow:hidden;}
.honor li p{text-align: center;font-size: 1.1em;line-height: 1.6em;color: #333;height: 1.6em;overflow: hidden;}

/*人力资源*/
.inJob{padding: 2%;}
.inJob li{overflow: hidden;padding: 2% 0px;border-bottom: 1px #ccc solid;}
.inJob div.inJLeft{float: left;width:20%;background: #f2f2f2;text-align: center;height: 3em;padding: 2% 0px;}
.inJob div.inJLeft h5{font-size: 1.2em;line-height: 1.7em;}
.inJob div.inJLeft h6{font-size: .8em;line-height: 1.2em;}
.inJob div.inJRight{float: right;width: 76%;}
.inJob div.inJRight a{line-height: 2em;color: #333;font-size: 1.1em;height:1.6em;overflow: hidden;display: block;}
.inJob div.inJRight p{line-height: 1.6em;height:1.6em;overflow: hidden;}

/*下载中心*/
.down{padding: 2% 0px;}
.down li{ width:100%; height:2em; padding: 2% 0;border-bottom: 1px #ccc dashed;}
.down h1{ width:75%; float:left; display:block; font-size: 1em; color: #333; text-align:left; line-height: 2em;max-height: 2em;overflow: hidden; margin-left:2%;}
.down p{ width:18%; float:right; display:block;line-height:2em;font-size: 1em;max-height: 2em;overflow: hidden; text-align:right; margin-right:2%; color:#e50112;}

/*详情页*/
.inDetail{width: 94%;margin:2% auto;}
.inDetail h2.inDTop{font-size: 1em;color: #ccc;}
.inDetail .inDTitle{font-size: 1.2em;color: #333;text-align: center;}
.inDetail div.inDMsg{text-align: center;}
.inDMsg span{display: inline-block;margin:1% 2% 0;font-size: .9em;color: #999;}
.inDCon{margin-top: 1%;min-height: 300px;line-height: auto;margin-top: 2%;}
.inDCon h5{ font: 400 1.4rem normal;
    padding-left: 10px;
    margin: 20px 0;
    border-left: 2px solid #ee7800;}
.inDCon p{overflow: hidden; overflow: hidden;line-height: 1.5em;font-size: 1em;color: #333; }
.inDCon img{display:block; margin:2% auto;height:auto !important;width:100% !important;}



.inBack{display: block;width: 30%;line-height: 2.2em;background:#f90;color:#fff;text-align: center;margin:4% auto;border-radius:5%;font-size: 1.2em;}
.inBack:hover{background: #97c618;}

/*联系我们*/
.inCoTitle{font-size: 1.2em;color: #333;line-height: 1.4em;padding:2% 0px;margin: 2% 0;}
.inCoCon p{font-size: 1.1em;line-height: 2em;}
.inCoCon img{max-width: 100%;}


/*在线留言*/
.inMsg{text-align: center;}
.inMsg h1{font-size: 1.8em;line-height: 2em; color:#999;}
.inMsg p{line-height: 1.2em; text-align:center;}
.inMessages{margin-top:6%;}
 .inMessages li{overflow: hidden;line-height: 2em;margin-bottom:4%;}
.inMessages li span{float:left;width: 18%;font-size: 1.1em;text-align: right;}
.inMessages li input{width: 74%;float: left;border:1px #ccc solid;line-height:2em;margin-left:2%;padding-left: 2%;}
.inMessages li textarea{width:74%;float: left;border:1px #ccc solid;line-height:2em;margin-left:2%;padding-left: 2%;display: block;height: 4em;}
.subBtn{margin-left:22%;width: 30%;line-height: 2em;border:1px #f00 solid;border-bottom:2px #f00 solid;background:#e50112;font-size: 1.2em;color:#fff;padding-right: 2%;}

/*详情页*/
.inTeTop{margin-top: 2%;}
.inTeTop h3{padding: 2%;border: 1px #ccc solid;width: 40%;margin: 0 auto;}
.inTeTop img{display: block;width: 100%;}
.inTeTop h2{font-size: 1.2em;color: #333;text-align: center;line-height: 2em;}
.inTeTips{overflow: hidden;border-bottom: 1px #ccc dashed;line-height: 1.8em;padding-bottom: 2%;}
.inTeTips span,.inTeTips em{font-style: normal;float: left;}
.inTeTips em{margin: 0 2%;}
.inTeList{margin: 2% 0;}
.inTeList li{line-height: 1.8em;}
.inTeList li strong{color: #333;}
.inTitle{background: #f2f2f2;line-height: 2em;border-left: 3px #014694 solid;padding-left: 2%;font-size: 1.2em;color: #333;margin: 3% 0;}


/*在施工地*/
/*.inPro{padding: 1% 0;}
.inPro li{overflow: hidden;padding: 3% 0;border-bottom: 1px #ccc solid;}
.inPro a,.inPro img{display: block;}
.inPro a.pic{float: left;width: 30%;}
.inPRight{float: right;width: 66%;}
.inPRight a.txt{line-height: 2em;font-size: 1.1em;color: #333;height: 2em;overflow: hidden;}
.inPRight p{line-height: 1.6em;font-size: .9em;color: #999;height: 3.2em;overflow: hidden;}
*/
/*案例*/
/*.inCaBox h3{width:40%;font-size: 1.1em;color: #333;background:#006dbb;text-align: center;font-weight: normal;color: #fff;line-height:44px;cursor: pointer;margin: 3% auto 2%;}
.inCaTop{position: fixed;padding:60px 4% 0;background: rgba(0,109,187,.8);top: 0px;left: 0px;width: 92%;height: 100%;display: none;z-index: 9999;}
.inCaTop li{line-height: 2em;overflow:hidden;}
.inCaTop h2{border-bottom: 1px #ccc solid;font-size: 1em;margin: 3% 0;}
.inCaTop h2 span{width:30%;font-size: 1.1em;color: #333;background:#f7f7f7;text-align: center;font-weight: normal;display: block;}
.inCaTop div{font-size: 1em;padding-bottom: 3%;overflow: hidden;border-bottom: 1px #ccc solid;}
.inCaTop a{display: block;padding:0px 2%;text-align: center;float: left;line-height:1.8em;height:1.8em;overflow: hidden;color: #fff;}
.inCaTop a.selected{background: #f1f1f1;color: #333;}
.inCaTop h5{float: right;width: 30%;color:#fff;background: #fe8f10;text-align: center;margin-top: 5%;}
*/
/*案例详情页*/

/*.inDCBig{width: 352px;height: 264px;overflow: hidden;margin:3% auto 0;border-top: 1px #ccc dashed;padding-top: 3%;}
.inDCList{overflow: hidden;}
.inDCList li{width: 30%;margin:2% 1.5%;float: left;}
.inDCList li h5{border: 2px #fff solid;}
.inDCList li.active h5{border: 2px #014694 solid;}*/

@media screen and (max-width:640px){body,html{font-size:16px}}
@media screen and (max-width:540px){body,html{font-size:15px}}
@media screen and (max-width:480px){body,html{font-size:14.5px}}
@media screen and (max-width:420px){body,html{font-size:14px}}
@media screen and (max-width:360px){body,html{font-size:13.5px}}
@media screen and (max-width:320px) {body,html{font-size:12.5px}}
.kcfl{clear:both;height:auto;overflow: hidden;margin-bottom:2%;border-bottom:1px solid #ccc;}
    .kcfl li{    float: left;
    width: 20%;
    margin: 1% 0;
    padding: 0 5px;
    box-sizing: border-box;}
    .kcfl li a{    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 32px;
    height: 32px;
    color: #333;
    text-align: center;
    border-radius: 2px;
    background: #f4f4f4;}
    .kcfl li a:hover{color: #fff;
    background: #ee6f33;}

    .sbox{width:100%; max-width:640px; min-width:320px; margin-right: auto; margin-bottom: 0; margin-left: auto; float:left; background: #f5f5f5;}
#searchform {
    height: 40px;
    line-height: 40px;
    margin:10px 0;text-align:center;
}
#keyboard {
    height: 40px;
    line-height: 40px;
    border: none;
    padding-left: 10px;
    width:75%;
}.ssyx {
    height: 40px;
    width: 90px;
    border: none;
    margin-left:5%
    color:#C00D2B;
    width:20%;
}
.kcinfo h1{font: 500 1.8rem normal;display:block;margin-bottom:10px;}
.kcjj{width:100%;height:auto;overflow: hidden;margin-bottom:10px;border-bottom:1px solid #f5f5f5;}
.kcjj li{font:normal 1rem normal;text-align:center;line-height:160%;width:23%;margin:1%;padding:1% 0;float:left;background: #f5f5f5;color:#333;}
.kcjj li span{color:#666;}
    .list{}
    .list ul{height:auto;overflow: hidden;margin-bottom:100px;}
    .list-tuwen{padding-left:0;margin:0;width:100%;height:auto;overflow:hidden;background-color: #fff;}
.list-tuwen li{width:100%;border-top: 1px solid #eee;}
.list-tuwen a{    position: relative;
    display: block;
    padding: 15px 10px;
    overflow: hidden;
    
}
.list-tuwen img{
    float: left;
    width: 140px;
    height: 93px;
    margin-right: 10px;}
.list-tuwen h4{    height: 50px;
    line-height: 24px;
    font-size: 1.4rem;
    font-weight:500;
    margin: 0 0 5px 0;
    color: #444;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
.list-tuwen time{    float: right;
    font-size: 14px;
    color: #aaa;
    line-height: 20px;
}
.list-h1{font:500 1.6rem normal;height:2.4rem;line-height: 2.4rem;text-align:center;width:100%;margin-bottom:1rem;}

.kcmbx{line-height:30px;padding:2% 1% 1% 1%;overflow: hidden;}
.kcmbx li{float:left;margin-right:10px;color:#999;}
.kcmbx a{color:#999;}
.kcmbx a:hover{color:#ee7800;}
