@charset "utf-8";
body{
    font-size: .16rem;
    overflow-y: auto;
}
html, body {
    height: auto;
}
.section_wrap{
    padding-top: .99rem;
    color: #333;
}
.first_section{
    width: 19.2rem;
    height: 8.25rem;
    margin: 0 auto;
    background: url(../images/index/new/section1.jpg) no-repeat 50%;
    background-size: cover;
}
.first_con{
    width: 12.1rem;
    height: auto;
    margin: 0 auto;
}
.f_left{
    width: 4.12rem;
    margin-top: 3.72rem;
    margin-left: .4rem;
}
.pc_download{
    position: relative;
    width: 3.86rem;
    height: 1.22rem;
    background: url(../images/index/new/pc-d.png) no-repeat ;
    background-size: 3.86rem  36.6rem;  
    -webkit-animation: d_animate 2s steps(30) infinite;
    -moz-animation: d_animate 2s steps(30) infinite;
    -ms-animation: d_animate 2s steps(30) infinite;
    -o-animation: d_animate 2s steps(30) infinite;
    animation: d_animate 2s steps(30) infinite;
    transition: all 0.3s;
}
.pc_download:hover {
    transform: scale(1.05);
}
@keyframes d_animate{
    0%{
        background-position: 0 0;
    }
    100%{
        background-position:0 -36.6rem ;
    }
}
@-moz-keyframes d_animate{
    0%{
        background-position: 0 0;
    }
    100%{
        background-position:0 -36.6rem ;
    }
}
@-webkit-keyframes d_animate{
    0%{
        background-position: 0 0;
    }
    100%{
        background-position:0 -36.6rem ;
    }
}
@-ms-keyframes d_animate{
    0%{
        background-position: 0 0;
    }
    100%{
        background-position:0 -36.6rem ;
    }
}
@-o-keyframes d_animate{
    0%{
        background-position: 0 0;
    }
    100%{
        background-position:0 -36.6rem ;
    }
}
.jianianh_fd_h{
    cursor: pointer;
    position: fixed;
    right: 0;
    z-index: 102;
    bottom: 3rem;
    width: .68rem;
    height: 2.53rem;
    background: url(../images/index/jul-app-right.png) no-repeat 50%;
    /* background: url(../images/index/bag_img.png) no-repeat 50%; */
    background-position: 0 0;
    background-size: cover;
    display: none;

}
.jianianh_fd{
    display: block;
    cursor: pointer;
    position: fixed;
    right: 0;
    z-index: 102;
    top: 4.3rem;
    width: .72rem;
     height:2.46rem;
    /* background:  url(../images/index/bag_img.png) no-repeat 50%; */
    background:  url(../images/guoqing/right.png) no-repeat  ;
    background-position: 0 0;
    background-size: 100%;

    display: none;
}
/* .jianianh_fd:hover{
    background:  url(../images/zhongqiu/侧方悬浮.png) no-repeat 50%;
    background-position:-.68rem 0 ;
    background-size: cover;
}
.jianianh_fd:active{
    background:  url(../images/zhongqiu/侧方悬浮.png) no-repeat 50%;
    background-position:-1.36rem 0 ;
    background-size: cover;
} */
.allbalck{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.85);
    z-index: 119;
    /* display: none; */
}
.jianianh_tk,.jianianh_tk_h {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background: rgba(0,0,0,.85); */
    transform:  translate(0, 0) scale(1);
    transition-property: transform;
    transition-duration: 1s;
    transition-timing-function: ease;
    z-index: 120;
   
}
.pop_close_j{
    /* height: 100%; */
    transform: translate(100%, 20%) scale(1);

}
.pop_active{
    /* height: 100%; */
    transform: translate(0%, 0%) scale(1);

}
.jianianh_cont{
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -2.88rem;
    margin-left: -5.355rem;
    width: 10.71rem;
    height: 7.44rem;
    background:  url(../images/guoqing/tanchuang.png) no-repeat ;
    background-size: contain;
    display: none;
}
.jianianh_cont_h{
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -2.87rem;
    margin-left: -4.43rem;
    width: 8.87rem;
    height: 5.74rem;
    background:  url(../images/index/jul-appNew.png) no-repeat;
    /* background:  url(../images/index/jul-bag.png) no-repeat; */
    background-size: contain;
    display: none;
    cursor: pointer;
}
.jianianh_bt{
    cursor: pointer;
    position: absolute;
    left: 50%;
    bottom: -.56rem;
    margin-left: -1.2rem;
    width: 2.55rem;
    height: .68rem;
    background:  url(../images/index/new/may-btn.png) no-repeat 50%;
    background-position: 0 -.52rem;
    background-size: cover;
}
.jianianh_bt a{
    display: block;
    width: 100%;
    height: 100%;
}
.jianianh_bt:hover,.jianianh_bt:active{
    background-position:0 -1.27rem;
}
.jianianh_cl_h {
    cursor: pointer;
    position: absolute;
    right: -.22rem;
    top: -.14rem;
    width: .46rem;
    height: .46rem;
    background: url(../images/index/new/may-btn.png) no-repeat 50%;
    background-position: -.51rem 0;
    background-size: 2.55rem 1.95rem;
}
.jianianh_cl{
    cursor: pointer;
    position: absolute;
    right: -.16rem;
    top: -.16rem;
    width: .18rem;
    height: .18rem;
    background:  url(../images/guoqing/close.png) no-repeat ;
    background-position: 0 0;
    background-size:100%;
}
.jianianh_cy_h{
    cursor: pointer;
    position: absolute;
    right: 50%;
    margin-right: -1.575rem ;
    bottom: 1.70rem;
    width: 2.55rem;
    height: .93rem;
    background:  url(../images/zhongqiu/chanyu.png) no-repeat ;
    background-position: 0 0;
    background-size: 100%;
}
.jianianh_cy{
    cursor: pointer;
    position: absolute;
    right: 50%;
    margin-right: -1.575rem ;
    bottom: 0.80rem;
    width: 2.40rem;
    height: .58rem;
    background:  url(../images/guoqing/canyu.png) no-repeat ;
    background-position: 0 0;
    background-size: 100%;
}
.jianianh_cy:active{
    background-position: 0 0;
    transform: scale(.9);
}
.jianianh_cy:hover{
    background-position: 0 -.58rem;
    transform: scale(1.04);
}
.jianianh_cl:active{
    background-position: 0 0;
    /* transform: scale(.9); */
}
.jianianh_cl:hover{
    background-position: 0 -.18rem;
    transform: scale(1.24);
}

.pc_download:hover{
    transform: scale(1.04);
}
.pc_download a{
    width: 100%;
    height: 100%;
    display: block;
}
.pc_download .icon{
    position: absolute;
    top: 1%;
    right: 0;
    width: .93rem;
    height: .42rem;
    background: url(../images/index/new/icon-pc.png) no-repeat 50%;
    background-size: contain;
}
.download_box_mobile {
    margin-top: .12rem;
}
.android_download{
    position: relative;
    width: 2.02rem;
    height: .55rem;
    background: url(../images/index/new/m-d.png) no-repeat 50%;
    background-size: 2.02rem  3.83rem;  
    background-position:0 -2.06rem;
    margin-top: .04rem;
}
.android_download:hover,.android_acive{
    background-position: 0 -2.67rem;
}
.android_download  a{
    display: block;
    height: 100%;
}
.ios_download{
    position: relative;
    width: 2.02rem;
    height: .55rem;
    background: url(../images/index/new/m-d.png) no-repeat 50%;
    background-size: 2.02rem  3.83rem;   
    background-position: 0 -3.28rem;
    margin-bottom: 0;
    margin-top: .08rem;
    cursor: pointer;
}
.ios_download:hover,.ios_active{
    background-position: 0 -1.43rem;
}
.scan_code_box{
    position: relative;
    width: 1.7rem;
    height: 1.42rem;
    background: url(../images/index/new/qr-code.png) no-repeat 50%;
    background-size: contain;
    margin-top: .04rem;
    margin-left: .08rem;
}
.scan_code_box img{
    position: absolute;
    top:.12rem;
    left: .15rem;
    width: 1.17rem;
    height: 1.17rem;
    display: block;
    z-index: 1;
}
.scan_code_box .icon_bubble{
    position: absolute;
    top: -.16rem;
    right: -1.22rem;
    z-index:2;
    width: 1.65rem;
    height: 1.34rem;
    background: url(../images/index/new/m-d.png) no-repeat 50%;
    background-size: 2.02rem 3.83rem;
    background-position:0 0;
}
.scan_code_box .vertical_line{
    position: absolute;
    left: -0.01rem;
    top: 0;
    width: 1.5rem;
    height: .32rem;
    background:url(../images/index/new/vertical-line.png) no-repeat 50%;
    background-size: contain;
    z-index: 1;
    animation: move 3s infinite;
    -webkit-animation: move 3s infinite;
    -ms-animation: move 3s infinite;
    -moz-animation: move 3s infinite;
    -o-animation: move 3s infinite;
}
:root .scan_code_box .vertical_line {
    display: none\9;   
} 
@keyframes move {
    0% {top: 0;}
    50%{top: 1.1rem;}
    100% {top: 0}
}
@-webkit-keyframes move {
    0% {top: 0;}
    50%{top: 1.1rem;}
    100% {top: 0}
}
@-moz-keyframes move {
    0% {top: 0;}
    50%{top: 1.1rem;}
    100% {top: 0}
}
@-o-keyframes move {
    0% {top: 0;}
    50%{top: 1.1rem;}
    100% {top: 0}
}
@-ms-keyframes move {
    0% {top: 0;}
    50%{top: 1.1rem;}
    100% {top: 0}
}
.f_right{
    width: 7.00rem;
    height: 5.70rem;
    margin-top: .42rem;
    background: url(../images/index/new/animate-bg.jpg) no-repeat 50%;
    background-size: contain;
    margin-right: .1rem;
}
.f_right video{
    width: 100%;
    height: 100%;
}
.f_bottom{
    width: 100%;
    height: .8rem;
    background: saddlebrown;
    margin: 0 auto;
}
.second_section{
    width: 19.2rem;
    height: 15.64rem;
    margin: 0 auto;
    background: url(../images/index/new/section2.jpg) no-repeat 50%;
    background-size: cover;
    overflow: hidden;
}
/* 观看视频 */
.pop_con{
    width: 9.66rem;
    height: 5.92rem;
    /* height: 5.43rem; */
    margin: 2.4rem auto 0;
}
.video-inner-box{
    position: relative;
    width: 100%;
    height: 100%;
}
.cover_bg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0);
    cursor: pointer;
    z-index: 10;
}
.cover_bg .play_btn{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: .99rem;
    height: 1.06rem;
    background: url(../images/index/new/play.png) no-repeat 50%;
    background-size: contain;
}
.cover_bg .play_btn:hover{
    background: url(../images/index/new/play-h.png) no-repeat 50%;
    background-size: contain;
}
.pop_con video{
    width: 100%;
    height: 100%;
    object-fit: fill;
}
.get_welfare_btn{
    width: 4.07rem;
    height: 1.59rem;
    background: url(../images/index/new/get-welfare.png) no-repeat 50%;
    background-size: 4.07rem  4.93rem;  
    background-position: 0 -3.34rem;
    margin: .83rem auto 0;
}
.get_welfare_btn:hover{
    background-position:0 0;
}
.get_welfare_btn:active{
    background-position:0 -1.66rem;
}
.get_welfare_btn a{
    display: block;
    height: 100%;
}
.walfare_ul_box{
    width: 12.1rem;
    margin: 3.86rem auto 0;
}
.walfare_ul_box li{
    float: left;
    width: 3.84rem;
    text-align: center;
    font-size: .24rem;
    color: #A28648;
    line-height: .24rem;
    margin-right: .28rem;
}
.walfare_ul_box li:last-child{
    margin-right: 0;
}
/* 三大惊喜 */
.three_project{
    position: relative;
}
/* 鼠标运动 */
.arrow_box{
    position: relative;
    margin: 0 auto;
    background: #1c7bb5;
    width: 1.47rem;
    height: .5rem;
}
.arrow_wrap{
    position: absolute;
    bottom: 0;
    left:0;
    /* margin-left: -.735rem; */
    width: 1.47rem;
    height: .26rem;
    animation: arrow 2s cubic-bezier(0.5,0,0.1,1) infinite;
    -webkit-animation: arrow 2s cubic-bezier(0.5,0,0.1,1) infinite;
    -ms-border-animation: arrow 2s cubic-bezier(0.5,0,0.1,1) infinite;
    -moz-border-animation: arrow 2s cubic-bezier(0.5,0,0.1,1) infinite;
    -o-border-animation: arrow 2s cubic-bezier(0.5,0,0.1,1) infinite;
    line-height: .34rem;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
    background: url(../images/aiwan-sd/arrow.png) no-repeat 50%;
    background-size: cover;
}
@keyframes arrow{
    0%,100%{
        bottom: .1rem;
        opacity: 1;
    }
    50%{
        bottom: 0rem;
        opacity: .5;
    }
}
@-o-keyframes arrow{
    0%,100%{
        bottom: .1rem;
        opacity: 1;
    }
    50%{
        bottom: 0rem;
        opacity: .5;
    }
}
@-moz-keyframes arrow{
    0%,100%{
        bottom: .1rem;
        opacity: 1;
    }
    50%{
        bottom: 0rem;
        opacity: .5;
    }
}
@-webkit-keyframes arrow{
    0%,100%{
        bottom: .1rem;
        opacity: 1;
    }
    50%{
        bottom: 0rem;
        opacity: .5;
    }
}
@-ms-keyframes arrow{
    0%,100%{
        bottom: .1rem;
        opacity: 1;
    }
    50%{
        bottom: 0rem;
        opacity: .5;
    }
}
.third_section{
    width: 19.2rem;
    height: 6.24rem;
    /* height: 13rem; */
    margin: 0 auto;
    background: url(../images/index/new/section3_11.jpg) no-repeat top center ;
    /* background: url(../images/index/new/section3_1.jpg) no-repeat top center ; */
    background-size: cover;
    overflow: hidden;
}

/* 视频关闭按钮 */
/* .pop_close{
    position: absolute;
    width: .3rem;
    height: .3rem;
    background: url(../images/index/video-close-hover.png) 0 0 no-repeat;
    background-size: 100% 100%;
    right: -.6rem;
    top: -.22rem;
    cursor: pointer;
    -webkit-transition: transform .3s ease-in-out;
    -moz-transition: transform .3s ease-in-out;
    -ms-transition: transform .3s ease-in-out;
    -o-transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
}
.pop_close:hover{
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
} */
/* 观看视频end */

.characteristic{
    width: 12.4rem;
    margin: 4.7rem auto 0;
}
.characteristic li{
    float: left;
    width: 2.26rem;
    text-align: center;
    font-size: .18rem;
    color: #a28648;
    line-height: .18rem;
    margin-right: .2rem;
}
.characteristic li:last-child{
    margin-right: 0;
}
/* 公司资质 */
.company_msg_box{
    width: 12.5rem;
    margin: 3rem auto 0;
}
.company_wrap{
    position: relative;
    width: 11.5rem;
    height: 7.44rem;
    top: 50%;
    left: 50%;
    margin-left: -5.75rem;
    margin-top: -3.72rem;
    background: url(../images/index/new/slide/swiper-bg.png) no-repeat 50%;
    background-size: contain;
    border: 1px solid rgba(0, 0, 0, 0);
  }
.company_ul{
    margin: 0 auto;
}
.company_ul li{
    float: left;
    box-sizing: border-box;
    text-align: center;
    margin-right: .18rem;
    margin-bottom: .3rem;
    cursor: pointer;
  
}
.company_ul li:nth-child(6){
    margin-left: 30%;
}
.company_ul li:last-child{
    margin-right: 0;
}
.company_ul li .img_box{
    width: 2.26rem;
    height: 1.6rem;
    margin-bottom: .14rem;
    background: url(../images/index/new/item-bg.png) no-repeat 50%;
    background-size: contain;
    transition: all 0.5s;
}
.company_ul li img{
    width: 2.13rem;
    height: 1.46rem;
    margin-top: .07rem;
    margin-left: -.01rem;
}
.company_ul li:first-child img{
    margin-left: 0;
}
.company_ul li:hover .img_box{
    transform: scale(1.14);
}
.company_ul li .msg_name{
    display: block;
    font-size: .18rem;
    text-align: center;
    color: #a28648;
    line-height: .18rem;
}
.company_ul li:hover .msg_name{
    color: #FF5023;
}

/* tab弹窗 */
.company_pop{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);
    z-index: 200;
    display: none;
}
.company_close{
    position: absolute;
    top: .02rem;
    right: .04rem;
    width: .57rem;
    height: .57rem;
    background: url(../images/index/new/slide/btn-sprite.png) no-repeat 50%;
    background-size: 1.23rem 6.64rem;
    background-position:-.66rem 0;
    cursor: pointer;
}
.company_close:hover{
    background-position: 0 0;
}

.tabs {
    width: 9rem;
    margin: .6rem auto .16rem;
  }
  .tabs a {
    display: block;
    float: left;
    width: 1.21rem;
    height: .53rem;
    background: url(../images/index/new/slide/btn-sprite.png) no-repeat 50%;
    background-size: 1.23rem 6.64rem;
    margin-right: .06rem;
  }
  .tabs a.wwwen{
      margin-right: 0;
  }
.tabs a.pinpai{
    background-position:0 -4.31rem;
}
.tabs a.pinpai.active{
    background-position:0 -4.91rem;
}
.tabs a.xinyong{
    background-position:0 -5.51rem;  
}
.tabs a.xinyong.active{
    background-position:0 -6.11rem;
}
.tabs a.beian{
    background-position:0 -3.11rem;
}
.tabs a.beian.active{
    background-position:0 -3.71rem;
}
.tabs a.ruanzhu{
    background-position:0 -2.51rem;
}
.tabs a.ruanzhu.active{
    background-position:0 -1.91rem;
}
.tabs a.wwwen{
    background-position:0 -1.29rem;
}
.tabs a.wwwen.active{
    background-position:0 -.68rem;
}
.tabs a.zzcs{
    /* margin-right: 0rem;
    width:1.28rem ;
    height: .55rem; */
    margin-right: 0rem;
    background: url(../images/index/new/zzcs.png) no-repeat top center;
    background-size:cover ;
}
.tabs a.zzcs.active{
    /* margin-right: 0rem;
    width:1.28rem ;
    height: .55rem; */
    margin-right: 0rem;
    background: url(../images/index/new/zzcs_h.png) no-repeat top center;
    background-size:cover ;
}
.tabs a.bbsq{
  
    background: url(../images/index/new/bbs_z.png) no-repeat top center;
    background-size:cover ;
}
.tabs a.bbsq.active{
    
    background: url(../images/index/new/bbs_h.png) no-repeat top center;
    background-size:contain ;
}
  .swiper-container {
    width: 7.2rem;
    height: 5.11rem;
  }
  .swiper-slide {
    height:100%;
    width: 100%;
  }
  .content-slide,.content-slide img {
    height:100%;
    width: 100%;
  }
  /* 上一张、下一张 */
  .company_wrap .arrow-left{
      position: absolute;
      left: 6.2%;
      top: 50%;
      transform: translateY(-50%);
      width: .37rem;
      height: .8rem;
      z-index: 100;
      background: url(../images/index/new/slide/prev.png) no-repeat 50%;
      background-size: contain;
  }
  .company_wrap .arrow-right{
      position: absolute;
      right: 6.2%;
      top: 50%;
      transform: translateY(-50%);
      width: .37rem;
      height: .8rem;
      z-index: 100;
      background: url(../images/index/new/slide/next.png) no-repeat 50%;
      background-size: contain;
  }



  /* 首页播放器控制栏样式 */
  /* .video-Juling{
      position: relative;
  } */

  
.left-bar{
    float: left;
}

.right-bar{
    float: right;
}
.video-todo{
    margin-bottom:0.1rem;
    zoom:1;
}

.video-todo:after{
    content:"";
    display: table;
    clear: both;    
}


.video-todo button{
    outline: none;

}
.video-todo button:focus{
    outline: none;
}

  .video-control{
      position: absolute;
      left:0;
      bottom:20px;
      width:100%;
  }

  .video-control{
    position: absolute;
    left:0;
    bottom:0.2rem;
    width:9.32rem;
    padding:1rem 0.17rem 0;
    background: linear-gradient(to bottom,rgba(0, 0, 0, 0) 0%,rgb(0, 0, 0) 100% );
}



.progress-bar{
    position: relative;
    width:9.32rem;
    height: 0.1rem;
    background: url('../images/index/new/progress_bar.png') no-repeat;
    background-size:cover;
}
.progress-bar span{
    position: absolute;
    left:0;
    top:0;
    display: block;
    width:1%;
    height: 100%;
    background:#fd7e27;
    background: linear-gradient(#fd7e27 0%, #ffd552 100%);
    border-radius: 0.05rem;
}

.progress-bar .time-progress-touch{
    position: absolute;
    right:-0.1rem;
    top:50%;
    width: .2rem;
    height: .2rem;
    margin-top:-0.1rem;
    background:#fff;
    border-radius: 50%;
    cursor: pointer;
}
.play-btn{
    width:0.26rem;
    height: 0.26rem;
    margin-right: 0.1rem;
    cursor: pointer;
    background: url('../images/index/new/play_small.png') no-repeat;
    background-size: cover;
    border:none;
    vertical-align: middle;
}
.play-time{
    color:#fff;
    vertical-align: middle;
}
.play-btn.is-play{
    background: url('../images/index/new/pause_btn.png') no-repeat;
    background-size: contain;
}
.play-btn.is-play:hover{
    background: url('../images/index/new/pause_btn.png') no-repeat;
    background-size: contain;
}

.play-btn.is-play:active{
    background: url('../images/index/new/pause_btn_active.png') no-repeat;
    background-size: contain;
}

.big-pause-icon{
    position: absolute;
    left:50%;
    top:50%;
    z-index: 2;
    width: 0.98rem;
    height: 1.06rem;
    margin:-0.49rem 0 0 -0.53rem;
    cursor: pointer;
    background:url('../images/index/new/toplay.png') no-repeat;
    background-size: cover;
}
.big-pause-icon:hover{
    background:url('../images/index/new/toplay_hover.png') no-repeat;
    background-size: cover;
}
.big-pause-icon:active{
    background:url('../images/index/new/toplay_active.png') no-repeat;
    background-size: cover;
}

.voice-box{
    position: relative;
    display: inline-block;
    margin-left:0.2rem;
    vertical-align: middle;
}

.voice-btn{
    display: inline-block;    
    width: 0.21rem;
    height: 0.19rem;
    cursor: pointer;
    background: url('../images/index/new/voice_normal.png') no-repeat;
    background-size: contain;    
}

.is-muted .voice-btn{
    background: url('../images/index/new/voice_actived.png') no-repeat;
    background-size: contain;
}

.voice-btn:hover{
    background: url('../images/index/new/voice_hover.png') no-repeat;
    background-size: contain;
}


.voice-bar{
    position: absolute;
    left:50%;
    bottom:0.3rem;
    width:0.04rem;
    height: 0.50rem;
    margin-left:-0.02rem;
    color:#fff;
    background: #fff;
    opacity:0;
    border-radius: 2px;
}
.voice-color{
    position: absolute;
    left:0;
    bottom:0;
    width:100%;
    height: 10%;
    background:#fd7e27;
    background: linear-gradient(#fd7e27 0%, #ffd552 100%);

}


.voice-bar .voice-touch{
    position: absolute;
    left:-0.03rem;
    top:0;
    display: inline-block;
    width:0.1rem;
    height: 0.1rem;
    background:#fd7e27;
    background: linear-gradient(#fd7e27 0%, #ffd552 100%);
    cursor: pointer;
}

.voice-num{
    position: absolute;
    left:50%;
    top:-0.3rem;
    transform: translate(-50%,0);
}



.full-video{
    display: inline-block;
    width: 0.19rem;
    height: 0.19rem;
    margin-left: 0.2rem;
    vertical-align: middle;
    cursor: pointer;
    background: url('../images/index/new/fullscreen_normal.png') no-repeat;
    background-size: contain;
    border:none;
}

.full-video:hover{
    background: url('../images/index/new/fullscreen_hover.png') no-repeat;
    background-size: contain;
}

.full-video:active{
    background: url('../images/index/new/fullscreen_active.png') no-repeat;
    background-size: contain;
}
  /* 播放器控制栏 end */
  
/* 资讯 */
.article-section{
    display: none;
    width: 13.8rem;
    margin:0 auto;
}
.wrap7{
    position: relative;
   margin:0 auto;
   overflow: hidden;
   height: 6.1rem;
   padding-top: 0.64rem;
   box-sizing: content-box;
}
.wrap7_content{
   margin:0 auto;
   width: 100%;
  
}
.wrap7_content_left{
   float: left;
   width: 10.4rem;
   height: 100%;
}
.content_left_nav{
   position: absolute;
   top:0;
   width: 100%;
   height: .5rem;
   margin-bottom: 0.1rem;
}

.left_nav_title{
   display: none;
   /*
   float: left;
   width: 1.57rem;
   height: .37rem;
   margin-right: .2rem;
   background: url(../images/index/seo_five/nav_bg.png) no-repeat 50%;
   background-size: contain; */
}
.content_left_nav ul{
   text-align: center;
}
.content_left_nav ul li{
   font-size: 0;
   display: inline-block;
}
.left_nav_li{
   cursor: pointer;
   margin-left: .18rem;
   width: 1.41rem;
   height: .45rem;
   font-size: .15rem;
   line-height: .4rem;
   text-align: center;
   overflow: hidden;
   white-space: nowrap;
}

.left_nav_li a{
   display: block;
   font-size: .15rem;
   width:100%;
   height: 100%;    
   outline: none;
   color: #CFEFFF;
   margin-bottom: 0.2rem;
   background: url(../images/index/article/class_menu_bg.png) no-repeat;
   background-size: 1.41rem 0.41rem;
}

/* .left_nav_active{
   height: 0.45rem;
   line-height: 0.45rem;
} */


.left_nav_li a:hover,.left_nav_active a{
   font-size: .16rem;
   color:#fff;
   background: url(../images/index/article/class_menu_bg_active.png) no-repeat;
   background-size: cover;
}
.left_img_big{
   width: 100%;
   height: 6rem;
   padding-top:0.02rem;
}
.left_img{
   float: left;
   width: 5rem;
   height: 100%;
}
.left_img_1{
   position: relative;
   cursor: pointer;
   width: 5rem;
   height: 3.7rem;
}

.left_img_1 a{
   display: block;
   width: 100%;
   height: 100%;
}

.left_img_1 img{
   display: block;
   width: 100%;
   height: 100%;
   border-radius: 10px; 
}
.left_img_title{  
   width: 100%;
   height: .47rem;
   bottom:0;
   color:#fff;
   background: #37364D;
   background:rgba(55,54,77,0.9);
   opacity: 0.8;
   position: absolute;   
   border-radius: 0 0 10px 10px;
   padding:0 0.1rem;
   box-sizing: border-box;
}
.left_img_title span{
   line-height: .4rem;
  display: block;
  width: 4.4rem;
   text-align: center;
   font-size:.16rem;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}
.left_img_2{
   position: relative;
   float: left;
   margin-top:.12rem ;
   margin-left: 0.15rem;
   cursor: pointer;
   width: 2.27rem;
   height: 2.08rem;
   position: relative;
}

.left_img_2 a{
   display: block;
   width: 100%;
   height: 100%;
}

.left_img_2 img{
   display: block;
   width: 100%;
   height: 100%;
   border-radius: 10px;  
}
.left_img_title1{
   width: 100%;
   height: .4rem;
   padding: 0.07rem 0;
   line-height: 0.2rem;
   bottom:0;
   color:#fff;
   background: #37364D;
   background:rgba(55,54,77,0.9);
   opacity: 0.8;
   position: absolute;   
   border-radius: 0 0 10px 10px;  
   overflow: hidden;
}
.left_img_title1 span{ 
   display: block;
   text-align: center;
   font-size:.16rem;
   width: 1.9rem;
   overflow: hidden;
   text-overflow: ellipsis;
   height: 100%;
   margin-left: 0.1rem;
}
.left_content{
   float:left;
   width: 4.76rem;
   padding:0.2rem;
   margin-left: 0.19rem;
}
.left_content_list{
   margin:0 auto;
   height: 100%;
}
.content_list_first{
   display: block;
   width: 100%;
   height: 1.5rem; 
}
.list_first_title{
   width: 100%;
   height: .25rem;
   padding-bottom:0.01rem;
   margin-bottom: .04rem;
   background: url(../images/index/article/long_line.png) repeat-x 0 bottom;
   background-size: 100% 1px;
}

.list_first_title i{
   font-size: .15rem;
   display: block;
   color:#fff;
   margin-right: 0.05rem;
   float: right;
}
.list_first_img{
   display: block;
   float: left;
   width:1.62rem;
   height: 0.98rem;
}

.list_first_img a{
   display: block;
   width: 100%;
   height: 100%;
}


.list_first_img img{
   display: block;
   width: 100%;
   height: 100%;
}
.list_first_title span{
   color: #fff;
   float: left;
   display: block;
   width: 82%;
   height: .2rem;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   font-size: .15rem;
   font-weight: bold;
}
.list_first_content{
   float: right;
   width: 2.8rem;
}
.list_first_content span{
   display: block;
   width: 2.8rem;
   color:#fff;
   height: .56rem;
   overflow: hidden;
   font-size: .14rem;
   line-height: 0.18rem;

}
.list_first_content i{
   margin-top: .2rem;
   display: block;
   font-size: .16rem;
   color:#FFF9BC;
}

.list_first_content i:hover{
   color:#ece27b;
}

.content_list_sm{
   width: 100%;
   height: 4.3rem;
}
.content_list_sm ul li{
   margin-top:.06rem;
   display: block;
   width: 100%;
   height: .3rem;
   box-sizing: border-box;
}

.content_list_sm ul li a{
   color:#144664
}
.content_list_sm ul li i{
   color: #144664;
   float: left;
   width: .1rem;
   height: .1rem;
   display: block;
   font-size: .2rem;
   line-height: .2rem;
}
.content_list_sm ul li b{
   float: right;
   display: block;
   font-size: .13rem;
   color:#144664;
   line-height: .3rem;
   font-weight: normal;
   margin-right: .05rem;
}
.content_list_sm ul li span{
   line-height: .3rem;
   float: left;
   display: block;
   width: 80%;
   height: .3rem;
   font-size: .16rem;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}
.wrap7_content_right{
   float: right;
   width: 3.24rem;
   height: 5.85rem;
   margin-right: 0.01rem;
}
.content_right_nav{
   width: 82%;
   height: .36rem;    
   margin:.2rem auto .1rem;
   font-size: .15rem;
   text-align: center;
   cursor: pointer;
   background: url(../images/index/article/line.png) repeat-x left bottom;
   background-size: 100% 0.02rem;
}

.content_right_nav ul{
   overflow: hidden;
   margin-bottom:-0.02rem;
}

.consult_ranking{
   float: left;
   width: .84rem;
   height: .35rem;
}
.topic_ranking{
   float: right;
   width: .84rem;
   height: .35rem;
}
.ranking_active{
   width: .84rem;
   font-size: .16rem;
   background: url(../images/index/article/slide.png) no-repeat  center bottom;
   background-size: 0.97rem 0.03rem;
}
.content_right_tab{
   width: 93%;
   height: 5.2rem;
   margin:0 auto;
}
.consult_ranking_content{
   width: 100%;
   height:100%;
}
.consult_ranking_time{
   width: 100%;
   height: .3rem;
   margin-bottom:0.16rem;
}
.consult_ranking_time ul li{
   cursor: pointer;
   margin-left: .2rem;
   text-align: center;
   font-size: .15rem;
   line-height: .24rem;
   float: left;
   width: .75rem;
   height: .24rem;   
}
.consult_ranking_time ul li:hover,.consult_ranking_time ul li:active{  
   background: url(../images/index/time_li_bg.png) no-repeat 50%;
   background-size: contain;
}
.consult_ranking_time ul li.active{
   background: url(../images/index/time_li_bg.png) no-repeat 50%;
   background-size: contain;
}
.ranking_time_list{
   padding: 0 0 0 0.1rem;
}
.ranking_time_list ul{
   width: 100%;
   height:4.9rem;
   overflow: hidden;
 
}
.ranking_time_list h1{
   font-size: .13rem;
   font-weight: normal;
   width: 100%;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   text-align: center;
}
.ranking_time_list ul li{
   display: block;
   width: 100%;
   height: .18rem;
   line-height: .18rem;
   box-sizing: content-box;
   padding: 0.1rem 0 0.09rem;
   clear: both;
   overflow: hidden;
}
.ranking_time_list ul li a {
   display: block;
   padding-left:0.18rem;
   overflow: hidden;
}

.content_list_sm ul li a:hover,
.ranking_time_list ul li a:hover,
.ranking_time_list ul li a span:hover{
   color:#1c7bb5
}
.ranking_time_list ul li i{
   display: none;
   font-size: .14rem;
   font-weight: bold;
   color: #144664;
   text-align: center;
   line-height: .18rem;
   float: left;
   width: .18rem;
   height: .18rem;
   background: #9A9A9A;
}
.ranking_time_list ul li:first-child i,.ranking_time_list ul li:nth-child(2)  i,.ranking_time_list ul li:nth-child(3) i{
   background: red ;
}
.ranking_time_list ul li a span{
   color: #144664;
   margin-left: .15rem;
   float: left;
   display: block;
   width: 85%;
   height: .18rem;
   line-height: .18rem;
   font-size: .16rem;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}


.ranking_time_list ul li.ranking_time_list_li a{
   float: left;
   width: 41%;
   color: #144664;
}

.ranking_time_list ul li.ranking_time_list_li a span{
   margin-left: .1rem;
   height: .25rem;
   font-size: .16rem;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   width:100%;
}

.article-bar-tit{
   font-size:0.15rem;
   line-height: 1.5;
   text-align: center;
   font-weight: normal;
}