@font-face {
    font-family: "AgencyFB";
    src: url("/template/default/designer/designer_10/fonts/AgencyFB.ttf") format("opentype");
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: "苹方粗体";
    src: url("/template/default/designer/designer_10/fonts/PingFang Bold.ttf") format("opentype");
    font-weight: normal;
    font-style: normal;
}



@font-face {
    font-family: "苹方中等";
    src: url("/template/default/designer/designer_10/fonts/PingFang Medium.ttf") format("opentype");
    font-weight: normal;
    font-style: normal;
}


.contentxs{max-width:1500px; margin:0 auto; overflow: hidden;}
.color_f6{background: #f6f6f6;overflow: hidden; width: 100%;}
.graybg{overflow: hidden; margin-top: 60px;}
.graybg .choice{height: 44px; margin-bottom: 14px; border-top: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3;}
.graybg .choice li{float: left;}
.graybg .choice li a{width: 122px;height: 43px; line-height: 43px;text-align: center;display: inline-block; font-size: 14px; color: #666;}
.graybg  .choice li a.seleced,.graybg  .choice li a:hover{color: #b60005;}

/*别墅设计团队*/
.designer_list{overflow: hidden; width: 100%;}
.designer_list dl{clear: both;overflow: hidden;margin-bottom: 40px;}
.designer_list dl:last-child{margin-bottom: 0;}
.designer_list .designer_L{max-width: 395px;width: 100%;float: left;}
.designer_list .designer_L .img-box{width: 410px; position: relative; border: 2px solid #484848;height: 244px;}
.designer_L .img-box .img{max-width: 178px; width: 100%;float: left; position: relative; left: 10px; top:-12px;}
.designer_L .img-box .img img{width: 100%;}
.designer_L .img-box .img-txt{ max-width: 160px; width: 100%; min-height: 180px; background: url(/template/default/designer/designer_10/images/designer_index/icon_e.png) no-repeat 20px 10px; padding: 32px 30px; float: right; border-left:none;}
.designer_L .img-box .img-txt .popularity span.redtext{font-size: 14px; float: right;color: #333; font-family: "苹方中等";}
.designer_L .img-box .img-txt .popularity span.redtext b{font-size: 20px; font-weight: normal; font-family: "AgencyFB"; color: #333;}
.designer_L .img-box .img-txt .popularity span.cn{font-size: 16px; color: #333; float: left; font-family: "苹方粗体"; display: inline-block;}
.designer_L .img-box .img-txt .sjln{font-size: 14px; clear: both; color: #333; font-family: "苹方中等"; line-height: 22px; padding: 10px 0 15px;}
.designer_L .img-box .img-txt .sjln p.p{margin: 0; padding: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.designer_L .img-box .img-txt .sjln div{padding-top: 15px;}
.designer_L .img-box .img-txt .sjln div b{font-size: 18px; color: #333; font-family: "AgencyFB"; font-weight: normal; }
.designer_L .img-box .img-txt a.more{width: 75px; height: 25px; font-size: 14px; font-family: "苹方粗体"; line-height: 25px; text-align: center; background: #333; display: block; color: #fff;border-radius: 3px; margin-top: 5px;}
.designer_L .img-box .img-txt a.more:hover{background: #b60005;}
.designer_list .designer_R{width: 65%; float: right;}
.designer_R .boxtit{overflow: hidden; border-bottom: 1px solid #d6d6d6; padding-bottom: 18px;}
.designer_R .boxtit ul li.tittext{padding-left:0;}

.designer_R  ul.ul li  a{display: block;}
.designer_R  ul.ul li .items{width: 100%; height: 100%; background: #e7e7e7;margin-left: 20px;}
.designer_R  ul.ul li img{position: relative; right:20px; top:20px; transition: all 0.6s;max-width: 100%;}
.designer_R  ul.ul li:hover img{-webkit-transform: scale(1.02);transform: scale(1.02);}
.designer_R  ul.ul li:hover .cornerCC{-webkit-transform: scale(1.02);transform: scale(1.02);}
.designer_R  ul.ul li .cornerCC{position: absolute; width: 103.5%;bottom: -20px; left:0; right: 0;
    -webkit-transition: all .6s;transition: all .6s; background: url(/template/default/designer/designer_10/images/designer_index/img_bg.png) repeat-x bottom center; height: 100%;
}

.designer_R  ul.ul li .cornerCC .corner_bottom{bottom:-15px;width: 86%; height: 53px;position: absolute; padding: 0 20px;}
.designer_R  ul.ul li .cornerCC .h4{float: left; font-size: 14px; color: #fff;font-family: "苹方中等";}
.designer_R  ul.ul li .cornerCC .designer_text{float: right}
.designer_R  ul.ul li .cornerCC p{margin: 0; font-size: 14px; color: #fff;font-family: "苹方中等";}
/*别墅设计团队*/
/*设计师页*/
.designer_list dl{margin-bottom:0;}
.designer_list .designer_L .img-box{width: 390px;}
.designer_list .designer_L .img-box .img-txt{padding: 32px 20px;}
.designer_list .designer_R ul.ul li{width: 28.333%;}
.designer_R  ul.ul li{width: 29.333%;float: left; position: relative; }
.designer_R  ul.ul li:nth-of-type(2){margin:0 50px;}
.designer_info .designer_box .designer-honour{width: 34%;}
.designer_box .designer-honour span{padding-left: 16px;}
/*设计师页*/
@media only screen and (max-width: 1600px) {
    .contentxs .boxtit{margin: 0 auto 40px;}
    /*.case_info .case_L .case_brief{overflow: scroll;}*/
    .footer-active .w1500{max-width: 1400px;}

}
@media only screen and (max-width: 1450px) {
    .designer_info .designer_box .w50{max-width: 60.233%;}
}
@media only screen and (max-width: 1420px) {
    .designer_box .designer-text{width: 445px;}
}
@media only screen and (max-width: 1350px) {
    .designer_box .designer-text{width: 400px;}
    .designer_box .designer-honour{padding: 32px 25px 0;}
    .designer_info .designer_box .w50{max-width: 58.5%;}
}

@media only screen and (max-width: 1280px) {
    .designer_box .designer-text{width: 380px;}
    .designer_box .designer-honour{padding: 32px 15px 0;}
}
@media only screen and (max-width: 1220px) {
    .index_active .active_l .imgtext h4{font-size: 28px;padding: 4% 0 5%;}
    .index_active .active_l .imgtext div{margin-bottom: 3%;}
    .index_dynamics .dynamics_r{overflow-y: scroll;}
    .index_dynamics .dynamics_r ul{padding: 20px 28px;}
    .index_dynamics .dynamics_r ul li a{width: 380px;}
    /*首页设计师*/
    .shejishi-online .tj_tit{background-size: 80%; height: 180px;}
    .shejishi-online .index_team{background-size: 3.1%;}
    .shejishi-online .tj_tit .tj_text{top: 60px;right: 8px;}
    .shejishi-online .tj_tit .tj_text span{font-size: 35px;}
    .shejishi-online .index_team .tj_logo{margin-bottom: 15px;}
    /*首页设计师*/
    /*首页目前预约人数*/
    .banner-box{margin-top:0;}
    .banner-box .Registration_top .border_line{height: 65px;}
    .banner-box .Registration_top .border_line p{top:10px;}
    .banner-box .Registration_top .border_line p span.span1 em{font-size: 38px;padding-top: 15px;}
    /*首页目前预约人数*/
    /*设计师页*/
    .designer_list dl{margin-bottom:0;}
    .designer_list .designer_L .img-box{width: 390px;}
    .designer_list .designer_L .img-box .img-txt{padding: 32px 20px;}
    .designer_list .designer_R ul.ul li{width: 28.333%;}
    .designer_info .designer_box .designer-honour{width: 34%;}
    .designer_box .designer-honour span{padding-left: 16px;}
    /*设计师页*/
    .case_info .case_L{width: 46%;}
    .case_info .case_R{width: 39%;}
    /*首页别墅装修案例*/
    .imgbox1 ul li.imgListbox .imgbox-txt p.p1{padding: 11% 0 7%;}
    /*首页别墅装修案例*/
    .designer_box .designer-text{width: 410px;}
    .designer_info .designer_box .w50{max-width: 62.8%;}
}

@media only screen and (max-width: 1200px) {
    .contentxs{padding: 0 10px;}
    .index_active .active_l .imgtext h4{font-size: 28px;padding: 4% 0 5%;}
    .index_active .active_l .imgtext div{margin-bottom: 3%;}
    .contentxs .boxone{padding: 60px 7px 0;}
    .Zero_list{width: 70%;}
    .banner-box{width: 25%;}
    .Registration-box{float: right; width: 100%; padding-bottom: 0;}
    .MainNav li a{padding: 0 22px;}

    /*设计师页*/
    .designer_list .designer_L{max-width: 330px;}
    .designer_list .designer_L .img-box{height: 197px; width: inherit;}
    .designer_list .designer_L .img-box .img{max-width: 148px;}
    .designer_list .designer_L .img-box .img-txt{max-width: 132px; padding: 10px 20px;}
    .designer_list .designer_L .img-box .img-txt .sjln{padding: 10px 0;}
    .designer_list .designer_L .img-box .img-txt .sjln div{padding-top: 10px;}
    .designer_list .designer_R ul.ul li{width: 27.833%;}

    .designer_info .designer_box .w50{min-height: 395px; margin-bottom: 40px;}
    .designer_info .designer_box .designer-picture{/*max-width: 273px;min-height: 100%;*/}
    .designer_info .designer_box .designer-text .hotline .designer-name h2{padding: 20px 0 10px;}
    .designer_info .designer_box .designer-text .hotline{padding: 10px 20px 15px;}
    .designer_info .designer_box .designer-honour{width: 95.5%;padding-left: 25px;padding-top: 25px; padding-bottom: 20px; height: inherit;}
    .designer_box p.hide{overflow-y:inherit; height: inherit;}
    .designer_info .designer_box .designer-honour .designer-name{padding-bottom: 10px;}
    .designer_info .designer-read .designer-name{padding: 32px 20px;}
    .designer_info .designer-read .hidden{padding: 50px 10px 0;}
    /*设计师页*/
    .designer_box .designer-text{width: 480px;}
    .designer_info .designer_box .w50{max-width: 100%;}
}



.boxtit ul li.tittext .Englishtext{letter-spacing: 0.1rem;font-weight: normal;font-family: "AgencyFB";font-size: 16px;color: #999;font-style: normal;}
.boxtit .more{float: right;}
.boxtit .more a{display: inline-block; font-size: 14px; color: #fff; font-family: "苹方粗体"; padding: 0 13px; height: 30px;line-height: 30px; text-align: center; background: #b60005;border-radius: 2px;}
.contentxs{max-width:1500px; margin:0 auto; overflow: hidden;}
.contentxs .boxtit{padding-top: 60px; width: 100%; margin-bottom: 40px; overflow: hidden;}
.contentxs .boxtit ul{float: left;}
.contentxs .boxtit ul li{float: left;}
.boxtit i.home{background:url(/template/default/designer/designer_10/images/designer_index/home.jpg) no-repeat;width: 4px; height: 40px;display: block;vertical-align: middle;}
.boxtit ul li.tittext{padding-left: 14px;display: inline-block;line-height: 1.5em;}
.boxtit ul li.tittext .font14{font-size: 18px; font-family: "苹方粗体"; color: #333;display: inline-block;padding-top: 3px;}
.boxtit ul li.tittext .Englishtext{letter-spacing: 0.1rem; font-weight: normal; font-family: "AgencyFB"; font-size: 16px; color: #999;font-style: normal;}