p.slide-en
{
    width:100%;
    display:block;
    text-align:center;
    font-size:28px;
    text-transform:uppercase;
    margin:10px auto;
    letter-spacing: 2px;
    line-height: 1;
    color:#333;
}

p.slide-cn
{
    width:100%;
    display:block;
    text-align:center;
    position:relative;
    font-size:40px;
    font-weight:700;
    letter-spacing: 2px;
    line-height: 1;
    color:#333;
    
}
p.slide-cn:after{
        content:'';
        width:22%;
        position:absolute;
        left:39%;
        bottom:-8px;
        height:2px;
        background:#004126;
}

.slide-info
{
    color:#919191;
    font-size:25px;
    line-height:1.5;
    margin-top:15px;
    height:125px;
}

.dingzhi-container
{
    position:relative;
    
}
.dingzhi-container .swiper-wrapper
{
    margin-bottom:10px;
}

.ding-page
{
    text-align:center;

}

.swiper-pagination
{
    bottom:-14px;
}
.ding-page .swiper-pagination-bullet ,.quality-page  .swiper-pagination-bullet,.zhenxuan-page  .swiper-pagination-bullet
{
    width:50px;
    height:18px;
    border-radius:12px;
    background:#c7bec1;
    opacity: 1;
}
.quality-page  .swiper-pagination-bullet
{
    background:#fff !important;
}


.ding-page .swiper-pagination-bullet-active,.quality-page .swiper-pagination-bullet-active ,.zhenxuan-page .swiper-pagination-bullet-active
{   
    background:#004126 !important;
    width:18px;
    border-radius:18px;

}

#style-box
{
    background:#000;
    
    padding:20px 0px;
}

.style-container .swiper-slide
{
    position:relative;
}

.style-container .swiper-slide .style-img{
    position:absolute;
    left:0px;
    top:0px;
    z-index:-1;
}

.slider-info-box
{
    background:rgba(255,255,255,0.8);
   
    width:92%;
    margin:5% auto;
    padding-top:10px;
    padding-bottom:10px;
}

.slide-title
{
    width:100%;
    display:block;
    text-align:center;
    font-weight:700;
    color:#333;
    font-size:30px;
    line-height:1;
}
.slide-text
{
    padding:8px;
    box-sizing: border-box;
    text-align:left;
    font-size:24px;
    line-height:1.6;
}
.slider-btn
{
    text-align:center;
}

.slider-btn a{
    display:inline-block;
    padding:5px 10px;
    box-sizing: border-box;
    border:1px solid #333;
    color:#333;
    font-size:16px;
    margin:0px 4px;
}
.slider-btn a.yy_btn
{
    color:#004126;
    border:1px solid #004126;
}

#style-slider
{
    position:relative;
    padding-bottom:15px;
}

.swiper-button-next:after, .swiper-button-prev:after
{
    display:none;
}

.swiper-button-next, .swiper-button-prev
{
    bottom:4px;
    top:auto;
    font-size:26px;
    width:26px;
    height:26px;
    display:block;
    color:#fff;
    line-height:26px;
}

.swiper-button-prev
{
    left:35%;
}
.swiper-button-next{
    right:35%;
}

.swiper-pagination-fraction
{
    width:15%;
    left:42.5%;
    display:block;
    color:#fff;
    bottom:0px;
    font-size:25px;
}

.swiper-pagination-fraction span{
    font-size:25px;
    color:#666;
    line-height:25px;
}

.swiper-pagination-fraction .swiper-pagination-current
{
    color:#004126;
}


#four-icon
{
    font-size:0px;
    padding:0px;
    
    margin-top:20px;
}

.one-icon-box
{
    width:49%;
    margin-right:2%;
    display:inline-block;
    text-align:center;
   
    box-sizing: border-box;
    
    margin-top:30px;
    position:relative;
    
    height:325px;
    box-sizing: border-box;

}

.one-icon-text
{
    border:1px solid #e6e6e6;
    width:100%;
    height:250px;
    display:block;
    position:absolute;
    left:0px;
    bottom:0px;
    z-index:1;
    box-sizing: border-box;
    padding-top:105px;

}

.one-icon-box:nth-child(2n)
{
    margin-right:0px;
}

.one-icon-box img
{
    z-index:9;
    position:relative;
}

.one-icon-box .icon-title
{
    font-size:34px;
    line-height:34px;
    display:block;
    color:#333;
}
.one-icon-box .icon-infos
{
    font-size:26px;
    line-height:26px;
    display:block;
    color:#666;
    margin:15px auto;
}


/* 设计师 */
#f-designer
{
    margin-top:20px;
    font-size:0px;
}
.f-one-designer
{
    width:49%;
    display:inline-block;
    margin-right:2%;
    margin-bottom:2%;
}
.f-one-designer:nth-child(2n)
{
    margin-right:0px;
}

.deg-bg-ling
{
    width:100%;
    height:9px;
    display:block;
    background:url(../images/deg-bg.png) left center repeat-x;
    margin-top:10px;
    margin-bottom:10px;
}

.bottom-deg
{
    background:#f5f5f5;
    display:block;
    width:100%;
    box-sizing: border-box;
    padding:10px 10px 40px 10px;

}

.deg-infos
{
    width:100%;
    display:block;
    font-size:24px;
    color:#333;
    
}
.deg-infos p
{
    font-size:inherit;
}

.deg-infos span{
    margin-left:25px;
    font-size:16px;
}

.deg-works
{
    width:100%;
    display:block;
    font-size:0px;
}

.deg-works p
{
    width:33.333%;
    display:inline-block;
    text-align:center;
    font-size:16px;
    color:#333;
}

.deg-works p span{
    width:100%;
    display:block;
    letter-spacing: 1px;

}

.deg-works p span.red-title
{
    color:#004126;
    font-size:21px;
    margin-bottom:5px;
}

.deg-works p span.green-title
{
    color:#807e7e;
    font-size:16px;
}

.talk-btn
{
    display:block;
    text-align:center;
}
.online-talk
{
    display:inline-block;
    background:#004126;
    height:48px;
    line-height:48px;
    font-size:18px;
    color:#fff !important;
    padding:0px 35px;
    box-sizing: border-box;
    border-radius:24px;
    
}
.online-talk img{
    display:block;
    float:left;
    margin-right:5px;
    margin-top:12px;
}


/* 品质 */

#quality-box
{
    background:#000;
    padding:25px 0px;
    box-sizing: border-box;
}

.quality-info-box
{
    width:100%;
    display:block;
    background:#004126;
    padding:5px 6px;
    box-sizing: border-box;
    color:#fff;
    height:150px;
}
.quality-info-box p{
    color:#fff;
}

.ql-en-title
{
    text-transform: uppercase;
    font-size:18px;
    line-height:1;
}
.ql-cn-title
{
    font-size:22px;
    line-height:1;
    margin:8px auto;
    text-align:left;
}

.ql-infos
{
    font-size:14px;
    line-height:1.4;
}
#quality-slider
{
    position:relative;
    
}
.quality-page
{
    bottom:0px;
    width:100%;
    text-align:center;
}

.quality-container .swiper-wrapper
{
    margin-bottom:10px;
}

.mft-img-title{
    display:block;
    text-align:center;
}

.zhenxuan-page
{
    bottom:0px !important;
    text-align:center;
    display:block;

}
.zhenxuan-container
{
    position:relative;
    
}
.zhenxuan-container .swiper-wrapper
{
    margin-bottom:10px;
}

/*7dayoushi*/

.box88-one-item
{
    width:140px;
    height:140px;
    display:inline-block;
    border-radius: 100%;
    
    margin-right:10px;
    margin-bottom:15px;
    background:url(../images/beijingq.png) center center no-repeat;
    background-size:100% 100%;
}
.box88-one-item:nth-child(4n)
{
    margin-right:0px;
}

.box88-one-item:nth-child(5)
{
    margin-left:75px;
}


.box8-b-title
{
    font-size:22px;
    color:#000;
    height:22px;
    line-height:22px;
    width:100%;
    display:block;
    text-align:center;
    margin-top:35px;
    margin-bottom:15px;
    letter-spacing: 1px;
}

.box8-s-title
{
    font-size:12px;
    color:#4c4c4c;    
    line-height:1.2;
    width:100%;
    display:block;
    box-sizing: border-box;
    padding:0px 5px;
    text-align:center;
    letter-spacing: 1px;
}

.five-info-box
{
    background:#004126;
    color:#fff;
    padding:10px;
    box-sizing: border-box;
}

.five-one-item
{
    color:#fff;
    margin-bottom:10px;
    font-size:18px;
}
.five-one-item span
{
    width:30px;
    height:30px;
    display:inline-block;
    background:url(../images/number-bg.png) center center no-repeat;
    background-size:100% auto;
    text-align:center;
    color:#004126;
    margin-right:5px;
    font-size:18px;
}




@media screen and (max-width:525px)
{
    p.slide-en
    {
        font-size:18px;
    }
    p.slide-cn,.slide-title
    {
        font-size:20px;
    }
    .slide-info
    {
        font-size:15px;
        height:68px;
    }
    .slide-text
    {
            font-size:15px;
    }
    .ding-page .swiper-pagination-bullet,.quality-page .swiper-pagination-bullet,.zhenxuan-page .swiper-pagination-bullet
    {
        width:26px;
        height:12px;
        border-radius:6px;
    }
    .ding-page .swiper-pagination-bullet-active,.quality-page .swiper-pagination-bullet-active,.zhenxuan-page .swiper-pagination-bullet-active
    {
        width:12px;
        height:12px;
        border-radius:12px;
    }
    .swiper-pagination-fraction,.swiper-pagination-fraction span
    {
        font-size:18px;
    }
    .swiper-button-next, .swiper-button-prev
    {
        bottom:2px;
    }
    #style-slider
    {
        padding-bottom:18px;
    }

    .box88-items
    {
        text-align:center;
    }

    .box88-one-item
    {
        margin-left:5px !important;
        margin-right:5px !important;

    }
    .five-one-item
    {
        height:30px;
        line-height:30px;
        font-size:15px;
    }

    .five-one-item span
    {
        font-size:15px;
        line-height:30px;
    }
    .quality-info-box
    {
        padding:3px 2px;
    }
    .ql-en-title
    {
        font-size:12px;
    }
    .ql-cn-title
    {
        font-size:18px;
    }
    .ql-infos
    {
        font-size:12px;
    }

    .deg-works p span.red-title
    {
        font-size:12px;
    }
    .deg-works p span.green-title
    {
        font-size:12px;
    }

    .bottom-deg
    {
        padding:5px;
    }
    .deg-bg-ling
    {
        margin-top:6px;
        margin-bottom:6px;
    }
    .deg-infos
    {
        font-size:20px;
    }
    .deg-infos span
    {
        font-size:12px;
    }
    .one-icon-box img
    {
        max-width:60%;
    }
    .one-icon-box .icon-title
    {
        font-size:24px;
    }
    .one-icon-box .icon-infos
    {
        font-size:16px;
        margin:10px auto;
    }

    .one-icon-box
    {
        height:225px;
    }

    .one-icon-text
    {
        height:170px;
        padding-top:70px;
    }
    
    p.slide-cn:after
    {
        width:20%;
        left:40%;
    }

    .mft-img-title
    {
        text-align:center;
    }
    .mft-img-title img{
        display:block;
        max-width:85%;
        margin:0 auto;
    }
}