@charset "utf-8";
* {margin:0;padding:0;border:0;outline:0;box-sizing:border-box;background-repeat:no-repeat;background-position:center center;font-size:0.18666666666666668rem;font-family:"PingFang SC","Microsoft YaHei","微软雅黑";font-size:14px;}
a{text-decoration:none; cursor:pointer;}
img{border:0;vertical-align:middle;}
ul li{list-style: none}
em,i{font-style:normal;}
strong{font-weight: normal;}
.w1180{width: 1180px;margin: 0 auto;}
.w1200{width: 1200px;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: 100px 0 40px;}
.title_1 span{display: block;font-weight: 500;font-size: 38px;color: #000000;}
.title_1 p{font-weight: 400;font-size: 20px;color: #5D5F63;padding-top: 10px;}


.elip{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-overflow: ellipsis;word-break:break-all;}
a.btn_erp{display: block;text-align: center;margin: 40px auto 0;width: 165px;height: 50px;background: #005EF4;border-radius: 4px;font-weight: 400;font-size: 16px;color: #FFFFFF;line-height: 50px;}

a.btn_erp::after{content: '';display: inline-block;width: 17px;height: 16px;background: url(../images/erp/arrow.png);background-size: 100%;margin-left: 5px;vertical-align: -2px;}


.banner{height: 400px;background: url(../images/erp/banner.png)center top no-repeat;background-size: cover;box-sizing: border-box;padding-top: 90px;}
.banner i{display: block;font-weight: bold;font-size: 16px;color: #FFFFFF;margin-bottom:16px;}
.banner i::before{display: inline-block;content: '';width: 16px;height: 16px;background: url(../images/erp/b_hash.png);background-size: 100%;margin-right: 4px;vertical-align: -2px;}
.banner span{display: block;font-weight: bold;font-size: 38px;color: #FFFFFF;margin-bottom: 16px;}
.banner p{display: flex;}
.banner p em{display: block;font-weight: 400;font-size: 20px;color: rgba(255,255,255,0.85);margin-right: 25px;}
.banner p em::before{display: inline-block;content: '';width: 20px;height: 20px;background: url(../images/erp/b_tick.png);background-size: 100%;margin-right: 8px;vertical-align: -3px;}
.banner p em:nth-child(2){background: url(../images/erp/b_ico2.png);background-size: 100%;}
.banner p em:nth-child(3){background: url(../images/erp/b_ico3.png);background-size: 100%;}
.banner a{display: block;text-align: center;width: 145px;height: 48px;background: #005EF4;border-radius: 4px;font-weight: 400;font-size: 16px;color: #FFFFFF;line-height: 48px;margin-top: 40px;}





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

.floor_1 ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.floor_1 ul li{width: 236px;height: 242px;background: #FFFFFF;border-right: 1px solid #F0F0F0;box-sizing: border-box;transition: 0.5s all ease-in-out;}

.floor_1 ul li:nth-child(4){border-right: none;}

.floor_1 ul li.on{width: 472px;}

.floor_1 ul li .top{width: 236px;height: 96px;display: flex;align-items: center;font-weight: 400;font-size: 20px;color: #000000;box-sizing: border-box;padding-left: 32px;transition: 0.5s all ease-in-out;}

.floor_1 ul li.on .top{width: 472px;background: url(../images/erp/fl1_t1.png);background-size: 100%;padding-left: 24px;color: #FFFFFF;font-weight: bold;}

.floor_1 ul li:nth-child(2).on .top{background: url(../images/erp/fl1_t2.png);background-size: 100%;}

.floor_1 ul li:nth-child(3).on .top{background: url(../images/erp/fl1_t3.png);background-size: 100%;}

.floor_1 ul li:nth-child(4).on .top{background: url(../images/erp/fl1_t4.png);background-size: 100%;}

.floor_1 ul li .top::before{display: inline-block;content: '';width: 24px;height: 24px;background: url(../images/erp/fl1_a1.png);background-size: 100%;margin-right: 8px;}

.floor_1 ul li:nth-child(2) .top::before{background: url(../images/erp/fl1_a2.png);background-size: 100%;}

.floor_1 ul li:nth-child(3) .top::before{background: url(../images/erp/fl1_a3.png);background-size: 100%;}

.floor_1 ul li:nth-child(4) .top::before{background: url(../images/erp/fl1_a4.png);background-size: 100%;}

.floor_1 ul li.on .top::before{background: url(../images/erp/fl1_b1.png);background-size: 100%;}

.floor_1 ul li:nth-child(2).on .top::before{background: url(../images/erp/fl1_b2.png);background-size: 100%;}

.floor_1 ul li:nth-child(3).on .top::before{background: url(../images/erp/fl1_b3.png);background-size: 100%;}

.floor_1 ul li:nth-child(4).on .top::before{background: url(../images/erp/fl1_b4.png);background-size: 100%;}

.floor_1 ul li .bot{width: 236px;height: 146px;box-sizing: border-box;padding: 24px 0 0 24px;position: relative;}

.floor_1 ul li.on .bot{width: 472px;height: 146px;}

.floor_1 ul li .bot i{display: block;position: absolute;top: 0;left: 24px;width: 188px;height: 0px;border-top: 1px solid #F0F0F0;}

.floor_1 ul li .bot p{width: 188px;font-weight: 400;font-size: 14px;color: #333333;margin-bottom: 16px;transition: 0.5s all ease-in-out;}

.floor_1 ul li.on .bot p{width: 424px;}

.floor_1 ul li .bot p::before{display: inline-block;content: '';width: 16px;height: 22px;background: url(../images/erp/fl1_tick.png);background-size: 100%;margin-right: 8px;vertical-align: -6px;}





.floor_2{height: auto;overflow: hidden;padding-bottom: 100px;}

.floor_2 ul{display: flex;justify-content: space-between;flex-wrap: wrap;width: 1180px;height: 578px;position: relative;}

.floor_2 ul i{display: block;position: absolute;background: url(../images/erp/fl2_pic.png)center center no-repeat;background-size: 100%;width: 232px;height: 232px;left: 470px;top: 180px;}
.floor_2 ul li{width: 578px;height: 268px;background: #454545 url(../images/erp/fl2_bg.png);background-size: 100%;;border-radius: 16px;margin-bottom: 20px;}

.floor_2 ul li:nth-child(n+3){margin-bottom: 0;}

.floor_2 ul li:nth-child(2n){text-align: right;}

.floor_2 ul li>div{width: 122px;height: 40px;margin: 32px 0 0 32px;margin-bottom: 24px;}

.floor_2 ul li:nth-child(2n)>div{margin: 32px 0 0 420px;margin-bottom: 24px;}

.floor_2 ul li h5{display: block;font-weight: bold;font-size: 24px;color: #000000;}

.floor_2 ul li h5::before{display: inline-block;content: '';width: 40px;height:40px;background: url(../images/erp/fl2_ico1.png);background-size: 100%;margin-right: 10px;vertical-align: -12px;}

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

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

.floor_2 ul li:nth-child(4) h5::before{background: url(../images/erp/fl2_ico4.png);background-size: 100%;}
.floor_2 ul li span{display: block;font-weight:400;font-size: 20px;color: #1F1F1F;margin: 0 32px 24px 32px;}

.floor_2 ul li p{font-weight: 400;font-size: 16px;color: #595959;line-height: 24px;margin: 0 32px 8px 32px;}

.floor_2 ul li p em{display: inline-block;width: 14px;height: 24px;background: url(../images/erp/fl2_tick.png);background-size: 100%;margin-right: 4px;vertical-align: -6px;}

.floor_2 a{width: 181px;margin-top: 20px;}





.floor_3{height: auto;overflow: hidden;padding-bottom: 80px;background: url(../images/erp/fl2_bg.png)center top no-repeat;background-size: cover;}
.floor_3 ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.floor_3 ul li{width: 183px;height: 266px;background: #FFFFFF;box-shadow: 2px 6px 20px -3px rgba(0,0,0,0.05);position: relative;}
.floor_3 ul li .view{width: 183px;height: 266px;} 
.floor_3 ul li .view img{display: block;width: 41px;height: 40px;margin: 24px auto 16px;}
.floor_3 ul li .view span{display: block;text-align: center;font-size: 16px;font-weight: 500;color: #1F1F1F;line-height: 24px;}
.floor_3 ul li .view i{display: block;text-align: center;width: 60px;height: 1px;border-top: 1px solid #D9D9D9;margin: 24px auto;}
.floor_3 ul li .view p{width: 135px;margin-left: 39px;font-size: 14px;font-weight: 400;color: #595959;line-height: 22px;margin: auto;}
.floor_3 ul li .mask{display: block;width: 188px;height: 311px;position: absolute;top: 0;opacity: 0;top: 0;transform: translateY(15%);transition: all 0.2s ease-in-out;} 
.floor_3 ul li .mask .top{width: 183px;height: 152px;background: url(../images/erp/fl3_m1.png);background-size: 100%;box-sizing: border-box;padding-top: 24px;}

.floor_3 ul li:nth-child(2) .mask .top{background: url(../images/erp/fl3_m2.png);background-size: 100%;}

.floor_3 ul li:nth-child(3) .mask .top{background: url(../images/erp/fl3_m3.png);background-size: 100%;}

.floor_3 ul li:nth-child(4) .mask .top{background: url(../images/erp/fl3_m4.png);background-size: 100%;}

.floor_3 ul li:nth-child(5) .mask .top{background: url(../images/erp/fl3_m5.png);background-size: 100%;}

.floor_3 ul li:nth-child(6) .mask .top{background: url(../images/erp/fl3_m6.png);background-size: 100%;}

.floor_3 ul li .mask .top img{display: block;width: 41px;height: 40px;margin: 0 auto;margin-bottom: 16px;}
.floor_3 ul li .mask .top span{display: block;font-size: 16px;font-weight: 500;color: rgba(255,255,255,0.85);line-height: 24px;text-align: center;}
.floor_3 ul li .mask .bot{width: 183px;height: 114px;background: #0077FF;box-sizing: border-box;padding-top: 24px;}
.floor_3 ul li .mask .bot p{font-size: 14px;font-weight: 400;color: rgba(255,255,255,0.85);line-height: 22px;width: 135px;height: 66px;margin: auto;}
.floor_3 ul li:hover .mask{opacity: 1;transform: translateY(0);display: block;}



.floor_4{height: auto;overflow: hidden;padding-bottom: 100px;background: url(../images/erp/fl4_bg.png)center top no-repeat;background-size: cover;}

.floor_4 .title_1 span{color: #FFFFFF;} 

.floor_4 ul{display: flex;justify-content: space-between;flex-wrap: wrap;width: 1180px;height: 372px;background: linear-gradient( 180deg, rgba(255,255,255,0.24) 0%, rgba(255,255,255,0.32) 100%);border-radius: 16px;backdrop-filter: blur(40px);}
.floor_4 ul li{width: 393px;height: 186px;border-right: 1px solid rgba(255,255,255,0.12);border-bottom: 1px solid rgba(255,255,255,0.12);box-sizing: border-box;}

.floor_4 ul li:nth-child(3n){border-right:none;}

.floor_4 ul li:nth-child(n+4){border-bottom:none;}
.floor_4 ul li img{display: block;margin: 30px auto 16px;width: 48px;height: 48px;}

.floor_4 ul li span{display: block;text-align: center;font-weight: 500;font-size: 20px;color: #FFFFFF;margin-bottom: 8px;}

.floor_4 ul li p{display: block;text-align: center;font-weight: 400;font-size: 14px;color: rgba(255,255,255,0.65);}




.floor_5{height: auto;overflow: hidden;padding-bottom: 100px;background: #F3F5F8;}
.floor_5 img{display: block;width: 1180px;height: 560px;margin: auto;}

.floor_5 a{width: 197px;}



.floor_6{height: auto;overflow: hidden;padding-bottom: 100px;}
.floor_6 ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.floor_6 ul li{width: 180px;height: 240px;background: url(../images/erp/fl6_1.png);background-size: 100%;box-sizing: border-box;position: relative;}

.floor_6 ul li .info{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 2;}

.floor_6 ul li .mask{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;background: rgba(0,0,0,0.25);}

.floor_6 ul li:nth-child(2){background: url(../images/erp/fl6_2.png);background-size: 100%;}

.floor_6 ul li:nth-child(3){background: url(../images/erp/fl6_3.png);background-size: 100%;}

.floor_6 ul li:nth-child(4){background: url(../images/erp/fl6_4.png);background-size: 100%;}

.floor_6 ul li:nth-child(5){background: url(../images/erp/fl6_5.png);background-size: 100%;}

.floor_6 ul li:nth-child(6){background: url(../images/erp/fl6_6.png);background-size: 100%;}

.floor_6 ul li span{display: block;font-weight: 500;font-size: 16px;color: #FFFFFF;margin: 170px 0 0 16px;}

.floor_6 ul li span em{display: inline-block;width: 20px;height: 20px;background: url(../images/erp/fl6_ico1.png);background-size: 100%;vertical-align: -4px;margin-right: 4px;}

.floor_6 ul li:nth-child(2) span em{background: url(../images/erp/fl6_ico2.png);background-size: 100%;}

.floor_6 ul li:nth-child(3) span em{background: url(../images/erp/fl6_ico3.png);background-size: 100%;}

.floor_6 ul li:nth-child(4) span em{background: url(../images/erp/fl6_ico4.png);background-size: 100%;}

.floor_6 ul li:nth-child(5) span em{background: url(../images/erp/fl6_ico5.png);background-size: 100%;}

.floor_6 ul li:nth-child(6) span em{background: url(../images/erp/fl6_ico6.png);background-size: 100%;}

.floor_6 ul li p{font-weight: 400;font-size: 14px;color: rgba(255,255,255,0.65);margin: 6px 0 0 20px}

.floor_6 a{width: 197px;}





.floor_7{height: 240px;background: url(../images/erp/fl7_bg.png)center top no-repeat;background-size: cover;box-sizing: border-box;padding-top: 55px;}
.floor_7 span{display: block;font-weight: 500;font-size: 38px;color: #FFFFFF;text-align: center;margin-bottom: 32px;}
.floor_7 .box{width: 514px;display: flex;margin: auto;}
.floor_7 .box input{width: 368px;height: 52px;background: #FFFFFF;border-radius: 4px;outline: none;border: none;font-weight: 400;font-size: 20px;color: #8D8F93;line-height: 52px;box-sizing: border-box;padding-left: 24px;}
.floor_7 .box a{width: 128px;height: 52px;background: #2982FF;border-radius: 4px;text-align: center;font-weight: 500;font-size: 20px;color: #FFFFFF;line-height: 52px;margin-left: 16px;}