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

.banner{height: 640px;background: url(../../images/sqd/scym/banner.png) center top no-repeat;background-size: cover;box-sizing: border-box;padding-top: 190px;margin-top: -126px;}
.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/scym/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;color: #6e53f8;font-size: 38px;}
.banner p{display: block;font-weight: 400;font-size: 20px;color: #595959;line-height: 28px;}
.banner 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;margin-top: 40px;}




.btn_sq{display: block;width: 149px;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_sq::after{content: '';display: inline-block;width: 16px;height: 16px;background: url(../../images/sqd/scym/arrow.png);background-size: 100%;margin-left: 5px;vertical-align: -2px;}

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

.floor_1{height: auto;overflow: hidden;background: url(../../images/sqd/scym/fl1_bg.png) center top no-repeat;background-size: cover;padding-bottom: 64px;}
.floor_1 ul li{width: 380px;height: 210px;background: #FFFFFF;border-radius: 4px;box-sizing: border-box;padding: 40px 0 0 40px;margin-bottom: 20px;transition: all 0.5s ease;}
.floor_1 ul li:hover{background: #0077FF;box-shadow: 4px 12px 40px -6px rgba(0,119,255,0.32);}
.floor_1 ul li span{display: block;font-weight: bold;font-size: 20px;color: #000000;margin-bottom: 24px;}
.floor_1 ul li:hover span{color: #fff;}
.floor_1 ul li span::before{content: '';display: inline-block;width: 40px;height: 40px;background: url(../../images/sqd/scym/fl1_a1.png);background-size: 100%;margin-right: 10px;vertical-align: -12px;}
.floor_1 ul li:nth-child(2) span::before{background: url(../../images/sqd/scym/fl1_a2.png);background-size: 100%;}
.floor_1 ul li:nth-child(3) span::before{background: url(../../images/sqd/scym/fl1_a3.png);background-size: 100%;}
.floor_1 ul li:nth-child(4) span::before{background: url(../../images/sqd/scym/fl1_a4.png);background-size: 100%;}
.floor_1 ul li:nth-child(5) span::before{background: url(../../images/sqd/scym/fl1_a5.png);background-size: 100%;}
.floor_1 ul li:nth-child(6) span::before{background: url(../../images/sqd/scym/fl1_a6.png);background-size: 100%;}
.floor_1 ul li:nth-child(7) span::before{background: url(../../images/sqd/scym/fl1_a7.png);background-size: 100%;}
.floor_1 ul li:nth-child(8) span::before{background: url(../../images/sqd/scym/fl1_a8.png);background-size: 100%;}
.floor_1 ul li:nth-child(9) span::before{background: url(../../images/sqd/scym/fl1_a9.png);background-size: 100%;}
.floor_1 ul li:hover span::before{background: url(../../images/sqd/scym/fl1_b1.png);background-size: 100%;}
.floor_1 ul li:nth-child(2):hover span::before{background: url(../../images/sqd/scym/fl1_b2.png);background-size: 100%;}
.floor_1 ul li:nth-child(3):hover span::before{background: url(../../images/sqd/scym/fl1_b3.png);background-size: 100%;}
.floor_1 ul li:nth-child(4):hover span::before{background: url(../../images/sqd/scym/fl1_b4.png);background-size: 100%;}
.floor_1 ul li:nth-child(5):hover span::before{background: url(../../images/sqd/scym/fl1_b5.png);background-size: 100%;}
.floor_1 ul li:nth-child(6):hover span::before{background: url(../../images/sqd/scym/fl1_b6.png);background-size: 100%;}
.floor_1 ul li:nth-child(7):hover span::before{background: url(../../images/sqd/scym/fl1_b7.png);background-size: 100%;}
.floor_1 ul li:nth-child(8):hover span::before{background: url(../../images/sqd/scym/fl1_b8.png);background-size: 100%;}
.floor_1 ul li:nth-child(9):hover span::before{background: url(../../images/sqd/scym/fl1_b9.png);background-size: 100%;}
.floor_1 ul li p{width: 300px;font-weight: 400;font-size: 14px;color: #595959;line-height: 22px;}
.floor_1 ul li:hover p{color: rgba(255,255,255,0.65);}
.floor_1 a{margin-top: 20px;}


.floor_2{overflow: hidden;height: auto;background: url(../../images/sqd/scym/fl2_bg.png) center top no-repeat;background-size: cover;padding-bottom: 64px;}

.floor_2 .title span{color: #ffffff;}

.floor_2 .title p{color: #ffffff;}
.floor_2 .t{display: flex;}
.floor_2 .nav{width: 180px;height: 394px;background: linear-gradient( 180deg, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.3) 100%);border-radius: 8px;border: 1px solid rgba(255, 255, 255, 0.3);box-sizing: border-box;padding-top: 10px;backdrop-filter: blur(48px);}
.floor_2 .nav i{display: block;width: 140px;height: 45px;font-weight: 400;font-size: 16px;color: rgba(255,255,255,0.72);line-height: 45px;text-align: center;cursor: pointer;margin-left: 20px;box-sizing: border-box;}
.floor_2 .nav i.on{background: #8177ff;border-radius: 2px; color: #FFFFFF;}
.floor_2 .swiper-container{width: 980px;height: 394px;margin-left: auto;overflow: hidden;}
.floor_2 .swiper-slide{width: 980px;height: 394px;background: rgba(255,255,255,0.2);border-radius: 8px;backdrop-filter: blur(48px);text-align: center;box-sizing: border-box;}
.floor_2 .swiper-slide p{font-weight: 500;font-size: 14px;color: rgba(255,255,255,0.72);line-height: 22px;margin-bottom: 35px;margin-top: 45px;}

.floor_2 .swiper-slide img{display: block;width: 739px;height: 230px;margin: auto;}

.floor_2 .no2 img{display: block;width: 840px;height: 295px;margin: 50px auto 0;}

.floor_2 .no3 p{margin: 28px 0 26px;}

.floor_2 .no3 img{display: block;width: 509px;height: 275px;margin: auto;}

.floor_2 .no4 p{margin: 45px 0 35px;}

.floor_2 .no4 img{display: block;width: 739px;height: 230px;margin: auto;}

.floor_2 .no5 p{margin: 45px 0 35px;}

.floor_2 .no5 img{display: block;width: 739px;height: 230px;margin: auto;}

.floor_2 .no6 p{margin: 45px 0 35px;}

.floor_2 .no6 img{display: block;width: 739px;height: 230px;margin: auto;}

.floor_2 .no7 p{margin: 32px 0 30px;}

.floor_2 .no7 img{display: block;width: 597px;height: 260px;margin: auto;}





.floor_3{height: auto;overflow: hidden;padding-bottom: 64px;}
.floor_3 ul li{width: 220px;height: 274px;background: linear-gradient( 180deg, #F3F5F8 0%, #FFFFFF 100%);box-shadow: 8px 8px 20px 0px rgba(55,99,170,0.1);border-radius: 8px;border: 2px solid #FFFFFF;box-sizing: border-box;padding-top: 32px;}
.floor_3 ul li span{display: block;font-weight: bold;font-size: 24px;color: #262626;text-align: center;}

.floor_3 ul li span::before{content: "";display: block;width: 64px;height: 64px;background: url(../../images/sqd/scym/fl3_ico1.png);background-size: 100%;margin: 0 auto 32px;}

.floor_3 ul li:nth-child(2) span::before{background: url(../../images/sqd/scym/fl3_ico2.png);background-size: 100%;}

.floor_3 ul li:nth-child(3) span::before{background: url(../../images/sqd/scym/fl3_ico3.png);background-size: 100%;}

.floor_3 ul li:nth-child(4) span::before{background: url(../../images/sqd/scym/fl3_ico4.png);background-size: 100%;}

.floor_3 ul li:nth-child(5) span::before{background: url(../../images/sqd/scym/fl3_ico5.png);background-size: 100%;}

.floor_3 ul li p{width: 180px;font-weight: 400;font-size: 14px;color: #5D5F63;line-height: 22px;margin: 16px auto 0;}





.floor_4{height: auto;overflow: hidden;padding-bottom: 64px;background: url(../../images/sqd/scym/fl4_bg.png) center top no-repeat;background-size: cover;}
.floor_4 ul li{width: 580px;height: 178px;background: rgba(255,255,255,0.6);box-shadow: 8px 8px 20px 0px rgba(55,99,170,0.1);border-radius: 8px;border: 2px solid #FFFFFF;margin-bottom: 20px;box-sizing: border-box;padding: 32px 0 0 32px;display: flex;}

.floor_4 ul li img{display: block;width: 88px;height: 88px;}

.floor_4 ul li .inf{margin-left: 32px;}

.floor_4 ul li .inf span{display: block;font-weight: bold;font-size: 24px;color: #262626;margin-bottom: 12px;}

.floor_4 ul li .inf p{width: 396px;font-weight: 400;font-size: 14px;color: #5D5F63;line-height: 22px;}

.floor_4 ul li:nth-child(4) .inf p:last-child{margin-top: 4px;}

.floor_4 a{margin-top: 28px;}