/*2017 1123 xl luotian 建筑总承包资质 start*/
/*banner start*/
/*banner start*/
.inside-banner{
    height: 450px;
}
.banner-box{
    width: 100%;
    background: #000;
}
.banner-box li a{
    display: block;
    height:450px;
    position: relative;
}
.banner-text{
    position: absolute;
    left: 50%;
    margin-left: -500px;
    top: 115px;
    text-align: center;
    z-index:0;
}
.banner-form{
    width: 280px;
    height: 352px;
    position: absolute;
    border-radius: 2px;
    background: url("../images/transparent50.png")/*tpa=http://www.dggzz.net/public/images/transparent_bg/transparent50.png*//*tpa=http://www.dggzz.net/public/images/transparent_bg/transparent50.png*/ repeat;
    top: 50%;
    margin-top: -176px;
    left: 50%;
    margin-left: 290px;
    text-align: center;
    color: #fff;
}
.banner-form>h3{
    font-size: 20px;
    font-weight: bold;
    line-height: 22px;
    padding: 25px 0 8px;
}
.banner-form>p{
    font-size: 14px;
    line-height: 16px;
}
.form-box{
    width:246px ;
    margin: 0 auto;
    padding-top: 15px;
}
.form-input{
    width: 246px;
    border:1px solid #666;
    border-radius: 2px;
    position: relative;
    margin-bottom: 10px;
    background: #fff;
    text-align: left;
}
.icons{
    width: 20px;
    height: 22px;
    background: url("../images/form-icon.png")/*tpa=http://www.dggzz.net/public/images/general-contract/form-icon.png*//*tpa=http://www.dggzz.net/public/images/general-contract/form-icon.png*/ no-repeat;
    left:5px;
    top: 12px;
}
.form-input>i{
    position: absolute;
}
.icons.icon-rank{background-position: 0 0;}
.icons.icon-name{background-position: -20px 0;}
.icons.icon-tel{background-position: -40px 0;}
.form-input input{
    width: 90%;
    padding:0 0 0 30px ;
    height: 45px;
    line-height: 45px;
    font-size: 14px;
}
.form-input textarea{
    font-size: 16px;
    line-height: 28px;
    width: 208px;
    padding: 6px 5px 0 42px;
    border: none;
    height: 80px;
    max-height: 80px;
    overflow: hidden;
    min-height: 80px;
}
.btn-banli{
    width: 246px;
    text-align: center;
    height: 44px;
    line-height: 44px;
    color: #fff;
    background: #ffab01;
    font-size: 20px;
    margin-top: 20px;
    border-radius: 2px;
}
/*banner end */

/*分类 start*/
.H3-fl, .H3-fr{
    background-color: #565656;
}
.H3-fl font, .H3-fr font{
    background-color: #565656;
}
.all-class ul{
    overflow: hidden;
    margin-left: -26.666px;
    padding-bottom: 35px;
}
.all-class ul li{
    float: left;
    width: 280px;
    height: 140px;
    background-color: white;
    text-align: center;
    color: #565656;
    font-size: 18px;
    margin-left: 26.666px;
    margin-bottom: 20px;
}
.all-class ul li i{
    width: 70px;
    height: 60px;
    background: url("../images/class-icon.png")/*tpa=http://www.dggzz.net/public/images/general-contract/class-icon.png*//*tpa=http://www.dggzz.net/public/images/general-contract/class-icon.png*/ no-repeat;
    margin-top: 30px;
}
.all-class ul li .icon1{
    width: 69px;
}
.all-class ul li .icon2{
    background-position: -70px 0;
}
.all-class ul li .icon3{
    background-position: -140px 0;
}
.all-class ul li .icon4{
    background-position: -210px 0;
}
.all-class ul li .icon5{
    background-position: -280px 0;
}
.all-class ul li .icon6{
    background-position: -350px 0;
}
.all-class ul li .icon7{
    background-position: -420px 0;
}
.all-class ul li .icon8{
    background-position: -490px 0;
}
.all-class ul li .icon9{
    background-position: -560px 0;
}
.all-class ul li .icon10{
    background-position: -630px 0;
}
.all-class ul li .icon11{
    background-position: -700px 0;
}
.all-class ul li .icon12{
    background-position: -770px 0;
}
.all-class ul li:hover i{
    -webkit-animation: bounce1 1s linear;
    animation: bounce1 1s linear;
}
/*分类 end*/
/*材料清单 start*/
.bill-materials{
    width: 100%;
    min-width: 1200px;
    background: url("../images/bill-materials-bg.jpg")/*tpa=http://www.dggzz.net/public/images/general-contract/bill-materials-bg.jpg*//*tpa=http://www.dggzz.net/public/images/general-contract/bill-materials-bg.jpg*/ no-repeat;
    height: 689px;
}
.bill-materials .danceWord-s1{
    color: white;
}
.bill-materials .H3-fl,.bill-materials .H3-fr{
    background-color: white;
}
.bill-materials .H3-fl font,.bill-materials .H3-fr font{
    background-color: white;
}
.materials-box{
    width: 1187px;
    height: 491px;
    background: url("../images/materials-box.jpg.png")/*tpa=http://www.dggzz.net/public/images/general-contract/materials-box.jpg*/ no-repeat;
    margin-top: 20px;
    color: #000;
    font-size: 16px;
}
.materials-box .fl{
    width: 380px;
    margin-left: 70px;
}
.materials-box p{
    line-height: 1.7;
    padding-left: 25px;
    position: relative;
    margin-bottom: 5px;
}
.materials-box .til{
    font-size: 24px;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 20px;
    margin-top: 40px;
    padding-left: 0;
}
.materials-box p span{
    position: absolute;
    left: 0;
}
.materials-box .fr{
    width: 510px;
    margin-right: 70px;
}
.materials-box .fr p{
    margin-bottom: 0;
}
.materials-box .fr .til{
    margin-bottom: 20px;
}
/*材料清单 end*/
/*标准服务流程 start*/
.flow-list{
    width: 100%;
    overflow: hidden;
}
.flow-list li{
    width: 20%;
    float: left;
    text-align: center;
    position: relative;
}
.flow-list li img{
}
.flow-line{
    width: 100%;
    height: 1px;
    background: #e5e5e5;
    margin: 21px 0 28px;
}
.flow-int{
    width: 26px;
    height: 26px;
    border-radius: 50%;
    border: 1px dotted #e5e5e5;
    position: absolute;
    left: 50%;
    margin-left: -13px;
    text-align: center;
    line-height: 26px;
    top: 162px;
    -webkit-transition: background-color .5s ease-in;
    -moz-transition: background-color .5s ease-in;
    -ms-transition: background-color .5s ease-in;
    -o-transition: background-color .5s ease-in;
    transition: background-color .5s ease-in;
}
.flow-int span{
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #e5e5e5;
    margin-top:5px;
    -webkit-transition: background-color .5s ease-in;
    -moz-transition: background-color .5s ease-in;
    -ms-transition: background-color .5s ease-in;
    -o-transition: background-color .5s ease-in;
    transition: background-color .5s ease-in;
}
.flow-num{
    width: 69px;
    height: 30px;
    text-align: center;
    border: 1px solid #c8c8c8;
    margin:0 auto;
    -webkit-transition: border-color .5s ease-in;
    -moz-transition: border-color .5s ease-in;
    -ms-transition: border-color .5s ease-in;
    -o-transition: border-color .5s ease-in;
    transition: border-color .5s ease-in;
}
.flow-num span{
    width: 45px;
    height: 40px;
    background: #fff;
    line-height: 40px;
    text-align: center;
    position: relative;
    top: -4px;
    font-size: 30px;
    color: #656565;
    -webkit-transition: color .5s ease-in;
    -moz-transition: color .5s ease-in;
    -ms-transition: color .5s ease-in;
    -o-transition: color .5s ease-in;
    transition: color .5s ease-in;
}
.flow-list li p{
    font-size: 14px;
    color: #848484;
    line-height: 31px;
    padding-top: 9px;
}
.flow-list li p font{
    font-size: 18px;
    color: #565656;
}
.flow-list .active .flow-int,
.flow-list .active .flow-num{border-color: #ffab01}
.flow-list .active img{
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}
.flow-list .active .flow-num{
    -webkit-animation: scale_img 4s ease both;
    -moz-animation: scale_img 4s ease both;
    -ms-animation: scale_img 4s ease both;
    -o-animation: scale_img 4s ease both;
    animation: scale_img 4s ease both;
}
.flow-list .active .flow-int span{background: #ffab01;}
.flow-list .active .flow-num span{color: #ffab01;}
.how-handle{
    padding-bottom: 55px;
}
.how-handle .tt-box{
    padding-bottom: 60px;
}
/*标准服务流程 end*/
/*更多保障 start*/
.more-guarantee{
    background: url("../images/more-guarantee-bg.jpg")/*tpa=http://www.dggzz.net/public/images/general-contract/more-guarantee-bg.jpg*//*tpa=http://www.dggzz.net/public/images/general-contract/more-guarantee-bg.jpg*/ no-repeat;
}
.more-guarantee ul{
    overflow: hidden;
    margin-top: 20px;
    margin-left: -60px;
}
.more-guarantee ul li{
    float: left;
    width: 360px;
    height: 221px;
    background-color: white;
    text-align: center;
    color: #888;
    font-size: 16px;
    margin-left: 60px;
    margin-bottom: 50px;
}
.more-guarantee ul li i{
    width: 60px;
    height: 60px;
    background: url("../images/guarantee-icon.png")/*tpa=http://www.dggzz.net/public/images/general-contract/guarantee-icon.png*//*tpa=http://www.dggzz.net/public/images/general-contract/guarantee-icon.png*/ no-repeat;
    margin-top: 20px;
}
.more-guarantee ul li .til{
    color: #333;
    font-size: 22px;
    margin-bottom: 10px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}
.more-guarantee ul li .icon2{
    background-position: -60px 0;
}
.more-guarantee ul li .icon3{
    background-position: -120px 0;
}
.more-guarantee ul li .icon4{
    background-position: -180px 0;
}
.more-guarantee ul li .icon5{
    background-position: -240px 0;
}
.more-guarantee ul li .icon6{
    background-position: -300px 0;
}
.more-guarantee ul li:hover .til{
    color: #1786ee;
}
.more-guarantee ul li:hover i{
    -webkit-animation: bounce1 1s linear;
    animation: bounce1 1s linear;
}
/*更多保障 end*/
/*反馈 start*/
.feedback ul{
    overflow: hidden;
    margin-left: -70px;
    padding-bottom: 20px;
}
.feedback ul li{
    float: left;
    width: 550px;
    color: #333;
    font-size: 14px;
    margin-bottom: 45px;
    margin-left: 70px;
}
.feedback ul li .left-img{
    width: 100px;
    height: 100px;
    border-radius: 100%;
    text-align: center;
    overflow: hidden;
    vertical-align: middle;
    margin-right: 25px;
}
.feedback ul li .right-txt{
    width: 417px;
    height: 127px;
    background: url("../images/feedback-bg.png")/*tpa=http://www.dggzz.net/public/images/general-contract/feedback-bg.png*//*tpa=http://www.dggzz.net/public/images/general-contract/feedback-bg.png*/ no-repeat;
}
.feedback ul li .right-txt p{
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    width: 349px;
    margin-left: 30px;
}
.mid{
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    height: 100%;
}
/*反馈 end*/
/*2017 1123 xl luotian 建筑总承包资质 end*/