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

.elip{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-overflow: ellipsis;word-break:break-all;}
.elips{overflow:hidden;text-overflow:ellipsis;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}

a.btn_bm{display: block;width: 200px;height: 60px;background: linear-gradient( 90deg, #029EE8 0%, #027AE8 100%);font-weight: 500;font-size: 20px;color: #FFFFFF;line-height: 60px;text-align: center;margin: auto;}
a.btn_bm::after{display: inline-block;content: "";width: 24px;height: 24px;background: url(../images/biaomian/btn_arrow.png);background-size: 100%;margin-left: 8px;vertical-align: -5px;}

.banner{height: 534px;background: url(../images/biaomian/banner.png)center top no-repeat;background-size: cover;}
.banner h5{display: block;height: 56px;font-weight: 600;font-size: 40px;color: #027AE8;padding-top: 120px;}
.banner h5 em{display: inline-block;width: 0;height: 31px;border-left: 1px solid #027AE8;margin: 0 20px;vertical-align: middle;}
.banner h4{display: block;height: 56px;font-weight: 600;font-size: 40px;color: #182141;}
.banner p{font-weight: 400;font-size: 20px;color: #5D5F63;line-height: 28px;padding: 20px 0 48px;}
.banner a{display: block;margin-left: 0;}
.banner .fr img{display: block;width: 278px;height: 278px;padding-top: 128px;}

.title{text-align: center;padding: 80px 0 48px;}
.title span{display: block;font-weight: 600;font-size: 40px;color: #182141;}
.title p{font-weight: 400;font-size: 16px;color: #5D5F63;line-height: 26px;margin-top: 10px;}


.floor_1{height: auto;overflow: hidden;padding-bottom: 80px;background: #FFFFFF;}
.floor_1 .fl{display: block;width: 288px;height: 412px;background: url(../images/biaomian/fl1_1.png);background-size: 100%;position: relative;}
.floor_1 .fl span{display: block;text-align: center;font-weight: 500;font-size: 24px;color: #FFFFFF;padding-top: 64px;}
.floor_1 .fl span::after{display:block;content: "";margin: 10px auto;width: 0px;border-left: 8px solid transparent;border-right: 8px solid transparent;border-top: 12px solid #FFFFFF;}
.floor_1 .fl .p{display: block;width: 240px;font-weight: 400;font-size: 16px;color: #FFFFFF;line-height: 24px;text-align: justify;margin:auto;}
.floor_1 .fl .p em{display: block;height: 8px;}
.floor_1 .fl i{display: block;position: absolute;width: 32px;height: 200px;background: url(../images/biaomian/fl1_arrow.png);background-size: 100%;top: 106px;right: -40px;}
.floor_1 .fr{width: 844px;height: 412px;box-shadow: 8px 8px 20px 0px rgba(55,99,170,0.1);background: linear-gradient( 180deg, #EFF6FF 0%, #F6FAFF 100%);position: relative;}
.floor_1 .fr .t1{display: flex;justify-content: space-between;flex-wrap: wrap;width: 813px;margin: 16px auto 0;border: 1px solid #E7F1FF;}
.floor_1 .fr .t1 li{width: 271px;height: 150px;border: 1px solid rgba(0,0,0,0);box-sizing: border-box;position: relative;background: #FFFFFF;}
.floor_1 .fr .t1 li span{display: block;width: 223px;height: 28px;background: #E7F1FF;text-align: center;font-weight: 500;font-size: 20px;color: #182141;line-height: 28px;border-radius: 14px;margin: 24px auto 8px;}
.floor_1 .fr .t1 li p{width: 223px;font-weight: 400;font-size: 14px;color: #5D5F63;line-height: 22px;text-align: justify;margin: auto;}
.floor_1 .fr .t1 li i{position: absolute;top: 24px;right: 0;width: 1px;height: 102px;background: #E7F1FF;display: block;}
.floor_1 .fr b.b1{display: block;position: absolute;top: 170px;left: 382px;width: 32px;height: 36px;background: url(../images/biaomian/fl1_arrow1.png);background-size: 100%;}
.floor_1 .fr b.b2{display: block;position: absolute;top: 170px;left: 430px;width: 32px;height: 36px;background: url(../images/biaomian/fl1_arrow2.png);background-size: 100%;}
.floor_1 .fr b.b3{display: block;position: absolute;top: 296px;left: 406px;width: 32px;height: 36px;background: url(../images/biaomian/fl1_arrow1.png);background-size: 100%;}
.floor_1 .fr .t2{width: 812px;height: 82px;background: #E7F1FF;margin: 44px auto;display: flex;justify-content: space-evenly;flex-wrap: wrap;align-items: center;}
.floor_1 .fr .t2 dd{display: block;width: 183px;height: 50px;background: #FFFFFF;}
.floor_1 .fr .t2 dd span{display: block;text-align: center;font-weight: 400;font-size: 18px;color: #027AE8;line-height: 50px;}
.floor_1 .fr .t2 dd span em{display: inline-block;width: 25px;height: 24px;background: url(../images/biaomian/fl1_ico1.png);background-size: 100%;margin-right: 4px;vertical-align: -5px;}
.floor_1 .fr .t2 dd:nth-child(2) span em{background: url(../images/biaomian/fl1_ico2.png);background-size: 100%;}
.floor_1 .fr .t2 dd:nth-child(3) span em{background: url(../images/biaomian/fl1_ico3.png);background-size: 100%;}
.floor_1 .fr .t2 dd:nth-child(4) span em{background: url(../images/biaomian/fl1_ico4.png);background-size: 100%;}
.floor_1 .fr .t3{width: 812px;height: 60px;background: #029EE8;margin: auto;}
.floor_1 .fr .t3 span{display: block;text-align: center;font-weight: 500;font-size: 20px;color: #FFFFFF;line-height: 60px;}



.floor_2{height: auto;overflow: hidden;padding-bottom: 80px;background: #F4F5F8;}
.floor_2 .w1180{width: 1180px;height: 646px;box-shadow: 4px 4px 10px 0px rgba(55,99,170,0.1);}
.floor_2 .t1{width: 1180px;height: 80px;display: flex;align-items: center;}
.floor_2 .t1 .text1{width: 369px;height: 80px;background: #029EE8;text-align: center;font-weight: 500;font-size: 24px;color: #FFFFFF;line-height: 80px;}
.floor_2 .t1 .text1 em{display: inline-block;font-weight: 600;font-size: 48px;color: #FFFFFF;vertical-align: -8px;margin-right: 4px;}
.floor_2 .t1 .text2{width: 811px;height: 80px;background: #E7F1FF;display: flex;align-items: center;}
.floor_2 .t1 .text2 p{width: 763px;font-weight: 400;font-size: 16px;color: #5D5F63;line-height: 24px;text-align: justify;margin: auto;}
.floor_2 .t2{width: 1180px;height: 120px;background: linear-gradient( 360deg, #F4F5F8 0%, #FFFFFF 100%);display: flex;align-items: center;justify-content: center;}
.floor_2 .t2 ul{display: flex;justify-content: space-between;flex-wrap: wrap;width: 984px;height: 72px;background: url(../images/biaomian/fl2_1.png);background-size: 100%;}
.floor_2 .t2 ul li{width: 246px;height: 72px;font-weight: 500;font-size: 20px;color: #FFFFFF;line-height: 72px;}
.floor_2 .t2 ul li em{display: inline-block;font-weight: 500;font-size: 28px;color: #FFFFFF;line-height: 72px;vertical-align: -3px;margin-left: 30px;}
.floor_2 .t2 ul li:nth-child(2) em{margin-left: 32px;}
.floor_2 .t2 ul li:nth-child(3) em{margin-left: 34px;}
.floor_2 .t2 ul li:nth-child(4) em{margin-left: 35px;}
.floor_2 .t3{width: 1180px;height: 446px;background:#FFFFFF url(../images/biaomian/fl2_2.png)32px center no-repeat;background-size: 1115px 382px;position: relative;}
.floor_2 .t3 h5{display: block;position: absolute;top: 152px;left: 56px;font-weight: 500;font-size: 24px;color: #FFFFFF;line-height: 32px;}
.floor_2 .t3 h5::before{display: block;margin: 0 auto 8px;content: "";width: 40px;height: 40px;background: url(../images/biaomian/fl2_ico1.png);background-size: 100%;}
.floor_2 .t3 i{display: block;position: absolute;font-weight: 400;font-size: 14px;color: #029EE8;top: 50px;left: 435px;}
.floor_2 .t3 i:nth-child(2){top: 182px;left: 533px;}
.floor_2 .t3 i:nth-child(3){top: 129px;left: 736px;}
.floor_2 .t3 i:nth-child(4){top: 261px;left: 736px;}
.floor_2 .t3 i:nth-child(5){top: 182px;left: 872px;}
.floor_2 .t3 b{display: block;position: absolute;font-weight: 400;font-size: 16px;color: #5D5F63;line-height: 26px;top: 150px;left: 318px;text-align: center;}
.floor_2 .t3 b:nth-child(2){top: 48px;left: 630px;}
.floor_2 .t3 b:nth-child(3){top: 193px;left: 651px;}
.floor_2 .t3 b:nth-child(4){top: 312px;left: 621px;}
.floor_2 .t3 b:nth-child(5){top: 172px;left: 969px;}
.floor_2 .t3 em{display: block;position: absolute;font-weight: 400;font-size: 16px;color: #FFFFFF;top: 248px;left: 359px;}
.floor_2 .t3 em:nth-child(2){top: 384px;left: 632px;}

.floor_2 a{margin-top: 48px;}


.floor_3{height: auto;overflow: hidden;padding-bottom: 60px;background: url(../images/biaomian/fl3_bg.png)center top no-repeat;background-size: cover;}
.floor_3 .title span{display: block;color: #FFFFFF;}
.floor_3 .title p{color: rgba(255,255,255,0.85);}
.floor_3 ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.floor_3 ul li{width: 580px;height: 232px;margin-bottom: 20px;background: url(../images/biaomian/fl3_1.png);background-size: 100%;position: relative;transition: all 0.5s ease-in-out;}
.floor_3 ul li:nth-child(2){background: url(../images/biaomian/fl3_2.png);background-size: 100%;}
.floor_3 ul li:nth-child(3){background: url(../images/biaomian/fl3_3.png);background-size: 100%;}
.floor_3 ul li:nth-child(4){background: url(../images/biaomian/fl3_4.png);background-size: 100%;}
.floor_3 ul li .bot{position: absolute;width: 580px;height: 48px;background: linear-gradient( 90deg, rgba(2,158,232,0.8) 0%, rgba(2,137,232,0.8) 100%);bottom: 0;display: flex;align-items: center;}
.floor_3 ul li .bot span{display: block;font-weight: 500;font-size: 24px;color: #FFFFFF;}
.floor_3 ul li p{opacity: 0;}
.floor_3 ul li .bot span em{display: inline-block;width: 32px;height: 32px;background: url(../images/biaomian/fl3_ico1.png);background-size: 100%;margin-right: 8px;vertical-align: -7px;margin-left: 40px;}
.floor_3 ul li:nth-child(2) .bot span em{background: url(../images/biaomian/fl3_ico2.png);background-size: 100%;}
.floor_3 ul li:nth-child(3) .bot span em{background: url(../images/biaomian/fl3_ico3.png);background-size: 100%;}
.floor_3 ul li:nth-child(4) .bot span em{background: url(../images/biaomian/fl3_ico4.png);background-size: 100%;}
.floor_3 ul li:hover{background: url(../images/biaomian/fl3_h1.png);background-size: 100%;}
.floor_3 ul li:nth-child(2):hover{background: url(../images/biaomian/fl3_h2.png);background-size: 100%;}
.floor_3 ul li:nth-child(3):hover{background: url(../images/biaomian/fl3_h3.png);background-size: 100%;}
.floor_3 ul li:nth-child(4):hover{background: url(../images/biaomian/fl3_h4.png);background-size: 100%;}
.floor_3 ul li:hover .bot{position: absolute;top: 32px;}
.floor_3 ul li:hover p{position: absolute;top: 100px;left: 40px;width: 500px;font-weight: 500;font-size: 16px;color: #5D5F63;line-height: 24px;text-align: justify;opacity: 1;}
.floor_3 ul li:hover p em{display: inline-block;font-weight: bold;font-size: 16px;}
.floor_3 ul li:hover p b{display: block;height: 12px;}


.floor_4{height: auto;overflow: hidden;padding-bottom: 80px;background: url(../images/biaomian/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: 380px;height: 344px;background: #FFFFFF;transition: 0.5s all ease-in;}
.floor_4 ul li span{display: block;font-weight: bold;font-size: 24px;color: #000000;text-align: center;margin-bottom: 16px;}
.floor_4 ul li span::before{display: block;margin: 32px auto 24px;content: "";width: 48px;height: 48px;background: url(../images/biaomian/fl4_ico1.png);background-size: 100%;}
.floor_4 ul li:nth-child(2) span::before{background: url(../images/biaomian/fl4_ico2.png);background-size: 100%;}
.floor_4 ul li:nth-child(3) span::before{background: url(../images/biaomian/fl4_ico3.png);background-size: 100%;}
.floor_4 ul li p{width: 316px;margin: auto;font-weight: 500;font-size: 16px;color: #5D5F63;line-height: 24px;text-align: justify;margin-bottom: 16px;}
.floor_4 ul li p em{display: inline-block;font-weight: bold;font-size: 16px;}
.floor_4 ul li:hover{margin-top: -10px;box-shadow: 8px 8px 20px 0px rgba(55,99,170,0.1);}


.floor_5{height: auto;overflow: hidden;padding-bottom: 80px;background: #F4F5F8;}
.floor_5 .option{display: flex;justify-content: space-between;flex-wrap: wrap;margin-bottom: 32px;}
.floor_5 .option i{display: block;width: 295px;height: 60px;border-bottom: 1px solid #EAEAEB;text-align: center;font-weight: 400;font-size: 20px;color: #5D5F63;line-height: 60px;}
.floor_5 .option i.on{color: #027AE8;border-bottom: 2px solid #027AE8;}
.floor_5 .swiper-container{width: 1180px;height: 486px;}
.floor_5 .swiper-container .swiper-slide{width: 1180px;height: 486px;}
.floor_5 .swiper-slide .t1{width: 1180px;height: 128px;background: #E7F1FF;display: flex;align-items: center;}
.floor_5 .swiper-slide .t1 .t1_1{margin: 0 32px;}
.floor_5 .swiper-slide .t1 h5{display: block;width: 240px;height: 40px;background: linear-gradient( 90deg, #029EE8 0%, #027AE8 100%);text-align: center;font-weight: 500;font-size: 24px;color: #FFFFFF;line-height: 40px;}
.floor_5 .swiper-slide .t1 h4{display: block;width: 240px;height: 40px;background: linear-gradient( 292deg, #6F9CFC 0%, #A1D0FD 100%);text-align: center;font-weight: 400;font-size: 16px;color: #FFFFFF;line-height: 40px;}
.floor_5 .swiper-slide .t1 h3{display: flex;width: 844px;height: 72px;font-weight: 400;font-size: 16px;color: #5D5F63;line-height: 24px;text-align: justify;align-items: center;}
.floor_5 .swiper-slide .t2{width: 1180px;height: 358px;background: #FFFFFF;display: flex;border: 0px solid rgba(0,0,0,0);box-sizing: border-box;padding: 32px 0 0 32px;}
.floor_5 .swiper-slide .t2 .fl{width: 426px;height: 294px;background: #F4F5F8;}
.floor_5 .swiper-slide .t2 .fl .t2_1{width: 426px;height: 98px;display: flex;align-items: center;border-bottom: 1px solid #D9D9D9;box-sizing: border-box;}
.floor_5 .swiper-slide .t2 .fl .t2_1:nth-child(3){border-bottom: none;}
.floor_5 .swiper-slide .t2 .fl .t2_1 span{display: block;width: 120px;height: 82px;background: #E1F0D1;border: 1px solid rgba(255,255,255,0.6);text-align: center;font-weight: 400;font-size: 20px;color: #516D32;line-height: 82px;margin: 0 8px;}
.floor_5 .swiper-slide .t2 .fl .t2_1:nth-child(2) span{background: #C0F0F4;color: #197B83;}
.floor_5 .swiper-slide .t2 .fl .t2_1:nth-child(3) span{background: #C9DCFD;color: #395482;}
.floor_5 .swiper-slide .t2 .fl .t2_1 p{width: 282px;font-weight: 400;font-size: 16px;color: #5D5F63;line-height: 24px;text-align: justify;}
.floor_5 .swiper-slide .t2 .fr img{display: block;width: 674px;height: 294px;margin-left: 16px;}
.floor_5 img.brand{display: block;margin: 48px auto 0;width: 1180px;height: 440px;}