@charset "utf-8";
*{margin:0;padding:0;border:0;outline:0;font-size:14px;font-family:"PingFang SC","Microsoft YaHei","微软雅黑","宋体";color: #000000;}
body{background: #FFFFFF;}
a{text-decoration: none;cursor: pointer;}
img{border: none;}
em,i{font-style: normal;}
.fl{float: left;}
.fr{float: right;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*+height:1%;}
ul{list-style: none;}
.w1180{width: 1180px;margin: 0 auto;}
.w1152{width: 1152px;margin: 0 auto;}

.title{text-align: center;padding: 80px 0 48px;}
.title span{display: block;font-weight: bold;font-size: 38px;color: #000000;}
.title span em{font-weight: bold;font-size: 38px;color: #368EF9;}
.title p{font-weight: 400;font-size: 20px;color: #595959;padding-top: 16px;}
.justify{display: flex;justify-content: space-between;flex-wrap: wrap;}

.fdej{height: 60px;}
.imenu{height:60px;width:100%;background-color:#f2f2f2;z-index:2;}
.imenu .fl li{float:left;font-size:16px;line-height: 60px;text-align: center;}
.imenu .fl li a{color:#0d0d0d;display:inline-block;height:60px;font-size: 16px;width: 136px;background: #f2f2f2;margin-right: 10px;}
.imenu .fl li:first-child a{width: 106px;}
.imenu .fl li a:hover,.imenu .fl li .on{background: #fff;color:#0096d6;font-weight: bold;height: 60px;}
.imenu .re{float: right;width: 24px;height: 24px;position: relative;top: 0;right:34px;}

.th{height: 52px;padding: 35px 0 32px 0;border-bottom: 1px solid #dcdcdc;}
.th .fl{font-size: 24px;color: #737373;}
.th .fl i{display: inline-block;width: 43px;height: 52px;background: #000;color: #fff;text-align: center;line-height: 52px;border-radius: 5px;margin-left: 12px;font-size: 35px;}
.th .fl i:last-child{margin-right: 12px;}
.th .fl span{font-size: 32px;margin-left: 5px;}
.th .fr a{display: inline-block;width: 142px;height: 47px;font-size: 16px;color: #fff;text-align: center;line-height: 47px;font-size: 18px;margin-right: 20px;background-image:linear-gradient(to right,#fc0707,#f76969);border-radius: 6px;}
.th .fr a:last-child{background-image:linear-gradient(to right,#ff6f03,#ff9425);}

.btn_sqxls{display: block;width: 133px;height: 50px;background: #005EF4;border-radius: 4px;text-align: center;font-weight: 500;font-size: 16px;color: #FFFFFF;line-height: 50px;margin: 48px auto 0;}
.btn_sqxls::after{display: inline-block;content: "";width: 16px;height: 16px;background: url(../../images/sqd/sqxls/arrow.png);background-size: 100%;margin-left: 5px;vertical-align: -3px;}

.banner{height: 400px;background: url(../../images/sqd/sqxls/banner.png)center top no-repeat;background-size: cover;padding-top: 90px;box-sizing: border-box;}
.banner h5{display: block;font-weight: 400;font-size: 16px;color: #252627;margin-bottom: 16px;}
.banner h5::before{content: "";display: inline-block;width: 16px;height: 16px;background: url(../../images/sqd/sqxls/b_hash.png);background-size: 100%;margin-right: 4px;vertical-align: -2px;}
.banner span{display: block;font-weight: bold;font-size: 38px;color: #000000;margin-bottom: 16px;}
.banner span em{font-weight: bold;font-size: 38px;color: #0077FF;}
.banner p{font-weight: 400;font-size: 20px;color: #595959;}
.banner .b_btn{display: flex;margin-top: 40px;}
.banner .b_btn a{display: block;width: 111px;height: 48px;background: #0077FF;border-radius: 4px;text-align: center;font-weight: 400;font-size: 16px;color: #FFFFFF;line-height: 48px;}
.banner .b_btn a:nth-child(2){border: 1px solid #0077FF;background: none;color: #0077FF;box-sizing: border-box;margin-left: 12px;}

.floor_1{height: auto;overflow: hidden;padding-bottom: 60px;}
.floor_1 .option{width: 960px;height: 64px;background: rgba(0,119,255,0.03);border-radius: 32px;border: 1px solid rgba(255, 255, 255, 0.64);margin: 0 auto 48px;box-sizing: border-box;padding: 6px;}
.floor_1 .option li{width: 135px;height: 48px;border-radius: 4px;text-align: center;font-weight: 400;font-size: 16px;color: #595959;line-height: 48px;}
.floor_1 .option li.on{background: #0077FF;border-radius: 24px;color: #FFFFFF;}
.floor_1 .swiper-container{width: 1180px;height: 358px;margin: auto;overflow: hidden;}
.floor_1 .swiper-container .swiper-slide{width: 1180px;height: 338px;background: url(../../images/sqd/sqxls/fl1_bg.png);background-size: 100%;box-shadow: 8px 8px 20px 0px rgba(55,99,170,0.1);border-radius: 8px;display: flex;align-items: center;box-sizing: border-box;padding: 32px;}
.floor_1 .swiper-container .swiper-slide .info{width: 500px;height: 274px;box-sizing: border-box;padding: 16px 0 0 16px;margin-right: 80px;}
.floor_1 .swiper-container .swiper-slide img{display: block;width: 536px;height: 274px;}
.floor_1 .swiper-container .swiper-slide .info span{display: block;font-weight: bold;font-size: 24px;color: #000000;margin-bottom: 16px;}
.floor_1 .swiper-container .swiper-slide .info p{width: 484px;font-weight: 400;font-size: 16px;color: #595959;line-height: 24px;}
.floor_1 .swiper-container .swiper-slide .info hr{display: block;width: 484px;height: 0px;border: 1px solid #F0F0F0;margin: 24px 0;}
.floor_1 .swiper-container .swiper-slide .info a{display: block;width: 133px;margin-left: 0;margin-top: 0;}


.floor_2{height: auto;overflow: hidden;padding-bottom: 80px;background: #F3F5F8;}
.floor_2 ul li{width: 380px;height: 190px;background: #FFFFFF;border-radius: 4px;margin-bottom: 20px;box-sizing: border-box;padding: 40px 0 0 40px;transition: all 0.5s ease-in-out;}
.floor_2 ul li.on{background: #0077FF;box-shadow: 4px 12px 40px -6px rgba(0,119,255,0.32);}
.floor_2 ul li span{display: block;font-weight: bold;font-size: 20px;color: #000000;margin-bottom: 24px;height: 40px;}
.floor_2 ul li.on span{color: #FFFFFF;}
.floor_2 ul li span::before{content: "";display: inline-block;width: 40px;height: 40px;background: url(../../images/sqd/sqxls/fl2_a1.png);background-size: 100%;margin-right: 10px;vertical-align: middle;}
.floor_2 ul li:nth-child(2) span::before{background: url(../../images/sqd/sqxls/fl2_a2.png);background-size: 100%;}
.floor_2 ul li:nth-child(3) span::before{background: url(../../images/sqd/sqxls/fl2_a3.png);background-size: 100%;}
.floor_2 ul li:nth-child(4) span::before{background: url(../../images/sqd/sqxls/fl2_a4.png);background-size: 100%;}
.floor_2 ul li:nth-child(5) span::before{background: url(../../images/sqd/sqxls/fl2_a5.png);background-size: 100%;}
.floor_2 ul li:nth-child(6) span::before{background: url(../../images/sqd/sqxls/fl2_a6.png);background-size: 100%;}
.floor_2 ul li.on span::before{background: url(../../images/sqd/sqxls/fl2_b1.png);background-size: 100%;}
.floor_2 ul li.on:nth-child(2) span::before{background: url(../../images/sqd/sqxls/fl2_b2.png);background-size: 100%;}
.floor_2 ul li.on:nth-child(3) span::before{background: url(../../images/sqd/sqxls/fl2_b3.png);background-size: 100%;}
.floor_2 ul li.on:nth-child(4) span::before{background: url(../../images/sqd/sqxls/fl2_b4.png);background-size: 100%;}
.floor_2 ul li.on:nth-child(5) span::before{background: url(../../images/sqd/sqxls/fl2_b5.png);background-size: 100%;}
.floor_2 ul li.on:nth-child(6) span::before{background: url(../../images/sqd/sqxls/fl2_b6.png);background-size: 100%;}
.floor_2 ul li p{font-weight: 400;font-size: 14px;color: #595959;line-height: 22px;}
.floor_2 ul li.on p{color: rgba(255,255,255,0.65);}
.floor_2 a{margin-top: 28px;}


.floor_3{height: auto;overflow: hidden;background:url(../../images/sqd/sqxls/fl3_bg.png)center top no-repeat;background-size: cover;}
.floor_3 ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.floor_3 ul li{width: 300px;height: 400px;background: linear-gradient( 135deg, rgba(255,255,255,0.8) 0%, rgba(245,249,255,0.4) 100%);backdrop-filter: blur(48px);}
.floor_3 ul li:nth-child(1){width: 280px;height: 400px;background: url(../../images/sqd/sqxls/fl3_bg1.png);background-size: 100%;padding-top: 39px;box-sizing: border-box;}
.floor_3 ul li h5{display: block;font-weight: 500;font-size: 38px;color: #FFFFFF;margin-left: 30px;margin-bottom: 4px;}
.floor_3 ul li h4{display: block;font-weight: 400;font-size: 16px;color: rgba(255,255,255,0.72);margin-left: 30px;margin-bottom: 40px;}
.floor_3 ul li .img{display: block;width: 48px;height: 48px;background:url(../../images/sqd/sqxls/fl3_ico1.png);background-size: 100%;margin: 68px auto 20px;}
.floor_3 ul li:nth-child(3) .img{background:url(../../images/sqd/sqxls/fl3_ico2.png);background-size: 100%;}
.floor_3 ul li:nth-child(4) .img{background:url(../../images/sqd/sqxls/fl3_ico3.png);background-size: 100%;}
.floor_3 ul li span{display: block;text-align: center;font-weight: 400;font-size: 20px;color: #222222;}
.floor_3 ul li h3{display: block;font-weight: 400;font-size: 16px;color: #33363F;text-align: center;margin: 5px auto 20px;}
.floor_3 ul li i{display: block;text-align: center;font-weight: 400;font-size: 12px;color: #33363F;line-height: 20px;margin-bottom: 5px;}
.floor_3 ul li i em{width: 13px;height: 12px;background:url(../../images/sqd/sqxls/fl3_check.png);background-size: 100%;display: inline-block;margin-right: 5px;vertical-align: -1px;}


.floor_4{height: auto;overflow: hidden;padding-bottom: 80px;background: url(../../images/sqd/sqxls/fl4_bg.png)center top no-repeat;background-size: cover;}
.floor_4 .swiper-container{width: 1180px;height: 426px;margin: auto;overflow: hidden;position: relative;}
.floor_4 .swiper-container .swiper-slide{width: 100%;height: 100%;background: #FFFFFF;border-radius: 16px;display: flex;box-sizing: border-box;padding-top: 32px;}
.floor_4 .swiper-container .swiper-slide .info{width: 522px;height: auto;margin: 24px 60px 0 48px;}
.floor_4 .swiper-container .slide2 .info{margin-top: 0;}
.floor_4 .swiper-container .slide3 .info{margin-top: 12px;}
.floor_4 .swiper-container .slide4 .info{margin-top: 0;}
.floor_4 .swiper-container .slide5 .info{margin-top: -12px;}
.floor_4 .swiper-container .swiper-slide .info .logo{width: 50px;height: 50px;background: url(../../images/sqd/sqxls/fl4_logo1.png);background-size: 100%;margin-bottom: 24px;}
.floor_4 .swiper-container .slide2 .info .logo{width: 70px;height: 50px;background: url(../../images/sqd/sqxls/fl4_logo2.png);background-size: 100%;}
.floor_4 .swiper-container .slide3 .info .logo{width: 61px;height: 50px;background: url(../../images/sqd/sqxls/fl4_logo3.png);background-size: 100%;}
.floor_4 .swiper-container .slide4 .info .logo{width: 120px;height: 50px;background: url(../../images/sqd/sqxls/fl4_logo4.png);background-size: 100%;}
.floor_4 .swiper-container .slide5 .info .logo{width: 53px;height: 50px;background: url(../../images/sqd/sqxls/fl4_logo5.png);background-size: 100%;}
.floor_4 .swiper-container .swiper-slide img{display: block;width: 518px;height: 362px;}
.floor_4 .swiper-container .swiper-slide .info span{display: block;font-weight: bold;font-size: 24px;color: #000000;margin-bottom: 16px;}
.floor_4 .swiper-container .swiper-slide .info span em{display: inline-block;width: auto;height: 20px;background: #E6F2FF;border-radius: 2px;text-align: center;font-weight: 400;font-size: 12px;color: #0077FF;line-height: 20px;margin-left: 8px;vertical-align: 2px;box-sizing: border-box;padding: 0 4px;}
.floor_4 .swiper-container .swiper-slide .info p{font-weight: 400;font-size: 16px;color: #1F1F1F;line-height: 24px;margin-bottom: 24px;}
.floor_4 .swiper-container .swiper-slide .info a{display: block;width: 156px;height: 48px;background: #000000;border-radius: 4px;text-align: center;font-weight: 400;font-size: 16px;color: #FFFFFF;line-height: 48px;}
.floor_4 .swiper-container .swiper-slide .info a::after{display: inline-block;content: "";width: 16px;height: 16px;background: url(../../images/sqd/sqxls/arrow.png);background-size: 100%;margin-left: 5px;vertical-align: -3px;}
.floor_4 .swiper-button-prev::after{font-size: 0;}
.floor_4 .swiper-button-next::after{font-size: 0;}
.floor_4 .swiper-button-prev{width: 40px;height: 40px;background: url(../../images/sqd/sqxls/fl4_prev1.png);background-size: 100%;position: absolute;left: 48px;top: 380px;}
.floor_4 .swiper-button-next{width: 40px;height: 40px;background: url(../../images/sqd/sqxls/fl4_next1.png);background-size: 100%;position: absolute;left: 104px;top: 380px;}
.floor_4 .swiper-button-prev.swiper-button-disabled{background: url(../../images/sqd/sqxls/fl4_prev2.png);background-size: 100%;}
.floor_4 .swiper-button-next.swiper-button-disabled{background: url(../../images/sqd/sqxls/fl4_next2.png);background-size: 100%;}










