@charset "utf-8";
/* CSS Document */

/************************************************************************************
米嘉活动页
*************************************************************************************/
.act_banner{ width:100%; height:100%;}
/*米嘉活动页 装修案例*/
.act-anli{ width:100%; height:auto; background:#ffffff; margin-bottom:0.625rem; float:left;}
.act-anli-01,.act-anli-03{ float:left; width:92.3%; padding:0px 1.1%; margin:0 auto; border:1px solid #bcbcbc; height:20.875rem; margin-top:1.125rem; margin-left:2.75%; margin-bottom:9rem;}
.act-anli-01-info,.act-anli-03-info{ float:left; width:99.8%; height:28.125rem; overflow:hidden; border:1px solid #bcbcbc; margin-top:-0.5625rem; text-align:center; padding-top:0.45rem;}
.act-anli-01-img,.act-anli-03-img{  margin:0 auto; width:31.0625rem; height:19.25rem; overflow:hidden;}
.act-anli-01-img img,.act-anli-03-img img{transition: all 0.7s ease 0s; width:31.0625rem; height:19.25rem; }
.act-anli-01-img:hover img,.act-anli-03-img:hover img{transform: scale(1.03);}
.act-anli-01-text,.act-anli-03-text{ width:92%; margin:0 auto; margin-top:2.475rem; position:relative;}
.act-anli-01-text .act-anli-t,.act-anli-03-text .act-anli-t{ width:79%; float:left; text-align:left; height:1.6875rem; overflow:hidden; line-height:1.6875rem; font-size:1.125rem; margin-bottom:0.5rem;}
.act-anli-01-text .act-anli-info,.act-anli-03-text .act-anli-info{ width:79%; height:3.375rem; overflow:hidden; float:left; text-align:left; font-size:0.875rem; color:#999; line-height:1rem;}
.act-anli-01-text .act-anli-num,.act-anli-03-text .act-anli-num{ position:absolute; right:0px; top:0.5625rem; width:5.0625rem; height:auto;}

.act-anli-02{ float:left; width:92.3%; padding:0px 1.1%; margin:0 auto; border:1px solid #bcbcbc; height:17.25rem; margin-top:2.25rem; margin-left:2.75%;margin-bottom:3.375rem; position:relative;}
.act-anli-02-info{ float:left; width:100%;}
.act-anli-02-img{ float:left; width:50%; height:21.8125rem; overflow:hidden; margin-top:-2.25rem;}
.act-anli-02-img img{transition: all 0.7s ease 0s; width:100%; height:21.8125rem; }
.act-anli-02-img:hover img{transform: scale(1.03);}
.act-anli-02-text{ float:right; width:46%; padding-right:2%; position:relative;}
.act-anli-02-text .act-anli-t{ width:100%; float:left; text-align:left; height:3.375rem; line-height:1.6875rem; overflow:hidden; padding-top:6.1875rem; font-size:1.125rem;}
.act-anli-02-text .act-anli-info{ width:100%; height:5.625rem; overflow:hidden; float:left; text-align:left; font-size:0.875rem; color:#999; line-height:1rem; padding-top:0.9rem;}
.act-anli-02-text .act-anli-num{ position:absolute; right:1rem; top:1.125rem; width:5.0625rem; height:auto;}
.act-anli-02 .act-anli-feiji{ position:absolute; top:-5.85rem; right:2.5rem; width:6.1875rem; height:auto;}

.act-anli-03-info{ height:29.25rem;}
.act-anli-03-text .act-anli-t{ width:82%; float:left; text-align:left; height:1.6875rem; overflow:hidden; font-size:1.125rem;}
.act-anli-03-text .act-anli-info{ width:82%; height:4.5rem; overflow:hidden; float:left; text-align:left; font-size:0.875rem; color:#999;}

.act-anli-02-yzs{ float:left; width:92.3%; padding:0px 3.85%; margin:0 auto; margin-top:1.125rem; margin-bottom:0.5625rem;}
.act-anli-02-yzs .act-anli-02-ysz-text{ float:left; width:55%; padding-left:3.2%; background:url(../images/act-anli-02-ysz-text-bg.png) no-repeat right bottom; height:auto; min-height:22.5rem; background-size:4.5rem 12.375rem;}
.act-anli-yzs-t{ width:88%; float:left; color:#f96f1c; font-size:2.6875rem; font-family:"方正大标宋简体"; padding-left:4%;}
.act-anli-yzs-t span{ border:1px solid #f96f1c; width:4.5rem; height:4.5rem; border-radius:100%; display:inline-block; font-size:2.6875rem; line-height:4.5rem; color:#333333; text-align:center;}
.act-anli-yzs-yz{ width:88%; float:left; height:2.5rem; background:url(../images/act-anli-yzs-yz-bg.png) no-repeat left bottom; text-indent:1rem; line-height:1.65rem; margin-top:1rem; font-size:1.345rem; color:#333333;}
.act-anli-yzs-info{ width:81%; float:left; color:#333; font-size:0.875rem; margin-top:1.5rem; letter-spacing:0.05rem; line-height:1.2rem;}
.act-anli-02-ysz-img{ width:36.17%; float:right; height:18.875rem; background:#febf8c;}
.act-anli-02-ysz-img p,.act-anli-03-ysz-img p{ width:100%; height:100%; margin-left:-0.625rem; margin-top:0.625rem; overflow:hidden;}

.act-anli-03-yzs{ float:left; width:92.3%; padding:0px 3.85%; margin:0 auto; margin-top:0.625rem; margin-bottom:2.25rem; background:url(../images/act-anli-03-yzs-bg.png) no-repeat 1.5rem top; padding-top:2.25rem; background-size:2.8125rem 8.4375rem;}
.act-anli-03-ysz-img{ width:36.17%; float:left; height:18.875rem;  background:#febf8c; margin-left:10.5%;}
.act-anli-03-yzs .act-anli-03-ysz-text{ float:right; width:48%; padding-right:1%; height:auto; min-height:20rem;}
.act-anli-03-yzs .act-anli-03-ysz-text .act-anli-yzs-t{ color:#f9941c;} 
.act-anli-03-yzs .act-anli-03-ysz-text .act-anli-yzs-t span{border:1px solid #f9941c;}
.act-anli-03-yzs .act-anli-03-ysz-text .act-anli-yzs-yz{ width:100%;}
.act-anli-03-yzs .act-anli-03-ysz-text .act-anli-yzs-info{ width:100%;}


/*米嘉活动页 米嘉设计团队*/
.act-sjtd{ width:100%; height:auto; background:#ffffff; margin-bottom:0.625rem; float:left;}
.act-sjtd-list{ width:92.3%; padding:0px 3.85%; height:auto; float:left; padding-bottom:1rem;}
.act-sjtd-list ul{ width:94%; padding-left:6%; background:url(../images/act-sjtd-ul-bg.png) no-repeat left 1rem; height:auto; float:left;  background-size:1.125rem 28.125rem;}
.act-sjtd-list ul li{ width:72.5%; float:left; margin-top:-1.7rem;}
.act-sjtd-list ul li:nth-of-type(1){ margin-top:0px;}
.act-sjs-img{ float:left; width:30.5%; text-align:center;}
.act-sjs-img p:nth-of-type(1){ width:6.375rem; height:6.375rem; padding:0.35rem; border:1px solid #c5b099; border-radius:100%; overflow:hidden;}
.act-sjs-img p:nth-of-type(1) img{ width:6.375rem; height:6.375rem; border-radius:100%;}
.act-sjs-img p:nth-of-type(2){ margin-top:0.5625rem; margin-bottom:0.5625rem; font-size:1.125rem;}
.act-sjs-img p:nth-of-type(2) a{ font-weight:400;}
.act-sjs-img p:nth-of-type(3) .btnshejishi{ width:5.3125rem; height:1.875rem; text-align:center; line-height:1.875rem; background:#faa949; border-radius:0.9375rem; color:#fff; font-size:1rem;}

.act-sjs-text{ float:left; width:67%; padding-left:2%; padding-top:1rem;}
.act-sjs-text p{ width:100%; text-align:left; line-height:1.25rem; font-size:0.875rem; color:#666666;}
.act-sjs-text p:nth-of-type(3){ margin-top:0.875rem; color:#333333; font-weight:bold; text-align:left;}

.act-sjtd-list ul li.act-sjs-02{ float:right;}
.act-sjs-02 .act-sjs-img{ float:right;}
.act-sjs-02 .act-sjs-text{ float:right;}
.act-sjs-02 .act-sjs-text p{ text-align:center;}
.act-sjs-02 .act-sjs-text p:nth-of-type(3){ text-align:left;}

/*米嘉活动页 装修施工团队*/
.act-zxsgtd{ width:100%; height:auto; background:#ffffff; margin-bottom:0.625rem; float:left; padding-top:0.5rem;}
.act-zxsgtd-list{ width:84%; padding:0px 8%; height:auto; float:left; padding-bottom:1rem;}
.act-zxsgtd-list ul{ width:100%; height:auto; float:left;}
.act-zxsgtd-list ul li{ width:21.5%; float:left; text-align:center; overflow:hidden;}

.act-gz-img{ float:left; width:6.375rem; height:6.375rem; text-align:center; padding:0.375rem; border:1px solid #d2c2b0;border-radius:100%; overflow:hidden;}
.act-gz-img p:nth-of-type(1){ width:6.375rem; height:6.375rem; border-radius:100%; overflow:hidden;}
.act-gz-img p:nth-of-type(1) img{ width:6.375rem; height:6.375rem; border-radius:100%;}

.act-gz-text{ float:left; width:100%;  padding-top:0.625rem; text-align:center;}
.act-gz-text p{ width:100%; text-align:center; line-height:1.5rem; font-size:0.875rem; color:#666666;}
.act-gz-text p a{ font-size:1.125rem;}
.act-gz-text p:nth-of-type(3) .btngongzhang{ width:5.3125rem; height:1.875rem; text-align:center; line-height:1.875rem; background:#faa949; border-radius:0.9375rem; color:#fff; font-size:1rem; margin-top:1rem;}
.act-zxsgtd-list ul li:nth-of-type(3) { margin-top:3.25rem;}

.act-zxsgtd-list ul li:nth-of-type(2), .act-zxsgtd ul li:nth-of-type(4){
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-bottom: 1px dashed #d2c2b0;
    height: 2px;
    margin-top: 5rem;
    padding: 0;
    width: 20%; margin-left:-0.5rem; margin-right:-0.5rem;
}
.act-zxsgtd-list ul li:nth-of-type(2) {
    transform: rotate(30deg);
}
.act-zxsgtd-list ul li:nth-of-type(4) {
    transform: rotate(-30deg);
}

/*米嘉活动页 米嘉装饰五大免费*/
.act-free{ width:100%; height:auto; background:#ffffff; margin-bottom:0.625rem; float:left; padding-top:0.5rem;}
.act-free-list{ width:84%; padding:0px 8%; height:auto; float:left; padding-bottom:1rem;}
.act-free-list ul{ width:100%; height:auto; float:left; text-align:center;}
.act-free-list ul li{ width:32%; text-align:left; overflow:hidden; display:inline-block; margin-bottom:2.5rem;}
.act-free-img{ width:100%; float:left; text-align:center;}
.act-free-img p{width:4.75rem; height:4.75rem; padding-left:0.5rem;}
.act-free-list ul li:nth-of-type(2) .act-free-img p,.act-free-list ul li:nth-of-type(3) .act-free-img p{ padding-left:2rem;}
.act-free-text{ width:100%; float:left; text-align:left;}
.act-free-text p:nth-of-type(1) {
    float: left;
    font-size: 2.125rem;
    height: 2rem;
    position: relative;
    text-align: right;
    width: 25%; padding-top:2rem;
}
.act-free-text p:nth-of-type(1) span {
    background: #ffffff none repeat scroll 0 0;
    border-top: 1px solid #3a3e43;
    bottom: 0.625rem;
    height: 0.625rem;
    position: absolute;
    right: -0.5rem;
    transform: rotate(-65deg);
    width: 1.5rem;
}
.act-free-text p:nth-of-type(2) {
    color: #333333;
    float: left;
    font-size: 1.125rem;
    padding: 0.5rem 0 0 0.5rem;
    text-align: center;
    width: 44.5%; line-height:1.5rem;
}
.act-free-list ul li:nth-of-type(1) .act-free-text p:nth-of-type(1){ color:#ffa122;}
.act-free-list ul li:nth-of-type(2) .act-free-text p:nth-of-type(1){ color:#f28b8b;}
.act-free-list ul li:nth-of-type(2) .act-free-text p:nth-of-type(2),.act-free-list ul li:nth-of-type(3)  .act-free-text p:nth-of-type(2){ width:55.5%;}
.act-free-list ul li:nth-of-type(3) .act-free-text p:nth-of-type(1){ color:#fe5c00;}
.act-free-list ul li:nth-of-type(4) .act-free-text p:nth-of-type(1){ color:#2ec374;}
.act-free-list ul li:nth-of-type(5) .act-free-text p:nth-of-type(1){ color:#fe8f36;}

/*米嘉活动页 免费预约设计*/
.act-mfyy{ width:100%; height:auto; background:#ffffff; margin-bottom:0.625rem; float:left; padding-top:0.5rem;}
.act-mfyy-info{ width:77%; padding:0px 0px 0px 11.5%; height:auto; float:left; padding-bottom:1rem;}

.act-mfyy-info p{
    width: 100%;
    height: 3.75rem;
    margin-bottom: 0.9rem;
    text-align: left; position:relative;
}
.act-mfyy-info p  input{
    height: 3.5rem;
    padding-left: 2%;
    border: 1px solid #afafaf;
    border-radius: 0.5rem;
	font-size:1.375rem; color:#666; display:inline-block;
}
.act-mfyy-info p  input.ch{  width: 97.5%;}
.act-mfyy-info p input.mj{  width:65.8%;}

.act-mfyy-info .span_ys,.act-mfyy-info  .span_mj {
    color: #777777;
    font-size: 20px;
    line-height: 80px;
    position: absolute;
    right: 20px; background:none;
}
.act-mfyy-info p select{
    border: 1px solid #afafaf;
    border-radius: 0.5rem;
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    padding-right: 4.8%;
    width:28%;
	height: 3.8rem;
	display:inline-block;
	margin-right:0.625rem;
	font-size:1.375rem; color:#666;
	padding-left:0.625rem;
    background: url("../images/arrow.png") no-repeat scroll right center transparent;
	background-size:1.75rem 1.0625rem;
}
.act-mfyy-info p select option{background-color: #fff; line-height:30px;}
.act-mfyy-info p  select::-ms-expand { display: none; }
::-webkit-input-placeholder { color: #666; } 
:-ms-input-placeholder { color: #666;} 
::-moz-placeholder { color: #000;} 
:-moz-placeholder { color: #666; }

.act-mfyy-info p .mfyy{
    background:#f96f1c;
    width: 100%;
    height: 3.75rem;
    color: #FFFFFF;
    font-size: 1.375rem; 
    text-align: center;
    line-height: 3.75rem;
    position: static;
    border-radius: 0.5rem; border:0px;
}
.act-mfyy-info p .mfyy:hover{
   background:#000000; cursor:pointer;
}


/*米嘉活动页 装修效果图*/
.act-xgt{ width:100%; height:auto; background:#ffffff; margin-bottom:0.625rem; float:left; padding-top:0.5rem; padding-bottom:6rem;}
.act-xgt-list{ width:100%; height:auto; float:left; border-top:1px solid #eaeaea; padding-top:1rem; padding-bottom:1rem;}
.act-xgt-list ul{ width:100%; height:auto; float:left; position:relative; height:30rem; }
.act-xgt-list ul li{ position:absolute; width:22%; height:auto;}
.act-xgt-list ul li .act-xgt-img{ width:8.675rem; height:8.675rem; float:left; border:0.2rem solid #febf8c; border-radius:100%;} 
.act-xgt-list ul li .act-xgt-img p{ width:8.675rem; height:8.675rem; border-radius:100%; text-align:center; overflow:hidden;}
.act-xgt-list ul li .act-xgt-img p img{ height:8.675rem; width:auto; border-radius:100%;transition: all 0.7s ease 0s;}


.act-xgt-list ul li .act-xgt-text{ width:8.1875rem; height:1.6875rem; line-height:1.6875rem; background:url(../images/act-xgt-text-bg.png) no-repeat; text-align:center; float:left; margin-top:-1rem; font-size:0.75rem; color:#fff; background-size:8.1875rem 1.6875rem; z-index:10;}
.act-xgt-list ul li .act-xgt-text p{ width:6.2rem; overflow:hidden;}
.act-xgt-list ul li .act-xgt-text a{ color:#fff;}

.act-xgt-list ul li:nth-of-type(1){ top:1.2rem; left:1.125rem;}
.act-xgt-list ul li:nth-of-type(2){ top:13.5rem; left:3.8125rem;}
.act-xgt-list ul li:nth-of-type(3){ top:19.9375rem; left:14.8125rem;}
.act-xgt-list ul li:nth-of-type(4){ top:0px; left:13.4375rem; width:63%; height:auto;}

.act-xgt-list ul li:nth-of-type(4) .act-xgt-img{ width:17.625rem; height:17.625rem; float:left; background:#febf8c; border-radius:100%;} 
.act-xgt-list ul li:nth-of-type(4) .act-xgt-img p{ width:17.625rem; height:17.625rem; border-radius:100%; text-align:center; margin-left:-0.3rem;}
.act-xgt-list ul li:nth-of-type(4) .act-xgt-img p img{ height:17.625rem; width:auto; border-radius:100%;}
.act-xgt-list ul li:nth-of-type(4) .act-xgt-text{ /*width:10rem;*/ width:38.5%; height:3rem; line-height:1.5rem; border:1px solid #fe801a; text-align:center; float:right; margin-top:-2rem; background:none; position:relative; }

.act-xgt-list ul li:nth-of-type(4) .act-xgt-text p:nth-of-type(1){ width:100%; height:1.2rem; overflow:hidden; color:#333333; font-size:1.125rem; padding-top:0.3rem; line-height:1.2rem;}
.act-xgt-list ul li:nth-of-type(4) .act-xgt-text a{ color:#333333;}
.act-xgt-list ul li:nth-of-type(4) .act-xgt-text p:nth-of-type(2){  width:100%; height:1.5rem; overflow:hidden; color:#999999; font-size:0.75rem;}
.act-xgt-list ul li:nth-of-type(4) span{ position:absolute; top:3rem; left:1rem; width:1.6875rem; height:1.6875rem; background:#fff; /*border-top:1px solid #fff;*/}