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

.banner{height: 240px;background: url(../../images/himall/casepage/banner.jpg) center top no-repeat;padding-top: 190px;}
.banner .b_btn{width: 340px;margin: 0 auto;display: flex;justify-content: space-between;flex-wrap: wrap;}
.banner .b_btn a{display: block;font-size: 16px;color: #fff;text-align: center;border-radius: 50px;height: 38px;line-height: 38px;border: 1px solid #b51414;background: #b51414;width: 160px;font-weight: 500;}
.banner .b_btn a.btn_b1{background: none;border: 1px solid #88b5ff;color: #88b5ff;}

.title{text-align: center;padding: 80px 0 40px;}
.title span{display: block;font-size: 36px;font-weight: bold;color: #000000;}
.title p{font-size: 18px;color: #7d7d7d;padding-top: 16px;}

a.btn_himall{display: block;width: 245px;height: 54px;background: #e11e14;text-align: center;line-height: 54px;margin: 0 auto;font-size: 18px;color:#fff;border-radius: 4px;}

.floor_1{height: auto;padding-bottom: 80px;}
.floor_1 .w1360{width: 1360px;margin: 0 auto;overflow: hidden;position: relative;}
.floor_1 .swiper{overflow: hidden;padding: 0 10px 60px;}
.floor_1 .caseBox{height: 495px;width: 374px;margin: 0 auto;}
.floor_1 .caseBox .t{width: 374px;height: 330px;background: url(../../images/himall/casepage/fl1_1.png)center top no-repeat;font-size: 18px;font-weight: 500;color: #fff;font-weight: 500;text-align: center;padding-top: 100px;}
.floor_1 .caseBox2 .t{background-image: url(../../images/himall/casepage/fl1_2.png);}
.floor_1 .caseBox3 .t{background-image: url(../../images/himall/casepage/fl1_3.png);}
.floor_1 .caseBox4 .t{background-image: url(../../images/himall/casepage/fl1_4.png);}
.floor_1 .caseBox5 .t{background-image: url(../../images/himall/casepage/fl1_5.png);}
.floor_1 .caseBox a{display: block;background: #f4f4f4;text-align: center;font-size: 16px;font-weight: bold;color: #f41111;border-radius: 50px;height: 45px;line-height: 45px;width: 374px;margin-top: 20px;box-shadow: 0 2px 10px 4px rgba(0,0,0,.1);}
.swiper-button-next:after,.swiper-button-prev:after{font-size: 0;}
.swiper-button-next,.swiper-button-prev{width: 57px;height: 57px;background: url(../../images/himall/casepage/prev.png)center top no-repeat;top: 35%;box-shadow: 0 0 16px 2px rgba(0,0,0,.1);border-radius: 50%;}
.swiper-button-next{background-image: url(../../images/himall/casepage/next.png);}

.floor_2{height: auto;overflow: hidden;background: #f4f7f8;padding-bottom: 80px;}
.floor_2 .textBox{width: 1180px;height: 498px;background: url(../../images/himall/casepage/fl2_1.png)center top no-repeat;margin: 0 auto 50px;}
.floor_2 .textBox2{background-image: url(../../images/himall/casepage/fl2_2.png);}
.floor_2 .textBox3{background-image: url(../../images/himall/casepage/fl2_3.png);}
.floor_2 .textBox .artce{padding: 80px 0 0 50px;height: auto;overflow: hidden;width: 540px;}
.floor_2 .textBox .artce .top_t{height: auto;overflow: hidden;display: flex;justify-content: flex-start;flex-wrap: wrap;margin-bottom: 50px;}
.floor_2 .textBox .artce .top_t i{display: block;height: 62px;width: 148px;margin-right: 18px;background-image: url(../../images/himall/casepage/icons.png);background-size: 516px;background-position: 0 0;}
.floor_2 .textBox2 .artce .top_t i{background-position: -160px 0;}
.floor_2 .textBox3 .artce .top_t i{background-position: -321px 0;}
.floor_2 .textBox .artce .top_t p{font-size: 16px;color: #919191;}
.floor_2 .textBox .artce .top_t p b{display: block;font-size: 24px;font-weight: bold;color: #404040;margin-bottom: 4px;}
.floor_2 .textBox .artce .text{height: auto;overflow: hidden;display: flex;justify-content: flex-start;flex-wrap: wrap;margin-bottom: 45px;}
.floor_2 .textBox .artce .text span{display: block;font-size: 16px;font-weight: bold;color: #1f1f1f;margin: 1px 20px 0 0;}
.floor_2 .textBox .artce .text p{font-size: 16px;color: #1f1f1f;width: 420px;line-height: 24px;}
.floor_2 .textBox .artce .text3 p{width: 440px;}
.floor_2 .textBox .artce .text p em{color: #ff2121;font-size: 16px;}
.floor_2 .textBox .artce .text ul{display: flex;justify-content: flex-start;flex-wrap: wrap;}
.floor_2 .textBox .artce .text ul li{width: auto;margin-right: 20px;line-height: 24px;font-size: 16px;color: #1f1f1f;}
.floor_2 .textBox .artce .text3 p em{font-weight: bold;} 
.floor_2 .textBox .artce .text ul li::before{display: block;content: '';float: left;height: 20px;width: 20px;overflow: hidden;background-image: url(../../images/himall/casepage/icons.png);background-size: 516px;background-position: 0 -70px;margin: 1px 5px 0 0;}
.floor_2 .textBox .artce .text ul li:nth-child(1):before{width: 17px;}
.floor_2 .textBox .artce .text ul li:nth-child(2):before{background-position: -26px -70px;}
.floor_2 .textBox .artce .text ul li:nth-child(3):before{background-position: -55px -70px;}
.floor_2 .textBox .artce .text ul li:nth-child(4):before{background-position: -82px -70px;width: 15px;}
.floor_2 .textBox .artce .text ul li:nth-child(5):before{background-position: -104px -70px;}
.floor_2 .textBox2 .artce .text ul li:nth-child(3):before{background-position: -134px -70px;width: 16px;}
.floor_2 .textBox2 .artce .text ul li:nth-child(4):before{background-position: -104px -70px;width: 20px;}
.floor_2 .textBox2 .artce{float: right;margin-right: 30px;}

.floor_3{height: auto;overflow: hidden;padding-bottom: 60px;}
.floor_3 ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.floor_3 ul li{height: 398px;width: 278px;border: 1px solid #e5e5e5;cursor: pointer;transition: 0.5s all;margin-bottom: 40px;}
.floor_3 ul li:hover{border: 1px solid #fff;box-shadow: 0 0 14px rgba(0,0,0,.1);}
.floor_3 ul li i{display: block;text-align: center;font-size: 14px;font-weight: bold;color: #010101;margin-bottom: 32px;}
.floor_3 ul li i::before{display: block;content: '';height: 37px;width: 138px;overflow: hidden;background-image: url(../../images/himall/casepage/icons.png);background-size: 516px;background-position: 0 -105px;margin: 35px auto 10px;}
.floor_3 ul li:nth-child(2) i::before{background-position: -142px -105px;width: 108px;}
.floor_3 ul li:nth-child(3) i::before{background-position: -264px -105px;}
.floor_3 ul li:nth-child(4) i::before{background-position: -409px -96px;width: 110px;}
.floor_3 ul li:nth-child(5) i::before{background-position: 0 -150px;width: 124px;}
.floor_3 ul li:nth-child(6) i::before{background-position: -142px -150px;width: 106px;}
.floor_3 ul li:nth-child(7) i::before{background-position: -264px -150px;width: 124px;}
.floor_3 ul li:nth-child(8) i::before{background-position: -412px -150px;width: 103px;}
.floor_3 ul li span{display: block;font-size: 16px;color: #262626;line-height: 24px;padding: 0 30px;margin-bottom: 20px;}
.floor_3 ul li span b{font-size: 16px;color: #262626;font-weight: bold;}
.floor_3 ul li p{padding-left: 30px;font-size: 16px;color: #262626;}
.floor_3 ul li p b{font-weight: bold;font-size: 16px;color: #262626;line-height: 28px;}
.floor_3 ul li p em{display: inline-block;width: 48px;}

.floor_4{height: auto;background: #f4f7f8;padding: 90px 0;}
.floor_4 img{display: block;margin: 0 auto 55px;}

.floor_5{height: 311px;overflow: hidden;background: url(../../images/himall/casepage/fl5_bg.jpg)center top no-repeat;text-align: center;}
.floor_5 span{display: block;font-size: 32px;color: #fff;padding: 70px 0 8px;}
.floor_5 p{font-size: 20px;color: #fff;}
.floor_5 a.btn_himall{margin-top: 30px;}