@charset "utf-8";
.ibg{ background: url(/xym/images/bg.jpg) center; background-size: .5rem .5rem;}

.banner_box{ padding: 0px; position: relative; z-index: 3; }
.banner:after{ content: ""; position: absolute; right: 0; bottom: 0; left: 0; height: .11rem; background: rgba(255,255,255,.22);z-index: 1;}
.banner{ overflow: hidden; }
.banner .a{ display: block; position: relative; z-index: 1; overflow: hidden; }
.banner .imgBox{ overflow: hidden; width: 100%; transform: scale(1);}
.banner .imgBox .img{ padding-bottom: 100vh; transition: 0s; transform: scale(1) !important; }
.banner .imgBox .img video{ opacity: .9;}
/* .banner.on ul li.swiper-slide-active .a .imgBox, .banner.on ul li.swiper-slide-duplicate-active .a .imgBox, .banner.on ul li.swiper-slide-prev .a .imgBox{ animation: sca 7s linear 0s normal both;}
@keyframes sca {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(1.1);
    }
} */
.banner .banner-pro.ani{-webkit-animation-name: anil;animation-name: anil;-webkit-animation-duration: 7s;animation-duration: 7s;-webkit-animation-timing-function: linear;animation-timing-function: linear;width: 100%;}
.banner .banner-pro {position: absolute;left: 0;bottom: 0;height: auto;width: 0;border-top: .11rem solid #a34885;z-index: 9;}

@-webkit-keyframes anil{0%{width:0}100%{width:100%}}
@keyframes anil{0%{width:0}100%{width:100%}}

.pad1{ padding: .8rem 0; overflow: hidden;}

.new_home1{ background: url(/xym/images/new_home1_b.png) center .3rem no-repeat; background-size: 100% auto;}
.new_home1 .box1{ width: 27.1875%;}
.new_home1 .box2{ width: 42.8125%; padding: .2rem .2rem 0; background: #fff; border-bottom: #a34885 .04rem solid; -webkit-transition: all 0.5s;transition: all 0.5s;}

.ywjj1 li{ margin-bottom: .2rem;}
.ywjj1 li:last-child{ margin-bottom: 0;}
.ywjj1 h4{ font-weight: 400;}
.ywjj1{background-color: #fff;border-bottom: #a34885 0.04rem solid;padding: 0.4rem;height: 100%;}
.ywjj1 .h4s2{font-size: .2rem;color: #474747;}
.ywjj1 .a{height: .35rem; justify-content: space-between;gap: 0.1rem; position: relative; z-index: 1;overflow: hidden;-webkit-transition: all 0.5s;transition: all 0.5s;display: flex;flex-direction: row;align-items: center;}
.new_home_box_yw .ywjj1 .a::before{ content: "";background: #9c4883;border-radius: 50%;width: 0.08rem;height: 0.08rem;  z-index: -1; -webkit-transition: all 0.5s;transition: all 0.5s;}

.ywjj2 h4{ font-size: .24rem; font-weight: 600;}
.ywjj2 h6{ margin: .22rem 0 .2rem;}
.ywjj2 .txt{ padding: .3rem .16rem;}

.ywjj2Box .dots{ top: 3.05rem;position: absolute;bottom: auto;z-index: 1;text-align: right; padding: 0 .3rem}
.ywjj2Box .dots span{ width: .12rem; height: .12rem; border: #fff 2px solid; opacity: 1; background: none; transition: .5s;margin: 0 0 0 .12rem !important;}
.ywjj2Box .dots span.active{ background: #fff}

.new_home2{ padding: 0; background: url(/xym/images/new_home2_b.jpg) center no-repeat; background-size: cover;}
.new_home2 .left{ width: 49.375%;}
.mtgz1{ margin: 0 -0.9375vw -.18rem;}
.mtgz1 li{ width: 50%; padding: 0 0.9375vw; margin-bottom: .18rem;}
.mtgz1 .a{ display: block; background: #fff; padding: .2rem; height: 3.1rem; position: relative; -webkit-transition: all 0.5s;transition: all 0.5s;}
.mtgz1 .a::after{ content: ""; position: absolute; bottom: 0; left: 0; width: 0; height: .03rem; background: #a34885; transition: .5s;}
.mtgz1 .ico{ position: absolute; top: .26rem; left: .26rem; z-index: 1;width: auto;height: .45rem; overflow: hidden;border-radius: .03rem;background: #fff;padding: 0.08rem;}
.mtgz1 .ico img{ width: 100%}
.mtgz1 h4{ margin: .28rem 0 0; font-weight: 600;}
.new_home2 .right{ width: calc(100% - 49.375%); padding: 0 0 0 1.875vw;}

.mtgz2{ margin: 0 -0.9375vw -.22rem;;}
.mtgz2 li{ width: 50%; padding: 0 0.9375vw; margin-bottom: .22rem;}
.mtgz2 li:last-child{ margin-bottom: 0;}
.mtgz2 h4{ font-weight: 600;}
.mtgz2 .a{ height: 1.98rem; background: #fff; padding: .45rem .3rem;justify-content: space-between; border-bottom: transparent .04rem solid; position: relative; z-index: 1;overflow: hidden;-webkit-transition: all 0.5s;transition: all 0.5s;}
.mtgz2 .a::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; /*! transform: translateX(.1rem); */  opacity: 0; z-index: -1; background: url(/xym/images/ywjj1_b.jpg) center no-repeat; background-size: cover;-webkit-transition: all 0.5s;transition: all 0.5s;}

.new_home2 .more1{ margin-bottom: .86rem;}
.new_home3{ padding-top: .2rem}

.ldsr1 li{ width: 33.33%;}
.ldsr1 .a{ display: block; position: relative; z-index: 1;}
.ldsr1 .imgBox .img{ padding-bottom: 93.8%;}
.ldsr1 li:nth-child(1) .imgBox .img{ background: #a34885;}
.ldsr1 li:nth-child(2) .imgBox .img{ background: #ce8856;}
.ldsr1 li:nth-child(3) .imgBox .img{ background: #015b93;}
.ldsr1 .txt{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 7vw 50% 0 2.2vw;}
.ldsr1 h3{ font-size: .36rem; color: #fff; font-family: 'sys'}
.ldsr1 p{ margin: .16rem 0 0; font-size: .18rem; color: rgba(255,255,255,.5); text-align: justify}
.ldsr1 dl{ margin: .3rem 0 0;flex-direction: column;align-items: flex-start;}
.ldsr1 dd{ padding: .04rem 0 .1rem;}
.ldsr1 .a1{ display: inline-block; border: rgba(255,255,255,.3) 2px solid;line-height: .38rem;padding: 0 .15rem;font-size: .18rem;color: rgba(255,255,255,.8);transition: .5s;min-width: 2rem;}

.ldsr2 li{ width: 33.33%;}
.ldsr2 .a{ height: 2.06rem; padding: 0 .44rem;}
.ldsr2 li:nth-child(1) .a{ background: #9c0f0e;}
.ldsr2 li:nth-child(2) .a{ background: #15988d;}
.ldsr2 li:nth-child(3) .a{ background: #6057a2;}

.ldsr2 h3{ font-size: .34rem; color: #fff; font-family: 'sys'; margin: 0 0 .16rem; }
.ldsr2 p{ font-size: .18rem; color: rgba(255,255,255,.5); text-align: justify}
.ldsr2 dl{ margin: 0 -.08rem;}
.ldsr2 dd{ padding: .04rem .08rem .1rem;}
.ldsr2 .a1{ display: inline-block; border: rgba(255,255,255,.3) 2px solid;line-height: .38rem;padding: 0 .15rem;font-size: .18rem;color: rgba(255,255,255,.8);transition: .5s;}

.new_home4{ padding: 0; background: url(/xym/images/new_home4_b1.jpg) center top no-repeat; background-size: 100% auto; position: relative; z-index: 1;}
.new_home4 .bg1{ position: absolute; top: 36%; right: 0;z-index: -1;width: .99rem;max-width: 100%;}
.new_home4 .fl1{ padding-top: .8rem;}
.cdsy1 li{ width: 30%; text-align: center; position: relative;}
.cdsy1 .imgBox{ overflow: visible;}
.cdsy1 .imgBox .img{ padding-bottom: 100%; background: none;}
.cdsy1 li .txt{ padding: .32rem 0 0;}
.cdsy1 li.li2{ width: 30%;}

.cdsy1 .txt{ transition: .5s}
.cdsy1 h4{ font-size: .24rem; color: #363637; font-family: 'sys'}
.cdsy1 p{ font-size: .18rem; color: #ac9583; font-family: 'sys';margin: .06rem 0 .1rem;}
/* .cdsy1 li.li2 .txt{ transform: scale(1.1); padding: .4rem 0 0} */

.cdsy1 li.li1 .more5{ display: inline-block; position: absolute;top: 8%;right: 0;width: .56rem;height: .56rem;z-index: 99;}
.cdsy1 li.li2 .more5{ display: inline-block; position: absolute;top: 8%;right: 2%;width: .56rem;height: .56rem;z-index: 99;}
.cdsy1 li.li3 .more5{ display: inline-block; position: absolute;top: 8%;right: 0;width: .56rem;height: .56rem;z-index: 99;}

.new_home4 .left{ width: 100%; padding: 0 .5rem 0 .34rem;position: relative;z-index: 1;}
.new_home4 .right{ width: 29.625%; background: url(/xym/images/new_home4_b3.jpg) center no-repeat; background-size: cover; height: 8.1rem; padding: .32rem 0 .62rem;}

.cdsy2{ justify-content: space-around; text-align: center;}
.cdsy2:before{ content: ""; position: absolute; top: 50%; width: 1px; height: .09rem; background: #aea1b2; left: 0; margin: -.035rem 0 0}
.cdsy2:after{ content: ""; position: absolute; top: 50%; width: 1px; height: .09rem; background: #aea1b2; right: 0; margin: -.035rem 0 0}
.cdsy2 .a{ width: 1.18rem; height: 1.18rem; position: relative; z-index: 1;margin: 0 auto;}
.cdsy2 .a:before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: rgba(106,88,116,.6) 1px dashed; border-radius: .1rem;z-index: -1;-webkit-transition: all 0.5s;transition: all 0.5s;}
.cdsy2 .a:after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: rgba(106,88,116,.6) 1px dashed; border-radius: .1rem; transform: rotate(45deg);background: #f7f0e7;z-index: -1;-webkit-transition: all 0.5s;transition: all 0.5s;}
.cdsy2 .ico{ width: .33rem; height: .33rem; position: relative;margin: 0 auto;}
.cdsy2 .ico img{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; object-fit: cover; -webkit-transition: all 0.5s;transition: all 0.5s;}
.cdsy2 .ico img.i2{ opacity: 0}
.cdsy2 h4{ color: #5b5b5c; font-family: 'sys'; margin: .08rem 0;}

.miso_tab1 .hd{ margin-bottom: .9rem;position: relative;z-index: 1;}
.miso_tab1 .hd:before{ content: ""; position: absolute; top: 50%; border-top: #aea1b2 1px dashed; width: 100%; z-index: -1}

.cdsy3{ position: relative; z-index: 1}
.cdsy3 li{ width: 25%; padding: 0 1vw;}
.cdsy3 .txt{ background: #fff;padding: .5rem .34rem .5rem;height: 3rem; border-radius: 0 0 .5rem 0; transition: .5s;}
.cdsy3 .imgBox .img{ padding-bottom: 68%;}
.cdsy3 h4{ font-weight: 600;}
.cdsy3 p{ margin: .15rem 0 .4rem;}

.new_titlew{background: url(/xym/images/title_bw.png) center top no-repeat;background-size: 4.88rem auto;}
.new_titlew .h{ color: #fff;}
.new_titlew .t{ color: #fff;}

.cdsy2 li.on .a:before{ background: #d0ae94; border: #d0ae94 1px dashed; transform: rotate(-90deg);}
.cdsy2 li.on .a:after{ background: #a34885; border: #a34885 1px dashed; transform: rotate(135deg);}
.cdsy2 li.on .ico img.i1{ opacity: 0}
.cdsy2 li.on .ico img.i2{ opacity: 1}
.cdsy2 li.on h4{ color: #fff}

.new_home5{ padding-top: 1rem;}

.ssxlg1 .con{ justify-content: space-between;text-align: center;padding: 0 .15rem;}
.ssxlg1 .ico{ width: 1.71rem; height: 1.71rem; align-items: center;position: relative;z-index: 1;margin: 0 auto;}
.ssxlg1 .ico:before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: rgba(140,67,121,.6) 1px dashed; border-radius: 50vw; transition: .5s}
.ssxlg1 .ico:after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #8c4379; border-radius: 50vw; transition: .5s; transform: scale(.8); opacity: 0;z-index: -1;}
.ssxlg1 .ico img{ width: .6rem; transition: 0s;}
.ssxlg1 h3{ font-size: .42rem; color: #8c4379; font-family:'Helvetica-Condensed-Black-Se';letter-spacing: -.02rem;transform: scaleX(.9);}
.ssxlg1 h6{ font-size: .17rem; color: #373737; font-family: 'sys'; line-height: .27rem; text-align: center; margin: .16rem 0 0; }

.ssxlg1Box{ padding: .3rem 0 .55rem;border-bottom: rgba(55,55,55,.1) 1px solid;margin-bottom: -.8rem; background: url(/xym/images/ssxlg1Box.png) center bottom no-repeat; background-size: 100% auto;}
.ssxlg1Box .dots{ position: relative;bottom: auto;z-index: 1;text-align: center; padding: 0 .3rem;margin: .7rem 0 0;}
.ssxlg1Box .dots span{ width: .14rem; height: .14rem; border: rgba(140,67,121,.7) 2px solid; opacity: 1; background: none; transition: .5s;margin: 0 .1rem !important;}
.ssxlg1Box .dots span.active{ background: #965484}
.ssxlg1Box .zs{ font-size: .14rem; color: #908f8f; line-height: 1.25; position: absolute; bottom: .8rem; right: 0;}

.ssxlg1Box .zs{ position: absolute; right: 0; bottom: .5rem;}

.new_home6-7{ background: url(/xym/images/new_home6-7.png) center 5.74rem no-repeat; background-size: 100% auto;}

.xwzz1Box{ margin: .2rem 0 -.3rem;padding-bottom: .3rem;}
.xwzz1 .time{ width: .93rem; line-height: .31rem; background: #a34885; text-align: center; font-size: .14rem; color: #fff; margin: 0 .28rem -.15rem; position: relative; z-index: 1; display: block;}
.xwzz1 h4{ font-weight: 600;}
.xwzz1 .txt{ height: 2rem; border: #a34885 2px solid;display: block;padding: .36rem .28rem;}
.xwzz1 p{ margin: .12rem 0 0}

.new_home7{ padding-top: .06rem;}
/* .new_home7 .left{ width: calc(100% - 3.16rem - .24rem);} */
.new_home7 .left{ width: 76%;}
.xsbg_yc{width: 30%;}
.new_home7 .right{ width: 3.16rem; background: #9c0f0e;}
.new_home7 .right .hd{ height: .75rem; line-height: .75rem; border-bottom: rgba(255,255,255,.2) 1px solid;}
.new_home7 .right .hd strong{ font-size: .2rem; color: #fff; font-family: 'Helvetica-Condensed-Black-Se'; font-weight: normal}
.new_home7 .right .hd span{ width: .75rem; height: 100%;display: flex;align-items: center;justify-content: center; cursor: pointer;}
.new_home7 .right .hd span img{ width: .2rem; height: .2rem}
.new_home7 .right .hd span.prev{ border-right: rgba(255,255,255,.2) 1px solid;}
.new_home7 .right .hd span.next{ border-left: rgba(255,255,255,.2) 1px solid;}

.fc-calendar{ padding: .1rem .2rem .4rem;}
.new_home7 .fc-calendar .fc-body{ height: 2.6rem;}
.new_home7 .calendar{ height: auto}
.new_home7 .calendar .fc-head{font-size:.16rem;height: .6rem;line-height: .6rem;}
.new_home7 .calendar .fc-content {cursor: pointer;}
.new_home7 .calendar .fc-row>div{padding:0;/*pointer-events:none*/}
.new_home7 .calendar .fc-row>div,.new_home7 .calendar .fc-head>div{width:calc(99% / 7)}
.new_home7 .calendar .fc-row>div>span.fc-date{left:50%;text-align:center;-webkit-box-shadow:none;box-shadow:none;color:#fff;top:0px;width:.36rem;height:.36rem;line-height:.36rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:1;padding:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);font-size: .16rem;}
.new_home7 .calendar .fc-row>div>span.fc-date::before{content:"";display:inline-block;vertical-align:middle;height:100%}
.new_home7 .calendar .fc-content>div{padding:1.8em 0 0;text-align:center;line-height:0;font-size:.16rem;position:relative;z-index:2}
.new_home7 .calendar .fc-today .fc-date{background:#a1795c;border-radius:100%;color:#fff}
.new_home7 .calendar .a{width:7px;height:7px;border-radius:100%;display:inline-block;background:#7db879;margin:0 2px}
.new_home7 .calendar .b{width:7px;height:7px;border-radius:100%;display:inline-block;background:#dc6868;margin:0 2px}
.new_home7 .calendar .c{width:.06rem;height:.06rem;border-radius:100%;display:inline-block;background:#a1795c;margin:0 auto;position: absolute;bottom: .12rem;left: 50%;transform: translateX(-50%);}
.new_home7 .calendar .fc-content{cursor:pointer}
.new_home7 .calendar .fc-content.act span.fc-date{background:#668664;border-radius:100%;color:#fff}
.new_home7 .calendar .fc-row .fc-content{pointer-events:visible}

.new_home7 .fl1{ padding: .4rem 0;}
.new_home7 .left .box{ width: 50%;}
.new_home7 .left .box1{ position: relative; z-index: 1 }
.new_home7 .left .box2{ background: #c063a6; transform: translateY(.4rem); position: relative;}
.new_home7 .left .box2:before{ content: ""; position: absolute; border-left: #5e284d .34rem solid; border-bottom: transparent .41rem solid; left: 0; bottom: 2px;}

.xsgx1{ margin: 0 -.34rem 0 0; background: #a34885; height: 100%; padding: 1rem .44rem .4rem;position: relative;}
.xsgx1:before{ position: absolute; border-left: #5e284d .4rem solid; border-top: transparent .41rem solid; right: -.4rem; top: 0}

.new_home8{ padding-top: 0; padding-bottom: .1rem;}
.xsgx1 .imgBox{ width: 1.6rem;}
.xsgx1 .imgBox .img{ padding-bottom: 143.125%;}
.xsgx1 .imgBox::after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: #fff .03rem solid;}
.xsgx1 .txt{ width: calc(100% - 1.6rem); padding: 0 0 0 .3rem;}
.xsgx1 h4{ color: #fff !important;font-weight: 600;}
.xsgx1 .line{ width: .28rem; height: 1px;margin: .16rem 0 .25rem;background: #fff;}
.xsgx1 .txt p{ color: #fff !important;font-size: .16rem; line-height: 2; margin: 0 0 .1rem}
.xsgx1 .txt p img{ width: .22rem; margin: 0 .14rem 0 0}
.xsgx1 .txt p:last-child{ margin-bottom: 0}
.xsgx1 .p{ width: 100%;}
.xsgx1 .p h5{ font-size: .16rem; color: #fff !important; margin: .35rem 0 .12rem;font-weight: 600;}
.xsgx1 .p p{ font-size: .14rem; color: #d196be}

.xsgx2{ padding: .45rem .4rem .45rem .75rem;}
.xsgx2 li{ margin: 0 0 .3rem;}
.xsgx2 li:last-child{ margin: 0;}
.xsgx2 .imgW{ width: 1.36rem; height: 1.62rem; background: #836e5e; display: flex;align-items: center;justify-content: center;transition: .5s;}
.xsgx2 .imgBox{ width: .82rem; }
.xsgx2 .imgBox .img{ padding-bottom: 143.125%;}
.xsgx2 .txt{ flex: 1; overflow: hidden;background: #fff;padding: .125rem .25rem 0.125rem .3rem;}
.xsgx2 .txt h4{ line-height: .24rem; max-height: .48rem\0; margin-bottom: .1rem}
.xsgx2 .txt p{ color: #696969 !important;font-size: .15rem; line-height: 2; margin: 0 0}
.xsgx2 .txt p img{ width: .22rem; margin: 0 .14rem 0 0}
.xsgx2 .txt p:last-child{ margin-bottom: 0}

.miso_tab2{ margin: -1.6rem 0 0}
.miso_tab2 .hd{ position: relative; z-index: 1; margin-bottom: 1.06rem;}
.zxby1 li{ position: absolute; transform: translate(-50%,-50%);}
.zxby1 .a{ display: block; width: .99rem; height: .99rem; position: relative; z-index: 1;}
.zxby1 .a:before{ content: ""; position: absolute; width: .14rem; height: .14rem; background: #a34885;border-radius: 50vw;border: #f3ede2 2px solid;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.zxby1 .bg1{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; background: url(/xym/images/zxby_b.png) center no-repeat; background-size: cover; animation: roted 10s infinite;opacity: 0;transition: .5s;}
.zxby1 span{ position: absolute; top: 80%; left: 50%; white-space: nowrap; transform: translateX(-50%); font-size: .22rem; color: #4e4f52; font-family: 'sys';transition: .5s;}
.zxby1 li:nth-child(1){ left: 26%; top: 47%;}
.zxby1 li:nth-child(2){ left: 42%; top: 89%;}
.zxby1 li:nth-child(3){ left: 58%; top: 93%;}
.zxby1 li:nth-child(4){ left: 75%; top: 42%;}

.zxby1 li.on .bg1{ opacity: 1}
.zxby1 li.on span{ transform: translateX(-50%) translateY(.4rem); color: #a34885}

.zxby2{ margin: 0 -3.6vw -.5rem;}
.zxby2 li{ width: 33.33%; padding: 0 3.6vw; margin-bottom: .5rem;}
.zxby2 .a1{ display: block; background: url(/xym/images/zxby2_b.png) center no-repeat; background-size: 100% 100%; padding: .3rem .24rem;}
.zxby2 .imgBox .img{ padding-bottom: 66%}
.zxby2 .box{ position: relative; z-index: 1;}
.zxby2 .box .txt{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,.65);align-items: center;padding: 0 10%;opacity: 0;transition: .5s;}
.zxby2 h4{ color: #fff !important; text-align: center; font-weight: 600}

.new_home9{ background: url(/xym/images/new_home9.png) center top no-repeat; background-size: 100% auto; padding-bottom: .1rem;}

.yyhz1 li{ width: 20%; height:6.875rem;}
.yyhz1 .a{ margin: .12rem 0 0; display: block; height: 100%;}
.yyhz1 .txt{ padding: .32rem .2rem .6rem;text-align: center;}
.yyhz1 h4{ color: #f4ede4 !important;}

.yyhz1 li:nth-child(1){ background: #15988d;}
.yyhz1 li:nth-child(2){ background: #9c0f0e;}
.yyhz1 li:nth-child(3){ background: #a34885;}
.yyhz1 li:nth-child(4){ background: #ce8856;}
.yyhz1 li:nth-child(5){ background: #015b93;}

.yyhz1 li:nth-child(1) .imgBox .img{ padding-bottom: 111.25%;}
.yyhz1 li:nth-child(2) .imgBox .img{ padding-bottom: 137.1875%;}
.yyhz1 li:nth-child(3) .imgBox .img{ padding-bottom: 165%;}
.yyhz1 li:nth-child(4) .imgBox .img{ padding-bottom: 137.1875%;}
.yyhz1 li:nth-child(5) .imgBox .img{ padding-bottom: 111.25%;}

.new_home10{ background: url(/xym/images/new_home10.png) center .3rem no-repeat; background-size: 100% auto; }

.ztzl1{ align-items: flex-start;overflow: hidden;}
.ztzl1 li{ width: 1.1rem;-webkit-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;}
.ztzl1 .a{ height: 100%;flex-wrap: nowrap;}
.ztzl1 .tit{ width: 1.12rem; background: #9c0f0e;/*! height: 100%; */display: flex;justify-content: center;padding: .64rem .1rem; height: 4.54rem}
.ztzl1 .tit h4{ writing-mode: tb-rl;  font-size: .2rem; color: #fff; font-family: 'sys'; line-height: .3rem; display: block;}
.ztzl1 .imgBox{ width: calc(100% - 1.12rem);height: 100%;}
.ztzl1 .imgBox .img{ padding-bottom: 62%;padding-bottom: 4.54rem;}

.ztzl1 li.on{ width: calc(100% - 1.12rem*7);}

.ztzl1 li:nth-child(2) .tit{ background: #a34885}
.ztzl1 li:nth-child(3) .tit{ background: #245f84}
.ztzl1 li:nth-child(4) .tit{ background: #b8845f}

.ztzl1 li:nth-child(5) .tit{ background: #9c0f0e}
.ztzl1 li:nth-child(6) .tit{ background: #a34885}
.ztzl1 li:nth-child(7) .tit{ background: #245f84}
.ztzl1 li:nth-child(8) .tit{ background: #b8845f}

.new_home11{ background: url(/xym/images/new_home11.jpg) center top no-repeat; background-size: 100% auto; position: relative; z-index: 1;padding-top: 13vw; padding-bottom: .1rem;}
.new_home11:before{ content: ""; position: absolute; right: 0; bottom: 0; left: 0; background: url(/xym/images/bg.jpg) center; background-size: .5rem .5rem; height: 3.72rem}

.new_home12{ padding-bottom: 6rem; background: url(/xym/images/new_home12.jpg) center top no-repeat; background-size: cover;margin-bottom: -6rem;}

.xmjz2 dd {margin-left: 0.2rem;position: relative;}
.xmjz2 dd a{display: block;width: 0.51rem;/*! -moz-border-radius: 50%; *//*! -webkit-border-radius: 50%; *//*! border-radius: 50%; *//*! background: rgba(255, 255, 255, 0.11); */position: relative;z-index: 2;}
.xmjz2 dd a img{ width: .64rem}
.xmjz2 dd .layer {-moz-border-radius: 0.1rem;-webkit-border-radius: 0.1rem;border-radius: 0.1rem;background: #fff;width: 1.45rem;position: absolute;z-index: 1;left: 50%;right: auto;top: 100%;bottom: auto;margin-left: -1rem;margin-top: 0;padding: .15rem;opacity: 0;visibility: hidden;transition: .5s;box-shadow: 0 0 .15rem rgba(0,0,0,.1);}
.xmjz2 dd .layer:after {content: "";display: block;position: absolute;top: -0.06rem;right: 0.35rem;width: 0.2rem;height: 0.2rem;background: #fff;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);}
.xmjz2 dd .layer .ewm {width: 100%;text-align: center;}
.xmjz2 dd .layer .ewm .img{ background: none}
.xmjz2 dd .layer .ewm img {width: 1rem;}
.xmjz2 dd .layer .ewm .name {font-size: 12px;padding-top: 0.03rem;color: #727084;}
.xmjz2 dd.more a {background: rgba(255, 255, 255, 0.58);}
.xmjz2 dd.more .layer {background: #000;font-size: 0.12rem;width: auto;padding: 0.1rem 0.2rem;-moz-border-radius: 0.2rem;-webkit-border-radius: 0.2rem;border-radius: 0.2rem;left: auto;right: -60%;}
.xmjz2 dd.more .layer:after {background: #000;left: 50%;margin-left: -0.1rem;z-index: -1;}
.xmjz2 dd:hover .layer {margin-top: 0.18rem;opacity: 1;visibility: visible;}
.xmjz2 dd:hover.more img {filter: brightness(10);}

.miso_tab3 .hd{ margin-bottom: .5rem;align-items: center;position: relative;z-index: 10;}

.xmjz1{ margin: 0 -.2rem}
.xmjz1 li{ padding: 0 .2rem}
.xmjz1 li .a{ width: 1.45rem; height: .5rem; border: #f1eae1 1px dashed; display: flex; align-items: center; text-align: center; justify-content: center; font-size: .2rem; color: #f8f1e8; font-family: "˼ԴËÎÌå Medium"; position: relative; z-index: 1; transition: .5s;}
.xmjz1 .dot1{ position: absolute; top: -.035rem; bottom: -.035rem; left: -.035rem; width: .07rem;}
.xmjz1 .dot1::before{ content: ""; position: absolute; top: 0; left: 0; width: .07rem; height: .07rem; background: #f4ede4; border-radius: 50vw;}
.xmjz1 .dot1::after{ content: ""; position: absolute; bottom: 0; left: 0; width: .07rem; height: .07rem; background: #f4ede4; border-radius: 50vw;}
.xmjz1 .dot2{ position: absolute; top: -.035rem; bottom: -.035rem; right: -.035rem; width: .07rem;}
.xmjz1 .dot2::before{ content: ""; position: absolute; top: 0; left: 0; width: .07rem; height: .07rem; background: #f4ede4; border-radius: 50vw;}
.xmjz1 .dot2::after{ content: ""; position: absolute; bottom: 0; left: 0; width: .07rem; height: .07rem; background: #f4ede4; border-radius: 50vw;}

.xmjz1 li.on .a{ background: rgba(140,67,121,.54);}

.xmjz3 li{ width: 25%;}
.xmjz3 li:nth-child(3){ width: 50%;}
.xmjz3 li:nth-child(4){ width: 50%;}

.xmjz3 .a{ display: block; position: relative;}
.xmjz3 .imgBox .img{ padding-bottom: 93.25%; padding-bottom: 3.72rem; background: #000}
.xmjz3 .imgBox .img img{ opacity: .8}
.xmjz3 .txt{ position: absolute; top: 0; right: 0; bottom: 0; left: 0;padding: .3rem;}
.xmjz3 .ico{ display: flex; justify-content: flex-end}
.xmjz3 .ico img{ width: .38rem}
.xmjz3 h6{ color: #fff !important;opacity: .6;font-size: 12px;}
.xmjz3 h4{ color: #fff !important; font-size: .16rem !important;line-height: .26rem !important;max-height: .52rem\0 !important;margin: .08rem 0 0;}

.xmjz3 li:nth-child(3) .imgBox .img, .xmjz3 li:nth-child(4) .imgBox .img{ padding-bottom: 46.625%; padding-bottom: 3.72rem;}

.new_home11 .content{ position: relative; z-index: 1; padding: .54rem .4rem 0;}
.new_home11 .content::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; background: #fff;-webkit-mask: linear-gradient(0deg, transparent, #fff 20%, #fff 100%);mask: linear-gradient(0deg, transparent, #fff 20%, #fff 100%);}
.new_home11 .content .fl1{ margin: 0 -1.5625vw}
.new_home11 .content .fl1 .box{ width: 50%; padding: 0 1.5625vw}

.xmjz4{ padding-bottom: .2rem; margin-bottom: .2rem; border-bottom: #e6e5e6 1px solid}
.xmjz4 h4{ font-size: .22rem; color: #8c4379; font-weight: 600}
.xmjz4 p{ margin: .15rem 0 0;font-size: .15rem;color: #777476;}

.xmjz5 .a{ line-height: .36rem; position: relative;}
.xmjz5 h4{ flex: 1;font-size: .16rem;color: #585656;}
.xmjz5 i{ font-size: .14rem; color: #b0adad; margin: 0 0 0 .1rem;white-space: normal; }

.xmjz6{ margin: .5rem -.17rem 0;}
.xmjz6 li{ width: 25%; padding: 0 .17rem;}
.xmjz6 .imgBox .img{ padding-bottom: 69.71%;}

.dxxlg1{ margin: 0 -1.82vw;}
.dxxlg1 li{ width: 14.28%; padding: 0 1.82vw;}
.dxxlg1 .a{ height: 100%; border: #a34885 1px solid; padding: .54rem 0 .15rem;align-items: center;position: relative;z-index: 1;transition: .5s;}
.dxxlg1 .a:before{ content: ""; position: absolute; background: url(/xym/images/dxxlg1_b1.png) center no-repeat;width: .26rem;height: .26rem;background-size: cover;top: .12rem;right: .12rem;}
.dxxlg1 .a:after{ content: ""; position: absolute; background: url(/xym/images/dxxlg1_b2.png) center no-repeat;width: .26rem;height: .26rem;background-size: cover;bottom: .12rem;left: .12rem;}
.dxxlg1 .ico{ position: relative; z-index: 1; width: 1.02rem; height: 1.02rem;}
.dxxlg1 .ico::before{ content: ""; position: absolute; top: 1px; right: 1px; bottom: 1px; left: 1px; border: rgba(163,72,133,.6) 1px dashed;border-radius: 50%;animation: roted 30s infinite;}
.dxxlg1 .ico::after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(/xym/images/dxxlg1_l1.png) center no-repeat; background-size: 100% 100%;}
.dxxlg1 .ico img{ width: 100%; height: 100%}
.dxxlg1 .line{ width: 1px; height: 1.8rem; margin: .26rem 0 .18rem; background: url(/xym/images/dxxlg1_l.png) center no-repeat;}
.dxxlg1 h3{ font-size: .27rem; color: #a34885; font-family: 'sys'; writing-mode: tb-rl;height: 1.28rem;letter-spacing: .02rem;}
.new_home_box{width: 68%;display: flex;justify-content: space-between;flex-wrap: wrap;}
.new_home_bt{width: 100%;display: flex;justify-content: space-between;align-items: center;padding-bottom: 0.1rem;font-family: 'sys';}
/* .new_home_bt a span::after{content: "";background: url(/xym/images/new_home_bt_jt.png) center no-repeat;width: .1rem;height: .1rem;padding-right: 0.3rem;} */
.new_home_mt_box{width: 30%;}
.new_home_mt_box .new_home_box{width: 100%;}
.new_home_mt_box .new_home_box .mtbd_ly{color: #fff;font-size: .15rem;background-color: #9c4883;padding: 0.04rem 0.08rem;}
.new_home_mt_box .new_home_box .mtbd_sj{color: #a6a7a9;font-size: .14rem;}
.new_home1 .box1{width: 44%;}
.new_home1 .box2{width: 54%;}
.mtbd li{margin-bottom: .225rem;}
.mtbd{width: 100%;height: 100%;}
.ywjj1_more{text-align: right;width: 100%;margin-top: 0.15rem;}
.ywjj1_more_box{width: 100%;}
.ywjj1_more{justify-content: flex-end;margin: .3rem 0 0 0;}
.xsxz_yc{width: 21%; background: #a34885;}
.xsxz_yc_left,.xsxz_yc_right{z-index: 1;color: #fff;position: absolute; top: 50%;}
.xsxz_yc_right{right: 0;}
.xsxz_yc ul li a{padding: 0.23rem 0 0 0;}
.xsxz_yc ul li {padding: 0 .5rem 0 .5rem;}
.xsxz_yc ul li a .imgW{width: 2.12rem;height: 3.03rem;padding: 0.03rem;background: #fff;margin: 0 auto;}
.xsxz_yc ul li a .imgW .imgBox{width:100%; height:100%;}
.xsxz_yc .txt{margin: 0 auto; padding-top: .37rem;}
.xsxz_yc .txt .h4s2{color: #fff;font-size: .15rem; font-weight: 800; text-align: left;}
.xsxz_yc_left,.xsxz_yc_right{
    z-index: 1;
    color: #fff;
    position: absolute;
    top: 50%;
    background: #fff;
    width: 0.32rem;
    height: 0.32rem;
    border-radius: 50%;
    transform: translateY(-50%);
    margin: 0 0.2rem;
}
.xsxz_yc_left svg,.xsxz_yc_right svg{
    margin: 0 auto;
    width: 100%;
    margin-top: 50%;
    transform: translateY(-50%);
}
.xsxz_yc_right{
    right: 0;
}

@media(min-width: 1024px){
.ywjj2Box:hover .ywjj2 .a h4 {
  color: #fff;
}

.ywjj2Box:hover .ywjj2 .a .h6s1 {
  color: rgba(255, 255, 255, .5);
}

.ywjj2Box:hover .ywjj2 .a p {
  color: rgba(255, 255, 255, .5);
}

/* .ywjj1 .a:hover p {
  color: #fff;
} */
    /* .ywjj1 .a:hover{ background: #a34885} */
    .ywjj1 .a:hover::before{ transform: translateX(0); opacity: 1;}
    /* .ywjj1 .a:hover h4{ color: #fff;} */
    .ywjj1 .a:hover .h6s1 svg{ fill: #fff}
    .ywjj1 .a:hover .h6s1{ color: rgba(255,255,255,.5);}
    /* .ywjj1 .a:hover{ border-bottom: #e3b85e .04rem solid;} */

    .ywjj2 .a:hover h4{ color: #fff;}
    .ywjj2 .a:hover .h6s1 svg{ fill: #fff}
    .ywjj2 .a:hover .h6s1{ color: rgba(255,255,255,.5);}
    .new_home1 .box2:hover{ border-bottom: #e3b85e .04rem solid; background: #a34885;}
    .ywjj2 .a:hover p{ color: rgba(255,255,255,.5);}

    .mtgz1 .a:hover::after{ width: 100%;}

    .mtgz2 .a:hover{ background: #a34885}
    .mtgz2 .a:hover::before{ transform: translateX(0); opacity: 1;}
    .mtgz2 .a:hover h4{ color: #fff;}
    .mtgz2 .a:hover .h6s1 svg{ fill: #fff}
    .mtgz2 .a:hover .h6s1{ color: rgba(255,255,255,.5);}
    .mtgz2 .a:hover{ border-bottom: #e3b85e .04rem solid;}
    
    .ldsr1 .a1:hover, .ldsr2 .a1:hover{ background: #fff; color: #6057a2}
    
    .cdsy3 .a:hover .txt{ background: #a34885}
    .cdsy3 .a:hover::before{ transform: translateX(0); opacity: 1;}
    .cdsy3 .a:hover h4{ color: #fff;}
    .cdsy3 .a:hover p{ color: #fff;}
    .cdsy3 .a:hover .h6s1 svg{ fill: #fff}
    .cdsy3 .a:hover .h6s1{ color: rgba(255,255,255,.5);}
    
    .ssxlg1 .a:hover .ico:before{ transform: scale(1.15);}
    .ssxlg1 .a:hover .ico:after{ transform: scale(1); opacity: 1}
    .ssxlg1 .a:hover .ico img{ filter: brightness(5)}
    .ssxlg1 .a:hover h3{ color: #fff}
    .ssxlg1 .a:hover h6{ color: #8c4379}

    .xwzz1 .a:hover .time{ background: #5e284d;}
    .xwzz1 .a:hover .txt{ background: #a34885;}
    .xwzz1 .a:hover h4, .xwzz1 .a:hover p{ color: #fff;}
    .xwzz1 .a:hover p{ opacity: .43;}
    
    .xsgx2 .a:hover .imgW{ background: #a34885;}
    .zxby2 .a1:hover .box .txt{ opacity: 1}
    
    .dxxlg1 .a:hover{ border: #a34885 1px dashed}
}
@media(max-width: 1024px){
    .banner .imgBox .img{ padding-bottom: 50%;}
    .new_home_box{width: 100% !important;}
    .flexjs{flex-direction: column;}
    .new_home1 .box{ width: 100%;}
    .new_home1 .box1{ order: 1; margin-bottom: .2rem;}
    .new_home1 .box2{ margin-bottom: .2rem;}

    .new_home2 .left{ width: 100%;}
    .new_home2 .right{ width: 100%;padding: 1.875vw 0 0;}

    .ldsr1 h3, .ldsr2 h3{ font-size: .26rem;}
    .mtgz1 .a{ height: auto}
    .mtgz2 .a{ height: 1.5rem; padding: .2rem .2rem;}

    .cdsy1 li:nth-child(1) .more5{ display: inline-block; position: absolute;top: 4%;right: 0;width: .36rem;height: .36rem;}
    .cdsy1 li:nth-child(2) .more5{ display: inline-block; position: absolute;top: 4%;right: 2%;width: .36rem;height: .36rem;}
    .cdsy1 li:nth-child(3) .more5{ display: inline-block; position: absolute;top: 4%;right: 0;width: .36rem;height: .36rem;}

    .new_home4 .left{ width: 100%; padding: 0; padding-top:0;order: 1;padding-bottom: 0;}
    .new_home4 .right{ width: 100%;height: auto;}
    .cdsy3{ margin: 0 -1vw;}
    
    .ssxlg1 .con .a{ width: 33.33%; text-align: center;margin-bottom: .2rem;}
    .more2{ margin: 0 auto}
    .cdsy1 li:nth-child(2) .txt{ transform: scale(1);}
    
    .new_home7 .left,.xsxz_yc{ width: 100%;order: 1; margin-bottom: .1rem}
    .xsxz_yc ul li a{padding: .23rem 0;}
    .xsxz_yc .txt .h4s2{font-size: .15rem;}

    .new_home7 .right{ width: 100%;margin: 0 0 .3rem;}
    .new_home7 .fl1{ padding: 0}
    
    .miso_tab2{ margin: -.3rem 0 0;}

    .zxby2{ margin: 0 -1.6vw -.3rem;}
    .zxby2 li{ width: 33.33%; padding: 0 1.6vw; margin-bottom: .3rem;}
    
    .ztzl1 li{ width: 100% !important; margin-bottom: .25rem;}
    .ztzl1 .imgBox .img{ padding-bottom: 62%;}
    .ztzl1 .tit{ height: 100%;width: 100%;padding: .25rem 15px;}
    .ztzl1 .imgBox{width: 100%;}
    .ztzl1 .tit h4{ writing-mode: inherit;}
    .ztzl1 .a{ flex-wrap: wrap}

    .xmjz1{ width: 100%;margin: 0;justify-content: center;}
    .xmjz2{ width: 100%;margin: .3rem 0 0;justify-content: center;}
    
    .new_home11 .content .fl1 .box{ width: 100%;margin-bottom: .3rem;}
    
    .xmjz6{ margin: .1rem 7px 0;}
    .xmjz6 li{ width: 25%; padding: 0 7px;}
    
    .dxxlg1{ justify-content: center;flex-wrap: nowrap;overflow: hidden;overflow-x: scroll;display: block;white-space: nowrap;}
    .dxxlg1 li{ width: 22vw; margin-bottom: .25rem;display: inline-block;}
    .new_home_box{width: 100%;}
}
@media(max-width: 800px){
    .pad1{ padding: .4rem 0;}
    .new_title .h{ font-size: .3rem;}
    .new_title{ background-size: 3.4rem auto;padding: .24rem 0 0;margin-bottom: .3rem;}
    .new_title .t{ font-size: .18rem; margin: .4rem 0 0;}

    .ywjj1 .a{ height: 1.6rem;padding: .25rem .25rem;}
    .ywjj2 .txt{ padding: .25rem 0;}

    .more1 span{ width: .36rem; height: .36rem;margin: 0 0 0 .15rem;}
    .more1 span svg{ width: .2rem; height: .2rem;}

    .new_home2{ padding: 0;}
    .ldsr1 li{ width: 100%;}
    .ldsr2 li{ width: 100%;}

    .ldsr1 .txt{ padding: .5rem 45% 0 .25rem;}
    .ldsr1 li:nth-child(3) .txt{ padding: .2rem 45% 0 .25rem;}
    .ldsr1 dl{ margin: .15rem 0 0;flex-wrap: nowrap;flex-direction: row;}
    .ldsr1 dd{ margin: 0 .1rem 0 0}
    .ldsr1 .a1{ width: auto; min-width: auto; white-space: nowrap; font-size: 12px; padding: 0 5px}
    .ldsr1 .imgBox .img{ padding-bottom: 60%;}
    .ldsr1 .imgBox .img img{ width: 70%; margin-left: 30%}

    .cdsy2 li{ width: 25%;text-align: center;}
    .cdsy2 .a{ width: .8rem; height: .8rem}
    .cdsy2 .ico{ width: .2rem; height: .2rem;}
    .cdsy2 h4{ font-size: .18rem !important;margin: .04rem 0 0;}
    .miso_tab1 .hd{ margin-bottom: .4rem}
    
    .cdsy3 li{ width: 100%;}

    .cdsy1 li .txt, .cdsy1 li:nth-child(2) .txt{ padding: .15rem 0 0;}
    .cdsy1 h4{ font-size: .18rem;}
    .cdsy1 li:nth-child(2) h4{ font-size: .22rem;}

    .cdsy3 li{ margin-bottom: .2rem}
    .cdsy3 .a{ display: flex}
    .cdsy3 .imgBox{ width: 1.9rem}
    .cdsy3 .txt{ padding: .2rem .2rem;height: auto; flex: 1; overflow: hidden}
    .cdsy3 p{ margin: .1rem 0 .25rem; display: none}
    
    .new_home4 .fl1{ padding-top: .4rem;}
    .new_home5{ padding-top: 0}
    
    .ssxlg1 .ico{ width: 1rem; height: 1rem}
    .ssxlg1 .ico img{ width: .36rem; height: .36rem}
    .ssxlg1 h3{ font-size: .26rem;margin: .04rem 0 0;}
    .ssxlg1 h6{ font-size: .16rem}
    .ssxlg1 h6 br{ display: none}
    .ssxlg1Box{ padding: 0 0 .3rem;margin-bottom: -.3rem;}
    .ssxlg1Box .dots{ margin: .1rem 0 0}

    .new_home7{ padding-top: 0;}
    .zxby2 li{ width: 50%;}

    .yyhz1 li{ width: 33.33%;}
    .yyhz1 li:nth-child(4), .yyhz1 li:nth-child(5){ width: 50%;}
    
    .miso_tab2{ margin: 0 0 0;}
    .zxby1 .a{ width: .5rem; height: .5rem}
    .zxby1 .a::before{ width: .06rem; height: .06rem}
    
    .zxby1 span{ font-size: .16rem;}
    .zxby1 li.on span{ transform: translateX(-50%) translateY(.2rem); }

    .new_home11{ padding-top: 13vw;background-size: 146% auto !important;padding-bottom: 0;}
    
    .xmjz6{ margin: .1rem -7px 0;}
    .xmjz6 li{ width: 50%; padding: 0 7px;margin-bottom: 15px;}

    .xmjz1 li{ padding: 0 3px;}
    .xmjz1 li .a{ width: 26vw;font-size: .18rem;height: .4rem;}
    .xmjz2 dd{ margin: 0 .06rem}
    .xmjz2 dd a{ width: .4rem}
    .miso_tab3 .hd{ margin-bottom: .3rem}
    
    .new_home11 .content{ padding: .3rem 15px 0}
    .xmjz5 h4{ font-size: .18rem !important;}
    
    .dxxlg1 .ico{ width: .6rem; height: .6rem}
    .dxxlg1 .line{ height: .6rem;margin: .15rem 0 .1rem;}
    .dxxlg1 h3{ font-size: .2rem}
    
    .new_home12{ padding-bottom: 3.3rem; margin-bottom: -3rem}

    .new_home7 .left .box{ width: 100%;transform: translateY(0);}
    .xsgx1, .xsgx2{ margin: 0;padding: .3rem .25rem;}
    .banner .banner-pro{ border-top: .06rem solid #a34885;}
    .banner::after{ height: .06rem;}
    .mtgz1 h4{ margin: .18rem 0 0; }
    .new_home2 .more1{ margin: .2rem 0 .4rem}
    .new_home3{ padding-top: 0}
    
    .ldsr2 .a{ padding: 0 .25rem; height: 1.6rem}
    .xsgx1::before, .new_home7 .left .box2::before{ display: none}

    .xsgx1 .imgBox{ width: 1.3rem;}
    .xsgx1 .txt{ width: calc(100% - 1.3rem);}
    .xsgx1 .txt p{ font-size: .13rem; margin: 0;}
    .xsgx1 .txt p img{ width: .16rem;margin: 0 .1rem 0 0;}
    .xsgx1 h4{ font-size: .18rem !important;}
    .xsgx1 .line{margin: .1rem 0 .15rem;}
    
    .xsgx2 .txt{  padding: .15rem .2rem 0}
    .xsgx2 h4{ font-size: .18rem !important;}
    .new_home8{ padding-top: 0;padding-bottom: .2rem;}
    
    .xsgx2 li{ margin: 0 0 .2rem;}
    .xsgx2 li:last-child{ margin: 0;}
    .new_home7 .fc-calendar .fc-body{ height: 2rem;}
    .fc-calendar{ padding: .1rem .2rem .2rem;}
    
    .yyhz1 h4{ font-size: .18rem !important;}
    .yyhz1 li{ width: 100% !important;margin-bottom: .15rem;height: auto; }

    .yyhz1 .a{ display: flex;margin: 0;}
    .yyhz1 .imgBox .img{ padding-bottom: 120% !important;}
    .yyhz1 .imgBox{ width: 1.2rem;}
    .yyhz1 .txt{ flex: 1; overflow: hidden;padding: .2rem .2rem 0;text-align: left;}
    
    .cdsy3 h4{ font-size: .18rem !important; margin: 0 0 .1rem}
    .dxxlg1 .a:before, .dxxlg1 .a:after{ width: .2rem; height: .2rem}
    
    .dxxlg1 .a{ padding: .4rem 0 .1rem}

    .ldsr2 .a1{ font-size: .13rem;}
    
    .cdsy1 li:nth-child(1) .more5{ display: inline-block; position: absolute;top: -.1rem;right: -.1rem;width: .36rem;height: .36rem;}
    .cdsy1 li:nth-child(2) .more5{ display: inline-block; position: absolute;top: -.05rem;right: -.05rem;width: .36rem;height: .36rem;}
    .cdsy1 li:nth-child(3) .more5{ display: inline-block; position: absolute;top: -.1rem;right: -.1rem;width: .36rem;height: .36rem;}

    .xmjz3 li{ width: 50%}
    .xmjz3 .imgBox .img{ padding-bottom: 80% !important}
    
    .xmjz3 .txt{ padding: .1rem .2rem}
} 
@media(max-width: 560px){
    .mtgz1{ margin-bottom: .1rem}
    .mtgz1 li{ width: 100%}
    .mtgz2{ margin-bottom: .1rem}
    .mtgz2 li{ width: 100%}
    .cdsy2 .a{ width: .7rem; height: .7rem}
    .cdsy2 h4{ font-size: .15rem !important;margin: 0 0 .1rem;}
    
    .zxby2 li{ width: 100%;margin-bottom: .25rem;}
} 

#B{ position: retive; top: -1.35rem}

@media(max-width: 800px){
   #B{ position: retive; top: -.4rem}
}

@media screen and (max-width: 480px){
    .new_home_box{width: 100%;}
    .flexjs{flex-direction: column;}
    .ywjj1 .a{height: auto;padding: 0.1rem 0 0 0;}
    .ywjj1{padding: .2rem;}
    .mtbd li a{flex-direction: column !important;align-items: flex-start !important;}
    .cdsy1{
        flex-direction: row !important;
    }
}

@media screen and (max-width: 800px){
    .new_home_box{width: 100%;}
    .flexjs{flex-direction: column;}
    .ywjj1 .a{height: auto;padding: 0.1rem 0 0 0;}
    .ywjj1{padding: .2rem;}
    .mtbd li a{flex-direction: column !important;align-items: flex-start !important;}
}
.txbox {
    display: flex;
    gap: .8rem;
}
.txbox .nianfen{
    font-size: .4rem;
    font-weight: bold;
    display: flex;
    flex-direction: column;
    gap: .1rem;
}
.txbox .nianfen i{
    height: .45rem;
    display: block;
    background: #d5d5d5;
    width: 1px;
    margin: 0 auto;
}
.txbox .nianfen .on a{
    color: #9b4883;
    position: relative;
    font-family: 'Helvetica-Condensed-Black-Se';
}
.txbox .nianfen .on a::after{
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -.13rem;
    height: .1rem;
    width: .1rem;
    border: 2px solid #9b4883;
    border-radius: 50%;
}
.yuefen h2{
    position: relative;
    font-size: .24rem;
    font-weight: bold;
    display: inline-block;
    /* margin-bottom: .3rem; */
    height: .67rem;
}
.yuefen h2::after{
    content: "";
    background: url(/xym/images/yuefen_bg.png) center no-repeat;
    position: absolute;
    left: 0;
    transform: translateY(-28%);
    height: 100%;
    width: 100%;
}
.xqbox {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}
.tximg{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .3rem;
}
.tximg_box{
    width: 100%;
}
.tximg_box_txt{
    padding: .19rem 0;
    width: 100%;
    font-size: .16rem;
}
.tximg_box_txt h4{
    margin-bottom: .05rem;
    transition: color 0.3s;
}
.tximg_box:hover .tximg_box_txt h4{
    color: #9b4883;
}
.tximg_box:hover .tximg_box_txt .sjbox span{
    color: #333333;
}

.sjbox{
    display: flex;
    gap: .2rem;
    align-items: flex-end;
}
.txbox .nianfen i:last-child{
    display: none;
}
.xlgtx_tg{
    position: fixed;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 5;
    text-align: center;
    color: #9b4883;
}

@media screen and (max-width: 1770px){
    .yuefen h2::after{
        height: 150%;
      }
}

@media(max-width: 1024px){
    .tximg{
        grid-template-columns: repeat(2, 1fr) ;
      }
      .txbox .nianfen{
        font-size: .3rem ;
      }
      .yuefen h2::after{
        height: 130%;
      }
}

@media (max-width: 480px){
    .txbox{
        gap: .3rem;
        flex-direction: column;
    }
    .tximg{
        grid-template-columns: repeat(1, 1fr) ;
      }
      .txbox .nianfen{
        font-size: .3rem ;
      }
      .txbox .nianfen{
        flex-wrap: wrap;
        justify-content: center;
        flex-direction: row;
        gap: .3rem;
        align-items: center;
        margin-bottom: .2rem;
      }
      .txbox .nianfen i{
        display: none;
      }
      .new_home_box{
        display: block;
      }
      .ywjj1_more_box{
        margin-bottom: .4rem;
      }
      .xlgtx_tg{
        display: none;
      }
}
.dotsw{
    position: absolute;
    left: 50%;
    bottom: 2%;
    transform: translateX(-50%);
    z-index: 9;
    display: flex;
    align-items: flex-start;
    gap: .3rem;
}
.banner::before{
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 10%;
    background: linear-gradient(to top, #00000096, transparent);
    z-index: 2;
}

.dotsw .dots{
    display: flex;
    flex-direction: row;
    gap: .3rem;
}
.dotsw span{
    background: #fff0 !important;
    font-size: .2rem;
    color: #fff;
    opacity: .5;
}

.dotsw .dots .active{
    opacity: 1;
}