@charset "UTF-8";
        .pding span {
            display: block!important;
        }
        /* 雅腾云 */
        
        .yunlist1 {
            width: 100%;
            padding: 55px 0 25px;
            background: #eaeaea;
        }
        
        .yunl {
            float: left;
        }
        
        .yunr {
            float: right;
        }
        
        .yunlist2 {
            width: 100%;
            background: #81b2ca;
        }
        
        .yunlist3 {
            width: 100%;
            background: #f6f6f6;
        }
        
        .yunlist1-r {
            width: 60%;
        }
        
        .yunlist1-r h3 {
            font-size: 40px;
            font-weight: bold;
            color: #4697bf;
            margin-bottom: 30px;
        }
        
        .yunlist1-r p {
            font-size: 15px;
            color: #494848;
            line-height: 2.5;
        }
        
        .w425 {
            width: 500px;
            padding: 125px 0 0 90px;
        }
        
        .yunlist2 {
            padding: 115px 0 180px;
        }
        
        .yunlist2 h3 {
            font-size: 40px;
            color: #fff;
            font-weight: bold;
            text-align: center;
            margin-bottom: 113px;
        }
        
        .yunlist2 ul li {
            float: left;
            width: 11%;
            height: auto;
            margin: 0 2.8%;
        }
        
        .yunlist2 ul li img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        
        .yunlist2 li h3 {
            font-size: 18px;
            font-weight: normal;
            margin-top: 15px;
            margin-bottom: 10px;
        }
        
        .yunlist2 ul li p {
            font-size: 12px;
            line-height: 1.5;
            color: #fff;
        }
        
        .yunlist2 p {
            text-align: center;
            color: #333;
            font-size: 14px;
        }
        
        .yunlist3 {
            padding: 85px 0 80px;
        }
        
        .yunlist3-l h3 {
            font-size: 40px;
            font-weight: bold;
            color: #4697bf;
            margin-bottom: 30px;
        }
        
        .yunlist3-l p {
            font-size: 15px;
            color: #494848;
            line-height: 2;
        }
        
        .yunlist3-l {
            padding: 125px 0 0 30px;
        }
        
        .yunlist4 {
            padding: 80px 0 75px;
        }
        
        .yunlist4 h3 {
            font-size: 40px;
            font-weight: bold;
            color: #4697bf;
            margin-bottom: 10px;
            text-align: center;
        }
        
        .yunlist4 p {
            font-size: 15px;
            color: #494848;
            line-height: 2;
            text-align: center;
        }
        
        .yunlist4 img {
            display: block;
            margin: 0 auto;
        }
        
        .yunlist5 {
            padding: 90px 0 140px;
            background: #3e3e3e;
        }
        
        .yunlist5 h3 {
            font-size: 40px;
            font-weight: bold;
            color: #fff;
            margin-bottom: 10px;
            text-align: center;
        }
        
        .yunlist5 p {
            font-size: 15px;
            color: #fff;
            line-height: 2;
            text-align: center;
        }
        
        .yunlist4-ul {
            margin-top: 100px;
            display: flex;
            justify-content: space-between
        }
        
        .yunlist4-ul li {
            margin-left: 10px;
        }
        
        .yunlist4-ul li:first-child {
            margin-left: 0;
        }
        
        .yunlist6 {
            padding: 170px 0 180px;
        }
        
        .yunlist7 {
            background: #fff;
            padding: 90px 0;
        }
        
        .yunlist7 img.yunl {
            width: 60%;
        }
        
        .yunlist7 .yunlist1-r {
            width: 40%;
        }
        
        .yunlist8 {
            padding: 80px 0;
            background: #acd5ea;
        }
        
        .yunlist8 h3 {
            margin-bottom: 10px;
            color: #fff
        }
        
        .yunlist8 p {
            color: #fff;
        }
        
        .yunlist8 img {
            display: block;
            margin: 65px auto 0;
        }
        /* 雅腾云 */
        /*1440*/
        
        @media (min-width:1440px) {
            /*雅腾云*/
            #myun-container {
                width: 100%;
            }
            /*八大保障end*/
            .guarantee-img {
                text-align: center;
            }
            .guarantee-1 {
                float: left;
            }
            .guarantee-r {
                margin-top: 77.5px;
                float: right;
            }
            .guarantee-r img {
                margin-right: 80px;
            }
            .guarantee ul li:nth-child(2n-1) {
                border-left: 1px dashed #ccc;
                border-bottom: 1px dashed #ccc;
            }
            .guarantee ul li:nth-child(2n) {
                border-right: 1px dashed #ccc;
                border-bottom: 1px dashed #ccc;
            }
            .guarantee ul li:nth-child(3) img {
                margin-right: 0px;
            }
            .guarantee ul li:nth-child(2) .guarantee-1 {
                float: right;
            }
            .guarantee ul li:nth-child(4) .guarantee-1 {
                float: right;
            }
            .guarantee ul li:nth-child(2) .guarantee-r {
                float: left;
            }
            /*客户见证*/
            .customer-witness {
                width: 100%;
            }
            .customer-witness-top {
                margin: 85px auto 50px;
            }
            .customer-witness-top p {
                text-align: center;
                font-size: 14px;
                padding: 0 260px;
                margin-top: 25px;
                line-height: 25px;
            }
            .eight-nav {
                width: 800px;
                margin: 45px auto 60px;
            }
            .eight-nav>ul>li {
                width: 58px;
                height: 58px;
                float: left;
                margin-right: 45px;
            }
            .eight-nav>ul>li:nth-child(1) {
                background: url(/template/cn2014/images/kh1.png) no-repeat center center;
            }
            .eight-nav>ul>li:nth-child(2) {
                background: url(/template/cn2014/images/kh2.png) no-repeat center center;
            }
            .eight-nav>ul>li:nth-child(3) {
                background: url(/template/cn2014/images/kh3.png) no-repeat center center;
            }
            .eight-nav>ul>li:nth-child(4) {
                background: url(/template/cn2014/images/kh4.png) no-repeat center center;
            }
            .eight-nav>ul>li:nth-child(5) {
                background: url(/template/cn2014/images/kh5.png) no-repeat center center;
            }
            .eight-nav>ul>li:nth-child(6) {
                background: url(/template/cn2014/images/kh6.png) no-repeat center center;
            }
            .eight-nav>ul>li:nth-child(7) {
                background: url(/template/cn2014/images/kh7.png) no-repeat center center;
            }
            .eight-nav>ul>li:nth-child(8) {
                background: url(/template/cn2014/images/kh8.png) no-repeat center center;
                margin-right: 0;
            }
            .eight-list {
                margin-bottom: 75px;
            }
            .eight-list>ul>li {
                float: left;
                border: 5px solid #057078;
                width: 370px;
                height: 340px;
                margin-right: 15px;
                margin-bottom: 15px;
            }
            .eight-list>ul>li img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
            .eight-list>ul>li:last-child {
                width: 754px;
                height: 340px;
                height: auto;
                margin-right: 0;
            }
            .eight-list>ul>li:nth-child(3) {
                margin-right: 0;
            }
            .customer-btn {
                width: 100%;
                text-align: center;
            }
            .customer-btn h3 {
                font-size: 24px;
                font-family: "Adobe 黑体 Std";
                margin: 0;
                padding: 0;
            }
            .customer-btn p {
                font-size: 18px;
                font-family: "Adobe 黑体 Std";
                margin: 0;
                padding: 0;
                margin-top: 5px;
            }
            .customer-btn span {
                display: block;
                width: 38px;
                height: 38px;
                background: #057078;
                color: #fff;
                margin: 5px auto 0;
                font-size: 25px;
                font-weight: normal;
                font-style: normal;
                cursor: pointer;
            }
            .customer-mid {
                position: relative;
                height: 525px;
                width: 100%;
            }
            .customer-mid-top {
                height: 345px;
                background: #1a1a1a;
            }
            .customer-mid .container {
                position: absolute;
                width: 1160px;
                height: 695px;
                top: -100px;
                left: 248px;
                right: 0;
                margin: 0 auto;
            }
            .customer-mid .container img {
                width: 100%;
                height: 100%;
            }
            .customer-bot-list {
                width: 100%;
            }
            .customer-bot-list>ul>li {
                width: 460px;
                height: 300px;
                float: left;
                box-sizing: border-box;
                border-left: 6px solid #057078;
                position: relative;
                background: #242424;
                padding: 25px 180px 0 22px;
                margin-right: 170px;
                margin-bottom: 65px;
            }
            .customer-bot-list>ul>li:nth-child(2n) {
                margin-right: 0;
            }
            .cus-dec p {
                font-size: 14px;
                color: #fff;
                line-height: 30px;
                margin: 0;
            }
            .cus-dec b {
                font-size: 14px;
                color: #c68452;
            }
            .cus-dec h3 {
                font-size: 18px;
                color: #c68452;
                line-height: 25px;
                margin: 0;
            }
            .cus-dec span {
                color: #fff;
                font-size: 12px;
                line-height: 20px;
            }
            .customer-bot-list>ul>li img {
                border: 5px solid #057078;
                position: absolute;
                right: -85px;
                top: 45px;
                width: 255px;
                height: 215px;
                object-fit: cover;
            }
            .customer-bot-list>ul>li a {
                bottom: -12.5px;
                left: 55px;
                position: absolute;
                width: 95px;
                height: 25px;
                text-align: center;
                background: #057078;
                color: #fff;
                font-size: 14px;
                line-height: 25px;
            }
            /*装修贷款*/
            .zxdk-wrap {
                height: 100%;
                width: 100%;
                background: #ccc;
            }
            .zxdk-window {
                padding: 20px;
                width: 45%;
                height: 50%;
                background: #fff;
                position: fixed;
                top: 25%;
                left: 0;
                right: 0;
                margin: 0 auto;
                z-index: 999;
            }
            .zxdk-window h4 {
                font-size: 20px;
                color: #bf1212;
                margin: 0;
                padding: 3px 320px;
                padding-bottom: 20px;
                border-bottom: 1px solid #ef1a1a;
            }
            .zxdk-window p label {
                font-size: 14px;
                color: #444;
                font-weight: normal;
                margin-left: 30px;
                width: 11%;
            }
            .zxdk-window p {
                height: 35px;
                line-height: 35px;
                margin-top: 30px;
            }
            .zxdk-window p input {
                outline: none;
                border: 1px solid #878282;
                width: 30%;
            }
            .select_id .inp {
                width: 12%;
                float: left;
                outline: none;
                border: 1px solid #878282;
                line-height: 35px;
                height: 35px;
				margin-left:14px;
            }
            .select_id .inp.r {
                width: 12%;
                float: left;
                outline: none;
                border: 1px solid #878282;
                line-height: 35px;
                height: 35px;
                margin-left: 10%;
            }
            .select_id {
                width: 88%;
                height: 35px;
                line-height: 35px;
                margin-top: 30px;
				margin-left: 30px;
                float: left;
            }
            .select_id span {
                width: 11%;
                float: left;
            }
            .bz {
                margin-top: 30px;
            }
            .bz span {
                width: 7.8%;
                float: left;
                display: block;
                line-height: 100px;
                margin-top: 30px;
				margin-left: 30px;
            }
            .bz textarea {
                border: 1px solid #878282;
                width: 78%;
                resize: none;
                height: 100px;
                outline: none;
                margin-top: 30px;
				margin-left:30px;
            }
            .yys {
                width: 100%;
                text-align: center;
                padding: 0 20%;
            }
            .cen-al {
                width: 100%;
                text-align: center;
                margin: 0 auto;
            }
            .yys-link {
                width: 50%;
                height: 40px;
                background: #057078;
                line-height: 40px;
                color: #fff;
                font-size: 20px;
                font-weight: normal;
                display: block;
                border-radius: 5px;
                margin: 0 auto;
                margin-top: 20px;
                float: left;
            }
            .yys-link:hover {
                color: #fff;
            }
            .yys span {
                width: 50%;
                font-size: 16px;
                float: left;
                line-height: 40px;
                margin-top: 20px;
            }
            .Button.Block p {
                position: relative;
                bottom: 50px;
                font-size: 18px;
                color: #000;
            }
            #zs-detail .listj ul li {
                margin-top: 0;
            }
            .gdbanner .swiper-slide img {
                max-height: 200px;
                width: 95%;
            }
            .hot-boot a {
                display: block;
                float: right;
                background: #057078;
                color: #fff;
                width: 25%;
                padding: 2px;
                margin-top: 5px;
            }
            .hot-boot a:hover {
                color: #fff;
            }
            .v-alink1 {
                width: 180px;
                height: 50px;
                line-height: 50px;
                text-align: center;
                background: #057078;
                display: block;
                color: #fff;
                border-radius: 5px;
                margin-top: 20px;
            }
            .v-alink1:hover {
                color: #fff;
            }
            /* 别墅设计师 */
            .bs-heade {
                width: 100%;
                height: auto;
                background: #F2F2F2;
                overflow: hidden;
            }
            .bs-heade .bs-l,
            .bs-heade .bs-r {
                width: 60%;
                float: left;
            }
            .bs-heade .bs-l {
                padding: 40px 50px 60px 40px;
                width: 40%
            }
            .bs-l h3 {
                font-size: 24px;
                color: #333;
            }
            .bs-l span {
                font-size: 12px;
                color: #999;
                font-family: Arial, Helvetica, sans-serif;
                text-transform: uppercase;
                display: block;
                margin-bottom: 30px;
            }
            .bs-dec {
                font-size: 12px;
                color: #333;
                line-height: 25px;
            }
            .bs-heade .bs-r img {
                width: 100%;
            }
            .villa h3 {
                font-size: 22px;
                color: #393333;
            }
            .villa span {
                color: #808080;
                font-size: 14px;
                vertical-align: -5px;
            }
            .v-title {
                margin: 40px 0;
            }
            .villa-list li {
                /* height:555px;max-height:555px; */
                overflow: hidden;
                background: #F2F2F2;
                margin-bottom: 42px;
                padding: 50px 45px;
            }
            .villa-list li:nth-child(4),
            .villa-list li:nth-child(8),
            .villa-list li:nth-child(12),
            .villa-list li:nth-child(16),
            .villa-list li:nth-child(18),
            .villa-list li:nth-child(22) {
                margin-bottom: 0;
            }
            .v-left {
                float: left;
                width: 30%;
            }
            .v-right {
                float: left;
                margin-left: 5%;
                width: 65%;
            }
            .v-img {
                max-width: 400px;
                max-height: 400px;
                overflow: hidden;
            }
            .v-img img {
                width: 100%;
            }
            .v-btn {
                margin-top: 20px;
            }
            .v-btn a.v-alink {
                width: 190px;
                height: 38px;
                line-height: 38px;
                text-align: center;
                color: #fff;
                background: #057078;
                border-radius: 5px;
                font-size: 14px;
                float: left;
                display: block;
                text-decoration: none;
                border: 1px solid #057078;
            }
            .v-btn a:nth-child(1) {
                margin-right: 20px;
            }
            .v-btn a:nth-child(2) {
                border: 1px solid #BCBCBC;
                background: transparent;
                color: #333;
            }
            .v-btn a:nth-child(2):hover {
                border-color: #057078;
                background: #057078;
                color: #fff;
            }
            .v-r-list {
                padding: 5px 0;
                border-bottom: 1px solid #E6E6E6;
                line-height: 35px;
            }
            .v-r-list h5.reds {
                color: #057078;
                font-size: 20px;
            }
            .v-r-list h5 {
                margin: 0;
                padding: 0;
                width: 15%;
                float: left;
                font-size: 18px;
                color: #2d2d2d;
                line-height: 35px;
            }
            .v-r-list p {
                width: 85%;
                float: left;
                padding-left: 20px;
                margin-bottom: 0;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
            }
            .v-r-list:last-child {
                border: none;
            }
            .v-r-banner {
                margin-top: 40px;
                float: left;
            }
            .v-r-banner li {
                float: left;
                max-width: 240px;
                max-height: 170px;
                overflow: hidden;
                padding: 0;
                margin: 0;
                margin-right: 10px;
            }
            .v-r-banner li:last-child {
                margin-right: 0;
            }
            .v-r-banner li img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
            /* 设计师列表 */
            .app-wrap li {
                padding: 7px 0;
                margin-bottom: 0;
                border-bottom: 1px solid #E6E6E6;
            }
            .app-wrap li h5 {
                float: left;
                font-size: 20px;
                width: 20%;
            }
            .app-wrap li h5.app-peo {
                color: #057078;
            }
            .app-wrap li .app-tit {
                padding-left: 10%;
                width: 80%;
                float: left;
            }
            .app-wrap li p {
                color: #808080;
            }
            .app-wrap li p.app-pp {
                color: #808080;
                width: 80%;
                float: left;
                font-size: 14px;
                margin-bottom: 0;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
                line-height: 40px;
            }
            .app-pp {
                padding-left: 10%;
            }
            .app-wrap button {
                width: 185px;
                height: 50px;
                line-height: 50px;
                font-size: 14px;
                color: #fff;
                border-radius: 5px;
                background: #057078;
                text-align: center;
                margin-top: 20px;
            }
            /* 案例详情 开始*/
            #case-details {
                margin-top: -30px;
            }
            #case-details .p-left {
                border-right: 1px solid #E9E9E9;
                width: 65%;
                float: left;
                padding: 0 2%;
                /*min-height: 870px;*/
            }
            #case-details .p-title h4 {
                font-size: 24px;
                color: #393333;
            }
            #case-details .p-dec {
                color: #393333;
                font-size: 14px;
                line-height: 25px;
            }
            /* #case-details .p-dec p{text-align:center;} */
            /* #case-details .p-dec p:nth-child(1){text-align:left;} */
            #case-details .p-dec p img {
                margin-bottom: 10px;
                object-fit: cover;
                width: 100%;
            }
            #case-details .p-right {
                width: 28%;
                float: left;
                margin-left: 3%;
            }
            .p-r-top .c-tit {
                font-size: 24px;
                color: #333;
            }
            .p-r-top .lin {
                display: block;
                width: 60px;
                height: 2px;
                background: #057078;
            }
            .lx span {
                font-size: 14px;
                color: #333;
                margin: 15px 25% 5px 0;
                display: inline-block;
            }
            .lx span i {
                color: #999;
                font-size: 14px;
                font-style: normal;
            }
            .det-img {
                float: left;
                max-width: 200px;
                max-height: 200px;
                overflow: hidden;
            }
            .det-img img {
                width: 100%;
            }
            .det-dec {
                float: right;
            }
            .sj-det {
                margin-top: 25px;
                margin-bottom: 50px;
            }
            .det-dec p {
                color: #999;
            }
            .det-dec p i {
                color: #057078;
                font-size: 18px;
                font-style: normal;
            }
            .det-dec button {
                width: 140px;
                height: 40px;
                line-height: 40px;
                color: #fff;
                outline: none;
                border: none;
                background: #057078;
                text-align: center;
                margin-top: 60px;
            }
            .lg-dec {
                margin-top: 10px;
                line-height: 25px;
            }
            .p-r-bot {
                padding: 30px;
                border: 1px solid #E6E6E6;
            }
            .p-r-bot h3 {
                color: #057078;
                font-size: 24px;
                text-align: center
            }
            .p-r-bot p {
                font-size: 14px;
                color: #666;
                text-align: center;
            }
            .p-r-bot input {
                display: block;
                border: 1px solid #E6E6E6;
                height: 40px;
                line-height: 40px;
                width: 100%;
                margin-bottom: 20px;
                outline: none;
                text-indent: 20px;
                color: #999;
                font-size: 14px;
            }
            .p-r-bot button {
                width: 100%;
                height: 40px;
                line-height: 40px;
                color: #fff;
                text-align: center;
                font-size: 14px;
                outline: none;
                background: #057078;
            }
            .p-r-bot {
                margin-top: 70px;
            }
            .p-l-c {
                width: 95%;
                margin-bottom: 50px;
            }
            .p-l-c img {
                width: 100%;
                margin-bottom: 20px;
            }
            /* 案例详情 结束 */
            /*物流配送*/
            #logistics .logistics {
                width: 90%;
                margin: 0 auto;
            }
            #logistics .public-title {
                border: none;
            }
            .logistics {
                width: 100%;
            }
            .l-logistics li {
                position: relative;
                margin: 4% 0;
                transition: .34s;
            }
            .l-logistics li img {
                width: 100%;
            }
            .l-logistics li:nth-child(2n) .l-img {
                float: left;
                width: 50%;
                max-width: 876px;
                max-height: 585px;
            }
            .l-logistics li:nth-child(2n-1) .l-img {
                float: right;
                width: 50%;
                max-width: 876px;
                max-height: 585px;
            }
            .l-logistics li:nth-child(2n) .l-dec {
                float: right;
                width: 40%;
                background: #fff;
                padding: 8% 4%;
                box-shadow: 0 2px 2px #ccc;
                position: absolute;
                top: 50%;
                left: 40%;
                transform: translateY(-50%);
            }
            .l-logistics li:nth-child(2n-1) .l-dec {
                float: left;
                width: 50%;
                width: 40%;
                background: #fff;
                padding: 8% 4%;
                box-shadow: 0 2px 2px #ccc;
                position: absolute;
                top: 50%;
                left: 20%;
                transform: translateY(-50%);
            }
            .l-logistics li:hover {
                transform: translateY(-10px);
            }
            /*建材联盟*/
            #alliance {
                width: 100%;
                margin-top: -70px;
                margin-bottom: 190px;
            }
            .pub-title {
                width: 100%;
            }
            .pub-title .line {
                width: 25%;
                height: 1px;
                background: #ccc;
                margin-top: 1.5%;
                margin-left: 20%;
            }
            .pub-title .line.fr {
                margin-left: 0;
                margin-right: 20%;
            }
            .pub-title .middle {
                width: 10%;
                float: left;
                font-size: 18px;
                color: #333;
            }
            .pub-title .middle .mid-dec {
                font-size: 12px;
                color: #808080;
            }
            .pub-title .middle p {
                margin-bottom: 0;
            }
            .pub-title p {
                text-align: center;
            }
            #alliance .category1 li {
                float: left;
                width: 10%;
                margin: 1.5% 0;
                transition: .3s;
            }
            #alliance .category:nth-child(1) {
                padding-top: 40px;
            }
            #alliance .category:nth-child(2n-1) {
                background: #fafafa;
            }
            #alliance .category1 li:hover {
                transform: translateY(-5px);
            }
            /*低碳环保*/
            #protection {
                width: 100%;
            }
            #protection .pro-title {
                width: 30%;
                margin: 2% auto;
                text-align: center;
            }
            #protection .pro-title span {
                display: block;
                width: 20%;
                height: 2px;
                background: #d2d2d2;
                text-align: center;
                margin: 0 auto;
                color: #585757;
            }
            #protection .pro-title h4 {
                font-size: 18px;
            }
            #protection .pro-title p {
                font-size: 12px;
            }
            #protection ul.squared {
                margin: 70px 0;
            }
            #protection ul.squared li {
                text-align: center;
                float: left;
                width: 11%;
                box-sizing: border-box;
                border: 1px solid #EBEAEA;
                margin-right: 1.7%;
                color: #393333;
                padding: 3.5% 1%;
                transition: .3s;
            }
            #protection ul.squared li:hover {
                transform: translateY(-5px);
            }
            #protection ul.squared li:nth-child(8) {
                margin-right: 0;
            }
            #protection .squared li i {
                display: block;
                font-size: 30px;
            }
            #protection .squared li span {
                font-size: 14px;
            }
            /*低碳环保*/
            .c32 {
                background: #c32731;
                padding: 2% 0 4%;
            }
            .c32 .pro-title {
                color: #fff;
            }
            .c32 ul li {
                float: left;
                margin-right: 3.5%;
            }
            .c32 ul li:nth-child(9) {
                margin-right: 0;
            }
            /*模块*/
            .modular .m-list {
                margin-top: 2%;
            }
            .modular .m-list li img {
                width: 100%;
            }
            .modular .m-list li p {
                text-align: center;
                padding: 2% 0;
            }
            .modular ul {
                margin: 2% 0;
            }
            .modular ul li {
                float: left;
                margin-top: 1%;
                width: 20%;
                margin-right: 6%;
            }
            .modular ul li:nth-child(4),
            .modular ul li:nth-child(8) {
                margin-right: 0;
            }
            .modular .m-list:nth-child(2n) {
                background: #fcfcfc;
                padding: .5% 0;
            }
            .modular h5 {
                font-size: 18px;
                color: #393333;
                font-weight: 700;
            }
            .modular p {
                font-size: 12px;
                color: #808080;
            }
            /*专利工艺*/
            .section-patent {
                width: 100%;
            }
            .section-patent .patent-left {
                width: 50%;
                float: left;
                border-right: 4px solid #97814e;
            }
            .section-patent .patent-right {
                width: 50%;
                float: left;
            }
            /*设计师详情页*/
            .details-page {
                float: left;
                width: 70%;
                /*background: skyblue;*/
                margin-bottom: 65px;
            }
            .details-page-img {
                width: 35%;
                /*width: 320px;*/
                max-width: 342px;
                height: 342px;
                overflow: hidden;
                float: left;
            }
            .details-page-img img {
                width: 100%;
            }
            .details-page-con {
                width: 60%;
                float: right;
            }
            .details-page-con li {
                border-bottom: 1px solid #E6E6E6;
                padding: 15px 0;
            }
            .details-page-con li:nth-child(3) {
                border-bottom: 1px solid #E6E6E6;
            }
            .details-page-con li span {
                font-size: 20px;
                color: #2d2d2d;
                float: left;
                width: 18%;
            }
            .details-page-con li .det-dec {
                position: relative;
                float: left;
                width: 80%;
            }
            .details-page-con li .det-dec p {
                color: #666;
                font-size: 14px;
                border-left: 1px dashed #F0F0F0;
                line-height: 25px;
                padding-left: 20px;
            }
            .award-winning {
                width: 100%;
            }
            .winning-line {
                height: 30px;
                border-bottom: 1px solid #E7E7E7;
                position: relative;
            }
            .winning-line h4 {
                position: absolute;
                width: 160px;
                height: 40px;
                line-height: 40px;
                border: 1px solid #E7E7E7;
                margin: 0 auto;
                font-size: 18px;
                color: #057078;
                background: #fff;
                left: 0;
                right: 0;
                bottom: -20px;
                text-align: center;
                border-bottom: 2px solid #057078;
            }
            .winning-case {
                margin-top: 40px;
            }
            .winning-case ul {
                width: 100%;
            }
            .winning-case li {
                float: left;
                width: 24.3%;
                margin-right: .9%;
                margin-top: 45px;
            }
            .winning-case li img {
                width: 100%;
                transition: .3s;
            }
            .winning-case li:nth-child(1),
            .winning-case li:nth-child(2),
            .winning-case li:nth-child(3),
            .winning-case li:nth-child(4) {
                margin-top: 0;
            }
            .winning-case li:nth-child(4),
            .winning-case li:nth-child(8),
            .winning-case li:nth-child(12),
            .winning-case li:nth-child(16),
            .winning-case li:nth-child(20),
            .winning-case li:nth-child(24),
            .winning-case li:nth-child(28),
            .winning-case li:nth-child(32),
            .winning-case li:nth-child(36),
            .winning-case li:nth-child(40),
            .winning-case li:nth-child(44),
            .winning-case li:nth-child(48),
            .winning-case li:nth-child(52),
            .winning-case li:nth-child(56),
            .winning-case li:nth-child(60),
            .winning-case li:nth-child(64),
            .winning-case li:nth-child(68) {
                margin-right: 0;
            }
            .win-img {
                width: 100%;
                overflow: hidden;
                max-height: 200px;
            }
            .winning-case li img:hover {
                transform: scale(1.1);
            }
            .winning-case li .win-dec {
                color: #4c4c4c;
                font-size: 14px;
                text-align: center;
                line-height: 30px;
            }
            .det-bot .det-tit {
                font-size: 20px;
                color: #2d2d2d;
                float: left;
                width: 10%;
            }
            .det-bot .det-dec {
                position: relative;
                float: left;
                width: 80%;
            }
            .det-bot .det-dec p {
                color: #666;
                font-size: 14px;
                border-left: 1px dashed #F0F0F0;
                line-height: 25px;
                padding-left: 20px;
            }
            .det-bot {
                margin-top: 30px;
            }
        }
        /*1200-1439*/
        
        @media (min-width:1200px) and (max-width:1439px) {
            /*雅腾云*/
            #myun-container {
                width: 100%;
            }
            /*八大保障*/
            .guarantee-img {
                text-align: center;
            }
            .guarantee-1 {
                float: left;
            }
            .guarantee-r {
                margin-top: 77.5px;
                float: right;
            }
            .guarantee-r img {
                margin-right: 80px;
            }
            .guarantee ul li:nth-child(2n-1) {
                border-left: 1px dashed #ccc;
                border-bottom: 1px dashed #ccc;
            }
            .guarantee ul li:nth-child(2n) {
                border-right: 1px dashed #ccc;
                border-bottom: 1px dashed #ccc;
            }
            .guarantee ul li:nth-child(3) img {
                margin-right: 0px;
            }
            .guarantee ul li:nth-child(2) .guarantee-1 {
                float: right;
            }
            .guarantee ul li:nth-child(2) .guarantee-r {
                float: left;
            }
            .guarantee ul li:nth-child(4) .guarantee-1 {
                float: right;
            }
            /*客户见证*/
            .customer-witness {
                width: 100%;
            }
            .customer-witness-top {
                margin: 50px auto;
            }
            .customer-witness-top img {
                width: 100%;
            }
            .customer-witness-top p {
                text-align: center;
                font-size: 14px;
                padding: 0 260px;
                margin-top: 25px;
                line-height: 25px;
            }
            .eight-nav {
                width: 800px;
                margin: 45px auto 60px;
            }
            .eight-nav>ul>li {
                width: 58px;
                height: 58px;
                float: left;
                margin-right: 45px;
            }
            .eight-nav>ul>li:nth-child(1) {
                background: url(/template/cn2014/images/kh1.png) no-repeat center center;
            }
            .eight-nav>ul>li:nth-child(2) {
                background: url(/template/cn2014/images/kh2.png) no-repeat center center;
            }
            .eight-nav>ul>li:nth-child(3) {
                background: url(/template/cn2014/images/kh3.png) no-repeat center center;
            }
            .eight-nav>ul>li:nth-child(4) {
                background: url(/template/cn2014/images/kh4.png) no-repeat center center;
            }
            .eight-nav>ul>li:nth-child(5) {
                background: url(/template/cn2014/images/kh5.png) no-repeat center center;
            }
            .eight-nav>ul>li:nth-child(6) {
                background: url(/template/cn2014/images/kh6.png) no-repeat center center;
            }
            .eight-nav>ul>li:nth-child(7) {
                background: url(/template/cn2014/images/kh7.png) no-repeat center center;
            }
            .eight-nav>ul>li:nth-child(8) {
                background: url(/template/cn2014/images/kh8.png) no-repeat center center;
                margin-right: 0;
            }
            .eight-list {
                margin-bottom: 75px;
            }
            .eight-list>ul>li {
                float: left;
                border: 5px solid #057078;
                width: 370px;
                height: 340px;
                margin-right: 15px;
                margin-bottom: 15px;
            }
            .eight-list>ul>li img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
            .eight-list>ul>li:last-child {
                width: 754px;
                height: 340px;
                height: auto;
                margin-right: 0;
            }
            .eight-list>ul>li:nth-child(3) {
                margin-right: 0;
            }
            .customer-btn {
                width: 100%;
                text-align: center;
            }
            .customer-btn h3 {
                font-size: 24px;
                font-family: "Adobe 黑体 Std";
                margin: 0;
                padding: 0;
            }
            .customer-btn p {
                font-size: 18px;
                font-family: "Adobe 黑体 Std";
                margin: 0;
                padding: 0;
                margin-top: 5px;
            }
            .customer-btn span {
                display: block;
                width: 38px;
                height: 38px;
                background: #057078;
                color: #fff;
                margin: 5px auto 0;
                font-size: 25px;
                font-weight: normal;
                font-style: normal;
                cursor: pointer;
            }
            .customer-mid {
                position: relative;
                height: 525px;
                width: 100%;
            }
            .customer-mid-top {
                height: 345px;
                background: #1a1a1a;
            }
            .customer-mid .container {
                position: absolute;
                width: 1160px;
                height: 695px;
                top: -100px;
                left: 0;
                right: 0;
                margin: 0 auto;
                overflow: hidden;
            }
            .customer-mid .container img {
                width: 100%;
                height: 100%;
                position: absolute;
                left: 10%;
            }
            .customer-bot-list {
                width: 100%;
            }
            .customer-bot-list>ul>li {
                width: 460px;
                height: 300px;
                float: left;
                box-sizing: border-box;
                border-left: 6px solid #057078;
                position: relative;
                background: #242424;
                padding: 25px 180px 0 22px;
                margin-right: 170px;
                margin-bottom: 65px;
            }
            .customer-bot-list>ul>li:nth-child(2n) {
                margin-right: 0;
            }
            .cus-dec p {
                font-size: 14px;
                color: #fff;
                line-height: 30px;
                margin: 0;
                padding: 0;
            }
            .cus-dec b {
                font-size: 14px;
                color: #c68452;
            }
            .cus-dec h3 {
                font-size: 18px;
                color: #c68452;
                line-height: 25px;
                margin: 0;
                padding: 0;
            }
            .cus-dec span {
                color: #fff;
                font-size: 12px;
                line-height: 20px;
            }
            .customer-bot-list>ul>li img {
                border: 5px solid #057078;
                position: absolute;
                right: -51px;
                top: 45px;
                width: 210px;
                height: 210px;
                object-fit: cover;
            }
            .customer-bot-list>ul>li a {
                bottom: -12.5px;
                left: 55px;
                position: absolute;
                width: 95px;
                height: 25px;
                text-align: center;
                background: #057078;
                color: #fff;
                font-size: 14px;
                line-height: 25px;
            }
            /*装修贷款*/
            .zxdk-wrap {
                height: 100%;
                width: 100%;
                background: #ccc;
            }
            .zxdk-window {
                padding: 20px;
                width: 70%;
                height: 480px;
                background: #fff;
                position: fixed;
                top: 15%;
                left: 0;
                right: 0;
                margin: 0 auto;
                z-index: 999;
            }
            .zxdk-window h4 {
                font-size: 20px;
                color: #444;
                margin: 0;
                padding: 0;
                padding-bottom: 20px;
                border-bottom: 1px solid #EFEFEF;
            }
            .zxdk-window p label {
                font-size: 14px;
                color: #444;
                font-weight: normal;
                margin-left: 10px;
                width: 7%;
            }
            .zxdk-window p {
                height: 35px;
                line-height: 35px;
                margin-top: 30px;
            }
            .zxdk-window p input {
                outline: none;
                border: 1px solid #EFEFEF;
                width: 40%;
            }
            .select_id .inp {
                width: 42%;
                float: left;
                outline: none;
                border: 1px solid #EFEFEF;
                line-height: 35px;
                height: 35px;
            }
            .select_id .inp.r {
                width: 40%;
                float: left;
                outline: none;
                border: 1px solid #EFEFEF;
                line-height: 35px;
                height: 35px;
                margin-left: 10%;
            }
            .select_id {
                width: 100%;
                height: 35px;
                line-height: 35px;
                margin-top: 30px;
                float: left;
            }
            .select_id span {
                width: 7.5%;
                float: left;
            }
            .bz {
                margin-top: 30px;
            }
            .bz span {
                width: 7.8%;
                float: left;
                display: block;
                line-height: 80px;
                margin-top: 30px;
            }
            .bz textarea {
                border: 1px solid #EFEFEF;
                width: 92%;
                resize: none;
                height: 80px;
                outline: none;
                margin-top: 30px;
            }
            .yys {
                width: 100%;
                text-align: center;
                padding: 0 20%;
            }
            .cen-al {
                width: 100%;
                text-align: center;
                margin: 0 auto;
            }
            .yys-link {
                width: 50%;
                height: 40px;
                background: #057078;
                line-height: 40px;
                color: #fff;
                font-size: 20px;
                font-weight: normal;
                display: block;
                border-radius: 5px;
                margin: 0 auto;
                margin-top: 20px;
                float: left;
            }
            .yys-link:hover {
                color: #fff;
            }
            .yys span {
                width: 50%;
                font-size: 16px;
                float: left;
                line-height: 40px;
                margin-top: 20px;
            }
            #zs-detail .listj ul li {
                margin-top: 0;
            }
            .gdbanner .swiper-slide img {
                max-height: 208px;
            }
            .det-dec .v-alink1 {
                width: 100%;
            }
            .hot-boot a {
                display: block;
                float: right;
                background: #057078;
                color: #fff;
                width: 25%;
                padding: 2px;
                margin-top: 5px;
            }
            .hot-boot a:hover {
                color: #fff;
            }
            /* 别墅设计师 */
            .bs-heade {
                width: 100%;
                background: #F2F2F2;
                overflow: hidden;
            }
            .bs-heade .bs-l,
            .bs-heade .bs-r {
                width: 55%;
                float: left;
            }
            .bs-heade .bs-l {
                padding: 10px 40px;
                width: 45%
            }
            .bs-l h3 {
                font-size: 24px;
                color: #333;
            }
            .bs-l span {
                font-size: 12px;
                color: #999;
                font-family: Arial, Helvetica, sans-serif;
                text-transform: uppercase;
                display: block;
                margin-bottom: 30px;
            }
            .bs-dec {
                font-size: 12px;
                color: #333;
                line-height: 25px;
            }
            .bs-heade .bs-r img {
                width: 100%;
            }
            .villa h3 {
                font-size: 22px;
                color: #393333;
            }
            .villa span {
                color: #808080;
                font-size: 14px;
                vertical-align: -5px;
            }
            .v-title {
                margin: 40px 0;
            }
            .villa-list li {
                /* height:555px;max-height:555px; */
                overflow: hidden;
                background: #F2F2F2;
                margin-bottom: 42px;
                padding: 50px 45px;
            }
            .villa-list li:nth-child(4),
            .villa-list li:nth-child(8),
            .villa-list li:nth-child(12),
            .villa-list li:nth-child(16),
            .villa-list li:nth-child(18),
            .villa-list li:nth-child(22) {
                margin-bottom: 0;
            }
            .v-left {
                float: left;
                width: 30%;
            }
            .v-right {
                float: left;
                margin-left: 5%;
                width: 65%;
            }
            .v-img {
                max-width: 400px;
                max-height: 400px;
                overflow: hidden;
            }
            .v-img img {
                width: 100%;
            }
            .v-btn {
                margin-top: 20px;
            }
            .v-btn a.v-alink {
                width: 153px;
                height: 38px;
                line-height: 38px;
                text-align: center;
                color: #fff;
                background: #057078;
                border-radius: 5px;
                font-size: 14px;
                float: left;
                display: block;
                text-decoration: none;
                border: 1px solid #057078;
            }
            .v-btn a:nth-child(1) {
                margin-right: 20px;
            }
            .v-btn a:nth-child(2) {
                border: 1px solid #BCBCBC;
                background: transparent;
                color: #333;
            }
            .v-btn a:nth-child(2):hover {
                border-color: #057078;
                background: #057078;
                color: #fff;
            }
            .v-r-list {
                padding: 5px 0;
                border-bottom: 1px solid #E6E6E6;
                line-height: 35px;
            }
            .v-r-list h5.reds {
                color: #057078;
                font-size: 20px;
            }
            .v-r-list h5 {
                margin: 0;
                padding: 0;
                width: 15%;
                float: left;
                font-size: 18px;
                color: #2d2d2d;
                line-height: 35px;
            }
            .v-r-list p {
                width: 85%;
                float: left;
                padding-left: 20px;
                margin-bottom: 0;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
            }
            .v-r-list:last-child {
                border: none;
            }
            .v-r-banner {
                margin-top: 40px;
                float: left;
            }
            .v-r-banner li {
                float: left;
                max-width: 228px;
                max-height: 170px;
                overflow: hidden;
                padding: 0;
                margin: 0;
                margin-right: 10px;
            }
            .v-r-banner li:last-child {
                margin-right: 0;
            }
            .v-r-banner li img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
            /* 设计师列表 */
            .app-wrap li {
                padding: 7px 0;
                margin-bottom: 0;
                border-bottom: 1px solid #E6E6E6;
            }
            .app-wrap li h5 {
                float: left;
                font-size: 20px;
                width: 25%;
            }
            .app-wrap li h5.app-peo {
                color: #057078;
            }
            .app-wrap li .app-tit {
                padding-left: 10%;
                width: 75%;
                float: left;
            }
            .app-wrap li p {
                color: #808080;
            }
            .app-wrap li p.app-pp {
                color: #808080;
                width: 75%;
                float: left;
                font-size: 14px;
                margin-bottom: 0;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
                line-height: 40px;
            }
            .app-pp {
                padding-left: 10%;
            }
            .app-wrap button {
                width: 185px;
                height: 50px;
                line-height: 50px;
                font-size: 14px;
                color: #fff;
                border-radius: 5px;
                background: #057078;
                text-align: center;
                margin-top: 20px;
            }
            .app-wrap li {
                margin-top: 0;
            }
            /* 案例详情 开始*/
            #case-details {
                margin-top: -30px;
            }
            #case-details .p-left {
                border-right: 1px solid #E9E9E9;
                width: 65%;
                float: left;
                padding: 0 2%;
            }
            #case-details .p-title h4 {
                font-size: 24px;
                color: #393333;
            }
            #case-details .p-dec {
                color: #393333;
                font-size: 14px;
                line-height: 25px;
            }
            /* #case-details .p-dec p{text-align:center;} */
            /* #case-details .p-dec p:nth-child(1){text-align:left;} */
            #case-details .p-dec p img {
                margin-bottom: 10px;
                object-fit: cover;
                width: 100%;
            }
            #case-details .p-right {
                width: 28%;
                float: left;
                margin-left: 3%;
            }
            .p-r-top .c-tit {
                font-size: 24px;
                color: #333;
            }
            .p-r-top .lin {
                display: block;
                width: 60px;
                height: 2px;
                background: #057078;
            }
            .lx span {
                font-size: 14px;
                color: #333;
                margin: 15px 15% 5px 0;
                display: inline-block;
            }
            .lx span i {
                color: #999;
                font-size: 14px;
                font-style: normal;
            }
            .det-img {
                float: left;
                max-width: 150px;
                max-height: 150px;
                overflow: hidden;
                width: 50%;
            }
            .det-img img {
                width: 100%;
            }
            .det-dec {
                float: right;
                width: 50%;
            }
            .det-dec h3 {
                margin-top: 0;
            }
            .sj-det {
                margin-top: 25px;
                margin-bottom: 50px;
            }
            .det-dec p {
                color: #999;
            }
            .det-dec p i {
                color: #057078;
                font-size: 18px;
                font-style: normal;
            }
            .det-dec button {
                width: 140px;
                height: 40px;
                line-height: 40px;
                color: #fff;
                outline: none;
                border: none;
                background: #057078;
                text-align: center;
                margin-top: 30px;
            }
            .lg-dec {
                margin-top: 10px;
                line-height: 25px;
            }
            .p-r-bot {
                padding: 30px;
                border: 1px solid #E6E6E6;
            }
            .p-r-bot h3 {
                color: #057078;
                font-size: 24px;
                text-align: center
            }
            .p-r-bot p {
                font-size: 14px;
                color: #666;
                text-align: center;
            }
            .p-r-bot input {
                display: block;
                border: 1px solid #E6E6E6;
                height: 40px;
                line-height: 40px;
                width: 100%;
                margin-bottom: 20px;
                outline: none;
                text-indent: 20px;
                color: #999;
                font-size: 14px;
            }
            .p-r-bot button {
                width: 100%;
                height: 40px;
                line-height: 40px;
                color: #fff;
                text-align: center;
                font-size: 14px;
                outline: none;
                background: #057078;
            }
            .p-r-bot {
                margin-top: 70px;
            }
            .p-l-c {
                width: 95%;
                margin-bottom: 50px;
            }
            .p-l-c img {
                width: 100%;
                margin-bottom: 20px;
            }
            /* 案例详情 结束 */
            /*设计师详情页*/
            #case-detail {
                margin-top: -30px;
            }
            .details-page {
                float: left;
                width: 70%;
                /*background: skyblue;*/
                margin-bottom: 65px;
            }
            .details-page-img {
                width: 35%;
                /*width: 320px;*/
                max-width: 342px;
                height: 342px;
                overflow: hidden;
                float: left;
            }
            .details-page-img img {
                width: 100%;
            }
            .details-page-con {
                width: 60%;
                float: right;
            }
            .details-page-con li {
                border-bottom: 1px solid #E6E6E6;
                padding: 15px 0;
            }
            .details-page-con li:nth-child(3) {
                border-bottom: 1px solid #E6E6E6;
            }
            .details-page-con li span {
                font-size: 20px;
                color: #2d2d2d;
                float: left;
                width: 18%;
            }
            .details-page-con li .det-dec {
                position: relative;
                float: left;
                width: 80%;
            }
            .details-page-con li .det-dec p {
                color: #666;
                font-size: 14px;
                border-left: 1px dashed #F0F0F0;
                line-height: 25px;
                padding-left: 20px;
            }
            .award-winning {
                width: 100%;
            }
            .winning-line {
                height: 30px;
                border-bottom: 1px solid #E7E7E7;
                position: relative;
            }
            .winning-line h4 {
                position: absolute;
                width: 160px;
                height: 40px;
                line-height: 40px;
                border: 1px solid #E7E7E7;
                margin: 0 auto;
                font-size: 18px;
                color: #057078;
                background: #fff;
                left: 0;
                right: 0;
                bottom: -20px;
                text-align: center;
                border-bottom: 2px solid #057078;
            }
            .winning-case {
                margin-top: 40px;
            }
            .winning-case ul {
                width: 100%;
            }
            .winning-case li {
                float: left;
                width: 24.3%;
                margin-right: .9%;
                margin-top: 25px;
            }
            .winning-case li img {
                width: 100%;
                transition: .3s;
            }
            .winning-case li:nth-child(1),
            .winning-case li:nth-child(2),
            .winning-case li:nth-child(3),
            .winning-case li:nth-child(4) {
                margin-top: 0;
            }
            .winning-case li:nth-child(4),
            .winning-case li:nth-child(8),
            .winning-case li:nth-child(12),
            .winning-case li:nth-child(16),
            .winning-case li:nth-child(20),
            .winning-case li:nth-child(24),
            .winning-case li:nth-child(28),
            .winning-case li:nth-child(32),
            .winning-case li:nth-child(36),
            .winning-case li:nth-child(40),
            .winning-case li:nth-child(44),
            .winning-case li:nth-child(48),
            .winning-case li:nth-child(52),
            .winning-case li:nth-child(56),
            .winning-case li:nth-child(60),
            .winning-case li:nth-child(64),
            .winning-case li:nth-child(68) {
                margin-right: 0;
            }
            .win-img {
                width: 100%;
                overflow: hidden;
                max-height: 165px;
            }
            .winning-case li img:hover {
                transform: scale(1.1);
            }
            .winning-case li .win-dec {
                color: #4c4c4c;
                font-size: 14px;
                text-align: center;
                line-height: 30px;
            }
            .det-bot .det-tit {
                font-size: 20px;
                color: #2d2d2d;
                float: left;
                width: 13%;
            }
            .det-bot .det-dec {
                position: relative;
                float: left;
                width: 80%;
            }
            .det-bot .det-dec p {
                color: #666;
                font-size: 14px;
                border-left: 1px dashed #F0F0F0;
                line-height: 25px;
                padding-left: 20px;
            }
            .det-bot {
                margin-top: 30px;
            }
            /*物流配送*/
            #logistics .logistics {
                width: 90%;
                margin: 0 auto;
            }
            #logistics .public-title {
                border: none;
            }
            .logistics {
                width: 100%;
            }
            .l-logistics li {
                position: relative;
                margin: 4% 0;
                transition: .34s;
            }
            .l-logistics li img {
                width: 100%;
            }
            .l-logistics li:nth-child(2n) .l-img {
                float: left;
                width: 50%;
                max-width: 530px;
                max-height: 345px;
                overflow: hidden;
            }
            .l-logistics li:nth-child(2n-1) .l-img {
                float: right;
                width: 50%;
                max-width: 530px;
                max-height: 345px;
                overflow: hidden;
            }
            .l-logistics li:nth-child(2n) .l-dec {
                float: right;
                width: 40%;
                background: #fff;
                padding: 5% 4%;
                box-shadow: 0 2px 2px #ccc;
                position: absolute;
                top: 50%;
                left: 40%;
                transform: translateY(-50%);
            }
            .l-logistics li:nth-child(2n-1) .l-dec {
                float: left;
                width: 50%;
                width: 40%;
                background: #fff;
                padding: 5% 4%;
                box-shadow: 0 2px 2px #ccc;
                position: absolute;
                top: 50%;
                left: 20%;
                transform: translateY(-50%);
            }
            .l-logistics li:hover {
                transform: translateY(-10px);
            }
            /*建材联盟*/
            #alliance {
                width: 100%;
                margin-top: -70px;
            }
            .pub-title {
                width: 100%;
            }
            .pub-title .line {
                width: 25%;
                height: 1px;
                background: #ccc;
                margin-top: 1.5%;
                margin-left: 20%;
            }
            .pub-title .line.fr {
                margin-left: 0;
                margin-right: 20%;
            }
            .pub-title .middle {
                width: 10%;
                float: left;
                font-size: 18px;
                color: #333;
            }
            .pub-title .middle .mid-dec {
                font-size: 12px;
                color: #808080;
            }
            .pub-title .middle p {
                margin-bottom: 0;
            }
            .pub-title p {
                text-align: center;
            }
            #alliance .category1 li {
                float: left;
                width: 10%;
                margin: 1.5% 0;
                transition: .3s;
            }
            #alliance .category:nth-child(1) {
                padding-top: 40px;
            }
            #alliance .category:nth-child(2n-1) {
                background: #fafafa;
            }
            #alliance .category1 li:hover {
                transform: translateY(-5px);
            }
            /*低碳环保*/
            #protection {
                width: 100%;
            }
            #protection .pro-title {
                width: 30%;
                margin: 2% auto;
                text-align: center;
            }
            #protection .pro-title span {
                display: block;
                width: 20%;
                height: 2px;
                background: #d2d2d2;
                text-align: center;
                margin: 0 auto;
                color: #585757;
            }
            #protection .pro-title h4 {
                font-size: 18px;
            }
            #protection .pro-title p {
                font-size: 12px;
            }
            #protection ul.squared {
                margin: 70px 0;
            }
            #protection ul.squared li {
                text-align: center;
                float: left;
                width: 11%;
                box-sizing: border-box;
                border: 1px solid #EBEAEA;
                margin-right: 1.7%;
                color: #393333;
                padding: 4% .5%;
                transition: .3s;
            }
            #protection ul.squared li:hover {
                transform: translateY(-5px);
            }
            #protection ul.squared li:nth-child(8) {
                margin-right: 0;
            }
            #protection .squared li i {
                display: block;
                font-size: 30px;
            }
            /*低碳环保*/
            .c32 {
                background: #c32731;
                padding: 2% 0 4%;
            }
            .c32 .pro-title {
                color: #fff;
            }
            .c32 ul li {
                float: left;
                margin-right: 1.7%;
            }
            .c32 ul li:nth-child(9) {
                margin-right: 0;
            }
            /*模块*/
            .modular .m-list {
                margin-top: 2%;
            }
            .modular .m-list li img {
                width: 100%;
            }
            .modular .m-list li p {
                text-align: center;
                padding: 2% 0;
            }
            .modular ul {
                margin: 2% 0;
            }
            .modular ul li {
                float: left;
                margin-top: 1%;
                width: 20%;
                margin-right: 6%;
            }
            .modular ul li:nth-child(4),
            .modular ul li:nth-child(8) {
                margin-right: 0;
            }
            .modular .m-list:nth-child(2n) {
                background: #fcfcfc;
                padding: .5% 0;
            }
            .modular h5 {
                font-size: 18px;
                color: #393333;
                font-weight: 700;
            }
            .modular p {
                font-size: 12px;
                color: #808080;
            }
        }
        /* 1199-992 */
        
        @media (min-width:992px) and (max-width:1199px) {
            /*雅腾云*/
            #myun-container {
                width: 100%;
            }
            .yunl {
                width: 25%;
            }
            .w425 {
                padding-top: 25px;
            }
            .yunlist4-ul {
                display: block;
                overflow: hidden;
            }
            .yunlist4-ul li {
                float: left;
                width: 14%;
            }
            .yunlist4-ul li img {
                width: 100%;
                height: 185px;
            }
            .yunlist7 img.yunl {
                width: 50%;
            }
            .yunlist7 .w425 {
                width: auto;
            }
            .yunlist9 .yunlist3-l {
                width: 45%;
                padding-top: 25px;
            }
            .yunlist9 .yunlist3-r {
                width: 55%;
            }
            .yunlist9 .yunlist3-r img {
                width: 80%;
            }
            .yunlist6 .yunlist3-l {
                padding-top: 25px;
                width: 45%;
            }
            .yunlist6 {
                padding: 80px 0;
            }
            .yunlist6 .yunlist3-r {
                width: 55%;
            }
            .yunlist4-ul li {
                margin-left: 30px;
            }
            /*云保障*/
            /*八大保障*/
            .guarantee-img {
                text-align: center;
            }
            .guarantee-1 {
                float: left;
            }
            .guarantee-r {
                margin-top: 77.5px;
                float: right;
            }
            .guarantee-r img {
                margin-right: 40px;
            }
            .guarantee ul li:nth-child(2n-1) {
                border-left: 1px dashed #ccc;
                border-bottom: 1px dashed #ccc;
            }
            .guarantee ul li:nth-child(2n) {
                border-right: 1px dashed #ccc;
                border-bottom: 1px dashed #ccc;
            }
            .guarantee ul li:nth-child(3) img {
                margin-right: 0px;
            }
            .guarantee ul li:nth-child(3) .guarantee-1 {
                width: 30%;
            }
            .guarantee ul li:nth-child(3) .guarantee-r {
                width: 70%;
                margin-top: 13%;
            }
            .guarantee ul li:nth-child(3) .guarantee-r img {
                width: 50%;
                float: left;
            }
            .guarantee ul li:nth-child(2) .guarantee-1 {
                float: right;
            }
            .guarantee ul li:nth-child(2) .guarantee-r {
                float: left;
            }
            .guarantee ul li:nth-child(4) .guarantee-r img {
                width: 50%;
                float: left;
            }
            .guarantee ul li:nth-child(4) .guarantee-1 {
                float: right;
                width: 30%;
            }
            .guarantee ul li:nth-child(4) .guarantee-r {
                float: left;
                width: 70%;
                margin-top: 13%;
            }
            .guarantee ul li:nth-child(4) img {
                margin-right: 0px;
            }
            /*客户见证*/
            .customer-witness {
                width: 100%;
            }
            .customer-witness-top {
                margin: 50px auto;
            }
            .customer-witness-top img {
                width: 100%;
            }
            .customer-witness-top p {
                text-align: center;
                font-size: 14px;
                padding: 0 260px;
                margin-top: 25px;
                line-height: 25px;
            }
            .eight-nav {
                width: 800px;
                margin: 45px auto 60px;
            }
            .eight-nav>ul>li {
                width: 58px;
                height: 58px;
                float: left;
                margin-right: 45px;
            }
            .eight-nav>ul>li:nth-child(1) {
                background: url(/template/cn2014/images/kh1.png) no-repeat center center;
            }
            .eight-nav>ul>li:nth-child(2) {
                background: url(/template/cn2014/images/kh2.png) no-repeat center center;
            }
            .eight-nav>ul>li:nth-child(3) {
                background: url(/template/cn2014/images/kh3.png) no-repeat center center;
            }
            .eight-nav>ul>li:nth-child(4) {
                background: url(/template/cn2014/images/kh4.png) no-repeat center center;
            }
            .eight-nav>ul>li:nth-child(5) {
                background: url(/template/cn2014/images/kh5.png) no-repeat center center;
            }
            .eight-nav>ul>li:nth-child(6) {
                background: url(/template/cn2014/images/kh6.png) no-repeat center center;
            }
            .eight-nav>ul>li:nth-child(7) {
                background: url(/template/cn2014/images/kh7.png) no-repeat center center;
            }
            .eight-nav>ul>li:nth-child(8) {
                background: url(/template/cn2014/images/kh8.png) no-repeat center center;
                margin-right: 0;
            }
            .eight-list {
                margin-bottom: 35px;
            }
            .eight-list>ul>li {
                float: left;
                border: 5px solid #057078;
                width: 303px;
                height: 250px;
                margin-right: 15px;
                margin-bottom: 15px;
            }
            .eight-list>ul>li img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
            .eight-list>ul>li:last-child {
                width: 622px;
                height: 250px;
                margin-right: 0;
            }
            .eight-list>ul>li:nth-child(3) {
                margin-right: 0;
            }
            .customer-btn {
                width: 100%;
                text-align: center;
            }
            .customer-btn h3 {
                font-size: 24px;
                font-family: "Adobe 黑体 Std";
                margin: 0;
                padding: 0;
            }
            .customer-btn p {
                font-size: 18px;
                font-family: "Adobe 黑体 Std";
                margin: 0;
                padding: 0;
                margin-top: 5px;
            }
            .customer-btn span {
                display: block;
                width: 38px;
                height: 38px;
                background: #057078;
                color: #fff;
                margin: 5px auto 0;
                font-size: 25px;
                font-weight: normal;
                font-style: normal;
                cursor: pointer;
            }
            .customer-mid {
                position: relative;
                height: 465px;
                width: 100%;
            }
            .customer-mid-top {
                height: 345px;
                background: #1a1a1a;
            }
            .customer-mid .container {
                position: absolute;
                height: 600px;
                top: -100px;
                left: 0;
                right: 0;
                margin: 0 auto;
                overflow: hidden;
            }
            .customer-mid .container img {
                width: 100%;
                height: 100%;
                position: absolute;
                left: 10%;
            }
            .customer-bot-list {
                width: 100%;
            }
            .customer-bot-list>ul>li {
                width: 48%;
                height: 300px;
                float: left;
                box-sizing: border-box;
                border-left: 6px solid #057078;
                position: relative;
                background: #242424;
                padding: 15px 210px 0 22px;
                margin-right: 4%;
                margin-bottom: 5%;
            }
            .customer-bot-list>ul>li:nth-child(2n) {
                margin-right: 0;
            }
            .cus-dec p {
                font-size: 14px;
                color: #fff;
                line-height: 30px;
                margin: 0;
                padding: 0;
            }
            .cus-dec b {
                font-size: 14px;
                color: #c68452;
            }
            .cus-dec h3 {
                font-size: 18px;
                color: #c68452;
                line-height: 25px;
                margin: 0;
                padding: 0;
            }
            .cus-dec span {
                color: #fff;
                font-size: 12px;
                line-height: 20px;
            }
            .customer-bot-list>ul>li img {
                border: 5px solid #057078;
                position: absolute;
                right: 0;
                top: 0;
                width: 200px;
                height: 200px;
                object-fit: cover;
            }
            .customer-bot-list>ul>li a {
                bottom: -12.5px;
                left: 55px;
                position: absolute;
                width: 95px;
                height: 25px;
                text-align: center;
                background: #057078;
                color: #fff;
                font-size: 14px;
                line-height: 25px;
            }
            /*装修贷款*/
            .zxdk-wrap {
                height: 100%;
                width: 100%;
                background: #ccc;
            }
            .zxdk-window {
                padding: 20px;
                width: 70%;
                height: 480px;
                background: #fff;
                position: fixed;
                top: 15%;
                left: 0;
                right: 0;
                margin: 0 auto;
                z-index: 999;
            }
            .zxdk-window h4 {
                font-size: 20px;
                color: #444;
                margin: 0;
                padding: 0;
                padding-bottom: 20px;
                border-bottom: 1px solid #EFEFEF;
            }
            .zxdk-window p label {
                font-size: 14px;
                color: #444;
                font-weight: normal;
                margin-left: 10px;
                width: 10%;
            }
            .zxdk-window p {
                height: 35px;
                line-height: 35px;
                margin-top: 30px;
            }
            .zxdk-window p input {
                outline: none;
                border: 1px solid #EFEFEF;
                width: 35%;
            }
            .select_id .inp {
                width: 37%;
                float: left;
                outline: none;
                border: 1px solid #EFEFEF;
                line-height: 35px;
                height: 35px;
            }
            .select_id .inp.r {
                width: 40%;
                float: left;
                outline: none;
                border: 1px solid #EFEFEF;
                line-height: 35px;
                height: 35px;
                margin-left: 10%;
            }
            .select_id {
                width: 100%;
                height: 35px;
                line-height: 35px;
                margin-top: 30px;
                float: left;
            }
            .select_id span {
                width: 10%;
                float: left;
            }
            .bz {
                margin-top: 30px;
            }
            .bz span {
                width: 10%;
                float: left;
                display: block;
                line-height: 100px;
                margin-top: 30px;
            }
            .bz textarea {
                border: 1px solid #EFEFEF;
                width: 86.5%;
                resize: none;
                height: 100px;
                outline: none;
                margin-top: 30px;
            }
            .yys {
                width: 100%;
                text-align: center;
                padding: 0 20%;
            }
            .cen-al {
                width: 100%;
                text-align: center;
                margin: 0 auto;
            }
            .yys-link {
                width: 50%;
                height: 40px;
                background: #057078;
                line-height: 40px;
                color: #fff;
                font-size: 20px;
                font-weight: normal;
                display: block;
                border-radius: 5px;
                margin: 0 auto;
                margin-top: 20px;
                float: left;
            }
            .yys-link:hover {
                color: #fff;
            }
            .yys span {
                width: 50%;
                font-size: 16px;
                float: left;
                line-height: 40px;
                margin-top: 20px;
            }
            #zs-detail .listj ul li {
                margin-top: 0;
            }
            /* 别墅设计师 */
            .bs-heade {
                width: 100%;
                background: #F2F2F2;
                overflow: hidden;
            }
            .bs-heade .bs-l,
            .bs-heade .bs-r {
                width: 55%;
                float: left;
            }
            .bs-heade .bs-l {
                padding: 10px 40px;
                width: 45%;
            }
            .bs-l h3 {
                font-size: 24px;
                color: #333;
            }
            .bs-l span {
                font-size: 12px;
                color: #999;
                font-family: Arial, Helvetica, sans-serif;
                text-transform: uppercase;
                display: block;
                margin-bottom: 10px;
            }
            .bs-dec {
                font-size: 12px;
                color: #333;
                line-height: 25px;
            }
            .bs-heade .bs-r img {
                width: 100%;
            }
            .villa h3 {
                font-size: 22px;
                color: #393333;
            }
            .villa span {
                color: #808080;
                font-size: 14px;
                vertical-align: -5px;
            }
            .v-title {
                margin: 40px 0;
            }
            .villa-list li {
                /* height:555px;max-height:555px; */
                overflow: hidden;
                background: #F2F2F2;
                margin-bottom: 42px;
                padding: 50px 45px;
            }
            .villa-list li:nth-child(4),
            .villa-list li:nth-child(8),
            .villa-list li:nth-child(12),
            .villa-list li:nth-child(16),
            .villa-list li:nth-child(18),
            .villa-list li:nth-child(22) {
                margin-bottom: 0;
            }
            .v-left {
                float: left;
                width: 30%;
            }
            .v-right {
                float: left;
                margin-left: 5%;
                width: 65%;
            }
            .v-img {
                max-width: 400px;
                max-height: 400px;
                overflow: hidden;
            }
            .v-img img {
                width: 100%;
            }
            .v-btn {
                margin-top: 20px;
            }
            .v-btn a.v-alink {
                width: 122px;
                height: 38px;
                line-height: 38px;
                text-align: center;
                color: #fff;
                background: #057078;
                border-radius: 5px;
                font-size: 14px;
                float: left;
                display: block;
                text-decoration: none;
                border: 1px solid #057078;
            }
            .v-btn a:nth-child(1) {
                margin-right: 20px;
            }
            .v-btn a:nth-child(2) {
                border: 1px solid #BCBCBC;
                background: transparent;
                color: #333;
            }
            .v-btn a:nth-child(2):hover {
                border-color: #057078;
                background: #057078;
                color: #fff;
            }
            .v-r-list {
                padding: 5px 0;
                border-bottom: 1px solid #E6E6E6;
                line-height: 35px;
            }
            .v-r-list h5.reds {
                color: #057078;
                font-size: 20px;
            }
            .v-r-list h5 {
                margin: 0;
                padding: 0;
                width: 16%;
                float: left;
                font-size: 18px;
                color: #2d2d2d;
                line-height: 35px;
            }
            .v-r-list p {
                width: 84%;
                float: left;
                padding-left: 20px;
                margin-bottom: 0;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
            }
            .v-r-list:last-child {
                border: none;
            }
            .v-r-banner {
                margin-top: 40px;
                float: left;
            }
            .v-r-banner li {
                float: left;
                max-width: 184px;
                max-height: 150px;
                overflow: hidden;
                padding: 0;
                margin: 0;
                margin-right: 10px;
            }
            .v-r-banner li:last-child {
                margin-right: 0;
            }
            .v-r-banner li img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
            .gdbanner .swiper-slide img {
                max-height: 200px;
            }
            .hot-boot a {
                display: block;
                float: right;
                background: #057078;
                color: #fff;
                width: 25%;
                padding: 2px;
                font-size: 12px;
                margin-top: 5px;
            }
            .hot-boot a:hover {
                color: #fff;
            }
            /* 设计师列表 */
            .app-wrap li {
                padding: 7px 0;
                margin-bottom: 0;
                border-bottom: 1px solid #E6E6E6;
            }
            .app-wrap li h5 {
                float: left;
                font-size: 18px;
                width: 30%;
            }
            .app-wrap li h5.app-peo {
                color: #057078;
            }
            .app-wrap li .app-tit {
                padding-left: 10%;
                width: 70%;
                float: left;
            }
            .app-wrap li p {
                color: #808080;
            }
            .app-wrap li p.app-pp {
                color: #808080;
                width: 70%;
                float: left;
                font-size: 14px;
                margin-bottom: 0;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
                line-height: 40px;
            }
            .app-pp {
                padding-left: 10%;
            }
            .app-wrap button {
                width: 185px;
                height: 50px;
                line-height: 50px;
                font-size: 14px;
                color: #fff;
                border-radius: 5px;
                background: #057078;
                text-align: center;
                margin-top: 20px;
            }
            .app-wrap li {
                margin-top: 0;
            }
            /* 案例详情 开始*/
            #case-details {
                margin-top: -20px;
            }
            #case-details .p-left {
                border-right: 1px solid #E9E9E9;
                width: 70%;
                float: left;
                padding: 0 2%;
            }
            #case-details .p-title h4 {
                font-size: 24px;
                color: #393333;
            }
            #case-details .p-dec p img {
                width: 100%;
            }
            #case-details .p-dec {
                color: #393333;
                font-size: 14px;
                line-height: 25px;
            }
            #case-details .p-right {
                width: 28%;
                float: right;
            }
            .p-r-top .c-tit {
                font-size: 24px;
                color: #333;
            }
            .p-r-top .lin {
                display: block;
                width: 60px;
                height: 2px;
                background: #057078;
            }
            .lx span {
                font-size: 14px;
                color: #333;
                margin: 15px 15% 5px 0;
                display: inline-block;
            }
            .lx span i {
                color: #999;
                font-size: 14px;
                font-style: normal;
            }
            .det-img {
                float: left;
                max-width: 100px;
                max-height: 100px;
                overflow: hidden;
                width: 100%;
            }
            .det-img img {
                width: 100%;
            }
            .det-dec {
                float: right;
                width: 50%;
            }
            .det-dec .v-alink1 {
                width: 100%;
            }
            .det-dec h3 {
                font-size: 18px;
                margin-top: 0;
            }
            .sj-det {
                margin-top: 25px;
                margin-bottom: 50px;
            }
            .det-dec p {
                color: #999;
            }
            .det-dec p i {
                color: #057078;
                font-size: 18px;
                font-style: normal;
            }
            .det-dec button {
                width: 140px;
                height: 35px;
                line-height: 35px;
                color: #fff;
                outline: none;
                border: none;
                background: #057078;
                text-align: center;
                margin-top: 2px;
            }
            .lg-dec {
                margin-top: 10px;
                line-height: 25px;
            }
            .p-r-bot {
                padding: 30px;
                border: 1px solid #E6E6E6;
            }
            .p-r-bot h3 {
                color: #057078;
                font-size: 24px;
                text-align: center
            }
            .p-r-bot p {
                font-size: 14px;
                color: #666;
                text-align: center;
            }
            .p-r-bot input {
                display: block;
                border: 1px solid #E6E6E6;
                height: 40px;
                line-height: 40px;
                width: 100%;
                margin-bottom: 20px;
                outline: none;
                text-indent: 20px;
                color: #999;
                font-size: 14px;
            }
            .p-r-bot button {
                width: 100%;
                height: 40px;
                line-height: 40px;
                color: #fff;
                text-align: center;
                font-size: 14px;
                outline: none;
                background: #057078;
            }
            .p-r-bot {
                margin-top: 70px;
            }
            .p-l-c {
                width: 95%;
                margin-bottom: 50px;
            }
            .p-l-c img {
                width: 100%;
                margin-bottom: 20px;
            }
            /* 案例详情 结束 */
            .details-page {
                float: left;
                width: 70%;
                /*background: skyblue;*/
                margin-bottom: 65px;
            }
            .details-page-img {
                width: 35%;
                /*width: 320px;*/
                max-width: 220px;
                height: 220px;
                overflow: hidden;
                float: left;
            }
            .details-page-img img {
                width: 100%;
            }
            .details-page-con {
                width: 60%;
                float: right;
            }
            .details-page-con li {
                border-bottom: 1px solid #E6E6E6;
                padding: 15px 0;
            }
            .details-page-con li:nth-child(3) {
                border-bottom: 1px solid #E6E6E6;
            }
            .details-page-con li span {
                font-size: 18px;
                color: #2d2d2d;
                float: left;
                width: 25%;
            }
            .details-page-con li .det-dec {
                position: relative;
                float: left;
                width: 75%;
            }
            .details-page-con li .det-dec p {
                color: #666;
                font-size: 14px;
                border-left: 1px dashed #F0F0F0;
                line-height: 25px;
                padding-left: 20px;
                margin-bottom: 0;
            }
            .award-winning {
                width: 100%;
            }
            .winning-line {
                height: 30px;
                border-bottom: 1px solid #E7E7E7;
                position: relative;
            }
            .winning-line h4 {
                position: absolute;
                width: 160px;
                height: 40px;
                line-height: 40px;
                border: 1px solid #E7E7E7;
                margin: 0 auto;
                font-size: 18px;
                color: #057078;
                background: #fff;
                left: 0;
                right: 0;
                bottom: -20px;
                text-align: center;
                border-bottom: 2px solid #057078;
            }
            .winning-case {
                margin-top: 40px;
            }
            .winning-case ul {
                width: 100%;
            }
            .winning-case li {
                float: left;
                width: 24.3%;
                margin-right: .9%;
                margin-top: 25px;
            }
            .winning-case li img {
                width: 100%;
                transition: .3s;
            }
            .winning-case li:nth-child(1),
            .winning-case li:nth-child(2),
            .winning-case li:nth-child(3),
            .winning-case li:nth-child(4) {
                margin-top: 0;
            }
            .winning-case li:nth-child(4),
            .winning-case li:nth-child(8),
            .winning-case li:nth-child(12),
            .winning-case li:nth-child(16),
            .winning-case li:nth-child(20),
            .winning-case li:nth-child(24),
            .winning-case li:nth-child(28),
            .winning-case li:nth-child(32),
            .winning-case li:nth-child(36),
            .winning-case li:nth-child(40),
            .winning-case li:nth-child(44),
            .winning-case li:nth-child(48),
            .winning-case li:nth-child(52),
            .winning-case li:nth-child(56),
            .winning-case li:nth-child(60),
            .winning-case li:nth-child(64),
            .winning-case li:nth-child(68) {
                margin-right: 0;
            }
            .win-img {
                width: 100%;
                overflow: hidden;
                max-height: 135px;
            }
            .winning-case li img:hover {
                transform: scale(1.1);
            }
            .winning-case li .win-dec {
                color: #4c4c4c;
                font-size: 14px;
                text-align: center;
                line-height: 30px;
            }
            .det-bot .det-tit {
                font-size: 20px;
                color: #2d2d2d;
                float: left;
                width: 15%;
            }
            .det-bot .det-dec {
                position: relative;
                float: left;
                width: 80%;
            }
            .det-bot .det-dec p {
                color: #666;
                font-size: 14px;
                border-left: 1px dashed #F0F0F0;
                line-height: 25px;
                padding-left: 20px;
            }
            .det-bot {
                margin-top: 30px;
            }
            /*低碳环保*/
            #protection {
                width: 100%;
            }
            #protection .pro-title {
                width: 35%;
                margin: 2% auto;
                text-align: center;
            }
            #protection .pro-title span {
                display: block;
                width: 20%;
                height: 2px;
                background: #d2d2d2;
                text-align: center;
                margin: 0 auto;
                color: #585757;
            }
            #protection .pro-title h4 {
                font-size: 18px;
            }
            #protection .pro-title p {
                font-size: 12px;
            }
            #protection ul.squared {
                margin: 3% 0;
            }
            #protection ul.squared li {
                text-align: center;
                float: left;
                width: 11%;
                box-sizing: border-box;
                border: 1px solid #EBEAEA;
                margin-right: 1.7%;
                color: #393333;
                padding: 4% 0;
                transition: .3s;
            }
            #protection ul.squared li span {
                font-size: 1rem;
            }
            #protection ul.squared li:hover {
                transform: translateY(-5px);
            }
            #protection ul.squared li:nth-child(8) {
                margin-right: 0;
            }
            #protection .squared li i {
                display: block;
                font-size: 30px;
            }
            /*低碳环保*/
            .c32 {
                background: #c32731;
                padding: 2% 0 4%;
            }
            .c32 .pro-title {
                color: #fff;
            }
            .c32 ul li {
                float: left;
                width: 10%;
                margin-right: 1.2%;
            }
            .c32 ul li img {
                width: 100%;
            }
            .c32 ul li:nth-child(9) {
                margin-right: 0;
            }
            /*模块*/
            .modular .m-list {
                margin-top: 2%;
            }
            .modular .m-list li img {
                width: 100%;
            }
            .modular .m-list li p {
                text-align: center;
                padding: 2% 0;
            }
            .modular ul {
                margin: 2% 0;
            }
            .modular ul li {
                float: left;
                margin-top: 1%;
                width: 20%;
                margin-right: 6%;
            }
            .modular ul li:nth-child(4),
            .modular ul li:nth-child(8) {
                margin-right: 0;
            }
            .modular .m-list:nth-child(2n) {
                background: #fcfcfc;
                padding: .5% 0;
            }
            .modular h5 {
                font-size: 18px;
                color: #393333;
                font-weight: 700;
            }
            .modular p {
                font-size: 12px;
                color: #808080;
            }
            /*建材联盟*/
            #alliance {
                width: 100%;
                margin-top: -30px;
                margin-bottom: 120px;
            }
            .pub-title {
                width: 100%;
                padding-top: 2%;
            }
            .pub-title .line {
                width: 24%;
                height: 1px;
                background: #ccc;
                margin-top: 1.5%;
                margin-left: 20%;
            }
            .pub-title .line.fr {
                margin-left: 0;
                margin-right: 20%;
            }
            .pub-title .middle {
                width: 11%;
                float: left;
                font-size: 18px;
                color: #333;
            }
            .pub-title .middle .mid-dec {
                font-size: 12px;
                color: #808080;
            }
            .pub-title .middle p {
                margin-bottom: 0;
            }
            .pub-title p {
                text-align: center;
            }
            #alliance .category1 li {
                float: left;
                width: 10%;
                margin: 1.5% 0;
                margin-right: 1.2%;
                transition: .3s;
            }
            #alliance .category1 li:nth-child(9) {
                margin-right: 0;
            }
            #alliance .category:nth-child(2n-1) {
                background: #fafafa;
            }
            #alliance .category1 li:hover {
                transform: translateY(-5px);
            }
            /*物流配送*/
            #logistics .logistics {
                width: 90%;
                margin: 0 auto;
            }
            #logistics .public-title {
                border: none;
            }
            .logistics {
                width: 100%;
            }
            .l-logistics li {
                position: relative;
                margin: 4% 0;
                transition: .34s;
            }
            .l-logistics li img {
                width: 100%;
            }
            .l-logistics li .l-dec h4 {
                font-size: 16px;
                overflow: hidden;
                /*内容超出后隐藏*/
                text-overflow: ellipsis;
                /* 超出内容显示为省略号*/
                white-space: nowrap;
                /*文本不进行换行*/
            }
            .l-logistics li .l-dec p {
                font-size: 1rem;
            }
            .l-logistics li:nth-child(2n) .l-img {
                float: left;
                width: 50%;
                max-width: 530px;
                max-height: 345px;
                overflow: hidden;
            }
            .l-logistics li:nth-child(2n-1) .l-img {
                float: right;
                width: 50%;
                max-width: 530px;
                max-height: 345px;
                overflow: hidden;
            }
            .l-logistics li:nth-child(2n) .l-dec {
                float: right;
                width: 40%;
                background: #fff;
                padding: 5% 4%;
                box-shadow: 0 2px 2px #ccc;
                position: absolute;
                top: 50%;
                left: 40%;
                transform: translateY(-50%);
            }
            .l-logistics li:nth-child(2n-1) .l-dec {
                float: left;
                width: 50%;
                width: 40%;
                background: #fff;
                padding: 5% 4%;
                box-shadow: 0 2px 2px #ccc;
                position: absolute;
                top: 50%;
                left: 20%;
                transform: translateY(-50%);
            }
            .l-logistics li:hover {
                transform: translateY(-10px);
            }
        }
        /* 991-768 */
        
        @media (min-width:768px) and (max-width:991px) {
            /*雅腾云*/
            #myun-container {
                width: 100%;
            }
            .yunl {
                width: 25%;
            }
            .w425 {
                width: auto;
                padding-top: 25px;
            }
            .yunlist3 .yunlist3-l {
                width: 45%;
            }
            .yunlist3 .yunlist3-r {
                width: 55%;
            }
            .yunlist3 .yunlist3-r img {
                width: 100%;
            }
            .yunlist4 img {
                width: 100%;
            }
            .yunlist4-ul {
                display: block;
                overflow: hidden;
            }
            .yunlist4-ul li {
                float: left;
                width: 14%;
            }
            .yunlist4-ul li img {
                width: 100%;
                height: 185px;
            }
            .yunlist7 img.yunl {
                width: 50%;
            }
            .yunlist7 .w425 {
                width: auto;
            }
            .yunlist9 .yunlist3-l {
                width: 45%;
                padding-top: 25px;
            }
            .yunlist9 .yunlist3-r {
                width: 55%;
            }
            .yunlist9 .yunlist3-r img {
                width: 80%;
            }
            .yunlist6 .yunlist3-l {
                padding-top: 25px;
                width: 45%;
            }
            .yunlist6 {
                padding: 80px 0;
            }
            .yunlist6 .yunlist3-r {
                width: 55%;
            }
            .yunlist4-ul li {
                margin-left: 23px;
            }
            .yunlist4-ul li img {
                height: 140px;
            }
            /*云保障*/
            /*八大保障*/
            .guarantee {
                margin-bottom: 30px;
            }
            .guarantee-img {
                text-align: center;
            }
            .guarantee-1 {
                float: left;
            }
            .guarantee-r {
                margin-top: 8%;
                float: right;
                padding-right: 2%;
            }
            .guarantee-r img {
                display: block;
            }
            .guarantee ul li:nth-child(2n-1) {
                border-left: 1px dashed #ccc;
                border-bottom: 1px dashed #ccc;
            }
            .guarantee ul li:nth-child(2n) {
                border-right: 1px dashed #ccc;
                border-bottom: 1px dashed #ccc;
            }
            /*客户见证*/
            .customer-witness {
                width: 100%;
            }
            .customer-witness-top {
                margin: 50px auto;
            }
            .customer-witness-top img {
                width: 100%;
            }
            .customer-witness-top p {
                text-align: center;
                font-size: 14px;
                padding: 0 80px;
                margin-top: 25px;
                line-height: 25px;
            }
            .eight-nav {
                width: 100%;
                margin: 45px auto 60px;
            }
            .eight-nav>ul>li {
                width: 58px;
                height: 58px;
                float: left;
                margin-right: 35px;
            }
            .eight-nav>ul>li:nth-child(1) {
                background: url(/template/cn2014/images/kh1.png) no-repeat center center;
            }
            .eight-nav>ul>li:nth-child(2) {
                background: url(/template/cn2014/images/kh2.png) no-repeat center center;
            }
            .eight-nav>ul>li:nth-child(3) {
                background: url(/template/cn2014/images/kh3.png) no-repeat center center;
            }
            .eight-nav>ul>li:nth-child(4) {
                background: url(/template/cn2014/images/kh4.png) no-repeat center center;
            }
            .eight-nav>ul>li:nth-child(5) {
                background: url(/template/cn2014/images/kh5.png) no-repeat center center;
            }
            .eight-nav>ul>li:nth-child(6) {
                background: url(/template/cn2014/images/kh6.png) no-repeat center center;
            }
            .eight-nav>ul>li:nth-child(7) {
                background: url(/template/cn2014/images/kh7.png) no-repeat center center;
            }
            .eight-nav>ul>li:nth-child(8) {
                background: url(/template/cn2014/images/kh8.png) no-repeat center center;
                margin-right: 0;
            }
            .eight-list {
                margin-bottom: 35px;
            }
            .eight-list>ul>li {
                float: left;
                border: 5px solid #057078;
                width: 230px;
                height: 230px;
                margin-right: 15px;
                margin-bottom: 15px;
            }
            .eight-list>ul>li img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
            .eight-list>ul>li:last-child {
                width: 475px;
                height: 230px;
                margin-right: 0;
            }
            .eight-list>ul>li:nth-child(3) {
                margin-right: 0;
            }
            .customer-btn {
                width: 100%;
                text-align: center;
            }
            .customer-btn h3 {
                font-size: 24px;
                font-family: "Adobe 黑体 Std";
                margin: 0;
                padding: 0;
            }
            .customer-btn p {
                font-size: 18px;
                font-family: "Adobe 黑体 Std";
                margin: 0;
                padding: 0;
                margin-top: 5px;
            }
            .customer-btn span {
                display: block;
                width: 38px;
                height: 38px;
                background: #057078;
                color: #fff;
                margin: 5px auto 0;
                font-size: 25px;
                font-weight: normal;
                font-style: normal;
                cursor: pointer;
            }
            .customer-mid {
                position: relative;
                height: 420px;
                width: 100%;
            }
            .customer-mid-top {
                height: 345px;
                background: #1a1a1a;
            }
            .customer-mid .container {
                position: absolute;
                height: 500px;
                top: -10%;
                left: 0;
                right: 0;
                margin: 0 auto;
                overflow: hidden;
            }
            .customer-mid .container img {
                width: 100%;
                height: 100%;
                position: absolute;
                left: 10%;
            }
            .customer-bot-list {
                width: 100%;
            }
            .customer-bot-list>ul>li {
                width: 95%;
                height: 300px;
                float: left;
                box-sizing: border-box;
                border-left: 6px solid #057078;
                position: relative;
                background: #242424;
                padding: 15px 210px 0 22px;
                margin-bottom: 5%;
            }
            .customer-bot-list>ul>li:nth-child(2n) {
                margin-right: 0;
            }
            .cus-dec p {
                font-size: 14px;
                color: #fff;
                line-height: 30px;
                margin: 0;
                padding: 0;
            }
            .cus-dec b {
                font-size: 14px;
                color: #c68452;
            }
            .cus-dec h3 {
                font-size: 18px;
                color: #c68452;
                line-height: 25px;
                margin: 0;
                padding: 0;
            }
            .cus-dec span {
                color: #fff;
                font-size: 12px;
                line-height: 20px;
            }
            .customer-bot-list>ul>li img {
                border: 5px solid #057078;
                position: absolute;
                right: -5%;
                top: 15%;
                width: 200px;
                height: 200px;
                object-fit: cover;
            }
            .customer-bot-list>ul>li a {
                bottom: -12.5px;
                left: 55px;
                position: absolute;
                width: 95px;
                height: 25px;
                text-align: center;
                background: #057078;
                color: #fff;
                font-size: 14px;
                line-height: 25px;
            }
            /*装修贷款*/
            .zxdk-wrap {
                height: 100%;
                width: 100%;
                background: #ccc;
            }
            .zxdk-window {
                padding: 20px;
                width: 70%;
                height: 490px;
                background: #fff;
                position: fixed;
                top: 30%;
                left: 0;
                right: 0;
                margin: 0 auto;
                z-index: 999;
            }
            .zxdk-window h4 {
                font-size: 20px;
                color: #444;
                margin: 0;
                padding: 0;
                padding-bottom: 20px;
                border-bottom: 1px solid #EFEFEF;
            }
            .zxdk-window p label {
                font-size: 14px;
                color: #444;
                font-weight: normal;
                margin-left: 10px;
                width: 12%;
            }
            .zxdk-window p {
                height: 35px;
                line-height: 35px;
                margin-top: 30px;
            }
            .zxdk-window p input {
                outline: none;
                border: 1px solid #EFEFEF;
                width: 33%;
            }
            .select_id .inp {
                width: 37%;
                float: left;
                outline: none;
                border: 1px solid #EFEFEF;
                line-height: 35px;
                height: 35px;
            }
            .select_id .inp.r {
                width: 40%;
                float: left;
                outline: none;
                border: 1px solid #EFEFEF;
                line-height: 35px;
                height: 35px;
                margin-left: 10%;
            }
            .select_id {
                width: 100%;
                height: 35px;
                line-height: 35px;
                margin-top: 30px;
                float: left;
            }
            .select_id span {
                width: 12%;
                float: left;
            }
            .bz {
                margin-top: 30px;
            }
            .bz span {
                width: 12%;
                float: left;
                display: block;
                line-height: 100px;
                margin-top: 30px;
            }
            .bz textarea {
                border: 1px solid #EFEFEF;
                width: 86.5%;
                resize: none;
                height: 100px;
                outline: none;
                margin-top: 30px;
            }
            .yys {
                width: 100%;
                text-align: center;
                padding: 0 20%;
            }
            .cen-al {
                width: 100%;
                text-align: center;
                margin: 0 auto;
            }
            .yys-link {
                width: 50%;
                height: 40px;
                background: #057078;
                line-height: 40px;
                color: #fff;
                font-size: 20px;
                font-weight: normal;
                display: block;
                border-radius: 5px;
                margin: 0 auto;
                margin-top: 20px;
                float: left;
            }
            .yys-link:hover {
                color: #fff;
            }
            .yys span {
                width: 50%;
                font-size: 16px;
                float: left;
                line-height: 40px;
                margin-top: 20px;
            }
            #zs-detail .listj ul li {
                margin-top: 0;
            }
            /* 别墅设计师 */
            .bs-heade {
                width: 100%;
                background: #F2F2F2;
                overflow: hidden;
            }
            .bs-heade .bs-l,
            .bs-heade .bs-r {
                width: 100%;
                float: left;
                padding-top: 60px;
            }
            .bs-heade .bs-l {
                padding: 10px 40px;
            }
            .bs-l h3 {
                font-size: 18px;
                color: #333;
            }
            .bs-l span {
                font-size: 12px;
                color: #999;
                font-family: Arial, Helvetica, sans-serif;
                text-transform: uppercase;
                display: block;
                margin-bottom: 10px;
            }
            .bs-dec {
                font-size: 12px;
                color: #333;
                line-height: 25px;
            }
            .bs-heade .bs-r img {
                width: 100%;
            }
            .villa h3 {
                font-size: 22px;
                color: #393333;
            }
            .villa span {
                color: #808080;
                font-size: 14px;
                vertical-align: -5px;
            }
            .v-title {
                margin: 40px 0;
            }
            .villa-list li {
                /* max-height:555px;overflow:hidden; */
                background: #F2F2F2;
                margin-bottom: 42px;
                padding: 50px 45px;
            }
            .villa-list li:nth-child(4),
            .villa-list li:nth-child(8),
            .villa-list li:nth-child(12),
            .villa-list li:nth-child(16),
            .villa-list li:nth-child(18),
            .villa-list li:nth-child(22) {
                margin-bottom: 0;
            }
            .v-left {
                float: left;
                width: 30%;
            }
            .v-right {
                float: left;
                margin-left: 5%;
                width: 65%;
            }
            .v-img {
                max-width: 400px;
                max-height: 400px;
                overflow: hidden;
            }
            .v-img img {
                width: 100%;
            }
            .v-btn {
                margin-top: 20px;
            }
            .v-btn a.v-alink {
                width: 196px;
                margin-top: 10px;
                height: 38px;
                line-height: 38px;
                text-align: center;
                color: #fff;
                background: #057078;
                border-radius: 5px;
                font-size: 14px;
                float: left;
                display: block;
                text-decoration: none;
                border: 1px solid #057078;
            }
            .v-btn a:nth-child(1) {
                margin-right: 20px;
            }
            .v-btn a:nth-child(2) {
                border: 1px solid #BCBCBC;
                background: transparent;
                color: #333;
            }
            .v-btn a:nth-child(2):hover {
                border-color: #057078;
                background: #057078;
                color: #fff;
            }
            .v-r-list {
                padding: 5px 0;
                border-bottom: 1px solid #E6E6E6;
                line-height: 35px;
            }
            .v-r-list h5.reds {
                color: #057078;
                font-size: 14px;
            }
            .v-r-list h5 {
                margin: 0;
                padding: 0;
                width: 17%;
                float: left;
                font-size: 14px;
                color: #2d2d2d;
                line-height: 35px;
            }
            .v-r-list p {
                width: 83%;
                float: left;
                padding-left: 20px;
                margin-bottom: 0;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
                font-size: 12px;
            }
            .v-r-list:last-child {
                border: none;
            }
            .v-r-banner {
                margin-top: 40px;
                float: left;
            }
            .v-r-banner li {
                float: left;
                max-width: 135px;
                max-height: 170px;
                overflow: hidden;
                padding: 0;
                margin: 0;
                margin-right: 10px;
            }
            .v-r-banner li:last-child {
                margin-right: 0;
            }
            .v-r-banner li img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
            .gdbanner .swiper-slide img {
                max-height: 200px;
            }
            .hot-boot a {
                display: block;
                float: right;
                background: #057078;
                color: #fff;
                width: 25%;
                padding: 2px;
                font-size: 12px;
                margin-top: 5px;
            }
            .hot-boot a:hover {
                color: #fff;
            }
            .gdbanner .swiper-slide img {
                max-height: 200px;
            }
            .hot-boot a {
                display: block;
                float: right;
                background: #057078;
                color: #fff;
                width: 36%;
                padding: .2%;
                margin-top: 5px;
            }
            .hot-boot a:hover {
                color: #fff;
            }
            /* 设计师列表 */
            .app-wrap li {
                padding: 2px 0;
                margin-bottom: 0;
                border-bottom: 1px solid #E6E6E6;
            }
            .app-wrap li h5 {
                float: left;
                font-size: 16px;
                width: 35%;
            }
            .app-wrap li h5.app-peo {
                color: #057078;
            }
            .app-wrap li .app-tit {
                padding-left: 10%;
                width: 65%;
                float: left;
            }
            .app-wrap li p {
                color: #808080;
            }
            .app-wrap li p.app-pp {
                color: #808080;
                width: 65%;
                float: left;
                font-size: 14px;
                margin-bottom: 0;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
                line-height: 40px;
            }
            .app-pp {
                padding-left: 10%;
            }
            .app-wrap button {
                width: 185px;
                height: 35px;
                line-height: 35px;
                font-size: 14px;
                color: #fff;
                border-radius: 5px;
                background: #057078;
                text-align: center;
                margin-top: 20px;
            }
            .app-wrap li {
                margin-top: 0;
            }
            /* 案例详情 开始*/
            #case-details {
                margin-top: -20px;
            }
            #case-details .p-left {
                border-right: 1px solid #E9E9E9;
                width: 70%;
                float: left;
                padding: 0 2%;
            }
            #case-details .p-title h4 {
                font-size: 22px;
                color: #393333;
            }
            #case-details .p-dec {
                color: #393333;
                font-size: 14px;
                line-height: 25px;
            }
            #case-details .p-dec p img {
                width: 95%;
            }
            #case-details .p-right {
                width: 28%;
                float: right;
            }
            .p-r-top .c-tit {
                font-size: 22px;
                color: #333;
            }
            .p-r-top .lin {
                display: block;
                width: 60px;
                height: 2px;
                background: #057078;
            }
            .lx span {
                font-size: 14px;
                color: #333;
                margin: 15px 15% 5px 0;
                display: inline-block;
            }
            .lx span i {
                color: #999;
                font-size: 14px;
                font-style: normal;
            }
            .det-img {
                width: 100%;
                overflow: hidden;
                margin-bottom: 15px;
            }
            .det-img img {
                width: 100%;
            }
            .det-dec {
                width: 100%;
            }
            .det-dec h3 {
                font-size: 18px;
                margin-top: 0;
                text-align: left;
            }
            .sj-det {
                margin-top: 25px;
                margin-bottom: 50px;
            }
            .det-dec p {
                color: #999;
                text-align: left;
            }
            .det-dec p i {
                color: #057078;
                font-size: 18px;
                font-style: normal;
            }
            .det-dec button {
                width: 140px;
                height: 35px;
                line-height: 35px;
                color: #fff;
                outline: none;
                border: none;
                background: #057078;
                text-align: center;
                margin-top: 2px;
            }
            .lg-dec {
                margin-top: 10px;
                line-height: 25px;
            }
            .p-r-bot {
                padding: 30px;
                border: 1px solid #E6E6E6;
            }
            .p-r-bot h3 {
                color: #057078;
                font-size: 18px;
                text-align: center
            }
            .p-r-bot p {
                font-size: 10px;
                color: #666;
                text-align: center;
            }
            .p-r-bot input {
                display: block;
                border: 1px solid #E6E6E6;
                height: 40px;
                line-height: 40px;
                width: 100%;
                margin-bottom: 20px;
                outline: none;
                text-indent: 20px;
                color: #999;
                font-size: 14px;
            }
            .p-r-bot button {
                width: 100%;
                height: 40px;
                line-height: 40px;
                color: #fff;
                text-align: center;
                font-size: 14px;
                outline: none;
                background: #057078;
            }
            .p-r-bot {
                margin-top: 70px;
            }
            .p-l-c {
                width: 95%;
                margin-bottom: 50px;
            }
            .p-l-c img {
                width: 100%;
                margin-bottom: 20px;
            }
            /* 案例详情 结束 */
            .details-page {
                float: left;
                width: 100%;
                margin-bottom: 10px;
            }
            .details-page-img {
                width: 35%;
                /*width: 320px;*/
                max-width: 220px;
                height: 220px;
                overflow: hidden;
                float: left;
            }
            .details-page-img img {
                width: 100%;
            }
            .details-page-con {
                width: 67%;
                float: right;
            }
            .details-page-con li {
                border-bottom: 1px solid #E6E6E6;
                padding: 10px 0;
            }
            .details-page-con li:nth-child(3) {
                border-bottom: 1px solid #E6E6E6;
            }
            .details-page-con li span {
                font-size: 16px;
                color: #2d2d2d;
                float: left;
                width: 25%;
            }
            .details-page-con li .det-dec {
                position: relative;
                float: left;
                width: 75%;
            }
            .details-page-con li .det-dec p {
                color: #666;
                font-size: 14px;
                border-left: 1px dashed #F0F0F0;
                line-height: 25px;
                padding-left: 20px;
                margin-bottom: 0;
            }
            .award-winning {
                width: 100%;
            }
            .winning-line {
                height: 30px;
                border-bottom: 1px solid #E7E7E7;
                position: relative;
            }
            .winning-line h4 {
                position: absolute;
                width: 160px;
                height: 40px;
                line-height: 40px;
                border: 1px solid #E7E7E7;
                margin: 0 auto;
                font-size: 18px;
                color: #057078;
                background: #fff;
                left: 0;
                right: 0;
                bottom: -20px;
                text-align: center;
                border-bottom: 2px solid #057078;
            }
            .winning-case {
                margin-top: 40px;
            }
            .winning-case ul {
                width: 100%;
            }
            .winning-case li {
                float: left;
                width: 24.3%;
                margin-right: .9%;
                margin-top: 10px;
            }
            .winning-case li img {
                width: 100%;
                transition: .3s;
            }
            .winning-case li:nth-child(1),
            .winning-case li:nth-child(2),
            .winning-case li:nth-child(3),
            .winning-case li:nth-child(4) {
                margin-top: 0;
            }
            .winning-case li:nth-child(4),
            .winning-case li:nth-child(8),
            .winning-case li:nth-child(12),
            .winning-case li:nth-child(16),
            .winning-case li:nth-child(20),
            .winning-case li:nth-child(24),
            .winning-case li:nth-child(28),
            .winning-case li:nth-child(32),
            .winning-case li:nth-child(36),
            .winning-case li:nth-child(40),
            .winning-case li:nth-child(44),
            .winning-case li:nth-child(48),
            .winning-case li:nth-child(52),
            .winning-case li:nth-child(56),
            .winning-case li:nth-child(60),
            .winning-case li:nth-child(64),
            .winning-case li:nth-child(68) {
                margin-right: 0;
            }
            .win-img {
                width: 100%;
                overflow: hidden;
                max-height: 104px;
            }
            .winning-case li img:hover {
                transform: scale(1.1);
            }
            .winning-case li .win-dec {
                color: #4c4c4c;
                font-size: 14px;
                text-align: center;
                line-height: 30px;
            }
            .det-bot .det-tit {
                font-size: 20px;
                color: #2d2d2d;
                float: left;
                width: 15%;
            }
            .det-bot .det-dec {
                position: relative;
                float: left;
                width: 80%;
            }
            .det-bot .det-dec p {
                color: #666;
                font-size: 14px;
                border-left: 1px dashed #F0F0F0;
                line-height: 25px;
                padding-left: 20px;
            }
            .det-bot {
                margin-top: 30px;
            }
            #case-detail .public-right {
                display: none;
            }
            /*低碳环保*/
            #protection {
                width: 100%;
            }
            #protection .pro-title {
                width: 45%;
                margin: 2% auto;
                text-align: center;
            }
            #protection .pro-title span {
                display: block;
                width: 20%;
                height: 2px;
                background: #d2d2d2;
                text-align: center;
                margin: 0 auto;
                color: #585757;
            }
            #protection .pro-title h4 {
                font-size: 18px;
            }
            #protection .pro-title p {
                font-size: 12px;
            }
            #protection ul.squared {
                margin: 3% 0;
            }
            #protection ul.squared li {
                text-align: center;
                float: left;
                width: 11%;
                box-sizing: border-box;
                border: 1px solid #EBEAEA;
                margin-right: 1.7%;
                color: #393333;
                padding: 4% 0;
                transition: .3s;
                overflow: hidden;
                /*内容超出后隐藏*/
                text-overflow: ellipsis;
                /* 超出内容显示为省略号*/
                white-space: nowrap;
                /*文本不进行换行*/
            }
            #protection ul.squared li span {
                font-size: 1rem;
            }
            #protection ul.squared li:hover {
                transform: translateY(-5px);
            }
            #protection ul.squared li:nth-child(8) {
                margin-right: 0;
            }
            #protection .squared li i {
                display: block;
                font-size: 20px;
            }
            /*低碳环保*/
            .c32 {
                background: #c32731;
                padding: 2% 0 4%;
            }
            .c32 .pro-title {
                color: #fff;
            }
            .c32 ul li {
                float: left;
                width: 10%;
                margin-right: 1.2%;
            }
            .c32 ul li img {
                width: 100%;
            }
            .c32 ul li:nth-child(9) {
                margin-right: 0;
            }
            /*模块*/
            .modular .m-list {
                margin-top: 2%;
            }
            .modular .m-list li img {
                width: 100%;
            }
            .modular .m-list li p {
                text-align: center;
                padding: 2% 0;
            }
            .modular ul {
                margin: 2% 0;
            }
            .modular ul li {
                float: left;
                margin-top: 1%;
                width: 20%;
                margin-right: 6%;
            }
            .modular ul li:nth-child(4),
            .modular ul li:nth-child(8) {
                margin-right: 0;
            }
            .modular .m-list:nth-child(2n) {
                background: #fcfcfc;
                padding: .5% 0;
            }
            .modular h5 {
                font-size: 18px;
                color: #393333;
                font-weight: 700;
            }
            .modular p {
                font-size: 12px;
                color: #808080;
            }
            /*建材联盟*/
            #alliance {
                width: 100%;
                margin-top: -50px;
                margin-bottom: 100px;
            }
            .pub-title {
                width: 100%;
                padding-top: 2%;
            }
            .pub-title .line {
                width: 19%;
                height: 1px;
                background: #ccc;
                margin-top: 1.5%;
                margin-left: 20%;
            }
            .pub-title .line.fr {
                margin-left: 0;
                margin-right: 20%;
            }
            .pub-title .middle {
                width: 20%;
                float: left;
                font-size: 18px;
                color: #333;
            }
            .pub-title .middle .mid-dec {
                font-size: 12px;
                color: #808080;
            }
            .pub-title .middle p {
                margin-bottom: 0;
                font-size: 14px;
            }
            .pub-title p {
                text-align: center;
            }
            #alliance .category1 li {
                float: left;
                width: 14%;
                margin: 1.5% 0;
                margin-right: 3.2%;
                transition: .3s;
            }
            #alliance .category1 li:nth-child(1) {
                padding-top: -30px;
            }
            #alliance .category1 li:nth-child(6),
            #alliance .category1 li:nth-child(12) {
                margin-right: 0;
            }
            #alliance .category:nth-child(2n-1) {
                background: #fafafa;
            }
            #alliance .category1 li:hover {
                transform: translateY(-5px);
            }
            /*物流配送*/
            #logistics .logistics {
                width: 90%;
                margin: 0 auto;
            }
            #logistics .public-title {
                border: none;
            }
            .logistics {
                width: 100%;
            }
            .l-logistics li {
                position: relative;
                margin: 4% 0;
                transition: .34s;
            }
            .l-logistics li img {
                width: 100%;
            }
            .l-logistics li .l-dec h4 {
                font-size: 16px;
                overflow: hidden;
                /*内容超出后隐藏*/
                text-overflow: ellipsis;
                /* 超出内容显示为省略号*/
                white-space: nowrap;
                /*文本不进行换行*/
            }
            .l-logistics li .l-dec p {
                font-size: 1rem;
            }
            .l-logistics li:nth-child(2n) .l-img {
                float: left;
                width: 50%;
                max-width: 530px;
                max-height: 345px;
                overflow: hidden;
            }
            .l-logistics li:nth-child(2n-1) .l-img {
                float: right;
                width: 50%;
                max-width: 530px;
                max-height: 345px;
                overflow: hidden;
            }
            .l-logistics li:nth-child(2n) .l-dec {
                float: right;
                width: 60%;
                background: #fff;
                padding: 5% 4%;
                box-shadow: 0 2px 2px #ccc;
                position: absolute;
                top: 50%;
                left: 40%;
                transform: translateY(-50%);
            }
            .l-logistics li:nth-child(2n-1) .l-dec {
                float: left;
                width: 60%;
                background: #fff;
                padding: 5% 4%;
                box-shadow: 0 2px 2px #ccc;
                position: absolute;
                top: 50%;
                left: 0%;
                transform: translateY(-50%);
            }
            .l-logistics li:hover {
                transform: translateY(-10px);
            }
        }
        /* 767 */
        
        @media (max-width:767px) {
            /*雅腾云*/
            .yunlist1-r {
                width: 100%;
            }
            #myun-container {
                width: 100%;
            }
            .yunl {
                width: 100%;
            }
            .w425 {
                width: auto;
                padding: 0;
            }
            .yunlist3 .yunlist3-l {
                width: 100%;
            }
            .yunlist3 .yunlist3-r {
                width: 100%;
            }
            .yunlist3 .yunlist3-r img {
                width: 100%;
            }
            .yunlist4 img {
                width: 100%;
            }
            .yunlist4-ul {
                display: block;
                overflow: hidden;
            }
            .yunlist4-ul li {
                float: left;
                width: 14%;
            }
            .yunlist4-ul li img {
                width: 100%;
                height: 185px;
            }
            .yunlist7 img.yunl {
                width: 100%;
            }
            .yunlist7 .w425 {
                width: auto;
            }
            .yunlist9 .yunlist3-l {
                width: 100%;
                padding-top: 25px;
            }
            .yunlist9 .yunlist3-r {
                width: 100%;
            }
            .yunlist9 .yunlist3-r img {
                width: 100%;
            }
            .yunlist6 .yunlist3-l {
                padding-top: 25px;
                width: 100%;
            }
            .yunlist6 {
                padding: 20px 0;
            }
            .yunlist6 .yunlist3-r {
                width: 100%;
            }
            .yunlist4-ul li {
                width: 33%;
                margin-left: 0;
            }
            .yunlist4-ul li img {
                height: 140px;
            }
            .yunlist7 .yunlist1-r {
                width: 100%;
            }
            .yunlist1,
            .yunlist2,
            .yunlist3,
            .yunlist4,
            .yunlist5,
            .yunlist6,
            .yunlist7,
            .yunlist8,
            .yunlist9 {
                padding: 15px 0;
            }
            .yunlist1 h3,
            .yunlist2 h3,
            .yunlist3 h3,
            .yunlist4 h3,
            .yunlist5 h3,
            .yunlist6 h3,
            .yunlist7 h3,
            .yunlist8 h3,
            .yunlist9 h3 {
                font-size: 25px;
                margin-bottom: 25px;
            }
            .yunlist3-l {
                padding: 0;
            }
            .yunlist2 ul li {
                width: 33.33%;
                margin: 0;
                margin-top: 10px;
            }
            .yunlist2 ul li img {
                width: 90%;
                display: block;
                margin: 0 auto;
            }
            /*八大保障*/
            .guarantee {
                margin-bottom: 30px;
            }
            .guarantee li {
                padding: 5% 0;
            }
            .guarantee-img {
                text-align: center;
            }
            .guarantee-img img {
                width: 100%;
                margin: 10px 0;
            }
            .guarantee-1 {
                float: left;
                width: 30%;
            }
            .guarantee-r {
                width: 70%;
                margin-top: 2%;
                float: right;
                padding-right: 2%;
            }
            .guarantee-r img {
                display: block;
                width: 100%;
            }
            .guarantee-1 img {
                width: 100%;
            }
            .guarantee ul li:nth-child(2n-1) {
                border-left: 1px dashed #ccc;
                border-bottom: 1px dashed #ccc;
            }
            .guarantee ul li:nth-child(2n) {
                border-right: 1px dashed #ccc;
                border-bottom: 1px dashed #ccc;
            }
            .guarantee ul li:nth-child(2) .guarantee-r img:nth-child(2) {
                width: 65%;
            }
            /*客户见证*/
            .customer-witness {
                width: 100%;
            }
            .customer-witness-top {
                margin: 20px auto;
            }
            .customer-witness-top img {
                width: 100%;
            }
            .customer-witness-top p {
                text-align: center;
                font-size: 14px;
                padding: 0;
                margin-top: 25px;
                line-height: 25px;
            }
            .eight-nav {
                width: 100%;
                margin: 25px auto;
            }
            .eight-nav>ul>li {
                width: 25%;
                height: 58px;
                float: left;
                margin-bottom: 2.5%;
            }
            .eight-nav>ul>li:nth-child(1) {
                background: url(/template/cn2014/images/kh1.png) no-repeat center center;
            }
            .eight-nav>ul>li:nth-child(2) {
                background: url(/template/cn2014/images/kh2.png) no-repeat center center;
            }
            .eight-nav>ul>li:nth-child(3) {
                background: url(/template/cn2014/images/kh3.png) no-repeat center center;
            }
            .eight-nav>ul>li:nth-child(4) {
                background: url(/template/cn2014/images/kh4.png) no-repeat center center;
                margin-right: 0;
            }
            .eight-nav>ul>li:nth-child(5) {
                background: url(/template/cn2014/images/kh5.png) no-repeat center center;
            }
            .eight-nav>ul>li:nth-child(6) {
                background: url(/template/cn2014/images/kh6.png) no-repeat center center;
            }
            .eight-nav>ul>li:nth-child(7) {
                background: url(/template/cn2014/images/kh7.png) no-repeat center center;
            }
            .eight-nav>ul>li:nth-child(8) {
                background: url(/template/cn2014/images/kh8.png) no-repeat center center;
                margin-right: 0;
            }
            .eight-list {
                margin-bottom: 10px;
            }
            .eight-list>ul>li {
                float: left;
                border: 5px solid #057078;
                width: 100%;
                height: 230px;
                margin-right: 15px;
                margin-bottom: 15px;
            }
            .eight-list>ul>li img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
            .eight-list>ul>li:last-child {
                width: 100%;
                height: 230px;
                margin-right: 0;
            }
            .eight-list>ul>li:nth-child(3) {
                margin-right: 0;
            }
            .customer-btn {
                width: 100%;
                text-align: center;
            }
            .customer-btn h3 {
                font-size: 24px;
                font-family: "Adobe 黑体 Std";
                margin: 0;
                padding: 0;
            }
            .customer-btn p {
                font-size: 18px;
                font-family: "Adobe 黑体 Std";
                margin: 0;
                padding: 0;
                margin-top: 5px;
            }
            .customer-btn span {
                display: block;
                width: 38px;
                height: 38px;
                background: #057078;
                color: #fff;
                margin: 5px auto 0;
                font-size: 25px;
                font-weight: normal;
                font-style: normal;
                cursor: pointer;
            }
            .customer-mid {
                position: relative;
                height: 235px;
                width: 100%;
            }
            .customer-mid-top {
                height: 120px;
                background: #1a1a1a;
            }
            .customer-mid .container {
                position: absolute;
                height: 250px;
                top: -10%;
                left: 0;
                right: 0;
                margin: 0 auto;
                overflow: hidden;
            }
            .customer-mid .container img {
                width: 100%;
                height: 100%;
                position: absolute;
                left: 10%;
            }
            .customer-bot-list {
                width: 100%;
            }
            .customer-bot-list>ul>li {
                width: 100%;
                height: 300px;
                float: left;
                box-sizing: border-box;
                border-left: 6px solid #057078;
                position: relative;
                background: #242424;
                padding: 15px;
                margin-bottom: 10%;
            }
            .customer-bot-list>ul>li:nth-child(2n) {
                margin-right: 0;
            }
            .cus-dec p {
                font-size: 14px;
                color: #fff;
                line-height: 30px;
                margin: 0;
                padding: 0;
            }
            .cus-dec b {
                font-size: 14px;
                color: #c68452;
            }
            .cus-dec h3 {
                font-size: 18px;
                color: #c68452;
                line-height: 25px;
                margin: 0;
                padding: 0;
            }
            .cus-dec span {
                color: #fff;
                font-size: 12px;
                line-height: 20px;
            }
            .customer-bot-list>ul>li img {
                border: 5px solid #057078;
                position: absolute;
                right: 0%;
                top: 0%;
                width: 120px;
                height: 120px;
                object-fit: cover;
            }
            .customer-bot-list>ul>li a {
                bottom: -12.5px;
                left: 55px;
                position: absolute;
                width: 95px;
                height: 25px;
                text-align: center;
                background: #057078;
                color: #fff;
                font-size: 14px;
                line-height: 25px;
            }
            .ui-hack-widget-dialog {
                width: 100%!important;
            }
            .yuyBook dt {
                width: 100%;
                border-bottom: none!important;
                padding-left: 0;
            }
            .yuyBook dt.name {
                padding-left: 0!important;
            }
            .yuyBook dt.tel {
                padding-left: 0!important;
            }
            .yuyBook dt.yzm {
                padding-left: 0!important;
            }
            .yuyue_bottom .btn {
                width: 50%;
                float: left;
            }
            .yuyBook .yuyue_tel {
                width: 50%;
                float: left;
                font-size: 12px!important;
                margin-top: 3%;
            }
            /*装修贷款*/
            .zxdk-wrap {
                height: 100%;
                width: 100%;
                background: #ccc;
            }
            .zxdk-window {
                padding: 20px;
                width: 90%;
                background: #fff;
                position: fixed;
                top: 2%;
                left: 0;
                right: 0;
                margin: 0 auto;
                z-index: 999;
                border-radius: 5px;
            }
            .zxdk-window h4 {
                font-size: 20px;
                color: #444;
                margin: 0;
                padding: 0;
                padding-bottom: 20px;
                border-bottom: 1px solid #EFEFEF;
            }
            .zxdk-window p label {
                font-size: 14px;
                color: #444;
                font-weight: normal;
                width: 100%;
            }
            .zxdk-window p {
                line-height: 30px;
                margin-bottom: 0;
            }
            .zxdk-window p input {
                outline: none;
                border: 1px solid #EFEFEF;
                width: 94%;
            }
            .select_id .inp {
                width: 45%;
                float: left;
                outline: none;
                border: 1px solid #EFEFEF;
                line-height: 35px;
                height: 35px;
            }
            .select_id .inp.r {
                width: 45%;
                float: right;
                outline: none;
                border: 1px solid #EFEFEF;
                line-height: 35px;
                height: 35px;
                margin-left: 10%;
            }
            .select_id {
                width: 100%;
                height: 35px;
                line-height: 35px;
                float: left;
            }
            .select_id span {
                width: 100%;
                float: left;
            }
            .bz {
                margin-top: 30px;
                display: none;
            }
            .bz span {
                width: 10%;
                float: left;
                display: block;
                line-height: 100px;
                margin-top: 30px;
            }
            .bz textarea {
                border: 1px solid #EFEFEF;
                width: 86.5%;
                resize: none;
                height: 100px;
                outline: none;
                margin-top: 30px;
            }
            .yys {
                width: 100%;
                text-align: center;
            }
            .cen-al {
                width: 100%;
                text-align: center;
                margin: 0 auto;
            }
            .cen-al span {
                display: none;
            }
            .yys-link {
                width: 100%;
                height: 40px;
                background: #057078;
                line-height: 40px;
                color: #fff;
                font-size: 20px;
                font-weight: normal;
                display: block;
                margin: 0 auto;
                margin-top: 60px;
                float: left;
            }
            .yys-link:hover {
                color: #fff;
            }
            .yys span {
                width: 100%;
                font-size: 16px;
                float: left;
                line-height: 40px;
                margin-top: 20px;
            }
            .Button.Block {
                width: 300px!important;
                height: 200px!important;
            }
            .Button.Block p {
                position: absolute;
                bottom: 0;
                left: 0;
            }
            #zs-detail .listj ul li {
                margin-top: 0;
            }
            #zs-detail .listj ul li p {
                font-size: 12px;
            }
            /* 别墅设计师 */
            .bs-heade {
                width: 100%;
                background: #F2F2F2;
                overflow: hidden;
            }
            .bs-heade .bs-l,
            .bs-heade .bs-r {
                width: 100%;
            }
            .bs-heade .bs-l {
                width: 100%;
                padding: 5px;
            }
            .bs-l h3 {
                font-size: 24px;
                color: #333;
            }
            .bs-l span {
                font-size: 12px;
                color: #999;
                font-family: Arial, Helvetica, sans-serif;
                text-transform: uppercase;
                display: block;
                margin-bottom: 10px;
            }
            .bs-dec {
                font-size: 12px;
                color: #333;
                line-height: 25px;
            }
            .bs-heade .bs-r img {
                width: 100%;
            }
            .villa h3 {
                font-size: 22px;
                color: #393333;
            }
            .villa span {
                color: #808080;
                font-size: 14px;
                vertical-align: -5px;
            }
            .v-title {
                margin: 40px 0;
            }
            .villa-list li {
                overflow: hidden;
                background: #F2F2F2;
                margin-bottom: 42px;
                padding: 20px 20px;
            }
            .villa-list li:nth-child(4),
            .villa-list li:nth-child(8),
            .villa-list li:nth-child(12),
            .villa-list li:nth-child(16),
            .villa-list li:nth-child(18),
            .villa-list li:nth-child(22) {
                margin-bottom: 0;
            }
            .v-left {
                float: left;
                width: 100%;
            }
            .v-right {
                float: left;
                width: 100%;
            }
            .v-img {
                max-width: 400px;
                max-height: 400px;
                overflow: hidden;
            }
            .v-img img {
                width: 100%;
            }
            .v-btn {
                margin-top: 20px;
            }
            .v-btn a.v-alink {
                width: 49%;
                height: 38px;
                line-height: 38px;
                text-align: center;
                color: #fff;
                background: #057078;
                border-radius: 5px;
                font-size: 14px;
                float: left;
                display: block;
                text-decoration: none;
                border: 1px solid #057078;
            }
            .v-btn a:nth-child(1) {
                margin-right: 2%;
            }
            .v-btn a:nth-child(2) {
                border: 1px solid #BCBCBC;
                background: transparent;
                color: #333;
            }
            .v-btn a:nth-child(2):hover {
                border-color: #057078;
                background: #057078;
                color: #fff;
            }
            .v-r-list {
                padding: 5px 0;
                border-bottom: 1px solid #E6E6E6;
                line-height: 35px;
            }
            .v-r-list h5.reds {
                color: #057078;
                font-size: 20px;
            }
            .v-r-list h5 {
                margin: 0;
                padding: 0;
                width: 100%;
                font-size: 18px;
                color: #2d2d2d;
                line-height: 35px;
            }
            .v-r-list p {
                width: 100%;
                margin-bottom: 0;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
            }
            .v-r-list:last-child {
                border: none;
            }
            .v-r-banner {
                margin-top: 40px;
                float: left;
            }
            .v-r-banner li {
                width: 100%;
                margin: 3% auto;
                padding: 0;
                text-align: center;
            }
            .v-r-banner li:last-child {
                margin-right: 0;
            }
            .v-r-banner li img {
                width: 100%;
            }
            .gdbanner .swiper-slide img {
                width: 100%;
                max-height: 190px;
            }
            #bot-open {
                width: 100%;
                bottom: 0;
                z-index: 999999;
                position: fixed;
            }
            #bot-open li {
                float: left;
                width: 25%;
                background: #057078;
                text-align: center;
                color: #fff;
                box-sizing: border-box;
                border-right: 1px solid #fff;
            }
            #bot-open li:nth-child(4) {
                border-right: none;
            }
            #bot-open li img {
                width: 25px;
                height: 25px;
            }
            #bot-open li .cbtn {
                width: 100%;
                background: #057078;
                color: #fff;
                outline: none;
                border: none;
            }
            #bot-open li i {
                font-size: 20px;
            }
            #bot-open li a {
                color: #fff;
            }
            #bot-open li p {
                margin: 0;
                padding: 0;
                font-size: 12px;
            }
            section.content {
                margin-bottom: 40px;
            }
            .section-case {
                margin-bottom: 40px;
            }
            .award-winning {
                margin-bottom: 60px;
            }
            .section-content {
                margin-bottom: 55px;
            }
            .container-fluid.eee {
                margin-bottom: 40px;
            }
            #wrapper4 .scroll {
                width: 230%;
            }
            .yy-t {
                display: none;
                padding: 10px;
                position: fixed;
                top: 25%;
                margin-top: -100px;
                width: 90%;
                left: 0;
                right: 0;
                margin: 0 auto;
                background: #fff;
                border-radius: 10px;
            }
            .yy-t h4 {
                text-align: center;
                width: 100%;
                font-size: 30px;
                color: #057078;
            }
            .yy-t p {
                font-size: 14px;
                color: #666;
                width: 100%;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
                text-align: center;
            }
            .yy-t input {
                width: 100%;
                height: 40px;
                line-height: 40px;
                border-bottom: 1px solid #eee;
                text-indent: 20px;
                font-size: 14px;
                color: #ccc;
                outline: none;
            }
            .yy-t button {
                width: 100%;
                height: 40px;
                line-height: 40px;
                background: #057078;
                color: #fff;
                outline: none;
                border: none;
                border-radius: 8px;
            }
            .closebox {
                position: absolute;
                top: 5PX;
                right: 10PX;
                color: #000;
                font-size: 16px;
            }
            .v-alink1 {
                width: 200px;
                height: 50px;
                line-height: 50px;
                text-align: center;
                background: #057078;
                display: block;
                color: #fff;
                border-radius: 5px;
                margin-top: 20px;
                margin: 20px auto;
            }
            .hot-boot a {
                display: block;
                background: #057078;
                color: #fff;
                width: 25%;
                padding: 2px;
                margin-top: 5px;
            }
            .hot-boot a:hover {
                color: #fff;
            }
            /* 设计师列表 */
            .app-wrap li {
                padding: 2px 0;
                margin-bottom: 0;
                border-bottom: 1px solid #E6E6E6;
            }
            .app-wrap li h5 {
                float: left;
                font-size: 16px;
                width: 35%;
            }
            .app-wrap li h5.app-peo {
                color: #057078;
            }
            .app-wrap li .app-tit {
                padding-left: 10%;
                width: 65%;
                float: left;
            }
            .app-wrap li p {
                color: #808080;
            }
            .app-wrap li p.app-pp {
                color: #808080;
                width: 65%;
                float: left;
                font-size: 14px;
                margin-bottom: 0;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
                line-height: 40px;
            }
            .app-pp {
                padding-left: 10%;
            }
            .app-wrap button {
                width: 185px;
                height: 35px;
                line-height: 35px;
                font-size: 14px;
                color: #fff;
                border-radius: 5px;
                background: #057078;
                text-align: center;
                margin-top: 20px;
            }
            .app-wrap li {
                margin-top: 0;
            }
            .app-wrap ul {
                margin-top: 10px;
            }
            /* 设计师列表 */
            .app-wrap li {
                padding: 2px 0;
                margin-bottom: 0;
                border-bottom: 1px solid #E6E6E6;
            }
            .app-wrap li h5 {
                float: left;
                font-size: 16px;
                width: 35%;
            }
            .app-wrap li h5.app-peo {
                color: #057078;
            }
            .app-wrap li .app-tit {
                padding-left: 10%;
                width: 65%;
                float: left;
            }
            .app-wrap li p {
                color: #808080;
            }
            .app-wrap li p.app-pp {
                color: #808080;
                width: 65%;
                float: left;
                font-size: 14px;
                margin-bottom: 0;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
                line-height: 40px;
            }
            .app-pp {
                padding-left: 10%;
            }
            .app-wrap button {
                width: 185px;
                height: 35px;
                line-height: 35px;
                font-size: 14px;
                color: #fff;
                border-radius: 5px;
                background: #057078;
                text-align: center;
                display: block;
                margin: 20px auto;
            }
            .app-wrap li {
                margin-top: 0;
            }
            .designer .all {
                width: 100%;
            }
            .designer .all img {
                width: 100%;
            }
            /* 案例详情 开始*/
            #case-details {
                margin-top: 15px;
            }
            #case-details .p-left {
                width: 100%;
                float: left;
            }
            #case-details .p-title h4 {
                font-size: 18px;
                color: #393333;
            }
            #case-details .p-dec {
                color: #393333;
                font-size: 14px;
                line-height: 25px;
            }
            #case-details .p-dec p img {
                width: 100%;
            }
            #case-details .p-right {
                display: none;
            }
            .p-r-top .c-tit {
                font-size: 22px;
                color: #333;
            }
            .p-r-top .lin {
                display: block;
                width: 60px;
                height: 2px;
                background: #057078;
            }
            .lx span {
                font-size: 14px;
                color: #333;
                margin: 15px 15% 5px 0;
                display: inline-block;
            }
            .lx span i {
                color: #999;
                font-size: 14px;
                font-style: normal;
            }
            .det-img {
                width: 100%;
                overflow: hidden;
                margin-bottom: 15px;
            }
            .det-img img {
                width: 100%;
            }
            .det-dec {
                width: 100%;
            }
            .det-dec h3 {
                font-size: 18px;
                margin-top: 0;
                text-align: left;
            }
            .sj-det {
                margin-top: 25px;
                margin-bottom: 50px;
            }
            .det-dec p {
                color: #999;
                text-align: left;
            }
            .det-dec p i {
                color: #057078;
                font-size: 18px;
                font-style: normal;
            }
            .det-dec button {
                width: 140px;
                height: 35px;
                line-height: 35px;
                color: #fff;
                outline: none;
                border: none;
                background: #057078;
                text-align: center;
                margin-top: 2px;
            }
            .lg-dec {
                margin-top: 10px;
                line-height: 25px;
            }
            .p-r-bot {
                padding: 30px;
                border: 1px solid #E6E6E6;
            }
            .p-r-bot h3 {
                color: #057078;
                font-size: 24px;
                text-align: center
            }
            .p-r-bot p {
                font-size: 14px;
                color: #666;
                text-align: center;
            }
            .p-r-bot input {
                display: block;
                border: 1px solid #E6E6E6;
                height: 40px;
                line-height: 40px;
                width: 100%;
                margin-bottom: 20px;
                outline: none;
                text-indent: 20px;
                color: #999;
                font-size: 14px;
            }
            .p-r-bot button {
                width: 100%;
                height: 40px;
                line-height: 40px;
                color: #fff;
                text-align: center;
                font-size: 14px;
                outline: none;
                background: #057078;
            }
            .p-r-bot {
                margin-top: 70px;
            }
            .p-l-c {
                width: 100%;
                margin-bottom: 50px;
            }
            .p-l-c img {
                width: 100%;
                margin-bottom: 20px;
            }
            /* 案例详情 结束 */
            #case-detail {
                margin-top: 15px;
            }
            .details-page {
                float: left;
                width: 100%;
                margin-bottom: 10px;
            }
            .details-page-img {
                width: 100%;
                /*width: 320px;*/
                /*max-width: 220px;*/
                /*height: 220px;*/
                overflow: hidden;
                margin: 0 auto;
                border-radius: 2px;
            }
            .details-page-img img {
                width: 100%;
            }
            .details-page-con {
                width: 100%;
                float: right;
            }
            .details-page-con li {
                border-bottom: 1px solid #E6E6E6;
                padding: 10px 0;
            }
            .details-page-con li:nth-child(3) {
                border-bottom: 1px solid #E6E6E6;
            }
            .details-page-con li span {
                font-size: 16px;
                color: #2d2d2d;
                width: 25%;
            }
            .details-page-con li .det-dec {
                position: relative;
                width: 75%;
            }
            .details-page-con li .det-dec p {
                color: #666;
                font-size: 12px;
                line-height: 25px;
                margin-bottom: 0;
                padding: 0 5px;
            }
            .award-winning {
                width: 100%;
            }
            .winning-line {
                height: 30px;
                border-bottom: 1px solid #E7E7E7;
                position: relative;
            }
            .winning-line h4 {
                position: absolute;
                width: 160px;
                height: 40px;
                line-height: 40px;
                border: 1px solid #E7E7E7;
                margin: 0 auto;
                font-size: 18px;
                color: #057078;
                background: #fff;
                left: 0;
                right: 0;
                bottom: -20px;
                text-align: center;
                border-bottom: 2px solid #057078;
            }
            .winning-case {
                margin-top: 40px;
            }
            .winning-case ul {
                width: 100%;
            }
            .winning-case li {
                width: 100%;
                margin-top: 2px;
            }
            .winning-case li img {
                width: 100%;
                transition: .3s;
            }
            .winning-case li:nth-child(1),
            .winning-case li:nth-child(2),
            .winning-case li:nth-child(3),
            .winning-case li:nth-child(4) {}
            .winning-case li:nth-child(4),
            .winning-case li:nth-child(8),
            .winning-case li:nth-child(12),
            .winning-case li:nth-child(16) {}
            .win-img {
                width: 100%;
                max-height: 200px;
                overflow: hidden;
            }
            .winning-case li img:hover {
                transform: scale(1.1);
            }
            .winning-case li .win-dec {
                color: #4c4c4c;
                font-size: 14px;
                text-align: center;
                line-height: 30px;
            }
            .det-bot .det-tit {
                font-size: 18px;
                color: #2d2d2d;
                width: 100%;
            }
            .det-bot .det-dec {
                position: relative;
                width: 100%;
            }
            .det-bot .det-dec p {
                color: #666;
                font-size: 12px;
                line-height: 25px;
                padding: 0 5px;
            }
            .det-bot {
                margin-top: 30px;
            }
            #case-detail .public-right {
                display: none;
            }
            /*低碳环保*/
            .container1 {
                padding: 0 2%;
            }
            #protection {
                width: 100%;
            }
            #protection .pro-title {
                width: 90%;
                margin: 2% auto;
                text-align: center;
            }
            #protection .pro-title span {
                display: block;
                width: 20%;
                height: 2px;
                background: #d2d2d2;
                text-align: center;
                margin: 0 auto;
                color: #585757;
            }
            #protection .pro-title h4 {
                font-size: 14px;
            }
            #protection .pro-title p {
                font-size: 12px;
            }
            #protection ul.squared {
                margin: 3% 0;
            }
            #protection ul.squared li {
                text-align: center;
                float: left;
                width: 11%;
                box-sizing: border-box;
                border: 1px solid #EBEAEA;
                margin-right: 1.7%;
                color: #393333;
                padding: 4% 0;
                transition: .3s;
                overflow: hidden;
                /*内容超出后隐藏*/
                text-overflow: ellipsis;
                /* 超出内容显示为省略号*/
                white-space: nowrap;
                /*文本不进行换行*/
            }
            #protection ul.squared li span {
                display: none;
            }
            #protection ul.squared li:hover {
                transform: translateY(-5px);
            }
            #protection ul.squared li:nth-child(8) {
                margin-right: 0;
            }
            #protection .squared li i {
                display: block;
                font-size: 18px;
                color: #999;
            }
            /*低碳环保*/
            .c32 {
                background: #c32731;
                padding: 2% 0 4%;
            }
            .c32 .pro-title {
                color: #fff;
            }
            .c32 ul li {
                float: left;
                width: 10%;
                margin-right: 1.2%;
            }
            .c32 ul li img {
                width: 100%;
            }
            .c32 ul li:nth-child(9) {
                margin-right: 0;
            }
            /*模块*/
            .modular .m-list {
                margin-top: 2%;
            }
            .modular .m-list h5 {
                font-size: 16px;
                color: #333;
            }
            .modular .m-list li img {
                width: 100%;
            }
            .modular .m-list li p {
                text-align: center;
                padding: 2% 0;
            }
            .modular ul {
                margin: 2% 0;
            }
            .modular ul li {
                float: left;
                margin-top: 1%;
                width: 48%;
                margin-right: 4%;
            }
            .modular ul li:nth-child(2),
            .modular ul li:nth-child(4),
            .modular ul li:nth-child(6),
            .modular ul li:nth-child(8),
            .modular ul li:nth-child(10),
            .modular ul li:nth-child(12),
            .modular ul li:nth-child(14),
            .modular ul li:nth-child(16) {
                margin-right: 0;
            }
            .modular .m-list:nth-child(2n) {
                background: #fcfcfc;
                padding: .5% 0;
            }
            .modular h5 {
                font-size: 18px;
                color: #393333;
                font-weight: 700;
            }
            .modular p {
                font-size: 14px;
                color: #808080;
                line-height: 25px;
            }
            /*建材联盟*/
            #alliance {
                width: 100%;
                margin-bottom: 50px;
            }
            .pub-title {
                width: 100%;
                padding-top: 2%;
            }
            .pub-title .line {
                width: 10%;
                height: 1px;
                background: #ccc;
                margin-top: 3.5%;
                margin-left: 20%;
            }
            .pub-title .line.fr {
                margin-left: 0;
                margin-right: 20%;
            }
            .pub-title .middle {
                width: 40%;
                float: left;
                font-size: 16px;
                color: #333;
            }
            .pub-title .middle .mid-dec {
                font-size: 12px;
                color: #808080;
            }
            .pub-title .middle p {
                margin-bottom: 0;
                font-size: 14px;
            }
            .pub-title p {
                text-align: center;
            }
            #alliance .category1 li {
                float: left;
                width: 30%;
                margin: 2% 0;
                margin-right: 5%;
                transition: .3s;
                text-align: center;
            }
            #alliance .category1 li:nth-child(3),
            #alliance .category1 li:nth-child(6),
            #alliance .category1 li:nth-child(9),
            #alliance .category1 li:nth-child(12),
            #alliance .category1 li:nth-child(15),
            #alliance .category1 li:nth-child(18),
            #alliance .category1 li:nth-child(21),
            #alliance .category1 li:nth-child(24),
            #alliance .category1 li:nth-child(27),
            #alliance .category1 li:nth-child(30) {
                margin-right: 0;
            }
            #alliance .category:nth-child(2n-1) {
                background: #fafafa;
            }
            #alliance .category1 li:hover {
                transform: translateY(-5px);
            }
            /*物流配送*/
            #logistics .logistics {
                width: 90%;
                margin: 0 auto;
            }
            #logistics .public-title {
                border: none;
            }
            .logistics {
                width: 100%;
            }
            .l-logistics li {
                position: relative;
                margin: 4% 0;
                transition: .34s;
            }
            .l-logistics li img {
                width: 100%;
            }
            .l-logistics li .l-dec h4 {
                font-size: 16px;
                overflow: hidden;
                /*内容超出后隐藏*/
                text-overflow: ellipsis;
                /* 超出内容显示为省略号*/
                white-space: nowrap;
                /*文本不进行换行*/
            }
            .l-logistics li .l-img {
                margin: 0 auto;
                max-width: 355px;
                max-height: 238px;
                overflow: hidden;
            }
            .l-logistics li .l-dec p {
                font-size: 1rem;
            }
            .l-logistics li:hover {
                transform: translateY(-10px);
            }
        }
        
        #protection ul.squared li i {
            color: #999;
        }
        
        .winning-line h4 {
            transition: .3s;
        }
        
        .winning-line h4:hover {
            border-color: #057078;
        }
        
        .step0 {
            width: 0;
        }
        
        .closex {
            right: 8px;
            top: 8px;
            cursor: pointer;
            font-size: 16px;
            color: #333;
            transition: .3s;
        }
        
        .closex:hover {
            transform: rotate(180deg);
        }
        
        .zxdk-wrap {
            display: none;
        }
        
        .select_id select {
            background: transparent;
        }
        
        .container1.hot {
            margin-bottom: 0
        }