.conten{
    background-image: url("../images/v5/bj1.png");
    height: 600px;
}
.adv{
    width: 1200px;
    height: 100%;
    margin: 0 auto;

}
.adv .title{

    width: 100%;

    font-size: 28px;
    color: #fcd789;
    line-height: 85px;
    text-align: center;
    float: left;
    margin-top: 20px;
}
.adv .title h3{
    width: 290px;
    height: 85px;
    border:2px solid #fcd789;
    margin:0 auto;
    margin-top: 50px;
    margin-bottom: 30px;
}
.adv .detail{
    float: left;
    margin-top: 25px;
}
.adv .detail li{
    width: 27%;
    height: 353px;
    position: relative;
    float: left;
    border: 1px solid #fcd789;
    margin: 0 3%;
}
.adv .detail li img{
    position: absolute;
    left: 7px;
    top: -33px;
}
.adv .detail li span{
    width: 60%;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
    color: #fcd789;
    border-bottom: 1px solid #fcd789;
    padding-bottom: 20px;
    text-align: center;
    display: block;
    margin: 0 auto;
    margin-top: 20px;
}
.adv .detail .dl{
    width: 87%;
    height: auto;
    margin: 0 auto;
    margin-top: 30px;
    text-align: left;
}
.adv .detail li p{
    width: 60%;
    font-size: 18px;
    color: #FFFFFF;
    margin: 0 auto;
    text-align: left;
}
.des-banner{
    width: 100%;
    height: 330px;
    background-image: url("../images/v5/bj2.png");
}
.des-banner .b-title{
    width: 100%;
    height: 80px;
    float: left;
}
.des-banner .b-title h4{
    width: 316px;
    height: 80px;
    text-align: center;
    line-height: 80px;
    font-size: 24px;
    color: #FFFFFF;
    border: 1px solid #FFFFFF;
    margin: 0 auto;
    margin-top: 60px;
    margin-bottom: 20px;

}
.des-banner .b-con{
    text-align: center;
    color: #FFFFFF;
    font-size: 22px;
    float: left;
    width: 100%;
    height: 120px;
    margin-top: 120px;

}
.design-team-content{
    width: 100%;
    height: 2120px;
    background: url("../images/v5/bj3.png");
}
.design-team-title{
    width: 100%;
    height: 50px;
    margin: 0 auto;
    float: left;
    margin-top: 30px;
}
.design-team-title h4{
    width: 220px;
    margin: 0 auto;
    height: 50px;
    line-height: 50px;
    font-size: 28px;
    text-align: center;
    color:#FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    margin-top: 30px;
    margin-bottom: 60px;
}
.design-team-list{
    width: 100%;
    float: left;
    margin-top: 70px;
}
.design-team-list ul.team-list-ul{
    width: 1200px;
    margin: 0 auto;

}
.design-team-list li.design-item{
    width: 796px;
    height: 430px;
    border:1px solid #f7c967;
    position: relative;
    margin: 0 auto;
    margin-bottom: 60px;
    margin-left: 350px;
}
.design-team-list li.design-item.item01 .box-bg,.design-team-list li.design-item.item03 .box-bg{
    position: absolute;
    right: 20px;
    z-index: 1;
    top:20px;
    width: 1040px;
    height: 389px;
    background: #bdbdbe;
}
.design-team-list li.design-item.item02 .box-bg,.design-team-list li.design-item.item04 .box-bg{
    position: absolute;
    right: -265px;
    z-index: 1;
    top:20px;
    width: 1040px;
    height: 389px;
    background: #bdbdbe;
}

.design-team-list li.design-item.item01 .box-img,.design-team-list li.design-item.item03 .box-img{
    width: 300px;
    height: 430px;
    position: absolute;
    left: -220px;
    bottom: 20px;
    z-index: 2;
}
.design-team-list li.design-item.item02 .box-img,.design-team-list li.design-item.item04 .box-img{
    width: 300px;
    height: 430px;
    position: absolute;
    right: -220px;
    bottom: 20px;
    z-index: 2;
}
.item01 .left, .item03 .left{
    width: 332px;
    height: 342px;
    float: left;
    margin-left: 400px;
    margin-top: 40px;
    text-align: left;
}
.item02,.item04{
    left: -265px;
}
.item02 .left,.item04 .left{
    width: 332px;
    height: 342px;
    float: left;
    margin-left: 40px;
    margin-top: 40px;
    text-align: left;
}
.item01 .left h2,.item03 .left h2{
    font-size: 26px;

    height: 40px;
    line-height: 40px;
}
.item02 h2,.item02 h4{
    font-size: 26px;

    height: 40px;
    line-height: 40px;
}
.item01 .left .info,.item03 .left .info{
    height: 28px;
    line-height: 28px;
    color: #2d2d2d;
    font-size: 18px;

}
.item02 .left .info,.item04 .left .info{
    height: 28px;
    line-height: 28px;
    color: #2d2d2d;
    font-size: 18px;

}
.left .designer-name{

    margin-right: 15px;

}
.left .design-title{
    background: #f7c967;
}
.left ul{
    width: 100%;
    height: auto;
    display: block;
}
.left li{
    width: 100%;
    height: 55px;
    margin: 15px 0;
    display: block;
    border-bottom: 1px solid #191919;
}
.left li .sub-title{
    font-size: 18px;
    padding-bottom: 10px;
}
.left .more{
    width: 140px;
    height: 35px;
    line-height: 35px;
    font-size: 20px;
    color: #333333;
    border: 1px solid #191919;
    margin-top: 80px;
    text-align: center;
}
.right{
    width: auto;
    height: 296px;
    float: right;
    font-weight: 800;
    font-size: 16px;
    margin: 30px 0;
    margin-left: 150px;
}
.item01 .right,.item03 .right{
    margin-right: 60px;
}
.item02 .right,.item04 .right{
    margin-left: 150px;
    float: left;
}

.right p{
    text-align: center;
    height: 321px;
    width: 28px;
    margin: 0 auto;
    color: #2d2d2d;
    float: right;
    font-size: 22px;
    line-height: 27px;
    font-weight: 600;
    word-wrap: break-word;
    border-left: 2px solid #4d4d4d;

}