@charset "utf-8";
*{margin:0;padding:0;border:0;font-size:14px;background:transparent;font-family:"PingFang SC","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;}

.title_1{padding: 80px 0 48px;text-align: center;}
.title_1 span{display: block;font-weight: bold;font-size: 38px;color: #000000;}

.title_1 span em{font-weight: bold;font-size: 38px;background: linear-gradient(0deg, #10AEFF 0%, #6467F0 100%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}



a.btn_fl{display: block;width: 167px;height: 48px;background: #0077FF;border-radius: 2px;text-align: center;font-weight: 400;font-size: 16px;color: #FFFFFF;line-height: 48px;margin: 48px auto 0;}

a.btn_fl::before{content: "";display: inline-block;width: 16px;height: 16px;background:url(../../images/ydsc/flsc/arrow1.webp);background-size: 100%;margin-right: 8px;vertical-align: -2px;}

.justify{display: flex;justify-content: space-between;flex-wrap: wrap;}




.banner{height: 500px;background:url(../../images/ydsc/flsc/banner.webp) center top no-repeat;background-size: cover;box-sizing: border-box;padding-top: 119px;}
.banner h5{display: flex;align-items: center;width: 205px;height: 20px;background: linear-gradient( 270deg, #96C3FF 0%, #5182FF 100%);border-radius: 10px 10px 10px 0px;font-weight: 400;font-size: 14px;color: #ffffff;margin-bottom: 16px;box-sizing: border-box;padding-left: 4px;line-height: 20px;}
.banner h5 em{display: block;width: 16px;height: 16px;background:url(../../images/ydsc/flsc/b_hash.webp);background-size: 100%;margin-right: 4px;}
.banner span{display: block;font-weight: bold;font-size: 50px;color: #222222;margin-bottom: 16px;}
.banner span em{font-weight: bold;font-size: 50px;background: linear-gradient(0deg, #10AEFF 0%, #6467F0 100%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.banner p{font-weight: 400;font-size: 20px;color: #333333;line-height: 28px;}
.banner a{display: block;width: 166px;height: 50px;background: linear-gradient( 90deg, #005EF4 0%, #4D9AFF 100%);border-radius: 100px;text-align: center;font-weight: 400;font-size: 18px;color: #FFFFFF;line-height: 50px;margin-top: 40px;}
.banner a::after{display: inline-block;content: '';width: 20px;height: 20px;background: url(../../images/ydsc/flsc/arrow3.webp);background-size: 100%;margin-left: 8px;vertical-align: -4px;}


.floor_1{height: auto;overflow: hidden;padding-bottom: 80px;background:url(../../images/ydsc/flsc/fl1_bg.webp) center top no-repeat;background-size: cover;}
.floor_1 ul{width: 1180px;height: 398px;background:url(../../images/ydsc/flsc/fl1_1.webp);background-size: 100%;padding: 88px 50px 0 50px;box-sizing: border-box;}

.floor_1 ul li{width: 402px;height: 116px;background: linear-gradient( 133deg, rgba(234,245,255,0.7) 0%, rgba(232,238,247,0.4) 100%);box-shadow: 0px 3px 7px 0px rgba(52,74,108,0.3);border-radius: 16px;border: 1px solid rgba(255, 255, 255, 0.8);box-sizing: border-box;padding: 17px 0 0 30px;backdrop-filter: blur(30px);}

.floor_1 ul li:nth-child(2n){text-align: right;padding: 17px 22px 0 0;}

.floor_1 ul li span{display: block;width: 90px;height: 26px;background: linear-gradient( 90deg, #10AEFF 0%, #6467F0 100%);border-radius: 100px;text-align: center;font-weight: bold;font-size: 16px;color: #FFFFFF;line-height: 26px;margin-bottom: 12px;}

.floor_1 ul li:nth-child(2n) span{margin-left: auto;}

.floor_1 ul li p{width: 350px;font-weight: 400;font-size: 14px;color: #595959;line-height: 22px;}

.floor_1 ul li:nth-child(2n) p{margin-left: auto;}

.floor_1 dl{margin-top: 50px;}

.floor_1 dl dd{width: 110px;height: 96px;text-align: center;font-weight: 400;font-size: 16px;color: #000000;}

.floor_1 dl dd::before{display: block;content: '';width: 64px;height: 64px;background: url(../../images/ydsc/flsc/fl1_2.png)no-repeat;background-size: auto 64px;margin: 0 auto 8px;}

.floor_1 dl dd:nth-child(1)::before{background-position: 0 0;}

.floor_1 dl dd:nth-child(2)::before{background-position: -64px 0;}

.floor_1 dl dd:nth-child(3)::before{background-position: -128px 0;}

.floor_1 dl dd:nth-child(4)::before{background-position: -192px 0;}

.floor_1 dl dd:nth-child(5)::before{background-position: -256px 0;}

.floor_1 dl dd:nth-child(6)::before{background-position: -320px 0;}

.floor_1 dl dd:nth-child(7)::before{background-position: -384px 0;}

.floor_1 dl dd:nth-child(8)::before{background-position: -448px 0;}

.floor_1 dl dd:nth-child(9)::before{background-position: -512px 0;}

.floor_1 .fl_btn{width: 355px;margin: auto;}

.floor_1 .fl_btn a:nth-child(2){border: 1px solid #0077FF;color: #0077FF;background: none;box-sizing: border-box;}

.floor_1 .fl_btn a:nth-child(2)::before{background:url(../../images/ydsc/flsc/arrow2.webp);background-size: 100%;}




.floor_2{height: auto;overflow: hidden;padding-bottom: 80px;background:url(../../images/ydsc/flsc/fl2_bg.webp) center top no-repeat;background-size: cover;}
.floor_2 .t{display: flex;}

.floor_2 .t .z{width: 570px;height: 350px;background:url(../../images/ydsc/flsc/fl2_1.webp);background-size: 100%;align-items: center;display: flex;position: relative;}

.floor_2 .t .y{width: 570px;height: 350px;background:url(../../images/ydsc/flsc/fl2_2.webp);background-size: 100%;margin-left: auto;align-items: center;display: flex;}

.floor_2 .t .z ul{gap: 10px;width: 460px;margin-left: auto;}

.floor_2 .t .z ul li{display: flex;align-items: center;width: 460px;height: 50px;}

.floor_2 .t .z ul li span{display: block;width: 136px;height: 50px;background: #FFFFFF;border-radius: 6px;text-align: center;font-weight: 500;font-size: 16px;color: #000000;line-height: 50px;margin-left: auto;position: relative;}

.floor_2 .t .z ul li span em{display: block;width: 35px;height: 8px;background: url(../../images/ydsc/flsc/fl2_a1.png);background-size: 100%;position: absolute;left: -30px;top: 21px;}

.floor_2 .t .z ul li p{font-weight: 500;font-size: 12px;color: #595959;line-height: 18px;margin-left: auto;text-align: right;width: 280px;margin-right: 25px;}

.floor_2 .t .z b{display: block;font-weight: bold;font-size: 25px;color: #FFFFFF;writing-mode: vertical-lr;margin: 0 45px 0 19px;letter-spacing: 3px;}

.floor_2 .t .z i{display: block;width: 72px;height: 40px;background: url(../../images/ydsc/flsc/fl2_arrow.webp);background-size: 100%;position: absolute;top: 155px;right: -33px;}
.floor_2 .t .y ul{gap: 10px;width: 472px;}

.floor_2 .t .y b{display: block;font-weight: bold;font-size: 25px;color: #FFFFFF;writing-mode: vertical-lr;margin: 0 24px 0 40px;letter-spacing: 3px;}

.floor_2 .t .y ul li{display: flex;align-items: center;width: 472px;height: 108px;}

.floor_2 .t .y ul li .y1{width: 136px;height: 68px;background: #FFFFFF;border-radius: 6px;text-align: center;position: relative;}

.floor_2 .t .y ul li .y1 span{display: block;font-weight: 500;font-size: 16px;color: #000000;}

.floor_2 .t .y ul li .y1 span::before{display: block;content: '';width: 30px;height: 30px;background: url(../../images/ydsc/flsc/fl2_ico.png)no-repeat;background-size: auto 30px;margin: 8px auto 0;}

.floor_2 .t .y ul li:nth-child(1) .y1 span::before{background-position: 0 0;}

.floor_2 .t .y ul li:nth-child(2) .y1 span::before{background-position: -30px 0;}

.floor_2 .t .y ul li .y1 em{display: block;width: 35px;height: 8px;background: url(../../images/ydsc/flsc/fl2_a2.png);background-size: 100%;position: absolute;top: 30px;right: -30px;}

.floor_2 .t .y ul li .y2{width: 305px;height: 108px;background: rgba(255,255,255,0.5);border-radius: 6px;box-sizing: border-box;padding: 23px 0 0 21px;margin-left: 31px;}

.floor_2 .t .y ul li .y2 h1{display: flex;align-items: center;font-weight: bold;font-size: 14px;color: #000000;margin-bottom: 12px;}

.floor_2 .t .y ul li .y2 h1 em{display: inline-block;width: auto;height: 18px;background: #E6F2FF;border-radius: 2px;text-align: center;font-weight: 400;font-size: 10px;color: #0077FF;line-height: 18px;margin-right: 6px;box-sizing: border-box;padding: 0 4px;}

.floor_2 .t .y ul li .y2 h2{display: block;font-weight: 400;font-size: 12px;color: #000000;line-height: 18px;}




.floor_3{height: auto;overflow: hidden;padding-bottom: 80px;background: #F4F6FB;}

.floor_3 .t{width: 1180px;height: 373px;background: #FFFFFF;border-radius: 16px;margin-bottom: 30px;box-sizing: border-box;padding: 47px;display: flex;align-items: center;}

.floor_3 .t2{padding: 43px 36px;}

.floor_3 .t .info{width: 432px;height: 216px;}

.floor_3 .t .info span{display: block;font-weight: 500;font-size: 20px;color: #0E6EFF;margin-bottom: 12px;}

.floor_3 .t .info p{font-weight: 400;font-size: 16px;color: #6C6C6C;line-height: 24px;margin-bottom: 36px;}

.floor_3 .t img{display: block;width: 508px;height: 281px;margin-left: auto;}

.floor_3 .t2 img{margin-left: 0;}

.floor_3 .t2 .info{margin-left: auto;}

.floor_3 a{width: 198px;}





.floor_4{height: auto;overflow: hidden;padding-bottom: 80px;background:url(../../images/ydsc/flsc/fl4_bg.webp) center top no-repeat;background-size: cover;}
.floor_4 ul li{width: 220px;height: 290px;background: #FFFFFF;border-radius: 8px;box-sizing: border-box;padding-top: 36px;transition: all 0.5s ease-in-out;}

.floor_4 ul li span{display: block;text-align: center;font-weight: bold;font-size: 20px;color: #000000;margin-bottom: 20px;}

.floor_4 ul li p{width: 168px;font-weight: 400;font-size: 14px;color: #595959;line-height: 24px;margin: auto;}

.floor_4 ul li span::before{display: block;content: '';width: 40px;height: 40px;background: url(../../images/ydsc/flsc/fl4_ico.png)no-repeat;background-size: auto 40px;margin: 0 auto 10px;}

.floor_4 ul li:nth-child(1) span::before{background-position: 0 0;}

.floor_4 ul li:nth-child(2) span::before{background-position: -40px 0;}

.floor_4 ul li:nth-child(3) span::before{background-position: -80px 0;}

.floor_4 ul li:nth-child(4) span::before{background-position: -120px 0;}

.floor_4 ul li:nth-child(5) span::before{background-position: -160px 0;}

.floor_4 ul li.on{background: #0077FF;}

.floor_4 ul li.on span{color: #FFFFFF;}

.floor_4 ul li.on p{color: rgba(255,255,255,0.65);}

.floor_4 ul li.on:nth-child(1) span::before{background-position: -200px 0;}

.floor_4 ul li.on:nth-child(2) span::before{background-position: -240px 0;}

.floor_4 ul li.on:nth-child(3) span::before{background-position: -280px 0;}

.floor_4 ul li.on:nth-child(4) span::before{background-position: -320px 0;}

.floor_4 ul li.on:nth-child(5) span::before{background-position: -360px 0;}





.floor_5{height: 300px;overflow: hidden;background:url(../../images/ydsc/flsc/fl5_bg.webp)center top no-repeat;background-size: cover;box-sizing: border-box;padding-top: 72px;}

.floor_5 span{display: block;text-align: center;font-weight: bold;font-size: 40px;color: #FFFFFF;margin-bottom: 40px;}

.floor_5 a{display: block;width: 211px;height: 48px;background: #005EF4;border-radius: 4px;text-align: center;font-weight: 400;font-size: 16px;color: #FFFFFF;line-height: 48px;margin: auto;}

.floor_5 a::after{display: inline-block;content: '';width: 16px;height: 16px;background: url(../../images/ydsc/flsc/arrow3.webp);background-size: 100%;margin-left: 8px;vertical-align: -3px;}













