.tw{width:1320px;margin:0 auto}
.en-box{padding:3rem 0}
.home-en-bd {
    background-image: url(https://s1.iotexpo.com.cn/2025/03/21/3d071489c28ebe9b.png);
    background-size: 100%;
    color:white;

}
.hd-box{--h:112px;height:var(--h);align-items: center;justify-content: space-between;margin-top:20px}
.hd-logo{width:520px}
.hd-logo img{width: 100%;}
.hd-m-item{height:var(--h);display: flex;display: -webkit-flex;align-items: center;position: relative;color:rgba(var(--text-primary),1)}
.hd-m-item.ac{border-bottom:3px solid rgba(var(--primary),1)}
.flex-tb>a{width:calc(100% / var(--number,5) - var(--gap,0));}
/* .hd-m-item::before{content: '';position: absolute;top:10%;left:0;background-color: #aaa;width: 100%;height:90%;z-index:-1;} */
.sw-b-div{position: absolute;top:0;left:0;width:100%;align-items: center;height:100%;}
.swiper-slide img{width: 100%;}
.swiper-slide{position: relative;}
.sw-b-div .btnTm{background-color: rgba(255,255,255,0.1);border: 1px solid white;border-radius: 100px;height:58px;width:260px;font-size:20px;font-weight:500}
.sw-btnbox{display: flex;display: -webkit-flex;align-items: center;justify-content: center;margin-top:200px}

.home-box{padding:80px 0;}
.home-box.white{background-color: white;}
.hd-title{display: flex;display: -webkit-flex;justify-content: center;align-items: center;font-size:40px;padding:20px 0;font-weight:550;position: relative;flex-direction: column;}
.hd-title .bt{position: relative;margin-bottom:40px}
.hd-title .bt::before{content:'';
    background-size: 12px 12px;
    background-image:radial-gradient( #d9d9d9 2px, transparent 1px);width:135%;height:45px;position: absolute;top: -28%;left:22%;}
.hd-title .bt::after{content:'';position: absolute;top:100%;left:50%;transform: translateX(-50%);width:80px;height:3px;background-color: rgba(var(--primary),1);margin-top:22px}
.hd-title .fb{font-size:1.5rem;text-align: center;line-height: 2.2rem;font-weight: 500;}
.hd-title .bt>div{position: relative;z-index: 1;}

.home1{font-size:22px;line-height: 36px;text-align: center;}
.home1-ul{--number:3;--gap:10px;margin-top: 50px;}
.home1-item{display: flex;display: -webkit-flex;align-items: center;justify-content: center;padding:20px;flex-direction: column;}
.home1-item .bt{font-size:1.55rem;font-weight: 600;margin-top:30px}
.home1-item .fb{margin-top:30px;line-height: 24px;text-align: center;font-size:1.1rem;color:rgba(var(--text-primary),1);height:80px;}
.home1-item img{width:80px;height:80px}

.home2-ul{--number:3;--gap:10px}
.home2-item{border-radius: 24px;overflow: hidden;box-shadow: 0 0 10px rgba(0, 27, 62, .3);color:#000;display:inline-block}
.home2-item img{width: 100%;}
.home2-item .home2-div{font-size:1.5rem;font-weight: bold;padding:10px;line-height: 2rem;background-color: white;}

.home-bg{padding:40px 0;position: relative;}
.home-bg::after{content:''; background-size: 26px 26px;
    background-image:radial-gradient( #d9d9d9 3px, transparent 1px);width:500px;position: absolute;top:-50px;left:-110px;height: 200px;}
.sw-home2-main{overflow: hidden;padding:0 0 50px 0;}
.home-bg.ac::after{left:unset;right:-110px}
.home-bg>div{position: relative;z-index: 1;}
.home3-ul{--number:4;--gap:10px}
.home3-lt{width:calc(100% - 88px);padding-right:10px}
.home3-item,.home3-rt,.home4-rt{background:linear-gradient(135deg,#0089EE,#009EEE);min-height:100px;padding:15px 0;border-radius: 6px 6px 22px 6px;}
.home3-item .nr{padding:20px}
.home3-item .nr .bt{font-size:1.3rem;font-weight:550;color:white;line-height: 1.6rem;}
.home3-item .nr .fb{margin-top:10px;font-size: 1.05rem;text-align: justify;color:rgba(255, 255, 255,.8);line-height: 1.4rem;}
.home3-item .nr .ft{text-align: right;color:rgba(255, 255, 255,.8);margin-top:60px;font-size:1.1rem;}
.home3-rt,.home4-rt{width:88px;}
.home3-item img{width: 100%;}
.home3-rt,.home4-rt{border-radius: 6px 22px 22px 6px;display: flex;display: -webkit-flex;align-items: center;justify-content: center;flex-direction: column;}
.home3-rt .icon-right,.home4-rt .icon-right{background-color: rgba(255, 255, 255,.8);width:30px;height:30px;margin:10px 0}
.home3-rt .text,.home4-rt .text{writing-mode: vertical-rl;font-size:26px;font-weight: bold;letter-spacing:6px;color:white;margin-top:6px}

.home4-ul{--number:5;--gap:10px}
.home4-main .home4-ul{width: calc(100% - 88px);}
.home4-rt{width:88px}
.home4-item{background-color: white;border-radius: 22px;overflow: hidden;color:#000}
.home4-item img{width: 100%;}
.home4-item .top{clip-path: polygon(0 0,100% 0,100% 85%,0 100%);height: 200px;}
.home4-item .nr{justify-content: center;flex-direction: column;align-items: center;}
.home4-item .bt{text-align: center;font-size: 1.25rem;font-weight: bold;margin-top:-4px;position: relative;}
.home4-item .bt div{position: relative;z-index: 1;}
.home4-item .bt::before{content:'';position: absolute;bottom:-4px;left:-10%;width: 120%;height: 8px;background-color: rgba(170, 170, 170,.15);border-radius: 100px;}
.home4-item .text{text-align: justify;margin-top: 10px;line-height: 22px;text-align: center;padding:10px 10px 20px 10px}

.home5-ul{--number:4;--gap:20px}
.home5-ul .home5-item{margin:6px 0}
.home5-ul .home5-item img{width: 100%;padding:10px;border-radius: 22px;background-color: white;}
#ft{width:100%;}
.foot-bg{
    width: 100%;
    --c: #2196F3;
    --w1: radial-gradient(100% 57% at top ,#0000 100%,var(--c) 100.5%) no-repeat;
    --w2: radial-gradient(94% 57% at bottom, var(--c) 102%,#0000 102.5%) no-repeat;
    background: var(--w1),var(--w2),var(--w1),var(--w2);
    background-position-x: -200%, -100%, 0%, 100%;
    background-position-y: 100%;
    background-size: 50.5% 100%;
    animation: m 5s infinite linear;
}
.foot-div{background-color: #6840c3;}

@keyframes m {
    0%  {background-position-x:-200%, -100%, 0%, 100%}
    100%{background-position-x:  0%, 100%, 200%, 300%}
}
.foot-lt{width:544px}

.f-btn{width: 240px;height:62px;margin-top:20px;display: inline-block;}
.f-btn img{height: 100%;}
.foot-lt .bt{font-size:2rem;color:white;font-weight:bold;margin-bottom: 20px;position: relative;width: fit-content;}
.foot-lt .bt::before{content: '';position: absolute;bottom:-14px;left:0;width:50%;height:3px;background-color:white}
.foot-lt .fb{font-size:1.6rem;color:white;margin-top:10px}
.foot-r-item{display: flex;display: -webkit-flex;height:50px;align-items: center;width: 100%;background-color: rgba(255, 255, 255,.1);
    font-size:1.25rem;
    padding:0 20px;border-left: 2px solid white;color: white;}
.foot-r-item .bt{font-weight: bold;}
.foot-ct{justify-content: space-between;}
.foot-rt{width:762px}
.foot-r-item.ac{border-left-color: rgba(255, 255, 255,.2);background-color: inherit;}
.foot-div .home-box{border-bottom:1px solid white;padding:60px}
.foot-bot{text-align: center;padding:20px 0;background-color: #2196F3;color:white;}

.breadcrumb-main{display: flex;display: -webkit-flex;}
.breadcrumb-item{display: flex;display: -webkit-flex;align-items: center;justify-content: center;}
.breadcrumb-item::after{
    content: '';
    -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' fill='currentColor' overflow='hidden'%3E%3Cpath d='M320 230.8l41.4-38.8L704 512 361.4 832 320 793.4 621 512z'/%3E%3C/svg%3E");
    mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' fill='currentColor' overflow='hidden'%3E%3Cpath d='M320 230.8l41.4-38.8L704 512 361.4 832 320 793.4 621 512z'/%3E%3C/svg%3E");
    -webkit-mask-size: cover;
	mask-size: cover;
	height: 16px;width:16px;
    background-color: #000;
    display: inline-block;
}
.breadcrumb-item:last-child::after{display: none;}

.post-breadcrumb{padding:20px 0}
.post-hd{display: flex;display: -webkit-flex;flex-direction: column;align-items: center;justify-content: center;margin-top:50px}
.post-hd-banner img{width:100%}
.post-hd h1{font-size: 1.5rem;}
.post-hd .hd-title h1{font-size:2.5rem;margin:0}
.post-hd img{width: 300px;margin-top: 20px;}
.post{background-color: white;}
.post-ct{text-align: justify;line-height: 1.4rem;font-size:0.9rem;padding-top:30px}
.post-ct p{text-indent: 2em;}
.post-ct img{max-width: 100%;}
.post-ct p img{margin-left: -2em;}
.post-info-box{width:500px;margin:0 auto;border:1px solid #eee;padding:10px 20px 10px 10px;}
.post-info-box .in-ap{font-size:.88rem}

.btnTm:active{
    transform: scale(.95);
    filter: hue-rotate(-15deg) brightness(1.5);
}

.aliance-ul{--number:4;--gap:10px}
.aliance-item{border:1px solid rgba(var(--border),1);padding:10px}
.aliance-item .img-box{height:150px;overflow: hidden;display: flex;display: -webkit-flex;align-items: center;justify-content: center;padding-bottom:10px}
.aliance-item img{max-width: 100%;max-height:100%;}
.aliance-item .text{color:rgba(var(--text-primary),1);line-height: 22px;}
.post-list{padding:60px 0 0 0}
.post-box{--l:260px;--r:calc(100% - var(--l))}
.tb-lt{width:var(--l);padding-right:20px}
.tb-rt{width:var(--r)}

.sidebar{display: flex;display: -webkit-flex;flex-direction: column;align-items: center;justify-content: center;}
.sidebar-item{height:38px;display: flex;display: -webkit-flex;align-items: center;justify-content: center;background-color:var(--text-second);width: 100%;margin-bottom: 10px;border-radius: var(--radius);cursor: pointer;color:rgba(var(--text-primary),1)}
.sidebar-item.ac{background-color:rgba(var(--primary),1);color:var(--text-inverse)}
.tb-rt .post-ct{display: none;padding:0 10px 10px 10px }
.tb-rt .post-ct.ac{display: block;}
.tb-rt .post-hd{margin:0}
.contact-item{margin:0 0 30px 0}
.contact-item .bt{font-weight:bold;font-size: 1.2rem;}
.contact-list{margin:10px 0}
.contact-list .name{margin-right:6px}

.post-item{display: flex;display: -webkit-flex;--w:300px;margin:20px 0;color:rgba(var(--text-primary),1)}
.post-item .img-box{width:var(--w);height:150px;display:flex;display:-webkit-flex;align-items:center;justify-content:center;overflow:hidden}
.post-item img{width: 100%;}
.post-item .rt{width:calc(100% - var(--w));padding:6px 0 6px 20px;}
.post-item .bt{font-size: 1.2rem;font-weight: bold;}
.post-item .text{margin-top:10px;text-align: justify;line-height: 1.3rem;}

.search-box{display: flex;display: -webkit-flex;width: 100%;--w:100px}
.search-box .ss{border-radius: var(--radius) 0 0 var(--radius);width:calc(100% - var(--w));border-right:0}
.search-box .btnTm{border-radius: 0 var(--radius) var(--radius) 0;width:var(--w)}

.polist-ul .empty{line-height: 300px;text-align: center;}
.sw-banner{width:100%;overflow:hidden}
.bd-hd-box{font-size:2rem;position: relative;padding:1rem 0}
.bd-hd-box::before{content:'';position: absolute;top:0;left:0;background: linear-gradient(45deg, #21055b, #442264);width: 200px;height: 100%;border-radius: 0 100px 100px 0;}
.bd-hd-box p{margin:0}
.bd-hd-box .nr{position: relative;z-index:999;font-weight:bold}
.w-50{gap:1rem}
.w-50>div{width:50%}
.text-ct{font-size:.9rem;line-height: 1.8rem;}
.text-ct p{margin: 0;}
.text-ct.flex{flex-direction: column;align-items: flex-start;justify-content: center;}
.mt-50{margin-top: 50;}
.bd-search-box{background: linear-gradient(45deg, #21055b, #442264);padding:5rem 0}
.bd-search-box .search-nr p{line-height: 1.6rem;font-size: 1rem;}
.bd-search-box .btnTm{width:200px;flex-shrink: 0;font-size:1.2rem;padding:0 2rem;border-radius: 0 100px 100px 0;border:0;background: linear-gradient(45deg, #5327aa, #ac6bea);}
.bd-search-box .search-text{flex:1}
.bd-search-box .search-text input{width: 100%;height:60px;padding: 0 1rem;font-size:1.2rem;color:#000}
.search-box{border-radius: 100px;overflow: hidden;}
@media only screen and (min-width: 0px) and (max-width: 767px) {
  .tw{width:96%}
}

body{
            --radius: 6px;
            --red:  255, 38, 99;
            --reds: 248,215,218;
            --green: rgba(37,201,118,.9);
            --orange: rgba(255,152,0,.9);
            --bg: 0,0,0;
            --bg2:1,15,36;
            --border: 34, 39, 43;
            --surface: 22, 26, 29;
            --text-primary: 222, 228, 234;
            --text-secondary: rgb(115, 132, 150);
            --primary: 1, 178, 168;
            --text-inverse: rgb(255 255 255);
            --text-second:51, 51, 51;
            --text-tips: 119, 119, 119;
            --dbt: 1.73rem;
            --dblh: 2.8rem;
            --dfb: 1.25rem;
            --dtext: .9rem;
            --dlh: 1.2rem;
            --stext: .8rem;
            --dslh: 1.2rem;
            --ns: .08rem;
            --ns10: .9rem;
            --ns20: .16rem;
            font-size: var(--dtext);
            --jbColor: linear-gradient(to left,rgba(var(--primary),1),rgba(0, 54, 173,1));
            --loadbg: 0,0,0;
            --text-load: 255,255,255;
        }
        .hd{height:var(--hd);--hd:90px;background-color: rgba(var(--bg2), 1);color:white}
        .hd .lt{padding:20px 0;height:var(--hd)}
        .hd .lt img{height:100%}
        .hd .rt{align-items: center;height:100%;font-size:1rem}
        .hd .menu{height:100%;margin-right: 20px;}
        .hd .m-hd{height:var(--hd);display: flex;display: -webkit-flex;align-items: center;justify-content: center;text-transform: capitalize;}
        .btn-lang{background:var(--jbColor);color:var(--text-inverse);height:30px;padding:0 20px;border-radius: var(--radius);display: flex;display: -webkit-flex;align-items: center;font-size:.9rem;border-radius: 100px;}
        .hd .menu>.m-item{padding:0 15px}
        .in-ap .in-nr{width: 100%;}
       

        .en-form .sel-radio-u{flex-direction: column;}
        .en-form .s-radio-item{width: fit-content;}

        .en-title{font-size:2.2rem;margin:1rem 0;font-weight:bold}
        .en-box .bt{font-size:3rem;font-weight:bold;line-height: 3.5rem;}
        .en-box .text{font-size:1.2rem;line-height: 1.8rem;margin-top: 20px;}
        .page-en-1>.lt{width:45%}
        .page-en-1>.rt{width: 55%;background-color: white;overflow: hidden;}
        .page-en-1{gap:3%;align-items: center;}
        .page-en-1 .bt{font-size:3rem;font-weight:bold;line-height: 3.5rem;}
        .page-en-1 .text,.page-en-2 .text{font-size:1.2rem;line-height: 1.8rem;margin-top: 20px;color: #c8c8c8;}
        .page-en-2 .text{color:white;}
        .number-2{--number:2;--gap:3rem;--mt:10px;margin-top:6rem}
        .page-en-2 .item{padding:2rem;border-radius: 16px;}        
        .bg-zs{background: linear-gradient(191deg, #671db7 0%, #3c00b1 100%);}
        .icon-hd img,.icon-hd .icon{width:4rem;height:4rem;margin-right:20px}
        .icon-hd{font-size:2.6rem;align-items: center}
        .icon-hd p{margin:0}
        .mt-3rem{margin-top: 3rem;}
        .mt-6rem{margin-top: 6rem;}
        .page-en-3{color: #c8c8c8;}
        .btnTm{font-weight: bold;
            background-color: #1D2239;
            border: 1px solid rgba(var(--primary), 1);
            height: 58px;
            font-size: 1.42rem;
            padding: 0 40px;
            white-space: nowrap;
        }
        .btnTm img{width: 32px;margin-right: 6px;object-fit: cover;}
        .btn-box{display: flex;display: -webkit-flex;}
        .btn-box.center{justify-content: center;}

        .number-3{--number:3;--gap:1rem;--mt:1rem}
        .number-4{--number:4;--gap:1rem;--mt:1rem}
        .text-center{padding:.8rem}
        .icon-text{display: flex;display: -webkit-flex;align-items: center;}
        .icon-text img,.icon-text .icon{width:1rem;height:1rem;margin-right:.5rem}
        .icon-text .text{font-size:.9rem;margin-top:0}
        .text-center .bt{font-size:1.1rem;line-height: 1.5rem;}
        .item .img-box{height:298px}

        .page-en-4 .item{background: linear-gradient(191deg, #9847ef 0%, #3c00b1 100%);color:white;padding:.5rem}
        .page-en-4 .item .bt{height:73px}

        .page-en-5 .item{min-height:110px;background-color:white;border-radius: 16px;overflow: hidden;}
        .page-en-5 .item  .img-box{height:100%;width: 100%;padding: 10px;}
        .page-en-5 .item  .img-box img{object-fit: contain;width:100%;height:100%}

        .row{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;width: 100%;}
        .row2{-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;display: -webkit-box;overflow: hidden;white-space: normal;}
        .row3{-webkit-line-clamp: 3;line-clamp: 3;-webkit-box-orient: vertical;display: -webkit-box;overflow: hidden;white-space: normal;}

        .m-item a{color:white;font-weight:bold}
        .m-item a.flex{color:rgba(var(--primary), 1)}
        .m-item a.flex svg{margin-bottom: 2px;width: 16px;margin-right: 4px;}
        .top-tips{align-items: center;font-size:1rem;padding: 1rem 2rem;background-color: white;color:#000;}
        .top-tips .btnTm{background-color: #CF260D;border-radius: 100px 100px 0 100px;color:white;border:0;font-size: 1rem;height: 26px;width: 200px;margin-right: .6rem;}
        .icon-menu {
            -webkit-mask: url(data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' fill='currentColor' overflow='hidden'%3E%3Cpath d='M867.995 459.647h-711.99c-27.921 0-52.353 24.434-52.353 52.353s24.434 52.353 52.353 52.353h711.99c27.921 0 52.353-24.434 52.353-52.353s-24.434-52.353-52.353-52.353zm0 303.644h-711.99c-27.921 0-52.353 24.434-52.353 52.353s24.434 52.353 52.353 52.353h711.99c27.921 0 52.353-24.434 52.353-52.353s-24.434-52.353-52.353-52.353zm-711.99-502.582h711.99c27.921 0 52.353-24.434 52.353-52.353s-24.434-52.353-52.353-52.353h-711.99c-27.921 0-52.353 24.434-52.353 52.353s24.434 52.353 52.353 52.353z'/%3E%3C/svg%3E) no-repeat 50% 50%;
            mask: url(data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' fill='currentColor' overflow='hidden'%3E%3Cpath d='M867.995 459.647h-711.99c-27.921 0-52.353 24.434-52.353 52.353s24.434 52.353 52.353 52.353h711.99c27.921 0 52.353-24.434 52.353-52.353s-24.434-52.353-52.353-52.353zm0 303.644h-711.99c-27.921 0-52.353 24.434-52.353 52.353s24.434 52.353 52.353 52.353h711.99c27.921 0 52.353-24.434 52.353-52.353s-24.434-52.353-52.353-52.353zm-711.99-502.582h711.99c27.921 0 52.353-24.434 52.353-52.353s-24.434-52.353-52.353-52.353h-711.99c-27.921 0-52.353 24.434-52.353 52.353s24.434 52.353 52.353 52.353z'/%3E%3C/svg%3E) no-repeat 50% 50%;
            -webkit-mask-size: cover;
            mask-size: cover;
            background-size: 30px;
            height: 30px;
            width: 30px;
            display: none;
            background-color: white
        }
        .icon-menu.on{background-color: rgba(var(--primary), 1);}
        @media screen and (min-width: 768px) and (max-width: 1180px) {
            .hd .rt{
                position: absolute;
                top: 90px;
                z-index: 9999;
                width: 100%;
                background: white;
                color: #000 !important;
                left: 0;
                height: unset;
                flex-direction: column;
                margin: 0;
                padding: 20px 0;
                display: none;height:auto !important;
            }
            .hd .menu{flex-direction: column;margin: 0;}
            .m-item a{color:#000  !important;}
            .icon-menu{display: block;}
            .hd .lt{display: flex;display: -webkit-flex;justify-content: space-between;width: 100%;align-items: center;}
            .hd .tw{overflow: unset;}
        }
        @media only screen and (min-width: 0px) and (max-width: 767px) {
            .hd .rt{
                position: absolute;
                top: 90px;
                z-index: 9999;
                width: 100%;
                background: white;
                color: #000;
                left: 0;
                height: unset;
                flex-direction: column;
                margin: 0;
                padding: 20px 0;
                display: none;
            }
            .hd .menu{flex-direction: column;margin: 0;}
            .m-item a{color:#000}
            .icon-menu{display: block;}
            .hd .lt{display: flex;display: -webkit-flex;justify-content: space-between;width: 100%;align-items: center;}
            .hd .tw{overflow: unset;}
            .hd .btn-lang{width: fit-content;margin:0 auto}
            .top-tips{text-align: center;line-height: 25px;}
            .top-tips .btnTm{margin-bottom:10px}
            .bd-search-box{padding:1rem 0}
            .foot-div{color:white}
             .foot-div .home-box{padding:30px 20px}
            .foot-ct{flex-direction: column;}
            .foot-lt,.foot-rt{width: 100%;}
            #ft{margin-top: 100px;}.tw{overflow:hidden}
            .hd .lt{padding:30px 0!important}
            .bd-hd-box{font-size:1.6rem}
        }