.page-main{
    background: #fff;
    overflow: hidden;
}
.page-header{
    width: 100%;
    position: relative;
    height: 3.92rem;
    overflow: hidden;
}
.page-header-bj{
    width: 19.20rem;
    height: 3.92rem;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
}
.page-header-bj img{
    display: block;
    font-size: 0;
    width: 100%;
}
.page-header-top{
    width: 12.00rem;
    margin: auto;
    position: relative;
    z-index: 1;
    /* position: absolute;
    top:0;
    z-index: 11;
    left: 50%;
    transform: translateX(-50%);
    padding:0 10px */
}
.page-header-left-logo{
    width: 3.05rem;
    height: 0.35rem;
    margin-top: 0.26rem;
}
.page-header-left-logo a{
    display: block;
    width: 3.05rem;
    height: 0.35rem;
}
.page-header-left-logo a img{
    display: block;
    font-size: 0;
    width: 100%;
}

.page-haader-right-top{
    display: flex;
    align-items: center;
    margin-top: 0.26rem;
    justify-content: flex-end;
}
.page-header-search-box{
    width: 2.2rem;
    height: 0.32rem;
    background: #fff;
    border-radius: 0.16rem;
    overflow: hidden;
    position: relative;
    margin-right: 0.25rem;
}
.page-header-search-box input{
    display: block;
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
    padding-right: 0.45rem;
    padding-left: 0.1rem;
    font-size: 0.14rem;
    color: #212121;
}
.page-header-search-box button{
    background: #fff;
    position: absolute;
    right: 0;
    top: 0;
    border: none;
    outline: none;
    width: 0.4rem;
    height: 0.32rem;
}
.page-header-search-box button img{
    width: 0.18rem;
    height: 0.18rem;
}
.page-login-box{
    color: #ffffff;
    font-size: 0.16rem;
    position: relative;
}
.page-login-box a{
    color: #ffffff;
    font-size: 0.16rem;
}
.login_after_btns{
    text-align: center;
    width: 1.5rem;
    padding: 0.05rem 0.11rem;
    background: #fff;
    border-radius: 10px;
    position: absolute;
    left: 50%;
    top: 0.21rem;
    transform: translateX(-50%);
    z-index: 1111;
    display: none;
}
.page-login-box:hover .login_after_btns{
    display: block;
}
.login_after_btns a{
    line-height: 0.45rem;
    color: #333;
    font-size: 0.18rem;
    display: block;
    border-bottom: 1px solid #ccc;
}
.login_after_btns a:nth-of-type(2n){
    border-bottom: none;
}

.page-haader-right-nav{
    margin-top: 0.3rem;
}
.page-haader-right-nav a{
    color: #ffffff;
    font-size: 0.22rem;
    margin-right: 0.75rem;
    padding-bottom: 0.05rem;
    transition: all 0.2s;
    display: block;
    float: left;
}
.page-haader-right-nav a:last-child{
    margin-right: 0;
}
.page-haader-right-nav a:hover{
    border-bottom: 0.02rem solid#fff;
}
.page-activity{
    width: 14rem;
    margin: auto;
    position: relative;
    margin-top: 0.28rem;
}
.page-activity-top{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.title{
    color: #444444;
    font-size: 0.36rem;
    position: relative;
}
.title::before{
    content: '';
    position: absolute;
    background: #ea7315;
    width: 0.3rem;
    height: 0.06rem;
    top: -0.15rem;
    border-radius: 0.05rem;
}
.more{
    width: 2.04rem;
    height: 0.52rem;
    border:0.02rem solid #ea7315;
    border-radius: 0.26rem;
    text-indent: 0.51rem;
    color: #ea7315;
    font-size: 0.16rem;
    background: url(../image/jt_11.png);
    background-repeat: no-repeat;
    background-position: 8em center;
    line-height: 0.52rem;
}
.page-activity-bottom{
    margin-top: 0.81rem;
    position: relative;
}
.page-activity-bottom-left{
    width: 6.4rem;
    position: relative;
    z-index: 2;
}
.page-activity-bottom-left .swiper-slide{
    width: 6.4rem;
    height: 3.74rem;
}
.page-activity-bottom-left .swiper-slide img{
    display: block;
    font-size: 0;
    width: 100%;
    height: 3.74rem;
}
.swiper-pagination{
    position: relative;
    width: 100%;
    margin-top: -0.70rem;
    text-align: left;
    padding-left: 0.25rem;
}
.page-activity-bottom-left .swiper-pagination-bullet{
    width: 0.418rem;
    height: 0.04rem;
    background: #dedede;
    border-radius: 1px;
    opacity: 1;
    margin: 0 0.06rem;
}
.page-activity-bottom-left .swiper-pagination-bullet-active{
    background: #ea7315;
}
.page-activity-bj{
    width: 11.12rem;
    height: 4.8rem;
    position: absolute;
    left: 5.48rem;
    top: -0.49rem;
}
.page-activity-bj img{
    width: 100%;
}
.page-activity-bottom-right{
    width: 7.15rem;
}
.page-activity-bottom-right{
    position: relative;
    z-index: 1;
    font-size: 0.2rem;
}
.page-activity-bottom-right li{
    margin-bottom: 0.25rem;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.page-activity-bottom-right a{
    color: #444444;
    padding-left: 0.3rem;
    position: relative;
}
.page-activity-bottom-right a::before{
    content: '';
    position: absolute;
    width: 0.06rem;
    height: 0.06rem;
    border-radius: 50%;
    background: #444444;
    left: 0;
    top: 0.1rem;
}
.jcsj-main{
    width: 100%;
    margin-top: 0.89rem;
    overflow: hidden;
    height: 7.21rem;
    position: relative;
}
.jcsj-bj{
    width: 19.2rem;
    height: 7.21rem;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
.jcsj-bj img{
    display: block;
    width: 19.2rem;
    height: 7.21rem;
}
.jcsj-auto{
    width: 16.6rem;
    position: relative;
    z-index: 11;
    margin-left: 2.6rem;
}
.jc-title{
    color: #444444;
    font-size: 0.36rem;
    padding-top: 0.24rem;
    position: relative;
}
.jc-title::before{
    content: '';
    position: absolute;
    background: #ea7315;
    width: 0.3rem;
    height: 0.06rem;
    top: 0px;
    border-radius: 0.05rem;
}
.jc_nav{
    width: 14rem;
    margin-top: 0.5rem;
    font-size: 0.25rem;
    text-align: center;
}
.jc_nav span{
     padding-right: 0.4rem;
     border-right: 2px solid #666;
}
.jc_nav span:nth-of-type(2n){
    padding-left: 0.4rem;
    border-right: none;
}
.jc_nav span a{
    color: #666;
}
.jc_nav span a.active{
    color: #ea7315;
}

.jc_banner{
    margin-top: 0.5rem;
}
.swiper-container2{
    overflow:initial;
}
.swiper-container2 .swiper-slide{
    width: 6.4rem;
    height: 2.92rem;
    padding-right: 0.37rem;
}
.swiper-container2 .swiper-slide img{
    display: block;
    font-size: 0;
    width: 100%;
    height: 2.92rem;
    border-radius: 10px;
}
.swiper-container2 .swiper-slide span.jcsj_title {
    position: absolute;
    left: 0.2rem;
    bottom: 0.1rem;
    color: #fff;
    font-size: 0.18rem;
}
.swiper-container2 .swiper-slide img.jcsj_play{
    width: 0.71rem;
    height: 0.71rem;
    border-radius: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-70%,-40%);
}

.jc_banner .swiper-pagination2{
    position: relative;
    width: 100%;
    margin-top: -0.3rem;
    text-align: center;
}
.jc_banner .swiper-pagination-bullet{
    width: 0.418rem;
    height: 0.04rem;
    background: #ea7315;
    border-radius: 1px;
    opacity: 1;
    margin: 0 6px;
}
.jc_banner .swiper-pagination-bullet-active{
    opacity: 1;
    background: #fff;
}


.page-pqjl-main{
    width: 14.00rem;
    margin: auto;
    margin-top: 0.8rem;
    margin-bottom: 1.19rem;
}
.pq-title{
    text-align: center;
    color: #303030;
    font-size: 0.36rem;
    position: relative;
}
.pq-title::before{
    content: '';
    position: absolute;
    width: 0.29rem;
    height: 0.06rem;
    background: #ea7315;
    left: 50%;
    transform: translateX(-50%);
    top: -0.2rem;
}
.pq-nav{
    display: flex;
    justify-content: space-between;
    margin-top: 0.58rem;
}
.pq-nav span{
    background: #ea7315;
    width: 2rem;
    height: 0.54rem;
    line-height: 0.54rem;
    text-align: center;
    color: #ffffff;
    font-size: 0.2rem;
    border-radius: 0.05rem;
    transition: all 0.2s;
    cursor: pointer;
}
.pq-nav span.active{
    color: #ffffff;
    background: #fb3208;
}
.pq-nav span:hover{
    color: #ffffff;
    background: #fb3208;
}
.item{
    background: #f1f1f1;
    margin-top: 0.45rem;
    border: 2px solid #eff4fb;
    border-radius: 5px;
    box-shadow: 0px 0px 12px #eff4fb;
}
.item-school{
    padding-top: 0.15rem;
    padding-bottom: 0.15rem;
    background: #fff;
}
.item-school span{
    float: left;
    font-size: 0.2rem;
    font-weight: bolder;
    color: #666;
    margin-left: 3.71rem;
    padding-top: 0.3rem;
}
.item-school img{
    width: 2.63rem;
    display: block;
    float: left;
    margin-left: 1rem;
}
.item-contact{
    padding-top: 0.17rem;
    padding-bottom: 0.17rem;
    padding-left: 3.5rem;
    background: #e6f3ff;
    border: 1px solid #9ac1e6;
    position: relative;
}
.item-contact span{
    float: left;
    font-size: 0.2rem;
    color: #7b9ebe;
    margin-right: 0.75rem;
    margin-top: 0.04rem;
    font-family:fzh;
}
.item-contact .item_contact_bg{
    position: absolute;
    top:-9px;
    left: 6.95rem;
    width: 18px;
    height: 9px;
}
.item-contact .contact_close{
    width: 0.34rem;
    display: block;
    float: right;
    margin-right: 0.31rem;
}
.item-list{
    padding: 0 0.77rem;
    padding-top: 0.28rem;
}
.item-list a{
    width: 3.7rem;
    height: 1.1rem;
    margin-right: 0.548rem;
    margin-bottom: 0.3rem;
    display: block;
    border: 1px solid transparent;
    float: left;
    font-size: 0.25rem;
    font-weight: 500;
    color: #a3a9af;
    background: #e7e7e7;
    line-height: 1.1rem;
    text-align: center;
}
.item-list a:nth-of-type(3n){
    margin-right: 0;
}
.item-list a:hover{
    border: 1px solid #cbcbcb;
    box-shadow: 0px 0.08rem 0.13rem 0px rgba(0, 0, 0, 0.13);
    color: #4e4e4f;
    background: #fff;
}
.item-box .item{
    position: relative;
}
.item-box .item .pqjl_bg{
    position: absolute;
    top:-0.28rem;
    width: 0.37rem;
    height: 0.28rem;
}
.item-box .item .pqjl_bg_01{
    left: 0.68rem;
}
.item-box .item .pqjl_bg_02{
    left: 3.09rem;
}
.item-box .item .pqjl_bg_03{
    left: 5.5rem;
}
.item-box .item .pqjl_bg_04{
    left: 7.9rem;
}
.item-box .item .pqjl_bg_05{
    left: 10.3rem;
}
.item-box .item .pqjl_bg_06{
    left: 12.7rem;
}
.hide{
    display: none !important;
}

.bm_box{
    width: 2rem;
    height: 1.2rem;
    background: #ea7315;
    border-top-left-radius: 0.1rem;
    border-bottom-left-radius: 0.1rem;
    position: fixed;
    right: 0;
    top: 50%;
    transform: translateY(-100%);
    z-index: 99;
}
.bm_box a{
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: 0.18rem;
}
.bm_box a img{
    width: 0.48rem;
    height: 0.49rem;
    display: block;
    margin: auto;
}
.bm_box a div{
    text-align: center;
}
.bm_box_download{
    background: #fff;
    transform: translateY(10%);
    box-shadow:0px 0px 5px #999;
}
.bm_box_download a{
    color: #ea7315;
}
.bm_box_download a img{
    width: 0.6rem;
    height: 0.44rem;
}
.bm_box p{
    margin-top: 0.06rem;
}
.bm_modal {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.7);
    overflow-y: auto;
    z-index: 1000;
}
.bm_content {
    width: 5.6rem;
    padding: 0.7rem 0.3rem;
    background: #ffffff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-40%);
}
.bm_content p{
    font-size: 0.22rem;
    text-align: center;
    margin-top: 0.32rem;
}
.bm_content img.text_01{
    display: block;
    width: 0.9rem;
    margin-left: 2rem;
}
.main{
    width: 12rem;
    margin: auto;
    position: relative;
    padding-bottom: 0.8rem;
}
.main_nav{
    margin-top: 0.2rem;
    width: 100%;
}
.main_nav span{
    font-size: 0.18rem;
    float: left;
    margin-right: 0.08rem;
}
.main_nav span a{
    color: #444444;
}
.school_logo{
    margin-top: 0.4rem;
    width: 100%;
}
.school_logo img{
    display: block;
    width: 4rem;
    height: 1.15rem;
}
.article_title{
    padding-top: 0.65rem;
    padding-bottom: 20px;
    width: 100%;
    border-bottom: 2px solid #316FF6;
    font-size: 36px;
    color: #316FF6;
    font-family: "Microsoft YaHei";
}
.article_items{
    margin-top: 0rem;
}
.article_item{
    padding-top: 0.15rem;
    padding-bottom: 0.15rem;
    float: left;
    width: 100%;
    border-bottom: 1px solid #f0f0f0;
    font-family: "Microsoft YaHei";
}
.article_item_left{
    float: left;
    width: 10rem;
    font-size: 18px;
    line-height: 150%;
}
.article_item_left a{
    color: #282828;
}
.article_item_left a:hover{
    color: #316FF6;
}
.article_item_right{
    float: right;
    color: #ccc;
    font-size: 0.18rem;
    line-height: 150%;
    padding-top: 0.05rem;
}
.page_html {
    text-align: center;
    color: #444;
    font-size: 0.2rem;
    margin-top: 0.85rem;
}
.page_html span {
    margin-left: 0.01rem;
}
.page_html a {
    padding: 0.03rem 0.1rem 0.03rem 0.1rem;
    color: #444;
}
.page_html a.active {
    background: #316FF6;
    color: #fff;
    border-radius: 5px;
}
.article_detail{
    margin-top: 0.85rem;
}
.article_detail_title{
    width: 12rem;
    margin: auto;
    color: #333;
    text-align: center;
    font-family: "Microsoft YaHei";
}
.article_detail_title h1{
    font-size: 36px;
    color: #333;
}
.article_detail_title p{
    font-size: 16px;
    margin-top: 55px;
    color: #999;
}
.article_detail_title p span{
    margin-right: 0.2rem;
}
.article_detail_title p span.release_date{
    font-family: "Times New Roman";
}
.article_detail_content{
    border-top: 1px solid #999;
    margin-top: 0.18rem;
    font-size: 18px;
    padding-top: 60px;
    font-family: "Microsoft YaHei";
    color: #282828;
}
.article_detail_content img{
    max-width: 11rem;
}
.article_detail_content p{
    text-indent: 2em;
    line-height: 2.2;
    margin-bottom: 0.3rem;
}
.jcsj_items{
    margin-top: 0.2rem;
}
.jcsj_item{
    width: 3.8rem;
    height: 2.52rem;
    float: left;
    margin-top: 0.3rem;
    margin-right: 0.3rem;
    position: relative;
}
.jcsj_item:nth-of-type(3n){
    margin-right: 0;
}
.jcsj_item img{
    display: block;
    width: 3.8rem;
    height: 2.52rem;
}
.jcsj_item span.jcsj_title {
    position: absolute;
    left: 0.1rem;
    bottom: 0.1rem;
    color: #fff;
    font-size: 0.18rem;
}
.jcsj_item img.jcsj_play{
    width: 0.71rem;
    height: 0.71rem;
    border-radius: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-40%);
}
.bm_jcsj_content {
    width: 13.66rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-45%);
}
.bm_jcsj_content_swiper {
    width: 13.66rem;
    position: relative;
    z-index: 2;
}
.swiper-container-jcsj{
    width: 10rem;
}
.bm_jcsj_content_swiper .swiper-slide img {
    display: block;
    font-size: 0;
    max-width: 10rem;
    max-height: 6.65rem;
}
.bm_jcsj_content_swiper_page{
    font-size: 0.45rem;
    color: #fff;
    text-align: center;
}
.bm_modal_close{
    position: absolute;
    top: 0;
    right: 0;
}
.bm_modal_close img{
    display: block;
    font-size: 0;
    width: 0.41rem;
}
.bm_download_content {
    width: 10.5rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-45%);
    background: #fff;
}
.bm_download_content_relative{
    padding-left: 0.9rem;
    padding-right: 0.9rem;
    padding-top: 0.7rem;
    padding-bottom: 1.1rem;
    position: relative;
}
.bm_download_content_relative .bm_modal_close{
    top: -0.1rem;
    right: -0.5rem;
}
.bm_download_content li{
    font-size: 0.22rem;
    margin-top: 0.5rem;
    width: 100%;
    float: left;
}
.bm_download_content a{
    color: #666;
}
.bm_download_content img.icon_word{
    float: left;
    display: block;
    width: 0.22rem;
    height: 0.25rem;
    margin-top: 0.03rem;
}
.bm_download_content img.download{
    float: left;
    display: block;
    width: 0.3rem;
    height: 0.22rem;
    margin-left: 0.3rem;
    margin-top: 0.04rem;
}
.bm_download_content li span{
    float: left;
    margin-left: 0.1rem;
    padding-bottom: 0.06rem;
 }
.bm_download_content li span.active{
    color: #1d79ec;
}
.bm_download_content li span.text{
    border-bottom: 1px solid #fff;
}
.bm_download_content li span.border{
    border-bottom: 1px solid #8ebcf5;
}

.production_left{
    width: 8.5rem;
    float: left;
    margin-top: 0.7rem;
    font-size: 0.18rem;
    color: #333;
}
.production_left_video{
    width: 8.5rem;
    border: 1px dotted #ea7315;
    background: #d1e9ff;
    cursor: pointer;
}
.production_left_video video{
    width: 8.5rem;
    height: 4.8rem;
}
.production_left_video p.ts{
    width: 100%;
    background: #ea7315;
    line-height: 4.8rem;
    height: 4.8rem;
    color: #fff;
    text-align: center;
    font-size: 0.22rem;
    border-radius: 5px;
}
.production_left_video_add{
    margin-left: 3.58rem;
    margin-top: 1.17rem;
    padding-bottom: 0.3rem;
}
.production_left_video_add img{
    display: block;
    border: 0;
    width: 1.33rem;
    height: 1.09rem;
}
.production_left_video_add p{
    font-size: 0.2rem;
    color: #ea7315;
    font-weight: bolder;
    letter-spacing:0.02rem;
    margin-top: 0.23rem;
}
.production_left_video_add_cover{

}
.production_left_video_add_cover img{
    display: block;
    border: 0;
    width: 100%;
    height: 4.8rem;
}
.production_left_video_desc{
    color: #666;
    margin-left: 0.3rem;
    margin-top: 0.82rem;
    padding-bottom: 0.3rem;
}
.production_left_video_desc p{
    line-height: 0.3rem;
}
.production_left_video_progress{
    width: 100%;
    height: 0.32rem;
    background: #eee;
}
#progress{
    width: 11%;
    background: #ea7315;
    line-height: 0.32rem;
    height: 0.32rem;
    color: #fff;
    text-indent: 0.3rem;
    font-size: 0.2rem;
}
.production_right_download_progress{
    width: 100%;
    height: 0.32rem;
    background: #eee;
    margin-top: 0.23rem;
    position: relative;
}
.progress_text{
    position: absolute;
    left: 0.2rem;
    top: 50%;
    transform: translateY(-55%);
    font-size: 0.2rem;
    color: #666;
}
.production_left_title{
    width: 8.5rem;
    height: 0.67rem;
    font-size: 0.25rem;
    color: #ea7315;
    font-weight: bolder;
    position: relative;
    margin-top: 0.52rem;
}
.production_left_title img{
    display: block;
    font-size: 0;
    width: 8.45rem;
    height: 0.67rem;
}
.production_left_title p{
    position: absolute;
    left: 0.2rem;
    top: 50%;
    transform: translateY(-60%);
}
.edui-default .edui-editor{
    font-size: 0.12rem;
}
.production_left_item{
    margin-left: 0.2rem;
    margin-top: 0.23rem;
}
.production_left_item select{
    display: block;
    width: 8.3rem;
    height: 0.38rem;
}
.production_left_item textarea{
    display: block;
    width: 8.3rem;
    height: 2.5rem;
}
.production_left_item input.text{
    display: block;
    width: 8.3rem;
    height: 0.38rem;
}
.production_left_title_02{
    font-size: 0.22rem;
    color: #000;
    font-weight: bolder;
}
.production_left_title_02 span{
    color: #ea7315;
}
.production_left_title_02 img{
    font-size: 0;
    width: 0.2rem;
    height: 0.2rem;
    margin-left: 0.18rem;
}
.production_left_title_03{
    padding-top: 0.45rem;
    border-top: 2px solid #ea7315;
}
.production_left_desc{
    color: #666;
}
.production_left_desc p{
    line-height: 0.3rem;
}
.production_left_content{
    font-size: 0.2rem;
    color: #666;
    white-space: pre-line;
    text-align: left;
    line-height: 0.3rem;
}
.production_left_content p{
    line-height: 0.3rem;
}
.mt45{
    margin-top: 0.45rem;
}

.production_left_team_item{
    margin-top: 0.18rem;
}
.team_item_float{
    float: left;
    width: 4rem;
    margin-right: 0.3rem;
}
.team_item_float:nth-of-type(2n){
    margin-right: 0;
}

.production_left_team_item input{
    display: block;
    width: 8.3rem;
    height: 0.4rem;
    margin-top: 0.08rem;
}
.production_left_team_item input.short{
    width: 4rem;
}

.production_left_team_add img{
    display: block;
    font-size: 0;
    width: 0.19rem;
    height: 0.2rem;
    float: left;
    margin-top: 0.01rem;
}
.production_left_team_add img.success {
    width: 0.19rem;
    height: 0.19rem;
}
.production_left_team_add img.delete {
    margin-left: 0.3rem;
    width: 0.17rem;
    height: 0.21rem;
}
.production_left_team_add span{
    font-size: 0.16rem;
    color: #ea7315;
    margin-left: 0.08rem;
    float: left;
}
.production_left_team_add span.desc{
    color: #333;
    margin-left: 0rem;
}
.production_left_team_add span.upload_name{
    color: #333;
}
.production_left_team_add span.origin_name{
    color: #666;
    margin-left: 0.3rem;
}
.production_left_team_add a.ts{
    color: red;
    margin-left: 0.3rem;
}
.production_left_attached img{
    display: block;
    font-size: 0;
    width: 0.2rem;
    height: 0.2rem;
    float: left;
    margin-top: 0.01rem;
}
.production_left_attached img.pdf{
    height: 0.22rem;
}
.production_left_attached img.delete{
    margin-left: 0.3rem;
    width: 0.17rem;
    height: 0.21rem;
}
.production_left_attached img.success{
    width: 0.19rem;
    height: 0.19rem;
}
.production_left_attached span{
    color: #333;
    margin-left: 0.08rem;
    float: left;
}
.production_left_attached .upload_item{
    clear: both;
    margin-top: 0.2rem;
    float: left;
}
.production_right{
    width: 3rem;
    float: left;
    margin-left: 0.5rem;
    margin-top: 0.7rem;
    z-index: 999;
}
.production_right_fixed{
    position: fixed;
    top: 0;
    left: 50%;
    margin-left: 3rem;
    margin-top: 0.3rem;
}
.production_right_sub_bnt a{
    display: block;
    width: 3rem;
    height: 0.8rem;
    background: #ea7315;
    border-radius: 5px;
}
.production_right_sub_bnt img{
    display: block;
    font-size: 0;
    width: 0.21rem;
    height: 0.21rem;
    float: left;
    margin-top: 0.32rem;
    margin-left: 0.64rem;
}
.production_right_sub_bnt span{
    font-size: 0.22rem;
    color: #fff;
    margin-left: 0.08rem;
    float: left;
    letter-spacing: 0.02rem;
    font-weight: bolder;
    margin-top: 0.27rem;
}
.production_right_menu{
    border-radius: 5px;
    border: 1px solid #ccc;
    padding: 0.25rem 0 0.25rem 0.2rem;
    margin-top: 0.3rem;
}
.production_right_menu a{
    display: block;
    width: 2.5rem;
    height: 0.5rem;
    line-height: 0.5rem;
    font-size: 0.18rem;
    color: #333;
    text-align: right;
    border-right: 2px solid #ea7315;
    padding-right: 0.15rem;
}
.production_right_menu a.active{
    color: #ea7315;
    background: url(../image/production_right_menu_bg.png);
    background-repeat: no-repeat;
    background-position: left center;
}
.production_left_ts{
    margin-left: 2.3rem;
    margin-top: 1.27rem;
}
.production_left_ts img{
    display: block;
    border: 0;
    width: 1.12rem;
    height: 1.27rem;
}
.production_left_ts p{
    font-size: 0.32rem;
    color: #3EB5AC;
    font-weight: bolder;
    letter-spacing:0.02rem;
    margin-top: 0.23rem;
    margin-left: -0.79rem;
}
.production_left_ts_bnt{
    margin-top: 1.33rem;
}
.production_left_ts_bnt a{
    display: block;
    width: 2.5rem;
    height: 0.6rem;
    line-height: 0.6rem;
    background: #239ff7;
    border-radius: 5px;
    text-align: center;
    font-size: 0.22rem;
    color: #fff;
    letter-spacing: 0.02rem;
    font-weight: bolder;
    float: left;
    margin-right: 0.25rem;
}
.production_left_ts_bnt a.back{
    background: #93A4AA;
    color: #fff;
}
.production_left_ts_bnt a:hover{
    color: #fff;
}
.production_left_sub_bnt a{
    display: block;
    width: 2rem;
    height: 0.6rem;
    background: #ea7315;
    border-radius: 5px;
}
.production_left_sub_bnt img{
    display: block;
    font-size: 0;
    width: 0.21rem;
    height: 0.21rem;
    float: left;
    margin-top: 0.22rem;
    margin-left: 0.64rem;
}
.production_left_sub_bnt span{
    font-size: 0.22rem;
    color: #fff;
    margin-left: 0.08rem;
    float: left;
    letter-spacing: 0.02rem;
    font-weight: bolder;
    margin-top: 0.17rem;
}
.attachment_progress{
    width: 8.3rem;
    background: #b1c5cd;
    height: 0.32rem;
}
.attachment_progress div{
    width: 10%;
    background: #ea7315;
    line-height: 0.32rem;
    height: 0.32rem;
    color: #fff;
    text-indent: 0.26rem;
    font-size: 0.2rem;
    min-width: 26%;
}
.video_play{
    width: 100%;
    background: #E98A00;
}
.video_play p.ts{
    width: 100%;
    color: #fff;
    text-align: center;
    font-size: 0.25rem;
}
.jcsj_lists_nav{
    margin-top: 0.6rem;
    font-size: 0.25rem;
    text-align: center;
}
.jcsj_lists_nav span{
    padding-right: 0.4rem;
    border-right: 2px solid #666;
}
.jcsj_lists_nav span:nth-of-type(2n){
    padding-left: 0.4rem;
    border-right: none;
}
.jcsj_lists_nav span a{
    color: #666;
}
.jcsj_lists_nav span a.active{
    color: #316FF6;
}
.page-jcsj-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 14rem;
}
.online_item{
    margin-top: 0.45rem;
}
.online_item .left{
    width: 1rem;
    height: 1rem;
    float: left;
}
.online_item .left .year{
    font-size: 0.18rem;
    height: 0.3rem;
    line-height: 0.3rem;
    text-align: center;
    background: #ea7315;
    color: #fff;
    border:1px solid #ea7315;
    border-top-left-radius: 0.1rem;
    border-top-right-radius: 0.1rem;
}
.online_item .left .day{
    font-size: 0.5rem;
    font-weight: bolder;
    height: 0.7rem;
    line-height: 0.7rem;
    text-align: center;
    color: #ea7315;
    border:1px solid #ea7315;
    border-bottom-left-radius: 0.1rem;
    border-bottom-right-radius: 0.1rem;
}
.online_item .right{
    width: 10.75rem;
    margin-left: 0.25rem;
    float: left;
}
.online_right_item{
    border-bottom:1px solid #ea7315;
    margin-top: 0.3rem;
    padding-bottom: 0.3rem;
    font-size: 0.22rem;
    color: #666;
    position: relative;
}
.online_right_item:nth-of-type(1){
    margin-top: 0;
}
.online_right_item:last-of-type{
    border-bottom: none;
}
.online_right_item p {
    line-height: 2.2;
}
.online_right_item p a{
    color: #ea7315;
}
.online_right_item .time{
    font-weight: bolder;
    color: #ea7315;
    line-height: 1.5;
}
.online_right_item .online_title{
    color: #333;
    font-size: 0.3rem;
    line-height: 1.8;
}
.online_right_item a.btn{
    display: block;
    width: 3rem;
    height: 0.45rem;
    line-height: 0.45rem;
    text-align: center;
    border-radius: 0.1rem;
    border:1px solid #ea7315;
    background: #fff;
    margin-top: 0.1rem;
}
.online_right_item a.join{
    width: 1.6rem;
}
.online_right_item .online_logo{
    display: block;
    position: absolute;
    right: 0.1rem;
    bottom: 0.38rem;
}
.online_right_item .online_logo_01{
    width: 1.12rem;
    height: 0.83rem;
}
.online_right_item .online_logo_02{
    width: 0.78rem;
    height: 0.79rem;
}
.online_right_item .online_logo_03{
    width: 0.8rem;
    height: 0.81rem;
}

.online_schools{
    width: 100%;
    background: #e8f4ff;
    padding: 0.7rem 0;
}
.online_schools_center{
    width: 12rem;
    margin: auto;
    position: relative;
}
.online_schools h3{
    font-size: 0.36rem;
    text-align: center;
    color: #ea7315;
}
.online_schools_center .line{
    display: block;
    width: 0.4rem;
    height: 0.08rem;
    position: absolute;
    left: 50%;
    top: -0.2rem;
    transform: translateX(-50%);
}
.online_schools .schools{
    margin-top: 0.35rem;
}
.online_schools .schools a{
    display: block;
    margin-right: 0.1rem;
    margin-top: 0.15rem;
    float: left;
    width: 1.88rem;
    height: 0.8rem;
    border:1px solid #bddef6;
    overflow: hidden;
    background: #fff;
    position: relative;
}
.online_schools .schools a:nth-of-type(6n){
    margin-right: 0;
}
.online_schools .schools img{
    display: block;
    max-width: 95%;
    height: 90%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.online_schools .schools img.long{
    height: 50%;
}
.bm_online_content {
    width: 10rem;
    background: #fff;
    border-radius: 0.1rem;
    font-size: 0.22rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-45%);
}
.bm_online_content_relative{
    width: 10rem;
    padding: 0.45rem;
    position: relative;
}
.bm_online_content .bm_modal_close {
    top: 0;
    right: -0.61rem;
}
.bm_online_content .left{
    float: left;
    width: 4rem;
}
.bm_online_content .left img.logo{
    display: block;
    width: 2.5rem;
    margin-top: 0.3rem;
}
.bm_online_content .left img.small{
    width: 1rem;
}
.bm_online_content .right{
    width: 4.8rem;
    float: left;
    margin-left: 0.3rem;
}
.bm_online_content .right .bm_online_nav{
    width: 4.8rem;
    font-size: 0.2rem;
    text-align: center;
}
.bm_online_content .right .bm_online_nav span{
    padding-right: 0.4rem;
    border-right: 2px solid #666;
}
.bm_online_content .right .bm_online_nav span:nth-of-type(2n){
    padding-left: 0.4rem;
    border-right: none;
}
.bm_online_content .right .bm_online_nav span a{
    color: #666;
}
.bm_online_content .right .bm_online_nav span a.active{
    color: #ea7315;
}
.bm_online_content .right img.album{
    display: block;
    width: 4.8rem;
    max-height: 4.5rem;
    margin-top: 0.2rem;
}
.bm_online_content .right .video{
    position: relative;
}
.bm_online_content .right .video img.jcsj_play {
    width: 0.71rem;
    height: 0.71rem;
    border-radius: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-45%);
}
.bm_online_content p{
    line-height: 1.8;
}
.bm_online_content .name{
    font-size: 0.36rem;
    margin-top: 0.2rem;
}
.bm_online_content .title_small{
    font-size: 0.18rem;
    color: #229ff7;
    font-weight: bolder;
}
.bm_online_content .desc{
    margin-top: 0.2rem;
    color: #666;
}
.page-header-online{
    position: absolute;
    right: 2.45rem;
    bottom: 1.5rem;
    width: 201px;
    height: 63px;
}
.page-header-online img{
    display: block;
    width: 100%;
}
.online_video{
    width: 12rem;
    overflow: hidden;
    margin-top: 0.5rem;
}
.productions_cate {
    padding: 0.05rem 0.3rem 0.3rem 0.3rem;
    background: #fff;
    border: 5px solid #ea7315;
    border-radius: 0.2rem;
    margin-top: 0.6rem;
    font-size: 0.22rem;
}
.productions_cate p {
    color: #ea7315;
    line-height: 180%;
    margin-top: 0.2rem;
}
.productions_cate ul li {
    float: left;
    margin-right: 0.1rem;
    margin-top: 0.15rem;
}
.productions_cate ul li a {
    color: #333;
    padding: 5px;
    border-radius: 10px;
}
.productions_cate ul li a.active {
    color: #fff;
    background: #ea7315;
}
.productions_cate ul li a:hover{
    color: #ea7315;
}
.clearfix:after {
    content: "";
    display: block;
    clear: both;
}