@charset "utf-8";

html,body{
    margin:0;
    padding: 0;
    width: 100%;
    height: 100%;
    background-color: #1f1f1f;
    font-family: "微软雅黑";
}

/* 重设样式 */
*{margin:0;padding:0;list-style:none;border:none;outline:none;}
body{ font:12px/1.5 "微软雅黑","Microsoft YaHei","Helvetica Neue",Helvetica,Arial,sans-serif;font-style: normal;font-variant:normal;color:#000000;}
/* 内外边距通常让各个浏览器样式的表现位置不同 */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    margin: 0;
    padding: 0;
}
input, select, textarea {font-size: 100%;}
/* 去掉各 Table  cell 的边距并让其边重合 */
table {border-collapse: collapse;border-spacing: 0;}
/* 去除默认边框 */
fieldset, img {border: 0;}
/* 去掉 firefox 下此元素的边框 */
abbr, acronym {border: 0;font-variant: normal;}
/* 一致的 del 样式 */
del {text-decoration: line-through;}
address, caption, cite, code, dfn, em, th, var,i {font-size:100%;font-style: normal;font-weight: normal;}
/* 去掉列表前的标识, li 会继承 */
ol, ul {list-style: none;}
/* 对齐是排版最重要的因素, 别让什么都居中 */
caption, th {text-align: left;}
/* 来自 yahoo, 让标题都自定义, 适应多个系统应用 */
h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight: normal;}
q:before, q:after {content: '';}
/* 正常链接 未访问 */
/* 鼠标悬停 */
a:hover {text-decoration:none;}
/* 默认不显示下划线，保持页面简洁 */
ins, a {text-decoration: none;color:#000000;
    -moz-transition:all .3s ease-in;
    -webkit-transition:all .3s ease-in;
    -o-transition:all .3s ease-in;
    -ms-transition:all .3s ease-in;
    transition:all .3s ease-in;}
div {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
}

.whole{
    width: 100%;
    height: 100%;
}
.banner{
    background: url("../images/b-a1.jpg") center no-repeat;
    width: 100%;
    height: 980px;
    /*width: 100vw;*/
    /*height:100vh;*/
    /*background-size: 100% 100%;*/
    overflow: hidden;
}
.banner .ban-img{
    background: url("../images/b-hua1.png") center no-repeat;
    width: 100%;
    height: 980px;
    overflow: hidden;
}

/*铲大白*/

.chan-bai{
    background: url("../images/d-1.jpg") center no-repeat;
    width: 100%;
    height: 747px;
    position: relative;
}
.chan-bai .chan-zhong{
    border: 0;
    padding: 0;
    width: 1100px;
    margin: 0 auto;
    height: 100%;
    position: relative;
}
.chan-bai .achan-zi{
    position: absolute;
    width: 380px;
    height: 250px;
    color: #ffffff;
    bottom: 110px;
    left: 100px;
    line-height: 1.5;
    font-size: 16px;
}
.chan-bai .achan-zi i{
    font-style: normal;
    color: #f7b500;
}

/*放线*/
.fang-xian{
    background: url("../images/f-2.jpg") center no-repeat;
    width: 100%;
    height: 682px;
    position: relative;
}

.fang-xian .fang-zhong{
    border: 0;
    padding: 0;
    width: 1100px;
    margin: 0 auto;
    height: 100%;
    position: relative;
}
.fang-xian .fang-zhong .fang-zi{
    position: absolute;
    width: 630px;
    height: 250px;
    color: #ffffff;
    top: 55px;
    right: 0;
    line-height: 1.5;
    font-size: 16px;
}
.fang-xian .fang-zhong .fang-zi i{
    font-style: normal;
    color: #f7b500;
}

/*力工*/

.li-yi{
    background: url("../images/l-1.jpg") center no-repeat;
    width: 100%;
    height: 880px;
    position: relative;
}
.li-yi .li-zhong{
    border: 0;
    padding: 0;
    width: 1100px;
    margin: 0 auto;
    height: 100%;
    position: relative;
}

.li-yi .li-zhong .li-zi1{
    position: absolute;
    width: 400px;
    height: 175px;
    color: #ffffff;
    bottom: 0;
    left: 220px;
    line-height: 1.5;
    font-size: 16px;
}

.li-yi .li-zhong .li-zi2{
    position: absolute;
    width: 436px;
    height: 175px;
    color: #ffffff;
    bottom: 0;
    right: 0;
    line-height: 1.5;
    font-size: 16px;
}

.li-yi .li-zhong .li-zi1 i,.li-yi .li-zhong .li-zi2 i{
    font-style: normal;
    color: #f7b500;
}

/*水电*/

.shu-1{
    background: url("../images/s-1.jpg") center no-repeat;
    width: 100%;
    height: 676px;
    position: relative;
}

.shu-2{
    background: url("../images/sd-2.jpg") center no-repeat;
    width: 100%;
    height: 579px;
    position: relative;
}

.s-1-zh,.s-2-zh{
    border: 0;
    padding: 0;
    width: 1100px;
    margin: 0 auto;
    height: 100%;
    position: relative;
}

.shu-1-zi{
    position: absolute;
    width: 255px;
    height: 175px;
    color: #ffffff;
    bottom: 45px;
    left: 0;
    line-height: 1.5;
    font-size: 16px;
}
.shu-2-zi{
    position: absolute;
    width: 260px;
    height: 175px;
    color: #ffffff;
    bottom: 90px;
    left: 0;
    line-height: 1.5;
    font-size: 16px;
}

.shu-1-zi h3,.shu-2-zi h3{
    color: #f7b500;
}

.shu-1-zi p,.shu-2-zi p{
    color: #ffffff;
    font-size: 16px;
    border-bottom: 1px solid #696969;
    padding-top: 5px;;
}

.shu-d1{
    position: absolute;
    color: #ffffff;
    width: 222px;
    right: 369px;
    top: 143px;
    font-size: 15px;
}

.shu-d1 i,.shu-d2 i,.shu-d3 i,.shu-d4 i,.shu-d5 i{
    color: #e9b500;
    font-style: normal;
}
.shu-d2{
    position: absolute;
    color: #ffffff;
    width: 222px;
    right: 96px;
    top: 65px;
    font-size: 15px;
}
.shu-d3{
    position: absolute;
    color: #ffffff;
    width: 145px;
    right: 554px;
    bottom: 185px;
    font-size: 15px;
}
.shu-d4{
    position: absolute;
    color: #ffffff;
    width: 110px;
    right: 0;
    bottom: 205px;
    font-size: 15px;
}
.shu-d5{
    position: absolute;
    color: #ffffff;
    width: 222px;
    right: 56px;
    bottom: 65px;
    font-size: 15px;
}


.shu-d2-1{
    position: absolute;
    left: 384px;
    color: #000000;
    width: 100px;
    text-align: center;
    top: 191px;
    font-size: 16px;
}
.shu-d2-1 i,.shu-d2-2 i,.shu-d2-3 i,.shu-d2-4 i,.shu-d2-5 i{
    color: #000000;
    font-style: normal;
    font-weight: 600;
}

.shu-d2-2{
    position: absolute;
    left: 525px;
    color: #000000;
    width: 100px;
    text-align: center;
    top: 244px;
    font-size: 16px;
}

.shu-d2-3{
    position: absolute;
    right: 330px;
    color: #000000;
    width: 100px;
    text-align: center;
    top: 177px;
    font-size: 16px;
}

.shu-d2-4{
    position: absolute;
    right: 190px;
    color: #000000;
    width: 100px;
    text-align: center;
    top: 254px;
    font-size: 16px;
}

.shu-d2-5{
    position: absolute;
    right: 46px;
    color: #000000;
    width: 100px;
    text-align: center;
    top: 166px;
    font-size: 16px;
}


/*瓦工*/

.wa-gong{
    background: url("../images/w-1.jpg") center no-repeat;
    width: 100%;
    height: 1008px;
    position: relative;
}

.wa-gong .wa-zhong{
    border: 0;
    padding: 0;
    width: 1100px;
    margin: 0 auto;
    height: 100%;
    position: relative;
}

.wa-gong .wa-zhong .wa-zi{
    position: absolute;
    font-size: 15px;
    top: 304px;
    color: #ffffff;
    right: 0;
    width: 980px;
}

.wa-gong .wa-zhong .wa-zi i{
    color: #e9b500;
    font-style: normal;
}

/*木工*/

.mu-gong{
    background: url("../images/m-1.jpg") center no-repeat;
    width: 100%;
    height: 834px;
    position: relative;
}

.mu-gong .mu-zhong{
    border: 0;
    padding: 0;
    width: 1100px;
    margin: 0 auto;
    height: 100%;
    position: relative;
}

.mu-1{
    position: absolute;
    font-size: 16px;
    color: #ffffff;
    left: 59px;
    bottom: 360px;
    width: 173px;
}

.mu-2{
    position: absolute;
    font-size: 16px;
    color: #ffffff;
    left: 446px;
    bottom: 80px;
    width: 173px;
}

.mu-3{
    position: absolute;
    font-size: 16px;
    color: #ffffff;
    right: 75px;
    bottom: 80px;
    width: 300px;
}

.mu-1 i,.mu-2 i,.mu-3 i{
    font-style: normal;
    color: #f9b100;
    display: -webkit-box;
}

/*油工*/

.you-gong{
    background: url("../images/y-1.jpg") center no-repeat;
    width: 100%;
    height: 1006px;
    position: relative;
}

.you-gong .you-zhong{
    border: 0;
    padding: 0;
    width: 1100px;
    margin: 0 auto;
    height: 100%;
    position: relative;
}

.you-zi{
    width: 200px;
    position: absolute;
    color: #fff;
    font-size: 15px;
    left: 121px;
    top: 100px;
}
.you-1{
    position: absolute;
    color: #fff;
    font-size: 15px;
    right: 260px;
    top: 60px;
}

.you-2{
    position: absolute;
    color: #fff;
    font-size: 15px;
    left: 440px;
    bottom: 432px;
    width: 271px;
}

.you-3{
    position: absolute;
    color: #fff;
    font-size: 15px;
    right: 15px;
    bottom: 160px;
    width: 285px;
}

.you-1 i,.you-2 i,.you-3 i,.you-4 i,.you-5 i{
    font-style: normal;
    color: #f9b100;
    display: -webkit-box;
}


/*验收*/

.yan-shou{
    background: url("../images/yb-1.jpg") center no-repeat;
    width: 100%;
    height: 900px;
    position: relative;
}

.yan-shou .yan-zhong{
    border: 0;
    padding: 0;
    width: 1100px;
    margin: 0 auto;
    height: 100%;
    position: relative;
}

.yan-zi{
    color: #ffffff;
    width: 440px;
    position: absolute;
    right: 81px;
    bottom: 72px;
    font-size: 15px;
}

.yan-zi i{
    color: #f9b100;
}

/**/

#servicesBox {
    width: 1230px;
    height: 320px;
    margin: 0 auto;
    clear: both;
    padding: 60px 0px 45px 0px;
    line-height: 18px;
    color: #999999;
    font-size: 12px;
}

#servicesBox .serBox {
    cursor: pointer;
    display: inline;
    width: 293px;
    height: 300px;
    float: left;
    overflow: hidden;
    background-color: #f7b500;
    position: relative;
    border-radius: 5px;
}

#servicesBox .serBoxOn {
    display: none;
    width: 396px;
    height: 270px;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 19;
}

#servicesBox .serBox .pic1 {
    width: 130px;
    height: 130px;
    text-align: center;
    position: absolute;
    top: 22px;
    right: 80px;
    z-index: 99;
}

#servicesBox .serBox .pic2 {
    width: 110px;
    height: 110px;
    text-align: center;
    position: absolute;
    top: 22px;
    left: -143px;
    z-index: 99;
}

#servicesBox .serBox .txt1 {
    width: 180px;
    height: 100px;
    color: #1f1f1f;
    position: absolute;
    top: 143px;
    left: 58px;
    z-index: 99;
    text-align: center;
    padding-top: 15px;
    font-size: 16px;
}

#servicesBox .serBox .txt2 {
    width: 180px;
    height: 100px;
    color: #1f1f1f;
    position: absolute;
    top: 143px;
    right: -280px;
    z-index: 99;
    text-align: center;
    padding-top: 15px;
    font-size: 16px;
}

#servicesBox .serBox span.tit {
    font-size: 16px;
    display: block;
    height: 50px;
    line-height: 40px;
    text-align: center;
}

#servicesBox .serBox .txt1 .tit {
    color: #000000;
}

#servicesBox .serBox .txt2 .tit {
    color: #fd8200;
}

.fgH20 {
    float: left;
    width: 19px;
    height: 270px;
}

#servicesBox h3 {
    font-weight: normal;
    font-size: 16px;
    height: 30px;
    line-height: 20px;
    color: #000000;
}

.servicesPop {
    width: 100%;
    clear: both;
    height: 320px;
    padding-top: 33px;
    position: absolute;
    top: -3px;
    left: 0px;
    z-index: 999;
    display: none;
}

.servicesPop #serFocus {
    width: 1260px;
    height: 273px;
    margin: 0 auto;
    clear: both;
    background-color: #ffffff;
}

#serFocus div.box {
    width: 1260px;
    height: 273px;
    display: none;
    color: #999999;
}



/*动画*/

.moveFromRightBottom {
    animation: moveFromRightBottom 3s ease both;
    -webkit-animation: moveFromRightBottom 3s ease both
}

@keyframes moveFromRightBottom {
    from {
        opacity: 0;
        transform: translate(150%,-150%);
    }

    to {
        opacity: 1;

    }
}
@-webkit-keyframes moveFromRightBottom {
    from {
        -webkit-transform: translate(150%,-150%);
        -webkit-opacity: 0
    }

    to {
        -webkit-opacity: 1;

    }
}