@charset "utf-8";
*{margin:0;padding:0;border:0;outline:0;font-size:14px;vertical-align:baseline;background:transparent;font-family:"Microsoft YaHei","微软雅黑";color: #000000;}
a{text-decoration: none;cursor: pointer;}
.fl{float: left;}
.fr{float: right;}
img{border: none;}
em,i{font-style: normal;}
ul li{list-style: none;}
.fl{float: left;}
.fr{float: right;}
.clearfix {*zoom: 1;}
.w1200{width: 1200px;margin: 0 auto;}
.width{width: 1180px;margin: 0 auto;}
.clearfix:after {display: block;content: " ";height: 0;visibility: hidden;clear: both;}

.banner{height: 430px;background: url(../../images/case/index/banner.jpg) center top no-repeat;}
.banner .logo_b{background: url(../../images/case/index/logo_b.png) center 60px no-repeat;width: 133px;height: 34px;margin: 0 auto;padding: 60px 0 40px;}
.banner span{display: block;text-align: center;font-size: 52px;font-weight: bold;color: #fff;line-height: 60px;}
.banner span i{color: #ffcd21;font-weight: bold;font-size: 52px;}

.title{text-align: center;padding: 100px 0 50px;font-size: 42px;color: #252525;font-weight: bold;}

.step1{margin-top: -56px;}
.step1 ul{border-radius: 10px;box-shadow: 0 0 14px 1px rgba(0,0,0,.1);background: #fff;height: 115px;line-height: 115px;display: flex;justify-content:space-between;flex-wrap:wrap;}
.step1 ul li{width: 270px;border-right: 1px solid #dcdcdc;height: 50px;margin-top: 34px;}
.step1 ul li:first-child{width: 294px;}
.step1 ul li:last-child{border-right: none;width: 290px;}
.step1 ul li::before{display: block;content: '';float: left;width: 55px;height: 55px;overflow: hidden;background-image: url(../../images/case/index/icons.png);background-size: 410px;background-position: 0 0;margin: 0 14px 0 80px;}
.step1 ul li:nth-child(2)::before{background-position: -64px 0;margin-left: 50px;}
.step1 ul li:nth-child(3)::before{background-position: -127px 0;margin-left: 50px;}
.step1 ul li:nth-child(4)::before{background-position: -189px 0;margin-left: 50px;}
.step1 ul li em{display: block;float: left;width: 110px;font-size: 16px;color: #252525;font-weight: 500;line-height: 28px;}
.step1 ul li em i{display: block;font-size: 30px;font-weight: bold;color: #ff432f;}
.step1 ul li em i b{font-size: 33px;color: #ff432f;font-weight: bold;}

.floor_1{height: auto;overflow: hidden;padding-bottom: 50px;}
.floor_1 ul li{display: flex;justify-content:space-between;flex-wrap:wrap;}
.floor_1 ul li .ArtCon{width: 564px;height: 398px;border: 1px solid #fff;border-radius: 8px;box-shadow: 0 0 14px rgba(0,0,0,.1);margin-bottom: 50px;transition: 0.3s all;cursor: pointer;}
.floor_1 ul li .ArtCon:hover{border: 1px solid #fd8b8b;}
.floor_1 ul li .contPic{height: auto;overflow: hidden;float: left;width: 240px;padding: 54px 0 0 46px;}
.floor_1 ul li .contPic .t{height: auto;overflow: hidden;}
.floor_1 ul li .contPic .t i{display: block;float: left;width: 132px;height: 62px;overflow: hidden;background-image: url(../../images/case/index/icons.png);background-size: 410px;background-position: 0 -66px;}
.floor_1 ul li .ArtCon2 .t i{background-position: -139px -66px;}
.floor_1 ul li .ArtCon3 .t i{background-position: -278px -66px;}
.floor_1 ul li .ArtCon4 .t i{background-position: 0 -137px;}
.floor_1 ul li .ArtCon5 .t i{background-position: -139px -137px;}
.floor_1 ul li .ArtCon6 .t i{background-position: -278px -137px;}
.floor_1 ul li .contPic .t span{display: block;float: left;margin-left: 10px;font-size: 16px;color: #252525;}
.floor_1 ul li .contPic .t span b{display: block;font-size: 22px;color: #252525;font-weight: bold;margin: 4px 0;}
.floor_1 ul li .contPic p{font-size: 16px;color: #252525;line-height: 30px;padding: 28px 0 20px;}
.floor_1 ul li .contPic .tex{display: flex;justify-content:space-between;flex-wrap:wrap;width: 226px;}
.floor_1 ul li .contPic .tex em{display: block;font-size: 16px;color: #d40707;text-align: center;height: 32px;line-height: 32px;width: 102px;border: 1px solid #ef1818;border-radius: 50px;}
.floor_1 ul li .contPic a{display: block;font-size: 18px;color: #fff;font-weight: 500;text-align: center;height: 44px;line-height: 44px;width: 132px;border-radius: 6px;background: #f04331;margin-top: 45px;}
.floor_1 ul li .ArtCon .img{float: right;width: 149px;height: 298px;overflow: hidden;background: url(../../images/case/index/fl1_1.png) center top no-repeat;margin: 54px 45px 0 0;}
.floor_1 ul li .ArtCon2 .img{background-image: url(../../images/case/index/fl1_2.png);}
.floor_1 ul li .ArtCon3 .img{background-image: url(../../images/case/index/fl1_3.png);}
.floor_1 ul li .ArtCon4 .img{background-image: url(../../images/case/index/fl1_4.png);}
.floor_1 ul li .ArtCon5 .img{background-image: url(../../images/case/index/fl1_5.png);}
.floor_1 ul li .ArtCon6 .img{background-image: url(../../images/case/index/fl1_6.png);}

.floor_2{height: auto;overflow: hidden;padding-bottom: 100px;background: #f8f8f8;}
.floor_2 .al{margin: 0 auto;width: 1177px;height: 312px;background: url(../../images/case/index/fl2_al.png) center top no-repeat;}
.floor_2 a.btn_a{display: block;width: 300px;height: 60px;line-height: 60px;text-align: center;font-size: 22px;color: #fff;border-radius: 6px;background: #f04331;margin: 50px auto 0;}