@charset "utf-8";
.ydbp_bg{ background: url(251226qz_zyj_ydbp_bg.jpg) no-repeat center top;}
.ydbp_tit{ padding: 56px 0 175px 0;}
.ydbp_con{ position: relative; background: linear-gradient(0deg, rgba(233, 246, 255, 1) 0%, rgba(233, 246, 255, 0) 100%), rgba(255, 255, 255, 1); background-color: #ffffff; box-shadow: 8px 10px 0px  rgba(67, 148, 223, 1); border-radius: .2rem; padding: .4rem .24rem .4rem 3.4rem; border: 1px solid #B5DBFF;}
.ydbp_con span{ position: absolute; left: .28rem; bottom: 0; width: 2.88rem;}
.ydbp_con span img{ width: 100%;}
.ydbp_text{ font-size: .18rem; line-height: 2; letter-spacing: 1px;}
.ydbp_tit1{ font-size: 0; text-align: center; line-height: .54rem;}
.ydbp_tit1 em,.ydbp_tit1 i,.ydbp_tit1 span{ display: inline-block; height: .54rem; line-height: .54rem; vertical-align: middle;}
.ydbp_tit1 em{ width: .34rem;}
.ydbp_tit1 em img{ width: 100%;}
.ydbp_tit1 span{ font-size: .36rem; padding: 0 .4rem; font-weight: bold;}
.ydbp_con1{ padding: .3rem; background: linear-gradient(0deg, rgba(244, 250, 254, 1) 35.42%, rgba(232, 245, 255, 1) 100%); background-color: rgba(246, 250, 254, 1); border-radius: .08rem;}
.ydbp_con_inner{ border-radius: .08rem; background-color: #ffffff; padding: .16rem .3rem;}
.ydbp_list li{ padding: .14rem 0;}
.ydbp_list li+li{ border-top: 1px dashed #A1C3E3;}
.ydbp_list li span{ display: inline-block; font-size: .16rem; font-weight: bold; color: #378EDC; background: linear-gradient(180deg, rgba(227, 241, 255, 1) 0%, rgba(255, 255, 255, 1) 100%); background-color: #E3F1FF; border: 1px solid #4394DF; border-radius: .04rem; padding: .05rem .08rem; margin-right: .18rem;}
.ydbp_list li span em{ position: relative; top: -.02rem; margin-right: .04rem;}
.ydbp_list li p{ display: contents;}
.ydbp_tit2{ line-height: 1.3333333; z-index: 0; position: relative; text-align: center; font-size: .24rem; font-weight: bold;}
.ydbp_tit2::after{ width: .43rem; height: .12rem; position: absolute; left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); background: linear-gradient(90deg, rgba(39, 142, 232, 1) 0%, rgba(166, 219, 255, 0) 100%); content: ''; bottom: 0; z-index: -1;}
.ydbp_list1{ position: relative;}
.ydbp_list1 li{ margin-top: .09rem; margin-bottom: .09rem; position: relative;}
.ydbp_list1 li span{ position: absolute; width: .24rem; height: .24rem; line-height: .24rem; text-align: center; background: linear-gradient(180deg, rgba(39, 123, 214, 1) 0%, rgba(128, 204, 255, 1) 100%); background-color: #277BD6; border-radius: 50%; color: #ffffff; font-size: .16rem; font-weight: bold; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); z-index: 2;}
.ydbp_list1 li p{background: linear-gradient(90deg, rgba(245, 248, 254, 1) 0%, rgba(245, 248, 254, 0) 44.44%), linear-gradient(131.21deg, rgba(193, 224, 255, 0.3) 0%, rgba(124, 188, 247, 0.3) 100%); position: relative; z-index: 1; padding: .02rem .2rem; border-radius: .16rem; margin-left: .12rem; font-size: .16rem; line-height: 1.75;}
.ydbp_con2{ background: url(251226qz_zyj_ydbp_con.jpg) no-repeat; background-size: cover; border-radius: .08rem; padding:.24rem .3rem .14rem .3rem;}
.ydbp_con21{ background: url(251226qz_zyj_ydbp_con1.jpg) no-repeat; background-size: cover; border-radius: .08rem; padding:.24rem .3rem 0rem .2rem;}
.ydbp_tit3{ position: relative; text-align: center; margin-bottom: -.2rem; z-index: 3;}
.ydbp_tit3 span{ display: inline-block; background: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(270deg, rgba(51, 134, 220, 1) 0%, rgba(115, 191, 250, 1) 100%); border-radius: .08rem; padding: .08rem .18rem .08rem .06rem; font-size: .18rem; font-weight: bold; color: #ffffff; line-height: 1.333333;}
.ydbp_box{ position: relative; z-index: 0; border-radius: .2rem; padding: .36rem .24rem .2rem .24rem;}
.ydbp_box::before{ position: absolute; z-index: -2; left: 0; right: 0; top: 0; bottom: 0; background: linear-gradient(180deg, rgba(181, 219, 255, 1) 0%, rgba(181, 219, 255, 0) 100%); content: ''; border-radius: .2rem; box-shadow: 0px 2px 12px  rgba(6, 83, 156, 0.14);}
.ydbp_box::after{ position: absolute; content: ''; border-radius: .2rem; z-index: -1; left: 1px; top: 1px; right: 1px; bottom: 1px; background: url(251226qz_zyj_ydbp_con3.jpg) no-repeat center top #ffffff; background-size: 100% auto;}
.ydbp_con2_inner{ display: flex; align-items: flex-end;}
.ydbp_list2{ width:78.2258%; flex-shrink: 0;}
.slb .ydbp_list2{ margin-bottom: .2rem;}
.ydbp_pic{ flex: 1; text-align: center;}
.ydbp_text1{ font-size: .15rem; line-height: 1.6; text-align: justify;}
.ydbp_text1 dl dt{ color: #1658A0;}
.ydbp_text1 dl dd+dd,.ydbp_text1 dl dt+dd{ margin-top: .08rem;}
.ydbp_text1 dl dd em{ color: #1658a0; margin: 0 .05rem;}
.h360{ height: 3.6rem;}
.slb .h360{ height: auto;}
.ydbp_con21 .ydbp_pic{ text-align: left;}
.ydbp_con21 .ydbp_list2{ width: 77.6%;}
.ydbp_list3 ul{ flex-wrap: wrap;}
.ydbp_box1{box-shadow: 0px 2px 18px  rgba(24, 129, 254, 0.1); height: 100%; border: 2px solid #ffffff; background: url(251226qz_zyj_ydbp_con2.png) no-repeat left top #F6FAFE; background-size: 100% auto; border-radius: .08rem; padding: .24rem .2rem;}
.ydbp_tit4{ font-size: .18rem; line-height: 1.66666; background: url(251226qz_zyj_ydbp_icon1.png) no-repeat left .05rem; background-size: .3rem auto; padding-left: .44rem; font-weight: bold; padding-bottom: .22rem; border-bottom: 1px dashed #3E8CE6;}
.ydbp_text2{ font-size: .16rem; line-height: 1.875; padding-left: .44rem; margin-top: .16rem; background: url(251226qz_zyj_ydbp_icon2.png) no-repeat left .05rem; background-size: .3rem auto;}
@media only screen and (max-width:992px){
    .ydbp_bg{ background-size: 200% auto;}
    .ydbp_tit{ padding: 6.5vw 0;}
    .ydbp_box1,.ydbp_con2,.ydbp_con21,.ydbp_con,.ydbp_con1,.ydbp_con_inner{ padding: .16rem;}
    .ydbp_list li:first-child{ padding-top: 0;}
    .ydbp_list li:last-child{ padding-bottom: 0;}
    .ydbp_list li span{ margin-right: .06rem;}
    .ydbp_list1 li{ margin-top: 0;}
    .ydbp_list1 li p{ padding-right: .12rem; text-align: justify;}
    .ydbp_text{ text-align: justify;}
    .ydbp_con{ z-index: 0;}
    .ydbp_con span{ width: 20%; left: auto; right: .12rem;  opacity: .5; z-index: -1;}
    .ydbp_tit4,.ydbp_text2{ padding-left: .36rem;}
    .ydbp_tit1 i{ display: none;}
    .ydbp_tit1 span{ font-size: .24rem; padding: 0 .16rem;}
    .ydbp_tit2{ font-size: .18rem;}
    .ydbp_tit3 span{ font-size: .16rem;}
    .ydbp_list2,.ydbp_con21 .ydbp_list2,.slb .ydbp_list2{ width: 100%; margin-bottom: 0;}
    .ydbp_con21 .ydbp_pic, .ydbp_pic{ display: none;}
    .h360{ height: auto;}
    .ydbp_tit1{ line-height: .34rem;}
    .ydbp_tit1 em, .ydbp_tit1 i, .ydbp_tit1 span{ height: .34rem; line-height: .34rem;}
}