@charset "utf-8";
*{margin:0;padding:0;color: #030303;}
body{font-family:"Microsoft YaHei","微软雅黑","宋体";font-size: 14px;}
ul,li{list-style: none;}
a{text-decoration: none;cursor: pointer;}
em,i{font-style: normal;}
.width{width: 9.2rem;margin:0 auto;}
.fl{float:left!important;}
.fr{float:right!important;}
.clearfix {*zoom: 1;}
.clearfix:after {display: block;content: " ";height: 0;visibility: hidden;clear: both;}
.content{width: 10rem;margin: 0 auto;}

.banner{height: 5.333333rem;background: url(../../images/case/index/banner_m.jpg) center top no-repeat;background-size: 100%;}
.banner .logo_b{background: url(../../images/case/index/logo_b_m.png) center 0.88rem no-repeat;width: 2rem;height: 0.52rem;margin: 0 auto;padding: 0.88rem 0 0.533333rem;background-size: 100%;}
.banner span{display: block;text-align: center;font-size: 0.693333rem;font-weight: bold;color: #fff;line-height: 0.866667rem;padding-top: 0.4rem;}
.banner span i{color: #ffcd21;font-weight: bold;font-size: 0.693333rem;}

.title{text-align: center;padding: 1.333333rem 0 0.666667rem;font-size: 0.56rem;color: #252525;font-weight: bold;}

.step1{display: none;}

.floor_1{height: auto;overflow: hidden;padding-bottom: 1.333333rem;background: #f8f8f8;}
.floor_1 .width{position: relative;overflow: initial;padding-bottom: 0.8rem;}
.floor_1 ul li .ArtCon{width: 9.2rem;height: 7.466667rem;border: 1px solid #fff;border-radius: 0.186667rem;box-shadow: 0 0 0.186667rem rgba(0,0,0,.1);background: #fff;margin-bottom: 0.533333rem;}
.floor_1 ul li .contPic{height: auto;overflow: hidden;float: right;width: 5.2rem;padding: 0.866667rem 0.4rem 0 0;}
.floor_1 ul li .contPic .t{height: auto;overflow: hidden;}
.floor_1 ul li .contPic .t i{display: block;width: 2.4rem;height: 0.693333rem;overflow: hidden;background-image: url(../../images/case/index/icons_m.png);background-size: 6.666667rem;background-position: 0 0.133333rem;margin: 0.026667rem 0 0.4rem;}
.floor_1 ul li .ArtCon2 .t i{background-position: -2.6rem 0.133333rem;}
.floor_1 ul li .ArtCon3 .t i{background-position: -5.386667rem 0.133333rem;}
.floor_1 ul li .ArtCon4 .t i{background-position: 0 -0.826667rem;margin: ;}
.floor_1 ul li .ArtCon5 .t i{background-position: -2.6rem -0.826667rem;}
.floor_1 ul li .ArtCon6 .t i{background-position: -5.386667rem -0.826667rem;}
.floor_1 ul li .contPic .t span{display: block;height: auto;overflow: hidden;}
.floor_1 ul li .contPic .t span b{display: block;font-size: 0.426667rem;color: #252525;font-weight: bold;float: left;}
.floor_1 ul li .contPic .t span em{display: block;float: left;font-size: 0.293333rem;color: #414141;text-align: center;height: 0.4rem;line-height: 0.4rem;border-radius: 0.666667rem;border: 1px solid #717171;margin:0.133333rem 0 0 0.213333rem;width: 1.44rem;}
.floor_1 ul li .contPic p{font-size: 0.32rem;color: #252525;line-height: 0.533333rem;padding: 0.333333rem 0 0.346667rem;}
.floor_1 ul li .contPic .tex{display: flex;justify-content:space-between;flex-wrap:wrap;width: 4.4rem;}
.floor_1 ul li .contPic .tex em{display: block;font-size: 0.32rem;color: #d40707;text-align: center;height: 0.666667rem;line-height: 0.666667rem;width: 2rem;border: 1px dashed #ff9084;border-radius: 0.08rem;background: #fff1f0;font-weight: 500;}
.floor_1 ul li .contPic a{display: block;font-size: 0.346667rem;color: #fff;font-weight: 500;text-align: center;height: 0.933333rem;line-height: 0.933333rem;width: 2.933333rem;border-radius: 0.666667rem;background: #f04331;margin-top: 0.533333rem;}
.floor_1 ul li .ArtCon .img{float: left;width: 2.533333rem;height: 5.333333rem;overflow: hidden;background: url(../../images/case/index/fl1_1_m.png) center top no-repeat;margin: 0.986667rem 0 0 0.666667rem;background-size: 100%;}
.floor_1 ul li .ArtCon2 .img{background-image: url(../../images/case/index/fl1_2_m.png);}
.floor_1 ul li .ArtCon3 .img{background-image: url(../../images/case/index/fl1_3_m.png);}
.floor_1 ul li .ArtCon4 .img{background-image: url(../../images/case/index/fl1_4_m.png);}
.floor_1 ul li .ArtCon5 .img{background-image: url(../../images/case/index/fl1_5_m.png);}
.floor_1 ul li .ArtCon6 .img{background-image: url(../../images/case/index/fl1_6_m.png);}
.swiper-pagination{bottom: 0.533333rem;}
.swiper-pagination-bullet{width: 0.24rem;height: 0.24rem;background: #cdcdcd;opacity: 1;margin-right: 0.266667rem!important;}
.swiper-pagination-bullet-active{background: #d01800;border-radius: 0.666666rem;}

.floor_2{height: auto;overflow: hidden;padding-bottom: 1.333333rem;}
.floor_2 .al{margin: 0 auto;width: 9.92rem;height: 9.253333rem;background: url(../../images/case/index/fl2_al_m.png) center top no-repeat;background-size: 100%;}
.floor_2 a.btn_a{display: block;width: 4rem;height: 1.066667rem;line-height: 1.066667rem;text-align: center;font-size: 0.4rem;color: #fff;border-radius: 0.08rem;background: #f04331;margin: 0.533333rem auto 0;font-weight: bold;}