/*别墅实景案例*/
.color_f6 .contentxs{max-width:1500px; margin:0 auto; overflow: hidden;}

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


.color_f6 .screen{width: 100%; height: 60px; line-height: 60px; background: #f0f0f0; margin-top: 45px; }
.color_f6 .screen .screen_list {float: left; margin-top: 15px; padding: 0 0 0 20px;}
.color_f6 .screen .screen_list a{display: inline-block; float: left; width: 50px; padding-left: 13px; border-radius: 2px;  font-size: 14px; color: #666; margin-right:10px; height: 28px; line-height: 28px;border:1px solid #e0e0e0; background: url(/template/default/cases/cases_6/images/index/al_jt.png) no-repeat 46px center #fff;}
.color_f6 .screen .screen_list a.active,.screen .screen_list a:hover{background: url(/template/default/cases/cases_6/images/index/al_jt_active.png) no-repeat 46px center #b60005; color: #fefefe;}
.color_f6 .screen .screen_list a:nth-child(2) {margin-right: 0;}
.color_f6 .screen .case_search {float: left; margin-top: 15px; padding-left: 20px;}
.color_f6 .screen .case_search input{height: 28px; background: #fff; text-indent: 10px; border:1px solid #e0e0e0;font-size: 14px; float: left; color: #999;}
.color_f6 .screen .case_search span.search_btn{display:inline-block;font-size: 14px; cursor: pointer; float: left; color: #fff;  border-radius: 2px; text-align: center; width: 45px;height: 30px;line-height: 30px;background: #b60005;}

.color_f6 .case_list{overflow: hidden; margin-top: 40px;}
.color_f6 .case_list ul li{width: 23.8%; float:left; margin-right:1.5%; margin-bottom: 1.5%;}
.color_f6 .case_list ul li .case_box{ width: 100%; height: 100%; display: block; position: relative;overflow: hidden;}
.color_f6 .case_list ul li .case_box a span img{ max-width: 208px; width: 100%;}
.color_f6 .case_list ul li .case_box a p{ font-size: 16px; color: #fff; }
.color_f6 .case_list ul li .case_box a{ position: absolute; width: 100%;height: 100%;top: 0;left: 0; right: 0; margin: 0 auto;text-align: center;background: url(/template/default/cases/cases_6/images/index/alpha5.png) repeat;opacity: 0;
    filter: alpha(opacity=0);-webkit-transition: all .5s;-moz-transition: all .5s;
    -ms-transition: all .5s;-o-transition: all .5s;transition: all .5s;-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2);visibility: hidden;}
.color_f6 .case_list ul li .case_box:hover a{-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);
    -o-transform: scale(1);transform: scale(1);opacity: 1;filter: alpha(opacity=100);visibility: visible;}
.color_f6 .case_list ul li .case_box a .case_center{position: absolute; left: 0; right: 0; top:0; bottom:0; margin: auto; width: 100%; height: 66px;}

.color_f6 .case_list ul li .items .case_box>img{width: 100%;height: 15vw;}
.color_f6 .case_list ul li .imgtext{height: 66px; border-radius: 3px; border-left: none; padding: 0 20px; margin-top: 12px; border:1px solid #cacaca; background: url(/template/default/cases/cases_6/images/index/rq_k.png) no-repeat -1px center;}
.color_f6 .case_list ul li .imgtext p{margin: 0;  font-size: 14px; color: #666;}
.color_f6 .case_list ul li .imgtext .popularity{float: left; width: 120px; height: 64px;line-height: 64px; font-size: 16px; color: #333; text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.color_f6 .case_list ul li .imgtext .case_cont{float: right;line-height: 22px;font-size: 14px; padding: 11px 0; color: #333; text-align: right;}
.color_f6 .case_list ul li .imgtext .case_cont a{font-size: 14px; color: #333; width:7vw;min-width: 75px;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
/*别墅实景案例*/

@media only screen and (max-width: 1200px) {
    .color_f6 .contentxs{padding: 0 10px;}
    .color_f6 .index_active .active_l .imgtext h4{font-size: 28px;padding: 4% 0 5%;}
    .color_f6 .index_active .active_l .imgtext div{margin-bottom: 3%;}
    .color_f6 .contentxs .boxone{padding: 60px 7px 0;}
    .color_f6 .Zero_list{width: 70%;}
    .color_f6 .banner-box{width: 25%;}
    .color_f6 .Registration-box{float: right; width: 100%; padding-bottom: 0;}
    .color_f6 .MainNav li a{padding: 0 22px;}
    /*别墅案例页*/
    .color_f6 .case_list ul li .imgtext .case_cont a{font-size: 12px;}
    .color_f6 .case_info .case_R .hotline .designer-photo img{width: 85%;}
    .color_f6 .case_info .case_R .hotline .designer-photo{right: -160px;margin: 170px 0;}
    .color_f6 .case_info .case_R .hotline .designer-introduce p,.case_info .case_R .hotline em{font-size: 14px;}
    .color_f6 .case_info .case_R .hotline .designer-name h2{font-size: 16px;}
    .color_f6 .case_info .case_R .hotline .designer-rq{margin-bottom: 15px;}
    .color_f6 .case_title ul li .imgtext .popularity{margin-right: 0; width: 85px;}
    .color_f6 .case_info ul li .imgtext .case_cont{margin: 0 15px;}
    /*别墅案例页*/

}