@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("../img/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("../img/b-hua1.png") center no-repeat;
    width: 100%;
    height: 980px;
    overflow: hidden;
}

/*铲大白*/

.chan-bai{
    background: url("../img/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("../img/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("../img/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("../img/s-1.jpg") center no-repeat;
    width: 100%;
    height: 676px;
    position: relative;
}

.shu-2{
    background: url("../img/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("../img/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("../img/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("../img/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("../img/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;

    }
}



.hu_xin_bao{width:  100%;height:  auto;overflow:  hidden;position:  relative;padding: 40px 0;}
.hu_xin_bao .hu_xin_bao_center{width:  1200px;margin:  0 auto;height:  auto;position:  relative;border: 1px solid #1f1f1f;box-shadow: 0px 0px 30px 10px #1f1f1f;border-radius: 20px;background: #2e302f;}
.hu_xin_bao .hu_xin_bao_center .hu_xin_fu{width:  100%;overflow:  hidden;margin-bottom: 40px;background: #2e302f;}
.hu_xin_bao .hu_xin_bao_center .piao_fu_name_1{width: 1090px;height: 120px;margin: 50px auto 0;font-size: 48px;text-align:  center;line-height:  120px;background: #2e302f;color: #f29700;font-weight:  bold;border-radius: 15px;border: 3px solid #f29700;}

.hu_xin_bao .hu_xin_bao_center .hu_xin_fu .piao_fu_name_left{float: left;width: 45%;margin-left: 40px;margin-top: 40px;}
.hu_xin_bao .hu_xin_bao_center .hu_xin_fu .piao_fu_name_left .home-design-form{padding: 10px 5px 30px;background: #2e302f;}
.hu_xin_bao .hu_xin_bao_center .hu_xin_fu .piao_fu_name_left .home-design-form .form-list-box{height: 55px;margin-bottom: 10px;border-radius:10px;}
.hu_xin_bao .hu_xin_bao_center .hu_xin_fu .piao_fu_name_left .form-list-box .form-area,.form-list-box .form-loction,.form-list-box .form-phone{width: 49%;float:left;position:relative;height: 55px;border-radius:5px;background:#EEE;}
.hu_xin_bao .hu_xin_bao_center .hu_xin_fu .piao_fu_name_left .form-list-box .form-area{float:right}
.hu_xin_bao .hu_xin_bao_center .hu_xin_fu .piao_fu_name_left .form-list-box .form-area,.form-list-box .form-yusuan-provinces{position:relative}
.hu_xin_bao .hu_xin_bao_center .hu_xin_fu .piao_fu_name_left .form-list-box input[type=tel],.form-list-box input[type=text]{display:block;text-align:left;width: 92%;color:#7b7b7b;border:none;outline:0;font-size: 16px;line-height: 55px;background:#EEE;}
.hu_xin_bao .hu_xin_bao_center .hu_xin_fu .piao_fu_name_left .yusuan-areas-input,.yusuan-provinces-input{-webkit-appearance:none;outline:0;padding-left:15px;display:inline-block}
.hu_xin_bao .hu_xin_bao_center .hu_xin_fu .piao_fu_name_left .form-list-box input::-webkit-input-placeholder{font-size:16px;color:#7b7b7b}
.hu_xin_bao .hu_xin_bao_center .hu_xin_fu .piao_fu_name_left .form-area span{position:absolute;top: 14px;z-index:2;right: 5px;font-size: 18px;color:#7b7b7b;}
.hu_xin_bao .hu_xin_bao_center .hu_xin_fu .piao_fu_name_left .form-yusuan-provinces::after{content:"";display:block;position:absolute;border-top: 9px solid #7b7b7b;border-left: 9px solid transparent;border-right: 9px solid transparent;top: 23px;right:10px;-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);}
.hu_xin_bao .hu_xin_bao_center .hu_xin_fu .piao_fu_name_left .form-list-box #style{display: block;text-align: left;width: 100%;color: #7b7b7b;border: none;outline: 0;font-size: 16px;line-height: 55px;background: #EEE;}
.hu_xin_bao .hu_xin_bao_center .hu_xin_fu .piao_fu_name_left .yusuan-jishi{position:relative;display:block;text-align:left;width:100%;height: 55px;color:#7b7b7b;border:none;outline:0;font-size: 16px;line-height: 55px;background:#EEE;border-radius:5px;}
.hu_xin_bao .hu_xin_bao_center .hu_xin_fu .piao_fu_name_left .yusuan-jishi em{color:#7b7b7b;padding-left:10px}

.hu_xin_bao .hu_xin_bao_center .hu_xin_fu .piao_fu_name_left .huxing_wrap{position:relative}
.hu_xin_bao .hu_xin_bao_center .hu_xin_fu .piao_fu_name_left .huxing_show{position:relative;width: 530px;height:55px;line-height:55px;}
.hu_xin_bao .hu_xin_bao_center .hu_xin_fu .piao_fu_name_left .huxing{position:absolute;top:55px;left:0;display:none;width: 525px;border:1px solid #ddd;background-color:#fff;z-index:99;}
.hu_xin_bao .hu_xin_bao_center .hu_xin_fu .piao_fu_name_left .huxing_show span:first-child{margin-left: 20px;}
.hu_xin_bao .hu_xin_bao_center .hu_xin_fu .piao_fu_name_left .huxing_show span{margin-left: 60px;width:40px;}
.hu_xin_bao .hu_xin_bao_center .hu_xin_fu .piao_fu_name_left .huxing li:first-child{margin-left:20px}
.hu_xin_bao .hu_xin_bao_center .hu_xin_fu .piao_fu_name_left .huxing li{float:left;width:50px;margin-left: 40px;}
.hu_xin_bao .hu_xin_bao_center .hu_xin_fu .piao_fu_name_left .huxing .active{background-color:#ff6d15;color:#fff}
.hu_xin_bao .hu_xin_bao_center .hu_xin_fu .piao_fu_name_left .huxing li a{display:block;width:40px;text-align:center;background-color:#f4f4f4;border-radius:2px;font-size:14px;line-height:40px;height:40px;margin:10px 0}


.hu_xin_bao .hu_xin_bao_center .hu_xin_fu .piao_fu_name_left .download-arrow2::after{content:"";display:block;position:absolute;border-top: 9px solid #7b7b7b;border-left: 9px solid transparent;border-right: 9px solid transparent;top: 23px;right:10px;-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);}
.hu_xin_bao .hu_xin_bao_center .hu_xin_fu .piao_fu_name_left .overlay-bd,.yusuan-submit{position:relative;width:100%}
.hu_xin_bao .hu_xin_bao_center .hu_xin_fu .piao_fu_name_left .yusuan-submit{cursor: pointer;height: 55px;border-radius:5px;margin-top: 15px;background-color: #f29700;}
.hu_xin_bao .hu_xin_bao_center .hu_xin_fu .piao_fu_name_left .form-list-box .form-phone{width: 97.5%;padding-left:10px;}
.hu_xin_bao .hu_xin_bao_center .hu_xin_fu .piao_fu_name_left .yusuan-submit p{width:100%;height:100%;font-size: 22px;line-height: 55px;color:#fff;text-align:  center;}
.hu_xin_bao .hu_xin_bao_center .hu_xin_fu .piao_fu_name_left .homepage-ico{width: 28px;height: 55px;position:absolute;right: 155px;top: 12px;background-size: contain;background: url(http://www.fanglin.cc/zt/huxing/images/zhi_s.png) no-repeat;}
@keyframes figerscale{0%{transform:scale(1);-webkit-transform:scale(1)}
    100%{transform:scale(1.2);-webkit-transform:scale(1.2)}
}
@-webkit-keyframes figerscale{0%{transform:scale(1);-webkit-transform:scale(1)}
    100%{transform:scale(1.2);-webkit-transform:scale(1.2)}
}
.hu_xin_bao .hu_xin_bao_center .hu_xin_fu .piao_fu_name_right{width: 40%;float: right;margin-right:  40px;margin-top: 40px;}
.hu_xin_bao .hu_xin_bao_center .hu_xin_fu .piao_fu_name_right .md-list{width: 100%;height: 355px;margin:  0;}
.hu_xin_bao .hu_xin_bao_center .hu_xin_fu .piao_fu_name_right .picMarquee-hu{width: 100%;height: 340px;position:relative;}
.hu_xin_bao .hu_xin_bao_center .hu_xin_fu .piao_fu_name_right .picMarquee-hu .bd{width:100%;height: 225px;overflow:hidden;border-bottom: 1px dashed #bfbfbf;position:  relative;top: 3px;border-top: 0;color: #fff;}
.hu_xin_bao .hu_xin_bao_center .hu_xin_fu .piao_fu_name_right .picMarquee-hu .bd ul{overflow:hidden;zoom:1}
.hu_xin_bao .hu_xin_bao_center .hu_xin_fu .piao_fu_name_right .picMarquee-hu .bd ul li{height:35px;line-height:35px;zoom:1;cursor:pointer;font-size:14px;border:  0;}
.hu_xin_bao .hu_xin_bao_center .hu_xin_fu .piao_fu_name_right .pic-a{width:140px;float:left;height:35px;overflow:hidden;text-align:center}
.hu_xin_bao .hu_xin_bao_center .hu_xin_fu .piao_fu_name_right .pic-b{width:160px;float:left;height:35px;overflow:hidden;text-align:center}
.hu_xin_bao .hu_xin_bao_center .hu_xin_fu .piao_fu_name_right .pic-c{width:150px;float:left;height:35px;overflow:hidden;text-align:center}
.hu_xin_bao .hu_xin_bao_center .hu_xin_fu .piao_fu_name_right .picMarquee-hu .hd{width:100%;height: 60px;line-height: 50px;color: #fff;text-align:center;font-size: 20px;border-bottom: 1px dashed #bfbfbf;}
.hu_xin_bao .hu_xin_bao_center .hu_xin_fu .piao_fu_name_right .picMarquee-hu .hd i{height:36px;overflow:hidden;text-align:center;font-size: 36px;font-weight:700;color: #f29700;}
.hu_xin_bao .hu_xin_bao_center .hu_xin_fu .piao_fu_name_right .quan_li{font-size:  12px;display:  block;text-align:  center;color: #f29700;padding-top: 10px;}