
@media screen and (max-width: 1000px){
    .width-1200 {
        width: 100%;

    }
    .content-prod{
        overflow: hidden;
    }
    .pmenu-content .buz-chain {
        padding-bottom: .41rem;
    }
    .pmenu-content .buz-chain .bc-table {
        display: flex;
    }
    
    .pmenu-content .buz-chain .bc-title,
    .pmenu-content .sdwan-content .sw-title,
    .pmenu-content .app .app-title,
    .pmenu-content .ott .ott-title,
    .pmenu-content .it-serv .is-title {
        line-height: .25rem;
        font-size: .26rem;
        font-family:PingFang-SC-Medium;
        font-weight:500;
        color:rgba(51,51,51,1);
        padding-top: .45rem;
        margin-top: 0;
    }
    .pmenu-content .buz-chain .bc-stitle,
    .pmenu-content .sdwan-content .sw-stitle,
    .pmenu-content .app .app-stitle, 
    .pmenu-content .ott .ott-stitle{
        line-height: .2rem;
        font-size: .2rem;
        font-family: PingFang-SC-Medium;
        margin-top: .22rem;
        margin-bottom: .51rem;
    }
    .pmenu-content .ott .ott-stitle,
    .pmenu-content .sdwan-content .sw-stitle{
        margin-bottom: .29rem; 
    }
    .pmenu-content .buz-chain .bc-cell .bc-icon-title {
        line-height: .16rem;
        font-size: .16rem;
        font-family:PingFang-SC-Medium;
        margin-top: .14rem;
    }
    .pmenu-content .buz-chain .bc-cell .bc-icon-stitle {
        margin-top: .11rem;
        line-height: .16rem;
        font-size: .14rem;
    }
    .pmenu-content .buz-spots .bg-img {
        height: 2rem;
        background-size: cover;
    }

    .pmenu-content .sdwan-content .sw-dataflow-wrap {
        margin-top: 0;
    }
    .di-cell-1 img{
        width: 4.52rem;;
    }
    .pmenu-content .sdwan-content .di-table{
        height: 2.72rem;
    }
    .pmenu-content .sdwan-content .dataflow-item-odd .di-table .di-cell-1 {
        padding-left: .39rem;
        position: relative;
    }
    .pmenu-content .sdwan-content .img-text {
        position: absolute;
        top: 1.5rem;
        left: .91rem;
    }
    .di-cell-2 img{
        width: .81rem;
    }
    .pmenu-content .sdwan-content .dataflow-item-odd .di-table .di-cell-2 {
        padding-left: .21rem;
        padding-right: .23rem;
    }
    .pmenu-content .sdwan-content .df-desc {
        line-height: .18rem;
        font-size: .18rem;
        color: #333333;
        width: .75rem;
    }
    .ott-app .oa-left {
        margin: 0 .65rem 0 .7rem;
        float: none;
    }
    .ott-scheme {
        padding-bottom: .6rem;
        height: auto;
    }
    .ott-scheme .scheme-title {
        padding-top: .29rem;
        line-height: .22rem;
        font-size: .22rem;
        font-family:PingFang-SC-Regular;
    }
    .ott-scheme .ott-sc-menu {
        margin-top: .44rem;
        line-height: .12rem;
        font-size: .12rem;
        font-family:PingFang-SC-Regular;
    }
    .ott-scheme .ott-sc-content {
        margin-top: .44rem;
    }
    .ott-table .ott-cell-middle {
        width: 40%;
    }
    .ott-table .ott-cell .cell-img {
        height: .61rem;
        width: .61rem;
        background-size: cover;
    }
    .ott-cell .cell-img.ott-base-01,
    .ott-cell .cell-img.ott-base-02,
    .ott-cell .cell-img.ott-base-03{
        background-size: cover
    }
    .ott-cell .cell-title {
        line-height: .21rem;
        font-size: .27rem;
        margin-top: .14rem;
        margin-bottom: .2rem;
        font-family: PingFang-SC-Light;
    }
    .ott-cell .cell-small {
        font-size: .12rem;
        line-height: .21rem;
    }
    .ott-cell .middle {
        margin-bottom: .09rem;
    }
    .pmenu-content .it-serv .is-tt .is-stitle {
        line-height:.21rem;
        font-size: .2rem;
        font-family:PingFang-SC-Medium;
        font-weight:500;
    }
    .pmenu-content .it-serv .is-stitle:not(:first-child) {
        margin-top: .11rem;
        font-size: .17rem;
    }
    .pmenu-content .it-serv_data .data-img {
        background-size: contain;
        height: 1.49rem;
    }
    .pmenu-content .it-serv_data .serv-feature {
        transform: translate(-50%, -50%);
        top: 0;
        left: 50%;
        width: 89.3%;
    }
    .pmenu-content .it-serv_data .sf-table {
        height: 1.4rem;
    }
    .pmenu-content .it-serv_data {
        height: 1.49rem;
    }
    .pmenu-content .it-serv_data .sf-cell .sf-img1 {
        width: .58rem;
        height: .58rem;
    }
    .pmenu-content .it-serv_data .sf-cell .sf-img2 {
        width: .49rem;
        height: .49rem;
    }
    .pmenu-content .it-serv_data .sf-cell .sf-img3 {
        width: .64rem;
        height: .53rem;
    }
    .pmenu-content .it-serv_data .sf-cell .sf-cell-desc p {
        line-height: .2rem;
        font-size: .14rem;
        font-family:PingFang-SC-Regular;
        font-weight:400;
        color:rgba(102,102,102,1);
    }
    .pmenu-content .it-serv_data .sf-cell .sf-div {
        height: .71rem;
    }
    .pmenu-content .it-serv .is-tt {
        margin: .2rem 0 .97rem 0;
    }
    .pmenu-content .it-serv_yunwei .yw-container {
        padding-top: .28rem;
    }
    .pmenu-content .it-serv_yunwei .yw-tt .yw-logo {
        position: relative;
        height: .78rem;
    }
    .pmenu-content .it-serv_yunwei .yw-tt .yw-logo img{
        height: 100%;
        width: 100%;
        background-size: cover;
    }
    .pmenu-content .it-serv .yw-logo img {
        height: .78rem;
        width: 2.47rem;
    }
    .pmenu-content .it-serv_yunwei .yw-tt .yw-title {
        position: absolute;
        bottom: .09rem;
        left: .15rem;
        line-height: .25rem;
        font-size: .26rem;
    }
    .pmenu-content .it-serv_yunwei .yw-img {
        height: 4.26rem;
        padding: 1.1rem 0.13rem 0;
    }
    .pmenu-content .it-serv_yunwei .yw-img img {
        height: 4.26rem;
        background-size: cover;
        width: 100%;
    }
    .pmenu-content .it-serv_yunwei .yw-tt .yw-stitle {
        font-size: .25rem;
        line-height: .33rem;
        margin-top: .03rem;
        margin-left: .15rem;
        font-family:PingFang-SC-Regular;
        font-weight:400;    
    }
    .pmenu-content .it-serv_yunwei {
        margin-bottom: .41rem;
    }
    .bc-img1 {
        width: .75rem;
        height: .62rem;
    }
    .bc-img2 {
        width: .63rem;
        height: .63rem;
    }
    .bc-img3 {
        width: .63rem;
        height: .63rem;
    }
    .bc-img4 {
        width: .64rem;
        height: .64rem;
    }
    /* wifi门户 */
    .pmenu-content .app .feature {
        margin-top: .61rem;;
    }
    .feature .f-item .f-img1 {
        width:  .8rem;
        height: .8rem;
    }
    .feature .f-item .f-img2 {
        width:  .8rem;
        height: .8rem;
    }
    .feature .f-item .f-img3 {
        width:  .8rem;
        height: .8rem;
    }
    .feature .f-item .f-img4 {
        width:  .8rem;
        height: .8rem;
    }
    .feature .f-item .item-desc {
        line-height: .14rem;
        font-size: .14rem;
        font-family:PingFang-SC-Regular;
        font-weight:400;
        color:rgba(102,102,102,1);
        margin-top: .13rem;
    }
    .feature .f-item div {
        height: .71rem;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .feature .f-item:before, .feature .f-item:after {
        width: .01rem;
        height: .7rem;
        background:rgba(254,140,67,1);
        opacity:0.5;
        top: .18rem;
    }
    .feature .f-item:first-child::before {
        display: none;
    }
    .feature .f-item:last-child::after {
        display: none;
    }
    .pmenu-content .app {
        margin-bottom: .3rem;
    }
    .pmenu-content .store .store-title {
        line-height: .26rem;
        font-size: .26rem;
        font-family:  PingFang-SC-ExtraLight;
        color:rgba(51,51,51,1);
        padding-top: .3rem;
    }
    .pmenu-content .store .store-stitle {
        margin-top: .28rem;
        line-height: .18rem;
        font-size: .18rem;
        font-family:PingFang-SC-ExtraLight;
        color:rgba(51,51,51,1);
    }
    .pmenu-content .store .store-items {
        display: none;
    }
    .mobile-store-items {
        display: flex !important;
        justify-content: center;
        /* margin-top: .17rem; */
        margin-bottom: .26rem;
        margin-top: .23rem;
    }
    .pmenu-content .store .mobile-store-items .s-item {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        width: 30%;
        position: relative;
    }
    .pmenu-content .store .mobile-store-items .s-item .s-item-img-m{
      width: .63rem;
    }
    .store .mobile-store-items .s-item .item-desc {
        line-height:.14rem;
        font-size:.14rem;
        margin-top: .09rem;
        font-family:PingFang-SC-ExtraLight;
        color:rgba(51,51,51,1);
    }
    .store .store-container .store-bottom img {
        height: 2.52rem;
        width: 5.02rem;
    }
    .store .store-container .store-bottom {
        height: 3.36rem;
    }
    /* OTT */
    .mobile-oa-desc-container {
        display: flex !important;
        justify-content: space-between;
        text-align: left;
        justify-content: space-around;
        margin-bottom: .3rem;
        margin-top: -.3rem;
    }
    .oa-right {
        display: none;
    }
    .mobile-oa-desc-container h3 {
        line-height: .17rem;
        font-size: .18rem;
        font-family:PingFang-SC-Medium;
        font-weight:500;
        color:rgba(219,122,60,1);
        margin-bottom: .14rem;
        margin-top: .04rem;
    }
    .mobile-oa-desc-container .f-item {
        line-height: .14rem;
        font-size: .14rem;
        font-family:PingFang-SC-Regular;
        font-weight:400;
        color:rgba(51,51,51,1);
        margin-bottom: .06rem;
    }
    .mobile-oa-desc-container .f-item:last-child {
        margin-bottom: 0;
    }
    .desc-div {
        display: flex;
    }
    .f-division-line {
        width: .02rem;
        height: 1.67rem;
        background:rgba(217,110,41,1);
        opacity:0.4;
        position: absolute;
        left: 50%;

    }
    .f-item-left {
        margin-right: .11rem;
    }
    .oa-up {
        margin-bottom: .18rem;
    }
    .oa-up2 {
        margin-bottom: .14rem;
    }
    .mobile-oa-desc-container .ott-h3 {
        margin-bottom: .1rem;
    }
    .mobile-oa-desc-container .yun-h3 {
        margin-bottom: .04rem;
    }
    .oa-left.swiper-slide {
        width: 5.53rem !important;
        height: auto !important;
    }
   .oa-left .swiper-wrapper {
        width: 27.65rem !important;
        height: 3.31rem !important;
    }
   /* .oa-left .sw-dataflow-wrap {
        display: none;
    } */
    .mobile-sw-dataflow-wrap {
        display: block !important;
    }
    .mobile-sw-dataflow-wrap li img {
        height: 2.72rem;
        width: 100%;
        background-size: cover;
    }
    /* prod下拉框*/
    .prod-menu {
        display: none;
    }
    .mobile-prod-menu {
        display: block !important;
        text-align: center;
        box-shadow:0px 3px 7px 0px rgba(4,0,0,0.16);
    }
    .mobile-prod-menu .choosed-item {
        line-height: .5rem;
        font-size: .2rem;
        font-family: PingFang-SC-Medium;
        font-weight: 500;
        color: rgba(217,110,41,1);
        text-align: center;
        background:rgba(246,247,252,1);
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .mobile-prod-menu .choosed-item .arrow-img {
        background-image: url('/pages/prod/imgs/arrow-up.png');
        background-size: cover;
        height: .11rem;
        width: .2rem;
        position: absolute;
        right: 1.47rem;
    }
    .mobile-prod-menu .pmenu-item {
        height: .47rem;
        line-height: .47rem;
        font-size: .2rem;
        font-family:PingFang-SC-Medium;
        font-weight:500;
        color:rgba(102,102,102,1);

    }
    .mobile-prod-menu .pmenu-item:hover {
        color: rgba(217,110,41,1);
    }
    .mobile-prod-menu .mobile-pmenu-container .active {
        color: rgba(217,110,41,1);
    }
    .mobile-prod-menu .mobile-pmenu-container {
        background:rgba(246,247,252,1);
        box-shadow:0px 3px 7px 0px rgba(4,0,0,0.16);
        position: absolute;
        width: 100%;
        z-index: 5;
    }
    .hide {
        display: none;
    }
    .up-arrow {
        background-image: url('/pages/prod/imgs/arrow-down.png') !important;
    }
    .ott-app .oa-left .oa-imgs .swiper-container{

        width: 5.53rem;
        height: 3.54rem;
    }
    .ott-app .oa-left .oa-imgs .swiper-container .swiper-slide-img-m{
            width: 100%;
    }
     /* 图标 */
     .pmenu-content .buz-spots {
        height: 2rem;
    }
    .pmenu-content .buz-spots .waves {
        width: 100%;
        left: 0;
        margin-left: 0;
    }
    .pmenu-content .buz-spots .wave.left-spot {
        left: 2.14rem;
        top: .24rem;
    }
    .pmenu-content .buz-spots .wave.center-spot_up {
        top: .3rem;
        left: 3.35rem;
    }
    .pmenu-content .buz-spots .wave.center-spot_down {
        display: block;
        left: 3.35rem;
        top: .84rem;
    }
    .pmenu-content .buz-spots .tv-content {
        top: .4rem;
        margin-left: -0.5rem;
    }
    .pmenu-content .buz-spots .tv-content img{
        background-size: cover;
        width: 1.2rem;
        height: 0.7rem;
    }
    /* 灯的效果 */
    @keyframes deng-ani {
        0% {
            background: url(/pages/prod/imgs/default-status.jpg) no-repeat center center;
            width: 100%;
            height: 2rem;
            background-size: cover;
        }

        25% {
            background: url(/pages/prod/imgs/deng-01.jpg) no-repeat center center;
            width: 100%;
            height: 2rem;
            background-size: cover;
        }
        50% {
            background: url(/pages/prod/imgs/deng-02.jpg) no-repeat center center;
            width: 100%;
            height: 2rem;
            background-size: cover;
        }
        75% {
            background: url(/pages/prod/imgs/deng-03.jpg) no-repeat center center;
            width: 100%;
            height: 2rem;
            background-size: cover;
        }
        100% {
            background: url(/pages/prod/imgs/default-status.jpg) no-repeat center center;
            width: 100%;
            height: 2rem;
            background-size: cover;
        }
    }
    .pmenu-content .buz-spots .bg-img.deng-animate {
        animation: deng-ani 8s;
        animation-iteration-count:1;
    }
    /* 电视 */
    @keyframes tv-ani {
        0% {
            /* background-image: url(./imgs/default-status.jpg);
            background-size: 100% 512px; */
            background: url(/pages/prod/imgs/default-status.jpg) no-repeat center center;
            height: 2rem;
            background-size: cover;
        }
        25% {
            /* background-image: url(./imgs/tv-01.jpg);
            background-size: 100% 512px; */
            background: url(/pages/prod/imgs/tv-01.jpg) no-repeat center center;
            height: 2rem;
            background-size: cover;
        }
        50% {
            /* background-image: url(./imgs/tv-02.jpg);
            background-size: 100% 512px; */
            background: url(/pages/prod/imgs/tv-02.jpg) no-repeat center center;
            height: 2rem;
            background-size: cover;
        }
        75% {
            /* background-image: url(./imgs/tv-03.jpg);
            background-size: 100% 512px; */
            background: url(/pages/prod/imgs/tv-03.jpg) no-repeat center center;
            height: 2rem;
            background-size: cover;
        }
        100% {
            /* background-image: url(./imgs/default-status.jpg);
            background-size: 100% 512px; */
            background: url(/pages/prod/imgs/default-status.jpg) no-repeat center center;
            height: 2rem;
            background-size: cover;
        }
    }
    .pmenu-content .buz-spots  .phone{
        position: absolute;
        display: flex;
        justify-content:center;
        align-items:center;
        background:rgba(0, 0, 0, 0.3);
        width: 100%;
        height:2rem;
        padding-top: .2rem;
        right: 0;
    }
    .pmenu-content .buz-spots  .phone .text{
     
        font-size: .16rem;
        top:.1rem
      
    }
    .pmenu-content .buz-spots  .phone.btn-show{
        animation:phone-animation-show 1.5s ;
        top: 0;
    }
    .pmenu-content .buz-spots  .phone.btn-hide{
        animation:phone-animation-hide 1.5s ;
        top: 2rem;
    }
    @keyframes phone-animation-hide {
        0% {
            top:0;
          }
          100% {
            top: 2rem;
          }
    }
    @keyframes phone-animation-show {
        0% {
            top: 2rem;
          }
          100% {
            top: 0;
          }
    }
    .pmenu-content .buz-spots  .phone .phone-btn-1{
        position: relative;
   
        background: url(/pages/prod/imgs/leisure-mode.png) no-repeat center center;
      
        background-size:  .8rem 1.11rem;
        top: 0;
        left: 0;
        width: .8rem;
        height: 1.11rem;
     
 
    }
    .pmenu-content .buz-spots  .phone .phone-btn-2{
        position: relative;
      
        background: url(/pages/prod/imgs/lunchbreak-mode.png) no-repeat center center;
        background-size:  .8rem 1.11rem;
        top: 0;
        left: 0;
        width: .8rem;
        height: 1.11rem;
        margin-left: .96rem;
        margin-right: .96rem;
      
     
    }
    .pmenu-content .buz-spots  .phone .phone-btn-3{
        position: relative;
     
        background: url(/pages/prod/imgs/sleep-patterns.png) no-repeat center center;
        background-size:  .8rem 1.11rem;
        top: 0;
        left: 0;
        width: .8rem;
        height: 1.11rem;
   
    }
    .pmenu-content .buz-spots .bg-img.tv-animate {
        animation: tv-ani 8s;
        animation-iteration-count:1;
    }
  
    .ott-app {
        margin-top: 60px;
    }
    .ott-app  .tabs{
        width: 100%;
      text-align: center;
    }
    
    
    
    
    .ott-app  .tabs ul {

        margin-bottom: .45rem;
    }
    .ott-app  .tabs ul li{
        float: left;
      
        
    }
    .ott-app  .tab{
        display: none;
        width: 100%;
        height: .61rem;
        background:rgba(255,255,255,1);
        box-shadow:0px 5px 24px 0px rgba(0, 0, 0, 0.05); 
        margin-bottom: 51px;
        text-align: center;
    }
    .ott-app  .tab ul li{
        float: left;
        font-size:.12rem;
        line-height: .61rem;
        text-align: center;
        
    }
    .ott-app  .tabs ul li .tabs-img{
        width: .87rem;
        height: .87rem;

    }

    .ott-app  .tabs .tabs-img-2{
        margin: 0 1.29rem;
       
      }

    .ott-app  .tab ul{
        width: 100%;
    }
    .ott-app  .tab ul li{
        float: left;
    }
    .ott-app  .tab-1 ul li{
      width: 33.3%;
      text-align: center;
    }
    .ott-app  .tab-2 ul li{
        width: 100%;
        text-align: center;
      }
      .ott-app  .tab-3 ul {
      width: 100%;
    }
      .ott-app  .tab-3 ul li{
    
        text-align: center;
      }

    
    .ott-app  .tabs .line{
        display: none;
        position: relative;
        margin-top: .14rem;
        left: 50%;
        margin-left: -.14rem;
      ;
        width:.28rem;
        height:.02rem;
        background:#000000;
        opacity:0.5;
    }
    .ott-app  .tabs p{
        color:#333;
        font-size: .17rem;
     }

    .ott-app  .tab-3{
        display: none;
        width: 100%;
        height: .61rem;
        background:rgba(255,255,255,1);
        box-shadow:none; 
        margin-bottom: 51px;
        text-align: center;
    }
    .tab-swiper-container ul li{
        float: left;
    }
    .tab-swiper-container{
 
        width: 100%;
        height: .61rem;
        background:rgba(255,255,255,1);
        box-shadow:0px 5px 24px 0px rgba(0, 0, 0, 0.05); 
        margin-bottom: 51px;
        text-align: center;
    }
    .tab-swiper-container ul {
        width: 100%;
    }
    .tab-swiper-container ul li{
        /* display: none; */
        line-height:  .61rem;
        float: left;
        width: 25%;
        text-align: center;
        color: #999;
        font-size: .12rem;
    }
    .curFlex{
        display: flex
    }
    


}
