@charset "utf-8";
*{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;font-family: "PingFang SC","Helvetica","Microsoft YaHei","Tahoma","Arial","STHeiti","sans-serif" !important;color: #121212;font-size: 14px;}
body{background: #FFFFFF;}
a{text-decoration: none;cursor: pointer;}
.fl{float: left;}
.fr{float: right;}
img{border: none;display: block;}
em,h1,i{font-style: normal;}
ul{list-style: none;}
.width{width: 1180px;margin: 0 auto;}


.justify{display: flex;justify-content: space-between;flex-wrap: wrap}

.banner{height: 520px;background: url(../images/fenxiao/banner.png) center top no-repeat;background-size: cover;box-sizing: border-box;padding-top: 100px;}
.banner span{display: block;font-weight: 500;font-size: 38px;color: #FFFFFF;margin-bottom: 16px;}
.banner span em{font-weight: 500;font-size: 38px;background: linear-gradient(0deg, #DD3447 0%, #FA9D3B 100%);color: transparent;-webkit-text-fill-color: transparent;-webkit-background-clip: text!important;background-clip: text!important;}
.banner p{font-weight: 400;font-size: 20px;color: rgba(255,255,255,0.65);line-height: 28px;margin-bottom: 32px;}
.banner i{display: block;font-weight: 400;font-size: 16px;color: rgba(255,255,255,0.85);margin-bottom: 8px;}
.banner i::before{content: "";display: inline-block;width: 14px;height: 14px;background: url(../images/fenxiao/check.png);background-size: 100%;margin-right:4px;vertical-align: middle;}
.banner .b_btn{display: flex;align-items: center;margin-top: 32px;}
.banner .b_btn a{display: block;width: 135px;height: 48px;background: #DD3447;border-radius: 4px;text-align: center;font-weight: 400;font-size: 16px;color: #FFFFFF;line-height: 48px;}
.banner .b_btn a:nth-child(2){border: 1px solid #FFFFFF;background: none;color: #FFFFFF;margin-left: 14px;box-sizing: border-box;height: 46px;line-height: 46px;}
.banner .b_btn a::before{content: "";display: inline-block;width: 16px;height: 16px;background: url(../images/fenxiao/arrow1.png);background-size: 100%;margin-right:8px;vertical-align: -2px;}
.banner .b_btn a:nth-child(2)::before{background: url(../images/fenxiao/arrow2.png);background-size: 100%;}


.content .title{text-align: center;padding: 90px 0 48px;}
.content .title span{display: block;font-weight: 500;font-size: 30px;color: #000000;}
.content .title span em{font-weight: 500;font-size: 30px;background: linear-gradient(0deg, #DD3447 0%, #FA9D3B 100%);color: transparent;-webkit-text-fill-color: transparent;-webkit-background-clip: text!important;background-clip: text!important;}
.content .title p{font-weight: 400;font-size: 20px;color: #595959;padding-top: 16px;}
.elips{overflow:hidden;text-overflow:ellipsis;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}

.content .btn_fx{display: block;width: 214px;height: 48px;background: #DD3447;border-radius: 2px;text-align: center;font-weight: 400;font-size: 16px;color: #FFFFFF;line-height: 48px;margin:48px auto 0;}
.content .btn_fx::before{content: "";display: inline-block;width: 16px;height: 16px;background: url(../images/fenxiao/arrow2.png);background-size: 100%;margin-right:8px;vertical-align: -2px;}


.content .fl_1{height: auto;overflow: hidden;padding-bottom: 90px;background: #F9F9F9;backdrop-filter: blur(4px);}
.content .fl_1 ul {width: 1179px;}
.content .fl_1 ul li{width: 393px;height: 180px;background: #FFFFFF;box-sizing: border-box;border: 1px solid #F0F0F0;position: relative;}
.content .fl_1 ul li .mask{width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 2;box-sizing: border-box;padding: 40px 0 0 40px;transition: all 0.5s ease-in-out;}
.content .fl_1 ul li .mask span{display: block;font-weight: bold;font-size: 20px;color: #000000;margin-bottom: 16px;}
.content .fl_1 ul li .mask span::before{content: "";display: inline-block;width: 40px;height: 40px;background: url(../images/fenxiao/fl1_a1.png);background-size: 100%;margin-right:10px;vertical-align: -12px;}
.content .fl_1 ul li:nth-child(2) .mask span::before{background: url(../images/fenxiao/fl1_a2.png);background-size: 100%;}
.content .fl_1 ul li:nth-child(3) .mask span::before{background: url(../images/fenxiao/fl1_a3.png);background-size: 100%;}
.content .fl_1 ul li:nth-child(4) .mask span::before{background: url(../images/fenxiao/fl1_a4.png);background-size: 100%;}
.content .fl_1 ul li:nth-child(5) .mask span::before{background: url(../images/fenxiao/fl1_a5.png);background-size: 100%;}
.content .fl_1 ul li:nth-child(6) .mask span::before{background: url(../images/fenxiao/fl1_a6.png);background-size: 100%;}
.content .fl_1 ul li .mask p{width: 316px;font-weight: 400;font-size: 14px;color: #595959;line-height: 22px;}
.content .fl_1 ul li:hover .mask{position: absolute;left: 0;top: 0;width: 393px;height: 358px;background: url(../images/fenxiao/fl1_bg.png);background-size: 100%;z-index: 3;}
.content .fl_1 ul li:nth-child(n+4):hover .mask{position: absolute;top: -180px;}
.content .fl_1 ul li:hover .mask span::before{background: url(../images/fenxiao/fl1_b1.png);background-size: 100%;}
.content .fl_1 ul li:nth-child(2):hover .mask span::before{background: url(../images/fenxiao/fl1_b2.png);background-size: 100%;}
.content .fl_1 ul li:nth-child(3):hover .mask span::before{background: url(../images/fenxiao/fl1_b3.png);background-size: 100%;}
.content .fl_1 ul li:nth-child(4):hover .mask span::before{background: url(../images/fenxiao/fl1_b4.png);background-size: 100%;}
.content .fl_1 ul li:nth-child(5):hover .mask span::before{background: url(../images/fenxiao/fl1_b5.png);background-size: 100%;}
.content .fl_1 ul li:nth-child(6):hover .mask span::before{background: url(../images/fenxiao/fl1_b6.png);background-size: 100%;}
.content .fl_1 ul li:hover .mask span{color: #FFFFFF;}
.content .fl_1 ul li:hover .mask p{font-size: 16px;color: rgba(255,255,255,0.65);-webkit-line-clamp:8;}
.content .fl_1 a{margin-top: 28px;}


.content .fl_2{height: auto;overflow: hidden;padding-bottom: 90px;background: #FFFFFF;}
.content .fl_2 .nav{width: 960px;height: 64px;background: rgba(221,52,71,0.03);border-radius: 32px;border: 1px solid rgba(255, 255, 255, 0.64);display: flex;justify-content: space-between;flex-wrap: wrap;margin: 0 auto 38px;box-sizing: border-box;padding:8px 7px 0 7px}
.content .fl_2 .nav li{width: 236px;height: 48px;border-radius: 4px;font-weight: 400;font-size: 16px;color: #595959;text-align: center;line-height: 48px;box-sizing: border-box;}
.content .fl_2 .nav li.on{background: #DD3447;border-radius: 24px;color: #FFFFFF;}
.content .fl_2 .swiper-container{width: 1220px;height: 468px;margin: auto;box-sizing: border-box;padding-top: 10px;}
.content .fl_2 .swiper-container .swiper-slide{width: 1180px;height: 400px;background: #FFFFFF;box-shadow: 2px 6px 20px -3px rgba(0,0,0,0.05);border-radius: 16px;display: flex;align-items: center;justify-content: center;position: relative;margin: auto;}
.content .fl_2 .swiper-container .slide2{height: 424px;}
.content .fl_2 .swiper-container .slide3{height: 448px;}
.content .fl_2 .swiper-container .swiper-slide .info{width: 520px;height: 336px;border-radius: 4px;box-sizing: border-box;padding: 16px;margin: 0 32px;}
.content .fl_2 .swiper-container .slide2 .info{height: 360px;}
.content .fl_2 .swiper-container .slide3 .info{height: 384px;}
.content .fl_2 .swiper-container .swiper-slide .info span{display: block;font-weight: 400;font-size: 16px;color: #595959;}
.content .fl_2 .swiper-container .swiper-slide .info span em{display: inline-block;width: 32px;height: 20px;background: #DD3447;border-radius: 2px;text-align: center;font-weight: 400;font-size: 12px;color: #FFFFFF;line-height: 20px;margin-right: 8px;vertical-align: 3px;}
.content .fl_2 .swiper-container .swiper-slide .info h4{display: block;font-weight: 400;font-size: 24px;color: #000000;margin-top: 16px;}
.content .fl_2 .swiper-container .swiper-slide .info p{width: 504px;font-weight: 400;font-size: 16px;color: #1F1F1F;line-height: 24px;margin-top: 16px;}
.content .fl_2 .swiper-container .swiper-slide .info i{display: block;font-weight: 400;font-size: 16px;color: #DD3447;margin-top: 24px;}
.content .fl_2 .swiper-container .swiper-slide .info i::before{content: "";display: inline-block;width: 16px;height: 16px;background: url(../images/fenxiao/fl2_ico.png);background-size: 100%;vertical-align: -3px;margin-right: 8px;}
.content .fl_2 .swiper-container .swiper-slide .info hr{width: 504px;height: 0px;border-top: 1px solid #F0F0F0;margin: 24px 0;}
.content .fl_2 .swiper-container .swiper-slide .info a{display: block;width: 135px;height: 48px;background: #000000;border-radius: 2px;text-align: center;font-weight: 400;font-size: 16px;color: #FFFFFF;line-height: 48px;}
.content .fl_2 .swiper-container .swiper-slide .info a::after{content: "";display: inline-block;width: 16px;height: 16px;background: url(../images/fenxiao/arrow3.png);background-size: 100%;vertical-align: -3px;margin-left: 8px;}
.content .fl_2 .swiper-container .swiper-slide img{display: block;width: 564px;height: 336px;}
.content .fl_2 .swiper-container .swiper-slide .mask{position: absolute;left: 48px;top: 62px;display: flex;align-items: center;justify-content: center;width: 504px;height: 158px;background: rgba(255,255,255,1);box-shadow: 2px 6px 20px -3px rgba(0,0,0,0.05);border-radius: 8px;opacity: 0;transition: all 0.5s ease-in-out;}
.content .fl_2 .swiper-container .swiper-slide .mask::after{content: "";position: absolute;bottom: -6px;left: 36px;width: 0;height: 0;border-left: 8px solid transparent;border-right: 8px solid transparent;border-top: 6px solid rgba(255,255,255,1);}
.content .fl_2 .swiper-container .swiper-slide .mask h3{display: block;font-weight: 400;font-size: 14px;color: #595959;line-height: 22px;}
.content .fl_2 .swiper-container .swiper-slide .mask.on{opacity: 1;}


.content .fl_3{height: auto;overflow: hidden;padding-bottom: 90px;background: linear-gradient( 180deg, rgba(0,0,0,0.03) 0%, rgba(0,0,0,0.01) 100%);backdrop-filter: blur(4px);}
.content .fl_3 ul li{width: 582px;height: 310px;background: #FFFFFF;border-radius: 8px;border: 2px solid rgba(255, 255, 255, 1);margin-bottom: 16px;box-sizing: border-box;padding: 32px 0 0 48px;}
.content .fl_3 ul li .top{display: flex;align-items: center;margin-bottom: 16px;}
.content .fl_3 ul li .top img{display: block;width: 96px;height: 96px;margin-right: 16px;}
.content .fl_3 ul li .top span{display: block;font-weight: bold;font-size: 24px;color: #000000;margin-bottom: 8px;}
.content .fl_3 ul li .top p{font-weight: 400;font-size: 16px;color: #1F1F1F;}
.content .fl_3 ul li b{width: 486px;font-weight: 400;font-size: 16px;color: #595959;line-height: 24px;margin: 16px 0;-webkit-line-clamp:3}
.content .fl_3 ul li .i{display: flex;align-items: center;}
.content .fl_3 ul li .i i{font-weight: 400;font-size: 14px;color: #1F1F1F;margin-right: 12px;}
.content .fl_3 ul li .i i:last-child{margin-right: 0;}
.content .fl_3 ul li .i i::before{content: "";display: inline-block;width: 14px;height: 14px;background: url(../images/fenxiao/tick.png);background-size: 100%;vertical-align: -2px;margin-right: 4px;}
.content .fl_3 a{margin-top: 32px;}


.content .fl_4{height: auto;overflow: hidden;padding-bottom: 90px;}
.content .fl_4 ul{width: 1150px;display: flex;justify-content: center;flex-wrap: wrap;margin: auto;}
.content .fl_4 ul li{width: auto;height: 76px;background: linear-gradient( 90deg, rgba(221,52,71,0.08) 0%, rgba(250,157,59,0.08) 100%);border-radius: 8px;display: flex;align-items: center;justify-content: center;font-weight: 400;font-size: 20px;color: #000000;margin-bottom: 20px;margin-right: 20px;box-sizing: border-box;padding: 0 40px;}
.content .fl_4 ul li:nth-child(3n){margin-right: 0;}
.content .fl_4 a{margin-top: 28px;}


.content .fl_5{height: auto;overflow: hidden;padding-bottom: 90px;background: url(../images/fenxiao/fl5_bg.png) center top no-repeat;background-size: cover;}
.content .fl_5 ul li{width: 570px;height: 276px;box-shadow: 2px 6px 20px -3px rgba(0,0,0,0.05);margin-bottom: 40px;box-sizing: border-box;}
.content .fl_5 ul li .top{width: 570px;height: 112px;border-radius: 12px 12px 0 0;background: url(../images/fenxiao/fl5_bg1.png);background-size: 100%;position: relative;box-sizing: border-box;padding: 34px 0 0 104px;margin-top: 24px;}
.content .fl_5 ul li:nth-child(2) .top{background: url(../images/fenxiao/fl5_bg2.png);background-size: 100%;}
.content .fl_5 ul li:nth-child(3) .top{background: url(../images/fenxiao/fl5_bg3.png);background-size: 100%;}
.content .fl_5 ul li:nth-child(4) .top{background: url(../images/fenxiao/fl5_bg4.png);background-size: 100%;}
.content .fl_5 ul li .top h5{display: block;font-weight: 400;font-size: 14px;color: rgba(255,255,255,0.85);line-height: 22px;}
.content .fl_5 ul li .top i{display: block;position: absolute;left: 24px;top: 24px;width: 64px;height: 64px;background: url(../images/fenxiao/fl5_logo1.png);background-size: 100%;}
.content .fl_5 ul li:nth-child(2) .top i{background: url(../images/fenxiao/fl5_logo2.png);background-size: 100%;}
.content .fl_5 ul li:nth-child(3) .top i{background: url(../images/fenxiao/fl5_logo3.png);background-size: 100%;}
.content .fl_5 ul li:nth-child(4) .top i{background: url(../images/fenxiao/fl5_logo4.png);background-size: 100%;}
.content .fl_5 ul li .top b{display: block;position: absolute;left: 494px;top: -24px;width: 60px;height: 138px;background: url(../images/fenxiao/fl5_jiu1.png);background-size: 100%;}
.content .fl_5 ul li:nth-child(2) .top b{background: url(../images/fenxiao/fl5_jiu2.png);background-size: 100%;}
.content .fl_5 ul li:nth-child(3) .top b{background: url(../images/fenxiao/fl5_jiu3.png);background-size: 100%;}
.content .fl_5 ul li:nth-child(4) .top b{background: url(../images/fenxiao/fl5_jiu4.png);background-size: 100%;}
.content .fl_5 ul li .bot{width: 570px;height: 140px;background: #FFFFFF;box-sizing: border-box;padding: 24px 0 0 24px;}
.content .fl_5 ul li .bot span{display: block;font-weight: 400;font-size: 20px;color: #000000;margin-bottom: 16px;}
.content .fl_5 ul li .bot p{width: 532px;font-weight: 400;font-size: 16px;color: #666666;line-height: 24px;}
.content .fl_5 a{width: 222px;margin-top: 8px;}
.content .fl_5 a::before{background: url(../images/fenxiao/arrow4.png);background-size: 100%;vertical-align: -3px;}
.content .fl_5 a::after{content: "";display: inline-block;width: 16px;height: 16px;background: url(../images/fenxiao/arrow3.png);background-size: 100%;margin-left:8px;vertical-align: -3px;}


.content .fl_6{height: auto;overflow: hidden;padding-bottom: 90px;background: linear-gradient( 180deg, #F8FEFD 0%, #FFFFFF 100%), #FFFFFF;}
.content .fl_6 img{display: block;width: 1180px;height: 480px;margin: auto;}


.content .fl_7{height: 282px;overflow: hidden;background: url(../images/fenxiao/fl7_bg.png) center top no-repeat;background-size: cover;box-sizing: border-box;padding-top: 56px;text-align: center;}
.content .fl_7 span{display: block;font-weight: 500;font-size: 38px;color: #FFFFFF;margin-bottom: 16px;}
.content .fl_7 p{font-weight: 400;font-size: 20px;color: rgba(255,255,255,0.65);}
.content .fl_7 a{display: block;text-align: center;width: 135px;height: 48px;background: #FFFFFF;border-radius: 2px;border: 1px solid #FFFFFF;font-weight: 400;font-size: 16px;color: #DD3447;line-height: 48px;margin: 32px auto 0;}
.content .fl_7 a::before{content: "";display: inline-block;width: 16px;height: 16px;background: url(../images/huichangyou/arrow7.png);background-size: 100%;margin-right:8px;vertical-align: -2px;}




