*{
    list-style: none;
    font-style: normal;
}
select::-ms-expand{ display: none; }
body{
    background:#F7F7F7;
}
.zxbanner{
    width: 100%;
    height: 640px;
    overflow: hidden;
    background: url("//staticqn.qizuang.com/custom/20220209/Fs0aNpXKWuBkfGlIuDZdjVabQYSY") no-repeat center center;
}
.zximg{
    height: 420px;
}
.wrap-item{
    margin-top: 30px;
    overflow: hidden;
}
.item-head{
    width:1220px;
    height:50px;
    background:rgba(102,102,102,0);
    line-height: 50px;
}
.item-head>.title{
    font-size:24px;
    font-weight:bold;
    color:#333333;
    float: left;
}
.item-head>.more{
    font-size:14px;
    font-weight:400;
    color:#666666;
    height: 100%;
    display: block;
    float: right;
}
.item-head>.more>span{
    display: block;
    float: left;
}
.item-head>.more>img{
    width: 13px;
    height: 13px;
    margin-left: 6px;
    padding-top:18px;
    display: block;
    float: left;
}
.wrap-item>.item-con{
    width:1200px;
    padding:20px 10px;
    background:#FFFFFF;
    border-top: 2px solid #D92B2B;
    overflow: hidden;
}
.validate .box-line {
    margin-bottom: 0!important;
}
/*美图*/
.meitu .left{
    width: 180px;
    overflow: hidden;
    float: left;
}
.meitu .left li{
    width:180px;
    height:140px;
    border-radius:2px;
    overflow: hidden;
    position: relative;
}
.meitu .left li img{
    width: 100%;
    height: 100%;
    display: block;
}
.for_ie_bg{
    display: block;
    position: absolute;
    width: 70px;
    height: 30px;
    transition: all 0.5s ease;
    background: rgba(0,0,0,.6);
    left: 10px;
    top: 10px;
    border-radius: 30px;
    line-height: 30px;
    color: #fff;
    text-align: center;
    font-size: 14px;
}
.meitu .right{
    width: 1000px;
    overflow: hidden;
    float: right;
}
.meitu ul li{
    margin-bottom: 20px;
}
.meitu ul li:last-child{
    margin-bottom: 0;
}
.meitu ul li span .fengge-info{ display: none; }
.meitu ul li span .fengge-info .big-tit{
    font-size:16px;
    font-weight:400;
    color:#FFFFFF;
    line-height: 24px;
}
.meitu ul li:hover span{border-radius:0;width: 100%;height: 100%; left: 0;top:0;}
.meitu ul li:hover span i{display: none;}
.meitu ul li:hover span .fengge-info{ display: block }
.meitu ul li:hover span .fengge-info .big-tit{ line-height: 140px;}
.meitu ul li .for_ie_bg{
    display: flex;
    justify-content: center;
    align-items: center;
}
.meitu ul li .three{
    width: 120px;
}
.meitu ul li .three img{
    display: inline-block;
    width: 20px;
    height: 20px;
    margin:0 5px;
}
.meitu>.right .item{
    display: block;
    width:310px;
    height:220px;
    background:#FFFFFF;
    border:1px solid #E6E6E6;
    box-shadow:1px 1px 20px 0px rgba(0, 0, 0, 0.2);
    border-radius:2px;
    float: left;
}
.meitu>.right .item:first-child{
    width:650px;
    height:460px;
    background:#FFFFFF;
    border:1px solid #E6E6E6;
    border-radius:2px;
    margin-right: 20px;
    box-shadow: none;
}
.meitu>.right .item:first-child img{
    height: 420px;
}
.meitu>.right .item:last-child{
    margin-top: 20px;
}
.meitu>.right .item img{
    width: 100%;
    height: 180px;
    display: block;
}
.meitu>.right .item .item-des{
    width: 100%;
    height: 40px;
    padding:0 10px;
    box-sizing: border-box;
    word-break:break-all;
    word-wrap:break-word;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    line-height: 40px;
    font-size:12px;
    font-weight:400;
    color:#333333;
}
.meitu .right>div{
    display: none;
}
.meitu .right>div:first-child{
    display: block;
}
/*装修案例*/
.al-box{width: 100%;height: 420px; padding: 0 24px;}
.al-box ul li{position:relative;float: left;width: 180px;height: 420px;overflow: hidden;background: rgba(0,0,0,.5);}
.al-box ul li:last-child{border:0;}
.al-box ul li p{width: 100%;height: 100%; display: none; flex-direction: column; align-items: center;}
.al-box ul li .shupai{width:180px;height:100%; cursor: pointer; line-height:420px; background: rgba(0,0,0,.5); position:absolute;left:0;top:0; text-align: center;
    font-size:16px;
    font-weight:400;
    color:#FFFFFF;
}
.al-box .p-bg{position:absolute;left:0;top:0;width: 100%;height: 100%; display: flex; flex-direction: column; align-items: center;}

.al-box ul li.active{width: 480px;}
.al-box ul li.active .shupai{display: none;}
.al-box ul li.active p{width: 100%;height: 100%; display: flex; flex-direction: column; align-items: center;}
.al-box .p-bg .bg-name{
    font-weight:400;
    color:#FFFFFF;
    line-height:36px;
    font-size: 24px;
    margin: 0 auto;
    margin-top:130px;
    display: block;
    text-align: center;

}
.al-box .p-bg .bg-des{
    font-size:12px;
    font-weight:400;
    color:#FFFFFF;
    line-height:18px;
    padding:0 40px;
    margin-top:26px;
    display: block;
    width: 100%;
    overflow: hidden;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.al-box .p-bg .bg-btn{
    width:120px;
    height:40px;
    background:rgba(255,255,255,0.5);
    border-radius:2px;
    font-size:16px;
    font-weight:400;
    color:#FFFFFF;
    text-align: center;
    line-height: 40px;
    margin: 0 auto;
    margin-top:18px;
    display: block;
    cursor: pointer;


}
.al-box .p-bg .bg-more{
    font-size:14px;
    font-weight:400;
    color:#FFFFFF;
    line-height:36px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin:0 auto;
    margin-top:90px;
    display: block;
    text-align: center;
}
.al-box .p-bg .bg-more img{
    width: 20px;
    height: 10px;
}
/*装修公司*/
.esf-company .gongsi {
    overflow: hidden;
}
.esf-company a.more {
    display: block;
    width: 150px;
    height: 40px;
    border: 1px solid #E6E6E6;
    text-align: center;
    line-height: 40px;
    font-size: 14px;
    margin: 0 auto;
    background: #fff;
    color: #333;
}
.esf-company a.more :hover {
    color: #333;
}
.gongsi .g-item{
    float: left;
    width: 260px;
    height: 220px;
    background:#FFFFFF;
    border: 1px solid #E6E6E6;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.16);
    opacity: 1;
    overflow: hidden;
    margin-right: 53px;
    margin-bottom: 50px;
    padding: 20px;
    box-sizing: border-box;
}
.gongsi .g-item:nth-child(4),.gongsi .g-item:nth-child(8) {
    margin-right: 0;
}
.gongsi .g-item:last-child{
    margin-right: 0;
}
.gongsi .g-item:hover{
    box-shadow:1px 1px 20px 0px rgba(0, 0, 0, 0.2);
}
.g-item img{
    width: 100%;
    height: 100%;
    display: block;
}
.g-item>.item-name{
    display: block;
    font-size: 16px;
    font-weight: 500;
    color:#333333;
    line-height: 42px;
    word-break:break-all;
    word-wrap:break-word;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    width: 100%;
    text-align: left;
}
.g-item .koubei-img {
    display: block;
    width: 220px;
    height: 90px;
    margin-bottom: 10px;
}
.g-item .koubeizhi {
    width: 100%;
    border-top: 1px solid #DBDBDB;
    text-align: right;
    color: #666;
    font-size: 12px;
    line-height: 50px;
}
.g-item .koubeizhi span {
    color: #ED404D;
}
.g-item>.item-shu{
    display: flex;;
    justify-content:center;
    align-items: center;
    font-size:12px;
    font-weight:400;
    color:#999999;
    line-height:36px;
    text-align: center;
}
.g-item>.item-shu p{
    padding: 0 10px;
    display: inline-block;
}
.g-item>.item-shu span{
    color: #D92B2B;
}
/*宝典*/
.book {
    overflow: hidden;
}
.book .b-item{
    width: 400px;
    border:1px solid #DCDCDC;
    float: left;
    box-sizing: border-box;
    background: #F8F8F8;
    font-size: 18px;
    color: #333;
    border-right: 0;
}
.book .b-item:last-child{
    margin-right: 0;
    border-right:1px solid #DCDCDC;
}
.b-item .b-head{
    width: 100%;
    height: 160px;
    position: relative;
}
.b-head img {
    width: 70px;
    height: 70px;
    position: absolute;
    left: 0;
    right: 0;
    top: 32px;
    margin: auto;
}
.b-head>p{
    font-size:24px;
    font-weight:400;
    line-height:36px;
    text-align: center;
    padding-top: 105px;
    margin-bottom: 30px;
}
.b-item .b-con{
    height: 540px;
    padding: 15px 30px;
    box-sizing: border-box;
    background: #fff;
}
.b-item .c-href{
    width: 100%;
    font-size: 16px;
    font-weight: normal;
    color:#333;
    height: 50px;
    overflow: hidden;
    line-height: 50px;
    border-bottom: 1px dashed #D9D9D9;
}
.b-item .c-href:last-child {
    border-bottom: none;
}
.b-item .c-href .left{
    width: 78px;
    float: left;
    font-weight: bold;
}
.b-item .c-href .right>span{
    margin-right: 6px;
}
.b-item .c-href .right a{
    color: #333333;
}
.b-item .c-href .right{
    width: 260px;
    word-break:break-all;
    word-wrap:break-word;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    float: left;
}
.last-wrap{
    margin-bottom: 150px;
}
/*报价*/
.wrap-bg{
    width: 1200px;
    overflow: hidden;
    margin:0 auto;
    padding-top:20px;
}
.wrap-bg .bj{
    width:320px;
    height:380px;
    background:#FFFFFF;
    padding: 15px 30px;
    overflow: hidden;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    float: right;
}
.bj-tone{
    width: 100%;
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    color:#333333;
    line-height:40px;
}
.bj-ttwo{
    width:100%;
    font-size: 14px;
    font-weight:400;
    color:#333333;
    line-height:20px;
    text-align: center;
}
.bj-ttwo>span{
    color: #ED404D;
    font-weight: bold;
}
.order-box select{
    outline: none;
    width: 125px;
    height:40px;
    border: 1px solid #E6E6E6;
    font-size: 14px;
    margin-top: 15px;
    padding: 10px 6px;
    box-sizing: border-box;
}
.edit-city{
    margin-right: 6px;
}
.edit-place{
    outline: none;
    width: 100%;
    height:40px;
    border: none;
    border: 1px solid #E6E6E6;
    font-size: 14px;
    padding:0 10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.order-box .b-warn {
    height: 12px;
    line-height: 12px;
    font-size: 12px;
}
.disclamer-line{
    font-size: 12px;
}
#btnSave{
    width: 100%;
    height: 40px;
    background: #ED404D;
    text-align: center;
    line-height: 40px;
    font-size: 18px;
    font-weight:bold;
    color:#ffffff;
    margin-top: 5px;
    border: none;
    outline: none;
    cursor: pointer;
}
.help-peo{
    font-size:14px;
    font-weight:400;
    color:#666666;
    line-height:24px;
    margin-top: 6px;
}
.help-peo span {
    color: #ED404D;
}
.help-peo> .span{
    font-size:14px;
    font-weight:400;
    text-decoration:underline;
    color:#ED404D;
    float: right;
}
.b-warn {
    color: #DE4349 !important;
    font-size: 12px;
    padding: 2px;
    text-align: left;
    line-height: 16px;
}

.for_ie_bg{
    width: 80px;
}
.esf-anli {
    width: 100%;
    height: 600px;
    background: #fff;
    margin-top: -70px;
    position: relative;
}
.esf-anli-box {
    width: 1248px;
    height: 685px;
    position: relative;
    left: 0;
    right: 0;
    bottom: 146px;
    margin: auto;
    background: url('/assets/home/decoration/img/esf-bottom.png') no-repeat;
    background-size: 100% 100%;
    padding-top: 110px;
    box-sizing: border-box;
}
.esf-title {
    text-align: center;
    font-size: 42px;
    line-height: 60px;
    font-weight: 600;
    color: #333;
    margin-bottom: 8px;
}
.esf-anli .to-design {
    display: block;
    width: 120px;
    text-align: center;
    margin: 0 auto;
    color: #70AC96;
    font-size: 24px;
    margin-bottom: 30px;
}
.esf-meitu {
    height: 450px;
    background: #EFEAE0;
}
.esf-meitu .esf-meitu-title {
    color: #78563B;
    padding-top: 50px;
    text-align: center;
    font-size: 42px;
    line-height: 60px;
    font-weight: 600;
    margin-bottom: 20px;
}
.esf-meitu-icon ul li {
    display: block;
    width: 260px;
    height: 260px;
    float: left;
    margin-right: 53px;
    cursor: pointer;
}
.esf-meitu-icon ul li:last-child {
    margin-right: 0;
}
.esf-meitu-icon ul li:first-child{
    background: url('/assets/home/decoration/img/esf-jb.png');
    background-size: 100% 100%;
}
.esf-meitu-icon ul li:nth-child(2){
    background: url('/assets/home/decoration/img/esf-gz.png');
    background-size: 100% 100%;
}
.esf-meitu-icon ul li:nth-child(3){
    background: url('/assets/home/decoration/img/esf-3d.png');
    background-size: 100% 100%;
}
.esf-meitu-icon ul li:nth-child(4){
    background: url('/assets/home/decoration/img/esf-8s.png');
    background-size: 100% 100%;
}
.esf-meitu-icon ul li a {
    display: block;
    width: 100%;
    height: 100%;
}
.esf-meitu-icon ul li:first-child:hover {
    background: url('/assets/home/decoration/img/esf-jb1.png');
    background-size: 100% 100%;
}
.esf-meitu-icon ul li:nth-child(2):hover {
    background: url('/assets/home/decoration/img/esf-gz1.png');
    background-size: 100% 100%;
}
.esf-meitu-icon ul li:nth-child(3):hover {
    background: url('/assets/home/decoration/img/esf-3d1.png');
    background-size: 100% 100%;

}
.esf-meitu-icon ul li:nth-child(4):hover {
    background: url('/assets/home/decoration/img/esf-8s1.png');
    background-size: 100% 100%;
}
.esf-meitu-img {
    width: 100%;
    height: 800px;
    background: #fff;
    padding-top: 60px;
    box-sizing: border-box;
}
.esf-meitu-img .swiper-container {
    height: 520px;
    overflow: hidden;
}
.esf-meitu-img .swiper-container2 {
    display: none;
}
.esf-meitu-img .esf-meitu-left {
    width: 600px;
    height: 600px;
    float: left;
    padding: 30px 40px;
    box-sizing: border-box;
    background: #F2F2F2;
    margin-right: 10px;
}
.esf-meitu-img .esf-meitu-left .p1 {
    color: #C1B4AB;
    font-size: 16px;
    line-height: 24px;
    text-align: right;
}
.esf-meitu-img .esf-meitu-left .meitu-title {
    font-size: 32px;
    font-weight: bold;
    line-height: 45px;
    margin-top: -12px;
    margin-bottom: 10px;
    color: #333;
}
.esf-meitu-img .meitu-des {
    font-size: 24px;
    color: #666;
    line-height: 33px;
}
.esf-meitu-img .esf-meitu-left img {
    width: 100%;
    height: 370px;
    margin-top: 40px;
}
.esf-meitu-img .esf-meitu-right {
    width: 590px;
    float: right;
    padding-top: 70px;
}
.esf-meitu-img .esf-meitu-right .esf-meitu-right-top {
    width: 100%;
    height: 300px;
    background: #F1F6F7;
    margin-bottom: 10px;
    position: relative;
    padding-left: 45px;
    padding-top: 50px;
    box-sizing: border-box;
}
.esf-meitu-img .esf-meitu-right .esf-meitu-right-top img {
    width: 420px;
    height: 220px;
    position: absolute;
    right: 0;
    top: 40px;
}
.esf-meitu-img .esf-meitu-right .esf-meitu-right-bottom>div {
    width: 290px;
    height: 300px;
    float: left;
    position: relative;
    padding-left: 45px;
    padding-top: 40px;
    box-sizing: border-box;
}
.esf-meitu-img .esf-meitu-right .esf-meitu-right-bottom>div:first-child {
    margin-right: 10px;
    background: #EFF0E1;
}
.esf-meitu-img .esf-meitu-right .esf-meitu-right-bottom>div:nth-child(2) {
    background: #D0E9EF;
}
.esf-meitu-img .esf-meitu-right .esf-meitu-right-bottom>div img {
    width: 250px;
    height: 180px;
    position: absolute;
    right: 0;
    bottom: 0;
}
.esf-meitu-img .esf-meitu-right .meitu-other-des {
    font-size: 16px;
    color: #666;
    margin-top: 5px;
}
.esf-meitu-img .swiper-container .swiper-pagination {
    text-align: left;
    font-size: 18px;
    left: 0;
}
.esf-meitu-img .swiper-container .swiper-button-prev {
    width: 20px;
    height: 30px;
    background: url("/assets/home/decoration/img/meitu-prev.png") no-repeat;
    background-size: 100% 100%;
    top: 502px;
    left: 470px;
}
.esf-meitu-img .swiper-container .swiper-button-next {
    width: 20px;
    height: 30px;
    background: url("/assets/home/decoration/img/meitu-next.png") no-repeat;
    background-size: 100% 100%;
    top: 502px;
    left: 500px;
}
.esf-company {
    width: 100%;
    height: 800px;
    background: url('/assets/home/decoration/img/esf-company.jpg') no-repeat;
    background-size: 100% 100%;
    padding-top: 80px;
    box-sizing: border-box;
}
.esf-company-title,.esf-zxbd-title {
    text-align: center;
    font-size: 42px;
    line-height: 60px;
    font-weight: 600;
    color: #333;
    margin-bottom: 30px;
}
.esf-zxbd {
    width: 100%;
    background: #fff;
    padding: 80px 0 56px;
}
.esf-zxfw {
    width: 236px;
    height: 86px;
    margin: 68px auto 0;
    background: url('/assets/home/decoration/img/esf-zxfw.png') no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
}