@charset "utf-8";
*{margin:0;padding:0;border:0;font-size:14px;background:transparent;font-family:"PingFang SC";}
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;}
.width{width: 1180px;margin: 0 auto;}
.clearfix:after {display: block;content: " ";height: 0;visibility: hidden;clear: both;}

.title_1{padding: 80px 0 50px;text-align: center;}
.title_1 span{display: block;text-align: center;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;}


.banner{height: 400px;background:url(../../images/tuike/index/banner.webp)center top no-repeat;background-size: cover;box-sizing: border-box;padding-top: 70px;}
.banner h5{display: block;font-weight: 500;font-size: 16px;color: #FFFFFF;margin-bottom: 16px;}

.banner h5::before{content: '';display: inline-block;width: 16px;height: 16px;background:url(../../images/tuike/index/b_hash.webp);background-size: 100%;margin-right: 4px;vertical-align: -1px;}
.banner span{display: block;font-weight: bold;font-size: 38px;color: #FFFFFF;margin-bottom: 16px;}

.banner span em{font-weight: bold;font-size: 38px;background: linear-gradient(0deg, #A1D0FD 0%, #6F9CFC 100%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}

.banner p{font-weight: 400;font-size: 20px;color: #FFFFFF;line-height: 28px;}

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





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

a.btn_tk::after{content: '';display: inline-block;width: 16px;height: 16px;background:url(../../images/tuike/index/arrow1.webp);background-size: 100%;margin-left: 4px;vertical-align: -2px;}

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





.floor_0{height: auto;overflow: hidden;padding: 32px 0;}

.floor_0 .t{display: flex;align-items: center;}

.floor_0 .t .z{width: 248px;}

.floor_0 .t .z li{width: 120px;height: 42px;background: #FFFFFF;border-radius: 4px;border: 1px solid #D9D9D9;text-align: center;font-weight: 400;font-size: 13px;color: #252627;line-height: 42px;}

.floor_0 .t .y{margin-left: auto;width: 240px;display: flex;}

.floor_0 .t .y a{display: block;width: 112px;height: 42px;background: #005EF4;border-radius: 4px;text-align: center;font-weight: 400;font-size: 16px;color: #FFFFFF;line-height: 42px;}

.floor_0 .t .y a:nth-child(2){background: #16CC9E;margin-left: 16px;}




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

.floor_1 .pic{width: 1180px;height: 430px;background: #FFFFFF;border-radius: 12px;display: flex;justify-content: center;align-items: center;}
.floor_1 .pic img{display: block;width: 1144px;height: 390px;}

.floor_1 .bot{display: flex;align-items: center;margin-top: 20px;}

.floor_1 .bot .t1{width: 130px;height: 192px;background: linear-gradient( 196deg, #2982FF 0%, #7BB6FE 100%);border-radius: 8px;font-weight: 500;font-size: 24px;color: #FFFFFF;line-height: 36px;display: flex;align-items: center;justify-content: center;text-align: center;}

.floor_1 .bot .t2{width: 243px;height: 192px;background: linear-gradient( 0deg, #F3F5F8 0%, #FFFFFF 100%);box-shadow: 8px 8px 20px 0px rgba(55,99,170,0.1);border-radius: 8px;margin-left: 20px;box-sizing: border-box;padding: 32px 0 0 30px;}

.floor_1 .bot .t2 span{display: block;font-weight: bold;font-size: 24px;color: #262626;margin-bottom: 16px;}

.floor_1 .bot .t2 span::before{display: inline-block;content: "";width: 36px;height: 36px;background:url(../../images/tuike/index/fl1_ico.png)no-repeat;background-size: auto 36px;vertical-align: -8px;margin-right: 10px;}

.floor_1 .bot .t2:nth-child(2) span::before{background-position: 0 0;}

.floor_1 .bot .t2:nth-child(3) span::before{background-position: -36px 0;}

.floor_1 .bot .t2:nth-child(4) span::before{background-position: -72px 0;}

.floor_1 .bot .t2:nth-child(5) span::before{background-position: -109px 0;}

.floor_1 .bot .t2 p{font-weight: 400;font-size: 16px;color: #6C6C6C;line-height: 24px;}





.floor_2{height: auto;overflow: hidden;padding-bottom: 32px;}
.floor_2 .t{width: 1180px;height: 430px;background: #FFFFFF;box-shadow: 8px 8px 20px 0px rgba(55,99,170,0.1);border-radius: 10px;display: flex;align-items: center;box-sizing: border-box;padding-left: 50px;margin-bottom: 48px;}

.floor_2 .t .info{width: 458px;height: 304px;margin-right: 62px;}

.floor_2 .t .info span{display: block;font-weight: bold;font-size: 28px;color: #262626;}

.floor_2 .t .info hr{width: 458px;height: 0px;border-top: 1px solid #D9D9D9;margin: 20px 0;}

.floor_2 .t .info p{font-weight: 400;font-size: 16px;color: #262626;line-height: 24px;margin-bottom: 20px;text-indent: -35px;padding-left: 34px;}

.floor_2 .t .info p::before{content: '';display: inline-block;width: 28px;height: 28px;background:url(../../images/tuike/index/fl2_ico.webp)no-repeat;background-size: 100%;margin-right: 8px;vertical-align: -5px;}

.floor_2 .t .info a{display: block;width: 136px;height: 48px;border-radius: 4px;border: 1px solid #0077FF;text-align: center;font-weight: 400;font-size: 16px;color: #0077FF;line-height: 48px;margin-top: 36px;}

.floor_2 .t .info a::after{content: '';display: inline-block;width: 16px;height: 16px;background:url(../../images/tuike/index/arrow2.webp);background-size: 100%;margin-left: 8px;vertical-align: -2px;}

.floor_2 .t img{display: block;width: 560px;height: 251px;}

.floor_2 .t2{background: #F3F6FB;}

.floor_2 .t2 .info{margin-right: 0;margin-left: 62px;}







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

.floor_3 ul{width: 1180px;height: 524px;background: #FFFFFF;box-shadow: 4px 12px 40px -6px rgba(0,0,0,0.05);border-radius: 16px;border: 2px solid rgba(255, 255, 255, 1);box-sizing: border-box;padding: 48px 80px;gap: 72px 64px;}
.floor_3 ul li{width: 292px;height: 100px;position: relative;}

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

.floor_3 ul li span::before{content: '';display: inline-block;width: 40px;height: 40px;background: url(../../images/tuike/index/fl3_ico.png)no-repeat;background-size: auto 40px;margin-right: 10px;vertical-align: -12px;}

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

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

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

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

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

.floor_3 ul li:nth-child(6) span::before{background-position: -200px 0;}

.floor_3 ul li:nth-child(7) span::before{background-position: -240px 0;}

.floor_3 ul li:nth-child(8) span::before{background-position: -280px 0;}

.floor_3 ul li:nth-child(9) span::before{background-position: -320px 0;}

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

.floor_3 ul li i{display: block;position: absolute;top: 0;right: -36px;width: 0;height: 100px;border-left: 1px solid rgba(227,228,255,1);}

.floor_3 ul li b{display: block;position: absolute;bottom: -32px;left: 0;width: 292px;height: 0;border-bottom: 1px solid rgba(227,228,255,1);}

.floor_3 a{width: 194px;}





.floor_4{height: auto;overflow: hidden;padding-bottom: 80px;}

.floor_4 .t{width: 1180px;height: 550px;background: #FFFFFF;box-shadow: 8px 8px 20px 0px rgba(55,99,170,0.1);border-radius: 10px;display: flex;align-items: center;box-sizing: border-box;padding-left: 50px;}

.floor_4 .t .info{width: 300px;height: 380px;}

.floor_4 .t .info span{display: block;font-weight: bold;font-size: 28px;color: #262626;}

.floor_4 .t .info hr{width: 300px;height: 0px;border-top: 1px solid #D9D9D9;margin: 20px 0;}

.floor_4 .t .info p{font-weight: 400;font-size: 16px;color: #262626;line-height: 30px;margin-bottom: 20px;}

.floor_4 .t .pic{width: 758px;height: 500px;background: #F4F9FF;border-radius: 8px;margin-left: 52px;box-sizing: border-box;padding: 22px 0 0 25px;}

.floor_4 .t img{display: block;width: 745px;height: 456px;}





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

.floor_5 img{display: block;width: 1140px;height: 850px;margin: auto;}

.floor_5 a{width: 196px;}





.floor_6{height: auto;overflow: hidden;padding-bottom: 80px;}

.floor_6 ul li{width: 381px;height: 412px;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_6 ul li span{display: block;font-weight: bold;font-size: 24px;color: #000000;margin-bottom: 24px;}

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

.floor_6 ul li p::before{content: '';display: inline-block;width: 5px;height: 5px;background: #0077FF;margin-right: 6px;vertical-align: 3px;border-radius: 50%;}

.floor_6 ul li img{display: block;width: 333px;height: 186px;margin-top: 24px;}

.floor_6 a{width: 196px;}



.floor_7{height: 306px;overflow: hidden;background:url(../../images/tuike/index/fl7_bg.webp)center top no-repeat;background-size: cover;text-align: center;box-sizing: border-box;padding-top: 58px;}

.floor_7 span{display: block;font-weight: bold;font-size: 46px;color: #FFFFFF;margin-bottom: 16px;}

.floor_7 p{font-weight: 400;font-size: 20px;color: #FFFFFF;}

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

.floor_7 a::before{content: '';display: inline-block;width: 16px;height: 16px;background: url(../../images/tuike/index/arrow3.webp)no-repeat;background-size: 100%;margin-right: 8px;vertical-align: -2px;}