.bTop {
    /*margin-top: 81px;*/
}
body{
    padding:80px 0 0 !important;
    margin:0;
}
.tBa {
    width: 1296px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}
.gallery-top {
    width: 1200px !important;
    height: 295px !important;
    /*margin-bottom: 127px;*/
}
.gallery-top .swiper-slide {
    width: 1200px !important;
    height: 295px !important;
}
.gallery-top .swiper-button-prev {
    left: 0 !important;
}

.tBa .n1 {
    opacity: 1 !important;
    top: 24% !important;
}
.tBa .n1, .tBa .n2 {
    outline: none;
    background-image: none !important;
}
.tBa  .n2{
    opacity: 1 !important;
    top: 78% !important;
}
.gallery-top .tb-img1 {
    width: 220px;
    height: 295px;
    float: left;
}
.gallery-top .tb-img1 img {
    width: 100%;
    height: 100%;
}
.gallery-top .tb-img2 {
    width: 437px;
    height: 295px;
    float: left;
    margin-right: 36px;
    margin-left: 5px;
}
.gallery-top .tb-img2 img {
    width: 100%;
    height: 100%;
}
.gallery-top .tb-text {
    width: 500px;
    float: left;
}
.gallery-top .tb-text h3 {
    font-size: 20px;
    color: #1b151f;
    margin-bottom: 20px;
}
.tb-text-div{
    position: absolute;
    right: 0;
    top: 6px;
    width: 500px;
    display: flex;
    justify-content: flex-end;
}
.tb-text-div a{
    display: inline-block;
    width: 96px;
    height: 29px;
    line-height: 29px;
    font-size: 14px;
    color: #fff;
    background: #cc2320;
    border-radius: 14px;
    text-align: center;
}
.gallery-top .tb-text span {
    font-size: 30px;
    color: #cc2320;
}
.gallery-top .tb-text p {
    font-size: 14px;
    color: #1b151f;
    line-height: 28px;
    padding-left: 31px;
}
.gallery-top .tb-text p:nth-of-type(1) {
    background: url("../images/youshilists_03.png") no-repeat 0 8px;
}
.gallery-top .tb-text p:nth-of-type(2) {
    background: url("../images/youshilists_05.png") no-repeat 0 8px;
}
.gallery-top .tb-text dl {
    padding-top: 25px;
}
.gallery-top .tb-text dl:nth-of-type(1) dt {
    background: url("../images/vbn_07.png") no-repeat 0 5px;
}
.gallery-top .tb-text dl:nth-of-type(2) dt {
    background: url("../images/vbn_11.png") no-repeat 0 0;
}
.gallery-top .tb-text dt {
    font-size: 18px;
    color: #1b151f;
    margin-bottom: 10px;
    padding-left: 31px;
}
.gallery-top .tb-text dd {
    font-size: 14px;
    color: #575757;
    padding-left: 31px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.gallery-thumbs {
    overflow: inherit !important;
    font-size: 0;
    margin: 80px auto 30px !important;
    width: 1200px !important;
    height: 220px !important;
    overflow: hidden;
}
.gallery-thumbs .swiper-slide {
    /*margin-right: 50px;*/
    width: 117px !important;
    height: 158px !important;
    text-align: center;
}
.gallery-thumbs .swiper-slide-active .tb-two-img {
    border: 2px solid #cc2320 !important;
}
/*.gallery-thumbs a {*/
/*display: inline-block;*/
/*width: 158px;*/
/*text-align: center;*/
/*}*/
.gallery-thumbs .tb-two-img {
    width: 117px;
    height: 158px;
    margin-bottom: 10px;
}
.gallery-thumbs .tb-two-img img {
    width: 100%;
    height: 100%;
}
.gallery-thumbs p {
    color: #fff;
    font-size: 22px;
}
.gallery-thumbs span {
    font-size: 14px;
    color: #fff;
    line-height: 20px;
}
.teams-geng {
    display: block;
    margin: 0 auto;
    text-align: center;
    width: 112px;
    height: 26px;
    line-height: 26px;
    border-radius: 13px;
    font-size: 14px;
    color: #fff;
    border: 1px solid #cc2320;
}
/*工程体系*/
.ban {
    font-size: 0;
    /* margin: 81px auto 0;*/
    margin: 0 auto 0;
    position: relative;
}
.ban img {
    width: 100%;
    height: 100%;
    /*height: 670px;*/
    text-align: center !important;
}
.banText {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    max-width: 1200px;
}
.banText h2,.banText h3 {
    color: #fff;
}
.banText1 h2 {
    font-size: 48px;
    padding-top: 130px;
}
.banText1 h3 {
    font-size: 36px;
    padding-top: 14px;
}
.banText1 h3:before {
    content: '';
    background: url("../images/heng.png") no-repeat 0 0;
    display: inline-block;
    width: 39px;
    height: 12px;
    margin-right: 15px;
}
.banText1 h3:after {
    content: '';
    background: url("../images/heng.png") no-repeat 0 0;
    display: inline-block;
    width: 39px;
    height: 12px;
    margin-left: 15px;
}
.banText1 img {
    width: 39px;
    height: 2px;
    padding-top: 40px;
}
.jian {
    background: #f6f6f6;
    font-size: 0;
}
.jian .jian1 {
    margin: 0 auto;
    padding: 33px 0;
    /*max-width: 1204px;*/
    text-align: center;
}
.jian a {
    display: inline-block;
    width: 295px;
    height: 113px;
    background: #fff;
    margin: 0 3px;
    vertical-align: top;
}
.jian a p {
    font-size: 18px;
    color: #000;
    font-weight: bold;
    padding: 36px 0 7px;
}
.jian a span {
    font-size: 14px;
    color: #717171;
}
.jian a i {
    padding: 40px 0 0 33px;
    float: left;
    height: 113px;
    overflow: hidden;
}
.jian a i:before {
    content: "";
    display: inline-block;
    width: 48px;
    height: 44px;
}
.jian a:nth-child(1) i:before {
    background: url(../images/jian1.png) no-repeat 0 -3px;
}
.jian a:nth-child(2) i:before {
    background: url(../images/jian1.png) no-repeat -301px 0px;
}
.jian a:nth-child(3) i:before {
    background: url(../images/jian1.png) no-repeat -601px -1px;
}
.jian a:nth-child(4) i:before {
    background: url(../images/jian1.png) no-repeat -904px -2px;
}
.jian a:hover:nth-child(1) i:before {
    background: url(../images/jian2.png) no-repeat 0 -3px;
}
.jian a:hover:nth-child(2) i:before {
    background: url(../images/jian2.png) no-repeat -301px 0px;
}
.jian a:hover:nth-child(3) i:before {
    background: url(../images/jian2.png) no-repeat -601px -1px;
}
.jian a:hover:nth-child(4) i:before {
    background: url(../images/jian2.png) no-repeat -904px -2px;
}
.jian a:hover {
    background: #cc2320;
}
.jian a:hover p {
    color: #fff;
}
.jian a:hover span {
    color: #fff;
}
.system1 h2 {
    text-align: center;
    color: #232323;
    font-size: 32px;
    font-weight: bold;
    padding-top: 68px;
    margin-bottom: 4px;
}
.system1 h3 {
    color: #606060;
    font-size: 16px;
    margin-bottom: 28px;
    text-align: center;
}
.system1 .hezuo {
    background: url("../images/hezuobg.jpg") no-repeat center 0;
    background-size: 100% 100%;
}
.system1 .hezuo h4 {
    color: #cc2320;
    font-size: 26px;
    text-align: center;
    padding: 90px 0 12px;
}
.system1 .hezuo span {
    font-size: 34px;
    font-weight: bold;
}
.system1 .hezuo h6 {
    color: #2b2b2b;
    padding-bottom: 110px;
    text-align: center;
}
.system1 .hezuo ul {
    text-align: center;
    padding-bottom: 80px;
}
.system1 li {
    display: inline-block;
    vertical-align: top;
    margin: 0 70px;
}
.system1 li h5 {
    font-size: 16px;
    color: #2b2b2b;
    font-weight: bold;
    text-align: left;
    padding: 33px 0 5px;
}
.system1 li h5:before {
    content: '';
    display: inline-block;
    background: url(../images/dian.png) no-repeat 0 0;
    width: 7px;
    height: 7px;
    margin-right: 10px;
}
.system1 li p {
    font-size: 16px;
    color: #2b2b2b;
    line-height: 26px;
    text-align: left;
    padding-left: 17px;
}
.system1 .hezuoTu {
    margin-left: 40px;
    text-align: center;
    width: 144px;
    height: 144px;
    border: 1px solid #18a9eb;
    border-radius: 72px;
    line-height: 144px;
}
.system1 .hezuoTu img {
    display: inline-block;
    vertical-align: middle;
}
.system2 {
    max-width: 1200px;
    /*height: 406px;*/
    margin: 111px auto 95px;
    border: 3px solid #959595;
    position: relative;
    padding-right: 55px;
}
.system2 .yuanzhuang {
    width: 70px;
    height: 65px;
    background-color: #cc2320;
    position: absolute;
    top: -36px;
    right: 29px;
    padding-top: 15px;
}
.system2 .yuanzhuang p {
    color: #fff;
    font-size: 18px;
    text-align: center;
    line-height: 18px;
}
.system2 .sysImg1 {
    float: left;
    width: 618px;
}
.system2 .sysImg1 img {
    padding: 24px 0 24px 20px;
    width: 598px;
}
.system2 .sysZi1 {
    float: right;
    width: 472px;
}
@media screen and (max-width: 1200px) {
    .system2 .sysImg1 {
        float: none;
        margin: 0 auto;
    }
    .system2 .sysZi1 {
        float: none;
        margin: 0 auto;
    }
}
.system2 .sysZi1 h3 {
    color: #383838;
    font-size: 30px;
    padding-top: 94px;
    padding-bottom: 40px;
}
.system2 .sysZi1 h3 span {
    font-size: 48px;
}
.system2 .sysZi1 p {
    padding-left: 17px;
    font-size: 16px;
    color: #383838;
    line-height: 28px;
    background: url("../images/dian.png") no-repeat 0 10px;
}
.system3bg {
    background: #fafafa;
}
.system3 {
    padding-bottom: 117px;
}
.system3 h3 {
    font-size: 34px;
    color: #242424;
    text-align: center;
    padding: 91px 0 65px;
    letter-spacing: 2px;
}
.system3 h3 span {
    font-size: 48px;
}
.system3 ul {
    text-align: center;
}
.system3 li {
    display: inline-block;
    margin: 0 20px;
    vertical-align: top;
    width: 267px;
}
.system3 li a {
    display: inline-block;
    text-align: center;
    width: 267px;
    height: 202px;
    margin-bottom: 20px;
}
.system3 li p {
    text-align: left;
    padding: 0 40px;
    color: #3a3a3a;
    font-size: 16px;
    line-height: 28px;
    background: url("../images/dian.png") no-repeat 23px 10px;
}
.system4bg {
    background: url("../images/s4bg.jpg") no-repeat center 0;
    background-size: 100% 100%;
}
.system4 {
    padding-bottom: 20px;
}
.system4 h3 {
    color: #292929;
    font-size: 34px;
    padding-top: 83px;
    padding-bottom: 98px;
    text-align: center;
}
.system4 h3 span {
    font-size: 48px;
}
.system4 ul {
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
}
.system4 li {
    display: inline-block;
    width: 150px;
    margin: 0 40px 95px;
    /*float: left;*/
    text-align: center;
}
.system4 li p {
    width: 46px;
    height: 46px;
    border: 3px solid #cc2320;
    border-radius: 46px;
    font-size: 30px;
    color: #292929;
    margin: 0 auto 18px;
    line-height: 46px;
}
.system4 li span {
    font-size: 16px;
    color: #292929;
}
.rightPosition {
    position: fixed;
    top: 30%;
    right: 20px;
    z-index: 999;
}
.rightPosition a {
    display: block;
    width: 50px;
    height: 50px;
    background: #474747;
    margin-bottom: 1px;
    line-height: 50px;
    text-align: center;
    position: relative;
}
.rightPosition a img {
    width: 26px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
}
.rightPosition a:hover {
    background: #ce2926;
}
.rightPosition .scrollUp {
    background: #b8b8b8 !important;
}
.rightPosition .d-weixin {
    position: absolute;
    right: 50px;
    top: -35px;
    width: 120px;
    height: 120px;
    display: none;
}
.rightPosition .d-weixin img {
    width: 100%;
    height: 100%;
}
.rightPosition .d-qq {
    position: absolute;
    right: 50px;
    top: 0;
    width: 180px;
    font-size: 22px;
    font-weight: bold;
    color: #fff;
    background: #474747;
    display: none;
}
.rightPosition .d-phone {
    position: absolute;
    right: 50px;
    top: 0;
    width: 180px;
    font-size: 22px;
    font-weight: bold;
    color: #fff;
    background: #474747;
    display: none;
}
.rightPosition .d-add {
    position: absolute;
    right: 50px;
    top: 0;
    width: 180px;
    font-size: 14px;
    line-height: 24px;
    color: #fff;
    background: #474747;
    display: none;
}
/**公司周刊**/
.zhoukanBg {
    background: #fafafa;
    padding: 46px 0 41px;

}
.zhoukanTitle {
    max-width: 1200px;
    margin: 0 auto 25px;
}
.zhoukanTitle h2 {
    color: #cc2320;
    padding-left: 6px;
    border-left: 4px solid #cc2320;
    font-size: 24px;
    line-height: 24px;
    float: left;
}
.zhoukanTitle h2 span {
    font-size: 16px;
    color: #5b5b5b;
    margin-left: 14px;
}
.zhoukanTitle .zhouTilRight {
    float: right;
    margin-right: 18px;
    display:none;
}
.zhoukanTitle .zhouTilRight a {
    padding: 5px 14px;
    color: #363636;
    font-size: 16px;
    float: left;
    margin-left: 12px;
}
.zhoukanTitle .zhouTilRight a:hover {
    color: #fff;
    background: #ce2926;
}
.zhoukanTitle .zhouTilRight .zhoukanOn,
.zhoukanTitle .zhouTilRight .qiyeOn {
    background: #ce2926;
    color: #fff;
}
.zhoukanLi {
    max-width: 1200px;
    margin: 20px auto 50px;
    background: #fff;
}
.zhoukanLi a {
    /*display: inline-block;*/
    max-width: 1200px;
    /*height: 226px;*/
}
.zhoukanLi a:hover {
    box-shadow: 0 0 20px #e3e3e3;
}
.zhoukanLi a:hover h3 {
    color: #ce2926;
}
.zhoukanLi .zhoukanImg {
    width: 341px;
    height: 226px;
    float: left;
}
.zhoukanLi .zhoukanImg img {
    width: 100%;
    height: 100%;
}
.zhoukanLi .zhoukanText {
    width: 726px;
    height:226px;
    float: right;
    margin-right: 60px;
    /*border:1px solid red;*/
    overflow: hidden;
}
@media screen and (max-width: 1200px) {
    .zhoukanLi .zhoukanImg {
        float: none;
        margin: 0 auto;
    }
    .zhoukanLi .zhoukanText {
        float: none;
        margin: 0 auto;
    }
}
.zhoukanLi .zhoukanText h3 {
    color: #000;
    font-size: 20px;
    padding-top: 28px;
}
.zhoukanLi .zhoukanText h4 {
    color: #7b7b7b;
    font-size: 16px;
    padding-top: 14px;
    padding-left: 31px;
    background: url("../images/zhoukanxin.png") no-repeat 5px 20px;
    padding-bottom: 19px;
    border-bottom: 1px dashed #dcdcdc;
}
.zhoukanLi .zhoukanText span {
    margin-left: 40px;
}
.zhoukanLi .zhoukanText p {
    padding-top: 10px;
    font:16px/30px Microsoft Yahei;
    color:#404040;
}

.page{
    margin: 10px auto;
    text-align: center;
}
.page ul li{display: inline-block; padding:5px; margin:2px;border-radius:6px;}
.page ul li a,.page ul li span{padding:6px 12px;color:#fff;font-size:16px;color:#000;}
.page ul li.active span{color:#fff;}

.page ul li.active{
    background: #c4261d;
}
/***周刊详情***/
.zhoukanDetail {
    max-width: 900px;
    margin: 15px auto 0;
    background: #fff;
    padding-bottom: 130px;
}

.zhoukanDetail h3 {
    color: #000;
    font-size: 20px;
    text-align: center;
    padding-top: 65px;
    padding-bottom: 17px;
}
.zhoukanDetail h4 {
    text-align: center;
    color: #7b7b7b;
    font-size: 16px;
    padding-top: 14px;
    padding-left: 31px;
    background: url("../images/zhoukanxin.png") no-repeat 276px 20px;
    padding-bottom: 19px;
    border-bottom: 1px dashed #dcdcdc;
    margin: 0 30px;  margin-bottom:30px;
}
.zhoukanDetail h4 span {
    margin-left: 12px;
}
.zhoukanDetail h5 {
    text-align: center;
    font-size: 18px;
    padding-top: 30px;
    line-height: 40px;
    color: #666;
}
.zhoukanDetail h5 span {
    margin-right: 25px;
    color: #cc2320;
}
.zhoukanDetail p {
    text-indent:2em;
    margin: 0 80px;
    font: 18px/32px Microsoft Yahei;
    color: #404040;
}

.zhoukanDetail p img {
    display: inline-block;
    text-align: center;
    /*margin:10px 0;*/
}
.zhoukanDetail img{
    max-width:600px;
    text-align: center;
}
/***联系我们***/
.banText2 h2 {
    font-size: 60px;
    padding-top: 230px;
    padding-bottom: 40px;
}
.banText2 h3 {
    font-size: 36px;
}
.zhoukanBg1 {
    background: #fafafa;
    padding: 25px 0;
}
.zhoukanBg1 .zhoukanTitle {
    margin: 0 auto 0 !important;
}
.address ul {
    text-align: center;
    padding: 90px 0;
}
.address li {
    display: inline-block;
    vertical-align: top;
    width: 240px;
}
.address li h6 {
    color: #414141;
    font-size: 18px;
    padding: 28px 0 15px;
}
.address li p {
    font-size: 14px;
    color: #868686;
    line-height: 24px;
}
#dituContent {
    width: 100%;
    height: 510px;
    display:none;
}
/***公司介绍***/
.introductionBg:nth-of-type(2n) {
    background: #fafafa;
}
.introductionBg:nth-of-type(2n+1) .introduceLeft {
    float: left;
}
.introductionBg:nth-of-type(2n+1) .introduceText {
    float: right;
}
.introductionBg:nth-of-type(2n) .introduceLeft {
    float: right;
}
.introductionBg:nth-of-type(2n) .introduceText {
    float: left;
}
.introduce {
    padding: 60px 0;
    max-width: 1200px;
    /*height: 398px;*/
    margin: 0 auto;
}
.introduce .introduceLeft {
    width: 626px;
    height: 398px;
}
.introduce .introduceLeft img {
    width: 100%;
    height: 100%;
}
.introduce .introduceText {
    width: 488px;
}
@media screen and (max-width: 1200px) {
    .introductionBg .introduce .introduceLeft {
        float: inherit;
        margin: 0 auto;
    }
    .introductionBg .introduce .introduceText {
        float: inherit;
        margin: 0 auto;
    }
}
.introduce .introduceText img {
    display: block;
    padding-top: 86px;
    padding-bottom: 40px;
}
.introduce .introduceText p {
    color: #000;
    line-height: 24px;
}
.introduce .introduceText h4 {
    color: #ce2926;
    font-size: 24px;
    padding-top: 75px;
    padding-bottom: 28px;
}
/***企业文化***/
.culture h3 {
    color: #242424;
    font-size: 22px;
    padding-top: 130px;
    padding-bottom: 28px;
    text-align: center;
}
.culture h5 {
    color: #575757;
    font-size: 14px;
    padding-bottom: 35px;
    text-align: center;
}
.cultureA {
    text-align: center;
    margin-bottom: 133px;
}
.cultureA a {
    display: inline-block;
    width: 248px;
    vertical-align: top;
    text-align: center;
    padding-bottom: 22px;
    font-size: 0;
    margin: 0 22px;
}
.cultureA a:hover {
    box-shadow: 0px 0px 8px #e2e2e2;
}
.cultureA .cultureImg {
    width: 248px;
    height: 247px;
    margin-bottom: 12px;
}
.cultureA p {
    color: #666;
    font-size: 14px;
    line-height: 20px;
}
/***人才招聘***/
.welfare {
    text-align: center;
}
.welfare h3 {
    color: #242424;
    font-size: 22px;
    padding: 87px 0px 35px;
}
.welfare p {
    color: #575757;
    font-size: 14px;
}
.welfare ul {
    font-size: 0;
}
.welfare li {
    display: inline-block;
    padding: 30px 18px;
    border-bottom: 1px solid #dcdcdc;
}
.welfare li a {
    color: #ce2926;
    font-size: 16px;
    display: inline-block;
    width: 148px;
    height: 39px;
    line-height: 39px;
    text-align: center;
    border: 1px solid #ce2926;
    border-radius: 20px;
}
.postTitle h3 {
    color: #242424;
    font-size: 22px;
    padding: 51px 0px 35px;
    text-align: center;
}
.postTitle p {
    color: #575757;
    font-size: 14px;
    text-align: center;
    padding-bottom: 25px;
}
.post {
    max-width: 818px;
    margin: 0 auto;
    border-top: 1px solid #dcdcdc;
    padding-bottom: 65px;
}
.post li {
    border-bottom: 1px solid #dcdcdc;
}
.post a {
    display: inline-block;
    height: 50px;
    width: 790px;
    color: #373737;
    font-size: 16px;
    padding: 0 14px;
    line-height: 50px;
    cursor: pointer;
    outline: none;
}
.post a table {
    width: 100%;
}
.post a th {
    font-size: 16px;
    width: 25%;
}
.post a strong {
    /*margin-left: 72px;*/
    font-weight: normal;
}
.post a span {
    /*margin-left: 248px;*/
}
.post a img {
    float: right;
    margin-right: 15px;
    display: inline-block;
    padding-top: 21px;
}
.post li:hover a {
    background: #ce2926;
    color: #fff;
}
.post .post-detail {
    max-width: 818px;
    background: #f1f1f1;
    padding: 10px 15px 18px;
    display: none;
    z-index: 9;
}
.post .post-detail tr,
.post .post-detail p {
    line-height: 30px;
    font-size: 14px;
    color: #787878;
}
.post .post-detail td {
    width: 300px;
}
.post .post-detail td:nth-child(1) {
    width: 34%;
}
.post .post-detail td:nth-child(2) {
    width: 22.5%;
}
.post .post-detail td:nth-child(3) {
    width: 27%;
}
/***3D案例***/
.ban-three {
    font-size: 0;
    position: relative;
}
.ban-three img {
    width: 100%;
    height: 100%;
}
.ban-three .ban-three-Text {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.ban-three .ban-three-Text .btt {
    width: 1200px;
    margin: 0 auto;
}
.ban-three .ban-three-Text h2 {
    color: #c42725;
    font-size: 60px;
    font-weight: bold;
    padding-top: 150px;
}
.ban-three .ban-three-Text h3 {
    color: #fff;
    font-size: 36px;
}
@media screen and (max-width: 1200px) {
    .ban-three .btt h2 {
        font-size: 45px;
        padding-top: 80px;
    }
    .ban-three .btt h3 {
        font-size: 24px;
    }
}
.three-d {
    margin: 0 auto !important;
    padding: 15px 0;
}
.three-d-list {
    max-width: 1200px;
    margin: 0 auto;
    font-size: 0;
    text-align: center;
}
.three-d-list a {
    display: inline-block;
    width: 393px;
    height: 453px;
    background: #fff;
    text-align: center;
    margin: 0 4px;
    margin-bottom: 36px;
    float: left;
    transition: box-shadow .3s ease-out;
}
.three-d-list a:hover {
    box-shadow: 0 0 10px #e8e8e8;
}
.three-d-list a:nth-of-type(3n) {
    margin-right: 0;
}
.three-d-list .tdl {
    width: 377px;
    height: 310px;
    margin: 7px auto 46px;
    position: relative;
    overflow: hidden;
}
.three-d-list p {
    padding-bottom: 18px;
    font-size: 18px;
    color: #000;
}
.three-d-list span {
    font-size: 16px;
    color: #000;
}
.three-d-list .tdl-position {
    position: absolute;
    top: 310px;
    left: 0;
    width: 377px;
    height: 310px;
    background: rgba(0, 0, 0, 0.4);
    text-align: center;
    line-height: 310px;
}
.three-d-list .tdl-position img {
    display: inline-block;
    vertical-align: middle;
}
/***设计团队***/
.team-banner {
    font-size: 0;
    text-align: center;
    position: relative;
    /** height: 443px;**/
}
.team-banner img {
    width: 100%;
    height: 100%;
}
.team-banner .team-banner-text {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
    text-align: center;
}
.team-banner .team-banner-text h2 {
    color: #fff;
    font-size: 48px;
    font-weight: bold;
    padding-top: 125px;
    padding-bottom: 30px;
}
.team-banner .team-banner-text h4 {
    font-size: 24px;
    color: #fff;
    font-family: '幼圆';
    padding-top: 53px;
}
.team-banner .team-banner-text ul {
    text-align: center;
}
.team-banner .team-banner-text li {
    display: inline-block;
    color: #fff;
    font-size: 18px;
    width: 150px;
    height: 38px;
    line-height: 38px;
    background-color: #ce2926;
    border-radius: 9px;
    margin: 0 7px;
}
.yoshi {
    padding-bottom: 27px;
}
.yoshi ul {
    text-align: center;
    font-size: 0;
}
.yoshi li {
    vertical-align: top;
    display: inline-block;
    width: 229px;
    height: 161px;
    background: #fff;
    border: 1px solid #eee;
    margin: 0 6px;
    text-align: center;
}
.yoshi li img {
    display: block;
    margin: 0 auto;
    padding: 45px 0 28px;
}
.yoshi li span {
    font-size: 18px;
    color: #464646;
    font-weight: bold;
}
.youshi-lie {
    max-width: 1200px;
    margin: 0 auto;
    border: 1px solid #d2d2d2;
}
.youshi-lie dl {
    border-bottom: 1px dashed #d2d2d2;
    /*height: 50px;*/
    background: #fff;
    display: table;
    width: 100%;
}
.youshi-lie dl:last-child {
    border-bottom: none;
}
/*.youshi-lie dd:nth-of-type(1) a {*/
/*background: #c72f1f;*/
/*color: #fff;*/
/*}*/
.youshi-lie dt {
    width: 72px;
    color: #575757;
    background: #fafafa;
    text-align: center;
    border-right: 1px solid #d2d2d2;
    vertical-align: middle;
}
.youshi-lie dt,
.youshi-lie dd {
    display: table-cell;
}
.youshi-lie dd {
    margin: 10px 0 10px 4px;
    float: left;
}
.youshi-lie a {
    display: inline-block;
    color: #575757;
    padding: 4px 15px;
    vertical-align: middle;
    margin-left: 8px;
    transition: background .3s ease-out;
}
.youshi-lie a:hover {
    background: #c72f1f;
    color: #fff;
}
.xuan .ddOn a {
    background: #c72f1f;
    color: #fff;
    outline: none;
}
.youshi-img {
    width: 286px;
    height: 384px;
    font-size: 0;
}
.youshi-img a {
    display: inline-block;
    width: 286px;
    height: 384px;
}
.youshi-img a img {
    width: 100%;
    height: 100%;
}
.youshi-list {
    max-width: 1200px;
    margin: 0 auto;
    padding-top: 25px;
    font-size: 0;
}
.youshi-list ul.team-lst {
    font-size: 0;
    text-align: center;
}
.youshi-list ul.team-lst li {
    width: 286px;
    height: 495px;
    vertical-align: top;
    margin: 0 8px 60px;
    background: #fff;
    float: left;
    position: relative;
    transition: background .3s ease-out;
}
.youshi-list .tade {
    display: inline-block;
    background: #cc2320;
    color: #fff;
    width: 84px;
    height: 24px;
    font-size: 14px;
    line-height: 24px;
    border-radius: 12px;
    text-align: center;
    position: absolute;
    bottom: -12px;
    left: 50%;
    transform: translate(-50%);
    border: 2px solid transparent;
}
.youshi-list .renyu {
    background: url("../images/team/sjyu_03.png") no-repeat 0 0;
    background-size: 100% 100%;
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    font-size: 14px;
    width: 89px;
    height: 28px;
    line-height: 28px;
    padding-left: 24px;
    display: none;
}
.youshi-list ul.team-lst li:nth-of-type(4n) {
    margin-right: 0;
}
.youshi-list ul.team-lst li:hover {
    background: #cc2320;
}
.youshi-list ul.team-lst li:hover h5,
.youshi-list li:hover p {
    color: #fff;
}
.youshi-list ul.team-lst li:hover span {
    color: #fff;
}
.youshi-list ul.team-lst li:hover .tade {
    border: 2px solid #fff;
}
.youshi-list h5 {
    color: #000;
    font-size: 16px;
    line-height: 43px;
    border-bottom: 1px solid #eee;
    padding-left: 20px;
}
.youshi-list p {
    line-height: 40px;
    padding-left: 20px;
    font-size: 14px;
}
.youshi-list p span {
    color: #cc2320;
}
.youshi-list p i {
    margin-right: 25px;
}
.youshi-bg {
    padding-bottom: 40px;
}
/***设计团队详情***/
.team-banner-bg {
    background: url("../images/teamdetailbg_02.jpg") no-repeat 0 0;
    background-size: 100% 100%;
    padding: 60px 0 73px;
}
.team-detail-banner {
    width: 1200px;
    margin: 0 auto;
}
.td-img {
    width: 330px;
    height: 444px;
    float: left;
}
.td-img img {
    width: 100%;
    height: 100%;
}
.td-text {
    width: 798px;
    float: right;
    margin-right: 19px;
}
@media screen and (max-width: 1200px) {
    .td-img {
        float: none;
        margin: 0 auto;
    }
    .td-text {
        max-width: 798px;
        float: none;
        margin: 0 auto;
    }
}
.td-text h3,
.td-text h5,
.td-text h4 {
    padding-left: 28px;
    color: #fff;
}
.td-text h3 {
    font-size: 24px;
    padding-top: 12px;
    padding-bottom: 5px;
    position: relative;
}
.td-text h3 a {
    display: inline-block;
    width: 96px;
    height: 29px;
    line-height: 29px;
    font-size: 14px;
    color: #fff;
    background: #cc2320;
    border-radius: 14px;
    text-align: center;
    position: absolute;
    right: 0;
    top: 23px;
}
.td-text h5 {
    font-size: 16px;
    padding-bottom: 25px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.td-text p {
    color: #fff;
    font-size: 16px;
    line-height: 50px;
}
.td-text p span {
    color: #cc2320;
}
.td-text p img {
    padding-left: 28px;
    padding-right: 5px;
}
.td-text h4 {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    font-size: 18px;
    line-height: 18px;
    padding-top: 28px;
    padding-bottom: 14px;
}
.td-text h4:nth-of-type(1) {
    background: url("../images/tby_07.png") no-repeat 26px 28px;
}
.td-text h4:nth-of-type(2) {
    background: url("../images/tby_11.png") no-repeat 26px 26px;
}
.td-text h4:nth-of-type(3) {
    background: url("../images/tby_15.png") no-repeat 26px 28px;
}
.td-text h6 {
    font-size: 14px;
    line-height: 14px;
    padding-bottom: 26px;
    color: #a2a2a2;
}
.td-text h4,
.td-text h6 {
    padding-left: 61px;
}
.ta-anli {
    width: 1200px;
    margin: 0 auto;
}
.ta-anli h3 {
    color: #060606;
    font-size: 22px;
    line-height: 22px;
    padding: 26px 0 7px;
    border-bottom: 1px solid #c9c9c9;
}
.ta-anli a {
    color: #6d6d6d;
    font-size: 14px;
    float: right;
}
.team-anli {
    max-width: 1200px;
    margin: 0 auto;
    font-size: 0;
    text-align: center;
}
.team-anli .caselst a {
    vertical-align: top;
    display: inline-block;
    width: 378px;
    margin: 13px;
    margin-top: 36px;
    float: left;
    transition: box-shadow .3s ease-out;
}

.team-anli .caselst a:nth-of-type(3n) {
    margin-right: 0 !important;
}
.team-anli .caselst a:hover {
    box-shadow: 0 0 10px #e2e2e2;
}
.team-anli .anli-img {
    width: 378px;
    height: 239px;
    overflow: hidden;
    margin-bottom: 11px;
}
.team-anli .anli-img img {
    width: 100%;
    height: 100%;
}
.team-anli .touxiang {
    width: 72px;
    height: 72px;
    border-radius: 36px;
    float: left;
    margin: 0 21px 15px 12px;
    overflow: hidden;
    border-radius: 50%;
}
.team-anli .touxiang img {
    width: 100%;
    /**height: 100%;
    border-radius: 50%;**/
}
.team-anli h5 {
    color: #2b2a2a;
    font-size: 18px;
    padding: 10px 0;
    text-align: left;
}
.team-anli p {
    color: #666;
    font-size: 16px;
    text-align: left;
}
.team-anli p span {
    color: #000;
}
.team-anli h6 {
    /*line-height: 16px;*/
    margin: 29px 18px 13px 0;
    float: right;
}
.team-anli h6 i {
    float: right;
    line-height: 16px;
}
.team-anli h6 strong {
    display: inline-block;
    padding: 4px 15px;
    background: #cc2320;
    float: left;
    font: 600 16px/16px 'Microsoft YaHei';
    color: #fff;
    margin-left: 170px;
}
.team-anli h6 img {
    margin-right: 5px;
}
.team-anli h6 span {
    font-size: 16px;
    color: #000;
}
.td-de {
    margin: 66px 36px;
}

.team-anli .caselst a{
    vertical-align: top;
    display: inline-block;
    width: 372px;
    margin: 13px;
    margin-top: 36px;
    float: left;
    transition: box-shadow .3s ease-out;
}

.team-anli-show{
        max-width: 1200px;
    margin: 0 auto;
    font-size: 0;
    text-align: center;
}
.team-anli-show a{
    vertical-align: top;
    display: inline-block;
    width: 374px;
    margin: 13px;
    margin-top: 36px;
    float: left;
    transition: box-shadow .3s ease-out;
}
.team-anli-show .anli-img {
    width: 374px;
    height: 239px;
    overflow: hidden;
    margin-bottom: 11px;
}
.team-anli-show .anli-img img {
    width: 100%;
    height: 100%;
}
.team-anli-show .touxiang{
        width: 72px;
    height: 72px;
    border-radius: 36px;
    float: left;
    margin: 0 21px 15px 12px;
    overflow: hidden;
    border-radius: 50%;
}
.team-anli-show .touxiang img {
    width: 100%;
}
.team-anli-show h5 {
    color: #2b2a2a;
    font-size: 18px;
    padding: 10px 0;
    text-align: left;
}
.team-anli-show p {
    color: #666;
    font-size: 16px;
    text-align: left;
}

.team-anli-show p span {
    color: #000;
}
.team-anli-show h6 {
    margin: 29px 18px 13px 0;
    float: right;
}
.team-anli-show h6 img {
    margin-right: 5px;
    margin-top: -15px;
}
.team-anli-show h6 span {
    font-size: 16px;
    color: #000;
}
/***整装产品***/
.zz h2 {
    font-size: 72px;
    color: #fff;
    font-weight: bold;
    padding: 216px 0 34px !important;
}
.zz h4 {
    font-size: 30px;
    color: #fff;
}
.zz h6 {
    font-size: 12px;
    color: #fff;
}
.zz img {
    display: inline-block;
    width: 40px;
    height: 2px;
    padding-top: 40px;
    margin-bottom: 65px;
}
.zz h5 {
    font-size: 18px;
    color: #fff;
}
.zz h5 span {
    margin: 0 13px;
}
.zz-bg {
    background: #fafafa;
}
.zz-title {
    padding: 18px 0 25px;
    font-size: 0;
    text-align: center;
    max-width: 1200px;
    margin: 0 auto;
}
.zz-title a {
    display: inline-block;
    height: auto;  width: 31%;
    padding-bottom: 26px;
    background: #fff;
    margin: 0 0.75%;
    position: relative;
    transition: background .5s ease-out;
}
.zz-title a .youjiao {
    position: absolute;
    left: -2px;
    top: 50%;
    transform: translate(0,-50%);
    width: 24px;
    height: 24px;
}
.zz-title a i {
    display: inline-block;
    float: left;
    width: 70px;
    height: 43px;
    padding-top: 34px;
    padding-left: 48px;
}
.zz-title a h4 {
    font-size: 24px;
    color: #191919;
    font-weight: bold;
    margin: 29px 0 10px;
    text-align: left;
    margin-left: 56px;
}
.zz-title a p {
    font-size: 14px;
    color: #191919;
    text-align: left;
    padding-left: 56px;
}
@media screen and (max-width: 1200px) and (min-width: 768px) {
    .zz-title a h4 {
        font-size: 20px;
        margin-left: 70px;
    }
    .zz-title a p {
        padding-left: 70px;
    }
}
.zz-title a span {
    color: #cc2320;
}
.zz-title a strong {
    display: inline-block;
    width: 52px;
    height: 24px;
    overflow: hidden;
}

.zz-title a:nth-of-type(1) strong {
    background: url("../images/icon.png") no-repeat -121px 0;
}
.zz-title a:nth-of-type(2) strong {
    background: url("../images/icon.png") no-repeat -242px 0;
}
.zz-title a:nth-of-type(3) strong {
    background: url("../images/icon.png") no-repeat -365px 0;
}
.zz-title .zz-on:nth-of-type(1) strong {
    background: url("../images/icon.png") no-repeat -182px 0;
}
.zz-title .zz-on:nth-of-type(2) strong {
    background: url("../images/icon.png") no-repeat -303px 0;
}
.zz-title .zz-on:nth-of-type(3) strong {
    background: url("../images/icon.png") no-repeat -422px 0;
}
.zz-title a:hover:nth-of-type(1) strong {
    background: url("../images/icon.png") no-repeat -182px 0;
}
.zz-title a:hover:nth-of-type(2) strong {
    background: url("../images/icon.png") no-repeat -303px 0;
}
.zz-title a:hover:nth-of-type(3) strong {
    background: url("../images/icon.png") no-repeat -422px 0;
}

.zz-title a:nth-of-type(1) i {
    background: url("../images/zh_03.png") no-repeat 48px 34px;
}
.zz-title a:nth-of-type(2) i {
    background: url("../images/zh_05.png") no-repeat 48px 34px;
}
.zz-title a:nth-of-type(3) i {
    background: url("../images/zh_07.png") no-repeat 48px 34px;
}
.zz-title a:hover:nth-of-type(1) i {
    background: url("../images/zw_03.png") no-repeat 48px 34px;
}
.zz-title a:hover:nth-of-type(2) i {
    background: url("../images/zw_05.png") no-repeat 48px 34px;
}
.zz-title a:hover:nth-of-type(3) i {
    background: url("../images/zw_07.png") no-repeat 48px 34px;
}
.zz-title a:hover {
    background: #cc2320;
}
.zz-title a:hover h4 {
    color: #fff;
}
.zz-title a:hover p {
    color: #fff;
}
.zz-title a:hover span {
    color: #fff;
}
.zz-title .zz-on:nth-of-type(1) i {
    background: url("../images/zw_03.png") no-repeat 48px 34px;
}
.zz-title .zz-on:nth-of-type(2) i {
    background: url("../images/zw_05.png") no-repeat 48px 34px;
}
.zz-title .zz-on:nth-of-type(3) i {
    background: url("../images/zw_07.png") no-repeat 48px 34px;
}
.zz-title .zz-on {
    background: #cc2320;
}
.zz-title .zz-on h4 {
    color: #fff;
}
.zz-title .zz-on p {
    color: #fff;
}
.zz-title .zz-on span {
    color: #fff;
}
.zz-one {
    max-width: 1200px;
    margin: 0 auto;
    padding: 50px 0 31px;
}
.zz-one h4 {
    position: relative;
}
.zz-one h4 strong {
    color: #232323;
    font-size: 24px;
    border-left: 4px solid #cc2320;
    padding-left: 15px;
    font-weight: normal;
}
.zz-one h4 a {
    font-size: 16px;
    color: #4b4b4b;
    margin-left: 20px;
}
.zz-one h4 .swiper-pagination {
    position: absolute;
    right: 0 !important;
}
.zz-one-a {
    font-size: 0;
    text-align: center;
    margin-bottom: 30px;
}
.zz-one-a a {
    display: inline-block;
    width: 393px;
    /*height: 453px;*/
    background: #fff;
    text-align: center;
    margin: 0 5px 30px;
    border: 1px solid #e4e4e4;
    position: relative;
    vertical-align: top;
}
.zz-one-a a:hover {
    box-shadow: 0 0 10px #e8e8e8;
    border: 1px solid transparent;
    cursor: pointer;
}
.zz-one-a a:nth-of-type(3n) {
    margin-right: 0;
}
.zz-one-a .tdl {
    width: 377px;
    /*height: 310px;*/
    margin: 7px auto 26px;
    position: relative;
    overflow: hidden;
}
.zz-one-a p {
    padding-bottom: 18px;
    font-size: 18px;
    color: #000;
}
.zz-one-a span {
    font-size: 16px;
    color: #000;
}
.zz-one-a .tdl-position {
    position: absolute;
    top: 310px;
    left: 0;
    width: 377px;
    height: 310px;
    background: rgba(0, 0, 0, 0.4);
    text-align: center;
    line-height: 310px;
}
.zz-one-a .tdl-position img {
    display: inline-block;
    vertical-align: middle;
}
.zz-one-a .zz-dian {
    position: absolute;
    bottom: -19px;
    left: 50%;
    transform: translate(-50%);
    cursor: pointer;
}
.zz-one .swiper-pagination {
    position: absolute;
    right: 0 !important;
    bottom: -18px !important;
}
.zz-one .swiper-pagination-bullet {
    width: 88px !important;
    background: none;
    opacity: 1;
    border: none;
    font-size: 16px;
    color: #373737;
    padding-bottom: 14px;
    border-radius: 0 !important;
    outline: none;
}
.zz-one .swiper-pagination-bullet-active {
    background: none !important;
    border-bottom: 1px solid #cc2320 !important;
}
.zz-banner {
    width: 1369px;
    margin: 0 auto;
}
.zz-banner .swiper-container {
    height: auto !important;
    width: 1369px;
    text-align: center;
}
.zz-banner .swiper-button-prev,
.zz-banner .swiper-button-next {
    width: 45px !important;
    height: 45px !important;
    /** border: 1px solid #364052;**/
    border-radius: 50%;
    text-align: center;
}
.zz-banner .swiper-button-prev {
    background: url("../images/zzba_03.png")center no-repeat;
    left: 90px !important;
}
.zz-banner .swiper-button-next {
    background: url("../images/zzba_05.png")center no-repeat;
    right: 90px !important;
}
.company_content {
    margin-bottom: 81px !important;
}
.zz-slide {
    width: 1200px;
    height: 460px;
    margin: 0 auto;
    position: relative;
}
.zz-slide .zz-slide-left {
    width: 623px;
    height: 425px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 12;
    background: #fff;
}
.zz-slide .zz-slide-left img {
    width: 100%;
    height: 100%;
}
.zz-slide .zz-slide-right {
    width: 600px;
    height: 425px;
    position: absolute;
    right: 0;
    bottom: 35px;
    background: #232323;
    z-index: 11;
    padding-left: 60px;
    padding-right: 36px;
}
.zz-slide .zz-slide-right h4 {
    font-size: 30px;
    color: #fff;
    line-height: 30px;
    text-align: left;
    padding-top: 72px;
    padding-bottom: 13px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    padding-left: 65px;
    background: url("../images/keting.png") no-repeat 5px 73px;
    margin-bottom: 36px;
}
.zz-slide .zz-slide-right dl {
    color: #fff;
    width: 240px;
    float: left;
    text-align: left;
}
.zz-slide .zz-slide-right dt {
    width: 70px;
    height: 26px;
    color: #fff;
    background: #cc2320;
    font-size: 18px;
    margin-bottom: 20px;
    text-align: center;
    line-height: 26px;
}
.zz-slide .zz-slide-right dd {
    font-size: 14px;
    color: #fff;
    line-height: 30px;
}
.zz-slide .zz-slide-right span {
    font-size: 14px;
    color: #232323;
    display: inline-block;
    width: 16px;
    height: 16px;
    background: #fff;
    border-radius: 8px;
    margin-right: 10px;
    text-align: center;
    line-height: 16px;
}
.zz-slide .si1,
.zz-slide .si2 {
    width: 58px;
    height: 35px;
    position: absolute;
}
.zz-slide .si1 img,
.zz-slide .si2 img {
    width: 100%;
    height: 100%;
}
.zz-slide .si1 {
    top: 0;
    left: 623px;
    display: none;
}
.zz-slide .si2 {
    bottom: 0;
    right: 600px;
    display: none;
}
/***整修案例***/
.case-banner-bg {
    /*background: url("../images/casebg_02.jpg") no-repeat 0 0;*/
    /*background-size: 100% 100%;*/
    position: relative;
}
.case-banner-bg img {
    width: 100%;
    height: 100%;
}
.case-banner {
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding-top: 15%;
}
.case-banner h2 {
    color: #fff;
    font-size: 48px;
    font-weight: lighter;
    padding: 110px 0 15px;
}
.case-banner h3 {
    color: #fff;
    font-size: 36px;
}
.case-banner img {
    padding: 20px 0 56px;
    width: 40px;
    height: 2px;
    margin: 0 auto;
    display: block;
}
.case-banner input {
    box-sizing: border-box;
    width: 520px;
    height: 50px;
    border: 2px solid #cc2320;
    border-radius: 9px;
    color: #888;
    font-size: 18px;
    padding-left: 16px;
    padding-right: 55px;
}
.case-banner .case-input {
    position: relative;
    width: 540px;
    display: inline-block;
}
.case-banner a {
    position: absolute;
    top: 0;
    right: 1px;
    display: inline-block;
    width: 55px;
    height: 50px;
    background: #cc2320;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    line-height: 50px;
}
.case-banner a img {
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    padding: 0 !important;
}
.case-lie {
    margin-top: 42px;
}
.case-lie sup {
    font-size: 12px;
}
.case-anli .anli-img {
    position: relative;
    overflow: hidden;
}
.case-anli .case-up {
    position: absolute;
    top: 239px;
    left: 0;
    width: 378px;
    height: 239px;
    background: rgba(0, 0, 0, 0.4);
    line-height: 239px;
    text-align: center;
}
.case-anli .case-up img {
    display: inline-block;
    vertical-align: middle;
    width: 42px;
    height: 42px;
}
/***整修案例详情***/
.case-detail-bg {
    background: url("../images/casedetail_01.jpg");
    background-size: 100% 100%;
}
.case-detail-bg1 {
    height: 429px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}
.cdb1 {
    width: 1200px;
    margin: 0 auto;
    padding-top: 200px;
}
.cdb1 h3 {
    color: #fff;
    font-size: 24px;
    line-height: 24px;
    padding: 29px 0 17px;
}
.cdb1 h4 {
    color: #fff;
    font-size: 20px;
    line-height: 20px;
    padding-bottom: 20px;
}
.cdb1 p {
    color: #fff;
    font-size: 14px;
}
.cdb1 p span {
    margin-right: 40px;
}
.cdb1 p #dianzan {
    margin-right: 0;
}
.cdb1 i {
    float: right;
    text-align: center;
}
.cdb1 i img {
    margin-right: 5px;
}
.cdb1 i a {
    margin-left: 20px;
    display: inline-block;
    width: 115px;
    height: 35px;
    line-height: 35px;
    border-radius: 17px;
}
.cdb1 i a:first-child {
    background: #fff;
    color: #000;
}
.cdb1 i a:last-child {
    background: #cc2320;
    color: #fff;
}
.cdb-touxiang {
    width: 146px;
    height: 146px;
    background: rgba(255, 255, 255, 0.4);
    border-radius: 73px;
    float: left;
    line-height: 146px;
    text-align: center;
    margin-right: 20px;
    font-size: 0;
}
.cdb-touxiang .cdbt {
    width: 127px;
    height: 127px;
    border-radius: 63px;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
}
.cdb-touxiang .cdbt img {
    width: 100%;
}
.case-detail-bg2 {
    height: 90px;
}
.cdb2 {
    width: 1200px;
    margin: 0 auto;
}
.cdb2 p {
    font-size: 14px;
    color: #fff;
    line-height: 90px;
    margin-left: 26px;
}
.biaotou {
    max-width: 1200px;
    margin: 0 auto;
}
.biaotou input {
    border: none;
    color: #cc2320;
    font-size: 18px;
    background: none;
    float: right;
    line-height: 59px;
    display: none;
}
.biaotou p {
    color: #8a8989;
    font-size: 14px;
    line-height: 59px;
    float: left;
}
.biaotou a {
    color: #8a8989;
}
.case-this {
    max-width: 1200px;
    margin: 0 auto;
    margin-bottom: 56px;
}
.case-left {
    width: 933px;
    float: left;
    border: 1px solid #e5e5e5;
    padding: 0 16px 21px;
}
.case-left h4 {
    font-size: 20px;
    color: #3c3b3b;
    font-weight: bold;
    padding-left: 10px;
    line-height: 20px;
    border-left: 3px solid #cc2320;
    margin: 34px 0 12px;
}
.case-left p {
    font-size: 14px;
    color: #3c3b3b;
    line-height: 26px;
    text-align: center;
}
.case-left img {
    display: inline-block;
    padding-top: 21px;
}
.case-right {
    width: 240px;
    float: right;
    display: block;
    background: #fff;
}
@media screen and (max-width: 1200px) {
    .biaotou input {
        display: block;
    }
    .case-left {
        float: none;
        margin: 0 auto;
    }
    .case-this {
        position: relative;
    }
    .case-right {
        display: none;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 55;
    }
}
.cr {
    border: 1px solid #e5e5e5;
}
.cr1 {
    padding-top: 19px;
    text-align: center;
}
.cr1 h5 {
    color: #cc2320;
    font-size: 18px;
    padding-left: 20px;
    padding-bottom: 20px;
    text-align: left;
}
.cr1 input {
    width: 200px;
    height: 30px;
    border: 1px solid #c9c9c9;
    background: #fafafa;
    color: #c9c9c9;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin-bottom: 12px;
    border-radius: 3px;
    font-size: 16px;
    padding-left: 45px;
}
.cr1 .case-btn {
    padding-left: 0;
    color: #fff;
    background: #cc2320;
    border: none;
}
.cr2 h5 {
    color: #cc2320;
    font-size: 18px;
    padding: 19px 0 10px 20px;
    border-bottom: 1px solid #c9c9c9;
}
.cr2 li {
    padding-top: 15px;
    height: 73px;
    border-bottom: 1px solid #e5e5e5;
    transition: background .3s ease-out;
}
.cr2 li h6 {
    font-size: 16px;
    color: #191919;
    line-height: 16px;
    padding: 5px 0 7px;
}
.cr2 li p {
    font-size: 14px;
    color: #707070;
}
.cr2 li p img {
    margin-right: 5px;
}
.cr2 li span {
    color: #191919;
}
.cr2 li:hover {
    background: #f7f7f7;
}
.cr2 .cr-img {
    width: 60px;
    height: 60px;
    border-radius: 30px;
    float: left;
    margin: 0 15px;
    overflow: hidden;
}
.cr2 .cr-img img {
    width: 100%;
}

/***热装楼盘***/
/*.ban-l {
  height: 545px !important;
  background: url("../images/ban-l_01.jpg") no-repeat center 0;
  background-size: 100% 100%;
}
.ban-l1 {
  background: rgba(0,0,0,0.5);
  background-size: 100% 100%;
  text-align: center;
  height: 545px;
}
.ban-l1 h3 {
  color: #fff;
  font: lighter 48px/72px 'Microsoft YaHei';
  padding-top: 210px;
}
.ban-l1 h5 {
  color: #fff;
  font: 500 36px/36px 'Microsoft YaHei';
  padding-bottom: 28px;
}
.ban-l1 img {
  width: 51px;
  height: 2px;
  display: inline-block;
}*/
.loupan-xuan {
    max-width: 1200px;
    height: 70px;
    margin: 0 auto;
    position: relative;
}
.loupan-x {
    max-width: 1200px;
    position: absolute;
    top: -70px;
    left: 0;
    padding: 26px 36px;
    background: #fff;
    box-shadow: 0 10px 10px #f9f9f9;
}
.loupan-x p {
    color: #333;
    font: 16px/26px 'Microsoft YaHei';
    float: left;
    margin-right: 15px;
}
.loupan-x a {
    color: #333;
    font: 14px/26px 'Microsoft YaHei';
    float: left;
    padding: 0 16px;
    margin-right: 5px;
    margin-bottom: 15px;
}
.loupan-x a:hover {
    color: #fff;
    background: #af251b;
}
.loupan-x .lOn {
    color: #fff;
    background: #af251b;
}
.loupan-list {
    max-width: 1200px;
    margin: 0 auto;
    padding: 50px 0 45px;
    font-size: 0;
    text-align: center;
}
.loupan-list a {
    display: inline-block;
    width: 290px;
    height: 231px;
    float: left;
    margin: 0 5px 14px;
    overflow: hidden;
    position: relative;
}
.loupan-list .lou-di {
    width: 290px;
    height: 47px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.4);
    color: #fff;
    font: 500 14px/47px 'Microsoft YaHei';
    z-index: 3;
    text-align: left;
}
.loupan-list .lou-di img {
    width: 15px;
    height: 19px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 14px;
    margin-right: 6px;
}
.loupan-list .lou-fu {
    width: 290px;
    height: 231px;
    background: rgba(0,0,0,0.8);
    position: absolute;
    line-height: 231px;
    top: 231px;
    left: 0;
    text-align: center;
    z-index: 2;
}
.loupan-list .lou-fu img {
    width: 39px;
    height: 39px;
    display: inline-block;
    vertical-align: middle;
}
.loupan-list a img {
    width: 100%;
    height: 100%;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {

}

.pages {
    margin: 0 auto;
    margin-bottom: 58px;
    text-align: center;
    font-size: 0;
}
.pages a, .pages strong {
    display: inline-block;
    color: #333;
    font: 12px/34px 'Microsoft YaHei';
    padding: 0 12px;
    border: 1px solid #8a8989;
    margin: 0 3px;
}
.pages strong {
    color: #fff;
    background: #af251b;
    border: 1px solid #af251b;
}

/***热装楼盘详情***/
.loupan-box {
    background: #f6f6f6;
    padding-bottom: 60px;
}
.loupan-weizhi {
    max-width: 1200px;
    height: 72px;
    margin: 0 auto;
    color: #838383;
    font: 500 14px/72px 'Microsoft YaHei';
}
.loupan-weizhi a {
    color: #838383;
}
.loupan-weizhi span {
    color: #cc2320;
}

.loupan-jieduan {
    max-width: 1200px;
    margin: 0 auto;
    background: #fff;
    padding: 21px;
}
.loupan-xiangqing .lx-left {
    width: 290px;
    height: 231px;
    float: left;
}
.loupan-xiangqing .lx-left img {
    width: 100%;
    height: 100%;
}
.loupan-xiangqing .lx-right {
    width: 838px;
    float: right;
}
.loupan-xiangqing .lx-right h3 {
    color: #333;
    font: 500 18px/18px 'Microsoft YaHei';
    padding-bottom: 10px;
    border-bottom: 1px solid #e2e2e2;
}
.loupan-xiangqing .lx-right p {
    color: #838383;
    font: 500 14px/32px 'Microsoft YaHei';
    border-bottom: 1px dashed #e2e2e2;
}
.loupan-xiangqing .lx-right h5 {
    color: #333;
    font: 500 14px/42px 'Microsoft YaHei';
    border-bottom: 1px dashed #e2e2e2;
    margin-bottom: 21px;
}
.loupan-xiangqing h5 span {
    color: #cc2320;
    margin-right: 50px;
}
.loupan-xiangqing .lx-right a {
    display: inline-block;
    width: 270px;
    height: 36px;
    border: 1px solid #cc2320;
    line-height: 36px;
    text-align: center;
}
.lx-right a span {
    display: inline-block;
    width: 135px;
    float: left;
    color: #cc2320;
    line-height: 36px;
}
.lx-right a span:nth-of-type(1) {
    background: #cc2320;
    color: #fff;
}
@media screen and (max-width: 1200px) {
    .loupan-xiangqing .lx-left {
        float: none;
        margin: 0 auto;
    }
    .loupan-xiangqing .lx-right {
        float: none;
        margin: 0 auto;
    }
}
.jieduan {
    max-width: 1200px;
    margin: 0 auto;
    background: #fff;
    padding: 21px;
}
.jieduan-list {
    padding-bottom: 46px;
}
.jieduan-list h4 {
    padding-bottom: 10px;
    border-bottom: 1px solid #e6e6e6;
    line-height: 16px;
}
.jieduan-list h4 strong {
    color: #cc2320;
    padding-bottom: 8px;
    line-height: 16px;
    border-bottom: 1px solid #cc2320;
}
.jieduan-list h4 p {
    float: right;
}
.jieduan-list h4 span {
    margin-right: 30px;
    color: #cc2320;
}
.jieduan-list h4 img {
    width: 16px;
    height: 16px;
    float: right;
}
/*.jieduan-list ul {*/
/*font-size: 0;*/
/*text-align: center;*/
/*}*/
.jieduan-neirong p {
    width: auto;
    height: auto;
    /*margin-right: 10px;*/
    float: left;
    margin-top: 20px;
}
.jieduan-neirong p:last-child {
    margin-right: 0;
}
/*.jieduan-list li a {*/
/*width: 280px;*/
/*height: 219px;*/
/*}*/
.jieduan-neirong .swiper-slide {
    width: 280px;
}
.jieduan-neirong img {
    width: 280px;
    height: auto;
}
.nav-suolue {
    display: none;
}

/*文章详情页上一页/下一页*/
.prev-next {
    padding: 60px 80px 0;
    margin: 0 auto;
}
.prev-next a {
    display: block;
    width: 90px;
    height: 28px;
    background-color: #f1f1f1;
    line-height: 28px;
    color: #666;
    text-align: center;
    font-size: 16px;
}
.prev-next .detail-prev {
    float: left;
}
.prev-next .detail-next {
    float: right;
}

@media screen and (max-width: 768px) {
    .rightPosition, .tel, .d-head .nav {
        display: none;
    }
    .zz h2 {
        font-size: 45px;
    }
    .zz h4 {
        font-size: 20px;
    }
    .zz h5 {
        font-size: 14px;
    }
    .zz-title a i {
        display: none;
    }
    .zz-title a h4 {
        display: block;
        margin-left: 10px;
    }
    .zz-title a p {
        padding-left: 8px;
    }
    .zz-one h4 a {
        display: block;
        float: left;
    }
    .zz-one-a a {
        width: 100%;
        margin: 0 auto;
        margin-bottom: 25px;
    }
    .zz-one-a .tdl {
        margin: 7px auto 16px;
    }
    .zz-banner .swiper-container {
        width: 100%;
    }
    .zz-banner .swiper-button-prev, .zz-banner .swiper-button-next {
        display: none;
    }
    .zz-one h4 .swiper-pagination {
        display: none;
    }
    .body {
        width: 100%;
    }
    .case-input {
        display: none;
    }
    .m-head, .m-f {
        display: block;
    }
}



@media screen and (max-width: 768px) {
    .bTop {
        margin-top: 1.01rem;
    }
    /**********头部***************/
    .d-head {
        display: none;
    }
    .m-head {
        display: block;
        width: 100%;
        height: 0.99rem;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 11;
        background: rgba(0, 0, 0, 0.8);
    }
    .m-head .logo {
        float: left;
        width: 2.43rem;
        height: 0.62rem;
        padding: 0.2rem 0 0 0.2rem;
    }
    .m-head .logo img {
        width: 100%;
        height: 100%;
    }
    .m-head .rexian {
        float: left;
        padding-top: .15rem;
        padding-left: .3rem;
    }
    .m-head .rexian p {
        color: #fff;
        font: 600 .28rem/.3rem 'Microsoft YaHei';
    }
    .m-head .rexian span {
        font: 600 .28rem/.28rem 'Microsoft YaHei';
        color: #cc2320;
    }
    .m-head .nav {
        float: right;
        width: 0.52rem;
        height: 0.99rem;
        line-height: 0.99rem;
        padding-right: 0.2rem;
        cursor: pointer;
        outline: none;
    }
    .m-head .nav img {
        width: 0.52rem;
        height: 0.45rem;
        display: inline-block;
        vertical-align: middle;
    }
    .head1 {
        position: relative;
    }
    .nav-lan {
        display: none;
        width: 33%;
        position: absolute;
        top: 0.99rem;
        right: 0;
        background: rgba(0, 0, 0, 0.7);
    }
    .nav-lan li {
        border-bottom: 0.01rem solid rgba(255, 255, 255, 0.5);
        text-align: center;
    }
    .nav-lan a {
        color: #fff;
        padding-left: 0.63rem;
        font: 500 0.28rem/0.6rem "Microsoft YaHei";
        letter-spacing: 0.06rem;
    }
    .nav-lan li:nth-of-type(1) a {
        background: url('../images/1_2.png') no-repeat 0 .05rem;
        background-size: .32rem .32rem;
    }
    .nav-lan li:nth-of-type(2) a {
        background: url('../images/2_2.png') no-repeat 0 .05rem;
        background-size: .32rem .32rem;
    }
    .nav-lan li:nth-of-type(3) a {
        background: url('../images/3_2.png') no-repeat 0 .05rem;
        background-size: .32rem .32rem;
    }
    .nav-lan li:nth-of-type(4) a {
        background: url('../images/4_2.png') no-repeat 0 .05rem;
        background-size: .32rem .32rem;
    }
    .nav-lan li:nth-of-type(5) a {
        background: url('../images/5_2.png') no-repeat 0 .05rem;
        background-size: .32rem .32rem;
    }
    .nav-lan li:nth-of-type(6) a {
        background: url('../images/6.png') no-repeat 0 .05rem;
        background-size: .32rem .32rem;
    }
    .nav-lan li:nth-of-type(7) a {
        background: url('../images/7.png') no-repeat 0 .05rem;
        background-size: .32rem .32rem;
    }
    .nav-lan li:nth-of-type(8) a {
        background: url('../images/8.png') no-repeat 0 .05rem;
        background-size: .32rem .32rem;
    }
    .nav-lan li:nth-of-type(9) a {
        background: url('../images/9.png') no-repeat 0 .05rem;
        background-size: .32rem .32rem;
    }
    /*************底部**************/
    .foot {
        height: auto;
    }
    .foot_line,
    .foot_img,
    .foot_logo,
    .foot_nav,
    .code .erweima,
    .code_left a,
    .code_right p i{
        display: none;
    }
    .code {
        width: 100%;
        padding: 0;
        position: static;
    }
    .code_left {
        float: none;
        text-align: center;
        margin-left: 0;
    }
    .code_left .address {
        padding-bottom: .12rem;
        font-size: .2rem;
    }
    .code_left .address:nth-of-type(2) {
        display: none;
    }
    .code_left .Filing {
        padding-bottom: .12rem;
        font-size: .18rem;
    }
    .code_right {
        margin: 0;
        float: none;
    }
    .code_right p {
        text-align: center;
        font-size: .2rem;
    }
    .foot_content {
        padding-top: .2rem;
    }
    .code_right p span {
        display: inline-block;
        font-size: .14rem;
    }
    /*********底部2**********/
    .d-f {
        display: none;
    }
    .m-f {
        display: block;
    }
    .footer {
        background: #424242;
        padding: 0 0.2rem;
        text-align: center;
    }
    .footer1 {
        border-bottom: 0.01rem solid rgba(95, 92, 92, 0.3);
    }
    .footer1 h5 {
        color: #fff;
        font: 500 0.28rem/0.44rem "Microsoft YaHei";
        padding-top: 0.6rem;
    }
    .footer1 h5 span {
        font-weight: bold;
        font-size: 0.32rem;
    }
    .footer1 p {
        color: #d2d2d2;
        font: 500 0.28rem/0.44rem "Microsoft YaHei";
        padding-bottom: 0.2rem;
    }
    .footer2 h6,
    .footer2 p {
        color: #e1e1e1;
        font: 500 0.24rem/0.36rem "Microsoft YaHei";
    }
    .footer2 h6 {
        padding-top: 0.2rem;
    }
    .footer2 p {
        padding-bottom: 0.85rem;
    }
    .wap-zixun {
        width: 100%;
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 11;
    }
    .wap-zixun ul {
        width: 100%;
        height: 1.2rem;
        display: flex;
        display: -webkit-flex;
        font-size: 0;
    }
    .wap-zixun li {
        text-align: center;
    }
    .wap-zixun li img {
        width: 0.5rem;
        height: auto;
        display: block;
        margin: 0 auto;
        padding-top: 0.2rem;
    }
    .wap-zixun li span {
        font-size: 0.32rem;
    }
    .wap-zixun a {
        color: #fff;
        font: 500 0.24rem/0.52rem "Microsoft YaHei";
    }
    .wap-zixun li:nth-of-type(1),
    .wap-zixun li:nth-of-type(3) {
        width: 30%;
        background: #6c6c6c;
        flex-grow: 3;
    }
    .wap-zixun li:nth-of-type(2) {
        width: 40%;
        background: #cc2320;
        flex-grow: 4;
    }
    /*联系我们*/
    .ban {
        margin-top: .99rem;
    }
    .ban img {
        width: 100%;
        height: auto;
    }
    .banText2 h2 {
        font-size: .48rem;
        padding-top: .5rem;
        padding-bottom:.2rem;
    }
    .banText2 h3 {
        font-size: .36rem;
    }
    .banText {
        width: 100%;
    }
    .zhoukanBg1 {

    }
    .zhoukanTitle h2 {
        font-size: .24rem;
        line-height: .24rem;
    }
    .zhoukanTitle h2 span {
        font-size: .16rem;
        margin-left: .14rem;
    }
    .zhoukanTitle .zhouTilRight a {
        font-size: .26rem;
        margin-left: .06rem;
        padding: .05rem .14rem;
    }
    .address ul {
        padding: .4rem 0;
    }
    .address li {
        width: 3.2rem;
    }
    .address li img {
        width: .8rem;
        height: auto;
    }
    .address li h6 {
        font-size: .26rem;
        padding: .28rem 0 .15rem;
    }
    .address li p {
        font-size: .24rem;
        line-height: .3rem;
    }
    #dituContent {
        height: 5rem;
    }

    /****************人才招聘*******************/
    .welfare h3 {
        font-size: .32rem;
        padding: .87rem 0 .35rem;
    }
    .welfare p {
        font-size: .24rem;
        padding: 0 .2rem;
    }
    .welfare li {
        padding: .3rem .18rem;
    }
    .welfare li a {
        font-size: .22rem;
        width: 1.48rem;
        height: .39rem;
        line-height: .39rem;
        border-radius: .2rem;
    }
    .postTitle h3 {
        font-size: .32rem;
        padding: .51rem 0 .35rem;
    }
    .postTitle p {
        font-size: .24rem;
        padding:0 .2rem .25rem;
    }
    .post {
        padding-bottom: .65rem;
    }
    .post a {
        width: 100%;
        height: .5rem;
        font-size: .2rem;
        padding: 0 .14rem;
        line-height: .5rem;
    }
    .post a th {
        font-size: .26rem;
    }
    .post a strong {
    }
    .post a span {
    }
    .post a img {
        padding-top: .21rem;
        width: .18rem;
        height: .1rem;
    }
    .post .post-detail {
        padding: .1rem .15rem .18rem;
    }
    .post .post-detail tr, .post .post-detail p {
        line-height: .3rem;
        font-size: .2rem;
    }
    .post .post-detail td {
        font-size: .2rem;
    }
    .post .post-detail td:nth-child(1) {
        width: 22%;
    }
    .post .post-detail td:nth-child(2) {
        width: 19%;
    }
    .post .post-detail td:nth-child(3) {
        width: 38%;
    }

    /************企业文化****************/
    .culture h3 {
        font-size: .34rem;
        padding-top: 1.3rem;
        padding-bottom: .28rem;
    }
    .culture h5 {
        font-size: .24rem;
        padding:0 .2rem .35rem;
    }
    .cultureA {
        margin-bottom: 1.33rem;
    }
    .cultureA a {
        width: 2.48rem;
        padding-bottom: .22rem;
        margin: 0 .22rem;
    }
    .cultureA .cultureImg {
        width: 2.48rem;
        height: 2.47rem;
    }
    .cultureA .cultureImg img {
        width: 100%;
        height: 100%;
    }
    .cultureA p {
        font-size: .26rem;
        line-height: .36rem;
    }

    /************企业简介*************/
    .introduce {
        padding: .6rem 0;
        width: 100%;
    }
    .introduce .introduceLeft {
        width: 6.26rem;
        height: 3.98rem;
    }
    .introduce .introduceText {
        width: 100%;
    }
    .introduce .introduceText img {
        padding: .86rem .2rem .4rem;
    }
    .introduce .introduceText h4 {
        font-size: .24rem;
        padding: .75rem .2r em .28rem;
    }
    .introduce .introduceText p {
        line-height: .36rem;
        font-size: .26rem;
        padding: 0 .2rem;
    }

    /******************公司周刊********************/
    .banText1 h2 {
        font-size: .36rem;
        padding-top: .3rem;
    }
    .banText1 h3 {
        font-size: .24rem;
        padding-top: .13rem;
    }
    .banText1 h3:before {
        width: .39rem;
        height: .12rem;
        margin-right: .15rem;
    }
    .banText1 h3:after {
        width: .39rem;
        height: .12rem;
        margin-left: .15rem;
    }
    .zhoukanTitle .zhouTilRight {
        margin-right: .2rem;
    }
    .zhoukanLi {
        margin: .2rem auto .5rem;
    }
    .zhoukanLi .zhoukanImg {
        width: 100%;
        height: auto;
    }
    .zhoukanLi .zhoukanText h3 {
        font-size: .26rem;
        padding-top: .28rem;
        padding-left: .2rem;
    }
    .zhoukanLi .zhoukanText h4 {
        font-size: .2rem;
        padding-top: .14rem;
        padding-left: .38rem;
        padding-bottom: .19rem;
        background: url("../images/zhoukanxin.png") no-repeat 9px 10px;
        background-size: .15rem .12rem;
    }
    .zhoukanLi .zhoukanText span {
        margin-left: .4rem;
    }
    .zhoukanLi .zhoukanText p {
        font-size: .24rem;
        padding: .2rem .2rem 0;
    }
    /********页码********/
    .page {
        margin-bottom: .2rem;
    }
    .page a, .page strong {
        font-size: .14rem;
        line-height: .34rem;
        padding: 0 .2rem;
        margin: 0 .04rem;
    }
    /****************周刊详情******************/
    .zhoukanDetail {
        margin: .15rem auto 0;
        padding-bottom: .5rem;
    }
    .zhoukanDetail h3 {
        font-size: .32rem;
        padding: .65rem .2rem .17rem;
    }
    .zhoukanDetail h4 {
        font-size: .22rem;
        padding: .14rem 0 .19rem .31rem;
        margin: 0 .3rem;
        background: url("../images/zhoukanxin.png") no-repeat 1.3rem .22rem;
        background-size: .25rem auto;
    }
    .zhoukanDetail h5 {
        font-size: .22rem;
        padding-top: .3rem;
        line-height: .4rem;
    }
    .zhoukanDetail h5 span {
        margin-right: .25rem;
    }
    .zhoukanDetail p {
        padding: .3rem .2rem 0;
        margin: 0;
        font-size: .26rem;
    }
    .zhoukanDetail img {
        margin: .4rem 0 .15rem;
        width: 100%;
        height: auto;
    }

    /***************设计团队******************/
    .team-banner {
        height: auto;
        margin-top: .99rem;
    }
    .team-banner .team-banner-text h2 {
        font-size: .36rem;
        padding-top: .25rem;
        padding-bottom: .15rem;
    }
    .team-banner .team-banner-text li {
        font-size: .14rem;
        width: 1.2rem;
        height: .28rem;
        line-height: .28rem;
        border-radius: .09rem;
        margin: 0 .07rem;
    }
    .team-banner .team-banner-text h4 {
        font-size: .2rem;
        padding-top: .18rem;
    }
    .youshi-bg {
        padding-bottom: .4rem;
    }
    .yoshi li {
        width: 1.3rem;
        height: .91rem;
        margin: 0 .06rem;
    }
    .yoshi li img {
        width: .3rem;
        height: .3rem;
        padding: .15rem 0 .12rem;
    }
    .yoshi li span {
        font-size: .18rem;
    }
    .youshi-lie dt {
        width: .8rem;
    }
    .youshi-lie dd {
        margin: .1rem 0 .1rem .04rem;
    }
    .youshi-lie dd:nth-of-type(1) a {
        margin-left: .08rem;
    }
    .youshi-lie a {
        padding: .04rem .15rem;
    }
    .youshi-lie dt, .youshi-lie dd {
        font-size: .24rem;
    }
    .youshi-list {
        padding-top: .25rem;
    }
    .youshi-list li {
        width: 3.3rem;
        height: 5.2rem;
        margin: 0 .08rem .6rem;
        display: inline-block;
        float: inherit;

    }
    .youshi-img {
        width: 100%;
        height: 4.1rem;
    }
    .youshi-img a {
        width: 100%;
        height: 100%;
    }
    .youshi-list h5 {
        font-size: .26rem;
        line-height: .43rem;
        padding-left: .2rem;
    }
    .youshi-list p {
        line-height: .4rem;
        padding-left: .2rem;
        font-size: .24rem;
    }
    .youshi-list p img {
        width: .14rem;
        height: auto;
    }
    .youshi-list .tade {
        width: 1.2rem;
        height: .32rem;
        font-size: .2rem;
        line-height: .32rem;
        border-radius: .16rem;
        bottom: -.12rem;
    }
    .youshi-list .renyu {
        font-size: .14rem;
        width: .89rem;
        height: .28rem;
        line-height: .28rem;
        padding-left: .04rem;
    }

    /*******************设计团队详情*******************/
    .team-banner-bg {
        padding: 1.71rem 0 .73rem;
    }
    .team-detail-banner {
        width: 100%;
    }
    .td-img {
        width: 3.33rem;
        height: 4.44rem;
    }
    .td-text {
        width: 100%;
    }
    .td-text h3 {
        font-size: .3rem;
        padding-top: .12rem;
        padding-bottom: .05rem;
    }
    .td-text h3 a {
        width: 1.4rem;
        height: .36rem;
        line-height: .36rem;
        font-size: .22rem;
        border-radius: .18rem;
        top: .23rem;
        right: .2rem;
    }
    .td-text p {
        font-size: .24rem;
        line-height: .5rem;
        padding-left: .3rem;
    }
    .td-text p img {
        padding: 0 .05rem 0 .28rem;
        width: .14rem;
    }
    .td-text h4, .td-text h6 {
        padding-left: .61rem;
    }
    .td-text h4 {
        font-size: .28rem;
        line-height: .28rem;
        padding-top: .28rem;
        padding-bottom: .14rem;
    }
    .td-text h6 {
        font-size: .24rem;
        line-height: .24rem;
        padding-bottom: .26rem;
    }
    .td-text h4:nth-of-type(1) {
        background-position: .26rem .28rem;
        background-size: .18rem auto;
    }
    .td-text h4:nth-of-type(2) {
        background-position: .26rem .28rem;
        background-size: .18rem auto;
    }
    .td-text h4:nth-of-type(3) {
        background-position: .26rem .28rem;
        background-size: .18rem auto;
    }
    .ta-anli {
        width: 100%;
    }
    .ta-anli h3 {
        font-size: .28rem;
        line-height: .3rem;
        padding: .26rem .2rem .07rem;
    }
    .ta-anli a {
        font-size: .24rem;
    }
    .team-anli {
        width: 100%;
    }
    .team-anli .caselst a {
        width: 100%;
        margin: 0;
        margin-top: .36rem;
    }
    .team-anli .anli-img {
        width: 100%;
        height: 2.39rem;
        overflow: hidden;
        margin-bottom: .11rem;
    }
    .team-anli .anli-img img {
        width: 100%;
        height: 100%;
    }
    .team-anli .touxiang {
        width: .72rem;
        height: .72rem;
        border-radius: .36rem;
        float: left;
        margin: 0 .21rem .15rem .12rem;
    }
    .team-anli h5 {
        font-size: .32rem;
        padding: .1rem 0;
    }
   
    .team-anli h6 {
        line-height: .22rem;
        margin: .29rem .18rem .13rem 0;
    }
    .team-anli h6 i {
        line-height: .22rem
    }
    .team-anli h6 img {
        margin-right: .05rem;
        width: .22rem;
    }
    .team-anli h6 span {
        font-size: .26rem;
    }
    .td-de {
        margin: .66rem .36rem;
    }

    /*****************3D案例********************/
    .ban-three {
        margin-top: .99rem;
    }
    .ban-three .ban-three-Text .btt {
        width: 100%;
    }
    .ban-three .btt h2 {
        padding-left: .2rem;
        font-size: .36rem;
        padding-top: .4rem;
    }
    .ban-three .btt h3 {
        padding-left: .2rem;
        font-size: .24rem;
    }
    .zhoukanBg1 {
        padding: .25rem 0;
    }
    .three-d {
        padding: .15rem 0;
    }
    .zhoukanTitle h2 {
        font-size: .3rem;
        line-height: .3rem;
    }
    .three-d-list a {
        width: 100%;
        /*height: 4.1rem;*/
        height: auto;
        margin: 0 .04rem .36rem;
        float: inherit;
        padding-bottom: .1rem;
    }
    .three-d-list .tdl {
        width: 100%;
        /*height: 2.9rem;*/
        height: auto;
        margin: .07rem auto .16rem;
    }
    .three-d-list .tdl img {
        width: 100%;
        height: 100%;
    }
    .three-d-list .tdl-position {
        display: none;
        top: 3.1rem;
        width: 3.77rem;
        height: 3.1rem;
        line-height: 3.1rem;
    }
    .three-d-list p {
        padding-bottom: .18rem;
        font-size: .32rem;
    }
    .three-d-list span {
        font-size: .24rem;
    }

    /****************装修案例*****************/
    .case-banner {
        padding-top: 1.05rem;
    }
    .case-banner h2 {
        font-size: .48rem;
        padding: 1.1rem 0 .15rem;
    }
    .case-banner h3 {
        font-size: .36rem;
    }
    .case-banner img {
        width: .4rem;
        height: .02rem;
        padding: .2rem 0 .56rem;
    }
    .case-banner .case-input {
        width: 5.4rem;
    }
    .case-banner input {
        width: 5.2rem;
        height: .5rem;
        border: .02rem solid #cc2320;
        border-radius: .09rem;
        font-size: .18rem;
        padding-left: .16rem;
        padding-right: .55rem;
        box-sizing: border-box;
    }
    .case-banner a {
        top: .0;
        right: .01rem;
        width: .55rem;
        height: .5rem;
        line-height: .5rem;
        border-bottom-right-radius: .08rem;
        border-top-right-radius: .08rem;
    }
    .case-banner a img {
        width: .24rem;
        height: .24rem;
    }
    .case-lie {
        margin-top: .42rem;
    }
    .case-lie sup {
        font-size: .12rem;
    }
    .team-anli .anli-img {
        width: 100%;
        height: auto;
        margin-bottom: .11rem;
    }
    .team-anli h6 strong {
        padding: .04rem .15rem;
        font: 600 .16rem/.16rem 'Microsoft YaHei';
        margin-left: 1.7rem;
    }
    .case-anli .case-up {
        display: none;
    }
    .team-anli .touxiang {
        width: .72rem;
        height: .72rem;
        border-radius: 50%;
        margin: 0 .21rem .15rem .12rem;
    }

    /******************装修案例详情******************/
    .case-detail-bg1 {
        height: 3.8rem;
    }
    .cdb1 {
        width: 100%;
        padding-top: 1.7rem;
    }
    .cdb-touxiang {
        width: 1.46rem;
        height: 1.46rem;
        border-radius: 50%;
        line-height: 1.46rem;
        margin-right: .2rem;
        font-size: 0;
    }
    .cdb-touxiang .cdbt {
        width: 1.27rem;
        height: 1.27rem;
        border-radius: 50%;
    }
    .cdb1 h3 {
        font-size: .32rem;
        line-height: .24rem;
        padding: .29rem 0 .17rem;
    }
    .cdb1 h4 {
        font-size: .26rem;
        line-height: .26rem;
        padding-bottom: .2rem;
    }
    .cdb1 p {
        font-size: .2rem;
    }
    .cdb1 p span {
        margin-right: .25rem;
    }
    .cdb1 i a {
        margin-left: .2rem;
        width: 1.15rem;
        height: .35rem;
        line-height: .35rem;
        border-radius: .17rem;
        text-align: center;
    }
    .cdb1 i img {
        margin-right: .05rem;
        width: .14rem;
    }
    .case-detail-bg2 {
        /*height: .6rem;*/
        height: auto;
    }
    .cdb2 {
        width: 100%;
    }
    .cdb2 p {
        font-size: .24rem;
        line-height: .4rem;
        margin-left: .26rem;
    }
    .biaotou p {
        font-size: .26rem;
        line-height: .59rem;
    }
    .biaotou input {
        font-size: .24rem;
        line-height: .59rem;
        padding-right: .2rem;
    }
    .case-left {
        padding: 0 .16rem .21rem;
        border: none;
    }
    .case-left h4 {
        font-size: .32rem;
        padding-left: .1rem;
        line-height: .32rem;
        border-left: .03rem solid #cc2320;
        margin: .34rem 0 .12rem;
    }
    .case-left p {
        font-size: .24rem;
        line-height: .36rem;
    }
    .case-left img {
        width: 100%;
        padding-top: .21rem;
    }

    /***************热装楼盘****************/
    /*.ban-l1 {
      height: auto;
    }
    .ban-l {
      height: auto !important;
    }
    .ban-l1 h3 {
      font: lighter .48rem/.72rem 'Microsoft YaHei';
      padding-top: .3rem;
    }
    .ban-l1 h5 {
      font: 500 .36rem/.36rem 'Microsoft YaHei';
      padding-bottom: .28rem;
    }
    .ban-l1 img {
      width: .51rem;
      height: .02rem;
      margin-bottom: .6rem;
    }*/
    .loupan-xuan {
        height: auto;
    }
    .loupan-x {
        width: 100%;
        padding: .26rem .36rem;
        position: static;
    }
    .loupan-x p {
        font: .28rem/.34rem 'Microsoft YaHei';
        margin-right: .15rem;
    }
    .loupan-x a {
        font: .28rem/.34rem 'Microsoft YaHei';
        margin-right: .05rem;
        margin-bottom: .15rem;
    }
    .loupan-list {
        padding: .5rem 0 .45rem;
    }
    .loupan-list a {
        width: 2.9rem;
        height: 2.31rem;
        margin: 0 .05rem .14rem;
        float: inherit;
    }
    .loupan-list .lou-di {
        width: 2.9rem;
        height: .47rem;
        font: 500 .18rem/.47rem 'Microsoft YaHei';
    }
    .loupan-list .lou-di img {
        width: .15rem;
        height: .19rem;
        margin-left: .14rem;
        margin-right: .06rem;
    }
    .loupan-list .lou-fu {
        display: none;
    }
    /************热装楼盘详情*************/
    .loupan-box {
        padding-bottom: .6rem;
    }
    .loupan-weizhi {
        height: .72rem;
        font: 500 .26rem/.72rem 'Microsoft YaHei';
        padding-left: .2rem;
    }
    .loupan-jieduan {
        padding: .21rem;
    }
    .loupan-xiangqing .lx-left {
        width: 100%;
        height: auto;
    }
    .loupan-xiangqing .lx-right {
        width: 100%;
    }
    .loupan-xiangqing .lx-right h3 {
        font: 500 .28rem/.38rem 'Microsoft YaHei';
        padding-bottom: .1rem;
    }
    .loupan-xiangqing .lx-right p {
        font: 500 .14rem/.32rem 'Microsoft YaHei';
    }
    .loupan-xiangqing .lx-right h5 {
        font: 500 .26rem/.42rem 'Microsoft YaHei';
        margin-bottom: .21rem;
    }
    .loupan-xiangqing h5 span {
        margin-right: .5rem;
    }
    .loupan-xiangqing .lx-right a {
        width: 3.2rem;
        height: .36rem;
        line-height: .36rem;
        font-size: .2rem;
    }
    .lx-right a span {
        width: 1.6rem;
        line-height: .36rem;
    }
    .jieduan {
        padding: .21rem;
    }
    .jieduan-list {
        padding-bottom: .46rem;
    }
    .jieduan-list h4 {
        padding-bottom: .1rem;
        line-height: .26rem;
        font-size: .22rem;
    }
    .jieduan-list h4 strong {
        padding-bottom: .08rem;
        line-height: .16rem;
    }
    .jieduan-list h4 span {
        margin-right: .3rem;
    }
    .jieduan-list h4 img {
        width: .22rem;
        height: .22rem;
    }
    .jieduan-neirong .swiper-slide {
        width: 2.8rem;
    }
    .jieduan-neirong p {
        margin-top: .2rem;
        width: auto;
        height: auto;
        margin-right: .1rem;
    }
    .jieduan-neirong img {
        width: 2.8rem;
        height: auto;
    }

    .links {
        padding-top: 0;
        padding-bottom: .2rem;
        width: 100%;
        position: static;
        top: 0;
        text-align: center;
    }
    .links span {
        font-size: .2rem;
        margin-left: 0;
    }
    .links a {
        padding-right: .26rem;
        font-size: .2rem;
    }

    /*文章详情页上一页/下一页*/
    .prev-next {
        padding: .6rem .8rem 0;
    }
    .prev-next a {
        width: 1.2rem;
        height: .42rem;
        line-height: .42rem;
        font-size: .26rem;
    }
}

.d-head {
    display: block;
}
@media screen and (max-width: 768px) {
    .d-head {
        display: none !important;
    }
    .m-head {
        display: block !important;
    }
}

.case-swts{
    width:100%;
    padding:0;
    display:flex;
    justify-content: space-between;
    margin: 30px 0;
}
.case-swts a{
    display: inline-block;
    background: #cc2320;
    padding:0 30px;
    height: 35px;
    line-height: 35px;
    border-radius: 17px;
    color:#fff;
}






/*新右侧悬浮框*/
/*右侧悬浮框*/
.SideFloat {
	z-index: 999;
	position: fixed;
	width: 102px;
	top: 160px;
	right: 0px;
}

.SideFloat li {
	width: 102px;
	height: 95px;
	z-index: 1;
	position: relative;
	margin-bottom: 10px;
}

.SideFloat li a {
	display: block;
	overflow: hidden;
	color: #594949;
}

.SideFloat li i {
	position: relative;
	float: left;
	width: 106px;
	height: 103px;
}


.SideFloat li .a {
	border-radius: 25px 0 0 25px;
}

.SideFloat li .a i {
	margin-right: 1px;
}

.SideFloat li.qq .a i {
	background: url(../images/tanchuang/1.png)center  no-repeat;
}

.SideFloat li.weixin .a i {
	background: url(../images/tanchuang/2.png)center  no-repeat;
}

.SideFloat li.bj .a i {
	background: url(../images/tanchuang/3.png)center  no-repeat;
}

.SideFloat li.addr .a i {
	background: url(../images/tanchuang/4.png)center  no-repeat;
}

.SideFloat li.qq .a i:hover {
	background: url(../images/tanchuang/1_1.png)center  no-repeat;
}

.SideFloat li.weixin .a i:hover {
	background: url(../images/tanchuang/2_1.png)center  no-repeat;
}

.SideFloat li.bj .a i:hover {
	background: url(../images/tanchuang/3_1.png)center  no-repeat;
}

.SideFloat li.addr .a i:hover {
	background: url(../images/tanchuang/4_1.png)center  no-repeat;
}


.SideFloat li .img {
	visibility: hidden;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	top: 50%;
	right: 100%;
	width: 275px;
	height: 162px;
	margin-top: -81px;
	margin-right: 30px;
	border-radius: 10px;
	background: #FFF;
	box-shadow: 0 4px 8px rgba(34,34,34,.18);
}
.SideFloat li .img i{
	width: 275px;
	height: 162px;
	background: url(../images/tanchuang/01.png)center  no-repeat;
}

.SideFloat .weixin:hover .img {
	visibility: visible;
	opacity: 1;
	margin-right: 10px;
	animation: msg-animate 1s infinite;
	-moz-animation: msg-animate 1s infinite;
	-webkit-animation: msg-animate 1s infinite;
}
.addr_bj{
	display: none;
	overflow: hidden;
	position: absolute;
	top: 50%;
	right: 100%;
	width: 380px;
	height: 60px;
	margin-top: -35px;
	margin-right: 0px;
	border-radius: 10px;
	background: #FFF;
	box-shadow: 0 4px 8px rgba(34,34,34,.18);
	padding: 10px;
	
}
.addr_bj form{
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.addr_inp{
	width: 260px;
	height: 40px;
	border: 1px solid #232323;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-radius: 20px;
	overflow: hidden;
	padding-right: 10px;
}
.addr_inp input{
	outline: none;
	border: none;
	padding-left: 15px;
}
.addr_inp span{
	width: 71px;
	height: 37px;
	background: url(../images/tanchuang/03.png)center  no-repeat;
}
.addr_bj form #addr_submit{
	width:100px ;
	height: 40px;
	background: #C94A4A;
	color: white;
	font-size: 14px;
	line-height: 40px;
	border-radius: 20px;
	border: none;
	cursor: pointer;
	text-align: center;
	
}
.SideFloat .addr:hover .addr_bj {
	display: block;
}


@keyframes msg-animate {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@-webkit-keyframes msg-animate {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@-moz-keyframes msg-animate {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

/*右侧悬浮框*/