.main .model-title{position:relative;font-family:OPPOSans;font-size:20px;color:#4c4c4c;padding-bottom:28px;margin-bottom:90px;margin-top:28px;display:inline-block}@media only all and (max-width:1000px){.main .model-title{padding-bottom:18px;margin-bottom:40px;margin-top:18px}}@media only all and (max-width:768px){.main .model-title{padding-bottom:8px;margin-bottom:20px;margin-top:10px}}.main .model-title:after{position:absolute;content:"";bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:70%;height:3px;background:#eb6100}.main .list{width:100%}.main .list .items{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:75px 0;-webkit-transition:all .3s;transition:all .3s;margin:0 auto;cursor:pointer;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-perspective:1000px;perspective:1000px;border-bottom:1px solid rgba(0,0,0,.5)}@media only all and (max-width:1000px){.main .list .items{padding:6% 0}}@media only all and (max-width:768px){.main .list .items{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:20px 0}}.main .list .items .types{font-family:OPPOSans;font-size:20px;color:#eb6100;margin-left:-12px;-webkit-transition:all .3s;transition:all .3s}@media only all and (max-width:768px){.main .list .items .desc{margin:20px 0 10px;width:100%}}.main .list .items .desc .title{font-family:OPPOSans;font-size:20px;color:#222;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-left:-12px;-webkit-transition:all .3s;transition:all .3s}.main .list .items .desc .brief{font-family:OPPOSans;font-size:16px;color:#222}@media only all and (max-width:768px){.main .list .items .desc .brief{margin-top:4px}}.main .list .items .time{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;font-family:Futura PT;font-weight:500;font-size:24px;color:#505050;opacity:.5;margin-right:42px;-webkit-transition:all .3s;transition:all .3s}.main .list .items .time span{font-size:16px}.main .list .hoverclass{background:#fff;box-shadow:0 3px 43px 0 rgba(0,0,0,.11);border-radius:20px;border-bottom:0;z-index:3;-webkit-transform:translateZ(50px) scale(1);transform:translateZ(50px) scale(1);-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.main .list .hoverclass .types{font-family:OPPOSans-M;font-size:24px;color:#fff;padding:13px 50px 13px 43px;margin-left:0;background:#eb6100;border-radius:0 20px 20px 0}@media only all and (max-width:1000px){.main .list .hoverclass .types{font-size:20px;padding:8px 15px}}@media only all and (max-width:768px){.main .list .hoverclass .desc{padding:0 6px}}.main .list .hoverclass .desc .title{font-size:28px}@media only all and (max-width:1000px){.main .list .hoverclass .desc .title{font-size:24px}}.main .list .hoverclass .desc .brief{font-size:20px}@media only all and (max-width:1000px){.main .list .hoverclass .desc .brief{font-size:16px}}.main .list .hoverclass .time{font-size:28px}@media only all and (max-width:1000px){.main .list .hoverclass .time{font-size:24px}}@media only all and (max-width:768px){.main .list .hoverclass .time{padding:0 6px}}.main .list .bordernone{border-bottom:0}

.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}
.news-container .list .desc{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-left: -12px;
  margin-left: -12px;
  flex: 1;
  padding: 0 6%;
}

.hoverclass .desc{
  width: 62%;
} 

@media (max-width: 980px) {
  .main .list .items .desc{
    flex: none;
    width: 100%;
    padding-left: 0;
    margin-left: 0;
  }
  .main .list .items .desc .title{
    margin-left: 0;
  }
}
.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}}
@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
    }
    .main .list .hoverclass .desc .title {
        font-size:18px
    }
    .main .list .hoverclass .desc .brief {
        font-size:14px
    }
}
@media only all and (max-width: 500px) {
    .main .model-title {
        margin-bottom: 10px;
        font-size: 18px;
    }
    .main .list .items .types{
        font-size: 16px;
    }
    .main .list .items .desc .title {
        font-size: 14px;
 
    }
    
    .main .list .items .desc .brief {
        font-size: 12px;
    }
    
}