﻿.zzzr_title{
    font-size: 33px;
    font-family: "Microsoft YaHei";
    color: rgb(51, 51, 51);
}
.zzzr_title>span{
    font-size: 33px;
    font-family: "Microsoft YaHei";
    color: #f08519;
}
.zzxb_phone_btn{
    width: 447px;
    height: 48px;
    border: 2px solid #f08519;
    margin: auto;
    margin-top: 45px;
    border-radius: 50px;
    position: relative;
}
.zzxb_phone_btn>p{
    font-size: 18px;
    font-family: "STXihei";
    color: rgb(102, 102, 102);
    line-height: 48px;
    text-align: left;
    padding-left: 52px;
}
.zzxb_phone_btn>p>span{
    font-size: 18px;
    font-family: "STXihei";
    color: #f08519;
}
.zzxb_phone_btn>a>img{
    margin-right: 4px;
}
.zzxb_phone_btn>a{
    position: absolute;
    width: 160px;
    height: 48px;
    border-radius: 50px;
    top: -2px;
    right: -2px;
    line-height: 48px;
    font-size: 18px;
    color: #ffffff;
    background-color: #f08519;
    cursor: pointer;
}

/* <!-- banner start --> */
.zzz_banner{
    height: 700px;
    overflow: hidden;
    position: relative;
}
.banner_swiper{
    width: 1200px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -960px;
}
.zzzr_banner_info_cont{
    position: relative;
    z-index: 2;
}
.zzz_banner_title{
    width: 100%;
    padding-top: 36px;
    border-bottom: 1px solid #ffffff;
}
.zzz_banner_title>p{
    font-size: 18px;
    font-family: "Microsoft YaHei";
    color: rgb(255, 255, 255);
    line-height: 1.189;
}
.zzz_banner_title>p:nth-child(2){
    display: block;
    width: 278px;
    font-size: 16px;
    font-family: "Microsoft YaHei";
    color: rgb(255, 255, 255);
    line-height: 1.189;
    margin: auto;
    margin-bottom: -8px;
    background-color: #e6d1b4;
    padding:0 8px;
    margin-top: 14px;
}
.zzz_banner_title>p:nth-child(2)>span{
    font-size: 16px;
    font-family: "Microsoft YaHei";
    color: #f46057;
    line-height: 1.189;
}
.zzzr_banner_btn{
    width: 100%;
    height: 70px;
    margin-top: 40px;
    background-color: #ffffff;
}
.zzzr_banner_btn>li{
    width: 50%;
    height: 70px;
    float: left;
    padding-top: 12px;
    cursor: pointer;
}
.zzzr_banner_btn>li>b{
    font-family: "Microsoft YaHei";
    color: rgb(72, 72, 72);
    font-size: 22px;
}
.zzzr_banner_btn>li>p{
    font-family: "Microsoft YaHei";
    color: rgba(72, 72, 72, 0.4);
    font-size: 14px;
}
.bannerBtn_active{
    background-color: rgb(240, 133, 25);
}
.bannerBtn_active>b,
.bannerBtn_active>p{
    color: #ffffff!important;
}
.zzzr_banner_content{
    width: 100%;
    height: 445px;
    background-color: #ffffff;
    overflow: hidden;
}
.zz_change_into{
    width: 100%;
    padding-top: 70px;
}
.zz_change_into>div{
    float: left;
    width: 50%;
    padding: 0 50px;
    padding-bottom: 30px;
}
.zz_change_into>div>p{
    display: block;
    width: 116px;
    height: 22px;
    font-family: "Microsoft YaHei";
    color: rgb(76, 76, 76);
    font-size: 18px;
    background-color: #ffffff;
    margin: auto;
    margin-bottom: -10px;
    position: relative;
    z-index: 1;
}
.zz_change_into>div>ul{
    width: 100%;
    border-top: 1px solid #e0e0e0;
    padding-top: 50px;
}
.zz_change_into>div:nth-child(1)>ul>li{
    float: left;
    width: 33.33%;
    height: 90px;
}
.zz_change_into>div:nth-child(2)>ul>li{
    float: left;
    width: 25%;
    height: 90px;
}
.zz_change_into>div>ul>li{
    margin-bottom: 30px;
}
.zz_change_into>div>ul>li>i{
    display: inline-block;
    width: 60px;
    height: 60px;
    line-height: 60px;
}
/* .zz_change_into>div>ul>li>i{
    background: url("../images/zzzr_banner_icons.png")no-repeat;  
}
.zz_change_into>div:nth-child(1)>ul>li:nth-child(2)>i{
    background-position-x: -60px;
}
.zz_change_into>div:nth-child(1)>ul>li:nth-child(3)>i{
    background-position-x: -120px;
}
.zz_change_into>div:nth-child(1)>ul>li:nth-child(4)>i{
    background-position-x: -180px;
}
.zz_change_into>div:nth-child(1)>ul>li:nth-child(5)>i{
    background-position-x: -240px;
}
.zz_change_into>div:nth-child(1)>ul>li:nth-child(6)>i{
    background-position-x: -300px;
}
.zz_change_into>div:nth-child(2)>ul>li:nth-child(1)>i{
    background-position-x: -360px;
}
.zz_change_into>div:nth-child(2)>ul>li:nth-child(2)>i{
    background-position:0 -60px;
}
.zz_change_into>div:nth-child(2)>ul>li:nth-child(3)>i{
    background-position:-60px -60px;
}
.zz_change_into>div:nth-child(2)>ul>li:nth-child(4)>i{
    background-position:-120px -60px;
}
.zz_change_into>div:nth-child(2)>ul>li:nth-child(5)>i{
    background-position:-180px -60px;
}
.zz_change_into>div:nth-child(2)>ul>li:nth-child(6)>i{
    background-position:-240px -60px;
}
.zz_change_into>div:nth-child(2)>ul>li:nth-child(7)>i{
    background-position:-300px -60px;
}
.zz_change_into>div:nth-child(2)>ul>li:nth-child(8)>i{
    background-position:-360px -60px;
} */


.zz_turn_out{
    width: 100%;
    padding-top: 50px;
}
.zz_turn_out_left{
    float: left;
    padding:0 50px 50px 50px;
    width: 848px;
    height: 100%;
}
.zz_turn_out_left>ul:nth-child(1){
    width: 100%;
    height: 32px;
}
.zz_turn_out_left>ul:nth-child(1)>li{
    float: left;
    height: 32px;
    padding: 0 10px;
    border: 1px solid #ccc;
    border-radius: 50px;
    line-height: 30px;
    margin-right: 20px;
    font-size: 16px;
    color: #4c4c4c;
    cursor: pointer;
}
.zz_active{
    background-color: #f08519;
    color: #ffffff!important;
}
.zz_turn_out_left>ul:nth-child(2){
    width: 100%;
    padding-top: 20px;
}
.zz_turn_out_left>ul:nth-child(2)>li{
    float: left;
    position: relative;
    width: 226px;
    padding: 20px;
    float: left;
    border: 1px solid #f6f6f6;
    box-shadow: 0px 0px 10px 8px #f6f6f6;
    -webkit-box-shadow: 0px 0px 10px 8px #f6f6f6;
}
.zz_turn_out_left>ul:nth-child(2)>li:not(:last-child){
    margin-right: 25px;
}
.zz_turn_out_left>ul:nth-child(2)>li>span{
    font-size: 18px;
    color: #4c4c4c;
    display: block;
    text-align: left;
}
.zz_turn_out_left>ul:nth-child(2)>li>p{
    font-size: 14px;
    color: #808080;
    text-align: left;
}
.zz_turn_out_left>ul:nth-child(2)>li>i{
    position: absolute;
    top: 20px;
    right: 20px;
}
.zz_turn_out_left>ul:nth-child(2)>li>div{
    margin-top: 100px;
}
.zz_turn_out_left>ul:nth-child(2)>li>div>span{
    float: left;
    width: 50%;
}
.zz_turn_out_left>ul:nth-child(2)>li>div>span>b{
    font-size: 17px;
    color: #f08519;
}
.zz_turn_out_left>ul:nth-child(2)>li>div>span>p{
    font-size: 14px;
    color: #808080;
}
.zz_turn_out_left>ul:nth-child(2)>li>div>span:nth-child(1){
    border-right: 1px solid #cccccc;
}
.zz_turn_out_left>ul:nth-child(2)>li>a{
    display: inline-block;
    width: 160px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin: 25px auto 0px;
    border: 1px solid #f08519;
    font-size: 14px;
    color: #f08519;
    border-radius: 15px;
}
.zz_turn_out>form{
    float: left;
    width: 312px;
}
.zz_turn_out>form>p{
    font-size: 17px;
    color: #4c4c4c;
    padding-bottom: 13px;
    text-align: center;  
}
.zz_turn_out>form>input,
.zz_turn_out>form>select{
    display: block;
    width: 100%;
    height: 38px;
    padding-left: 10px;
    line-height: 38px;
    border: 1px solid #f08519;
    font-size: 14px;
    margin-bottom: 12px;
    text-align: left;
    color: #999;
}
.zz_code_input{
    display: block;
    float: left;
    width: 150px!important;
}
.zz_gte_code{
    display: block;
    width: 130px;
    float: right;
    height: 40px;
    margin-right: -1px;
    background: #f08519;
    color: #fff;
    font-size: 16px;
}
.zz_get_form{
    width: 310px;
    height: 36px;
    background: #f08519;
    color: #fff;
    font-size: 16px;
}
.zz_turn_out>form>ul{
    width: 100%;
    margin-top: 25px;
}
.zz_turn_out>form>ul>li{
    float: left;
    width: 33.33%;
}
.zz_turn_out>form>ul>li>p{
    font-size: 14px;
    color: #4c4c4c;
    font-weight: 500;
}
.zz_turn_out>form>ul>li>i{
    display: inline-block;
    width: 40px;
    height: 40px;
    background: url("../images/zzzr_banner02_ico_03.png")no-repeat;
}
.zz_turn_out>form>ul>li:nth-child(2)>i{
    background-position-x: -40px;
}
.zz_turn_out>form>ul>li:nth-child(3)>i{
    background-position-x: -80px;
}
/* <!-- banner end  --> */
/* <!-- 资质转让流程早知道 start --> */
.zzzr_flow{
    padding-top: 42px;
    padding-bottom: 60px;
}
.zzzr_flow_content{
    width: 100%;
    margin-top: 64px;
    position: relative;
    overflow: hidden;
}
.zzzr_flow_content>img{
    position: absolute;
    top: 66px;
    left: 152px;
}
.zzzr_flow_content>ul{
    width: 100%;
}
.zzzr_flow_content>ul>li{
    float: left;
}
.zzzr_flow_content>ul>li:not(:last-child){
    margin-right: 82px;
}
.zzzr_flow_content>ul>li>p{
    font-size: 18px;
    font-family: "Microsoft YaHei";
    color: rgb(102, 102, 102);
    margin-top: 10px;
}
/* <!-- 资质转让流程早知道 end --> */
/* <!-- 我们能帮您解决 start --> */
.zzzr_we_help{
    padding: 60px 0 58px 0;
}
.zzzr_we_help ul{
    width: 100%;
    margin-top: 60px;
    overflow: hidden;
}
.zzzr_we_help ul>li{
    float: left;
    width: 232px;
    height: 270px;
    border-width: 1px;
    border-color: rgb(212, 213, 216);
    border-style: solid;
}
.zzzr_we_help ul>li:not(:last-child){
    margin-right: 10px;
}
.zzzr_we_help ul>li>p{
    font-size: 16px;
    font-family: "Microsoft YaHei";
    color: rgb(102, 102, 102);
    text-align: left;
    padding: 14px 40px 0 20px;
}
.zzzr_we_help ul>li:hover{
    border-width: 1px;
    border-color: rgb(240, 133, 25);
    border-style: solid;
}
.zzzr_we_help ul>li:hover p{
    color: rgb(240, 133, 25);
}
/* <!-- 我们能帮您解决 end --> */
/* <!-- 建筑资质，分类推荐 start --> */
.zzzr_type{
    padding: 58px 0 70px 0;
}
.zzzr_type_content{
    width: 100%;
    margin-top: 35px;
    height: 370px;
    /* overflow: hidden; */
}
.zzzr_type_content>ul{
    float: right;
    height: 30px;
}
.zzzr_type_content>ul>li{
    float: left;
    margin-left: 30px;
    color: #878889;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    border-bottom: 2px;
    cursor: pointer;
}
.zzType_btn{
    border-bottom: 2px solid rgb(240, 133, 25)!important;
    color: rgb(240, 133, 25)!important;
}
.zzzr_type_cont{
    width: 100%;
    border-top: 3px solid #f08519;
    clear: both;
}
.zzzr_type_cont_left{
    float: left;
}
.zzzr_type_cont_right{
    width: 904px;
    height: 342px;
    float: left;
    /* overflow: hidden; */
}
.zzzr_type_cont_right ul{
    width: 100%;
    height: 100%;
}
.zzzr_type_cont_right ul>li{
    float: left;
    width: 50%;
    height: 113px;
    border-right: 2px solid #f0f0f0;
    border-bottom: 2px solid #f0f0f0;
    overflow: hidden;
}
.zzzr_type_cont_right ul>li>img{
    width: 100%;
}

.zzzr_type_cont_right ul>li:hover{
    box-shadow: 0px 0px 1px 1px rgba(102, 102, 102,0.5);
    position: relative;
    z-index: 2;
}
/* <!-- 建筑资质，分类推荐 end --> */
/* <!-- 百里挑一，热门精选 start --> */
.zzzr_hot_selected{
    background-color: #f7f7f7;
    padding: 42px 0 90px 0;
}
.zzzr_hot_cont_right{
    height: 302px;
    width: 898px;
    float: left;
    overflow: hidden;
}
.zzzr_hot_cont_right>ul{
    width: 100%;
    height: 100%;
    border-left: 1px solid #cccccc;
}
.zzzr_hot_cont_right>ul>li{
    float: left;
   width: 33.33%;
   height: 100%; 
   border-right: 1px solid #cccccc;
   border-bottom: 1px solid #cccccc;
   padding-top: 30px;
   background-color: #fff;
}
.zzzr_hot_cont_right>ul>li>b{
    font-size: 15px;
    font-weight: 600;
    color: #333333;
}
.zzzr_hot_cont_right>ul>li>div{
    margin-top: 25px;
    overflow: hidden;
}
.zzzr_hot_cont_right>ul>li>div>img{
    width: 100%;
}
.zzzr_hot_cont_right>ul>li:hover>div{
    transition: .7s;
    margin-top: 10px;
}
/* <!-- 百里挑一，热门精选 end --> */
/* <!-- 资质转让/剥离：需要变更这3类 start --> */
.zzzr_nede_class{
    padding: 42px 0 76px 0;
}
.zzzr_nede_class ul{
    width: 100%;
    margin-top: 45px;
    overflow: hidden;
}
.zzzr_nede_class ul>li{
    width: 33.33%;
    float: left;
    height: 532px;
    border: 1px solid #cccccc;
}
.zzzr_nede_class ul>li img{
    width: 100%;
}
.zzzr_nede_class ul>li>div{
    padding: 40px 22px 0 37px;
    height: 265px;
}
.zzzr_nede_class ul>li b{
    display: block;
    text-align: left;
    font-size: 30px;
    color: #333333;
    font-weight: 600;
}
.zzzr_nede_class ul>li span{
    display: block;
    width: 80px;
    height: 8px;
    background-color: #fe4600;
    margin-top: 20px;
}
.zzzr_nede_class ul>li p{
    text-align: left;
    margin-top: 30px;
    font-size: 14px;
    color: #3a3a3a;
    line-height: 2;
}
/* <!-- 资质转让/剥离：需要变更这3类 end --> */
/* <!-- 顶呱呱八重保障 资质转让/剥离更安全 start --> */
.zzzr_guarantee{
    padding: 48px 0 68px 0;
    background-color: #f7f7f7;
}
.zzzr_guarantee ul{
    width: 100%;
    margin-top: 40px;
    overflow: hidden;
}
.zzzr_guarantee ul>li{
    float: left;
    width: 578px;
    height: 64px;
    text-align: left;
    border: 1px solid #fd642c;
    margin-bottom: 30px;
}
.zzzr_guarantee ul>li>b,
.zzzr_guarantee ul>li>p{
    display: inline-block;
}
.zzzr_guarantee ul>li:nth-child(odd){
    margin-right: 44px;
}
.zzzr_guarantee ul>li>b{
    width: 97px;
    height: 100%;
    background-color: #ff4400;
    line-height: 62px;
    font-size: 28px;
    color: #ffffff;
}
.zzzr_guarantee ul>li>p{
    font-size: 18px;
    color: #333333;
    padding-left: 18px;
}
/* <!-- 顶呱呱八重保障 资质转让/剥离更安全 end --> */
/* <!-- 客户评价 start --> */
.zzzr_kh_evaluate{
    padding-top: 78px;
    padding-bottom: 60px;
}
.zzzr_kh_evaluate>div>b{
    display: block;
    line-height: 42px;
    background-color: #f65439;
    font-size: 20px;
    color: #ffffff;
    box-shadow: 0px 0px 1px 1px rgba(0, 0, 0,0.2);
}
.zzzr_swiper_content{
    width: 100%;
    height: 280px;
    box-shadow: 0px 0px 1px 1px rgba(0, 0, 0,0.2);
    padding: 32px;
    position: relative;
}
.zzzr_kh_img{
    float: left;
}
.zzzr_kh_text{
    float: left;
    padding: 60px 50px 0 70px;
    width: 830px;
}
.zzzr_kh_text>p{
    font-size: 16px;
    color: #6b6b6b;
    text-align: left;
    line-height: 1.7;
}
.zzzr_kh_text>span{
    float: right;
    font-size: 16px;
    color: #6b6b6b;
    margin-top: 25px;
}
.zzzr_pagination{
    width: 100%;
}
.zzzr_pagination span{
    margin-right: 8px;
    outline: none;
}
.zzzr_pagination .swiper-pagination-bullet-active{
    background-color: #f65439!important;
}

/* <!-- 客户评价 end --> */
/* <!-- 资质剥离：这些问题，纬地已帮您解决 start --> */
.zzzr_problem{
    padding: 50px 0 60px 0;
    background-color: #ecf5ff;
}
.zzzr_problem ul{
    width: 100%;
    margin-top: 48px;
}
.zzzr_problem ul>li{
    text-align: left;
    padding: 16px 0 40px 52px;
    border-bottom: 1px solid #cccccc;
}
.zzzr_problem ul>li>p{
    text-align: left;
    margin-bottom: 16px;
    line-height: 2;
    font-size: 14px;
    color: #373a3e;
}
/* <!-- 资质剥离：这些问题，纬地已帮您解决 end --> */