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


.banner .swiper-container {position: relative;}
.banner .swiper-container .swiper-slide{height: 500px;padding-top: 97px;box-sizing: border-box;}
.banner .swiper-container .swiper-slide h5{display: block;font-weight: 400;font-size: 16px;color: #252627;margin-bottom: 16px;}
.banner .swiper-container .swiper-slide h5::before{display: inline-block;content: "";width: 16px;height: 16px;background: url(../images/index/b_hash.png);background-size: 100%;margin-right: 4px;vertical-align: -1px;}
.banner .swiper-container .swiper-slide span{display: block;font-weight: bold;font-size: 38px;color: #000000;margin-bottom: 16px;}
.banner .swiper-container .swiper-slide p{font-weight: 400;font-size: 20px;color: #000000;}
.banner .swiper-container .swiper-slide .bn_btn{display: flex;margin-top: 60px;}
.banner .swiper-container .swiper-slide .bn_btn a{display: block;width: 111px;height: 48px;background: #0077FF;border-radius: 4px;text-align: center;font-weight: 400;font-size: 16px;color: #FFFFFF;line-height: 48px;}
.banner .swiper-container .swiper-slide .bn_btn a:nth-child(2){margin-left: 13px;border: 1px solid #0077FF;background: none;color: #0077FF;box-sizing: border-box;}

.banner .swiper-container .swiper-pagination{position: absolute;bottom: 80px;left: -39%;}
.banner .swiper-container .swiper-pagination-bullet{width: 30px;height: 2px;border-radius: 0;background: #262626;opacity: 0.2;}
.banner .swiper-container .swiper-pagination-bullet-active{opacity: 1;background: #0077FF;}


.content{position: relative;margin-top: 0px;}
.m_nav{position: absolute;top: -60px;z-index: 2;width: 1180px;height: 150px;background: #FFFFFF;box-shadow: 3px 8px 20px 0px rgba(55,99,170,0.1);border-radius: 4px;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;box-sizing: border-box;padding: 0 37px;left: 50%;transform: translateX(-50%);}
.m_nav .t{width: 513px;height: 90px;position: relative;}
.m_nav .t .a_t{display: flex;}
.m_nav .t img{display: block;width: 100px;height: 90px;margin-right: 24px;}

.m_nav .t span{display: block;font-weight: 400;font-size: 20px;color: #000000;margin: 14px 0 10px;}

.m_nav .t p{font-weight: 400;font-size: 16px;color: #595959;}
.m_nav .t i{display: block;position: absolute;width: 31px;height: 31px;background: url(../images/index/m_hot.png);background-size: 100%;left: -10px;top: -11px;}



.content .title{text-align: center;padding: 80px 0 48px;}
.content .title b{display: block;font-size: 38px;font-weight: bold;color: #000000;}
.content .title span{display: block;font-weight: 400;font-size: 20px;color: #595959;padding-top:10px;}
.content .index_btn{display: block;text-align: center;width: 165px;height: 50px;background: #005EF4;line-height: 50px;border-radius: 4px;font-size: 16px;color: #FFF;font-weight: 400;margin: 40px auto 0;}

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



.content .index_btn::after{display: inline-block;content: "";width: 17px;height: 16px;background: url(../images/index/arrow_btn.png);background-size: 100%;vertical-align: -3px;margin-left: 5px;}
.content .index_btn:hover{background: linear-gradient(to right,#27a1f6,#33b1f9);}


.content .fl_1{height: auto;overflow: hidden;padding-bottom: 80px;background:url(../images/index/fl1_bg.png)top center no-repeat;background-size: cover;padding-top: 80px;}
.content .fl_1 .t{width: 1180px;height: 468px;}
.content .fl_1 .t .dd {width: 590px;height: 234px;position: relative;}
.content .fl_1 .t .dd .info1{width: 100%;height: 100%;background: #FFFFFF;box-sizing: border-box;padding: 40px 0 0 60px;position: absolute;top: 0;left: 0;opacity: 1;z-index: 1;transition: all 0.5s ease-in-out;}
.content .fl_1 .t .dd.on .info1{opacity: 0;}
.content .fl_1 .t .dd .info1 h4{display: block;font-weight: bold;font-size: 28px;color: #33363F;margin-bottom: 32px;}
.content .fl_1 .t .dd .info1 dl{width: 490px;}
.content .fl_1 .t .dd .info1 dl dd{width: 245px;font-weight: 400;font-size: 20px;color: #1F1F1F;margin-bottom: 30px;}
.content .fl_1 .t .dd .info1 dl dd:nth-child(n+3){margin-bottom: 0;}
.content .fl_1 .t .dd .info1 dl dd::before{display: inline-block;content: "";width: 4px;height: 12px;background: #0077FF;border-radius: 2px;margin-right: 8px;vertical-align: 1px;}
.content .fl_1 .t .dd .info1  hr{width: 526px;height: 0;border-top: 1px solid #D9D9D9;margin: 40px 0 30px -30px;}
.content .fl_1 .t .dd .info2{width: 100%;height: 468px;background: linear-gradient( 219deg, #DFECFF 0%, #F8FBFF 100%);border-top: 1px solid #FFFFFF;box-sizing: border-box;padding: 30px 0 0 32px;position: absolute;top: 0;left: 0;opacity: 0;z-index: 2;transition: all 0.5s ease-in-out;}
.content .fl_1 .t .dd.on .info2{opacity: 1;z-index: 3;}
.content .fl_1 .t .dd:nth-child(n+3).on .info2{margin-top: -234px;}
.content .fl_1 .t .dd .info2 h5{display: block;font-weight: 500;font-size: 28px;color: #0077FF;margin-bottom: 30px;}
.content .fl_1 .t .dd .info2 ul{width: 526px;}
.content .fl_1 .t .dd .info2 ul li{width: 245px;height: 80px;margin-bottom: 24px;}
.content .fl_1 .t .dd .info2 ul li:nth-child(n+3){width: 526px;}
.content .fl_1 .t .dd .info2 ul li span{display: block;font-weight: 400;font-size: 20px;color: #1F1F1F;margin-bottom: 8px;}
.content .fl_1 .t .dd .info2 ul li span::before{display: inline-block;content: "";width: 4px;height: 12px;background: #0077FF;border-radius: 2px;margin-right: 8px;vertical-align: 1px;}
.content .fl_1 .t .dd .info2 ul li p{font-weight: 400;font-size: 14px;color: #999999;line-height: 22px;}
.content .fl_1 .t .dd .info2 .bot{position: absolute;bottom: 0;left: 0;width: 590px;height: 50px;background: linear-gradient( 90deg, #0A76FE 0%, rgba(10,118,254,0) 100%);display: flex;align-items: center;box-sizing: border-box;padding-left: 36px;font-weight: 400;font-size: 20px;color: #FFFFFF;}
.content .fl_1 .t .dd .info2 .bot::after{display: inline-block;content: "";width: 20px;height: 20px;background: url(../images/index/arrow.png);background-size: 100%;margin-left: 8px;margin-top: 2px;}
.content .fl_1 .t .dd .info2 i{display: block;position: absolute;right: 0;bottom: 0;width: 240px;height: 251px;background: url(../images/index/fl1_1.png);background-size: 100%;}
.content .fl_1 .t .dd:nth-child(2) .info2 i{background: url(../images/index/fl1_2.png);background-size: 100%;}
.content .fl_1 .t .dd:nth-child(3) .info2 i{background: url(../images/index/fl1_3.png);background-size: 100%;}
.content .fl_1 .t .dd:nth-child(4) .info2 i{background: url(../images/index/fl1_4.png);background-size: 100%;}


.content .fl_2{overflow: hidden;height: auto;background:url(../images/index/fl2_bg.png)top center no-repeat;background-size: cover;}

.content .fl_2 ul{width: 1179px;}

.content .fl_2 ul li{width: 393px;height: 176px;background: #FFFFFF;border-right: 1px solid #F4F5F8;border-bottom: 1px solid #F4F5F8;box-sizing: border-box;padding: 32px 0 0 24px;position: relative;transition: all 0.5s ease-in-out;position: relative;}
.content .fl_2 ul li:nth-child(n+7){width: 589px;border-bottom: none}
.content .fl_2 ul li:nth-child(3n){border-right: none;}
.content .fl_2 ul li:nth-child(8){border-right: none;}

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

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

.content .fl_2 ul li .t{width: 75px;height: 112px;position: absolute;right: 24px;top: 32px;}

.content .fl_2 ul li .t img{display: block;width: 72px;height: 74px;margin: auto;}

.content .fl_2 ul li .t i{display: block;text-align: center;font-weight: 500;font-size: 14px;color: #5D5F63;}

.content .fl_2 ul li.on{background: url(../images/index/fl2_b1.png);background-size: 100%;}

.content .fl_2 ul li.on .t a{color: #0077FF;}

.content .fl_2 ul li i{display: block;width: 36px;height: 20px;background: linear-gradient( 180deg, #FFA6A6 0%, #FF5A5A 100%);border-radius: 12px 12px 12px 0px;text-align: center;font-weight: 500;font-size: 12px;color: #FFFFFF;line-height: 20px;position: absolute;top: 28px;left: 125px;}


.content .fl_3{overflow: hidden;height: auto;background:url(../images/index/fl3_bg.png)top center no-repeat;background-size: cover;padding-bottom: 80px;padding-top: 50px;}

.content .fl_3 .swiper{width: 1272px;margin: auto;position: relative;}
.content .fl_3 .swiper-container{width: 1180px;height: 150px;margin: auto;}

.content .fl_3 .swiper-container .swiper-slide{width: 188px;height: 150px;background: url(../images/index/fl3_1.png);background-size: 100%;position: relative;border-radius: 8px;}

.content .fl_3 .swiper-container .slide2{background: url(../images/index/fl3_2.png);background-size: 100%;}

.content .fl_3 .swiper-container .slide3{background: url(../images/index/fl3_3.png);background-size: 100%;}

.content .fl_3 .swiper-container .slide4{background: url(../images/index/fl3_4.png);background-size: 100%;}

.content .fl_3 .swiper-container .slide5{background: url(../images/index/fl3_5.png);background-size: 100%;}

.content .fl_3 .swiper-container .slide6{background: url(../images/index/fl3_6.png);background-size: 100%;}

.content .fl_3 .swiper-container .slide7{background: url(../images/index/fl3_7.png);background-size: 100%;}

.content .fl_3 .swiper-container .slide8{background: url(../images/index/fl3_8.png);background-size: 100%;}

.content .fl_3 .swiper-container .slide9{background: url(../images/index/fl3_9.png);background-size: 100%;}
.content .fl_3 .swiper-container .swiper-slide .bot{width: 188px;height: 64px;background: rgba(0,0,0,0.5);backdrop-filter: blur(6px);display: flex;align-items: center;position: absolute;bottom: 0;left: 0;box-sizing: border-box;padding-left: 24px;border-radius: 0 0 8px 8px;}

.content .fl_3 .swiper-container .swiper-slide .bot img{display: block;width: 36px;height: 36px;}

.content .fl_3 .swiper-container .swiper-slide .bot span{display: block;font-weight: 500;font-size: 20px;color: #FFFFFF;margin-left: 8px;}

.content .fl_3 .swiper .swiper-button-next::after{font-size: 0;}

.content .fl_3 .swiper .swiper-button-prev::after{font-size: 0;}

.content .fl_3 .swiper .swiper-button-next{right: 0;top: 50%;position: absolute;width: 28px;height: 48px;background: url(../images/index/fl3_next.png);background-size: 100%;}

.content .fl_3 .swiper .swiper-button-prev{left: 0;top: 50%;position: absolute;width: 28px;height: 48px;background: url(../images/index/fl3_prev.png);background-size: 100%;}
.content .fl_3 .fl_btn{width: 286px;margin: 48px auto 0;}

.content .fl_3 .fl_btn a{display: block;width: 133px;height: 50px;background: #FFFFFF;border-radius: 4px;text-align: center;font-weight: 400;font-size: 16px;color: #0E6EFF;line-height: 50px;}

.content .fl_3 .fl_btn a:nth-child(2){border: 1px solid #FFFFFF;background: none;color: #FFFFFF;box-sizing: border-box;}

.content .fl_3 .fl_btn a::after{display: inline-block;content: "";width: 16px;height: 16px;background: url(../images/index/arrow3.png);background-size: 100%;margin-left: 5px;vertical-align: -2px;}

.content .fl_3 .fl_btn a:nth-child(2)::after{background: url(../images/index/arrow4.png);background-size: 100%;}






.content .fl_4{height: auto;overflow: hidden;background: #F1F6FF;}

.content .fl_4 .tbg{height: auto;box-sizing: border-box;padding-top: 66px;background:url(../images/index/fl4_bg1.png)top center no-repeat;background-size: cover;}
.content .fl_4 .t{display: flex;}
.content .fl_4 .t ul{width: 460px;height: 347px;background: #FFFFFF;border-radius: 4px 4px 0px 0px;box-sizing: border-box;padding: 20px 0 0 40px;}
.content .fl_4 .t ul li{width: 380px;height: 38px;margin-bottom: 16px;position: relative;}

.content .fl_4 .t ul li i{display: block;width: 36px;height: 20px;background: linear-gradient( 180deg, #FFA6A6 0%, #FF5A5A 100%);border-radius: 12px 12px 12px 0px;text-align: center;font-weight: 500;font-size: 12px;color: #FFFFFF;line-height: 20px;position: absolute;top: 5px;left: 165px;}

.content .fl_4 .t ul li.on i{position: absolute;top: 28px;left: 165px;}

.content .fl_4 .t ul li span{display: block;font-weight: 500;font-size: 20px;color: #000000;}

.content .fl_4 .t ul li p{display: none;}

.content .fl_4 .t ul li.on{width: 380px;height: 111px;border-bottom: 1px solid #F2F2F2;margin-bottom: 30px;box-sizing: border-box;padding-top: 24px;}

.content .fl_4 .t ul li.on span{display: block;color: #005EF4;margin-bottom: 16px;}

.content .fl_4 .t ul li.on p{display: block;font-weight: 400;font-size: 14px;color: #595959;}

.content .fl_4 .t .swiper-container{width: 720px;height: 347px;overflow: hidden;}
.content .fl_4 .t .swiper-container .swiper-slide{width: 720px;height: 347px;backdrop-filter: blur(50px);background: rgba(0,0,0,0.4);box-sizing: border-box;padding: 70px 0 0 60px;}

.content .fl_4 .t .swiper-container .swiper-slide h5{display: block;font-weight: 400;font-size: 20px;color: #FFFFFF;margin-bottom: 16px;}
.content .fl_4 .t .swiper-container .swiper-slide h4{display: block;width: 610px;font-weight: 400;font-size: 14px;color: #999999;line-height: 26px;}

.content .fl_4 .t .swiper-container .swiper-slide a{display: block;width: 135px;height: 48px;background: #0077FF;border-radius: 2px;text-align: center;font-weight: 400;font-size: 16px;color: #FFFFFF;line-height: 48px;margin-top: 40px;}

.content .fl_4 .t .swiper-container .swiper-slide a::before{display: inline-block;content: "";width: 16px;height: 16px;background: url(../images/index/arrow2.png);background-size: 100%;margin-right: 8px;vertical-align: -2px;}





.content .fl_5{height: auto;overflow: hidden;background:url(../images/index/fl5_bg.png)center top no-repeat;background-size: cover;}

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

.content .fl_5 ul li{width: 300px;height: 400px;background: linear-gradient( 135deg, rgba(255,255,255,0.8) 0%, rgba(235,239,248,0.4) 100%);backdrop-filter: blur(48px);}

.content .fl_5 ul li:nth-child(1){width: 280px;height: 400px;background: url(../images/index/fl5_bg1.png);background-size: 100%;padding-top: 39px;box-sizing: border-box;}

.content .fl_5 ul li h5{display: block;font-weight: 500;font-size: 38px;color: #FFFFFF;margin-left: 30px;margin-bottom: 4px;}

.content .fl_5 ul li h4{display: block;font-weight: 400;font-size: 16px;color: rgba(255,255,255,0.72);margin-left: 30px;margin-bottom: 40px;}

.content .fl_5 ul li .img{display: block;width: 48px;height: 48px;background:url(../images/index/fl5_ico1.png);background-size: 100%;margin: 68px auto 20px;}

.content .fl_5 ul li:nth-child(3) .img{background:url(../images/index/fl5_ico2.png);background-size: 100%;}

.content .fl_5 ul li:nth-child(4) .img{background:url(../images/index/fl5_ico3.png);background-size: 100%;}

.content .fl_5 ul li span{display: block;text-align: center;font-weight: 400;font-size: 20px;color: #222222;}

.content .fl_5 ul li h3{display: block;font-weight: 400;font-size: 16px;color: #33363F;text-align: center;margin: 5px auto 20px;}

.content .fl_5 ul li i{display: block;text-align: center;font-weight: 400;font-size: 12px;color: #33363F;line-height: 20px;margin-bottom: 5px;}

.content .fl_5 ul li i em{width: 13px;height: 12px;background:url(../images/index/fl5_check.png);background-size: 100%;display: inline-block;margin-right: 5px;vertical-align: -1px;}





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

.content .fl_6 .t1{width: 798px;height: 118px;background: linear-gradient( 180deg, #F3F5F8 0%, #FFFFFF 100%);border-radius: 8px 8px 8px 8px;border: 2px solid #FFFFFF;display: flex;margin: 0 auto 40px;align-items: center;padding-left: 20px;}

.content .fl_6 .t1 i{display: block;font-weight: 400;font-size: 16px;color: rgba(0,0,0,0.2);margin-right: 5px;width: 104px;height: 78px;border-radius: 4px;text-align: center;}

.content .fl_6 .t1 i em{display: block;margin: 10px auto;width: 24px;height: 24px;background:url(../images/index/fl6_ico1.png);background-size: 100%;}

.content .fl_6 .t1 i:nth-child(2) em{background:url(../images/index/fl6_ico2.png);background-size: 100%;}

.content .fl_6 .t1 i:nth-child(3) em{background:url(../images/index/fl6_ico3.png);background-size: 100%;}

.content .fl_6 .t1 i:nth-child(4) em{background:url(../images/index/fl6_ico4.png);background-size: 100%;}

.content .fl_6 .t1 i:nth-child(5) em{background:url(../images/index/fl6_ico5.png);background-size: 100%;}

.content .fl_6 .t1 i:nth-child(6) em{background:url(../images/index/fl6_ico6.png);background-size: 100%;}

.content .fl_6 .t1 i:nth-child(7) em{background:url(../images/index/fl6_ico7.png);background-size: 100%;}

.content .fl_6 .t1 i.on{background: #005EF4;color: #FFFFFF;}

.content .fl_6 .t1 i.on em{background:url(../images/index/fl6_ico11.png);background-size: 100%;}

.content .fl_6 .t1 i:nth-child(2).on em{background:url(../images/index/fl6_ico22.png);background-size: 100%;}

.content .fl_6 .t1 i:nth-child(3).on em{background:url(../images/index/fl6_ico33.png);background-size: 100%;}

.content .fl_6 .t1 i:nth-child(4).on em{background:url(../images/index/fl6_ico44.png);background-size: 100%;}

.content .fl_6 .t1 i:nth-child(5).on em{background:url(../images/index/fl6_ico55.png);background-size: 100%;}

.content .fl_6 .t1 i:nth-child(6).on em{background:url(../images/index/fl6_ico66.png);background-size: 100%;}

.content .fl_6 .t1 i:nth-child(7).on em{background:url(../images/index/fl6_ico77.png);background-size: 100%;}

.content .fl_6 .width{height: 310px;overflow: hidden;}

.content .fl_6 .t2{width: 8260px;height: 310px;display: flex;align-items: center;flex-direction: row;transition: 0.2s;}

.content .fl_6 .t2 .pic{width: 1180px;height: 310px;background:url(../images/index/fl6_pic1.png);background-size: 100%;display: block;}

.content .fl_6 .t2 .pic:nth-child(2){height: 310px;background:url(../images/index/fl6_pic2.png);background-size: 100%;}

.content .fl_6 .t2 .pic:nth-child(3){height: 200px;background:url(../images/index/fl6_pic3.png);background-size: 100%;}

.content .fl_6 .t2 .pic:nth-child(4){height: 200px;background:url(../images/index/fl6_pic4.png);background-size: 100%;}

.content .fl_6 .t2 .pic:nth-child(5){height: 200px;background:url(../images/index/fl6_pic5.png);background-size: 100%;}

.content .fl_6 .t2 .pic:nth-child(6){height: 90px;background:url(../images/index/fl6_pic6.png);background-size: 100%;}

.content .fl_6 .t2 .pic:nth-child(7){height: 200px;background:url(../images/index/fl6_pic7.png);background-size: 100%;}
.content .fl_6 a{display: block;width: 187px;height: 48px;background: #0077FF;border-radius: 2px;text-align: center;font-weight: 400;font-size: 16px;color: #FFFFFF;line-height: 48px;margin: 48px auto 0;}
.content .fl_6 a::before{display: inline-block;content: "";width: 16px;height: 16px;background: url(../images/index/arrow2.png);background-size: 100%;margin-right: 8px;vertical-align: -2px;}