@charset "utf-8";
@font-face {
    font-family: Barlow-ExtraBold;src:url("../images/Barlow-ExtraBold.ttf");
}
.banner_box{ padding: 0px; position: relative; z-index: 3; }
.banner:after{content: "";position: absolute;right: 0;bottom: 0;left: 0;height: 9.5vw;background: url(../images/ba_t.svg) center bottom no-repeat;background-size: cover;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.16); transition: 5s;}
.banner .imgBox::after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(../images/ba_t.png) center bottom no-repeat; background-size: 100% auto;}
.banner .imgBox .img{ padding-bottom: 100vh; transition: 0s; transform: scale(1) !important; }
.banner .imgBox .img video{ opacity: .9;}

.banner .bottom{bottom: .85rem;position: absolute;right: 0;left: 0;z-index: 10;}
.banner .bottom .wp{ justify-content: flex-end;}
.banner .dots span{background: url(../images/ba_d.png) center no-repeat;background-size: cover;width: .14rem;height: .5rem;opacity: 1;margin: 0 0 0 .24rem; transition: .5s;}
.banner .dots span.active{ background: url(../images/ba_d_on.png) center no-repeat;background-size: cover;}

.banner .swiper-slide-active .imgBox{ transform: scale(1);}

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

.tit1 img{height: .65rem;}

.home1-2-3{background: url(../images/bg0.jpg) center;background-size: .5rem .5rem;position: relative;z-index: 1;padding-bottom: 0 !important;}

.miso_tab1{ position: relative; z-index: 1}
.miso_tab1 .bg1{position: absolute;background: #fff;width: 25.5625vw;height: 25.5625vw;border-radius: 50vw;left: 21%;bottom: -.45rem;}
.miso_tab1 .hd{margin-bottom: .3rem;}
.miso_tab1 .hd ul{/* justify-content: center; */}
.miso_tab1 .hd ul li{ margin: 0 .65rem 0 0;}
.miso_tab1 .hd ul li img{filter: grayscale(1);opacity: .5;transition: .5s;}
.miso_tab1 .hd ul li.on img{filter: grayscale(0);opacity: 1;transition: .5s;}
.miso_tab1 .hd ul li:last-child{ margin-right: 0}

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

.home1 .left{width: 9rem;margin: 0 0 0;position: relative;z-index: 2;}
.home1 .right{width: calc(100% - 9rem);padding: .3rem 0 .3rem .5rem;position: relative;z-index: 1;}
.home1 .right::before{content: "";position: absolute;top: 0;right: calc((100vw - 16rem)/2*-1);bottom: 0;left: 0;z-index: -1;background: url(../images/list2_b1.jpg) center no-repeat;background-size: cover;border-radius: 0 0 .3rem;}

.dots1 span.active::before{ opacity: 0}
.dots1 span.active::after{ opacity: 1}
.dots1 span.active{ margin: 0 .1rem}

.list1Box{width: 100%;background: #f7eee5;border-radius: 0 0 0 .3rem;overflow: visible;}
.list1Box .dots1{justify-content: center;padding: 0;position: absolute;bottom: -.65rem;}
.list1 .a{ display: block; position: relative;}
.list1 .imgBox{border-radius: 0 0 0 0.3rem;}
.list1 .imgBox::after{content: "";position: absolute;right: 0;bottom: 0;left: 0;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);height: 1rem}
.list1 .imgBox .img{ padding-bottom: 61.875%;}
.list1 .txt{position: absolute;left: 0;right: 0;bottom: 0;padding: 0 .5rem .3rem;align-items: center;}
.list1 h4{flex: 1;font-weight: bold;color: #fff !important;font-size: .24rem;}
.list1 h6{ width: auto; margin: 0 0 0 .3rem; color: #fff}

.dots1{ display: flex; align-items: center;}
.dots1 span{width: .23rem;height: .23rem;opacity: 1;background: none;position: relative;}
.dots1 span::after{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: url(../images/dots1.png) center no-repeat;background-size: cover; opacity: 0; transition: .5s}
.dots1 span::before{content: "";position: absolute;width: .07rem;height: .07rem;background: #c9915a;border-radius: 50vw;opacity: .45;left: 50%;transform: translate(-50%, .1rem); transition: .5s}

.list2 li{border-bottom: rgba(246,237,229,.3) 1px dashed;padding: .15rem 0;}
.list2 li:last-child{ border: none}
.list2 h4{color: #fff !important;/* font-weight: bold; */}
.list2 p{color: rgba(245,186,183,.66);margin: .15rem 0 .2rem;display: none;}
.list2 h6{color: #f7d392;display: none;}
.home1 .content{/* align-items: flex-start; */margin-bottom: .5rem;}

.more1 .a1{background: url(../images/more1.png) center no-repeat;display: flex;align-items: center;justify-content: center;width: 1.76rem;height: .35rem;background-size: cover;font-size: .16rem;color: #c9915a;transition: .5s;}
.home1 .more1{margin-top: 0;position: absolute;z-index: 10;transition: .5s;top: .2rem;right: 0;}

.tit2{position: relative;justify-content: center;margin-bottom: .5rem;}
.tit2 .more1{ position: absolute; right: 0; top: 50%; transform: translateY(-50%);}

.home2{position: relative; z-index: 1}
.home2 .miso_tab1 .hd ul{ justify-content: center}
.home2 .more1{margin-top: 0;position: absolute;z-index: 10;transition: .5s;top: .2rem;right: 0;}
.home1-2-3:before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: url(../images/home1-2-3_b1.png) center 46% no-repeat;background-size: 100% auto;z-index: -1;}
.home1-2-3:after{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: url(../images/home1-2-3_b2.png) center bottom no-repeat;background-size: 100% auto;z-index: -1;}
.list3Box{background: #fff;box-shadow: -1.413px .26rem .26rem 0px rgba(0, 0, 0, 0.18);border-radius: .6rem 0 .6rem 0;padding: .4rem 0;overflow: visible;}
.list3Box .dots{bottom: -.55rem;position: absolute;justify-content: center;}

.list3s{margin: 0 .3rem 0 .1rem;}
.list3s dd{width: 33.33%;padding: .28rem .4rem;}
.list3s .a{ align-items: center}
.list3s .time{text-align: center;margin: 0 .3rem 0 0;position: relative;z-index: 1;width: 1.16rem;}
.list3s .time:before{ content: ""; position: absolute; top: 50%; right: 0; width: 1px; height: .58rem; background: #d1d1d1; transform: translateY(-50%)}
.list3s .time h3{width: .43rem;height: .42rem;background: url(../images/time_b.png) center no-repeat;background-size: 100% 100%;display: flex;align-items: center;justify-content: center;font-size: .25rem;color: #a2312b;margin: 0 auto}
.list3s .time h6{ font-size: .16rem;color: #a2312b; font-weight: bold; margin: .02rem 0 0}
.list3s .txt{ flex: 1; overflow: hidden;}

.home3{padding: .6rem 0 1rem;position: relative;z-index: 1;}
.home3::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(../images/home3_b.png) center bottom no-repeat; background-size: 100% auto;}
.home3 .wp{ align-items: flex-start}
.home3 .tit2{ margin-bottom: .25rem;}
.home3 .left{width: 50%;position: relative;z-index: 1;margin: .45rem 0 0 0;}
.home3 .right{width: 50%;position: relative;z-index: 1;display: flex;flex-direction: column;}
.home3 .right .more1{ position: absolute; right: 0; top: 1rem}
.cir0 > div{ position: absolute; }
.cir0 .cir1{background: url(../images/cir1.png) center no-repeat;background-size: cover;width: 1.34rem;height: 1.34rem;top: -.3rem;right: 24%;}
.cir0 .cir2{background: url(../images/cir2.png) center no-repeat;background-size: cover;width: 1.19rem;height: 1.19rem;bottom: .45rem;right: 0%;}

.tzgg{width: 5.9rem;position: relative;z-index: 1;margin: 0 0 0 -7%;max-width: 100%;}
.tzgg .hz{ padding-bottom: 100%;}
.tzgg .box{position: absolute;top: 0;right: 0;bottom: 0;left: 0;flex-direction: column;justify-content: center;align-items: center;background: #f9f2e2;border-radius: 50vw;z-index: 1;padding: 0 16%;}
.tzgg .tit2{position: static;margin-bottom: .35rem;}
.tzgg .more2{position: absolute;right: -.25rem;bottom: .45rem;}
.tzgg .more2 .a1{font-size: .16rem;color: #e8c19a;writing-mode: tb-rl;display: inline-block;padding: 0 0 .8rem;position: relative;z-index: 1;}
.tzgg .more2 .a1:before{content: "";position: absolute;background: rgba(169,50,44,.95);width: 3.43rem;height: 3.43rem;border-radius: 50%;bottom: -.36rem;right: -.55rem;z-index: -1;}
.tzgg .more2 .a1:after{ content: ""; position: absolute; width: 1px; height: .65rem;  background: #e8c19a; bottom: 0; left: 50%; transform: translateX(-50%)}

.list4Box{width: 100%;overflow: visible;}
.list4{ width: 100%;}
.list4 li{ margin-bottom: .25rem}
.list4 .a{display: flex;align-items: center;flex-wrap: wrap;justify-content: space-between;}
.list4 h4{font-size: .2rem;color: #333333;font-weight: bold;flex: 1;}
.list4 h6{margin: 0 0 0 .2rem;width: auto;}

.mtnd{width: 3.6rem;position: relative;z-index: 1;margin: 0 0 0 30%;max-width: 100%;}
.mtnd .hz{ padding-bottom: 100%;}
.mtnd .box{position: absolute;top: 0;right: 0;bottom: 0;left: 0;flex-direction: column;justify-content: center;align-items: center;background: rgba(255,255,255,.8);border-radius: 50vw;z-index: 1;padding: 10% 16% 0;}

.list5Box{width: 100%;height: auto;padding-bottom: .4rem;}
.list4Box .dots, .list5Box .dots{justify-content: center;position: relative;z-index: 2;}
.list5{ width: 100%;}
.list5 .span{ display: inline-block; padding: 0 .2rem; line-height: .35rem; background: #f6efdf; border-radius: 50vw; font-size: .16rem; color: #ac403a; margin-bottom: .15rem;}
.list5 h4{font-weight: bold;}
.list5 h6{ margin: .1rem 0 0; text-align: right;}

.mtnd1{width: 2.53rem;position: relative;z-index: 1;margin: -12% 0 0 10%;}
.mtnd1 .hz{ padding-bottom: 100%;}
.mtnd1 .box{position: absolute;top: 0;right: 0;bottom: 0;left: 0;flex-direction: column;justify-content: center;align-items: center;background: rgba(255,201,110,.88);border-radius: 50vw;z-index: 1;padding: 10% 16% 0;}

.mtnd2{width: 3.13rem;position: relative;z-index: 1;margin: -23% 2% 0 0;align-self: flex-end;}
.mtnd2 .hz{ padding-bottom: 100%;}
.mtnd2 .box{position: absolute;top: 0;right: 0;bottom: 0;left: 0;flex-direction: column;justify-content: center;align-items: center;background: #54aee0;border-radius: 50vw;z-index: 1;padding: 10% 16% 0;}

.mtnd1 .list5 .span, .mtnd2 .list5 .span{ background: #fff;}
.mtnd1 .list5 .span{ color: #e2a847}
.mtnd2 .list5 .span{ color: #50aadc}
.mtnd1 .list5 h4, .mtnd2 .list5 h4, .mtnd1 .list5 h6, .mtnd2 .list5 h6{ color: #fff;}


.cir0 .cir1{ animation: spin-reverse2 8s infinite linear;}
.cir0 .cir2{ animation: spin-reverse4 8s infinite linear;}


@keyframes spin-reverse {
    0% {
        transform: 0 
    }
    50% {
        transform: translateX(-20px) translateY(-5px) 
    }
    100% {
        transform: 0 
    }
}
@keyframes spin-reverse2 {
    0% {
        transform: 0 
    }
    50% {
        transform: translateX(10px) translateY(10px) 
    }
    100% {
        transform: 0 
    }
}
@keyframes spin-reverse3 {
    0% {
        transform: 0 
    }
    50% {
        transform: translateX(20px) translateY(20px) 
    }
    100% {
        transform: 0 
    }
}
@keyframes spin-reverse4 {
    0% {
        transform: 0 
    }
    50% {
        transform: translateX(20px) translateY(40px) 
    }
    100% {
        transform: 0 
    }
}
@keyframes spin-reverse5 {
    0% {
        transform: 0 
    }
    50% {
        transform: translateX(0px) translateY(80px) 
    }
    100% {
        transform: 0 
    }
}

.home4{position: relative;z-index: 1;background: url(../images/bg1.jpg) center repeat;background-size: .5rem .5rem;padding-bottom: 0 !important;}
.home4 .wp.flexjs{ align-items: center}
.home4::before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: -1;background: url(../images/home4_b.jpg) center top no-repeat;background-size: 100% auto;}
.home4 .left{width: 54.375%;background: #fff;border-radius: 0.3rem;overflow: hidden;}
.home4 .right{ width: 42.5%;}

.list6Box{ width: 4.35rem;}
.list6s{width: calc(100% - 4.35rem);display: flex;flex-direction: column;flex-wrap: wrap;}
.list6s li{transition: .5s;flex: 1;}

.list6 .a{align-items: center;height: 100%;display: block;}
.list6 .imgBox{/* border-radius: .3rem; */}
.list6 .imgBox .img{ padding-bottom: 146.66%;}
.list6 .txt{flex: 1;overflow: hidden;padding: .25rem .52rem;border-radius: 0 .3rem .3rem 0;}
.list6 h4{font-size: .2rem;/* font-weight: bold; */margin-bottom: .1rem;}
.list6 p{ margin: .2rem 0;}
.list6 .p{margin-bottom: 0;}
.list6 .p p{font-size: .16rem;color: #999;line-height: 1.75;margin: .02rem 0;padding: 0 0 0 .3rem;background-size: .2rem .2rem !important;}
.list6 .p p.p1{background: url(../images/list6_i1.png) left .04rem no-repeat;}
.list6 .p p.p2{background: url(../images/list6_i2.png) left .04rem no-repeat;}
.list6 .p p.p3{background: url(../images/list6_i3.png) left .04rem no-repeat;}

.list6 li.on{background: #fff4e9;}

.list7 li{ padding: .16rem 0}
.list7 .a{ align-items: center}
.list7 .time{text-align: center;margin: 0 .3rem 0 0;position: relative;z-index: 1;width: 1.16rem;}
.list7 .time:before{ content: ""; position: absolute; top: 50%; right: 0; width: 1px; height: .65rem; background: #a52e28; transform: translateY(-50%)}
.list7 .time h3{font-size: .5rem;color: #a9322c;line-height: 1;}
.list7 .time h6{ font-size: .18rem;color: #a9322c; font-weight: bold; margin: .02rem 0 0}
.list7 .txt{ flex: 1; overflow: hidden;}
.list7 .p{ display: flex; flex-wrap: wrap;}
.list7 .p p{font-size: .16rem;color: #999;line-height: 1.75;margin: .08rem 0;padding: 0 0 0 .3rem;background-size: .2rem .2rem !important;}
.list7 .p p.p1{background: url(../images/list6_i1.png) left .04rem no-repeat; margin-right: .4rem}
.list7 .p p.p2{background: url(../images/list6_i2.png) left .04rem no-repeat;}
.list7 .p p.p3{background: url(../images/list6_i3.png) left .04rem no-repeat;}

.home5{position: relative;z-index: 1;background: #fff url(../images/home5_b.jpg) center top no-repeat;background-size: 100% auto;padding-bottom: 0 !important;padding-top: 2.6rem;}

.list8Box{margin: -.3rem -.1rem;padding: .3rem .1rem;}
.list8 .a{ position: relative; z-index: 1;}
.list8 .box2{box-shadow: 2.837px 0.977px .2rem 0px rgba(124, 13, 8, 0.08);padding: 0 .45rem;height: 5.6rem;border-radius: .3rem;display: flex;flex-direction: column;justify-content: center;align-items: center; text-align: center; position:relative; z-index: 1; overflow: hidden;}
.list8 .box2::before{ content: ""; position: absolute; top: 0; right: 0; left: 0; z-index: -1; transition: .5s; height: 0;}
.list8 .box2::after{ content: ""; position: absolute; top: 0; bottom: 0; right: 0; z-index: -1; transition: .5s; width: 0;}
.list8 .imgW{width: 1.9rem;margin: 0 auto .38rem; position: relative}
.list8 .imgW:before{ content: ""; position: absolute; top: -.16rem; right: -.16rem; bottom: -.16rem; left: -.16rem; border: #a9322c 1px solid; border-radius: .2rem; transition: .5s;}
.list8 .imgBox{ border-radius: 0;}
.list8 .imgBox .img{ padding-bottom: 142%;}
.list8 h3{ font-size: .28rem; color: #333333; transition: .5s;}
.list8 h4{font-size: .18rem;color: #c29c5d;line-height: 1.5;margin: .08rem 0 0; transition: .5s}
.list8 .txt{ width: 100%;}
.list8 .p{border-top: #eed6d5 1px solid;padding: .22rem 0 0;margin-top: .16rem;transition: .5s;}
.list8 .p p{ text-align: left}

.list8Box .dots1{ justify-content: center; margin: .45rem 0 0;}

.home6{background: url(../images/home6_b2.png) center no-repeat;background-size: cover;background-size: 100% 100%;padding: 2.7rem 0 0;}
.videoBox{text-align: center;width: 1.53rem;margin: 0 auto;position: relative;z-index: 2;max-width: 10%;}
.videoBox .ico{}
.home6 .content{position: relative;top: -.4rem;}
.list10 .box0 .a{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 3.61rem; max-width: 19vw;}
.list10 .box0 .a .txt{position: absolute;top: 0;right: 0;bottom: 0;left: 0;display: flex;align-items: center;flex-direction: column;justify-content: center;padding: 0 .4rem;text-align: center;}
.list10 .box0 .a .imgBox .img{ background: none}
.list10 .box1 .a{top: 30%;left: 16%;}
.list10 .box1 .a .imgBox .img{ padding-bottom: 157.89% }
.list10 .box2 .a{top: 35%;left: 39%;}
.list10 .box2 .a .imgBox .img{ padding-bottom: 85.59% }
.list10 .box3 .a{top: 80%;left: 39%;}
.list10 .box3 .a .imgBox .img{ padding-bottom: 103.87% }
.list10 .box4 .a{top: 47%;left: 62%;}
.list10 .box4 .a::before{content: "";position: absolute;background: url(../images/list10_i4_b.png) center no-repeat;width: 5.4rem;height: 5.4rem;left: 50%;top: 50%;transform: translate(-50%, -50%);background-size: cover;max-width: 140%;max-height: 140%;opacity:.5;}
.list10 .box4 .a .imgBox .img{padding-bottom: 103.87%;}
.list10 .box5 .a{top: 37%;left: 83.5%;width: 3.13rem;max-width: 17vw;}
.list10 .box5 .a .imgBox .img{padding-bottom: 165.17%;}
.list10Box{ position: absolute; top: 0; right: 0; bottom: 0; left: 0;}

.list10 .box1 .a .imgBox{ border-radius: 50vw;}
.list10 .box2 .a .imgBox{border-radius: 1.8rem 1.8rem .3rem .3rem;}
.list10 .box3 .a .imgBox{border-radius: 1.8rem 1.8rem .3rem .3rem;}
.list10 .box4 .a .imgBox{border-radius: 1.8rem 1.8rem .3rem .3rem;}
.list10 .box5 .a .imgBox{border-radius: 50vw;}

.list10 .box0 .a .txt h3{font-size: .88rem;color: #a9322c;}
.list10 .box0 .a .txt h6{font-size: .24rem;color: #a9322c; font-weight: bold; margin: .1rem 0 0}

.list10 .box1 .a .txt{ padding-bottom: 20%}
.list10 .box2 .a .txt{ padding-top: 20%}
.list10 .box3 .a .txt{ padding-top: 10%}
.list10 .box4 .a .txt{ padding-top: 20%}
.list10 .box2 .a .txt h3, .list10 .box2 .a .txt h6, .list10 .box4 .a .txt h3, .list10 .box4 .a .txt h6{ color: #fff}
.list10 .box3 .a .txt h3, .list10 .box3 .a .txt h6{ color: #c29c5d}

.list10Box .bottom{position: absolute;right: 0;bottom: 1.6rem;width: 50%;z-index: 10;align-items: center;padding: 0 calc((100vw - 16rem)/2 + .9rem) 0 5%;}
.arrow1 .arrow{font-family: 'swiper-icons';font-size: .26rem;width: .52rem;height: .52rem;background: #fff;margin: 0 0 0 .15rem;border-radius: 50vw;display: flex;justify-content: center;align-items: center;color: #a9322c;cursor: pointer;transition: .5s;}

.list10Box .dots1 span::before{background: rgba(255,255,255,1);}
.list10Box .dots1 span::after{ background: url(../images/dots1_on.png) center no-repeat;background-size: cover;}
.list10Box .dots1 span.active::after{ opacity: 1;}

.home7{background: url(../images/home7_b.jpg) center top no-repeat;background-size: 100% 100%;position: relative;z-index: 1;}
.home7 .bg1{position: absolute;bottom: 0;right: 0;left: 0;}
.home7 .left{width: 4.09rem;text-align: center;padding: .6rem .45rem .7rem;position: relative;z-index: 1;max-width: 100%;}
.home7 .left:before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: url(../images/home7_k.png) center top no-repeat;background-size: 100% auto;filter: drop-shadow(0 .09rem .29rem  rgba(10, 10, 10, 0.13));}
.home7 .right{width: calc(100% - 4.09rem - .96rem);}

.list11Box{margin: .25rem 0 .46rem;}
.list11 img{ width: .55rem; max-width: 100%;}
.list11Box .dots{display: flex;align-items: center;justify-content: center;margin: .3rem 0 0;}
.list11Box .dots span{ width: .1rem; height: .03rem; background: #851c21; border-radius: 50vw; transition: .5s; opacity: .2;}
.list11Box .dots span.active{ opacity: 1; width: .3rem;}

.list12 li{ margin-bottom: .25rem}
.list12 .imgBox{ border-radius: .2rem}
.list12 .imgBox .img{ padding-bottom: 62.53%}

.list13 li{ margin-bottom: .1rem;}
.list13 .a{height: .8rem;align-items: center;padding: 0 .44rem;background: #fff;position: relative;z-index: 1;transition: .5s;}
.list13 .a::before{content: "";position: absolute;border-left: transparent .26rem solid;border-bottom: #fff .26rem solid;left: -.26rem;transform: translateY(-50%);top: 50%;transition: .5s;}
.list13 h4{width: auto;flex: 1;}
.list13 h6{ display: inline-block; width: auto}

.list14{margin: .44rem -.12rem 0;}
.list14 li{ width: 33.33%; padding: 0 .12rem;}
.list14 .a{ display: block; border-radius: .2rem; background: #fff; padding: .16rem;}
.list14 .imgBox .img{ padding-bottom: 62.53%;}
.list14 h3{padding: .12rem 0 .16rem;display: flex;align-items: center;justify-content: center;font-size: .18rem;font-weight: normal;}
.list14 h3 img{height: .4rem;margin: 0 .1rem 0 0;}
.list14 h4{margin: .15rem 0 .5rem;padding: 0 .1rem; min-height: .6rem;}

.list14 li:nth-child(1) h3{ color: #28c445;}
.list14 li:nth-child(2) h3{ color: #111111;}
.list14 li:nth-child(3) h3{ color: #ff4796;}

.home8{ padding-bottom: 1.6rem;}
.home8 .tit2{ justify-content: flex-start;}

.list15 .imgBox .img{ padding-bottom: 87.61%; background: none;}
.list15 .imgBox .img svg{ position: absolute; top: 0; right: 0; bottom: 0; left: 0}
.list15 .a{ display: flex; flex-direction: column; padding: .2rem; background: #f6ede5; border-radius: .3rem; position: relative; z-index: 1; transition: .5s;}
.list15 h4{font-size: .24rem;font-weight: bold;margin: .3rem 0 .65rem 0;text-align:center;}
.list15 .imgBox .img img {-webkit-clip-path: url(#svgPath);clip-path: url(#svgPath);}
.shape { width: 100%; height:0;}

.arrow2Box{margin: .56rem 0 0;position: relative;z-index: 1;align-items: center;}
.arrow2Box:before{ content: ""; position: absolute; top: 50%; left: 0; width: 100vw; height: 1px; background: #cdcdcd; z-index: -1}
.arrow2Box .swiper-scrollbar{flex: 1;overflow: hidden;height: 3px;background: none;}
.arrow2Box .swiper-scrollbar-drag{ background: #a9322c}
.arrow2Box .arrow{ background: #f6ede5;}

@media(min-width: 1024px){
    .more1 .a1:hover{ color: #a2312b; letter-spacing: .01rem;}
    .list8 .a:hover .box2::before{ height: 100%; background: #a2312b;}
    .list8 .a:hover *{ color: #fff;}
    .list8 .a:hover .p{border-top: rgba(255,255,255,.3) 1px solid;}
    .list8 .a:hover .imgW:before{ border: rgba(255,255,255,.5) 1px solid;}

    .arrow1 .arrow:hover{ background: #bf995a; color: #fff}

    .list15 .a:hover{ background: #c29c5d; box-shadow: 0px .1rem .3rem 0px rgba(113, 81, 27, 0.3);}
    .list15 .a:hover h4{ color: #fff;}

    .arrow2Box .arrow:hover{ background: #a9322c;}

    .tzgg{ animation: spin-reverse 8s infinite linear;}
    .mtnd{ animation: spin-reverse3 8s infinite linear;}
    .mtnd1{ animation: spin-reverse2 8s infinite linear;}
    .mtnd2{ animation: spin-reverse 8s infinite linear;}
    .list13 .a:hover{ background: #c29c5d}
    .list13 .a:hover::before{border-bottom: #c29c5d 0.26rem solid;}
    .list13 .a:hover *{ color: #fff}
}
@media(max-width: 1024px){
    .banner .imgBox .img{padding-bottom: 56%;}
    .banner .bottom{ bottom: .2rem}
    .banner .bottom .wp{ justify-content: center}

    .pad1{ padding: .4rem 0}

    .home1 .left{width: 100%;margin: 0;}
    .home1 .right{width: 100%;margin: 0;padding: .3rem .25rem;}

    .list1Box{ width: 100%;}
    .home1 .right::before{ right: 0}
    .home1 .miso_tab1 .hd ul{/* justify-content: center; */}

    .list1Box .dots1{position: relative;bottom: auto;padding: .2rem 0;justify-content: center;}
    .home1 .more1{/* position: relative; *//* margin: 0 auto; *//* float: none; */top: .1rem;}
    .home1 .more1 .a1{/* margin: .3rem auto 0; */}
    .miso_tab1 .bg1{ top: 50%}

    .list3s dd{ width: 50%;}

    .home2{padding-top: 0;padding-bottom: .7rem;}
    .tit2{ justify-content: space-between;}
    .tit1 img, .tit2 img{ height: .45rem;}
    .more1 .a1{width: 1rem;height: .26rem;background-size: 100% 100%;font-size: .13rem;}

    .home3 .left{ width: 100%;}
    .home3 .right{width: 100%;margin: .4rem 0 0;}

    .home3 .right .more1{top: 0;}

    .mtnd{margin: 0 auto;max-width: 80%;}
    .mtnd1{margin: -13% 0 0 -.1rem;max-width: 56%;}

    .mtnd2{max-width: 52%;/* margin: -45% 0 0 0; */}

    .home4 .left{ width: 100%;}
    .home4 .right{width: 100%;margin: .3rem 0 0;}
    .list6s{}

    .home5{padding-top: 1.75rem;}

    .list10 .box0 .a .txt h3{font-size: 4vw;}
    .list10 .box0 .a .txt h6{font-size: 2vw;}

    .home6 .tit2{ justify-content: center}
    .list10Box .bottom{bottom: .2rem;padding: 0 .3rem;}

    .home7 .left{margin: 0 auto;padding: .6rem .35rem .3rem;}
    .home7 .right{ margin: 0 auto; width: 100%;}
    .home7{padding-bottom: .8rem;}

    .home8{ padding-bottom: .7rem;}

    .miso_tab1 .hd ul li{ margin: 0 .25rem 0 0;}
    .home2 .miso_tab1 .hd ul{ justify-content: flex-start}

    .home1 .content{ margin-bottom: 0}
}
@media(max-width: 800px){
    .banner .dots span{transform: scale(.6);margin: 0 .1rem;}

    .list3s dd{width: 100%;padding: .15rem 0;}

    .tit2{ margin-bottom: .25rem}

    .list2 li{ padding: .15rem 0;}
    .miso_tab1 .hd{ margin-bottom: .25rem}

    .home1 .right::before, .list1 .imgBox{ border-radius: .15rem;}

    .list3s{ margin: 0 .2rem;}

    .list3s .time{width: .8rem;margin: 0 .2rem 0 0;padding: 0 .2rem 0 0;}

    .list3Box{border-radius: .15rem;padding: .2rem 0;box-shadow: -1.413px 0.06rem 0.16rem 0px rgba(0, 0, 0, 0.08);}
    .home3{ padding-top: 0 !important;}

    .mtnd .box{ padding: .2rem .25rem}

    .mtnd1 .box, .mtnd2 .box{padding: 0 .3rem;}

    .tzgg .more2 .a1{ font-size: .14rem}

    .list5 .span{font-size: .14rem;line-height: .3rem;margin-bottom: .1rem;}

    .list4 li{ margin-bottom: .15rem}
    .mtnd2{max-width: 52%;margin: -45% 0 0 0%;transform: translateX(.1rem);}

    .list5 h6{padding: 0 .2rem 0 0;}

    .list6 .imgBox{max-width: 100%;margin: 0 auto;/* max-width: 60%; */}
    .list6 .txt{width: 100%;flex: auto;padding: .2rem .25rem;margin: 0;border-radius: .15rem;}

    .list7 .time{width: .9rem;margin: 0 0.2rem 0 0;}
    .list7 .time h3{font-size: .3rem;}
    .list7 .time h6{font-size: .14rem;margin: .04rem 0 0;}
    .list7 h4{ margin-bottom: .05rem}
    .list7 .p p{margin: .02rem 0;font-size: .14rem;background-size: 0.16rem 0.16rem !important;line-height: 1.5;background-position-y: .01rem !important;}

    .list8 .box2{box-shadow: 2.837px 0.977px .1rem 0px rgba(124, 13, 8, 0.08);height: 4.25rem;} 
    .list8 .imgW{width: 1.2rem;margin: 0 auto 0.2rem;}
    .list8 .imgW:before{ top: -.06rem; right: -.06rem; bottom: -.06rem; left: -.06rem}

    .home5{padding-top: 1.75rem;}
    .home6 .content{top: -.15rem;padding: 5% 0;}

    .home6{ padding-top: .8rem}
    .list10 .box0 .a .txt{ padding: 0 .1rem}

    .home1-2-3{ padding-top: .25rem}
    .list7 li{ padding: .1rem 0;}

    .arrow1 .arrow{width: .36rem;height: .36rem;font-size: .2rem;}
    .list10Box .bottom{padding: 0 .2rem;bottom: 0;}
    .home6 .tit2{ margin-bottom: .1rem}
    .list10 .box0 .a .txt h6{font-size: 2.5vw;margin: 0.05rem 0 0;}

    .list11 img{ width: .45rem}

    .home7 .left h3 img{max-height: .45rem;}

    .list11Box{ margin: .2rem 0 .25rem;}
    .list11Box .dots{ margin: .2rem 0 0;}
    .list13 .a::before{border-left: transparent .15rem solid;border-bottom: #fff .15rem solid;left: -.14rem;}

    .list13 .a{padding: 0 .3rem;height: .7rem;}

    .list14 li{width: 100%;margin-bottom: .2rem;}

    .list14 h4{margin: .15rem 0 .05rem;}

    .home7{ padding-bottom: .4rem;}
    .list15 h4{ margin: .1rem .2rem .2rem;}
    .arrow2Box{ margin: .25rem 0 0;}

    .list3s .time h3{width: .36rem;height: .34rem;font-size: .23rem;}
    .cir0 .cir2{ bottom: 0;}
    .list8 h3{ font-size: .24rem;}
    .list10 .box0 .a{ max-width: 21vw;}

    .dots1 span{width: .18rem;height: .18rem;}
    .list8Box .dots1{ margin: .3rem 0 0;}

    .tit1 img, .tit2 img{ height: .35rem;}
    .home2 .more1{ top: 0}

    .tzgg .box{padding: 0 .5rem 0 12%;}

    .list6Box{ width: 100%;}
    .list6s{width: 100%;}

    .list1 .txt{ padding: 0 .2rem .2rem;}
}
@media(max-width: 560px){
    .home5{padding-top: .8rem;}
}