@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:0;vertical-align:middle;}
ul li{list-style: none}
em,i,b{font-style:normal;}
.w1180{width: 1180px;margin: 0 auto;}
.clearfix {*zoom: 1;}
.clearfix:after {display: block;content: " ";height: 0;visibility: hidden;clear: both;}
.fl{float:left}
.fr{float:right}



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

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

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



/*.banner{height: 400px;background: url(../images/banner.png)center top no-repeat;background-size: cover;box-sizing: border-box;padding-top: 77px;}*/

.banner h5{display: block;width: 64px;height: 24px;background: linear-gradient( 90deg, #10AEFF 0%, #6467F0 100%);border-radius: 2px;text-align: center;font-weight: 400;font-size: 16px;color: #FFFFFF;line-height: 24px;margin-bottom: 16px;}

.banner h5 em{display: inline-block;width: 16px;height: 16px;background: url(../images/b_hash.png);background-size: 100%;margin-right: 4px;vertical-align: -2px;}
.banner span{display: block;font-size: 38px;font-weight: bold;color: #FFFFFF;margin-bottom: 16px;}

.banner span em{font-size: 38px;font-weight: bold;background: linear-gradient(90deg, #10AEFF 0%, #6467F0 100%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.banner p{display: block;font-size: 20px;font-weight: 400;color: rgba(255,255,255,0.65);line-height: 28px;}

.banner a{margin-top: 40px;text-align: center;width: 135px;height: 48px;border-radius: 4px;border: 1px solid #FFFFFF;font-weight: 400;font-size: 16px;color: #FFFFFF;line-height: 48px;display: block;}

.banner a::after{content: "";display: inline-block;width: 17px;height: 16px;background: url(../images/btn_arrow.png);background-size: 100%;margin-left: 8px;vertical-align: -3px;}




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

a.btn_sy::after{display: inline-block;width: 17px;height: 16px;background-size: 100%;margin-left: 5px;vertical-align: -3px;}

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

.floor_1 ul{flex-direction: column;height: 644px;}
.floor_1 ul li{width: 380px;height: 420px;background: linear-gradient( 180deg, #B1D0FF 0%, #DEEBFF 100%);border-radius: 8px;box-sizing: border-box;padding: 30px 0 0 40px;margin-right: 20px;}

.floor_1 ul li:nth-child(2){width: 380px;height: 204px;background: linear-gradient( 180deg, #A2E3FF 0%, #D8F6FF 100%);}

.floor_1 ul li:nth-child(3){width: 380px;height: 200px;background: linear-gradient( 180deg, #B7D6FF 0%, #EDF8FF 100%);}

.floor_1 ul li:nth-child(4){width: 380px;height: 420px;background: linear-gradient( 180deg, #BFCCFF 0%, #FAFAFF 100%);}

.floor_1 ul li:nth-child(5){width: 380px;height: 420px;background: linear-gradient( 180deg, #8BD8FF 0%, #CFF1FF 100%);}

.floor_1 ul li:nth-child(6){width: 380px;height: 204px;background: linear-gradient( 180deg, #B7D4FF 0%, #DDECFE 100%);}

.floor_1 ul li span{display: block;font-weight: bold;font-size: 26px;color: #000000;margin-bottom: 8px;}

.floor_1 ul li p{font-weight: 400;font-size: 16px;color: #595959;margin-bottom: 20px;}

.floor_1 ul li dl{display: flex;justify-content: baseline;flex-wrap: wrap;width: 300px;}

.floor_1 ul li dl dd{display: block;width: auto;height: 26px;background: linear-gradient( 270deg, #F2F7FF 0%, #DDEAFF 100%);border-radius: 100px;text-align: center;font-weight: 400;font-size: 14px;color: #1F1F1F;line-height: 26px;margin-bottom: 8px;box-sizing: border-box;padding: 0 10px;margin-right: 8px;}

.floor_1 ul li:nth-child(2) dl dd{background: #FFFFFF;}

.floor_1 ul li:nth-child(3) dl dd{background: #FFFFFF;}

.floor_1 ul li:nth-child(6) dl dd{background: #FFFFFF;}

.floor_1 ul li dl dd:nth-child(3){margin-right: 0;}

.floor_1 ul li img{display: block;width: 291px;height: 196px;}

.floor_1 ul li:nth-child(4) img{width: 281px;height: 222px;}

.floor_1 ul li:nth-child(5) img{width: 330px;height: 218px;margin-top: 8px;margin-left: -15px;}




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

.floor_2 ul{justify-content: center;gap: 40px 60px;}

.floor_2 ul li{width: 250px;height: 150px;text-align: center;}

.floor_2 ul li span{display: block;font-weight: bold;font-size: 20px;color: #000000;margin-bottom: 8px;}

.floor_2 ul li span::before{content: "";display: block;width: 49px;height: 48px;background: url(../images/fl2_ico1.png);background-size: 100%;margin: 0 auto 16px;}

.floor_2 ul li:nth-child(2) span::before{background: url(../images/fl2_ico2.png);background-size: 100%;}

.floor_2 ul li:nth-child(3) span::before{background: url(../images/fl2_ico3.png);background-size: 100%;}

.floor_2 ul li:nth-child(4) span::before{background: url(../images/fl2_ico4.png);background-size: 100%;}

.floor_2 ul li:nth-child(5) span::before{background: url(../images/fl2_ico5.png);background-size: 100%;}

.floor_2 ul li:nth-child(6) span::before{background: url(../images/fl2_ico6.png);background-size: 100%;}

.floor_2 ul li:nth-child(7) span::before{background: url(../images/fl2_ico7.png);background-size: 100%;}

.floor_2 ul li:nth-child(8) span::before{background: url(../images/fl2_ico8.png);background-size: 100%;}

.floor_2 ul li:nth-child(9) span::before{background: url(../images/fl2_ico9.png);background-size: 100%;}

.floor_2 ul li:nth-child(10) span::before{background: url(../images/fl2_ico10.png);background-size: 100%;}

.floor_2 ul li:nth-child(11) span::before{background: url(../images/fl2_ico11.png);background-size: 100%;}

.floor_2 ul li p{font-weight: 400;font-size: 14px;color: #999999;line-height: 22px;}





.floor_3{height: auto;overflow: hidden;padding-bottom: 80px;background: linear-gradient( 180deg, #F8FEFD 0%, #FFFFFF 100%), #D4E8FF;}
.floor_3 .t{width: 1180px;height: 420px;display: flex;}

.floor_3 .t .option{width: 366px;height: 420px;}

.floor_3 .t .option li{width: 366px;height: 140px;background: #1F1F1F;box-sizing: border-box;padding: 36px 0 0 30px;position: relative;}

.floor_3 .t .option li.on{background: #0077FF;}

.floor_3 .t .option li span{display: block;font-weight: bold;font-size: 24px;color: #FFFFFF;margin-bottom: 8px;}

.floor_3 .t .option li p{font-weight: 400;font-size: 16px;color: #F0F0F0;}

.floor_3 .t .option li.on p{color: rgba(255,255,255,0.85);}

.floor_3 .t .option li i{display: block;width: 306px;height: 0px;border-top: 1px solid #595959;position: absolute;bottom: 0;left: 30px;}

.floor_3 .t .swiper-container{width: 814px;height: 420px;overflow: hidden;}

.floor_3 .t .swiper-container .swiper-slide{width: 814px;height: 420px;}

.floor_3 .t .swiper-container .swiper-slide img{display: block;width: 814px;height: 420px;}







.floor_4{height: auto;overflow: hidden;padding-bottom: 80px;background: #F7FBFF;}
.floor_4 img{display: block;width: 1180px;height: 542px;margin-bottom: 20px;}

.floor_4 ul li{width: 220px;height: 160px;background: linear-gradient( 180deg, #E3EDFF 0%, #FFFFFF 100%);box-shadow: 0px 6px 20px 0px rgba(55,99,170,0.1);border-radius: 8px;border: 1px solid rgba(255, 255, 255, 1);box-sizing: border-box;padding: 24px 0 0 24px;}

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

.floor_4 ul li p{font-weight: 400;font-size: 18px;color: #595959;line-height: 28px;}







.floor_5 img{display: block;width: 1920px;height: 750px;margin: auto;}