@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;}
.title_1 span{display: block;text-align: center;font-weight: bold;font-size: 38px;color: #000000;}


.banner{height: 400px;background:url(../../images/daojia/index/banner.webp)center top no-repeat;background-size: cover;box-sizing: border-box;padding-top: 86px;}
.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/daojia/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 p{font-weight: 500;font-size: 20px;color: #FFFFFF;}
.banner a{display: block;width: 112px;height: 48px;background: #005EF4;border-radius: 4px;text-align: center;font-weight: 400;font-size: 16px;color: #FFFFFF;line-height: 48px;margin-top: 50px;}


a.btn_dj{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_dj::after{content: '';display: inline-block;width: 16px;height: 16px;background:url(../../images/daojia/index/arrow1.webp);background-size: 100%;margin-left: 4px;vertical-align: -2px;}

.floor_1{height: auto;overflow: hidden;padding-bottom: 80px;}
.floor_1 img{display: block;width: 1214px;height: 414px;margin: auto;}
.floor_1 .bot{display: flex;align-items: center;margin-top: 20px;}
.floor_1 .bot .t1{width: 150px;height: 196px;background: #0077FF;box-shadow: 0px 3px 18px 2px rgba(229,229,229,0.8);border-radius: 8px;font-weight: bold;font-size: 32px;color: #FFFFFF;display: flex;align-items: center;justify-content: center;}
.floor_1 .bot .t2{width: 323px;height: 196px;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;border: 2px solid #FFFFFF;box-sizing: border-box;padding: 32px 0 0 28px;}
.floor_1 .bot .t2 span{display: block;font-weight: bold;font-size: 24px;color: #000000;margin-bottom: 10px;}
.floor_1 .bot .t2 span::before{display: inline-block;content: "";width: 50px;height: 50px;background:url(../../images/daojia/index/fl1_ico.png)no-repeat;background-size: auto 50px;vertical-align: -15px;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: -50px 0;}
.floor_1 .bot .t2:nth-child(4) span::before{background-position: -100px 0;}
.floor_1 .bot .t2 p{font-weight: 400;font-size: 16px;color: #5D5F63;line-height: 24px;}


.floor_2{height: auto;overflow: hidden;padding-bottom: 80px;background: #F4F5F8;}
.floor_2 .pic1{width: 1180px;height: 439px;background: #FFFFFF;border-radius: 8px;margin: 0 auto 20px;display: flex;justify-content: center;align-items: center;}
.floor_2 .pic1 img{display: block;width: 1180px;height: 378px;}
.floor_2 .pic2{width: 1180px;height: 228px;background: #FFFFFF;border-radius: 8px;margin: auto;display: flex;justify-content: center;align-items: center;}
.floor_2 .pic2 img{display: block;width: 1144px;height: 196px;}
.floor_2 a{margin-top: 44px;}

.floor_3{height: auto;overflow: hidden;padding-bottom: 80px;background:url(../../images/daojia/index/fl3_bg.webp)center top no-repeat;background-size: cover;}
.floor_3 .width{display: flex;align-items: center;}
.floor_3 img{display: block;width: 360px;height: 528px;}
.floor_3 .info2{width: 800px;height: 528px;margin-left: auto;}
.floor_3 .info2 ul{display: flex;justify-content: space-between;flex-wrap: wrap;gap: 20px;}
.floor_3 .info2 ul li{width: 253px;height: 254px;background: #FFFFFF;border-radius: 8px;box-sizing: border-box;padding-top: 28px;text-align: center;}
.floor_3 .info2 ul li h5{display:block;font-weight: bold;font-size: 22px;color: #262626;margin-bottom: 16px;}
.floor_3 .info2 ul li h5::before{display: block;content: '';margin:0 auto 16px;width: 64px;height: 64px;background:url(../../images/daojia/index/fl3_ico.png)no-repeat;background-size: auto 64px;}
.floor_3 .info2 ul li:nth-child(1) h5::before{background-position: 0 0;}
.floor_3 .info2 ul li:nth-child(2) h5::before{background-position: -64px 0;}
.floor_3 .info2 ul li:nth-child(3) h5::before{background-position: -128px 0;}
.floor_3 .info2 ul li:nth-child(4) h5::before{background-position: -192px 0;}
.floor_3 .info2 ul li:nth-child(5) h5::before{background-position: -256px 0;}
.floor_3 .info2 ul li:nth-child(6) h5::before{background-position: -320px 0;}
.floor_3 .info2 ul li p{width: 213px;font-weight: 400;font-size: 16px;color: #6C6C6C;line-height: 24px;margin: auto;}


.floor_4{height: auto;overflow: hidden;padding-bottom: 80px;background: #F4F5F8;}
.floor_4 ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.floor_4 ul li{width: 265px;height: 540px;background:url(../../images/daojia/index/fl4_1.png);background-size: 100%;}
.floor_4 ul li:nth-child(2){background:url(../../images/daojia/index/fl4_2.png);background-size: 100%;}
.floor_4 ul li:nth-child(3){background:url(../../images/daojia/index/fl4_3.png);background-size: 100%;}
.floor_4 ul li:nth-child(4){background:url(../../images/daojia/index/fl4_4.png);background-size: 100%;}
.floor_4 .width>div{display: flex;margin-top: 20px;}
.floor_4 .width i{display: block;width: 880px;height: 40px;background: #5CA8FF;border-radius: 50px;text-align: center;font-weight: 400;font-size: 24px;color: #FFFFFF;line-height:40px;}
.floor_4 .width i:nth-child(2){width: 280px;margin-left: 20px;}