@charset "utf-8";
b{font-weight:bold;}
ul,li{list-style: none;}
.w1180{width:1180px;margin:0 auto;}
.fl{float:left;}
.fr{float:right;}
.clearfix {*zoom: 1;}
.clearfix:after{display: block;content: " ";height: 0;visibility: hidden;clear: both;}

.title_1{text-align: center;padding: 100px 0 40px;}
.title_1 span{font-weight: 500;font-size: 38px;color: #000000;}
.title_1 p{font-size: 16px;color: #808080;padding-top: 22px;}

.banner{background:url(../../images/case/index_new/banner.png)center top no-repeat;height:430px;background-size: cover;}

.banner span{display: block;font-weight: 500;font-size: 38px;color: #FFFFFF;padding-top: 110px;}

.banner p{display: block;font-weight: 400;font-size: 20px;color: rgba(255,255,255,0.72);margin-top: 10px;margin-bottom: 60px;}
.banner a{display: block;text-align: center;width: 144px;height: 48px;background: #FFFFFF;border-radius: 4px;font-weight: 400;font-size: 16px;color: #6467F0;line-height: 48px;}

.floor_1{height: auto;overflow: hidden;padding-bottom: 40px;}
.floor_1 .con-box{width: 1350px;margin: 0 auto;background: #FFFFFF;position: relative;height: 340px;}

.floor_1 .swiper-container{width: 1200px;background: #FFFFFF;height: 320px;padding-top: 20px;padding-left: 10px;}
.floor_1 .swiper-slide{width: 224px!important;height: 300px;text-align: center;background: #FFFFFF url(../../images/case/index_new/fl1_01.png)center center no-repeat;background-size:208px 284px;box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.2);border-radius: 8px;position: relative;}

.floor_1 .swiper-slide.no02{background-image:url(../../images/case/index_new/fl1_02.png);}
.floor_1 .swiper-slide.no03{background-image:url(../../images/case/index_new/fl1_03.png);}
.floor_1 .swiper-slide.no04{background-image:url(../../images/case/index_new/fl1_04.png);}
.floor_1 .swiper-slide.no05{background-image:url(../../images/case/index_new/fl1_05.png);}
.floor_1 .swiper-slide.no06{background-image:url(../../images/case/index_new/fl1_06.png);}
.floor_1 .swiper-slide.no07{background-image:url(../../images/case/index_new/fl1_07.png);}

.floor_1 .swiper-slide.no08{background-image:url(../../images/case/index_new/fl1_08.png);}

.floor_1 .swiper-slide.no09{background-image:url(../../images/case/index_new/fl1_09.png);}

.floor_1 .swiper-slide.no10{background-image:url(../../images/case/index_new/fl1_10.png);}

.floor_1 .swiper-slide.no11{background-image:url(../../images/case/index_new/fl1_11.png);}

.floor_1 .swiper-slide.no12{background-image:url(../../images/case/index_new/fl1_12.png);}

.floor_1 .swiper-slide.no13{background-image:url(../../images/case/index_new/fl1_13.png);}

.floor_1 .swiper-slide.no14{background-image:url(../../images/case/index_new/fl1_14.png);}

.floor_1 .swiper-slide.no15{background-image:url(../../images/case/index_new/fl1_15.png);}

.floor_1 .swiper-slide.no16{background-image:url(../../images/case/index_new/fl1_16.png);}

.floor_1 .swiper-slide.no17{background-image:url(../../images/case/index_new/fl1_17.png);}

.floor_1 .swiper-slide .mask{position: absolute;width: 208px;height: 284px;top: 8px;left: 8px;background: rgba(0,0,0,0.4);z-index: 1;}

.floor_1 .swiper-slide .info{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;}

.floor_1 .swiper-slide .info span{display: block;font-weight: bold;font-size: 24px;color: #FFFFFF;padding: 110px 0 8px;}
.floor_1 .swiper-slide .info p{font-weight: 400;font-size: 16px;color: rgba(255,255,255,0.9);}

.floor_1 .swiper-button-prev::after{font-size: 0;}

.floor_1 .swiper-button-next::after{font-size: 0;}
.floor_1 .swiper-button-prev{width: 64px;height: 64px;background: url(../../images/case/index_new/prev.png);background-size: 100%;position: absolute;left: 0px;}

.floor_1 .swiper-button-next{width: 64px;height: 64px;background: url(../../images/case/index_new/next.png);background-size: 100%;position: absolute;right: 0px;}


a.btn_al{display: block;width: 197px;height: 50px;background: #005EF4;border-radius: 4px;text-align: center;margin: 30px auto 0;font-weight: 400;font-size: 16px;color: #FFFFFF;line-height: 50px;}
a.btn_al::after{display: inline-block;content: "";width: 16px;height: 16px;background: url(../../images/case/index_new/fl1_arrow.png);background-size: 100%;margin-left: 5px;vertical-align: -3px;}
.floor_2{height: auto;overflow: hidden;}

.floor_2 ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.floor_2 ul li{width: 590px;height: 448px;background: #FFFFFF;border: 1px solid #f0f0f0;box-sizing: border-box;text-align: center;position: relative;}

.floor_2 ul li .logo{width: 180px;height: 60px;background: url(../../images/case/index_new/fl2_logo1.png);background-size: 100%;margin: 80px auto 32px;}

.floor_2 ul li:nth-child(2) .logo{background: url(../../images/case/index_new/fl2_logo2.png);background-size: 100%;}

.floor_2 ul li:nth-child(3) .logo{background: url(../../images/case/index_new/fl2_logo3.png);background-size: 100%;}

.floor_2 ul li:nth-child(4) .logo{background: url(../../images/case/index_new/fl2_logo4.png);background-size: 100%;}

.floor_2 ul li:nth-child(5) .logo{background: url(../../images/case/index_new/fl2_logo5.png);background-size: 100%;}

.floor_2 ul li:nth-child(6) .logo{background: url(../../images/case/index_new/fl2_logo6.png);background-size: 100%;}

.floor_2 ul li:nth-child(7) .logo{background: url(../../images/case/index_new/fl2_logo7.png);background-size: 100%;}

.floor_2 ul li:nth-child(8) .logo{background: url(../../images/case/index_new/fl2_logo8.png);background-size: 100%;}

.floor_2 ul li:nth-child(9) .logo{background: url(../../images/case/index_new/fl2_logo9.png);background-size: 100%;}

.floor_2 ul li:nth-child(10) .logo{background: url(../../images/case/index_new/fl2_logo10.png);background-size: 100%;}

.floor_2 ul li:nth-child(11) .logo{background: url(../../images/case/index_new/fl2_logo11.png);background-size: 100%;}

.floor_2 ul li:nth-child(12) .logo{background: url(../../images/case/index_new/fl2_logo12.png);background-size: 100%;}

.floor_2 ul li:nth-child(13) .logo{background: url(../../images/case/index_new/fl2_logo13.png);background-size: 100%;}

.floor_2 ul li:nth-child(14) .logo{background: url(../../images/case/index_new/fl2_logo14.png);background-size: 100%;}

.floor_2 ul li:nth-child(15) .logo{background: url(../../images/case/index_new/fl2_logo15.png);background-size: 100%;}

.floor_2 ul li:nth-child(16) .logo{background: url(../../images/case/index_new/fl2_logo16.png);background-size: 100%;}

.floor_2 ul li:nth-child(17) .logo{background: url(../../images/case/index_new/fl2_logo17.png);background-size: 100%;}

.floor_2 ul li:nth-child(18) .logo{background: url(../../images/case/index_new/fl2_logo18.png);background-size: 100%;}

.floor_2 ul li:nth-child(19) .logo{background: url(../../images/case/index_new/fl2_logo19.png);background-size: 100%;}

.floor_2 ul li:nth-child(20) .logo{background: url(../../images/case/index_new/fl2_logo20.png);background-size: 100%;}

.floor_2 ul li:nth-child(21) .logo{background: url(../../images/case/index_new/fl2_logo21.png);background-size: 100%;}

.floor_2 ul li:nth-child(22) .logo{background: url(../../images/case/index_new/fl2_logo22.png);background-size: 100%;}

.floor_2 ul li:nth-child(23) .logo{background: url(../../images/case/index_new/fl2_logo23.png);background-size: 100%;}

.floor_2 ul li:nth-child(24) .logo{background: url(../../images/case/index_new/fl2_logo24.png);background-size: 100%;}

.floor_2 ul li .tit{width: 72px;height: 24px;background: #FFF0E2;border-radius: 2px;margin: 0 auto;}

.floor_2 ul li .tit span{display: block;font-weight: bold;font-size: 14px;color: #B86B3B;line-height: 24px;height: 24px;}

.floor_2 ul li .t_3{display: block;margin: 16px auto 8px;font-weight: bold;font-size: 20px;color: #252627;}
.floor_2 ul li p{display: block;text-align: center;font-weight: 400;font-size: 16px;color: #5D5F63;line-height: 24px;}

.floor_2 ul li .bot{display: block;margin: 32px auto 0;width: 208px;}

.floor_2 ul li .bot b{display: inline-block;width: 96px;height: 40px;border-radius: 2px;font-weight: 400;font-size: 16px;color: #005EF4;line-height: 40px;border: 1px solid #005EF4;box-sizing: border-box;}

.floor_2 ul li .bot b:nth-child(2){border: 1px solid #d0d0d0;color: #252627;margin-left: 16px;}

.floor_2 ul li .mask{position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: url(../../images/case/index_new/fl2_mask1.png);background-size: 100%;display: none;}

.floor_2 ul li:nth-child(2) .mask{background: url(../../images/case/index_new/fl2_mask2.png);background-size: 100%;}

.floor_2 ul li:nth-child(3) .mask{background: url(../../images/case/index_new/fl2_mask3.png);background-size: 100%;}

.floor_2 ul li:nth-child(4) .mask{background: url(../../images/case/index_new/fl2_mask4.png);background-size: 100%;}

.floor_2 ul li:nth-child(5) .mask{background: url(../../images/case/index_new/fl2_mask5.png);background-size: 100%;}

.floor_2 ul li:nth-child(6) .mask{background: url(../../images/case/index_new/fl2_mask6.png);background-size: 100%;}

.floor_2 ul li:nth-child(7) .mask{background: url(../../images/case/index_new/fl2_mask7.png);background-size: 100%;}

.floor_2 ul li:nth-child(8) .mask{background: url(../../images/case/index_new/fl2_mask8.png);background-size: 100%;}

.floor_2 ul li:nth-child(9) .mask{background: url(../../images/case/index_new/fl2_mask9.png);background-size: 100%;}

.floor_2 ul li:nth-child(10) .mask{background: url(../../images/case/index_new/fl2_mask10.png);background-size: 100%;}

.floor_2 ul li:nth-child(11) .mask{background: url(../../images/case/index_new/fl2_mask11.png);background-size: 100%;}

.floor_2 ul li:nth-child(12) .mask{background: url(../../images/case/index_new/fl2_mask12.png);background-size: 100%;}

.floor_2 ul li:nth-child(13) .mask{background: url(../../images/case/index_new/fl2_mask13.png);background-size: 100%;}

.floor_2 ul li:nth-child(14) .mask{background: url(../../images/case/index_new/fl2_mask14.png);background-size: 100%;}

.floor_2 ul li:nth-child(15) .mask{background: url(../../images/case/index_new/fl2_mask15.png);background-size: 100%;}

.floor_2 ul li:nth-child(16) .mask{background: url(../../images/case/index_new/fl2_mask16.png);background-size: 100%;}

.floor_2 ul li:nth-child(17) .mask{background: url(../../images/case/index_new/fl2_mask17.png);background-size: 100%;}

.floor_2 ul li:nth-child(18) .mask{background: url(../../images/case/index_new/fl2_mask18.png);background-size: 100%;}

.floor_2 ul li:nth-child(19) .mask{background: url(../../images/case/index_new/fl2_mask19.png);background-size: 100%;}

.floor_2 ul li:nth-child(20) .mask{background: url(../../images/case/index_new/fl2_mask20.png);background-size: 100%;}

.floor_2 ul li:nth-child(21) .mask{background: url(../../images/case/index_new/fl2_mask21.png);background-size: 100%;}

.floor_2 ul li:nth-child(22) .mask{background: url(../../images/case/index_new/fl2_mask22.png);background-size: 100%;}

.floor_2 ul li:nth-child(23) .mask{background: url(../../images/case/index_new/fl2_mask23.png);background-size: 100%;}

.floor_2 ul li:nth-child(24) .mask{background: url(../../images/case/index_new/fl2_mask24.png);background-size: 100%;}

.floor_2 ul li .mask .info{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;}

.floor_2 ul li .mask .dark{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 1;background: rgba(0,0,0,0.4);}

.floor_2 ul li .mask .info img{display: block;margin: 80px auto 16px;width: 176px;height: 176px;}

.floor_2 ul li .mask .info h5{display: block;margin: 0 auto;font-weight: 400;font-size: 16px;color: #FFFFFF;text-align: center;font-family: PingFang SC;}

.floor_2 ul li .mask .info .bot{display: block;margin: 32px auto 0;width: 210px;}

.floor_2 ul li .mask .info .bot a{display: inline-block;width: 96px;height: 40px;background: rgba(255,255,255,0.9);border-radius: 2px;text-align: center;font-weight: 400;font-size: 16px;color: #252627;line-height: 40px;border: 1px solid rgba(255,255,255,0);box-sizing: border-box;}

.floor_2 ul li .mask .info .bot a:nth-child(2){border: 1px solid rgba(255,255,255,1);background: rgba(255,255,255,0);color: #FFFFFF;margin-left: 12px;}

.floor_2 ul li:hover .mask{display: block;}





.floor_3{height: auto;overflow: hidden;background: #FAFAFA;}
.floor_xy .box ul{width: 1180px;height: 60px;overflow: hidden;margin: 0 auto 40px;}
.floor_xy .box ul li{float: left;cursor: pointer;color: #333333;opacity: 1;text-align: center;width: 295px;height: 60px;}
.floor_xy .box ul li a{display: block;width: 295px;height: 60px;line-height: 60px;font-weight: 400;font-size: 20px;color: #5D5F63;border-bottom: 2px solid #f0f0f0;box-sizing: border-box;}
.floor_xy .box ul li.on a,.floor_xy ul li:hover a{font-weight: bold;font-size: 20px;color: #005EF4;border-bottom: 2px solid #005EF4;}
.floor_xy .w1180 .tit{height: auto;border: 1px solid #e6e6e6;padding: 18px 0 0 30px;width: 1150px!important;margin-bottom: 20px;}
.floor_xy .w1180 .tit span{display: block;font-weight: bold;text-align: center;float: left;margin:2px 10px 0 0;color: #227aff;}
.floor_xy .w1180 .tit a{display: block;float: left;margin-right: 40px;width: 74px;text-align: center;font-size: 18px;margin-bottom: 16px;}
.floor_xy .w1180 a b{font-weight: normal;}
.floor_xy .w1180 .tit .thisclass b{color: #227aff;}
.floor_xy .w1180 a:hover b{color: #227aff;}

.floor_3 .text .bt{overflow: hidden;height: auto;width: 1180px;}
.floor_3 .text .bt ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.floor_3 .text .bt ul li{width: 280px;height: 394px;background: #FFFFFF;margin-bottom: 20px;border: 1px solid rgba(0,0,0,0);box-sizing: border-box;}
.floor_3 .text .bt ul li img{display: block;height: 40px;margin: 30px auto 16px;}
.floor_3 .text .bt ul li h1{font-size: 20px;color: #252627;text-align: center;font-weight: bold}
.floor_3 .text .bt ul li span{font-size: 14px;color: #5D5F63;margin: 8px 40px 26px 40px;display: block;line-height: 22px;height: 110px;overflow: hidden;font-weight: 400;}
.floor_3 .text .bt ul li p{font-weight: 400;font-size: 12px;color: #5D5F63;line-height: 25px;width: 200px;height: 88px;background: #FAFAFA;margin: 16px auto 0;padding: 10px 0 0 10px;}


.pages{height:auto; overflow:hidden; margin-bottom:20px;}
.pages ul{padding:12px 0px 12px 430px;height:auto; overflow:hidden;float:right;}
.pages li{float:left; margin-right:8px; line-height:32px; font-size:16px;height: 32px;background: #FFFFFF;text-align: center;}
.pages li a{color: rgba(0,0,0,0.88);background: #FFFFFF;font-size:16px;cursor: pointer;height: 32px; line-height:32px;text-align: center;padding: 0 12px;display: inline-block;border: 1px solid #d0d0d0;border-radius: 6px;}
.pages li a:hover,.pages .thisclass a{color: #1677FF;border: 1px solid #1677FF;}

.floor_10{overflow:hidden;}
.floor_10 .title{margin-top: 70px;}
.floor_10 ul{overflow: hidden;margin:30px auto 70px;width: 1200px;}
.floor_10 ul li{width: 160px;float: left;text-align:center;margin-right: 12px;}
.floor_10 ul li:last-child{margin-right: 0;}
.floor_10 ul li img{display: block;border: 0px solid #e5e5e5;}
.floor_10 ul li p{margin-top: 14px;font-size: 16px;color: #242424;}


div.btn{text-align: center;margin: 40px 0 76px;}
.btn a{display: inline-block;font-size: 24px;color: #fff;width: 300px;height: 70px;line-height: 70px;text-align: center;margin-right: 100px;background: #307dff;border-radius: 5px;}
.btn a:last-child{margin-right: 0;background: #fe5051;}