@charset "UTF-8";

/* 适配 */

@media screen and (max-width: 767px) {
 .jysbox{ background:#f0f5ff; display:flex; justify-content:center; padding:40px 5% 0px 5%; }
    .jystitle{ height:50px; background: center no-repeat; font-weight:bold; font-size:20px; display:flex; justify-content:center; align-items:center;   }
     

    .jysbox ul{ display:flex; justify-content:space-between; margin-top:20px; flex-direction:column;  }
    .jysbox ul li{ width:100%; background:#fff; border-radius:10px; overflow:hidden; margin-bottom:15px; }
    .picbox{ width:100%; height:auto;   }
    .picbox img{ width:100%; height:auto; }
    .jysinfo{ padding:15px; display:flex; flex-direction:column; }
    .jysinfo h2{ color:#000; font-size:18px; padding:5px 0 10px 0  }
    .jysinfo span { color:#666; font-size:14px; }

    .area {
        padding-left: 40px;
        padding-right: 40px;
        width: 100%;
    }
    .sk {
        /* 视口 */
        width: 100%;
    }
    .yjsmh-container {
        width: 100%;
    }
    .sideMenu {
        display: block;
        position: fixed;
        z-index: 23233;
        top: 0;
        right: 0;
        width: 50px;
        height: 50px;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAAdAQMAAAANRdcOAAAABlBMVEUAAABBgv6Hj3vqAAAAAXRSTlMAQObYZgAAABNJREFUCNdj+A8CDWgUVQC9jQYAm3oxVP4LL6wAAAAASUVORK5CYII=) no-repeat 50% 50%;
        background-size: 50%;
    }
    .sideMenu.open {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAeBAMAAAAiKQiSAAAAJFBMVEUAAAD///////////////////////////////////////////+0CY3pAAAAC3RSTlMAn2CPIN+/r1AwEHLHap4AAAB9SURBVBjTZdExDoAwCEBRdHPr7uI9ujh4ix7BxSN4DEevUB29nEpJPgkmFugjWlI5xD39LCW5etwkV8ru2b83wde/VHjSNcEabtgibAnblsGWwpo3pqExDasyDTB16A/fC/8L5wnnjfMwL8y+BgBuAhtlZRqKMve1+DmG8wWW3C5nrSE9AAAAAABJRU5ErkJggg==);
        background-color: #023477;
        background-size: 40%;
    }
    .sideMenu .menu {
        display: none;
        position: absolute;
        right: 0;
        top: 50px;
        width: 110px;
        text-align: center;
        background: #023477;
    }
    .sideMenu .menu i {
        display: block;
        height: 40px;
        line-height: 40px;
        color: #fff;
        font-size: 14px;
    }
    .sideMenu .menu i.active {
        background-color: rgba(0, 0, 0, 0.1);
    }
    .sideMenu .menu a {
        display: block;
        height: 40px;
        line-height: 40px;
        color: #fff;
        font-size: 14px;
    }
    .sideMenu .menu a.active {
        background-color: rgba(0, 0, 0, 0.1);
    }
    .header {
        display: none;
    }
    .area {
        padding: 0 10px;
        width: 100%;
        overflow: hidden;
    }
    .banner {
        padding: 184px 0 0;
    }
    .banner .pic {
        position: absolute;
        left: 60%;
    }
    .banner .t {
        top: 80px;
        margin-left: -45%;
        width: 70%;
        z-index: 1;
    }
    .banner .bg {
        width: 100%;
        top: 0;
        position: absolute;
    }
    .titleall {
        width: 100%;
        text-align: center;
        font-size: 18px;
        font-family: PingFang SC;
        font-weight: bold;
        color: #000000;
        margin: 20px auto;
    }


    /* 头条要闻 */
    .slide-img {
      width: 100%;
  }

  .slide-img .swiper1 {
      width: 90vw;
      height: 45.5vw;
      overflow: hidden;
      margin: 0 auto;
  }

  .slide-img .swiper2 {
    width: 90vw;
    overflow: hidden;
    margin: 0 auto;
}

  .slide-img .img-group {
      width: 20000px !important;
      height: 45.5vw;
      font-size: 0;
  }

  .slide-img .img-group a {
      display: inline-block;
      width: 90vw;
      height: 45.5vw;
      position: relative;
      overflow: hidden;
  }

  .slide-img .img-group img {
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      width: 90vw;
      height: 45.5vw;
  }

  .slide-img ul {
    width: 1190vw !important;
    height: 1.8rem !important;
    font-size: 0;
    overflow: hidden;
  }

  .slide-img ul li {
    display: inline-block;
    position: relative;
    overflow: hidden;
    width: 90vw !important;
      height: 1.8rem !important;
      background: #3563F8;
  }
  .slide-img ul li.swiper-slide-thumb-active {
      /* position: absolute;
      background-image: linear-gradient(to right, #bc0614, #400c07);
      left: 0;
      bottom: 0;
      right: 0;
      z-index: 1; */
  }


  .slide-img ul a {
      line-height: 1.8rem;
      font-size: .28rem;
      padding: 0 .36rem;
      color: #fff;
      height: 1.8rem;
      overflow: hidden;
      text-overflow: ellipsis;
      text-align: left;
      display: -webkit-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
  }


  /* 日历 */
    .activity-calendar-box {
        padding: 15px 10px !important;
        width: 100% !important;
        /* overflow: hidden; */
    }
    .activity-calendar-box #calendar {
        width: 100% !important;
    }
    .activity-calendar-box .calendar-box-left {
        margin-right: 0px!important;
    }
    .activity-calendar-box .news-list {
        margin-top: 10px;
        width: 100% !important;
        height: 265px;
        overflow-y: auto;
    }
    /* 主题业绩说明会 */
    .ztyjsmh .list {
        margin-left: 3px;
        margin-right: 0%;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }
    .ztyjsmh .list li {
        width: 49%;
        position: relative;
        padding-right: 5px;
        padding-bottom: 5px;
    }
    .ztyjsmh .list img {
        width: 100%;
        height: 100%;
        /* padding-right: 10px;
     padding-bottom: 10px; */
  }



  .ztyjsmh .list h3 {
    position: absolute;
    left: 15px;
    top: 15px;
    font-size: 13px;
    font-family: PingFang SC;
    font-weight: bold;
    color: #FFFFFF;

  }

  .ztyjsmh .list span {
    position: absolute;
    left: 15px;
    top: 30px;
    font-size: 11px;
    margin-top: 5px;
    font-family: PingFang SC;
    color: #FFFFFF;
  }

  .ztyjsmh .list a {
    position: absolute;
    left: 15px;
    top: 55px;
    font-size: 11px;
    text-decoration: none;
    color: #666666;
    border-radius: 24px;
    border: 0px;
    padding: 3px 12px;
    background-color: #fff;
  }

  /* 领涨股,热门板块,龙头公司 */

  .data {
    padding-top: 20px;
    padding-bottom: 20px;
    background: linear-gradient(0deg, #F8FAFF, #EDF3FF);
    text-align: center;

  }

  .data .content {

    display: flex;
    flex-direction: column;
  }

  .data .content .lzg {
    padding-left: 5%;
    padding-right: 5%;
    width: 100%;
  }

  .data .content .con {
    width: 100%;
    height: 400px;
    background-color: #fff;
    border-radius: 10px;
  }

  .data .content .table {
    width: 100%;
    display: table;
  }

  .data .content .table-header {
    display: table-row-group;
    background: #fafafa;
  }

  .data .content .table .tr {
    height: 38px;
    line-height: 38px;
    width: 100%;
    display: table-row;
    min-height: 32px;
  }

  .data .content .table .tr .td {
    display: inline-block;
    width: 33.3%;
    text-align: center !important;
    font-size: 14px;
    color: #333;
    flex: 1;
    vertical-align: middle;
    padding: 0 10px;
  }

  .data .content .table-header {
    display: table-row-group;
    background: #fafafa;
  }

  .data .content .table .table-body {
    display: table-row-group;
  }

  .data .content .table .table-body .percent {
    color: #e30404;
}

  .data .rmbk {
    padding-left: 5%;
    padding-right: 5%;
    width: 100%;
  }

  .data .ltgs {
    padding-left: 5%;
    padding-right: 5%;
    width: 100%;
  }


  .data .ltgs .con .item {
    margin-top: 10px;
    display: flex;
    padding-top: 15px;
    padding-bottom: 0px;
    margin-left: 20px;
    margin-right: 20px;
    background: #FFFFFF;
   
   
}

.data .ltgs .con .item .logo {
    width: 40px;
    height: 40px;
    background: #CCCCCC;
    border: 1px solid #ECECEC;
    border-radius: 10px;
}

.data .ltgs .con .item .desc {
    width: 100%;
    margin-left: 15px;
    display: flex;
    flex-direction: column;
}

.data .ltgs .con .item .desc .t1 {
    width: 100%;
    height: 18px;
    font-size: 14px;
    font-family: PingFang SC;
    font-weight: bold;
    color: #333333;
    overflow: hidden;
    /*超出宽度部分隐藏*/
    text-overflow: ellipsis;
    /*超出部分以点号代替*/
    text-align: left;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}


.data .ltgs .con .item .desc .t2 {
    width: 100%;
    height: 16px;
    font-size: 12px;
    margin-top: 5px;
    font-family: PingFang SC;
    font-weight: bold;
    color: #666666;
    text-align: left;

}

  /* 独家原创 */
  .original {
    
    padding-bottom: 0px;

  }

  .original .content {
    display: flex;
    flex-direction: column;
  }

  .original .content .yjydx {
    margin: 0 auto;
    width: 90%;
    height: 480px;
    margin-bottom: 40px;
    position: relative;
}

.original .content .title {
  height: 83px;
  position: relative;
}

.original .content .bg {
  width: 100%;
  height: 100%;
  border-radius: 8px 8px 0px 0px;
  position: absolute;
}

.original .content .list {
  width: 100%;
  height: 410px;
  margin-top: -5px;
  background: #F8F9FA;
  border-radius: 8px;
  position: absolute;
}

.original .content .more {
  width: 100%;
  bottom: 10px;
  border-radius: 8px;
  position: absolute;
  text-align: center;
}

.original .content .more a{
  color: #999999;
}
.original .content .more a:hover{
  color: #dc2b18;
}

.original .content .name {
  position: absolute;
  font-size: 18px;
  font-family: PingFang SC;
  font-weight: bold;
  color: #F8F9FA;
  margin-left: 23px;
  margin-top: 20px;
}

.original .content .intro {
  position: absolute;
  font-size: 10px;
  font-family: PingFang SC;
  color: #F8F9FA;
  opacity: 0.5;
  margin-left: 23px;
  margin-top: 50px;
}

.original .content .list .item {
  margin-top: 10px;
  display: flex;
  padding-top: 10px;
  padding-bottom: 0px;
  margin-left: 10px;
  margin-right: 10px;

}

.original .content .list .item .logo {
  width: 120px;
  height: 65px;
  background: #CCCCCC;
  border: 1px solid #ECECEC;
  border-radius: 10px;
  flex-shrink: 0;
}

.original .content .list .item .desc {
  width: 100%;
  margin-left: 15px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.original .content .list .item .desc .t1 {
  width: 100%;
  display: inline-block;
  font-size: 14px;
  font-family: PingFang SC;
  font-weight: bold;
  color: #333333;
  text-align: left;
  word-break: break-all;
        text-overflow: ellipsis;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2; /* 这里是超出几行省略 */
}


.original .content .list .item .desc .t2 {
  width: 100%;
  height: 16px;
  font-size: 12px;
  font-family: PingFang SC;
  font-weight: bold;
  color: #666666;
  text-align: left;

}


  .original .content .gs {
    margin: 0 auto;
    width: 90%;
    height: 480px;
    margin-bottom: 40px;
    position: relative;
  }

  .original .content .ggjdnb {
    margin: 0 auto;
    width: 90%;
    height: 480px;
    margin-bottom: 40px;
    position: relative;
  }

  .download {
    position: relative;
  }

  .download .bg {
    display: none;
  }

  .download .bg2 {
    display: inline-block;
    width: 100%;
    height: 60px;
    z-index: -1;
    cursor: pointer;
    object-fit:cover;
}

  .download .content h3 {
    position: absolute;
    left: 20%;
    top: 22.5%;
    font-size: 16px;
    font-family: Alimama ShuHeiTi;
    font-weight: bold;
    color: #FFFFFF;
  }

  .download .content .desc {
    position: absolute;
    left: 20%;
    top: 39%;
    right: 33%;
    font-size: 10px;
    margin-top: 5px;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: #FFFFFF;
  }

  .download .content a {
    position: absolute;
    left: 68%;
    top: 38%;
    font-size: 14px;
    text-decoration: none;
    color: #0F2270;
    border: 0px;
    padding: 3px 6px;
    background: linear-gradient(-45deg, #FEE1B5, #FAC794);
    border-radius: 6px;
  }


  /* 互动问答 */
  .ask {
    padding-top: 20px;
    padding-bottom: 20px;
    background: linear-gradient(0deg, #F8FAFF, #EDF3FF);
    text-align: center;
  }

  .ask .titleall {
    margin-top: 0px;
    margin-bottom: 30px;
  }

  .ask .intro_con {
    width: 100%;
    text-align: center;
    margin-bottom: 28px;
  }

  .ask .intro {
    display: inline-block;
    font-size: 10px;
    font-family: PingFang SC;
    font-weight: bold;
    color: #666666;
    text-align: justify
  }

  .ask .intro .number {
    display: inline-block;
    font-size: 10px;
    font-family: PingFang SC;
    font-weight: bold;
    color: #FF722C;
    text-align: justify
  }


  .ask .content {
    position: relative;
    width: 100%;

  }

  .ask .content .swiper {
    width: 100%;

  }

  .ask .content .swiper .swiper-wrapper .swiper-slide {
    width: 213px !important;
    height: 200px;
    padding-bottom: 10px;
    background-color: #FFFFFF;
    text-align: center;
    border-radius: 10px;
  }

  .ask .content .swiper .swiper-wrapper .swiper-slide img {
    width: 16px;
    height: 16px;
    border: 1px solid #CCCCCC;
    border-radius: 3px;
    position: relative;
    top: 15px;
    left: 15px;
  }

  .ask .content .swiper .swiper-wrapper .swiper-slide .companycode {
        font-size: 9px;
        font-family: PingFang SC;
        font-weight: bold;
        color: #206CFF;
        line-height: 11px;
        margin-left: -30px
  }

  .ask .content .swiper .swiper-wrapper .swiper-slide .question {
    margin: 10px 10px;
    font-size: 10px;
    font-family: PingFang SC;
    font-weight: bold;
    color: #000000;
    text-align: left
  }

  .ask .content .swiper .swiper-wrapper .swiper-slide .answer {
    margin: 10px 10px;
    font-size: 10px;
    font-family: PingFang SC;
    color: #999999;
    text-align: left
  }

   /* 互动问答 */
   .jchg {
    padding-top: 40px;

    text-align: center;
}
.jchg .titleall {
    margin-top: 0px;
    margin-bottom: 30px;
}
.jchg .swiper-container {
    /* width: 1200px; */
    width: 100%;
    margin-bottom: 10px;
  }

  .jchg .swiper-container .swiper-wrapper .swiper-slide {
    text-align: center;
    font-size: 18px;
    height: 400px;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    transition: 300ms;
    transform: scale(0.9);
  }
  .jchg .swiper-container .swiper-wrapper .swiper-slide-active,.swiper-slide-duplicate-active{
    transform: scale(1);
  }

  .jchg .swiper-container .swiper-wrapper .swiper-slide a{
        height: 100%;
  }

  .jchg .swiper-container .swiper-wrapper .swiper-slide img{
    width: 100%;
    height: 100%;
    object-fit: contain;  
}


  /* 媒体快讯 */
  .news {
    width: 100%;
    margin: 0 auto 0;
    padding: 10px;
  }

  .news .titleall{
    margin: 10px auto 20px auto;
  }

  .news .content {
    width: 100%;
    margin: 10px auto 0;
    padding-left: 10px;
    padding-right: 10px;
  }

  .news .content .news-list ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    font-size: 0;
  }

  .news .content .news-list ul li {
    width: 100%;
    font-size: 12px;
    color: #000;
    line-height: 14px;
    margin-bottom: 10px;
    display: flex;
    align-items: flex-start;
  }

  .news .content .news-list ul li::before {
    content: '';
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #333;
    margin: 5px 5px 0 0;
  }

  .news .content .news-list ul li:nth-of-type(n + 10) {
    display: none;
  }

  .news .content .news-list ul li p {
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    /*超出宽度部分隐藏*/
    text-overflow: ellipsis;
    /*超出部分以点号代替*/

  }

  .news .content .more {

    font-size: 12px;
    color: #000000;
    line-height: 16px;
    text-align: center;
    margin-top: 15px;
  }

  .company {
    width: 100%;
    padding-top: 20px;
    background: linear-gradient(0deg, #F8FAFF, #EDF3FF);
  }

  .company .titleall {
    font-family: DingTalk JinBuTi;
    width: 100%;
    margin: 10px auto .4rem;
    font-size: 1rem;
    font-weight: bold;
    color: #000;
    line-height: .4rem;
    text-align: center;
  }

  .company .intro {
    display: inline-block;
    font-size: 12px;
    font-family: PingFang SC;
    color: #000000;
    width: 100%;
    text-align: center;
    margin-top: 5px;
    margin-bottom: 20px;
  }

  .company .content .customers2 {
    width: 100%;
    margin: 0 auto;
    padding-bottom: 40px;
  }

  .company .content .customers2 .content {
    width: 100%;
    margin: 0 auto;
    padding: 0 5px;
  }

  .company .content .customers2 .mobile .row {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  .company .content .customers2 .mobile {
    padding: 0 15px;
  }

  .company .content .customers2 .web {
    display: none !important;
  }

  .company .content .customers2 .logo {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 25%;
    height: 40px;
    background: #fff;
    border-bottom: 1px solid #f4f5f7;
    border-right: 1px solid #f4f5f7;
    padding: 0 2px;
    transition: all 0.3s;
  }

  .company .content .customers2 .logo a {
    outline-style: none;
    color: #333;
    text-decoration: none;
  }



  .company .content .customers2 .logo img {
    width: 100%;
    display: block;
    border: 0;
  }

  .companyIntro {
    overflow: hidden;
    padding: 20px 0
  }

  .companyIntro .intro {
    padding: 0 4vw
  }

  .companyIntro .intro .logo {
    background: url(../images/web_logo.png) no-repeat;
    background-position: 50% 0;
    background-size: contain;
    display: block;
    float: none;
    height: 14vw;
    margin: 0 auto 10vw;
    width: 29vw
  }

  .companyIntro .intro .txt {
    font-size: 4vw;
    text-align: justify;
    color: #a0a7b6;
    line-height: 2;

  }

  .companyIntro .intro .txt .name {
    color: #172f65;
    font-weight: 700
  }

  .footer {
    background: linear-gradient(0deg, #4182ff, #6597f8);
    font-size: 3.2vw;
    line-height: 1.8;
    padding: 5vw 2vw ;
    text-align: center
  }

  .footer,
  .footer a {
    color: #fff
  }

}