body{background: #f6f6f6;}

.banner{width: 100%;overflow: hidden;}
.banner img{width: 100%;}
.black_box{background: #fff;padding: 30px 0;}
.taocan_box{margin-top: 50px;margin-bottom: 20px;}
.tit{text-align: center;margin: 30px;}
.tit h1{font-size: 2em;margin-bottom: 10px;display: inline-block;font-family: "Microsoft YaHei New","Microsoft Yahei","微软雅黑";}
.tit p{line-height: 26px;color: #888;}

.ico_ul{overflow: hidden;padding: 40px 0;}
.ico_ul li{
    float:left;
    width:20%;
    text-align:center;
}
.ico_ul li:last-child{margin-right:0;  }
.ico_ul li .img{
    width:123px;
    height:138px;
    overflow:hidden;
    background-image:url(../images/tuzhuang/ico.png);
    background-repeat:no-repeat;
    display: inline-block;
}
.ico_ul li img{width: 30%;}
.ico_ul li span{
    display:block;
    font-size:18px;
    color:#666;
    margin-top:20px;
}
.ys1 .img{ background-position:-489px 0;  }
.ys2 .img{background-position:-244.5px 0;  }
.ys3 .img{ background-position:0;}
.ys4 .img{background-position:-733.5px 0;  }
.ys5 .img{background-position:-978px 0;  }


.wenti_ul{overflow: hidden;margin: 10px -1.5%;}
.wenti_ul li{float: left;width: 30.3%;margin: 0px 1.5%;text-align: center;}
.wenti_ul li .img_box{width: 100%;height:320px;overflow: hidden;}
.wenti_ul li .img_box img{width: 100%;min-height: 100%;}
.wenti_ul li  h3,.pro_ul li p{padding-top: 15px;font-size: 1.2em;}


.taocan_tit:before{
    content: '';
    width: 0px;
    height: 0px;
    display: inline-block;
    position: absolute;
    margin-left: -80px;
    border-left: 20px solid #b12e2a;
    border-bottom: 20px solid transparent;
}
.taocan_tit:after{
    content: '';
    width: 0px;
    height: 0px;
    display: inline-block;
    position: absolute;
    margin: 20px 80px;
    border-right: 20px solid #b12e2a;
    border-top: 20px solid transparent;
}
.fanxinimg{overflow: hidden;margin: 20px -2%;}
.fanxinimg .fanxin{
    float: left;
    width: 46%;height: 440px;
    margin: 10px 2%;
    position: relative;
    background: #e0dbdb;
    padding: 20px;
    box-sizing: border-box;
}
.fanxinimg .fanxin .img_box{width: 100%;height:400px;overflow: hidden;}
.fanxinimg .fanxin .img_box img{width: 100%;min-height: 100%;}
.fanxinimg .fanxin  p{position: absolute;bottom: 0;left:35%;line-height: 40px;width: 30%;color: #fff;text-align: center;}
.fanxinimg .fanxin:first-child p{background:#aaa;}
.fanxinimg .fanxin:last-child p{background: #b12e2a;}
.pro_box{background: #fff;}
.pro_ul{overflow: hidden;background: #fff;text-align: center;}
.protit{margin-top: 40px;font-size: 1.4em;text-align: center;}
.protit i {
    display: inline-block;
    width: 96px;
    height: 6px;
}
.protit i.line1 {background-image: url(http://www.6aln.com/Public/images/refurbish/housLeft.png);  }
.protit i.line2 {background-image: url(http://www.6aln.com/Public/images/refurbish/housRight.png);  }
.pro_ul li{text-align: center;width: 46%;float: left;margin: 30px 2%;}
.pro_ul li .img_box{width: 100%;height:450px;overflow: hidden;}
.pro_ul li .img_box img{height: 100%;}

.swiper-container{
    height: auto;
    background: #fff;
    box-sizing: border-box;
}
.swiper-wrapper{height: auto;padding-bottom: 50px;}
.news_ul li{
    position: relative;
    height: auto;
    text-align: center;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    margin-top: 20px;
    border: 0;
    border-bottom: 2px solid transparent;
}
.news_ul li:hover{border-bottom: 2px solid rgb(39, 53, 82);box-shadow: none;}
.news_ul li .img_box{height: 450px;overflow: hidden;text-align: center;}
.news_ul li .img_box img{height:100%;width: auto;}
.news_ul li p{
    line-height: 45px;font-size: 1.2em;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.imgs_ul li .img_box{height:auto;}
.imgs_ul li .img_box img{width:100%;max-height: 100%;height: auto;}

.swiper-button-next{right: 0;}
.swiper-button-prev{left: 0;background-position: 0px 0px;}
.swiper-container-horizontal>.swiper-pagination{bottom: 20px;}
.swiper-pagination-bullet-active{background: #b12e2a;}


.xiaoguo_ul{overflow: hidden;}
.xiaoguo_ul li{overflow: hidden;width: 31.3%;margin:20px 1%;box-sizing: border-box;float: left;margin-top: 0;}
.xiaoguo_ul li .img_box img{width: 100%;}
.xiaoguo_ul li p{text-align: center;line-height: 45px;font-size: 1.2em;}
.case_ul li{margin-bottom: 30px;padding: 15px;background: #fff;}
.case_ul li .img_box{height: 380px;overflow: hidden;}
.case_ul li .img_box img{min-height: 100%;}
.liuc_ul{overflow: hidden;}
.liuc_ul li{
    float: left;
    width: 33%;
    margin: 40px 0;
    text-align: center;
}
.liuc_ul li img{width: 55%;border: 2px solid #ddd;border-radius: 50%;}
.liuc_ul li p{font-size: 18px;line-height: 45px;text-align: center;}




.fabu_head{height:65px;line-height: 85px; }
.fabu_head .h-left a{margin: 33px 0 0 10px;}


@media screen and (max-width:680px) {
    .black_box{padding: 15px 0;}
    .banner img {width: 150%;margin-left: -40%;}
    .tit{margin: 15px;}
    .tit h1{font-size: 1.6em;}
    .ico_ul{padding: 30px 0;}
    .ico_ul li img{width:50%;}
    .wenti_ul li .img_box{height: 200px;}
    .wenti_ul li .img_box img,.fanxinimg .fanxin .img_box img{ width: auto;height: 100%;}
    .fanxinimg{margin: 0;}
    .fanxinimg .fanxin{height: 300px;}
    .fanxinimg .fanxin .img_box{height:260px;}
    .pro_ul li .img_box{height: auto;}
    .pro_ul li .img_box img,.news_ul li .img_box img{height: auto;width: 100%;}
    .news_ul li .img_box{height: auto;}
    .wenti_ul li  h3, .pro_ul li p,.news_ul li p{font-size: 1em;}
    .taocan_box{margin-top: 30px;}
    .liuc_ul li{margin: 12px 0;}
    .liuc_ul li img {width: 65%;}
    .case_ul li{width: 47%;margin: 10px 1.5%;padding: 10px;}
    .case_ul li .img_box{height: 260px;}
    .swiper-container{margin: 0;}
}
@media screen and (max-width:580px) {
    .ico_ul{padding: 15px 0;margin: 0;}
    .wenti_ul li .img_box{height: 150px;}
    .fanxinimg .fanxin{height: 230px;padding: 0;}
    .fanxinimg .fanxin .img_box,.case_ul li .img_box{height:200px;}

}