.main #map{font-size:12px;margin-top:40px;width:100%;height:0;padding-top:80%}.main #cus_overlay,.main .map-infos{display:inline-block;padding:18px 20px;background:#eb6100;border-radius:10px}.main #cus_overlay .maplogo,.main .map-infos .maplogo{display:block;width:103px;height:auto}.main #cus_overlay .company-name,.main .map-infos .company-name{font-family:OPPOSans;font-size:18px;color:#fff;margin:13px 0 4px;white-space:nowrap}.main #cus_overlay .addr,.main .map-infos .addr{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.main #cus_overlay .addr img,.main .map-infos .addr img{display:block;width:10px;height:auto}.main #cus_overlay .addr span,.main .map-infos .addr span{font-family:OPPOSans;font-size:16px;color:#fff;margin-left:3px;white-space:nowrap}.main .infos{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;background-color:#ededed;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;height: 2.14rem;align-items:center;padding:.38rem .76rem .38rem .42rem;box-sizing: content-box;}@media only all and (max-width:1000px){.main .infos{padding:20px 2%}}@media only all and (max-width:768px){.main .infos{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}}@media only all and (max-width:768px){.main .infos .items{width:50%;margin-bottom:20px}}.main .infos-title{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.main .infos-title img{margin-right:8px}.main .infos-title .infos-title-text{font-family:OPPOSans;font-size:20px;color:#5a5a5a}.main .infos-title .phone{height:auto;width:21px}.main .infos-title .email{height:20px;width:auto}.main .infos-desc{margin-top:10px;font-family:OPPOSans;color:#5a5a5a;line-height:1.2;font-size:16px}.main .infos-desc a,.main .infos-desc a:hover{color:#5a5a5a}.main .code{width:137px}@media only all and (max-width:1000px){.main .code{width:100px}}

.footer{background-color:#333;margin-top:1rem}.footer .container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.footer .container-top{padding-top:1.23rem;padding-bottom:1rem}.footer .container-top .line{height:1px;background:#fff;margin-top:.26rem}.footer .container-bottom{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;width:100%}.footer .container-bottom,.footer .container-bottom-left{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.footer .container-bottom-left{font-size:.16rem;color:#fff;line-height:.33rem;gap:.75rem}.footer .container-bottom-left>ul>li:first-of-type{font-size:.2rem;line-height:.28rem;margin-bottom:.35rem}
.footer .container-bottom-left ul li{color:#fff;}.footer .container-bottom-left>ul>li:first-of-type.active{color:#eb6100}.footer .container-bottom-right li{font-size:.2rem;color:#fff;line-height:.33rem}

.footer .container-bottom-left ul li{color:#fff;line-height: .33rem;font-size:.16rem;cursor: pointer;}.footer .container-bottom-left ul li:hover{color:#eb6100}.footer .container-top .logo{width:1.2rem;} .footer .container-top .arrow-top{width:10px;height:10px;transform: rotate(45deg);border-top: 1px solid #eb6100;border-left: 1px solid #eb6100;float: right;display:flex;cursor: pointer;}.footer .container-top .arrow-top:before{content: '';width: 15px;height: 2px;background-color: #eb6100;transform: rotate(-45deg);    margin-top: -5px;margin-left: -11px;cursor: pointer;}
@media(max-width: 500px){
    .footer .container-bottom-left{gap:.45rem}
    .main .infos-desc{
        white-space: nowrap;
    }
}

.main .infos-desc{
  height: 30px;
}


.main .infos {
  padding: 10px .76rem 10px .42rem;
}
@media (max-width: 768px) {
    .main .product-platform .product-components>div ul li {
        margin:0 10px;
    }

    header .logo {
        width: 1.2rem;
        height: auto;
    }

    .main .product-platform {
        padding: .91rem 0;
    }

    .main .common-banner-wrap .common-banner-title {
        font-size: .25rem;
        margin-bottom: 15px;
    }

    .main .application-area {
        padding-top: .82rem;
        padding-bottom: .915rem;
    }

    .main .application-area h1 {
        margin-bottom: .8rem
    }
}

@media (max-width: 980px) {
    .main #cus_overlay .company-name,.main .map-infos .company-name,.main #cus_overlay .addr span,.main .map-infos .addr span {font-size: 13px}
    .main #cus_overlay .maplogo,.main .map-infos .maplogo{width: 60px}
    .main .infos-title,.main .infos-title .infos-title-text{
        font-size: 16px
    }
    .main .infos-title .email,.main .infos-title .phone{width: 16px}
}
@media (max-width: 890px) {
    .main .infos{
        flex-wrap: wrap;
        height: auto;
    }
    .main .infos > div:nth-child(1){
        order: 1;
        flex: 0 0 50%;
        width: 50%;
    }
    .main .infos > div:nth-child(2){
        order: 3;
    }
    .main .infos > div:nth-child(3){
        flex: 0 0 50%;
        width: 50%;
        order: 2;
        display: flex;
        justify-content: flex-end;
        transform: translate(-10px, 50%);
    }
}