html{
    background:#f5f6fa;
}

.five_box
{
    width:100%;
    display:flex;
   background:#004126;
   
    
    color:#fff;
}
.five_item
{
   flex-direction: row;
   padding-left:0.5em;
   flex-grow:1;
   padding-top:1em;
}

.five_item div ,.five_item p,.five_item b,.five_item span{
    color:#fff;
    white-space:nowrap;
}

.fiv-bottom
{
    width:100%;
    display:block;
}

.five_item  b{
    font-weight:700;
    font-size:20px;
    margin-right:2px;
}
.five_item  .p{
    line-height:1.1;
    margin-top:0.25em;
    height:25px;
    vertical-align:bottom;
}

.ages .p,.companys .p{
    line-height:32px;
    white-space:nowrap;
}

.iCont
{
    background:#fff;
    height:20px;
    margin-top:8px;
}

.iNewsList ul li
{
    border:none;
}

.iTitle{
    margin-top:0.6rem;
}
.pg_title
{
    font-size:28px;
    line-height:1.5;
    color:#000;
}
.pg_desc{

        color:#666;
        font-size:12px;
        margin-top:4px;
        display:block;
        width:100%;
        position:relative;
        text-align:center;
}
.pg_desc a
{
    float:right;
    position:absolute;
    right:0px;
    font-size:15px !important;
    
}
.iNewsPage .swiper-slide
{
    border:none;
}

.iNewsPage .swiper-slide.swiper-slide-thumb-active a
{
    border-bottom:2px solid #004126;
    padding-bottom:2px;
}

.four-tel
{
  
   background:#fff;
   padding:0.5rem 0.35rem;
   box-sizing:border-box;
   
    
}

.tel-content
{
    background:#333;
    width:100%;
    display:block;
    border-radius:8px;
    padding-top:6px;
    padding-bottom:6px;
   
    

}
.tel-content .tel-items
{
    display:inline-block;
}

.tel-content-left 
{
    width:70%;
    display:block;
    float:left;
    box-sizing:border-box;
    padding:0px 5px;
}
.left-top
{
    font-size:16px;
    margin-bottom:16px;
    margin-top:12px;
    display:block;
    
}
.left-bottom{
    color:#fff !important;
    opacity: 0.5;
    filter:opacity(50);
}
.tel-items p,.tel-items p span{
    color:#fff;
    line-height:1;
    white-space:nowrap;
}

.right_img img{
    max-width:40px;
}
.tel-content-right
{
    width:29.5%;
}
.right-box
{
    height:40px;
    display:block;
    width:100%;
}
.right-box .right_img{

        width:40px;
        display:block;
        float:left;
}

.right_text
{
    padding-left:2px;
    display:inline-block;
}
.right_bottom_box
{
    width:100%;
    display:block;
    margin-top:1px;
}
.right_bottom_box a{
    color:#004126;
    font-size:15px;
    white-space: nowrap;
}

.top_p{
    font-size:16px;
    margin-bottom:2px;
    margin-top:4px;
}

.top_p span{
    font-size:12px;
    margin-left:-3px;
}

.bottom_p
{
    font-size:14px;
}

/* 新闻 */

.more_link
{
    width:100%;
    display:block;
    text-align:center;
    margin-top:10px;
}

.more_link a{
    color:#666;
    font-size:16px;
}

.iNewsList ul li
{
    background:#f1f0f0;
    padding:8px 6px;

}

.iNewsList ul li .iNewsPic
{
    border-radius:0px;
    width:2.5rem;
    height:2.5rem;
}

.iNewsList ul li p
{
    width:calc(100%  - 2.85rem);
}
.iNewsList ul li p .iNewsDate
{
    text-align:right;
}

.iNewsList ul li p .iNewskey
{
    margin-top:0.15rem;
    margin-bottom:0.1rem;
}

/* 装修流程 */
.iDecroPic
{
    padding:0 0.35rem !important;
    margin-top:12px;
}
.iDecroPic .liu_one_item{

    width:22.5%;
    display:inline-block;
    text-align:left;
    white-space:nowrap;
}
.iDecroPic  .liu_img
{
    background:url(/static/mj/picture4/reddot.jpg) left 54% repeat-x;
    font-size:0px;
}
.iDecroPic  .liu_img img{
    max-width:40px;
}
.iDecroPic .liu_one_item:first-child{
    text-align:left;
}
.iDecroPic .liu_one_item:last-child{
    text-align:right;
    width:10%;

}
.liu_text
{
    font-size:0px;
    margin-bottom:10px;
}

.iDecroPic .liu_text .liu_one_item{
    margin-left:-1px;
}
.iDecroPic .liu_text .liu_one_item:first-child{
    margin-left:-2px;
}

/* 设计团队 */
.iDesignerCont .swiper-slide a p
{
    background:rgba(51,51,51,0.4) !important;
}
.iDesignerCont .swiper-slide a .iDesignerName b
{
    border:none;
    padding-left:0px;
}
.iDesignerCont .swiper-slide a
{
    border-radius:8px;
}

.iDesignerCont .swiper-slide a .iDesignerName
{
    padding-top:0px;
}

.iPanorama .iPanoramaCont .swiper-slide a span
{
    background:rgba(0,0,0,0.35);
    color:#fff;
}

.iPanorama .iPanoramaCont .swiper-slide a
{
    border-radius:8px;
}


.pinzhi_box
{
    padding:0.4rem 0.35rem;
}


/* 案例 */

.iCasePage .swiper-slide.swiper-slide-thumb-active
{
    color:#DD7053;
}

.iCasePage .swiper-slide.swiper-slide-thumb-active:after
{
    display:none;
}

.iCase .pg_desc
{
    font-size:12px;
}

.iCaseList .iCaseLink
{
    background:#333;
    bottom:0px;
    top:auto;
    height:50px;
    border-bottom-left-radius:8px;
    border-bottom-right-radius:8px;
    color:#fff;
}
.iCaseList .iCaseLink p span{
    color:#fff;
    display:block;
    padding-left:5px;
    padding-top:8px;
    font-size:14px;
    width:100%;
    box-sizing:border-box;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    line-height:1;
}
.iCaseList .iCaseLink p span:last-child{
    padding-top:2px;
    font-size:12px;
    opacity: 0.6;
    filter:opacity(60);
   
    margin-top:5px;
}

.iCaseList .iCasePic
{
    border-radius:8px;
}


/* 留言板 */


.message_title
{
    background:#333;
    padding:0.45rem 0px;
    color:#fff;
    font-size:17px;
    text-align:center;
    white-space: nowrap;
}
.sp1
{
    color:#ccc !important;
    line-height:2;
    display:block;
    margin-top:8px;
    font-size:15px;
}

.sp1  a img{
    max-width:24px;
    margin-top:2px;
    margin-left:5px;
}

.buttonstyle, .iMsg .iMsgBtn
{
    background:#004126;
    border-radius:0.65rem;
}

.iMsg .iMsgIpt
{
    background:#f1f0f0;
    border-radius:8px;
    color:#999;
    height:1.3rem;
    line-height:1.3rem;
    font-size:14px;
}

.iMsg p:last-child{
    margin-top:5px;
}


/* 8个图标 */

.iLinks 
{
    margin-top:0px;
}

.iLinks li
{
    width:25%;
    margin-right:0px;
    box-shadow:unset;
    text-align:center;
    margin-top:10px;
}

.iLinks li a img{
    max-width:45px;
    display:block;
    margin:0 auto;
    margin-bottom:5px;
}

.iLinks
{
    padding:0.35rem 0.0rem 0.25rem;
}

.buttonstyle, .iMsg .iMsgBtn
{
    padding:0.32rem 0;
}

#stylebox
{
    justify-content: left;
    align-items: center;
}

.iCasePage
{
    padding-left:0px !important;
    padding-right:0px !important;

}
.iCasePage .swiper-slide
{
    font-size:15px;
}

.pinzhi_box a{
    width:100%;
    height:100%;
    display:block;
}
.iNewsList ul li p .iNewskey
{
    text-align:justify;
}

.iNewsList ul li p b
{
    width:100%;
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}



/* 手机端底部重写 */
.tel-content
{
    background:#f1f0f0 url(../picture4/tel400.png) 95% center no-repeat;
    background-size: auto 36px;
    border-radius:6px;
}
.tel-content a{
    width:100%;
    height:100%;
    display:block;
}
.tel-items 
{
    padding-left:2%;
    padding-top:5px;
    padding-bottom:5px;

}
.tel-items p
{
    color:#000;
    padding:0px;
    margin:0px;
}

.tel-items p.left-bottom
{
    color:#999999 !important;
    margin-top:6px;
}

.tel-items p.left-bottom span
{
    color:#997C60 !important;
}


.two_items
{
    background:#333;
    padding-top:5px;
    padding-bottom:5px;
    display:flex;
    width:100%;
}

.two_items .t_t_item
{
    display:flex;
    flex-direction: column;
    color:#9d7f62;
    font-size:14px;
    text-align:center;
    flex-grow: 1;
}
.two_items .t_t_item:first-child{
    border-right:2px solid #9d7f62;
}
.two_items .t_t_item b
{
    font-weight:700;
    font-size:16px;
    color:#9d7f62;
}

.white-bg
{
    width:100%;
    display:block;
    height:8px;
    background:#fff;
    margin-top:6px;
}





@media screen and (max-width:360px)
{
    .right_img img
    {
        max-width:36px;
    }
    .tel-items p, .tel-items p span
    {
        letter-spacing:-1px;
    }
    .five_item div, .five_item p, .five_item b, .five_item span
    {
        letter-spacing:-1px;
    }
}

@media screen and (max-width:320px)
{
    .message_title
    {
        font-size:15px;
    }
    .pg_desc
    {
        font-size:13px;
    }
    .iCasePage .swiper-slide
    {
        font-size:14px;
    }
    .pg_title
    {
        font-size:22px;
    }
   
    .left-top
    {
        font-size:13px;
    }
    .tel-content-left
    {
        width:67%;
    }
    .tel-content-right
    {
        width:32.5%;
    }
    .right_img img
    {
        max-width:30px;
    }
    .top_p
    {
        font-size:13px;
    }
    .bottom_p 
    {
        font-size:12px;
    }
    .right_bottom_box a
    {
        font-size:13px;
    }
    .five_item b
    {
        font-size:12px;
    }
    .five_item div, .five_item p, .five_item b, .five_item span
    {
        letter-spacing:-1px;
    }
    .iNewsList ul li p .iNewskey
    {
        height:1.15rem;
    }

    .iDecroPic .liu_text .liu_one_item
    {
        letter-spacing:-1px;
    }
    .right-box
    {
        height:30px;
    }
}


@media screen and (max-width:280px)
{
    .iNewsList ul li p .iNewskey
    {
        height:1.17rem;
    }
	
	.iCasePage .swiper-slide
	{
		font-size:12px;
	}
}