@charset "utf-8";
*{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;font-family:" PingFang SC";color: #000000;}
body{background: #FFFFFF;}
a{text-decoration: none;cursor: pointer;}
ul,li{list-style:none; text-decoration:none}
i{font-style: normal;}
a{text-decoration: none;cursor: pointer;}
strong{font-weight: normal;}
em,i{font-style: normal;}
.fl{float:left}
.fr{float:right}
.clearfix {*zoom: 1;}
.clearfix:after {display: block;content: " ";height: 0;visibility: hidden;clear: both;}
.w1180{width: 1180px;margin:0 auto;}
.width{width: 1180px;margin:0 auto;}

.title{text-align: center;padding: 100px 0 40px;font-weight: bold;font-size:38px;color: #000000;}

a.btn_lb{display: block;width: 165px;height: 50px;background: #005EF4;border-radius: 4px;text-align: center;font-weight: 400;font-size: 16px;color: #FFFFFF;line-height: 50px;margin: 40px auto 0;}
a.btn_lb::after{display: inline-block;content: "";width: 16px;height: 16px;background: url(../../images/vfx/liebian/btn_arrow.png);background-size: 100%;margin-left:5px;vertical-align: -2px;}

.banner{height: 400px;background: url(../../images/vfx/liebian/banner.png)center top no-repeat;background-size: cover;}
.banner .width{padding-top: 90px;}
.banner i{display: block;font-weight: 500;font-size: 16px;color: #252627;}
.banner i::before{display: inline-block;content: "";width: 16px;height: 16px;background: url(../../images/vfx/liebian/b_hash.png);background-size: 100%;vertical-align: -2px;margin-right: 5px;}
.banner span{display: block;font-weight: 500;font-size: 38px;color: #000000;padding: 20px 0 20px;}
.banner p{font-weight: 400;font-size: 20px;color: #5D5F63;}
.banner a{display: block;width: 144px;height: 48px;background: #005EF4;border-radius: 4px;text-align: center;font-weight: 400;font-size: 16px;color: #FFFFFF;line-height: 48px;margin-top: 40px;}

.floor_1{height: auto;overflow: hidden;padding-bottom: 100px;}
.floor_1 ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.floor_1 ul li{width: 280px;height: 304px;background: #FFFFFF;box-shadow: 8px 8px 20px 0px rgba(55,99,170,0.1);border-radius: 8px;border: 1px solid rgba(0,0,0,0);box-sizing: border-box;}
.floor_1 ul li i{display: block;text-align: center;font-weight: bold;font-size: 24px;color: #262626;text-align: center;}
.floor_1 ul li i::before{display: block;margin: 32px auto;content: "";width: 120px;height: 120px;background: url(../../images/vfx/liebian/fl1_ico1.png);background-size: 100%;}
.floor_1 ul li:nth-child(2) i::before{background: url(../../images/vfx/liebian/fl1_ico2.png);background-size: 100%;}
.floor_1 ul li:nth-child(3) i::before{background: url(../../images/vfx/liebian/fl1_ico3.png);background-size: 100%;}
.floor_1 ul li:nth-child(4) i::before{background: url(../../images/vfx/liebian/fl1_ico4.png);background-size: 100%;}
.floor_1 ul li p{display: block;text-align: center;font-weight: 400;font-size: 16px;color: #5D5F63;line-height: 24px;margin-top: 8px;}

.floor_2{height: auto;overflow: hidden;padding-bottom: 100px;background: #F3F5F8;}
.floor_2 ul{display: flex;justify-content:space-between;flex-wrap:wrap;}
.floor_2 ul li{width: 220px;height: 322px;background: linear-gradient( 180deg, #F3F5F8 0%, #FFFFFF 100%);box-shadow: 8px 8px 20px 0px rgba(55,99,170,0.1);border-radius: 8px;border: 2px solid rgba(249, 249, 249, 1);}
.floor_2 ul li i{display: block;font-weight: 500;font-size: 24px;color: #262626;text-align: center;}
.floor_2 ul li i::before{display: block;margin: 32px auto 24px;content: "";width: 88px;height: 88px;background: url(../../images/vfx/liebian/fl2_ico1.png);background-size: 100%;}
.floor_2 ul li:nth-child(2) i::before{background: url(../../images/vfx/liebian/fl2_ico2.png);background-size: 100%;}
.floor_2 ul li:nth-child(3) i::before{background: url(../../images/vfx/liebian/fl2_ico3.png);background-size: 100%;}
.floor_2 ul li:nth-child(4) i::before{background: url(../../images/vfx/liebian/fl2_ico4.png);background-size: 100%;}
.floor_2 ul li:nth-child(5) i::before{background: url(../../images/vfx/liebian/fl2_ico5.png);background-size: 100%;}
.floor_2 ul li span{display: block;text-align: center;width: 116px;height: 26px;background: #E7F1FF;border-radius: 13px;border: 1px solid #005EF4;font-weight: 500;font-size: 14px;color: #005EF4;line-height: 26px;margin: 24px auto 16px;}
.floor_2 ul li:nth-child(2) span{width: 158px;}
.floor_2 ul li:nth-child(3) span{width: 102px;}
.floor_2 ul li:nth-child(4) span{width: 102px;}
.floor_2 ul li:nth-child(5) span{width: 130px;}
.floor_2 ul li p{font-weight: 400;font-size: 16px;color: #5D5F63;line-height: 24px;text-align: center;}
.floor_2 a{width: 197px;}

.floor_3{height: auto;overflow: hidden;padding-bottom: 100px;}
.floor_3 ul{display: flex;justify-content:space-between;flex-wrap:wrap;}
.floor_3 ul li{width: 262px;height: 368px;background: #FFFFFF;box-shadow: 8px 8px 20px 0px rgba(55,99,170,0.1);border-radius: 8px;border: 1px solid #F2F2F2;box-sizing: border-box;position: relative;}
.floor_3 ul li i{display: block;width: 262px;height: 64px;background: #005EF4;font-weight: 500;font-size: 24px;color: #FFFFFF;line-height: 64px;text-align: center;}
.floor_3 ul li .tex{width: 262px;height: 140px;padding: 24px 0 0 16px;border: 1px solid rgba(0,0,0,0);box-sizing: border-box;}
.floor_3 ul li .tex span{display: block;font-weight: bold;font-size: 20px;color: #262626;}
.floor_3 ul li .tex span::before{display: inline-block;content: "";width: 6px;height: 6px;background: #005EF4;border-radius: 50%;margin-right: 8px;vertical-align: 3px;}
.floor_3 ul li .tex p{font-weight: 400;font-size: 16px;color: #5D5F63;line-height: 24px;padding-top: 16px;padding-left:14px;}
.floor_3 ul li b{display: block;position: absolute;right: -36px;top: 90px;width: 32px;height: 200px;background: url(../../images/vfx/liebian/fl3_arrow.png);background-size: 100%;}


.floor_4{height: auto;overflow: hidden;padding-bottom: 100px;background: url(../../images/vfx/liebian/fl4_bg.png)center top no-repeat;background-size: cover;}
.floor_4 ul{display: flex;justify-content:space-between;flex-wrap:wrap;}
.floor_4 ul li{width: 280px;height: 304px;background: #FFFFFF;box-shadow: 8px 8px 20px 0px rgba(55,99,170,0.1);border-radius: 8px;margin-bottom: 40px;border: 1px solid rgba(0,0,0,0);box-sizing: border-box;}
.floor_4 ul li span{display: block;text-align: center;font-weight: 500;font-size: 24px;color: #262626;}
.floor_4 ul li span::before{display: block;margin: 24px auto;content: "";width: 120px;height: 120px;background: url(../../images/vfx/liebian/fl4_ico1.png);background-size: 100%;}
.floor_4 ul li:nth-child(2) span::before{background: url(../../images/vfx/liebian/fl4_ico2.png);background-size: 100%;}
.floor_4 ul li:nth-child(3) span::before{background: url(../../images/vfx/liebian/fl4_ico3.png);background-size: 100%;}
.floor_4 ul li:nth-child(4) span::before{background: url(../../images/vfx/liebian/fl4_ico4.png);background-size: 100%;}
.floor_4 ul li:nth-child(5) span::before{background: url(../../images/vfx/liebian/fl4_ico5.png);background-size: 100%;}
.floor_4 ul li:nth-child(6) span::before{background: url(../../images/vfx/liebian/fl4_ico6.png);background-size: 100%;}
.floor_4 ul li:nth-child(7) span::before{background: url(../../images/vfx/liebian/fl4_ico7.png);background-size: 100%;}
.floor_4 ul li:nth-child(8) span::before{background: url(../../images/vfx/liebian/fl4_ico8.png);background-size: 100%;}
.floor_4 ul li p{text-align: center;font-weight: 400;font-size: 16px;color: #5D5F63;line-height: 24px;padding-top: 8px;}
.floor_4 a{width: 197px;margin-top: 0;}

.floor_5{height: auto;overflow: hidden;padding-bottom: 100px;}
.floor_5 img{display: block;margin: 0 auto;}
.floor_5 a{width: 149px;margin-top: 10px;}