.programmeBg{
    width: 100%;
    background: url(/img/programme/programmeBG.png) no-repeat;
    text-align: center;
    font-family: SourceHanSansCN, SourceHanSansCN;
font-weight: bold;
font-size: 36px;
color: #031A37;
line-height: 54px;
letter-spacing: 2px;
font-style: normal;
height: 170px;
line-height: 170px;
background-size: 100% 100%;
}

.mainRow{
    width: 100%;
    height: auto;
    margin-top: 30px;
    padding-left: 10%;
    padding-right: 10%;
    display: flex;
    flex-direction: row;
    align-items: center;
    box-sizing: border-box;
}
.mainRowItem{
    width: 25%;
    height: 100%;
    text-align: center;
    cursor: pointer;
}
.mainRowItemImg{
    height: auto;
    width: 80%;
}
.mainRowItemText{
    height: 30px;

    width: 100%;
    line-height: 30px;
    font-family: PingFangSC, PingFang SC;
font-weight: 400;
font-size: 18px;
color: #000000;
}
.article_title{
    width: 100%;
    height: 50px;
    line-height: 50px;
    margin-top: 20px;
    font-family: PingFangSC, PingFang SC;
font-weight: 600;
font-size: 32px;
color: #000000;
text-align: left;
font-style: normal;
color: #2CB68D;
}
.line{
    width: 100%;
    height: 1px;
   background-color: #ccc;
   margin-top: 20px;
    margin-bottom: 20px;
}
.text{
    width: 100%;
    line-height: 26px;
    height: auto;
    font-family: PingFangSC, PingFang SC;
font-weight: 400;
font-size: 16px;
color: #000000;
text-align: left;
}
.videoLay{
    width: 100%;
    text-align: center;
}
.rowTitle{
    width: 100%;
    height: auto;
    line-height: 40px;
    /* margin-top: 20px;
    margin-bottom: 20px; */
    font-family: PingFangSC, PingFang SC;
    font-weight: 600;
    font-size: 20px;
    color: #2CB68D;
    text-align: left;
    font-style: normal;
}
.dianImg{
    width: 21px;
    height: 21px;
    margin-right: 20px;
    vertical-align: middle;
}

.jtImg{
    width: 14px;
    height: 14px;
    margin-right: 20px;
    margin-bottom: 4px;
    vertical-align: middle;
}
.mainImg{
    width: 80%;
}
.dbImg{
    width: 40%;
}
.gjRowTitle{
    color: #3366cc;
    height: 40px;
}
.gjDianImg{
    width: 21px;
    height: 21px;
    margin-right: 20px;
    vertical-align: baseline;
}
.scText{
    color: #fb9d05;
    font-size: 16px;
    font-weight: bold;
}
.xDianImg{
    width: 12px;
    height: 12px;
    margin-right: 20px;
    vertical-align: middle;
}
.back{
    width: 60px;
    height: 60px;
    float: right;
    cursor: pointer;
    display: none;
    text-align: center;
    line-height: 60px;
}
.titleBg{
    width: 100%;
    height: 40px;
    display: flex;
    flex-direction: row;
    align-items: center;
    box-sizing: border-box;
    margin-top: 20px;
    margin-bottom: 20px;

}
.titleImg1{
    width: 218px;
    height: 33px;
    background: url(/img/programme/titleImg1.png) no-repeat;
    font-weight: 400;
font-size: 16px;
color: #ccc;
line-height: 26px;
text-align: center;
font-style: normal;
font-family: PingFangSC, PingFang SC;
}
.titleImg2{
    width: calc(100% - 230px);
    height: 33px;
    background: url(/img/programme/titleImg2.png) no-repeat;
    overflow: hidden;
    text-align: center;
}

.desMain{
    overflow-y: auto;
    padding-left: 10%;
    padding-right: 10%;
    box-sizing: border-box;
    margin-top: 0px;
    height: calc(100% - 40px);
}
.proMain{
    width: 50%;
    margin-left: 25%;
    margin-right: 25%;
    padding-left: 5%;
    padding-right: 5%;
    height: calc(100% - 130px);
    box-sizing: border-box;
    background: #ffff;
    margin-top: 60px;
}
.phoneBgMain{
    width: 60%;
    margin-left: 20%;
    margin-right: 20%;
    height: calc(100% - 130px);
    box-sizing: border-box;
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 60px;
    background: url('../img/programme/phoneBg.png') no-repeat;
}
.logoLeft{
    width: 3.75%;
    height: 29.9vh;
    position: absolute;
    left: 21.25%;
    bottom: 70px;
}
.logoRight{
    width: 3.75%;
    height: 29.9vh;
    position: absolute;
    right: 21.25%;
    top: 60px;
}
.closeText{
    width: auto;
    height: 30px;
    cursor: pointer;
    position: absolute;
    right: 340px;
    top: 15px;
    color: #fff;
    border-radius: 5px;
    border: #fff 1px solid;
    text-align: center;
    line-height: 30px;
    padding-left: 20px;
    padding-right: 20px;
}
.programmeTitle{
    width: 100%;
    height: 9.26vh;
    font-size: 2vw;
    font-family: PingFangSC, PingFang SC;
font-weight: 600;
color: #141A28;
line-height: 9.26vh;
text-align: center;
font-style: normal;
}
.typeLay{
    width: 100%;
    height: 5.18vh;
    font-family: PingFangSC, PingFang SC;
font-weight: 600;
font-size: 1vw;
color: #141A28;
line-height: 5.18vh;
text-align: center;
font-style: normal;
display: flex;
flex-direction: row;
align-items: center;
box-sizing: border-box;
justify-content: center;
}

.typeItem{
    width: 5.1vw;
    height: 5.18vh;
    text-align: center;
    cursor: pointer;
}
.typeClick{
    background: #141A28;
border-radius: 2.59vh;
color: #fff;
}
.mainItem{
    width: 27vw;
    height: 45vh;
    border-radius: 0.83vw;
    margin-right: 1.2vw;
    overflow: hidden;
    box-shadow: 0px 2px 17px 0px rgba(0,0,0,0.2);
    cursor: pointer;
}
.mainItemImgLay{
    width: 27vw;
    height: 27.78vh;
    position: relative;
}
.mainItemImg{
    width: 100%;
    height: 100%;
    /* background-image: url('image.jpg'); 
    background-size: 100% 100%; 
    background-repeat: no-repeat;  */
}
.mainItemBottomLay{
    width: 27vw;
    height: 17.22vh;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}
.mainItemTitle{
    width: auto;
    height: 4.63vh;
    position: absolute;
    left: 6.15%;
    top: 76%;
    font-family: PingFangSC, PingFang SC;
font-weight: 400;
font-size: 1.6vw;
color: #FFFFFF;
line-height: 4.63vh;
text-align: left;
font-style: normal;
}
.mainItemRow{
    width: 100vw;
    height:45vh;
    margin-top: 3.7vh;
    padding-left: 8.3vw;
    padding-right: 8.3vw;
    display: flex;
    flex-direction: row;
    align-items: center;
    box-sizing: border-box;
}
.mainItemBottomTitle{
    width: 100%;
    height: 2.6vh;
    font-family: PingFangSC, PingFang SC;
font-weight: 400;
font-size: 1vw;
color: #141A28;
line-height: 2.6vh;
text-align: left;
font-style: normal;
padding-left: 6.15%;
margin-top: 1.85vh;
box-sizing: border-box;
}
.mainItemBottomText{
    width: 100%;
    height: 5.2vh;
    font-family: PingFangSC, PingFang SC;
font-weight: 400;
font-size: 0.833vw;
color: #888A8F;
line-height: 2.6vh;
text-align: left;
font-style: normal;
padding-left: 6.15%;
padding-right: 6.15%;
margin-top: 0.925vh;
box-sizing: border-box;
display: -webkit-box;
  -webkit-line-clamp: 2; /* 限制显示两行 */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis; /* 超出部分显示省略号 */
}
.mainItemBottomDes{
    width: 100%;
    height: 2.6vh;
    font-family: PingFangSC, PingFang SC;
font-weight: 400;
font-size:  0.833vw;
color: #3895FC;
line-height: 2.6vh;
text-align: left;
font-style: normal;
padding-left: 6.15%;
margin-top: 1.85vh;
box-sizing: border-box;
cursor: pointer;
}
.mainBottomLay{
  width: 100%;
  height: 40vh;
  background: #031937;
  position: relative;
}
.mainBottomBottom{
  width: 100%;
  height: 4vh;
  overflow: hidden;
  line-height: 1.85vh;
  font-size: 0.625vw;
  font-weight: 500;
  color: #FFFFFF;
  text-align: center;
  box-sizing: border-box;
  position: absolute;
  bottom: 0;
  left: 0;
}
.mainBottomMainLay{
  width: 100%;
  height: 36vh;
  display: flex;
  flex-direction: row;
  align-items: center;
  box-sizing: border-box;
}
.mainBottomMainLeft{
  width: 53.5vw;
  height: 100%;
  box-sizing: border-box;
  font-family: SourceHanSansCN, SourceHanSansCN;
font-weight: bold;
font-size: 2.5vh;
color: #FFFFFF;
text-align: left;
padding-left: 8.333vw;
display: flex;
align-items: center;
}
.mainBottomMainItem{
  width: 8.59vw;
  height: 100%;
  margin-left: 1.5625vw;
  border-radius: 0.83vw;
  overflow: hidden;
  display: flex;
align-items: center;
flex-direction: column;
  justify-content: center;
}
.mainBottomMainItemImg{
  width: 8.59vw;
  height:8.59vw;
}
.mainBottomMainItemText{
  width: 100%;
  font-family: PingFangSC, PingFang SC;
  font-weight: 600;
  font-size: 0.833vw;
  color: #FFFFFF;
  text-align: center;
  font-style: normal;
  margin-top: 1.85vh;
}
@keyframes btnAnime{
    0% {
        background: linear-gradient(to bottom right, #32c2ff -200%, #b932ff -100%, #32c2ff 0%, #b932ff 100%);
      }
      5% {
        background: linear-gradient(to bottom right, #32c2ff -190%, #b932ff -90%, #32c2ff 10%, #b932ff 110%);
      }
      10% {
        background: linear-gradient(to bottom right, #32c2ff -180%, #b932ff -80%, #32c2ff 20%, #b932ff 120%);
      }
      15% {
        background: linear-gradient(to bottom right, #32c2ff -170%, #b932ff -70%, #32c2ff 30%, #b932ff 130%);
      }
      20% {
        background: linear-gradient(to bottom right, #32c2ff -160%, #b932ff -60%, #32c2ff 40%, #b932ff 140%);
      }
      25% {
        background: linear-gradient(to bottom right, #32c2ff -150%, #b932ff -50%, #32c2ff 50%, #b932ff 150%);
      }  
      30% {
        background: linear-gradient(to bottom right, #32c2ff -140%, #b932ff -40%, #32c2ff 60%, #b932ff 160%);
      }  
      35% {
        background: linear-gradient(to bottom right, #32c2ff -130%, #b932ff -30%, #32c2ff 70%, #b932ff 170%);
      }
      40% {
        background: linear-gradient(to bottom right, #32c2ff -120%, #b932ff -20%, #32c2ff 80%, #b932ff 180%);
      }  
      45% {
        background: linear-gradient(to bottom right, #32c2ff -110%, #b932ff -10%, #32c2ff 90%, #b932ff 190%);
      }
      50% {
        background: linear-gradient(to bottom right, #32c2ff -100%, #b932ff 0%, #32c2ff 100%, #b932ff 200%);
      }
      55% {
        background: linear-gradient(to bottom right, #32c2ff -90%, #b932ff 10%, #32c2ff 110%, #b932ff 210%);
      }
      60% {
        background: linear-gradient(to bottom right, #32c2ff -80%, #b932ff 20%, #32c2ff 120%, #b932ff 220%);
      }
      65% {
        background: linear-gradient(to bottom right, #32c2ff -70%, #b932ff 30%, #32c2ff 130%, #b932ff 230%);
      }
      70% {
        background: linear-gradient(to bottom right, #32c2ff -60%, #b932ff 40%, #32c2ff 140%, #b932ff 240%);
      }
      75% {
        background: linear-gradient(to bottom right, #32c2ff -50%, #b932ff 50%, #32c2ff 150%, #b932ff 250%);
      }
      80% {
        background: linear-gradient(to bottom right, #32c2ff -40%, #b932ff 60%, #32c2ff 160%, #b932ff 260%);
      }
      85% {
        background: linear-gradient(to bottom right, #32c2ff -30%, #b932ff 70%, #32c2ff 170%, #b932ff 270%);
      }
      90% {
        background: linear-gradient(to bottom right, #32c2ff -20%, #b932ff 80%, #32c2ff 180%, #b932ff 280%);
      }
      95% {
        background: linear-gradient(to bottom right, #32c2ff -10%, #b932ff 90%, #32c2ff 190%, #b932ff 290%);
      }
    
    100% {
      background: linear-gradient(to bottom right, #32c2ff 0%, #b932ff 100%, #32c2ff 200%, #b932ff 300%);
    }
  
  }
.rightMenuBtnBg{
    border-radius: 50%;
    width: 50px;
    height: 50px;
    position: absolute;
    z-index: 99999999999;
    right: 20px;
    bottom: 300px;
    cursor: pointer;
    text-align: center;
  }
  .rightMenuBtn{
    animation: btnAnime 2s infinite linear;
    border-radius: 50%;
    width: 50px;
    height: 50px;
   
  }
  .rightMenuBtnImg{
    width: 28px;
    height: 28px;
    position: absolute;
    left: 11px;
    top: 11px;
  }
  .telPhone{
    width: 242px;
    height: 73px;
    position: absolute;
    z-index: 99999999999;
    right: 80px;
    bottom: 300px;
    display: none;
  }
  .kfCode{
    width: 428px;
    height: 224px;
    position: absolute;
    z-index: 99999999999;
    right: 80px;
    bottom: 160px;
    display: none;
  }
  .gzhCode{
    width: 242px;
    height: 242px;
    position: absolute;
    z-index: 99999999999;
    right: 80px;
    bottom: 90px;
    display: none;
  }
  .zText{
    width: 80%;
    margin-left: 10%;
  }
@keyframes scrollFromLeft {
    0% {
      transform: translateX(-100%);
    }
    100% {
      transform: translateX(100%);
    }
  }
   
  .scrollingTitleImg {
    width: 100%;
    height: 12px;
    margin-top: 11px;
    animation: scrollFromLeft 5s linear infinite;
  }
.titleImg3{
    width: 12px;
    height: 33px;
}

@media screen and (max-width:1200px) {
    .programmeBg{
        font-size: 24px;
    }
    /* .mainRowItemText{
        font-size: 14px;
    } */
    .article_title{
        font-size: 20px;
        height: 30px;
        line-height: 30px;
    }
    .rowTitle{
        font-size: 18px;
        line-height: 30px;
    }
    .mainImg{
        width: 100%;
    }
}