html,body,h1,h2,h3,h4,p,ul,li,table,tr,td{margin: 0;padding: 0;}
html{font-size: 100px;font-family:"Microsoft YaHei", "Segoe UI","Lucida Grande",Helvetica,Arial,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3",FontAwesome,sans-serif}
body{font-size: 14px;font-size: 0.14rem;color: #666666; background: #f7f7f7;}
img{width: 100%;max-width:100%;display: block;margin: 0 auto;border: none;}
ul{list-style: none;}
a{text-decoration: none;color: #000}
a:hover{color: #d7000f}
.clearfix:after{content:"\200B";display:block;height:0;clear:both;}
.clearfix{zoom:1;}

.clearfixb:after{content:"\200B";display:block;height:0;clear:both;}
.clearfixb{zoom:1;}

.c-red{
    color: #d7000f;
}
.c-gray{
    color: #636363;
}
.c-white{
    color: #fff;
}
.fl{float: left}
.fr{float: right}

.header-img{
    /*position: absolute;*/
}
.sp-time{
    display: block;
}

.floor1{
    background: #f7f7f7;
}

.e-container{
    margin: 0  auto;
    max-width: 1200px;
    width: 100%;
}
.block-title{
    margin-bottom: 30px;
}
.block-title h2{
    margin: 38px 0 20px 0;
    font-size: 48px;
    text-align: center;
}
.block-h3{
    position: relative;
    width: 100%;
    height: 40px;
}
.block-h3 span{ display: block;}
.block-title h3{
    display: block;
    font-size: 30px;
    text-align: center;
    font-weight: normal;
    margin: 0 35%;
    width: auto;
}
.h3-line{
    position: relative;
    top: 20px;
    display: inline-block;
    font-size: 1px;
    height: 1px;
    overflow: hidden;
}
.floor1 .h3-line{
    border-bottom: 1px solid #636363;
}

.floor1 .block-title .h3-line{width: 35%;}
.floor2 .block-title .h3-line{width: 35%;}
.floor2-con .block-title .h3-line{width: 35%;}
.floor3 .block-title .h3-line{width: 35%;}
.block-h3 .block-title .h3-line{width: 40%;}

.text-con{

}
.text-p{
    font-size: 29px;
    text-indent: 2em;
    line-height: 1.8em;
    color: #343434;
}

.why-choice-us{margin:67px 0 40px;}
.why-choice-us span{ display: inline-block;}
.b-1{margin-right: 64px;width: 251px;}
.b-2{margin-right: 62px;width: 251px;}
.b-3{margin-right: 43px;width: 273px;}
.b-4{width: 243px;}


/*floor2 start*/
.floor2{
    height: 689px;
    background-image: url("../images/floor2-bg_42.jpg"); background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.floor2-con{margin-top: -690px; font-size: 0px;}
.floor2-con .h3-line{border-bottom: 1px solid #fff;}
.active-list{margin-top: 65px;}
.active-list span{display: inline-block; width:395px;}
.active-list .active-middle{margin: 0 7px;}

.red-title{ height: 68px; line-height: 68px; text-align: center; background: #d7000f; color: #fff;font-size: 30px;}
.price-wrap{ margin: 0 auto; width: 1230px;}
.remark{ margin-bottom: 15px; font-size: 20px;line-height: 1.5em; color: #000;}
.remark-title{ float: left; width: 80px; color: #d7000f;}
.remark-list{margin-left: 80px;}
.remark-list li{ display: inline-block; width: 48%;}
.floor2-con .bottom-title .h3-line{border-bottom: 1px solid #000;}
/*floor2 end*/


/*floor3 start*/
.floor3{position:relative;padding-top:30px; width:100%;min-height: 991px;
    /* background:#fff url("../images/map_31.jpg") no-repeat center top; */
}
.pink-bar{ position: relative; height:458px;background: #f3bbc2; opacity: 0.5;}
.partners{ position: relative; margin-top: -488px;}
.partners .bottom-title .h3-line{border-bottom: 1px solid #9f9393;}
.floor3-con-bottom span{ display: block; background: transparent;}
.floor3-con-bottom .choose-2{margin: 20px 0 10px 0;}
.floor3-con-bottom .choose-3{margin: 10px 0 10px 0;}
/*floor3 end*/

/*footer start*/
.footer{
    padding-top: 40px;
    height: 345px;
    background-image: url("../images/footer-bg.jpg"); background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color: #fff;
}
.footer a{ color: #fff;}
.footer h4{ margin-bottom: 40px; font-size: 40px;}
.qrcode{display: inline-block;width: 49%;}
.qrcode-img{display: inline-block; margin-right: 15px; width: 160px; vertical-align: middle;}
.qrcode-contact{ display: inline-block; font-size: 25px;vertical-align: middle; line-height: 1.5em;}
/*footer end*/



/*屏幕最大值为320时*/
@media screen and (max-width:359px) {
    html {font-size: 62.5%;}
    .block-h3{height: auto;}
    .block-title{margin-bottom: 0.3rem;}
    .block-title h2{margin: 0.38rem 0 0.20rem 0;font-size: 2rem;}
    .block-title h3{margin: 0 25%;font-size: 1.5rem;}
    .h3-line{top: 10px;}

    .floor1 .block-title .h3-line{width: 25%;}
    .floor2 .block-title .h3-line{width: 25%;}
    .floor2-con .block-title .h3-line{width: 25%;}
    .floor3 .block-title .h3-line{width: 25%;}
    .block-h3 .block-title .h3-line{width: 40%;}

    .text-p{padding: 0 15px;font-size: 0.35rem;}

    .why-choice-us{ margin: 15px 0 15px; text-align: center;}
    .why-choice-us span{ padding: 0 15px;}
    .b-1{margin-right:0;width: 30%}
    .b-2{margin-right:0;width: 30%}
    .b-3{margin-right:0;width: 33%}
    .b-4{margin-right:0;width: 30%}

    .red-title{ height: 40px; line-height: 40px; font-size: 2rem;}

    .active-list span{width: 100%;}
    .active-list .active-middle{margin:0;}
    .price-wrap{width: 100%;}
    .remark{font-size: 0.35rem;background: #fff;}
    .remark-title{display: block; padding: 0 15px; width: auto;float: none; font-size: 1.2rem;}
    .remark-list{margin-left: 0; padding: 0 15px; font-size: 1.2rem; line-height: 1.5rem;}
    .remark-list li{display: block; width: 100%}
    .pink-bar {position: relative;height: 0px;background: #f3bbc2;opacity: 0.5;}
    .partners{margin-top: 0;}
    .floor3{min-height: auto;background:#fff url("../images/map_31.jpg") no-repeat center top;
        -webkit-background-size: 100%;
        -moz-background-size: 100%;
        -o-background-size: 100%;
        background-size: 100%;
    }
    .footer{ padding: 15px; height: auto;}
    .footer h4{ margin-top: 15px;margin-bottom: 15px; font-size: 1.5rem; text-align: center;}
    .qrcode{ display: block; margin-bottom: 15px; width: 100%; text-align: center;}
    .qrcode-contact{ display: block; margin-top: 5px; font-size: 0.25rem;}
}


/*屏幕最大值为375~413时*/
@media screen and (min-width:375px) and (max-width:413px) {
    html {font-size: 62.5%;}
    .block-h3{height: auto;}
    .block-title{margin-bottom: 0.3rem;}
    .block-title h2{margin: 0.38rem 0 0.20rem 0;font-size: 2rem;}
    .block-title h3{margin: 0 25%;font-size: 1.5rem;}
    .h3-line{top: 10px;}

    .floor1 .block-title .h3-line{width: 25%;}
    .floor2 .block-title .h3-line{width: 25%;}
    .floor2-con .block-title .h3-line{width: 25%;}
    .floor3 .block-title .h3-line{width: 25%;}
    .block-h3 .block-title .h3-line{width: 40%;}

    .text-p{padding: 0 15px;font-size: 0.35rem;}

    .why-choice-us{ margin: 15px 0 15px; text-align: center;}
    .why-choice-us span{ padding: 0 15px;}
    .b-1{margin-right:0;width: 30%}
    .b-2{margin-right:0;width: 30%}
    .b-3{margin-right:0;width: 33%}
    .b-4{margin-right:0;width: 30%}

    .red-title{ height: 40px; line-height: 40px; font-size: 2rem;}

    .active-list span{width: 100%;}
    .active-list .active-middle{margin:0;}
    .price-wrap{width: 100%;}
    .remark{font-size: 0.35rem;background: #fff;}
    .remark-title{display: block; padding: 0 15px; width: auto;float: none; font-size: 1.2rem;}
    .remark-list{margin-left: 0; padding: 0 15px; font-size: 1.2rem; line-height: 1.5rem;}
    .remark-list li{display: block; width: 100%}
    .pink-bar {position: relative;height: 0px;background: #f3bbc2;opacity: 0.5;}
    .partners{margin-top: 0;}
    .floor3{min-height: auto;background:#fff url("../images/map_31.jpg") no-repeat center top;
        -webkit-background-size: 100%;
        -moz-background-size: 100%;
        -o-background-size: 100%;
        background-size: 100%;
    }
    .footer{ padding: 15px; height: auto;}
    .footer h4{ margin-top: 15px;margin-bottom: 15px; font-size: 1.5rem; text-align: center;}
    .qrcode{ display: block; margin-bottom: 15px; width: 100%; text-align: center;}
    .qrcode-contact{ display: block; margin-top: 5px; font-size: 0.25rem;}
}

/*屏幕最大值为360~720时*/
@media screen and (min-width:360px) and (max-width:768px) {
    html {font-size: 62.5%;}
    .block-h3{height: auto;}
    .block-title{margin-bottom: 0.3rem;}
    .block-title h2{margin: 0.38rem 0 0.20rem 0;font-size: 2rem;}
    .block-title h3{margin: 0 25%;font-size: 1.5rem;}
    .h3-line{top: 10px;}

    .floor1 .block-title .h3-line{width: 25%;}
    .floor2 .block-title .h3-line{width: 25%;}
    .floor2-con .block-title .h3-line{width: 25%;}
    .floor3 .block-title .h3-line{width: 25%;}
    .block-h3 .block-title .h3-line{width: 40%;}

    .text-p{padding: 0 15px;font-size: 0.35rem;}

    .why-choice-us{ margin: 15px 0 15px; text-align: center;}
    .why-choice-us span{ padding: 0 15px;}
    .b-1{margin-right:0;width: 30%}
    .b-2{margin-right:0;width: 30%}
    .b-3{margin-right:0;width: 33%}
    .b-4{margin-right:0;width: 30%}

    .red-title{ height: 40px; line-height: 40px; font-size: 2rem;}

    .active-list span{width: 100%;}
    .active-list .active-middle{margin:0;}
    .price-wrap{width: 100%;}
    .remark{font-size: 0.35rem;background: #fff;}
    .remark-title{display: block; padding: 0 15px; width: auto;float: none; font-size: 1.2rem;}
    .remark-list{margin-left: 0; padding: 0 15px; font-size: 1.2rem; line-height: 1.5rem;}
    .remark-list li{display: block; width: 100%}
    .pink-bar {position: relative;height: 0px;background: #f3bbc2;opacity: 0.5;}
    .partners{margin-top: 0;}
    .floor3{min-height: auto;background:#fff url("../images/map_31.jpg") no-repeat center top;
        -webkit-background-size: 100%;
        -moz-background-size: 100%;
        -o-background-size: 100%;
        background-size: 100%;
    }
    .footer{ padding: 15px; height: auto;}
    .footer h4{ margin-top: 15px;margin-bottom: 15px; font-size: 1.5rem; text-align: center;}
    .qrcode{ display: block; margin-bottom: 15px; width: 100%; text-align: center;}
    .qrcode-contact{ display: block; margin-top: 5px; font-size: 0.25rem;}
}

