@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;}
body{background: #FFF;}
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;}


.banner{height: 430px;background: url(../../images/histore/jifen/banner.jpg) center top no-repeat;background-size: cover;box-sizing: border-box;padding-top: 100px;}

.banner span{display: block;font-weight: 400;font-size: 46px;color: #000000;margin-bottom: 16px;}
.banner p{font-weight: 400;font-size: 20px;color: #5D5F63;}

.banner .btn{display: flex;align-items: center;margin-top: 60px;}
.banner .btn a{display: block;width: 120px;height: 52px;background: #265DEA;border-radius: 8px;text-align: center;font-weight: 500;font-size: 16px;color: #FFFFFF;line-height: 52px;}

.banner .btn a:last-child{margin-left: 20px;background: #FFFFFF;border: 1px solid #265DEA;color: #265DEA;}


.tit{text-align: center;padding: 100px 0 50px;}

.tit span{display: block;font-weight: bold;font-size: 30px;color: #000000;}

.tit span em{font-weight: bold;font-size: 30px;background: linear-gradient(0deg, #10AEFF 0%, #6467F0 100%);color: transparent;-webkit-text-fill-color: transparent;-webkit-background-clip: text!important;background-clip: text!important;}
.tit p{font-weight: 400;font-size: 20px;color: #595959;margin-top: 16px;}


.btn_jf{display: block;width: 191px;height: 52px;background: #265DEA;border-radius: 8px;text-align: center;font-weight: 400;font-size: 16px;color: #FFFFFF;line-height: 52px;margin: 50px auto 0;}

.btn_jf::before{content: "";display: inline-block;width: 13px;height: 12px;background: url(../../images/histore/jifen/arrow1.png);background-size: 100%;margin-right: 8px;vertical-align: 0px;}

.btn_jf::after{content: "";display: inline-block;width: 13px;height: 12px;background: url(../../images/histore/jifen/arrow2.png);background-size: 100%;margin-left: 8px;vertical-align: 0px;}





.fl_1{height: auto;overflow: hidden;padding-bottom: 100px;}
.fl_1 img{display: block;margin: auto;width: 1218px;height: 396px;}




.fl_2{height: auto;overflow: hidden;padding-bottom: 100px;background: #F6FBFF;}
.fl_2 ul{display: flex;justify-content: space-between;flex-wrap: wrap;}

.fl_2 ul li{width: 373px;height: 358px;background: #FFFFFF;box-shadow: 8px 8px 20px 0px rgba(55,99,170,0.1);border-radius: 8px;box-sizing: border-box;padding-top: 34px;position: relative;}

.fl_2 ul li span{display: block;text-align: center;font-weight: bold;font-size: 28px;color: #000000;}

.fl_2 ul li span::before{content: "";display: inline-block;width: 30px;height: 30px;background: url(../../images/histore/jifen/fl2_ico1.png);background-size: 100%;margin-right: 5px;vertical-align: -5px;}

.fl_2 ul li:nth-child(2) span::before{background: url(../../images/histore/jifen/fl2_ico2.png);background-size: 100%;}

.fl_2 ul li:nth-child(3) span::before{background: url(../../images/histore/jifen/fl2_ico3.png);background-size: 100%;}

.fl_2 ul li p{width: 320px;font-weight: 400;font-size: 16px;color: #595959;line-height: 24px;margin: 10px auto 0;}

.fl_2 ul li .bot{position: absolute;left: 0;bottom: 0;width: 373px;height: 200px;background: url(../../images/histore/jifen/fl2_bg.png);background-size: 100%;}

.fl_2 ul li .bot i{display: block;width: 160px;height: 44px;background: #0E6EFF;border-radius: 100px;text-align: center;font-weight: 400;font-size: 20px;color: #FFFFFF;line-height: 44px;margin: 38px auto 0;}

.fl_2 ul li:nth-child(2) .bot i{width: 212px;}

.fl_2 ul li .bot p{width: 304px;margin-top: 15px;}




.fl_3{height: auto;overflow: hidden;padding-bottom: 100px;background: linear-gradient( 180deg, #F3F4F5 0%, #FFFFFF 100%), #FFFFFF;}

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

.fl_3 ul li{width: 380px;height: 210px;background: #FFFFFF;border-radius: 4px;margin-bottom: 20px;box-sizing: border-box;padding: 40px 0 0 40px;transition: all ease-in-out 0.5s;}

.fl_3 ul li:hover{background: #0077FF;box-shadow: 4px 12px 40px -6px rgba(0,119,255,0.32);}

.fl_3 ul li span{display: block;font-weight: 400;font-size: 20px;color: #000000;}

.fl_3 ul li span::before{content: "";display: inline-block;width: 40px;height: 40px;background: url(../../images/histore/jifen/fl3_a1.png);background-size: 100%;margin-right: 10px;vertical-align: -12px;}

.fl_3 ul li:nth-child(2) span::before{background: url(../../images/histore/jifen/fl3_a2.png);background-size: 100%;}

.fl_3 ul li:nth-child(3) span::before{background: url(../../images/histore/jifen/fl3_a3.png);background-size: 100%;}

.fl_3 ul li:nth-child(4) span::before{background: url(../../images/histore/jifen/fl3_a4.png);background-size: 100%;}

.fl_3 ul li:nth-child(5) span::before{background: url(../../images/histore/jifen/fl3_a5.png);background-size: 100%;}

.fl_3 ul li:nth-child(6) span::before{background: url(../../images/histore/jifen/fl3_a6.png);background-size: 100%;}

.fl_3 ul li:nth-child(7) span::before{background: url(../../images/histore/jifen/fl3_a7.png);background-size: 100%;}

.fl_3 ul li:nth-child(8) span::before{background: url(../../images/histore/jifen/fl3_a8.png);background-size: 100%;}

.fl_3 ul li:nth-child(9) span::before{background: url(../../images/histore/jifen/fl3_a9.png);background-size: 100%;}

.fl_3 ul li:hover span::before{background: url(../../images/histore/jifen/fl3_b1.png);background-size: 100%;}

.fl_3 ul li:nth-child(2):hover span::before{background: url(../../images/histore/jifen/fl3_b2.png);background-size: 100%;}

.fl_3 ul li:nth-child(3):hover span::before{background: url(../../images/histore/jifen/fl3_b3.png);background-size: 100%;}

.fl_3 ul li:nth-child(4):hover span::before{background: url(../../images/histore/jifen/fl3_b4.png);background-size: 100%;}

.fl_3 ul li:nth-child(5):hover span::before{background: url(../../images/histore/jifen/fl3_b5.png);background-size: 100%;}

.fl_3 ul li:nth-child(6):hover span::before{background: url(../../images/histore/jifen/fl3_b6.png);background-size: 100%;}

.fl_3 ul li:nth-child(7):hover span::before{background: url(../../images/histore/jifen/fl3_b7.png);background-size: 100%;}

.fl_3 ul li:nth-child(8):hover span::before{background: url(../../images/histore/jifen/fl3_b8.png);background-size: 100%;}

.fl_3 ul li:nth-child(9):hover span::before{background: url(../../images/histore/jifen/fl3_b9.png);background-size: 100%;}

.fl_3 ul li p{width: 300px;font-weight: 400;font-size: 14px;color: #595959;line-height: 22px;margin-top: 24px;} 

.fl_3 ul li:hover span{color: #FFFFFF;}

.fl_3 ul li:hover p{color: rgba(255,255,255,0.65);}

.fl_3 a{margin-top: 30px;}

.fl_3 a::before{background: url(../../images/histore/jifen/arrow3.png);background-size: 100%;} 

.fl_3 a::after{display: none;} 

 
.fl_4{height: auto;overflow: hidden;padding-bottom: 100px;}
.fl_4 img{display: block;margin: auto;width: 1220px;height: 424px;}

.fl_4 a{width: 246px;}

.fl_4 a::before{background: url(../../images/histore/jifen/arrow3.png);background-size: 100%;} 

.fl_4 a::after{display: none;}