.banearSwiper{width:100%}
.banearSwiper .img{width:100%;height:100%;object-fit:cover}
.banearSwiper .img img{width:100%;height:100%;object-fit:cover}
.industry{background:#fff;overflow:hidden}
.industry .title{margin:100px auto 50px;font-size:48px;font-weight:500;color:#212121;text-align:center;vertical-align:middle}
.industry .container{}
.industry .container .grid{display:grid;grid-template-columns:repeat(7,1fr);gap:0 26px;margin-bottom:100px}
.industry .container .grid .li{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:24px;padding:23px 0}
.industry .container .grid .li:hover{border-radius:8px;background:#F7F7F7FF}
.industry .container .grid .li .images{width:64px;height:64px;border-radius:50%;display:flex;justify-content:center;align-items:center}
.industry .container .grid .li .img1{background:#0064f029}
.industry .container .grid .li .img1 img{}
.industry .container .grid .li .img2{background:#ff573329}
.industry .container .grid .li .img2 img{}
.industry .container .grid .li .img3{background:#7948EA29}
.industry .container .grid .li .img3 img{}
.industry .container .grid .li .img4{background:#A0E32429}
.industry .container .grid .li .img4 img{}
.industry .container .grid .li .img5{background:#2A82E429}
.industry .container .grid .li .img5 img{}
.industry .container .grid .li .img6{background:#F23D3D29}
.industry .container .grid .li .img6 img{}
.industry .container .grid .li .img7{background:#FF638829}
.industry .container .grid .li .img7 img{}
.industry .container .grid .li .img8{background:#FFC30029}
.industry .container .grid .li .img8 img{}
.industry .container .grid .li .img9{background:#3F5FEB29}
.industry .container .grid .li .img9 img{}
.industry .container .grid .li .img10{background:#D340ED29}
.industry .container .grid .li .img10 img{}
.industry .container .grid .li .img11{background:#00BAAD29}
.industry .container .grid .li .img11 img{}
.industry .container .grid .li .img12{background:#FFBD7A29}
.industry .container .grid .li .img12 img{}
.industry .container .grid .li .img13{background:#FF8D1A29}
.industry .container .grid .li .img13 img{}
.industry .container .grid .li .img14{background:#25D96D29}
.industry .container .grid .li .img14 img{}
.industry .container .grid .li .img15{background:#11BCF529}
.industry .container .grid .li .img15 img{}
.industry .container .grid .li .img16{background:#1CD9B029}
.industry .container .grid .li .img16 img{}
.industry .container .grid .li .img17{background:#F02E2E29}
.industry .container .grid .li .img17 img{}
.industry .container .grid .li .img18{background:#FFBC2129}
.industry .container .grid .li .img18 img{}
.industry .container .grid .li .img19{background:#FF573329}
.industry .container .grid .li .img19 img{}
.industry .container .grid .li .img20{background:#C9A45F29}
.industry .container .grid .li .img20 img{}
.industry .container .grid .li .img21{background:#0F73FF29}
.industry .container .grid .li .img21 img{}
.industry .container .grid .li .text{font-size:20px;font-weight:500;color:#555555FF}
.expansion{background:url("../temp/aboutbj.png");background-size:cover;overflow:hidden;min-height:600px;background-position:center;background-attachment:fixed}
.expansion .container{}
.expansion .container .expansionbody{display:flex;margin:110px 0;align-items:center;gap:136px}
.expansion .container .expansionbody .left{flex: 1;width: 100%;height: 100%;}
.expansion .container .expansionbody .left img{width: 100%;height: 100%;object-fit: cover;}
.expansion .container .expansionbody .right{flex: 1;}
.expansion .container .expansionbody .right .title{font-size:40px;font-weight:500;color:#0064F0}
.expansion .container .expansionbody .right .desc{font-size:20px;font-weight:500;color:#333333;margin-top:12px}
.expansion .container .expansionbody .right .tiaolibox{margin:32px 0 40px;display:flex;flex-direction:column;gap:24px}
.expansion .container .expansionbody .right .tiaolibox .li{display:flex;gap:4px;align-items:center}
.expansion .container .expansionbody .right .tiaolibox .li .yuan{width:10px;height:10px;background:#2D8DFA;border-radius:50%}
.expansion .container .expansionbody .right .tiaolibox .li .text{font-size: 16px;font-weight: 400;color: #5C5D69FF;}
.expansion .container .expansionbody .right .btn{width:145px;height:40px;border-radius:20px;background:#0064F0;display:flex;justify-content:center;align-items:center;font-size:16px;font-weight:400;color:#FFFFFF;cursor:pointer}
.advantages{}
.advantages .title{margin:100px auto 50px;font-size:48px;font-weight:500;color:#212121;text-align:center;vertical-align:middle}
.advantages .container{}
.advantages .container .advantagesbox{display:grid;grid-template-columns:repeat(2,1fr);gap:20px 40px;margin-bottom:100px}
.advantages .container .advantagesbox .advantagesli{border-radius:8px;background:#FFFFFF;display:flex;align-items:center;padding:16px 22px;gap:32px;cursor:pointer}
.advantages .container .advantagesbox .advantagesli .img{width:40px;height:40px}
.advantages .container .advantagesbox .advantagesli .img img.show{display:block;width:100%;height:100%;object-fit:cover}
.advantages .container .advantagesbox .advantagesli .img img.hide{display:none;width:100%;height:100%;object-fit:cover}
.advantages .container .advantagesbox .advantagesli .titlebox{display:flex;gap:3px;flex-direction:column}
.advantages .container .advantagesbox .advantagesli .titlebox .txt{font-size:18px;font-weight:600;color:#212121}
.advantages .container .advantagesbox .advantagesli .titlebox .desc{font-size:14px;font-weight:400;color:#5C5D69}
.advantages .container .advantagesbox .advantagesli:hover{background:#0F73FF}
.advantages .container .advantagesbox .advantagesli:hover .img img.show{display:none;width:100%;height:100%;object-fit:cover}
.advantages .container .advantagesbox .advantagesli:hover .img img.hide{display:block;width:100%;height:100%;object-fit:cover}
.advantages .container .advantagesbox .advantagesli:hover .titlebox .txt{color:#FFFFFF}
.advantages .container .advantagesbox .advantagesli:hover .titlebox .desc{color:#FFFFFF}
.investment{background:url("../temp/jinbubj.png");background-attachment:fixed;background-size:cover;background-position:center;overflow:hidden}
.investment .box{margin:100px 263px;border-radius:16px;background:#FFFFFFCC;backdrop-filter:blur(20px);padding:80px 100px 100px}
.investment .box .title{font-size:48px;font-weight:500;color:#212121FF;text-align:center;margin-bottom:50px}
.investment .box .box-body{display:flex;align-items:flex-end;justify-content:space-between;gap: 24px;}
.investment .box .box-body .body-li{display:flex;flex-direction:column;align-items:center;gap:24px}
.investment .box .box-body .body-li .num{font-size:36px;font-weight:600;color:#0F73FFFF;text-align:center;vertical-align:top}
.investment .box .box-body .body-li .img{width: 100%;height: 100%;}
.investment .box .box-body .body-li .img img{width: 100%;height: 100%;object-fit: contain;}
.determine{background:#fff;overflow:hidden}
.determine .title{margin:100px auto 50px;font-size:48px;font-weight:600;color:#212121;text-align:center;vertical-align:middle}
.determine .container{}
.determine .container .determine-box{display:flex;justify-content:space-between;margin-bottom:100px}
.determine .container .determine-box .determine-li{display:flex;flex-direction:column;align-items:center;gap:32px}
.determine .container .determine-box .determine-li .img{width:290px;height:290px;border-radius:16px}
.determine .container .determine-box .determine-li .img img{width:100%;height:100%;object-fit:cover}
.determine .container .determine-box .determine-li .desc{font-size:36px;font-weight:500;color:#212121FF}
.loginout, .center { display: none; }
.login { display: block; }

@media (max-width: 1560px) {
    .investment .box{margin:100px 163px;border-radius:16px;background:#FFFFFFCC;backdrop-filter:blur(20px);padding:64px 80px 80px}
    .investment .box .title{
        font-size: 40px;
    }
    .investment .box .box-body .body-li .num{
        font-size: 32px;
    }
    .expansion .container .expansionbody .right .title{font-size: 30px;}
    .expansion .container .expansionbody .right .desc{font-size: 18px;}
    .expansion .container .expansionbody .right .btn{font-size: 15px;width: 135px;height: 30px;}
    .expansion .container .expansionbody .right .tiaolibox .li .text{font-size: 15px;}
}

@media (max-width: 1300px) {
    .industry .container .grid{
        grid-template-columns:repeat(4,1fr);
        gap:0 20px;
    }
    .determine .title {
        margin: 80px auto 40px;
        font-size: 36px;
    }

    .determine .container .determine-box {
        margin-bottom: 80px;
        padding: 0 20px;
    }

    .determine .container .determine-box .determine-li .desc {
        font-size: 28px;
    }
}

@media (max-width: 992px) {
    .industry .container .grid{
        grid-template-columns:repeat(3,1fr);
        gap:0 20px;
    }
    .determine .title {
        margin: 60px auto 30px;
        font-size: 30px;
    }

    .determine .container .determine-box {
        margin-bottom: 60px;
        justify-content: center;
        gap: 40px;
        flex-wrap: wrap;
    }


    .determine .container .determine-box .determine-li .desc {
        font-size: 24px;
    }

    .determine .container .determine-box .determine-li {
        gap: 24px;
    }
}

@media (max-width: 768px) {
    .expansion .container .expansionbody{
        display: flex;
        margin: 110px 0;
        align-items: center;
        gap: 36px;
        flex-direction: column;
    }
    .industry .container .grid{
        grid-template-columns:repeat(2,1fr);
        gap:0 20px;
    }
    .advantages .container .advantagesbox{
        grid-template-columns:repeat(1,1fr);gap:20px;
    }
    .advantages .title,.industry .title{
        font-size: 35px;
    }
    .investment .box .title{
        font-size: 26px;
    }
    .investment .box{margin: 20px;border-radius:16px;background:#FFFFFFCC;backdrop-filter:blur(20px);padding: 20px;}
    .investment .box .box-body .body-li{display:flex;flex-direction:column;align-items:center;gap:24px}
    .investment .box .box-body{display:flex;justify-content:space-between;align-items: unset;gap: 20px;flex-direction: column;}
    .determine .title {
        margin: 40px auto 25px;
        font-size: 24px;
        padding: 0 15px;
        font-weight: 500;
        text-align: center;
    }

    .determine .container .determine-box {
        flex-direction: column;
        align-items: center;
        gap: 30px;
        margin-bottom: 40px;
        padding: 0 15px;
    }

    .determine .container .determine-box .determine-li {
        gap: 16px;
    }



    .determine .container .determine-box .determine-li .desc {
        font-size: 18px;
        font-weight: 400;
    }
}

@media (max-width: 375px) {
    .determine .title {
        font-size: 20px;
        margin: 30px auto 20px;
    }



    .determine .container .determine-box .determine-li .desc {
        font-size: 16px;
    }

    .determine .container .determine-box {
        gap: 25px;
    }
}