/*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/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*/ 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;
}
.all-class ul li{
    float: left;
    width: 280px;
    height: 140px;
    background-color: white;
    text-align: center;
    color: #565656;
    font-size: 18px;
    margin-left: 19.666px;
    margin-bottom: 20px;
}
.all-class ul li i{
    width: 70px;
    height: 60px;
    background: url("../images/class-icon_03.png")/*tpa=http://www.dggzz.net/public/images/professional-contract/class-icon_03.png*/ no-repeat 0 -60px;
    margin-top: 30px;
}
.all-class ul:first-child li i{
    background-position-y: 0;
}
.all-class ul li .icon2{
    background-position: -70px -60px;
}
.all-class ul li .icon3{
    background-position: -140px -60px;
}
.all-class ul li .icon4{
    background-position: -210px -60px;
}
.all-class ul li .icon5{
    background-position: -280px -60px;
}
.all-class ul li .icon6{
    background-position: -350px -60px;
}
.all-class ul li .icon7{
    background-position: -420px -60px;
}
.all-class ul li .icon8{
    background-position: -490px -60px;
}
.all-class ul li .icon9{
    background-position: -560px -60px;
}
.all-class ul li .icon10{
    background-position: -630px -60px;
}
.all-class ul li .icon11{
    background-position: -700px -60px;
}
.all-class ul li .icon12{
    background-position: -770px -60px;
}
.all-class ul li:hover i{
    -webkit-animation: bounce1 1s linear;
    animation: bounce1 1s linear;
}

.all-class{position: relative;padding-bottom: 30px}
.all-class .hd.sub-station-dot{bottom: 10px;width: 1200px;font-size: 0;z-index: 1;text-align: center;cursor: pointer;[;letter-spacing: -4px;];[;word-spacing: -4px;];}
.all-class .hd.sub-station-dot>ul{margin-left: 20px;display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;padding: 5px 15px;border-radius: 10px;font-size: 0;text-align: center;}
.all-class .hd.sub-station-dot li{display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 10px;height: 10px;font-size: 0;margin: 0 5px;border-radius: 50%;border:1px solid #ff8300;[;letter-spacing: normal;];[;word-spacing: normal;];}
.all-class .hd.sub-station-dot li:hover{background: #ff8300;}
.all-class .hd.sub-station-dot li.on{background: #ff8300;}
.all-class .banli-box{
    margin-top: 15px;
    margin-bottom: 0;
}
/*分类 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*/ 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*/
.how-handle{
    padding-bottom: 55px;
}
.how-handle .tt-box{
    padding-bottom: 40px;
}
.how-handle ul{
    overflow: hidden;
    background: url("../images/steps-bg.png")/*tpa=http://www.dggzz.net/public/images/professional-contract/steps-bg.png*/ no-repeat center 85px;
}
.how-handle ul li{
    float: left;
    width: 20%;
    color: #333;
    font-size: 22px;
    text-align: center;
    padding-top: 20px;
}
.how-handle ul li .top-img{
    width: 180px;
    height: 146px;
    position: relative;
    margin: 0 auto;
}
.how-handle ul li .top-img i{
    position: absolute;
    left: 0;
    top: 0;
    width: 180px;
    height: 146px;
    -webkit-transition: all .3s;
    transition: all .3s;
    background: url("../images/flow-steps.png")/*tpa=http://www.dggzz.net/public/images/professional-contract/flow-steps.png*/ no-repeat;
}
.how-handle ul li:hover .top-img i{
    top: -20px;
}
.how-handle ul li .top-img .icon2{
    background-position: -180px 0;
}
.how-handle ul li .top-img .icon3{
    background-position: -360px 0;
}
.how-handle ul li .top-img .icon4{
    background-position: -540px 0;
}
.how-handle ul li .top-img .icon5{
    background-position: -720px 0;
}
/*标准服务流程 end*/
/*更多保障 start*/
.more-guarantee{
    background: url("../images/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_03.png")/*tpa=http://www.dggzz.net/public/images/professional-contract/guarantee-icon_03.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*/ 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*/