h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    font-size: 100%;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
    padding: 0;
    margin: 0;
	font-family: 'pingfang SC','helvetica neue',arial,'hiragino sans gb','microsoft yahei ui','microsoft yahei',simsun,sans-serif;
}
.clearfix::before,
.clearfix::after {
	content: '';
	display: table;
	clear: both;
}
*{
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}
li{
	list-style: none;
}
.fl{
	float: left;
}
.fr{
	float: right;
}
.ybf-banner{
	width: 100%;
	height: 670px;
	background: url(../images/yfb-banner.jpg) center center no-repeat;
	background-size: 100% 100%;
}
.ybf-middle{
	width: 1200px;
	margin: auto;
	padding-top: 152px;
}

.banner-logo{
	height: 62px;
	width: 180px;
	background: url(../images/banner-logo.png) no-repeat;
	background-size: 100%;
}
.h1-title{
	height: 46px;
	width: 606px;
	background: url(../images/banner-text.png) no-repeat;
	background-size: 100%;
 	margin:45px 0 35px 0;
}

.banner-text{
	font-size: 18px;
	color: #3e3e55;
	line-height: 28px;
	letter-spacing: 0.1em;
	/* font-weight: 00; */
}
.banner-btn{
	padding-top: 50px;
}
.banner-btn a{
	width: 160px;
	height: 48px;
	display: block;
	background: #2961FD;
	border-radius: 5px;
	/* border: 1px solid #2961FD; */
	line-height: 48px;
	color: #fff;
	font-size: 18px;
	text-decoration: none;
	text-align: center;
	letter-spacing: 0.1em;
	/* font-weight: 300; */
}
.banner-btn a:hover{
	opacity: 0.8;
}
.banner-btn-img{
	display: inline-block;
	height: 12px;
	width: 7px;
	background: url(../images/jiantouyou.png) no-repeat;
	background-size: 100% 100%;
}
.ybf-middle-right{
	width: 523px;
	height: 382px;
	background: url(../images/banner-right.png) no-repeat;
	background-size: 100%;
}
.ybf-content{
	padding-top: 92px;
}
.ybf-content1{
	height: 630px;
	width: 100%;
	background: #F6FAFF;
}
.ybf-content-middle{
	width: 1200px;
	margin: auto;
}
.ybf-title{
	font-size: 36px;
	color: #27274A;
	text-align: center;
	position: relative;
	font-weight: bold;
	height: 70px;
	letter-spacing: 0.01em;
}
.ybf-title::before{
	content: "";
	display: block;
	position: absolute;
	width: 50px;
	height: 6px;
	background: linear-gradient(90deg, #3776FF 0%, #1D43FF 100%);
	left: 50%;
	/* top: 50%; */
	transform: translate(-50%,67px);
	border-radius: 3px;
}
.ybf-content1-ul{
	padding-top: 90px;
	/* display: flex; */
	width: 1100px;
		margin: auto;
}
.ybf-content1-ul li{
	width: 313px;
	height: 290px;
	border: 1px solid #FFFFFF;
	background: linear-gradient(0deg, #F5F7FD 0%, #FFFFFF 100%);
	box-shadow: 0px 10px 21px 3px rgba(0,61,160,0.1), 6px 5px 24px 0px rgba(55,118,255,0.06);
	border-radius: 6px;
	padding-top: 45px;
	text-align: center;
	float: left;
	transition-delay: .1s;
	transition-duration: .3s;
	transition: all .4s ease-in-out;
}
.ybf-content1-ul li:hover{
	-webkit-transition: .3s;
	transition: .3s;
	transform: translateY(-18px);
}
.ybf-content1-ul li:hover .content1-title
,.security-content1 .ybf-content1-ul li:hover .security-title
{
	color: #356afd;
}
.ybf-content1-ul li{
	margin-left: 45px;
}
.content1-icon{
	width: 87px;
	height:99px;
	margin: auto;
	
}
.content1-icon1{
	background: url(../images/content1-icon1.png) no-repeat;
	background-size: 100%;
}
.content1-icon2{
	background: url(../images/content1-icon2.png) no-repeat;
	background-size: 100%;
}
.content1-icon3{
	background: url(../images/content1-icon3.png) no-repeat;
	background-size: 100%;
}
.content1-title{
	margin-bottom:15px;
	/* height: 43px; */
	font-size: 23px;
	/* font-family: Source Han Sans CN; */
	/* font-weight: 500; */
	color: #27274A;
	/* font-size: 18px; */
}
.content1-text{
	font-size:16px;
	font-weight: 300;
	color: #27274A;
	line-height: 26px;
	letter-spacing: 0.03em;
}

.ybf-content2{
	background: #fff;
	padding-bottom:175px;
}
.ybf-content2 .ybf-title{
	margin-bottom: 160px;
}
.ybf-content-bottom li:not(:last-child){
	margin-bottom: 30px;
}
.ybf-content-bottom li{
	overflow: hidden;
}
.ybf-content-bottom li:first-child{
	margin-bottom: 30px;
}
.ybf-content-bottom li:nth-child(2){
	margin-bottom: 38px;
}
.ybf-content-title{
	font-size: 30px;
	font-weight: 500;
	color: #27274A;
	margin-bottom: 30px;
	letter-spacing: 0.01em;
}
.bottom-li-img1{
	background: url(../images/content-list-icon1.svg) no-repeat;
}
.bottom-li-img2{
	background: url(../images/content-list-icon2.svg) no-repeat;
}
.bottom-li-img3{
	background: url(../images/content-list-icon3.svg) no-repeat;
}
.bottom-li-img4{
	background: url(../images/content-list-icon4.svg) no-repeat;
}
.bottom-li-img5{
	background: url(../images/content-list-icon5.svg) no-repeat;
}
.bottom-li-img6{
	background: url(../images/content-list-icon6.svg) no-repeat;
}
.bottom-li-img7{
	background: url(../images/content-list-icon7.svg) no-repeat;
}
.bottom-li-img8{
	background: url(../images/content-list-icon8.svg) no-repeat;
}
.bottom-li-img9{
	background: url(../images/content-list-icon9.svg) no-repeat;
}
.bottom-li-img10{
	background: url(../images/content-list-icon10.svg) no-repeat;
}
.bottom-li-img11{
	background: url(../images/content-list-icon11.svg) no-repeat;
}
.bottom-li-img12{
	background: url(../images/content-list-icon12.svg) no-repeat;
}
.bottom-li-img{
	height: 32px;
	width: 32px;
	background-size: 100%;
	margin-top: 5px;
	margin-right: 17px;
}
.bottom-li-right div{
	font-size: 20px;
	 color: #27274A;
	 letter-spacing: 0.03em;
}
.bottom-li-right p {
    font-size: 14px;
    color: #000000;
    line-height: 26px;
    font-weight: 300;
	letter-spacing: 0.03em;
}
.ybf-index-btn a{
    display: block;
    width: 155px;
    height: 52px;
    line-height: 52px;
    text-align: center;
    font-size: 18px;
    float: left;
    border-radius: 5px;
	text-decoration: none;
}
.ybf-index-btn .details-btn{
    
background: #2961FD;
    color: #fff;
    margin-right: 20px;
}
.ybf-index-btn .scheme-btn{
	
border: 1px solid #0D72FF;
	    color: #0D72FF;
}
.details-btn:hover
{
	background-color: #4B85FC;
}
.scheme-btn:hover{
	background: #eef3ff;
	color: #2961FD;
	border-color:#2961FD ;
}
.ybf-content-middle-right img{
	width: 522px;
	position: relative;
	    /* left: -52px; */
}
.ybf-content-middle-right img.content-img1{
	position: relative;
	    left: 20px;
}
.ybf-content-middle-right img.content-img2{
	width: 510px;
}
.ybf-content-middle-right img.content-img3{
	width: 556px;
	position: relative;
	left: 24px;
}
.ybf-content-middle-right img.content-img4{
	position: relative;
	    top: 20px;
}
.ybf-content-middle-right img.content-img5{
	width: 580px;
	position: relative;
	left: 20px;
}
.ybf-content-middle-right img.content-img6{
	width: 420px;
}
.ybf-content-middle2{
	margin-top: 100px;
}
.ybf-content2 .ybf-content-middle1 .ybf-content-middle-right{
	padding-top: 10px;
}
.ybf-content-middle1 .ybf-content-middle-left{
	padding-top: 12px;
}
.ybf-content-middle2 .ybf-content-middle-left{
	padding-top: 30px;
}
.ybf-content3 .ybf-content-middle1 .ybf-content-middle-left{
	padding-top: 10px;
}
.ybf-content3 .ybf-content-middle2 .ybf-content-middle-left{
	padding-top: 0px;
}
.ybf-content3{
	padding-top:160px;
background: #F6FAFF;
padding-bottom: 150px;
}
.ybf-content3 .ybf-content-middle2{
	margin-top: 200px;
}	
.ybf-content.ybf-content4{
	padding-top: 160px;
	padding-bottom: 145px;
}
.ybf-content4 .ybf-content-middle1{
	width: 1220px;
}
.ybf-content4 .ybf-content-middle2{
	margin-top: 180px;
}
.ybf-content4 .ybf-content-middle1 .ybf-content-middle-left{
	padding-top: 50px;
}
.ybf-content4 .ybf-content-middle2 .ybf-content-middle-left{
	padding-top: 50px;
}
.ybf-content5{
	height: 970px;
	width: 100%;
	background: url(../images/content5-bkg.jpg) center center no-repeat;
	background-size: 100% 100%;
}
.ybf-content5 .ybf-content-middle{
	width: 1270px;
}
.ybf-content5-ul{
	padding-top: 100px;
}
.ybf-content5-ul li{
	width: 200px;
	height: 600px;
	box-shadow: 0px 10px 20px 3px rgba(0,61,160,0.15);
	border-radius: 6px;
	float: left;
	padding: 50px 0 0 30px;
	font-size: 30px;
	color: rgba(255,255,255,0.54);
	/* transition-delay: .1s;
	transition-duration: .3s;
	transition: all .4s ease-in-out; */
	transition: all .3s;
	overflow: hidden;
	position: relative;
	
}
.ybf-content5-ul li:not(:first-child){
	margin-left: 20px;
}
.ul-number-img3{
	background: url(../images/ul-number-img3.png) no-repeat;
}
.ul-number-img2{
	background: url(../images/ul-number-img2.png) no-repeat;
}
.ul-number-img1{
	background: url(../images/ul-number-img1.png) no-repeat;
}
.ul-number-img{
	width: 57px;
	height: 36px;
	background-size: 100%;
	position: absolute;
	left: 30px;
	margin-right: 10px;
	z-index: 9999;
	
}
.ybf-content5-ul li:last-child{
	background: #553dea;
}
.ul-number-title{	
overflow: hidden;
    height: 38px;
    white-space: nowrap;
	margin-bottom: 57px;
	padding-left:67px;
	/* position: relative; */
}
.ybf-content5-ul li.active{
/* background: #F3F8FF; */
	color: #27274A;
	width: 830px;
	/* -webkit-transition: .3s;
	transition: .3s; */
		/* overflow: hidden; */
}
.active-bkg{
	width: 100%;
	height: 600px;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
}
.ybf-content5-ul li.active .active-bkg{
	/* display: none; */
}
.ybf-content5-ul li:nth-child(1).active{
	background: #F3F8FF;
	
}
.ybf-content5-ul li:nth-child(1){
	background: rgb(38,84,206);
}
.ybf-content5-ul li:nth-child(2){
	background: rgb(24,86,218);
}
.ybf-content5-ul li:nth-child(3){
	background: rgb(24,86,218);
}
.ybf-content5-ul li:nth-child(2).active{
	background: #F3F7FE;
}
.ybf-content5-ul li:nth-child(3).active{
	background: #fbfaff;
	
}

.ybf-content5-ul li.active .active-bkg{
	display: none;
}
.ybf-content5-ul li:nth-child(1) .active-bkg{
	background: linear-gradient(to right, rgba(38,84,206,0.1), rgba(38,84,206,0.5));
	/* background: rgba(38,84,206,0.6); */
	
}
.ybf-content5-ul li:nth-child(2) .active-bkg{
	background: linear-gradient(to right, rgba(24,86,218,0.1) 10%, rgba(24,86,218,0.5));
	background: ;
	/* display: block; */
}
.ybf-content5-ul li:nth-child(3) .active-bkg{
	background: linear-gradient(to right,rgba(86,63,234,0.1),rgba(86,63,234,0.5));
	/* background: rgba(86,63,234,0.6); */
	/* display: block; */
}
.ybf-content5-ul li.active .ul-number-img1{
	background: url(../images/active-number-img1.png) no-repeat;
	background-size: 100%;
}
.ybf-content5-ul li.active .ul-number-img2{
	background: url(../images/active-number-img2.png) no-repeat;
	background-size: 100%;
}
.ybf-content5-ul li.active .ul-number-img3{
	background: url(../images/active-number-img3.png) no-repeat;
	background-size: 100%;
}
.ul-li-img1{
	background: url(../images/ul-li-img1.jpg) no-repeat;
}
.ul-li-img2{
	background: url(../images/ul-li-img2.jpg) no-repeat;
}
.ul-li-img3{
	background: url(../images/ul-li-img3.jpg) no-repeat;
}
.ul-li-img{
	height: 455px;
	width: 804px;
	background-size: 100%;
}

.ybf-content6{
	background: #F6FAFF;
	width: 100%;
	height: 835px;
}
.content6-middle{
	width: 1140px;
	margin: auto;
	padding-top: 90px;
}
.content6-middle ul li{
	width: 358px;
	height:468px;
	background: linear-gradient(0deg, #F5F7FD 0%, #FFFFFF 100%);
	box-shadow: 0px 10px 21px 3px rgba(0,61,160,0.1);
	border-radius: 9px;
	float: left;
}
.content6-middle ul li:not(:first-child){
	margin-left:33px;
}
.content6-middle dl dt{
	width: 100%;
	height: 135px;
	border-radius: 9px 9px 0px 30px;
	padding-top: 32px;
	text-align: center;
	margin-bottom: 36px;
	position: relative;
}
.content6-middle dl dt div{
	font-weight: 500;
	color: #4782CF;
	font-size: 27px;
}
.content6-middle dl dt  p{
	font-weight: 400;
	color: #4682CF;
	font-size: 14px;
	line-height: 38px;
}
.content6-middle dl dd{
	position: relative;
	padding-left: 54px;
	padding-right: 37px;
	overflow: hidden;
	font-size: 13px;
	color: #3D485D;
	/* line-height: 32px; */
	padding-bottom: 13px;
}
.content6-middle ul li:nth-child(1)  dt{
	background: linear-gradient(0deg, #C8DFFF 0%, #E6F3FF 100%);
	
}
.content6-middle ul li:nth-child(2)  dt{
	background: linear-gradient(180deg, #e4fbf6 0%, #c3ebe7 100%);
}
.content6-middle ul li:nth-child(3)  dt{
	margin-bottom: 22px;
	background: linear-gradient(0deg, #B9DEF9 0%, #E0F2FF 100%);
}
.content6-middle ul li:nth-child(3) dl dd{
	/* line-height: 26px; */
	padding-bottom: 10px;
}
.content6-middle ul li:nth-child(3) dl dd .dot-icon{
	top: 3px;
}
.dot-icon1{
	background: url(../images/dot-icon1.png) no-repeat;
}
.dot-icon2{
	background: url(../images/dot-icon2.png) no-repeat;
}
.dot-icon3{
	background: url(../images/dot-icon3.png) no-repeat;
}
.dot-icon{
	display: inline-block;
	width: 11px;
	height: 11px;
	background-size: 100%;
	position: absolute;
	left: 35px;
	top: 5px;	
}
.all-btn a{
	text-decoration: none;
	color: #4782CF;
	font-size: 13px;
	display: block;
	text-align: center;
	padding-top: 13px;
}

.content6-middle ul li:nth-child(1) .buy-btn a{
	color: #4782CF;
	background: linear-gradient(0deg, #D2E6FF 0%, #E3F1FF 100%);
}
.content6-middle ul li:nth-child(1) .buy-btn a:hover{
	color:#FFFFFF;
	background: #558dd6;
}
.content6-middle ul li:nth-child(2) .buy-btn a{
	color: #00AE9D;
	background: linear-gradient(0deg, #CDF0ED 0%, #DAF6F2 100%);
}
.content6-middle ul li:nth-child(2) .all-btn a{
	color: #00AE9D;
}
.content6-middle ul li:nth-child(2) .buy-btn a:hover{
	color:#FFFFFF;
	background: #71b6af;
}
.content6-middle ul li:nth-child(2) dl dt div
,.content6-middle ul li:nth-child(2) dl dt p
{
	color:#00AE9D;
}
.content6-middle ul li:nth-child(3) .buy-btn a{
	color:#2F88FF;
background: linear-gradient(0deg, #C2E2FB 0%, #D7EEFE 100%);
}
.content6-middle ul li:nth-child(3) .all-btn a{
	color:#2F88FF;
}
.content6-middle ul li:nth-child(3) .buy-btn a:hover{
	color:#FFFFFF;
	background: #4993f7;
}
.content6-middle ul li:nth-child(3) dl dt div
,.content6-middle ul li:nth-child(3) dl dt p
{
	color:#2F88FF;
}
.buy-btn a{
	width:316px;
	height: 50px;
	display: block;
	line-height: 50px;
	text-decoration: none;
	text-align: center;
	border-radius: 5px;
	margin: auto;
	margin-top: 35px;
	font-size: 15px;
}
.ybf-content7.ybf-content{
	padding-top: 90px;
}
.ybf-content7{
	height: 460px;
	width: 100%;
	background: url(../images/content7-bkg.jpg) center center no-repeat;
	background-size: 100% 100%;
}
.ybf-content7-title{
	font-size: 36px;
	text-align: center;
	font-weight: bold;
	letter-spacing: 0.1rem;
	margin-bottom: 60px;
	color: #27274A;
}
.ybf-content7-middle{
	width: 380px;
	margin: auto;
}
.recommend{
	width: 62px;
	height: 62px;
	background: url(../images/recommend.png) no-repeat;
	background-size: 100%;
	position: absolute;
	right: 0;
	    top: 0;
}
.ybf-content7-middle-ul{
	width: 100%;
}
.ybf-content7-middle-ul li{
	width: 100%;
	height: 45px;
	background: #FFFFFF;
	box-shadow: 0px 7px 12px 0px rgba(25,122,242,0.11);
	border-radius: 5px;
	margin-bottom: 30px;
	padding-top: 12px;
	padding-left: 24px;
	position: relative;
}
.ybf-content7-middle-ul li input{
	/* line-height: 24px; */
	outline: none;
	border: none;
	padding-left: 18px;
	line-height: 24px;
}
.ybf-content7-middle-ul li input::placeholder{
	color: #27274A;
	font-size: 14px;
}
.select-line{
	cursor: pointer;
}
.from-icon1{
	background: url(../images/from-icon1.png) no-repeat;
}
.from-icon2{
	background: url(../images/from-icon2.png) no-repeat;
}
.from-icon{
	width: 18px;
	height: 18px;
	background-size: 100%;
	margin-top: 2px;
}
.select-text{
	font-size: 14px;
	color: #27274A;
	width: 290px;
	margin-left: 16px;
	color: #27274A;
}
.activeClass .triangle-icon{
	transform: rotate(180deg);
	background-position-y: -3px
}
.triangle-icon{
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(../images/from-icon3.svg) no-repeat;
	background-size: 100%;
	background-position-y: 1px;
}

.select-dl{
	width: 100%;
	position: absolute;
	left: 0;
	background: #FFFFFF;
	top: 48px;
	padding: 10px 0;
	display: none;
}
.select-dl dd{
	line-height: 28px;
	padding-left: 50px;
	font-size: 14px;
	color: #3D485D;
}

.select-dl dd.active
,.select-dl dd:hover
{
	background-color: #eff7ff;
	color: #4b7eff;
}
.submit-btn{
	width:100%;
	height: 45px;
	background: #4B85FC;
	box-shadow: 0px 7px 12px 0px rgba(25,122,242,0.11);
	border-radius: 5px;
	text-align: center;
	line-height: 45px;
	color: #FFFFFF;
	font-size: 16px;
	cursor: pointer;
}
.submit-btn:hover{
	background: #2961FD;
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
	background: #4B85FC;
	width: 30px;
	height: 2px;
	border-radius: inherit;
}
.ybf-contianer .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
	bottom: 30px;
}
.ybf-content2 .ybf-content-middle2{
	margin-top: 200px;
}

.security-banner a{
	 height: 667px;
	 width: 100%;
	 display: block;
	 background: url(../images/security-banner.jpg) center center no-repeat;
	 background-size: 100%;
	 background-size: cover;
}
.security-content1{
	background: #F6FAFF;
	padding-bottom: 120px;
}
.security-content2{
	 padding-bottom: 120px;
}
.security-icon1{
	background: url(../images/security-icon1.png) no-repeat;
}
.security-icon2{
	background: url(../images/security-icon2.png) no-repeat;
}
.security-icon3{
	background: url(../images/security-icon3.png) no-repeat;
}
.security-title{
	font-size: 23px;
	font-weight: 500;
	color: #27274A;
	margin-bottom: 14px;
}

.security-icon{
	width:123px;
	height: 65px;
	background-size: 100% 100%;
	margin: auto;
	margin-bottom: 15px;
}

.security-content1 .ybf-content1-ul{
	  width: 1200px;
}
.security-content1 .ybf-content1-ul li{	
	width: 371px;
	height: 279px;
	margin-left: 0;
}
.security-content1 .ybf-content1-ul li:not(:first-child){
	 margin-left: 43px;
}
.security-middle{
	 padding-top: 120px;
}
.security-content2-middle{
	height: 403px;
	width: 403px;
	display: block;
	background: url(../images/security-middle-img.png) no-repeat;
	background-size: 100%;
	margin-left: 43px;
}

.security-content2-left .security-line{
	width: 359px;
	height: 215px;
	background: url(../images/li-left-bkg-img.png) no-repeat;
	background-size: 100%;
	padding: 20px 20px 20px 0;
	text-align: right;
	
}
.security-content2-left .security-line:first-child
,.security-content2-right .security-line:first-child
{
	margin-bottom: 70px;
}
.security-content2-title{
	font-size: 21px;
	font-weight: 400;
	color: #27274A;
	margin-bottom: 16px;
}
.security-line p{
	font-size: 14px;
	color: #000;
	line-height: 24px;
	font-weight: 300;
}

.security-content2-right .security-line{
	width: 359px;
	height: 215px;
	background: url(../images/right-left-bkg-img.png) no-repeat;
	background-size: 100%;
	padding: 20px 0px 20px 20px;
	text-align: left;
}
.security-content3{
	padding-bottom: 140px;
background: #F6FAFF;
}
.security-content3-img{
	width: 984px;
  height:527px;
	display: block;
	background: url(../images/security-content3-img.png) no-repeat;
	background-size: 100%;
	margin: auto;
	margin-top: 106px;
}
.header-news{
	width: 480px;
	height: 36px;
	background: #447EFE;
	box-shadow: 0px 3px 18px 2px rgba(0,61,160,0.15);
	border-radius: 5px;
	line-height: 36px;
	display: flex;
	z-index: 99999;
	position: absolute;
	top: 100px;
	right: 0;
	padding:0px 18px 0 18px;
}

.header-news-icon{
	 height: 21px;
	 width: 21px;
	 background: url(../images/common-news-icon.svg) no-repeat;
	background-size: 100%;
	position: relative;
	top: 8px;
}
.header-news-icon1{
	height: 16px;
	width: 16px;
	background: url(../images/common-news-icon2.svg) no-repeat;
 background-size: 100%;
 position:relative;
 top: 10px;
 margin-left:auto;
 cursor: pointer;
}
.header-news-icon1:hover{
	background: url(../images/common-news-icon1.svg) no-repeat;
 background-size: 100%;
}
.header-news-text{
	width: 100%;
}
.news-text{
	color: #fff;
	letter-spacing: 0.2px;
	display: block;
	line-height: 36px;
	font-size: 14px;
	padding-left: 5px;
	width: 100%;
}