@charset "UTF-8";
.con1{flex-wrap:wrap;padding:.5rem 0}
.con1 .l{width:23%;margin-right:2%;background:linear-gradient(315deg,var(--main),#3a7dff);margin-top:.2rem;border-radius:.15rem;padding:.3rem 0;box-shadow:0 0 4px 0 rgb(0 0 0 / 0.25)}
.con1 .l:nth-child(4n){margin-right:0}
.con1 .l:hover{transform:scale(1.03);transition:transform 0.3s ease-out}
.con1 .l a{display:flex;align-items:center;justify-content:center;flex-direction:column}
.con1 .l img{height:.48rem}
.con1 .l p{font-size:.24rem;color:#fff;margin-top:.1rem}
.con2{background-image:url("../images/con2_bg.webp?t=20240417");background-repeat:no-repeat;background-size:100% 100%;padding:.5rem 0}
.con2 .type{margin:.5rem 5%;background:#f5f9ff;width:90%;padding:.35rem .35rem .15rem;box-sizing:border-box;border:4px solid #fff;border-radius:.2rem;box-shadow:0 0 .1rem 0 rgb(0 107 255 / 0.4)}
.con2 .type ul{display:flex;flex-wrap:wrap}
.con2 .type ul li{width:25%;text-align:center;margin-bottom:.2rem;cursor:pointer}
.con2 .type ul li img{max-width:95%;border:1px solid transparent;border-radius:.1rem}
.con2 .type ul li p{font-size:.3rem;color:#000;display:flex;justify-content:center;align-items:center}
.con2 .type ul li p svg{width:.3rem;margin-right:3px;display:none}
.con2 .type ul li.cur img,.con2 .type ul li:hover img{transform:scale(1.03);transition:transform 0.3s ease-out}
.con2 .type ul li.cur p,.con2 .type ul li:hover p{color:var(--main)}
.con2 .type ul li.cur p svg{display:block}
.con2 .area .tit{margin-bottom:.3rem;display:flex;justify-content:center;align-items:center;font-size:.52rem;color:#000;position:relative}
.con2 .area .tit:after,.con2 .area .tit:before{position:absolute;left:16%;top:50%;width:15%;height:.2rem;border:2px solid transparent;border-top-color:#5a9cf6;border-bottom-color:#5a9cf6;content:"";transform:translateY(-50%)}
.con2 .area .tit:before{left:unset;right:16%}
.con2 .area ul{display:flex;width:68%;margin-left:16%}
.con2 .area ul li{width:30%;margin-right:5%;text-align:center;font-size:.3rem;background:#fff;line-height:2.5;border-radius:.1rem;border:2px solid #3170ed;cursor:pointer}
.con2 .area ul li:last-child{margin-right:0}
.con2 .area ul li.cur,.con2 .area ul li:hover{background:#3170ed;color:#fff;border-color:#fff}
.con2 .form{margin-top:.5rem}
.con2 .form .tit{margin-bottom:.3rem;display:flex;justify-content:center;align-items:center;font-size:.52rem;color:#000;position:relative}
.con2 .form .tit:after,.con2 .form .tit:before{position:absolute;left:20%;top:50%;width:15%;height:.2rem;border:2px solid transparent;border-top-color:#5a9cf6;border-bottom-color:#5a9cf6;content:"";transform:translateY(-50%)}
.con2 .form .tit:before{left:unset;right:20%}
.con2 .form .b{width:50%;margin-left:25%}
.con2 .form .b select,.con2 .form .b input{height:.55rem;line-height:.55rem;color:#333;font-size:.3rem;border-radius:.1rem;outline:none}
.con2 .form .b select{border:none;width:20%}
.con2 .form .b input{padding:0 .1rem;width:calc(80% - .4rem);border:1px solid transparent;margin-left:.1rem}
.con2 .form .b input:hover,.con2 .form .b input:focus{border-color:#3170ed}
.con2 .btn{background:#e60008;margin:0 40%;width:20%;font-size:.32rem;color:#fff;display:inline-block;margin-top:.6rem;text-align:center;line-height:2;border-radius:.1rem;cursor:pointer}
.con2 .btn:hover{background:#c80007}
.con3{padding:.5rem 0;overflow:hidden;max-width:90%}
.con3 .wrap{max-width:1200px;margin:0 auto}
.con3 .carousel{position:relative;height:480px;display:block;perspective:1200px}
.con3 .viewport{position:relative;height:100%;width:100%;overflow:visible}
.con3 .panel{position:absolute;top:50%;left:50%;transform-origin:center center;will-change:transform,filter,opacity;transition:transform var(--transition-time) cubic-bezier(.22,1,.36,1), filter var(--transition-time) cubic-bezier(.22,1,.36,1), opacity var(--transition-time) cubic-bezier(.22,1,.36,1);box-shadow:0 0 4px 0 rgb(0 0 0 / 0.25);border-radius:12px;background:#fff}
.con3 .panel.visible-left{width:46%;height:82%;z-index:4;left:27%;transform:translate(-50%,-50%) scale(1);filter:none;opacity:1}
.con3 .panel.visible-right{width:46%;height:82%;z-index:4;left:74%;transform:translate(-50%,-50%) scale(1);filter:none;opacity:1}
.con3 .panel.blurred-left{width:36%;height:64%;z-index:3;left:10%;transform:translate(-50%,-50%) skewX(-3deg) scale(0.92) translateX(-10px);opacity:0.8;filter:blur(3px)}
.con3 .panel.blurred-right{width:36%;height:64%;z-index:3;left:90%;transform:translate(-50%,-50%) skewX(3deg) scale(0.92) translateX(10px);opacity:0.8;filter:blur(3px)}
.con3 .panel.hidden{opacity:0;pointer-events:none;left:50%;transform:translate(-50%,-50%) translateX(900px) scale(0.96);filter:blur(6px)}
.con3 .content{display:flex;flex-direction:column;height:100%;overflow:hidden}
.con3 .images{flex:0 0 auto;display:flex;gap:10px;padding:14px 14px 6px}
.con3 .images img{width:100%;height:208px;object-fit:cover;border-radius:8px}
.con3 .text{padding:8px 18px 22px;display:block}
.con3 .text h3{font-size:.26rem;line-height:1.5;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center;color:#000}
.con3 .text h4{font-size:.2rem;line-height:1.5;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center;color:#e60008}
.con3 .text p{margin:0;color:#444;line-height:1.5;font-size:.16rem;text-overflow: -o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;text-indent:2em}
.con3 .sbtn{position:absolute;top:50%;transform:translateY(-50%);width:.5rem;height:.5rem;aspect-ratio:1 / 1;border-radius:50%;background:rgba(0,0,0,0.3);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:5;transition:background 180ms;border:none;font-size:.5rem}
.con3 .sbtn:hover{background:#458ff5}
.con3 .sbtn.prev{left:1%}
.con3 .sbtn.next{right:1%}
.con3 .sbtn span{display:block;height:.5rem;line-height:.9}
.con3 .indicators{position:absolute;left:50%;transform:translateX(-50%);bottom:0;display:flex;gap:8px;z-index:6}
.con3 .dot{width:.12rem;height:.12rem;border-radius:50%;background:rgba(0,0,0,0.18);cursor:pointer}
.con3 .dot.active{background:#458ff5}
.con3 .btn{text-align:center}
.con3 .btn a{background:#e60008;font-size:.32rem;color:#fff;display:inline-block;margin-top:.3rem;text-align:center;line-height:2;border-radius:.1rem;cursor:pointer;padding:0 .3rem}
.con3 .btn:hover a{background:#c80007}
.con4{background-image:url("../images/con4_bg.webp?t=20240417");background-repeat:no-repeat;background-size:100% 100%;padding:.75rem 0}
.con4 .tit p{line-height:1.5;text-align:left;text-indent:2em;color:#000;margin-top:.3rem;font-size:.3rem}
.con4 .img{width:100%;margin:.3rem 0}
.con4 ul{justify-content:center}
.con4 ul li{background:linear-gradient(90deg,#2172f2,#5b9bff);margin-right:2%;text-align:center;padding:.3rem;box-sizing:border-box;border-radius:.1rem;border:3px solid #fff;box-shadow:0 0 .15rem 0 rgb(0 107 255 / 0.4)}
.con4 ul li:last-child{margin-right:0}
.con4 ul li p{font-size:.3rem;color:#fff}
.con5{background:#fff;padding:.5rem 0}
.con5 .list{display:flex;flex-wrap:wrap}
.con5 .list .l{width:48.5%;margin-right:3%;background:#fff;border-radius:.1rem;padding:.2rem;box-sizing:border-box;margin-top:.3rem;box-shadow:0 0 .1rem 0 rgb(0 0 0 / 0.25);display:flex}
.con5 .list .l:nth-child(2n){margin-right:0}
.con5 .list .l:hover{transform:scale(1.03);transition:transform 0.3s ease-out}
.con5 .list .l img{width:30%;height:1.25rem;margin-right:2%;object-fit:cover;border-radius:.1rem}
.con5 .list .l .r{width:68%}
.con5 .list .l .r p{font-size:.24rem;line-height:1.5;color:#000;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:1}
.con5 .list .l .r p.desc{font-size:.18rem;color:#999;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;white-space:wrap;margin-top:.2rem;line-height:1.5}
.con5 .list .l .r p.desc a{font-size:.18rem;color:#e60008}
.con5 .btns{text-align:center}
.con5 .btns .btn{background:#e60008;font-size:.26rem;color:#fff;display:inline-block;margin-top:.3rem;text-align:center;line-height:2;border-radius:.1rem;cursor:pointer;padding:0 .3rem}
.con5 .btns .btn:hover{background:#c80007}
.con5 .nodata{font-size:.2rem;margin:.5rem 0 .3rem}
.con6{padding:.5rem 0}
.con6 ul{flex-wrap:wrap}
.con6 ul li{width:32%;margin-right:1%;border:1px solid #ccc;border-radius:.1rem;padding:.1rem;box-sizing:border-box;margin-top:.3rem}
.con6 ul li:nth-child(3n){margin-right:0}
.con6 ul li:hover{transform:scale(1.03);transition:transform 0.3s ease-out}
.con6 ul li h3{text-align:center;font-size:.2rem;color:#000;font-weight:400;line-height:1.5}
.con6 ul li a{display:block;width:100%}
.con6 ul li a img{width:100%;height:2rem;margin:.1rem 0;object-fit:cover}
.con6 ul li p{width:100%;background:var(--main);color:#fff;font-size:.18rem;border-radius:5px;text-align:center;line-height:3}
.con6 ul li p a{color:#fff400;font-size:.18rem;display:inline-block;width:auto}
.con6 .btns{text-align:center}
.con6 .btns .btn{background:#e60008;font-size:.26rem;color:#fff;display:inline-block;margin-top:.3rem;text-align:center;line-height:2;border-radius:.1rem;cursor:pointer;padding:0 .3rem}
.con6 .btns .btn:hover{background:#c80007}
.con6 .btns .btn:last-child{margin-left:.2rem;background:#fd8329}
.con6 .btns .btn:last-child:hover{margin-left:.2rem;background:#d77228}
@media screen and (max-width:1100px){
    .con2 .area .tit:after{left:8%}
    .con2 .area .tit:before{right:8%}
    .con2 .area ul li{font-size:.28rem}
    .con2 .form .tit:after{left:12%}
    .con2 .form .tit:before{right:12%}
    .con2 .btn{width:30%;margin-left:35%;margin-right:35%}
}
@media screen and (max-width:750px){
    .con1 .l p{font-size:.26rem}
    .con2{border-top-left-radius:.3rem;border-top-right-radius:.3rem}
    .con2 .type{margin-left:0;margin-right:0;width:100%;padding:.2rem;padding-bottom:0}
    .con2 .type ul li img{max-width:90%}
    .con2 .area .tit{font-size:.4rem}
    .con2 .area .tit:after{left:8%;height:.15rem}
    .con2 .area .tit:before{right:8%;height:.15rem}
    .con2 .area ul{width:90%;margin-left:5%}
    .con2 .form .tit{font-size:.4rem}
    .con2 .form .tit:after{left:15%;height:.15rem}
    .con2 .form .tit:before{right:15%;height:.15rem}
    .con2 .form .b{width:90%;margin-left:5%}
    .con2 .form .b select, .con2 .form .b input{height:.8rem;line-height:.8rem}
    .con2 .form .b input{width:calc(80% - .5rem)}
    .con2 .btn{width:50%;margin-left:25%;margin-right:25%;font-size:.48rem}
    .con3 .carousel{height:auto}
    .con3 .viewport{display:flex}
    .con3 .panel,.con3 .panel.left,.con3 .panel.right{position:unset;width:100%;transform:none;filter:none;opacity:1;box-shadow:none}
    .con3 .panel{margin:12px 0;border-radius:8px;transform:none !important}
    .con3 .panel.visible-left{margin-right:0}
    .con3 .panel.visible-left,.con3 .panel.visible-right{width:100%;margin-right:0}
    .con3 .panel.visible-right{display:none}
    .con3 .panel.blurred-left,.con3 .panel.blurred-right{display:none}
    .con3 .panel.hidden{display:none}
    .con3 .sbtn{top:35%}
    .con3 .sbtn.prev{left:0}
    .con3 .sbtn.next{right:0}
    .con3 .images{padding:14px 24px 10px}
    .con3 .images img{height:100px}
    .con3 .indicators{bottom:-.2rem}
    .con3 .text{padding-top:0;padding-bottom:.1rem}
    .con3 .text h3{font-size:.4rem}
    .con3 .text h4{font-size:.32rem}
    .con3 .text p{font-size:.3rem;margin-top:.2rem;-webkit-line-clamp:4}
    .con3 .btn a{margin-top:.6rem}
    .con4 ul{flex-wrap:wrap}
    .con4 ul li{width:49%;margin-bottom:.2rem}
    .con4 ul li:nth-child(2n){margin-right:0}
    .con4 ul li p{font-size:.34rem}
    .con5 .list .l{width:100%;margin-right:0}
    .con5 .list .l img{height:2rem}
    .con5 .list .l .r p{font-size:.36rem}
    .con5 .list .l .r p.desc{margin-top:.45rem}
    .con5 .list .l .r p.desc,.con5 .list .l .r p.desc a{font-size:.26rem}
    .con5 .btns .btn{font-size:.3rem;line-height:2.5}
    .con5 .nodata{font-size:.32rem}
    .con6 ul li{width:48%}
    .con6 ul li:nth-child(3n){margin-right:unset}
    .con6 ul li:nth-child(2n){margin-right:0}
    .con6 ul li h3{font-size:.36rem}
    .con6 ul li p{font-size:.26rem}
    .con6 ul li p a{font-size:.26rem}
    .con6 .btns .btn{font-size:.3rem;line-height:2.5}
}