body{background:#F5F7FA;}
/*头部*/
.m_chart{width:100%;height:470px;overflow:hidden;position:relative}
.m_chart_bgimg{width:100%;height:100%;}
.m_chart_neir{width:1200px;height:470px;position:absolute;top:0;left:50%;margin-left:-600px;}
.m_chart_neir_l{width:580px;height:270px;float:left;margin-top:84px;position:relative;
    animation:change 1s;
    -webkit-animation:change 1s;
    -moz-animation:change 1s;
}

@keyframes change {
    0% {
        left:-80px;
        opacity:0;

    }
    100% {
        left:0;
        opacity:1;
    }
}

-webkit-@keyframes change {
            0% {
                left:-80px;
                opacity:0;
            }
            100% {
                left:0;
                opacity:1;
            }
        }

-moz-@keyframes change {
         0% {
             left:-80px;
         }
         100% {
             left:0;
         }
     }

.m_chart_neir_l em{font-size:24px;color:#FFF;}
.m_chart_neir_l p{font-size:16px;color:#FFF;text-indent:30px;margin-top:20px;line-height:25px;}
.m_chart_neir_r{width:600px;height:470px;float:right;position:relative;}
.m_chart_neir_r ul li{border:5px solid #FFF;border-radius:5px;overflow:hidden;}
.m_chart_neir_r ul li .m_chart_neir_r_img{width:100%;height:100%;    transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;}

.m_chart_neir_r ul li:hover .m_chart_neir_r_img{   transform: scale(1.1);  -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);  }
.m_chart_neir_r ul li:nth-child(1){width:200px;height:200px;position:absolute;top:42px;left:75px;
    transform:rotate(-12deg);
    -ms-transform:rotate(-12deg);
    -moz-transform:rotate(-12deg);
    -webkit-transform:rotate(-12deg);
    -o-transform:rotate(-12deg);


    animation:change1 1s;
    -webkit-animation:change1 1s;
    -moz-animation:change1 1s;
}



@keyframes change1 {
    0% {
        top:-42px;
        left:10px;
        opacity:0;

    }
    100% {
        top:42px;
        left:75px;
        opacity:1;
    }
}

-webkit-@keyframes change1 {
            0% {
                top:-42px;
                left:10px;
                opacity:0;

            }
            100% {
                top:42px;
                left:75px;
                opacity:1;
            }
        }

-moz-@keyframes change1 {
         0% {
             top:-42px;
             left:10px;
             opacity:0;

         }
         100% {
             top:42px;
             left:75px;
             opacity:1;
         }
     }




.m_chart_neir_r ul li:nth-child(2){width:200px;height:200px;position:absolute;top:96px;right:65px;
    animation:change2 1s;
    -webkit-animation:change2 1s;
    -moz-animation:change2 1s;
}
@keyframes change2 {
    0% {
        right:-20px;
        opacity:0;

    }
    100% {
        right:65px;
        opacity:1;
    }
}

-webkit-@keyframes change2 {
            0% {
                right:-20px;
                opacity:0;

            }
            100% {
                right:65px;
                opacity:1;
            }
        }

-moz-@keyframes change2 {
         0% {
             right:-20px;
             opacity:0;

         }
         100% {
             right:65px;
             opacity:1;
         }
     }

.m_chart_neir_r ul li:nth-child(3){width:160px;height:150px;position:absolute;bottom:37px;left:141px;
    animation:change3 1s;
    -webkit-animation:change3 1s;
    -moz-animation:change3 1s;
}
@keyframes change3 {
    0% {
        bottom:-37px;
        opacity:0;

    }
    100% {
        bottom:37px;
        opacity:1;
    }
}

-webkit-@keyframes change3 {
            0% {
                bottom:-37px;
                opacity:0;

            }
            100% {
                bottom:37px;
                opacity:1;
            }
        }

-moz-@keyframes change3 {
         0% {
             bottom:-37px;
             opacity:0;

         }
         100% {
             bottom:37px;
             opacity:1;
         }
     }

.m_chart_neir_r_bf{width:50px;height:50px;position:absolute;top:78px;left:82px;}
/*区域*/
#m_li{border:2px solid #FF5849;}
.m_region_box{width:1300px;margin:auto;position:relative;overflow:hidden;height:107px;margin-top:50px;}
.m_region{width:1210px;overflow:hidden;margin:auto;}
.m_region li{border:2px solid #FFF;width:155px;height:103px;border-radius:4px;float:left;margin-right:10px;position:relative;}
.m_region li:hover{border:2px solid #FF5849;}
.m_region li a span{position:absolute;top:38px;left:55px;font-size:22px;color:#FFF;}
.m_region li img{width:100%;height:100%;}

/*楼盘列表*/
.m_lp_list{width:1200px;margin:auto;margin-top:25px;}
.m_lp_list li{width:1200px;height:262px;background:#FFF;margin-bottom:20px;box-shadow:0px 0px 18px 0px #d4d4d4;}
.m_lp_list_img{width:330px;height:235px;float:left;margin:14px 0px 0px 16px;position:relative;}
.m_lp_list_img img{width:100%;height:100%;}
.m_lp_list_img img:hover{ opacity: 0.8;}
.m_lp_list_img i{position:absolute;top:5px;right:5px;padding:4px 12px;font-size:12px;color:#FAFAFA;background:rgba(58, 56, 56, 0.72);border-radius:10px;}
.m_lp_list_img p{position:absolute;bottom:5px;left:0;background:rgba(37, 36, 36, 0.66);padding:4px 7px 4px 13px;border-radius:0 12px 12px 0;}
.m_lp_list_img p img{width:17px;height:17px;margin-left:1px;}
.m_lp_list_img p .m_lb1_img{width:23px;height:12px;position:relative;top:2px;}
.m_lp_list_r{width:810px;float:left;margin-top:30px;position:relative;left:25px}
.m_list_title{height:40px;line-height:40px;position:relative;}
.m_list_title a{font-size:26px;color:#333;font-weight:600;}
.m_list_title a:hover{ color: #E9333C;}
.m_list_title span{font-size:16px;color:#333;float:right;margin-right:55px}
.m_list_title span i{font-size:26px;color:#E9333C;font-weight:600;}
.m_list_title img{float:right;position: absolute;right:18px;top:12px;}
.m_list_dh{height:30px;line-height:30px;margin-top:15px;}
.m_list_dh img{width:20px;height:20px;position:relative;top:5px;}
.m_list_dh span{font-size:22px;color:#4CB64E;font-weight:600;}
.m_list_hx{height:30px;line-height:30px;margin-top: 10px;}
.m_list_hx span{font-size:14px;color:#666;}
.m_list_dz{height:30px;line-height:30px;margin-top: 10px;}
.m_list_dz span{display:block;width:220px;float:left;font-size:14px;color:#666;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.m_list_dz a{display:block;float:left;margin-left:15px;font-size:14px;color:#91AFE0;width:115px;}
.m_list_dz a:hover{ color: #337ab7;}
.m_list_dz a img{position:relative;top:7px;margin-right:5px;}
.m_list_ts{height:30px;line-height:30px;margin-top: 10px;}
.m_list_ts i{background:#EBF3FE;margin-right:10px;padding:3px 7px;font-size:13px;color:#638EC9;}
.m_list_ts i:nth-child(2){background:#F8EAE6;color:#E3957E;}
.m_list_ts i:nth-child(3){background:#E2F8E1;color:#75AB78;}
.m_list_ts i:nth-child(4){background:#FFF3E2;color:#F9A321;}
.m_list_bm{width:115px;position:absolute;bottom:-1px;right:38px;}
.m_list_bm a{width:115px;height:35px;display:block;line-height:35px;padding-left:11px;border-radius:5px;margin-top:12px;}
.m_list_bm a i{width:27px;height:27px;display:block; background:#FF8437;border-radius:5px;text-align:center;line-height:27px;font-size:15px;color:#FFF;font-weight:600;float:left;position:relative;top:4px;}
.m_list_bm a span{float:left;margin-left:7px;font-size:15px;color:#555;}
.m_list_bm a:hover{
    background: linear-gradient(left, #faa976, #fa6c13);
    background: -webkit-linear-gradient(left, #faa976, #fa6c13);
    background: -o-linear-gradient(left, #faa976, #fa6c13);
    background: -moz-linear-gradient(left, #faa976, #fa6c13);

}
.m_list_bm a:hover i{background:#FFF;color:#FFA641;}
.m_list_bm a:hover span{color:#FFF;}
#m_list_bm_a i{background:#5293ED;}
#m_list_bm_a:hover{
    background: linear-gradient(left, #85b3f3, #247bf4);
    background: -webkit-linear-gradient(left, #85b3f3, #247bf4);
    background: -o-linear-gradient(left, #85b3f3, #247bf4);
    background: -moz-linear-gradient(left, #85b3f3, #247bf4);
}
#m_list_bm_a:hover i{background:#FFF;color:#5293ED;}
#m_list_bm_a a:hover span{color:#FFF;}

/*广告图*/
.m_lp_list_gg{width:1200px;height:100px;position:relative;margin-bottom:20px;}
.m_lp_list_gg img{width:100%;height:100%;}
.m_lp_list_gg form{width:445px;height:47px;background:#FFF;border-radius:25px;position:absolute;top:27px;right:20px;overflow:hidden;}
.m_lp_list_gg .f_input{width:250px;height:47px;border:0;margin-left:15px;outline:none;font-size:16px;color:#A9ADB4;float:left;}
.m_lp_list_gg .f_submit{float:right;width:99px;height:37px;background:#FF5936;border-radius:25px;border:0;outline:none;font-size:15px;color:#FFF;position:relative;top:5px;right:5px;}

/*区域轮播*/
.m_region_box .prev{position:absolute;top:50%;left:5px;margin-top:-25px;background: rgba(51, 51, 51, 0.41) url(../image/zuo13.png) no-repeat -6px  7px/40px 42px;display:block;width:30px;height:55px;border-radius:3px;}
.m_region_box .next{position:absolute;top:50%;right:15px;margin-top:-25px;background: rgba(51, 51, 51, 0.41) url(../image/you13.png) no-repeat -4px 7px/40px 42px;display:block;width:30px;height:55px;border-radius:3px;}
.m_region_box .hd{position:absolute;bottom:-30px;left:46%;width:1200px;}
.m_region_box .hd ul li{width:12px;height:12px;display:inline-block;margin:0px 3px;background:rgba(0, 0, 0, 0.42);z-index:111;border-radius:10px}
.m_region_box .hd ul .on{background:#42A5F5;}
.m_region_box .tempWrap{margin:auto;}


/*头部隐藏******************************************/
.m_chart_neir_l_yc em{font-size:24px;color:#FFF;}
.m_chart_neir_l_yc p{font-size:16px;color:#FFF;text-indent:30px;margin-top:20px;line-height:25px;}
.m_chart_neir_l_yc{width:580px;height:270px;float:left;margin-top:84px;position:relative;opacity:0;
    animation:change10 1s;
    -webkit-animation:change10 1s;
    -moz-animation:change10 1s;
}
@keyframes change10 {
    0% {

        left:0;
        opacity:1;
    }
    100% {
        left:-80px;
        opacity:0;

    }
}
-webkit-@keyframes change10 {
            0% {
                left:-80px;
                opacity:0;
            }
            100% {
                left:0;
                opacity:1;
            }
        }
-moz-@keyframes change10 {
         0% {
             left:-80px;
         }
         100% {
             left:0;
         }
     }





/*头部右边*/
.m_chart_neir_r_yc{width:600px;height:470px;float:right;position:relative;}
.m_chart_neir_r_yc ul li{border:5px solid #FFF;border-radius:5px;}
.m_chart_neir_r_yc ul li .m_chart_neir_r_img{width:100%;height:100%;}
.m_chart_neir_r_yc ul li:nth-child(1){width:200px;height:200px;position:absolute;top:42px;left:75px;opacity:0;
    transform:rotate(-12deg);
    -ms-transform:rotate(-12deg);
    -moz-transform:rotate(-12deg);
    -webkit-transform:rotate(-12deg);
    -o-transform:rotate(-12deg);


    animation:change20 1s;
    -webkit-animation:change20 1s;
    -moz-animation:change20 1s;
}



@keyframes change20 {
    0% {
        top:42px;
        left:75px;
        opacity:1;
    }
    100% {
        top:-42px;
        left:10px;
        opacity:0;
    }
}

-webkit-@keyframes change20 {
            0% {
                top:42px;
                left:75px;
                opacity:1;
            }
            100% {
                top:-42px;
                left:10px;
                opacity:0;
            }
        }

-moz-@keyframes change20 {
         0% {
             top:42px;
             left:75px;
             opacity:1;
         }
         100% {
             top:-42px;
             left:10px;
             opacity:0;
         }
     }



.m_chart_neir_r_yc ul li:nth-child(2){width:200px;height:200px;position:absolute;top:96px;right:65px;opacity:0;
    animation:change30 1s;
    -webkit-animation:change30 1s;
    -moz-animation:change30 1s;
}
@keyframes change30 {
    0% {
        right:65px;
        opacity:1;
    }
    100% {
        right:-20px;
        opacity:0;
    }
}

-webkit-@keyframes change30 {
            0% {
                right:65px;
                opacity:1;
            }
            100% {
                right:-20px;
                opacity:0;
            }
        }

-moz-@keyframes change30 {
         0% {
             right:65px;
             opacity:1;
         }
         100% {
             right:-20px;
             opacity:0;
         }
     }

.m_chart_neir_r_yc ul li:nth-child(3){width:160px;height:150px;position:absolute;bottom:37px;left:141px;opacity:0;
    animation:change40 1s;
    -webkit-animation:change40 1s;
    -moz-animation:change40 1s;
}
@keyframes change40 {
    0% {
        bottom:37px;
        opacity:1;
    }
    100% {
        bottom:-37px;
        opacity:0;
    }
}

-webkit-@keyframes change40 {
            0% {
                bottom:37px;
                opacity:1;
            }
            100% {
                bottom:-37px;
                opacity:0;
            }
        }

-moz-@keyframes change40 {
         0% {
             bottom:37px;
             opacity:1;
         }
         100% {
             bottom:-37px;
             opacity:0;
         }
     }
/*头部隐藏*****************************************结束*/

/*公共新房 头部报名*/
.m_bottom_lc{width:1200px;overflow:hidden;margin:auto;}
.m_bottom_lc li{margin-top:20px;width:295px;height:73px;display:inline-block;margin-right:2px;background-size:100% 100%;}
.m_bottom_lc li:nth-child(1){background:url(../image/m_hz4.png) no-repeat;background-size:100% 100%;}
.m_bottom_lc li:nth-child(2){background:url(../image/m_hz5.png) no-repeat;background-size:100% 100%;}
.m_bottom_lc li:nth-child(3){background:url(../image/m_hz5.png) no-repeat;background-size:100% 100%;}
.m_bottom_lc li:nth-child(4){margin-right:-50px;background:url(../image/m_hz6.png) no-repeat;background-size:100% 100%;}
.m_bottom_lc li img{margin:15px 0 0 19px;width:50px;}
.m_bottom_lc li:nth-child(2) img{margin:14px 0px 0px 39px;}
.m_bottom_lc li:nth-child(3) img{margin:14px 0px 0px 39px;}
.m_bottom_lc li:nth-child(4) img{margin:14px 0px 0px 39px;}
.m_bottom_lc li a{display:block;}
.m_bottom_lc li span{font-size:16px;color:#333;line-height:73px;margin-left:5px;}