.index .box1{padding-top:.6rem}
.index .box1 .list{flex-wrap:wrap;width:100%}
.index .box1 .list .l{width:15%;margin-right:2%;text-align:center;background:#fff;border-radius:.1rem;box-shadow:0 0 4px 0 rgb(0 0 0 / 0.25);transition:all 0.3s ease;padding:.2rem 0}
.index .box1 .list .l:last-child{margin-right:0}
.index .box1 .list .l.ans{animation:ans .6s ease-in-out infinite alternate}
.index .box1 .list .l a{display:block}
.index .box1 .list .l img{border-radius:.1rem;width:100%}
.index .box1 .list .l svg{height:.75rem;margin-bottom:.1rem}
.index .box1 .list .l p{font-size:.22rem;line-height:1;color:#000;font-weight:bold}
.index .box1 .list .l:hover{transform:translateY(-5px);background:var(--main)}
.index .box1 .list .l:hover p{color:#fff}
.index .box2{flex-direction:row-reverse;align-items:start}
.index .box2 .l{width:30%;margin-left:2%;background:#fff;border-radius:.1rem;box-shadow:0 0 4px 0 rgb(0 0 0 / 0.25)}
.index .box2 .l .t h2{font-size:.24rem;color:#fff;line-height:2;background:var(--main);border-radius:.1rem .1rem 0 0;text-align:center}
.index .box2 .l .list{padding:0 .2rem}
.index .box2 .l .list h2{font-size:.2rem;color:var(--main);line-height:1.5;font-weight:bold;margin-bottom:.1rem}
.index .box2 .l .list ul{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}
.index .box2 .l .list.type{margin-top:.1rem}
.index .box2 .l .list.type ul li{width:48%;margin-right:4%;text-align:center;border-radius:.1rem;box-sizing:border-box;background:#f8f8f8;cursor:pointer;margin-bottom:.1rem;border:1px solid #f8f8f8}
.index .box2 .l .list.type ul li:nth-child(2n){margin-right:0}
.index .box2 .l .list.type ul li img{margin-bottom:.1rem;border-radius:.15rem}
.index .box2 .l .list.type ul li p{font-size:.18rem;color:var(--color);line-height:2.25}
.index .box2 .l .list.type ul li.cur,.index .box2 .l .list.type ul li:hover{border-color:var(--border);background:#cfdffe}
.index .box2 .l .list.type ul li.cur p,.index .box2 .l .list.type ul li:hover p{color:var(--main)}
.index .box2 .l .list.year ul li{width:48%;margin-right:4%;text-align:center;background:#f8f8f8;border-radius:.1rem;box-sizing:border-box;font-size:.18rem;cursor:pointer;line-height:2.25;color:var(--color);margin-bottom:.1rem;border:1px solid #f8f8f8}
.index .box2 .l .list.year ul li:nth-child(2n){margin-right:0}
.index .box2 .l .list.year ul li.cur,.index .box2 .l .list.year ul li:hover{background:#cfdffe;color:var(--main);border-color:var(--border)}
.index .box2 .l .list.phone .f{margin-top:.1rem}
.index .box2 .l .list.phone .f label{font-size:.16rem;color:#fff;margin-bottom:.1rem}
.index .box2 .l .list.phone .f .i{display:flex;width:100%;height:.45rem;line-height:.45rem;border-radius:.1rem;border:1px solid #ccc}
.index .box2 .l .list.phone .f .i svg{width:.26rem}
.index .box2 .l .list.phone .f .i svg path{fill:var(--color)}
.index .box2 .l .list.phone .f .i select{color:#333;font-size:.16rem;border:none;outline:none;border-radius:.1rem;width:20%}
.index .box2 .l .list.phone .f .i input{padding:0 .1rem;width:calc(80% - .26rem);border-radius:0 .1rem .1rem 0;font-size:.2rem;color:var(--color);outline:none;border:none;border-left:1px solid #ccc}
.index .box2 .l .list.phone .f .i:focus-within{border-color:var(--main)}
.index .box2 .l .list.phone .f .i:focus-within input{border-left-color:var(--main)}
.index .box2 .l .list.btn{margin-top:.2rem;margin-bottom:.2rem;text-align:center;font-size:.2rem;text-align:center;width:100%}
.index .box2 .l .list.btn button{background:var(--main);font-size:.2rem;border-radius:.1rem;color:#fff;border:none;padding:0 .35rem;line-height:2.25}
.index .box2 .l .list.btn:hover button{background:var(--hover)}
.index .box2 .l .c{width:calc(100% - .4rem);background:#fee9d5;padding:.1rem;box-sizing:border-box;border-radius:.1rem;margin:0 .2rem .2rem;display:flex}
.index .box2 .l .c svg{width:.26rem;margin-right:.1rem}
.index .box2 .l .c #box2_l{overflow:hidden;width:100%;height:.25rem;min-height:.25rem}
.index .box2 .l .c .lt{overflow:hidden;display:flex;flex-direction:column;width:100%}
.index .box2 .l .c .lt li{font-size:.16rem;color:var(--color);width:100%}
.index .box2 .l .c .lt li span{color:red}
.index .box2 .r{width:68%}
.index .box2 .r .tit{font-size:.36rem;color:var(--main);line-height:1;font-weight:bold;text-align:center;margin-bottom:.3rem}
.index .box2 .r .list{display:flex;flex-wrap:wrap;width:100%}
.index .box2 .r .list .li{width:49%;margin-right:2%;background:#fff;margin-bottom:.2rem;border-radius:.1rem;box-shadow:0 0 4px 0 rgb(0 0 0 / 0.25);padding:.175rem .1rem;box-sizing:border-box}
.index .box2 .r .list .li:nth-child(2n){margin-right:0}
.index .box2 .r .list .li img{border-radius:.1rem;width:100%;object-fit:cover;aspect-ratio:100 / 56.2}
.index .box2 .r .list .li p{text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.25;font-size:.2rem;color:var(--color);margin-top:.1rem}
.index .box2 .r .list .li.nodata .t h3{font-size:.2rem;color:var(--color)}
.index .box2 .r .list .li:hover{transform:scale(1.03);transition:transform 0.3s ease-out;background:var(--main)}
.index .box2 .r .list .li:hover p{color:#fff}
.index .box3{background:#fff;padding-top:.5rem;margin-bottom:.5rem}
.index .box3 .box{max-width:1360px}
.index .box3 .t{text-align:center;width:100%}
.index .box3 .t h2{font-size:.36rem;color:var(--main);margin-bottom:.2rem;font-weight:bold}
.index .box3 .swiper-slide{position:relative}
.index .box3 .swiper-slide .img{width:100%}
.index .box3 .swiper-slide .img img{width:100%}
.index .box3 .swiper-slide .text{position:absolute;left:5%;top:30%;display:flex;justify-content:start;align-items:end;flex-direction:column;width:93.5%;height:69%}
.index .box3 .swiper-slide .text .l{width:100%}
.index .box3 .swiper-slide .text .tit{display:flex}
.index .box3 .swiper-slide .text .tit h2{font-size:.24rem;color:#000;font-weight:bold}
.index .box3 .swiper-slide .text .tit h3{font-size:.18rem;color:var(--main);line-height:2;font-weight:bold;margin-left:.1rem}
.index .box3 .swiper-slide .text .info{font-size:.18rem;color:#5f5f5f;width:48%}
.index .box3 .swiper-slide .text .b{background:linear-gradient(180deg,#ffa750,#ff8000);border:1px solid #fff;width:40%;line-height:2.25;border-radius:.2rem;text-align:center;margin-top:.2rem;box-shadow:0 0 4px 0 rgb(0 0 0 / 0.25)}
.index .box3 .swiper-slide .text .b:hover{background:linear-gradient(180deg,#ff9f40,#ef7800)}
.index .box3 .swiper-slide .text .b a{font-size:.18rem;color:#fff;font-weight:bold;letter-spacing:2px}
.index .box3 .swiper-slide .no{width:100%;font-size:.12rem;color:#fff;text-align:right;margin-top:auto}
.index .box3 .swiper-slide .no a{font-size:.12rem;color:#fff}
.index .box3-m{background:var(--bg);padding-top:.5rem;margin-bottom:.5rem;z-index:9;position:relative}
.index .box3-m .box{padding-bottom:.2rem}
.index .box3-m .t{text-align:center;width:100%}
.index .box3-m .t h2{font-size:.48rem;color:var(--main);margin-bottom:.3rem;font-weight:bold}
.index .box3-m .list{padding:0 2.5%}
.index .box3-m .list .swiper-slide{margin-bottom:.1rem}
.index .box3-m .list .swiper-slide .img{width:60%;margin:0 auto -1rem}
.index .box3-m .list .swiper-slide .txt{background:#fff;border-radius:.15rem;box-shadow:0 0 4px 0 rgb(0 0 0 / 0.25);padding:1.15rem .2rem .2rem;box-sizing:border-box}
.index .box3-m .list .swiper-slide .txt h2{font-size:.32rem;color:#000;text-align:center;line-height:1.5;font-weight:bold}
.index .box3-m .list .swiper-slide .txt h3{font-size:.26rem;color:var(--main);text-align:center;line-height:1.5}
.index .box3-m .list .swiper-slide .txt p{font-size:.24rem;color:#5f5f5f;margin:.1rem 0 .2rem}
.index .box3-m .list .swiper-slide .txt .b{background:linear-gradient(180deg,#ffa750,#ff8000);border:1px solid #fff;width:100%;line-height:2;border-radius:.4rem;text-align:center;margin-top:.2rem;box-shadow:0 0 4px 0 rgb(0 0 0 / 0.25)}
.index .box3-m .list .swiper-slide .txt .b a{font-size:.36rem;color:#fff;font-weight:bold;letter-spacing:2px}
.index .box3-m .list .swiper-slide .txt .no{width:100%;text-align:center;margin-top:.3rem;font-size:.2rem;color:rgba(38,110,255,.5)}
.index .box3-m .list .swiper-slide .txt .no a{font-size:.2rem;color:rgba(38,110,255,.5)}
.index .box4{display:flex;justify-content:space-between;align-items:start;flex-wrap:wrap}
.index .box4 .t{text-align:center;width:100%}
.index .box4 .t h2{font-size:.36rem;color:var(--main);margin-bottom:.3rem;font-weight:bold}
.index .box4 .img{position:relative;width:50%;text-align:center}
.index .box4 .img img{border-radius:.15rem}
.index .box4 .img .text{position:absolute;bottom:.1rem;left:50%;transform:translateX(-50%);background:var(--main);border-radius:.5rem;font-size:.24rem;color:#fff;padding:0 .3rem;line-height:1.75}
.index .box4 .img .text a{font-size:.24rem;color:#fff}
.index .box4 .r{position:relative;width:47.5%;margin-left:2.5%}
.index .box4 .d{margin-bottom:.15rem}
.index .box4 .d p{font-size:.18rem;color:#333;line-height:1.5;margin-bottom:.1rem}
.index .box4 .i{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}
.index .box4 .i .li{width:49%;margin-right:2%;margin-bottom:.15rem;position:relative}
.index .box4 .i .li:nth-child(2n){margin-right:0}
.index .box4 .i .li img{height:1.4rem;width:100%;object-fit:cover;border-radius:.1rem;background:#333}
.index .box4 .i .li p{text-align:center;font-size:.16rem;color:#fff;line-height:1.75;position:absolute;left:0;bottom:0;background:rgba(16, 95, 255, .5);width:100%;border-bottom-left-radius:.1rem;border-bottom-right-radius:.1rem}
.index .box4 .i .li a:hover p{color:#eee}
.index .box4 .b{text-align:center}
.index .box4 .b a{background:var(--main);border-radius:.2rem;font-size:.26rem;color:#fff;padding:0 .5rem;line-height:2;display:inline-block}
.index .box4 .b a:hover{color:#eee}
.index .box4 .s{display:flex;align-items:center;justify-content:space-between;margin-top:.4rem;width:100%}
.index .box4 .s .li{text-align:center}
.index .box4 .s .li h2{font-size:.24rem;color:var(--main);line-height:1.5;display:flex;align-items:end;justify-content:center;line-height:1;margin-bottom:.1rem}
.index .box4 .s .li h2 span{font-size:.46rem;font-weight:bold;line-height:1}
.index .box4 .s .li p{font-size:.26rem;color:var(--main)}
.index .box5{background:#fff;padding-top:.3rem}
.index .box5 .box{max-width:1360px}
.index .box5 h2{font-size:.36rem;color:var(--main);text-align:center;font-weight:bold;margin-bottom:.25rem}
.index .box5 .list{display:flex;flex-wrap:wrap}
.index .box5 .list .li{background:#fff;width:32%;height:2.325rem;margin-right:2%;margin-bottom:.2rem;box-sizing:border-box;border-radius:.1rem;box-shadow:0 0 4px 0 rgb(0 0 0 / 0.25)}
.index .box5 .list .li a{display:block;padding:.15rem;padding-bottom:0}
.index .box5 .list .li:hover{box-shadow:0 0 4px 0 rgb(0 0 0 / 0.25);transform:scale(1.03);transition: transform 0.3s ease-out}
.index .box5 .list .li:nth-child(3n){margin-right:0}
.index .box5 .list .li h3{font-size:.22rem;color:#000;font-weight:bold;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-bottom:.1rem;margin-bottom:.1rem;border-bottom:1px solid #eaeaea}
.index .box5 .list .li p{color:var(--color);font-size:.18rem;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;height:1.1rem}
.index .box5 .list .li p.link{display:block;text-align:center;margin:.15rem -.15rem 0;font-size:.18rem;color:#fff;background:var(--main);height:auto;line-height:2.5;border-radius:0 0 .1rem .1rem}
.index .box5 .list .nodata{font-size:.2rem;color:var(--color);width:100%;text-align:center}
@media screen and (max-width: 1500px){
    .index .box3 .box{width:95%;margin:0 2.5%}
    .index .box3 .swiper-slide .text{top:23%;height:76%}
    .index .box3 .swiper-slide .text .info{width:60%}
    .index .box3 .swiper-slide .text .b{width:55%;margin-top:.1rem}
}
@media screen and (max-width: 1200px){
    .index .box3 .swiper-slide .text{top:30%;height:69%}
}
@media screen and (min-width: 998px){
    .index .box1 .list .l:hover svg path{fill:#fff}
}
@media screen and (max-width: 997px){
    .box{width:100%;margin:0}
    .index .box1 .box{padding-bottom:.3rem;width:95%;margin:0 2.5%}
    .index .box1 .list .l{background:transparent;border-radius:0;box-shadow:none;width:32%;margin-bottom:.1rem;margin-right:2%}
    .index .box1 .list .l:hover{background:transparent}
    .index .box1 .list .l:hover p{color:var(--color);}
    .index .box1 .list .l:nth-child(3n){margin-right:0}
    .index .box1 .list .l .img{background:#fff;border-radius:50%;aspect-ratio:1 / 1;width:75%;height:auto;display:flex;align-items:center;justify-content:center;margin:0 auto .15rem;box-shadow:0 0 8px 0 rgb(0 0 0 / 0.25)}
    .index .box1 .list .l svg{height:55%;margin-bottom:0}
    .index .box1 .list .l svg path{fill:url(#myGradient)}
    .index .box1 .list .l.ws svg{height:60%}
    .index .box1 .list .l.ws svg path{fill:#25D366}
    .index .box1 .list .l p{font-size:.32rem;line-height:1.75;color:var(--color);margin-top:.1rem}
    .index .box1 .list .l.hot{position:relative}
    .index .box1 .list .l.hot img{width:100%;height:100%;border-radius:50%}
    .index .box1 .list .l.hot .h{position:absolute;right:.3rem;top:.1rem;width:.5rem}
    .index .box2{flex-direction:column;padding-bottom:1rem;margin-bottom:-.75rem}
    .index .box2 .l{width:95%;margin:0 2.5%}
    .index .box2 .l .t h2{font-size:.42rem;line-height:2;border-radius:.15rem .15rem 0 0}
    .index .box2 .l .list{margin-top:.2rem}
    .index .box2 .l .list h2{font-size:.32rem}
    .index .box2 .l .list ul{flex-wrap:wrap}
    .index .box2 .l .list.type{margin-top:.25rem}
    .index .box2 .l .list.type ul li{margin-bottom:.15rem}
    .index .box2 .l .list.type ul li p{font-size:.3rem;line-height:3}
    .index .box2 .l .list.year ul li{font-size:.3rem;line-height:3;margin-bottom:.15rem}
    .index .box2 .l .list.phone .f .i{height:.8rem;line-height:.8rem;border-radius:.15rem}
    .index .box2 .l .list.phone .f .i svg{width:.5rem}
    .index .box2 .l .list.phone .f .i select{font-size:.26rem;width:15%}
    .index .box2 .l .list.phone .f .i input{font-size:.26rem}
    .index .box2 .l .list.btn{margin-top:.35rem;margin-bottom:0}
    .index .box2 .l .list.btn button{font-size:.36rem;line-height:2.25;padding:0 .65rem;border-radius:.15rem}
    .index .box2 .l .c{margin:0;margin-top:.3rem;padding:.2rem;border-radius:0 0 .15rem .15rem;width:100%}
    .index .box2 .l .c svg{width:.5rem;margin-right:.2rem}
    .index .box2 .l .c #box2_l{height:.45rem;min-height:.45rem}
    .index .box2 .l .c .lt li{font-size:.32rem}
    .index .box2 .r{width:100%;margin-top:.6rem;background:#fff;padding-top:.5rem;padding-bottom:1.5rem;border-radius:.75rem .75rem 0 0;margin-bottom:-1rem}
    .index .box2 .r .tit{font-size:.48rem}
    .index .box2 .r .list{width:95%;margin:0 2.5%}
    .index .box2 .r .list .li{width:100%;margin-right:0;margin-bottom:.3rem;border-radius:.15rem;padding:0}
    .index .box2 .r .list .li:last-child{margin-bottom:0}
    .index .box2 .r .list .li img{height:3.6rem;border-radius:.15rem .15rem 0 0}
    .index .box2 .r .list .li p{font-size:.3rem;line-height:1.5;margin:.15rem 2.5%;width:95%}
    .index .box3{border-radius:.75rem .75rem 0 0;background:var(--bg)}
    .index .box3 .t h2{font-size:.48rem;line-height:1.4}
    .index .box3 .swiper-slide a .text{top:25%}
    .index .box3 .swiper-slide a .text h2{font-size:.36rem}
    .index .box3 .swiper-slide a .text h3{font-size:.3rem;line-height:2.5}
    .index .box3 .swiper-slide a .text ul li{font-size:.3rem}
    .index .box3 .swiper-slide a .text .b{font-size:.3rem;border-radius:.3rem}
    .index .box3-m{border-radius:.75rem .75rem 0 0}
    .index .box4{flex-direction:column;border-radius:.75rem .75rem 0 0;background:#fff;width:100%;padding:.5rem 2.5% 1rem;margin-bottom:-.75rem}
    .index .box4 .img{width:100%;margin-bottom:.3rem}
    .index .box4 .t h2{font-size:.48rem;line-height:1.4}
    .index .box4 .r{width:100%;margin-left:0}
    .index .box4 .s{flex-wrap:wrap;display:none}
    .index .box4 .s .li{width:50%;margin-bottom:.3rem}
    .index .box4 .s .li h2{font-size:.48rem;line-height:1.4}
    .index .box4 .s .li p{font-size:.26rem}
    .index .box4 .d{margin-bottom:.3rem}
    .index .box4 .d p{font-size:.28rem}
    .index .box4 .i .li p{font-size:.24rem}
    .index .box4 .i .li img{height:2.6rem;border-radius:.15rem}
    .index .box5{padding-bottom:.4rem;background:var(--bg);border-radius:.75rem .75rem 0 0}
    .index .box5 .box{padding:0 2.5%}
    .index .box5 h2{font-size:.48rem}
    .index .box5 .list{flex-wrap:nowrap;flex-direction:column;background:#fff;border-radius:.15rem;padding:.1rem;box-sizing:border-box}
    .index .box5 .list .li{width:100%;height:auto;margin:0;padding:0;margin-bottom:.2rem;border-bottom:1px solid #eaeaea;position:relative;background:none;box-shadow:none;border-radius:0}
    .index .box5 .list .li:after{content:">";position:absolute;right:.1rem;top:50%;transform:translateY(-50%);font-size:.42rem;color:var(--main)}
    .index .box5 .list .li a{display:block;width:100%;height:.75rem}
    .index .box5 .list .li h3{font-size:.3rem;font-weight:400;border:none;margin-bottom:0;line-height:1.25;padding-right:.5rem}
    .index .box5 .list .li p{display:none}
    .index .box5 .list .li p.link{display:none}
    .index .box5 .list .li:last-child{border-bottom:none;margin-bottom:0}
    .index .box5 .list .nodata{font-size:.32rem}
}
@media screen and (min-width: 996px){
    .index .box1 .list .l svg path{fill:url(#myGradient)}
}
@keyframes ans{
    0%{transform:translateY(0)}
    100%{transform:translateY(-5px)}
}
@-webkit-keyframes ans{
    0%{-webkit-transform:translateY(0)}
    100%{-webkit-transform:translateY(-5px)}
}