@charset "utf-8";
/* CSS Document */

/*大平层装修设计*/
            .tit01 {
                font: 50px "Microsoft YaHei UI";
                color: #333333;
                text-align: center;
            }
            
            .kuor {
                height: 885px;
                margin-top: 70px;
                overflow: hidden;
            }
            
            .kuor .content {
                width: 1200px;
                margin: 0 auto;
            }
            
            .kuor1 {
                margin-top: 85px;
                height: 658px;
                position: relative;
            }
            
            .kuor1 h3 {
                height: 208px;
                margin-bottom: 7px;
                width: 595px;
            }
            
            .kuor1 h3 span {
                display: block;
                width: 289px;
                float: left;
                font: 22px "Microsoft YaHei UI";
                text-align: center;
                color: #333;
                margin-top: 53px;
            }
            
            .kuor1 h3 span em {
                display: block;
                font-style: normal;
                font-weight: bold;
                font-size: 30px;
                color: #d00006;
                margin-top: 15px;
            }
            
            .kuor1 h3 b {
                display: block;
                width: 306px;
                height: 208px;
                float: right;
            }
            
            .kuor1 h4 {
                width: 595px;
                position: relative;
            }
            
            .kuor1 h4 span {
                display: block;
                position: relative;
                font: 30px "Microsoft YaHei UI";
                font-weight: bold;
                color: #d00006;
                margin: 24px 0 0 82px;
            }
            
            .kuor1 h4 span em {
                display: block;
                width: 220px;
                font: 20px "Microsoft YaHei UI";
                line-height: 36px;
                color: #333333;
                margin: 0 88px 0 0;
                float: right;
            }
            
            .kuor1 h4 span:before {
                content: "";
                position: absolute;
                top: -105px;
                left: -30px;
                width: 1px;
                height: 140px;
                background: #d00006;
            }
            
            .kuor1 h5 {
                width: 595px;
                position: absolute;
                top: 0;
                right: 0;
            }
            
            .kuor1 h5 span {
                display: block;
                margin: 18px 0 0 110px;
                height: 98px;
                position: relative;
                font: 30px "Microsoft YaHei UI";
                font-weight: bold;
                color: #d00006;
            }
            
            .kuor1 h5 span:before {
                content: "";
                position: absolute;
                top: 8px;
                left: -30px;
                width: 1px;
                height: 140px;
                background: #d00006;
            }
            
            .kuor1 h5 span em {
                display: block;
                width: 220px;
                font: 20px "Microsoft YaHei UI";
                line-height: 36px;
                color: #333333;
                margin: 0 94px 0 0;
                float: right;
            }
            
            .kuor1 p {
                width: 595px;
                position: absolute;
                top: 450px;
                right: 0;
                font: 30px "Microsoft YaHei UI";
                font-weight: bold;
                color: #d00006;
            }
            
            .kuor1 p img {
                display: block;
                width: 306px;
                float: left;
            }
            
            .kuor1 p span {
                display: block;
                width: 289px;
                float: right;
                margin-top: 46px;
                text-align: center;
            }
            
            .kuor1 p em {
                display: block;
                width: 230px;
                font: 20px "Microsoft YaHei UI";
                line-height: 36px;
                color: #333333;
                margin: 0 auto 8px;
            }
              .shig .tit01 {
            font: 50px "Microsoft YaHei UI";
            color: #fff;
            text-align: center;
        }
        
        .shig .tit01 em {
            display: block;
            font-size: 22px;
            margin: 12px 0 55px;
        }
        
        .shig .content {
            width: 1200px;
            margin: 0 auto;
        }
        
        .shig {
            height: 1040px;
            padding-top: 88px;
            background: url(../images/shig_bg.jpg) no-repeat center top;
        }
        
        .shig1 {
            padding: 24px;
            background: #fff;
            box-shadow: 0 0 2rem #ccc;
        }
        
        .shig1 dl {
            width: 576px;
            height: 377px;
            float: left;
        }
        
        .shig1 dt {
            height: 107px;
            padding-top: 23px;
            font: 24px "Microsoft YaHei UI";
            font-weight: bold;
            color: #333;
            text-align: center;
        }
        
        .shig1 dt em {
            display: block;
            font: 18px "Microsoft YaHei UI";
            margin-top: 13px;
        }
        
        .shig1 dd p {
            float: left;
        }
        
        .shig1 dd p:nth-child(2) {
            margin: 0 17px;
        }
        
        .shig1 h4 {
            width: 576px;
            height: 377px;
            overflow: hidden;
            float: left;
        }
        
        .shig1 h4 img {
            display: block;
            width: 576px;
            height: 377px;
        }
        
        .shig1 dl:last-child dt {
            height: 120px;
            padding-top: 50px;
        }
        
        .shig1 dl:last-child dd p {
            float: left;
            margin: 0 0 0 15px;
        }
        
        .shig1 dl:last-child dd p:nth-child(2) {
            margin: 0;
            float: right;
        }
          .shej {
            height: 815px;
            overflow: hidden;
        }
        
        .shej .content {
            width: 1200px;
            margin: 0 auto;
        }
        
        .shej .tit01 {
            font: 50px "Microsoft YaHei UI";
            color: #333;
            text-align: center;
        }
        
        .shej .tit01 em {
            display: block;
            font-size: 22px;
            margin: 12px 0 55px;
        }
        
        .shej ul {
            background: url(../images/shej_bg.jpg) no-repeat center top;
            height: 585px;
            margin-left: 30px;
            width: 1200px;
        }
        
        .shej li {
            height: 200px;
            padding-top: 90px;
            width: 223px;
            float: left;
            font: 36px "Microsoft YaHei UI";
            text-align: center;
            color: #c60008;
        }
        
        .shej li em {
            display: block;
            font: 22px "Microsoft YaHei UI";
            color: #666;
            margin-top: 8px;
        }
        
        .shej li:nth-child(6) {
            margin-left: 120px;
        }
          .luzhu {
            height: 850px;
            padding-top: 75px;
            overflow: hidden;
            background: #f6f6f6;
        }
        
        .luzhu .content {
            width: 1200px;
            margin: 0 auto;
            position: relative;
            height: 800px;
        }
        
        .luzhu .tit01 {
            font: 50px "Microsoft YaHei UI";
            color: #333;
            text-align: center;
            margin-bottom: 55px;
        }
        
        .luzhu .tit01 em {
            display: block;
            font-size: 22px;
            margin: 12px 0 55px;
        }
        
        .luzhu h3 {
            width: 598px;
            height: 661px;
            overflow: hidden;
            float: left;
        }
        
        .luzhu h3 img {
            display: block;
            width: 598px;
            height: 661px;
        }
        
        .luzhu dl {
            width: 660px;
            float: left;
            position: absolute;
            top: 170px;
            right: 0;
        }
        
        .luzhu dd {
            height: 110px;
            margin-bottom: 1px;
        }
        
        .luzhu dd b {
            display: block;
            width: 110px;
            height: 110px;
            overflow: hidden;
            float: left;
        }
        
        .luzhu dd b img {
            display: block;
            width: 110px;
            height: 110px;
        }
        
        .luzhu dd p {
            width: 520px;
            float: right;
            font: 22px "Microsoft YaHei UI";
            line-height: 44px;
            color: #333;
        }
        
        .luzhu dd p em {
            display: block;
            font: 14px "Microsoft YaHei UI";
            line-height: 24px;
            color: #666;
        }
          .huh {
            background: url(../images/huh_bg.jpg) no-repeat center top;
            height: 490px;
        }
        
        .huh .tit01 {
            font: 50px "Microsoft YaHei UI";
            color: #fff;
            text-align: center;
            padding: 74px 0 50px;
        }
        
        .huh .content {
            width: 1200px;
            margin: 0 auto;
        }
        
        .huh li {
            width: 139px;
            height: 179px;
            float: left;
            position: relative;
            margin-right: 13px;
        }
        
        .huh li em {
            display: block;
            width: 24px;
            height: 24px;
            background: url(../images/huh_arr.jpg) no-repeat;
            position: absolute;
            top: 75px;
            left: 130px;
            border: 3px solid #757371;
            border-radius: 50px;
            z-index: 8;
        }
        
        .huh li i {
            display: block;
            font: 18px "Microsoft YaHei UI";
            text-align: center;
            height: 40px;
            line-height: 40px;
            color: #fff;
            overflow: hidden;
        }
        
        .huh li:nth-child(7) {
            margin-right: 0;
        }
        
        .huh li:last-child {
            margin-right: 0;
            float: right;
        }
          .baox {
            height: 785px;
            overflow: hidden;
            margin-top: 70px;
        }
        
        .baox .tit01 {
            font: 50px "Microsoft YaHei UI";
            color: #333;
            text-align: center;
            margin-bottom: 10px;
        }
        
        .baox .tit01 em {
            display: block;
            font-size: 22px;
            margin: 12px 0 55px;
        }
        
        .baox .content {
            width: 1200px;
            margin: 0 auto;
        }
        
        .baox dl {
            width: 577px;
            float: left;
            margin-top: 30px;
        }
        
        .baox dt {
            height: 76px;
        }
        
        .baox dt em {
            display: block;
            width: 50px;
            height: 50px;
            border-radius: 50px;
            border: 1px solid #222324;
            box-sizing: border-box;
            font-size: 20px;
            color: #999;
            text-align: center;
            line-height: 50px;
            float: left;
        }
        
        .baox dt span {
            display: block;
            float: left;
            margin: 0 0 0 12px;
            font: 24px "Microsoft YaHei UI";
            color: #333;
            width: 420px;
        }
        
        .baox dt span i {
            display: block;
            font: 6px "Microsoft YaHei UI";
            color: #999999;
            margin-top: 5px;
        }
        
        .baox dl:nth-child(2n-1) {
            float: right;
        }
          .xiaoq {
            background: url(../images/xiaoq_bg.jpg) no-repeat center top;
            height: 876px;
            overflow: hidden;
        }
        
        .xiaoq .content {
            width: 1200px;
            margin: 0 auto;
        }
        
        .xiaoq .tit01 {
            font: 50px "Microsoft YaHei UI";
            color: #fff;
            text-align: center;
            padding: 70px 0 40px;
        }
        
        .xiaoq dl {
            width: 287px;
            height: 528px;
            float: left;
            margin-right: 16px;
            position: relative;
        }
        
        .xiaoq dl:last-child {
            margin-right: 0;
        }
        
        .xiaoq dt img {
            display: block;
        }
        
        .xiaoq dd {
            width: 100%;
            position: absolute;
            top: 323px;
            text-align: center;
        }
        
        .xiaoq dd h3 {
            font: 24px "Microsoft YaHei UI";
            color: #333;
            position: relative;
        }
        
        .xiaoq dd p {
            padding: 20px 20px 0 20px;
            font: 14px "Microsoft YaHei UI";
            line-height: 24px;
            color: #666666;
        }
        
        .xiaoq dd h3:before {
            content: "";
            position: absolute;
            top: -90px;
            left: 50%;
            width: 1px;
            height: 80px;
            background: #d00006;
        }
        
        .xiaoq dl:nth-child(2n-1) {
            margin-top: 80px;
        }
          .shuo {
            background: #f9f9f9;
            height: 750px;
            padding-top: 60px;
            overflow: hidden;
        }
        
        .shuo .content {
            width: 1200px;
            margin: 0 auto;
            position: relative;
        }
        
        .shuo .tit01 {
            font: 50px "Microsoft YaHei UI";
            color: #333;
            text-align: center;
            margin-bottom: 55px;
        }
        
        .shuo1 {
            overflow: hidden;
            width: 1070px;
            margin: 50px auto 0;
        }
        
        .shuo li {
            float: left;
            width: 242px;
            float: left;
            margin-right: 30px;
        }
        
        .shuo li img {
            display: block;
            width: 242px;
            height: 526px;
        }
        
        .shuo li em {
            display: block;
            font: 16px "Microsoft YaHei UI";
            text-align: center;
            height: 50px;
            line-height: 50px;
            color: #666;
            overflow: hidden;
        }
        
        .shuo_l {
            background: url(../images/shuo_l.jpg) no-repeat;
            width: 42px;
            height: 42px;
            position: absolute;
            top: 360px;
            left: 0;
        }
        
        .shuo_r {
            background: url(../images/shuo_r.jpg) no-repeat;
            width: 42px;
            height: 42px;
            position: absolute;
            top: 360px;
            right: 0;
        }
/*复式装修设计*/

   .dute {
            height: 1760px;
            margin-top: 70px;
            overflow: hidden;
        }
        
        .dute .content {
            width: 1200px;
            margin: 0 auto;
        }
        
        .dute .tit01 {
            font: 50px "Microsoft YaHei UI";
            color: #333;
            text-align: center;
            margin-bottom: 75px;
        }
        
        .dute .tit01 em {
            color: #d00006;
        }
        
        .dute dl {
            height: 372px;
            margin-bottom: 16px;
            position: relative;
        }
        
        .dute dt {
            width: 708px;
            height: 372px;
            overflow: hidden;
        }
        
        .dute dt img {
            display: block;
            width: 708px;
            height: 372px;
        }
        
        .dute dd {
            width: 465px;
            height: 220px;
            padding: 30px 50px 0 50px;
            background: #fff;
            box-shadow: 0 0 1rem #ccc;
            position: absolute;
            top: 57px;
            right: 0;
        }
        
        .dute dl:nth-child(2n-1) dd {
            position: absolute;
            left: 0;
            right: auto;
        }
        
        .dute dd h3 {
            font-size: 60px;
            font-weight: bold;
            color: #dfdfdf;
        }
        
        .dute dd h4 {
            font: 30px "Microsoft YaHei UI";
            color: #d00006;
        }
        
        .dute dd p {
            font: 22px "Microsoft YaHei UI";
            line-height: 36px;
            color: #333;
            margin-top: 6px;
        }
          .jiaof {
            height: 938px;
            overflow: hidden;
            background: url(../images/jiaof_bg.jpg) no-repeat center top;
            margin-bottom: 50px;
        }
        
        .jiaof .content {
            width: 1200px;
            margin: 0 auto;
        }
        
        .jiaof .tit01 {
            font: 50px "Microsoft YaHei UI";
            color: #fff;
            text-align: center;
            padding: 70px 0 40px;
        }
        
        .jiaof ul {
            width: 1041px;
            margin: 0 auto;
            background: url(../images/dute_bg.jpg) no-repeat center top;
            padding-top: 480px;
            height: 200px;
            position: relative;
        }
        
        .jiaof li {
            width: 500px;
            margin-left: 30px;
            float: left;
            font: 36px "Microsoft YaHei UI";
            text-align: center;
            line-height: 85px;
            color: #fff;
        }
        
        .jiaof li:nth-child(2) {
            width: 410px;
        }
        
        .jiaof li:nth-child(3) {
            color: #fff;
            width: 90px;
            height: 300px;
            font-size: 60px;
            font-weight: lighter;
            text-align: center;
            line-height: 300px;
            position: absolute;
            top: 132px;
            left: 446px;
        }
        
        .jiaof li em {
            display: block;
            font-size: 24px;
            font-weight: bold;
            margin: 27px 0 12px;
            line-height: 22px;
        }
        
        .jiaof li i {
            display: block;
            font: 18px "Microsoft YaHei UI";
        }
/*别墅装修设计*/
  .bies {
            height: 1280px;
            margin-top: 70px;
            overflow: hidden;
        }
        
        .bies .content {
            width: 1200px;
            margin: 0 auto;
        }
        
        .bies .tit01 {
            font: 50px "Microsoft YaHei UI";
            color: #333;
            text-align: center;
            margin-bottom: 55px;
        }
        
        .bies .tit01 i {
            color: #d00006;
            font-style: normal;
        }
        
        .bies .tit01 em {
            display: block;
            font: 22px "Microsoft YaHei UI";
            margin-top: 4px;
        }
        
        .bies ul {
            height: 1048px;
            background: url(../images/bies.jpg) no-repeat center top;
            position: relative;
        }
        
        .bies li {
            width: 400px;
            height: 262px;
            text-align: center;
            position: absolute;
        }
        
        .bies li em {
            display: block;
            font: 60px Arial, Helvetica, sans-serif;
            color: #e5e5e5;
            font-weight: bold;
            padding: 42px 0 4px;
        }
        
        .bies li p {
            font: 22px "Microsoft YaHei UI";
            line-height: 36px;
            color: #333333;
            width: 275px;
            margin: 0 auto;
        }
        
        .bies li:nth-child(1) {
            top: 262px;
            left: 0;
        }
        
        .bies li:nth-child(2) {
            top: 0;
            left: 400px;
        }
        
        .bies li:nth-child(3) {
            top: 262px;
            left: 800px;
        }
        
        .bies li:nth-child(4) {
            top: 786px;
            left: 0;
        }
        
        .bies li:nth-child(5) {
            top: 524px;
            left: 400px;
        }
        
        .bies li:nth-child(6) {
            top: 786px;
            left: 800px;
        }
          .jiaof {
            height: 938px;
            overflow: hidden;
            background: url(../images/jiaof_bg.jpg) no-repeat center top;
            margin-bottom: 50px;
        }
        
        .jiaof .content {
            width: 1200px;
            margin: 0 auto;
        }
        
        .jiaof .tit01 {
            font: 50px "Microsoft YaHei UI";
            color: #fff;
            text-align: center;
            padding: 70px 0 40px;
        }
        
        .jiaof ul {
            width: 1041px;
            margin: 0 auto;
            background: url(../images/dute_bg.png) no-repeat center top;
            padding-top: 480px;
            height: 200px;
            position: relative;
        }
        
        .jiaof li {
            width: 500px;
            margin-left: 30px;
            float: left;
            font: 36px "Microsoft YaHei UI";
            text-align: center;
            line-height: 85px;
            color: #fff;
        }
        
        .jiaof li:nth-child(2) {
            width: 410px;
        }
        
        .jiaof li:nth-child(3) {
            color: #fff;
            width: 90px;
            height: 300px;
            font-size: 60px;
            font-weight: lighter;
            text-align: center;
            line-height: 300px;
            position: absolute;
            top: 132px;
            left: 446px;
        }
        
        .jiaof li em {
            display: block;
            font-size: 24px;
            font-weight: bold;
            margin: 27px 0 12px;
            line-height: 22px;
        }
        
        .jiaof li i {
            display: block;
            font: 18px "Microsoft YaHei UI";
        }