@charset "utf-8";
*{margin:0;padding:0;border:0;outline:0;font-size:14px;vertical-align:baseline;background:transparent;font-family:"PingFang SC","Microsoft YaHei","微软雅黑";}
.fl{float: left;}
.fr{float: right;}
img{border: 0;vertical-align: middle;}
.amt{transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s;}
.w1200{width: 1200px;margin:0 auto;}
.width{width: 1180px;margin:0 auto;}
ul,li{list-style: none;}
a{text-decoration: none;cursor: pointer;}
strong{font-weight: normal;}
em,i{font-style: normal;}
.clear{clear: both;}


.head .nav .fr ul li a{font-size: 16px;}

.banner{height: 560px;background: url(../images/banner.webp) center top no-repeat;background-size: cover;padding-top: 154px;box-sizing: border-box;}
.banner h5{display: flex;font-weight: 400;font-size: 16px;color: #252627;align-items: center;margin-bottom: 20px;}
.banner h5 em{display: block;width: 16px;height: 16px;background: url(../images/b_hash.webp);background-size: 100%;margin-right: 4px;}
.banner span{display: block;font-weight: bold;font-size: 38px;color: #000000;margin-bottom: 30px;}
.banner 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;}
.banner p{font-weight: 400;font-size: 20px;color: #595959;line-height: 28px;}
.banner .b_btn{display: flex;margin-top: 60px;}
.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;}
.banner a:nth-child(2){background: none;border: 1px solid #0077FF;color: #0077FF;margin-left: 13px;box-sizing: border-box;}


.title_1{text-align: center;padding: 80px 0 48px;}
.title_1 span{display: block;font-weight: bold;font-size: 38px;color: #000000;}
.title_1 p{font-weight: 400;font-size: 20px;color: #595959;line-height: 28px;margin-top: 16px;}
.justify{display: flex;justify-content: space-between;flex-wrap: wrap;}
.btn_o2omd{display: block;text-align: center;width: 270px;height: 66px;background: linear-gradient( 270deg, #389AFF 0%, #2B74F8 100%);border-radius: 100px;font-weight: 400;font-size: 24px;color: #FFFFFF;line-height: 66px;margin: 48px auto 0;}
.btn_o2omd::after{content: "";display: inline-block;width: 24px;height: 24px;background: url(../images/arrow1.webp);background-size: 100%;margin-left: 8px;vertical-align: -3px;}
.btn_o2omd:hover{filter:alpha(opacity=90);-moz-opacity:0.9;opacity:0.9;}


.floor_1{height: auto;overflow: hidden;padding-bottom: 80px;background: #F1F6FF;}
.floor_1 .t{width: 1180px;height: 490px;background: #FFFFFF;border-radius: 16px;box-sizing: border-box;padding: 40px 0 0 30px;}
.floor_1 .t img{display: block;width: 1120px;height: 411px;}
.floor_1 .fl_btn{display: flex;justify-content: center;align-items: center;margin-top: 48px;gap: 20px;}
.floor_1 .fl_btn a{display: block;width: 220px;height: 66px;background: linear-gradient( 270deg, #389AFF 0%, #2B74F8 100%);border-radius: 100px;text-align: center;font-weight: 400;font-size: 24px;color: #FFFFFF;line-height: 66px;}
.floor_1 .fl_btn a:nth-child(2){border: 1px solid #0077FF;background: #FEFEFF;box-sizing: border-box;color: #0077FF;}
.floor_1 .fl_btn a::after{content: "";display: inline-block;width: 24px;height: 24px;background: url(../images/arrow1.webp);background-size: 100%;margin-left: 8px;vertical-align: -4px;}
.floor_1 .fl_btn a:nth-child(2)::after{background: url(../images/arrow2.webp);background-size: 100%;}


.floor_2{height: auto;overflow: hidden;padding-bottom: 80px;background: url(../images/fl2_bg.webp) center top no-repeat;background-size: cover;}
.floor_2 ul li{width: 380px;height: 500px;background: #FFFFFF;box-shadow: 2px 6px 20px -3px rgba(0,0,0,0.05);border-radius: 16px;border: 1px solid rgba(255, 255, 255, 1);box-sizing: border-box;padding: 32px 0 0 24px;}
.floor_2 ul li img{display: block;width: 332px;height: 170px;margin-bottom: 24px;}
.floor_2 ul li span{display: block;font-weight: bold;font-size: 24px;color: #000000;margin-bottom: 16px;}
.floor_2 ul li p{width: 332px;font-weight: 400;font-size: 16px;color: #595959;margin-bottom: 16px;}
.floor_2 .fl2_btn{display: flex;justify-content: baseline;align-items: center;margin-top: 36px;gap: 12px;}
.floor_2 .fl2_btn a{display: block;width: 134px;height: 50px;background: linear-gradient( 270deg, #389AFF 0%, #2B74F8 100%);border-radius: 100px;text-align: center;font-weight: 400;font-size: 20px;color: #FFFFFF;line-height: 50px;}
.floor_2 .fl2_btn a:nth-child(2){border: 1px solid #0077FF;background: #FFFFFF;box-sizing: border-box;color: #0077FF;}
.floor_2 .fl2_btn a::after{content: "";display: inline-block;width: 20px;height: 20px;background: url(../images/arrow3.webp);background-size: 100%;margin-left: 4px;vertical-align: -2px;}
.floor_2 .fl2_btn a:nth-child(2)::after{background: url(../images/arrow4.webp);background-size: 100%;}


.floor_3{height: auto;overflow: hidden;padding-bottom: 80px;}
.floor_3 ul{gap: 20px;}
.floor_3 ul li{width: 280px;height: 160px;background: linear-gradient( 180deg, #F5F7FF 0%, #FFFFFF 100%);box-shadow: 0px 5px 12px 0px rgba(55,99,170,0.1);border-radius: 16px;border: 2px solid #FFFFFF;box-sizing: border-box;padding: 32px 0 0 32px;transition: all 0.5s ease-in-out;}
.floor_3 ul li span{display: flex;font-weight: bold;font-size: 20px;color: #262626;margin-bottom: 16px;align-items: center;}
.floor_3 ul li span em{display: block;width: 32px;height: 32px;background: url(../images/fl3_ico.png)no-repeat;background-size: auto 32px;margin-right: 8px;}
.floor_3 ul li:nth-child(1) span em{background-position: 0 0;}
.floor_3 ul li:nth-child(2) span em{background-position: -32px 0;}
.floor_3 ul li:nth-child(3) span em{background-position: -64px 0;}
.floor_3 ul li:nth-child(4) span em{background-position: -96px 0;}
.floor_3 ul li:nth-child(5) span em{background-position: -128px 0;}
.floor_3 ul li:nth-child(6) span em{background-position: -160px 0;}
.floor_3 ul li:nth-child(7) span em{background-position: -192px 0;}
.floor_3 ul li:nth-child(8) span em{background-position: -224px 0;}
.floor_3 ul li:nth-child(9) span em{background-position: -256px 0;}
.floor_3 ul li:nth-child(10) span em{background-position: -288px 0;}
.floor_3 ul li:nth-child(11) span em{background-position: -320px 0;}
.floor_3 ul li:nth-child(12) span em{background-position: -352px 0;}
.floor_3 ul li:nth-child(13) span em{background-position: -384px 0;}
.floor_3 ul li:nth-child(14) span em{background-position: -416px 0;}
.floor_3 ul li:nth-child(15) span em{background-position: -448px 0;}
.floor_3 ul li:nth-child(16) span em{background-position: -480px 0;}
.floor_3 ul li p{width: 216px;font-weight: 500;font-size: 14px;color: #595959;line-height: 22px;}
.floor_3 ul li.on{background: linear-gradient( 66deg, #10AEFF 0%, #6467F0 100%);box-shadow: 0px 5px 12px 0px rgba(55,99,170,0.1);}
.floor_3 ul li.on span{color: #FFFFFF;}
.floor_3 ul li.on p{color: #FFFFFF;}
.floor_3 ul li.on:nth-child(1) span em{background-position: -512px 0;}
.floor_3 ul li.on:nth-child(2) span em{background-position: -544px 0;}
.floor_3 ul li.on:nth-child(3) span em{background-position: -576px 0;}
.floor_3 ul li.on:nth-child(4) span em{background-position: -608px 0;}
.floor_3 ul li.on:nth-child(5) span em{background-position: -640px 0;}
.floor_3 ul li.on:nth-child(6) span em{background-position: -672px 0;}
.floor_3 ul li.on:nth-child(7) span em{background-position: -704px 0;}
.floor_3 ul li.on:nth-child(8) span em{background-position: -736px 0;}
.floor_3 ul li.on:nth-child(9) span em{background-position: -768px 0;}
.floor_3 ul li.on:nth-child(10) span em{background-position: -800px 0;}
.floor_3 ul li.on:nth-child(11) span em{background-position: -832px 0;}
.floor_3 ul li.on:nth-child(12) span em{background-position: -864px 0;}
.floor_3 ul li.on:nth-child(13) span em{background-position: -896px 0;}
.floor_3 ul li.on:nth-child(14) span em{background-position: -928px 0;}
.floor_3 ul li.on:nth-child(15) span em{background-position: -960px 0;}
.floor_3 ul li.on:nth-child(16) span em{background-position: -992px 0;}


.floor_4{height: auto;overflow: hidden;padding-bottom: 80px;background: #F1F6FF;}
.floor_4 .t{display: flex;}
.floor_4 .t img{display: block;width: 582px;height: 689px;}
.floor_4 .t .info{margin-left: auto;width: 582px;gap: 16px;}
.floor_4 .t .info li{width: 582px;height: 125px;background: linear-gradient( 359deg, #FFFFFF 0%, #F3F5F8 100%);box-shadow: 8px 8px 20px 0px rgba(55,99,170,0.1);border-radius: 16px;border: 1px solid #FFFFFF;box-sizing: border-box;padding: 20px 0 0 24px;}
.floor_4 .t .info li span{display: flex;font-weight: bold;font-size: 24px;color: #000000;align-items: center;margin-bottom: 12px;}
.floor_4 .t .info li span em{display: inline-block;width: auto;height: 22px;background: #E6F2FF;border-radius: 4px;text-align: center;font-weight: bold;font-size: 14px;color: #0077FF;line-height: 22px;margin-left: 14px;box-sizing: border-box;padding: 0 6px;}
.floor_4 .t .info li p{font-weight: 400;font-size: 14px;color: #595959;}
.floor_4 .t .info li span::before{content: '';display: inline-block;width: 50px;height: 50px;background: url(../images/fl4_ico.png)no-repeat;background-size: auto 50px;margin-right: 12px;}
.floor_4 .t .info li:nth-child(1) span::before{background-position: 0 0;}
.floor_4 .t .info li:nth-child(2) span::before{background-position: -50px 0;}
.floor_4 .t .info li:nth-child(3) span::before{background-position: -100px 0;}
.floor_4 .t .info li:nth-child(4) span::before{background-position: -150px 0;}
.floor_4 .t .info li:nth-child(5) span::before{background-position: -200px 0;}
.floor_4 .fl4_btn{display: flex;justify-content: center;align-items: center;margin: 48px auto 0;gap: 20px;}
.floor_4 .fl4_btn a{display: block;width: 220px;height: 66px;background: linear-gradient( 270deg, #389AFF 0%, #2B74F8 100%);border-radius: 100px;text-align: center;font-weight: 400;font-size: 24px;color: #FFFFFF;line-height: 66px;}
.floor_4 .fl4_btn a:nth-child(2){width: 260px;border: 1px solid #0077FF;background: #FFFFFF;box-sizing: border-box;color: #0077FF;}
.floor_4 .fl4_btn a::after{content: "";display: inline-block;width: 24px;height: 24px;background: url(../images/arrow1.webp);background-size: 100%;margin-left: 4px;vertical-align: -4px;}
.floor_4 .fl4_btn a:nth-child(2)::after{background: url(../images/arrow2.webp);background-size: 100%;}


.floor_5{height: auto;overflow: hidden;padding-bottom: 80px;}
.floor_5 ul li{width: 380px;height: 538px;box-shadow: 3px 5px 20px 0px rgba(55,99,170,0.1);}
.floor_5 ul li img{display: block;width: 380px;height: 230px;}
.floor_5 ul li .info{width: 380px;height: 308px;background: linear-gradient( 180deg, #F5F7FF 0%, #FFFFFF 100%);border-radius: 0px 0px 16px 16px;border: 2px solid #FFFFFF;box-sizing: border-box;padding: 40px 0 0 23px;}
.floor_5 ul li .info span{display: block;font-weight: bold;font-size: 24px;color: #000000;margin-bottom: 20px;}
.floor_5 ul li .info b{display: flex;align-items: center;font-weight: bold;font-size: 16px;color: #000000;margin-bottom: 20px;}
.floor_5 ul li .info b em{display: block;width: 16px;height: 16px;background: #0077FF;border-radius: 2px;text-align: center;font-weight: 500;font-size: 12px;color: #F5F7FF;line-height: 16px;margin-right: 6px;}
.floor_5 ul li .info p{width: 335px;font-weight: 400;font-size: 16px;color: #595959;line-height: 22px;margin-bottom: 30px;}
.floor_5 ul li .info i{display: flex;font-weight: bold;font-size: 16px;color: #595959;margin-bottom: 6px;}
.floor_5 ul li .info i em{display: block;font-weight: bold;font-size: 16px;color: #0077FF;}
.floor_5 ul li .info i::before{content: '';display: inline-block;width: 5px;height: 5px;background: #005EF4;border-radius: 50%;margin-right: 6px;margin-top: 8px;}