@charset "utf-8";
.syfw_wrap a:hover{ color: #ED4948;}
.syfw_wrap { box-sizing: border-box; }
.syfw_banner { background: url(241114xm_syfw_banner.jpg) no-repeat center; height: 3.4rem; line-height: 3rem; background-size: cover; }
.syfw_con { box-shadow:0px 2px 18px rgba(48, 48, 48, 0.1); border-radius: .12rem; margin-top: -.32rem; background: #fff; padding: .14rem; }
.syfw_con_box { position: relative; margin-left: .6rem; background: #FFF7F7; border-radius: .08rem; padding: .16rem; }
.syfw_con_box_img { position: absolute; left: -.5rem; top: 50%; transform: translateY(-50%); z-index: 2; }
.syfw_con_box_img img{width: 1.3rem;}
.syfw_p p { line-height: .32rem; }
.syfw_con_box_l { text-align: center; line-height: .64rem; height: .64rem; background-image:linear-gradient(90deg, rgba(255, 158, 158, 1) 0%, rgba(255, 158, 158, 0) 100%); }
.syfw_con_box_l p { font-size: .26rem; font-weight: bold; text-shadow: 2px 2px 0px  rgba(255,255,255,1); }
.syfw_p_b { background: url(241114xm_syfw_tit5.png) bottom repeat-x; }
.syfw_con2_top { background: url(241114xm_syfw_tit6.png) no-repeat #FFEBEB; border-radius: .12rem .12rem 0rem 0rem; }
.syfw_con2_top_ul { overflow: hidden; }
.syfw_con2_top_l { position: relative; height: 1.8rem; padding-top: .4rem\0; text-align: center; font-size: .32rem; line-height: .4rem; font-weight: bold; color: #ED4948; text-shadow: 2px 2px 0px  rgba(255,255,255,1); width: 2.2rem; display: flex; align-items: center; justify-content: center; }
.syfw_con2_top_l::before { content: ' '; width: .36rem; height: .32rem; background: url(241114xm_syfw_icon1.png) no-repeat center; background-size: cover; position: absolute; top: 50%; transform: translateY(-50%); right: .24rem; }
.syfw_con2_top_ul ul li { width: 25%; transition: ease-in-out .3s; padding-top: .1rem; float: left; text-align: center; height: 1.8rem; }
.syfw_con2_top_ul ul li span { display: inline-block; transition: ease-in-out .3s; padding: .1rem; border-radius: 50%; }
.syfw_con2_top_ul ul li span em { display: block; transition: ease-in-out .3s; width: 1rem; height: 1rem; line-height: 1rem; background: #fff; border-radius: 50%; }
.syfw_con2_top_ul ul li span em img { width: .88rem; }
.syfw_con2_top_ul ul li p { font-size: .22rem; font-weight: bold; margin-top: .04rem; }
.syfw_con2_top_ul ul li:hover,.syfw_con2_top_ul ul li.on { background:linear-gradient(180deg, rgba(255, 175, 180, 1) 0%, rgba(255, 255, 255, 0) 60%); border-radius: .12rem; }
.syfw_con2_top_ul ul li:hover span,.syfw_con2_top_ul ul li.on span { background: linear-gradient(180deg,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); }
.syfw_con2_top_ul ul li:hover span em,.syfw_con2_top_ul ul li.on span em { background: linear-gradient(180deg, rgba(249, 113, 118, 1) 0%, rgba(239, 58, 61, 0) 70%), rgba(255, 255, 255, 1); }
.syfw_con2_box { background: linear-gradient(0deg, rgba(255, 250, 250, 1) 2.08%, rgba(255, 227, 227, 1) 99.44%); background: #cceaff\0; padding: .28rem .24rem; border-radius: .12rem; border: 1px solid #fff; }
.syfw_tit { padding-left: .24rem; background: url(241114xm_syfw_tit2.png) no-repeat center left; background-size: .12rem auto; }
.syfw_tit h1 { font-size: .22rem; }
.syfw_div { background: #fff; padding: .24rem; border-radius: .08rem; }
.syfw_box2 { background: #fff url(241114xm_syfw_bg4.png) no-repeat right .5rem; position: relative; height: 9.3rem; border-radius: .08rem; }
.syfw_box2_l { position: absolute; padding-left: .4rem; padding-top: .4rem; padding-right: 1.2rem; width: 7.23rem; left: .1rem; top: .1rem; height: 8.79rem; background: url(241114xm_syfw_bg9.png) no-repeat center; background-size: cover; }
.syfw_box2_r { position: absolute; padding-left: 1.4rem; padding-top: .4rem; padding-right: .6rem; width: 7.23rem; right: .1rem; bottom: .1rem; height: 6.4rem; background: url(241114xm_syfw_bg10.png) no-repeat center; background-size: cover; }
.syfw_box2_l_top { height: 1rem; z-index: 2; position: relative; background: url(241114xm_syfw_tit4.png) no-repeat left center; background-size: auto 100%; margin-left: -.2rem; line-height: 1rem; padding-left: .5rem; font-size: .2rem; font-weight: bold; color: #fff; }
.syfw_box2_r_top { height: 1rem; z-index: 2; position: relative; background: url(241114xm_syfw_tit3.png) no-repeat left center; background-size: auto 100%; margin-left: -.2rem; line-height: 1rem; padding-left: .5rem; font-size: .2rem; font-weight: bold; color: #fff; }
.syfw_box2_list { position: relative; z-index: 2; }
.syfw_box2_list ul li { margin-bottom: .08rem; }
.syfw_box2_list ul li .syfw_p { overflow: hidden; }
.syfw_box2_list ul li span { margin-right: .08rem; margin-top: .03rem; }
.syfw_box2_list ul li span img { width: .16rem; }
.syfw_box2_l::before { content: ''; background: url(241114xm_syfw_bg2.png) no-repeat center; position: absolute; top: .3rem; right: .44rem; width: 2.38rem; height: 2.88rem; background-size: cover; display: block; }
.syfw_box2_r::before { content: ''; background: url(241114xm_syfw_bg3.png) no-repeat center; position: absolute; bottom: .3rem; right: .2rem; width: 2.38rem; height: 2.88rem; background-size: cover; display: block; }
.syfw_box3 { background: #fff url(241114xm_syfw_bg5.jpg) no-repeat right bottom; padding: .24rem; border-radius: .08rem; }
.syfw_box3_top { position: relative; padding-left: .3rem; height: .32rem; line-height: .32rem; border-radius: .2rem; padding-right: .3rem; margin-left: .06rem; display: inline-block; background:linear-gradient(131.21deg, rgba(255, 186, 191, .3) 0%, rgba(255, 117, 105, .3) 100%); }
.syfw_box3_top em { position: absolute; top: 50%; margin-top: -.12rem; font-weight: bold; width: .24rem; left: -.06rem; height: .24rem; border-radius: 50%; text-align: center; line-height: .24rem; background:linear-gradient(180deg, rgba(247, 64, 64, 1) 0%, rgba(255, 117, 105, 1) 100%); color: #fff; }
.sbkfw_top { display: table; }
.sbkfw_top em { width: 50%; vertical-align: middle; display: table-cell; }
.sbkfw_top span { white-space: nowrap; display: inline-block; }
.sbkfw_top em.icon1 { background: url(241011xms_sbkfw_tit5.png) no-repeat center right; }
.sbkfw_top em.icon2 { background: url(241011xms_sbkfw_tit6.png) no-repeat center left; }
.sbkfw_top span { font-size: .36rem; margin: 0rem .4rem; font-weight: bold; vertical-align: middle; }
.syfw_list ul li a { display: block; border: 1px solid #fff; transition: ease-in-out .3s; position: relative; padding-right: .5rem; font-size: .18rem; background: url(241114xm_syfw_bg6.png) no-repeat center; background-size: cover; padding-left: .24rem; margin-top: .24rem; box-shadow: 0px 2px 12px rgba(48, 48, 48, 0.1); height: .7rem; line-height: .7rem; border-radius: .08rem; }
.syfw_list ul li a img { width: .36rem; vertical-align: middle; margin-right: .1rem; }
.syfw_list ul li a i { display: block; position: absolute; width: .29rem; height: .04rem; background: url(241114xm_syfw_icon11.png) no-repeat center; background-size: cover; right: .2rem; top: 50%; margin-top: -.02rem; }
.syfw_list ul li a:hover { background: url(241114xm_syfw_bg7.png) no-repeat center; color: #fff; font-weight: bold; }
.syfw_list ul li a:hover i { background: url(241114xm_syfw_icon10.png) no-repeat center; background-size: cover; }
.syfw_box4 { background: url(241114xm_syfw_bg14.jpg) no-repeat center; background-size: cover; padding: .2rem .24rem; border-radius: .08rem; }
.syfw_box4_top { margin-top: -.52rem; }
.syfw_box4_top ul li { display: inline-block; transition: ease-in-out .3s; cursor: pointer; line-height: .52rem; font-size: .18rem; font-weight: bold; background:linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 237, 237, 1) 100%); border-radius: .12rem .12rem 0rem 0rem; margin-left: .04rem; padding: 0rem .32rem; height: .52rem; }
.syfw_box4_top ul li span { color: #666666; }
.syfw_box4_top ul li.on,.syfw_box4_top ul li:hover { background:linear-gradient(180deg, rgba(255, 204, 204, 1) 0%, rgba(255, 255, 255, 1) 100%); background: #FFCCCC\0;}
.syfw_box4_top ul li.on span,.syfw_box4_top ul li:hover span { color: #333; }
.syfw_div_anniu { display: inline-block; height: .38rem; line-height: .38rem; padding: 0rem .2rem; background: url(241114xm_syfw_bg13.png) no-repeat center; background-size: cover; font-size: .18rem; font-weight: bold; color: #fff; }
.sbkfw_group.picture_group .picture_conent { display: block; margin-bottom: .1rem !important; background: url(241114xm_syfw_bg8.png) no-repeat center top #FFFBFA; border: 2px solid #fff; background-size: 100% auto; box-shadow: 0px 2px 18px rgba(237, 73, 72, 0.15); padding: .2rem .2rem .2rem .16rem; border-radius: .08rem; }
.sbkfw_group_top h1 { font-size: .18rem; font-weight: bold; line-height: .3rem; }
.sbkfw_group_r { overflow: hidden; }
.sbkfw_group.picture_group .picture_conent span { display: block; width: .3rem; margin-right: .14rem; }
.sbkfw_group.picture_group .picture_conent span img { width: 100%; }
.sbkfw_group_nr { margin-top: .12rem; padding-top: .12rem; border-top: 1px dashed #ffd7d7; }
.sbkfw_group_nr p { line-height: .3rem; height: 1.2rem; }
.sbkfw_group_icon { text-align: right; margin-top: .1rem; }
.sbkfw_group_icon i { color: #C9C9C9; font-size: .36rem; }
.sbkfw_group.picture_group { overflow: inherit; }
.sbkfw_group.picture_group>span { background: none; margin-top: -.55rem; width: .66rem; height: 1.1rem; }
.sbkfw_group.picture_group>span img { width: 100%; }
.sbkfw_group.picture_group>span.prev { left: -1.2rem; }
.sbkfw_group.picture_group>span.next { right: -1.2rem; }
.syfw_box5 { background: url(241114xm_syfw_bg12.jpg) no-repeat center; background-size: cover; padding: .24rem; padding-bottom: 0rem; border-radius: .08rem; }
.syfw_list2 ul li a { border: 1px solid transparent; line-height: .22rem; margin-bottom: .24rem; padding: 0rem .24rem; padding-right: .5rem; background: linear-gradient(90deg,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); background: #fff\0; height: .72rem; display: flex; display: block\0; position: relative; border-radius: .08rem; align-items: center; }
.syfw_list2 ul li a:hover{ border: 1px solid #ED4948; }
.syfw_list2 ul li a em { position: absolute; right: .24rem; }
.syfw_list2 ul li a em img { width: .16rem; }
.syfw_img { border-radius: .08rem; overflow: hidden; }
.sbkfw_list3 ul li a { display: block; overflow: hidden; padding-right: .24rem; text-overflow: ellipsis; white-space: nowrap; margin-bottom: .2rem; padding-left: .54rem; box-shadow: 0px 3px 8px rgba(48, 48, 48, 0.1); height: .64rem; line-height: .64rem; background: #fff url(241114xm_syfw_icon12.png) no-repeat .14rem center; background-size: .3rem auto; border-radius: .08rem; }
.syfw_anniu { height: 1.44rem; background: url(241114xm_syfw_bg16.png) no-repeat center; background-size: cover; }
.syfw_anniu a { display: block; padding-top: .4rem; padding-left: .3rem; }
.syfw_anniu a h1 { font-size: .18rem; }
.syfw_anniu a span { display: inline-block; font-size: .14rem; color: #fff; margin-top: .14rem; height: .24rem; line-height: .24rem; border-radius: .2rem; padding: 0rem .14rem; box-shadow: 0px 3px 0px rgba(237, 73, 72, 0.18); background:linear-gradient(90deg, rgba(237, 73, 72, 1) 0%, rgba(255, 87, 51, 1) 100%); background: #ED4948\0;}
.syfw_ewm { background: url(241114xm_syfw_bg11.png) no-repeat center; background-size: cover; }
.syfw_ewm_tit { display: flex; padding-top: .4rem\0; height: 1.44rem; padding-left: .2rem; align-items: center; }
.syfw_ewm_tit h1 { font-size: .18rem; }
.syfw_ewm_tit p { font-size: .14rem; padding-left: .1rem; margin-top: .14rem; color: #666; }
.syfw_ewm_box { display: flex; height: 1.44rem; flex-direction: row; align-items: center; justify-content: flex-start; }
.syfw_ewm_box p { display: inline-block; color: #ED4948; }
.syfw_ewm_box span { display: inline-block; width: .8rem; padding: .05rem; text-align: center; border-radius: .08rem; background: #fff; margin-right: .16rem; box-shadow: 0px 0px 16px rgba(237, 73, 72, 0.25); }
.syfw_ewm_img { margin-right: .32rem; margin-right: 0rem\0; width: 46%\0; display: inline-block\0; vertical-align: middle\0;}
.syfw_box6 { padding: .24rem; border-radius: .08rem; background: #fff; }
.syfw_box7 { padding: .24rem .24rem .5rem 2.1rem; background: #fff url(241114xm_syfw_bg18.jpg) no-repeat left bottom; background-size: 100% auto; }
.syfw_box7_l { margin-top: .16rem; min-height: 3.1rem; }
.syfw_box7_l ul li { width: 100%; }
.syfw_box7_l ul li span { display: block; font-size: .18rem; background:  linear-gradient(270deg, rgba(255, 255, 255, 1) 0%, rgba(255, 207, 207, 0.2) 100%); background: #fff\0; backdrop-filter: blur(8px); padding: .11rem .24rem; color: #666; border-radius: .12rem 0rem 0rem .12rem; margin: .04rem 0rem; }
.syfw_box7_l ul li.on span,.syfw_box7_l ul li:hover span { background:linear-gradient(90deg, rgba(237, 73, 72, 1) 0%, rgba(232, 91, 35, 1) 100%); background: #ED4948\0; box-shadow: 0px 0px 12px rgba(237, 73, 72, 0.6); font-weight: bold; color: #fff; }
.syfw_box7_r { background:rgba(255, 207, 207, 0.2); overflow: hidden; border-radius: .08rem; }
.syfw_box7_r_box { overflow: auto; height: 4.23rem; margin: .24rem; padding-right: .1rem; }
.syfw_box7_r_box::-webkit-scrollbar { width: 6px; }
.syfw_box7_r_box::-webkit-scrollbar-track { background: #f9f9f9; border-radius: 3px; }
.syfw_box7_r_box::-webkit-scrollbar-thumb { background: #ED4948; border-radius: 3px; }
.syfw_box7_r_box::-webkit-scrollbar-thumb:hover { background: #ED4948; }
.syfw_box8 { text-align: center; background:linear-gradient(0deg, rgba(237, 73, 72, 0.28) 0%, rgba(255, 255, 255, 0) 100%); padding: .14rem 0rem; position: relative; border: 2px solid #fff; border-radius: .08rem; }
.syfw_box8::before { background: url(241114xm_syfw_bg15.png) no-repeat center; background-size: .77rem .74rem; width: .77rem; height: .74rem; content: ' '; display: block; position: absolute; right: 0rem; bottom: 0rem; }
.syfw_box8 p { display: inline-block; font-weight: bold; }
.syfw_box8 span { display: inline-block; position: relative; z-index: 2; border: 2px solid #fff; transition: ease-in-out .3s; height: .48rem; margin: 0rem .1rem; line-height: .44rem; box-shadow: 0px 0px 16px rgba(237, 73, 72, 0.1); padding: 0rem .32rem; font-weight: bold; background: #fff; border-radius: .08rem; }
.syfw_box8 span a { color: #ED4948; display: block; }
.syfw_box8 span:hover { background:linear-gradient(180deg, rgba(255, 255, 255, 0.15) 0%, rgba(237, 73, 72, 0.15) 100%) #fff; }
.syfw_box9 { padding: .32rem 4rem .32rem .32rem; background: #fff url(241114xm_syfw_bg19.png) no-repeat bottom right; }
.syfw_box9 ul li { margin-bottom: .12rem; }
.syfw_box9 ul li:last-child { margin-bottom: 0rem; }
.syfw_box9 ul li span { display: block; cursor: pointer; font-weight: bold; color: #303030; padding: .12rem .2rem .12rem .28rem; border-radius: .1rem; background: linear-gradient(90deg,rgba(255, 168, 168, 0.2) 0%,rgba(255,255,255,0) 20% ); }
.syfw_box9_box { border-radius: .08rem; border: transparent 1px solid; margin-top: -.06rem; }
.syfw_box9 ul li span i { font-size: .12rem; margin-right: .04rem; }
.syfw_box9 ul li .syfw_box9_box { height: 0rem; overflow: hidden; }
.syfw_box9 ul li.on .syfw_box9_box { padding: .24rem; overflow: auto; height: auto; background: #fff; border: #FFD9D9 1px solid; }
.syfw_box9 ul li.on span em i { transform: rotate(90deg) !important; }
.syfw_list3 ul li a { display: block; transition: ease-in-out .3s; position: relative; margin-top: .16rem; height: .72rem; padding-left: .24rem; padding-right: .5rem; line-height: .7rem; border: 1px solid #FFCFCF; background: #fff; border-radius: .08rem; }
.syfw_list3 ul li a em { position: absolute; line-height: .16rem; width: .16rem; height: .16rem; right: .24rem; top: 50%; margin-top: -.12rem; }
.syfw_list3 ul li a:hover { background: linear-gradient(90deg, rgba(255, 207, 207, 1) 0%, rgba(255, 255, 255, 0) 100%); }
.syfw_list3 ul li a em img { width: 100%; }
.syfw_list4 ul li span { display: block; cursor: pointer; font-weight: bold; padding: .12rem .2rem .12rem .28rem; border-radius: .1rem; background: linear-gradient(90deg,#FFF3F3 0%,rgba(255,255,255,0) 20% ); }
.syfw_list4 ul li .syfw_box9_box { border-radius: .08rem; padding: .24rem; overflow: auto; height: auto; background: #fff; border: #FFCFCF 1px solid; }
.syfw_list4 .trt-row [class*=trt-col-] { padding: 0rem; }
.syfw_list4 .picture_item { margin: 0rem .16rem; }
.syfw_list4 .num ul { text-align: center; }
.syfw_list4 .num ul li { display: inline-block; cursor: pointer; width: .32rem; height: .06rem; font-size: 0rem; border-radius: .04rem; background: #FFE9E9; margin: 0rem .06rem; }
.syfw_list4 .num ul li.on { background: #ED4948; }
.tabs_bd.syfw_con2_box { border-radius: 0rem 0rem .12rem .12rem; }
.slb .syfw_box2_l,.slb .syfw_box2_r { position: inherit; height: auto; padding: .32rem; width: auto; left: inherit; right: inherit; top: inherit; bottom: inherit; }
.slb .syfw_box2_l { background: rgba(254,248,250,1); border-radius: .24rem; }
.slb .syfw_box2 { height: auto; background: none; }
.slb .syfw_box2_r { background: rgba(245,248,255,1); margin-top: .24rem; border-radius: .24rem; }
.slb .syfw_box4_top { margin-top: inherit; }
.slb .syfw_con2_top_l { width: auto; height: auto; padding: .16rem; float: inherit; display: block; }
.slb .syfw_con2_top_l br { display: none; }
.slb .syfw_con2_top { background: #FFE9E9; }
.slb .syfw_con2_top_l::before { display: none; }
.slb .syfw_box7,.slb .syfw_box9 { padding: .32rem; }
.slb .syfw_box8 p { display: block; margin-bottom: .1rem; }
.slb .syfw_con_box_img { display: none; }
.slb .syfw_con_box { margin-left: 0rem; }
.slb .syfw_banner { height: 2rem; line-height: 1.6rem; }
@media screen and (max-width:1740px) {
  .sbkfw_group.picture_group>span.prev { left: 0rem; }
  .sbkfw_group.picture_group>span.next { right: 0rem; }
}
@media screen and (max-width:992px) {
  .sbkfw_top span { margin: 0rem .24rem; font-size: .26rem; }
  .syfw_box7_l { width: auto; float: inherit; min-width: none; }
  .syfw_box7_l ul li { width: 48%; margin: 1%; float: left; }
  .syfw_box8 span { margin: 1%; }
  .syfw_box4_top ul { float: inherit; white-space: nowrap; overflow: auto; }
  .syfw_ewm_img { width: 48%; margin: 1%; text-align: center; }
  .syfw_ewm_tit { display: block; text-align: center; height: auto; padding: .16rem; }
  .syfw_ewm_box { height: auto; padding: .24rem; }
  .syfw_ewm_box span { margin-right: 0rem; display: block; margin: 0rem auto;  margin-bottom: .16rem;}
  .syfw_box8 { padding: .16rem; }
  .syfw_tit h1 { font-size: .2rem; }
  .syfw_box2_l,.syfw_box2_r { position: inherit; height: auto; padding: .32rem; width: auto; left: inherit; right: inherit; top: inherit; bottom: inherit; }
  .syfw_box2_l { background: rgba(254,248,250,1); border-radius: .24rem; }
  .syfw_box2 { height: auto; background: none; }
  .syfw_box2_r { background: rgba(245,248,255,1); margin-top: .24rem; border-radius: .24rem; }
  .syfw_box4_top { margin-top: inherit; }
  .syfw_con2_top_l { width: auto; height: auto; padding: .16rem; float: inherit; display: block; }
  .syfw_con2_top_l br { display: none; }
  .syfw_con2_top { background: #FFE9E9; }
  .syfw_con2_top_l::before { display: none; }
  .syfw_box7,.syfw_box9 { padding: .32rem; }
  .syfw_box8 p { display: block; margin-bottom: .1rem; }
  .syfw_con_box_img { display: none; }
  .syfw_con_box { margin-left: 0rem; }
  .syfw_banner { height: 2rem; line-height: 1.6rem; }
  .syfw_box7_l{margin-top: 0rem;}
  .syfw_list3 ul li a em{display: none;}
  .syfw_list3 ul li a{padding: 0rem .16rem; height: auto; line-height: .34rem;}
}
@media screen and (max-width:640px) {
  .sbkfw_top span,.sbkfw_top2 span { font-size: .24rem; }
  .syfw_con2_top_ul ul { white-space: nowrap; overflow: auto; }
  .syfw_con2_top_ul ul li { float: inherit; width: auto; display: inline-block; padding: 0rem .16rem; padding-top: .16rem; }
  .syfw_con2_box { padding: .16rem; }
  .syfw_box2_l,.syfw_box2_r,.syfw_box4,.syfw_box5,.syfw_box7,.syfw_box9,.syfw_box9 ul li.on .syfw_box9_box,.syfw_box3,.syfw_box6{padding: .16rem !important;}
  .syfw_list ul li a img{display: none;}
  .sbkfw_group.picture_group>span{width: .3rem; height: .6rem; margin-top: -.3rem;}
  .syfw_anniu a{padding-top: .24rem;}
  .syfw_box7_l ul li{width: 100%;}
  .syfw_box8 span{padding: .06rem .16rem; height: auto; line-height: .28rem;}
  .syfw_list2 ul li a{margin-bottom: .12rem;}
}