@charset "utf-8";

.banner_box{ padding: 0px; position: relative; z-index: 3; }
.banner{ overflow: hidden; }
.banner .a{ display: block; position: relative; z-index: 1; overflow: hidden; }
.banner .imgBox{ overflow: hidden; width: 100%; transform: scale(1.12); transition: all 5.5s;}
.banner .imgBox .img{ padding-bottom: 100vh; transition: 0s; transform: scale(1) !important; }
.banner .imgBox .img video{ opacity: .9;}
.banner li.swiper-slide-active .imgBox{ transform: scale(1);}
/* .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 .bottom{ position: absolute; right: 0; bottom: .4rem; left: 0; z-index: 10;}
.banner .bottom .wp{justify-content: flex-end;align-items: baseline;}
.banner .dots span{width: auto;height: auto;opacity: 1;background: none;position: relative;z-index: 1;font-size: .16rem;color: #fff;padding: 0 .16rem;font-weight: 600;}
.banner .dots span:before{ content: ""; position: absolute; left: 0; top: 50%; width: 0; height: 2px; background: #fff; transition: .5s; opacity: 0}
.banner .dots span:after{ content: ""; position: absolute; right: 0; top: 50%; width: 0; height: 2px; background: #fff; transition: .5s; opacity: 0}
.banner .dots i{ transition: .5s; display: block}

.banner .dots span.active{ padding: 0 .5rem}
.banner .dots span.active:before, .banner .dots span.active:after{ width: .4rem; opacity: 1; transition-delay: .2s}
.banner .dots span.active i{ transform: scale(1.35)}
.banner .more{ margin: 0 0 0 .1rem; transform: translateY(-.03rem)}

.pad1{padding: 1rem 0;overflow: hidden;}
.tit1{margin: 0 0 .5rem;align-items: end;}
.tit1 h3{ font-size: .4rem; color: #333333;}
.tit1 h4{position: relative;margin: .03rem 0 0;}
.tit1 h4::before{ content: ""; position: absolute; left: 0; width: .86rem; height: .04rem; background: #931a6a; top: 50%; transform: translateY(-50%);}
.tit1 h4 span{transform: translateX(1.05rem);display: block;font-size: .2rem;font-family: 'Canela Web';text-transform: uppercase;color: #d8a15a;letter-spacing: .02rem;}

.more0{font-size: .2rem;color: #931a6a;align-items: center;transition: .5s;}
.more0 i{display: flex;width: .23rem;height: .23rem;border: #e6bd79 1px solid;border-radius: 50vw;position: relative;margin: 0 0 0 .12rem;font-family: 'swiper-icons';font-size: .12rem;color: #e6bd79;justify-content: center;align-items: center; transition: .5s;}
.more0 i:before{ transform: scale(.8); transition: .5s;}

.home1 .left{ width: 8.88rem;}
.home1 .right{ width: calc(100% - 8.88rem - 5.5%);}

.list1 .a{ display: block; position: relative; z-index: 1;}
.list1 .imgBox .img{ padding-bottom: 67.11%;}
.list1 .imgBox:after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(../images/list1_b.png) center bottom no-repeat; background-size: 100% auto;}
.list1 .txt{ position: absolute; right: 0; bottom: 0; left: 0; padding: 0 .4rem .32rem;}
.list1 h4{color: #fff !important;font-size: .24rem;}
.list1 h6{color: #fff;position: relative;padding: 0 0 0 .12rem; margin: .06rem 0 0}
.list1 h6::before{content: "";position: absolute;width: .06rem;height: .06rem;background: #ae2786;border-radius: 50%;left: 0;top: 50%;transform: translateY(-50%);}

.list1Box .dots{position: absolute;right: .5rem;bottom: .22rem;z-index: 1;left: auto;width: auto; font-size: .3rem; color: rgba(255,255,255,.5)}
.list1Box .dots span.swiper-pagination-current{ font-size: .48rem; color: rgba(255,255,255,1)}

.list2 li{ position: relative;}
.list2 .a{height: 1.49rem;align-items: center;transition: .5s;padding: 0 .15rem;position: relative;z-index: 1;}
.list2 .a:before{ content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; transition: .5s; background: #dddddd}
.list2 .a:after{content: "";position: absolute;bottom: 0;left: 0;width: 0;height: 2px;transition: .5s;background: #dddddd;background: linear-gradient(135deg, #5600d4 50%, #e34364 100%);}
.list2 .time{width: 1.2rem;text-align: center;position: relative;z-index: 1;margin: 0 .26rem 0 0;padding: 0 .2rem 0 0;}
.list2 .time:after{ content: ""; position: absolute; width: 1px; height: .78rem; background: #f4cf8f; right: 0; top: 50%; transform: translateY(-50%)}
.list2 .time h3{font-size: .3rem;color: #931a6a;font-family: 'Canela Web';font-weight: normal;}
.list2 .time h6{font-size: .18rem;color: #999999;font-family: 'Canela Web';font-weight: normal;margin: .08rem 0 0;}
.list2 .txt{ flex: 1; overflow: hidden;}
.list2 h4{ font-weight: 600}
.list2 p{ margin: .12rem 0 0}

.home2{padding-top: 0 !important;}

.list3{ margin: 0 -.18rem;}
.list3 li{ width: 33.33%; padding: 0 .18rem;}
.list3 .a{display: flex;flex-direction: column;justify-content: center;height: 2.54rem;border: #e7e7e7 1px solid;background: #f7f7f7;padding: 0 .4rem .3rem; position: relative; z-index: 1; transition: .5s}
.list3 .a::before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: url(../images/list3_b.png) right bottom no-repeat;z-index: -1;transition: .5s;background-size: 100% auto; opacity: 0}
.list3 h4{ min-height: .9rem}
.list3 .a .line1{ position: absolute; top: -1px; left: -1px;}
.list3 .a .line1::before{ content: ""; position: absolute; width: 0; height: .03rem; background: #e6bd79; transition: .5s;}
.list3 .a .line1::after{ content: ""; position: absolute; width: .03rem; height: 0; background: #e6bd79; transition: .5s;}
.list3 .a .line2{position: absolute;bottom: -1px;right: -1px;}
.list3 .a .line2::before{content: "";position: absolute;width: 0;height: .03rem;background: #e6bd79;transition: .5s;right: 0;bottom: 0;}
.list3 .a .line2::after{content: "";position: absolute;width: .03rem;height: 0;background: #e6bd79;transition: .5s;bottom: 0;right: 0;}
.list3 .time{border-bottom: #e2e6ee 1px solid;padding: 0 0 .16rem;font-size: .16rem;color: #999999;font-family: 'Canela Web';margin: 0;position: relative;z-index: 1; margin: 0 0 .2rem}
.list3 .time:after{ content: ""; position: absolute; left: 0; bottom: 0; width: .46rem; height: .03rem; background: #862eaf; bottom: -.02rem}
.list3 .time big{ font-size: .36rem; color: #931a6a; font-family: 'Canela Web'; font-weight: normal; width: .46rem; display: inline-block}

.home3{padding-top: 0 !important;}
.home3 .tit1{margin-bottom: .25rem;}
.home3 .fl1{position: relative;z-index: 1;padding: .5rem 0 .56rem;align-items: center;}
.home3 .fl1::before{content: "";position: absolute;top: 0;right: calc((100vw - 16.24rem)/2*-1);bottom: 0;left: 36.94%;background: url(../images/home3_b.jpg) center no-repeat;background-size: 100% 100%;z-index: -1;pointer-events: none;}
.home3 .left{width: 9.38rem;margin: 0;background: #fff;}
.home3 .right{width: calc(100% - 9.38rem - .56rem);position: relative;z-index: 1;padding: 0 6% 0 0;}


.list4Box{ overflow: visible;}
.list4 .a{ display: block; box-shadow: 0px 4px 29px 0px rgba(120, 29, 183, 0.31); }
.list4 .imgBox .img{ padding-bottom: 55.97%}

.list5 .a{display: flex;align-items: center;height: 1.16rem;position: relative;z-index: 1;padding: 0 .5rem 0 0; overflow: hidden}
.list5 .a:before{content: "";position: absolute;right: 10%;bottom: 0;left: 0;height: 100%;background: linear-gradient(90deg, transparent 20%, #e18bfa);opacity: 0;transform: skewX(-15deg) translateX(-50%);transform-origin: bottom right;transition: .5s;}
.list5 .a:after{content: "";position: absolute;right: 10%;bottom: 0;left: 0;height: 2px;background: linear-gradient(90deg, #9f42e6, #c78bf5);opacity: .5;}
.list5 .a h4{color: #fff;font-size: .2rem;}

.list5 li:last-child .a:after{ display: none}
.list5 li:hover .a:before{ transform: skewX(-15deg) translateX(0); opacity: .5}

.home3 .left .arrow2{position: absolute;bottom: -.95rem;left: 0;}
.home3 .left .arrow2 .arrow{ margin-right: .2rem }
.arrow2 .arrow{width: .67rem;height: .67rem;background-size: cover !important;box-shadow: 0px 0px 10px 0px rgba(130, 30, 175, 0.32);border-radius: 50vw;margin: 0;cursor: pointer;transition: .5s}
.arrow2 .prev{ background: url(../images/arrow2_p_on.png) center no-repeat; }
.arrow2 .next{ background: url(../images/arrow2_n_on.png) center no-repeat; }

.home4{padding-top: .2rem !important;}
.home4 .left{ width: 8.6rem;}
.home4 .right{ width: calc(100% - 8.6rem - 5.5%);}

.list6Box{ overflow: visible;}
.list6Box .prev{left: -.3rem;}
.list6Box .next{right: -.3rem;top: 50%;}
.list6Box .arrow2 .arrow{position: absolute;z-index: 1;width: 0.61rem;height: 0.61rem;background-color: rgba(236,191,253,.4);top: calc(50% - .65rem);transform: translateY(-50%);}
.list6 .imgBox .img{ padding-bottom: 53.31%;}
.list6 .txt{ padding: .3rem 0 0;}
.list6 h4{font-size: .24rem;color: #333333;margin-bottom: .18rem;font-weight: 600;}

.list7{ flex-direction: column; height: 5.6rem;}
.list7 li{ width: 50%; height: 50%;}
.list7 .a{padding: .35rem .2rem .3rem;height: 100%;display: block; position: relative; z-index: 1;}
.list7 .a::before{content: "";position: absolute;top: 0;bottom: 0;right: 0;z-index: -1;background: linear-gradient(135deg, #5600d4, #e04166);opacity: 0;transition: .5s;width: 0;background: #931a6a;display: none;}
.list7 .time{font-size: .16rem;color: #999999;font-family: 'Canela Web';position: relative;z-index: 1; transition: .5s;}
.list7 .time big:after{content: "";position: absolute;right: -.08rem;width: 1px;height: .2rem;background: #a8a8a8;bottom: .03rem;transform: rotate(30deg);opacity: .45; transition: .5s;}
.list7 .time big{font-size: .36rem;color: #931a6a;font-family: 'Canela Web';font-weight: normal;width: .46rem;display: inline-block;position: relative;margin: 0 .2rem 0 0;transition: .5s;}
.list7 h6{color: #931a6a;position: relative;padding: 0 0 0 .12rem;margin: .12rem 0 .3rem; transition: .5s;}
.list7 h6::before{content: "";position: absolute;width: .05rem;height: .05rem;background: #ae2786;border-radius: 50%;left: 0;top: 50%;transform: translateY(-50%); transition: .5s;display:none;}

.home5{}

.home6{ background: #f7f7f7 url(../images/home6_b.jpg) center bottom no-repeat; background-size: cover;}
.home6 .left{ width: 47.04%;}
.home6 .right{ width: 45.93%;}

.list8 .a{height: 1.38rem;display: flex;flex-wrap: wrap;position: relative;z-index: 1;flex-direction: column;justify-content: center;padding: 0;}
.list8 .a::before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: #fff;z-index: -1;opacity: 0;transition: .5s;}
.list8 .a::after{content: "";position: absolute;right: 0;bottom: 0;left: 0;background: #e1e6ef;height: .02rem;z-index: -1;transition: .5s;}
.list8 h4{font-weight: 600;position: relative;z-index: 1;font-size: .22rem;padding: 0 13% 0 0;}
.list8 h4:after{content: "";position: absolute;background: url(../images/list8_s.svg) center no-repeat;width: .19rem;height: .11rem;top: 50%;right: .1rem;transform: translateY(-50%); transition: .5s;}
.list8 p{margin: 0;height: 0;overflow: hidden;display: block;width: calc(100% - 13%);opacity: 0;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;display: -moz-box;-moz-line-clamp: 2;-moz-box-orient: vertical;word-wrap: break-word;word-break: break-all;white-space: normal;}


.list9Box{ overflow: visible}
.list9 .a{ display: block; position: relative; z-index: 1;}
.list9 .imgBox::after{content: "";position: absolute;right: 0;bottom: 0;left: 0;background: linear-gradient(135deg, #5600d4, #e04166);height: 1.56rem;transform: skewY(9.25deg);transform-origin: left top;opacity: .9;}
.list9 .txt{position: absolute;right: 0;bottom: 0;left: 0;padding: 0 .26rem .2rem;}
.list9 .time{font-size: .16rem;color: #fff;font-family: 'Canela Web';position: relative;z-index: 1;transition: .5s;}
.list9 .time big{font-size: .36rem;color: #fff;font-family: 'Canela Web';font-weight: normal;width: .46rem;display: inline-block;position: relative;margin: 0 .04rem 0 0;transition: .5s;}
.list9 h4{color: #fff !important;margin: .1rem 0 0}

.list9 .swiper-slide-next{opacity: 1 !important;}
.list9 .swiper-slide .a{opacity: 0; transition: .5s;}
.list9 .swiper-slide-next .a{opacity: .5;}
.list9 .swiper-slide-next .a{transform: translate(.35rem, 0) scale(.75);transform-origin: right;}
.list9 .swiper-slide-active .a{opacity: 1;}

.arrow3W{margin: .6rem 0 0;align-items: center;}
.arrow3W .dots{width: auto;font-size: .22rem;color: rgba(133,44,174,.5);transform: translateY(-.1rem);}
.arrow3W .dots span.swiper-pagination-current{ font-size: .35rem; color: #852cae;}
.arrow3W .arrow2 .arrow{width: .61rem;height: .61rem;}
.arrow3W .arrow2 .prev{ margin-right: .16rem }
.arrow3W .swiper-scrollbar{background: #f5defd;flex: 1;overflow: visible;margin: 0 .3rem;height: 2px;}
.arrow3W .swiper-scrollbar .swiper-scrollbar-drag{background: #862eaf;height: 3px;}

.list10{ margin: 0 -.2rem;}
.list10 li{ width: 33.33%; padding: 0 .2rem;}
.list10 .a{display: block;border-top: #931a6a 3px solid;border-bottom: #931a6a 1px solid;padding: .28rem 0;}
.list10 .time{font-size: .16rem;color: #999999;font-family: 'Canela Web';position: relative;z-index: 1; transition: .5s;}
.list10 .time big:after{content: "";position: absolute;right: -.08rem;width: 1px;height: .2rem;background: #a8a8a8;bottom: .03rem;transform: rotate(30deg);opacity: .45; transition: .5s;}
.list10 .time big{font-size: .36rem;color: #931a6a;font-family: 'Canela Web';font-weight: normal;width: .46rem;display: inline-block;position: relative;margin: 0 .2rem 0 0;transition: .5s;}
.list10 h4{font-size: .22rem;margin: .25rem 0 0rem;line-height: .34rem;min-height: calc(.34rem * 2);max-height: calc(.34rem* 3) \0;}
.more1{ font-size: .18rem; color: #931a6a}
.more1 img{margin: 0 0 0 .16rem;height: .1rem;}

.home8{ padding-top: 0 !important;}

.list11{position: relative;z-index: 10;justify-content: space-between;margin: 0 -.12rem;}
.list11 li{margin: 0 .12rem;position: relative;z-index: 1;cursor: pointer;}
.list11 li .a{display: flex;font-size: .25rem;color: #fff;transition: all .5s;font-family: swiper-icons;position: relative;z-index: 1;width: .5rem;height: .5rem;justify-content: center;align-items: center;}
.list11 li .a:after{content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%) scale(1);width: 100%;height: 100%;background: #ff6a01;border-radius: 50%;z-index: -1;transition: all .5s}
.list11 li .a img{width: .69rem;height: .69rem;position: relative;z-index: 1;transition: all 0.5s; }
.list11 li .ewm{width: 1.4rem;background: #fff;border-radius: .06rem;position: absolute;padding: .05rem;top: 140%;left: 50%;margin-left: -.7rem;z-index: 1;opacity: 0;visibility: hidden;transition: all 0.5s;transform: translateY(.1rem);box-shadow: 0 0 0.3rem rgba(0,0,0,.2);}
.list11 li .ewm:before{content: "";position: absolute;width: .12rem;height: .12rem;background: #fff;transform: rotate(45deg);top: -.06rem;left: 50%;margin-left: -.06rem;}
.list11 li .ewm img{ width: 100%}
.list11 li .a.swi-weixin:after{ background: #04b355}
.list11 li .a.swi-sina:after{ background: #d52c2b}
.list11 li .a.swi-douyin:after{ background: #010101}
.list11 li .a.swi-shipinhao:after{ background: #fa9d3b}
.list11 li .a.swi-more:after{ background: #8a1ea8}

.list11 li:hover .a{ color: #fff}
.list11 li:hover .a:after{ transform: translate(-50%, -50%) scale(1);}
.list11 li:hover .a img{ opacity: 1}
.list11 li:hover .ewm{ opacity: 1; visibility: visible; transform: translateY(0)}

.home8 .tit1{ position: relative; z-index: 10;}
.home8 .left{ width: 23.83%;}
.home8 .center{ width: 47.72%;}
.home8 .right{ width: 26.10%;}

.list12 .a{ display: block; position: relative; z-index: 1;}
.list12 .txt{position: absolute;right: 0;bottom: 0;left: 0;padding: 0 .26rem .15rem;}
.list12 .time{font-size: .18rem;color: #fff;/* font-family: 'Canela Web'; */position: relative;z-index: 1;transition: .5s;display: flex;align-items: center;}
.list12 i{font-size: .3rem;color: #fff;display: inline-block;font-family: swiper-icons;margin: -.05rem .16rem 0 0;}
.list12 h4{color: #fff !important;margin: .08rem 0 0}
.list12 .imgBox::after{content: "";position: absolute;right: 0;bottom: 0;left: 0;background: linear-gradient(135deg, #5600d4, #e04166);height: 1.56rem;transform: skewY(8.5deg);transform-origin: left top;opacity: .9;}
.left .list12 .imgBox::after{transform: skewY(12.25deg);}

.list12Box .dots{position: absolute;right: .5rem;bottom: .06rem;z-index: 1;left: auto;width: auto;font-size: .22rem;color: rgba(255,255,255,.5)}
.list12Box .dots span.swiper-pagination-current{font-size: .36rem;color: rgba(255,255,255,1)}
.center .list12 .txt{padding: 0 1.4rem .15rem .26rem;}
.home8 .left .list12 .imgBox .img{ padding-bottom: 161.75%;}
.home8 .center .list12 .imgBox .img{padding-bottom: 80.75%;}
.home8 .right .list12 .imgBox .img{padding-bottom: 67.92%;}

.home8 .right .list12 .imgBox::after{ height: 1.16rem;}

.list13W{position: relative;z-index: 1;margin: 4.5% 0 0;}
.list13W .imgBox .img{ padding-bottom: 75.35%;}
.list13{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 0 .7rem}
.list13 li{ width: 100%; padding: .13rem 0}
.list13 .a{display: flex;align-items: center;height: .74rem;background: rgba(225,139,250,.41);border: #e18bfa 1px solid;padding: 0 .38rem;font-size: .2rem;color: #fff !important;transition: .5s;}

.home9{ padding-top: 0 !important;}
.home9 .left{ width: 47.04%;}
.home9 .right{ width: 45.93%;}

.list14{ border-top: #851561 2px solid;}
.list14 li{ border-bottom: #d7d7d7 1px solid}
.list14 .a{ height: 1.04rem; align-items: center; position: relative; z-index: 1;}
.list14 .a:after{ content: ""; position: absolute; left: 0; bottom: -1px; height: 1px; width: 0; transition: .5s;}
.list14 .time{width: 1.75rem;margin: 0 .6rem 0 0; position: relative}
.list14 .time:before{content: "";position: absolute;width: 1px;height: .52rem;background: #f4cf8f;right: 0;top: 50%;transform: translateY(-50%);transition: .5s;}
.list14 .time{font-size: .16rem;color: #999999;font-family: 'Canela Web';position: relative;z-index: 1; transition: .5s;}
.list14 .time big{font-size: .36rem;color: #931a6a;font-family: 'Canela Web';font-weight: normal;width: .46rem;display: inline-block;position: relative;margin: 0 .1rem 0 0;transition: .5s;}

.list14 h4{ flex: 1;}

.list15Box{overflow: visible;box-shadow: 0px .33rem .73rem 0px rgba(201, 28, 52, 0.3);position: relative;z-index: 1; margin-bottom: .98rem;}
.list15Box::before{content: "";position: absolute;top: .44rem;right: .44rem;bottom: -.44rem;left: .44rem;background: #efc5ca;box-shadow: 0px .33rem .73rem 0px rgba(201, 28, 52, 0.05);display: none;}
.list15Box::after{content: "";position: absolute;top: .22rem;right: .22rem;bottom: -.22rem;left: .22rem;background: #e5a6ad;box-shadow: 0px .33rem .73rem 0px rgba(201, 28, 52, 0.1);display: none;}
.list15 .imgBox .img{ padding-bottom: 37.90%;}
.list15Box .dots{bottom: -.98rem;position: absolute;text-align: center;}
.list15Box .dots span{width: .1rem;height: .1rem;border: #c8c8c8 1px solid;background: none;opacity: 1;margin: 0 .1rem !important;border-radius: 50vw;transition: .5s;}
.list15Box .dots span.active{ width: .38rem; background: #ae2786; border: #ae2786 1px solid}

.list15 .swiper-slide-next, .list15 .swiper-slide-next + li{opacity: 1 !important;}
.list15 .swiper-slide .a{opacity: 0;transition: .5s;display: block;}
.list15 .swiper-slide-next .a{opacity: .2;}
.list15 .swiper-slide-next .a{transform: translate(0, .22rem) scale(.93);transform-origin: bottom;}
.list15 .swiper-slide-next + li .a{opacity: .1;}
.list15 .swiper-slide-next + li .a{transform: translate(0, .44rem) scale(.86);transform-origin: bottom;}
.list15 .swiper-slide-active .a{opacity: 1;}

.home5{ background: url(../images/home5_b.jpg) center no-repeat; background-size: cover; background-attachment: fixed;}
.home5 .fl1{justify-content: flex-end;position: relative;}
.home5 .left{width: 54%;position: absolute;top: 1.36rem;left: 0;}
.home5 .right{width: 9.32rem;position: relative;z-index: 1;}
.list17s{position: relative;z-index: 1;width: 7.78rem;}
.list17s .imgBox .img{padding-bottom: 100%;background: none;}
.list17s .imgBox1 .img .img1{animation: roted 200s infinite linear;}
.list17s .imgBox1 .img .img2{animation: roted 100s infinite linear reverse;}
.list17s .imgBox1 .img .img2W{transform: scale(.8547);position: absolute;top: 0;right: 0;bottom: 0;left: 0;}

.list17s .imgBox2{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 76.22%;}

.list17s .ico{position: absolute;bottom: 10%;left: 16%;z-index: 10;width: 1.1rem;height: 1.1rem;cursor: pointer;}
.list17s .ico:after{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;border-radius: 50vw;/*! border: #fff 2px solid; */background: linear-gradient(135deg, #5600d4 50%, #e04166 100%);box-shadow: 0 0 .07rem #ff84f8;}
.list17s .ico img{position: absolute;z-index: 1;width: .16rem;height: .16rem;left: 50%;top: 50%;transform: translate(-40%, -50%) !important;}
.list17s .circle span{width: 100%;height: 100%;position: absolute;top: 0;left: 0;border-radius: 50vw;transform: scale(1);-webkit-animation: circleScale 2s linear infinite;animation: circleScale 2s linear infinite;transition: all 0.5s;z-index: -1;background: linear-gradient(135deg, #5600d4 50%, #e04166 100%);}

.list17s .circle span:nth-of-type(2) {
    -webkit-animation-delay: 1s;
            animation-delay: 1s;
}
.list17s .circle span:nth-of-type(3) {
    -webkit-animation-delay: 2s;
            animation-delay: 2s;
}
@-webkit-keyframes circleScale {
    0% {
        opacity: .5;
        transform: scale(1);
    }

    100% {
        opacity: 0;
        transform: scale(1.5, 1.5);
    }
}
@keyframes circleScale {
    0% {
        opacity: .5;
        transform: scale(1);
    }

    100% {
        opacity: 0;
        transform: scale(1.5, 1.5);
    }
}

.home5{ position: relative;}
.home5 .tit1W{ position: absolute; top: .9rem; left: 0; right: 0;}
.home5 .tit1 *{ color: #fff;}
.home5 .tit1 h4::before{ background: #fff;}
.list17s1{ position: absolute; top: 50%; right: 0; width: 1.65rem; flex-direction: column; transform: translateY(-50%)}
.list17s1 li{ padding: .45rem 0}
.list17s1 .a{display: flex;height: .52rem;background: rgba(255,255,255,.1);border: #fff 1px solid;border-radius: 50vw;align-items: center;justify-content: center;font-size: .2rem;color: #fff;position: relative;z-index: 1;}
.list17s1 .a:before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: linear-gradient(135deg, #5600d4 50%, #e04166 100%);border-radius: 50vw;z-index: -1;opacity: 0;transition: .5s;}

.list17s1 li:nth-child(2) .a{ transform: translateX(.5rem);}
.list17s1 li:nth-child(3) .a{ transform: translateX(.5rem);}

.list17 li{position: relative;z-index: 1;padding: .3rem 0;cursor: pointer;}
.list17 h3{ font-size: .24rem; color: #fff;}
.list17 h3 big{font-size: .6rem;font-family: "Canela Web";font-weight: normal;}
.list17 p{font-size: .18rem;color: rgba(255,255,255,.7);position: relative;padding: 0 0 0 .1rem;width: 3.6rem;max-width: 100%;margin: .2rem 0 0 -.1rem;}
.list17 p:before{ content: ""; position: absolute; top: 50%; left: 0; width: .03rem; height: .03rem; background: rgba(255,255,255,.7); border-radius: 50%}
.list17 li .line{position: absolute;top: .95rem;right: 0;bottom: 0;left: 0;z-index: -1;}
.list17 li .line::before{content: "";position: absolute;top: 0;right: 0;z-index: -1;}
.list17 li:nth-child(3) .line, .list17 li:nth-child(4) .line{ top: .9rem}

.list17 li:nth-child(1){width: 7.49rem;margin: 0 0 0 0;}
.list17 li:nth-child(1) .line::before{background: url(../images/list17_l1.png) right top no-repeat;background-size: 7.49rem 1.25rem;height: 1.25rem; width: 0;}

.list17 li:nth-child(2){width: 5.58rem;margin: 0 0 0 24.5%;}
.list17 li:nth-child(2) .line::before{background: url(../images/list17_l2.png) right top no-repeat;background-size: 5.58rem 1.25rem;height: 1.25rem; width: 0;}

.list17 li:nth-child(3){width: 7.12rem;margin: 0 0 0 4.5%;}
.list17 li:nth-child(3) .line::before{background: url(../images/list17_l3.png) right top no-repeat;background-size: 7.12rem 1.2rem;height: 1.2rem;top: -1.1rem; width: 0;}

.list17 li:nth-child(4){width: 5.05rem;margin: 0 0 0 38%;}
.list17 li:nth-child(4) .line::before{background: url(../images/list17_l4.png) right top no-repeat;background-size: 5.05rem 1.2rem;height: 1.2rem;top: -1.1rem; width: 0;}

.list17 li.on:nth-child(1) .line::before{width: 7.49rem;transition: .9s .2s linear}
.list17 li.on:nth-child(2) .line::before{width: 5.58rem;transition: .9s .2s linear}
.list17 li.on:nth-child(3) .line::before{width: 7.12rem;transition: .9s .2s linear}
.list17 li.on:nth-child(4) .line::before{width: 5.05rem;transition: .9s .2s linear}

.list6s1{ width: 50%;}
.list6s2{ width: 50%;}

.list6s1 .imgBox .img{ padding-bottom: 53.31%;}
.list6s1 .txt{ padding: .26rem; background: #f7f7f7;}
.list6s1 h4{font-size: .2rem;color: #333333;font-weight: 600;}
.list6s1 p{ margin: .15rem 0 .75rem;}
.list6s1 h6{ font-size: .16rem; color: #931a6a; font-family: 'Canela Web';}

.list6s2{background: url(../images/list6s2_b.jpg) center no-repeat;background-size: cover;flex-direction: column;justify-content: center;padding: 0;transform: translateY(.54rem);}
.list6s2 li{ width: 100%; padding: .05rem 0;}
.list6s2 .a{position: relative;z-index: 1;height: 1.3rem;flex-direction: column;justify-content: center;display: flex;padding: 0 .4rem;overflow: hidden;}
.list6s2 .a::before{content: "";position: absolute;background: url(../images/list6s2_b1.png) center no-repeat;background-size: 100% 100%;z-index: -1;top: 0;right: 0;bottom: 0;left: 0;transform: translateX(101%);transition: .5s;}
.list6s2 h6{font-size: .16rem;color: #e6c59b;font-family: 'Canela Web';align-items: center;}
.list6s2 h6 span{flex: 1;overflow: hidden;margin: 0 0 0 .08rem;position: relative;height: .1rem;display: block;}
.list6s2 h6 span:before{content: "";position: absolute;width: calc(100% - .12rem);height: 1px;background: #c053c8;bottom: 0;right: 0;}
.list6s2 h6 span:after{content: "";position: absolute;width: .24rem;height: 1px;background: #c053c8;bottom: 0;left: 0;transform: rotate(45deg);}
.list6s2 h4{margin: .05rem 0 0;color: #fff !important;}

@media(min-width: 1024px){
    .more0:hover{ color: #8015e4}
    .more0:hover i{ border: #8015e4 1px solid; color: #8015e4}

    .list2 li:hover{ z-index: 1;}
    .list2 .a:hover{ box-shadow: 0px .14rem .4rem 0px rgba(168, 168, 168, 0.56);}
    .list2 .a:hover:after{ width: 100%}

    .list3 .a:hover{ background: #fff; box-shadow: 0px 8px .4rem 0px rgba(168, 168, 168, 0.56); border: #fff 1px solid;}
    .list3 .a:hover::before{ opacity: 1}

    .list3 .a:hover .line1::before{ width: 1.06rem;}
    .list3 .a:hover .line1::after{ height: .6rem;}

    .list3 .a:hover .line2::before{ width: 1.06rem;}
    .list3 .a:hover .line2::after{ height: .6rem;}

    .arrow2 .prev:hover{ background: url(../images/arrow2_p.png) center no-repeat; }
    .arrow2 .next:hover{ background: url(../images/arrow2_n.png) center no-repeat; }

    /* .list7 .a:hover::before{ opacity: 1; width: 100%; left: 0;} 
    .list7 .a:hover *{ color: #fff;}
    .list7 .a:hover h6::before{ background: #fff;} */
    .list14 .a:hover .time:before{ background: #d4a85b;}
    .list14 .a:hover:after{ background: #931a6a; width: 100%;}

    .list13 .a:hover{ background: rgba(115,15,83,.41);}

    .list17s1 .a:hover:before{ opacity: 1}

    .list7 li:nth-child(1), .list7 li:nth-child(4){height: 53%; border-top: #931a6a 3px solid; border-bottom: #931a6a 1px solid;}
    .list7 li:nth-child(2), .list7 li:nth-child(3){ height: 47%}
    .list7 li:nth-child(2) .a, .list7 li:nth-child(3) .a{ background: #f7f7f7;}

    .list8 li.on .a::before{opacity: 1;left: -.3rem;right: -.3rem;box-shadow: 0px 27px 46px 0px rgba(178, 158, 198, 0.31);top: -.1rem;bottom: -.1rem;}
    .list8 li.on h4{ transform: translateY(-.06rem); color: #931a6a;}
    .list8 li.on h4:after{ transform: translateY(-50%) rotateX(180deg);}
    .list8 li.on p{ height: .56rem; transform: translateY(.06rem); opacity: 1}
    .list8 li.on .a::after{left: -.3rem;right: -.3rem;background: #9115a3;bottom: -.1rem;}

    .list6s2 .a:hover::before{ transform: translateX(0)}
}
@media(max-width: 1024px){
    .banner .imgBox .img{padding-bottom: 55%;}
    .banner .bottom{ bottom: .2rem;}
    .banner .dots span{ padding: 0 .1rem;}

    .banner .dots span.active{ padding: 0 .2rem;}
    .banner .dots span.active::before, .banner .dots span.active::after{ width: .1rem;}

    .home1 .left{ width: 100%;}
    .home1 .right{ width: 100%;}

    .home3 .left{ width: 100%;}
    .home3 .right{width: 100%;padding: .3rem 0 0;}
    .home3 .fl1::before{left: calc(-25% - .7rem);right: -.7rem;top: 2rem;}

    .home4 .left{ width: 100%;}
    .home4 .right{width: 100%;padding: .4rem 0 0;}

    .home6 .left{ width: 100%;}
    .home6 .right{width: 100%;padding: .4rem 0 0;}

    .home9 .left{ width: 100%;}
    .home9 .right{width: 100%;padding: .4rem 0 0;}

    .home5 .right{width: 56vw;}
    .list17s{width: 66%;margin: 0 auto;}
    .list17s1{ width: 1.4rem}
    .list17s1 li{ padding: .25rem 0}
    .list17s1 .a{ font-size: .18rem}

    .list17 h3{font-size: .14rem;}
    .list17 h3 big{font-size: .24rem;}
    .list17 li .line{ display: none;}
    .list17 li{padding: .15rem 0;}
    .list17 p{ margin: .06rem 0 0}

    .list17s .ico{width: .7rem;height: .7rem;bottom: 13%;left: 18%;}

    .list8{ margin: -.1rem 0 0}
    .list8 h4:after{ display: none;}
    .list8 h4{ padding: 0;}
    .list8 .a{height: .65rem;}

    .list13{ padding: 0 .25rem}
    .list13 .a{padding: 0 .2rem;height: .5rem;}

    .list12Box .dots{ display: none;}
}
@media(max-width: 800px){
    #openBtn{ width: .8rem; height: .5rem;}

    .list3 li{ width: 100%; margin-bottom: .2rem;}
    .list3 li:last-child{ margin-bottom: 0;}

    .pad1{ padding: .4rem 0;}

    .list2 .a{padding: 0;height: 1rem;}
    .list2 .time h6{font-size: .14rem;}
    .list2 .time{width: .8rem;padding: 0 .1rem 0 0;margin: 0 .2rem 0 0;}
    .list2 p{ margin: .06rem 0 0}
    .list2 .time:after{ height: .56rem}

    .tit1 h3{ font-size: .24rem}
    .tit1 h4{ margin: .05rem 0 0}
    .tit1 h4::before{ width: .4rem; height: .02rem}
    .tit1 h4 span{transform: translateX(.5rem); font-size: .14rem}
    .more0{ font-size: .16rem}

    .tit1{ margin-bottom: .25rem;}
    .list1 .txt{padding: 0 .2rem .15rem;}

    .list1Box .dots{font-size: .16rem;right: .2rem;bottom: .1rem;}
    .list1Box .dots span.swiper-pagination-current{ font-size: .24rem;}

    .list3 .a{ height: 2rem; padding: 0 .2rem;}

    .list3 .time big{ font-size: .3rem;}
    .list3 .time{ font-size: .14rem;}

    .home3 .fl1{padding-top: 0;padding-bottom: .4rem;}

    .list5 .a{ height: .8rem;}

    .home4{padding-top: 0 !important;}

    .list6Box .arrow2 .arrow{width: .36rem;height: .36rem;top: calc(50% - 0.85rem);}
    .list6Box .prev{ left: -.1rem}
    .list6Box .next{ right: -.1rem}

    .list6 h4{ margin-bottom: .1rem;}

    .list7{ height: auto}
    .list7 li{width: 100%;margin-bottom: .2rem;}
    .list7 .time big{font-size: .3rem;margin: 0 .1rem 0 0;}
    .list7 .time big:after{right: 0;height: .14rem;bottom: .07rem;}
    .list7 .time{ font-size: .14rem;}

    .list7 li:nth-child(1), .list7 li:nth-child(3){border-top: #931a6a 1px solid; border-bottom: #931a6a 1px solid;}
    .list7 li:nth-child(2) .a, .list7 li:nth-child(4) .a{ background: #f7f7f7;}
    .list7 h6{ margin: .12rem 0;}

    .home5 .tit1W{position: relative;top: auto;}
    .home5 .right{margin: 0 auto;width: 100%;display: flex;flex-direction: column;}
    .home5 .left{width: 100%;order: 1;position: relative;top: auto;margin: .3rem 0 0;}
    .list17{display: flex;flex-wrap: wrap;margin: 0 -4px;}
    .list17 li{width: 25% !important;margin: 0 !important;text-align: center;padding: 0 4px;margin-bottom: .25rem !important;}
    .list17 p{ padding: 0; font-size: .14rem}
    .list17 p:before{ display: none}

    .home5 .tit1{ justify-content: center}
    .list17s1{position: relative;top: auto;transform: translateY(0);flex-direction: row;width: calc(100% + 14px);margin: 0 -2px .2rem;order: -1;text-align: center;justify-content: center;}
    .list17s1 li{width: 25%;padding: 0 2px;margin-bottom: .15rem;}
    .list17s1 .a{ transform: translateX(0) !important;}

    .list17s .ico{width: .5rem;height: .5rem;bottom: 12%;left: 14%;}

    .list17s1 .a{font-size: .14rem;height: .45rem;}

    .list8 .a::after{ height: 1px}

    .arrow3W .arrow2 .arrow{ width: .36rem; height: .36rem;}
    .arrow3W{ margin: .3rem 0 0;}

    .list9 h4{white-space: nowrap;text-overflow: ellipsis;-webkit-line-clamp: 1;display: block;margin: .05rem 0 0;}
    .list9 .imgBox::after{height: 1rem;transform: skewY(4.25deg);}
    .list9 .time big{font-size: .3rem;margin: 0 .1rem 0 0;width: auto;}
    .list9 .time{ font-size: .14rem;}
    .list9 .txt{ padding: 0 .2rem .1rem}

    .list10 li{ width: 100%;}
    .list10 h4{min-height: auto;margin: .1rem 0 0;}
    .list10 .a{min-height: auto;border-top: #931a6a 2px solid;border-bottom: #931a6a 0px solid;padding: .2rem 0;}
    .list10 .time big{font-size: .3rem;margin: 0 .1rem 0 0;}
    .list10 .time big:after{right: 0;height: .14rem;bottom: .04rem;}
    .list10 .time{ font-size: .14rem;}
    .list10 li:last-child .a{ border-bottom: #931a6a 2px solid;}

    .more1{font-size: .16rem;display: none;}
    .more1 img{height: .06rem;margin: 0 0 0 .1rem;}

    .list11{margin: .2rem 0 0;width: 100%;justify-content: center;}
    .list11 li{margin: 0 .08rem;}
    .list11 li .a{width: .4rem;height: .4rem;font-size: .22rem;}

    .home8 .left{ width: 100%;}
    .home8 .center{width: 100%;margin: .2rem 0;}
    .home8 .right{ width: 100%;}

    .list13W{ margin: .2rem 0 0;}
    .list12 .imgBox::after, .home8 .right .list12 .imgBox::after{height: 1rem;transform: skewY(4.5deg) !important;}
    .list12 i{font-size: .24rem;margin: -0.05rem 0.1rem 0 0;}
    .list12 .txt{padding: 0 .2rem .1rem !important;}
    .left .list12 .imgBox::after{ transform: skewY(8.5deg);}


    .home8 .left .list12 .imgBox .img{ padding-bottom: 60%;}
    .home8 .center .list12 .imgBox .img{padding-bottom: 60%;}
    .home8 .right .list12 .imgBox .img{padding-bottom: 60%;}

    .home8 .tit1{justify-content: center;}

    .list13W .imgBox .img{ padding-bottom: 2.5rem}

    .list14 .time big{font-size: .3rem;margin: 0 .1rem 0 0;width: auto;}
    .list14 .time{font-size: .14rem;width: 1.1rem;margin: 0 .2rem 0 0;}
    .list14 .time:before{ height: .3rem}
    .list14 .a{ height: .8rem}

    footer .bottom p img{ width: .16rem;}

    .list15Box{ margin-bottom: .7rem;}
    .list15Box .dots{ bottom: -.6rem;}

    .list17s{width: 66%;}

    .list12 h4{color: #fff !important;margin: .03rem 0 0;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;display: -moz-box;-moz-line-clamp: 1;-moz-box-orient: vertical;word-wrap: break-word;word-break: break-all;white-space: normal;}
    .list12 .time{ font-size: .15rem}
    .list7 .a{ padding: .2rem .25rem}
} 
@media(max-width: 560px){
    .list12 .imgBox::after, .home8 .right .list12 .imgBox::after{height: 1rem;transform: skewY(7.5deg) !important;}
    .list9 .imgBox::after{transform: skewY(7.25deg);}

    .list6s1{ width: 100%;}
    .list6s2{width: 100%;transform: translateY(0);margin: .2rem 0 0; padding: .2rem 0;}
    .list6s2 li{ padding: 0;}
    .list6s2 .a{ padding: 0 .26rem;}
}